/*
 *	Created by Edward on 25/08/29
 *	Copyright (c) 2024 ishutime.com All rights reserved
*/
html {
	font-size: 16px;
}

@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');
}

.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/DIN-Condensed-Bold.ttf);
}
@font-face {
	font-family: Poppins;
	src: url(../fonts/Poppins-Bold.ttf);
}

@font-face {
	font-family: Manrope;
	src: url('../fonts/Manrope.ttf');
}

body,
html {
	color: #333333;
	font-family: sans-serif, "Microsoft YaHei", '微软雅黑', "Arial";
	font-weight: 400;
	overflow-x: hidden;
}
body{
	overflow: hidden;
}

b,
strong {
	font-weight: 600;
}

textarea,
input {
	font-family: "Microsoft YaHei", '微软雅黑', "Arial";
	font-size: 1rem;
}
button{
	border: none;
}

header {
	width: 100%;
	position: absolute;
	z-index: 9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 8vw;
	transition: 0.5s all ease-in-out;
}

header .logo {
	width: 120px;
	margin-top: 15px;
}

header .right {
	display: flex;
    border-radius: 50px;
    padding: 20px 35px;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(0px);
	box-shadow: 10px 10px 25px rgba(0, 0, 0, 0);
	gap: 3vw;
	top: 2vw;
    right: 8vw;
	position: fixed;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

header .right.active{
	background: rgba(255, 255, 255, .5);
	backdrop-filter: blur(10px);
	box-shadow: 10px 10px 25px rgba(0, 0, 0, .05);
}

.logos{
	width: 45px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	pointer-events: none;
	transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1);
}
header .right.active{
	padding: 20px 45px 20px 115px;
}

header .right.active .logos{
	opacity: 1;
	left: 35px;
    pointer-events: auto;
}

header .right nav ul {
	display: flex;
	gap: 3vw;
}

header .right nav ul li {
	align-items: center;
	overflow: hidden;
}

header .right nav{
	position: relative;
}
header .right nav ul li a {
	color: #ffffff;
	font-size: 1.25rem;
}

header .right.active nav ul li a {
	color: #202020;
}

header .right nav ul li a .ae {
	display: grid;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
}

header .right nav ul li a .ae p{
	height: 30px;
}

header .right nav ul li a .ae p:first-child{
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
	margin-top: 0;
}

header .right nav ul li a:hover .ae p:first-child{
	margin-top: -30px;
}

header .right nav ul li a:hover .ae p:last-child{
	color: #06572a;
}

header .right .lang .version {
	width: 1.3vw;
	height: 1.3vw;
	position: relative;
	line-height: 1.3vw;
	text-align: center;
	cursor: pointer;
}

header .right .lang .version .icon {
	font-size: 22px;
}

header .right .lang .version .languge {
	width: 5vw;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -2.5vw;
	background: #fff;
	top: 3vw;
	padding: 1vw 0px;
	-webkit-transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

header .right .lang .version:hover .languge {
	top: 2vw;
	opacity: 1;
	visibility: visible;
}

header .right .lang .version .languge a {
	display: block;
	width: 100%;
	font-size: 0.85vw;
	line-height: 1.4;
	position: relative;
	margin-bottom: 10px;
	color: #333333;
}

header .right .lang .version .languge a:last-child {
	margin-bottom: 0px;
}

header .right .lang .version .languge a p {
	position: relative;
	display: inline-block;
	z-index: 2;
}

header .right .lang .version .languge a p::before {
	content: "";
	width: 0;
	height: 3px;
	background: #01a9e4;
	position: absolute;
	right: 0%;
	bottom: 0;
	transition: 0.4s;
	z-index: -1;
}

header .right .lang .version .languge a.active p::before,
header .right .lang .version .languge a:hover p::before {
	width: 100%;
	right: auto;
	left: 0%;
}

header .right .lang .globe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.5vw;
	height: 1.5vw;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	overflow: hidden;
	will-change: transform;
}

@keyframes globe {
	0% {
		transform: translate(-50%, -50%) rotate(15deg);
	}

	50% {
		transform: translate(-50%, -50%) rotate(-15deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate(15deg);
	}
}

header .right .lang .globe-wrap {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	border-radius: 50%;
	transform: translate(-50%, -50%) rotate(30deg);
	animation: globe 5.4s cubic-bezier(0.35, 0, 0.65, 1) infinite;
	overflow: hidden;
	box-shadow: inset 0px 0px 0px 0.125em white;
}

header .right .lang .globe .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	box-shadow: inset 0.1em 0px 0px 0.08em white;
	animation: circle1 2.7s linear infinite;
	font-size: 0.45em;
}

@keyframes circle1 {
	0% {
		border-radius: 50%;
		box-shadow: inset 0.1em 0px 0px 0.08em white;
		width: 100%;
	}

	49% {
		border-radius: 50%;
		box-shadow: inset 0.1em 0px 0px 0.08em white;
		background: transparent;
	}

	50% {
		border-radius: 0%;
		width: 0.175em;
		background: white;
	}

	51% {
		border-radius: 50%;
		box-shadow: inset -0.1em 0px 0px 0.08em white;
		background: transparent;
	}

	100% {
		border-radius: 50%;
		box-shadow: inset -0.1em 0px 0px 0.08em white;
		width: 100%;
	}
}

header .right .lang .globe :nth-child(1) {
	animation-delay: -1.8s;
}

header .right .lang .globe :nth-child(2) {
	animation-delay: -0.9s;
}

header .right .lang .globe .circle-hor {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	height: 55%;
	box-shadow: inset 0px 0px 0px 0.15em white;
	font-size: 0.45em;
}

header .right .lang .globe .circle-hor-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150%;
	transform: translate(-50%, -50%);
	border-radius: 0%;
	height: 0.15em;
	background: white;
	font-size: 0.45em;
}

header .right .lang .globe-wrap {
	box-shadow: inset 0px 0px 0px 0.115em #333333;
}

header .right .lang .globe .circle {
	box-shadow: inset 0.1em 0px 0px 0.08em #333333;
	animation: circle2 2.7s linear infinite;
}

