@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: Arial, "Microsoft YaHei";
	line-height: 1; background: #fff;
	font-size: 16px; color: #333;
	-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; /* 边框间距 */
}
table tr td { vertical-align: middle; }
@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');
}

/* 滚动条样式 */
::-webkit-scrollbar { width: 8px; height: 0px; background: rgba(0, 0, 0, .1); }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .5); 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; }
/* h1标题隐藏 */
.hide { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* 自定义动画 */
@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: 0.6em 3em; transition: all var(--t); }
.header-nav .menu a:hover { background: var(--c); color: #fff; }
/* nav-三级栏目 */
.header-nav .li-s { position: relative; }
.header-nav .li-s .menu-s {
	position: absolute; top: 0; left: 100%; opacity: 0; visibility: hidden; transform: translate(10px, 0); pointer-events: none;
	box-shadow: 0 0 5px rgba(0,0,0,.1); background: #fff; transition: all var(--t) ease-in-out;
}
.header-nav .li-s:hover .menu-s { opacity: 1; visibility: inherit; transform: translate(0); pointer-events: all; }/* 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-nav .li-s .li-ss:hover .menu-ss a { padding: 0.6em 2em; }
/* ====================================================================================================================================== */
/* 移动端按钮 */
.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: 100px; height: 100%; background: var(--c);
	font-size: 22px; margin-left: 40px;
}
.header-search .icon { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; cursor: pointer; color: #fff; }
.header-search .icon:before { font-family: 'ifont'; content: '\e602'; }
.header-search .page { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: none; background: var(--cr); color: #fff; }
.header-search .page .con { display: flex; align-items: center; height: 100%; }
.header-search .page .close { display: flex; align-items: center; cursor: pointer; position: absolute; top: 15%; right: 5%; }
.header-search .page .close:before { font-family: 'ifont'; content: '\e689'; }
.header-search .page .form { position: relative; width: 100%; max-width: 90%; margin: 0 auto; border-bottom: 1px solid #fff; }
.header-search .page .form .title { margin-bottom: 50px; letter-spacing: 2px; text-align: center; animation: zoomIn 1s 0s ease both; }
.header-search .page .form .input {
	background: transparent; border: none; outline: none; text-align: center; color: #fff;
	width: 100%; height: 50px; padding: 0 2em;
}
.header-search .page .form .input:-webkit-autofill { transition: background 5000s ease-in-out 0s; -webkit-text-fill-color: #fff; }
.header-search .page .form .button { display: flex; background: none; border: none; cursor: pointer; color: #fff; position: absolute; right: 0; bottom: 12px; }
.header-search .page .form .button:before { font-family: 'ifont'; content: '\e602'; }
@media (max-width: 767px) {
	.header-search { width: 60px; }
	.header-search .icon { font-size: 18px; }
	.header-search .page .close { top: 30%; font-size: 20px; }
	.header-search .page .form { font-size: 16px; }
	.header-search .page .form .title { margin-bottom: 30px; }
	.header-search .page .form .button { font-size: 20px; }
}

/* 搜索效果二 */
.header-search-1 .page { position: absolute; z-index: -1; top: 100%; left: auto; right: 6.25%; width: 765px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.header-search-1 .page .con { padding: 0 4%; }
.header-search-1 .page .close { position: initial; font-size: 18px; margin-left: 4%; }
.header-search-1 .page .form { max-width: 100%; }
.header-search-1 .page .form .title { display: none; }
.header-search-1 .page .form .input { height: 40px; }
.header-search-1 .page .form .button { bottom: 10px; font-size: 20px; }
@media (max-width: 991px) {
	.header-search-1 .page { width: 600px; }
}
@media (max-width: 767px) {
	.header-search-1 .page { z-index: 1; width: 100%; right: 0; }
	.header-search-1 .page .con { padding: 0 5%; }
	.header-search-1 .page .close { margin-left: 5%; font-size: 16px; }
	.header-search-1 .page .form .input { height: 30px; padding: 0 10px; padding-right: 30px; }
	.header-search-1 .page .form .button { bottom: 6px; font-size: 18px; }
}
/* ====================================================================================================================================== */
/* 电话 */
.header-tel {
	display: flex; align-items: center; font-weight: bold; transition: color var(--t);
	font-size: 24px; margin-left: 20px;
}
.header-tel::before {
	font-family: 'ifont'; content: '\e60a'; transform: rotate(15deg);
	font-size: 20px; width: 20px; margin-bottom: 4px; margin-right: 6px;
}
@media (max-width: 767px) {
	.header-tel { display: none; }
}
/* ====================================================================================================================================== */
/* 导航下滑效果 - 移动端 */
.header-fixed .header-button span { background: #333; }
.public-header.on { color: #333; }
.public-header.on::before { background: #fff; }
.public-header.on .header-button span { background: #333; }
.public-header.on .header-logo img:first-child { opacity: 0; }
.public-header.on .header-logo img:last-child { opacity: 1; }
/* ====================================================================================================================================== */
/* 全屏导航 */
.full-screen-nav {
	display: flex; position: fixed; z-index: 10; top: 0; left: 100%; width: 100%; height: 100%;
	background-color: #fff; color: #fff; opacity: 0; transition: left var(--t), opacity var(--t);
}
.full-screen-nav.active { left: 0; opacity: 1; }
.full-screen-nav .content {
	width: 25%; display: flex; flex-direction: column; justify-content: flex-end; line-height: 1.3; font-weight: 300;
	font-size: calc(100vw / 1920 * 56); padding: calc(100vw / 1920 * 70) calc(100vw / 1920 * 58);
}
.full-screen-nav .container { flex: 1; display: flex; flex-direction: column; background: var(--cr); }
.full-screen-nav .top { display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.3); height: 100px; padding: 0 60px; }
.full-screen-nav .top .box { flex: 1; display: flex; justify-content: flex-end; height: 100%; }
.full-screen-nav .header-language { margin-left: 0; }
.full-screen-nav .header-search-1 .page { z-index: 1; top: 100px; height: 100px; }
.full-screen-nav .header-button { display: flex; margin-left: 40px; }
.full-screen-nav .header-button > div { width: 36px; }
.full-screen-nav .header-button span { height: 3px; border-radius: 3px; }

.full-screen-nav .con { flex: 1; display: flex; }
.full-screen-nav .list { flex: 1; position: relative; z-index: 0; }
.full-screen-nav .list .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity var(--t); }
.full-screen-nav .list .bg::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--cr); }
.full-screen-nav .list .nav-link { text-align: center; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); transition: top var(--t); }
.full-screen-nav .list .nav-link>a { font-size: calc(100vw / 1920 * 36); }
.full-screen-nav .list .nav-link>ul {
	position: absolute; top: 100%; left: 50%; transform: translateX(-50%); white-space: nowrap;
	opacity: 0; transition: opacity var(--t); font-size: calc(100vw / 1920 * 20);
}
.full-screen-nav .list .nav-link>ul>li { margin: 15px 0; }

.full-screen-nav .list:hover .bg { opacity: 1; }
.full-screen-nav .list:hover .nav-link { top: 30%; }
.full-screen-nav .list:hover .nav-link>ul { opacity: 1; }
@media (max-width: 1199px) {
	.full-screen-nav .top { height: 60px; }
	.full-screen-nav .header-button { margin-left: 20px; }
	.full-screen-nav .header-button > div { width: 24px; }
}
@media (max-width: 767px) {
	.full-screen-nav .content { display: none; }
	.full-screen-nav .top { padding: 0 6.25%; }
	.full-screen-nav .con { flex-direction: column; flex: initial; overflow: auto; height: calc(100% - 60px); }
	.full-screen-nav .con::-webkit-scrollbar { width: 2px; }
	.full-screen-nav .list { display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.4); padding: 20px; }
	.full-screen-nav .list .nav-link { position: initial; transform: translateY(0%); }
	.full-screen-nav .list .nav-link>a { font-size: 16px; }
	.full-screen-nav .list .nav-link>ul { position: initial; transform: translateX(0%); opacity: 1; font-size: 14px; }
	.full-screen-nav .list .nav-link>ul>li { margin: 10px 0; }
	.full-screen-nav .list .nav-link>ul>li:last-child { margin-bottom: 0; }
}
/* ====================================================================================================================================== */



:root {
	/* 导航变量 */
	--c: #e61f19; /* 主色调 */
	--cr: rgb(230,31,25,.8); /* 主色调-半透明 */
	--t: .6s; /* 动画过渡时间 */
}
/* 导航 header */
.public-header { color: #333; padding: 0 6.25%; height: 90px; font-size: 18px; }
.public-header::before { background: rgba(255,255,255,1); border-bottom: 1px solid #fff; }
.public-header.header-fixed { color: #333; }
.public-header.header-fixed::before  { background: #fff; }
@media (max-width: 1199px) {
	.public-header { height: 60px; }
}
/* logo */
.header-logo { width: 163px; }
.header-logo .i-box { padding-bottom: 31.28834355828221%; }
@media (max-width: 767px) {
	.header-logo { width: 120px; }
}
/* 链接 */
.header-nav .li > a { padding: 0 calc(100vw / 1920 * 33); }
.header-nav .li > a::after { content: '\e606'; font-family: 'ifont'; font-size: 9px; margin-left: 9px; }
.header-nav .li:first-child > a::after { display: none; }
@media (max-width: 767px) {
	.header-nav .li > a { padding: .5em 10%; }
}
/* 双语切换 */
.header-language { font-size: 18px; margin-left: calc(100vw / 1920 * 40); }
.header-language .icon { margin: 0 8px; }
@media (max-width: 767px) {
	.header-language { font-size: 14px; margin-left: 0; }
}
/* 搜索 */
.header-search { font-size: 22px; margin-left: 40px; }
@media (max-width: 767px) {
	.header-search { margin-left: 20px; }
}
/* ====================================================================================================================================== */
.header-link { display: flex; flex-wrap: wrap; margin-left: calc(100vw / 1920 * 100); }
.header-link > a { position: relative; z-index: 1; width: 48px; margin-right: calc(100vw / 1920 * 24); padding-top: 20px; }
.header-link > a:nth-child(2) { padding-top: 8px; }
.header-link > a:nth-child(2)::before { content: ''; position: absolute; z-index: -1; top: 0; left: -4px; width: 55px; height: 75px; background: var(--c); border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; }
.header-link > a:last-child { margin-right: 0; }
.header-link > a img { width: 100%; }

@media (max-width: 1680px) {
	.header-link { margin-left: calc(100vw / 1920 * 60); }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 20); }
	.header-nav .li > a::after { margin-left: 7px; }
}
@media (max-width: 1440px) {
	.header-logo { width: 130px; }
	.public-header { font-size: 16px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 20); }
	.header-language { font-size: 16px; }	.header-link { margin-left: calc(100vw / 1920 * 40); }
	.header-link > a { width: 40px; }
	.header-link > a:nth-child(2)::before { width: 48px; height: 65px; }
}
@media (max-width: 1199px) {
	.header-logo { width: 110px; }
	.public-header { font-size: 14px; }
	.header-language { font-size: 14px; margin-left: calc(100vw / 1920 * 20) }
	.header-language .icon { margin: 0 6px; }
	.header-link { margin-left: calc(100vw / 1920 * 60); }
	.header-link > a { width: 34px; padding-top: 14px; }
	.header-link > a:nth-child(2) { padding-top: 6px }
	.header-link > a:nth-child(2)::before { width: 43px; height: 54px; }
	.header-nav .li > a::after { margin-left: 5px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 15); }
}
@media (max-width: 991px) {
	.header-link { display: none; }
}
@media (max-width: 767px) {
	.header-logo { width: 99px; }
	.header-nav .li > a { padding: .5em 10%; }
	.header-button span { background: #333; }
	.header-nav .li > a::after { display: none; }
	.header-nav .li.more > a::after { display: block; }
}




/*
 * 首页 banner
*/
@keyframes banner { 0% { transform: scale(1.1); } 100% { transform: scale(1); } }
.index-slick { height: calc(100vw / 1920 * 930); }
.index-slick .img.i-box { padding-bottom: 48.64583333333333%; }
.index-slick .item { position: relative; height: 100%; }

.index-slick .slick-dots { bottom: calc(100vw / 1920 * 63); }
.index-slick .slick-dots li { margin: 0 8px; }
.index-slick .slick-dots li button { position: relative; width: 24px; height: 24px; background: transparent; border: 2px solid #fff; }
.index-slick .slick-dots li button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; background: #fff; transform: translate(-50%,-50%); border-radius: 50%; transition: all var(--t); }
.index-slick .slick-dots li.slick-active button { background: transparent; border: 2px solid var(--c); transition: all var(--t); }
.index-slick .slick-dots li.slick-active button::after { background: var(--c); }

@media (max-width: 1199px) {
	.index-slick .slick-dots li button { width: 22px; height: 22px; }
}
@media (max-width: 767px) {
	video { width: 100%; height: 100%; object-fit: cover; }
	.index-banner { margin-top: 60px; }
	.index-slick .slick-dots { bottom: 20px; }
	.index-slick .slick-dots li { margin: 0 5px; }
	.index-slick .slick-dots li button { width: 18px; height: 18px; }
	.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-product { background-color: #f7f7f7; padding: calc(100vw / 1920 * 106) 6.25% calc(100vw / 1920 * 132); }
.index-h2 { color: #000; text-align: center; font-weight: bold; font-size: calc(100vw / 1920 * 42); }
.index-product .link { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 36px; }
.index-product .link > a { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; color: #000; font-weight: bold;  border-top-left-radius: 30px; overflow: hidden; transition: color var(--t);
	font-size: 20px; width: 210px; height: 60px; margin: 0 10px;
}
.index-product .link > a::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e4e4e4, #fff); transition: opacity var(--t); }
.index-product .link > a::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e71d1d, #fc0448); transition: opacity var(--t); opacity: 0; }
.index-product .link > a.active { color: #fff; }
.index-product .link > a.active::after { opacity: 0; }
.index-product .link > a.active::before { opacity: 1; }
.index-product .con { position: relative; margin-top: 50px; }
.index-product .con .li { display: flex; flex-wrap: wrap; position: absolute; top: 0; left: 0; width: 100%; visibility: hidden; transition: all 1s; opacity: 0; transform: translateY(30px); }
.index-product .con .li.active { position: relative; opacity: 1; visibility: visible;transform: translateY(0); }
.index-product .con .list { display: block; position: relative; z-index: 1; width: 100%; background: #efefef; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.index-product .con .list::before { content: ''; position: absolute; bottom: calc(100vw / 1920 * -14); left: 50%; transform: translateX(-50%); background: url(../images/index-product-icon.png) center no-repeat; background-size: 100% 100%; width: calc(100vw / 1920 * 181); height: calc(100vw / 1920 * 14); }
.index-product .con .list:nth-child(4n) { margin-right: 0; }
.index-product .con .list .img.i-box { padding-bottom: 66.75%; }
.index-product .con .list .text { text-align: center; transition: color var(--t); padding: 28px 20px 24px; }
.index-product .con .list .text .h3 { font-size: 20px; }
.index-product .con .list .text .more { display: flex; justify-content: center; align-items: center; width: 140px; height: 42px; background: #e7e7e7; border-radius: 21px; margin: 20px auto 0; transition: background var(--t); }
.index-product .con .list .text::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e71d1d, #fc0448); opacity: 0; transition: opacity var(--t); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.index-product .con .list:hover .text::after { opacity: 1; }
.index-product .con .list:hover .text { color: #fff; }
.index-product .con .list:hover .text .more { background: rgba(255,255,255,.4); }
.index-product-slick .slick-slide { padding: 0 12px; }

@media (max-width: 1440px) {
	.index-product .link > a { font-size: 18px; width: 190px; height: 50px; border-top-left-radius: 25px; }
	.index-product .con .list .text .h3 { font-size: 18px; }
}
@media (max-width: 1199px) {
	.index-product .link { margin-top: 30px; }
	.index-product .link > a { font-size: 17px; width: 160px; height: 42px; border-top-left-radius: 20px; }
	.index-product .con { margin-top: 40px; }
	.index-product .con .list .text { padding: 28px 10px 24px; }
	.index-product .con .list .text .h3 { font-size: 16px; }
	.index-product .con .list .text .more { font-size: 14px; width: 120px; height: 34px; }
}
@media (max-width: 991px) {
	.index-product .con .li { justify-content: space-between; }
	/* .index-product .con .list { width: 48%; margin-right: 0; margin-bottom: 20px; } */
	.index-product .link > a { width: 140px; }
	.index-product .con .list::before { display: none; }
}
@media (max-width: 767px) {
	.index-product { padding: 30px 6.25%; }
	.index-product .link { justify-content: space-between; }
	.index-product .link > a { margin: 0; width: 48%; margin-bottom: 10px; }
	.index-h2 { font-size: 18px; }
	.index-product .con { margin-top: 20px; }
	.index-product .con .list { width: 100%; }
	.index-product-slick .slick-slide { padding: 0 4px; }
	.index-product .con .list .text { padding: 18px 6px; }
	.index-product .con .list .text .h3 { font-size: 14px; }
	.index-product .con .list .text .more { font-size: 12px; height: 30px; }	.index-product .link > a { font-size: 15px; }
}



/* 关于我们 */
.index-about { display: flex; flex-wrap: wrap; padding-bottom: calc(100vw / 1920 * 78); overflow: hidden; }
.index-about .con { position: relative; display: flex; flex-wrap: wrap; width: 75.3%; }
.index-about .con::before { content: ''; position: absolute; z-index: 2; top: calc(100vw / 1920 * 60); left: 0; width: 100%; height: 1px; background-color: #eee; }
.index-about .con::after { content: ''; position: absolute; top: 0; left: calc(100vw / 1920 * 120); width: 1px; height: 110%; background-color: rgba(255,255,255,.4); }
.index-about .con .left { display: flex; flex-wrap: wrap; align-items: flex-start; width: 43.3%; }
.index-about .con .left .top { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; background-color: #fff; width: 100%; padding: calc(100vw / 1920 * 120) 0 calc(100vw / 1920 * 110) calc(100vw / 1920 * 130); }
.index-about .con .left .top::before { content: ''; position: absolute; left: 0; bottom: calc(100vw / 1920 * 48); width: 100%; height: 1px; background-color: #eee; }
.index-about .con .left .top::after { content: ''; position: absolute; top: 0; left: calc(100vw / 1920 * 120); width: 1px; height: 100%; background-color: #eee; }
.index-about .con .left .top .logo { width: calc(100vw / 1920 * 316); }
.index-about .con .left .top .logo .i-box { padding-bottom: 31.32911392405063%; }
.index-about .con .left .top .p { position: relative; text-transform: uppercase; font-family: 'Bebas', 'Impact'; font-size: calc(100vw / 1920 * 36); margin-top: calc(100vw / 1920 * 40); }
.index-about .con .left .top .p::before { content: ''; position: absolute; top: 50%; left: -33px; width: 19px; height: 1px; background: #151515; }
.index-about .con .left .top .p::after { content: ''; position: absolute; top: 50%; right: -33px; width: 19px; height: 1px; background: #151515; }
.index-about .con .left .video { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; width: 100%; padding-left: calc(100vw / 1920 * 120); }
.index-about .con .left .video .icon { display: block !important; cursor: pointer; }.index-about .con .left .video > div { display: block !important; cursor: pointer; }
.index-about .con .left .video .icon::after { font-family: 'iconfont'; content: '\e7e9'; font-size: calc(100vw / 1920 * 94); }.index-about .con .left .video > div::after { font-family: 'iconfont'; content: '\e7e9'; font-size: calc(100vw / 1920 * 94); }
.index-about .con .left .video .en { font-family: 'DINPro'; text-transform: uppercase; font-size: calc(100vw / 1920 * 36); letter-spacing: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 16); }
.index-about .con .left .video .cn { font-size: 20px; margin-top: calc(100vw / 1920 * 22); letter-spacing: calc(100vw / 1920 * 12); }
.index-about .con .right { overflow: hidden; position: relative; width: 60.5%; background-color: #fff; padding: calc(100vw / 1920 * 105) calc(100vw / 1920 * 100) calc(100vw / 1920 * 122); margin-left: calc(100vw / 1920 * -55); }
.index-about .con .right::before { content: ''; position: absolute; top: 0; left: calc(100vw / 1920 * 55); width: 1px; height: 100%; background-color: #eee; }
.index-about .con .right::after { content: ''; position: absolute; top: 0; right: calc(100vw / 1920 * 55); width: 1px; height: 100%; background-color: #eee; }
.index-about .con .right .img { width: 100%; }
.index-about .con .right .img img { width: 100%; display: block; }
.index-about .con .right .text { position: relative; line-height: 1.875; padding-top: calc(100vw / 1920 * 106); }
.index-about .con .right .text::before { content: ''; position: absolute; top: calc(100vw / 1920 * 54); left: calc(100vw / 1920 * -45); width: 124%; height: 1px; background-color: #eee; }
.index-about .con .right .more { position: relative; display: flex; z-index: 1; justify-content: center; align-items: center; overflow: hidden;  color: #fff; width: 180px; height: 48px; border-radius: 24px; margin-top: calc(100vw / 1920 * 45); }
.index-about .con .right .more::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e71d1d, #fc0448); }
.index-about .con .right .line-1 { position: absolute; right: 0; bottom: calc(100vw / 1920 * 52); width: 100%; height: 1px; background: #eee; }
.index-about .con .right .line-1::after { content: ''; position: absolute; z-index: 1; bottom: -52px; left: 0; width: 100%; height: 52px; background-color: #fff; }
.index-about .con .line-2 { position: absolute; left: 0; bottom: calc(100vw / 1920 * 52); width: 100%; height: 1px; background: rgba(255,255,255,.4); }
.index-about .list { display: flex; flex-direction: column; justify-content: space-between; width: 24.7%; color: #fff; padding: calc(100vw / 1920 * 120) calc(100vw / 1920 * 30) calc(100vw / 1920 * 150) calc(100vw / 1920 * 115); }
.index-about .list .li .num { display: flex; margin-bottom: 10px; }
.index-about .list .li .num .s1 { display: flex; align-items: center; font-size: calc(100vw / 1920 * 48); }
.index-about .list .li .num .s2 { margin-left: 10px; }
.index-about .list .li .num .s3::after { content: '+'; font-size: 24px; margin-left: 6px; }
.index-about .list .li p { line-height: 1.5; }

@media (max-width: 1440px) {
	.index-about .con .left .video .cn { font-size: 18px; }
}
@media (max-width: 1199px) {
	.index-about .con .left .video .cn { font-size: 16px; }
	.index-about .con .right .text { font-size: 14px; }
	.index-about .con .right .more { font-size: 14px; width: 150px; height: 40px; }
	.index-about .list { font-size: 14px; padding: calc(100vw / 1920 * 120) calc(100vw / 1920 * 30) calc(100vw / 1920 * 150) calc(100vw / 1920 * 80); }
	.index-about .list .li .num .s3::after { font-size: 20px; }
}
@media (max-width: 991px) {
	.index-about .con .right .text { line-height: 1.5; }
	.index-about .con .right .more { width: 120px; height: 34px; }
	.index-about .con .left .video .cn { font-size: 14px; }
}
@media (max-width: 767px) {
	.index-about { padding: 0; }
	.index-about .con { width: 100%; }
	.index-about .con::before { display: none; }
	.index-about .con .left { width: 100%; align-items: center; }
	.index-about .con .left .top { width: 100%; padding: 40px 0; }
	.index-about .con .left .top::before { display: none; }
	.index-about .con .left .top::after { display: none; }
	.index-about .con .left .top .logo { width: 120px; }
	.index-about .con .left .top .p { font-size: 18px; margin-top: 10px; }
	.index-about .con .left .top .p::before { left: -30px; width: 20px; }
	.index-about .con .left .top .p::after { right: -30px; width: 20px; }
	.index-about .con .left .video { width: 100%; padding: 40px 0; }
	.index-about .con .left .video .icon::after { font-size: 34px; }	.index-about .con .left .video > div::after { font-size: 34px; }
	.index-about .con .left .video .en { font-size: 18px; letter-spacing: 5px; margin-top: 10px; }
	.index-about .con .left .video .cn { margin-top: 6px; letter-spacing: 4px; }
	.index-about .con .right { width: 100%; padding: 30px; margin-left: 0; }
	.index-about .con .right::before { display: none; }
	.index-about .con::after { display: none; }
	.index-about .con .right::after { display: none; }
	.index-about .con .right .text { font-size: 16px; padding-top: 20px; line-height: 1.6; }
	.index-about .con .right .text::before { display: none; }
	.index-about .con .right .more { width: 100%; height: 40px; margin-top: 20px; }
	.index-about .con .right .line-1 { display: none; }
	.index-about .con .line-2 { display: none; }
	.index-about .list { width: 100%; padding: 30px; }
	.index-about .list .li { margin-bottom: 20px; }
	.index-about .list .li:last-child { margin-bottom: 0; }
	.index-about .list .li .num .s1 { font-size: 24px; }
	.index-about .list .li .num .s2 { margin-left: 6px; }
	.index-about .list .li .num .s3::after { font-size: 16px; margin-left: 4px; }
}



/* 产品中心 */
.index-product-center { padding: calc(100vw / 1920 * 106) 0 calc(100vw / 1920 * 144); }
.index-product-center .con { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(100vw / 1920 * 68); }
.index-product-center .list { position: relative; display: flex; flex-direction: column; overflow: hidden; flex: 1; border-radius: 10px calc(100vw / 1920 * 60) 10px calc(100vw / 1920 * 60); margin: 0 5px; }
.index-product-center .list .t { background-color: #fee2e2; padding: calc(100vw / 1920 * 56) 0 calc(100vw / 1920 * 51); }
.index-product-center .list .t .icon { position: relative; display: flex; justify-content: center; align-items: center; width: calc(100vw / 1920 * 111); height: calc(100vw / 1920 * 111); border-radius: 50%; background-color: #fff; margin: 0 auto; }
.index-product-center .list .t .icon img { width: calc(100vw / 1920 * 56); }
.index-product-center .list .b { display: flex; flex-direction: column; align-items: center; background-color: #f9f9f9; padding: calc(100vw / 1920 * 66) 0 calc(100vw / 1920 * 82); }
.index-product-center .list:nth-child(even) .b { background-color: #f2f1f1; }
.index-product-center .list .b .h3 { position: relative; color: #000; font-weight: bold; transition: color var(--t); font-size: calc(100vw / 1920 * 24); }
.index-product-center .list .b .more { overflow: hidden; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; border: 1px solid #e5e5e5; color: #c5c5c5; transition: all var(--t); border-radius: 22px; width: 136px; height: 44px; margin-top: calc(100vw / 1920 * 36); }
.index-product-center .list .b .more::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e71d1d, #f32262); transition: opacity var(--t); opacity: 0; }
.index-product-center .list .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity var(--t); }

.index-product-center .list:hover .bg { opacity: 1; }
.index-product-center .list:hover .b .h3 { color: #fff; }
.index-product-center .list:hover .b .more { border: 1px solid transparent; color: #fff; }
.index-product-center .list:hover .b .more::before { opacity: 1; }

@media (max-width: 1440px) {
	.index-product-center .list .b .more { width: 120px; height: 34px; font-size: 14px; }
}
@media (max-width: 1199px) {
	.index-product-center .con { padding: 0 10px; }
	.index-product-center .list { width: 24%; flex: initial; margin: 0; border-radius: 10px 40px 10px 40px; margin-bottom: 15px; }
	.index-product-center .list .b .h3 { font-size: 16px; }
}
@media (max-width: 767px) {
	.index-product-center { padding: 30px 6.25%; }
	.index-product-center .con { margin-top: 30px; }
	.index-product-center .list { width: 48%; border-radius: 10px 30px 10px 30px; }
	.index-product-center .list .t { padding: 20px 0; }
	.index-product-center .list .t .icon { width: 60px; height: 60px; }
	.index-product-center .list .t .icon img { width: 30px; }
	.index-product-center .list .b { padding: 30px 0; }
	.index-product-center .list .b .h3 { font-size: 17px; }
	.index-product-center .list .b .more { margin-top: 20px; }
}




/* 荣誉资质 */
.index-honor { padding: calc(100vw / 1920 * 120) 6.25% calc(100vw / 1920 * 94); }
.index-honor .con { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 90); }
.index-honor .con .left { width: 60.61%; }

.index-honor-slick { width: 100%; padding-bottom: 42px; }
.index-honor-slick .img.i-box { padding-bottom: 35.00491642084562%; }
.index-honor-slick .slick-dots { bottom: 0; }
.index-honor-slick .slick-dots li { margin: 0 7px; }
.index-honor-slick .slick-dots li button { width: 16px; height: 16px; background-color: #d8d8d8; }

.index-honor .con .right { flex: 1; padding-left: calc(100vw / 1920 * 66); padding-top: calc(100vw / 1920 * 24); }
.index-honor .con .right .list { display: flex; flex-wrap: wrap; margin-bottom: calc(100vw / 1920 * 32); }
.index-honor .con .right .list .li { width: calc(100vw / 1920 * 74); border: 1px solid #e5e5e5; margin-right: calc(100vw / 1920 * 13); margin-bottom: 10px; }
.index-honor .con .right .list .li:last-child { margin-right: 0; }
.index-honor .con .right .list .li .i-box { padding-bottom: 100%; }
.index-honor .con .right .h3 { color: #e00000; font-weight: bold; font-size: calc(100vw / 1920 * 26); }
.index-honor .con .right .text { line-height: 1.875; margin-top: calc(100vw / 1920 * 26); }

@media (max-width: 1440px) {
	.index-honor .con .right .h3 { font-size: 17px; }
	.index-honor .con .right .text { font-size: 14px; }
}
@media (max-width: 1199px) {
	.index-honor .con .left { width: 100%; margin: 0 auto; }
	.index-honor .con .right { flex: initial; width: 100%; padding: 30px 0 0 0; }
	.index-honor .con .right .list .li { width: 60px; margin-right: 10px; }
	.index-honor .con .right .text { font-size: 16px; }
}
@media (max-width: 767px) {
	.index-honor { padding: 30px 6.25%; }
	.index-honor .con { margin-top: 20px; }
	.index-honor .con .right .list .li { width: 50px; margin-right: 5px; }
	.index-honor .con .right .text { margin-top: 20px; }
	.index-honor-slick { padding-bottom: 30px; }
	.index-honor-slick .slick-dots li { margin: 0 5px; }
	.index-honor-slick .slick-dots li button { width: 12px; height: 12px; }
}




/* 旗下公司 */.index-company { padding: calc(100vw / 1920 * 120) 6.25% calc(100vw / 1920 * 108); }
.index-company .text { line-height: 1.875; color: #000; text-align: center; width: 840px; margin: 12px auto 0; }
.index-company .con { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.index-company .con .pic { position: relative; width: 49%; height: 570px; }
.index-company .con .img { position: absolute; top: 0; left: 0; width: 100%; border-radius: 10px; height: 100%; opacity: 0; visibility: hidden; transition: all var(--t); }
.index-company .con .img.active { opacity: 1; visibility: visible; }
.index-company .con .list { display: flex; flex-direction: column; justify-content: space-between; width: 48.42%; border-top: 1px solid #eaeaea; }
.index-company .con .list .li { border-bottom: 1px solid #eaeaea; transition: all var(--t); }
.index-company .con .list .li .h3 { color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 28); padding: calc(100vw / 1920 * 35) 0; transition: color var(--t); }
.index-company .con .list .li .txt { color: #666; line-height: 1.875; height: 0; overflow: hidden; -webkit-line-clamp: 4; transition: height var(--t); }
.index-company .con .list .li.active { padding-bottom: calc(100vw / 1920 * 52); }
.index-company .con .list .li.active .h3 { color: #e00000; }
.index-company .con .list .li.active .txt { height: 7.5em; }

@media (max-width: 1680px) {
	.index-company .con .pic { height: 514px; }
}
@media (max-width: 1440px) {
	.index-company .con .pic { height: 442px; }
	.index-company .con .list .li .txt { font-size: 14px; }
}
@media (max-width: 1199px) {
	.index-company .text { font-size: 14px; }
	.index-company .con .pic { height: 388px; }
	.index-company .con .list .li .h3 { font-size: 18px; }
}
@media (max-width: 991px) {
	.index-company .text { width: 100%; }
}
@media (max-width: 767px) {
	.index-company { padding: 30px 6.25%; }
	.index-company .text { font-size: 16px; margin-top: 20px; }
	.index-company .con { margin-top: 20px; }
	.index-company .con .pic { width: 100%; height: 230px; }
	.index-company .con .list { width: 100%; margin-top: 20px; }
	.index-company .con .list .li .h3 { padding: 15px 0; }
	.index-company .con .list .li.active { padding-bottom: 15px; }
}




/* 新闻中心 */
.index-news { padding: 0 6.25% calc(100vw / 1920 * 106); }
.index-news .con { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(100vw / 1920 * 60); }
.index-news .con .left { width: 49%; }
.index-news-slick .img.i-box { padding-bottom: 66.58536585365854%; }
.index-news-slick .img .p { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; font-weight: bold; background-color: rgba(224,0,0,.6); font-size: calc(100vw / 1920 * 24); padding: calc(100vw / 1920 * 26) calc(100vw / 1920 * 25); }
.index-news-slick .slick-dots { left: auto; right: 18px; transform: translateX(0); bottom: calc(100vw / 1920 * 100); }
.index-news-slick .slick-dots li { margin: 0 8px; }
.index-news-slick .slick-dots li button { width: 14px; height: 14px; }
.index-news-slick .slick-dots li.slick-active button { background: #e00000; }

.index-news .con .right { display: flex; flex-wrap: wrap; justify-content: space-between; width: 48.7%; }
.index-news .con .right .list { width: 47%; background-color: #f3f3f3; }
.index-news .con .right .list .img.i-box { padding-bottom: 66.57963446475196%; }
.index-news .con .right .list .text { padding: calc(100vw / 1920 * 28) calc(100vw / 1920 * 25); }
.index-news .con .right .list .text .h3 { color: #010101; line-height: 1.5; transition: color var(--t); font-size: calc(100vw / 1920 * 24); }
.index-news .con .right .list .text .des { color: #a1a1a1; line-height: 1.875; margin-top: calc(100vw / 1920 * 16); }
.index-news .con .right .list .text .more { position: relative; overflow: hidden; z-index: 1; display: flex; justify-content: center; align-items: center; border: 1px solid #dcdcdc; color: #b2b2b2; border-radius: 24px; width: calc(100vw / 1920 * 180); height: calc(100vw / 1920 * 48); margin-top: calc(100vw / 1920 * 30); transition: color var(--t); }
.index-news .con .right .list .text .more::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e71d1d, #f32262); transition: opacity var(--t); opacity: 0; }
.index-news .con .right .list:hover .text .h3 { color: #e00000; }
.index-news .con .right .list:hover .text .more { color: #fff; }
.index-news .con .right .list:hover .text .more::after { opacity: 1; }

@media (max-width: 1440px) {
	.index-news .con .right .list .text .des { font-size: 14px; }
	.index-news .con .right .list .text .more { font-size: 14px; width: 160px; height: 40px; }
}
@media (max-width: 1199px) {
	.index-news-slick .img .p { font-size: 16px; padding: 20px; }
	.index-news .con .right .list .text .h3 { font-size: 16px; }
	.index-news-slick .slick-dots { bottom: 76px; }
}
@media (max-width: 991px) {
	.index-news .con .left { width: 100%; }
	.index-news .con .right { width: 100%; margin-top: 30px; }
	.index-news .con .right .list { width: 48%; }
	.index-news .con .right .list .text { padding: 20px; }
	.index-news .con .right .list .text .h3 { font-size: 18px; }
	.index-news-slick .img .p { font-size: 18px; }
}
@media (max-width: 767px) {
	.index-news { padding: 0 6.25% 30px; }
	.index-news .con { margin-top: 30px; }
	.index-news .con .right { margin-top: 20px; }
	.index-news .con .right .list { width: 100%; margin-bottom: 20px; }
	.index-news .con .right .list:last-child { margin-bottom: 0; }
	.index-news .con .right .list .text .h3 { font-size: 16px; }
	.index-news .con .right .list .text .des { margin-top: 10px; }
	.index-news .con .right .list .text .more { width: 100%; margin-top: 20px; }
	.index-news-slick .img .p { font-size: 14px; padding: 15px; }
	.index-news-slick .slick-dots { bottom: 60px; right: 12px; }
	.index-news-slick .slick-dots li { margin: 0 4px; }
	.index-news-slick .slick-dots li button { width: 10px; height: 10px; }
}




/* footer */
.footer { padding: 0 6.25%; color: #fff; }
.footer .top { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: calc(100vw / 1920 * 106); }
.footer .top .left { width: 310px; }
.footer .top .left .logo { width: 219px; }
.footer .top .left .logo .i-box { padding-bottom: 31.05022831050228%; }
.footer .top .left .text { line-height: 2.25; margin-top: calc(100vw / 1920 * 42); }
.footer .top .middle { display: flex; flex-wrap: wrap; padding-top: 4px; }
.footer .top .middle .ul { margin-right: calc(100vw / 1920 * 100); }
.footer .top .middle .ul:last-child { margin-right: 0; }
.footer .top .middle .ul > a { font-size: 18px; }
.footer .top .middle .ul .li { display: flex; flex-direction: column; margin-top: calc(100vw / 1920 * 32); }
.footer .top .middle .ul .li > a { margin-bottom: calc(100vw / 1920 * 20); }
.footer .top .middle .ul .li > a:last-child { margin-bottom: 0; }
.footer .top .right { padding-top: 4px; padding-right: calc(100vw / 1920 * 88); }
.footer .top .right p { font-size: 18px; }
.footer .top .right .code { width: 178px; margin-top: calc(100vw / 1920 * 32); }
.footer .top .right .code .i-box { padding-bottom: 100%; }
.footer .bot { display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.1); margin-top: calc(100vw / 1920 * 70); padding: calc(100vw / 1920 * 46) 0; }
.footer .bot > p { display: flex; flex-wrap: wrap; }
.footer .bot > p a { margin-left: 20px; }

@media (max-width: 1680px) {
	.footer .top .right { padding-right: 0; }
}
@media (max-width: 1440px) {
	.footer .top .left .logo { width: 160px; }
	.footer .top .middle .ul { margin-right: calc(100vw / 1920 * 50); }
	.footer .top .middle .ul .li { margin-top: 20px; }
	.footer .top .middle .ul .li > a { margin-bottom: 15px; }
	.footer .top .right .code { margin-top: 20px; }
}
@media (max-width: 1199px) {	.footer .top .left { width: 220px; }
	.footer .top .left .logo { width: 120px; }
	.footer .top .left .text { font-size: 14px; line-height: 2; margin-top: 20px; }
	.footer .top .middle .ul > a { font-size: 16px; }
	.footer .top .middle .ul .li { font-size: 14px; }
	.footer .top .right p { font-size: 16px; }
	.footer .top .right .code { width: 140px; }
	.footer .bot { margin-top: 30px; padding: 20px 0; font-size: 14px; }
}
@media (max-width: 991px) {
	.footer .top .left { width: 300px; }
	.footer .top .middle { display: none; }
}
@media (max-width: 767px) {
	.footer .top { padding-top: 30px; }
	.footer .top .left { width: 100%; }
	.footer .top .left .text { margin-top: 10px; }
	.footer .top .right { padding-top: 0; margin-top: 20px; }
	.footer .top .right .code { margin-top: 15px; }
	.footer .bot { justify-content: center; }
	.footer .bot > p { justify-content: center; text-align: center; line-height: 1.5; }
}




/* 内页 banner */
.page-banner { position: relative; }
.page-banner .img.i-box { padding-bottom: 31.25%; }
.page-banner .con { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: calc(100vw / 1920 * 90); }
.page-banner .con .text { width: 100%; padding: 0 6.25%; }
.page-banner .con .text .h2 { color: #fff; font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.page-banner .img img { animation: banner 4s 0s ease both; }

@media (max-width: 1199px) {
	.page-banner .con { padding-top: calc(100vw / 1920 * 60); }
}
@media (max-width: 767px) {
	.page-banner { margin-top: 60px; }	.page-banner .con { padding-top: 0; }
	.page-banner .con .text .h2 { font-size: 18px; }
}


/* 内页导航 */
.page-nav { position: relative; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; height: 84px; padding: 0 6.25%; font-size: calc(100vw / 1920 * 22); }
/* 移动端 */
.page-nav .mobile { display: none; justify-content: space-between; width: 100%; }
.page-nav .mobile .h2 { display: flex; align-items: center; background-color: var(--c); color: #fff; font-size: 16px; 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-color: #333; }
.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; width: calc(100% - 330px); }
.page-nav .nav a { position: relative; z-index: 1; display: flex; align-items: center; white-space: nowrap; color: #333; padding: 0 34px; transition: all .8s; }
.page-nav .nav a::before { content: ''; position: absolute; z-index: -1; top: -7px; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, #e61f19, #f63731); border-top-right-radius: 10px; opacity: 0; transition: opacity var(--t); }
.page-nav .nav a.active { color: #fff; }
.page-nav .nav a.active::before { opacity: 1; }
.page-nav .nav a:hover { color: #fff; }
.page-nav .nav a:hover::before { opacity: 1; }
/* 面包屑 */
.page-nav .link { display: flex; align-items: center; font-size: 16px; }
.page-nav .link::before { font-family: 'ifont'; content: '\e60c'; color: #727274; font-size: calc(100vw / 1920 * 35); margin-right: 16px; margin-bottom: 5px; }
.page-nav .link i { margin: 0 6px; }
.page-nav .link a { transition: color .5s; }
.page-nav .link a:hover { color: #e61f19; }
.page-nav .link span { color: #e61f19; }

@media(max-width: 1440px) {
	.page-nav { font-size: 18px; }
}
@media(max-width: 1199px) {
	.page-nav { font-size: 16px; height: 64px; }
	.page-nav .link { font-size: 14px; }
	.page-nav .link::before { margin-right: 10px; }
}
@media(max-width: 991px) {
	.page-nav .nav { width: 100%; }
	.page-nav .link { display: none; }
}
@media (max-width: 767px) {
	.page-nav { height: 50px; }
	.page-nav .mobile { display: flex; }
	.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%; }
	.page-nav .nav a::before { top: 0; border-top-right-radius: 0; }
}



/* 关于我们-亚西亚药业 */
.about { display: flex; flex-wrap: wrap; padding-top: calc(100vw / 1920 * 128); overflow: hidden; }
.about .left { width: 50%; padding: 0 calc(100vw / 1920 * 50) calc(100vw / 1920 * 144) calc(100vw / 1920 * 120); }
.about .left .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.about .left .text { color: #666; line-height: 2; font-size: 18px; margin-top: calc(100vw / 1920 * 45); }
.about .right { width: 50%; }

@media (max-width: 1440px) {
	.about .left .text { font-size: 16px; }
}
@media (max-width: 1199px) {
	.about .left .text { font-size: 14px; }
}
@media (max-width: 767px) {
	.about { padding: 30px 0 0; }
	.about .left { width: 100%; padding: 0 6.25%; }
	.about .left .h2 { font-size: 18px; }
	.about .left .text { margin-top: 20px; font-size: 16px; }
	.about .right { width: 100%; height: 220px; margin-top: 30px; }
}


.about-list { display: flex; flex-wrap: wrap; background-color: #f3f7fb; padding: calc(100vw / 1920 * 78) 6.25% calc(100vw / 1920 * 106); }
.about-list .list { width: 31.1%; margin-right: 3.35%; }
.about-list .list:last-child { margin-right: 0; }
.about-list .list .top { background-color: #fff; padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 50) calc(100vw / 1920 * 32); }
.about-list .list .img.i-box { padding-bottom: 56.92307692307692%; }
.about-list .list .top .num { display: flex; line-height: calc(100vw / 1920 * 38); }
.about-list .list .top .num .p1 { color: #e61f19; font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.about-list .list .top .num .p2 { display: flex; justify-content: center; align-items: center; background-color: #e61f19; color: #fff; border-radius: 50%; width: 22px; height: 22px; margin-left: 4px; line-height: 1; }
.about-list .list .top .text { line-height: 2.25; margin-top: calc(100vw / 1920 * 20); }

@media (max-width: 1440px) {
	.about-list .list .top .text { line-height: 2; font-size: 14px; }
	.about-list .list .top .num .p2 { font-size: 14px; width: 20px; height: 20px; }
}
@media (max-width: 1199px) {
	.about-list .list .top { padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 40) calc(100vw / 1920 * 32); }
	.about-list .list .top .num .p2 { font-size: 12px; width: 16px; height: 16px; }
}
@media (max-width: 991px) {
	.about-list .list .top .num .p1 { font-size: 24px; line-height: 1; }
	.about-list .list .top .text { font-size: 12px; }
}
@media (max-width: 767px) {
	.about-list { padding: 30px 6.25%; }
	.about-list .list { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.about-list .list:last-child { margin-bottom: 0; }
	.about-list .list .top { padding: 20px; }
	.about-list .list .top .text { font-size: 15px; margin-top: 10px; }
}


.about-title { display: flex; flex-direction: column; }
.about-title .h2 { color: #000; font-size: calc(100vw / 1920 * 48); }
.about-title .en { color: #979797; font-family: initial; font-weight: 100; text-transform: capitalize; font-size: calc(100vw / 1920 * 48); margin-top: calc(100vw / 1920 * 22); }

@media (max-width: 767px) {
	.about-title .h2 { font-size: 18px; }
	.about-title .en { font-size: 18px; margin-top: 10px; }
}
/* 发展历程 */
.about-history { overflow: hidden; padding: calc(100vw / 1920 * 130) 0 calc(100vw / 1920 * 140); }
.about-history .about-title { padding: 0 6.25%; }
.about-history .about-title .h2 { color: #fff; }
.about-history .about-title .en { color: rgba(254,254,254,.6); }
.gallery-container { margin-top: calc(100vw / 1920 * 42); }
.gallery-top { padding: 0 6.25%; }
.gallery-top .item .top { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.gallery-top .item .top .n { color: #fff; font-weight: bold; font-size: calc(100vw / 1920 * 200); }
.gallery-top .item .top .img { width: calc(100vw / 1920 * 454); margin-left: calc(100vw / 1920 * 80); }
.gallery-top .item .top .img .i-box { padding-bottom: 65.63876651982379%; }
.gallery-top .item .text { color: #fff; text-align: center; line-height: 1.4; font-size: 20px; margin-top: calc(100vw / 1920 * 60); }

.gallery-thumbs { position: relative; padding: 0 6.25%; margin-top: calc(100vw / 1920 * 100); }
.gallery-thumbs::before { content: ''; position: absolute; top: 16px; left: 0; width: 100%; height: 1px; background-color: rgba(255,255,255,.3); }
.gallery-thumbs .item { position: relative; color: #fff; text-align: center; font-size: 24px; padding-top: 37px; }
.gallery-thumbs .item::before { content: ''; position: absolute; top: 17px; left: 50%; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; transform: translate(-50%, -50%); transition: background var(--t); }
.gallery-thumbs .item::after { content: ''; position: absolute; z-index: -1; top: 16px; left: 50%; width: 30px; height: 30px; background-color: rgba(255,255,255,.3); border-radius: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity var(--t); }
.gallery-thumbs.slide-count .slick-track { transform: translate3d(0,0,0)!important; }
.gallery-thumbs .slick-current .item::before { background-color: #e61f19; }
.gallery-thumbs .slick-current .item::after { opacity: 1; }
.about-history .gallery-top .slick-arrow { background: rgba(255,255,255,.4); color: #fff; }
.about-history .gallery-top .slick-arrow:hover { background: rgba(255,255,255,1); color: var(--c); }
.about-history .gallery-top .slick-prev { left: 6.25%; }
.about-history .gallery-top .slick-next { right: 6.25%; }

@media (max-width: 1440px) {
	.gallery-top .item .text { font-size: 18px; }
	.gallery-thumbs .item { font-size: 22px; }
}
@media (max-width: 1199px) {
	.gallery-top .item .text { font-size: 16px; }
	.gallery-thumbs .item { font-size: 20px; }
}
@media (max-width: 767px) {
	.about-history { padding: 30px 0; }
	.gallery-container { margin-top: 30px; }
	.gallery-top .item .top .n { font-size: 40px; }
	.gallery-top .item .top .img { width: 100%; margin: 20px 0 0; }
	.gallery-top .item .text { margin-top: 20px; }
	.gallery-thumbs { margin-top: 20px; }
	.gallery-thumbs .item { font-size: 18px; }
}


/* 公司布局 */
.about-layout { padding: calc(100vw / 1920 * 130) 6.25%; }
.about-layout .con { display: flex; justify-content: flex-start; width: 100%; height: 600px; overflow: hidden; margin-top: calc(100vw / 1920 * 45); }
.about-layout .con img { max-width: initial; }
.about-layout .con .list { display: flex; align-items: flex-end; position: relative; z-index: 1; width: 16.9%; margin-right: 1.196%; overflow: hidden; border-radius: calc(100vw / 1920 * 50); }
.about-layout .con .list:last-child { margin-right: 0; }
.about-layout .con .list:first-child { width: 46.623%; }
.about-layout .con .list > .h3 { position: absolute; z-index: -1; top: calc(100vw / 1920 * 76); left: 50%; transform: translateX(-50%); color: #fff; writing-mode: vertical-rl; white-space: nowrap; opacity: 1; transition: opacity var(--t); font-size: calc(100vw / 1920 * 32); }
.about-layout .con .list .text { position: relative; z-index: 1; background: rgba(255,255,255,.9); width: 88.1%; opacity: 0; transition: opacity var(--t); transition-delay: -0.5s;  margin: 0 auto calc(100vw / 1920 * 40); border-radius: calc(100vw / 1920 * 20); padding: calc(100vw / 1920 * 45) calc(100vw / 1920 * 34) calc(100vw / 1920 * 36); }
.about-layout .con .list .text > .h3 { text-align: center; font-size: calc(100vw / 1920 * 32); }
.about-layout .con .list .text .des { color: #000; line-height: 1.875; margin-top: calc(100vw / 1920 * 24); }
.about-layout .con .list.active > .h3 { opacity: 0; }
.about-layout .con .list.active .text { opacity: 1; transition-delay: .5s; }

@media (max-width: 1440px) {
	.about-layout .con { height: 500px; }
	.about-layout .con .list .text .des { font-size: 14px; }
}
@media (max-width: 1199px) {
	.about-layout .con { height: 400px; }
	.about-layout .con .list .text .des { font-size: 12px; }
}
@media (max-width: 991px) {
	.about-layout .con .list > .h3 { font-size: 18px; }
	.about-layout .con .list .text > .h3 { font-size: 18px; }
}
@media (max-width: 767px) {
	.about-layout { padding: 30px 6.25%; }
	.about-layout .con { flex-direction: column; height: auto; margin-top: 30px; }
	.about-layout .con .list { width: 100%; height: 100px; margin-right: 0; border-radius: 15px; margin-bottom: 20px; }
	.about-layout .con .list:last-child { margin-bottom: 0; }
	.about-layout .con .list:first-child { width: 100%; height: 400px; }
	.about-layout .con .list > .h3 { writing-mode: initial; top: 50%; transform: translate(-50%,-50%); }
	.about-layout .con .list .text { padding: 20px; border-radius: 10px; margin: 0 auto 20px; }
	.about-layout .con .list .text .des { font-size: 14px; margin-top: 10px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; }
}


/* 社会责任 */.about-social .top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding: 0 6.25%; }
.about-social .top .text { width: 63.5%; line-height: 1.8; font-size: 20px; }
.about-social .con { position: relative; color: #fff; height: calc(100vw / 1920 * 886); margin-top: calc(100vw / 1920 * 70); }
.about-social .con .box-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.about-social .con .box-bg .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all var(--t); }
.about-social .con .box-bg .bg.active { opacity: 1; visibility: visible; }
.about-social .con .box-list { display: flex; flex-wrap: wrap; height: 100%; }
.about-social .con .list { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; transition: background-color var(--t); padding: calc(100vw / 1920 * 300) calc(100vw / 1920 * 80) calc(100vw / 1920 * 100); }
.about-social .con .list::after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,.3); }
.about-social .con .list .icon { width: 67px; height: 77px; }
.about-social .con .list .icon img { width: 100%; height: 100%; }
.about-social .con .list .h3 { font-size: calc(100vw / 1920 * 36); margin-top: 1em; }
.about-social .con .list .des { line-height: 1.67; text-align: center; opacity: 0; transition: opacity var(--t); font-size: 18px; margin-top: calc(100vw / 1920 * 30); }
.about-social .con .list.active { background-color: rgba(230,31,25,.7); }
.about-social .con .list.active .des { opacity: 1; }
@media (max-width: 1440px) {
	.about-social .top .text { font-size: 18px; }
	.about-social .con { height: 660px; }
	.about-social .con .list .icon { width: 57px; height: 67px; }
	.about-social .con .list .des { font-size: 16px; }
}
@media (max-width: 1199px) {
	.about-social .top .text { font-size: 16px; }
	.about-social .con { height: 600px; }
	.about-social .con .list .des { font-size: 14px; }
}
@media (max-width: 991px) {
	.about-social .top .text { font-size: 14px; }
	.about-social .con { height: 550px; }
	.about-social .con .list .icon { width: 47px; height: 55px; }
}
@media (max-width: 767px) {
	.about-social .top .text { width: 100%; margin-top: 20px; }
	.about-social .con { height: auto; margin-top: 20px; }
	.about-social .con .list { flex: initial; width: 100%; background-color: rgba(230,31,25,.7); padding: 20px; }
	.about-social .con .list .h3 { font-size: 18px; }
	.about-social .con .list .des { opacity: 1; margin-top: 15px; }
	.about-social .con .list::after { top: auto; right: auto; left: 0; bottom: 0; width: 100%; height: 1px; }
}




/* 产品中心 */
.product-list { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; padding: 40px 6.25% calc(100vw / 1920 * 110); }
.product-list .nav { position: sticky; top: 100px; border: 1px solid #eaeaea; width: 283px; }
.product-list .nav .ul { border-bottom: 1px solid #eaeaea; }
.product-list .nav .ul:last-child { border-bottom: none; }
.product-list .nav .ul > a { display: flex; justify-content: space-between; align-items: center; color: #000; background-color: #f6f6f6; transition: all var(--t); font-size: 22px; padding: calc(100vw / 1920 * 28) calc(100vw / 1920 * 20); }
.product-list .nav .ul > a span { position: relative; width: 21px; height: 21px; }
.product-list .nav .ul > a span::before { content: ''; position: absolute; top: 50%; left: 1px; width: 21px; height: 1px; background-color: #7a7a7a; transition: all var(--t);  }
.product-list .nav .ul > a span::after { content: ''; position: absolute; top: 1px; left: 50%; width: 1px; height: 21px; background-color: #7a7a7a; transition: all var(--t); }
.product-list .nav .ul.active > a { background-color: var(--c); color: #fff; }.product-list .nav .ul:hover > a { background-color: var(--c); color: #fff; }
.product-list .nav .ul.active > a span::before { background-color: #fff; transform: rotate(180deg); }
.product-list .nav .ul.active > a span::after { opacity: 0; transform: rotate(180deg); }
.product-list .nav .ul .li { display: none; }
.product-list .nav .ul .li > a { display: block; position: relative; border-bottom: 1px solid #eaeaea; color: #666; transition: all var(--t); font-size: 18px; padding: calc(100vw / 1920 * 20) calc(100vw / 1920 * 26); padding-right: 40px; }
.product-list .nav .ul .li > a:last-child { border-bottom: none; }
.product-list .nav .ul .li > a::after { position: absolute; top: 50%; right: 26px; transform: translateY(-50%); font-family: 'ifont'; content: '\e616'; transition: all var(--t); color: #fff; opacity: 0; font-size: 19px; }
.product-list .nav .ul .li > a.cur { background-color: #f9443e; color: #fff; }
.product-list .nav .ul .li > a:hover { background-color: #f9443e; color: #fff; }
.product-list .nav .ul .li > a.cur::after { right: 16px; opacity: 1; }
.product-list .nav .ul .li > a:hover::after { right: 16px; opacity: 1; }
.product-list .con { flex: 1; display: flex; flex-wrap: wrap; align-content: flex-start; padding-left: calc(100vw / 1920 * 46); }
.product-list .con .list { width: 32%; margin-right: 2%; margin-bottom: calc(100vw / 1920 * 30); }
.product-list .con .list:nth-child(3n) { margin-right: 0; }
.product-list .con .list .img.i-box { padding-bottom: 66.52360515021459%; }
.product-list .con .list .h3 { position: relative; display: flex; align-items: center; background-color: #f5f5f5; transition: all var(--t); height: calc(100vw / 1920 * 113); padding: 0 calc(100vw / 1920 * 25); padding-right: 80px; font-size: 18px; }
.product-list .con .list .h3::after { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); font-family: 'ifont'; content: '\e616'; transition: all var(--t); font-size: 22px; }
.product-list .con .list:hover .h3 { background-color: var(--c); color: #fff; }
.product-list .con .list:hover .h3::after { color: #fff; }
/* 分页 */
.page-link { display: flex; justify-content: center; width: 100%; font-size: 20px; margin-top: calc(100vw / 1920 * 36); }
.page-link ul { display: flex; }
.page-link ul li {
	width: 60px; height: 60px; border: 1px solid #eee; color: #b2b2b2; border-radius: 50%; margin: 0 calc(100vw / 1920 * 15);
	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) {
	.product-list .nav { width: 250px; }
	.product-list .nav .ul > a { font-size: 18px; }
	.product-list .nav .ul .li > a { font-size: 16px; }
	.product-list .nav .ul .li > a::after { font-size: 16px; }
	.product-list .con .list .h3 { font-size: 16px; padding-right: 50px; }
	.product-list .con .list .h3::after { right: 20px; font-size: 18px; }
	.page-link { font-size: 18px; }
	.page-link ul li { width: 50px; height: 50px; }
}
@media (max-width: 1199px) {
	.product-list .nav { width: 210px; }
	.product-list .nav .ul > a { font-size: 16px; padding: 12px 16px; }
	.product-list .nav .ul > a span { width: 18px; height: 18px; }
	.product-list .nav .ul > a span::before { left: 0; width: 18px; }
	.product-list .nav .ul > a span::after { top: 0; height: 18px; }
	.product-list .nav .ul .li > a { font-size: 14px; padding: 12px 16px; padding-right: 30px; }
	.product-list .nav .ul .li > a::after { font-size: 14px; }
	.product-list .nav .ul .li > a.cur::after { right: 12px; }
	.product-list .con .list .h3 { height: auto; font-size: 14px; padding: 15px; padding-right: 40px; }
	.product-list .con .list .h3::after { font-size: 16px; right: 15px; }
	.page-link { font-size: 16px; }
	.page-link ul li { width: 45px; height: 45px; }
}
@media (max-width: 991px) {
	.product-list .con { justify-content: space-between }
	.product-list .con .list { width: 48%; margin-right: 0; margin-bottom: 20px; }
}
@media (max-width: 767px) {
	.product-list { padding: 30px 6.25%; }
	.product-list .nav { width: 100%; }
	.product-list .nav .ul > a { padding: 10px 16px; }
	.product-list .nav .ul .li > a { padding: 10px 16px; }
	.product-list .con { padding-left: 0; margin-top: 30px; }
	.product-list .con .list { margin-bottom: 20px; }
	.product-list .con .list .h3 { font-size: 14px; padding: 10px; line-height: 1.2; min-height: 54px; }	.product-list .con .list .h3::after { display: none; }
	.page-link { margin-top: 10px; }
	.page-link ul li { width: 35px; height: 35px; margin: 0 5px; }
	.page-link ul li a, .page-link ul li span { padding-top: 0; }
}


/* 产品详情 */
.product-info { width: calc(100% - 283px); }
.product-info-slick { width: 100%; }
.product-info-slick .img.i-box { padding-bottom: 33.82679496669134%; }
.product-info .bottom { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; background: #f3f7fb; padding: 23px; margin-top: 20px; }
.product-info .bottom .img { width: 53.853%; }
.product-info .bottom .img .i-box { padding-bottom: 66.52360515021459%; }
.product-info .bottom table { width: 42.527%; background-color: #fff; overflow: hidden; border-top-right-radius: 10px; font-size: 18px; }
.product-info .bottom table tr:first-child { background-color: var(--c); color: #fff; font-size: 20px; }
.product-info .bottom table tr:first-child td { line-height: 1; padding: calc(100vw / 1920 * 18) 24px; }
.product-info .bottom table tr td { position: relative; vertical-align: initial; line-height: 1.465; padding: 0 34px; }
.product-info .bottom table tr td:first-child { border-right: 5px solid #f3f7fb; white-space: nowrap; padding: calc(100vw / 1920 * 7) 24px; }
.product-info .bottom table tr td:first-child::before { content: ''; position: absolute; left: 21px; top: 37px; background: url(../images/product-info-icon.png) center / cover no-repeat; width: 36px; height: 1px; }
.product-info .bottom table tr:first-child td:first-child::before { display: none; }


/* 在线询盘 */
.online-message { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 6.25% calc(100vw / 1920 * 180); }
.online-message .title .h2 { color: #000; font-size: calc(100vw / 1920 * 48); }
.online-message .title .en { color: #979797; font-family: initial; font-weight: 100; font-size: calc(100vw / 1920 * 48); margin-top: calc(100vw / 1920 * 20); }
.online-message .title .des { font-size: 20px; margin-top: calc(100vw / 1920 * 34); }
.online-message .form { width: 63%; }
.online-message .form .text { display: flex; flex-wrap: wrap; justify-content: space-between; }
.online-message .form .input { width: 47.5%; height: 80px; border-radius: 40px; background-color: #f3f7fb; color: #666; font-size: 20px; padding: 0 40px; margin-bottom: 30px; }
.online-message .form .textarea { width: 100%; height: 228px; background-color: #f3f7fb; color: #666; border-radius: 10px; font-size: 20px; padding: 30px 40px; margin-bottom: 60px; }
.online-message .form .button { width: 210px; height: 60px; background: #f3f7fb; border-radius: 30px; border-bottom-right-radius: 0; color: #4d4d4d; transition: all var(--t); cursor: pointer; font-size: 20px; margin-right: 30px; }
.online-message .form .button:hover { background: var(--c); color: #fff; }

@media (max-width: 1680px) {
	.product-info .bottom table { font-size: 16px; }
	.product-info .bottom table tr:first-child { font-size: 18px; }
	.product-info .bottom table tr:first-child td { padding: 8px 24px; }
	.product-info .bottom table tr td { line-height: 1.5; padding: 5px 24px; }
	.product-info .bottom table tr td:first-child { padding: 5px 24px; }
	.product-info .bottom table tr td:first-child::before { top: 32px; }
}
@media (max-width: 1440px) {
	.product-info-slick .slick-dots li button { width: 15px; height: 15px; }
	.product-info .bottom { flex-wrap: wrap; }
	.product-info .bottom .img { width: 100%; }
	.product-info .bottom table { width: 100%; margin-top: 20px; }
	.online-message .title .des { font-size: 18px; }
	.online-message .form .input { height: 60px; padding: 0 30px; font-size: 18px; }
	.online-message .form .textarea { font-size: 18px; padding: 30px; margin-bottom: 30px; }
	.online-message .form .button { font-size: 18px; }
}
@media (max-width: 1199px) {
	.online-message .title .des { font-size: 16px; }
	.online-message .form .input { font-size: 16px; }
	.online-message .form .textarea { font-size: 16px; }
	.online-message .form .button { font-size: 16px; }
}
@media (max-width: 991px) {
	.online-message .form { width: 100%; margin-top: 30px; }
}
@media (max-width: 767px) {
	.product-info-slick .slick-dots li button { width: 10px; height: 10px; }
	.product-info .bottom table { font-size: 14px; }
	.product-info .bottom table tr:first-child { font-size: 14px; }
	.product-info .bottom table tr td { white-space: initial; }
	.product-info .bottom table tr td:first-child::before { left: 8px; }
	.online-message .title .h2 { font-size: 18px; }
	.online-message .title .en { font-size: 18px; margin-top: 10px; }
	.online-message .title .des { margin-top: 10px; }
	.online-message .form .input { width: 100%; height: 45px; padding: 0 20px; margin-bottom: 10px; }
	.online-message .form .textarea { padding: 20px; margin-bottom: 10px; height: 150px; }
	.online-message .form .button { width: 140px; height: 45px; margin-right: 10px; }
}


/* 产品中心-化妆品原料 */
.product-list-2.con .list { width: 100%; height: calc(100vw / 1920 * 427); margin: 0 0 27px; }
@media (max-width: 1680px) {
	.product-list-2.con .list { height: calc(100vw / 1920 * 412); }
}
@media (max-width: 1440px) {
	
}
@media (max-width: 1199px) {
	
}
@media (max-width: 991px) {
	.product-list-2.con .list { height: calc(100vw / 1920 * 384); }
}
@media (max-width: 767px) {
	.product-list .nav { position: relative; top: 0; }
	.product-list-2.con { flex: initial; width: 100%; }
	.product-list-2.con .list { height: 140px; margin-bottom: 15px; }
}


/* 产品-植物提取物 */
.product-extract { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 6.25% calc(100vw / 1920 * 170); }
.product-extract .list { width: 49.5%; margin-bottom: 20px; }
.product-extract .list .img.i-box { padding-bottom: 44.44444444444444%; }
.product-extract .list .h3 { background-color: #f3f7fb; text-align: center; color: #000; font-size: calc(100vw / 1920 * 24); padding: calc(100vw / 1920 * 30); }

@media (max-width: 1440px) {
	.product-extract .list .h3 { font-size: 18px; padding: 22px; }
}
@media (max-width: 1199px) {
	.product-extract { padding: 30px 6.25% calc(100vw / 1920 * 170); }
	.product-extract .list .h3 { font-size: 16px; padding: 20px; }
}
@media (max-width: 767px) {
	.product-extract { padding: 30px 6.25%; }
	.product-extract .list { width: 100%; }
	.product-extract .list .h3 { padding: 16px; }
}


/* 复配营养素 */
.product-nutrient { padding: 50px 6.25%; }
.product-nutrient .list { position: relative; margin-bottom: calc(100vw / 1920 * 80); }
.product-nutrient .list .img { position: absolute; z-index: 1; top: 0; left: 0; box-shadow: calc(100vw / 1920 * 30) 0 calc(100vw / 1920 * 30) rgba(14,5,10,.1); width: 71.7%; }
.product-nutrient .list .img .i-box { padding-bottom: 50%; }
.product-nutrient .list .box { width: 57.4%; background-color: #f3f7fb; clip-path: polygon(0 0, 100% 0, 100% 100%, 26.25% 100%, 0 90%); margin-left: auto; padding: calc(100vw / 1920 * 38) calc(100vw / 1920 * 25) calc(100vw / 1920 * 96) calc(100vw / 1920 * 530); }
.product-nutrient .list .box .top { display: flex; border-top-right-radius: 20px; background-color: #fff; color: #000; font-size: calc(100vw / 1920 * 24); height: calc(100vw / 1920 * 66); }
.product-nutrient .list .box .top p { display: flex; align-items: center; }
.product-nutrient .list .box .top .p1 { width: calc(100vw / 1920 * 228); background: var(--c); color: #fff; clip-path: polygon(0 0, 90.35% 0, 100% 100%, 0 100%); padding-left: calc(100vw / 1920 * 24); }
.product-nutrient .list .box .top .p2 { padding-left: calc(100vw / 1920 * 13); }
.product-nutrient .list .box .text { display: flex; flex-wrap: wrap; justify-content: space-between; color: #000; font-size: calc(100vw / 1920 * 18); padding: 0 calc(100vw / 1920 * 18) 0 calc(100vw / 1920 * 3); }
.product-nutrient .list .box .text > div { width: calc(100vw / 1920 * 180); }
.product-nutrient .list .box .text p { padding-bottom: calc(100vw / 1920 * 7); border-bottom: 1px solid #dfe0e1; margin-top: calc(100vw / 1920 * 34); }
.product-nutrient .list .box .text p:nth-child(1),
.product-nutrient .list .box .text p:nth-child(2) { margin-top: calc(100vw / 1920 * 24); }

.product-nutrient .list:nth-child(even) .img { left: auto; right: 0; box-shadow: calc(100vw / 1920 * -30) 0 calc(100vw / 1920 * 30) rgba(14, 5, 10, .1); }
.product-nutrient .list:nth-child(even) .box { margin-left: 0; clip-path: polygon(0 0, 100% 0, 100% 90%, 73.75% 100%, 0 100%); padding: calc(100vw / 1920 * 38) calc(100vw / 1920 * 520) calc(100vw / 1920 * 96) calc(100vw / 1920 * 40); }

@media (max-width: 1440px) {
	.product-nutrient .list .box .text { padding: 0; font-size: 14px; }
	.product-nutrient .list .box .text > div { width: calc(100vw / 1920 * 190); }
}
@media (max-width: 1199px) {
	.product-nutrient .list .img { width: 56%; }
	.product-nutrient .list .box { padding: calc(100vw / 1920 * 38) calc(100vw / 1920 * 25) calc(100vw / 1920 * 96) calc(100vw / 1920 * 270); }
	.product-nutrient .list .box .top { font-size: 16px; height: 43px; }
	.product-nutrient .list .box .top p { width: 50%; justify-content: center; }
	.product-nutrient .list .box .top .p1 { width: 50%; padding: 0 5px 0 0; }
	.product-nutrient .list .box .top .p2 { padding: 0 10px 0 0; }
	.product-nutrient .list .box .text > div { width: 48%; }
	.product-nutrient .list:nth-child(even) .box { padding: calc(100vw / 1920 * 38) calc(100vw / 1920 * 260) calc(100vw / 1920 * 96) calc(100vw / 1920 * 40); }
	.product-nutrient .list .img .i-box { padding-bottom: 56%; }
}
@media (max-width: 767px) {
	.product-nutrient { padding: 30px 6.25%; }
	.product-nutrient .list { margin-bottom: 30px; }
	.product-nutrient .list .img { width: 100%; box-shadow: none; position: relative; }
	.product-nutrient .list .box { width: 100%; clip-path: initial; padding: 20px; }
	.product-nutrient .list .box .text > div { width: 49%; }
	.product-nutrient .list .box .text p { padding-bottom: 15px; margin-top: 15px; }
	.product-nutrient .list .box .text p:nth-child(1),
	.product-nutrient .list .box .text p:nth-child(2) { margin-top: 15px; }
	.product-nutrient .list:nth-child(even) .img { box-shadow: none; }
	.product-nutrient .list:nth-child(even) .box { padding: 20px; clip-path: initial; }
	.product-nutrient .list:last-child { margin-bottom: 0; }
}


/* 新闻列表 */
.news { padding: 50px 6.25% calc(100vw / 1920 * 138); }
.news .link { display: flex; flex-wrap: wrap; }
.news .link > a { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden; transition: color var(--t); border-top-right-radius: 30px; width: 170px; height: 51px; font-size: 20px; margin-right: 30px; }
.news .link > a:last-child { margin-right: 0; }
.news .link > a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e4e4e4, #fbf9f9); z-index: -1; }
.news .link > a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e61f19, #f63731); z-index: -1; opacity: 0; transition: all var(--t); }
.news .link > a.active { color: #fff; }
.news .link > a.active::after { opacity: 1; }
.news .link > a:hover { color: #fff; }
.news .link > a:hover::after { opacity: 1; }
.news .con { margin-top: calc(100vw / 1920 * 46); }
.news .con .top { display: flex; align-items: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: calc(100vw / 1920 * 44) 0; }
.news .con .top .img { width: 22.9%; }
.news .con .top .img .i-box { padding-bottom: 66.57963446475196%; }
.news .con .top .text { width: 71.8%; padding: 0 calc(100vw / 1920 * 254) 0 calc(100vw / 1920 * 60); color: #7c7c7c; font-size: 18px; }
.news .con .top .text .h3 { font-weight: bold; color: #333; transition: color var(--t); font-size: calc(100vw / 1920 * 26); }
.news .con .top .text .des { color: #7c7c7c; line-height: 1.66; -webkit-line-clamp: 3; margin-top: calc(100vw / 1920 * 25); }
.news .con .top .text .time { margin-top: calc(100vw / 1920 * 26); }
.news .con .top .more { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #d1d5e7; transition: all var(--t); margin-bottom: calc(100vw / 1920 * 40); }
.news .con .top .more > span { display: flex; justify-content: center; align-items: center; position: relative; background: #f3f7fb; border-radius: 50%; width: 24px; height: 24px; }
.news .con .top .more > span::after { font-family: 'ifont'; content: '\e65f'; font-size: 12px; margin-left: 1px; }
.news .con .top:hover .text .h3 { color: var(--c); }
.news .con .top:hover .more { background: #e61f19; box-shadow: 15px 0 20px rgba(14,5,10,.15); }
.news .con .bottom .list { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #e5e5e5; padding: calc(100vw / 1920 * 44) 0; }
.news .con .bottom .list .num { display: flex; flex-direction: column; background: #f3f7fb; color: #7c7c7c; text-align: center; width: 9.7%; font-size: 20px; }
.news .con .bottom .list .num .t { width: 100%; font-weight: bold; border-bottom: 1px solid #e9eff4; font-size: calc(100vw / 1920 * 64); padding: calc(100vw / 1920 * 30) 0 calc(100vw / 1920 * 24); }
.news .con .bottom .list .num .b { font-style: italic; width: 100%; border-top: 1px solid #fafcff; padding: calc(100vw / 1920 * 16) 0; }
.news .con .bottom .list .text { width: 85.1%; padding: 0 calc(100vw / 1920 * 278) 0 calc(100vw / 1920 * 30); }
.news .con .bottom .list .text .h3 { font-weight: bold; transition: color var(--t); font-size: calc(100vw / 1920 * 26); }
.news .con .bottom .list .text .des { color: #7c7c7c; line-height: 1.66; font-size: 18px; margin-top: calc(100vw / 1920 * 26); }
.news .con .bottom .list .more { display: flex; justify-content: center; align-items: center; transition: all var(--t); width: 60px; height: 60px; border-radius: 50%; border: 1px solid #d1d5e7; }
.news .con .bottom .list .more > span { display: flex; justify-content: center; align-items: center; position: relative; background: #f3f7fb; border-radius: 50%; width: 24px; height: 24px; }
.news .con .bottom .list .more > span::after { font-family: 'ifont'; content: '\e65f'; font-size: 12px; margin-left: 1px; }
.news .con .bottom .list:hover .text .h3 { color: var(--c); }
.news .con .bottom .list:hover .more { background: #e61f19; box-shadow: 15px 0 20px rgba(14,5,10,.15); }
.news .con .bottom .page-link { margin-top: calc(100vw / 1920 * 68); }

@media (max-width: 1440px) {
	.news .link > a { font-size: 18px; }
	.news .con .top .text { flex: 1; font-size: 16px; }
	.news .con .top .text .h3 { font-size: 18px; }
	.news .con .top .more { margin-bottom: 0; }
	.news .con .bottom .list .text { flex: 1; width: auto; }
	.news .con .bottom .list .text .h3 { font-size: 18px; }
	.news .con .bottom .list .text .des { font-size: 16px; }
	.news .con .bottom .list .num { font-size: 18px; }
}
@media (max-width: 1199px) {
	.news .link > a { font-size: 16px; width: 150px; height: 44px; border-top-right-radius: 25px; margin-right: 20px; }
	.news .con .top .text { padding: 0 calc(100vw / 1920 * 60); font-size: 14px; }
	.news .con .bottom .list .text { padding: 0 calc(100vw / 1920 * 60); }
	.news .con .bottom .list .text .des { font-size: 14px; }
	.news .con .top .more { width: 55px; height: 55px; }
	.news .con .bottom .list .more { width: 55px; height: 55px; }
	.news .con .bottom .list .num { font-size: 16px; }
	.news .con .bottom .list .num .t { padding: calc(100vw / 1920 * 24) 0 calc(100vw / 1920 * 20); }
}
@media (max-width: 991px) {
	.news .con .top .more { width: 50px; height: 50px; }
	.news .con .bottom .list .num { font-size: 14px; }
	.news .con .bottom .list .more { width: 50px; height: 50px; }
}
@media (max-width: 767px) {
	.news { padding: 30px 6.25%; }
	.news .link > a { width: 100%; height: 40px; border-radius: 5px; margin-right: 0; margin-bottom: 5px; }
	.news .link > a:last-child { margin-bottom: 0; }
	.news .con { margin-top: 20px; }
	.news .con .top { flex-wrap: wrap; padding: 20px 0; }
	.news .con .top .img { width: 100%; }
	.news .con .top .text { width: 100%; padding: 20px 0; }
	.news .con .top .text .h3 { font-size: 17px; }
	.news .con .top .text .des { margin-top: 10px; }
	.news .con .top .text .time { margin-top: 10px; }
	.news .con .top .more { margin-left: auto; }
	.news .con .bottom .list { padding: 20px 0; }
	.news .con .bottom .list .num { width: 100px; margin: 0 auto; }
	.news .con .bottom .list .num .t { font-size: 28px; padding: 10px 0; }
	.news .con .bottom .list .num .b { padding: 10px 0; }
	.news .con .bottom .list .text { padding: 20px 0; flex: initial; width: 100%; }
	.news .con .bottom .list .text .des { margin-top: 10px; }
	.news .con .bottom .list .more { margin-left: auto; }
	.news .con .bottom .page-link { margin-top: 30px; }
}


/* 新闻详情 */
.news-info { padding: calc(100vw / 1920 * 52) calc(100vw / 1920 * 320) calc(100vw / 1920 * 200); }
.news-info .top { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; }
.news-info .top .h1 { color: #000; line-height: 1.2; font-weight: bold; font-size: calc(100vw / 1920 * 36); }
.news-info .top .box { display: flex; color: #7e7e7e; margin-top: calc(100vw / 1920 * 32); }
.news-info .top .box p { margin-right: 22px; }
.news-info .con { color: #7c7c7c; line-height: 1.66; font-size: 18px; padding: calc(100vw / 1920 * 36) 0 0; }
.news-info .con .link { border-top: 1px solid #eee; margin-top: calc(100vw / 1920 * 72); }
.news-info .con .link a { position: relative; z-index: 1; display: flex; flex-wrap: wrap; line-height: 1; border-bottom: 1px solid #eee; color: #7c7c7c; transition: color var(--t); font-size: 18px; padding: 26px 24px 22px; }
.news-info .con .link a::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e61f19, #fff); opacity: 0; transition: opacity var(--t); }
.news-info .con .link a:hover { color: #fff; }
.news-info .con .link a:hover::after { opacity: 1; }
.news-info .con .link a .s1 { font-weight: bold; }
.news-info .con .link a .s2 { width: 22px; height: 22px; margin-left: auto; }
.news-info .con .link a .s2::after { font-family: 'ifont'; content: '\e616'; color: #939393; font-size: 22px; }
.news-info .con .link a p { width: calc(100% - 120px); }

@media (max-width: 1440px) {
	.news-info .con { line-height: 1.5; font-size: 16px; }
}
@media (max-width: 1199px) {
	.news-info { padding: calc(100vw / 1920 * 52) 6.25% calc(100vw / 1920 * 200); }
	.news-info .con .link a { font-size: 16px; padding: 22px 24px 18px; }
	.news-info .con .link a .s2 { width: 18px; height: 18px; }
	.news-info .con .link a .s2::after { font-size: 18px; }
}
@media (max-width: 991px) {
	.news-info { padding: 30px 6.25%; margin-top: 60px; }
	.news-info .top .h1 { font-size: 18px; }
}
@media (max-width: 767px) {
	.news-info .top { padding-bottom: 10px; }
	.news-info .top .box { flex-wrap: wrap; line-height: 1.5; margin-top: 10px; }
	.news-info .con { padding: 20px 0 0; }
	.news-info .con .link { margin-top: 30px; }
	.news-info .con .link a { padding: 22px 0 18px; }
	.news-info .con .link a .s2 { display: none; }
	.news-info .con .link a p { width: calc(100% - 64px); }
}


/* 联系方式 */
.contact { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; }
.contact .con { background: #fff; width: 46.34%; padding: calc(100vw / 1920 * 52) calc(100vw / 1920 * 120) calc(100vw / 1920 * 56) calc(100vw / 1920 * 64); margin-top: calc(100vw / 1920 * 224); }
.contact .con .top { border-bottom: 1px solid #666; padding-bottom: calc(100vw / 1920 * 46); }
.contact .con .top .tit { display: flex; font-size: calc(100vw / 1920 * 48); }
.contact .con .top .tit .h2 { color: #000; }
.contact .con .top .tit .en { color: #979797; font-family: initial; font-weight: 100; margin-left: 10px; }
.contact .con .top .addr { font-size: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * 28); }
.contact .con .bottom { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: calc(100vw / 1920 * 32); }
.contact .con .bottom .box { width: 49%; }
.contact .con .bottom .h3 { color: #000; font-size: calc(100vw / 1920 * 24); }
.contact .con .bottom .list { color: #666; line-height: 1.66; font-size: 18px; margin-top: calc(100vw / 1920 * 24); }



@media (max-width: 1440px) {
	.contact .con { width: 660px; height: 100%; }
	.contact .con .top .addr { font-size: 18px; }
	.contact .con .bottom .h3 { font-size: 18px; }
	.contact .con .bottom .list { font-size: 16px; }
	.contact-slick .img.i-box { background-position-x: -15vw !important; }
}
@media (max-width: 1199px) {	.contact { padding-top: 57%; background-position: top left; background-size: 130% auto; }
	.contact .con { width: 100%; position: initial; margin-top: 0; }
	.contact-slick .img.i-box { background-position-x: left !important; }
	.contact-slick .slick-dots { transform: translateX(-50%); left: 50%; }
	.contact-slick .img.i-box { padding-bottom: 57%; }
}
@media (max-width: 767px) {
	.contact { background-size: 200% auto; padding-top: 88%; }
	.contact .con { width: 100%; padding: 30px 6.25%; }
	.contact .con .top { padding-bottom: 10px; }
	.contact .con .top .tit { font-size: 18px; }
	.contact .con .top .addr { margin-top: 10px; }
	.contact .con .bottom { padding-top: 20px; }
	.contact .con .bottom .box { width: 100%; margin-bottom: 20px; }
	.contact .con .bottom .box:last-child { margin-bottom: 0; }
	.contact .con .bottom .list { margin-top: 10px; }
	.contact-slick .img.i-box { padding-bottom: 140%; background-position-x: -75vw !important; }
}


/* 人才招聘 */
.recruit-container { padding: calc(100vw / 1920 * 96) 6.25% calc(100vw / 1920 * 140); }
.recruit-container > .top { display: flex; align-items: flex-end; border-radius: 20px; padding: calc(100vw / 1920 * 380) 0 calc(100vw / 1920 * 54); }
.recruit-container > .top .box { position: relative; left: calc(100vw / 1920 * -21); z-index: 1; color: #fff; line-height: 2; border-radius: 10px; overflow: hidden; font-size: 18px; padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 40) calc(100vw / 1920 * 42); }
.recruit-container > .top .box::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #e61f19, #f63731); }

@media (max-width: 1440px) {
	.recruit-container > .top .box { font-size: 16px; }
}
@media (max-width: 1199px) {
	.recruit-container > .top .box { font-size: 14px; }
}
@media (max-width: 767px) {
	.recruit-container { padding: 30px 6.25%; }
	.recruit-container > .top { border-radius: 0; background-position: top center; background-size: 100% auto; padding: 130px 0 0; }
	.recruit-container > .top .box { line-height: 1.6; left: 0; padding: 20px; }
}


.recruit { margin-top: calc(100vw / 1920 * 62); }
.recruit .list { overflow: hidden; border-radius: 20px; border: 1px solid #e5e5e5; margin-bottom: calc(100vw / 1920 * 50); }
.recruit .list:last-child { margin-bottom: 0; }
.recruit .list .top { display: flex; flex-wrap: wrap; align-items: center; position: relative; cursor: pointer; background-color: #fff; transition: background var(--t); padding: calc(100vw / 1920 * 62) calc(100vw / 1920 * 120) calc(100vw / 1920 * 62) calc(100vw / 1920 * 50); }
.recruit .list .top .img { transition: opacity var(--t); width: 109px; }
.recruit .list .top .img .i-box { padding-bottom: 100%; }
.recruit .list .top .box { width: calc(100% - 109px); padding: 0 calc(100vw / 1920 * 40) 0 calc(100vw / 1920 * 170); }
.recruit .list .top .box .text { display: flex; flex-direction: column; }
.recruit .list .top .box .text .h3 { transition: color var(--t); color: #000; font-size: calc(100vw / 1920 * 32); }
.recruit .list .top .box .text .time { transition: color var(--t); color: #a3a3a3; margin-top: calc(100vw / 1920 * 18); }
.recruit .list .top .box .text .des { transition: color var(--t); display: flex; flex-wrap: wrap; color: #666; font-size: 18px; margin-top: calc(100vw / 1920 * 22); }
.recruit .list .top .box .text .des span { margin-right: calc(100vw / 1920 * 74); margin-bottom: 10px; }
.recruit .list .top .box .text .des span:last-child { margin-right: 0; }
.recruit .list .top .icon { position: absolute; top: 50%; right: calc(100vw / 1920 * 80); transform: translateY(-50%); width: calc(100vw / 1920 * 37); height: calc(100vw / 1920 * 37); }
.recruit .list .top .icon::before { content: ''; position: absolute; top: 0; left: 50%; width: 3px; height: 100%; background: #888; transform: translateX(-50%); transition: all var(--t); }
.recruit .list .top .icon::after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background: #888; transform: translateY(-50%); transition: all var(--t); }
.recruit .list.active .top { background: var(--c); }
.recruit .list.active .top .img { opacity: .3; }
.recruit .list.active .top .box .text .h3 { color: #fff; }
.recruit .list.active .top .box .text .time { color: #fff; }
.recruit .list.active .top .box .text .des { color: #fff; }
.recruit .list.active .top .icon::before { background: #fff; transform: rotate(180deg); opacity: 0; }
.recruit .list.active .top .icon::after { background: #fff; transform: rotate(180deg); }
.recruit .list .bottom { padding: calc(100vw / 1920 * 64) calc(100vw / 1920 * 50) calc(100vw / 1920 * 100); display: none; }
.recruit .list .bottom .text { line-height: 1.66; font-size: 18px; }
.recruit .list .bottom .text .ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: calc(100vw / 1920 * 60); }
.recruit .list .bottom .text .ul:last-child { margin-bottom: 0; }
.recruit .list .bottom .text .ul > p { font-weight: bold; }
.recruit .list .bottom .text .ul .li { width: calc(100% - 114px); }

.recruit .list .bottom .link { display: flex; padding-left: 110px; margin-top: calc(100vw / 1920 * 60); }
.recruit .list .bottom .link > a {
	display: flex; justify-content: center; align-items: center; background-color: #ececec; font-size: 18px;
	transition: all var(--t); width: 210px; height: 64px; border-radius: 32px; margin-right: calc(100vw / 1920 * 40);
}
.recruit .list .bottom .link > a:last-child { margin-right: 0; }
.recruit .list .bottom .link > a:hover { background-color: var(--c); color: #fff; }
.recruit .list .bottom .link > a:after { content: ''; font-family: 'ifont'; content: '\eb94'; font-size: 32px; margin-left: calc(100vw / 1920 * 20); }

@media (max-width: 1440px) {
	.recruit .list .top .box .text .time { font-size: 14px; }
	.recruit .list .top .box .text .des { font-size: 16px; }
}
@media (max-width: 1199px) {
	.recruit .list .top .img { width: 80px; }
	.recruit .list .top .box { width: calc(100% - 80px); padding: 0 calc(100vw / 1920 * 40) 0 calc(100vw / 1920 * 120); }
	.recruit .list .top .icon { width: 23px; height: 23px; }
	.recruit .list .bottom .text { font-size: 16px; }
	.recruit .list .bottom .link > a { width: 180px; height: 54px; font-size: 16px; }
	.recruit .list .bottom .link > a:after { font-size: 28px; }
}
@media (max-width: 991px) {
	.recruit .list .top .img { width: 60px; }
	.recruit .list .top .box { width: calc(100% - 60px); padding: 0 calc(100vw / 1920 * 40) 0 calc(100vw / 1920 * 60); }
	.recruit .list .top .box .text .h3 { font-size: 18px; }
	.recruit .list .top .box .text .time { font-size: 12px; }
	.recruit .list .top .box .text .des { font-size: 14px; }
}
@media (max-width: 767px) {
	.recruit { margin-top: 30px; }
	.recruit .list { border-radius: 10px; margin-bottom: 20px; }
	.recruit .list .top { padding: 20px; }
	.recruit .list .top .icon { display: none; }
	.recruit .list .top .box { width: 100%; padding: 0; }
	.recruit .list .top .img { position: absolute; right: 15px; bottom: 10px; width: 40px; }
	.recruit .list .top .box .text .time { margin-top: 10px; }
	.recruit .list .top .box .text .des { margin-top: 10px; }
	.recruit .list .bottom { padding: 20px; }
	.recruit .list .bottom .text { font-size: 14px; }
	.recruit .list .bottom .text .ul { margin-bottom: 20px; }
	.recruit .list .bottom .text .ul > p { width: 100%; }
	.recruit .list .bottom .text .ul .li { width: 100%; margin-top: 10px; }
	.recruit .list .bottom .link { padding-left: 0; margin-top: 20px; justify-content: space-between; }
	.recruit .list .bottom .link > a { width: 48%; height: 40px; margin-right: 0; }
	.recruit .list .bottom .link > a:after { display: none; }
}

/* 招聘弹窗 */
.recruit-info { position: fixed; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); display: none; }
.recruit-info .box { display: flex; justify-content: center; align-items: center; height: 100%; }
.recruit-info .con { position: relative; width: 95%; height: 90%; max-width: 1440px; background-color: #fff; overflow: auto; padding: 0 5% 50px; }
.recruit-info .con .title { border-bottom: 1px solid #ddd; padding: 30px 0; }
.recruit-info .con .title p { text-align: center; font-weight: bold; font-size: 20px; }
.recruit-info .con .title .close { position: absolute; top: 20px; right: 20px; cursor: pointer; }
.recruit-info .con .title .close:after { font-family: 'ifont'; content: '\e689'; font-size: 24px; font-weight: bold; }
.recruit-info .con form { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.recruit-info .con .list { display: flex; align-items: center; width: 48%; height: 40px; margin-bottom: 15px; }
.recruit-info .con .list p { text-align: right; width: 100px; }
.recruit-info .con .list .must { color: #F56C6C; margin-right: 5px; }
.recruit-info .con .list input[type=text] { width: calc(100% - 100px); height: 100%; border: 1px solid #ddd; padding: 0 20px; transition: border .5s; }
.recruit-info .con .list input.active { border: 1px solid #F56C6C; }
.recruit-info .con .list .radio { display: flex; width: 80px; }
.recruit-info .con .list .radio label { margin-left: 5px; }
.recruit-info .con .area { align-items: flex-start; height: 150px; }
.recruit-info .con .area p { margin-top: 10px; }
.recruit-info .con .list textarea { width: calc(100% - 100px); height: 100%; border: 1px solid #ddd; padding: 20px; transition: border .5s; }
.recruit-info .con .list textarea.active { border: 1px solid #F56C6C; }
.recruit-info .con .list:last-child { width: 100%; justify-content: center; margin: 40px 0 0; }
.recruit-info .con .list button { width: 140px; height: 44px; background-color: var(--c); color: #fff; cursor: pointer; border-radius: 22px; margin: 0 20px; }
/* 验证信息弹窗 */
.recruit-info .con .info {
	position: fixed; top: 50%; left: 50%; min-width: 280px; opacity: 0; visibility: hidden; z-index: -1;
	display: flex; justify-content: center; align-items: center; padding: 10px;
	background-color: #F56C6C; color: #fff; border-radius: 10px; text-align: center; line-height: 1.5; font-size: 14px;  
	box-shadow: 0 0 10px rgba(0,0,0,.1); transform: translate(-50%, -50%); transition: opacity .5s, z-index .5s, visibility .5s;
}
.recruit-info .con .info.active { opacity: 1; z-index: 1; visibility: visible; }

@media (max-width:767px) {
	.recruit-info .con { height: 80%; }
	.recruit-info .con .title { padding: 20px 0; }
	.recruit-info .con .title p { font-size: 16px; }
	.recruit-info .con .title .close { top: 15px; right: 15px; }
	.recruit-info .con .title .close:after { font-size: 18px; }
	.recruit-info .con .list { width: 100%; height: 30px; margin-bottom: 10px; }
	.recruit-info .con .list p { width: 108px; }
	.recruit-info .con .list input[type=text] { width: calc(100% - 75px); padding: 0 10px; }
	.recruit-info .con .list .radio { width: 60px; }
	.recruit-info .con .area { height: 80px; }
	.recruit-info .con .list textarea { width: calc(100% - 75px); padding: 10px; }
	.recruit-info .con .list:last-child { margin: 20px 0 0; }
	.recruit-info .con .list button { height: 30px; }
	.recruit-info .con .info { font-size: 12px; }
}


/* 投递简历 */
.submit-resume { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display:none; }
.submit-resume .container { display: flex; justify-content: center; align-items: center; height: 100%; }
.submit-resume .con { position:relative; background-color: #fff; border-radius: 10px; padding: 40px; }
.submit-resume .con .close {
	cursor: pointer; position: absolute; top: 10px; right: 10px; 
	font-size: 20px; width: 20px; height: 20px; color: #666; transition: color .8s;
}
.submit-resume .con .close:after { font-family: 'ifont'; content: '\e689'; }
.submit-resume .con .close:hover { color: #000; }
.submit-resume .con .form { display: flex; flex-direction: column; }
.submit-resume .con .form .file { position:relative; background-color: var(--c); color: #fff; cursor: pointer; height: 44px; border-radius: 22px; }
.submit-resume .con .form .file .but { position:absolute; top:0; left:0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; }
.submit-resume .con .form .file .input { opacity:0; }
.submit-resume .con .filename { display: flex; align-items: center; justify-content: center; height: 44px; }
.submit-resume .con .form .button { background-color: var(--c); color: #fff; cursor: pointer; height: 44px; border-radius: 22px; }

@media (max-width: 767px) {
	.submit-resume .con { width: 90%; }
}