/*
 *	Created by Edward on 25/12/15
 *	Copyright (c) 2025 ishutime.com All rights reserved
*/


@font-face {
	font-family: 'iconfont';
	src: url('iconfont.woff2?t=1663740079843') format('woff2'),
		url('iconfont.woff?t=1663740079843') format('woff'),
		url('iconfont.ttf?t=1663740079843') format('truetype');
}

:root{
	--primary-color:#1F4397;
	--text-primary: #3e3e3e;
	--text-second:#666666;
	--text-third: #999999;
	--active-color: #F9AD44;
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: din;
	src: url(../fonts/dinregularwebfont.woff);
}

@font-face {
	font-family: figtree;
	src: url(../fonts/Figtree-Medium.ttf);
}

@font-face {
	font-family: teachers;
	src: url(../fonts/Quicksand-VariableFont_wght.ttf);
}

@font-face {
	font-family: Silka;
	src: url(../fonts/Silka-Regular.ttf);

}

body,
html {
	color: var(--text-primary);
	font-family: Silka;
	font-weight: 350;
}

b,strong {
	font-weight: 350;
}

textarea,input,select {
	font-family: Silka;
	outline: none;
	border: none;
	font-weight: 350;
}

button {
	border: none;
}

.search-box{
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
    font-size: 24px;
	position: relative;
}

.search-box::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(0,0,0,.1);
	border-radius: 5px;
	transform: scale(0.75);
	opacity: 0;
	transition: all 0.4s;
}

.search-box .icon{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.4s;
	will-change: transform;
}

.search-box:hover::before{
	transform: scale(1);
	opacity: 1;
}

.search-box:hover .icon{
	transform: translateY(-50%) scale(0.95);
}

header {
	height: auto;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	justify-content: space-between;
	padding: 20px 5%;
	z-index: 10;
	align-items: center;
	/* transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1); */
}

header.active {
	
}


header::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .35);
	transform: scaleY(0);
	transition: transform .8s cubic-bezier(.38, 0, 0, 1);
	will-change: transform;
	transform-origin: top;
}

header:hover::before,header.active::before{
	transform: scaleY(1);
}


.logo {
	width: 160px;
	height: auto;
	position: relative;
	display: block;
}

.logo img:nth-child(2){
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}

.cols-right {
	width: auto;
	display: flex;
	gap: 2vw;
	align-items: center;
	color: #fff;
}

nav {
	width: auto;
}

nav ul {
	display: flex;
	gap: 4vw;
}

nav ul li {
	position: relative;
}

nav ul li .second-lab {
	width: 240%;
    position: absolute;
    left: -70%;
    top: 35px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s cubic-bezier(.38, 0, 0, 1);
    background: #fff;
    border-radius: 16px;
    padding: 15px 0px;
    backdrop-filter: blur(5px);
    transform: translateY(10px);
    transition: all 0.4s;
}

nav ul li:hover .second-lab{
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0px);
}

nav ul li:hover .second-lab a {
	opacity: 1;
	transform: translateY(0%);
}

nav ul li .second-lab a {
	padding: 0;
	line-height: 35px;
	text-align: center;

	transition: .8s cubic-bezier(.38, 0, 0, 1);
	opacity: 0;
	transform: translateY(30%);
	will-change: transform;
	transition-delay: 0.05s;
	display: block;

}

nav ul li .second-lab a p {
	color: rgba(0, 0, 0, .5);
	transition: all 0.4s;
}

nav ul li .second-lab a:hover p {
	color: rgba(0, 0, 0, 1);
}

nav ul li .second-lab a:nth-child(2) {
	transition-delay: 0.1s;
}

nav ul li .second-lab a:nth-child(3) {
	transition-delay: 0.15s;
}

nav ul li .second-lab a:nth-child(4) {
	transition-delay: 0.2s;
}

nav ul li .second-lab a:nth-child(5) {
	transition-delay: 0.25s;
}

nav ul li .second-lab a:nth-child(6) {
	transition-delay: 0.3s;
}

nav ul li .second-lab a:nth-child(7) {
	transition-delay: 0.35s;
}

nav ul li a {
	color: #fff;
}

nav ul li .first-lab {
	position: relative;
	font-size: 18px;
}


nav ul li .first-lab a p {
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

nav ul li .first-lab a p:last-child{
	position: absolute;
	left: 0;
	top: 0;
}



nav ul li:hover .first-lab a p::after {
	width: 90%;
	right: auto;
	left: 5%;
}

nav ul li .first-lab a {
	display: block;
	line-height: 25px;
	position: relative;
}

nav ul li .first-lab a::before{
	width: calc(100% + 4vw);
	height: 85px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: '';
}

.nav-config{
	width: auto;
	display: flex;
    gap: 1vw;
    align-items: center;
    position: relative;
}

.langue .icon {
	width: 20px;
	height: 20px;
	display: block;
	position: relative;
}

.langue .icon img:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.langue{
	width: auto;
    height: auto;
    position: relative;
    color: #fff;
    line-height: 40px;
	margin-left: 5px;
}

.langue .lan-top{
	width: auto;
	display: flex;
	align-items: center;
	gap: 0.25vw;
}

.langue .list{
	width: 140px;
	height: auto;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	border-radius: 16px;
	overflow: hidden;
	top: 50px;
	opacity: 0;
	padding: 0px 0px;
	pointer-events: none;
	transition: all .35s;
	box-shadow: 15px 15px 35px rgba(0, 0, 0, .1);
}

.langue .list a:first-child{
	padding-top: 10px;
}

.langue .list a:last-child{
	padding-bottom: 10px;
}

.langue .list a:hover{
	background: #F7F7F7;
}

.langue:hover .list{
	opacity: 1;
	pointer-events: auto;
	top: 40px;
}
.langue .list a{
	display: block;
	text-align: center;
	line-height: 46px;
	font-size: 15px;
	opacity: 0.5;
}
.langue .list a:hover,.langue .list a.active{
	opacity: 1;
}
.langue .list a.active{
	font-family: 'Montserrat-SemiBold';
}

.banner-swiper video{
	width: 100%;
    height: 100vh;
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.banner-swiper{
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	transform: translateY(50%);
}

.banner-swiper .slogan{
	width: 70%;
	height: auto;
	position: absolute;
	left: 7.5%;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: clamp(40px, 4vw, 60px);
    line-height: 1.4;
	z-index: 3;
	font-weight: 500;
}

.banner-swiper .slogan .cn{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.banner-swiper .slogan .cn p{
	transform: translateY(100%);
}

.banner-swiper .swiper-slide::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .25);
}

.banner-swiper .swiper-pagination-bullet {
	background: transparent;
	border-radius: 0px;
	height: 30px;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	transition: all 0.5s;
	margin: 0px !important;
	width: 6vw;
	color: rgba(255, 255, 255, .4);
	font-family: teachers;
	opacity: 1;
	font-size: 14px;
}

.banner-swiper .swiper-pagination-bullet::before {
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #fff;
	z-index: 2;
}

.banner-swiper .swiper-pagination-bullet::after {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: rgba(255, 255, 255, .4);	
}

.banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	color: rgba(255, 255, 255, 1);
}

.banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	animation: progress-animate 6s linear forwards;
}

.banner-swiper .swiper-pagination{
	width: auto;
    position: absolute;
    left: 7.5%;
    top: 75%;
    height: auto;
    bottom: auto;
	display: flex;
	gap: 2vw;
}

@-webkit-keyframes progress-animate {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

.product-top{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.home-product{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 120vh;
	z-index: 2;
    background: transparent;
}

.common-title{
	width: 100%;
	height: auto;
	margin-bottom: 2vw;
	font-size: clamp(36px, 2.5vw, 46px);
	font-weight: 500;
}

.common-title.w{
	color: #fff;
}

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

.common-desc{
	text-align: center;
	margin-bottom: 1vw;
	font-size: 18px;
}

.product-swiper2 .swiper-wrapper{
	justify-content: center;
}

.common-desc.l{
	text-align: left;
}

.menu-bar{
	width: auto;
	display: flex;
	gap: 1vw;
}

.menu-bar.c{
	width: 100%;
	justify-content: center;
}

.menu-bar a{
	width: auto;
	height: auto;
	padding: 0px 50px;
	line-height: 40px;
	position: relative;
	cursor: pointer;
	transition: all 0.5s;
	overflow: hidden;
	border-radius: 50px;
}

.menu-bar a p{
	z-index: 2;
	position: relative;
}

.menu-bar a::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent;
	border-radius: 50px;
	content: '';
	transition: all 0.35s;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
	border-color: #de2525;
	background: #de2525;
	transform: scaleY(0);
	transform-origin: left bottom;
}

.menu-bar a::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 50px;
	transition: all 0.35s;
}

.menu-bar a:hover::before{
	transform: scaleY(1);
	top: auto;
	bottom: 0;
	
}

.menu-bar a:hover::after{
	opacity: 0;
}

.menu-bar a.active::before,.menu-bar a:hover::before{
	transform: scaleY(1);
}

.menu-bar a.active,.menu-bar a:hover{
	color: #fff;
}

.search-row{
	width: auto;
	display: flex;
	align-items: center;
	position: relative;
	gap: 1vw;
}

.search-row .row{
	position: relative;
	line-height: 40px;
}

.search-row .row input{
	background: transparent;
	position: relative;
	height: 40px;
	border: 1px solid rgba(0, 0, 0, .35);
	border-radius: 50px;
	padding: 0px 20px;
	font-size: 14px;
	width: 250px;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
}

