@font-face {
	font-family: 'opensans';
	src: url(OpenSans-Bold.fft) format('fft'),
		url(OpenSans-Bold.woff) format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

:root {
	--nav-widths: 95%;
	--widths: 85%;
	--w14: 1400px;
	--nav-height: 80px;
	--top-bar-color: #f39700;
	--color: #005aff;
	--bgs: #f3f3f3;
	--green: #6fb92c;
	--border15: 15px;
	--border10: 10px;
	--border5: 5px;
	--bf7f8f9: #f7f8f9;
	--hoverboxshadow: 0 10px 18px rgba(23, 96, 248, 0.12);
	--mt45p: 45px;
	--fs14: 14px;
	--fs18: 18px;
	--fs20: 20px;
	--fs22: 22px;
	--fs24: 24px;
	--fs30: 30px;
	--fs32: 32px;
	--fs36: 36px;
	--fs40: 40px;
	--fs46: 46px;
	--b700: 700;
}

.bf7f8f9 {
	background: var(--bf7f8f9);
}

.ani_style2,
.ani_style3,
.ani_style22 {
	opacity: 0
}

.ani_style2.is-inview {
	animation: 1s aniStyle2 0.3s;
	animation-fill-mode: forwards
}

.ani_style22.is-inview {
	animation: 1s aniStyle22 0.3s;
	animation-fill-mode: forwards
}

.ani_style3.is-inview {
	animation: 1s aniStyle3 0.3s;
	animation-fill-mode: forwards
}

@keyframes aniStyle1 {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes aniStyle2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 40px, 0)
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0)
	}
}

@keyframes aniStyle22 {
	0% {
		opacity: 0;
		transform: translate3d(0, 100px, 0)
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0)
	}
}

