.pc_index{width:100%;background:#ebeaeb;}
.sections{ width: 100%; position: relative;}
.sections img{ display: block; width: 100%;}
.section{ width: 100%; position: relative;}
.opt0{ opacity: 0;}

@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);}
}
.fadeInUp{ animation: fadeInUp1  0.6s 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.55s  forwards; will-change: transform,opacity;}
.fadeInUp3{ animation: fadeInUp1  0.8s ease 0.7s  forwards; will-change: transform,opacity;}
.fadeInUp4{ animation: fadeInUp1  0.8s ease 0.85s  forwards; will-change: transform,opacity;}
.fadeInUp5{ animation: fadeInUp1  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp6{ animation: fadeInUp1  0.8s ease 1.15s  forwards; will-change: transform,opacity;}
.fadeInUp7{ animation: fadeInUp1  0.8s ease 1.3s  forwards; will-change: transform,opacity;}

.fadeInUp11{ animation: fadeInUp11  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp12{ animation: fadeInUp11  0.8s ease 0.55s  forwards; will-change: transform,opacity;}
.fadeInUp13{ animation: fadeInUp11  0.8s ease 0.7s  forwards; will-change: transform,opacity;}
.fadeInUp14{ animation: fadeInUp11  0.8s ease 0.85s  forwards; will-change: transform,opacity;}
.fadeInUp15{ animation: fadeInUp11  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp16{ animation: fadeInUp11  0.8s ease 1.15s  forwards; will-change: transform,opacity;}
.fadeInUp17{ animation: fadeInUp11  0.8s ease 1.3s  forwards; will-change: transform,opacity;}

@keyframes cut-head {
    0% {
        opacity: 0.5;
        transform: translate(-50%,-10px);
    }
    50% {
        opacity: 1;
        transform: translate(-50%,-2px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%,0);
    }
}

@keyframes part001_1_icon03 {
    0% {
        opacity: 1;
        transform: translate(20px,0);
    }
    50% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 1;
        transform: translate(20px,0);
    }
}

@keyframes part001_1_icon04 {
    0% {
        opacity: 1;
        transform: translate(-15px,0);
    }
    50% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 1;
        transform: translate(-15px,0);
    }
}


@keyframes part001_2_icon03 {
    0% {
        opacity: 1;
        transform: translate(5px,-5px);
    }
    25% {
        opacity: 1;
        transform: translate(0px,-5px);
    }
    50% {
        opacity: 1;
        transform: translate(0,0);
    }
    25% {
        opacity: 1;
        transform: translate(5px,0px);
    }
    100% {
        opacity: 1;
        transform: translate(5px,-5px);
    }
}

@keyframes part001_1_icon02 {
    0% {
        opacity: 1;
        transform: translate(0,-10px);
    }
    50% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 1;
        transform: translate(0,-10px);
    }
}

