body {
	overflow: hidden;
}



/*左侧菜单列表*/

.left-menu {
	z-index: 10;
	position: absolute;
	left: 0;
	top: 3.2rem;
}

.left-menu li {
	position: relative;
	margin: 0 0 0.5rem 0;
	font-size: 0.2rem;
	padding-left: 1.85rem;
	color: #fff;
	cursor: pointer;
	transition: color 0.3s, font-size 0.3s, font-weight 0.3s;
	-webkit-transition: color 0.3s, font-size 0.3s, font-weight 0.3s;
	-moz-transition: color 0.3s, font-size 0.3s, font-weight 0.3s;
	-ms-transition: color 0.3s, font-size 0.3s, font-weight 0.3s;

	background-image: -webkit-linear-gradient(left, #323232, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.left-menu li span {
	background-image: -webkit-linear-gradient(left, #323232, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.left-menu li:hover span {
	background-image: -webkit-linear-gradient(left, #4b0000, #ff0000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.left-menu .on {
	/* color: #f20000; */
	font-size: 0.22rem;
}

.left-menu .on span {
	background-image: -webkit-linear-gradient(left, #4b0000, #ff0000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.left-menu .on:after {
	content: "";
	width: 1.5rem;
	height: 1px;
	/* background: #f20000; */
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);

	background-image: -webkit-linear-gradient(left, #4b0000, #ff0000);
	/* 	-webkit-background-clip:text; 
	-webkit-text-fill-color:transparent; */
}


/*向下滚动提示*/

.slide-icon {
	cursor: pointer;
	position: fixed;
	background: url(../images/scroll.png) no-repeat center top;
	background-size: 0.35rem auto;
	width: .35rem;
	height: .35rem;
	left: 48.5%;
	bottom: 4%;
	z-index: 10;
	color: #b5b5b5;
	animation: slideI 2s infinite;
	-webkit-animation: slideI 2s infinite;
	-moz-animation: slideI 2s infinite;
	-ms-animation: slideI 2s infinite;
}

.slide-icon p {
	padding-top: 0.2rem;
}

@keyframes slideI {
	0% {
		transform: translateY(10px);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(10px);
	}
}

@-webkit-keyframes slideI {
	0% {
		transform: translateY(10px);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(10px);
	}
}

@-ms-keyframes slideI {
	0% {
		transform: translateY(10px);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(10px);
	}
}

@-moz-keyframes slideI {
	0% {
		transform: translateY(10px);
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(10px);
	}
}

/*背景图宽高*/

.bg-1,
.bg-2,
.bg-3,
.bg-4 {
	position: relative;
	width: 100%;
	height: 100%;
}

/*第一屏背景*/

.bg-1 {
	background: url(../images/p1_bj.jpg) no-repeat;
	background-size: cover;
}

/*第二屏背景*/
.bg-2 {
	background: url(../images/p2_bj.jpg) no-repeat;
	background-size: cover;
}

/*第三屏背景*/
.bg-3 {
	background: url(../images/p3_bj.jpg) no-repeat;
	background-size: cover;
}

/*第四屏背景*/
.bg-4 {
	background: url(../images/p4_bj.jpg) no-repeat;
	background-size: cover;
}

.logo {
	text-align: center;
	padding-top: 1.2rem;

}

.item {
	padding-top: .7rem;
	text-align: center;
}

.item .tit {
	font-size: 0.32rem;
	color: #f20000;
}

.item .white {
	color: #fff;
}

.item .bright {
	color: #8ce7de;
}

.item .eng {
	color: #fff;
	font-size: 0.222rem;
	padding-top: 0.17rem;
	/* font-weight: 100; */
}

.item .pink {
	color: #ff357a;
}

.icon-box {
	margin-top: 3.5%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.icon-box li {
	display: inline-block;
	margin-right: 1rem;
	text-align: center;
}

.icon-box li a {
	display: block;
}

.icon-box li img {
	width: .84rem;
	height: .84rem;
	transition: all 0.6s;
}


.icon-box li img:hover {
	transform: scale(1.1);
}

.icon-box li p {
	margin-top: .28rem;
	color: #fff;
	font-size: .232rem;
	padding-bottom: .1rem;

	background-image: -webkit-linear-gradient(bottom, #323232, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.icon-box li:last-child {
	margin-right: 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}



.p2-icon-box {
	margin-top: 5%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.p2-icon-box li {
	display: inline-block;
	margin-right: .8rem;
	text-align: center;
}

.p2-icon-box li img {
	width: .74rem;
	height: .74rem;
	transition: all 0.6s;
}


.p3-icon-box {
	margin-top: 5%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.p3-icon-box li {
	display: inline-block;
	margin-right: 1.7rem;
	text-align: center;
}

.p3-icon-box li img {
	width: .74rem;
	height: .74rem;
	transition: all 0.6s;
}




.p4-icon-box {
	margin-top: 5%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.p4-icon-box li {
	display: inline-block;
	margin-right: 1rem;
	text-align: center;
}

.p4-icon-box li img {
	width: .74rem;
	height: .74rem;
	transition: all 0.6s;
}




.bg-5 {
	width: 100%;
	height: 100%;
	background: #000000;

}

.p5_bj {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 0;
}

.bg-5 .list {
	width: 100%;
	padding: 3% 5%;
	background: #e8e7e7;
	position: relative;
	z-index: 1;
}

.bg-5 .list li {
	width: 32%;
	float: left;
	position: relative;
	margin-right: 2%;
	overflow: hidden;
}

.bg-5 .list li:last-child {
	margin-right: 0;
}

.bg-5 .list li img {
	width: 100%;
	transition: all 0.6s;
	vertical-align: top;
}

.bg-5 .list li:hover img {
	transform: scale(1.1);
}

.bg-5 .list li .cop-box {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	text-align: center;
	color: #fff;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.bg-5 .list li .cop-box .tit {
	font-size: .678rem;
	font-family: "[SourceHanSansCN]";
	color: rgba(255, 255, 255, .5);
	font-weight: 700;

}

.bg-5 .list li .cop-box .cop {
	font-size: 0.23rem;
}

.bg-5 .down {
	width: 100%;
	height: 4.1rem;
	padding: 3% 6% 0;
	position: relative;
	z-index: 1;
}

.bg-5 .down .detail {
	color: #f50000;
	font-size: 0.24rem;
	margin-bottom: 2%;
	letter-spacing: 5px;
	background-image: -webkit-linear-gradient(left, #500000, #f50000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	position: relative;
}

.bg-5 .down .detail:after {
	content: "";
	width: .23rem;
	height: .13rem;
	background: url(../images/icon1.png) no-repeat;
	position: absolute;
	right: -.35rem;
	top: 50%;
	transform: translateY(-50%);
}


.bg-5 .down .detail span {
	width: .1rem;
	display: inline-block;
}

.bg-5 .down .address,
.tel {
	color: #FFFFFF;
	font-size: 0.227rem;

}

.bg-5 .down .address {
	margin-top: 3%;
	/* 	background: url(../images/icon/address-icon.png) no-repeat left center;
	background-size: 0.14rem auto; */
	text-indent: 2.5em;
}

.bg-5 .down .tel {
	margin-top: 0.1rem;
	/* 	background: url(../images/icon/tel-icon.png) no-repeat left center;
	background-size: 0.18rem auto; */
	text-indent: 2.5em;
}

.bg-5 .down .ic {
	width: 100%;
	text-align: center;
	/* position: absolute; */
	bottom: 0;
	color: #fff;
	margin-top: 7%;
}

.bg-5 .down .ic span {
	width: 1rem;
	display: inline-block;
}