.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 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;}
.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;}
.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;}

.txtC{text-align: center;}
.txtL{text-align: left;}
.txtR{text-align: right;}
.txtJ{text-align: justify;}
.section{}
.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%;transition: all 0.3s ease-in;perspective: 1000px}
.kv_02{width:16.6%;position: absolute;top:16.1vw;left:24.1%;transition: all 0.3s ease-in;perspective: 1000px}
.kv_03{width:16.6%;position: absolute;top:16.1vw;left:35.3%;transition: all 0.3s ease-in;perspective: 1000px}
.kv_04{width:16.6%;position: absolute;top:16.1vw;left:46.5%;transition: all 0.3s ease-in;perspective: 1000px}
.kv_05{width:16.6%;position: absolute;top:16.1vw;left:57.6%;transition: all 0.3s ease-in;perspective: 1000px}
.kv_06{width:16.6%;position: absolute;top:16.1vw;left:68.84%;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:3%;left: 5%;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_pic{width: 18%;}
.kv_02:hover{left: 28.9%;}
.kv_03:hover{left: 40.1%;}
.kv_04:hover{left: 51.3%;}
.kv_05:hover{left: 62.4%;}
.kv_06:hover{left: 73.64%;}
.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: 30%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;display: none;}
.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;}

.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 a{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;padding-top: 12vw;background: #2c2c2c;}
.section4_title{width: 100%;position:absolute;top: 0;left: 0;z-index: 99;}
.section4_kv{width: 100%;height: 16.7vw;position: relative;overflow: hidden;}
.section4_kv .section4_kv_item{position: absolute;top:0;left: 0;width: 100%;opacity: 0;}
.section4_kv .section4_kv_item.active{opacity: 1;}

.section4_kv_nav{position: absolute;width: 73.7%;left: 50%;transform: translateX(-50%);top:4.8vw;display: flex;justify-content: space-between;}
.section4_kv_nav .section4_kv_nav_item{width: 9.6vw;height: 7.6vw;cursor: pointer;}
.section4_kv_nav .section4_kv_nav_item01{background: url("../feature/section4_kv_nav_item_01.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item02{background: url("../feature/section4_kv_nav_item_02.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item03{background: url("../feature/section4_kv_nav_item_03.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item04{background: url("../feature/section4_kv_nav_item_04.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item05{background: url("../feature/section4_kv_nav_item_05.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item06{background: url("../feature/section4_kv_nav_item_06.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item07{background: url("../feature/section4_kv_nav_item_07.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item01.active{background: url("../feature/section4_kv_nav_item_01_active.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item02.active{background: url("../feature/section4_kv_nav_item_02_active.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item03.active{background: url("../feature/section4_kv_nav_item_03_active.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item04.active{background: url("../feature/section4_kv_nav_item_04_active.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item05.active{background: url("../feature/section4_kv_nav_item_05_active.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item06.active{background: url("../feature/section4_kv_nav_item_06_active.png");background-size: cover;}
.section4_kv_nav .section4_kv_nav_item07.active{background: url("../feature/section4_kv_nav_item_07_active.png");background-size: cover;}
.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;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;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 #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;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 span{color: #6f634f;}*/
/*.section4_body .section4_body_content .content_box .content_box_title .content_box_title_item:first-child{padding-left: 0;}*/
/*.section4_body .section4_body_content .content_box .content_box_title .content_box_title_item:last-child{padding-right: 0;}*/
.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;}
.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: 1.5vw;width: 100%;text-align: center;padding-top: 2vw;padding-bottom: 1.2vw;}
.product_box .product_box_title span{color:transparent;background: linear-gradient(0deg, rgb(206, 176, 121) 0%, rgb(235, 218, 188) 100%);-webkit-background-clip: text;}
.product_box .product_box_title2{font-size: 1.5vw;color:#fff;width: 100%;text-align: center;}
.product_box .product_box_title3{font-weight: bold;font-size: 1.6vw;width: 100%;text-align: center;padding-bottom: 2vw;}
.product_box .product_box_title3 span{color:transparent;background: linear-gradient(0deg, rgb(206, 176, 121) 0%, rgb(235, 218, 188) 100%);-webkit-background-clip: text;}
.product_box .product_box_nav{position: relative;width: 59.1vw;display: flex;justify-content: space-between;}
.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: 14.9vw;height: 7.1vw;position: relative;color: #929292;}
.product_box .product_box_nav .product_box_nav_item.active{color: #2c2c2c;}
.product_box .product_box_nav .product_box_nav_item01{background: url("../feature/product_box_nav_item_01.png") no-repeat; background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item02{background: url("../feature/product_box_nav_item_02.png") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item03{background: url("../feature/product_box_nav_item_03.png") no-repeat;background-size: 100% auto;}
.product_box .product_box_nav .product_box_nav_item04{background: url("../feature/product_box_nav_item_04.png") 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") 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") 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") 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") 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:1.3vw;}
.product_box .product_box_nav .product_box_nav_item .product_box_nav_item_des{position: absolute;left: 6vw;top:3.2vw;}
.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_FX6{width:8vw;}
.product_dc_c1{width:7vw;right: 38vw;}
.product_CineAltaB{width:9.8vw;}

.product_FX30B{width:9.2vw;}
.product_SEL1655G{width:8.9vw;}
.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:7.4vw;top:1.5vw;}
.product_UWP_D21{width:6vw;top:1vw;right: 38vw;}
.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;}
.product_box_total_text{position: absolute;right: 5.3vw;top: 1.5vw;}
.product_box_total_note{position: absolute;left: 0;top: 5.5vw;width: 100%;}
.product_box_total_down_btn{position: absolute;left: 50%;transform: translateX(-50%); top:2vw;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%; }

.fsize16{ font-size:0.8vw;line-height: 1.4;}
.fsize14{ font-size:0.7vw;line-height: 1.6;}

.section5 .section5_title_0927{opacity: 0;position: absolute;top:3vw;left:20.6%;width: 58.8%;}
.section5 .section5_body1{position: absolute; display: flex;width: 59.2%;left:20.4%;top:14.2vw;justify-content: space-between; }
.section5 .section5_body1 .section5_body_item1{opacity: 0;width: 17.9vw;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;}
.section5 .section5_body1 .section5_body_item1 .pic2{width: 100%;position: relative;overflow: hidden;}
.section5 .section5_body1 .section5_body_item1 .pic3{width: 100%;position: relative;overflow: hidden;}
.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;}
