/* 导航栏 */
.nav{
  width: 100%;
  color: #323333;
}
.nav .header ul li .log{
  color: #FF5555;
  border:1px solid #FF5555;
}

/* banner部分 */
.banner{
  width: 100%;
  overflow: hidden;
}
.banner img{
  width: 100%;
}
/* 健康产业学堂介绍 */
.wrapper .med{
  margin-top: 110px;
  padding-left: 36px;
  border-bottom: 1px solid rgb(153,153,153);
  font-size: 18px;
}
.wrapper .med p{
  line-height: 36px;
}
.wrapper .med div{
  width: 480px; 
  height: 349px;
  margin:110px auto 100px;
}
.wrapper .med img{
  width: 480px; 
  height: 349px;
}

.wrapper .introduction{
  padding: 79px 20px 0 34px;
  font-size: 18px;
  border-bottom: 1px solid rgb(153,153,153);
}
.wrapper .introduction p{
  line-height: 36px;
}
.wrapper .introduction span{
  display: block;
  margin: 97px auto 60px;
  width: 738px;
  height: 290px;
}
.wrapper .introduction span img{
  width: 738px;
  height: 290px;
}
/* 合作优势 */
.wrapper .cooperation{
  border-bottom: 1px solid rgb(153,153,153);
  margin-top: 81px;
  text-align: center;
}
.wrapper h5{
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 30px;
}
.wrapper h5 span{
  margin-top: 10px;
  display: inline-block;
  width:30px;
  height:5px;
  background:rgb(255,102,102);
}
.wrapper .cooperation>p{
  font-size:24px;
  color:rgb(153,153,153);
}
.wrapper .cooperation ul{
  margin-top: 80px;
  text-align: left;
}
.wrapper .cooperation ul li{
  margin-bottom: 57px;
}
.wrapper .cooperation ul li span{
  display: inline-block;
  height: 49px;
  line-height: 26px;
}
.wrapper .cooperation ul li .frineds{
  width: 258px;
  margin-left: 36px;
  font-size: 20px;
  border-right: 2px solid rgb(102,102,102);
}
.wrapper .cooperation ul li .others{
  margin-left:65px;
  vertical-align: middle;
  width: 632px;
  font-size:18px;
  color:rgb(102,102,102);
}
.wrapper .cooperation ul li span:first-child::before{
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right:47px;
  vertical-align: bottom;
}
.wrapper .cooperation ul li .one::before{
  background: url('../img/one.png') no-repeat;
}
.wrapper .cooperation ul li .two::before{
  background: url('../img/two.png') no-repeat 0 2px;
}
.wrapper .cooperation ul li .there::before{
  background: url('../img/there.png') no-repeat;
}
.wrapper .cooperation ul li .four::before{
  background: url('../img/four.png') no-repeat;
}
.wrapper .cooperation ul li .five::before{
  background: url('../img/five.png') no-repeat;
}
/* 技术优势 */
.wrapper .technology{
  border-bottom: 1px solid rgb(153,153,153);
  margin-top: 79px;
  text-align: center;
}
.wrapper .technology>p{
  font-size:24px;
  color:rgb(153,153,153);
}
.wrapper .technology ul{
  padding-top: 82px;
  overflow: hidden;
}
.wrapper .technology ul li{
  position: relative;
  float: left;
  width: 258px;
  height: 281px;
  text-align: center;
  margin:0 0 84px 52px;
  box-shadow:0px 6px 4px 1px rgb(236, 197, 197);
  border-radius:10px;
  font-size:20px;
}
.wrapper .technology ul li img{
  margin:48px 0 44px; 
}
.wrapper .technology ul li a{
  position: absolute;
  top: -20px;
  left: 0;
  cursor:default;
  display: block;
  display: none;
  width: 201px;
  height: 281px;
  overflow: hidden;
  padding: 0 28px 0 29px;
  text-align: center;
  border-radius:10px;
  background-color:#ff6666;
  background-repeat: no-repeat; 
  background-position: center 122px;
}
.wrapper .technology ul li .icon7{
  background-image: url('../img/icon-7.png');
  background-size: 67px 140px;
}
.wrapper .technology ul li .icon8{
  background-image: url('../img/icon-8.png');
  background-size: 75px 130px;
}
.wrapper .technology ul li .icon3{
  background-image: url('../img/icon-3.png');
  background-size: 83px 123px;
}
.wrapper .technology ul li .icon4{
  background-image: url('../img/icon-4.png');
  background-size: 130px 100px;
}
.wrapper .technology ul li .icon5{
  background-image: url('../img/icon-5.png');
  background-size: 137px 98px;
}
.wrapper .technology ul li .icon6{
  background-image: url('../img/icon-6.png');
  background-size: 88px 123px;
}
.wrapper .technology ul li a p{
  height: 51px;
  line-height: 51px;
  font-size:22px;
  margin:20px 0 23px;
  border-bottom: 6px solid rgb(230,85,85);
}
.wrapper .technology ul li a span{
  font-size: 18px;
  line-height: 28px;
}

/* 合作联系 */
.wrapper .connect{
  margin: 81px 0 48px;
}
.wrapper .connect h5{
  text-align: center;
  margin-bottom: 91px;
}
.wrapper .connect p{
  margin-left: 266px;
  font-size:20px;
  color:rgb(51,51,51);
  margin-bottom: 48px;
}
.wrapper .connect p::before{
  content: '';
  display: inline-block;
  width: 35px;
  height: 32px;
  margin-right: 26px;
  vertical-align: middle;
}
.wrapper .connect .people::before{
  background: url('../img/people.png') no-repeat;
}
.wrapper .connect .phone::before{
  background: url('../img/phone.png') no-repeat;
}
.wrapper .connect .email::before{
  background: url('../img/email.png') no-repeat;
}