@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "microsoft yahei", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 13px;
}
.y-banner {width: 100%;height: 450px;overflow: hidden;}
.y-banner .swiper-container {width: 100%;height: 450px; position: absolute;}
.swiper-button-prev,.swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.swiper-button-prev{left:0;}
.swiper-button-next{right:0;}
.swiper-button-prev span,.swiper-button-next span{display:block;width: 64px;height: 64px;position: absolute;left: 20px;top: 50%;margin-top:-32px;
border-radius: 100%;background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center 17px;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.swiper-button-next span{background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center -71px;left:auto;right:20px;	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{opacity: .6}
.y-banner .swiper-pagination{top:auto;bottom:0px;background:none;}
.y-banner .swiper-pagination-bullet {display: inline-block;width: 50px;height:15px;margin: 0 3px;cursor: pointer;background: none;border-radius:0;opacity: 1;}
.y-banner .swiper-pagination-bullet span {width: 50px;height: 2px;display: block;background: rgba(128,128,128,0.2);}
.y-banner .swiper-pagination-bullet-active span{background:gray;}
.y-banner .autoplay .swiper-pagination-bullet-active span{background: rgba(128,128,128,0.2);}
.y-banner .swiper-pagination-bullet i{background: gray;height: 2px;transform:scaleX(0);transform-origin: 0;display: block;}
.y-banner .autoplay .firsrCurrent i{transition:transform 2.9s linear;transform:scaleX(1);}
.y-banner .autoplay .current i{transition:transform 4s linear;transform:scaleX(1);}
.y-banner .autoplay .replace span{ background:gray;}
.slide1 .title,.slide2 .title,.slide3 .title,.slide4 .title,.slide5 .title{ display: none!important;}
@media screen and (max-width:1920px){.width{ width: 1200px; margin: 0 auto;}}
@media screen and (max-width:1600px){.width{ width: 1200px; margin: 0 auto;}}
@media screen and (max-width:1024px){.width{ width: 100%; margin: 0 auto;}}
@media screen and (max-width:750px){
    .width{ width: 100%; margin: 0 auto;}
   
}