html,body{ margin:0; padding:0; position:relative;}
.sections{background: #000;}
.sections img{ display: block; width: 100%;}
.section{ width: 100%; position: relative;}
.section video{width: 100%;}
.opt0{ opacity: 0;}
.colorfff{color: #fff;}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translateY(60px);}
    100%{ opacity: 1; transform: translateY(0);}
}
@keyframes fadeInUp11{
    0%{ opacity: 0; transform: translateY(60px) translateZ(-20.4213px) rotateY(-33.75deg);}
    100%{ opacity: 1; transform: translateY(0) translateZ(-20.4213px) rotateY(-33.75deg);}
}

.fadeInUp1{ animation: fadeInUp1  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.8s ease 0.55s  forwards; will-change: transform,opacity;}
.fadeInUp3{ animation: fadeInUp1  0.8s ease 0.7s  forwards; will-change: transform,opacity;}
.swiper-container {
    width: 100%;
    height: 100%;
    z-index: 100;
}

@-webkit-keyframes fromTop-01 {
    0% {transform: translateY(-40%);opacity: 0;}
    100% {transform: translateY(0);opacity:1;}
}
@keyframes fromTop-01 {
    0% {transform: translateY(-40%);opacity: 0;}
    100% {transform: translateY(0);opacity:1;}
}

@-webkit-keyframes fromBottom-01 {
    0% {transform: translateY(40%);opacity: 0;}
    100% {transform: translateY(0);opacity:1;}
}
@keyframes fromBottom-01 {
    0% {transform: translateY(40%);opacity: 0;}
    100% {transform: translateY(0);opacity:1;}
}

@-webkit-keyframes opacity-01 {
    0% {opacity: 0;}
    100% {opacity:1;}
}
@keyframes opacity-01  {
    0% {opacity: 0;}
    100% {opacity:1;}
}

@-webkit-keyframes scale-01 {
    0% {opacity: 0;transform: scale(1.8);}
    100% {opacity:1;transform: scale(1);}
}
@keyframes scale-01  {
    0% {opacity: 0;transform: scale(1.8);}
    100% {opacity:1;transform: scale(1);}
}

@-webkit-keyframes quan_icon {
    0% {opacity: 1;transform: scale(1) rotate(0deg);}
    100% {opacity:1;transform: scale(1) rotate(360deg);}
}
@keyframes quan_icon  {
    0% {opacity: 1;transform: scale(1) rotate(0deg);}
    100% {opacity:1;transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes kuang_icon {
    0% {opacity: 0.5;transform: scale(1.05);}
    100% {opacity:1;transform: scale(1);}
}
@keyframes kuang_icon  {
    20% {opacity: 0.5;transform: scale(1.05);}
    80% {opacity:1;transform: scale(1);}
}
@keyframes rotate{
    to{
        transform:scale(0.9) rotate(360deg);
    }
    from{
        transform:scale(0.9) rotate(0deg);
    }
}

.header-v2{height:auto!important;}

.section{width: 100%;position: relative;}
.section_01{width: 100%;position: relative;height:320vw;}
.section01_sticky {width: 100%;position: sticky;position: -webkit-sticky;top: 0;left: 0;height:auto;overflow: hidden;}
.kv_cover{position: absolute;width: 100%;height: 100vh;left: 0;top:0;z-index: 20;background: #000;}
.kv_content{position: absolute;width: 100%;height: 47vw;left: 0;top:0;background: #000;z-index: 19;}
.kv_content_box{width: 100%;height: 100%;}
.kv_content_box_item{width: 100%;height: 100%;opacity: 0;position: absolute;left: 0;top:0;transition: all 0.6s ease;z-index: 1;}
.kv_content_box_item.active{opacity: 1;transition: all 0.6s ease;z-index: 2;}
.kv_content_box_item_btn{position: absolute;top:50%;left: 42%;transform: translateY(-50%);width:13.1vw;cursor: pointer;}
.kv_content_box_item_btn .quan_icon{position: absolute;top: -0.3vw;right: -0vw;width: 1.8vw;}
.kv_content_box_item_btn:hover .quan_icon{position: absolute;top: -0.3vw;right: -0vw;width: 1.8vw;animation: quan_icon 2s infinite linear;}

.kv_content_nav{position: absolute;left:9vw;top:7.3vw;z-index: 3;}
.kv_content_nav_item{width: 100%;height: 100%;opacity: 0.6;margin-bottom:2.2vw;cursor: pointer;}
.kv_content_nav_item.active{opacity: 1;}
.kv_content_nav_title{font-size: 2.8vw;font-weight: bold;color: #fff;}
.kv_content_nav_des{font-size: 1.2vw;color: #fff;margin-top: 0.5vw;letter-spacing: 0.1vw;}

.kv_cover_title{position: absolute;left: 6.5vw;top:13.2vw;width: 28.1vw;opacity: 0;
    -webkit-animation: scale-011 0.3s ease-in 1 forwards;
    animation: scale-01 0.3s ease-in 1 forwards;animation-delay: 1s;}
.kv_cover_icon{position: absolute;left: 5.5vw;top:19.9vw;width: 36.9%;opacity: 0;
    -webkit-animation: scale-011 0.3s ease-in 1 forwards;
    animation: scale-01 0.3s ease-in 1 forwards;animation-delay: 1s;}

.kv_cover_box01{position: absolute;left: 37.2vw;top:0;width: 20vw;opacity: 0;
    -webkit-animation: fromTop-01 0.6s ease-in 1 forwards;
    animation: fromTop-01 0.6s ease-in 1 forwards;
    animation-delay: 0.3s;}
.kv_pic_box_title{font-weight: bold;font-size: 2.5vw;    color:transparent;
    background: linear-gradient(90deg, rgb(179, 146, 119) 17%, rgb(254, 252, 251) 77%);
    -webkit-background-clip: text;}
.kv_pic_box_title01{position: absolute;top:15.6vw;left: 1.3vw;display: flex;justify-content: space-between;cursor: pointer;align-items: center;}
.kv_pic_box_title02{position: absolute;top:31vw;left: 2.2vw;display: flex;justify-content: space-between;cursor: pointer;align-items: center;}
.kv_pic_box_title03{position: absolute;top:5.3vw;left: 2.6vw;display: flex;justify-content: space-between;cursor: pointer;align-items: center;}
.jiantou_icon{width: 0.6vw;margin-left: 1.3vw;}
.quan_icon{position: absolute;top: 0.75vw;right: -0.6vw;width:1.8vw;}
.kv_pic_box_title01:hover .quan_icon{animation: quan_icon 2s infinite linear;}
.kv_pic_box_title02:hover .quan_icon{animation: quan_icon 2s infinite linear;}
.kv_pic_box_title03:hover .quan_icon{animation: quan_icon 2s infinite linear;}
.kuang_icon{position: absolute;top: 0.2vw;right: -1vw;width: 13.6vw;animation: kuang_icon 1s infinite linear;}
.kv_cover_box02{position: absolute;left: 58vw;top:4.5vw;width: 20vw;opacity: 0;
    -webkit-animation: opacity-01 0.8s ease-in 1 forwards;
    animation: opacity-01 0.8s ease-in 1 forwards;
    animation-delay: 0.6s;}
.kv_cover_box03{position: absolute;left: 78.8vw;top:10vw;width: 20vw;opacity: 0;
    -webkit-animation: fromBottom-01 0.6s ease-in 1 forwards;
    animation: fromBottom-01 0.6s ease-in 1 forwards;
    animation-delay: 0.3s;}
.kv_cover_left_title{position: absolute;left: 3.4vw;bottom:0;width: 0.7vw;opacity: 0;
    -webkit-animation: fromTop-01 0.6s ease-in 1 forwards;
    animation: fromTop-01 0.6s ease-in 1 forwards;
    animation-delay: 0.1s;z-index: 6;}
.left_jiantou_icon{position: absolute;left: 1.7vw;top:40vw;width: 4.3vw;cursor: pointer;z-index: 7;}
.left_jiantou_loading{
    position: absolute;top: 0.05vw;left: 0.1vw;width: 4vw;height: 4vw;z-index: 7;
    background: radial-gradient( closest-side circle, #fff 99%, transparent 100%) center top/25% 25% no-repeat,
            conic-gradient(transparent 0%, #fff 90%);
    -webkit-mask: radial-gradient( closest-side circle, transparent 90%, red 80% 90%, transparent 100%);
    animation: rotate 1s linear infinite;
}

.section_02{width: 100%;position: absolute;overflow: hidden;height: 100vh;background: #000; top: 0;left: 0;z-index: 18;display: none;}
.section_02_content{width: 100%;height: 47vw;overflow: hidden;}
.section_02_play{width:6.3%;position: absolute;left: 47.9%;top:46%;cursor: pointer;}

@keyframes smallPic{
    0%{opacity: 1;}
    100%{opacity: 0;}
}

@keyframes bigPic{
    0%{opacity: 0;}
    80%{opacity: 1;}
    100%{opacity: 1;}
}

@keyframes yuan{
    0%{opacity: 0;width: 10vw;height: 10vw;}
    80%{opacity: 1;width: 25vw;height: 25vw;}
    90%{opacity: 0;}
    100%{opacity: 0;}
}

@keyframes itemTitle{
    0%{opacity: 1;bottom: 0;}
    10%{opacity: 1;bottom: 10%;}
    20%{opacity: 1;bottom: 10%;}
    30%{opacity: 1;bottom: 10%;}
    40%{opacity: 1;bottom: 10%;}
    100%{opacity: 1;bottom: 15%;}
}

@keyframes endPic{
    0%{opacity: 0;}
    80%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes itemIcon01{
    0%{opacity: 0;}
    20%{opacity: 1;transform: translate(40%,-30%) scale(0.5);}
    100%{opacity: 1;transform: translate(0,0) scale(1);}
}

@keyframes itemIcon02{
    0%{opacity: 0;}
    20%{opacity: 1;transform: translate(40%,0) scale(0.5);}
    100%{opacity: 1;transform: translate(0,0) scale(1);}
}

@keyframes itemIcon03{
    0%{opacity: 0;}
    20%{opacity: 0;transform: translate(40%,30%) scale(0.5);}
    100%{opacity: 1;transform: translate(0,0) scale(1);}
}

.swiper-pagination-bullet{
    opacity: 1;
    background: #fff;
    border: 2px solid #242424;
    width: 0.6vw;
    height: 0.6vw;
    transition: all 0.3s ease-in-out;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000000;
    border: 2px solid #000000;
    width: 0.6vw;
    height: 0.6vw;
}

.section03{width: 100%;height:120vw;position: relative;}
.section03_box{width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 17;}
.section03_box video{width: 100%;display: block;}
.section03_sticky {width: 100%;position: sticky;position: -webkit-sticky;top: 0;left: 0;height: 52vw;overflow: hidden;}
.section03_title{width: 100%;text-align: center;position: absolute;top:3.9vw;left: 0;}
.section03_title span{font-weight: bold;font-size: 4.1vw;color:transparent;
    background: linear-gradient(90deg, rgb(179, 146, 119) 17%, rgb(254, 252, 251) 77%);
    -webkit-background-clip: text;}
.section03_title_bg{width: 16.9%;text-align: center;position: absolute;top:9.5vw;left: 42%;}
.section03_des{font-size: 1.6vw;width: 100%;text-align: center;position: absolute;top:13.1vw;left: 0;color: #fff;line-height: 1.4;}
.section03_des span{font-size: 2.6vw;font-weight: bold;color: #fff;}
.section03 .big_kuang{position: absolute;width: 86.1%;top: 8.8vw;left:6.95%;}
.section03_boxs_bg{position: absolute;width: 74.4%;top: 11vw;left:12.8%;}
.section03_boxs{position: absolute;display: flex;justify-content: space-between;width: 58.3%;top: 13vw;height: 32.5vw; left:50%;transform: translateX(-50%);border-radius: 1vw;overflow: hidden;}
.section03_boxs1{position: absolute;display: flex;justify-content: space-between;width: 58.3%;top: 13vw;height: 32.5vw; left:50%;transform: translateX(-50%);border-radius: 1vw;overflow: hidden;}
.section03_boxs_item1{width: 27.9vw;position: relative;}
.section03_boxs_item2{width: 27.7vw;position: relative;}
.section03_boxs_item3{width: 26.8vw;position: relative;}
.section03_boxs_item4{width: 27vw;position: relative;}
.section03_boxs_item_title1{font-size: 1.1vw;color:#fff;text-align: center;width: 100%;margin-top: 1vw;padding-left: 3.4vw;}
.section03_boxs_item_title2{font-size: 1.1vw;color:#fff;text-align: center;width: 100%;margin-top: 1vw;padding-left: 3.4vw;}
.section03_boxs_item_title3{font-size: 1.1vw;color:#fff;text-align: center;width: 135%;margin-top: 1vw;}
.section03_boxs_item_title4{font-size: 1.1vw;color:#fff;text-align: center;width: 65%;margin-top: 1vw;}

.section03_box_pagination{display: flex;position: absolute;justify-content: center; left: unset!important; right: 0;bottom:unset!important;top:46vw!important;}
.section03_box_pagination .swiper-pagination-bullet{margin: 0.5vw!important;border: 2px #fff solid;background: transparent;opacity: 1;}
.section03_box_pagination .swiper-pagination-bullet-active{margin: 0.5vw!important;border: 2px #d7ac89 solid;background: #d7ac89;}


.section04{width: 100%;height:120vw;position: relative;}
.section04_sticky {width: 100%;position: sticky;position: -webkit-sticky;top: 0;left: 0;height: 52vw;overflow: hidden;}
.section04_title{width: 100%;text-align: center;position: absolute;top:3.9vw;left: 0;}
.section04_title span{font-weight: bold;font-size: 4.1vw;color:transparent;
    background: linear-gradient(90deg, rgb(179, 146, 119) 17%, rgb(254, 252, 251) 77%);
    -webkit-background-clip: text;}
.section04_title_bg{width: 16.9%;text-align: center;position: absolute;top:9.5vw;left: 42%;}
.section04_des{font-size: 1.6vw;width: 100%;text-align: center;position: absolute;top:13.1vw;left: 0;color: #fff;line-height: 1.4;}
.section04_des span{font-size: 2.6vw;font-weight: bold;color: #fff;}
.section04 .big_kuang{position: absolute;width: 86.1%;top: 8.8vw;left:6.95%;}
.section04_boxs_bg{position: absolute;width: 74.4%;top: 11vw;left:12.8%;}
.section04_boxs{position: absolute;display: flex;justify-content: space-between;width: 64%;top: 22.2vw;left: 18%;}
.section04_boxs_item{width: 30.5vw;position: relative;}
.section04_boxs_item_title{font-size: 1.1vw;color:#fff;text-align: center;width: 100%;margin-top: 1vw;}
.section04_boxs_item_title1{font-size: 1.1vw;color:#fff;text-align: center;width: 100%;margin-top: 1vw;padding-left: 1.2vw;}
.section04_boxs_item_title2{font-size: 1.1vw;color:#fff;text-align: center;width: 100%;margin-top: 1vw;padding-left: 0.6vw;}

.section04_boxs1{position: absolute;display: flex;justify-content: space-between;width: 58.3%;top: 13vw;height: 32.5vw; left:50%;transform: translateX(-50%);border-radius: 1vw;overflow: hidden;}
.section04_boxs_item1{width: 31.9vw;position: relative;}
.section04_boxs_item2{width: 30.6vw;position: relative;}
.section04_boxs_item_title1{font-size: 1.1vw;color:#fff;text-align: center;width: 100%;margin-top: 1vw;}

.section04_box{width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 16;}
.section04 .section04_box video{width: 100%;display: block;}
.section04_box_pagination{display: flex;position: absolute;justify-content: center; left: unset!important; right: 0;bottom:unset!important;top:46vw!important;}
.section04_box_pagination .swiper-pagination-bullet{margin: 0.5vw!important;border: 2px #fff solid;background: transparent;opacity: 1;}
.section04_box_pagination .swiper-pagination-bullet-active{margin: 0.5vw!important;border: 2px #d7ac89 solid;background: #d7ac89;}

.section_05 {position: relative;width: 100%;}
.section_05_title{position: absolute;top:5.6vw;left: 40.8%;width: 18.4%;}
.section_05_box {position: absolute;top:17.6vw;left: 50%;transform: translateX(-50%);width: 76.6vw;display: flex;flex-wrap: wrap;justify-content: space-between;}
.section_05 .item {width: 22vw;margin-bottom: 3.5vw;text-align: center;position: relative;}
.section_05 .item a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}

.section_05 .item .item_title{position: absolute;font-size: 1vw;color: #000;top: 18.6vw;line-height: 1.6;}
.section_05 .item .item_title span{font-size: 1.4vw;width: 100%;font-weight: bold;}
.section_05 .item .item_btn{position: absolute;width:10.4vw;top: 24.2vw;left: 50%;transform: translateX(-50%);}
.section_05 .item img {width: 100%;display: block;}

.kedu{width:3.7vw;position: absolute;top:12vw;right:7%;}
.kedu_title01{color: #d7ac88;font-size: 1.2vw;position: absolute;top:15.8vw;right:11%;cursor: pointer;}
.kedu_title02{color: #fff;font-size: 1.1vw;position: absolute;top:20.7vw;right:9.9%;cursor: pointer;}
.kedu_title03{color: #fff;font-size: 1.1vw;position: absolute;top:11.3vw;right:9.9%;cursor: pointer;}

.kedu_title011{color: #fff;font-size: 1.1vw;position: absolute;top:11.3vw;right:9.9%;cursor: pointer;}
.kedu_title022{color: #fff;font-size: 1.1vw;position: absolute;top:15.8vw;right:9.9%;cursor: pointer;}
.kedu_title033{color: #d7ac88;font-size: 1.2vw;position: absolute;top:20.7vw;right:11%;cursor: pointer;}
.kedu_title044{color: #fff;font-size: 1.1vw;position: absolute;top:25.6vw;right:9.9%;cursor: pointer;}
.kedu_title055{color: #fff;font-size: 1.1vw;position: absolute;top:30.2vw;right:9.9%;cursor: pointer;}

.section06{width: 100%;height:120vw;position: relative;}
.section06_box{width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 15;}
.section06_sticky {width: 100%;position: sticky;position: -webkit-sticky;top: 0;left: 0;height: 52vw;overflow: hidden;}
.section06_title{width: 100%;text-align: center;position: absolute;top:3.9vw;left: 0;}
.section06_title span{font-weight: bold;font-size: 4.1vw;color:transparent;
    background: linear-gradient(90deg, rgb(179, 146, 119) 17%, rgb(254, 252, 251) 77%);
    -webkit-background-clip: text;}
.section06_title_bg{width: 16.9%;text-align: center;position: absolute;top:9.5vw;left: 42%;}
.section06_des{font-size: 1.6vw;width: 100%;text-align: center;position: absolute;top:13.1vw;left: 0;color: #fff;line-height: 1.4;}
.section06_des span{font-size: 2.6vw;font-weight: bold;color: #fff;}
.big_kuang{position: absolute;width: 86.1%;top: 8.8vw;left:6.95%;}
.section06_boxs_bg{position: absolute;width: 74.4%;top: 11vw;left:12.8%;}
.section06_boxs{position: absolute;display: flex;justify-content: space-between;width: 58.3%;top: 13vw;height: 32.5vw; left:50%;transform: translateX(-50%);border-radius: 1vw;overflow: hidden;}
.section06_boxs_item{width: 30.5vw;position: relative;}
.section06_boxs_item_title{font-size: 1.1vw;color:#fff;text-align: center;width: 100%;margin-top: 1vw;}

.section06_box video{width: 100%;display: block;}
.section06_box_pagination{display: flex;position: absolute;justify-content: center; left: unset!important; right: 0;bottom:unset!important;top:46vw!important;}
.section06_box_pagination .swiper-pagination-bullet{margin: 0.5vw!important;border: 2px #fff solid;background: transparent;opacity: 1;}
.section06_box_pagination .swiper-pagination-bullet-active{margin: 0.5vw!important;border: 2px #d7ac89 solid;background: #d7ac89;}

.section07{width: 100%;position: absolute;height: 100%;top:0;left: 0;z-index: 13;}
.section07_sticky{width: 100%;position: sticky;position: -webkit-sticky;top: 0;left: 0;height: auto;overflow: hidden;}
.section07_box{width: 82%;position: absolute;display: flex;justify-content: space-between;left: 9%;top:0;}
.section07_box_left{width: 41.3vw;position: relative;margin-right: 3vw;margin-top: 21.2vw;}
.section07_box_right{width: 29.2vw;position: relative;margin-top:6.5vw;}
.section07_logo{width:32.9vw;position: relative;}
.section07_box_right_items{width: 100%;display: flex;flex-direction: column;margin-top: 5vw;}
.section07_box_right_item{display: flex;justify-content: space-between;align-items: center;height:5vw;border-bottom: 1px solid #bebdbf;opacity: 0.6;-webkit-transition: all .3s ease;
    transition: all .3s ease;position: relative;cursor: pointer;}
.section07_box_right_item.active{opacity: 1;}
.section07_box_right_item_num{font-size: 0.5vw;font-weight: normal;display: flex;flex-direction: column;align-items: center;}
.section07_box_right_item_num span{font-size: 1.6vw;line-height: 1;}
.section07_box_right_item_title{font-size: 2vw;width: 60%;line-height: 1.6;font-weight: lighter;}
.section07_box_right_item_name{width: 11.4vw;font-size: 1vw;color: #fff;}
.section07_box_right_item_name_01 img{width: 11.4vw;float: right;}
.section07_box_right_item_name_02 img{width: 8.1vw;float: right;}
.section07_box_right_item_name_03 img{width: 5.9vw;float: right;}
.section07_box_right_item_xian{position: absolute;width: 2.5%;height: 1px;background: #fff;left: 0;bottom: 0;transition: all .6s ease;}
.section07_box_right_item.active .section07_box_right_item_xian{width: 100%;}
.section07_box .section07_box_item {position: relative;width: 41.3vw!important;}
.section07_box_btn{position: absolute;width: 5.6vw;top:50%;left: 50%;transform: translate(-50%,-50%);}
.section07_items{position: absolute;width: 86.2%;left:6.9%;top:56.4vw;display: flex;justify-content: space-between;}
.section07_items .section07_item{width:26.1vw; }
.section07_items .section07_item .section07_item_btn{width:10.4vw;margin:1.5vw auto;}
.section07_item_title{font-size:2.7vw;text-align: center;width: 100%;margin-bottom: 1.5vw;}
.section07_item_title span{font-size:2.7vw; font-weight: bold;}
.section07_box_pagination{display: flex;flex-direction: column;position: absolute;top:50%;right: -3vw;transform: translateY(-50%);}
.section07_box_pagination .swiper-pagination-bullet{margin: 0.5vw!important;border: 2px #fff solid;background: transparent;opacity: 1;}
.section07_box_pagination .swiper-pagination-bullet-active{margin: 0.5vw!important;border: 2px #d7ac89 solid;background: #d7ac89;}
.coloraaa{
    color:transparent;
    background: linear-gradient(90deg, #d1a783 40%, #ffffff 100%);
    -webkit-background-clip: text;
}