.pc_index{width:100%;background:#fff;}
.sections{ width: 100%; position: relative;
    overflow: hidden;}
.sections img{ display: block; width: 100%;}
.section{ width: 100%; position: relative;}
.opt0{ opacity: 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.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;}

.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;}
.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;}
.fsize22{ font-size:1.1vw;line-height: 1.6;}
.fsize20{ font-size:1vw;line-height: 1.6;}
.fsize18{ font-size:0.9vw;line-height: 1.4;}
.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;}

.section1_title{width:26.5%;position: absolute;top:3vw;left:37.1%;}
.kv_01{width:16.6%;position: absolute;top:16.1vw;left:12.9%;}
.kv_02{width:16.6%;position: absolute;top:16.1vw;left:24.1%;}
.kv_03{width:16.6%;position: absolute;top:16.1vw;left:35.3%;}
.kv_04{width:16.6%;position: absolute;top:16.1vw;left:46.5%;}
.kv_05{width:16.6%;position: absolute;top:16.1vw;left:57.6%;}
.kv_06{width:16.6%;position: absolute;top:16.1vw;left:68.84%;}
.kv_bg{width:72.3%;position: absolute;top: 36.8vw;left: 13.1%;}

.section2{ width:100%;position: relative;}
.section2 .item_body{width:78.6%;margin: 0 auto; position:relative;padding:5vw 0;display: flex;flex-wrap: wrap;justify-content: space-between;transition:transform 0s linear 0s;will-change: transform;}
.section2 .item{position: relative;width: 19vw;overflow: hidden;cursor: pointer;}
.section2 .item:first-child{width:37.7vw;}
.section2 .item_box{width: 39.1vw;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: space-between;}
.section2 .item_box .item:first-child{width:19vw;}
.section2 .item_box .item img{transition: all 2s cubic-bezier(.165, .84, .44, 1);}
.section2 .item_box .item:hover img{transform: scale(1.08);transition: all 2s cubic-bezier(.165, .84, .44, 1);}
.section2 .item_title{position: absolute;left:0;bottom: 3vw;width: 100%;}
.section2 .item_title1{position: absolute;left:0;bottom: 0.7vw;width: 100%;}

