@charset "utf-8";

.mMain1 .bg,
.mMain2 .bg,
.mMain3 .bg,
.mMain4 .bg{width:1280px;}

.mMain1{position:relative;margin-top:-88px;height:850px;overflow:hidden;}
.mMain1 .back .bg{position:relative;}
.mMain1 .back .swiper-slide{background-image: linear-gradient(125deg, #2ec9d6 0%, #119891 54%);height:850px;}
.mMain1 .back .swiper-slide .text{position:relative;padding:304px 0 0;z-index:1;}
.mMain1 .back .swiper-slide .text .tit{font-size: 42px;font-weight: bold;line-height: 1.33;color: #fff;padding:25px 0 0;}
.mMain1 .back .swiper-slide .text .tit .ts{font-size: 22px;color: #f5f6fa;}
.mMain1 .back .swiper-slide .text .tit > strong{display:block;font-size: 63px;margin:33px 0 -11px;}
.mMain1 .back .swiper-slide .text .txt{font-size: 18px;font-weight: 500;color: rgba(255, 255, 255, 0.8);line-height: 1.56;margin:20px 0 0;}
.mMain1 .back .swiper-slide .text .btn:hover{border: solid 1px rgba(255, 255, 255, 0.8);background-color: rgba(0, 0, 0, 0.3);}
.mMain1 .back .swiper-slide .text .btn{display:inline-block;color:#fff;font-size: 16px;margin:29px 0 0;padding:0 26px 0 32px;border-radius: 4px;border: solid 1px rgba(255, 255, 255, 0.6);background-color: rgba(0, 0, 0, 0.1);width: 153px;line-height: 42px;height: 44px;transition:all 0.4s 0s;}
.mMain1 .back .swiper-slide .text .btn > span{display:inline-block;background:url(../images/ico_arr_right2.png) 100% 50% no-repeat;padding:0 26px 0 0;}
.mMain1 .back .swiper-slide .img{position:absolute;top:88px;right:0;width:100%;height:752px;}
.mMain1 .back .swiper-slide .img img{position:absolute;bottom:0;right:0;}

.mMain1 .back .pag{position:absolute;bottom:72px;left:50%;margin-left:-641px;width: 174px;height: 35px;border-radius: 35px;background-color: rgba(0, 0, 0, 0.3);z-index:100;}
.mMain1 .back .pag .swiper-pagination{color: rgba(230, 230, 230, 0.4);font-size: 16px;width:auto;opacity:1;}
.mMain1 .back .pag .swiper-pagination{margin:0 0 0 84px;}
.mMain1 .back .pag .swiper-pagination .swiper-pagination-current{color:#fff;padding-right:4px;}
.mMain1 .back .pag .swiper-pagination .swiper-pagination-total{color: rgba(255, 255, 255, 0.7);padding-left:4px;}
.mMain1 .back .pag .swiper-button-next,
.mMain1 .back .pag .swiper-button-prev{background:url(../images/ico_prev1.png) 50% 50% no-repeat;margin:-18px 0 0;width:35px;height:35px;z-index:100;}
.mMain1 .back .pag .swiper-button-next:after,
.mMain1 .back .pag .swiper-button-prev:after{display:none;}
.mMain1 .back .pag .swiper-button-prev{margin-left:29px;}
.mMain1 .back .pag .swiper-button-next{right:6px;background-image:url(../images/ico_next1.png);}
.mMain1 .back .pag .swiper-button-pause{background:url(../images/ico_stop1.png) 50% 50% no-repeat;margin:0 0 0 7px;width:35px;height:35px;z-index:100;}
.mMain1 .back .pag .swiper-button-play{background:url(../images/ico_play1.png) 50% 50% no-repeat;margin:0 0 0 7px;width:35px;height:35px;z-index:100;}

.mMain1 .back .swiper-slide.slide1 .img .back{opacity:0;position:absolute;bottom:5px;right:-22px;}
.mMain1 .back .swiper-slide.slide1 .img img.ani1{bottom:445px;right:400px;}
.mMain1 .back .swiper-slide.slide1 .img img.ani2{bottom:305px;right:-10px;}

.mMain1 .back .swiper-slide.slide1.animate .img .back{animation:board 3s forwards;}
.mMain1 .back .swiper-slide.slide1.animate .img img.ani1{animation: floatClouds infinite;animation-duration: 60s;}
.mMain1 .back .swiper-slide.slide1.animate .img img.ani2{animation: floatLeftClouds infinite;animation-duration: 56s;}
@keyframes floatClouds {
    0%, 100% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(220%, -20px);
    }
}
@keyframes floatLeftClouds {
    0%, 100% {
        transform: translate(30%, -20px);
    }
    50% {
        transform: translate(-160%,0);
    }
}

.mMain1 .back .swiper-slide.slide2{background-image: linear-gradient(130deg, #528edc 0%, #3069b3 69%);}
.mMain1 .back .swiper-slide.slide2 .img{height:761px;}
.mMain1 .back .swiper-slide.slide2 .img .earth{opacity:0;bottom:-252px;right:-62px;}
.mMain1 .back .swiper-slide.slide2 .img .board{opacity:0;bottom:77px;right:30px;}
.mMain1 .back .swiper-slide.slide2 .img .arrow{opacity:0;bottom:197px;right:30px;}
.mMain1 .back .swiper-slide.slide2.animate .img .earth{animation:earth 0.8s ease-in-out forwards;}
.mMain1 .back .swiper-slide.slide2.animate .img .board{animation:board 0.8s ease-in-out forwards;animation-delay:0.7s;}
.mMain1 .back .swiper-slide.slide2.animate .img .arrow{animation:mouse 0.8s ease-in-out forwards;animation-delay:1s;}
@keyframes earth {
    0% {
        opacity:0;
        bottom:-252px;
    }
    100% {
        bottom:0;
        opacity:1;
    }
}
@keyframes board {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes mouse {
    0% {
        opacity:0;
        right:0;
        bottom:150px;
    }
    100% {
        opacity:1;
        right:30px;
        bottom:197px;
    }
}

.mMain1 .back .swiper-slide.slide3{background-image: linear-gradient(130deg, #808080 0%, #4d4d4d 56%);}
.mMain1 .back .swiper-slide.slide3 .img .back{opacity:0;right:-80px;bottom:5px;}
.mMain1 .back .swiper-slide.slide3 .img img.star1{opacity:0;bottom:475px;right:215px;transition:all 0.4s 0s;}
.mMain1 .back .swiper-slide.slide3 .img img.star2{opacity:0;bottom:370px;right:60px;transition:all 0.8s 0s;}
.mMain1 .back .swiper-slide.slide3 .img img.star3{opacity:0;bottom:245px;right:455px;transition:all 0.6s 0s;}

.mMain1 .back .swiper-slide.slide3.animate .img .back{animation:board 3s forwards;}
.mMain1 .back .swiper-slide.slide3.animate .img img.star1{animation:twinkle 3s infinite;animation-delay:1s;}
.mMain1 .back .swiper-slide.slide3.animate .img img.star2{animation:twinkle 1.8s infinite;animation-delay:2.2s;}
.mMain1 .back .swiper-slide.slide3.animate .img img.star3{animation:twinkle 2.2s infinite;animation-delay:2.4s;}
@keyframes twinkle {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.mMain1 .score{position:absolute;top:109px;left:50%;margin-left:-640px;width: 1280px;height: 120px;padding:12px 0;border-radius: 16px;box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 0 5px 0 rgba(0, 0, 0, 0.04);    border: solid 1px rgba(0, 0, 0, 0.1);    background-color: rgba(0, 0, 0, 0.54);overflow:hidden;z-index:10;}
.mMain1 .score .tit{float:left;background:url(../images/ico_score1_1.png) 40px 50% no-repeat;font-size: 26px;font-weight: bold;line-height: 1.54;color: #fff;margin:20px 0 0;padding:0 0 0 95px;width:418px;}
.mMain1 .score .tit > em{display:block;font-size: 13px;color: #2ec9d6;margin-bottom:-3px;}
.mMain1 .score .tit > strong{display:block;}
.mMain1 .score .lst{display:-webkit-flex;display:flex;padding:0 29px 0 0;}
.mMain1 .score .lst .ls{-webkit-flex:1;flex:1;padding:0 0 0 418px;padding:19px 30px 16px;border-radius: 12px;background-color: rgba(0, 0, 0, 0.2);min-width:272px;height: 96px;}
.mMain1 .score .lst .ls + .ls{margin-left:8px;}
.mMain1 .score .lst .ls .ti{display:-webkit-flex;display:flex;align-items:end;font-size: 20px;color: #fff;}
.mMain1 .score .lst .ls .ti > strong{-webkit-flex:1;flex:1;}
.mMain1 .score .lst .ls .ti > strong > span{font-size: 13px;color: #e1e1e8;padding-left:5px;}
/* add20250206 */
.mMain1 .score .lst .ls .ti > strong.type2 > .ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:145px;}
.mMain1 .score .lst .ls .ti > strong.type2 > span{float:right;}
/* //add20250206 */
.mMain1 .score .lst .ls .ti > span{font-size: 13px;color: #e1e1e8;}
.mMain1 .score .lst .ls .tx{display:-webkit-flex;display:flex;align-items:end;font-size: 20px;padding:4px 0 0;line-height: 1.43;color: #fff;}
.mMain1 .score .lst .ls .tx .s{-webkit-flex:1;flex:1;}
.mMain1 .score .lst .ls .tx .s strong{font-size: 28px;font-weight: bold;letter-spacing:-1.5px;}
.mMain1 .score .lst .ls .tx .up,
.mMain1 .score .lst .ls .tx .down{background:url(../images/ico_up2.png) 0 50% no-repeat;font-size: 14px;font-weight: bold;color: #f36f40;letter-spacing:0;margin:0 0 0 11px;padding:0 0 0 22px;}
.mMain1 .score .lst .ls .tx .down{background-image:url(../images/ico_down2.png);color:#82e8e8;}

.mMain1 .score .slide2 .tit{background-image:url(../images/ico_score1_2.png)}
.mMain1 .score .slide2 .lst .ls .tx .s strong{color: #82e8e8;padding-right:3px;}

.mMain1 .score .slide3 .tit{background-image:url(../images/ico_score1_3.png)}
.mMain1 .score .slide3 .lst .ls .tx .s strong{color: #01dbab;padding-right:3px;}
.mMain1 .score .swiper{height: 120px;}
.mMain1 .score .swiper-container{width: 100%;height: 120px;}
.mMain1 .score .swiper-slide{/*display: flex;justify-content: center;align-items: center;*/padding:0;}

.mMain2 .bg{position:relative;padding:257px 0;zoom:1;}
.mMain2 .bg:after{display:block;clear:both;content:'';} 
.mMain2 .text{padding:0 0 0 5px;width:354px;}
.mMain2 .text .tit{font-size: 42px;color: #333;}
.mMain2 .text .txt{font-size: 19px;color: #4d4d4d;line-height: 1.58;margin:55px 0 0 0;word-break:break-all;}
.mMain2 .text .button{margin:48px 0 0;}
.mMain2 .text .button a{display:block;background:url(../images/ico_main2_arr1.png) calc(100% - 32px) 50% no-repeat;font-size: 18px;font-weight: bold;color: #1d1d1d;line-height: 56px;height: 56px;padding:0 52px 0 40px;border-radius: 3px;border: solid 1px #1d1d1d;background-color: #fff;}
.mMain2 .text .button a.black{background-color: #1d1d1d;color:#fff;background-image:url(../images/ico_main2_arr1_w.png);}
.mMain2 .text .button a + a{margin-top:12px;}
.mMain2 .img{position:absolute;top:0;right:0;display:-webkit-flex;display:flex;width:468px;height:100%;}
.mMain2 .img .col{width:220px;}
.mMain2.animate .col{animation:rolling 20s linear infinite;}
.mMain2.animate .col + .col{animation:rollingReverse 20s linear infinite;}

.rolling {width: 100%;height:100%;position: relative;overflow: hidden;}
.rolling .col + .col{margin-left:248px;}
.rolling .col{display: flex;flex-direction: column;align-items: center;position: absolute;top: 0;}
.rolling .col img{width: 100%;max-width:220px;margin: 10px 0;}
@keyframes rolling {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}
@keyframes rollingReverse {
    0% {
        transform: translateY(-50%);
    }
    100% {
        transform: translateY(0);
    }
}

.mMain3{padding:120px 0;background-color: #f5f6fa;}
.mMain3 h3{font-size: 42px;font-weight: bold;color: #333;line-height:120%;padding:0 0 48px;}
.mMain3 .list{margin-left:-46px;zoom:1;}
.mMain3 .list:after{display:block;clear:both;content:'';} 
.mMain3 .list li{float:left;margin-left:46px;width:calc(33.33% - 46px);}
.mMain3 .list li a{display:block;}
.mMain3 .list li a:hover .img img{width:110%;height:110%;}
.mMain3 .list li .img{position:relative;display:block;border-radius:12px;width:396px;height:300px;overflow:hidden;}
.mMain3 .list li .img img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform: translate(-50%,-50%);transition:all 0.4s 0s;}
.mMain3 .list li .txt{display:block;padding:20px 0 0;}
.mMain3 .list li .txt .ti{display:block;font-size: 24px;font-weight: bold;color: #1d1d1d;line-height: 1.56;}
.mMain3 .list li .txt .tx{display:block;font-size: 18px;line-height: 1.56;color: #333;padding:10px 0 0;}

.mMain4{padding:100px 0 0;}
.mMain4 .bg{zoom:1;}
.mMain4 .bg:after{display:block;clear:both;content:'';} 
.mMain4 .col{position:relative;float:left;width:calc(50% - 40px);}
.mMain4 .col + .col{margin-left:80px;}
.mMain4 .col h3{font-size: 32px;font-weight: bold;color: #333;line-height:120%;padding:0 0 23px;}
.mMain4 .col .iMore1{position:absolute;top:15px;right:0;}

.mMNotice1 .lst{border-top: solid 2px #1d1d1d;}
.mMNotice1 .lst li{border-bottom:solid 1px #e6e6e6;}
.mMNotice1 .lst li a{position:relative;display:block;padding:48px 0;}
.mMNotice1 .lst li .dat{position:absolute;top:50%;left:0;font-size: 15px;font-weight: bold;margin-top:-40px;letter-spacing: -0.3px;text-align: center;color: #4d4d4d;width:65px;}
.mMNotice1 .lst li .dat strong{display:block;font-size: 48px;margin:18px 0 0;}
.mMNotice1 .lst li .txt{display:block;padding:0 0 0 81px;}
.mMNotice1 .lst li .txt .ti{display:block;font-size: 20px;font-weight: bold;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.4s 0s;}
.mMNotice1 .lst li .txt .tx{display:block;font-size: 17px;color: #4d4d4d;margin:19px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mMNotice1 .lst li a:hover .txt .ti{color:#3069B3;}

.mMFaq1 .lst li + li{margin-top:9px;}
.mMFaq1 .lst li a{display:block;background:url(../images/ico_faq2.png) calc(100% - 28px) 50% no-repeat;font-size: 20px;color: #333;padding:33px 60px 33px 28px;border-radius: 8px;background-color: #f5f6fa;height:86px;transition:all 0.4s 0s;}
.mMFaq1 .lst li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mMFaq1 .lst li a > strong{color: #3069b3;}
.mMFaq1 .lst li a:hover{background-color:#DCEAF9;}

.lMain1.single .pag{display:none;}
.lMain1.single .popupBg{margin-top:0;}
.lMain1{}
.lMain1 .popupBg{margin-top:-51px;overflow:visible;}
.lMain1 .scroll{padding:0;}
.lMain1 .popupBg{background-color:transparent;box-shadow:none;border:0;width:480px;}
.lMain1 .popupBg .swiper{position:relative;border-radius: 3px 3px 0 0;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12);background-color: #fff;text-align:left;overflow-y:auto;max-height:calc(100% - 80px);overflow:hidden;}
.lMain1 .popupBg .swiper-slide{padding:43px 24px 24px;}
.lMain1 .scroll h3{font-size: 20px;font-weight: bold;color: #1d1d1d;line-height: 1.5;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.lMain1 .scroll .tx{font-size: 16px;line-height: 1.625;color: #333;margin:25px 0 0;}
.lMain1 .scroll .im{margin-top:20px;}
.lMain1 .util{display:-webkit-flex;display:flex;align-items:center;background-color:#f5f6fa;border-top:1px solid #e6e6e6;font-size: 16px;color: #333;padding:0 24px;height:54px;}
.lMain1 .util .flex{-webkit-flex:1;flex:1;}
.lMain1 .pag{position:absolute;bottom:-60px;left:0;text-align:center;width:100%;height:60px;}
.lMain1 .pag .swiper-pagination{position:relative;display:inline-block;margin:32px 9px 0;vertical-align:middle;width:auto;}
.lMain1 .pag .swiper-pagination .swiper-pagination-bullet{border-radius:8px;width: 8px;height: 8px;background-color: rgba(179, 179, 179, 0.8);transition:all 0.4s 0s;opacity:1;}
.lMain1 .pag .swiper-pagination .swiper-pagination-bullet-active{width: 44px;height: 8px;background-color: #fff;}
.lMain1 .pag .swiper-button-next,
.lMain1 .pag .swiper-button-prev{position:relative;background:url(../images/ico_prev2.png) 0 0 no-repeat;display:inline-block;top:auto;left:auto;right:auto;margin:20px 0 0;width:40px;height:40px;vertical-align:middle;}
.lMain1 .pag .swiper-button-next{background-image:url(../images/ico_next2.png);}
.lMain1 .pag .swiper-button-prev:after,
.lMain1 .pag .swiper-button-next:after{display:none;}