/*
 *	Created by Edward on 24/08/27
 *	Copyright (c) 2024 ishutime.com All rights reserved
*/

@font-face {
	font-family: 'iconfont';
	src: url('/resources/assets/style/iconfont.woff2?t=1663740079843') format('woff2'),
	url('/resources/assets/style/iconfont.woff?t=1663740079843') format('woff'),
	url('/resources/assets/style/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(/resources/assets/fonts/din-bold-webfont.woff2);
}
@font-face {
	font-family: GeoramaBold;
	src: url('/resources/assets/fonts/AlibabaSans-Bold.woff2');
}
@font-face {
	font-family: GeoramaRegular;
	src: url('/resources/assets/fonts/AlibabaSans-Regular.woff2');
}
@font-face {
	font-family: NotoSansSCRegular;
	src: url('https://injet-web.oss-cn-chengdu.aliyuncs.com/AlibabaPuHuiTi-3-55-Regular.woff2');
}
@font-face {
	font-family: NotoSansSCBold;
	src: url('https://injet-web.oss-cn-chengdu.aliyuncs.com/AlibabaPuHuiTi-3-85-Bold.woff2');
}
/*@font-face {*/
/*	font-family: AlibabaPuHuiTi;*/
/*	src: url(/resources/assets/fonts/AlibabaPuHuiTi-3-105-Heavy.ttf);*/
/*}*/

body,
html {
	color: #000;
	font-family: NotoSansSCRegular;
	/*font-weight: 200;*/
}

b, strong{

}

textarea,
input {
	font-family: "Microsoft YaHei", '微软雅黑', "Arial";
	font-size: 14px;
}
.loading{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	background: #07232f;
	z-index: 999;
}
.loading.active{
	display: none;
}
.banner {
	width: 100%;
	height: 100vh;
	position: relative;
	/*background: url('/resources/assets/images/banner.jpg') center no-repeat;*/
	background-size: cover !important;
	/*background: #07232f;*/
}

.banner_box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	background: #07232f;
	/*background: url('/resources/assets/images/Lightning2.png') center no-repeat;*/
	/*background-size: cover !important;*/
	/*clip-path: polygon(50% 45%, 50% 45%, 50% 65%, 50% 65%);*/
}

.banner_img{
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	overflow: hidden;
	background: url('https://website-ishutime.oss-cn-chengdu.aliyuncs.com/yingjiedianqi/Lightning.png') center no-repeat;
	background-size: cover !important;

}

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

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

}

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

.header.active::before{
	background: #fff;
}

.logo {
	width: 111px;
	height: auto;
	position: relative;
	display: block;
}
.logo img{
	transition: all 0.4s;
}
.logo img:nth-child(2){
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	opacity: 0;
}
.header.active .logo img:nth-child(1){
	opacity: 0;
}
.header.active .logo img:nth-child(2){
	opacity: 1;
}

.header.active .nav ul li a{
	color: #051c24;
}
.nav {
	width: 60%;
	height: auto;
}

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

.nav ul li {
	width: calc(100% / 6);
	transition: all 0.4s;
}

.nav ul li .firstLab{
	width: 100%;
	position: relative;
	/*font-weight: bold;*/
}

.nav ul li .firstLab::after{
	width: 0%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	background: #e31e4d;
	transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.nav ul li:hover .firstLab::after{
	width: 100%;
	left: 0%;
}

.nav ul li:hover{
	background: #fff;
}

.nav ul li:hover .firstLab a{
	color: #e31e4d;
}

.nav ul li .secondLab{
	width: 100%;
	height: auto;
	position: absolute;
	padding: 35px 5%;
	left: 0;
	top: 80px;
	background: #f7f7f7;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s;
}

.nav ul li:hover .secondLab{
	opacity: 1;
	pointer-events: auto;
}

.nav ul li .secondLab .menu{
	width: 200px;
}

.nav ul li .secondLab .menu a{
	line-height: 30px;
	color: #171717;
	display: flex;
	justify-content: space-between;
	padding: 25px 0px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.nav ul li .secondLab .menu a::after,.nav ul li .secondLab .solution_item .name::after,.nav ul li .secondLab .case_item::after{
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	content: '';
	background: #e31e4d;
	transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1);
}


.nav ul li .secondLab .case_item{
	width: auto;
	line-height: 30px;
	color: #171717;
	display: flex;
	justify-content: space-between;
	padding: 25px 0px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	margin: 0px 1vw;
}

.nav ul li .secondLab .case_item p{
	margin-right: 10px;
}

.nav ul li .secondLab .solution_item{
	width: 22%;
	margin: 0px 1vw;
}
.nav ul li .secondLab .solution_item .inner{
	padding-top: 60%;
}

.nav ul li .secondLab .solution_item .name{
	line-height: 30px;
	color: #171717;
	display: flex;
	justify-content: space-between;
	padding: 25px 0px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.nav ul li:nth-child(n+3) .secondLab{
	justify-content: center;
}



.nav ul li .secondLab .menu a:hover::after,.nav ul li .secondLab .menu a.active::after,.nav ul li .secondLab .solution_item:hover .name::after,.nav ul li .secondLab .case_item:hover::after{
	width: 100%;
}

.nav ul li .secondLab .solution_item:hover img{
	transform: scale(1.05);
}

.nav ul li .secondLab .menu a:hover,.nav ul li .secondLab .menu a.active,.nav ul li .secondLab .solution_item:hover .name,.nav ul li .secondLab .case_item:hover{
	color: #e31e4d;
}

.nav ul li .secondLab .sr_box{
	width: calc(100% - 230px);
	overflow: hidden;
	position: relative;
}

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

.nc_box1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #e31e4d;
}

.nc_box1{
	width: 100%;
	height: 0px;
	position: relative;
	overflow: hidden;
}

.nc_box1.active{
	height: auto;
}

.nav ul li .secondLab .sr_warp{
	width: 100%;
	position: relative;
	display: flex;
	padding-bottom: 25px;
	overflow: hidden;
}
.swiper-scrollbar{
	height: 10px !important;
	cursor: pointer;
}
.swiper-scrollbar-drag{
	background:#e31e4d !important;
}
.zl-scrollBarBox{
	height: 10px !important;
	position:absolute;
	background: gainsboro;
	border-radius: 5px;
	overflow: hidden;
}
.zl-scrollBar{
	height: 10px !important;
	position:absolute;
	left:0;
	top:0;
	background:#e31e4d;
	transition:background 0.3s;
	cursor: pointer;
}
.zl-scrollBar.zl-verticalBar{
	min-height:15px;
	height: 20px;
}

.zl-scrollBar.zl-horizontalBar{
	min-width:10px;
}
.zl-scrollBar:hover{
	background:#e31e4d;
}
.zl-scrollContentDiv{
	position:relative !important;
	width:100% !important;
	height:100% !important;
	padding:0 !important;
	margin:0 !important;
	top:0;
	left:0;
}
.nav ul li .secondLab .sr_warp a{
	width: 260px;
	height: auto;
	position: relative;
	background: #fff;
	padding: 20px;
	border-radius: 6px;
	text-align: left;
	line-height: 1;
	margin-right: 15px;
	padding-bottom: 35px;
	cursor: grab;
}

.nav ul li .secondLab .sr_warp a:hover .name{
	color: #e31e4d;
}

.nav ul li .secondLab .sr_warp a:hover .pic{
	transform: scale(1.05);
}

.nav ul li .secondLab .sr_warp a .thum{
	margin-bottom: 20px;
	width: 80%;
	margin-left: 10%;
}


.nav ul li .secondLab .sr_warp a .mark{
	width: auto;
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 50px;
	padding: 5px 15px;
	line-height: 1;
	font-size: 12px;
	font-family: auto;
	color: #3e3e3e;
}

.nav ul li .secondLab .sr_warp a .name{
	font-weight: bold;
	margin-top: 10px;
	color: #171717;
	line-height: 20px;
}

.nav ul li a {
	display: block;
	width: 100%;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-family: NotoSansSCBold;
}

.hot_tel {
	width: 190px;
	height: 50px;
	position: relative;
	background: #e31e4d;
	color: #fff;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hot_tel .icon {
	width: 35px;
	height: 35px;
	position: relative;
	background: #fff;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	color: #e31e4d;
}

.hot_tel .txt {
	width: auto;
	margin-left: 5px;
}

.hot_tel .txt p {
	font-weight: 100;
	font-size: 12px;
}

.hot_tel .txt b {
	font-weight: normal;
	font-family: din;
	font-size: 20px;
}

.slogan {
	width: 60%;
	height: auto;
	position: absolute;
	left: 5%;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);

}

.show_txt{
	width: 30%;
	height: auto;
	position: absolute;
	left: 37%;
	top: 59%;
	color: #fff;
	font-size: 1.9vw;
	font-weight: bold;
}
.show_txt .txt .word,.slogan .word{
	filter: blur(10px);
	opacity: 0;
	position: relative;
	left: 15px;
}

.slogan .word{
	left: 25px;
}
.slogan .txt {
	font-family: NotoSansSCBold;
	font-size: 4vw;
}



