/*
 *	Created by Edward on 25/04/14
 *	Copyright (c) 2024 ishutime.com All rights reserved
*/
html{
	/* 1rem = 16px; 2px = 0.125rem; 14px = 0.875rem; 18px = 1.125rem */
	font-size: 16px; 
}
@font-face {
	font-family: 'iconfont';
	src: url('iconfont.woff2?t=1663740079843') format('woff2'),
		url('iconfont.woff?t=1663740079843') format('woff'),
		url('iconfont.ttf?t=1663740079843') format('truetype');
}

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

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

@font-face {
	font-family: din;
	src: url(../fonts/D-DIN-PRO-600-SemiBold.otf);
}

.mobile_img{
	display: none;
}

@font-face {
	font-family: monts2;
	src: url(../fonts/montserrat-regular-webfont.woff2);
}

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

a{
	color: #333333;
}

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

b,
strong {
	font-weight: 500;
}

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


.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.lenis.lenis-smooth[data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: clip;
}

.lenis.lenis-smooth iframe {
	pointer-events: none;
}



html,
body {
	width: 100vw;
	height: auto;
	font-family: "Poppins", sans-serif;
	overflow-x: hidden;
}

.hero {
	position: relative;
    width: 100vw;
    height: 100vh;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.loading {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	background: url('../images/loadingBg.jpg') center no-repeat;
	background-size: cover !important;
	z-index: 999;
	pointer-events: none;
}

.loading .logoLoad {
	width: 20vw;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.loading .logoLoad img {
	position: absolute;
}

.loading .logoLoad .logoLoadImg1 {
	opacity: 1;
}

.loading .logoLoad .logoLoadImg2 {
	transform: scale(1);
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	will-change: clip-path;
}

.loading .progress-bar {
	position: absolute;
	bottom: 0%;
	left: 0;
	width: 5vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333333;
	background: white;
	z-index: 1;
}

.video-container {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    background: #000;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    will-change: clip-path;
    overflow: hidden;
    opacity: 1;
}

.video-container video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	opacity: 0.85;
}

nav {
	width: 65%;
	display: flex;
	justify-content: space-between;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

nav .item{
	width: 100%;
}

nav .item .menu_bar{
	display: none;
}


nav .frist_menu{
	width: 100%;
	height: auto;
	line-height: 40px;
	padding: 25px 0px;
	display: block;
	font-size: 1.25rem;
	color: #fff;
	position: relative;
	text-align: center;
	z-index: 2;
	display: flex;
	justify-content: center;
}

nav .frist_menu p{
	position: relative;
	width: auto;
}

nav .item.active .frist_menu p{
	color: #08357c;
}

header.open nav .frist_menu,header.active nav .frist_menu{
	color: #333333;
}

header.active,header.open{
	background: #fff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
}

.sub_nav{
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

.sub_nav.active{
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.secend_menu{
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	background: #fff;
	grid-template-columns: 1fr 1fr;
	padding-top: 90px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

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

.secend_menu .menu_tips{
	width: 100%;
    height: auto;
    position: relative;
    background: #fff;
    display: block;
    padding: 0% 15%;
    align-items: flex-start;
    padding-top: 25%;
}

.menu_tips .name{
	width: 100%;
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

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

.menu_tips .right .des{
	width: calc(100% - 250px);
	line-height: 2;
	color: #666;
	text-align: justify;
}

.menu_tips .right .menu_bar{
	width: 150px;
	position: relative;
}

.menu_tips .right .menu_bar::after{
	width: 1px;
	height: 100%;
	position: absolute;
	left: -50px;
	top: 0;
	content: '';
	background: #08357c;
	opacity: 0.25;
}

.secend_menu .menu_right{
	width: 100%;
	height: 100%;
	position: relative;
}

.secend_menu .menu_right img{
	width: 100%;
	height: 100%;
}

.menu_tips .right .menu_bar a{
	line-height: 30px;
	font-size: 1.25rem;
	display: block;
	margin-bottom: 1rem;
	display: flex;
}

.menu_tips .right .menu_bar a:last-child{
	margin-bottom: 0;
}

.menu_tips .right .menu_bar a p{
	position: relative;
	width: auto;
}

.menu_tips .right .menu_bar a p::after{
	width: 0%;
	height: 1px;
	position: absolute;
	right: 0;
	left: auto;
	bottom: -2px;
	content: '';
	background: #08357c;
	transition: all 0.4s;
}

.menu_tips .right .menu_bar a:hover p{
	color: #08357c;
}

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

.logo {
	position: relative;
	bottom: 0;
	z-index: 2;
	width: 180px;
	left: 3%;
}

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

header.open .logo img:nth-child(1),header.active .logo img:nth-child(1){
	opacity: 0;
}

header.open .logo img:nth-child(2),header.active .logo img:nth-child(2){
	opacity: 1;
}

.char.anim-out h1 {
	position: relative;
	will-change: transform;
}

.header h1,
.header p,
.coordinates p,
.char.anim-out {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.header span,
.coordinates p span {
	position: relative;
	display: block;
	transform: translateY(100%);
	will-change: transform;
}

.slogan {
	width: 50%;
	height: auto;
	position: absolute;
	left: 5%;
	bottom: 20%;
	z-index: 2;
	color: #fff;
}

.slogan img {
	width: auto;
}

.slogan .cn {
	font-weight: 100;
	font-size: 68px;
	margin-bottom: 15px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.slogan .en {
	font-size: 24px;
	margin-bottom: 30px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.slogan .des {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.slogan p {
	position: relative;
	display: block;
	transform: translateY(100%);
	will-change: transform;
}

.btn {
	width: 146px;
	height: auto;
	position: absolute;
	bottom: 20%;
	right: 10%;
	z-index: 2;
}


header{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0px 3%;
	display: flex;
	justify-content: space-between;
	z-index: 10;
	align-items: center;
}

.bt_name{
	width: 100%;
	position: relative;
	text-align: center;
    font-size: 3rem;
	color: #08357c;
	font-weight: 400;
}

.bt_name p{
	width: 100%;
	display: flex;
	justify-content: center;
}

.bt_name.l{
	text-align: left;
}

.bt_name.l p{
	justify-content: flex-start;
}

.bt_name.pos{
	position: absolute;
	top: 15%;
}

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

.intro_box .name{
	width: 100%;
	font-size: 2rem;
	position: relative;
	line-height: 1.4;
	margin-bottom: 1.5rem;
	color: #08357c;
	font-weight: 300;
}



.intro_box .des{
	width: 100%;
	line-height: 2;
	margin-bottom: 2rem;
	font-size: 1.125rem;
}

.intro_box .intro_tips{
	font-size: 12px;
	opacity: 0.6;
}

.bt_more{
	width: 85px;
	display: flex;
	justify-content: space-between;
	position: relative;
	line-height: 24px;
	color: #08357c;
}
.bt_more .txt{
	font-family: monts;
}

.bt_more .icon{
	width: 24px;
	height: 24px;
	position: relative;
	border-radius: 50%;
	text-align: center;
	position: relative;
}

.progress-ring-circle {
	stroke-dasharray: 80;
    stroke-dashoffset: 80;
    transform-origin: center;
	transition: all 0.5s;
	transform: rotate(216deg);
	
}

.bt_more .icon svg{
	width: 100%;
	height: 100%;
	transform: scale(1.2) translateY(-10%);
}

.bt_more .icon i{
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: -10px;
	transition: all 0.4s;
}

.bt_more:hover .icon i{
	left: -5px;
}

.bt_more:hover .icon .progress-ring-circle{
	stroke-dashoffset: 30;
}

.title_top{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	margin-bottom: 2rem;
}

.title_top .bt_name{
	width: calc(100% - 200px);
}

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

.swiper-pagination-progressbar{
	top: auto !important;
	bottom: 0% !important;
	height: 1px !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #08357c;
}

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

.news-swiper .info{
	width: 100%;
	height: auto;
	position: relative;
	padding: 1.5vw;
}

.news-swiper a{
	display: block;
	position: relative;
	background: #fff;
}

.news-swiper a:hover .inner img{
	transform: scale(1.05);
}

.news-swiper a::after{
	width: 0%;
	height: 3px;
	position: absolute;
	left: auto;
	right: 0%;
	bottom: 0;
	content: '';
	background: #08357c;
	transition: all 0.5s;
}

.news-swiper a:hover::after{
	left: 0;
	right: auto;
	width: 100%;
}

.news-swiper a:hover .info .name{
	color: #08357c;
}

.news-swiper .info .name{
	font-size: 1.3rem;
	height: 60px;
    line-height: 30px;
	margin-bottom: 0.5rem;
}

.news-swiper .info .des{
	font-size: 1rem;	
	line-height: 25px;
	height: 50px;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 1rem;
}

.news-swiper .info .date{
	width: 100%;
	font-family: quick;	
	color: rgba(0, 0, 0, 0.6);
}

.video_warp{
	width: 100%;
	height: 100vh;
	position: relative;
}

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

.gy_video{
	width: 80%;
	height: auto;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	background: #000;
}

.gy_video>img{
	aspect-ratio: 5 / 3;
	opacity: 0.8;
}

.gy_video .play_btn{
	width: 60px;
	padding: 10px;
}

.video_main::after{
	width: 100%;
	height: 30%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0,0,0,.5),rgba(0,0,0,0));
}

.video_main video{
	position: absolute;
	width: 100%;
	height: auto;
	opacity: 0.8;
}

.up_btn{
	width: 30px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: -50px;
	cursor: pointer;
}

.up_btn img{
	transition: all 0.5s;
	transform: rotate(180deg);
}

.up_btn.active img{
	transform: rotate(0deg);
}

.video_bar{
	width: 85%;
	height: auto;
	position: absolute;
	left: 7.5%;
	bottom: 0%;
	transform: translateY(100%);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.video_bar.active{

	transform: translateY(-15%);
}

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

.video_swiper .item{
	position: relative;
	border: 2px solid transparent;
    border-radius: 10px;
    overflow: hidden;
	cursor: pointer;
}

.video_swiper .item .thum::after{
	width: 100%;
	height: 40%;
	position: absolute;
	left: 0;
	content: '';
	bottom: 0;
	background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0));
}

.video_swiper .item:hover .inner img,.video_swiper .item.active .inner img{
	transform: scale(1.05);
}

.video_swiper .item:hover .mark,.video_swiper .item.active .mark{
	background: #08357c;
	color: #fff;
}

.video_swiper .item .mark{
	font-size: 0.875rem;
    position: absolute;
    left: 1vw;
    top: 1vw;
    background: #fff;
    padding: 0.25vw 0.5vw;
    border-radius: 50px;
}

.video_swiper{
	width: 100%;
	padding-bottom: 25px;
}

.video_swiper .swiper-pagination{
	bottom: 0% !important;
}

.video_swiper .swiper-pagination-bullet{
	background: #ffffff;
}

.video_swiper .item .name{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.75vw;
	line-height: 1.5;
	color: #fff;
}

.news_detail:before{
	width: 100%;
	height: 10vw;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.5));
}

.play_btn{
	width: 90px;
	padding: 18px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	background: rgba(255, 255, 255, .2);
	backdrop-filter: blur(5px);
	border-radius: 50%;
	transition: all 0.45s;
}

.citys .item .play_btn{
	width: 60px;
	padding: 8px;
}
.citys .item .thum{
	background: #000;
}
.citys .item .thum img{
	opacity: 0.8;
}

.citys .item .play_btn img{
	aspect-ratio: 1 / 1;
}

.play_btn:hover{
	transform:translate(-50%, -50%) scale(1.1);
}

.play_btn.active{
	display: none;
}

.cul_box{
	width: 100%;
	height: auto;
	position: relative;
	background: url(../images/cul_bg.jpg) center center no-repeat;
	background-size: cover;
}

.bt_des{
	width: 100%;
	margin-top: 2rem;
	text-align: center;
	line-height: 2;
	position: relative;
	padding: 0% 25%;
}

.bt_des b{
	font-weight: 300;
    font-size: 2rem;
}

.bt_des p{
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.5;
}

.cul_item{
	width: 100%;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	margin-top: 3vw;
	justify-content: space-between;
}

.cul_item .item{
	width: 28%;
	position: relative;
}

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

.zrdc_box::before{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background-color: #08357c;
}

.zrdc_box .bt_name{
	width: 30%;
}

.zrdc_box .des{
	width: 50%;
	text-align: right;
	line-height: 1.7;
    font-size: 1.1rem;
}

.zrdc_title{
	width: 638px;
	height: auto;
	margin: 1vw auto 3vw;
	position: relative;
}

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

.footer{
	width: 100%;
	height: auto;
	position: relative;
	background: #08357c;
	color: #fff;
	padding: 3vw 7.5vw 1vw 7.5vw;
}

.f_logo{
	width: 180px;
	margin-bottom: 3vw;
}

.f_adds{
	width: 100%;
	line-height: 2;
	margin-bottom: 1vw;
}

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

.footerTop .fl{
	width: 30%;
}

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

.f_nav .item{
	width: auto;
}

.f_nav .item a{
	color: rgba(255, 255, 255, 0.6);
	position: relative;
	line-height: 35px;
	display: block;
	transition: all 0.35s;
}
.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: rgba(255, 255, 255, .5);
	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%;
}

.f_nav .item a:hover{
	color: #fff;
}

.f_nav .item a:first-child{
	font-size: 1.25rem;
	margin-bottom: 1vw;
	color: #fff;
}

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

.f_socail .item{
	width: 45px;
	line-height: 45px;
	position: relative;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	font-size: 1.25rem;
	cursor: pointer;
	height: 45px;
}

.f_socail .item::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	border-radius: 50%;
	content: '';
	transform: scale(0);
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.f_socail .item .icon{
	position: relative;
	transition: all 0.5s;
}
.f_socail .item .img{
	width: 120px;
	height: auto;
	padding: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: -140px;
	pointer-events: none;
	transition: all 0.4s;
	opacity: 0;
	visibility: hidden;
	border-radius: 5px;
}

.f_socail .item:hover .img{
	opacity: 1;
	visibility: visible;
	top: -125px;
	pointer-events: auto;
}

.f_socail .item:hover::before{
	transform: scale(0.9);
}

.f_socail .item:hover{
	color: #08357c;
	font-size: 1.5rem;
}

.footerBtm{
	width: 100%;
	margin-top: 1vw;
	padding-top: 1vw;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.5);
}
.cp{
	width: auto;
	display: flex;
	line-height: 25px;
}
.fb{
	width: auto;
	display: flex;
	position: relative;
}

.fb_item{
	width: auto;
	display: flex;
	position: relative;
}

.fb_item a{
	color: rgba(255, 255, 255, 0.75);
	margin-right: 40px;
	position: relative;
	line-height: 25px;
}

.shutime{
	color: rgba(255, 255, 255, 0.5);
	line-height: 25px;
	margin-left: 10px;
}

.shutime:hover{
	color: rgba(255, 255, 255, 1);
}

.fb_item a::after{
	width: 1px;
	height: 10px;
	position: absolute;
	right: -20px;
	content: '';
	top: 7.5px;
	content: '';
	background: rgba(255, 255, 255, 0.5);;
}

.fb_item a:hover{
	color: rgba(255, 255, 255, 1);
}

.fb_item a:last-child{
	margin-right: 0px;
}

.fb_item a:last-child::after{
	display: none;
}


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

.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: 80%;
	height: auto;
	position: absolute;
	left: 7.5%;
	color: #fff;
	bottom: 13%;
}

.slogans .cn {
	font-size: 5rem;
    position: relative;
    font-weight: 100;
	margin-bottom: 0.5rem;
	display: flex;
	width: 100%;
}

.slogans .cn span,.bt_name p span{
	opacity: 0;
	transform: translateX(1.5rem);
	transition: all 1.4s cubic-bezier(0.23, 1, 0.32, 1);
	display: block;
	-webkit-filter: blur(5px);
}
.bt_name p span{
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}

.slogans.is-inview .cn span,.bt_name.is-inview p span{
	opacity: 1;
	filter: blur(0);
	transform: translateX(0);
	-webkit-filter: blur(0px);
}

.bt_name.is-inview p span:nth-child(2){
	
}

.slogans.is-inview .cn span:nth-child(2),.bt_name.is-inview p span:nth-child(2){
	transition-delay: 0.1s;
}

.slogans.is-inview .cn span:nth-child(3),.bt_name.is-inview p span:nth-child(3){
	transition-delay: 0.2s;
}

.slogans.is-inview .cn span:nth-child(4),.bt_name.is-inview p span:nth-child(4){
	transition-delay: 0.3s;
}

.slogans.is-inview .cn span:nth-child(5),.bt_name.is-inview p span:nth-child(5){
	transition-delay: 0.4s;
}

.slogans.is-inview .cn span:nth-child(6),.bt_name.is-inview p span:nth-child(6){
	transition-delay: 0.5s;
}



.slogans .en {
	width: 100%;
	font-size: 1.55rem;
	font-family: monts;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	opacity: 0;
	transform: translateX(1.5rem);
	transition: all 1.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.slogans.is-inview .en{
	opacity: 1;
	transform: translateX(0rem);
}

.child_menu{
	width: auto;
	height: auto;
	display: flex;
	position: absolute;
	right: 7.5%;
	bottom: 13%;
	border-bottom: 1px solid rgba(255,255,255,.4);
	padding-bottom: 10px;
	align-items: center;
}

.child_menu a,.child_menu span{
	color: rgba(255, 255, 255, 1);
	line-height: 25px;
	position: relative;
	font-weight: 300;
}

.child_menu span{
	padding: 0px 10px;
}

.child_menu a:first-child::after,.child_menu a::after{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -10px;
	content: '';
	background-color: #fff;
	transition: all 0.4s;
}

.child_menu a::after{
	width: 0%;
}

.child_menu a:hover::after{
	width: 100%;
}

.num_list {
	width: 30%;
	height: auto;
}

.intro_right{
	width: 65%;
	position: relative;
}

.intro_right .bt_name{
	line-height: 1;
	margin-bottom: 2vw;
}

.num_list ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.num_list ul li {
	width: 22%;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-webkit-transition: all 1s ease 0.5s;
	color: transparent;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

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

.about_box .num_list ul li::after{
	display: none;
}

.num_list ul li:nth-child(2) {
	-webkit-transition-delay: 0.6s;
}

.num_list ul li:nth-child(3) {
	-webkit-transition-delay: 0.7s;
}

.swiper-slide-active .num_list ul li,.num_list ul li.is-inview {
	opacity: 1;
	-webkit-transform: translateY(0px);
}

.num_list ul li .num {
	font-size: 2rem;
	line-height: 1;
	margin-bottom: 5px;
	display: flex;
	align-items: flex-end;
	color: #08357c;
}

.num_list ul li .num span {
	font-size: 4vw;
	line-height: 0.9;
	font-family: din;
}

.num_list ul li .txt {
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 2;
	text-align: center;
}

.num_list ul li:nth-child(1) {
    justify-content: flex-start;
}

.num_list ul li:nth-child(1) .txt{
	text-align: left;
}

.num_list ul li:nth-child(4)::after{
	display: none;
}

.num_list.qx ul li{
	width: 100%;
	position: relative;
	background-image: none;
	color: #231815;
	margin-bottom: 4vw;
}

.num_list.qx ul li:last-child{
	margin-bottom: 0px;
}

.num_list.qx ul li .place{
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 8px;
	margin-bottom: 8px;
	font-weight: bold;
}

.num_list.qx ul li .l_b{
	width: 100%;
}

.num_list.qx ul li .l_b .r{
	font-size: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 5px 0px;
	margin-left: 5px;
}
.num_list.qx ul li .l_b .r p{
	width: 100%;
	display: block;
}

.num_list.qx ul li .num{
	align-items: normal;
}

.num_list.qx ul li .add{
	width: 100%;
	line-height: 1.7;
}

.about_box{
	background: url(../images/about_bg.jpg) center bottom no-repeat;
	background-size: cover;
}

.about_box .w1400{
	flex-direction: row-reverse;
}

.cultrue_box{
	background: #e4f1f6;
}

.ideas{
	width: 100%;
	margin-top: 2vw;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.ideas .item{
	width: 32%;
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: 2vw;
	height: 350px;
}

.ideas .item .info{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #08357c;
	color: #fff;
	padding: 2vw;
	border-radius: 10px;
	line-height: 2;
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	clip-path: circle(0 at 50% 100%);
	display: flex;
	align-items: center;
}

.ideas .item .info .i-b{
	position: relative;
	transform: translateY(35px);
	opacity: 0;
	transition: all 1s;
}

.ideas .item:hover .info{
	clip-path: circle(100% at 50% 100%);
}

.ideas .item:hover .info .i-b{
	transform: translateY(0px);
	opacity: 1;
}

.ideas .item .icon{
	font-size: 40px;
    color: #08357c;
    line-height: 60px;
	width: 60px;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);

}

.ideas .item .name{
	width: calc(100% - 4vw);
	height: auto;
	position: absolute;
	line-height: 1.5;
	top: 120px;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.ideas .item .name b{
	font-weight: 300;
	font-size: 3rem;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.ideas .item .name p{
	font-size: 2rem;
	opacity: 0.6;
	font-family: 'monts';
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.ideas .item .title{
	width: calc(100% - 4vw);
	height: auto;
	position: absolute;
	left: 2vw;
	top: 280px;
	font-size: 1.25rem;
	font-weight: 300;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.ideas .item:hover .icon{
	transform: scale(0);
	opacity: 0;
}

.ideas .item:hover .name{
	top: 2vw;
}

.ideas .item:hover .name b{
	font-size: 20px;
}

.ideas .item:hover .name p{
	font-size: 14px;
}

.history_list .dot.down{
	top: auto;
	bottom: -15px;
}

.history_list{
	width: 100%;
	position: relative;
	margin-top: 5vw;
}

.history_list .line{
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0%;
	background: rgba(0, 0, 0, 0.1);
}



.history_list .line span{
	width: 100%;
	display: block;
	position: absolute;
	left: 0%;
	top: 0%;
	background: #08357c;
	height: 0%;
}

.history_list ul{
	width: 100%;
	position: relative;
	z-index: 2;
}

.history_list ul li{
	width: 50%;
	display: block;
	margin-bottom: 6vw;
	position: relative;
}

.history_list ul li:nth-child(odd){
	margin-left: 50%;
	padding-left: 8%;
}

.history_list ul li:nth-child(even){
	padding-right: 8%;
	text-align: right;
}

.history_list ul li:nth-child(odd)::after{
	left: 0%;
}

.history_list ul li .dot{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 100%;
	margin-left: -30px;
	top: -30px;
	background: #ffffff;
	border-radius: 50%;
	border: 1px dashed #d1d1d1;
	transform: scale(0.8);
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.history_list ul li .dot::after{
	width: 15px;
	height: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	background: #d1d1d1;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.history_list ul li:nth-child(odd) .dot{
	left: 0;
}

.history_list ul li .year{
	width: 100%;
    position: relative;
    font-size: 3rem;
	margin-bottom: 1vw;
}

.history_list ul li .info{
	width: 100%;
	position: relative;
}

.history_list ul li .info .name{
	font-size: 1rem;
	position: relative;
	line-height: 2;
	min-height: 6rem;
}

.history_list ul li .info .img{
	width: 45%;
	position: relative;
	margin-bottom: 1vw;
}

.history_list ul li .info .des{
	opacity: .6;
	line-height: 1.4;
}

.history_list ul li.active .dot{
	border: 1px dashed #08357c;
	transform: scale(1);
	animation: hisAnimate 10s linear infinite;
}

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

.history_list ul li.active .dot::after{
	background: #08357c;
}

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

.honor_flex{
	display: flex;
	justify-content: space-between;
}

.honor_flex .bt_name{
	width: 30%;
	line-height: 1;
}

.honor_warp{
	width: 70%;
}

.history-swiper{
	font-family: quick;	
}

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

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

.history_prev,.history_next{
	width: 50px;
	height: 3rem;
	line-height: 3rem;
    text-align: center;
	cursor: pointer;
}

.history-swiper{
	width: calc(100% - 100px);
}

.history-swiper .swiper-slide{
	text-align: center;
	line-height: 3rem;
	font-size: 1.25rem;
	cursor: pointer;
	position: relative;
	color: rgba(0, 0, 0, 0.6);
	font-family: din;
}

.history-swiper .swiper-slide::after{
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-color: rgba(0, 0, 0, 0.6);
	
}

.history-swiper .swiper-slide.active{
	color: rgba(0, 0, 0, 0.9);
}

.history-swiper .swiper-slide.active::after{
	width: 100%;
}

.history_prev{
	transform: rotate(180deg);
}

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

.honor_btm .honor_year{
	font-size: 4.5rem;
	position: relative;
	width: 250px;
	font-family: din;
}

.honor_btm .honor_year p{
	font-weight: 100;
}

.honor_btm .honor_con{
	width: calc(100% - 250px);
}

.hc_top{
	width: 100%;
	display: flex;
	position: relative;
	margin-bottom: 0.5vw;
	justify-content: space-between;
}

.hc_top .item{
	width: 55%;
	line-height: 35px;
	font-weight: bold;
	font-size: 1.25rem;
}

.hc_top .item:nth-child(2){
	width: 40%;
}


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

.hc_row{
	width: 100%;
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 15px;
}

.hc_row .item{
	width: 55%;
	line-height: 1.5;

}

.hc_row .item:nth-child(2){
	width: 40%;
}


.sunny_box{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	z-index: 2;
}

.sunny_box .item{
	width: 100%;
	position: relative;
	display: flex;
	min-height: 100vh;
}

.sunny_box .item:nth-child(even){
	flex-direction: row-reverse;
}

.sunny_box .item .info{
	padding: 5vw;
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}
.sunny_box .item .info .singePage p{
	margin-bottom: 5px;
}

.m_r{
	display: none;
}

.sunny_box .item .img{
	width: 50%;
}

.sunny_box .item .info .name{
	font-size: 2rem;
	color: #08357c;
	margin-bottom: 1rem;
}

.sunny_box .item .img img{
	width: 100%;
	height: 100%;
}

.num_list.bj{
	width: 100%;
	padding: 5vw 7.5vw;
	background: url(../images/num_bg.jpg) center center no-repeat;
	background-size: cover;
}

.num_list.bj ul li{
	width: auto;
	display: block;
}

.num_list.bj ul li .l_b{
	width: auto;
}

.num_list.bj ul li .add{
	width: auto;
	position: relative;
	color: #333333;
	text-align: center;
}

.num_list.bj ul{
	justify-content: space-between;
	align-items: center;
}

.num_list.bj ul li .num .r{
	font-size: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 5px 0px;
	margin-left: 5px;
}

.num_list.bj ul .l{
	width: 1px;
	height: 30px;
	position: relative;
	background: rgba(0, 0, 0, .1);
}

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

.sysytems .item{
	width: 25%;
	position: relative;
	cursor: pointer;
	opacity: 0.5;
	transition: all 0.4s;
}


.sysytems .item .i_logo{
	width: 50%;
	margin-left: 25%;
}

.sysytems .item .txt{
	width: 100%;
	text-align: center;
	padding-top: 1.5vw;
	margin-top: 1.5vw;
	font-size: 2rem;
	font-weight: 300;
	position: relative;
}

.sysytems .item .txt::before{
	width: 0%;
	height: 1px;
	position: absolute;
	left: 50%;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .1);
	transition: all 0.4s;
	z-index: 2;
}

.sysytems .item .txt::after{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0%;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .1);
}
.sysytems .item.active{
	opacity: 1;
}
.sysytems .item.active .txt::before,.sysytems .item:hover .txt::before{
	background: #08357c;
	width: 100%;
	left: 0;
}

.sysytems .item.active .txt,.sysytems .item:hover .txt{
	color: #08357c;
}

.system_warp{
	width: 100%;
	position: relative;
	margin-top: 5vw;
}

.zrdc_info{
	margin-top: 1vw;
	width: 100%;
	line-height: 1.7;
	font-size: 1.1rem;
	color: #666;
}

.system_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	height: 0;
}

.system_box.active{
	
}

.system_box .sys_left{
	width: 40%;
}

.system_box .sys_right{
	width: 50%;
}

.sys_left .sys_top{
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	margin-bottom: 1vw;
}

.sys_logo{
	width: 20%;
}

.sys_title{
	width: auto;
	font-size: 1.75rem;
	font-weight: 300;
}

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

.sys_item .item{
	width: 100%;
	height: auto;
	position: relative;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	margin-bottom: 0px;
	padding-bottom: 20px;
}

.sys_item .item .i_des{
	width: 100%;
	line-height: 1.7;
}

.sys_item .item .i_span{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	margin-top: 0.25vw;
	flex-wrap: wrap;
}

.sys_item .item .i_span span{
	height: 25px;
	display: block;
	padding-right: 15px;
	margin-right: 15px;
	position: relative;
}

.sys_item .item .i_span span::after{
	width: 1px;
	height: 15px;
	position: absolute;
	right: 0px;
	top: 5px;
	content: '';
	background: rgba(0, 0, 0, .3);
}

.it_top{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0.75vw;
	font-size: 1.125rem;
}

.it_top .i_dot{
	width: 13px;
	height: 13px;
	position: relative;
	background: rgba(8, 53, 124, .2);
	border-radius: 50%;
	margin-right: 15px;
}

.it_top .i_dot::after{
	width: 13px;
	height: 13px;
	position: absolute;
	border-radius: 50%;
	background: rgba(8, 53, 124, .7);
	content: '';
	left: 9px;
}

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

.sys_video .img{
	width: 100%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.citys .item .thum .img{
	background: center center no-repeat;
	background-size: cover;
}

.sys_video .img img{
	aspect-ratio: 10 / 5.6;
}

.sys_video video{
	width: 100%;
	height: auto;
	position: relative;
	display: block;
}

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

.sys_video .play_btn{
	top: 50%;
	z-index: 2;
	width: 70px;
}

.swiper1,.swiper2{
	height: 100%;
}

.swiper1 .swiper-slide img,.swiper2 .swiper-slide img{
	width: 100%;
	height: 100%;
}

.city_wrap{
	width: 100%;
	margin-top: 6vw;
}

.city_search{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	margin-bottom: 2vw;
}

.city_search .txt{
	font-size: 1.5rem;
}

.search_box{
	width: 355px;
	height: 60px;
	margin-left: 15px;
	
	position: relative;
	overflow: hidden;
}

.search_box input{
	width: 100%;
	height: 100%;
	border: none;
	text-indent: 15px;
	outline: none;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 5px;
	transition: all 0.35s;
}

.search_box input:focus{
	border: 1px solid #08357c;
	background: #f9f9f9;
}

.search_box .search_btn{
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	font-size: 1.75rem;
}

.citys{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	align-items: start;
	gap: 1.5vw;
}

.citys.no{
	display: flex;
	justify-content: center;	
}

.citys.no .noData{
	margin: 50px auto 0;
}

.sys_item .item.yh:before{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: url(../images/yh_icon2.png) no-repeat;
	background-size: cover;
	opacity: 0.2;
}

.sys_item .item .i_span.i_span2 span{
	border-radius: 3px;
	padding: 3px 8px;
	line-height: 20px;
	height: auto;
	margin-right: 5px;
	position: relative;
	padding-left: 10px;
}

.sys_item .item .i_span.i_span2 span::after{
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 10.5px;
	content: '';
	background: rgba(8, 53, 124, .2);
	border-radius: 50%;
}

.sys_item .item .i_span.i_span2 span:last-child{
	margin-right: 0;
}


.sys_item .item.yh{
	padding: 30px 0;
	margin: 20px 0px;
	padding-bottom: 40px;
}
.sys_item .item.yh::after{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	bottom: 20px;
	content: '';
	background: url(../images/yh_icon.png) no-repeat;
	background-size: cover;
	opacity: 0.2;
}

.citys .item{
	position: relative;
    border-radius: 0.35vw;
    overflow: hidden;
}

.citys .item img{
	aspect-ratio: 5/3;
}

.citys .item .mark{
	width: auto;
    height: auto;
    position: absolute;
    left: 1vw;
    top: 1vw;
    font-size: 0.875rem;
    background: #fff;
    padding: 3px 10px;
    border-radius: 50px;
}

.citys .item .thum::after{
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.5));
}

.citys .item .name{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0vw;
	padding: 1vw;
	color: #fff;
}

.focus_swiper {
	width: 100%;
	margin-bottom: 3vw;
}

.focus_swiper .swiper-slide {
	display: flex;
	justify-content: space-between;
	opacity: 0;
	transition: all 0.5s;

}

.citys.c2 .item{
	cursor: pointer;
}

.citys.c2 .item img{
	transition: all 0.4s;
}

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

.focus_swiper .swiper-slide.swiper-slide-active {
	opacity: 1;

}

.focus_swiper .swiper-slide .thum {
	width: 45%;
}

.focus_swiper .swiper-slide:hover .thum .inner img {
	transform: scale(1.05);
}

.focus_swiper .swiper-slide .inner {
	padding-top: 60%;
}

.focus_swiper .swiper-slide .info {
	width: 55%;
	height: auto;
	position: relative;
	padding: 3% 5%;
}

.focus_swiper .swiper-slide .info .name {
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: 1vw;
	transition: all 0.5s;
	display: block;
}

.focus_swiper .swiper-slide .info .date{
	width: 100%;
	opacity: 0.6;
	margin-bottom: 1vw;
}

.focus_swiper .swiper-slide .info .name b {
	background: linear-gradient(#08357c, #08357c) 0 100% / 0 2px no-repeat;
	text-decoration: none;
	transition: background .5s;
	display: inline;
	font-weight: 400;
}

.focus_swiper .swiper-slide:hover .info .name {
	color: #08357c;
}

.focus_swiper .swiper-slide:hover .info .name b {
	background-size: 100% 2px;
}

.focus_swiper .swiper-slide .info .des {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	-webkit-line-clamp: 3;
	line-height: 2;
    font-size: 1.1rem;
	color: #666;
}

.focus_swiper .swiper-slide .info .des p {
	width: auto;
	height: auto;
	line-height: 25px;
	position: relative;
	padding-left: 15px;
	margin-right: 25px;
	color: #c3c3c3;
}

.focus_swiper .swiper-slide .info .des p:last-child{
	margin-right: 0;
}

.focus_swiper .swiper-slide .info .des p::after {
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	background: #c3c3c3;
}


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

.datas .item .txt{
	font-size: 0.875rem;
}


.focus_swiper .swiper-button-next:after,
.focus_swiper .swiper-button-prev:after {
	display: none;
}

.focus_swiper .swiper-button-next,
.focus_swiper .swiper-button-prev {
	width: 50px;
	height: 50px;
	border: 1px solid #c81918;
	border-radius: 50%;
	left: 55%;
	right: auto;
	top: 80%;
}

.focus_swiper .swiper-button-next {
	left: calc(55% + 65px);
}


.focus_swiper .swiper-button-next img {
	transform: rotate(180deg);
}

.focus_swiper .swiper-button-next img,
.focus_swiper .swiper-button-prev img {
	width: 10px;
}

.news-list{
	position: relative;
	padding-bottom: 50px;
}
.news-list a{
	display: flex;
	position: relative;
	padding: 3vw;
	justify-content: space-between;
	background: rgba(0, 0, 0, .01);
	align-items: center;
	transition: all 0.5s;
}

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

.news-list a:hover .info .name{
	color: #08357c;
}

.news-list a .info{
	width: calc(100% - 150px);
}

.news-list a .info .name{
	font-size: 1.5rem;
	line-height: 1.4;
	margin-bottom: 1vw;
	transition: all 0.5s;
}

.news-list a:hover .bt_more .icon .progress-ring-circle {
    stroke-dashoffset: 30;
}

.news-list a:hover .bt_more .icon i {
    left: -5px;
}

.news-list a .info .des{
	line-height: 1.7;
    opacity: 0.6;
    font-size: 1.125rem;
}

.news-list a .info .date{
	opacity: 0.6;
	margin-top: 1vw;
}

.news-list a:nth-child(even){
	background: #fff;
}

.legal strong{
	width: 100%;
    font-size: 2.5rem;
	color: #08357c;
	display: block;
}
.legal p{
	width: 100%;
	font-size: 1rem;
	line-height: 2;
	position: relative;
	color: #666666;
}

.iconBox{
	display: none;
}

.focus_swiper .swiper-pagination-bullet {
	background: rgba(0,0,0,.1);
	opacity: 1;
	width: 40px;
    height: 4px;
    border-radius: 0;
}

.focus_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #08357c;
}

.focus_swiper {
	border: 1px solid rgba(0, 0, 0, 0.1);
	
}

.focus_swiper .swiper-wrapper {
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.news-swiper.in{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5vw;
}
.news-swiper.in .swiper-slide{
	position: relative;
}

.idea_top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 3vw;
}

.idea_top .bt_name{
	width: 30%;
}

.idea_info{
	width: 49%;
	line-height: 2;
	font-size: 1.25rem;
}

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

.idear_box .item{
	width: 49%;
	height: auto;
	position: relative;
	border-radius: 10px;
    overflow: hidden;
}

.idear_box .item .img{
	width: 100%;
	aspect-ratio: 5/3;
}

.idear_box .item .img img{
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	filter: blur(0);
}

.idear_box .item:hover .img img{
	filter: blur(5px);
	transform: scale(1.05);
}

.idear_box .item .name{
	width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 80%;
    color: #fff;
    padding: 0 8%;
    font-size: 2rem;
	transition: all 1.2s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.idear_box .item .lists{
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0px 8%;
	color: #ffffff;
	font-size: 1.15rem;
	opacity: 0;
	transition: all 1.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.idear_box .item:hover .name{
	top: 15%;
}

.idear_box .item:hover .lists{
	top: 35%;
	opacity: 1;
}

.idear_box .item .lists .li{
	width: 100%;
	display: flex;
	position: relative;
	line-height: 30px;
	margin-bottom: 1vw;
}

.idear_box .item .lists .li .li_a{
	width: 100px;
	padding-left: 15px;
}
.idear_box .item .lists .li .li_a::after{
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 12.5px;
	content: '';
	background-color: #fff;
	border-radius: 50%;
}

.idear_box .item .lists .li .li_b{
	width: calc(100% - 100px);
}

.fftx{
	background: url(../images/fftx_bg.jpg) center center no-repeat;
	background-size: cover;
}

.idea_info b{
	font-size: 1.725rem;
	font-weight: 300;
	color: #08357c;
}

.idea_item{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 3vw;
}

.idea_item .item{
	width: 23.5%;
	height: auto;
	position: relative;
	
	padding: 2vw 1vw;
    text-align: center;
	cursor: pointer;
}

.idea_item .item:before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background-color: #fff;
	border-radius: 10px;
	transition: all 0.5s;
	border: 1px solid #fff;
}

.idea_item .item:hover:before,.idea_item .item.active:before{
	box-shadow: 15px 15px 50px rgba(0, 0, 0, .1);
}

.idea_item .item .img,.tx_logo{
	width: 160px;
	margin: 0px auto;
	margin-bottom: 1vw;
	position: relative;
	opacity: 0.5;
}

.idea_item .item .txt{
	font-size: 1.2rem;
	position: relative;
	opacity: 0.5;
}

.idea_item .item.active .txt{
	opacity: 1;
}

.idea_item .item.active .img{
	opacity: 1;
}

.fwtx_warp{
	position: relative;
}

.fwtx_warp .tx_item{
	width: 100%;
	display: none;
}

.fwtx_warp .tx_item.active{
	display: block;
}

.tx_des{
	width: 100%;
	line-height: 2;
	position: relative;
	padding: 0% 20%;
	text-align: center;
	font-size: 1.1rem;
	color: #666;
}

.tx_btm{
	width: 100%;
	margin-top: 2vw;
	display: flex;
	justify-content: space-between;
}

.tx_btm .tx_img{
	width: 40%;
}

.tx_btm .tx_video,.tx_btm .tx_grelly{
	width: 55%;
}

.tx_btm .tx_video video{
	width: 100%;
	display: block;
	position: relative;
}

.tx_tips{
	font-size: 0.875rem;
    margin-top: 6vw;
    font-weight: 500;
	text-align: center;
}

.idea_top.pz{
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .05);
	width: 100%;
	padding: 2vw 4vw;
	border-radius: 0.5vw;
	align-items: center;
}

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

.pz_img .mi{
	display: none;
}

.pz_btm{
	padding-bottom: 0;
}

.pz_swiper{
	padding-bottom: 50px;
}

.pz_swiper .swiper-slide{
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}

.pz_swiper .swiper-slide:hover .inner img{
	transform: scale(1.05);
}

.pz_swiper .swiper-slide .thum{
	background: #000;
}

.pz_swiper .swiper-slide .thum .inner{
	padding-top: 60%;
}

.pz_swiper .swiper-slide .thum::after{
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
}

.pz_swiper .swiper-slide .name{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0vw;
	padding: 1vw;
	color: #fff;
}

.tyw_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tyw_left{
	width: 50%;
}

.tyw_right{
	width: 40%;
}

.tyw_logo{
	width: 180px;
	margin-bottom: 2vw;
}

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

.tyw_con .name{
	width: 100%;
	font-size: 2rem;
    font-weight: 400;
	color: #08357c;
	margin-bottom: 1vw;
}

.tyw_con .des{
	font-size: 1.2rem;
    line-height: 1.7;
    margin-bottom: 3vw;
}

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

.tyw_bq .txt{
	text-align: center;
	margin-top: 0.5vw;
}

.tyw_box .num_list.bj{
	padding: 3vw 0px 0;
	background: transparent;
}
.tyw_box .num_list.bj ul li{
	width: auto;
	margin-right: 5%;
}

.tyw_box .num_list.bj ul li:last-child{
	margin-right: 0;
}
.tyw_box .num_list.bj ul li .num .r p{
	width: 100%;
	font-size: 0.8rem;
}

.tyw_box .num_list.bj ul li .num .r{
	height: auto;
    padding: 2px 0px;
    margin-left: 10px;
    line-height: 1.4;
}
.tyw_box .num_list ul{
	flex-wrap: nowrap;
}
.tyw_box .num_list ul li .num{
	align-items: normal;
}

.tyw_box .num_list.bj ul li .num .r{
	color: #333333;
}

.tyw_box .num_list.bj ul li .num .r p:first-child{
	color: #08357c;
	font-size: 1.1rem;
}

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

.zp_list .item{
	width: 31%;
	height: auto;
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: 4vw 2vw;
	display: block;
	color: #fff;
	transition: all 0.5s ease;
	
}

.zp_list .item:hover{
	box-shadow: 15px 15px 50px rgba(0, 0, 0, .05);
	width: 33%;
}

.zp_list .item:hover .bt_more .icon .progress-ring-circle {
    stroke-dashoffset: 30;
}

.zp_list .item:nth-child(1){
	background: #1a2c5c;
}

.zp_list .item:nth-child(2){
	background: #375fa3;
}

.zp_list .item:nth-child(3){
	background: #4da2c4;
}

.zp_list .item .icons{
	width: 40px;
	height: auto;
	margin-bottom: 4vw;
	border-radius: 50%;
}

.zp_list .item .title{
	width: 100%;
	margin-bottom: 7vw;
}

.zp_list .item .title b{
	font-weight: 400;
	font-size: 1.75rem;
	display: block;
	margin-bottom: 0.5vw;
}

.zp_list .item .title p{
	font-family: monts;
	text-transform: uppercase;
	font-size: 0.875rem;
	opacity: 0.5;
}

.zp_list .item .bt_more{
	width: 105px;
	color: #fff;
}


.citys.c2{
	margin-top: 6vw;
	padding-bottom: 40px;
}

.citys .swiper-pagination-bullet-active{
	background: #08357c;
	width: 20px;
	border-radius: 10px;
}

.bn2{
	margin-top: 3vw;
}

.bests{
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: 3vw;
	align-items: center;
	padding-bottom: 4vw;
	border-bottom: 1px dashed rgba(8, 53, 124, .2);
	
}

.bests .dot{
	width: 12px;
	height: 12px;
	border: 1px solid #08357c;
	border-radius: 50%;
	opacity: 0.4;
	margin: 0px 0.5vw;
}

.bests .item{
	width: 10vw;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.bests .item::after{
	width: 1px;
	height: 4vw;
	position: absolute;
	left: 50%;
	bottom: -4vw;
	border-right: 1px dashed rgba(8, 53, 124, .2);
	content: '';
	opacity: 0;
}

.quality_box{
	display: none;
}

.img-swiper{
	padding-bottom: 40px;
}
.img-swiper .swiper-pagination-bullet-active{
	background: #08357c;
}
.bests .item .word{
	font-size: 9vw;
	text-transform: uppercase;
	font-family: din;
	color: transparent;
    -webkit-text-stroke: 1px rgba(8, 53, 124, .5);
	transition: all .5s;
}

.bests .item .name{
	font-size: 1.1rem;
	opacity: 0;
	position: absolute;
	top: -1.5rem;
	text-align: center;
	width: 100%;
}

.bests .item.active .word{
	color:#08357c;
}

.bests .item.active .name{
	opacity: 1;
}

.bests .item.active::after{
	opacity: 1;
}

.flsm{
	display: none;
}

.btzd{
	width: 100%;
	position: relative;
	margin-top: 3vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.btzd .item{
	width: 15%;
	height: auto;
	position: relative;
	margin-right: 2%;
	margin-bottom: 2vw;
	transition: all 0.4s;
}

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

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

.btzd .item .icons{
	width: 100%;
	overflow: hidden;
}

.btzd .item .icons img{
	transition: all 1s;
}

.btzd .item:hover .icons img{
	transform: scale(1.025);
}

.btzd .item .name{
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 1.1rem;
	align-items: center;
	padding: 0.75vw 0px;
} 
.btzd .item .name .txt{
	transition: all 0.4s;
}

.btzd .item:hover .name .txt{
	transform: translateX(10px);
}
.btzd .item .name .icon{
	width: 20px;
	position: relative;
	transform: translateX(-20px);
	opacity: 0;
	transition: all 0.35s;
}
.btzd .item:hover{
	box-shadow: 15px 15px 50px rgba(0, 0, 0, .05);
}
.btzd .item:hover .name .icon{
	transform: translateX(-10px);
	opacity: 1;
}

.btzd .item:hover .bt_more .icon i {
    left: -5px;
}

.btzd .item:hover .bt_more .icon .progress-ring-circle {
    stroke-dashoffset: 30;
}

.btzd .item:hover .name{
	color: #08357c;
}

.pro_close{
	background: #08357c;
}

.best_warp{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 8vw;
}

.best_con{
	width: 100%;
	height: auto;
	position: relative;
	display: none;
	justify-content: center;
}



.best_con.active{
	display: flex;
}


.best_con .item{
	width: 28%;
	height: auto;
	position: relative;
}

 .best_con .item .dot{
	width: 10px;
	height: 10px;
	border: 1px dashed rgba(8, 53, 124, .4);
	border-radius: 50%;
	margin: 4vw auto 1vw;
	position: relative;
 }

 .best_con .item .dot::after{
	width: 1px;
	height: 4vw;
	position: absolute;
	top: -4vw;
	content: '';
	border-right: 1px dashed rgba(8, 53, 124, .2);
	left: 50%;
	margin-left: -1px;
 }

 .best_con .item .name,.best_con .item .des{
	text-align: center;
 }

 .best_con .item .name{
	font-size: 1.2rem;
	font-weight: 400;
	color: #08357c;
 }

 .best_con .item .des{
	font-size: 1.1rem;
    line-height: 1.8;
    padding: 0px 5%;
    margin-top: 0.35vw;
 }

 .rcln{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3vw;
 }

 .rcln .item{
	width: 23.5%;
	height: 500px;
	position: relative;
	background: #fff;
	box-shadow: 15px 15px 50px rgba(0, 0, 0, .05);
	border-radius: 5px;
 }

 .rcln .item .chat{
	font-size: 2rem;
	color: #08357c;
	position: absolute;
	left: 10%;
	top: 10%;
 }

 .rcln .item .name{
	width: 80%;
	height: auto;
	left: 10%;
	top: 30%;
	position: absolute;
	font-size: 1.4rem;
    line-height: 1.7;
 }

 .rcln .item .des{
	width: 80%;
	height: auto;
	left: 10%;
	top: 70%;
	opacity: 0.3;
	position: absolute;
	line-height: 1.5;
 }

 .rcln .item .icon{
	width: 70%;
	height: auto;
	position: absolute;
	right: 0;
	bottom: 0%;
 }

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

.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.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: 60px;
	border-radius: 50%;
    overflow: hidden;
	display: none;
}

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

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

.joins .item .top .plus::after{
	content: '';
	width: 14px;
	height: 2px;
	background: #a3a3a3;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.joins .item .top .plus::before{
	content: '';
	width: 2px;
	height: 14px;
	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: #08357c;
}

.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: 1.3rem;
	line-height: 1.3;
	text-align: right;
}

.joins .item .top .jr .title .t {
	font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: 0.25vw;
}

.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: 134px;
	height: 48px;
	position: relative;
	cursor: pointer;
	background: #08357c;
	color: #fff;
	border-radius: 5px;
	line-height: 48px;
	text-align: center;
	display: block;
	transition: all .4s;
}

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

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

.join_left{
	width: 25%;
	position: relative;
}

.join_menu{
	width: 70%;
	margin-top: 3vw;
}

.join_menu .item{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	border-radius: 5px;
	font-size: 1.3rem;
    padding: 18px 20px;
    margin-bottom: 1vw;
	cursor: pointer;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .02);
}

.join_menu .item::after{
	width: 7px;
	height: 7px;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	background: #08357c;
	border-radius: 50%;
	opacity: 0;
}

.join_menu .item.active::after{
	opacity: 1;
}

.join_menu .item.active{
	color: #08357c;
}

.gyln{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 3vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 15px;
	overflow: hidden;
}

.gyln .item{
	width: 33.33%;
	height: auto;
	position: relative;
	background: #fff;
	padding: 3vw 2vw;
	margin-bottom: 0vw;
}

.gyln .item:nth-child(1),.gyln .item:nth-child(2){
	border-bottom: none;
}

.gyln .item:nth-child(1),.gyln .item:nth-child(2){
	border-right: 1px solid rgba(0, 0, 0, .1);
}

.gyln .item .sz{
	width: 60px;
	line-height: 60px;
	color: #ffffff;
	text-align: center;
	background: #08357c;
	border-radius: 100%;
	box-shadow: 0 0.5208333vw 2.08333vw rgba(8, 53, 124, .3);
	font-size: 1.5rem;
	font-family: din;
	margin-bottom: 2vw;
}
.gyln .item .name{
	font-size: 2rem;
	margin-bottom: 0.5vw;
}

.gyln .item .des{
	width: 100%;
	line-height: 1.7;
	font-size: 1.1rem;
	color: #666;
}

.zrdc_box.in{
	margin-top: 0vw;
    padding-top: 0vw;
	margin-bottom: 3vw;
}

.zrdc_box.in::before{
	display: none;
}

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

.data_info{
	margin-top: 1vw;
    line-height: 1.7;
    font-size: 1.1rem;
    margin-bottom: 1vw;
}
.data_left{
	width: 35%;
}
.data_right{
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.datas{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: space-between;
	margin-bottom: 1vw;
}

.datas .item{
	width: 45%;
	position: relative;
	margin-bottom: 1vw;
}

.datas .item:nth-child(even){
	width: 50%;
}

.datas .item .top{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: flex-end;
}

.datas .item .top .n{
	font-size: 2.5vw;
	color: #08357c;
	font-family: din;
}
.datas .item .top .r{
	font-size: 1rem;
	color: #08357c;
	margin-left: 0.35vw;
}

.data_right .item{
	width: 48%;
	height: auto;
	position: relative;
	
	margin-bottom: 3vw;
}

.data_right .item:nth-child(even){
	top: 5vw;
}

.data_right .item .img{
	width: 100%;
	aspect-ratio: 5/3;
	position: relative;
}

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

.data_right .item .img img{
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: all 0.5s;
}

.data_right .item a{
	display: block;
	transition: all 0.5s;
	border-radius: 10px;
	overflow: hidden;
}

.data_right .item a:hover{
	box-shadow: 15px 15px 50px rgba(0, 0, 0, .2);
}

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

.data_right .item .name{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1vw;
	color: #fff;
}

.activity{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: 2vw;
	justify-content: space-between;
}

.activity a{
	width: 49%;
	position: relative;
	margin-bottom: 2vw;
	background: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	overflow: hidden;
    box-shadow: 15px 15px 30px rgba(0, 0, 0, .05);
}

.activity a .img{
	width: 40%;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.activity a .img img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
}

.activity a .info{
	width: 60%;
	padding: 2vw 1.5vw;
	position: relative;
}

.activity a .info .name{
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.5;
	margin-bottom: 0.5vw;
}

.activity a .info .name b {
    background: linear-gradient(#08357c, #08357c) 0 100% / 0 2px no-repeat;
    text-decoration: none;
    transition: background .5s;
    display: inline;
}

.activity a:hover .info .name b{
	background-size: 100% 2px;
	color: #08357c;
}

.activity a:hover .img img{
	transform: scale(1.05);
}

.activity a .info .des{
	line-height: 1.7;
	-webkit-line-clamp: 3;
	color: #666;
}

.service_yw{
	padding: 0;
}

.service_yw .intro_box{
	left: 7.5%;
}

@media screen and (max-width: 1650px){
	.data_info,.idear_box .item .lists{
		font-size: 1rem;
	}
	.idear_box .item .name,.idear_box .item .lists{
		padding: 0 5%;
	}
	
	.data_right{
		width: 55%;
	}
	.data_left{
		width: 40%;
	}
}


@media screen and (max-width: 1440px){
	
	.gyln .item .name{
		font-size: 1.75rem;
	}

	
	.gy_video{
		width: 90%;
	}
	.system_box .sys_right{
		width: 55%;
	}
	.ideas .item .info{
		font-size: 1.1rem;
	}
	html{
		font-size: 14px; 
	}	
	.singePage,.ideas .item .info,.menu_tips .right .des,.sys_item .item,.citys .item .name{
		font-size: 1.125rem;
	}
	.num_list{
		width: 25%;
	}
	.intro_right{
		width: 70%;
	}
	.focus_swiper .swiper-slide .info .name{
		font-size: 1.6rem;
	}
	.news-swiper .info .name{
		font-size: 1.3rem;
	}
	.secend_menu .menu_tips{
		padding: 25% 10% 0% 10%;
	}

	.rcln .item {
		height: 400px;
	}
	.menu_tips .right .des{
		line-height: 2;
	}
	.sys_item .item{
		font-size: 1.125rem;
	}
	.honor_flex .bt_name{
		width: 25%;
	}

	.ideas .item:hover .info {
	    clip-path: circle(140% at 50% 100%);
	}
	.sunny_box .item .info{
		padding: 3vw;
	}
	.sunny_box .item .info .singePage{
		line-height: 1.7;
	}
	.sunny_box .item .info .singePage p{
		margin-bottom: 5px;
	}
	.menu_tips .right .des {
	    width: calc(100% - 200px);
	}
	.menu_tips .right .menu_bar::after {
	    left: -25px;
	}
}

@media screen and (max-width: 900px){
	
	.sub_nav.active {
		clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	}
	.logo{
		width: 120px;
		left: 0;
	}
	.sub_nav{
		display: none;
	}
	nav{
		display: block;
        position: fixed;
        left: 0;
        margin-left: 0;
        background: #f9f9f9;
        width: 100%;
        height: calc(100vh - 60px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);
        pointer-events: none;
        top: 60px;
        transform: translateY(0px);
		padding-top: 35px;
	}
	#nav-icon2{
		display: block;
	}
	#nav-icon2 span{
		background: #08357c;
	}
	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;
		background: #fff;
    }
	.logo img:nth-child(2) {
		opacity: 1;
	}
	.logo img:nth-child(1) {
		opacity: 0;
	}
	.loading .logoLoad{
		width: 40vw;
	}
	nav.active{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	nav .frist_menu{
		padding: 0px 0px;
		color: #333333;
	}
	nav .item{
		display: flex;
		width: 90%;
		margin-left: 5%;
		align-items: flex-start;
		border-bottom: 1px solid rgba(0, 0, 0, .2);
        padding-bottom: 15px;
        margin-bottom: 20px;
		justify-content: space-between;
	}
	nav .frist_menu{
		justify-content: flex-start;
		width: 80px;
		line-height: 25px;
		color: #08357c;
	}
	nav .item .menu_bar{
		width: calc(100% - 90px);
		display: flex;
		flex-wrap: wrap;
	}
	nav .item .menu_bar a{
		padding-right: 10px;
		line-height: 25px;
		font-size: 1.15rem;
	}
	nav .frist_menu p{
		text-align: left;
	}
	.boxes{
		padding: 15vw 0px;
	}
	.in_box{
		padding: 0;
	}
	.in_box .w1400{
		width: 100%;
	}
	.map_bg{
		width: 100%;
		overflow: hidden;
	}
	.map_bg img{
		max-width: none;
        width: 180%;
        margin-left: -80%;
	}
	.bt_name{
		font-size: 2.3rem;
	}
	.intro_box{
		width: 90%;
		position: relative;
		top: 0;
		transform: translateY(0);
		margin-bottom: 15vw;
	}

	.in_box .bt_name.pos{
		position: relative;
		top: 0%;
        margin-top: 15vw;
        margin-bottom: 5vw;
	}
	.intro_box .name{
		font-size: 1.5rem;
		text-align: center;
		margin-bottom: 2vw;
	}
	.intro_box .des{
		margin-bottom: 10vw;
	}
	.title_top .bt_name {
		width: calc(100% - 100px);
	}
	.title_top{
		margin-bottom: 5vw;
	}
	.news-swiper .info{
		padding: 3.5vw;
	}
	.news-swiper .info .des{
		margin-bottom: 1vw;
	}
	.news-swiper {
		padding-bottom: 20px;
	}
	.video_warp{
		height: auto;
	}
	.video_main{
		position: relative;
		height: auto;
	}
	.video_main video{
		position: relative;
		height: auto;
		display: block;
		width: 100%;
	}
	.play_btn{
		width: 40px;
		top: 50%;
		opacity: 0.75;
		padding: 5px;
	}
	.video_bar{
		width: 100%;
		position: relative;
		transform: translateY(0);
		left: 0%;
		padding:5vw;
		grid-template-columns: repeat(2, 1fr);
		gap: 2vw;
		padding-bottom: 10vw;
	}
	.up_btn{
		display: none;
	}
	.video_swiper .item{

		position: relative;
	}
	.video_swiper .item .mark{
		padding: 0.25vw 1.5vw;
		font-size: 10px;
		left: 2vw;
        top: 2vw;
	}
	.video_swiper .item .name{
		font-size: 12px;
		padding: 5px 10px;
	}
	.bt_des{
		padding: 0;
	}
	.cul_item .item {
		width: 70%;
		position: relative;
		margin-left: 15%;
	}
	.zrdc_box{
		flex-wrap: wrap;
		padding-top: 10vw;
	}
	.zrdc_box .bt_name{
		width: 100%;
		text-align: center;
		margin-bottom: 3vw;
	}
	.zrdc_box .des{
		width: 100%;
		text-align: left;
		text-align: center;
	}
	.f_nav{
		display: none;
	}
	.footerTop .fl{
		width: 100%;
	}
	.f_logo{
		width: 110px;
		margin: 0px auto;
		margin-bottom: 3vw;
	}
	.footerBtm{
		flex-wrap: wrap;
		padding-top: 3vw;
		margin-top: 5vw;
	}
	.f_adds{
		padding-left: 23%;
		margin-bottom: 2vw;
	}
	.f_socail{
		justify-content: center;
	}
	.f_socail .item::after{
		width: 100%;
		height: 100%;
		border: 1px solid rgba(255,255,255,.3);
		border-radius: 50%;
		content: '';
		position: absolute;
		left: -1px;
		top: -1px;
		transform: scale(0.8);
	}
	.cp{
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	.shutime{
		margin-left: 0;
		margin-right: 5px;
	}
	.fb{
		display: none;
	}
	.child_menu{
		display: none;
	}
	.sub_banner{
		margin-top: 60px;
	}
	.slogans .cn{
		font-size: 2.5rem;
		margin-bottom: 0;
	}
	.slogans .en{
		font-size: 1rem;
	}
	.intro_right{
		width: 100%;
	}
	.w1400{
		width: 90%;
	}

	.num_list{
		width: 100%;
		margin-top: 5vw;
	}
	.num_list.qx ul li{
		width: 33.33%;
		margin-bottom: 0;
		text-align: center;
	}
	.num_list.qx ul li .num{
		justify-content: center;
		align-items: center;
	}
	.num_list ul li .num span{
		font-size: 8vw;
	}
	.num_list.qx ul li .l_b .r{
		text-align: left;
	}
	.ideas{
		margin-top: 5vw;
		flex-wrap: wrap;
	}
	.ideas .item{
		width: 100%;
		height: 70vw;
		padding: 5vw;
		margin-bottom: 3.5vw;
	}
	.ideas .item .name b{
		font-size: 2rem;
	}
	.ideas .item .name p{
		font-size: 1.2rem;
	}
	.ideas .item .title {
		width: calc(100% - 10vw);
		height: auto;
		position: absolute;
		left: 5vw;
		top: 80%;
		font-size: 1.125rem;
	}
	.ideas .item .name{
		line-height: 1.2;
    	top: 30%;
		width: calc(100% - 10vw);
	}
	.ideas .item .icon{
		font-size: 30px;
		line-height: 30px;
		margin-top: 3vw;
	}
	.ideas .item .info{
		padding: 5vw;
		font-size: 0.875rem;
	}
	.footer{
		padding: 10vw 5vw 1vw 5vw;;
	}
	.history_list .line{
		left: 0;
	}
	.history_list ul li:nth-child(odd) {
		margin-left: 0%;
		padding-left: 10%;
		width: 100%;
	}
	.history_list ul li:nth-child(even) {
		padding-right: 0%;
		text-align: left;
	}
	.history_list ul li{
		width: 100%;
		padding-left: 10%;
	}
	.history_list ul li .dot{
		left: 0;
	}
	.history_list ul li .year{
		font-size: 2.5rem;
	}
	.history_list ul li .dot {
		width: 15px;
		height: 15px;
		left: 0%;
		margin-left: -7.5px;
		top: 0px;

		border: none;
	}
	.history_list ul li .dot::after {
		width: 5px;
		height: 5px;
	}
	.zrdc_title{
		width: 60%;
		margin-top: 10vw;
		margin-bottom: 5vw;
	}
	.help_img{
		overflow-x: auto;
	}
	.help_img img{
		width: 150vw;
		max-width: none;
	}
	header.open nav .frist_menu, header.active nav .frist_menu{
		color: #08357c;
	}
	.history_box .bt_name{
		text-align: left;
		width: 100%;
	}
	.honor_flex{
		flex-wrap: wrap;
	}
	.honor_warp{
		width: 100%;
		margin-top: 5vw;
	}
	.honor_btm .honor_year{
		display: none;
	}
	.honor_btm .honor_con{
		width: 100%;
	}
	.hc_top .item,.hc_row .item{
		width: 12%;
	}
	.hc_top .item:nth-child(2),.hc_row .item:nth-child(2){
	    width: 50%;
	}
	.hc_top .item:nth-child(3),.hc_row .item:nth-child(3){
		width: 30%;
	}
	.hc_top .item{
		font-size: 1.125rem;
	}
	.hc_row,.hc_top{
		justify-content: space-between;
	}
	.inner_bg{
		display: none;
	}
	.history_box{
		background: url(../images/history_bg.jpg) center center no-repeat;
		background-size: cover;
	}
	.hc_row{
		margin-bottom: 3vw;
	}
	.sunny_box .item:nth-child(even) {
	    flex-direction: row;
	}
	.sunny_box .item .img{
		width: 100%;
		height: 30vw;
	}
	.sunny_box .item{
		flex-wrap: wrap;
		margin-bottom: 5vw;
	}
	
	.sunny_box .item:last-child{
		margin-bottom: 0;
	}
	
	.sunny_box .item .info{
		width: 100%;
	}
	.singePage{
		font-size: 1.125rem;
	}
	.sunny_box .item .info .name {
	    font-size: 1.5rem;
	    margin-bottom: 5vw;
	}
	.num_list.bj{
		margin-top: 0;
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.num_list.bj ul li {
	    width: 50%;
	    display: block;
		margin-bottom: 10vw;
	}
	.num_list.bj ul li:last-child{
		margin-bottom: 0;
	}
	.num_list.bj ul .l{
		display: none;
	}
	.num_list.bj ul li .l_b {
	    width: 100%;
	}
	.num_list ul li .num{
		justify-content: center;
	}
	.sysytems .item .txt{
		font-size: 1.25rem;
	}
	.sysytems .item .i_logo {
	    width: 80%;
	    margin-left: 10%;
	}
	.system_box{
		flex-wrap: wrap;
	}
	.system_box .sys_left,.system_box .sys_right{
		width: 100%;
	}
	.sys_item .item .i_span{
		flex-wrap: wrap;
		padding-right: 7.5px;
		margin-right: 7.5px;
		font-weight: 400;
	}
	.sys_item .item .i_span span{
		padding-right: 7.5px;
		margin-right: 7.5px;
	}
	.sys_item .item{
		font-size: 1rem;
		line-height: 1.7;
	}
	.search_box {
	    width: 50%;
	    height: 45px;
	}
	.city_search .txt {
	    font-size: 1.15rem;
	}
	.city_search{
		justify-content: space-between;
		margin-bottom: 5vw;
	}
	.search_box .search_btn {
	    width: 45px;
	    height: 43px;
	    line-height: 45px;
	}
	.city_wrap{
		margin-top: 10vw;
	}
	.citys{
		grid-template-columns: repeat(2, 1fr);
		gap: 3.5vw;
	}
	.citys .item{
		border-radius: 1vw;
	}
	.focus_swiper .swiper-slide{
		flex-wrap: wrap;
	}
	.focus_swiper .swiper-slide .thum{
		width: 100%;
	}
	.focus_swiper .swiper-slide .info{
		width: 100%;
	}
	.focus_swiper .swiper-slide .info .name {
		font-size: 1.3rem;
		margin-bottom: 3vw;
	}
	.focus_swiper .swiper-slide .info .des{
		display: none;
	}
	.focus_swiper .swiper-pagination-bullet{
		width: 20px;
	}
	.news-swiper.in {
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	}
	.news-swiper .info .des{
		display: none;
	}
	.news-swiper.in{
		padding-bottom: 30px;
	}
	.focus_swiper{
		margin-bottom: 5vw;
	}
	#page li{
		width: 30px;
		font-size: 10px;
		line-height: 28px;
	}
	.detail_same{
		display: none;
	}
	.detail_box{
		width: 100%;
	}
	.detail_top .name{
		font-size: 1.75rem;
		line-height: 1.2;
		margin-bottom: 1vw;
	}
	.news_detail{
		padding: 100px 5vw 10vw;
	}
	.detail_top .des p::after{
		display: none;
	}
	.detail_top .des p{
		padding-left: 0px;
		margin-right: 10px;
		font-size: 12px;
	}
	.detail_top{
		margin-bottom: 5vw;
	}
	.pn_news .item{
		padding: 0;
	}
	
	.pn_news{
		padding-top: 5vw;
	}
	.news-list .bt_more{
		display: none;
	}
	.news-list a .info {
	    width: 100%;
	}
	.news-list a .info .des{
		display: none;
	}
	.news-list a .info .name {
	    font-size: 1.3rem;
	    line-height: 1.5;
	    margin-bottom: 3vw;
	    text-overflow: initial;
	    white-space: normal;
	}
	.news-list a .info .date{
		font-size: 12px;
		margin-bottom: 7vw;
	}
	.idea_top{
		flex-wrap: wrap;
	}
	.idea_top .bt_name,.idea_info{
		width: 100%;
	}
	.idea_info{
		font-size: 1rem;
		margin-top: 3vw;
	}
	.idear_box .item{
		width: 100%;
		margin-bottom: 5vw;
		border-radius: 0;
	}
	.idear_box .item .name{
		font-size: 1.3rem;
		top: 0%;
		position: relative;
		color: #333;
		padding: 0;
		margin-bottom: 2vw;
	}
	.idear_box .item .lists{
		position: relative;
		padding: 0;
		color: #333333;
		top: 0;
	}
	.idear_box .item .img {
	    width: 100%;
	    aspect-ratio: 5 / 2;
		border-radius: 5px 5px 0px 0px;
		overflow: hidden;
		margin-bottom: 3vw;
	}
	.idear_box .item .lists .li .li_a::after{
		background: #333;
		top: 10px;
		width: 4px;
		height: 4px;
	}
	.idear_box .item .lists .li{
		font-size: 1rem;
		line-height: 24px;
	}
	.idear_box .item .lists .li .li_a {
	    width: 50px;
	    padding-left: 10px;
	}
	.idear_box .item .lists .li .li_b {
	    width: calc(100% - 50px);
	}
	
	.idear_box .item:nth-child(2) .lists .li .li_a{
		width: 80px;
	}
	.idear_box .item:nth-child(2) .lists .li .li_b{
		width: calc(100% - 80px);
	}
	.idear_box .item:last-child{
		margin-bottom: 0;
	}
	.idea_item .item .txt {
	    font-size: 1rem;
	}
	.idea_item .item .img{
		width: 50%;
	}
	.tx_logo{
		display: none;
	}
	.tx_des{
		font-size: 1rem;
		padding: 0;
		text-align: left;
	}
	.tx_btm{
		flex-wrap: wrap;
	}
	.tx_btm .tx_img,.tx_btm .tx_video{
		width: 100%;
	}
	.tx_btm .tx_img{
		margin-bottom: 10vw;
	}
	.idea_top.pz{
		padding: 0;
		box-shadow: none;
	}
	.tyw_left{
		width: 100%;
	}
	.tyw_logo{
		width: 120px;
		margin-bottom: 5vw;
	}
	.tyw_con .name{
		font-size: 1.3rem;
		margin-bottom: 3vw;
	}
	.tyw_con .des{
		font-size: 1rem;
	}
	.tyw_bq{
		flex-wrap: wrap;
		margin-bottom: 10vw;
	}
	.tyw_bq .item{
		width: 23%;
	}
	.tyw_bq .item .img{
		width: 80%;
		margin: 0px auto;
	}
	.tyw_bq .item .txt{
		text-align: center;
		margin-top: 1vw;
	}
	.tyw_con{
		margin-bottom: 10vw;
	}
	.tyw_box .num_list.bj ul li{
		width: 32%;
		margin-right: 0%;
		margin-bottom: 0;
	}
	.tyw_box .num_list ul{
		flex-wrap: wrap;
	}
	.m_r{
		display: block;
		color: #333;
		font-size: 0.8rem;
		text-align: center;
	}
	.tyw_box .num_list.bj ul li .num .r p:last-child{
		display: none;
	}
	
	.tyw_right{
		width: 100%;
		margin-top: 10vw;
	}
	.bests .item{
		width: 20%;
	}
	.bests .dot {
	    width: 5px;
	    height: 5px;
		display: none;
	}
	.bests .item .name {
	    position: absolute;
	    font-size: 0.875rem;
	    width: 200%;
	    left: -50%;
	    top: -1.4rem;
	}
	.best_con{
		flex-wrap: wrap;
	}
	.best_con .item{
		width: 100%;
		display: flex;
		align-items: flex-start;
		padding-left: 30px;
		margin-bottom: 5vw;
	}
	.bests .item .word{
		font-size: 18vw;
	}
	.best_con .item .dot{
		margin: 0;
		position: absolute;
		left: 0;
		top: 7.5px;
	}
	.best_con .item .dot::after{
		width: 15px;
		height: 1px;
		border-bottom: 1px dashed rgba(8, 53, 124, .2);
		border-right: none;
		top: 3px;
		left: 10px;
		margin-left: 0;
	}
	.best_con .item .des{
		padding-right: 0;
	}
	.best_con .item .name{
		font-size: 1.125rem;
		line-height: 25px;
		width: 90px;
		text-align: left;
	}
	.best_con .item .des{
		padding-left: 3.5%;
		line-height: 25px;
		text-align: left;
		width: calc(100% - 100px);
	}
	.best_con.active {
	    display: flex;
	    padding-top: 7vw;
	}
	.rcln .item {
		width: 48%;
		height: 60vw;
		margin-bottom: 5vw;
	}
	.rcln{
		margin-top: 5vw;
	}
	.pz_img .mi{
		display: block;
	}
	.pz_img .pi{
		display: none;
	}
	.quality_box{
		width: 100%;
		padding: 15vw 5vw;
		display: flex;
		flex-wrap: wrap;
		background: #f9f9f9;
	}
	
	.quality_menu{
		width: 100%;
		display: flex;
		margin-bottom: 5vw;
		justify-content: space-between;
	}
	
	.quality_menu .item{
		font-size: 1.7rem;
		opacity: 0.5;
		position: relative;
	}
	
	.quality_menu .item::after{
		width: 0%;
		height: 2px;
		position: absolute;
		left: 0%;
		content: '';
		background: #08357c;
		bottom: -2px;
	}
	
	.quality_menu .item.active::after{
		width: 100%;
	}
	
	.quality_menu .item.active{
		opacity: 1;
		color: #08357c;
	}
	
	.quality_wrap{
		width: 100%;
	}
	
	.quality_wrap .item{
		width: 100%;
		height: auto;
		display: none;
		position: relative;
		
	}
	
	.quality_wrap .item .qi{
		border-bottom: 1px solid #c7d8e9;
		padding-bottom: 3vw;
		margin-bottom: 4vw;
	}
	
	.quality_wrap .item.active{
		display: block;
	}
	
	.quality_wrap .item .qi .title{
		font-size: 1.2rem;
		margin-bottom: 5px;
	}
	
	.quality_wrap .item .qi .des{
		width: 100%;
		line-height: 1.5;
		opacity: 0.6;
		display: flex;
		flex-wrap: wrap;
	}
	.quality_wrap .item .qi .des p{
		margin-bottom: 5px;
		margin-right: 10px;
	}
	.history_prev, .history_next{
		width: 30px;
		display: none;
	}
	.history-swiper{
		width: 100%;
	}
	.sunny_box .item{
		min-height: auto;
	}
	.sunny_box .item .info{
		padding: 15vw 5vw 5vw;
	}
	.citys .item .mark {
	    left: 2vw;
	    top: 2vw;
	    font-size: 0.875rem;
	    padding: 1px 8px;
	}
	.sys_item .item{
		padding-bottom: 5vw;
		margin-bottom: 5vw;
	}
	.sys_logo,.sys_title{
		display: none;
	}
	.news-list a,.news-list a:nth-child(even){
		padding: 0;
		background: transparent;
	}
	.news-list a{
		border-bottom: 1px solid rgba(0,0,0,.1);
		margin-bottom: 7vw;
	}
	.news-list a:hover {
	    box-shadow: none;
	    z-index: 5;
	}
	.news-list {
	    position: relative;
	    padding-bottom: 30px;
	}
	.idear_box .item .lists{
		opacity: 1;
	}
	.idear_box .item:hover .name {
	    top: 0%;
	}
	.idear_box .item:hover .lists {
	    top: 0%;
	    opacity: 1;
	}
	.idear_box .item:hover .img img {
	    filter: blur(0px);
	    transform: scale(1);
	}
	.idea_item .item{
		width: 48%;
	}
	.idea_item .item{
		padding: 3vw 1vw;
		margin-bottom: 3vw;
	}
	.idea_item{
		margin-top: 5vw;
	}
	.rcln .item .des{
		top: auto;
		font-size: 0.5rem;
		bottom: 5%;
	}
	.rcln .item .name{
		font-size: 1.1rem;
		line-height: 1.5;
	}
	.join_left{
		width: 100%;
	}
	.join_menu{
		width: 100%;
		margin-top: 10vw;
		display: flex;
		justify-content: space-between;
		margin-bottom: 5vw;
	}
	.join_menu .item{
		width: 30%;
		padding: 0px;
		background: transparent;
	}
	.joins {
		width: 100%;
	}

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

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

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

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

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

	.joins .item .top .jr .title .d {
		font-size: 12px;
	}
	
	.join_menu .item::after{
		display: none;
	}
	.join_menu .item{
		opacity: 0.6;
	}
	.join_menu .item.active{
		opacity: 1;
	}
	.joins .item .top .jr .title .t{
		font-size: 1.1rem;
	}
	.joins .item .btms .cons{
		margin-bottom: 5vw;
	}
	.joins .item .apply_btn {
	    width: 100px;
	    height: 40px;
		line-height: 40px;
		margin-bottom: 5vw;
	}
	.gyln .item{
		width: 100%;
		padding: 5vw;
		box-shadow: none;
		border-radius: 10px;
	}
	.gyln .item:nth-child(odd){
		border-right: none;
	}
	.gyln .item{
	    border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.gyln .item:last-child{
		border-bottom: none;
	}
	.gyln .item .sz {
	    width: 40px;
	    line-height: 40px;
		font-size: 1.15rem;
	}
	.gyln .item .name{
		font-size: 1.5rem;
		margin-bottom: 2vw;
	}
	.gyln .item .des{
		font-size: 1rem;
	}
	.gyln{
		margin-top: 5vw;
	}
	.zrdc_box .bt_name p{
		justify-content: center;
	}
	.zrdc_box::before{
		opacity: 0.2;
	}
	.data_left,.data_right{
		width: 100%;
	}
	.data_box{
		flex-wrap: wrap;
	}
	.data_info{
		font-size: 1rem;
		margin-top: 3vw;
		margin-bottom: 10vw;
	}
	.datas{
		margin-bottom: 5vw;
	}
	.datas .item .top{
		justify-content: center;
	}
	.datas .item .top .n{
		font-size: 8vw;
	}
	.datas .item .txt{
		text-align: center;
		font-size: 1rem;
	}
	.data_right .item:nth-child(even) {
	    top: 0vw;
	}
	.data_right .item a{
		border-radius: 5px;
	}
	.datas .item{
		margin-bottom: 5vw;
	}
	.data_right .item{
		width: 100%;
		margin-bottom: 5vw;
	}
	.data_right .item .name{
		padding: 3vw;
		color: #fff;
		font-size: 1.1rem;
	}
	.activity{
		margin-top: 5vw;
	}
	.activity a{
		width: 100%;
		margin-bottom: 5vw;
		flex-wrap: wrap;
		border-radius: 5px;
	}
	.activity a .info .des{
		display: none;
	}
	.activity a .img{
		width: 100%;
		height: auto;
	}
	.activity a .img img{
		position: relative;
		height: auto;
	}
	.activity a .info{
		width: 100%;
		padding: 5vw;
	}
	.activity a .info .name{
		font-size: 1.1rem;
	}
	.hero{
		margin-top: 60px;
		height: 60vh;
	}
	
	.iconBox {
		position: absolute;
		color: white;
		top: 45%;
		left: 50%;
		cursor: pointer;
		width: 60px;
		display: block;
		height: 60px;
		margin-left: -30px;
		-webkit-transition: all .6s;
	}
	.video-container,.video-container video{
		width: 100%;
		height: 100%;
	}
	.iconBox::after {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    background: url(../images/play_icon.png) no-repeat;
	    background-size: auto 100%;
	    content: '';
		width: 50px;
		height: 50px;
		margin-left: -25px;
		margin-top: -25px;
	}
	
	.iconBox.active{
		opacity: .3;
		top: 80%;
	}
	.iconBox.active:after{
	    background-position: -50px 0px;
	}
	
	.iconBox img {
	    opacity: 1;
	    -webkit-transition: all .5s;
	    -webkit-animation: lineAnimate 10s linear infinite;
	}
	@-webkit-keyframes lineAnimate {
		0% {
			-webkit-transform: rotate(0deg);
		}
	
		to {
			-webkit-transform: rotate(360deg);
		}
	}
	.slogan{
		display: none;
	}
	.num_list.qx ul li .num span{
		font-size: 10vw;
	}
	.history_list ul li .info .name,.hc_row,.sys_item .item,.idea_info,.idear_box .item .lists .li,.idea_info,.tx_des,.tyw_con .des,.bt_des,.gyln .item .des,.data_info,.activity a .info .name b{
		font-size: 1.125rem;
	}
	.history-swiper .swiper-slide{
		font-size: 1.45rem;
	}
	.sunny_box .item .info .singePage{
		line-height: 2;
	}
	.num_list.bj ul li .num span{
		font-size: 10vw;
	}
	.citys .item .name{
		font-size: 1rem;
		padding: 2vw;
	}
	.citys .item .mark{
		font-size: 0.7rem;
	}
	.search_box .search_btn{
		font-size: 1.25rem;
	}
	.news-swiper .info .name{
		line-height: 1.5;
		height: auto;
	}
	.news-swiper.in .swiper-slide{
		margin-bottom: 5vw;
	}
	.tx_btm{
		margin-top: 5vw;
	}
	.idea_item .item:before{
		border-color: #08357c;
		opacity: 0.5;
	}
	.idea_item .item.active:before{
		opacity: 1;
	}
	.citys.c2{
		margin-top: 10vw;
	}
	.data_info{
		line-height: 2;
	}
	.activity a .info .name b{
		line-height: 1.5;
	}
	.activity a .info .name{
		margin-bottom: 0;
	}
	.flsm{
		display: block;
	}
	.legal strong{
		font-size: 1.5rem;
	}
	.best_con:nth-child(3) .item:nth-child(1) .des {
	    text-align: left;
	    padding-left: 0%;
	}
	.inner-player video{
		width: 100%;
	}
	.video_bar.active {
	    transform: translateY(0%);
	}
	.flsm{
		color: rgba(255, 255, 255, 0.5);
	}
	.flsm:hover{
		color: rgba(255, 255, 255, 1);
	}
	.it_top{
		margin-bottom: 2vw;
	}
	.sys_item .item .i_span.i_span2 span{
		margin-right: 5px;
		margin-bottom: 5px;
		font-size: 1rem;
		padding: 3px 5px;
	}
	.sys_item .item.yh{
		padding-bottom: 30px;
	}
	.sys_item .item.yh::after{
		bottom: 10px;
	}
	.ideas .item:nth-child(2) .info {
		font-size: 0.875rem;
		line-height: 1.7;
	}
	.bt_des p{
		font-size: 1rem;
		font-weight: normal;
	}
	.sys_video .play_btn{
		width: 40px;
	}
	.sys_video .img,.tx_btm .tx_video video{
		background: #000;
	}
	.sys_video .img img{
		opacity: 0.8;
	}
	.gy_video{
		width: 100%;
		border-radius: 5px;
		margin-bottom: 15vw;
	}
	.best_warp{
		margin-bottom: 15vw;
	}
	.btzd{
		margin-top: 5vw;
		justify-content: space-between;
	}
	.btzd .item{
		width: 48%;
		flex-wrap: wrap;
		margin-bottom: 5vw;
		margin-right: 0%;
	}
	.btzd .item .name{
		width: 100%;
		padding: 2vw 0px;
	}
	.btzd .item .icons {
	    margin-bottom: 1vw;
	}
	.btzd .item{
		padding: 0vw;
	}
	.pz_swiper .swiper-slide .name{
		padding: 5vw;
	}
	.video-container video{
		display: none;
	}
	.mobile_img{
		display: block;
		width: 100%;
		position: absolute;
		height: 100%;
		left: 0;
		top: 0;
	}
	.mobile_img img{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
}