


/* ===============关于我们====================== */
.vide video{width: 100%;display: block;}
.jianjie{
  padding-top: 100px;
}
.jianjie h2{
  font-size: 42px;
  line-height: 62px;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'SourceHanSansCN-Medium';
}
.jianjie .mobile-des{
  display: none;
}
.des,.des p{
  color: #999999;
  line-height: 34px;
  font-size: 18px;
}
.des p{
  margin-bottom: 16px;
}
.aboutbg{
  height: 480px;
  margin-top: 40px;
  background: url(../images/bg_about.jpg) no-repeat center top;
}
.aboutbg .mao{
  transition: all ease-in-out .2s;
  width: 132px;
  height: 182px;
  margin: 0 40px;
  position: relative;
  top: 0;
  background: rgba(255, 255, 255, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(8.5px);
}

.aboutbg .mao .pic img{
  width: 70px;
  height: 70px;
  display: block;
}
.aboutbg .mao .pp{
  color: #fff;
  font-size: 20px;
  margin-top: 16px;
}
.aboutbg .mao:hover{
  backdrop-filter: blur(3.5px);
  top: -20px;
}


/* 用实力创造品质 */
.about2{
  height: 700px;
  margin-top: 100px;

  background: url(../images/bg_about2.jpg) no-repeat center top;
}
.about2 .tit{
  text-align: center;
  padding-top: 100px;

}
.about2 .tit h2{
  font-size: 42px;
  line-height: 62px;
  margin-bottom: 20px;
  font-family: 'SourceHanSansCN-Medium';
}

.about2 .tit p{
  font-size: 20px;
  line-height: 30px;
}

.about2-bot{margin-top: 40px;}
.about2-bot .itm{
  height: 160px;
  margin: 0 20px 20px 0;
  transition: all ease-in-out .2s;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(6px);
  position: relative;
  top: 0;
}
.about2-bot .itm .text{
  transition: all ease-in-out .2s;
  color: #656565;
}
.about2-bot .itm .num{
  display: flex;
  
}
.about2-bot .itm .num .text1{
  font-size: 40px;
  font-family: 'SourceHanSansCN-Medium';
}
.about2-bot .itm .pp{
  color: #656565;
  transition: all ease-in-out .2s;
}
.about2-bot .itm1,.about2-bot .itm2,.about2-bot .itm3,.about2-bot .itm4{
  width: 334px;
}
.about2-bot .itm5,.about2-bot .itm6,.about2-bot .itm7{
  width: 452px;
}

.about2-bot .itm:hover .text,.about2-bot .itm:hover .pp{
  color: #303133;
}
.about2-bot .itm4,.about2-bot .itm7{
  margin-right: 0;
}


/* 董事长致辞 */
.about3{

  background: url(../images/bg_about3.jpg) no-repeat center top;
}
.about3i{
  height: 790px;
}
.about3 .bg_dsz{
  background: url(../images/dsz.png) no-repeat right center;
}
.about3-l{
  width: 760px;
  padding-top: 120px;
}
.about3-l h2{
  margin-bottom: 60px;
  position: relative;
  font-size: 42px;
  line-height: 62px;
  font-family: 'SourceHanSansCN-Medium';
}
.about3-l h3{
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
  font-family: 'SourceHanSansCN-Medium';
}
.about3-l p{
  line-height: 34px;
  color: #666;
  margin-bottom: 50px;
}
.about3 .culture .swiper{
    padding-top:20px;
}
.about3 .culture .itm{
  width: 240px;
  height: 183px;
}
.about3 .culture .itm .tit{
  position: relative;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 27px;
  font-family: 'SourceHanSansCN-Medium';
}
.about3 .culture .itm{
  border-radius: 7px;
  position: relative;
  transition: all ease-in-out .2s;
  text-align: center;
}
.about3 .culture .swiper-slide{
transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (min-width: 1200px){
    .about3 .culture .swiper-slide:hover{
        margin-top:-20px;
    }
}

.about3 .culture .itm .pp{
  color: #7A7A7A;
  line-height: 29px;
}

.about3 .culture .itm .tit::after{
  position: absolute;
  width: 35px;
  height: 2px;
  left: 50%;
  content: "";
  transform: translateX(-50%);
  bottom: -12px;
  background: #16813D;
}
.about3-l h2::after{
  position: absolute;
  left: 0;
  content: "";
  bottom: -30px;
  width: 91px;
  height: 3px;
  background: #16813D;
}
.about3-r{
  width: 485px;
  
}
.about3-r .pic{
  width: 100%;
}
.about3-r img{
  display: block;
  width: 100%;
}

/* 发展历程 */
.about4{
  background: url(../images/bg_about4.jpg) no-repeat center top;
  height: 600px;
}
.about4 .tit{
  text-align: center;
  padding-top: 80px;
  margin-bottom: 40px;
}
.about4 .tit h2,.about4 .tit p{
  color: #fff;
}
.about4 .tit h2{
  font-weight: 500;
  font-size: 42px;
  line-height: 62px;
  margin-bottom: 12px;
  font-family: 'SourceHanSansCN-Medium';
}
.about4 .tit p{
  font-size: 20px;
  line-height: 30px;
}
.swper.mySwiper{
  overflow: hidden;
  height: 300px;
} 
.swper .swiper-wrapper .swiper-slide{
  background: none;
  display: block;
  margin-right: 0!important;
  transform: none;
  text-align: left;
  width: 296px!important;
}
.swper .swiper-wrapper .swiper-slide:nth-child(2){
  width: 526px!important;
}
.swper .swiper-pagination{
  bottom: 0px!important;
}
.about4 .swper.aboutswp .swiper-pagination .swiper-pagination-bullet{
  background: url(../images/aboutdot.png) no-repeat center center;
  background-size: 16px;
  opacity: 1;
}
.about4 .swper.aboutswp .swiper-pagination .swiper-pagination-bullet-active{
  background: url(../images/dothover.png) no-repeat center center;
  background-size: 16px;
}
.splist .dd{
  position: relative;
  border-top: 1px solid rgba(255,255,255,0.5);
  padding: 24px 40px 0 20px;
}
.splist .dd::before{
  position: absolute;
  content: "";
  background: #FFFFFF;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  left: 3px;
  top: 66px;
}
.splist .dd .ddp{
  position: relative;
  width: 268px;
  height: 104px;
  box-sizing: border-box;
  padding: 0 20px;
  transition: all ease-in-out .2s;
  background: rgba(0, 0, 0, 0.17);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4.5px);
  border-radius: 4px;
}
.swper .swiper-wrapper .swiper-slide:nth-child(2) .dd .ddp{
  width: 469px;
}
.splist .dd .ddp::before{
  position: absolute;
  content: "";
  width: 1px;
  height: 69px;
  background: #FFFFFF;
  left: -14px;
  top: -20px;

}
.splist .dd .ddp h3,.splist .dd .ddp p{
  color: #fff;
  transition: all ease-in-out .2s;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; 

}
.splist .dd .ddp h3{
  font-size: 16px;
  margin-bottom: 4px;
  line-height: 22px;
}
.splist .dd .ddp p{
  font-size: 14px;
  line-height: 21px;
}
.splist .dt{
  font-size: 30px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  font-family: 'SourceHanSansCN-Medium';
}
.splist .dt::after{
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border-radius: 50%;
  left: 0;
  bottom: -27px;
}

.splist .dd .ddp:hover{
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.44);
  backdrop-filter: blur(3px);
}
.splist .dd .ddp:hover h3,.splist .dd .ddp:hover p{
  color: #16813D;
}


