.product-slider-container {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.mylist {max-width:400px;}
.product-image {width:100%;}
#link {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
#link a {display:block;margin-bottom:2.2rem;}
#link a  img {width:117px;height:100%;}
/*首页banner效果 开始*/		
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
.swiper-slide img{width: 100%;}	
/*首页banner效果 结束*/	
.swiper-slide img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	}	
.swiper-pagination{
	bottom:35px;
	right:250px;
	}
.swiper-pagination-bullet{
	width:20px;
	height:20px;
	background:#fff;
	margin:0 5px;
	}	


#banner { position:relative; margin:0 auto; overflow:hidden; width:100%;}
.bannerlist{}
.bannerlist li img{ display:block; width: 100%; }
.bannerlist li{ text-align:center;overflow:hidden; display:block; position: relative;}
.bannerlist li .text { position:absolute; top:38%; width:100%; text-align:center;}
.bannerlist li .text .inner {vertical-align: middle;text-align: center;}
.bannerlist li .text h4 {font-size: 54px;color:#fff; text-shadow: 0 3px 2px #333333;margin: 0 0 30px;opacity: 0.9; font-weight:bold;}
.bannerlist li .text p {font-size: 22px;color:#fff; text-shadow: 0 3px 2px #333333;opacity: 0.9;}
.bannerlist li .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #f00;-webkit-transition: all 0.5s;transition: all 0.5s;}
.bannerlist li .text a:hover {background-color: #e62022;border-color: #e62022;color:#fff;}
@media screen and (max-width: 768px) {
	.bannerlist li .text h4 {font-size: 22px;color:#fff; text-shadow: 0 3px 2px #333333;margin: 0 0 30px;opacity: 0.9; font-weight:bold;}
	.bannerlist li .text p {font-size: 14px;color:#fff; text-shadow: 0 3px 2px #333333;opacity: 0.9;}
	.bannerlist li .text a {display: none;}
	.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:10px}
}