.who{
  padding-top: 145px;
  padding-bottom: 135px;
  background: url(../images/bg.png) no-repeat center top;
  background-size: 100% auto;
}
.who_detail{
  display: flex;
  justify-content: space-between;
}
.who_left{
  margin-right: 145px;
  flex: 1;
}
.who_header{
  color: #333;
  line-height: 1;
}
.who_header h3{
  font-size: 34px;
}
.who_header h3 b{
  font-size: 20px;
  font-weight: 500;
}
.who_title{
  margin-top: 11px;
  font-size: 26px;
  font-weight: 500;
  line-height: 78px;
  position: relative;
}
.who_title h3{
  font-weight: 500;
}
.who_line{
  width: 144px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #46ba21;
}
.who_text{
  font-size: 16px;
  line-height: 34px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 33px;
}
.who_btn{
  width: 164px;
  height: 52px;
  margin-top: 47px;
  background: #71c03d;
  text-align: center;
  line-height: 52px;
  border-radius: 4px;
}
.who_btn a{
  width: 100%;
  height: 100%;
  color: #fff;
}
.who_right{
  width: 590px;
}
.who_right img{
  width: 100%;
}
.icons{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  margin-top: 110px;
}
.icon{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icons p{
  line-height: 1;
  margin-top: 23px;
  color: #95bbe1;
}

.product{
  padding: 80px 0;
  background: url(../images/bg2.png) no-repeat center;
  background-size: 100% 100%;
}
.product_title{
  line-height: 1;
  text-align: center;
}
.product_title h3{
  font-size: 36px;
  font-weight: 600;
}
.product_title p{
  margin-top: 36px;
  font-size: 21px;
}
.product_swiper{
  position: relative;
  margin-top: 79px;
}
.swiper-container3{
  width: 100%;
  overflow: hidden;
}
.swiper-container3 .swiper-wrapper {
  width: 1202px !important;
  padding-top: 10px;
}
.swiper-container3 .swiper-wrapper img{
  box-shadow: 0 5px 5px rgba(31,97,105,0.13);
  width: 100%;
  transition: all .3s;
}
.swiper-container3 .swiper-wrapper .swiper-slide a{
  overflow: hidden;
}
.swiper-container3 .swiper-wrapper img:hover{
	transform:scale(1.1);
}
.swiper-container3 .swiper-wrapper .swiper-slide div{
  line-height: 1;
  height: 128px;
  background: #6d7781;
  color: #fff;
  padding: 0 22px;
  padding-top: 21px;
  position: relative;
  z-index: 2;
}
.swiper-container3 .swiper-wrapper .swiper-slide div h4{
  color: #fff;
  font-size: 18px;
}
.swiper-container3 .swiper-wrapper .swiper-slide div p{
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  margin-top: 26px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.swiper-button-next3,.swiper-button-prev3{
  width: 60px !important;
  height: 60px !important;
  background: #71c03d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.swiper-button-next3 img,.swiper-button-prev3 img{
  width: 18px;
  height: 29px;
}
.swiper-button-next3{
  right: -98px !important;
}
.swiper-button-prev3{
  left: -98px !important;
}
.swiper-container-free-mode > .swiper-wrapper{
  transition-timing-function: linear !important;
}

.product_btn{
  width: 164px;
  height: 52px;
  background: #71c03d;
  text-align: center;
  line-height: 52px;
  font-size: 16px;
  margin: auto;
  margin-top: 68px;
  border-radius: 4px;
}
.product_btn a{
  color: #fff;
}

.dynamic{
  padding-top: 71px;
  padding-bottom: 65px;
  background: url(../images/bg3.png) no-repeat center ;
  background-size: 100% 100%;
}
.dynamic_title{
  text-align: center;
}
.dynamic h3{
  font-size: 36px;
  color: #fff;
  line-height: 1;
}
.dynamic_btn{
  width: 164px;
  height: 52px;
  margin: auto;
  margin-top: 48px;
  font-size: 16px;
  line-height: 52px;
  text-align: center;
  background: url(../images/bg4.png) no-repeat center 100%;
}
.dynamic_btn a{
  color: #fff;
}
.dynamic_detail{
  margin-top: 40px;
  padding: 80px 57px 62px 40px;
  background: url(../images/bg5.png);
  display: flex;
}
.dynamic_imgs{
  width: 537px;
  margin-right: 58px;
}
.dynamic_img{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.dynamic_img img{
  width: 100%;
  transition: all .3s;
}
.dynamic_imgs:hover .dynamic_img img{
	transform:scale(1.1);
}
.dynamic_img_date{
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 137px;
  height: 37px;
  background: #71c03d;
}
.dynamic_img_date p{
  flex: 1;
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 20px;
}
.dynamic_img_date p:nth-child(1){
  border-right: 1px solid #fff;
}
.dynamic_img_text h4{
  font-size: 20px;
  margin-top: 10px;
  line-height: 46px;
}
.dynamic_img_text p{
  font-size: 16px;
  line-height: 24px;
  color: #666;
  overflow: hidden;      
  text-overflow: ellipsis;      
  display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */      
  -webkit-line-clamp: 2; /* 控制最多显示几行 */      
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */   
  line-clamp: 2;
}
.dynamic_img_text .jiantou{
  margin-top: 13px;
}
.dynamic_text li a{
  display: flex;
  padding: 37px 0;
}
.dynamic_text li:not(:nth-last-child(1)){
  border-bottom: 1px dashed #c4c4c4;
}
.dynamic_text li:nth-child(1){
  padding-top: 0;
}
.dynamic_text li:nth-last-child(1){
  padding-bottom: 0;
}
.dynamic_text li:hover .dynamic_date{
  background: #71c03d;
}
.dynamic_date{
  width: 58px;
  height: 73px;
  background: #b7c3d1;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 5px;
  border-radius: 4px;
  margin-right: 28px;
}
.dynamic_date p{
  color: #fff;
  line-height: 30px;
  text-align: right;
}
.dynamic_date p:nth-child(1){
  border-bottom: 2px solid #d9dfe6;
}
.dynamic_text{
  flex: 1;
}
.dynamic_text_r{
  flex: 1;
}
.dynamic_text_r h4{
  font-size: 18px;
  line-height: 1;
}
.dynamic_text_r p{
  font-size: 16px;
  line-height: 28px;
  margin-top: 14px;
  overflow: hidden;      
  text-overflow: ellipsis;      
  display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */      
  -webkit-line-clamp: 2; /* 控制最多显示几行 */      
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */   
}

@media screen and (max-width: 1420px){
  .swiper-container3 .swiper-wrapper .swiper-slide div{
    height: 62px;
    padding: 10px 10px;
  }
  .swiper-container3 .swiper-wrapper .swiper-slide div p{
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }
  .icon{
    flex: 1;
  }
  .product_swiper{
    margin-top: 50px;
  }
  .dynamic_detail{
    display: block;
  }
  .dynamic_imgs{
    width: 100%;
    margin-right: 0;
  }
  .who_left{
    margin-right: 50px;
  }
  .who_right{
    width: 250px;
  }
}

@media screen and (max-width: 764px){
  .who{
    padding: 60px 0;
  }
  .who_detail{
    display: block;
  }
  .who_left{
    margin-right: 0;
  }
  .who_right{
    margin-top: 20px;
    width: 100%;
  }
  .who_header h3{
    font-size: 24px;
  }
  .who_title{
    font-size: 16px;
    line-height: 50px;
  }
  .who_text{
    margin-top: 20px;
    font-size: 14px;
  }
  .who_btn{
    margin-top: 25px;
    height: 40px;
    line-height: 40px;
    width: 110px;
  }
  .icons{
    font-size: 14px;
  }
  .icon img{
    height: 47px;
  }
  .product{
    padding: 40px 0 ;
  }
  .product_title h3{
    font-size: 26px;
  }
  .product_title p{
    font-size: 16px;
    margin-top: 20px;
  }
  .product_swiper{
    margin-top: 30px;
  }
  .product_btn{
    margin-top: 35px;
    height: 40px;
    line-height: 40px;
    width: 110px;
  }
  .product_btn a{
    font-size: 14px;
  }
  .swiper-container3 .swiper-wrapper .swiper-slide div h4{
    font-size: 16px;
  }
  .swiper-container3 .swiper-wrapper .swiper-slide div p{
    font-size: 14px;
  }
  .dynamic h3{
    font-size: 26px;
  }
  .dynamic{
    padding: 40px 0;
  }
  .dynamic_detail{
    padding: 30px 20px;
  }
  .dynamic_img_date p{
    font-size: 14px;
  }
  .dynamic_img_text h4{
    font-size: 16px;
  }
  .dynamic_img_text p{
    font-size: 14px;
  }
  .dynamic_date{
    width: 49px;
    height: 66px;
    background: #b7c3d1;
    font-size: 14px;
    font-weight: 600;
    padding: 3px 5px;
    border-radius: 4px;
    margin-right: 15px;
  }
  .dynamic_text_r h4{
    font-size: 16px;
  }
  .dynamic_text_r p{
    font-size: 14px;
    line-height: 24px;
  }
  .dynamic_text li a{
    padding: 20px;
  }
  .dynamic_btn{
    margin-top: 35px;
    height: 40px;
    line-height: 40px;
    width: 110px;
    background-size: 100% 100%;
  }
  .dynamic_btn a{
    font-size: 14px;
  }
  .icons p{
    line-height: 1;
    margin-top: 23px;
    color: #95bbe1;
    font-size: 12px;
  }
  .swiper-button-next3,.swiper-button-prev3{
    display: none;
  }
}