.search-row .row span{
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 14px;
	opacity: 0.4;
	font-family: 'teachers';
}

.search-row .row input::placeholder{
	color: rgba(0, 0, 0, .35);
}

.product-swiper .swiper-slide{
	position: relative;
	width: 25vw;
	height: 100%;
}

.product-swiper .swiper-slide .inner-box{
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
}

.product-swiper .swiper-slide:nth-child(2n) .inner-box{
	transition-delay: 0.2s;
}

.product-swiper .swiper-slide:nth-child(3n) .inner-box{
	transition-delay: 0.4s;
}

.product-swiper .swiper-slide .front{
	width: 100%;
	height: auto;
    position: relative;
    padding: 2.5vw 0px;
	background: url(../images/bgs.png);
    
}

.product-swiper .swiper-slide .back{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* opacity: 0;
	visibility: hidden; */
	background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(10px);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	clip-path: circle(0% at center center);
}

.product-swiper .swiper-slide:hover .back{
	/* mask-image: linear-gradient(45deg, black 50%, transparent 50%, transparent 50%, black 50%); */
	clip-path: circle(80% at center center);
}

.product-swiper .swiper-slide:hover .back>.box{
	transform: translateY(0px);
	opacity: 1;
}

.product-swiper .swiper-slide .back>.box{
	width: 100%;
    height: 100%;
    position: relative;
    padding: 2vw;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
	transform: translateY(25px);
	opacity: 0;
	transition: all 0.5s;
	    overflow-y: auto;
}

.product-swiper.product-swiper2 .swiper-slide .back>.box{
	padding: 1vw;
}




.product-swiper .swiper-slide .back .name{
	width: 100%;
	text-align: center;
    font-size: 22px;
    font-family: figtree;
	display: none;
}

.product-swiper .swiper-slide .back .list{
	width: 100%;
}

.product-swiper .swiper-slide .back .list .label{
	width: 100%;
	height: auto;
	display: flex;
	line-height: 25px;
	padding: 5px 0px;
	flex-wrap: wrap;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	font-size: 14px;
	gap: 0 1vw;
}


.product-swiper .swiper-slide .back .list .label .t{
	width: auto;
	color: #999;
}

.product-swiper .swiper-slide .back .list .label .d{
	width: auto;
	line-height: 1.3;
}



.product-swiper .swiper-slide .front .pic{
	width: 60%;
	margin-left: 20%;
}

.product-swiper .swiper-slide .front .pic img{
	width: 100%;
	aspect-ratio: 1 / 1.5;
	object-fit: contain;
}

.product-box{
	width: 100%;
	margin-top: 2vw;
}

.qj-more{
	width: auto;
    height: auto;
    position: relative;
    margin: auto;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
}

.qj-more .box{
	padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    width: 130px;
    position: relative;
	transition: all 0.75s cubic-bezier(.19, 1, .22, 1);
	height: 45px;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .2);
}

.qj-more:hover .box{
	width: 145px;
	
}

.qj-more .box::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #de2525;
	border-radius: 5px;
	content: '';
	transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	transform-origin: left top;
}

/* .qj-more:hover .box::before{
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
} */

/* .qj-more .box::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fffddb;
	border-radius: 5px;
	content: '';
	transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
	transform-origin: right top;
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}

.qj-more:hover .box::after{
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
} */

.product-swiper .swiper-slide .back .qj-more .box{
	padding: 0;
}

.qj-more:hover .box .txt{

	transform: translateX(-10px);
}

.qj-more .box .icon{
	width: 45px;
	height: 45px;
	position: absolute;
	opacity: 0;
	z-index: 2;
	right: 5px;
	transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.qj-more:hover .box .icon{
	opacity: 1;
	right: 0;
}

.cursor.blue{
	background: url(../images/logo-hover.png?v=20260318) center center no-repeat;
	background-size: cover;
}

.cursor.blue span{
	opacity: 0;
}

.qj-more .box .icon img{
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.4s;
}

.qj-more .box .txt{
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
	position: absolute;
	left: 0px;
	transition: all 0.35s;
	color: #fff;
	z-index: 2;
	transform: translateX(0px);
}

.product-swiper .swiper-slide .front .name{
	text-align: center;
	font-size: 22px;
	font-family: figtree;
	margin-bottom: 1vw;
}

.pagn-box{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1vw;
}

.btn-box{
	width: 120px;
	height: auto;
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.btn-box .swiper-button-next,.btn-box .swiper-button-prev{
	position: relative;
	right: auto;
	left: auto;
	top: auto;
	transform: translateY(0);
	margin-top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transition: all 0.35s;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
}

.btn-box .swiper-button-next:hover,.btn-box .swiper-button-prev:hover{
	background: #de2525;
}

.btn-box .swiper-button-next::before, .btn-box .swiper-button-prev::before{
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 50%;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}

.btn-box .swiper-button-next:hover::before,.btn-box .swiper-button-prev:hover::before{
	border-color: #de2525;
}

.btn-box .swiper-button-next:hover::after,.btn-box .swiper-button-prev:hover::after{
	color: #fff;
}

.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 14px;
	color: rgba(0, 0, 0, .45);
}

.pagn-box .swiper-scrollbar{
	width: calc(100% - 200px);
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	height: 8px;
	background: transparent;
}

.pagn-box .swiper-scrollbar::before{
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	background: rgba(0, 0, 0, .1);
}

.service-swiper{
	width: 100%;
	height: auto;
	position: relative;
}

.service-top{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 5vw;
    text-align: center;
	z-index: 2;
}

.service-top .common-title,.service-top .common-desc{
	margin-bottom: 0.5vw;
}

.service-top .common-desc{
	margin-bottom: 1vw;
	padding: 0 10%;
}

.service-wrap{
	padding: 0;
	z-index: 2;
}

.service-swiper .swiper-slide .swiper-bg{
	width: 100%;
	height: auto;
	position: relative;
}

.service-swiper .swiper-slide .swiper-bg img{
	width: 100%;
	aspect-ratio: 2 / 1;
}

.service-swiper .swiper-slide .item{
	width: 18%;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
    overflow: hidden;
}

.service-swiper .swiper-slide .item.left{
	left: 10%;
}

.service-swiper .swiper-slide .item.right{
	right: 10%;
}

.service-swiper .swiper-slide .item .box{
	width: 100%;
    height: auto;
    position: relative;
    padding: 2.5vw 0px;
    background: url(../images/bgs.png);
}

.service-swiper .swiper-slide .item .box .pic{
	width: 60%;
    margin-left: 20%;
}

.service-swiper .swiper-slide .item .box .pic img{
	width: 100%;
    aspect-ratio: 1 / 1.5;
	object-fit: contain;
}

.service-swiper .swiper-slide .item .box .name{
	text-align: center;
    font-size: 17px;
    font-family: figtree;
    margin-bottom: 1vw;
	padding: 0 5%;
}

.service-swiper .swiper-slide .arrow{
	width: 130px;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.service-swiper .swiper-slide .arrow.arrow-left{
	left: 27.5%;
}

.service-swiper .swiper-slide .arrow.arrow-right{
	right: 27.5%;
}

.center-dot{
	width: 4vw;
	height: 4vw;
	position: absolute;
	left: 60%;
    top: 40%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	cursor: pointer;
}

.center-dot::after{
	width: 8px;
	height: 8px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: '';
	background: #fff;
	border-radius: 50%;
}


.service-swiper .swiper-slide .intro{
	width: 18%;
	height: auto;
	position: absolute;
	left: 35%;
	top: 55%;
	transform: translateY(-40%);
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(10px);
	border: 1px solid #de2525;
	border-radius: 10px;
	transition: all 0.5s;
	pointer-events: none;
}

.service-swiper .swiper-slide .intro.active{
	opacity: 1;
    visibility: visible;
	pointer-events: auto;
	transform: translateY(-50%);
}

.service-swiper .swiper-slide .intro .box{
	width: 100%;
    height: 100%;
    position: relative;
    padding: 1.25vw;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

.service-swiper .swiper-slide .intro .box .name{
	width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: figtree;
	margin-bottom: 1vw;
	display: none;
}

.service-swiper .swiper-slide .intro .box .list{
	width: 100%;
	margin-bottom: 1vw;
}

.service-swiper .swiper-slide .intro .box .list .label{
	width: 100%;
    height: auto;
    display: flex;
    line-height: 25px;
    padding: 10px 0px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    font-size: 14px;
    flex-wrap: wrap;
    gap: 0 1vw;
}

.service-swiper .swiper-slide .intro .box .list .label .t{
	width: auto;
	color: #999;
}

.service-swiper .swiper-slide .intro .box .list .label .d{
	width: auto;
}

.service-swiper .swiper-slide .intro .qj-more .box{
	padding: 0;
}

.service-swiper .swiper-pagination{
	width: auto;
	display: flex;
	justify-content: center;
	left: 50%;
	transform: translateX(-50%);
	top: 85%;
	background: rgba(0, 0, 0, .1);
	padding: 5px 10px;
	border-radius: 10px;
	bottom: auto;
	gap: 5px;
}

.service-swiper .swiper-pagination .swiper-pagination-bullet{
	margin: 0;
}

.service-swiper .swiper-pagination-bullet-active{
	background: #fff;
}

.sys-bg,.sys-bg img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}



.sys-warp{
	position: relative;
}

.sys-warp .common-title{
	margin-bottom: 0.5vw;
}

.product-swiper2{
	width: 80%;
	margin-left: 10%;
	margin-top: 3vw;
}

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

.news-top .common-title{
	width: auto;
	margin-bottom: 0;
}

.news-top .qj-more{
	margin: 0;
}

.news-list{
	width: 100%;
	display: grid;
	gap: 2vw;
	grid-template-columns: repeat(3, 1fr);
}

.news-wrap{
	background: #ececec;
}

.news-list .item{
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 10px;
}


.news-list .item a{
	width: 100%;
	display: block;
	height: 100%;
	position: relative;
	border-radius: 10px;
	padding: 1.25vw;
	padding-bottom: 2.5vw;
	transition: all 0.45s;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 100%), linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 99%);
}


