@charset "UTF-8";

@font-face {
	font-family:SangBleuSunriseRegular;src:url(Open-Sans-2.ttf)
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;outline: none;
-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
font-size: 14px;
}
html {overflow-y: scroll;}
body {
float:left;width: 100%;
font-family: "SangBleuSunriseRegular","Microsoft YaHei UI","Microsoft YaHei","微软雅黑",Heiti,"黑体",sans-serif;
background:#353B43;
font-size: 14px;
line-height:180%;
color:#AFBABB;text-transform: uppercase

}
br { display: block; line-height:180%; } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
  font-family: "SangBleuSunriseRegular","Microsoft YaHei UI","Microsoft YaHei","微软雅黑",Heiti,"黑体",sans-serif;
	color:#AFBABB;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a,li a{color:#AFBABB;text-decoration:none; line-height:180%;}


textarea,input[type="password"],input[type="text"]{font-size:14px;}
input::-webkit-input-placeholder {font-size: 14px;}
textarea::-webkit-input-placeholder {font-size: 14px;}
textarea,input[type="password"],input[type="text"]{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:none;color:#000;font-size:1rem;}
input::-webkit-input-placeholder {color:#AFBABB;font-size: 14px;}
textarea::-webkit-input-placeholder {color:#000;font-size: 14px;}

.mainbox{float:left;width:100%;padding:0px 50px;margin-top:0px;}
.mainbox_re{float:left;width:100%;padding:0px 0px 0px 220px;position:relative;}
.mainbox_pa{float:left;width:200px;position:absolute;left:0px;top:0px;}
.mainbox_pb{float:left;width:100%;min-height:700px;}

.sx_b{float:left;width:100%;border-top:1px solid #42484F;padding:10px 0px 40px 0px;}
.sx_b h3{font-size:18px;}
.sx_b p{font-size:12px;color:#999;letter-spacing:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.sx_a{float:left;width:100%;padding:10px 0px 40px 0px;}
.titabc h3{font-size:18px;font-weight:bold;}
.titabc p{font-size:12px;color:#999;letter-spacing:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.cona{float:left;width:100%;margin-top:5px;}
.cona ul li{float:left;width:100%;}
.cona ul li a{float:left;}
.cona ul li a.now{color:#E69618;}
.cona ul li a span{padding-left:7px;color:#999;letter-spacing:0px;}

.conb{float:left;width:100%;margin-top:5px;}
.conb ul li{float:left;width:33.33%;margin-top:10px;}
.conb ul li em{float:left;width:28px;height:28px;background:#E69618;border-radius:100%;}
.conb ul li h4{float:left;width:100%;}

.conb ul li:nth-child(1) em{background:#AFBABB;}
.conb ul li:nth-child(2) em{background:#E7352B;}
.conb ul li:nth-child(3) em{background:#F7B940;}
.conb ul li:nth-child(4) em{background:#F8FBA4;}
.conb ul li:nth-child(5) em{background:#7BBA3C;}
.conb ul li:nth-child(6) em{background:#1790C8;}
.conb ul li:nth-child(7) em{background:#000;}
.conb ul li:nth-child(8) em{background:#AFBABB;}
.conb ul li:nth-child(9) em{background:#825D41;}
.conb ul li:nth-child(10) em{background:#8D429F;}
.conb ul li:nth-child(11) em{background:#F0728F;}
.conb ul li:nth-child(12) em{background:#AFBABB;}

.conb ul li:nth-child(1) a.now em{background:url(dui.png) center center no-repeat #AFBABB;}
.conb ul li:nth-child(2) a.now em{background:url(dui.png) center center no-repeat #E7352B;}
.conb ul li:nth-child(3) a.now em{background:url(dui.png) center center no-repeat #F7B940;}
.conb ul li:nth-child(4) a.now em{background:url(dui.png) center center no-repeat #F8FBA4;}
.conb ul li:nth-child(5) a.now em{background:url(dui.png) center center no-repeat #7BBA3C;}
.conb ul li:nth-child(6) a.now em{background:url(dui.png) center center no-repeat #1790C8;}
.conb ul li:nth-child(7) a.now em{background:url(dui.png) center center no-repeat #000;}
.conb ul li:nth-child(8) a.now em{background:url(dui.png) center center no-repeat #AFBABB;}
.conb ul li:nth-child(9) a.now em{background:url(dui.png) center center no-repeat #825D41;}
.conb ul li:nth-child(10) a.now em{background:url(dui.png) center center no-repeat #8D429F;}
.conb ul li:nth-child(11) a.now em{background:url(dui.png) center center no-repeat #F0728F;}
.conb ul li:nth-child(12) a.now em{background:url(dui.png) center center no-repeat #AFBABB;}



.paixu{float:right;}
.paixu div{float:right;position:relative}
.paixu div h3{float:left;width:100%;color:#E69618;font-size:16px;line-height:20px;padding-right:20px;background:url(jt.png) right no-repeat;}
.paixu div h3 span{font-size:16px;color:#AFBABB}
.paixu ul{float:left;position:absolute;top:20px;right:0px;background:rgba(53,59,67,0.9);display:none;padding:5px 20px 20px 20px;min-width:170px;z-index:999;}
.paixu ul li{float:left;width:100%;text-align:right;}
.paixu ul li a{font-size:16px;}
.paixu ul li a:hover{color:#E69618}



.tpllist{float:left;width:100%;}
.tpllist ul li{float:left;width:20%;padding-left:20px;margin-top:20px;position:relative;}
.tpllist ul li .img{float:left;width:100%;padding:5px;border:1px solid #42484F;background:#42484F;box-shadow:2px 2px 5px #1D2024}
.tpllist ul li .img div{float:left;width:100%;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;overflow:hidden;}
.tpllist ul li .img img{float:left;width:100%;}

.tpllist ul li .tit{float:left;width:100%;margin-top:0px;position:relative;background:#42484F;padding:10px 10px;box-shadow:2px 2px 5px #1D2024}
.tpllist ul li .tit h3{float:left;width:100%;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tpllist ul li .tit h3 span{float:right;}
.tpllist ul li .tit p{color:#999;font-size:12px;float:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tpllist ul li .tit h3 em{color:#E69618;font-style:normal;font-size:16px;}
.tpllist ul li .tit p em{float:right;font-style:normal;font-size:12px;}
.tpllist ul li .tit p em b{padding-right:3px;font-weight:bold;color:#E69618;}

.vvlist{float:left;width:100%;}
.vvlist ul li{float:left;width:20%;padding-left:20px;margin-top:20px;position:relative;}
.vvlist ul li .img{float:left;width:100%;padding:5px;border:1px solid #CCC;}
.vvlist ul li .img div{float:left;width:100%;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;overflow:hidden;}
.vvlist ul li .img img{float:left;width:100%;}

.vvlist ul li .tit{float:left;width:100%;margin-top:10px;position:relative}
.vvlist ul li .tit h3{float:left;width:100%;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vvlist ul li .tit h3 span{float:right;}
.vvlist ul li .tit p{color:#999;font-size:12px;float:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vvlist ul li .tit em{color:#E69618;font-style:normal;font-size:16px;}





.showPage{float:right;margin-top:30px;padding-right:0px;}
.showPage #page{float:left;}
.showPage #page a{float:left;background:#E69618;color:#FFF;padding:0px 15px;line-height:40px;border-left:1px solid #353B43;}
.showPage #page p{float:left;background:#42484F;padding:0px 15px;line-height:40px;border-left:1px solid #353B43;}

.foot_in{float:left;width:100%;text-align:center;font-size:12px;}

.wapm{display:none;}

.sandia{display:none;}

.footbox{float:left;width:100%;background:#1D2024;padding:30px 0px;margin-top:50px;}


.header{float:left;width:100%;background:#1D2024;padding:20px 0px;}



.logo{float:left;width:100%;background:url(logo.png) left no-repeat;background-size:auto 30px;text-align:center;line-height:50px;}

.sch_box{float:right;width:30%;}
.sch_box ul li{float:left;}
.sch_box ul li:nth-child(1){width:80%;}
.sch_box ul li:nth-child(2){width:20%;}
input{float:left;width:100%;border:1px solid #737F8A;height:34px;line-height:34px;}
input.input{font-size:14px;background:#353B43;padding:0px 5px;color:#AFBABB;}
input.btn2{background:url(s.png) center center no-repeat #353B43;background-size:16px;border-left:0px solid #E6E9EE;}

.mtop{margin-top:20px;}


.luoimgbg{float:left;width:100%;background:#666}
.luoimg{margin:0px auto;width:100%;max-width:750px;}
.luoimg_float{float:left;width:100%;}
.luoimg_float img{float:left;width:100%;}


.vvvbg{width:100%;height:100%;background:#666}
.vvv{float:left;width:100%;padding:0px 100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.vvv_float{float:left;width:100%;}
.vvv_float video{float:left;width:100%;}



.prev{float:left;width:40px;position:fixed;left:0px;top:50%;margin-top:-50px;background:#0071BF;z-index:9999;font-size:22px;text-align:center;line-height:100%;padding:10px 10px;color:#FFF;height:90px;}
.next{float:left;width:40px;position:fixed;right:0px;top:50%;margin-top:-50px;background:#0071BF;z-index:9999;font-size:22px;text-align:center;line-height:100%;padding:10px 10px;color:#FFF;height:90px;}

.idsx{float:right;width:80px;padding:10px 0px;position:fixed;right:10px;top:10px;background:#F5D522;color:#E69618;line-height:22px;text-align:center;}

.idsx p{float:left;width:100%;font-size:12px;}
.idsx p strong{font-size:16px;}

.back{float:right;width:80px;padding:10px 0px;position:fixed;right:10px;bottom:10px;background:#F5D522;color:#E69618;line-height:22px;text-align:center;}
.back a{color:#E69618;font-size:12px;}


#J_iframe{position:absolute;left:0px;top:0px;height:100%;width:100%;z-index:0;background:url(load.png) center center no-repeat;}

.btnsxx{float:left;padding-left:20px;}
.btnsxx a{float:left;margin-right:5px;background:url(close.png) 5px center no-repeat #E69618;background-size:14px;padding:0px 10px 0px 22px;color:#FFF;border-radius:3px;}
.btnsxx a:hover{background:url(close.png) 5px center no-repeat #000;background-size:14px;}



@media screen and (max-width:1920px) {
.tpllist ul li{width:25%;}
.vvlist ul li{width:25%;}
}

@media screen and (max-width:1200px) {
.tpllist ul li{width:33.333%;}
.vvlist ul li{width:33.333%;}
}


@media screen and (max-width:1000px) {
.mainbox{float:left;width:100%;padding:0px 20px;margin-top:0px;}
.mainbox_re{float:left;width:100%;padding:10px 0px 0px 130px;position:relative;}
.mainbox_pa{float:left;width:130px;position:absolute;left:0px;top:0px;}
.tpllist ul li{float:left;width:50%;padding-left:10px;margin-top:10px;position:relative;}
.vvlist ul li{float:left;width:50%;padding-left:10px;margin-top:10px;position:relative;}

}








@media screen and (max-width:750px) {
	
.logo{background-size:auto 16px;}

.sch_box{width:50%;}
	
	
	
.btnsxx{padding-left:0px;padding-top:10px;}	
	
.wapm{display:block;float:right;background:url(sx.png) right no-repeat;padding-right:30px;background-size:20px auto;width:50%;height:40px;line-height:40px;margin-right:5px;text-align:right;}
.paixu{display:none;}











.mainbox{padding:0px 20px;margin-top:0px;}
.mainbox_re{float:left;width:100%;padding:0px 0px 0px 0px;position:relative;}
.mainbox_pa{float:left;width:100%;padding:0px 20px;height:100%;left:-100%;top:0px;position:fixed;background:#353B43;z-index:9999;padding-top:20px;}
.sandia{width:100%;height:100%;left:0px;top:0px;position:fixed;background:rgba(0,0,0,0.6);z-index:9998}

.cona{float:left;width:100%;margin-top:0px;}
.cona ul li{float:left;width:50%;}
.cona ul li a{font-size:14px;}



.tpllist ul li{float:left;width:50%;padding:0px 5px 0px 0px;margin-top:10px;position:relative;}
.tpllist ul li:nth-child(2n){padding:0px 0px 0px 5px}

.showPage{float:right;width:100%;margin-top:10px;padding-right:0px;padding:0px 0px 0px 0px}
.showPage #page{float:left;width:100%;}
.showPage #page a{float:left;width:25%;text-align:center;background:#E69618;color:#FFF;line-height:40px;border-left:1px solid #fff;}
.showPage #page p{float:left;width:25%;text-align:center;background:#DDD;line-height:40px;border-left:1px solid #fff;}


.sx_b{padding:5px 0px 5px 0px;}

.sx_a{padding:5px 0px 5px 0px;}

.conb{float:left;width:100%;margin-top:0px;}
.conb ul li{float:left;width:20%;margin-top:0px;}
.conb ul li em{float:left;width:18px;height:18px;background:#E69618;border-radius:100%;}
.conb ul li h4{float:left;width:100%;font-size:14px;}


.conb ul li:nth-child(1) a.now em{background:url(dui.png) center center no-repeat #AFBABB;background-size:8px;}
.conb ul li:nth-child(2) a.now em{background:url(dui.png) center center no-repeat #E7352B;background-size:8px;}
.conb ul li:nth-child(3) a.now em{background:url(dui.png) center center no-repeat #F7B940;background-size:8px;}
.conb ul li:nth-child(4) a.now em{background:url(dui.png) center center no-repeat #F8FBA4;background-size:8px;}
.conb ul li:nth-child(5) a.now em{background:url(dui.png) center center no-repeat #7BBA3C;background-size:8px;}
.conb ul li:nth-child(6) a.now em{background:url(dui.png) center center no-repeat #1790C8;background-size:8px;}
.conb ul li:nth-child(7) a.now em{background:url(dui.png) center center no-repeat #000;background-size:8px;}
.conb ul li:nth-child(8) a.now em{background:url(dui.png) center center no-repeat #AFBABB;background-size:8px;}
.conb ul li:nth-child(9) a.now em{background:url(dui.png) center center no-repeat #825D41;background-size:8px;}
.conb ul li:nth-child(10) a.now em{background:url(dui.png) center center no-repeat #8D429F;background-size:8px;}
.conb ul li:nth-child(11) a.now em{background:url(dui.png) center center no-repeat #F0728F;background-size:8px;}
.conb ul li:nth-child(12) a.now em{background:url(dui.png) center center no-repeat #AFBABB;background-size:8px;}




.luoimg{float:left;width:100%;padding:20px}
.luoimg_float{float:left;width:100%;}
.luoimg_float img{float:left;width:100%;}


.idsx{display:none;}



.back{float:right;width:80px;padding:10px 0px;position:fixed;right:10px;bottom:10px;background:#F5D522;color:#E69618;line-height:22px;text-align:center;}
.back a{color:#E69618;font-size:12px;}




.vvvbg{width:100%;height:100%;background:#666}
.vvv{float:left;width:100%;padding:0px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.vvv_float{float:left;width:100%;}
.vvv_float video{float:left;width:100%;}




}