/*
 *	Created by Edward on 25/03/19
 *	Copyright (c) 2024 ishutime.com All rights reserved
*/

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

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


@font-face {
	font-family: din;
	src: url(../fonts/din-bold-webfont.woff2);
}

@font-face {
	font-family: Silka;
	/* src: url(../fonts/brown/brown-light.woff2) */
	src: url(../fonts/Silka-Regular.ttf);
}

body,
html {
	color: #333333;
	font-family: Silka, "Microsoft YaHei", '微软雅黑', "Arial";
	font-size: var(--font-size16);
}

:root {
	--font-size68: clamp(48px, 2.8vw, 68px);
	/* 54px */
	--font-size54: clamp(38px, 2.4vw, 54px);
	/* 24px */
	--font-size24: clamp(18px, 1.2vw, 24px);
	/* 18px */
	--font-size20: clamp(18px, 1vw, 20px);
	/* 18px */
	--font-size18: clamp(16px, 0.9vw, 18px);
	/* 16px */
	--font-size16: clamp(14px, 0.8vw, 16px);
	/* 14px */
	--font-size14: clamp(12px, 0.7vw, 14px);
	--color-white: #333333;
}

b,
strong {
	font-weight: 500;
}

textarea,
input {
	font-family: Silka, "Microsoft YaHei", '微软雅黑', "Arial";
	font-size: 14px;
	color: #333333;
}


.homeSwiper {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: #fff;
	
}

.homeSwiper>.swiper-wrapper>.swiper-slide {
	overflow: hidden;
	clip-path: inset(90px 60px 60px round 30px);
	transition: all 0.7s 0.5s;
}



.homeSwiper>.swiper-wrapper>.swiper-slide.swiper-slide-active {
	clip-path: inset(0 0 0);
}

.homeSwiper .swiper-slide:last-child {
	height: auto;
	clip-path: inset(0 0 0);
}

.homeSwiper .homeSwiper-pagination {
	bottom: 1vw;
	right: 3vw;
	top: inherit;
}

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

.homeSwiper .swiper-pagination {
	right: 2%;
}

.homeSwiper .swiper-pagination-bullet::after {
	width: 6px;
	height: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	background: #1d4590;
	opacity: 0.5;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.homeSwiper .swiper-pagination-bullet {
	opacity: 1;
	margin: 0.75vw 0px;
	border: 3px solid rgba(255, 255, 255, 0);
	width: 12px;
	height: 12px;
	position: relative;
	background: transparent;
	margin: 1.5vw 0px !important;
}




.homeSwiper .swiper-pagination-bullet-active {
	border-color: #1d4590;
}

.homeSwiper .swiper-pagination-bullet-active::after {
	opacity: 0;
}

.version {
	width: 35px;
	height: 35px;
	position: relative;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
}

.version .icon {
	font-size: 24px;
}

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

.version:hover .languge {
	top: 40px;
	opacity: 1;
	visibility: visible;
}

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

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

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

.version .languge a p::before {
	content: "";
	width: 0;
	height: 5px;
	background: #1d4590;
	position: absolute;
	right: 0%;
	bottom: 0;
	transition: 0.4s;
	z-index: -1;
	opacity: .4;
}

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

header {
	width: 90%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 2vw;
	z-index: 10;
	
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1vw 2vw;
	background: rgba(255, 255, 255, .5);
	backdrop-filter: blur(10px);
	opacity: 0;
	transform: translateY(25px);
}

.logo {
	width: 250px;
}

nav {
	width: 60%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	opacity: 0;
	transform: translateY(15px);
}

nav .item{
	position: relative;
	font-size: var(--font-size20);
	font-weight: 500;
	width: auto;
	display: block;
	padding: 0px 0px;
}

nav .item .first_lab{
	width: 100%;
	display: block;
	position: relative;
}

nav .item .first_lab a{
	line-height: 40px;
	padding: 15px 0px;
}

.en nav .item .first_lab a{
	word-break: break-all;
}

.en nav .item .secend_lab{
	width: 200px;
	margin-left: -100px;
	text-align: left;
	font-size: 16px;
	padding: 15px;
}

nav .item .secend_lab::before{
	width: 100%;
	height: 30px;
	position: absolute;
	left: 0;
	top: -30px;
	content: '';
	display: block;
}

nav .item .secend_lab{
	width: 120px;
    height: auto;
    position: absolute;
    left: 50%;
	margin-left: -60px;
    top: 68px;
    font-size: var(--font-size18);
    line-height: 25px;
    background: #fff;
    padding: 15px 5px;
    text-align: center;
    border-top: 3px solid #1d4590;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 5px 5px;
}

.en nav .item .secend_lab{
	top: 72px;
}

nav .item:hover .secend_lab{

	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
nav .item .secend_lab a{
	height: auto;
	padding: 6px 0px;
}
nav .item .secend_lab a p{
	line-height: 20px;
	height: auto;
}

nav .item .secend_lab a:hover{
	color: #1d4590;
}

nav .item .secend_lab a p::after{
	display: none;
}

nav a {
	position: relative;
	width: 100%;
	display: block;
}

nav a p{
	width: 100%;
	height: 20px;
	position: relative;
	overflow: hidden;
	line-height: 20px;
}

nav a p span{
	display: block;
	width: 100%;
	position: relative;
	margin-top: 0px;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

nav a p span:last-child{
	color: #1d4590;
}

nav a::after{
	width: 0%;
	height: 3px;
	position: absolute;
	left: auto;
	right: 10px;
	bottom: 0px;
	content: '';
	border-radius: 5px;
	background-image: linear-gradient(90deg, #95d3d1, rgba(98, 168, 204, 1));
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	display: none;
}

nav .item:hover span:first-child{
	margin-top: -20px;
}

.en nav .item:hover span:first-child {
    margin-top: -25px;
}
.en nav a p{
	height: 25px;
	line-height: 25px;
}
.en nav a:hover p span:first-child {
	margin-top: -25px;
}

#box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

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

.banner-swiper .swiper-slide {
	overflow: hidden;
	background-size: cover;
	position: relative;
	height: 100vh;
	background: #f9f9f9;
}



.homeSwiper .banner-swiper .swiper-pagination-bullet::after {
	display: none;
}

.homeSwiper .banner-swiper .swiper-pagination {
	width: 50%;
	text-align: center;
	bottom: 20%;
	left: 7.5%;
	text-align: left;
	right: auto;
}

.banner-swiper .swiper-pagination-bullet::before{
	width: 0%;
	height: 4px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: #1d4590;
}

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

@-webkit-keyframes bulletAnimate{
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

.banner-swiper .swiper-pagination-bullet {
	background: #dae4ee;
	width: 100px;
	height: 4px;
	opacity: 1;
	-webkit-transition: all .5s;
	margin: 0px 7px;
	border-radius: 0;
	margin-right: 1vw;
	border: none;
	margin: 0px;
	padding: 0px;
	margin: 0px 0.5vw !important;
}

.model_3D {
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transform: scale(1.05);
}

.logoBox {
	width: 250px;
	display: flex;
	position: relative;
	justify-content: space-between;
}

.logoBox .l {
	width: 100%;
	position: relative;
	clip-path: polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%);
	opacity: 0;
	animation: logoL 1.5s 0.75s forwards;
}

.log{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	transform: translateY(-50px);
	opacity: 0;
}

@keyframes logoL {
	form {
		transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease;
	}

	to {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%);
		opacity: 1;
		transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease;
	}
}

.logoBox .lo1 {
	position: absolute;
	width: 1vw;
	height: 0.5vw;
	background: url(../images/logo_4.png) center no-repeat;
	background-size: contain !important;
	margin-left: 2.2vw;
	top: 0;
	opacity: 0;
}

.logoBox .lo2 {
	position: absolute;
	width: 2vw;
	height: 0.59vw;
	background: url(../images/logo_3.png) center no-repeat;
	background-size: contain !important;
	margin-left: 3.1vw;
	top: -0.1vw;
	opacity: 0;
}



.logoBox .lo3 {
	position: absolute;
	width: 1vw;
	height: 0.5vw;
	background: url(../images/logo_5.png) center no-repeat;
	background-size: contain !important;
	margin-left: 5vw;
	top: 0;
	opacity: 0;
}

.logoBox .r {
	width: 90px;
	clip-path: polygon(0% 150%, 100% 150%, 100% -20%, 0% 0%);
	opacity: 0;
	animation: logoR 1.5s 2s forwards;
}

@keyframes logoR {
	form {
		transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease;
	}

	to {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%);
		opacity: 1;
		transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease;
	}
}

.slogan {
	width: 40%;
	height: auto;
	position: absolute;
	left: 8%;
	top: 50%;
	transform: translateY(-50%);
	color: #1d4590;
	z-index: 2;
}

.slogan .sl {
	font-size: var(--font-size68);
	line-height: 1.2;
	margin-bottom: 5vw;
}
.en .slogan{
    width: 35%;
}
.ly_left .des,.ly_right .row .item .des,.team_swiper .swiper-slide .info .con,.rd_center .item .info .des,.tzz_info .t_des,.about_left .des{
    text-align: justify;
}

.en .gx_table .gx_cat p{
    writing-mode: initial;
    width: 80%;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0px auto;
    padding: 0.5vw 0px;
}
.en .slogan .sl{
	font-size: 2.4vw;
    line-height: 2;
    
}

.slogan .sl .words{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	line-height: 1.4;
}

.banner_img{
	width: 65%;
    height: auto;
    position: absolute;
    right: -5vw;
    top: 50%;
    overflow: hidden;
	opacity: 0;
	transform: scale(1.1) translateY(-50%);
	transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}

.active .banner_img{
	animation: bannerImg 6s ease forwards;
	opacity: 1;
}

@-webkit-keyframes bannerImg{
	0%{
		transform: scale(1.1) translateY(-50%);

	}
	100%{

		transform: scale(1) translateY(-50%);
	}
}

.slogan .sl .words p{
	transform: translateY(100%);
	transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1) .3s;
}

.active .slogan .sl .words p{
	transform: translateY(0);
	
}
.slogan .sl .words:nth-child(2) p{
	transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1) .4s;
}
.active .slogan .sl .words:nth-child(2) p{
	transform: translateY(0);
}

