.sections{ width: 100%; position: relative;
    overflow: hidden;background: #000;}
.sections img{ display: block; max-width: 100%;margin-top: -1px;}
.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;}
}
@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; }
.fsize50{ font-size:2.6vw;}
.fsize36{ font-size:1.9vw;}
.fsize30{ font-size:1.6vw; }
.fsize32{ font-size:1.7vw; }
.fsize28{ font-size:1.5vw; }
.fsize20{ font-size:1vw;line-height: 1.6; }
.fsize18{ font-size:0.9vw;line-height: 1.6; }
.fsize22{ font-size:1.1vw;line-height: 1.6;}
.fsize24{ font-size:1.2vw;}
.fsize14{ font-size:0.7vw;}
.fsize80{ font-size:4.1vw;}
.colorfff{ color: #fff; }
.color707070{ color: #707070; }
.color666666{ color: #666666; }
.color333333{ color: #333333; }
.color5e5e5e{ color: #5e5e5e; }
.color2b4e96{ color: #2b4e96; }

.coloraaa{
    color:transparent;
    background: linear-gradient(0deg, #98add8 0%, #254892 100%);
    -webkit-background-clip: text;
}

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

.section1_pic{width:4.5%;position: absolute;top: 18.1%;left:16.8%;}
.section1_title{position: absolute;top:21.6%;left:22.3%;}
.section1_note{position: absolute;top:86.6%;left:16.8%;}
.section1_des{position: absolute;top:36.5%;left:16.8%;}
.android_erweima{position: absolute;top:53.1%;left:16.8%;width: 6.7%;}
.ios_erweima{position: absolute;top:53.1%;left:24.5%;width: 6.7%;}
.android_btn{position: absolute;top:57.8%;left:32.8%;width: 8.5%;}
.ios_btn{position: absolute;top:67.3%;left:32.8%;width: 8.5%;}

.section2_pic{width:66.1%;position: absolute;top: 37.8%;left:16.7%;}
.section2_pic01{width:64.5%;position: absolute;top: 60.3%;left:17.75%;}
.section2_pic02{width:9.4%;position: absolute;top: 47.1%;left:45.4%;}

.section2{ width:100%;position:relative;}
.section2 .section2_title{position: absolute;left:0;top: 33.2%;width: 100%;}
.section2 .section2_title1{position: absolute;left:0;top: 55.3%;width: 100%;}
.section2 .section2_title2{position: absolute;left:0;top: 2.8%;width: 100%;}
.nav_box{width: 64.5%;left: 17.75%;position: absolute;top:7.7%;display: flex;justify-content: space-between;}
.nav_box_xian{height: 1px;background: #e3e3e3;width: 64.5%;left: 17.75%; position: absolute;;top:8.8%;}
.nav_box_item{background: #fafafa;padding:0 10px;cursor: pointer;}
.nav_box_item.active{color: #5886f5;font-weight: bold;}


.section2 .section2_note{position: absolute;left: 27%;top: 55.3vw;}
.section2 .jiantou_icon{position: absolute;left: 21.3%;top: 11.4%;width: 1.4vw;z-index: 10;transition: all 0.3s ease-in-out;}

.section2 .item_body{width: 63.5%;left: 18.2%;position: absolute;top: 12.6%;flex-wrap: wrap;height: 11.3%;background: #f2f4fa;border-radius: 0.5vw;}
.section2 .item_body_item{position: relative;display: none;}
.section2 .item_body_item_item{color: #333;font-size: 1vw;width:10vw;margin:0.2vw 0.9vw;}
.section2 .item_body_item_item a{color: #333;}
.section2 .item_body_item.active{display: flex;justify-content: start;flex-wrap: wrap;padding-left: 1%;margin-top: 1vw;}
.section2 .item_body_item_title{position: relative;width: 100%;font-weight: bold;margin-bottom: 0.5vw;}
.section2 .item_body_item_title span{}
.section2 .item_body_item_des{width: 100%;position: relative; font-weight: normal;}


.h9_banner_title1{position: absolute;left:52.8%;width:13.8%; top: 31.6%;}
.h9_banner_des1{position: absolute;left:52.8%; top: 47.8%;}
.h9_banner_title2{position: absolute;left:52.8%;width:13.8%; top: 31.6%;}
.h9_banner_des2{position: absolute;left:52.8%; top: 47.8%;}

.h9_banner_note{position: absolute;left:0; top: 82.8%;width: 100%;z-index: 99;}
.h9_banner_title3{position: absolute;left:0;width:100%; top: 5.6%;}
.h9_banner_des3{position: absolute;left:0;width:100%; top: 11%;}

.h9_banner_title4{position: absolute;left: 18.5%;width: 27.5%;top:5.6%;}
.h9_banner_des4{position: absolute;left: 18.5%;width: 27.5%; top: 11%;}

.h9_banner_title5{position: absolute;left:54%;width:28.5%; top: 5.6%;}
.h9_banner_des5{position: absolute;left:54%;width:28.5%; top: 11%;}


.h9_banner{width: 100%; position: relative;margin-top: -1px;}
.h9_banner .swiper-slide{width: 100%!important;height:54vw!important; }
.h9_banner .swiper-slide-active{opacity: 1;transition: opacity 0.3s ease-out;}
.h9_banner .swiper-pagination-bullets, .h9_banner .swiper-pagination-fraction {
    top: 89.4%;
    left: 0;
    width: 100%;}
.h9_banner .swiper-pagination-bullet {
    width: 2.5vw;
    height: 0.2vw;
    margin:0.5vw;
    border-radius: 5px;
    background: #f0f1f1;
    border:1px solid #f0f1f1;
    opacity: 1;
}
.h9_banner .h9_banner_num{
    position: absolute;
    top: 12%;
    left: 16.1%;
    font-weight: bold;
    z-index: 999;
}

.h9_banner .swiper-pagination-bullet-active{
    background: #5886f5;
    border:1px solid #5886f5;
}
.h9_banner .swiper-button-prev{width:2.8vw;background-image:unset!important;left: 13.6%;top:48.5%;}
.h9_banner .swiper-button-next{width:2.8vw;background-image:unset!important;right: 13.6%;top:48.5%;}
.h9_banner .swiper-button-next:after, .h9_banner .swiper-button-prev:after{font-family: unset;display: none;}

.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; } .fsize50{ font-size:49px;} .fsize36{ font-size:36px;} .fsize30{ font-size:30px; } .fsize32{ font-size:32px; } .fsize28{ font-size:28px; } .fsize20{ font-size:19px;line-height: 1.6; } .fsize18{ font-size:17px;line-height: 1.6; } .fsize22{ font-size:21px;line-height: 1.6;} .fsize24{ font-size:23px;} .fsize14{ font-size:13px;} .fsize80{ font-size:78px;} .colorfff{ color: #fff; } .color707070{ color: #707070; } .color666666{ color: #666666; } .color333333{ color: #333333; } .color5e5e5e{ color: #5e5e5e; } .color2b4e96{ color: #2b4e96; } .coloraaa{ color:transparent; background: linear-gradient(0deg, #98add8 0%, #254892 100%); -webkit-background-clip: text; } .txtC{text-align: center;} .txtL{text-align: left;} .font_bold{font-weight: bold;} .section1_pic{width:4.5%;position: absolute;top: 18.1%;left:16.8%;} .section1_title{position: absolute;top:21.6%;left:22.3%;} .section1_note{position: absolute;top:86.6%;left:16.8%;} .section1_des{position: absolute;top:36.5%;left:16.8%;} .android_erweima{position: absolute;top:53.1%;left:16.8%;width: 6.7%;} .ios_erweima{position: absolute;top:53.1%;left:24.5%;width: 6.7%;} .android_btn{position: absolute;top:57.8%;left:32.8%;width: 8.5%;} .ios_btn{position: absolute;top:67.3%;left:32.8%;width: 8.5%;} .section2_pic{width:66.1%;position: absolute;top: 37.8%;left:16.7%;} .section2_pic01{width:64.5%;position: absolute;top: 60.3%;left:17.75%;} .section2_pic02{width:9.4%;position: absolute;top: 47.1%;left:45.4%;} .section2{ width:100%;position:relative;} .section2 .section2_title{position: absolute;left:0;top: 33.2%;width: 100%;} .section2 .section2_title1{position: absolute;left:0;top: 55.3%;width: 100%;} .section2 .section2_title2{position: absolute;left:0;top: 2.8%;width: 100%;} .nav_box{width: 64.5%;left: 17.75%;position: absolute;top:7.7%;display: flex;justify-content: space-between;} .nav_box_xian{height: 1px;background: #e3e3e3;width: 64.5%;left: 17.75%; position: absolute;;top:8.8%;} .nav_box_item{background: #fafafa;padding:0 10px;cursor: pointer;} .nav_box_item.active{color: #5886f5;font-weight: bold;} .section2 .section2_note{position: absolute;left: 27%;top: 1061px;} .section2 .jiantou_icon{position: absolute;left: 21.3%;top: 11.4%;width: 26px;z-index: 10;transition: all 0.3s ease-in-out;} .section2 .item_body{width: 63.5%;left: 18.2%;position: absolute;top: 12.6%;flex-wrap: wrap;height: 11.3%;background: #f2f4fa;border-radius: 9px;} .section2 .item_body_item{position: relative;display: none;} .section2 .item_body_item_item{color: #333;font-size: 19px;width:163px;margin:3px 17px;} .section2 .item_body_item.active{display: flex;justify-content: start;flex-wrap: wrap;padding-left: 1%;margin-top: 19px;} .section2 .item_body_item_title{position: relative;width: 100%;font-weight: bold;margin-bottom: 9px;} .section2 .item_body_item_title span{} .section2 .item_body_item_des{width: 100%;position: relative; font-weight: normal;} .h9_banner_title1{position: absolute;left:52.8%;width:13.8%; top: 31.6%;} .h9_banner_des1{position: absolute;left:52.8%; top: 47.8%;} .h9_banner_title2{position: absolute;left:52.8%;width:13.8%; top: 31.6%;} .h9_banner_des2{position: absolute;left:52.8%; top: 47.8%;} .h9_banner_note{position: absolute;left:0; top: 82.8%;width: 100%;z-index: 99;} .h9_banner_title3{position: absolute;left:0;width:100%; top: 5.6%;} .h9_banner_des3{position: absolute;left:0;width:100%; top: 11%;} .h9_banner_title4{position: absolute;left: 18.5%;width: 27.5%;top:5.6%;} .h9_banner_des4{position: absolute;left: 18.5%;width: 27.5%; top: 11%;} .h9_banner_title5{position: absolute;left:54%;width:28.5%; top: 5.6%;} .h9_banner_des5{position: absolute;left:54%;width:28.5%; top: 11%;} .h9_banner{width: 100%; position: relative;margin-top: -1px;} .h9_banner .swiper-slide{width: 100%!important;height:1036px!important; } .h9_banner .swiper-slide-active{opacity: 1;transition: opacity 0.3s ease-out;} .h9_banner .swiper-pagination-bullets, .h9_banner .swiper-pagination-fraction { top: 89.4%; left: 0; width: 100%;} .h9_banner .swiper-pagination-bullet { width: 48px; height: 3px; margin:9px; border-radius: 5px; background: #f0f1f1; border:1px solid #f0f1f1; opacity: 1; } .h9_banner .h9_banner_num{ position: absolute; top: 12%; left: 16.1%; font-weight: bold; z-index: 999; } .h9_banner .swiper-pagination-bullet-active{ background: #abc3fa; border:1px solid #abc3fa; } .h9_banner .swiper-button-prev{width:53px;background-image:unset!important;left: 13.6%;top:48.5%;} .h9_banner .swiper-button-next{width:53px;background-image:unset!important;right: 13.6%;top:48.5%;}
    .msections{ width: 100%; position: relative; display: none;} .msections img { display: block; width: 100%; }
}

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

    .section1_pic{width:15.3%;position: absolute;top: 88.1vw;left:8.4%;}
    .section1_title{position: absolute;top:93.1vw;left:26.3%;font-size: 4.6vw;}
    .section1_note{position: absolute;top:182.5vw;left:10%;font-size: 3vw;}
    .section1_des{position: absolute;top:55.5%;left:7.8%;font-size: 4vw;width: 87vw;}
    .android_erweima{position: absolute;top:125.2vw;left:15.7%;width: 29.2%;}
    .ios_erweima{position: absolute;top:125.2vw;left:56.6%;width: 29.2%;}
    .android_btn{position: absolute;top:163.9vw;left:14.1%;width: 34%;}
    .ios_btn{position: absolute;top:163.9vw;left:54.8%;width: 34%;}

    .section2_title2{width: 100%;text-align: center;font-size: 5vw;top: 13.5vw;left: 0;}
    .nav_box{width: 90%;left: 5%;position: absolute;top:26.9vw;display: flex;justify-content: start;flex-wrap: wrap;}
    .nav_box_item{height: 8.4vw;font-size: 3.2vw;padding: 0 6vw;background: #f2f4fa;margin-bottom:1.5vw;margin-right: 2vw; line-height: 8.4vw;}
    .nav_box_item.active{background: #5886f5;color: #fff;font-weight: bold;}

    .section2 .item_body{width: 90%;left: 5%;position: absolute;top:67.1vw;flex-wrap: wrap;height: 34.3vw;background: #f2f4fa;border-radius: 0.5vw;}
    .section2 .item_body_item{position: relative;display: none;}
    .section2 .item_body_item_item{color: #333;font-size: 3vw;width:31%;margin:1vw 0.9vw;}
    .section2 .item_body_item.active{display: flex;justify-content: start;flex-wrap: wrap;padding-left: 1%;margin-top: 2vw;}
    .section2 .noteee{width: 90%;left: 5%;font-size: 3vw;position: absolute;top:105vw;}

    .bb_mbanner1{width: 100%;position: relative;}
    .bb_mbanner1 .swiper-pagination-bullets, .h9_banner .swiper-pagination-fraction {
        top: 93.4%;
        left: 0;
        width: 100%;}
    .bb_mbanner1 .swiper-pagination-bullet {
        width: 4.5vw;
        height: 0.5vw;
        margin:0.5vw;
        border-radius: 5px;
        background: #f0f1f1;
        border:1px solid #f0f1f1;
        opacity: 1;
    }

    .bb_mbanner1 .swiper-pagination-bullet-active{
        background: #5886f5;
        border:1px solid #5886f5;
    }
    .bb_mbanner1 .swiper-slide{width: 100%!important;height:297.5vw!important; }
    .bb_mbanner2{width: 100%;position: relative;}
    .bb_mbanner1 .swiper-button-prev{width:7.3vw;height:7.3vw;background-image:unset!important;left: 2%;top:50%;}
    .bb_mbanner1 .swiper-button-next{width:7.3vw;height:7.3vw;background-image:unset!important;right: 2%;top:50%;}
}
@media screen and ( max-width : 320px){
    .msections{ display: block;}
    .sections{ display: none;}
}