/* CSS Document */

body{
    overflow-x: hidden;
}
i {
    font-style: normal;
}
h2,h3,h4 {
    font-weight: normal;
}
.wow {
	transition-delay: 0.3s;
}
.pc {
	display: block;
}
.wrap{
	width: 90%;
    max-width: 1574px;
    max-width: 84%;
    padding: 0 15px;
	margin:0 auto;
}
.headBg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    height: 100px;
    transition: all .3s linear;
}
.headBg.up{
    transform: translateY(-100%);
}
.header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    background-color: #FFFFFF;
    transition: all .3s;
    z-index: 10;
}
/* .noBg .header {
    background-color: transparent;
} */
.grayBg.header {
    background-color: #F4F4F4;
}
.bg {
    background-color: #FFFFFF;
}
.grayBg{
    background-color: #F4F4F4;
}
.logo{
    height: 100px;
    font-size: 0;
}
.logo a{
    display: block;
}
.logo img{
    width: auto;
    height: 24px;
}
.topRig{
    font-size: 0;
    list-style: none;
    line-height: 100px;
}
.topRig li{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3vw;
    font-size: 16px;
}
.topLangIco {
    display: block;
    color: #000000;
    font-size: 0;
}
.topLangIco i,
.topLangIco span{
    display: inline-block;
    vertical-align: middle;
}
.topLangIco i {
    width: 18px;
    height: 18px;
    background: url(../png/icon_lang.png) center center no-repeat;
    background-size: contain;
    margin-right: .52vw;
}
.topLangIco span{
    font-size: 16px;
    font-family: Blinker;
    transition: all .3s;
}
.rig-dropdown{
    position: absolute;
    left: calc(18px + .52vw);
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.rig-dropdown a{
    color: #000000;
    font-family: Blinker;
}
.rig-dropdown a:hover{
    color: #107AFF;
}
.rig-dropdown i{
    margin: 0 .5vw;
}
.topLang.open .topLangIco span {
    opacity: 0;
    visibility: hidden;
}
.topLang.open .rig-dropdown{
    opacity: 1;
    visibility: visible;
}
.topRig li.navBtn{
    display: none;
}
.navList{
    display: flex;
    justify-content: flex-end;
    list-style: none;
    line-height: 100px;
    font-size: 16px;
    text-align: center;
}
.navList > li{
    margin-left: 3vw;
}
.navList > li > a{
    position: relative;
    display: block;
    color: #000000;
}
.navList > li > a:hover{
    color: #107AFF;
}
.navList > li.cur > a,
.navList > li.active > a{
    color: #107AFF;
}
.nav-dropdown {
    position: absolute;
    left: 0;
    top: auto;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    display: none;
}
.navSub{
    display: flex;
    list-style: none;
    background-color: #FFFFFF;
    justify-content: space-between;
    text-align: left;
    font-size: 17px;
    color: #000000;
    line-height: 28px;
    padding: 38px 0;
}
.navSub li{
    width: 45%;
}
.navSub li a{
    position: relative;
    display: block;
    font-size: 40px;
    color: #000000;
    line-height: 1.2;
    margin: 7px 0;
    font-family: 'BlinkerSemiBold';
    transition: all .3s;
}
.navSub li a:hover{
    color: #107AFF;
}
.navSub .fontHeight{
    -webkit-line-clamp: 10;
}
.navDes{
    max-width: 552px;
    /* word-break: break-all; */
}
.mNav{
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all .3s;
}
.mNavBg{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}
.mNavClose{
    display: block;
    width: 50px;
    height: 45px;
    background: url(../close.html) center center no-repeat;
    background-size: 28px auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
}
.mNavList{
    position: absolute;
    right: 0;
    top: 0;
    width: 84%;
    height: 100%;
    background-color: #FFFFFF;
}
.mNav ul{
    list-style: none;
}
.mNav ul li ul{
    margin-top: 1px;
}
.mNav ul li a{
    position: relative;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333333;
    padding-right: 50px;
    line-height: 36px;
}
.m-dropdown > a::after{
    display: block;
    width: 50px;
    content: "\f107";
    position: absolute;
    right: 0;
    top: 0;
    font-family: FontAwesome;
    text-align: center;
    transition: all .3s;
}
.m-open > a::after{
    transform: rotate(180deg);
}
.mNav .mNavList{
    height: 100%;
    overflow-y: auto;
}
.mNav .mNavList > li{
    margin-bottom: 1px;
}
.mNav .mNavList > li > a{
    font-size: 16px;
    background-color: #F1F1F1;
    line-height: 45px;
    padding-left: 15px;
}
.mNav .mNavList > li > ul > li > a{
    font-size: 15px;
    padding-left: 30px;
}
.mNav .mNavList > li > ul > li > ul > li > a{
    font-size: 14px;
    padding-left: 45px;
}
.mNav .mNavList > li > ul > li > ul > li > ul > li > a{
    font-size: 13px;
    padding-left: 60px;
}
.mNav .mNavList > li > ul > li > ul >li > ul > li > ul > li > a{
    font-size: 12px;
    padding-left: 75px;
}
.mNav .mNavList > li ul{
    display: none;
}
.mNav.show-on-mobile{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.mNav-Lang{
    display: none;
}
.mLang{
    display: none;
}
/* banner开始 */
.banner {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background-color: #000000;
}
.banner .parallax{
    height: 100%;
}
.banner .swiper-container {
    display: block;
    width: 100%;
    height: 100%;
}
.banImg {
    position: relative;
    height: 100%;
}
.banImg::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, rgba(196, 196, 196, 0) 33.32%, rgba(74, 78, 85, 0.14) 66.34%, #000000 100%);
}
.banImg .imgBg {
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
}
.banner .swiper-slide-active .imgBg {
    animation: banAni 10s infinite;
}
.banText {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5%;
}
.banSlogan {
    margin: 5px 0;
    height: 50vh;
    max-height: 5.8vw;
    background: url(../svg/slogan.svg) left center no-repeat;
    background-size: contain;
}
.banSlogan img {
    max-height: 5.8vw;
}
.banTit {
    font-size: 100px;
    font-size: 5.2vw;
    line-height: 1.2;
    /* font-family: 'DIN-BlackItalic'; */
    font-style: italic;
}
.banTit+.banDes {
    max-width: 53.54vw;
}
.banTit+.banDes p {
    padding-left: 0;
}
.banDes {
    font-size: 1vw;
    color: #FFFFFF;
    line-height: 1.8;
    /* font-weight: 200; */
    /* letter-spacing: 0.04em; */
}
.banDes p {
    position: relative;
    padding-left: 1vw;
    margin: .5vw 0;
}
.banMask {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background-color: #107AFF;
    background-color: #000000;
    opacity: 0;
}
.banner .banPage {
    position: absolute;
    right: 5%;
    top: 50%;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
    width: auto;
    z-index: 1;
}
.banner .banPage .swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 4px;
    height: .16rem;
    background-color: #FFFFFF;
    border-radius: 2px;
    opacity: 1;
    margin: 2vw 0;
    transition: all .3s;
}
.banner .banPage .swiper-pagination-bullet-active {
    height: .32rem;
    background-color: #0068DF;
}
.blueBg+.swiper-container {
    opacity: 0;
}
.blueBg.animated+.swiper-container {
    opacity: 1;
    transition: all .1s linear .8s;
}
.mainBg{
    position: relative;
    min-height: 34vh;
    font-size: 14px;
    color: #3F3F3F;
    line-height: 30px;
    background-color: #FFFFFF;
    z-index: 1;
}
.grayBg{
    background-color: #fafafa;
}
.whiteBg{
    background-color: #FFFFFF;
}
.footBg{
    position: relative;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.4;
    background-color: #111111;
    z-index: 1;
    overflow: hidden;
}
.footBg a{
    color: #FFFFFF;
}
.ftLogo{
    margin: 4.68vw 0;
}
.ftLogo img{
    width: auto;
    height: 24px;
}
.ftTop {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 3.125vw 0;
}
.ftText{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex: auto;
}

