*{margin: 0;padding: 0;}
.indexTitle {
	text-align:center;
	font-size:36px;
	color:#333333;
	position:relative;
	margin-bottom:60px;
}
.indexTitle:after {
    width:100px;
    height:4px;
    position: absolute;
    content:"";
    background-color: #f39800;
    left:50%;
    margin-left:-50px;
    bottom:-20px;

}
.bannerImg {
	height:400px;/*margin-bottom:100px;*/
}
.bannerImg  img {
	display:block;
	width:1920px;
	height:400px;
	margin:0 auto;
	max-width:100%;
}
.research {
	padding-bottom:45px;
}
.researchItem {
	height:224px;margin-bottom:10px;background:#F3F3F3;
}
.researchItem>a {
	width:100%;height:100%;display:block;text-decoration:none;overflow:hidden;
}
.researchItem>a img {
	float:left;display:block;
}
.research-div {
	width:655px;height:224px;padding-left:35px;float:left;padding-top:49px;
}
.research-div div {
	font-size:16px;color:#333333;text-indent:2em;
}
.research-div div:nth-child(1){
	font-size:20px;color:#333333;margin-bottom:16px;text-indent:0;
}
.researchItem1 {
	width:286px;height:224px;line-height:224px;float:left;
}
.researchItem1 span:nth-child(1){
	font-size:30px;color:#00aa98;font-weight:bold;margin-right:10px;
}
.researchItem1 span:nth-child(2){
	font-size:28px;color:#F39800;
}
.researchItem1 span:nth-child(3){
	margin-left:10px;width:100px;height:30px;display:inline-block;line-height:30px;border:1px solid #ccc;font-size:24px;text-align:center;color:#00aa98;
}

.healthyBanner {
	background:url(../images/backFlower.png) repeat center top;
}
.healthyBanner .banxin {
	overflow:hidden;
}
.banxinContent {
	background:#fff;
}
.banxinContent_div1 {
	border-bottom:1px solid #ffb74c;
}
.banxinContent_div1  .indexTitle {
	padding-top:40px;
}
.banxinContent_div2 {
	padding-left:36px;padding-right:36px;padding-top:40px;padding-bottom:40px;
}
.healthyItem_div1 {
	height:373px;overflow:hidden;
}
.healthyItem_div1 img {
	display:block;/*width:1920px;height:373px;*/margin:0 auto;
}
.healthyItem_div2 {
	background:url(../images/bg.jpg) no-repeat top center;
}

.centerNav {
	padding-top:20px;
	padding-left:20px;
	margin-bottom:20px;
	color:#666666;
}
.centerNav a {
	color:#666666;
}

.box{
	height: 257px;
	position: relative;
	display: inline-block;
	margin: 50px;
	margin-left:40px;
}
#roll dd{			
	width: 220px;
	height: 256px;
	float: left;
	margin-right: 30px;
	margin-left:30px;
	border-radius:30px;
}
	
	#roll dd a{
	text-decoration: none;
	}
	#roll dd a:hover .bx1 {
	border-bottom: 64px solid #f76705;
	}
	#roll dd a:hover .bx2 {
	background-color: #f76705;
	/*   color:#00aa98;*/
	}
	#roll dd a:hover .bx3 {
	border-top: 64px solid #f76705;
	}

	.box span{position: absolute;bottom: 40%; left:-100px; display: inline-block;width: 50px;text-align: center;cursor: pointer;z-index: 90;color: #fff;}
	.box .next{right: -100px; left:auto;}



	.bx1{width:0;
	border-left: 110px solid transparent;
	border-right:110px solid transparent;
	border-bottom: 64px solid #00aa98;    
	margin:0 auto;
	transition:all 0.2s;
	}
	.bx2{
		width: 220px;
		height: 88px;		
		text-align:center;
		background-color: #00aa98;
		margin:0 auto;
		color:#fff;
		font-size:22px;
		padding-top:40px;
		transition:all 0.2s;
	}
	.bx3{
	width:0;
	border-top: 64px solid #00aa98;
	border-left: 110px solid transparent;
	border-right: 110px solid transparent;
	margin:0 auto;
	transition:all 0.2s;
	}
    .box2{
	position: relative;
	display: inline-block;
	margin-left:8px;
     }

    #roll1 {
	width:500%;
     }

	#roll2 dd{			
	width: 331px;
	height: 331px;
	float: left;
	margin-right: 30px;
	margin-left:30px;
	/*background:#00AA98;*/
	border-radius:30px;
	padding:7px;
	box-sizing:border-box;
	border:1px solid transparent;
	/*border:1px solid red;*/
	border-radius:50%;
	transition:all 0.2s;
	position:relative;
	cursor:pointer;

	}
	
