@font-face {
	font-family: avant;
	src: url(../fonts/Avant.woff2)
}
@font-face {

	font-family: 'iconfont';

	/* Project id 3969761 */

	src: url('//at.alicdn.com/t/c/font_3969761_tg6wdissnvl.woff2?t=1684374961438') format('woff2'),

	url('//at.alicdn.com/t/c/font_3969761_tg6wdissnvl.woff?t=1684374961438') format('woff'),

	url('//at.alicdn.com/t/c/font_3969761_tg6wdissnvl.ttf?t=1684374961438') format('truetype');

}



.iconfont {

	font-family: "iconfont" !important;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}


@font-face {

	font-family: iconfont;

	src: url(//at.alicdn.com/t/font_1811158_g0yz62clb.eot);

	src: url(//at.alicdn.com/t/font_1811158_g0yz62clb.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_1811158_g0yz62clb.woff2) format('woff2'), url(//at.alicdn.com/t/font_1811158_g0yz62clb.woff) format('woff'), url(//at.alicdn.com/t/font_1811158_g0yz62clb.ttf) format('truetype'), url(//at.alicdn.com/t/font_1811158_g0yz62clb.svg#iconfont) format('svg')

}

::-webkit-scrollbar {

	width: 8px;

	height: 10px;

}



::-webkit-scrollbar-track {

	border-radius: 0;

}



::-webkit-scrollbar-thumb {

	-webkit-box-shadow: inset 0 0 6px #00c7a1;

	background-color: #00c7a1;

}



::-webkit-scrollbar-thumb:hover {

	border-radius: 5px;

	-webkit-box-shadow: inset 0 0 6px #7ccfc0;

	background-color: #7ccfc0;

}
.thum{
	position: relative;
	overflow: hidden;
}
.pic{
	background: center center no-repeat;
	background-size: cover;
	-webkit-transition: all 1s;
}
.inner{
	width: 100%;
	height: 0;
	position: relative;
	overflow: hidden;
	padding-top: 60%;
}

.inner img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all 1s;
}
.singleLine {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.multiLine {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7;
}
.boxes {
	padding: 5vw 0px;
	font-size: 14px;
	position: relative;
}

.boxes.f {
	background: #fafafa;
}
.bathroom .section3 .swiper-slide::after {
	width: 55% !important;
	padding-top: 55% !important;
}

.spp {
	width: 100%;
	height: 15px;
}



img{
	object-fit: cover;
}

.i_news_box{
	display: none;
	gap: 2vw;
}

.focus_swiper{
	flex: 1.5;
	margin: 0;
	border-radius: 10px;
	box-shadow: 0px 30px 30px rgba(0, 0, 0, .1);
}

.focus_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #00c7a1;
	width: 20px;
}

.focus_swiper .swiper-pagination-bullet{
	width: 6px;
	height: 6px;
	border-radius: 50px;
	transition: all 0.4s;
}

.focus_swiper .info{
	padding: 1.5vw 2vw;
	background: #e5f9f5;
	padding-bottom: 50px;
	color: #00c7a1;
}

.focus_swiper .info .date,.news_item .date{
	font-family: avant;
	margin-bottom: 0.5vw;
}
.news_item .date{
	margin-bottom: 1vw;
}
.news_item .date{
	opacity: 0.7;
}

.news_item .name{
	font-size: 20px;
	line-height: 30px;
	min-height: 60px;
	margin-bottom: 1.5vw;
}

.news_item .mor{
	opacity: 0.6;
}

.focus_swiper .info .name{
	font-size: 20px;
}

.focus_swiper .swiper-slide{
	border-radius: 10px;
	overflow: hidden;
}
.focus_swiper .swiper-slide:hover .thum img{
	transform: scale(1.05);
}
.news_item{
	flex: 1;
	background: #ffffff;
	padding: 1.25vw;
	box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.news_item .thum{
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.news_item:hover img{
	transform: scale(1.05);
}
.news_item:hover .name{
	color: #00c7a1;
}
.i_news_box.active{
	display: flex;
}

.title_top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 3vw;
}

.title_top .qy_title{
	width: 60%;
	margin-bottom: 0;
}

.news_warpper{
	width: 100%;
}

.qy_menu{
	width: auto;
	display: flex;
	align-items: center;
	position: relative;
}

.qy_menu a{
	display: block;
	width: auto;
	position: relative;
	font-size: 20px;
	color: #999999;
	margin-left: 2vw;
	padding-bottom: 15px;
}

.qy_menu a:before{
	width: 15px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/dot.png) no-repeat;
	background-size: cover;
	content: initial;
	display: none;
}

.qy_menu a.active{
	color: #00c7a1;
}

.qy_menu a.active:before{
	display: block;
}

.mask_tips{
	width: 100px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 30px;
	text-align: center;
	color: #ffffff;
}

.mask_tips::after{
	width: 5px;
	height: 12px;
	position: absolute;
	left: 50%;
	margin-left: -2.5px;
	top: -20px;
	background: #ffffff;
	border-radius: 8px;
	content: '';
	animation: tipsAnimate 2s ease infinite;
}

@-webkit-keyframes tipsAnimate{
	0%,100%{
		top: -20px;
		height: 12px;
	}
	50%{
		top: -10px;
		height: 8px;
	}
}

.na_idea_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	direction: rtl;
}