.ftText li{
    width: 25%;
    padding-right: 2vw;
    max-width: 450px;
}

.ftText.ch li{
    width: 16.6%;
    padding-right: 2vw;
    max-width: 450px;
}
.ftText.ch li:last-child{
    padding-right: 0;
}

.ftText.ch li .momenta-description{
    font-size: 1vw;
}

.ftTit{
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
}
.ftCon{
    font-size: 16px;
    line-height: 22px;
    margin: 1.5vw 0 0;
}
.ftCon p{
    margin: .5vw 0;
}

.ftLink{
    list-style: none;
    text-align: right;
    flex-shrink: 0;
    font-size: 18px;
    line-height: 30px;
    white-space: nowrap;

    display: flex;
    justify-content: space-between;
}
.ftLink ul{
    list-style: none;
}
.fo_link_li{
    display: flex;
    justify-content: space-between;
}
.ftLink .fo_left{
    padding-top: 0px;
}
.ftLink .fo_left_1{
    font-size: 14px;
}
.ftLink.cn .fo_left{
    padding-top: 0px;
}
.ftLink .fo_left .email{
    font-size: 20px;
    margin-right: 20px;
}
.ftLink .fo_left .email_fir{
    margin-right: 20px;
}
.fo_link_li .fo_right{
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
}
.fo_link_li .fo_right div{
    padding-left: 30px;
}