.section3 .item_body{width:78.6%;margin: 0 auto; position:relative;padding:0 0 8.1vw;display: flex;flex-wrap: wrap;justify-content: space-between;transition:transform 0s linear 0s;will-change: transform;}
.section3 .item_body .left_item{width: 12.6vw;}
.left_item_title{width: 100%;height: 3.3vw;align-items: center;display: flex;justify-content: center;background: #7a818d;}
.layui-colla-item{border-color: #e7e7e7;}
.layui-form-checkbox[lay-skin=primary]{display: flex;align-items: center;}
.layui-collapse{background: #f1f3f5;}
.layui-colla-title{display: flex;align-items: center;justify-content: space-between;padding: 0 15px;
    background: #f1f3f5;}
.layui-colla-icon{position: relative;left: unset;}
.layui-form-checkbox>div{font-size: 0.8vw;line-height: 1.4!important;margin-top: 0!important;}
.layui-form-checkbox[lay-skin=primary]{min-height: 1.6vw;}
.layui-form-checkbox[lay-skin=primary]>i{top:unset;}
.layui-form-checked,.layui-form-checked:hover {
    border-color: #000000!important;
}
.layui-form-checkbox[lay-skin=primary]:hover>i {
    border-color: #000000;
    color: #fff
}
.layui-form-checked[lay-skin=primary]>i {
    border-color: #060606!important;
    background-color: #000000;
    color: #fff;
}
.section3 .item_body .right_item{width: 62.7vw;}
.right_item_top{background: #f1f3f5;padding-top: 0.5vw;padding-bottom: 0;margin-bottom: 1.5vw;display: flex;justify-content: space-between;}
.tags_box{width: 80%;display: flex;flex-wrap: wrap;}
.order_box{width: 20%;}
.order_box .layui-form-item{border-bottom: 1px solid #dcdddd;margin-right: 1vw;}
.order_box .layui-form-item .layui-input-block{margin-left: 0;}
.order_box .layui-form-label{padding-right:0;padding-left: 0; width: auto;color:#7a818d;font-size: 0.8vw;}
.order_box .layui-input{background: none;border: unset;font-size: 0.8vw;width: 7vw;}
.order_box .layui-input:focus,.order_box .layui-textarea:focus{box-shadow: unset;border: unset;}
.order_box .layui-form-select .layui-input{padding-right: 0;padding-left: 0;}
.order_box .layui-form-select dl dd.layui-this{color: #000;}

.tag_item{width: max-content;padding: 0.3vw 1vw;display: flex;justify-content: center;border-radius: 1vw;align-items: center;flex-wrap: wrap;
    border-width: 1px;
    border-color: rgb(220, 221, 221);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    margin: 0 0.5vw;
    margin-bottom: 0.5vw;
}
.tag_item span{font-size: 0.8vw;}
.tag_item:first-child{background: #7a818d;}
.tag_item:first-child span{color: #fff;padding: 0 0.5vw;}

.tag_item span{padding-right: 0.5vw;}
.tag_item svg{display: block;}
.section3 .cont_brother{display: flex;flex-wrap: wrap;}
.section3 .cont_brother .item{width: 20.7vw;margin-right: 0.3vw;position: relative;margin-bottom: 1.5vw;}
.section3 .cont_brother .item:nth-child(3n){margin-right: 0;}
.wort1{position: absolute;top: 1.6vw;left: 1.7vw;}
.sty2 .wort1{position: absolute;top: 1.5vw;left: 2vw;}
.wort2{position: absolute;top: 3.3vw;left: 2vw;}


.section3 .section3_nav_xian{width: 58.7vw;position:absolute;top:15.4vw;left: 50%;transform: translateX(-50%);border-bottom:1px solid rgba(255,255,255,0.4);}
.section3 .section3_nav{width: 58.7vw;position:absolute;top:14.5vw;left: 50%;transform: translateX(-50%);display: flex;justify-content: space-between;}
.section3 .section3_nav .section3_nav_item{text-align: center;padding:0 20px; cursor: pointer;color: rgba(255,255,255,0.4);background:#151515;font-weight: bold;}
.section3 .section3_nav .section3_nav_item.active{color:#cbac73;}



.section3 .swiper_part08{position: absolute;width: 100%;left: 0;top:19vw;}
.swiper_part08_right{width: 20px;left: 18%;position: absolute;top:calc(50% - 29px);cursor: pointer;z-index: 99;}
.swiper_part08_left{width: 20px;right: 18%;position: absolute;top:calc(50% - 29px);cursor: pointer;z-index: 99;}
.section3 .swiper_part08 .swiper-slide{width: 58.7vw!important;opacity: 0.6;}
.section3 .swiper_part08 .swiper-slide.swiper-slide-active{opacity: 1;}
.section3 .swiper_part08 .swiper-slide img{width: 100%;}
.section3 .swiper_part08 .swiper-slide .slide_mask{position: absolute;width: 100%;height: 100%;opacity: 0;top:0;left: 0;transition: all 0.3s ease-in;
    background: #000;border-radius: 1vw;}
.section3 .swiper_part08 .swiper-slide.swiper-slide-active:hover .slide_mask{opacity: 0.5;}

.section3 .swiper_part08 .swiper-slide .section3_item_text{position: absolute;bottom: 0;right: 50%;opacity: 0;}
.section3 .swiper_part08 .swiper-slide.swiper-slide-active .section3_item_text{opacity: 1;}
.section3 .swiper_part08 .swiper-slide .section3_item_text1{width: 38.5vw;}
.section3 .swiper_part08 .swiper-slide .section3_item_text2{width: 40.3vw;}
.section3 .swiper_part08 .swiper-slide .section3_item_text3{width: 39.7vw;right: 51.5%;}
.section3 .swiper_part08 .swiper-slide .section3_item_text4{width: 38.5vw;right: 51.5%;}
.section3 .swiper_part08 .swiper-slide .section3_item_text5{width: 43.9vw;bottom: -0.5vw;}
.section3 .swiper_part08 .swiper-slide .section3_item_text6{width: 36.9vw;}
.section3 .swiper_part08 .swiper-slide .section3_item_play{position: absolute;bottom: 9.5vw;left:50%;transform: translateX(-50%); width: 11.5vw;cursor: pointer;}
/*.section3 .swiper_part08 .swiper-slide .section3_item_play{position: absolute;bottom: 9.5vw;right: 47%;width: 4.2vw;cursor: pointer;}*/
.section4{width: 100%;position: relative;padding-top: 10vw;
    background: #2c2c2c;}
.section4_title{width: 100%;position:absolute;top: 0;left: 0;z-index: 99;}
.section4_kv{width: 100%;height: 33.7vw;position: relative;}
.section4_kv .section4_kv_item{position: absolute;top:0;left: 0;width: 100%;opacity: 0;}
.section4_kv .section4_kv_item.active{opacity: 1;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -3vw;}
.swiper-pagination-bullet{background:#a3a3a3;}
.swiper-pagination-bullet-active{width: 2vw;background: #d2b581;border-radius: 5px;}


.section4_body{width: 73.8vw;height: auto;position: relative;margin: 0 auto;margin-top: -10vw;background: #2c2c2c;border-top-left-radius: 1vw;border-top-right-radius:1vw;}
.section4_body .section4_body_nav{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;
    background: #1b1a10;height: 3vw;}
.section4_body .section4_body_nav .section4_body_nav_item{width: 16.8%;text-align: center;line-height:2;height: 3vw;cursor: pointer;}
.section4_body .section4_body_nav .section4_body_nav_item.active{font-size: 1.6vw;color: #aa8d6c;background: #2c2c2c;border-top: 6px solid #aa8d6c;transform: translateY(-10px);height: calc( 3vw + 10px )}
.section4_body .section4_body_content{background: #2c2c2c;}
.section4_body .section4_body_content .section4_body_content_item{display: none;width: 100%;}
.section4_body .section4_body_content .section4_body_content_item.active{display: block;}
.section4_body .section4_body_content .content_box{width: 59vw;margin: 0 auto;}
.section4_body .section4_body_content .content_box .content_box_title{font-weight: bold;font-size: 2.1vw;color:transparent;background: linear-gradient(90deg, rgb(206, 176, 121) 0%, rgb(235, 218, 188) 100%);-webkit-background-clip: text;width: 100%;text-align: center;padding-top: 3.8vw;padding-bottom: 1.2vw;}
.section4_body .section4_body_content .content_box .content_box_nav{width: 16.3vw;margin: 2vw auto;height: 3.1vw;
    background: #1b1a1a;display: flex;justify-content: space-between;padding: 0 20px;border-radius: 3vw;}
.section4_body .section4_body_content .content_box .content_box_nav_item{border-radius: 4vw;line-height:2.1;padding: 0 26px;height: 2.1vw; margin-top: 0.5vw;color: #fff;cursor: pointer;}
.section4_body .section4_body_content .content_box .content_box_nav_item.active{color:#2c2c2c;background: linear-gradient(90deg, rgb(191, 169, 132) 0%, rgb(119, 105, 81) 100%);font-weight: bold;}

.section4_body .section4_body_content .content_box .content_box_content .content_box_content_item{display: none;}
.section4_body .section4_body_content .content_box .content_box_content .content_box_content_item.active{display: block;}

.section4_body_fixed{position: fixed;top: 0;margin-top: 0;left: 50%;transform: translate(-50%,-10vw);transition: all 0.3s ease-in;}
.section4_body_fixed.active{transform: translate(-50%,0);transition: all 0.3s ease-out;}
.section4_body.section4_body_fixed .section4_body_nav .section4_body_nav_item.active{transform: translateY(0px);height: calc( 3vw + 0px );line-height: 1.6;}
.product_box{width: 100%;position: relative;padding-bottom: 4.7vw;}
.product_box .product_box_title{font-weight: bold;font-size: 1.5vw;color:transparent;background: linear-gradient(90deg, rgb(206, 176, 121) 0%, rgb(235, 218, 188) 100%);-webkit-background-clip: text;width: 100%;text-align: center;padding-top: 3.8vw;padding-bottom: 1.2vw;}
.product_box .product_box_nav{position: absolute;width: 8vw;display: flex;justify-content: space-between;right: 0;top:4vw;}
.product_box .product_box_xiexian{position: absolute;right: 3.7vw;top:4vw;}
.product_box .product_box_nav .product_box_nav_item{color:#fff;cursor: pointer;}
.product_box .product_box_nav .product_box_nav_item.active{color:rgb(206, 176, 121);font-weight: bold;}
.product_box .product_box_items .product_box_box{display: none;}
.product_box .product_box_items .product_box_box.active{display: block;}
.product_box_items{border-radius: 5px;border: 1px solid #424242;min-height: 20vw;}
.product_box_items .product_box_item{width: 54vw;height:10.7vw;border-bottom:1px dashed #3d3d3d;position: relative; margin: 0 auto;}
.product_box_items .product_box_item:last-child{border-bottom:1px dashed #1b1b1b;}
.product_box_items .product_box_total{width: 54vw;height:9vw;border-bottom-left-radius:10px;border-bottom-right-radius: 10px; position: relative; margin: 0 auto;
    background: #1b1b1b;margin-bottom: 2vw;}

.xuankuang{position: absolute;left: 2vw;top:4.5vw;width: 1.6vw;}
.kuang{width: 1.5vw;height: 1.5vw;border: 2px solid #CEB079;border-radius: 5px;}
.product_img{position: absolute;right: 36.5vw;top:2vw;}
.product_name{position: absolute;left: 20.4vw;top:2vw;}
.product_des{position: absolute;left: 20.4vw;top:4.5vw;}
.product_num{position: absolute;right: 2vw;top:4.5vw;}
.product_btn{position: absolute;left: 20.4vw;top:6.5vw;cursor: pointer;}
.product_7m4{width:9.8vw;}
.product_e10{width:9.8vw;top:3vw;}
.product_SEL2470GM2{width:9.9vw;top:3vw;}
.product_SEL70200G2{width:9.9vw;top:3vw;}
.product_SEL18105G{width:9.6vw;top:3vw;}
.product_SEL30M35{width:4.9vw;top:3vw;right: 38vw;}
.product_ecm_s1{width:7.4vw;top:1.5vw;}
.product_ecm_w3{width:8vw;top:2.5vw;}
.product_mocopi{width:8.8vw;top:2.5vw;}
.product_Xperia{width:5.3vw;top:1vw;right: 38vw;}
.product_fx3{ width: 6vw;top: 0.5vw;right: 38vw;}
.product_PXW-Z280V{ width: 9.7vw;top: 2vw;right: 36vw;}
.product_SEL1655G{ width: 9.7vw;top: 2.2vw;right: 36vw;}
.product_box_total_text{position: absolute;right: 5.3vw;top: 1.5vw;}
.product_box_total_note{position: absolute;right: 5.3vw;top: 5.5vw;}
.product_box_total_down_btn{position: absolute;left: 5.3vw;top: 3vw;width: 11.4vw;}

.section5 .section5_title{opacity: 0;position: absolute;top:5vw;left:38.15%;width: 23.3%;}
.section5 .section5_title.is-inview{opacity: 1;}
.section5 .section5_body{position: absolute; display: flex;width: 58.7%;left:20.7%;top:17.3vw; }
.section5 .section5_body .section5_body_item{opacity: 0;width: 33%;position: relative;}
.section5 .section5_body .section5_body_item.is-inview{opacity: 1;transform: translate(0,0);}
.section5 .section5_body .section5_body_item:first-child{transition-delay: .3s;}
.section5 .section5_body .section5_body_item:nth-child(2){transition-delay: .4s;}
.section5 .section5_body .section5_body_item:nth-child(3){transition-delay: .5s;}
.section5 .section5_body .section5_body_item .pic1{width: 3.1vw;margin: 0 auto;height: 70px;}
.section5 .section5_body .section5_body_item .pic2{width: 2.8vw;margin: 0 auto;height: 70px;}
.section5 .section5_body .section5_body_item .pic3{width: 2.5vw;margin: 0 auto;height: 70px;}
.section5 .section5_body .section5_body_item .text_01{width: 100%;text-align: center;font-weight:bold;}
.section5 .section5_body .section5_body_item .text_02{width: 100%;text-align: center;}
.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;}
}