/*
20231125版本新样式
*/
.xmflex { display: flex; }
.xmflexbetween { justify-content: space-between; align-items: center; }
.xmflexcenter { justify-content: center; align-items: center; }
.alicenter { text-align:center; }
.mt2vw { margin-top:2vw; }
.blue14 { color:#00A2E4; }

.mtfu2 { margin-top:-2px; }
.ispc { display:block; }
.ism { display:none; }

/* ---------------- model s ----------------------- */
.models-banner{height: 36.6145vw;}
.models-banner .banner-info { display: flex; flex-direction: column; width: 20vw; padding-top: 8vw;  }
.models-banner .banner-info img { display: flex; flex-direction: column; max-width:300px;  }
.models-advantage { padding: 4vw 0; }
.modeln-advantage { padding: 1vw 0 4vw; }
.advantname{
    text-align: center;
    position: relative;
    font-size: 3rem; color: #000; font-weight: 400;
&:after{
     content:'';
     width: 18vw;
     height: 1px;
     border-bottom: 1px dotted #ddd;
     display: inline-block;
     position: absolute;
     top: 30px;
     right: 0;
 }
&:before{
     content:'';
     width:  18vw;
     height: 1px;
     border-bottom: 1px dotted #ddd;
     display: inline-block;
     position: absolute;
     top: 30px;
     left: 0;
 }
}
ul.advantlist { margin-top: 5vw;  align-items:flex-start; margin-bottom:3vw; }
ul.advantlist li { flex-direction: column; text-align: center; font-size: 1.25rem;   }
ul.advantlist li p { margin-top: 20px; color: #4a4a4a; }

.modelscode-banner{height: 40vw;}
.modelscode-info { display: flex; flex-direction: column; width: 38vw; padding-top: 6vw;  }
.modelscode-info img { max-width: 18vw; margin-left: 5vw; }
.modelscode-info h3 { font-size: 3rem; color: #000; font-weight: 400; }
.modelscode-info p { font-size: 1.2rem; color: #4a4a4a; height: 46px; line-height: 46px;
    width: 16vw; background: #fff; text-align: center; border-radius: 23px; margin-top: .7vw;  }

.models-tb { margin:0 auto 6vw; width: 720px; }
.modelpro h3 { margin-top: 5.2vw; text-align: center; color: #000000; margin-bottom: 1.5vw; font-size:3rem; }

.models-tb li { display: flex; justify-content: space-between; align-items: center; height: 48px; line-height: 48px;
    border-bottom: #eee solid 1px; font-size: 1rem; }
.models-tb li p.yuan { font-size: 32px; }
.models-tb li p { text-align: center;
    width: 33.33%;}

/*.models-tb li p:first-child { text-align: center; width: 39%; }*/
.models-tb li.tbtitle { text-align: center; font-size: 1.125rem; height: 51px; line-height: 51px;
    justify-content: center; background: #4a4a4a; color: #fff; }

.wuxian-banner{height: 28vw;}
.wuxian-banner2{height: 33vw;}
.wxbanner13 { height:30vw; }
.wuxianinfo { width: 28vw; }
.wx13flexdt { padding-top:3.3vw; }
.wuxianinfo h3 { font-size: 3rem; margin-bottom: 30px; color: #000; }
.wuxianinfo p {  font-size: 1.125rem;  margin-bottom: 49px; }
.pad24 { margin-top: 4vw;}

.wuxianinfo a.xmbtn { padding: 8px 40px; height: 37px; line-height: 37px; border-radius: 19px; font-size: 1rem; color: #4a4a4a; border: #ccc solid 1px; }
.wuxianinfo a.xmbtn:hover,
a.xmbtn.active
{
    color: #fff; border: none; background: #4A4A4A;
}

@media (max-width:1600px) {
    .advantname{
        font-size:2rem;
&:after{
     width: 27vw;
     top: 18px;
 }
&:before{
     width:  27vw;
     top: 18px;
 }
}
}

@media (max-width:1440px) {
    .advantname{
        font-size:1.8rem;
&:after{
     width: 33vw;
     top: 18px;
 }
&:before{
     width:  33vw;
     top: 18px;
 }
}
.wuxian-banner{height: 100%; margin-top: 10vw; padding-bottom:3vw; }
.wuxianinfo { width: 40vw; }
.wuxianinfo h3 { font-size: 2rem;  }
.wuxianinfo p {  font-size: .875rem; }
}

@media (max-width:1220px) {
    .advantname{
        font-size:1.8rem;
&:after{
     width: 27vw;
     top: 18px;
 }
&:before{
     width:  27vw;
     top: 18px;
 }
}
.modelscode-info p {  width: 22vw;   }
.modelscode-info img { max-width: 18vw; margin-left: 5vw; margin-top:3vw; }
}

@media (min-width:992px) and (max-width:1024px) {

}
@media (min-width:768px) and (max-width:991px) {
    .advantname{
        font-size:1.4rem;
&:after{
     width: 22vw;
     top: 14px;
 }
&:before{
     width:  22vw;
     top: 14px;
 }
}
.modelscode-info {  width: 40vw; padding-top: 3vw;  }
.modelscode-info img { max-width: 18vw; margin-left: 5vw; margin-top:3vw; }
.modelscode-info h3 { font-size: 2rem;  }
.modelscode-info p {  width: 22vw;   }
.wuxianinfo { width: 50vw; }
.wuxianinfo h3 { font-size: 1.6rem;  }
.wuxianinfo p {  font-size: .8rem; }
}

@media (max-width:767px) {
    .ispc { display: none; }
    .ism { display: block; }

    .models-banner{height:80vw;}
    .models-banner .banner-info {  width: 100%; padding-top: 88vw; }
    .models-banner .banner-info img:first-child { max-width:260px; margin:1vw auto 0; }
    .models-banner .banner-info img:last-child { margin:-10vw auto 0; max-width:120px;  }

    .models-advantage { padding:80vw 0 8vw; }
    .advantname{
        font-size: 1.4rem;
&:after{
     width: 14vw;
     top: 15px;
 }
&:before{
     width:  14vw;
     top: 15px;
 }
}
ul.advantlist { margin-top: 10vw; gap: 0; flex-wrap: wrap; align-items: flex-start;  }
ul.advantlist li {  font-size: .875rem; width: 45%;   margin-bottom: 30px;   }
ul.advantlist li img { max-height:10vw; }

.modelscode-banner { height: 100%; }
.modelscode-info { width: 100%; padding-top: 100vw; padding-bottom:5vw;  }
.modelscode-info img { max-width: 40vw; margin:8vw auto 0; }
.modelscode-info h3 { font-size: 1.6rem; text-align:center; }
.modelscode-info p { font-size: .875rem; height: 32px; line-height: 32px;
    width: 45vw; border: #d9d9d9 solid 1px; border-radius: 16px;   margin:3vw auto 0;  }

.modelnbg2 { height:80vw; }

.modelpro h3 { margin-top: 8vw; margin-bottom: 6vw; }
.models-tb { margin:0 auto 3vw; width: 100%; }
.models-tb li p {   font-size: .7rem; line-height:18px; }
.models-tb li p:first-child { width:42%; }

.wuxian-banner{height: 116vw; margin-top: 10vw; }
.wuxianinfo { width: 96vw; margin-top: 8vw; text-align: center }
.wxflex { flex-direction: column; }
.wuxianinfo h3 { font-size: 1.6rem; margin-bottom: 15px; }
.wuxianinfo p {  font-size: .875rem;  margin-bottom: 15px; }
.pad24 { margin-top: 8vw; }
}

/* ---------------- model s end ----------------------- */

/* ---------------- iic 04 end ----------------------- */
.iicbanner,
.runbg,
.wearbg {height: 32.9vw; }
#xm06banner .banner-info {   width:25vw; padding-top:5.5vw;  }
.iicbanner .banner-info { display: flex; flex-direction: column; width:30vw; padding-top:5vw; color:#fff;  }
.iicbanner .banner-info img {  margin:1vw 0; width:14vw; }
.iicbanner .banner-info h3 { color:#fff; font-size:4rem; font-family: fontM; font-weight: bold;  }
.iicbanner .banner-info h4 { color:#fff; font-size:3rem; font-family: fontM; font-weight: bold;  }
#xm06banner .banner-info h4 { font-family: fontN; font-weight:300; margin-bottom:2.3vw; }
#xm06banner .banner-info img {  margin:2.8vw 0 0; width:262px; }

.feel-listen { width:56vw; margin:8vw auto 0; }
.feel-listen img { height:37vw; }
.feel-listen .feelinfo { width:32vw; }
.feel-listen .feelinfo h3 { color:#1E9BE9; font-size:3rem; margin-top: -8vw; margin-bottom:1.5vw; }
.feel-listen .feelinfo p { margin-bottom:1vw; color:#4a4a4a; font-size:1.5rem; }

.runbg { margin-top:-1px; }
.runbg .runinfo { width:24vw; padding-top:16.5%; color:#fff; font-size:3rem; }

.iicear { margin:6.6vw 4vw 5vw;  }
.iicear > h3 { margin:3.5vw 8vw 3.8vw; color:#1E9BE9; font-size:2rem; text-align:center; line-height:38px;  }
.iicear .xmprice { width: 14.7vw; margin:0 auto; }
.iicear .xmprice span { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:3px; }
.iicear .xmprice .one { background:#000; }
.iicear .xmprice .two { background:#E30012; }
.iicear .xmprice .three { background:#0068B4; }
.iicear .xmprice li {  font-size:.875rem; line-height:26px; }
.iicear .xmprice .font1 { color:#000; }
.iicear .xmprice .font2 { color:#E30012; }
.iicear .xmprice .font3 { color:#0068B4; }

.everyday { background:#f1f1f2; }
.everyday .everyday-info { padding: 5vw 0;}
.everyday .everyday-info2 { width:29.7vw; }
.everyday .everyday-info2 span { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:3px; background:#4a4a4a; }
.everyday .everyday-info2 p,
.wearbg .wearing-info p { font-size:1.25rem; margin-bottom:1vw; color:#4a4a4a;  }
.everyday .everyday-info2 h3,
.wearbg .wearing-info h3,
.xminnovation h3 { color:#1E9BE9; font-size:3rem; margin-bottom:1.2vw; }
.mb1vw { margin-bottom:1vw; }
.mt1vw { margin-top:1vw; }
.mtdian5vw { margin-top:.8vw; }

.wearbg .wearing-info { display: flex; flex-direction: column; width: 30vw; padding-top: 13%; color:#fff;  }
.wearbg .wearing-info img { width: 172px; margin-top:1.2vw; }

ul.xmprolist { margin:6.7vw 4vw 7vw; }
ul.xmprolist li { text-align:center; }
ul.xmprolist li img { margin-bottom:1.3vw; }
ul.xmprolist li h5 { color:#1E9BE9; margin-bottom:.6vw; font-size:1.5rem; }
ul.xmprolist li p {  font-size:1.125rem; }

.xminnovation { width:31.5vw; }
.innovlist { margin-bottom:5vw; }

@media (max-width:1680px) {
    #xm04banner .banner-info { width: 33vw; padding-top: 5vw;   }
    .feel-listen .feelinfo { width: 27vw; }
    .runbg .runinfo { width:28vw; padding-top:10%; }

    .everyday .everyday-info > img { max-width:500px;  }
    .everyday .everyday-info2 { width:40vw; }
    .wearbg .wearing-info { width: 35vw; padding-top:7%;   }
    .iicear .xmprice { width: 18vw; }
    .iicbanner .banner-info h3 {  font-size:3rem;  }
    .iicbanner .banner-info h4 { font-size:2.4rem;  }

}
@media (max-width:1440px) {
    #xm04banner .banner-info {  padding-top: 4vw;  }
    .feel-listen img {  margin-right:4vw; }
    .feel-listen .feelinfo { width: 30vw; }
    .runbg .runinfo { width:30vw;  }
    .iicear .xmprice { width: 22vw; }
    .everyday .everyday-info > img { max-width:440px;  }
    .everyday .everyday-info2 { width:45vw; }
}
@media (max-width:1280px) {
    #xm04banner { height:36vw; }
    #xm04banner .banner-info { width:40vw; padding-top: 3vw;  }
    .runbg .runinfo { width:35vw; padding-top:8%; }
    .iicear .xmprice { width: 26vw; }
    .everyday .everyday-info > img { max-width:360px;  }
    .everyday .everyday-info2 { width:42vw; }
    .wearbg { height:38vw; }
    .wearbg .wearing-info { width: 38vw; padding-top:5%;   }
    .xminnovation { width:40vw; }
    .innovlist img { max-width:360px; }
}
@media (min-width:992px) and (max-width:1024px) {
    #xm04banner { height:38vw; }
    .wearbg { height:38vw; }
    .wearbg .wearing-info { width: 44vw;   }
    ul.xmprolist li img { max-width:140px; }

}
@media (min-width:768px) and (max-width:991px) {
    #xm04banner { height:40vw; }
    .feel-listen img {  margin-right:4vw; }
    .feel-listen .feelinfo { width: 30vw; }
    .runbg .runinfo { width:40vw; padding-top:8%; font-size:2rem; }
    .iicear .xmprice { width: 32vw; }
    .everyday .everyday-info > img { max-width:300px;  }
    .everyday .everyday-info2 { width:35vw; }
    .wearbg { height:42vw; }
    .wearbg .wearing-info { width: 44vw;   }
    ul.xmprolist li img { max-width:100px; }
    .innovlist img { max-width:320px; }
    .xminnovation { width:30vw; }

}

@media (max-width:767px) {

    .iicbanner,
    .runbg,
    .wearbg,
    #xm04banner {height: 85vw;}
    .iicbanner .banner-info,
    #xm04banner .banner-info {  text-align: center; width: 100%; padding-top: 90vw; color:#000;  }
    .iicbanner .banner-info img {  margin:3vw auto; width:60vw; }
    .iicbanner .banner-info h3 { color:#000; font-size:1.6rem;    }


    #xm04banner h3 { font-size:2.4rem; }
    #xm04banner h4 { font-size:2rem; }




    .feel-listen { width:100%; margin:100vw auto 0; flex-direction:column-reverse; }
    .feel-listen img { height:80vw; }
    .feel-listen .feelinfo { width: 100%; }
    .feel-listen .feelinfo h3 { font-size:1.8rem; margin-top:0; margin-bottom:3vw; }
    .feel-listen .feelinfo p { margin-bottom:5vw; color:#4a4a4a; font-size:.875rem; }

    .runbg .runinfo { width:100%; padding-top:10%; font-size:1.6rem; color:#000; }

    .iicear { margin:8vw 0 4vw;  }
    .iicear > h3 { margin:6vw 0; font-size:1.6rem;  line-height:30px;  }
    .iicear .xmprice { width: 80%; margin:0 auto; }

    .everyday .everyday-info { padding: 12vw 0; flex-direction: column;}
    .everyday .everyday-info2 { width:100%; }
    .everyday .everyday-info2 span { width:6px; height:6px;  }
    .everyday .everyday-info2 p,
    .wearbg .wearing-info p { font-size:.875rem; margin-bottom:3vw;  }
    .everyday .everyday-info2 h3,
    .wearbg .wearing-info h3,
    .xminnovation h3 {  font-size:2rem; margin-bottom:4vw; margin-top:4vw; }

    .wearbg .wearing-info { width: 100%; padding-top: 100%; color:#fff;  }
    .wearbg .wearing-info img { width: 30vw; margin-top:3vw; }

    ul.xmprolist { margin:105vw 0 5vw; flex-wrap:wrap;   }
    ul.xmprolist li { text-align:center; width: 45%; margin-bottom:20px; }
    ul.xmprolist li img { margin-bottom:2vw; max-width:120px; }
    ul.xmprolist li h5 { color:#1E9BE9; margin-bottom:1vw; font-size:1.2rem }
    ul.xmprolist li p { font-size:.875rem; }

    .xminnovation { width:100%; }
    .xminnovation p {  font-size:.875rem; }
    .innovlist img { max-width:260px; margin:4vw 0; }
    .innovlist { margin-bottom:10vw; flex-direction:column; }
}





/* ---------------- iic 04 end  ----------------------- */


/* ---------------- arc ai 06 ----------------------- */

.everyone {height: 40vw;}
.everyone09 {height: 45vw;}
.everyoneinfo { position: absolute; left: 0; top: 12vw; background:rgba(46, 94, 9, .6); border-radius: 3vw;
    width:340px; height:324px; color:#fff; font-size:3rem;
    padding:2vw;
}
#eveinfo6 { width:17.8vw; height:16.5vw;}
.vantfont {  top: 20vw; background:rgba(188, 8, 17, .8); border-radius: 2vw; width:379px; height:240px;  font-size:3rem; padding:2vw;
}

a.arcbtn { background:#fff; color:#92B974; padding:10px 30px; font-size:1rem; border-radius:20px; }
a.arcbtn:hover { background:#92B974; color:#fff; }

.audibel { margin:6.3vw auto; width: 41vw; text-align:center; }
.audibel img { margin-top:5.7vw; max-width:300px; }
.audibel h3 { color:#000; margin-bottom:1vw; }
.audibel p {  text-align:left; font-size:1.5rem; }

.audibel .mt3vw { margin-top:5vw; }

.arcapp { margin:3vw 0; align-items: stretch; gap:1.5vw; }
.arcapp li { text-align:center;  flex: 1; background:#f2f2f3; padding:2.1vw 0 4vw; border-radius:1vw; }
.arcapp li .appthumb { text-align:center; display: flex; justify-content:center; align-items:center; height:388px; margin-bottom:2.2vw; }
.arcapp li .appthumb img { max-width:499px; max-height:388px; }
.arcapp li h4 { color:#000; font-size:2rem; margin:0 auto 1.3vw; }
.arcapp li p { font-size:1rem; margin:0 auto 2.5vw; max-width:18vw; }



.arcmodel { padding: 5.6vw 0 5vw;}
.arcmodel .arcmodel-info { text-align: center;}
.arcmodel .arcmodel-info h3 { font-size:3rem; color:#92B974; }

ul#arctabs { margin: 4vw auto 1vw; width:100%; justify-content: center; gap:1.5vw; flex-wrap: wrap; }
ul#arctabs li { width:8vw; height: 8vw; border:#89b06e solid 1px; color: #89b06e; font-size:2rem;  border-radius:50%; display:flex; justify-content:center; align-items:center; flex-direction:column;  }
ul#arctabs li a { color: #89b06e; }
ul#arctabs li p { font-size:1rem; }
ul#arctabs li.active,
ul#arctabs li:hover { background:#89b06e; color:#fff; }
ul#arctabs li.active a,
ul#arctabs li:hover a { color:#fff; }

ul#vantabs { margin: 4vw auto 1vw; width:100%;  justify-content: center; gap:1.5vw; flex-wrap: wrap; }
ul#vantabs li { width:8.5vw; height: 8.5vw; border:#CF3339 solid 1px; color: #CF3339; font-size:2rem; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-direction:column;  }
ul#vantabs li a { color: #CF3339; }
ul#vantabs li p { font-size:1rem; }
ul#vantabs li.active,
ul#vantabs li:hover { background:#CF3339; color:#fff; }
ul#vantabs li.active a,
ul#vantabs li:hover a { color:#fff; }

#vantai0 h3,#vantai1 h3 { color: #CF3339;  }
#audibel9 { padding-top:.5vw; width:45vw; margin:6.3vw auto 2vw; }
#audibel9 img { margin-top:5vw; width:329px; }
@media (max-width:1680px) {
    #audibel9 {  width: 50vw;  }
    .everyoneinfo { top: 16vw; width:16vw; height:16vw; font-size:2.4rem; }
    .vantfont { width:20vw; height:12vw;  font-size:2.4rem; }
    #eveinfo6 { width:18vw; height:18vw; font-size:2.4rem; }
    ul#arctabs li,
    ul#vantabs li { width:8vw; height: 8vw; font-size: 1.6rem; }
    #xm06banner .banner-info { width: 30vw; }

    .arcapp li .appthumb {  height:24vw;  }
    .arcapp li .appthumb img { max-width:31vw; max-height:24vw; }
    .arcapp li h4 { color:#000; font-size:1.8rem; margin:0 auto 2vw; }
    .arcapp li p { margin:0 auto 3vw; max-width:24vw; }

}

@media (max-width:1440px) {
    #audibel9 {  width: 55vw;  }
    .everyoneinfo {  font-size:2.2rem; }
    ul#arctabs,
    ul#vantabs {  width:20vw; }
    ul#arctabs li,
    ul#vantabs li { width:9vw; height: 9vw; font-size: 1.4rem; }
    #eveinfo6 { width:19vw; height:18vw; font-size:2.2rem;}
    #xm06banner .banner-info { width: 36vw; padding-top:4vw; }
    .audibel {  width: 45vw;  }
    .arcapp li .appthumb img { max-width:280px; max-height:280px;  }
}

@media (max-width:1280px) {
    #audibel9 {  width: 60vw;  }
    .everyoneinfo {  width:18vw; height:18vw; font-size:2.2rem; }
    ul#arctabs,
    ul#vantabs {  width:22vw; }
    ul#arctabs li,
    ul#vantabs li { width:9vw; height: 9vw; font-size: 1.3rem; }
    #eveinfo6 { width:24vw; height:20vw; }
    #xm06banner .banner-info { width: 40vw; padding-top:3vw; }
    #xm06banner .banner-info h3 { font-size:2rem; }
    .audibel {  width: 50vw;  }
    .arcapp li .appthumb img { max-width:220px; max-height:220px;  }
}

@media (min-width:992px) and (max-width:1024px) {
    .everyoneinfo {  width:auto; height:auto; max-width: 19vw; font-size:2rem; }
    ul#arctabs,
    ul#vantabs {  width:24vw; }
    ul#arctabs li,
    ul#vantabs li { width:10vw; height: 10vw; font-size: 1.2rem; }
    #eveinfo6 {  height:18vw; font-size:1.8rem; }
    .audibel {  width: 60vw;  }
}
@media (min-width:768px) and (max-width:991px) {
    .everyoneinfo {  width:auto; height:auto; max-width: 20vw; }
    ul#arctabs,
    ul#vantabs {  width:100%; }
    ul#arctabs li,
    ul#vantabs li { width:13vw; height: 13vw; font-size: 1.1rem; }
    #eveinfo6 {   font-size:1.5rem; }
    #xm06banner .banner-info h3 { font-size:1.8rem; }
    .audibel {  width: 70vw;  }
    .arcapp li .appthumb img { max-width:180px; max-height:180px;  }
}

@media (max-width:767px) {

    .audibel { margin:104vw auto 5vw; width: 100%; text-align:center; }
    .audibel img { margin-top:10vw; max-width:150px; }
    .audibel h3 { color:#000; margin-bottom:3vw; }
    .audibel p {  text-align:left; font-size:.875rem; }

    .everyoneinfo {  width:auto; height:auto; left: 5vw; max-width: 46vw; padding: 3vw; font-size:1.8rem; }

    #xm06banner .banner-info { width: 100%; padding-top: 90vw; }
    #xm04banner .banner-info h3,
    #xm04banner .banner-info h4,
    #xm06banner .banner-info h4,
    #xm06banner .banner-info h3
    { color:#000; }
    #xm04banner .banner-info h3,
    #xm06banner .banner-info h3 { font-size:3rem; }
    #xm06banner .banner-info img { margin:0 auto; }

    .audibel .mt3vw { margin-top:6vw; }

    a.arcbtn { background:#92B974; color:#fff; margin-bottom:5vw; font-size: .875rem; display:inline-block; border-radius:20px;  }
    a.arcbtn:hover { background: none; color:#92B974; border:#92B974 solid 1px; }

    .everyone {height: 80vw;}
    #eveinfo6 {  left: 5vw; top: 20vw; border-radius: 4vw; width:46vw; height:44vw;  font-size:1.6rem; padding:5vw; }

    .arcapp { margin:5vw 0; align-items: stretch; gap:0; flex-direction:column; }
    .arcapp li {  padding:10vw 0 10vw; margin-bottom: 3vw; border-radius:3vw; }
    .arcapp li .appthumb {  height:220px;  }
    .arcapp li .appthumb img { max-width:280px; max-height:220px; }
    .arcapp li h4 { color:#000; font-size:1.8rem; margin:6vw auto 5vw; }
    .arcapp li p { margin:0 auto 8vw; max-width:90%; }

    .arcmodel { padding: 8vw 0;}
    .arcmodel .arcmodel-info h3 { font-size:1.8rem; }

    ul#arctabs { margin: 4vw auto 1vw; width:50%; align-items: stretch; gap:5%; }
    ul#arctabs li { width:20vw; height: 20vw; font-size: 1.2rem; flex-direction:column;  }
    ul#vantabs { margin: 8vw auto 1vw; width:60%; align-items: stretch; gap: 5%; }
    ul#vantabs li { width:24vw; height: 24vw;  font-size: 1.2rem; flex-direction:column;  }
    ul#vantabs li p { font-size: .875rem; }

}

@media (max-width:375px) {

}

/* ---------------- arc ai 06 end ----------------------- */



/* ---------------- arcai07  ----------------------- */
.arc07banner,
.via08banner {height: 32.9vw;}
.wuxiandev { height:36vw; }
.creationbg { height:36vw; }
.creationbg2 { height:36vw; }
.arc07banner .banner-info { display: flex; flex-direction: column; width: 33vw; padding-top: 7.4vw; color:#fff;  }
.arc07banner .banner-info h3 { color:#fff; font-size:4rem; font-family: fontM; font-weight:bold; margin-bottom:1.2vw; }
.arc07banner .banner-info h4 { font-size:4.5rem; font-weight:200; font-family: fontN; margin-bottom:1.5vw; }
.arc07banner .banner-info p { font-size:1.5rem; }

.arc07banner .banner-info h3.bannergreen,
.green07 { color:#92B974; }
.red09 { color:#c92d35; }
.blue11 { color:#009EB8; }

.lifeinfo { margin:6.3vw 0; gap:3vw; }
.lifeinfo .fives { background:#87ad6d; padding:0 2vw; color: #fff; border-radius: .8vw; font-size:6.8rem; display:flex; align-items: center;
    justify-content: center; margin:2.8vw auto; font-weight:bold; width:22.2vw; font-family: fontM;   }
.lifeinfo .fives p { font-size:2.25rem; font-weight:200; margin-top:2.7vw; font-family: fontN; margin-left:20px; }
.lifeinfo .nuear { background:#c92d35; padding:.5vw 1.5vw; color: #fff; border-radius:1vw; font-size:3.125rem; display:flex; justify-content: center; align-items: center; margin:2vw auto; font-weight:bold; font-family: fontM; width:22vw;  }
.lifeinfo2 { width:28vw; }
.lifeinfo2 h3 { font-size:3rem;  }
.lifeinfo2 h6{ margin: 3.2vw 0 1.2vw;  font-size:1.5rem; font-family: fontM; font-weight:bold;  }
.lifeinfo2 p{  font-size:1rem; color:#4a4a4a; }

.createinfo {  width: 30vw; padding-top: 15%; color:#fff;  }
.createinfo h6{ margin: 3.6vw 0 1.8vw; }
.createinfo p { color:#fff;  }
.enjoybg { background:#000; padding:8.5vw 0 4vw; }
#enjoyinfo { width:46vw; margin: 0 auto; text-align:center; color:#fff; }
#enjoyinfo h6{ margin: 1.8vw 0 2.2vw; }
#enjoyinfo > p { padding:0 2vw; color:#fff; }
#enjoyinfo .enjoypic { padding:3vw 3vw 2.5vw; background:#fff; border-radius:1vw; margin:5vw 0 5.4vw; }
#enjoyinfo .enjoypic p { color:#000; font-size:2rem; margin-top:2vw; }

#transinfo { float:right; width: 32vw; padding-top: 15%;  }
#transinfo h6{ margin: 1.2vw 0 1.8rem; color: #000;  font-size:1.5rem; font-family: fontM; font-weight:bold;  }
#transinfo .trans-icons { margin-bottom:2.3vw;  }
#transinfo .trans-icons img { margin-right:1.8vw; max-width:66px; }
#transinfo p.btnmtop { margin-top:3.6vw; }

.performance { padding:7.3vw 0 2.5vw; }
.performance h3,
.performance h5 { text-align:center; }
.performance h3 { font-size:3rem; margin-bottom:1.6vw; }
.performance h5 { color:#000; font-weight:200; font-family: fontN; font-size:2.25rem;}

.perlist { margin:4.1vw 0 0;  gap:5.5vw; align-items:flex-start; }
.perlist .peritem { flex:1; }
.perlist .peritem h4 { font-size:1.5rem; font-family: fontM; background:#92B974; padding:8px 15px; display:inline-block; color:#fff; border-radius:8px; margin-bottom:2vw; }
#perlist10 .peritem h4 { font-size:1.5rem; font-family: fontM; background:#CF3339; padding:8px 15px; display:inline-block; color:#fff; border-radius:8px; margin-bottom:2vw; }
.perlist .peritem > div { display:flex; margin-bottom:2.2vw; }
.perlist .peritem > div .pimg { display: flex; justify-content: center; width:2.6vw; max-width:1.4vw; height:1.4vw; margin-right:.6vw; overflow:hidden; }
.perlist .peritem > div .pimg2 { display: flex; justify-content: center; width:2.6vw; max-width:1.4vw; height:1.4vw; margin-right:.6vw; overflow:hidden; }
.perlist .peritem > div .pimg img,
.perlist .peritem > div .pimg2 img { max-width:100%; max-height:100%;  }
.perlist .peritem > div h6 { color:#92B974; font-size:1.25rem; font-family: fontR;  }
#perlist10 .peritem > div h6 { color:#CF3339; font-size:1.25rem; font-family: fontR;  }
.perlist .peritem  div p { color:#4a4a4a; font-size:1rem;   }

.perlist .peritem .jiantou { width:1.2vw; height:1.6vw; }
.perlist .peritem #lastinfo { flex-direction:column; margin-top:6.6vw; }
.perlist .peritem #lastinfo p { color:#767676; display:flex;  }
.perlist .peritem #lastinfo span {  display: inline-block; margin-top: .15vw;  width:1.2vw; text-align: center; color:#000; font-size:1rem;  }

#perlist-page8 { margin:1vw 0 0;   }

#xmswiper { padding-bottom:8vw; }
#xmswiper .textBox{width:50%; margin-left: 0;}
#xmswiper .sptitle { font-size:3rem; color:#92B974; font-weight:200; font-family: fontN; }
#xmswiper .sp2title { font-size:3rem; color:#CF3339; font-weight:200; font-family: fontN; }
#xmtags { display:flex; justify-content:space-between; flex-wrap:wrap; margin:2vw 5vw 2vw 0; }
#xmtags li span { color: #4a4a4a; margin-left:1vw; font-size:1.5rem; }
#xmtags li { display: flex;
    width: 50%;
    cursor: pointer; margin-bottom: 2vw;
}
#xmtags li img { width:1.6vw; max-height: 1.6vw; height:100%; margin-top:6px;  }
#xmtags li.on span { color:#92B974 }

#xmswiper .imgBox {width: 40%;justify-content: center;align-items: flex-end;}
#xmswiper .swiper_zhanshi{width: 70%; }

#xmswiper .imginfo1 { width:45vw; }
#xm08imginfo1 .imginfo1 { width:45vw; margin-top:-5vw;  }
#xmswiper .imginfo2 { width:324px; margin-right:10vw;   }
#xmswiper .imginfo2 img { width:100%; max-height:661px; }
#xmswiper .sptitle2 { margin-bottom:1.5vw; margin-top: 1.5vw; color:#000; }

@media (max-width:1680px) {

    .lifeinfo .nuear { padding:1vw 2vw;border-radius:1vw; margin:2vw auto; width:24vw; font-size: 2.6rem; text-align:center;  }
    .lifeinfo2 { width:50%; }
    #transinfo {  width: 35vw; padding-top: 10%;  }

    .arc07banner .banner-info,
    .via08banner .banner-info { width: 28vw; padding-top: 7vw; }
    .lifenum { width:40%; text-align:center; }
    .lifenum img { max-width:400px; }
    .lifeinfo .fives { font-size:3.6rem; width:18vw;  }
    .lifeinfo .fives p { font-size:1.2rem; }
    .arc07banner .banner-info h3 {  font-size:3rem;  }
    .arc07banner .banner-info h4 { font-size:2.5rem; }
}

@media (max-width:1440px) {
    .lifeinfo .nuear { width:26vw; text-align:center; }
    .lifeinfo2 { width:44vw; }
    .lifeinfo2 h3 { font-size:2.2rem;  }
    #transinfo {  width: 40vw; padding-top: 8%;  }
    .lifeinfo .fives { font-size:3.4rem; width:19vw;  }
    .lifenum img { max-width:360px; }
}

@media (max-width:1280px) {
    .lifeinfo .nuear { width:30vw; text-align:center; }
    .lifeinfo2 { width:44vw; }
    .lifeinfo2 h3 { font-size:2rem;  }
    #lifeinfo10 img { max-width:400px; }
    .creationbg { height:40vw; }
    .arc07banner,
    .via08banner { height:36vw; }
    #xmswiper .imginfo1 { width:45vw; }
    #xmswiper .imginfo2 { width:30vw;  }
    #xmswiper .imginfo2 img { max-width:240px; }
    .lifeinfo .fives { font-size:3rem; width:20vw;  }
    .lifenum { width:45%; text-align:center; }
    .lifenum img { max-width:300px; }
    .enjoybg { margin-top:-1px; }
}

@media (min-width:992px) and (max-width:1024px) {
    .lifeinfo .nuear { width:35vw; text-align:center; }
    #lifeinfo10 .nuear2 { text-align:center; }
    #lifeinfo10 img { max-width:320px; }
    .lifeinfo2 { width:50vw; }
    .creationbg { height:42vw; }
    .creationbg2 { height:42vw; }
    .arc07banner .banner-info,
    .via08banner .banner-info { width: 33vw; padding-top: 5vw; }
    #xmswiper .imginfo2 { width:30vw;   }
    #xmswiper .imginfo2 img { max-width:220px; }
    #xmswiper .imginfo1 { width:45vw;   }
    .lifeinfo .fives { font-size:3rem; width:22vw;  }
}
@media (min-width:768px) and (max-width:991px) {
    .lifeinfo .nuear { width:34vw; text-align:center; }
    #lifeinfo10 img { max-width:280px; }
    .lifeinfo2 { width:55vw; }
    #transinfo {  width: 42vw; padding-top: 5%;  }
    .creationbg { height:48vw; }
    .creationbg2 { height:42vw; }
    .arc07banner .banner-info,
    .via08banner .banner-info { width: 40vw; padding-top: 3vw; }
    #xmswiper .imginfo2 { width:20vw;   }
    #xmswiper .imginfo2 img { max-width:220px; }
    #xmswiper .imginfo1 { width:40vw;   }
    .lifeinfo .fives { font-size:2.6rem; width:25vw;  }

}
@media (max-width:767px) {

    .arc07banner,
    .via08banner {height: 80vw;}
    .creationbg { height:80vw; }
    .creationbg2 { height:80vw; }


    .arc07banner .banner-info { text-align: center; width: 100%; padding-top: 85vw; color:#000;  }
    .arc07banner .banner-info h3 { color:#000; font-size:2.6rem;  }
    .arc07banner .banner-info h4 { font-size:2rem;   }

    .lifeinfo { margin:66vw 0 8vw; gap:0; flex-direction:column; }
    .lifeinfo img { max-width: 260px;}
    .lifeinfo .fives {  padding:0 5vw; border-radius: 2vw; font-size:4rem;  margin:5vw auto; width:60vw; }
    .lifeinfo .fives p { font-size:1.2rem; font-weight:200; margin-top:28px; margin-left:8px; }
    .lifeinfo .nuear { padding:2vw 3vw; border-radius:3vw; font-size:2rem; margin:7vw auto; width:64vw;   }
    .lifeinfo2 { width:100%;  }

    .lifeinfo2 h3 { font-size:1.8rem;  }
    .lifeinfo2 h6{ margin: 4vw 0 2vw;  font-size:1rem; font-family: fontM; font-weight:bold;  }
    .lifeinfo2 p{  font-size: .875rem; }

    .lifenum { width:100%; }
    #lifeinfo7 { margin:84vw 0 12vw; }
    #lifeinfo7 img { max-width: 240px; margin: 0 auto;}
    #lifeinfo7 .lifeinfo2 { padding-top:5vw;  }

    .createinfo {  width: 100%; padding-top: 95%; }

    .enjoybg {  padding:18rem 0 4vw; }
    #enjoyinfo { width:100%;  }
    #enjoyinfo h6 { padding:4vw 0; }
    #enjoyinfo > p { padding:0 4vw 2vw;  }
    #enjoyinfo .enjoypic { padding:4vw; border-radius:2vw; margin:5vw; }
    #enjoyinfo .enjoypic p { color:#000; font-size:.875rem; margin-top:1vw; }

    .vantfont { width:40vw; text-align:center; top:32vw;  }

    .performance { padding:78vw 0 0; }
    .performance h3 { font-size:1.6rem; margin-bottom:3vw; }
    .performance h5 {  font-size:1.2rem; margin-bottom:5vw; }

    .moblemt { margin-top:5vw; }

    .perlist { margin:3vw 0 0; gap:0; align-items:flex-start; flex-direction: column; }
    .perlist .peritem { flex:1; margin-bottom:5vw; }
    .perlist .peritem h4 { font-size:1rem; padding:8px 15px; margin-bottom:3vw; }
    #perlist10 .peritem h4 { font-size:1rem;  padding:8px 15px; margin-bottom:3vw; }
    .perlist .peritem > div { display:flex; margin-bottom:3vw; }
    .perlist .peritem > div .pimg {   width:45px; max-width:18px; height:20px; margin-right:2vw;   }
    .perlist .peritem > div .pimg2 {  width:45px; max-width:18px; height:20px; margin-right:2vw;  }
    .perlist .peritem > div .pimg img,
    .perlist .peritem > div .pimg2 img {  }
    .perlist .peritem  div p { color:#4a4a4a; font-size: .875rem;   }

    .perlist .peritem .jiantou { width:3vw; height:3.5vw; margin-top:1vw; }
    .perlist .peritem #lastinfo { flex-direction:column; margin-top:6.6vw; }
    .perlist .peritem #lastinfo p { color:#767676; display:flex;  }
    .perlist .peritem #lastinfo span {  display: inline-block; margin-top: .8vw;  width:3vw; text-align: center; color:#000; font-size:1rem;  }

    #perlist-page8 { margin:5vw 0 0;  }
    .flexc8 { flex-direction:column; }

    .xmswiper_m { flex-direction:column; }
    #xmswiper .textBox{width:50%; margin-left: 0;}
    #xmswiper .sptitle { font-size:1.8rem;}
    #xmswiper .sp2title { font-size:1.8rem;   }
    #xmtags { margin:4vw 0; }
    #xmtags li span {   margin-left:2vw;  font-size:1.2rem; }
    #xmtags li {   margin-bottom: 5vw; }
    #xmtags li img { width:5vw; max-height: 5vw; height:100%; margin-top:1vw;  }
    #xmtags li.on span { color:#92B974 }

    #xmswiper .imgBox {width: 90%;justify-content: space-between;align-items: flex-end;}
    #xmswiper .swiper_zhanshi{width: 60%; margin-top:6vw; }

    #xmswiper .imginfo1 { width:100%;   }
    #xmswiper .imginfo2 { width:100%; text-align:center; margin-top:8vw;  }
    #xmswiper .imginfo2 img { width:100%; max-width:220px; }
    #xmswiper .sptitle2 { margin-bottom:1.5vw; margin-top: 1.5vw; color:#000; }

    #xm08imginfo1 .imginfo1 { width:100%; margin-top:0;  }
    #xm08imginfo1 .perlist .peritem > div { display:flex; margin-bottom:6vw; }
    #xm08imginfo1 .imginfo2 { margin-top:12vw; margin-bottom:5vw; }

}

/* ---------------- arcai07 end ----------------------- */


/* ---------------- vai ai 08 end ----------------------- */

.arc07banner .banner-info img { width:5vw; margin-top:2vw; }
.banner8 .banner-info { width: 33vw; padding-top:6vw;  }
.banner8 .banner-info h3 { margin-bottom:2.1vw; }
.banner8 .banner-info h4 { font-size:3rem; margin-bottom:1vw; }
.banner8 .banner-info img { width:87px; margin-top:2.7vw; }
#lifeinfo8 { margin:6vw 0; }
#lifeinfo8 p { font-size:1.125rem; }
#lifeinfo8 h3 { font-size:3rem; margin-bottom:2vw; }
#lifeinfo8 .lifeinfo2 { margin-top:-4.7vw; }
.viapic { width:30vw; text-align:center; }
.viapic img { width:100%; max-width:519px; }

.via08bg { background:#f2f2f3; padding-bottom:3vw; }
.page8-noswiper { padding:7.6vw 0; }

.fujian24title { text-align:center; font-size:3rem; padding:4vw 0 0; }
.fj24list { margin:3vw 0 0; gap: 50px; align-items:flex-start; }
.fj24list li { flex: 1; text-align:center; }
.fj24list li h6 { font-size:1.5rem; }
.fj24list li p { font-size:1rem; }
.fj24list li .thumb { height: 182px; margin-bottom: 2vw; align-items: center; justify-content:center; display:flex; }
.fj24list li .thumb img { max-height: 182px; max-width:217px; }
@media (max-width:1600px) {
    .fj24list li .thumb img { max-width:120px; max-height:140px;  }

}

@media (max-width:1440px) {

    .fj24list li .thumb img { max-width:100px; max-height:120px;  }
}

@media (max-width:1220px) {
    #transinfo .trans-icons img {  max-width:4vw; }
    .perlist .peritem > div .pimg {   width:45px; max-width:18px; height:20px; margin-right:2vw;   }
    .perlist .peritem > div .pimg2 {  width:45px; max-width:18px; height:20px; margin-right:2vw;  }
    .fj24list { margin:3vw 0 0; }
    .fj24list li .thumb { height: 17vw; margin-bottom: 1vw;  }
    .fj24list li .thumb img { max-width:120px; max-height:140px; }
    .wuxiandev { height:42vw; }
}

@media (min-width:992px) and (max-width:1024px) {

    .wuxiandev { height:44vw; }
}
@media (min-width:768px) and (max-width:991px) {
    #transinfo .trans-icons img {  max-width:5vw; }
    .fj24list li .thumb img { max-width:100px; max-height:120px;  }
    .wuxiandev { height:52vw; }
}
/*   08 m  */
@media (max-width:767px) {
    .arc07banner .banner-info img { width:20vw; margin:4vw auto; }
    .banner8 .banner-info { width: 100%; padding-top:88vw;  }
    .banner8 .banner-info h3 { margin-bottom:4vw; }
    .banner8 .banner-info h4 { font-size:2rem; margin-bottom:4vw; }
    .banner8 .banner-info p { font-size:1.25rem; margin-bottom:4vw; }

    #lifeinfo8 { flex-direction:column-reverse; margin:100vw 0 8vw; }
    .viapic { width:80%; text-align:center; margin-top:7vw; }
    #performance8 { padding:10vw 0 0; }
    #performance8 h5 { font-size:2rem; padding:0 5vw; }
    .page8-noswiper { padding:7vw 0; }

    .fujian24title { font-size: 1.8rem; padding:10vw 0 0; }
    .fj24list { margin:6vw 5vw 0; gap:0; align-items:flex-start; flex-wrap:wrap; flex-direction:column; }
    .fj24list li { flex: auto; width: 100%; text-align:center; margin-bottom:6vw; }
    .fj24list li h6 { font-size:1.5rem; }
    .fj24list li p { font-size:.875rem; }
    .fj24list li .thumb { height: 45vw; margin-bottom: 3vw;  }
    .fj24list li .thumb img { max-height: 182px; max-width:217px; }

    .wuxiandev { height:100%; padding-bottom:10vw; }
}

/* ---------------- vai ai 08 end ----------------------- */


/* 09   */

.savantbg .banner-info {  padding-top:5vw;  }
.savantbg .banner-info h3 {  color:#000; font-size:4rem;  }
.savantbg .banner-info h4 {  color:#CF3339; font-size:3rem; font-family:fontN; }
.savantbg .banner-info p {  color:#000; font-size:1.5rem;  }
a.vantbtn { background:#c92d35; color:#fff; padding:10px 30px; font-size:1rem; border-radius:18px; }
a.vantbtn:hover { background:#fff; color:#c92d35; border:#c92d35 solid 1px; }

@media (max-width:1600px) {
    .savantbg .banner-info {  padding-top:5vw; width:25vw;  }
    .savantbg .banner-info h3 { font-size:3rem;  }
    .savantbg .banner-info h4 { font-size:2.4rem;  }
    .savantbg .banner-info p {  font-size:1.2rem;  }
}

@media (max-width:1440px) {
    .savantbg .banner-info {  padding-top:4vw; }

}

@media (max-width:1220px) {
    .savantbg { height:36vw; }
    .savantbg .banner-info {  padding-top:3vw; width:32vw; }
}

@media (min-width:992px) and (max-width:1024px) {
    #audibel9 {  width: 80vw; text-align:center; }
}
@media (min-width:768px) and (max-width:991px) {
    .savantbg .banner-info {  padding-top:3vw; width:40vw; }
}
@media (max-width:767px) {

    #audibel9 { margin:95vw auto 5vw; width: 100%; text-align:center; }
    #audibel9 img { max-width:160px; }
    .savantbg { height:80vw; }
    .savantbg .banner-info {  padding-top:86vw; width:100%;  }
}

@media (max-width:375px) {

    #audibel9 { margin:110vw auto 5vw; }


}

/* 09 end */

/* 10   */

.savantbg2 .banner-info { width: 28vw; padding-top: 10vw; }
.savantbg2 .banner-info h3 {  color:#fff; font-size:4rem;  }
.savantbg2 .banner-info h4 {  color:#CF3339; font-size:4.5rem; font-family:fontN;  }
.savantbg2 .banner-info p {  color:#fff; font-size:1.5rem;   }

#lifeinfo10 { margin:6.3vw 0 5.5vw; }
#lifeinfo10 .nuear { background:#c92d35; padding:1.3vw 1.5vw; color: #fff; border-radius:.5vw; font-size:3.25rem; display:flex; justify-content: center; align-items: center;
    margin:3vw auto 2vw; font-weight:bold; font-family: fontM; width:22vw;  }

.vant10bg2 {  padding:5vw 0 4vw; }
#enjoyinfo10 { width:49vw; margin: 2.5vw auto; text-align:center; color:#000; }
#enjoyinfo10 h3 { font-size:3rem;  }
#enjoyinfo10 h6 { font-size:1.5rem; margin-top:1.5vw; margin-bottom:2vw; }
#enjoyinfo10 > p { padding:0 2vw; color:#4a4a4a; font-size:1.125rem; }
#enjoyinfo10 .enjoypic { padding:0 3vw; background:#fff; border-radius:1vw; margin:6vw 0 4vw; }
#enjoyinfo10 .enjoypic p { color:#000; font-size:2rem; margin-top:1.5vw; }
.vant10info { width: 32vw; padding-top: 14%; }
.vant10info h6 { color:#000; margin: 3.2vw 0 1.5vw; }
.vant10info p { color:#4a4a4a;  }


#xmvantags { display:flex; justify-content:space-between; flex-wrap:wrap; margin:2vw 5vw 2vw 0; }
#xmvantags li span { color: #4a4a4a; margin-left:1vw; }
#xmvantags li { display: flex;
    width: 50%; font-size: 1.5rem;
    cursor: pointer; margin-bottom: 2vw;
}
#xmvantags li img { width:1.6vw; max-height: 1.6vw; height:100%; margin-top:6px; }
#xmvantags li.on span { color:#CF3339; }
@media (max-width:1680px) {
    .vant10info { width: 25vw; padding-top: 11%; }
    .savantbg2 .banner-info h3 {  font-size:3rem;  }
    .savantbg2 .banner-info h4 {  font-size:2.2rem;  }
    .savantbg2 .banner-info p {  font-size:1.2rem;   }

}

@media (max-width:1440px) {
    .vant10info { width: 30vw; padding-top: 10%; }
    #xmvantags li img { width:1.5vw; max-height:1.5vw; height:100%; margin-top:.2vw; }
}

@media (max-width:1280px) {
    .vant10info { width: 36vw; padding-top: 8%; }
    #xmvantags li img { width:2vw; max-height:2vw; height:100%; margin-top:.3vw; }
}

@media (min-width:992px) and (max-width:1024px) {
    .savantbg2 .banner-info { width: 30vw; padding-top: 8vw; }
    .vant10info { width: 40vw; padding-top: 6%; }

}
@media (min-width:768px) and (max-width:991px) {
    .savantbg2 .banner-info { width: 40vw; padding-top: 7vw; }
    .vant10info { width: 48vw; padding-top: 5%; }
    /*     .vant10info h3 {   font-size:1.6rem; }*/
}

@media (max-width:767px) {

    #lifeinfo10 { margin:50vw 0 8vw; }
    .vant10info { width: 100%; padding-top: 95%; }
    .vant10info h6 { color:#000; margin:6vw 0; }
    .vant10info p {   }
    .vant10bg2 {  padding:58vw 0 4vw; }
    #enjoyinfo10 { width:100%; margin-top:20vw; }
    #enjoyinfo10 h3 { font-size: 1.6rem; }
    #enjoyinfo10 h6 { font-size: 1.125rem; padding:3vw 0; }
    #enjoyinfo10 > p { padding:0 2vw; color:#4a4a4a; font-size:.875rem; }
    #enjoyinfo10 .enjoypic { padding:5vw 3vw; margin:6vw 0; }
    #enjoyinfo10 .enjoypic p {font-size:.875rem; margin-top:3vw; }


    #lifeinfo10 .nuear { border-radius:1.2vw; font-size:2.5rem; width:80vw;  }
    #lifeinfo10 .nuear2 { width:100%; text-align:center; margin-bottom:6vw; }
    #lifeinfo10 img { max-width:230px; margin:5vw auto; }

    .savantbg2 .banner-info { width: 100%; padding-top: 90vw; }
    .savantbg2 .banner-info h3 {  color:#000; font-size:2.4rem;  }
    .savantbg2 .banner-info h4 {  color:#CF3339; font-size:1.8rem;  }
    .savantbg2 .banner-info p {  color:#000;   }

    #xmvantags {  margin:4vw 0; }
    #xmvantags li span { margin-left:2vw; font-size:1rem; }
    #xmvantags li {  margin-bottom: 6vw; }
    #xmvantags li img { width:5vw; max-height:5vw; height:100%; margin-top:1vw;  }

    a.vantbtn,
    a.xm13btn,
    a.xmbtn,
    a.crosbtn,
    a.arcbtn { font-size:.875rem;  }

}


/* 10 end */

/* 11  */
.nowbg .banner-info { width: 20vw; padding-top: 9vw; }
.nowbg .banner-info h3 { color:#009EB8; font-weight:200; font-size:4.5rem;  }
.nowbg .banner-info h4 {  color:#727171; font-size:4rem; font-family: fontM; font-weight:bold;  }

.lifeinfo3 { width:30.5vw; margin-top:-4vw; }
.lifeinfo3 h4 { font-size:2.25rem; margin-bottom:1.3vw;  }
.lifeinfo3 > div {  font-size:1.125rem; color:#4a4a4a; display:flex; padding:.2vw 0; }
.lifeinfo3 > div p { width:7px; height:7px; border-radius:50%; background:#4a4a4a; margin:.6vw .6vw .8vw 0; }

#nowmb2 { margin-bottom:2.3vw; }
.musizinfo { margin:6.5vw auto 7.5vw; text-align:center; font-size:2.25rem; font-family: fontN; }

.nowadinfo { justify-content: stretch; background:#0094ad; }
.nowadinfo .adcontent {  width:50%; text-align:right; color:#fff; }
.nowadinfo .adcontent > * { margin-right:4vw; }
.nowadinfo .adcontent h3 { font-size:3rem; font-family:fontN; }
.nowadinfo .adcontent p { margin-top:2vw; font-size:1.125rem; }
.nowadinfo .adcontent h3:first-child { font-weight:bold; font-family:fontM; }

.nowadinfo .rightpic { width:50%; padding:0; margin:0; background:#fff; align-self: flex-end; }
.nowadinfo .rightpic img { width:100%; }

.nowadinfo2 { margin:7vw 0;   }
.nowadinfo2 .adcontent2 {  width:48%;  }
.nowadinfo2 .adcontent2 h3 { font-size:2.25rem; line-height:2.6rem;  }
.nowadinfo2 .adcontent2 p { margin-top:2vw; color:#4a4a4a; font-size:1.125rem; }

.nowadinfo2 .leftpic { width:465px;  }

.nowadinfo4 { margin-bottom:6vw; }
.nowadinfo4 h3 { margin-bottom:5vw; color:#231815; font-size:3rem; }
@media (max-width:1680px) {
    .nowbg .banner-info h3 { font-size:4rem;  }
    .nowbg .banner-info h4 { font-size:3rem; }
}

@media (max-width:1440px) {
    .nowbg .banner-info h3 { font-size:3.6rem;  }
    .nowbg .banner-info h4 { font-size:2.8rem; }
}
@media (max-width:1280px) {
    .nowbg .banner-info {  padding-top: 8vw; }
    #nowmb2 img { max-width:400px; }
    .lifeinfo3 { width:40vw; }
    .lifeinfo3 h4 { font-size:1.8rem; }
    .lifeinfo3 > div p {  margin:.6vw .4vw .8vw 0; }
    .nowadinfo2 .adcontent2 {  width:55%;  }
    .nowadinfo4 img { max-width:800px; }
    .nowbg .banner-info h3 { font-size:3rem;  }
    .nowbg .banner-info h4 { font-size:2.2rem; }
}

@media (min-width:992px) and (max-width:1024px) {
    .nowbg .banner-info {  padding-top: 6vw; }
    .nowadinfo4 img { max-width:700px; }
}
@media (min-width:768px) and (max-width:991px) {

}
@media (max-width:767px) {
    .nowbg .banner-info { width: 100%; padding-top: 90vw; }
    .nowbg .banner-info h3 { font-size:2.2rem;  }
    .nowbg .banner-info h4 {   font-size:3rem; margin-bottom:4vw;   }
    #nowmb2 {   margin:60vw 0 8vw; }
    .lifeinfo3 { width:100%; margin-top:3vw; }
    .lifeinfo3 h4 { font-size:1.6rem; margin-bottom:5vw;  }
    .lifeinfo3 > div {  font-size:1rem; margin-bottom:3vw;  }
    .lifeinfo3 > div p { width:8px; height:8px; min-width: 8px; margin:2vw 2vw 2vw 0; }

    .musizinfo { margin:8vw auto; width:100%;  }
    .musizinfo p { font-size:.875rem; }

    .nowadinfo { justify-content: stretch; background:#0094ad; flex-direction:column-reverse; }
    .nowadinfo .adcontent {  width:100%; text-align:center; padding:30px; margin-bottom:2vw; }
    .nowadinfo .adcontent > * { margin-right:0; }
    .nowadinfo .adcontent h3 { font-size:2rem; }
    .nowadinfo .adcontent p { margin-top:3vw; font-size:.875rem; }
    .nowadinfo .rightpic { width:100%; padding:0; }

    .nowadinfo2 { margin:5vw 0; flex-direction:column;  }
    .nowadinfo2 .adcontent2 {  width:100%;  }
    .nowadinfo2 .adcontent2 h3 { font-size:1.6rem; line-height:2.4rem;  }
    .nowadinfo2 .adcontent2 p { margin-top:3vw; color:#4a4a4a; font-size:.875rem; }
    .nowadinfo2 .leftpic { width:240px; margin:6vw 0;  }

    .nowadinfo4 { margin-bottom:10vw; margin-top:10vw; }
    .nowadinfo4 h3 { margin-bottom:5vw; color:#231815; font-size:2rem; }
    .nowadinfo4 img { max-width:100%; }


}


/* 11 end  */

/* 12  */

.modelnbg .banner-info { display: flex; flex-direction: column; width: 25vw; padding-top: 6vw; }
.modelnbg .banner-info h3:first-child { color:#727171; font-size: 4rem; font-weight:bold; font-family:fontM; margin-bottom:1vw;   }
.modelnbg .banner-info h3 {  font-size:4.5rem;  }
.modelnbg .banner-info p { margin:1.5vw 0 2vw; font-size:1.5rem;  }

.lifeinfo12 h3 { font-size:2.2rem;  }
.lifeinfo12 h6{ margin: 1vw 0;  font-size:1rem; font-family: fontM; font-weight:bold;  }
.lifeinfo12 p{  font-size:.875rem; color:#4a4a4a; }

.modelninfo { width:46vw; margin:6vw auto; color:#4a4a4a; }
.modelninfo p { font-size:1.5rem; }
.modelninfo h3 { font-size:4.8rem; font-family:fontN; color:#231815; margin-top:4vw; letter-spacing:4vw; margin-right:-3vw; }

.modeln-listen { display: flex; flex-direction: column; width: 26vw; padding-top: 11vw;  }
.modeln-listen h3 { font-size: 3rem; margin-bottom: 2.5vw; font-weight: 400; }
.modeln-listen h6 { font-size: 1.5rem; color: #000; margin-bottom: 2vw; font-weight: bold; }
.modeln-listen p {  color: #4a4a4a; font-size:1rem;  }

#adaptive { padding:3.6vw 0; gap:106px; }
#adaptive .adaptpic { width:626px; }
#adaptive .adaptinfo { width: 32vw; margin-top:3.5vw; }
#adaptive .adaptinfo h5 { font-size: 1.5rem; margin-bottom: 10px;  }
#adaptive .adaptinfo p {  font-size: 1.125rem;  margin-bottom:2.2vw; }


a.modelnbtn { background:#009EB8; width: auto;  color:#fff; padding:10px 30px; text-align: center; font-size:1rem; border-radius:22px; }
a.modelnbtn:hover { background:#fff; color:#009EB8; }

@media (max-width:1680px) {

    .modelnbg .banner-info h3:first-child {  font-size: 3.2rem; }
    .modelnbg .banner-info h3 {  font-size:4rem;  }
    .modelnbg .banner-info p  { font-size:1.2rem;  }
}

@media (max-width:1440px) {
    .modelnbg .banner-info {  width: 35vw; padding-top: 6vw; }

    .modelninfo { width:50vw;  }
    .modelnbg .banner-info h3:first-child {  font-size: 2.6rem; }
    .modelnbg .banner-info h3 {  font-size:3.4rem;  }
    .modelnbg .banner-info p  { font-size:1rem;  }
}

@media (max-width:1280px) {
    .modelnbg .banner-info {  width: 30vw; }
    .modelnbg .banner-info h3 {  font-size:2.4rem;  }

    .modeln-listen { width: 35vw; padding-top: 7vw;  }
    .modelnbg .banner-info h3:first-child {  font-size: 2.2rem; }
    .modelnbg .banner-info h3 {  font-size:3rem;  }
}

@media (min-width:992px) and (max-width:1024px) {
    .modelnbg .banner-info {  width: 35vw; }
    .modelninfo { width:60vw;  }

}
@media (min-width:768px) and (max-width:991px) {
    .modelnbg .banner-info {  padding-top: 4vw; }
    .modelnbg .banner-info h3 {  font-size:2rem;  }

    .modelninfo { width:70vw;  }
    .modeln-listen { width: 40vw; padding-top: 5vw;  }
    #enjoyinfo10 { width:60vw;  }
}


@media (max-width:767px) {

    .modelnbg { height:80vw; }
    .modelnbg .banner-info {  width: 100%; padding-top: 88vw; text-align:center; }
    .modelnbg .banner-info h3 {  font-size:2.2rem;  }
    .modelnbg .banner-info p { margin:1.5vw 0 4vw;  }

    a.modelnbtn { width: auto; max-width:60vw; margin:0 auto; font-size:.875rem; }

    .modelninfo { width:100%; margin:80vw auto 5vw; }
    .modelninfo p { font-size:.875rem; }
    .modelninfo h3 { font-size:3rem; letter-spacing:10vw; margin:10vw 0 10vw 9%; }

    .modeln-listen {  width: 100%; padding-top: 90vw;  }
    .modeln-listen h3 { font-size: 2rem; margin-bottom: 4vw; }
    .modeln-listen h6 { font-size: 1rem; margin-bottom: 4vw;  }

    .wuxian-banner2 { height:100%; }
    #adaptive { padding:3.6vw 0 6vw; gap:0; flex-direction:column; }
    #adaptive .adaptpic { width:100%; text-align:  center; margin-top:10vw;  }
    #adaptive .adaptpic img { max-width:300px;  }
    #adaptive .adaptinfo { width: 100%; margin-top:1vw; }
    #adaptive .adaptinfo h5 { font-size: 1.2rem; margin-bottom:8px;  }
    #adaptive .adaptinfo p {  font-size: .875rem;  margin-bottom: 5vw; }


}

/* 12 end */

/* 13   */

#modeln-banner { height:32.9vw; }
#modeln-banner .banner-info { padding-top: 4.5vw; }
#modeln-banner .banner-info h3 {  font-size:4.5rem; color:#000; margin-bottom:2vw; }
#modeln-banner .banner-info img {  margin-left:-129px; max-width:508px; }

.modeln-advantage h2 { margin:2.3vw 0 3.5vw; color:#797878; font-size:4.5rem; font-family:fontM; font-weight:bold; }
.modeln-advantage > p {  font-size:1.5rem; }
.advant13name{
    text-align: center;
    position: relative;
    font-size: 3rem; color: #000; font-weight: 400;
&:after{
     content:'';
     width: 20vw;
     height: 1px;
     border-bottom: 1px dotted #ddd;
     display: inline-block;
     position: absolute;
     top: 30px;
     right: 0;
 }
&:before{
     content:'';
     width:  20vw;
     height: 1px;
     border-bottom: 1px dotted #ddd;
     display: inline-block;
     position: absolute;
     top: 30px;
     left: 0;
 }
}

#mn13code { align-items:flex-end; height:auto; }
#mn13code .modelscode-info { width: 36vw; padding-top: 1vw;  }
#mn13code .modelscode-info img { max-width: 349px; margin-left: 8.2vw; margin-top:-10px; }
#mn13code .modelscode-info h3 { margin-bottom:1.2vw; color:#009EB8; font-size:3rem; }
#mn13code .modelscode-info p { font-size: 1.125rem; color: #4a4a4a; height:47px; line-height: 47px;
    width: 272px; text-align: center; background: none; border-radius: 24px; border: #999 solid 1px;  }
#mn13code .md13rightpic { width:378px; margin-top:6vw; margin-right:2vw;   }
#mn13code .md13rightpic img { bottom:0; }

.models-tb li.tbtitle2 { text-align: center; font-size: .875rem; height: 51px; line-height: 51px;
    justify-content: center; background: #009EB8; color: #fff; }

#wx13btn h3 { color:#009EB8; }

a.xm13btn { padding: 7px 25px; height: 32px; line-height: 32px; border-radius: 16px; font-size: .8rem; color: #4a4a4a; border: #ccc solid 1px; }
a.xm13btn:hover,
a.xm13btn.active { color: #fff; border: none; background: #009EB8; }

@media (max-width:1680px) {
    #modeln-banner .banner-info { padding-top: 5vw; width:60vw; }
    #modeln-banner .banner-info img { max-width:200px; }
    .advant13name{
        font-size:2.6rem;
&:after{
     width: 27vw;
     top: 27px;
 }
&:before{
     width:  27vw;
     top: 27px;
 }
}
}

@media (max-width:1440px) {
    .advant13name{
        font-size:2.4rem;
&:after{
     width: 30vw;
     top: 24px;
 }
&:before{
     width:  30vw;
     top: 24px;
 }
}
}

@media (max-width:1280px) {
    .advant13name{
        font-size:2rem;
&:after{
     width: 28vw;
     top: 20px;
 }
&:before{
     width:  28vw;
     top: 20px;
 }
}
#mn13code .modelscode-info { width: 45vw; padding-top: 2vw;  }
#mn13code .modelscode-info img { max-width: 15vw; margin-left: 4vw; }
#mn13code .modelscode-info h3 { font-size: 1.8rem;}
#mn13code .modelscode-info p { width: 20vw; }
}

@media (min-width:992px) and (max-width:1024px) {

}
@media (min-width:768px) and (max-width:991px) {
    .advant13name{
        font-size:1.4rem;
&:after{
     width: 22vw;
     top: 14px;
 }
&:before{
     width:  22vw;
     top: 14px;
 }
}
#mn13code .modelscode-info { width: 45vw; padding-top: 2vw;  }
#mn13code .modelscode-info img { max-width: 12vw; margin-left: 6vw; }
#mn13code .modelscode-info h3 { font-size: 1.4rem;}
#mn13code .modelscode-info p { width: 20vw; height:30px; line-height:30px; }
}

@media (max-width:767px) {
    #modeln-banner { height:80vw; }
    #modeln-banner .banner-info { padding-top: 88vw; width:100%; text-align:center; }
    #modeln-banner .banner-info h3 {  font-size:2.2rem; color:#000; margin-bottom:2vw; }
    #modeln-banner .banner-info img {  margin:2vw auto; max-width:260px; }

    .mn13flexdt,
    .wx13flexdt { flex-direction:column; }
    #mn13code { height:100%; }
    #mn13code .modelscode-info { width: 100%; padding-top: 8vw; text-align:center;  }
    #mn13code .modelscode-info img { max-width: 55vw; margin: 6vw auto; }
    #mn13code .modelscode-info h3 { margin-bottom:4vw; font-size:2rem; }
    #mn13code .modelscode-info p {   width: 60vw;  margin:2vw auto; }
    #mn13code .md13rightpic { width:50vw; margin-top:4vw; margin-right:0;   }
    #mn13code .md13rightpic img { bottom:0; }

    .modelpro h3 { margin-top: 8vw;  margin-bottom: 5vw; font-size:2rem; }
    #wx13btn p { font-size:.875rem;  }
    .wxbanner13 { height:100%; padding-bottom:10vw; }

    #modeln13 { padding:78vw 0 5vw; }
    .modeln-advantage h2 { margin:4vw 0; font-size:2.4rem;  }
    .advant13name{
        font-size: 1.6rem;
&:after{
     width: 17vw;
     top: 16px;
     right: 0;
 }
&:before{
     width:  17vw;
     top: 16px;
     left: 0;
 }
}

}

/* ---------------- 13 end  */

/* 14  */
.crosbanner {height: 32.9vw;}
.crosbanner .banner-info { display: flex; flex-direction: column; width: 28vw; padding-top: 9vw; color:#fff;  }
.crosbanner .banner-info h4 {  font-size:3rem; }
.crosbanner .banner-info h3 {   font-size:4rem; font-family: fontM; font-weight: bold; margin-bottom:2vw;  }

.crosinfo { margin:4vw 10vw 5vw; }
.crosinfo p { margin:0 6vw; color:#4a4a4a; font-size:1.125rem; }
.crosinfo h3 { font-size:3rem; }
.crosinfo .crosproimg { gap:4vw; padding:2vw 2vw 3.5vw; }
.crosinfo .crosproimg img { width:100%; }

#crosad1 { height:42vw; }
#crosad1 .banner-info { padding-top:14.5vw; }
#crosad1 .banner-info h3 {
    font-family: fontN; font-weight: inherit; font-size: 3rem; padding-top: 1vw;
}

.crosadinfo {height: 100vw;}
.crosadinfo .adinfo { display: flex; flex-direction: column; width: 48vw; margin: 0 auto; padding-top: 8vw; color:#fff;  }
.crosadinfo .adinfo > p { padding-bottom:4vw; border-bottom:#fff solid 1px; margin-bottom:3vw; font-size:1.5rem; }
.crosadinfo .adinfo h3 {   font-size:3rem; font-family: fontM; font-weight: bold;  }

ul.crostalk { gap:4vw; align-items:flex-start; margin-top:2vw; }
ul.crostalk li { flex: 1; }
ul.crostalk li img { max-width:100px; }
ul.crostalk li h5 { margin:2vw 0 1.2vw; font-size:2rem; }
ul.crostalk li p { font-size:1.25rem; }

.crosapptitle { margin-top:5vw; font-size:3rem; }

a.crosbtn { background:#00A2E4; color:#fff; padding:8px 20px; font-size:.8rem; border-radius:15px; }
a.crosbtn:hover { background:#fff; color:#00A2E4; }

@media (max-width:1680px) {
    .crosbanner .banner-info {  width: 25vw; padding-top: 8vw;   }
    .crosbanner .banner-info h4 {  font-size:2.2rem; }
    .crosbanner .banner-info h3 {   font-size:3rem;  }
    .crosadinfo .adinfo > p { font-size:1.2rem; }
    ul.crostalk li img { max-width:4vw; }
    ul.crostalk li h5 { margin:1vw 0; font-size:1.6rem; }
    ul.crostalk li p { font-size:1rem; }
}

@media (max-width:1440px) {
    .crosbanner .banner-info {  width: 28vw; }
    #crosad1 .banner-info { padding-left:5vw; }
    .crosadinfo .adinfo > p { font-size:1rem; }
    ul.crostalk li h5 { margin:1vw 0; font-size:1.4rem; }
    ul.crostalk li p { font-size:.875rem; }
}

@media (max-width:1280px) {
    .crosbanner .banner-info {  width: 36vw;   }
}
@media (min-width:768px) and (max-width:991px) {
    .crosbanner .banner-info {  width: 45vw;   }
    #crosad1 .banner-info { padding-left:0; width:30vw; }
    #crosad1 .banner-info h3 { font-size:2rem; }
}

@media (max-width:767px) {
    .crosbanner {height: 80vw;}
    .crosbanner .banner-info {  width: 100%; padding-top: 88vw; color:#000;  }
    .crosbanner .banner-info h4 {  font-size:1.6rem; }
    .crosbanner .banner-info h3 {   font-size:2rem;  }

    .crosinfo { margin:36vw 0 10vw; }
    .crosinfo p { margin:0; font-size:.875rem; }
    .crosinfo h3 { font-size:1.8rem; }
    .crosinfo .crosproimg { gap:5vw; padding:2vw 0 8vw; }

    #crosad1 { height:80vw; }

    #crosad1 .banner-info {  padding-top: 22vw; width:50%;  }
    #crosad1 .banner-info h3 {  font-size: 1.6rem; color:#fff; }

    .crosadinfo {height: 230vw; }
    .crosadinfo .adinfo {  width: 100%; margin: 0 auto; padding-top: 12vw;  }
    .crosadinfo .adinfo > p { padding-bottom:10vw;  margin-bottom:10vw; font-size:.875rem; }
    .crosadinfo .adinfo h3 {   font-size:3rem; font-family: fontM; font-weight: bold;  }

    ul.crostalk { gap:5vw; align-items:flex-start;  }
    ul.crostalk li { flex: 1; }
    ul.crostalk li img { max-width:10vw; }
    ul.crostalk li h5 { margin:3vw 0; }
    ul.crostalk li p { font-size:.875rem; }
    .crosapptitle { margin-top:6vw; font-size:1.8rem; }
}

/* 14 end */

/* 02  */

.genesisbanner {height: 33vw; background: url(https://starkey.oss-cn-shanghai.aliyuncs.com/pages/img//xueming/genbanner1.png) no-repeat center center; background-size: cover;}
.genesisbanner .gen-info { display: flex; flex-direction: column; width: 30vw; padding-top:110px; color:#fff;  }
.genesisbanner .gen-info img { max-width:400px; margin-bottom:40px; }
.genesisbanner .gen-info h6 {  font-size:24px; }
.genesisbanner .gen-info h3 {   font-size:64px; font-family: fontM; font-weight: bold;  }

.gennew { background:#000; padding:121px 0 1vw; }
.gencontent { gap:94px; align-items: flex-start; }
.gencontent .genpics { width:417px; position:relative; padding-bottom:90px; }
.gencontent .genpics .absnew { width:65px; position:absolute; left:69px; top:2vw; }
.gencontent .gendes { width:32vw; color:#fff;  }
.gencontent .gendes h4 { font-size:2rem; }
.gencontent .gendes p { font-size:1.5rem; }
.gencontent .gendes span { display:inline-block; background-image: linear-gradient(to right, #00A2E4, #c92d35);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent; }

.gencontent > p { width:46vw; margin:0 auto 88px; font-size:18px; }


.gennew2 { background:#000; padding:57px 0; color:#fff; }
.gennew2 h4 { font-family:fontM; font-weight:bold; font-size:2.25rem;  }
.gennew2 h3 {   font-size:2.25rem;  }
.gennew2 p { font-size:1.5rem;  }
.gennew2 h4 img {   margin-top:-1.5vw; width:2vw; }

.gradient-border.genesis-header {
    border: 3px solid #1371d0;
    border-image: linear-gradient(to right, #1371d0, #c027b9) 1;
    padding: 94px 3.5rem;
    max-width: 850px;
}
.genlinebg { margin:0 auto 5vw; position:relative; }
.genlinebg h3 { text-align:center; padding-bottom:36px; }
.genlinebg h3 img { margin-top:-2vw; width:66px; }
.genlinebg p { font-size:1rem; text-align:center; }

ul#gentalk { gap:140px; margin:3vw 0 130px; }
ul#gentalk li { flex: 1; text-align:center; }
ul#gentalk li img {  max-height:81px; }
ul#gentalk li h5 { margin:1vw 0; font-size:1.5rem; font-weight:bold; font-family:fontM; }
ul#gentalk li li p { font-size:1.1rem; }

.genwomen { margin-top:-2px; position:relative; }
.genwomen .womeninfo { position: absolute; left: 18vw; top: 21vw; color:#fff; }
.genwomen .womeninfo p { font-size:1.5rem; margin-top:48px; }
.genwomen .womeninfo img {  max-width:324px; }




/*  swiper 2  */
#btnswiper { padding:0 0 0; position:relative; min-height:30vw; margin-top:-50px; }
#btnswiper .leftjb { position:absolute; left:-4vw; top:4vw; z-index: 1; height: 27vw; width:14vw;
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0, 0, 0, 1), rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
}
#btnswiper .rightjb { position:absolute; right:-4vw; top:4vw; z-index: 1; height: 27vw; width:14vw;
    background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0, 0, 0, 1), rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
}
#btnswiper .swiper-button-next { right: 6%; top: 40%; width: 2.2vw; height: 2.2vw; background: #302e2e; border-radius:50%; background-image: none; color:#000;   }
#btnswiper .swiper-button-prev { left: 6%; top: 40%; width: 2.2vw; height: 2.2vw; background: #302e2e; border-radius:50%; background-image: none;  color:#000;   }
#btnswiper .swiper-button-next:after { font-size:1.4rem;  }
#btnswiper .swiper-button-prev:after { font-size:1.4rem; }
#btnswiper .swiper-button-prev:hover,
#btnswiper .swiper-button-next:hover { background: #fff;    }
#btnswiper h5 { font-size:1.1rem; font-family:fontM; font-weight:bold; }
#btnswiper p { font-size:1rem;  }
#btnswiper .swiper-container {
    width: 100%;
    height: 100%;
}
#btnswiper .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    transition: 300ms;
    transform: scale(0.8);
    min-height: 460px; padding: 1.2vw;
}
#btnswiper .swiper-slide img { margin-top:1vw; margin-bottom:30px; }
#btnswiper .swiper-slide p,
#btnswiper .swiper-slide h5 { display:none; margin-left:-70px; margin-right:-70px; }
#btnswiper .swiper-slide-active,.swiper-slide-duplicate-active{
    margin-top:.5vw;
    transform: scale(1);
    width: 100%;
    height: 100%;
    background-image: url('https://starkey.oss-cn-shanghai.aliyuncs.com/pages/img//xueming/phone-gradient-bkgd.jpg');
    background-position: center 1vw;
    background-repeat: no-repeat;
    background-size: 103%;
    transition: opacity 0.4s ease;
}
#btnswiper .swiper-slide-active p,
#btnswiper .swiper-slide-active h5,
#btnswiper .swiper-slide-duplicate-active p,
#btnswiper .swiper-slide-duplicate-active h5{
    display: block;
}

.app-screen {
    position: relative;
    /* padding: 2rem 1rem; */
    /* max-height: 500px; */
    max-height: 30vw;
}
.app-screen:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: url('https://starkey.oss-cn-shanghai.aliyuncs.com/pages/img//xueming/phone-gradient-bkgd.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}
.swiper-slide-active .app-screen:before,
.swiper-slide-duplicate-active .app-screen:before {
    opacity: 1;
}



/* ----- swiper 1  */
#genswiper .linetop {
    position: absolute; left: 0; top: -2px; z-index: 99;
}
#genswiper .linebtm {
    position: absolute; left: 0; bottom: -2px; z-index: 99;
}
#genswiper {
    width: 100%; position: relative;
    height: 872px;
}
#genswiper .swiper-button-next { top: 45%; right: 1.5%; width: 2.2vw; height: 2.2vw; background-image: none; color:#fff;   }
#genswiper .swiper-button-prev { top: 45%; left: 1.5%; width: 2.2vw; height: 2.2vw; background-image: none;  color:#fff;   }
#genswiper .swiper-button-next:after { font-size:1.4rem;  }
#genswiper .swiper-button-prev:after { font-size:1.4rem; }
#genswiper .swiper-button-prev:hover,
#genswiper .swiper-button-next:hover { background:rgba(0, 0, 0, .4); border-radius:50%;  }


#genswiper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#genswiper .swiper-slide img {
    width: 100%;
    height: 100%;
}
#genswiper .swiper-slide img:first-child { display: block ; }
#genswiper .swiper-slide img:last-child { display:none; }

.genbtn { margin:59px 0 15px; }
.genbtn2 { margin:59px 0 0; }
.btnwidth { min-width:160px; }
.g23-button-fix {
    position: relative;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 40px;
    display: inline-block;
    padding: 10px 25px;
    max-width: 13vw;
    text-decoration: none;
    transition: all 0.5s;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
.g23-button-fix:hover {
    text-decoration: none;
    background-color: #000;
    color: #fff;
}
.gradient-border-fix {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    color: #fff;
    cursor: pointer;
}
.gradient-border-fix::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 1000px;
    top: -2px;
    bottom: -2px;
    right: -2px;
    left: -2px;
    z-index: -1;
    background: linear-gradient(270deg, #343434 0%, #fff 20%, #343434 70%);
    background-size: 140%;
    background-position: 30% 0;
}
.gradient-border-fix.gbd-transition-1-fix::before {
    transition: background 0.3s;
}
.gradient-border-fix.gbd-transition-1-fix:hover::before {
    background-position: 130% 0;
}
.gradient-background-fix::after {
    z-index: -1;
    content: '';
    position: absolute;
    background: linear-gradient(-90deg, #0072ce 0%, #bb29bb 20%, #f2c75c 50%, #bb29bb 70%);
    background-size: 100% 200%;
    left: 0px;
    right: 0px;
    top: 1px;
    height: 100%;
    filter: blur(9px);
    transform: skew(8deg, 0deg);
    transition: all 0.2s linear;
}
.gradient-background-fix.gbg-transition-1-fix:hover::after {
    transform: skew(25deg, 0deg);
}
.gradient-background-fix.gbg-transition-2-fix:hover::after {
    filter: blur(19px);
}


@media (max-width:1680px) {
    #btnswiper { padding:0 0 0; min-height:38vw; }

}
@media (max-width:1440px) {
    #btnswiper { padding:0 0 0; min-height:42vw; }
    .g23-button-fix { max-width: 12vw; }
    .genesisbanner .gen-info {   padding-top:6vw;  }
    .genesisbanner .gen-info h6 {  font-size:1.2rem; }
    .genesisbanner .gen-info h3 {   font-size:2.4rem;  }

    #btnswiper .swiper-slide-active,.swiper-slide-duplicate-active{
        margin-top: 0;
        background-position: center top;
        background-size: 85%;
        transition: opacity 0.4s ease;
    }
}
@media (max-width:1220px) {
    .g23-button-fix { max-width: 14vw; }
    #btnswiper .swiper-button-next { top: 45%; right: 2%; width: 2.6vw; height: 2.6vw; }
    #btnswiper .swiper-button-prev { top: 45%; left: 2%; width: 2.6vw; height: 2.6vw;   }
    #btnswiper .swiper-button-next:after { font-size:1rem;  }
    #btnswiper .swiper-button-prev:after { font-size:1rem; }
    #genswiper .swiper-button-next {   width: 2.6vw; height: 2.6vw;    }
    #genswiper .swiper-button-prev {  width: 2.6vw; height: 2.6vw;    }
    #genswiper .swiper-button-next:after { font-size:1rem;  }
    #genswiper .swiper-button-prev:after { font-size:1rem; }


}

@media (min-width:992px) and (max-width:1024px) {

}
@media (min-width:768px) and (max-width:991px) {
    #btnswiper { padding:0 0 0; min-height:45vw; }
    .g23-button-fix { max-width: 18vw; }
    .genesisbanner .gen-info {   padding-top:6vw;  }
    .genesisbanner .gen-info h6 {  font-size:1rem; }
    .genesisbanner .gen-info h3 {   font-size:1.8rem;  }
}

@media (max-width:767px) {

    #transinfo { float:none; width: 100%; padding-top: 92%;  }
    #transinfo h6{ margin: 4vw 0;  font-size:1rem; }
    #transinfo > h3{ font-size:1.6rem; }
    #transinfo .trans-icons { margin-bottom:4vw;  }
    #transinfo .trans-icons img { margin-right:2vw; max-width:40px; width:10vw; }
    #transinfo p.btnmtop { margin-top:6vw;  }

    #mimgdev img { max-width:280px; }

    .mb1vw { margin-bottom:3vw; }
    .mt1vw { margin-top:3vw; }
    .mtdian5vw { margin-top:1.5vw; }
    .mt2vw { margin-top:6vw; }
    p { font-size:.875rem; }

    .genesisbanner {min-height: 85vw; height: 85px; margin-top: -1px; background: url(https://starkey.oss-cn-shanghai.aliyuncs.com/pages/img//xueming/top02bgm.jpeg) no-repeat center center; background-size: cover;}
    .g23-button-fix { max-width: 40vw; margin:0 auto; font-size:14px; }
    .genesisbanner .gen-info {  padding-top:85vw; height: 120vw; width:100%; text-align:center;  }
    .genesisbanner .gen-info h6 {  font-size:1rem; }
    .genesisbanner .gen-info h3 {   font-size:1.8rem;   }

    .genesisbanner .gen-info img { max-width:40vw; margin:0 auto 5vw; }

    .gennew { padding:50vw 0 60px;  }
    .gencontent { gap:0; flex-direction: column; }
    .gencontent .genpics { width:100%; padding-bottom:0; }
    .gencontent .genpics .absnew { width:12vw; left:20vw; top:10vw; }
    .gencontent .gendes { width:100%;   }
    .gencontent .gendes h4 {  font-size:1.2rem;  }
    .gencontent .gendes p {  font-size:.875rem;  }

    .gencontent > p { width:100%; margin:0 auto 0; font-size:.875rem; }
    .gencontent h4 { font-size:1.4rem; }

    .genwomen { margin-top:-3px; background:#000; padding-bottom:50vw; }
    .genwomen .womeninfo { position: absolute; left: 0; top: 75vw; color:#fff; width:100%; text-align:center; }
    .genwomen .womeninfo img {  max-width:40vw; }

    /* ----- swiper 1  */
    #genswiper .linetop {
        top: -3px;
    }
    #genswiper .linebtm {
        bottom: -2px;
    }
    #genswiper { height: 70vw; }
    #genswiper .swiper-slide img:last-child { display: block ; }
    #genswiper .swiper-slide img:first-child { display: none; }
    #genswiper .swiper-button-next { top: 60%; right:4%; width: 8vw; height: 8vw;   }
    #genswiper .swiper-button-prev { top: 60%; left: 4%; width: 8vw; height: 8vw;   }
    #genswiper .swiper-button-next:after { font-size:1rem;  }
    #genswiper .swiper-button-prev:after { font-size:1rem; }
    #genswiper .swiper-button-prev:hover,
    #genswiper .swiper-button-next:hover { width: 8vw; height: 8vw; background:rgba(0, 0, 0, .4);  }

    .gennew2 { padding:7vw 0; }
    .gennew2 h4 {    }
    .gennew2 h4 img {   margin-top:-3vw; width:10vw; }

    .gradient-border.genesis-header {
        border: 3px solid #1371d0;
        border-image: linear-gradient(to right, #1371d0, #c027b9) 1;
        padding: 5rem 2rem 2rem;
        max-width: 50rem;
    }
    .genlinebg { margin:0 auto 5vw; position:relative; }
    .genlinebg h3 { text-align:center; position:relative; font-size:1.4rem; padding-bottom:20px; }
    .genlinebg h3 img { margin-top:-1vw; width:12vw; position:absolute; right:0; top:-3rem; }
    .genlinebg p { font-size:.875rem; text-align:center; }
    .genbtn { margin:2vw 0; text-align:center; width:100%; }
    .genbtn2 { margin:40px 0 30px; text-align:center; width:100%; }

    ul#gentalk { gap:0; margin:10vw 4vw 5vw; flex-direction:column; }
    ul#gentalk li { flex: 1; width: 100%; text-align:center; margin-bottom:12vw; }
    ul#gentalk li img { max-width:20vw; max-height:20vw; margin-bottom:3vw; }
    ul#gentalk li h5 { margin:2vw 0; font-size:1.2rem; font-weight:bold; font-family:fontM; }
    ul#gentalk li li p { font-size:.875rem; }

    /*  swiper 2  */
    #btnswiper { padding:7vw 0 0; position:relative; }
    #btnswiper .leftjb { position:absolute; left:-4vw; top:4vw; z-index: 1; height: 27vw; width:14vw;
        background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0, 0, 0, 1), rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
    }
    #btnswiper .rightjb { position:absolute; right:-4vw; top:4vw; z-index: 1; height: 27vw; width:14vw;
        background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0, 0, 0, 1), rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
    }
    #btnswiper .swiper-button-next { right: 3%; top: 50%; width: 8vw; height: 8vw; }
    #btnswiper .swiper-button-prev { left: 3%; top: 50%; width: 8vw; height: 8vw;   }
    #btnswiper .swiper-button-next:after { font-size:1.2rem;  }
    #btnswiper .swiper-button-prev:after { font-size:1.2rem; }
    #btnswiper .swiper-button-prev:hover,
    #btnswiper .swiper-button-next:hover { background: #fff;  }
    #btnswiper h5 { font-size:1.1rem;  }
    #btnswiper p { font-size:.875rem;  }
    #btnswiper .swiper-container {
        width: 100%;
        height: 100%;
    }
    #btnswiper .swiper-slide {
        padding:8vw 3vw;
    }
    #btnswiper .swiper-slide-active,.swiper-slide-duplicate-active{
        margin-top: 0;
        background-position: center top;
        background-size: 77%;
        transition: opacity 0.4s ease;
    }
    #btnswiper .swiper-slide img { margin-bottom:7vw; }
    #btnswiper .swiper-slide p,
    #btnswiper .swiper-slide h5 { display:none; }

    #btnswiper .swiper-slide-active p,
    #btnswiper .swiper-slide-active h5,
    #btnswiper .swiper-slide-duplicate-active p,
    #btnswiper .swiper-slide-duplicate-active h5{
        display: block;
    }


}

@media (max-width:375px) {
    #btnswiper .swiper-slide {
        height: 600px; padding:8vw 3vw;
    }
    #btnswiper .swiper-slide-active,.swiper-slide-duplicate-active{
        margin-top: 0;
        background-position: center top;
        background-size: 85%;
        transition: opacity 0.4s ease;
    }
}

/* 02 end */

/* ----------- 16 ------------- */
.startkey {  height: 32.9vw; }
.startkey .banner-info { width:50%; padding-top:16%; color:#fff; }
.startkey .banner-info h3 { font-size:4rem; margin-bottom:2vw; }
.startkey .banner-info p { font-size:1.5rem; }
.skpad { padding:2vw 0 4vw; }
ul.skbtmfour { gap:40px; align-items: flex-start;  }
ul.skbtmfour li { margin-top:3vw; flex: 1; }
ul.skbtmfour li .thumb {  height: 32px; display: flex; justify-content: flex-start; align-items: center; }
ul.skbtmfour li .thumb img {  max-width: 30px; }
ul.skbtmfour li h6 {  margin-top:1vw; font-size:1.25rem; }
ul.skbtmfour li p { font-size:1.125rem; }
.startkeyh{
    text-align: center;
    width: 100%;
    position: relative;
    font-size: 3rem; color: #000; font-weight: 400;
&:after{
     content:'';
     width: 13vw;
     height: 1px;
     border-bottom: 1px dotted #ddd;
     display: inline-block;
     position: absolute;
     top: 30px;
     right: 0;
 }
&:before{
     content:'';
     width:  13vw;
     height: 1px;
     border-bottom: 1px dotted #ddd;
     display: inline-block;
     position: absolute;
     top: 30px;
     left: 0;
 }
}

.startkey-tabs { gap:16px; margin:50px 0; }
.startkey-tabs > a { flex:1; height: 46px; line-height: 46px; font-size: 1rem; color: #4a4a4a; text-align:center; background:#f2f2f2; }
.startkey-tabs > a.active,
.startkey-tabs > a:hover
{ background:#1092e2; color:#fff; }

.sktablist { padding:50px 0 80px; align-items:flex-start; }
.sktablist2 { padding:50px 0 80px; }
.skbtm { background:#f2f2f2; padding:70px 0 40px; }
#tabswd { width:100%; }
#tabswd h6 { font-size:1.5rem; }

.tabsContent,
.skpic { width:50%; }
.skpic {  text-align:right; }
.skpic img { max-height:523px; }
.tabsContent h3 {  font-size:3rem; margin-bottom:1.5vw; color:#1E9BE9; }
.tabsContent .skewm { max-width:120px; margin-top:1.5vw; }
.tabsContent p {  font-size:1.125rem; margin-bottom:1vw; color:#4a4a4a; }
.tabsContent p span,
.accordion-light .card p span { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:7px; background:#4a4a4a; }
.appstore img { max-width:130px; margin-right:20px; }
.appstore { margin-top:2vw; }

#tabswd ul.videolist { flex-wrap:wrap; width:100%; }
#tabswd ul.videolist li { width:50%; margin-bottom:1.5vw; font-size:1.125rem; }
#tabswd ul.videolist li a { color:#000; }
#tabswd ul.videolist li a:hover { color:#1E9BE9; text-decoration:underline; }
#tabswd ul.videolist li a.greenbtn { color:#000; }
#tabswd ul.videolist li a.greenbtn:hover { color:#92B974; text-decoration:underline; }
#tabswd ul.videolist li img { width:25px; height: 25px; margin-right:12px; margin-top:0; }
#tabswd ul.videolist li p { padding:0; margin:0; }


.accordion-light { padding-top:2vw; }
.accordion2 { padding-top:2vw; }
.accordion-light .card h6 { font-size:1.5rem; }
.accordion-light .card .content-title {
    font-size: 1.25rem; color: #1E9BE9; font-weight: bold; margin-bottom: 1.8vw;
}
.accordion-light .card .content-title8 {
    font-size: 1rem; color: #1E9BE9; font-weight: bold; margin-bottom: 1.8vw;
}
.accordion-light .card .content-title2 {
    font-size: 1.25rem; color: #000; font-weight: bold; margin-bottom: 1.8vw;
}
.accordion-light .card strong{ font-weight:bold; color:#000; }
.accordion-light .card p{
    font-size: 1rem; color: #4a4a4a; margin-bottom: .8vw; font-weight: initial;
}
.accordion-light .card p strong { color: #000; font-weight:bold; }
.accordion-light .card p.last{
    font-size: 1rem; color: #767676;
}
.accordion-light .card {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13) !important;
    background-color: transparent; padding-bottom: 1vw;
}
.accordion-light .card:last-of-type {
    border-bottom: 0 !important;
}
.accordion-light .card-header {
    padding: .7rem 0;
    border-bottom: solid #eee solid; font-size: 1rem;
    background-color: transparent;
    text-align: left;
}
.accordion-light .card-header h4 {
    position: relative;
    margin-bottom: 0; font-size:1.5rem;
}
.accordion-light .card-header button {
    display: block;
    padding: .8rem 2.8rem .8rem 0;
    border: 0;
    background-color: transparent;
    font-size:1.5rem;
    line-height: 1;
    color: #767676;
    text-align: left;
}
.accordion-light .card-header button:focus-visible {
    box-shadow: 0 0 0.3rem 0.1rem #db3700;
}
.accordion-light .card-header button:active, .accordion-light .card-header button:hover, .accordion-light .card-header button:focus, .accordion-light .card-header button[aria-expanded=true] {
    color: #1E9BE9;
}
.accordion-light .card-header button:active .toggle-icon:before,
.accordion-light .card-header button:active .toggle-icon:after, .accordion-light .card-header button:hover .toggle-icon:before,
.accordion-light .card-header button:hover .toggle-icon:after, .accordion-light .card-header button:focus .toggle-icon:before,
.accordion-light .card-header button:focus .toggle-icon:after, .accordion-light .card-header button[aria-expanded=true] .toggle-icon:before,
.accordion-light .card-header button[aria-expanded=true] .toggle-icon:after {
    background-color: #127aba;
}
.accordion-light .card-header button:focus {
    outline: none;
}
.accordion-light .card-header button .toggle-icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    width: 12px;
    height: 12px;
}
.accordion-light .card-header button .toggle-icon:before, .accordion-light .card-header button .toggle-icon:after {
    content: "";
    position: absolute;
    background-color: #4a4a4a;
    transition: transform 0.25s ease-out;
}
.accordion-light .card-header button .toggle-icon:before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
}
.accordion-light .card-header button .toggle-icon:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
}
.accordion-light .card-header button[aria-expanded=true] .toggle-icon:before {
    transform: rotate(90deg);
}
.accordion-light .card-header button[aria-expanded=true] .toggle-icon:after {
    transform: rotate(180deg);
}
/* ----------- 16 end ------------- */

/* ----------- 17 ------------- */
.startkey2 {  height: 32.9vw; }
.startkey2 .banner-info { width:35%; padding-top:16%; float: right; color:#fff; }
.startkey2 .banner-info h3 { font-size:4rem; margin-bottom:1.5vw; }
.startkey2 .banner-info p { font-size:1.5rem; }

.startkey-tabs2 { gap:16px; margin:50px 0; }
.startkey-tabs2 > a { flex:1; height: 46px; line-height: 46px; font-size: 1rem; color: #4a4a4a; text-align:center; background:#f2f2f2; }
.startkey-tabs2 > a.active,
.startkey-tabs2 > a:hover { background:#92B974; color:#fff; }

.sktablist2 { padding:30px 0 80px; }
.tabsContent2,
.skpic2 { width:50%; }
.skpic2 {  text-align:center; }
.skpic2 img { max-height:400px; }

.tabsContent2 h3 {  font-size:3rem; margin-bottom:1.5vw; color:#92B974; }
.tabsContent2 .skewm { max-width:120px; margin-top:1.5vw; }
.tabsContent2 p {  font-size:1.125rem; margin-bottom:1vw; color:#4a4a4a; }
.tabsContent2 p span,
.accordion2 .card p span { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:7px; background:#4a4a4a; }


.accordion2 .card .content-title {
    font-size: 1.125rem; color: #92B974; font-weight: bold; margin-bottom: 1.8vw;
}
.accordion2 .card .content-title2 {
    font-size: 1.125rem; color: #000; font-weight: bold; margin-bottom: 1.8vw;
}
.accordion2 .card strong{ font-weight:bold; color:#000; }
.accordion2 .card p{
    font-size: 1rem; color: #4a4a4a; margin-bottom: .8vw;
}
.accordion2 .card p.last{
    font-size: 1rem; color: #767676;
}
.accordion2 .card {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13) !important;
    background-color: transparent; padding-bottom: 1vw;
}
.accordion2 .card:last-of-type {
    border-bottom: 0 !important;
}
.accordion2 .card-header {
    padding: .7rem 0;
    border-bottom: solid #eee solid; font-size: .875rem;
    background-color: transparent;
    text-align: left;
}
.accordion2 .card-header h4 {
    position: relative;
    margin-bottom: 0; font-size:1.5rem;color: #92B974;
}
.accordion2 .card-header button {
    display: block;
    padding: .8rem 2.8rem .8rem 0;color: #92B974;
    border: 0;
    background-color: transparent;
    font-size:1.5rem;
    line-height: 1;
    color: #767676;
    text-align: left;
}
.accordion2 .card-header button:focus-visible {
    box-shadow: 0 0 0.3rem 0.1rem #db3700;
}
.accordion2 .card-header button:active, .accordion2 .card-header button:hover, .accordion2 .card-header button:focus, .accordion2 .card-header button[aria-expanded=true] {
    color: #92B974;
}
.accordion2 .card-header button:active .toggle-icon:before,
.accordion2 .card-header button:active .toggle-icon:after, .accordion2 .card-header button:hover .toggle-icon:before,
.accordion2 .card-header button:hover .toggle-icon:after, .accordion2 .card-header button:focus .toggle-icon:before,
.accordion2 .card-header button:focus .toggle-icon:after, .accordion2 .card-header button[aria-expanded=true] .toggle-icon:before,
.accordion2 .card-header button[aria-expanded=true] .toggle-icon:after {
    background-color: #92B974;
}
.accordion2 .card-header button:focus {
    outline: none;
}
.accordion2 .card-header button .toggle-icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    width: 12px;
    height: 12px;
}
.accordion2 .card-header button .toggle-icon:before, .accordion2 .card-header button .toggle-icon:after {
    content: "";
    position: absolute;
    background-color: #4a4a4a;
    transition: transform 0.25s ease-out;
}
.accordion2 .card-header button .toggle-icon:before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
}
.accordion2 .card-header button .toggle-icon:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
}
.accordion2 .card-header button[aria-expanded=true] .toggle-icon:before {
    transform: rotate(90deg);
}
.accordion2 .card-header button[aria-expanded=true] .toggle-icon:after {
    transform: rotate(180deg);
}

@media (max-width:1680px) {
    .startkeyh{
        font-size: 2.6rem;
&:after{
     width: 18vw;
     top: 25px;
 }
&:before{
     width:  18vw;
     top: 25px;
 }
}
.startkey .banner-info h3,
.startkey2 .banner-info h3 { font-size:3rem; }
.startkey .banner-info p,
.startkey2 .banner-info p { font-size:1.2rem; }
.tabsContent h3,
.tabsContent2 h3{ font-size:2.2rem; }
.tabsContent p,
.tabsContent2 p { font-size:.875rem; }
}

@media (max-width:1440px) {
    .startkeyh{
        font-size: 2.2rem;
&:after{
     width: 26vw;
     top: 20px;
 }
&:before{
     width:  26vw;
     top: 20px;
 }
}
}
@media (max-width:1220px) {
    .startkey .banner-info,
    .startkey2 .banner-info {  padding-top:12%;  }
    .startkeyh{
        font-size: 1.8rem;
&:after{
     width: 22vw;
     top: 20px;
 }
&:before{
     width:  22vw;
     top: 20px;
 }
}
}

@media (min-width:992px) and (max-width:1024px) {

}
@media (min-width:768px) and (max-width:991px) {
    .startkeyh{
        font-size: 1.6rem;
&:after{
     width: 16vw;
     top: 20px;
 }
&:before{
     width:  16vw;
     top: 20px;
 }
}
}

@media (max-width:767px) {
    .startkey2,
    .startkey {  height: 80vw; }
    .startkey2 .banner-info ,
    .startkey .banner-info { width:100%; color:#000; padding-top: 88vw; }
    .startkey-tabs,.startkey-tabs2 {
        gap: 1vw; margin:46vw 0 0;
    }
    .startkey-tabs > a,
    .startkey-tabs2 > a{ font-size: .8rem; }
    .sktablist2,
    .sktablist { padding:20px 0 30px; flex-direction:column; }
    .tabsContent,
    .tabsContent2,
    .skpic { width:100%; margin-top:4vw; margin-bottom:5vw;  }
    .skpic { text-align:center; }
    .skpic img { max-height:260px; }


    .tabsContent2 h3,
    .tabsContent h3{  font-size:1.8rem; margin-bottom:5vw; }
    .tabsContent2 .skewm { max-width:120px; margin-top:5vw; }
    .tabsContent2 p,
    .tabsContent p {  font-size:.875rem; margin-bottom:3vw; }

    .appstore { margin-top:5vw; }


    #tabswd ul.videolist li img { width:22px; margin-right:12px; margin-top:-2px; }

    #tabswd ul.videolist { flex-wrap:wrap; width:100%; flex-direction:column; margin-top:4vw; }
    #tabswd ul.videolist li { width:100%; margin-bottom:4vw; font-size:1rem; }

    ul.skbtmfour { gap:0; flex-direction: column; }
    ul.skbtmfour li { margin-top:3vw; flex: 1; width:100%; min-height:120px; padding-bottom:4vw; }
    ul.skbtmfour li .thumb {  height: 32px; display: flex; justify-content: flex-start; align-items: center; }
    ul.skbtmfour li .thumb img {  max-width: 30px; }
    ul.skbtmfour li h6 {  margin-top:3vw; font-size:1.25rem; }
    ul.skbtmfour li p { font-size:.875rem; }

    .accordion-light .card-header button,
    .accordion2 .card-header button { font-size:1rem; }

    .accordion-light .card .content-title {
        margin-bottom: 4vw; font-size: .875rem;
    }
    .accordion-light .card .content-title8 {
        margin-bottom: 4vw; font-size: .875rem;
    }
    .accordion-light .card .content-title2 {
        font-size: .875rem; margin-bottom: 4vw;
    }
    .accordion2 .card .content-title2 {
        font-size: .875rem; margin-bottom: 4vw;
    }
    .accordion2 .card .content-title {
        font-size: 1rem;
    }

    .accordion-light .card p,
    .accordion2 .card p,
    .accordion2 .card p.last,
    .accordion-light .card p.last { font-size: .875rem; }
    #tabswd h6 ,
    .accordion-light .card h6 { font-size: 1rem; }

    .startkeyh{
        font-size: 1.4rem; margin-bottom: 4vw;
&:after{
     width: 5vw;
     top: 15px;
 }
&:before{
     width:  5vw;
     top: 15px;
 }
}

}
/* ----------- 17 end ------------- */


/* ----------- 香港 16 ------------- */

ul.skbtmsix { gap:4vw; flex-wrap:wrap; }
ul.skbtmsix li { margin-top:2vw; width:28%; }
ul.skbtmsix li img {  max-width: 52px; max-height:41px; }
ul.skbtmsix li h6 {  margin-top:3vw; font-size:1.25rem; margin-bottom:3vw; }
ul.skbtmsix li p { font-size:1rem; }

a.womenMore { color:#fff; width:160px; height:43px; line-height:43px; display:inline-block; text-align:center; border:#fff solid 1px; border-radius:22px; margin-top:3vw;  }

@media (max-width:1440px) {
    ul.skbtmsix { gap:3vw;  }
    ul.skbtmsix li { margin-top:1.5vw; width:30%; }
}

@media (max-width:767px) {
    ul.skbtmsix li img {  max-width: 40px; max-height:30px; }
    ul.skbtmsix { gap:2vw; align-items:flex-start; }
    ul.skbtmsix li { margin-top:1.5vw; width:48%; min-height:150px; padding-bottom:5vw; }
    ul.skbtmsix li p { font-size:.875rem; }
}
/* ----------- 香港 16 end ------------- */


/* ----------- 香港  health care 1 ------------- */



.gbcarebg {  height: 32.9vw; }
.gbcarebg .banner-info { width:45%; padding-top:12%; color:#fff; }
.gbcarebg .banner-info h4 { font-size:2.25rem; margin-bottom:1.5vw; margin-left: 10px; line-height:2.5vw; }
.gbcarebg .banner-info img { max-width:380px; margin-bottom:20px; }
.gbcarebg .banner-info p { font-size:1.5rem; color:#4a4a4a; margin-left: 10px; }

.gbline { border-bottom: 1px dotted #ddd; height:10px; margin:30px 0; }

a.arcbtn2 {  background:#89b06e; color:#fff; padding:10px 30px; font-size:1rem; border-radius:18px; }
a.arcbtn2:hover { background: none; border: #89b06e solid 1px; color:#89b06e; }

#transinfo a.arcbtn3 {  background:#89b06e; color:#fff; padding:10px 30px; font-size:1rem; border-radius:18px; }
#transinfo a.arcbtn3:hover { background: none; border: #89b06e solid 1px; color:#89b06e; }

#transinfo a.arcbtn4 {  background:#CF3339; color:#fff; padding:10px 30px; font-size:1rem; border-radius:18px; }
#transinfo a.arcbtn4:hover { background: none; border: #CF3339 solid 1px; color:#CF3339; }

#gnMore { background:#000; }
.ModalWrap { position:relative; padding:5vw 0 0; }
.ModalWrap .Modalperformance h3 { margin-bottom:1.3vw; text-align:center;   }
.ModalWrap .Modalperformance h5 { color:#fff; text-align:center; }
.ModalWrap .Modalperformance h6 { color:#fff; margin:0; display:flex; align-items:center; }
.ModalWrap .Modalperformance h3,
.ModalWrap .Modalperformance h4 { color:#1E9BE9;  }
.ModalWrap .Modalperformance h4 { margin-bottom:1.3vw;   }
.ModalWrap .Modalperformance .Modalperlist { margin-top:3vw; gap: 3vw; align-items:flex-start; justify-content:space-between;  }
.Modalperformance .Modalperlist .mperitem { flex: 1; }
.Modalperformance .Modalperlist .mperitem > div { display:flex; flex-direction: column; margin-bottom:1.5vw; }
.Modalperformance .Modalperlist .mperitem > div > div { display:flex; align-items:center; margin-bottom:.5vw; }
.Modalperformance .Modalperlist .mperitem > div p { font-size: .875rem; color: #fff; display: none }
.Modalperformance .Modalperlist .mperitem > div > div h6 span {
    display: inline-block; margin-left: 10px;
    width: 6px;
    height: 6px;
    background-color: transparent; /* 模块背景为透明 */
    border-color: #1E9BE9;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transition: transform 0.25s ease-in-out;
    transform: rotate(135deg); /*箭头方向可以自由切换角度*/
}
.Modalperformance .Modalperlist .mperitem > div img {
    max-width:30px; max-height:34px; filter:brightness(100);
    width: 24px; height: 24px;
    margin-right:20px; margin-top:0;
}

#xm12banner{height: 32.9vw;}

.ModalWrap .mclose { position: absolute; cursor: pointer; top:6vw; right:0; display:flex; align-items: center; width:80px; color: #1E9BE9; font-size:1rem; }
.ModalWrap .mclose img { max-width:30px;  }

.videoContent { width:800px; height:445px; position: relative; margin-left: calc( 50% - 393px); background:#000; color: #fff; font-size: 1rem;  padding:0;}
.videoContent > img { position: absolute; width:25px; height:25px; top:0; right:0; z-index:999; color:#1E9BE9; }

@media (max-width:1680px) {
    .gbcarebg .banner-info {  padding-top:10%;  }
    .ModalWrap { position:relative; padding:6vw 0 0; }
}

@media (max-width:1440px) {
    .gbcarebg .banner-info {  padding-top:8%;  }
    .gbcarebg .banner-info h4 { line-height:3vw; }
}
@media (min-width:768px) and (max-width:991px) {
    .gbcarebg .banner-info img { max-width:320px; margin-bottom:15px; }
    .gbcarebg .banner-info {  padding-top:5%; width:60%;  }
    .gbcarebg .banner-info h4 { line-height:4vw; }
}

@media (max-width:767px) {
    .gbcarebg {  height: 80vw; }
    .gbcarebg .banner-info img { max-width:220px; margin-bottom:15px; }
    .gbcarebg .banner-info {  padding-top:88vw; width:100%;  }
    .gbcarebg .banner-info h4 { line-height:10vw; font-size:1.6rem; }
    #careinfo { margin-top:75vw; }

    #xm12banner{height: 80vw;}

    #transinfo a.arcbtn3 {  background:#89b06e; color:#fff; padding:10px 30px; font-size:.875rem; border-radius:18px; }
    #transinfo a.arcbtn3:hover { background: none; border: #89b06e solid 1px; color:#89b06e; }

    #transinfo a.arcbtn4 {  background:#CF3339; color:#fff; padding:10px 30px; font-size:.875rem; border-radius:18px; }
    #transinfo a.arcbtn4:hover { background: none; border: #CF3339 solid 1px; color:#CF3339; }

    .ModalWrap {  padding:10px 0 0; }

    .ModalWrap .Modalperformance h3 { font-size:1.6rem; }
    .ModalWrap .Modalperformance h5 { font-size:1.2rem; }

    .ModalWrap .Modalperformance .Modalperlist { margin-top:3vw; flex-direction:column;  }
    .Modalperformance .Modalperlist .mperitem > div { display:flex; align-items:center; margin-bottom:3vw; margin-top:10px; }
    .Modalperformance .Modalperlist .mperitem h4 { font-size: 1rem; }
    .Modalperformance .Modalperlist .mperitem > div h6 { font-size: .8rem; }
    .Modalperformance .Modalperlist .mperitem > div h6 span {
        display: inline-block; margin-left: 10px;
        width: 4px;
        height: 4px;
        background-color: transparent; /* 模块背景为透明 */
        border-color: #1E9BE9;
        border-style: solid;
        border-width: 1px 1px 0 0;
        transform: rotate(135deg); /*箭头方向可以自由切换角度*/
    }
    .Modalperformance .Modalperlist .mperitem > div img {
        max-width:20px; max-height:24px; filter:brightness(100);
        width: 14px; height: 14px;
        margin-right:10px; margin-top:0;
    }

    .ModalWrap .mclose { top:10px; font-size:.8rem; width:50px; justify-content:flex-end; }
    .ModalWrap .mclose img { max-width:20px;  }

    .videoContent { width:100%; height:100%; min-height: 400px;   margin-left: 0;   font-size: .8rem; }
}
/* ----------- 香港  health care 1 end ------------- */
.hearCircle .tabsContent2 h3 {
    color: rgba(0, 139, 156, 1);
}

.hearCircle .accordion2 .card .content-title {
    color: rgba(0, 139, 156, 1);
}

.hearCircle .accordion2 .card-header button:active, .hearCircle .accordion2 .card-header button:hover, .hearCircle .accordion2 .card-header button:focus, .hearCircle .accordion2 .card-header button[aria-expanded=true] {
    color: rgba(0, 139, 156, 1);
}