/* 必要布局样式css */
.banner-content{
    width: 100%;
    margin: 0 auto;
}

.banner-content-box{
    position:relative;
}

.banner-nav-left ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 235px;
    height: 430px;
    padding: 10px 25px 20px 20px;
}

.banner-nav-left ul li{
    padding: 15px 0 10px;
    color: #fff;
    border-bottom: #3f3a32 solid 1px;
}
.banner-nav-left ul li h3{
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
}
.banner-nav-left ul li a{
    display: inline-block;
    margin-right: 10px;
    color: #cdcdcd;
    font-size: 14px;
}

.banner-nav-left ul li.bor-none {
    border-bottom: 0;
}

.banner-slide{
    position:relative;
}

.banner-slide-circle ul li{
    float: left;
    margin-right: 10px;
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 10px;
}

.banner-slide-circle{
    position: absolute;
    right: 20px;
    bottom: 35px;
    z-index:10002;
    left: 50%;
    margin-left: -45px;
}

.banner-slide-circle ul .on{
    cursor: pointer;
    height: 10px;
    width: 20px;
    background: #4d4842;
    border-radius: 5px;
}

.banner-slide-body ul li a img{
    width: 100%;
    height: 400px;
    display:block;
    border:none;
}


#banner-slide-body ul li a img{ 
    height:auto;
}





/***********/
#roll1 img {
	border:1px solid #959595!important;
}
.healthyItem {
  margin-top:50px;
}

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

}
.researchItem {
    margin-top:25px;
    overflow:hidden;
}
.swiper-slide img {
	width:1920px;
	height:400px;
	display:block;
}

/*轮播1*/

            .Box {position: relative;}
            .Box .content {width: 1200px;margin: 0 auto;}
            .Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
            .Box .Box_con {position: relative;}
            .Box .Box_con .btnl {position: absolute;}
            .Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top:218px;cursor: pointer;}
            .Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
            .Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
            .Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
            .Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
            .Box .Box_con .conbox {position: relative;overflow: hidden;}
            .Box .Box_con .conbox ul {position: relative;list-style: none;}
            .Box .Box_con .conbox ul li {
                float: left;
                width: 380px;
                height: 470px;
                margin-left: 30px;
                overflow: hidden;
               
                border:1px solid #ccc;
                box-sizing:border-box;
                border-radius:10px;
            }
            .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
            .Box .Box_con .conbox ul li img {display: block;width:100%;border-radius:10px;}
            .Box .BoxSwitch {margin-top: 30px;text-align: center;}
            .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
            .cur_div1 {
                     text-align:center;margin-top:12px;color:#00AA98;font-size:24px;
            }
            .cur_div2 {
                     text-align:center;font-size:20px;color:#333333;margin-bottom:10px;  
            }
           .cur_div3 {
                    text-indent:2em;
                    font-size:16px;
                    color:#666666;
                    padding:5px 20px;
                    margin-bottom:60px;
                    height:120px;
                    overflow:hidden;
                    text-overflow:ellipsis;
                    -webkit-box-orient: vertical;
                    display:-webkit-box;
                    -webkit-line-clamp: 6;
                    -moz-line-clamp:6;
            }
          .cur_a {
                    display:block;
                    width:125px;
                    height:40px;
                    line-height: 40px;
                    text-align:center;
                    text-decoration: none;
                    background-color: #00AA98;
                    color:#fff;
                    margin:0 auto;
                    border-radius:20px;
            }
 .researchItem .banxin {
     height:380px;
 }
