.body {
	width: 100%;
	/*padding-left: 3.958vw;*/
	overflow: hidden;
}


.navbar-toggle .line-top,
.navbar-toggle .line-middle,
.navbar-toggle .line-bottom {
	width: 1.87500vw;
	margin: 0.26042vw 0;
}

.pic img {
	width: 100%;
}

.pic.cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.head-slide {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50;
	width: 3.958vw;
	height: 100%;
}

.head-slide .head-slide-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: #fff;
	padding: 1.719vw 0;
	align-items: flex-start;
}

.head-slide.open .head-slide-wrap {
	background: #C11920;
}

.head-slide .head-slide-wrap::after {
	display: block;
	content: '';
	height: 100%;
	border-right: 2px solid #E1E1E1;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.head-slide .head-slide-wrap.open::after {
	border-right: 2px solid rgba(255, 255, 255, 0.2);
}

.head-slide .logo {
	display: block;
	width: 2.604vw;
}

.head-slide .logo img {
	width: 100%;
}

.head-slide .slide-links {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 1;
	width: 20.833vw;
	height: 100%;
	background: #C11920;
	text-align: center;
	transform: translateX(-100%);
	pointer-events: none;
}

.head-slide.open .slide-links {
	transform: translateX(0%);
	pointer-events: visible;
	transition: all cubic-bezier(0, 0, 0.44, 1.3) .4s .3s;
}

.head-slide .slide-links>div {
	width: 100%;
}

.head-slide .slide-links .link {
	font-size: 1.458vw;
	color: #fff;
	padding: 0.781vw 0;
}

.head-slide .slide-links .link .down {
	position: absolute;
	left: 100%;
	top: 0;
	width: 15.625vw;
	height: 100%;
	background: #C11920;
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	z-index: 1;
	opacity: 0;
	pointer-events: none;
	transform: translateX(1.042vw);
}

.head-slide .slide-links .link:hover .down {
	opacity: 1;
	pointer-events: visible;
	transform: translateX(0vw);
	transition: opacity ease .2s, transform ease .4s .2s;
}

.head-slide .slide-links .link .down a {
	font-size: 1.146vw;
	color: #fff;
	padding: 0.521vw 0;
}











header .nav {
	width: calc(100% - 3.958vw);
	padding: 2.604vw 4.167vw;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 49;
}

header .nav .link {
	font-size: 0.833vw;
	margin: 0 1.719vw;
	color: #FFFFFF;
	position: relative;
}

header .nav .link>a {
	padding: 0.885vw 0.417vw;
	display: block;
}

header .nav .link .down {
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	min-width: 100%;
	width: max-content;
	height: auto;
	transition: all ease .6s;
	pointer-events: none;
}

header .nav .link:hover .down {
	pointer-events: visible;
}

header .nav .link .down::before {
	content: '';
	display: block;
	width: 100%;
	height: 0.208vw;
	background: #C11920;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -0.833vw);
	top: 0;
	z-index: 2;
	opacity: 0;
}

header .nav .link:hover .down::before {
	opacity: 1;
	transition: all ease .3s;
	transform: translate(-50%, 0);
}

header .nav .link .down a {
	padding: 0.781vw;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 0.729vw;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.24);
	background: rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(0.521vw);
	backdrop-filter: blur(0.521vw);
	opacity: 0;
}

header .nav .link:hover .down a {
	opacity: 1;
	transition: all ease .3s .3s;
}

header .nav .link .down a:last-child {
	border-bottom: none;
}

header .nav .btn-contact {
	padding: 0.625vw 1.354vw;
	font-size: 0.833vw;
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(0.521vw);
	backdrop-filter: blur(0.521vw);
	transition: all ease .6s;
}

header .nav .btn-contact i {
	display: inline-block;
	font-size: 0.833vw;
	margin-left: 0.521vw;
	transition: all ease .3s;
}

header .nav .btn-contact:hover i {
	transform: translateX(0.26vw);
}

.C-more {
	width: 8.021vw;
	height: 2.604vw;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	font-size: 0.833vw;
	color: #C11920;
	position: relative;
	overflow: hidden;
}

.C-more:hover {
	background: transparent;
	color: #fff;
}

