@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	box-sizing: border-box
}

body {
	background-color: #353535
}

a {
	text-decoration: none
}

ul {
	list-style: none
}

.content_tltie {
	width: 522px;
	height: 56px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	padding-top: 84px;
	z-index: 100;
}


.slideBox {
	width: 100%;
	height: 550px;
	overflow: hidden;
	position: relative
}

.slideBox .hd {
	width: 100%;
	position: absolute;
	bottom: 14px;
	z-index: 1
}

.slideBox .hd ul {
	text-align: center;
	height: 25px;
	background-image: url(./img/bannerp.png?v=1);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 200px 26px;
}

.slideBox .hd ul li {
	width: 20px;
	height: 10px;
	margin-right: 5px;
	display: inline-block;
	position: relative
}

.slideBox .hd ul li .dot {
	width: 25px;
	height: 10px;
	background: #82899D;
	border-radius: 5px;
}

.slideBox .hd ul li span {
	display: none;
	color: #fff;
	position: absolute;
	width: 100%;
	font-size: 14px;
	left: 0;
	top: 0;
	line-height: 36px;
	cursor: pointer
}

.slideBox .hd ul li.on .liner {
	width: 25px;
	height: 10px;
	background: #3381FF;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
}

/* .slideBox .hd ul li:hover .dot {
	display: none
} */

/* .slideBox .hd ul li:hover {
	width: 206px;
	height: 36px;
	transform: translateY(-50%);
	background: linear-gradient(90deg, #198cff, #8847c1);
	transition: all .1s ease
} */

.slideBox .hd ul li:hover span {
	display: inline-block
}

@keyframes liner {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

.slideBox .bd {
	width: 100%;
	position: relative;
	height: 550px;
	overflow: hidden;
}

.slideBox .bd li {
	text-align: center;
	height: 550px;

}

.slideBox .bd ul>li>a>img {
	width: 100%;
	height: 100% !important;
}

.slideBox .bd .copyImg {
	z-index: 100;
	position: absolute;
	top: 366px;
	left: 270px;
}

.slideBox .bd:hover~.prev {
	display: block
}

.slideBox .bd:hover~.next {
	display: block
}

.slideBox .prev:hover {
	display: block;
	background: url(../img/yd.png?v=1) no-repeat;
}

.slideBox .next:hover {
	display: block;
	background: url(../img/zd.png?v=1) no-repeat;
}

.slideBox .prev {
	/* display: none; */
	position: absolute;
	left: 280px;
	top: 250px;
	margin-top: -25px;
	width: 50px !important;
	height: 50px !important;
	background-image: url(../img/z.png?v=1);
	background-repeat: no-repeat;
	background-size: 50px 50px !important;
	z-index: 99;
}

.slideBox .next {
	/* display: none; */
	position: absolute;
	right: 280px;
	top: 250px;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background-image: url(../img/y.png?v=1);
	background-repeat: no-repeat;
	background-size: 50px 50px !important;
	z-index: 99;

}

.slideBox .bd li.active {
	animation-name: ai-big-out;
	animation-duration: 60s;
	animation-timing-function: ease;
	animation-fill-mode: forwards
}

@keyframes ai-big-out {
	0% {
		z-index: 3;
		transform: scale(1.1);
		opacity: 1
	}

	50% {
		transform: scale(1.2);
		opacity: .5
	}

	to {
		transform: scale(1.3);
		opacity: 1
	}
}