html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.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);}
}

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

@keyframes intoRight{
    0%{ transform: translate(0,0);}
    100%{transform: translate(50%,0);}
}
@keyframes fadeIn1{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
@keyframes breath{
    0%{ transform: scale(1); opacity: 0.8;}
    50%{ transform: scale(1.1); opacity:1;}
    100%{ transform: scale(1); opacity:0.8;}
}

@keyframes fromLeft{

    0%{ transform: translate(-50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}

@keyframes fromRight{
    0%{ transform: translate(50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}

/*fonts*/
.txtC{text-align: center;}
.txtL{text-align: left;}
.font_bold{font-weight: bold;}
.colorfff{ color: #fff; }
.color000{ color: #000;}
.fsize60{ font-size:3.1vw;line-height: 1;letter-spacing: 0.2vw;}
.fsize46{ font-size:2.4vw;line-height: 1;letter-spacing: 0.1vw;}
.fsize18{ font-size: 0.9vw;line-height: 1.6;letter-spacing: 0.1vw;}
.fsize20{ font-size: 1vw;line-height: 1.6;letter-spacing: 0.1vw;}


.section{width: 100%;position: relative;}
.section1{position: relative;}
.section1_log{position: absolute;top: 20.9vw;left: 89.3%;width: 8.9vw;}
.section1_title{position: absolute;top:9.4vw;left:33.1%;line-height: 1;}
.section1_des{position: absolute;top:13.8vw;left:33.1%;}

.section2{ width:100%;}
.section2 .section2_title{position: absolute;top:9.6vw;width: 100%;letter-spacing:0.5vw;}
.section2 .section2_tit{position: absolute;top:15.3vw;width: 74%;left: 13%;}
.section2 .section2_des1{position: absolute;top:39vw;width: 36%;left: 13%;}
.section2 .section2_des2{position: absolute;top:60.5vw;width: 36%;left: 52%;}
.section2 .section2_des3{position: absolute;top:85vw;width: 100%;left: 0;letter-spacing: 0;color: #4c4c4c;}
.section2 .section2_des4{position: absolute;top:75vw;width: 20.2%;left: 27.6%;}
.section2 .section2_des5{position: absolute;top:75vw;width: 20.2%;right: 27.6%;}

.msections{ width: 100%; position: relative; display: none;}
.msections img { display: block; width: 100%; }

@media screen and (min-width:1921px) {
    .sections{width: 1920px!important;margin: 0 auto;}
    .freeHtml .section{width: 1920px!important;margin: 0 auto;}
    .fsize60{ font-size:59px;line-height: 1;letter-spacing: 3px;} .fsize46{ font-size:46px;line-height: 1;letter-spacing: 1px;} .fsize18{ font-size: 17px;line-height: 1.6;letter-spacing: 1px;} .fsize20{ font-size: 19px;line-height: 1.6;letter-spacing: 1px;}
    .section{width: 100%;position: relative;} .section1{position: relative;} .section1_log{position: absolute;top:94px;left:33.1%;width: 170px;} .section1_title{position: absolute;top:180px;left:33.1%;line-height: 1;} .section1_des{position: absolute;top:264px;left:33.1%;} .section2{ width:100%;} .section2 .section2_title{position: absolute;top:184px;width: 100%;letter-spacing:9px;} .section2 .section2_tit{position: absolute;top:293px;width: 74%;left: 13%;} .section2 .section2_des1{position: absolute;top:748px;width: 36%;left: 13%;} .section2 .section2_des2{position: absolute;top:1161px;width: 36%;left: 52%;}
    .section2 .section2_des3{position: absolute;top:1472px;width: 100%;left: 0;letter-spacing: 0;color: #4c4c4c;}
    .section2 .section2_des3{position: absolute;top:1646px;width: 100%;left: 0;letter-spacing: 0;color: #4c4c4c;}
    .section2 .section2_des4{position: absolute;top:1455px;width: 20.2%;left: 27.6%;}
    .section2 .section2_des5{position: absolute;top:1455px;width: 20.2%;right: 27.6%;}
    .section1_log{position: absolute;top: 401px;left: 89.3%;width: 170px;}
}
@media screen and ( max-width : 800px){
    body{overflow-x: unset;}
    .msections{ display: block;}
    .sections{ display: none;}
    .sections{ display: none;}
    .fsize46{ font-size:2.4vw;line-height: 1;letter-spacing: 0.1vw;}
    .fsize40{ font-size: 5.3vw;line-height: 1.4;letter-spacing: 0.1vw;}
    .fsize28{ font-size: 3.7vw;line-height: 1.6;letter-spacing: 0.1vw;}
    .fsize18{ font-size: 0.9vw;line-height: 1.6;letter-spacing: 0.1vw;}
    .fsize20{ font-size: 3vw;line-height: 1.6;letter-spacing: 0.1vw;}
    .fsize26{ font-size: 1.4vw;line-height: 1.6;letter-spacing: 0.1vw;}
    .fsize32{ font-size: 5vw!important;line-height: 1.6;letter-spacing: 0.1vw;}
    .fsize24{ font-size: 3.8vw!important;line-height: 1.6;letter-spacing: 0.1vw;}
    .fsize22{ font-size: 3.5vw;line-height: 1.6;letter-spacing: 0.1vw;}
    .fsize30{ font-size: 4vw;line-height: 1.6;letter-spacing: 0.1vw;}
    .fsize12{font-size: 0.7vw;line-height: 1.6;}
    .fsize50{font-size: 6.7vw;line-height: 1.6;letter-spacing: 0.2vw;}

    .section{width: 100%;position: relative;}
    .section1_des{position: absolute;top:52vw;left:7%;width: 86%;text-align: justify;}
    .section2 .section2_tit{position: absolute;top:28.3vw;width: 86%;left: 7%;text-align: justify;}
    .section2 .section2_des1{position: absolute;top:7vw;width: 84%;left: 8%;text-align: justify;}
    .section2 .section2_des2{position: absolute;top:9vw;width: 84%;left:8%;text-align: justify;}
    .section2 .section2_des3{position: absolute;top:145vw;width: 100%;left: 0;letter-spacing: 0;color: #4c4c4c;}
    .section2{ width:100%;}
    .section2 .section2_des4{position: absolute;top:102vw;width: 51.6%;left: 24.2%;}
    .section2 .section2_des5{position: absolute;top:120vw;width: 51.6%;left: 24.2%;}

}

@media screen and ( max-width : 800px) {
    .appdownload img{width: 100%!important;}
    .appdownload .close {width: 10vw!important;height: 13vw!important;display: block;position: absolute;top: 0!important;left: 0!important;}
    .appdownload .link {display: block;width: 89%!important;height: 100%!important;position: absolute;right: 0;}
    #headerNavMain{display: none!important;}
    .mobi-right {
        width: 36vw;
    }
    #header_con{position: relative;}
    .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:0!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;top: 17vw;
        padding-right: 5vw !important;
        padding-left: 0 !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 : 320px){
    .sections{ display: none;}
}