.C-more.black {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.C-more.black:hover {
	background: transparent;
	color: #000;
}

.C-more.red {
	border: 1px solid #C11920;
	background: #C11920;
	color: #fff;
}

.C-more.red:hover {
	border: 1px solid #C11920;
	background: transparent;
	color: #C11920;
}

.C-more span {
	position: relative;
	z-index: 2;
}

.C-more i {
	display: inline-block;
	margin-left: 1.042vw;
	font-size: 0.833vw;
	font-weight: bold;
	transition: all ease .3s;
	position: relative;
	z-index: 2;
}

.C-more:hover i {
	transform: translateX(0.26vw);
}

.C-title {
	font-size: 2.2vw;
	font-weight: bold;
	color: #000000;
	position: relative;
}

.C-title::before {
	content: '';
	display: inline-block;
	width: 1.2vw;
	height: 2vw;
	background: #3858ab;
	position: absolute;
	left: -3.854vw;
	top: 0.521vw;
	transform: skew(-40deg);
}


.C-title::before {
	content: '';
	display: inline-block;
	width: 1.563vw;
	height: 2.031vw;
	background: #C11920;
	position: absolute;
	left: -3.854vw;
	top: 0.521vw;
	transform: skew(
			-40deg
	);
}


.staticTitle .C-title::before {
	position: static;
	margin: 0 1.042vw;
}

.foot1 {
	padding: 14.063vw 0 10.104vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
}

.foot1 h2 {
	font-size: 3.125vw;
	margin-bottom: 1.927vw;
	color: #FFFFFF;
}

.foot1 b {
	display: inline-block;
	width: 3.125vw;
	height: 0.521vw;
	background: #FFFFFF;
}

.foot1 p {
	max-width: 44.688vw;
	font-size: 0.938vw;
	line-height: 1.6;
	margin: 1.875vw 0;
	color: #FFFFFF;
}

.foot1 .C-more {
	margin: 0 auto;
}

.foot2 {
	display: flex;
	flex-wrap: wrap;
}

.foot2 .left {
	width: 35%;
}

.foot2 .left .foot-form {
	padding: 3vw 0 3vw 4vw;
	background: #1C1D20;
}

.foot2 .left .foot-form h2 {
	font-size: 2.5vw;
	color: #FFFFFF;
}

.foot2 .left .foot-form p {
	font-size: 1.042vw;
	margin: 1.146vw 0 1.927vw;
	color: #FFFFFF;
}

.foot2 .left .foot-form input {
	display: block;
	border: 1px solid #D2D2D2;
	border-right: none;
	width: 9.531vw;
	height: 2.344vw;
	padding: 0.521vw;
	font-size: 0.833vw;
	color: #fff;
	background: transparent;
}

.foot2 .left .foot-form input.shake {
	animation: headShake 1s ease;
}

.foot2 .left .foot-form button {
	width: 6.771vw;
	height: 2.344vw;
	background: #C11920;
	border: none;
	font-size: 0.625vw;
	font-family: 'PingFang SC';
	color: #FFFFFF;
}

.foot2 .left .copy {
	padding: 2.865vw 0 3.385vw 4.167vw;
	background: #16171A;
	font-size: 0.729vw;
	color: #FFFFFF;
}


.foot2 .right {
	width: 65%;
	padding: 4vw 0 0 7vw;
	background: #222427;
}

.foot2 .right dl {
	width: 25%;
}

.foot2 .right dl dt {
	font-size: 1.042vw;
	margin-bottom: 1.458vw;
	font-weight: bold;
	color: #FFFFFF;
}

.foot2 .right dl dd {
	font-size: 0.938vw;
	margin-bottom: 1.042vw;
	color: #C7C7C7;
}

.foot2 .right dl dd:hover {
	color: #fff;
}

.foot2 .right .qr .pic {
	width: 5.625vw;
	margin-right: 2.188vw;
}

.btn-play {
	cursor: pointer;
	z-index: 5;
}

.btn-play i {
	color: #fff;
	font-size: 3.646vw;
	position: relative;
}

.btn-play i::after {
	content: '';
	display: block;
	width: 7.292vw;
	height: 7.292vw;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	animation: play ease 2s infinite;
}

@keyframes play {
	0% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(0.4);
	}

	80% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1);
	}
}