.news-list .item.st-clipImg::after{
	background: #ececec;
}


.news-list .item a:hover{
	box-shadow: 15px 15px 50px rgba(0, 0, 0, .1);
}

.news-list .item:hover a .name .t{
	color: #de2525;
	font-weight: 500;
}

.news-list .item a .thum{
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 10px;
    overflow: hidden;
	margin-bottom: 1vw;
}

.news-list .item a .thum::after{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    left: 0%;
    top: 0%;
}

.news-list .item:hover a .thum::after{
	animation: gradient-rectangle 2s 1;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

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

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

.news-list .item a .thum img{
	width: 100%;
	aspect-ratio: 1 / 0.57;
	
}


.news-list .item a .date{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	position: relative;
	gap: 5px;
	color: #999999;
	margin-bottom: 1vw;
	line-height: 16px;
	opacity: 0;
	transform: translateY(10px);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.6s;
}

.news-list .item:nth-child(2n) a .date{
	transition-delay: 1.2s;
}

.news-list .item:nth-child(2n) .st-path{
	transition-delay: 0.5s;
}

.news-list .item:nth-child(2n) .name{
	transition-delay: 1.5s;
}

.news-list .item:nth-child(3n) a .date{
	transition-delay: 1.5s;
}

.news-list .item:nth-child(3n) .st-path{
	transition-delay: 0.8s;
}

.news-list .item:nth-child(3n) .name{
	transition-delay: 1.8s;
}

.news-list .item a .date .txt{
	font-family: teachers;
	font-size: 14px;
}

.news-list .item a .name{
	width: 100%;
	font-size: clamp(16px,1.2vw,20px);
	opacity: 0;
	transform: translateY(10px);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.8s;
}

.news-list .item a .name .t{
	line-height: 1.4;
	transition: all 0.4s;

}

.news-list .item.is-inview a .date,.news-list .item.is-inview a .name{
	opacity: 1;
	transform: translateY(0px);
}

.news-list .item a .qj-more{
	margin: 0;
	margin-bottom: 0.75vw;
}

.footer{
	background: #ececec;
	padding: 1.25vw 0px;
	color: #999999;
	font-size: 14px;
	position: relative;
	z-index: 2;
	font-family: figtree;
}

.footer a{
	color: #999999;
}

.footer a:hover{
	color: #666;
}

.sw{
	width: auto;
	display: flex;
	align-items: center;
	gap: 1vw;
}

.sw .ewm{
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .5);
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	position: relative;
	font-size: 18px;
	cursor: pointer;
	transition: all 0.35s;
}

.sw .ewm .img{
	width: 120px;
	height: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -150px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.sw .ewm:hover .img{
	opacity: 1;
	visibility: visible;
	top: -130px;
}

.sw .ewm:hover{
	background: #de2525;
	color: #fff;
}

.quick-bar{
	width: 60px;
	height: auto;
	position: fixed;
	right: 2%;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #737373;
	border-radius: 50px;
	padding: 20px 5px;
	z-index: 10;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
}

.quick-bar .item{
	width: 100%;
	height: max-content;
	position: relative;
	display: block;
	cursor: pointer;
}

.quick-bar .item .img{
	width: 100px;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) translateX(-120%);
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
}

.news .item a .info .name .t{
	line-height: 1.5;
}

.quick-bar .item .img::after{
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	right: -4px;
}

.quick-bar .item:hover .img{
	opacity: 1;
	pointer-events: auto;
}

.quick-bar .item:first-child{
	margin-bottom: 25px;
}

.quick-bar .item .icon{
	width: 24px;
	height: 24px;
	position: relative;
	margin: 0px auto;
	background: url(../images/icon-rg.png) no-repeat;
	background-size: 200% 100%;
	background-position: 100% 100%;
}

.quick-bar .item:last-child .icon{
	background-image: url(../images/icon-tj.png);
}

.quick-bar .item .txt{
	width: 100%;
	height: 0px;
	line-height: 14px;
	font-size: 12px;
	text-align: center;
	padding: 0px 20%;
	margin-top: 5px;
	overflow: hidden;
	transition: all 0.35s;
	position: relative;
}

.quick-bar .item.active .txt{
	height: 28px;
}

.quick-bar .item::before{
	width: 100%;
	height: calc(100% + 28px);
	position: absolute;
	left: 0;
	top: -14px;
	content: '';
	background: #de2525;
	border-radius: 50px;
	opacity: 0;
	transition: all 0.35s;
}

.swiper-scrollbar-drag{
	background: #de2525;
	cursor: pointer;
}

.quick-bar .item.active::before{
	opacity: 1;
}

.quick-bar .item.active .icon{
	background-position: 0% 100%;
}

.quick-bar .item.active .txt{
	color: #fff;
}

.i_circle {
	width: 100%;
	height: 100%;
	background: rgba(222, 37, 37, 0.35);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	opacity: 0;
	animation: styles_pulse___yp6p 4s infinite;
}

@keyframes styles_pulse___yp6p {
	0% {
		transform: scale(.05);
		opacity: 1;
	}

	70% {
		opacity: 1;
	}

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

.i_circle.ic2 {
	animation: styles_pulse___yp6p 4s 1s infinite;
}

.i_circle.ic3 {
	animation: styles_pulse___yp6p 4s 2s infinite;
}

.i_circle.ic4 {
	animation: styles_pulse___yp6p 4s 3s infinite;
}


.mask-bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	pointer-events: none;
}