.banner{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.h_intro,.h_tj{
	background: #f7f7f7;
}

.qy_title{
	width: 100%;
	text-align: center;
	position: relative;
	margin-bottom: 3vw;
}

.qy_title.l{
	text-align: left;
}

.qy_title.l p::after{
	left: 0;
	margin-left: 0;
}

.qy_title p{
	font-size: 36px;
	font-weight: 500;
	position: relative;
	color: #009c73;
	padding-bottom: 15px;
}

.qy_title p::after{
	width: 40px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -18px;
	bottom: 3px;
	content: '';
	background: #009c73;
	border-radius: 35px 0 35px 0;
}

.i_365 .top{
	margin-bottom: 5vw;
}

.i_365 .top .des{
	font-size: 18px;
}

.i_365 .top .qy_title{
	margin-bottom: 1vw;
}

.tj_list{
	width: 92%;
	height: auto;
	position: relative;
	display: flex;
	margin: 0 auto;
	gap: 3vw;
}

.services{
	width: 100%;
	margin-bottom: 0;
}

.services .item{
	display: block;
	width: 368px;
	height: 109px;
	background: url(../images/service_btn_bg.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 2vw;
	border: 1px solid #f1f9f8;
	border-top-color: #ffffff;
	border-bottom-color: #ebf0ee;
	box-shadow: 25px 25px 70px rgba(61, 195, 125, .15);
	transition: all 0.5s;
}



.services .item:last-child{
	margin-bottom: 0;
}

.services .item .box{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-between;
	padding: 0.5vw 1.5vw;
}

.services .item .box .info{
	width: calc(100% - 60px);
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
}

.services .item .box .info .txt{
	font-size: 24px;
	color: #00c7a1;
	font-weight: 500;
	margin-left: 30px;
}

.services .item .box .info .more{
	width: 45px;
	height: 45px;
	position: absolute;
	left: 120px;
	top: 50%;
	transform: translateY(-50%) scale(0);
	opacity: 0;
	transition: all 0.45s;
}

.services .item:hover{
	box-shadow: 25px 25px 70px rgba(61, 195, 125, .45);
}

.services .item:hover .icon{
	-webkit-animation: swing2 2s infinite;
}

.services .item:hover .box .info .more{
	transform: translateY(-50%) scale(1);
	opacity: 1;
}

.services .item .box .info .num{
	width: 72px;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.services .item .box .icon{
	width: 50px;
}

.tj_list .item{
	display: block;
	width: 100%;
	background: #ffffff;
	border-radius: 10px;
	padding: 1vw;
	transition: all 0.6s;
	flex: 1;
	height: 35vw;
	position: relative;
}

.tj_list .item .img{
	height: calc(100% - 70px);
	width: 100%;
	position: relative;
	background: center center no-repeat;
	background-size: cover;
	transition: all .5s ease;
	left: 0;
	top: 0;
	border-radius: 10px;
}

.tj_list .item .info{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	font-size: 24px;
	line-height: 50px;
	margin-top: 20px;
	padding: 0 20px;
}

.tj_list .item .info .icon{
	width: 45px;
	height: 45px;
	position: relative;
	background: #00c8a1;
	border-radius: 50%;
	transform: scale(0);
	opacity: 0;
	transition: all 0.5s;
}

.tj_list .item:hover .info .icon{
	transform: scale(.9);
	opacity: 1;
}

.tj_list .item .img img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	object-fit: cover;
}

.tj_list .item:hover{
	flex: 2;
	box-shadow: 30px 30px 50px rgba(0, 0, 0, .1);
}

.h_intro:before{
	width: 85%;
	height: 1px;
	position: absolute;
	left: 7.5%;
	bottom: 0;
	content: '';
	background: #abdacc;
}

.intro_warpper{
	width: 92%;
	display: flex;
	background: #f0f0f0;
	border-radius: 10px;
	margin: 0 auto;
	overflow: hidden;
}

.intro_warpper .thum{
	width: 50%;
	border-radius: 10px;
}
.intro_warpper .thum img{
	transition: 1s all;
}
.intro_warpper .thum:hover img{
	transform: scale(1.05);
}
.intro_warpper .cols{
	width: 50%;
	display: flex;
	align-content: space-evenly;
	flex-wrap: wrap;
	padding: 3vw;
}


.intro_warpper .cols h2{
	display: block;
	width: 360px;
}

.intro_warpper .cols .des{
	width: 100%;
	line-height: 2;
	position: relative;
	font-size: 18px;
}

.video.v1{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.quanwu{
	width: 100%;
	height: 100vh;
	position: relative;
	background: #000000;
}

.quanwu_top,.quanwu_btm{
	position: absolute;
	z-index: 2;
}

.quanwu_top{
	width: 85%;
	top: 15%;
	left: 7.5%;
}

.quanwu_top .item{
	display: none;
	text-align: center;
}

.quanwu_top .item .title{
	font-size: 36px;
	font-weight: 500;
	position: relative;
	margin-bottom: 2vw;
	color: #ffffff;
}

.quanwu_top .item .info{
	width: 100%;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
}

.quanwu_top .item .info a{
	color: #ffffff;
	position: relative;
	width: auto;
	padding: 0px 1.5vw;
	font-size: 16px;
	line-height: 1;
}

.quanwu_top .item .info a::after{
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	background: #fff;
}

.quanwu_top .item .info a:last-child::after{
	display: none;
}

.quanwu_top .item.active{
	display: block;
}

.quanwu_btm{
	bottom: 0;
	width: 100%;
	padding: 0px 7.5%;
	background: rgba(0, 0, 0, .3);
	display: flex;
	justify-content: space-between;
	height: 90px;
}

.quanwu_btm .item{
	display: flex;
	flex: 1;
	position: relative;
}

.quanwu_btm .item .icon{
	width: 45px;
	position: absolute;
	left: 50%;
	margin-left: -22.5px;
	top: -20px;
	opacity: 0;
	transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.quanwu_btm .item .txt{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.quanwu_btm .item .more{
	width: 35px;
	height: 35px;
	position: absolute;
	left: 50%;
	margin-left: -17.5px;
	bottom: 15px;
	background: #ffffff;
	border-radius: 50%;
	opacity: 0;
	transform: scale(0) rotate(-180deg);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.quanwu_btm .item:before{
	width: 100%;
	height: 0%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: rgba(0, 199, 161, .8);
	border-radius: 15px 15px 0 0;
	transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1);
	backdrop-filter: blur(15px);
}

.quanwu_btm .item:hover:before,.quanwu_btm .item.active:before{
	height: 180%;
}
.page365{
	width: 92%;
	margin: 0 auto;
}
.newsPage{
	width: 92%;
	margin: 0 auto;
}
.quanwu_btm .item:hover .more,.quanwu_btm .item.active .more{
	opacity: 1;
	transform: scale(1) rotate(0deg);
}

.quanwu_btm .item:hover .txt,.quanwu_btm .item.active .txt{
	top: 15%;
}

.quanwu_btm .item:hover .icon,.quanwu_btm .item.active .icon{
	opacity: 1;
	top: -45px;
}

.i_365{
	width: 50%;
	height: auto;
	position: absolute;
	left: 7.5%;
	top: 15%;
}

.i_bg{
	width: 100%;
	height: 50vw;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	display: block;
}

.previewImg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	background: white;
}

.previewImg img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transition: all 2s cubic-bezier(0.215, 0.610, 0.355, 1);
	opacity: 0;
}
.previewImg img.fade-out {
	opacity: 1;
}

.video.v1 video{
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.intro_menu{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.intro_menu a{
	width: 30%;
	height: 74px;
	position: relative;
	background: #00c7a1;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	border-radius: 50px;
	display: flex;
	box-shadow: 0px 16px 13px 0px
	rgba(0, 199, 161, 0.11);
	font-size: 18px;
}

.intro_menu a .icon{
	width: 30px;
	margin-left: 1vw;
}
.intro_menu a:hover .icon{
	-webkit-animation: swing2 2s infinite;
}
.intro_menu a .outbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.i_news{
	padding-top: 0;
}

.mask_img{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: -50px;
	z-index: 0;
	transition: .3s all ease-in-out;
}

.boxes.ids {
	position: relative;
}

.boxes.ids:before {
	width: 100%;
	height: 40vh;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #2fc7a0;
}

.na_idea_box:after {
	width: 14px;
	height: 144px;
	position: absolute;
	right: -34px;
	bottom: 0px;
	content: '';
	background: url(../images/na_tips.png);
}

.na_his_box {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
}

.boxes.lvhs_box {
	padding-bottom: 15vw;
}

.lvsj_box .w14 {
	direction: rtl;
}

.time_list {
	width: 100%;
	background-color: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden
}

.time_list .ul {
	width: 844px;
	margin: 0 auto
}

.time_list .ul .li {
	padding-bottom: 60px;
	position: relative
}

.time_list .ul .li .imgbox {
	width: 50%;
	padding-top: 40px
}

.time_list .ul .li .imgbox img {
	margin-bottom: 20px;
	width: 360px;
	display: inline-block
}

.time_list .ul .li .xian {
	width: 1px;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	background-color: #e8e8e8;
	float: left
}

.time_list .ul .li .info {
	position: relative;
	width: 360px
}

.time_list .ul .li .info .month {
	color: #4c4c4c;
	font-size: 20px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.time_list .ul .li .info .month .quan {
	width: 10px;
	height: 10px;
	border: 4px solid #5acfae;
	border-radius: 10px;
	background-color: #fff
}

.time_list .ul .li .info .date {
	color: #a0a0a0;
	font-size: 16px;
	margin-top: 34px
}

.time_list .ul .li .info .txt {
	color: #a0a0a0;
	font-size: 16px;
	line-height: 28px;
	margin-top: 34px;
	text-align: justify
}

.time_list .ul .li.l .imgbox {
	float: right;
	text-align: right
}

.time_list .ul .li.r .imgbox {
	float: left
}

.time_list .ul .li.l .info {
	text-align: right;
	padding-right: 60px;
	float: right
}

.time_list .ul .li.r .info {
	padding-left: 60px;
	float: left
}

.time_list .ul .li.r .info .month span {
	position: absolute;
	left: 59px;
	top: -15px
}

.time_list .ul .li.r .info .month .quan {
	position: absolute;
	left: -4px;
	top: -4px;
	z-index: 3
}

.time_list .ul .li.r .info .month .line {
	width: 48px;
	border-bottom: 1px solid #e8e8e8;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}

.time_list .ul .li.l .info .month span {
	position: absolute;
	right: 59px;
	top: -15px
}

.time_list .ul .li.l .info .month .quan {
	position: absolute;
	right: -4px;
	top: -4px;
	z-index: 3
}

.time_list .ul .li.l .info .month .line {
	width: 48px;
	border-bottom: 1px solid #e8e8e8;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.time_list.yoyo {
	padding-top: 30px
}

.time_list.yoyo .ul {
	width: 1280px
}

.time_list.yoyo .ul .li {
	width: 100%
}

.time_list.yoyo .ul .li .img {
	width: 464px;
	height: 248px;
	border-radius: 45px;
	overflow: hidden;
	border: 7px solid #ff7609
}

.time_list.yoyo .ul .li .img img {
	width: 100%
}

.time_list.yoyo .ul .li.r {
	margin-left: 0;
	border-left: 0;
	padding-left: 0
}

.time_list.yoyo .ul .li.r .img {
	float: left
}

.time_list.yoyo .ul .li.l {
	margin-right: 0;
	border-right: 0;
	padding-right: 0;
	text-align: left
}

.time_list.yoyo .ul .li.l .img {
	float: right
}

.time_list.yoyo .ul .li.r .mark {
	float: left;
	width: 610px;
	margin-left: 58px;
	text-align: justify;
	margin-top: 48px
}

.time_list.yoyo .ul .li.l .mark {
	float: left;
	width: 610px;
	text-align: justify;
	margin-top: 48px
}

.time_list.yoyo .ul .li .txt {
	overflow: hidden;
	margin-top: 22px
}

.time_list.yoyo .ul .li .month {
	color: #373737;
	font-size: 24px
}

.time_list.yoyo .ul .li .date {
	margin-top: 5px;
	color: #969696
}

.his_wiper {
	width: 985px;
	margin: 0px;
	position: relative;
}

.his_wiper:after {
	width: 100%;
	height: 25px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/time_line.png) center center no-repeat;
	content: '';
}

.na_his_box .swiper-prev {
	width: 64px;
	height: 64px;
	display: block;
	cursor: pointer;
	background: url(../images/time_prev2.png) no-repeat center center;
	background-size: 64px;
}

.na_his_box .swiper-next {
	width: 64px;
	height: 64px;
	display: block;
	top: 68px;
	left: 0;
	background: url(../images/time_next2.png) no-repeat center center;
	background-size: 64px;
	cursor: pointer;
}

.na_his_box .swiper-slide {
	height: 150px;
	line-height: 150px;
	text-align: center;
	position: relative;
	color: #dbdbdb;
	font-size: 24px;
}

.na_his_box .swiper-slide.swiper-slide-active {
	color: #2fc7a0;
	font-size: 62px;
	line-height: 120px;
}

.na_cultrue {
	width: 100%;
	display: flex;
	padding: 5vw;
	justify-content: space-between;
	background: url(../images/cultrues_bg.jpg) center center no-repeat;
	background-size: cover;
}

.lvsj_box {
	background: url(../images/na_bg1.jpg) center center no-repeat;
	background-size: cover;
}

.boxes.lvlm_box {
	background: #fafafa url(../images/na_bg2.jpg) top center no-repeat;
	background-size: cover;
	padding-bottom: 10vw;
}

.lvsm_img {
	width: 90%;
	margin-left: 5%;
}

.lvlm_box .info {
	width: 60%;
	margin-bottom: 10vw;
}

.lvsj_box .w14,
.lvgy_box .w14 {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.lvhs_box {
	background: url(../images/na_bg3.jpg) center center no-repeat;
	background-size: cover;
}

.lvhs_box .w14 {
	margin-top: -10vw;
	padding: 10vw 5vw 5vw;
}

.lvhs_box .w14:before {
	width: 100%;
	height: calc(100% - 5vw);
	position: absolute;
	left: 0;
	top: 5vw;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7));
	content: '';
	border-radius: 0px 0px 1vw 1vw;
}

.lvhs_box .w14:after {
	width: 100%;
	height: 5vw;
	background: #fff;
	border-radius: 1vw 1vw 0px 0px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
}

.lvhs_box .info {
	position: relative;
	z-index: 2;
	text-align: center;
}

.lvsj_box .w14 .thum {
	width: 56%;
}

.lvsj_box .w14 .info {
	width: 40%;
	display: flex;
	align-items: center;
	direction: initial;
}

.lvsj_box .w14 .info .name,
.lvgy_box .info .name,
.lvlm_box .name,
.lvhs_box .name {
	font-size: 2.5vw;
	margin-bottom: 2vw;
	color: #54cdab;
}

.lvsj_box .w14 .info .des,
.lvgy_box .info .des,
.lvlm_box .des,
.lvhs_box .des {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 3vw;
	color: rgba(0, 0, 0, .5);
}

.lvhs_box .icon {
	width: 148px;
	height: auto;
	position: absolute;
	right: 5vw;
	top: -7vw;
}

.lvhs_box .des {
	padding: 0px 15%;
}

.lvgy_box .w14 {
	align-items: center;
}

.lvgy_box .info {
	width: 40%;
}

.lvgy_box .thum {
	width: 50%;
	border-radius: 1vw;
	overflow: hidden;
}

.lvsj_box .w14 .thum .i-nums {
	display: none;
}

.boxes.lvzz_box .info .pics {
	display: none;
}

.i-nums {
	width: 100%;
	display: flex;
	align-items: flex-end;
	font-size: 16px;
	line-height: 1;
}

.i-nums p {
	margin-right: 15px;
}

.i-nums p span {
	font-size: 46px;
	color: #2fc7a0;
	line-height: 0.8;
}

.i-nums p span i {
	font-style: normal;
}

.lvzz_box {
	position: relative;
}

.lvzz_box .lvzz_bg {
	width: 100vw;
	position: absolute;
	left: 0;
	top: -5vw;
	height: 100vh;
	z-index: -1;
}

.boxes.lvzz_box {
	padding-bottom: 0px;
	overflow: hidden;
}

.boxes.lvzz_box .w14 {
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 5vw 5vw 5vw 0px;
	direction: rtl;
}

.boxes.lvzz_box .thum {
	width: 50%;
	overflow: hidden;
	border-radius: 1vw;
}

.lszd_box .thum {
	width: 60%;
}

.lszd_box .info {
	margin-top: 5vw;
	width: 50%;
	margin-left: 50%;
}

.lszd_box .info .name {
	font-size: 2.5vw;
	margin-bottom: 1vw;
	color: #54cdab;
}

.lszd_box .info .des {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 3vw;
	color: rgba(0, 0, 0, .5);
}

.boxes.lvzz_box .info {
	width: 40%;
	display: flex;
	align-items: center;
	direction: initial;
}

.boxes.lvzz_box .info .name {
	font-size: 2.5vw;
	margin-bottom: 1vw;
	color: #54cdab;
}

.boxes.lvzz_box .info .des {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 3vw;
	color: rgba(0, 0, 0, .5);
}

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

.na_cultrue .list {
	width: 55%;
}

.na_cultrue .list ul li {
	width: 100%;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	display: flex;
	justify-content: space-between;
	padding: 2vw 0px;
	align-items: center;
}

.na_cultrue .list ul li:last-child {
	border-bottom: none;
}

.na_cultrue .list ul li .icon {
	width: 77px;
}

.na_cultrue .list ul li .info {
	width: calc(100% - 127px);
}

.na_cultrue .list ul li .info .name {
	font-size: 1.5vw;
	margin-bottom: 1vw;
	padding-bottom: 1vw;
	position: relative;
}

.na_cultrue .list ul li .info .name:after {
	width: 60px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #2fc7a0;
}

.na_cultrue .list ul li .info .des {
	width: 100%;
	font-size: 16px;
	line-height: 1.7;
}

.na_cultrue .thum {
	width: 40%;
}

.na_idea_box .thum {
	width: 50%;
}

.na_idea_box .info {
	width: 50%;
	padding: 0px 2%;
	display: flex;
	align-items: center;
	direction: initial;
}

.na_idea_box .info .ni_box {
	width: 100%;
	text-align: center;
}

.na_idea_box .info .name {
	font-size: 1.5vw;
	padding-bottom: 1vw;
	margin-bottom: 2vw;
	position: relative;
	color: #2fc7a0;
}

.na_idea_box .info .name:before {
	width: 50%;
	height: 1px;
	position: absolute;
	left: 25%;
	bottom: 0;
	content: '';
	background: #2fc7a0;
}

.na_idea_box .info .name:after {
	width: 50px;
	height: 3px;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -1px;
	content: '';
	background: #2fc7a0;
}

.na_idea_box .list {
	width: 100%;
}

.na_idea_box .list li {
	width: 100%;
	height: auto;
	position: relative;
	padding: 10px 0px 10px 15px;
	line-height: 20px;
	font-size: 16px;
}

.na_idea_box .list li:after {
	width: 0px;
	height: 0px;
	position: absolute;
	left: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #3e3e3e;
	content: '';
	top: 15px;
	display: none;
}


.na_intro_top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: #2fc7a0;
	color: #fff;
	align-items: center;
	direction: rtl;
}

.na_intro_top .left {
	width: 40%;
	padding: 0% 5%;
	direction: initial;
}

.na_intro_top .thum {
	width: 60%;
}

.na_intro_btm {
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	height: 30vh;
	font-size: 16px;
	line-height: 2;
}

.na_intro_btm .nai_left {
	background: #fff;
	width: 45%;
	display: flex;
	align-items: center;
	padding: 0px 5%;
}

.na_intro_btm .nai_center {
	background: #fff;
	width: calc(45% - 40px);
	display: flex;
	align-items: center;
	padding: 0px 5%;
}

.na_intro_btm .nai_right {
	width: 10%;
	background: #2fc7a0;
}

.na_intro_top .thum img {
	width: 100%;
	height: auto;
}

.w14 {
	width: 90%;
	margin: 0px auto;
	max-width: 1400px;
	position: relative;
}

.about_nav {
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	margin-bottom: 4vw;
}

.about_nav a {
	display: block;
	padding: 10px 35px;
	font-size: 18px;
	line-height: 25px;
	position: relative;
	margin: 0px 1vw;
	transition: all .4s;
}

.about_nav a p {
	position: relative;
	z-index: 2;
	line-height: 20px;
}

.about_nav a:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: #2fc7a0;
	transform: scale(0);
	border-radius: 50px;
	transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.about_nav a.active,
.about_nav a:hover {
	color: #fff;
}

.about_nav a.active:before,
.about_nav a:hover:before {
	transform: scale(1);
}

.na_intro_box .info .name {
	width: 100%;
	font-size: 2vw;
	margin-bottom: 1vw;
}

.singePage {
	font-size: 16px;
	line-height: 2;
	position: relative;
}

.na_intro_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.na_intro_box .thum {
	width: 50%;
}

.na_intro_box .info {
	width: 50%;
	padding-left: 5%;
	direction: initial;
}

.fenlei {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 4vw;
}

.fenlei a {
	padding: 0px 25px;
	font-size: 16px;
	line-height: 40px;
	margin: 0px 0.5vw;
}

.Grass .title.dr {
	margin-bottom: 2vw;
}

.fenlei a .img {
	width: 40px;
	height: 40px;
	position: relative;
	background: url(../images/xzicon.png?v=20240704) no-repeat;
	margin: 0px auto;
	background-size: 240px 80px;
}

.fenlei a.active .img,
.fenlei a:hover .img {
	background-position: 0px -40px;
}

.fenlei a:nth-child(2) .img {
	background-position: -40px 0px;
}

.fenlei a:nth-child(2).active .img,
.fenlei a:nth-child(2):hover .img {
	background-position: -40px -40px;
}

.fenlei a:nth-child(3) .img {
	background-position: -80px 0px;
}

.fenlei a:nth-child(3).active .img,
.fenlei a:nth-child(3):hover .img {
	background-position: -80px -40px;
}

.fenlei a:nth-child(4) .img {
	background-position: -120px 0px;
}

.fenlei a:nth-child(4).active .img,
.fenlei a:nth-child(4):hover .img {
	background-position: -120px -40px;
}

.fenlei a:nth-child(5) .img {
	background-position: -160px 0px;
}

.fenlei a:nth-child(6) .img {
	background-position: -200px 0px;
}

.fenlei a:nth-child(5).active .img,
.fenlei a:nth-child(5):hover .img {
	background-position: -160px -40px;
}

.fenlei a:nth-child(6).active .img,
.fenlei a:nth-child(6):hover .img {
	background-position: -200px -40px;
}

.fenlei a .txt {
	line-height: 30px;
	text-align: center;
	color: #6f6f6f;
	font-size: 14px;
}

.fenlei a.active .txt {
	color: #00c7a1;
}

.fenleis {
	width: 100%;
	position: relative;
	padding-bottom: 5vw;
}

.fenleis ul {
	width: 100%;
	display: flex;
	position: relative;
	flex-wrap: wrap;
}

.fenleis ul li {
	width: 16%;
	margin-right: 0.8%;
	margin-bottom: 2vw;
}

.fenleis ul li:nth-child(6n) {
	margin-right: 0%;
}

.fenlei a:hover,
.fenlei a.active {
	color: #00c7a1;
}

.fenleis ul li .thum {
	position: relative;
	overflow: hidden;
}

.fenleis ul li .thum .inner {
	width: 100%;
	height: 0px;
	padding-top: 130%;
}

.fenleis ul li .thum .inner img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	object-fit: cover;
}

.fenleis ul li .name {
	width: 100%;
	padding: 10px 0px 0px 0px;
	line-height: 1.4;
	font-size: 14px;
}

.w1400 {
	width: 85%;
	margin: 0px auto;
	position: relative;
}

body {
	width: 100%;
	font-family: 微软雅黑;
	background: white !important;
}

@keyframes fadeIniup {
	0% {
		opacity: 0;
		transform: translateY(60px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.he_fadeup1 {
	-webkit-animation: fadeIniup 1s ease both;
	animation: fadeIniup 1s ease both;
	-ms-animation: fadeInUp 1s ease both;
	animation-delay: 0.3s;
}

.c-scrollbar_thumb {
	background: #00c7a1;
}

.index {
	width: 100%;
}
.f3L .textBox {

	position: absolute;

	right: 0;

	height: 100vh;

	background-color: rgba(255, 255, 255, 0.7);

	width: 30vw;

	top: 0;

	transform: translateX(30vw);

	transition: 1s all;

}



.f3L .textBox .text {

	position: absolute;

	margin-left: 5vw;

	top: 40%;

	transition: 1s all;

}
.chrg-grid {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.chrg-grid .chrg-item {
	width: 18.6%;
	margin-right: 1.75%;
	margin-bottom: 1.35vw;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.chrg-grid .chrg-item::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

.chrg-grid .chrg-item::after {
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0%;
	bottom: 0%;
	content: '';
	background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
	opacity: 0;
	-webkit-transition: all .5s;
}

.chrg-grid .chrg-item .name {
	-webkit-transition: all .5s;
	opacity: 0;
}

.chrg-grid .chrg-item:hover .name,
.chrg-grid .chrg-item:hover::after {
	opacity: 1;
}

.chrg-grid .chrg-item:hover::before {
	animation: gradient-rectangle 1s 1;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

@-webkit-keyframes gradient-rectangle {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
		background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
		background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
		opacity: 1;
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: top;
		transform-origin: top;
		background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
		background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
		opacity: 0;
	}
}

.chrg-grid .chrg-item:nth-child(5n) {
	margin-right: 0%;
}

.chrg-grid .chrg-item:hover .pic {
	-webkit-transform: scale(1.1);
}

.chrg-grid .chrg-item .pic {
	background: center center no-repeat;
	background-size: cover;
	-webkit-transition: all .5s;
}

.chrg-grid .chrg-item .name {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	bottom: 0%;
	padding: 15px;
	font-size: 14px;
	color: #fff;
	line-height: 1.6;
	z-index: 5;
	text-align: center;
}

.f3L .textBox .tit {
	color: #00c7a1;
	font-size: 48px;
	line-height: 2;
	position: relative;
}

.f3L .textBox .tit::before {
	content: '';
	position: absolute;
	left: 0vw;
	background: #00c7a1;
	width: 3vw;
	height: 5px;
	border-radius: 5px;
	bottom: 0px;
}

.f3L .textBox .des {
	color: #616161;
	font-size: 18px;
	margin: 2.5vw 0 2.5vw;
}

.f3L .textBox .more {
	background-color: rgba(0, 199, 161, 0.05);
	border-radius: 5px;
	border: 1px solid #00c7a1;
	color: #00c7a1;
	font-size: 16px;
	padding: 14px 22px 14px 32px;
	transition: 0.3s all;
	display: inline-block;
}

.f3L .textBox .more i {
	margin-left: 10px;
}

.f3L .textBox .more:hover {
	background: #00c7a1;
	color: white;
}

.f3L .active {
	transform: translateX(0);
}

.f3A {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 5;
	overflow: hidden;
}

.f3A .imgBox {
	width: 100%;
	height: 100vh;
	background-size: cover !important;
	transition: 2s all;
}

.f3B {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 6;
	overflow: hidden;
}

.f3B .imgBox {
	width: 100%;
	height: 100vh;
	background-size: cover !important;
	transition: 2s all;
}


.Effect {
	width: 100%;
	overflow: hidden;
}

.Effect .bannerBox {
	width: 100%;
	height: 30vw;
	background-size: cover !important;
	margin-top: 84px;
}

.Effect .title {
	text-align: center;
	font-size: 36px;
	font-weight: 500;
	position: relative;
	color: #009c73;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.Effect .title::before {
	content: initial;
}

.Effect .title::after {
	width: 40px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -18px;
	bottom: 3px;
	content: '';
	background: #009c73;
	border-radius: 35px 0 35px 0;
}

.Effect .EffectBox {
	width: 100%;
	padding: 0 5vw;
	display: inline-block;
	margin-top: 8vw;
}

.Effect .EffectBox .item {
	width: 28vw;
	height: 41vw;
	display: inline-block;
	float: left;
	margin-right: 2vw;
	margin-bottom: 2vw;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.Effect .EffectBox .item .imgBox .pic {
	background: center center no-repeat;
	background-size: cover;
	width: 28vw;
	height: 41vw;
	position: absolute;
	left: 0%;
	top: 0%;
	-webkit-transition: all 1.5s ease;
	-webkit-transform: scale(1.1);
}

.Effect .EffectBox .item .imgBox .pic::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	background: #000;
	content: '';
	opacity: .3;
	-webkit-transition: all .45s;
}

.Effect .EffectBox .item .imgBox {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 0%;
	-webkit-transition: all 1.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	overflow: hidden;
}

.Effect .EffectBox .item.animated .imgBox {
	height: 100%;
}

.Effect .EffectBox .item.animated .imgBox .pic {
	-webkit-transform: scale(1);
}

.Effect .EffectBox .item .textBox {
	width: 28vw;
	position: absolute;
	text-align: center;
	z-index: 1;
}

.Effect .EffectBox .item .text {
	width: 100%;
	text-align: center;
	padding-top: 8vw;
}

.Effect .EffectBox .item:hover .text .en {
	-webkit-text-stroke: 1px rgba(15, 192, 150, 1);
}

.Effect .EffectBox .item:hover .text .cn {
	color: #0fc096;
}

.Effect .EffectBox .item .text .en {
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.7);
	color: transparent;
	font-size: 2.5vw;
	font-family: avant;
	-webkit-transition: all .5s;
	display: none;
}

.Effect .EffectBox .item .text .cn {
	color: #ffffff;
	font-size: 2vw;
	-webkit-transition: all .5s;
}

.Effect .EffectBox .item:hover .imgBox .pic::after {
	opacity: 0;
}

.Effect .EffectBox .item:nth-child(3n) {
	margin-right: 0;
}

.Effect .EffectBox .item:nth-child(3n + 2) {
	position: relative;
	top: -6vw;
}

.Effect .imageModal {
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	top: 0;
	opacity: 0;
	pointer-events: none;
	transition: .5s all;
	z-index: 997;
}

.Effect .imageModal.active {
	opacity: 1;
	pointer-events: all;
}

.Effect .imageModal .imageBox {
	width: 100%;
	height: 40vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.Effect .imageModal .imageBox .imageModals {
	width: 60vw;
	height: auto;
	background: white;
	margin: 0 auto;
	padding: 2vw;
	box-shadow: 0 1px 15px 5px gainsboro;
}

.Effect .imageModal .close {
	position: absolute;
	font-size: 32px;
	right: 1vw;
	top: 1vw;
	cursor: pointer;
}
.Effect .imageModal .imgModal{
	width: 100%;
	height: 27vw;
	display: flex;
	justify-content: space-between;
	margin: 1vw 0;
}
.Effect .imageModal .imageBox .imageModals .left {
	width: 44vw;
	position: relative;
}

.Effect .imageModal .imageBox .imageModals .left img {
	width: 100%;
	position: relative;
	transition: 0.5s all;
}

.Effect .imageModal .imageBox .imageModals .left .showImg {
	width: 100%;
	height: 26vw;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	background-size: cover !important;
}

.Effect .imageModal .imageBox .imageModals .left .showImg img {
	transition: 0.5s all;
}

.Effect .imageModal .imageBox .imageModals .left .showImg:hover img {
	-webkit-transform: scale(1.02);
}

.Effect .imageModal .imageBox .imageModals .left .showTips {
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	display: flex;
	position: relative;
	margin-top: 10px;
	justify-content: right;
	opacity: .4;
	pointer-events: none;
}

.Effect .imageModal .imageBox .imageModals .left .showTips img {
	width: 20px;
	height: 20px;
	top: 0;
}

.Effect .imageModal .imageBox .imageModals .right {
	width: 10vw;
	position: relative;
}
.meijiaSwiper{
	width: 10vw;
	height: 26vw;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.meijiaSwiper .swiper-slide{
	width: 100%;
	height: 8vw;
	padding: .5vw;
	transition: .3s all ease-in-out;
	border: 1px solid transparent;
	cursor: pointer;
}
.meijiaSwiper .swiper-slide.active{
	box-shadow: 0 0 2vw 0 rgba(97, 97, 97, 0.3);
	border: 1px solid #00c7a1;
}
.meijiaSwiper .swiper-slide .img{
	width: 100%;
	height: 100%;
	background-size: cover !important;
}
.Effect .imageModal .imageBox .imageModals .right .swiper-button-next {
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 50%;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	box-shadow: 0vw 0vw 2vw 0vw
	rgba(97, 97, 97, 0.1);
	bottom: -.5vw;
	top: inherit;
	left: 4vw;
	transform: rotate(90deg);
}
.Effect .imageModal .imageBox .imageModals .right .swiper-button-prev{
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 50%;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	box-shadow: 0vw 0vw 2vw 0vw
	rgba(97, 97, 97, 0.1);
	top: .5vw;
	left: 4vw;
	transform: rotate(-90deg);
}
.Effect .imageModal .imageBox .imageModals .right .swiper-button-next:after,.Effect .imageModal .imageBox .imageModals .right .swiper-button-prev:after{
	content: initial;
}
.Effect .imageModal .name {
	color: #1c1c1c;
	font-size: 1.5vw;
	font-weight: bold;
	text-align: center;
}

.Effect .imageModal form {
	padding: 1vw 0 0 0;
	margin: 1vw 0 0 0;
}

.Effect .imageModal form .tit {
	color: #1c1c1c;
	font-size: 1vw;
	font-weight: bold;
}

.Effect .imageModal form.tit span {
	background: #00c7a1;
	color: white;
	font-size: 0.9vw;
	border-radius: 3px;
	padding: 1px 5px;
}
.Effect .imageModal form .inputBoxs{
	display: flex;
	justify-content: space-between;
}
.Effect .imageModal form .inputBox {
	width: 46%;
	height: 3vw;
	background-color: #f7f9fa;
	border-radius: 3px;
	margin-bottom: 1vw;
	padding: 0 1vw;
}

.Effect .imageModal form .inputBox input {
	width: 100%;
	height: 3vw;
	outline: none;
	border: transparent;
	background: transparent;
	font-size: 0.85vw;
}
.Effect .imageModal form .btnBoxs{
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.Effect .imageModal form .sbumit {
	width: 42%;
	height: 3vw;
	background-color: #00c7a1;
	border-radius: 3px;
	text-align: center;
	line-height: 3vw;
	font-size: 0.9vw;
	color: white;
	cursor: pointer;
	transition: .5s all;
	margin: 0 1vw;
}

.Effect .imageModal form .sbumit:hover {
	box-shadow: 0 1px 10px #00c7a1;
}

.Effect .imageModal form .kefu {
	width: 42%;
	height: 3vw;
	background-color: rgba(0, 199, 161, 0.1);
	border-radius: 3px;
	text-align: center;
	line-height: 3vw;
	font-size: 0.9vw;
	color: #00c7a1;
	border: 1px solid #00c7a1;
	cursor: pointer;
	display: block;
	transition: .5s all;
	margin: 0 1vw;
}

.Effect .imageModal form .kefu:hover {
	box-shadow: 0 1px 10px gainsboro;
}

.Effect .imageModal .imageBox .imageModals .right .imgBox .tit {
	font-weight: bold;
	font-size: 0.9vw;
}

.Effect .imageModal .imageBox .imageModals .right .imgBox .tit span {
	font-weight: normal;
	font-size: 0.8vw;
}

.Effect .imageModal .imageBox .imageModals .right .imgBox .hotBox {
	width: 100%;
	height: 13vw;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 1vw;
}

.Effect .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList {
	width: 100%;
	position: relative;
	transition: .3s all;
}

.Effect .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList ul li {
	width: 5vw;
	cursor: pointer;
	position: absolute;
	transition: .3s all;
	height: 5vw;
	border: 2px solid transparent;
}

.Effect .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Effect .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList .item.active {
	border: 2px solid #00c7a1;
}

.Effect .imageModal .imageBox .leftIcon {
	width: 3vw;
	height: 3vw;
	border: 1px solid #0fc096;
	border-radius: 50%;
	color: #0fc096;
	text-align: center;
	font-size: 2vw;
	padding-top: 0.1vw;
	cursor: pointer;
	position: absolute;
	left: 15vw;
	top: 50%;
	line-height: 2.8vw;
	transform: translate(0, -50%);
	transition: .5s all;
}

.Effect .imageModal .imageBox .leftIcon:hover {
	background-color: #00c7a1;
	color: white;
}

.Effect .imageModal .imageBox .rightIcon {
	width: 3vw;
	height: 3vw;
	border: 1px solid #0fc096;
	border-radius: 50%;
	color: #0fc096;
	text-align: center;
	font-size: 2vw;
	padding-top: 0.1vw;
	cursor: pointer;
	position: absolute;
	right: 15vw;
	top: 50%;
	line-height: 2.8vw;
	transform: translate(0, -50%);
	transition: .5s all;
}

.Effect .imageModal .imageBox .rightIcon:hover {
	background-color: #00c7a1;
	color: white;
}

.Grass .bannerBox {
	width: 100%;
	height: 30vw;
	background-size: cover !important;
	margin-top: 4.5vw;
}

.Grass .title {
	text-align: center;
	font-size: 36px;
	font-weight: 500;
	position: relative;
	color: #009c73;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.Grass .title::before {
	content: initial;
}

.Grass .title::after {
	width: 40px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -18px;
	bottom: 3px;
	content: '';
	background: #009c73;
	border-radius: 35px 0 35px 0;
}

.Grass .EffectBox {
	width: 100%;
	padding: 0 6vw 6vw 6vw;
}

.Grass .EffectBox .EffectList {
	width: 100%;
	position: relative;
}

.Grass .EffectBox .EffectList ul li {
	width: calc(24.5% - 15px);
	margin: 10px;
	cursor: pointer;
	transition: .5s all;
	position: absolute;
}

.Grass .imageModal {
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	top: 0;
	opacity: 0;
	pointer-events: none;
	z-index: 997;
}

.Grass .imageModal.active {
	opacity: 1;
	pointer-events: all;
}

.Grass .imageModal .close {
	position: absolute;
	font-size: 32px;
	right: 1vw;
	top: 1vw;
	cursor: pointer;
}

.Grass .imageModal .imageBox {
	width: 100%;
	height: 40vw;
	position: absolute;
	top: 54%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.Grass .imageModal .imageBox .imageModals {
	width: 53vw;
	height: 40vw;
	background: white;
	margin: 0 auto;
	padding: 2vw;
	display: flex;
	box-shadow: 0 1px 15px 5px gainsboro;
}

.Grass .imageModal .imageBox .imageModals .left {
	width: 25vw;
	position: relative;
}

.Grass .imageModal .imageBox .imageModals .left .showImg {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.Grass .imageModal .imageBox .imageModals .left .showImg:hover img {
	-webkit-transform: scale(1.02);
}

.xzContent {
	position: relative;
	background: #fff;
	z-index: 250;
	padding-top: 70px;
}
.xzContents{
	position: relative;
	background: #fff;
	z-index: 250;
}
.xzContent::before {
	width: 100%;
	height: 10vw;
	position: absolute;
	left: 0%;
	top: -9vw;
	background: url(../images/qy_wave.png) center center no-repeat;
	background-size: cover;
	content: initial;
}

.Grass .imageModal .imageBox .imageModals .left .showTips {
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	display: flex;
	position: relative;
	margin-top: 10px;
	justify-content: center;
	opacity: .4;
	pointer-events: none;
}

.Grass .imageModal .imageBox .imageModals .left .showTips img {
	width: 20px;
	height: 20px;
	top: 0px;
}

.Grass .imageModal .imageBox .imageModals .left img {
	width: 25vw;
	position: relative;
	top: 0vw;
	transition: 0.5s all;
}

.Grass .imageModal .imageBox .imageModals .right {
	width: 22vw;
	margin-left: 2vw;
}

.Grass .imageModal .imageBox .imageModals .right .name {
	color: #1c1c1c;
	font-size: 1.5vw;
	font-weight: bold;
}

.Grass .imageModal .imageBox .imageModals .right form {
	padding: 1vw 0;
	margin: 1vw 0;
	border-bottom: 1px solid #e6e6e6;
	padding-top: 0px;
	margin-top: 0px;
}

.Grass .imageModal .imageBox .imageModals .right form .tit {
	color: #1c1c1c;
	font-size: 1vw;
	font-weight: bold;
}

.Grass .imageModal .imageBox .imageModals .right form .tit span {
	background: #00c7a1;
	color: white;
	font-size: 0.9vw;
	border-radius: 3px;
	padding: 1px 5px;
}

.Grass .imageModal .imageBox .imageModals .right form .inputBox {
	width: 100%;
	height: 3vw;
	background-color: #f7f9fa;
	border-radius: 3px;
	margin-bottom: 1vw;
	padding: 0 1vw;
}

.Grass .imageModal .imageBox .imageModals .right form .inputBox input {
	width: 100%;
	height: 3vw;
	outline: none;
	border: transparent;
	background: transparent;
	font-size: 0.85vw;
}

.Grass .imageModal .imageBox .imageModals .right form .sbumit {
	width: 100%;
	height: 3vw;
	background-color: #00c7a1;
	border-radius: 3px;
	text-align: center;
	line-height: 3vw;
	font-size: 0.9vw;
	color: white;
	cursor: pointer;
	transition: .5s all;
}

.Grass .imageModal .imageBox .imageModals .right form .sbumit:hover {
	box-shadow: 0 1px 10px gainsboro;
}

.Grass .imageModal .imageBox .imageModals .right form .kefu {
	width: 100%;
	height: 3vw;
	background-color: rgba(0, 199, 161, 0.1);
	border-radius: 3px;
	text-align: center;
	line-height: 3vw;
	font-size: 0.9vw;
	color: #00c7a1;
	border: 1px solid #00c7a1;
	margin-top: 1vw;
	cursor: pointer;
	display: block;
	transition: .5s all;
}

.Grass .imageModal .imageBox .imageModals .right form .kefu:hover {
	box-shadow: 0 1px 10px gainsboro;
}

.Grass .imageModal .imageBox .imageModals .right .imgBox .tit {
	font-weight: bold;
	font-size: 0.9vw;
}

.Grass .imageModal .imageBox .imageModals .right .imgBox .tit span {
	font-weight: normal;
	font-size: 0.8vw;
}

.Grass .imageModal .imageBox .imageModals .right .imgBox .hotBox {
	width: 100%;
	height: 13vw;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 1vw;
}

.Grass .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList {
	width: 100%;
	position: relative;
	transition: .3s all;
}

.Grass .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList ul li {
	width: 5vw;
	cursor: pointer;
	position: absolute;
	transition: .3s all;
	height: 5vw;
	border: 2px solid transparent;
}

.Grass .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.Grass .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList .item.active {
	border: 2px solid #00c7a1;
}

.Grass .imageModal .imageBox .leftIcon {
	width: 3vw;
	height: 3vw;
	background-color: #00c7a1;
	border-radius: 50%;
	color: white;
	text-align: center;
	font-size: 2vw;
	padding-top: 0.1vw;
	cursor: pointer;
	position: absolute;
	left: 18vw;
	line-height: 3vw;
	top: 50%;
	transform: translate(0, -50%);
}

.Grass .imageModal .imageBox .rightIcon {
	width: 3vw;
	height: 3vw;
	background-color: #00c7a1;
	border-radius: 50%;
	color: white;
	text-align: center;
	font-size: 2vw;
	padding-top: 0.1vw;
	cursor: pointer;
	position: absolute;
	right: 18vw;
	line-height: 3vw;
	top: 50%;
	transform: translate(0, -50%);
}

.HR {
	background-color: #f5f5f5;
}

.HR .bannerBox {
	width: 100%;
	height: 45vw;
	margin-top: 4vw;
	background-size: cover !important;
}

.HR .serachBox {
	width: 50vw;
	height: 4vw;
	background-color: #ffffff;
	box-shadow: 0vw 1vw 1vw 0vw rgba(32, 32, 32, 0.08);
	border-radius: 3vw;
	margin: 0 auto;
	position: relative;
	top: -2.2vw;
	padding: 0.5vw 0.5vw;
	display: flex;
	justify-content: space-between;
}

.HR .serachBox input {
	width: 90%;
	height: 3vw;
	font-size: 1vw;
	padding-left: 2vw;
	outline: none;
	background: transparent;
	border: transparent;
}

.HR .serachBox .serach {
	width: 3vw;
	height: 3vw;
	background-color: #00c7a1;
	border-radius: 50%;
	color: white;
	font-size: 1.5vw;
	text-align: center;
	padding-top: 0.7vw;
	cursor: pointer;
}

.HR .f1 {
	width: 1200px;
	margin: 0 auto;
	padding: 4vw 0 6vw 0;
}

.HR .f1 .text {
	text-align: center;
}

.HR .f1 .text .tit {
	color: #00c7a1;
	font-size: 2vw;
	font-weight: bold;
}

.HR .f1 .text .des {
	color: #00c7a1;
	font-size: 1.2vw;
	margin: 1vw 0 2vw 0;
	line-height: 1.7;
}

.HR .f1 .text .info {
	color: #6f6f6f;
	font-size: 1vw;
	line-height: 1.7;
}

.HR .f1 .itemBox {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	margin-top: 3vw;
}

.HR .f1 .itemBox .item {
	width: 32%;
	height: 21vw;
	background-color: #ffffff;
	border-radius: 0.5vw;
	padding: 2vw;
	text-align: center;
}

.HR .f1 .itemBox .item .icon {
	width: 4.5vw;
	height: 6vw;
	margin: 0 auto;
}

.HR .f1 .itemBox .item .tit {
	color: #636363;
	font-size: 1.2vw;
	font-weight: bold;
}

.HR .f1 .itemBox .item .info {
	width: 1vw;
	height: 2px;
	margin: 1vw auto 0 auto;
	background: #00c7a1;
}

.HR .f1 .itemBox .item .des {
	height: 3vw;
	color: #777777;
	font-size: 0.85vw;
	margin-top: 2vw;
}

.HR .f1 .itemBox .item .more {
	display: block;
	width: 7vw;
	height: 2vw;
	border-radius: 1vw;
	border: 1px solid #00c7a1;
	margin: 0 auto;
	color: #00c7a1;
	font-size: 0.9vw;
	line-height: 1.7vw;
	margin-top: 1vw;
	transition: .5s all;
}

.HR .f1 .itemBox .item .more:hover {
	background: #00c7a1;
	color: white;
}

.HR .f1 .itemBox .item .more i {
	font-size: 1.3vw;
	position: relative;
	top: 0.1vw;
}

.HR .f1 .itemBox .item:nth-child(2) .icon {
	width: 5vw;
}

.HR .f1 .itemBox .item:nth-child(3) .icon {
	width: 3.5vw;
}

.HR .f2 {
	width: 100%;
	height: auto;
	background: url('../images/renli8.jpg') center no-repeat;
	background-size: cover !important;
	padding: 5vw 0;
}

.HR .f2 .text {
	text-align: center;
}

.HR .f2 .text .tit {
	color: #00c7a1;
	font-size: 2vw;
	font-weight: bold;
}

.HR .f2 .text .des {
	line-height: 2;
	color: #777777;
	font-size: 1vw;
	margin-top: 2vw;
}

.HR .f2 .f2Swiper {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 3vw auto;
}

.HR .f2 .f2Swiper .swiper-slide {
	transform: scale(0.9);
	transition: 0.5s all;
	text-align: center;
	color: #232323;
	font-size: 1vw;
	opacity: 0.5;
	margin-bottom: 25px;
}

.HR .f2 .f2Swiper .swiper-slide .img {
	width: 100%;
	height: 32vw;
	background-size: cover !important;
	margin: 0 auto 1vw auto;
}

.HR .f2 .f2Swiper .swiper-slide p {
	opacity: 0;
}

.HR .f2 .f2Swiper .swiper-slide-active,
.HR .f2 .f2Swiper .swiper-slide-duplicate-active {
	transform: scale(1);
	opacity: 1;
}

.HR .f2 .f2Swiper .swiper-slide-active .img,
.HR .f2 .f2Swiper .swiper-slide-duplicate-active .img {
	border: 3px solid #00c7a1;
}

.HR .f2 .f2Swiper .swiper-slide-active p,
.HR .f2 .f2Swiper .swiper-slide-duplicate-active p {
	opacity: 1;
}

.HR .f2 .f2Swiper .swiper-pagination {
	position: relative;
	bottom: 0px;
}

.HR .f2 .f2Swiper .swiper-pagination .swiper-pagination-bullet {
	width: 1vw;
	height: 5px;
	border-radius: 3px;
	background: #00c8a2;
}

.HR .f2 .f2Swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 2vw;
}

.HR .f2 .f2Swiper .swiper-button-next {
	top: inherit;
	margin-top: -1.5vw;
	right: 29vw;
	width: 3vw;
	height: 3vw;
	background: white;
	border: 2px solid #00c7a1;
	border-radius: 50%;
	transition: 0.3s all;
	top: 50%;
}

.HR .f2 .f2Swiper .swiper-button-prev {
	top: 50%;
	margin-top: -1.5vw;
	left: 29vw;
	width: 3vw;
	height: 3vw;
	background: white;
	border: 2px solid #00c7a1;
	border-radius: 50%;
	transition: 0.3s all;
}

.HR .f2 .f2Swiper .swiper-button-next:after,
.HR .f2 .f2Swiper .swiper-button-prev:after {
	font-size: 1vw;
	color: #00c7a1;
	transition: 0.3s all;
}

.HR .f2 .f2Swiper .swiper-button-prev:hover {
	background-color: #00c8a2;
}

.HR .f2 .f2Swiper .swiper-button-prev:hover:after {
	color: white;
}

.HR .f2 .f2Swiper .swiper-button-next:hover {
	background-color: #00c8a2;
}

.HR .f2 .f2Swiper .swiper-button-next:hover:after {
	color: white;
}

.social {
	background: #f4f4f4;
	margin-top: 4.5vw;
}

.social .bannerBox {
	width: 100%;
	height: 45vw;
	margin-top: 4vw;
	background-size: cover !important;
}

.social .serachs {
	width: 100%;
	background: white;
	padding: 6vw 0 3vw 0;
}

.social .serachs .serachBox {
	width: 1200px;
	margin: 0 auto;
}

.social .serachs .serachBox .title {
	text-align: center;
	color: #00c7a1;
	font-size: 2vw;
}

.social .serachs .serachBox .title::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: -4vw;
}

.social .serachs .serachBox .title::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: 1.5vw;
}

.social .serachs .serachBox .serachItem {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 4vw;
}

.social .serachs .serachBox .serachItem .item {
	width: 25%;
}

.social .serachs .serachBox .serachItem .item .name {
	color: #383838;
	font-size: 1vw;
}

.social .serachs .serachBox .serachItem .item .select {
	width: 100%;
	border-radius: 3px;
	border: solid 1px #d8d8d8;
	padding: 1vw;
	margin-top: 1vw;
}

.social .serachs .serachBox .serachItem .item .select select {
	width: 100%;
	outline: none;
	font-size: 0.9vw;
	border: transparent;
	background: transparent;
}

.social .serachs .serachBox .serachItem .item input {
	width: 100%;
	border-radius: 3px;
	border: solid 1px #d8d8d8;
	background: transparent;
	outline: none;
	padding: 1vw;
	margin-top: 1vw;
	font-size: 0.9vw;
}

.social .serachs .serachBox .serachItem .serachBtn {
	width: 15%;
	height: 3vw;
	background-color: #00c7a1;
	border-radius: 3vw;
	line-height: 3vw;
	text-align: center;
	font-size: 18px;
	color: white;
	margin-top: 2.2vw;
	cursor: pointer;
	transition: 0.5s all;
}

.social .serachs .serachBox .serachItem .serachBtn:hover {
	border-radius: 0.3vw;
}

.social .serachList {
	width: 1200px;
	margin: 0 auto;
	padding: 3vw 0 0 0;
}

.social .serachList .item {
	background: white;
	padding: 2vw;
	margin-bottom: 2vw;
}

.social .serachList .item:last-child {
	margin-bottom: 0;
}

.social .serachList .item .name {
	color: #636363;
	font-size: 1.2vw;
	font-weight: bold;
}

.social .serachList .item .tabBox {
	width: 100%;
	display: inline-block;
	margin-top: 1vw;
}

.social .serachList .item .tabBox .tab {
	color: #bdbdbd;
	display: inline-block;
	font-size: 0.9vw;
	margin-right: 2vw;
}

.social .serachList .item .tabBox .tab::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 1vw;
	background: gainsboro;
	margin-left: 1vw;
	margin-top: 0.15vw;
}

.social .serachList .item .tabBox .tab:last-child::after {
	content: inherit;
}

.social .serachList .item .textBox {
	width: 100%;
	border-top: 1px solid gainsboro;
	margin-top: 1vw;
	padding: 1vw 0 0 0;
	display: flex;
	justify-content: space-between;
}

.social .serachList .item .textBox .des {
	width: 80%;
	color: #555555;
	font-size: 0.9vw;
	line-height: 1.7;
}

.social .serachList .item .textBox .more {
	display: block;
	width: 7vw;
	height: 2vw;
	border-radius: 1vw;
	border: 2px solid #00c7a1;
	text-align: center;
	line-height: 1.8vw;
	color: #00c7a1;
	margin-top: 1vw;
	transition: 0.5s all;
}

.social .serachList .item .textBox .more:hover {
	background: #00c7a1;
	color: white;
}

.social .QA {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 5vw 0;
}

.social .QA .title {
	text-align: center;
	color: #00c7a1;
	font-size: 2vw;
}

.social .QA .title::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: -4vw;
}

.social .QA .title::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: 1.5vw;
}

.social .QA .qaBox {
	margin-top: 1vw;
}

.social .QA .qaBox .item {
	margin-top: 2vw;
	cursor: pointer;
}

.social .QA .qaBox .item .q {
	display: flex;
	justify-content: space-between;
	padding: 1vw 1vw 1vw 2vw;
	color: #00c7a1;
	background: white;
}

.social .QA .qaBox .item .q .name {
	font-size: 1vw;
	font-weight: bold;
}

.social .QA .qaBox .item .q .name::before {
	content: '';
	width: 2vw;
	height: 2vw;
	position: absolute;
	background: url('../images/renli10.png') center no-repeat;
	background-size: contain !important;
	margin-top: -1.5vw;
	margin-left: -2.5vw;
}

.social .QA .qaBox .item .q .open {
	width: 45px;
	font-size: 14px;
	display: flex;
	align-items: center;
	height: 20px;
	justify-content: space-between;
}

.social .QA .qaBox .item .q .open i {
	position: relative;
	display: block;
	font-size: 12px;
}

.social .QA .qaBox .item .a {
	background: white;
	color: #515151;
	font-size: 1vw;
	height: 0;
	opacity: 0;
	transition: 0.5s all;
	position: relative;
}

.social .QA .qaBox .item .a::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0 10px 10px;
	border-style: solid;
	border-color: transparent transparent white;
	margin-top: 0px;
	top: -10px;
}

.social .QA .qaBox .active .q .open span i {
	transform: rotate(180deg);
}

.social .QA .qaBox .active .a {
	opacity: 1;
	margin-top: 2vw;
	padding: 2vw;
	height: auto;
	line-height: 1.7;
}

.socialDetail {
	background: #f4f4f4;
	margin-top: 4vw;
}

.socialDetail .bannerBox {
	width: 100%;
	height: 30vw;
	background-size: cover !important;
}

.socialDetail .w1200 {
	width: 1200px;
	margin: 0 auto;
}

.socialDetail .detailBox {
	width: 100%;
	margin: 0 auto;
	padding: 4vw 0;
	display: inline-block;
}

.socialDetail .detailBox .left {
	width: 65%;
	background: white;
	padding: 4vw 3vw;
	display: inline-block;
	float: left;
}

.socialDetail .detailBox .left .headBox .head {
	display: flex;
	justify-content: space-between;
	font-size: 1.5vw;
}

.socialDetail .detailBox .left .headBox .head .tit {
	color: #222222;
}

.socialDetail .detailBox .left .headBox .head .salary {
	color: #00c7a1;
}

.socialDetail .detailBox .left .headBox .tabBox {
	width: 100%;
	display: inline-block;
	margin-top: 1vw;
}

.socialDetail .detailBox .left .headBox .tabBox .tab {
	color: #bdbdbd;
	display: inline-block;
	font-size: 0.9vw;
	margin-right: 2vw;
}

.socialDetail .detailBox .left .headBox .tabBox .tab::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 1vw;
	background: gainsboro;
	margin-left: 1vw;
	margin-top: 0.15vw;
}

.socialDetail .detailBox .left .headBox .tabBox .tab:last-child::after {
	content: inherit;
}

.socialDetail .detailBox .left .desBox {
	margin-top: 2vw;
	border-top: 1px solid gainsboro;
}

.socialDetail .detailBox .left .desBox .item {
	margin-top: 2vw;
}

.socialDetail .detailBox .left .desBox .item .tit {
	color: #242323;
	font-size: 1vw;
}

.socialDetail .detailBox .left .desBox .item .tit i {
	color: #00c7a1;
	margin-right: 0.5vw;
}

.socialDetail .detailBox .left .desBox .item .des {
	color: #505050;
	font-size: 0.9vw;
	line-height: 1.7;
	margin-top: 1vw;
}

.socialDetail .detailBox .left .deliver {
	display: block;
	width: 9vw;
	height: 2.2vw;
	line-height: 2.2vw;
	border-radius: 1vw;
	text-align: center;
	color: #00c7a1;
	font-size: 1vw;
	border: 1px solid #00c7a1;
	margin-top: 3vw;
	transition: 0.5s all;
	cursor: pointer;
}

.socialDetail .detailBox .left .deliver:hover {
	background: #00c7a1;
	color: white;
}

.socialDetail .detailBox .right {
	width: 33%;
	margin-left: 2%;
	background: white;
	display: inline-block;
}

.socialDetail .detailBox .right .tit {
	background: #edfbf8;
	display: flex;
	justify-content: space-between;
	padding: 2vw;
	font-size: 1vw;
	margin-bottom: 1vw;
}

.socialDetail .detailBox .right .tit .t {
	font-weight: bold;
}

.socialDetail .detailBox .right .tit .more {
	font-size: 0.9vw;
	color: #00c7a1;
}

.socialDetail .detailBox .right .item {
	padding: 1vw;
	margin: 0 1vw;
	display: block;
}

.socialDetail .detailBox .right .item .name {
	color: #202020;
	font-size: 0.9vw;
	font-weight: bold;
}

.socialDetail .detailBox .right .item .tabBox {
	width: 100%;
	display: inline-block;
	margin-top: 0.5vw;
	line-height: 1.7;
}

.socialDetail .detailBox .right .item .tabBox .tab {
	color: #bdbdbd;
	display: inline-block;
	font-size: 0.85vw;
	margin-right: 2vw;
}

.socialDetail .detailBox .right .item .tabBox .tab::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 1vw;
	background: gainsboro;
	margin-left: 1vw;
	margin-top: 0.15vw;
}

.socialDetail .detailBox .right .item .tabBox .tab:last-child::after {
	content: inherit;
}

.socialDetail .detailBox .right .item:hover {
	background: #f9f9f9;
}

.wall .bannerBox {
	width: 100%;
	height: 34vw;
	background-size: cover !important;
	margin-top: 84px;
}

.wall .title {
	font-size: 48px;
	font-weight: 500;
	position: relative;
	color: #009c73;
	padding-bottom: 15px;
	text-align: center;
	margin-bottom: 50px;
}

.wall .title::before {
	content: initial;
}

.wall .title::after {
	width: 25px;
	height: 8px;
	position: absolute;
	left: 50%;
	margin-left: -12.5px;
	bottom: 0;
	content: '';
	background: #009c73;
	border-radius: 15px 0px 15px 0;
}

.wallTab {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 1vw 0;
	position: sticky;
	top: 4.5vw;
	background: white;
	z-index: 22;
}

.wallTab .item {
	display: inline-block;
	width: 9vw;
	height: 2.2vw;
	border-radius: 3vw;
	border: 1px solid #00c7a1;
	line-height: 2.2vw;
	font-size: 16px;
	color: #00c7a1;
	margin: 0 1vw;
}

.wallTab .active {
	background: #00c7a1;
	color: white;
}

.wallTab .item:hover {
	background: #00c7a1;
	color: white;
}

.wall .text {
	margin-top: 3vw;
	text-align: center;
}

.wall .text .tit {
	color: #333333;
	font-size: 28px;
}

.wall .text .des {
	line-height: 2;
	color: #626262;
	font-size: 16px;
	margin-top: 2vw;
}

.wall .wallBox {
	margin-bottom: 5vw;
}

.wall .wallBox .item {
	display: flex;
	padding-top: 5vw;
}

.wall .wallBox .item .imgBox {
	width: 70vw;
	height: 38vw;
	overflow: hidden;
}

.wall .wallBox .item .imgBox .img {
	width: 70vw;
	height: 38vw;
	background-size: cover !important;
}

.wall .wallBox .item .imgBox::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 10;
	left: 0;
	top: 0;
	background-color: #ffffff;
	transition: all 1s;
}

.wall .wallBox .item .textBox {
	width: 25vw;
	padding-left: 6vw;
	padding-top: 10vw;
	padding-right: 6vw;
}

.wall .wallBox .item .textBox .tit {
	color: #00c7a1;
}

.wall .wallBox .item .textBox .tit .cn {
	font-size: 28px;
	margin-bottom: 0.7vw;
}

.wall .wallBox .item .textBox .tit .en {
	font-size: 16px;
}

.wall .wallBox .item .textBox .des {
	color: #686868;
	font-size: 16px;
	line-height: 2;
	margin-top: 2vw;
	text-align: justify;
}

.wall .wallBox .item .textBox .more {
	display: block;
	width: 9vw;
	height: 2.2vw;
	border-radius: 3px;
	text-align: center;
	line-height: 2.2vw;
	font-size: 14px;
	color: #00c7a1;
	background: rgba(0, 199, 161, 0.05);
	border: 1px solid #00c7a1;
	margin-top: 4vw;
	transition: .5s all;
}

.wall .wallBox .item .textBox .more:hover {
	background: #0fc096;
	color: white;
}

.wall .wallBox .active .imgBox::after {
	height: 0;
}

.wall .wallDetail {
	padding: 0 6vw 5vw 6vw;
	display: inline-block;
}

.wall .wallDetail .item {
	width: 42vw;
	height: 30vw;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin-right: 2vw;
	margin-bottom: 2vw;
	cursor: pointer;
}

.wall .wallDetail .item img {
	width: 42vw;
	height: 30vw;
	background-size: cover !important;
	transition: .5s all;
}

.wall .wallDetail .item:hover img {
	transform: scale(1.1);
}

.wall .wallDetail .item:nth-child(2n) {
	margin-right: 0;
}

.school {
	background: #f8f8f8;
}

.school .bannerBox {
	width: 100%;
	height: 55vw;
	margin-top: 4vw;
	background-size: cover !important;
}

.school .serachs {
	width: 100%;
	background: white;
	padding: 6vw 0 3vw 0;
}

.school .serachs .stroke {
	width: 1300px;
	margin: 0 auto;
}

.school .serachs .stroke .title {
	text-align: center;
	color: #00c7a1;
	font-size: 2vw;
}

.school .serachs .stroke .title::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: -4vw;
}

.school .serachs .stroke .title::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: 1.5vw;
}

