@charset "utf-8";/* CSS Document */
/*banner*/
.device{position:relative;}
.device .arrow-left{background:url(img/arrows-l.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-55px;width:56px;height:130px;z-index:9999;}
.sy-4 .zi .arrow-right,.device .arrow-right{background:url(img/arrows-r.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-55px;width:56px;height:130px;z-index:9999;}
.device,.device .swiper-container{width:100% !important;height:auto !important;}
.sy-4 .swiper-container{width:80% !important;height:auto !important;margin-top:50px !important;}
.swiper-wrapper,.swiper-slide{height:auto !important;}
.swiper-slide img{width:100% !important;height:auto !important;}
/*.pagination{position:absolute;left:0;text-align:center;bottom:20px;width:100%;z-index:9;}*/
.swiper-pagination-switch{display:inline-block;width:8px;height:8px;border-radius:8px;border:1px solid #fff;margin:0 3px;cursor:pointer;}
.swiper-active-switch{background:#fff;}

.dispnone{display:none;}
.clear{ clear:both;}
.clear:after,.clear:before{ content: "";display: table;}
.clear:after{ clear:both;}
.clear{zoom:1;}
@media screen and (max-width:640px){
.dispnone{display:block;}
.protext{height:70px;overflow:hidden;background:rgba(200,2,3,1);margin:auto;text-align:center;color:white;padding:5px 10px;}
.propic img{width:330px !important;height:200px !important;object-fit:contain;}
.arrow-left,.arrow-right{display:none;}
}
/* 针对id="KBIS"的特定样式 */
#KBIS {width: 100%;height: auto;}
#KBIS .swiper-wrapper {width: auto;}
#KBIS .swiper-slide {width: calc((1200px - 75px) / 5) !important;margin: 0 7.5px;box-sizing: border-box;}
@media (max-width: 1200px) and (min-width: 992px) {#KBIS .swiper-slide {width: calc((960px - 60px) / 4) !important;margin: 0 7.5px;box-sizing: border-box;}}
@media (max-width: 991px) and (min-width: 768px) {#KBIS .swiper-slide {width: calc((720px - 45px) / 3) !important;margin: 0 7.5px;box-sizing: border-box;}}
@media (max-width: 768px) {#KBIS .swiper-slide {width: calc((540px - 30px) / 2) !important;margin: 0 15px;box-sizing: border-box;}}
.prev-button, .next-button {position: absolute;top: 50%;transform: translateY(-50%);width: 56px;height: 130px;cursor: pointer;margin-top: 20px;z-index: 10;display: flex;align-items: center;justify-content: center;}
.prev-button {
    left: 10px;
}
.next-button {
    right: 10px;
}
.next-button::after {content: '>';font-size: 40px;color: rgba(255, 255, 255, 0.7);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);transform: scale(1.2);transform-origin: center;}
.next-button:hover::after {color: #ffffff;}
.prev-button::after {content: '<';font-size: 40px;color: rgba(255, 255, 255, 0.7);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);transform: scale(1.2);transform-origin: center;}
.prev-button:hover::after {color: #ffffff;}