.mouse-down {
	width: 3.021vw;
	height: 3.021vw;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;
	position: relative;
	z-index: 5;
	cursor: pointer;
}

.mouse-down::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	animation: rotate-mouse-down 15s linear infinite;
}

@keyframes rotate-mouse-down {
	0% {
		transform: translate(-4%, -4%);
	}

	10% {
		transform: translate(-6%, -6%);
	}

	20% {
		transform: translate(4%, -6%);
	}

	30% {
		transform: translate(4%, -4%);
	}

	40% {
		transform: translate(6%, 6%);
	}

	50% {
		transform: translate(2%, 4%);
	}

	60% {
		transform: translate(-2%, 4%);
	}

	70% {
		transform: translate(-6%, 4%);
	}

	80% {
		transform: translate(-6%, 2%);
	}

	90% {
		transform: translate(-4%, 6%);
	}

	100% {
		transform: translate(-4%, 4%);
	}
}

.mouse-down span {
	display: block;
	width: 0.729vw;
	height: 1.042vw;
	border-radius: 7px;
	background: #fff;
	position: relative;
}

.mouse-down span::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 20%;
	transform: translate(-50%, 0);
	height: 0.208vw;
	border-right: 2px solid #C11920;
	animation: mouse 2s ease infinite alternate;
}

@keyframes mouse {
	0% {
		top: 20%;
	}

	100% {
		top: 60%;
	}
}

.C-banner {
	width: 100%;
	height: 100vh;
	position: relative;
}

.C-banner .pic {
	width: 100%;
	height: 100%;
}

.C-banner .intr {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 0 0 10.417vw;
}

.C-banner .intr b {
	display: inline-block;
	width: 2.5vw;
	height: 0.417vw;
	margin-bottom: 1.823vw;
	background: #FFFFFF;
}

.C-banner .intr h2 {
	font-size: 2.5vw;
	color: #FFFFFF;
}

.C-banner .intr h3 {
	font-size: 1.25vw;
	margin: 0.729vw 0 1.875vw;
	font-family: Poppins;
	color: #FFFFFF;
}

.C-banner .intr p {
	font-size: 0.833vw;
	line-height: 1.7;
	color: #FFFFFF;
	max-width: 40.781vw;
}

.C-banner .mouse-down {
	margin-top: 2.917vw;
}

.C-banner .mouse-down+span {
	margin-top: 2.917vw;
	margin-left: 1em;
	font-size: 0.833vw;
	font-weight: bold;
	color: #FFFFFF;
}

.C-banner .banner-tab {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4.01vw;
}

.C-banner .banner-tab .bar {
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.833vw;
	font-weight: bold;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;

	background: rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(0.521vw);
	backdrop-filter: blur(0.521vw);
	transition: all ease .6s;
}

.C-banner .banner-tab .bar:hover {
	background: rgba(255, 255, 255, 0.3);
}

.swiper-red .control .prev,
.swiper-red .control .next {
	width: 2.604vw;
	height: 2.604vw;
	cursor: pointer;
	background: transparent;
	transition: all ease .6s;
	position: relative;
}

.swiper-red .control .prev::after,
.swiper-red .control .next::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../image/chi.png') no-repeat center/100% 100%;
}

.swiper-red .control .prev:hover::after,
.swiper-red .control .next:hover::after {
	background: url('../image/chi.png') no-repeat center/100% 100%;
}


.swiper-red .control .prev i,
.swiper-red .control .next i {
	color: #979797;
	font-size: 1.042vw;
	transition: all ease .3s;
	position: relative;
	z-index: 3;
}

.swiper-red .control .prev:hover i,
.swiper-red .control .next:hover i {
	color: #fff;
}

.swiper-red .control .prev {
	transform: rotateY(180deg);
}

.C-paging .page {
	margin: 0 1.042vw;
}

.C-paging .page a {
	font-size: 0.833vw;
	margin: 0 0.521vw;
	font-weight: bold;
	color: #000000;
}

.C-paging .page a.on {
	color: #C11920;
}

/*
*======================================================media===============================================================
*/
@media screen and (max-width:1919px) {}

@media screen and (max-width:1519px) {}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1250px) {}