.enviromentTitle {
	width:266px;
	height:216px;	
	font-size:20px;
	color:#fff;
    position:absolute;
    left:7px;
    top:7px;
    border-radius:50%;
    background:rgba(58,188,176,0.6);
    display:none;
    transition:all 0.3s;
    padding-top:100px;
    padding-left:25px;
    padding-right:25px;   
}

.enviromentTitle div:nth-child(1){
	font-size:24px;
	margin-bottom:10px;
	text-align:center;
}
	
.enviromentTitle div:nth-child(2){
	font-size:16px;
	line-height:33px;
	text-indent:2em;
	width:269px;
	height:93px;
	overflow:hidden;
	margin:0 auto;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}	
	
#roll2 dd:hover {
    border:1px solid #00AA98;
}

#roll2 dd:hover  .enviromentTitle {
	display:block;
}  

#roll2 dd img {
	width:316px;height:316px;border-radius: 50%;
}

.box2 span{position: absolute;bottom: 15%; left:-85px; display: inline-block;width: 50px;text-align: center;cursor: pointer;z-index: 90;color: #fff;}
.box2 .next{right: -80px; left:auto;}

/*************************/
.box1 {
	height: 700px;
	/*border: 1px solid red;*/
	position: relative;
	display: inline-block;
	/*margin: 200px;*/
	margin-left:22px;
	width:100%;
}

#roll1 dd{
	width: 340px;
	height: 700px;
	float: left;
	position: relative;
}
#roll1 dd>div {
	background:#00AA98;
	position: relative;
}
#roll1 dd>div a {
	margin-top:25px;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:center;
	width:110px;
	height:40px;
	border-radius:20px;
	border:1px solid #fff;
	line-height:40px;
	position:absolute;
	left:50%;
	margin-left:-55px;
	bottom:35px;
}
#roll1 dd .roll1-img1{
	width:340px;
	height:350px;
	position:absolute;
	left:0;
	top:0;
	display:block;
}
#roll1 dd>img{
	width:100%;
	height:350px;
	display:block;
}

#roll1 dd>div{
	position:relative;
	padding-top:39px;
	padding-left:35px;
	height:311px;
	padding-right:35px;	
}

#roll1 dd{
	border-left:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;
	box-sizing:border-box;
}


#roll1 dd>div:nth-child(1){
	border:none;
}

.recom1 {
	font-size:24px;color:#fff;
}
.recom2 {
	font-size:20px;color:#e5e5e5;margin-top:6px;margin-bottom:28px;
}
.recom3 {
	font-size:16px;
	color:#e5e5e5;
	width:280px;
	height:104px;
	text-indent:2em;
	overflow:hidden;
    text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
}

#roll1 dd ul {
	height:100%;
}

#roll1 dd ul li {
	height:100%;
	width:33.3%;
	float:left;
}

#roll1 dd>div img {
	position:absolute;
	left:50%;
	margin-left:-15px;
	top:0;
	/*transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
   /* -moz-transform:rotate(180deg); */	/* Firefox */
    /*-webkit-transform:rotate(180deg);*/ /* Safari 和 Chrome */
    /*-o-transform:rotate(180deg);*/
}

