.banner[data-v-fe01c3b8] {
	width: 100%;
	position: relative;
	margin-top:80px;
}

.banner .swiper[data-v-fe01c3b8] {
	height: 100%
}

.banner .swiper .item[data-v-fe01c3b8] {
	position: relative;
	overflow: hidden
}

.banner .swiper .item img[data-v-fe01c3b8] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	z-index: 1;
	cursor: pointer;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s;
	transition: all 2s
}

.banner .swiper .item .text[data-v-fe01c3b8] {
	z-index: 10;
	position: absolute;
	left: 10%;
	top: 45%;
	width: 80%;
	color: transparent
}

.banner .swiper .item .text .cn[data-v-fe01c3b8] {
	text-align: center;
	font-size: 26px;
	font-family: "SourceHanSerifCN-Medium";
	color: #fff;
	-webkit-transform: translate3d(-50%,0,0) skewX(-60deg);
	transform: translate3d(-50%,0,0) skewX(-60deg);
	opacity: 0;
	-webkit-transition: all 2s;
	transition: all 2s
}

.banner .swiper .item .text .btn[data-v-fe01c3b8] {
	width: 160px;
	height: 50px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	font-family: "SourceHanSerifCN-Medium";
	margin: 0 auto;
	line-height: 50px;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transform: translate3d(50%,0,0) skewX(-60deg);
	transform: translate3d(50%,0,0) skewX(-60deg);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	z-index: 100000;
	margin-top: 60px;
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

.banner .swiper .item .text .btn[data-v-fe01c3b8]:hover {
	background: #333137;
	color: #fff
}

.banner .swiper .swiper-slide-active img[data-v-fe01c3b8] {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.banner .swiper .swiper-slide-active .text .btn[data-v-fe01c3b8],.banner .swiper .swiper-slide-active .text .cn[data-v-fe01c3b8] {
	-webkit-transform: translateZ(0) skew(0);
	transform: translateZ(0) skew(0);
	opacity: 1
}

.banner .swiper2[data-v-fe01c3b8] {
	display: none;
	width: 100%
}

.banner .swiper2 .item[data-v-fe01c3b8] {
	position: relative;
	overflow: hidden;
	height: 500px
}

.banner .swiper2 .item img[data-v-fe01c3b8] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	z-index: 1;
	cursor: pointer;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s;
	transition: all 2s
}

.banner .swiper2 .item .text[data-v-fe01c3b8] {
	z-index: 10;
	position: absolute;
	left: 10%;
	top: 45%;
	width: 80%;
	color: transparent
}

.banner .swiper2 .item .text .cn[data-v-fe01c3b8] {
	text-align: center;
	font-size: 25px;
	font-family: "SourceHanSerifCN-Medium";
	color: #fff;
	-webkit-transform: translate3d(-50%,0,0) skewX(-60deg);
	transform: translate3d(-50%,0,0) skewX(-60deg);
	opacity: 0;
	-webkit-transition: all 2s;
	transition: all 2s
}

.banner .swiper2 .item .text .btn[data-v-fe01c3b8] {
	width: 100px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	font-family: "SourceHanSerifCN-Medium";
	margin: 0 auto;
	line-height: 35px;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transform: translate3d(50%,0,0) skewX(-60deg);
	transform: translate3d(50%,0,0) skewX(-60deg);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	z-index: 100000;
	margin-top: 60px;
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}

.banner .swiper2 .item .text .btn[data-v-fe01c3b8]:hover {
	background: #333137;
	color: #fff
}

.banner .swiper2 .swiper-slide-active img[data-v-fe01c3b8] {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.banner .swiper2 .swiper-slide-active .text .btn[data-v-fe01c3b8],.banner .swiper2 .swiper-slide-active .text .cn[data-v-fe01c3b8] {
	-webkit-transform: translateZ(0) skew(0);
	transform: translateZ(0) skew(0);
	opacity: 1
}

.banner .button-next[data-v-fe01c3b8],.banner .button-prev[data-v-fe01c3b8] {
	-webkit-transition: .5s;
	transition: .5s;
	outline: none;
	position: absolute;
	width: 140px;
	z-index: 10;
	top: 50vh;
	-webkit-transform: translateY(-34px);
	transform: translateY(-34px);
	cursor: pointer
}

.banner .button-next svg[data-v-fe01c3b8],.banner .button-prev svg[data-v-fe01c3b8] {
	-webkit-transition: .5s;
	transition: .5s
}

.banner .button-prev[data-v-fe01c3b8] {
	left: 4vw
}

.banner .button-prev #arrow-svg-home[data-v-fe01c3b8] {
	-webkit-transform: translateY(353px);
	transform: translateY(353px)
}

.banner .button-next[data-v-fe01c3b8] {
	right: 4vw
}

.banner .button-next #arrow-svg-home[data-v-fe01c3b8] {
	-webkit-transform: translateY(353px) rotateY(180deg);
	transform: translateY(353px) rotateY(180deg);
	-webkit-transform-origin: 80px 0 0;
	transform-origin: 80px 0 0
}

