@charset "utf-8";
/*
 * css reset
*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box; /* 元素宽高包含内边距和边框 */
	vertical-align: baseline; /* 元素与基线垂直对齐 */
	-webkit-tap-highlight-color: transparent; /* IOS去掉点击背景颜色 */
}
body {
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", STXihei, SimHei, "WenQuanYi Micro Hei", sans-serif;
	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 */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } /* 低版本浏览器HTML5元素重置 */
ul, ol { list-style: none; }
textarea { resize: none; }
img { max-width: 100%; display: block; height:auto!important; }
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 */
}
@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.woff2') format('woff2'),
			 url('../fonts/iconfont.woff') format('woff'),
			 url('../fonts/iconfont.ttf') format('truetype');
}
@font-face {
	font-family: 'ifont';
	src: url('../fonts/font/Aileron-Bold.otf');
}
@font-face {
	font-family: 'ifont-bold';
	src: url('../fonts/font/Aileron-Black.otf');
}
h2 {
	font-family:'ifont-bold';
}

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

/* 图片放大效果 */
/* .i-scale .img { overflow: hidden; } */
.i-scale .img img { transition: transform .5s ease-in-out; }
.i-scale .img:hover 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%;
}

/* 文字超出隐藏 */
.ell-o {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ell-t {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

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

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


/*
 * 导航 header
*/
.header {
	height: 124px;
	padding: 0 calc(100vw / 1920 * 200);
	background-color: transparent;
	position: fixed;
	justify-content: space-between;
	top: 0;
	width: 100%;
	max-width: 1920px;
	z-index: 9;
	display:flex;
	align-items: center;
}
.header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	backdrop-filter: blur(1px);
	z-index: -1;
	opacity: 0;
	transition: opacity .5s;
}
.header.fixed:before { opacity:1; }
/* 导航菜单向上滑动 */
.header.slideUp {
	transform: translateY(-150px);
	transition: transform .5s ease-out;
}
/* 导航菜单向下滑动 */
.header.slideDown {
	transform: translateY(0);
	transition: transform .5s ease-out;
}


/* logo */
.header .logo { position: relative; }
.header .logo img {
	width: 255px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter: drop-shadow(1px 1px 0px rgba(0,0,0,1));
	transition: opacity 0.5s;
}
.header .logo img:first-child {
	position:initial;
	opacity: 1;
}
.header.fixed .logo img:first-child { opacity: 0; }
.header.fixed .logo img:last-child { opacity: 1; }


/* 导航链接 */
.header .con {
	display: flex;
	height: 100%;
}
.header .nav {
	font-size: 18px;
	font-weight: bold;
	color:#fff;
}
.header .nav .link {
	display: flex;
	height:100%;
}
.header .nav .link>li {
	position: relative;
}
.header .nav .link>li>a {
	padding:0 16px;
	height: 100%;
	display: flex;
	align-items: center;
	transition: color 0.5s;
}
.header .nav .link>li.active>a { color: #c81235; }


/* 导航链接下划线 */
.navigation-line .line {
	height: 2px;
	width: 100%;
	background-color: #c81235;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	transition: left .5s, width .5s;
}
.navigation-line .current .line { display: inline-block; }


/* 二级导航链接 */
.header .nav .link .menu {
	background-color: #fff;
	color: #333;
	position: absolute;
	top: 100%;
	left: 50%;
	display: none;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
	transform: translateX(-50%);
}
.header .nav .link .menu a {
	padding: 15px 40px;
	display: flex;
	white-space: nowrap;
	transition: color 0.5s, background-color .5s;
}
.header .nav .link .menu a:hover {
	background-color: #c81235;
	color: #fff;
}


/* 语言切换 language */
.header .language {
	position: relative;
	color: #fff;
	padding:0 20px;
}
.header .language>p {
	display: flex;
	align-items: center;
	height: 100%;
	transition: color 0.5s;
}
.header .language.active>p { color:#c81235; }
.header .language>ul {
	position: absolute;
	top: 100%;
	left: 50%;
	color: #333;
	background-color: #fff;
	font-family: 'Impact';
	display: none;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
	transform: translateX(-50%);
}
.header .language>ul a {
	display: flex;
	padding: 15px 40px;
	transition: color 0.5s, background-color .5s;
}
.header .language>ul a:hover {
	color: #fff;
	background-color: #c81235;
}


/* 搜索 search */
.header .search {
	color: #fff;
	font-size: 22px;
	padding:0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.header .search>p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	cursor: pointer;
}
.header .search>p:before {
	font-family: 'iconfont';
	content: '\e704';
}
.header .search .page {
	position: absolute;
	top: 100%;
	right: 0;
	width: 800px;
	background: rgba(255,255,255,.9);
	padding: 25px 0;
	display:none;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
}
.header .search .page>div {
	position: relative;
	width: 80%;
	margin:0 auto;
}
.header .search .page .close {
	position: absolute;
	top: 2px;
	right: -50px;
	cursor: pointer;
}
.header .search .page .close:hover {
	animation: closeRotate .2s linear;
}
@keyframes closeRotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(180deg); }
}
.header .search .page .close:after {
	font-family: 'iconfont';
	content: '\e86d';
	font-size: 24px;
	color: #333;
}
.header .search .page input {
	width: 100%;
	height: 30px;
	font-size: 18px;
	color: #333;
	text-align: center;
	background-color: transparent;
	border-bottom: 1px solid #333;
}
.header .search .page input:-webkit-autofill {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #333;
}
.header .search .page .submit {
	position: absolute;
	right: 0;
	bottom: 5px;
	background-color: transparent;
	cursor: pointer;
}
.header .search .page .submit:after {
	font-family: 'iconfont';
	content: '\e704';
	font-size: 22px;
	color: #333;
}


/* 手机导航按钮 */
.header .button {
	display:flex;
	align-items: center;
	margin-left: 20px;
	display: none;
}
.header .button>div {
	display: flex;
	flex-direction: column;
	width: 30px;
	padding: 5px 0;
	cursor: pointer;
}
.header .button span {
	width: 100%;
	height: 2px;
	background-color: #fff;
	transition: all 0.5s;
}
.header .button span:nth-child(2) { margin:5px 0; }
.header .button>div.active { padding: 10px 0; }
.header .button>div.active span:first-child { transform: translateY(100%) rotateZ(225deg); }
.header .button>div.active span:nth-child(2) {
	transform: translateX(100px);
	opacity: 0;
	margin: 0;
}
.header .button>div.active span:last-child { transform: translateY(-100%) rotateZ(-225deg); }

.header .con .email {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight:bold;
	color:#fff;
	margin-left: 40px;
}
.header .con .email a {
	height: 35px;
	border-radius: 18px;
	border: solid 1px #ffffff;
	display:flex;
	align-items: center;
	padding: 0 20px;
}
.header .con .email a::before {
	content:'';
	background:url(../images/email.png) center no-repeat;
	width: 20px;
	height: 15px;
	display:inline-block;
	margin-right: 12px;
	margin-bottom:1px;
}


@media (max-width:1440px) {
	.header { padding: 0 calc(100vw / 1920 * 120); }
	.header .logo img { width: 200px; }
	.header .nav { font-size: 16px; }
}
@media (max-width:1199px) {
	.header { height: 80px; }
	.header .logo img { width: 140px; }
	.header .nav { font-size: 14px; }
	.header .nav .link>li>a { padding: 0 10px; }
	.header .con .email { margin-left: 20px; font-size: 14px; }
}
@media (max-width:991px) {
	.header { height: 60px; }
	.header .logo img { width: 120px; }
	.header .nav { font-size: 12px; }
	.header .con .email { margin-left: 10px; font-size: 12px; }
	.header .con .email a { height: 30px; }
	.header .con .email a::before { margin-right: 5px; background-size: 100% 100%; width: 15px; height: 10px; }
}
@media (max-width:767px) {
	/* 导航链接 */
	.header .nav {
		position: fixed;
		top: 60px;
		right: -100%;
		font-size: 16px;
		color: #333;
		background-color: #fff;
		height: calc(100% - 110px);
		box-shadow: 0 0 3px rgba(0,0,0,.1);
		transition: right 0.5s;
	}
	.header .nav.active { right: 0; }
	.header .nav .link {
		justify-content: center;
		flex-direction: column;
	}
	.header .nav .link>li>a { justify-content: center; padding: 12px 30px; }
	/* 手机导航按钮 */
	.header .button { display: flex; margin-left: 10px; }
	
	.header .con .email a { display:none; }
}


/* 返回顶部 */
.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 #c81235;
	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: 16px;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #c81235;
	border-radius: inherit;
}
.back-top span:before {
	font-family:'iconfont';
	content:'\eb99';
}

