.sections{ width: 100%; position: relative;
    overflow: hidden;}
.sections img{ display: block; max-width: 100%;}
.section{ width: 100%; position: relative;}
.animated{ animation-fill-mode: forwards; }
.opt0{ 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);}
}
.fadeInLeft1{ animation: fadeInLeft1  0.8s ease 0.6s forwards; will-change:transform, opacity;}
.fadeInLeft2{ animation: fadeInLeft1  0.8s ease 0.3s forwards; will-change:transform, opacity;}
.fadeInLeft3{ animation: fadeInLeft1  0.8s ease 0s  forwards; will-change: transform,opacity;}

.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;}
.fadeInUp4{ animation: fadeInUp1  0.8s ease 1.4s  forwards; will-change: transform,opacity;}

@keyframes intoRight{
    0%{ transform: translate(0,0);}
    100%{transform: translate(50%,0);}
}
.intoRight{ animation: intoRight 1s ease forwards;}
@keyframes fadeIn1{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
.fadeIn1{ animation: fadeIn1 1s ease 0.5s forwards;}
.fixaction3{ height: 300vh;}
@keyframes breath{
    0%{ transform: scale(1); opacity: 0.8;}
    50%{ transform: scale(1.1); opacity:1;}
    100%{ transform: scale(1); opacity:0.8;}
}
.breath{ animation: breath 1.5s linear 0s infinite ;}

@keyframes fromLeft{

    0%{ transform: translate(-50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}
.fromLeft{ animation: fromLeft 1s ease forwards;}

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

.fromRight{ animation: fromRight 1s ease forwards;}

.fsize60{ font-size:3.1vw;}
.fsize50{ font-size:2.8125vw;}
.fsize45{ font-size:2.3vw; }
.fsize40{ font-size:2.1vw;line-height: 1.2;}
.fsize30{ font-size:1.6vw; line-height: 1.4;}
.fsize24{ font-size:1.2vw;line-height: 1.6;}
.fsize22{ font-size:1.04vw;line-height: 1.6;}
.fsize20{ font-size:1vw;line-height: 1.6;}
.fsize18{ font-size:0.9vw;line-height: 1.6;}
.fsize16{ font-size:0.75vw;line-height: 1.6;}
.fsize14{ font-size:0.729vw;}

.colorfff{ color: #fff; }
.color000{ color: #000; }
.color52a89d{color: #52a89d;}
.color394847{color: #394847;}
.color73684d{color: #73684d;}
.lh16{ line-height: 1.6;}
a.color02bdbf{ color: #00baff;}
.bg000{background: #000;}

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

.section1_title{width:37.8vw;position: absolute;top:15.5vw;left:50.5vw;}
.section1_des{width:37.8vw;position: absolute;top:20.8vw;left:50.5vw;}

.nav_body{width: 62.5vw;position: absolute;left:18.3vw;top: 0.5vw;display: flex;justify-content: space-evenly;}
.nav_body .nav_item{width:15vw;height: 4.3vw;line-height: 4.3vw;text-align: center;cursor: pointer;}
.nav_body .nav_item:hover{background: #1a8373;}
.nav_body .nav_item.active{background:#1a8373;}

.section2{ width:100%;margin:0px auto;position:absolute;top:0;}
.section2 .section2_title{position: absolute;top:3vw;left:0;width:100%;text-align: center;}
.section2 .title{position: absolute;top: 3vw;left: 0;width: 100%;
    color:transparent;
    font-weight: bold;
    background: linear-gradient(95deg, rgba(217,186,129,1) 0%, rgba(246,234,183,1)  100%);
    -webkit-background-clip: text;
}

.section2 .des{position: absolute;top: 6vw;left: 0;width: 100%;text-align: center;font-weight: normal;}
.section2 .des sup{}
.section2 .item_body{width:73vw;margin:9vw auto 0; display: flex;flex-wrap: wrap;justify-content: space-between;}
.section2 .item1{position: relative;width: 36.1vw;height: 11.3vw;margin-bottom: 1vw;}
.section2 .item2{position: relative;width: 36.1vw;height: 11.3vw;margin-bottom: 1vw;}
.section2 .item2:first-child .title{padding-left: 2.8vw;}
.section2 .item2:first-child .note{padding-left: 2.8vw;position: absolute;top: 9vw;}
.section2 .item2:nth-child(3) .title{top:4vw;}
.section2 .item2:last-child .note{position: absolute;left:0;width:100%;top: 9vw;}

.section22{ width:100%;margin:0px auto;}
.section22 .section22_title{width:100%;margin-top:4.9vw;}
.section22 .section22_title1{width:100%;margin-top:2.8vw;}
.section22 .section22_des{width:100%;margin-top:1.6vw;}
.section22 .section22_btn{width:15.6vw;margin: 2.1vw auto 0;cursor: pointer;}
.section22 .section22_pic{width:62.5vw;margin: 5.3vw auto 0;}
.section22 .section22_note{width:100%;margin-top:1.6vw;}
.section22 .section22_title2{width:100%;margin-top:4.9vw;}
.section22 .section22_des1{width:100%;margin-top:1.6vw;}
.section22 .section22_btn1{width:23.4vw;margin: 2.1vw auto 5.2vw;}

.section22 .des{position: relative;width: 100%;font-weight: normal;}
.section22 .item_body{width:73vw;margin:13vw auto 0; display: flex;flex-wrap: wrap;justify-content: space-between;}
.section22 .item{position: relative;width: 15.9vw;margin-bottom: 1vw;}
.section22 .item img{margin: 1vw 0;}


.section33{ width:78.1vw;margin:0px auto;position: relative;}
.section33 .section33_title{position: absolute;left:0;top:3.2vw;width: 100%;}
.section33 .item_body{width:62.5vw;position: absolute;top:10vw;left: 7.8vw; display: flex;flex-wrap: wrap;justify-content: space-between;}
.section33 .item{position: relative;width:100%;height: 6.3vw;display: flex;justify-content: space-between;}
.section33 .item:first-child{height: 7.1vw;}
.section33 .item .title{width: 6.9vw;}
.section33 .item .des{width: 52vw;}
.section33_note{width:62.5vw;margin: 2vw auto 4vw;}


.section12{ width: 100%;margin:0px auto;}
.section12 video{width: 100%;}
.section12_item_title{position: absolute;left:0;width: 100%;top:34.4vw;}
.section12_item_des{position: absolute;width:100%;left:0;top:40.1vw;}
.section12_item_pic{position: absolute;left:18.8vw;top:1.7vw;width:62.5vw;}
.section12_item_btn{position: absolute;top: 50.5vw;left: 40.4vw;width:17.7vw;cursor: pointer;}

.section66{height: auto;}
.section66_title{position: absolute; left:58.4vw;top: 13.8vw;}
.section66_des{position: absolute; left:58.4vw;top: 22vw;width: 25.3vw; line-height: 1.5em;}
.section66_pic1{position: absolute; left:58.4vw;width:16.1vw;top:16vw;}
.section66_pic{position: absolute;top:4.9vw;width: 47.2vw;left: 50.5vw;}
.section66_note_left{position: absolute;bottom:5vw;left: 13.3vw;}
.section66_note_right{position: absolute;top:25.5vw;left: 52vw;}

.fsize48{font-size: 2.4vw;}
.section66_tit1{position: absolute; width: 19.9vw; left: 18.55vw;top: 7.5vw;}
.section66_tit{position: absolute; width: 42.9vw; left:28.55vw;top: 5.5vw;}
.section66_title00{position: absolute; left:48.2vw;top: 4vw;}
.section66_des00{position: absolute; left:48.2vw;top:7.2vw;width: 32vw;}
.section66_title00_1{position: absolute; left:0;top: 31vw;width: 100%;}
.section66_des00_1{position: absolute;left:0;top: 36.7vw;width: 100%;}
.section66_pic00_01{position: absolute; left:51vw;top:13.5vw;width: 6.2vw;}
.section66_pic00_02{position: absolute; left:64vw;top:13.5vw;width: 6.2vw;}
.section66_btn00_01{position: absolute; left: 48.2vw;top: 20.8vw;width: 12.3vw;cursor: pointer;}
.section66_btn00_02{position: absolute; left: 61.5vw;top: 20.8vw;width: 12.3vw;cursor: pointer;}
.section66_btn00_03{position: absolute; left: 43.8vw;top: 45.4vw;width: 12.3vw;cursor: pointer;}

.section66_title11{position: absolute; left:0;top: 34.1vw;width: 100%;}
.section66_des11{position: absolute; left:0;top: 39.8vw;width: 100%;}
.section66_pic11{position: absolute; left:18.8vw;top: 3.4vw;width: 62.5vw;}
.section66_des11_1{position: absolute; left: 35.3vw;top: 5.6vw;width: 7.2vw;}
.section66_des11_2{position: absolute; left: 35.3vw;top: 11vw;}
.section66_des11_3{position: absolute; left: 35.3vw;top: 15.2vw;}
.section66_btn11{position: absolute; left: 43.8vw;top: 46.4vw;width: 12.3vw;cursor: pointer;}
.section66_btn11_1{position: absolute; left: 43.8vw;top: 49.9vw;width: 12.3vw;cursor: pointer;}
.section66_btn11_1 a{width: 100%;height: 100%;display: block;}

.section66_title1{position: absolute; left:55.3vw;top: 8.2vw;}
.section66_des1{position: absolute; left:55.3vw;top: 12.6vw;width: 30.3vw;}
.section66_note1{position: absolute; left:55.3vw;top: 19.6vw;width: 30.3vw;}

.section66_pic12{position: absolute; left:55.3vw;top: 24.7vw;width: 19vw;}

.section66_title2{position: absolute; left:58.4vw;top: 40.8vw;}
.section66_des2{position: absolute; left:55.3vw;top: 38.7vw;width: 25.3vw;}

.section66_title3{position: absolute; left:15.9vw;top: 10.8vw;}
.section66_des3{position: absolute; left:15.9vw;top: 19.5vw;width: 25.3vw; line-height: 1.5em;}

.section66_title4{position: absolute; left:13.1vw;top: 24.6vw;}
.section66_des4{position: absolute; left:13.1vw;top: 28vw;width: 21.3vw;}
.section66_note4{position: absolute; left:13.1vw;top: 37.5vw;width: 21.3vw;}

.section66_title5{position: absolute; left:55.8vw;top: 12.7vw;}
.section66_des5{position: absolute; left:55.8vw;top: 17.5vw;}

.section444{ width: 100%;margin:0px auto;}
.section444_item_title{position: absolute;left:13.1vw;top:8.1vw;}
.section444_item_des{position:absolute;left:13.1vw;top:15.4vw;width: 37vw;}


.section17{background: #fff;}
.section17_des{width: 50vw;margin: 0 auto; padding: 3vw 0;}

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


@media screen and (min-width: 1921px){
    .sections{width: 1920px;margin: 0 auto;}
    .fsize60{ font-size:59px;} .fsize50{ font-size:54px;} .fsize45{ font-size:44px; } .fsize40{ font-size:40px;line-height: 1.2;} .fsize30{ font-size:30px; line-height: 1.4;} .fsize24{ font-size:23px;line-height: 1.6;} .fsize22{ font-size:19px;line-height: 1.6;} .fsize20{ font-size:19px;line-height: 1.6;} .fsize18{ font-size:17px;line-height: 1.6;} .fsize16{ font-size:14px;line-height: 1.6;} .fsize14{ font-size:13px;}
    .section1_title{width:725px;position: absolute;top:297px;left:969px;} .section1_des{width:725px;position: absolute;top:399px;left:969px;} .nav_body{width: 1200px;position: absolute;left:351px;top: 9px;display: flex;justify-content: space-evenly;} .nav_body .nav_item{width:288px;height: 82px;line-height: 82px;text-align: center;cursor: pointer;} .nav_body .nav_item:hover{background: #1a8373;} .nav_body .nav_item.active{background:#1a8373;} .section2{ width:100%;margin:0px auto;position:absolute;top:0;} .section2 .section2_title{position: absolute;top:57px;left:0;width:100%;text-align: center;} .section2 .title{position: absolute;top: 57px;left: 0;width: 100%; color:transparent; font-weight: bold; background: linear-gradient(95deg, rgba(217,186,129,1) 0%, rgba(246,234,183,1) 100%); -webkit-background-clip: text; } .section2 .des{position: absolute;top: 115px;left: 0;width: 100%;text-align: center;font-weight: normal;} .section2 .des sup{} .section2 .item_body{width:1401px;margin:172px auto 0; display: flex;flex-wrap: wrap;justify-content: space-between;} .section2 .item1{position: relative;width: 693px;height: 216px;margin-bottom: 19px;} .section2 .item2{position: relative;width: 693px;height: 216px;margin-bottom: 19px;} .section2 .item2:first-child .title{padding-left: 53px;} .section2 .item2:first-child .note{padding-left: 53px;position: absolute;top: 172px;} .section2 .item2:nth-child(3) .title{top:76px;} .section2 .item2:last-child .note{position: absolute;left:0;width:100%;top: 172px;} .section22{ width:100%;margin:0px auto;} .section22 .section22_title{width:100%;margin-top:94px;} .section22 .section22_title1{width:100%;margin-top:53px;} .section22 .section22_des{width:100%;margin-top:30px;} .section22 .section22_btn{width:299px;margin: 40px auto 0;cursor: pointer;} .section22 .section22_pic{width:1200px;margin: 101px auto 0;} .section22 .section22_note{width:100%;margin-top:30px;} .section22 .section22_title2{width:100%;margin-top:94px;} .section22 .section22_des1{width:100%;margin-top:30px;} .section22 .section22_btn1{width:450px;margin: 40px auto 99px;} .section22 .des{position: relative;width: 100%;font-weight: normal;} .section22 .item_body{width:1401px;margin:249px auto 0; display: flex;flex-wrap: wrap;justify-content: space-between;} .section22 .item{position: relative;width: 305px;margin-bottom: 19px;} .section22 .item img{margin: 19px 0;} .section33{ width:1499px;margin:0px auto;position: relative;} .section33 .section33_title{position: absolute;left:0;top:61px;width: 100%;} .section33 .item_body{width:1200px;position: absolute;top:192px;left: 149px; display: flex;flex-wrap: wrap;justify-content: space-between;} .section33 .item{position: relative;width:100%;height: 120px;display: flex;justify-content: space-between;} .section33 .item:first-child{height: 136px;} .section33 .item .title{width: 132px;} .section33 .item .des{width: 998px;} .section33_note{width:1200px;margin: 38px auto 76px;} .section12{ width: 100%;margin:0px auto;} .section12 video{width: 100%;} .section12_item_title{position: absolute;left:0;width: 100%;top:660px;} .section12_item_des{position: absolute;width:100%;left:0;top:769px;} .section12_item_pic{position: absolute;left:360px;top:32px;width:1200px;} .section12_item_btn{position: absolute;top: 969px;left: 775px;width:339px;cursor: pointer;} .section66{height: auto;} .section66_title{position: absolute; left:1121px;top: 264px;} .section66_des{position: absolute; left:1121px;top: 422px;width: 485px; line-height: 1.5em;} .section66_pic1{position: absolute; left:1121px;width:309px;top:307px;} .section66_pic{position: absolute;top:94px;width: 906px;left: 969px;} .section66_note_left{position: absolute;bottom:96px;left: 255px;} .section66_note_right{position: absolute;top:489px;left: 998px;} .fsize48{font-size: 46px;} .section66_tit1{position: absolute; width: 382px; left: 356px;top: 144px;} .section66_tit{position: absolute; width: 823px; left:548px;top: 105px;} .section66_title00{position: absolute; left:925px;top: 76px;} .section66_des00{position: absolute; left:925px;top:138px;width: 614px;} .section66_title00_1{position: absolute; left:0;top: 595px;width: 100%;} .section66_des00_1{position: absolute;left:0;top: 704px;width: 100%;} .section66_pic00_01{position: absolute; left:979px;top:259px;width: 119px;} .section66_pic00_02{position: absolute; left:1228px;top:259px;width: 119px;} .section66_btn00_01{position: absolute; left: 925px;top: 399px;width: 236px;cursor: pointer;} .section66_btn00_02{position: absolute; left: 1180px;top: 399px;width: 236px;cursor: pointer;} .section66_btn00_03{position: absolute; left: 840px;top: 871px;width: 236px;cursor: pointer;} .section66_title11{position: absolute; left:0;top: 654px;width: 100%;} .section66_des11{position: absolute; left:0;top: 764px;width: 100%;} .section66_pic11{position: absolute; left:360px;top: 65px;width: 1200px;} .section66_des11_1{position: absolute; left: 677px;top: 107px;width: 138px;} .section66_des11_2{position: absolute; left: 677px;top: 211px;} .section66_des11_3{position: absolute; left: 677px;top: 291px;} .section66_btn11{position: absolute; left: 840px;top: 890px;width: 236px;cursor: pointer;} .section66_btn11_1{position: absolute; left: 840px;top: 958px;width: 236px;cursor: pointer;} .section66_btn11_1 a{width: 100%;height: 100%;display: block;} .section66_title1{position: absolute; left:1061px;top: 157px;} .section66_des1{position: absolute; left:1061px;top: 241px;width: 581px;} .section66_note1{position: absolute; left:1061px;top: 376px;width: 581px;} .section66_pic12{position: absolute; left:1061px;top: 474px;width: 364px;} .section66_title2{position: absolute; left:1121px;top: 783px;} .section66_des2{position: absolute; left:1061px;top: 743px;width: 485px;} .section66_title3{position: absolute; left:305px;top: 207px;} .section66_des3{position: absolute; left:305px;top: 374px;width: 485px; line-height: 1.5em;} .section66_title4{position: absolute; left:251px;top: 472px;} .section66_des4{position: absolute; left:251px;top: 537px;width: 408px;} .section66_note4{position: absolute; left:251px;top: 720px;width: 408px;} .section66_title5{position: absolute; left:1071px;top: 243px;} .section66_des5{position: absolute; left:1071px;top: 336px;} .section444{ width: 100%;margin:0px auto;} .section444_item_title{position: absolute;left:251px;top:155px;} .section444_item_des{position:absolute;left:251px;top:295px;width: 710px;}
}

@media screen and ( max-width : 800px){
    .msections{ display: block;overflow: hidden;background: #fff;}
    .sections{ display: none;}
    .mobile_play_btn{width:28vw;position: absolute;top:125vw;left: 36vw;}
}
@media screen and ( max-width : 320px){
    .msections{ display: block;}
    .sections{ display: none;}
}