@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; padding:0; background-image:url(../images/bg.png); background-position:center; background-size:cover;}
a { text-decoration:none;}
ul,li { list-style:none; padding:0; margin:0;}
img { border:0;}
.clear { clear:both;}
p{ padding:0; margin:0;}
h1{ padding:0; margin:0;}
input[type=button], 
input[type=submit], 
input[type=file], 
button { cursor: pointer; -webkit-appearance: none; }
*{ font-family:"微软雅黑";}
/*页头*/
.head_box{ width:100%;
	margin: 0 auto;
	background:#fff;
	position: fixed;
	top:0px;
	z-index:99999; border-bottom:#333 solid 1px;
	}
.head{ 
	z-index:999;
	background:#fff;
	float: left;
	width: 100%;
	min-height:30px;
	 margin-bottom:2%;}
.Asyimg{ float:left; width:20%; margin-top:2%; margin-left:3%;}
.top-tit { width:30%; float:left; text-align:center; padding-top:10%;}
/*导航样式*/
.menu_but {
	float: right;
	display: block;
	text-align:right;
	margin-right:1%;
	width:20%;
	height:20px;
	margin-top:2%;
	color:#19913f;
}
.menu_but img{
	float:right;
}

#modal { display:none; z-index:500; overflow:scroll; overflow-y: auto; height:100%; } 
#pageslide { display:none;position:absolute;position:fixed;top: 0;width:50%; height:100%; 
background-color:#f06291;z-index:500; }
.nav{width:100%; font-size:16px; margin:0; padding:0; }
.nav li{width:100%;  margin:0; padding:0; }
.nav li a{ padding:5% 0%;width:100%; color:#fff;font-size:14px;text-align:center; display:block;  border-bottom:1px solid #fff;}
.nav li a:hover{ background:#fff; color: #006; display:block; text-align:center; width:100%;}
.main { width:100%;}
.navli{ width:100%; margin:0; padding:0; text-align:center;}
.navli li { width:24.4%; border:1px solid #fff; background:#FF75AC; height:40px; float:left; line-height:40px; color:#fff;}
.navli a { color:#fff;}
.banner{ width:100%; margin:0 auto; padding-top:40px;}
.banner img{ width:100%; display:block;}

/* footer */
.footer{width:100%;height:40px;position:fixed;z-index:9999;bottom: 0; left: 0; background:#f36f9a; padding-top:1%; padding-bottom:1%;}
.foot{width:100%;height:40px;z-index:99;}
.foot a{display:block;float:left;width:25%;height:40px;color:#fff; }
.foot a span{display:block;width:100%;text-align:center; color:#fff; font-size:0.8em;}

.content{ width:100%; margin:0 auto; padding-top:17%; min-height:660px;}

.center{ background-image:url(../../images/bg1.png); height:240px; background-repeat:no-repeat; background-size:contain; width:100%; margin-top:10px; background-color:#FFF;}
.center1{ width:25%; text-align:center; font-size:0.8em; float:right; margin-top:2.5%; color:#FFF;}
.center1 span{ width:100%; display:block; text-align:center; font-size:1.2em; color:#FFF;}
.center2{ width:100%; margin:0 auto; padding-top:11%;}
.center2_1{ width:36%; float:left; height:80px; margin-top:11%; margin-left:1%;}
.center2_1 img{width:100%; height:80px; display:block;}
.center2_2{ width:60%; float:right; margin-top:14px}
.center2_2 ul li{ width:100%; border-bottom:dashed 1px #CCCCCC;}
.center2_2 ul li a{ width:62%; float:left; line-height:30px; font-size:0.8em; color:#2f2f4f;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.center2_2 ul li span{ width:36%; float:left; line-height:30px; font-size:0.8em; color:#2f2f4f;}

.biaoti{ width:70%; margin:0 auto; padding-bottom:10px; padding-top:10px;}
.xuxian{ float:left; width:30%; border-bottom:dashed #66CC33 1px; height:19px;}
.biao{ float:left; height:40px; width:40%;}
.ch{ width:100%; display:block; line-height:20px; font-size:1.1em; color:#6C3; text-align:center;}
.en{ width:100%; display:block; line-height:20px; font-size:0.9em; color:#6C3; text-align:center;}

.tuwen{ width:96%; margin:0 auto; padding-bottom:15px;}
.tuwenleft{ width:46%; float: left; border:#CCC solid 1px; height:124px;}
.tuwenleft img{ width:98%; margin:1%; height:120px;}
.tuwenright{ float:left; width:52%; background-color:#FFF; height:126px;}
.tuwenright a{ width:98%; display:block; line-height:30px; font-size:1.0em; color:#333;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; margin-left:1%;}
.tuwenright span{ width:98%; margin-left:1%;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical; font-size:0.8em; color:#666; line-height:18px;}

.product{ width:44%; margin-left:4%; float:left; height:150px; margin-bottom:4px;}
.product img{ width:100%; height:120px; display:block;}
.product a{ display:block; text-align:center; line-height:30px;  color:#000; font-size:1.0em;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}

.us{ background-image:url(../../images/bg2.png); height:250px; background-repeat:no-repeat; background-size:contain; width:100%; margin-top:10px; background-color:#FFF;}
.us1{ width:25%; text-align:center; font-size:0.8em; float:left; margin-top:2.5%; color:#FFF;}
.us1 span{ width:100%; display:block; text-align:center; font-size:1.2em; color:#FFF;}
.us2{ width:100%; margin:0 auto; padding-top:11%;}
.us2_1{ width:80%; margin-left:19%;}
.us2_1_1{ width:100%; display:block; text-align:center; line-height:40px; font-size:1.0em; color:#006;}
.us2_1_2{ width:94%; display:block; line-height:20px; font-size:0.8em; color:#006;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;}
.us2_2{ width:96%; margin:0 auto;}

.banquan{ width:100%; margin:0 auto; background-color:#FFF; padding-bottom:60px; border-top:#CCC solid 1px;}
.banquan span{ width:100%; display:block; text-align: center; font-size:0.9em; color: #000; line-height:26px;}
.banquan span a{ font-size:1.0em; color:#000;}

.weizhi{ width:98%; margin:0 auto; border-bottom:#CCC solid 1px;}
.weizhi span{ font-size:0.9em; color:#f36f9a; line-height:30px;}

.neirong{ width:100%; margin:0 auto; min-height:400px; background-image:url(../images/bg.png); background-position:center; background-size:cover; font-size:0.9em; line-height:26px;}
.neirong_1{ width:92%; margin:0 auto;}
.neirong_1 img{ width:100%; margin:0 auto;}
.neirong span{ width:100%; display:block; text-align:center; line-height:50px;font-size:1.1em; line-height:50px;}
.neirong_1 a{ display:block; width:96%; font-size:0.8em; color:#333; line-height:26px;}

.newsbox{width:100%; margin:0 auto; min-height:400px; background-color:#FFF; padding-top:10px;}
.news{ width:98%; margin:0 auto;}
.news ul li{ width:96%; margin:0 auto;}
.news ul li a{ width:100%; border-bottom:#CCC dashed 1px; display:block;}
.news ul li a span{ width:74%; float:left; line-height:40px; font-size:0.8em; color:#666;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block;}
.news ul li a p{ width:26%; float:right; line-height:40px; font-size:0.8em; color:#666; text-align:right; display:block;}
.small_news{ padding-top:5px; padding-bottom:5px; border-bottom:#CCC dashed 1px;}

.productbox{ width:100%; margin:0 auto;}
.health{ width:100%; margin:0 auto; border-bottom:#3a3a89 solid 1px; border-top:#3a3a89 solid 1px;}
.health1{ width:23%; margin-left:1.6%; float:left; margin-top:3%;}
.health1_1{ width:100%; height:60px; border-radius:10px;}
.health1_1 img{ width:100%; height:60px; border-radius:10px;}
.health1 a{ width:100%; line-height:30px; color:#0C0; font-size:0.8em; display:block; text-align:center;}

.type{ margin:0 auto; width:100%; background-color:#FFF;}
.type1{ width:100%; margin:0 auto;}
.type1_2{ width:30%; margin-left:2.5%; float:left; margin-top:2%; height:160px;}
.type1_2_1{ border-radius:50%; width:100%; border:#fbfbfb solid 1px;box-shadow:2px 2px 5px  #CCCCCC;}
.type1_2_1 img{ width:100%; border-radius:50%; height:104px;}
.type1_2 a{ display:block; text-align:center; line-height:30px; font-size:0.8em; width:100%; color: #003;}

.zhanshibox{ width:100%; margin:0 auto; background-color:#FFF; padding-bottom:20px;}
.zhanshi{ width:100%; margin:0 auto;}
.zhanshi1{ width:44%; margin-left:4%; margin-top:10px; border:#CCC solid 1px; float:left; background-color:#fff;}
.zhanshi1_1{ width:100%; margin:0  auto;}
.zhanshi1_1 img{ width:100%; height:120px;}
.zhanshi1 a{ display:block; width:100%; text-align:center; line-height:30px; font-size:0.8em; color: #036;}
.daohang{ width:100%; margin:0 auto;}
.daohang ul li{ width:24.625%; float:left; margin-left:0.3%; background-color:#333; margin-top:0.3%;}
.daohang ul li a{ width:100%; display:block; text-align:center; line-height:40px; color:#FFF; font-size:0.9em;}
.daohang2{ width:100%; margin:0 auto;padding-top:7.3%;}
.daohang2 ul li{ width:48.5%; float:left; margin-left:1%; background-color:#f36f9a; margin-top:0.5%;}
.daohang2 ul li a{ width:100%; display:block; text-align:center; line-height:40px; color:#FFF; font-size:0.9em;}
.daohang3{ width:100%; margin:0 auto;padding-top:7.3%;}
.daohang3 ul li{ width:32%; float:left; margin-left:1%; background-color:#f36f9a; margin-top:1%;}

.daohang3 ul li a{ width:100%; display:block; text-align:center; line-height:40px; color:#FFF; font-size:0.9em;}
.daohang4{ width:100%; margin:0 auto;padding-top:7%;}
.daohang4 ul li{ width:24.7%; float:left; margin-left:0.3%; background-color:#f36f9a; margin-top:0.3%;}
.daohang4 ul li a{ width:100%; display:block; text-align:center; line-height:40px; color:#FFF; font-size:0.9em;}


.indexPicBox{ width:100%; height:160px; background:#fff; margin-top:13%;}
.hotPic{ width:100%; height:160px; position:relative; overflow:hidden;}
.hotPic .num{ position:absolute;right:0; bottom:0; z-index:10;width:100%; height:20px; text-align:right;}
.hotPic .num span{ width:20px; height:20px; display:inline-block; line-height:20px; font-size:14px; text-align:center; cursor:pointer; background:#222; color:#fff;}
.hotPic .num span.cur{ background:#54BFFF;color:#fff;}
.hotPic .pic{ position:relative; z-index:5;}
.hotPic .pic li{ position:absolute; display:none; width:100%;}
.hotPic .pic li img{ width:100%; height:160px; display:block;}
.hotPic .text{ position:absolute;bottom:0; left:10px; z-index:12; width:520px;height:30px; line-height:30px; overflow:hidden;font-family:Microsoft YaHei;}
.hotPic .text p{ position:absolute; display:none; color:#fff; font-weight:800; font-size:15px;}
.huanjing{ width:100%; margin-top:15px; margin-bottom:10px;}
.pro1{ width:44%; float:left; margin-left:4%; margin-top:10px; margin-bottom:5px; }
.pro1 img{ width:100%; display:block;height:100px; overflow:hidden;}
.pro1 p{ display:block; width:100%; text-align:center; line-height:30px; font-size:1.1em; color:#000;}
.ye{ width:100%; display:block; text-align:center; line-height:30px; color:#f36f9a;}




.aboutbox{ width:100%;}
.navlist{ width:27%; float:left; margin-left:1%; margin-bottom:1%; margin-top:1%;}
.navlist ul li{width:100%; margin-top:1%; display:block;}
.navlist ul li a{ font-size:0.9em; display:block; text-align:center; padding-top:7%; padding-bottom:7%; color:#f36f9a; border:#f36f9a solid 1px;}
.navlist ul .hong a{ font-size:0.9em; display:block; text-align:center; padding-top:7%; padding-bottom:7%; color:#fff; border:#f36f9a solid 1px; background-color:#f36f9a;}
.about{ float:right; width:70%;}
.about1{ width:100%;}
.about1 img{ width:3%; margin-top:6%; float:left;}
.about1 h1{ width:65%; display:block; line-height:30px; font-size:0.9em; color: #333; text-align:center; float:left; margin-left:5%; margin-top:3%;}
.about1 a{ width:25%; display:block; padding-bottom:2%; padding-top:2%; display:block; font-size:0.9em; color:#FFF; background-color:#f36f9a; float:left; text-align:center; margin-top:4%;}
.about2 p{ font-size:0.8em;color:#666; display:block; line-height:24px;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical; margin-top:2%; width:90%; margin-left:5%;}

.fenlei{ width:100%; margin-top:5%; margin-bottom:5%; background-image: url(../images/bg1.png); background-repeat:; background-size:100%; height:237px;}
.fenlei1{ width:100%; padding-top:1%; padding-bottom:1%;}
.fenlei1 span{ width:26%; padding-bottom:1%; padding-top:1%; background-color:#f36f9a; display:block; text-align:center; color:#f36f9a; background-color:#FFF; border:#f36f9a solid 1px; margin-left:37%;}
.fenlei2{ width:86%; padding-top:1%; padding-bottom:1%; border-radius:15px; background-color:#FFF; margin-left:7%; margin-top:0.5%;}
.fenlei2 a{ width:24%; display:block; padding-top:1%; padding-bottom:1%; text-align:center; font-size:0.8em; color:#f36f9a; float:left;}
.fenlei2 img{ width:1px; float:left;}
.fenlei3{ width:100%; padding-top:1%; padding-bottom:1%;}
.fenlei3_1{ float:left; width:39.5%; margin-left:7%; background-color:#FFF; margin-top:1%;}
.fenlei3_1 img{ width:90%; margin-left:5%; margin-top:2%; margin-bottom:2%;}
.fenlei3_1 span{ width:50%; display:block; text-align:center; padding-top:1%; padding-bottom:1%; font-size:0.8em;color:#f36f9a;  margin-left:25%;}
.fenlei3_1 p{ width:100%; display:block;text-align:center; padding-top:1%; padding-bottom:1%; font-size:0.8em;color:#f36f9a;}



.fendian{ width:100%; margin-top:5%; margin-bottom:5%; background-image: url(../images/bg1.png); background-repeat:; background-size:100%; height:237px;}
.fendian1{ width:100%; padding-top:1%; padding-bottom:1%;}
.fendian1 span{ width:26%; padding-bottom:1%; padding-top:1%; background-color:#f36f9a; display:block; text-align:center; color:#f36f9a; background-color:#FFF; border:#f36f9a solid 1px; margin-left:37%; float:left;}
.fendian1 a{ width:20%; padding-bottom:1%; padding-top:1%; background-color:#f36f9a; display:block; text-align:center; color:#f36f9a; background-color:#FFF; border:#f36f9a solid 1px; margin-left:9.2%; float:left;}
.fendian2{ width:100%; margin-top:1%; margin-bottom:1%;}
.fendian3{ width:100%; padding-top:1%; padding-bottom:1%;}
.fendian3_1{ float:left; width:39.5%; margin-left:7%; background-color:#FFF; margin-top:1%;}
.fendian3_1 img{ width:90%; margin-left:5%; margin-top:2%; margin-bottom:2%;}
.fendian3_1 p{ width:90%; display:block;text-align:center; padding-top:1%; padding-bottom:1%; font-size:0.8em;color:#fff; background-color:#f36f9a; margin-left:5%; margin-bottom:4.5%;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}



.wenhua{ width:100%;}
.wenhua1{ width:100%; padding-top:1%; padding-bottom:1%;}
.wenhua1 span{ width:26%; padding-bottom:1%; padding-top:1%;  display:block; text-align:center; color:#f36f9a; background-color:#FFF;  margin-left:37%; float:left; font-size:1.0em;}
.wenhua1 a{ width:20%; padding-bottom:1%; padding-top:1%; background-color:#f36f9a; display:block; text-align:center; color:#fff;   margin-left:10%; float:left;}

.newslist{ width:96%; margin-left:2%; margin-bottom:2%;}
.newslist ul li a{ width:100%; display:block; border-bottom: #CCC dashed 1px; }
.newslist ul li a h1{ width:33%; display:block; float:left; color:#f36f9a; font-size:0.8em; line-height:40px;}
.newslist ul li a span{ width:44%; display:block; float:left; color:#f36f9a;  font-size:0.8em;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; line-height:40px;}
.newslist ul li a p{ width:23%; display:block; float:left; color:#f36f9a;  font-size:0.8em; line-height:40px;}

.fdlx{ width:100%; border-bottom:#CCC dashed 1px; padding-top:2%; padding-bottom:2%; margin-bottom:2%;}
.fdlx1{ width:40%; float:left; margin-top:1.7%;}
.fdlx1 img{ width:100%;}
.fdlx2{ width:58%; float:right;}
.fdlx2 p{ width:100%; display:block; padding-top:1%; padding-bottom:1%; font-size:0.8em; color:#666;}

.fdjj{ width:100%;}
.fdjj1{ float:left; width:44%; margin-left:4%; margin-top:2%; margin-bottom:2%; overflow:hidden; height:140px;}
.fdjj1 img{ width:100%; display:block; margin:0; padding:0;}
.fdjj1 a{ width:100%; display:block; line-height:30px; background-color:#f36f9a; color:#FFF;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; text-align:center;}