/* header */
.public-header {
	display: flex; align-items: center; justify-content: space-between; position: fixed; z-index: 10; top: 0; width: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.public-header::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0); 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; }
.header-fixed .header-search .icon { color: #333; }
/* ====================================================================================================================================== */
/* 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; }
/* 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: 1em 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; }
/* nav-四级栏目 */
.header-nav .li-s .li-ss { position: relative; }
.header-nav .li-s .li-ss .menu-ss {
	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 .li-ss:hover .menu-ss { 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: .5em 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-nav .li-s .li-ss.more > a::after {
		position: absolute; top: 50%; right: 10%; transform: translateY(-50%);
		font-family: 'ifont'; content: '\e68c';
	}
	/* 四级导航 */
	.header-nav .menu .li-s .li-ss .menu-ss {
		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 .li-ss.active .menu-ss { 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: auto; height: 100%; font-size: 22px; margin-left: 40px;
}
.header-search .icon { display: flex; justify-content: center; align-items: center; width: 100%; cursor: pointer; color: #fff; transition: color var(--t); }
.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-fixed .header-button span { background: #333; }
.public-header.on { color: #333; }
.public-header.on::before { background: #fff; }
.public-header.on .header-button span { background: #333; }
.public-header.on .header-logo img:first-child { opacity: 0; }
.public-header.on .header-logo img:last-child { opacity: 1; }
.public-header.on .header-search .icon { color: #333; }
/* ====================================================================================================================================== */




/*
 * 首页 banner
*/
/* 图片动效，从大缓慢缩小 */
.index-banner .slick .slick-prev { left: 0; }
.index-banner .slick .slick-next { right: 0; }
.index-banner .slick .slick-arrow { border-radius: 0; width: 70px; height: 70px; background: rgba(0,0,0, .2); }
.index-banner .slick .slick-arrow:hover { background: var(--c); }
.index-banner .slick .slick-arrow:after { font-size: 46px; color: #fff; }
.index-banner .slick .slick-prev:after { content: '\e660'; }
.index-banner .slick .slick-next:after { content: '\e65f'; }
.index-banner .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; font-weight: bold; font-size: calc(100vw / 1920 * 64); color: #fff; padding: 0 calc(100vw / 1920 * 160); text-shadow: 4px 4px 4px rgba(0,0,0,.45); }
@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 * 997); } /* 解决 slick.js 刷新没有高度问题 */
.index-slick .img.i-box { padding-bottom: 52.08333333333333%; }
.index-slick .item { position: relative; height: 100%; }

@media (max-width: 767px) {
	video { width: 100%; height: 100%; object-fit: cover; }
	.index-slick { height: calc(100vw / 1440 * 930); }
	.index-slick .img.i-box { padding-bottom: 64.86%; }
	.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;
	}
}






:root {
	--c: #0068b7;
	--cr: rgb(0,104,183,.8);
	--t: .6s;
}
/* 导航 header */
.public-header { color: #fff; padding: 0 calc(100vw / 1920 * 124) 0 calc(100vw / 1920 * 160); height: 100px; font-size: calc(100vw / 1920 * 24); }
.public-header::before { background: rgba(0,0,0,0); }
.header-fixed { color: #333; }
.header-fixed::before  { background: #fff; }
/* logo */
.header-logo { width: calc(100vw / 1920 * 217); }
.header-logo .i-box { padding-bottom: 21.65898617511521%; }
/* 链接 */
.header-nav .li > a { padding: 0 calc(100vw / 1920 * 40); }
/* 双语切换 */
.header-language { font-size: calc(100vw / 1920 * 20); margin-left: calc(100vw / 1920 * 46); }
.header-language .icon { margin: 0 10px; }
/* 搜索 */
.header-search { font-size: calc(100vw / 1920 * 25); margin-left: calc(100vw / 1920 * 75); }
.header-search-1 .page { right: 0; }

@media (max-width: 1440px) {
	.public-header { font-size: 18px; padding: 0 6.25%; }
	.header-logo { width: 162px; }
	.header-language { font-size: 16px; }
	.header-search { font-size: 20px; }
	.index-banner .text { padding: 0 6.25%; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 30); }
}
@media (max-width: 1199px) {
	.public-header { height: 60px; font-size: 16px; }
	.header-logo { width: 120px; }
	.header-language { font-size: 14px; }
	.header-language .icon { margin: 0 6px; }
	.header-search-1 .page { right: 0; }
}
@media (max-width: 991px) {
	.public-header { font-size: 14px; }
	.header-logo { width: 110px; }
	.header-language { font-size: 12px; margin-left: calc(100vw / 1920 * 30); }
	.header-search { font-size: 18px; margin-left: calc(100vw / 1920 * 50); }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 20); }
}
@media (max-width: 767px) {
	.header-logo { width: 120px; }
	.header-nav .li > a { padding: .5em 10%; }
	.header-language { font-size: 14px; margin-left: 0; }
	.header-search { width: auto; margin-left: 20px; }
	.index-banner .text { font-size: 20px; }
}



/* 百洋诚创 */
.index-about { position: relative; background: #f9f9f9; display: flex; flex-wrap: wrap; justify-content: space-between; padding: calc(100vw / 1920 * 100) calc(100vw / 1920 * 160) calc(100vw / 1920 * 130); }
.index-about::before { content: ''; position: absolute; top: calc(100vw / 1920 * -106); left: 0; width: 100%; height: calc(100vw / 1920 * 106); background: url(../images/index-about-bg.png) center / cover no-repeat; }
.index-about .con { width: 47.111%; padding-top: calc(100vw / 1920 * 20); }
.index-about .con .tit { display: flex; align-items: center; }
.index-about .con .tit .icon { width: calc(100vw / 1920 * 47); margin-top: calc(100vw / 1920 * 5); }
.index-about .con .tit .icon img { width: 100%; }
.index-about .con .tit .h2 { color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 48); margin-left: calc(100vw / 1920 * 8); }
.index-about .con .text { color: #666; font-size: calc(100vw / 1920 * 22); line-height: 1.81; margin-top: calc(100vw / 1920 * 40); }
a.index-more { display: flex; justify-content: center; align-items: center; width: 212px; height: 55px; background: var(--c); color: #fff; border-radius: 27px; font-size: 18px; margin-top: calc(100vw / 1920 * 56); }
.index-about .img { width: 50.252%; min-height: calc(100vw / 1920 * 468); border-radius: calc(100vw / 1920 * 50); }

@media (max-width: 1680px) {
	a.index-more { font-size: 16px; width: 180px; height: 50px; }
}
@media (max-width: 1440px) {
	.index-about .con .text { font-size: 16px; }
	a.index-more { width: 160px; height: 44px; }
	.index-about { padding: calc(100vw / 1920 * 100) 6.25% calc(100vw / 1920 * 130); }
}
@media (max-width: 1199px) {
	a.index-more { font-size: 14px; width: 140px; height: 40px; }
	.index-about .con .text { font-size: 14px; }
}
@media (max-width: 767px) {
	.index-about { padding: 40px 6.25%; }
	.index-about::before { display: none; }
	.index-about .con { width: 100%; padding-top: 20px; }
	.index-about .con .tit .h2 { font-size: 18px; margin-left: 6px; }
	.index-about .con .tit .icon { width: 26px; margin-top: 4px; }
	.index-about .con .text { font-size: 16px; margin-top: 15px; }
	a.index-more { margin-top: 20px; font-size: 16px; width: 180px; }
	.index-about .img { width: 100%; order: -1; border-radius: 5px; min-height: 190px; }
}




/* 产品 */
.index-product .top { display: flex; justify-content: center; padding: calc(100vw / 1920 * 74) 0 calc(100vw / 1920 * 100); }
.index-product .top .box { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.index-product .top .box::after { content: ''; position: absolute; top: 50%; right: calc(100vw / 1920 * -50); width: calc(100vw / 1920 * 103); height: 0px; border-top: 1px dashed #d7d7d7; }
.index-product .top .box .icon { position: relative; cursor: pointer; width: calc(100vw / 1920 * 92); margin: 0 calc(100vw / 1920 * 70); }
.index-product .top .box .icon::before { content: ''; position: absolute; top: 50%; left: calc(100vw / 1920 * -121); width: calc(100vw / 1920 * 103); height: 0px; border-top: 1px dashed #d7d7d7; }
.index-product .top .box .icon .i-box { padding-bottom: 101.0869565217391%; }
.index-product .top .box .icon .h3 { position: absolute; bottom: calc(100vw / 1920 * -45); left: 50%; transform: translateX(-50%); white-space: nowrap; text-align: center; color: #666; font-size: calc(100vw / 1920 * 24); transition: color var(--t); }
.index-product .top .box .icon.active .h3 { color: #2868b1; }
.index-product .con { position: relative; min-height: calc(100vw / 1920 * 674); padding-bottom: calc(100vw / 1920 * 138); }
.index-product .con .list { position: absolute; top: 0; width: calc(100vw / 1920 * 794); min-height: calc(100vw / 1920 * 535); background-color: #fff; margin-left: calc(100vw / 1920 * 160); border-top: 1px solid #d4d4d4; padding: calc(100vw / 1920 * 76) calc(100vw / 1920 * 46) calc(100vw / 1920 * 58); opacity: 0; visibility: hidden; transition: all var(--t); }
.index-product .con .list.active { opacity: 1; visibility: visible; position: relative; }
.index-product .con .list::before { content: ''; position: absolute; top: 0; left: calc(100vw / 1920 * 37); width: calc(100vw / 1920 * 300); height: 3px; background-color: #2868b1; }
.index-product .con .list .h3 { color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.index-product .con .list .text { color: #666; font-size: calc(100vw / 1920 * 20); line-height: 2; margin-top: calc(100vw / 1920 * 32); }
.index-product .con .list .tit { font-weight: bold; font-size: calc(100vw / 1920 * 22); margin-top: calc(100vw / 1920 * 34); background: linear-gradient(to right, #0068b7, #8ec31f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.index-product .con .list .index-more { width: 180px; }

@media (max-width: 1440px) {
	.index-product .top .box .icon .h3 { font-size: 18px; }
	.index-product .con .list { margin-left: 6.25%; }
	.index-product .con .list .text { font-size: 16px; }
	.index-product .con .list .tit { font-size: 18px; }
}
@media (max-width: 1199px) {
	.index-product .con .list .h3 { font-size: 20px; }
	.index-product .con .list .text { font-size: 14px; }
	.index-product .con .list .tit { font-size: 17px; }
	.index-product .top { padding: 44px 0 60px; }
	.index-product .top .box .icon { width: 57px; }
	.index-product .top .box .icon .h3 { font-size: 16px; bottom: -26px; }
	.index-product .con .list .index-more { width: 140px; }
}
@media (max-width: 767px) {
	.index-product .top { padding: 30px 0 50px; }
	.index-product .top .box .icon { width: 40px; margin: 0 26px; }
	.index-product .top .box .icon::before { left: -40px; width: 34px; }
	.index-product .top .box::after { width: 34px; right: -18px; }
	.index-product .con { min-height: auto; padding: 0 0 20px; }
	.index-product .con .list { margin-left: 0; width: 87.5%; padding: 20px; left: 6.25%; }
	.index-product .con .list::before { left: 20px; }
	.index-product .con .list .h3 { font-size: 18px; }
	.index-product .con .list .text { font-size: 16px; margin-top: 10px; }
	.index-product .con .list .tit { margin-top: 14px; }
	.index-product .con .list .index-more { width: 180px; }
}




/* 新闻中心 */
.index-news { padding: calc(100vw / 1920 * 166) calc(100vw / 1920 * 160) calc(100vw / 1920 * 94); }
.index-news .h2 { color: #000; font-weight: bold; text-align: center; font-size: calc(100vw / 1920 * 48); }
.index-news .con { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 40); }
.index-news .con .list { width: 32.036%; padding: 20px 20px 28px; background-color: #f8f8f8; margin-right: 1.94%; }
.index-news .con .list:nth-child(3n) { margin-right: 0; }
.index-news .con .list .img .i-box { padding-bottom: 59.78723404255319%; }
.index-news .con .list .time { display: flex; height: 35px; margin-top: calc(100vw / 1920 * 30); color: #000; font-weight: bold; font-size: 16px; }
.index-news .con .list .time p { position: relative; height: 100%; display: flex; align-items: center; background-color: #dfdfdf; padding: 0 10px; }
.index-news .con .list .time p:nth-child(2) { background-color: var(--c); color: #fff; padding-left: 6px; }
.index-news .con .list .time p:nth-child(2)::after { content: ''; position: absolute; top: 0; left: -3px; width: 6px; height: 100%; background-color: var(--c); transform: rotate(8deg); }
.index-news .con .list .h3 { color: #000; font-weight: bold; line-height: 1.5; font-size: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * 26); transition: color var(--t); }
.index-news .con .list .more { display: block; color: #959494; border-top: 1px solid #ebebeb; font-size: 16px; padding-top: calc(100vw / 1920 * 28); margin-top: calc(100vw / 1920 * 26); transition: all var(--t); }
.index-news .con .list .more::after { content: '\e65f'; font-family: 'ifont'; font-size: 12px; color: #333; margin-left: calc(100vw / 1920 * 15); transition: color var(--t); }
.index-news .index-more { margin: calc(100vw / 1920 * 60) auto 0; }
.index-news .con .list:hover .h3 { color: var(--c); }
.index-news .con .list:hover .more { color: var(--c); border-top: 1px solid var(--c); }
.index-news .con .list:hover .more::after { color: var(--c); }

@media (max-width: 1440px) {
	.index-news { padding: calc(100vw / 1920 * 166) 6.25% calc(100vw / 1920 * 94); }
	.index-news .con .list .h3 { font-size: 18px; }
}
@media (max-width: 1199px) {
	.index-news .con .list .time { font-size: 14px; height: 30px; }
	.index-news .con .list .h3 { font-size: 17px; }
	.index-news .con .list .more { font-size: 14px; }
}
@media (max-width: 767px) {
	.index-news { padding: 40px 6.25%; }
	.index-news .h2 { font-size: 18px; }
	.index-news .con { margin-top: 30px; }
	.index-news .con .list { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.index-news .con .list:last-child { margin-bottom: 0; }
	.index-news .con .list .time { margin-top: 20px; }
	.index-news .con .list .h3 { font-size: 16px; margin-top: 15px; }
	.index-news .con .list .more { padding-top: 20px; margin-top: 20px; }
	.index-news .index-more { margin: 30px auto 0; }
}




/* footer */
.footer { display: flex; flex-wrap: wrap; justify-content: space-between; color: #fff; padding: calc(100vw / 1920 * 100) calc(100vw / 1920 * 160) 0; }
.footer .left { width: calc(100vw / 1920 * 480); padding-bottom: calc(100vw / 1920 * 34); }
.footer .left .logo { width: calc(100vw / 1920 * 288); }
.footer .left .logo .i-box { padding-bottom: 21.52777777777778%; }
.footer .left .text { line-height: 1.4; margin-top: calc(100vw / 1920 * 40); }
.footer .left .text p { margin-bottom: 12px; }
.footer .left .text p:last-child { margin-bottom: 0; }
.footer .right { display: flex; flex-direction: column; justify-content: flex-end; }
.footer .right .top { display: flex; justify-content: space-between; font-size: 20px; }
.footer .right .top a { margin-right: calc(100vw / 1920 * 86); }
.footer .right .top a:last-child { margin-right: 0; }
.footer .right .bottom { display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.2); margin-top: 30px; padding: calc(100vw / 1920 * 36) 0; color: rgba(255,255,255,.6); }
.footer .right .bottom>div { display: flex; flex-wrap: wrap; }
.footer .right .bottom .l a { margin-left: 15px; }
.footer .right .bottom .r a { margin-left: 26px; }
.footer .right .bottom a, .footer .right .bottom p { transition: color var(--t); }
.footer .right .bottom a:hover,
.footer .right .bottom p:hover { color: #fff; }

@media (max-width: 1680px) {
	.footer .right .top { font-size: 18px; }
	.footer .right .bottom { font-size: 14px; }
}
@media (max-width: 1440px) {
	.footer { padding: calc(100vw / 1920 * 100) 6.25% 0; }
	.footer .left .text { font-size: 14px; }
	.footer .right .top { font-size: 16px; }
	.footer .right .bottom { font-size: 12px; }
}
@media (max-width: 1199px) {
	.footer .left { width: 100%; }
	.footer .right { margin-left: auto; }
}
@media (max-width: 991px) {
	.footer .left { padding-bottom: 0; }
	.footer .right { margin-left: 0; width: 100%; }
	.footer .right .top { display: none; }
	.footer .right .bottom { padding: 20px 0; margin-top: 20px; }
}
@media (max-width: 767px) {
	.footer { padding: 30px 6.25% 0; }
	.footer .left .logo { width: 136px; }
	.footer .left .text { margin-top: 10px; }
	.footer .left .text p { margin-bottom: 4px; }
	.footer .right .bottom { justify-content: center; line-height: 1.5; padding: 15px 0; }
	.footer .right .bottom>div { justify-content: center; width: 100%; }
	.footer .right .bottom .r a:first-child { margin-left: 0; }
}




/* 内页banner */
.page-banner { position: relative; }
.page-banner .i-box { padding-bottom: 36.45833333333333%; }
.page-banner .i-box img { animation: banner 4s 0s ease both; }
.page-banner .con { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; font-weight: bold; color: #fff; font-size: calc(100vw / 1920 * 64); padding: 0 calc(100vw / 1920 * 160); }
.about { position: relative; margin-top: calc(100vw / 1920 * -167); padding: calc(100vw / 1920 * 265) 0 0; }
.about .bg { position: absolute; top: 0; left: 0; width: 100%; height: calc(100vw / 1920 * 770); }
.about::before { content: ''; position: absolute; z-index: 1; left: 0; bottom: calc(100vw / 1920 * 472); width: 100%; height: calc(100vw / 1920 * 186); background: url(../images/about-bg2.png) center / cover no-repeat; }
.about .box { position: relative; padding: 0 calc(100vw / 1920 * 160); }
.about .box .list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: calc(100vw / 1920 * 170); }
.about .box .list:last-child { margin-bottom: 0; }
.about .box .list .text { width: calc(100vw / 1920 * 750); padding-top: calc(100vw / 1920 * 40); }
.about .box .list .text .h2 { display: flex; align-items: center; color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.about .box .list .text .h2 img { width: calc(100vw / 1920 * 47); margin-right: calc(100vw / 1920 * 8); margin-top: calc(100vw / 1920 * 4); }
.about .box .list .text .des { color: #666; line-height: 1.9; font-size: calc(100vw / 1920 * 22); margin-top: calc(100vw / 1920 * 40); }
.about .box .list .img { width: calc(100vw / 1920 * 774); min-height: calc(100vw / 1920 * 452); border-radius: calc(100vw / 1920 * 50); }

.about .box .list:nth-child(even) .text { width: calc(100vw / 1920 * 800); }
.about .box .list:nth-child(even) .img { order: -1; width: calc(100vw / 1920 * 707); }

.about-culture { position: relative; padding: calc(100vw / 1920 * 140) calc(100vw / 1920 * 160) calc(100vw / 1920 * 82); }
.about-culture .bg { position: absolute; z-index: -1; right: 0; bottom: 0; width: calc(100vw / 1920 * 1082); height: calc(100vw / 1920 * 738); }
.about-culture::before { content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * -388); left: 0; width: calc(100vw / 1920 * 468); height: calc(100vw / 1920 * 1079); background: url(../images/about-bg4.png) center / cover no-repeat; }
.about-culture::after { content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * -178); right: calc(100vw / 1920 * 121); width: calc(100vw / 1920 * 202); height: calc(100vw / 1920 * 202); background: url(../images/about-bg5.png) center / cover no-repeat; }
.about-culture .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.about-culture .text { color: #666; line-height: 1.8; font-size: calc(100vw / 1920 * 22); margin-top: calc(100vw / 1920 * 35); width: calc(100vw / 1920 * 800); }
.about-culture .text strong { color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 28); }

@media (max-width: 1440px) {
	.page-banner .con { padding: 0 6.25%; }
	.about .box { padding: 0 6.25%; }
	.about .box .list .text { width: 48%; }
	.about .box .list .text .des { font-size: 16px; }
	.about .box .list:nth-child(even) .text { width: 52%; }
	.about-culture { padding: calc(100vw / 1920 * 140) 6.25% calc(100vw / 1920 * 82); }
	.about-culture .text { font-size: 16px; }
	.about-culture .text strong { font-size: 20px; }
}
@media (max-width: 1199px) {
	.about .box .list .text { padding: 20px 0; }
	.about-culture .text { width: 60%; }
	.about .box .list .text .h2 { font-size: 28px; }
	.about-culture .h2 { font-size: 28px; }
}
@media (max-width: 991px) {
	.about .box .list .text .h2 { font-size: 24px; }
	.about-culture .h2 { font-size: 24px; }
}
@media (max-width: 767px) {
	.page-banner .con { font-size: 18px; }
	.page-banner .i-box { padding-bottom: 65%; }
	.about { margin-top: 0; padding: 0; }
	.about::before { display: none; }
	.about .bg { display: none; }
	.about .box { padding: 40px 6.25% 20px; }
	.about .box .list { margin-bottom: 20px; }
	.about .box .list .text { padding: 0; width: 100%; margin-top: 20px; }
	.about .box .list .text .h2 { font-size: 18px; }
	.about .box .list .text .h2 img { width: 24px; margin-right: 4px; margin-top: 2px; }
	.about .box .list .text .des { margin-top: 10px; }
	.about .box .list .img { width: 100%; order: -1; border-radius: 5px; min-height: 190px; }
	.about .box .list:nth-child(even) .text { width: 100%; }
	.about .box .list:nth-child(even) .img { width: 100%; }
	.about-culture { padding: 20px 6.25% 40px; }
	.about-culture::before { display: none; }
	.about-culture::after { display: none; }
	.about-culture .h2 { font-size: 18px; }
	.about-culture .text { margin-top: 20px; font-size: 16px; width: 100%; }
	.about-culture .text strong { font-size: 16px; }
	.about-culture .bg { display: none; }
}




/* 产业基金 */
.results { position: relative; margin-top: calc(100vw / 1920 * -148); padding: calc(100vw / 1920 * 148) 0 0; }
.results .bg { position: absolute; top: 0; left: 0; width: 100%; height: calc(100vw / 1920 * 148); }
.results .fund { display: flex; justify-content: space-between; color: #000; padding: calc(100vw / 1920 * 140) calc(100vw / 1920 * 160) 0; }
.results .fund .con { width: calc(100vw / 1920 * 880); padding-top: calc(100vw / 1920 * 10); }
.results .fund .con .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.results .fund .con .logo { width: calc(100vw / 1920 * 314); margin-top: calc(100vw / 1920 * 70); }
.results .fund .con .logo img { width: 100%; display: block; }
.results .fund .con .h3 { font-weight: bold; font-size: calc(100vw / 1920 * 30); margin-top: calc(100vw / 1920 * 45); }
.results .fund .con .text { line-height: 2; font-size: calc(100vw / 1920 * 22); margin-top: calc(100vw / 1920 * 40); }
.results .fund .con .list { display: flex; flex-wrap: wrap; color: #2868b1; font-weight: bold; font-size: calc(100vw / 1920 * 26); margin-top: calc(100vw / 1920 * 50); }
.results .fund .con .list .li { position: relative; display: flex; justify-content: center; align-items: center; width: calc(100vw / 1920 * 140); height: calc(100vw / 1920 * 140); margin-right: calc(100vw / 1920 * 70); }
.results .fund .con .list .li:last-child { margin-right: 0; }
.results .fund .con .list .li::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/results-bg1.png) center / cover no-repeat; animation: rotate 10s linear infinite; }
@keyframes rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.results .fund .img { width: calc(100vw / 1920 * 298); margin-right: calc(100vw / 1920 * 54); }
.results .fund .img img { display: block; width: 100%; box-shadow: calc(100vw / 1920 * 30) calc(100vw / 1920 * 30) calc(100vw / 1920 * 30) rgba(0,0,0,.1); }

@media (max-width: 1440px) {
	.results .fund { padding: calc(100vw / 1920 * 140) 6.25% 60px; }
	.results .fund .con .text { font-size: 18px; }
	.results .fund .con .list { font-size: 20px; }
	.results .fund .con .list .li { width: 104px; height: 104px; }
}
@media (max-width: 1199px) {
	.results .fund .con { width: 65%; }
	.results .fund .con .h2 { font-size: 28px; }
	.results .fund .con .logo { width: 196px; }
	.results .fund .con .h3 { font-size: 20px; }
	.results .fund .con .text { font-size: 16px; }
}
@media (max-width: 767px) {
	.results { margin-top: 0; padding: 0; }
	.results .bg { display: none; }
	.results .fund { padding: 40px 6.25%; flex-wrap: wrap; }
	.results .fund .con { width: 100%; }
	.results .fund .con .h2 { font-size: 18px; }
	.results .fund .con .logo { width: 160px; margin-top: 20px; }
	.results .fund .con .h3 { font-size: 17px; margin-top: 20px; }
	.results .fund .con .text { margin-top: 20px; }
	.results .fund .con .list { font-size: 17px; margin-top: 20px; }
	.results .fund .con .list .li { width: 84px; height: 84px; margin-right: 20px; }
	.results .fund .img { width: 70%; margin: 40px auto 0; }
}

/* 孵化服务 */
.results .incubation { position: relative; margin-top: calc(100vw / 1920 * -265); padding: calc(100vw / 1920 * 450) calc(100vw / 1920 * 160) 0; }
.results .incubation .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: calc(100vw / 1920 * 1827); }
.results .incubation .h2 { color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.results .incubation .box { display: flex; flex-wrap: wrap; align-items: center; margin-top: calc(100vw / 1920 * 50); }
.results .incubation .box .li { position: relative; display: flex; flex-direction: column; align-items: center; background: linear-gradient(to bottom, #c1e5ff, #fff, #e8f4fc); overflow: hidden; text-align: center; width: calc(100vw / 1920 * 161); border-radius: calc(100vw / 1920 * 80); padding: calc(100vw / 1920 * 52) calc(100vw / 1920 * 27) calc(100vw / 1920 * 80); }
.results .incubation .box .li .img { width: calc(100vw / 1920 * 53); }
.results .incubation .box .li .img .i-box { padding-bottom: 100%; }
.results .incubation .box .li .tit { color: #2868b1; line-height: 1.2; min-height: 2.4em; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 30); }
.results .incubation .box .li .num { position: absolute; bottom: calc(100vw / 1920 * -22); color: rgba(218,218,218,.4); font-weight: bold; font-size: calc(100vw / 1920 * 64); }
.results .incubation .box .next { margin: 0 calc(100vw / 1920 * 26); }
.results .incubation .box .next::after { content: '\e616'; font-family: 'ifont'; font-size: calc(100vw / 1920 * 25); color: #2868b1; }

.incubation .box2 { position: relative; display: flex; justify-content: center; align-items: center; width: 860px; height: 650px; background: url(../images/incubation-bg.png) center / cover no-repeat; margin: calc(100vw / 1920 * 120) auto; }
.incubation .box2 .text { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; color: #fff; width: 530px; height: 380px; padding: 0 66px; }
.incubation .box2 .text .h3 { font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.incubation .box2 .text .des { text-align: center; line-height: 1.8; font-size: calc(100vw / 1920 * 20); margin-top: 18px; }
.incubation .box2 .list { display: flex; flex-wrap: wrap; position: absolute; justify-content: space-between; align-content: space-between; top: 0; left: 0; width: 100%; height: 100%; }
.incubation .box2 .list .li { position: relative; }
.incubation .box2 .list .li:nth-child(odd) { width: 50%; }
.incubation .box2 .list .li p { display: flex; justify-content: center; align-items: center; color: #fff; background: linear-gradient(to right, #0169b6, #1198b8); border-radius: 50%; width: 160px; height: 120px; font-size: calc(100vw / 1920 * 24); }
.incubation .box2 .list .li:nth-child(1) { top: -25px; left: 160px; }
.incubation .box2 .list .li:nth-child(2) { top: -25px; right: 160px; }
.incubation .box2 .list .li:nth-child(3) { top: -41px; left: -16px; }
.incubation .box2 .list .li:nth-child(4) { top: -41px; right: -16px; }
.incubation .box2 .list .li:nth-child(5) { left: -85px; }
.incubation .box2 .list .li:nth-child(6) { right: -85px; }
.incubation .box2 .list .li:nth-child(7) { top: 44px; left: -37px; }
.incubation .box2 .list .li:nth-child(8) { top: 44px; right: -37px; }
.incubation .box2 .list .li:nth-child(9) { top: 26px; left: 160px; }
.incubation .box2 .list .li:nth-child(10) { top: 26px; right: 160px; }

@media (max-width: 1440px) {
	.results .incubation { padding: calc(100vw / 1920 * 400) 6.25% 0; }
	.results .incubation .box { justify-content: space-between; }
	.results .incubation .box .li { width: 120px; padding: 38px 20px 60px; border-radius: 60px; }
	.results .incubation .box .li .tit { font-size: 15px; }
	.results .incubation .box .next { margin: 0; }
	.results .incubation .box .li .img { width: 40px; }
	.results .incubation .box .li .num { font-size: 48px; }
	.incubation .box2 { width: calc(100vw / 1440 * 860); height: calc(100vw / 1440 * 650); }
	.incubation .box2 .text { width: calc(100vw / 1440 * 530); height: calc(100vw / 1440 * 380); padding: 0 calc(100vw / 1440 * 66); }
	.incubation .box2 .text .h3 { font-size: 26px; }
	.incubation .box2 .text .des { font-size: 15px; }
	.incubation .box2 .list .li p { width: calc(100vw / 1440 * 160); height: calc(100vw / 1440 * 120); font-size: 18px; }
	
	.incubation .box2 .list .li:nth-child(1) { top: calc(100vw / 1440 * -25); left: calc(100vw / 1440 * 160); }
	.incubation .box2 .list .li:nth-child(2) { top: calc(100vw / 1440 * -25); right: calc(100vw / 1440 * 160); }
	.incubation .box2 .list .li:nth-child(3) { top: calc(100vw / 1440 * -41); left: calc(100vw / 1440 * -16); }
	.incubation .box2 .list .li:nth-child(4) { top: calc(100vw / 1440 * -41); right: calc(100vw / 1440 * -16); }
	.incubation .box2 .list .li:nth-child(5) { left: calc(100vw / 1440 * -85); }
	.incubation .box2 .list .li:nth-child(6) { right: calc(100vw / 1440 * -85); }
	.incubation .box2 .list .li:nth-child(7) { top: calc(100vw / 1440 * 44); left: calc(100vw / 1440 * -37); }
	.incubation .box2 .list .li:nth-child(8) { top: calc(100vw / 1440 * 44); right: calc(100vw / 1440 * -37); }
	.incubation .box2 .list .li:nth-child(9) { top: calc(100vw / 1440 * 26); left: calc(100vw / 1440 * 160); }
	.incubation .box2 .list .li:nth-child(10) { top: calc(100vw / 1440 * 26); right: calc(100vw / 1440 * 160); }
}
@media (max-width: 1199px) {
	.results .incubation .box .li { width: 95px; padding: 30px 10px 44px; }
	.results .incubation .box .li .img { width: 32px; }
	.results .incubation .box .li .tit { font-size: 14px; }
	.results .incubation .box .li .num { font-size: 38px; }
	.results .incubation .box .next::after { font-size: 16px; }
	.incubation .box2 .text .h3 { font-size: 22px; }
	.incubation .box2 .list .li p { font-size: 16px; }
}
@media (max-width: 991px) {
	.results .incubation .box { justify-content: center; }
	.results .incubation .box .next { margin: 0 10px; }
	.incubation .box2 .text .h3 { font-size: 18px; }
	.incubation .box2 .list .li p { font-size: 14px; }
}
@media (max-width: 767px) {
	.results .incubation { margin-top: 0; padding: 0 6.25%; }
	.results .incubation .h2 { font-size: 18px; }
	.results .incubation .box { margin-top: 20px; }
	.results .incubation .box .next { display: none; }
	.results .incubation .box .li { margin: 4px; width: 74px; padding: 30px 6px 44px; }
	.results .incubation .box .li .num { font-size: 24px; }
	
	.incubation .box2 { width: calc(100vw / 1440 * 1100); height: calc(100vw / 1440 * 830); margin: 40px auto 40px; }
	.incubation .box2 .text { width: calc(100vw / 1440 * 670); height: calc(100vw / 1440 * 670); }
	.incubation .box2 .text .des { font-size: 12px; line-height: 1.5; margin-top: 5px; }
	.incubation .box2 .list .li p { font-size: 12px; text-align: center; width: calc(100vw / 1440 * 220); height: calc(100vw / 1440 * 160); }
}



/* 前沿合作 */
.results .cooperation { padding-bottom: calc(100vw / 1920 * 204); }
.results .cooperation .h2 { color: #000; font-weight: bold; text-align: center; font-size: calc(100vw / 1920 * 36); }
.results .cooperation .con { position: relative; margin-top: calc(100vw / 1920 * 70); padding: 0 calc(100vw / 1920 * 150); }
.results .cooperation .con::after { content: ''; position: absolute; z-index: -1; left: calc(100vw / 1920 * 107); bottom: calc(100vw / 1920 * 88); width: calc(100vw / 1920 * 1732); height: calc(100vw / 1920 * 85); background: url(../images/cooperation-bg.png) center / cover no-repeat; }
.cooperation-slick { padding-bottom: calc(100vw / 1920 * 150); }
.cooperation-slick .slick-list { padding: 10px 0; }
.cooperation-slick .slick-slide { padding: 0 calc(100vw / 1920 * 25); }
.cooperation-slick .slick-slide .i-box { padding-bottom: 68.90756302521008%; }
.cooperation-slick .slick-slide>div { display: flex; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.cooperation-slick .slick-arrow { top: auto; bottom: 0; transform: translateY(0); background: #e5e5e5; }
.cooperation-slick .slick-prev { left: 50%; transform: translateX(-133%); }
.cooperation-slick .slick-next { right: 50%; transform: translateX(133%); }

@media (max-width: 1440px) {
	.cooperation-slick { padding-bottom: 115px; }
	.results .cooperation .con::after { bottom: 74px; }
}
@media (max-width: 1199px) {
	.results .cooperation .con::after { bottom: 82px; }
}
@media (max-width: 991px) {
	.results .cooperation .h2 { font-size: 24px; }
	.results .cooperation .con::after { display: none; }
	.cooperation-slick { padding-bottom: 100px; }
}
@media (max-width: 767px) {
	.results .cooperation { padding: 40px 0; }
	.results .cooperation .h2 { font-size: 18px; }
	.results .cooperation .con { margin-top: 30px; padding: 0 6.25%; }
	.cooperation-slick { padding-bottom: 60px; }
	.cooperation-slick .slick-slide { padding: 0 5px; }
}




/* 创新布局 */
.layout { position: relative; margin-top: calc(100vw / 1920 * -166); padding: calc(100vw / 1920 * 262) 0 0; }
.layout .bg { position: absolute; top: 0; left: 0; width: 100%; height: calc(100vw / 1920 * 1280); }
.layout-1 { position: relative; padding: 0 calc(100vw / 1920 * 160) calc(100vw / 1920 * 180); }
.layout-1 .tit { color: #000; font-weight: bold; }
.layout-1 .tit .h2 { font-size: calc(100vw / 1920 * 36); }
.layout-1 .tit p { font-size: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * 18); }

.layout-1 .list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; color: #000; }
.layout-1 .list .li { position: relative; z-index: 1; background-color: rgba(188,246,252,.3); width: calc(100vw / 1920 * 563); margin-bottom: calc(100vw / 1920 * 125); padding: calc(100vw / 1920 * 56) calc(100vw / 1920 * 52) calc(100vw / 1920 * 27) calc(100vw / 1920 * 58); min-height: calc(100vw / 1920 * 236); }
.layout-1 .list .li:nth-child(odd) { top: calc(100vw / 1920 * 135); }
.layout-1 .list .li::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #fff, #a3d9f4); opacity: .3; }
.layout-1 .list .li::after { content: ''; position: absolute; z-index: -1; top: calc(100vw / 1920 * 18); left: calc(100vw / 1920 * 20); right: calc(100vw / 1920 * 16); bottom: calc(100vw / 1920 * 12); background: url(../images/layout-bg1.png) no-repeat; background-size: 100% 100%; }
.layout-1 .list .li .h3 { font-size: calc(100vw / 1920 * 32); }
.layout-1 .list .li p { line-height: 2; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 10); }
.layout-1 .list .li .line { position: absolute; width: calc(100vw / 1920 * 22); height: calc(100vw / 1920 * 22); background: #0169b6; border-radius: 50%; }
.layout-1 .list .li .line::before { content: ''; position: absolute; top: 50%; height: 1px; background: linear-gradient(to right, #6be0f6, #0169b6); }
.layout-1 .list .li:nth-child(even) .line::before { background: linear-gradient(to right, #0169b6, #6be0f6); }
.layout-1 .list .li:nth-child(1) .line { bottom: calc(100vw / 1920 * 54); right: calc(100vw / 1920 * -250); }
.layout-1 .list .li:nth-child(1) .line::before { width: calc(100vw / 1920 * 229); left: calc(100vw / 1920 * -229); }
.layout-1 .list .li:nth-child(2) .line { top: 2px; left: calc(100vw / 1920 * -224); }
.layout-1 .list .li:nth-child(2) .line::before { width: calc(100vw / 1920 * 202); right: calc(100vw / 1920 * -202); }
.layout-1 .list .li:nth-child(3) .line { bottom: calc(100vw / 1920 * 72); right: calc(100vw / 1920 * -150); }
.layout-1 .list .li:nth-child(3) .line::before { width: calc(100vw / 1920 * 128); left: calc(100vw / 1920 * -128); }
.layout-1 .list .li:nth-child(4) .line { top: 6px; left: calc(100vw / 1920 * -226); }
.layout-1 .list .li:nth-child(4) .line::before { width: calc(100vw / 1920 * 204); right: calc(100vw / 1920 * -204); }

@media (max-width: 1440px) {
	.layout { padding: 196px 0 0; }
	.layout .bg { height: 960px; }
	.layout-1 { padding: 0 6.25% calc(100vw / 1920 * 180); }
	/*.layout-1 .tit .h2 { font-size: 36px; }*/
	.layout-1 .tit p { font-size: 18px; margin-top: 14px; }
	.layout-1 .list .li { min-height: 200px; width: calc(100vw / 1920 * 600); margin-bottom: 74px; }
	.layout-1 .list .li p { font-size: 14px; margin-top: 10px; }
	.layout-1 .list .li:nth-child(1) .line { bottom: 64px; }
	.layout-1 .list .li:nth-child(3) .line { bottom: 78px; }
	.layout-1 .list .li:nth-child(odd) { top: 100px; }
}
@media (max-width: 1280px) {
	.layout { margin-top: calc(100vw / 1920 * -180); }
}
@media (max-width: 1199px) {
	.layout { padding: 150px 0 0; }
	.layout .bg { height: 750px; }
	/*.layout-1 .tit .h2 { font-size: 28px; }*/
	.layout-1 .list .li { min-height: 180px; margin-bottom: 30px; }
	.layout-1 .list .li .h3 { font-size: 16px; }
	.layout-1 .list .li p { line-height: 1.5; }
	.layout-1 .list .li:nth-child(1) .line { bottom: 100px; }
	.layout-1 .list .li:nth-child(3) .line { bottom: 108px }
}
@media (max-width: 991px) {
	.layout { padding: 100px 0 0; }
	.layout .bg { height: 600px; }
	/*.layout-1 .tit .h2 { font-size: 22px; }*/
	.layout-1 .tit p { font-size: 17px; margin-top: 8px; }
	.layout-1 .list .li { min-height: 150px; }
	.layout-1 .list .li p { font-size: 12px; margin-top: 5px; }
	.layout-1 .list .li:nth-child(1) .line { bottom: 86px; }
	.layout-1 .list .li:nth-child(2) .line { top: 24px; }
	.layout-1 .list .li:nth-child(3) .line { bottom: 100px; }
	.layout-1 .list .li:nth-child(4) .line { top: 15px; }
}
@media (max-width: 767px) {
	.layout { margin-top: 0; padding: 30px 0 0; }
	.layout .bg { height: 460px; background-size: auto 130%; }
	.layout-1 .list { padding-top: 10px; }
	.layout-1 .tit .h2 { font-size: 18px; }
	.layout-1 .tit p { font-size: 16px; line-height: 1.4; }
	.layout-1 .list .li { min-height: 162px; width: 48%; margin-bottom: 20px; padding: 10px; }
	.layout-1 .list .li .h3 { font-size: 14px; }
	.layout-1 .list .li .line { display: none; }
	.layout-1 .list .li:nth-child(odd) { top: 0; }
	.layout-1 .list .li::after { display: none; }
}



/* 自主研发 投资孵化 */
.layout .box { position: relative; background-color: #d9eaf4; padding: 0 calc(100vw / 1920 * 160) calc(100vw / 1920 * 216); }
.layout .box .con { margin-top: calc(100vw / 1920 * 140); }
.layout .box .con:first-child { margin-top: 0; }
.layout .box .con .h2 { color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.layout .box .con .list { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 30); }
.layout .box .con .list .li { width: 23.242%; padding: calc(100vw / 1920 * 20); background-color: rgba(255,255,255,.2); margin-right: 2.34%; }
.layout .box .con .list .li:nth-child(4n) { margin-right: 0; }
.layout .box .con .list .li:nth-child(n+5) { margin-top: calc(100vw / 1920 * 80); }
.layout .box .con .list .li .i-box { padding-bottom: 54.54545454545455%; }
.layout .box .con .list .li p { color: #666; line-height: 1.8; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 30); max-height: 12.6em; overflow: auto; }
.layout .box .con .list .li p::-webkit-scrollbar { width: 4px; }
.layout .box .con .list .li a { display: flex; align-items: center; color: #0068b7; font-size: calc(100vw / 1920 * 20); justify-content: flex-end; margin-top: calc(100vw / 1920 * 25); }
.layout .box .con .list .li a::before { content: ''; width: 19px; height: 19px; background: url(../images/layout-icon.png) center / cover no-repeat; margin-right: 7px; }

@media (max-width: 1440px) {
	.layout .box { padding: 0 6.25% calc(100vw / 1920 * 216); }
	.layout .box .con .list .li { padding: 15px; }
	.layout .box .con .list .li p { font-size: 16px; }
	.layout .box .con .list .li a { font-size: 16px; }
}
@media (max-width: 1199px) {
	.layout .box { padding: 40px 6.25% calc(100vw / 1920 * 216); }
	.layout .box .con .list .li p { font-size: 14px; }
	.layout .box .con .list .li a { font-size: 14px; }
	.layout .box .con .list .li a::before { width: 14px; height: 14px; }
}
@media (max-width: 991px) {
	.layout .box .con .list { justify-content: space-between; }
	.layout .box .con .list .li { margin-right: 0; width: 48%; }
	.layout .box .con .list .li:nth-child(n+3) { margin-top: calc(100vw / 1920 * 80); }
	.layout .box .con .list .li p { font-size: 14px; }
	.layout .box .con .list .li a { font-size: 14px; }
}
@media (max-width: 767px) {
	.layout-1 { padding: 0 6.25%; }
	.layout .box { padding: 40px 6.25%; }
	.layout .box .con { margin-top: 40px; }
	.layout .box .con .h2 { font-size: 18px; }
	.layout .box .con .list { margin-top: 30px; }
	.layout .box .con .list .li { width: 100%; }
	.layout .box .con .list .li:nth-child(n+2) { margin-top: 30px; }
	.layout .box .con .list .li p { margin-top: 10px; }
}




/* 新闻动态 */
.news { position: relative; margin-top: calc(100vw / 1920 * -148); padding: calc(100vw / 1920 * 148) 0 calc(100vw / 1920 * 120); }
.news .bg { position: absolute; top: 0; left: 0; width: 100%; height: calc(100vw / 1920 * 148); }
.news .con { padding: calc(100vw / 1920 * 106) calc(100vw / 1920 * 240) 0; }
.news .con .list { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background: #f3f3f3; margin-bottom: calc(100vw / 1920 * 50); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.news .con .list:last-child { margin-bottom: 0; }
.news .con .list::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #044ab4 33%, #137b72); opacity: 0; transition: opacity var(--t); }
.news .con .list .img { width: 33%; }
.news .con .list .img .i-box { padding-bottom: 59.57446808510638%; }
.news .con .list .text { width: 67%; padding: 0 calc(100vw / 1920 * 56) 0 calc(100vw / 1920 * 70); }
.news .con .list .text .h3 { color: #000; line-height: 1.4; transition: color var(--t); font-size: calc(100vw / 1920 * 24); }
.news .con .list .text .time { color: #8a8a8a; font-style: italic; transition: color var(--t); font-size: 16px; margin-top: calc(100vw / 1920 * 12); }
.news .con .list .text .des { color: #727272; line-height: 1.8; transition: color var(--t); font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 24); }
.news .con .list .text .more { display: flex; align-items: center; justify-content: flex-end; transition: color var(--t); color: #959494; margin-top: calc(100vw / 1920 * 20); }
.news .con .list .text .more::after { content: '\e65f'; font-family: 'ifont'; font-size: 12px; color: #333; transition: color var(--t); margin-left: 14px; margin-top: 2px; }
.news .con .list:hover::after { opacity: 1; }
.news .con .list:hover .text .h3 { color: #fff; }
.news .con .list:hover .text .time { color: #fff; }
.news .con .list:hover .text .des { color: rgba(255,255,255,.6); }
.news .con .list:hover .text .more { color: #fff; }
.news .con .list:hover .text .more::after { color: #fff; }
.news .page-link { margin-top: calc(100vw / 1920 * 80); }
/* 分页 */
.page-link { display: flex; justify-content: center; width: 100%; }
.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: 1440px) {
	.news .con { padding: calc(100vw / 1920 * 106) 6.25% 0; }
	.news .con .list .text .time { font-size: 14px; }
	.news .con .list .text .des { font-size: 16px; }
	.news .con .list .text .more { font-size: 14px; }
	.news .con .list .text .h3 { font-size: 18px; }
}
@media (max-width: 1199px) {
    .news .con .list .text { padding: 16px calc(100vw / 1920 * 56) 16px calc(100vw / 1920 * 70); }
	.news .con .list .text .h3 { font-size: 18px; }
	.news .con .list .text .time { font-size: 12px; }
	.news .con .list .text .des { font-size: 14px; }
	.news .con .list .text .more { font-size: 12px; }
	.news .con .list .text .more::after { margin-left: 8px; }
}
@media (max-width: 991px) {
	.news .con .list .text .h3 { font-size: 16px; }
	.news .con .list .text .des { line-height: 1.5; margin-top: 5px; }
}
@media (max-width: 767px) {
	.news { margin-top: 0; padding: 0 0 40px; }
	.news .bg { display: none; }
	.news .con { padding: 40px 6.25% 0; }
	.news .con .list { margin-bottom: 20px; border-radius: 0; }
	.news .con .list .img { width: 100%; }
	.news .con .list .text { width: 100%; padding: 20px; }
	.news .con .list .text .time { margin-top: 10px; }
	.news .con .list .text .des { margin-top: 10px; }
	.news .con .list .text .more { margin-top: 10px; }
	.news .page-link { margin-top: 30px; }
	.page-link ul li { width: 35px; height: 35px; }
	.page-link ul li a, .page-link ul li span { padding-top: 0; }
}




/* 新闻详情 */
.news-info { padding-bottom: calc(100vw / 1920 * 266); }
.news-info .content { padding: calc(100vw / 1920 * 165) calc(100vw / 1920 * 240) 0; }
.news-info .content .top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #e9e9e9; padding: 0 calc(100vw / 1920 * 72) calc(100vw / 1920 * 36) calc(100vw / 1920 * 58); }
.news-info .content .top .l { width: calc(100% - 200px); }
.news-info .content .top .l .h1 { color: #000; line-height: 1.125; font-size: calc(100vw / 1920 * 32); }
.news-info .content .top .l .time { color: #8a8a8a; font-style: italic; display: block; margin-top: calc(100vw / 1920 * 18); }
.news-info .content .top .more { display: flex; justify-content: center; align-items: center; color: #fff; font-size: calc(100vw / 1920 * 20); position: relative; z-index: 1; overflow: hidden; width: 160px; height: 50px; border-radius: 5px; }
.news-info .content .top .more::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #0169b6, #198232); }
.news-info .content .text { color: #666; line-height: 1.8; font-size: calc(100vw / 1920 * 20); padding: calc(100vw / 1920 * 38) calc(100vw / 1920 * 72) calc(100vw / 1920 * 90) calc(100vw / 1920 * 58); }
.news-info .content .link { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 calc(100vw / 1920 * 72) 0 calc(100vw / 1920 * 58); }
.news-info .content .link a { display: flex; align-items: center; width: 48%; height: 52px; border: 1px solid #dcdcdc; color: #666; padding: 0 20px; font-size: calc(100vw / 1920 * 20); transition: all var(--t); }
.news-info .content .link a:hover { background-color: var(--c); color: #fff; }

@media (max-width: 1440px) {
	.news-info .content { padding: calc(100vw / 1920 * 165) 6.25% 0; }
	.news-info .content .top .l .h1 { font-size: 24px; }
	.news-info .content .top .l .time { font-size: 14px; }
	.news-info .content .top .more { font-size: 16px; height: 44px; }
	.news-info .content .text { font-size: 16px; }
	.news-info .content .link a { font-size: 16px; padding: 0 15px; }
}
@media (max-width: 1199px) {
	.news-info .content .top .l .h1 { font-size: 22px; }
}
@media (max-width: 767px) {
	.news-info { padding-bottom: 40px; }
	.news-info .content { padding: 40px 6.25% 0; }
	.news-info .content .top { padding: 0 0 10px; }
	.news-info .content .top .l { width: 100%; }
	.news-info .content .top .l .h1 { font-size: 18px; line-height: 1.4; }
	.news-info .content .top .l .time { margin-top: 10px; }
	.news-info .content .top .more { margin-left: auto; margin-top: 10px; width: 120px; height: 38px; }
	.news-info .content .text { padding: 20px 0; }
	.news-info .content .link { padding: 0; }
	.news-info .content .link a { width: 100%; margin-bottom: 10px; font-size: 14px; height: 40px; }
	.news-info .content .link a:last-child { margin-bottom: 0; }
}




/* 联系我们 */
.contact { padding-bottom: 0; }
.contact .content { display: flex; flex-wrap: wrap; justify-content: space-between; padding: calc(100vw / 1920 * 112) calc(100vw / 1920 * 160) calc(100vw / 1920 * 150); }
.contact .content .h2 { font-size: calc(100vw / 1920 * 48); }
.contact .content .box { width: 85.535%; }
.contact .content .box .text { line-height: 2; font-size: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * -10); }
.contact .content .box .map { width: 100%; margin-top: calc(100vw / 1920 * 50); }
.contact .content .box .map img { width: 100%; }

@media (max-width: 1440px) {
	.contact .content { padding: calc(100vw / 1920 * 112) 6.25% calc(100vw / 1920 * 150); }
	.contact .content .box .text { font-size: 18px; margin-top: -4px; }
}
@media (max-width: 991px) {
	.contact .content .box .text { font-size: 16px; }
}
@media (max-width: 767px) {
	.contact .content { padding: 30px 6.25%; }
	.contact .content .h2 { font-size: 18px; width: 100%; }
	.contact .content .box { width: 100%; margin-top: 20px; }
	.contact .content .box .map { margin-top: 20px; }
}

@media (min-width: 1920px) {
	.public-header { height: calc(100vw / 1920 * 100); }
	.header-search-1 .page { width: calc(100vw / 1920 * 765); }
	.header-search-1 .page .form .input { height: calc(100vw / 1920 * 40); }
	.header-search-1 .page .form .button { bottom: calc(100vw / 1920 * 10); font-size: calc(100vw / 1920 * 20); }
	.header-search-1 .page .close { font-size: calc(100vw / 1920 * 18); }
	.index-banner .slick .slick-arrow { width: calc(100vw / 1920 * 70); height: calc(100vw / 1920 * 70); }
	.index-banner .slick .slick-arrow:after { font-size: calc(100vw / 1920 * 46); }
	.slick .slick-prev:after { margin-right: calc(100vw / 1920 * 3); }
	.slick .slick-next:after { margin-left: calc(100vw / 1920 * 3); }
	.back-top { bottom: calc(100vw / 1920 * 60); }
	.back-top.active { right: calc(100vw / 1920 * 60); }
	.back-top .icon { padding-top: calc(100vw / 1920 * 2); width: calc(100vw / 1920 * 50); height: calc(100vw / 1920 * 50); font-size: calc(100vw / 1920 * 16); }
	a.index-more { width: calc(100vw / 1920 * 212); height: calc(100vw / 1920 * 55); border-radius: calc(100vw / 1920 * 27); font-size: calc(100vw / 1920 * 18); }
	.index-product .con .list .index-more { width: calc(100vw / 1920 * 180); }
	.index-news .con .list { padding: calc(100vw / 1920 * 20) calc(100vw / 1920 * 20) calc(100vw / 1920 * 28); }
	.index-news .con .list .time { height: calc(100vw / 1920 * 35); font-size: calc(100vw / 1920 * 16); }
	.index-news .con .list .time p { padding: 0 calc(100vw / 1920 * 10); }
	.index-news .con .list .time p:nth-child(2) { padding-left: calc(100vw / 1920 * 6); }
	.index-news .con .list .more { font-size: calc(100vw / 1920 * 16); }
	.index-news .con .list .more::after { font-size: calc(100vw / 1920 * 12); }
	.footer { font-size: calc(100vw / 1920 * 16); }
	.footer .left .text p { margin-bottom: calc(100vw / 1920 * 12); }
	.footer .right .top { font-size: calc(100vw / 1920 * 20); }
	.footer .right .bottom { margin-top: calc(100vw / 1920 * 30); }
	.footer .right .bottom .l a { margin-left: calc(100vw / 1920 * 15); }
	.footer .right .bottom .r a { margin-left: calc(100vw / 1920 * 26); }
	.incubation .box2 { width: calc(100vw / 1920 * 860); height: calc(100vw / 1920 * 650); }
	.incubation .box2 .text { width: calc(100vw / 1920 * 530); height: calc(100vw / 1920 * 380); padding: 0 calc(100vw / 1920 * 66); }
	.incubation .box2 .text .des { margin-top: calc(100vw / 1920 * 18); }
	.incubation .box2 .list .li:nth-child(1) { top: calc(100vw / 1920 * -25); left: calc(100vw / 1920 * 160); }
	.incubation .box2 .list .li:nth-child(2) { top: calc(100vw / 1920 * -25); right: calc(100vw / 1920 * 160); }
	.incubation .box2 .list .li:nth-child(3) { top: calc(100vw / 1920 * -41); left: calc(100vw / 1920 * -16); }
	.incubation .box2 .list .li:nth-child(4) { top: calc(100vw / 1920 * -41); right: calc(100vw / 1920 * -16); }
	.incubation .box2 .list .li:nth-child(5) { left: calc(100vw / 1920 * -85); }
	.incubation .box2 .list .li:nth-child(6) { right: calc(100vw / 1920 * -85); }
	.incubation .box2 .list .li:nth-child(7) { top: calc(100vw / 1920 * 44); left: calc(100vw / 1920 * -37); }
	.incubation .box2 .list .li:nth-child(8) { top: calc(100vw / 1920 * 44); right: calc(100vw / 1920 * -37); }
	.incubation .box2 .list .li:nth-child(9) { top: calc(100vw / 1920 * 26); left: calc(100vw / 1920 * 160); }
	.incubation .box2 .list .li:nth-child(10) { top: calc(100vw / 1920 * 26); right: calc(100vw / 1920 * 160); }
	.incubation .box2 .list .li p { width: calc(100vw / 1920 * 160); height: calc(100vw / 1920 * 120); }
	.slick .slick-arrow { width: calc(100vw / 1920 * 60); height: calc(100vw / 1920 * 60); }
	.slick .slick-arrow:after { font-size: calc(100vw / 1920 * 20); }
	.layout-1 .list .li .line::before { height: calc(100vw / 1920 * 1); }
	.layout .box .con .list .li a::before { width: calc(100vw / 1920 * 19); height: calc(100vw / 1920 * 19); margin-right: calc(100vw / 1920 * 7); }
	.news .con .list .text .time { font-size: calc(100vw / 1920 * 16); }
	.news .con .list .text .more { font-size: calc(100vw / 1920 * 16); }
	.news .con .list .text .more::after { font-size: calc(100vw / 1920 * 12); margin-left: calc(100vw / 1920 * 14); margin-top: calc(100vw / 1920 * 2); }
	.news .page-link { font-size: calc(100vw / 1920 * 16); }
	.page-link ul li { width: calc(100vw / 1920 * 50); height: calc(100vw / 1920 * 50); margin: 0 calc(100vw / 1920 * 5); }
	.news-info .content .top .l { width: calc(100% - calc(100vw / 1920 * 200)); }
	.news-info .content .top .l .time { font-size: calc(100vw / 1920 * 16); }
	.news-info .content .top .more { width: calc(100vw / 1920 * 160); height: calc(100vw / 1920 * 50); border-radius: calc(100vw / 1920 * 5); }
	.news-info .content .link a { height: calc(100vw / 1920 * 52); padding: 0 calc(100vw / 1920 * 20); }
}