.sections{ width: 100%; position: relative;overflow: hidden;padding-bottom: 188vw;}
.sections img{ display: block; max-width: 100%;}
.section{ width: 100%; position: relative;}
.anim{ opacity: 0;}
.animated{ animation-fill-mode: forwards; }
.opt0{ opacity: 0;}
@keyframes xiangxia{
    0%{ transform: translate(0,0); opacity: 0;}
    100%{ transform: translate(0,10px); opacity:1;}

}
.xiangxia{ animation: xiangxia 1s linear 0.2s infinite both;}
@keyframes fadeInLeft1{
    0%{ opacity: 0; transform: translate(-100px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}

@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translate(0,60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeInLeft1{ animation: fadeInLeft1  0.8s ease 0.6s forwards; will-change:transform, opacity;}
.fadeInLeft2{ animation: fadeInLeft1  0.8s ease 0.3s forwards; will-change:transform, opacity;}
.fadeInLeft3{ animation: fadeInLeft1  0.8s 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.6s  forwards; will-change: transform,opacity;}

.fadeInUp3{ animation: fadeInUp1  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp4{ animation: fadeInUp1  0.8s ease 1.4s  forwards; will-change: transform,opacity;}

@keyframes fadeInDown1{
    0%{ opacity: 0; transform: translate(0,-60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeInDown1{ animation: fadeInDown1  0.8s ease 0.4s  forwards; will-change: transform,opacity;}

@keyframes intoRight{
    0%{ transform: translate(0,0);}
    100%{transform: translate(50%,0);}
}
.intoRight{ animation: intoRight 1s ease forwards;}
@keyframes fadeIn1{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
.fadeIn1{ animation: fadeIn1 1s ease 0.5s forwards;}
.fixaction3{ height: 300vh;}
@keyframes breath{
    0%{ transform: scale(1); opacity: 0.8;}
    50%{ transform: scale(1.1); opacity:1;}
    100%{ transform: scale(1); opacity:0.8;}
}
.breath{ animation: breath 1.5s linear 0s infinite ;}

@keyframes fromLeft{

    0%{ transform: translate(-50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}
.fromLeft{ animation: fromLeft 1s ease forwards;}

@keyframes fromRight{
    0%{ transform: translate(50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}

.fromRight{ animation: fromRight 1s ease forwards;}

@keyframes scaleImage {
    0%{ transform: scale(1.8);opacity: 0;}
    100%{ transform: scale(1);opacity: 1;}
}
.scaleImage{ animation: scaleImage  0.8s cubic-bezier(.165, .84, .44, 1) forwards; will-change:transform, opacity;}
.bbm-screen{mix-blend-mode: screen;/*滤色模式*/}
.bbm-multiply{mix-blend-mode: multiply;/*正片叠底模式*/}
.bbm-overlay{mix-blend-mode: overlay;/*叠加模式*/}
.bbm-darken{mix-blend-mode: darken;/*变暗模式*/}
.bbm-lighten{mix-blend-mode: lighten;/*变亮模式*/}
.bbm-colord{mix-blend-mode: color-dodge;/*颜色减淡模式*/}
.bbm-saturation{mix-blend-mode: saturation;/*饱和度模式*/}
.bbm-color{mix-blend-mode: color;/*颜色模式*/}
.bbm-luminosity{mix-blend-mode: luminosity;/*亮度模式*/}
.bbm-colorb{mix-blend-mode: color-burn;/*颜色加深模式*/}
.bbm-hue{mix-blend-mode: hue;/*色相模式*/}
.bbm-hlight{mix-blend-mode: hard-light;/*强光模式*/}
.bbm-slight{mix-blend-mode: soft-light;/*柔光模式*/}
.bbm-difference{mix-blend-mode: difference;/*差值模式*/}
.bbm-exclusion{mix-blend-mode: exclusion;/*排除模式*/}
/*fonts*/
.fsize60{ font-size:2.5vw;letter-spacing: 0.3vw;}
.fsize50{ font-size:2.34vw;line-height: 1.2;}
.fsize20{ font-size: 1.05vw;line-height: 1.7;}
.fsize18{ font-size: 0.9vw;line-height: 1.7;}
.fsize24{ font-size: 1.1vw;line-height: 1.6;}
.fsize28{ font-size: 1.4vw;line-height: 1;}
.fsize30{ font-size: 1.3vw;line-height: 1.6;}
.fsize38{ font-size: 1.8vw;line-height: 1.6;}
.fsize22{ font-size:20px;line-height: 1.6vw;}
.fsize12{ font-size:0.7291vw;}
.lh16{ line-height: 1.6;}

.colorfff{ color: #fff; }
.color000{ color: #000; }

.txtC{text-align: center;}
.txtL{text-align: left;}
.txtR{text-align: right;}
.txtJ{text-align: justify;}
.font_bold{font-weight: bold;}

.p1_arrow{ width: 100%; position: absolute; left: 0; top: 43.5vw;}
.arrow_n{ width: 100%; text-align: center;  color: #000; }
.arrow_n p{font-size:1vw;}
.arrow_s{ width: 3vw; margin: 0 auto;}

.fixitem{ width: 100%; height: 100vh; position: absolute; left: 0; top:0; overflow: hidden;}
.fix_start{ position: fixed;top: 0;}
.fix_end{ position: absolute; left: 0; top: auto; bottom: 0;}

.weight_bold{font-weight: bold;}
.section video{width: 100%;}
#swiper1{width: 100%;height: 100vh;}
.section1{width: 100%;height: 100vh;}
.microphone_01_tit{width: 40.4vw;position: absolute;top: 8.5vw;left: 29.8vw;}
.microphone_01_text{width: 35.3vw;position: absolute;top: 37.2vw;left: 32.5vw;}
.section1 .product_pic{position: absolute;width: 84.4%;top:18vw;left: 8%;}
.section1_pic1{width: 16.9vw;position: absolute;top:19.1vw;left: 13.1vw;}
.section1_pic2{width: 12.5vw;position: absolute;top:22.8vw;left: 31.7vw;}
.section1_pic3{width: 9.1vw;position: absolute;top:26.3vw;left: 48.2vw;}
.section1_pic4{width: 10.2vw;position: absolute;top:25vw;left: 62.2vw;}
.section1_pic5{width: 14.1vw;position: absolute;top:24.3vw;left: 74.4vw;}


.section2{ width:100%;background:#f5f5f5;height: 100vh;overflow: hidden;}
.section2_top{ width:18%;background:#f5f5f5;height: 100vh;overflow: hidden;z-index: 88;background: url("../images/microphone_02.jpg") top left;position: absolute;top:0;right: 0;}
.section2 .item_body{width: 63.4vw;margin: 0 auto;padding: 4.5vw 0 2.8vw;position: absolute;left: 18.7vw;top:0.5vw;height: 41vw;overflow: hidden;}
.section2 .section2_title{position: absolute;left: 0;top:5vw;width: 100%;}
.section2 .section2_des{margin-top: 1.3vw;margin-bottom: 2.5vw;}
.section2 .swiper-container242{width: 78.4vw;padding: 7vw 0 4vw;}
.section2 .items{width: 100%;}
.section2 .items .item{width:14.1vw;margin:0 0.8vw;cursor: pointer;}
.section2 .items .item img{width: 11.9vw;}
.section2 .items .item .item_title{width: 11.9vw;position: absolute;bottom: 3vw;left: 0;line-height:1.4;}
.section2 .items .item .item_des{color:#66686e;}
.section2 .items .item.swiper-slide-prev{transform: translateX(-2vw)}
.section2 .items .item.swiper-slide-next{transform: translateX(2vw)}
.section2 .items .item.swiper-slide-active,.section2 .items .item.swiper-slide-duplicate-active {
}

.section2 .bigitems{width:20vw;height:37vw;position: absolute;bottom:0;left: 28.25vw;z-index: 10;}
.section2 .bigitem{position: absolute;top:0;left: 0; opacity: 0;cursor: pointer;}
.section2 .bigitem.active{opacity: 1;}
.section2 .bigitem .bigitem_title{width: 100%;position: absolute;bottom: 10vw;left: 0;line-height:1.3;}
.section2 .bigitem .bigitem_more{    width: 8vw;
    background: #000;
    border-radius: 5vw;
    text-align: center;
    padding: 0.5vw;
    color: #fff;
    position: absolute;
    top: 19vw;
    left: 5.5vw;
    line-height: 1.3;}

.section2 .note_bg{position: absolute;left: 18.6vw;top: 35.8vw;width: 25.2vw;padding-top: 1.3vw;padding-left: 2.6vw;}

.sectionaa{top:300vh;left: 0; position: fixed;z-index: 50;opacity:1;transform: translateY(600vh);transition: all 0.8s ease;}
.section3{ width:100%;height:100vh;}
.active.section3{z-index: 50;opacity:2; transform: translate(0,0);}
.section3 .section3_title{position: absolute;top: 5.4vw;width: 100%; left:0;line-height: 1.2;letter-spacing:0;}
.section3 .section3_nav{position: absolute;top: 14vw;width: 3vw; right:2vw;display: flex;flex-direction: column;justify-content: space-between;height: 30vw;}
.section3 .section3_nav div{writing-mode:vertical-rl;width: 2.4vw;border: 2px solid #000;color: #000; border-radius:2vw;height: 6vw;line-height: 1.2;font-size: 0.88vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#fff;cursor: pointer;}
.section3 .section3_nav div.active{color: #000;background-image: repeating-linear-gradient(0deg ,#e1f8cc , #ffddac);}
.section3 .section3_nav_pic{width: 16.8vw;position: absolute;top: 12.5vw;left: 4vw;}
.section3 .section3_nav_pic .section3_nav_pic_item{width:100%;position: absolute;top: 0;left:0;opacity: 0;}
.section3 .section3_nav_pic .section3_nav_pic_item.active{opacity: 1;}
.section3 .section3_nav_pic .section3_nav_pic_item .section3_nav_pic_tit{position:absolute;bottom: 11vw;left:0;width: 100%;text-align: center;line-height: 1.2;}
.section3 .section3_nav_pic .section3_nav_pic_item:nth-child(4) .section3_nav_pic_tit{bottom: 10vw;}
.section3 .section3_nav_pic .section3_nav_pic_item:last-child .section3_nav_pic_tit{bottom: 10vw;}
.section3 .section3_nav_pic .section3_nav_pic_item .section3_nav_pic_tit span{font-weight: normal;font-size: 1.2vw;}
.section3 .item_content{width: 63.1vw;height: 30.9vw; position: absolute;left: 24.3vw;top: 15.3vw;opacity: 0;}
.section3 .item_content.active{opacity: 1;}
.section3 .close_btn{position: absolute;width: 1.4vw;height: 1.4vw;left: 87vw;top: 13.7vw;cursor: pointer;}
.swiper-button-next,.swiper-button-prev{background-image: unset!important;}
.section3 .item_content .swiper-pagination-bullets, .section3 .item_content .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;}
.section3 .item_content .swiper-pagination-bullet {
    width: 2.5vw;
    height: 0.3vw;
    margin:0 5px;
    background: #555555;
    opacity: 1;
    border-radius: unset;
}

.section3 .item_content .swiper-pagination-bullet-active{
    background: #fff;
}

.section3 .item_body{width: 52.6vw;height: 29.1vw; position: absolute;left: 5.3vw;top: 0;background: #fff;}

.section3 .item_body01 .swiper-wrapper .swiper-slide{opacity: 0;}
.section3 .item_body01 .swiper-wrapper .swiper-slide-active{opacity: 1;}
.section3 .item_body .item_text{width: 31.9vw;position: absolute;left: 1.6vw;top: 22.6vw;}
.section3 .item_body .item_text div{display: none;}
.section3 .item_body .item_text div.active{display: block;
    color: #000;}
.section3 .item_body .product_pic{width: 19.1vw;height: 11.4vw; position: absolute;right: 0;top: 1.6vw;display: flex;justify-content: center;
    flex-direction: column;
    align-items: center;}
.section3 .item_body .product_pic .product_pic_item{display: none;}
.section3 .item_body .product_pic .product_pic_item.active{display: block;}
.product_pic_b10{width: 8.1vw;}
.product_pic_b1m{width: 9.8vw;}
.product_pic_d21{width: 4.2vw;}
.product_pic_k3m{width: 14.8vw;}
.product_pic_w2bt{width: 12.3vw;}
.product_pic_s1{width: 12.7vw;}
.product_pic_w3{width: 16.7vw;}

.section3 .item_body .product_name{width: 19.1vw;text-align: center; position: absolute;right: 0;top: 13vw;}
.section3 .item_body .product_name .product_name_item{display:none;}
.section3 .item_body .product_name .product_name_item.active{display:block;
    color: #000;}
.section3 .item_body .product_btn{width: 6.5vw;text-align: center; position: absolute; right: 6.2vw;top: 22.5vw;}
.section3 .item_body .product_btn .product_btn_item{width:100%;height:100%;display: none;}
.section3 .item_body .product_btn .product_btn_item.active{width:100%;height:100%;display: block;}

.section3 .item_body .product_tui{width: 19.1vw;text-align: center; position: absolute; right: 0;top: 24.5vw;}
.section3 .item_body .product_tui div{width: 100%;top:0;left: 0;position: absolute;opacity: 0;}
.section3 .item_body .product_tui div.active{opacity: 1;}
.section3 .item_body .product_tui img{position: absolute;display: block;width: 10.5vw;top: 0.8vw;left: 4.2vw;}
.section3 .item_body .product_tui span{font-weight: bold;}
.section3 .item_body .product_name span{font-weight: bold;}
.section3 .item_body .product_nav{width: 19.1vw;position: absolute;right: 0;top: 18.26vw;display: flex;justify-content: center;align-items: center;}
.section3 .item_body .product_nav div{cursor: pointer;font-size: 0.95vw;height:2.5vw;padding:0.3vw;border: 1px solid #777777;color: #777777;border-radius: 0.3vw;margin: 0 0.3vw;display: flex;justify-content: center;
    flex-direction: column;
    align-items: center;text-align: center;}
.section3 .item_body .product_nav div.active{padding:0.3vw;border: 1px solid #0068b7;color: #0068b7;}
.section3 .item_body .item_pic{width: 31.9vw;height: 20.3vw;position: absolute;left: 1.6vw;top: 1.6vw;}
.section3 .item_body .item_pic .item_pic_hand{position: absolute;width: 100%;bottom: 0;left: 0;
    z-index: 8;}
.section3 .item1{position: relative;width: 100%;}
.section3 .item1 .play_btn{position: absolute;width: 4.5vw;left: 32vw;top: 17vw;cursor:pointer;}
.section3 .item_title{position: absolute;top: 4.5vw;width: 100%; left:0;line-height: 1.2;letter-spacing:0;}
.section3 .item_title1{top:8.2vw;left:5.4vw;position: absolute; font-weight: normal;}
.section3 .item_des{top:12.5vw;left:5.4vw;position: absolute; font-weight: normal;}
.section3 .item_letter_spacing{letter-spacing:6px;}
.section3 .item_letter_spacing1{letter-spacing:20px;}

.section7{ width:100%;background: #fff;height: 92vw;}
.section7 .section7_title{position: absolute;width: 100%;top:4.5vw;}
.section7 .item_body{width:70vw;position:absolute;top: 10vw;left: 15vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.section7 .play_btn{position: absolute;width: 4.6vw;left: 13.8vw;top: 6.8vw;cursor:pointer;}
.section7 .item_box{position: relative;width:100%;display: flex;justify-content: space-between;}
.section7 .item{position: relative;width:100%;display: flex;justify-content: space-between;margin-bottom: 1vw;flex-wrap: wrap;}
.section7 .item:nth-child(2){width:100% }
.section7 .item:nth-child(3){width:33.3% }
.section7 .item:nth-child(4){width:33% }
.section7 .item:nth-child(5){width:32.3% }
.section7 .item_tit{position: absolute;color: #555555;border-left: 0.3vw solid #0068b7;line-height: 1;left: 0;top: 0;padding-left: 1.5vw;}
.section7 .item .pic{width:22.6vw;position: relative;height: 16.5vw;overflow: hidden;margin-top: 3vw;}
.section7 .item .pic img{width: 100%;}
.section7 .item .pic .new_product{position: absolute;top:1vw;width: 4vw; left:1vw;}
.section7 .item .pic .item_title{position: absolute;top: 11.5vw;width: 100%; left:0;}
.section7 .item .pic .product_btn{top:14.2vw;width:6vw;left:8vw;position: absolute; font-weight: normal;color:#66686e;}

.vvidBtn {
    position: absolute; left:50%; top: 40%;
    transform: translateX(-50%);padding-top: 4.5em;font-size: 24px;width: 7em;letter-spacing: 0.1em;color: #fff;cursor: pointer;text-indent: 0.1em;opacity: 1;transition: all .6s ease-out;
}
.vvidBtn::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 4em;
    height: 4em;
    border: solid 4px #fff;
    box-sizing: border-box;
    border-radius: 50%;
}
.vvidBtn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 2em;
    transform: translate(-20%, -50%);
    width: 0;
    height: 0;
    border: solid 0.8em transparent;
    border-left: solid 1.2em #fff;
}

.section8{width: 100%;}
.section8 .mask{width: 100%;height: 100%;position: absolute;top:0;left: 0; background: rgba(0, 0, 0, 0.3);}
.section8 .mask1{width: 100%;height: 100%;position: absolute;top:0;left: 0; background: rgba(0, 0, 0, 0.05);}
.section8 .section8_title{position: absolute;left: 0;top:5vw;width: 100%;}
.section8 .section8_video{width: 50vw;left: 25vw;top: 13vw;position: absolute;cursor: pointer;}

.section9{width: 100%;}
.section9 .section9_title{position: absolute;left: 0;top:5vw;width: 100%;}
.section9 .section9_des{position: absolute;left: 0;top:12vw;width: 100%;}
.section9 .item_body{width:70vw;position:absolute;top: 17vw;left: 15vw;display: flex;justify-content: center;}
.section9 .item{width: 33vw;}
.section9 .item .item_tit{position: relative;color: #444;line-height: 1;text-align: center;}
.section9 .item .item_des{position: absolute;color: #fff;bottom:5%;width: 100%;}
.section9 .item .pic{width:100%;position: relative;margin-top: 2vw;margin-bottom:1.5vw;cursor: pointer;border: 2px solid #000;}
.section9_note{position: absolute;    bottom: 1vw;right: 3vw;}

.section19{width: 100%;}
.section19 .section19_title{position: absolute;left: 0;top:5vw;width: 100%;}
.section19 .section19_des{position: absolute;left: 0;top:12vw;width: 100%;}
.section19 .item_body{width:80vw;position:absolute;top: 7vw;left: 10vw;display: flex;justify-content:space-between;}
.section19 .item{width: 37.8vw;}
.section19 .item .item_tit{position: relative;color: #444;line-height: 1;text-align: center;}
.section19 .item .item_des{position: absolute;color: #fff;bottom:5%;width: 100%;}
.section19 .item .pic{width:100%;position: relative;margin-top: 2vw;margin-bottom:1.5vw;cursor: pointer;border: 2px solid #000;}
.section19_note{position: absolute; top: 46vw;left: 85vw;}
.microphone_01_note{position: absolute;top: 43.5vw;left: 70vw;}
.icon_0230_01{position: absolute;top: 8.5vw;left: 9vw;width: 4vw;}

.mic-content-control{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 10;}
.mic-content-control .border-wrap {
    width: 100%;
    padding:38px 20px 2px;
    margin-top: 30px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    background: rgba(255,255,255,0.58);
}
.mic-content-control .border-wrap:before{content: '音质对比';    position: absolute;top: 0.4vw;left: 2vw;font-size: 1vw;color: #005ea9;font-weight: bold;}
.mic-content-control .border-wrap .soundbyte-btn-toggle {
    width: 43%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.8125vw;
}
.mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn.active, .mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:hover {
    color: #fff;
    background: #0068b7;
}
.mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn {
    padding: 0.1vw 0.56vw 0.1vw 1.8vw;
    color: #0068b7;
    background: transparent;
    border: 1px solid #0068b7;
    border-radius: 25px;
    position: relative;
    cursor: pointer;
}
.mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:before {
    content: "";
    background-image: url(../images/mic-blue.png);
    background-size: 100%;
    width: 0.5641vw;
    height: 0.78125vw;
    display: block;
    position: absolute;
    left: 0.7vw;
    top: 0.5vw;
}
.mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:hover:before {
    content: "";
    background-image: url(../images/mic-white.png);
    background-size: 100%;
    width: 0.5641vw;
    height: 0.78125vw;
    display: block;
    position: absolute;
    left: 0.7vw;
    top: 0.5vw;
}
.mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn.active:before {
    content: "";
    background-image: url(../images/mic-white.png);
    background-size: 100%;
    width: 0.5641vw;
    height: 0.78125vw;
    display: block;
    position: absolute;
    left: 0.7vw;
    top: 0.5vw;
}
.mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:first-child{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:last-child{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.mic-content-control .border-wrap .audio-player-container {
    display: -ms-flexbox;
    display: flex;
    width: 55%;
}
.audio-player-container .audio-player{display: none;}
.audio-player-container .audio-player.active{display: block;}
.audio-player-container .audio-player audio{width:15.625vw;height:1.8125vw;}

@media screen and  (max-width:1680px) {
    .p1_arrow{ width: 100%; position: absolute; left: 0; top: 41.5vw;}
    .microphone_01_note{position: absolute;top: 41.5vw;left: 70vw;}
    .sections {padding-bottom: 230.5vw;}
}

@media screen and  (max-width:1440px) {
    .sections {padding-bottom: 258vw;}
}
@media screen and  (max-width:1366px) {
    .sections {padding-bottom: 264vw;}
}

@media screen and  (min-width:1921px){
    .sections {padding-bottom: 4133px;}
    .p1_arrow{ width: 100%; position: absolute; left: 0; top: 887px;}
    .arrow_n{ width: 100%; text-align: center;  color: #000; }
    .arrow_n p{font-size:19px;}
    .arrow_s{ width: 3vw; margin: 0 auto;}
    .fsize20 {font-size: 20px;}
    .fsize30{font-size: 24px;}
    .fsize38{font-size: 34px;}
    .fsize24{ font-size: 21px}
    .fsize18{font-size: 16px;}
    .section,.section7,.section8,.section9,.section19{ width: 1920px; position: relative;margin: 0 auto;}
    .microphone_01_tit{width: 647px;top: 163px;left: 650px;}
    .microphone_01_text{width: 644px;top: 714px;left: 624px;}
    .section1 .product_pic{position: absolute;width: 84.4%;top:355px;left: 8%;}
    .section1_pic1{width: 324px;top:366px;left: 251px;}
    .section1_pic2{width: 240px;top:437px;left:608px;}
    .section1_pic3{width: 175px;top:505px;left: 925px;}
    .section1_pic4{width: 195px;top:480px;left: 1194px;}
    .section1_pic5{width: 270px;top:466px;left: 1428px;}
    .section2 .bigitem .bigitem_more { width: 153px; background: #000; border-radius: 96px; text-align: center; padding: 9px; color: #fff; position: absolute; top: 364px; left: 105px; line-height: 1.3; }
    .section2 .item_body{width: 1217px;margin:0 auto;padding:86px 0 53px; position: absolute;left:341px;top: 9px;height: 815px;}
    .section2 .section2_title{}
    .section2 .section2_des{margin-top: 25px;margin-bottom: 48px;}
    .section2 .swiper-container242{width: 1505px;padding: 150px 0 76.8px}
    .section2 .items{width: 100%;}
    .section2 .items .item{width:270px;margin:0 15px;cursor: pointer;}
    .section2 .items .item img{width: 228px;}
    .section2 .items .item .item_title{width: 228px;position: absolute;bottom: 57px;left: 0;line-height:1.4;}
    .section2 .items .item .item_des{color:#66686e;}
    .section2 .items .item.swiper-slide-prev{transform: translateX(-38px)}
    .section2 .items .item.swiper-slide-next{transform: translateX(38px)}
    .section2 .items .item.swiper-slide-active,.section2 .items .item.swiper-slide-duplicate-active {
        /*width: 23vw!important;*/
    }

    .section2 .bigitems{width:384px;height:710px;position: absolute;bottom:0;left: 542px;z-index: 10;}
    .section2 .bigitem{position: absolute;top:0;left: 0; opacity: 0;cursor: pointer;}
    .section2 .bigitem.active{opacity: 1;}
    .section2 .bigitem .bigitem_title{width: 100%;position: absolute;bottom: 192px;left: 0;line-height:1.3;}

    .section3{ width:1920px;height:100vh;}
    .section3 .section3_title{top: 103px;}
    .section3 .section3_nav{top: 268px;width: 57px; right:38px;height: 576px;}
    .section3 .section3_nav div{width: 46px;border: 2px solid #000; border-radius:38px;height: 115px;line-height: 1.2;font-size: 16px;}
    .section3 .section3_nav_pic{width: 322px;top: 248px;left: 76px;}
    .section3 .section3_nav_pic .section3_nav_pic_item .section3_nav_pic_tit{bottom: 211px;}
    .section3 .section3_nav_pic .section3_nav_pic_item:nth-child(4) .section3_nav_pic_tit{bottom: 192px;}
    .section3 .section3_nav_pic .section3_nav_pic_item:last-child .section3_nav_pic_tit{bottom: 192px;}
    .section3 .section3_nav_pic .section3_nav_pic_item .section3_nav_pic_tit span{font-size: 23px;}
    .section3 .item_content{width: 1210px;height: 593px; left:466px;top: 312px;}
    .section3 .close_btn{width: 26px;height: 26px;left: 1670px;top: 263px;}
    .section3 .item_content .swiper-pagination-bullet {
        width: 48px;
        height: 5px;
    }
    .section3 .item_body{width: 1010px;height: 558px;left: 101px;}
    .section3 .item_body .item_text{width: 612px;left: 30px;top: 433px;}
    .section3 .item_body .product_pic{width: 366px;height: 218px; top: 30px;}
    .product_pic_b10{width: 155px;}
    .product_pic_b1m{width: 188px;}
    .product_pic_d21{width: 80px;}
    .product_pic_k3m{width: 284px;}
    .product_pic_w2bt{width: 236px;}
    .product_pic_s1{width: 243px;}
    .product_pic_w3{width: 321px;}

    .section3 .item_body .product_name{width: 366px;top: 249px;}
    .section3 .item_body .product_btn{width: 124px;right: 120px;top: 432px;}
    .section3 .item_body .product_tui{width: 366px;top: 470px;}
    .section3 .item_body .product_tui img{width: 201px;top: 15px;left: 80px;}
    .section3 .item_body .product_nav{width: 366px;top: 350px;}
    .section3 .item_body .product_nav div{font-size: 18px;height:48px;padding:9px;border-radius:9px;margin: 05px;}
    .section3 .item_body .product_nav div.active{padding:9px;}
    .section3 .item_body .item_pic{width: 612px;height: 390px;left: 30px;top: 30px;}
    .section3 .item1{position: relative;width: 100%;}
    .section3 .item1 .play_btn{width: 86px;left: 614px;top: 326px;}
    .section3 .item_title{top: 86px;}
    .section3 .item_title1{top:157px;left:103px;}
    .section3 .item_des{top:240px;left:103px;}
    .section3 .item_letter_spacing{letter-spacing:6px;}
    .section3 .item_letter_spacing1{letter-spacing:20px;}
    .section7{height: 1920px;}
    .section7 .item_body{width: 1344px;}
    .section7 .item{width:100%;}
    .section7 .item .pic{width: 433px; height:316px;}
    .section7 .item .pic .item_title{top:230px;}
    .section7 .item .pic .new_product {
        top: 19px;
        width: 76px;
        left: 19px;
    }
    .section7 .item .pic .product_btn{
        top: 281px;
        width: 115px;
        left: 153px;
    }
    .section8 .section8_title{position: absolute;left: 0;top:96px;width: 100%;} .section8 .section8_video{width: 960px;left: 480px;top: 249px;position: absolute;cursor: pointer;} .section9 .section9_title{position: absolute;left: 0;top:96px;width: 100%;}
    .section9 .item_body{width:1344px;position:absolute;top: 288px;left: 288px;display: flex;justify-content: center;} .section9 .item{width: 633px;} .section9 .item .item_tit{position: relative;color: #555555;line-height: 1;text-align: center;} .section9 .item .item_des{ position: absolute;color: #fff;bottom:5%;width: 100%;} .section9 .item .pic{width:100%;position: relative;margin-top: 38px;margin-bottom:28px;cursor: pointer;} .mic-content-control{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 10;}
    .mic-content-control .border-wrap { width: 100%; padding: 7px;padding-top: 35px; margin-top: 30px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: column; background: rgba(255,255,255,0.58); } .mic-content-control .border-wrap .soundbyte-btn-toggle { width: 45%; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; height: 34px; } .mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn.active, .mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:hover { color: #fff; background: #0068b7; } .mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn { padding: 1px 10px 1px 34px; color: #0068b7; background: transparent; border: 1px solid #0068b7; border-radius: 25px; position: relative; cursor: pointer; } .mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:before { content: ''; background-image: url(../images/mic-blue.png); background-size: 100%; width: 10px; height: 15px; display: block; position: absolute; left: 13px; top: 9px; } .mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:hover:before { content: ''; background-image: url(../images/mic-white.png); background-size: 100%; width: 10px; height: 15px; display: block; position: absolute; left: 13px; top: 9px; } .mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn.active:before { content: ''; background-image: url(../images/mic-white.png); background-size: 100%; width: 10px; height: 15px; display: block; position: absolute; left: 13px; top: 9px; } .mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:first-child{border-top-right-radius: 0;border-bottom-right-radius: 0;} .mic-content-control .border-wrap .soundbyte-btn-toggle .soundbyte-btn:last-child{border-top-left-radius: 0;border-bottom-left-radius: 0;} .mic-content-control .border-wrap .audio-player-container { display: -ms-flexbox; display: flex; width: 55%; } .audio-player-container .audio-player{display: none;} .audio-player-container .audio-player.active{display: block;} .audio-player-container .audio-player audio{width:300px;height:34px;}
    .mic-content-control .border-wrap:before{content: '音质对比';    position: absolute;top: 5px;left: 38px;font-size: 19px;color: #005ea9;font-weight: bold;}
     .section19 .section19_title{position: absolute;left: 0;top:96px;width: 100%;} .section19 .section19_des{position: absolute;left: 0;top:230px;width: 100%;} .section19 .item_body{width:1536px;position:absolute;top: 134px;left: 192px;display: flex;justify-content:space-between;} .section19 .item{width: 725px;} .section19 .item .item_tit{position: relative;color: #444;line-height: 1;text-align: center;} .section19 .item .item_des{position: absolute;color: #fff;bottom:5%;width: 100%;} .section19 .item .pic{width:100%;position: relative;margin-top: 38px;margin-bottom:28px;cursor: pointer;border: 2px solid #000;}
    .section19_note{position: absolute; top: 883px;left: 1610px;} .microphone_01_note{position: absolute;top: 883px;left: 1344px;}
    .icon_0230_01{position: absolute;    top: 165px;left: 163px;width: 95px;}
}