@font-face {
	font-family: "NotoSansHans";
	src: url("../font/NotoSansHans-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {

	font-family: Montserrat;
	src: url("http://chuanlan.cn/style/fonts/Montserrat-Bold.otf");
	font-weight: normal;
	font-style: normal;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
main {
	display: block
}

*,
:before,
:after {
	box-sizing: border-box;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

img {
	border: 0;
	width: auto;
	max-width: 100%;
}

ul,
dl,
li,
dt,
dd {
	list-style: none;
}

body,
html {
	min-height: 100%;
}

body {
	font-family: "NotoSansHans";
	font-size: 14px;
	color: #333;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	width: 100%;
	overflow-x: hidden;
	background: #fff;
}

pre {
	font-family: "NotoSansHans";
	white-space: pre-wrap;
	word-wrap: break-word;
}

a {
	font-size: 14px;
	text-decoration: none;
	transition: ease .65s;
	color: #333;
	outline: none;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select {
	outline: none;
	font-family: "NotoSansHans";
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	background: none;
	transition: ease .45s;
}

input::-webkit-input-placeholder {
	color: #888888;
}

input:-moz-placeholder {
	color: #888888;
}

input::-moz-placeholder {
	color: #888888;
}

input:-ms-input-placeholder {
	color: #888888;
}

textarea {
	resize: none;
	overflow: hidden;
}

textarea::-webkit-input-placeholder {
	color: #888888;
}

textarea:-moz-placeholder {
	color: #888888;
}

textarea::-moz-placeholder {
	color: #888888;
}

textarea:-ms-input-placeholder {
	color: #888888;
}

select::-ms-expand {
	display: none;
}

i,
em {
	font-style: normal;
}

.fl,
.fl_warp {
	float: left;
}

.fr,
.fr_warp {
	float: right;
}

.z-container {
	width: 75vw;
	height: auto;
	clear: both;
	margin: 0 auto;
}

.z-container2 {
	width: 1200px;
	height: auto;
	clear: both;
	margin: 0 auto;
}

.z-container3 {
	width: 87.5%;
	height: auto;
	clear: both;
	margin: 0 auto;
}

.z-row {
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 auto;
}

.ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis6 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis8 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
	text-overflow: ellipsis;
}

.imgbg {
	width: 100%;
	height: 100%;
	transition: ease 1s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.imgbgs {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.z_flex {
	display: flex;
	align-items: center;
}

.z_flex_ul {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.clear {
	clear: both;
}

*:before,
*:after {
	z-index: -1;
}

.z_public_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: url(../image/bgs.png) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	pointer-events: none;
}

.flwarp {
	float: left;
}

.frwarp {
	float: right;
}

.imgbg {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: ease 1s;
}

.font32 {
	font-size: 1.66666vw;
}


.cursor {
	width: 2.6vw;
	height: 2.6vw;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	margin: -1.3vw 0 0 -1.3vw;
	z-index: 120;
	visibility: hidden;
}

.cursor:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(.4);
	transition: all .4s cubic-bezier(.3, 1.83, .49, .88);
}

.cursor {
	user-select: none;
	pointer-events: none;
	mix-blend-mode: difference;
}

.cursor.nav::before {
	transform: translate(-50%, -50%) scale(1);
}


/*分享*/
#bsWXBox {
	box-sizing: initial;
}

#bsBox {
	box-sizing: initial;
}

/*浏览器滚动条*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-track:vertical {
	background-color: black
}

::-webkit-scrollbar-track-piece {
	background: #E3E3E3
}

::-webkit-scrollbar-thumb:vertical {
	background-color: #555;
	border-radius: 30px
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #3B3B3B
}

::-webkit-scrollbar-corner:vertical {
	background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
	background-color: #FF6E00
}

::-webkit-scrollbar-track-piece {
	background: #eeeeee
}

::-webkit-scrollbar-thumb:vertical {
	background-color: var(--yx_Color);
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active {
	pointer-events: auto;
	z-index: 3;
}

.swiper-container-fade .swiper-slide {
	opacity: 0 !important;
}

.swiper-container-fade .swiper-slide-active {
	opacity: 1 !important;
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active {
	pointer-events: auto;
	z-index: 3;
}

.swiper-fade .swiper-slide {
	opacity: 0 !important;
}

.swiper-fade .swiper-slide-active {
	opacity: 1 !important;
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column;
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column;
}

.video_pop {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.video_pop .close_btn {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(http://chuanlan.cn/style/img/close2.png) no-repeat center;
	z-index: 100;
	cursor: pointer;
}

#video {
	width: 100%;
	max-height: 100%;
}

.video_pop .warp {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
}

/*分享二维码*/
#zCode {
	display: block;
	left: 50%;
	top: 50%;
	margin-left: -110px;
	margin-top: -122.5px;
	position: fixed;
	background: #fff;
	height: 245px;
	width: 220px;
	z-index: 3000;
	border-radius: 5px;
	border: 6px solid #7f7f7f;
	box-sizing: border-box;
}

#zCode>h2 {
	color: #666;
	background: #f2f2f2;
	height: 24px;
	line-height: 24px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 14px;
	padding: 0 10px;
	box-sizing: border-box;
}

