svg {
				display: block;
			}

/* index.css */
.pwz {
    position: relative;
    overflow: hidden;
}

.pwz1,
.pwz2 {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pubmore {
    padding: 15px 60px;
    font-size: 14px;
}


.pubmore svg {
    width: 12px;
    height: 12px;
}

.pubmore span {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.svg-fff {
    fill: #fff;
}

.svg-000 {
    fill: #000;
}

.pwz1 {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}


.pwz2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(200%);
    opacity: 0;
}

.pubmore .psvg {
    width: 12px;
    height: 12px;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
}

.svg-1,
.svg-2 {
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.svg-1 {
    position: relative;
    transform: translate(0, 0);
}

.svg-2 {
    opacity: 0;
    transform: translate(-100%, 0);
    position: absolute;
    left: 0;
    top: 100%;
    transition: transform 0.3s, opacity 0.3s;
}

.pubmore {
    transition: all 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

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

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

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

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

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

.pubmore:hover {
    background: var(--color);
	background-image: linear-gradient(90deg, #ff9800, 30%, #c80000);
}

:root {
    --b700: 700;
    --ptb: 100px;
    --b600: 600;
    --borders: 15px;
    --borders20: 20px;
    --boxshadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    --hoverboxshadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto
}


body {
    /* font-family: 'Nunito Sans', sans-serif; */
    line-height: 1.8;
    font-size: 16px;
}

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

.pwz1,
.pwz2 {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

/* .sg2banerwz-1{top: 20%;transform: translateX(-50%);} */
/* .sg2baner .swiper-slide:before{width: 100%;height: 100%;}
    .sg2baner .swiper-slide:before{position: absolute;content: '';left:0;top:0;z-index:5;background: #000;opacity: 0.1;} */

/* .active .sgp-in-head{top:-100%;} */

.pubmore {
    border: 1px solid #fff;
}

.pubmore-green {
    background: var(--color);
	background-image: linear-gradient(90deg, #ff9800, 30%, #c80000);
    border-color: var(--bf7f8f9);
}

.pubmore-green .pwz1 {
    color: #fff;
}

.pubmore-green .pwz2 {
    color: #fff;
}

.pubmore-green .svg-fff {
    fill: #fff;
}

.pubmore-green .svg-000 {
    fill: #fff;
}

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

.pwz1,
.pwz2 {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pubmore {
    padding: 0 35px;
    font-size: 16px;
}

.pubmore {
    display: flex;
    line-height: 50px;
    border-radius: 50px;
    width: auto;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.pubmore svg {
    width: 16px;
    height: 16px;
}

.pubmore span {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.svg-fff {
    fill: #fff;
}

.svg-000 {
    fill: #000;
}

.pwz1 {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pwz2 {}

.pwz2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(200%);
    opacity: 0;
}

.pubmore .psvg {
    width: 16px;
    height: 16px;
    position: relative;
    overflow: hidden;
}

.svg-1,
.svg-2 {
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.svg-1 {
    position: relative;
    transform: translate(0, 0);
}

.svg-2 {
    opacity: 0;
    transform: translate(-100%, 0);
    position: absolute;
    left: 0;
    top: 100%;
    transition: transform 0.3s, opacity 0.3s;
}

.pubmore {
    transition: all 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

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

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

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

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

.pubmore:hover .pwz2 {
    transform: translateY(-50%);
    opacity: 1;
}
/* index.csse */
			: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;
			}



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

* {
	box-sizing: border-box;
}

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

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

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



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

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

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

/* .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 {
	padding-top: 70px;
	/* background: #0f1a30; */
	position: relative;
	/* font-size: 0; */
	/* background-color: #303132; */
	/* padding: 0 7.5rem; */
}


.zkfoot:before {
	content: '';
	width: 100%;
	height: 6px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(90deg, #ff9800, 30%, #c80000);
}

.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-between;
	display: flex;
}

.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: 50%;
}

.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:nth-child(3) i {
	font-size: 24px;
}

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

.zkfootfx a:hover {
	border-color: #fa8900;
}

.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: #303132;
}

.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);
}


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

.pc {
	display: block;
}

.phone {
	display: none;
}

@media screen and (max-width:1680px) {
	:root {
		/* --mt45p: 45px; */
		--fs14: 14px;
		--fs18: 16px;
		--fs20: 18px;
		--fs22: 20px;
		--fs24: 22px;
		--fs30: 28px;
		--fs32: 30px;
		--fs36: 34px;
		--fs40: 38px;
		--fs46: 42px;
		--b700: 700;
	}
}

@media screen and (max-width:1440px) {
	:root {
		/* --mt45p: 45px; */
		--fs14: 14px;
		--fs18: 16px;
		--fs20: 16px;
		--fs22: 18px;
		--fs24: 20px;
		--fs30: 20px;
		--fs32: 24px;
		--fs36: 32px;
		--fs40: 34px;
		--fs46: 38px;
		--b700: 700;
	}

	.w1400 {
		width: 1200px;
		margin: 0 auto;
	}

}

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

	:root {
		--mt45p: 25px;
		--fs14: 14px;
		--fs18: 14px;
		--fs20: 14px;
		--fs22: 14px;
		--fs24: 16px;
		--fs30: 16px;
		--fs32: 18px;
		--fs36: 20px;
		--fs40: 22px;
		--fs46: 24px;
		--b700: 700;
	}

	.pc {
		display: none;
	}

	.phone {
		display: block;
	}

	.w1400 {
		width: 90%;
		margin: 0 auto;
	}



	.zkfooto {
		flex-wrap: wrap;
		padding-bottom: 20px;

	}

	.zkfooto_ul1 {
		width: 100%;
	}

	.zkfooto_ul2 {
		width: 50%;
		margin-top: 20px;
	}

	.zkfoot {
		padding-top: 30px;
	}

	.zkfoota {
		flex-wrap: wrap;
		padding-bottom: 0;
	}

	.zkfootaa {
		width: 100%;
	}

	.zkfootab {
		width: 100%;
		display: none;
	}

	.zkfootb {
		flex-wrap: wrap;
	}

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

	.zkfootfxsub img {
		/*width: 280px;*/
		height: 100px;
	}

	.zkfootfx {
		padding: 15px 0;
		margin-top: 0;
	}

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

	.zkfoota h5,
	.zkfootp0 {
		height: auto;
	}

	.zkfootp1 p {
		padding-left: 35px;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.zkfoota {
		margin-top: 20px;
	}

	.zkfootb {
		padding: 20px 0;
	}

	.pubmore {
		line-height: 35px;
		padding: 0 25px;
	}

	.zkfootba em {
		padding: 0 10px;
	}

	.zkfootfx a:hover .zkfootfxsub {
		/*width: 300px;*/
	}

	/* .layvideo2 .layclose{
			bottom: 40px;
		} */


}

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

	.pubmore {
		padding-left: 15px;
		padding-right: 15px;
	}
}