/* 
.common_title h3 {
  font-size: 46px;
} */
.sec1 .wrap {
  padding-top: 84px;
  padding-bottom: 86px;
}
.sec1 .wrap .main {
  margin-top: 36px;
  /* width: 1194px; */
  margin-left: auto;
  display: grid;
  gap: 20px 30px;
  grid-template-columns: repeat(3,1fr);
  margin-right: auto
}
/* .sec1 .wrap .main .swiper {
  margin-bottom: 43px;
}
.sec1 .wrap .main .swiper-slide{
  height: auto;
} */
.sec1 .wrap .main .item {
  /* width: 378px; */
  background-color: #F5F5F5;
  /* height: 184px; */
  height: 100%;
  padding: 30px 40px;
  border-radius: 14px;
}
.sec1 .wrap .main .item .icon {
  margin-bottom: 33px;
  width: fit-content;
  height: 40px;
}
.sec1 .wrap .main .item .icon img {
  width: 100%;
  height: 100%;
}
.sec1 .wrap .main .item .icon .text h4 {
  color: #1a1a1a;
  font-size: 18px;
}
.sec2 {
  overflow: hidden;
}
.sec2 .wrap {
  /* padding-left: calc(50% - 800px); */
  width: 1600px;
  margin: 0 auto;
  padding-top: 110px;
  padding-bottom: 110px;
}
.sec2 .wrap .common_title {
  width: 1600px;
  margin-bottom: 68px;
}
.sec2 .wrap .main {
  margin-top: 30px;
}
.sec2 .wrap .main {
  width:100%;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4,1fr);
  /* margin-bottom: 52px; */
}
/* .sec2 .wrap .main .swiper .swiper-slide{
  height: auto;
}

.sec2 .wrap .main .swiper .item {
  height: 100%;
} */
.sec2 .wrap .main .item {
  padding: 15px 15px 30px;
  border: 1px solid #E9E9E9;
  border-radius: 30px;
  cursor: pointer;
}
.sec2 .wrap .main .item .img {
  border-radius: 12px;
  overflow: hidden;
  height: 220px;
  margin-bottom: 20px;
}
.sec2 .wrap .main .item .img img {
  width: 100%;
  height: 100%;
  transition: all 1s;
}
.sec2 .wrap .main .item .text {
  width: 100%;
}
.sec2 .wrap .main .item .text h4 {
  color: #1A1A1A;
  font-size: 20px;
  margin-bottom: 13px;
  transition: all 0.6s;
}
.sec2 .wrap .main .item:hover .img img {
  transform: scale(1.05);
}
.sec2 .wrap .main .item:hover .text h4 {
  color: #FF6E11;
}
/* .sec2 .wrap .main .common_swiper_tab {
  width: 1600px;
} */
.common_sec1 {
  background-color: #FAFAFA;
}
.common_sec1 .wrap {
  padding-top: 104px;
  padding-bottom: 90px;
}
/* .common_sec1 .wrap .list .item .icon {
  margin-bottom: 30px;
}
.common_sec1 .wrap .list .item .tit {
  margin-bottom: 40px;
} */
.sec4 .wrap {
  padding-top: 110px;
  padding-bottom: 120px;
}
.sec4 .wrap .top {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.sec4 .wrap .top .left {
  width: 645px;
}
.sec4 .wrap .top .right {
  width: 630px;
}
.sec4 .wrap .top .right .title {
  margin-bottom: 50px;
}
.sec4 .wrap .top .right .title h3 {
  color: #111;
  font-size: 40px;
}
.sec4 .wrap .top .right .content {
  padding-left: 25px;
}
.sec4 .wrap .top .right .content .trem:not(:last-child) {
  margin-bottom: 20px;
}
.sec4 .wrap .top .right .content .trem h4 {
  color: #000;
  font-size: 24px;
  margin-bottom: 8px;
  position: relative;
}
.sec4 .wrap .top .right .content .trem h4::after {
  position: absolute;
  left: -25px;
  top: 6px;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  background-color: #FF6E11;
}
.sec4 .wrap .top .right .content .trem p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.sec5 .wrap {
  padding: 50px 150px 78px;
  border-radius: 49px;
  border: 1px solid #E9E9E9;
  background: #FAFAFA;
}
.sec5 .wrap .common_title {
  margin-bottom: 40px;
}
.common_sec2 {
  padding-top: 70px;
}
.common_sec2 .wrap .main .item .img {
  padding: 0;
  overflow: hidden;
}
.common_sec2 .wrap .main .item .img img{
  width: 100%;
  height: 100%;
}
.sec1 .wrap .main .item .text h4{
  font-size: 18px;
}
.sec1 .wrap .main .item .text p{
  font-size: 16px;
}

.sec2 .wrap .main .swiper .item .text p{
  font-size: 16px;
}
.sec2 .wrap .main .swiper .item .text h4{
  font-size: 24px;
}
.sec1 .wrap .main .item .text h4{
  font-size: 24px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1919px) {

/* .common_title h3{
font-size: 2.3958333333vw;
} */

.sec1 .wrap{
padding-top: 4.375vw;
 padding-bottom: 4.4791666667vw;
}
.sec1 .wrap .main{
margin-top: 1.875vw;
 /* width: 62.1875vw; */
 gap: 1.0416666667vw 1.5625vw;
}
.sec1 .wrap .main .item{
/* width: 19.6875vw; */
 padding: 1.5625vw 2.0833333333vw;
 border-radius: 0.7291666667vw;
}
.sec1 .wrap .main .item .icon{
margin-bottom: 1.71875vw;
 height: 2.0833333333vw;
}
.sec1 .wrap .main .item .icon .text h4{
font-size: 0.9375vw;
}




.sec2 .wrap{
width: 83.3333333333vw;
 padding-top: 5.7291666667vw;
 padding-bottom: 5.7291666667vw;
}
.sec2 .wrap .common_title{
width: 83.3333333333vw;
 margin-bottom: 3.5416666667vw;
}
.sec2 .wrap .main{
margin-top: 1.5625vw;
}
.sec2 .wrap .main{
gap: 1.0416666667vw;
 /* margin-bottom: 2.7083333333vw; */
}
.sec2 .wrap .main .item{
padding: 0.78125vw 0.78125vw 1.5625vw;
 border-radius: 1.5625vw;
}
.sec2 .wrap .main .item .img{
border-radius: 0.625vw;
 height: 11.4583333333vw;
 margin-bottom: 1.0416666667vw;
}
.sec2 .wrap .main .item .text h4{
font-size: 1.0416666667vw;
 margin-bottom: 0.6770833333vw;
}
.sec2 .wrap .main .item .text p{
  font-size: 0.833333333vw;
}


.common_sec1 .wrap{
padding-top: 5.4166666667vw;
 padding-bottom: 4.6875vw;
}
/* .common_sec1 .wrap .list .item .icon{
margin-bottom: 1.5625vw;
}
.common_sec1 .wrap .list .item .tit{
margin-bottom: 2.0833333333vw;
} */
.sec4 .wrap{
padding-top: 5.7291666667vw;
 padding-bottom: 6.25vw;
}
.sec4 .wrap .top{
width: 72.9166666667vw;
}
.sec4 .wrap .top .left{
width: 33.59375vw;
}
.sec4 .wrap .top .right{
width: 32.8125vw;
}
.sec4 .wrap .top .right .title{
margin-bottom: 2.6041666667vw;
}
.sec4 .wrap .top .right .title h3{
font-size: 2.0833333333vw;
}
.sec4 .wrap .top .right .content{
padding-left: 1.3020833333vw;
}
.sec4 .wrap .top .right .content .trem:not(:last-child){
margin-bottom: 1.0416666667vw;
}
.sec4 .wrap .top .right .content .trem h4{
font-size: 1.25vw;
 margin-bottom: 0.4166666667vw;
}
.sec4 .wrap .top .right .content .trem h4::after{
left: -1.3020833333vw;
 top: 0.3125vw;
 width: 0.625vw;
 height: 0.625vw;
}
.sec4 .wrap .top .right .content .trem p{
font-size: 0.8333333vw;
 line-height: 1.25vw;
}
.sec5 .wrap{
padding: 2.6041666667vw 7.8125vw 4.0625vw;
 border-radius: 2.5520833333vw;
}
.sec5 .wrap .common_title{
margin-bottom: 2.0833333333vw;
}
.common_sec2{
padding-top: 3.6458333333vw;
}
.sec1 .wrap .main .item .text h4{
  font-size: 0.9375vw;
}
.sec1 .wrap .main .item .text p{
  font-size: 0.8333333vw;
}
.sec2 .wrap .main .swiper .item .text p{
  font-size: 0.83333333vw;
}

.sec3.sec1 .wrap .main .item .text h4{
font-size: 1.25vw;
 margin-bottom: 0.5208333333vw;
}
.sec2 .wrap .main .swiper .item .text h4{
  font-size: 1.25vw;
}
}
@media screen and (max-width: 1024px) {
  .sec1 .wrap{
    padding: 50px 0;
  }
  .sec1 .wrap .main{
    margin-top: 30px;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    /* width: 100%; */
  }

  .sec1 .wrap .main .item .text h4{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .sec1 .wrap .main .item .text p{
    font-size: 14px;
  }
  .sec1 .wrap .main .item{
    padding:30px 20px;
    border-radius: 10px;
  }
  .sec1 .wrap .main .item .icon{
    height: 30px;
    margin-bottom: 20px;
  }
  .sec1 .wrap .main .swiper{
    margin-bottom: 30px
  }
  /* .common_title h3{
    font-size: 24px;
  } */
    .sec2 .wrap{
    width:90vw;
      margin: 0 auto;
      padding: 50px 0;
  }
  .sec2 .wrap .main .item{
    padding: 0;
  }
  .sec2 .wrap .main .item .img{
    margin-bottom: 0;
  }
  .sec2 .wrap .main .item .text{
    padding: 30px 20px;
  }
  .sec2 .wrap .common_title{
    width: 100%;

  }
  .sec2 .wrap .main{
    gap: 20px;
    margin-top: 30px;
    grid-template-columns: repeat(2,1fr);
  }
      .sec2 .wrap .main .item .img {
        border-radius: 10px;
        height: 23.458333vw;
      }
      .sec2 .wrap .main .item .text h4{
        font-size: 20px;
        margin-bottom: 10px;
      }
      .sec2 .wrap .main .item .text p{
        font-size: 14px;
      }
  /* .sec2 .wrap .main .swiper{
    width: 90vw;
  }
  .sec2 .wrap .common_title{
    width: 90vw;
  }
    .sec2 .wrap .main .swiper .item{
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
  }
  .sec2 .wrap .main .swiper .item .img{
    border-radius: 10px;
    height: 240px;
    margin-bottom: 0;
  }
  .sec2 .wrap .main .swiper .item .img img{
    height: 100%;
  }
  .sec2 .wrap .main .swiper .item .text{
    padding: 20px;
    width: 100%;
  }
  .sec2 .wrap .main .swiper .item .text h4{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .sec2 .wrap .main .swiper .item .text p{
    font-size: 14px;
    line-height: 2;
  }
  .sec2 .wrap .main .common_swiper_tab{
    width: 90vw;
  }
  .sec2 .wrap .main{
    margin-top: 0;
  }
  .sec2 .wrap .main .swiper{
    margin-bottom: 30px;
  } */
  .sec4 .wrap .top{
    width: 90vw;
    flex-direction: column;
  }
  .sec4 .wrap .top .left{
    width: 100%;
    margin-bottom: 20px;
  }
  .sec4 .wrap .top .left img{
    width: 100%;
  }
  .sec4 .wrap .top .right{
    width: 100%;
    margin-top: 30px;
  }
  .sec4 .wrap .top .right .title h3{
    font-size: 20px;
  }
  .sec4 .wrap .top .right .content .trem h4{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .sec4 .wrap .top .right .content .trem p{
    font-size: 14px;
    line-height: 2;
  }
  .sec4 .wrap .top .right .content .trem:not(:last-child){
    margin-bottom: 20px;
  }
  .sec4 .wrap .top .right .content{
    padding-left: 20px;
  }
  .sec4 .wrap .top .right .content .trem h4::after{
    width: 6px;
    height: 6px;
    top: 7px;
    left: -15px;
  }
  .sec4 .wrap .top .right .title{
    margin-bottom: 30px;
  }
  .sec5 .wrap{
    padding: 30px 20px;
  }
  
  .sec5 .wrap .common_title{
    margin-bottom: 30px;
  }
  .common_sec2{
    padding-top: 50px;
  }
  .common_sec2 .wrap .main .item .img{
    padding: 0;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
  }
  /* .common_sec1 .wrap .list .item .icon{
    margin-bottom: 10px;
  } */
  .common_sec1 .wrap{
    padding: 50px 0;
  }
  .sec4 .wrap{
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  /* .sec1 .wrap{
    width: 95vw;
    margin-right: 0;
  } */
   .sec1 .wrap .main{
    grid-template-columns: repeat(1,1fr);
   }
  .sec1 .wrap .common_title{
    width: 90vw;
  }
  .sec1 .wrap .common_swiper_tab{
    width: 90vw;
  }
  .sec2 .wrap .main .swiper .item .text{
    padding: 20px 15px;
  }
  /* .sec2 .wrap{
    width: 95vw;
    margin-right: 0;
  } */
  .sec2 .wrap .main .swiper{
    width: 100%;
  }
  .sec2 .wrap .main{

    grid-template-columns: repeat(1,1fr);
  }
      .sec2 .wrap .main .item .img {
        height: 42.458333vw;
    }
}