.sections{ width: 100%; position: relative;font-size: 0;background: #000;}
.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;}
.fadeInUp2{ animation: fadeInUp1  0.6s ease 0.6s  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;}
}

@-webkit-keyframes movel-data-v-320e926d {
    0% {
        width: 50%;
    }
    100% {
        width: 25%;
        left: -25%;
    }
}
@keyframes movel-data-v-320e926d {
    0% {
        width: 50%;
    }
    100% {
        width: 25%;
        left: -25%;
    }
}
@-webkit-keyframes mover-data-v-320e926d {
    0% {
        width: 50%;
    }
    100% {
        width: 25%;
        right: -25%;
    }
}
@keyframes mover-data-v-320e926d {
    0% {
        width: 50%;
    }
    100% {
        width: 25%;
        right: -25%;
    }
}
@-webkit-keyframes titleTop-data-v-320e926d {
    0% {
        top: 30%;
        opacity: 1;
    }
    100% {
        top: 10.5%;
        opacity:0;
    }
}
@keyframes titleTop-data-v-320e926d {
    0% {
        top: 30%;
        opacity: 1;
    }
    100% {
        top: 10.5%;
        opacity:0;
    }
}
@-webkit-keyframes titleTop-data-v-320e926d1 {
    0% {
        top: 45%;
        opacity: 1;
    }
    100% {
        top: 22.5%;
        opacity:0;
    }
}
@keyframes titleTop-data-v-320e926d1 {
    0% {
        top: 45%;
        opacity: 1;
    }
    100% {
        top: 22.5%;
        opacity:0;
    }
}
@-webkit-keyframes hide-data-v-320e926d {
    0% {
        opacity: 1;
        background: #000;
    }
    100% {
        opacity: 0;
        display: none;
        background: #000;
    }
}
@keyframes hide-data-v-320e926d {
    0% {
        opacity: 1;
        background: #000;
    }
    100% {
        opacity: 0;
        display: none;
        background: #000;
    }
}
@-webkit-keyframes see-data-v-320e926d {
    0% {
        -webkit-transform: scale(1.2) translate(-50px,50px);
        transform: scale(1.2) translate(-50px,50px);
    }
    100% {
        -webkit-transform: scale(1) translate(0,0);
        transform: scale(1) translate(0,0);
    }
}
@keyframes see-data-v-320e926d {
    0% {
        -webkit-transform: scale(1.2) translate(-50px,50px);
        transform: scale(1.2) translate(-50px,50px);
    }
    100% {
        -webkit-transform: scale(1) translate(0,0);
        transform: scale(1) translate(0,0);
    }
}
@-webkit-keyframes btnShow-data-v-320e926d {
    0% {
        top: 60%;
    }
    100% {
        top: 74%;
    }
}
@keyframes btnShow-data-v-320e926d {
    0% {
        top: 60%;
    }
    100% {
        top: 74%;
    }
}

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


