body, html {width: 100%;position: relative;margin: 0;padding: 0;background: #000;}
.part_box{position: relative;}
.part_box img{ display: block; width: 100%;}
.section{ width: 100%; position: relative;}
.opt0{ opacity: 0;}

@keyframes fadeInLeft1{
    0%{ opacity: 0; transform: translate(-100px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translate(0,60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}

.mobile #headerNav img.logo_img{max-width: 100%!important;}
.fadeInUp1{ animation: fadeInUp1  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.8s ease 0.6s  forwards; will-change: transform,opacity;}
.video_btn {position: absolute;top: 23%;left: 50%;width: 8.7%;transform: translateX(-50%);display: inline-block;cursor: pointer;}
.app_btn {position: absolute;top: 78%;left: 50%;width: 24.6%;transform: translateX(-50%);display: inline-block;cursor: pointer;}
.part_box .attention_title_active{position: fixed;top:15vw; width:28.7%;left:50%;transform: translateX(-50%); display: none;}
.part_box .attention_title_has{position: fixed;top:15vw; width:28.7%;left:50%;transform: translateX(-50%); display: none;}
.part_box .attention_title_over{position: fixed;top:15vw; width:28.7%;left:50%;transform: translateX(-50%); display: none;}
.close_btn{width: 2.2vw;height: 2.2vw;position: absolute;top: 2vw;right: 2.1vw;cursor: pointer;}
.kv_title{position: absolute;width:36.5%;top:9.7vw;left: 31.7%;}
.title_text{position: absolute;width:100%;top:42vw;left: 0;text-align: center;font-size: 3.2vw;font-weight: bold;color: #fff;}
.title_des{position: absolute;width:100%;top:46.3vw;left: 0;text-align: center;font-size: 2.4vw;color: #fff;}

@media screen and ( max-width : 800px) {
    .kv_title{position: absolute;width:53.6%;top:14.4vw;left: 23.2%;}
    .title_text{position: absolute;width:100%;top:68.9vw;left: 0;text-align: center;font-size: 5.7vw;font-weight: bold;color: #fff;}
    .title_des{position: absolute;width:100%;top:76.9vw;left: 0;text-align: center;font-size: 4.3vw;color: #fff;}
    .video_btn {position: absolute;top: 45%;left: 50%;width: 22%;transform: translateX(-50%);display: inline-block;cursor: pointer;}
    .app_btn {position: absolute;width: 47.5vw;top:154.2vw;left: 50%;transform: translateX(-50%);display: inline-block;cursor: pointer;}
    .part_box .attention_title_active{position: absolute;top: 84vw;left:15%;width: 70%;transform: translateX(0);text-align: center;display: none;}
    .part_box .attention_title_has{position: absolute;top: 84vw;left:15%;width: 70%;transform: translateX(0);text-align: center;display: none;}
    .part_box .attention_title_over{position: absolute;top: 84vw;left:15%;width: 70%;transform: translateX(0);text-align: center;display: none;}
    .close_btn{width: 8.2vw;height: 8.2vw;position: absolute;top: 3.5vw;right: 3.5vw;cursor: pointer;}
}
@media screen and ( max-width : 800px) {
    #headerNavMain{display: none!important;}
    .mobi-right {
        width: 36vw;
    }
    .logo_img {border: none;display: block;max-width:100%!important;}
    #header-mobi img {border: none;display: block;width: auto!important; max-width:100%!important;}
    .mobi-right img{width: 6vw!important;}
    #headerNav .search-btn, #headerNav .user-btn{margin-right: 2.7vw!important;}
    .mobile .head_content.mobi p a {width: 6vw!important;padding: 1.5vw!important;}
    .mobile .menu-btn img {height: 9vw!important;width: 9vw!important;}
    .mobile #headerNav{height: 18vw!important;}
    .header-v2 {height: 18vw!important;}
    .mobile #headerNav .head_content{height: 18vw!important;}
    .mobile #headerNav .logo-brand{padding-top:7vw!important;margin-left: 0!important;width: 21.4vw!important; }
    #header-mobi{top:17.8vw!important;}
    #mobi-search{top:17.8vw!important;}
    #headerNav input#mobi-myinput{font-size:4vw!important;height:13.5vw!important;padding: 2vw 2rem 2vw 13vw!important;}
    #mobi-search .mobi-search-showicon{width: 6vw!important;}
    #mobi-search_url{font-size: 4vw!important;padding: 4vw 6vw!important;}
    div#header-mobi .button button, div#header-mobi .button a{font-size: 4vw!important;padding: 2.5vw 12vw!important;}
    div#header-mobi .button button#close-btn{width: 5.3vw!important;}
    .menu-close-btn {margin-bottom: 8vw!important;}
    div#header-mobi .button button:not(#close-btn) img, div#header-mobi .button a img {
        position: absolute;
        right: 7vw!important;
        height: 3vw!important;
        top: 50%;
        transform: translate(0, -50%);
    }
    #header-mobi .menu-level-two-item {
        font-weight: bold;
        margin: 3vw 0!important;
        float: right;
    }
    .mobi-recommend .select_recommend, .mobi-autosuggestion-search li {
        line-height: 1;
        text-indent: 13vw!important;
        cursor: default;
        font-size: 4vw!important;
        padding: 2.5vw 0!important;
    }
    #headerNavMain{display: none!important;}
    .aem-Grid--default--12 .header-v2 {height: 18vw!important;}
    #main_footer #footer_one .button .cmp-button {
        font-size: 3.7vw!important;
        line-height: 5.6vw!important;
        text-align: center;
        flex-direction: column;
        padding: 0 3.3vw!important;
    }
    #main_footer #footer_one {
        margin: 8vw 0 0 0!important;
        padding: 0 0% 5%;
    }
    #main_footer .button .cmp-button img {
        width: 6.4vw!important;
        height: 6.4vw!important;
        margin-right: 0;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item {
        font-size: 3.5vw!important;
        width: 100%;
        color: #272A31;
        line-height: 4.5vw!important;
        text-align: left;
        padding:5.3vw 0!important;
        position: relative;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item::after {
        content: "";
        width: 2.7vw!important;
        background-size:  2.7vw!important;
        height:  2.7vw!important;
        position: absolute;
        display: block;
        right: 0;
        transform: rotate(90deg);
        transition: transform 0.2s ease-in;
        top: 45%;
    }
    #main_footer #footer_two #footer_two_right .button .cmp-button {
        font-weight: 400;
        font-size: 3.2vw!important;
        color: #272A31;
        line-height: 5.1vw!important;
        padding: 1.3vw 8vw !important;
    }
    #main_footer #footer_three .button .cmp-button.menu-title {
        font-size: 3.2vw!important;
        line-height: 5.1vw!important;
    }
    #main_footer #footer_three .button .cmp-button.menu-level-one-item {
        font-size: 2.9vw!important;
        line-height: 3.9vw!important;
        padding: 0;
    }
    .cmp-container .icpContent {
        padding: 2.7vw 2.7vw !important;
        font-size: 1.2vw!important;
    }
    .icpContent span {
        padding: 0.5vw 2.7vw!important;
        text-align: center;
        font-size: 2.7vw!important;
    }
    #footer_three >.aem-Grid {
        text-align: center;
        padding-top: 10.7vw!important;
    }
    #footer_three >.aem-Grid >.container {
        width: 100%;
        margin: 2.7vw 0!important;
    }
    #footer_two_right .share-container .share-container-item{
        margin-bottom: 2.7vw!important;
    }
    .cmp-embed .websecret {
        font-size: 1.6vw !important;
        color: #808080;
    }
    #main_footer #footer_three {
        padding: 0px 4% 10.7vw!important;
    }
    .footer-share-button .shareIcon {
        width: 6.4vw!important;
        height: 6.4vw!important;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button {
        font-size:2.9vw!important;
        line-height: 3.9vw!important;
        text-align: left;
        color: #666666;
        padding: 3% 0;
    }
    .icpContent span img {
        top: 0.7vw!important;
        margin-right: 0.7vw!important;
    }
    #button-af2dda1aaf img{width: 2.7vw!important;}
}
@media screen and ( max-width : 750px) {
    .aem-Grid--default--12 .header-v2 {height: 18vw!important;}
    #main_footer #footer_one .button .cmp-button {
        font-size: 3.7vw!important;
        line-height: 5.6vw!important;
        text-align: center;
        flex-direction: column;
        padding: 0 3.3vw!important;
    }
    #main_footer #footer_one {
        margin: 8vw 0 0 0!important;
        padding: 0 0% 5%;
    }
    #main_footer .button .cmp-button img {
        width: 6.4vw!important;
        height: 6.4vw!important;
        margin-right: 0;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item {
        font-size: 3.5vw!important;
        width: 100%;
        color: #272A31;
        line-height: 4.5vw!important;
        text-align: left;
        padding:5.3vw 0!important;
        position: relative;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button.menu-level-one-item::after {
        content: "";
        width: 2.7vw!important;
        background-size:  2.7vw!important;
        height:  2.7vw!important;
        position: absolute;
        display: block;
        right: 0;
        transform: rotate(90deg);
        transition: transform 0.2s ease-in;
        top: 45%;
    }
    #main_footer #footer_two #footer_two_right .button .cmp-button {
        font-weight: 400;
        font-size: 3.2vw!important;
        color: #272A31;
        line-height: 5.1vw!important;
        padding: 1.3vw 8vw !important;
    }
    #main_footer #footer_three .button .cmp-button.menu-title {
        font-size: 3.2vw!important;
        line-height: 5.1vw!important;
    }
    #main_footer #footer_three .button .cmp-button.menu-level-one-item {
        font-size: 2.9vw!important;
        line-height: 3.9vw!important;
        padding: 0;
    }
    .cmp-container .icpContent {
        padding: 2.7vw 2.7vw !important;
        font-size: 1.2vw!important;
    }
    .icpContent span {
        padding: 0.5vw 2.7vw!important;
        text-align: center;
        font-size: 2.7vw!important;
    }
    #footer_three >.aem-Grid {
        text-align: center;
        padding-top: 10.7vw!important;
    }
    #footer_three >.aem-Grid >.container {
        width: 100%;
        margin: 2.7vw 0!important;
    }
    #footer_two_right .share-container .share-container-item{
        margin-bottom: 2.7vw!important;
    }
    .cmp-embed .websecret {
        font-size: 1.6vw !important;
        color: #808080;
    }
    #main_footer #footer_three {
        padding: 0px 4% 10.7vw!important;
    }
    .footer-share-button .shareIcon {
        width: 6.4vw!important;
        height: 6.4vw!important;
    }
    #main_footer #footer_two #footer_two_left .footer_two_left_item .button .cmp-button {
        font-size:2.9vw!important;
        line-height: 3.9vw!important;
        text-align: left;
        color: #666666;
        padding: 3% 0;
    }
    .icpContent span img {
        top: 0.7vw!important;
        margin-right: 0.7vw!important;
    }
    #button-af2dda1aaf img{width: 2.7vw!important;}
}