.banner .cls-1[data-v-fe01c3b8] {
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform-origin: -20px 40px;
	transform-origin: -20px 40px;
	opacity: 1
}

.banner .cls-4[data-v-fe01c3b8] {
	-webkit-transition: .5s;
	transition: .5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: .4;
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0
}

.banner #arrow-trg[data-v-fe01c3b8] {
	-webkit-transition: .5s;
	transition: .5s;
	fill: #fff;
	-webkit-transform: rotateY(180deg) translate(-53px,39px);
	transform: rotateY(180deg) translate(-53px,39px)
}

.banner #line[data-v-fe01c3b8] {
	-webkit-transition: .5s;
	transition: .5s;
	stroke: #fff;
	-webkit-transform: translate(50px,42px);
	transform: translate(50px,42px)
}

.banner .button:hover svg[data-v-fe01c3b8] {
	-webkit-transform: translateX(25px);
	transform: translateX(25px)
}

.banner .button:hover .cls-1[data-v-fe01c3b8] {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.banner .button:hover .cls-4[data-v-fe01c3b8] {
	stroke-dasharray: 2px;
	stroke-dashoffset: 2px;
	opacity: 1
}

.banner .button:hover #arrow-trg[data-v-fe01c3b8] {
	-webkit-transform: rotateY(180deg) translate(-37px,39px);
	transform: rotateY(180deg) translate(-37px,39px)
}

.banner .button:hover #line[data-v-fe01c3b8] {
	-webkit-transform: translate(35px,42px) scaleX(.33);
	transform: translate(35px,42px) scaleX(.33)
}

@media screen and (max-width:1000px) {
	.banner[data-v-fe01c3b8] {
	margin-top:50px;
    }
	.banner .swiper[data-v-fe01c3b8] {
		display: none
	}

	.banner .swiper .item img[data-v-fe01c3b8] {
		height: 600px
	}

	.banner .swiper2[data-v-fe01c3b8] {
		display: block
	}

	.banner .swiper2 .item .text .cn[data-v-fe01c3b8] {
		font-size: 20px
	}
}

.banner .swiper-pagination[data-v-fe01c3b8] {
	bottom: 10%;
	width: 100%;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.banner .swiper-pagination[data-v-fe01c3b8] .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	margin-left: 30px
}

.banner .swiper-pagination[data-v-fe01c3b8] .swiper-pagination-bullet:focus {
	outline: none
}

.mpro[data-v-3adb74c4] {
	width: 100%
}

.mpro .title[data-v-3adb74c4] {
	width: 180px;
	height: 80px;
	background: #1d191a;
	text-align: center;
	line-height: 80px;
	color: #fff;
	margin: 0 auto;
	font-family: "SourceHanSerifCN-Medium";
	cursor: pointer;
	margin-top:60px;
}

