.section1 .wrap {display: flex;}
.section1 .wrap .left {flex: 1;padding-left: calc(50vw - 585px);padding-right: 70px;display: flex;flex-direction: column;justify-content: center;}
.section1 .wrap .left h3 {color: #1a1a1a;font-size: 28px;line-height: 40px;margin-bottom: 60px;}
.section1 .wrap .left div:nth-child(2).aos-animate {transition-delay: 0.1s;}
.section1 .wrap .left p {color: #1a1a1a;font-size: 20px;line-height: 34px;}
.section1 .wrap .right {width: 50%;position: relative;}
.section1 .wrap .right .img img {width: 100%;}
.section1 .wrap .right .play {width: 80px;height: 80px;left: 50%;top: 50%;transform: translate(-50%, -50%);position: absolute;transition: all 0.6s;cursor: pointer;}
.section1 .wrap .right .play .orange {position: absolute;z-index: 19999999;width: 100%;opacity: 0;left: 0;}
.section1 .wrap .right .play img {transition: all 1s;}
.section1 .wrap .right .play:hover img {opacity: 0;}
.section1 .wrap .right .play:hover .orange {opacity: 1;}

.section2 {background-color:#F6F6F6}
.section2 .wrap {padding-top: 70px;padding-bottom: 60px;width: 1600px;margin: 0 auto; }
.section2 .wrap .title {}
.section2 .wrap .title div:nth-child(2).aos-animate {transition-delay: 0.1s;}
.section2 .wrap .title h3 { font-size: 28px;color: #fff;font-weight: 400;margin-bottom: 20px;}
.section2 .wrap .title p {color: #fff;width: 500px; font-size: 20px;line-height: 32px;}
.section2 .wrap .list {display: flex;justify-content: space-between;margin-top: 60px;}
.section2 .wrap .list.aos-animate {transition-delay: 0.2s;}
.section2 .wrap .list .item {width: 376px;}
.section2 .wrap .list .item .img {overflow: hidden;}
.section2 .wrap .list .item .img:hover img {transform: scale(1.1);}
.section2 .wrap .list .item .img img {transition: all 1s;}
.section2 .wrap .list .item p {color: #fff; font-size: 20px;margin-top: 20px;}
.section2 .wrap .list .item .img img{width: 100%;}
.section2 .wrap .list{justify-content: start;}
.section2 .wrap .list .item{width: 32%;}
.section2 .wrap .list .item:nth-child(3n-1){margin: 0 2%;}

.section3 .wrap {width: 1300px;margin: 0 auto;padding-top: 72px;padding-bottom: 105px;}
.section3 .wrap .list {display: flex;justify-content: space-between;gap: 30px;}
.section3 .wrap .trem{flex: 1;}
.section3 .wrap .trem .title h3 {color: #1A1A1A; font-size: 28px;margin-bottom: 40px;}
.section3 .wrap .trem .main .img {height: 312px;margin-bottom: 30px;overflow: hidden;}
.section3 .wrap .trem .main .img:hover img {transform: scale(1.1);}
.section3 .wrap .trem .main .img.aos-animate {transition-delay: 0.1s;}
.section3 .wrap .trem .main .img img {height: 100%;transition: all 1s;}
.section3 .wrap .trem .main .text {color: #333;margin-bottom: 20px; font-size: 20px;line-height: 32px;}
.section3 .wrap .trem .main .text.aos-animate {transition-delay: 0.2s;}
.section3 .wrap .more {width: fit-content;margin: 0 auto;}
.section3 .wrap .more.aos-animate {transition-delay: 0.3s;}
.section3 .wrap .more a { width: 185px;height: 52px;background-color: #005883;color: #fff; font-size: 18px;justify-content: center;align-items: center;display: flex;font-weight: 700;margin-top: 40px;border: 1px solid #005883;transition: all 1s;}
.section3 .wrap .more a:hover {color: #005883;background-color: #fff;}

.section4 {background-color: #f6f6f6;}
.section4 .wrap {width: 1300px;margin: 0 auto;padding-top: 80px;padding-bottom: 76px;}
.section4 .wrap .title {text-align: center;margin-bottom: 40px;line-height: 32px;}
.section4 .wrap .title h3 { font-size: 28px;color: #1a1a1a;font-weight: 400;}
.section4 .wrap .list {display: flex;justify-content: center;}
.section4 .wrap .list .item {width: 180px;}
.section4 .wrap .list .item img {width: 100%;}
.section4 .wrap .list .item:not(:last-child) {margin-right: 48px;}  

@media screen and (max-width: 1919px) {
.section1 .wrap .left {padding-left: calc(-30.46875vw + 50vw);padding-right: 3.6458333333vw;}
.section1 .wrap .left h3 {font-size: 1.4583333333vw;line-height: 2.0833333333vw;margin-bottom: 3.125vw;}
.section1 .wrap .left p {font-size: 1.0416666667vw;line-height: 1.7708333333vw;}
.section1 .wrap .right .play {width: 4.1666666667vw;height: 4.1666666667vw;}

.section2 .wrap {padding-top: 3.6458333333vw;padding-bottom: 3.125vw;width: 60.9375vw;}
.section2 .wrap .title h3 {font-size: 1.4583333333vw;margin-bottom: 1.0416666667vw;}
.section2 .wrap .title p {width: 26.0416666667vw;font-size: 1.0416666667vw;line-height: 1.6666666667vw;}
.section2 .wrap .list {margin-top: 3.125vw;}
.section2 .wrap .list .item p {font-size: 1.0416666667vw;margin-top: 1.0416666667vw;}

.section3 .wrap {width: 60.9375vw;padding-top: 3.75vw;padding-bottom: 5.46875vw;}
.section3 .wrap .list {gap: 1.5625vw;}
.section3 .wrap .trem .title h3 {font-size: 1.4583333333vw;margin-bottom: 2.0833333333vw;}
.section3 .wrap .trem .main .img {height: 16.25vw;margin-bottom: 1.5625vw;}
.section3 .wrap .trem .main .text {margin-bottom: 1.0416666667vw;font-size: 1.0416666667vw;line-height: 1.6666666667vw;}
.section3 .wrap .more a {width: 9.6354166667vw;height: 2.7083333333vw;font-size: 0.9375vw;margin-top: 2.0833333333vw;}

.section4 .wrap {width: 60.9375vw;padding-top: 4.1666666667vw;padding-bottom: 3.9583333333vw;}
.section4 .wrap .title {margin-bottom: 2.0833333333vw;line-height: 1.6666666667vw;}
.section4 .wrap .title h3 {font-size: 1.4583333333vw;}
.section4 .wrap .list .item {width: 9.375vw;}
.section4 .wrap .list .item:not(:last-child) {margin-right: 2.5vw;}
}

@media screen and (max-width: 1024px) {
.section1 .wrap{flex-direction: column;}
  .section1 .wrap .left{padding: 60px 5vw;}
  .section1 .wrap .left h3{font-size: 28px;line-height: 1.2;margin-bottom: 20px;}
  .section1 .wrap .left p{font-size: 14px;line-height: 2;}
  .section1 .wrap .right{width: 100%;}
  .section2 .wrap{width: 90%;padding: 60px 0;}
  .section2 .wrap .title h3{font-size: 28px;margin-bottom: 20px;}
  .section2 .wrap .title p{font-size: 14px;width: 100%;line-height: 2;}
  .section2 .wrap .list .item{width: 32%;}
  .section2 .wrap .list{gap: 2%;}
  .section2 .wrap .list .item p{font-size: 14px;margin-top: 10px;}
  .section3 .wrap{width: 90%;}
  .section3 .wrap .trem .title h3{font-size: 24px;}
  .section3 .wrap .list{gap: 20px;}
  .section3 .wrap .trem .main .text{margin-bottom: 0;font-size: 14px;line-height: 2;}
  .section3 .wrap .trem .main .img img{width: 100%;height: auto;}
  .section3 .wrap .trem .main .img{height: auto;margin-bottom: 20px;}
  .section3 .wrap .list{flex-direction: column;}
  .section3 .wrap .trem .title h3 {font-size: 20px;margin-bottom: 20px;}
  .section3 .wrap .more a{width: 120px;height: 40px;display: flex;align-items: center;justify-content: center;padding: 0;margin-top: 30px;}
  .section3 .wrap{padding: 60px 0;}
  .section4 .wrap{width: 90%;padding-top: 60px;padding-bottom: 60px;}
  .section4 .wrap .title{margin-bottom: 20px;}
  .section4 .wrap .title h3{font-size: 24px;line-height: 1.6;}
  .section4 .wrap .list .item{width: 120px;height: auto;}
  .section4 .wrap .list .item:not(:last-child) {margin-right: 30px;}
  .section2 .wrap .list .item:nth-child(3n-1){margin: 0;}
  .section3 .wrap .more a {font-size: 14px;}
}


@media screen and (max-width:767px) {.section1 .wrap .left {padding: 50px 5vw;}
  .section1 .wrap .left h3 {font-size: 24px;}
  .section2 .wrap .title h3{font-size: 24px;}
  .section2 .wrap .list{flex-wrap: wrap;gap: 20px 0;justify-content: space-between;}
  .section2 .wrap .list .item{width: calc(33% - 10px);}
  .section2 .wrap .list .item.p { font-size:12px;}
  .section2 .wrap {padding:50px 0;}
  .section3 .wrap .trem .main .img{margin-bottom: 10px;}
  .section3 .wrap{padding: 50px 0;}
  .section4 .wrap{padding-top: 50px;padding-bottom: 50px;}
  .section4 .wrap .title h3 {font-size: 20px;}
  .section4 .wrap .list .item:not(:last-child) {margin-right: 10px;}
}
@media screen and (max-width:540px) {.section2 .wrap .list .item{width: 100%;}
  .section4 .wrap .list .item{flex: 1;}
}