.banner-home{width: 100%;position: relative;overflow: hidden;}
.banner-home .swiper-slide .bgimg img{width: 100%}
.banner-home .text{position: absolute;left:5%;top:48%;z-index: 2;width: 30%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.banner-home .text h1{font-size: 42px;line-height:55px;font-weight:bold;color: #fff;margin-top:50px;display: block;margin-bottom: 30px}
.banner-home .text h2{font-size:28px;text-transform: uppercase;color: #fff;position: relative;padding-bottom: 30px}
.banner-home .text h2:after{content: '';position: absolute;bottom: 0;left:0;width: 70px;height: 3px;background: #bc2721;display: block;transition: all .2s}
.banner-home .swiper-slide .text h1:after,.banner.ban-product .swiper-slide .text h1:after{left: 0;margin-left: 0}
.banner-home .text h3{font-size: 16px;color: rgba(255,255,255,.7);line-height: 35px}
.banner-home .text a{display: inline-block;background: #bc2721;color: #fff;font-size: 14px;padding:10px 50px;text-transform: uppercase;margin-top:20px;border-radius: 30px;position: relative;line-height: 20px}
.banner-home .text a:after{content: '';background: #bc2721;width:0;height: 100%;left:0;top: 0;transition: all .3s;position: absolute;z-index: -1;border-radius: 30px}
.banner-home .text a:hover:after{width:100%;}
.banner-home .text a i{margin-left: 10px;vertical-align:bottom;font-size: 18px;}
.banner-home .swiper-slide .text h1{transform:translateY(200px);opacity:0;transition:all .6s .4s;}
.banner-home .swiper-slide .text h2{transform:translateY(200px);opacity:0;transition:all .3s .3s;}
.banner-home .swiper-slide .text h3{transform:translateY(200px);opacity:0;transition:all .9s .5s;}
.banner-home .swiper-slide .text h4{transform:translateY(200px);opacity:0;transition:all 1s .6s;}
.banner-home .img{transform:translateX(300px);opacity:0;transition:all 1s .5s;}
.banner-home .swiper-slide-active .text h1,.banner-home .swiper-slide-active .text h2,.banner-home .swiper-slide-active .text h3,.banner-home .swiper-slide-active .text h4,.banner.ban-product .swiper-slide-active .text h1,.banner.ban-product .swiper-slide-active .text h2,.banner.ban-product .swiper-slide-active .text h3,.banner.ban-product .swiper-slide-active .text h4{transform:translateY(0px);opacity:1;}
.banner-home .swiper-button-next:after,.banner-home .swiper-button-prev:after{font-size:25px;color: #fff}
.banner-home .swiper-pagination-bullet{background: #ffffffa0}
.banner-home .swiper-pagination-bullet-active{background:#bc2721;}
.banner-home .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px}


@media (max-width:1499px){
	.banner-home .text h1{font-size: 35px;line-height:45px}
	.banner-home .text h2{font-size: 24px}
	.banner-home .text h3{font-size: 14px;line-height: 25px}
}
@media (max-width:1199px){
	.banner-home .swiper-slide .bgimg{position: relative;}
	.banner-home .swiper-slide .bgimg:after{content: '';height: 60vh;display:block;}
	.banner-home .swiper-slide .bgimg img{position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.banner-home .text{width: 40%;}
	.banner-home .text h1{font-size: 30px;line-height:35px}
	.banner-home .text h2{font-size: 20px}
}
@media (max-width:991px){
	.banner-home .swiper-slide .bgimg:after{height: 45vh;}
	.banner-home .text{width:80%;left: 10%;top: 60%}
	.banner-home .text h1{font-size: 25px;line-height:35px;margin-top: 20px}
	.banner-home .text h2{font-size: 18px}
	.banner-home .text a{font-size: 12px}
}