/*
 *	Created by Edward on 23/11/15
 *	Copyright (c) 2023 ishutime.com All rights reserved
*/

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

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

@font-face {
	font-family: SourceHanSans;
	/* src: url(../fonts/SourceHanSansCN-Regular.TTF); */
	src: url(https://website-ishutime.oss-cn-chengdu.aliyuncs.com/SourceHanSansCN-Regular.TTF)
}


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

.pics.mob{
	display: none;
}


html,
body {
	font-family: 'SourceHanSans', "思源黑体", "Microsoft YaHei", '微软雅黑', "Arial";

	color: #272727;
}

input,
textarea {
	font-family: 'SourceHanSans', "思源黑体", "Microsoft YaHei", '微软雅黑', "Arial";
}

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

.header {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 100;
	padding: 25px 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-transform: translateY(-50%);
	opacity: 0;
}

.header.active {
	-webkit-transform: translateY(0%);
	opacity: 1;
}

.logo {
	position: relative;
}

.aboutLeft{
	width: 45%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 0%;
}

.number{
	width: 100%;
	height: auto;
	position: relative;
}

.cyl_bg{
	position: absolute;
	width: 20vw;
	height: 50vh;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	overflow: hidden;
	border-radius: 3vw;
}

.cyl_bg img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
	top: 0%;
}

.number ul{
	width: 100%;
	display: flex;
	position: relative;
}

.number ul li{
	width: 180px;
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 40px;
}

.number ul li .year{
	width: auto;
	position: relative;
	color: #e40012;
	font-size: 60px;
	font-family: montserrat;
}

.number ul li .info{
	width: auto;
	position: relative;
	margin-left: 5px;
}


.number ul li:first-child::after{
	width: 1px;
	height: 70%;
	position: absolute;
	right: 0%;
	top: 15%;
	content: '';
	background: rgba(0, 0, 0, .05);
}

.jules{
	width: 50%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
}

.jules img{
	-webkit-animation: hotBefore2 20s ease infinite;
}
@-webkit-keyframes hotBefore2{
	0%{
		-webkit-transform:translateX(0%);
	}
	50%{
		-webkit-transform:translateX(10%);
	}
	100%{
		-webkit-transform:translateX(0%);
	}
}

.number ul li:last-child{
	margin-left: 40px;
	width: calc(100% - 240px);
	flex-wrap: wrap;
	line-height: 1.2;
	font-weight: bold;
	font-size: 20px;
}
.number ul li:last-child p{
	display: block;
	width: 100%;
}
.number ul li .info b{
	font-weight: normal;
}
.aboutLeft .name{
	font-size: 2.2vw;
	position: relative;
	font-weight: bold;
	margin-bottom: 1vw;
}

.logo .slogan {
	width: 340px;
	height: auto;
	position: absolute;
	left: 250px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	font-size: 24px;
	text-align: right;
	line-height: 1;
	border-left: 1px solid rgba(255, 255, 255, .1);
	overflow: hidden;
	display: none;
}

.logo .slogan span {
	display: block;
}

@-webkit-keyframes loop-link {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}


.header::before {
	width: 100%;
	height: 30vh;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15));
	pointer-events: none;
}

.header.active {}



.header a,
.header span {
	color: #ffffff;
}



.slides {
	height: 100vh;
	overflow: hidden;
}

.slides .slide {
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.slides .slide .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	background: center center no-repeat;
	background-size: cover;
}

.slide1 {
	padding-left: 0 !important;
}

.slide1  video{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.slide1 .swiper-slide {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.slide1 .swiper-slide .parallax {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.footer.pos {
	height: auto;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0px;
	bottom: 0%;
}

.footer.w{
	color: #fff;
}

.footer.w .cp{
	color: rgba(255, 255, 255, .75);
}

.socail a .ebox{
	width: 140px;
	height: auto;
	line-height: 20px;
	padding: 5px 5px;
	background: rgba(0, 0, 0, .3);
	border-radius: 5px;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top: -45px;
	font-size: 12px;
	font-family: montserrat;
	display: none;
}

.socail a:hover .ebox{
	display: block;
}

.socail a .ebox::after{
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid rgba(0, 0, 0, .3);
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -5px;
	content: '';
}

.footer.w .socail a{
	color: rgba(255, 255, 255, .75);
	border: 1px solid rgba(255, 255, 255, .5);
}

.footer.w .socail a:hover{
	color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, 1);
}

.slide3 .top{
	display: none;
}

.footer.w .top{
	color: rgba(255, 255, 255, .75);
	border: 1px solid rgba(255, 255, 255, .5);
}

.footer.w .cp a{
	background: #fff;
	color: #3e3e3e;
	padding: 1px 10px;
	border-radius: 10px;
}

.footer.w .cp a:hover{
	text-decoration: underline;
}

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

.slide1 .back_img.mob{
	display: none;
}

.banner-swiper .swiper-pagination {
	width: auto;
	right: 5%;
	text-align: right;
	bottom: 3%;
}

.banner-swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, .5);
	width: 75px;
	height: 5px;
	border-radius: 0px;
	-webkit-transition: all .5s;
}

.banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 1);
	height: 10px;
}


.nav {
	width: 700px;
	position: relative;
}

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

.nav ul li {
	width: calc(100% / 5);
	position: relative;
	text-align: center;
	line-height: 45px;
}

.nav ul li .firstLab,
.nav ul li .firstLab a {
	position: relative;
	width: 100%;
	display: block;
}

.nav ul li .firstLab a {
	-webkit-transition: all .5s;
}

.nav ul li:hover .firstLab a {
	letter-spacing: 1px;
}

.nav ul li .firstLab {
	font-size: 18px;
}

.nav ul li:hover .firstLab a {}

.nav ul li .secondLab {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 65px;
	background: rgba(0, 0, 0, .35);
	padding: 5px 5px;
	-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);
	border-radius: 0px;
	font-size: 14px;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
}

.nav ul li .secondLab::after {
	width: 0px;
	height: 0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(0, 0, 0, .35);
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: -6px;
	display: block;
	content: '';
}

