.sections{ width: 100%; position: relative;
    overflow: hidden;background: #000;}
.sections img{ display: block; max-width: 100%;}
.section{ width: 100%; position: relative;}
.opt0{ opacity: 0;}
.pc_index{width: 100%;background: #000;}
@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);}
}

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

.fadeInUp3{ animation: fadeInUp1  0.8s ease 1s  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;}
}
.fadeIn1{ animation: fadeIn1 1.4s ease forwards;}
@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;}
}


.fsize70{ font-size:3.6vw; }
.fsize24{ font-size:1.2vw;line-height: 1.6;}
.fsize20{ font-size:1vw;line-height: 1.6; }
.fsize24{ font-size:1.2vw;}
.colorfff{ color: #fff; }


.txtC{text-align: center;}
.font_bold{font-weight: bold;}

.section1_pic{width: 31.8%;position: absolute;top: 48.7%;left: 34.1%;}
.section1_video_btn{width: 6.3%;position: absolute;top: 80.8%;left: 46.85%;cursor: pointer;}

.h9_banner_section{width: 100%;background: #000;}
.h9_banner_section_title{position: absolute;left:31.8%;width:36.4%; top: 11.9%;}
.h9_banner_section_des{position: absolute; top: 23.6%;width: 100%;}

.section66{height: auto;}
.section66_title{position: absolute; left:28.05%;top: 14.9%;width:43.9%;}
.section66_title4{position: absolute; left:0;top: 4.4%;width: 100%;}
.section66_des4{position: absolute; left:0;top:8.9%;width: 100%;}
.section66_pic{position: absolute;top:12.5vw;width: 100%;left: 0;}

.section66_pic1{position: absolute; left:17.1%;width:65.8%;top:7.7%;}
.section66_pic2{position: absolute; left:17.1%;width:32.1%;top:39.5%;}
.section66_pic3{position: absolute; left:50.8%;width:32.1%;top:39.5%;}
.section66_pic4{position: absolute; left:17.1%;width:32.1%;top:65.5%;}
.section66_pic5{position: absolute; left:50.8%;width:32.1%;top:65.5%;}

.section66_pic6{position: absolute; left:15.9%;width:25.6%;top:13.7%;}
.section66_pic7{position: absolute; left:57.3%;width:26.1%;top:13.7%;}

.section66_pic8{position: absolute; left:11.3%;width:35.5%;top:16.2%;}
.section66_pic9{position: absolute; left:53%;width:35.4%;top:16.2%;}

.section66_pic10{position: absolute; left:9.7%;width:39%;top:36.8%;}
.section66_pic11{position: absolute; left:49.9%;width:46%;top:37.8%;}

.section66_pic12{position: absolute; left:9.7%;width:39%;top:58.7%;}
.section66_pic13{position: absolute; left:53%;width:38.1%;top:56.8%;}

.section66_pic14{position: absolute; left:9.7%;width:39%;top:76.1%;}
.section66_pic15{position: absolute; left:49.9%;width:46.2%;top:78.1%;}

.section66_pic16{position: absolute; left:55.7%;width:38.8%;top:27.8%;}
.section66_pic17{position: absolute; left:67.2%;width:13.5%;top:65.2%;}

.section66_pic18{position: absolute; left:10.6%;width:29.1%;top:9.5%;}
.section66_pic19{position: absolute; left:19.5%;width:11.2%;top:32.8%;}

.section66_pic20{position: absolute; left:60.8%;width:28.8%;top:9.5%;}
.section66_pic21{position: absolute; left:69.6%;width:11.2%;top:32.8%;}

.section66_pic22{position: absolute; left:10.6%;width:28.9%;top:9.5%;}
.section66_pic23{position: absolute; left:19.5%;width:11.2%;top:34.6%;}

.section66_pic24{position: absolute; left:57.1%;width:35.6%;top:9.5%;}
.section66_pic25{position: absolute; left:69.6%;width:11.2%;top:34.6%;}

.section66_pic26{position: absolute; left:10.5%;width:28.8%;top:9.5%;}
.section66_pic27{position: absolute; left:19.3%;width:11.2%;top:34.6%;}

.section66_pic28{position: absolute; left:60.5%;width:28.8%;top:9.5%;}
.section66_pic29{position: absolute; left:69.3%;width:11.2%;top:34.6%;}

.play_btn{position: absolute;top: 38%;width: 6.6vw;left: 50%;transform: translateX(-50%);cursor: pointer;}
.section66_video_btn{position: absolute;top: 46.5%;width: 15%;height: 22%;left: 50%;transform: translateX(-50%);cursor: pointer;}

.msections{ width: 100%; position: relative; display: none;}
.msections img { display: block; width: 100%; }
@keyframes breath2{
    0%{ transform: scale(1); opacity: 0.2;}
    100%{ transform: scale(1); opacity:1;}
}

@media screen and (min-width: 1921px){
    .sections{width: 1920px;margin: 0 auto;}
    .fsize70{ font-size:69px; } .fsize20{ font-size:19px;line-height: 1.6; } .fsize24{ font-size:23px;} .colorfff{ color: #fff; } .txtC{text-align: center;} .font_bold{font-weight: bold;} .msections{ width: 100%; position: relative; display: none;} .msections img { display: block; width: 100%; }
    .section66_pic{position: absolute;top:240px;width: 100%;left: 0;}
    .play_btn{position: absolute;top: 38%;width: 126px;left: 50%;transform: translateX(-50%);cursor: pointer;}
}

@media screen and ( max-width : 800px){
    .msections{ display: block;overflow: hidden;background: #fff;}
    .sections{ display: none;}
    .colorfff{color:#fff;}
}
@media screen and ( max-width : 320px){
    .msections{ display: block;}
    .sections{ display: none;}
}


@media screen and ( max-width : 800px) {
    .mobi-right {
        width: 36vw;
    }
    .logo_img {border: none;display: block;max-width:100%!important;}
    /*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;}
}