.fsize46{ font-size:2.3vw; color:transparent;background: linear-gradient(90deg, rgb(206, 176, 121) 0%, rgb(235, 218, 188) 100%);-webkit-background-clip: text;}
.fsize52{ font-size:2.7vw; }
.fsize45{ font-size:2.3vw; }
.fsize35{ font-size:1.8vw;line-height: 1.6;}
.fsize30{ font-size:1.6vw;line-height: 1.6;}
.fsize28{ font-size:1.5vw;line-height: 1.2;}
.fsize26{ font-size:1.4vw;line-height: 1.6;}
.fsize24{ font-size:1.2vw;line-height: 1.6;}
.fsize20{ font-size:1.1vw;line-height: 1.6;}
.fsize18{ font-size:0.9vw;line-height: 1.6;}
.fsize16{ font-size:0.82vw;line-height: 1.6;}
.fsize12{ font-size:0.6vw;}
.color000{ color: #000; }
.colorfff{ color: #fff; }
.color7d7d7d{ color: #7d7d7d; }
.font_bold{font-weight:bold;}

.txtC{text-align: center;}
.txtL{text-align: left;}
.txtR{text-align: right;}
.txtJ{text-align: justify;}
.section{width:100%;position: relative;}

.section_nav{width: 100%;}
.section_nav_body{position:absolute;top:0;left:50%;transform:translateX(-50%);width:38.5vw;display: flex;justify-content:center;height: 3.8vw;overflow: hidden;}
.section_nav_body_item{position: relative;text-align: center;padding: 0 3vw;height: 3.8vw;}
.section_nav_body_item a{color: #fff;width: 100%;height: 100%;align-items: center;display:flex;}
.section_nav_body_item.active{background: #c31a91;}

.part001_1_title{position: absolute;width: 19.5%;top: 3.5vw;left: 40.4%;}
.part001_1_icon01{position: absolute;width: 16.2%;top: 12.6vw;left: 0;animation: part001_1_icon02 2s infinite linear;}
.part001_1_icon02{position: absolute;width: 20.1%;top: 3.7vw;right: 4.2%;animation: part001_1_icon02 2s infinite linear;}
.part001_1_icon03{position: absolute;width: 1.3%;top: 17vw;right: 4.2%;animation: part001_1_icon02 2s infinite linear;}
.part001_1_icon04{position: absolute;width: 49.7%;top: 16.3vw;left: 24.8%;}


.section2{ width:100%;position: relative;}
.section2 .section2_title{position: absolute;top:29.4vw;left:13%;width: 19.9%;}
.section2 .section2_icon{position: absolute;top:5.3vw;left:33.7%;width: 1%;animation: cut-head 0.6s infinite alternate;}

.section2 .section2_des{position: absolute;top:2.8vw;left:15.4%;width: 35%;}
.section2 .section2_des1{position: absolute;top:32.5vw;left:15.2%;width: 35%;}
.section2 .section2_pic{position: absolute;top:3vw;left:10.5%;width: 40.3%;}
.section2 .section2_product{position: absolute;top:14.7vw;left:14%;width: 16.2%;}
.section2 .section2_product_btn{position: absolute;top:18vw;left:33%;width: 7.8%;}


.section2 .swiper_part02_001{position: absolute;top: 0;left: 33.5%;width: 58%;z-index: 0;justify-content: space-between;display: flex;}
.section2 .swiper_part02_001 .swiper-slide{width: 16.6vw!important;cursor: pointer;-webkit-flex-shrink:unset;flex-shrink:unset;-ms-flex-negative:unset;}
.section2 .swiper_part02_001 .swiper-slide .mask{position:absolute;width: 100%;left: 0;top:0;opacity: 0;transition: all 0.3s ease-out;}
.section2 .swiper_part02_001 .swiper-slide:hover .mask{position:absolute;width: 100%;left: 0;top:0;opacity: 1;}
.section2 .swiper_part02_001 .swiper-slide .section2_more{position:absolute;width: 5.2vw;right: 0;top:16.6vw;opacity: 0;transition: all 0.3s ease-out;}
.section2 .swiper_part02_001 .swiper-slide:hover .section2_more{position:absolute;width: 5.2vw;right: -1.5vw;top:16.6vw;opacity: 1;}
.section2 .swiper_part02_002{position: absolute;top: 29.2vw;left:14.5%;width:calc(66.4vw + 12vw);z-index: 0;overflow: hidden;}
.section2 .swiper_part02_002 .swiper-slide{width: 16.6vw!important;cursor: pointer;margin-right: 3vw;}
.section2 .swiper_part02_002 .swiper-slide .mask{position:absolute;width: 100%;left: 0;top:0;opacity: 0;transition: all 0.3s ease-out;}
.section2 .swiper_part02_002 .swiper-slide:hover .mask{position:absolute;width: 100%;left: 0;top:0;opacity: 1;}
.section2 .swiper_part02_002 .swiper-slide .section2_more{position:absolute;width: 5.2vw;right: 0;top:16.6vw;opacity: 0;transition: all 0.3s ease-out;}
.section2 .swiper_part02_002 .swiper-slide:hover .section2_more{position:absolute;width: 5.2vw;right: -1.5vw;top:16.6vw;opacity: 1;}

.section2 .swiper_part02_002_right{width: 3.5vw;height: 3.5vw;left: 8%;position: absolute;top:calc(60% - 2vw);cursor: pointer;z-index: 99;}
.section2 .swiper_part02_002_left{width: 3.5vw;height: 3.5vw;right: 4%;position: absolute;top:calc(60% - 2vw);cursor: pointer;z-index: 99;}

.section2 .section2_title3{position: absolute;top:10.5vw;left:20.4%;}
.section2 .section2_des3{position: absolute;top:18.1vw;left:20.4%;width: 28%;}

.section2 .section2_title4{position: absolute;top:6.9vw;left:53.5%;}
.section2 .section2_title4 img{display: inline;margin: 0 0.2vw;width: 5.7vw;}
.section2 .section2_des4{position: absolute;top:14.5vw;left:53.5%;width: 26%;}

.section2 .item_body{width:101vw;position:absolute;top:9.5vw;left:0; display: flex;flex-wrap: wrap;justify-content: space-between;transition:transform 0s linear 0s;will-change: transform;}
.section2 .item_body1{width:101vw;position:absolute;top:27.4vw;left: 0; display: flex;flex-wrap: wrap;justify-content: space-between;transition:transform 0s linear 0s;will-change: transform;}
.section2 .item3{position: relative;width: 32.9vw;margin-top: 2.8vw;border-radius: 13px;border: 2px solid #151515;overflow: hidden;cursor: pointer;}
.section2 .item3 .item3_mask{position: absolute;right: 0;bottom: -1px;}
.section2 .item3 img{transition: all 2s cubic-bezier(.165, .84, .44, 1);}
.section2 .item3:hover{border: 2px solid #ceb079;}
.section2 .item3:hover img{transform: scale(1.08);transition: all 2s cubic-bezier(.165, .84, .44, 1);}
.section2 .item3_title{position: absolute;right: 2.5vw;bottom: 0.7vw;}
.section2 .item3_des{position: absolute;right: 1vw;bottom: 0.5vw;}
.section2 .item3_des2{position: absolute;width: 74%;left:13%;top:11.2vw;}

.section3{overflow: hidden;}
.section3 .section3_title{width: 25.8%;position:absolute;top:12.1vw;left: 5.1%;z-index: 2;}
.section3 .section3_icon{width: 2.1vw;position:absolute;top:23.1vw;right: -4.3vw;z-index: 2;}
.section3 .section3_nav_mask{width: 30%;position:absolute;top:12vw;left: 10.4%;background: #ebeaeb;z-index: 1;height: 11vw;}
.section3 .section3_nav{width: 30%;position:absolute;top:17.4vw;left: 10.4%;height: 30vw;}
.section3 .section3_nav .section3_nav_item{cursor: pointer;color: rgba(255,255,255,0.4);height: 6.2vw;opacity: 0.1;transition: opacity 0.6s ease-out;}
.section3 .section3_nav .section3_nav_item .nav_title{color: #000;font-weight: bold;}
.section3 .section3_nav .section3_nav_item .nav_text{color: #000;}

.section3 .section3_nav .section3_nav_item.swiper-slide-active{opacity: 1;transition: opacity 0.3s ease-out;}
.section3 .section3_nav .section3_nav_item.swiper-slide-next,.section3 .section3_nav .section3_nav_item.swiper-slide-prev{opacity: 0.1;transition: opacity 0.6s ease-out;}

.pagenumber_c8{ position: absolute;  top: 12vw;width: 2vw;left: 45vw;z-index: 9;}
.actpages{ font-size: 1.5vw; color: #d335ad;font-weight: bold;}
.tolpages{ color: #000; font-size: 1.5vw; position: absolute; top:106%; left: 80%;font-weight: bold;}
.tolpages:before{ content:""; display: block; width: 50px; height: 1px; background: #000; transform: rotate(-45deg); position: absolute; top: 0; left: -25px;}

.section3 .swiper_content{position: absolute;width: 41.1%;height:48.6vw;left: 51.8%;top:4.6vw;}
.section3 .swiper_part03{position: absolute;left: 0;top:0;width: 100%;height:100%;overflow: hidden;}
.section3 .swiper_part03.active{opacity: 1;}
.swiper_part03_right{width: 1.5vw;height: 1.5vw;right: -4vw;position: absolute;top:20.6vw;cursor: pointer;z-index: 99;}
.swiper_part03_left{width: 1.5vw;height: 1.5vw;right: -4vw;position: absolute;top:27.2vw;cursor: pointer;z-index: 99;}
.section3 .swiper_part03 .swiper-slide{width: 100%;height: auto; opacity: 1;overflow: hidden;cursor: pointer;}
.section3 .swiper_part03 .swiper-slide .item001{width: 47.58%;position: relative;}
.section3 .swiper_part03 .swiper-slide .item002{width: calc(100% - 47.58%);position: relative;}
.section3 .swiper_part03 .swiper-slide .item003{width: 50%;}
.section3 .swiper_part03 .swiper-slide.swiper-slide-active{opacity: 1;}
.section3 .swiper_part03 .swiper-slide:hover:after{content: '点击查看原图';position: absolute;top:50%;left: 50%;width: 100%;height: 100%; display: flex;justify-content: center; transform: translate(-50%,-50%);text-align: center;align-items: center;color: #fff;background: rgba(0, 0, 0, 0.48);font-size: 1vw;
}


.section3 .swiper_part03 .swiper-slide .item_show{cursor:pointer;position: relative;}
.section3 .swiper_part03 .swiper-slide .item_show img{width: 100%;}
.item002 .item_show{cursor:pointer;position: relative;height: 50%;}
.section3 .swiper_part03 .swiper-slide .slide_txt{position: absolute;width: 90%;height: auto;bottom:1vw;right: 3%;text-align:right;color: #000;font-size: 0.8vw;}


.section4{position: fixed;width: 100%;top:100vh;left: 0;z-index: 99;height: 100vh;overflow-y: scroll;background: #fff;transition: all ease-in-out 0.6s;}
.section4_title{position: absolute;top:2vw;left:42.6% ;width: 18%;display: flex;justify-content: space-between;}
.section4_icon{position: absolute;top:2vw;left:2vw;width: 2.6%;cursor: pointer;}
.section4_pic{position: absolute;bottom:0;left:0 ;width: 8.3%;display: flex;justify-content: space-between;}
.section4_title_item{cursor: pointer;}
.section4 .swiper_content{position: absolute;width:calc(100% - 24.4%);height:48.6vw;left: 24.4%;top:6.6vw;overflow: hidden;}
.section4 .swiper_section04{width: 100%;display: flex;justify-content: space-between;}
.section4 .swiper_section04 .swiper-slide{width: 47.6vw!important;height: auto;}

.swiper_part04_right,.swiper_part04_left{width: 2.3vw;height: 2.3vw;position:absolute;bottom:2vw;z-index: 9;}
.swiper_part04_right{left: 14.5vw;}
.swiper_part04_left{right: 14.5vw;}

.content_01{width:44.1vw;position: relative;float: right;}
.content_02{width:37.1vw;position: relative;margin-left: 1.1vw;}
.content_03{width:37.1vw;position: relative;margin-left: 8.1vw;}

.section4 .swiper_section04 .swiper-slide .content_01 .slide_title{position: absolute;width: 69%;top:30.6vw;left:0.4vw;color: #000;font-size: 0.75vw;}
.section4 .swiper_section04 .swiper-slide .content_01 .slide_des{position: absolute;width: 69%;top:33vw;left:0.4vw;color: #878788;font-size: 0.6vw;}
.section4 .swiper_section04 .swiper-slide .content_01 .slide_des2{position: absolute;width: 67%;top:34vw;left:0.4vw;color: #878788;font-size: 0.6vw;}
.section4 .swiper_section04 .swiper-slide .content_01 .slide_title1{position: absolute;top:30.3vw;right:0;color: #000;text-align: right;}
.section4 .swiper_section04 .swiper-slide .content_01 .slide_des1{position: absolute;top:32.5vw;right:0;color: #000;text-align: right;}
.section4 .swiper_section04 .swiper-slide .content_01 .slide_txt{position: absolute;width: 90%;height: auto;top:28vw;right: 0.5vw;text-align:right;color: #fff;font-size: 0.8vw;}
.section4 .swiper_section04 .swiper-slide .content_01 .slide_txt2{position: absolute;width: 90%;height: auto;top:28vw;right: 0.5vw;text-align:right;color: #000;font-size: 0.8vw;}
.section4 .swiper_section04 .swiper-slide .content_01 .slide_txt1{position: absolute;width: 90%;height: auto;top:28vw;left: 0.5vw;text-align:left;color: #fff;font-size: 0.8vw;}

.section4 .swiper_section04 .swiper-slide .content_02 .slide_title{position: absolute;width: 67%;top:20.2vw;left:-1.1vw;color: #000;font-size: 0.75vw;}
.section4 .swiper_section04 .swiper-slide .content_02 .slide_des{position: absolute;width: 28%;top:24.7vw;left:-1.1vw;color: #878788;font-size: 0.6vw;}
.section4 .swiper_section04 .swiper-slide .content_02 .slide_des2{position: absolute;width: 28%;top:23.7vw;left:-1.1vw;color: #878788;font-size: 0.6vw;}
.section4 .swiper_section04 .swiper-slide .content_02 .slide_title1{position: absolute;width: 50%; top:30.3vw;right:78%;color: #000;text-align: right;}
.section4 .swiper_section04 .swiper-slide .content_02 .slide_des1{position: absolute;width: 50%;top:32.5vw;right:78%;color: #000;text-align: right;}
.section4 .swiper_section04 .swiper-slide .content_02 .slide_des3{position: absolute;width: 25%;top:22.5vw;right:78%;color: #000;text-align: left;}
.section4 .swiper_section04 .swiper-slide .content_02 .slide_txt{position: absolute;width: 90%;height: auto;top:36vw;right: 0.5vw;text-align:right;color: #fff;font-size: 0.8vw;}


.section4 .swiper_section04 .swiper-slide .content_03 .slide_title{position: absolute;width: 67%;top:20.2vw;left:-3vw;color: #000;font-size: 0.75vw;}
.section4 .swiper_section04 .swiper-slide .content_03 .slide_des{position: absolute;width: 28%;top:24.7vw;left:-3vw;color: #878788;font-size: 0.6vw;}
.section4 .swiper_section04 .swiper-slide .content_03 .slide_des2{position: absolute;width: 28%;top:23.7vw;left:-3vw;color: #878788;font-size: 0.6vw;}
.section4 .swiper_section04 .swiper-slide .content_03 .slide_title1{position: absolute;width: 50%; top:30.3vw;right:78%;color: #000;text-align: right;}
.section4 .swiper_section04 .swiper-slide .content_03 .slide_des1{position: absolute;width: 50%;top:32.5vw;right:78%;color: #000;text-align: right;}
.section4 .swiper_section04 .swiper-slide .content_03 .slide_txt{position: absolute;width: 90%;height: auto;top:36vw;right: 0.5vw;text-align:right;color: #fff;font-size: 0.8vw;}






.msections{ width: 100%; position: relative; display: none;}
.msections img { display: block; width: 100%; }
@media screen and (min-width: 1921px){
}

@media screen and ( max-width : 800px){
    .msections{ display: block;overflow: hidden;background: #fff;}
    .sections{ display: none;}
}
@media screen and ( max-width : 320px){
    .msections{ display: block;}
    .sections{ display: none;}
}
