@charset "utf-8";

/*
 * 默认样式重置
*/
* {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-family: inherit;
	font-weight: inherit;
	font-size: 100%;
	box-sizing: border-box; /* 元素宽高包含内边距和边框 */
	vertical-align: baseline; /* 元素与基线垂直对齐 */
	-webkit-tap-highlight-color: transparent; /* IOS去掉点击背景颜色 */
}
body {
	font-family: '思源黑体', Arial, "Microsoft YaHei";
	font-size: 16px;
	color: #333;
	line-height: 1;
	background-color: #fff;
	max-width: 1920px;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased; /* 字体抗锯齿，显示更清晰，Chrome、Safari */
	-moz-osx-font-smoothing: grayscale; /* Firefox */
}
body, html {
	-webkit-overflow-scrolling: touch; /* 解决iOS滚动条卡住的问题 */
}
header, footer, nav, article, section, aside { display: block; } /* 低版本浏览器HTML5元素重置 */
ul, ol { list-style: none; }
textarea { resize: none; }
img { max-width: 100%; }
img[src=''] { display: none; }
table {
	border-collapse: collapse; /* 合并边框 */
	border-spacing: 0; /* 边框间距 */
}
a, a:hover, a:link, a:visited {
  text-decoration: none;
  color: inherit;
	backface-visibility: hidden; /* 元素翻转背面隐藏 */
	-webkit-backface-visibility: hidden; /* Safari */
}




/*
 * 公共样式
*/

/* iconfont字体 */
@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/huayu/iconfont.woff2') format('woff2'),
			 url('../ifont/huayu/iconfont.woff') format('woff'),
			 url('../ifont/huayu/iconfont.ttf') format('truetype');
}

/* 像素转换百分比
 * 1920分辨率 1% = 19.2px
 * 120px / 19.2 = 6.25%
*/
.p-120 { padding: 0 6.25%; }
.p-110 { padding: 0 5.72916666%; }
.p-100 { padding: 0 5.20833333%; }

.f-16 { font-size: 16px; }
@media (max-width: 1440px) { .f-16 { font-size: 14px; } }
@media (max-width: 991px) { .f-16 { font-size: 12px; } }
.f-18 { font-size: 18px; }
@media (max-width: 1440px) { .f-18 { font-size: 16px; } }
@media (max-width: 991px) { .f-18 { font-size: 14px; } }
.f-20 { font-size: 20px; }
@media (max-width: 1440px) { .f-20 { font-size: 18px; } }
@media (max-width: 991px) { .f-20 { font-size: 16px; } }
.f-24 { font-size: 24px; }
@media (max-width: 1440px) { .f-24 { font-size: 20px; } }
@media (max-width: 1199px) { .f-24 { font-size: 18px; } }
@media (max-width: 991px) { .f-24 { font-size: 16px; } }
.f-26 { font-size: 26px; }
@media (max-width: 1440px) { .f-26 { font-size: 22px; } }
@media (max-width: 1199px) { .f-26 { font-size: 20px; } }
@media (max-width: 991px) { .f-26 { font-size: 18px; } }
.f-28 { font-size: 28px; }
@media (max-width: 1440px) { .f-28 { font-size: 24px; } }
@media (max-width: 1199px) { .f-28 { font-size: 20px; } }
@media (max-width: 991px) { .f-28 { font-size: 16px; } }
.f-32 { font-size: 32px; }
@media (max-width: 1440px) { .f-32 { font-size: 26px; } }
@media (max-width: 1199px) { .f-32 { font-size: 22px; } }
@media (max-width: 991px) { .f-32 { font-size: 18px; } }
.f-36 { font-size: calc(100vw / 1920 * 36); }
@media (max-width: 991px) { .f-36 { font-size: 18px; } }
@media (min-width: 1920px) { .f-36 { font-size: 36px; } }
.f-48 { font-size: calc(100vw / 1920 * 48); }
@media (max-width: 767px) { .f-48 { font-size: 18px; } }
@media (min-width: 1920px) { .f-48 { font-size: 48px; } }
.f-56 { font-size: calc(100vw / 1920 * 48); }
@media (max-width: 767px) { .f-56 { font-size: 18px; } }
@media (min-width: 1920px) { .f-56 { font-size: 48px; } }

/* 滚动条样式 */
::-webkit-scrollbar { width: 0; height: 0; background-color: rgba(0, 0, 0, 0.05); }
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 5px; }
.scrollbar { overflow: auto; }
.scrollbar::-webkit-scrollbar { width: 2px; height: 2px; }

/* 图片放大效果 */
.i-scale .img { overflow: hidden; }
.i-scale .img img { transition: transform 1s ease-in-out; }
.i-scale:hover .img img { transform: scale(1.1); }


/* 图片固定宽高比例 */
.i-box { position: relative; overflow: hidden; height: 0; padding-bottom: 100%; }
.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;
	line-height: 1em;
	max-height: 2em;
}


/* 锚点 */
.anchor { position: relative; top: -50px; }

/* 清除浮动 */
.clearfix:before, .clearfix:after { content: ""; height: 0; clear: both; visibility: hidden; display: inline-block; }
.clearfix{ *zoom: 1; }