.healthyItemSport {
	background:#F3F3F3;padding-top:50px;margin-bottom:20px;
}
.healthyItemSport  .research {
	padding-bottom:35px;margin-bottom:50px;
}
.research_div1 {
	width:1066px;height:700px;margin:0 auto;
}
.research_div2 {
	height:100%;
}
#roll1 dd li img {
	width:100%;height:50%;display:block;
}
.roll1_div {
	background:#00AA98;height:310px;padding-left:33px;padding-right:35px;padding-top:40px;
}
.roll1_div div:nth-child(1){
	font-size:24px;color:#fff;
}
.roll1_div div:nth-child(2){
	font-size:20px;color:#e5e5e5;margin-top:20px;margin-bottom:30px;
}
.roll1_div div:nth-child(3){
	font-size:16px;color:#e5e5e5;width:280px;height:108px;overflow:hidden;
}
.roll1_div a {
	margin-top:25px;font-size:16px;color:#fff;text-decoration:none;display:block;text-align:center;width:110px;height:40px;border-radius:10px;border:1px solid #fff;line-height:40px;
}
.box1 span{position: absolute;bottom: 40%; left:-180px; display: inline-block;width: 50px;text-align: center;cursor: pointer;z-index: 90;color: #fff;}
.box1 .next{right: -126px; left:auto;}

.healthManagementA {
	font-size:36px;color:#333333;text-decoration:none;display:block;margin:0 auto;width:270px;height:90px;line-height:90px;text-align:center;border-radius:45px;border:1px solid #00AA98;margin-bottom:50px;
    transition:all 0.3s;
}
.healthManagementA:hover {
	background:#00AA98;
	color:#FFFFFF;
	
}
.banxinContent img {
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}

 #roll1 dd>div a:hover {
	background:#fff;
	color:#00AA98;
	border:none;
}

.researchPhone{
	display:none;
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
	
}

.researchPhone a {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	text-align:center;
	padding-left:30px;
	padding-right:30px;
	font-size:16px;
	color:#00AA98;
	border:1px solid #00AA98;
	border-radius:20px;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:20px;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;	
}
.researchPhone a:last-child {
	margin-bottom:0;
}

.box2Phone {
	display:none;
}
.expertPhone1 {
	display:none;
}

.indexTitleEnvire {
	padding-top:45px;
} 