.researchItem-div1 {
     width: 380px;height:380px;overflow:hidden;float:left;
}
.researchItem-div2 {
    height:303px;
    width:740px;
    float:right;
    padding-top:25px;
    padding-bottom:50px;
    padding-left:29px;
    padding-right:50px;
    border-top:1px dashed #f39800;
    border-right:1px dashed #f39800;
    border-bottom:1px dashed #f39800;
}
.researchItem-div2 ul li {
    margin-bottom:20px;
}
.researchItem-div2 ul li a {
    text-decoration: none;color:#333333;font-size: 24px;
}
.researchItem-div2 ul li a img {
    margin-right:6px;
    margin-bottom:6px;
}
.researchItem-div2 ul li a span:nth-of-type(1){
	font-size:18px;display:inline-block;width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.researchItem-div2 ul li a span:nth-of-type(2){
	display:inline-block;margin-bottom:0px;font-size:18px;float:right;margin-left:20px;
}
.researchItem-div2 ul li a span:nth-of-type(3){
	display:inline-block;
	margin-bottom:0px;
	font-size:18px;
	float:right;
	margin-left:20px;
	width:154px;
	text-align:right;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#BoxUl2 .cur {
  position: relative;border:none;border-radius:0;
}
#BoxUl2 .cur>div:nth-child(1) {
  width:380px;height:380px;position: relative;
}
#BoxUl2 .cur>div:nth-child(1) img {
  display:block;width:380px;height:380px;border-radius:50%;position: absolute;  
}
#BoxUl2 .cur>div:nth-child(1) a {
  width:380px;height:380px;background:rgba(0,0,0,0.2);position: absolute;left:0;top:0px;line-height: 380px;text-align:center;color:#fff;font-size: 36px;text-decoration:none;border-radius:50%;z-index:999;  
}
#BoxUl2 .cur>div:nth-child(2) {
  width: 380px;height:290px;position: absolute;bottom:0;left:0;border:1px solid #ccc;border-top: none; box-sizing:border-box;  
}
#BoxUl2 .cur>div:nth-child(2)  div:nth-child(1){
  margin-top:205px;font-size:30px;text-align:center;color:#00AA98;
}
#BoxUl2 .cur>div:nth-child(2)  div:nth-child(2){
    font-size:20px;text-align:center;color:#333333;
}
.NewDynamic {
  background-color:#F3F3F3;height:630px;
}
.NewDynamic1 {
  width:568px;height:320px;margin-right:32px;float:left;
}
.NewDynamic-div1 {
  height:220px;border-bottom:1px solid #00AA98;display:block;
  text-decoration: none;
}
.NewDynamic-divDiv {
  width:326px;height:200px;float:right;
}
.NewDynamic-divDiv div:nth-child(1){
  color:#333333;font-size:20px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:27px;
  transition:all 0.3s;
}
.NewDynamic-divDiv div:nth-child(2){
  color:#333333;height:108px;text-indent: 2em;font-size:16px;margin-bottom:22px;overflow:hidden;
  transition:all 0.3s;
}
.NewDynamic-divDiv div:nth-child(3){
  color:#00aa98;font-size:22px;font-weight:bold;
  
}
.NewDynamic-div2 {
  height:85px;
}
.NewDynamic-div2 ul {
  padding-top:25px;
}
.NewDynamic-div2 ul li:nth-child(2){
  margin-top:20px;
}
.NewDynamic-div2 ul li a {
  text-decoration: none;
}

.NewDynamic-div2 ul li a img {
	margin-bottom:6px;
}
.NewDynamic-div2 ul li a .sp1{
 font-size:18px;color:#333333;font-weight:bold;display:inline-block;width:430px;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;
}
.NewDynamic-div2 ul li a .sp2{
  font-size:18px;color:#333333;float:right;transition:all 0.3s;
}

.New1Dynamic {
	padding-top:40px;
}

.NewDynamicBanxin {
	overflow:hidden;
	height:370px;
}