.slogan .des {
	width: 100%;
	font-family: GeoramaBold;
	text-transform: uppercase;
	font-size: 2.5vw;
	line-height: 1.2;
}

.h100 {
	height: 100vh;
}

.about_box {
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	background: #07232f;
	margin-top: -1px;
	width: 100%;
}

.about_box>.flex{
	width: 100%;
}

.about_out {
	width: 100%;
	height: 100vh;
	position: absolute;
	display: flex;
	align-items: center;
	left: 0;
	top: 0;
	pointer-events: none;
}

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

.bg .img,
.bg .img img {
	width: 100%;
	height: 100%;
	position: relative;
}

.about_box .left {
	width: 35%;
	position: relative;
	margin-left: 5%;
	margin-top: 5%;
}

.about_box .right {
	width: 30%;
	color: #fff;
	margin-right: 5%;
	margin-top: 5%;
}

.jy_title {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 2vw;
	color: #fff;
	line-height: 1.2;
}

.jy_title.b {
	color: #1a3bb2;
}

.jy_title .title {
	width: 100%;
	font-size: 32px;
	font-family: NotoSansSCBold;

}

.jy_title .en {
	width: 100%;
	font-size: 32px;
	font-family: GeoramaBold;

}

.jy_title .line {
	width: 60px;
	height: 15px;
	position: relative;
	background: #e31e4d;
	border-radius: 0px 30px 0px 30px;
	margin-top: 1vw;
}

.common_title {
	width: 100%;
	color: #fff;
	line-height: 1.2;
	position: relative;
}

.common_title.b {
	color: #000;
}

.common_title .title {
	font-size: 3vw;
	color: #e31e4d;
}

.common_title .tips {
	margin-bottom: 0.5vw;
	font-size: 1.2vw;
}

.common_title .des {
	font-size: 3vw;
	margin-bottom: 2vw;
}

.common_more {
	width: 160px;
	height: 50px;
	position: relative;
	display: block;
	color: #fff;

	line-height: 50px;
	text-align: center;

	overflow: hidden;

}

.common_more::before{
	color: #fff;
	background: #e31e4d;
	width: 100%;
	height: 100%;
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 7px;
}

