.section1 .wrap {padding-top: 40px;padding-bottom:10px;width: 1600px;margin: 0 auto;display: flex;align-items: center;}

.section1 .wrap .left {  margin: 0 10px;  flex: 1;text-align: center;}

.section1 .wrap .left div:nth-child(2).aos-animate {transition-delay: 0.1s;}

.section1 .wrap .left h3 {margin-bottom:40px;  font-size: 36px;color: #005883;}

.section1 .wrap .left p {color: #1a1a1a;  font-size: 20px;  line-height:30px;}

.section1 .wrap .right {width: 576px;height: 576px;display: flex;align-items: center;position: relative;justify-content: center;transition: all 1.5s;transform: scale(0);--n: 100;  --d: 2deg;  --t: 1px;}

.section1 .wrap .right.aos-animate {transform: scale(1);}

.section1 .wrap .right .img {width: 470px;}

.section1 .wrap .right::after {width: 518px;height: 518px;display: block;content: "";position: absolute;border-radius: 50%;padding: var(--t);background: #005883;-webkit-mask: linear-gradient(#0000 0 0) content-box, repeating-conic-gradient(from calc(var(--d)/2), #000 0 calc(360deg/var(--n) - var(--d)), #0000 0 calc(360deg/var(--n)));-webkit-mask-composite: source-in;mask: linear-gradient(#0000 0 0) content-box, repeating-conic-gradient(from calc(var(--d)/2), #000 0 calc(360deg/var(--n) - var(--d)), #0000 0 calc(360deg/var(--n)));mask-composite: intersect;animation: rotate 20s linear infinite;}

.section1 .wrap .right::before {width: 100%;height: 100%;display: block;content: "";position: absolute;border-radius: 50%;opacity: 0.2;padding: var(--t);background: #01000E;-webkit-mask: linear-gradient(#0000 0 0) content-box, repeating-conic-gradient(from calc(var(--d)/2), #000 0 calc(360deg/var(--n) - var(--d)), #0000 0 calc(360deg/var(--n)));-webkit-mask-composite: source-in;mask: linear-gradient(#0000 0 0) content-box, repeating-conic-gradient(from calc(var(--d)/2), #000 0 calc(360deg/var(--n) - var(--d)), #0000 0 calc(360deg/var(--n)));mask-composite: intersect;animation: rotate 20s reverse linear infinite;}

.section2 .wrap {position: relative;}
.section2 .wrap .bg img {width: 100%;}
.section2 .wrap .text {position: absolute;z-index: 10;left: 50%;top:40%;text-align: center;transform: translate(-50%, -50%);}
.section2 .wrap .text h3 {color: #fff;  font-size: 36px;margin-bottom: 30px;}
.section2 .wrap .text div:nth-child(2).aos-animate {transition-delay: 0.1s;}
.section2 .wrap .text p {color: #fff;  font-size: 20px;  line-height: 32px;}

.section3 .wrap {width: 1600px;margin: 0 auto;padding-top: 100px;padding-bottom: 130px;}
.section3 .wrap .title {text-align: center;color: #005883;  font-size: 38px;margin-bottom: 80px;}
.section3 .wrap .list {display: flex;justify-content: space-between;}
.section3 .wrap .list .item {display: flex;flex-direction: column;text-align: center; max-width: 260px;}
.section3 .wrap .list .item:nth-child(1).aos-animate {transition-delay: 0.1s;}
.section3 .wrap .list .item:nth-child(2).aos-animate {transition-delay: 0.2s;}
.section3 .wrap .list .item:nth-child(3).aos-animate {transition-delay: 0.3s;}
.section3 .wrap .list .item:nth-child(4).aos-animate {transition-delay: 0.4s;}
.section3 .wrap .list .item:nth-child(5).aos-animate {transition-delay: 0.5s;}

.section3 .wrap .list .item:nth-child(6).aos-animate {transition-delay: 0.6s;}

.section3 .wrap .list .item:nth-child(7).aos-animate {transition-delay: 0.7s;}

.section3 .wrap .list .item:hover .icon {transform: rotateY(360deg);}

.section3 .wrap .list .item:hover h3 {color: #005883;}

.section3 .wrap .list .item .icon {margin-bottom: 40px;transition: all 1s;}

.section3 .wrap .list .item h3 { font-size: 22px;color: #1a1a1a;transition: all 1s;margin-bottom: 40px;}

.section3 .wrap .list .item p {color: #888888; font-size: 20px; line-height: 32px;}

@keyframes rotate {from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

@media screen and (max-width: 1919px) {.section1 .wrap {padding-top: 3.0208333333vw;padding-bottom: 4.8958333333vw;width: 60.9375vw;}

  .section1 .wrap .left {margin: 0px 2.0833333333vw;}

  .section1 .wrap .left h3 {margin-bottom: 4.6875vw;font-size: 1.875vw;}

  .section1 .wrap .left p {font-size: 1.0416666667vw;line-height: 2.0833333333vw;}

  .section1 .wrap .right {width: 30vw;height: 30vw;}

  .section1 .wrap .right img {width: 24.4791666667vw;}

  .section1 .wrap .right::after {width: 26.9791666667vw;height: 26.9791666667vw;}

  .section2 .wrap .text h3 {font-size: 1.875vw;margin-bottom: 1.5625vw;}

  .section2 .wrap .text p {font-size: 1.0416666667vw;line-height: 1.6666666667vw;}

  .section3 .wrap {width: 72.9166666667vw;padding-top: 5.2083333333vw;padding-bottom: 6.7708333333vw;}

  .section3 .wrap .title {font-size: 1.9791666667vw;margin-bottom: 4.1666666667vw;}

  .section3 .wrap .list .item {max-width: 13.5416666667vw;}

  .section3 .wrap .list .item .icon {margin-bottom: 2.0833333333vw;height: 2.03125vw;}

  .section3 .wrap .list .item h3 {font-size: 1.1458333333vw;margin-bottom: 2.0833333333vw;}

  .section3 .wrap .list .item p {font-size: 1.0416666667vw;line-height: 1.6666666667vw;}

  
}
@media screen and (max-width: 1024px) {.section1 .wrap .right{transform: scale(1);}
  .section1 .wrap{width: 90%;padding-top: 60px;padding-bottom: 60px;}
  .section1 .wrap .left{margin-left: 0;margin-right: 40px;text-align: left;}
  .section1 .wrap .left h3{margin-bottom: 20px;font-size: 28px;}
  .section1 .wrap .left p{font-size: 14px;line-height: 2;}
  .section1 .wrap .right{width: 360px;height: 360px;}
  .section1 .wrap .right::after{width: 320px;height: 320px;}
  .section1 .wrap .right img{width: 280px;height: 280px;}
  
  .section2 .wrap .text{width: 90%;}
  .section2 .wrap .text h3{font-size: 28px;margin-bottom: 20px;}
  .section2 .wrap .text p {font-size: 14px;line-height: 2;}
  .section2 .wrap .bg{height: 400px;}
  .section2 .wrap .bg img{height: 100%;}
  
  .section3 .wrap{width: 90%;}
  .section3 .wrap .list{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:20px;}
  .section3 .wrap .list .item{max-width: 100%;}
  .section3 .wrap .list .item p{font-size: 14px;line-height: 1.6;}
  .section3 .wrap .list .item .icon{height: 30px;margin-bottom: 10px;}
  .section3 .wrap .list .item h3{font-size: 20px;margin-bottom: 10px;}
  .section3 .wrap .title{font-size: 28px;margin-bottom: 30px;}
  .section3 .wrap{padding: 60px 0;}
}
@media screen and (max-width: 767px) {.section1 .wrap{flex-direction: column;padding-top: 50px;padding-bottom: 50px;}
  .section1 .wrap .left{margin-right: 0;margin-bottom: 30px;}
  .section1 .wrap .left h3{font-size: 24px;}
  
  .section2 .wrap .bg{height: 300px;}
  .section2 .wrap .text h3 {font-size: 24px;margin-bottom: 10px;}
  .section3 .wrap .list {grid-template-columns: repeat(2, 1fr);}
  .section3 .wrap .title {font-size: 24px;}
  .section3 .wrap{padding: 50px 0;}
}
@media screen and (max-width: 540px) {.section1 .wrap .right{width: 66.66666666vw;height: 66.66666666vw;}
  .section1 .wrap .right::after{width: 59.259259259vw;height: 59.259259259vw;}
  .section1 .wrap .right img{width: 51.851851851vw;height: 51.851851851vw;}
  
  .section3 .wrap .list .item h3 {font-size: 18px;}
  .section3 .wrap .list {grid-template-columns: repeat(1, 1fr);}
}