header .right .lang .globe .circle-hor-middle {
	background: #333333;
}

header .right .lang .globe .circle-hor {
	box-shadow: inset 0px 0px 0px 0.15em #333333;
}

header .right .lang .globe :nth-child(1) {
	animation-delay: -1.8s;
}

header .right .lang .globe :nth-child(2) {
	animation-delay: -0.9s;
}

@keyframes circle2 {
	0% {
		border-radius: 50%;
		box-shadow: inset 0.1em 0px 0px 0.08em #333333;
		width: 100%;
	}

	49% {
		border-radius: 50%;
		box-shadow: inset 0.1em 0px 0px 0.08em #333333;
		background: transparent;
	}

	50% {
		border-radius: 0%;
		width: 0.175em;
		background: #333333;
	}

	51% {
		border-radius: 50%;
		box-shadow: inset -0.1em 0px 0px 0.08em #333333;
		background: transparent;
	}

	100% {
		border-radius: 50%;
		box-shadow: inset -0.1em 0px 0px 0.08em #333333;
		width: 100%;
	}
}

{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.f1 {
	width: 100%;
	position: relative;
}

.f1 .f1Bg {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: -1;
}

.f1 .f1Text {
	width: 52vw;
	position: absolute;
	top: 15%;
	left: 25vw;
	transform: translateY(5vw);
	z-index: 2;
}

.f1 .f1Img1 {
	width: 100%;
	position: absolute;
	top: 35vw;
	z-index: 3;
}

.f1 .f1Img2 {
	width: 70vw;
	position: relative;
	left: 30vw;
	top: 32vw;
	z-index: 2;
}

.f1 .f1Bg2 {
	width: 100%;
	position: relative;
	margin-top: 10vw;
	opacity: 0.5;
}

.f1 .f1Bg2 img {
	filter: brightness(0) invert(1);
}

.f2 {
	width: 100%;
	position: relative;
	margin-top: -10vw;
	z-index: 5;
}

.warp{
	width: 100%;
	margin-top: -10vw;
}

.kumu-name{
	width: 100%;
	position: relative;
	color: #00479d;
	font-size: 2.5vw;
	margin-bottom: 1.25vw;
}

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

.kumu-name span{
	font-weight: 100;
}

.singePage.w60{
	width: 70%;
	margin: 0px auto;
}

.kumu-btn{
	width: 225px;
	height: auto;
	display: block;
	position: relative;
	margin: 3vw auto 5vw;
}

.kumu-btn .box{
	width: 100%;
	height: 55px;
	position: relative;
	
	border: 1px solid #5e8cc2;
	z-index: 2;
}

.kumu-btn .box::before{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	background: #5e8cc2;
	z-index: -1;
	transition: all 0.25s;
}


.kumu-btn .box::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: #ffffff;
}

.kumu-btn .box .txt{
	width: auto;
	height: auto;
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.kumu-btn .box .icon{
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
    z-index: 1;
    padding: 8px;
	border-radius: 50%;
	transition: all 0.4s;
	display: flex;
    align-items: center;
}

.kumu-btn .box .icon svg{
	width: 100%;
	height: 100%;
	transition: all 0.4s;
}
.kumu-btn:hover .box::after{
	background: #5e8cc2;
}

.kumu-btn:hover .box::before{
	background: #2e63a1;
	left: 3px;
	top: 3px;
}
.kumu-btn:hover .box .txt{
	color: #ffffff;
}

.kumu-btn:hover .box .icon svg{
	transform: rotate(45deg);
}
.kumu-btn:hover .box .icon svg path{
	fill: #ffffff;
}

.kumu-btn.active{
	opacity: 0.3;
	cursor: no-drop;
}

.products{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5vw;
	margin-bottom: 5vw;
}

.products .item{
	width: 100%;
	margin-bottom: 1vw;
}

.products .item .inner{
	padding-top: 73%;
}

.products .item:hover .inner img{
	transform: scale(1.05);
}

.products .item .name{
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	justify-content: space-between;
}

.products .item .name .txt{
	width: calc(100% - 45px);
	font-size: 1.35rem;
}

.products .item .name .icon{
	width: 35px;
	height: 35px;
	position: relative;
	padding: 5px;
	transition: all 0.35s;
}

.products .item:hover .name .icon{
	transform: rotate(45deg);
}

.products .item:hover .name .icon svg path{
	fill: #2e63a1;
}
.products .item:hover .name .txt{
	color: #2e63a1;
}
.products .item .name .icon svg{
	width: 100%;
	height: 100%;
}

.products .item .marks{
	width: 100%;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	position: relative;
}

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

.products .item .marks span{
	display: block;
	font-size: 0.875rem;
	padding: 5px 10px;
	border: 1px solid #00479d;
	color: #00479d;
	border-radius: 50px;
}

.application {
    display: flex;
    gap: 10px;
    width: 100%;
}
.application .item {
    text-align: left;
    background: #f8f9fa;
    transition: all 0.6s cubic-bezier(0.215, 0.610, 0.355, 1);
    display: flex;
    height: 475px;
    position: relative;
    overflow: hidden;
    flex: 1;
    cursor: pointer;
}
.application .item .feature-img {
    width: 100%;
    height: 100%;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    background: center center no-repeat;
}

.application .item .feature-img::after{
	width: 100%;
	height: 60%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0));
}

.application .item .name {
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 80%;
    text-align: left;
    color: #fff;
    transition: all 1s;
    padding: 20px;
}

.application .item:hover {
    flex: 2;
}

.footer{
	background: #fff;
	position: relative;
}

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

.form-box .kumu-name{
	width: 45%;
}

.forms{
	width: 55%;
}

.kumu-submit{
	margin-left: 0;
	cursor: pointer;
}

.banner-swiper {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 0px;
	will-change: transform;
}

.banner-swiper .swiper-slide {
	overflow: hidden;
	background: url(../images/banner.jpg?v=2025) bottom center no-repeat;
	background-size: cover;
	position: relative;
	height: 100vh;
}