#zCode>h2>i {
	cursor: pointer;
	float: right;
	width: 24px;
	height: 24px;
	text-align: center;
}

#zCode>.ewm {
	width: 100%;
	height: 208px;
	padding: 20px;
	box-sizing: border-box;
}

#zCode>.ewm canvas {
	width: 100%;
	height: 100%;
}

.rebox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-filter: none !important;
	background: rgb(0, 0, 0);
	/* IE Fallback (Solid Colour) */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
	background: rgba(0, 0, 0, 0.6);
}

.rebox * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.rebox-contents {
	position: absolute;
	top: 5%;
	left: 5%;
	text-align: center;
	width: 90%;
	height: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rebox-contents .rebox-content {
	border-radius: 1px;
	max-width: 100%;
	max-height: 100%;
}

.rebox-loading {
	width: 31px;
	height: 31px;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 48%;
	left: 50%;
}

.rebox-caption {
	display: none;
	opacity: 1;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 1000;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
}

.rebox-caption p {
	margin: 0 auto;
	max-width: 70%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

.rebox-button {
	position: absolute;
	z-index: 9999;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	background: rgb(0, 0, 0);
	text-decoration: none;
	font-size: 24px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	border-radius: 32px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.rebox-button:hover,
.rebox-button:focus {
	opacity: 1;
	background: #BF2E2E;
}

.rebox-close {
	right: 10px;
	top: 10px;
	font-size: 30px;
}

.rebox-next {
	right: 10px;
	top: 48%;
}

.rebox-prev {
	left: 10px;
	top: 48%;
}

.rebox-loading {
	left: 50%;
	top: 48%;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.lazy {
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-position: bottom center;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	background-attachment: fixed;
}

.mr {
	margin-left: auto;
}

.yx_Yy{
	margin-right: 0.42rem;
	color: #999;
}
.yx_Yy a{
	font-size: 0.18rem;
	display: inline-block;
	margin: 0 0.16rem;
}
.yx_Yy a.active{
	font-weight: bold;
	color: var(--yx_Color);
}
.z_header {
	background: #FFFFFF;
	width: 100%;
	height: 1.1rem;
	box-shadow: 0 0 0.24rem rgba(0, 0, 0, .05);
	z-index: 10;
	padding-left: 3%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	transition: ease 1s;
	z-index: 99;
	background: #fff;
}

.z_header::before {
	content: "";
	display: block;
	z-index: 1;
	width: 0;
	height: 3px;
	background: var(--yx_Color);
	position: absolute;
	left: 0;
	top: 0;
	transition: ease 2s;
}

.z_header.animated::before {
	width: 100%;
}

.z_logo img {
	display: block;
	max-height: 2.6vw;
}

.z_header_nav {
	margin-left: auto;
	margin-right: 3vw;
	display: flex;
	align-items: center;
}

.z_header_nav li {
	display: inline-block;
	margin-left: 4vw;
}

.z_header_nav li a {
	font-size: 16px;
}

.z_header_nav li:hover a,
.z_header_nav li.active a {
	color: var(--yx_Color);
	font-weight: bold;
}

.z_menu_btn {
	display: flex;
	align-items: center;
	overflow: hidden;
	justify-content: center;
	cursor: pointer;
	position: relative;
	height: 1.1rem;
	width: 1.1rem;
	background: var(--yx_Color);
}

.z_menu_btn span {
	display: block;
	transition: ease .6s;
	width: 32px;
	height: 2px;
	background: #fff;
}

.z_menu_btn .line2 {
	margin: 5px 0;
}

.z_menu_btn .line3 {
	width: 18px;
}

.z_menu_btn.on .line1 {
	transform: translateY(7px) rotate(45deg);
}

.z_menu_btn.on .line3 {
	transform: translateY(-7px) rotate(-45deg);
	width: 32px;
}

.z_menu_btn.on .line2 {
	opacity: 0;
}

.z_menu_btn:hover .line3 {
	width: 32px;
}

.z_menu_mask {
	width: 100%;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: ease 1s;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 99999;
}

.z_menu_con {
	width: 60%;
	height: 100%;
	position: relative;
	margin-left: 40%;
	border-radius: 50%;
	padding: 0 8.3vw 0 10.4vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.z_menu_mask::before {
	content: "";
	display: block;
	width: 90vw;
	height: 90vw;
	background: #fff;
	position: absolute;
	right: -30vw;
	top: 50%;
	transform: translateY(-50%) scale(0, 0);
	border-radius: 50%;
	transition: ease 1.5s;
}

.z_menu_mask::after {
	content: "";
	display: block;
	width: 100vw;
	height: 100vw;
	background: rgba(255, 255, 255, .3);
	position: absolute;
	right: -36vw;
	top: 50%;
	transform: translateY(-50%) scale(0, 0);
	border-radius: 50%;
	transition: ease 1.5s;
}

.z_menu_nav li {
	margin-bottom: 1.5vw;
}

.z_menu_nav li h3 a {
	font-size: 0.22rem;
	font-weight: bold;
}

.z_menu_down a {
	display: inline-block;
	color: #666666;
	margin-top: 0.6vw;
	position: relative;
	margin-right: var(--yx_FS16);
	padding-left: 10px;
}

.z_menu_down a::before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #999999;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: ease 1s;
}

.z_menu_nav a:hover {
	color: var(--yx_Color);
	font-weight: bold;
}

.z_menu_nav a:hover::before {
	background: var(--yx_Color);
}

.z_menu_btm {
	border-top: 2px solid var(--yx_Color);
	padding-top: 0.3rem;
	display: flex;
	align-items: center;
	margin-top: 0.6rem;
}

.z_menu_addre {
	color: #666666;
	line-height: 24px;
}

.z_menu_share {
	margin-left: auto;
	flex-shrink: 0;
}

.z_menu_share a {
	display: inline-block;
	width: 44px;
	height: 44px;
	background: #EEEEEE;
	border-radius: 50%;
	text-align: center;
	line-height: 44px;
	color: #666666;
	font-size: 20px !important;
	margin-left: 15px;
}

.z_menu_share a:hover {
	background: var(--yx_Color);
	color: #fff;
	cursor: pointer;
}

.z_menu_close {
	position: absolute;
	right: 0vw;
	top: 0vw;
	width: 6.25vw;
	height: 6.25vw;
	text-align: center;
	line-height: 6.25vw;
	color: #B4B4B4;
	font-size: 28px !important;
	font-weight: bold;
	cursor: pointer;
}

.z_menu_close:hover {
	color: var(--yx_Color);
}

.z_menu_mask .warp {
	opacity: 0;
	width: 100%;
	transition: ease 1s;
	transform: translateX(100px);
}

.z_menu_mask.on,
.z_menu_mask.on .warp {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
}

.z_menu_mask.on::before {
	transition-delay: .5s;
}

.z_menu_mask.on::after {}

.z_menu_mask.on::before,
.z_menu_mask.on::after {
	transform: translateY(-50%) scale(1, 1)
}

.z_menu_mask.on .warp {
	transition-delay: 1.4s
}

.z_banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 100vh;
	background: var(--yx_Color);
}

.z_banner_text {
	position: absolute;
	left: 0;
	top: 55%;
	transition: 2s ease;
	opacity: 0;
	transition-delay: .5s;
	width: 100%;
	padding: 0 8.3vw;
	box-sizing: border-box;
	color: #fff;
}

.z_banner_text .en {
	font-size: 0.54rem;
	text-transform:capitalize;
	margin-bottom: 0.1rem;
}

.z_banner_text .cn {
	font-size: 0.54rem;
	display: inline-block;
	position: relative;
	line-height: 120%;
}

.z_banner_text ul {
	margin: 0.36rem 0 0.72rem;
}

.z_banner_text ul li {
	position: relative;
	padding-left: 0.24rem;
	font-size: var(--yx_FS16);
	line-height: 180%;
	margin-bottom: 0.08rem;
	color: #fff;
	max-width: 640px;
	opacity: 0.8;
}

.z_banner_text ul li::before {
	content: '';
	display: block;
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	left: 0;
	top: 0.09rem;
}

.z_banner_text .cn::before {
	content: "";
	display: block;
	width: 100%;
	transition: ease 2s;
	transition-delay: 1s;
	height: 12px;
	background: var(--yx_Color);
	position: absolute;
	left: 0;
	bottom: 0;
}

.z_banner .swiper-slide-active .cn::before {
	width: 8.125vw
}

.z_banner .swiper-slide-active .z_banner_text {
	opacity: 1;
	transform: translateY(-50%);
}

.z_banner_text .dot {
	margin-top: 1.5vw;
}

.z_banner_text .dot em {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.z_banner_text .dot .d1 {
	background: #FFFFFF;
	animation: dot1 2s linear infinite;
}

.z_banner_text .dot .d2 {
	background: var(--yx_Color);
	opacity: 0.8;
	animation: dot2 2s linear infinite;
}

@keyframes dot1 {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(16px);
	}

	100% {
		transform: translateX(0px);
	}
}

@keyframes dot2 {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(-16px);
	}

	100% {
		transform: translateX(0px);
	}
}

.z_banner_num {
	position: absolute;
	left: 8.3vw;
	bottom: 3.5%;
	z-index: 2;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	font-family: Montserrat;
	display: none;
}

.z_banner_num .index {
	font-size: 1.66666vw;
	color: var(--yx_Color);
}

.z_banner_hd {
	position: absolute;
	left: 8.3vw;
	bottom: 3%;
	z-index: 2;
}

.z_banner_hd span {
	display: inline-block;
	cursor: pointer;
	height: 24px;
	margin-left: 5px;
	position: relative;
	width: 24px;
	border-radius: 50%;
}

.z_banner_hd span::before {
	content: "";
	display: block;
	opacity: 0;
	animation: animtran 10s linear infinite;
	width: 100%;
	height: 100%;
	background: url(../image/dot.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.z_banner_hd span::after {
	content: "";
	display: block;
	width: 6px !important;
	height: 6px !important;
	background: #FFFFFF !important;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.z_banner_hd span.swiper-pagination-bullet-active::before {
	opacity: 1;
}

.z_banner_hd span.swiper-pagination-bullet-active::after {
	background: var(--yx_Color);
}

@keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}

	to {
		transform: rotateZ(360deg);
	}
}

.z_index_tit .en {
	font-size: 0.32rem;
	font-family: Montserrat;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2vw;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.z_index_tit .cn {
	font-size: 0.42rem;
	font-weight: bold;
	margin-top: 5px;
}

.z_index_tit .en::before {
	content: "";
	display: block;
	width: 100%;
	height: 12px;
	background-image: linear-gradient(to right, var(--yx_Color), rgba(8, 181, 101, 0.1));
	transition: ease 1.5s;
	transition-delay: .5s;
	position: absolute;
	right: 0;
	bottom: 1px;
}

.z_index_tit.animated .en::before {
	width: 45%;
}

.z_index_more {
	display: flex;
	align-items: center;
	position: relative;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	justify-content: center;
	font-family: Montserrat;
	font-size: 12px;
	width: 8.3vw;
	height: 8.3vw;
	border: 1px solid #FFFFFF;
	color: #fff;
	border-radius: 4.2vw;
}

.z_index_more .iconfont {
	display: block;
	text-align: center;
	font-size: 24px;
	margin-top: 10px;
}

.z_index_more::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	transition: ease 1s;
}

.z_index_more:hover::before {
	width: 110%;
	height: 110%;
	background: #fff;
}

.z_index_more:hover {
	color: var(--yx_Color);
}

.z_index_more2 {
	border-color: var(--yx_Color);
	color: #333;
	font-size: var(--yx_FS14);
	text-transform: capitalize;
	background: #fff;
}

.z_index_more2 .iconfont {
	color: var(--yx_Color);
}

.z_index_more2:hover::before {
	background: var(--yx_Color);
}

.z_index_more2:hover,
.z_index_more2:hover .iconfont {
	color: #fff;
}

.z_index_news .flwarp {
	width: 37.5%;
	min-height: 44vw;
	position: relative;
	background: url(../image/bg2.jpg) no-repeat left top;
	background-size: cover;
	padding: 10vw 6vw 6vw 8.3vw;
	box-sizing: border-box;
}

.z_index_news .flwarp .desc {
	margin: 2vw 0;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 4vw;
}

.z_index_news .frwarp {
	width: 62.5%;
	background: #EFF2F7;
	padding: 6vw 8.3vw 6vw 7vw;
	padding-top: 0;
	box-sizing: border-box;
	position: relative;
}

.z_index_news .frwarp::before {
	content: "";
	display: block;
	background: #EFF2F7;
	width: 100%;
	/* height: 6.25vw; */
	position: absolute;
	left: 0;
	top: -6.25vw;
	z-index: 1;
}

.z_news_nav {
	text-align: right;
	margin-bottom: 4vw;
	padding-top: 2vw
}

.z_news_nav a {
	font-size: 16px;
	color: #000;
	margin-left: 1vw;
	display: inline-block;
	border-radius: 1.4vw;
	padding: 0 20px;
	border: 1px solid transparent;
	height: 2.8125vw;
	line-height: 2.8125vw;
	position: relative;
	padding-left: 0.5rem;
}

.z_news_nav a::before {
	content: "";
	display: block;
	opacity: 0;
	transition: ease 1s;
	width: 12px;
	height: 12px;
	z-index: 1;
	background: url(../image/arr4.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.z_news_nav a.active::before,
.z_news_nav a:hover::before {
	opacity: 1;
}

.z_news_nav a.active,
.z_news_nav a:hover {
	color: var(--yx_Color);
	border-color: var(--yx_Color);
}

.z_news_child {
	position: relative;
	display: none;
	min-height: 31.25vw;
}

.z_news_child.active {
	display: block;
}

.z_news_child .small {
	width: 31%;
	float: left;
}

.z_news_child .small li {
	height: 9.6875vw;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin-bottom: 1vw;
}

.z_news_child .small li::before {
	content: "";
	z-index: 1;
	display: block;
	width: 0%;
	height: 2px;
	background: var(--yx_Color);
	position: absolute;
	left: 0;
	top: 0;
	border-radius: var(--yx_FS16);
	transition: ease 1s;
}

.z_news_child .small li.on::before {
	width: 100%;
}

.z_news_child .small li::after {
	content: "";
	z-index: 1;
	display: block;
	width: 0%;
	height: 2px;
	background: var(--yx_Color);
	position: absolute;
	right: 0;
	bottom: 0;
	transition: ease 1s;
}

.z_news_child .small li.on::after {
	width: 100%;
}

.z_news_child .small li .imgbg::before {
	content: "";
	z-index: 1;
	display: block;
	width: 2px;
	height: 0;
	background: var(--yx_Color);
	position: absolute;
	left: 0;
	bottom: 0;
	transition: ease 1s;
}

.z_news_child .small li.on .imgbg::before {
	height: 100%;
}

.z_news_child .small li .imgbg::after {
	content: "";
	z-index: 1;
	display: block;
	width: 2px;
	height: 0;
	background: var(--yx_Color);
	position: absolute;
	right: 0;
	top: 0;
	transition: ease 1s;
}

.z_news_child .small li.on .imgbg::after {
	height: 100%;
}

.z_news_child .small li:last-child {
	margin-bottom: 0;
}

.z_news_child .big {
	position: absolute;
	right: 0;
	top: 0;
	width: 66.6%;
	height: 100%;
	background: #fff;
}

.z_news_child .big li {
	display: none;
}

.z_news_child .big li a {
	display: block;
	padding: 4vw 2.6vw;
	box-sizing: border-box;
}

.z_news_child .big li.on {
	display: block;
}

.z_news_child .big .timebox {
	font-family: Montserrat;
	font-weight: bold;
	color: var(--yx_Color);
	margin-bottom: 1.5vw;
}

.z_news_child .big .timebox em {
	display: block;
	font-size: 2.6vw;
}

.z_news_child .big h3 {
	font-size: 0.24rem;
	color: #000;
	line-height: 140%;
	margin-bottom: var(--yx_FS14) !important;
}

.z_news_child .big .desc {
	color: #888;
	line-height: 26px;
	height: 78px;

}

.z_news_child .more {
	display: block;
	border-top: 3px solid #EEEEEE;
	padding-top: 3vw;
	margin-top: 3vw;
	font-family: Montserrat;
	color: #606060;
	font-size: 12px;
}

.z_news_child .more .iconfont {
	display: inline-block;
	transform: rotate(-45deg);
	font-size: 18px !important;
	color: var(--yx_Color);
	transition: ease 1s;
}

.z_news_child .more:hover .iconfont {
	transform: rotate(0);
}

.z_news_child .more:hover {
	color: var(--yx_Color);
}

.z_index_hz {
	padding: 7vw 0;
	box-sizing: border-box;
	position: relative;
}

.z_index_hz .z_index_tit {
	text-align: center;
	color: #fff;
	margin-bottom: 2.6vw;
}

.z_index_hz .z_index_hz_Con {
	text-align: center;
	padding: 0 6% !important;
}

.z_index_hz .z_index_hz_Con p {
	font-size: var(--yx_FS14);
	color: #fff;
	line-height: 200%;
	opacity: 0.65;
	padding: 0 14%;
	text-align: center;
}

.z_index_hz .z_index_hz_Con a {
	font-size: 16px;
	color: #000;
	margin: 0.48rem auto 0;
	display: inline-block;
	border-radius: 1.4vw;
	padding: 0.12rem 0.4rem;
	border: 1px solid transparent;
	color: #fff;
	position: relative;
	border: 1px solid #fff;
}

.z_index_hz .z_index_hz_Con a:hover {
	background: #fff;
	color: var(--yx_Color);
}

.z_footer {
	background: url(../image/bg4.png) repeat;
	padding: 3vw 8.3vw;
	box-sizing: border-box;
}

.z_footer_top {
	border-bottom: 2px solid var(--yx_Color);
	padding: 0.36rem 0;
}

.z_footer_logo img {
	display: block;
	height: 2.91666vw;
}

.z_footer_center {
	padding: 0.6rem 0 0.8rem;
	display: flex;
}

.z_footer_desc {
	color: #000000;
	line-height: 32px;
	font-weight: bold;
}

.z_footer_desc h3 {
	font-size: 18px;
	font-weight: bold !important;
	color: #333;
}

.z_footer_desc>p {
	font-size: var(--yx_FS16);
	line-height: 200%;
	color: #666;
}

.z_footer_desc .tel {
	display: block;
	font-size: 0.42rem;
	font-family: Montserrat;
	color: var(--yx_Color);
	line-height: 120%;
	margin: 0.15rem 0 0.1rem;
}

.z_footer_code {
	margin-top: 2vw;
}

.z_footer_code li {
	width: 6.25vw;
}

.z_footer_nav {
	margin-left: auto;
}

.z_footer_nav li {
	display: inline-block;
	vertical-align: top;
	margin-left: 0.85rem
}

.z_footer_nav li:nth-child(1) {
	margin-left: 0;
}

.z_footer_nav li a {
	display: block;
}

.z_footer_nav li a:hover,
.z_footer_a a:hover {
	color: var(--yx_Color);
}

.z_footer_nav li h3 a {
	font-size: 18px;
	font-weight: bold;
}

.z_footer_nav .z_menu_down {
	margin-top: 0.22rem;
}

.z_footer_nav .z_menu_down a {
	padding: 0;
	color: #888;
	line-height: 200%;
}

.z_footer_copy {
	color: #888;
	font-size: var(--yx_FS14);
}

.z_footer_copy a {
	color: #888;
	margin-left: 0.2rem;
}

.z_footer_a a {
	display: inline-block;
	padding: 0 10px;
	color: #666666;
}

.z_footer_nav a::before {
	display: none;
}

.z_retop {
	width: 48px;
	height: 48px;
	background: var(--yx_Color);
	cursor: pointer;
	z-index: 5;
	border-radius: 50%;
	position: fixed;
	right: 2.6vw;
	bottom: 2.6vw;
	z-index: 6;
}

.z_retop::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: var(--yx_Color);
	opacity: .3;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: -2;
	animation: consult2 linear 2s infinite;
}

.z_retop:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url("../image/top.png") center center;
	background-size: contain;
}

@keyframes consult2 {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(2);
	}
}

@media only screen and (max-width:758px){
	.z_menu_mask::before,.z_menu_mask::after{
		right: 0;
		
		border-radius: 0;
	}
	.z_menu_mask{
		width: 100%;
	}
	.z_menu_con{
		width: 100%;
		margin-left:0;
	}
	.z_menu_down{
		margin:14px 0 24px;
	}
	.z_menu_nav li h3 a{
		font-size: 16px !important;
	}
	.z_menu_down a{
		font-size: 14px;
		line-height: 200%;
	}
	.z_menu_mask{
		z-index: 99999999999999999 !important;
	}
	.z_menu_close{
		right: 30px;
		top: 30px;
	}
	.z_header_nav.pc_nav{
		display: none !important;
	}
}