@charset "utf-8";
/* normalize.css v8.0.1 - CSS reset 替代方案，提供跨浏览器高度一致性 */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
/* ====================================================================================================================================== */
/* CSS reset 默认样式重置 */
html, body, div, p, span, img, a, h1, h2, h3, h4, h5, h6, video,
form, label, input, textarea, button, select,
table, thead, tbody, tfoot, tr, th, td, caption,
header, footer, section, nav, article, aside, details, menu {
	margin: 0; padding: 0; border: 0; outline: 0;
	box-sizing: border-box; /* 元素宽高包含内边距和边框 */
	vertical-align: baseline; /* 元素与基线垂直对齐 */
	-webkit-tap-highlight-color: transparent; /* IOS去掉点击背景颜色 */
}
body {
	font-family: "KingHwa_OldSong", Arial, "Microsoft YaHei";
	line-height: 1; background: #fff;
	font-size: 16px; color: #000;
	-webkit-font-smoothing: antialiased; /* 字体抗锯齿，显示更清晰，Chrome、Safari */
	-moz-osx-font-smoothing: grayscale; /* Firefox */
}
a, a:link, a:visited, a:hover {
  text-decoration: none; color: inherit;
	backface-visibility: hidden; /* 元素翻转背面隐藏 */
	-webkit-backface-visibility: hidden; /* Safari */
}
table {
	border-collapse: collapse; /* 合并边框 */
	border-spacing: 0; /* 边框间距 */
}
@media (max-width: 767px) {
	table { display: inline-block; overflow: auto; }
	table::-webkit-scrollbar { height: 2px; }
	table tr td { white-space: nowrap; padding: 10px !important; }
}
img { max-width: 100%; }
img[src=''] { display: none; }
textarea { resize: none; font-family: inherit; }
h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; }
header ul, footer ul, .slick ul, .page-link ul, .nav-link ul, .anchor-link ul { margin: 0; padding: 0; list-style: none; }
/* 低版本浏览器HTML5元素重置 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture { display: block; }
/* ====================================================================================================================================== */
/* 公共样式 */
@font-face {
	font-family: 'ifont';
	src: url('../ifont/iconfont.woff2') format('woff2'),
			 url('../ifont/iconfont.woff') format('woff'),
			 url('../ifont/iconfont.ttf') format('truetype');
}
@font-face {
	font-family: 'iconfont';
	src: url('../ifont/item/iconfont.woff2') format('woff2'),
			 url('../ifont/item/iconfont.woff') format('woff'),
			 url('../ifont/item/iconfont.ttf') format('truetype');
}
@font-face {
	font-family: 'SweiSpringSugarCJKtc';
	src: url('http://oss.lingchu.cn/zitibao/SweiSpringSugarCJKtc-Regular.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'KingHwa_OldSong';
	src: url('http://oss.lingchu.cn/zitibao/KingHwa_OldSong.ttf') format('truetype');
	font-display: swap;
}
.ss { font-family: 'SweiSpringSugarCJKtc'; }
.os { font-family: 'KingHwa_OldSong'; }
/* 滚动条样式 */
::-webkit-scrollbar { width: 6px; height: 0px; background: rgba(0, 0, 0, .1); }
::-webkit-scrollbar-thumb { background: var(--c); border-radius: 5px; }
.scrollbar { overflow: auto; padding-right: 5px; }
.scrollbar::-webkit-scrollbar { width: 4px; height: 4px; }
/* 图片放大效果 */
.i-scale .img { overflow: hidden; }
.i-scale .img img { transition: transform 1s ease-in-out, opacity var(--t) ease-in-out; }
.i-scale:hover .img img { transform: scale(1.1); }
/* 图片固定宽高比例 */
.i-box { display: block; position: relative; height: 0; padding-bottom: 50%; overflow: hidden; }
.i-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
/* 文字超出隐藏 */
.ell-o { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ell-t {
	overflow: hidden; white-space: normal; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
/* 锚点 */
.anchor { position: relative; top: -50px; }
/* 懒加载图片 */
.lazy { opacity: 0; transition: opacity var(--t) ease-in-out; }
.lazy.entered { opacity: 1; }
/* 背景图片公共样式 */
.bg-i { background-repeat: no-repeat; background-position: center; background-size: cover; }

/* 自定义动画 */
@keyframes fadeInUpSmall { from { opacity: 0; transform: translate3d(0%, 40px, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInDownSmall { from { opacity: 0; transform: translate3d(0%, -40px, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInLeftSmall { from { opacity: 0; transform: translate3d(-20%, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes fadeInRightSmall { from { opacity: 0; transform: translate3d(20%, 0, 0); } to { opacity: 1; transform: none; } }
@media (max-width: 1024px) {
	@keyframes fadeInUpSmall { from { opacity: 0; transform: translate3d(0%, 30px, 0); } to {  opacity: 1; transform: none; } }
	@keyframes fadeInDownSmall { from { opacity: 0; transform: translate3d(0%, -30px, 0); } to {  opacity: 1; transform: none; } }
	@keyframes fadeInLeftSmall { from { opacity: 0; transform: translate3d(-15%, 0, 0); } to {  opacity: 1; transform: none; } }
	@keyframes fadeInRightSmall { from { opacity: 0; transform: translate3d(15%, 0, 0); } to {  opacity: 1; transform: none; } }
}
.fadeInUpSmall { animation-name: fadeInUpSmall; }
.fadeInDownSmall { animation-name: fadeInDownSmall; }
.fadeInLeftSmall { animation-name: fadeInLeftSmall; }
.fadeInRightSmall { animation-name: fadeInRightSmall; }
/* ====================================================================================================================================== */
/* 手机底部固定链接 */
.footer-link {
	position: fixed; z-index: 9; left: 0; bottom: 0px; width: 100%; height: 50px; color: #fff; background: var(--c);
	border-top: 1px solid #fff; font-size: 20px;  display: none;
}
.footer-link a { display: flex; justify-content: center; align-items: center; flex: 1; }
.footer-link a:after { font-family: 'ifont'; }
.footer-link .tel:after { content: '\e7a2'; }
.footer-link .email:after { content: '\e672'; }
.footer-link .backtop:after { content: '\e65b'; }
.footer-link a + a { border-left: 1px solid #fff; }
@media (max-width:767px) {
	.footer { margin-bottom: 50px; }
	.footer-link { display:flex; }
}
/* ====================================================================================================================================== */
/* 返回顶部 - 默认样式 */
.back-top {
	position: fixed; z-index: 2; border-radius: 50%; cursor: pointer; opacity: 0; box-shadow: 0 0 10px rgba(0,0,0,.2);
	transition: right var(--t), opacity var(--t); right: -60px; bottom: 60px;
}
.back-top.active { right: 60px; opacity: 1; }
.back-top .icon {
	display: flex; justify-content: center; align-items: center; border-radius: inherit; background: #fff; color: #333;
	position: relative; padding-top: 2px; width: 50px; height: 50px; font-size: 16px;
	box-shadow: inset 0 0 0 2px #fff; transition: box-shadow var(--t), color var(--t);
}
.back-top .icon:hover { box-shadow: inset 0 0 0 25px var(--c); color: #fff; }
.back-top .icon:before { font-family:'ifont'; content:'\e65b'; }
.back-top .icon svg { display: none; }
/* 返回顶部 - 样式一 */
.back-top-1 .icon { background: var(--c); color: #fff; }
.back-top-1:before {
	content: ''; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; border-radius: inherit;
	border: 2px dashed var(--c); animation: backtopRotate 20s linear infinite;
}
.back-top-1:hover:before { animation-duration: 2s; }
@keyframes backtopRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* 返回顶部 - 样式二 */
.back-top-2 .icon { color: var(--c); }
.back-top-2 .icon:hover { box-shadow: initial; color: var(--c); }
.back-top-2 .icon svg { display: block; }
.back-top-2 .icon svg { position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; }
.back-top-2 .icon svg path { fill: none; stroke: var(--c); stroke-width: 4; transition: .2s linear; }
@media (max-width:767px) {
	.back-top { display: none; }
}
/* ====================================================================================================================================== */
/* slick 轮播默认样式 */
.slick { overflow: hidden; }
.slick .slick-list { height: inherit; }
.slick .slick-track { height: inherit; }
.slick .slick-slide .img img { width: 100%; }
.slick .slick-slide video { width: 100%; height: 100%; object-fit: cover; }
/* 箭头导航 */
.slick .slick-arrow {
  position: absolute; z-index: 1; cursor: pointer; display: flex; justify-content: center; align-items: center;
	font-size: 0; background: #fff; color: #333; transition: background var(--t), color var(--t);
	top: 50%; transform: translateY(-50%); border-radius: 50%; width: 60px; height: 60px;
}
.slick .slick-arrow:after { font-family: 'ifont'; font-size: 20px; }
.slick .slick-arrow:hover { background: var(--c); color: #fff; }
.slick .slick-prev { left: 40px; }
.slick .slick-next { right: 40px; }
.slick .slick-prev:after { content: '\e61e'; margin-right: 3px; }
.slick .slick-next:after { content: '\e68c'; margin-left: 3px; }
/* 圆点导航 */
.slick .slick-dots { display: flex; position: absolute; font-size: 0; left: 50%; transform: translateX(-50%); bottom: 10%; }
.slick .slick-dots li { margin: 0 5px; }
.slick .slick-dots li button { border-radius: 50%; cursor: pointer; background: #fff; width: 20px; height: 20px; transition: background var(--t); }
.slick .slick-dots li.slick-active button { background: var(--c); }
/* video.js 视频播放按钮 */
/* .video-js .vjs-big-play-button {
	width: 2em; height: 2em; line-height: 2em; border-radius: 50%; border: none; top: 50%; left: 50%; transform: translate(-50%, -50%);
} */
@media (max-width: 767px) {
	.slick .slick-arrow { width: 34px; height: 34px; }
	.slick .slick-arrow:after { font-size: 12px; }
	.slick .slick-prev { left: 15px; }
	.slick .slick-next { right: 15px; }
	.slick .slick-prev:after { margin-right: 1px; }
	.slick .slick-next:after { margin-left: 1px; }
	.slick .slick-dots { bottom: 15px; }
	.slick .slick-dots li { margin: 0 2px; }
	.slick .slick-dots li button { width: 10px; height: 10px; }
}

/* swiper 轮播默认样式 */
/* 箭头导航 */
.swiper-button-prev, .swiper-button-next {
	display: flex; justify-content: center; align-items: center; background-image: inherit;
	border-radius: 50%; background: #fff; color: #000; transition: background 0.8s, color 0.8s;;
	width: 60px; height: 60px; font-size: 20px;
}
.swiper-button-prev:hover, .swiper-button-next:hover { background: #000; color: #fff; }
.swiper-button-prev::after, .swiper-button-next::after { font-family: 'ifont'; }
.swiper-button-prev::after { content: '\e61e'; margin-right: 3px; }
.swiper-button-next::after { content: '\e68c'; margin-left: 3px; }
.swiper-button-prev { right: auto; left: 10px; }
.swiper-button-next { left: auto; right: 10px; }
/* 圆点导航 */
.swiper-container .swiper-pagination { bottom: 0; }
.swiper-pagination-bullet { background: #ccc; width: 20px; height: 20px; margin: 0 5px; }
.swiper-pagination-bullet-active { background: #000; }
/* ====================================================================================================================================== */
/* header */
.public-header {
	display: flex; align-items: center; justify-content: space-between; position: fixed; z-index: 10; top: 0; width: 100%;
	color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); padding: 0 6.25%; height: 100px; font-size: 18px;
}
.public-header::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,.3); transition: background var(--t);
}
.header-fixed { color: #333; }
.header-fixed::before { background: #fff; }
/* ====================================================================================================================================== */
/* logo */
.header-logo { width: 200px; }
.header-logo .i-box { padding-bottom: 33.39011925042589%; }
.header-logo img { transition: opacity var(--t); }
.header-logo img:nth-of-type(2) { opacity: 0; }
.header-fixed .header-logo img:first-child { opacity: 0; }
.header-fixed .header-logo img:last-child { opacity: 1; }
/* ====================================================================================================================================== */
/* nav */
.header-box { display: flex; height: inherit; }
.header-nav { height: inherit; }
.header-nav .ul { display: flex; height: inherit; }
.header-nav .li > a { display: flex; align-items: center; height: 100%; transition: color var(--t); padding: 0 20px; }
.header-nav .li:hover > a { color: var(--c); }
.header-nav .li.current > a { color: var(--c); }
/* nav-下划线效果-default */
.nav-line .li > a::before {
	content: ''; position: absolute; left: 50%; bottom: 0; width: 0%; height: 2px; opacity: 0;
	transform: translateX(-50%); background: var(--c); transition: width var(--t), opacity var(--t);
}
.nav-line .li:hover > a::before { width: 100%; opacity: 1; }
.nav-line .li.current > a::before { width: 100%; opacity: 1; }
@media (max-width: 767px) {
	.nav-line .li > a::before { display: none; }
}
/* nav-下划线效果-1 */
.nav-line-1 .line { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; opacity: 0; background: var(--c); transition: all var(--t); }
.nav-line-1 .li.cur .line { opacity: 1; }
/* nav-二级栏目 */
.header-nav .li { position: relative; }
.header-nav .li .menu {
	position: absolute; top: 100%; left: 50%; transform: translate(-50%, 10px); box-shadow: 0 0 5px rgba(0,0,0,.1); opacity: 0;
	pointer-events: none; visibility: hidden; background: #fff; color: #333; transition: all var(--t) ease-in-out;
}
.header-nav .li:hover .menu { pointer-events: auto; opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.header-nav .menu a { display: flex; white-space: nowrap; justify-content: center; padding: 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; }
/* ====================================================================================================================================== */
/* 移动端按钮 */
.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-language {
	display: flex; align-items: center; position: relative;
	transition: color var(--t); margin-left: 40px;
}
.header-language .icon { margin: 0 5px; }
/* 多语言切换 */
.header-language .lang { display: flex; align-items: center; height: 100%; }
.header-language .lang::before { font-family: 'ifont'; content: '\e71a'; font-size: 22px; width: 22px; margin-right: 10px; }
.header-language .menu {
	position: absolute; top: 100%; left: 50%; transform: translate(-50%, 10px); box-shadow: 0 0 3px rgba(0,0,0,.1);
	opacity: 0; visibility: hidden; background: #fff; color: #333; transition: all var(--t);
}
.header-language:hover .menu { opacity: 1; visibility: inherit; transform: translate(-50%, 0); }
.header-language .menu a { display: flex; justify-content: center; white-space: nowrap; padding: 0.8em 3em; transition: color var(--t), background var(--t); }
.header-language .menu a:hover { color: #fff; background: var(--c); }
/* ====================================================================================================================================== */
/* 搜索效果一 */
.header-search { display: flex; justify-content: center; align-items: center; width: 100px; height: 100%; background: var(--c); margin-left: 40px; }
.header-search .icon { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; cursor: pointer; }
.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; font-size: 24px; }
.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; font-size: 18px; }
	.header-search .page .form .button { font-size: 20px; }
}

/* 搜索效果二 */
.header-search-1 .page { position: absolute; z-index: -1; top: 100%; left: auto; right: 6.25%; width: 765px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.header-search-1 .page .con { padding: 0 4%; }
.header-search-1 .page .close { position: initial; font-size: 18px; margin-left: 4%; }
.header-search-1 .page .form { max-width: 100%; }
.header-search-1 .page .form .title { display: none; }
.header-search-1 .page .form .input { height: 40px; }
.header-search-1 .page .form .button { bottom: 10px; font-size: 20px; }
@media (max-width: 991px) {
	.header-search-1 .page { width: 600px; }
}
@media (max-width: 767px) {
	.header-search-1 .page { z-index: 1; width: 100%; right: 0; }
	.header-search-1 .page .con { padding: 0 5%; }
	.header-search-1 .page .close { margin-left: 5%; font-size: 16px; }
	.header-search-1 .page .form .input { height: 30px; padding: 0 10px; padding-right: 30px; }
	.header-search-1 .page .form .button { bottom: 6px; font-size: 18px; }
}
/* ====================================================================================================================================== */
/* 电话 */
.header-tel {
	display: flex; align-items: center; font-weight: bold; transition: color var(--t);
	font-size: 24px; margin-left: 20px;
}
.header-tel::before {
	font-family: 'ifont'; content: '\e60a'; transform: rotate(15deg);
	font-size: 20px; width: 20px; margin-bottom: 4px; margin-right: 6px;
}
@media (max-width: 767px) {
	.header-tel { display: none; }
}
/* ====================================================================================================================================== */
/* 全屏导航 */
.full-screen-nav {
	display: flex; flex-direction: column; position: fixed; z-index: 10; top: 0; left: 100%; width: 100%; height: 100%; color: #fff; opacity: 0;
	background-color: #fff; transition: left var(--t), opacity var(--t); padding: calc(100vw / 1920 * 40) calc(100vw / 1920 * 140) calc(100vw / 1920 * 72) calc(100vw / 1920 * 120);
}
.full-screen-nav.active { left: 0; opacity: 1; }
.full-screen-nav .top { display: flex; align-items: center; }
.full-screen-nav .top .logo { width: calc(100vw / 1920 * 107); margin-right: calc(100vw / 1920 * 18); margin-left: calc(100vw / 1920 * 20); }
.full-screen-nav .top .logo .img.i-box { padding-bottom: 82.24299065420561%; }
.full-screen-nav .top .h2 { font-size: calc(100vw / 1920 * 32); }
.full-screen-nav .con {
	display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; border: 6px solid #fff; border-radius: 10px; flex: 1;
	margin-top: calc(100vw / 1920 * 40); padding: 0 calc(100vw / 1920 * 50) calc(100vw / 1920 * 20);
}
.full-screen-nav .con .ul { text-align: center; }
.full-screen-nav .con .ul > a { position: relative; z-index: 1; color: #000; transition: color var(--t); font-size: calc(100vw / 1920 * 28); }
.full-screen-nav .con .ul > a::before {
	content: ''; position: absolute; z-index: -1; background: url(../images/header-hav-bg1.png) center / cover no-repeat; transition: opacity var(--t);
	width: calc(100vw / 1920 * 174); height: calc(100vw / 1920 * 65); top: calc(100vw / 1920 * -20); left: calc(100vw / 1920 * -10);
}
.full-screen-nav .con .ul > a::after {
	content: ''; position: absolute; z-index: -1; background: url(../images/header-hav-bg2.png) center / cover no-repeat; transition: opacity var(--t);
	width: calc(100vw / 1920 * 174); height: calc(100vw / 1920 * 65); top: calc(100vw / 1920 * -20); left: calc(100vw / 1920 * -10); opacity: 0;
}
.full-screen-nav .con .ul.active > a { color: #fff; }
.full-screen-nav .con .ul:hover > a { color: #fff; }
.full-screen-nav .con .ul.active > a::after { opacity: 1; }
.full-screen-nav .con .ul:hover > a::before { opacity: 0; }
.full-screen-nav .con .ul:hover > a::after { opacity: 1; }
.full-screen-nav .con .ul .li {
	display: flex; flex-direction: column; writing-mode: vertical-rl; align-items: flex-start; letter-spacing: 4px; min-height: 96px;
	margin: calc(100vw / 1920 * 88) auto 0; font-size: calc(100vw / 1920 * 20);
	transform: translateY(10px); opacity: 0; transition: transform var(--t), opacity var(--t);
}
.full-screen-nav .con .ul.active .li { opacity: 1; transform: translateY(0); }
.full-screen-nav .con .ul:hover .li { opacity: 1; transform: translateY(0); }
.full-screen-nav .con .ul .li > a { position: relative; z-index: 1; margin: 0 calc(100vw / 1920 * 14); }
.full-screen-nav .con .ul .li > a::before {
	content: ''; position: absolute; z-index: -1;  background: url(../images/header-hav-bg3.png) center / cover no-repeat; transition: opacity var(--t);
	width: calc(100vw / 1920 * 22); height: calc(100vw / 1920 * 56); left: 50%; bottom: calc(100vw / 1920 * -33); transform: translateX(-50%); opacity: 0;
}
.full-screen-nav .con .ul .li > a.active::before { opacity: 1; }
.full-screen-nav .con .ul .li > a:hover::before { opacity: 1; }

.full-screen-nav .link { display: flex; justify-content: flex-end; padding-right: 4px; margin-top: calc(100vw / 1920 * 36); }
.full-screen-nav .link > a { margin-left: calc(100vw / 1920 * 16); }
.full-screen-nav .link > a:first-child { margin-left: 0; }
.full-screen-nav .link img { width: 35px; height: 35px; }
.full-screen-nav .close {
	display: flex; align-items: center; justify-content: center; background: var(--c); cursor: pointer;
	position: absolute; top: 50%; right: calc(100vw / 1920 * 100); transform: translateY(-50%);
	width: calc(100vw / 1920 * 86); height: calc(100vw / 1920 * 90);
}
.full-screen-nav .close > div { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 4px 0; }

@media (max-width: 1440px) {
	.full-screen-nav .con .ul .li { font-size: 16px; }
	.full-screen-nav .close { font-size: 14px; width: 64px; height: 67px; }
	.full-screen-nav .con .ul .li > a::before { width: 16px; height: 41px; bottom: -18px; }
}
@media (max-width: 1199px) {
	.full-screen-nav .top .logo { width: 66px; }
	.full-screen-nav .top .h2 { font-size: 20px; }
	.full-screen-nav .con { padding: 0; }
	.full-screen-nav .con .ul > a { font-size: 18px; }
	.full-screen-nav .con .ul > a::before { width: 108px; height: 40px; top: -11px; left: -5px; }
	.full-screen-nav .con .ul > a::after { width: 108px; height: 40px; top: -11px; left: -5px; }
	.full-screen-nav .link img { width: 30px; height: 30px; }
	.full-screen-nav .close { right: calc(100vw / 1920 * 90); }
}
@media (max-width: 991px) {
	.full-screen-nav .close { right: calc(100vw / 1920 * 84); }
}
@media (max-width: 767px) {
	.full-screen-nav { padding: 20px 5%; }
	.full-screen-nav .top .logo { width: 53px; margin: 0 10px 0 0; }
	.full-screen-nav .top .h2 { font-size: 18px; }
	.full-screen-nav .con { margin-top: 20px; padding: 10% 0; border: 4px solid #fff; }
	.full-screen-nav .con .ul { width: 50%; }
	.full-screen-nav .con .ul .li { margin: 20px auto 0; transform: translateY(0); opacity: 1; }
	.full-screen-nav .con .ul .li > a { margin: 0 5px; }
	.full-screen-nav .close { width: 50px; height: 50px; right: 0; }
	.full-screen-nav .link { margin-top: 20px; }
	.full-screen-nav .link > a { margin-left: 10px; }
}
/* ====================================================================================================================================== */
/*
 * 首页 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-slick { height: calc(100vw / 1920 * 934); color: #fff; } /* 解决 slick.js 刷新没有高度问题 */
.index-slick .img.i-box { padding-bottom: 48.85416666666667%; }
.index-slick .item { position: relative; height: 100%; }
.index-slick .item .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; }
.index-slick .item .pos {
	writing-mode: vertical-rl; position: absolute; top: 116px; left: calc(100vw / 1920 * 142); width: 185px;
	background: rgba(199,0,25,.3); padding: 20px; font-size: calc(100vw / 1920 * 48);
}
.index-slick .item .pos > div {
	position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center;
	padding: calc(100vw / 1920 * 40) 0 calc(100vw / 1920 * 110);
}
.index-slick .item .pos > div p { margin: 0 10px; }
.index-slick .item .pos > div p:nth-of-type(2) { padding-top: calc(100vw / 1920 * 58); }
.index-slick .item .pos .bg span::before { content: ''; position: absolute; width: 7px; height: 1px; background: rgba(255,255,255,.5); }
.index-slick .item .pos .bg span::after { content: ''; position: absolute; width: 1px; height: 8px; background: rgba(255,255,255,.5); }
.index-slick .item .pos .bg span:nth-child(1)::before { top: 0; left: 0; }
.index-slick .item .pos .bg span:nth-child(1)::after { top: 0; left: 0; }
.index-slick .item .pos .bg span:nth-child(2)::before { top: 0; right: 0; }
.index-slick .item .pos .bg span:nth-child(2)::after { top: 0; right: 0; }
.index-slick .item .pos .bg span:nth-child(3)::before { bottom: 0; left: 0; }
.index-slick .item .pos .bg span:nth-child(3)::after { bottom: 0; left: 0; }
.index-slick .item .pos .bg span:nth-child(4)::before { bottom: 0; right: 0; }
.index-slick .item .pos .bg span:nth-child(4)::after { bottom: 0; right: 0; }
.index-slick .item .text { width: 100%; padding: 0 calc(100vw / 1920 * 420); margin-bottom: calc(100vw / 1920 * 26); padding: 0 calc(12.2% + 185px); }
.index-slick .item .text .h2 { font-size: calc(100vw / 1920 * 72); }
.index-slick .item .text > p { line-height: 1.5; white-space: pre-line; font-size: calc(100vw / 1920 * 48); margin-top: 6px; }
.index-slick .slick-dots { left: calc(100vw / 1920 * 142); transform: translateX(0); margin: 0 50px; bottom: calc(48% - 131px); }
.index-slick .slick-dots li { margin: 0 10px; }
.index-slick .slick-dots li:first-child { margin-left: 0; }
.index-slick .slick-dots li:last-child { margin-right: 0; }
.index-slick .slick-dots li button { width: 15px; height: 15px; background: transparent; border: 1px solid #fff; transition: all var(--t); }
.index-slick .slick-dots li.slick-active button { border: 1px solid var(--c); }

@media (max-width: 1199px) {
	.index-slick .item .pos { top: 60px; width: 96px; padding: 10px; }
	.index-slick .item .pos > div p { margin: 0 3px; }
	.index-slick .item .text { padding: 0 calc(12.2% + 96px); }
	.index-slick .slick-dots { bottom: calc(48% - 72px); margin: 0 20px; }
	.index-slick .slick-dots li { margin: 0 5px; }
	.index-slick .slick-dots li button { width: 12px; height: 12px; }
}
@media (max-width: 991px) {
	.index-slick .item .pos { left: 5%; }
	.index-slick .item .text { padding: 0 calc(10% + 96px); }
	.index-slick .slick-dots { left: 5%; margin: 0 23px; }
	.index-slick .slick-dots li button { width: 10px; height: 10px; }
}
@media (max-width: 767px) {
	video { width: 100%; height: 100%; object-fit: cover; }
	.index-slick { height: calc(100vw / 1440 * 924); }
	.index-slick .img.i-box { padding-bottom: 65%; }
	.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 .content { padding-top: 60px; }
	.index-slick .item .pos { font-size: 18px; }
	.index-slick .item .pos > div { padding: 10px 0 24px; }
	.index-slick .item .pos > div p:nth-of-type(2) { padding-top: 20px; }
	.index-slick .item .text { margin-bottom: calc(40% - 74px); padding-right: 5%; }
	.index-slick .item .text .h2 { font-size: 20px; }
	.index-slick .item .text > p { font-size: 16px; }
	.index-slick .slick-dots { bottom: auto; top: 218px; }
}
@media (max-width: 480px) {
	.index-slick .item .text { margin-bottom: 0; }
}
@media (max-width: 374px) {
	.index-slick .item .pos { font-size: 14px; }
	.index-slick .item .pos > div { padding: 10px 0 12px; }
	.index-slick .item .text .h2 { font-size: 18px; }
	.index-slick .item .text > p { font-size: 14px; }
	.index-slick .slick-dots { top: 190px; }
}