@charset "UTF-8";

.benner-box{
  position: relative;
  overflow: hidden;
  background: #dce4e5;
  padding: 150px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.benner-box .item-txt-box{
  width: 40%;
}
.benner-box .item-txt-box h1{margin-bottom: 0;margin-top: 0;font-size: 50px;font-weight: bold;}
.benner-box .item-txt-box h1:nth-child(2){font-weight: normal;}
.benner-box .item-txt-box p{width: 50%;font-size: 14px;}
.benner-box .item-txt-box div{display: flex;flex-wrap: wrap;align-items: center;margin-top: 50px;}
.benner-box .item-txt-box div a{margin-right: 20px;margin-top: 20px;}
.benner-box .item-txt-box a{position: relative; font-size: 16px;color: #fff;text-decoration: none;text-align: center;display: flex;align-items: center;justify-content: center; width: 121px;height: 40px;background: #f37d21;box-sizing: border-box; border-radius: 10px;}
.benner-box .item-txt-box a::after{
  content: '';
  display: block;
  position: absolute;
  left: -6px;
  top: -6px;
  width: 131px;
  height: 50px;
  border: 1px solid #333333;
  border-radius: 10px;

}
.benner-box .item-txt-box a:hover{background: #bb6b2d;}
.benner-box .item-img-box{
  width: 40%;
}
.benner-box .item-img-box img{width: 100%;}
img{max-width: 100%;}
.community{margin: 150px auto;}
.community h2{text-align: center;display: block;font-size: 30px;color: #333333;}
.community img{display: block;margin: 0 auto;margin-bottom: 80px;height: auto;}
.important{margin-bottom: 4rem;}
.important h2{font-size: 36px;text-align: center;color: #333333;margin-top: 50px;font-weight: bold;}
.important .four{display: flex;justify-content: space-between;flex-wrap: wrap;}
.important .four .itemss{width: 50%;position: relative;}
.important .four .itemss>img{width: 100% !important;height: 100% !important;object-fit: cover;aspect-ratio: 0 !important;}
.important .four .itemss .in{position: absolute;left: 0;top: 50%;color: #fff; transform: translateY(-50%); width: 100%; display: flex;align-items: center;justify-content: center;}
.important .four .itemss .in .icos{width: 100px;}
.important .four .itemss .in .con{width: 50%;}
.important .four .itemss .in .con h4{font-size: 30px;margin-bottom: 0;margin-top: 0;}
.important .four .itemss .in .con p{font-size: 15px;}
.team{position: relative;}
.team .inner{max-width: 70%;margin: 270px auto;}
.team .top-header{display: flex;align-items: center;justify-content: space-between;}
.team .top-header .left em{font-size: 14px;text-transform: uppercase;}
.team .top-header .left h2{font-size: 36px;margin: 0;}
.team .top-header .left h2 b{color: f37d21;display: inline-block;}
.team .top-header .right .arrow {width: 150px;position: relative;}
.team .top-header .right .arrow .swiper-button-prev{width: 60px;height: 40px;background: #f37d21;display: flex;align-items: center;justify-content: center;}
.team .top-header .right .arrow .swiper-button-prev::after{color: #fff;font-size: 16px;}
.team .top-header .right .arrow .swiper-button-next{width: 60px;height: 40px;background: #f37d21;display: flex;align-items: center;justify-content: center;}
.team .top-header .right .arrow .swiper-button-next::after{color: #fff;font-size: 16px;}
.team .swiper-wrapper{height: auto;}
.team .swiper-slide{position: relative;box-sizing: border-box;padding-left: 30px;padding-top: 30px;}
.team .swiper-slide .boximg{position: relative;}
.team .swiper-slide .boximg::before{
  content: '';
  display: block;
  width: 55px;
  height: 55px;
  background: url(../img/p4-02.png) no-repeat top center;
  background-size: cover;
  position: absolute;
  left: -15px;
  top: -15px;
}
.team .swiper-slide h4{font-size: 22px;font-weight: bold;}
.team .swiper-slide dl dd{font-size: 12px; margin-left: 0; display: flex;align-items: center;margin: 5px 0;}
.team .swiper-slide dl dd img{margin-right: 10px;}
.team .swiper-slide p{font-size: 12px;}
.team .awrods{position: absolute;bottom: -150px;left: 0;border-bottom: 10px solid #f37d21;width: 600px;}
.team .awrods img{}
.feature{max-width: 60%;margin: 0 auto;}
.feature .header{display: flex;align-items: center;justify-content: space-between;}
.feature .header h2{width: 500px; font-size: 36px;color: #333333;}
.feature .header p{width: calc(100% - 500px);}
.feature img{display: block;margin: 50px auto;max-width: 100%;}
.feature .more{position: relative; font-size: 30px;color: #fff;text-decoration: none;text-align: center;display: flex;align-items: center;justify-content: center; width: 225px;height: 78px;background: #f37d21;box-sizing: border-box; border-radius: 10px;margin: 50px auto;}
.feature .more::after{
  content: '';
  display: block;
  position: absolute;
  left: -6px;
  top: -6px;
  width: 235px;
  height: 88px;
  border: 1px solid #333333;
  border-radius: 10px;

}
.feature .more:hover{background: #bb6b2d;}
.last img{display: block;margin: 160px auto 80px auto;}
.footer{background: #b6ada6;position: relative;overflow: hidden;padding: 80px 0px;}
.footer .inner{max-width: 70%;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer .inner .left{width: 40%;}
.footer .inner .left h2{font-size: 48px;color: #fff;margin-bottom: 0;margin-top: 0;}
.footer .inner .left h3{font-size: 28px;color: #fff;margin-top: 0;}
.footer .inner .left dl dd{color: #fff; margin-bottom: 5px; margin-left: 0; display: flex;align-items: center;font-size: 26px;}
.footer .inner .left dl dd img{margin-right: 5px;}
.footer .inner .copyright{width: 40%;}
.footer .inner .copyright p{font-size: 18px;color: #fff;margin-bottom: 5px;}
.footer .inner .copyright span{display: block;font-size: 12px;color: #fff;line-height: 2;}

/* 模块1样式  end*/
@media (max-width: 1440px) {
  .benner-box .item-txt-box h1{font-size: 45px;}
  .benner-box .item-txt-box p{width: 60%;}
  .important .four .itemss .in .con h4{font-size: 24px;}
  .important h2{font-size: 30px;}
  .community h2{font-size: 24px;}
  .team .top-header .left h2{font-size: 30px;}
  .feature .header h2{font-size: 30px;}
  .footer .inner{max-width: 90%;}
  .feature{max-width: 80%;}
}
@media (max-width: 820px) {
  .feature .header h2{width: 300px;}
  .feature .header p{width: calc(100% - 300px);}
  .footer .inner .left h2{font-size: 40px;}
  .footer .inner .left dl dd{font-size: 20px;}
  .team .awrods{position: relative;top: 0;}
  .team .inner{max-width: 90%;}
  .benner-box .item-txt-box h1{font-size: 30px;}
  .benner-box .item-txt-box{width: 45%;}
  .benner-box .item-img-box{width: 45%;}
  .important .four .itemss{width: 100%;}
}
@media (max-width: 575px) {
/*font-size: 14px;*/

  html {
    font-size: 12px;
  }
  .benner-box{flex-direction: column-reverse;padding: 50px 15px;}
  .benner-box .item-txt-box{width: 100%;margin-top: 2rem;}
  .benner-box .item-img-box{width: 100%;}
  .important .four .itemss .in .con p{margin-top: 10px;margin-bottom: 0;}
  .feature .header{flex-wrap: wrap;}
  .feature .header h2{width: 100%;text-align: center;}
  .feature .header p{width: 100%;margin-top: 1.5rem;text-align: center;}
  .footer .inner .left{width: 100%;}
  .footer .inner .copyright{width: 100%;}
  .important .four .itemss .in .con h4{font-size: 20px;}
  .feature .header h2{font-size: 24px;}
  .feature .more{font-size: 20px;}
  .footer .inner .left h2{font-size: 24px;}
  .footer .inner .left h3{font-size: 18px;}
  .footer{padding: 40px 0px;}
  .benner-box .item-txt-box p{width: 100%;}
  .benner-box .item-txt-box div{margin-top: 20px;}
  .important .four .itemss>img{height: 121.5px !important;}
}