body.fixed .z_header {
	transform: translateY(-100%);
	visibility: hidden;
}

.z_header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0vw 4vw;
	box-sizing: border-box;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: ease 1s;
	height: 6.25vw;
	background: #fff;
}

.z_header:hover {
	background: #fff !important;
}

.z_header.on {
	background: #fff !important;
}

.z_header_nav li {
	display: inline-block;
	line-height: 40px;
	
	padding: 0px 60px;
	box-sizing: border-box;
	position: relative;

	text-align: center;
}

.z_words:hover .z_nav_down {
	position: absolute;
	left: 0;

	width: 100%;
	background: #fff;
	text-align: center;
	background: #eff5fb;
	padding: 1vw 0;
	opacity: 1;
	visibility: initial;

	display: flex;
	flex-direction: column;


}

.z_header_nav li a {
	font-size: 18px;
	display: block;
}

.z_header_nav li::before {
	content: "";
	display: block;
	width: 44px;
	height: 44px;
	border: 2px solid #196CCF;
	opacity: 0.3;
	border-radius: 50%;
	position: absolute;
	left: -12px;
	top: 50%;

	opacity: 0;
	transition: ease 1s;
}

.z_header_nav li:hover>a,
.z_header_nav li.active>a {
	color: #196CCF;
}

.z_nav_down {
	position: absolute;
	left: 0;

width: 100%;
	background: #fff;
	text-align: center;
	background: #eff5fb;
	padding: 1vw 0;
	opacity: 0;
	visibility: hidden;
	transition: ease 1s;
	flex-direction: row;justify-content: space-around;
	display: flex;
	flex-direction: column;

	
}

.z_nav_down .item {
	display: inline-block;
	margin: 0;
	text-align: center;
	vertical-align: top;
}

.z_nav_down .t3 {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}

.z_nav_down a {
	display: block
}

.z_nav_down a:hover {
	color: #fff !important;
	text-decoration: underline;
}

.z_nav_down .t2 {
	color: #196CCF;
	font-size: 16px;
	font-weight: bold;
}

.z_header_nav li:nth-child(3) .z_nav_down .t3 {
	background: url(../img/sj1.png) no-repeat left center;

}

.z_nav_down .t4 a {
	color: #90979E;
	line-height: 30px;
}

.z_nav_down .box {
	margin-bottom: 1vw;
}

.z_header_nav li:hover .z_nav_down {
    position: absolute;
    left: 0;

    width: 100%;
    background: rgba(0, 64, 151, 0.62);
    text-align: center;
    padding: 1vw 0;
    opacity: 1;
    visibility: initial;
    transition: ease 1s;
    display: flex;
   
    align-items: center;

	justify-content: space-around;

}

.z_words {
	min-width: 110px;
	background: none;
	border: 1px solid none;
	border-radius: 23px;
	cursor: pointer;
	padding: 0 15px;
	margin: 0 20px;
	position: relative;
	transition: all 0.4s;
}

.z_words:hover {
	background: #fff;
	border: #fff;
}

.z_words:hover .tit {
	color: #000;
}

.z_words .tit {
	display: flex;
	align-items: center;
	height: 46px;
	justify-content: center;
}

.z_words .icon {
	margin-right: 10px;
	flex-shrink: 0;
}

.z_words .down {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	margin-top: 5px;
	background: #fff;
	border-radius: 10px;
	transition: ease 1s;
	transform: translateY(10px);
	opacity: 0;
	overflow: hidden;
	box-shadow: 0 0 10px rgb(0, 0, 0, .1);
}

.z_words:hover .down {
	opacity: 1;
	transform: translateY(0);
}

.z_words .down a {
	display: block;
	text-align: center;
	line-height: 38px;
	border-bottom: 1px solid #ddd;
}

.z_words .down a:hover {
	background: #196CCF;
	color: #fff;
}

.z_words .down a:last-child {
	border-bottom: 0;
}