.school .serachs .stroke .strokeTab {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}

.school .serachs .stroke .strokeTab .item {
	display: inline-block;
	color: #656565;
	font-size: 1vw;
	margin: 1vw;
	cursor: pointer;
}

.school .serachs .stroke .strokeTab .item::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 1vw;
	background: gainsboro;
	margin-left: 1vw;
	margin-top: 0.15vw;
}

.school .serachs .stroke .strokeTab .item:last-child::after {
	content: inherit;
}

.school .serachs .stroke .strokeTab .active {
	color: #00c7a1;
}

.school .serachs .stroke .cq,
.school .serachs .stroke .xa {
	display: none;
}

.school .serachs .stroke .serachsSwiper {
	width: 1200px;
	height: 13vw;
	margin-top: 1vw;
	margin-bottom: 5vw;
	padding: 0 1vw;
	display: none;
}

.school .serachs .stroke .serachsSwiper .swiper-slide {
	padding-top: 1vw;
}

.school .serachs .stroke .serachsSwiper .swiper-slide .item {
	width: 100% !important;
	height: 9vw !important;
	box-shadow: 0 1px 10px 0 gainsboro;
}

.school .serachs .stroke .serachsSwiper .swiper-slide .item .name {
	color: #636363;
	font-size: 1vw;
	font-weight: bold;
	padding: 1vw 2vw;
	background: #f1fcfa;
}

.school .serachs .stroke .serachsSwiper .swiper-slide .item .text {
	padding: 1vw 2vw;
	color: #787878;
	font-size: 0.9vw;
}

.school .serachs .stroke .serachsSwiper .swiper-slide .item .text .time {
	margin-bottom: 0.5vw;
}

.school .serachs .stroke .serachsSwiper .swiper-slide .item .text i {
	color: #00c7a1;
}

.school .serachs .stroke .serachsSwiper .swiper-pagination-bullet {
	background: #00c7a1;
}

.school .serachs .serachBox {
	width: 1200px;
	margin: 0 auto;
}

.school .serachs .serachBox .title {
	text-align: center;
	color: #00c7a1;
	font-size: 2vw;
}

.school .serachs .serachBox .title::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: -4vw;
}

.school .serachs .serachBox .title::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: 1.5vw;
}

.school .serachs .serachBox .serachItem {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 4vw;
}

.school .serachs .serachBox .serachItem .item {
	width: 25%;
}

.school .serachs .serachBox .serachItem .item .name {
	color: #383838;
	font-size: 1vw;
}

.school .serachs .serachBox .serachItem .item .select {
	width: 100%;
	height: 3vw;
	border-radius: 3px;
	border: solid 1px #d8d8d8;
	padding: 1vw;
	margin-top: 1vw;
}

.school .serachs .serachBox .serachItem .item .select select {
	width: 100%;
	outline: none;
	font-size: 0.9vw;
	border: transparent;
	background: transparent;
}

.school .serachs .serachBox .serachItem .item input {
	width: 100%;
	height: 3vw;
	border-radius: 3px;
	border: solid 1px #d8d8d8;
	background: transparent;
	outline: none;
	padding: 1vw;
	margin-top: 1vw;
	font-size: 0.9vw;
}

.school .serachs .serachBox .serachItem .serachBtn {
	width: 15%;
	height: 3vw;
	background-color: #00c7a1;
	border-radius: 3vw;
	line-height: 3vw;
	text-align: center;
	font-size: 0.9vw;
	color: white;
	margin-top: 2.2vw;
	cursor: pointer;
	transition: 0.5s all;
}

.school .serachs .serachBox .serachItem .serachBtn:hover {
	border-radius: 0.3vw;
}

.school .serachList {
	width: 1200px;
	margin: 0 auto;
	padding: 3vw 0 0 0;
}

.school .serachList .item {
	background: white;
	padding: 2vw;
	margin-bottom: 2vw;
}

.school .serachList .item:last-child {
	margin-bottom: 0;
}

.school .serachList .item .name {
	color: #202020;
	font-size: 1.2vw;
	font-weight: bold;
}

.school .serachList .item .tabBox {
	width: 100%;
	display: inline-block;
	margin-top: 1vw;
}

.school .serachList .item .tabBox .tab {
	color: #bdbdbd;
	display: inline-block;
	font-size: 0.9vw;
	margin-right: 2vw;
}

.school .serachList .item .tabBox .tab::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 1vw;
	background: gainsboro;
	margin-left: 1vw;
	margin-top: 0.15vw;
}

.school .serachList .item .tabBox .tab:last-child::after {
	content: inherit;
}

.school .serachList .item .textBox {
	width: 100%;
	border-top: 1px solid gainsboro;
	margin-top: 1vw;
	padding: 1vw 0 0 0;
	display: flex;
	justify-content: space-between;
}

.school .serachList .item .textBox .des {
	width: 80%;
	color: #555555;
	font-size: 0.9vw;
	line-height: 1.7;
}

.school .serachList .item .textBox .more {
	display: block;
	width: 7vw;
	height: 2vw;
	border-radius: 1vw;
	border: 2px solid #00c7a1;
	text-align: center;
	line-height: 1.8vw;
	color: #00c7a1;
	margin-top: 1vw;
	transition: 0.5s all;
}

.school .serachList .item .textBox .more:hover {
	background: #00c7a1;
	color: white;
}

.school .QA {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 5vw 0;
}

.school .QA .title {
	text-align: center;
	color: #00c7a1;
	font-size: 2vw;
}

.school .QA .title::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: -4vw;
}

.school .QA .title::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: 1.5vw;
}

.school .QA .qaBox {
	margin-top: 1vw;
}

.school .QA .qaBox .item {
	margin-top: 2vw;
	cursor: pointer;
}

.school .QA .qaBox .item .q {
	display: flex;
	justify-content: space-between;
	padding: 1vw 1vw 1vw 2vw;
	color: #00c7a1;
	background: white;
}

.school .QA .qaBox .item .q .name {
	font-size: 1vw;
	font-weight: bold;
}

.school .QA .qaBox .item .q .name::before {
	content: '';
	width: 2vw;
	height: 2vw;
	position: absolute;
	background: url('../images/renli10.png') center no-repeat;
	background-size: contain !important;
	margin-top: -1.5vw;
	margin-left: -2.5vw;
}

.school .QA .qaBox .item .q .open {
	width: 45px;
	font-size: 14px;
	display: flex;
	align-items: center;
	height: 20px;
	justify-content: space-between;
}

.school .QA .qaBox .item .q .open i {
	position: relative;
	display: block;
	font-size: 12px;
}

.school .QA .qaBox .item .a {
	background: white;
	color: #515151;
	font-size: 1vw;
	line-height: 1.7;
	opacity: 0;
	height: 0;
	transition: 0.5s all;
}

.school .QA .qaBox .item .a::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0 1.8vw 1.8vw;
	border-style: solid;
	border-color: transparent transparent white;
	margin-top: -3.5vw;
}

.school .QA .qaBox .active .q .open span i {
	transform: rotate(180deg);
}

.school .QA .qaBox .active .a {
	height: auto;
	opacity: 1;
	padding: 2vw;
	margin-top: 2vw;
}

.school .process {
	width: 100%;
	margin: 0 auto;
	background: transparent;
	padding: 0 0 5vw 0;
}

.school .process .title {
	text-align: center;
	color: #00c7a1;
	font-size: 2vw;
}

.school .process .title::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: -4vw;
}

.school .process .title::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: 1.5vw;
}

.school .process img {
	width: 80vw;
	margin: 0 auto;
}

.school .cooperation {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 5vw 0;
}

.school .cooperation .title {
	text-align: center;
	color: #00c7a1;
	font-size: 2vw;
}

.school .cooperation .title::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: -4vw;
}

.school .cooperation .title::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: 1.5vw;
}

.school .cooperation .cooperationBox {
	width: 100%;
	display: inline-block;
	margin-top: 4vw;
}

.school .cooperation .cooperationBox .item {
	width: calc(20% - 12px);
	display: inline-block;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.school .cooperation .cooperationBox .item:nth-child(5n) {
	margin-right: 0;
}

.development {
	margin-top: 4.5vw;
}

.development .bannerBox {
	width: 100%;
	height: 45vw;
	margin-top: 4vw;
	background-size: cover !important;
}

.development .f1 {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 5vw;
}

.development .f1 .title {
	text-align: center;
	margin: 4vw 0;
	color: #00c7a1;
	font-size: 2vw;
}

.development .f1 .title::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: -4vw;
}

.development .f1 .title::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: 1.5vw;
}

.development .f2 {
	width: 100%;
	height: auto;
	background: url('../images/renli15.jpg') center no-repeat;
	background-size: cover !important;
	padding: 4vw 0;
}

.development .f2 .title {
	text-align: center;
	color: #00c7a1;
	font-size: 2vw;
}

.development .f2 .title::before {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: -4vw;
}

.development .f2 .title::after {
	content: '';
	position: absolute;
	width: 2vw;
	height: 1px;
	background: #00c7a1;
	margin-top: 1.4vw;
	margin-left: 1.5vw;
}

.development .f2 .w1200 {
	width: 1200px;
	margin: 0 auto;
}

.development .f2 .f2Box {
	display: flex;
	margin-top: 3vw;
}

.development .f2 .f2Box .item {
	width: 33%;
	height: 15rem;
	background-size: contain !important;
	text-align: center;
	margin-right: 1.5vw;
}

.development .f2 .f2Box .item .tit {
	color: #363636;
	font-size: 26px;
	margin-top: 6rem;
	margin-bottom: 1vw;
}

.development .f2 .f2Box .item .des {
	color: #777777;
	line-height: 2;
	font-size: 16px;
}

.development .f2 .f2Box .item:last-child {
	margin-right: 0;
}

.development .f2 .info {
	width: 100%;
	padding: 1.5vw 0;
	text-align: center;
	color: #00c7a1;
	background: white;
	display: block;
	font-size: 24px;
	margin-bottom: 1vw;
	border-radius: 5px;
	overflow: hidden;
}

.freeAppointment2 {
	position: fixed;
	right: 6%;
	overflow: hidden;
	top: 40%;
	transition: ease 0.4s;
	border-radius: 10px;
	width: 0;
	padding-right: 0;
	opacity: 0;
	visibility: hidden;
}

.freeAppointmentOver2 {
	width: 300px;
	position: relative;
	background: white;
	padding: 24px;
}

.freeAppointmentOver2:after {
	content: '';
	position: absolute;
	top: 12%;
	right: -20px;
	width: 0;
	height: 0;
	border: 11px solid;
	border-color: transparent transparent transparent white;
}

.freeAppointment2.active {
	width: 315px;
	padding-right: 15px;
	opacity: 1;
	visibility: visible;
}

.freeAppointment2 .btnOff {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: ease 0.4s;
}

.freeAppointmentOver2 .item {
	margin-bottom: 10px;
}

.freeAppointmentOver2 .item .tit {
	color: #303030;
	font-size: 18px;
	font-weight: bold;
}

.freeAppointmentOver2 .item .tit i {
	color: #00c7a1;
	margin-right: 3px;
	margin-bottom: 5px;
}

.freeAppointmentOver2 .item:nth-child(2) {
	margin-bottom: 0;
}

.freeAppointmentOver2 .item:nth-child(2) i {
	font-size: 20px;
}

.freeAppointmentOver2 .item .des {
	color: #727272;
	line-height: 1.7;
	font-size: 16px;
	padding-left: 28px;
}

@keyframes buzz {
	5% {
		transform: translateX(-3px) rotate(-2deg);
	}

	7.5% {
		transform: translateX(3px) rotate(2deg);
	}

	10% {
		transform: translateX(-3px) rotate(-2deg);
	}

	12.5% {
		transform: translateX(2px) rotate(1deg);
	}

	15% {
		transform: translateX(-2px) rotate(-1deg);
	}

	17.5% {
		transform: translateX(2px) rotate(1deg);
	}

	20% {
		transform: translateX(-2px) rotate(-1deg);
	}

	22.5% {
		transform: translateX(1px) rotate(0);
	}

	25% {
		transform: translateX(-1px) rotate(0);
	}
}

.phoneBoxModal {
	position: fixed;
	top: 40%;
	right: 2%;
	z-index: 9;
}

.phoneBoxModal .phone {
	width: 56px;
	height: 56px;
	background-color: #ffffff;
	border-radius: 50%;
	color: #00c7a1;
	font-size: 28px;
	text-align: center;
	line-height: 56px;
	cursor: pointer;
	box-shadow: 0 1px 10px 0 grey;
}

.phoneBoxModal .phone::before {
	content: '';
	position: absolute;
	width: 68px;
	height: 68px;
	background: rgba(255, 255, 255, .4);
	border-radius: 50%;
	margin-left: -20px;
	margin-top: -5px;
}

.renziFooter {
	width: 100%;
	background: #22cdab;
	padding: 35px 0;
}

.renziBox {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.renziBox .qrcodeBox {
	display: flex;
}

.renziBox .qrcodeBox .qrcode {
	width: 130px;
	text-align: center;
	font-size: 14px;
	color: white;
}

.renziBox .qrcodeBox .qrcode:first-child {
	margin-right: 20px;
}

.renziBox .qrcodeBox .qrcode img {
	margin-bottom: 5px;
}

.renziBox .phoneBox {
	text-align: center;
	color: white;
}

.renziBox .phoneBox:nth-child(2) {
	border-left: 1px solid #91e6d5;
	border-right: 1px solid #91e6d5;
	padding: 0 120px;
}

.renziBox .phoneBox .tit {
	font-size: 24px;
	font-weight: bold;
}

.renziBox .phoneBox .address {
	font-size: 16px;
	margin: 15px 0;
}

.renziBox .phoneBox .phone {
	font-size: 26px;
	display: block;
}

.resumeModal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: .5s all;
	pointer-events: none;
}

