.sections{ width: 100%; position: relative;font-size: 0;background: #fff;}
.sections img{ display: block; max-width: 100%;line-height: 0;margin-top: -2px;}
.section{ width: 100%; position: relative;font-size: 0;}
.a_anim{ 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);}
}
@keyframes part001_1_icon03 {
    0% {
        opacity: 1;
        transform: translate(20px,0);
    }
    50% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 1;
        transform: translate(20px,0);
    }
}

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


@keyframes part001_2_icon03 {
    0% {
        opacity: 1;
        transform: translate(5px,-5px);
    }
    25% {
        opacity: 1;
        transform: translate(0px,-5px);
    }
    50% {
        opacity: 1;
        transform: translate(0,0);
    }
    25% {
        opacity: 1;
        transform: translate(5px,0px);
    }
    100% {
        opacity: 1;
        transform: translate(5px,-5px);
    }
}

@keyframes part001_1_icon02 {
    0% {
        opacity: 1;
        transform: translate(0,-10px);
    }
    50% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 1;
        transform: translate(0,-10px);
    }
}
.fadeInUp{ animation: fadeInUp1  0.6s ease 0.2s  forwards; will-change: transform,opacity;}
.fadeInUp1{ animation: fadeInUp1  0.6s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.6s ease 0.6s  forwards; will-change: transform,opacity;}
.fadeInUp3{ animation: fadeInUp1  0.6s ease 0.8s  forwards; will-change: transform,opacity;}

/*fonts*/
.txtC{text-align: center;}
.font_bold{font-weight: bold;}
.colorfff{ color: #fff; }
.section{width: 100%;position: relative;}
.section1{position: relative;}

.fsize34{ font-size: 1.5vw;line-height: 1.4;}
.fsize26{ font-size: 1.4vw;line-height: 1.6;}

.coloraaa{
    color:transparent;
    background: linear-gradient(92deg, rgb(199, 166, 255) 10%, rgb(153, 164, 245) 50%, rgb(199, 166, 255) 77%);
    -webkit-background-clip: text;
}

.pc_title01{position: absolute;width:100%;left:0;top:8.4vw;font-size: 3.6vw;letter-spacing: 0.2vw;}
.pc_title02{position: absolute;width:100%;left:0;top:49.4vw;font-size: 2.5vw;letter-spacing: 0.2vw;color: #fff;font-weight: bold;}

.section1_body{position: absolute;width:48%;left:27%;top:15.4vw;display: flex;flex-direction: column;}
.section1_body_item{margin-bottom: 3vw;}
.section1_body_item_title{font-size: 1.6vw;font-weight: bold;color: #fff;letter-spacing: 0.2vw;margin-bottom: 0.5vw;}
.section1_body_item_des{font-size: 1.2vw;color: #fff;letter-spacing: 0.2vw;}
.tablie_content{position: absolute;width:75.5%;left:12.25%;top:55vw;}
.tablie_content span{}
.msections{ width: 100%; position: relative; display: none;}
.msections img { display: block; width: 100%; }

@media screen and (min-width:1921px) {
    .section{width: 1920px;margin: 0 auto;overflow: hidden;}
    .pc_title01{position: absolute;width:100%;left:0;top:161px;font-size: 69px;letter-spacing: 3px;} .pc_title02{position: absolute;width:100%;left:0;top:948px;font-size: 48px;letter-spacing: 3px;color: #fff;font-weight: bold;} .section1_body{position: absolute;width:48%;left:27%;top:295px;display: flex;flex-direction: column;} .section1_body_item{margin-bottom: 57px;} .section1_body_item_title{font-size: 30px;font-weight: bold;color: #fff;letter-spacing: 3px;margin-bottom: 9px;} .section1_body_item_des{font-size: 23px;color: #fff;letter-spacing: 3px;} .tablie_content{position: absolute;width:75.5%;left:12.25%;top:1056px;}
}

@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;}
}


@media screen and ( max-width : 800px){
    body{overflow-x: unset;}
    .msections{ display: block;background:#000;}
    .sections{ display: none;}
    .section1_pic{width: 56.7%;position: absolute;top:24.7vw;left:21.7%;transform: translateY(40px);}
    .section1{width: 100%;}

}
@media screen and ( max-width : 320px){
    .msections{ display: block;}
    .sections{ display: none;}
}