.mask-img{
	background: url(../images/bg-product.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.is-set-mask{
	--mask-position: 30% -30%;
	mask: url(../images/mask.png) no-repeat;
	mask-size: 800% 300%;
	mask-position: var(--mask-position);
}

.overlay{
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background: #000;
	perspective: 1000px;

}

.load-logo{
	width: 200px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transform-style: preserve-3d;
}

.load-logo img{
	transform-style: preserve-3d;
    transform: translateY(20px) rotateX(40deg);
	opacity: 0;
    backface-visibility: hidden;
}

.intro-box{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
}

.intro-content{
	width: 70%;
}

.data-list {
	width: 25%;
}
.data-list .item{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 2vw;
	margin-bottom: 2vw;
}

.data-list .item:nth-child(2){
	transition-delay: 0.25s;
}

.data-list .item:nth-child(3){
	transition-delay: 0.5s;
}

.data-list .item .icon{
	width: 50px;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 50%;
	position: relative;
}

.data-list .item .icon img{
	width: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.data-list .item .r{
	width: calc(100% - 75px);
}

.data-list .item .top {
	width: 100%;
	display: flex;
	align-items: flex-end;
	margin-bottom: 0.25vw;
}

.data-list .item .top .number {
	font-size: clamp(28px, 3vw, 60px);
	line-height: 0.7;
	font-family: din;
}

.data-list .item .txt {
	width: 100%;
}

.data-list .item .dw{
	font-size: 14px;
	color: #999999;
}

.intro-name{
	width: 100%;
    margin-bottom: 3vw;
    font-size: 2.2vw;
    font-weight: 450;
    line-height: 1.4;
}



.video-warp{
	width: 100%;
	height: 100vh;
	position: relative;
	
}

.video-warp video{
	position: absolute;
	width: 60%;
	height: 100 / 56;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	border-radius: 1vw;
	overflow: hidden;
}

.video-box{
	width: 100%;
    height: 100%;
    position: absolute;
    /* mask-image: url(../images/mask.svg);
    mask-repeat: no-repeat;
    mask-size: 50% 50%;
    mask-position: center center; */

	background-image: url(../images/mask.svg);
	background-repeat: no-repeat;
	background-size: 50% 50%;
	background-position: center center;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: #f9f9f9;
}

.cultrue-wrap{
	width: 100%;
	height: auto;
	padding: 0;
	position: relative;
}

.cultrue-title{
	width: 35%;
	height: auto;
	position: absolute;
	left: 7.5%;
	bottom: 15vw;
	color: #fff;
}

.cultrue-title>div{
	margin-bottom: 0;
}

.cultrue-title .common-title{
	margin-bottom: 0.5vw;
}

.cultrue-list{
	width: 50%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1;
	color: #fff;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
    flex-wrap: wrap;
}

.cultrue-list .item{
	width: 100%;
	position: relative;
	padding: 0 15%;
	display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.cultrue-list .item::after{
	width: 3px;
	height: 100%;
	position: absolute;
	left: -2px;
	top: 0;
	content: '';
	background: #fff;
	transform: scaleY(0);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.cultrue-list .item:hover::after{
	transform: scaleY(1);
}

.cultrue-list .item .icon{
	width: 80px;
	height: 80px;
	position: relative;
}

.cultrue-list .item .name{
	width: 100%;
	height: auto;
	font-size: 28px;
	line-height: 1.5;
	margin-bottom: 0.5vw;
}

.cultrue-list .item .desc{
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.5;
	font-size: 14px;
}

.cn-list{
	width: 100%;
	height: auto;
	display: grid;
	/* grid-template-columns: repeat(3, 1fr); */
	grid-template-columns: 30% 40% 30%;
	gap: 2vw;
}

.cn-list .cols{
	width: 100%;
	display: flex;
	gap: 2vw;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cn-list .cols .item{
	width: 100%;
	position: relative;
	border-radius: 1vw;
    overflow: hidden;
}

.cn-list .cols .item .box{
	width: 100%;
	height: 100%;
	position: relative;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
	
	transition: all 0.3s;
}


.cn-list .cols .item .box .conf{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	padding: 2vw;
}

.cn-list .cols .item .box .thum{
	width: 100%;
	height: 100%;
}

.cn-list .cols .item .box .thum img{
	width: 100%;
	height: 100%;
}

.cn-list .cols .item .box .title{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color: #3e3e3e;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    padding: 0px 5%;
}

.cn-list .cols .item .box .title .txt{
	width: 100%;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
}

.cn-list .cols .item .box .title .desc{
	width: 100%;
	text-align: center;
	margin-top: 0.25vw;
}

.cn-list .cols:first-child .item:first-child .box .thum::after,.cn-list .cols:nth-child(2) .item:nth-child(3) .box .thum::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .35);
}

.cn-list .cols:nth-child(2) .item:nth-child(2) .box .thum::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(255, 255, 255, .85);
}

.cn-list .cols .item .box .conf .conf-num{
	width: 100%;
	height: auto;
	position: relative;
	
}

.cn-list .cols .item .box .conf .conf-num span{
	font-family: din;
	font-size: 4vw;
	line-height: 0.8;
}

.cn-list .cols .item .box .conf .tips{
	width: 100%;
	height: auto;
	margin-bottom: 0.75vw;
}

.cn-list .cols .item .box .conf sub{
	font-size: 1vw;
	line-height: 1;
	position: relative;
    bottom: 0.4vw;
}

.honor-warp{
	background: linear-gradient(45deg, #F5F5F5, #EEEEEE);
	padding-bottom: 0;
}

.footer .w1400{
	align-items: center;
}

.honor{
	width: 60%;
	margin-left: 35%;
	padding-top: 15vw;
	position: relative;
}

.news-content-top{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.focus-swiper{
	width: 55%;
	height: auto;
	position: relative;
	margin: 0;
}

.focus-swiper .swiper-slide{
	opacity: 0;
	transition: all 0.5s;
	border-radius: 1vw;
}

.focus-swiper .swiper-slide.swiper-slide-active{
	opacity: 1;
}

.focus-swiper .swiper-slide.swiper-slide-next{
	opacity: 0.15;
}

.focus-swiper .swiper-slide.swiper-slide-next .name{
	opacity: 0;
}

.focus-swiper .swiper-slide img{
	width: 100%;
	height: auto;
	aspect-ratio: 100 / 55;
}

.info-swiper{
	width: 40%;
	margin: 0;
}

.info-swiper .swiper-slide .date{
	width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
    gap: 5px;
    color: #999999;
    margin-bottom: 1vw;
    line-height: 16px;
}

.info-swiper .swiper-slide .date .txt {
    font-family: teachers;
    font-size: 14px;
}

.info-swiper .swiper-slide .name{
	width: 100%;
	height: auto;
	position: relative;
    font-size: 1.8vw;
	margin-bottom: 2vw;
}

.info-swiper .swiper-slide .name .t{
	line-height: 1.3;
}

.info-swiper .swiper-slide .desc{
	font-size: clamp(16px, 1vw, 24px);
}

.info-swiper .swiper-slide .desc .t{
	-webkit-line-clamp: 4;
}

.info-swiper .swiper-slide{
	opacity: 0;
	transition: all 1.5s;
}

.info-swiper .swiper-slide.swiper-slide-active{
	opacity: 1;
}

.info-swiper .swiper-button-next,.info-swiper .swiper-button-prev{
	position: relative;
    right: auto;
    left: auto;
    top: auto;
    transform: translateY(0);
    margin-top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.35s;
}

.info-swiper .swiper-button-next::before, .info-swiper .swiper-button-prev::before {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.info-swiper .swiper-button-next:after,.info-swiper .swiper-button-prev:after {
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
}

.info-swiper .pagn-box{
	position: absolute;
	margin-top: 0;
    bottom: 5%;
	z-index: 2;
}

.swiper-pagination-bullet-active{
	background: #de2525;
}

.news{
	width: 100%;
	margin-top: 5vw;
}

.news .item{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 1.5vw;
	margin-bottom: 1.5vw;
}

.news .item::after{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: rgba(0, 0, 0, .1);
}

.news .item a{
	width: 100%;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0px;
	transition: all 0.5s;
	border-radius: 0.5vw;
}

.news .item:hover a{
	padding: 20px;
}

.news .item:hover a .name{
	color: #de2525;
}

.news .item a .date{
	width: 50px;
	height: auto;
	position: relative;
	font-family: figtree;
	font-size: 20px;
}

.news .item a .thum{
	width: 300px;
	height: auto;
	position: relative;
	border-radius: 10px;
}

.news .item a .thum img{
	transition: all 1s;
	aspect-ratio: 100 / 55;
}

.news .item:hover a .thum img{
	transform: scale(1.1);
}

.news .item a .info{
	width: calc(100% - 500px);
	display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.news .item a .date p:last-child{
	font-size: 14px;
	opacity: 0.6;
}

.news .item a .info .qj-more{
	margin: 0;
}

.news .item a .info .name{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 1vw;
	font-size: 20px;
}

.news .item a .info .desc{
	color: #999999;
}

#page{
	margin-top: 3vw;
}

.honor-info{
	width: 30%;
	height: auto;
	position: absolute;
	left: 7.5%;
	bottom: 5vw;
}

.honor-list{
	width: 100%;
}

.honor-list p{
	width: 100%;
	height: auto;
	position: relative;
	line-height: 24px;
	padding-left: 15px;
	margin-bottom: 10px;
}

.honor-list p::after{
	width: 4px;
	height: 4px;
	position: absolute;
	left: 0;
	content: '';
	background: rgba(0, 0, 0, .35);
	top: 10px;
	border-radius: 50%;
}

.honor-swiper{
	width: 85%;
    height: auto;
    position: absolute;
    left: 5%;
    top: 0%;
}

.honor-info .pagn-box{
	margin-top: 5vw;
}

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

.contact-info{
	width: 45%;
	position: relative;
    color: #fff;
}

.contact-form{
	width: 45%;
	position: relative;
}

.contact-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
}

.contact-bg picture{
	opacity: 0.65;
}

.contact-bg picture,.contact-bg picture img{
	width: 100%;
	height: 100%;
	display: block;
}

.contact-box{
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 1vw;
    overflow: hidden;
	padding: 3vw 4vw;
}

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

.address .rows{
	width: 55%;
	margin-bottom: 3vw;
}

.address .rows:nth-child(n+3){
	width: 100%;
}

.address .rows:nth-child(2){
	width: 35%;
}

.address .rows .name{
	width: 100%;
	margin-bottom: 0.5vw;
	font-size: 14px;
}

.address .rows .name b{
	font-weight: 500;
	font-size: 16px;
}

.address .rows .desc{
	width: 100%;
	display: flex;
	gap: 10px;
	line-height: 25px;
}

.address .rows .desc a{
	font-size: 20px;
	color: #fff;
}

.form .row{
	margin-bottom: 2vw;
}

.address .rows:nth-child(1) .desc,.address .rows:nth-child(2) .desc{
	font-family: figtree;
	font-size: 20px;	
}

.rows-ewm{
	width: 280px;
	display: flex;
    justify-content: space-between;
}

.rows-ewm .img{
	width: 100px;
}

.rows-ewm .info{
	width: calc(100% - 110px);
	display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

.rows-ewm .info .n{
	font-size: 20px;
}

.rows-ewm .info .p{
	font-family: figtree;
	font-size: 20px;
}

.join-content{
	width: 100%;
	margin-top: 5vw;
}

.join-box{
	width: 100%;
	margin-top: 3vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.join-info{
	width: 275px;
	border: 1px solid #de2525;
	border-radius: 10px;
	position: sticky;
	top: 100px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 100%), linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 99%);
    padding: 2vw;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
}

.join-list{
	width: calc(100% - 375px);
}

.join-list .item{
	width: 100%;
	margin-bottom: 2vw;
}

.join-list .item>.box{
	position: relative;
	background: #fff;
	padding: 2vw;
    border-radius: 0.5vw;
	border: 1px solid #fff;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 100%), linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 99%);
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
}

.contact-wrap{
	background: #f9f9f9;
}

.join-list .item .top{
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	justify-content: space-between;
}

.join-list .item .top .l{
	width: calc(100% - 100px);
}

.join-list .item .top .plus-icon{
	width: 30px;
	height: 50px;
	position: relative;
}

.join-list .item .top .plus-icon span{
	width: 14px;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .2);
}

.join-list .item .top .plus-icon::after{
	width: 2px;
	height: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .2);
	content: '';
	opacity: 1;
}

.join-list .item .top .l .name{
	width: 100%;
	font-size: 24px;
	line-height: 1.4;
	font-weight: 500;
	margin-bottom: 5px;
}

.join-list .item .top .l .tips{
	width: 100%;
	height: auto;
	position: relative;
	color: #999999;
	font-size: 14px;
}

.join-list .item.active .top .plus-icon::after{
	opacity: 0;
}

.join-list .item .content{
	width: 100%;
	height: 0px;
	overflow: hidden;
	position: relative;
}

.join-list .item .singePage::before{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05);
}

.join-list .item.active>.box{
	border-color: #de2525;
}

.join-list .item.active .content{
	
}

.join-list .item .singePage{
	line-height: 1.5;
	margin-bottom: 3.5vw;
	margin-top: 2vw;
	padding-top: 2vw;
	position: relative;
}

.join-list .item .singePage p{
	margin-bottom: 5px;
}

.join-list .item .qj-more{
	margin-bottom: 3vw;
}

.join-list .item .qj-more .box{
	box-shadow: 20px 10px 30px rgba(0, 0, 0, .2);
}

.apply-btn{
	width: 250px;
	height: 50px;
	position: relative;
}

.join-info .name{
	width: 100%;
	font-size: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	font-weight: 500;
	padding-bottom: 1vw;
    margin-bottom: 1vw;
}

.join-info .desc{
	width: 100%;
	line-height: 1.5;
	font-size: 14px;
}

.join-info .desc a{
	text-decoration: underline;
	font-family: figtree;
	font-size: 18px;
}

.join-info .boss{
	width: 100%;
	margin-top: 1vw;
    display: flex;
    align-items: center;
}

.join-info .boss .img{
	width: 40px;
}

.join-info .boss .txt{
	width: calc(100% - 50px);
	margin-left: 10px;
	font-size: 14px;
}

.product-wrap{
	background: #f9f9f9;
	z-index: 3;
}

.product-wrap{
	padding-top: 4vw;
}

.product-cate{
	width: 100%;
	height: auto;
	display: flex;
	gap: 2vw;
	justify-content: center;
}

.product-cate .item{
	width: 16%;
	height: auto;
	position: relative;
	padding: 1.5vw 1vw;
	border-radius: 0.5vw;
	border: 1px solid #fff;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 100%), linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 99%);
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
	transition: all 0.3s;
}

.product-cate .item.active{
	border-color: #de2525;
	box-shadow: 0px 10px 40px -6px rgba(0, 0, 0, .1), 0px 24px 80px -16px rgba(0, 0, 0, .1);
}

.product-cate .item:hover{
	box-shadow: 0px 10px 40px -6px rgba(0, 0, 0, .1), 0px 24px 80px -16px rgba(0, 0, 0, .1);
}

.product-cate .item .thum{
	width: 70%;
	height: auto;
	position: relative;
	aspect-ratio: 10 / 7;
	margin-left: 15%;
}

.product-cate .item .thum img{
	height: 100%;
	width: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	object-fit: contain;
}

.product-cate .item .txt{
	width: 100%;
	margin-top: 1vw;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

.product-content{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	padding: 3vw;
	margin-top: 2vw;
	border-radius: 0.5vw;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 100%), linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 99%);
    box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
	min-height: 30vw;
}

.product-left{
	width: 35%;
}

.product-left .name{
	width: 100%;
    font-size: clamp(24px, 2vw, 36px);
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 1vw;
	font-family: figtree;
}

.product-center{
	width: 30%;
	height: auto;
	aspect-ratio: 100 / 135;
	display: flex;
    align-items: center;
}

.product-center .thum{
	width: 80%;
	margin-left: 10%;
}

.product-center .thum img{
	object-fit: contain;
}

.product-right{
	width: 25%;
}

.product-right .name{
	width: 100%;
    text-align: center;
    font-size: clamp(20px, 1.6vw, 28px);
    font-family: figtree;
    margin-bottom: 1vw;
	position: relative;
	opacity: 0;
}

.product-right .list{
	width: 100%;
    margin-bottom: 3vw;
	position: relative;
	opacity: 0;
}

.st-link{
	opacity: 0;
}

.product-right .list .label{
	width: 100%;
    height: auto;
    display: flex;
    line-height: 25px;
    padding: 10px 0px;
    justify-content: space-between;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    font-size: 16px;
}

.product-right .list .label .t{
	width: 70px;
}

.product-right .list .label .d{
	width: calc(100% - 70px);
    text-align: right;
    font-family: teachers;
}

.product-left .desc{
	width: 100%;
	line-height: 1.7;
	margin-bottom: 3vw;
	color: #666;
}

.pl-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pl-list .item{
	width: 46%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	padding: 0.5vw 0px;
	cursor: pointer;
	color: #999999;
	margin-bottom: 0.5vw;
}

.pl-list .item::after{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: rgba(0, 0, 0, .1);
}

.pl-list .item::before{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #de2525;
	transform: scaleX(0);
	transform-origin: left top;
}

.pl-list .item.active::before{
	animation: scaleAnimate 6s linear 1 forwards;
}

@-webkit-keyframes scaleAnimate{
	0%{
		transform: scaleX(0);
	}
	100%{
		transform: scaleX(1);
	}
}

.pl-list .item .icon{
	width: auto;
	height: auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) translateX(-15px);
	opacity: 0;
	font-size: 14px;
	transition: all 0.5s;
}

