.con[data-v-0a7d7b8a] {
	width: 100%;
	-webkit-animation: run5-data-v-0a7d7b8a 1s linear forwards;
	animation: run5-data-v-0a7d7b8a 1s linear forwards;
	position: relative;
	overflow: hidden
}

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

	to {
		opacity: 1
	}
}

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

	to {
		opacity: 1
	}
}

.con .banner[data-v-0a7d7b8a] {
	width: 100%;
	position: relative;
	overflow: hidden
}

.con .banner img[data-v-0a7d7b8a] {
	display: block;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-animation: sbig-data-v-0a7d7b8a 2s linear forwards;
	animation: sbig-data-v-0a7d7b8a 2s linear forwards
}

@-webkit-keyframes sbig-data-v-0a7d7b8a {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-filter: blur(5px);
		filter: blur(5px)
	}

	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-filter: blur(0);
		filter: blur(0)
	}
}

@keyframes sbig-data-v-0a7d7b8a {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-filter: blur(5px);
		filter: blur(5px)
	}

	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-filter: blur(0);
		filter: blur(0)
	}
}

.con .banner .text[data-v-0a7d7b8a] {
	position: absolute;
	left: 0;
	top: 30%;
	width: 100%;
	text-align: center;
	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
}

.con .banner .text .content p[data-v-0a7d7b8a]:first-child {
	font-family: "SourceHanSerifCN-Medium";
	font-size: 26px;
	margin-bottom: 0px
}

.con .banner .text .content p[data-v-0a7d7b8a]:nth-child(2) {
	font-family: "SourceHanSerifCN-Medium";
	line-height: 27px;
	font-size: 12px
}

.con .banner .text p[data-v-0a7d7b8a] {
	color: #fff
}

.con .banner .text .bottom[data-v-0a7d7b8a] {
	margin-top: 100px
}

.con .banner .text .bottom a[data-v-0a7d7b8a] {
	color: #fff;
	font-family: "SourceHanSerifCN-Medium";
	-webkit-transition: all .6s;
	transition: all .6s;
	display: inline-block;
	font-size: 14px;
	margin-left: 5px
}

.con .banner .text .bottom a[data-v-0a7d7b8a]:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.con .main[data-v-0a7d7b8a] {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	z-index: 1000;
	background: #fff;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	/*-webkit-box-shadow: 11px 16px 51px 0 rgba(0,0,0,.05);
	box-shadow: 11px 16px 51px 0 rgba(0,0,0,.05)*/
}
.con .main .main_con[data-v-0a7d7b8a] {width: 100%;margin: 0 auto; max-width:1440px;}/*width: 1440px;*/
.aboutInfoimg img{ width:100%;}

.con .main .proInfo[data-v-0a7d7b8a] {
	width: 90%;
	margin: 60px auto;
	position: relative
}