.active .slogan .km_more{
	opacity: 1;
	transform: translateY(0px);
}

.km_more {
	width: 168px;
	height: 55px;
	position: relative;
	display: block;
	overflow: hidden;
    border-radius: 50px;
}

.km_more .km_box{
	width: 100%;
	height: 53px;
	border: 1px solid #1d4590;
	border-radius: 50px;
	display: flex;
	align-items: center;
	color: #1d4590;
	font-family: Silka;
	transition: all 0.4s;
	position: relative;
}

.km_more.c{
	margin: 0px auto;
}

.slogan .km_more{
	opacity: 0;
	transition: all 0.7s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
	transform: translateY(45px);
}

.km_more .km_box:hover {
	background: #1d4590;
	color: #fff;

}

.km_more .icon {
	width: 51px;
	height: 51px;
	border: 1px solid #1d4590;
	border-radius: 50%;
	position: absolute;
	right: -1px;
	top: 0;
	line-height: 51px;
	text-align: center;
}

.km_more .icon span {
	position: relative;
	z-index: 2;
	transition: all 0.4s;
	display: block;
}

.km_more .icon::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(255, 255, 255, 1);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
	border-radius: 50%;
	transform: scale(0);
}


.km_more:hover .icon::before {
	transform: scale(1);
}


.km_more:hover .icon span {
	transform: rotate(45deg);
	color: #1d4590;
}


.km_more .txt {
	position: absolute;
	left: 25px;
	height: auto;
	overflow: hidden;
	top: 50%;
	line-height: 20px;
	transform: translateY(-50%);
	width: 100%;
}

.km_more:hover .txt{
	color: #fff;
}

.km_more:hover .txt p:nth-child(1) {
	top: -20px;
}

.km_more:hover .txt p:nth-child(2) {
	top: 0px;
}

.km_more.w .km_box{
	border: 1px solid #ffffff;
	color: #ffffff;
}

.km_more.w .icon {
	border-color: #ffffff;
}

.km_more.w .km_box:hover {
	border-color: #1d4590;
}

.km_more.w:hover .icon {
	border-color: #1d4590;
}

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

.bg.bg2 {
	background-image: url(../images/bg2.jpg);
}

.bg3 .img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 2s cubic-bezier(0.215, 0.610, 0.355, 1);
	transform: scale(1.02);
}

.bg3 .img img {
	width: 100%;
	height: 100%;
}

.bg3 .img.active {
	opacity: 1;
	transform: scale(1);
}

.about_left {
	width: 50%;
	height: auto;
	position: absolute;
	left: 8%;
	top: 58%;
	transform: translateY(-50%);
}

.about_left .title {
	color: #1d4590;
	font-size: 2vw;
	line-height: 1.2;
	margin-bottom: 1vw;
	transform: translateY(25px);
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}


.about_left .des {
	width: 100%;
	line-height: 2;
	margin-bottom: 2vw;
	font-size: var(--font-size18);
	transform: translateY(25px);
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.1s;
}

.about_left .km_more{
	transform: translateY(25px);
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.2s;
}

.about_left .nums_list {
	transform: translateY(25px);
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.3s;
}

.active .about_left .title,.active .about_left .des,.active .about_left .km_more,.active .about_left .nums_list{
	transform: translateY(0px);
	opacity: 1;
}

.nums_list {
	width: 70%;
	height: auto;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	margin-top: 3vw;
	justify-content: space-between;
}

.nums_list .item {
	width: 48%;
	margin-bottom: 1.5vw;
	background: #fbfbfb;
	padding: 1.5vw;
	color: #1d4590;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 0.5vw;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
}

.nums_list .item .num {
	width: 45%;
	text-align: center;
	font-family: din;
	font-size: 3vw;
	text-align: right;
}

.nums_list .item .info {
	width: 50%;
	font-size: var(--font-size18);
	line-height: 1.5;
}

