*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:inherit}

:root{--green:#00988e}
.w1440{width:1440px;margin:0 auto}
.s-title{display:flex;position:relative}
.s-title h2{line-height:1}
.s-title svg{width:220px;height:75px;position:relative}
.s-title svg text{font-weight:700;font-style:italic}
.s-title h3{font-weight:300;font-style:italic;color:#020b14;opacity:0.2;margin-left:16px;line-height:66px}
.s-title.chang svg{width:230px}
.body-bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;overflow:hidden;background:#e7f0fd}
.body-bg img{width:100%;position:relative;z-index:2;max-height: 4610px;}
.body-bg img.mobile{display:none}
.body-bg .f{position:absolute;width:100%;left:0;bottom:0;z-index:3}
.btns{display:flex;justify-content:center;margin-top:50px}
.btns a{display:flex;align-items:center;justify-content:center;width:196px;height:54px;color:#fff;border-radius:6px}
.btns a span{font-size:20px;position:relative;top:1px}
.btns a h2{font-weight:700;margin-left:10px}
.btns a.bao{background-image:linear-gradient(110deg,#2d64ff 0%,#3c7eff 47%,#21aeff 100%);margin-right:20px}
.btns a.bao:hover{background-image:linear-gradient(-110deg,#2d64ff 0%,#3c7eff 47%,#21aeff 100%)}
.btns a.bo{border:1px solid #fff}
.btns a.bo:hover{border:none;background-image:linear-gradient(-110deg,#2d64ff 0%,#3c7eff 47%,#21aeff 100%)}

/* 按钮二维码 */
.qrcode_btn {position: relative;}
.qrcode_btn .erweima {position: absolute;width: 100%;border-radius: 6px;overflow: hidden;background: #fff;top: 30px;left: 50%;transform: translateX(-50%);opacity: 0;z-index: 1;height: 0;}
.qrcode_btn .erweima img {width: 100%;}
.qrcode_btn:hover .erweima {top: 60px;opacity: 1;transition: top 0.5s;height: auto;}

@media screen and (max-width:1600px){
  .erweima  {width: 166px;}
  .w1440{width:1280px}
  .s-title svg{width:174px;height:62px}
  .s-title h3{line-height:56px}
  .s-title.chang svg{width:184px}
  .box-scroll{height:500px}
  .btns{margin-top:2.5vw}
  .btns a{width:166px;height:44px}
  .btns a span{font-size:16px}
  .btns a h2{margin-left:8px}
}
@media screen and (max-width:1440px){
  .w1440{width:1100px}
}
@media screen and (max-width:1200px){
  .w1440{width:90%}
  .s-title svg{width:142px;height:50px}
  .s-title h3{line-height:42px}
  .s-title.chang svg{width:152px}
}
@media screen and (max-width:1024px){
  .swiper-button-prev{display:none}
  .swiper-button-next{display:none}
}
@media screen and (max-width:768px){
  .s-title svg{width:94px;height:32px}
  .s-title h3{line-height:26px;margin-left:6px}
  .s-title.chang svg{width:104px}
  .fnt_52{font-size:22px}
  .fnt_42{font-size:20px}
  .box-scroll{height:548px}
  .s-title{display:block;text-align:center}
  .s-title h3{font-size:12px;margin-left:0;line-height:1}
  .btns{margin-top:20px}
  .btns a h2{margin-left:6px}
  .btns a.bao{margin-right:10px}
  .btns a.bo span{top:0}
  .body-bg img.pc{display:none}
  .body-bg img.mobile{display:block}
}

.fnt_52 {font-size:52px;line-height: 1.3;}
@media only screen and (max-width: 1600px) {
  .fnt_52 { font-size: 42px;}
}
@media only screen and (max-width: 1440px) {
  .fnt_52 { font-size: 32px;}
}
@media only screen and (max-width: 1366px) {
  .fnt_52 { font-size: 38px;}
}
@media only screen and (max-width: 1200px) {
  .fnt_52 {font-size: 34px;}
}
@media only screen and (max-width: 767px) {
  .fnt_52 {font-size: 22px;}
}