.researchItem-div1 img {
	width:380px;
	height:380px;
}
#news1Img,#news2Img {
  width:199px;height:201px;
}
.moreA {
  color:#333333;
  font-size:18px;
  border:1px solid #00AA98;
  border-radius:44px;
  display:block;
  width:135px;
  height:47px;
  text-align:center;
  line-height:47px;
  text-decoration:none;
  margin:0 auto;
  transition:all 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.moreA:hover {
	background-color: #00AA98;
	color:#FFFFFF;
}
.moreA img {
  vertical-align:middle;margin-bottom:6px;
}
/*****************/
  .box,.box1{
        height: 470px;      
        position: relative;
        display: inline-block;
        margin-left:-53px;
      }
      #roll,#roll1{
        width: 500%;
        
      }
      #roll dd{
        width: 350px;
        height: 440px;
        float: left;
        margin-right: 9px;
        margin-left:58px;
        box-sizing:border-box;
        border:1px solid #ccc;
        border-radius:10px;
        cursor:pointer;
      }
      #roll1 dd {
        width: 350px;
        height: 470px;
        float: left;
        margin-right: 9px;
        margin-left:58px;
        box-sizing:border-box;
        border-radius:10px;
        position:relative;
      }
      
      #roll dd:hover {
      	background:#E5F6F4;
      }
      
      #roll dd:hover .cur_a{
      	 background:#fff;
      	 color:#00AA98;
      	 border: 1px solid #00AA98;
      }
      
      
      .expertLine {
      	width:350px;
      	height:290px;
      	border:1px solid #959595;
      	border-top:none;
      	position: absolute;
      	bottom:0;
      	left:-1px;
      }
      
      
      #roll dd img {
        border-radius:10px;
        width:100%;
        display:block;
        height:112px;
        margin-bottom:22px;
       
      }
      
      #roll1 dd img {
        display:block;
        width:350px;
        height:350px;
        border-radius:50%; 
        border:1px solid #959595;
        box-sizing:border-box;
        
      }                  
      .box span,.box1 span{
        position: absolute;
        bottom: 40%; 
        left:-66px; 
        display: inline-block;
        width: 50px;
        text-align: center;
        cursor: pointer;
        z-index: 90;
        color: #fff;
        }
      .box .next,.box1 .next{right: -117px; left:auto;}   
      #roll1 dd a {
        color:#FFFFFF;
        font-size:36px;
        text-decoration:none;
        position:absolute;
        display:none;
        width:350px;
        height:350px;
        line-height:350px;
        text-align:center;
        border-radius:50%;
        background:rgba(0,0,0.0.2);
        left:0;
        top:0;
        z-index:999;
        transition:all 0.3s;
        
      }
      .doctorName {
        font-size:30px;
        text-align:center;
        color:#00aa98;
        margin-top:18px;
        margin-bottom:6px;
      } 
      .doctorDtname {
        font-size:20px;
        color:#333333;
        text-align:center;
      }
      #roll1 dd:hover a {
        display:block;
        background:rgba(0,170,152,0.5);
        
      } 
     a.NewDynamic-div1:hover #news1,
     a.NewDynamic-div1:hover #news2,
     a.NewDynamic-div1:hover #news9,
     a.NewDynamic-div1:hover #news8 {
	    color:#00aa98;
    }

.NewDynamic-div2 ul li a:hover .sp1,.NewDynamic-div2 ul li a:hover .sp2 {
	color:#00aa98;
}

#newBridge .icon-right-center {
	top:70%!important;
}

 .banxinPhone {
 	display:none;
 }