@keyframes aniStyle3 {
	0% {
		opacity: 0;
		transform: scale(1.3)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

.ani_4.is-inview {
	animation-delay: 0.4s !important;
}

.ani_5.is-inview {
	animation-delay: 0.5s !important;
}

.ani_6.is-inview {
	animation-delay: 0.6s !important;
}

.ani_7.is-inview {
	animation-delay: 0.7s !important;
}

.ani_8.is-inview {
	animation-delay: 0.8s !important;
}

.ani_9.is-inview {
	animation-delay: 0.9s !important;
}

.ani_10.is-inview {
	animation-delay: 1s !important;
}

.ani_11.is-inview {
	animation-delay: 1.1s !important;
}

.ani_12.is-inview {
	animation-delay: 1.2s !important;
}

.ani_13.is-inview {
	animation-delay: 1.3s !important;
}

.ani_14.is-inview {
	animation-delay: 1.4s !important;
}

.ani_15.is-inview {
	animation-delay: 1.5s !important;
}

.ani_16.is-inview {
	animation-delay: 1.6s !important;
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: none
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: none
}

.pubp1 {
	font-size: var(--fs40);
	font-size: var(--fs46);
	color: #222;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 1.4;
}

.pubp3 {
	font-size: var(--fs20);
	margin-top: 15px;
	line-height: 1.8;
}

.pubp2 {
	font-size: var(--fs18);
	line-height: 1.4;
	color: #555;
	margin-top: 10px;
}

.pubp1-fff,
.pubp2-fff,
.pubp3-fff {
	color: #fff;
}

.text-c {
	text-align: center;
}

input,
body {
	color: #000;
}

.w1400 {
	width: var(--w14);
	margin: 0 auto;
}

.w95 {
	margin: 0 auto;
	width: var(--nav-widths);
}

.logo1 {
	opacity: 0;
}

.logo2 {
	opacity: 1;
}

.swiper-slide.swiper-slide-active .ani_style2 {
	animation: 1s aniStyle2 0.3s;
	animation-fill-mode: forwards;
}

.swiper-slide.swiper-slide-active .ani_5 {
	animation-delay: 0.5s !important;
}

.zkbaner .phone {
	object-fit: cover;
	/* width: 100%;
	height: 100%; */
}

.zkbanerzz {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.site-baner-linebg {
	width: 100%;
	height: 300px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.site-baner-linebg {
	background: linear-gradient(180deg, rgba(0, 64, 152, 1) 0%, rgba(0, 64, 152, 0.7) 50%, rgba(0, 64, 152, 0) 100%);
}



@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.scrill {
	position: absolute;
	left: 10px;
	bottom: 50px;
	z-index: 333;
	display: flex;
	width: 85px;
	justify-content: center;
	flex-wrap: wrap;
}

.scrillm {
	width: 14px;
	height: 30px;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.8);
	display: flex;
	justify-content: center;
}

.scrillm span {
	width: 2px;
	height: 5px;
	background: #fff;
	margin-top: 8px;
}

.scrillm span {
	animation: slideInDown 1.9s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite
}

.scrillwz {
	font-size: 12px;
	line-height: 1.4;
	margin-top: 10px;
	width: 100%;
	color: #fff;
	text-align: center;
}

.scrill.active .scrillwz {
	color: #555;
}

.scrill.active span {
	background: #666;
}

.scrill.active .scrillm {
	border-color: #666;
}

* {
	box-sizing: border-box;
}

.pubmore {
	line-height: 43px;
	padding: 0 30px;
}

.pubmore span {
	font-size: 14px;
}

.pubmore svg,
.pubmore .psvg {
	width: 10px;
	height: 10px;
}

.zkhead {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}

.zkheadm {
	display: flex;
	/* padding: 0 50px; */
	width: 100%;
	justify-content: space-between;
	align-items: center;
	/* min-width: 1200px; */
	max-width: 1400px;
}

.zkhead {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

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

.zklogo {
	height:50px;
	position: relative;
	width: 220px;
}

.zklogo img {
	height: 100%;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
	position: absolute;
}

.zknav {
	display: flex;
	width: calc(100% - 300px - 160px);
	justify-content: center;
	/* min-width: 1200px; */
}

.zknava {
	display: block;
	height: 100px;
	line-height: 100px;
	color: #fff;
	font-size: var(--fs18);
}

.zknava i {
	margin-left: 5px;
}

.zknavm {
	margin: 0 2.5%;
}

.zklauge {
	width: 24px;
	height: 24px;
	position: relative;
}

.zklauge:before,
.zklauge:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
}

.zklauge:before,
.zklauge:after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.zklauge:before {
	background-image: url(../img/language_icon_2.gif);
}

.zklauge:after {
	background-image: url(../img/language_icon_1.gif);
	opacity: 0;
}

.zksearch,
.zktel span {
	color: #fff;
}

.zksearch {
	font-size: var(--fs24);
}

.zksearch,
.zktel,
.zklauge {
	height: 40px;
	line-height: 40px;
}

.zktel {
	line-height: 33px;
	border: 2px solid #fff;
	border-radius: 40px;
	padding: 0 20px;
	margin-left: 25px;
}

.zktel span {
	padding-left: 5px;
}

.zktel i {
	color: #fff;
	font-size: 20px;
}

.zkline {
	background: #fff;
	opacity: 0.6;
	width: 1px;
	height: 20px;
}

.zknava {
	position: relative;
}

.zknava:before,
.zknava:after {
	position: absolute;
	width: 50%;
	width: 0;
	bottom: -1px;
	height: 2px;
	background: var(--color);
	content: '';
}

.zknava:before,
.zknava:after {
	transition: all 0.5s ease;
}

.zknavm:hover .zknava {
	color: var(--color) !important;
}

.zknava:before {
	right: 50%;
}

.zknava:after {
	left: 50%;
}

.zknavm {
	position: relative;
}

.zknavm:hover .zknava:before,
.zknavm:hover .zknava:after {
	width: 50%;
}

.zkheadsub {
	font-size: 14px;
}

.zkheadsubli {
	text-align: left;
	transition: all 0.3s ease;
}

.zkheadsubli:hover {
	background: #F7F8FA;
}

/* .zkhead2subli,
.zkheadsubli {
	margin-top: 15px;
} */

.zkheadsub2 .zkheadsubli {
	width: calc(100% - 20px);
	/* margin-left: 25px;
	margin-right: 25px; */
	padding: 10px 18px;
	text-align: left;
}

.zkheadsubli:first-child {
	margin-top: 0;
}

.zkheadsub2 .zkheadsubli:first-child {
	margin-top: 0;
}

.zkheadsub2 .zkheadsubli:first-child a {
	font-weight: 700;
}

.zkheadsub2 .zkheadsubli:first-child {
	padding-bottom: 12px;
	border-bottom: 1px solid #e4e6ea;
}

.zkheadsub2 .zkhead2subli {
	width: calc(100% - 20px);
	/* margin-left: 25px;
	margin-right: 25px; */
	padding: 2px 18px;
}


.zkhead2subli a {
	color: #666;
}

.zkhead2subli:first-child {
	margin-top: 0;
}

.zkhead2subli:first-child a {
	font-weight: 700;
	color: #555;
}

.zkhead2subli:first-child {
	padding-bottom: 12px;
	border-bottom: 1px solid #e4e6ea;
}

.zkheadsub {
	position: absolute;
	left: 0;
	left: -20px;
	top: 100%;
	padding-top: 1px;
	display: none;
	width: 160px;
}

.zkheadsub2 {
	width: 240px;
}

.zkheadsub3 {
	width: 200px;
}

.zkheadsub3_3 ul {
	display: flex;
	flex-wrap: wrap;
}

.zkheadsub3_3 {
	width: 450px;
	left: -120px;
}

.zkheadsub3_3 ul .zkheadsubli {
	width: 32%;
	margin-right: 2%;
}

.zkheadsub3_3 ul .zkheadsubli:nth-child(3n) {
	margin-right: 0;
}




.zkheadsub>ul {
	position: relative;
	background: #fff;
	border-radius: var(--border10);
	/* padding: 0; */
	/*overflow: hidden;*/
	/* padding-top: 25px; */
	/* padding-bottom: 25px; */
	padding: 25px 20px;
}

.zkhead2sub {
	position: absolute;
	left: 50%;
	top: 0;
	background: #f7f8fa;
	width: 50%;
	min-height: 100%;

	padding-top: 25px;
}

/*.zkhead2sub2{*/
/*   	height: 520px;*/
/*    overflow-y: scroll; */
/*}*/

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.zkhead2sub::-webkit-scrollbar {
	width: 8px;
}

.zkhead2subli2 {
	position: relative;
}

.zkhead3sub {
	position: absolute;
	left: 107%;
	top: 0;
	background: #f7f8fa;
	width: 80%;
	/* height: 100%; */
	display: flex;
	flex-direction: column;
	padding: 20px 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.zkhead2subdiv {
	position: relative;
}

.zkhead2subli:hover .zkhead3sub {
	opacity: 1;
	visibility: visible;
}


.zkheadsub a {
	display: block;
	position: relative;
	font-size: 16px;
	padding: 5px;
}

.zkheadsub3_3 a {
	padding: 5px 10px;
}

.zkheadsub i {
	position: absolute;
	right: 0;
	top: 12px;
	line-height: 1;
}

.zkheadsub a:hover i {
	color: var(--color);
}

.zkhead2suba:hover i,
.zkhead2suba:hover {
	color: var(--color);
}

.zkhead2sub {
	display: none;
}

.zkheadsubli.on .zkhead2sub {
	display: block;
}

.zkheadsubli.on .zkheadsublia {
	color: var(--color);
}

.zkhead.scroll .zklogo {
	height: 50px;
}

.zkhead.scroll .zknava {
	height: 80px;
	line-height: 80px;
}

.zkhead.scroll {
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.zkhead.scroll .logo1 {
	opacity: 1;
}

.zkhead.scroll .logo2 {
	opacity: 0;
}

.zkhead.scroll .zknava {
	color: #222;
}

.zkhead.scroll .zklauge:after {
	opacity: 0.7;
}

.zkhead.scroll .zklauge:before {
	opacity: 0;
}

.zkhead.scroll .zksearch,
.zkhead.scroll .zktel span,
.zkhead.scroll .zktel i {
	color: #333;
}

.zkhead.scroll .zkline {
	background: #000;
	opacity: 0.2;
}

.zkhead.scroll .zktel {
	border-color: var(--color);
	background: var(--color);
}

.zkhead.scroll .zktel span,
.zkhead.scroll .zktel i {
	color: #fff;
}


.page .zkhead .zklogo {
	height: 50px;
}

.page .zkhead .zknava {
	height: 80px;
	line-height: 80px;
}

.page .zkhead {
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.page .zkhead .logo1 {
	opacity: 1;
}

.page .zkhead .logo2 {
	opacity: 0;
}

.page .zkhead .zknava {
	color: #222;
}

.page .zkhead .zklauge:after {
	opacity: 0.7;
}

.page .zkhead .zklauge:before {
	opacity: 0;
}

.page .zkhead .zksearch,
.page .zkhead .zktel span,
.page .zkhead .zktel i {
	color: #333;
}

.page .zkhead .zkline {
	background: #000;
	opacity: 0.2;
}

.page .zkhead .zktel {
	border-color: var(--color);
	background: var(--color);
}

.page .zkhead .zktel span,
.page .zkhead .zktel i {
	color: #fff;
}


.zkhead.white {
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.zkhead.white .logo1 {
	opacity: 1;
}

.zkhead.white .logo2 {
	opacity: 0;
}

.zkhead.white .zknava {
	color: #222;
}

.zkhead.white .zklauge:after {
	opacity: 0.7;
}

.zkhead.white .zklauge:before {
	opacity: 0;
}

.zkhead.white .zksearch,
.zkhead.white .zktel span,
.zkhead.white .zktel i {
	color: #333;
}

.zkhead.white .zkline {
	background: #000;
	opacity: 0.2;
}

.zkhead.white .zktel {
	border-color: var(--color);
	background: var(--color);
}

.zkhead.white .zktel span,
.zkhead.white .zktel i {
	color: #fff;
}

/* .hide .zkhead.scroll{top:-100%} */


.zkfoota h5 {
	font-weight: 700;
	font-size: var(--fs18);
	padding-bottom: 20px;
}

.zkfoota h5,
.zkfootp0 {
	padding-bottom: 0;
	height: 60px;
}

.zkfoot {
	padding-top: 70px;
}

.zkfoot,
.zkfoot a {
	color: #495770;
}

.zkfoota li {
	margin-top: 15px;
}

.zkfoota a:hover {
	color: var(--color);
}

.zkfoota {
	display: flex;
	padding-bottom: 60px;
	width: 100%;
	position: relative;
}

.zkfoota:before {
	position: absolute;
	width: 100%;
	height: 1px;
	content: '';
	left: 0;
	top: 60px;
	background: #e4e6ea;
}

.zkfootab {
	justify-content: space-around;
	display: flex;
}

.wswwm {
	padding: 5px;
	background: #fff;
	border: 8px solid #e3e7f1;
	max-width: 120px;
}

.zkfootb {
	display: flex;
	justify-content: space-between;
	padding: 35px 0;
	border-top: 1px solid #e4e6ea;
}

.zkfootba em {
	padding: 0 20px;
}

.zkfootb,
.zkfootb a {
	color: #999;
}

.zkfootaa {
	width: 35%;
}

.zkfootab {
	width: 50%;
}

.zkfoota li:nth-child(2),
.zkfootp1 {
	margin-top: 35px;
}

.zkfootp1 p {
	position: relative;
	padding-left: 45px;
	margin-bottom: 20px;
}

.zkfootp1 i {
	position: absolute;
	left: 0;
}

.zkfootp1 p:nth-child(1) i {
	font-size: 23px;
	top: -4px;
}

.zkfootp1 p:nth-child(2) i {
	font-size: 24px;
	left: -2px;
	top: -4px;
}

.zkfootp1 p:nth-child(3) i {
	font-size: 24px;
	left: -1px;
	top: -3px;
}

.zkfootp1 b {
	font-size: 22px;
	color: #fff;
}

.zkfootfx {
	display: flex;
	margin-top: 45px;
}

.zkfootfx a {
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	margin-right: 20px;
	position: relative;
}

.zkfootfx a {
	color: #999;
	border: 1px solid #999;
	border-radius: 50%;
	transition: all 0.3s ease;
}

.zkfootfx a:nth-child(1) i {
	font-size: 24px;
}

.zkfootfx a:nth-child(2) i {
	font-size: 24px;
}

.zkfootfx a:hover {
	border-color: var(--color);
}

.zkfootfxsub {
	position: absolute;
	left: 0;
	bottom: 40px;
	padding-bottom: 15px;
}

.zkfootfxsub ul {
	background: #fff;
	border-radius: var(--border10);
	padding: 10px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
	position: relative;
	z-index: 11;
}

.zkfootfxsub ul:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 15px solid #fff;
}

.zkfootfxsub ul:before {
	filter: drop-shadow(0, 0, 25px, 0.08)
}

.zkfootfxsub ul:before {
	left: 10px;
	bottom: -12px;
}

.zkfootfxsub img {
	/*width: 390px;*/
	height: 160px;
}

.zkfootfxsub {
	opacity: 0;
	visibility: hidden;
}

.zkfootfx a:hover .zkfootfxsub {
	opacity: 1;
	visibility: visible;
}

.zkfoota {
	margin-top: 32px;
}

.zkfooto {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.zkfooto {
	color: #fff;
	padding-bottom: 70px;
	display: flex;
	width: 100%;
}

.zkfootop1 {
	font-size: var(--fs30);
	font-weight: 700;
}

.zkfootop2 {
	font-size: var(--fs24);
	margin-top: 10px;
}

.zkfooto {
	align-items: center;
	justify-content: space-between;
}

.zkfoot {
	background: #0f1a30;
}

.zkfoot,
.zkfoot a {
	color: rgba(255, 255, 255, 0.5);
}

.zkfoot a:hover {
	color: rgba(255, 255, 255, 1);
}

.zkfoota h5 {
	color: #fff;
}

.zkfoota:before {
	background: #fff;
	opacity: 0.1;
}

.zkfootb {
	border-color: rgba(255, 255, 255, 0.1);
}

.zkhead,
.zkline,
.zktel,
.zklogo,
.zknava,
.logo1,
.logo2,
.zknava,
.zklauge:after,
.zklauge:before,
.zksearch,
.zktel span,
.zktel i {
	transition: all 0.5s ease;
}

.zkbaner {
	height: 100vh;
	overflow: hidden;
	width: 100%;
}

.zkbanerbg {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
}

.zkbanerbg {
	left: -1.5%;
	top: -1.5%;
	width: 103%;
	height: 103%;
}

.zkbanerwz {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 6;
}

.zkbanerp1 {
	color: #fff;
	font-size: 60px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 5px;
}

.zkbanerp3 {
	margin-top: 75px;
	display: flex;
	justify-content: center;
}

.zkbanerp2 {
	color: #fff;
	font-size: var(--fs18);
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

.zkbanerbtn,
.zkbanerpagination {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 6;
}

.zkbanerbtn,
.zkbanerpagination {
	display: flex;
	bottom: 5%;
	cursor: pointer;
}

.zkbanerbtnm {
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 50%;
	position: relative;
}

.zkbanerbtnm {
	margin-right: 25px;
}

.zkbanerbtnm i {
	color: #fff;
	font-size: 20px;
}

/* .zkbanerbtnm{border: 1px solid rgba(255,255,255,0.5);} */
.zkbanerbtnm svg {
	position: absolute;
	left: 0;
	top: 0;
}

.circle1 {
	stroke: rgba(255, 255, 255, 0.5);
}

.circle2 {
	stroke: var(--color);
	z-index: 4;
	stroke-dasharray: 0 190;
	stroke-dashoffset: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.zkbanerbtnm:hover .circle2 {
	opacity: 1;
}

.zkbanerbtnm:hover .circle2 {
	animation: jtd2 forwards 4s linear;
}

@keyframes jtd2 {
	0% {
		stroke-dasharray: 0 190;
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dasharray: 190 0;
		stroke-dashoffset: 0;
	}
}

.zkbanerpagination {
	justify-content: flex-end;
}

.zkbanerpagination span {
	color: #fff;
	padding-right: 35px;
	position: relative;
}

.zkbanerpagination span:before {
	top: 50%;
	transform: translateY(-50%);
}

.zkbanerpagination span:before {
	position: absolute;
	content: '';
	left: 28px;
	width: 15px;
	background: #fff;
	height: 2px;
	width: 0;
}

.zkbanerpagination span:before {
	transition: all 1s ease;
}

.zkbanerpagination .active {
	color: var(--color);
}

.zkbanerpagination .active:before {
	width: 15px;
}

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

.zkiaswiperm {
	width: 1025px;
}

.zkiap1 {
	font-size: var(--fs18);
}

.zkiap2 {
	font-weight: 700;
	font-size: var(--fs30);
	margin-top: 10px;
}

.zkiap3 {
	height: 155px;
	margin-top: 25px;
}

.zkiap4 {
	display: flex;
	justify-content: flex-start;
}

.zkiaswiperm {
	background: url(../img/zkiaswiperbg.png) center no-repeat;
	background-size: cover;
}

.zkiaswiperm {
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.zkiams {
	width: 50%;
	padding-left: 10%;
}

.zkiaimg {
	width: 50%;
	height: 480px;
	position: relative;
}

.zkiaimg img {
	position: absolute;
	margin: auto;
	max-width: 80%;
	max-height: 80%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.zkiaswiper {
	padding: 55px 0;
}

.zkindexa {
	padding-bottom: 45px;
}

.zkiaswiperm {
	transition: all 0.5s ease;
}

.zkiaswiperm:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.zkiaswiper {
	position: relative;
}

.zkiaswiperbtn {
	z-index: 6;
}

.zkiaswiperbtn {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
}

.zkiaswiperbtn {
	background: #f7f7f7;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.zkiaswiperbtn i {
	font-size: 24px;
}

.zkibswiperbtn {
	display: block !important;
}

.zkiaswiperbtn,
.zkiaswiperbtn i {
	transition: all 0.3s ease;
}

.zkiaswiperbtn1 {
	left: calc(((100% - 1025px)/2) - 180px);
	margin-left: 60px;
}

.zkiaswiperbtn2 {
	right: calc(((100% - 1025px)/2) - 180px);
	margin-right: 60px;
}

.zkiaswiperbtn:hover {
	background: var(--color);
}

.zkiaswiperbtn:hover i {
	color: #fff;
}

.zksolosubawzm {
	opacity: 0 !important;
}

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

/* 首页新闻 */
.i2newn {
	display: flex;
	margin-top: 55px;
	flex-wrap: wrap;
}

.i2newlink {
	width: 32%;
	margin-right: 2%;
}

.i2newlink2 {
	margin-top: 2.75%;
	width: 31.5%;
	margin-right: 2.75%;
}

.i2newlink2:nth-child(-n+3) {
	margin-top: 0;
}

.i2newlink:nth-child(3n) {
	margin-right: 0;
}

.i2newlink {
	border: 1px solid #e9ecf3;
	border-radius: var(--border10);
	overflow: hidden;
}

.i2newimg {
	overflow: hidden;
	position: relative;
}

.i2newimg:before {
	position: absolute;
	width: 0;
	height: 3px;
	background: var(--color);
	content: '';
}

.i2newimg:before {
	opacity: 0;
	z-index: 3;
	bottom: 0;
	left: 0;
}

.i2newimg img {
	width: 100%;
}

.i2newms {
	padding: 30px;
}

.i2newp1 {
	color: #666;
	font-size: var(--fs18);
	font-weight: var(--b700);
}

.i2newp1 {
	height: 92px;
}

.i2newp2 {
	color: #999;
}

.xs2appap1,
.i2newp1,
.i2newimg img,
.i2newimg:before,
.i2newlink {
	transition: all 0.6s ease;
}

.i2newlink:hover {
	border-color: var(--color);
	box-shadow: var(--hoverboxshadow)
}

.i2newlink:hover .i2newp1,
.i2newlink:hover .xs2appap1 {
	color: var(--color);
}

.i2newlink:hover .i2newimg img {
	transform: scale(1.03)
}

.i2newlink:hover .i2newimg:before {
	width: 100%;
	opacity: 1;
}

/* 
.i2newlink:hover .pubmore{background: var(--color);border-color: var(--color);}
.i2newlink:hover .pubmore .svg-1 {
    opacity: 0;
    transform: translate(100%, -100%);
    transition: transform 0.3s, opacity 0.3s;
}

.i2newlink:hover .pubmore .svg-2 {
    transition: transform 0.3s, opacity 0.3s;
}

.i2newlink:hover .pubmore .svg-2 {
    opacity: 1;
    transform: translate(0, -100%);
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.i2newlink:hover .pubmore .pwz1 {
    transform: translateY(-200%);
    opacity: 0;
}

.i2newlink:hover .pubmore .pwz2 {
    transform: translateY(-50%);
    opacity: 1;
} */

.i2newmore {
	display: flex;
	justify-content: center;
	margin-top: 65px;
}

.h100p {
	height: var(--nav-height);
}

.xs2baner {
	position: relative;
	overflow: hidden;
	/* padding-top: 26.04%;  500px */
	padding-top: 23.9%;
}

.xs2baner,
.xs2baner a {
	color: #fff;
}

.xs2banerimg {
	width: 102%;
	width: 100%;
	position: absolute;
	left: -1%;
	top: -1%;
	top: 0;
	left: 0;
}

.xs2banerwz {
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
}

.xs2banerp1 {
	font-size: var(--fs46);
	font-weight: var(--b700);
	line-height: 1.4;
}

.xs2banerp1 {
	letter-spacing: 3px;
}

.xs2banerp2 {
	margin-top: 10px;
}

.xs2mbx {
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	top: 45px;
	display: flex;
	line-height: 1;
}

.xs2mbx {
	align-items: center;
}

.xs2mbx em {
	font-size: 14px;
	padding: 0 10px;
}

.xs2banerwz,
.xs2mbx {
	position: absolute;
	left: 50%;
	z-index: 3;
}

.xs2baner2 {
	padding-top: 0;
}

.xs2baner2 .xs2banerimg {
	height: 100%;
	object-fit: cover;
}


.xs2newb {
	margin-top: var(--mt45p);
}

.xs2newap1 {
	font-weight: var(--b700);
	font-size: var(--fs24);
	color: #333;
}

.xs2newap2 {
	font-size: var(--fs14);
	color: #999;
	padding: 20px 0;
}

.xs2newap4 {
	display: flex;
	justify-content: flex-start;
	margin-top: 60px;
}

.xs2newaswiper {
	border: 1px solid #e9ecf3;
	border-radius: var(--border10);
	overflow: hidden;
	transition: all 0.3s ease;
}

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

.xs2newaimg {
	width: 43%;
	overflow: hidden;
}

.xs2newaimg img {
	width: 100%;
}

.xs2newawz {
	width: 57%;
	padding: 0 6%;
}

.xs2newaimg img {
	transition: all 0.3s ease;
}

.xs2newaswiper:hover {
	border-color: var(--color);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.xs2newaswiper:hover .xs2newaimg img {
	transform: scale(1.03);
}

.xs2newaswiper:hover .xs2newap1 {
	color: var(--color);
}

.pubmorehover:hover .pubmore {
	border-color: var(--color);
	background: var(--color);
}

.pubmorehover:hover .pubmore .svg-1 {
	opacity: 0;
	transform: translate(100%, -100%);
	transition: transform 0.3s, opacity 0.3s;
}

.pubmorehover:hover .pubmore .svg-2 {
	transition: transform 0.3s, opacity 0.3s;
}

.pubmorehover:hover .pubmore .svg-2 {
	opacity: 1;
	transform: translate(0, -100%);
	transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.pubmorehover:hover .pubmore .pwz1 {
	transform: translateY(-200%);
	opacity: 0;
}

.pubmorehover:hover .pubmore .pwz2 {
	transform: translateY(-50%);
	opacity: 1;
}

/* 页码 */
.newpage {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.newpage i,
.aprev i,
.anext i,
.aback i {
	font-size: 18px;
}

.newpage a,
.aprev,
.anext,
.aback {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	margin: 0 10px;
}

.newpage a {
	color: #333;
}

.newpage a,
.aprev,
.anext,
.aback {
	position: relative;
	overflow: hidden;
}

.newpage a:after,
.newpage a:before,
.aprev:before,
.anext:before,
.aback:before,
.x74newdxgicon:after {
	box-sizing: border-box;
	border-radius: 50%;
}

.newpage a:after,
.x74newdxgicon:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	border: 1px solid #ddd;
}

.newpage a:before,
.aprev:before,
.anext:before,
.aback:before {
	position: absolute;
	left: -3%;
	top: -3%;
	width: 106%;
	height: 106%;
	content: '';
	background: var(--color);
}

.newpage span,
.newpage i,
.aprev span,
.anext span,
.aprev i,
.anext i,
.aback i {
	position: relative;
	z-index: 3;
}

.newpage a:before,
.aprev:before,
.anext:before,
.aback:before {
	opacity: 0;
	transition: all 0.5s ease;
	z-index: 2;
}

.newpage a:after {
	transition: all 0.5s ease;
}

.newpage a:hover:before {
	opacity: 1;
}

.newpage .on:before,
.anext:before,
.aprev:before,
.aback:before {
	opacity: 1;
}

.newpage .on,
.newpage a:hover {
	color: #fff;
}

.aprev,
.anext,
.aback {
	color: #fff;
}

.aprev:hover,
.anext:hover,
.aback:hover {
	color: #fff;
}



.xs2banerwz2 {
	display: flex;
	padding-bottom: 90px;
}

.xs2banerwz2a {
	width: 320px;
}

.xs2banerwz2b {
	width: calc(100% - 320px);
	padding-left: 7%;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.xs2banerwz2 {
	position: relative;
	z-index: 3;
	padding-top: 7%;
}

.xs2baner2p1 {
	font-size: var(--fs40);
	font-weight: var(--b700);
	line-height: 1.4;
}

.xs2baner2p3 {
	font-size: var(--fs30);
}

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

.xs2baner2p5m {
	border-radius: var(--border10);
	overflow: hidden;
	position: relative;
	width: 49%;
}

.xs2baner2p5m img {
	width: 100%;
	vertical-align: top;
}

.xs2baner2play {
	transition: all 0.3s ease;
	cursor: pointer;
}

.xs2baner2play:hover {
	background: #fff;
}

.xs2baner2play:hover {
	color: var(--color);
}

.xs2baner2play i {
	font-size: 18px;
}

.xs2baner2play {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	display: block;
	border: 2px solid #fff;
	line-height: 53px;
	text-align: center;
}

.xs2baner2play {
	color: #fff;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.xs2baner2p4,
.xs2baner2p5 {
	margin-top: 20px;
}

.xs2baner2p6 {
	line-height: 1;
}

.xs2baner2p6 span {
	font-size: var(--fs36);
}

.xs2baner2list li {
	margin-top: 70px;
}

.xs2baner2p2 {
	margin-top: 5px;
}

.xs2banerwz2a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
}

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

.ab3whmap2 {
	width: 55%;
	color: #333;
}

.ab3whmbicon {
	display: inline-block;
	width: 120px;
	height: 120px;
	position: relative;
}

.ab3whmbicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.ab3whmbicon img {
	max-width: 80%;
	max-height: 80%;
}

.ab3whmbicon2 {
	opacity: 0;
}

.ab3whmbp1,
.ab3whmbp2,
.ab3whmbicon img,
.ab3whmbp1:before,
.ab3whmbp1:after {
	transition: all 0.5s ease-in;
}

.ab3whmbslide {
	transition: background-color 0.5s ease-in;
}

.ab3whmbslide {
	background: #f6f8fc;
	border-radius: var(--border10);
}

.ab3whmbp1 {
	font-size: var(--fs30);
	line-height: 1.4;
	position: relative;
	padding-bottom: 25px;
}

.ab3whmbp1:before,
.ab3whmbp1:after {
	content: '';
	position: absolute;
	width: 30px;
	height: 2px;
	left: 50%;
	margin-left: -15px;
	bottom: 0;
}

.ab3whmbp1:before {
	background: #fff;
	opacity: 0;
	transform: scaleX(0);
}

.ab3whmbp1:after {
	background: var(--color);
	transform: scaleX(1);
}

.ab3whmbp2 {
	font-size: var(--fs18);
	color: #555;
	margin-top: 25px;
}

.ab3whmbzw {
	position: relative;
	top: 0;
	transition: all 0.5s ease-in-out;
}

.ab3whmbslide:hover .ab3whmbzw {
	top: -15px;
}

.ab3whmbslide:hover {
	background: var(--color);
}

.ab3whmbslide:hover .ab3whmbp1:before {
	transform: scaleX(1);
	opacity: 1;
}

.ab3whmbslide:hover .ab3whmbp1:after {
	opacity: 0;
	transform: scaleX(0);
}

.ab3whmbslide:hover .ab3whmbicon2 {
	opacity: 1;
}

.ab3whmbslide:hover .ab3whmbicon1 {
	opacity: 0;
}

.ab3whmbslide:hover .ab3whmbp1,
.ab3whmbslide:hover .ab3whmbp2 {
	color: #fff;
}

.ab3whmbslide {
	text-align: center;
}

.ab3whmb {
	overflow: hidden;
}

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

.ab3whmbslide,
.ab3whmbwrapper {
	height: auto;
}

.ab3whmbslide {
	width: 31.5%;
	padding: 60px 10px;
}

.ab3whmb {
	margin-top: 100px;
}

.zzzs3 {
	background: #f7f8fc;
}

.zzzs3swiper {
	padding: 30px 0;
}

.wcar {
	margin-top: 30px;
}

.zzzs3slide {
	width: 430px;
}

.zzzs3slide img {
	width: 100%;
}

/* .zzzs3slide img{position: absolute;left:0;top:0;right:0;bottom:0;margin: auto;max-width: 90%;max-height: 90%;} */
.zzzs3swiper {
	overflow: hidden;
	width: 100%;
}

.zzzs3slide {
	box-shadow: 5px 15px 20px rgba(0, 0, 0, 0.08);
}

.his3ap0,
.his3ap1 {
	font-family: 'opensans', Arial, Helvetica, sans-serif;
	line-height: 1;
}

.his3ap1,
.his3ap2 {
	position: relative;
	z-index: 3;
}

.his3ap0 {
	font-size: 250px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.his3ap0 {
	background: linear-gradient(180deg, #F2F1F3 31.51%, rgba(242, 241, 243, 0.00) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.his3ap1 {
	font-size: var(--fs36);
	color: var(--color);
}

.his3ap2 {
	font-size: var(--fs18);
	margin-top: 45px;
}

.his3ap2 p {
	position: relative;
	padding-left: 12px;
}

.his3ap2 p:before {
	position: absolute;
	width: 5px;
	height: 5px;
	content: '';
	left: 0;
	border-radius: 50%;
}

.his3ap2 p:before {
	background: #333;
	top: 14px;
	opacity: 0.7;
}

.his3awz {
	padding-top: 50px;
}

.his3aimg {
	width: 38%;
	overflow: hidden;
	border-radius: var(--border10);
}

.his3aimg img {
	width: 100%;
	vertical-align: top;
}

.his3awz {
	width: 52%;
	margin-left: 10%;
	position: relative;
}

.his3aslide {
	display: flex;
}

.his3aswiper {
	margin-top: 100px;
	overflow: hidden;
}

.his3b {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 75px;
}

.his3bswiper {
	width: calc(100% - 160px);
	overflow: hidden;
}

.his3bbtn,
.pubbtnan,
.his3bpoint {
	height: 40px;
	width: 40px;
	display: inline-block;
	position: relative;
	line-height: 38px;
	text-align: center;
}

.his3bbtn,
.pubbtnan {
	border: 1px solid #bbb;
	border-radius: 50%;
	cursor: pointer;
}

.his3bbtn i,
.pubbtnan i {
	color: #bbb;
}

.his3bbtn,
.pubbtnan,
.pubbtnan i,
.his3bbtn i {
	transition: all 0.5s ease;
}

.his3bbtn:hover,
.pubbtnan:hover {
	background: var(--color);
	border-color: var(--color);
}

.his3bbtn:hover i,
.pubbtnan:hover i {
	color: #fff;
}

.his3bpoint {
	position: relative;
}

.his3bpoint:before {
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.his3bpoint:before {
	position: absolute;
	width: 10px;
	height: 10px;
	border: 1px solid var(--color);
	background-color: #fff;
}

.his3bdate {
	height: 60px;
	line-height: 60px;
	color: #333;
	transition: all 0.3s ease;
}

.his3bslide {
	text-align: center;
	font-size: var(--fs20);
	position: relative;
	z-index: 5;
}

.his3bdate {
	Arial,
	Helvetica,
	sans-serif;
}

.his3bswiper {
	position: relative;
}

.his3bswiper:before {
	background: #eeeeee;
	position: absolute;
	height: 10px;
	content: '';
	width: 100%;
}

.his3bswiperline {
	position: absolute;
	height: 10px;
	background: var(--color);
}

.his3bswiperline,
.his3bswiper:before {
	top: 15px;
	border-radius: 10px;
}

.his3bswiperline {
	background: var(--color);
}

.swiper-slide-thumb-active .his3bpoint:before {
	border-color: #fff;
}

.swiper-slide-thumb-active .his3bdate {
	transform: scale(1.5);
	color: var(--color);
}

.otnerswiperwz {
	color: #fff;
}

.otnerswiper {
	overflow: hidden;
	position: relative;
	border-radius: var(--border10);
}

.otnerswiperwz {
	padding: 0 10%
}

.otnerswiperwz {
	position: absolute;
	width: 100%;
	z-index: 3;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.otnerp1 {
	font-size: var(--fs36);
	line-height: 1.4;
}

.otnerp2 {
	font-size: var(--fs18);
	margin-top: 15px;
}

.otnerp3 {
	margin-top: 40px;
}

.otnerimg {
	width: 100%;
	vertical-align: top;
}

.otnerp3 {
	display: flex;
}

.otnersub {
	width: 150px;
	display: flex;
	flex-wrap: wrap;
}

.otnersub {
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 6;
}

.otnersub span {
	color: #fff;
	font-size: var(--fs18);
	width: 100%;
	text-align: right;
	margin: 20px 0;
}

.otnersub em {
	display: inline;
	background: linear-gradient(to right, var(--color), var(--color), var(--color));
	background-size: 0 2px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: background-size 400ms;
	padding-bottom: 5px;
}

.otnersub span:hover em,
.otnersub span.bullet-active em {
	background-size: 100% 2px;
	color: var(--color);
}

.otnersub em {
	transition: all 0.3s ease;
}

.otnersub span {
	cursor: pointer;
}

.wcar {
	position: relative;
}

.his3bbtn3,
.his3bbtn4 {
	position: absolute;
	z-index: 6;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.his3bbtn3 {
	left: -60px;
}

.his3bbtn4 {
	right: -60px;
}

.h80p {
	height: 80px;
}

.h100p {
	height: 100px;
}

.con3dicon {
	display: inline-block;
	position: relative;
	width: 55px;
	height: 55px;
}

.con3dicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.con3dicon img {
	max-width: 80%;
	max-height: 80%;
}

.con3dp1 {
	font-size: var(--fs22);
	font-weight: var(--b700);
	color: #222;
	padding-bottom: 10px;
}

.con3dp2 a {
	color: #666;
}

.con3d {
	margin-top: var(--mt45p);
}

.con3dm {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: var(--mt45p);
}

.con3dma {
	width: 24%;
	text-align: center;
	border-bottom: 2px solid var(--color);
	display: flex;
}

.con3dma {
	border-radius: var(--border10);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.con3dwz {
	background: #fff;
	padding: 60px 0;
	width: 100%;
	position: relative;
	top: 0;
	transition: all 0.5s ease-in;
}

.con3dma:hover .con3dwz {
	top: -10px;
}

.con3dma:hover a {
	color: var(--color);
}

.xs2appams {
	padding: 30px 8%;
}

.xs2appap1 {
	font-weight: 700;
	font-size: var(--fs24);
	line-height: 1.4;
}

.xs2appap2 {
	color: #666;
	margin-top: 10px;
}

.xs2appap3 {
	margin-top: 25px;
	display: flex;
}

.xs2appap4 {
	margin-top: 25px;
	display: flex;
	justify-content: center;
}

.xs2appda {
	padding: 0 10%;
}

.xs2appdavideo {
	position: relative;
	overflow: hidden;
	border-radius: var(--border10);
	margin-top: var(--mt45p);
}

.xs2appdavideo img {
	width: 100%;
	vertical-align: top;
}

.playbtn {
	position: absolute;
	width: 70px;
	height: 70px;
	line-height: 66px;
	text-align: center;
}

.playbtn i {
	color: #fff;
	font-size: 24px;
}

.playbtn {
	background: rgba(255, 255, 255, 0.3);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.playbtn {
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid rgba(255, 255, 255, 0.8);
}

.playbtn:hover {
	background: var(--color);
}

.playbtn:hover i {
	color: #fff;
}

.playbtn:hover {
	border-color: var(--color);
}

.playbtn,
.playbtn i,
.xs2appdavideo img {
	transition: all 0.3s ease;
}

.xs2appdavideo:hover img {
	transform: scale(1.03);
}

.xs2appdams {
	text-align: center;
	padding: 0 5%;
	margin-top: var(--mt45p);
}

.xs2appdams p {
	margin-top: 15px;
}

.xs2appdams p:nth-child(1) {
	margin-top: 0;
}

.xs2appdamore {
	display: flex;
	justify-content: center;
	margin-top: var(--mt45p);
}

.xs2appdamore .pubmore {
	margin: 0 15px;
}

.xs2appeimg {
	position: relative;
	overflow: hidden;
	border-radius: var(--border10);
	width: 100%;
}

.xs2appeimg img {
	width: 100%;
	vertical-align: top;
}

.xs2appe {
	padding-top: 0;
}

.xs2appeaswiper {
	margin-top: var(--mt45p);
}

.xs2appeaswiper {
	/* width: calc(var(--w14) + 40px); */
	/* padding: 20px;
	margin-left: -20px; */
	overflow: hidden;
}

.xs2appeaslide {
	width: 32%;
	margin-right: 2%;
	height: auto;
}

.xs2appeaslidem {
	border: 1px solid #e9ecf3;
	width: 100%;
	border-radius: var(--border10);
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: column;
	justify-content: flex-start;
}

.xs2appeaslide {
	display: flex;
}

.xs2appeimg img,
.xs2appeaslidem {
	transition: all 0.3s ease;
}

.xs2appeaslidem:hover {
	border-color: var(--color);
}

.xs2appeaslidem:hover img {
	transform: scale(1.03);
}

.xs2appeaslidem:hover .xs2appap1 {
	color: var(--color);
}

.xs2appeaslidem:hover {
	box-shadow: var(--hoverboxshadow);
}

.xs2appen {
	position: relative;
}

.xs2appeabtn1,
.xs2appeabtn2 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.xs2appeabtn1 {
	left: -60px;
}

.xs2appeabtn2 {
	right: -60px;
}

.pubbtnan.swiper-button-disabled {
	display: none;
}

.xs2appf {
	background: #fafbff;
}

.xs2appf .i2changjlink {
	background: #fff;
}

.i2changjlink {
	background: #fafbff;
}

.xs12casea {
	display: flex;
	justify-content: space-between;
	width: 100%;
	font-size: var(--fs18);
	position: relative;
	z-index: 3;
	flex-wrap: wrap;
}

.xs12caseaul1 {
	width: 70%;
	display: flex;
}

.xs12caseaul2 {
	width: 30%;
}

.xs12caseam {
	position: relative;
	height: 54px;
	line-height: 52px;
	color: #333;
	width: 210px;
	margin-right: 25px;
}

.xs12caseam20 {
	width: 400px;
}

.xs12caseam20 .layui-unselect {
	width: 100%;
}

.xs12caseam1 {
	text-align: center;
	color: #fff;
	background: var(--color);
	border-color: var(--color);
	border-radius: 54px;
}

.xs12caseam2 .layui-form-select,
.xs12caseam2 .layui-select-title,
.xs12caseam2 .layui-form-select .layui-input {
	height: 100%;
}

.xs12caseam input {
	border: none;
	padding: 0;
	padding: 0 60px 0 30px;
	background: none;
	color: #333;
	border: 1px solid #d2d2d2;
	border-radius: 54px;
}

.xs12cbor input:focus {
	width: 100%;
	border-radius: 54px;
}

.xs12caseam input:focus {
	border: 1px solid var(--color);
}

.xs12cbor input:focus {
	border-radius: 25px 25px 0 0;
	border-bottom: none;
}

.xs12caseam2 {
	display: flex;
	align-items: flex-start;
	/* z-index: 3; */
}

.xs12caseam2 .layui-form-select .layui-edge {
	right: 30px;
}

.xs12caseam2 input::-webkit-input-placeholder {
	color: #333;
	font-size: var(--fs18);
}

.xs12caseam2 input:-moz-placeholder {
	color: #333;
	font-size: var(--fs18);
	opacity: 1;
}

.xs12caseam2 input::-moz-placeholder {
	color: #333;
	font-size: var(--fs18);
	opacity: 1;
}

.xs12caseam2 input:-ms-input-placeholder {
	color: #333;
	font-size: var(--fs18);
}

.xs12caseam2 .layui-form-select dl {
	top: 54px;
	border: none;
	border: 1px solid #d2d2d2;
	border-top: none;
	background: #fff;
	z-index: 3;
	box-shadow: none;
	border-radius: 0 0 20px 20px;
	max-height: none;
	max-height: 400px;
	height: 250px;
	overflow: hidden;
	overflow-y: auto;
}

.xs12caseam2 .layui-form-selected dl {
	font-size: 16px;
}

.xs12caseam2 .layui-form-select dl {
	padding: 10px 0;
}

.layui-form-select dl::-webkit-scrollbar {
	width: 7px;

}

.layui-form-select dl::-webkit-scrollbar-track {
	border-radius: 8px;
	margin-bottom: 20px;
}

.xs12caseam2 .layui-form-select dl dd.layui-this {
	background: none;
	color: var(--color);
}

.xs12caseam2 .layui-form-select dl dd,
.xs12caseam2 .layui-form-select dl dd.layui-select-tips {
	padding: 0 20px !important;
	font-size: 14px;
}

.xs12caseam20 .layui-form-select dl {
	height: auto;
}

.xs12caseam2_right {
	justify-content: flex-end;
	margin-top: var(--mt45p);
}

.xs12caseam3 {
	/* width: 280px; */
	display: flex;
	margin-right: 0;
}

.xs12caseam3 input {
	width: 100%;

}

.xs12caseam3 i {
	width: 60px;
	text-align: right;
	font-size: 22px;
	padding-right: 20px;
	position: absolute;
	right: 10px;
}


.xs12casebp3 {
	position: relative;
	overflow: hidden;
	border-radius: var(--border10);
	margin-top: 30px;
}

.xs12casebp3 img {
	width: 100%;
	vertical-align: top;
}

.xs12caseam3 {
	margin-left: auto;
}

.xs12caseam4 {
	margin-left: 0;
}

.xs12caseb {
	width: 100%;
	flex-wrap: wrap;
	display: flex;
}

.xs12caseblink {
	margin-right: 3%;
	width: 31.333%;
	border: 1px solid #e9ecf3;
	border-radius: var(--border15);
	padding: 2.5%;
	margin-top: 3%;
}

.xs12caseblink:hover .promovep1 {
	color: var(--color);
}

.xs12caseblink:nth-child(3n) {
	margin-right: 0;
}

.xs12casebp2 {
	font-size: var(--fs18);
	font-weight: 700;
	line-height: 1.4;
	margin-top: 25px;
	height: 90px;
	border-bottom: 1px solid #e9ecf3;
}

.xs12casebp1 span {
	font-size: 14px;
	color: var(--color);
	display: inline-block;
	line-height: 14px;
	border: 1px solid #e9ecf3;
}

.xs12casebp1 span {
	padding: 10px 20px;
	border-radius: 20px;
}

.xs12caseblink,
.xs12casebp2,
.xs12casebp3 img {
	transition: all 0.3s ease;
}

.xs12caseam input::-webkit-input-placeholder {
	color: #999;
}

.xs12caseblink:hover {
	border-color: var(--color);
	box-shadow: var(--hoverboxshadow);
}

.xs12caseblink:hover .playbtn {
	background: var(--color);
}

.ser12a,
.ser12b {
	padding-bottom: 0;
}

.ser12ams {
	text-align: center;
	padding: 0 15%;
	margin-top: var(--mt45p);
}

.ser12ams p {
	margin-top: 20px;
}

.ser12ams p:nth-child(1) {
	margin-top: 0;
}

.ser12bmwz {
	color: #fff;
	top: 0;
}

.ser12bmwz,
.ser12bmmore {
	position: absolute;
	z-index: 3;
	width: 100%;
	padding: 15% 10%;
	left: 0;
}

.ser12bmp1 {
	font-size: var(--fs24);
	font-weight: 700;
	line-height: 1.4;
	min-height: 90px;
}

.ser12bmp2 {
	margin-top: 0;
}

.ser12bmslide {
	position: relative;
	overflow: hidden;
	border-radius: var(--border10);
}

.ser12bmg {
	width: 100%;
	vertical-align: top;
	transition: all 0.6s ease;
}

.ser12bmmore {
	display: flex;
	justify-content: flex-start;
	bottom: 0;
}

.ser12bmslide:hover img {
	transform: scale(1.03);
}

.ser12bmslide:before {
	transition: all 0.6s ease;
}

.ser12bmslide:before {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: '';
	left: 0;
	top: 0;
	background: var(0, 0, 0, 0.1);
}

.ser12bmslide:before {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	opacity: 0;
	-webkit-opacity: 0;
}

.ser12bmslide:hover:before {
	opacity: 1;
	-webkit-opacity: 1;
}

.ser12ca {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: var(--mt45p);
}

.ser12calink {
	align-items: center;
}

.ser12calink {
	width: 49%;
	margin-top: 2%;
	margin-right: 2%;
	border: 1px solid #e9ecf3;
	border-radius: var(--border15);
	padding: 3.5%;
	display: flex;
	justify-content: space-between;
}

.ser12calink:nth-child(2n) {
	margin-right: 0;
}

.ser12calink:nth-child(-n+2) {
	margin-top: 0;
}

.ser12cicon {
	width: 110px;
	height: 110px;
	position: relative;
	border-radius: 50%;
	background: var(--color);
}

.ser12cicon img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.5s ease;
}

.ser12cicon img {
	max-width: 50%;
	max-height: 50%;
}

.ser12cicon img,
.ser12cicon,
.ser12calink {
	transition: all 0.6s ease;
}

.ser12cp3 {
	display: flex;
	justify-content: flex-start;
}

.ser12cp1 {
	font-size: var(--fs24);
	line-height: 1.4;
}

.ser12cp2 {
	color: #333;
	margin-top: 10px;
}

.ser12cp3 {
	margin-top: 30px;
}

.ser12cwz {
	width: calc(100% - 110px);
	padding-left: 7%;
}

.ser12calink {
	transition: all 0.5s ease;
}

.ser12calink:hover {
	border-color: var(--color);
	box-shadow: var(--hoverboxshadow);
}

.ser12cb {
	border-radius: var(--border15);
	overflow: hidden;
	position: relative;
	margin-top: var(--mt45p);
	display: inline-block;
}

.ser12cb img {
	width: 100%;
	vertical-align: top;
}

.ser12cbwz {
	z-index: 3;
}

.ser12cbwz {
	/* position: absolute;
	width: 100%;
	padding-left: calc(3.5% + 110px);
	left: 0%;
	top: 50%;
	transform: translateY(-50%); */
	position: absolute;
	width: 70%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.ser12cbp3 {
	display: flex;
	justify-content: flex-start;
	margin-top: 45px;
}

.ser12cbp2 {
	margin-top: 15px;
}

.faq12aa {
	margin-top: var(--mt45p);
}

.faq12abm,
.faq12abh4,
.faq12abh4 i,
.faq12abh4 span {
	transition: all 0.6s ease;
}

.faq12abh4 {
	position: relative;
	padding: 28px 30px;
	line-height: 1.4;
	padding-right: 55px;
}

.faq12abh4 span {
	font-size: var(--fs24);
	color: #222;
	font-weight: 700;
	padding-left: 25px;
	position: relative;
}

.faq12abh4 span:before {
	position: absolute;
	width: 3px;
	height: 20px;
	background: #fff;
	border-radius: 3px;
	content: '';
}

.faq12abh4 span:before {
	left: 0;
	background: var(--color);
	top: 4px;
}

.faq12abh4 i {
	display: block;
	line-height: 1;
	font-size: 22px;
	position: absolute;
	right: 30px;
	top: 34px;
}

.faq12abm {
	border: 1px solid #e9ecf3;
	border-radius: var(--border15);
	overflow: hidden;
	margin-top: var(--mt45p);
}

.faq12abms {
	padding: 35px 55px;
}

.faq12abms {
	color: #333;
	display: none;
}

.faq_js.on .faq12abms {
	display: block;
}

.faq12abms p {
	margin-top: 20px;
}

.faq12abms p:nth-child(1) {
	margin-top: 0;
}

.faq12abms img {
	width: 100%;
}


.faq12abh4 {
	cursor: pointer;
}

.faq12abm:hover span {
	color: var(--color);
}

.faq12abh4.on {
	background: var(--color);
}

.faq12abh4.on span {
	color: #fff;
}

.faq12abh4.on span:before {
	background: #fff;
}

.faq12abh4.on i {
	color: #fff;
	transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
}

.agency1amap {
	position: relative;
	margin-top: var(--mt45p);
}

.agency1amap img {
	width: 100%;
	vertical-align: top;
}

.hmc5item {
	position: absolute;
	cursor: pointer;
}

.hmc5item {
	transition: all 0.5s ease-in-out;
	z-index: 3;
}

.hmc5m.on .hmc5item {
	opacity: 1;
}

.hmc5item1 {
	left: 18%;
	top: 40%
}

.hmc5item2 {
	left: 49%;
	top: 23%;
}

.hmc5item3 {
	left: 85%;
	top: 33%;
}

.hmc5item4 {
	left: 80%;
	top: 35%;
}

.hmc5item5 {
	left: 75%;
	top: 48%;
}

.hmc5item6 {
	left: 76%;
	top: 56%;
}

.hmc5item7 {
	left: 77%;
	top: 61%;
}

.hmc5_ibg {
	/* background: ;
	height: 180px;
	width: 180px;
	margin-top: -90px;
	margin-left: -90px;
	position: absolute;
	left: 50%;
	top: 50%;
	transition: all 0.5s ease-in-out;
	transform: scale(0) rotate(90deg);
	opacity: 0; */

	/* border-radius: 20px; */
	transition: all 0.8s ease;
	font-size: 16px;
	position: absolute;
	left: 15px;
	top: 50%;
	width: 120px;
	text-align: left;
	transform: translateY(-50%);
	line-height: 1.4;
	color: #333;
}

.hmc5ani {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -9px;
	margin-left: -9px;
}

.hmc5ani:before {
	content: "";
	background: rgba(41, 146, 212, 0.8);
	border-radius: 50%;
	height: 42px;
	width: 42px;
	margin-top: -21px;
	margin-left: -21px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: scale(0.4);
	animation: radarAni 3s linear infinite;
}

.hmc5ani i {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 6px solid rgba(41, 146, 212, 1);
	background: #fff;
	border-radius: 50%;
	z-index: 2;
}

.hmc5cnm {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	top: 42px;
	transform: translateX(-50%);
}

.hmc5ani:before {
	background: rgba(23, 96, 248, 0.8);
}

.hmc5ani i {
	border-color: rgba(23, 96, 248, 1);
	background: rgba(23, 96, 248, 0.2);
}

@keyframes rangeScale {
	from {
		opacity: 1;
		transform: scale(1);
	}

	to {
		opacity: 0;
		transform: scale(2.8);
	}
}

@keyframes radarAni {
	0% {
		opacity: 0.8;
		transform: scale(0.4);
	}

	50% {
		opacity: 0.1;
		transform: scale(0.9);
	}

	60% {
		opacity: 0;
		transform: scale(0.9);
	}

	100% {
		opacity: 0;
		transform: scale(0.9);
	}
}

.agencybox {
	display: flex;
	flex-wrap: wrap;
}

.agencybox1 {
	width: 33%;
	border: 1px solid #e9ecf3;
	padding: 4% 3%;
}

.agencybox1 span {
	font-size: var(--fs30);
	color: var(--color);
	font-weight: 700;
}

.agencybox1_p1 {
	font-size: var(--fs20);
}

.agencybox1_p1 span {
	margin-right: 10px;
}

.agencybox1_p2 {
	color: #666;
}

.agencybox1_p3 {
	font-size: var(--fs36);
	color: var(--color);
	font-weight: var(--b700);
}

.agenct_from {
	margin-top: var(--mt45p);
}

.agenct_list {
	display: flex;
	flex-wrap: wrap;
}

.agenct_item {
	width: 32.6%;
	margin-right: 1%;
}

.agenct_item:nth-child(3n) {
	margin-right: 0;
}

.agenct_item input {
	height: 54px;
	width: 100%;
	padding-left: 20px;
	border-radius: var(--border5);
	border: 1px solid #e9ecf3;
	background: #f7f8fc;
	color: rgb(51, 51, 51, 0.6);
	margin-top: 15px;

}

/* .agenct_itemxx input {
	margin-top: 15px;
} */

.agenct_item select {
	display: inline-block;
	height: 54px !important;
	width: 100%;
	padding-left: 20px;
	border-radius: var(--border5);
	border: 1px solid #e9ecf3;
	background: #f7f8fc;
	color: rgb(51, 51, 51, 0.6);
	margin-top: 15px;
}

.agenct_itemxx {
	position: relative;
}

.agenct_itemxx::before {
	position: absolute;
	left: 8px;
	top: 30px;
	content: "*";
	color: red;
	z-index: 1;
}

.agenct_list2 {
	margin-top: 25px;
}

.agenct_list2 textarea {
	width: 100%;
	height: 258px;
	padding: 20px;
	border-radius: var(--border5);
	border: 1px solid #e9ecf3;
	background: #f7f8fc;
	color: rgb(51, 51, 51, 0.6);

}

.agenct_list2 textarea::-webkit-input-placeholder,
.agenct_itemxx textarea::-webkit-input-placeholder {
	color: rgb(51, 51, 51, 0.6);
	font-size: var(--fs18);
}

.agenct_item input::-webkit-input-placeholder {
	color: rgb(51, 51, 51, 0.6);
	font-size: var(--fs18);
}

.agenct_list3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 25px;
}

.agenct_left {
	width: 66%;
	display: flex;
}

.agenct_item2 {
	display: flex;
	width: auto;
}

.agenct_item2 input {
	margin-right: 20px;
	margin-top: 0;
}

.agenct_item2 img {
	width: 130px;
	border-radius: var(--border10);
}

.agenct_item3 input {
	margin-top: 0;
	height: 45px;
}

.agenct_left span {
	display: inline-block;
	font-size: var(--fs18);
	border-radius: var(--border5);
	text-align: center;
	background: var(--color);
	padding: 10px 45px;
	color: #fff;
	margin-right: 20px;
}

.agenct_left .agenct_btns2 {
	background: #a1a4aa;
}

.agenct_btn {
	/*width: 30%;*/
	text-align: end;
	color: #333;
}

.agenct_btn img {
	margin-top: -6px;
	margin-right: 5px;
}

.agenct_btn3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

.agenct_btn3 .agenct_btn {
	/*width: 40%;*/
}

.consult_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--mt45p);
}

.consult_item {
	margin-right: 3%;
	width: 31.333%;
	border: 1px solid #e9ecf3;
	border-radius: var(--border15);
	padding: 2.5%;
	margin-top: 3%;
	transition: all 0.3s ease;
}

.consult_item:hover .promovexnbox_p1 {
	color: var(--color);
}

.consult_item:nth-child(1) {
	margin-top: 0;
}

.consult_item:nth-child(2) {
	margin-top: 0;
}

.consult_item:nth-child(3) {
	margin-top: 0;
}

.consult_item:hover {
	border-color: var(--color);
	box-shadow: var(--hoverboxshadow);
}

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

.consult_titul {
	margin-left: 30px;
}

.consult_titulp1 {
	font-size: var(--fs36);
	font-weight: var(--b700);
	line-height: 1.2;
	color: #333;
}

.consult_titulp2 {
	font-size: var(--fs20);
	color: #333;
	font-weight: var(--b700);
	margin-top: 10px;
}

.consult_titulp3 {
	color: #666;
}

.consult_item:nth-child(3n) {
	margin-right: 0;
}

.consult_line {
	margin: 30px 0;
	width: 100%;
	height: 1px;
	background: #e9ecf3;
	position: relative;
}

.consult_line::before {
	width: 0;
	height: 1px;
	background: var(--color);
	content: '';
	position: absolute;
	top: -50%;
	left: 0;
	transition: all 0.3s ease;
}

.promovexnbox:hover .consult_line::before,
.consult_item:hover .consult_line::before {
	width: 100%;
}

.consult_titp1 {
	color: #666;
}

.traing_m45 {
	margin-top: var(--mt45p);
}

.traing_p1 {
	margin-top: 0;
	border-radius: 10px 10px 0 0;

}

.traing_p2 {
	padding: 6%;
	font-size: var(--fs22);
	display: flex;
}

.traing_p2 span {
	display: inline-block;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	border-radius: 50%;
	background: var(--color);
	font-size: 14px;
	color: #fff;
	margin-top: 7px;
	margin-right: 10px;
}

.trainitem {
	padding: 0;
}

.download_main {
	margin-top: var(--mt45p);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}

.download_left {
	width: 25%;
}

.dowm_style1 {
	position: sticky;
	top: 100px;
}

.download_right {
	width: 70%;
}

.download_right_list {
	display: flex;
	flex-wrap: wrap;
}

.down_m {
	margin-top: var(--mt45p);
}

.downlist {
	display: none;
}

.download_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}
.download_item{position: relative;}
.download_item:hover {
	cursor: pointer;
}

.download_item i {
	transition: all 0.3s ease;
	position: absolute;right: 0;top:17px;line-height: 1;
}

.download_list li.on .download_item i {
	transform: rotate(180deg);
}

.downlist li {
	padding: 3px 0;
}

.down_a1 {
	font-size: var(--fs18);
	color: #222;
	display: block;width: 100%;position: relative;z-index: 2;
}

.downlist a {
	font-size: var(--fs18);
	color: #666;
}

.download_item:hover a {
	color: var(--color);
}

.downlist li:hover a {
	color: var(--color);
}

.downlist .on a {
	color: var(--color);
}

.down_btn {
	margin-top: 30px;
}

.down_btn span {
	display: inline-block;
	padding: 5px 40px;
	background: var(--color);
	border-radius: 20px;
	color: #fff;
}

.down_btn:hover span {
	cursor: pointer;
}

.download_box {
	width: 32%;
	margin-right: 2%;
	margin-top: 2%;
	padding: 2.5%;
	border: 1px solid #e9ecf3;
	border-radius: var(--border15);
	transition: all 0.3s ease;
}

.download_box:nth-child(1),
.download_box:nth-child(2),
.download_box:nth-child(3) {
	margin-top: 0;
}

.download_box:nth-child(3n) {
	margin-right: 0;
}

.download_box:hover {
	border-color: var(--color);
	box-shadow: var(--hoverboxshadow);
}

/* .download_box:hover .download_line {
	background: var(--color);
} */

.download_box:hover .download_p1 {
	color: var(--color);
}

.download_box:hover .download_ul2 i {
	color: var(--color);
}

.download_ul2 {
	width: 40px;
}

.download_img1 {
	display: inline-block;
}

.download_img2 {
	display: none;
}

.download_box:hover .download_img1 {
	display: none;
}

.download_box:hover .download_img2 {
	display: inline-block;
}

.download_li1 {
	text-align: center;
}
.download_li1 img{
	height:222px;
}

.zool_li1 {
	min-height: 220px;
	max-height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zool_li1 img {
	/* width: 100%; */
	max-width: 100%;
	max-height: 220px;
}

.download_line {
	width: 100%;
	height: 1px;
	background: #e9ecf3;
	margin: 20px 0;
	transition: all 0.3s ease;
	position: relative;
}

.download_line::before {
	width: 0;
	height: 1px;
	background: var(--color);
	content: '';
	position: absolute;
	top: -50%;
	left: 0;
	transition: all 0.3s ease;
}

.download_box:hover .download_line::before {
	width: 100%;
}

.download_yp {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.download_ul2 i {
	font-size: 40px;
}

.download_ul3 i {
	font-size: 18px;
}

.download_p1 {
	font-size: var(--fs22);
	color: #333;
}

.download_p2 {
	color: #666;
}

.contact_main {
	margin-top: -50px;
	position: relative;
	z-index: 4;
	background: #fff;
	border-radius: var(--border5);
	padding: 3%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact_left {
	width: 50%;
	position: relative;

}

.contact_right {
	width: 50%;
}

.contact_leftbox {
	display: flex;
	flex-wrap: wrap;
}

.contact_left::before {
	content: '';
	position: absolute;
	top: 110px;
	right: 45px;
	width: 2px;
	height: 100px;
	background: #eee;
}

.contact_item {
	width: 48%;
	margin-top: 6%;
	margin-right: 4%;
	font-size: 14px;
}

.contact_item:nth-child(2n) {
	margin-right: 0;
}

.contact_item img {
	height: 30px;
	margin-right: 5px;
}

.contact_p1 {
	font-size: var(--fs30);
	color: #333;
	font-weight: var(--b700);
}

.contact_p2 {
	font-size: 16px;
	color: #333;
}

.contact_bg {
	position: relative;
}

.contact_bg img {
	width: 100%;
}

.contact_a1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contact_a1 i,
.contact_a2 i {
	font-size: 30px;
	color: var(--color);
}

.contact_a2 {
	position: absolute;
	right: 10%;
	top: 10%;
}

.contact_map {
	margin-top: var(--mt45p);
	border-radius: var(--border5);
	background: #fff;
	padding: 4%;
	position: relative;
}

.contact_map img {
	width: 100%;
	/*margin-top: 4%;*/
}

.contact_map_list {
	position: relative;
	margin-top: 4%;
}


.conitem1 {
	left: 19%;
	top: 55%;
}

.conitem2 {
	left: 51%;
	top: 44%;
}

.conitem3 {
	left: 83%;
	top: 51%;
}

.conitem4 {
	left: 79%;
	top: 50%;
}

.conitem5 {
	left: 73%;
	top: 61%;
}

.conitem6 {
	left: 73%;
	top: 66%;
}

.conitem7 {
	left: 74%;
	top: 69%;
}


.contact_form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact_form_left {
	width: 35%;
	position: relative;
}

.contact_left_li1 img {
	width: 100%;
}

.contact_left_li2 {
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	padding: 0 6%;
}

.contact_li2_p1 {
	font-size: var(--fs46);
	color: #fff;
}

.contact_li2_p2 {
	color: #fff;
}

.contact_form_right {
	width: 65%;
	background: #Fff;
	padding: 4% 3%;
	border-bottom: 1px solid var(--color);
}

.contact_form_list {
	display: flex;
	flex-wrap: wrap;
}

.contact_form_item {
	border: 1px solid #e9ecf3;
	width: 48%;
	height: 56px;
	border-radius: var(--border10);
	margin-right: 2%;
	margin-top: 3%;
}

.contact_form_item:nth-child(2n) {
	margin-right: 0;
}

.contact_form_item input,
.contact_form_item select {
	width: 100%;
	height: 53px;
	padding: 0 20px;
	border: none;
	outline: none;
	border-radius: var(--border10);
	color: #888;
}

.contact_form_item select {
	height: 53px !important;
	padding: 0 20px !important;
	appearance: none;
	position: relative;
	z-index: 111;
}

.contact_form_item .layui-form-select dl dd.layui-this,
.agenct_item .layui-form-select dl dd.layui-this {
	background-color: var(--color);
}

.contact_form_item .layui-form-select dl,
.agenct_item .layui-form-select dl {
	padding: 0 !important;
	top: 50px !important;
}

.contact_form_item::before {
	top: 15px;
}

.contact_form_item3 {
	width: 100%;
	margin-top: 3%;
	height: 205px;
}

.contact_form_item3 textarea {
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	border-radius: var(--border10);
	color: #888;
	padding: 20px;
}

.contact_form_list .pubmore {
	margin-top: 3%;
	padding: 0 60px;
}

.zoology_icon {
	margin-top: var(--mt45p);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zoology_item {
	width: 11%;
	margin-right: 1.5%;
	text-align: center;
}

.zoology_item img {
	max-width: 42px;
	max-height: 60px;
}

.zoology_item p {
	margin-top: 15px;
}

.zoology_item:last-child {
	margin-right: 0;
}

.zoology_img1 {
	display: inline-block;
}

.zoology_img2 {
	display: none;
}

.zoology_item:hover {
	color: var(--color);
}

.zoology_item:hover .zoology_img1 {
	display: none;
}

.zoology_item:hover .zoology_img2 {
	display: inline-block;
}

.zoology_item.on {
	color: var(--color);
}

.zoology_item.on .zoology_img1 {
	display: none;
	color: var(--color);
}

.zoology_item.on .zoology_img2 {
	display: inline-block;
	color: var(--color);
}

.zool_nav {
	width: 100%;
	box-shadow: 0px 5px 14px 0px rgba(199, 199, 199, 0.16);
	padding: 20px 0;
	position: sticky;
	top: 80px;
	background: #fff;
	z-index: 10;
}

.zool_navwz {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zool_navs1 {
	font-size: var(--fs20);
	color: var(--color);
	font-weight: var(--b700);
}

.zool_navwz1 {
	width: 60%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zool_navwz2 {
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zool_navwz3 {
	display: flex;
	justify-content: flex-end;
}

.zool_navwz4 {
	display: flex;
}

.zooldetail {
	width: 100%;
	background: var(--bf7f8f9);
}

.zooldetail_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zooldetail_left {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.zooldetail_right {
	width: 55%;
}

.zooldetail_p1 {
	color: #222;
	font-size: var(--fs40);
	font-weight: var(--b700);
	line-height: 1.4;
}

.zooldetail_p2 {
	font-size: var(--fs20);
	color: #333;
}

.zooldetail_p3 {
	margin-top: 25px;
	color: #666;
}

.zooldetail_p4 {
	width: 160px;
	margin-top: 60px;
}

.zooldetail_p6 {
	margin-top: 40px;
	color: #666;


}

.zooldeimgbox {
	display: flex;
	justify-content: center;
	align-items: center;
}

.zooldeimgbox img {
	max-width: 100%;
}

.zooldepage,
.zoolmodelpage {
	margin-top: 40px;
	text-align: center;
}

.zooldepage span {
	width: 12px;
	height: 12px;
}

.zooldetail_pro {
	margin-top: 80px;
}

.zooldetail_pro_tit {
	font-size: var(--fs32);
	color: #333;
	text-align: center;
	font-weight: var(--b700);
}

.zooldetail_prolist {
	margin-top: var(--mt45p);
}

.zooldepro_cpm {
	display: none;
}

.zooldepro_cpm.on {
	display: block;
}

.zooldepro_img {
	display: none;
}

.zooldepro_img.on {
	display: block;
}

.zooldetail_procon {
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 0px 10px 0px rgba(199, 199, 199, 0.24);
}

.zooldepro_item {
	width: 50%;
	border-radius: 10px;
	font-size: var(--fs18);
	color: #333;
	padding: 10px 0;
	text-align: center;
}

.zooldepro_item.on {
	background: var(--color);
	color: #fff;
}

.pipeline_tab table {
	width: 100%;
	overflow-x: scroll;
	font-size: 16px;
	/* table-layout: fixed; */
}

.pipeline_tab th {
	/* width: 20%; */
	font-size: 18px;
	height: 50px;
	background: #1226aa;
	color: #fff;
}

/* .pipeline_tab .pipeline_tr1 td {
	background: #d9dadd;
	color: #000;
	font-size: 18px;
	font-weight: bold;
} */

.pipeline_tab tr {
	width: auto;
	margin: 0 20px;
}

.pipeline_tab td {
	/* width: 50%; */
	/* height: 50px; */
	padding-top: 10px;
	padding-bottom: 10px;
	/* line-height: 50px; */
	text-align: center;
	padding-left: 10px;
	/* border: 1px solid #c6c6c6; */
}

.pipeline_tab tr:nth-child(2n) {
	background: #fafbff;
	transition: all 0.3s ease;
}

.pipeline_tab tr:nth-child(2n):hover {
	background: var(--color);
}

.pipeline_tab tr:nth-child(2n):hover td {
	color: #fff;
}

.zooldetail2 {
	width: 100%;
	background: #Fff;
}

.zooldeta_h5 {
	font-size: var(--fs40);
	font-weight: var(--b700);
	text-align: center;
}

.zoolmodelSwiper {
	margin-top: var(--mt45p);
}

.model_item {
	border-radius: var(--border10);
	border: 1px solid #e9ecf3;
	padding: 30px 20px;
	transition: all 0.3s ease;
}

.model_li2 {
	display: flex;
	justify-content: space-between;
	/*flex-wrap: wrap;*/
}

.model_ul1 {
	text-align: center;
	position: relative;
	font-size: 14px;
	/*width: 50%;*/
}

.model_ul1::before {
	position: absolute;
	top: 35px;
	right: -50px;
	top: 15px;
	right: -20px;
	content: "";
	width: 1px;
	height: 48px;
	background: #eee;
}

.model_ul2::before {
	right: -70px;
}

.model_ul1:last-child::before {
	display: none;
}

.model_ul1 p:first-child {
	color: #222;
}

.model_ul1 p:last-child {
	color: #666;
	font-size: var(--fs14);
}

.model_itemp1 {
	text-align: center;
	font-size: var(--fs24);
	margin: 20px 0;
	transition: all 0.3s ease;
	font-weight: var(--b700);
}

.model_li1 {
	/* overflow: hidden; */
	display: flex;
	justify-content: center;
	align-items: center;
}

.model_li1 img {
	/* width: 100%; */
	transition: all 0.3s ease;
	max-width: 100%;

}

.model_item:hover .model_li1 img {
	transform: scale(1.05);
}

.model_item:hover {
	border: 1px solid var(--color);
}

.model_item:hover .model_itemp1 {
	color: var(--color);
}

.produtm45 {
	margin-top: var(--mt45p);
}

.product_bg {
	width: 100%;
	background: #fbfdfe;
}

.product_rel {
	position: relative;
}

.zkibswiperbtns {
	top: 65%;
}

.zkibswiperbtn4 {
	right: -5%;
}

.zkibswiperbtn3 {
	left: -5%;
}

.product_bgp1 {
	font-size: 16px;
	/* color: #fff; */
	text-align: center;
	min-height: 60px;
}

.product_item {
	position: relative;
	display: inline-block;
}

.product_item .product_img1 {
	width: 100%;
}

.product_title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* border: 1px solid red; */
	width: 1300px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product_title1 {
	width: 35%;
}

.product_title2 {
	width: 60%;
}

.product_title2 img {
	width: 100%;
}

.product_p1 {
	font-size: var(--fs32);
	color: #333;
	font-weight: var(--b700);
}

.product_p2 {
	color: #333;
	font-size: var(--fs20);
}

.product_p3 {
	margin-top: 50px;
	width: 160px;
}


.product_titlem {
	position: relative;
	padding: 20px 10px;
	border: 1px solid #e9ecf3;
	border-radius: var(--border10);
	transition: all 0.3s ease;
}

.product_titlem:hover {
	border-color: var(--color);
	box-shadow: var(--hoverboxshadow);
}

.product_titlem img {
	width: 100%;
}

.product_bgm {
	position: absolute;
	top: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
}

.product_titlem:hover {
	cursor: pointer;
}

.product_bgm img {
	width: 100%;
	height: 100%;
	border-radius: var(--border10);
}

.product_titlem .product_bgm {
	opacity: 0;
}

.product_titlem.swiper-slide-thumb-active .product_bgm {
	opacity: 1;
}

.product_titlem.swiper-slide-thumb-active .product_bgp1 {
	color: #333;
}

.product_titlem .product_bgp1 {
	color: #333;
}

.product_titlem1 {
	text-align: center;
}

.product_titlem1 img {
	width: 90%;
	margin-top: 10px;
}

.product_bg2 {
	width: 100%;
	background: #fafbff;
}

.proscSwiper {
	margin-top: var(--mt45p);
	overflow: hidden;
}

.prosc_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 2% 2% 2%;
	background: #fff;
	box-shadow: 0px 0px 21px 0px rgba(131, 131, 131, 0.16);
}

.prosc_left {
	width: 65%;
	position: relative;
}

.prosc_text {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}

.prosc_right {
	width: 35%;
	padding: 4%;
}

.prosc_left img {
	width: 100%;
	border-radius: 10px 10px 80px 10px;
}

.prosc_right img {
	/* width: 100%; */
	max-width: 100%;
}

.prosc_p1 {
	font-size: var(--fs18);
	color: #333;
	text-align: center;
}

.prosc_p2 {
	font-size: var(--fs24);
	font-weight: var(--b700);
	color: #fff;
}

.prosc_p3 {
	font-size: var(--fs18);
	color: #fff;
	margin-top: 10px;
}

.proscpage {
	text-align: center;
}

.proscpage span {
	width: 12px;
	height: 12px;
}

.promovebox {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	margin-top: var(--mt45p);
}

.promoveboxitem {
	margin-right: 1.5%;
	background: #f5f6fa;
	padding: 3%;
	text-align: center;
	border-radius: var(--border10);
	margin-top: 2%;
}

.promovebox1:nth-child(3n) {
	margin-right: 0;
}

.promovebox2:nth-child(4n) {
	margin-right: 0;
}

.promovebox1 {
	width: 32%;
}

.promovebox2 {
	width: 23.6%;
}

.promovebox1:nth-child(1),
.promovebox1:nth-child(2),
.promovebox1:nth-child(3) {
	margin-top: 0;
}

.promove_p2 {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.promoveboxitem img {
	max-width: 70%;
	max-height: 70%;
}

.promove_p1 {
	font-size: var(--fs24);
	font-weight: var(--b700);
	color: #333;
	margin-top: 20px;
}

.promovebox1:hover .promove_p1,
.promovebox2:hover .promove_p1 {
	color: var(--color);
}

.promovexn {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: var(--mt45p);
}

.promovexnbox {
	width: 48%;
	background: #fff;
}

.promovexnbox:nth-child(2n+1) {
	margin-top: 3%;
	margin-right: 0;
}

.promovexnbox:nth-child(2n) {
	margin-right: 0;
}

.consult_item:nth-child(1),
.consult_item:nth-child(2) {
	margin-top: 0;
}

.promovexnbox .consult_tit {
	align-items: start;
}

.promove_p3 {
	font-size: var(--fs24);
	color: #333;
	font-weight: var(--b700);
}

.ser12cicon2 {
	width: 80px;
	height: 80px;
}

.promovexnbox_p1 {
	font-size: var(--fs24);
	transition: all 0.3s ease;
	color: #333;
}

.promovepage {
	margin-top: 20px;
	text-align: center;
}

.promovepage span {
	width: 12px;
	height: 12px;
}

.promoveSwiper {
	overflow: visible;
}



.promovep1 {
	font-size: var(--fs24);
	color: #333;
	font-weight: var(--b700);
	transition: all 0.3s ease;
}

.promovep2 {
	color: #666;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	white-space: break-spaces;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.promovep3 {
	display: flex;
	margin: 20px 0 30px 0;
}

.promovep4 {
	margin: 20px 0;
}

.promovep4 img {
	width: 100%;
	border-radius: var(--border10);
}

.proyycjswiper {
	overflow: hidden;
	position: relative;
}

.proyycjswiper .i2changjlink {
	margin-top: 1%;
}

.zooldetail_p5 {
	display: flex;
	width: auto;
}

.zooldetail_p5 .pubmore {
	margin-right: 20px;
}

.zooldepro_img img {
	/* width: 100%; */
	max-width: 100%;
}

.pro_popshow {
	background: #fff;
	padding: 6% 3%;
	border-radius: var(--border10);
}

.prodeicon {
	width: 80px;
	height: 80px;
	margin: 0 auto;
}

.prodep1 {
	font-size: var(--fs22);
	color: #222;
	font-weight: var(--b700);
	margin-top: 20px;
}

.prodep2 {
	color: #666;
}

.newdetail {
	background: #fff;
	width: 100%;
	margin-top: 40px;
}

.newdetailwz {
	margin: 60px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.newdetailwz_left {
	width: 70%;
	color: #666;
}

.newdetailwz_left img {
	max-width: 100%;
}

.team_PhotoPath img {

	max-width: 140px;
}

.newdetailwz_right {
	width: 23%;
	position: relative;
}

.newdetailwz_style {
	position: sticky;
	top: 100px;
}

.newde_p1 {
	font-size: var(--fs32);
	color: #333;
}

.newde_p2 {
	font-size: var(--fs24);
}

.newd28-r-tname {
	color: #999;
}



.newd28-r-tzhw {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #333;
}

.team_PhotoPath {
	margin: 10px 20px 10px 0;
}

.team_PhotoPath img {
	border-radius: var(--border10);
}

.newd28-r-team-link {
	display: flex;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}

.newd28-r-team-link {
	align-items: center;
}

.newd28-r-team-link:last-child {
	border: none;
	padding-bottom: 0;
}

.newde_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0;
	/* border-bottom: 1px solid #e9ecf3; */
}

.newdetailwz_left hr {
	display: block;
	border: 1px solid #e9ecf3;
}

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

.newde_ul span {
	display: inline-block;
	margin-right: 50px;
	color: #999;
}

.newde_ul i {
	margin-right: 10px;
	font-size: 20px;
}

.newde_ul2 {
	position: relative;
	text-align: center;
}

.newde_ul2 .zkfootfx {
	margin-top: 0;
}

.newde_ul2 i {
	margin-right: 0;
}

.newde_btn {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.newde_btn a {
	border-radius: 26px;
	padding: 10px 100px;
	border: 1px solid #e9ecf3;
	color: #333;
	transition: all 0.3s ease;
}


.newde_btn a:hover {
	border: 1px solid var(--color);
	background: var(--color);
	color: #fff;
}

/**/

.compare {
	display: flex;
	/* height: 600px;
	overflow-x: scroll; */
	/* padding: 30px 0; */
	/* padding-bottom: 30px; */
	margin-top: var(--mt45p);
	border: 1px solid #eee;
	border-radius: var(--border10);
	overflow: hidden;
}

.compare::-webkit-scrollbar {
	width: 3px;
}

.compare_item {
	width: 33.33%;
	border: 1px solid #eee;
}


.compare_img {
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 280px;
	font-size: var(--fs24);
	color: var(--color);
	font-weight: var(--b700);
	padding: 40px 0;
}

.compare_img i {
	position: absolute;
	right: 25px;
	top: 25px;
	color: #272736;
}

.compare_img_i {
	position: absolute;
	top: 10px;
	right: 20px;

}

.compare_title {
	min-height: 100px;
}

.prodbm20 {
	margin-top: 20px;
}

.prodbm20 .layui-colla-title {
	background: #fafbff;
	padding: 0 15px;
}

.prodbp1 {
	font-size: var(--fs20);
	font-weight: var(--b700);
	text-align: center;
	height: 30px;
}


.compare_img img {
	max-width: 80%;
	max-height: 80%;
}

.com_m35 {
	margin-top: 35px;
}

.com_title p {
	color: #333;
	padding: 10px 0;
	text-align: center;
	border-right: 1px solid #eee;
}

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

.contitlepl span {
	width: 50%;
	border-right: 1px solid #eee;
}

.contitlepl span:last-child {
	border-right: none;
}

.layui-collapse_position {
	position: relative;
}

.s222 {
	position: absolute;
	top: 40px;
	width: 100%;
	background: #fff;
}


.com_titlep1 {
	height: 80px;
	line-height: 80px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.com_title p:nth-child(2n) {
	background: #fafbff;
}

.com_p2 {
	position: relative;
}

.com_p2::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 15px;
}

/**/

/**/

.comparison {
	margin-top: var(--mt45p);
	border: 1px solid #eee;
	border-radius: var(--border10);
	overflow: hidden;
}

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

.comparison_item {
	width: 20%;
	position: relative;
}

.comparison_item2 {
	width: 100%;
}

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

.comparison_item_title p {
	width: 20%;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #eee;
}

.prodbm20 .layui-colla-title {
	background: #fff;
}

.layui-colla-title i {
	display: none;
}

.layui-collapse_p1 {
	text-align: center;
	color: var(--color) !important;
}

.comparison_item_title:nth-child(2n-1) {
	background: #fafbff;
}

.compare_title .layui-collapse {
	border-color: transparent !important;
}

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

.comparison_item_titlep span {
	width: 50%;
	text-align: center;
}

.layui-collapse_position {
	position: relative;
}

.s222 {
	position: absolute;
	top: 40px;
	width: 100%;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
}

/**/

/*  */

.search-result-main {
	display: block;
	margin-top: 120px !important;
	padding-top: 20px;
}

.search-result-main-p {
	font-size: 12px;
	color: #9d9d9c;
	margin-top: 0;
}

.search-result-main .input-warp {
	position: relative;
	width: 434px;
	margin: 60px auto;
	border: 1px solid #bfbfbf;
	border-radius: 10px;
	background: url(../temp/search2.png) 13px 13px no-repeat;
	background-size: 20px auto;
}

.search-result-main .input-warp input {
	width: 78%;
	height: 46px;
	line-height: 46px;
	margin-left: 43px;
	border-color: transparent;
	background-color: transparent;
	outline: none;
	color: #666;
}

.searchtab {
	min-height: 400px;
}

.search-class-list {
	border-bottom: 1px solid #ddd;
}

.search-class-list li {
	float: left;
	font-size: 16px;
}

.search-class-list li.on a {
	color: #000;
}

.search-class-list li a {
	padding: 0 26px;
	padding-left: 0;
	color: #999;
	line-height: 45px;
	position: relative;
}

.search-class-list li.on a span:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #3071b7;
}

.search-result-main a {
	display: block;
}

.search-result-title {
	color: #999;
	padding-top: 20px;
}

.result-list {
	overflow: hidden;
}

.result-item {
	width: 48%;
	margin-right: 4%;
	border-bottom: 1px solid #e7e7e7;
	float: left;
}

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

.result-item .dot {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: 0 10px;
	background: #828282;
	border-radius: 50%;
	vertical-align: middle;
}

.result-item p {
	display: inline-block;
	vertical-align: middle;
	word-break: normal;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-result-main a {
	display: block;
}

.result-item a {
	display: block;
	width: 100%;
	padding: 28px 0;
	color: #696969;
}

.result-item a:hover {
	color: #3071b7;
}

.result-item a:hover .dot {
	background: #3071b7;
}

/**/

.sgp-in-lauge-list {
	position: absolute;
	left: 50%;
	/* width: 140px; */
	margin-left: -35px;
	/* padding-top: 10px; */
	top: 95%;
	/* display: none; */
	opacity: 0;
	text-align: center;
	visibility: hidden;
	transition: all 0.3s ease;
	padding: 0px 40px;
	/* border-radius: 20px; */
	z-index: 111;
	background: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.sgp-in-lauge-list a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 16px;
}

.sgp-in-lauge:hover .sgp-in-lauge-list {
	/* display: block; */
	opacity: 1;
	visibility: visible;
}

.proj_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: var(--mt45p);
}

.proj_item {
	width: 25%;
	text-align: center;
	padding: 40px 0;
	transition: all 0.3s ease;
}

.proj_item img {
	max-width: 55%;
}

.proj_p1 {
	font-size: var(--fs24);
	font-weight: var(--b700);
	margin-top: 10px;
}

.proj_line {
	width: 100%;
	height: 1px;
	background: #c7c7c7;
	position: relative;
	margin: 25px 0;
}

.proj_line::before {
	content: "";
	position: absolute;
	top: -8px;
	left: 46%;
	width: 14px;
	height: 14px;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 50%;
}

.proj_p2 {
	color: #666;
	padding: 0 40px;
}

.proj_item li {
	width: 140px;
	height: 140px;
	line-height: 140px;
	display: inline-block;

}

.proj_item:hover {
	background: #005aff;
	border-radius: var(--border10);
}

.proj_item:hover li {
	border-radius: 50%;
	background: #fff;
	width: 140px;
	height: 140px;
	line-height: 140px;
	text-align: center;
	display: inline-block;
}

.proj_item:hover .proj_p1,
.proj_item:hover .proj_p2 {
	color: #fff;
}

.proj_item:hover .proj_p1 {
	margin-top: 20px;
}

.proj_item:hover .proj_line {
	display: none;
}

.i2kec_text {
	text-align: center;
}

.i2kec_p1 {
	font-size: var(--fs18);
	color: #666;
}

.i2kec_p2 {
	font-size: var(--fs24);
	color: #333;
	margin-top: 20px;
}

.i2kec_p3 {
	font-size: var(--fs36);
	color: var(--color);
}

.i2kec_btn {
	width: 693px;
	height: 1px;
	background: #ccc;
	margin: 10px auto;
}