*,
::before,
::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@font-face {
	font-family: SOURCEHANSANSCN-BOLD;
}

@font-face {
	font-family: SOURCEHANSANSCN-LIGHT;
}

p {
	margin: 0;
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: rgb(14, 123, 224);
}

img {
	image-rendering: -webkit-optimize-contrast;
}

p, .p {
    line-height: normal;
}

@media(min-width: 1200px) {
	.phone {
		display: none;
	}

	.banner .swiper-button-next {
		background: url(../images/swiper_next.png);
		width: 5vw;
		height: 5vw;
		background-repeat: no-repeat;
	}

	.banner .swiper-button-prev {
		background: url(../images/swiper_prev.png);
		width: 5vw;
		height: 5vw;
		background-repeat: no-repeat;
	}

	.banner .swiper-pagination-bullet {
		width: 2vw;
		height: 2vw;
		background: #7967ae;
		opacity: 1;
	}

	.banner .swiper-pagination-bullet-active {
		background: #ffad33;
	}

	.banner img {
		width: 100%;
	}

	.bannerbox {
		width: 100%;
		height: 40vw;
	}

	.bannerbox img {
		width: 100%;
		height: 100%;
	}

}

@media(max-width: 1199px) {
	.web {
		display: none;
	}

	.banner img {
		width: 100%;
		height: 40vw;
	}

	.bannerbox {
		margin-top: 15vw;
		width: 100%;
	}

	.bannerbox img {
		width: 100%;
		height: 100%;
	}

	.phone {
		display: block;
	}

}

.nav .active a {
    font-weight: bold;
}

.nav ul a {
    padding: 0 1vw;
}

.nav a:hover{
    color: rgb(14, 123, 224);
}

.dot a {
    color: black;
}

.dot a:hover{
    color: rgb(255, 150, 0);
}