@charset "utf-8";
/* CSS Document */
html{}
body{}
.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;}

.header{max-height:100px; overflow:hidden;}
.header .hdTxt{float:right;margin:4% 2% 0 0; width:30%;}
.head_tel{
	display: block;
	padding-top:5px;
	padding-right:2%;
}
.logo{
	display: block;
	width:60%;
	float:left;
	height:60px;
	line-height:60px;
}

.logo img.logoImg{
	width:100%;
	vertical-align: middle;
}


.header .hdTxt h2{color:#28a7e1; font-weight:normal; font-size:20px;}
.header .hdTxt a{color:#6eb92b; font-size:13px;}

.nav{position:relative;}
.nav ul{overflow:hidden;}
.nav li{float:left; width:25%; text-align:center; }
.nav li a{display:block; padding:10px 0px;  font-size:12px; color:#fff; background-color:#0b876f; border-bottom:1px solid #0a6351; border-left:1px solid #0a7661;height:16px;}
.nav li a:hover{color:#fff; background-color:#fe9900; border-bottom:1px solid #d58000;height:16px;}
.nav .icon-details{position:absolute; right:0.2em; top:-1.2em; font-size:2em; color:#4cb034;}



@media only screen and (max-width:380px ) {
.nav li a{display:block; padding:10px 0px;  font-size:12px; color:#fff; background-color:#0b876f; border-bottom:1px solid #0a6351; border-left:1px solid #0a7661;height:20px;}
.nav li a:hover{color:#fff; background-color:#fe9900; border-bottom:1px solid #d58000;height:20px;}	
}

@media only screen and (max-width:320px ) {
.nav li a{display:block; padding:10px 0px;  font-size:12px; color:#fff; background-color:#0b876f; border-bottom:1px solid #0a6351; border-left:1px solid #0a7661;height:22px;}
.nav li a:hover{color:#fff; background-color:#fe9900; border-bottom:1px solid #d58000;height:22px;}	
}

/*
header{
	overflow:hidden ;
	height:60px;
	line-height:60px;
	padding:0 3%;
}

.logo{
	display: block;
	width:60%;
	float:left;
	height:60px;
	line-height:60px;
}

.logo img.logoImg{
	width:100%;
	vertical-align: middle;
}

.phone-head{
	float:right;
}

.phone_head nav{
	margin-left:0;
}

.phone_head .th_login {
    color: #333;
    margin-left: 31%;
    margin-top: 23px;
}

.phone-head .menubtn > span.expand {
	vertical-align: middle;
    display: inline-block;
    height: 40px;
    background:#0a876e url(../images/navbg.png) no-repeat;
    background-size: 50%;
    background-position: 50%;
    width:41px;
}

.phone-head .mask-close{
	background:#0a876e none repeat scroll 50% 50% / auto padding-box border-box;
	cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: absolute;
    top: 2px;
    right: 2px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    overflow: hidden;
}


.maskbg{
	width:100%;
	height:1300px;
}

.phone_nav{
	position: absolute;
	top:30px;
	left:0;
	right:0;
	width:100%;
	background:rgba(255,255,255,.9);
	z-index:1000;
}


.phone_nav ul>li {
    background-position: center center;
    border-bottom: 1px solid #ccc;
    line-height: 40px;
    padding: 0px 17px;
    font-size:1em;
}


.phone_nav ul>li>a {
    display: inline-block;
    width:100%;
    height:100%;
    font-size:16px;
}*/

.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;}

.index-about{background-color:#fffef8;}
.index-about1{ text-align:center; padding-top:1em}
.index-about1 h4{
	color:#28a7e1;
    font-weight: normal;
    font-size: 1.6em;
	}
.index-about1 h5{
	color:#5c5c5c;
    font-weight: normal;
    font-size:1em;
	line-height:1.5em;
	padding:20px 20px 10px 20px;
	text-indent:2em;
	}
.index-about1 h2{
	color:#000;
    font-weight: normal;
    font-size:1em;
	padding:0px 20px 20px 20px;
	}
.index-about1 h2 a{
	color:#000;
	text-decoration:none;
	}
.index-about1 h2 a:hover{
	color:#28a7e1;
	text-decoration:none;
	}
.index-about1 h3{
	color:#000;
    font-weight: normal;
    font-size:1.2em;
	padding:20px 
	}
.index-about2{width:100%}
.index-about2 ul{overflow:hidden; padding-bottom:2.5em;}
.index-about2 li{ background:url(../images/in-m13.jpg) center no-repeat; width:100%; text-align:center; color:#FFF; font-size:1.1em; line-height:42px; margin-bottom:0.5em}
.index-about2 li a{ color:#FFF; text-decoration:none}
.index-about2 li a:hover{ color:#FFF; text-decoration:none}

.zhaoshangBox{ background:url(../images/cp.jpg) center top no-repeat}
.zhaoshangBox ul{overflow:hidden; padding-bottom:2.5em;}
.zhaoshangBox li{float:left; margin-top:1.250em; width:50%; text-align:center;}
.zhaoshangBox li img{width:10.208em; height:10.208em;}
.zhaoshangBox li h5{margin-top:0.417em; font-weight:normal; font-size:1.083em;}
.zhaoshangBox li h5 a{color:#5b6259;}
 .zhaoshangBox h4{
	 color: #fff;
    font-weight: normal;
    font-size: 1.6em;
	text-align:center}
.rxBox{}
.rxBox h4{position: relative; height:3.333em; line-height:3.333em; font-weight:normal; font-size:28pxem; border-bottom:1px solid #bebebe;}
.rxBox h4 i{position: absolute; left: 1em; top:50%; margin-top:-0.333em; width:0.667em; height:0.667em; background-color:#0c8870;}
.rxBox h4 .titA{margin-left:1.3em; color:#0c8870; font-size:25px;}
.rxBox h4 span{color:#666666; font-size:20px;}
.rxBox h4 .titMore{position: absolute; top:0px; right:1em; color:#555;}



.rxBoxs ul{overflow:hidden; padding-bottom:2.5em;padding-left: 3%;}
.rxBoxs li{float:left; margin-top:1.250em; width:47%; text-align:center; border:1px solid #cccccc;  margin-right:2%;}
.rxBoxs li h2{background:#0b876f; width:100%; color:#fff; font-size:16px; font-weight:normal; padding:6px 0;height:35px;}
.rxBoxs li h2 a{color:#fff; text-decoration:none}
.rxBoxs li h2 a:hover{color:#fff; text-decoration:none}
.rxBoxs li h3{color:#8c8c8c; font-size:12px; font-weight:normal; padding:10px; line-height:20px;height:95px;overflow: hidden;text-align:left;}

.rxBoxs li img{ width:90%; height:90%}
.rxBoxs li h5{margin:0.333em 0; font-weight:normal; font-size:1em;}
.rxBoxs li h5 a{color:#5c5c5c;}
.rxBoxs li p{font-size:1em; color:#999;}





.rxBox ul{overflow:hidden;}
.rxBox ul li{
	overflow: hidden;
	padding:0em 3%;
}
.rxBox .in_pro{float:left; margin-top:1.250em; width:48.2%; text-align:center; border:1px solid #cccccc;  margin-right:2%;}
.rxBox .in_pro:nth-child(2n){
	margin-right:0;
}
.rxBox .in_pro h2{background:#0b876f; width:100%; color:#fff; font-size:16px; font-weight:normal; padding:6px 0;height:35px;}
.rxBox .in_pro h2 a{color:#fff; text-decoration:none}
.rxBox .in_pro h2 a:hover{color:#fff; text-decoration:none}
.rxBox .in_pro h3{color:#8c8c8c; font-size:12px; font-weight:normal; padding:10px; line-height:20px;height:95px;overflow: hidden;text-align:left;}

.rxBox .in_pro img{ width:90%; height:90%}
.rxBox .in_pro h5{margin:0.333em 0; font-weight:normal; font-size:1em;}
.rxBox .in_pro h5 a{color:#5c5c5c;}
.rxBox .in_pro p{font-size:1em; color:#999;}




.rxBox1{ width:90%; margin:0 auto}
.rxBox1 ul{overflow:hidden; padding-bottom:2.5em; margin:0 auto}
.rxBox1 li{ margin-top:1.250em;text-align:center; border:1px solid #cccccc;}
.rxBox1 li h2{background:#0b876f; width:100%; color:#fff; font-size:16px; font-weight:normal; padding:6px 0}
.rxBox1 li h2 a{color:#fff; text-decoration:none}
.rxBox1 li h2 a:hover{color:#fff; text-decoration:none}
.rxBox1 li h3{color:#8c8c8c; font-size:12px; font-weight:normal; padding:10px; line-height:20px;text-align: left;}
.rxBox1 li img{ width:90%;/* height:90%*/height:auto;}

.rxBox2{ width:100%; margin:0 auto}
.rxBox2 ul{overflow:hidden; padding-bottom:2.5em; margin:0 auto; background:#f5f5f5; border-bottom:1px solid #ccc}
.rxBox2 li{ margin-top:1.250em; padding-left:20px; font-size:14px;}
.rxBox2 h2{width:100%; color:#000; font-size:24px; font-weight:normal; padding:20px 0; border-bottom:1p solid #ccc; text-align:center; border:1px solid #ccc}
.rxBox2 li h3{color:#8c8c8c; font-size:12px; font-weight:normal; padding:10px; line-height:20px;}
.rxBox2 img{ width:100%; /*height:100%; */height:auto;border-bottom:1px solid #ccc}
.rxBox2 span{font-weight:bold}
.rxBox2 strong{color:#fff; font-size:12px; background:#0b876f;
border-radius:25px;display: inline-block;padding:3px;}
.rxBox2 strong a{color:#fff; text-decoration:none}
.rxBox2 strong a:hover{color:#fff; text-decoration:none}



.rxBox3{ width:100%; margin:0 auto}
.rxBox3 ul{overflow:hidden;  margin:0 auto; background:#f5f5f5; border-bottom:1px solid #ccc; padding:15px 0;padding-left:5%;}
.rxBox3 li{ padding-left:5%;font-size:14px; background:url(../images/pic-1.png) no-repeat left center; width:25%; float:left; line-height:40px; color:#000}
.rxBox3 a{ text-decoration:none;color:#000}
.rxBox3 a:hover{ text-decoration:none;color:#0b876f}
.rxBox3 span{color:#0b876f}

.lxPhone{position: relative; display: block;}
.lxPhone img{width:100%;display: block;}
.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:2em; line-height:2em; background-color:#0b876f; font-size:25px; color:#fff; font-weight:normal}
.cpList h4 a{ text-decoration:none; color:#fff; font-weight:normal}
.cpList h4 a:hover{ text-decoration:underline; color:#fff; font-weight:normal}
.cpList ul{}
.cpList li{position: relative;background:url(../images/pic.png) no-repeat right center; height:3.167em; line-height: 3.167em; border-top:1px solid #e7e7e7; }
.cpList li a{/*padding-left:1.833em; */display: block; font-size:12px; color:#5c5c5c;}
.cpList li i{position: absolute; right:0.4em; top:0.4em; font-size:1.8em; color:#287d13; }



.cpList5{margin:0.917em 0.833em; overflow: hidden;}
.cpList5 ul{}
.cpList5 li{position: relative;background:url(../images/pic.png) no-repeat right center; height:3.167em; line-height: 3.167em; border-bottom:1px solid #e7e7e7; }
.cpList5 li a{/*padding-left:1.833em;*/ display: block; font-size:12px; color:#5c5c5c;}
.cpList5 li i{position: absolute; right:0.4em; top:0.4em; font-size:1.8em; color:#287d13; }

.all-center{text-align:center; margin:0 auto}
.all-center h2{font-weight:normal; font-size:30px; padding:20px 0; color:#333}
.cpList1{margin:0.917em 0.833em; overflow: hidden;}
.cpList1 h4{padding-left:20px; height:2em; line-height:2em; background-color:#0b876f; font-size:18px; color:#fff; font-weight:normal}
.cpList1 ul{}
.cpList1 li{position: relative;background:url(../images/pic-1.png) no-repeat right center;line-height:40px; border-top:1px solid #e7e7e7;}
.cpList1 li a{padding-left:40px; display: block; font-size:14px; color:#5c5c5c;}
.cpList1 li i{position: absolute; right:0.4em; top:0.4em; font-size:1.8em; color:#287d13; }
.cpList2{margin:0.917em 0; overflow: hidden;}
.cpList2 h4{padding-left:20px; height:2em; line-height:2em; background-color:#0b876f; font-size:18px; color:#fff; font-weight:normal}
.cpList2 h2{font-weight:normal; font-size:14px; padding:20px; line-height:25px; color:#333}

.cpList2 img{
	display: block;
	max-width:100%;
	height:auto;
}






.cpList3{margin:0.917em 0; overflow: hidden;}
.cpList3 img{ width:100%;}

.cpList3 h4{padding-left:20px; height:2em; line-height:2em; font-size:18px; color:#0b876f; font-weight:normal; border-bottom:2px #CCC solid; border-top:2px #0b876f solid;}
.cpList3 p{font-weight:normal; font-size:14px; padding:0px 20px; line-height:25px; color:#333}

.cpList3 h2{font-weight:normal; font-size:14px; padding:20px; line-height:25px; color:#333}
/*.cpList3 span{color:#0b876f; font-size:14px; font-weight:bold; text-align:center}*/
/*搜索框*/
.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:auto;/*padding-bottom:30px; */background:#e9e9e9 url(../images/ysBox.jpg) no-repeat center top; background-size:100% auto;}
.ysCont{position: relative; /*padding-top:8.533em;*/padding-top:5.15em;}
.ysCont .btnL , .ysCont .btnR{position: absolute; top:50%; height:2em; line-height: 2em; 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 .btnL img, .ysCont .btnR img{
	width:4em;
	height:auto;
}
.ysCont ul{margin:0 auto; width:16.083em;}
.ysCont ul li{float: left;  width:16.083em;}
.ysCont ul li img{width:100%;}

.footer{padding-top:2.5em; background-color:#fff;margin-bottom: 3.5em;}
.fotPt{padding:0 0.833em; overflow: hidden;}
.fotPhone{position: relative; float: left; width:15.250em; height:2.5em;}
.fotPhone img{width:100%;}
.fotPhone span{position: absolute; left:2.2em; top:0.6em; font-size:1.5em; color:#4cb034; font-family:arial;}
.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:left;  }
	.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:#fff; margin:0 8px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#fe9900;  }
.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:#0b876f;position: fixed;left: 0;bottom: 0;z-index:1000000;}
.plusBox li{float:left; width:25%; text-align:center;}
.plusBox li a{display:block; padding:10% 0px;  font-size:18px; color:#fff; border-top:1px solid #0a7661; position:relative;}
.plusBox li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:100%; width:0px;  border-left:1px solid #0a7661; border-right:1px solid #0a7661;}
.plusBox li img {
    position: relative;
    bottom: -0.1em;
    left: -0.2em;
    width: 1.2em;
}


.fenlei{width:100%; margin:0 auto}
.fenlei ul{}
.fenlei li{width:25%; float:left; text-align:center; font-size:1.5em; margin:1.5em 0; }
.fenlei a{ text-decoration:none; color:#666666}
.fenlei a:hover{ text-decoration:none; color:#6eb92b}


.fanhui{text-align:center; margin:0 auto; padding:30px 0}
.table-box{
	width:100%;
	overflow-x:scroll;
}

.page{font-size: 12px; color: #777777; text-align: center; margin-top:30px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page a.on{color:#fff; background: #0b876f;}
.page a:hover,.page span{color:#fff; background: #0b876f;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}




.page_list{ text-align:center; }
.page_list a{ background:#fff; padding:5px; margin-right:10px; height:20px; line-height:20px; color:#777777; font-weight:normal; border:1px solid #969697;}
.page_list a:hover{border:1px solid #0b876f; background:#0b876f; color:#fff;}
.page_list a.on{ border:1px solid #0b876f; background:#0b876f; color:#fff;}
.page_list a.currt{  border:1px solid #0b876f; background:#0b876f; color:#fff;}


/*******contact********/

.contact_m{
	width:100%;
	padding:30px 3%;
}

.contact_m li{
	margin-bottom:5px;
	overflow: hidden;
	height:auto;
}

.contact_m1{
	float:left;
	width:20%;
	height:51px;
	text-align: center;
	padding-top:20px;
	margin-right:1%;
	background: #e5e5e5;
    color: #3b3b3b;
    font-size: 12px;
}

.contact_m2{
	float:left;
	width:71%;
	height:51px;
	background: #F3F3F3;
    color: #3b3b3b;
    font-size: 14px;
    padding:10px 1%;
}






embed{
	display: none!important;
	width:100%!important;
	height:auto!important;
}



.cpList3 td p{
	padding:0!important;
	min-width:90px;
}

.table-box td p{
	padding:0!important;
	min-width:90px;
}

.rxBox .in_pro {
    height:276px!important;
}
.rxBox .in_pro img{
	height:auto!important;
}

@media only screen and (max-width: 380px) {
	.rxBox .in_pro {
    height:266px!important;
}
}

@media only screen and (max-width: 320px) {
	.rxBox .in_pro {
    height:260px!important;
}
}


.logo{
	width:64%!important;
	padding:5px 0 0 10px;
}

.logo img{
	width:100%!important;
	height:auto!important;
}