:root {
	/* 导航变量 */
	--c: #005e65; /* 主色调 */
	--cr: rgb(0,94,101,.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); }
.header-nav .li:last-child > a::after { font-family: 'ifont'; content: '\e622'; font-size: 8px; margin-left: 6px; }
/* nav-下划线效果-default */
.nav-line .li > a::before {
	content: ''; position: absolute; left: 50%; bottom: 0; width: 0%; height: 3px; 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: var(--c); 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; margin-left: calc(100vw / 1920 * 44); }
.header-language a { width: 32px; height: 32px; margin-left: calc(100vw / 1920 * 22); }
.header-language a:first-child { margin-left: 0; }
/* ====================================================================================================================================== */
/* 搜索效果一 */
.header-search { display: flex; justify-content: center; align-items: center; font-size: 22px; margin-left: 40px; }
.header-search .icon { display: flex; justify-content: center; align-items: center; width: 100%; cursor: pointer; color: #005e65; }
.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 .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: 0; 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: var(--c); }
.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; }



/*
 * 首页 banner
*/
/* 图片动效，从大缓慢缩小 */
@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-banner { margin-top: 91px; }
.index-slick { height: calc(100vw / 1920 * 720); } /* 解决 slick.js 刷新没有高度问题 */
.index-slick .item { position: relative; height: 100%; }
.index-slick .item .img.i-box { padding-bottom: 37.5%; }
.index-slick .item .con { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 calc(100vw / 1920 * 150); }
.index-slick .item .con .box { width: 50%; }
.index-slick .item .con .box .h2 { color: var(--c); font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.index-slick .item .con .box .en { text-transform: uppercase; color: rgba(51,51,51,.1); font-family: Impact; font-size: calc(100vw / 1920 * 72); margin-top: -1em; }
.index-slick .item .con .box .h3 { color: #000; line-height: 1.2; font-size: calc(100vw / 1920 * 26); margin-top: calc(100vw / 1920 * 30); }
.index-slick .item .con .box .des { -webkit-line-clamp: 6; line-height: 2; font-size: 18px; margin-top: calc(100vw / 1920 * 36); }
.index-slick .item .con .box .link { display: flex; flex-wrap: wrap; color: #fff; margin-top: calc(100vw / 1920 * 50); }
.index-slick .item .con .box .link a { overflow: hidden; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 142px; height: 48px; border-radius: 5px; background: var(--c); margin-right: calc(100vw / 1920 * 28); }
.index-slick .item .con .box .link a:last-child { margin-right: 0; }
.index-slick .item .con .box .link a::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #53a2b8, #005e65); transition: opacity var(--t); opacity: 1; }
.index-slick .item .con .box .link a:hover::after { opacity: 0; }

@media (max-width: 1440px) {
	.index-slick .item .con .box .h3 { font-size: 19px; }
	.index-slick .item .con .box .des { font-size: 16px; }
	.index-slick .item .con .box .link { font-size: 15px; }
	.index-slick .item .con .box .link a { width: 136px; height: 44px; }
}
@media (max-width: 1199px) {
	.index-banner { margin-top: 60px; }
	.index-slick .item .con .box { width: 60%; }
	.index-slick .item .con .box .h3 { font-size: 17px; }
	.index-slick .item .con .box .des { font-size: 14px; }
	.index-slick .item .con .box .link { font-size: 14px; }
	.index-slick .item .con .box .link a { width: 128px; height: 40px; }
}
@media (max-width: 991px) {
	.index-slick .item .con .box { width: 64%; }
	.index-slick .item .con .box .h3 { font-size: 15px; }
	.index-slick .item .con .box .des { font-size: 12px; line-height: 1.6; }
	.index-slick .item .con .box .link { font-size: 12px; }
	.index-slick .item .con .box .link a { width: 100px; height: 30px; }
}
@media (max-width: 767px) {
	video { width: 100%; height: 100%; object-fit: cover; }
	.index-slick { height: initial; }
	.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 .img.i-box { padding-bottom: 46%; }
	.index-slick .item .con { position: initial; padding: 30px 6.25% 10px; }
	.index-slick .item .con .box { width: 100%; }
	.index-slick .item .con .box .h2 { line-height: 1.2; font-size: 20px; }
	.index-slick .item .con .box .h3 { margin-top: 10px; }
	.index-slick .item .con .box .en { display: none; }
	.index-slick .item .con .box .des { margin-top: 10px; font-size: 15px; -webkit-line-clamp: 12; }
	.index-slick .item .con .box .link { margin-top: 20px; }
}



/* 导航 header */
.public-header { color: #000; height: 91px; font-size: 18px; padding: 0 calc(100vw / 1920 * 42) 0 calc(100vw / 1920 * 120); }
.public-header::before { background: #fff; }
.header-fixed { color: #333; }
.header-fixed::before  { background: #fff; }
/* logo */
.header-logo { width: 238px; }
.header-logo .i-box { padding-bottom: 20.16806722689076%; }
/* 链接 */
.header-nav .li > a { padding: 0 calc(100vw / 1920 * 30); }
/* 搜索 */
.header-search { font-size: 25px; margin-left: calc(100vw / 1920 * 32); }

@media (max-width: 1680px) {
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 20); }
	.header-language { margin-left: calc(100vw / 1920 * 20); }
}
@media (max-width: 1440px) {
	.public-header { font-size: 16px; }
	.header-logo { width: 178px; }
	.header-language a { width: 26px; height: 26px; }
	.header-search { font-size: 20px; }
}
@media (max-width: 1199px) {
	.public-header { height: 60px; font-size: 14px; }
	.header-logo { width: 143px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 15); }
}
@media (max-width: 991px) {
	.public-header { font-size: 12px; }
	.header-logo { width: 114px; }
	.header-search { font-size: 16px; }
	.header-language a { width: 18px; height: 18px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 10); }
}
@media (max-width: 767px) {
	.public-header { font-size: 16px; padding: 0 6.25%; }
	.header-logo { width: 133px; }
	.header-search { margin-left: 20px; }
	.header-nav .li:last-child { display: none; }
	.header-nav .li > a { padding: .5em 10%; }
	.header-language a { width: 20px; height: 20px; margin-left: 10px; }
}
/* ====================================================================================================================================== */
/* 主营业务 */
.index-title { text-align: center; }
.index-title .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.index-title .en { color: rgba(51,51,51,.1); text-transform: uppercase; font-family: Impact; font-size: calc(100vw / 1920 * 72); margin-top: -0.9em; }
.index-business { padding: calc(100vw / 1920 * 110) calc(100vw / 1920 * 150) 0; }
.index-business .des { text-align: center; color: #666; line-height: 1.67; font-size: 18px; margin-top: 20px; padding: 0 calc(100vw / 1920 * 200); }
.index-business .con { display: flex; flex-wrap: wrap; color: #fff; margin-top: calc(100vw / 1920 * 46); }
.index-business .con .list { overflow: hidden; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; width: 32.09%; margin-right: 1.85%; border-radius: calc(100vw / 1920 * 20); min-height: calc(100vw / 1920 * 575); padding: calc(100vw / 1920 * 46) calc(100vw / 1920 * 40); }
.index-business .con .list::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,94,101,.5); transition: opacity var(--t); opacity: 0; }
.index-business .con .list.active::after { opacity: 1; }
.index-business .con .list:last-child { margin-right: 0; }
.index-business .con .list .title .icon { width: calc(100vw / 1920 * 71); height: calc(100vw / 1920 * 71); }
.index-business .con .list .title .h3 { font-size: calc(100vw / 1920 * 28); margin-top: calc(100vw / 1920 * 24); }
.index-business .con .list .box { display: none; margin-top: calc(100vw / 1920 * 50); }
.index-business .con .list .box .ell-t { line-height: 1.875; -webkit-line-clamp: 4; }
.index-business .con .list .box .more { display: flex; justify-content: center; align-items: center; font-size: 14px; color: rgba(255,255,255,.5); border: 1px solid rgba(255,255,255,.5); border-radius: 5px; width: 118px; height: 39px; margin-top: calc(100vw / 1920 * 36); transition: all var(--t); }
.index-business .con .list .box .more:hover { color: rgba(255,255,255,1); border: 1px solid rgba(255,255,255,1); }

@media (max-width: 1440px) {
	.index-business .des { font-size: 16px; padding: 0 calc(100vw / 1920 * 100); }
	.index-business .con .list .box .ell-t { font-size: 14px; }
	.index-business .con .list .box .more { width: 110px; height: 34px; }
}
@media (max-width: 1199px) {
	.index-business .des { font-size: 14px; padding: 0; }
	.index-business .con .list .box { margin-top: calc(100vw / 1920 * 30); }
	.index-business .con .list .box .ell-t { font-size: 12px; }
	.index-business .con .list .box .more { font-size: 12px; height: 32px; }
}
@media (max-width: 991px) {
	.index-business .con .list .title .h3 { font-size: 16px; }
}
@media (max-width: 767px) {
	.index-business { padding: 30px 6.25%; }
	.index-title .h2 { font-size: 18px; }
	.index-title .en { font-size: 24px; margin-top: -0.88em; }
	.index-business .des { line-height: 1.5; font-size: 15px; margin-top: 10px; }
	.index-business .con { margin-top: 20px; }
	.index-business .con .list { width: 100%; margin-right: 0; padding: 30px 20px; margin-bottom: 20px; }
	.index-business .con .list::after { opacity: 1; }
	.index-business .con .list:last-child { margin-bottom: 0; }
	.index-business .con .list .title .icon { width: 34px; height: 34px; }
	.index-business .con .list .title .h3 { font-size: 18px; margin-top: 10px; }
	.index-business .con .list .box { display: block; margin-top: 20px; }
	.index-business .con .list .box .ell-t { font-size: 15px; }
	.index-business .con .list .box .more { width: 120px; font-size: 15px; height: 35px; color: rgba(255,255,255,1); border: 1px solid rgba(255,255,255,1); margin-top: 20px; }
}


/* 新闻中心 */
.index-news { padding: calc(100vw / 1920 * 130) calc(100vw / 1920 * 70) 0; }
.index-news .index-title { border-bottom: 2px solid #eee; padding-bottom: calc(100vw / 1920 * 40); }
.index-news .con { display: flex; flex-wrap: wrap; padding: 0 calc(100vw / 1920 * 70); }
.index-news .con .list { position: relative; width: 33.33%; border-right: 1px solid #f7f8fa; padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 40) calc(100vw / 1920 * 140); }
.index-news .con .list::after { content: ''; position: absolute; top: 0; right: calc(100vw / 1920 * -40); width: calc(100vw / 1920 * 40); height: 100%; background: linear-gradient(to right, rgba(0,0,0,.1), transparent); opacity: 0; transition: opacity 1s; }
.index-news .con .list:hover::after { opacity: 1; }
.index-news .con .list .box { position: relative; }
.index-news .con .list .box::after { content: ''; position: absolute; right: 0; bottom: 25px; width: 0; height: 2px; background: var(--c); transition: width var(--t); }
.index-news .con .list .time { font-size: 14px; }
.index-news .con .list .h3 { transition: color var(--t); line-height: 1.5; font-size: calc(100vw / 1920 * 24); min-height: 3em; margin-top: calc(100vw / 1920 * 15); }
.index-news .con .list .img { margin-top: calc(100vw / 1920 * 18); }
.index-news .con .list .img.i-box { padding-bottom: 54.94505494505495%; }
.index-news .con .list .des { color: #666; line-height: 1.875; font-size: 16px; margin-top: 1em; }
.index-news .con .list .more { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 2px solid #dcdcdc; color: #cbcbcb; transition: all var(--t); font-size: 27px; width: 53px; height: 53px; margin-top: calc(100vw / 1920 * 70); }
.index-news .con .list .more::after { font-family: 'ifont'; content: '\eb94'; }
.index-news .con .list:hover .h3 { color: var(--c); }
.index-news .con .list:hover .more { background: var(--c); border: 2px solid var(--c); color: #fff; margin-left: 64%; box-shadow: 0 0 0 13px #fff; }
.index-news .con .list:hover .box::after { width: 100%; }

@media (max-width: 1440px) {
	.index-news .con .list .h3 { font-size: 18px; }
	.index-news .con .list .des { font-size: 15px; }
	.index-news .con .list .more { font-size: 20px; width: 43px; height: 43px; }
	.index-news .con .list .box::after { bottom: 20px; }
}
@media (max-width: 1199px) {
	.index-news .con .list .time { font-size: 12px; }
	.index-news .con .list .h3 { font-size: 16px; }
	.index-news .con .list .des { font-size: 14px; }
}
@media (max-width: 991px) {
	.index-news .con .list .more { font-size: 16px;width: 36px;height: 36px; }
	.index-news .con .list .box::after { bottom: 17px; }
}
@media (max-width: 767px) {
	.index-news { padding: 0 6.25% 30px; }
	.index-news .index-title { padding-bottom: 10px; }
	.index-news .con { padding: 0; }
	.index-news .con .list { width: 100%; padding: 20px 0; border-bottom: 1px solid #f7f8fa; border-right: none; }
	.index-news .con .list:last-child { border-bottom: none; }
	.index-news .con .list .time { font-size: 14px; }
	.index-news .con .list .h3 { min-height: initial; margin-top: 5px; }
	.index-news .con .list .img { margin-top: 10px; }
	.index-news .con .list .des { font-size: 15px; line-height: 1.5; margin-top: 10px; }
	.index-news .con .list .more { margin-top: 20px; }
	.index-news .con .list::after { display: none; }
}


/* footer */
.footer { position: relative; background: var(--c); color: rgba(255,255,255,.5); padding: calc(100vw / 1920 * 90) calc(100vw / 1920 * 150) 0; }
.footer::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(to right, #59b8c9, #0a6870); }
.footer .top { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer .top .left { width: 400px; }
.footer .top .left .logo { width: 297px; }
.footer .top .left .logo .i-box { padding-bottom: 24.24242424242424%; }
.footer .top .left .tel { font-size: calc(100vw / 1920 * 32); margin-top: calc(100vw / 1920 * 40); }
.footer .top .left .text { line-height: 1.875; margin-top: calc(100vw / 1920 * 18); }
.footer .top .right { color: rgba(255,255,255,.6); display: flex; flex-wrap: wrap; padding-top: 8px; }
.footer .top .right .ul { width: calc(100vw / 1920 * 190); }
.footer .top .right .ul:last-child { width: auto; }
.footer .top .right .ul > a { color: #fff; }
.footer .top .right .ul .li { display: flex; flex-direction: column; margin-top: calc(100vw / 1920 * 34); }
.footer .top .right .ul .li > a { margin-bottom: calc(100vw / 1920 * 21); }
.footer .top .right .ul .li > a:last-child { margin-bottom: 0; }
.footer .bot { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; border-top: 1px solid rgba(255,255,255,.04); line-height: 1.2; margin-top: calc(100vw / 1920 * 40); padding: calc(100vw / 1920 * 28) 0; }
.footer .bot p { display: flex; flex-wrap: wrap; }
.footer .bot a { margin-left: 20px; }
.footer p, .footer a { transition: color var(--t); }
.footer p:hover, .footer a:hover { color: #fff; }

@media (max-width: 1440px) {
	.footer .top .left .logo { width: 236px; }
	.footer .top .right .ul { width: calc(100vw / 1920 * 164); }
}
@media (max-width: 1199px) {
	.footer { font-size: 14px; }
	.footer .top .left { width: 300px; }
	.footer .top .left .logo { width: 180px; }
	.footer .top .left .tel { font-size: 18px; }
}
@media (max-width: 991px) {
	.footer .top .left { width: 100%; }
	.footer .top .right { display: none; }
}
@media (max-width: 767px) {
	.footer { padding: 30px 6.25% 0; }
	.footer .top .left .logo { width: 148px; }
	.footer .top .left .tel { font-size: 20px; margin-top: 10px; }
	.footer .top .left .text { line-height: 1.5; margin-top: 10px; }
	.footer .bot { justify-content: center; line-height: 1.5; margin-top: 20px; padding: 10px 0; }
	.footer .bot a { margin-left: 10px; }
}


/* 内页banner */
.page-banner { position: relative; margin-top: 91px; }
.page-banner .img.i-box { padding-bottom: 23.54166666666667%; }
.page-banner .img img { animation: banner 4s 0s ease both; }
.page-banner .con { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-banner .con .p { color: #fff; font-weight: bold; font-size: calc(100vw / 1920 * 48); }
/* 内页导航 */
.page-nav { position: relative; display: flex; justify-content: space-between; background: #f4fbff; color: #000; height: 100px; padding: 0 6.25%; font-size: 20px; }
/* 移动端 */
.page-nav .mobile { display: none; justify-content: space-between; width: 100%; }
.page-nav .mobile .h2 { display: flex; align-items: center; background: var(--c); color: #fff; font-size: 14px; padding: 0 20px; }
.page-nav .mobile .button { display: flex; align-items: center; overflow: hidden; }
.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: 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; justify-content: center; overflow: auto; width: 100%; }
.page-nav .nav a { display: flex; align-items: center; white-space: nowrap; color: #333; padding: 0 45px; transition: all .8s; }
.page-nav .nav a.active { background: var(--c); color: #fff; }

@media (max-width: 1440px) {
	.page-nav { font-size: 18px; }
}
@media (max-width: 1199px) {
	.page-banner { margin-top: 60px; }
	.page-nav { height: 60px; font-size: 16px; }
}
@media(max-width: 991px) {
	.page-nav { font-size: 14px; }
}
@media (max-width: 767px) {
	.page-banner .img.i-box { padding-bottom: 50%; }
	.page-banner .con .p { font-size: 18px; }
	.page-nav { font-size: 16px; height: 50px; }
	.page-nav .mobile { display: flex; }
	.page-nav .mobile .h2 { font-size: 16px; }
	.page-nav .nav { display: none; 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%; }
}

/* 集团介绍 */
.about-jt { padding: 0 0 calc(100vw / 1920 * 120) calc(100vw / 1920 * 150); }
.about-jt .con { background: #fff; padding: calc(100vw / 1920 * 116) calc(100vw / 1920 * 140) calc(100vw / 1920 * 106) calc(100vw / 1920 * 68); }
.about-jt .con .h2 { color: #000; font-size: calc(100vw / 1920 * 36); }
.about-jt .con .h2 span { color: var(--c); }
.about-jt .con .text { line-height: 1.67; font-size: 18px; margin-top: calc(100vw / 1920 * 40); }

/* 青岛物流 */
.about-qd { padding: calc(100vw / 1920 * 130) calc(100vw / 1920 * 150); }
.about-qd .img { width: 40%; float:right; margin: 0 0 20px 28px; }
.about-qd .img .i-box { padding-bottom: 82.86604361370717%; }
.about-qd .con .h2 { color: #000; font-size: calc(100vw / 1920 * 36); }
.about-qd .con .h2 span { color: var(--c); }
.about-qd .con .text { line-height: 1.67; font-size: 18px; margin-top: calc(100vw / 1920 * 36); }

/* 日照物流 */
.about-rz { color: #fff; padding: calc(100vw / 1920 * 120) calc(100vw / 1920 * 150) calc(100vw / 1920 * 174); }
.about-rz .con { width: 50%; }
.about-rz .con .h2 { font-size: calc(100vw / 1920 * 36); }
.about-rz .con .text { line-height: 1.67; font-size: 18px; margin-top: calc(100vw / 1920 * 44); }

@media (max-width: 1440px) {
	.about-jt .con .text { font-size: 16px; }
	.about-qd .con .text { font-size: 16px; }
	.about-rz .con { width: 60%; }
	.about-rz .con .text { font-size: 16px; }
}
@media (max-width: 1199px) {
	.about-jt .con .text { font-size: 14px; }
	.about-qd .con .text { font-size: 14px; }
	.about-rz .con { width: 70%; }
	.about-rz .con .text { font-size: 14px; }
}
@media (max-width: 991px) {
	.about-jt .con .h2 { font-size: 18px; }
	.about-qd .con .h2 { font-size: 18px; }
	.about-rz .con .h2 { font-size: 18px; }
}
@media (max-width: 767px) {
	.about-jt { padding: 30px 6.25%; }
	.about-jt .con { padding: 20px; }
	.about-jt .con .text { line-height: 1.5; font-size: 15px; margin-top: 20px; }
	.about-qd { padding: 30px 6.25%; }
	.about-qd .img { width: 100%; margin: 0; float: initial; }
	.about-qd .con { margin-top: 30px; }
	.about-qd .con .text { font-size: 15px; margin-top: 20px; }
	.about-rz { padding: 30px 6.25%; }
	.about-rz .con { width: 100%; }
	.about-rz .con .text { font-size: 15px; margin-top: 20px; }
}


/* 主营业务 */
.business-service { padding: calc(100vw / 1920 * 118) calc(100vw / 1920 * 150) calc(100vw / 1920 * 110); }
.business-service .img { position: relative; float: right; width: 50%; margin: 0 0 20px 35px; }
.business-service .img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 10px 10px 0px rgba(14,5,10,.1); }
.business-service .img .i-box { top: -25px; left: 20px; padding-bottom: 47.95539033457249%; }
.business-service .con .h2 { font-size: calc(100vw / 1920 * 36); }
.business-service .con .text { line-height: 2; min-height: 18em; font-size: 18px; margin-top: calc(100vw / 1920 * 34); }

.business-content { padding: calc(100vw / 1920 * 140) calc(100vw / 1920 * 150) calc(100vw / 1920 * 170); }
.business-content .box { width: 50%; }
.business-content .box .h2 { font-size: calc(100vw / 1920 * 36); }
.business-content .box .text { line-height: 1.8; font-size: 20px; margin-top: calc(100vw / 1920 * 40); }

@media (max-width: 1440px) {
	.business-service .con .text { font-size: 16px; }
	.business-content .box .text { font-size: 18px; }
	.business-service .img .i-box { top: -20px; }
}
@media (max-width: 1199px) {
	.business-service .con .text { font-size: 14px; }
	.business-content .box .text { font-size: 16px; }
	.business-service .img .i-box { top: -16px; left: 16px; }
}
@media (max-width: 991px) {
	.business-service .con .h2 { font-size: 18px; }
	.business-content .box .h2 { font-size: 18px; }
	.business-content .box .text { font-size: 14px; }
}
@media (max-width: 767px) {
	.business-service { padding: 30px 6.25%; }
	.business-service .img { width: 100%; margin: 0; float: initial; }
	.business-service .img .i-box { top: 0; left: 0; }
	.business-service .con { margin-top: 30px; }
	.business-service .con .text { line-height: 1.5; font-size: 15px; margin-top: 20px; min-height: initial; }
	.business-content { padding: 30px 6.25%; background-position: left center; }
	.business-content .box { width: 100%; }
	.business-content .box .text { line-height: 1.5; font-size: 15px; margin-top: 20px; }
}


/* 新闻展示 */
.news { background: #e9f1f6; padding: 50px calc(100vw / 1920 * 150) 0; }
.news .box { background: #fff; min-height: 300px; }
.news .top { position: relative; z-index: 1; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ededed; padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 74) calc(100vw / 1920 * 70) calc(100vw / 1920 * 54); }
.news .top::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #005e65, #419fae); transition: opacity var(--t); opacity: 0; }
.news .top .img { width: 29.2%; }
.news .top .img .i-box { padding-bottom: 54.94505494505495%; }
.news .top .con { display: flex; flex-direction: column; justify-content: flex-end; width: 70.8%; color: #666; font-size: 16px; padding-left: calc(100vw / 1920 * 60); }
.news .top .con .h3 { transition: color var(--t); color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 28); }
.news .top .con .time { transition: color var(--t); font-style: italic; margin-top: calc(100vw / 1920 * 15); }
.news .top .con .des { transition: color var(--t); line-height: 1.875; margin-top: calc(100vw / 1920 * 18); }
.news .top .con .more { display: flex; justify-content: center; align-items: center; background: var(--c); border-radius: 5px; color: #fff; transition: all var(--t); font-size: 14px; width: 118px; height: 39px; margin-top: calc(100vw / 1920 * 36); }
.news .li { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: flex-end; border-bottom: 1px solid #ededed; padding: calc(100vw / 1920 * 34) calc(100vw / 1920 * 54) calc(100vw / 1920 * 54); }
.news .li::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #005e65, #419fae); transition: opacity var(--t); opacity: 0; }
.news .li .time { background: #f5f5f5; color: #000; text-align: center; width: 117px; }
.news .li .time .t1 { border-bottom: 1px solid #efefef; font-size: calc(100vw / 1920 * 48); padding: calc(100vw / 1920 * 14) 0 calc(100vw / 1920 * 15); }
.news .li .time .t2 { border-top: 1px solid #fcfcfc; padding: calc(100vw / 1920 * 9) 0 calc(100vw / 1920 * 10); }
.news .li .text { width: calc(100% - 235px); padding: 0 calc(100vw / 1920 * 140) 0 calc(100vw / 1920 * 40); }
.news .li .text .h3 { transition: color var(--t); color: #000; font-size: calc(100vw / 1920 * 28); }
.news .li .text .des { transition: color var(--t); color: #666; line-height: 1.875; margin-top: 14px; }
.news .li .more { display: flex; justify-content: center; align-items: center; background: var(--c); border-radius: 5px; color: #fff; transition: all var(--t); font-size: 14px; width: 118px; height: 39px; }

.news .li:hover::after { opacity: 1; }
.news .li:hover .text .h3 { color: #fff; }
.news .li:hover .text .des { color: rgba(255,255,255,.7); }
.news .li:hover .more { color: #25838d; background: #fff; }
.news .top:hover::after { opacity: 1; }
.news .top:hover .con .h3 { color: #fff; }
.news .top:hover .con .time { color: rgba(255,255,255,.7); }
.news .top:hover .con .des { color: rgba(255,255,255,.7); }
.news .top:hover .con .more { color: #25838d; background: #fff; }

/* 分页 */
.page-link { display: flex; justify-content: center; width: 100%; padding: calc(100vw / 1920 * 90) 0 calc(100vw / 1920 * 110); }
.page-link ul { display: flex; font-size: 18px; }
.page-link ul li { border: 1px solid #e5e5e5; color: #b0b0b0; border-radius: 5px; margin: 0 calc(100vw / 1920 * 18); transition: all var(--t); width: calc(100vw / 1920 * 60); height: calc(100vw / 1920 * 60); }
.page-link ul li:hover { border: 1px solid var(--c); background: var(--c); color: #fff; }
.page-link ul li.active { border: 1px solid var(--c); background: 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: 1px; }

@media (max-width: 1440px) {
	.news .top .con { font-size: 15px; }
	.news .top .con .more { height: 35px; }
	.news .li .time { width: 100px; }
	.news .li .time .t2 { font-size: 14px; }
	.news .li .text { width: calc(100% - 218px); }
	.news .li .text .des { font-size: 15px; }
	.news .li .more { height: 35px; }
	.page-link ul { font-size: 16px; }
	.page-link ul li { width: 46px; height: 46px; }
}
@media (max-width: 1199px) {
	.news .top .con { font-size: 14px; }
	.news .top .con .h3 { font-size: 18px; }
	.news .top .con .time { margin-top: 10px; }
	.news .top .con .des { line-height: 1.5; }
	.news .top .con .more { font-size: 12px; height: 30px; }
	.news .li .time { width: 80px; }
	.news .li .time .t1 { padding: 9px 0 10px; }
	.news .li .time .t2 { font-size: 12px; padding: 6px 0 7px; }
	.news .li .text { width: calc(100% - 198px); padding: 0 calc(100vw / 1920 * 80) 0 calc(100vw / 1920 * 40); }
	.news .li .text .h3 { font-size: 18px; }
	.news .li .text .des { font-size: 14px; line-height: 1.5; }
	.news .li .more { font-size: 12px; height: 30px; }
	.page-link ul { font-size: 14px; }
	.page-link ul li { width: 40px; height: 40px; }
}
@media (max-width: 991px) {
	.news .top .con .h3 { font-size: 17px; }
	.news .li .text .h3 { font-size: 17px; }
	.page-link ul li { width: 35px; height: 35px; }
}
@media (max-width: 767px) {
	.news { padding: 30px 6.25% 0; }
	.news .top { padding: 20px; }
	.news .top .img { width: 100%; }
	.news .top .con { width: 100%; padding-left: 0; font-size: 15px; margin-top: 20px; }
	.news .top .con .des { margin-top: 10px; }
	.news .top .con .more { font-size: 14px; margin-top: 10px; height: 34px; }
	.news .li { padding: 20px; }
	.news .li .time { margin: 0 auto; }
	.news .li .time .t1 { font-size: 19px; }
	.news .li .text { width: 100%; padding: 0; margin-top: 20px; }
	.news .li .text .h3 { font-size: 16px; }
	.news .li .more { font-size: 14px; margin-top: 10px; height: 34px; }
	.page-link { padding: 30px 0; }
	.page-link ul li { margin: 0 4px; }
	.page-link ul li a, .page-link ul li span { padding-top: 0; }
}

/* 新闻详情 */
.news-info .title { text-align: center; border-bottom: 1px solid #ededed; padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 100) 20px; }
.news-info .title .h1 { line-height: 1.4; color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 32); }
.news-info .title .bottom { display: flex; flex-wrap: wrap; justify-content: center; color: #666; margin-top: calc(100vw / 1920 * 30); }
.news-info .title .bottom > p { margin-right: calc(100vw / 1920 * 46); }
.news-info .title .bottom .size { display: flex; }
.news-info .title .bottom .size a { position: relative; margin-right: 10px; }
.news-info .title .bottom .size a:last-child { margin-right: 0; }
.news-info .title .bottom .size a span { font-size: 14px; position: absolute; top: -4px; right: -8px; }
.news-info .title .bottom .size a.font-small span { top: -5px; right: -4px; }
.news-info .content { color: #666; line-height: 1.875; padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 160) calc(100vw / 1920 * 130); }
.news-info .link { display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 1.2; font-size: 18px; margin-top: calc(100vw / 1920 * 80); }
.news-info .link a { width: 49%; border: 1px solid #dcdcdc; transition: all var(--t); padding: calc(100vw / 1920 * 22) calc(100vw / 1920 * 25); }
.news-info .link a:hover { background: var(--c); color: #fff; }

@media (max-width: 1440px) {
	.news-info .link { font-size: 16px; }
}
@media (max-width: 1199px) {
	.news-info .title { padding: 30px calc(100vw / 1920 * 100) 20px; }
	.news-info .title .bottom { font-size: 14px; }
	.news-info .content { font-size: 14px; }
	.news-info .link { font-size: 14px; }
	.news-info .link a { padding: 13px 15px; }
}
@media (max-width: 991px) {
	.news-info .title .h1 { font-size: 18px; }
}
@media (max-width: 767px) {
	.news-info .title { padding: 20px 20px 15px; }
	.news-info .title .bottom { font-size: 15px; line-height: 1.5; margin-top: 10px; }
	.news-info .title .bottom > p { margin-right: 10px; }
	.news-info .content { font-size: 15px; padding: 20px 20px 30px; line-height: 1.5; }
	.news-info .link { font-size: 15px; margin-top: 20px; }
	.news-info .link a { width: 100%; margin-bottom: 10px; }
	.news-info .link a:last-child { margin-bottom: 0; }
	.news-info .link a { padding: 10px; }
}


/* 下载中心 */
.download .box { display: flex; flex-wrap: wrap; padding: calc(100vw / 1920 * 54) calc(100vw / 1920 * 34) calc(100vw / 1920 * 100); }
.download .down { transition: background var(--t); position: relative; z-index: 1; display: flex; flex-wrap: wrap; background: #e9f1f6; width: 31.7%; margin-right: 2.45%; padding: calc(100vw / 1920 * 36) calc(100vw / 1920 * 34) calc(100vw / 1920 * 30); margin-bottom: calc(100vw / 1920 * 40); }
.download .down::after { transition: color var(--t); font-family: 'iconfont'; content: '\e6c1'; color: #000; font-size: 24px; position: absolute; z-index: -1; right: calc(100vw / 1920 * 15); bottom: calc(100vw / 1920 * 28); }
.download .down:nth-child(3n) { margin-right: 0; }
.download .down .icon { transition: color var(--t); color: rgba(0,94,101,.4); width: 56px; font-size: 56px; }
.download .down .icon::after { font-family: 'iconfont'; content: '\e6ea'; }
.download .down .text { transition: color var(--t); display: flex; flex-direction: column; justify-content: center; color: #000; width: calc(100% - 56px); padding-left: calc(100vw / 1920 * 34); }
.download .down .text .h3 { font-size: 20px; }
.download .down .text .time { margin-top: calc(100vw / 1920 * 16); }
.download .down:hover { background: var(--c); }
.download .down:hover::after { color: #fff; }
.download .down:hover .icon { color: #fff; }
.download .down:hover .text { color: #fff; }

@media (max-width: 1440px) {
	.download .down .icon { width: 40px; font-size: 40px; }
	.download .down .text { width: calc(100% - 40px); }
	.download .down .text .h3 { font-size: 18px; }
	.download .down .text .time { font-size: 14px; }
	.download .down::after { font-size: 20px; }
}
@media (max-width: 1199px) {
	.download .down .icon { width: 30px; font-size: 30px; }
	.download .down .text { width: calc(100% - 30px); }
	.download .down .text .h3 { font-size: 16px; }
	.download .down .text .time { font-size: 12px; }
	.download .down::after { font-size: 18px; }
}
@media (max-width: 991px) {
	.download .box { justify-content: space-between; }
	.download .down { width: 48.5%; margin-right: 0; }
	.download .down::after { right: 10px; bottom: 10px; }
	.download .down .icon { width: 35px; font-size: 35px; }
	.download .down .text { width: calc(100% - 35px); }
}
@media (max-width: 767px) {
	.download .box { padding: 20px; }
	.download .down { width: 100%; padding: 15px; margin-bottom: 15px; }
	.download .down:last-child { margin-bottom: 0; }
	.download .down .text { padding-left: 15px; }
	.download .down .text .h3 { font-size: 15px; }
	.download .down .text .time { margin-top: 7px; }
	.download .down::after { font-size: 16px; }
}


/* 联系方式 */
.contact { padding: 68px calc(100vw / 1920 * 215) 58px; }
.contact .top { display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact .top .li { background: #f4fbff; width: 49%; padding: calc(100vw / 1920 * 38) calc(100vw / 1920 * 50) calc(100vw / 1920 * 26); min-height: 224px; margin-bottom: calc(100vw / 1920 * 34); }
.contact .top .li .h3 { font-weight: bold; font-size: calc(100vw / 1920 * 32); }
.contact .top .li .text { line-height: 2; font-size: 18px; margin-top: calc(100vw / 1920 * 20); }
.contact .bot { background: #f4fbff; padding: calc(100vw / 1920 * 54) calc(100vw / 1920 * 50) calc(100vw / 1920 * 44); }
.contact .bot .h3 { font-weight: bold; font-size: calc(100vw / 1920 * 32); }
.contact .bot .des { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 25); }
.contact .bot .des > p { margin-right: calc(100vw / 1920 * 40); }
.contact .bot .des > p:last-child { margin-right: 0; }
.contact .bot .box { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(100vw / 1920 * 32); }
.contact .bot .box .li { width: 49%; }
.contact .bot .box .li .title { display: flex; flex-wrap: wrap; background: #fff; min-height: 116px; }
.contact .bot .box .li .title .city { display: flex; justify-content: center; align-items: center; background: #2f8d9a; color: #fff; width: 120px; font-size: calc(100vw / 1920 * 24); }
.contact .bot .box .li .title .text { display: flex; flex-direction: column; justify-content: center; width: calc(100% - 120px); line-height: 1.4; padding: 15px calc(100vw / 1920 * 30); }
.contact .bot .box .li .title .text > p { margin-top: calc(100vw / 1920 * 14); }
.contact .bot .box .li .title .text > p:first-child { margin-top: 0; }
.contact .bot .box .li .img.i-box { padding-bottom: 48.97058823529412%; }

@media (max-width: 1440px) {
	.contact .top .li { min-height: 184px; }
	.contact .top .li .text { font-size: 16px; }
	.contact .bot .des { font-size: 15px; }
	.contact .bot .box .li .title { min-height: 104px; }
	.contact .bot .box .li .title .city { width: 110px; font-size: 20px; }
	.contact .bot .box .li .title .text { width: calc(100% - 110px); font-size: 15px; }
}
@media (max-width: 1199px) {
	.contact { padding: 50px calc(100vw / 1920 * 150); }
	.contact .top .li { min-height: 158px; }
	.contact .top .li .text { font-size: 14px; }
	.contact .bot .des { font-size: 14px; }
	.contact .bot .box .li .title { min-height: 90px; }
	.contact .bot .box .li .title .city { width: 100px; font-size: 18px; }
	.contact .bot .box .li .title .text { width: calc(100% - 100px); font-size: 14px; }
	.contact .bot .box .li .title .text > p { margin-top: 0; }
}
@media (max-width: 991px) {
	.contact .top .li { width: 100%; min-height: initial; padding: 20px; }
	.contact .top .li .h3 { font-size: 18px; }
	.contact .bot { padding: 20px; }
	.contact .bot .h3 { font-size: 18px; }
	.contact .bot .box .li { width: 100%; margin-bottom: 20px; }
	.contact .bot .box .li:last-child { margin-bottom: 0; }
}
@media (max-width: 767px) {
	.contact { padding: 30px 6.25%; }
	.contact .top .li { margin-bottom: 20px; }
	.contact .top .li .text { line-height: 1.5; font-size: 15px; margin-top: 10px; }
	.contact .bot .des { line-height: 1.5; font-size: 15px; margin-top: 10px; }
	.contact .bot .box { margin-top: 20px; }
	.contact .bot .box .li .title { min-height: initial; }
	.contact .bot .box .li .title .city { width: 100%; padding: 10px; font-size: 16px; }
	.contact .bot .box .li .title .text { width: 100%; line-height: 1.5; font-size: 15px; padding: 15px; }
	.contact .bot .box .li .img.i-box { padding-bottom: 70%; }
}

/* 在线留言 */
.message { padding: 68px 6.25% calc(100vw / 1920 * 105); }
.message .box { margin: 0 auto; width: 926px; font-size: 20px; }
.message .tip { line-height: 1.5; }
.message .form { color: #333; margin-top: 30px; }
.message .form form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.message .form form input[type="text"] { background: #ebf3f8; width: 49%; height: 67px; padding: 0 15px; margin-bottom: 24px; }
.message .form form input[type="text"]::placeholder { color: #999; }
.message .form form textarea { background: #ebf3f8; width: 100%; height: 176px; padding: 24px 15px; margin-bottom: 24px; }
.message .form form textarea::placeholder { color: #999; }
.message .form form .submit { width: 186px; height: 67px; background: #005e65; color: #fff; }

@media (max-width: 1440px) {
	.message .box { font-size: 18px; }
	.message .form form input[type="text"] { height: 60px; }
	.message .form form .submit { height: 60px; }
}
@media (max-width: 1199px) {
	.message { padding: 50px 6.25%; }
	.message .box { width: 100%; font-size: 16px; }
	.message .form form input[type="text"] { height: 54px; }
	.message .form form textarea { height: 150px; }
	.message .form form .submit { height: 54px; }
}
@media (max-width: 991px) {
	.message .box { font-size: 14px; }
	.message .form form input[type="text"] { height: 46px; margin-bottom: 20px; }
	.message .form form textarea { height: 120px; padding: 15px; margin-bottom: 20px; }
	.message .form form .submit { height: 46px; }
}
@media (max-width: 767px) {
	.message { padding: 30px 6.25%; }
	.message .box { font-size: 15px; }
	.message .form { margin-top: 20px; }
	.message .form form input[type="text"] { width: 100%; margin-bottom: 10px; }
	.message .form form textarea { margin-bottom: 10px; }
}