/* slick轮播默认样式 */
.slick { overflow: hidden; }
.slick .slick-slide .img img { width: 100%; }
.slick .slick-slide video { width: 100%; object-fit: cover; }
/* 箭头导航 */
.slick .slick-arrow {
  position: absolute; top: 50%; z-index: 1; font-size: 0; cursor: pointer;
	display: flex; justify-content: center; align-items: center;
	border-radius: 50%; transform: translateY(-50%); transition: background-color 0.5s;
  width: 60px; height: 60px; background-color: #fff;
}
.slick .slick-arrow:after {
  font-family: 'ifont'; transition: color 0.5s;
  color: #e40615; font-size: 20px;
}
.slick .slick-arrow:hover { background-color: #e40615; }
.slick .slick-arrow:hover:after { color: #fff; }
.slick .slick-prev { left: 40px; }
.slick .slick-prev:after { content: '\e660'; margin-right: 3px; }
.slick .slick-next { right: 40px; }
.slick .slick-next:after { content: '\e65f'; margin-left: 3px; }
.slick.hide-dots .slick-arrow { opacity: 0; }
/* 圆点导航 */
.slick .slick-dots {
  position: absolute; width: 100%; bottom: 60px;
  display: flex; justify-content: center;
}
.slick .slick-dots li button {
  width: 20px; height: 20px; background-color: #fff; cursor: pointer;
  font-size: 0; border-radius: 50%;  margin: 0 5px;
}
.slick .slick-dots li.slick-active button { background-color: #e40615; }
.slick.hide-dots .slick-dots { opacity: 0; }

/* 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: 35px; height: 35px; }
	.slick .slick-arrow:after { font-size: 12px; }
	.slick .slick-prev { left: 15px; }
	.slick .slick-next { right: 15px; }
	.slick .slick-dots { bottom: 45px; }
	.slick .slick-dots li button { width: 12px; height: 12px; margin: 0 3px; }
}


/* 返回顶部 */
.back-top { position: fixed; right: -60px; bottom: 60px; border-radius: 50%; cursor: pointer; transition: right 0.5s; }
.back-top.active { right: 60px; }
.back-top:before {
	content: ''; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px;
	border: 2px dashed #e40615; border-radius: inherit; animation: backtopRotate 20s linear infinite;
}
.back-top:hover:before { animation-duration: 2s; }
@keyframes backtopRotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.back-top span {
	width: 50px; height: 50px; font-size: 0; color:#fff;
	display: flex; justify-content: center; align-items: center;
	background-color: #e40615; border-radius: inherit;
}
.back-top span:before { font-family:'ifont'; content:'\e65b'; font-size: 16px; }
@media (max-width:767px) {
	.back-top { display: none; }
}


/* 手机底部固定链接 */
.footer-link {
	position: fixed; left: 0; bottom: 0px; width: 100%; height: 50px;
	color: #fff; background-color: #e40615; font-size: 24px;
	border-top: 1px solid #fff; z-index: 9; 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-1 { box-shadow: 0 0 10px rgba(0,0,0,.2); }
.back-top-1:before { display: none; }
.back-top-1 span { font-size: 16px; padding-top: 3px; color: #e40615; background-color: #fff; transition: box-shadow .5s, color .5s; }
.back-top-1 span:hover { box-shadow: inset 0 0 0 25px #e40615; color: #fff; }
.back-top-1 span:before { display: none; }




/*
 * 导航 header
*/
.public-header {
	display: flex; align-items: center; justify-content: space-between; z-index: 10;
	position: fixed; top: 0; left: 0; width: 100%; height: 80px;
	color: #333; transition: color .5s;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.public-header::before {
	content: ''; z-index: -1;
	/* backdrop-filter: blur(5px); */
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-color: rgba(255,255,255,.5); transition: background-color .5s;
}
/* logo */
.header-logo { position: relative; width: 202px; }
.header-logo .i-box { padding-bottom: 31.18811881188119%; }
.header-logo img { transition: opacity .5s; }
.header-logo img:nth-of-type(2) { position: absolute; top: 0; left: 0; opacity: 0; }
/* 导航链接 */
.header-box { display: flex; height: 100%; }
.header-nav { height: inherit; }
.header-nav .ul { display: flex; height: inherit; }
.header-nav .li { position: relative; margin: 0 calc(100vw / 1920 * 15); }
.header-nav .li > a { display: flex; align-items: center; height: 100%; padding: 0 calc(100vw / 1920 * 12); transition: color .5s; position: relative; }
.header-nav .li > a::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 2px;
	background-color: #e40615;
	transform: translateX(-50%);
	transition: width .5s;
}
.header-nav .li.cur > a  { color: #e40615; }
.header-nav .li.cur > a::before { width: 100%; }
.header-nav .li:hover > a  { color: #e40615; }
.header-nav .li:hover > a::before { width: 100%; }
.header-nav .menu {
	position: absolute; top: 100%; left: 50%; box-shadow: 0 0 5px rgba(0,0,0,.1);
	color: #333; background-color: #fff; opacity: 0; visibility: hidden;
	transform: translate(-50%, 10px); transition: opacity .5s, transform .5s, visibility .5s, left .5s;
}
.header-nav .li:hover .menu { opacity: 1; visibility: inherit; transform: translate(-50%, 0); }
.header-nav .menu a { display: flex; justify-content: center; white-space: nowrap; padding: 13px 60px; transition: background-color .5s, color .5s; }
.header-nav .menu a:hover { background-color: #e40615; color: #fff; }
/* 导航链接下划线 */
.navigation-line .line {
	height: 3px; width: 100%; background-color: #fff;
	position: absolute; left: 0; bottom: 0; opacity: 0; z-index: -1;
	transition: left .5s, opacity .5s, width .5s, background-color .5s;
}
.navigation-line .li.current .line { opacity: 1; }
/* 语言切换 */
.header-language { position: relative; padding:0 20px; }
.header-language .lang { display: flex; align-items: center; height: 100%; }
.header-language .lang::before {
	width: 22px;
	font-size: 22px;
	font-family: 'ifont';
	content: '\e71a';
	margin-right: 10px;
}
.header-language .menu {
	position: absolute; top: 100%; left: 50%;
	color: #333; background-color: #fff; opacity: 0; visibility: hidden;
	font-family: 'Impact'; box-shadow: 0 0 3px rgba(0,0,0,.1);
	transform: translate(-50%, 10px); transition: opacity .5s, transform .5s, visibility .5s, left .5s;
}
.header-language:hover .menu { opacity: 1; visibility: inherit; transform: translate(-50%, 0); }
.header-language .menu li { transition: color 0.5s, background-color .5s; }
.header-language .menu li:hover { color: #fff; background-color: #e40615; }
.header-language .menu a { display: flex; padding: 15px 50px; }
/* 搜索 */
.header-search {
	width: auto; height: 100%; margin-left: calc(100vw / 1920 * 28);
	display: flex; justify-content: center; align-items: center;
	background-color: transparent;
}
.header-search .icon {
	width: 100%; height: auto; cursor: pointer; margin-top: 1px;
	display: flex; justify-content: center; align-items: center;
}
.header-search .icon:before { font-family: 'iconfont'; content: '\e60a'; color: #e40615; font-size: 18px; font-weight: bold; }
.header-search .page {
	position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; display: none;
	background-color: rgba(228,6,21,.6); color:#fff;
}
.header-search .page .con { display: flex; align-items: center; height: 100%; }
.header-search .page .close { position: absolute; top: 10%; right: 5%; z-index: 9; cursor: pointer; display: flex; align-items: center; }
.header-search .page .close:before { font-family: 'ifont'; content: '\e86d'; font-size: 24px; font-weight: bold; }
.header-search .page form { position: relative; width: 100%; max-width: 90%; margin: 0 auto; border-bottom: 1px solid #fff; }
.header-search .page form p {
  margin-bottom: 50px; letter-spacing: 2px; text-align: center;
	animation: zoomIn 1s 0s ease both;
}
.header-search .page form input {
  width: 100%; height: 50px; font-size: 18px; color: #fff;
  border: none; outline: none; text-align: center; background-color: transparent;
}
.header-search .page form input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff;
}
.header-search .page form .but {
  position: absolute; right: 0; bottom: 15px;
  display: flex; background: none; border: none; cursor: pointer;
  font-size: 24px; color: #fff;
}
.header-search .page form .but:before { font-family: 'ifont'; content: '\e602'; }

/* 电话 */
.header-tel {
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: bold;
	color: #e40615;
	margin-left: calc(100vw / 1920 * 150);
}
.header-tel::before {
	font-family: 'iconfont';
	font-size: 25px;
	width: 25px;
	font-weight: 400;
	color: #e40615;
	content: '\e8bc';
	margin-right: 6px;
}
.header-tel p { padding-top: 3px; }
.header-tel span { color: #333; font-size: 18px; margin-left: calc(100vw / 1920 * 24); }



/* 导航下滑效果 */
.header-fixed { color: #333; }
.header-fixed::before { background-color: #fff; }
.header-fixed .header-logo img:first-child { opacity: 0; }
.header-fixed .header-logo img:last-child { opacity: 1; }
.header-fixed .navigation-line .line { background-color: #e40615; }


@media (max-width: 1680px) {
	.header-tel { margin-left: calc(100vw / 1920 * 40); font-size: 20px; }
}
@media (max-width: 1440px) {
	.header-logo { width: 144px; }
	.header-nav .li { margin: 0 calc(100vw / 1920 * 10); }
	.header-nav .li > a { padding: 0 10px; }
	.header-tel { margin-left: calc(100vw / 1920 * 10); }
}
@media (max-width: 1199px) {
	.header-tel { display: none; }
	.header-search { margin-left: 20px; }
	.header-search .icon { margin-top: 0; }
}
@media (max-width: 991px) {
	.header-logo { width: 114px; }
	.header-nav .li { margin: 0; }
	.header-nav .li > a { padding: 0 8px; }
	.header-search { margin-left: 15px; }
}
@media (max-width: 767px) {
	.public-header { height: 60px; }
	/* logo与导航按钮效果 */
	.header-fixed .header-button span { background-color: #e40615; }
	.public-header.on { color: #333; }
	.public-header.on::before { background-color: #fff; }
	.public-header.on .header-button span { background-color: #e40615; }
	.public-header.on .header-logo img:first-child { opacity: 0; }
	.public-header.on .header-logo img:last-child { opacity: 1; }
	/* 搜索 */
	.header-search { margin-left: 0; }
	.header-search .icon:before { font-size: 18px; }
	.header-search .page .close:before { font-size: 20px; }
	.header-search .page form .but { font-size: 20px; }
	/* 导航按钮 */
	.header-button { display: flex; align-items: center; margin-left: 30px; }
	.header-button > div { display: flex; flex-direction: column; width: 24px; cursor: pointer; }
	.header-button span { width: 100%; height: 2px; background-color: #e40615; transition: all 0.5s; }
	.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) { transform: translateX(100px); opacity: 0; margin: 0; }
	.header-button > div.active span:last-child { transform: translateY(-100%) rotateZ(-225deg); }
	/* 导航链接 */
	.header-nav .menu a:hover { background-color: transparent; color: #333; }
	/* 一级导航 */
	.header-nav {
		position: fixed; top: 60px; left: 100%; width: 100%; height: calc(100% - 110px); overflow: hidden;
		display: flex; align-items: center; background-color: #fff; color: #333; font-size: 16px;
		box-shadow: 0 0 2px rgba(0,0,0,.2) inset; transition: left .5s;
	}
	.header-nav.active { left: 0; }
	.header-nav .ul { flex-wrap: wrap; align-content: center; width: 100%; }
	.header-nav .li { width: 100%; }
	.header-nav .li > a { justify-content: center; position: relative; padding: 12px 10%; }
	.header-nav .li.more > a::after {
		position: absolute; top: 50%; right: 10%; transform: translateY(-50%);
		font-family: 'ifont'; content: '\e65f';
		color: #333; font-weight:bold; font-size: 16px;
	}
	/* 二级导航 */
	.header-nav .menu {
		position: fixed; top: 60px; left: 100%; transform: translate(0, 0);
		width: 100%; height: calc(100% - 110px); visibility: visible; z-index: 1;
		display: flex; flex-wrap: wrap; align-content: center;
		opacity: 1; box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
	}
	.header-nav .menu .close {
		position: absolute; top: 6%; left: 10%;
		color: #e40615; font-weight: bold; font-size: 20px;
	}
	.header-nav .menu .close::before { font-family: 'ifont'; content: '\e660'; }
	.header-nav .li:hover .menu { transform: translate(0, 0); }
	.header-nav .li.active .menu { left: 0; }
	.header-nav .menu > li { width: 100%; }
	.header-nav .li > a::before { display: none; }
}


/* 搜索效果二 */
.header-search .page {
	position: absolute; top: 100%; left: auto; right: 0; width: 765px; z-index: -1;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.header-search .page .close { top: 40%; right: 4%; }
.header-search .page .close:before { font-size: 18px; }
.header-search .page form { max-width: 80%; }
.header-search .page form p { display: none; }
.header-search .page form input { height: 40px; }
.header-search .page form .but { bottom: 10px; font-size: 20px; }
@media (max-width: 991px) {
	.header-search .page { right: 0; width: 100%; }
	.header-search .page .close { right: 6%; }
	.header-search .page .close:before { font-size: 14px; }
	.header-search .page form { max-width: 70%; }
	.header-search .page form input { height: 30px; padding: 0 20px; }
	.header-search .page form .but { bottom: 6px; font-size: 16px; }
}




/*
 * 首页 banner
*/

/* 图片动效，从大缓慢缩小 */
.index-slick .slick-current .img img { animation: banner 4s 0s ease both; }
@keyframes banner {
  0% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

/* 解决 slick.js 刷新没有高度问题 */
.index-banner .index-slick { height: calc(100vw / 1920 * 937); overflow: hidden; }
/* 小窗口浏览器刷新视频不乱 */
.index-banner .index-slick video { width: 100%; height: 100%; }

.index-banner .index-slick .img.i-box { padding-bottom: 48.80208333333333%; }
.index-banner .index-slick .slick-arrow {
	width: 50px;
	height: 50px;
	background-color: rgba(214,214,214,.6);
	top: auto;
	left: 5.20833333%;
	bottom: calc(100vw / 1920 * 90);
	transform: translate(0);
}
.index-banner .index-slick .slick-arrow:hover { background-color: rgba(228,6,21,.6); }
.index-banner .index-slick .slick-arrow:after {
	font-size: 22px;
	color: #fff;
}
.index-banner .index-slick .slick-next {
	right: auto;
	left: calc(5.20833333% + 80px);
}
.index-banner .index-slick .item {
	position: relative;
}
.index-banner .index-slick .item .con {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 0 5.20833333%;
	transform: translateY(-50%);
}
.index-banner .index-slick .item .con .h2 {
	font-weight: bold;
}
.index-banner .index-slick .item .con .text {
	margin-top: calc(100vw / 1920 * 40);
	line-height: 2;
}

@media (max-width:1440px) {
	.index-banner .index-slick .slick-arrow { width: 45px; height: 45px; }
	.index-banner .index-slick .slick-next { left: calc(5.20833333% + 70px); }
	.index-banner .index-slick .slick-arrow:after { font-size: 18px; }
}
@media (max-width:1199px) {
	.index-banner .index-slick .slick-arrow { width: 40px; height: 40px; }
	.index-banner .index-slick .slick-next { left: calc(5.20833333% + 60px); }
	.index-banner .index-slick .slick-arrow:after { font-size: 16px; }
}
@media (max-width:767px) {
	/* 箭头导航 */
	.slick .slick-arrow { width: 30px; height: 30px; }
	.slick .slick-prev { left: 10px; }
	.slick .slick-next { right: 10px; }
	.slick .slick-arrow:after { font-size: 12px; }
	.slick .slick-prev:after { margin-right: 1px; }
	.slick .slick-next:after { margin-left: 1px; }
	/* 圆点导航 */
	.slick .slick-dots { bottom: 10px; }
	.slick .slick-dots li button { width: 10px; height: 10px; margin: 0 3px; }
	
	.index-banner .index-slick .slick-arrow { width: 30px; height: 30px; }
	.index-banner .index-slick .slick-next { left: calc(5.20833333% + 40px); }
	.index-banner .index-slick .slick-arrow:after { font-size: 12px; }
	.index-banner .index-slick .item .con .text { line-height: 1.5; margin-top: 10px; display: none; }
}




/* 首页 - 华宇简介 */
.index-title .h2 {
	font-size: calc(100vw / 1920 * 50);
	font-weight: bold;
}
.index-title .h2 span { color: #e40615; }
.index-title .en {
	color: rgba(153,153,153,.3);
	text-transform: uppercase;
	margin-top: 8px;
}
.index-more { display: flex; align-items: center; }
.index-more .icon {
	width: calc(100vw / 1920 * 60);
	height: calc(100vw / 1920 * 60);
	border-radius: 50%;
	color: #fff;
	background-color: #e40615;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 13px;
	transition: box-shadow .5s, color .5s;
}
.index-more:hover .icon { box-shadow: 0 0 0 30px #e40615 inset; color: #fff; }
.index-video { display: flex; align-items: center; }
.index-video .icon {
	width: calc(100vw / 1920 * 60);
	height: calc(100vw / 1920 * 60);
	margin-right: 13px;
}
.index-video .icon::after {
	font-family: 'iconfont';
	font-size: calc(100vw / 1920 * 60);
	color: #666;
	content: '\e6b0';
	transition: color .5s;
}
.index-video:hover .icon::after { color: #e40615; }

.index-about .container {
	padding: calc(100vw / 1920 * 138) 0 calc(100vw / 1920 * 97);
}
.index-about .con {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
}
.index-about .left {
	width: 47.5%;
	background-color: #f7f7f7;
	padding: calc(100vw / 1920 * 75) calc(100vw / 1920 * 90) 0 calc(100vw / 1920 * 73);
}
.index-about .left .text {
	line-height: 1.78;
	margin-top: calc(100vw / 1920 * 58);
}
.index-about .left .text.scrollbar { max-height: 7.12em; }
.index-about .left .link {
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(100vw / 1920 * 98);
}
.index-about .left .link .index-more { margin-right: calc(100vw / 1920 * 73) }
.index-about .right { width: 52.5%; }
.index-about .right .img.i-box { padding-bottom: 83.49944629014396%; }
.index-about .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100vw / 1920 * 186);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 1;
	color: #e40615;
}
.index-about .bottom::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 47.5%;
	height: 100%;
	background-color: #b1aca9;
	z-index: -1;
}
.index-about .bottom::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 52.5%;
	height: 100%;
	background-color: rgba(240,240,240,.7);
	z-index: -1;
}
.index-about .bottom .list {
	width: 22.1%;
	display: flex;
	flex-direction: column;
}
.index-about .bottom .list:last-child { width: auto; }
.index-about .bottom .list .bot {
	display: flex;
	align-items: flex-end;
	font-weight: bold;
	margin-top: 14px;
}
.index-about .bottom .list .bot .counter {
	font-size: calc(100vw / 1920 * 50);
	line-height: calc(100vw / 1920 * 35);
	margin-right: 4px;
}
.index-about .bottom .list .bot .icon {
	width: 35px;
	height: 33px;
	margin-left: 15px;
}
.index-about .bottom .list .bot .icon img { width: 100%; height: 100%; }

@media (max-width: 1680px) {
	.index-about .left .link { margin-top: calc(100vw / 1920 * 70); }
}
@media (max-width: 1440px) {
	.index-about .left .text { margin-top: calc(100vw / 1920 * 40); }
	.index-about .bottom .list .bot { margin-top: 6px; }
	.index-about .bottom .list .bot .icon { width: 30px; height: 28.28px; }
}
@media (max-width: 1199px) {
	.index-about .left .text { line-height: 1.5; }
	.index-about .left .text.scrollbar { max-height: 6em; }
}
@media (max-width: 991px) {
	.index-about .bottom { position: relative; background-color: #f7f7f7; height: auto; padding: 35px 0; }
	.index-about .bottom::before { display: none; }
	.index-about .bottom::after { display: none; }
	.index-more .icon { width: 30px; height: 30px; }
	.index-video .icon { width: 30px; height: 30px; }
	.index-video .icon::after { font-size: 30px; }
	.index-about .left .text.scrollbar { max-height: 10em; }
}
@media (max-width: 767px) {
	.index-about .container { padding: 30px 0; }
	.index-about .left { width: 100%; padding: 30px 20px; }
	.index-about .right { width: 100%; order: -1; }
	.index-title .h2 { font-size: 18px; }
	.index-title .en { margin-top: 5px; font-size: 16px; }
	.index-about .left .text { margin-top: 10px; }
	.index-about .left .text.scrollbar { max-height: initial; }
	.index-about .left .link { margin-top: 30px; }
	.index-about .left .link .index-more { margin-right: 30px; }
	.index-about .bottom { padding: 0 20px 10px; }
	.index-about .bottom .list { width: 50%; margin-bottom: 20px; }
	.index-about .bottom .list:last-child { width: 50%; }
	.index-about .bottom .list .bot .counter { font-size: 22px; line-height: 21px; }
	.index-about .bottom .list .bot .icon { width: 20px; height: 18.84px; margin-left: 10px; }
}




/* 首页 - 产品 */
.index-product {
	margin-bottom: 40px;
	overflow: hidden;
}
.index-product  .container {
	display: flex;
	width: 149.271%;
}
.index-product .list {
	position: relative;
	display: block;
	width: 72.55208333333333%;
	margin: 0 calc(100vw / 1920 * 20);
	transform: skewX(-5deg);
	border-radius: calc(100vw / 1920 * 50);
	overflow: hidden;
	left: calc(100vw / 1920 * -145);
	transition: left .8s;
}
.index-product .list:nth-child(n+3) { display: none; }
.index-product .list .img {
	transform: skewX(5deg) scale(1.05);
}
.index-product .list .img.i-box { padding-bottom: 60.51687006460876%; }
.index-product .list .con {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: skewX(5deg);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	padding: calc(100vw / 1920 * 200) 0 calc(100vw / 1920 * 156) calc(100vw / 1920 * 90);
}
.index-product .list .con .index-title .h2 span { color: #333; transition: color .8s; }
.index-product .list .con .index-title .en { color: rgba(0,0,0,.3); }
.index-product .list .con .index-more { color: #fff; opacity: 0; transition: opacity .8s; }
.index-product .list .con .index-more .icon { background-color: #999; }

.index-product .list.active:nth-child(2) { left: -30%; }
.index-product .list.active:nth-child(2) .index-more { opacity: 1; }
.index-product .list.active:nth-child(2) .index-title .h2 span { color: #fff; }
.index-product .list:first-child { left: -30%; }
.index-product .list.active:nth-child(1) { left: calc(100vw / 1920 * -145); }
.index-product .list:nth-child(2) { left: calc(100vw / 1920 * -145); }

.index-product .list:first-child .con {
	padding-left: calc(100vw / 1920 * 245);
	padding-top: calc(100vw / 1920 * 210);
}
.index-product .list:first-child .con .index-title .h2 span { color: #e40615; }
.index-product .list:first-child .con .index-title .en { color: rgba(255,255,255,.3); }
.index-product .list:first-child .con .index-more { opacity: 1; }

@media (max-width: 767px) {
	.index-product { padding: 0 5.20833333%; }
	.index-product .container { width: 100%; flex-wrap: wrap; }
	.index-product .list { width: 100%; left: 0!important; transform: skewX(0deg); border-radius: 25px; margin: 0; }
	.index-product .list:first-child { margin-bottom: 20px; }
	.index-product .list .con { transform: skewX(0); padding: 30px 20px!important; }
	.index-product .list .img { transform: initial; }
	.index-product .list .con .index-more { opacity: 1; }
	.index-product .list .con .index-title .en { color: rgba(255,255,255,.9)!important; }
	.index-product .list .con .index-more .icon { background-color: #e40615; }
	.index-product .list .con .index-title .h2 span { color: #fff; }
}




/* 首页 - 产品类别 */
.index-product-type {
	position: relative;
	overflow: hidden;
}
.index-product-type .top {
	height: calc(100vw / 1920 * 937);
	position: relative;
}
.index-product-type .top .list {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: calc(100vw / 1920 * 140);
	opacity: 0;
	z-index: -1;
	transition: opacity .8s, z-index .8s;
}
.index-product-type .top .list.active {
	opacity: 1;
	z-index: 1;
	position: relative;
}
.index-product-type .top .list .index-title .h2 { color: #fff; }
.index-product-type .top .list .index-title .en { color: rgba(255, 255, 255, .3); }
.index-product-type .top .list .text {
	color: #fff;
	line-height: 1.78;
	margin-top: calc(100vw / 1920 * 48);
	width: 40%;
}
.index-product-type .top .list .text.scrollbar {
	max-height: 10.68em;
}
.index-product-type .top .list .index-more { color: #fff; margin-top: calc(100vw / 1920 * 65); }
.index-product-type .top .list .index-more .icon { background-color: #fff; color: #e40615; }
.index-product-type .top .list .index-more:hover .icon { color: #fff; }

.index-product-type .bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	position: absolute;
	left: 5.20833333%;
	right: 5.20833333%;
	margin: 0 calc(100vw / 1920 * -5);
	bottom: calc(100vw / 1920 * 86);
	font-size: calc(100vw / 1920 * 26);
	z-index: 1;
}
.index-product-type .bottom .li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	background-color: rgba(255,255,255,.8);
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	color: #666;
	margin: 0 5px;
	height: calc(100vw / 1920 * 100);
	padding: 0 calc(100vw / 1920 * 20);
	transition: height .8s, border-radius .8s, background-color .8s, color .8s;
}
.index-product-type .bottom .li::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: rgba(255,255,255,.8);
	transition: width .8s;
}
.index-product-type .bottom .li.active::before { width: 100%; }
.index-product-type .bottom .li:first-child {
	border-top-left-radius: calc(100vw / 1920 * 20);
	border-bottom-left-radius: calc(100vw / 1920 * 20);
}
.index-product-type .bottom .li:last-child {
	border-top-right-radius: calc(100vw / 1920 * 20);
	border-bottom-right-radius: calc(100vw / 1920 * 20);
}
.index-product-type .bottom .li.active {
	border-radius: calc(100vw / 1920 * 20);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.index-product-type .bottom .li .icon-1 {
	width: calc(100vw / 1920 * 44);
	height: calc(100vw / 1920 * 44);
	position: absolute;
	top: calc(100vw / 1920 * 30);
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	z-index: -1;
	transition: opacity .8s, z-index .8s;
}
.index-product-type .bottom .li.active .icon-1 { opacity: 1; z-index: 1; }
.index-product-type .bottom .li .icon-1 img { width: 100%; height: 100%; }
.index-product-type .bottom .li .icon-2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background-color: rgba(214,214,214,.6);
	position: absolute;
	bottom: calc(100vw / 1920 * 30);
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	z-index: -1;
	transition: opacity .8s, z-index .8s;
}
.index-product-type .bottom .li.active .icon-2  { opacity: 1; z-index: 1; }
.index-product-type .bottom .li .icon-2::after {
	font-family: 'ifont';
	font-size: 10px;
	color: #fff;
	content: '\e65f';
	margin-left: 1px;
}
.index-product-type .bottom .li.active {
	height: calc(100vw / 1920 * 220);
	background-color: rgba(228,6,21,.8);
	color: #fff;
}

@media (max-width: 1680px) {
	.index-product-type .top .list .text { width: 45%; }
	.index-product-type .top .list .text.scrollbar { max-height: 7.12em; }
}
@media (max-width: 1440px) {
	.index-product-type .top .list .text { width: 50%; }
}
@media (max-width: 1199px) {
	.index-product-type .top .list { padding-top: calc(100vw / 1920 * 100); }
	.index-product-type .top .list .text { line-height: 1.5; width: 60%; }
	.index-product-type .top .list .text.scrollbar {  max-height: 6em; }
}
@media (max-width: 991px) {
	.index-product-type .bottom { font-size: 14px; }
	.index-product-type .bottom .li { height: 50px; margin: 0; }
	.index-product-type .bottom .li { border-radius: 0!important; }
	.index-product-type .bottom .li.active { height: 50px; }
	.index-product-type .bottom .li .icon-1 { width: 23px; height: 23px; }
	.index-product-type .bottom .li .icon-1 { display: none; }
	.index-product-type .bottom .li .icon-2 { display: none; }
	.index-product-type .top .list .text { width: 60%; }
	.index-product-type .top .list .text.scrollbar { max-height: 12em; }
	.index-product-type .bottom { position: initial; margin: 0; }
	.index-product-type .bottom .li::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
		background-color: #e40615;
	}
	.index-product-type .bottom .li:last-child::after { display: none; }
	.index-product-type .bottom .li::before { display: none; }
}
@media (max-width: 767px) {
	.index-product-type .top { height: auto; height: calc(100vw / 1199 * 937); }
	.index-product-type .top .list { padding: 30px 5.20833333%; }
	.index-product-type .top .list .text { width: 100%; }
	.index-product-type .top .list .text.scrollbar { max-height: 9em; height: 9em; }
	.index-product-type .top .list .index-more { margin-top: 30px; }
	.index-product-type .bottom .li { flex: auto; width: 33.33%; border-bottom: 1px solid #e40615; }
}
@media (max-width: 480px) {
	.index-product-type .top { min-height: calc(100vw / 1199 * 937); }
}




/* 首页 - 新闻 */
.news-icon {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #d6d6d6;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color .8s;
}
.news-icon::after {
	font-family: 'ifont';
	font-size: 10px;
	color: #fff;
	content: '\e65f';
	margin-left: 1px;
	transition: color .8s;
}
.index-news {
	background-color: #fafafa;
	overflow: hidden;
}
.index-news .container {
	padding: calc(100vw / 1920 * 138) 0 calc(100vw / 1920 * 110);
}
.index-news .top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.index-news .top .index-more { margin-left: auto; color: #999; }
.index-news .top .index-more span { background-color: #dbdbdb; }
.index-news .bottom {
	margin-top: calc(100vw / 1920 * 54);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index-news .bottom .left {
	width: 27.326%;
	background-color: #fff;
	padding: calc(100vw / 1920 * 30) calc(100vw / 1920 * 34) calc(100vw / 1920 * 18);
	border-radius: calc(100vw / 1920 * 15);
	transition: background-color .8s;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.index-news .bottom .left .h3 {
	font-size: calc(100vw / 1920 * 26);
	-webkit-line-clamp: 1;
	transition: color .8s;
}
.index-news .bottom .left .h4 {
	color: #666;
	line-height: 1.75;
	max-height: 3.5em;
	margin-top: calc(100vw / 1920 * 13);
	transition: color .8s;
}
.index-news .bottom .left .img { margin-top: calc(100vw / 1920 * 30); }
.index-news .bottom .left .img.i-box { padding-bottom: 77.30673316708229%; }
.index-news .bot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	color: #999;
	padding-top: 1em;
	border-top: 1px solid rgba(0,0,0,.1);
	transition: color .8s, border-top .8s;
}
.index-news .left .bot { margin-top: calc(100vw / 1920 * 27); }
.index-news .left .bot .news-icon { background-color: #e40615; }
.index-news .left:hover { background-color: #e40615; }
.index-news .left:hover .h3 { color: #fff; }
.index-news .left:hover .h4 { color: #fff; }
.index-news .left:hover .bot { color: #fff; border-top: 1px solid rgba(255,255,255,.5); }
.index-news .left:hover .bot .news-icon { background-color: #fff; }
.index-news .left:hover .bot .news-icon::after { color: #e40615; }

.index-news .right {
	width: 71.153%;
	display: flex;
	flex-direction: column;
}
.index-news .right .list {
	background-color: #fff;
	margin-bottom: calc(100vw / 1920 * 32);
	padding: calc(100vw / 1920 * 25) calc(100vw / 1920 * 30) calc(100vw / 1920 * 15);
	border-radius: calc(100vw / 1920 * 15);
	transition: background-color .8s;
}
.index-news .right .list:last-child { margin-bottom: 0; }
.index-news .right .list:nth-child(n+4) { display: none; }
.index-news .right .list .h3 {
	-webkit-line-clamp: 1;
	font-size: calc(100vw / 1920 * 26);
	margin-bottom: calc(100vw / 1920 * 20);
	transition: color .8s;
}
.index-news .right .list .h4 {
	-webkit-line-clamp: 1;
	color: #666;
	margin-bottom: calc(100vw / 1920 * 20);
	transition: color .8s;
}
.index-news .right .list:hover { background-color: #e40615; }
.index-news .right .list:hover .h3 { color: #fff; }
.index-news .right .list:hover .h4 { color: #fff; }
.index-news .right .list:hover .bot { color: #fff; border-top: 1px solid rgba(255,255,255,.5); }
.index-news .right .list:hover .bot .news-icon { background-color: #fff; }
.index-news .right .list:hover .bot .news-icon::after { color: #e40615; }

@media(max-width: 1199px) {
	.index-news .right .list .h3 { font-size: 16px; }
	.index-news .bottom .left .h3 { font-size: 16px; }
}
@media(max-width: 767px) {
	.index-news .container { padding: 30px 0; }
	.index-news .bottom { margin-top: 30px; }
	.index-news .bottom .left { width:100%; padding: 20px; border-radius: 10px; }
	.index-news .bottom .left .h4 { margin-top: 10px; }
	.index-news .bottom .left .img { margin-top: 15px; }
	.index-news .bot { padding-top: 16px; }
	.index-news .left .bot { margin-top: 20px; }
	.index-news .right { width: 100%; margin-top: 30px; }
	.index-news .right .list { padding: 20px; margin-bottom: 10px; border-radius: 10px; }
	.index-news .right .list .h3 { margin-bottom: 10px; }
	.index-news .right .list .h4 { margin-bottom: 15px; line-height: 1.5; max-height: 3em; -webkit-line-clamp: 2; }
}




/* footer */
.footer {
	color: #fff;
	background-color: #1e1e1e;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: calc(100vw / 1920 * 68);
	padding-bottom: calc(100vw / 1920 * 44);
}
.footer .left {
	width: 450px;
}
.footer .left .top .tel {
	margin-top: calc(100vw / 1920 * 23);
	font-size: calc(100vw / 1920 * 30);
	display: flex;
	align-items: center;
}
.footer .left .top .tel::before {
	font-family: 'iconfont';
	font-size: calc(100vw / 1920 * 35);
	width: calc(100vw / 1920 * 35);
	color: #fff;
	content: '\e600';
	margin-right: 9px;
}
.footer .left .top .add {
	margin-top: 1em;
	line-height: 1.5;
}
.footer .left .bottom {
	display: flex;
	margin-top: calc(100vw / 1920 * 115);
	text-align: center;
}
.footer .left .bottom .code {
	display: flex;
	flex-direction: column;
	margin-right: calc(100vw / 1920 * 28);
	width: 130px;
}
.footer .left .bottom .code:last-child { margin-right: 0; }
.footer .left .bottom .code .img {
	width: 130px;
	height: 130px;
	margin: 0 auto;
}
.footer .left .bottom .code .img img { width: 100%; height: 100%; }
.footer .left .bottom .code p { margin-top: 1em; }
.footer .right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	width: calc(100% - 500px);
}
.footer .right .top {
	display: flex;
	flex-wrap: wrap;
}
.footer .right .top .ul {
	margin-right: calc(100vw / 1920 * 76);
}
.footer .right .top .ul:last-child { margin-right: 0; }
.footer .right .top .ul .li {
	display: flex;
	flex-direction: column;
	margin-top: calc(100vw / 1920 * 46);
}
.footer .right .top .ul .li a {
	margin-bottom: calc(100vw / 1920 * 19);
	color: rgba(255,255,255,.6);
	transition: color .8s;
}
.footer .right .top .ul .li a:hover { color: #fff; }
.footer .right .bottom p {
	margin-top: 14px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.footer .right .bottom p, .footer .right .bottom a {
	color: rgba(255,255,255,.3);
	transition: color .8s;
}
.footer .right .bottom p:hover { color: #fff; }
.footer .right .bottom a:hover { color: #fff; }
.footer .right .bottom a {
	margin-right: 12px;
}
.footer .right .bottom a:last-child { margin-right: 0; }

@media (max-width: 1440px) {
	.footer .left { width: 350px; }
	.footer .left .top .tel { align-items: flex-end; }
	.footer .left .bottom .code { width: 100px; }
	.footer .left .bottom .code .img { width: 100px; height: 100px; }
	.footer .right { width: calc(100% - 350px); }
	.footer .right .top .ul { margin-right: calc(100vw / 1920 * 70); }
}
@media (max-width: 1199px) {
	.footer .right .top .ul { margin-right: calc(100vw / 1920 * 30); }
}
@media (max-width: 991px) {
	.footer .left { width: 270px; }
	.footer .left .top .tel { font-size: 18px; }
	.footer .left .top .tel::before { font-size: 20px; width: 20px; }
	.footer .left .bottom .code { width: 80px; }
	.footer .left .bottom .code .img { width: 80px; height: 80px; }
	.footer .right { justify-content: flex-end; width: calc(100% - 300px); }
	.footer .right .top { display: none; }
}
@media (max-width: 767px) {
	.footer { padding: 30px 5.20833333%; }
	.footer .left { width: 100%; }
	.footer .left .top { text-align: center; }
	.footer .left .top .tel { margin-top: 10px; justify-content: center; }
	.footer .left .top .add { margin-top: 10px; }
	.footer .left .bottom { margin-top: 30px; justify-content: center; }
	.footer .left .bottom .code { margin-right: 15px; }
	.footer .right { width: 100%; }
	.footer .right .bottom  { width: 100%; margin-top: 30px; text-align: center; }
	.footer .right .bottom p { justify-content: center; margin-top: 0; line-height: 2; }
}




/* 内页 banner */
.page-banner { position: relative; }
.page-banner .img.i-box { padding-bottom: 31.25%; }
.page-banner .img.i-box img { animation: banner 4s 0s ease both; }
.page-banner .text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: calc(100vw / 1920 * 50);
	color: #fff;
	text-align: center;
	padding-top: calc(100vw / 1920 * 100);
}
.page-banner .text .en {
	text-transform: uppercase;
	color: rgba(255,255,255,.6);
}
.page-banner .text .h2 {
	font-weight: bold;
	margin-top: 8px;
}

@media (max-width: 767px) {
	.page-banner .img.i-box { padding-bottom: 48.80208333333333%; }
	.page-banner .text { font-size: 18px; }
}


/*
 * 内页与导航
*/
.page-nav {
	height: 80px; position: relative;
	display: flex; justify-content: space-between;
	background-color: #fafafa;
}
.page-nav .h2 {
	display: flex; align-items: center; display: none;
	background-color: #e40616; color: #fff;
	font-size: 14px; padding: 0 20px;
}
.page-nav .button { display: flex; align-items: center; display: none; }
.page-nav .button > div { display: flex; flex-direction: column; width: 24px; cursor: pointer; }
.page-nav .button span { width: 100%; height: 2px; background-color: #e40616; transition: all 0.5s; }
.page-nav .button span:nth-of-type(2) { margin: 5px 0; }
.page-nav .button > div.active span:first-child { transform: translateY(100%) rotateZ(225deg); }
.page-nav .button > div.active span:nth-of-type(2) { transform: translateX(100px); opacity: 0; margin: 0; }
.page-nav .button > div.active span:last-child { transform: translateY(-100%) rotateZ(-225deg); }

.page-nav .nav { display: flex; width: calc(100% - 330px); overflow: auto; }
.page-nav .nav::-webkit-scrollbar { width: 0; height: 5px; }
.page-nav .nav a {
	display: flex; white-space: nowrap; align-items: center; justify-content: center;
	position: relative; z-index: 1; text-align: center;
	width: 160px; height: 100%; padding: 0 20px; color: #999;
	transition: background-color .5s, color .5s;
}
.page-nav .nav.c-0 a.active { background-color: #e40616; color: #fff; }
.page-nav .nav.c-1 a::before {
	position: absolute; top: 0; right: 0; width: 0; height: 100%;
	content:''; z-index: -1; background-color: #e40616; transition: width .5s;
}
.page-nav .nav.c-1 a.active { color: #fff; }
.page-nav .nav.c-1 a.active::before { left: 0; width: 100%; }

.page-nav .link { display: flex; align-items: center; color: #999; }
.page-nav .link::before {
	font-family: 'iconfont'; content: '\e62f';
	color: #e40616; font-size: 28px;
	margin-right: 12px; margin-bottom: 4px;
}
.page-nav .link i { margin: 0 5px; }
.page-nav .link a { transition: color .5s; }
.page-nav .link a:hover { color: #e40616; }
.page-nav .link span { color: #e40616; }

@media(max-width: 1440px) {
	.page-nav .nav a { width: 140px; }
}
@media(max-width: 1199px) {
	.page-nav .nav a { width: 120px; }
}
@media(max-width: 991px) {
	.page-nav .nav { width: 100%; }
	.page-nav .link { display: none; }
}
@media (max-width: 767px) {
	.page-nav { height: 50px; }
	.page-nav .h2 { display: flex; }
	.page-nav .button { display: flex; }
	.page-nav .nav {
		position: absolute; top: 100%; left: 0; flex-wrap: wrap; display: none;
		background-color: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.2); z-index: 2;
	}
	.page-nav .nav a { width: 100%; height: auto; padding: 15px 10%; justify-content: flex-start; }
}




/* 华宇简介 */
.about-jianjie { overflow: hidden; }
.about-jianjie .about-title {
	margin-top:  calc(100vw / 1920 * 34);
}
.about-title .h3 {
	font-weight: bold;
}
.about-title .h4 {
	text-transform: uppercase;
	color: rgba(51,51,51,.3);
	margin-top: 10px;
}
.about-jianjie .container {
	padding:  calc(100vw / 1920 * 76) 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about-jianjie .left {
	width: 61%;
}
.about-jianjie .left .text {
	color: #666;
	line-height: 2;
	margin-top:  calc(100vw / 1920 * 60);
}
.about-jianjie .left .text.scrollbar {
	max-height: 36em;
}
.about-jianjie .right {
	width: 34.012%;
}
.about-jianjie .right .top {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-wrap: wrap;
	padding:  calc(100vw / 1920 * 32) 0;
}
.about-jianjie .right .top .li {
	width: 50%;
	padding:  calc(100vw / 1920 * 38)  calc(100vw / 1920 * 55);
}
.about-jianjie .right .top .li .bot {
	font-weight: bold;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 13px;
}
.about-jianjie .right .top .li .bot > div {
	display: flex;
	align-items: flex-end;
}
.about-jianjie .right .top .li .bot .counter {
	font-size: calc(100vw / 1920 * 50);
	line-height: calc(100vw / 1920 * 35);
	margin-right: 3px;
}
.about-jianjie .right .top .li .bot .icon {
	width: calc(100vw / 1920 * 35);
	height: calc(100vw / 1920 * 33);
}
.about-jianjie .right .top .li .bot .icon img { width: 100%; height: 100%; }
.about-jianjie .right .bottom .img.i-box { padding-bottom: 66.43835616438356%; }

@media (max-width: 1199px) {
	.about-jianjie .right .top .li { padding: calc(100vw / 1920 * 38) calc(100vw / 1920 * 50); }
}
@media (max-width: 991px) {
	.about-jianjie .about-title { margin-top: 0; }
	.about-jianjie .left { width: 100%; }
	.about-jianjie .left .text { line-height: 1.6; }
	.about-jianjie .left .text.scrollbar { max-height: initial; }
	.about-jianjie .right { width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px; }
	.about-jianjie .right .top { width: 50%; }
	.about-jianjie .right .top .li { padding: calc(100vw / 1920 * 38) calc(100vw / 1920 * 100); }
	.about-jianjie .right .top .li .bot .icon { width: 20px; height: 18.84px; }
	.about-jianjie .right .bottom { width: 50%; }
}
@media (max-width: 767px) {
	.about-jianjie .container { padding: 30px 0; }
	.about-jianjie .left .text { margin-top: 20px; } 
	.about-jianjie .right .top { width: 100%; padding: 10px 0; }
	.about-jianjie .right .top .li { padding: 30px 30px; }
	.about-jianjie .right .top .li .bot { margin-top: 6px; }
	.about-jianjie .right .top .li .bot .counter { font-size: 22px; line-height: 21px; }
	.about-jianjie .right .bottom { width: 100%; }
}




/* 创始人介绍 */
.about-founder {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: calc(100vw / 1920 * 67);
	padding-bottom: calc(100vw / 1920 * 160);
	overflow: hidden;
}
.about-founder .con {
	background-color: rgba(250,250,250,.8);
	border-radius: calc(100vw / 1920 * 60);
	width: 64%;
	padding: calc(100vw / 1920 * 66) calc(100vw / 1920 * 60) calc(100vw / 1920 * 40) calc(100vw / 1920 * 45);
}
.about-founder .con .text {
	color: #666;
	line-height: 2;
	margin-top: calc(100vw / 1920 * 46);
}

@media (max-width: 1199px) {
	.about-founder .con { width: 80%; }
}
@media (max-width: 991px) {
	.about-founder .con { width: 100%; }
}
@media (max-width: 767px) {
	.about-founder { padding-top: 30px; padding-bottom: 30px; }
	.about-founder .con { padding: 20px; border-radius: 20px; }
	.about-founder .con .text { margin-top: 20px; line-height: 1.6; }
}




/* 华宇文化 */
.about-culture {
	padding-top: calc(100vw / 1920 * 84);
	padding-bottom: calc(100vw / 1920 * 112);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
}
.about-culture .left {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 31.977%;
	padding: calc(100vw / 1920 * 67) calc(100vw / 1920 * 52) 0;
}
.about-culture .left .text {
	font-weight: bold;
	line-height: 1.95;
	color: #e40616;
	margin-top: calc(100vw / 1920 * 140);
	-webkit-line-clamp: 5;
	max-height: 9.75em;
}
.about-culture .right {
	width: 64.768%;
}
.about-culture .right .li {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: calc(100vw / 1920 * 60) calc(100vw / 1920 * 30);
}
.about-culture .right .li::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: rgba(91,91,91,.1);
	z-index: -1;
	transition: opacity .8s;
}
.about-culture .right .li:first-child::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background-color: rgba(91,91,91,.1);
	z-index: -1;
	transition: opacity .8s;
}
.about-culture .right .li:hover::before { opacity: 0; }
.about-culture .right .li.active::before { opacity: 0; }
.about-culture .right .li:hover:first-child::after { opacity: 0; }
.about-culture .right .li .bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: -1;
	transition: opacity .8s;
}
.about-culture .right .li:hover .bg { opacity: .1; }
.about-culture .right .li .l {
	display: flex;
	align-items: center;
	width: 190px;
}
.about-culture .right .li .icon {
	position: relative;
	width: calc(100vw / 1920 * 66);
	height: calc(100vw / 1920 * 66);
}
.about-culture .right .li .icon img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity .8s;
}
.about-culture .right .li .icon img:nth-child(1) { opacity: 1; }
.about-culture .right .li:hover .icon img:nth-child(1) { opacity: 0; }
.about-culture .right .li:hover .icon img:nth-child(2) { opacity: 1; }
.about-culture .right .li .h4 {
	width: calc(100% - 100px);
	font-size: 22px;
	line-height: 1.2;
	font-weight: bold;
	margin-left: calc(100vw / 1920 * 34);
	transition: color .8s;
}
.about-culture .right .li:hover .h4 { color: #e40616; }
.about-culture .right .li .text {
	color: #666;
	width: calc(100% - 230px);
	line-height: 1.67;
}

@media (max-width: 1680px) {
	.about-culture .right .li .h4 { font-size: 20px; width: calc(100% - 90px); }
	.about-culture .right .li .l { width: 170px; }
	.about-culture .right .li .text { width: calc(100% - 210px); }
}
@media (max-width: 1440px) {
	.about-culture .right .li .h4 { font-size: 18px; width: calc(100% - 76px); }
	.about-culture .right .li .l { width: 150px; }
	.about-culture .right .li .text { width: calc(100% - 180px); }
}
@media (max-width: 1199px) {
	.about-culture .right .li .h4 { width: calc(100% - 64px); }
	.about-culture .right .li .l { width: 140px; }
	.about-culture .right .li .text { width: calc(100% - 160px); }
}
@media (max-width: 991px) {
	.about-culture .right .li .h4 { font-size: 16px; width: calc(100% - 40px); }
	.about-culture .right .li .l { width: 120px; }
	.about-culture .right .li .text { width: calc(100% - 130px); }
}
@media (max-width: 767px) {
	.about-culture { padding-top: 30px; padding-bottom: 30px; }
	.about-culture .left { width: 100%; padding: 20px; background-position: top center; }
	.about-culture .left .text { margin-top: 20px; }
	.about-culture .right { width: 100%; margin-top: 20px; }
	.about-culture .right .li { padding: 20px; }
	.about-culture .right .li::before { height: 1px; }
	.about-culture .right .li::after { height: 1px; }
	.about-culture .right .li:first-child::after { height: 1px; }
	.about-culture .right .li .icon { width: 30px; height: 30px; }
	.about-culture .right .li .h4 { margin-left: 10px; }
	.about-culture .right .li .l { width: 100%; }
	.about-culture .right .li .text { width: 100%; margin-top: 10px; }
}




/* 大事记 */
.about-dashiji {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: calc(100vw / 1920 * 123);
	padding-bottom: calc(100vw / 1920 * 104);
	overflow: hidden;
}
.about-dashiji .about-title {
	text-align: center;
}
.about-dashiji .con .dashiji-top {
	width: 60.756%;
	background-color: rgba(255,255,255,.3);
	margin: calc(100vw / 1920 * 95) auto 0;
}
.about-dashiji .con .dashiji-top .item {
	display: flex;
	flex-wrap: wrap;
	padding: calc(100vw / 1920 * 60) calc(100vw / 1920 * 55) calc(100vw / 1920 * 23);
}
.about-dashiji .con .dashiji-top .item .time {
	color: #e40616;
	font-size: calc(100vw / 1920 * 80);
	width: 26.738%;
}
.about-dashiji .con .dashiji-top .item .text {
	color: #666;
	line-height: 1.78;
	width: 73.2%;
}
.about-dashiji .con .dashiji-top .item .text p {
	border-bottom: 1px dashed rgba(0,0,0,.3);
	padding-top: calc(100vw / 1920 * 17);
	padding-bottom: calc(100vw / 1920 * 25);
}
.about-dashiji .con .dashiji-top .item .text p:first-child { padding-top: 0; }
.about-dashiji .con .dashiji-thumbs {
	position: relative;
	margin: calc(100vw / 1920 * 135) auto 0;
	padding: 0 calc(100vw / 1920 * 100);
}
.about-dashiji .con .dashiji-thumbs::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 120px);
	height: 2px;
	background-color: rgba(0,0,0,.1);
	transform: translate(-50%, -50%);
}
.about-dashiji .con .dashiji-thumbs .time {
	width: calc(100vw / 1920 * 192);
	height: 60px;
	border-radius: 30px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999;
	border: 1px solid #fff;
	margin: 0 auto 0;
	transition: color .8s, border .8s;
	overflow: hidden;
	text-align: center;
}
.about-dashiji .con .dashiji-thumbs .slick-arrow {
	background-color: rgba(255,255,255,.6);
	border: 1px dashed #e40616;
}
.about-dashiji .con .dashiji-thumbs .slick-arrow:hover { background-color: #e40616; }
.about-dashiji .con .dashiji-thumbs .slick-arrow:after {
	font-size: 24px;
	font-weight: bold;
}
.about-dashiji .con .dashiji-thumbs .slick-prev { left: 0; }
.about-dashiji .con .dashiji-thumbs .slick-next { right: 0; }
.about-dashiji .con .dashiji-thumbs.slide-count .slick-track { transform: translate3d(0,0,0)!important; }

.about-dashiji .con .dashiji-thumbs .slick-center .time,
.about-dashiji .con .dashiji-thumbs .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true] .time {
	border: 1px solid #e40616;
	color: #e40616;
}
.about-dashiji .con .dashiji-thumbs.slide-count .slick-current .time {
	border: 1px solid #e40616;
	color: #e40616;
}

@media (max-width: 1440px) {
	.about-dashiji .con .dashiji-thumbs .time { width: 85%; }
}
@media (max-width: 991px) {
	.about-dashiji .con .dashiji-thumbs .time { width: 90%; height: 50px; }
	.about-dashiji .con .dashiji-thumbs .slick-arrow { width: 50px; height: 50px; }
	.about-dashiji .con .dashiji-thumbs .slick-arrow:after { font-size: 20px; }
	.about-dashiji .con .dashiji-thumbs .slick-prev:after { margin-right: 1px; }
	.about-dashiji .con .dashiji-thumbs .slick-next:after { margin-left: 1px; }
	.about-dashiji .con .dashiji-top { width: 70%; }
	.about-dashiji .con .dashiji-top .item { padding: 20px; }
	.about-dashiji .con .dashiji-top .item .text p { padding: 10px 0; }
	.about-dashiji .con .dashiji-thumbs::before { width: calc(100% - 100px); }
}
@media (max-width: 767px) {
	.about-dashiji { padding-top: 30px; padding-bottom: 30px; }
	.about-dashiji .con .dashiji-top { width: 100%; margin-top: 30px; }
	.about-dashiji .con .dashiji-top .item .time { width: 100%; font-size: 24px; text-align: center; }
	.about-dashiji .con .dashiji-top .item .text { width: 100%; margin-top: 20px; }
	.about-dashiji .con .dashiji-thumbs .slick-arrow { width: 40px; height: 40px; }
	.about-dashiji .con .dashiji-thumbs .slick-arrow:after { font-size: 14px; }
	.about-dashiji .con .dashiji-thumbs::before { width: calc(100% - 80px); }
	.about-dashiji .con .dashiji-thumbs { margin: 30px auto 0; padding: 0 50px; }
	.about-dashiji .con .dashiji-thumbs .time { height: 40px; }
}




/* 华宇荣誉 */
.about-honor {
	padding-top: calc(100vw / 1920 * 102);
	padding-bottom: calc(100vw / 1920 * 142);
	overflow: hidden;
}
.about-honor .about-title { text-align: center; }
.about-honor .con { margin-top: calc(100vw / 1920 * 65); }
.about-honor .honor-slick { padding-bottom: calc(100vw / 1920 * 63); }
.about-honor .honor-slick .slick-track { margin: 0; }
.about-honor .honor-slick .slick-slide { padding: 0 7px; }
.about-honor .honor-slick .slick-slide .img {
	border: 2px solid #e6e6e6;
	padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 18);
}
.about-honor .honor-slick .slick-slide .img .i-box { padding-bottom: 68.70748299319728%; }
.about-honor .honor-slick .slick-slide p {
	width: 100%;
	text-align: center;
	line-height: 1.2;
	margin-top: calc(100vw / 1920 * 28);
	color: #666;
}
.about-honor .honor-slick .slick-dots { bottom: 0; }
.about-honor .honor-slick .slick-dots li button {
	width: 12px;
	height: 12px;
	background-color: rgba(0,0,0,.1);
	margin: 0 10px;
}
.about-honor .honor-slick .slick-dots li.slick-active button {
	background-color: #e40615;
}

@media (max-width: 767px) {
	.about-honor { padding-top: 30px; padding-bottom: 30px; }
	.about-honor .con { margin-top: 30px; }
	.about-honor .honor-slick { padding-bottom: 30px; }
	.about-honor .honor-slick .slick-slide .img { padding: 20px; }
	.about-honor .honor-slick .slick-slide p { margin-top: 20px; }
	.about-honor .honor-slick .slick-dots li button { margin: 0 5px; }
}




/* 华宇美味 */
.product {
	padding-top: calc(100vw / 1920 * 100);
	padding-bottom: calc(100vw / 1920 * 115);
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.product .list {
	width: 22.99%;
	background-color: #fafafa;
	padding: 6px 6px;
	margin-bottom: calc(100vw / 1920 * 35);
	margin-right: 2.68%;
	transition: box-shadow .8s;
}
.product .list:nth-child(4n) { margin-right: 0; }
.product .list:hover { box-shadow: 0 10px 10px rgba(0,0,0,.1); }
.product .list .img.i-box { padding-bottom: 92.67015706806283%; }
.product .list .h3 {
	text-align: center;
	padding: calc(100vw / 1920 * 23) 0 calc(100vw / 1920 * 20);
	transition: color .8s;
}
.product .list:hover .h3 { color: #e40615; }

@media (max-width: 767px) {
	.product { padding-top: 30px; padding-bottom: 30px; justify-content: space-between; }
	.product .list { width: 48%; margin-right: 0; margin-bottom: 20px; }
	.product .list .h3 { padding: 14px 0 10px; }
}




/* 产品详情 */
.page-nav-list {
	color: #666;
}
.page-nav-list .container {
	height: 83px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.page-nav-list .container::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,.3);
}
.page-nav-list .li {
	display: flex;
	height: 100%;
	width: calc(100% - 200px);
	overflow: auto;
}
.page-nav-list .li::-webkit-scrollbar { height: 5px; }
.page-nav-list .li > a {
	display: flex;
	align-items: center;
	position: relative;
	white-space: nowrap;
	height: 100%;
	padding: 0 calc(100vw / 1920 * 55);
	transition: color .8s;
}
.page-nav-list .li > a::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 1px;
	transform: translateX(-50%);
	background-color: #e40615;
	z-index: 1;
	transition: width .8s;
}
.page-nav-list .li > a.active { color: #e40615; }
.page-nav-list .li > a:hover { color: #e40615; }
.page-nav-list .li > a.active::after { width: 100%; }
.page-nav-list .li > a:hover::after { width: 100%; }
.page-nav-list .back a { transition: color .8s; }
.page-nav-list .back a:hover { color: #e40615; }

@media (max-width: 767px) {
	.page-nav-list .container { height: 60px; }
	.page-nav-list .back { display: none; }
	.page-nav-list .li { width: 100%; padding-bottom: 1px; }
	.page-nav-list .li > a { padding: 0 20px; }
	.page-nav-list .li::-webkit-scrollbar { height: 2px; }
}


.product-details {
	padding: calc(100vw / 1920 * 110) 0 0;
}
.product-details .top {
	width: 1244px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: calc(100vw / 1920 * 116);
	overflow: hidden;
}
.product-details .top .left {
	width: 40.515%;
}
.product-details .top .left .img .i-box { padding-bottom: 92.88617886178862%; }
.product-details .top .left .product-top .img {
	padding: 6px;
	background-color: #fafafa;
}
.product-details .top .left .product-thumbs { margin-top: 34px; padding: 0 75px; }
.product-details .top .left .product-thumbs .slick-slide { padding: 0 7px; }
.product-details .top .left .product-thumbs .slick-slide .img {
	border: 2px solid transparent;
	transition: border .8s;
}
.product-details .top .left .product-thumbs.slide-count .slick-track { transform: translate3d(0,0,0)!important; }
.product-details .top .left .product-thumbs .slick-slide.slick-current:not([tabindex="-1"]) .img {
	border: 2px solid #e40616;
}
.product-details .top .left .product-thumbs.slide-count .slick-current .img {
	border: 2px solid #e40616;
}
.product-details .top .left .product-thumbs .slick-arrow {
	width: 14px;
	height: 24px;
	background-color: transparent;
}
.product-details .top .left .product-thumbs .slick-arrow:after {
	font-size: 24px;
	font-weight: bold;
	color: #c8c8c8;
}
.product-details .top .left .product-thumbs .slick-arrow:hover:after { color: #e40615; }
.product-details .top .left .product-thumbs .slick-prev { left: 10px; }
.product-details .top .left .product-thumbs .slick-next { right: 10px; }
.product-details .top .right {
	width: 53.859%;
}
.product-details .top .right .h2 {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 29px;
	padding-top: 25px;
}
.product-details .top .right .con {
	color: #999;
	line-height: 1.4;
	margin-top: 28px;
}
.product-details .top .right .con.scrollbar {
	max-height: 15.8em;
}
.product-details .top .right .con .li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
}
.product-details .top .right .con .li:last-child { margin-bottom: 0; }
.product-details .top .right .con .li .h4 {
	width: 75px;
	color: #333;
}
.product-details .top .right .con .li .tit {
	width: calc(100% - 75px);
}
.product-details .top .right .link {
	margin-top: calc(100vw / 1920 * 100);
	display: flex;
	flex-wrap: wrap;
}
a.product-details-more {
	width: 200px;
	height: 60px;
	border-radius: 30px;
	border: 1px solid #999;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999;
	transition: color .8s, border .8s, background-color .8s;
}
a.product-details-more:hover {
	background-color: #fafafa;
	border: 1px solid #e40615;
	color: #e40615;
}
.product-details .top .right .link > a { margin-right: 40px; }
.product-details .top .right .link > a:last-child { margin-right: 0; }


@media (max-width: 1440px) {
	.product-details .top { width: 100%; padding: 0 5.20833333% calc(100vw / 1920 * 116); }
}
@media (max-width: 1199px) {
	.product-details .top .right .h2 { padding: 20px 0; }
	a.product-details-more { width: 180px; height: 50px; }
	.product-details .top .right .link > a { margin-right: 30px; }
	.product-details .top .left .product-thumbs { padding: 0 50px; }
}
@media (max-width: 991px) {
	a.product-details-more { width: 160px; height: 40px; }
	.product-details .top .right .link > a { margin-right: 20px; }
}
@media (max-width: 767px) {
	.product-details { padding: 30px 0 0; }
	.product-details .top { padding: 0 5.20833333% 30px; }
	.product-details .top .left { width: 100%; }
	.product-details .top .left .product-thumbs { margin-top: 20px; }
	.product-details .top .right { width: 100%; margin-top: 30px; }
	.product-details .top .right .h2 { padding: 0 0 15px; }
	.product-details .top .right .con { margin-top: 20px; }
	.product-details .top .right .con .li .h4 { width: 60px; }
	.product-details .top .right .con .li .tit { width: calc(100% - 60px); }
	.product-details .top .right .link { margin-top: 30px; justify-content: space-between; }
	.product-details .top .right .link > a { width: 48%; margin-right: 0; }
	.product-details .top .right .con.scrollbar { max-height: initial; }
}

.product-details .bottom {
	background-color: #fafafa;
	padding: calc(100vw / 1920 * 83) 0 calc(100vw / 1920 * 160);
}
.product-details .bottom .content {
	width: 1220px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
}
.product-details .bottom .left {
	width: 744px;
}
.product-details .bottom .left img { height: auto!important; display: block; }

.product-details .bottom .right {
	width: 392px;
}
.product-details .bottom .right .h2 {
	padding-bottom: 34px;
	border-bottom: 1px solid #e6e6e6;
}
.product-details .bottom .right .con {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.product-details .bottom .right .con::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e6e6e6;
}
.product-details .bottom .right .con .li {
	width: 106px;
	margin: 30px 37px 32px 0;
}
.product-details .bottom .right .con .li:nth-child(3n) { margin-right: 0; }
.product-details .bottom .right .con .li .img {
	padding: 6px;
	background-color: #fff;
}
.product-details .bottom .right .con .li .h3 {
	text-align: center;
	margin-top: 15px;
	transition: color .8s;
}
.product-details .bottom .right .con .li:hover .h3 { color: #e40615; }
.product-details .bottom .right .more {
	border-top: 1px solid #e6e6e6;
}
.product-details .bottom .right .more > a {
	margin: 66px auto 0;
}

@media (max-width: 1440px) {
	.product-details .bottom .content { width: 100%; padding: 0 5.20833333%; }
	.product-details .bottom .left { width: 58%; }
	.product-details .bottom .right { width: 35%; }
	.product-details .bottom .right .con .li { width: 28%; margin-right:8%; }
}
@media (max-width: 1199px) {
	.product-details .bottom .right .h2 { padding-bottom: 20px; }
	.product-details .bottom .right .more > a { margin: 50px auto 0; }
}
@media (max-width: 991px) {
	.product-details .bottom .right .con .li .h3 { font-size: 14px; }
	.product-details .bottom .right .more > a { font-size: 14px; }
}
@media (max-width: 767px) {
	.product-details .bottom { padding: 30px 0 30px; }
	.product-details .bottom .left { width: 100%; }
	.product-details .bottom .right { width: 100%; margin-top: 30px; }
	.product-details .bottom .right .con .li { margin: 20px 8% 20px 0; }
	.product-details .bottom .right .more > a { margin: 30px auto 0; }
}




/* 盛和园家庭农场 */
.farm-top {
	padding: calc(100vw / 1920 * 110) 5.20833333% calc(100vw / 1920 * 92);
}
.farm-top .content {
	width: 1221px;
	margin: 0 auto;
}
.farm-top .content .text {
	line-height: 2;
	text-align: center;
	padding: 0 64px;
}
.farm-top .content .img {
	margin-top: calc(100vw / 1920 * 60);
}
.farm-top .content .img.i-box { padding-bottom: 39.55773955773956%; }

@media (max-width: 1440px) {
	.farm-top .content { width: 100%; }
	.farm-top .content .text { padding: 0px 5%; }
}
@media (max-width: 1199px) {
	.farm-top .content .text { padding: 0; }
}
@media (max-width: 767px) {
	.farm-top { padding: 30px 5.20833333%; }
	.farm-top .content .img { margin-top: 20px; }
}

.farm-bottom .img {
	display: flex;
	position: relative;
}
.farm-bottom .img.i-box { padding-bottom: 48.80208333333333%; }
.farm-bottom .img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
	z-index: 1;
}
.farm-bottom .img::after {
	font-family: 'iconfont';
	font-size: calc(100vw / 1920 * 79);
	color: #fff;
	content: '\e6b0';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

@media (max-width: 1199px) {
	.farm-bottom .img::after { font-size: 50px; }
}
@media (max-width: 991px) {
	.farm-bottom .img::after { font-size: 40px; }
}




/* 新闻动态 */
.news { overflow: hidden; }
.news .container {
	padding: calc(100vw / 1920 * 97) 0 calc(100vw / 1920 * 88);
}
.news .list {
	background-color: #fafafa;
	display: flex;
	justify-content: space-between;
	padding: 28px 0;
	margin-bottom: 18px;
}
.news .list .time {
	width: 160px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #999;
	border-right: 1px solid rgba(0,0,0,.1);
}
.news .list .time .day {
	font-family: 'OPPOSans', 'Impact';
	font-size: calc(100vw / 1920 * 60);
}
.news .list .time .year {
	margin-top: 14px;
}
.news .list .con {
	display: flex;
	align-items: center;
	width: calc(100% - 190px);
}
.news .list .con .img { width: 119px; }
.news .list .con .text {
	width: calc(100% - 119px);
	padding-left: 30px;
	padding-right: 44px;
}
.news .list .con .text .h3 {
	-webkit-line-clamp: 1;
	max-height: 1em;
	transition: color .8s;
}
.news .list:hover .con .text .h3 { color: #e40615; }
.news .list .con .text .txt {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	color: #666;
	margin-top: 22px;
}
.news .list .con .text .txt .des {
	line-height: 1.4;
	max-height: 2.8em;
	width: calc(100% - 114px);
}
.news .list .con .text .txt .more { color: #999; margin-bottom: 4px; }
.news .list .con .text .txt .more::after {
	font-family: 'iconfont';
	font-size: 16px;
	color: inherit;
	content: '\eb08';
	margin-left: 14px;
}

/* 分页 */
.page-link { display:flex; justify-content:center; width:100%; padding-top: calc(100vw / 1920 * 52); }
.page-link ul { display:flex; }
.page-link ul li {
	width:30px; height:30px; border:1px solid #bbbbbb;
	color:#999; border-radius: 50%; margin: 0 11px;
	transition: color .8s, border .8s;
}
.page-link ul li:hover { border:1px solid #e40616; color:#e40616; }
.page-link ul li.active { border:1px solid #e40616;  color:#e40616; }
.page-link ul li a, .page-link ul li span { display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding-top: 2px; }


@media (max-width: 1199px) {
	.news .list { padding: 20px 0; }
	.news .list .con .text { padding: 0 20px; }
	.news .list .time { width: 120px; }
	.news .list .time .year { margin-top: 6px; }
	.news .list .con { width: calc(100% - 140px); }
	.news .list .con .img { width: 90px; }
	.news .list .con .text { width: calc(100% - 90px); }
	.news .list .con .text .txt { margin-top: 10px; }
}
@media (max-width: 991px) {
	.news .list .time .day { font-size: 30px; }
}
@media (max-width: 767px) {
	.news .container { padding: 30px 0; }
	.news .list { margin-bottom: 20px; flex-wrap: wrap; padding: 15px; }
	.news .list .time { width: 100%; border-right: none; }
	.news .list .time .day { font-size: 26px; }
	.news .list .con { flex-wrap: wrap; align-items: flex-start; width: 100%; margin-top: 15px; }
	.news .list .con .img { width: 80px; }
	.news .list .con .text { width: calc(100% - 80px); padding: 0 0 0 15px; }
	.news .list .con .text .txt { flex-wrap: wrap; justify-content: flex-end; }
	.news .list .con .text .txt .des { width: 100%; }
	.news .list .con .text .txt .more { margin-bottom: 0; margin-top: 10px; }
	.page-link { padding-top: 10px; }
	.page-link ul li { margin: 0 5px; }
	.page-link ul li a, .page-link ul li span { padding-top: 0; }
}




/* 新闻详情 */
.news-details {
	padding-top: calc(100vw / 1920 * 97);
	padding-bottom: calc(100vw / 1920 * 131);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
}
.news-details .left {
	width: 58.14%;
	background-color: #fafafa;
	padding: calc(100vw / 1920 * 55) calc(100vw / 1920 * 50) 0;
}
.news-details .left .title {
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding-bottom: calc(100vw / 1920 * 18);
}
.news-details .left .title .h2 {
	font-size: calc(100vw / 1920 * 30);
	font-weight: bold;
	line-height: 1.2;
}
.news-details .left .title .t-b {
	display: flex;
	margin-top: calc(100vw / 1920 * 35);
	color: #999;
}
.news-details .left .title .t-b p { margin-right: calc(100vw / 1920 * 55); }
.news-details .left .title .t-b p:last-child { margin-right: 0; }
.news-details .left .text {
	color: #666;
	line-height: 2;
	padding: calc(100vw / 1920 * 40) 0 0;
}
.news-details .left .link {
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: calc(100vw / 1920 * 80);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 14px;
	padding-bottom: 18px;
	color: #999;
}
.news-details .left .link > a {
	width: 50%;
	padding: 15px 13px;
	transition: color .8s;
}
.news-details .left .link > a:hover { color: #e40615; }
.news-details .left .link > a:first-child { border-right: 1px solid rgba(0,0,0,.1); padding-left: 0; }

.news-details .right {
	width: 40.6%;
}
.news-details .right .top {
	display: flex;
	flex-direction: column;
	background-color: #fafafa;
	padding: calc(100vw / 1920 * 48) calc(100vw / 1920 * 60) calc(100vw / 1920 * 30) calc(100vw / 1920 * 45);
}
.news-details .right .top .h2 {
	font-weight: bold;
	margin-bottom: calc(100vw / 1920 * 57);
}
.news-details .right .top .list {
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: calc(100vw / 1920 * 27) 0;
	margin-bottom: calc(100vw / 1920 * 20);
}
.news-details .right .top .list:last-child { border-bottom: none; margin-bottom: 0; }
.news-details .right .top .list .h3 {
	font-size: calc(100vw / 1920 * 26);
	transition: color .8s;
}
.news-details .right .top .list:hover .h3 { color: #e40615; }
.news-details .right .top .list .time {
	color: #999;
	margin-top: calc(100vw / 1920 * 24);
}
.news-details .right .bottom {
	display: flex;
	flex-wrap; wrap;
	justify-content: space-between;
	margin-top: calc(100vw / 1920 * 40);
	color: #999;
}
.news-details .right .bottom > a {
	width: 48%;
	height: calc(100vw / 1920 * 60);
	border-radius: 30px;
	border: 1px solid #999;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: color .8s, border .8s;
}
.news-details .right .bottom > a:hover {
	color: #e40615;
	border: 1px solid #e40615;
}

@media (max-width: 1440px) {
	.news-details .left .link { padding: 14px 0; }
	.news-details .right .bottom > a { height: 44px; }
}
@media (max-width: 1199px) {
	.news-details .right .top .list .h3 { font-size: 16px; }
	.news-details .left .title .h2 { font-size: 18px; }
}
@media (max-width: 991px) {
	.news-details .right .bottom > a { height: 40px; }
	.news-details .right .top .h2 { font-size: 18px; }
}
@media (max-width: 767px) {
	.news-details { padding-top: 30px; padding-bottom: 30px; }
	.news-details .left { width: 100%; padding: 20px 20px 0; }
	.news-details .left .title { padding-bottom: 10px; }
	.news-details .left .title .t-b { margin-top: 10px; }
	.news-details .left .title .t-b p { margin-right: 15px; }
	.news-details .left .text { padding: 20px 0 0; }
	.news-details .left .link { margin-top: 30px; padding: 0; }
	.news-details .left .link > a { width: 100%; padding: 15px 0; }
	.news-details .left .link > a:first-child { border-bottom: 1px solid rgba(0, 0, 0, .1); border-right: none; }
	.news-details .right { width: 100%; margin-top: 30px; }
	.news-details .right .top { padding: 20px; }
	.news-details .right .top .h2 { margin-bottom: 10px; }
	.news-details .right .top .list { padding: 15px 0; margin-bottom: 0; }
	.news-details .right .top .list .time { margin-top: 10px; }
	.news-details .right .bottom { margin-top: 20px; }
	.news-details .right .bottom > a { height: 36px; }
}




/* 安心华宇 - 全产业链 */
.anxin-industry {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.anxin-industry .left {
	width: 42.292%;
	padding: calc(100vw / 1920 * 112) calc(100vw / 1920 * 64) calc(100vw / 1920 * 112) 5.20833333%;
}
.anxin-industry .left .scrollbar {
	height: 550px;
	max-height: 550px;
	margin-top: calc(100vw / 1920 * 52);
}
.anxin-industry .left .content {
	position: relative;
	margin-top: calc(100vw / 1920 * 60);
}
.anxin-industry .left .text {
	line-height: 2;
}
.anxin-industry .left .list {
	color: #666;
	line-height: 1.5625;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: translateX(-100%);
	transition: opacity .8s, transform .8s;
}
.anxin-industry .left .list.active {
	position: relative;
	opacity: 1;
	transform: translateX(0);
}
.anxin-industry .left .list .h3 {
	color: #333;
	margin-bottom: 30px;
}
.anxin-industry .left .list .li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: calc(100vw / 1920 * 30);
}
.anxin-industry .left .list .li:last-child { margin-bottom: 0; }
.anxin-industry .left .list .li .icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #e40616;
}
.anxin-industry .left .list .li .tit {
	width: calc(100% - 36px);
}
.anxin-industry .right {
	width: 57.708%;
	min-height: calc(100vw / 1920 * 937);
	background-color: rgba(228,6,22,.03);
	display: flex;
}
.anxin-industry .right .content {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	overflow: hidden;
	position: relative;
}
.anxin-industry .right .content::before {
	content: '';
	width: calc(100vw / 1920 * 694);
	height: calc(100vw / 1920 * 694);
	border-radius: 50%;
	border: calc(100vw / 1920 * 2) solid rgba(25,24,24,.3);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-left: 6%;
}
.anxin-industry .right .content::after {
	content: '';
	width: calc(100vw / 1920 * 480);
	height: calc(100vw / 1920 * 480);
	border-radius: 50%;
	border: calc(100vw / 1920 * 2) solid rgba(25,24,24,.1);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	margin-left: 6%;
}
.anxin-industry .right .l {
	display: flex;
	flex-direction: column;
	text-align: right;
	position: absolute;
	top: 50%;
	left: calc(100vw / 1920 * 230);
	font-size: calc(100vw / 1920 * 26);
	z-index: 1;
	transform: translateY(-50%);
}
.anxin-industry .right .l > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: calc(100vw / 1920 * 78) 0;
	transition: opacity .5s;
	transition: color .5s;
}
.anxin-industry .right .l > a.active { color: #e40616; }
.anxin-industry .right .l > a:nth-child(1) { top: calc(100vw / 1920 * 66); left: calc(100vw / 1920 * 200); }
.anxin-industry .right .l > a:nth-child(2) { left: calc(100vw / 1920 * 56); }
.anxin-industry .right .l > a:nth-child(4) { left: calc(100vw / 1920 * 56); }
.anxin-industry .right .l > a:nth-child(5) { bottom: calc(100vw / 1920 * 66); left: calc(100vw / 1920 * 200); }
.anxin-industry .right .l > a::after {
	content: '';
	width: calc(100vw / 1920 * 30);
	height: calc(100vw / 1920 * 30);
	border-radius: 50%;
	border: 2px solid #fff;
	background-color: #e40616;
	margin-left: calc(100vw / 1920 * 26);
	opacity: 0;
	transition: opacity .5s;
}
.anxin-industry .right .l > a.active::after { opacity: 1; }
.anxin-industry .right .l > a .tit {
	position: absolute;
	top: 50%;
	left: 0;
	white-space: nowrap;
	transform: translate(-100%, -50%);
}
.anxin-industry .right .r {
	width: 68.052%;
	margin-right: -6.048%;
	position: relative;
}
.anxin-industry .right .r .list {
	width: 100%;
	border-top-left-radius: calc(100vw / 1920 * 60);
	border-bottom-left-radius: calc(100vw / 1920 * 60);
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	opacity: 0;
	z-index: -1;
	transition: opacity .8s, left .8s;
}
.anxin-industry .right .r .list.active {
	position: relative;
	left: 0;
	z-index: 1;
	opacity: 1;
}
.anxin-industry .right .r .list .img.i-box { padding-bottom: 63.6604774535809%; }
.anxin-industry .right .r .slick .slick-arrow {
	top: auto;
	bottom: calc(100vw / 1920 * 33);
	width: calc(100vw / 1920 * 54);
	height: calc(100vw / 1920 * 54);
	background-color: rgba(228,6,22,.6);
	transform: translateY(0);
}
.anxin-industry .right .r .slick .slick-arrow:after { color: #fff; font-size: calc(100vw / 1920 * 24); }
.anxin-industry .right .r .slick .slick-arrow:hover { background-color: rgba(228,6,22,1); }
.anxin-industry .right .r .slick .slick-prev { left: calc(100vw / 1920 * 60); }
.anxin-industry .right .r .slick .slick-next { left: calc(100vw / 1920 * 140); right: auto; }

@media (max-width: 1680px) {
	.anxin-industry .left .text { font-size: 18px; }
}
@media (max-width: 1440px) {
	.anxin-industry .left .text { font-size: 16px; }
	.anxin-industry .left .list .li .icon { width: 15px; height: 15px; }
	.anxin-industry .left .list .li .tit { width: calc(100% - 30px); }
}
@media (max-width: 1199px) {
	.anxin-industry .left .text { line-height: 1.6; }
	.anxin-industry .right .l > a:nth-child(1) { top: calc(100vw / 1920* 70); }
	.anxin-industry .right .l > a:nth-child(5) { bottom: calc(100vw / 1920* 70); }
}
@media (max-width: 991px) {
	.anxin-industry .left { width: 100%; }
	.anxin-industry .left .text { font-size: 14px; }
	.anxin-industry .left .list .li .icon { width: 10px; height: 10px; }
	.anxin-industry .left .list .li .tit { width: calc(100% - 20px); }
	.anxin-industry .left .scrollbar { height: 360px; }
	.anxin-industry .right { width: 100%; height: auto; padding: 30px 0; min-height: initial; }
	.anxin-industry .right .r .list { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
	.anxin-industry .right .l { left:5.20833333%; font-size: 16px; height: 100%; }
	.anxin-industry .right .l > a { top: 0!important; left: 0!important; margin: 20px 0; }
	.anxin-industry .right .l > a .tit { position: initial; transform: translate(0); white-space: initial; max-width: 160px; }
	.anxin-industry .right .l > a::after { width: 15px; height: 15px; margin-left: 10px; }
	.anxin-industry .right .content::before { display: none; }
	.anxin-industry .right .content::after { display: none; }
	.anxin-industry .right .l::before {
		content: '';
		position: absolute;
		top: 0;
		right: 9px;
		width: 1px;
		height: 100%;
		background-color: rgba(25,24,24,.3);
	}
	.anxin-industry .right .r .slick .slick-arrow { width: 30px; height: 30px; bottom: 20px; }
	.anxin-industry .right .r .slick .slick-arrow:after { font-size: 12px; }
	.anxin-industry .right .r { margin-right: 0; }
	.anxin-industry .left .content { margin-top: 20px; }
	.anxin-industry .left .list .h3 { margin-bottom: 20px; }
}
@media (max-width: 767px) {
	.anxin-industry .left { padding: 30px 5.20833333% 20px; }
	.anxin-industry .left .scrollbar { margin-top: 15px; }
	.anxin-industry .left .list { margin-top: 0; }
	.anxin-industry .left .list .li { margin-bottom: 10px; }
	.anxin-industry .right .content { flex-wrap: wrap; justify-content: flex-start; }
	.anxin-industry .right .r { width: 90%; margin-left: auto; }
	.anxin-industry .right .r .list { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
	.anxin-industry .right .r .slick .slick-arrow { bottom: 15px; }
	.anxin-industry .right .r .slick .slick-prev { left: 15px; }
	.anxin-industry .right .r .slick .slick-next { left: 55px; }
	.anxin-industry .right .l { position: initial; transform: translateY(0); height: auto; margin-bottom: 20px; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; padding: 0 5.20833333%; }
	.anxin-industry .right .l::before { display: none; }
	.anxin-industry .right .l > a { justify-content: center; margin: 0 0 10px; padding: 0 12px; }
	.anxin-industry .right .l > a::after { display: none; }
	.anxin-industry .right .l > a .tit { padding-bottom: 10px; }
	.anxin-industry .right .l > a .tit::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 0;
		height: 1px;
		background-color: #e40615;
		opacity: 0;
		transform: translateX(-50%);
		transition: opacity .5s, width .5s;
	}
	.anxin-industry .right .l > a.active .tit::after { opacity: 1; width: 100%; }
}




/* 安心华宇 - 创新研发 */
.anxin-innovate {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: calc(100vw / 1920 * 102);
	padding-bottom: calc(100vw / 1920 * 116);
	overflow: hidden;
}
.anxin-innovate .about-title {
	text-align: center;
}
.anxin-innovate .con {
	margin-top: calc(100vw / 1920 * 90);
}
.anxin-innovate .con .anxin-innovate-list {
	padding: 0 calc(100vw / 1920 * 120);
}
.anxin-innovate .con .anxin-innovate-list .slick-list { margin: 0 calc(100vw / 1920 * -38); }
.anxin-innovate .con .anxin-innovate-list .slick-slide { padding: 0 calc(100vw / 1920 * 38); }
.anxin-innovate .con .anxin-innovate-list .slick-slide .item { position: relative; }
.anxin-innovate .con .anxin-innovate-list .slick-slide .img.i-box { padding-bottom: 58.42857142857143%; }
.anxin-innovate .con .anxin-innovate-list .slick-slide .h4 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(255,255,255,.6);
	text-align: center;
	line-height: 1.2;
	padding: calc(100vw / 1920 * 21) 20px;
	transition: color .5s, background-color .5s;
}
.anxin-innovate .con .anxin-innovate-list .slick-slide.slick-current:not([tabindex="-1"]) .h4 {
	color: #fff;
	background-color: rgba(228,6,22,.6);
}
.anxin-innovate .con .slick .slick-arrow {
	width: calc(100vw / 1920 * 54);
	height: calc(100vw / 1920 * 54);
	background-color: #e6e6e6;
}
.anxin-innovate .con .slick .slick-arrow:hover { background-color: #e40616; }
.anxin-innovate .con .slick .slick-arrow:after { color: #999; font-weight: bold; }
.anxin-innovate .con .slick .slick-arrow:hover:after { color: #fff; }
.anxin-innovate .con .slick .slick-prev { left: 0; }
.anxin-innovate .con .slick .slick-next { right: 0; }

@media (max-width: 1440px) {
	.anxin-innovate .con .slick .slick-arrow { width: 40px; height: 40px; }
	.anxin-innovate .con .slick .slick-arrow:after { font-size: 16px; }
}
@media (max-width: 1199px) {
	.anxin-innovate .con .slick .slick-arrow { width: 35px; height: 35px; }
	.anxin-innovate .con .slick .slick-arrow:after { font-size: 14px; }
	.anxin-innovate .con .anxin-innovate-list .slick-slide .h4 { padding: 12px 20px 10px; }
}
@media (max-width: 767px) {
	.anxin-innovate { padding-top: 30px; padding-bottom: 30px; }
	.anxin-innovate .con { margin-top: 30px; }
	.anxin-innovate .con .anxin-innovate-list { padding: 0; }
	.anxin-innovate .con .slick .slick-prev { left: 10px; }
	.anxin-innovate .con .slick .slick-next { right: 10px; }
	.anxin-innovate .con .anxin-innovate-list .slick-list { margin: 0 -10px; }
	.anxin-innovate .con .anxin-innovate-list .slick-slide { padding: 0 10px; }
}




/* 全产业链 */
.contact {
	padding-top: calc(100vw / 1920 * 100);
	padding-bottom: calc(100vw / 1920 * 100);
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.contact .left {
	width: 43.721%;
	background-color: #fafafa;
	padding: calc(100vw / 1920 * 68) calc(100vw / 1920 * 70) calc(100vw / 1920 * 88);
}
.contact .left .con {
	display: flex;
	flex-direction: column;
	font-size: 20px;
	margin-top: calc(100vw / 1920 * 50);
}
.contact .left .con .li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1.2;
	margin-bottom: 14px;
}
.contact .left .con .li:last-child { margin-bottom: 0; }
.contact .left .con .li .tel {
	font-size: calc(100vw / 1920 * 36);
	font-weight: bold;
}
.contact .left .con .li .icon { width: 25px; height: 29px; }
.contact .left .con .li .icon img { width: 100%; height: 100%; }
.contact .left .con .li > p { width: calc(100% - 45px); }
.contact .left .code {
	margin-top: calc(100vw / 1920 * 96);
	display: flex;
	flex-wrap: wrap;
}
.contact .left .code .li {
	width: 130px;
	text-align: center;
	margin-right: calc(100vw / 1920 * 32);
	margin-bottom: 20px;
}
.contact .left .code .li:last-child { margin-right: 0; }
.contact .left .code .li > p {
	margin-top: 20px;
}

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

@media (max-width: 1680px) {
	.contact .left .con { font-size: 18px; }
}
@media (max-width: 1440px) {
	.contact .left .con { font-size: 16px; }
	.contact .left .code .li { width: 100px; }
}
@media (max-width: 1199px) {
	.contact .left .con .li .tel { font-size: 24px; }
	.contact .left .code .li { width: 90px; }
	.contact .left .code .li > p { margin-top: 15px; }
	.contact .left .con .li .icon { width: 20px; height: 23.19px; }
	.contact .left .con .li > p { width: calc(100% - 35px); }
}
@media (max-width: 991px) {
	.contact .left { width: 100%; }
	.contact .left .code .li { width: 80px; }
	.contact .right { width: 100%; height: 400px; }
}
@media (max-width: 767px) {
	.contact { padding-top: 30px; padding-bottom: 30px; }
	.contact .left { padding: 20px; }
	.contact .left .con { margin-top: 15px; font-size: 14px; }
	.contact .left .con .li .tel { font-size: 20px; }
	.contact .left .code { margin-top: 20px; }
	.contact .left .code .li { margin-right: 10px; margin-bottom: 10px; }
	.contact .left .code .li > p { margin-top: 10px; }
	.contact .right { height: 300px; }
}




/* message */
.message {
	margin-top: calc(100vw / 1920 * 116);
	background-color: #fafafa;
	padding-top: calc(100vw / 1920 * 70);
	padding-bottom: calc(100vw / 1920 * 128);
	overflow: hidden;
}
.message .about-title { text-align: center; }
.message .con {
	width: 1230px;
	margin: calc(100vw / 1920 * 60) auto 0;
}
.message .con .form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.message .con .form .input {
	width: 48%;
	height: 60px;
	background-color: #fff;
	padding: 0 22px;
}
.message .con .form .input::placeholder { color: #999; }
.message .con .form .textarea {
	width: 100%;
	height: 178px;
	background-color: #fff;
	padding: 22px;
	margin-top: calc(100vw / 1920 * 38);
}
.message .con .form .textarea::placeholder { color: #999; }
.message .con .form .button {
	width: 200px;
	height: 60px;
	border-radius: 30px;
	background-color: transparent;
	border: 1px solid #999;
	color: #999;
	cursor: pointer;
	padding-bottom: 2px;
	margin: calc(100vw / 1920 * 52) auto 0;
	transition: border .5s, color .5s;
}
.message .con .form .button:hover { border: 1px solid #e40616; color: #e40616; }

@media (max-width: 1440px) {
	.message .con { width: 100%; }
}
@media (max-width: 1199px) {
	.message .con .form .input { height: 50px; }
	.message .con .form .button { height: 50px; }
}
@media (max-width: 767px) {
	.message { margin-top: 0; padding-top: 30px; padding-bottom: 30px; }
	.message .con { margin-top: 30px; }
	.message .con .form .input { width: 100%; height: 40px; margin-bottom: 10px; padding: 0 15px; }
	.message .con .form .textarea { margin-top: 0; height: 140px; padding: 15px; }
	.message .con .form .button { margin: 20px auto; height: 40px; width: 140px; }
}