.mpro .allItems[data-v-3adb74c4] {
	width: 1440px;
	margin: 60px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.mpro .allItems .item[data-v-3adb74c4] {
	width: 30%;
	margin-left: 1%;
	background: #f8f8f6;
	/*-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);*/

	position: relative;
	padding: 50px 0;
	margin-top: 30px;
	cursor: pointer
}

.mpro .allItems .item .one[data-v-3adb74c4] {
	position: absolute;
	width: 100%;
	-webkit-transition: all .6s;
	transition: all .6s;
	top: 90px;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.mpro .allItems .item .one p[data-v-3adb74c4] {
	font-family: "SourceHanSerifCN-Medium";
	margin-top: 20px;
	font-size: 14px
}

.mpro .allItems .item .two[data-v-3adb74c4] {
	width: 100%;
	text-align: center;
	-webkit-transition: all .6s;
	transition: all .6s;
	-webkit-transform: scale(0);
	transform: scale(0)
}
.mpro .allItems .item .two img[data-v-3adb74c4]{ max-width:100%;}

.mpro .allItems .item .two p[data-v-3adb74c4] {
	font-size: 14px;
	font-family: "SourceHanSerifCN-Medium"
}

.mpro .allItems .item:hover .one[data-v-3adb74c4] {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.mpro .allItems .item:hover .two[data-v-3adb74c4] {
	-webkit-transform: scale(1);
	transform: scale(1)
}

/*.mpro .allItems .item:nth-child(5) .one[data-v-3adb74c4] {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.mpro .allItems .item:nth-child(5) .two[data-v-3adb74c4] {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.mpro .allItems .item:nth-child(5) .two img[data-v-3adb74c4] {
	margin-top: 10px
}

.mpro .allItems .item:nth-child(5):hover .one[data-v-3adb74c4] {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.mpro .allItems .item:nth-child(5):hover .two[data-v-3adb74c4] {
	-webkit-transform: scale(0);
	transform: scale(0)
}*/

.mpro .allItems .item:nth-child(7) .two img[data-v-3adb74c4] {
	margin-top: 70px
}

@media screen and (max-width:1440px) {
	.mpro .allItems[data-v-3adb74c4] {
		width: 90%
	}
}

@media screen and (max-width:1000px) {
	.mpro .title[data-v-3adb74c4] {
		width: 100px;
		height: 50px;
		line-height: 50px;
		margin-top:30px;
	}

	.mpro .allItems[data-v-3adb74c4] {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin: 30px auto;
	}

	.mpro .allItems .item[data-v-3adb74c4] {
		width: calc(33.33% - 10px);
		margin-left: 5px;
		margin-right:5px;
		margin-top: 10px;
	}
}

.newsbg{background:#fdfdfd url(../images/newsbg-1.png) no-repeat center top; padding-top:60px;padding-bottom:60px;}
.index_news_item{ width:16%; margin:0px 2%; background:#fefefe; box-shadow: 0px 0px 6px #888888; float:left;}
.index_news_item:nth-child(even){ margin-top:150px;}
.index_news_item_margintop{margin-top:150px;}
.index_news_item_img{ overflow:hidden;}
.index_news_item_img img{ width:100%; height:auto;
                          -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .6s;
    transition: all .6s;
                          }
.index_news_item_name{ height:auto; line-height:24px; overflow:hidden; margin-top:20px; padding:0px 20px;}
.index_news_item_time{ height:24px; line-height:24px; overflow:hidden;margin-bottom:20px;padding:0px 20px;}
.content1_mobile{ display:none; margin:0 auto; margin-top:50px; width:calc(90% + 20px);}
.content1_mobile_item{ width:calc(50% - 20px); display:inline-block; text-align:center; margin:10px ; font-size:14px;}
.content1_mobile_item img{ width:100%;}
.mobileprotype{display:none; margin:0 auto; margin-top:50px; width:calc(90% + 20px);}
.mobileprotype a{ display:block; background:#fff; border:1px solid #ddd; margin:10px; line-height:45px; padding:10px; text-align:center;}
.mobileprotype a img{ display:block; max-height:40px; margin:0 auto;}
.index_news_more{text-align:right; margin-right:2%; margin-top:30px;}
.index_news_item:hover .index_news_item_img img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
@media screen and (max-width: 1000px)
{
    .index_news_item{ width:96%; margin:20px 2%; background:#fefefe; box-shadow: 0px 0px 6px #888888; float:left;}
    .index_news_item:nth-child(even){ margin-top:20px;}
    .index_news_item_margintop{margin-top:20px;}
    .content1_mobile{ display:block; margin-top:30px; font-size:0px;}
    .mobileprotype{display:block;margin-top:30px;}
    .newsbg {
    background: #fdfdfd url(../images/newsbg-1.png) no-repeat center top;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size:auto 350px;}
    .mpro .allItems .item .one[data-v-3adb74c4] {
	top: 20px;}
	.mpro .allItems .item .one img{ max-height:30px;}
    .mpro .allItems .item .two[data-v-3adb74c4] 
    {
        display:none;
	}
    .mpro .allItems .item .one p[data-v-3adb74c4] {
	margin-top: 10px;}
	.index_vr_icon{ width:50px;}
	
}

.news[data-v-73e4af28] {
	width: 1440px;
	margin: 0 auto;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	
	
}

.news .title[data-v-73e4af28] {
	width: 180px;
	height: 80px;
	background: #1d191a;
	text-align: center;
	line-height: 80px;
	color: #fff;
	margin: 0 auto;
	cursor: pointer;
	font-family: "SourceHanSerifCN-Medium";
	margin-top:0px;
}

.news .content[data-v-73e4af28] {
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 60px
}

.news .content .left[data-v-73e4af28],.news .content[data-v-73e4af28] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.news .content .left[data-v-73e4af28] {
	width: 63%;
	-webkit-box-shadow: 8px 14px 38px 0 rgba(0,0,0,.1);
	box-shadow: 8px 14px 38px 0 rgba(0,0,0,.1);
	cursor: pointer;
	position: relative
}

.news .content .left img[data-v-73e4af28] {
	width: 40%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%
}

.news .content .left .nInfo[data-v-73e4af28] {
	width: 60%;
	background-color: #fff;
	padding:30px 0px;
}

.news .content .left .nInfo p[data-v-73e4af28] {
	width: 80%;
	margin-left: 10%
}

.news .content .left .nInfo p[data-v-73e4af28]:first-child {
	color: #999;
	font-family: "SourceHanSerifCN-Medium"
}

.news .content .left .nInfo p[data-v-73e4af28]:nth-child(2) {
	color: #333;
	font-size: 18px;
	font-family: "SourceHanSerifCN-Medium";
	margin: 30px auto
}

.news .content .left .nInfo p[data-v-73e4af28]:nth-child(3) {
	color: #999;
	font-family: "SourceHanSerifCN-Medium";
	line-height: 34px;
	font-size: 14px
}

.news .content .left .add[data-v-73e4af28] {
	width: 47px;
	background: #333137;
	position: absolute;
	top: 0;
	height: 100%;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .6s;
	transition: all .6s;
	opacity: 0
}

.news .content .left:hover .add[data-v-73e4af28] {
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
	opacity: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.news .content .left:hover .add i[data-v-73e4af28] {
	color: #fff
}

.news .content .r[data-v-73e4af28] {
	width: 30%
}

.news .content .r .one[data-v-73e4af28] {
	width: 100%;
	position: relative;
	cursor: pointer
}

.news .content .r .one img[data-v-73e4af28] {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

.news .content .r .one .ocon[data-v-73e4af28] {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(49,47,47,.7);
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.news .content .r .one .ocon p[data-v-73e4af28] {
	text-align: center;
	color: #fff;
	font-family: "SourceHanSerifCN-Medium";
	font-size: 14px;
	line-height: 35px
}

.news .content .r .one .ocon p[data-v-73e4af28]:nth-child(2) {
	font-size: 16px
}

.news .content .r .one .add[data-v-73e4af28] {
	width: 47px;
	background: #333137;
	position: absolute;
	top: 0;
	height: 100%;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .6s;
	transition: all .6s;
	opacity: 0
}

.news .content .r .one:hover .add[data-v-73e4af28] {
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
	opacity: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.news .content .r .one:hover .add i[data-v-73e4af28] {
	color: #fff
}

.news .content .r .one[data-v-73e4af28]:nth-of-type(2) {
	margin: 15px 0
}
.news .content .r .one[data-v-73e4af28]:nth-of-type(4) {
	margin: 15px 0 0 0
}

@media screen and (max-width:1440px) {
	.news[data-v-73e4af28] {
		width: 90%
	}
}

@media screen and (max-width:1000px) {
	.news .title[data-v-73e4af28] {
		width: 100px;
		height: 50px;
		line-height: 50px;
	}
    .news .content[data-v-73e4af28] {
    margin-top: 30px;}
	.news .content .left[data-v-73e4af28],.news .content[data-v-73e4af28] {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.news .content .left img[data-v-73e4af28] {
		width: 100%;
		height: 200px
	}

	.news .content .left .nInfo[data-v-73e4af28] {
		width: 100%;
		margin: 15px auto
	}

	.news .content .left .nInfo p[data-v-73e4af28] {
		width: 90%
	}

	.news .content .left .nInfo p[data-v-73e4af28]:nth-child(2) {
		font-size: 14px
	}

	.news .content .left .nInfo p[data-v-73e4af28]:first-child,.news .content .left .nInfo p[data-v-73e4af28]:nth-child(3) {
		margin: 0 auto
	}

	.news .content .left:hover .add[data-v-73e4af28] {
		display: none
	}

	.news .content .left[data-v-73e4af28],.news .content .r[data-v-73e4af28] {
		width: 100%
	}

	.news .content .r[data-v-73e4af28] {
		display: none;
		margin-top: 30px
	}

	.news .content .r .one:hover .add[data-v-73e4af28] {
		display: none
	}
}

.customer[data-v-769fc29a] {
	width: 100%;
	-webkit-animation: polygon-data-v-769fc29a 2s linear forwards;
	animation: polygon-data-v-769fc29a 2s linear forwards
}

.customer .title[data-v-769fc29a] {
	width: 180px;
	height: 80px;
	background: #1d191a;
	text-align: center;
	line-height: 80px;
	color: #fff;
	margin: 0 auto;
	font-family: "SourceHanSerifCN-Medium";
	cursor: pointer;
	margin-top:60px;
	
}

.customer .content1[data-v-769fc29a] {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 60px auto;
	 background:#1d191a url(../images/fengqingbg-2.png) no-repeat center top;
	  padding-top:40px;
}

.customer .content1 div[data-v-769fc29a] {
	width: 25%;
	cursor: pointer;
	overflow: hidden;
	position: relative
}

.customer .content1 div em[data-v-769fc29a] {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	position: absolute;
	left: 0;
	top: 0
}

.customer .content1 div img[data-v-769fc29a] {
	width: 100%;
	display: block;
	-webkit-transition: all .6s;
	transition: all .6s;
	-o-object-fit: cover;
	object-fit: cover
}

.customer .content1 div .nr[data-v-769fc29a] {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
	width: 100%;
	height: 100%;
	background-color: #333137;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.customer .content1 div .nr p[data-v-769fc29a] {
	color: #fff;
	font-size: 14px;
	font-family: nm;
	-webkit-transition: all .6s;
	transition: all .6s
}

.customer .content1 div:hover img[data-v-769fc29a] {
	opacity: 0
}

.customer .content1 div:hover .nr[data-v-769fc29a] {
	opacity: 1
}

.customer .content2[data-v-769fc29a] {
	width: 100%;
	display: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 60px auto
}

.customer .content2 .swiper .item div[data-v-769fc29a] {
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	position: relative
}

.customer .content2 .swiper .item div em[data-v-769fc29a] {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	position: absolute;
	left: 0;
	top: 0
}

.customer .content2 .swiper .item div img[data-v-769fc29a] {
	width: 100%;
	display: block;
	-webkit-transition: all .6s;
	transition: all .6s;
	-o-object-fit: cover;
	object-fit: cover
}

.customer .content2 .swiper .item div .nr[data-v-769fc29a] {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
	width: 100%;
	height: 100%;
	background-color: #333137;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.customer .content2 .swiper .item div .nr p[data-v-769fc29a] {
	color: #fff;
	font-size: 14px;
	font-family: nm;
	-webkit-transition: all .6s;
	transition: all .6s
}

.customer .content2 .swiper .item div:hover img[data-v-769fc29a] {
	opacity: 0
}

.customer .content2 .swiper .item div:hover .nr[data-v-769fc29a] {
	opacity: 1
}

@-webkit-keyframes polygon-data-v-769fc29a {
	0% {
		-webkit-clip-path: polygon(0 0,0 100%,0 100%,0 0);
		clip-path: polygon(0 0,0 100%,0 100%,0 0);
		opacity: 0
	}

	to {
		-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		opacity: 1
	}
}

@keyframes polygon-data-v-769fc29a {
	0% {
		-webkit-clip-path: polygon(0 0,0 100%,0 100%,0 0);
		clip-path: polygon(0 0,0 100%,0 100%,0 0);
		opacity: 0
	}

	to {
		-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		opacity: 1
	}
}

@media screen and (max-width:1000px) {
	.customer .title[data-v-769fc29a] {
		width: 100px;
		height: 50px;
		line-height: 50px;
		margin-top: 0px;
	}

	.customer .content1[data-v-769fc29a] {
		display: none
	}

	.customer .content2[data-v-769fc29a] {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.customer .content2 div[data-v-769fc29a] {
		width: 100%;
		margin-top: 10px
	}

	.customer .content2 div:hover .nr[data-v-769fc29a] {
		margin-top: 0
	}
}

.home[data-v-23e58d4d] {
	width: 100%;
	-webkit-animation: run5-data-v-23e58d4d 1s linear forwards;
	animation: run5-data-v-23e58d4d 1s linear forwards
}

@-webkit-keyframes run5-data-v-23e58d4d {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes run5-data-v-23e58d4d {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.home .main[data-v-23e58d4d] {
	width: 100%
}

.home .main .fg[data-v-23e58d4d] {
	width: 100%;
	position: relative;
	-webkit-animation: polygon-data-v-23e58d4d 2s linear forwards;
	animation: polygon-data-v-23e58d4d 2s linear forwards
}

.home .main .fg img[data-v-23e58d4d] {
	width: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover
}

.home .main .fg .text[data-v-23e58d4d] {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 40%
}

.home .main .fg .text p[data-v-23e58d4d]:first-child {
	font-family: "SourceHanSerifCN-Medium";
	font-size: 26px;
	color: #fff;
	margin-bottom: 40px
}

.home .main .fg .text span[data-v-23e58d4d] {
	cursor: pointer
}

.home .main .fg .text span i[data-v-23e58d4d] {
	font-size: 50px;
	color: #fff
}

.home .foot[data-v-23e58d4d] {
	-webkit-animation-duration: 5s;
	animation-duration: 5s
}

@-webkit-keyframes transition1-data-v-23e58d4d {
	0% {
		-webkit-transform: translate(-100px,100px);
		transform: translate(-100px,100px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes transition1-data-v-23e58d4d {
	0% {
		-webkit-transform: translate(-100px,100px);
		transform: translate(-100px,100px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@-webkit-keyframes transition2-data-v-23e58d4d {
	0% {
		-webkit-transform: translate(100px,-100px);
		transform: translate(100px,-100px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes transition2-data-v-23e58d4d {
	0% {
		-webkit-transform: translate(100px,-100px);
		transform: translate(100px,-100px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@-webkit-keyframes polygon-data-v-23e58d4d {
	0% {
		-webkit-clip-path: polygon(0 0,0 100%,0 100%,0 0);
		clip-path: polygon(0 0,0 100%,0 100%,0 0);
		opacity: 0
	}

	to {
		-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		opacity: 1
	}
}

@keyframes polygon-data-v-23e58d4d {
	0% {
		-webkit-clip-path: polygon(0 0,0 100%,0 100%,0 0);
		clip-path: polygon(0 0,0 100%,0 100%,0 0);
		opacity: 0
	}

	to {
		-webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
		opacity: 1
	}
}

@media screen and (max-width:1440px) {
	.home .main .about[data-v-23e58d4d] {
		width: 90%
	}

	.home .main .about .ln[data-v-23e58d4d] {
		width: 100%
	}
}

@media screen and (max-width:1000px) {
	.home .main .about .content[data-v-23e58d4d] {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.home .main .about .content .left[data-v-23e58d4d],.home .main .about .content .right[data-v-23e58d4d] {
		width: 100%;
		margin-left: 0;
		position: static
	}

	.home .main .about .content .left .t1 p[data-v-23e58d4d]:first-child {
		font-size: 24px
	}

	.home .main .about .ln .allItems[data-v-23e58d4d] {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.home .main .about .ln .allItems .item[data-v-23e58d4d] {
		width: 33%
	}
	.home .main .fg .text[data-v-23e58d4d] {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 15%
}
}

a,body,li,p,ul {
	margin: 0;
	padding: 0
}

a,li,p,ul {
	text-decoration: none;
	color: #000
}

.el-input {
	width: 45%!important
}

.el-input,.el-textarea {
	margin-left: 5%;
	margin-top: 30px
}

.el-textarea {
	width: 95%
}

input:focus,textarea:focus {
	border-color: #dcdfe6!important;
	outline: 0
}

textarea:focus {
	resize: none!important
}

.donghua {
	height: 100vh;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	color: #fff;
	background-color: #000;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

#app {
	font-family: Source Sans Pro,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	overflow: hidden
}

#page {
	-webkit-transition: .4s;
	transition: .4s;
	position: relative;
	z-index: 102
}

#page.menushow {
	-webkit-transform: translate(35%);
	transform: translate(35%)
}

#scroller-wrapper {
	position: relative;
	height: 100vh;
	overflow: hidden
}

.scrollbar-thumb {
	background-color: #145358!important
}

.scrollbar-thumb,.scrollbar-track-y {
	width: 3px!important
}

.loader-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 111;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.loader-wrap:before {
	left: 0;
	-webkit-animation-name: zoom;
	animation-name: zoom;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.loader-wrap:after,.loader-wrap:before {
	content: "";
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #000;
	-webkit-animation-duration: 4s;
	animation-duration: 4s
}

.loader-wrap:after {
	right: 0;
	-webkit-animation-name: zoom2;
	animation-name: zoom2;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes zoom {
	0% {
		width: 50%;
		left: 0
	}

	25% {
		width: 0;
		left: 0
	}

	75% {
		width: 0;
		left: 50%
	}

	to {
		width: 50%;
		left: 50%
	}
}

@keyframes zoom {
	0% {
		width: 50%;
		left: 0
	}

	25% {
		width: 0;
		left: 0
	}

	75% {
		width: 0;
		left: 50%
	}

	to {
		width: 50%;
		left: 50%
	}
}

@-webkit-keyframes zoom2 {
	0% {
		width: 50%;
		right: 0
	}

	25% {
		width: 0;
		right: 0
	}

	75% {
		width: 0
	}

	to {
		width: 50%;
		right: 50%
	}
}

@keyframes zoom2 {
	0% {
		width: 50%;
		right: 0
	}

	25% {
		width: 0;
		right: 0
	}

	75% {
		width: 0
	}

	to {
		width: 50%;
		right: 50%
	}
}

.loader-wrap .logo {
	position: absolute;
	bottom: 50%;
	margin-bottom: 32px;
	z-index: 100
}

.loader-wrap .num {
	position: absolute;
	top: 50%;
	margin-top: 20px;
	font-size: 19px;
	color: #000;
	font-family: Embassy BT;
	z-index: 100
}

.loader-wrap .loadingbar {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: 1000;
	background-color: #ececec
}

.loader-wrap .loadingbar .processbar {
	width: 0;
	height: 1px;
	background-color: #000
}

@media(max-width:768px) {
	.loader-wrap {
		border-width: 20px
	}
}