.nav ul li .secondLab a {
	display: block;
	width: 100%;
	height: auto;
	line-height: 45px;
	color: rgba(255, 255, 255, .75);
	font-size: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.nav ul li .secondLab a:last-child {
	border-bottom: none;
}

.nav ul li:hover .secondLab {
	opacity: 1;
	visibility: visible;
	top: 48px;
}

.nav ul li:hover .secondLab::before {
	top: -14px;
}

.nav ul li .secondLab a:hover {
	color: #fff;
}


.mouse_icon {
	width: 150px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom: 5%;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	z-index: 5;
}

.mouse_icon p {
	font-size: 14px;
	display: block;
	margin-top: 15px;
}

.mouse_icon .mouse {
	width: 30px;
	height: auto;
	margin: 0px auto;
	position: relative;
}

.mouse_icon .mouse::before {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 55%;
	-webkit-transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .1);
	border-radius: 50%;
	content: '';
}

.mouse_icon .mouse img {
	-webkit-animation: upAnimate 2s ease infinite;
}

@-webkit-keyframes upAnimate {

	0%,
	100% {
		-webkit-transform: translateY(-4px);
	}

	50% {
		-webkit-transform: translateY(4px);
	}
}

.mouse_icon .icon {
	width: 18px;
	margin: 0px auto;
}

.mouse_icon .icon img {
	-webkit-animation: upAnimate2 2s ease infinite;
}

@-webkit-keyframes upAnimate2 {

	0%,
	100% {
		-webkit-transform: translateY(-1px);
	}

	50% {
		-webkit-transform: translateY(3px);
	}
}

.banner-swiper .swiper-pagination {
	width: auto;
	right: 5%;
	text-align: right;
	bottom: 3%;
}

.banner-swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, .5);
	width: 75px;
	height: 5px;
	border-radius: 0px;
	-webkit-transition: all .5s;
}

.banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 1);
	height: 5px;
}

.slide_txt {
	width: 80%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 45%;
	-webkit-transform: translateY(-50%);
	color: #fff;
}

.slide_txt .p1 {
	width: 100%;
	display: flex;
	position: relative;
	font-size: 3.5vw;
	font-weight: bold;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	overflow: hidden;
}

.slide_txt .p1 .p {
	margin-right: 1vw;
}

.slide_txt .p1 .p:last-child {
	margin-right: 0%;
}

.common_info {
	width: 25%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 25%;
	color: #fff;
}



.common_info .name {
	font-size: 2.8vw;
	font-weight: bold;
	margin-bottom: 0.5vw;
}

.common_info .des {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 18px;
	line-height: 2;
}

.product_menu {
	width: 280px;
	height: 55px;
	padding: 5px;
	position: absolute;
	left: 50%;
	margin-left: -140px;
	bottom: 7%;
	display: flex;
	background: rgba(255, 255, 255, .2);
	backdrop-filter: blur(5px);
	border-radius: 50px;
	justify-content: space-between;
}

.product_menu a {
	display: block;
	width: 49%;
	height: auto;
	line-height: 45px;
	position: relative;
	font-size: 16px;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
}

.product_menu a:hover,
.product_menu a.active {
	background: #fff;
	color: #db0025;
}

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

.pics .pic {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	-webkit-transform: scale(1);
	opacity: 0;
	-webkit-transition: all 1s;
}

.pics .pic.active {
	-webkit-transform: scale(1);
	opacity: 1;
}





.busniess {
	width: 90%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 55%;
	-webkit-transform: translateY(-50%);
}

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

.busniess ul li {
	width: 20%;
	padding: 50px 35px;
	height: 50vh;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 10px;
	color: #fff;
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	background: rgba(0, 0, 0, .1);
	backdrop-filter: blur(1px);

}

.busniess ul li.active {
	width: 56%;
}

.busniess ul li .b_btn {
	position: relative;
	opacity: 0;
	-webkit-transform: translateY(90px);
}

.busniess ul li .singePage {
	position: relative;
	opacity: 0;
	width: 100%;
	-webkit-transform: translateY(30px);
	font-size: 18px;
}

.busniess ul li .b_btn .commonMore{
	margin-top: 0px;
}

.busniess ul li.active .singePage {
	-webkit-transition: all 1s .75s;
	-webkit-transform: translateY(0px);
	opacity: 1;
}

.busniess ul li.active .b_btn {
	-webkit-transition: all 1s .85s;
	opacity: 1;
	-webkit-transform: translateY(30px);
}

.busniess ul li .singePage p {
	margin-bottom: 0px;
}

.busniess ul li .word {
	font-family: montserrat;
	text-transform: uppercase;
	position: absolute;
	left: 35px;
	bottom: 20px;
	font-size: 1vw;
	line-height: 1.4;
}

.hs_title {
	font-size: 1vw;
	position: relative;
	margin-bottom: 0.5vw;
	line-height: 20px;
	width: auto;
	display: inline-flex;
}

.hs_title::after {
	width: 50px;
	height: 1px;
	position: absolute;
	right: -60px;
	top: 50%;
	content: '';
	background: #fff;
}

.hs_name {
	width: 100%;
	position: relative;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 1vw;
}


.loading {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0%;
	top: 0%;
	background:#fff url(../images/loading.jpg) no-repeat;
	background-size: cover;
	z-index: 100;
	
	-webkit-clip-path: polygon(100% 0, 0 0, 0% 100%, 100% 100%);
}


.loading.active {
	-webkit-transition: all 1.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}


