.w1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.swiper-banner {
	width: 100%;
	height: 620px;
}

.swiper-banner .swiper-slide {
	width: 100%;
	height: 620px;
	color: #fff;
	display: block;
}

.swiper-banner .swiper-slide .wrap {
	height: 520px;
}

.swiper-banner .slide3 .useBtn {
	background: #ce0000;
	color: #fff;
}

.swiper-banner .swiper-slide .btn {
	width: 170px;
	height: 40px;
	line-height: 40px;
	left: 00px;
	top: 160px;
	border: 1px solid #fff;
	border-radius: 2px;
	font-size: 16px;
	text-align: center;
}

.swiper-banner .swiper-slide.slide1 {
	background: url(../images/banner/banner_ecshop.jpg) no-repeat center #f7f8fe;
}

.swiper-banner .swiper-slide.slide2 {
	background: url(../images/banner/banner_ecshop.jpg) no-repeat center #f7f8fe;
}

.swiper-banner .swiper-slide.slide3 {
	background: url(../images/banner/banner_ecshop.jpg) no-repeat center #f7f8fe;
}

.swiper-banner .swiper-slide.slide4 {
	background: url(../images/banner/banner_ecshop.jpg) no-repeat center #f7f8fe;
}

.swiper-banner .swiper-slide.slide5 {
	background: url(../images/banner/banner_ecshop.jpg) no-repeat center #f7f8fe;
}

.swiper-banner .swiper-pagination {
	bottom: 130px !important;
}

.swiper-banner .swiper-pagination .swiper-pagination-bullet {
	width: 40px;
	height: 5px;
	border-radius: 0;
}

.swiper-banner .swiper-nav {
	width: 100%;
	height: 100px;
	background: rgba(255, 255, 255, 0.5);
	left: 0;
	bottom: 0;
	z-index: 999;
}

.swiper-banner .swiper-slide .sl-left {
	width: 45%;
	flex-shrink: 0;
}

.swiper-banner .swiper-slide .ani {
	width: 55%;
	flex-shrink: 0;
	position: relative;
	top: -40px;
}

.swiper-banner .swiper-slide .ani img {
	width: 100%;
}

.swiper-banner .swiper-slide .t1 {
	font-size: 32px;
	color: #000;
}

.swiper-banner .swiper-slide .t2 {
	font-size: 50px;
	margin: 40px 0;
	line-height: 60px;
	font-weight: bold;
	color: #000;
}

.swiper-banner .swiper-slide .t3 {
	font-size: 24px;
	margin-bottom: 40px;
	color: #000;
}

.swiper-banner .swiper-nav li {
	color: #fff;
	width: 239px;
	height: 100px;
	border-right: 1px solid rgba(233, 233, 233, 0.05);
	float: left;
	cursor: pointer;
}

.swiper-banner .swiper-nav li .icon {
	width: 65px;
	height: 100px;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
}

.swiper-banner .swiper-nav li .info {
	float: left;
	width: 174px;
	height: 100px;
}

.swiper-banner .swiper-nav li .info div {
	padding-top: 30px;
	font-size: 16px;
	padding-bottom: 5px;
	color: #000;
}

.swiper-banner .swiper-nav li .info p {
	color: #999;
	font-size: 14px;
}

.swiper-banner .swiper-nav li.active {
	background: rgba(233, 233, 233, 0.05);
}

.swiper-banner .swiper-nav li:nth-child(5) {
	border-right: none;
}

@media (max-width: 768px) {
	.swiper-banner {
		display: none;
	}
}