.pl-list .item .txt{
	font-family: figtree;
	font-size: 18px;	
	position: relative;
	transform: translateX(0);
	transition: all 0.4s;
}

.pl-list .item.active,.pl-list .item:hover{
	color: #de2525;
}

.pl-list .item:hover .txt{
	transform: translateX(10px);
}

.pl-list .item.active .icon{
	opacity: 1;
	transform: translateY(-50%) translateX(0px);
}

.search-list{
	width: 100%;
	margin-top: 4vw;
	display: flex;
	justify-content: space-between;
	gap: 1vw;
	position: relative;
    z-index: 5;
}

.search-list .item{
	flex: 1;
	position: relative;
	cursor: pointer;
	font-size: 14px;
}

.search-list .item span{
	width: auto;
	height: auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	color: rgba(0, 0, 0, .65);
	font-family: 'teachers';
}

.search-list .item .list{
	display: none;
	width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 44px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: none;
	padding-bottom: 10px;
	border-radius: 0px 0px 5px 5px;
}

.search-list .item .list .txt{
	width: 100%;
	height: auto;
	line-height: 26px;
	padding-left: 15px;
	cursor: pointer;
	transition: all 0.4s;
	color: #999999;
	position: relative;
}

.search-list .item .list .txt::after{
	width: 5px;
	height: 1px;
	position: absolute;
	left: 15px;
	content: '';
	background: #3e3e3e;
	top: 13px;
	transform: scaleX(0);
	transition: all 0.4s;
	opacity: 0.35;
}



.search-list .item .list .txt:hover{
	padding-left: 25px;
	color: #3e3e3e;
}

.search-list .item .list .txt:hover::after{
	transform: scaleX(1);
}

.search-list .item.active .list{
	display: block;
}

.search-list .item input{
	width: 100%;
	height: 45px;
	background: transparent;
    border: none;
	text-indent: 15px;
	border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    background: #fff;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
	font-size: 12px;
}

.search-list .item .select{
	width: 100%;
	height: 45px;
	line-height: 45px;
	display: flex;
	align-items: center;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    background: #fff;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
	font-size: 12px;
}

.search-list .item.active .select{
	border-radius: 5px 5px 0px 0px;
}

.search-list .item .select .result{
	width: calc(100% - 20px);
	padding-left: 15px;
}

.search-list .item .select .icon{
	width: auto;
	height: auto;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.5;
}

.search-items{
	width: 100%;
	margin-top: 1.5vw;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2vw;
}

.search-items .item{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
}

.search-items .item a{
	width: 100%;
	height: auto;
	background: #fff;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 100%), linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 99%);
	border-radius: 0.5vw;
	overflow: hidden;
	display: flex;
	position: relative;
	padding: 1.5vw 2vw;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
}

.search-items .item:hover a{
	box-shadow: 0px 10px 40px -6px rgba(0, 0, 0, .1), 0px 24px 80px -16px rgba(0, 0, 0, .1);
}

.search-items .item a .left{
	width: 40%;
}

.search-items .item a .left .thum{
	width: 70%;
	margin-left: 15%;
}

.search-items .item a .list{
	width: 50%;
}

.search-items .item a .list .label{
	width: 100%;
    height: auto;
    display: flex;
    line-height: 1.4;
    padding: 10px 0px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    font-size: 12px;
    flex-wrap: wrap;
    gap: 0 0.5vw;
}

.search-items .item a .list .label:last-child{
	border-bottom: none;
}

.search-items .item a .list .label .t{
	width: auto;
    color: #999;
}

.search-items .item a .list .label .d{
	width: auto;
}

.search-items .item a .left .name{
	width: 100%;
    text-align: center;
    font-size: 16px;
    font-family: figtree;
	margin-top: 0.75vw;
}

.listSwiper{
	width: 102px;
	height: calc(100vh - 200px);
	margin: 0;
	position: relative;
	padding-left: 10px;
}

.listSwiper .swiper-scrollbar{
	right: auto;
    left: 0;
	width: 6px;
	background: transparent;
}
.listSwiper .swiper-scrollbar::before{
	width: 2px;
	height: 100%;
	position: absolute;
	left: 1px;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .1);
}
.listSwiper .swiper-scrollbar .swiper-scrollbar-drag{
	width: 4px;
}

.listSwiper::after,.listSwiper::before{
	width: 100%;
	height: 5vw;
	position: absolute;
	background-image: linear-gradient(0deg, rgba(255,255,255,1),rgba(255,255,255,0));
	content: '';
	z-index: 5;
	pointer-events: none;
	display: none;
}

.listSwiper::before{
	background-image: linear-gradient(180deg, rgba(255,255,255,1),rgba(255,255,255,0));
}

.listSwiper::after{
	bottom: 0;
}

.pd-center{
	width: calc(55% - 180px);
	background: #f3f6f9;
	height: calc(100vh - 200px);
	position: relative;
	border-radius: 1vw;
}