.resumeModal.active {
	opacity: 1;
	pointer-events: all;
}

.resumeModal .resumeBox {
	position: absolute;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	padding: 3vw 3vw 6vw 3vw;
	width: 60%;
	background-color: #fff;
	transform: translate(-50%, -50%);
}

.resumeModal .resumeBox .close {
	position: absolute;
	font-size: 26px;
	right: 1vw;
	top: 1vw;
	cursor: pointer;
}

.resumeModal .resumeBox .tit {
	font-size: 32px;
	color: #00c7a1;
	text-align: center;
}

.resumeModal .resumeBox form {
	width: 100%;
	display: inline-block;
}

.resumeModal .resumeBox form .inputBox {
	width: 50%;
	display: inline-block;
	float: left;
	margin-top: 2vw;
}

.resumeModal .resumeBox form .inputBox .name {
	display: inline-block;
	float: left;
	font-size: 16px;
	width: 6vw;
	position: relative;
	top: .3vw;
}

.resumeModal .resumeBox form .inputBox .name span {
	content: '*';
	color: red;
	position: absolute;
	margin-left: -3px;
}

.resumeModal .resumeBox form .inputBox input {
	display: inline-block;
	width: 15vw;
	height: 2vw;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
	text-indent: 1vw;
}

.resumeModal .resumeBox form .inputBox input:focus {
	border: 1px solid #0fc096;
}

.resumeModal .resumeBox form .inputBox select {
	display: inline-block;
	width: 15vw;
	height: 2vw;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
	text-indent: 1vw;
}

.resumeModal .resumeBox form .inputBox .file {
	opacity: 0;
}

.resumeModal .resumeBox form .inputBox .up {
	width: 15vw;
	height: 2vw;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
	text-indent: 1vw;
	position: absolute;
	margin-left: 6vw;
	color: #cccccc;
	line-height: 2vw;
}

.resumeModal .resumeBox form .inputBox .up i {
	font-size: 1vw;
	position: absolute;
	padding-right: 1vw;
	right: 0;
}

.resumeModal .resumeBox .resumeBtn {
	width: 10vw;
	height: 3vw;
	line-height: 3vw;
	font-size: 16px;
	color: white;
	margin: 0 auto;
	border-radius: 5px;
	text-align: center;
	background: #00c7a1;
	clear: both;
	cursor: pointer;
	position: relative;
	top: 3vw;
}

#page {
	padding: 3vw 0 5vw 0;
	display: block;
	text-align: center;
}

#page li {
	display: inline-block;
	min-width: 40px;
	height: auto;
	cursor: pointer;
	color: #666;
	font-size: 14px;
	line-height: 38px;
	background-color: transparent;
	border: 1px solid transparent;
	text-align: center;
	margin: 0 4px;
	-webkit-appearance: none;
}

.xl-nextPage,
.xl-prevPage {
	width: 60px;
	color: #00c7a1;
	height: 28px;
}

#page li.xl-nextPage,
#page li.xl-prevPage {
	display: none;
}

#page li.xl-disabled {
	opacity: .5;
	cursor: no-drop;
}

#page li.xl-disabled:hover {
	background-color: #f9f9f9 !important;
	border: 1px solid #dce0e0 !important;
	color: #666 !important;
}

#page li.xl-active {
	background-color: #00c7a1;
	border-color: transparent;
	color: #fff;
}

#page li:hover {
	background-color: #00c7a1 !important;
	border-color: #00c7a1;
	color: #FFF
}

#page li.xl-jumpText {
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
	opacity: 1;
}

#page li.xl-jumpText:hover {
	background-color: rgba(0, 0, 0, 0) !important;
	border-color: rgba(0, 0, 0, 0) !important;
}

#page li.xl-jumpButton {
	padding: 0 5px;
}

/*.freeAppointment::before {*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	left: 0%;*/
/*	top: 0%;*/
/*	background: url(../images/freeAppointmentBg2025.png) center no-repeat;*/
/*	background-size: cover !important;*/
/*	content: '';*/
/*	z-index: 3;*/
/*}*/

/*.freeAppointment::after {*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	left: 0%;*/
/*	top: 0%;*/
/*	border-radius: 5%;*/
/*	content: '';*/
/*	background: rgba(255, 255, 255, .1);*/
/*	border: 1px solid rgba(255, 255, 255, .5);*/
/*	pointer-events: none;*/
/*	-webkit-transform: rotate(0deg);*/
/*	-webkit-transition: all .5s ease .45s;*/
/*}*/

/*.freeAppointment.active::after {*/
/*	-webkit-transform: rotate(5deg);*/
/*}*/

.freeAppointment .formBox input::-webkit-input-placeholder {
	color: #878787;
}

.freeAppointment {
	position: fixed;
	right: 100px;
	width: 350px;
	height: 410px;
	top: 50%;
	background: url(../images/freeAppointmentBg2025.png?v4.0.0) center no-repeat;
	background-size: contain !important;
	-webkit-transform: translateY(-50%);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	padding: 35px 60px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
}

.freeMask {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0%;
	top: 0%;
	background: rgba(0, 0, 0, .5);
	pointer-events: none;
	-webkit-transition: all .45s;
	opacity: 0;
	visibility: hidden;
	z-index: 900;
}

.freeMask.active {
	opacity: 1;
	visibility: visible;
}
.freeAppointment.active {
	right: 140px;
	opacity: 1;
	visibility: visible;
}

.freeAppointment .btnOff {
	position: absolute;
	color: #0fc096;
	font-size: 16px;
	cursor: pointer;
	width: 12px;
	height: 12px;
	text-align: center;
	border-radius: 50%;
	line-height: 35px;
	right: 40px;
	z-index: 5;
	top: 13px;
	-webkit-transition: all .45s;
}

.freeAppointment .btnOff:hover {
	-webkit-transform: rotate(45deg);
}

.freeAppointment .title {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 5;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.freeAppointment .name {
	width: 100%;
	text-align: center;
	color: #6d6d6d;
	font-size: 18px;
	margin-bottom: 1vw;
	font-weight: bold;
}

.freeAppointment .round {
	font-size: 14px;
	color: #3dc7a0;
}

.freeAppointment .round i {
	width: 55px;
	height: auto;
	display: block;
	position: relative;
	margin-bottom: 5px;
}

.freeAppointment .round i img {
	width: 100%;
	display: block;
}

.freeAppointment .formBox {
	overflow: hidden;
	position: relative;
	top: 20px;
	z-index: 5;
}

.freeAppointment .formBox .input+.input {
	margin-top: 15px
}

.freeAppointment .formBox input {
	line-height: 45px;
	height: 45px;
	border: none;
	width: 100%;
	background: #e3f7f1;
	display: block;
	padding-left: 15px;
	border-radius: 5px;
}

.freeAppointment .btnSubmit {
	width: 200px;
	height: 45px;
	box-shadow: 0 5px 20px 0 rgba(0, 199, 161, 0.33);
	border-radius: 25px;
	line-height: 35px;
	margin: 55px auto 30px auto;
	text-align: center;
	background: #49caa5;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	/* font-weight: bold; */
	display: flex;
	align-items: center;
	justify-content: center;
}
.freeAppointment .btnSubmit img{
	width: 19px;
	height: 33px;
	position: relative;
	top: 1px;
}
.freeAppointment .btnSubmit:hover {
	background: #49caa5;
	color: #fff;
}

.pc {
	display: block;
}

.mobile {
	display: none;
}

.header {
	width: 100%;
	display: flex;
	position: fixed;
	top: 0;
	padding: 0 3%;
	justify-content: space-between;
	align-items: center;
	-webkit-transition: all .5s;
	z-index: 400;
	background: #fff;
}

.header.active2 {
	background: transparent;
}

.header.active2 .nav ul li a {
	color: white;
}

.header.active {
	background: #fff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .05);
}

.header .nav ul li a {
	color: #3e3e3e;
	-webkit-transition: all .45s;
}

.header.active .nav ul li a {
	color: #3e3e3e;
}

.header.active .nav ul li a:hover {
	color: #00c7a1;
}

.nav ul li ul {
	width: 100%;
	position: absolute;
	display: block;
	background: white;
	opacity: 0;
	pointer-events: none;
	transition: .5s all;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-top: transparent;
}

.nav ul li.has2.active ul {
	opacity: 1;
	pointer-events: all;
}

.nav ul li ul li {
	width: 100%;
	margin: 0;
}

.nav ul li ul li a {
	line-height: inherit;
	justify-content: inherit;
	display: block;
	padding: .8vw 0;
	color: #3e3e3e;
}

.nav ul li a:hover span:nth-child(2) {
	animation-delay: .02s;
}

.nav ul li a:hover span:nth-child(3) {
	animation-delay: .04s;
}

.nav ul li a:hover span:nth-child(4) {
	animation-delay: .06s;
}

@keyframes buttonHoverKey {
	0% {
		opacity: 1;
		transform: translateY(0%);
	}

	40% {
		opacity: 0;
		transform: translateY(-10%);
	}

	40.5% {
		opacity: 0;
		transform: translateY(30%);
	}

	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}

.subHeader {
	width: 100%;
	height: 0px;
	position: fixed;
	left: 0%;
	top: 0%;
	-webkit-transition: all .55s ease;
	opacity: 0;
	visibility: hidden;
	padding-top: 85px;
	background: #fff;
	padding-bottom: 85px;
	pointer-events: none;
	z-index: 400;
}

.subHeader.active {
	height: 536px;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.subMenuBar {
	width: 100%;
	height: 90px;
	position: absolute;
	left: 0%;
	bottom: 0%;
	background: #f8f8f8;
	display: flex;
	justify-content: center;
}

.subMenuBar a:hover {
	color: #2cc9a1;
}

.subMenuBar a {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 15px;
	margin-left: 15px;
}

.subMenuBar a.jj .icon {
	background-position: 0px 0px;
}

.subMenuBar a.bx .icon {
	background-position: -40px 0px;
}

.subMenuBar a.cx .icon {
	background-position: -80px 0px;
}

.ligtboxw {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0%;
	top: 0%;
	background: rgba(255, 255, 255, .9);
	z-index: 9;
}

.ligtboxw .lbox {
	width: 800px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	background-color: #fff;
	border: 10px solid #f3f3f3;
	box-shadow: 0px 0px 20px 10px #d3d3d3;
	padding: 50px 0px;
}

.lbox .formBox {
	width: 100%;
	padding: 0px 10%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.lbox .formBox .input {
	width: 48%;
	height: auto;
	line-height: 1;
	border: 0px;
}

.lbox .formBox .input input {
	height: 50px;
	width: 100%;
	border: none;
	outline: none;
	color: #666;
	font-size: 16px;
	background-color: #f5f5f5;
	border-radius: 5px;
	text-indent: 20px;
}

.sjSubmit {
	width: 170px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	background-color: #2fc7a0;
	margin: auto;
	margin-top: 40px;
	cursor: pointer;
}

.li_close {
	width: 36px;
	height: 36px;
	background: #3dbfa0 url(../images/closeico.png) no-repeat center center;
	background-size: 20px;
	border-radius: 20px;
	position: fixed;
	right: -50px;
	top: -40px;
	cursor: pointer;
}

.lbox .name {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.lbox .name .img {
	width: 140px;
	height: auto;
}

.lbox .txt {
	text-align: center;
	font-size: 18px;
	width: 100%;
	margin-top: 15px;
}

.subMenuBar a .icon {
	width: 40px;
	height: 40px;
	position: relative;
	background: url(../images/menu_icon.png) no-repeat;
}

.subMenuBar a.sj .icon {
	background: transparent;
	padding: 2px;
}

.subMenuBar a p {
	display: block;
	width: 70px;
	line-height: 40px;
	font-size: 16px;
	margin-left: 5px;
}

.subNav {
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px 3%;
}

.subNav ul {
	display: flex;
	opacity: 0;
	visibility: hidden;
	justify-content: center;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 0%;
	padding: 0px 3%;
}

.subNav ul li {
	width: calc(100% / 8);
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	position: relative;
	opacity: 0;
	-webkit-transform: translateY(5%);
}

.subNav ul.active li {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-webkit-transition: all .5s;
}

.subNav ul.active li:nth-child(2) {
	-webkit-transition: all .5s ease .1s;
}

.subNav ul.active li:nth-child(3) {
	-webkit-transition: all .5s ease .2s;
}

.subNav ul.active li:nth-child(4) {
	-webkit-transition: all .5s ease .3s;
}

.subNav ul.active li:nth-child(5) {
	-webkit-transition: all .5s ease .4s;
}

.subNav ul.active li:nth-child(6) {
	-webkit-transition: all .5s ease .5s;
}

.subNav ul.active li:nth-child(7) {
	-webkit-transition: all .5s ease .6s;
}

.subNav ul li a {
	display: block;
	width: 100%;
	line-height: 40px;
	position: relative;
	font-size: 16px;
	color: #7a7a7a;
	-webkit-transition: all .35s;
}

.subNav ul li a:hover,
.subNav ul li a:first-child:hover {
	color: #2cc9a1;
}

.subNav ul li a:first-child {
	color: #3e3e3e;
	font-size: 18px;
	position: relative;
	line-height: 65px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	margin-bottom: 10px;
}

.subNav ul.active {
	opacity: 1;
	visibility: visible;
}

.logo {
	width: 200px;
	position: relative;
}

.socail {
	width: 200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.socail a,
.socail .a {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	position: relative;
	display: block;
	background: rgba(255, 255, 255, .1);
}

.socail a .kf_tel {
	position: absolute;
	width: 80px;
	height: auto;
	background: #fff;
	padding: 6px 10px;
	font-size: 14px;
	left: 50%;
	margin-left: -40px;
	text-align: center;
	top: 50px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
	border-radius: 4px;
	line-height: 1.4;
	padding-top: 8px;
	color: #2cc9a1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s;
}

.socail a:nth-child(1) .kf_tel {
	width: 125px;
	margin-left: -60px;
}

.socail a:hover .kf_tel {
	opacity: 1;
	visibility: visible;
	top: 45px;
}

.socail a .kf_tel::after {
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: -5px;
	content: '';
}

.socail .hz img {
	position: absolute;
	width: 120px;
	height: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	top: 50px;
	max-width: none;
	pointer-events: none;
	opacity: 0;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
	transition: .5s all;
}

.socail .hz:hover img {
	opacity: 1;
	pointer-events: all;
}

.socail a::before,
.socail .a::before {
	width: 100%;
	height: 100%;
	background: #2cc9a1;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	-webkit-transition: all .35s;
	-webkit-transform: scale(0);
	opacity: 0;
	border-radius: 50%;
}

.socail a:hover::before,
.socail .a:hover::before {
	-webkit-transform: scale(1);
	opacity: 1;
}

.header.active .socail a:hover::before {}

.header.active .socail a,
.header.active .socail .a {
	background: rgba(0, 0, 0, .03);
}

.socail .icon {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	cursor: pointer;
}

.socail .icon::after {
	width: 35px;
	height: 35px;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	background: url(../images/so_icon2025.png) no-repeat;
	background-size: 200% auto;
}

.header.active .socail .kf .icon::after {
	background-position: -35px 0px;
}

.header.active .socail .kf:hover .icon::after {
	background-position: 0px 0px;
}

.socail .yy .icon::after {
	background-position: 0px -35px;
}

.header.active .socail .yy:hover .icon::after {
	background-position: 0px -35px;
}

.header.active .socail .yy .icon::after {
	background-position: -35px -35px;
}

.socail .hz .icon::after {
	background-position: 0px -70px;
}

.header.active .socail .hz:hover .icon::after {
	background-position: 0px -70px;
}

.header.active .socail .hz .icon::after {
	background-position: -35px -70px;
}

.header.active .socail .dh:hover .icon::after {
	background-position: 0px -105px;
}

.socail .dh .icon::after {
	background-position: 0px -105px;
}

.header.active .socail .dh .icon::after {
	background-position: -35px -105px;
}

.nav {
	width: calc(100% - 500px);
}

.nav ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.nav ul li {
	width: calc(100% / 7);
	position: relative;
}

.nav ul li a {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	color: #fff;
	display: flex;
	justify-content: center;
	padding: 25px 0px;
}

.footer {
	width: 100%;
	height: auto;
	position: relative;
	padding: 40px 0%;
	border-top: 1px solid rgba(0, 0, 0, .05);
	z-index: 9;
}

.footer .w1400{
	display: flex;
	align-items: flex-end;
}

.footer .L,
.footer .R {
	width: 400px;
	position: relative;
}

.flogo {
	margin-bottom: 35px;
	display: block;
}

.address {
	width: 100%;
	font-size: 14px;
}

.address p {
	margin-bottom: 15px;
}

.address p:last-child {
	margin-bottom: 0px;
	color: #c0c0c0;
	font-size: 12px;
}

.features {
	width: 100%;
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin-bottom: 25px;
}

.features a::after {
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0%;
	top: 0%;
	content: '';
	background: rgba(0, 0, 0, .05);
}

.features a:last-child::after {
	display: none;
}

.features a,
.footer .C .link a {
	display: block;
	width: auto;
	position: relative;
}

.footer .C .link a {
	text-align: center;
	opacity: .7;
	padding: 0px 1vw;
	line-height: 1;
	position: relative;
}

.footer .C .link a::after{
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	background: #3e3e3e;
	opacity: 0.2;
}

.footer .C .link a:last-child::after{
	display: none;
}

.footer .C .link a:hover {
	opacity: 1;
}
.footer .C{
	flex-wrap: wrap;
}
.footer .C .ctop{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.features i {
	width: 50px;
	line-height: 50px;
	font-size: 36px;
	display: block;
	margin: 0px auto;
}

.features span {
	display: block;
	width: 100%;
	font-size: 14px;
	opacity: .7;
}

.features span:hover {
	color: #00c7a1;
}

.footer .C .link {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	font-size: 14px;
}

.footer .C {
	width: calc(100% - 720px);
	position: relative;
	padding: 0px 0%;
	/*border-left: 1px solid rgba(0, 0, 0, .05);*/
	/*border-right: 1px solid rgba(0, 0, 0, .05);*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer .cr {
	width: 105px;
	text-align: center;
	font-size: 14px;
	margin: 0 2%;
}

.footer .cr img {
	/*width: 100%;*/
	margin-bottom: 5px;
	mix-blend-mode: darken;
}
.footer .cr:nth-child(1) img{
	/*margin-bottom: 12px;*/
}

.footer .cl {
	width: calc(100% - 200px);
}

.footer .R {
	padding-left: 75px;
}

.footer .R .link {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.footer .R .link a .WeChat {
	position: absolute;
	width: 120px;
	height: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	top: -140px;
	max-width: none;
	display: none;
	box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
	text-align: center;
	padding: 3px;
}

.footer .R .link a:hover .WeChat {
	display: block;
}

.footer .R .link a {
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	background: #f9f9f9;
	border-radius: 50px;
	padding: 3px;
}

.footer .R .Mall {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 14px;
}

.footer .R .Mall p {
	color: #9b9b9b;
}

.footer .R .Mall a {
	color: #2cc9a1;
	font-family: avant;
	font-size: 36px;
}
.footer .R .Mall .phone2{
	font-size: 25px;
}
.search_bto.store {
	height: auto;
	padding: 20px 0px;
	background: transparent;
}

.sear_nav {
	width: 100%;
	display: flex;
	justify-content: center;
}

.sear_nav a {
	display: block;
	width: 150px;
	height: auto;
	line-height: 45px;
	text-align: center;
	border: 1px solid #3dc7a0;
	color: #3dc7a0;
	border-radius: 50px;
	margin: 0px 10px;
	font-size: 16px;
}

.keyword-box {
	width: 720px;
	margin: auto;
}

.k-box {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: 16px;
}

.k-box input {
	width: 515px;
	height: 46px;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin-right: 10px;
	font-size: 16px;
	text-indent: 15px;
	background: #f7f7f7;
	color: #3e3e3e;
	border: none;
}

.k-box .key-submit {
	width: 178px;
	color: #525252;
	background-color: #fff;
	height: 46px;
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	background-color: #2fc7a0;
	border: none;
}

.city-box,
.keyword-box {
	display: none;
}

.city-box.active,
.keyword-box.active {
	display: block;
}

.bug_select .search_bto.store .sear_box .s_input_btn {
	color: #fff;
	background-color: #2fc7a0;
	border: none;
}

.bug_select .search_bto.store .s_input_box select {
	background: #f7f7f7;
	color: #3e3e3e;
}

.sear_nav a.active {
	background-color: #2fc7a0;
	color: #fff;
}

._mLR30 {
	margin-left: 30px;
	margin-right: 30px
}

._pLR30 {
	padding-left: 30px;
	padding-right: 30px
}

._pTB50 {
	padding-top: 50px;
	padding-bottom: 50px
}

._font16 {
	font-size: 16px
}

._font18 {
	font-size: 18px
}

._font20 {
	font-size: 20px
}

._font24 {
	font-size: 24px
}

._font30 {
	font-size: 30px
}

._font36 {
	font-size: 36px
}

._font46 {
	font-size: 46px
}

._font60 {
	font-size: 60px
}

._BG2fc7a0 {
	background: #2fc7a0
}

._COLOR2fc7a0 {
	color: #2fc7a0
}

.layer_div .layer {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
}

._COLOR939393 {
	color: #939393
}

._more {
	width: 115px;
	line-height: 32px;
	display: block;
	border: 2px solid #2fc7a0;
	color: #2fc7a0;
	border-radius: 25px;
	margin: 0 auto;
	background: rgba(47, 199, 160, 0);
	text-align: center;
	transition: ease .4s
}

._pageTitle {
	text-align: center;
	position: relative;
	font-weight: 100;
	color: #939393;
	padding-bottom: 20px;
}

._pageTitle span {
	font-size: 36px;
	font-weight: 500;
	position: relative;
	color: #009c73;
	padding-bottom: 15px;
}

._pageTitle span:after {
	width: 40px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -18px;
	bottom: 3px;
	content: '';
	background: #009c73;
	border-radius: 35px 0 35px 0;
}


._pageTitle p {
	font-weight: 700;
	text-transform: uppercase;
	line-height: 3
}

._pageTitle h3 {
	color: #1b1b1b;
	font-weight: lighter
}

._titlePlate {
	text-align: center
}

._titlePlate .en {
	font-size: 16px;
	text-transform: uppercase
}

._titlePlate h3 {
	font-size: 30px;
	color: #4e4e4e;
	font-weight: inherit;
	display: inline-block;
	padding: 0 20px;
	position: relative
}

._titlePlate span {
	background: #e3e3e3;
	height: 1px;
	width: 30vw;
	position: absolute;
	display: block;
	top: 50%
}

._titlePlate span:after {
	content: '';
	height: 3px;
	width: 60px;
	background: #bfbfbf;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

._titlePlate .lineL {
	right: 100%
}

._titlePlate .lineR {
	left: 100%
}

._titlePlate .lineL:after {
	right: 0
}

._titlePlate .lineR:after {
	left: 0
}

._listRaiders ul {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 5
}

._listRaiders li {
	position: relative;
	width: 100%
}

._listRaiders li>a {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 40px 25px;
	height: 100%;
	align-items: center
}

._listRaiders li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	height: 1px;
	background: #e8e8e8;
	width: calc(100% - 40px)
}

._listRaiders li:nth-child(1):after {
	opacity: 0
}

._listRaiders li .icons {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 41px;
	color: #2fc7a0
}

._listRaiders .L {
	width: 79%;
	display: flex;
	flex-wrap: wrap
}

._listRaiders .style {
	color: #363636;
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #363636;
	transition: ease .4s
}

._listRaiders .title {
	width: 100%;
	color: #737373;
	margin-top: 20px;
	transition: ease .4s
}

._listRaiders .L span {
	color: rgba(54, 54, 54, .4);
	transition: ease .4s
}

._listRaiders .icon {
	width: 21%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	font-size: 30px;
	color: #2fc7a0
}

._listRaiders .description {
	color: #828282;
	margin: 20px auto 15px;
	height: 22px;
	overflow: hidden;
	transition: ease .4s
}

.RBox ._listRaiders ul {
	float: right
}

.RBox ._listRaiders .L {
	width: 100%
}

.pageSet .setList {
	margin-top: 30px
}

.pageSet .setList>li {
	position: relative
}

.pageSet .setList .pic {
	position: relative;
	overflow: hidden
}

.pageSet .setList .pic img {
	width: 100%
}

.pageSet .setList .setListDetails {
	padding: 50px 0 70px
}

.pageSet .setList .content {
	display: flex;
	flex-wrap: wrap
}

.pageSet .setList li:nth-child(2n) .content {
	flex-direction: row-reverse
}

.pageSet .setList li:nth-child(2n) .content .R {
	right: auto;
	left: 0
}

.pageSet .setList li:nth-child(2n) .content .L {
	justify-content: flex-end
}

.pageSet .setList .L {
	width: 50%;
	color: #7e7e7e;
	line-height: 2;
	display: flex;
	align-items: center
}

.pageSet .setList .L .text {
	width: 90%
}

.pageSet .setList .R {
	width: 50%;
	border-radius: 15px;
	transform: translateY(-145px);
	position: absolute;
	right: 0;
	overflow: hidden
}

.pageSet .setList .L .title {
	color: #7e7e7e;
	font-weight: inherit
}

.pageSet .setList .L .summary {
	color: #7e7e7e;
	line-height: 2
}

.pageSet .setList .R .title {
	line-height: 55px;
	border-bottom: 1px solid #2fc7a0;
	display: flex;
	justify-content: space-between;
	color: #fff;
	font-weight: inherit;
	background: rgba(47, 199, 160, .9);
	padding: 20px 60px 0;
	flex-wrap: wrap
}

.pageSet .setList .R .title span {
	text-transform: uppercase;
}

.pageSet .setList .R .style {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	font-size: 16px;
	padding: 30px 60px;
	background: #fff
}

.pageSet .setList .R .style:after {
	content: "";
	display: block;
	width: 26%
}

.pageSet .setList .R .style a {
	width: 33%;
	padding: 10px 0px;
	transition: ease .4s;
	height: auto;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.pageSet .setList .R .style a * {
	display: block;
	height: auto;
	line-height: 20px
}

.pageSet .setList .R .style a:nth-child(3n-1) {}

.pageSet .setList .R .style i {
	color: #2fc7a0
}

@keyframes square {
	0% {
		transform: translateZ(0) scale(0)
	}

	30% {
		transform: translate3d(0, 15px, 0) scale(.35)
	}

	50% {
		transform: translate3d(0, 30px, 0) scale(1)
	}

	70% {
		transform: translate3d(0, 45px, 0) scale(.35)
	}

	100% {
		transform: translate3d(0, 60px, 0) scale(0)
	}
}

@keyframes buzz {
	5% {
		transform: translateX(-3px) rotate(-2deg)
	}

	7.5% {
		transform: translateX(3px) rotate(2deg)
	}

	10% {
		transform: translateX(-3px) rotate(-2deg)
	}

	12.5% {
		transform: translateX(2px) rotate(1deg)
	}

	15% {
		transform: translateX(-2px) rotate(-1deg)
	}

	17.5% {
		transform: translateX(2px) rotate(1deg)
	}

	20% {
		transform: translateX(-2px) rotate(-1deg)
	}

	22.5% {
		transform: translateX(1px) rotate(0)
	}

	25% {
		transform: translateX(-1px) rotate(0)
	}
}

.floatingWindow {
	position: fixed;
	right: 1%;
	z-index: 300;
	top: 50%;
	transform: translateY(-50%);
}

.floatingWindow .yoyo {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	max-width: inherit;
	z-index: 5;
}

.floatingWindow ul {
	position: relative;
	z-index: 1;
}

.floatingWindow li {
	width: 40px;
	height: 40px;
	color: #6f6f6f;
	text-align: center;
	position: absolute;
	right: 0;
	transition: .3s all ease-in-out;
	background-color: #fff;
	box-shadow: -4px 3px 49px 0 rgba(0, 0, 0, 0.07);
	border-radius: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	border: solid 1px rgba(255, 255, 255, 0.43);
	cursor: pointer;
}
.floatingWindow li:nth-child(2) {
	margin-top: 50px;
}
.floatingWindow li:nth-child(3) {
	margin-top: 100px;
}
.floatingWindow li:nth-child(4) {
	margin-top: 150px;
	cursor: pointer;
}
.floatingWindow li .icon {
	width: 28px;
	position: absolute;
	right: 0;
	top: 5px;
	background: white;
}
.floatingWindow li .icon img{
	position: relative;
	right: 5px;
}
.floatingWindow li:hover .icon {
	-webkit-animation: swing2 2s infinite;
}
.backTops{
	opacity: 0;
	pointer-events: none;
}
.backTops.active{
	opacity: 1;
	pointer-events: all;
}
@-webkit-keyframes swing2 {
	10% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	20% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	30% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
.floatingWindow li .t{
	width: 80px;
	line-height: 38px;
	font-size: 12px;
	top: 0;
	display: none;
	position: absolute;
	color: #737373;
}
/*.floatingWindow li.btnAppointment {*/
/*	background: #00bb8e;*/
/*	color: #fff;*/
/*	border-radius: 0px 0px 100px 100px;*/
/*	margin-bottom: 20px;*/
/*}*/

/*.floatingWindow li.btnAppointment a {*/
/*	padding: 15px 0 25px;*/
/*}*/

.floatingWindow li a {
	display: flex;
	align-items: center;
	padding: 8px;
	position: relative;
	transition: .3s all ease-in-out;
}
.floatingWindow li:hover{
	width: 130px;
}
.floatingWindow li:hover a .t{
	display: block;
	margin-left: 5px;
}
.floatingWindow li:last-child:hover{
	width: 40px;
}
/*.floatingWindow li.btnAppointment a:hover {*/
/*	color: #fff;*/
/*	opacity: .7;*/
/*}*/

.floatingWindow li:nth-child(1):after {
	opacity: 0
}

.floatingWindow span {
	font-size: 12px;
	display: block
}

.advertising {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 100;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

.advertising.active {
	opacity: 1;
	visibility: inherit
}

.advertising .btnNumber {
	position: absolute;
	color: #fff;
	right: 0;
	top: -45px;
	display: flex;
	font-size: 14px
}

.advertising .btnNumber .text {
	background: #2fc7a0;
	display: flex;
	padding: 5px 15px;
	border-radius: 20px;
	align-items: center;
	align-content: center
}

.advertising .btnNumber .text+.text {
	margin-left: 5px
}

.advertising .btnNumber .text .num {
	display: block;
	margin-right: 5px
}

.advertising .btnNumber .offbtn {
	cursor: pointer
}

.advertising .advertisingBox {
	width: 78%;
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	transform: translate(-50%, -50%)
}

.advertising .pagination {
	position: absolute;
	bottom: 20px;
	z-index: 5;
	text-align: center
}

.advertising .pagination span {
	background: #fff
}

.advertising .pagination span.swiper-pagination-bullet-active {
	background: #2fc7a0
}

#videobox {
	display: none
}

#videobox .anti_box {
	width: 60%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: inherit
}

#videobox .closeico {
	transform: translate(100%, -100%)
}

#videobox .anti_box video {
	position: relative
}

.lightImg {
	position: absolute;
	width: auto;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, .1);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
}

.lightClose {
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 36px;
}

.lightClose::before {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0%;
	bottom: 0%;
	background: #00bb8e;
	content: '';
	border-radius: 50%;
	-webkit-transform: scale(1.2);
}

.lightClose p {
	-webkit-transform: rotate(45deg);
	-webkit-transition: all .4s;
	position: relative;
}

.lightClose:hover p {
	-webkit-transform: rotate(90deg);
}

.en_version .singePage,
.en_version .na_intro_btm .nai_left,
.en_version .na_intro_btm .nai_center {
	text-align: justify;
}

.en_version .na_intro_btm .nai_left,
.en_version .na_intro_btm .nai_center {
	padding: 0px 3%;
}

.en_version .i-nums {
	flex-wrap: wrap;
}

.en_version .i-nums p {
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
}

.en_version .lvsj_box .w14 .info .des,
.en_version .lvgy_box .info .des,
.en_version .lvlm_box .des,
.lvhs_box .des {
	text-align: justify;
}

.en_version .lvzz_box .i-nums p,
.en_version .lszd_box .i-nums p {
	width: auto;
	margin-right: 15px;
}

.lightImg img {
	width: auto;
	height: auto;
	max-width: 100vw;
	max-height: 100vh;
}

.inBanner.eng {
	margin-top: 0;
}

.inBanners {
	margin-top: 84px
}
.inBanner {
	margin-top: 84px
}
.inBanners img {
	width: 100%
}
.inBanner img {
	width: 100%
}

.pageYoYo {
	background: #f6fbfb;
	padding: 70px 0
}

.pageYoYo ._w1400 {
	display: flex;
	justify-content: flex-end;
	position: relative
}

.pageYoYo ._w1400:after {
	content: ''
}

.pageYoYo .img {
	position: absolute;
	left: 0;
	width: 100%
}

.pageYoYo .img img {
	position: absolute;
	max-width: inherit
}

.pageYoYo .img .yoyo_text {
	left: -6%;
	width: 83%
}

.pageYoYo .img .yoyo {
	left: -2%
}

.pageYoYo .description {
	position: relative;
	width: 58%
}

.pageYoYo .wechat {
	display: inline-block;
	float: right;
	margin-top: 65px
}

.pageYoYo .wechat p {
	text-align: center;
	font-size: 24px;
	color: #2fc7a0;
	margin-bottom: 20px;
	position: relative
}

.pageYoYo .wechat p:after {
	content: '';
	width: 16%;
	height: 1px;
	background: #b5b5b5;
	right: 0;
	position: absolute;
	top: 50%
}

.pageYoYo .wechat p:before {
	content: '';
	width: 16%;
	height: 1px;
	background: #b5b5b5;
	left: 0;
	position: absolute;
	top: 50%
}

.pageYoYo .wechat span {
	border: 2px solid #2fc7a0;
	display: inline-block
}

.pageYoYo .wechat img {
	border: 5px solid #fff;
	width: 170px
}

.pageYoYo .summary {
	margin-top: 45px
}

.pageYoYo .summary .title h3 {
	font-size: 30px;
	color: #2fc7a0;
	font-weight: 100;
	text-transform: uppercase
}

.pageYoYo .summary .des {
	color: #676767;
	line-height: 2;
	margin-top: 20px
}

.pageYoYo .summary .des img {
	display: inline-block
}

.pageYoYo .summary .des p {
	margin-bottom: 5px
}

._pageTitle img {
	margin: 0 auto
}

.pageMemorabilia {
	padding: 70px 0;
	background: url(../images/memorabilia.jpg) center/cover
}

.tabList.tab {
	text-align: center;
	display: flex;
	justify-content: center;
	margin: 3vw auto;
}

.tabList.tab a {
	display: block;
	color: #737373;
	font-size: 1vw;
	padding: 0 3vw;
	position: relative;
	margin: 0;
}

.tabList.tab a.active {
	color: #00c7a1;
}
.tabList a:hover{
	color: #00c7a1;
}
.tabList a::before{
	content: '';
	position: absolute;
	width: 1px;
	height: 70%;
	left: 0;
	top: 15%;
	background: #999999;
}
.tabList a:first-child::before{
	content: initial;
}
.pageMemorabilia .MemorabiliaBox {
	padding: 0 6%;
	position: relative;
	overflow: hidden
}

.pageMemorabilia .MemorabiliaSwiper {
	position: relative;
	z-index: 5;
	overflow: inherit
}

.pageMemorabilia .MemorabiliaBox:after {
	content: '';
	background: #c1c1c1
}

.pageMemorabilia .MemorabiliaSwiper .li {
	position: relative
}

.pageMemorabilia .MemorabiliaSwiper .li.swiper-slide-active .img {
	border: 3px solid #2cc9a1;
	opacity: 1
}

.pageMemorabilia .MemorabiliaSwiper .pic {
	background: #fff;
	border-radius: 15px;
	position: relative
}

.pageMemorabilia .MemorabiliaSwiper .pic:after {
	content: '';
	position: absolute;
	bottom: -32px;
	width: 130%;
	background: #c1c1c1;
	height: 1px;
	left: 50%;
	transform: translateX(-50%)
}

.pageMemorabilia .MemorabiliaSwiper .img {
	background-size: cover;
	background-position: center;
	border-radius: 15px;
	border: 3px solid #fff;
	opacity: .3;
	transition: ease .4s
}

.pageMemorabilia .MemorabiliaSwiper .icon {
	position: relative;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #fff;
	display: block;
	margin: 18px auto 16px;
	border: 2px solid #2cc9a1
}

.pageMemorabilia .MemorabiliaSwiper .icon:after {
	content: '';
	position: absolute;
	border: 1px solid #2cc9a1;
	height: 60%;
	width: 60%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%
}

.pageMemorabilia .MemorabiliaSwiper .title {
	color: #373737;
	font-size: 24px;
	font-weight: inherit
}

.pageMemorabilia .MemorabiliaSwiper .des {
	line-height: 2;
	color: #676767
}

.pageRaidersTv {
	background: #f6fbfb;
	padding: 70px 0 0
}

.pageRaidersTv ul {
	width: 100%
}

.pageRaidersTv li {
	height: 26%
}

.pageRaidersTv .coverBox {
	overflow: hidden;
	position: relative;
	border-radius: 15px 15px 0 0
}

.pageRaidersTv .coverBox:after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	background: #fff;
	height: 190px
}

.pageRaidersTv .coverBox .minTab {
	text-align: center;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 5;
	display: none
}

.pageRaidersTv .coverBox .minTab a {
	line-height: 84px;
	width: 94px;
	display: block;
	color: #828282;
	transition: ease .4s;
	font-size: 14px
}

.pageRaidersTv .coverBox .minTab a.active {
	color: #2cc9a1
}

.pageRaidersTv .coverBox .minTab.active {
	display: flex
}

.pageRaidersTv .coverBox ul {
	position: relative;
	z-index: 5
}

.pageRaidersTv .coverBox li img {
	border-radius: 0 0 15px 15px
}

.pageRaidersTv .coverBox li .text {
	margin-top: 40px
}

.pageRaidersTv .coverBox li .title {
	font-size: 24px;
	color: #373737
}

.pageRaidersTv .coverBox li .summary {
	color: #676767;
	margin-top: 15px;
	line-height: 1.8;
	position: relative;
	bottom: 0;
	width: 100%
}

.pageRaidersTv .coverBox li.active {
	display: block
}

.pageSurrounding {
	background: #f6fbfb;
	padding: 40px 0 70px
}

.pageSurrounding .pageList {
	margin-top: 30px
}

.pageSurrounding .pageList ul {
	position: relative;
	margin-bottom: 30px
}

.pageSurrounding .pageList ul:after {
	content: '';
	display: block;
	clear: both
}

.pageSurrounding .pageList li {
	float: left;
	width: calc(100% / 4 - 12px);
	margin-right: 15px;
	position: relative;
	margin-bottom: 15px
}

.pageSurrounding .pageList li:nth-child(4n) {
	margin-right: 0
}

.pageSurrounding .pageList .title {
	position: absolute;
	z-index: 5;
	width: 100%;
	text-align: center;
	bottom: 50px
}

.pageSurrounding .pageList .title p {
	color: #2fc7a0
}

.pageSurrounding .pageList .title .cn {
	color: #4c4c4c;
	font-size: 18px
}

.pageSurrounding .pageNumber {
	display: flex;
	justify-content: center
}

.pageSurrounding .pageNumber .btn {
	border-radius: 50%;
	width: 34px;
	height: 34px;
	display: block;
	text-align: center;
	line-height: 34px;
	color: #2fc7a0;
	font-weight: 700;
	cursor: pointer
}

.pageSurrounding .pageNumber .number {
	display: flex;
	justify-content: center;
	margin: 0 15px
}

.pageSurrounding .pageNumber .number a {
	width: 34px;
	height: 34px;
	display: block;
	text-align: center;
	line-height: 34px;
	border-radius: 50%;
	margin: 0 10px
}

.pageSurrounding .pageNumber .number a.active {
	background: #2fc7a0;
	color: #fff
}

.pageRaiders {
	background: #f6fbfb;
	padding: 70px 0 0
}

.pageRaiders ul {
	width: 34%;
	background: rgba(255, 255, 255, .9)
}

.pageRaiders .pageRaidersSwiper {
	margin-top: 30px;
	position: relative;
	height: calc(100vh - 94px)
}

.pageRaiders .pageRaidersSwiper li {
	height: 24%
}

.pageRaiders .pageRaidersSwiper ._more {
	margin: 90px auto 0
}

.pageRaiders .pageRaidersSwiper .pic {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center
}

.pageRaiders .pageRaidersSwiper .content {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	z-index: 5
}

.householdItems {
	padding: 70px 0;
	background: #f6fbfb
}

.deviceSwiper {
	margin-top: 30px
}

.deviceSwiper .tabBtn {
	width: 1400px;
	margin: 15px auto 0;
	display: flex;
	justify-content: space-between
}

.deviceSwiper .tabBtn .btn i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	color: #2fc7a0;
	font-weight: 700;
	font-size: 20px;
	transition: ease .4s
}

.deviceSwiper .tabBtn .btn {
	max-width: 48%;
	cursor: pointer;
	font-size: 14px
}

.deviceSwiper .tabBtn .BtnL {
	display: flex;
	align-items: center
}

.deviceSwiper .tabBtn .BtnR {
	display: flex;
	align-items: center;
	flex-direction: row-reverse
}

.deviceSwiper .tabBtn .BtnL i {
	margin-right: 15px
}

.deviceSwiper .tabBtn .BtnR i {
	margin-left: 15px
}

.deviceSwiper .tabBtn .btnMoreBox {
	width: 35px;
	height: 35px;
	justify-content: space-between;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer
}

.deviceSwiper .tabBtn .btnMoreBox i {
	background: #e8e8e8;
	display: flex;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: relative
}

.deviceSwiper .tabBtn .btnMoreBox i:after {
	content: '';
	background: #e8e8e8;
	display: flex;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 15px
}

.deviceSwiper .tabBtn .btnMoreBox i:before {
	content: '';
	background: #e8e8e8;
	display: flex;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: -14px
}

.deviceSwiper .tabBtn .btnMoreBox i:nth-child(1):before {
	background: #2fc7a0
}

.deviceSwiper .tabBtn span {
	display: block
}

.deviceSwiper .li {
	position: relative;
	width: 1400px
}

.deviceSwiper .li .pic {
	background-size: cover;
	background-position: center
}

.deviceSwiper .li .title {
	position: absolute;
	width: calc(100% - 30px);
	left: 15px;
	bottom: 15px;
	background: #fff;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	overflow: hidden;
	padding: 0 5%
}

.pageRaidersDetails {
	padding: 70px 0 70px;
	background: #f1f4f4
}

.pageRaidersDetails li {
	background: #fff
}

.pageRaidersDetails li a {
	padding: 0
}

.pageRaidersDetails li .img {
	background-size: cover;
	background-position: center
}

.pageRaidersDetails li:after {
	opacity: 0
}

.pageRaidersDetails li+li {
	margin-top: 25px
}

.pageRaidersDetails .summary {
	padding: 25px 6%;
	position: relative;
	width: 100%
}

.pageRaidersDetails .summary span {
	color: rgba(54, 54, 54, .4);
	transition: ease .4s
}

.pageRaidersDetails .summary:after {
	display: block;
	content: '';
	clear: both
}

.pageRaidersDetails .summary ._more {
	float: left
}

.pageRaidersDetails .content {
	margin-top: 30px;
	overflow: hidden;
	position: relative
}

.pageRaidersDetails .content:after {
	content: '';
	display: block;
	clear: both
}

.pageRaidersDetails .content .L {
	width: 70%;
	float: left
}

.pageRaidersDetails .content .R {
	width: 28%;
	float: right
}

.pageRaidersDetails .content .R .plateTitle {
	margin-top: 0;
	font-size: 24px;
	color: #2fc7a0;
	font-weight: inherit;
	margin-bottom: 15px
}

.pageRaidersDetails .content .R .pic {
	display: none;
	position: relative
}

.pageRaidersDetails .content .R .pic i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.pageRaidersDetails .content .R li:nth-child(1) .pic {
	display: block
}

.pageRaidersDetails .content .R li:after {
	opacity: 1;
	left: 0;
	width: 100%
}

.pageRaidersDetails .content .R .box {
	background: #fff;
	padding: 25px 10px
}

.pageRaidersDetails .content .R .box+.box {
	margin-top: 25px
}

.pageRaidersDetails .content .R li {
	margin-top: 0
}

.pageRaidersDetails .content .R li:nth-child(1) {
	display: block
}

.pageRaidersDetails .content .R li {
	display: none
}

.pageRaidersDetails .content .R .summary {
	padding: 24px 0
}

.pageRaidersDetails .FixedBox.activeFixed {
	width: 1400px;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 94px
}

.pageRaidersDetails .FixedBox.activeFixedBottom {
	position: relative;
	top: 0;
	left: 0;
	transform: translateX(0);
	width: 100%
}

.pageRaidersDetails .FixedBox.activeFixed .asideBox {
	width: 28%;
	position: absolute;
	right: 0
}

.pageRaidersDetails .FixedBox.activeFixedBottom .asideBox {
	width: 100%
}

.pageRaidersDetails .asideBox {
	height: calc(100vh - 94px)
}

.pageSet {
	background: #f1f4f4;
	padding: 70px 0 0
}

.setDetails {
	padding: 70px 0 0
}

.setDetailsSwiper {
	position: relative
}

.setDetailsSwiper .li {
	position: relative
}

.setDetailsSwiper .li+.li {
	margin-top: 25px
}

.setDetailsSwiper .pic {
	background-size: cover;
	background-position: center
}

.setDetailsSwiper .pic img {
	display: block;
	margin: 0 auto
}

.setDetailsSwiper .pagination {
	position: absolute;
	top: 50%;
	z-index: 5;
	transform: translateY(-50%);
	width: auto;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	left: 2%
}

.setDetails .setDetailsSwiper .pagination span {
	display: block;
	margin: 7px 0;
	background: #fff;
	width: 10px;
	height: 10px;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, .37);
	opacity: 1;
	cursor: pointer;
	position: relative
}

.setDetails .setDetailsSwiper .pagination span:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.5);
	border: 1px solid #d6d6d6;
	border-radius: 50%;
	opacity: 0
}