.fsize65{ font-size:3.4vw;line-height: 1.2;letter-spacing: 0.2vw;}
.fsize48{ font-size: 2.5vw;line-height: 1.6;}
.fsize45{ font-size: 2.3vw;line-height: 1.6;}
.fsize20{ font-size: 0.9vw;line-height: 1.6;letter-spacing: 0.1vw;}
.fsize24{ font-size: 1.2vw;line-height: 1.6;}
.fsize28{ font-size: 1.5vw;line-height: 1.6;}
.fsize12{font-size: 0.8vw;line-height: 1.6;}
.colorfff{ color: #fff; }
.color4a7181{ color: #4a7181;}
.color94d0ff{ color: #94d0ff;}
.color898989{ color: #898989;}

.coloraaa{
    color:transparent;
    background: linear-gradient(90deg, #7ed6d8 0%, #1e8bb2 100%);
    -webkit-background-clip: text;
}

.note_left{position: absolute;bottom:3vw;left: 10.6%;}
.note_right{position: absolute;bottom:3vw;left: 81.4%;}

.section{width: 100%;position: relative;}
.section1{position: relative;}
.section1_pic{width: 42.1%;position: absolute;top:4.8vw;left:47.3%;}

.section2{ width:100%;}
.section2 .item_body{width: 79.4%;padding-top:7.6vw;position: absolute;left:10.3%;top:0;}
.section2 .section2_title{width: 100%;margin: 0 auto;margin-bottom: 3vw;}
.section2 .items{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.section2 .items .item{position: relative;margin-bottom: 1vw;width: 22.4vw;}
.section2 .items .item1{position: relative;margin-bottom: 1vw;width: 100%;}
.section2 .items .item001{width: 32vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.section2 .items .item002{width: 45.7vw;display: flex;justify-content: space-between;flex-wrap: wrap;}

.section2 .items .item1 .item_title{position: absolute;left:0;top: 1.1vw;width: 100%;}
.section2 .items .item1 .item_title.fsize28{line-height: 1.2;}
.section2 .items .item1 .item_des{position: absolute;left:0;top: 2.9vw;width: 100%;}

.section2 .items .item .item_title{position: absolute;left:0;top: 1.1vw;width: 100%;}
.section2 .items .item .item_title.fsize28{line-height: 1.2;}
.section2 .items .item .item_title1{position: absolute;left:13%;top: 1.1vw;}
.section2 .items .item .item_title1.fsize28{line-height: 1.2;}
.section2 .items .item .item_des{position: absolute;left:0;top: 2.9vw;width: 100%;}
.section2 .items .item .new{position: absolute;left: 15vw;top: 1.4vw;width: 4.8vw;}

.section3 .items{width: 80%;position: absolute;left: 10%; top:0; display: flex;justify-content: space-between;flex-wrap: wrap;}
.section3 .items .item{position: relative;margin-bottom: 1vw;width: 19vw;}
.section3 .items .item1{position: relative;margin-bottom: 1vw;width: 100%;}
.section3 .items .item001{width: 39.1vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.section3 .items .item002{width: 39.1vw;display: flex;justify-content: space-between;flex-wrap: wrap;}

.section3 .items .item .item_title{position: absolute;left:2.1vw;top: 16.4vw;width: 13vw;}
.section3 .items .item .item_des{position: absolute;left:2.1vw;top:18.8vw;width:14vw;}
.section3 .items .item1 .item_title{position: absolute;left:2.1vw;top: 18.4vw;width: 32vw;}
.section3 .items .item1 .item_des{position: absolute;left:2.1vw;top:20.8vw;width:33vw;}

.section3 .items .item1 .item_title1{position: absolute;left:2.1vw;top: 9.4vw;width: 32vw;}

.section3 .items .item1 .item_title2{position: absolute;left:21vw;top: 4.4vw;width: 13.5vw;}
.section3 .items .item1 .item_des2{position: absolute;left:21vw;top:6.8vw;width:14.5vw;}

.section3 .items .item .item_title1{position: absolute;left:0;top: 1vw;width: 100%;}

.section3 .item_title_1{position: absolute;width: 100%;top: 9.5vw;left: 0;}
.section3 .item_title{position: absolute;width: 100%;top: 4.5vw;left: 0;}
.section3 .item_des{position: absolute;left: 0;top: 11.1vw;width:100%;}

.section3 .section3_box1{position: absolute;width: 79.2%;left: 50%;transform: translateX(-50%);top:90.3vw;display: flex;justify-content: space-between;}
.section3 .section3_box1_item_pic{position: relative;width: 39.1vw;}
.section3 .section3_box1_item_txt{position: relative;width: 32vw;margin-left: 5.1vw;}
.section3 .section3_box1_item_txt1{position: relative;width: 32vw;margin-left: 4vw;}
.section3 .section3_box1_item_title{position: relative;width: 100%;margin-top: 4.4vw;}
.section3 .section3_box1_item_des{position: relative;margin: 0.5vw 0 2vw;padding:0.1vw 0;}

.section3 .section3_box2{top:0;}
.section3 .section3_box3{top:25.4vw;}
.section3 .section3_box4{top:50.6vw;}
.section3 .section3_box5{top:75.8vw;}
.section3 .section3_box6{top:39.7vw;}
.section3 .section3_box7{top:64.7vw;}



.section3 .item_title1{position: absolute;width: 50%;top: 5.4vw;left: 10.4%;}

.section3 .item_title111_1{position: absolute;width: 100%;top: 5.3vw;left:0;}
.section3 .item_title111{position: absolute;width:20.2%;top: 10.2vw;left:41.4%;}
.section3 .item_des111{position: absolute;top: 15.8vw;left: 24%;width: 52%;}

.section3 .item_title1111{position: absolute;width: 100%;top: 4.8vw;left:0;}
.section3 .item_des1111{position: absolute;width: 100%;top: 9.9vw;left:0;}
.section3 .item_title2{position: absolute;top: 5.8vw;left:0;width: 100%;}
.section3 .item_des2{position: absolute;top: 11vw;left:24%;width:52%;}

.section3 .item_title4_1{position: absolute;left: 39.2%;top: 67.3vw;width:21.6%;}
.section3 .item_title4{position: absolute;left: 0;top: 70vw;width:100%;}

.section3 .item_title4_1_left{position: absolute;left: 57.2%;top: 46.1vw;}
.section3 .item_des4_1_left{position: absolute;left: 57.2%;top:50.3vw;}

.section3 .item_title4_1_right{position: absolute;left: 14.4%;top: 69vw;}
.section3 .item_des4_1_right{position: absolute;left: 14.4%;top: 73.1vw;}

.section3 .item_title4_2_left{position: absolute;left: 33.8%;top: 6.2vw;width: 32.4%;}
.section3 .item_des4_2_left{position: absolute;left: 50.9%;top:9.5vw;}
.section3 .item_des4_2_right{position: absolute;left: 21.6%;top: 27.7vw;}
.section3 .item_title5{position: absolute;width:100%;top: 7.9vw;left:0;}
.section3 .item_title6{position: absolute;width: 100%;top: 4.2vw;left: 0;}
.section3 .item_des6{position: absolute;left: 0;top: 9vw;width:100%;}
.section3 .item_pic01{position: absolute;width:39.1%;left:50.1%;top:7.8vw;}
.section3 .item_pic01_title{position: absolute;left: 14.5%;top:13.2vw;}
.section3 .item_pic01_des{position: absolute;left: 14.5%;top:16.7vw;width: 30%;}

.section3 .item_pic02{position: absolute;width:39.1%;left:10.6%;top:33.1vw;}
.section3 .item_pic02_title{position: absolute;left: 53.9%;top:37.6vw;}
.section3 .item_pic02_des{position: absolute;left: 53.9%;top:41.5vw;width: 34%;}

.section3 .item_pic011{position: absolute;width:39.1%;left:50.8%;top:57.5vw;}
.section3 .item_pic011_title{position: absolute;left: 14.5%;top:62.9vw;}
.section3 .item_pic011_des{position: absolute;left: 14.5%;top:66.9vw;width: 32%;}

.section3 .item_pic03{position: absolute;width:39.1%;left:10.4%;top:23.5vw;overflow: hidden;}

.section3 .item_pic20{position: absolute;width:39.1%;left:10.4%;top:39.7vw;}
.section3 .item_pic21{position: absolute;width:39.1%;right:10.4%;top:64.7vw;}

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

@media screen and (min-width:1921px) {
    .freeHtml .section{width: 1920px!important;margin: 0 auto;}
    .fsize65{ font-size:65px;line-height: 1.2;letter-spacing: 3px;} .fsize48{ font-size: 48px;line-height: 1.6;} .fsize45{ font-size: 44px;line-height: 1.6;} .fsize20{ font-size: 17px;line-height: 1.6;letter-spacing: 1px;} .fsize24{ font-size: 23px;line-height: 1.6;} .fsize28{ font-size: 28px;line-height: 1.6;} .fsize12{font-size: 15px;line-height: 1.6;} .colorfff{ color: #fff; } .color4a7181{ color: #4a7181;} .color94d0ff{ color: #94d0ff;} .color898989{ color: #898989;} .coloraaa{ color:transparent; background: linear-gradient(90deg, #7ed6d8 0%, #1e8bb2 100%); -webkit-background-clip: text; } .note_left{position: absolute;bottom:57px;left: 10.6%;} .note_right{position: absolute;bottom:57px;left: 81.4%;} .section{width: 100%;position: relative;} .section1{position: relative;} .section1_pic{width: 42.1%;position: absolute;top:92px;left:47.3%;} .section2{ width:100%;} .section2 .item_body{width: 79.4%;padding-top:145px;position: absolute;left:10.3%;top:0;} .section2 .section2_title{width: 100%;margin: 0 auto;margin-bottom: 57px;} .section2 .items{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;} .section2 .items .item{position: relative;margin-bottom: 19px;width: 430px;} .section2 .items .item1{position: relative;margin-bottom: 19px;width: 100%;} .section2 .items .item001{width: 614px;display: flex;justify-content: space-between;flex-wrap: wrap;} .section2 .items .item002{width: 877px;display: flex;justify-content: space-between;flex-wrap: wrap;} .section2 .items .item1 .item_title{position: absolute;left:0;top: 21px;width: 100%;} .section2 .items .item1 .item_title.fsize28{line-height: 1.2;} .section2 .items .item1 .item_des{position: absolute;left:0;top: 55px;width: 100%;} .section2 .items .item .item_title{position: absolute;left:0;top: 21px;width: 100%;} .section2 .items .item .item_title.fsize28{line-height: 1.2;} .section2 .items .item .item_title1{position: absolute;left:13%;top: 21px;} .section2 .items .item .item_title1.fsize28{line-height: 1.2;} .section2 .items .item .item_des{position: absolute;left:0;top: 55px;width: 100%;} .section2 .items .item .new{position: absolute;left: 288px;top: 26px;width: 92px;} .section3 .items{width: 80%;position: absolute;left: 10%; top:0; display: flex;justify-content: space-between;flex-wrap: wrap;} .section3 .items .item{position: relative;margin-bottom: 19px;width: 364px;} .section3 .items .item1{position: relative;margin-bottom: 19px;width: 100%;} .section3 .items .item001{width: 750px;display: flex;justify-content: space-between;flex-wrap: wrap;} .section3 .items .item002{width: 750px;display: flex;justify-content: space-between;flex-wrap: wrap;} .section3 .items .item .item_title{position: absolute;left:40px;top: 314px;width: 249px;} .section3 .items .item .item_des{position: absolute;left:40px;top:360px;width:268px;} .section3 .items .item1 .item_title{position: absolute;left:40px;top: 353px;width: 614px;} .section3 .items .item1 .item_des{position: absolute;left:40px;top:399px;width:633px;} .section3 .items .item1 .item_title1{position: absolute;left:40px;top: 180px;width: 614px;} .section3 .items .item1 .item_title2{position: absolute;left:403px;top: 84px;width: 259px;} .section3 .items .item1 .item_des2{position: absolute;left:403px;top:130px;width:278px;} .section3 .items .item .item_title1{position: absolute;left:0;top: 19px;width: 100%;} .section3 .item_title_1{position: absolute;width: 100%;top: 182px;left: 0;} .section3 .item_title{position: absolute;width: 100%;top: 86px;left: 0;} .section3 .item_des{position: absolute;left: 0;top: 213px;width:100%;} .section3 .section3_box1{position: absolute;width: 79.2%;left: 50%;transform: translateX(-50%);top:1733px;display: flex;justify-content: space-between;} .section3 .section3_box1_item_pic{position: relative;width: 750px;} .section3 .section3_box1_item_txt{position: relative;width: 614px;margin-left: 97px;} .section3 .section3_box1_item_txt1{position: relative;width: 614px;margin-left: 76px;} .section3 .section3_box1_item_title{position: relative;width: 100%;margin-top: 84px;} .section3 .section3_box1_item_des{position: relative;margin: 9px 0px;padding:1px 0;} .section3 .section3_box2{top:0;} .section3 .section3_box3{top:487px;} .section3 .section3_box4{top:971px;} .section3 .section3_box5{top:1455px;} .section3 .item_title1{position: absolute;width: 50%;top: 103px;left: 10.4%;} .section3 .item_title111_1{position: absolute;width: 100%;top: 101px;left:0;} .section3 .item_title111{position: absolute;width:20.2%;top: 195px;left:41.4%;} .section3 .item_des111{position: absolute;top: 303px;left: 24%;width: 52%;} .section3 .item_title1111{position: absolute;width: 100%;top: 92px;left:0;} .section3 .item_des1111{position: absolute;width: 100%;top: 190px;left:0;} .section3 .item_title2{position: absolute;top: 111px;left:0;width: 100%;} .section3 .item_des2{position: absolute;top: 211px;left:24%;width:52%;} .section3 .item_title4_1{position: absolute;left: 39.2%;top: 1292px;width:21.6%;} .section3 .item_title4{position: absolute;left: 0;top: 1344px;width:100%;} .section3 .item_title4_1_left{position: absolute;left: 57.2%;top: 885px;} .section3 .item_des4_1_left{position: absolute;left: 57.2%;top:965px;} .section3 .item_title4_1_right{position: absolute;left: 14.4%;top: 1324px;} .section3 .item_des4_1_right{position: absolute;left: 14.4%;top: 1403px;} .section3 .item_title4_2_left{position: absolute;left: 33.8%;top: 119px;width: 32.4%;} .section3 .item_des4_2_left{position: absolute;left: 50.9%;top:182px;} .section3 .item_des4_2_right{position: absolute;left: 21.6%;top: 531px;} .section3 .item_title5{position: absolute;width:100%;top: 151px;left:0;} .section3 .item_title6{position: absolute;width: 100%;top: 80px;left: 0;} .section3 .item_des6{position: absolute;left: 0;top: 172px;width:100%;} .section3 .item_pic01{position: absolute;width:39.1%;left:50.1%;top:149px;} .section3 .item_pic01_title{position: absolute;left: 14.5%;top:253px;} .section3 .item_pic01_des{position: absolute;left: 14.5%;top:320px;width: 30%;} .section3 .item_pic02{position: absolute;width:39.1%;left:10.6%;top:635px;} .section3 .item_pic02_title{position: absolute;left: 53.9%;top:721px;} .section3 .item_pic02_des{position: absolute;left: 53.9%;top:796px;width: 34%;} .section3 .item_pic011{position: absolute;width:39.1%;left:50.8%;top:1104px;} .section3 .item_pic011_title{position: absolute;left: 14.5%;top:1207px;} .section3 .item_pic011_des{position: absolute;left: 14.5%;top:1284px;width: 32%;} .section3 .item_pic03{position: absolute;width:39.1%;left:10.4%;top:451px;overflow: hidden;} .section3 .item_pic20{position: absolute;width:39.1%;left:10.4%;top:762px;} .section3 .item_pic21{position: absolute;width:39.1%;right:10.4%;top:1242px;} .msections{ width: 100%; position: relative; display: none;} .msections img { display: block; width: 100%; }
    .section3 .section3_box6{top:762px;}
    .section3 .section3_box7{top:1242px;}
}
@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;}
}