/*媒体查询响应式*/
@media (max-width: 414px) {
   .expertPc,
   .expertPc1,
   .expertPc3,
   .expertPc4  {
		display:none;
		
		}
	.expertPhone1,
    .expertPhone2 ,
    .expertPhone3 ,
    .expertPhone4{
		display:block;
		background:#f5f5f5;
	}
	.expertPhone1 a,
	.expertPhone2 a,
	.expertPhone3 a,
	.expertPhone4 a{
		display:block;
		width:90%;
		height:110px;
		margin:0 auto;
		color:#000000;
		border-bottom:1px dashed #eee;
		padding-bottom:20px;
		padding-top:20px;
		-webkit-tap-highlight-color: transparent;
		
	}
	.expertPhone1 a img ,
	.expertPhone2 a img ,
	.expertPhone3 a img ,
	.expertPhone4 a img {
		width:30%;
		float:left;
		margin-right:20px;
		}
	.expertPhone1 a  div:nth-child(2),
	.expertPhone2 a  div:nth-child(2),
	.expertPhone3 a  div:nth-child(2),
	.expertPhone4 a  div:nth-child(2) {
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin-bottom:5px;
		font-size:20px;
		color:#333333;
		
		}	
	.expertPhone1 a  div:nth-child(3),
	.expertPhone2 a  div:nth-child(3),
	.expertPhone3 a  div:nth-child(3),
	.expertPhone4 a  div:nth-child(3){
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-line-clamp:4;
		-webkit-box-orient:vertical;
		font-size:14px;
		color:#666666;
		text-indent:2em;
	}
   .bannerImg {
   	   height:auto;
   	   margin-bottom:0;
   	   margin-top:60px;
   }
  
   
   .indexTitle {
   	  font-size:25px;
   	  margin-top:25px;
   	  margin-bottom:30px;
   }
   .indexTitle:after {
   	 width:36px;
   	 margin-left:-18px;
   	 bottom:-10px;
   }
   
   .banxin {
   	  width:100%;
   }
   
   .researchItem {
   	height:auto;
   }
   .researchItem>a img {
   	 width:25%;
   	 height:auto;
   }
   
   .researchItem1 {
   	display:none;
   }
   .research-div div:nth-child(1) {
   	overflow:hidden;
   	text-overflow:ellipsis;
   	white-space:nowrap;
   	margin-bottom:6px;
   	margin-top:20px;
   	font-size:16px;
   }
   
   .research-div {
   	width:270px;
   	height:auto;
   	padding-left:16px;
   	padding-right:0;
   	padding-top:0;
   }
   .research-div div:nth-child(2){
   	   overflow:hidden;
   	   text-overflow:ellipsis;
   	   display:-webkit-box;
   	   -webkit-line-clamp:3;
   	   -webkit-box-orient:vertical;
   	   font-size:14px;
   }
   
   .research ul li:nth-child(even) .research-div {
   	 padding-left:6px;
   	 padding-right:10px;
   }
   .title {
   	 font-size:20px;
   	 margin-bottom:5px;
   	 margin-top:15px;
   }
   .titleDiv {
   	margin-bottom:12px;
   }
   .publishTime {
   	  font-size:16px;
   }
   .typeName {
   	  font-size:16px;
   }
   .banxin-div {
   	padding:12px 12px 30px 12px;
   	margin-bottom:30px;
   	font-size:14px;
   }
   
   .research {
   	margin-bottom:0px;
   }
  
   .healthyItemSport {
   	background:#fff;
   }
   .healthyItemSport {
   	padding-top:20px;
   	background:whitesmoke;
   }
  .healthyItemSport .research {
  	padding-bottom:20px;
  	margin-bottom:0px;
  }
  
  .banxinContent {
  	background:none;
  	border-right:none;
  	border-bottom:none;
  }
  
  .banxinContent_div2 {
  	padding-left:20px;
  	padding-right:20px;
  	padding-top:20px;
  	padding-bottom:20px;
  }
  .banxinContent_div1 .indexTitle {
  	padding-top:0px;
  }
  
  .bannerImg img {
  	width:100%;
  	height:auto;
  }
  
.researchPc{
	display:none;
}
  
.researchPhone {
	display:block;
}
#enviroment {
	margin-top:0px;
}  
  	.box2Pc {
		display:none;
	}
	.box2Phone {
		display:block;
	}
	.box2Phone-div {
		width:90%;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:20px;
		border-bottom:1px dashed #eee;
	}
	.box2Phone-div img {
		width:100%;
		display:block;
		margin:0 auto;
		border-radius:50%;
	}
	
	.box2Phone-div div:nth-child(2){
		text-align:center;
		color:#00AA98;
		font-size:20px;
		margin-top:10px;
		margin-bottom:6px;
		
	}
	.box2Phone-div div:nth-child(3){
		text-indent:2em;
	}
	
	.healthManagementA {
		font-size:22px;
		width:150px;
		height:50px;
		line-height:50px;
		-webkit-tap-highlight-color:transparent;
		margin-bottom:20px;
		
	}
	.indexTitleEnvire {
		padding-top:25px;
	}
	.banxinContent_div2 p span {
		font-size:16px!important;
	} 
	.banxinContent_div2 img {
		display:block!important;
		max-width:100%!important;
		height:auto!important;
	}
	
	
	
	
}

@media (max-width: 375px) {
	.research-div {
		width:245px;
	}
	
	.expertPhone1 a img ,
	.expertPhone2 a img ,
	.expertPhone3 a img ,
	.expertPhone4 a img {
		width:35%;
		float:left;
		margin-right:20px;
		}
	

}

@media (max-width: 320px) {
     .research-div {
		width:206px;
	}
	.research-div div:nth-child(1){
		margin-top:7px;
	}
	.expertPhone1 a div:nth-child(3), .expertPhone2 a div:nth-child(3), .expertPhone3 a div:nth-child(3), .expertPhone4 a div:nth-child(3){
		font-size:12px;
	}
}