.z_sel {
	background: url(../img/arr.png) no-repeat right center;
	padding-right: 10px;
	flex: 1;
	height: 46px;
}

.z_menu_btn {
	width: 46px;
	height: 46px;
	background: #196CCF;
	border-radius: 50%;
	margin: 0;
}

.z_menu_btn span,
.z_menu_btn.on span {
	background: #fff;
	width: 18px;
}

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

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

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

.z_logo img {
	display: block;
	height: 24px;
}

.z_header_fr {
	margin-left: auto;
   
}


.z_header_fr.on{display: block;}



.z_index_tit::before {
	content: "";
	display: block;
	width: 5.57291vw;
	height: 6.25vw;
	background: url(../img/fz.png) no-repeat center;
	background-size: 100% auto;
	position: absolute;
	left: -3vw;
	top: -2vw;
	animation: fzyd 20s infinite ease-in-out;
}

@keyframes fzyd {
	0% {
		transform: scale(1, 1) rotate(0deg);
	}

	50% {
		transform: scale(.6, .6) rotate(360deg);
	}

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

.z_index_tit2::before {
	background: url(../img/fz2.png) no-repeat center;
	background-size: 100% auto;
}

.z_index_about .bz {
	font-size: 18px;
	width: 593px;
	font-weight: bold;
	color: #000000;
	line-height: 30px;
	margin: 2.6vw 0;
	margin-bottom: 4.5vw;
}

.z_index_about .bz em {
	color: #196CCF;
}

.z_index_about .desc {
	color: #4B4E51;
	line-height: 26px;
	width: 33.07291vw;
	margin-left: auto;
}

.z_index_about .conwarp {
	position: relative;
}

.z_index_about .z_more {
	position: absolute;
	left: 0;
	bottom: 0;
}

.z_about_num {
	margin-top: 10vw;
}

.z_about_num li {
	position: relative;
	z-index: 1;
	max-width: 23%;
}

.z_about_num ul {
	display: flex;
	justify-content: space-between;
}

.z_about_num h3 {
	font-size: 2.91666vw;
	font-family: Exo2;
	color: #196CCF;
}

.z_about_num h4 {
	font-weight: bold;
}

.z_about_num .icon {
	position: absolute;
	left: -0.5vw;
	top: -1.6vw;
	height: 3.22916vw;
	z-index: -1;
	margin-bottom: 10px;
}

.z_index_about {
	display: flex;
}

.z_index_about .fr_warp {
	width: 29.2%;
	position: relative;
	overflow: hidden;
}

.z_index_about .fr_warp .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	outline: none;
}

.z_index_pro {
	position: relative;
	background: #F4F4F4;
	overflow: hidden;
	min-height: 50vw;
}

