@charset "utf-8";
/* CSS Document */
html{}
body{  font-size:14px;}
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;font-size:16px;}
p{font-size:14px;}
h1,h2,h3,h4,h5,h6,span{font-size:14px;}

.header{max-height:160px; overflow:hidden;}
.header .logoImg{float:left; margin:5% 0 5% 4%; width:100%;}
.header .hdTxt{float:left; margin-top:8.5%; margin-left:4%; width:50%; border-left:1px solid #e6e6e6; padding-left:4%}
.header .hdTxt h2{color:#313131; font-weight:600;/*font-size:1em;*/}
.header .hdTxt a{color:#313131; /*font-size:0.6em;*/text-transform:capitalize}

.nav{margin-top:em; position:relative;}
.nav ul{overflow:hidden;}
.nav li{float:left; width:25%; text-align:center;}
.nav li a{display:block; padding:10% 0px;  /*font-size:0.8em;*/ color:#fff; background-color:#4d6f95; border-bottom:1px solid #577da7; border-left:1px solid #577da7;}
.nav li a:hover{display:block; padding:10% 0px;  /*font-size:0.8em;*/ color:#fff; background-color:#23374c; border-bottom:1px solid #577da7; border-left:1px solid #577da7;}

.nav .icon-details{position:absolute; right:0.2em; top:-1.2em; /*font-size:2em;*/color:#4cb034;}


.bannerBox img{width:100%;}

.cpBox{background-color:#e7ede6;margin-top: -5px;}
.cpBox ul{overflow:hidden; padding-bottom:2.5em;}
.cpBox li{float:left; margin-top:1.250em; width:50%; text-align:center;}
.cpBox li img{width:10.208em; height:10.208em;}
.cpBox li h5{margin-top:0.417em; font-weight:normal; /*font-size:1.083em;*/}
.cpBox li h5 a{color:#5b6259;}


.zhaoshangBox{background-color:#d8d8d8;margin-top: -5px;}
.zhaoshangBox ul{overflow:hidden; padding-bottom:1.5em;}
.zhaoshangBox li{float:left; margin-top:2em; width:30%; text-align:center;margin-left: 0.8em;}
.zhaoshangBox li img{/*width:10.208em; height:10.208em;*/ width:100%;}
.zhaoshangBox li h5{margin-top:0.417em; font-weight:normal; /*font-size:1.083em;*/}
.zhaoshangBox li h5 a{color:#5b6259;}

.rxBox{}
.rxBox h4{position: relative; height:3.333em; line-height:3.333em; font-weight:normal; /*font-size:0.9em;*/ border-bottom:0.1em solid #e4e4e4;}
.rxBox h4 i{position: absolute; left: 1em; top:50%; margin-top:-0.333em; width:0.667em; height:0.667em; background-color:#4d6f95;}
.rxBox h4 .titA{margin-left:2.1em; color:#4d6f95; font-weight:normal}
.rxBox h4 .titMore{position: absolute; top:0px; right:1em; color:#555; /*font-size:0.7em*/}
.rxBox ul{overflow:hidden; padding-bottom:2.5em;}
.rxBox li{float:left; margin-top:1.250em; width:49%; text-align:center;    padding:0px 0.5%;}
.rxBox li img{/*width:10.417em; height:7.917em;*/ width:100%;}
.rxBox li h5{margin:0.333em 0; font-weight:normal; /*font-size:0.8em;*/}
.rxBox li h5 a{color:#5c5c5c;}
.rxBox li p{/*font-size:0.6em; */color:#999;}

.lxPhone{position: relative; margin:0 0.833em; display: block; height:5.750em;}
.lxPhone img{width:100%;}
.lxPhone span{position: absolute; left: 0;
margin-left: 7.4em;
margin-top: 2.2em;/* font-size:1.5em;*/ color:#4cb034; font-family:arial;}

.cpList{margin:0.917em 0.833em; overflow: hidden;}
.cpList h4{padding-left:1.833em; height:3em; line-height:3em; background-color:#4d6f95; /*font-size:0.9em;*/ color:#fff; font-weight:normal}
.cpList h5{color:#8a8a8a; font-weight:normal; /*font-size:0.7em;*/ line-height:1.7em; padding:1.5em 0}
.cpList ul{}
.cpList li{position: relative;  background-color:#FFF; height:auto; line-height: 2em; border-bottom:1px solid #f5f5f5; color:#8a8a8a; background:url(../images/point_05.jpg) left center no-repeat;}
.cpList li a{padding-left:1em; display: block;/* font-size:0.7em;*/ color:#8a8a8a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cpList li a:hover{color:#4d6f95;}
.cpList li i{position: absolute; right:0.4em; top:0.4em; /*font-size:1.8em;*/ color:#287d13;}

/*搜索框*/
.schBox{margin:0.917em 0.833em; overflow: hidden;}
.schBox input{float:left; width:85%; height:3.78em; line-height:3.78em; padding:0 5%; border:none; outline:none; background-color:#e7ede6; border:1px solid #bec8bc; border-right:none; border-radius:0px; box-sizing: border-box; -webkit-box-sizing: border-box;  -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.schBox a img{float:right; width:15%; height:3.750em;}

.ysBox{height:34.5em; background:url(../images/Index/ysBox.png) no-repeat center top; background-size:100%;}
.ysCont{position: relative; padding-top:8.533em;}
.ysCont .btnL , .ysCont .btnR{position: absolute; top:18.167em; background-color:#226412; width:3.917em; height:3.917em; line-height: 3.917em; text-align: center; color:#fff;/* font-size: 1em;*/ border-radius:100%;z-index: 9999;}
.ysCont .btnL{left:0.667em;}
.ysCont .btnR{right:0.667em;}
.ysCont ul{margin:0 auto; width:16.083em;}
.ysCont ul li{float: left;  width:16.083em;}
.ysCont ul li img{width:16.083em;}

.footer{padding-top:1.5em; padding-bottom:1.5em; background-color:#d8d8d8;margin-bottom: 3.8em;/* font-size:0.6em;*/ text-align:center; color:#666;}
.fotPt{padding:0 0.833em; overflow: hidden;}
.fotPhone{position: relative; float: left; width:20.250em;}
.fotPhone img{width:100%;}
.fotPhone span{position: absolute; left:1em; top:1.3em; /*font-size:0.6em;*/ color:#000;}
.toTop{float: right; width: 8.167em; height: 2.667em;}
.toTop img{width:100%;}
.fotNav{padding:1.667em 0; overflow:hidden;}
.fotNav li a{position:relative; float:left; width:25%; height:1.250em; line-height:1.250em; text-align:center; /*font-size:1.250em;*/ color:#4cb034;}
.fotNav li a:after{content:''; position:absolute; top:0px; right:-2px; z-index:9; height:100%; width:2px; background-color:#4cb034;}

/*@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}*/


.binPlus{position:fixed; left:10px; bottom:8em; z-index:9999;}
.binPlus .bpBtn{position:relative; width:50px; height:50px; background-color:#bd9d6b; -moz-border-radius:100%;
-webkit-border-radius:100%;
-o-border-radius:100%;
-ms-border-radius:100%;
border-radius:100%; }

.binPlus .circle{position:absolute; left:30px; bottom:30px; width:160px; height:160px; transition: all .2s;}
.binPlus .circle a{position:absolute; display:block; width:60px; height:60px; line-height:80px; text-align:center; border-radius:100%; background-color:#333; background-image:url(../images/binPlusItem.png); background-repeat:no-repeat; text-indent:-99em;}
.binPlus .circle .cir01{left:-36px; bottom:40px; background-position:left top;}
.binPlus .circle .cir02{left:30px; bottom:30px; background-position:left -60px;}
.binPlus .circle .cir03{left:40px; bottom:-36px; background-position:left -120px;}
.binPlus .cir03 img{width:60px;}
.binPlus .circle.hide{opacity:0; -webkit-transform:translate(-100px,100px) scale(0.2); pointer-events:none;}
.binPlus .circle.show{opacity:1; -webkit-transform:translate(-0px,0px) scale(1); pointer-events:auto;}


.focus{   margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:14px;  position:absolute; z-index:1; bottom:15px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:14px; padding:3px 5px;  
		-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; /*font-size:0;*/ vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:14px; height:14px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background:#313131; margin:0 8px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#4d6f95;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li{  }
.focus .bd li img{  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


.youshifocus{    margin:0 auto; position:relative; overflow:hidden;   }
.youshifocus .hd{ width:100%; height:14px;  position:absolute; z-index:1; top:20%; text-align:center; display: none; }
.youshifocus .hd ul{ display:inline-block; height:14px;width:100%; padding:3px 5px;  
		-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; /*font-size:0;*/ vertical-align:top;
	}
.youshifocus .hd ul li{ display:inline-block;float:none; width:14px; height:14px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; background:#fff; margin:0 8px;  vertical-align:top; overflow:hidden;   }
.youshifocus .hd ul .on{ background:#226412;  }
.youshifocus .bd ul li{ text-align:center;z-index: 9999; }


.plusBox{width:100%; overflow:hidden; background-color:#4d6f95;position: fixed;left: 0;bottom: 0;}
.plusBox li{float:left; width:33.33%; text-align:center;}
.plusBox li a{display:block; padding:10% 0px;  /*font-size:1em;*/ color:#fff; border-top:1px solid #4d6f95; position:relative;}
.plusBox li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:100%; width:0px;  border-left:1px solid #48688b; border-right:1px solid #668db8;}
.plusBox li img{position:relative; bottom:-0.3em; left:-0.3em; width:1.458em;}
.zhanjia{width:90%; margin:0 auto;}
.zhanjia h2{/*font-size:1em;*/ text-align:center; padding:1em}
.zhanjia h4{color:#8a8a8a; font-weight:normal;/* font-size:0.7em;*/ line-height:1.7em; padding:1.5em 0}
.zhanjia img{width:100%; text-align:center}
.zhanjia1{background:#4d6f95; padding:0.6em 0 0.6em 1em; color:#FFF; /*font-size:0.8em;*/ color:#FFF;}


.qicai{}
.qicai h4{position: relative; height:3.333em; line-height:3.333em; font-weight:normal;/* font-size:0.9em;*/ border-bottom:0.1em solid #e4e4e4;}
.qicai h4 i{position: absolute; left: 1em; top:50%; margin-top:-0.333em; width:0.667em; height:0.667em; background-color:#4d6f95;}
.qicai h4 .titA{margin-left:2.1em; color:#4d6f95; font-weight:normal}
.qicai h4 .titMore{position: absolute; top:0px; right:1em; color:#555; /*font-size:0.7em*/}
.qicai ul{overflow:hidden; padding-bottom:2.5em;}
.qicai li{float:left; margin-top:1.250em; width:47%; text-align:center; margin-left:1%; margin-right:1%; border:1px solid #e7e7e7}
.qicai li img{/*width:10.417em; height:7.917em;*/}
.qicai li h5{margin:0.333em 0; font-weight:normal; /*font-size:0.6em;*/ padding-bottom:0.5em}
.qicai li h5 a{color:#5c5c5c;}
.qicai li p{/*font-size:0.6em;*/ color:#999;}
.zjzz{border:1px solid #e5e5e5; width:90%; margin:1em auto; padding:10px}
.zjzz-left{width:20%}
.zjzz-right{width:68%}
.zjzz-right h2{/*font-size:0.9em; */font-weight:normal; color:#4d6f95; padding:0.7em 0 0.3em 0}
.zjzz-right h2 a{color:#4d6f95;}
.zjzz-right h2 a:hover{color:#000;}
.zjzz-right h4{/*font-size:0.6em;*/ font-weight:normal; line-height:18px; border:0}