.pc_index{width:100%;background:#151515;}
.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: translateY(60px);}
    100%{ opacity: 1; transform: translateY(0);}
}

@keyframes fadeInRight{
    0%{ opacity: 0; transform: translateX(-60px);}
    100%{ opacity: 1; transform: translateX(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);}
}

.fadeInRight1{ animation: fadeInRight  0.8s ease 0.55s  forwards; will-change: transform,opacity;}
.fadeInRight2{ animation: fadeInRight  0.8s ease 0.8s  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;}

.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;}
.fsize60{ font-size:3.1vw; }
.fsize55{ font-size:2.9vw; }
.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: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; }
.color929292{ color: #929292; }
.color7d7d7d{ color: #7d7d7d; }
.font_bold{font-weight:bold;}

.coloraaa{
    color:transparent;
    background: linear-gradient(107deg, #6e41f2 30%, #ad6dfd 100%);
    -webkit-background-clip: text;
}

.colorbbb{
    color:transparent;
    background: linear-gradient(180deg, #a7c8f3 7%, #d091e5 100%);
    -webkit-background-clip: text;
}

.txtC{text-align: center;}
.txtL{text-align: left;}
.txtR{text-align: right;}
.txtJ{text-align: justify;}
.section{}
.section1_title{width:37.1%;position: absolute;top:4.1%;left:28.9%;}
.section1_title1{width:100%;position: absolute;top:34.5%;left:0;}
.kv_01{width:36.1%;position: absolute;top:33.2%;left:23%;transition: all 0.3s ease-in;perspective: 1000px}
.kv_02{width:35.7%;position: absolute;top:33.2%;left:54.1%;transition: all 0.3s ease-in;perspective: 1000px}
.kv_bg{width:72.3%;position: absolute;top: 36.8vw;left: 13.1%;transition: all 0.3s ease-in;}
.kv_pic_box{width:90%;position: absolute;top:33.2%;left: 23%;display: flex;justify-content: space-between;transform-style: preserve-3d; }
.aaa{transform: translateX(-12.8075px) translateZ(-20.4213px) rotateY(-20.75deg);overflow: hidden;transition: all 0.3s ease-in;}
.aaa:hover{left: 28.9%;transform:translateX(-12.8075px) translateZ(-20.4213px) rotateY(-20.75deg) scale3d(1.1,1.1,1);}

.kv_tuanbo_mask{position: absolute;top:0;left: 0;width: 100%;height: 100%;}

.kv_pic video{width: 100%;}
.section1_item_pic{width: 100%;height: 100%;position: absolute;top:0;left: 0;display: block;}
.kv_pic:hover .section1_item_pic{display: none;}
.section1_item_mask{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: rgba(0, 0, 0, 0.6);}
.section1_item_mask.start{background: rgba(0, 0, 0, 0);}
.section1_item_play{width: 5.8vw;position: absolute;left: 50%;top:50%;transform: translate(-90%,-50%);cursor: pointer;}
.section1_item_name{color: #fff;font-size: 1vw;position: absolute;right: 1vw;bottom:1vw;}
.kv_pic:hover .section1_item_play{display: block;}
.kv_pic:hover .section1_item_mask{background: rgba(0, 0, 0, 0.1);}
.section2{ width:100%;position: relative;}

.section2 .section2_title1{position: absolute;top:14vw;left:20.4%;}
.section2 .section2_des1{position: absolute;top:17.8vw;left:20.4%;width: 25%;}
.section2 .section2_title2{position: absolute;top:8vw;left:58.5%;}
.section2 .section2_des2{position: absolute;top:15.6vw;left:58.5%;width: 21%;}

.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:98%;position:absolute;top:8.5vw;left:1%; display: flex;flex-wrap: wrap;justify-content: space-between;transition:transform 0s linear 0s;will-change: transform;}
.section2 .item_body1{width:98%;position:absolute;top:26.4vw;left: 1%; display: flex;flex-wrap: wrap;justify-content: space-between;transition:transform 0s linear 0s;will-change: transform;}
.section2 .item3{position: relative;width: 32vw;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;width: 32.9vw;}
.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: 1vw;bottom: 0.7vw;font-size: 1.6vw!important;}
.section2 .item3_des{position: absolute;right: 1vw;bottom: 0.5vw;}
.section2 .item3_des2{position: absolute;width: 74%;left:13%;top:11.2vw;}
.section2 .item_body1 .item3{width: 23.8vw;}

.nav_box{position: absolute;left: 26%;width: 48%;top:10%;display: flex;align-items: center;justify-content: space-between;}
.nav_box_item{width: 20.1vw;cursor: pointer;transition: all 0.3s cubic-bezier(.165, .84, .44, 1);position: relative;}
.nav_box_item.active{width: 24.6vw;position: relative;}
.nav_box_item.active:after{content: '';background:url('../feature/guangxian.png') no-repeat;background-size: 100% auto;
    position: absolute;
    bottom: -2.5vw;
    left: 2vw;
    height: 2.2vw;
    width: 19.5vw;
}

.section3 .section3_body{width: 100%;position: absolute;left:0;top:0;height: 100%;}
.section3 .section3_body_item{width: 100%;position: relative;display: none;}
.section3 .section3_body_item.active{width: 100%;position: relative;display: block;}
.section3 .section3_maidian{width: 78.7%;position: absolute;left:10.65%;top:21vw;}
.section3 .section3_maidian1{width: 78.7%;position: absolute;left:10.65%;top:15vw;}
.section3 .section3_maidian_box{width: 100%;justify-content: space-between;display: none;}
.section3 .section3_maidian_box.active{display: flex;}
.section3 .section3_maidian_box_item{width: 18.6vw;}
.section3 .section3_maidian_box_item .pic{width:100%;height: 25.9vw;overflow: hidden;border-radius: 1.5vw;}
.section3 .section3_maidian_box_item .section3_maidian_box_item_title{font-size: 1.5vw;line-height: 1.4;margin-top: 0.5vw;}
.section3 .section3_nav_item_icon01{width: 2.3vw;}
.section3 .section3_nav_item_icon02{width: 3.1vw;}
.section3 .section3_nav_item_icon03{width: 2.6vw;}
.section3 .section3_nav_item_icon04{width: 3vw;}

.section3 .section3_nav_xian{width: 40vw;position:absolute;top:16.4vw;left: 50%;transform: translateX(-50%);height: 2px; display: flex; justify-content: space-between;}
.section3 .section3_nav_xian .section3_nav_xian_item{width: 7vw;height: 2px;background:#504698;}
.section3 .section3_nav_xian .section3_nav_xian_item:nth-child(2){margin-left: 0.3vw;}
.section3 .section3_nav_xian .section3_nav_xian_item:last-child{margin-right: 1.5vw;}
.section3 .section3_nav{width: 57.3vw;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);font-weight: bold;display: flex;align-items: center;}
.section3 .section3_nav .section3_nav_item a{color: #FFF;}
.section3 .section3_nav .section3_nav_item .section3_nav_item_txt{letter-spacing: 0.3vw;margin: 0 0.5vw;font-size: 1.9vw;color: #807fe4}
.section3 .section3_nav .section3_nav_item.active .section3_nav_item_txt{color: #fff;}
.section3 .section3_nav .section3_nav_item.active a{color:#cbac73;}
.section3 .swiper_part08{position: absolute;width: 100%;left: 0;top:19vw;}
.section3 .swiper_part08 .swiper-wrapper{overflow: unset!important;}
.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;background: #2c2c2c;}
.section4_title{width: 100%;position:absolute;top: 0;left: 0;z-index: 99;}

.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: 74.7%;height: auto;position: absolute;left: 12.65%;top: 0;}
.section4_body .section4_body_nav{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;
    background: #1b1a10;height: 3vw;overflow: hidden;}
.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 a{color: #fff;}
.section4_body .section4_body_nav .section4_body_nav_item.active{font-size: 1.6vw;color: #aa8d6c;background: #2c2c2c;border-top: 6px solid #807fe4;transform: translateY(-10px);height: calc( 3vw + 10px )}
.section4_body .section4_body_content{display: none;}
.section4_body .section4_body_content01{padding-top: 5vw;}

.maxheight01{max-height: 106vw;}
.maxheight02{max-height: 120vw;}

.section4_body .section4_body_content.active{display: block;}
.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: 100%;margin: 0 auto;}
.section4_body .section4_body_content .content_box .content_box_title{font-weight: bold;font-size: 2.1vw;width: 100%;text-align: center;padding-top: 3.8vw;padding-bottom: 1.2vw;display: flex;justify-content:center;}
.section4_body .section4_body_content .content_box .content_box_title span{color:transparent;background: linear-gradient(0deg, rgb(206, 176, 121) 0%, rgb(235, 218, 188) 100%);-webkit-background-clip: text;}
.section4_body .section4_body_content .content_box .content_box_title .content_box_title_item {font-weight: bold;font-size: 2.1vw;color: #6f634f;width:auto;text-align: center;cursor: pointer;position: relative;}
.section4_body .section4_body_content .content_box .content_box_title .content_box_title_item{padding: 0 0.8vw;}
.section4_body .section4_body_content .content_box .content_box_title .content_box_title_item.active{color:transparent;background: linear-gradient(90deg, rgb(206, 176, 121) 0%, rgb(235, 218, 188) 100%);-webkit-background-clip: text;}
.section4_body .section4_body_content .content_box .content_box_title .content_box_title_item.active::after{    height: 5px;
    width: 5vw;
    content: '';
    position: absolute;
    background: rgb(206, 176, 121);
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.4vw;}

.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{position: relative;padding: 4vw 0;}
.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;padding-top: 3vw;}
.content_box_content_itema{display: none;}
.content_box_content_itema.active{display: block;padding-bottom: 4vw;}
.erweima0205{cursor: pointer;display: none;}
.section4_body_fixed{position: fixed;top: 65px;margin-top: 0;left: 50%;transform: translate(-50%,-10vw);transition: all 0.3s ease-in;z-index: 99;}
.section4_body_fixed.active{transform: translate(-50%,0);transition: all 0.3s ease-out;z-index: 9999;}
.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;}
.product_box .product_box_title{font-weight: bold;font-size: 2.7vw;width: 100%;text-align: center;padding-top: 3vw;padding-bottom: 4vw;}
.product_box .product_box_title span{color:transparent;background: linear-gradient(0deg, #d091e5 0%, #a7c8f3 90%);-webkit-background-clip: text;}
.product_box .product_box_title2{font-size: 2.1vw;color:#fff;width: 100%;text-align: center;padding-bottom: 1vw;}
.product_box .product_box_title3{font-size: 2.1vw;width: 100%;text-align: center;padding-bottom: 3vw;}
.product_box .product_box_title3 span{color:#fff;}
.product_box .product_box_nav{position: relative;width: 100%;display: flex;justify-content: space-between;margin: 0 auto 4vw;}
.product_box .product_box_nav2{position: relative;width: 40.3vw;display: flex;justify-content: space-between;margin: 0 auto 4vw;}
.product_box .product_box_nav1{width: 12vw;}
.product_box .product_box_xiexian{position: absolute;right: 3.7vw;top:4vw;}
.product_box .product_box_xiexian1{position: absolute;right: 5.7vw;top:4vw;}
.product_box .product_box_nav .product_box_nav_item{cursor: pointer;width: 17.7vw;height: 7.1vw;position: relative;color: #9ec2f6;}
.product_box .product_box_nav .product_box_nav_item.active{color: #000000;}
.product_box .product_box_nav .product_box_nav_item01{background: url("../feature/product_box_nav_item_01.png?v=0619") no-repeat; background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item02{background: url("../feature/product_box_nav_item_02.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item03{background: url("../feature/product_box_nav_item_03.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item04{background: url("../feature/product_box_nav_item_04.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item05{background: url("../feature/product_box_nav_item_05.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item06{background: url("../feature/product_box_nav_item_06.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item01.active{background: url("../feature/product_box_nav_item_01_active.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item02.active{background: url("../feature/product_box_nav_item_02_active.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item03.active{background: url("../feature/product_box_nav_item_03_active.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item04.active{background: url("../feature/product_box_nav_item_04_active.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item05.active{background: url("../feature/product_box_nav_item_05_active.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item06.active{background: url("../feature/product_box_nav_item_06_active.png?v=0619") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item .product_box_nav_item_tit{position: absolute;left: 6vw;top:0.3vw;font-size: 1.7vw;font-weight: bold;}
.product_box .product_box_nav .product_box_nav_item .product_box_nav_item_des{position: absolute;left: 6.2vw;top: 3vw;line-height: 1.2;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 #342070;min-height: 20vw;width: 100%;}
.product_box_items .product_box_item{width: 96%;height:10.7vw;border-bottom:1px dashed #342070;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: 96%; position: relative; margin: 0 auto;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_type{position: absolute;left: 5.4vw;top:4.3vw;font-size: 1.7vw;color: #9dc3f6;}
.product_img{position: absolute;left: 20.5vw;top:2vw;}

.product_name{position: absolute;left: 24.6vw;top:2vw;}
.product_des{position: absolute;left: 24.6vw;top:4.5vw;}
.product_btn{position: absolute;left: 24.6vw;top:6.5vw;cursor: pointer;}
.product_num{position: absolute;right: 2vw;top:4.5vw;}
.product_img1{position: absolute;left: 40vw;top:2vw;}
.product_name1{position: absolute;left: 48.9vw;top:2vw;}
.product_des1{position: absolute;left: 48.9vw;top:4.5vw;}
.product_num1{position: absolute;right: 2vw;top:4.5vw;}
.product_btn1{position: absolute;left: 48.9vw;top:6.5vw;cursor: pointer;}
.product_7m4{width:8.2vw;}
.product_sel2450g{width:7.5vw;}
.product_FX6{width:8vw;}
.product_fx2{width:8.3vw;left: 21%;top:2.5vw;}
.product_sel2870gm{width:5.5vw;left: 22%;top:1vw;}
.product_sel2470gm2{width:8.1vw;left: 54.9%;top:1vw;}
.product_dc_c1{width:6.8vw;}
.product_sel2870gm{width:8.7vw;}
.product_zv_e10m2{width:8.3vw;}
.product_CineAltaB{width:8.3vw;}

.product_FX30B{width:9vw;}
.product_ecm_w3{width:7.3vw;}
.product_SEL1655G{width:8.9vw;}
.product_selp18105g{width:8.2vw;}
.product_e10{width:9.8vw;top:1.2vw;}
.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:6.3vw;}
.product_sel35f14gm{width:8.3vw;}
.product_sel1635gm2{width:8.4vw;}
.product_sel70200gm2{width:8.4vw;}
.product_fx6{width:7.1vw;}
.product_sel35f18{width:5.4vw;}
.product_uwp_d21{width:5.6vw;}
.product_FW_98BZ53L{width:9.6vw;top:2.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_B10{width:5.6vw;top:2vw;right: 38vw;}
.product_ECM_B1M{width:6.5vw;top:2vw;right: 38vw;}
.product_C_80{width:4.1vw;top:2vw;right: 39vw;}
.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: 36.5vw;}
.look_big_pic{position: absolute;left: 5.3vw;bottom: 13.5vw;width: 8.1vw;cursor: pointer;}
.look_big_pic1{left: 3.3vw;}
.look_big_pic2{left: 17vw;}
.look_big_pic3{left: 36.3vw;}
.look_big_pic4{left: 58.3vw;}
.look_big_pic11{left: 8.5vw;}
.look_big_pic22{left: 15.8vw;}
.look_big_pic33{left: 35vw;}
.look_big_pic44{left: 57.3vw;}
.product_box_total_note{position: absolute;left: 0;bottom: 1vw;width: 100%;}
.product_box_total_down_btn{position: absolute;left: 50%;transform: translateX(-50%); bottom:2.5vw;width: 17.2vw;}
.section5{height: 50vw;}
.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%; }

.fsize16{ font-size:0.8vw;line-height: 1.4;}
.fsize14{ font-size:0.7vw;line-height: 1.6;}

.section9 .section9_title{opacity: 0;position: absolute;top:13%;left:20.6%;width: 58.8%;}
.section9 .section9_body{position: absolute; display: flex;width:88.3%;left:5.85%;top:33.2%;justify-content: space-between; }
.section9 .section9_body .section9_body_item{opacity: 0;width:28.5vw;position: relative;}
.section9 .section9_body .section9_body_item .section9_body_item_title{margin-bottom: 2vw;}

.section5 .section5_title_0927{opacity: 0;position: absolute;top:8%;left:20.6%;width: 58.8%;}
.section5 .section5_title_xian{opacity: 0;position: absolute;top:25.9%;left:15.15%;width: 69.7%;}
.section5 .section5_body1{position: absolute; display: flex;width: 60%;left:20%;top:30.2%;justify-content: space-between; }
.section5 .section5_body1 .section5_body_item1{opacity: 0;width:26.4vw;position: relative;}
.section5 .section5_body1 .section5_body_item1.is-inview{opacity: 1;transform: translate(0,0);}
.section5 .section5_body1 .section5_body_item1:first-child{transition-delay: .3s;}
.section5 .section5_body1 .section5_body_item1:nth-child(2){transition-delay: .4s;}
.section5 .section5_body1 .section5_body_item1:nth-child(3){transition-delay: .5s;}
.section5 .section5_body1 .section5_body_item1 .title1{width: 100%;margin-bottom: 1vw;}
.section5 .section5_body1 .section5_body_item1 .pic1{width: 100%;position: relative;overflow: hidden;border-radius: 1vw;}
.section5 .section5_body1 .section5_body_item1 .pic2{width: 100%;position: relative;overflow: hidden;border-radius: 1vw;}
.section5 .section5_body1 .section5_body_item1 .pic3{width: 100%;position: relative;overflow: hidden;border-radius: 1vw;}
.section5 .section5_body1 .section5_body_item1 .info_box{position: absolute;top:0;left: 0;text-align: justify; width:calc(100% - 3vw);height:calc(100% - 3vw);background: rgba(0,0,0,0.9);padding: 1.5vw;transform: translateY(100%);transition: all 0.3s ease-in-out;}
.section5 .section5_body1 .section5_body_item1.active .info_box{position: absolute;top:0;left: 0;text-align: justify; width:calc(100% - 3vw);height:calc(100% - 3vw);background: rgba(0,0,0,0.9);padding: 1.5vw;transform: translateY(0);transition: all 0.3s ease-in-out;}

.section5 .section5_body1 .section5_body_item1 .text_01{width: 100%;text-align: left;margin-top: 1.5vw;}
.section5 .section5_body1 .section5_body_item1 .text_02{width: 100%;text-align: left;}
.section5 .section5_body1 .section5_body_item1 .play_btn{width: 4.7vw;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.section5 .section5_body1 .section5_body_item1 .text_03{width: 100%;text-align: left;margin-top: 0.5vw;}
.section5 .section5_body1 .section5_body_item1 .text_btn{width:6.1vw;margin: 0 auto;margin-top: 1.5vw;cursor: pointer;}


@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;}
}

.erweima{cursor: pointer;}