/* 荣誉资质 */
.about5{
  background: #F5F6F8;
  padding: 120px 0 80px;
}
.about5 .tit{
  text-align: center;
}
.about5 .tit h2{
  font-size: 42px;
  line-height: 62px;
  margin-bottom: 12px;
  font-family: 'SourceHanSansCN-Medium';
}
.about5 .tit p{
  font-size: 20px;
  line-height: 30px;
  color: #999999;
}
.about5 .honorpics{
  margin-top: 40px;
}
.about5 .honorpics a{
  margin-right: 40px;
  display: block;
  margin-bottom: 36px;
}
.about5 .honorpics a img{
  width: 320px;
  height: 240px;
  object-fit: cover;
}
.about5 .honorpics a.a4,.about5 .honorpics a.a9{
  margin-right: 0;
}
.about5 .honorpics a.a7 img,.about5 .honorpics a.a8 img,.about5 .honorpics a.a9 img{
  width: 172px;
  height: 240px;
}
.about5 .honorpics a.a7,.about5 .honorpics a.a8{
  margin-right: 80px;
}

/* 合作媒体 */
.about6{
  background: #fff;
  padding-bottom: 0;
}
.honerpics{
  margin-top: 40px;
}
.honerpics a{
  border: 1px solid #F1F1F1;
  width: 252px;
  height: 98px;
  display: flex;
  margin: 0 35px 35px 0;
  justify-content: center;
  align-items: center;
}
.honerpics a img{
  max-width: 148px;
  max-height: 62px;
  object-fit: cover;
}
.honerpics a:nth-child(5n){
  margin-right: 0;
}