.banner-swiper .swiper-pagination {
	width: 100%;
	text-align: center;
	bottom: 5%;
}

.banner-swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 1);
	width: 8px;
	height: 8px;
	opacity: 1;
	-webkit-transition: all .5s;
	margin: 0px 7px !important;
}

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

.parallax {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.back_img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: center center no-repeat;
	background-size: cover;
}

.banner-swiper .slogan {
	width: 84%;
	height: auto;
	position: absolute;
	left: 8%;
	top: 40%;
	color: #fff;
}

.banner-swiper .slogan .img{
	width: 642px;
	margin-bottom: 2vw;
	transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1);
	opacity: 0;
	transform: translateY(30px);
}

.banner-swiper .swiper-slide.active .slogan .title,
.banner-swiper .swiper-slide.active .slogan .des,.banner-swiper .swiper-slide.active .slogan .img {
	opacity: 1;
	transform: translateY(0px);
}


.banner-swiper .slogan .title {
	font-size: 4vw;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 2vw;
	transition: all 0.8s cubic-bezier(0.215, 0.610, 0.355, 1) .1s;
	opacity: 0;
	transform: translateY(30px);
}

.banner-swiper .slogan .title p{
    font-weight: 100;
}


.banner-swiper .slogan .des {
	font-size: 20px;
	line-height: 1.2;
	transition: all 0.9s cubic-bezier(0.215, 0.610, 0.355, 1) .2s;
	opacity: 0;
	transform: translateY(45px);
}

.about-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 6vw;
	flex-direction: row-reverse;
}

.about-gallery{
	width: 45%;
    position: relative;
}

.about-info{
	width: 50%;
	position: relative;
}

.about-gallery .item{
	width: 28%;
	position: absolute;
	border-radius: 300px;
    overflow: hidden;
	border: 5px solid #ffffff;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
	z-index: 2;
	border-width: 3px;
}

.about-gallery .item .inner{
	padding-top: 150%;
}

.about-gallery .item:nth-child(2){
	left: 22.5%;
	top: 40%;
	z-index: 3;
}

.about-gallery .item:nth-child(3){
	width: 60%;
	position: relative;
	margin-left: 40%;
	border-width: 5px;
}

.cd-name{
	width: 100%;
	position: relative;
	margin-bottom: 2vw;
	font-size: 48px;
	font-weight: bold;
}

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

.about-info .singePage{
	margin-bottom: 3vw;
}

.data-show{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	background: #d6e7b8;
	border-radius: 15px;
	padding: 2vw 3vw;
	margin-bottom: 5vw;
}

.data-show .item{
	width: auto;
}

.data-show.in .item{
	width: 20%;
}

.data-show .item .top{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 0.5vw;
	margin-bottom: 10px;
}

.data-show.in .item .btm{
	font-size: 0.875rem;
	padding: 0px 5%;
    line-height: 1.3;
}

.data-show .item .top .l{
	font-size: 4.5vw;
	font-family: din;
	line-height: 0.8;
}

.technology .swiper-pagination-bullet{
	border-radius: 50px;
	background: #ffffff;
	opacity: 1;
}
.technology .swiper-pagination-bullet-active{
	width: 20px;
	background: #407A58;
}

.data-show .item .top .r{
	width: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
	line-height: 1;
	padding: 0px 0px 5px;
	font-family: Manrope;
	font-size: 0.875rem;
}

.data-show .item .top .r p{
	display: block;
    width: 100%;
}

.data-show .item .btm{
	width: 100%;
	text-align: center;
	color: #377549;
	line-height: 1;
}
.data-show.in{
	margin-bottom: 0;
	margin-top: 5vw;
}

.data-show.in .item .top .l{
	font-size: 4vw;
}

.cd-more{
	width: 155px;
	height: 45px;
	display: block;
	position: relative;
}

.cd-more .box{
	width: 100%;
	height: 100%;
	position: relative;
}

.cd-more .box-inner{
	width: 100%;
	height: 100%;
	position: relative;
	background: #407a58;
	border-radius: 50px;
}

.cd-more .box-inner .txt{
	width: auto;
	height: 20px;
	position: absolute;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	line-height: 20px;
    color: #ffffff;
}

.cd-more .box-inner .txt p{
	height: 20px;
	position: relative;
	margin-top: 0;
}

.cd-more .box-inner .txt p:nth-child(1){
	transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.cd-more:hover .box-inner .txt p:nth-child(1){
	margin-top: -20px;
}

.cd-more .box .box-shader{
	width: 65px;
	height: 65px;
	overflow: hidden;
	position: absolute;
	transform-origin: center center;
	border-radius: 50%;
	pointer-events: none;
	transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity: 0;
	top: 50%;
    left: 88%;
	transform: translate(-50%, -50%) scale(0);
}

.cd-more:hover .box .box-shader{
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

.cd-more .box .box-shader::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: url(../images/btn-circle-bg.png) center no-repeat;
	background-size: cover;
	-webkit-animation: rotateAnimate 10s linear infinite;
}

@-webkit-keyframes rotateAnimate{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

.cd-more .box-inner .icon{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
}

.cd-more .box-inner .icon::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: #a5d0b7;
	border-radius: 50%;
	content: '';
	transform: scale(0);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cd-more .box-inner .icon::after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: #a5d0b7;
	border-radius: 50%;
	display: none;
	content: '';
	animation: scaleAniamte 1s ease infinite;
}

.cd-more:hover .box-inner .icon::after{
	display: block;
}

@-webkit-keyframes scaleAniamte{
	0%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(1.5);
		opacity: 0;
	}
}

.cd-more:hover .box-inner .icon::before{
	transform: scale(1);
}