@media (max-width:767px) {
	.back-top { display: none; }
}


/* 手机底部固定链接 */
.footer-link {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-color: #c81235;
	border-top: 1px solid #fff;
	z-index: 999;
	display: none;
}
.footer-link a {
	color: #fff;
	font-size: 24px;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-link a:after { font-family: 'iconfont'; }
.footer-link .tel:after { content: '\e71b'; }
.footer-link .email:after { content: '\e672'; }
.footer-link .backtop:after { content: '\e735'; }
.footer-link a + a { border-left: 1px solid #fff; }

@media (max-width:767px) {
	.footer { margin-bottom: 50px; }
	.footer-link { display:flex; }
}




/*
 * 首页 banner
*/

/* slick轮播默认样式 */
.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;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: background-color 0.5s;
}
.slick .slick-arrow:after {
  font-family: 'iconfont';
  color: rgba(3, 169, 244, 0.5);
  font-size: 20px;
  transition: color 0.5s;
}
.slick .slick-arrow:hover { background-color: rgba(3, 169, 244, 0.5); }
.slick .slick-arrow:hover:after { color: rgba(255, 255, 255, 0.5); }
.slick .slick-prev { left: 40px; }
.slick .slick-prev:after { content: '\e710'; margin-right: 3px; }
.slick .slick-next { right: 40px; }
.slick .slick-next:after { content: '\e715'; margin-left: 3px; }
.slick.hide-dots .slick-arrow { opacity: 0; }
/* 圆点导航 */
.slick .slick-dots {
  position: absolute;
  bottom: calc(100vw / 1920 * 110);
  width: 100%;
  display: flex;
  justify-content: flex-end;
	padding-right: calc(100vw / 1920 * 200);
}
.slick .slick-dots li button {
  width: 6px;
  height: 32px;
  background-color: #231815;
  margin: 0 5px;
  font-size: 0;
  border-radius: 0;
	transform: skewX(-13deg);
}
.slick .slick-dots li.slick-active button { background-color: #c81235; }
.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%);
}