.setDetails .setDetailsSwiper .pagination span.swiper-pagination-bullet-active:after {
	opacity: 1
}

.parHd {
	width: 1280px;
	height: 150px;
	margin: 25px auto 0;
	position: relative;
	background: #fff url(/static/assets/img/time_line.png) no-repeat center bottom;
	background-size: 1000px
}

.parHd .tempWrap ul {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	transition: ease .5s
}

.parHd .tempWrap {
	margin: 0 auto
}

.parHd li {
	color: #dbdbdb;
	font-size: 24px;
	line-height: 150px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	width: 197px
}

.parHd li.act {
	color: #2fc7a0;
	font-size: 62px;
	line-height: 120px
}

.parHd .sPrev {
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;
	top: 68px;
	left: 0;
	background: url(/static/assets/img/time_prev2.png) no-repeat center center;
	background-size: 64px
}

.parHd .sNext {
	width: 64px;
	height: 64px;
	display: block;
	position: absolute;
	top: 68px;
	right: 0;
	background: url(/static/assets/img/time_next2.png) no-repeat center center;
	background-size: 64px
}

.parHd .timesprev {
	width: 64px;
	height: 64px;
	display: none;
	position: absolute;
	top: 68px;
	left: 0;
	z-index: 1
}

.parHd .timesnext {
	width: 64px;
	height: 64px;
	display: none;
	position: absolute;
	top: 68px;
	right: 0;
	z-index: 1
}

.middle-warp {
	min-width: 1280px
}

.first-img1 {
	min-width: 1280px;
	height: 850px;
	background: url('/static/assets/img/static-img/green-product01 (1).png') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}

.first-img2 {
	min-width: 1280px;
	height: 850px;
	background: url('/static/assets/img/static-img/green-product01 (2).jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}

.first-img3 {
	min-width: 1280px;
	height: 850px;
	background: url(/static/assets/img/static-img/001.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}

.first-img4 {
	min-width: 1280px;
	height: 850px;
	background: url('/static/assets/img/static-img/green-product01 (4).jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}

.first-img5 {
	min-width: 1280px;
	height: 850px;
	background: url('/static/assets/img/static-img/green-product01 (5).jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}

.first-img6 {
	min-width: 1280px;
	height: 850px;
	background: url('/static/assets/img/static-img/green-product01 (6).png') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}

.tfrl-cont {
	padding: 0 65px;
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-flow: wrap
}

.tfrl-cont::after {
	content: '';
	width: 1px;
	height: 84%;
	background: rgba(0, 4, 5, .2);
	position: absolute;
	top: 0;
	left: 50%
}

.FinanceList {
	padding: 0;
	margin-top: 40px;
	display: block
}

.Prospectus {
	margin-top: 20px
}

.FinanceList:after {
	display: block;
	clear: both;
	position: relative
}

.FinanceList .tfrlC-img {
	width: 22%;
	margin-bottom: 45px;
	float: left;
	margin-right: 4%
}

.FinanceList .tfrlC-img:nth-child(4n) {
	margin-right: 0
}

.tfrlC-img {
	position: relative
}

.tfrlC-img img {
	transition: ease .5s;
	width: 100%
}

.tfrlC-img .pic {
	background-size: cover;
	background-position: center
}

.tfrlC-img p {
	text-align: center;
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 20px
}

.tfrlCi-dingwei {
	width: 58px;
	height: 66px;
	color: #fff;
	text-align: center;
	background: url(/static/assets/img/tag.png) no-repeat;
	position: absolute;
	right: 10px;
	top: -22px
}

.tfrlCi-dingwei p {
	padding: 0
}

.tfrlCi-dingwei p:nth-child(1) {
	font-size: 18px;
	font-weight: 700;
	padding-top: 10px
}

.the-financial-reporting-right {
	width: 30%;
	position: relative
}

.the-financial-reporting-right .summary {
	background: #fff;
	padding: 45px 59px
}

.tfrlC-img2 {
	padding: 0 34px
}

.tfrlC-img2 a {
	display: block
}

.tfrlC-img a {
	color: #3e3e3e
}

.flex-control-nav {
	width: 1280px;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -640px
}

.flex-control-nav li {
	display: inline-block
}

.flex-control-paging li a {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	text-indent: -9999px;
	margin: 0 10px;
	background: #fff;
	float: left;
	cursor: pointer;
	list-style-type: none;
	text-align: center
}

.flex-control-paging li a.flex-active {
	background: #2fc7a0
}

.ConCaseImgListBox .flex-direction-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 1280px;
	height: auto;
	z-index: 2
}

.ConCaseImgListBox .flex-direction-nav a {
	width: 64px;
	height: 64px;
	line-height: 99em;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	z-index: 3;
	cursor: pointer
}

.ConCaseImgListBox .flex-direction-nav .flex-next {
	right: -32px;
	background: url(/static/assets/img/time_next.png) no-repeat center center;
	background-size: 64px
}

.ConCaseImgListBox .flex-direction-nav .flex-prev {
	left: -32px;
	background: url(/static/assets/img/time_prev.png) no-repeat center center;
	background-size: 64px
}

.ConCaseImgListBox {
	position: relative
}

#ConCaseImgList .pagination {
	position: absolute;
	bottom: 2%;
	z-index: 5
}

#ConCaseImgList .pagination span {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin: 0 10px;
	background: #fff;
	cursor: pointer;
	list-style-type: none;
	text-align: center;
	opacity: 1
}

#ConCaseImgList .pagination span.swiper-pagination-bullet-active {
	background: #2fc7a0
}

.process {
	background: #f6fbfb;
	padding: 70px 0 70px
}

.process .top {
	display: flex;
	justify-content: space-between
}

.process .processList {
	position: relative;
	margin-top: 60px
}

.process .processList li {
	display: flex;
	flex-wrap: wrap
}

.process .processList .box {
	width: calc(100% / 6);
	padding: 23px;
	background: #fff
}

.process .processList h3 {
	color: #2fc7a1;
	font-size: 20px
}

.process .processList .num {
	color: #e3e3e3;
	font-size: 72px;
	font-weight: 100;
	margin-right: 15px;
	font-style: oblique
}

.process .processList .text {
	color: #8b8b8b;
	font-size: 16px;
	line-height: 1.7
}

.process .processList .btn {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	background: #2fc7a0;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	z-index: 5
}

.process .processList .btn.swiper-button-disabled {
	opacity: .2
}

.process .processList .BtnL {
	left: 0;
	transform: translate(-50%, -50%)
}

.process .processList .BtnR {
	right: 0;
	transform: translate(50%, -50%)
}

.franchise {
	padding: 70px 0
}

.advantages {
	width: 100%;
	height: auto;
	position: relative;
	padding: 50px 3%;
	display: flex;
	justify-content: space-between
}

.advantages ul {
	width: 31%;
	position: relative;
	z-index: 5
}

.advantages .texL {
	text-align: right
}

.advantages .thum {
	width: 34vw;
	height: 34vw;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%)
}

.advantages .dot {
	width: 15px;
	height: 15px;
	background: #2fc7a0;
	position: absolute;
	border-radius: 50%;
	top: 50%;
	z-index: 6
}

.advantages .dot.L {
	transform: translate(-50%, -50%)
}

.advantages .dot.R {
	transform: translate(50%, -50%)
}

.advantages .dot.L:nth-child(1),
.advantages .dot.R:nth-child(6) {
	top: 13%
}

.advantages .dot.L:nth-child(3),
.advantages .dot.R:nth-child(8) {
	top: 50%
}

.advantages .dot.L:nth-child(4),
.advantages .dot.R:nth-child(9) {
	top: 71%
}

.advantages .dot.L:nth-child(5),
.advantages .dot.R:nth-child(10) {
	top: 87%
}

.advantages .dot:nth-child(2),
.advantages .dot:nth-child(4) {
	left: 4.5%
}

.advantages .dot:nth-child(2),
.advantages .dot:nth-child(7) {
	top: 29%
}

.advantages .dot:nth-child(3) {
	left: 0
}

.advantages .dot:nth-child(1),
.advantages .dot:nth-child(5) {
	left: 16.5%
}

.advantages .dot:nth-child(10),
.advantages .dot:nth-child(6) {
	right: 16.5%
}

.advantages .dot:nth-child(7),
.advantages .dot:nth-child(9) {
	right: 4.5%
}

.advantages .dot:nth-child(8) {
	right: 0
}

.advantages .over {
	position: absolute;
	top: 50%;
	height: 85%;
	width: 85%;
	transform: translate(-50%, -50%);
	left: 50%;
	border-radius: 50%;
	border: 20px solid #effcf9;
	z-index: 5
}

.advantages .thum img {
	display: block;
	transform: scale(1.1);
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0
}

.advantages .thum img.active {
	opacity: 1;
	transform: scale(1);
	z-index: 1
}

.advantages .thum:after {
	content: '';
	position: absolute;
	border: 40px solid #fcfcfc;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(.97);
	border-radius: 50%;
	box-sizing: border-box
}

.advantages .thum:before {
	border-radius: 50%;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	border: 1px solid #ebebeb;
	width: 100%;
	height: 100%
}

.advantages ul li {
	width: 100%;
	height: auto;
	position: relative;
	margin: 45px 0
}

.advantages ul li:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #c10024;
	border-radius: 50%;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0
}

.advantages .texL li:after {
	right: -8%
}

.advantages .texR li:after {
	left: -8%
}

.advantages .texL li:nth-child(1):after,
.advantages .texL li:nth-child(4):after {
	right: -8%
}

.advantages .texR li:nth-child(1):after,
.advantages .texR li:nth-child(4):after {
	left: -8%
}

.advantages ul li .num {
	width: 100px;
	height: auto;
	font-size: 80px;
	line-height: 80px;
	opacity: .1;
	float: left;
	text-align: center;
	font-family: wygt
}

.advantages ul:last-child .num {
	float: right
}

.advantages ul li .info {
	height: auto
}

.advantages ul li .info .name {
	width: 100%;
	height: auto;
	position: relative
}

.advantages ul li .number {
	position: absolute;
	font-size: 54px;
	color: #f5f5f5;
	z-index: 1;
	top: -50%
}

.advantages .texL .number {
	right: 0
}

.advantages ul li .info .name b {
	display: block;
	font-size: 18px;
	line-height: 35px;
	font-family: wygt;
	background: #fff;
	position: relative;
	z-index: 5
}

.advantages ul li .info .name p {
	font-size: 12px;
	text-transform: uppercase;
	opacity: .5;
	line-height: 20px;
	display: block
}

.advantages ul li .des {
	width: 85%;
	line-height: 25px;
	opacity: .7;
	display: inline-block;
	min-height: 50px
}

.advantages .texL li:nth-child(1),
.advantages .texL li:nth-child(5) {
	margin-left: -5%
}

.advantages .texL li:nth-child(2),
.advantages .texL li:nth-child(4) {
	margin-left: -25%
}

.advantages .texL li:nth-child(3) {
	margin-left: -32%
}

.advantages .texR li:nth-child(1),
.advantages .texR li:nth-child(5) {
	margin-left: 5%
}

.advantages .texR li:nth-child(2),
.advantages .texR li:nth-child(4) {
	margin-left: 25%
}

.advantages .texR li:nth-child(3) {
	margin-left: 32%
}

.productStrength .strengthBox {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px
}

.productStrength .strengthBox .L {
	width: 50%;
	background: url(../images/productStrength_img.jpg) center/cover no-repeat
}

.productStrength .strengthBox .L img {
	opacity: 0
}

.productStrength .strengthBox .R {
	background: url(../images/productStrength_bg.jpg) center/cover;
	width: 50%;
	position: relative
}

.productStrength .strengthBox ul {
	padding: 100px 0;
	width: 85%
}

.productStrength .strengthBox li {
	position: relative;
	padding: 0 0 0 6%
}

.productStrength .strengthBox li+li {
	margin-top: 45px
}

.productStrength .strengthBox li .icon {
	width: 70px;
	height: 70px;
	display: block;
	line-height: 70px;
	background: #fff;
	border-radius: 50%;
	font-size: 38px;
	position: absolute;
	text-align: center;
	left: 0;
	top: 13px;
	transform: translate(-50%, -50%);
	color: #20c4a0
}

.productStrength .strengthBox li .icon:after {
	content: '';
	border: 5px solid rgba(255, 255, 255, .4);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%)
}