.pd-center .swiper-slide{
	width: 100%;
	position: relative;
}

.pd-center .swiper-slide a{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pc-menu{
	width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 50px;
    display: flex;
    justify-content: center;
    z-index: 2;
	gap: 1vw;
}

.pc-menu .item{
	width: 90px;
	height: 90px;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, .1);
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	border-radius: 5px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 100%), linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 99%);
}

.play-btn{
	display: none;
}

.pc-menu .item .thum{
	width: 40%;
}

.pc-menu .item .name{
	width: 100%;
	font-size: 14px;
	text-align: center;
}

.pd-center .swiper-slide a .thum{
	width: 40%;
	max-width: 30vw;   
	margin-top: -6vw;
}

.pd-right{
	width: 45%;
	height: calc(100vh - 200px);
	border-radius: 0.5vw;
	border: 1px solid rgba(0, 0, 0, .05);
	padding: 2vw;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 100%), linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 99%);
}

.product-detail{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 5vw;
}

.pd-mbx{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	margin-bottom: 2vw;
	line-height: 25px;
	font-size: 14px;
	color: #999999;
	gap: 5px;
}

.pd-mbx .icon:nth-child(1){
	margin-right: 5px;
}

.pd-mbx a{
	color: #999999;
}

.pd-content{
	width: 100%;
	height: calc(100% - 2vw - 25px);
	overflow-y: auto;
}

.pd-content .singePage p{
	margin-bottom: 0;
}
.pd-content .singePage strong{
	font-size: 18px;
	font-weight: 500;
	color: #de2525;
}
.pd-content .singePage ul{
	padding-left: 17px;
}
.pd-content .singePage ul li,.pd-content .singePage ul{
	list-style: disc;
}

.listSwiper .swiper-slide{
	width: 90px;
	height: 90px;
	display: block;
}

.listSwiper .swiper-slide .a{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	align-content: center;
	text-align: center;
	flex-wrap: wrap;
	justify-content: center;
	box-shadow: 0 4px 12px -4px #00000008, 0 24px 32px -16px #1366ec14, inset 0 0 32px #ffffff80;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .4) 100%), linear-gradient(180deg, #FFFFFF 2%, rgba(255, 255, 255, 0) 99%);
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 5px;
}

.listSwiper .swiper-slide.active .a{
	border-color: #de2525;
}

.listSwiper .swiper-slide .a .thum{
	width: 40%;
}

.listSwiper .swiper-slide .a .name{
	font-size: 12px;
	width: 100%;
	font-family: figtree;
}
.pdSwiper{
	height: 100%;
}

.pc-menu .item.active{
	border-color: #de2525;
}

.pd-content>.name{
	width: 100%;
	height: auto;
	position: relative;
	font-size: 24px;
	font-weight: 500;
	font-family: figtree;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: 0.5vw;
    margin-bottom: 1vw;
}

.search-page .search-row .row input{
	border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 5px;
	background: rgba(255,255,255,.85);
	height: 55px;
    font-size: 15px;
	width: 20vw;
}

.search-page .search-row .row{
	line-height: 38px;
}

.search-page .search-row .row span{
	color: rgba(0, 0, 0, .85);
	top: 50%;
    transform: translateY(-50%);
}

.boxes.sc{
	padding: 3vw 0;
}

.product-swiper{
	padding-bottom: 50px;
}

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

.gzh-icon{
	width: 35px;
	height: 35px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.gzh-icon .icon{
	font-size: 24px;
	width: 100%;
	height: 100%;
	position: relative;
}

.gzh-icon .img{
	width: 120px;
	height: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 55px;
	background: #fff;
	padding: 0px;
	overflow: hidden;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.45s;
	box-shadow: 10px 10px 35px rgba(0, 0, 0, .2);
}

.gzh-icon:hover .img{
	top: 45px;
	opacity: 1;
	visibility: visible;
}

.gzh-icon:hover .img::after{
	animation: imgAnimate 1.25s ease infinite;
}

.gzh-icon .img::after{
	width: 100%;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0,0,0,.4), rgba(0,0,0,.0));
	transform: translateY(-25px);
	
}

.rows-ewm .info .t{
	width: 100%;
}

@-webkit-keyframes imgAnimate{
	0%{
		transform: translateY(-25px);
	}
	70%,100%{
		transform: translateY(120px);
	}
}

.sub-banner::after{
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background-image: linear-gradient(180deg, rgba(0,0,0,.4), rgba(0,0,0,0));
	pointer-events: none;
}

.sub-banner .img,.sub-banner .img img{
	width: 100%;
	height: 100%;
}

.scroll-down{
	width: 50px;
	height: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5%;
	pointer-events: none;
	z-index: 2;
}

.sub-banner{
	aspect-ratio: 1 / 0.22;
}

.split-line,.text-cols{
	opacity: 0;
}

.sub-banner .txt.cn{
	font-weight: 450;
}

.search-list .search-btn{
	line-height: 45px;
	font-size: 12px;
	flex: 0.6;
    padding: 0;
    text-align: center;
}

.singePage .maincolor{
	font-size: 18px;
	font-weight: 500;
}

.pd-content .singePage{
	font-size: 14px;
} 

.singePage .flex-wrap li{
	margin-bottom: 1vw;
}

.focus-swiper .name{
	display: none;
}

.pd-content .singePage b{
	font-size: 20px;
	color: #de2525;
	font-weight: 450;
	display: block;
	margin-top: 25px;
}
.pd-content>.name{
	font-size: 40px;
}
.product-cate .item.active,.product-cate .item:hover{
	box-shadow: -2px 10px 40px -6px rgba(0, 0, 0, .1), 0px 24px 80px -16px rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .2);
}
.product-cate .item .txt{
	opacity: 0.4;
}

.product-cate .item.active .txt{
	opacity: 1;
}

.product-swiper .swiper-slide .back .list .label.active,.service-swiper .swiper-slide .intro .box .list .label.active,.product-right .list .label.active,.search-items .item a .list .label.active{
	display: none;
}

.search-btn{
	font-size: 16px;
}

@media screen and (max-width: 1400px) {
	.product-right .list .label .t{
		width: 70px;
	}
	
	.product-right .list .label .d{
		width: calc(100% - 70px);
	}
	header{
		padding: 15px 5%;
	}
	.product-swiper .swiper-slide .front .name{
		font-size: 17px;
	}
	.product-swiper.product-swiper2 .swiper-slide .back .list .label{
		font-size: 14px;
	}
	.product-swiper .swiper-slide .back>.box{
		padding: 1vw;
	}
	.product-swiper2{
		width: 100%;
		margin-left: 0%;
	}
	.product-swiper .swiper-slide .back .name{
		display: none;
	}
	
	.product-left .desc{
		font-size: 16px;
	}
	.search-items .item a .list .label{
		font-size: 14px;
		padding: 7px 0px;
	}
	.search-list{
		gap: 0.5vw;
	}
	.search-list .item input{
		font-size: 12px;
	}
	.search-list .item span{
		font-size: 10px;
	}
	.pl-list .item .txt,.product-right .list .label{
		font-size: 14px;
	}
	.pl-list .item{
		padding: 1vw 0px;
	}
}


@media screen and (max-width: 1200px) {
	nav ul li .first-lab {
		font-size: 16px;
	}
	nav ul{
		gap: 3vw;
	}
	.logo{
		width: 120px;
	}
	.langue{
		font-size: 14px;
	}
	.nav-config{
		gap: 0.5vw;
	}
	nav ul li .second-lab a{
		font-size: 14px;
		line-height: 30px;
	}
	.common-title{
		font-size: 3vw;
	}
	.menu-bar a p{
		font-size: 14px;
	}
	.product-swiper .swiper-slide .front .name{
		font-size: 18px;
	}
	
	.service-swiper .swiper-slide .intro .box .list .label{
		font-size: 12px;
		line-height: 20px;
    	padding: 5px 0px;
	}
	.common-desc{
		font-size: 14px;
	}
	.service-swiper .swiper-slide .item .box .name,.service-swiper .swiper-slide .intro .box .name{
		font-size: 16px;
	}
	.service-swiper .swiper-slide .intro{
		width: 25%;
	}
	.product-swiper2 {
		width: 100%;
		margin-left: 0%;
	}
	.news-list .item a .date .txt {
		font-size: 12px;
	}
	.footer,.data-list .item .dw{
		font-size: 12px;
	}
	.data-list .item .txt,.cn-list .cols .item .box .conf .tips,.cn-list .cols .item .box .title .desc{
		font-size: 14px;
	}
	.cultrue-list .item .icon{
		width: 50px;
		height: auto;
	}
	.cultrue-list .item .name{
		font-size: 20px;
	}
	.cultrue-list .item .desc{
		font-size: 12px;
	}

	.honor-list p{
		margin-bottom: 5px;
		line-height: 20px;
		font-size: 14px;
	}

	.product-cate .item .txt,.product-left .desc{
		font-size: 14px;
	}
	.news .item a .info .name{
		font-size: 16px;
	}
	.address .rows,.join-list .item .singePage{
		font-size: 14px;
	}
	.address .rows:nth-child(1) .desc, .address .rows:nth-child(2) .desc {
		font-family: figtree;
		font-size: 16px;
	}
	.form .row>input, .form .row textarea{
		font-size: 12px;
	}
	.form-submit{
		font-size: 12px;
	}
	.join-list .item .top .l .name{
		font-size: 20px;
	}
	.join-info .boss .txt{
		font-size: 12px;
	}
	.join-list .item .top .l .tips{
		font-size: 12px;
	}
	.join-list {
		width: calc(100% - 325px);
	}
}

