@charset "utf-8";
/* CSS Document */

a:active {color:#F00;}
a{ text-decoration:none;}
body > div{margin-right:auto;margin-left:auto;} 
body,html{width:100%; height:100%;}
body,html,div,ul,li,a,span,p,h1,h3,input,dl,dt,select{padding:0;margin:0;border:0;font-size:1.2rem;font-family: "Î¢ÈíÒ²ºÚ"; color:#444; list-style:none;}

@font-face{font-family:"SourceHanSerifSC-SemiBold";src:url(/views/mobile/css/fonts/SourceHanSerifSC-SemiBold.otf);font-style:normal;}

input{-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 
select {-webkit-appearance: none;} 
#header{max-width:800px;min-width:320px;margin:0 auto;z-index:1;}
ul li{list-style:none;}
.cent-top{width:100%; z-index:9999; position:relative;}
#top{max-width:800px;min-width:320px;height:auto; overflow:hidden; padding:1% 0; background:#f8f8f8; }




.top-left{float:left;width:46%;height:auto; padding:0% 0% 0% 1%; }
.top-left img{ float:left; max-width:100%;}

.top-right{ float:right; width:40%; height:auto; overflow:hidden; background:#fff; margin-top:1.7%; margin-right:1%; border:1px #efefef solid;}
.top-right .on1{ float:left; width:60%;font-size:1.4rem; color:#000; height:2em; line-height:2.2em; margin-left:3%;}
.top-right .on2{ float:right; width:30%; height:2em; text-align:center; line-height:2.2em; background:#009944; font-size:1.4rem; color:#fff; border-radius:0px;}

img{border:0;display:block;margin:0 auto;max-width:100%;}
.shouy{float:right;width:12%;height:auto; padding:0.8% 0%;}
.shouy img{width:100%;}

.caidan{position:absolute;top:81px;right:311px;z-index:999; max-width:800px; width:100%;height: 100%;background:rgba(0,0,0,0.8); display:none; z-index:999;}

.caidan ul{position:relative;width:auto; height:auto; overflow:hidden; padding:0% 2%;background-color:#fff;}
.caidan li{float:left;width:100%;text-align:left;line-height:2.00em; height:auto; overflow:hidden;border-bottom:1px #e6e6e6 solid; text-align:center;font-size:1.6rem;color:#000;padding:4% 0;}
.caidan li a{color:#000;text-decoration:none; display:inline-block; width:100%;   margin:0 auto; font-size:1.6rem;}



body { background:#fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}	
.clear:after{content:' ';display:block;visibility:hidden;height:0;clear:both;font-size:0;}
.clear{zoom:1;}

/*/  banner  */
.swiper-free, .swiper-free .swiper-slide{width:100%;height:308px;}
.swiper-slide {float:left; position:relative;}
.swiper-slide img{ width:100%; }
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/* Specify Swiper's Size: */

/* Pagination */
.pagination-free{position:absolute;bottom:3%;left:0px;z-index:999;text-align:center;width:100%;line-height:1;}
.swiper-free ul{ position:relative;}
.pagination-bg{display:block;position:absolute;bottom:0;left:0;width:100%;height:30px;filter:alpha(opacity=43);opacity:0.43;-moz-opacity:0.43;-khtml-opacity:0.43;background:#000;z-index:9;}
.pagination-text{ position:absolute; bottom:0; left:0; padding-left:5px; height:24px; line-height:24px; color:#fff; font-size:1.2em;z-index:99;}
.pagination-free .swiper-pagination-switch{display:inline-block;width:1rem;height:1rem;margin:0 5px; border-radius:2em; cursor: pointer; border:1px #fff solid; background:#fff;}
.pagination-free .swiper-active-switch{background:#f3a104;}
.pagination-free .swiper-pagination-switcha{display:inline-block;width:35px;height:11px;-webkit-border-radius:40%;-moz-border-radius:40%;border-radius:40%; background:url(/views/mobile/images/ba.png);margin:0 5px;cursor: pointer;}
.pagination-free .swiper-active-switcha{background:url(/views/mobile/images/hsa.png);}

#footer{position:fixed;left:0;bottom:0;width:100%;z-index:99}
.as{position:relative;margin:0 auto;text-align:center;z-index:4000;max-width:800px;min-width:320px;height:auto; background:#009944;}


.as ul li{list-style:none;float:left; padding:3% 0%;width:25%; background:url(/views/mobile/images/zxd.jpg) right center no-repeat; background-size:1px 30%;}
.u-img{ margin-bottom:5%;}
.u-img img{width:45%;}
.as a span{margin:0 auto;width:100%; display:block; color:#fff;font-size: 1.4rem;}
.icon{ width:100%; display:block;}
.as ul li a{display:block;font-family:'Microsoft YaHei';color:#fff;text-align:center;font-size: 1.6rem; text-decoration:none;}
.as ul li a u-title:hover{ text-decoration:underline;}
.as ul li.last{ background:none;}



#meun{display:none;}
.bq{line-height: 1.5;color: #444;padding:3% 0% 9% 0%; height:auto; overflow:hidden; background:#fff;}

/**/
.add{ position:fixed; z-index:3;}


.nva{ width:100%; height:3em; font-size:1.5rem; position:relative; z-index:999; background:#fff;}
.nva-a{width:100%; height:auto; overflow:hidden;}
.nva-a1{ float:left; width:83%; height:auto; overflow:hidden;}
.nva-a1 ul li{ float:left; width:25%; height:3em; overflow:hidden; text-align:center;font-size:1.5rem;}
.nva-a1 ul li a{ line-height:3em; font-size:1.5rem; color:#312122;}
.nva-a2{ float:right; width:13%; height:auto; overflow:hidden; border-left:1px #efefef solid; font-size:1.5rem;display:inline-block;overflow:hidden; height:3em;display: -webkit-box !important;display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.nva-a2 img{ max-width:50%;display: inline-block; vertical-align: middle;}
.nva-b{ display:none;width:100%; height:auto;font-size: 1.5rem; overflow:hidden; position:absolute; top:3em; background:#fff; border-top:1px #f5f5f5 solid;}
.nva-b ul li{ float:left; width:21%; height:3em; overflow:hidden; text-align:center;font-size:1.5rem;}
.nva-b ul li a{ line-height:3em; font-size:1.5rem; color:#312122;}


.hbj{ display:none; width:100%; height:100%; overflow:hidden; position:fixed; top:0px; left:0px; z-index:998;background: rgba(0,0,0,0.8);}





/**/
.gx1{ width:100%; height:auto; overflow:hidden;}
.gx1-a{width:96%; height:auto; overflow:hidden; padding:0% 2%; background:#f0eeee url(../images/bdzx1.jpg) left bottom repeat-x;}
.gx1-a span{ float:left; padding:2% 0%; border-bottom:1px #009944 solid; font-size:1.6rem; color:#312122; font-weight:bold;}
.gx1-a a{ float:right;padding:2.4% 0%; line-height:1.4em; font-size:1.3rem; color:#999;}
.gx1-b{width:96%; height:auto; overflow:hidden; padding:4% 2%;}
.gx1-b p{ text-align:center;}
.gx1-b p span{ color:#009944; font-size:1.8rem; font-weight:bold;}
.gx1-b div{ margin-top:2%;}

/**/
.gx2{width:100%; height:auto; overflow:hidden;}
.gx2 img{ width:100%;}

/**/
.gx3{width:100%; height:auto; overflow:hidden;}
.gx3-b{width:98%; height:auto; overflow:hidden; padding:0% 1%;}
.gx3-b ul li{width:100%; height:auto; overflow:hidden; margin-top:3%;}
.gx3-b ul li .gx3-b1{ float:left; width:35%; height:auto; overflow:hidden;}
.gx3-b ul li .gx3-b1 img{ width:100%;}
.gx3-b ul li .gx3-b2{ float:right; width:63%; height:auto; overflow:hidden;}
.gx3-b ul li .gx3-b2 div{width:100%; height:5.4em; overflow:hidden; line-height:1.8em; }
.gx3-b ul li .gx3-b2 div span{font-size:1.4rem; color:#312122;}
.gx3-b ul li .gx3-b2 p{ margin-top:4%;}
.gx3-b ul li .gx3-b2 p font{ font-size:1.3rem; color:#ababab; font-family:Arial, Helvetica, sans-serif;}


/**/
.gx4{width:100%; height:auto; overflow:hidden; margin-top:3%;}
.gx4-b{width:98%; height:auto; overflow:hidden; padding:2% 1%;}
.gx4-b ul li{ float:left; width:48%; height:auto; overflow:hidden; margin:1% 1% 3% 1%;}
.gx4-b ul li div{width:100%; height:auto; overflow:hidden;}
.gx4-b ul li div img{ width:100%;}
.gx4-b ul li p{ display:inline-block;width:100%; height:auto; overflow:hidden; text-align:center; margin-top:3%;}
.gx4-b ul li p span{ font-size:1.4rem; color:#312122;display:inline-block;width:100%; height:auto; overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap}

/**/
.gx5{width:100%; height:auto; overflow:hidden; margin-bottom:2%;}
.gx5-b{width:96%; height:auto; overflow:hidden; padding:2%;}
.gx5-b ul li{width:100%; height:auto; overflow:hidden; padding:2% 0%;}
.gx5-b ul li a span{ float:left;font-size:1.4rem; color:#312122; display:inline-block; width:80%;height:auto; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gx5-b ul li a font{ float:right;font-size:1.3rem; color:#ababab; font-family:Arial, Helvetica, sans-serif;}

/**/
.gx6{width:100%; height:auto; overflow:hidden;}
.gx6-b{width:98%; height:auto; overflow:hidden; margin-top:2%; padding:0% 1%;}
.gx6-b ul li{ float:left; width:48%; height:auto; overflow:hidden; margin:1%;}
.gx6-b ul li img{ width:100%;}
/**/
.gx7{width:100%; height:auto; overflow:hidden; margin-top:2%; background:#e6e6e6; padding:5% 0%;}
.gx7 p{ text-align:center;}
.gx7 p span{ font-size:1.2rem; color:#333; margin:0% 1%; font-family:Arial, Helvetica, sans-serif;}
.gx7 p span a{ font-size:1.2rem; color:#333; margin:0% 1%; font-family:Arial, Helvetica, sans-serif;}








@media all and (max-width:1280px){
.caidan{font-size:1em;position:absolute;top:64px;right:240px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

}
@media all and (max-width:1200px){
.caidan{font-size:1em;position:absolute;top:64px;right:200px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}
}
@media all and (max-width:1024px){
.caidan{font-size:1em;position:absolute;top:64px;right:112px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}
}
@media all and (max-width:980px){
.caidan{font-size:1em;position:absolute;top:80px;right:8.2%;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}
}
@media all and (max-width:960px){
.caidan{font-size:1em;position:absolute;top:64px;right:60px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

}
@media all and (max-width:800px){
.caidan{font-size:1em;position:absolute;top:63px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

}
@media all and (max-width:768px){
.caidan{font-size:1em;position:absolute;top:63px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}
@media all and (max-width:736px){
.caidan{font-size:1em;position:absolute;top:63px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}


	}
@media all and (max-width:690px){
.caidan{font-size:1em;position:absolute;top:61px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}
@media all and (max-width:667px){
.caidan{font-size:1em;position:absolute;top:61px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}


	}
@media all and (max-width:640px){
.caidan{font-size:1em;position:absolute;top:61px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}
@media all and (max-width:600px){
.caidan{font-size:1em;position:absolute;top:61px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}


	}
@media all and (max-width:480px){
.caidan{font-size:1em;position:absolute;top:54px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}
@media all and (max-width:414px){
.caidan{font-size:1em;position:absolute;top:51px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}


}
@media all and (max-width:400px){
.caidan{font-size:1em;position:absolute;top:49px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

}
@media all and (max-width:384px){
.caidan{font-size:1em;position:absolute;top:47px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}
@media all and (max-width:380px){
.caidan{font-size:1em;position:absolute;top:47px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}
@media all and (max-width:375px){
.caidan{font-size:1em;position:absolute;top:47px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}


	}
@media all and (max-width:360px){
.caidan{font-size:1em;position:absolute;top:44px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}
@media all and (max-width:328px){
.caidan{font-size:1em;position:absolute;top:41px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}
@media all and (max-width:322px){
.caidan{font-size:1em;position:absolute;top:41px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}
@media all and (max-width:320px){
.caidan{font-size:1em;position:absolute;top:41px;right:0px;z-index:999;background:rgba(0,0,0,0.8);width:100%;height: 100%;}

	}





@media screen and (max-width:800px){
	body,html{ font-size:16px;}
	}


@media screen and (max-width:540px){
	body,html{ font-size:12px;}
	}
@media screen and (max-width:480px){
	body,html{font-size:12px;}
	}
@media screen and (max-width:414px){
	body,html{ font-size:12px;}
	}
@media screen and (max-width:400px){
	body,html{font-size:12px;}
	}	
@media screen and (max-width:384px){
	body,html{font-size:10px;}
	}	
@media screen and (max-width:380px){
	body,html{font-size:10px;}
	}
@media screen and (max-width:375px){
	body,html{font-size:10px;}
	}
@media screen and (max-width:360px){
	body,html{font-size:9px;}
	}













<!--ºÄÊ±1755762317.0781Ãë-->