@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;}
}