article.bg-gray{background-color:#f7f8f9}
@media (max-width:720px){.design-exterior .badge .badge-text p.design-exterior-badge-text{font-size:20px;line-height:28px}
}
.safety-star{ margin-top: 5.5vh;}
.safety-star-slider{position:relative;width:11rem;margin:0 auto}
.safety-star-slider-car{background-repeat:no-repeat;background-size:100%;background-position:50%;padding-bottom:42.53049%;width:100%;height:0;line-height:1}
@media (max-width:720px){.safety-star .article-badge .badge{box-sizing:border-box;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-left:16.11111111111111vw}
.safety-star .article-badge .badge li{width:50%;margin-top:6.666666666666667vw;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;display:-webkit-box;display:-webkit-flex;display:flex}
.safety-star .article-badge .badge li:not(:last-of-type){padding-right:0;margin-right:0;border-right:none}
.safety-star .article-badge .badge .badge-text p:first-of-type{font-size:14px;line-height:18px}
}
.slider{position:relative;width:100%;height:90vh}
.slider.dragging{cursor:pointer}
.slider.dragging .slider-btn{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.slider-item1,.slider-item2{position:absolute;top:0;background-position:0;background-size:cover;height:100%;}
.slider-btn{position:relative;height:100%;width:50px;left:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer}
.slider-btn:hover .slider-btn-line{opacity:.5}
.slider-btn-line{position:absolute;height:100%;left:50%;top:0;margin-left:-1px}
.slider-btn-line:hover{opacity:.5}
.slider-btn-arrow{position:absolute;background-color:#ccc;width:25px;height:50px;top:45%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slider-btn-arrow i.iconfont{display:inline-block;font-size:24px;line-height:50px;color:#fff}
.slider-btn-arrow.active i.iconfont{color:#97999b}
.slider-btn-arrow.left{left:0;text-align:right;border-radius:25px 0 0 25px}
.slider-btn-arrow.right{right:0;border-radius:0 25px 25px 0;text-align:left}
.sider-wz{position:absolute;color:#fff; text-shadow: black 0.1em 0.1em 0.2em; font-size:14px;top:58%; font-weight: bold; animation: moveup 6s infinite linear;animation-fill-mode: forwards;width: 100px;padding-left: 39px;}
@keyframes moveup {
0% {transform: translateX(-70%);opacity:0.6;filter:alpha(opacity=60);}
25% {transform: translateX(-20%);}
50% {transform: translateX(-70%);opacity: 1;filter:alpha(opacity=100);}
75% {transform: translateX(-20%);}
100% {transform: translateX(-70%);opacity:0.6;filter:alpha(opacity=60);}
}
.slider-item1{width:100%;background-image:url(../images/sjs.jpg);background-position:left; }
.slider-item2{width:0%;background-image:url(../images/sjsd.jpg);background-position:left;}


.slider-h{ width: 100%;}

@media screen and (max-width:1024px){
    .slider{height:600px}
}
@media screen and (max-width:768px){
    .slider{height:55vh}
    .slider-btn-arrow{top:50%}
    .slider-btn-arrow{top:50%}
    .sider-wz{ top: 65%;}
}
@media screen and (max-width:640px){
    .slider-item2 .gaishan_text{ top: 44%;}
    .gaishan_text ul li{width: calc(100% / 5 - 3%);}
    .gaishan_text li img{ width: 90%;}
    .gaishan_text ul li:nth-child(16) {display: none;}
}