.z_pro_head {
	padding: 5vw 8.3vw;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

.z_index_pro .z_pro_nav {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

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

.z_pro_nav a {
	display: inline-block;
	height: 46px;
	background: #FFFFFF;
	margin: 0 10px;
	min-width: 8vw;
	text-align: center;
	box-shadow: 0px 0px 24px 0px #D9D9D9;
	line-height: 46px;
	font-size: 16px;
	border-radius: 23px;
	padding: 0 15px;
}

.z_pro_nav a.active,
.z_pro_nav a:hover {
	background: #196CCF;
	color: #fff;
}

.z_pro_nav2 a {
	margin-left: 0;
	margin-right: 20px;
}

.z_pro_swiper {
	width: 70.8%;
	position: relative;
	background: #fff;
	box-shadow: 0px 10px 60px 0px #D3DBE5;
	height: 50vw;
}

.z_pro_swiper::before {
	content: "";
	display: block;
	width: 5.72916vw;
	height: 100%;
	background: url(../img/line.png) no-repeat left center;
	background-size: auto 100%;
	position: absolute;
	right: -5.42916vw;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.z_pro_swiper li a {
	display: flex;
	align-items: center;
	height: 50vw;
	padding-top: 5vw;
	transition: ease 2s;
}

.z_pro_swiper li .imgbox {
	width: 42%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.z_pro_swiper li .overbox {
	width: 18vw;
	height: 18vw;
	border-radius: 50%;
	overflow: hidden;
	transition: ease 1s;
}

.z_pro_swiper li:hover .imgbg {
	transform: scale(1.1, 1.1);
}

.z_pro_swiper li:hover h3 {
	color: #196CCF;
}

.z_pro_swiper li img {
	display: block;
	max-width: 60%;
	max-height: 70%;
}

.z_pro_swiper li h4 {
	color: #999999;
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
}

.z_pro_swiper li .infobox {
	width: 52%;
	padding: 0 8.3vw;
	padding-right: 4vw;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	transform: translate(-100%, 0%);
	opacity: 0;
	transition: ease 1.5s;
}

.z_pro_swiper li h3 {
	font-size: 1.875vw;
	font-weight: bold;
}

.z_pro_swiper li h3 img {
	display: inline-block;
	height: 2vw;
	vertical-align: -0.3vw;
	margin-left: 5px;
}

.z_pro_swiper li .desc {
	font-size: 15px;
	color: #7D8288;
	line-height: 26px;
	margin: 2vw 0;
	margin-bottom: 4vw;
}

.csbar span,
.z_pro_list li .csbar span {
	display: inline-block;
	background: url(../img/gou.png) no-repeat left center;
	padding-left: 20px;
	margin-right: 2vw;
	margin-bottom: 10px;
	font-weight: bold;
}

.z_pro_swiper li .z_more {
	position: absolute;
	left: 8.3vw;
	bottom: -9vw;
	z-index: 2;
}

.z_pro_swiper li.swiper-slide-active .infobox {
	transform: translate(0, 0%);
	opacity: 1;
}

.z_pro_swiper li.swiper-slide-active a {
	padding-left: 66%;
}

.z_pro_swiper li.swiper-slide-active .overbox {
	width: 25.52vw;
	height: 25.52vw;
}

.z_pro_swiper li.swiper-slide-active h4 {
	display: none;
}

.z_pro_swiper .next {
	width: 56px;
	height: 56px;
	background: #196CCF;
	box-shadow: 0px 2px 40px 0px rgba(23, 75, 137, 0.3000);
	cursor: pointer;
	outline: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: absolute;
	top: 50%;
	right: -26px;
	z-index: 3;
}

.z_tab_child {
	display: none;
}

.z_tab_child.active {
	display: block;
}

.z_sc_bj {
	background: linear-gradient(90deg, #F4F9FF, #C5D5E8);
	padding: 6vw 8.3vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.z_sc_bj .fl_warp {
	width: 27.08333vw;
}

.z_sc_bj .fl_warp .desc {
	color: #4B4E51;
	line-height: 30px;
	margin: 2vw 0;
	margin-bottom: 3vw;
}

.z_addre_tab {
	border-top: 1px solid #666C74;
	border-bottom: 1px solid #666C74;
	padding: 1.5vw 0;
}

.z_addre_tab .item {
	display: none;
}

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

.z_addre_tab h3 {
	color: #010101;
	font-size: 1.25vw;
	font-weight: bold;
	margin-bottom: 1vw;
}

.z_addre_tab pre {
	color: #4B4E51;
	line-height: 28px;
}

.z_sc_bj .z_more {
	margin-top: 5vw;
}

.z_map {
	margin-left: auto;
	width: 48.28125vw;
	position: relative;
}

.z_map img {
	display: block;
	width: 100%;
}

.z_dot {
	width: 6px;
	height: 6px;
	background: #ffde00;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	transition: ease 1s;
}

.z_dot::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #ffde00;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	z-index: -1;
	animation: consult linear 2s infinite
}

@keyframes consult {

	0%,
	100% {
		transform: scale(1);
		border-radius: 50%;
	}

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

@keyframes consult2 {

	0%,
	100% {
		transform: scale(1);
		border-radius: 50%;
	}

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






@media screen and (max-width:1540px) {
	.z-container {
		width: 1200px;
	}
}


@media screen and (max-width:1440px) {

	.z_about_jj,
	.z_xq_page {
		padding: 7vw 8.3vw;
	}

	.z_about_jj .conwarp {
		width: 42vw;
	}

	.z_about_num2 ul {
		justify-content: space-between;
	}

	.z_about_num2 ul li {
		margin: 0;
	}

	.z_pro_page .z-container {
		width: 80vw;
	}

	.z_pro_list li .infobox {
		width: 55%;
	}

	.z_xq_info .desc {
		font-size: 14px;
		line-height: 24px;
	}

	.z_xq_info h4 {
		font-size: 16px;
	}

	.z_xq_info {
		width: 40vw;
	}

	.z_zp_warp {
		width: 88%;
	}

	.z_form {
		width: 1000px;
	}

	.z_footer_nav li {
		margin-left: 3vw;
	}
}

@media screen and (max-width:980px) {
	.z_banner {
		height: 70vw;
		margin-top: 50px;
	}

	.z_banner_text .z_more {
		display: none;
	}

	.z_banner_bar {
		width: 100%;
		justify-content: center;
		height: 40px;
		border: none;
	}

	.z_banner_bar .sb {
		display: none;
	}

	.z_banner_text {
		padding: 0 10px;
	}

	.z_banner_text .h3 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.z_banner_text h4 {
		font-size: 18px;
	}

	.z_banner_text .slg img {
		height: 30px;
	}

	.z_header {
		height: 50px;
		padding: 0 12px;
	}

	.z_header_fr {
		width: 100%;
		height: calc(100vh - 50px);
		position: fixed;
		top: 0px;
	
		display: block;
		z-index: 9;
		left: 0px;
	}

	.fazhanlicheng .swiper {
		z-index: 999;
	}

	.z_header_fr.on {
		top: 50px;
		visibility: visible;
		z-index: 9;
	}

	.z_nav_down {
		display: none;
	}

	.z_words .down {
		top: auto;
		bottom: 100%;
	}

	.z_logo img {
		height: 18px;
	}

	.z_menu_btn {
		width: 40px;
		height: 40px;
	}

	.z_header_nav {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		flex-direction: column;
		transition: all .6s;
	}

	.z_header_nav li {
		display: block;
		margin: 0;
		text-align: center;
		line-height: 60px;
	}

	.z_words {
		bottom: 10px;
		margin: 0;
	}

	.z_index_about {
		display: block
	}

	.z_index_about .fl_warp {
		width: 100%;
		padding: 40px 12px;
	}

	.z_index_tit {
		font-size: 22px;
		line-height: 24px;
	}

	.z_index_tit::before {
		width: 60px;
		height: 60px;
		left: -10px;
		top: -20px;
	}

	.z_index_about .bz {
		width: 100%;
		font-size: 14px;
		line-height: 24px;
		margin: 25px 0;
	}

	.z_index_about .desc {
		width: 100%;
	}

	.z_index_about .z_more {
		position: relative;
		margin-top: 30px;
	}

	.z_more .iconfont {
		width: 36px;
		height: 36px;
		line-height: 32px;
	}

	.z_about_num ul {
		display: block;
	}

	.z_about_num li {
		display: inline-block;
		width: 49%;
		max-width: 49%;
		margin-bottom: 15px;
	}

	.z_about_num h3 {
		font-size: 24px;
		line-height: normal;
	}

	.z_about_num .icon {
		height: 30px;
	}

	.z_about_num {
		margin-top: 40px;
	}

	.z_index_about .fr_warp {
		width: 100%;
		height: 60vw;
	}

	.z_index_about .fr_warp .play img {
		height: 50px;
		display: block;
	}

	.z_pro_head {
		position: relative;
		padding: 30px 0px;
		display: block;
		text-align: center;
		background: #fff;
	}
	.z_header_fr {
		margin-left: auto;
		left:-600px
	}
	
	





}