.load_txt {
	width: 400px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.load_txt .img {
	width: 216px;
	margin-bottom: 10px;
	background: url(../images/logoR.png) no-repeat;
	-webkit-mask-image: url(../images/mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	-webkit-animation: backloop 3s cubic-bezier(0.215, 0.610, 0.355, 1) 1 forwards;
}

@-webkit-keyframes backloop {
	0% {
		-webkit-mask-position: 150% 0%;
	}

	100% {
		-webkit-mask-position: 25% 0%;
	}
}



.load_txt .img img {
	opacity: 0;
}

.load_txt .txt {
	width: 100%;
	color: #db0025;
	/* color: #fff; */
	font-size: 28px;
	font-weight: bold;
	line-height: 36px;
	-webkit-mask-image: url(../images/mask.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	-webkit-animation: backloop2 4s cubic-bezier(0.215, 0.610, 0.355, 1) 1 forwards;
	text-align: center;
	font-family: "Microsoft YaHei";
}

@-webkit-keyframes backloop2 {
	0% {
		-webkit-mask-position: 200% 0%;
	}

	100% {
		-webkit-mask-position: 25% 0%;
	}
}

.progress {
	font-family: montserrat;
	font-size: 20px;
	margin-top: 2vw;
	color: #db0025;
	/* color: #ffffff; */
	width: 100%;
	text-align: center;
	position: relative;
	opacity: 0;
	-webkit-animation: proloop 1s cubic-bezier(0.215, 0.610, 0.355, 1) 1 forwards;
	-webkit-animation-delay: 0.5s;
}

@-webkit-keyframes proloop {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


.progress::after,
.progress::before {
	width: 40%;
	height: 1px;
	position: absolute;
	top: 50%;
	content: '';
	background: linear-gradient(90deg, rgba(228, 0, 18, 0), rgba(228, 0, 18, 1));
	/* background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); */
}

.progress::before {
	left: 0%;
}

.progress::after {
	left: 60%;
	background: linear-gradient(-90deg, rgba(228, 0, 18, 0), rgba(228, 0, 18, 1));
	/* background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); */
}

.nav_bg{
	display: none;
	width: 45px;
	height: 45px;
	overflow: hidden;
	position: fixed;
	right: 10px;
	top: 7.5px;
	background: #fff;
	border-radius: 50%;
	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
}

.progress span {
	margin-right: 3px;
}

.footer {
	width: 100%;
	padding-bottom: 5px;
	position: relative;
}

.commonMore .icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	background: url(../images/icon.png) no-repeat;
	background-size: cover;
}


.sub_banner {
	width: 100%;
	height: 100vh;
	position: relative;
	background: #000;
	margin-top: 0px;
	overflow: hidden;
}

.sub_img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: center center no-repeat;
	background-size: cover;
	opacity: 1;
	-webkit-transform:  scale(1.1);
	-webkit-animation: subAnimate 4s ease 1 forwards;
}

@-webkit-keyframes subAnimate {
	0% {
		-webkit-transform:  scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

.slogans {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	color: #fff;
	text-align: center;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

.slogans .cn {
	font-size: 4vw;
	position: relative;
	font-weight: bold;
	margin-bottom: 1vw;
	padding-bottom: 1vw;
}

.slogans .cn::after{
	width: 0px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 0%;
	content: '';
	border-radius: 50px;
	background: #fff;
	-webkit-animation: lineLoop 1s ease 1 forwards;
}

@-webkit-keyframes lineLoop{
	0%{
		width: 0px;
		margin-left: 0px;
	}
	100%{
		width: 30px;
		margin-left: -15px;
	}
}

.slogans .en {
	width: 100%;
	font-size: 2vw;
	font-family: montserrat;
	text-transform: uppercase;
	font-weight: bold;
}

.tag_box{
	width: 100%;
	position: relative;
	margin-bottom: 3vw;
}

.tag_list{
	width: 100%;
	display: flex;
	position: relative;
	margin-bottom: 1.5vw;
}

.tag_list:last-child{
	margin-bottom: 0px;
}

.tag_list .name{
	width: 80px;
	line-height: 35px;
}

.tag_list .list{
	width: calc(100% - 80px);
	position: relative;
	display: flex;
	flex-wrap: wrap;
	z-index: 5;
}

.tag_list .list a{
	line-height: 25px;
	padding: 5px 0px;
	border-radius: 50px;
	display: block;
	margin-right: 10px;
	cursor: pointer;
	width: 115px;
	text-align: center;
	-webkit-transition: all .35s;
	position: relative;
	z-index: -2;
	color: #3e3e3e;
	background: #f1f1f1;
}
.tag_list .list a::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	background: #db0025;
	border-radius: 50px;
	-webkit-transition: all .45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	z-index: -1;
	-webkit-transform: scale(0.5);
	opacity: 0;
}

.tag_list .list a:hover,.tag_list .list a.active{
	color: #fff;
}

.tag_list .list a:hover::before,.tag_list .list a.active::before{
	-webkit-transform: scale(1);
	opacity: 1;
}

.product{
	width: 100%;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.product ul li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(0, 0, 0, .1);
	direction: rtl;
}

.product ul li .left{
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	direction: initial;
}

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

.product ul li .left .box{
	width: 60%;
	position: relative;
}

.product ul li .thum{
	width: 60%;
}

.product ul li .left .box .mark{
	display: inline-block;
	background: #e40012;
	color: #fff;
	line-height: 25px;
	padding: 0px 15px;
	border-radius: 30px 30px 30px 0px;
	font-size: 14px;
}

.product ul li .left .box .name{
	font-size: 32px;
	line-height: 1.4;
	padding: 5px 0px;
}

.product ul li .left .box .des{
	line-height: 1.7;
	font-size: 16px;
	opacity: 0.5;
}

.socail{
	width: auto;
	align-items: center;
	display: flex;
}

.socail a{
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid rgba(0, 0, 0, .1);
	line-height: 38px;
	text-align: center;
	border-radius: 50%;
	margin-right: 10px;
	cursor: pointer;
	color: rgba(0, 0, 0, .5);
	-webkit-transition: all .35s;
	position: relative;
}

.socail a .img{
	width: 240px;
	height: auto;
	background: rgba(0, 0, 0, .3);
	position: absolute;
	left: -20px;
	-webkit-transform: translateY(-207px);
	display: none;
	padding: 10px;
	font-size: 12px;
}
.news_top a.first .thum{
		display: none;
	}
.socail a:hover .img{
	display: block;
}

.socail a .img ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.socail a .img ul li{
	width: 48%;
	position: relative;
}
.socail a .img ul li .txt{
	line-height: 20px;
	margin-top: 5px;
}

.socail a .img::after{
	width: 0px;
	height: 0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, .3);
	position: absolute;
	left: 34px;
	bottom: -6px;
	content: '';
}

.socail a:hover{
	border: 1px solid rgba(0, 0, 0, .5);
	color: rgba(0, 0, 0, .75);
}

.top:hover{
	border: 1px solid rgba(0, 0, 0, .5);
	color: rgba(0, 0, 0, .75);
}

.socail a .icon{
	width: 40px;
	height: 40px;
	font-size: 20px;
	position: relative;
}

.cp{
	width: calc(100% - 150px);
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: rgba(0, 0, 0, .5);
}

.cp a{
	color: rgba(0, 0, 0, .5);
	margin-left: 10px;
}

.top{
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid rgba(0, 0, 0, .1);
	line-height: 38px;
	text-align: center;
	border-radius: 50%;
	color: rgba(0, 0, 0, .3);
	-webkit-transition: all .35s;
}

.cp a:hover{
	color: #000;
}

.join_img{
	margin-bottom: 3vw;
}

.join_img img{
	border-radius: 10px;
}

.join_info{
	width: 100%;
	height: auto;
	position: relative;
}

.join_info .name{
	font-size: 2vw;
	font-weight: bold;
	margin-bottom: 0.5vw;
}

.join_info .des{
	line-height: 2;
	position: relative;
	font-size: 18px;
}

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

.add_list ul{
	width: calc(100% - 290px);
	display: flex;
	flex-wrap: wrap;
	padding-top: 2vw;
	align-items: flex-start;
	margin-top: 50px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.add_list ol{
	width: 240px;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0vw;
	margin-top: 38px;
}

.add_list ol .name{
	width: 100%;
	height: auto;
	position: relative;
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 30px;
	font-weight: bold;
}

.add_list ol li{
	background: #fff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	width: 48%;
	padding: 5px;
	position: relative;
}

.add_list ol li::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}

.add_list ol li:hover::before{
	animation: gradient-rectangle 2s infinite;
	animation-delay: 0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

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

.add_list ol li .txt{
	text-align: center;
	font-size: 14px;
	margin-top: 5px;
}

.add_list ul li{
	width: 30%;
	position: relative;
	margin-bottom: 2vw;
}

.add_list ul li:nth-child(n+4){
	margin-bottom: 0px;
}

.add_list ul li p{
	font-weight: bold;
	font-size: 14px;
}

.add_list ul li a{
	font-family: montserrat;
	font-size: 1.6vw;
}

.about_box{
	background: url(../images/about_bg.jpg);
	padding-bottom: 25vw;
}

.about_box .singePage{
	width: 60%;
	height: auto;
	position: relative;
	margin-left: 40%;
}

.jule_img{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	bottom: 0%;
}

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

.addBg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	-webkit-transition: all .5s;
}

.addBg img.active{
	opacity: 1;
}

.cyl_box{
	width: 100%;
	height: 100vh;
	padding: 0px;
	background:  center center;
	background-size: cover;
}

.cyl_box.cyl2{
	padding: 6vw 0px;
	height: auto;
}

.common_name{
	font-size: 2.8vw;
	position: relative;
	font-weight: bold;
	margin-bottom: 3vw;
}

.common_name.w{
	color: #fff;
}

.cyl_list{
	width: 55%;
	position: relative;
	color: #fff;
	min-height: 50vh;
}

.cyl_list ul{
	width: 100%;
	height: auto;
	position: relative;
	display: none;
}

.cyl_list ul.active{
	display: block;
}

.cyl_list ul li{
	position: relative;
	margin-bottom: 1.5vw;
	padding-left: 16px;
}

.cyl_list ul li::after{
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0px;
	top: 12px;
	content: '';
	background: #fff;
	border-radius: 50%;
}

.cyl_list ul li .name{
	position: relative;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 0.5vw;
}
.cyl_list ul li .des{
	font-size: 16px;
	line-height: 1.7;
	opacity: .7;
}

.cyl_nav{
	width: 350px;
	display: flex;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.cyl_nav a{
	width: 175px;
	height: auto;
	position: relative;
	cursor: pointer;
	padding-bottom: 35px;
}

.p_search{
	width: 100%;
	display: flex;
	position: relative;
	margin-bottom: 1.5vw;
	padding-left: 80px;
}

.p_search input{
	width: 300px;
	height: 45px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 3px 0px 0px 3px;
	text-indent: 10px;
	outline: none;
}

.p_search input::placeholder{
	color: rgba(0, 0, 0, .3);
}

.p_search .p_submit{
	width: 80px;
	height: 45px;
	background: rgba(0,0,0,0.2);
	border-radius: 0px 3px 3px 0px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

.p_search .p_submit:hover{
	background: rgba(0,0,0,0.5);
}


.cyl_nav a .icon{
	width: 75px;
	height: 75px;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 5px;
	margin-bottom: 15px;
	-webkit-transition: all .35s;
}

.cyl_nav a.active .icon{
	
	border: 1px solid #fff;
	background: rgba(0, 0, 0, .1);
}

.cyl_nav a .icon::after{
	width: 75px;
	height: 75px;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/cyl_icon.png) no-repeat;
	background-size: cover;
}

.cyl_nav a:nth-child(2) .icon::after{
	background-position: -75px 0px;
}

.cyl_nav a .txt{
	width: 100%;
	height: auto;
	position: relative;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}


.cyl_nav a::after{
	width:0px;
	height: 5px;
	position: absolute;
	right: 0px;
	bottom: -2px;
	content: '';
	background: #fff;
	border-radius: 5px;
	-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.cyl_nav a.active::after{
	width:175px;
	right: auto;
	left: 0%;
}

.cyl_info{
	width: 60%;
	position: absolute;
	left: 20%;
	top: 15vh;
	text-align: center;
	opacity: 0;
	-webkit-transform: translateY(50px);
}

.cyl_info .common_name{
	margin-bottom: 1.5vw;
}

.singePage.w{
	color: #fff;
}

.cyl_info .singePage b{
	font-size: 24px;
	display: block;
	margin-bottom: 0.5vw;
}

.honorSwiper{
	width: 70%;
	position: relative;
	margin-left: 0px;
	padding-bottom: 45px;
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{
	top: auto;
	bottom: 5px;
	height: 1px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	height: 5px;
	top: -2px;
	background: #db0025;
	border-radius: 5px;
}

.swiper-pagination-progressbar{
	background: rgba(0,0,0,.05);
}

.honorSwiper .swiper-slide{
	width: calc(100% / 3  - 25px);
}

.honorSwiper .swiper-slide .img{
	width: 145px;
	height: auto;
	margin: 0px auto;
}

.honorSwiper .swiper-slide .box{
	padding: 25px;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

.honorSwiper .swiper-slide .box:last-child{
	margin-bottom: 0px;
}

.honorSwiper .swiper-slide .info{
	width: 100%;
	height: auto;
	position: relative;
	padding: 15px 0px;
}

.honorSwiper .swiper-slide .info .year{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	font-family: montserrat;
	font-size: 4vw;
	color: rgba(0, 0, 0, .05);
}

.honorSwiper .swiper-slide .info .name{
	line-height: 25px;
	min-height: 50px;
	font-size: 20px;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
}

.honorSwiper .swiper-slide .info .title{
	width: 100%;
	text-align: center;
	position: relative;
	line-height: 25px;
}

.cultrue{
	padding: 0px;
	height: 100vh;
	background: center center no-repeat;
	background-size: cover;
}

.common_name.pos{
	position: absolute;
	left: 0px;
	top: 10vh;
	width: 100%;
	text-align: center;
}

.cultrue ul{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
}

.cultrue ul li{
	width: calc(100% / 3);
	height: 100%;
	position: relative;
	-webkit-transition: all 1s;
}

.cultrue ul li:hover{
	background: rgba(0, 0, 0, .4);
}
.detail_top{
    overflow: hidden;
}
.detail_top .w100{
    position: relative;
}
.detail_top:before{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    background: url(../../../attachment/images/2023/12/08/image_1702007582_g0Yr7Ysz.jpg) 50% 40%;
    background-size: cover;
    content: '';
    backdrop-filter: blur(10px);
    filter: blur(5px);
    webkit-transform: scale(1.2);
}

.cultrue ul li::after{
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0%;
	content: '';
	background: rgba(255, 255, 255, .1);
}

.cultrue ul li .box{
	color: #fff;
	width: 80%;
	margin-left: 10%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	text-align: center;
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.cultrue ul li:hover .box{
	top: 45%;
}

.cultrue ul li .box .name{
	margin-bottom: 1vw;
}

.cultrue ul li .box .name .en{
	font-family: montserrat;
	text-transform: uppercase;
	font-size: 3vw;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
}

.cultrue ul li .box .name .en::after{
	width: 20px;
	height: 4px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	content: '';
	bottom: 0px;
	background: #fff;
	border-radius: 5px;
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.cultrue ul li:hover .box .name .en::after{
	width: 50px;
	margin-left: -25px;
}

.cultrue ul li .box .name .cn{
	font-size: 24px;
}

.cultrue ul li .box .des{
	font-size: 18px;
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	-webkit-transform: translateY(50px);
	opacity: 0;
}

.cultrue ul li:hover .box .des{
	-webkit-transform: translateY(0px);
	opacity: 1;
}

.news_nav{
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 5;
	margin-bottom: 3vw;
}

.news_nav a{
	display: block;
	padding: 12px 55px;
	position: relative;
	line-height: 25px;
	font-size: 18px;
	z-index: 2;
	background: #f1f1f1;
	border-radius: 50px;
	margin: 0px 10px;
	-webkit-transition: all .5s;
}

.iconBox {
	position: absolute;
	width: 80px;
	color: white;
	top: 45%;
	left: 50%;
	margin-left: -40px;
	cursor: pointer;
	height: 80px;
	-webkit-transition: all .6s;
	display: none;
}

.iconBox.active{
	display: none;
}
.iconBox.active:after{
    background-position: -70px 0px;
}

.iconBox::after {
	width: 70px;
	height: 70px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/play_icon.png) no-repeat;
	background-size: auto 100%;
	content: '';
	margin-left: -35px;
	margin-top: -35px;
}

.iconBox.play::after {
	background-position: -70px 0px;
}

.news_nav a::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	z-index: -1;
	background: #db0025;
	border-radius: 50px;
	-webkit-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transform: scale(0.5);
	opacity: 0;
}

.news_nav a:hover::before,.news_nav a.active::before{
	-webkit-transform: scale(1.05);
	opacity: 1;
}

.news_nav a:hover,.news_nav a.active{
	color: #fff;
}

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



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


.news_top a:hover .name{
	color: #db0025;
}

.news_top a:hover .pic{
	-webkit-transform: scale(1.05);
}

.news_top .second .more{
	left: 0px;
}

.more{
	width: 75px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #db0025;
	line-height: 20px;
}

.more .icon{
	font-size: 18px;
}

.news_top a.first{
	background: url(../images/news_bg.jpg) no-repeat;
	background-size: cover;
	padding: 45px 25px 35px;
	border-radius: 10px;
}

.news_top a.first .name{
	font-size: 24px;
	font-weight: bold;
	position: relative;
	margin-bottom: 2vw;
	-webkit-transition: all .4s;
	line-height: 40px;
    min-height: 80px;
}

.news_top a.first .name b,.news_top a.second .name b{
	background: linear-gradient(#db0025, #db0025) 0 100%/0 1px no-repeat;
	text-decoration: none;
	transition: background .6s cubic-bezier(0.215, 0.610, 0.355, 1);
	display: inline;
}

.news_top a.first:hover .name b,.news_top a.second:hover .name b{
    background-size: 100% 1px;
}

.news_top a.first .des{
	width: 100%;
	font-size: 18px;
	line-height: 2;
	position: relative;
	-webkit-line-clamp: 3;
	margin-bottom: 10vw;
	opacity: 0.7;
}

.news_top a.second .thum{
	border-radius: 10px;
	margin-bottom: 1vw;
}

.news_top a.second .name{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0.5vw;
	-webkit-transition: all .4s;
}
.news_top a{
	width: 32%;
	position: relative;
	margin-right: 2%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	padding-bottom: 35px;
}

.news_top .more{
	position: absolute;
	left: 25px;
	bottom: 35px;
}

.news_top a.second .des{
	-webkit-line-clamp: 3;
	font-size: 16px;
	opacity: 0.7;
}
.news_list{
	margin-top: 1.6vw;
}
.news_list ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.news_list ul li{
	width: 32%;
	position: relative;
	margin-right: 2%;
	margin-bottom: 1.6vw;
}

.news_list ul li:nth-child(3n){
	margin-right: 0%;
}

.news_list ul li a{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	background: url(../images/news_bg.jpg) no-repeat;
	background-size: cover;
	padding: 45px 25px 35px;
	border-radius: 10px;
}

.news_list ul li a .thum{
	border-radius: 10px;
	margin-bottom: 1vw;
	display: none;
}

.news_list ul li a:hover .pic{
	-webkit-transform: scale(1.05);
}

.news_list ul li a:hover .name{
	color: #db0025;
}

.news_list ul li a .name {
    font-weight: bold;
	position: relative;
	margin-bottom: 2vw;
	-webkit-transition: all .4s;
	font-size: 24px;
	line-height: 40px;
	min-height: 80px;
}

.news_list ul li a .name b{
	background: linear-gradient(#db0025, #db0025) 0 100%/0 1px no-repeat;
	text-decoration: none;
	transition: background .6s cubic-bezier(0.215, 0.610, 0.355, 1);
	display: inline;
}

.news_list ul li a:hover .name b{
	background-size: 100% 1px;
}

.news_list ul li a .des {
	width: 100%;
	font-size: 18px;
	line-height: 2;
	position: relative;
	-webkit-line-clamp: 3;
	margin-bottom: 10vw;
	opacity: 0.7;
}

@media screen and (max-width: 1440px) {
	.nav {
		width: 600px;
	}

	.logo {
		width: 180px;
	}

	.logo .slogan {
		width: 290px;
		font-size: 20px;
		left: 220px;
	}

	.busniess ul li .word {
		bottom: 20px;
	}

	.singePage,
	.common_info .des {
		font-size: 16px;
	}
	
	.hs_name{
		font-size: 28px;
		margin-bottom: 0.5vw;
	}
	.busniess ul li .singePage{
		font-size: 16px;
	}
	.cyl_list ul li .name{
		font-size: 18px;
	}
	.cyl_list ul li{
		margin-bottom: 1vw;
	}
	.cyl_list ul li .des{
		font-size: 14px;
	}
	.busniess ul li{
		padding: 25px;
	}
	.about_box .singePage{
		width: 60%;
		margin-left: 40%;
	}
	.number ul li{
		width: 140px;
		padding-right: 10px;
		font-size: 14px;
	}
	.number ul li .year{
		font-size: 50px;
	}
	.number ul li:last-child {
	    margin-left: 15px;
	    width: calc(100% - 140px);
		font-size: 16px;
	}
	.product ul li .left .box{
		width: 80%;
	}
	.product ul li .left .box .name {
	    font-size: 2.5vw;
	}
	
	.honorSwiper .swiper-slide .info .name{
		font-size: 18px;
	}
}

@media screen and (max-width: 1365px) {
	.logo {
	    width: 130px;
	}
	.logo .slogan {
	    width: 225px;
	    font-size: 16px;
	    left: 150px;
	}
	.nav {
	    width: 50%;
	}
	.nav ul li .firstLab {
	    font-size: 16px;
	}
	.nav ul li .secondLab a{
		line-height: 40px;
		font-size: 14px;
	}
	html{
		overflow: auto;
		position: relative;
	}
	.hs_name {
	    font-size: 22px;
	}
	.busniess ul li .singePage {
	    font-size: 16px;
	    line-height: 1.7;
	}
	.cp{
		font-size: 12px;
	}
	#container{
		position: relative;
	}
	.aboutLeft{
		width: 100%;
		position: relative;
		margin-bottom: 2vw;
	}
	.about_box .singePage {
	    width: 100%;
	    margin-left: 0%;
	}
	.aboutLeft .name{
		font-size: 2.8vw;
	}
	.mouse_icon p{
		font-size: 12px;
	}
	.cyl_info{
		width: 80%;
		left: 10%;
	}
	.honorSwiper{
		width: 90%;
	}
	.honorSwiper .swiper-slide .img{
		width: 70%;
	}
	.tag_list .list a{
		width: 100px;
	}
	
	.news_top a.first .name,.news_list ul li a .name{
		font-size: 20px;
	}
	.news_list ul li a .name {
    	line-height: 30px;
    	min-height: 60px;
    }
	.news_top a.first .des,.news_top a.second .des,.news_list ul li a .des{
		font-size: 14px;
	}
	.detail_top .w100,.detail_box{
		width: 80%;
	}
	.detail_box .dpr{
		display: none;
	}
	.detail_box .dpl{
		width: 100%;
	}
	.ndc_npnews .post_next, .ndc_npnews .post_prev {
	    font-size: 14px;
	    padding: 15px;
		flex-wrap: wrap;
	}
	.ndc_npnews a{
		display: block;
		width: 100%;
	}
	.detail_top .info {
	    margin-top: 10px;
	    font-size: 12px;
	}
	.detail_top{
		padding: 150px 0px 25px;
	}
}

@media screen and (max-width: 1024px){
	.logo {
	    width: 120px;
	}
	.logo .slogan {
	    width: 163px;
	    font-size: 12px;
	    left: 129px;
	}
	.header {
	    background: transparent;
	    padding: 5px 3%;
	    height: 60px;
	}
	.menu_btn {
	    display: block;
	    background: #e40012;
	    color: transparent;
		top: 7.5px;
		border-radius: 50%;
		right: 10px;
		z-index: 20;
	}
	.nav {
	    height: calc(100vh - 0px);
	    position: fixed;
	    left: 0px;
	    top: 0px;
	    display: block;
	    width: 100%;
	    -webkit-transition: all .5s;
	    opacity: 0;
	    visibility: hidden;
	    pointer-events: none;
	    margin-right: 0%;
		z-index: 10;
	}
	
	.header::before{
		display: none;
	}
	
	.sub_banner{
		height: 60vw;
	}
	.mouse_icon{
		display: none;
	}
	.slogans .cn{
		font-size: 5vw;
		margin-bottom: 2vw;
		padding-bottom: 2vw;
	}
	.slogans .en{
		font-size: 3vw;
	}
	.w1400{
		width: 90%;
	}
	.aboutLeft .name{
		font-size: 6vw;
	}
	.number ul li:last-child{
		font-size: 14px;
	}
	.singePage{
		font-size: 14px;
	}
	.common_name{
		font-size: 6vw;
		margin-bottom: 5vw;
	}
	.cyl_list ul li .name{
		font-size: 16px;
	}
	.cyl_list{
		width: 80%;
		min-height: auto;
	}
	.cyl_nav a{
		width: 100px;
		padding-bottom: 15px;
	}
	.cyl_nav a .txt{
		font-size: 14px;
		font-weight: normal;
	}
	.cyl_nav a .icon{
		margin-bottom: 5px;
	}
	.cyl_nav a .icon,.cyl_nav a .icon::after{
		width: 50px;
		height: 50px;
	}
	.cyl_nav a:nth-child(2) .icon::after {
	    background-position: -50px 0px;
	}
	.cyl_nav a.active::after {
	    width: 100px;
	}
	.honorSwiper{
		width: 100%;
	}
	.cyl_info {
	    width: 90%;
	    left: 5%;
	}
	.cyl_info .singePage b{
		font-size: 4vw;
	}
	.boxes,.cyl_box.cyl2{
		padding: 10vw 0px;
	}
	.honorSwiper .swiper-slide .box{
		padding: 15px;
	}
	.honorSwiper .swiper-slide .img {
	    width: 50%;
		margin-bottom: 5px;
	}
	.honorSwiper .swiper-slide .info{
		padding: 5px 0px;
	}
	.honorSwiper .swiper-slide .info .title{
		line-height: 20px;
	}
	.honorSwiper .swiper-slide .info .name{
		min-height: 40px;
		font-size: 14px;
	}
	.honorSwiper .swiper-slide .box{
		margin-bottom: 10px;
	}
	.aboutLeft{
		margin-bottom: 3vw;
	}
	.about_box{
		padding-bottom: 25vw;
	}
	.cultrue{
		padding: 0px;
	}
	.top{
		display: none;
	}
	.cultrue ul {
	    width: 90%;
		left: 5%;
	    height: auto;
		justify-content: center;
		flex-wrap: wrap;
		top: 45%;
		-webkit-transform: translateY(-50%);
		background: rgba(255,255,255,.1);
		backdrop-filter: blur(5px);
	}	
	.cultrue ul li{
		width: 50%;
		height: auto;
		border: 1px solid rgba(255,255,255,.5);
		padding: 25px;
	}
	.cultrue ul li .box{
		width: 100%;
		top: 0%;
		-webkit-transform: translateY(0%);
		margin-left: 0%;
		position: relative;
	}
	.cultrue ul li .box .des{
		-webkit-transform: translateY(0px);
		opacity: 1;
	}
	.flex{
		flex-wrap: wrap;
	}
	.socail{
		width: 100%;
		justify-content: center;
		margin-bottom: 2vw;
	}
	.cp{
		width: 100%;
		line-height: 20px;
	}
	.cyl_nav{
		width: 100%;
		margin-top: 5vw;
	}
	.cultrue ul li .box .name .en{
		font-size: 4vw;
		padding-bottom: 10px;
		margin-bottom: 5px;
	}
	.cultrue ul li .box .name .cn {
	    font-size: 5vw;
	}
	.cultrue ul li .box .des{
		font-size: 14px;
	}
	.cultrue ul li:last-child{
		width: 100%;
		border-top: none;
	}
	.cultrue ul li:first-child{
		border-right: none;
	}
	.cultrue ul li .box .name{
		margin-bottom: 3vw;
	}
	.socail a .img{
		width: 200px;
		-webkit-transform: translateY(-183px);
	}
	.nav.active {
	    opacity: 1;
	    visibility: visible;
	    pointer-events: auto;
	}
	.nav_bg{
		display: block;
		
	}
	.nav_bg.active{
		-webkit-transform: scale(40);
	}
	.number ul li .info{
		font-size: 12px;
	}
	.number ul li{
		width: 130px;
	}
	.number ul li:last-child{
		margin-left: 10px;
		width: calc(100% - 130px);
	}
	.nav ul{
		flex-wrap: wrap;
		top: 50%;
		-webkit-transform: translateY(-50%);
		position: relative;
	}
	.nav ul li{
		width: 100%;
		line-height: 60px;
		-webkit-transform: translateY(50px);
		opacity: 0;
	}
	.nav.active ul li{
		-webkit-transform: translateY(0px);
		opacity: 1;
		-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .35s;
	}
	.nav.active ul li:nth-child(2){
		-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .4s;
	}
	.nav.active ul li:nth-child(3){
		-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .45s;
	}
	.nav.active ul li:nth-child(4){
		-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
	}
	.nav.active ul li:nth-child(5){
		-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .55s;
	}
	.header a{
	    color: #3e3e3e;
	}
	.nav ul li .secondLab{
		display: none;
	}
	.nav ul li .firstLab{
		font-size: 20px;
	}
	.menu_btn{
		box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
	}
	.tag_list{
		flex-wrap: wrap;
	}
	.tag_list .list{
		width: calc(100% - 60px);
	}
	.tag_list .list a {
		width: 60px;
		font-size: 12px;
		margin-right: 2px;
		margin-bottom: 5px;
		padding: 0px 0px;
	}
	.tag_list .name {
		width: 55px;
	    line-height: 25px;
		font-size: 12px;
		font-weight: bold;
	}
	.product ul li{
		flex-wrap: wrap;
		background: #fff;
		margin-bottom: 0vw;
		border: none;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.product ul li .left::after{
		display: none;
	}
	.product ul li .left{
		width: 100%;
		padding:10vw 5vw;
	}
	.product ul li .thum{
		width: 100%;
	}
	.product ul li .left .box{
		width: 100%;
	}
	.product{
		border-bottom: none;
	}
	.product ul li .left .box .mark{
		line-height: 20px;
		padding: 0px 10px;
		font-size: 12px;
	}
	.product ul li .left .box .des{
		font-size: 14px;
	}
	.product ul li .left .box .name {
	    font-size: 5vw;
		padding-bottom: 0px;
		padding: 7px 0px 7px;
	}
	.jpage a,#page li{
		margin: 0 3px;
		line-height: 30px;
		width: 30px;
		font-size: 12px;
	}
	.jpage span{
		font-size: 12px;
		opacity: 0.5;
	}
	.news_top a{
		width: 100%;
		padding: 0px;
		margin-right: 0px;
		margin-bottom: 7vw;
		border-bottom: 1px solid rgba(0,0,0,.1);
		padding-bottom: 4vw;
	}
	.news_top a.first,.news_list ul li a{
		padding: 0px;
		margin-right: 0px;
		background: transparent;
		margin-bottom: 7vw;
		border-bottom: 1px solid rgba(0,0,0,.1);
		padding-bottom: 4vw;
		border-radius: 0px;
	}
	.slogans .cn::after{
		height: 2px;
	}
	.news_top a.first .name{
		font-size: 18px;
		line-height: 1.4;
	}
	.news_top a.first .des{
		margin-bottom: 5vw;
	}
	.news_top .more{
		position: relative;
		left: 0px;
		bottom: 0px;
		font-size: 12px;
		width: 70px;
	}
	

	.news_top a .thum,.news_list ul li a .thum,.news_top a.second .thum{
		border-radius: 0px;
		margin-bottom: 3vw;
	}
	
	.news_top a.second .des{
		display: none;
	}
	.news_top a.second .name,.news_top a.first .name{
		width: 100%;
		    margin-bottom: 2vw;
	}
	.news_list ul li a .des{
		margin-bottom: 5vw;
	}
	.news_list ul li a{
		padding-bottom: 4vw;
	}
	.news_list ul li{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 0vw;
	}
	.detail_top .w100, .detail_box {
	    width: 90%;
	}
	.detail_top .title{
		font-size: 5vw;
	}
	.detail_top .info p{
		margin-right: 10px;
	}
	.detail_box{
		padding-top: 10vw;
	}
	.join_info .des{
		font-size: 14px;
	}
	.join_info .name,.join_img{
		font-size: 5vw;
	}
	.add_list{
		flex-wrap: wrap;
	}
	.add_list ul{
		width: 100%;
		margin-top: 0vw;
		padding-top: 0vw;
	}
	.add_list ol{
		margin: 10vw auto 0px;
	}
	.add_list ul li p{
		font-size: 14px;
	}
	.add_list ul li a{
		font-size: 4vw;
	}
	.add_list ul li {
	    width: 100%;
	    position: relative;
	    border-bottom: 1px solid rgba(0,0,0,.1);
	    padding-bottom: 2vw;
	    padding-top: 2vw;
	}
	.join_info{
		margin-bottom: 5vw;
	}
	.add_list ol .name{
		font-size: 4vw;
		text-align: center;
	}
	.load_txt .img{
		width: 150px;
	}
	.load_txt .img{
		width: 150px;
		background-size: cover;
	}
	.load_txt .txt{
		font-size: 5vw;
	}
	.progress{
		font-size: 4vw;
	}
	.progress::after, .progress::before{
		width: 42%;
	}
	.progress::after{
		left: 58%;
	}
	.slide_txt .p1{
		font-size: 7vw;
	}
	.slide_txt{
		width: 90%;
		top: 28%;
	}
	.slide1 .mouse_icon{
		display: block;
		bottom: 2%;
	}
	.slide1 .back_img.mob{
		display: block;
	}
	.slide1 .back_img.pc{
		display: none;
	}
	.banner-swiper .swiper-pagination-bullet{
		width: 25px;
	}
	.mouse_icon .mouse::before{
		background: none;
	}
	.mouse_icon p{
		margin-top: 0px;
	}
	.mouse_icon .mouse{
		display: none;
	}
	.busniess ul li.active,.busniess ul li{
		width: 100%;
		height: auto;
	}
	.busniess ul{
		flex-wrap: wrap;
	}
	.busniess ul li .singePage,.busniess ul li .b_btn{
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	.busniess ul li{
		padding: 5vw 15px;
		margin-bottom: 3vw;
	}
	
	.busniess ul li:last-child{
		margin-bottom: 0px;
	}
	
	.busniess ul li .singePage{
		height: 0;
		line-height: 25px;
		overflow: hidden;
		-webkit-transition: all 0.5s;
	}
	
	.busniess ul li.active .singePage{
		height: 100px;
		
	}
	
	.hs_name {
	    font-size: 5vw;
	    margin-bottom: 1vw;
	}
	
	.busniess ul li .singePage{
		font-size: 14px;
		margin-bottom: 3vw;
	}
	
	.busniess ul li .word {
	    bottom: 20px;
	    left: auto;
	    right: 15px;
		top: 5vw;
		text-align: right;
		font-size: 2vw;
	}
	
	.busniess ul li.active .b_btn {
	    -webkit-transition: all 1s .85s;
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	
	.commonMore {
	    width: 100px;
	    height: 35px;
		margin-top: 5vw;
	}
	
	.commonMore .icon{
		right: 10px;
		width: 14px;
		height: 14px;
	}
	.commonMore p {
		font-size: 14px;
		left: 16%;
		text-indent: 0px;
	}
	.pics.mob{
		display: block;
	}
	.pics.pc{
		display: none;
	}
	.socail{
		display: none;
	}
	.common_info{
		left: 5%;
		top: 15%;
		width: 90%;
	}
	.common_info .name{
		font-size: 5vw;
		margin-bottom: 2vw;
	}
	.common_info .des{
		font-size: 14px;
	}
	.news_list ul li a .name{
		margin-bottom: 2vw;
	}
	.slide_txt .p1{
		justify-content: center;
		text-align: center;
		font-size: 8vw;
	}
	.product_menu{
		bottom: 10%;
		width: 220px;
		height: 45px;
		margin-left: -110px;
	}
	.product_menu a{
		line-height: 35px;
		font-size: 14px;
	}
	.iconBox{
		display: block;
	}
	#page, .jpage{
		margin-top: 5vw;
	}
	.product{
		border-bottom: none;
	}
	.p_search{
		padding-left: 0px;
	}
	.p_search input{
		width: calc(100% - 80px);
	}
	.p_search .p_submit{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.p_search input{
		height: 40px;
	}
	.news_top a.first .name, .news_list ul li a .name{
	    min-height: auto;
	}
}