.con .main .proInfo .info[data-v-0a7d7b8a] {
	width: 100%;
	/*-webkit-animation: left1-data-v-0a7d7b8a 1s linear forwards;
	animation: left1-data-v-0a7d7b8a 1s linear forwards;*/
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction:row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
}
.infopadding{padding-top:60px;}
.rightcon{margin-left:10%; margin-top:30px; font-size:14px; line-height:24px;}
.joinbannertxt{text-align:left;    margin-left: 30%;}
.joinbannertxt p{ margin-top:10px;}
.rightcon_name{ line-height:30px; text-align:center; font-size:14px;}
.rightcon_input input{ display:block; width:80%; margin:10px auto; background:#dcdedd;font-size:14px; height:20px; line-height:20px; text-align:left; padding:5px; border:0px;}
.rightcon_input textarea{ display:block; width:80%; margin:10px auto; background:#dcdedd;font-size:14px; height:80px; line-height:20px; text-align:left; padding:5px; border:0px;}
.rightcon_btn{ margin-top:30px;}
.rightcon_btn a{ display:block; width:50%; margin:10px auto; background:#dcdedd;font-size:14px; height:20px; line-height:20px; text-align:center; padding:5px;}
.joinlcicon{ margin:30px 0px;}
.con .main .proInfo .mInfo3 .joinlcicon img{ width:80px;}
.joinlcicon a{ display:inline-block; width:16%;}
.joinmap{ width:70%;}
.joinmap img{ width:100%;}
.joinlcithe{ width:60%; margin:20px auto; text-align:center; font-size:14px;}
.coop_hz_num{ font-size:0px;}
.coop_hz_num_item{ display:inline-block; width:20%; text-align:center; line-height:30px; font-size:14px;}
.coop_hz_num_item_s span{ font-size:35px; font-weight:bold;}
.coop_hz_num_item_anmintate{
            animation: hz_num_animated_div 1s infinite;
            -moz-animation: hz_num_animated_div 1s infinite;
            -webkit-animation: hz_num_animated_div 1s infinite;
            -o-animation: hz_num_animated_div 1s infinite;
        }
         @-webkit-keyframes hz_num_animated_div
        {
            0%{top:0;}
            100%{top:50px;}
        }
        .coop_hz_con{ font-size:0px; margin-top:50px;}
        .coop_hz_con_item{ width:44%; display:inline-block; padding-left:6%; margin-bottom:20px;}
        .coop_hz_con_item_title{ font-size:18px; line-height:30px;}
        .coop_hz_con_item_title span{ display:inline-block; width:6px; height:6px; border-radius:6px; background:#666; margin-right:10px;}
        .coop_hz_con_item_the{ font-size:14px; line-height:24px; color:#666;}
        .coop_hz_lc{ padding:30px;}
        .main_con_fengqing img{ max-width:100%; display:block; margin:0 auto;}
        .con .top[data-v-0a7d7b8a] {
    height: 80px;
}
.mInfoTile{margin:0px; text-align:center; line-height:50px; font-size:20px; padding:20px 0px;}
.about_info_con{ max-width:1107px; margin:0 auto;
                 /*-webkit-animation: left1-data-v-0a7d7b8a 1s linear forwards;
    animation: left1-data-v-0a7d7b8a 1s linear forwards;*/
                 display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
                 }
.about_info_con_pc{ display:block;}
.about_info_con_mobile{ display:none;}
@media screen and (max-width: 1000px)
{
    .con .main .main_con[data-v-0a7d7b8a]{ width:100%;}
    .con .main .proInfo .info[data-v-0a7d7b8a]{-ms-flex-direction: column;flex-direction:column;}
    .rightcon{ margin-left:0px;}
    .joinmap{ width:150%;}
    .joinlcithe{ width:100%;}
    .joinlcicon a{ width:33%; margin-bottom:20px;}
    .coop_hz_num_item{ width:50%; margin-bottom:10px; }
    .infomobile img{ max-width:100%;}
    .con .top[data-v-0a7d7b8a] {
    height: 65px;}
    .con .main .proInfo .mInfo3 div[data-v-0a7d7b8a].mInfoTile{margin:0px; text-align:center; line-height:30px; font-size:18px; padding:20px 0px;}
    .about_info_con {
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
    }
    .about_info_con .left img{ max-width:50%;}
    .about_info_con_pc{ display:none;}
.about_info_con_mobile{ display:block;}
.about_hz_jmxz{ width:110px;}
}
.con .main .proInfo .info .title[data-v-0a7d7b8a] {
	font-size: 20px;
	font-family: "SourceHanSerifCN-Medium";
	color: #333;
	position: relative;
	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
}

.con .main .proInfo .info .title[data-v-0a7d7b8a]:after {
	width: 30px;
	height: 4px;
	background: #999;
	content: "";
	display: inline-block;
	margin-top: 20px
}

.con .main .proInfo .info .intro[data-v-0a7d7b8a] {
	color: #999;
	font-family: "SourceHanSerifCN-Medium";
	line-height: 35px;
	margin-top: 50px;
	font-size: 14px
}
.con .main .proInfo .infocontent img{ width:100%;}
.con .main .proInfo .mInfo[data-v-0a7d7b8a] {
	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;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 60px auto;
	position: relative;
	border-top:1px solid #ddd;
	padding-top:60px;
}

.con .main .proInfo .mInfo .sImg[data-v-0a7d7b8a] {
	position: absolute;
	top: 0;
	left: 0
}

.con .main .proInfo .mInfo .left[data-v-0a7d7b8a] {
	width: 24%;
	padding-top: 180px;
	-webkit-animation: left1-data-v-0a7d7b8a 1s linear forwards;
	animation: left1-data-v-0a7d7b8a 1s linear forwards
}

.con .main .proInfo .mInfo .left p[data-v-0a7d7b8a] {
	color: #999;
	font-family: "SourceHanSerifCN-Medium";
	line-height: 41px
}

.con .main .proInfo .mInfo .right[data-v-0a7d7b8a] {
	width: 68%;
	cursor: pointer;
	overflow: hidden;
	-webkit-animation: right1-data-v-0a7d7b8a 1s linear forwards;
	animation: right1-data-v-0a7d7b8a 1s linear forwards
}

.con .main .proInfo .mInfo .right img[data-v-0a7d7b8a] {
	width: 100%;
	display: inline-block;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .6s;
	transition: all .6s
}

.con .main .proInfo .mInfo .right:hover img[data-v-0a7d7b8a] {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.con .main .proInfo .mInfo2[data-v-0a7d7b8a] {
	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;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 60px 0
}

.con .main .proInfo .mInfo2 .left[data-v-0a7d7b8a] {
	width: 60%;
	cursor: pointer;
	position: relative;
	-webkit-animation: left1-data-v-0a7d7b8a 1s linear forwards;
	animation: left1-data-v-0a7d7b8a 1s linear forwards
}

.con .main .proInfo .mInfo2 .left .bs[data-v-0a7d7b8a] {
	position: absolute;
	right: 0;
	top: -65px
}

.con .main .proInfo .mInfo2 .left .bigImg[data-v-0a7d7b8a] {
	width: 100%;
	display: inline-block;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: all .6s;
	transition: all .6s
}

.con .main .proInfo .mInfo2 .left:hover .bigImg[data-v-0a7d7b8a] {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.con .main .proInfo .mInfo2 .left[data-v-0a7d7b8a]:after {
	width: 692px;
	height: 758px;
	background: #666;
	opacity: .05;
	content: "";
	display: inline-block;
	position: absolute;
	right: -300px;
	top: 0
}

.con .main .proInfo .mInfo2 .right[data-v-0a7d7b8a] {
	width: 35%;
	margin-top: -60px;
	-webkit-animation: right1-data-v-0a7d7b8a 1s linear forwards;
	animation: right1-data-v-0a7d7b8a 1s linear forwards
}

.con .main .proInfo .mInfo2 .right p[data-v-0a7d7b8a] {
	color: #999;
	line-height: 40px;
	font-family: "SourceHanSerifCN-Medium"
}

.con .main .proInfo .mInfo2 .right p[data-v-0a7d7b8a]:nth-child(2) {
	margin-top: 60px
}

.con .main .proInfo .mInfo3[data-v-0a7d7b8a] {
	width: 100%
}
.con .main .proInfo .mInfo3 img {
	width: 100%
}
.con .main .proInfo .mInfo3 p[data-v-0a7d7b8a] {
	color: #000;
	line-height: 24px; font-size:14px;
	/*font-family: "SourceHanSerifCN-Medium"*/
}

.con .main .proInfo .mInfo3 div[data-v-0a7d7b8a] {
	margin: 40px auto;
	text-align: center
}

.con .main .proInfo .mInfo3 div img[data-v-0a7d7b8a] {
	cursor: pointer;
	-webkit-transition: all .6s;
	transition: all .6s;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.con .main .proInfo .mInfo3 div img[data-v-0a7d7b8a]:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.con .foot[data-v-0a7d7b8a] {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes left1-data-v-0a7d7b8a {
	0% {
		-webkit-transform: translate(-300px,-300px);
		transform: translate(-300px,-300px);
		opacity: 0
	}

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

@keyframes left1-data-v-0a7d7b8a {
	0% {
		-webkit-transform: translate(-300px,-300px);
		transform: translate(-300px,-300px);
		opacity: 0
	}

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

@-webkit-keyframes right1-data-v-0a7d7b8a {
	0% {
		-webkit-transform: translate(300px,-300px);
		transform: translate(300px,-300px);
		opacity: 0
	}

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

@keyframes right1-data-v-0a7d7b8a {
	0% {
		-webkit-transform: translate(300px,-300px);
		transform: translate(300px,-300px);
		opacity: 0
	}

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

@-webkit-keyframes polygon-data-v-0a7d7b8a {
	0% {
		-webkit-clip-path: polygon(100% 0,99% 50%,50% 99%,100% 50%);
		clip-path: polygon(100% 0,99% 50%,50% 99%,100% 50%);
		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-0a7d7b8a {
	0% {
		-webkit-clip-path: polygon(100% 0,99% 50%,50% 99%,100% 50%);
		clip-path: polygon(100% 0,99% 50%,50% 99%,100% 50%);
		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) {
	.con .banner .text[data-v-0a7d7b8a] {
		bottom: 23%
	}

	.con .banner .text .bottom[data-v-0a7d7b8a] {
		margin-top: 80px
	}

	.con .main[data-v-0a7d7b8a] {
		width: 100%
	}
}

@media screen and (max-width:1000px) {
	.con .banner img[data-v-0a7d7b8a] {
		height: 500px
	}

	.con .main[data-v-0a7d7b8a] {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	.con .main .proInfo .mInfo[data-v-0a7d7b8a] {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.con .main .proInfo .mInfo .sImg[data-v-0a7d7b8a] {
		display: none
	}

	.con .main .proInfo .mInfo .left[data-v-0a7d7b8a],.con .main .proInfo .mInfo .right[data-v-0a7d7b8a] {
		width: 100%
	}

	.con .main .proInfo .mInfo .left[data-v-0a7d7b8a] {
		padding-top: 0
	}

	.con .main .proInfo .mInfo .right[data-v-0a7d7b8a] {
		margin-top: 30px
	}

	.con .main .proInfo .mInfo2[data-v-0a7d7b8a] {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.con .main .proInfo .mInfo2 .left[data-v-0a7d7b8a],.con .main .proInfo .mInfo2 .right[data-v-0a7d7b8a] {
		width: 100%
	}

	.con .main .proInfo .mInfo2 .right[data-v-0a7d7b8a] {
		margin-top: 30px
	}

	.con .main .proInfo .mInfo2 .left[data-v-0a7d7b8a]:after {
		display: none
	}
}

.proList2 .swiper-pagination[data-v-0a7d7b8a] .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	background: #535353;
	border-radius: 50%;
	margin-left: 30px;
	position: relative
}

.proList2 .swiper-pagination[data-v-0a7d7b8a] .swiper-pagination-bullet:before {
	content: "";
	width: 15px;
	height: 15px;
	border: 1px solid #535353;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: -6px;
	top: -6px;
	opacity: 0;
	-webkit-transition: all .6s;
	transition: all .6s
}

.proList2 .swiper-pagination[data-v-0a7d7b8a] .swiper-pagination-bullet-active:before {
	opacity: 1
}

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
	}
}