.cd-more .box-inner .icon img{
	width: 14px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.cd-more .box-inner .icon img:nth-child(1){
	left: 0;
	opacity: 0;
}

.cd-more:hover .box-inner .icon img:nth-child(1){
	left: 50%;
	opacity: 1;
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.cd-more:hover .box-inner .icon img:nth-child(2){
	left: 50%;
	opacity: 0;
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.business{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.business .item{
	width: 32%;
	margin-right: 2%;
	border-radius: 0.5vw;
    overflow: hidden;
}

.business .item:nth-child(3n){
	margin-right: 0%;
}

.business .item .inner{
	padding-top: 128%;
}

.business .item .box{
	position: relative;
	width: 100%;
	height: auto;
}

.business .item .box .thum{
	width: 100%;
	position: relative;
}

.business .item .box .info{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 2.5vw;
	color: #ffffff;
}

.business .item .box .info .icon{
	width: 5vw;
	height: auto;
	position: relative;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(10px);
	padding: 1.25vw;
	margin-bottom: 1vw;
}

.business .item .box .info .name{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 0.5vw;
	font-size: 1.75vw;
	font-weight: bold;
}

.business .item .box .info .des{
	line-height: 30px;
	min-height: 90px;
}
.hero{
	position: relative;
	height: auto;
	overflow: hidden;
	background: #08562c;
}
.hero .cd-name{
	position: absolute;
	top: 5vw;
	color: #ffffff;
	z-index: 2;
}

.char span {
    transform: translateX(20px);
	opacity: 0;
	filter: blur(5px);
    display: block;
}
.hero-content{
	width: 100%;
	height: 100vh;
	position: relative;
	left: 0;
	top: 0;
}

.hero-info.even{
	left: auto;
    right: 7.5%;
    text-align: right;
}

.hero-box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.hero-img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.hero-img img{
	position: absolute;
	width: 100%;
	height: 100%;

}

.hero-info{
	width: 45%;
	min-width: 600px;
	height: auto;
	position: absolute;
	left: 7.5%;
	top: 35%;
	color: #ffffff;
}

.hero-info .icon{
	width: 80px;
	margin-bottom: 15px;
	background: rgba(64, 122, 88, .35);
	border-radius: 50%;
	padding: 20px;
	backdrop-filter: blur(5px);
	transform: rotate(60deg);
	opacity: 0;
}
.hisSwiper .swiper-pagination{
	display: none;
}
.hero-info .name{
	font-size: 2.5vw;
	margin-bottom: 1vw;
	font-weight: bold;
}

.in .hero-info .name{
	font-size: 3vw;
}

.hero-info .des{
	line-height: 1.7;
	opacity: 0;
	transform: translateY(40px);
	font-size: 1.125rem;
}

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

.news-content .focus{
	width: 48.5%;
	display: block;
	padding: 1.5vw;
    background: #fff;
    border-radius: 0.5vw;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
	position: relative;
    overflow: hidden;
}

.news-content .focus::before{
	width: 0%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #06572a;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.news-content .focus:hover .inner img{
	transform: scale(1.05);
}

.news-content .focus:hover::before{
	width: 100%;
}

.news-content .focus .box .thum{
	border-radius: 0.5vw;
}

.news-content .focus .inner{
	padding-top: 55%;
}

.news-content .focus .box{
	width: 100%;
	height: auto;
	position: relative;
}

.news-content .focus .info{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 1vw;
}

.news-content .focus .info .name{
	width: 100%;
	height: auto;
	position: relative;
	font-size: 1.45rem;
	margin-bottom: 1vw;
	line-height: 45px;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.news-content .focus .info .date{
	font-family: Manrope;
    font-size: 0.875rem;
	opacity: 0.6;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.news-content .focus:hover .info .name{
	width: calc(100% - 170px);
	color: #06572a;
}

.news-content .focus:hover .info .date{
	width: calc(100% - 170px);
}

.news-content .focus:hover .info .news-more{
	opacity: 1;
	transform: translateY(0px);
}

.news-more{
	width: 150px;
	height: 45px;
	position: relative;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	opacity: 0;
	transform: translateY(10px);
}

.news-more .inner-box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #06572a;
	border-radius: 50px;
	overflow: hidden;
	color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
	gap: 15px;
}

.news-content .focus .info .news-more{
	position: absolute;
	right: 0;
	top: 0;
}

.news-more .inner-box .img{
	width: 25px;
	padding: 5px;
}

.news-right{
	width: 48.5%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.news-right.full{
	width: 100%;
	margin-top: 3vw;
	justify-content: space-between;
}

.news-right.full .item{
	width: 48.5%;
	margin-bottom: 2vw;
}

.news-right .item{
	width: 100%;
	display: block;
	height: auto;
	background: #ffffff;
	padding: 1.25vw;
	border-radius: 0.25vw;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
	position: relative;
	overflow: hidden;
}

.news-right .item .inner{
	padding-top: 60%;
}

.news-right .item .box{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: space-between;
}

.news-right .item .thum{
	width: 48%;
	border-radius: 0.25vw;
}

.news-right .item .info{
	width: 49%;
}

.news-right .item .info .name{
	font-size: 1.5rem;
    margin-bottom: 1vw;
    line-height: 1.5;
}

.news-right .item .info  .date{
	font-family: Manrope;
    font-size: 0.875rem;
    opacity: 0.6;
	margin-bottom: 1.5vw;
}

.news-right .item:hover .news-more{
	opacity: 1;
	transform: translateY(0px);	
}

.news-right .item:hover .info .name{
	color: #06572a;
}

.news-right .item:hover .inner img{
	transform: scale(1.05);
}

.news-right .item::before{
	width: 0%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #06572a;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.news-right .item:hover::before{
	width: 100%;
}

.footer{
	padding: 50px 0px 1vw;
}

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

.f-logo{
	width: 100px;
}

.f-nav{
	width: auto;
	display: flex;
	gap: 3vw;
}

.f-nav a:hover{
	color: #06572a;
}

.footer-center{
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	padding-bottom: 2vw;
    margin-bottom: 1vw;
}

.company-info{
	width: 30%;
	
}

.websites{
	width: 30%;
	display: flex;
	justify-content: center;
}

.websites .item{
	width: 96px;
}

.socials{
	width: auto;
	display: flex;
	gap: 1vw;
}

.socials .item{
	width: 120px;
}

.socials .item .img{
	margin-bottom: 0px;
}

.socials .item p{
	font-size: 0.875rem;
	text-align: center;
}

.company-info .name{
	font-size: 1.5rem;
	margin-bottom: 2vw;
	font-weight: bold;
}

.company-info .infos{
	width: 100%;
	line-height: 1.5;
}

.company-info .infos p{
	margin-bottom: 0.5vw;
}

.company-info .infos p:last-child{
	margin-bottom: 0;
}

.copyright{
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 0.875rem;
	color: #999999;
}

.copyright a{
	color: #999999;
}

.copyright a:hover{
	color: #333333;
}

.sub-banner {
    height: 100vh;
    position: relative;
    overflow: hidden;
    width: 100%;
	will-change: transform;
}

.sub-banner.detail{
	height: 40vh;
}

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

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

.sub-banner .txt {
    width: 85%;
    height: auto;
    position: absolute;
    top: 65%;
    color: #ffffff;
    font-size: 4vw;
    left: 7.5%;
	font-weight: bold;
}

.intro-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.video-box{
	width: 30%;
	border-radius: 1vw;
	overflow: hidden;
	box-shadow: 15px 15px 35px rgba(0, 0, 0, .05);
	position: relative;
}

.video-box .inner{
	padding-top: 60%;
}

.intro-box .singePage{
	width: 65%;
}

.hisSwiper {
	color: #333333;
	position: relative;
	width: 84%;
	margin-left: 8%;
	overflow: hidden;
	margin-bottom: 10vw;
}

.hisSwiper .year {
	font-size: 6vw;
	font-family: din;
	line-height: 1;
}

.hisSwiper .des {
	width: 100%;
	position: relative;
	line-height: 25px;
	text-align: justify;
	margin-top: 1vw;
	overflow-y: auto;
	height: auto;
	min-height: 100px;
}

.his_bar {
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #ffffff;
	align-items: center;
	margin-top: 3vw;
}

.his_bar .info {
	width: 200px;
	position: relative;
}

.his_bar .info p {
	font-size: 18px;
	text-transform: uppercase;
	position: absolute;
	left: 0px;
	top: -15px;
}

.his_bar .info b {
	display: block;
	font-size: 88px;
}

.timeline {
	width: 70%;
    position: relative;
    margin-left: 30%;
}

.timeline .line {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 4.5px;
	content: '';
	background: rgba(0, 0, 0, 1);
	transition: all .5s;
	transform: scaleX(0%);
	transform-origin: left center;
}

.timeline::after {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 5.5px;
	content: '';
	background: rgba(0, 0, 0, .1);
}

.timeline .ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.timeline a {
	flex: 1;
	display: flex;
	position: relative;
	align-content: center;
	flex-wrap: wrap;
	cursor: pointer;
	align-items: center;
}

.timeline a .dot {
	width: 10px;
	height: 10px;
	background: #333333;
	border-radius: 50%;
}

.timeline a .num {
	width: 100%;
    position: absolute;
    opacity: 0.5;
    transition: all 0.5s;
    top: 15px;
	font-family: Manrope;
	transform: translateX(-13px);
}

.timeline a.active .num {
	opacity: 1;
}

.hisSwiper .swiper-slide {
	background: rgba(0, 0, 0, .1);
	padding: 2vw;
	border-radius: 0.5vw;
	transition: all 0.5s;
}


.hisSwiper .swiper-slide.swiper-slide-active {
	opacity: 1;
	background: #C8DFA0;
	color: #333333;
}

.history-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 10vw 0px;
}

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

.history-box .cd-name{
	width: auto;
	position: absolute;
	left: 7.5%;
	bottom: 6vw;
}

.wenhua-box{
	position: relative;
	width: 100%;
}

.wenhua-box .w1400{
	display: flex;
	flex-wrap: wrap;
	color: #ffffff;
	justify-content: space-between;
	align-items: flex-start;
}

.wenhua-box .cd-name{
	width: 30%;
}

.cultrues{
	width: 65%;
}

.cultrues .item{
	padding-bottom: 3vw;
	border-bottom: 1px solid rgba(255,255,255,.3);
	margin-bottom: 3vw;
	cursor: pointer;
}

.cultrues .item .name{
	font-size: 32px;
	
}

.cultrues .item .des{
	display: none;
	margin-top: 1vw;
	line-height: 30px;
    min-height: 60px;
}

.cultrues .item.active .des{
	display: block;
}

.cultrue-box{
	background: url(../images/cultrue-bg.jpg) center center no-repeat;
	background-size: cover;
	display: flex;
	padding:8vw 5vw;
    border-radius: 1vw;
	justify-content: space-between;
}

.cultrue-box .cd-name{
	color: #ffffff;
	width: 30%;
}

.add-list{
	width: 50%;
}

.add-list .item{
	width: 100%;
	height: auto;
	padding: 2.5vw 0px;
	display: flex;
	align-items: center;
	position: relative;
	gap: 1vw;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.add-list .item:first-child{
	padding-top: 0;
}

.add-list .item .icon{
	width: 50px;
	height: auto;
	border-radius: 50%;
	background: rgba(255, 255, 255, .85);
	backdrop-filter: blur(5px);
	border-radius: 50%;
	position: relative;
	padding: 10px;
}

.add-list .item .txt{
	font-size: 1.2rem;
	font-family: Manrope;
}

.add-list .item{
	width: 100%;
	height: auto;
	position: relative;
	color: #ffffff;
}

.in .hero-info{
	color: #333333;
}

.in .char span{
	transform: translateX(0px);
    opacity: 1;
    filter: blur(0px);
}

.in .hero-info .des{
	opacity: 1;
    transform: translateY(0px);
}

.hero-word{
	width: 85%;
	height: auto;
	position: absolute;
	left: 7.5%;
	bottom: 5vw;
	font-family: Poppins;	
	font-size: 4.5vw;
	line-height: 1.2;
	background: linear-gradient(to right, #C8DFA0, #E4EDD3);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.hero-word.even{
	text-align: right;
}
.hisSwiper .swiper-pagination{
	display: none;
}
.technology{
	width: 100%;
	height: auto;
	position: relative;
}

.technology .item{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 5vw;
	display: flex;
    flex-direction: row-reverse;
	background: #F9F9F9;
    border-radius: 1vw;
    box-shadow: 25px 25px 50px rgba(0, 0, 0, .1);
	overflow: hidden;
	align-items: center;
}

.technology .item:last-child{
	margin-bottom: 0;
}

.technology .item .thum{
	width: 100%;
}

.technology .item .swiper{
	width: 50%;
}

.technology .item .info{
	width: 50%;
	padding: 2vw 3vw;
}

.technology .item  .inner{
	padding-top: 60%;
}

.technology .item .info .icon{
	width: 70px;
	height: auto;
	background: #fff;
	border-radius: 50%;
	border: 1px dotted #407A58;
	padding: 15px;
	margin-bottom: 1vw;
	box-shadow: 0px 0px 30px rgba(64, 122, 88, .2);
}

.technology .item .info .name{
	font-size: 2vw;
	font-weight: 500;
	margin-bottom: 1.5vw;
}

.technology .item .info .des{
	width: 100%;
	position: relative;
	line-height: 25px;
	height: auto;
	overflow-y: auto;
}

.deve-box{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 5vw;
}

.deve-box .info{
	width: 42%;
	background: #eef5e3;
	padding: 2vw;
	border-radius: 0.5vw;
    overflow: hidden;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.deve-box .thum{
	width: 55%;
	border-radius: 0.5vw;
    overflow: hidden;
}

.deve-box .thum .inner{
	padding-top: 60%;
}

.deve-box .info .name{
	font-size: 2vw;
    font-weight: 500;
    margin-bottom: 1.5vw;
}

.deve-box .info .des{
	line-height: 1.7;
}

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

.dw-box .dw-left{
	width: 30%;
}

.dw-box .dw-left .cd-name{
	font-size: 2vw;
}

.dw-menu{
	width: 100%;
}

.dw-menu .item{
	width: 250px;
    height: 70px;
    position: relative;
    background: #F9F9F9;
    border-radius: 5px;
    margin-bottom: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	font-size: 1.1rem;
}

.dw-menu .item::after{
	width: 0%;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	background: #06572a;
	transition: all .4s;
}

.dw-menu .item.active::after,.dw-menu .item:hover::after{
	width: 100%;
	left: 0;
}

.dw-menu .item.active{
	color: #06572a;
}

.technology .item .info .des strong{
	color: #06572a;
}

.dw-right{
	width: 65%;
}

.dw-content strong{
	font-size: 1.1rem;
}
.dw-list{
	width: 100%;
	display: none;
}

.dw-list.active{
	display: block;
}

.dw-list .item{
	margin-bottom: 2vw;
	background: #F9F9F9;
	padding: 2vw;
	border-radius: 0.5vw;
}

.dw-list .item .name{
	font-size: 1.75vw;
    font-weight: bold;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.dw-content{
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.7;
}

.liabili-tips{
	width: 100%;
	text-align: center;
	line-height: 1.7;
	font-size: 1.35rem;
	padding: 0px 5%;
}

.liablis{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 5vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.liablis .item{
	width: 47.5%;
	height: auto;
	position: relative;
	border-radius: 0.5vw;
	overflow: hidden;
	margin-bottom: 6vw;
}

.liablis .item:nth-child(even){
	top: 6vw;
}

.liablis .item .inner{
	padding-top: 60%;
}

.footer-line{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0.5;
}

.play-btn{
	width: 71px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.video-box .play-btn{
	display: block;
}

@media screen and (max-width: 1600px){
	.hisSwiper .des{
		min-height: 125px;
	}
}
@media screen and (max-width: 1500px){
	.news-content .focus .info .name{
		font-size: 1.25rem;
		line-height: 40px;
	}
	.news-right .item .info .name{
		font-size: 1.25rem;
		margin-bottom: 0.5vw;
	}
	.news-more {
		width: 120px;
		height: 36px;
	}
	.news-more .inner-box .txt{
		font-size: 0.875rem;
	}
	.news-more .inner-box .img{
		width: 22px;
	}
	.news-more .inner-box{
		gap: 10px;
	}
	.news-right .item .info .date{
		margin-bottom: 1vw;
	}
	.news-content .focus:hover .info .name{
		width: calc(100% - 140px);
	}
	
}
@media screen and (max-width: 1440px){	
	.hisSwiper .des{
		min-height: 150px;
	}
}

@media screen and (max-width: 900px){	
	.hisSwiper .des{
		min-height: auto;
	}
	header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		transition: all 0.3s ease;
		height: 60px;
		padding: 0 5vw;
		background: #407a58;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	}
	header .right{
		position: fixed;
		width: 100%;
		height: 0;
		left: 0;
		padding: 0;
		top: 0;
	}
	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%);
	}
	nav.active{
        pointer-events: auto;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	header .logo {
		width: 60px;
	}
	
	.w1400{
		width: 90%;
	}
	
	html {
		font-size: 16px;
	}
	
	
	header .right nav ul{
		display: block;
		width: 100%;
		height: auto;
		position: relative;
		padding: 0 5%;
	}
	header .right nav ul li{
		margin-right: 0;
		line-height: 55px;
		margin-bottom: 0vw;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		transform: translateY(35px);
		opacity: 0;
		transition: all 0.75s cubic-bezier(0.215, 0.610, 0.355, 1) 0.5s;
	}

	header .right nav ul li:nth-child(2){
		transition-delay: 0.5.5s;
	}
	header .right nav ul li:nth-child(3){
		transition-delay: 0.6s;
	}
	header .right nav ul li:nth-child(4){
		transition-delay: 0.65s;
	}
	header .right nav ul li:nth-child(5){
		transition-delay: 0.7s;
	}
	header .right nav ul li:nth-child(6){
		transition-delay: 0.75s;
	}
	header .right nav ul li:nth-child(7){
		transition-delay: 0.8s;
	}

	header .right nav.active ul li{
		transform: translateY(0px);
		opacity: 1;

	}

	header .right nav ul li a{
		font-size: 24px;
		padding: 5vw 0px;
        display: block;
		color: #333333;
	}
	header .right nav ul li a .ae{
		text-shadow: none;
	}
	.langpc{
		display: none;
	}
	header .right .lang {
		position: absolute;
		margin-top: 0vw;
		right: calc(3vw + 50px);
		top: 12px;
	}
	header .right .lang .version {
		width: 35px;
		height: 35px;
		position: relative;
		line-height: 35px;
		text-align: center;
		cursor: pointer;
	}
	header .right .lang .globe{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 30px;
		height: 30px;
		transform: translate(-50%, -50%) scale(0.7);
		border-radius: 50%;
		overflow: hidden;
		will-change: transform;
	}
	header .right .lang .version .languge{
		width: 80px;
		height: auto;
		position: absolute;
		left: 50%;
		margin-left: -40px;
		background: #fff;
		top: 50px;
		padding: 10px 0px;
		-webkit-transition: all .5s;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	}
	header .right .lang .version:hover .languge{
		opacity: 1;
        visibility: visible;
        pointer-events: auto;
		top: 40px;
	}
	header .right .lang .version .languge a{
		color: #333333;
		transition: color 0.3s;
		font-family: manrope;
		position: relative;
		z-index: 2;
		font-size: 0.9rem;
		line-height: 16px;

	}
	header .right .lang .version .languge a p::before{
		height: 2px;
	}
	header .right nav ul li:hover a .ae {
		transform: translateY(0vw);
	}
	.sub-banner{
		margin-top: 60px;
		height: 40vh;
	}
	.sub-banner .txt{
		font-size: 8vw;
	}
	.intro-box{
		flex-wrap: wrap;
	}
	.video-box{
		width: 100%;
	}
	header .right.active {
		padding: 0;
	}
	header .right.active .logos {
		opacity: 0;
		left: 0px;
		pointer-events: none;
	}
	.banner-swiper{
		margin-top: 60px;
	}
	.banner-swiper .swiper-slide{
		height: 100vw;
	}
	.banner-swiper .slogan .img{
		width: 60%;
		margin-bottom: 5vw;
	}
	.banner-swiper .slogan .title span{
		display: block;
	}
	.banner-swiper .slogan .title{
		font-size: 8vw;
		line-height: 1.3;
	}
	.banner-swiper .slogan .des{
		font-size: 3vw;
	}
	.infinite-line{
		width: 2306px;
		height: 100px;
	}
	.infinite-line img{
		bottom: -20px;
	}
	.banner-swiper .slogan{
		top: 35%;
	}
	.about-box{
		flex-wrap: wrap;
		margin-bottom: 15vw;
	}
	.about-info{
		width: 100%;
	}
	.cd-name{
		font-size: 7vw;
		margin-bottom: 3.5vw;
	}
	.boxes{
		padding: 15vw 0px;
	}
	.data-show{
		padding: 5vw;
		margin-bottom: 10vw;
	}
	.data-show .item .top .l{
		font-size: 10vw;
		line-height: 1;
	}
	.data-show .item .top{
		margin-bottom: 0;
	}
	.data-show .item .btm{
		font-size: 0.875rem;
	}
	.about-info .singePage{
		margin-bottom: 10vw;
	}
	.about-gallery{
		width: 100%;
		margin-top: 10vw;
	}
	.about-gallery .item{
		display: none;
	}
	.about-gallery .item:last-child{
		display: block;
		width: 100%;
        margin-left: 0;
        border-radius: 0;
	}
	.about-gallery .item .inner {
		padding-top: 60%;
	}
	.play-btn{
		width: 50px;
	}
	.business .item {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 5vw;
        border-radius: 1.5vw;
	}
	.business .item .inner {
		padding-top: 80%;
	}
	.business .item .box .info .des {
		line-height: 1.7;
		min-height: auto;
		font-size: 0.875rem;
		overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
	}
	.business .item .box .info .icon{
		width: 15vw;
		padding: 3.5vw;
		margin-bottom: 3vw;
	}
	.business .item .box .info .name{
		font-size: 5vw;
		margin-bottom: 1vw;
	}
	.business .item .box .info{
		padding: 5vw;
	}
	.business .item:last-child{
		margin-bottom: 0;
	}

	.hero .cd-name{
		position: relative;
		color: #333333;
		top: 0;
	}
	.hero{
		background: #ffffff;
		padding-bottom: 10vw;
	}
	.hero-content{
		height: auto;
		margin-bottom: 5vw;
	}

	.hero-warp{
		padding: 0px 5vw;
		position: relative;
	}

	.hero-img{
		position: relative;
		height: 50vw;
	}
	.hero-info{
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		min-width: 100%;
        background: #f9f9f9;
        color: #3e3e3e;
		padding: 5vw;
		padding-left: 18vw;
	}
	.hero-box{
		position: relative;
		height: auto;
	}
	.hero-info .icon{
		backdrop-filter: blur(0px);
		transform: rotate(0deg);
		opacity: 1;
		margin-bottom: 0;
		width: 12vw;
        padding: 2.5vw;
		position: absolute;
		left: 3.5vw;
	}
	.hero-info .name{
		font-size: 5vw;
	}
	.hero-info .des{
		opacity: 1;
		transform: translateY(0px);
		font-size: 0.875rem;
	}
	.news-content{
		flex-wrap: wrap;
	}
	.news-content .focus{
		width: 100%;
		margin-bottom: 5vw;
		padding: 3vw;
        border-radius: 1.5vw;
	}
	.news-right{
		width: 100%;
	}
	.news-right .item{
		margin-bottom: 3vw;
		border-radius: 1vw;
		padding: 3vw;
	}
	.news-content .focus .info .name {
        font-size: 1.125rem;
        line-height: 1.5;
    }
	.news-content .focus .info{
		margin-top: 2vw;
	}
	.news-more{
		display: none;
	}
	.news-content .focus:hover .info .name,.news-content .focus:hover .info .date{
        width: 100%;
    }
	.news-content .focus::before{
		height: 3px;
	}
	.news-right .item .info .name{
		font-size: 1rem;
		margin-bottom: 1vw;
	}
	.news-right .item .box{
		align-items: center;
	}
	.footer-top{
		display: none;
	}
	.footer-center{
		flex-wrap: wrap;
		padding-bottom: 3vw;
        margin-bottom: 3vw;
	}
	.company-info{
		width: 100%;
		margin-bottom: 5vw;
	}
	.websites{
		display: none;
	}
	.socials{
		width: 100%;
	}
	.copyright{
		flex-wrap: wrap;
		font-size: 10px;
	}
	.intro-box .singePage{
		width: 100%;
		margin-top: 5vw;
	}
	.data-show.in{
		flex-wrap: wrap;
	}
	.data-show.in .item{
		width: 33.33%;
		margin-bottom: 5vw;
	}
	.data-show.in .item:nth-child(n+4){
		margin-bottom: 0;
	}
	.data-show.in .item .btm{
		font-size: 0.7rem;
		line-height: 1.3;
	}
	.data-show.in .item .top .l{
		font-size: 10vw;
	}
	.history-box .cd-name{
		position: relative;
		left: auto;
		bottom: auto;
		width: 90%;
        margin-left: 5%;
		text-align: center;
		margin-bottom: 10vw;
	}
	.hisSwiper{
		width: 90%;
		margin-left: 5%;
		padding-bottom: 35px;
		margin-bottom: 0;
	}

	.hisSwiper .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
		
		border-radius: 5px;
	}
	.hisSwiper .swiper-pagination-bullet-active{
		width: 20px;
		background: #407a58;
		
	}
	.hisSwiper .swiper-slide{
		padding: 10vw 5vw;
	}
	.timeline{
		display: none;
	}
	.hisSwiper .year{
		font-size: 12vw;
		margin-bottom: 3vw;
	}
	.history-box{
		padding: 15vw 0px;
		background: #f9f9f9;
	}
	.hisSwiper .swiper-pagination{
		display: block;
	}
	.cultrue-box{
		flex-wrap: wrap;
		padding: 15vw 5vw;
	}
	.cultrue-box .cd-name,.add-list{
		width: 100%;
	}
	.add-list .item .txt{
		font-size: 1rem;
	}
	.cultrue-box .cd-name{
		margin-bottom: 10vw;
	}
	.add-list .item .icon{
		width: 40px;
	}
	.add-list .item .txt{
		width: calc(100% - 40px);
		padding-left: 5px;
		font-size: 0.875rem;
	}
	.hero.in{
		padding: 15vw 0px;
	}
	.in .hero-info{
		padding-left: 3.5vw;
	}
	.in .hero-info .name{
		font-size: 5vw;
	}
	.hero-word{
		position: relative;
		display: none;
	}
	.hero-info.even{
		right: 0;
		text-align: left;
	}
	.in .hero-content:last-child{
		margin-bottom: 0;
	}
	.technology .item{
		flex-wrap: wrap;
	}
	.technology .item .thum{
		width: 100%;
	}
	.technology .item .info{
		width: 100%;
		padding: 5vw;
		padding-left: 18vw;
	}
	.technology .item .info .icon{
		margin-bottom: 0;
        width: 12vw;
        padding: 2.5vw;
        position: absolute;
        left: 3.5vw;
	}
	.technology .item .info .des{
		line-height: 1.7;
		min-height: auto;
		height: auto;
		font-size: 0.875rem;
	}
	.technology .item .info .name {
		font-size: 5vw;
		font-weight: 500;
		margin-bottom: 1vw;
	}
	.news-right.full .item{
		width: 100%;
		margin-bottom: 3vw;
	}
	.news-right.full{
		margin-top: 0;
	}
	.liabili-tips{
		line-height: 1.7;
		font-size: 1.15rem;
		padding: 0px 0%;
		text-align: left;
	}
	.liablis .item {
		width: 100%;
		height: auto;
		position: relative;
		border-radius: 1.5vw;
		overflow: hidden;
		margin-bottom: 5vw;
	}
	.liablis .item:nth-child(even) {
		top: 0vw;
	}
	.boxes.pd3 {
		padding-top: 10vw;
	}
	.play-btn{
		display: block;
	}
	.technology .item .swiper{
		width: 100%;
	}
	.company-info .infos{
		font-size: 0.875rem;
	}
	.company-info .name {
		font-size: 1.25rem;
	}
	.socials .item p {
		font-size: 0.75rem;
	}
	.socials .item {
		width: 100px;
	}
	.deve-box .info{
		width: 100%;
		padding: 5vw;
	}
	.deve-box .thum{
		width: 100%;
	}
	.deve-box .info .name{
		font-size: 7vw;
	}
	.deve-box{
		margin-bottom: 15vw;
	}
	.dw-box .dw-left .cd-name{
		font-size: 7vw;
	}
	.dw-box .dw-left,.dw-list{
		width: 100%;
	}
	.dw-menu{
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}
	.dw-menu .item{
		width: auto;
		height: auto;
		padding: 5px 10px;
        font-size: 0.875rem;
	}
	.dw-list{
		margin-top: 5vw;
	}
	.dw-list .item{
		background: transparent;
		padding: 0;
		margin-bottom: 5vw;
	}
	.dw-content,.deve-box .info .des{
		font-size: 0.875rem;
	}
	.dw-list .item .name {
		font-size: 1.25rem;
        padding-bottom: 3vw;
        margin-bottom: 3vw;
	}
	.wenhua-box .cd-name {
		width: 100%;
	}
	.cultrues{
		width: 100%;
	}
	.cultrues .item .name{
		font-size: 6vw;
	}
	.cultrues .item .des{
		line-height: 1.7;
		min-height: auto;
		font-size: 0.875rem;
		display: block;
	}
	.hisSwiper .swiper-pagination{
		display: block;
	}
	.singePage{
		font-size: 0.875rem;
	}
}