.ftLink li{
    margin-bottom: .2rem;
}
.ftLink li a{
    display: block;
}
.ftLink li a i{
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: -2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    background-image: url(../png/more.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 0 center;
    transition: all .3s;
}
.ftLink li a:hover i{
    border-color: #0068EB;
    background-color: #0068EB;
}
.ftLine{
    display: block;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    opacity: .5;
    /*margin: 3.125vw 0;*/
}
.ftCen{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3.125vw 0;
}
.copyright{
    flex: auto;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
}
.share{
    list-style: none;
    text-align: right;
    white-space: nowrap;
}
.share li{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2vw;
}
.share li a{
    display: block;
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: 42px auto;
    background-image: url(../png/shareico.png);
    transition: all .3s;
}
.shareWx{
    background-position: 0 0;
}
.shareWx:hover {
    background-position: 0 -42px;
}
.shareZh {
    background-position: 0 -84px;
}
.shareZh:hover {
    background-position: 0 -126px;
}
.shareLk {
    background-position: 0 -168px;
}
.shareLk:hover {
    background-position: 0 -210px;
}
.shareTw {
    background-position: 0 -252px;
}
.shareTw:hover {
    background-position: 0 -294px;
}
.shareYTB {
    background-position: 0 -336px;
}
.shareYTB:hover {
    background-position: 0 -378px;
}
.shareCon{
    position: absolute;
    left: 50%;
    bottom: calc(100% + 15px);
    transform: translateX(-55%);
    width: 160px;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 10px;
    transition: all .3s;
}
.shareCon::after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid #FFFFFF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
}
.shareCon img{
    width: 100%;
    height: auto;
}
.share li a:hover + .shareCon{
    opacity: 1;
    visibility: visible;
    margin: 0;
}
.ftBot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.56vw 5.5vw;
    background-color: #0068EB;
    border-radius: 10px 10px 0 0;
}
.ftLef{
    font-size: 24px;
    line-height: 1.4;
}
.ftLef p span{
    font-size: 16px;
    opacity: .4;
}
.ftArrow{
    position: relative;
    display: block;
    width: 52px;
    height: 52px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
}
.ftArrow::after{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../png/next.png) center top no-repeat;
    background-size: contain;
    animation: ftArrow 2s linear infinite;
    transform: translateY(-15%);
}
.maskBg{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 10;
}
.maskBox{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #FFFFFF;
    border-radius: 5px;
    width: 95%;
    height: auto;
    padding: .5rem .3rem .1rem;
    max-width: 600px;
}
.videoBox{
    max-width: 800px;
    padding: 40px 15px 15px;
}
#video{
    display: block;
    width: 100%;
    height: auto;
}
.maskClose{
    position: absolute;
    right: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    background: url(../close.html) center center no-repeat;
    cursor: pointer;
}
.blueBg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 150%;
    height: 100%;
    display: block;
    content: "";
    background-color: #0068EB;
    transform: skew(-15deg) translateX(-150%);
    z-index: 2;
}
.blueBg.animated {
    animation-name: bgAni2;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-delay: .3s;
}