.productStrength .text h3 {
	font-size: 18px;
	color: #3f3f3f;
	margin-bottom: 20px
}

.productStrength .summary {
	color: #a3a3a3;
	line-height: 1.6;
	font-size: 16px
}

.productStrength .summary b {
	color: #595959;
	margin-top: 15px;
	display: block
}

.productStrength .summary .seriesBox {
	display: flex;
	align-items: baseline
}

.productStrength .seriesBox .seriesLi {
	color: #3e3e3e
}

.productStrength .seriesBox .line {
	display: block;
	margin: 0 15px
}

.productStrength .seriesLi span {
	color: #2fc7a0;
	font-size: 48px;
	font-weight: 700;
	position: relative;
	display: inline-block
}

.productStrength .seriesLi span:after {
	content: '+';
	font-size: 24px;
	position: absolute;
	top: 0
}

.communication {
	padding: 70px 0
}

.communication ul {
	display: flex;
	justify-content: space-between;
	margin-top: 50px
}

.communication li {
	width: 31%;
	background: #f7f7f7;
	border-bottom: 2px solid #2fc7a0;
	overflow: hidden
}

.communication li:nth-child(1) {
	border-radius: 40px 0 0 0
}

.communication li:nth-child(3) {
	border-radius: 0 40px 0 0
}

.communication .summary {
	text-align: center;
	padding: 25px 0
}

.communication .text {
	position: relative;
	padding-bottom: 20px
}

.communication .text:after {
	content: '';
	position: absolute;
	width: 50px;
	height: 2px;
	background: #2fc7a0;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%)
}

.communication .text .t {
	color: #4a4a4a;
	font-size: 18px
}

.communication .text .b {
	font-size: 20px;
	color: #2fc7a0;
	display: block
}

.communication .description {
	color: #a3a3a3;
	margin-top: 20px;
	line-height: 1.7
}

.marketing {
	background: url(../images/model_bg.jpg);
	padding: 70px 0
}

.marketing img {
	margin-top: 70px
}

.operation {
	padding: 70px 0 0
}

.operation ul {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	flex-wrap: wrap
}

.operation li {
	width: 30%;
	background: #f7f7f7;
	display: flex;
	flex-wrap: wrap
}

.operation li:nth-child(2) {
	flex-direction: column-reverse
}

.operation li:nth-child(1) {
	border-radius: 0 0 0 45px
}

.operation li:nth-child(3) {
	border-radius: 0 0 45px 0
}

.operation .pic {
	width: 100%
}

.operation .text {
	height: 433px;
	position: relative;
	width: 100%
}

.operation .description {
	width: 70%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 22%;
	transform: translate(0, -50%);
	height: 358px
}

.operation .num {
	position: absolute;
	font-size: 60px;
	color: rgba(74, 74, 74, .2);
	font-weight: 100;
	transform: translate(-100%, -50%);
	left: -10px;
	top: 50%
}

.operation .title {
	font-size: 18px;
	position: relative;
	margin-bottom: 25px
}

.operation .title h3 {
	color: #4a4a4a
}

.operation .title h4 {
	color: #4a4a4a;
	font-weight: initial
}

.operation .item {
	position: relative
}

.operation .item+.item {
	margin-top: 15px
}

.operation .item:after {
	content: '';
	position: absolute;
	background: #2fc7a0;
	height: 2px;
	width: 20px;
	top: 9px;
	left: -6px;
	transform: translateX(-100%)
}

.operation .item p {
	color: #4a4a4a;
	font-size: 16px;
	font-weight: 700
}

.operation .item span {
	color: #7f7f7f
}

.joining {
	padding: 70px 0 0
}

.joining .joiningBox {
	margin-top: 50px
}

.joining .joiningBox img {
	width: 108%;
	max-width: inherit
}

.joining .joiningBox ul {
	display: flex;
	justify-content: space-between
}

.joining .joiningBox ul:nth-child(2) {
	flex-direction: row-reverse;
	margin-top: 100px
}

.joining .joiningBox .round {
	width: 6vw;
	height: 6vw;
	border: 1px solid #dedede;
	border-radius: 50%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.joining .joiningBox .round img {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.joining .joiningBox .round:after {
	content: '';
	background: #dedede;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	transform: translateX(11%);
	left: 100%
}

.joining .joiningBox .num {
	width: 28px;
	height: 28px;
	background: #2fc7a0;
	display: block;
	position: absolute;
	color: #fff;
	line-height: 28px;
	border-radius: 50%;
	text-align: center;
	top: 0;
	left: 0
}

.joining .joiningBox i {
	font-size: 46px;
	color: #2fc7a0
}

.joining .joiningBox p {
	text-align: center;
	font-size: 16px;
	color: #595959;
	margin-top: 10px
}

.storePlate {
	background: url(../images/storePlate_bg.jpg) center/cover no-repeat;
	margin-top: 140px;
	position: relative;
	padding: 70px 0 120px
}

.storePlate .storeBox {
	position: relative;
	width: 880px;
	height: auto;
	margin: -140px auto 0;
	box-shadow: 0 0 13px 3px rgba(187, 187, 187, .37);
	z-index: 5;
	border-radius: 25px;
	display: flex;
	flex-wrap: wrap;
	padding: 50px;
	background: url(../images/worldMap.jpg) bottom/cover no-repeat;
	justify-content: space-between
}

.storePlate .storeBox .L {
	width: 59%
}

.storePlate .storeBox .Merchants {
	margin-top: 30px;
	padding-top: 30px;
	position: relative
}

.storePlate .storeBox .Merchants:after {
	content: '';
	background: #e3e3e3;
	width: 53px;
	height: 1px;
	position: absolute;
	display: block;
	top: 0
}

.storePlate .Merchants p {
	color: #4e4e4e;
	font-size: 18px
}

.storePlate .Merchants a {
	font-size: 49px;
	color: #656565
}

.storePlate .storeBox ._titlePlate {
	text-align: left
}

.storePlate .storeBox ._titlePlate h3 {
	padding: 0
}

.storePlate .storeBox .formBox {
	width: 33%
}

.storePlate .storeBox ._form {
	padding: 0
}

.storePlate .storeBox ._titlePlate span {
	display: none
}

.storePlate ._form.form1 #distpicker select {
	height: 40px;
	margin-top: 5px
}

.storePlate ._form.form1 #distpicker select,
.storePlate ._form.form1 .input {
	width: 100%;
	line-height: 40px;
	margin-bottom: 0
}

.storePlate ._form.form1 .input+.input {
	margin-top: 5px
}

.storePlate .storeBox .formBox .form_submit {
	background: #2fc7a0;
	margin-top: 15px;
	line-height: 40px;
	height: 40px;
	width: 140px
}

#txtContent img {
	display: inline-block
}

.noList {
	display: none;
	margin: 0 auto 5vw auto;
	text-align: center;
	font-size: 16px;
	color: #666666;
}

.noList img {
	margin: 0 auto;
}

.noList.active {
	display: block;
}

.productnew{
	width: 100%;
	padding: 5vw 8vw;
	display: inline-block;
	justify-content: space-between;
}
.productnew_left{
	width: 10vw;
	position: sticky;
	top: 8vw;
	display: inline-block;
	float: left;
}
.productnew_left .classify{
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 1vw 0;
}
.productnew_left .classify:first-child{
	padding-top: 0;
}
.productnew_left .classify .tit{
	font-size: 18px;
	color: #737373;
	cursor: pointer;
	font-weight: bold;
}
.productnew_left .classify .tit:hover{
	color: #2cc9a1;
}
.productnew_left .classify .classifyItem{
	opacity: 0;
	height: 0;
	pointer-events: none;
}
.productnew_left .classify .classifyItem .item{
	font-size: 16px;
	padding: .3vw 0;
	cursor: pointer;
	display: block;
	color: #7a7a7a;
}
.productnew_left .classify .classifyItem .item:hover{
	color: #2cc9a1;
}
.productnew_left .classify .classifyItem .item.active{
	color: #2cc9a1;
}
.productnew_left .classify.active .classifyItem{
	height: auto;
	opacity: 1;
	pointer-events: all;
	padding-left: .5vw;
}
.productnew_left .classify.active .tit{
	color: #2cc9a1;
	position: relative;
}
/*.productnew_left .classify.active .tit::before{*/
/*	content: '...';*/
/*	position: absolute;*/
/*	color: #2cc9a1;*/
/*	right: 0;*/
/*	margin-top: -5px;*/
/*}*/
.productnew_left .classify.active .classifyItem{
	padding-top: 1vw;
}
.productnew #proimg{
	width: 68vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 15vw;
	margin-top: 0;
}
.productnew_right{
	width: 68vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 15vw;
}
.productnew_right .item{
	width: 33vw;
	height: 23vw;
	margin-right: 2vw;
	margin-bottom: 2vw;
	overflow: hidden;
}
.productnew_right .item .img{
	width: 100%;
	height: 100%;
	background-size: cover !important;
	transition: 1s all;
}
.productnew_right .item:hover .img{
	transform: scale(1.05);
}
.productnew_right .item:nth-child(2n) {
	margin-right: 0;
}
.weiteseng{
	width: 100%;
	padding: 70px 8vw;
}
.weitesengLogo{
	width: 13vw;
	margin: 0 auto;
}
.weitesengTab{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 3vw 0;
}
.weitesengTab .tab.active{
	color: #00c7a1;
}
.weitesengTab .tab{
	display: block;
	color: #737373;
	font-size: 1vw;
	padding: 0 3vw;
	position: relative;
	margin: 0;
	cursor: pointer;
}
.weitesengTab .tab:hover{
	color: #00c7a1;
}
.weitesengTab .tab::before{
	content: '';
	position: absolute;
	width: 1px;
	height: 70%;
	left: 0;
	top: 15%;
	background: #999999;
}
.weitesengTab .tab:first-child::before{
	content: initial;
}
.weitesengBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.weitesengBox .weitesengSwiper{
	width: 17vw;
	height: 43.5vw;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.weitesengBox .weitesengSwiper .swiper-slide{
	width: 14vw;
	height: 8vw;
	padding: .5vw;
	transition: .3s all ease-in-out;
}
.weitesengBox .weitesengSwiper .swiper-slide-thumb-active{
	box-shadow: 0 0 2vw 0 rgba(97, 97, 97, 0.3);
	border: 1px solid #00c7a1;
}
.weitesengBox .weitesengSwiper .swiper-slide .img{
	width: 100%;
	height: 100%;
	background-size: cover !important;
}
.weitesengBox .swiper-button-next {
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 50%;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	box-shadow: 0vw 0vw 2vw 0vw
	rgba(97, 97, 97, 0.1);
	bottom: -.5vw;
	top: inherit;
	left: 6vw;
	transform: rotate(90deg);
}
.weitesengBox .swiper-button-prev{
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 50%;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	box-shadow: 0vw 0vw 2vw 0vw
	rgba(97, 97, 97, 0.1);
	top: .1vw;
	left: 6vw;
	transform: rotate(-90deg);
}
.weitesengBox .swiper-button-next:after, .weitesengBox .swiper-button-prev:after{
	content: initial;
}
.weitesengBox .weitesengSwiper2{
	width: 64vw;
	height: 43vw;
	overflow: hidden;
}
.weitesengBox .weitesengSwiper2 .swiper-slide .img{
	width: 100%;
	height: 100%;
	background-size: cover !important;
}
.joinF1{
	width: 100%;
	position: relative;
}
.joinF1 .f1Tit{
	width: 100%;
	padding: 3vw 8vw 1vw 8vw;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.joinF1 .f1Tit .tit{
	color: #2ebb98;
	font-weight: bold;
	font-size: 2vw;
	position: relative;
	padding-left: 2vw;
}
.joinF1 .f1Tit .tit::before{
	content: '';
	position: absolute;
	border-radius: 50%;
	width: .7vw;
	height: .7vw;
	top: .9vw;
	left: 0;
	border: 3px solid #2ebb98;
}
.joinF1 .f1Tit .en{
	color: #d1d1d1;
	font-size: 1vw;
}
.joinF1 .f1Tab{
	width: 100%;
	display: flex;
	padding: 3vw 8vw 1vw 8vw;
	justify-content: space-between;
}
.joinF1 .f1Tab .tab{
	color: #737373;
	font-size: 1vw;
	padding-bottom: .5vw;
	cursor: pointer;
}
.joinF1 .f1Tab .tab.active{
	color: #414141;
	border-bottom: 3px solid #2ebb98;
}
.joinNum{
	position: absolute;
	left: 9vw;
	bottom: 3vw;
	font-size: 16px;
}
.joinNum span{
	font-size: 14px;
}
.joinIcon{
	width: 36px;
	position: absolute;
	right: 9vw;
	bottom: 3vw;
	cursor: pointer;
}
.joinF1 .f1Item .item{
	height: 40vw;
	overflow: hidden;
	display: none;
	background: #f9f9f9;
}
.joinF1 .f1Item .item .textBox .t{
	font-weight: bold;
}
.joinF1 .f1Item .item.active{
	display: block;
}
.joinF1 .f1Item .item1{
	width: 100%;
	position: relative;
}
.joinF1 .f1Item .item1 .img{
	width: 100%;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}
.joinF1 .f1Item .item1 .textBox{
	background: #f9f9f9;
	padding: 2vw 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.joinF1 .f1Item .item1 .textBox .imgBox{
	width: 19vw;
	height: 12vw;
	background-size: cover !important;
}
/*.joinF1 .f1Item .item3 .img{*/
/*	padding: 5vw 5vw 0 5vw;*/
/*}*/
/*.joinF1 .f1Item .item4 .img{*/
/*	padding: 5vw 5vw 0 5vw;*/
/*}*/
/*.joinF1 .f1Item .item5 .img{*/
/*	padding: 5vw 5vw 0 5vw;*/
/*}*/
/*.joinF1 .f1Item .item6 .img{*/
/*	padding: 5vw 5vw 0 5vw;*/
/*}*/
/*.joinF1 .f1Item .item7 .img{*/
/*	padding: 5vw 5vw 0 5vw;*/
/*}*/
.joinF1 .f1Item .item1 .textBox .text{
	width: 28vw;
	margin-left: 5vw;
}
.joinF1 .f1Item .item1 .textBox .text .t{
	color: #009c73;
	font-size: 1.1vw;
}
.joinF1 .f1Item .item1 .textBox .text .d{
	color: #323232;
	font-size: .9vw;
	line-height: 1.7;
	margin-top: 1vw;
	text-align: justify;
}
.joinF1 .f1Item .item2{
	width: 100%;
	height: 40vw;
	background-size: cover !important;
	padding-top: 26vw;
}
.joinF1 .f1Item .item2 .textBox{
	width: 68vw;
	background-color: rgba(255,255,255,.85);
	backdrop-filter: blur(3px);
	border-radius: 1vw;
	margin: 0 auto;
	padding: 3vw;
	display: flex;
	justify-content: space-between;
}
.joinF1 .f1Item .item2 .textBox .text{
	width: 25vw;
}
.joinF1 .f1Item .item2 .textBox .text .t{
	color: #009c73;
	font-size: 1.1vw;
}
.joinF1 .f1Item .item2 .textBox .text .d{
	color: #323232;
	font-size: .9vw;
	line-height: 1.7;
	margin-top: 1vw;
	text-align: justify;
}
.joinF1 .f1Item .item2 .textBox .numBox{
	width: 30vw;
	display: flex;
	justify-content: space-between;
}
.joinF1 .f1Item .item2 .textBox .numBox .num .n{
	color: #009c73;
	font-size: 2.5vw;
	font-weight: bold;
}
.joinF1 .f1Item .item2 .textBox .numBox .num .n span{
	font-size: 1vw;
	font-weight: normal;
	position: relative;
	top: -1.5vw;
}
.joinF1 .f1Item .item2 .textBox .numBox .num .t{
	color: #737373;
	font-size: .9vw;
}
.joinF1 .f1Item .item3{
	padding: 2.5vw 8vw;
}
.joinF1 .f1Item .item3 .textBox .text{
	width: 50vw;
	margin: 0 auto;
	text-align: center;
}
.joinF1 .f1Item .item3 .textBox .text .t{
	color: #009c73;
	font-size: 1.1vw;
}
.joinF1 .f1Item .item3 .textBox .text .d{
	color: #323232;
	font-size: .9vw;
	line-height: 1.7;
	margin-top: 1vw;
	text-align: center;
}
.joinF1 .f1Item .item3 .imgBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 4vw;
}
.joinF1 .f1Item .item3 .imgBox img{
	width: 100%;
}
.joinF1 .f1Item .item4{
	padding: 2.5vw 15vw;
}
.joinF1 .f1Item .item4 .textBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.joinF1 .f1Item .item4 .textBox .img{
	width: 34vw;
	height: 20vw;
	background-size: cover !important;
}
.joinF1 .f1Item .item4 .textBox .text{
	width: 30vw;
}
.joinF1 .f1Item .item4 .textBox .text .t{
	color: #009c73;
	font-size: 1.1vw;
	border-top: 1px solid #b0ecd9;
	border-bottom: 1px solid #b0ecd9;
	padding: 1vw 0;
}
.joinF1 .f1Item .item4 .textBox .text .d{
	color: #323232;
	font-size: .9vw;
	line-height: 1.7;
	margin-top: 2vw;
	text-align: justify;
}
.joinF1 .f1Item .item4 .imgBox{
	width: 100%;
	text-align: center;
	font-size: .9vw;
}
.joinF1 .f1Item .item4 .imgBox .img{
	width: 100%;
	margin: 2vw 0;
}
.joinF1 .f1Item .item4 .imgBox .img img{
	width: 100%;
}
.joinF1 .f1Item .item5{
	padding: 2.5vw 15vw;
}
.joinF1 .f1Item .item5 .textBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.joinF1 .f1Item .item5 .textBox .img{
	width: 34vw;
	height: 20vw;
	background-size: cover !important;
}
.joinF1 .f1Item .item5 .textBox .text{
	width: 30vw;
}
.joinF1 .f1Item .item5 .textBox .text .t{
	color: #009c73;
	font-size: 1.1vw;
	border-top: 1px solid #b0ecd9;
	border-bottom: 1px solid #b0ecd9;
	padding: 1vw 0;
}
.joinF1 .f1Item .item5 .textBox .text .d{
	color: #323232;
	font-size: .9vw;
	line-height: 1.7;
	margin-top: 2vw;
	text-align: justify;
}
.joinF1 .f1Item .item5 .imgBox{
	width: 100%;
	text-align: center;
	font-size: .9vw;
}
.joinF1 .f1Item .item5 .imgBox .img{
	width: 100%;
	margin: 2vw 0;
}
.joinF1 .f1Item .item5 .imgBox .img img{
	width: 100%;
}
.joinF1 .f1Item .item6{
	padding: 2.5vw 8vw;
}
.joinF1 .f1Item .item6 .textBox .text{
	width: 50vw;
	margin: 0 auto;
	text-align: center;
}
.joinF1 .f1Item .item6 .textBox .text .t{
	color: #009c73;
	font-size: 1.1vw;
}
.joinF1 .f1Item .item6 .textBox .text .d{
	color: #323232;
	font-size: .9vw;
	line-height: 1.7;
	margin-top: 1vw;
	text-align: center;
}
.joinF1 .f1Item .item6 .imgBox{
	width: 100%;
	margin-top: 4vw;
}
.joinF1 .f1Item .item6 .imgBox .img img{
	margin: 2vw auto 0 auto;
}
.joinF1 .f1Item .item7{
	padding: 2.5vw 15vw;
}
.joinF1 .f1Item .item7 .textBox .text{
	width: 50vw;
	margin: 0 auto;
	text-align: center;
}
.joinF1 .f1Item .item7 .textBox .text .t{
	color: #009c73;
	font-size: 1.1vw;
}
.joinF1 .f1Item .item7 .textBox .text .d{
	color: #323232;
	font-size: .9vw;
	line-height: 1.7;
	margin-top: 1vw;
	text-align: center;
}
.joinF1 .f1Item .item7 .itemBox{
	width: 100%;
	margin-top: 5vw;
	display: flex;
	justify-content: space-between;
}
.joinF1 .f1Item .item7 .itemBox .items{
	width: 22vw;
	height: 24vw;
	background-color: #ffffff;
	border-radius: 1vw;
	overflow: hidden;
	padding-top: 2vw;
	transition: .3s all ease-in-out;
}
.joinF1 .f1Item .item7 .itemBox .items .icon{
	width: 5vw;
	height: 5vw;
	background-color: #f9f9f9;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
}
.joinF1 .f1Item .item7 .itemBox .items .icon img{
	width: 2.2vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.joinF1 .f1Item .item7 .itemBox .items .text{
	margin-top: 2vw;
    text-align: center;
}
.joinF1 .f1Item .item7 .itemBox .items .text .t{
	color: #323232;
	font-size: 1.2vw;
	font-weight: 500;
}
.joinF1 .f1Item .item7 .itemBox .items .text .d{
	color: #737373;
	font-size: 1vw;
	margin-top: 1vw;
}
.joinF1 .f1Item .item7 .itemBox .items .text .des{
	color: #737373;
	font-size: .9vw;
	line-height: 2;
	margin-top: 1.5vw;
}
.joinF1 .f1Item .item7 .itemBox .items.active{
	background-color: #63dcbe;
}
.joinF1 .f1Item .item7 .itemBox .items.active .icon{
	background: rgba(255,255,255,.3);
}
.joinF1 .f1Item .item7 .itemBox .items.active .icon img{
	filter: brightness(0) invert(1);
}
.joinF1 .f1Item .item7 .itemBox .items.active .t{
	color: white;
}
.joinF1 .f1Item .item7 .itemBox .items.active .d{
	color: white;
}
.joinF1 .f1Item .item7 .itemBox .items.active .des{
	color: white;
}
.joinF2{
	width: 100%;
	position: relative;
	padding: 5vw 0;
}
.joinTitBox{
	position: relative;
	text-align: center;
}
.joinTitBox::before{
	content: '';
	position: absolute;
	width: 4vw;
	height: 2px;
	background-color: #2ebb98;
	bottom: -.8vw;
	margin-left: -2vw;
}
.joinTitBox .en{
	color: #d1d1d1;
	font-size: 1vw;
}
.joinTitBox .cn{
	color: #2ebb98;
	font-size: 2vw;
	font-weight: bold;
}
.joinF2 .f2Tab{
	width: 100%;
	display: flex;
	padding: 3vw 0;
	justify-content: center;
}
.joinF2 .f2Tab .tab{
	color: #737373;
	font-size: 1.2vw;
	cursor: pointer;
	opacity: 0.5;
	margin: 0 2vw;
	position: relative;
}
.joinF2 .f2Tab .tab.active{
	color: #2ebb98;
	opacity: 1;
}
.joinF2 .f2Tab .tab.active::before{
	content: '';
	position: absolute;
	border-radius: 50%;
	width: .5vw;
	height: .5vw;
	top: .6vw;
	left: -1vw;
	border: 2px solid #2ebb98;
}
.joinF2 .f2Item{
	width: 100%;
}
.joinF2 .des{
	color: #737373;
	font-size: 1vw;
	text-align: center;
	margin: 4vw 0;
}
.f2Item .item{
	display: none;
}
.f2Item .item.active{
	display: block;
}
.f2Item .item1 .f2Swiper{
	width: 100%;
	overflow: hidden;
}
.f2Item .item1 .f2Swiper .swiper-slide{
	overflow: hidden;
	text-align: center;
	font-size: .9vw;
}
.f2Item .item1 .f2Swiper .img{
	width: 100%;
	height: 30vw;
	border-radius: 1vw;
	background-size: cover !important;
	margin: 0 auto 1vw auto;
}
.f2Item .item1 .f2Swiper .swiper-button-next {
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 50%;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	box-shadow: 0vw 0vw 2vw 0vw
	rgba(97, 97, 97, 0.1);
	left: initial;
	right: 16vw;
}
.f2Item .item1 .f2Swiper .swiper-button-prev{
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 50%;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	box-shadow: 0vw 0vw 2vw 0vw
	rgba(97, 97, 97, 0.1);
	left: 16vw;
	transform: rotate(-180deg);
}
.f2Item .item1 .f2Swiper .swiper-button-next:after, .f2Item .item1 .f2Swiper .swiper-button-prev:after{
	content: initial;
}
.f2Item .item2{
	width: 100%;
}
.f2Item .item2 img{
	width: 84%;
	margin: 0 auto;
}
.f2Item .item3{
	width: 100%;
}
.f2Item .item3 img{
	width: 84%;
	margin: 0 auto;
}
.joinF22{
	width: 100%;
	background-color: #f9f9f9;
	padding: 5vw 8vw;
}
.joinF22 .des{
	color: #737373;
	font-size: 1vw;
	text-align: center;
	margin: 4vw 0;
}
.joinF22 .imgBox{
	mix-blend-mode: darken;
}
.joinF3{
	width: 100%;
	height: 45vw;
	background: url(../images/join18.jpg) center center no-repeat;
	background-size: cover !important;
	padding: 3vw 8vw;
}
.joinF3 .f3Box{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 5vw;
	border-radius: 1vw;
	background: rgba(255,255,255,.8);
	backdrop-filter: blur(3px);
}
.joinF3 .f3Box .item{
	width: 25%;
	height: 12vw;
	position: relative;
	border-bottom: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	padding-top: 3vw;
}
.joinF3 .f3Box .item .icon{
	width: 3vw;
	margin: 0 auto .5vw auto;
}
.joinF3 .f3Box .item .name{
	color: #009c73;
	font-size: 1vw;
	text-align: center;
}
.joinF3 .f3Box .item .des{
	position: absolute;
	font-size: .9vw;
	line-height: 1.7;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
	opacity: 0;
	pointer-events: all;
	/*transition: .3s all ease-in-out;*/
}
.joinF3 .f3Box .item:nth-child(n+5):nth-child(-n+8){
	/*margin-top: 5vw;*/
	border-bottom: transparent;
}
.joinF3 .f3Box .item:hover .icon{
	opacity: 0;
}
.joinF3 .f3Box .item:hover .name{
	opacity: 0;
}
.joinF3 .f3Box .item:hover .des{
	opacity: .9;
}
.joinF4{
	width: 100%;
	position: relative;
	padding-top: 4vw;
}
.joinF4Img{
	width: 100%;
	margin: 4vw auto;
}
.joinF4Img img{
	margin: 0 auto;
}
.joinF5{
	width: 100%;
	height: 30vw;
	position: relative;
	background: url('../images/join20.jpg') center no-repeat;
	background-size: cover !important;
	padding-top: 6vw;
}
.joinF5 .formBox{
	width: 42vw;
	margin: 0 auto;
	position: relative;
}
.joinF5 .formBox .form1{
	position: relative;
}
.joinF5 .formBox .form1 input{
	height: 3vw !important;
	box-shadow: 0vw 4vw 3vw 0vw
	rgba(0, 0, 0, 0.02);
	border-radius: .3vw;
	background: rgba(255,255,255,.8);
}
.joinF5 .formBox .form1 .inputBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.joinF5 .formBox .form1 .inputBox .input{
	width: 49%;
}
.joinF5 .formBox .form1 #distpicker{
	width: 100%;
	margin-top: 1vw;
}
.joinF5 .formBox .form1 #distpicker select{
	height: 3vw;
	box-shadow: 0vw 4vw 3vw 0vw
	rgba(0, 0, 0, 0.02);
	border-radius: .3vw;
	background: rgba(255,255,255,.8) !important;
}
.joinF5 .formBox .form_submit{
	background-color: #fd813b;
	border-radius: .3vw;
}
.dinzhi629{
	width: 100%;
	position: relative;
}
.dinzhi629 .bg1 .btn{
	width: 40vw;
	position: absolute;
	left: 30vw;
	margin-top: -10vw;
	cursor: pointer;
	-webkit-animation: scale 1s ease infinite;
}
.dinzhi629 .bg1 .btn .btnBox{
	display: flex;
	margin-top: -5.5vw;
}
.dinzhi629 .bg1 .btn .sheji{
	width: 20vw;
	height: 5vw;
}
.dinzhi629 .bg1 .btn .zixun{
	width: 20vw;
	height: 5vw;
}
@-webkit-keyframes scale {
	0%,
	100% {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}
	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
.swiper629{
	width: 68vw;
	height: 62vw;
	border-radius: 3vw;
	position: absolute;
	left: 16vw;
	margin-top: -85vw;
}
.dinzhi629 .bg2{
	width: 100%;
	position: relative;
}
.dinzhi629 .bg2 .btn{
	width: 40vw;
	position: absolute;
	left: 30vw;
	margin-top: -20vw;
	cursor: pointer;
	-webkit-animation: scale 1s ease infinite;
}
.dinzhi629 .bg2 .btn .btnBox{
	display: flex;
	margin-top: -5.5vw;
}
.dinzhi629 .bg2 .btn .sheji{
	width: 20vw;
	height: 5vw;
}
.dinzhi629 .bg2 .btn .zixun{
	width: 20vw;
	height: 5vw;
}
.dinzhi629 .bg2 .swiper-button-next:after, .dinzhi629 .bg2 .swiper-button-prev:after{
	content: initial;
}
.dinzhi629 .bg2 .swiper-button-next{
	width: 3vw;
	right: 14vw;
	top: 57%;
}
.dinzhi629 .bg2 .swiper-button-prev{
	width: 3vw;
	left: 14.5vw;
	top: 57%;
}
.baokuan{
	width: 100%;
	position: relative;
	padding: 5vw 8vw;
}
.baokuanTab{
	width: 100%;
	display: flex;
	justify-content: center;
}
.baokuanTab .tab{
	margin: 0 2.5vw;
	cursor: pointer;
}
.baokuanTab .tab .tit{
	color: #737373;
	font-size: 1.1vw;
	font-weight: bold;
	position: relative;
}
/*.baokuanTab .tab.active .tit::before{*/
/*	content: '...';*/
/*	position: absolute;*/
/*	color: #07b98f;*/
/*	bottom: -.7vw;*/
/*	left: 1.5vw;*/
/*}*/
.baokuanTab .tab .tabBox .it.active{
	color: #009c73;
}
.baokuanTab .tab:hover .tit{
	color: #009c73;
}
/*.baokuanTab .tab:hover .tit::before{*/
/*	content: '...';*/
/*	position: absolute;*/
/*	color: #07b98f;*/
/*	bottom: -.7vw;*/
/*	left: 1.5vw;*/
/*}*/
.baokuanTab .tab .tabBox{
	position: absolute;
	display: flex;
	border-top: 1px solid rgba(97, 97, 97, 0.1);
	border-bottom: 1px solid rgba(97, 97, 97, 0.1);
	padding: 1vw 0;
	margin-top: 2vw;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	pointer-events: none;
}
.baokuanTab .tab .tabBox .it{
	display: block;
	font-size: .9vw;
	padding: 0 2vw;
	color: #737373;
}
.baokuanTab .tab .tabBox .it:hover{
	color: #009c73;
}
.baokuanTab .tab.active .tabBox{
	opacity: 1;
	pointer-events: all;
}
.baokuanTab .tab.active .tit{
	color: #009c73;
}
.baokuanBox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 8vw;
}
.baokuanBox .item{
	width: 19vw;
	height: 26vw;
	position: relative;
	overflow: hidden;
	margin-right: 2vw;
	margin-bottom: 2vw;
}
.baokuanBox .item.itemshafa{
	height: 18vw;
}
.baokuanBox .item:nth-child(4n) {
	margin-right: 0;
}
.baokuanBox .item .img{
	width: 100%;
	height: 100%;
	background-size: cover !important;
	transition: 1s all;
}
.baokuanBox .item:hover .img{
	transform: scale(1.05);
}

.baokuanBox .item .name{
	position: absolute;
	bottom: -1vw;
	text-align: center;
	width: 100%;
	font-size: .9vw;
	padding: 3vw 0 2vw 0;
	color: white;
	background: linear-gradient(to top, rgb(0 0 0 / 30%) 0%, rgb(155 155 155 / 0%) 87%);
}
#proimg{
	width: 100%;
	margin-top: 8vw;
	position: relative;
	overflow: hidden;
}
#proimg .item {
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	padding: 0 .8vw .9vw .8vw;
}
#proimg .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.newsPage .f4Box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}