.expertPhone3 {
	display:none;
}
.NewDynamicBanxinPhone {
	display:none;
}
.healthyItemPhone {
	display:none;
}
#banner-contentPhone {
	display:none;	
}
/*媒体查询响应式*/
@media (max-width: 414px) {
  .banner-content{
  	margin-top:60px;
  }
  #banner-slide-body {
  	margin-top:60px;
  }
 .banner-contentPhone {
	display:block;	
}
 .banner-contentPc {
   	display:none;
   }
   
   .expertPc,
   .expertPc1,
   .expertPc3,
   .expertPc4  {
		display:none;
		}
	.expertPhone1,
    .expertPhone2 ,
    .expertPhone3 ,
    .expertPhone4{
		display:block;
	}
	.expertPhone1 a,
	.expertPhone2 a,
	.expertPhone3 a,
	.expertPhone4 a{
		display:block;
		width:90%;
		margin:0 auto;
		color:#000000;
		border-bottom:1px dashed #c5c2c2;
		padding-bottom:20px;
		padding-top:20px;
		-webkit-tap-highlight-color: transparent;
		
	}
	.expertPhone1 a img ,
	.expertPhone2 a img ,
	.expertPhone4 a img {
		width:30%;
		float:left;
		margin-right:4%;
		
		}
	.expertPhone3 a img {
			display:block;
			width:100%;
			border-radius:50%;
			box-sizing:border-box;
			border:1px solid #959595;
			margin:0 auto;
			margin-bottom:10px;
		}
		.expertPhone3 a span {
			color:#00AA98;
		}
		.expertPhone3 a span:nth-child(2){
			float:right;
		}
		
	.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:18px;
		color:#333333;
		text-align:center;
		}	
	.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-align:center;
	}
   .bannerImg {
   	   height:auto;
   	   margin-bottom:0;
   	   margin-top:60px;
   }
  
   
   .indexTitle {
   	  font-size: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;
   }
  .healthyItemSport .research {
  	padding-bottom:20px;
  	margin-bottom:0px;
  }
    
  .banxinPc{
  	display:none;
  }
  
  .banxinPhone {
  	display:block;
  }
  .researchItem .banxin {
  	height:auto;
  }
  .expertPhone2ATitle {
  	margin-bottom:10px;
  }
    .expertPhone2A span {
    	color:#00AA98;
    }
  .expertPhone2A span:nth-child(3){
  	float:right;
  }
  .expert2Pc {
  	display:none;
  }
  .expertPhone3 {
  	display:block;
  	background:#f5f5f5;
  }
  .NewDynamicBanxinPhone {
  	display:block;
  }
  .NewDynamicBanxin {
  	display:none;
  }
  .NewDynamic {
  	height:auto;
  	overflow:hidden;
  	background:#fff;
  	padding-top:0px!important;
  }
  .healthyItemPc {
  	display:none;
  }
  .healthyItemPhone {
  	display:block;
  }
  
 .healthyItem {
 	   margin-top:0;
 	   padding-top:40px;
 	   background:whitesmoke;
 }
  .indexTitle{
  	margin-bottom:30px;
  }
  .healthyItemPhoneA {
  	display:block;
  	width:90%;
  	margin:0 auto;
  	color:#000000;
  	padding-top:20px;
  	padding-bottom:20px;
  	border-bottom:1px dashed #c5c2c2;
  }
  .healthyItemPhoneImg {
  	width:100%;
  	margin-bottom:10px;
  	border-radius:10px;
  	box-sizing:border-box;
  }
  .healthyItemPhoneDiv1 {
  	color:#00AA98;
  	text-align:center;
  	font-size:18px;
  }
  .healthyItemPhoneDiv2 {
  	margin-top:10px;
  	overflow:hidden;
  	text-overflow:ellipsis;
  	display:-webkit-box;
  	-webkit-line-clamp:4;
  	-webkit-box-orient:vertical;
  	text-indent:2em;
  	color:#666666;
  }
  .moreA {
  	margin-top:30px;
  	margin-bottom:30px;
  }
  
  
  .researchItem {
  	margin-top:40px;
  }
  .NewDynamic {
  	background:#ffffff;
  }

  .fiveCenter {
	margin-top:60px!important;
}



}

@media (max-width: 375px) {
	.research-div {
		width:245px;
	}
}

@media (max-width: 320px) {
     .research-div {
		width:206px;
	}
	.research-div div:nth-child(1){
		margin-top:7px;
	}
}