.video-box {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: auto;
    background-color: #111111;
}
.videoBg {
    display: inline-block;
    vertical-align: middle;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.botBg{
    color: #FFFFFF;
    background: url(../jpg/botbg.jpg) center right #0068EB no-repeat;
    background-size: auto 100%;
    min-height: 13vw;
}
.botCon{
    font-size: 2.5vw;
    padding: .3rem 0;
    letter-spacing: 0.07em;
}
.botCon p a{
    display: inline-block;
    vertical-align: middle;
    margin-left: 3vw;
    color: #FFFFFF;
}
.botCon p a.botMob{
    display: none;
}
.more_white{
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    margin-left: 2.86vw;
    margin-top: -2px;
    background-image: url(../png/explore.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: all .3s;
}
.botCon p a:hover .more_white{
    background-position: right -60px center;
    background-color: #FFFFFF;
}

/* cookie */
.cookieBox{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: rgba(255,255,255, 0.9);
    z-index: 103;
    color: #333;
    font-size: 14px;
    padding: .2rem 0 0.25rem;
    box-sizing: border-box;
    display: none;
}
.cookie{
    position: relative;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*padding-bottom: 10px;*/
    /*border-bottom: 2px solid #fff;*/
}
.icon_close{
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
}
.cookLef{
    padding-top: 25px;
}
.cookLef h3{
    font-size: 28px;
    color: #333;
    line-height: 1.4;
    margin-top: 3px;
}
.cookText {
    color: #333;
    font-size: 14px;
    line-height: 200%;
    margin: .1rem 0 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #333;
}
.cookText p{
    color: #333;
    font-size: 20px;
}
.cookLef a{
    color: #0068E7;
    border-bottom:1px solid #0068E7;
}
.cookLef a:hover{
    color: #00befd;
    border-bottom-color: #00befd;
}
.cookRig{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
}
.cookRig .btn{
    display: block;
    width: 96px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    border: 1px solid #333;
    text-align: center;
    color: #333;
    margin: 3px 0;
    cursor: pointer;
    font-size: 14px;
    box-sizing: border-box;
}
.cookRig .btn:hover{
    line-height: 32px;
    background: rgba(255, 255, 255, 0.1);
}

.cookie_bottom{
    display: flex;
    justify-content: flex-end;
    color: #fff;
    padding-top: 8px;
}
.cookie_bottom div{
    background: #0068E7;
    margin-left: 20px;
    width: 185px;
    line-height: 28px;
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    padding-bottom: 2px;
}

/*设置cookie*/
.cookie_setting{
    display: none;
}
.cookie_setting{
    font-size: 25px;
    color: #333;
}
.cookie_setting .back_box{
    font-size: 28px;
    color: #0068E7;
}
.cookie_setting .iconl3{
    width: 42px;
    /*margin-left: 10px;*/
    margin-right: 15px;
}
.cookie_setting .cookie_text a{
    display: inline-block;
    color: #0068E7;
}
.line_box{
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
    margin-bottom: 16px;
}
.cookie_setting .save_close{
    width: 120px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 33px;
    border-radius: 20px;
    background: #0068E7;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}
.cookie_setting  .cookie_2_box .cookie_title{
    display: flex;
    justify-content: space-between;
}
.cookie_setting .switch_btn{
    position: relative;
    padding: 0 2px;
}
.cookie_setting .inn_switch{
    display: flex;
    justify-content: space-between;
    background: #0068E7;
    border-radius: 100px;
    color: #fff;
    overflow: hidden;
}
.cookie_setting .inn_switch div{
    width: 58px;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
}
.cookie_setting .switch_btn .sw_btn{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    background: #eee;
    border-radius: 100px;
    transition: .5s;
}

@media (max-width:1600px) {
    .wrap{
        max-width: 1230px;
    }
    .headBg{
        height: 60px;
    }
    .logo{
        height: 60px;
    }
    .logo img{
        height: 20px;
    }
    .topRig {
        line-height: 60px;
    }
    .topRig li{
        font-size: 12px;
    }
    .topLangIco i{
        width: 16px;
        height: 16px;
    }
    .rig-dropdown {
        left: calc(16px + .52vw);
    }
    .topLangIco span{
        font-size: 12px;
    }
    .navList{
        font-size: 12px;
        line-height: 60px;
    }
    .navSub{
        padding: 15px 0;
        font-size: 12px;
        line-height: 1.6;
    }
    .navSub li a{
        font-size: 24px;
    }
    .ftTit{
        font-size: 20px;
    }
    .ftCon{
        font-size: 14px;
        line-height: 20px;
    }

    .share li{
        margin-left: 1.5vw;
    }
    .share li a{
        width: 32px;
        height: 32px;
        background-size: 32px auto;
    }
    .shareWx{
        background-position: 0 0;
    }
    .shareWx:hover {
        background-position: 0 -32px;
    }
    .shareZh {
        background-position: 0 -64px;
    }
    .shareZh:hover {
        background-position: 0 -96px;
    }
    .shareLk {
        background-position: 0 -128px;
    }
    .shareLk:hover {
        background-position: 0 -160px;
    }
    .shareTw {
        background-position: 0 -192px;
    }
    .shareTw:hover {
        background-position: 0 -224px;
    }
    .shareYTB {
        background-position: 0 -256px;
    }
    .shareYTB:hover {
        background-position: 0 -288px;
    }
    .shareCon{
        width: 120px;
    }
    .ftBot{
        padding: 1vw 4vw;
    }
    .ftLef{
        font-size: 20px;
    }
    .ftLef p span{
        font-size: 14px;
    }
    .ftArrow{
        width: 42px;
        height: 42px;
    }
    .more_white{
        width: 50px;
        height: 50px;
    }
    .botCon p a:hover .more_white{
        background-position: right -50px center;
    }
    .cookLef h3{
        font-size: 18px;
    }
    .cookText{
        margin: .06rem 0 0;
    }
    .cookRig .btn{
        margin: .1rem 0;
        width: 80px;
        height: 28px;
        line-height: 26px;
    }
    .cookRig .btn:hover{
        line-height: 26px;
    }
}
@media (max-width:1400px) {
    .more_white{
        width: 40px;
        height: 40px;
    }
    .botCon p a:hover .more_white{
        background-position: right -40px center;
    }

    .ftLink{
        list-style: none;
        text-align: right;
        flex-shrink: 0;
        font-size: 18px;
        line-height: 30px;
        white-space: nowrap;

        display: flex;
        justify-content: space-between;
    }
    .ftLink{
        /* padding: 0 50px; */
    }
    .ftLink ul{
        list-style: none;
    }
    .fo_link_li{
        display: flex;
        justify-content: space-between;
    }
    .ftLink .fo_left span{
        display: inline-block;
    }
    .ftLink .fo_left{
        padding-top: 0rem;
        border-bottom: 0;
    }
    .ftLink.cn .fo_left{
        padding-top: 0px;
    }
    .ftLink .fo_left{
        /* margin-left: 100px; */
        text-align: left;
    }
    .ftLink .fo_left .email{
        display: block;
        font-size: 20px;
        margin-right: 0;
    }
    .ftLink .fo_left .email_fir{
        display: block;
        margin-right: 0;
    }
    .fo_link_li .fo_right{
        display: flex;
        justify-content: flex-end;
        font-size: 0.2rem;
    }
    .fo_link_li .fo_right div{
        padding-left: 30px;
    }
    .ftLink .fo_left_1{
        font-size: 0.2rem;
    }

}
@media (min-width:1201px) {
    .mNav{
        display: none !important;
    }
}
@media (max-width:1200px) {
    .wrap{
        width: 100%;
    }
    .headBg{
        height: 60px;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    }
    .header.grayBg{
        background-color: #FFFFFF;
    }
    .headBg.up{
        transform: none;
    }
    .logo{
        height: 60px;
    }
    .logo img{
        width: 140px;
        height: auto;
    }
    .topRig{
        position: relative;
        line-height: 60px;
    }
    .topRig li.navBtn{
        position: relative;
        display: inline-block;
        cursor: pointer;
        z-index: 2;
    }
    .topLang.open .topLangIco span{
        opacity: 1;
        visibility: visible;
    }
    .rig-dropdown{
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
        visibility: visible;
        background-color: #FFFFFF;
        transition: none;
        line-height: 44px;
        padding: 0 15px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        display: none;
    }
    .navBtn span{
        display: block;
        width:25px;
        height:30px;
        position:relative;
    }
    .navBtn span b{
        display:block;
        width:100%;
        height:2px;
        background: #0068DF;
        position:absolute;
        left:0;
        top:calc((100% - 4px) / 2);
        transition:all .3s;
    }
    .navBtn span b:nth-child(1){
        transform:translateY(8px) rotate(0deg);
    }
    .navBtn span b:nth-child(3){
        transform:translateY(-8px) rotate(0deg);
    }
    .navBtn.active{
        margin-right: calc(.8rem - 15px);
        top: 30px;
    }
    .navBtn.active b:nth-child(1){
        transform:translateY(0) rotate(45deg);
    }
    .navBtn.active b:nth-child(3){
        transform:translateY(0) rotate(-45deg);
    }
    .navBtn.active b:nth-child(2){
        opacity:0;
        transform: translateX(100%);
    }
    .navBtn.active span b{
        background-color: #FFFFFF;
    }
    .nav-overlay{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        opacity: .7;
        display: none;
    }
    .navList{
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #2868EE;
        transform: translateX(100%);
        overflow-y: auto;
        padding: 80px .8rem 0;
        text-align: left;
        line-height: 40px;
        display: block;
        transition: all .3s;
    }
    .navList.show{
        transform: translateX(0);
    }
    .navList > li{
        float: none;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #FFFFFF;
        margin-top: .4rem;
    }
    .navList > li > a:hover,
    .navList > li > a{
        color: #FFFFFF;
        font-size: 2.2vw;
    }
    .navList > li.dropdown > a:after{
        display: block;
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 24px;
        color: #FFFFFF;
        transition: all .3s;
    }
    .nav-dropdown{
        position: static;
        background-color: transparent;
    }
    .navSub {
        display: block;
        padding: .1rem 0;
        background-color: transparent;
    }
    .navSub li{
        width: 100%;
    }
    .navSub li a{
        font-size: 18px;
        color: #FFFFFF;
        line-height: 30px;
    }
    .navSub .fontHeight{
        display: none;
    }
    .navList > li.cur a::after{
        transform: rotate(180deg);
    }
    .navList > li.cur > a, .navList > li.active > a,
    .navSub li a:hover{
        color: #FFFFFF;
    }
    .ftTit {
        font-size: 18px;
    }
    .ftLink {
        font-size: 14px;
    }
    .ftLink li a i{
        margin-left: 10px;
    }
    .copyright{
        font-size: 14px;
    }
}
@media (max-width:991px) {
    .banImg::after{
        background: transparent;
    }
    .ftArrow{
        width: 32px;
        height: 32px;
    }
}
@media (max-width:767px) {
    .banTit {
        font-family: inherit;
        font-style: unset;
    }
    .wrap{
        width: 100%;
    }
    .headBg{
        height: 1.6rem;
    }
    .header .wrap{
        padding: 0 .6rem;
    }
    .logo{
        height: 1.6rem;
    }
    .logo img{
        height: .42rem;
    }
    .topRig{
        line-height: 1.6rem;
    }
    .topRig li.navBtn{
        position: relative;
        display: inline-block;
        cursor: pointer;
        z-index: 2;
    }
    .navBtn{
        width: .37rem;
        height: .37rem;
        background: url(../svg/menu.svg) center center no-repeat;
        background-size: contain ;
    }
    .navBtn.active{
        background-image: url(../png/close.png);
        margin-right: 0;
        top: -.14rem;
    }
    .navBtn span{
        display: none;
    }
    .navList{
        font-size: .3rem;
        line-height: .36rem;
        padding: .23rem .86rem 0 .84rem;
        max-width: 4.12rem;
    }
    .navList > li{
        margin-top: .72rem;
    }
    .navList > li:last-child{
        border-bottom: none;
    }
    .navList > li > a{
        padding-bottom: .12rem;
    }
    .navList > li.dropdown > a:after{
        width: .23rem;
        height: .36rem;
        background: url(../png/down.png) center center no-repeat;
        background-size: auto .1rem;
        content: "";
    }
    .nav-list > li.cur a::after {
        transform: rotate(180deg)
    }
    .nav-list > li.dropdown > a:after{
        width: .23rem;
        height: .36rem;
        background: url(../png/down.png) center center no-repeat;
        background-size: auto .1rem;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: .5rem;
        transition: all .3s;
    }
    .nav-dropdown .wrap{
        padding: 0;
    }
    .navSub {
        padding: 0;
        padding-right: 1.2rem;
        padding-bottom: 0.1rem;
    }
    .navSub li {
        padding: .1rem 0 0.26rem .1rem;
    }
    .navSub li:first-child {
        padding-top: .26rem;
        padding-bottom: .1rem;
    }
    .navSub li a{
        font-size: .24rem;
        line-height: .28rem;
        margin: 0;
        /* padding: .11rem 0; */
        font-family: "Blinker";
    }
    .topRig li.topLang{
        display: none;
    }
    .mLang{
        display: block;
        margin-top: .58rem;
        color: #FFFFFF;
        text-align: right;
        font-size: 0;
    }
    .navList .dLang,
    .oLang{
        display: inline-block;
        vertical-align: middle;
        font-size: .26rem;
        line-height: .4rem;
    }
    .navList .dLang{
        padding-left: .5rem;
        background: url(../png/lang.png) left center no-repeat;
        background-size: auto .34rem;
        padding-bottom: 0;
    }
    .oLang{
        display: none;
    }
    .oLang a{
        color: #FFFFFF;
    }
    .botBg{
        height: 2rem;
    }
    .botBg .wrap{
        padding: 0 .8rem 0 .8rem;
    }
    .botCon{
        font-size: .3rem;
        line-height: 1.6;
    }
    .botCon p a{
        margin-left: 0;
        margin-top: .18rem;
        max-width: 2rem;
    }
    .botCon p a.botPc{
        display: none;
    }
    .botCon p a.botMob{
        display: block;
    }
    .more_white{
        width: .47rem;
        height: .47rem;
    }
    .botCon p a:hover .more_white{
        background-position: right center;
        background-color: transparent;
    }
    .footBg .wrap{
        padding: 0 1.14rem;
    }
    .ftLogo{
        margin: .96rem 0 1.05rem;
    }
    .ftLogo img{
        height: .36rem;
    }
    .ftTop{
        display: block;
        margin: 1rem 0 .6rem;
    }
    
    .ftText.ch li{
        width: 100%;
        max-width: 100%;
        margin-bottom: .67rem;
        padding: 0;
    }

    .ftText li{
        width: 100%;
        max-width: 100%;
        margin-bottom: .67rem;
        padding: 0;
    }
    .ftTit{
        font-size: .3rem;
        line-height: .36rem;
        margin-bottom: .5rem;
    }
    .ftCon{
        font-size: .24rem;
        line-height: .52rem;
    }
    .ftText.ch li .momenta-description{
        font-size: .24rem;
        line-height: .52rem;
    }

    .ftLink{
        width: 100%;
        text-align: left;
        border-top: 1px solid #C3C3C3;
        padding-top: .42rem;
        font-size: .24rem;
        line-height: .32rem;
    }
    .ftLink li{
        margin-top: .2rem;
    }
    .ftLink li a{
        font-size: 0.3rem;
    }
    .ftLink li a i{
        width: .5rem;
        height: .5rem;
        margin-left: .38rem;
    }
    .ftLine{
        display: none;
    }
    .ftCen{
        flex-direction: column-reverse;
        margin: .6rem 0 .4rem;
    }


    .ftLink{
        font-size: 16px;
        display: block;
    }
    .ftLink .fo_left{
        border-bottom: 1px solid #C3C3C3;
        padding-bottom: 1.1rem;
    }
    .fo_left_1{
        padding-top: 0.9rem;
    }
    .ftLink .fo_left .email{
        padding-bottom: 10px;
    }
    .ftLink .fo_left span{
        display: block;
    }
    .fo_link_li{
        display: block;
    }
    .fo_link_li .fo_right{
        display: block;
    }
    .fo_link_li .fo_right div{
        padding: 0.2rem 0;
    }

    .share,
    .copyright{
        width: 100%;
    }
    .copyright{
        margin-top: 1.3rem;
        font-size: .24rem;
        line-height: 1.6;
    }
    .share{
        display: flex;
        justify-content: space-between;
    }
    .share li a{
        width: .6rem;
        height: .6rem;
        background-size: .6rem auto;
    }
    .shareWx {
        background-position: 0 0;
    }
    .shareWx:hover {
        background-position: 0 -.6rem;
    }
    .shareZh {
        background-position: 0 -1.2rem;
    }
    .shareZh:hover {
        background-position: 0 -1.8rem;
    }
    .shareLk {
        background-position: 0 -2.4rem;
    }
    .shareLk:hover {
        background-position: 0 -3rem;
    }
    .shareTw {
        background-position: 0 -3.6rem;
    }
    .shareTw:hover {
        background-position: 0 -4.2rem;
    }
    .shareYTB {
        background-position: 0 -4.8rem;
    }
    .shareYTB:hover {
        background-position: 0 -5.4rem;
    }
    .shareCon{
        display: none;
        transition: none;
        opacity: 1;
        visibility: visible;
        margin: 0;
        bottom: calc(100% + 13px);
        left: -.6rem;
        transform: translateX(0);
        width: 2rem;
        max-width: 120px;
    }
    .shareCon::after{
        left: calc(.6rem + 5px);
        transform: translateX(0);
    }
    .ftBot{
        width: 6.5rem;
        height: .9rem;
        margin-left: -.64rem;
        padding: 0 .62rem 0 .68rem;
    }
    .ftLef{
        font-size: .24rem;
        line-height: .29rem;
    }
    .ftArrow{
        width: .24rem;
        height: .24rem;
        border-width: 1px;
    }
    /* cookie */
    .cookie{
        display: block;
    }
    .cookRig{
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        margin-top: .1rem;
    }
    .cookLef h3{
        font-size: .24rem;
        font-size: .32rem;
    }
    .cookLef a{
        font-size: .3rem;
        display: inline-block;
    }
    .cookText{
        font-size: .16rem;
        line-height: .38rem;
        font-size: .24rem;
        line-height: 1.6;
        margin: .1rem 0 0;
        border-bottom: 0;
        padding-bottom: 0;
    }
    .cookText p{
        font-size: .3rem;
    }
    .cookie_bottom{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-top: 0;
        margin-top: 0.2rem;
    }
    .icon_close{
        margin-top: 0.2rem;
    }
    .cookie_bottom div{
        /*margin: 0;*/
        margin-bottom: 0.2rem;
        font-size: 0.25rem;
    }
    .icon_close{
        width: 0.5rem;
    }
    .cookRig .btn{
        width: 1.39rem;
        height: .46rem;
        line-height: .44rem;
        border-radius: .23rem;
        font-size: .18rem;
        font-size: .24rem;
    }
    .cookRig .btn:hover{
        line-height: .44rem;
    }
    .cookie_setting .iconl3{
        width: 0.7rem;
        margin-right: 0.2rem;
    }
    .cookie_setting .inn_switch div{
        width: 0.7rem;
        line-height: .5rem;
        font-size: 0.15rem;
    }


    .ftLink .fo_left{
        border-bottom: 1px solid #C3C3C3;
        padding-bottom: 1.3rem;
    }
    .ftLink.cn{
        padding-top: 1.2rem;

    }
    .ftLink.cn .fo_left_1{
        margin-top: 0;
    }
    .fo_left_1{
        padding-top: 0.9rem;
    }
    .ftLink .fo_left{
        margin-bottom: 0;
    }
    .ftLink .fo_left .email{
        padding-bottom: 0.2rem;
    }
    .ftLink.cn .fo_left .email{
        font-size: 0.3rem;
    }
    .ftLink .fo_left span{
        display: block;
        padding-top: 0.3rem;
    }
    .fo_link_li{
        display: block;
    }
    .fo_link_li .fo_right{
        display: block;
    }
    .fo_link_li .fo_right div{
        padding: 0.2rem 0;
    }
    .wrodbreak{
        padding: 0 0.5rem 0 0;
        white-space: pre-line !important;
        word-wrap: break-word !important;
    }

}
.under_line{
    letter-spacing: -2px;
    margin-right: 4px;
}
/* @media (max-width:767px) {
    .footBg .wrap{
        padding: 0 .6rem;
    }
    .ftLogo{
        margin: .7rem 0;
    }
    .ftTop{
        display: block;
        margin: .6rem 0 .3rem;
    }
    .ftText li{
        width: 100%;
        max-width: 100%;
        margin: .3rem 0;
        padding: 0;
    }
    .ftLink{
        width: 100%;
        text-align: left;
        border-top: 1px solid #C3C3C3;
        padding-top: .2rem;
    }
    .ftLink li{
        margin-top: .1rem;
    }
    .ftLink li a i{
        width: 22px;
        height: 22px;
        margin-left: 5px;
    }
    .ftLine{
        display: none;
    }
    .ftCen{
        flex-direction: column-reverse;
        margin: .3rem 0;
    }
    .share,
    .copyright{
        width: 100%;
    }
    .copyright{
        margin-top: 1rem;
    }
    .share{
        text-align: left;
    }
    .share li{
        margin: 0 .3rem 0 0;
    }
    .shareCon{
        display: none;
        transition: none;
        opacity: 1;
        visibility: visible;
        margin: 0;
        bottom: calc(100% + 13px);
        left: -.6rem;
        transform: translateX(0);
        width: 2rem;
        max-width: 120px;
    }
    .shareCon::after{
        left: calc(.6rem + 5px);
        transform: translateX(0);
    }
    .botBg{
        min-height: 2rem;
    }
    .botBg .wrap{
        padding: 0 .6rem;
    }
    .botCon{
        font-size: .24rem;
    }
    .botCon p a{
        display: block;
        margin-left: 0;
        margin-top: .18rem;
    }
}
@media (max-width:640px) {
    .navSub li a{
        font-size: 16px;
        line-height: 24px;
    }
    .navList > li.dropdown > a:after{
        font-size: 20px;
    }
    .ftLef{
        font-size: 16px;
    }
    .ftLef p span{
        font-size: 12px;
    }
    .more_white{
        width: 32px;
        height: 32px;
    }
    .botCon p a:hover .more_white{
        background-position: right -32px center;
    }
}
@media (max-width:460px) {
    .headBg{
        height: 50px;
    }
    .logo{
        height: 50px;
    }
    .logo img{
        height: 20px;
    }
    .topRig{
        line-height: 50px;
    }
    .topRig li{
        margin-left: .2rem;
    }
    .ftTit{
        font-size: 16px;
    }
    .share li a{
        width: 28px;
        height: 28px;
        background-size: 28px auto;
    }
    .shareWx {
        background-position: 0 0;
    }
    .shareWx:hover {
        background-position: 0 -28px;
    }
    .shareZh {
        background-position: 0 -56px;
    }
    .shareZh:hover {
        background-position: 0 -84px;
    }
    .shareLk {
        background-position: 0 -112px;
    }
    .shareLk:hover {
        background-position: 0 -140px;
    }
    .shareTw {
        background-position: 0 -168px;
    }
    .shareTw:hover {
        background-position: 0 -196px;
    }
    .botCon{
        font-size: .28rem;
    }
    .more_white{
        width: 28px;
        height: 28px;
    }
    .botCon p a:hover .more_white{
        background-position: right -28px center;
    }
} */

.new_m_home{
    display: none;
}
.momenta-h5 {
    display: none;
  }

  @media screen and (max-width: 767px) {
    .logo .momenta-h5 {
        margin-bottom: 0;
      }
    .header {
      background-color: #fff;
    }
    .header.grayBg {
      background-color: #0068e8;
    }
    .header .navBtn.active {
      top: unset;
      margin-right: 0;
    }
    .headBg {
      box-shadow: none;
    }
    .headBg.active .header {
      background-color: #fff;
      transition: all 0.2s linear;
    }
    .headBg.active .header .logo span {
      background: url(../png/momenta_logo.png) no-repeat;
      background-size: 100% 100%;
    }
    .headBg.active .header .navBtn {
      background: url(../svg/nav-close.svg) center center no-repeat;
    }
    .logo span {
      display: inline-block;
      width: 2.4rem;
      height: 0.32rem;
      background: url(../svg/momenta_logo_white.svg) no-repeat;
      background-size: 100% 100%;
    }
    .momenta-h5 {
      display: block;
    }
    .momenta-pc {
      display: none;
    }
    .skew-title {
      height: 5.4rem;
      background-color: #0068e8;
      padding-top: var(--siteNavHeight);
      transform: skewY(-15deg) translateY(-.9rem);
      box-sizing: border-box;
    }
    .skew-title-text {
      font-size: 0.58rem;
      line-height: 0.8rem;
      color: #fff;
      transform: skewY(15deg) translateY(1rem);
      padding: 0.3rem 0 0 0.76rem;
    }
    .skew-image {
      overflow: hidden;
      transform: skewY(-15deg);
    }
    .skew-image-inner {
      transform: skewY(15deg) translateY(-1rem);
    }
    .skew-container {
      overflow: hidden;
      transform: skewY(-15deg);
    }
    .skew-container-inner {
      transform: skewY(15deg) translateY(-1rem);
    }
    .show-nav {
      transform: translateX(-3.04rem);
      transition: transform 0.2s linear 0.2s;
    }
    .hide-nav {
      transition: transform 0.2s linear;
    }
    .hide-header {
      opacity: 0;
      transform: opacity 0.2s linear;
      z-index: 70;
    }
    .show-header {
      transform: opacity 0.2s linear 0.2s;
    }
    .nav {
      transform: translateX(3.04rem);
      position: fixed;
      top: 0;
      right: 0;
      width: 3.04rem;
      height: 100%;
      background: url(../jpg/nav-bg.jpg) no-repeat;
      background-size: cover;
      background-position: center center;
      z-index: 90;
      /* min-height: 700px;
      overflow-y: scroll; */
    }
    .nav-header {
      height: 1.6rem;
      width: 100%;
      position: relative;
    }
    .nav-header .close {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0.5rem;
      width: 0.6rem;
      height: 0.6rem;
    }
    .nav-header .close::after,
    .nav-header .close::before {
      content: '';
      display: inline-block;
      width: 0.36rem;
      height: 0.04rem;
      background-color: #fff;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .nav-header .close::after {
      transform: translate(-50%, -50%) rotate(45deg);
    }
    .nav-header .close::before {
      transform: translate(-50%, -50%) rotate(-45deg);
    }
    .nav-list {
      margin-top: .8rem;
      color: #fff;
      list-style: none;
      /* height: 100%;
      position: relative; */
    }
    .nav-item {
      padding-left: 0.96rem;
      margin-bottom: .6rem;
      font-size: 0.28rem;
      line-height: 0.38rem;
      position: relative;
    }
    .nav-item.dropdown {
        transition: all .3s;
    }
    .nav-item.cur {
        margin-bottom: 1.76rem;
    }
    .nav-item::marker {
      color: transparent;
    }
    .nav-item:last-child {
        position: absolute;
        bottom: 1rem;
        left: 0;
        margin-bottom: 0;
    }
    .nav-item:last-child span {
        opacity: .8;
    }
    .nav-item.active .icon {
      opacity: 1;
    }
    .nav-item .icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0.36rem;
      display: inline-block;
      width: 0;
      height: 0;
      border: 0.12rem solid transparent;
      border-left: 0.26rem solid #fff;
      opacity: 0;
    }
    .nav-item a {
      color: #fff;
    }
    .nav.show-nav {
      transform: translateX(0);
    }
    .nav-mask {
        transition: opacity .2s linear .2s;
    }
    .nav-mask {
      width: 100vw;
      height: 100vh;
      position: fixed;
      left: 0;
      top: 0;
      display: none;
      z-index: 80;
      background-color: rgb(0, 0, 0);
      opacity: 0;
      transition: opacity .2s linear .2s;
    }
    .nav-mask.show-nav {
      display: block;
      transform: translateX(0);
      opacity: .2;
    }
    .nav-dropdown {
        position: absolute;
        left: 0.96rem;
        /* top: 0; */
    }
  }
  /* pc 中文样式 */
  html[screen=pc] .momenta-description {
    font-size: 1.1vw;
    line-height: 2.0;
  }
  @media screen and (max-width: 767px)  {
    .header.mobile {
        background-color: #0068E8;
    }
    /* 移动端中文样式 */
    html[screen=mobile] .momenta-description {
        font-size: .26rem !important;
        line-height: .52rem !important;
    }

}
@media screen and (max-width: 1400px)  {
    /* 移动端英文样式 */
    html[screen=pc] .momenta-description {
        font-size: 1.6vw;
        line-height: 1.6;
    }
    .banText{
        padding-bottom: 10%;
        padding-left: 20px;
    }
    .banTit+.banDes {
        max-width: 63.54vw;
    }
}

@media screen and (max-width: 1200px)  {
    .new_m_home{
        display: block;
    }
    html[screen=pc] .momenta-description {
        font-size: 1.7vw;
        line-height: 1.6;
    }
}