/*lyBanner start*/
.lyBanner { height:100vh; overflow: hidden; }
.lyBanner .swiper-container { height:100%;}
.lyBanner .swiper-slide {overflow: hidden; position: relative; background-position:center; background-size:cover}
.lyBanner .swiper-slide .lyBa_text {padding-right:40%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.lyBa_text .tit {color:#fff; font-size:54px; font-weight:bold; text-transform:uppercase; letter-spacing:6px; text-shadow: 2px 2px 2px rgba(0, 0, 0, .3);}
.lyBa_text .tit font{color:#d80031; font-size:70px; font-weight:bold; }
.lyBa_text p { display: block; color: #fff; font-size:18px; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);}
.lyBa_text .lyMore {margin-top:48px;}

.lyBanner .swiper-slide:after{content: ''; display:block; background:linear-gradient(0deg,rgba(0,0,0,0) 40%,#000000 100%); position:absolute; width:100%; height:100%; top:0; left:0; opacity:.2; z-index:99;}



.lyBanner .swiper-pagination {width: 100%; height: 10px; bottom:60px !important; opacity:0}
.lyBanner .swiper-pagination span {width:10px; height: 10px; margin: 0 5px !important; background-color: rgba(255, 255, 255, .25); vertical-align: top; opacity: 1; border-radius:5px;}
.lyBanner .swiper-pagination span::after { display: none;}
.lyBanner .swiper-pagination span.swiper-pagination-bullet-active {width:60px; background-color:#fff;}

.lyBanner .swiper-button-prev, .lyBanner .swiper-button-next {width:60px; height:4px; line-height:4px; text-align:center; background: rgba(255, 255, 255, 1); top:auto; bottom:60px; display:none}
.lyBanner .swiper-button-prev {left:auto; right:122px;}
.lyBanner .swiper-button-next {right:60px;}
.lyBanner:hover .swiper-button-prev,.lyBanner:hover .swiper-button-next{opacity:1}
.lyBanner .swiper-button-prev:hover, .lyBanner .swiper-button-next:hover { background: #000;}
.lyBanner .swiper-button-prev i, .lyBanner .swiper-button-next i{font-size:12px; color:#fff; display:none}
.lyBanner .swiper-button-disabled { opacity: 1 !important;}

.lyBanner .swiper-wz{position:absolute; bottom:80px; z-index:999; background-color: rgba(0, 0, 0, .8); right:60px; padding:20px 30px; color:#fff; }
.lyBanner .swiper-wz .wz{ font-weight:bold; font-size:25px}
.lyBanner .swiper-wz p{font-size:16px; margin:10px 0}

.lyBanner_web{display:none}
/*lyBanner end*/
@media (max-width:1440px) {
.lyBanner .swiper-button-prev {left:auto; right:102px;}
.lyBanner .swiper-button-next {right:40px;}	
.lyBanner .swiper-wz{right:40px;}
}
@media (max-width:1024px) {
.lyBanner .swiper-button-prev {left:auto; right:93px;}
.lyBanner .swiper-button-next {right:30px;}	
.lyBanner .swiper-wz{right:30px;}
}
@media (max-width:992px) {
.lyBanner .swiper-button-prev {left:auto; right:90px;}
.lyBanner .swiper-button-next {right:27px;}	
.lyBanner .swiper-wz{right:27px;}
.lyBanner{display:none}
.lyBanner_web{display:block; padding:80px 0 0;}
.lyBanner_web img{ margin-top:-10px}
}
@media (max-width:580px) {
.lyBanner .swiper-button-prev, .lyBanner .swiper-button-next{ display:none}	
.lyBanner_web{padding:66px 0 0;}
}
@media (max-width:430px) {
.lyBanner .swiper-wz .wz{font-size:20px}
.lyBanner .swiper-wz p{font-size:14px; margin:10px 0}
.lyBanner_web img{ margin-top:-7px}
}