.newsPage .f4Box .left {

	width: 41vw;

}



.newsPage .f4Box .left .imgBox {

	width: 41vw;

	height: 23vw;

	overflow: hidden;

}



.newsPage .f4Box .left .imgBox .img {

	width: 41vw;

	height: 23vw;

	background-size: cover !important;

	transition: 0.8s all;

}



.newsPage .f4Box .left .text {

	background: #e5f9f5;

	color: #00c7a1;

	text-align: center;

	padding: 1.5vw 0;

	font-size: 1vw;

}



.newsPage .f4Box .left:hover .imgBox .img {

	transform: scale(1.1);

}



.newsPage .f4Box .right {

	width: 48vw;

}



.newsPage .f4Box .right .item {

	display: flex;

	padding: 1vw 2vw;

	border: 1px solid #ebebeb;

	transition: 0.8s all;

}



.newsPage .f4Box .right .item .time {

	color: #666666;

	text-align: center;

	padding-top: 2.5vw;

	transition: 0.8s all;

}



.newsPage .f4Box .right .item .time p:nth-child(1) {

	font-size: 2vw;

	font-weight: bold;

}



.newsPage .f4Box .right .item .time p:nth-child(2) {

	font-size: 0.9vw;

}



.newsPage .f4Box .right .item .imgBox {

	width: 12vw;

	height: 7vw;

	margin-left: 2vw;

	margin-right: 1vw;

	overflow: hidden;

}



.newsPage .f4Box .right .item .imgBox .img {

	width: 12vw;

	height: 7vw;

	background-size: cover !important;

	transition: 0.8s all;

}



.newsPage .f4Box .right .item .text {

	width: 25vw;

	color: #666666;

	padding-top: 2vw;

}



.newsPage .f4Box .right .item .text .tit {

	font-size: 1vw;

	font-weight: bold;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	transition: 0.8s all;

}



.newsPage .f4Box .right .item .text .des {

	opacity: 0.8;

	font-size: 0.85vw;

	line-height: 1.7;

	margin-top: 1vw;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	overflow: hidden;

	transition: 0.8s all;

}



.newsPage .f4Box .right .item:nth-child(1) {

	border-bottom: transparent;

}



.newsPage .f4Box .right .item:nth-child(2) {

	border-bottom: transparent;

}



.newsPage .f4Box .right .item:hover {

	background: #e5f9f5;

}



.newsPage .f4Box .right .item:hover .imgBox .img {

	transform: scale(1.1);

}



.newsPage .f4Box .right .item:hover .time {

	color: #00c7a1;

}



.newsPage .f4Box .right .item:hover .text {

	color: #00c7a1;

}
#qihooai-assistant-root{
	display: none !important;
}
@media screen and (max-width: 1600px) {
	.footer .C .link a{
		padding:0 0.5vw;
	}
	.footer .R{
		padding-left: 35px;
	}
	.footer .L, .footer .R{
		width: 320px;
	}
	.footer .C{
		width: calc(100% - 640px);
	}
	.intro_menu a{
		width: 32%;
		font-size: 17px;
	}
}
@media screen and (max-width: 1440px) {
	.i_365{
		top: 10%;
	}
	.i_365 .top{
		margin-bottom: 4vw;
	}
	.intro_menu a{
		height: 60px;
	}
	.intro_menu a .icon{
		margin-left: .5vw;
	}
	.footer .C .link a{
		font-size: 12px;
	}
	.footer .R {
		width: 300px;
		padding-left: 3%;
	}

	.address p:last-child{
		font-size: 10px;
	}
	.footer .R .Mall p{
		font-size:12px;
	}
	.footer .R .link a{
		width: 35px;
		height: 35px;
	}
	.footer .R .Mall a{
		font-size: 30px;
	}
	.footer .R .Mall .phone2{
		font-size: 21px;
	}
	.footer .cl {
		width: calc(100% - 160px);
	}

	.subNav ul li a:first-child {
		font-size: 18px;
	}
}

@media screen and (max-width: 1366px) {
	.intro_menu a{
		height: 50px;
		font-size: 16px;
	}
	.subNav ul li {
		width: calc(100% / 7);
		margin-left: 0vw;
		margin-right: 0vw;
	}
}

@media screen and (min-width:1200px) {
	.parHd .sPrev:hover {
		background: url(/static/assets/img/time_prevon.png) no-repeat center center;
		background-size: 64px
	}

	.parHd .sNext:hover {
		background: url(/static/assets/img/time_nexton.png) no-repeat center center;
		background-size: 64px
	}

	.ConCaseImgListBox .flex-direction-nav .flex-next:hover {
		right: -32px;
		background: url(/static/assets/img/time_nexton.png) no-repeat center center;
		background-size: 64px
	}

	.ConCaseImgListBox .flex-direction-nav .flex-prev:hover {
		left: -32px;
		background: url(/static/assets/img/time_prevon.png) no-repeat center center;
		background-size: 64px
	}

	._tabLink a:hover {
		color: #32b9b0
	}

	._tabLink a:hover:after {
		transform: translateY(-50%);
		opacity: 1
	}

	._more:hover {
		background: #2fc7a0;
		color: #fff
	}

	._listRaiders li:hover .style {
		color: #2fc7a0
	}

	._listRaiders li:hover span {
		color: #2fc7a0
	}

	._listRaiders li:hover .title {
		color: #2fc7a0
	}

	._listRaiders li:hover .description {
		color: #2fc7a0
	}

	.pageSet .setList .R .style a:hover {
		color: #2fc7a0
	}

	.pageRaidersTv .coverBox .minTab a:hover {
		color: #2fc7a0
	}

	.pageSurrounding .pageNumber .number a:hover {
		background: #2fc7a0;
		color: #fff
	}

	.pageSurrounding .pageNumber .btn:hover {
		background: #2fc7a0;
		color: #fff
	}
}

@media screen and (max-width:1800px) {
	.pageSet .setList .R .style a {
		width: 33%;
		justify-content: flex-start;
		padding: 10px 0px;
		height: auto;
	}

	.pageSet .setList .R .style a:nth-child(3n-1) {
		margin: 0%
	}
}

@media screen and (max-width:1600px) {
	.process .processList h3 {
		font-size: 18px
	}

	.process .processList .num {
		font-size: 50px
	}

	.process .processList .text {
		font-size: 14px
	}

	.pageRaidersDetails .FixedBox.activeFixed {
		width: 1300px
	}

	.pageRaidersDetails .FixedBox.activeFixedBottom {
		width: 100%
	}

	.pageRaidersDetails .content .L {
		width: 75%
	}

	.pageRaidersDetails .content .R {
		width: 23%
	}

	.pageRaidersDetails .content .R .box {
		padding: 15px 10px
	}

	.pageRaidersDetails .content .R .plateTitle {
		font-size: 20px;
		margin-bottom: 10px
	}

	._listRaiders .title {
		font-size: 14px;
		margin-top: 10px
	}

	.pageRaidersDetails .content .R .summary {
		padding: 15px 0 0
	}

	.pageRaidersDetails .content .R .box+.box {
		margin-top: 15px
	}

	.pageRaidersDetails .FixedBox.activeFixed .asideBox {
		width: 23%
	}

	.pageRaidersDetails .FixedBox.activeFixedBottom .asideBox {
		width: 100%
	}
}

@media screen and (max-width:1500px) {
	.pageRaidersDetails .FixedBox.activeFixed {
		width: 1200px
	}

	.pageRaidersDetails .FixedBox.activeFixedBottom {
		width: 100%
	}

	._font60 {
		font-size: 40px
	}

	._font36 {
		font-size: 30px
	}

	._font24 {
		font-size: 20px
	}

	.inBanner {
		margin-top: 84px
	}

	.ConCaseImgListBox .flex-direction-nav .flex-prev {
		left: 5%
	}

	.ConCaseImgListBox .flex-direction-nav .flex-next {
		right: 5%
	}

	._font46 {
		font-size: 38px
	}

	.pageSet .setList .R .style {
		padding: 20px 60px
	}

	.pageSet .setList .L .text {
		width: 95%
	}

	.pageSet .setList .R .title {
		line-height: 65px;
		padding: 10px 40px 0
	}

	.pageSet .setList .R {
		transform: translateY(-126px)
	}

	.brand-text {
		width: 94%
	}

	.brand-container {
		background-position: right
	}

	.process .processList .num {
		font-size: 50px
	}

	.process .processList h3 {
		font-size: 16px
	}

	.process .processList .text {
		font-size: 14px
	}
}

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

	.green-product-text1-content,
	.green-product-text1-num,
	.green-product-text1-title {
		margin-left: 680px;
		width: 536px
	}

	.green-product-text2,
	.green-product-text5 {
		width: 1130px
	}

	.nav ul li ul li a {
		padding: 0.5vw 0;
		font-size: 14px;
	}

	.nav ul li ul {
		padding: 10px 0px;
	}

	.subNav ul li a {
		font-size: 14px;
	}

	.subNav ul li a:first-child {
		font-size: 16px;
	}
}

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

	.advantages .texL li:nth-child(2),
	.advantages .texL li:nth-child(4),
	.advantages .texR li:nth-child(2),
	.advantages .texR li:nth-child(4) {
		margin-left: 0%;
	}

	.advantages .texL li:nth-child(1),
	.advantages .texL li:nth-child(5) {
		margin-left: 25%;
	}

	.advantages .texR li:nth-child(1),
	.advantages .texR li:nth-child(5) {
		margin-left: -25%;
	}

	.advantages .texR li:nth-child(3) {
		margin-left: 10%;
	}

	.advantages .texL li:nth-child(3) {
		margin-left: -10%;
	}

	.advantages ul li .des {
		min-height: auto;
		width: 80%;
	}

	.advantages .texR li:nth-child(1),
	.advantages .texR li:nth-child(5) {
		margin-bottom: 15px;
	}
}


@media (max-width: 1440px) {
	header nav ul li a {
		padding: 0 1.5vw;
	}

	.resumeModal .resumeBox form .inputBox .name {
		width: 8vw;
	}

	.resumeModal .resumeBox form .inputBox .up {
		margin-left: 8vw;
	}
}

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