/* 图片动效，从大缓慢缩小 */
.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 * 932); overflow: hidden; } */
/* 小窗口浏览器刷新视频不乱 */
.index-banner .index-slick video { width: 100%; height: 100%; }

.index-banner {
	height: calc(100vw / 1920 * 934)
}
.index-banner .slick-slide .text {
	position: absolute;
	left: calc(100vw / 1920 * 197);
	bottom: calc(100vw / 1920 * 100);
	font-size: calc(100vw / 1920 * 20);
	color:#666;
}
.index-banner .slick-slide.slick-current .text {
	animation: fadeInUp .5s linear;
}
.index-banner .slick-slide .text .bg {
	font-family:'ifont-bold';
	font-size: calc(100vw / 1920 * 60);
	font-weight:bold;
	margin-bottom: calc(100vw / 1920 * 16);
	color:#c81235;
	background-image: linear-gradient(to right, #cb0a3d, #231815);
	color: transparent;
	-webkit-background-clip: text;
}

@media (max-width:1199px) {
	.index-banner .slick-slide .text { font-size: 12px; }
	.index-banner .slick-slide .text .bg { font-size: 36px; margin-bottom:10px; }
	.slick .slick-dots li button { height: 22px; }
}
@media (max-width:991px) {
	.index-banner .slick-slide .text .bg { font-size: 28px; margin-bottom:10px; }
}
@media (max-width:767px) {
	.header { padding: 0 calc(100vw / 1920 * 100); }
	.slick .slick-dots { bottom: 15px; padding-right: calc(100vw / 1920 * 100); }
	.slick .slick-dots li button { width: 4px; height: 12px; margin: 0 3px; }
	.index-banner .slick-slide .text { left: calc(100vw / 1920 * 100); bottom: 10px; width: 80%; }
	.index-banner .slick-slide .text .bg { font-size: 18px; }
}




/* 产品 */
.index-product .list {
	padding: 6% 14% 12%;
}
.index-product .list .con {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index-product .list .con .text {
	font-size: 17px;
	color:#333;
	line-height: 1.625;
	width: 54%;
	/* margin-bottom:20px; */
}
.index-product .list .con .text h2 {
	font-size: calc(100vw / 1920 * 80);
	font-weight: 800;
	line-height: calc(100vw / 1920 * 64);
	margin-bottom:calc(100vw / 1920 * 36);
}
.index-product .list .con .img {
	width: 41.4%;
}
.index-product .list .con .img.left { order:-1; }
.index-product .list .table {
	margin-top: calc(100vw / 1920 * -30);
	position:relative;
	z-index: 1;
}
.index-product .list .table table {
	width: 100%!important;
	text-align: center;
	background-color: rgba(245,245,245,.9);
}
.index-product .list .table table tr:first-child {
	background-color: #cb0a3d;
	color: #fff;
}
.index-product .list .table2 table tr:nth-child(2) { background-color: #cb0a3d;  }
.index-product .list .table2 table tr:nth-child(2) td { color: #fff; border: 1px solid #cb0a3d; }
.index-product .list .table table tr:first-child td {
	border:1px solid #cb0a3d;
	color:#fff;
	vertical-align: middle;
	padding: 16px 10px;
}
.index-product .list .table table tr th {
	border: 1px solid #cb0a3d;
	background-color: #cb0a3d;
	color: #fff;
	padding: 16px 10px;
}
.index-product .list .table table tr td {
	border: 1px solid #000;
	padding: 6px 10px;
	color: #000;
}

@media (max-width:1440px) {
	.index-product .list { padding: 6% 10% 12%; }
	.index-product .list .con .text { font-size: 14px; }
	.index-product .list .table { font-size: 14px; }
}
@media (max-width:1199px) {
	.index-product .list { padding: 6% calc(100vw / 1920 * 120) 12%; }
}
@media (max-width:991px) {
	.index-product .list .table { overflow: auto; }
	.index-product .list .table table tr th { white-space:nowrap; }
}
@media (max-width:767px) {
	.index-product .list { padding: 40px calc(100vw / 1920 * 120); }
	.index-product .list .con { flex-wrap:wrap; }
	.index-product .list .con .text { width: 100%; margin-top:40px; }
	.index-product .list .con .img { width: 70%; order: -1; margin: 0 auto; }
	.index-product .list .con .img img { margin: auto; }
	.index-product .list .con .text h2 { font-size:20px;line-height:1;margin-bottom:10px; }
	.index-product .list .table { font-size: 12px; margin-top: 20px; }
	.index-product .list .table table tr th { padding: 10px; }
}




/* 产品 MT */
.index-product-2 .list  { padding:0 14% calc(100vw / 1920 * 120); }
.index-product-2 .list .con .left { order: -1; }

@media (max-width:1440px) {
	.index-product-2 .list { padding:0 10% calc(100vw / 1920 * 120); }
}
@media (max-width:1199px) {
	.index-product-2 .list { padding: 0 calc(100vw / 1920 * 120) calc(100vw / 1920 * 120); }
}
@media (max-width:767px) {
	.index-product-2 .list { padding: 40px calc(100vw / 1920 * 120); }
}




/* 产品 TBR  */
.index-product-3 { background-color:#fafafa; }
.index-product-3 .bg { padding: calc(100vw / 1920 * 110) calc(100vw / 1920 * 150) 0; }
.index-product-3 .list { padding: 0 14% calc(100vw / 1920 * 60); }
.index-product-3 .list .con .text>p { width: 80%; }
.index-product-3 .list .con .text h2 { font-size: calc(100vw / 1920 * 52); }
.index-product-3 .list .con .text { width: 69%; }
.index-product-3 .list .con .img { /* width: 30%; */ }
.index-product-3 .list .con .img.left { order: -1; }
.index-product-3 .list .con .img img { margin: 0 auto; }
.index-product-3 .list .con .text.right { width: 55%; }
.index-product-3 .list .con .text.right p { width: 100%; }
.index-product-3 .list:nth-child(2) { margin-top: calc(100vw / 1920 * -45); }

@media (max-width:1400px) {
	.index-product-3 .list { padding: 0 10% calc(100vw / 1920 * 60); }
}
@media (max-width:1199px) {
	.index-product-3 .list { padding: 0 calc(100vw / 1920 * 120) calc(100vw / 1920 * 60); }
	.index-product-3 .bg { padding: calc(100vw / 1920 * 110) calc(100vw / 1920 * 120) 0; }
	.index-product-3 .list .con .text p { width: 90%; }
}
@media (max-width:767px) {
	.index-product-3 .bg { padding: 40px calc(100vw / 1920 * 120); }
	.index-product-3 .list { padding: 0 calc(100vw / 1920 * 120) 40px; }
	.index-product-3 .list .con .text { width: 100%; }
	/* .index-product-3 .list .con .img { width: 40%; } */
	.index-product-3 .list .con .text p { width: 100%; }
	.index-product-3 .list:nth-child(2) { margin-top:0; }
	.index-product-3 .list .con .text h2 { font-size:20px; }
	.index-product-3 .list .con .text.right { width:100%; }
}




/* 产品 STR */
.index-product-4 { background-color:#fff; }
.index-product-4 .list .con .img { width: 43%; }
.index-product-4 .list .con .text { width: 55%; }
.index-product-4 .list .con .text p { width:100%; }

@media (max-width:767px) {
	.index-product-4 .list .con .img { width: 70%; }
	.index-product-4 .list .con .text { width: 100%; }
}




/* 留言 */
.index-contact { padding: calc(100vw / 1920 * 135) 22%; }
.index-contact h2 {
	font-size: calc(100vw / 1920 * 60);
	font-weight: 800;
	text-align: center;
}
.index-contact form {
	margin-top: calc(100vw / 1920 * 65);
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.index-contact input {
	width: 49%;
	height: 50px;
	background-color:rgba(255,255,255,.9);
	border: 1px solid #eee;
	margin-bottom: 15px;
	color:#999;
	padding: 0 15px;
}
.index-contact input.w { width: 100%; }
.index-contact .but {
	width: 139px;
	height: 50px;
	background-color: #cb0a3d;
	font-size: 18px;
	font-weight:bold;
	color:#fff;
	margin: 35px auto 0;
}

@media (max-width:1440px) {
	.index-contact { padding: calc(100vw / 1920 * 135) 15%; }
}
@media (max-width:1199px) {
	.index-contact { padding: calc(100vw / 1920 * 135) calc(100vw / 1920 * 120); }
}
@media (max-width:767px) {
	.index-contact { padding: 40px calc(100vw / 1920 * 120); }
	.index-contact h2 { font-size: 20px; }
	.index-contact form { margin-top:20px; }
	.index-contact input { height: 38px; margin-bottom: 10px; }
	.index-contact .but { margin: 25px auto 0; font-size: 16px; width: 120px; height: 40px; }
}




/* footer */
.footer {
	background-color:#cb0a3d;
	text-align:center;
	padding-top: 50px;
}
.footer .logo img {
	width: 255px;
	margin: 0 auto 56px;
}
.footer .link {
	color:#fff;
}
.footer .link a {
	margin: 0 17px;
	display:inline-block;
}
.footer .bottom {
	font-size: 14px;
	color:rgba(255,255,255,.3);
	display:flex;
	justify-content: center;
	padding: 47px 0 30px;
}
.footer .bottom p { margin: 0 30px; }

@media (max-width: 1440px) {
	.footer .logo img  { width: 200px; }
}
@media (max-width: 1199px) {
	.footer .logo img  { width: 140px; }
}
@media (max-width: 991px) {
	.footer .logo img  { width: 120px; }
	.footer .link { font-size: 14px; }
	.footer .bottom { font-size: 12px; }
}
@media (max-width: 767px) {
	.footer { padding-top: 40px; }
	.footer .logo img { margin: 0 auto 40px; }
	.footer .link a { margin: 0 5px; }
	.footer .bottom { flex-wrap:wrap; padding: 30px 0; }
	.footer .bottom p { margin:0;width:100%;line-height:1.5; }
	
	.i-scale .img:hover img { transform: scale(1); }
	.index-product { overflow:hidden; }
}




/* 首页-公告 */
.index-anno { position: relative; padding: 0 calc(100vw / 1920 * 197); margin-top: -40px; }
.index-anno .select { position: relative; z-index: 1; box-shadow: 0 10px 10px rgba(0,0,0,.1); display: flex; flex-wrap: wrap; }
.index-anno .select .top { display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; border-radius: 10px; overflow: hidden; background-color: #fff; width: 100%; height: 76px; transition: all .6s; }
.index-anno .select .top.active { border-bottom-right-radius: 0; }
.index-anno .select .top .box { display: flex; align-items: center; height: 100%;  flex: 1; padding: 0 28px; }
.index-anno .select .top .box .s1 { color: #cb0a3d; font-size: 24px; margin-right: 30px; }
.index-anno .select .top .box .s2 { color: #000; font-size: 20px; margin-right: 30px; transition: all .6s; max-width: calc(100% - 320px); }
.index-anno .select .top .box .s3 { color: #9b9b9b; font-size: 18px; transition: all .6s; }
.index-anno .select .top.active .box .s2 { opacity: 0; }
.index-anno .select .top.active .box .s3 { opacity: 0; }
.index-anno .select .top .down { width: 93px; height: 100%; background: #cb0a3d; display: flex; justify-content: center; align-items: center; }
.index-anno .select .top .down::after { font-family: 'iconfont'; content: '\e65e'; color: #fff; font-size: 30px; transition: transform .6s; }
.index-anno .select .top.active .down::after { transform: rotate(-180deg); }

.index-anno .select .bottom { display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 10px 10px rgba(0,0,0,.1); }
.index-anno .select .bottom .box { display: flex; flex-wrap: wrap; align-items: flex-start; border-top: 1px solid #f2f2f2; }
.index-anno .select .bottom .left { width: 51.5%; border-right: 1px solid #f2f2f2; padding: 60px 40px 60px 36px; }
.index-anno .select .bottom .left .tit { color: #000; font-weight: bold; font-size: 32px; transition: color .6s; }
.index-anno .select .bottom .left .tit:hover { color: #c90a3c; }
.index-anno .select .bottom .left .des { color: #676767; line-height: 1.875; margin-top: 20px; }
.index-anno .select .bottom .left .time { color: #9b9b9b; margin-top: 26px; }
.index-anno .select .bottom .left .more { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; color: #333; width: 188px; height: 62px; border-radius: 5px; background-color: #e5e5e5; margin-top: 48px; overflow: hidden; transition: color .6s; }
.index-anno .select .bottom .left .more::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #c90a3c,#251715); opacity: 0; transition: opacity .6s; }
.index-anno .select .bottom .left .more:hover { color: #fff; }
.index-anno .select .bottom .left .more:hover::after { opacity: 1; }

.index-anno .select .bottom .right { width: 48.5%; padding-top: 10px; }
.index-anno .select .bottom .right .list { display: flex; align-items: center; border-bottom: 1px solid #f2f2f2; padding: 34px 36px 16px 25px; }
.index-anno .select .bottom .right .list .icon { display: block; background: url(../images/icon-1.png) center / cover no-repeat; width: 26px; height: 26px; margin-right: 18px; }
.index-anno .select .bottom .right .list .tit { color: #000; line-height: 1.2; font-size: 20px; width: calc(100% - 130px); transition: color .6s; }
.index-anno .select .bottom .right .list:hover .tit { color: #c90a3c; }
.index-anno .select .bottom .right .list .time { color: #6b6b6b; }

@media (max-width: 1440px) {
	.index-anno .select .bottom .left { padding: 41px 40px 40px 36px; }
	.index-anno .select .bottom .left .tit { font-size: 28px; }
	.index-anno .select .bottom .right .list { padding: 30px 25px 16px; }
	.index-anno .select .bottom .left .time { margin-top: 20px; }
	.index-anno .select .bottom .left .more { height: 50px; margin-top: 40px; }
}
@media (max-width: 1199px) {
	.index-anno { margin-top: -34px; padding: 0 6.25%; }
	.index-anno .select .top { height: 66px; }
	.index-anno .select .top .box { padding: 0 24px; }
	.index-anno .select .top .box .s1 { font-size: 20px; margin-right: 20px; }
	.index-anno .select .top .box .s2 { font-size: 18px; margin-right: 20px; max-width: calc(100% - 260px); }
	.index-anno .select .top .box .s3 { font-size: 16px; }
	.index-anno .select .top .down { width: 80px; }
	.index-anno .select .top .down::after { font-size: 24px; }
	.index-anno .select .bottom .left .tit { font-size: 24px; }
	.index-anno .select .bottom .left .des { font-size: 14px; margin-top: 10px; }
	.index-anno .select .bottom .left .time { font-size: 14px; margin-top: 10px; }
	.index-anno .select .bottom .left .more { width: 160px; height: 46px; font-size: 14px; margin-top: 30px; }
	.index-anno .select .bottom .right .list .icon { width: 20px; height: 20px; }
	.index-anno .select .bottom .right .list .tit { font-size: 18px; width: calc(100% - 114px); }
	.index-anno .select .bottom .right .list .time { font-size: 14px; }
}
@media (max-width: 767px) {
	.index-anno { margin-top: -5px; padding: 0; }
	.index-anno .select .top { height: auto; min-height: 70px; }
	.index-anno .select .top.active { min-height: 70px; }
	.index-anno .select .top .box { flex-wrap: wrap; align-content: center; padding: 5px 20px; }
	.index-anno .select .top .box .s1 { font-size: 18px; margin-right: 0; }
	.index-anno .select .top .box .s2 { font-size: 16px; margin-right: 0; max-width: 100%; width: 100%; margin-top: 5px; }
	.index-anno .select .top .box .s3 { font-size: 12px; margin-top: 5px; }
	.index-anno .select .top.active .box .s2 { height: 0; margin-top: 0; }
	.index-anno .select .top.active .box .s3 { height: 0; margin-top: 0; }
	.index-anno .select .bottom .left { width: 100%; padding: 20px; border-bottom: 1px solid #f2f2f2; }
	.index-anno .select .bottom .left .tit { font-size: 18px; }
	.index-anno .select .bottom .left .more { width: 140px; height: 40px; margin-top: 20px; }
	.index-anno .select .bottom .right { width: 100%; padding-top: 0; }
	.index-anno .select .bottom .right .list { padding: 20px; }
	.index-anno .select .bottom .right .list .tit { font-size: 16px; }
}


/* 公告列表 */
.list-anno { position: relative; background: url(../images/list-bg.png) center bottom no-repeat; min-height: calc(100vw / 1920 * 640); padding: 0 calc(100vw / 1920 * 197) 60px; margin-top: calc(100vw / 1920 * -632); }
.list-anno .tit { color: #231815; font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.list-anno .box { background-color: #fff; min-height: calc(100vw / 1920 * 700); margin-top: calc(100vw / 1920 * 44); }
.list-anno .box .li { display: flex; flex-wrap: wrap; align-items: flex-end; border-bottom: 1px solid #eee; padding: calc(100vw / 1920 * 70) calc(100vw / 1920 * 64) 20px; }
.list-anno .box .li .text { flex: 1; padding: 0 calc(100vw / 1920 * 104) 12px 0; }
.list-anno .box .li .text .h3 { color: #000; font-weight: 300; font-size: 24px; transition: color .6s; }
.list-anno .box .li:hover .text .h3 { color: #c90a3c; }
.list-anno .box .li .text .des { color: #666; line-height: 2; font-size: 18px; margin-top: 20px; }

.list-anno .box .li .more { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; color: #333; width: 188px; height: 62px; border-radius: 5px; background-color: #e5e5e5; overflow: hidden; transition: color .6s; }
.list-anno .box .li .more::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #c90a3c,#251715); opacity: 0; transition: opacity .6s; }
.list-anno .box .li:hover .more { color: #fff; }
.list-anno .box .li:hover .more::after { opacity: 1; }

@media (max-width: 1440px) {
	.list-anno .box .li .text { padding: 0 calc(100vw / 1920 * 80) 12px 0; }
	.list-anno .box .li .text .h3 { font-size: 22px; }
	.list-anno .box .li .text .des { font-size: 16px; }
	.list-anno .box .li .more { height: 50px; }
}
@media (max-width: 1199px) {
	.list-anno .tit { font-size: 28px; }
	.list-anno .box { min-height: 500px; }
	.list-anno .box .li .text { padding: 0 calc(100vw / 1920 * 80) 0 0; }
	.list-anno .box .li .text .h3 { font-size: 20px; }
	.list-anno .box .li .text .des { font-size: 14px; margin-top: 15px; }
	.list-anno .box .li .more { width: 160px; height: 46px; font-size: 14px; }
}
@media (max-width: 767px) {
	.list-anno { padding: 0; margin-top: 0; background: none; padding: 30px 0 0 0; }
	.list-anno .tit { padding: 0 20px; font-size: 20px; }
	.list-anno .box { min-height: initial; margin-top: 0; }
	.list-anno .box .li { padding: 30px 20px; }
	.list-anno .box .li .text { padding: 0; flex: initial; width: 100%; }
	.list-anno .box .li .text .h3 { font-size: 18px; }
	.list-anno .box .li .text .des { line-height: 1.6; margin-top: 10px; }
	.list-anno .box .li .more { width: 140px; height: 40px; margin-top: 20px; }
}


/* 公告-详情 */
.list-anno .box .info .top { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #eee; padding: 65px 65px 25px; }
.list-anno .box .info .top .h2 { flex: 1; color: #000; font-size: 24px; line-height: 1.4; padding-right: 30px; }
.list-anno .box .info .top .more { display: flex; justify-content: center; align-items: center; color: #fff; width: 140px; height: 52px; border-radius: 5px; background: linear-gradient(to right, #c90a3c,#251715); }
.list-anno .box .info .content { padding: 64px 0; width: 840px; margin: 0 auto; color: #231815; line-height: 1.66; font-size: 18px; }
.list-anno .box .info .content a { color: #0068b7; border-bottom: 1px solid #0068b7; padding-bottom: 8px; }

@media (max-width: 1199px) {
	.list-anno .box .info .top { padding: 40px 40px 25px; }
	.list-anno .box .info .top .h2 { font-size: 20px; }
	.list-anno .box .info .content { width: 100%; padding: 64px 6.25%; }
}
@media (max-width: 767px) {
	.list-anno .box .info .top { padding: 20px; }
	.list-anno .box .info .top .h2 { font-size: 18px; padding: 0; flex: initial; width: 100%; }
	.list-anno .box .info .top .more { margin-left: auto; margin-top: 20px; width: 120px; height: 40px; font-size: 12px; }
	.list-anno .box .info .content { padding: 40px 20px; font-size: 16px; line-height: 1.5; }
}


/* 导航响应式修改 */
#anno { top: -180px; }
@media (max-width: 1680px) {
	.header .con .email { margin-left: 20px; }
}
@media (max-width: 1600px) {
	.header { padding: 0 6.25%; }
}
@media (max-width: 1440px) {
	.header .con .email { font-size: 14px; margin-left: 15px }
	.header .nav .link>li>a { padding: 0 10px; }
}
@media (max-width: 1199px) {
	.header .con .email a { padding: 0 15px; }
	.header .con .email a::before { width: 15px; height: 10px; margin-right: 8px; }
	.header .nav .link>li>a { padding: 0 6px; }
}
@media (max-width: 767px) {
	.header .nav .link>li>a { padding: 12px 30px; }
}