@charset "utf-8";
/* CSS Document */
#out{width:45%;height:auto;background:#666;position:fixed;right:0;top:0;z-index:1;overflow:hidden;padding-bottom:20%;display:none;}
#out a{color:#fff;}
#out a.a1{padding:10% 10%;}
#out a .s1{width:100%;height:0;padding-bottom:20%;border-bottom:1px #333 solid;padding-left:20%;padding-top:10%;}
#out #b2{width:20%;margin:0 auto;padding-top:28%;}

.header{width:100%;height:0;padding-bottom:12%;background:#010101;color:#fff;text-align:center;line-height:221%;position:fixed;top:0;}
.header .pic1{float:left;margin-left:4%;}
.header .pic2{float:right;margin-right:4%;}

.no{width:100%;height:0;padding-bottom:12%;}

h1{font-weight:normal;padding-left:5%;line-height:400%;text-align:left;}

.bot{padding-left:5%;overflow:hidden;padding-bottom:10%;}
.bot p{width:45%;height:0;padding-bottom:9%;background:#999;float:left;line-height:230%;border-radius:4%;text-align:center;color:#666;}
.bot .p2{float:right;margin-right:5%;}

ol.pics{padding-left:5%;overflow:hidden;padding-bottom:25%;}
ol.pics li.l0{width:45%;height:0;padding-bottom:50%;float:left;margin-right:5%;position:relative;}
ol.pics li a{width:100%;overflow:hidden;height:0;padding-bottom:111%;}
ol.pics li .mark{width:100%;background:rgba(153,153,153,0.5);position:absolute;bottom:5%;text-indent:2%;}
ol.pics li .mark ins{color:#fff;text-decoration:none;line-height:300%;}
ol.pics li .mark span{float:right;margin-right:3%;color:#fff;}
ol.pics li.l1{background:url(../img/20.jpg) no-repeat center center;background-size:100%;}
ol.pics li.l2{background:url(../img/21.jpg) no-repeat center center;background-size:100%;}
ol.pics li.l3{background:url(../img/22.jpg) no-repeat center center;background-size:100%;}
ol.pics li.l4{background:url(../img/23.jpg) no-repeat center center;background-size:100%;}
ol.pics li.l5{background:url(../img/21.jpg) no-repeat center center;background-size:100%;}
ol.pics li.l6{background:url(../img/23.jpg) no-repeat center center;background-size:100%;}