:root {
	/* 导航变量 */
	--c: #175aa9; /* 主色调 */
	--cr: rgb(23,90,169,.8); /* 主色调-半透明 */
	--t: .6s; /* 动画过渡时间 */
}

/* header */
.public-header {
	display: flex; align-items: center; justify-content: space-between; position: fixed; z-index: 10; top: 0; width: 100%;
	color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); padding: 0 6.25%; height: 100px; font-size: 18px;
}
.public-header::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,.3); transition: background var(--t);
}
.header-fixed { color: #333; }
.header-fixed::before { background: #fff; }
/* ====================================================================================================================================== */
/* logo */
.header-logo { width: 200px; }
.header-logo .i-box { padding-bottom: 33.39011925042589%; }
.header-logo img { transition: opacity var(--t); }
.header-logo img:nth-of-type(2) { opacity: 0; }
.header-fixed .header-logo img:first-child { opacity: 0; }
.header-fixed .header-logo img:last-child { opacity: 1; }
/* ====================================================================================================================================== */
/* nav */
.header-box { display: flex; height: inherit; }
.header-nav { height: inherit; }
.header-nav .ul { display: flex; height: inherit; }
.header-nav .li > a { display: flex; align-items: center; height: 100%; transition: color var(--t); padding: 0 20px; }
.header-nav .li:hover > a { color: var(--c); }
.header-nav .li.current > a { color: var(--c); }
/* nav-下划线效果-default */
.nav-line .li > a::before {
	content: ''; position: absolute; left: 50%; bottom: 0; width: 0%; height: 2px; opacity: 0;
	transform: translateX(-50%); background: var(--c); transition: width var(--t), opacity var(--t);
}
.nav-line .li:hover > a::before { width: 100%; opacity: 1; }
.nav-line .li.current > a::before { width: 100%; opacity: 1; }
@media (max-width: 767px) {
	.nav-line .li > a::before { display: none; }
}
/* nav-下划线效果-1 */
.nav-line-1 .line { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; opacity: 0; background: var(--c); transition: all var(--t); }
.nav-line-1 .li.cur .line { opacity: 1; }
/* nav-二级栏目 */
.header-nav .li { position: relative; }
.header-nav .li .menu {
	position: absolute; top: 100%; left: 50%; transform: translate(-50%, 10px); box-shadow: 0 0 5px rgba(0,0,0,.1); opacity: 0;
	pointer-events: none; visibility: hidden; background: #fff; color: #333; transition: all var(--t) ease-in-out;
}
.header-nav .li:hover .menu { pointer-events: auto; opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.header-nav .menu a { display: flex; white-space: nowrap; justify-content: center; padding: 0.6em 3em; transition: all var(--t); }
.header-nav .menu a:hover { background: var(--c); color: #fff; }
/* nav-三级栏目 */
.header-nav .li-s { position: relative; }
.header-nav .li-s .menu-s {
	position: absolute; top: 0; left: 100%; opacity: 0; visibility: hidden; transform: translate(10px, 0); pointer-events: none;
	box-shadow: 0 0 5px rgba(0,0,0,.1); background: #fff; transition: all var(--t) ease-in-out;
}
.header-nav .li-s:hover .menu-s { opacity: 1; visibility: inherit; transform: translate(0); pointer-events: all; }
/* ====================================================================================================================================== */
/* 移动端按钮 */
.header-button { display: none; align-items: center; margin-left: 20px; }
.header-button > div { display: flex; flex-direction: column; cursor: pointer; width: 24px; }
.header-button span { width: 100%; height: 2px; background: #fff; transition: all var(--t); }
.header-button span:nth-of-type(2) { margin: 5px 0; }
.header-button > div.active span:first-child { transform: translateY(100%) rotateZ(225deg); }
.header-button > div.active span:nth-of-type(2) { opacity: 0; margin: 0; transform: translateX(100px); }
.header-button > div.active span:last-child { transform: translateY(-100%) rotateZ(-225deg); }
@media (max-width: 767px) {
	.header-button { display: flex; }
	/* 一级导航 */
	.header-nav {
		display: flex; align-items: center; position: fixed; top: 60px; left: 100%; overflow: hidden;
		width: 100%; height: calc(100% - 110px); box-shadow: 0 0 2px rgba(0,0,0,.2) inset; transition: left var(--t);
		background: #fff; color: #333; font-size: 16px;
	}
	.header-nav.active { left: 0; }
	.header-nav .ul { flex-wrap: wrap; align-content: center; width: 100%; height: 100%; }
	.header-nav li { width: 100%; }
	.header-nav .li > a { justify-content: center; position: relative; padding: .5em 10%; }
	.header-nav .li.more > a::after {
		position: absolute; top: 50%; right: 10%; transform: translateY(-50%);
		font-family: 'ifont'; content: '\e68c';
	}
	/* 二级导航 */
	.header-nav .li .menu {
		display: flex; flex-wrap: wrap; align-content: center; width: 100%; height: calc(100% - 110px); 
		position: fixed; z-index: 1; top: 60px; left: 100%; visibility: visible; transform: translate(0, 0);
		opacity: 1; box-shadow: 0 0 2px rgba(0,0,0,.2) inset; pointer-events: auto;
	}
	.header-nav .li.active .menu { left: 0; }
	.header-nav .li:hover .menu { transform: translate(0, 0); }
	.header-nav .li .menu .close { position: absolute; top: 6%; left: 10%; font-size: 20px; }
	.header-nav .li .menu .close::before { font-family: 'ifont'; content: '\e61e'; }
	.header-nav .menu a { position: relative; padding: .6em 10%; }
	.header-nav .menu a:hover { background: transparent; color: #333; }
	.header-nav .li-s.more > a::after {
		position: absolute; top: 50%; right: 10%; transform: translateY(-50%);
		font-family: 'ifont'; content: '\e68c';
	}
	/* 三级导航 */
	.header-nav .menu .li-s .menu-s {
		display: flex; flex-wrap: wrap; align-content: center; justify-content: center; pointer-events: auto;
		position: fixed; z-index: 1; top: 0; left: 100%; transform: translate(0, 0);
		visibility: visible; opacity: 1; width: 100%; height: 100%; box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
	}
	.header-nav .menu .li-s.active .menu-s { left: 0; }
}
/* ====================================================================================================================================== */
/* 双语切换 */
.header-language {
	display: flex; align-items: center; position: relative;
	transition: color var(--t); margin-left: 40px;
}
.header-language .icon { margin: 0 5px; }
/* 多语言切换 */
.header-language .lang { display: flex; align-items: center; height: 100%; }
.header-language .lang::before { font-family: 'ifont'; content: '\e71a'; font-size: 22px; width: 22px; margin-right: 10px; }
.header-language .menu {
	position: absolute; top: 100%; left: 50%; transform: translate(-50%, 10px); box-shadow: 0 0 3px rgba(0,0,0,.1);
	opacity: 0; visibility: hidden; background: #fff; color: #333; transition: all var(--t);
}
.header-language:hover .menu { opacity: 1; visibility: inherit; transform: translate(-50%, 0); }
.header-language .menu a { display: flex; justify-content: center; white-space: nowrap; padding: 0.8em 3em; transition: color var(--t), background var(--t); }
.header-language .menu a:hover { color: #fff; background: var(--c); }
/* ====================================================================================================================================== */
/* 搜索效果一 */
.header-search {
	display: flex; justify-content: center; align-items: center; width: 100px; height: 100%; background: var(--c);
	font-size: 22px; margin-left: 40px;
}
.header-search .icon { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; cursor: pointer; color: #fff; }
.header-search .icon:before { font-family: 'ifont'; content: '\e602'; }
.header-search .page { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: none; background: var(--cr); color: #fff; }
.header-search .page .con { display: flex; align-items: center; height: 100%; }
.header-search .page .close { display: flex; align-items: center; cursor: pointer; position: absolute; top: 15%; right: 5%; }
.header-search .page .close:before { font-family: 'ifont'; content: '\e689'; }
.header-search .page .form { position: relative; width: 100%; max-width: 90%; margin: 0 auto; border-bottom: 1px solid #fff; }
.header-search .page .form .title { margin-bottom: 50px; letter-spacing: 2px; text-align: center; animation: zoomIn 1s 0s ease both; }
.header-search .page .form .input {
	background: transparent; border: none; outline: none; text-align: center; color: #fff;
	width: 100%; height: 50px; padding: 0 2em;
}
.header-search .page .form .input:-webkit-autofill { transition: background 5000s ease-in-out 0s; -webkit-text-fill-color: #fff; }
.header-search .page .form .button { display: flex; background: none; border: none; cursor: pointer; color: #fff; position: absolute; right: 0; bottom: 12px; }
.header-search .page .form .button:before { font-family: 'ifont'; content: '\e602'; }
@media (max-width: 767px) {
	.header-search { width: 60px; }
	.header-search .icon { font-size: 18px; }
	.header-search .page .close { top: 30%; font-size: 20px; }
	.header-search .page .form { font-size: 16px; }
	.header-search .page .form .title { margin-bottom: 30px; }
	.header-search .page .form .button { font-size: 20px; }
}

/* 搜索效果二 */
.header-search-1 .page { position: absolute; z-index: -1; top: 100%; left: auto; right: 6.25%; width: 765px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.header-search-1 .page .con { padding: 0 4%; }
.header-search-1 .page .close { position: initial; font-size: 18px; margin-left: 4%; }
.header-search-1 .page .form { max-width: 100%; }
.header-search-1 .page .form .title { display: none; }
.header-search-1 .page .form .input { height: 40px; }
.header-search-1 .page .form .button { bottom: 10px; font-size: 20px; }
@media (max-width: 991px) {
	.header-search-1 .page { width: 600px; }
}
@media (max-width: 767px) {
	.header-search-1 .page { z-index: 1; width: 100%; right: 0; }
	.header-search-1 .page .con { padding: 0 5%; }
	.header-search-1 .page .close { margin-left: 5%; font-size: 16px; }
	.header-search-1 .page .form .input { height: 30px; padding: 0 10px; padding-right: 30px; }
	.header-search-1 .page .form .button { bottom: 6px; font-size: 18px; }
}
/* ====================================================================================================================================== */
/* 电话 */
.header-tel {
	display: flex; align-items: center; font-weight: bold; transition: color var(--t);
	font-size: 24px; margin-left: 20px;
}
.header-tel::before {
	font-family: 'ifont'; content: '\e60a'; transform: rotate(15deg);
	font-size: 20px; width: 20px; margin-bottom: 4px; margin-right: 6px;
}
@media (max-width: 767px) {
	.header-tel { display: none; }
}
/* ====================================================================================================================================== */
/* 导航下滑效果 - 移动端 */
.header-fixed .header-button span { background: #333; }
.public-header.on { color: #333; }
.public-header.on::before { background: #fff; }
.public-header.on .header-button span { background: var(--c); }
.public-header.on .header-logo img:first-child { opacity: 0; }
.public-header.on .header-logo img:last-child { opacity: 1; }

/* 导航 header */
.public-header { color: #333; padding: 0 0 0 6.25%; height: 117px; font-size: 18px; }
.public-header::before { background: rgba(255,255,255,1); }
.header-fixed { color: #333; }
.header-fixed::before  { background: #fff; }
@media (max-width: 1199px) {
	.public-header { height: 60px; }
}
/* logo */
.header-logo { width: 235px; }
.header-logo .i-box { padding-bottom: 20%; }
@media (max-width: 767px) {
	.header-logo { width: 120px; }
}
/* 链接 */
.header-nav { font-size: calc(100vw / 1920 * 20); font-weight: bold; }
.header-nav .li > a { position: relative; z-index: 1; padding: 0 calc(100vw / 1920 * 33); }
.header-nav .li > a::before {
	content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%);
	background: url(../images/header-nav-bg.png) center / cover no-repeat; opacity: 0;
	width: 55px; height: 41px;
}
.header-nav .li.current > a::before { opacity: 1; }
/* 双语切换 */
.header-language { font-size: calc(100vw / 1920 * 18); margin-left: calc(100vw / 1920 * 42); }
.header-language .icon { margin: 0 calc(100vw / 1920 * 10); }
.header-language a { transition: color var(--t); }
.header-language a.active { color: var(--c); }
.header-language a:hover { color: var(--c); }
@media (max-width: 767px) {
	.header-language { font-size: 14px; margin-left: 0; }
}
/* 搜索 */
.header-search { background: transparent; border-left: 1px solid #e5e5e5; width: 94px; font-size: calc(100vw / 1920 * 27); margin-left: calc(100vw / 1920 * 42); }
.header-search .icon { color: #000; }
.header-search .icon:before { content: '\e618'; }
.header-search-1 .page { right: 0; }
@media (max-width: 767px) {
	.header-search { margin-left: 20px; }
	.header-search .icon { color: var(--c) }
}

@media (max-width: 1680px) {
	.header-nav { font-size: 17px; }
	.header-language { font-size: 16px; }
	.header-search { font-size: 24px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 28); }
}
@media (max-width: 1440px) {
	.header-logo { width: 187px; }
	.header-nav { font-size: 16px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 22); }
	.header-language { margin-left: calc(100vw / 1920 * 20); }
}
@media (max-width: 1199px) {
	.header-nav { font-size: 14px; }
	.header-logo { width: 166px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 18); }
	.header-language { margin-left: 10px; font-size: 14px; }
	.header-search { width: 60px; font-size: 20px; margin-left: 20px;  }
}
@media (max-width: 991px) {
	.header-nav { font-size: 12px; }
	.header-logo { width: 120px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 10); }
	.header-nav .li > a::before { width: 40px; height: 30px; }
	.header-language { margin-left: 10px; font-size: 12px; }
}
@media (max-width: 767px) {
	.header-search { border-right: 1px solid #e5e5e5; }
	.header-language { margin-left: 0; }
	.header-language .icon { margin: 0 5px; }
	.header-button { margin: 0 20px; }
	.header-button span { background: var(--c); }
	.header-nav { font-size: 16px; }
	.header-nav .li > a { padding: .6em 10%; z-index: 0; }
	.header-nav .li > a::before { display: none; }
}
/* ====================================================================================================================================== */




/*
 * 首页 banner
*/
.index-banner { position: relative; overflow: hidden; margin-top: 117px; }
/* 图片动效，从大缓慢缩小 */
@media (min-width: 767px) {
	.index-slick .slick-current .img img { animation: banner 4s 0s ease both; }
}
@keyframes banner { 0% { transform: scale(1.1); } 100% { transform: scale(1); } }
.index-slick { height: calc(100vw / 1920 * 878); } /* 解决 slick.js 刷新没有高度问题 */
.index-slick .img.i-box { padding-bottom: 45.98958333333333%; }
.index-slick .item { position: relative; height: 100%; }
.index-slick .item .con { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; padding: 0 6.25%; }
.index-slick .item .con .text { color: #fff; line-height: 1.67; width: 40%; }
.index-slick .item .con .text .tit { font-size: calc(100vw / 1920 * 64); font-weight: bold; }
.index-slick .item .con .text .en { font-size: calc(100vw / 1920 * 36); text-transform: uppercase; }

.index-banner .down-icon {
	width: 69px; height: 69px; position: absolute; left: 6.25%; bottom: calc(100vw / 1920 * 84);
}
.index-banner .down-icon::before {
	font-family: 'ifont'; color: #fff; font-size: 20px; content: '\e68a';
	position: absolute; top: 52%; left: 50%; transform: translate(-50%,-50%);
}
.index-banner .down-icon::after {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: '';
	background: url(../images/down-icon.png) center no-repeat;
	background-size: 100% 100%; animation: rotate 2.5s linear infinite;
}
.index-meteor .meteor {
	position: absolute;
	top: 0;
	right: 25.8333%;
	width: 1px;
	height: 100%;
	background-color: rgba(255,255,255,.1);
}
.index-meteor .meteor:nth-child(2) { right: 32.6041%; }
.index-meteor .meteor::after {
	content: '';
	position: absolute;
	top: -100px;
	left: 0;
	width: 1px;
	height: 100px;
	background: linear-gradient(to top, rgba(255,255,255,.8), transparent);
	animation: meteor 5s linear infinite;
}
.index-meteor .meteor:nth-child(2)::after { animation-delay: -1s; }
@keyframes meteor {
	0% { top: -100px; }
	100% { top: 100%; }
}

.index-banner .slick .slick-dots { bottom: calc(100vw / 1920 * 74); left: auto; right: calc(100vw / 1920 * 110); transform: translateX(0); }
.index-banner .slick .slick-dots li { margin: 0 calc(100vw / 1920 * 10); }
.index-banner .slick .slick-dots li button { border-radius: 0; width: calc(100vw / 1920 * 90); height: calc(100vw / 1920 * 10); background: rgba(255,255,255,.6); }
.index-banner .slick .slick-dots li.slick-active button { background: rgba(255,255,255,1); }

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

@media (max-width: 1440px) {
	.index-banner .down-icon { width: 60px; height: 60px; }
}
@media (max-width: 1199px) {
	.index-banner { margin-top: 60px; }
	.index-banner .down-icon { width: 50px; height: 50px; }
	.index-banner .down-icon::before { font-size: 16px; }
}
@media (max-width: 991px) {
	.index-banner .down-icon { display: none; }
	.index-meteor { display: none; }
	.index-slick { height: calc(100vw / 1920 * 876); }
}
@media (max-width: 767px) {
	video { width: 100%; height: 100%; object-fit: cover; }
	.index-slick .video { position: relative; }
	.index-slick .video::before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); }
	.index-slick .video::after {
		position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);
		font-family: 'ifont'; content: '\e852'; color: #fff; font-size: 10vw;
	}
	.index-slick .item .con .text { width: 280px; }
	.index-slick .item .con .text .tit { font-size: 18px; }
	.index-slick .item .con .text .en { font-size: 14px; }
	.index-banner .slick .slick-dots { bottom: 10%; right: 6.25%; }
	.index-banner .slick .slick-dots li { margin: 0 3px; }
	.index-banner .slick .slick-dots li button { width: 20px; height: 3px; }
	.index-slick { height: calc(100vw / 1920 * 872); }
}




/* 公司简介 */
.index-more {
	display: flex; justify-content: center; align-items: center; position: relative; z-index: 1;
	width: calc(100vw / 1920 * 212); height: calc(100vw / 1920 * 49); border-radius: 25px;
	background: linear-gradient(to right, #ffffff, #9f9f9f); font-size: calc(100vw / 1920 * 16);
	padding-top: 1px; color: #fff;
}
.index-more::before {
	content: ''; position: absolute; z-index: -1; top: 1px; left: 1px; right: 1px; bottom: 1px; border-radius: 23px;
	background: linear-gradient(to right, #004979, #5895cf); transition: all var(--t);
}
.index-more::after { font-family: 'ifont'; content: '\eb94'; font-size: calc(100vw / 1920 * 16); margin-left: calc(100vw / 1920 * 12); transform: rotate(-45deg) translateZ(0); transition: transform var(--t); }
.index-more:hover::after { transform: rotate(0) translateZ(0);  }

.index-about .index-more { margin-top: calc(100vw / 1920 * 34); }
.index-about { position: relative; z-index: 1; padding: calc(100vw / 1920 * 120) 6.25% calc(100vw / 1920 * 330); color: #fff; }
.index-about .top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.index-about .top .left { width: 39.35%; }
.index-about .top .left .h2 { position: relative; display: flex; align-items: center; font-size: calc(100vw / 1920 * 48); }
.index-about .top .left .h2 .icon { position: relative; width: calc(100vw / 1920 * 41); height: calc(100vw / 1920 * 41); margin-left: calc(100vw / 1920 * 32); margin-bottom: calc(100vw / 1920 * -10); }
.index-about .top .left .h2 .dot { position: absolute; z-index: 1; top: calc(100vw / 1920 * 16); right: -24px; width: 16px; height: 16px; border-radius: 50%; border: 1px dashed #fff; }
.index-about .top .left .h2 .dot::before {
	content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3px; height: 3px; border-radius: 50%; background: #fff;
}
.index-about .top .left .h2 .dot::after {
	content: ''; position: absolute; z-index: -1; top: 15px; left: 8px; opacity: 0; transition: opacity 4s ease-in-out;
	width: calc(100vw / 1920 * 645); height: calc(100vw / 1920 * 758);
	background: url(../images/index-about-bg2.png) top left no-repeat; background-size: 100% 100%;
}
.index-about .top .left.animated .h2 .dot::after { opacity: 1; }
.index-about .top .left .h3 { position: relative; z-index: 1; font-size: calc(100vw / 1920 * 28); margin-top: calc(100vw / 1920 * 32); }
.index-about .top .left .text { position: relative; z-index: 1; line-height: 2; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 30); }
.index-about .top .right {
	display: flex; justify-content: center; align-items: center;
	/* cursor: pointer; */
	position: relative; z-index: 1; width: 39.35%; margin-right: calc(100vw / 1920 * 67);
}
.index-about .top .right::before {
	content: ''; position: absolute; z-index: -1; top: -10px; left: -10px; right: -10px; bottom: -10px;
	background: url(../images/index-about-bg1.png) center / cover no-repeat;
}
.index-about .top .right::after {
	content: ''; position: absolute; font-family: 'ifont'; content: '\e60e'; font-size: calc(100vw / 1920 * 82); display: none;
}
.index-about .top .right .img { border-radius: 50%; overflow: hidden; width: 100%; }
.index-about .top .right .img .i-box { padding-bottom: 100%; }
.index-about .bottom { width: calc(100vw / 1920 * 560); margin: calc(100vw / 1920 * 214) calc(100vw / 1920 * 165) 0 auto; }
.index-about .bottom .h2 { display: flex; flex-direction: column; position: relative; font-size: calc(100vw / 1920 * 48); }
.index-about .bottom .h2 .icon { order: -1; position: relative; width: calc(100vw / 1920 * 41); height: calc(100vw / 1920 * 41); margin-left: 0; margin-bottom: calc(100vw / 1920 * 30); }
.index-about .bottom .h2 .dot { position: absolute; top: calc(100vw / 1920 * 11); left: -30px; width: 16px; height: 16px; border-radius: 50%; border: 1px dashed #fff; }
.index-about .bottom .h2 .dot::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3px; height: 3px; border-radius: 50%; background: #fff; }
.index-about .bottom .text { line-height: 2; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 14); }

@media (max-width: 1680px) {
	.index-about .top .left .h2 .dot::after { width: calc(100vw / 1920 * 638); height: calc(100vw / 1920 * 750); }
}
@media (max-width: 1560px) {
	.index-about .top .left .h2 .dot::after { width: calc(100vw / 1920 * 634); height: calc(100vw / 1920 * 746); }
}
@media (max-width: 1440px) {
	.index-about .top .left .h2 .dot::after { width: calc(100vw / 1920 * 624); height: calc(100vw / 1920 * 750); }
	.index-more { width: 158px; height: 36px; font-size: 12px; }
	.index-more::after { font-size: 12px; margin-left: 6px; }
	.index-about .top .left .text { font-size: 14px; }
	.index-about .bottom .text { font-size: 14px; }
}
@media (max-width: 1388px) {
	.index-about .top .left .h2 .dot::after { height: calc(100vw / 1920 * 774); }
}
@media (max-width: 1340px) {
	.index-about .top .left .h2 .dot::after { height: calc(100vw / 1920 * 780); }
}
@media (max-width: 1280px) {
	.index-about .top .left .h2 .dot::after { width: calc(100vw / 1920 * 618); height: calc(100vw / 1920 * 786); }
}
@media (max-width: 1199px) {
	.index-about { padding: calc(100vw / 1920 * 120) 6.25%; }
	.index-about .top .left { width: 49%; }
	.index-about .top .left .h2 .dot { display: none; }
	.index-about .top .left .h2 .dot::after { display: none; }
	.index-about .top .right::before { top: -6px; left: -6px; right: -6px; bottom: -6px; }
	.index-about .bottom { margin: calc(100vw / 1920 * 120) calc(100vw / 1920 * 67) 0 auto; width: 49%; }
	.index-about .bottom .h2 .dot { display: none; }
}
@media (max-width: 991px) {
	.index-about .top .left .h3 { font-size: 16px; line-height: 1.2;  }
}
@media (max-width: 767px) {
	.index-about { padding: 30px 6.25% 60px; }
	.index-about .top .left { width: 100%; }
	.index-about .top .left .h2 { font-size: 18px; }
	.index-about .top .left .h2 .icon { width: 24px; height: 24px; margin: 0 0 0 10px; }
	.index-about .top .left .h3 { margin-top: 10px; }
	.index-about .top .left .text { margin-top: 10px; }
	.index-about .index-more { margin-top: 20px; }
	.index-about .top .right { width: 80%; margin: 40px 0 0 auto; }
	.index-about .top .right::after { font-size: 40px; }
	.index-about .bottom { width: 100%; margin: 30px 0 0 auto; }
	.index-about .bottom .h2 { font-size: 18px; }
	.index-about .bottom .h2 .icon { width: 24px; height: 24px; margin: 0 0 10px 0; }
	.index-about .bottom .text { margin-top: 10px; }
}




/* 产品及服务 */
.index-product { margin-top: calc(100vw / 1920 * -102); padding: calc(100vw / 1920 * 256) calc(100vw / 1920 * 164) calc(100vw / 1920 * 146); }
.index-product .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); font-weight: bold; color: #000;  }
.index-product .list { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 60); }
.index-product .list .li { width: 23.5%; margin-right: 2%; }
.index-product .list .li:last-child { margin-right: 0; }
.index-product .list .li .img.i-box { padding-bottom: 67.54032258064516%; }
.index-product .list .li .text { margin-top: calc(100vw / 1920 * 38); color: #000; }
.index-product .list .li .text .h3 { font-size: calc(100vw / 1920 * 22); font-weight: bold; transition: color var(--t); }
.index-product .list .li .des  { font-size: calc(100vw / 1920 * 18); line-height: 1.78; min-height: 3.56em; margin-top: calc(100vw / 1920 * 12); }
.index-product .list .li .index-more { margin-top: calc(100vw / 1920 * 30); z-index: 1; overflow: hidden; }
.index-product .list .li .index-more .bg { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: var(--c); transition: all var(--t); opacity: 0; }
.index-product .list .li:hover .index-more .bg { opacity: 1; }
.index-product .list .li:hover .text .h3 { color: var(--c); }
.index-product .list .li:hover .index-more::after { transform: rotate(0) translateZ(0); }

@media (max-width: 1440px) {
	.index-product .list .li .text .h3 { font-size: 16px; }
	.index-product .list .li .des { font-size: 14px; }
}
@media (max-width: 767px) {
	.index-product { padding: 12% 6.25% 30px; margin-top: -7%; }
	.index-product .h2 { font-size: 18px; }
	.index-product .list { margin-top: 0; }
	.index-product .list .li { width: 100%; margin-right: 0; margin-top: 30px; }
	.index-product .list .li .text { margin-top: 20px; }
	.index-product .list .li .des { margin-top: 10px; min-height: initial; }
	.index-product .list .li .index-more { margin-top: 10px; }
}
@media (max-width: 480px) {
	.index-product { padding: 16% 6.25% 30px; }
}




/* 新闻资讯 */
.index-news { padding: calc(100vw / 1920 * 146) calc(100vw / 1920 * 260) calc(100vw / 1920 * 124); }
.index-news .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); font-weight: bold; color: #000;  }
.index-news .list { display: flex; flex-direction: column; margin-top: calc(100vw / 1920 * 60); }
.index-news .list .li {
	display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; position: relative; z-index: 1; overflow: hidden;
	background: #fff; border-radius: calc(100vw / 1920 * 40); padding: calc(100vw / 1920 * 34); margin-bottom: calc(100vw / 1920 * 34);
}
.index-news .list .li:last-child { margin-bottom: 0; }
.index-news .list .li::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity var(--t);
	background: linear-gradient(to right, #175aa9 65%, #3d9b38);
}
.index-news .list .li::after {
	content: ''; position: absolute; z-index: -1; top: 50%; transform: translateY(-50%); right: 35px; opacity: 0; transition: opacity var(--t);
	background: url(../images/index-news-bg.png) center / cover no-repeat; width: calc(100vw / 1920 * 239); height: calc(100vw / 1920 * 182);
}
.index-news .list .li .img { width: 31.901%; }
.index-news .list .li .img .i-box { padding-bottom: 67.84869976359338%; }
.index-news .list .li .text { flex: 1; padding: 0 calc(100vw / 1920 * 40) 0 calc(100vw / 1920 * 46); }
.index-news .list .li .text .h3 { font-size: calc(100vw / 1920 * 26); font-weight: bold; color: #000; transition: color var(--t); line-height: 1.2; }
.index-news .list .li .text .time { display: block; font-size: 14px; color: #bababa; margin-top: calc(100vw / 1920 * 20); }
.index-news .list .li .text .des { font-size: calc(100vw / 1920 * 18); color: #8c8a8a; line-height: 1.78; margin-top: calc(100vw / 1920 * 30); transition: color var(--t); }
.index-news .list .li .text .index-more { background: #fff; color: #b0b0b0; border: 1px solid #d2d2d2; margin-top: calc(100vw / 1920 * 50); margin-left: calc(100vw / 1920 * -11); transition: border var(--t); }
.index-news .list .li .text .index-more::before { display: none; }
.index-news .list .li:hover::before { opacity: 1; }
.index-news .list .li:hover::after { opacity: 1; }
.index-news .list .li:hover .text .h3 { color: #fff; }
.index-news .list .li:hover .text .des { color: #fff; }
.index-news .list .li:hover .text .index-more { border: 1px solid #fff; }
.index-news .list .li:hover .text .index-more::after { transform: rotate(0) translateZ(0); }

@media (max-width: 1440px) {
	.index-news .list .li .text .time { font-size: 12px; }
	.index-news .list .li .text .des { font-size: 14px; }
}
@media (max-width: 1199px) {
	.index-news { padding: calc(100vw / 1920 * 146) 6.25% calc(100vw / 1920 * 124); }
	.index-news .list .li { padding: 20px; }
	.index-news .list .li .text .h3 { font-size: 16px; }
}
@media (max-width: 767px) {
	.index-news { padding: 30px 6.25%; }
	.index-news .h2 { font-size: 18px; }
	.index-news .list { margin-top: 30px; }
	.index-news .list .li { flex-direction: column; margin-bottom: 20px; }
	.index-news .list .li .img { width: 100%; }
	.index-news .list .li .text { padding: 0; margin-top: 20px; }
	.index-news .list .li .text .h3 { line-height: 1.4; }
	.index-news .list .li .text .time { margin-top: 10px; }
	.index-news .list .li .text .des { margin-top: 10px; }
	.index-news .list .li .text .index-more { margin-top: 10px; margin-left: 0; }
	.index-news .list .li::after { display: none; }
}


/* 合作伙伴 */
.index-partner { padding: 0 6.25% calc(100vw / 1920 * 176); }
.index-partner .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); font-weight: bold; color: #000;  }
.index-partner .list { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 60); }
.index-partner .list .li { width: 23.885%; margin-right: 1.46%; }
.index-partner .list .li:last-child { margin-right: 0; }
.index-partner .list .li .img.i-box { padding-bottom: 65.5%; }
.index-partner .list .li p { text-align: center; font-size: calc(100vw / 1920 * 18); color: #000; margin-top: calc(100vw / 1920 * 24); }

@media (max-width: 1440px) {
	.index-partner .list .li p { font-size: 14px; }
}
@media (max-width: 1199px) {
	.index-partner .list { justify-content: space-between; }
	.index-partner .list .li { width: 48.5%; margin-right: 0; margin-bottom: 20px; }
	.index-partner .list .li p { font-size: 16px; margin-top: 20px; }
}
@media (max-width: 767px) {
	.index-partner { padding: 0 6.25% 30px; }
	.index-partner .h2 { font-size: 18px; }
	.index-partner .list { margin-top: 30px; }
	.index-partner .list .li { width: 100%; margin-bottom: 20px; }
}




/* footer */
.footer { padding: 0 6.25%; color: #fff; }
.footer .top { display: flex; flex-wrap: wrap; justify-content: space-between; padding: calc(100vw / 1920 * 170) 0 calc(100vw / 1920 * 76); }
.footer .top .logo { width: calc(100vw / 1920 * 332); margin-top: calc(100vw / 1920 * -22); }
.footer .top .logo .img.i-box { padding-bottom: 20.18072289156627%; }
.footer .top .nav { display: flex; flex-wrap: wrap; }
.footer .top .nav .li { margin-right: calc(100vw / 1920 * 50); }
.footer .top .nav .li:last-child { margin-right: 0; }
.footer .top .nav .li > a { font-size: calc(100vw / 1920 * 20); }
.footer .top .nav .li .menu { margin-top: calc(100vw / 1920 * 30); font-size: calc(100vw / 1920 * 16); }
.footer .top .nav .li .menu li { margin-bottom: calc(100vw / 1920 * 20); }
.footer .top .nav .li .menu li:last-child { margin-bottom: 0; }
.footer .top .cont { width: 274px; }
.footer .top .cont .tit { font-size: calc(100vw / 1920 * 20); }
.footer .top .cont .text { font-size: calc(100vw / 1920 * 16); margin-top: calc(100vw / 1920 * 28); }
.footer .top .cont .tel { white-space: pre-line; line-height: 1.875; }
.footer .top .cont .address { line-height: 1.875; }
.footer .bottom { display: flex; flex-wrap: wrap; justify-content: space-between; padding: calc(100vw / 1920 * 46) 0; border-top: 1px solid rgba(255,255,255,.4); font-size: calc(100vw / 1920 * 16); }
.footer .bottom > div { display: flex; flex-wrap: wrap; align-items: center; }
.footer .bottom > div a { margin-left: calc(100vw / 1920 * 20); }

@media (max-width: 1440px) {
	.footer .top .nav .li { margin-right: calc(100vw / 1920 * 30); }
	.footer .top .nav .li > a { font-size: 16px; }
	.footer .top .nav .li .menu { font-size: 14px; }
	.footer .top .cont { width: 200px; }
	.footer .top .cont .tit { font-size: 16px; }
	.footer .top .cont .text { font-size: 14px; }
	.footer .bottom { font-size: 14px; }
}
@media (max-width: 1199px) {
	.footer .top .nav .li { margin-right: calc(100vw / 1920 * 20); }
	.footer .top .nav .li > a { font-size: 14px; }
	.footer .top .nav .li .menu { font-size: 12px; }
	.footer .top .cont { width: 180px; }
	.footer .bottom > div { width: 100%; justify-content: center; text-align: center; margin: 5px 0; }
}
@media (max-width: 991px) {
	.footer .top .logo { width: 172px; margin-top: 0; }
	.footer .top .nav { display: none; }
	.footer .top .cont { width: 345px; }
}
@media (max-width: 767px) {
	.footer .top { padding: 30px 0; }
	.footer .top .cont { width: 100%; margin-top: 30px; }
	.footer .top .cont .text { margin-top: 10px; }
	.footer .bottom { padding: 15px 0; line-height: 1.5; }
	.footer .bottom > div { margin: 0; }
}



/* 内页banner */
.page-banner { position: relative; margin-top: 117px; }
.page-banner .img.i-box { padding-bottom: 33.33333333333333%; }
.page-banner .con {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; color: #fff; padding: 0 6.25%;
}
.page-banner .con .h1 { font-weight: bold; font-size: calc(100vw / 1920 * 64); }

@media (max-width: 1199px) {
	.page-banner { margin-top: 60px; }
}
@media (max-width: 767px) {
	.page-banner .con .h1 { font-size: 18px; }
}


/* 内页导航 */
.page-nav { position: relative; z-index: 1; margin-top: calc(100vw / 1920 * -36); }
/* 移动端 */
.page-nav .mobile { display: none; justify-content: space-between; width: 100%; }
.page-nav .mobile .h2 { display: flex; align-items: center; background-color: var(--c); color: #fff; font-size: 14px; padding: 0 20px; }
.page-nav .mobile .button { display: flex; align-items: center; overflow: hidden;  margin-right: 20px; }
.page-nav .mobile .button > div { display: flex; flex-direction: column; cursor: pointer; width: 24px; }
.page-nav .mobile .button span { width: 100%; height: 2px; transition: all 0.5s; background-color: var(--c); }
.page-nav .mobile .button span:nth-of-type(2) { margin: 5px 0; }
.page-nav .mobile .button > div.active span:first-of-type { transform: translateY(100%) rotateZ(225deg); }
.page-nav .mobile .button > div.active span:nth-of-type(2) { transform: translateX(100px); opacity: 0; margin: 0; }
.page-nav .mobile .button > div.active span:last-of-type { transform: translateY(-100%) rotateZ(-225deg); }

.page-nav .nav { display: flex; flex-wrap: wrap; justify-content: center; }
.page-nav .nav a {
	position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;
	background: #fff; border-radius: 8px; color: #000; transition: color var(--t);
	min-width: calc(100vw / 1920 * 228); min-height: calc(100vw / 1920 * 72); font-size: calc(100vw / 1920 * 24); margin: 0 calc(100vw / 1920 * 11); padding: 0 calc(100vw / 1920 * 20);
}
.page-nav .nav a::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity var(--t);
	background: linear-gradient(to right, #175aa9, #018934); border-radius: 6px; transition: opacity var(--t);
}
.page-nav .nav a::after {
	content: ''; position: absolute; z-index: -1; top: 50%; right: calc(100vw / 1920 * 23); transform: translateY(-50%); opacity: 0; transition: opacity var(--t);
	background: url(../images/page-nav-bg.png) center / cover no-repeat; width: calc(100vw / 1920 * 61); height: calc(100vw / 1920 * 46); transition: opacity var(--t);
}
.page-nav .nav a.active { color: #fff; }
.page-nav .nav a.active::before { opacity: 1; }
.page-nav .nav a.active::after { opacity: 1; }
.page-nav .nav a:hover { color: #fff; }
.page-nav .nav a:hover::before { opacity: 1; }
.page-nav .nav a:hover::after { opacity: 1; }

@media (max-width: 1199px) {
	.page-nav { margin-top: -22px; }
	.page-nav .nav a { min-width: 142px; min-height: 44px; font-size: 16px; margin: 0 6px; padding: 0 20px; }
	.page-nav .nav a::after { right: 10px; width: 36px; height: 27px; }
}
@media (max-width: 767px) {
	.page-nav { height: 50px; margin: 0; display: flex; }
	.page-nav .mobile { display: flex; }
	.page-nav .nav { display: none; width: 100%; position: absolute; z-index: 2; top: 100%; left: 0; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,.1); }
	.page-nav .nav a { width: 100%; padding: 14px 6.25%; margin: 0; border-radius: 0; }
	.page-nav .nav a::before { border-radius: 0; }
}


/* 公司简介 */
.about-info { overflow: hidden; width: 100%; }
.about-info .top { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding: calc(100vw / 1920 * 74) 0 0 calc(100vw / 1920 * 180); }
.about-info .top .con { width: 45%; padding-top: calc(100vw / 1920 * 148); }
.about-info .top .con .h2 { font-size: calc(100vw / 1920 * 48); color: #000; }
.about-info .top .con .h3 {
	font-size: calc(100vw / 1920 * 32); color: transparent; margin-top: calc(100vw / 1920 * 28); line-height: 1.2;
	background-image: linear-gradient(to right, #175aa9, #019a13); -webkit-background-clip: text; background-clip: text; 
}
.about-info .top .con .text { font-size: calc(100vw / 1920 * 18); color: #000; line-height: 2; margin-top: calc(100vw / 1920 * 62); }
.about-info .top .img { position: relative; z-index: 2; width: 40.3691%; border-radius: 50%; overflow: hidden; margin-right: 6.25%; }
.about-info .top .img .i-box { padding-bottom: 100%; }
.about-info .bottom { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; padding: calc(100vw / 1920 * 23) calc(100vw / 1920 * 192) calc(100vw / 1920 * 106); }
.about-info .bottom .left {
	background: url(../images/about-info-bg.png) center / cover no-repeat; position: relative; z-index: 1;
	width: calc(100vw / 1920 * 704); height: calc(100vw / 1920 * 704); padding: calc(100vw / 1920 * 41);
}
.about-info .bottom .left .img { width: 100%; border-radius: 50%; overflow: hidden; }
.about-info .bottom .left .img .i-box { padding-bottom: 100%; }
.about-info .bottom .right {
	display: flex; flex-direction: column; justify-content: center;
	position: absolute; z-index: -1; background: url(../images/about-info-bg3.png) center / cover no-repeat; border-radius: 50%; overflow: hidden;
	width: calc(100vw / 1920 * 955); height: calc(100vw / 1920 * 955); top: calc(100vw / 1920 * -96); right: calc(100vw / 1920 * 164); padding: 0 calc(100vw / 1920 * 110) 0 calc(100vw / 1920 * 176);
}
.about-info .bottom .right .h2 { font-size: calc(100vw / 1920 * 28); color: #000; line-height: 1.2; }
.about-info .bottom .right .text { font-size: calc(100vw / 1920 * 18); color: #000; line-height: 2; margin-top: calc(100vw / 1920 * 36); }

@media (max-width: 1440px) {
	.about-info .top .con .text { font-size: 14px; }
	.about-info .bottom .right .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.about-info .top .con .h3 { font-size: 18px; }
	.about-info .top .con .text { font-size: 12px; }
	.about-info .bottom .right .h2 { font-size: 16px; }
	.about-info .bottom .right .text { font-size: 12px; }
}
@media (max-width: 991px) {
	.about-info .top { padding: calc(100vw / 1920 * 74) 0 0 6.25%; }
	.about-info .top .con { width: 51%; }
	.about-info .bottom { padding: calc(100vw / 1920 * 23) 6.25% calc(100vw / 1920 * 106); }
	.about-info .bottom .right { right: 6.25%; width: calc(100vw / 1920 * 1055); height: calc(100vw / 1920 * 1055); }
}
@media (max-width: 767px) {
	.about-info { padding: 30px 6.25%; }
	.about-info .top { padding: 0; }
	.about-info .top .con { width: 100%; padding: 0; }
	.about-info .top .con .h2 { font-size: 18px; }
	.about-info .top .con .h3 { font-size: 16px; margin-top: 10px; }
	.about-info .top .con .text { font-size: 14px; margin-top: 10px; }
	.about-info .top .img { width: 80%; margin: 20px 0 0 auto; }
	.about-info .bottom { padding: 0; margin-top: 30px; }
	.about-info .bottom .right { position: relative; top: 0; right: 0; order: -1; width: 100%; height: auto; padding: 0; border-radius: 0; overflow: initial; background: none; }
	.about-info .bottom .right .text { margin-top: 10px; font-size: 14px; }
	.about-info .bottom .left { width: 80%; height: auto; margin-top: 20px; padding: 20px; }
}


/* 研发团队 */
.about-item { padding-bottom: calc(100vw / 1920 * 100); }
.about-item .top {  color: #000; width: 1200px; margin: 0 auto; }
.about-item .top .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }
.about-item .top .des { font-size: calc(100vw / 1920 * 18); text-align: center; line-height: 1.875; margin-top: calc(100vw / 1920 * 28); }
.about-item .list { display: flex; flex-wrap: wrap;  margin: calc(100vw / 1920 * 90) auto 0; width: calc(100vw / 1920 * 1560); }
.about-item .list .li { width: calc(100vw / 1920 * 780); display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 40px; }
.about-item .list .li .img { width: 30.77%; border-radius: calc(100vw / 1920 * 120); overflow: hidden; }
.about-item .list .li .img .i-box { padding-bottom: 155.4166666666667%; }
.about-item .list .li .con { flex: 1; color: #000; padding: calc(100vw / 1920 * 60) calc(100vw / 1920 * 68) 0; }
.about-item .list .li .con .h3 { font-weight: bold; font-size: calc(100vw / 1920 * 24); }
.about-item .list .li .con .des { font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 22); }
.about-item .list .li .con .text { line-height: 1.875; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 30); }
.about-item .list .li .con .text p { white-space: pre-line; }

@media (max-width: 1440px) {
	.about-item .top { padding: 0 6.25%; width: auto; }
	.about-item .top .des { font-size: 14px; }
	.about-item .list .li .con .h3 { font-size: 18px; }
	.about-item .list .li .con .des { font-size: 16px; }
	.about-item .list .li .con .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.about-item .list { padding: 0 6.25%; width: 100%; }
	.about-item .list .li { width: 50%; }
	.about-item .list .li .con { padding: calc(100vw / 1920 * 20) calc(100vw / 1920 * 68) 0; }
}
@media (max-width: 991px) {
	.about-item .list .li { width: 100%; align-items: center; margin-bottom: 40px; }
	.about-item .list .li:last-child { margin-bottom: 0; }
	.about-item .list .li .img { border-radius: 130px; }
	.about-item .list .li .con { padding: 0 40px;  }
}
@media (max-width: 767px) {
	.about-item { padding-bottom: 30px; }
	.about-item .top .h2 { font-size: 18px; }
	.about-item .top .des { margin-top: 10px; }
	.about-item .list { margin-top: 30px; }
	.about-item .list .li { margin-bottom: 0; }
	.about-item .list .li .img { width: 180px; margin: 0 auto; }
	.about-item .list .li .con { flex: auto; width: 100%; padding: 20px 0; text-align: center; }
	.about-item .list .li .con .des { margin-top: 10px; }
	.about-item .list .li .con .text { margin-top: 10px; }
}




/* 新闻资讯 */
.news { background: #f2f2f2; }
.news-list { padding: calc(100vw / 1920 * 116) calc(100vw / 1920 * 260) calc(100vw / 1920 * 158); }
.news-list .list { margin-top: 0; }


/* 分页 */
.page-link { display: flex; justify-content: center; width: 100%; margin-top: calc(100vw / 1920 * 60); }
.page-link ul { display: flex; }
.page-link ul li {
	width: 50px; height: 50px; border: 1px solid #dcdcdc; color: #ccc; border-radius: 50%; margin: 0 5px;
	transition: background-color .8s, color .8s, border .8s;
}
.page-link ul li:hover { border: 1px solid var(--c); background-color: var(--c); color: #fff; }
.page-link ul li.active { border: 1px solid var(--c); background-color: var(--c); color: #fff; }
.page-link ul li a, .page-link ul li span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 2px; }

@media (max-width: 1199px) {
	.index-news { padding: calc(100vw / 1920 * 146) 6.25% calc(100vw / 1920 * 124); }
}
@media (max-width: 767px) {
	.index-news { padding: 30px 6.25%; position: relative; z-index: 0; }
	.page-link { margin-top: 30px; font-size: 14px;  }
	.page-link ul li { width: 35px; height: 35px; }
	.page-link ul li a, .page-link ul li span { padding-top: 1px; }
}


/* 新闻详情 */
.news-details { padding: calc(100vw / 1920 * 66) calc(100vw / 1920 * 260) calc(100vw / 1920 * 70); }
.news-details .con { background: #fff; padding: calc(100vw / 1920 * 68) calc(100vw / 1920 * 78) calc(100vw / 1920 * 40);  }
.news-details .con .top { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.news-details .con .top .h1 { font-size: calc(100vw / 1920 * 28); font-weight: bold; color: #000; line-height: 1.2; }

.news-details .con .top .box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 30px; }
.news-details .con .top .box .l { color: #acabab; font-size: 16px; }
.news-details .con .top .box .l span { margin-right: 30px; }
.news-details .con .top .box .r { display: flex; color: #797979; font-size: 18px; }
.news-details .con .top .box .r a { position: relative; margin-left: 26px; }
.news-details .con .top .box .r a span { position: absolute; top: -6px; right: -10px; }
.news-details .con .top .box .r a.font-small span { top: -9px; right: -5px; }
.news-details .con .text { color: #727272; font-size: 16px; line-height: 2; padding: 20px 0 36px; }
.news-details .con .text img { height: auto !important; }
.news-details .con .link a { border: 1px solid #bfbfbf; display: block; color: #3c3c3c; font-size: 18px; padding: 22px 1em; margin-bottom: 15px; transition: all var(--t); }
.news-details .con .link a:last-child { margin-bottom: 0; }
.news-details .con .link a:hover { border: 1px solid var(--c); background-color: var(--c); color: #fff; }

@media (max-width: 1440px) {
	.news-details .con .top .box .l { font-size: 14px; }
	.news-details .con .top .box .r { font-size: 16px; }
	.news-details .con .text { font-size: 14px; }
	.news-details .con .link a { font-size: 16px; }
}
@media (max-width: 1199px) {
	.news-details { padding: calc(100vw / 1920 * 66) 6.25% calc(100vw / 1920 * 70); }
	.news-details .con .top .h1 { font-size: 18px; }
	.news-details .con .top .box .l { font-size: 12px; }
	.news-details .con .top .box .r { font-size: 14px; }
	.news-details .con .text { font-size: 12px; }
	.news-details .con .link a { font-size: 14px; }
}
@media (max-width: 767px) {
	.news-details { padding: 30px 6.25%; }
	.news-details .con { padding: 20px; }
	.news-details .con .top .box { margin-top: 15px; }
	.news-details .con .top .box .l span { margin-right: 10px; }
	.news-details .con .top .box .l span:last-child { margin-right: 0; }
	.news-details .con .top .box .r a { margin-left: 10px; }
	.news-details .con .top .box .r a:first-child { margin-left: 0; }
	.news-details .con .text { padding: 10px 0 20px; }
	.news-details .con .link a { padding: 12px; }
}




/* 隐藏修改 */
/* .index-news { margin-top: calc(100vw / 1920 * -102); padding: calc(100vw / 1920 * 246) calc(100vw / 1920 * 260) calc(100vw / 1920 * 124); }

@media (max-width: 991px) {
	.index-news { margin-top: calc(100vw / 1920 * -128);  }
}
@media (max-width: 767px) {
	.index-news { margin-top: calc(100vw / 1920 * -128); padding: 60px 6.25% 30px; }
} */





/* 联系我们 */
.contact { padding: 0 6.25% calc(100vw / 1920 * 94) 0; margin-top: calc(100vw / 1920 * -36); }
.contact .con { padding: calc(100vw / 1920 * 124) calc(100vw / 1920 * 222) calc(100vw / 1920 * 142) calc(100vw / 1920 * 120); border-bottom-right-radius: calc(100vw / 1920 * 540); }

.contact .top { display: flex; flex-wrap: wrap; }
.contact .h2 { font-size: calc(100vw / 1920 * 48); width: calc(100vw / 1920 * 246); }
.contact .text { font-size: calc(100vw / 1920 * 18); line-height: 2; flex: 1; margin-top: calc(100vw / 1920 * -8); }
.contact .text .h3 { font-size: calc(100vw / 1920 * 24); }
.contact .map { width: 100%; height: calc(100vw / 1920 * 634); margin-top: calc(100vw / 1920 * 40); }
.contact .map .pc { display: block; }
.contact .map .ph { display: none; }
/* 百度地图 */
.map-container { width: 80%; height: 634px; margin: 0 auto; }
.map { width: 100%; height: 100%; }

.map .BMapLabel { transform: translate(-50%, -180%); border: none!important; }
.map .anchorBL { z-index: 1!important; opacity: .1; }
.map .mapinfo { font-size: 16px; color: #666; padding: 10px; }
.map .mapinfo::after { position:absolute; left: calc(50% - 9px); bottom:-14px; font-family:'ifont'; content:'\e606'; color:#fff; font-size:18px; }

@media (max-width: 1440px) {
	.contact .text { font-size: 16px; }
	.contact .text .h3 { font-size: 18px; }
}
@media (max-width: 1199px) {

	.contact { margin-top: -22px; }
	.contact .text { font-size: 14px; }
	.contact .text .h3 { font-size: 16px; }
}
@media (max-width: 767px) {
	.contact { padding: 0 6.25% 30px 0; margin-top: 0; }
	.contact .con { padding: 20px; }
	.map .mapinfo { font-size: 14px; }
	.contact .h2 { font-size: 18px; width: 100%; }
	.contact .text { margin-top: 10px; }
	.contact .map { margin-top: 20px; height: auto; border-bottom-right-radius: calc(100vw / 1920 * 500); overflow: hidden; }
	.contact .map .pc { display: none; }
	.contact .map .ph { display: block; }
}


/* 招贤纳士 */
.recruit { padding: calc(100vw / 1920 * 132) 6.25% calc(100vw / 1920 * 90); background: #f6f6f6; }

.recruit .top-tit { display: flex; flex-wrap: wrap; }
.recruit .top-tit .h2 { font-size: calc(100vw / 1920 * 48); width: calc(100vw / 1920 * 246); }

.recruit .top-tit .text { font-size: calc(100vw / 1920 * 18); line-height: 2; flex: 1; margin-top: calc(100vw / 1920 * -8); }
.recruit .top-tit .text .h3 { font-size: calc(100vw / 1920 * 24); }
.recruit .box { margin-top: calc(100vw / 1920 * 108); }
.recruit .list { background: #fff; margin-bottom: calc(100vw / 1920 * 24); }
.recruit .list:last-child { margin-bottom: 0; }
.recruit .list .top { display: flex; flex-wrap: wrap; cursor: pointer; height: calc(100vw / 1920 * 168); font-size: calc(100vw / 1920 * 18); }
.recruit .list .top .text { display: flex; flex-direction: column; justify-content: center; width: 84.4%; line-height: 1.2; padding: 0 calc(100vw / 1920 * 54); }
.recruit .list .top .text>div { display: flex; flex-wrap: wrap; align-items: flex-end; align-items: flex-start; padding: calc(100vw / 1920 * 14) 0; }
.recruit .list .top .text>div p:first-child { width: 500px; padding-right: 20px; }
.recruit .list .top .text .h3 { font-weight: bold; font-size: calc(100vw / 1920 * 20); }
.recruit .list .top .text .time { color: #666; font-size: calc(100vw / 1920 * 16); }
.recruit .list .top .more {
	display: flex; align-items: center; justify-content: center; width: 15.6%; height: 100%; border-left: 1px solid #e8e8e8;
	transition: color var(--time);
}
.recruit .list.active .top .more { color: var(--c); }
.recruit .list .bottom {
	border-top: 1px solid #e8e8e8; line-height: 2; font-size: calc(100vw / 1920 * 16);
	padding: calc(100vw / 1920 * 54) calc(100vw / 1920 * 60) calc(100vw / 1920 * 62); display: none;
}

@media (max-width: 1440px) {

	.recruit .top-tit .text { font-size: 16px; }

	.recruit .top-tit .text .h3 { font-size: 18px; }
	.recruit .list .top { font-size: 14px; }
	.recruit .list .top .text .h3 { font-size: 15px; }
	.recruit .list .top .text .time { font-size: 12px; }
	.recruit .list .bottom { font-size: 12px; }
}

@media (max-width: 1199px) {

	.recruit .top-tit .text { font-size: 14px; }

	.recruit .top-tit .text .h3 { font-size: 16px; }
	.recruit .list .top { height: auto; padding: 15px 0; }
	.recruit .list .top .text { width: 100%; }
	.recruit .list .top .more { display: none; }
	.recruit .list .top .text>div p:first-child { width: 400px; }
}
@media (max-width: 767px) {
	.recruit { padding: 30px 6.25%; min-height: 40vh; }
	.recruit .top-tit .h2 { font-size: 18px; width: 100%; }

	.recruit .top-tit .text { margin-top: 10px; }
	.recruit .box { margin-top: 20px; }
	.recruit .list .top { height: auto; }
	.recruit .list .top .text { width: 100%; padding: 10px 20px; }
	.recruit .list .top .more { display: none; }
	.recruit .list .top .text>div { padding: 0; line-height: 1.4; }
	.recruit .list .top .text>div p { width: 100% !important; }
	.recruit .list .top .text>div p:first-child { padding-right: 10px; }
	.recruit .list .bottom { padding: 20px; }
}




@font-face {
	font-family: 'kslk';
	src: url('../ifont/kslk/iconfont.woff2') format('woff2'),
			 url('../ifont/kslk/iconfont.woff') format('woff'),
			 url('../ifont/kslk/iconfont.ttf') format('truetype');
}
/* 主要产品 */
.product .content { padding: calc(100vw / 1920 * 88) calc(100vw / 1920 * 280) calc(100vw / 1920 * 126); }
.product .content .list { display: flex; flex-wrap: wrap; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: calc(100vw / 1920 * 52); }
.product .content .list .text {
	width: 56.13%; display: flex; flex-direction: column; justify-content: center; color: #000; background: url(../images/product-bg.png) center / cover no-repeat;
	padding: 0 calc(100vw / 1920 * 68) calc(100vw / 1920 * 46);
}
.product .content .list .text .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 32); }
.product .content .list .text .p { white-space: pre-line; font-size: 18px; line-height: 1.5; margin-top: calc(100vw / 1920 * 36); }
.product .content .list .img { flex: 1; }
.product .content .list .img .i-box { padding-bottom: 69.96644295302013%; }

@media (max-width: 1440px) {
	.product .content .list .text .p { font-size: 16px; }
}
@media (max-width: 1199px) {
	.product .content { padding: calc(100vw / 1920 * 88) 6.25% calc(100vw / 1920 * 126); }
	.product .content .list .text .p { font-size: 14px; }
}
@media (max-width: 991px) {
	.product .content .list .text .h2 { font-size: 17px; }
}
@media (max-width: 767px) {
	.product .content { padding: 30px 6.25%; min-height: 50vh; }
	.product .content .list { margin-bottom: 20px; }
	.product .content .list:last-child { margin-bottom: 0; }
	.product .content .list .text { width: 100%; padding: 20px; background: #f1fcff; }
	.product .content .list .text .p { font-size: 16px; margin-top: 14px; }
	.product .content .list .img { width: 100%; flex: auto; order: -1; }
}


/* 器官模型 */
.model { display: flex; flex-wrap: wrap; justify-content: space-between; padding: calc(100vw / 1920 * 120) 6.25% calc(100vw / 1920 * 88); }
.model .page-nav { width: calc(100vw / 1920 * 228); margin-top: 0; }
.model .page-nav .nav { position: sticky; top: 150px; }
.model .page-nav .nav a { margin: 0 0 calc(100vw / 1920 * 20); background: #e5e5e5; }
.model .page-nav .nav a:last-child { margin-bottom: 0; }
.model .content { padding: 0; width: 80.61%; }
.model .content .list { margin-bottom: calc(100vw / 1920 * 40); }
.model .content .list:last-child { margin-bottom: 0; }
.model .content .list .text { padding: 20px calc(100vw / 1920 * 68); }
.model-anchor { position: relative; top: -150px; }

@media (max-width: 1199px) {
	.model .page-nav { width: 142px; }
	.model .content { width: calc(100% - 180px); }
	.model .page-nav .nav { top: 80px; }
	.model-anchor { top: -120px; }
}
@media (max-width: 767px) {
	.model { padding: 0; }
	.model .page-nav { width: 100%; }
	.model .page-nav .nav { top: 100%; position: absolute; }
	.model .page-nav .nav a { background: #fff; margin: 0; }
	.model .content { width: 100%; padding: 30px 6.25%; }
	.model .content .list { margin-bottom: 20px; }
	.model-anchor { top: -80px; }
}


/* 技术支持 */
.technology { background: linear-gradient(to bottom, #def2f2, #eff8f8); }
.technology .content { display: flex; flex-wrap: wrap; padding: calc(100vw / 1920 * 88) 6.25% calc(100vw / 1920 * 120); }
.technology .list {

	position: relative; width: 31.05%; background: #fff; margin-right: 3.4%; transition: background var(--t);

	padding: calc(100vw / 1920 * 34) calc(100vw / 1920 * 22); padding-right: calc(100vw / 1920 * 120); margin-bottom: calc(100vw / 1920 * 60);

}

.technology .list:nth-child(3n) { margin-right: 0; }

.technology .list::after {

	position: absolute; top: 50%; right: calc(100vw / 1920 * 36); transform: translateY(-50%); color: #9fa0a0; transition: color var(--t);

	font-family: 'kslk'; content: '\e740'; font-size: calc(100vw / 1920 * 55);

}

.technology .list .h3 { font-size: calc(100vw / 1920 * 20); transition: color var(--t); }

.technology .list .time { display: block; color: #aaaaaa; transition: color var(--t); font-size: 16px; margin-top: calc(100vw / 1920 * 26); }

.technology .list:hover { background: #175aa9; }

.technology .list:hover .h3 { color: #fff; }

.technology .list:hover .time { color: rgba(255,255,255,.7); }

.technology .list:hover::after { color: #fff; }



@media (max-width: 1680px) {

	.technology .list .h3 { font-size: 18px; }

}

@media (max-width: 1440px) {

	.technology .list .h3 { font-size: 16px; }

	.technology .list .time { font-size: 14px; }

	.page-link ul li { width: 45px; height: 45px; }

}

@media (max-width: 1199px) {

	.technology .list .h3 { font-size: 14px; }

	.technology .list .time { font-size: 12px; }

	.page-link ul li { width: 40px; height: 40px; }

}

@media (max-width: 991px) {

	.technology .content { justify-content: space-between; }

	.technology .list { width: 48%; margin-right: 0; padding: 20px; padding-right: 64px; }

	.technology .list::after { font-size: 28px; right: 18px; }

}

@media (max-width: 767px) {

	.technology .content { padding: 30px 6.25%; min-height: 50vh; }

	.technology .list { width: 100%; margin-bottom: 20px; }

	.technology .list .time { margin-top: 15px; }

	.page-link ul li { width: 35px; height: 35px; }

}





/* 常见问题 */

.faq { background: linear-gradient(to bottom, #def2f2, #eff8f8); }

.faq .content { padding: calc(100vw / 1920 * 70) calc(100vw / 1920 * 220) calc(100vw / 1920 * 70); }

.faq .list { margin-bottom: 16px; }

.faq .list .top {

	display: flex; align-items: center; position: relative; cursor: pointer; background-color: #fff; transition: all var(--t);

	min-height: 104px; padding-right: 94px;

}

.faq .list .top .text { width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center; padding: 20px; }

.faq .list .top .text .span {

	display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #175aa8; color: #fff; font-weight: bold; transition: all var(--t);

	width: 41px; height: 41px; font-size: 20px; padding-top: 1px;

}

.faq .list .top .text .h3 { flex: 1; line-height: 1.4; font-size: 20px; padding-left: 22px; }

.faq .list .top .icon {

	position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; transition: all var(--t);

	width: 94px; height: 100%; color: #a5a5a5; transition: .5s;

}

.faq .list .top .icon::before { font-family: 'ifont'; content: '\e622'; }

.faq .list.active .top { background-color: #175aa9; color: #fff; }

.faq .list.active .top .text .span { background: #fff; color: #175aa8; }

.faq .list.active .top .icon { color: #fff; transform: rotate(-180deg); }



.faq .list .bottom { background-color: #fff; padding: 35px 35px 35px 20px; margin-top: 2px; display: none; }

.faq .list .bottom .box { display: flex; flex-wrap: wrap; }

.faq .list .bottom .span {

	display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #018836; color: #fff; font-weight: bold; padding-top: 1px;

	width: 41px; height: 41px; font-size: 20px;

}

.faq .list .bottom .text { flex: 1; line-height: 2.25; color: #666; font-size: 16px; padding-left: 20px; }



@media (max-width: 1680px) {

	.faq .list .top { min-height: 80px; padding-right: 80px; }

	.faq .list .top .text .h3 { font-size: 18px; }

	.faq .list .top .text .span { font-size: 18px; }

	.faq .list .bottom .span { font-size: 18px; }

	.faq .list .top .icon { width: 80px; }

}

@media (max-width: 1440px) {

	.faq .list .top .text .h3 { font-size: 16px; }

	.faq .list .top .text .span { font-size: 16px; width: 36px; height: 36px; }

	.faq .list .bottom { padding: 20px; }

	.faq .list .bottom .span { font-size: 16px; width: 36px; height: 36px; }

	.faq .list .bottom .text { font-size: 14px; }

}

@media (max-width: 1199px) {

	.faq .content { padding: calc(100vw / 1920 * 70) 6.25% calc(100vw / 1920 * 70); }

}

@media (max-width: 767px) {

	.faq .content { padding: 30px 6.25%; }

	.faq .list .top { padding-right: 0; }

	.faq .list .top .text { padding: 15px; }

	.faq .list .top .text .span { font-size: 14px; width: 30px; height: 30px; padding: 0; }

	.faq .list .top .text .h3 { font-size: 14px; padding-left: 10px; }

	.faq .list .top .icon { display: none; }

	.faq .list .bottom { padding: 15px; }

	.faq .list .bottom .span { font-size: 14px; width: 30px; height: 30px; padding: 0; }

	.faq .list .bottom .text { line-height: 1.8; padding-left: 10px; }

}





/* 关于我们 - 合作伙伴 */

.about-partner { padding: calc(100vw / 1920 * 230) 6.25% calc(100vw / 1920 * 150); margin-top: calc(100vw / 1920 * -90); }

.about-partner .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }

.about-partner .content { margin-top: calc(100vw / 1920 * 40); }

.partner-slick { padding-bottom: calc(100vw / 1920 * 90); }

.partner-slick .slick-track { margin: 0; }

.partner-slick .slick-list { margin: 0; }

.partner-slick .slick-slide { margin: 0 13px; }

.partner-slick .slick-slide .img { padding-bottom: 65.51724137931034%; border: 10px solid #fff; }

.partner-slick .slick-slide .h3 { text-align: center; line-height: 1.2; font-size: 18px; margin-top: calc(100vw / 1920 * 24); }

.partner-slick .slick-dots { bottom: 0; }

.partner-slick .slick-dots li { margin: 0 calc(100vw / 1920 * 12); }

.partner-slick .slick-dots li button { width: 16px; height: 16px; }



@media (max-width: 1440px) {

	.partner-slick .slick-slide .h3 { font-size: 16px; }

}

@media (max-width: 1199px) {

	.partner-slick .slick-slide .h3 { font-size: 14px; }

	.partner-slick .slick-slide .img { border: 6px solid #fff; }

}

@media (max-width: 991px) {

	.about-partner { margin-top: calc(100vw / 1920 * -100); }

}

@media (max-width: 767px) {

	.about-partner { padding: 30px 6.25%; background-size: auto 140%; margin-top: 0; }

	.about-partner .h2 { font-size: 18px; }

	.about-partner .content { margin-top: 20px; }

	.partner-slick { padding-bottom: 20px; }

	.partner-slick .slick-slide .h3 { font-size: 16px; margin-top: 15px; }

	.partner-slick .slick-dots li { margin: 0 3px; }

	.partner-slick .slick-dots li button { width: 10px; height: 10px; }

}





/* 企业文化 */

body { position: relative; z-index: 1; }

.about-culture { position: relative; z-index: -1; padding: calc(100vw / 1920 * 244) 0 0; margin-top: calc(100vw / 1920 * -64); }

.about-culture .h2 { text-align: center; font-size: calc(100vw / 1920 * 48); }

.about-culture .content {

	position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;

	padding: calc(100vw / 1920 * 94) calc(100vw / 1920 * 160) calc(100vw / 1920 * 152) calc(100vw / 1920 * 294);

}

.about-culture .content::after {

	content: ''; position: absolute; right: calc(100vw / 1920 * 500); bottom: calc(100vw / 1920 * -45); width: calc(100vw / 1920 * 687); height: calc(100vw / 1920 * 687); border-radius: 50%; background: linear-gradient(135deg, rgba(255,255,255,.4), transparent);

}

.about-culture .list { position: relative; z-index: 1; width: 43.836%; }

.about-culture .list::after {

	content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * -20); left: calc(100vw / 1920 * 20); width: 100%; height: 100%; background: rgba(255,255,255,.2); border-radius: 50%;

}

.about-culture .list .img { border-radius: 50%; }

.about-culture .list .img::after {

	content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(23,90,169,.8); opacity: 0; transition: opacity var(--t);

}

.about-culture .list .img.i-box { padding-bottom: 100%; }

.about-culture .list .con {

	display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;

	position: absolute; top: 0; left: 0; right: 0; bottom: 0;

}

.about-culture .list .con .title { color: #f0f5f9; position: relative; padding-bottom: calc(100vw / 1920 * 22); }

.about-culture .list .con .title::after {

	content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #fff; width: 0; height: 1px;

	transition: all var(--t);

}

.about-culture .list .con .title .h3 { font-size: calc(100vw / 1920 * 40); }

.about-culture .list .con .title .en { text-transform: uppercase; font-size: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * 15); }

.about-culture .list .con .text {

	color: #fff; width: 290px; max-height: 0; opacity: 0; transition: all var(--t); overflow: hidden; font-size: 20px;

	-webkit-line-clamp: 5;

}

.about-culture .list .con .text p { white-space: pre-line; line-height: 1.8; }

.about-culture .list:nth-child(2) { margin-top: calc(100vw / 1920 * -172); }

.about-culture .list:nth-child(2)::after { top: calc(100vw / 1920 * 28); left: calc(100vw / 1920 * -42); }





@media (min-width: 767px) {

	.about-culture .list:hover .img::after { opacity: 1; }

	.about-culture .list:hover .con .text { max-height: 10.8em; opacity: 1; padding-top: calc(100vw / 1920 * 40); }

	.about-culture .list:hover .con .title::after { width: calc(100vw / 1920 * 58); }

}



@media (max-width: 1680px) {

	.about-culture .list .con .text { font-size: 18px; }

}

@media (max-width: 1440px) {

	.about-culture .list .con .text { font-size: 16px; }

}

@media (max-width: 1199px) {

	.about-culture .list .con .text { font-size: 14px; width: 70%; }

}

@media (max-width: 991px) {

	.about-culture .list .con .text { font-size: 12px; }

}

@media (max-width: 767px) {

	.about-culture { margin-top: 0; padding: 30px 6.25%; }

	.about-culture .h2 { font-size: 18px; }

	.about-culture .content { padding: 0; margin-top: 30px; }

	.about-culture .list { width: 100%; }

	.about-culture .list .img { border-radius: 0; }

	.about-culture .list .img::after { opacity: 1; }

	.about-culture .list:nth-child(2) { margin-top: 20px; }

	.about-culture .list .con .title { padding-bottom: 10px; }

	.about-culture .list .con .title .h3 { font-size: 16px; }

	.about-culture .list .con .title .en { font-size: 14px; margin-top: 10px; }

	.about-culture .list .con .title::after { width: 40px; }

	.about-culture .list .con .text { width: 80%; padding-top: 20px; max-height: 10.8em; opacity: 1; font-size: 14px; }

	.about-culture .list::after { display: none; }

	.about-culture .content::after { display: none; }

}





/* 商务合作 */

.cooperate { color: #000; margin-top: calc(100vw / 1920 * -36); padding: calc(100vw / 1920 * 165) 6.25% calc(100vw / 1920 * 114); }

.cooperate .top { display: flex; flex-wrap: wrap; }

.cooperate .top .h2 { font-size: calc(100vw / 1920 * 48); width: calc(100vw / 1920 * 280); }

.cooperate .top .text { flex: 1; font-size: calc(100vw / 1920 * 18); line-height: 2; margin-top: calc(100vw / 1920 * -10); }

.cooperate .top .text .h3 { font-size: calc(100vw / 1920 * 24); }

.cooperate .con { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 132); }

.cooperate .con .h2 { font-size: calc(100vw / 1920 * 48); width: calc(100vw / 1920 * 280); }

.cooperate .con .list { flex: 1; }

.cooperate .con .list .li { display: flex; flex-wrap: wrap; margin-bottom: calc(100vw / 1920 * 42); }

.cooperate .con .list .li:last-child { margin-bottom: 0; }

.cooperate .con .list .li .text { flex: 1; background: #f1fcff; position: relative; padding: calc(100vw / 1920 * 56) calc(100vw / 1920 * 50) calc(100vw / 1920 * 40); min-height: calc(100vw / 1920 * 417); }

.cooperate .con .list .li .text::after {

	content: ''; position: absolute; z-index: 1; top: 0; right: -29px; width: 30px; height: 100%;

	background: url(../images/cooperate-bg.png) center no-repeat; background-size: 100% 100%;

}

.cooperate .con .list .li .text .h3 { font-weight: bold; font-size: calc(100vw / 1920 * 32); }

.cooperate .con .list .li .text .tt { line-height: 1.67; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 20); }

.cooperate .con .list .li .img { width: 48.038%; }



@media (max-width: 1440px) {

	.cooperate .top .text { font-size: 16px; }

	.cooperate .top .text .h3 { font-size: 18px; }

	.cooperate .con .list .li .text .tt { font-size: 16px; }

}

@media (max-width: 1199px) {

	.cooperate { margin-top: -22px; }

	.cooperate .top .text { font-size: 14px; }

	.cooperate .top .text .h3 { font-size: 16px; }

	.cooperate .con .list .li .text .tt { font-size: 14px; }

}

@media (max-width: 991px) {

	.cooperate .con .list .li .text .h3 { font-size: 18px; }

}

@media (max-width: 767px) {

	.cooperate { margin-top: -50px; padding: 80px 6.25% 30px; }

	.cooperate .top .h2 { font-size: 18px; width: 100%; }

	.cooperate .top .text { margin-top: 10px; }

	.cooperate .con { margin-top: 20px; }

	.cooperate .con .h2 { font-size: 18px; width: 100%; }

	.cooperate .con .list { margin-top: 20px; }

	.cooperate .con .list .li { margin-bottom: 20px; }

	.cooperate .con .list .li .text { flex: auto; width: 100%; padding: 20px; min-height: initial; }

	.cooperate .con .list .li .text::after { display: none; }

	.cooperate .con .list .li .text .tt { margin-top: 10px; }

	.cooperate .con .list .li .img { width: 100%; height: 250px; order: -1; }

}