@media screen and (max-width:991px) {
	.body {
		padding-left: 0;
	}

	.head-slide {
		width: 100%;
		height: 66px;
	}

	.head-slide .head-slide-wrap {
		padding: 0 5%;
		justify-content: space-between;
		align-items: center;
	}

	.head-slide .head-slide-wrap::after {
		border-right: none;
		border-bottom: 2px solid #E1E1E1;
	}

	.head-slide .head-slide-wrap.open::after {
		border-right: none;
		border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	}

	.head-slide .logo {
		width: 50px;
	}

	.navbar-toggle {
		position: static;
		transform: none;
	}

	.head-slide .slide-links {
		position: fixed;
		width: 100%;
		height: 100%;
		transform: none;
	}

	.head-slide.open .slide-links {
		left: 0;
		justify-content: flex-start;
		text-align: left;
	}

	.head-slide .slide-links>div {
		width: auto;
		padding: 0 5%;
	}

	.head-slide .slide-links .link .down {
		position: absolute;
		left: 140%;
		top: 50%;
		min-width: 100%;
		width: max-content;
		transform: translate(0, -50%);
		border-left: none;
		height: max-content;
		align-items: flex-start;
		padding: 0 15px;
		background: rgba(0, 0, 0, 0.1);
		border-radius: 3px;
	}

	.head-slide .slide-links .link:hover .down {
		transform: translate(0, -50%);
	}

	.head-slide .slide-links .link .down::after {
		content: '';
		display: block;
		position: absolute;
		right: 100%;
		top: 50%;
		transform: translate(0, -50%);
		width: 16px;
		height: 2px;
		background: #fff;
	}

	.head-slide .slide-links .link {
		font-size: 22px;
		padding: 15px 0;
		width: auto;
		position: relative;
	}

	.head-slide .slide-links .link .down a {
		font-size: 18px;
		padding: 5px 0;
	}

	header .nav {
		display: none;
		width: calc(100% - 76px);
		padding: 50px 80px;
	}

	header .nav .link {
		font-size: 16px;
		margin: 0 33px;
	}

	header .nav .link>a {
		padding: 17px 8px;
	}

	header .nav .link .down::before {
		height: 4px;
		transform: translate(-50%, -16px);
	}

	header .nav .link .down a {
		padding: 15px 0;
		font-size: 14px;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}

	header .nav .btn-contact {
		padding: 12px 26px;
		font-size: 16px;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}

	header .nav .btn-contact i {
		font-size: 16px;
		margin-left: 10px;
	}

	header .nav .btn-contact:hover i {
		transform: translateX(5px);
	}

	.C-more {
		width: 130px;
		height: 40px;
		font-size: 14px;
	}

	.C-more::before,
	.C-more::after {
		top: 50%;
		width: 40px;
		height: 40px;
		border-right: 20px solid #eee;
		border-top: 20px solid #eee;
	}

	.C-more i {
		margin-left: 20px;
		font-size: 16px;
	}

	.C-more:hover i {
		transform: translateX(5px);
	}

	.C-title {
		font-size: 30px;
	}

	.C-title::before {
		width: 20px;
		height: 23px;
		left: -48px;
		top: 10px;
		transform: skew(-40deg);
	}

	.staticTitle .C-title::before {
		margin: 0 20px;
	}

	.foot1 {
		padding: 70px 0 94px;
	}

	.foot1 h2 {
		font-size: 32px;
		margin-bottom: 27px;
	}

	.foot1 b {
		width: 40px;
		height: 6px;
	}

	.foot1 p {
		max-width: 70%;
		font-size: 16px;
		margin: 26px auto;
	}

	.foot2 .left {
		width: 100%;
	}

	.foot2 .left .foot-form {
		padding: 44px 0 42px 8%;
	}

	.foot2 .left .foot-form h2 {
		font-size: 26px;
	}

	.foot2 .left .foot-form p {
		font-size: 16px;
		margin: 22px 0 37px;
	}

	.foot2 .left .foot-form input {
		width: 183px;
		height: 45px;
		padding: 10px;
		font-size: 16px;
	}

	.foot2 .left .foot-form button {
		width: 130px;
		height: 45px;
		font-size: 12px;
	}

	.foot2 .left .copy {
		width: 100%;
		padding: 20px 0 20px 8%;
		font-size: 14px;
	}


	.foot2 .right {
		width: 100%;
		padding: 40px 0 40px 8%;
	}

	.foot2 .right dl {
		display: none;
		width: 25%;
	}

	.foot2 .right dl dt {
		font-size: 20px;
		margin-bottom: 28px;
	}

	.foot2 .right dl dd {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.foot2 .right .qr .pic {
		width: 108px;
		margin-right: 42px;
	}

	.btn-play i {
		font-size: 50px;
	}

	.btn-play i::after {
		width: 100px;
		height: 100px;
	}

	.mouse-down {
		width: 48px;
		height: 48px;
	}

	.mouse-down span {
		width: 14px;
		height: 20px;
		border-radius: 7px;
	}

	.mouse-down span::after {
		left: 50%;
		top: 20%;
		height: 4px;
		border-right: 2px solid #C11920;
	}

	.C-banner .intr {
		padding: 0 0 0 200px;
	}

	.C-banner .intr b {
		width: 48px;
		height: 8px;
		margin-bottom: 35px;
	}

	.C-banner .intr h2 {
		font-size: 48px;
	}

	.C-banner .intr h3 {
		font-size: 24px;
		margin: 14px 0 36px;
	}

	.C-banner .intr p {
		font-size: 16px;
		max-width: 783px;
	}

	.C-banner .mouse-down {
		margin-top: 56px;
	}

	.C-banner .mouse-down+span {
		margin-top: 56px;
		font-size: 16px;
	}

	.C-banner .banner-tab {
		height: 47px;
	}

	.C-banner .banner-tab .bar {
		font-size: 14px;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}

	.swiper-red .control .prev,
	.swiper-red .control .next {
		width: 40px;
		height: 40px;
	}

	.swiper-red .control .prev i,
	.swiper-red .control .next i {
		font-size: 20px;
	}

	.C-paging .page {
		margin: 0 20px;
	}

	.C-paging .page a {
		font-size: 16px;
		margin: 0 10px;
	}

	.C-banner .intr {
		padding: 0 0 0 5%;
	}

	.C-banner .intr h2 {
		font-size: 28px;
	}

	.C-banner .intr h3 {
		font-size: 20px;
		margin: 14px 0 26px;
	}

	.C-banner .intr p {
		font-size: 14px;
	}

	.C-banner .mouse-down+span {
		font-size: 14px;
	}

}

@media screen and (max-width:768px) {
	.C-title {
		font-size: 24px;
	}

	.C-title::before {
		position: static;
		margin: 0 20px;
	}

	.foot1 h2 {
		font-size: 24px;
		margin-bottom: 17px;
	}

	.foot1 b {
		width: 40px;
		height: 4px;
	}

	.navbar-toggle .line-top,
	.navbar-toggle .line-middle,
	.navbar-toggle .line-bottom {
		width: 24px;
	}

	.foot1 p {
		max-width: 80%;
		font-size: 14px;
	}

	.foot2 .left .foot-form input {
		width: 200px;
		height: 40px;
		font-size: 14px;
	}

	.foot2 .left .foot-form button {
		width: 90px;
		height: 40px;
	}

	.open .line-top {
		-webkit-transform: rotate(45deg) translate(-1px, -2px);
		transform: rotate(45deg) translate(-1px, -2px);
	}
}

@media screen and (max-width:480px) {

	.C-title {
		font-size: 20px;
	}

	.C-title::before {
		width: 14px;
		height: 16px;
		left: -38px;
		margin: 0 10px;
	}

	.btn-play i {
		font-size: 40px;
	}

	.btn-play i::after {
		width: 80px;
		height: 80px;
	}

	.C-banner .intr {
		padding: 0 5%;
	}

	.C-banner .intr p {
		font-size: 12px;
	}

	.C-banner .intr h3 {
		font-size: 16px;
	}

	.C-banner .intr h2 {
		font-size: 24px;
	}

	.staticTitle .C-title::before {
		margin: 0 10px;
	}

	.head-slide .slide-links .link .down::after {
		width: 12px;
	}

	.head-slide .slide-links .link {
		font-size: 16px;
		padding: 10px 0;
	}

	.head-slide .slide-links .link .down a {
		font-size: 14px;
	}
}