body {min-width: 1023px;}
/* =====头部===== */ 
#header {position: relative; top: 0; z-index: 999;}
.header {position: absolute; top: 0; left: 0; width: 100%; z-index: 999;}
.header .headBox {display: flex; justify-content: space-between;height: .64rem;}
.header .le {height: 100%;}
.header .logo img {max-width: 100%; height: auto;  min-height: .22rem;object-fit: contain; min-width: 1.62rem;}
.header .heTle a {color: #fff; display: block; position: relative; font-weight: 700;}
.header .heTle a::after {content: ''; position: absolute; left: 50%; bottom: -.08rem; width: 0; height: 2px; background-color: #fff; transition: .5s;}
.header .heTle a.on::after , .header .heTle a:hover::after {width: 100%; left: 0;}
nav {width: 55%;}
nav ul {display: flex; align-items: center; justify-content: space-between;height: 100%;}
nav ul li img {width:.26rem; height:.14rem;}
nav ul li a {color: #fff; font-weight: 700;position: relative;font-size:var(--font14)}
nav ul li a::after {content: ''; position: absolute; left: 50%; bottom: -.08rem; width: 0; height: 2px; background-color: #fff; transition: .5s;}
nav ul li a.active::after , nav ul li a:hover::after {width: 100%; left: 0;}
nav ul li:last-child {display: none;}
.header .re {display: flex; align-items: center;}
.header .re .more {background: linear-gradient( 270deg, #0A6EFF 0%, #4674FF 100%);border-radius: 100px;padding: .08rem .24rem;}
.header .re .more a {height: 100%;}
.header .re .more span {margin-right: .1rem; color: #fff; transition: .5s;}
.header .re .more img {transition: 0.5s;}
.header .re .more:hover img {transform: translateX(.1rem);}
.header .re .moMore a {color: #25A79F;}
.header .re .luanage img {min-height: .24rem; min-width: .24rem;}
/* 移动端导航 */
.moblieBtn {height: 100%;}
.moblieBtn .line {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.moblieBtn span {width: .48rem; height: 0.04rem; background: #fff; display: block; margin: .04rem 0; border-radius: 100px; transition: .5s;}
.moblieBtn.active .line1 {transform: rotate(45deg) translateY(.08rem); }
.moblieBtn.active .line2 {display: none;}
.moblieBtn.active .line3 {transform: rotate(-45deg) translateY(-.08rem);}

.moblieNav {position: absolute; height: 0; top: 100%; overflow-y: auto; left: 0; width: 100%; background: #fff; transition: height .5s;}
.moblieNav.active {height: calc(100vh - 64px);}
.moblieNav ul {width: 100%;}
.moblieNav ul li {border-bottom: 2px solid #DFE3EE;}
.moblieNav ul li a {color: #000; font-weight: 700; display: block; padding: .3rem 0; font-size: var(--font18);}
 @media screen and (max-width: 1280px) {
.header .headBox {min-width: 1023px;}
} 

@media screen and (max-width: 1440px) {
    nav ul li a {font-size:12px;}
}


/* =====首页===== */
.indexMain {}
.indexTle {text-align: center; position: relative;}
.indexTle span {font-size: var(--font24); font-weight: 700; color: #000;}
.indexTle .tit_box {display: inline-block; position: relative;}
.indexTle .tit_box .tit::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%) translateX(calc(-100% - .12rem)); width: calc(2.98rem / 2); height: calc(.68rem / 2); background: url(../images/indexThre-tit-left-Icon.png) no-repeat center; background-size: contain;}
.indexTle .tit_box .tit::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%) translateX(calc(0% + .12rem)) rotate(180deg); width: calc(2.98rem / 2); height: calc(.68rem / 2); background: url(../images/indexThre-tit-left-Icon.png) no-repeat center; background-size: contain;}
.indexTle .tit_box .tit span {display: none;}
.indexTle .tit_box .tit span.active {animation: fadeIn .5s; display: inline-block;}

.indexBanner {position: relative; overflow: hidden; height: 100vh; background: url(../images/indexBanner-bg.jpeg) no-repeat center; background-size: cover;}
.indexBanner .box {height: 100%; padding-bottom: 5%; position: relative; z-index: 1;}
.indexBanner .con .tle_img {height: 1.52rem;}
.indexBanner .con .tle_img img {max-height: 100%; max-width: 100%;}
.indexBanner .text {text-align: center; margin-top: .3rem;}
.indexBanner .text p {color: #fff;}
.indexBanner .btnVideo .icBox {height: .2rem;}
.indexBanner .btnVideo .icBox img {max-height: 100%; object-fit: contain;}
.indexBanner .btnVideo a {color: #3398FF;}

.grap_list { position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.grap_list .grap_item {position: absolute; height:100%;}
.grap_list .grap_item .icBox {height: 100%;}
.grap_list .grap_item .icBox img {max-height: 100%;}
.grap_list .grap_item1 {left: 7%; top: 1rem; height: 31%;}
.grap_list .grap_item2 {left: 7%; top: 50%;height: 15.5%;}
.grap_list .grap_item3 {left: 20%; top: 65%;height: 28.5%;}
.grap_list .grap_item4 {right: 15%; top: 10%;height: 25.65%;}
.grap_list .grap_item5 {right: 6.25%; top: 40%;height: 25.5%;}
.grap_list .grap_item6 {right: 24%; top: 65%;    height: 32.4%;}
/* .indexBanner.active .grap_list {animation: showGrap 1s ease;animation-fill-mode: forwards;} */

.indexOne {background: #fff; position: relative; z-index: 1; height: 350vh;}
.indexOne .one_box {position: sticky; top: 0;}
.index_one .box {display: flex; justify-content: space-between; padding-top: 1.2rem;}
.indexOne .swiperBox {width: 60%;border-radius: 0.24rem; overflow: hidden;}
.indexOne .thumb_box {width: 36%;}
.indexOne .swiperBox .slide img {width: 100%;}
.indexOne .thumb_box .tit {padding-bottom: .2rem;}
.indexOne .thumb_box .tit img {width: 1.28rem;}
.indexOne .thumb_box .swiper {height: calc(100% - .6rem); padding-left: .2rem; margin-left: -.1rem;}
.indexOne .thumb_box .slide {cursor: pointer;}
.indexOne .thumb_box .slide::before {content: ''; height: 65%; bottom: 0; width: 1px;background: #3367FF;opacity: 0.35; position: absolute; left: 0;}
.indexOne .thumb_box .slide:last-child::before {display: none;}
.indexOne .thumb_box .slide .p1 {font-size: var(--font20);color: #8B8E9A;  position: relative;padding-left: .2rem; transition: .5s;}
.indexOne .thumb_box .slide .p2 {color: #8B8E9A; padding-left: .2rem; font-size:var(--font14)}
.indexOne .thumb_box .slide .p1::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%) translateX(-50%); width: .3rem; height: .3rem; background: url(../images/indexOne-icon1.png) no-repeat center; background-size: 60%; transition: .5s;}
.indexOne .thumb_box .slide.swiper-slide-thumb-active .p1::before {background: url(../images/indexOne-icon2.png) no-repeat center; background-size: 100%;}
.indexOne .thumb_box .slide.swiper-slide-thumb-active {color: #0A6EFF;}
.indexOne .thumb_box .slide.swiper-slide-thumb-active .p1 {color: #2E2F33; font-weight: 700; font-size: var(--font24); }

@media screen and (max-width: 1440px) {
    .indexOne .thumb_box .slide .p2 {font-size:var(--font12);margin-top:0;}
}



.indexTwo {padding: .8rem 0; position: relative; z-index: 2; background: #fff;} 
.indexTwo .tit_img {margin-bottom: .4rem;}
.indexTwo .tit_img img {height: calc(.79rem / 2); object-fit: contain;}
.indexTwo .box {margin-top: .2rem; position: relative;}
.indexTwo .box > img {width: 100%;}
.indexTwo .ab {position: absolute;width: 13%; opacity: 0;}
.indexTwo .ab img {width: 100%;}
.indexTwo .ab a {display: flex;}
.indexTwo .a1 {position: absolute; top: 51%;left: 1%;}
.indexTwo .a2 {position: absolute; top: 87%;left: 1%;}
.pc-gif{position: absolute;right: 0;top: 0;width: 23%;}
.pc-gif img {display: block; width: 100%; border-radius: .12rem;}
.indexTwo .moblie .moblie-gif {border-radius: .12rem; margin-top: .2rem;}

.indexThre {background: #EBF0FF; padding: .8rem 0 .4rem;;}
.indexThre .tit_img img {height: calc(1rem / 2);}
.indexThre .indexTle {margin-top: .5rem;}
.indexThre .swiperBox {margin-top: .3rem;}
.indexThre .swiperBox .swiper {padding-bottom: 1.3rem;}
.indexThre .swiperBox .slide-content {border-radius: 0.19rem; overflow: hidden; background: #000; height: 100%;}
.indexThre .swiperBox .slide-content video , .indexThre .swiperBox .slide-content img {width: 100%; height: 100%; object-fit: cover; display: block;}
.indexThre .swiperBox .slide {position: relative;}
.indexThre .swiperBox .slide .icBox {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: .6rem; height: .6rem; color: #fff; opacity: 0; transition: .5s; pointer-events: none;   display:none !important;}
.indexThre .swiperBox .slide .icBox svg {width: 100%; height: 100%;}
.indexThre .swiperBox .slide.slide.swiper-slide-active .icBox {opacity: 1; pointer-events: auto;}
.indexThre .swiperBox .pagtion {}
.indexThre .swiperBox .pagtion span {width: .16rem; height: .16rem;border: 1px solid #3367FF; background: none; opacity: 1;  margin: 0 .1rem !important;}
.indexThre .swiperBox .pagtion span.swiper-pagination-bullet-active {background: #3367FF;}

.index_gif {background: #EBF0FF;}
.index_gif ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: .32rem; padding-top: .8rem;}
.index_gif li {background: #FFFFFF; padding: .3rem; box-shadow: 0rem 0.05rem 0.1rem 0rem rgba(30,60,148,0.1), 0rem 0rem 0.2rem 0rem rgba(30,60,148,0.1);border-radius: 0.24rem; padding-bottom: 2.8rem;position: relative;}
.index_gif li .imgBox img {width: 100%; max-height: 2.4rem; object-fit: contain;position: absolute;bottom: 0;left: 0;}
.index_gif li .p1 {font-size: var(--font18); color: #000;font-weight: bold;}
.index_gif li .p2 {color: #8B8E9A;margin-top: 5px;}
.index_gif li .imgBox {margin-top: .1rem; position: absolute; left: 0;bottom: .3rem;    width: 100%;}
.index_gif li .img1 {transform: translateY(.2rem);}
.index_gif li .img1 img {height: calc(.78rem / 2);}

.indexFive {padding: 1.2rem 0;}
.indexFive .tit_img img {height: calc(1.27rem / 2);}

.indexSix {background: #000000; padding: .8rem 0 1.2rem; position: relative;}
.indexSix .tit_img img {height: calc(1rem / 2);}
.indexSix .tle {margin-bottom: .6rem;}
.indexSix .tle .tit-desc {color: #fff; margin-top: .2rem;}
.indexSix .tle2 {font-size: .28rem; margin-top: .6rem; color: #fff;}
.comparison {position: relative;height: 400vh;}
.comparison .box {position: sticky; top: 0;overflow: hidden; }
.comparison .item {width: 100%; height: 100%;}
.comparison .item video {width: 100%;}
.comparison .item.abs video {width: 100%;height: 100%;position: absolute;top: 0; object-fit: cover;}
.comparison .item2 , .comparison .item3 {position: absolute;overflow: hidden;top: 0;transform: translate(100%, 0px);}
.comparison .item2 video {transform: translate(-100%, 0px);}
.comparison .item3 {transform: translate(200%, 0px);}
.comparison .item3 video {transform: translate(-200%, 0px);}
.comparison .logo {position: absolute; top: 50%; transform: translateY(-50%);left: 2%;}
.comparison .logo img {object-fit: contain;}
.comparison .mouse {position: absolute; top: 50%; transform: translateY(-50%); right: 2%; display: flex; align-items: center;}
.comparison .mouse .icBox {display: flex; align-items: center;}
.comparison .mouse .icBox svg {animation: shubiao 1.5s infinite;}
.comparison .mouse span {color: #fff; margin-left: .1rem;}
.marqueeBox {overflow: hidden; position: relative;}
.indexSix .list {margin-top: .4rem;}
.indexSix .list ul { display: flex; justify-content: center;}
.indexSix .list li {margin: 0 .2rem;flex-shrink: 0; width: 1.4rem; height: 1.4rem;display: flex; align-items: center; justify-content: center;  box-sizing: border-box; }
.indexSix .list li img {width: 100%; height: 100%; object-fit: contain;}

.indexSeven {margin-top: 0;}

.indexEight {padding: 1rem 0 1.2rem;}
.indexEight .tit_img img {height: calc(1.27rem / 2);}
.indexEight .more_box {margin-top: .6rem;}
.indexEight .more {background: linear-gradient( 270deg, #0A6EFF 0%, #4674FF 100%);border-radius: 100px;padding: .18rem .36rem;    line-height: 1;}
.indexEight .more a {height: 100%;}
.indexEight .more span {margin-right: .1rem; color: #fff; transition: .5s;}
.indexEight .more img {transition: 0.5s;min-height: .14rem; min-width: .14rem;}
.indexEight .more:hover img {transform: translateX(.1rem);}


@media screen and (max-width: 1200px) {
.indexOne .thumb_box .swiper {max-height: 380px;}
}


/* ================================内页 */
/* 公用banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .zw {height: 64px; background: #000;}
.ny-banner img {width: 100%;}
.ny-banner .box {top: 60%; left: 50%; transform: translateX(-50%); position: absolute;}
.ny-banner .box .con {max-width: 80%;}
.ny-banner .box .text {color: #fff; font-size: var(--font20);}
.ny-banner .mobile { text-align: center;}
.ny-banner .mobile img {width: auto; max-width: 100%;}

@media screen and (max-width: 1750px) {
  .ny-banner .pc-img {width: 110%; transform: translateX(-5%);}
}
@media screen and (max-width: 1580px) {
  .ny-banner .pc-img {width: 116%; transform: translateX(-7%);}
}


/* 数据采集 */
.partOne {padding-top: .5rem;}
.partOne .tle .tit1 {border-bottom: 2px solid #404040;}
.partOne .tle .tit2 {margin-top: .05rem;font-weight: 900;}
.partOne .box {align-items: flex-start;}
.partOne .item {width: 48.4%; margin-top: .35rem;}
.partOne .item .list {padding: 0 .2rem; background: linear-gradient( 180deg, #FFFAFA 0%, #FFF3F3 100%);border-radius: 0.12rem;border: 1px solid #F94C3B; margin-top: .2rem;}
.partOne .item li {display: flex; align-items: flex-start; padding: .11rem 0; border-bottom: 1px solid rgba(249, 76, 59,.5);}
.partOne .item li:last-child {border: none;}
.partOne .item li .num {color: #F94C3B; margin-right: .1rem; line-height: 1.3; font-weight: 700;font-family: 'MiSansLatin-Medium';}
.partOne .item li .text p {font-size: var(--font14); color: #5C5E66; letter-spacing: -0.3px;}
.partOne .item2 .list {background: linear-gradient( 180deg, #FBFFFF 0%, #F5FFFE 100%); border-color: #25A79F;}
.partOne .item2 li {border-color: rgba(37, 167, 159, 0.5)}
.partOne .item2 li .num {color: #25A79F;}

.partTwo {margin-top: 1.2rem;}
.partTwo img {width: 100%;}

.partThre {margin-top: .5rem; padding-bottom: 1.5rem;}
.partThre ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.partThre li {width: 48%;margin-top: .4rem;}
.partThre li .titBox {display: flex; align-items: center;}
.partThre li .num {font-weight: 600; font-size: var(--font24);margin-right: .12rem;}
.partThre li .tit {font-size: var(--font20);font-weight: 600;} 
.partThre li .imgBox {margin-top: .12rem;border-radius: 0.08rem; overflow: hidden;}
.partThre li .imgBox img , .partThre li .imgBox video {width: 100%; display: block;}
.partThre li:first-child , .partThre li:nth-child(2) {margin-top: .2rem;}

/* .ny-main .section-item {display: none;}
.ny-main .section-item.active {display: block;} */


/* 移动端 */
/* @media screen and (max-width: 767px) {
  .ny-banner .box {position: relative; transform: none; left: 0; top: 0;}
  .ny-banner .info {background: linear-gradient( 180deg, #001D77 0%, #0037DC 100%);padding: .28rem 0 .5rem;}
  .ny-banner .box .con {max-width: 100%;}
  .ny-banner .box .text {font-size: var(--font16);}

  .partOne .item {width: 100%;}
  .partOne .item li {padding: .2rem 0;}
  .partOne .item li .num {margin-right: .2rem;}

  .partThre .tle {text-align: center;}
  .partThre li {width: 100%;}
  .partThre li:first-child, .partThre li:nth-child(2) {margin-top: .4rem;}
  .partThre li .imgBox {border-radius: .12rem;}
  .partThre li .num {font-size: var(--font18);}
  .partThre li .tit {font-size: var(--font18);}

} */