.w1200 {width: 1200px; margin: auto;    min-width: 62%; max-width: 72%;}

html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {FONT: 16px/1.5 "PingFang SC","Microsoft YaHei",'SimSun', 'SimHei' , Arial, Helvetica, sans-serif; min-height: 100%;color: #333; background: #fff;}


/* =====头部===== */ 
.header {position: sticky; top: 0; left: 0; width: 100%; background-color: #000000; z-index: 999;}
.header .headBox {display: flex; justify-content: space-between;height: 64px; }
.header .le {height: 100%;}
.header .logo img {max-width: 100%; height: auto;}

nav {width: 35%;}
nav ul {display: flex; align-items: center; justify-content: space-between;height: 100%;}
nav ul li a {color: #fff; font-weight: 600;}
nav ul li.active a {color: #174BE5;}

.header .re {display: flex; align-items: center;}
.header .re .more {background: #174BE5;border-radius: 20px;width: 132px;height: 40px;}
.header .re .more a {height: 100%;}
.header .re .more span {margin-right: 8px; color: #fff; transition: .5s;}
.header .re .more span:hover {margin-right: 15px;}

/*第一屏 */
.indexBanner {position: relative;}
.indexBanner .box {transform: translate(-50%, 0%); top: 14%;}
.indexBanner .box .text img {max-width: 32%; height: auto;}
.indexBanner .imgBox img , .indexBanner .imgBox video {width: 100%; display: block;}
.indexBanner .btnVideo {margin-top: 16px; cursor: pointer;}
.indexBanner .btnVideo span {font-size: 24px;color: #44C9C1;font-weight: 400; margin-left: 12px;}

.indexTwo {background: url(../images/indexTwo-bj.png) no-repeat center; background-size: cover; }
.indexTwo img {width: 100%;}

.indexThre {position: relative; text-align: center;}
.indexThre .box {position: relative; z-index: 1;}
.indexThre img {width: 100%;}
.indexThre .ab {position: absolute;width: 13.5%; }
.indexThre .ab a {display: flex;}
.indexThre .a1 {position: absolute; bottom: 28%;left: 0.9%;}
.indexThre .a2 {position: absolute; bottom: 17%;left: 0.9%;}

.indexFour {position: relative; background: #000000;}
.indexFour img {width: 100%;    height: auto;}
.indexFour .box {position: relative;}
.indexFour .img {position: absolute;}
.indexFour .img1 {top: 0;left: 0; width: 17%; transform: translateX(calc(-100% + -20%));}
.indexFour .img3 {bottom: 0;right: 0; width: 60%; transform: translateX(51%);}
.pc-gif{position: absolute;right: 0;bottom: 15%;width: 23.334%;}
.pc-gif img{display: block; max-width: 100%; border-radius: 12px;}
.wap-gif{display: none}

/* 媒体查询 */
@media screen and (max-width: 1680px) {
    .indexFour .img3 {transform: translateX(33%);}
}

@media screen and (max-width: 1440px) {
    nav {width: 50%;}
}

@media screen and (max-width: 1024px) {
    nav {display: none;}
}

@media screen and (max-width: 768px) {
    /* css代码 *//* 10÷16=62.5% */
    html {font-size: 62.5%;}
    /* 12÷10=1.2 font-size: 12px;font-size: 1.2rem;*/
    body {font-size: 1.4rem;}
  .w1200 {max-width: 81%;}
  .header .logo {max-width: 79%;}
  .header .re .moMore a {font-size: 1.6rem;color: #44C9C1;}
  .indexBanner .box {top: 3%; margin-left: 1rem;}
  .indexBanner .box .text img {max-width: 76%;}
  .indexBanner .btnVideo {margin-top: 1rem;}
  .indexBanner .btnVideo .icBox img {width: 2rem; height: auto;}
  .indexBanner .btnVideo span {font-size: 1.6rem;}

  .indexTwo {background: none;}

  /*2025.3.8*/
   .moblie .w1200 {       max-width: 84%;   }

   .moblie .wap-gif{border-radius: 12px; display: block; margin: 0 auto 3.75rem}
   .waplink-box {position: relative;}
     .wap-link{position: absolute;bottom: 33%;width: 28%;height: 5%;}
     .wap-link a{display: block; height: 100%}
     .wap-link1{left: 36%;}
     .wap-link2{right: 8%;}
}