@media screen and (max-width: 800px) {
	.boxes{
		padding: 15vw 0;
	}
	.bread-crumb {
        display: flex;
    }
	nav{
		height: calc(100vh - 60px);
        position: fixed;
        left: 0px;
        top: 60px;
        display: flex;
        align-items: center;
        width: 100%;
        -webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
        pointer-events: none;
        margin-right: 0%;
        z-index: 10;
        padding-top: 25px;
        display: block;
        background: #f9f9f9;
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        overflow-y: auto;
	}
	.gzh-icon{
		display: none;
	}
	.logo img:nth-child(2){
		opacity: 1;
	}
	.logo img:nth-child(1){
		opacity: 0;
	}
	header::before{
		background: rgba(255, 255, 255, 1);
		transform: scaleY(1);
	}
	header{
		padding: 0 5%;
		height: 60px;
		box-shadow: 0px 0px 25px rgba(0, 0, 0, .1);
	}
	.langue .icon img:nth-child(2){
		opacity: 1;
	}
	.langue .icon img:nth-child(1){
		opacity: 0;
	}
	.search-box{
		color: #3e3e3e;
	}
	.langue .txt{
		display: none;
	}
	.nav-config{
		margin-right: 50px;
	}
	.load-logo{
		width: 150px;
	}
	.banner-swiper .slogan{
		width: 85%;
	}
	.home-product{
		margin-top: 100vh;
	}
	.product-top{
		flex-wrap: wrap;
	}
	.common-title {
        font-size: 8vw;
		text-align: center;
		margin-bottom: 7.5vw;
    }
	.menu-bar,.search-row{
		width: 100%;
	}
	.w1400 {
		width: 90%;
	}
	.is-set-mask{
		--mask-position: 30% -30%;
		mask: url(../images/mask-vert.png) no-repeat;
		mask-size: 800% 300%;
		mask-position: var(--mask-position);
	}
	.menu-bar{
		justify-content: center;
		margin-bottom: 2vw;
	}
	.menu-bar a{
		padding: 0px 7vw;
    	line-height: 35px;
	}
	.search-row .row{
		width: 48%;
	}
	.search-row .row input{
		width: 100%;
		padding: 0px 15px;
		font-size: 12px;
		border: 1px solid rgba(0, 0, 0, .15);
	}

	.menu-bar a::before{
		border: 1px solid rgba(0, 0, 0, .15);
	}

	.search-row .row span{
		font-size: 12px;
	}
	.backTop{
		display: none;
	}
	.quick-bar{
		top: 80%;
	}
	.banner-swiper .slogan .cn{
		text-align: left;
        font-size: 8vw;
	}
	.product-swiper .swiper-slide .front{
		padding: 7.5vw 0px;
	}
	.product-swiper .swiper-slide .front .name {
        margin-bottom: 3vw;
    }
	.product-swiper{
		padding-bottom: 0;
	}
	.pagn-box .btn-box{
		display: none;
	}
	.pagn-box .swiper-scrollbar{
		width: 100%;
	}
	.product-box {
		margin-top: 7.5vw;
	}
	.pagn-box{
		margin-top: 7.5vw;
	}
	.home-product{
		padding-bottom: 15vw;
	}
	.service-top{
		position: relative;
		top: 0;
		margin-bottom: 7.5vw;
	}
	.service-wrap{
		padding: 15vw 0px;
		background: #ffffff;
        padding-bottom: 0;
	}
	.service-top .common-title, .service-top .common-desc {
		margin-bottom: 1vw;
	}
	.service-top .common-desc {
		margin-bottom: 5vw;
	}
	.qj-more .box{
		width: 110px;
		height: 40px;
	}
	.qj-more .box .icon {
		width: 40px;
		height: 40px;
	}
	.qj-more .box .txt{
		height: 40px;
    	line-height: 40px;
	}
	.qj-more .box .txt{
		font-size: 12px;
	}
	.qj-more:hover .box {
		width: 120px;
	}
	.qj-more .box .icon img {
		width: 12px;
		height: 12px;
	}
	.service-swiper .swiper-slide .arrow{
		display: none;
	}
	.service-swiper .swiper-slide .item{
		width: 25%;
		border-radius: 5px;
	}
	.service-swiper .swiper-slide .swiper-bg img {
		width: 100%;
		aspect-ratio: 1;
	}
	.service-swiper .swiper-slide .item .box .name{
		font-size: 12px;
	}
	.service-swiper .swiper-slide .item.left {
		left: 5%;
		top: 20%;
	}
	.service-swiper .swiper-slide .item.right {
		right: 5%;
		top: 20%;
	}
	.service-swiper .swiper-slide .item .box .pic {
		width: 50%;
		margin-left: 25%;
	}
	.sys-warp{
		padding-bottom: 15vw;
	}
	.product-swiper2{
		margin-top: 7.5vw;
	}
	.news-wrap{
		padding: 15vw 0px;
	}
	.news-top{
		margin-bottom: 7.5vw;
	}
	.news-list{
		grid-template-columns: repeat(1, 1fr);
		gap: 7.5vw;
	}
	.news-list .item a{
		padding: 0;
		padding-bottom: 0;
	}
	.news-list .item a .thum{
		margin-bottom: 0;
	}
	.news-list .item a .date{
		padding: 3vw;
        padding-bottom: 2vw;
	}
	.news-list .item a .name{
		padding: 3vw;
		padding-top: 0;
		font-size: 16px;
		padding-bottom: 5vw;
	}
	.sw .ewm{
		display: none;
	}
	.langue .list{
		width: 100px;
		margin-left: -50px;
		border-radius: 8px;
	}
	nav.active {
        pointer-events: auto;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
	nav ul {
        flex-wrap: wrap;
        padding: 0 5vw;
		gap: 0;
    }
	nav ul li {
        border-bottom: 1px solid rgba(0, 0, 0, .05);
        padding: 10px 0px;
		width: 100%;
    }
	nav ul li a{
		color: #3e3e3e;
	}
	nav ul li .first-lab a{
		line-height: 35px;
		font-size: 20px;
	}
	nav ul li .first-lab a p{
		text-align: left;
	}
	nav ul li .second-lab {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        transform: translateY(0px);
        box-shadow: none;
        opacity: 1;
        background: transparent;
        pointer-events: auto;
        line-height: 25px;
		backdrop-filter: blur(0px);
		border-radius: 0;
		gap: 0 3vw;
    }
	nav ul li .second-lab a{
		opacity: 1;
		font-size: 16px;
		transform: translateY(0%);
	}
	.service-swiper .swiper-slide .intro{
		width: 50%;
        left: 25%;
        top: 60%;
	}
	.center-dot{
		width: 10vw;
        height: 10vw;
		left: 50%;
    	top: 20%;
	}
	.service-swiper .swiper-slide .intro .box{
		padding: 3vw;
	}
	.service-swiper .swiper-slide .swiper-bg::after{
		width: 100%;
		height: 50%;
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		background-image: linear-gradient(180deg, #ffffff, #0000);
	}
	.service-swiper .swiper-slide .intro .box .list .label{
		padding: 0;
		line-height: 25px;
	}
	.service-swiper .swiper-slide .intro .box .list{
		margin-bottom: 0;
	}
	.service-swiper .swiper-slide .intro .box .name{
		font-size: 14px;
	}
	.footer{
		line-height: 1.6;
		padding: 5vw 0px;
	}
	nav ul li .first-lab a::before{
		display: none;
	}
	.intro-box{
		flex-wrap: wrap;
	}
	.intro-content{
		width: 100%;
	}
	.intro-name{
		font-size: 6vw;
	}
	.data-list .item{
		padding-bottom: 5vw;
		margin-bottom: 5vw;
		align-items: center;
	}
	.data-list .item .r {
		width: calc(100% - 60px);
	}
	.data-list .item .top .number{
		font-size: 10vw;
	}
	.data-list .item .top .number sup{
		font-size: 4vw;
	}
	.data-list .item .top{
		margin-bottom: 3vw;
	}
	.data-list .item:last-child{
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}
	.video-warp{
		height: auto;
	}
	.video-box{
		display: none;
	}
	.video-warp video{
		position: relative;
		display: block;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
        transform: translate(0%, 0%);
        border-radius: 0;
	}
	.cultrue-wrap{
		padding-top: 0;
		padding-bottom: 0;
	}
	.cultrue-bg{
		width: 100%;
		height: auto;
		position: relative;
	}

	.cultrue-bg img{
		width: 100%;
		aspect-ratio: 1 / 1.5;
	}
	.cultrue-title{
		width: 85%;
		bottom: auto;
		top: 10%;
	}
	.cultrue-list{
		width: 90%;
    	left: 5%;
		border-left: none;
		height: auto;
		justify-content: space-between;
		top: 30%;
        align-items: flex-start;
	}
	.cultrue-list .item{
		padding: 0;
		width: 100%;
		justify-content: center;
        text-align: center;
        align-content: center;
		margin-bottom: 5vw;
	}
	.cultrue-list .item .icon{
		width: 40px;
	}
	.cultrue-list .item .name{
		font-size: 16px;
	}
	.cultrue-list .item .desc{
		font-size: 12px;
		color: rgba(255,255,255,0.6);
		padding: 0 10%;
	}
	.cn-list{
		display: block;
	}
	.cn-list .cols .item .box .thum img{
		height: auto;
    	aspect-ratio: 2 / 1;
	}
	.cn-list .cols{
		gap: 5vw;
		margin-bottom: 5vw;
	}
	.cn-list .cols .item .box .conf sub{
		font-size: 14px;
	}
	.cn-list .cols .item .box .conf .conf-num span{
		font-size: 14vw;
	}
	.cn-list .cols .item .box .conf .tips{
		margin-bottom: 3vw;
	}
	.cn-list .cols .item .box .conf{
		padding: 3vw;
	}
	.honor-info{
		width: 90%;
		position: relative;
		bottom: auto;
		left: 5%;
		margin-bottom: 7.5vw;
	}
	.honor{
		width: 90%;
		margin-left: 5%;
		padding-top: 25vw;
	}
	.product-cate{
		grid-template-columns: repeat(3, 1fr);
		flex-wrap: wrap;
	}
	.product-cate .item{
		width: 48%;
	}
	.product-cate .item .thum{
		width: 70%;
		margin-left: 15%;
	}
	.product-cate .item .txt{
		padding: 0 5%;
	}
	.product-content{
		margin-top: 5vw;
		padding: 5vw;
		border-radius: 1.5vw;
	}
	.product-cate .item{
		border-radius: 1.5vw;
	}
	.product-left{
		width: 100%;
		margin-bottom: 5vw;
	}
	.product-left .name{
		font-size: 20px;
	}
	.pl-list .item {
        padding: 3vw 0px;
    }
	.pl-list .item{
		width: 32%;
		margin-right: 2%;
	}
	.pl-list .item:nth-child(3n){
		margin-right: 0;
	}
	.product-center{
		width: 40%;
	}
	.product-right{
		width: 55%;
	}
	.product-right .list .label{
		font-size: 12px;
        line-height: 18px;
        padding: 5px 0px;
	}
	.product-right .name{
		font-size: 16px;
	}
	.search-list{
		flex-wrap: wrap;
		gap: 2vw;
		margin-top: 15vw;
	}
	.search-list .item{
		width: 46%;
		flex: auto;
	}
	.search-list .search-btn{
		width: 100%;
		flex: auto;
		margin-top: 3vw;
	}
	.quick-bar .item .icon {
		width: 16px;
		height: 16px;
	}
	.quick-bar{
		width: 50px;
		padding: 15px 2px;
	}
	.quick-bar .item.active .txt {
		height: 24px;
		line-height: 12px;
	}
	.search-list .item.active{
		z-index: 5;
	}
	.sub-banner{
		margin-top: 60px;
		aspect-ratio: 2 / 1;
	}
	.product-detail{
		padding: 7.5vw 0%;
		flex-wrap: wrap;
		padding-bottom: 15vw;
	}
	.listSwiper {
		width: 90%;
		height: auto;
		margin-left: 5%;
	}
	.pd-center{
		width: 90%;
        height: 70vh;
        padding: 0px;
        margin: 5vw;
	}
	.listSwiper .swiper-scrollbar,.listSwiper .swiper-scrollbar .swiper-scrollbar-drag{
		width: 100%;
	}
	.listSwiper{
		padding-left: 0;
		padding-bottom: 20px;
	}
	.listSwiper .swiper-scrollbar{
		background: rgba(0, 0, 0, .05);
	}
	.listSwiper .swiper-slide a .name{
		margin-top: 5px;
	}
	.pd-center .swiper-slide a .thum {
		width: 60%;
		max-width: 40vw;
		margin-top: -30vw;
	}
	.pc-menu{
		gap: 2vw;
	}
	.pc-menu .item .name{
		margin-top: 5px;
		font-size: 12px;
	}
	.pd-right{
		width: 90%;
        height: auto;
        padding: 5vw;
        margin-left: 5%;
        border-radius: 1.5vw;
	}
	.pd-mbx{
		display: none;
	}
	.pd-content{
		height: auto;
		padding-right: 0;
	}
	.pd-content>.name{
		font-size: 20px;
		padding-bottom: 2vw;
        margin-bottom: 2vw;
	}
	.singePage .maincolor {
		font-size: 16px;
		font-weight: 500;
	}
	.sub-banner .txt{
		font-size: 6vw;
	}
	.sub-banner .txt.en{
		font-size: 14px;
	}
	.news-content{
		padding-top: 7.5vw;
	}
	.focus-swiper{
		width: 100%;
	}
	.info-swiper{
		display: none;
	}
	.focus-swiper .name{
		display: block;
		margin-top: 2.5vw;
	}
	.focus-swiper .swiper-slide .thum{
		border-radius: 1.5vw;
		overflow: hidden;
	}
	.focus-swiper .swiper-pagination{
		bottom: auto;
        top: 45vw;
	}
	.focus-swiper .swiper-pagination-bullet-active{
		background: #fff;
	}
	.news .item a{
		padding: 0;
	}
	.news .item a .date,.news .item a .info .desc{
		display: none;
	}
	.news .item a .thum,.news .item a .info{
		width: 100%;
	}
	.news .item a .info .name{
		margin-bottom: 0;
		margin-top: 2.5vw;
	}
	.news .item a .thum img{
		aspect-ratio: 100 / 55;
	}
	.news .item{
		padding-bottom: 0;
		margin-bottom: 7.5vw;
	}
	.news{
		margin-top: 7.5vw;
	}
	.news .item::after{
		display: none;
	}
	.contact-box{
		padding: 10vw 5vw;
	}
	.contact-content{
		flex-wrap: wrap;
	}
	.contact-info,.contact-form{
		width: 100%;
	}
	.address .rows{
		width: 100%;
	}
	.contact-form{
		margin-top: 10vw;
	}
	.form .row {
		margin-bottom: 3.5vw;
	}
	.join-content{
		margin-top: 15vw;
	}
	.join-box{
		flex-wrap: wrap;
	}
	.join-list{
		width: 100%;
		margin-bottom: 15vw;
	}
	.join-info{
		width: 100%;
		border: none;
        padding: 0;
        box-shadow: none;
        background: transparent;
	}
	.join-info .name{
		font-size: 16px;
		padding-bottom: 3vw;
        margin-bottom: 3vw;
	}
	.join-info .desc{
		font-size: 12px;
	}
	.join-info .desc a{
		font-size: 14px;
	}
	.join-list .item>.box{
		padding: 5vw;
		border-radius: 1.5vw;
	}
	.join-info .boss .img {
		width: 30px;
	}
	.join-info .boss .txt{
		margin-left: 5px;
	}
	.join-list .item {
		width: 100%;
		margin-bottom: 5vw;
	}
	.join-list .item .top .l {
		width: calc(100% - 40px);
	}
	.join-list .item .qj-more {
		margin-bottom: 5vw;
	}
	.rows-ewm{
		width: 100%;
	}
	.rows-ewm .img{
		width: 90px;
	}
	.rows-ewm .info {
		width: calc(100% - 100px);
	}
	.rows-ewm .info .n {
		font-size: 16px;
	}
	.rows-ewm .info .t{
		width: 100%;
	}
	.quick-bar .item::before{
		height: calc(100% + 24px);
		top: -12px;
	}
	.quick-bar .item:first-child {
		margin-bottom: 20px;
	}
	.play-btn{
		display: block;
        width: 50px;
        height: auto;
        position: absolute;
        left: 50%;
        top: 70%;
        transform: translate(-50%, -50%);
        z-index: 10;
        background: rgba(0, 0, 0, .25);
        border-radius: 50%;
        padding: 5px;
        backdrop-filter: blur(5px);
	}
	.play-btn.hide{
		display: none;
	}
	.banner-swiper .slogan{
		top: 45%;
	}
	.video-warp .play-btn{
		top: 50%;
	}
	.search-page{
		padding-top: 35vw;
        padding-bottom: 15vw;
	}
	.search-page .box{
		flex-wrap: wrap;
	}
	.search-page .search-btn{
		width: 100%;
		margin-top: 2vw;
		text-align: center;
		line-height: 45px;
		font-size: 12px;
	}
	.search-page .search-row .row input{
		width: 100%;
		font-size: 12px;
		height: 45px;
	}

	.search-row{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.search-items{
		grid-template-columns: repeat(2, 1fr);
	}
	.search-items .item a{
		border-radius: 1.5vw;
		flex-wrap: wrap;
		padding: 3vw;
	}
	.search-items .item a .list{
		width: 100%;
	}
	.search-items .item a .left{
		width: 100%;
	}
	.search-items .item a .left .thum{
		width: 60%;
		margin: 0px auto;
	}
	.search-items .item a .left .thum img{
		aspect-ratio: 1;
		object-fit: contain;
	}
	.search-items .item a .left .name{
		margin-top: 1.5vw;
		font-size: 14px;
	}
	.search-items .item a .list .label .t{
		width: 30px;
		font-size: 12px;
	}
	.search-items .item a .list .label .d{
		width: calc(100% - 35px);
		font-size: 12px;
	}
	.search-items .item a .list .label{
		padding: 4px 0px;
	}
	
	.intro-name{
		width: 100%;
	}

	.product-swiper .swiper-slide .back>.box,.product-swiper.product-swiper2 .swiper-slide .back>.box {
        padding: 3vw;
    }

	.product-swiper .swiper-slide .back .list .label{
		line-height: 20px;
    	padding: 7px 0px;
	}

	body,
	html {
		font-weight: 400;
	}

	b,strong {
		font-weight: 400;
	}

	textarea,input,select {
		font-weight: 400;
	}
	.address .rows{
		margin-bottom: 7.5vw;
	}

	.address .rows:last-child .name{
		margin-bottom: 2.5vw;
	}
	.join-list .item .qj-more .box {
		box-shadow: none;
	}
}