.swiper-container {
    width: 100%;
    height: 650px;
}
.swiper-container .swiper-slide{background-position: center center;background-size:auto 650px;}

.anli .item{width:24.25%;float:left;margin-bottom:1vw;cursor: pointer;}
.anli img{width:100%;height:15.10vw;background-position: center center;background-size:100% auto;transition: all .2s;}
.anli .text{line-height:45px;text-align:center;background-color: #f4f4f4;font-size: 18px;color: #333333;transition: all .5s;}
.anli .item2{width:24.25%;padding:0px 1%;float:left;margin-bottom:1vw;cursor: pointer;}
.anli .item3{width:24.25%;padding-right:1%;float:left;margin-bottom:1vw;cursor: pointer;}
.anli .item:hover .text{background-color:#c90000;color:#FFFFFF;}
.anli .item2:hover .text{background-color:#c90000;color:#FFFFFF;}
.anli .item3:hover .text{background-color:#c90000;color:#FFFFFF;}
.anli .item:hover img{background-size:120% auto;}
.anli .item2:hover img{background-size:120% auto;}
.anli .item3:hover img{background-size:120% auto;}
.anli .item:before{content:'+';position: absolute;background-color:#c90000;width:0vw;height:0vw;text-align:center;line-height:0vw;margin-left:12.125vw;margin-top:7.55vw;border-radius: 50%;color:transparent;font-size:40px;transition: all .2s;}
.anli .item2:before{content:'+';position: absolute;background-color:#c90000;width:0vw;height:0vw;text-align:center;line-height:0vw;margin-left:12.125vw;margin-top:7.55vw;border-radius: 50%;color:transparent;font-size:40px;transition: all .2s;}
.anli .item3:before{content:'+';position: absolute;background-color:#c90000;width:0vw;height:0vw;text-align:center;line-height:0vw;margin-left:12.125vw;margin-top:7.55vw;border-radius: 50%;color:transparent;font-size:40px;transition: all .2s;}
.anli .item:hover:before{width:4vw;line-height:3.8vw;height:4vw;color:#FFFFFF;margin-left:10vw;margin-top:5.6vw;}
.anli .item2:hover:before{width:4vw;line-height:3.8vw;height:4vw;color:#FFFFFF;margin-left:10vw;margin-top:5.6vw;}
.anli .item3:hover:before{width:4vw;line-height:3.8vw;height:4vw;color:#FFFFFF;margin-left:10vw;margin-top:5.6vw;}

.anliTitleDiv{background-position: center;overflow: hidden;background-repeat: no-repeat;background-size: cover;height: 265px;text-align: center;line-height: 1.35;padding-top: 135px;background-image: url(https://image.xacom.cn/images/case.jpg);}
.anliTitleDiv h1{font-size: 54px;color: #e7e7e7;font-weight: bold;animation:mymove1 1s 1;-webkit-animation:mymove1 0.5s 1;}
.anliTitleDiv h1 span{color: #c90000;font-size: 54px;font-weight: bold;}
.anliTitleDiv p{font-size: 24px;color: #999999;margin-top: 10px;animation:mymove2 1s 1;-webkit-animation:mymove2 0.5s 1;}

.anliMenuDiv{margin-bottom: 50px;text-align: center;}
.anliMenuDiv b{display: block;position: absolute;z-index: -1;height: 1px;background-color: #b4b4b4;width:100%;margin-top:16px;}
.anliMenuDiv ul{display: inline-block;vertical-align: middle;background-color: #ffffff;padding:0px 15px;}
.anliMenuDiv ul li{display: inline-block;vertical-align: middle;padding:0px 10px;}
.anliMenuDiv ul li a{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;line-height: 2;border: 1px solid #b4b4b4;border-radius: 15px;padding:0px 15px;}
.anliMenuDiv ul li .current{border: 1px solid #c90000;color: #c90000;}
.anliMenuText{text-align: center;padding: 60px 0px;}
.anliMenuText h1{font-weight: normal;font-size: 36px;color: #333333;}
.anliMenuText p{font-size:18px;margin-top:10px;}
.anliMenuText p span{color: #c90000;font-size:18px;}
			
.pageDiv{margin:40px 0px;text-align:center;}
.pageDiv span{border:1px solid #cccccc;padding:10px 20px;display:inline-block;color:#bbbbbb;cursor: pointer;}
.pageDiv .active{color:#ffffff;background-color:#c90000;border:1px solid #c90000;}
.pageDiv .btn{margin:0px 10px;padding:10px 30px;color:#888888;border:1px solid #aaaaaa;}
			
@keyframes mymove1{
	0% {margin-left:-200%;}
	70% {margin-left:10%;}
	100% {margin-left:0px;}
}
@-webkit-keyframes mymove1 /*Safari and Chrome*/{
	0% {margin-left:-200%;}
	70% {margin-left:10%;}
	100% {margin-left:0px;}
}
@keyframes mymove2{
	0% {margin-left:200%;}
	70% {margin-left:-10%;}
	100% {margin-left:0px;}
}
@-webkit-keyframes mymove2 /*Safari and Chrome*/{
	0% {margin-left:200%;}
	70% {margin-left:-10%;}
	100% {margin-left:0px;}
}