/* CSS Document */



body{color:#333;font:12px "\5B8B\4F53",san-serif;background:#fff; max-width:640px; margin:0 auto;min-width:320px; font-family:"Microsoft YaHei";}

.hzbt{line-height:35px;}

.ball {width:100%;background-color:#07734F; overflow:hidden;}

.bannera {height:76px;margin:0 auto;background-color:#07734F;}

.bannera p {text-align:center;font-size:32px;width:250px;color:#FFF;margin:0 auto;font-family:"Microsoft YaHei",Tahoma,Arial,sans-serif;height:70px;padding:5px 0 0 55px;overflow:hidden;background: url(/images/z_about/toplogo.jpg) no-repeat left center;font-weight: bold;}

.bannera p span{color:#FFF;font-size:14px;font-weight:normal;}

.logxi {width:100%;background-color:#D5D5D5;overflow:hidden;height:36px;}

.logxi p{text-align:center;font-size:14px;color:#333;line-height:36px;}

/**=== banner样式 ===**/

.banner{ width:100%; height: auto;overflow:hidden;}

.banner img{width:100%; height:auto;overflow:hidden;}

/**=== 若有疑问请在线咨询 ===**/

.ryzx{margin:0 auto;padding:15px 0;background-color:#F0F0F0;}

.ryzx p{font-size:24px;color:#af0d1a;text-align:center;padding-bottom:5px;}

.ryzx h3{text-align:center;font-size:16px;color:#333;line-height:20px;font-weight:normal;}

.ryzx h3 span{background-color:#424741;color:#fff;padding:0 5px;}



/**=== 导航样式 ===**/

.daoh{background-color:#25916A;overflow:hidden;padding:8px 0;}

.daoh li{float:left;border-right:1px solid #fff;color:#fff; width:16%;font-size:16px;text-align:center;}

.daoh li a{color:#fff;}





.slideBox,.sbox-01{ position:relative; overflow:hidden; margin:0px auto;  max-width:640px;}

.slideBox .hd{ position:absolute; height:12px; line-height:12px; bottom:5px; right:42%; z-index:1; }

.slideBox .hd li,.sbox-01 .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#005291; text-indent:-9999px; overflow:hidden;margin:0 6px;}

.slideBox p{font-size:14px;font-family:"Microsoft YaHei";line-height:25px;text-align:center;padding-bottom:5px;}

.sbox-01 .hd li{background:#0565c9;}

.slideBox p a{color:#666666;}

.slideBox .hd li.on,.sbox-01 .hd li.on{ background:#bbb;}



.slideBox .bd,.sbox-01 .bd{ position:relative; z-index:0; }

.slideBox .bda li,.sbox-01 .bda li{ position:relative; text-align:center;  }

.slideBox .bda li img,.sbox-01 .bda li img{ /*background:url(/images/z_about/loading.gif)*/ center center no-repeat;vertical-align:top; width:95%;}

.slideBox .bda li a,.sbox-01 .bda li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}

.slideBox .bda li .tit,.sbox-01 .bda li .tit{ display:block; width:100%;  position:absolute;bottom:0;text-indent:10px;height:28px; line-height:28px; background:url(/images/z_about/focusBg.png) repeat-x; color:#fff;text-align:left;}

[class*="ec_font_"], [class*="ec_font_"]:after{speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;

-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.ec_font_v2:after {content: "\e756";}

[class*="ec_font_"]:after {font-family: "ecomicons";font-size: 16px;display: inline-block;width: 19px;height: 16px;color: #666;

}[class*="ec_font_"], [class*="ec_font_"]:after {speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.ec_font_vp:after, .ec_font_v1:after, .ec_font_v2:after, .ec_font_v3:after {font-size: 14px;color: #92b9f8;}

.tu1{padding-left:4%;}

/*中间*/

div.con{

width:100%;

display:block;

margin:10px auto 0 auto;

}

span.h-span{

width:100%;



}

span.h-span img{ width:100%;}

div.kuang{width:100%; display:block; position:relative; height:40px; background:url(/images/z_about/kj.png) no-repeat; background-size:100% 100%; margin-top:10px;}

div.kuang img{ width:100%;}

div.kuang a{ width:100%; text-align:center; color:#0565c9; font-size:20px; position:absolute;top:0; left:0; right:0; }

div.ab-yy{ width:95%; margin:20px auto; display:block;}

div.ab-yy img{

display:block;

float:left;

width:45%;

}

div.ab-yy p{

width:52%;

float:right;

display:block;

text-indent:2em;

font-size:20px;

line-height:26px;

}

div.ab-yy p a{

color:#f88832;

}

div.ry{

width:100%;

display:block;

margin-top:18px;

}

div.ry img{

width:32%;

margin-right:2%;}

div.ry img:nth-child(3){ float:right; margin-right:0;}

@media screen and (min-width:320px){div.ab-yy p{line-height:17px;}}

@media screen and (min-width:375px){div.ab-yy p{line-height:36px;}}



div.js-zy{

width:100%;

display:block;

margin:17px auto 10px auto;

}

div.js-zy a{

width:48%;

padding:5px 0;

display:block;

text-align:center;

border-radius:5px;

color:#fff;

font-size:14px;

 background-color:#999999;

}

div.js-zy a:nth-child(1){ float:left;}

div.js-zy a:nth-child(2){ float:right;}

a.select{ background-color:#0565c9 !important;}

div.js-ab{ width:100%; display:block; margin-top:15px;}

div.js-ab img.js-img{ width:70%; display:block; float:left;}

div.js-ab div.js-imgr{ width:26%; display:block; float:right;}

div.js-ab div.js-imgr span{ display:block; position:relative; width:100%; margin-bottom:5%;}

div.js-ab div.js-imgr span img{ width:100%;}

div.js-ab div.js-imgr span a{ width:60%; font-size:12px; color:#fff; position:absolute; top:2%; right:2%; background:none; }

div.js-ab div.js-imgr span:nth-child(3) a{ width:100%; text-align:center; top:10%;}

div.js-ab div.js-imgr span a em{ display:block;}



/*--------------SLIDER----------------*/



#slider {

	width: 100%;

	margin: 15px auto;

}





/*--------------CONTROLS--------------*/



/*position controls*/

.controls li {

	top: 50%;

	margin-top: -30px

}



.controls li:nth-child(1) {

	left: 0;

}



.controls li:nth-child(2) {

	right: 0;

}





/*-------------HELPERS----------------*/



.responsive {

	width: 100%;

	height: auto;

}

div.xueshu{ width:100%; display:block; position:relative;}

div.xueshu a{ width:100%; text-align:center; font-size:18px; color:#0565c9; position:absolute; top:18%; left:0; right:0;font-size:28px;}

div.xsjl{ width:95%; display:block; margin:15px auto 0 auto;}

div.xsjl span{ width:48%; display:block; position:relative; margin-bottom:15px;}

div.xsjl span img{ width:100%;}

div.xsjl span em{ width:100%; padding:3% 0; text-align:center; display:block; position:absolute; bottom:0; left:0; color:#fff;font-size:18px;}

div.xsjl span:nth-child(1) em{ background-color:#2f70b4;}

div.xsjl span:nth-child(2) em{ background-color:#0ea562;}

div.xsjl span:nth-child(3) em{ background-color:#6e951e;}

div.xsjl span:nth-child(4) em{ background-color:#f08a28;}

div.xsjl span:nth-child(1),div.xsjl span:nth-child(3){ float:left;}

div.xsjl span:nth-child(2),div.xsjl span:nth-child(4){ float:right;}

.sbox-01{ overflow:inherit; margin-top:15px;}

.sbox-01 ul li{

width:100%; display:block;}

.sbox-01 ul li:nth-child(1) img{

width:100%; display:block; }

.sbox-01 .hd{ position:absolute; height:12px; line-height:12px; bottom:-20px; right:42%; z-index:1; }

div.gy-img{ width:100%; display:block; margin:15px auto;}

div.gy-img img,div.gy-img span{ display:block;}

div.gy-img img{ float:left; margin-bottom:2%;}

div.gy-img img:nth-child(2),div.gy-img span{ float:right;}

div.gy-img img.gy-01{ width:39%;}

div.gy-img img.gy-02{ width:59%;}

div.gy-img img.gy-03{ width:39%;}

div.gy-img img.gy-04{ width:28.5%; margin-left:2%;}

div.gy-img span{ width:29%;}

div.gy-img span img{ width:100%; margin-bottom:5%;}



.relative { position:relative;}

.relative img{ width:27px; height:50px;}

.relative .prev{ position:absolute; width:27px; height:50px; left:-12%; top:35%;}

.relative .next{ position:absolute; width:27px; height:50px; right:-12%; top:35%;}

.bannerSlides_kb{width:80%; display:block; margin:0 auto;  margin-top:3px;}

.bannerSlides_kb li,.anli_slides li,.ggslides li {width:100%;height:100%;float:left;overflow:hidden;}

.bannerSlides_kb li a,.anli_slides li a,.ggslides li a {display:block;width:100%;height:100%;}

.bannerSlide_container_kb a {position:relative;}

.bannerSlide_foncus_kb {left:0; margin-top:20px; width:100%;height:15px;overflow:hidden;text-align:center;}

.fw{ width:95%; margin:34px auto 0 auto;}

.fw img{ width:31%; display:block; float:left; margin-right:3%;}

.fw img:nth-child(3){ float:right; margin-right:0;}

img.fw-04{ width:100%; display:block; margin:20px auto 25px auto;}

/**=== 底部样式 ===**/

.fottera{overflow:hidden; width:100%; height:auto; margin-bottom:10%;}

.fo1a{ background:#00643A; overflow:hidden; width:100%; height:auto; padding-bottom:15%;}

.fo3a{ width:20%; display:block; margin:5% auto 0 auto;}

.fo1a h3{ text-align:center; font-size:18px; font-family:"Microsoft YaHei"; color:#fff;font-weight:normal;padding-top:5px;}

.fo4a{ overflow:hidden; width:333px; margin:0 auto;}

.fo4a dt{ width:10%; float:left;}

.fo4a p{ font-size:14px; font-family:"Microsoft YaHei"; color:#fff; line-height:50px; text-align:center;}

.fo4a p img{vertical-align:middle;    padding-right: 5px;}

.fo4a dd{ width:10%; float:left; margin-left:40%;}

.fo2a{ background:#248D67; width:100%; height:auto; padding-bottom:1%;}

.fo2a ul{ overflow:hidden; margin:0 auto; width:100%;}

.fo2a ul li{ float:left; width:24%; margin-top:1%; border-right:1px solid #fff; text-align:center; font-size:14px; font-family:"Microsoft YaHei"; padding:3px 0;}

.fo2a ul li a{ color:#fff;}

.fo2a p{ color:#fff; font-size:18px; font-family:"Microsoft YaHei"; text-align:center; margin-top:1%;}

.fo4a p a{ color:#fff;}

/**=== 新增tab切换 ===**/
.rlbz_ul{  width:630px; height:90px; overflow:hidden; }
.rlbz_ul li{ width:200px; height:60px; overflow:hidden;  display:inline-block;float:left; text-align:center; margin-left:10px; background:#999;}
.rlbz_ul li p{  height:60px; line-height:60px; font-size:20px; font-family:"Microsoft Yahei"; color:#FFF;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.js_c_r { width:630px; height:275px; margin:0 5px;}
.js_c_r ul { position:relative;}
.js_c_r ul li { position:absolute;}

.js_c_r ul .pos1 { left:5px; top:0;}
.js_c_r ul .pos2 { right:5px; top:0; background:#1d95d1; width:174px; height:89px; color:#FFF; font-size:18px; text-align:center;}
.js_c_r ul .pos3 { right:5px; top:95px;background:#1c94b3; width:174px; height:89px; color:#FFF;}
.js_c_r ul .pos4 { right:5px; top:190px; width:174px; height:85px;background:#ef8925; text-align:center;}
.js_c_r ul .pos4 a{ font-size:20px; color:#FFF; letter-spacing:1px; text-decoration:none;}
.js_c_r ul .pos4 a p{ line-height:80px;}