.btm {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 5%;
	transform: translateY(25px);
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.3s;
}
.team_top.his {
	left: 8%;
	top: 23vh;
	width: 84%;
	position: absolute;
	transform: translateY(25px);
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.history {
	width: 84%;
	height: auto;
	position: absolute;
	left: 8%;
	top: 35vh;
	display: flex;
	justify-content: space-between;
	transform: translateY(25px);
	opacity: 0;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.15s;
}

.active .team_top.his,.active .btm,.active .history{
	opacity: 1;
	transform: translateY(0);
}

.btm_bar {
	width: 84%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	left: 8%;
}

.btm_bar .item {
	width: 110px;
	height: 110px;
	position: relative;
	transition: all 0.4s;
	cursor: pointer;
}

.btm_bar .item p {
	width: 75px;
	height: 75px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #f1f1f1;
	color: #1d4590;
	line-height: 75px;
	text-align: center;
	font-family: din;
	font-size: 22px;
	transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.honor_line {
	width: 4000px;
	height: 64px;
	position: absolute;
	left: 0%;
	bottom: 0;
	display: flex;
	pointer-events: none;
}

.honor_line img {
	width: 50%;
}

.honor_line.hl1 {
	-webkit-animation: moves 5s linear infinite;
}

.honor_line.hl2 {
	-webkit-animation: moves 5s linear infinite 2s;
	opacity: 0.5;
}

@-webkit-keyframes moves {
	0% {
		left: 0px;
	}

	100% {
		left: -2000px;
	}
}

.btm_bar .item:hover p,
.btm_bar .item.active p {
	transform: translate(-50%, -50%) scale(1.5);
	background-color: #1d4590;
	color: #ffffff;
	box-shadow: 0vw 0vw 5vw 0vw rgba(27, 70, 146, 0.51);
}

.btm_bar .item::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	border: 1px dashed rgba(0, 0, 0, .1);
	content: '';
}

.history .item {
	width: 110px;
	height: 40vh;
	position: relative;
	opacity: 0;
	pointer-events: none;
}

.history .item.active {
	opacity: 1;
	pointer-events: auto;
}

.history .item .marks {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	font-family: Silka;
	color: #1d4590;
	opacity: 0;
	transform: translateY(25px);
	transition: all 0.6s;
}

.history .item.active .marks {
	opacity: 1;
	transform: translateY(0px);
}

.his_name {
	width: auto;
	color: #1d4590;
	position: absolute;
	left: 8%;
	top: 23vh;
	font-size: 2.4vw;
}

.history .item .marks::after {
	width: 1px;
	height: 0vh;
	position: absolute;
	left: 50%;
	top: 5vh;
	content: '';
	background: #1d4590;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.history .item.active .marks::after {
	height: 35vh;
}

.history .item .rects {
	width: 45vw;
	height: auto;
	position: absolute;
	left: 130px;
	top: 0px;
	display: flex;
	flex-wrap: wrap;
	transition: all 0.8s cubic-bezier(0.215, 0.610, 0.355, 1);
	opacity: 0;
	transform: translateY(35px);
}

.history .item.active .rects {
	opacity: 1;
	transform: translateY(0px);
}

.history .item .rects p {
	position: relative;
	line-height: 25px;
	padding-left: 20px;
	font-size: var(--font-size18);
	margin-bottom: 10px;
	width: 100%;
}

.history .item .rects p::after {
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 9.5px;
	content: '';
	background: #1d4590;
	border-radius: 50%;
}

.history .item .rects img {
	width: 45%;
    margin-left: 20px;
    margin-top: 25px;
    border-radius: 0.35vw;
}

.history .item:nth-child(n+3) .rects {
	left: auto;
	right: 130px;
	justify-content: flex-end;
	width: 35vw;
}

.history .item:nth-child(n+3) .rects p {
	padding-left: 0;
	text-align: right;
	padding-right: 20px;
}

.history .item:nth-child(n+3) .rects p::after {
	left: auto;
	right: 0;
}

.history .item:nth-child(n+3) .rects img {
	margin-left: 0;
	margin-right: 20px;
}

.his_year {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-family: din;
	text-align: center;
	color: #eef0f4;
	font-size: 26vw;
}

.ly_left {
	width: 30%;
	height: auto;
	position: absolute;
	left: 8%;
	top: 58%;
	transform: translateY(-50%);
	color: #fff;
}

.ly_left .name {
	font-size: 2.4vw;
	line-height: 1.2;
	margin-bottom: 2vw;
	opacity: 0;
	transform: translateY(25px);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.ly_left .des {
	width: 100%;
	line-height: 2;
	margin-bottom: 2vw;
	font-size: var(--font-size18);
	opacity: 0;
	transform: translateY(25px);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .1s;
}

.ly_left .km_more{
	opacity: 0;
	transform: translateY(25px);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .2s;
}

.active .ly_left .name,.active .ly_left .des,.active .ly_left .km_more{
	opacity: 1;
	transform: translateY(0);
}

.ly_right {
	width: 50%;
	height: auto;
	left: 42%;
	top: 58%;
	transform: translateY(-50%);
	position: absolute;
	display: flex;
	justify-content: space-between;
}

.ly_right .row {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-wrap: wrap;
}

.ly_right .row .item {
	width: 48%;
	height: 16vw;
	padding: 4%;
	color: #fff;
	position: relative;
	margin-bottom: 2vw;
	cursor: pointer;
	display: block;
	opacity: 0;
	transform: translateY(25px);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.en .ly_right .row .item{
	padding: 3%;
}

.active .ly_right .row .item{
	opacity: 1;
	transform: translateY(0px);	
}

.ly_right .row .item:nth-child(2){
	transition-delay: 0.1s;
}

.ly_right .row .item:nth-child(3){
	transition-delay: 0.2s;
}

.ly_right .row .item::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	border-radius: 10px;
	transition: all 0.5s;
	content: '';
}

.ly_right .row .item:hover::before,
.ly_right .row .item.active::before {
	background: #1d4590;
}

.ly_right .row .item:nth-child(2) {
	top: 9vw;
}

.ly_right .row .item .icon {
	width: 50px;
	margin-bottom: 0.5vw;
	position: relative;
}

.ly_right .row .item .name {
	font-size: var(--font-size24);
	margin-bottom: 0.5vw;
	position: relative;
}

.ly_right .row .item .des {
	width: 100%;
	line-height: 1.7;
	font-size: var(--font-size16);
}

.ly_right .row .item .more {
	width: auto;
	height: auto;
	display: flex;
	position: absolute;
	left: 8%;
	bottom: 8%;
}

.ly_right .row .item .more p {
	transition: all 0.4s;
	margin-left: 0;
}

.ly_right .row .item:hover .more p {
	margin-left: 10px;
}

.ly_right .row .item .des {
	position: relative;
	line-height: 1.7;
}

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

.footer {
	width: 100%;
	height: auto;
	position: relative;
	background: #f9f9f9;
	padding: 3vw 5vw 1vw;
	border-radius: 2vw 2vw 0px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .025);
}

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

.mobile_img{
	display: none;
}

.f_logo {
	width: 250px;
}

.f_nav {
	width: 60%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.f_nav .item {
	width: auto;
}

.f_nav .item a {
	display: block;
	position: relative;
	line-height: 35px;
}

.f_nav .item a:first-child {
	margin-bottom: 0.25vw;
}

.f_nav .item a:nth-child(n+2) {
	opacity: 0.8;
}

.f_nav .item a p {
	width: auto;
	display: inline-block;
	position: relative;
}

.f_nav .item a p::after {
	width: 0%;
	height: 1px;
	position: absolute;
	left: auto;
	right: 0;
	bottom: 5px;
	content: '';
	background: #333333;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.f_nav .item a:hover p::after {
	left: 0;
	right: auto;
	width: 100%;
}

.footer_bottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: flex-end;
	font-size: var(--font-size14);
}

.wem {
	width: 120px;
	height: auto;
	position: relative;
}

.wem p {
	text-align: center;
	font-size: var(--font-size14);
	margin-top: 5px;
	opacity: 0.6;
}

.copyright {
	width: calc(100% - 300px);
	display: flex;
	position: relative;
	justify-content: space-between;
}

.copyright .item {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 25px;
	color: rgba(0, 0, 0, .6);
	display: flex;
}

.copyright .item:nth-child(2),.copyright .item:nth-child(1){
    display: none;
}

.copyright .item p{
    margin-right: 10px;
    
}

.copyright .item .shutime{
    opacity: 0.5;
    margin-left: 10px;
}

.copyright a {
	color: rgba(0, 0, 0, .6);
}

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

.intro_box {
	width: 100%;
	height: auto;
	position: relative;
	padding: 6vw 8vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.in_page {
	padding-top: 15vw;
}

.intro_left {
	width: 40%;
	position: relative;
}
.intro_box{
	padding-bottom: 0%;
}

.intro_left .name {
	color: #1d4590;
	font-size: 2.4vw;
	line-height: 1.2;
	margin-bottom: 1vw;
}

.intro_left .des {
	width: 100%;
	line-height: 2;
	margin-bottom: 1vw;
	font-size: var(--font-size18);
}

.intro_right {
	width: 55%;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.intro_right .intro_img {
	width: 48%;
	border-radius: 1vw;
	overflow: hidden;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .05);
}

.intro_right .intro_img .inner {
	padding-top: 135%;
}

.intro_right .nums_list {
	width: 46%;
	margin-top: 0;
	align-content: space-between;
}

.intro_right .nums_list .item {
	width: 100%;
	margin-bottom: 0;
}

.intro_right .nums_list .item .num {
	text-align: left;
}

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

.team_top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-bottom: 2vw;
}



.team_nav {
	width: auto;
	display: flex;
	position: relative;
	align-items: center;
}

.team_nav a {
	font-size: 2.4vw;
	color: #a3a3a3;
	cursor: pointer;
}

.team_nav span {
	width: 8px;
	height: 8px;
	display: block;
	background: #000;
	opacity: 0.2;
	margin: 0px 1vw;
}

.team_nav a.active,
.team_nav a:hover {
	color: #1d4590;
}

.team_btns {
	width: auto;
	height: auto;
	position: relative;
	align-items: center;
	display: flex;
}

.team_btns .prev,
.team_btns .next {
	width: 65px;
	height: 35px;
	position: relative;
	color: #a3a3a3;
	border: 1px solid #a3a3a3;
	line-height: 33px;
	text-align: center;
	cursor: pointer;
	border-radius: 50px;
	margin-left: 1vw;
	font-size: 20px;
}

.team_btns .prev:hover,
.team_btns .next:hover {
	background: #1d4590;
	color: #ffffff;
	border-color: #1d4590;
}

.team_swiper .swiper-wrapper {
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	flex-wrap: wrap;
}



.team_swiper .swiper-slide {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2vw;
}

.team_swiper .swiper-slide:nth-child(4n){
    margin-right: 0%;
}

.team_swiper .swiper-slide .info {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: calc(100% - 82px);
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(15px);
	padding: 25px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	transition: all 0.6s;
}

.team_swiper .swiper-slide:hover {
	box-shadow: 0 25px 60px -20px rgba(155, 165, 163, .45);
}

.team_swiper .swiper-slide:hover .info {
	top: 0;
	padding: 50px 25px;
}

.team_swiper .swiper-slide .info .top {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}

.team_swiper .swiper-slide .info .top .name {
	width: auto;
	height: auto;
	position: relative;
	line-height: 30px;
	font-size: var(--font-size24);
}

.team_swiper .swiper-slide .info .top .mark {
	width: auto;
	height: auto;
	position: relative;
	border: 1px solid #a3a3a3;
	color: #a3a3a3;
	border-radius: 50px;
	font-size: var(--font-size14);
	padding: 5px 15px;
	line-height: 20px;
}

.team_swiper .swiper-slide .info .con {
	width: 100%;
	height: calc(100% - 57px);
	overflow-y: auto;
	line-height: 1.7;
	color: #666666;
}

.team_swiper .inner {
	padding-top: 125%;
}

.lcb {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 80vh;
	padding: 0 8vw;
}

.lcb .left {
	width: 40%;
	position: relative;
	padding-top: 5%;
}

.lcb .left .name {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 2.4vw;
	margin-bottom: 2vw;
	color: #1d4590;
}

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

.lcbs .item {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.lcbs .item.active {
	opacity: 1;
}

.lcbs .item .y {
	width: 100%;
	height: auto;
	position: relative;
	font-family: din;
	font-size: 2.4vw;
	margin-bottom: 0.5vw;
	transition: all 0.8s cubic-bezier(0.215, 0.610, 0.355, 1);
	opacity: 0;
	transform: translateY(15px);
}

.lcbs .item .info {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 25px;
	transition: all 0.9s cubic-bezier(0.215, 0.610, 0.355, 1);
	opacity: 0;
	transform: translateY(35px);
}

.lcbs .item.active .info,
.lcbs .item.active .y {
	opacity: 1;
	transform: translateY(0px);
}

.lcbs .item .info p {
	position: relative;
	line-height: 30px;
	padding-left: 20px;
	font-size: var(--font-size18);
	margin-bottom: 10px;
	width: 100%;
}

.lcbs .item .info p::after {
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 12px;
	content: '';
	background: #1d4590;
	border-radius: 50%;
}

.lcb .right {
	width: 50%;
	height: 100%;
	position: relative;
}

.lcb_btns {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 75%;
	display: flex;
	align-items: center;
}

.years,
.gally,
.gally .img {
	position: absolute;
	left: 0;
	top: 0;
}

.gally,
.gally .img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}


.gally .img {
	opacity: 0;
	transition: all 1s;
	transform: scale(1.03);
}

.gally .img.active {
	opacity: 1;
	transform: scale(1);
}

.gally .img img {
	width: 100%;
	height: 100%;
}

.lcb_btns .prev,
.lcb_btns .next {
	width: 65px;
	height: 35px;
	position: relative;
	color: #a3a3a3;
	border: 1px solid #a3a3a3;
	line-height: 33px;
	text-align: center;
	cursor: pointer;
	border-radius: 50px;
	margin-right: 1vw;
	font-size: 20px;
}

.lcb_btns .prev:hover,
.lcb_btns .next:hover {
	background: #1d4590;
	border-color: #1d4590;
	color: #ffffff;
}

.years {
	width: 110px;
	height: 70%;
	left: -55px;
	top: 15%;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.years .item {
	width: 110px;
	height: 110px;
	position: relative;
	cursor: pointer;
}

.years .item p {
	width: 75px;
	height: 75px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #f1f1f1;
	color: #1d4590;
	line-height: 75px;
	text-align: center;
	font-family: din;
	font-size: var(--font-size24);
	transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.years .item:hover p,
.years .item.active p {
	transform: translate(-50%, -50%) scale(1.5);
	background-color: #1d4590;
	color: #ffffff;
	box-shadow: 0vw 0vw 5vw 0vw rgba(27, 70, 146, 0.51);
}

.years .item::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	border: 1px dashed rgba(0, 0, 0, .1);
	content: '';
}

.gx_right {
	width: 55%;
	position: absolute;
	right: 0;
	top: 65%;
	transform: translateY(-50%);
}

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

.rd_center .item {
	width: 32%;
	height: auto;
	position: relative;
	margin-right: 2%;
	margin-bottom: 1.5vw;
	border-radius: 0.75vw;
	overflow: hidden;
}

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

.rd_center .item .info {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1.5vw;
}

.rd_center .item .inner {
	padding-top: 75%;

}

.rd_center .item .info .name {
	font-size: var(--font-size24);
	margin-bottom: 0.5vw;
	color: #1d4590;

}

.rd_center .item .info .des {
	width: 100%;
	line-height: 1.7;
	color: #666666;
}

.dw_box {
	width: 100%;
	height: auto;
	padding: 0;
}

.dw_left {
	width: 30%;
	height: auto;
	position: absolute;
	left: 8%;
	top: 30%;
}

.logos {
	width: 50%;
	margin-bottom: 2vw;
}

.dw_left .des {
	line-height: 1.7;
	margin-bottom: 1vw;
}

.dw_left .info {
	font-size: var(--font-size18);
}

.dw_left .mail {
	width: 250px;
	height: 55px;
	position: relative;
	display: flex;
	align-items: center;
	
	border-radius: 50px;
	justify-content: center;
	margin-top: 2vw;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .05);
}

.dw_left .mail::before{
	background: rgba(255, 255, 255, .5);
	border-radius: 50px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	transition: all 0.5s;
}

.dw_left .mail:hover::before{
	background: #1d4590;
}

.dw_left .mail:hover{
	color: #fff;
}

.dw_left .mail .icon {
	font-size: 24px;
	margin-right: 5px;
	position: relative;
}

.dw_left .mail .txt {
	font-size: var(--font-size18);
	font-family: Silka;
	position: relative;
}

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

.logo_swiper .swiper-slide {
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}

.logo_swiper .swiper-slide .item {
	width: 100%;
	height: calc(50% - 15px);
	position: relative;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	border: 3px solid rgba(0, 0, 0, .05);
	cursor: pointer;
	transition: all 0.45s;
}

.logo_swiper .swiper-slide .item.active,.logo_swiper .swiper-slide .item:hover{
	border-color: #1d4590;
}

.logo_swiper .swiper-slide .item.active .inner img,.logo_swiper .swiper-slide .item:hover .inner img{
	opacity: 1;
	transform: translate(-50%, -50%) scale(1.05);
}



.logo_swiper .inner img {
	max-width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.5;
}

.logo_swiper .swiper-slide .item:last-child {
	margin-bottom: 0;
}

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

.common_name {
	font-size: var(--font-size54);
	margin-bottom: 2vw;
	color: #1d4590;
}

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

.tzz_box {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	padding-bottom: 40px;
}

.tzz_info {
	width: 45%;
	position: relative;
	background: rgba(255, 255, 255, .5);
	box-shadow: 15px 15px 50px rgba(0, 0, 0, .05);
	padding: 2vw;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	border-radius: 5px;
}

.logo-pagination{
	position: absolute;
	right: 0;
	left: auto !important;
	bottom: 0;
	width: calc(55% - 30px) !important;
	text-align: right;
}
.logo-pagination .swiper-pagination-bullet{
	border-radius: 0;
	width: 30px;
	height: 5px;
	background: #1d4590;
	border-radius: 5px;
}
.logo-pagination .swiper-pagination-bullet-active{
	width: 50px;
}

.tzz_info .t_name {
	font-size: var(--font-size24);
	margin-bottom: 1vw;
}

.tzz_info .t_des {
	position: relative;
	color: #666;
	line-height: 30px;
	height: 180px;
	overflow-y: auto;
	width: 100%;
}

.logo_swiper {
	width: calc(55% - 30px);
	margin: 0;
}

.logo_swiper .inner {
	padding-top: 0%;
	height: 100%;
}

.news_box {
	padding-top: 0;
}

.news_list {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.news_list .item {
	width: 23.5%;
	margin-right: 2%;
	position: relative;
	margin-bottom: 2vw;
	background: #fff;
	border-radius: 1vw;
	overflow: hidden;
}

.news_list .item:hover {
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .05);
}

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

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

.news_list .item .inner {
	padding-top: 50%;
	width: 100%;
}

.news_list .item .thum {
	border-radius: 1vw;
}

.news_list .item .info {
	width: 100%;
	height: auto;
	position: relative;
	padding: 1vw 1.5vw 1.5vw;
}

.news_list .item .info .time {
	font-family: Silka;
	margin-bottom: 0.5vw;
}

.news_list .item .info .name {
	width: 100%;
	font-size: var(--font-size18);
	line-height: 1.7;
	transition: all 0.45s;
}

.rcln {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.rcln img{
	border-radius: 1vw;
}

.rcln .info {
	width: 35%;
	height: auto;
	position: absolute;
	left: 3vw;
	top: 50%;
	transform: translateY(-50%);
	font-size: var(--font-size18);
	background-color: rgba(255, 255, 255, .5);
	backdrop-filter: blur(10px);
	line-height: 1.7;
	padding: 3vw 2vw;
	border-radius: 0.5vw;
}

.rcln .info .des {
	line-height: 2;
	position: relative;
}

.en .pn_news .item p{
	width: 78px;
}

.en .pn_news .item a{
	width: calc(100% - 78px);
}

.join_box {
	width: 100%;
	padding-top: 6vw;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.join_box .common_name {
	width: 30%;
	height: auto;
	position: relative;
}

.joins {
	width: 70%;
	position: relative;
}

body::before {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background: url(../images/inner_bg.jpg) top center no-repeat;
	background-attachment: fixed;
	content: '';
}

.joins .item {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 2vw;
	background: #fff;
	padding: 2vw;
	border-radius: 0.5vw;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, .02);

	&:last-child {
		margin-bottom: 0;
	}
}

.joins .item::before,.con_box::before{
	width: 208px;
	height: 62px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../images/lo.png) no-repeat;
	background-size: cover;
	content: '';
}

.en .ly_right .row .item .more{
	display: none;
}


.joins .item.active .btms {
	display: block;
}

.joins .item .top {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	cursor: pointer;
	position: relative;
	align-items: center;
	/* border-top: 1px solid #bac7de; */
	/* padding-top: 1vw; */
}

.joins .item .top::after {
	width: 0%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -0.5vw;
	content: '';
	background-color: #bac7de;
	transition: all 0.45s;
}

.joins .item.active .top::after,
.joins .item:hover .top::after {
	width: 100%;
}

.joins .item .top .lg {
	width: 90px;
}

.joins .item .top .jr {
	width: calc(100% - 160px);
}

.joins .item .top .plus {
	width: 20px;
	height: 50px;
	position: relative;

	&::after {
		content: '';
		width: 18px;
		height: 2px;
		background: #a3a3a3;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	&::before {
		content: '';
		width: 2px;
		height: 18px;
		background: #a3a3a3;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

.joins .item.active .top .plus::before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.joins .item.active .top .jr .title .t {
	color: #1d4590;
}

.joins .item .top .jr {
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.joins .item .top .jr .title {
	width: calc(100% - 120px);
	height: auto;
	position: relative;
}

.joins .item .top .jr .gz {
	width: 120px;
	font-size: var(--font-size24);
	line-height: 1.3;
	text-align: right;
}

.joins .item .top .jr .title .t {
	font-size: var(--font-size24);
	line-height: 1.3;
}

.joins .item .top .jr .title .d {
	line-height: 1.5;
	opacity: 0.6;
}

.joins .item .btms {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.7;
	display: none;
	margin-top: 0.5vw;
	padding-top: 1vw;
}

.joins .item .btms .cons {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 2vw;
	line-height: 2;
}

.joins .item .apply_btn {
	width: 180px;
	height: auto;
	position: relative;
	cursor: pointer;
	background: #1d4590;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	transition: all .4s;
	padding: 10px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.joins .item .apply_btn .icon{
	font-size: 18px;
	margin-right: 5px;
	margin-right: 5px;
}

.en .joins .item .apply_btn{
	width: 180px;
	line-height: 1.3;
}


.joins .item .apply_btn:hover {
	border-radius: 50px;
}


.contact_box {
	padding: 0;
}

.con_box {
	width: 30%;
	height: auto;
	position: absolute;
	left: 8%;
	top: 25%;
	background: rgba(255, 255, 255, 1);
	padding: 3vw 2vw;
	backdrop-filter: blur(10px);
	border-radius: 0.5vw;
}

.con_box .common_name {
	margin-bottom: 0.5vw;
}

.con_box .des {
	width: 100%;
	font-size: var(--font-size24);
}

.con_box .infos {
	width: 100%;
	border-top: 1px solid #cfdbdb;
	margin-top: 2vw;
	padding-top: 2vw;
}

.con_box .infos .item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: var(--font-size18);
	padding: 0.25vw 0px;
	line-height: 1.5;
}

.con_box .infos .item b {
	text-align: left;
	display: block;
	width: 20%;
}

.con_box .infos .item p {
	text-align: left;
	display: block;
	width: 80%;
}

.con_btn {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 1.4vw;
	background-color: #f7f7f7;
	margin-top: 2vw;
	font-weight: bold;
	font-size: var(--font-size18);
	cursor: pointer;
	align-items: center;
	border-radius: 0.5vw;
}

.con_btn:hover {
	background-color: #1d4590;
	color: #fff;
}

.con_btn:hover .icon {
	border: 1px solid #ffffff;
	color: #ffffff;
}

.con_btn .icon {
	width: 35px;
	height: 35px;
	border: 1px solid #1d4590;
	text-align: center;
	line-height: 33px;
	border-radius: 50%;
	color: #1d4590;
	font-weight: normal;
}

.common_name span {
	display: block;
	width: 100%;
	font-size: var(--font-size18);
	color: #333333;
	font-family: auto;
	margin-top: 0.5vw;
}

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

.gx_header,
.gx_row {
	display: flex;
	width: 100%;
}


.en .slogan .sl .words{
	line-height: 1.4;
	margin-bottom: 0.5vw;
}

.en .slogan .sl{
	font-size: 2vw;
}

.gx_table .row {
	display: flex;
	width: 8.5vw;
	position: relative;
	padding: 30px 0px;
	padding-right: 0.5vw;
	line-height: 25px;
}

.gx_table .gx_header .row:nth-child(3),
.gx_table .gx_tr .row:nth-child(2) {
	width: 16vw;
}

.gx_header,
.gx_tr {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.gx_table .gx_header .row {
	color: #666;
	font-weight: bold;
	font-size: var(--font-size18);
}

.gx_table .gx_cat {
	width: 8.5vw;
	display: flex;
	align-items: center;
}

.gx_table .gx_cat p {
	width: auto;
	height: auto;
	position: relative;
	background-color: #dbe0ed;
	font-size: var(--font-size18);
	writing-mode: tb;
	font-weight: bold;
	padding: 2vw 0.5vw;
	border-radius: 5px;
}

.gx_table .gx_right {
	width: calc(100% - 8.5vw);
	display: flex;
	position: relative;
	flex-wrap: wrap;
	top: 0;
	transform: translateY(0%);
}

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

.gx_table .row.colspan-7 {
	width: 42.5vw;
}


.gx_table .row.spe span {
	font-size: 10px;
	position: absolute;
	left: 0%;
	line-height: 15px;
	background: content-box;
	width: 110px;
	text-align: center;
	height: 25px;

	&::after {
		width: 0.35vw;
		height: 0.35vw;
		position: absolute;
		right: 40%;
		bottom: 50%;
		margin-bottom: -0.175vw;
		content: '';
		background-color: #e96076;
		border-radius: 50%;
	}
}

.gey{
	width: 100%;
	text-align: right;
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding-top: 20px;
}

.gey p{
	width: auto;
	position: relative;
	padding-left: 1vw;
	color: #e96076;
	border-radius: 50%;;
}

.gey p::after{
	width: 0.35vw;
	height: 0.35vw;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	background-color: #e96076;
	border-radius: 50%;
}

.guan{
	padding-bottom: 0;
}


.en .gx_table .row.spe span::after{
	right: 25%;
}

.gx_progress {
	width: 0%;
	height: 25px;
	position: relative;
}

.gx_progress .total_txt,
.gx_progress .current_txt {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.gx_progress .total_txt {

	background: #fff;
	border-radius: 50px;
}

.gx_progress .current_txt {
	width: 0%;
	background-image: linear-gradient(90deg, #95d3d1, rgba(98, 168, 204, 1));
	border-radius: 50px;
	z-index: 2;
}

.gx_progress .current_txt.blue {
	background-image: linear-gradient(90deg, #6d8ec9, #5f7db2);
}

.gx_progress p {
	width: auto;
	height: auto;
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 14px;
	line-height: 25px;
	font-family: Silka;
}

.gx_progress .current_txt p {
	top: 0;
	line-height: 25px;
	color: #fff;
	right: 10px;
}

.globe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	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);
	}
}

.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 .125em var(--color-white);
}

.globe .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	box-shadow: inset .1em 0px 0px .08em var(--color-white);
	animation: circle1 2.7s linear infinite;
	font-size: .75em;
}

@keyframes circle1 {
	0% {
		border-radius: 50%;
		box-shadow: inset .1em 0px 0px .08em var(--color-white);
		width: 100%;
	}

	49% {
		border-radius: 50%;
		box-shadow: inset .1em 0px 0px .08em var(--color-white);
		background: transparent;
	}

	50% {
		border-radius: 0%;
		width: .175em;
		background: var(--color-white);
	}

	51% {
		border-radius: 50%;
		box-shadow: inset -.1em 0px 0px .08em var(--color-white);
		background: transparent;
	}

	100% {
		border-radius: 50%;
		box-shadow: inset -.1em 0px 0px .08em var(--color-white);
		width: 100%;
	}
}

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

.globe :nth-child(2) {
	animation-delay: -.9s;
}


.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 .15em var(--color-white);
	font-size: .75em;
}

.globe .circle-hor-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150%;
	transform: translate(-50%, -50%);
	border-radius: 0%;
	height: .15em;
	background: #333333;
	font-size: .75em;
}

.team {
	padding-bottom: 0;
	padding-top: 0;
}

.team_swiper {
	padding-bottom: 0vw;
}

.guanxian {
	padding-bottom: 0vw;
}

.dw_dot {
	width: 3vw;
	height: 3vw;
	position: absolute;
	border-radius: 50%;
	background: rgba(116, 198, 190, .8);
	display: flex;
	align-items: center;
	align-content: center;
	text-align: center;
	top: 35%;
	left: 50%;
	color: #fff;
	justify-content: center;
	font-size: var(--font-size18);
	flex-wrap: wrap;
}

.dw_dot.d1 {
	width: 6vw;
	height: 6vw;
	left: 67%;
	top: 17%;
}

.dw_dot.d2 {
	width: 7vw;
	height: 7vw;
	left: 54%;
	top: 28%;
	transition-delay: 0.5s;
}

.dw_dot.d3 {
	width: 7vw;
	height: 7vw;
	left: 46%;
	top: 53%;
	background: rgba(116, 198, 190, 1);
	transition-delay: 0.7s;
}

.dw_dot.d4 {
	width: 12vw;
	height: 12vw;
	left: 33%;
	top: 64%;
	font-size: 1.6vw;
	transition-delay: 0.45s;
}

.dw_dot.d5 {
	width: 14vw;
	height: 14vw;
	left: 48%;
	top: 71%;
	transition-delay: 0.6s;
	font-size: 1.6vw;
}

.dw_dot.d6 {
	width: 18vw;
	height: 18vw;
	left: 68%;
	top: 55%;
	font-size: 1.8vw;
	background: rgba(116, 198, 190, 1);
	transition-delay: 0.7s;
}

.dw_dot.d6 span {
	font-size: 1vw;
}

@media screen and (max-width: 1600px) {
	:root{
		--font-size20: clamp(16px, 1vw, 20px);
	}
	.en nav{
		width: 70%;
	}

	nav .item .secend_lab{
		top: 65px;
	}
	.en .rcln .info{
		width: 55%;
	}
}

@media screen and (max-width: 1440px) {
	nav .item .secend_lab{
		top: 63px;
	}
	.en nav .item .secend_lab{
		font-size: 14px;
	}
	.con_box .infos .item b {
		width: 22%;
	}

	.con_box .infos .item p {
		width: 78%;
	}

	.logoBox {
		width: 200px;
	}

	.nums_list {
		width: 80%;
	}

	.ly_right .row .item {
		height: 19vw;
	}

	.rcln .info {
		width: 45%;
	}
	.en nav .item .secend_lab{
		top: 68px;
	}
	.en .rcln .info{
		width: 65%;
	}
	.en .intro_right .nums_list .item{
		padding: 1.25vw 1.5vw;
	}
	.en .team_swiper .swiper-slide .info .top .mark{
		padding: 5px 8px;
		line-height: 20px;
		font-size: 10px;
	}
	.en .team_swiper .swiper-slide .info .top .name{
		font-size: 16px;
	}
	.en .copyright {
	    width: calc(100% - 200px);
	}
	.en .ly_right .row .item:nth-child(3) .des{
		font-size: 12px;
	}
	.en .team_swiper .swiper-slide .info{
		padding: 25px 15px;
	}
	.en .rd_center .item .info .des{
		font-size: 12px;
	}
}

@media screen and (max-width: 1366px) {
	.nums_list {
		width: 90%;
	}
	nav a{
		font-size: var(--font-size18);
	}
	.ly_right .row .item {
		height: 20vw;
	}

	.gx_table .row.spe span {
		font-size: 9px;
		width: 90px;
	}
	.team_top.his{
		top: 20vh;
	}
	.history{
		top: 30vh;
	}
}

@media screen and (max-width: 1024px) {
	.slogan {
		width: 50%;
	}

	.about_left {
		width: 60%;
	}

	.ly_right .row .item {
		height: 27vw;
	}

	.logo {
		width: 160px;
	}

	nav {
		width: 70%;
	}

	.intro_right .intro_img {
		width: 40%;
	}

	.intro_right .nums_list {
		width: 56%;
	}

	.intro_right .nums_list .item {
		margin-bottom: 1vw;
	}

	.intro_right .intro_img .inner {
		padding-top: 0;
		height: 100%;
	}

	.tzz_info {
		width: 40%;
	}

	.logo_swiper {
		width: calc(60% - 20px);
	}

	.tzz_info .t_des {
		height: 120px;
	}

	.logo_swiper .swiper-slide .item {
		width: 100%;
		height: calc(50% - 7.5px);
	}

	/* .rcln>img{
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.rcln .info {
        width: 45%;
        position: relative;
        left: 5%;
        top: 0;
        transform: translateY(0%);
    } */
	.rcln .info {
		width: 90%;
		left: 5%;
	}

	.joins .item {
		padding: 3vw 2vw;
	}
}

@media screen and (max-width: 900px) {
	:root {
		/* 54px */
		--font-size54: 7vw;
		/* 24px */
		--font-size24: 4.5vw;
		/* 18px */
		--font-size18: 3.8vw;
		/* 16px */
		--font-size16: clamp(14px, 0.8vw, 16px);
		/* 14px */
		--font-size14: clamp(12px, 0.7vw, 14px);
		--color-white: #333333;
	}

	#nav-icon2 {
		display: block;
		right: 5%;
	}

	nav {
		display: block;
		position: fixed;
		left: 0;
		top: 60px;
		margin-left: 0;
		background: rgba(0, 0, 0, .7);
		width: 100%;
		height: calc(100vh - 60px);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
		pointer-events: none;
		padding-top: 20px;
		transform: translateY(0px);
	}

	

	nav::before {
		width: 100%;
		height: 0px;
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		background-color: #f9f9f9;
		transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	nav::after{
		width: 208px;
		height: 62px;
		position: absolute;
		right: 0;
		top: 328px;
		background: url(../images/lo.png) no-repeat;
		background-size: cover;
		content: '';
		opacity: 0;
		z-index: 1;
	}

	nav.active::after{
		transition: all 1s ease 1s;
		opacity: 1;
	}

	nav.active::before{
		height: 430px;
	}
	nav .item {
		font-size: 20px;
		padding: 15px 5%;
		text-align: center;
		opacity: 0;
		position: relative;
		z-index: 2;
		transform: translateY(35px);
	}

	nav a{
		font-size: 20px;
	}
	nav .item .first_lab a {
		line-height: 40px;
		padding: 0px 0px;
	}
	nav.active .item{
		transform: translateY(0px);
		opacity: 1;
		transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 0.5s;
	}
	.en .team_nav{
		width: 100%;
		justify-content: space-between;
	}
	.en .team_nav span{
		width: 4px;
		height: 4px;
		border-radius: 50%;
	}
	.en .p2 .team_nav a {
        font-size: 4.5vw;
    }

	nav.active .item:nth-child(2){
		transition-delay: 0.6s;
	}

	nav.active .item:nth-child(3){
		transition-delay: 0.7s;
	}

	nav.active .item:nth-child(4){
		transition-delay: 0.8s;
	}

	nav.active .item:nth-child(5){
		transition-delay: 0.9s;
	}

	nav.active .item:nth-child(6){
		transition-delay: 1s;
	}

	nav.active .item:nth-child(7){
		transition-delay: 1.1s;
	}

	nav.active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	header {
		width: 100%;
		left: 0;
		top: 0;
		border: none;
		height: 60px;
		padding: 0px 5%;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, .05);
		border-radius: 0;
		position: fixed;
	}

	.version {
		margin-right: 40px;
	}

	.globe-wrap {
		animation: none;
	}

	.slogan .sl {
		margin-bottom: 10vw;
		font-size: 8vw;
	}
	.en .slogan .sl{
		font-size: 6vw;
	}
	.slogan .sl .words{
		margin-bottom: 0vw;
	}
	.slogan {
		width: 90%;
		left: 5%;
		top: 70%;
	}

	.about_left {
		width: 90%;
		left: 5%;
	}

	.about_left .title {
		font-size: 5vw;
		margin-bottom: 2vw;
	}

	.nums_list {
		width: 100%;
	}

	.nums_list .item .info {
		width: 50%;
		line-height: 1.5;
		font-size: 3vw;
	}

	.nums_list .item .num {
		width: 50%;
		font-size: 8vw;
		text-align: center;
	}

	.nums_list .item {
		padding: 3vw 1.5vw;
		margin-bottom: 3vw;
	}
	.btm_bar .item::before{
		left: -1px;
    	top: -1px;
	}
	.km_more {
		width: 138px;
		height: 43px;
	}
	.km_more .km_box{
		height: 43px;
		line-height: 41px;
	}
	.km_more .icon {
		width: 41px;
		height: 41px;
		line-height: 41px;
	}
	.about_left .nums_list{
		margin-top: 15vw;
	}
	.about_left .des{
		margin-bottom: 5vw;
	}
	#box{
		transform: scale(1.5);
	}

	.km_more .txt {
		left: 15px;
	}

	.team_btns {
		display: none;
	}

	.team_nav a {
		font-size: 7vw;
	}

	.btm_bar .item {
		width: 70px;
		height: 70px;
	}

	.btm_bar .item p {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
	}

	.btm_bar .item:hover p,
	.btm_bar .item.active p {
		transform: translate(-50%, -50%) scale(1.5);
	}
	.btm_bar .item::before{
		transform: scale(0.8);
	}
	.history .item .marks {
		display: none;
	}

	.history {
		width: 90%;
		left: 5%;
		top: 19%;
	}

	.history .item {
		width: 100%;
		height: auto;
		position: absolute;
	}

	.history .item .rects {
		width: 100%;
		left: 0;
		display: block;
	}
	
	.history .item:nth-child(n+3) .rects{
		width: 100%;
	}
	.honor_line {
		width: 2000px;
		height: 32px;
	}
	.history .item .rects img {
		
		margin-top: 5px;
        width: calc(100% - 40px);
        border-radius: 2.5vw;
	}

	.history .item:nth-child(n+3) .rects {
		right: 0;
		justify-content: flex-start;
	}

	.history .item:nth-child(n+3) .rects img{
		margin-right: 0;
		width: calc(100% - 30px);
		margin-left: 15px;
	}


	.history .item:nth-child(n+3) .rects p {
		padding-left: 15px;
		text-align: left;
		padding-right: 0px;
		font-size: 12px;
        line-height: 20px;
	}

	
	.history .item:nth-child(n+3) .rects p::after {
		left: 0;
		right: auto;
		top: 7px;
	}

	.history .item:nth-child(4n) .rects p{
		line-height: 25px;
		padding-left: 20px;
		font-size: var(--font-size18);
	}
	.history .item:nth-child(4n) .rects p::after{
		top: 9.5px;
	}
	.team_top.his {
		left: 5%;
		top: 12%;
		width: 90%;
	}

	.ly_left {
		width: 90%;
		left: 5%;
		top: 25%;
		transform: translateY(0%);
	}

	.ly_left .name {
		font-size: 7vw;
	}

	.ly_left .des {
		margin-bottom: 5vw;
	}

	.ly_right {
		width: 90%;
		height: auto;
		left: 5%;
		top: auto;
		transform: translateY(0%);
		bottom: 15%;
	}

	.ly_right .row .item .des {
		display: none;
	}

	.ly_right .row .item {
		width: 32%;
		height: auto;
		padding: 5vw 0%;
	}

	.ly_right .row .item:nth-child(n+2) .name{
		margin-top: 6vw;
	}
	.ly_right .row .item{
		margin-bottom: 0;
	}

	.ly_right .row .item .icon {
		width: 40px;
		margin: 0px auto;
	}

	.ly_right .row .item .more {
		display: none;
	}

	.ly_right .row .item:nth-child(2) {
		top: 0vw;
	}

	.ly_right .row .item .name {
		width: 100%;
		text-align: center;
		font-size: 3.8vw;
		margin-bottom: 0;
		margin-top: 3vw;
	}
	.ly_right .row .item .name span{
		display: block;
	}
	.bg{
		background: #000;
	}
	.bg3 .img.active{
		opacity: 0.9;
	}
	.ly_left .des{
		width: 80%;
	}
	.btm{
		bottom: 2%;
	}
	.f_nav,
	.f_logo {
		display: none;
	}

	.footer_bottom {
		width: 100%;
		align-items: flex-start;
	}

	.copyright {
		width: 100%;
	}

	.copyright {
		width: 75%;
		flex-wrap: wrap;
		font-size: 2.8vw;
	}

	.copyright .item {
		width: 100%;
		line-height: 2;
	}

	.wem {
		width: 25%;
	}

	.wem p {
		font-size: 2.6vw;
	}

	.footer {
		padding: 5vw 5vw 2vw;
	}

	.globe {
		transform: translate(-50%, -50%) scale(0.8);
	}

	.intro_box {
		padding: 15vw 5vw;
		flex-wrap: wrap;
	}

	.boxes {
		padding: 15vw 5vw;

	}

	.lcb {
		height: auto;
		background: #f0f1f7;
	}

	.intro_left {
		width: 100%;
		flex-wrap: wrap;
		margin-bottom: 5vw;
	}

	.intro_left .name {
		font-size: 7vw;
		margin-bottom: 3vw;
	}

	.in_page {
		padding-top: 25vw;
		background: url(../images/inner_bg.jpg) no-repeat;
        background-size: cover;
	}
	.science{
		background: #f0f1f7;
	}
	.intro_right {
		width: 100%;
	}

	.intro_right .nums_list .item {
		margin-bottom: 2vw;
		padding: 2vw 3vw;
	}

	body::before {
		display: none;
	}

	.team_top {
		margin-bottom: 5vw;
	}

	.team_swiper .swiper-slide .info {
		padding: 10px;
		top: calc(100% - 45px);
		background: rgba(255, 255, 255, 1);
	}
	.en .team_swiper .swiper-slide .info {
		top: calc(100% - 50px);
	}
	.team_swiper .swiper-slide .info .top .name {
		font-size: 4vw;
	}
	.team_swiper .inner {
		padding-top: 145%;
	}
	.team_swiper .swiper-slide .info .top .mark {
		padding: 3px 8px;
		line-height: 14px;
		font-size: 2.8vw;
	}

	.team_swiper .swiper-slide .info .top {
		margin-bottom: 5px;
	}

	.lcb_btns {
		display: none;
	}

	.lcb .left {
		width: 100%;
	}

	.lcb .left .name {
		font-size: 7vw;
	}

	.lcb .right {
		width: 100%;
	}

	.lcbs .item {
		position: relative;
		display: none;
	}

	.lcbs .item.active {
		display: block;
	}

	.lcbs .item .y {
		font-size: 12vw;
	}

	.lcb .right {
		width: 100%;
		display: flex;
		height: auto;
		flex-wrap: wrap;
	}

	.years {
		width: 100%;
		height: auto;
		left: 0;
		top: 0;
		position: relative;
		margin-top: 5vw;
	}

	.gally {
		height: 30vh;
		position: relative;
	}

	.years .item {
		width: 70px;
		height: 70px;
	}

	.years .item p {
		width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
	}

	.gx_right {
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 0vw;
		transform: translateY(0%);
	}

	.table_box {
		width: 100%;
		height: auto;
		position: relative;
		overflow-x: auto;
	}

	.gx_table {
		width: 200vw;
	}

	.gx_table .row,
	.gx_table .gx_cat {
		width: 20vw;
	}

	.gx_table .gx_header .row:nth-child(3),
	.gx_table .gx_tr .row:nth-child(2) {
		width: 40vw;
	}

	.gx_table .gx_right {
		width: calc(100% - 20vw);
	}

	.gx_table .row.colspan-7 {
		width: 100vw;
	}

	.gx_table .row {
		padding: 20px 0px;
	}

	.gx_table .row.spe span {
		width: 100%;
	}

	.gx_table .row.spe span::after {
		width: 1.5vw;
		height: 1.5vw;
		position: absolute;
		right: 20%;
		margin-bottom: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.gey p{
		padding-left: 3vw;
	}
	.gey p::after {
	    width: 1.5vw;
	    height: 1.5vw;
	    position: absolute;
	}
	.gx_progress p {
		font-size: 12px;
	}

	.rd_center .item {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 5vw;
	}

	.rd_center .item .info {
		padding: 5vw;
	}

	.dw_dt {
		width: 100%;
		height: auto;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.dw_left {
		position: relative;
		width: 100%;
		left: 0%;
		top: 5vw;
		margin-bottom: 60vw;
	}

	.dw_left .mail {
		width: 200px;
		height: 45px;
		margin-top: 5vw;
	}
	.logos {
		width: 60%;
		margin-bottom: 3vw;
	}
	.dw_dot {
		font-size: 2.8vw;
	}

	.dw_dot.d1 {
		width: 10vw;
		height: 10vw;
		top: 0%;
	}

	.dw_dot.d2,
	.dw_dot.d3 {
		width: 12vw;
		height: 12vw;
		left: 50%;
		top: 16%;
	}

	.dw_dot.d3 {
		left: 35%;
		top: 36%;
	}

	.dw_dot.d4 {
		font-size: 3vw;
		width: 18vw;
		height: 18vw;
		left: 25%;
	}

	.dw_dot.d5 {
		width: 22vw;
		height: 22vw;
		font-size: 3vw;
		top: 60%;
	}

	.dw_dot.d6 {
		font-size: 3vw;
		width: 24vw;
		height: 24vw;
		top: 35%;
	}

	.dw_dot.d6 span {
		font-size: 2vw;
	}

	.tzz_box {
		flex-wrap: wrap;
	}

	.tzz_info,
	.logo_swiper {
		width: 100%;
	}

	.tzz_info {
		margin-bottom: 5vw;
		padding: 5vw 3vw;
	}

	.logo_swiper {
		height: 40vw;
	}

	.logo_swiper .swiper-slide .item {
		width: 100%;
		height: calc(50% - 5px);
	}

	.news_list .item {
		width: 49%;
		margin-bottom: 5vw;
	}

	.news_list .item:nth-child(4n) {
		margin-right: 2%;
	}

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

	.news_list .item .thum {
		border-radius: 1vw;
		margin-bottom: 2vw;
	}

	.rcln .info {
		position: relative;
		top: 0;
		transform: translateY(0%);
		width: 100%;
		padding: 0;
		margin-top: 5vw;
		left: 0;
		background: transparent;
	}

	.join_box {
		flex-wrap: wrap;
		margin-top: 15vw;
	}

	.join_box .common_name {
		width: 100%;
	}

	.joins {
		width: 100%;
	}

	.joins .item .top .lg {
		display: none;
	}

	.joins .item .top .jr {
		width: calc(100% - 30px);
	}

	.joins .item {
		padding: 5vw;
		margin-bottom: 3vw;
	}

	.joins .item .top .jr .gz {
		display: none;
	}

	.joins .item .top .jr .title {
		width: 100%;
	}

	.joins .item .top .jr .title .d {
		font-size: 12px;
	}

	.con_box {
		width: 100%;
		left: 0%;
		position: relative;
		top: 0;
		transform: translateY(0%);
		padding: 0;
		margin-top: 5vw;
	}

	.con_box .infos {
		margin-top: 4vw;
		padding-top: 4vw;
	}

	.con_btn {
		margin-top: 5vw;
		padding: 10px 5%;
	}

	.contact_box {
		padding-top: 25vw;
	}

	.common_name{
		margin-bottom: 4vw;
	}

	.gx_table .gx_cat p{
		font-weight: normal;
	}
	.en nav {
        width: 100%;
    }
	nav .item .secend_lab{
		display: none;
	}
	.en nav.active::before {
        height: 430px;
    }
	.en .team_swiper .swiper-slide .info .top{
		display: flex;
		flex-wrap: wrap;
	}
	.en .team_swiper .swiper-slide .info .top .name{
		width: 100%;
		line-height: 20px;
	}
	.en .team_swiper .swiper-slide .info .top .mark{
		width: auto;
        border: none;
        padding: 0;
		line-height: 15px;
		margin-top: 5px;
	}
	.team_swiper .swiper-slide:hover .info {
		top: 0;
		padding: 10px;
	}
	.team_swiper .swiper-slide .info .con{
		height: calc(100% - 40px);
		line-height: 20px;
    	font-size: 12px;
	}
	.gally .img{
		border-radius: 5px;
	}
	nav a p{
		line-height: 25px;
		height: 25px;
	}
	nav .item:hover span:first-child {
		margin-top: -25px;
	}
	nav .item{
		padding: 0;
	}
	nav .item .first_lab a{
		padding: 15px 5%;
		display: block;
	}
	.joins .item .apply_btn{
		line-height: 38px;
		width: 154px;
    	height: 40px;
	}
	
	.detail_same{
		box-shadow: none;
		padding: 0;
	}
	.detail_same{
		display: none;
	}
	.guan{
		background: #f9f9f9;
	}
	.mobile_img{
		display: block;
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		top: 0;
	}
	.banner_img{
		display: none;
	}
	.homeSwiper .banner-swiper .swiper-pagination{
		width: 90%;
		left: 5%;
		bottom: 5%;
	}
	.banner-swiper .swiper-pagination-bullet {
		background: #dae4ee;
		width: 30px;
		height: 2px;
		margin: 0px 1vw !important;
	}
	.banner-swiper .swiper-pagination-bullet::before{
		height: 2px;
	}
	.logo-pagination{
		text-align: left;
		width: 100% !important;
	}
	.en .rcln .info {
		width: 100%;
	}
	.en .copyright {
		width: 70%;
	}
	.en .gx_table .row.spe span::after {
	    right: 20%;
	}
	.en .rd_center .item .info .des{
		line-height: 1.5;
	}
	.inner_bg{
		display: none;
	}
	.en .slogan {
        width: 90%;
    }
    .en .gx_table .gx_cat p{
        width: 90%;
        margin: 0;
    }
    .team_swiper .swiper-slide{
        width: 49%;
    }
    .team_swiper .swiper-slide:nth-child(2n){
        margin-right: 0%;
    }
}