/*swiper-pic*/
picture img{width:100%;}
body {max-width: 1920px; width: 100%; margin: 0 auto;}
.swiper-pic .swiper-container .swiper-pagination {bottom: 25px;}
.swiper-pic .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 130px;
    height: 3px;
    border-radius: 0;
    margin: 0 4px;
    background-color: rgba(0,0,0,0.5);
    transition: background-color .3s ease;
}
.swiper-pic .swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
}
.swiper-pic .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 5.2s linear forwards  /*进度条时间*/
}
.swiper-pic .swiper-container .swiper-pagination-bullet:hover {background-color: #fff;}

@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}
.swiper-pic .swiper-slide img{width:100%;}

/*进度条文字*/
.swiper-pagination-bullet a{color:#FFF; font-size:12px; line-height:35px; display:block; text-align:left; margin-top:-30px; opacity:0; white-space:nowrap; overflow:hidden;}
.swiper-pagination-bullet:hover a{opacity:1;}

@media (max-width:768px) {
.swiper-pic .swiper-container .swiper-pagination-bullet {width:35px; height:2px;}
.swiper-pic .swiper-pagination-bullet a{display:none;}
.swiper-pic .swiper-container .hide{display:none;}
.swiper-pic .swiper-slide{max-height:800px; overflow:hidden;}
}

/*鼠标移出隐藏箭头*/
.swiper-pic .swiper-container .hides{opacity:0;}
.swiper-pic .swiper-container:hover .hides{opacity:1;}
.swiper-pic .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s; outline:none;}
/*swiper-pic end*/


/*swiper-solution*/
.swiper-solution{margin:18px 20px;}
.swiper-solution .swiper-slide img{width:100%;}
@media (max-width:768px) {
.swiper-solution{margin:10px 0px;}
.swiper-solution .swiper-button-prev,.swiper-solution .swiper-button-next {outline:none; background-size: 30px 30px; /*箭头大小*/}
.swiper-wrapper .swiper-slide{overflow: hidden; display: flex; justify-content: center; align-items: center; /*图片居中超出隐藏*/}
.swiper-solution .swiper-slide img{width: 680px;}
}
/*swiper-solution end*/

/*pro-show*/
.proshow{padding:80px 0; background-color: #000;}
.proshow .swiper-container {max-width:1200px;}
.inner figure {width:100%;}
.inner figure img {width:100%; border-radius:15px;}
.gallery-item-desc {width:50%; float:left; text-align:left; color:#999; line-height: 25px; display:inline-block; padding-top:25px;}
.gallery-item-desc h3{font-size:30px; color:#FFF; margin-bottom:15px;}

/*箭头样式*/
.proshow .swiper-button-prev,.proshow .swiper-button-next {
  width: 50px;
  height: 50px;
  background-size: 20px 20px;
  position:relative; float:right; right:0px; bottom:50px; margin-left:30px;
  border:2px solid #999; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px; 
}

/*圆点样式*/
.proshow .swiper-pagination-bullet {opacity:0.3!important; background-color:#FFF;}
.proshow .swiper-pagination-bullet-active {opacity:1!important;}
.proshow .swiper-pagination{bottom:65px!important; left:30%!important;}
.proshow .swiper-pagination-bullet {width: 10px!important; height: 10px!important; margin-right: 10px!important;}

@media (max-width:1023px) {
.proshow{padding:50px 0;}
.gallery-item-desc {width:100%; float:none; font-size:13px; line-height: 20px;}
.gallery-item-desc h3{font-size:18px; margin-bottom:8px;}

.proshow .swiper-button-prev,.proshow .swiper-button-next {
  width: 40px;
  height: 40px;
  background-size: 25px 25px;
  position:absolute; float:none; right:10px; top:40%; bottom:0; margin-left:0px;
  border:0px solid #fff; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px; 
}
.proshow .swiper-pagination{bottom:70px!important; left:35%!important;}
}
/*pro-show end*/