.common_more p{
	z-index: 1;
	position: absolute;
	width: auto;
	height: auto;
	left: 30%;
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.common_more .icon{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 70%;
	top: 10px;
	line-height: 30px;
	font-size: 24px;
	transform: scale(0);
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.common_more:hover p{
	left: 20%;
}
.common_more:hover .icon{
	transform: scale(1);
}

.common_more:hover::before{
	border-radius: 3px;
}

.about_box .right .singePage {
	margin-bottom: 4vw;
}

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

.nums ul li {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: flex-end;
	padding: 1vw 0px;
	line-height: 1;
}

.nums ul li .num {
	width: auto;
	display: flex;
	align-items: flex-end;
	position: relative;
}

.nums ul li .num::after {
	width: 18px;
	height: 22px;
	position: absolute;
	left: -25px;
	top: 70%;
	transform: translateY(-50%);
	content: '';
	background: url(/resources/assets/images/icon1.png) no-repeat;
	background-size: contain;
}

.nums ul li .num .sz {
	font-family: din;
	font-size: 3.5vw;
	line-height: 1;
	top: 0.5vw;
	position: relative;
}

.nums ul li .num .dw {
	font-size: 18px;
	margin-left: 5px;
}

.nums ul li .txt {
	font-size: 1.25vw;
}

.cp_line {
	width: 25vw;
	height: auto;
	position: absolute;
	left: 45%;
	top: 45%;
	transform: translate(-50%, -50%);
}


.cp_line.cp_line2 {
	width: 33vw;
	top: 45%;
}


.pro_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0;
	transition: .3s all ease-in-out;
}

.pro_box .left {
	width: 55%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 60%;
	transform: translateY(-50%);
	color: #fff;
	opacity: 0;
}

.pro_nav {
	width: 100%;
	display: flex;
	margin-bottom: 3vw;
}

.pro_nav a {
	width: auto;
	height: auto;
	margin-right: 2vw;
	position: relative;
	color: #fff;
	cursor: pointer;
}

.pro_nav a .txt {
	font-size: 32px;
	font-family: NotoSansSCBold;
}

.pro_nav a .line {
	width: 0px;
	height: 15px;
	position: relative;
	background: #e31e4d;
	border-radius: 0px 15px 0px 15px;
	margin-top: 0.5vw;
}

.pro_nav a.active .line {
	width: 60px;
}

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

.pro_box1 {
	width: 100%;
	height: auto;
	position: relative;
}
.common_more.p_more{
	font-size: 16px;
	font-weight: normal;
	margin-left: 25px;
	/* width: 50px; */
}
.common_more.p_more p{
	/* display: none; */
}

.common_more.p_more .icon{
	/* transform: scale(1);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); */
}

.pro_box1 .p_title {
	width: 100%;
	height: auto;
	position: relative;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 1vw;
	margin-bottom: 1vw;
	padding-left: 25px;
	display: flex;
	align-items: center;
}
.pro_box1 .p_title .txt{
	font-size: 32px;
	font-family: NotoSansSCBold;
	width: auto;
}
.detail_box .singePage img {
	display: inline !important;
}
.pro_box1 .p_title::after {
	width: 15px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: #e31e4d;
	border-radius: 0px 15px 0px 15px;
}

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

.p_main .p_item {
	width: 100%;
	height: auto;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 1vw;
	margin-bottom: 1vw;
}

.p_main .p_item .p_info{
	line-height: 25px;
	min-height: 50px;
}

.p_main .p_item .p_info.cx_info{
	min-height: 25px;
}

.p_main .p_item .name {
	width: 100%;
	position: relative;
	line-height: 1.6;
	margin-bottom: 1.5vw;
}

.p_main .p_item .name .p_t {
	font-size: 20px;
}

.p_main .p_item .name .p_e{
	font-size: 14px;
	font-family: GeoramaRegular;
}

.p_main .p_item .name .p_line {
	width: 35px;
	height: 10px;
	position: relative;
	background: #e31e4d;
	border-radius: 0px 15px 0px 15px;
	margin-top: 0.5vw;
}

.pro1_out {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 99;
}

.pro1_swiper {
	width: calc(100% - 80px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	min-height: 80px;
}

.pro1_swiper .swiper-slide {
	line-height: 20px;
	position: relative;
	text-align: center;
	cursor: pointer;
	padding: 25px 0;
	color: rgba(255, 255, 255, .5);
	min-height: 90px;
	display: flex;
	align-items: center;
}

.pro1_swiper .swiper-slide.active{
	color: rgba(255, 255, 255, 1);
}
.pro1_swiper .swiper-slide.active .iconImg{
	opacity: 1;
	transform: translateY(0);
}
.pro1_swiper .swiper-slide:hover .iconImg{
	opacity: 1;
	transform: translateY(0);
}
.pro1_swiper .swiper-slide .iconImg{
	position: absolute;
	background: white;
	width: 5vw;
	margin-left: 2.5vw;
	margin-top: -6.8vw;
	opacity: 0;
	transform: translateY(.5vw);
	transition: .5s all ease-in-out;
	border-radius: 5px;
}
.pro1_swiper .swiper-slide p {
	position: relative;
	padding: 0 5px;
	height: 40px;
	top: 10px;
	width: 100%;
}

.pro1_out .pro-next,
.pro1_out .pro-prev {
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	color: #3e3e3e;
	font-size: 24px;
	cursor: pointer;
}

.pro1_swiper .swiper-slide::after {
	width: 0%;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: -1px;
	content: '';
	background: #e31e4d;
	transition: all 0.4s;
}

.pro1_swiper .swiper-slide.active::after{
	width: 60%;
	left: 20%;
}

.control_box .jy_title {
	position: absolute;
	left: 5%;
	top: 10%;
}

.center_box {
	width: 80vh;
	height: 80vh;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.center_box .huan {
	width: 50%;
	height: 50%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.dots {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	pointer-events: none;
}

.dots .item {
	width: 14px;
	height: 14px;
	position: absolute;

	border-radius: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

.dots .item .dot{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #e31e4d;
	border-radius: 50%;
	transform: scale(0);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1) 1s;
}

.dots .item:nth-child(2) .dot{
	transition-delay: 1.2s;
}

.dots .item:nth-child(3) .dot{
	transition-delay: 1.4s;
}

.dots .item:nth-child(4) .dot{
	transition-delay: 1.6s;
}

.dots .item:nth-child(5) .dot{
	transition-delay: 2s;
}

.dots .item:nth-child(6) .dot{
	transition-delay: 2.2s;
}

.dots .item:nth-child(7) .dot{
	transition-delay: 2.4s;
}

.dots .item:nth-child(8) .dot{
	transition-delay: 2.6s;
}

.dots .item .txt {
	width: 20vw;
	height: auto;
	position: absolute;
	left: -24vw;
	top: 0px;
	font-size: 14px;
	line-height: 1.7;
	text-align: right;
	top: -5px;
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1) 1.2s;
}

.dots .item:nth-child(2) .txt{
	transition-delay: 1.4s;
}

.dots .item:nth-child(3) .txt{
	transition-delay: 1.6s;
}

.dots .item:nth-child(4) .txt{
	transition-delay: 1.8s;
}

.dots .item:nth-child(5) .txt{
	transition-delay: 2.2s;
}

.dots .item:nth-child(6) .txt{
	transition-delay: 2.4s;
}

.dots .item:nth-child(7) .txt{
	transition-delay: 2.6s;
}

.dots .item:nth-child(8) .txt{
	transition-delay: 2.8s;
}

.dots.is-inview .item .txt{
	left: -22vw;
	opacity: 1;
}

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

.dots .item:nth-child(n+5) .txt {
	text-align: left;
	left: auto;
	right: -24vw;
}

.dots.is-inview .item:nth-child(n+5) .txt{
	right: -22vw;
}

.center_box .txt {
	width: 100%;
	text-align: center;
	color: #fff;
	top: 15%;
	font-weight: bold;
	position: absolute;
	overflow: hidden;
}

.center_box .txt p{
	transform: translateY(100%);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 2s;
}

.center_box .img {
	width: 60%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translateY(-50%) scale(0) rotate(30deg);
	transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) 1.5s;
	opacity: 0;
}

.center_box .img img{
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.center_box .img img:nth-child(2){
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	top: 0;
}
.center_box:hover .img img:nth-child(1){
	opacity: 0;
}
.center_box:hover .img img:nth-child(2){
	opacity: 1;
}

.center_box.is-inview .img{
	opacity: 1;
	transform: translateY(-50%) scale(1) rotate(0deg);
}

.center_box.is-inview .txt p{
	transform: translateY(0px);
}
.case_wrap {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
}

.case_wrap .left {
	width: 260px;
}

.case_menu {
	width: 100%;
	height: auto;
	position: relative;
	background: rgba(255, 255, 255, 0.1);
	padding: 35px 0px;
	border-radius: 5px;
}

.case_menu a {
	width: 100%;
	display: block;
	line-height: 70px;
	position: relative;
	color: #fff;
	padding-left: 25px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
}

.case_menu a::after {
	width: 10px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 15px;
	content: '';
	background: #e31e4d;
	border-radius: 0px 15px 0px 15px;
	display: none;
}

.case_menu a.active {
	color: #e31e4d;
}

.case_menu a.active::after {
	display: block;
}

.case_wrap .right {
	width: calc(100% - 330px);
	color: #fff;
}

.case_wrap .right .cbox{
	display: none;
}

.case_wrap .right .cbox.active{
	display: block;
}

.case_wrap .right .name {
	font-size: 24px;
	line-height: 1.7;
	position: relative;
	margin-bottom: 1.5vw;
	font-weight: 400;
}

.case_wrap .right .singePage {
	margin-bottom: 2vw;
}

.case_wrap .right .c_name {
	margin-top: 5vw;
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 1.5vw;
	font-weight: 400;
}

.case_list {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
}

.case_list .li {
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	width: 19%;
	margin-right: 1.25%;
	margin-bottom: 1vw;
	background: rgba(255, 255, 255, .5);
	backdrop-filter: blur(10px);
}

.case_list .li:nth-child(5n) {
	margin-right: 0%;
}


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

.news_box .left {
	width: 70%;
	display: flex;
	justify-content: space-between;
}

.news_box .focus {
	width: calc(50% - 15px);
	display: block;
	position: relative;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	transform: translateY(5vh);
	opacity: 0;
	-webkit-transition: all 1.5s cubic-bezier(0.215, 0.610, 0.355, 1) 0s;
	border: 1px solid rgba(0, 0, 0, .1);
}

.news_box .focus:nth-child(2) {
	-webkit-transition: all 1.5s cubic-bezier(0.215, 0.610, 0.355, 1) 0.1s;
}

.news_box .focus.is-inview {
	transform: translateY(0%);
	opacity: 1;
}

.news_box .focus .showBox {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: url(/resources/assets/images/hover_bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 50px 35px;
	-webkit-transition: all .5s;
	opacity: 0;
	visibility: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news_box .focus .showBox .wfMore {}

.news_box .focus:hover .showBox {
	opacity: 1;
	visibility: visible;
}



.news_box .focus .info .time,
.news_box .focus .showBox .time {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 14px;
	opacity: 0.7;
}

.news_box .focus .info .time i,
.news_box .focus .showBox .time i {
	width: 20px;
	height: 20px;
	position: relative;
	line-height: 20px;
	font-size: 16px;
}

.news_box .focus .info .time p,
.news_box .focus .showBox .time p {
	width: calc(100% - 20px);
}

.news_box .focus .info .name,
.news_box .focus .showBox .name {
	width: 100%;
	height: 70px;
	position: relative;
	font-size: 1.3vw;
	line-height: 35px;
	margin-bottom: 10px;
	overflow: hidden;
}

.news_box .focus .showBox .name {
	margin-bottom: 30px;
	font-size: 28px;
	line-height: 40px;
	height: auto;
	-webkit-line-clamp: 5;
}

.news_box .focus .info .des,
.news_box .focus .showBox .des {
	width: 100%;
	height: 75px;
	position: relative;
	font-size: 16px;
	line-height: 25px;
	opacity: .7;
	-webkit-line-clamp: 3;
	overflow: hidden;

}

.news_box .focus .info .des {
	margin-bottom: 25px;
	transition: all 0.4s;
}

.news_box .focus:hover .info .des {
	height: 0px;
	margin-bottom: 0px;
	opacity: 0;
}

.news_box .focus .showBox .des {
	font-size: 16px;
	line-height: 25px;
	height: auto;
	margin-bottom: 0vw;
	-webkit-line-clamp: 5;
}

.news_box .focus .thum {
	position: relative;
	width: 100%;
	height: auto;

}

.news_box .focus .info {
	width: 100%;
	position: relative;
	padding: 1.5vw;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.news_box .focus .info .date,
.news_list li a .date {
	width: auto;
	height: auto;
	background: #ededed;
	color: rgba(0, 0, 0, .6);
	border-radius: 3px;
	padding: 5px 10px;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 0.5vw;
	display: inline-block;
}

.news_box .list {
	width: calc(30% - 30px);
	position: relative;
}

.news_list li a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: space-between;
	padding: 1.5vw;
	height: 100%;
	align-content: space-between;
}

.news_list li a .thum {
	width: 45%;
	border-radius: 5px;
	overflow: hidden;
}

.news_list li a .thum .inner img {
	-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.news_list li a:hover .thum .inner img {
	-webkit-transform: scale(1.1);
}

.news_list li a .info {
	width: 100%;
}

.news_list li a .time {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 100;
	opacity: 0.5;
}

.news_list li a .time i {
	width: 20px;
	height: 20px;
	position: relative;
	line-height: 20px;
	font-size: 16px;
}

.news_list li a .time p {
	width: calc(100% - 20px);
}

.news_list li a .name {
	font-size: 1.3vw;
	line-height: 35px;
}

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

.news_list li a:hover .name,.news_box .focus:hover .info .name {
	color: #e31e4d;
}

.news_list li a:hover .name b,.news_box .focus:hover .info .name b {
	background-size: 100% 1px;
}

.news_list li a .des {
	font-size: 16px;
	opacity: 0.7;
	margin-bottom: 15px;
	line-height: 1.5;
}

.news_list li a .thum .inner,
.news_box .focus .thum .inner {
	padding-top: 60%;
}

.news_list ul {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: normal;
}

.news_list li {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	-webkit-transition: all 1.5s cubic-bezier(0.215, 0.610, 0.355, 1) 0.1s;
	transform: translateY(5vh);
	opacity: 0;
	background: #fff;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, .1);
}

.news_list li:nth-child(2n) {
	-webkit-transition: all 1.5s cubic-bezier(0.215, 0.610, 0.355, 1) 0.2s;
}

.news_list li:nth-child(3n) {
	-webkit-transition: all 1.5s cubic-bezier(0.215, 0.610, 0.355, 1) 0.3s;
}

.news_list li.is-inview {
	transform: translateY(0vh);
	opacity: 1;
}

.news_list li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.st_more {
	width: 75px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	opacity: 0.7;
}

.st_more .icon{
	font-size: 20px;
}

.news_list li a:hover .st_more{
	color: #e31e4d;
}

.news_box .focus:hover .info .st_more{
	color: #e31e4d;
}

.news_box .focus:hover .inner img{
	transform: scale(1.05);
}

.footer {
	background: #051c24;
	position: relative;
	padding: 3vw 0px 1vw;
}

.f_top {
	width: 100%;
	height: 250px;
	position: relative;
	margin-bottom: 5vw;
}

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

.f_top ul li {
	width: 40%;
	height: auto;
	position: relative;
	color: #fff;
	padding: 25px;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}


.f_top ul li::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.f_top ul li .name {
	height: auto;
	position: relative;
	color: #fff;
	line-height: 30px;
	padding-left: 15px;
}

.f_top ul li .name::after {
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	content: '';
	background: #fff;
	border-radius: 50%;
}

.f_top ul li .top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: 0px;
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
	align-items: center;
	height: 120px;
}
.f_top ul li.active{
	width: 58%;
}
.f_top ul li.active .top{
	margin-top: 75px;
}

.f_top ul li.active::before{
	background: #e31e4d;
}

.f_top ul li .top .ewm {
	width: 80px;
	height: auto;
	position: relative;
	font-size: 12px;
	text-align: center;
	line-height: 1.7;
	transition: all 0.4s;
}

.f_top ul li.active .top .ewm{
	width: 100px;
}

.f_top ul li.active .top .btns{
	background: #fff;
}
.f_top ul li.active .top .btns .icon{
	background: #e31e4d;
	color: #fff;
}

.f_top ul li.active .top .btns p{
	color: #e31e4d;
}

.f_top ul li .top .ewm img {
	display: block;
	border-radius: 5px;
	margin-bottom: 10px;
}

.f_top ul li .top .ewm p {
	opacity: 0.7;
	width: 120%;
	position: relative;
	left: -10%;
	line-height: 15px;
}

.f_top ul li .top .left {
	width: calc(100% - 200px);
	font-size: 1.6vw;
	font-weight: 100;
	line-height: 1.4;
}

.f_top ul li .top .btns {
	width: 120px;
	height: 45px;
	background: #e31e4d;
	border-radius: 50px;
	font-size: 14px;
	line-height: 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 5px;
}

.f_top ul li .top .btns .icon {
	width: 35px;
	height: 35px;
	background: #fff;
	border-radius: 50%;
	line-height: 35px;
	text-align: center;
	color: #e31e4d;
	font-size: 24px;
}

.f_top ul li .top .btns p {
	color: #fff;
	margin-right: 10px;
}

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

.f_center .left {
	width: 45%;
}

.f_center .f_nav {
	width: 55%;
}

.fc_top {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 2vw;
}

.fc_top .lo {
	width: 104px;
}

.fc_top .txt {
	margin-left: 25px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	padding-left: 25px;
	position: relative;
}

.fc_top .txt::before {
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(255, 255, 255, .5);
}

.fc_name {
	width: 100%;
	color: rgba(255, 255, 255, 0.7);
	position: relative;
	font-size: 18px;
	margin-bottom: 1vw;
}

.fc_adds {
	width: 100%;
	height: auto;
	position: relative;
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fc_adds .fc_item {
	width: 49%;
	position: relative;
	margin-bottom: 0.5vw;
}

.fc_adds .fc_item:first-child {
	width: 100%;
}

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

.f_nav ul li {
	width: auto;
}

.f_nav ul li a {
	color: rgba(255, 255, 255, 0.7);
	display: block;
	text-align: right;
	font-size: 14px;
	line-height: 30px;
}

.f_nav ul li a:hover{
	color: rgba(255, 255, 255, 1);
}

.f_nav ul li a:first-child {
	font-size: 16px;
	margin-bottom: 0.5vw;
	color: rgba(255, 255, 255, 0.9);
}

.friendliks {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 2vw;
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
	line-height: 25px;
	display: flex;
	justify-content: space-between;
}

.friendliks .n {
	width: 75px;
}

.friendliks .links {
	width: calc(100% - 75px);
	display: flex;
	flex-wrap: wrap;
}

.friendliks .links a {
	color: rgba(255, 255, 255, 0.5);
	margin-right: 20px;
}

.copyright {
	width: 100%;
	height: auto;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 1vw;
	padding-top: 1vw;
	font-size: 12px;
	color: rgba(255, 255, 255, .3);
}

.copyright .cp {
	width: auto;
	display: flex;
}

.copyright .cp a {
	color: rgba(255, 255, 255, .3);
	margin-left: 10px;
}

.copyright .st {
	color: rgba(255, 255, 255, .3);
}

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

.sub-banner .img {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 100%;
}

.sub-banner img {
	-webkit-transform: scale(1.2) translateX(-5%);
	-webkit-animation: imgAnimate 20s linear 1 forwards;
	height: 100%;
}

.sub-banner .txt {
	width: 100%;
	height: auto;
	position: relative;
	color: #fff;

	line-height: 1.2;
}

.sub-banner .txt .cn {
	font-family: NotoSansSCBold;
	font-size: 4vw;
}

.sub-banner .txt .en {
	font-family: GeoramaBold;
	font-size: 2vw;
	text-transform: uppercase;
}

@-webkit-keyframes imgAnimate {
	0% {
		-webkit-transform: scale(1.1) translateX(-5%);
	}

	100% {
		-webkit-transform: scale(1.1) translateX(0%);
	}
}

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

.video_name {
	color: #fff;
	margin-top: 2vw;
	display: flex;
	align-items: center;
	position: relative;
	width: auto;
	display: inline-flex;
	cursor: pointer;
}

.video_name .icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 32px;
	font-weight: 100;
}

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

.case_box{
	background: #07232f;
}

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

.case_imgs img.active{
	opacity: 1;
}

.video_name .txt{
	margin-left: 10px;
}

.intr_box .left {
	width: 50%;
	position: relative;
}

.intr_box .right {
	width: 40%;
	position: relative;
	border-radius: 0.5vw;
	overflow: hidden;
}


.intr_box .nums {
	width: 100%;
	margin-top: 3vw;
}

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

.intr_box .nums ul li {
	width: 20%;
	flex-wrap: wrap;
	justify-content: center;
}

.intr_box .common_title {
	margin-bottom: 2vw;
}

.intr_box .right .inner {
	padding-top: 70%;
}

.intr_box .nums ul li .num {
	margin-bottom: 0.5vw;
}

.his_swiper .swiper-slide{
	padding:5% 3%;
	overflow: hidden;
}

.intr_box .nums ul li .txt {
	font-size: 16px;
	width: 100%;
	text-align: center;
}

.cultrue_box {
	background: #051c24 url(../images/wenhua_bg.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}

.cultrue_box .left {
	width: 35%;
}

.cultrue_list {
	width: 55%;
}

.cultrue_list ul li {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 2vw 0px;
	align-items: center;
}

.cultrue_list ul li::after {
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: rgba(255, 255, 255, .3);
	transition: all 1s ease 0.75s;
}

.cultrue_list ul li.is-inview::after{
	width: 100%;
}

.cultrue_list ul li .info {
	width: calc(100% - 100px);
}

.cultrue_list ul li .icon {
	width: 60px;
}

.cultrue_list ul li .info .title {
	font-size: 2.2vw;
	margin-bottom: 0.5vw;
}

.cultrue_list ul li .info .des {
	font-size: 1vw;
	line-height: 1.5;
	color: rgba(255, 255, 255, .5);
}

.common_title .more {
	width: auto;
	height: auto;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 20px;
}

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

.his_bg img {
	opacity: 0.85;
}

.his_swiper {
	padding-bottom: 5vw;
	color: #fff;
}

.his_swiper .swiper-button-next,
.his_swiper .swiper-button-prev,
.yf_swiper .swiper-button-next,
.yf_swiper .swiper-button-prev {
	top: auto;
	bottom: 0;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	border: 1px solid #fff;
	outline: none;
}

.his_swiper .swiper-button-next {
	right: auto;
	left: 70px;
}


.his_swiper .swiper-button-next:after,
.his_swiper .swiper-button-prev:after,
.yf_swiper .swiper-button-next::after,
.yf_swiper .swiper-button-prev::after {
	font-size: 16px;
	color: rgba(0, 0, 0, .6);
}

.his_swiper .swiper-button-next.swiper-button-disabled,
.his_swiper .swiper-button-prev.swiper-button-disabled,
.yf_swiper .swiper-button-next.swiper-button-disabled,
.yf_swiper .swiper-button-prev.swiper-button-disabled {

	background: transparent;

}

.yf_swiper .swiper-button-next,.yf_swiper .swiper-button-prev{
	animation: btnAnm 1.5s ease-in-out infinite;
}
@keyframes btnAnm {
	0% {
		transform: scale(1.1);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}
.yf_swiper .swiper-button-next:hover{
	background: #e31e4d;
	border-color: #e31e4d;
}
.yf_swiper .swiper-button-next:hover::after{
	color: white;
}
.yf_swiper .swiper-button-prev:hover{
	background: #e31e4d;
	border-color: #e31e4d;
}
.yf_swiper .swiper-button-prev:hover::after{
	color: white;
}

.his_swiper .swiper-button-next.swiper-button-disabled::after,
.his_swiper .swiper-button-prev.swiper-button-disabled::after,
.yf_swiper .swiper-button-next.swiper-button-disabled::after,
.yf_swiper .swiper-button-prev.swiper-button-disabled::after {
	color: #fff;
}

.his_swiper .year {
	font-size: 4vw;
	font-family: din;
	margin-bottom: 0.5vw;
	position: relative;
	z-index: 2;
}

.his_swiper .img{
	width: 94%;
	height: 12vw;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scale(1.05);
	opacity: 0;
	transition: all 0.5s;
	background: #000;
	overflow: hidden;
	border-radius: 10px;
}

.his_swiper .img img{
	opacity: 0.5;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}

.his_swiper .swiper-slide:hover .img{
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

.his_swiper .swiper-slide:hover .img img{
	transform: scale(1.1);
}

.his_swiper .des {
	font-size: 18px;
	line-height: 30px;
	padding-right: 5%;
	position: relative;
	z-index: 2;
	min-height: 60px;
}

.honor_warp {
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: 2vw;
	align-items: center;
}

.honor_warp .btn_prev,
.honor_warp .btn_next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	border: 1px solid #231815;
	outline: none;
	color: #231815;
	font-size: 32px;
	cursor: pointer;
}

.honor_warp .name {
	width: 20vw;
	text-align: center;
	position: relative;
	line-height: 25px;
	margin: 0px 2vw;
}

.honor_swiper .swiper-slide {
	transform: scale(0.7);
	transform-origin: center bottom;
	transition: all 0.4s;
}
.honor_swiper .swiper-slide .thum .pic{
	background-size: contain;
}
.honor_swiper .swiper-slide.swiper-slide-active {
	transform: scale(1);
}

.cooper {
	width: 94%;
	margin-top: 3.5vw;
	margin-left: 3%;
}

.yf_swiper .swiper-slide {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.yf_swiper .swiper-slide .img {
	width: 40%;
}

.yf_swiper .swiper-slide .info {
	width: 60%;
	position: relative;
	padding: 5vw 8vw;
}

.yf_swiper .swiper-slide .info .des {
	width: 70%;
	font-size: 1vw;
	line-height: 1.7;
	margin-top: 2vw;
}

.common_title.c {
	text-align: center;
}


.yf_swiper .swiper-button-prev {
	left: 8vw;
}

.yf_swiper .swiper-button-next {
	right: auto;
	left: calc(8vw + 60px);
}

.yf_swiper .swiper-button-next,
.yf_swiper .swiper-button-prev {
	color: #3e3e3e;
	border-color: #3e3e3e;
	bottom: 5vw;
}

.yf_swiper .swiper-button-next.swiper-button-disabled::after,
.yf_swiper .swiper-button-prev.swiper-button-disabled::after {
	color: #3e3e3e;
}

.yf_swiper .swiper-slide .infos {
	width: 60%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 2vw;
}

.yf_swiper .swiper-slide .i_item {
	width: 48%;
	height: auto;
	position: relative;
	margin-bottom: 1vw;
	line-height: 1.7;
}

.yf_swiper .swiper-slide .i_item b {
	font-size: 1vw;
}

.yf_swiper .swiper-slide .i_item p {
	opacity: 0.6;
}

.sub-banner.auto {
	height: auto;
}

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

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

.join_list ul li {
	width: 49%;
	height: auto;
	position: relative;
	background: #f9f9f9 url(../images/hr-li.jpg) center center no-repeat;
	background-size: cover;
	border-radius: 0.5vw;
	margin-bottom: 2vw;
	padding: 3vw;
}

.join_list ul li .name {
	width: 100%;
	margin-bottom: 1vw;
}

.join_list ul li .name b {
	display: block;
	position: relative;
	font-size: 1.2vw;
	color: #e31e4d;
	font-weight: normal;
	margin-bottom: 0.25vw;
}

.join_list ul li .name p {
	font-size: 14px;
	opacity: 0.7;
}

.join_list ul li .info {
	width: 100%;
	height: 120px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	color: rgba(0, 0, 0, .7);
	margin-bottom: 2vw;
}

.services {
	width: 90%;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	margin-top: 4vw;
	color: #fff;
	margin-left: 5%;
}

.services .item {
	width: 20vw;
	height: 20vw;
	position: relative;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
}

.services .item::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(1.1);
	border: 1px solid #fff;
	border-radius: 50%;
	content: '';
}

.services .item .name {
	width: 100%;
	font-size: 2vw;
	margin-bottom: 2vw;
}

.services .item .des {
	width: 100%;
	line-height: 1.7;
}

.ser_box {
	display: flex;
	align-items: center;
}

.con_box {
	padding: 0;
}

.con_box .left {
	width: 35%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 20%;
}

.con_info {
	width: 100%;
	position: relative;
	margin-top: 3vw;
}

.con_info .fc_name,
.con_info .fc_adds {
	color: rgba(0, 0, 0, 1);
}

.sub_nav {
	position: relative;
	height: auto;
	background: #fff;
}

.sub {
	width: 100%;
	display: flex;
	line-height: 70px;
	position: relative;
	justify-content: center;
}

.sub a {
	display: block;
	width: 19%;
	height: auto;
	position: relative;
	padding: 0px 0vw;
	transition: all 0.35s;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	text-align: center;
	margin: 0px 0.5%;
}



.sub a::after {
	width: 0%;
	height: 2px;
	position: absolute;
	left: 50%;
	background-image: linear-gradient(90deg, #e31e4d, #e31e4d);
	content: '';
	bottom: -1px;
	transition: all 0.3s;
}

.sub a:hover,
.sub a.active {
	color: #e31e4d;
}

.sub a:hover::after,
.sub a.active::after {
	width: 100%;
	left: 0%;
}

.cases {
	margin-top: 5vw;
	position: relative;
	z-index: 3;
	background: #fff;
	padding-bottom: 5vw;
}

.cases .item {
	width: 100%;
	margin-bottom: 3vw;
	overflow: hidden;
	border-radius: 1.5vw;
}

.cases .item_el{
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: #f9f9f9;

}

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

.cases .item:nth-child(even) {
	direction: rtl;
}

.cases .item:nth-child(even) .info {
	direction: initial;
}

.cases .item .thum {
	width: 60%;
}

.cases .item .thum .inner {
	padding-top: 55%;
}

.cases .item .info {
	width: 40%;
	padding: 3vw 5vw;
}

.cases .item .info .name {
	font-size: 1.3vw;
	margin-bottom: 0.5vw;
}

.cases .item .info .mark {
	width: auto;
	display: inline;
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 5px;
}

.cases .item .info .singePage {
	width: 100%;
	margin-top: 2vw;
	height: 150px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	margin-bottom: 2vw;
}

.solution .item {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 4vw;
}

.solution .item .solu_el{
	position: relative;
	width: 100%;
}

.solution .item .thum {
	border-radius: 5vw 2vw;
}

.solution .item .inner {
	padding-top: 35%;
}

.solution .item .info {
	width: 85%;
	height: auto;
	position: absolute;
	left: 7.5%;
	top: 15%;
	color: #fff;
}

.solution .item .info .name {
	font-size: 2vw;
	margin-bottom: 5vw;
}

.solution .item .info .mark {
	font-size: 1.3vw;
	margin-bottom: 0.5vw;
}

.solution .item .info .singePage {
	margin-bottom: 4vw;
}

.solution .item .info .more {
	width: 155px;
	height: 50px;
	position: relative;
	border: 1px solid #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.solution .item .info .common_more{
	border: 1px solid #fff;
}

.solution .item .info .common_more::before{
	background: transparent;
}

.solution .solu_el::before {
	width: 7%;
	height: 60%;
	position: absolute;
	right: -1vw;
	bottom: -1vw;
	content: '';
	background: #e31e4d;
	border-radius: 5vw 0px;
}

.solutions .item {
	width: 49%;
	height: auto;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 1vw;
	overflow: hidden;
	margin-bottom: 2vw;
}

.solutions .item .inner {
	padding-top: 40%;
}

.solutions .item .info {
	width: 100%;
	padding: 3vw 2vw;
}

.solutions .item .info .mark {
	display: inline;
	width: auto;
	height: auto;
	padding: 5px 10px;
	background: #ededed;
	font-size: 14px;
	line-height: 20px;
}

.solutions .item .info .name {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 2vw;
	font-size: 2.5vw;
	margin-bottom: 2vw;
}

.solutions .item .info .singePage p {
	margin-bottom: 0;
}

.solutions .item .info .singePage {
	margin-bottom: 2vw;
}

.solutions .item .info .more {
	display: inline-flex;
	width: auto;
	align-items: center;
	position: relative;
	color: #e31e4d;
	font-size: 14px;
	line-height: 30px;
}

.solutions .item .info .more .icon {
	font-size: 26px;
}

.solutions .item .thum::after {
	width: 100%;
	height: 60%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(26, 56, 178, 0.8), rgba(26, 56, 178, 0));
	content: '';
}

.product .item {
	width: 49%;
	height: auto;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 2.5vw 0px;
	padding: 2vw;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 2vw;
	overflow: hidden;
}

.product .item::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/resources/assets/images/product_item_bg.jpg) no-repeat;
	background-size: cover;
	content: '';
}

.product .item .info {
	width: 50%;
	position: relative;
}

.product .item .info .name {
	font-size: 1.2vw;
	font-weight: bold;
	margin-bottom: 0.5vw;
}

.product .item .info .mark {
	width: auto;
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 50px;
	padding: 5px 15px;
	line-height: 1;
	font-size: 14px;
	font-family: auto;
}

.product .item .thum {
	width: 50%;
	position: relative;
}

.product .item .info .des {
	width: 100%;
	margin-top: 1vw;
	height: 120px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	margin-bottom: 3vw;
}

.product_banner {
	width: 100%;
	height: 100vh;
	position: relative;
	background: url(/resources/assets/images/product_bg.jpg) center center no-repeat;
	background-size: cover;
}

.product_banner .left {
	width: 50%;
	height: auto;
	position: absolute;
	top: 30%;
	left: 5%;
	color: #fff;
}

.product_banner .left .name {
	width: 100%;
	height: auto;
	position: relative;
	padding-left: 30px;
	margin-bottom: 3vw;
}

.product_banner .left .name::after {
	width: 8px;
	height: 80%;
	position: absolute;
	left: 0;
	top: 15%;
	content: '';
	background: #e31e4d;
	border-radius: 20px 0px;
}

.product_banner .left .name .title {
	font-size: 3vw;
	font-weight: 500;
}

.product_banner .left .name .des {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	font-size: 1.5vw;
}

.product_banner .left .name .des .m {
	width: auto;
	height: auto;
	line-height: 1.4;
	border: 1px solid #fff;
	padding: 5px 15px;
	border-radius: 50px;
	font-size: 14px;
	margin-left: 1vw;
}

.product_banner .left .marks {
	width: 65%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 2vw;
}

.product_banner .left .marks .ms {
	width: auto;
	height: auto;
	line-height: 1.4;
	border: 1px solid #fff;
	padding: 0.5vw 1.25vw;
	line-height: 25px;
	border-radius: 0px 15px;
	font-size: 16px;
	margin-bottom: 1vw;
	margin-right: 1vw;
}

.product_banner .left .info .it {
	font-size: 1.3vw;
	margin-bottom: 0.25vw;
}

.product_banner .right {
	width: 35%;
	height: auto;
	position: absolute;
	right: 5%;
	top: 15%;
}

.pt_box .thum {
	width: 40%;
	background: #f9f9f9;
	border-radius: 0.5vw;
}

.pt_box .thum .pic {
	background-size: contain;
}

.pt_box .right {
	width: calc(60% - 50px);
}

.pr_name {
	width: 100%;
	margin-bottom: 2vw;
	position: relative;
	font-size: 2vw;
	font-weight: 500;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.pr_name::after {
	width: 45px;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: -5px;
	content: '';
	background: #e31e4d;
	border-radius: 0px 25px;
}

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

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

.hambuer {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	line-height: 30px;
	padding: 20px 0px;
	color: rgba(0, 0, 0, .4);
}

.hambuer a {
	padding: 0px 10px;
	color: rgba(0, 0, 0, .4);
}

.hambuer a:hover,
.hambuer a.active {
	color: #171717;
}

.sname {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 2vw;
	font-size: 2vw;
	font-weight: 500;
	padding-left: 25px;
}

.sname::before {
	width: 15px;
	height: 3vw;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #e31e4d;
	border-radius: 15px 0px;
}

.mb2 {
	margin-bottom: 5vw;
}

.p_detail .left {
	width: 60%;
}

.p_detail .right {
	width: 30%;
}

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

.same_list .item {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 1.5vw;
}

.same_list .item .thum {
	width: 50%;
}

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

.same_list .item .info {
	width: calc(50% - 20px);
	margin-left: 20px;
}

.same_list .item .info .name {
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0.5vw;
}

.same_list .item .info .des {
	line-height: 1.5;
}

.p_detail .product {
	margin-bottom: 5vw;
}

.p_detail .product .item {
	width: 100%;
}

.p_detail .case_list {
	width: 100%;
}

.p_detail .case_list .li {
	border-color: rgba(0, 0, 0, .1);
}

.same_list.full .item {
	flex-wrap: wrap;
}

.same_list.full .item .thum {
	width: 100%;
}

.same_list.full .item .inner {
	padding-top: 50%;
}

.same_list.full .item .des {
	display: none;
}

.same_list.full .item .info {
	width: 100%;
	margin-left: 0;
	margin-top: 1vw;
}

.shubiao {
	width: 40px;
	position: absolute;
	bottom: 2vw;
	left: 50%;
	margin-left: -20px;
	animation: shubiaoAnm 2s ease infinite;
	opacity: 0;
}

@keyframes shubiaoAnm {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-0.5vw);
	}

	100% {
		transform: translateY(0);
	}
}

.fixd_box {
	height: 100vh;
	position: relative;
	width: 100%;
	background: #07232f;

}


.line_svg,.huan_svg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(210deg);
}

.line_svg{

}

.line_svg circle {
	stroke: #e31e4d;
	stroke-width: 1;
	stroke-dasharray: 2185;
	stroke-dashoffset: 2185;
	fill: none;
}

.huan_svg circle{
	stroke: #e31e4d;
	stroke-width: 12;
	stroke-dasharray: 1182;
	stroke-dashoffset: 1182;
	fill: none;
}


.center_box.is-inview .huan_svg circle{
	animation: progress2 4s ease 1 forwards;
}
.center_box.is-inview .line_svg circle{
	animation: progress 3s ease 1 forwards 0.5s;
}

.dots.is-inview .item .dot{
	transform: scale(1);
}


@-webkit-keyframes progress {
	0% {
		stroke-dashoffset: -2185;
	}100% {
		 stroke-dashoffset: 0;
	 }
}

@-webkit-keyframes progress2 {
	0% {
		stroke-dashoffset: -1182;
	}100% {
		 stroke-dashoffset: 0;
	 }
}


.yf_swiper{
	background: #fff;
	z-index: 2;
}

.more_btn{
	width: 100px;
	height: 100px;
	position: fixed;
	left: 0%;
	top: 0%;
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
}

.video_li,.video_li video{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.video_li video{
	transform: scale(1.28);
	opacity: 0;

}

.video_li.is-inview video{
	transition: all 0.5s ease 2s;
	opacity: 1;
}

.video_li{
	mix-blend-mode: lighten;
	width: 80vh;
	height: 80vh;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.more_btn .out{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: rgba(227, 30, 77, .3);
	border-radius: 50%;
	backdrop-filter: blur(5px);
	font-size: 14px;
	line-height: 1.4;
}

.control_box{
	padding: 0px;
}

.control_box.active{
	cursor: pointer;
}

.solu_btm{
	width: 100%;
	height: 1px;
}

.header{

}

.solution{
	padding: 0px;
}

.solution .item{
	padding: 6vw 0px;
	perspective: 500px;
}

.solutions .item:hover .inner img{
	transform: scale(1.05);
}
.solutions .item .info .name b{
	position: relative;
}
.solutions .item .info .name b::after{
	width: 0%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #e31e4d;
	transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.solutions .item:hover .info .name{
	color: #e31e4d;
}

.solutions .item:hover .info .name b::after{
	width: 100%;
}

.news_list.in li a .thum{
	width: 100%;
}
.news_list.in li a .thum .inner{
	height: 0%;
	padding-top: 60%;
}

.news_list.in li a{
	padding: 0px;
}

.news_list.in li a .info{
	height: 100%;
}

.news_list.in li a .info{
	width: 100%;
	padding: 20px;
	border: none;
	height: auto;

}

.news_list.in li a .name{
	height: 70px;
	margin-bottom: 25px;
	width: 100%;
}

.news_list.in li{
	margin-bottom: 25px;
	width: 32%;
	margin-right: 2%;
}

.news_list.in li:nth-child(3n){
	margin-right: 0%;
}
.btnBox{}
.btnBox .btn{
	background: #e31e4d;
	color: white;
	display: inline-block;
	padding: .5vw 1vw;
	border-radius: .1vw;
	margin-right: .5vw;
	cursor: pointer;
}
.singePage table{
	width: 100%;
	border: 1px solid #C9E7FB;
	border-collapse: separate;
	border-spacing: 0;
	border-bottom: transparent;
	border-right: transparent;
}
.singePage table tr td{
	border-bottom: 1px solid #C9E7FB;
	border-right: 1px solid #C9E7FB;
}
.singePage table tr:nth-child(1){
	background: #1A3994;
	color: white;
}
/*.singePage table tr:not(:nth-child(1)) td:nth-child(1) {*/
/*	background: #205FAE;*/
/*	color: white;*/
/*}*/
.pc{
	display: block;
}
.mobile{
	display: none;
}
@media screen and (max-width: 1660px){
	.product_banner .right{
		top: 20%;
	}
}
@media screen and (max-width: 1440px){
	.product_banner .right{
		top: 25%;
	}
}
@media screen and (max-width: 1366px){
	.product_banner .right{
		top: 25%;
	}
}
@media screen and (max-width: 900px){
	.pc{
		display: none;
	}
	.mobile{
		display: block;
	}
	body, html{
		font-weight: inherit;
	}
	.slogan{
		width: 100%;
		left: 10%;
	}
	.slogan .txt{
		font-size: 28px;
	}
	.slogan .des{
		font-size: 16px;
	}
	.show_txt{
		width: 100%;
		font-size: 22px;
		top: 45%;
		left: 20%;
	}
	.about_box>.flex{
		display: block;
	}
	.about_box .left{
		width: 100%;
		margin-top: 0;
	}
	.jy_title .title{
		font-size: 24px;
	}
	.jy_title .en{
		font-size: 18px;
	}
	.jy_title .line{
		width: 45px;
		height: 8px;
	}
	.common_title .title{
		font-size: 16px;
	}
	.common_title .des{
		font-size: 14px;
		margin-top: 2vw;
	}
	.common_more{
		width: 100px;
		height: 30px;
		line-height: 30px;
	}
	.common_more p{
		font-size: 14px;
		left: 21%;
	}
	.common_more .icon{
		top: 0;
	}
	.about_box .left .common_more{
		right: 10%;
		top: -18vw;
		position: absolute;
	}
	.about_box .left .jy_title{
		margin-bottom: 5vw;
	}
	.about_box .right{
		width: 100%;
		padding: 5vw;
	}
	.about_box .right .singePage{
		font-size: 14px;
	}
	.about_box .right .nums{
		width: 85%;
		margin: 5vw auto 0 auto;
	}
	.nums ul li .num .sz{
		font-size: 24px;
	}
	.nums ul li .txt{
		font-size: 14px;
	}
	.about_out{
		display: none;
	}
	.cp_line.cp_line2{
		display: none;
	}
	.pro_box .left{
		width: 100%;
		opacity: 1;
		padding: 10vw 5vw;
		position: relative;
		left: inherit;
		top: inherit;
		transform: inherit;
	}
	.pro_nav a .txt{
		font-size: 18px;
	}
	.pro_nav a .line{
		height: 8px;
	}
	.pro_nav a.active .line{
		width: 45px;
	}
	.pro_box1 .p_title{
		padding-left: 0;
		justify-content: space-between;
	}
	.pro_box1 .p_title .txt{
		font-size: 18px;
	}
	.pro_box1 .p_title::after{
		content: inherit;
	}
	.p_main .p_item .name .p_line{
		height: 8px;
	}
	.p_main .p_item .name .p_t{
		font-size: 16px;
	}
	.p_main .p_item .name .p_e{
		font-size: 12px;
	}
	.p_main .p_item .p_info{
		font-size: 14px;
	}
	.pro1_swiper .swiper-slide p{
		font-size: 12px;
	}
	.pro_warp{
		margin-top: 10vw;
	}
	.p_main .p_item{
		padding: 5vw 0;
	}
	.video_li{
		width: 50vh;
		height: 50vh;
	}
	.center_box{
		width: 50vh;
		height: 50vh;
	}
	.center_box .txt{
		top: -10vw;
		line-height: 2;
	}
	.control_box .common_more{
		bottom: 20vw;
		position: absolute;
		left: 37vw;
	}
	.dots{
		display: none;
	}
	.case_wrap{
		display: block;
	}
	.case_wrap .left{
		width: 100%;
	}
	.case_menu{
		padding: 3vw 0;
	}
	.case_menu a{
		font-size: 14px;
		line-height: 1.7;
	}
	.case_menu a::after{
		width: 8px;
		top: -7px;
	}
	.case_wrap .right{
		width: 100%;
		margin-top: 5vw;
	}
	.case_wrap .right .name{
		font-size: 18px;
	}
	.case_wrap .right .singePage{
		font-size: 14px;
	}
	.case_wrap .right .c_name{
		font-size: 20px;
	}
	.case_list{
		width: 100%;
	}
	.case_list .li{
		width: 22%;
	}
	.news_box{
		display: block;
	}
	.news_box .left{
		width: 100%;
		display: block;
	}
	.news_box .focus{
		width: 100%;
		margin-bottom: 5vw;
	}
	.news_box .focus .info{
		padding: 5vw;
	}
	.news_box .focus .info .name, .news_box .focus .showBox .name{
		font-size: 16px;
		line-height: 1.7;
		height: auto;
		margin: 3vw 0;
	}
	.news_box .list{
		display: none;
	}
	.footer{
		padding: 5vw;
	}
	.footer .w1400{
		width: 100%;
	}
	.f_top{
		height: auto;
	}
	.f_top ul{
		display: block;
	}
	.f_top ul li{
		width: 100%;
		padding: 5vw;
		margin-bottom: 5vw;
	}
	.f_top ul li.active{
		width: 100%;
	}
	.f_top ul li.active .top{
		margin-top: 0;
	}
	.f_top ul li .top .left{
		width: 100%;
		font-size: 12px;
		font-weight: inherit;
	}
	.f_top ul li .top .btns{
		width: 215px;
	}
	.f_center{
		display: block;
		margin: 10vw 0;
	}
	.fc_name{
		margin-top: 2vw;
	}
	.f_center .left{
		width: 100%;
	}
	.fc_adds{
		display: block;
		margin-top: 5vw;
	}
	.fc_adds .fc_item{
		width: 100%;
		margin-bottom: 1vw;
	}
	.f_center .f_nav{
		display: none;
	}
	.sub-banner .txt .cn{
		font-size: 20px;
	}
	.sub-banner .txt .en{
		font-size: 14px;
	}
	.sub{
		line-height: 1.7;
		width: 100%;
		overflow-x: scroll;
		display: inline-block;
		white-space: nowrap;
	}
	.sub a{
		width: auto;
		font-size: 14px;
		padding: 3vw 0;
		display: inline-block;
	}
	.product .flex{
		display: block;
	}
	.product .item{
		width: 100%;
		padding: 5vw;
	}
	.product .item .info .name{
		font-size: 16px;
	}
	.product .item .info .des{
		font-size: 14px;
	}
	.product_banner .left{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		padding: 10vw 5vw;
		margin-top: 10vw;
	}
	.product_banner .left .name{
		padding-left: 20px;
	}
	.product_banner .left .name .des{
		font-size: 16px;
		display: block;
	}
	.product_banner .left .name .des .m{
		font-size: 12px;
		display: inline-block;
		margin-top: 3vw;
	}
	.product_banner .left .name::after{
		width: 8px;
	}
	.product_banner .left .marks{
		width: 100%;
		margin-top: 5vw;
	}
	.product_banner .left .marks .ms{
		border-radius: 0 15px;
		font-size: 12px;
		margin-bottom: 3vw;
		margin-right: 4vw;
	}
	.product_banner .left .info{
		margin-top: 5vw;
	}
	.product_banner .left .info .it{
		font-size: 16px;
	}
	.product_banner .left .info .singePage{
		font-size: 14px;
	}
	.product_banner{
		height: auto;
	}
	.product_banner .right{
		display: none;
	}
	.pt_box .flex{
		display: block;
	}
	.pt_box .thum{
		width: 100%;
		/*display: none;*/
	}
	.pt_box .right{
		width: 100%;
	}
	.pr_name{
		font-size: 18px;
	}
	.singePage{
		font-size: 14px;
	}
	.solution .item .info .name{
		font-size: 18px;
		margin-bottom: 3vw;
	}
	.solution .item .info .mark{
		font-size: 14px;
	}
	.solution .item .info .singePage{
		margin-bottom: 3vw;
		line-height: 1.7;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.solution .item .inner{
		padding-top: 60%;
	}
	.solution{
		margin-top: 10vw;
	}
	.solution .item{
		padding: 1vw 0;
	}
	.solutions .flex{
		display: block;
	}
	.solutions .item{
		width: 100%;
		display: block;
		margin-bottom: 5vw;
	}
	.solutions .item .info{
		padding: 5vw;
	}
	.solutions .item .info .name{
		font-size: 16px;
		margin-top: 5vw;
	}
	.hambuer_nav{
		display: none;
	}
	.p_detail .flex{
		display: block;
	}
	.p_detail .left{
		width: 100%;
	}
	.p_detail .right{
		width: 100%;
	}
	.sname{
		font-size: 18px;
	}
	.sname::before{
		height: 6vw;
	}
	.p_detail .product{
		margin: 5vw 0;
	}
	.p_detail .case_list{
		margin: 5vw 0;
	}
	.same_list .item{
		margin-top: 5vw;
	}
	.same_list .item .info .des{
		font-size: 14px;
	}
	.cases .item_el{
		display: block;
	}
	.cases .item{
		margin-bottom: 5vw;
	}
	.cases .item .thum{
		width: 100%;
	}
	.cases .item .info{
		width: 100%;
		padding: 5vw;
	}
	.cases .item .info .name{
		font-size: 18px;
		margin-bottom: 3vw;
	}
	.sub-banner{
		height: 50vw;
	}
	.inner-player video{
		width: 90%;
	}
	.intr_box .flex{
		display: block;
	}
	.intr_box .left{
		width: 100%;
	}
	.common_title .tips{
		font-size: 20px;
		margin-bottom: 3vw;
	}
	.intr_box .right{
		width: 100%;
	}
	.intr_box .nums ul li .txt{
		font-size: 12px;
		line-height: 1.7;
		margin-top: 1vw;
	}
	.nums ul li .num .dw{
		font-size: 12px;
	}
	.intr_box .nums ul li .num::after{
		content: inherit;
	}
	.cultrue_box .flex{
		display: block;
	}
	.cultrue_box .left{
		width: 100%;
	}
	.cultrue_list{
		width: 100%;
		margin: 5vw 0;
	}
	.cultrue_list ul li{
		padding: 5vw 0;
	}
	.cultrue_list ul li .info .title{
		font-size: 18px;
	}
	.cultrue_list ul li .info .des{
		font-size: 14px;
	}
	.detail_top{
		padding: 20vw 5vw 10vw 5vw;
	}
	.detail_top .w100{
		width: 100%;
	}
	.detail_top .title{
		font-size: 20px;
	}
	.detail_box{
		width: 100%;
		padding: 5vw;
	}

	.his_swiper .year{
		font-size: 20px;
	}
	.his_swiper .des{
		font-size: 14px;
	}
	.honor_warp .name{
		width: 65vw;
	}
	.yf_swiper .swiper-slide{
		display: block;
	}
	.yf_swiper .swiper-slide .info{
		width: 100%;
		padding: 5vw;
	}
	.yf_swiper .swiper-slide .img{
		width: 100%;
	}
	.yf_swiper .swiper-slide .info .des{
		width: 100%;
		font-size: 14px;
	}
	.yf_swiper .swiper-slide .i_item b{
		font-size: 14px;
	}
	.history_box{
		padding: 6vw 0 0 0;
	}
	.his_swiper .swiper-button-next, .his_swiper .swiper-button-prev, .yf_swiper .swiper-button-next, .yf_swiper .swiper-button-prev{
		top: 9vw;
	}
	.yf_swiper .swiper-button-next{
		right: 6vw;
		left: inherit;
	}
	.yf_swiper .swiper-button-prev{
		left: inherit;
		right: 22vw;
	}
	.honor_box .w1400{
		width: 100%;
	}
	.join_list ul{
		display: block;
	}
	.join_list ul li{
		width: 100%;
		padding: 5vw;
	}
	.join_list ul li .name b{
		font-size: 16px;
	}
	.join_list ul li .info{
		font-size: 14px;
		line-height: 1.7;
	}
	.ser_box{
		display: block;
		height: auto;
		padding: 10vw 0;
	}
	.services{
		width: 100%;
		display: block;
		margin: 10vw 0 0 0;
	}
	.services .item{
		width: 100%;
		height: auto;
		display: block;
		border: 1px solid white;
		margin-bottom: 5vw;
		padding: 5vw 0;
	}
	.services .item::before{
		content: inherit;
	}
	.services .item .name{
		font-size: 16px;
	}
	.services .item .des{
		font-size: 14px;
	}
	.sp_header {

		height: 50px;

		overflow: hidden;

		background: #fff;

		position: fixed;

		z-index: 999;

		width: 100%;

		top: 0

	}

	.sp_logo {
		padding: 9px;
		float: left;
	}

	.sp_logo img {

		margin: auto;

		width: 75px;

		transition: .35s all ease-in-out;
	}

	.sp_nav {
		width: 50px;
		height: 50px;
		float: right;
		position: relative;
		cursor: pointer;
		margin: 0 2vw;
	}

	.sp_nav span {

		display: block;

		background: #e31e4d;

		width: 30px;

		height: 2px;

		position: absolute;

		left: 10px;

		transition: all ease .35s

	}

	.sp_nav span:nth-of-type(1) {

		top: 15px;

	}

	.sp_nav span:nth-of-type(2) {

		top: 25px

	}

	.sp_nav span:nth-of-type(3) {

		top: 35px

	}

	.sp_nav_se span:nth-of-type(1) {

		top: 25px;

		transform: rotate(45deg)

	}

	.sp_nav_se span:nth-of-type(2) {

		width: 0

	}

	.sp_nav_se span:nth-of-type(3) {

		top: 25px;

		transform: rotate(-45deg)

	}
	.nav_sp_logo{
		width: 40px !important;
		position: fixed;
		z-index: 999;
	}
	.sp_flex{
		display: flex;
	}
	.sp_black{
		width: 50px;
		height: 100%;
		position: fixed;
		background: black;
		right: -100%;
		top: 0;
		transition: top ease .35s
	}
	.sjj_nav {
		position: fixed;
		z-index: 999;
		background: white;
		width: 85%;
		height: 100%;
		font-size: 14px;
		line-height: 40px;
		top: 0;
		right: -100%;
		padding-top: 15vw;
		overflow: auto;
		overflow-x: hidden;
		transition: right ease .35s
	}
	.sp_flex .mengBan{
		width: 15%;
		height: 100%;
		background: rgba(0,0,0,.5);
		position: fixed;
		z-index: 999;
		top: 0;
		right: -100%;
		transition: right ease .35s
	}
	.nav_show2 {

		right: 85% !important;

	}
	.nav_show {

		right: 0;

	}
	.sp_bottom{
		width: 100%;
		margin: 8vw auto;
		display: inline-block;
		text-align: center;
	}
	.sp_bottom .sp_serach{
		width: 31vw;
		height: 12vw;
		background-color: #ffffff;
		border-radius: 30px;
		border: 1px solid #777777;
		display: inline-block;
		text-align: center;
		font-size: 14px;
		margin-right: 5vw;
	}
	.sp_bottom .sp_serach i{
		color: black;
		font-size: 16px;
		margin-right: 2vw;
	}
	.sp_bottom .sp_lag{
		width: 31vw;
		height: 12vw;
		display: inline-block;
		background-color: #ffffff;
		border-radius: 30px;
		border: 1px solid #777777;
		text-align: center;
	}
	.sp_bottom .sp_lag i{
		color: black;
		font-size: 16px;
		margin-right: 2vw;
	}
	.sjj_nav > ul > li:first-child {

		overflow: hidden;

		border-top: 0

	}

	.sjj_nav > ul > li:first-child > a {

		/*float: left;*/

		/*width: calc(100% - 70px)*/

	}

	.sjj_nav > ul > li:first-child .language {

		float: right;

		width: 70px;

		overflow: hidden;

		line-height: 30px;

		margin-top: 5px

	}

	.sjj_nav > ul > li:first-child .language a {

		width: 35px;

		float: left;

		border-left: 1px #ddd solid;

		text-align: center;

		color: #999

	}

	.sjj_nav ul li i {

		position: absolute;

		top: 5px;

		right: 0;

		height: 30px;

		padding: 0 7px

	}

	.sjj_nav ul li i svg {

		transform: rotate(-90deg);

		transition: all ease .35s

	}

	.sjj_nav ul li .sjj_nav_i_se svg {

		transform: rotate(0)

	}

	.sjj_nav ul li {

		border-top: 1px #ddd solid;

		position: relative;

		line-height: 55px;

		font-size: 14px

	}
	.sjj_nav ul li.active{
		background: #f3f3f3;
	}
	.sjj_nav > ul > li:last-child {

		border-bottom: 1px #ddd solid

	}

	.sjj_nav ul li ul {
		background: #f3f3f3;
		display: none;
		border-top: 1px #ddd solid;
		padding: 10px 0;
	}

	.sjj_nav ul li a {

		color: rgba(0, 0, 0, .8);

		width: 80%;

		display: block;

		font-size: 16px;

		font-weight: 700;

		padding-left: 25px;

	}
	.sjj_nav ul li ul li{
		border: transparent;
		line-height: 30px;
	}
	.sjj_nav ul li ul li a {

		color: rgba(0, 0, 0, .5);

		display: block;

		text-align: left;

		font-size: 14px;
		padding-left: 45px;

	}

	.sjj_nav ul li i svg {

		width: 20px;

		height: 20px;

		fill: #e31e4d;

	}

	.sjj_nav ul li .sjj_nav_i_se svg {

		fill: #e31e4d;

	}

	.sjj_nav ul li ul li > ul {

		margin-left: 10px

	}
	.sjj_nav .iconBox{
		width: 100%;
		display: inline-block;
		text-align: center;
		margin-top: 15vw;
	}
	.sjj_nav .iconBox .icon{
		width: 50px;
		margin: 0 3vw;
		display: inline-block;
	}
	.sp_flex .sjj_nav .close{
		width: 25px;
		position: absolute;
		right: 4vw;
		top: 4vw;
	}
	.sp_flex .sjj_nav .bgImg{
		position: absolute;
		width: 70vw;
		top: 60vw;
		z-index: -1;
		right: 0;
	}
	header{
		padding: 0;
		left: 0;
	}
	.sub-banner{
		margin-top: 50px;
	}
	.pro_close{
		top: 10%;
	}
	.his_swiper .swiper-button-next{
		display: none;
	}
	.his_swiper .swiper-button-prev{
		display: none;
	}
	.con_box .left{
		width: 100%;
	}
	.con_box .fc_adds{
		display: none;
	}
	.about_box{
		height: auto;
		padding: 10vw 0;
		position: relative;
		top: inherit;
		left: inherit;
	}
	.fixd_box{
		height: auto;
	}
	.pro_box{
		height: auto;
		position: relative;
		top: inherit;
		left: inherit;
	}
	.pro1_swiper{
		min-height: 80px;
		padding-top: 0;
	}
	.pro1_swiper .swiper-slide .iconImg{
		display: none;
	}
	.singePage table{
		width: 200%;
		overflow-x: scroll;
	}
	.singePage table tbody{
		width: 100%;
	}
	.news_list.in li{
		width: 100%;
	}
	.news_list li a .name{
		height: auto;
		font-size: 16px;
		line-height: 1.7;
	}
}<!--0.00022602081298828-->