@media (max-width: 900px) {
	.pc {
		display: none;
	}

	.mobile {
		display: block;
	}

	.noList {
		margin: 0 auto 10vw auto;
		font-size: 14px;
	}

	.noList img {
		width: 50%;
	}

	.header {
		display: none !important;
	}

	.floatingWindow {
		display: none;
	}

	.social,
	.socialDetail,
	.development {
		margin-top: 0;
	}

	.wall .bannerBox {
		height: 40vw;
		margin-top: 0;
	}

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

	.wall .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.wall .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.wallTab {
		position: relative;
	}

	.wallTab .item {
		width: auto;
		height: auto;
		padding: 6px 8px;
		font-size: 14px;
	}

	.wall .text {
		padding: 5vw;
	}

	.wall .text .des .sq {
		height: 2vw;
	}

	.wall .text .tit {
		font-size: 18px;
	}

	.wall .text .des {
		font-size: 12px;
	}

	.wall .wallBox .item {
		display: block;
		padding-top: 0;
		padding-bottom: 5vw;
	}

	.wall .wallBox .item .imgBox {
		width: 100%;
		height: auto;
	}

	.wall .wallBox .item .imgBox .img {
		width: 100%;
		height: 55vw;
	}

	.wall .wallBox .item .textBox {
		width: 100%;
		padding: 5vw 5vw 8vw 5vw;
	}

	.wall .wallBox .item .textBox .tit {
		text-align: center;
	}

	.wall .wallBox .item .textBox .tit .cn {
		font-size: 18px;
	}

	.wall .wallBox .item .textBox .tit .en {
		font-size: 14px;
	}

	.wall .wallBox .item .textBox .des {
		font-size: 14px;
	}

	.wall .wallBox .item .textBox .more {
		width: 100px;
		padding: 8px 5px;
		height: auto;
		font-size: 14px;
		line-height: inherit;
		margin: 3vw auto 0 auto;
		border-radius: 50px;
	}

	.wall .wallDetail {
		padding: 5vw;
	}

	.wall .wallDetail .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 3vw;
		cursor: pointer;
	}

	.wall .wallDetail .item img {
		width: 100%;
		height: auto;
	}

	.Effect .bannerBox {
		height: 180px;
		margin-top: 0;
	}

	.Effect .title {
		font-size: 20px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.Effect .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.Effect .title::after {
		width: 22px;
		height: 3px;
		margin-left: -11px;
		bottom: 5px;
	}

	.Effect .EffectBox {
		margin-top: 0;
	}

	.Effect .EffectBox .item:nth-child(3n + 2) {
		top: 0;
	}

	.Effect .EffectBox .item {
		width: 44vw;
		height: auto;
		margin-right: 2vw !important;
	}

	.Effect .EffectBox .item:nth-child(2n) {
		margin-right: 0 !important;
	}

	.Effect .EffectBox .item:nth-child(3n) {
		margin-right: 0;
	}

	.Effect .EffectBox .item:last-child {
		margin-right: 0;
	}

	.Effect .EffectBox .item .imgBox {
		width: 100%;
		height: 65vw;
	}

	.Effect .EffectBox .item .textBox {
		width: 44vw;
		bottom: 2vw;
	}

	.Effect .EffectBox .item .text {
		padding-top: 8vw;
	}

	.Effect .EffectBox .item .text .en {
		font-size: 20px;
	}

	.Effect .EffectBox .item .text .cn {
		font-size: 14px;
	}

	.Effect .imageModal .imageBox {
		height: 100vw;
		top: 50%;
	}

	.Effect .imageModal .imageBox .imageModals {
		width: 95vw;
		height: 100vw;
	}

	.Effect .imageModal .imageBox .imageModals .left {
		width: 40vw;
	}

	.Effect .imageModal .imageBox .imageModals .left img {
		width: 40vw;
	}

	.Effect .imageModal .imageBox .imageModals .right {
		width: 49vw;
	}

	.Effect .imageModal .imageBox .imageModals .right .name {
		font-size: 16px;
	}

	.Effect .imageModal form {
		padding: 3vw 0;
		margin: 3vw 0;
	}

	.Effect .imageModal form .tit {
		font-size: 14px;
	}

	.Effect .imageModal form .inputBox {
		height: auto;
	}

	.Effect .imageModal form .inputBox input {
		height: 7vw;
		font-size: 12px;
	}

	.Effect .imageModal form .sbumit {
		height: 8vw;
		line-height: 8vw;
		font-size: 12px;
	}

	.Effect .imageModal form .kefu {
		height: 8vw;
		line-height: 8vw;
		font-size: 12px;
	}

	.Effect .imageModal .imageBox .leftIcon {
		display: none;
	}

	.Effect .imageModal .imageBox .rightIcon {
		display: none;
	}

	.Effect .imageModal .imageBox .imageModals .right .imgBox .tit {
		font-size: 14px;
	}

	.Effect .imageModal .imageBox .imageModals .right .imgBox .tit span {
		font-size: 12px;
	}

	.Effect .imageModal .imageBox .imageModals .right .imgBox .hotBox {
		height: 37vw;
	}

	.Effect .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList ul li {
		width: 15vw;
	}

	.Grass .bannerBox {
		height: 180px;
		margin-top: 0;
	}

	.Grass .title {
		font-size: 20px;
		margin-bottom: 10px !important;
		padding-bottom: 10px;
	}

	.Grass .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.Grass .title::after {
		width: 22px;
		height: 3px;
		margin-left: -11px;
		bottom: 5px;
	}

	.Grass .EffectBox {
		padding: 0 5vw;
	}

	.Grass .EffectBox .EffectList ul li {
		width: calc(33%);
		margin: 0;
	}

	.Grass .EffectBox .EffectList ul li img {
		transform: scale(.95);
	}

	.Grass .imageModal .imageBox {
		height: 100vw;
		top: 50%;
	}

	.Grass .imageModal .imageBox .imageModals {
		width: 95vw;
		height: 100vw;
	}

	.Grass .imageModal .imageBox .imageModals .left {
		width: 40vw;
	}

	.Grass .imageModal .imageBox .imageModals .left img {
		width: 40vw;
	}

	.Grass .imageModal .imageBox .imageModals .right {
		width: 49vw;
	}

	.Grass .imageModal .imageBox .imageModals .right .name {
		font-size: 16px;
	}

	.Grass .imageModal .imageBox .imageModals .right form {
		padding: 3vw 0;
		margin: 3vw 0;
	}

	.Grass .imageModal .imageBox .imageModals .right form .tit {
		font-size: 14px;
	}

	.Grass .imageModal .imageBox .imageModals .right form .inputBox {
		height: auto;
	}

	.Grass .imageModal .imageBox .imageModals .right form .inputBox input {
		height: 7vw;
		font-size: 12px;
	}

	.Grass .imageModal .imageBox .imageModals .right form .sbumit {
		height: 8vw;
		line-height: 8vw;
		font-size: 12px;
	}

	.Grass .imageModal .imageBox .imageModals .right form .kefu {
		height: 8vw;
		line-height: 8vw;
		font-size: 12px;
	}

	.Grass .imageModal .imageBox .leftIcon {
		display: none;
	}

	.Grass .imageModal .imageBox .rightIcon {
		display: none;
	}

	.Grass .imageModal .imageBox .imageModals .right .imgBox .tit {
		font-size: 14px;
	}

	.Grass .imageModal .imageBox .imageModals .right .imgBox .tit span {
		font-size: 12px;
	}

	.Grass .imageModal .imageBox .imageModals .right .imgBox .hotBox {
		height: 37vw;
	}

	.Grass .imageModal .imageBox .imageModals .right .imgBox .hotBox .hotList ul li {
		width: 15vw;
	}

	.HR .serachBox {
		width: 90vw;
		height: 10vw;
		border-radius: 5vw;
		top: -5.2vw;
	}

	.HR .serachBox input {
		width: 90%;
		height: 9vw;
		font-size: 14px;
		padding-left: 5vw;
	}

	.HR .serachBox .serach {
		width: 9vw;
		height: 9vw;
		font-size: 16px;
		padding-top: 2vw;
	}

	.HR .f1 {
		width: 100%;
		padding: 4vw 0 0 0;
	}

	.HR .f2 {
		padding: 10vw 0 5vw 0;
	}

	.HR .f1 .text {
		padding: 0 5vw;
	}

	.HR .f1 .text .tit {
		font-size: 18px;
	}

	.HR .f1 .text .des {
		font-size: 14px;
		margin: 2vw auto;
	}

	.HR .f1 .text .info {
		font-size: 14px;
	}

	.HR .f1 .itemBox {
		display: flex;
		padding: 5vw;
		flex-wrap: wrap;
	}

	.HR .f1 .itemBox .item {
		width: 100%;
		height: auto;
		padding: 35px 10px;
		border-radius: 10px;
	}

	.HR .f1 .itemBox .item:nth-child(1) {
		/*width: calc(50% - 5px);*/
		display: block;
	}

	.HR .f1 .itemBox .item:nth-child(2) {
		width: calc(50% - 5px);
		display: block;
	}

	.HR .f1 .itemBox .item:nth-child(3) {
		margin-top: 10px;
	}

	.HR .f1 .itemBox .item .icon {
		width: 40px;
		height: auto;
		margin: 0 auto 3vw auto;
	}

	.HR .f1 .itemBox .item .tit {
		font-size: 18px;
	}

	.HR .f1 .itemBox .item .info {
		width: 5vw;
		margin: 2vw auto 0 auto;
	}

	.HR .f1 .itemBox .item .des {
		height: auto;
		font-size: 12px;
		margin: 3vw auto;
		padding: 0px;
		line-height: 1.6;
	}

	.HR .f1 .itemBox .item .des br {
		display: none;
	}

	.HR .f1 .itemBox .item:nth-child(3) .des {
		height: auto;
	}

	.HR .f1 .itemBox .item .more {
		width: 100px;
		height: auto;
		font-size: 14px;
		line-height: inherit;
		padding: 8px 0px;
		border-radius: 50px;
	}

	.HR .f1 .itemBox .item .more i {
		font-size: 14px;
	}

	.HR .f1 .itemBox .item:nth-child(2) .icon {
		width: 10vw;
	}

	.HR .f1 .itemBox .item:nth-child(3) .icon {
		width: 7vw;
	}

	.HR .f2 .text {
		padding: 0 5vw;
	}

	.HR .f2 .text .tit {
		font-size: 24px;
	}

	.HR .f2 .text .des {
		font-size: 14px;
		text-align: justify;
	}

	.renziBox {
		width: 100%;
		display: block;
	}

	.HR .f2 .f2Swiper .swiper-slide {
		font-size: 14px;
		margin-bottom: 15px;
	}

	.renziBox .qrcodeBox {
		width: 100%;
		display: inline-block;
		text-align: center;
	}

	.renziBox .qrcodeBox .qrcode {
		width: 30vw;
		display: inline-block;
	}

	.renziBox .phoneBox {
		padding: 0 5vw !important;
		margin-top: 0vw;
	}

	.renziBox .phoneBox .tit {
		font-size: 20px;
	}

	.renziBox .phoneBox .address {
		font-size: 16px;
		margin: 5px 0;
	}

	.renziBox .phoneBox .phone {
		font-size: 22px;
	}

	.HR .f2 .f2Swiper .swiper-button-next,
	.HR .f2 .f2Swiper .swiper-button-prev {
		display: none;
	}

	.HR .f2 .f2Swiper {
		height: auto;
		width: 90%;
	}

	.HR .f2 .f2Swiper .swiper-pagination {
		position: relative;
		bottom: 0px;
	}

	.HR .f2 .f2Swiper .swiper-slide .img {
		height: 55vw;
		border: none;
		margin-bottom: 10px;
	}

	.social .bannerBox {
		height: 40vw;
	}

	.social .serachs {
		padding: 5vw;
	}

	.social .serachs .serachBox {
		width: 100%;
	}

	.social .serachs .serachBox .title {
		font-size: 20px;
	}

	.social .serachs .serachBox .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.social .serachs .serachBox .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.social .serachs .serachBox .serachItem {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.social .serachs .serachBox .serachItem .item {
		width: 48%;
		margin-top: 3vw;
	}

	.social .serachs .serachBox .serachItem .item:nth-child(1) {
		width: 100%;
	}

	.social .serachs .serachBox .serachItem .item .name {
		font-size: 14px;
	}

	.social .serachs .serachBox .serachItem .item .select {
		height: auto;
	}

	.social .serachs .serachBox .serachItem .item input {
		font-size: 12px;
		height: 10vw;
		padding: 0 3vw;
	}

	.social .serachs .serachBox .serachItem .serachBtn {
		width: 100%;
		height: auto;
		line-height: inherit;
		font-size: 14px;
		padding: 10px 0;
		border-radius: 5px;
		margin-top: 5vw;
	}

	.social .QA {
		width: 100%;
		padding: 5vw;
	}

	.social .QA .title {
		font-size: 20px;
	}

	.social .QA .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.social .QA .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.social .QA .qaBox .item {
		margin-top: 5vw;
	}

	.social .serachList {
		width: 100%;
		padding: 5vw;
	}

	.social .serachList .item .textBox .more {
		width: 100px;
		height: auto;
		line-height: inherit;
		font-size: 12px;
		padding: 8px 0px;
		border-width: 1px;
		border-radius: 50px;
	}

	#page li {
		min-width: 30px;
		font-size: 12px;
		line-height: 28px;
	}

	.social .QA .qaBox .item .q {
		padding: 3vw 5vw;
	}

	.social .QA .qaBox .item .q .name::before {
		width: 20px;
		height: 20px;
		margin-top: -4.5vw;
		margin-left: -6.5vw;
	}

	.social .QA .qaBox .item .q .name {
		font-size: 16px;
	}

	.social .QA .qaBox .active .a {
		font-size: 14px;
		padding: 5vw;
	}

	.school .serachs .stroke {
		width: 100%;
	}

	.school .serachs .stroke .title {
		font-size: 20px;
	}

	.school .serachs .stroke .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.school .serachs .stroke .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.school .serachs .stroke .strokeTab {
		margin: 5vw auto;
	}

	.school .serachs .stroke .strokeTab .item {
		font-size: 16px;
		margin: 0 5vw;
	}

	.school .serachs .stroke .strokeTab .item::after {
		height: 4vw;
		margin-left: 5vw;
		margin-top: 1vw;
	}

	.school .serachs .stroke .serachsSwiper {
		width: 100%;
	}

	.school .serachs .stroke .serachsSwiper {
		height: 45vw;
	}

	.school .serachs .stroke .serachsSwiper .swiper-slide .item {
		width: 90% !important;
		height: auto !important;
		margin: 0 auto;
	}

	.school .serachs .stroke .serachsSwiper .swiper-slide .item .name {
		font-size: 16px;
		padding: 3vw 5vw;
	}

	.school .serachs .stroke .serachsSwiper .swiper-slide .item .text {
		padding: 5vw;
		font-size: 14px;
	}

	.school .serachs .stroke .serachsSwiper .swiper-slide .item .text i {
		margin-right: 5px;
	}

	.school .serachs .serachBox {
		width: 100%;
	}

	.school .serachs .serachBox .title {
		font-size: 20px;
	}

	.school .serachs .serachBox .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.school .serachs .serachBox .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.school .serachs .serachBox .serachItem {
		display: flex;
		padding: 0 5vw;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.school .serachs .serachBox .serachItem .item {
		width: 49%;
		margin-top: 3vw;
	}

	.school .serachs .serachBox .serachItem .item:first-child {
		width: 100%;
	}

	.school .serachs .serachBox .serachItem .item .name {
		font-size: 14px;
	}

	.school .serachs .serachBox .serachItem .item .select {
		height: auto;
	}

	.school .serachs .serachBox .serachItem .item .select select {
		height: 8vw;
		font-size: 12px;
		padding: 0 3vw;
	}

	.school .serachs .serachBox .serachItem .item input {
		font-size: 12px;
		height: 10vw;
		padding: 0 3vw;
	}

	.school .serachs .serachBox .serachItem .serachBtn {
		width: 100%;
		height: auto;
		line-height: inherit;
		font-size: 14px;
		padding: 10px 0;
		border-radius: 5px;
		margin-top: 5vw;
	}

	.school .serachList {
		width: 100%;
		padding: 5vw;
	}

	.school .serachList .item {
		padding: 5vw;
		margin-bottom: 5vw;
	}

	.school .serachList .item .name {
		font-size: 16px;
	}

	.school .serachList .item .tabBox .tab {
		font-size: 14px;
	}

	.school .serachList .item .tabBox .tab::after {
		content: inherit;
	}

	.school .serachList .item .textBox .des {
		font-size: 14px;
		width: 100%;
		margin: 3vw 0;
	}

	.social .serachList .item {
		padding: 35px 15px;
		margin-bottom: 5vw;
	}

	.social .serachList .item .name {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.social .serachList .item .tabBox .tab {
		font-size: 12px;
		line-height: 1.6;
	}

	.social .serachList .item .tabBox .tab::after {
		content: inherit;
	}

	.social .serachList .item .textBox .des {
		font-size: 14px;
		width: 100%;
		padding: 15px 0px;
	}

	.socialDetail .w1200 {
		width: 100%;
	}

	.socialDetail .detailBox .left {
		width: 100%;
		padding: 5vw;
	}

	.school .serachList .item .textBox .more {
		width: auto;
		height: auto;
		line-height: inherit;
		font-size: 12px;
		padding: 2vw 3vw;
	}

	.school .serachList .item .textBox {
		display: block;
	}

	.school .process .title {
		font-size: 20px;
	}

	.school .process .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.school .process .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.school .process img {
		width: 100%;
		margin: 5vw auto 0 auto;
		padding: 0 5vw;
	}

	.social .serachList .item .textBox {
		display: block;
		border-top: 1px solid rgba(0, 0, 0, .05);
	}

	.school .QA {
		width: 100%;
		padding: 5vw;
	}

	.school .QA .title {
		font-size: 20px;
	}

	.school .QA .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.school .QA .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.school .QA .qaBox .item {
		margin-top: 5vw;
	}

	.school .serachList {
		width: 100%;
		padding: 5vw;
	}

	.school .QA .qaBox .item .q {
		padding: 3vw 5vw;
	}

	.school .QA .qaBox .item .q .name::before {
		width: 20px;
		height: 20px;
		margin-top: -4.5vw;
		margin-left: -6.5vw;
	}

	.school .QA .qaBox .item .q .name {
		font-size: 16px;
	}

	.school .QA .qaBox .active .a {
		font-size: 14px;
		padding: 5vw;
	}

	.school .cooperation {
		width: 100%;
		padding: 5vw;
	}

	.school .cooperation .title {
		font-size: 20px;
	}

	.school .cooperation .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.school .cooperation .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.development .f1 {
		width: 100%;
		padding-bottom: 0;
	}

	.development .f1 .title {
		font-size: 20px;
	}

	.development .f1 .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.development .f1 .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.development .f2 .w1200 {
		width: 100%;
		padding: 5vw;
	}

	.development .f2 .title {
		font-size: 20px;
	}

	.development .f2 .title::before {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: -14vw;
	}

	.development .f2 .title::after {
		width: 10vw;
		margin-top: 3.4vw;
		margin-left: 3.5vw;
	}

	.development .f2 .f2Box {
		display: none;
		margin-top: 0;
	}

	.development .f2 .f2Box .item {
		width: 100%;
		height: 119vw;
		margin-top: 5vw;
		background-size: cover !important;
	}

	.development .f2 .f2Box .item:nth-child(1) {
		height: 83vw;
		background: url(../images/renli16_mobile.png) center no-repeat !important;
		background-size: cover !important;
	}

	.development .f2 .f2Box .item:nth-child(2) {
		height: 107vw;
		background: url(../images/renli17_mobile.png) center no-repeat !important;
		background-size: cover !important;
	}

	.development .f2 .f2Box .item:nth-child(3) {
		height: 107vw;
		background: url(../images/renli18_mobile.png) center no-repeat !important;
		background-size: cover !important;
	}

	.development .f2 .f2Box .item .tit {
		margin-top: 0;
		font-size: 18px;
		padding-top: 42vw;
		margin-bottom: 5vw;
	}

	.development .f2 .f2Box .item .des {
		font-size: 14px;
	}

	.development .f2 .info {
		margin-top: 5vw;
		font-size: 16px;
		padding: 5vw 0;
	}

	.social .serachs .serachBox .serachItem .item .select select {
		height: 8vw;
		font-size: 12px;
		padding: 0 3vw;
	}

	.con_content {
		width: 100% !important;
		padding: 5vw;
	}

	.con_content .con_title {
		padding: 0 !important;
		font-size: 22px !important;
		margin-top: 0 !important;
	}

	.con_content .con_mark {
		font-size: 14px !important;
		padding-bottom: 10px !important;
	}

	.con_content .con_html {
		padding: 0 !important;
		font-size: 14px !important;
		line-height: 1.7 !important;
	}

	.con_content .news_link,
	.news_line {
		display: none;
	}

	.con_content .con_html {
		margin-top: 20px !important;
	}

	.resumeModal .resumeBox {
		width: 90%;
		padding: 5vw;
	}

	.resumeModal .resumeBox .tit {
		font-size: 20px;
	}

	.resumeModal .resumeBox form .inputBox {
		width: 100%;
	}

	.resumeModal .resumeBox form .inputBox .name {
		width: 30vw;
	}

	.resumeModal .resumeBox form .inputBox input {
		width: 50vw;
		height: 8vw;
		font-size: 12px;
	}

	.resumeModal .resumeBox form .inputBox select {
		width: 50vw;
		height: 8vw;
		font-size: 12px;
	}

	.resumeModal .resumeBox form .inputBox .up {
		width: 50vw;
		height: 8vw;
		font-size: 12px;
		line-height: 8vw;
		margin-left: 30vw;
	}

	.resumeModal .resumeBox form .inputBox .up i {
		font-size: 18px;
	}

	.resumeModal .resumeBox .resumeBtn {
		width: 25vw;
		height: 8vw;
		line-height: 8vw;
		font-size: 12px;
		top: 8vw;
	}

	.resumeModal .resumeBox form {
		margin: 10vw auto;
	}

	.socialDetail .detailBox {
		padding: 5vw;
	}

	.socialDetail .detailBox .left .headBox .head {
		font-size: 16px;
	}

	.socialDetail .detailBox .left .headBox .tabBox .tab {
		font-size: 14px;
	}

	.socialDetail .detailBox .left .headBox .tabBox .tab::after {
		content: inherit;
	}

	.socialDetail .detailBox .left .desBox {
		margin-top: 5vw;
	}

	.socialDetail .detailBox .left .desBox .item .tit {
		font-size: 14px;
	}

	.socialDetail .detailBox .left .desBox .item .des {
		margin-top: 3vw;
		font-size: 14px;
	}

	.socialDetail .detailBox .left .deliver {
		width: 30vw;
		height: 8vw;
		line-height: 8vw;
		font-size: 14px;
		margin: 3vw auto;
	}

	.socialDetail .detailBox .right {
		width: 100%;
		margin-left: 0;
		margin-top: 5vw;
	}

	.socialDetail .detailBox .right .tit {
		padding: 3vw 5vw;
		font-size: 16px;
	}

	.socialDetail .detailBox .right .item {
		padding: 3vw;
		margin: 0 0;
	}

	.socialDetail .detailBox .right .item .name {
		font-size: 14px;
	}

	.socialDetail .detailBox .right .item .tabBox {
		margin-top: 2vw;
	}

	.socialDetail .detailBox .right .item .tabBox .tab {
		font-size: 14px;
	}

	.socialDetail .detailBox .right .tit .more {
		font-size: 14px;
	}

	.socialDetail .detailBox .left .headBox .tabBox {
		margin-top: 3vw;
	}

	.m_inputbox {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 5vw;
	}

	.imageModalMobile {
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, .75);
		position: fixed;
		top: 0;
		z-index: 999;
		padding: 5vw;
		display: none;
	}

	.imageModalMobile.active {
		display: block;
	}

	.imageModalMobile_Box {
		width: 90%;
		height: auto;
		background: white;
		padding: 0vw;
		position: absolute;
		left: 5%;
		top: 50%;
		-webkit-transform: translateY(-50%);
	}

	.imageModalMobile_Box .btnOff {
		width: 30px;
		position: absolute;
		border: none;
		height: 30px;
		border-radius: 50%;
		z-index: 999;
		color: #0fc096;
		text-align: center;
		line-height: 28px;
		right: 10px;
		margin-top: 0vw;
		font-size: 16px;
		top: 10px;
	}

	.imageModalMobile_Box .imageModalMobileSwiper {
		height: auto;
		margin: 10vw 0;
	}

	.imageModalMobile_Box .imageModalMobileSwiper .swiper-wrapper,
	.imageModalMobile_Box .imageModalMobileSwiper .swiper-wrapper .swiper-slide {
		height: 45vh !important;
	}

	.imageModalMobile_Box .imageModalMobileSwiper .swiper-slide .img {
		width: 100%;
		height: 45vh;
		background-size: contain !important;
	}

	.imageModalMobile_Box .swiper-pagination {
		bottom: inherit;
	}

	.imageModalMobile_Box .swiper-pagination .swiper-pagination-bullet {
		background: #0fc096;
		width: 6px;
		height: 6px;
		margin: 0px 2px;
	}

	.imageModalMobile_Box .name {
		font-size: 16px;
		font-weight: bold;
		margin-top: 10vw;
	}

	.imageModalMobile_Box form {
		padding: 3vw 5vw 7vw 5vw;
	}

	.imageModalMobile_Box form .inputBox {
		width: 100%;
		height: auto;
		background-color: #f7f9fa;
		border-radius: 3px;
		margin-bottom: 2vw;
		padding: 0 1vw;
	}

	.imageModalMobile_Box form .inputBox input {
		width: 100%;
		height: 40px;
		outline: none;
		border: transparent;
		background: transparent;
		font-size: 14px;
		padding: 0 15px;
	}

	.imageModalMobile_Box form .sbumit {
		width: 48%;
		height: 40px;
		background-color: #00c7a1;
		border-radius: 3px;
		text-align: center;
		line-height: 10vw;
		font-size: 14px;
		color: white;
		cursor: pointer;
		transition: .5s all;
		margin: 0px;
	}

	.imageModalMobile_Box form .kefu {
		width: 48%;
		height: 40px;
		background-color: rgba(0, 199, 161, 0.1);
		border-radius: 3px;
		text-align: center;
		line-height: 10vw;
		font-size: 14px;
		color: #00c7a1;
		border: 1px solid #00c7a1;
		margin-top: 0px;
		cursor: pointer;
		display: block;
		transition: .5s all;
	}

	.school .cooperation .cooperationBox .item {
		width: calc(51% - 12px);
	}

	.school .cooperation .cooperationBox .item:nth-child(5n) {
		margin-right: 15px;
	}

	.school .cooperation .cooperationBox .item:nth-child(2n) {
		margin-right: 0;
	}

	.development .bannerBox,
	.HR .bannerBox {
		margin-top: 0;
	}

	.wallTab {
		top: 0px;
		display: flex;
		justify-content: center;
	}

	.fenlei a .img {
		width: 30px;
		height: 30px;
		background-size: 180px 60px;
	}

	.fenlei a.active .img,
	.fenlei a:hover .img {
		background-position: 0px -30px;
	}

	.fenlei a:nth-child(2).active .img,
	.fenlei a:nth-child(2):hover .img {
		background-position: -30px -30px;
	}

	.fenlei a:nth-child(3).active .img,
	.fenlei a:nth-child(3):hover .img {
		background-position: -60px -30px;
	}

	.fenlei a:nth-child(4).active .img,
	.fenlei a:nth-child(4):hover .img {
		background-position: -90px -30px;
	}

	.fenlei a:nth-child(5).active .img,
	.fenlei a:nth-child(5):hover .img {
		background-position: -120px -30px;
	}

	.fenlei a:nth-child(6).active .img,
	.fenlei a:nth-child(6):hover .img {
		background-position: -150px -30px;
	}

	.fenlei a:nth-child(2) .img {
		background-position: -30px 0px;
	}

	.fenlei a:nth-child(3) .img {
		background-position: -60px 0px;
	}

	.fenlei a:nth-child(4) .img {
		background-position: -90px 0px;
	}

	.fenlei a:nth-child(5) .img {
		background-position: -120px 0px;
	}

	.fenlei a:nth-child(6) .img {
		background-position: -150px 0px;
	}

	.fenlei a .txt {
		font-size: 12px;
	}

	.fenlei {
		margin-top: 5vw;
	}

	.fenlei a {
		padding: 0px 8px;
		font-size: 14px;
	}

	.fenleis ul li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 5vw;
	}

	.fenleis ul li .name {
		font-size: 12px;
		padding-top: 10px;
	}

	.fenleis ul li:nth-child(6n) {
		margin-right: 2%;
	}

	.fenleis ul li:nth-child(3n) {
		margin-right: 2%;
	}

	.fenleis ul li:nth-child(2n) {
		margin-right: 0%;
	}

	.wallTab .item {
		display: block;
		padding: 8px;
		border-radius: 30px;
	}

	.wall .text {
		margin-top: 0px;
	}

	.Effect .EffectBox {
		margin-top: 5vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.Effect .EffectBox .item {
		width: 49%;
		margin-right: 0px !important;
	}

	.Effect .EffectBox .item .imgBox {
		position: relative;
		width: 100%;
		height: auto;
	}

	.Effect .EffectBox .item .imgBox .pic {
		position: relative;
		width: 100%;
		height: 100%;
		height: 55vw;
	}

	.Effect .EffectBox .item .text .en {
		font-size: 4vw;
		-webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
	}

	.imageModalMobile_Box .name {
		display: none;
	}

	.imageModalMobile_Box .swiper-pagination {
		bottom: 5px;
	}

	.Grass .EffectBox {
		margin-top: 5vw;
	}

	.school .cooperation .cooperationBox {
		flex-wrap: wrap;
		display: flex;
		justify-content: space-between;
	}

	.school .cooperation .cooperationBox .item {
		width: calc(50% - 5px);
		display: block;
		float: none;
		margin-bottom: 10px;
		margin-right: 0px;
	}

	.school .cooperation .cooperationBox .item:nth-child(5n) {
		margin-right: 0px;
	}

	.rlzy_list {
		width: 100%;
		position: relative;
		margin-top: 5vw;
	}

	.rlzy_list ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.rlzy_list ul li {
		width: calc(50% - 5px);
		height: auto;
		padding: 35px 15px;
		background: #fff;
		border-radius: 5px;
		margin-bottom: 10px;
	}

	.rlzy_list ul li:first-child {
		width: 100%;
	}

	.rlzy_list ul li .icon {
		width: 50px;
		margin: 0px auto;
	}

	.rlzy_list ul li .tit {
		font-size: 16px;
		text-align: center;
		padding: 20px 0px 10px;
	}

	.rlzy_list ul li .des {
		width: 100%;
		text-align: center;
		font-size: 14px;
		line-height: 1.6;
		opacity: .7;
	}

	.renziBox>.qrcodeBox {
		display: none;
	}

	.renziBox .phoneBox {
		margin-bottom: 10vw;
	}

	.renziBox .phoneBox .nr {
		width: 90%;
		background: #4dd7bc;
		border-radius: 5px;
		padding: 25px 15px 15px;
		margin-left: 5%;
		position: relative;
		margin-top: 20px;
	}

	.renziBox .phoneBox .nr .icon {
		width: 40px;
		height: 40px;
		position: absolute;
		left: 50%;
		margin-left: -20px;
		top: -20px;
		background: #22cdab;
		border-radius: 50%;
	}

	.renziBox .phoneBox .nr .icon::after {
		width: 30px;
		height: 30px;
		background: url(../images/rz_tel.png) no-repeat;
		background-size: cover;
		content: '';
		position: absolute;
		left: 5px;
		top: 5px;
	}

	.renziBox .phoneBox .phone {
		font-family: avant;
		margin-bottom: 5px;
	}

	.chrg-grid {
		justify-content: space-between;
	}

	.chrg-grid .chrg-item {
		width: 49%;
		margin-right: 0%;
		margin-bottom: 1.5vw;
	}

	.Effect .EffectBox .item:hover .text .cn {
		color: #fff;
	}

	.Effect .EffectBox .item:hover .imgBox .pic::after {
		opacity: 0.3;
	}

	.storePlate {
		margin-top: 0px;
		padding: 20vw 0px;
	}

	.storePlate .storeBox {
		width: 100%;
		padding: 0px;
		box-shadow: none;
		border-radius: 0px;
		background: transparent;
	}

	.school .bannerBox {
		margin-top: 0px;
	}
	.weiteseng{
		padding: 10vw 5vw;
	}
	.weitesengLogo{
		width: 35vw;
	}
	.weitesengTab{
		margin: 5vw 0;
	}
	.weitesengTab .tab{
		font-size: 14px;
	}
	.weitesengBox{
		display: none;
	}
	.weitesengBoxImg img{
		margin-bottom: 5vw;
	}
	.weitesengBox .weitesengSwiper{
		width: 100%;
		height: 50vw;
	}
	.weitesengBox .weitesengSwiper2{
		display: none;
	}
	.weitesengBox .weitesengSwiper .swiper-slide{
		width: 100%;
		height: 50vw;
	}
	.weitesengBox .swiper-button-next{
		transform: initial;
		right: -4vw;
		left: initial;
		top: 50%;
		display: none;
	}
	.weitesengBox .swiper-button-prev{
		transform: rotate(-180deg);
		left: -4vw;
		top: 50%;
		display: none;
	}
	.weitesengBox .weitesengSwiper .swiper-slide-thumb-active{
		border: transparent;
		box-shadow: transparent;
	}
	.productnew{
		padding: 10vw 5vw;
		display: block;
	}
	.productnew_left{
		width: 100%;
		display: block;
		position: relative;
		top: initial;
		float: initial;
	}
	.classifyBox{
		width: 100%;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		padding-bottom: 5px;
	}
	.productnew_left .classify{
		/*display: inline-block;*/
		/*margin-right: 5px;*/
		border: transparent;
	}
    .productnew_left .classify .classifyItem{
		width: 100%;
		position: absolute;
		display: flex;
		flex-wrap: inherit;
		white-space: nowrap;
		justify-content: center;
		left: 0;
	}
	.productnew_left .classify:first-child{
		padding: 1vw 0;
	}
	.productnew_left .classify .classifyItem .item{
		font-size: 14px;
		display: inline-block;
		border-radius: 5vw;
		border: 1px solid #00c7a1;
		color: #00c7a1;
		margin: 1vw;
		padding: 2px 8px;
	}
	.productnew_left .classify.active .classifyItem{
		padding-top: 5vw;
	}
	.productnew_left .classify .classifyItem .item.active{
		background: #00c7a1;
		color: white;
	}
	.productnew_right{
		width: 100%;
		margin-left: 0;
		margin-top: 14vw;
	}
	.productnew_left .classify .tit{
		font-size: 16px;
	}
	.productnew_right .item {
		width: 100%;
		height: 70vw;
		margin-right: 0;
		margin-bottom: 5vw;
	}
	.baokuanBox .item .name{
		font-size: 12px;
		bottom: 0;
	}
	.lightClose{
		top: 50px;
	}
	#proimg{
		margin-top: 25vw;
	}
	.productnew #proimg{
		width: 100%;
		margin-left: 0;
		margin-top: 15vw;
	}
	.xzContent{
		padding: 25px 0;
	}
	.xzContent::before{
		content: initial;
	}
	.joinTitBox::before{
		width: 15vw;
		bottom: -1.5vw;
		margin-left: -7.5vw;
	}
	.inBanner img{
		height: 180px;
	}
	.inBanners{
		margin-top: 0;
	}
	.inBanners img{
		height: 180px;
	}
	.inBnanner img{
		height: 180px;
	}
}