html {
    -webkit-text-size-adjust: none;font-size:20px;
}
@media (max-width:800px){
html{font-size:16px;}
}
body{margin-top:128px;color:#555;font-size:12px;font-family: Arial, Helvetica, sans-serif;/*behavior:url("csshover.htc");*/}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*{list-style:none;margin:0;padding:0}
img{border:none}
a{text-decoration: none;color:#555;}a:hover{color:#f00;}.over{transition: 0.3s linear all;}.point,.mouse{cursor:pointer;}
.cl{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.ov{overflow:hidden;}
.fl{float:left;}.fr{float:right;}.ov{overflow:hidden}.posi{position:relative;}.ab{position:absolute;}.over{transition: 0.2s linear all;}
.bold{font-weight:bold;}.nob{font-weight:normal;}.cen{text-align:center;}.txtl{text-align:left;}.txtr{text-align:right;}.vtop{vertical-align:top;}.enbold{font-family:Impact;}
.mt5{margin-top:0.25rem;}.mt10{margin-top:0.5rem;}.mt15{margin-top:0.75rem;}.mt20{margin-top:1rem;}.mt25{margin-top:25px;}.mt30{margin-top:1.5rem;}.mt40{margin-top:2rem;}.mt50{margin-top:2.5rem;}
.font12{font-size:12px;}.font13{font-size:13px;}.font14{font-size:14px;}.font15{font-size:15px;}.font16{font-size:16px;}.font18{font-size:0.9rem;}.font20{font-size:1rem;}.font24{font-size:1.2rem;}.font28{font-size:1.4rem;}
.font30{font-size:1.5rem;}.font34{font-size:1.7rem;}.font36{font-size:1.8rem;}.font40{font-size:2rem;}.font48{font-size:2.4rem;}.font56{font-size:2.8rem;}.xie{font-style:italic;}
.block{display:block}.inblock{display:inline-block;}.outline{outline:none;}.unl{text-decoration:underline;}

@media (max-width:640px){
.font18{font-size:16px;}.font20{font-size:18px;}.font24{font-size:20px;}.font30{font-size:24px;}
}
.co000{color:#000;}.co333{color:#333;}.co666{color:#666;}.co999{color:#999;}.org{color:rgba(254,97,97,1);}.yel{color:#fb3300;}.fff{color:#fff;}.red{color:#ba0000;}.blue{color:#369;}
.daxie{text-transform:uppercase;}.daxie_{text-transform:capitalize;}.lh{line-height:1.8;}.st{font-family:"microsoft yahei";}.en{font-family:Georgia, "Times New Roman", Times, serif;}
.hide{ display:none;}
.wrap{width:95%;margin:0 auto;}.wrapin{width:88%;margin:0 auto;}.wrapin2{width:90%;margin:0 auto;}.w{width:100%;}.h100{height:100%;}
.maxw{max-width:1000px;}.divcen{margin:0 auto;}
.baibg{background:#fff;}.huibg{background:#efefef;}
.maxpic img{max-width:100%;max-height:100%;}

.pad10{padding:10px 0;}.pad20{padding:20px 0;}.pad30{padding:30px 0;}.pad50{padding:2.5rem 0;}

.header{z-index:99;position:fixed;top:0px;left:0;width:100%;background:url(../images/bg.jpg) left top repeat-x;}
.top dl{height:80px;}
.logo{top:15px;left:0;}
.logo .w1{width:15rem;margin:5px 0 0 10px;}
.header dd{}

.lang a{padding:0 5px;color:#ba0000;}
.sear{width:180px;padding:0 10px;border:1px solid #ddd;background:#fff;-webkit-border-radius:10px;border-radius:10px;}
.sear .ipt{width:150px;height:20px;line-height:20px;border:none;background:fff; outline:none;}
.sear button{border:none;background:none;cursor:pointer;}


.header.scroll{}
.header.scroll a{}

.nav{height:48px;background:url(../images/nav.jpg) left top repeat-x;}
.nav li{display:inline-block;width:127px;height:48px;line-height:48px;position:relative;background:url(../images/nava.jpg) center no-repeat;}
.nav li a{display:block;color:#fff;}
.nav li.on,.nav li:hover,.nav li.cur{background:url(../images/navb.jpg) center no-repeat;}
/*子菜单*/
.nav li ul{display:none;z-index:9;top:48px;left:-3px;width:100%;border: #fff 3px solid;background:#eee;}
.nav li ul a{height:28px;line-height:28px;background:url(../images/nava.jpg) center top no-repeat;}
.nav li ul a:hover{background:url(../images/navb.jpg) center top no-repeat;}
/*
.header.scroll .nav a{color:#333;}
.header.scroll .nav li.on a,.header.scroll .nav li:hover a{color:#fff;}
.header.scroll .nav li.line:before{background:#999;}
.header.scroll .fa-search,.header.scroll .fa-globe{color:#333;}*/
.drop{display:none;}
.drop ul{width:30px;padding:15px;margin:15px 0 0 0;box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.drop i{display:block;width:100%;height:3px;background:#fb4f4a;position:relative;margin:6px 10px 2px 0;transition: 0.1s linear all;}
.drop i:nth-child(1){margin-top:0px;}
.drop.on i:nth-child(2){opacity: 0;}
.drop.on i:nth-child(1){-webkit-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);}
.drop.on i:nth-child(3){-webkit-transform: translateY(-4px) rotate(45deg);
    -ms-transform: translateY(-4px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);}
.subnav{display:none;position:absolute;right:0;top:80px;z-index:9;border-top:1px solid #eee;background:#fff;box-shadow: 0 10px 10px rgba(0,0,0,.2);}
.subnav a{color:#000;}
.subnav dt{float:left;width:100%;height:40px;line-height:40px;border-top:1px solid #eee;background:rgba(255,255,255,1);}
.subnav dt:first-child{border:none;}
.subnav dt a{display:block;padding:0 10px;}
.subnav dt i{padding:0.8rem 2%;}
.subnav dt.on{background:#e5f0f9;}
.subnav dt.on i{transform: rotateZ(180deg);
    transform-origin: 50% 50%;
	-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);}
.subnav dd{display:none;float:left;width:100%;padding:10px 0;}
.subnav dd li{float:left;width:100%;height:35px;line-height:35px;}
.subnav dd li a{display:block;padding-left:30px;}

@media (max-width:1000px){
body{margin-top:80px;}
.nav{display:none;}
.drop{display:block;margin-left:1rem;}
.header{box-shadow: 0 5px 5px rgba(0,0,0,.2);}
}
@media (max-width:800px){
.logo p{display:none;}
}



/*banner*/
#banner .swiper-pagination-bullets{left:0px;bottom:1rem;}
#banner .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity: 1;}
#banner .swiper-pagination-bullet-active{background:#0067c6;}


.justify{text-align:justify;text-justify:distribute-all-lines; /* for ie */}
.justify:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.flex{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;align-items:center;-webkit-align-items: center;justify-content:center;}

.hover li:hover img,.hover .li:hover img,.hover2 li:hover .pic,.hover2 .li:hover .pic{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.icona{width:42%;}
.icona dt{top:-2px;height:20px;border-bottom:2px solid #7e8c8c;}
.icona dt li{width:144px;height:22px;background:url(../images/tit1.jpg) center bottom no-repeat;}
.icona dt:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;}
.icona dd{height:210px;}
.icona dd img{max-width:220px;padding:2px;margin-right:6px;border:1px solid #ccc;}

.iconb{width:28.5%;margin-top:8px;-webkit-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;}
.iconb.mrl{margin:8px 0.5% 0;}
.iconb dt{height:22px;line-height:22px;border-bottom:2px solid #7e8c8c;background:#c80000;}
.iconb dt:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;}
.iconb dt img{margin:0 10px;}
.iconb dd{height:210px;}
.iconb dd li{height:25px;line-height:25px;border-bottom:1px dotted #222;background:url(../images/li.jpg) left center no-repeat;}
.iconb dd li a{display:block;padding-left:15px;}

.iconb .w2{width:180px;}
@media (max-width:800px){
.icona,.iconb{width:100%;}
.icona dd,.iconb dd{height:auto;}
}

.foot{height:107px;background:url(../images/footbg.jpg) repeat-x;}
.foot .a{margin-top:18px;height:16px;}
.foot .a a{padding:0 20px;color:#fff;}

.cleft{z-index:2;width:22%;border:1px solid #dedede;border-top:none;background: #f5f5f7;}
.cleft .w2{width:180px;}
.cright{z-index:1;width:78%;margin-left:-2px;}
@media (max-width:800px){
.cright{width:100%;}
.cleft{display:none;}
}

.lnav dt{height:30px;line-height:30px;background:url(../images/lefth3.jpg) left center no-repeat;}
.lnav dt p{padding-left:50px;}
.lnav dd li{line-height:28px;border-bottom:1px solid #d5d8dd;}
.lnav dd li a{display:block;padding-left:20px;}
.lnav dd li a:hover{background:url(../images/leftah.jpg) center no-repeat;}
.lnav dd ul li{line-height:26px;}
.lnav dd ul li a{padding-left:30px;}
.lnav dd li a:hover{font-weight:bold;}


.where{line-height:30px;border-bottom:1px solid #dedede;}
.where a{padding:0 5px;color:#c00;}
.where li{padding-left:20px;background:url(../images/about_07.jpg) left center no-repeat;}


.sortlist li{line-height:30px;}
.sortlist li a{display:block;padding-left:15px;border-bottom:1px dashed #ccc;}
.sortlist li a:hover{color:#9966ff;border-color:#9966ff;}
.sortlist li.t a{padding-left:0px;border-bottom:1px solid #ccc;}

.newslist li{line-height:32px;}
.newslist li a{display:block;padding-left:20px;background:url(../images/news_06.jpg) 10px center no-repeat;}
.newslist li span{padding-right:10px;}
.newslist li:nth-child(2n) a{background-color:#f3f3f3;}

.prenext{border-top:2px dashed #ccc;}

.prolist li{width:22%;margin:20px 4% 20px 0;}
.prolist li:nth-child(4n){margin-right:0;}
.prolist li img{width:96%;padding:1px;border:1px solid #ccc;}
@media (max-width:640px){
.prolist li{width:48%;margin:20px 0;}
.prolist li:nth-child(2n){float:right;}
}

.caselist li{width:30%;margin:20px 5% 20px 0;}
.caselist li:nth-child(3n){margin-right:0;}
.caselist li img{width:96%;padding:1px;border:1px solid #ccc;}
@media (max-width:640px){
.caselist li{width:48%;margin:20px 0;}
.caselist li:nth-child(2n){float:right;}
}


.faqbox li{float:left;width:100%;margin:5px 0;}
.faqbox li span{float:left;width:80px;height:30px;}
.faqbox li .ipt{width:250px;height:30px;line-height:30px;border:1px solid #ccc;}
.faqbox li textarea{width:60%;min-width:250px;height:120px;border:1px solid #ccc;}
.faqbox li .btn{width:250px;height:30px;line-height:30px;border:none;background:#c00;}


.gotop {display:none;position:fixed;bottom:5px;right:5px;z-index: 9999;width:2.5rem;height:2.5rem;line-height:3rem;background:#fff;-webkit-border-radius:50%;border-radius:50%;}
.gotop:hover{color:#fff;background-color:#c00;}
@media (max-width:640px){
.gotop{/*bottom:65px;*/}
}


/* 栏目页分页 */
.pages{padding:2rem 0;}
.pages a{display:inline-block;padding:3px 10px;margin:0 5px;color:#333;background:#f3f3f3;}
.pages a:hover, .pages a.page-num-current{color:#fff;background:#c00;}
.vid-wrap{
    width:100%;background: #000;
    position:relative;
    padding-bottom:56.25%;    /*视频详情页，需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}
.vid-wrap video{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%
}