@charset "utf-8";

/* 
 * Project Name:宏图都市
 * 
 */

@font-face {
	font-family: "SourceHanSansCN-Regular";
	src: url("../fonts/sourcehansanscn-regular.woff2") format("woff2"), url("../fonts/sourcehansanscn-regular.woff") format("woff"), url("../fonts/sourcehansanscn-regular.ttf") format("truetype"), url("../fonts/sourcehansanscn-regular.eot") format("embedded-opentype"), url("../fonts/sourcehansanscn-regular.svg") format("svg");
}

@font-face {
	font-family: 'Geometr415 Blk BT';
	src: url('../fonts/geometric415bt-blacka.woff2') format('woff2'), url('../fonts/geometric415bt-blacka.woff') format('woff');
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'iconfont';  /* Project id 3428100 */
  src: url('../fonts/font_3428100_a7l94kd01x5.woff2') format('woff2'),
       url('../fonts/font_3428100_a7l94kd01x5.woff') format('woff'),
       url('../fonts/font_3428100_a7l94kd01x5.ttf') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0px;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html::-webkit-scrollbar {
	width: 8px;
	background: none;
}

html::-webkit-scrollbar-thumb {
	width: 8px;
	background: #DF061B;
}

html::-webkit-scrollbar-corner {
	background: none;
}

html::-webkit-scrollbar:horizontal {
	height: 9px;
}

body {
	font: 14px/1.8 "SourceHanSansCN-Regular", "Microsoft Yahei", sans-serif, "微软雅黑", "微软正黑体", "Microsoft JhengHei", "SimHei", "黑体", Arial, Helvetica;
	margin: 0 auto;
	color: #333;
	overflow-x: hidden;
	background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

strong {
	font-weight: bold;
}

img {
	border: 0;
}

input {
	outline: none;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
	border-radius: 0;
}

textarea {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}

::-moz-selection {
	background: #8b8b8b;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #8b8b8b;
	color: #fff;
	text-shadow: none;
}

select {
	outline: none;
}

select::-ms-expand {
	display: none;
}

table,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

a {
	text-decoration: none;
	blr: expression(this.onFocus=this.blur());
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

a:link,
a:visited {
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: none;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.tx-c {
	text-align: center;
}

.tx-l {
	text-align: left !important;
}

.fc {
	text-align: center;
}

.fr {
	text-align: right;
}

.vt {
	vertical-align: top;
}

.vm {
	vertical-align: middle;
}

.db {
	display: block;
}

.wzbs {
	color: #fff !important;
}

.fixedImg {
	background-repeat: no-repeat;
	background-size: cover;
}

.imgw {
	width: 100%;
	display: block;
}

.eT {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.linkA {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/w0.png) no-repeat;
	z-index: 99;
}

.pageC a:link,
.pageC a:visited {
	color: #183D82;
}

.pageC a:active,
.pageC a:hover {
	color: #333;
}

.pageC img {
	max-width: 100% !important;
	height: auto !important;
}

.pageC {
	overflow: hidden;
}

.pageC table {
	width: 100% !important;
}

.nimg.target {
	visibility: hidden;
}

.nimg.action {
	visibility: visible !important;
	-webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.w85 {
	width: 85%;
	margin: 0 auto;
}

.w1400 {
	width: 1400px;
	margin: 0 auto;
}


/* 头部  */

.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 100px;
	line-height: 100px;
	transition: 0.35s;
	box-sizing: border-box;
	padding: 0 7%;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.header.active {
	background: rgba(0, 0, 0, .5);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.header.active .hricon:hover {
	color: #3666cc;
}

.head-wrap {
	/*position: relative;*/
}

.head-logo {
	position: absolute;
	left: 7%;
	top: 0;
	z-index: 111;
}

.head-logo img {
	vertical-align: middle;
}

.hlimg1 {
	display: inline-block;
}

.hlimg2 {
	display: none;
}

.header .nav {
	float: right;
	height: 100px;
	line-height: 100px;
}

.hwright {
	position: relative;
	float: right;
	margin-left: 22px;
}

.hrhtt:hover,
.hrsearch:hover {
	color: #DF061B;
}

.hrhtt {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
}

.hrhtt i {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	margin-right: 10px;
}

.hrline {
	display: inline-block;
	vertical-align: middle;
	margin-left: 14px;
	width: 1px;
	height: 13px;
	background: #fff;
}

.hrsearch {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	margin-left: 14px;
}

.header .yj-bot {
	float: left;
}

.header .yj-bot li {
	position: relative;
	display: inline-block;
	transition: 0.35s;
	text-align: center;
	z-index: 10;
}

.header .yj-bot .yj-link {
	position: relative;
	z-index: 3;
	color: #fff;
	font-size: 16px;
	display: block;
	overflow: hidden;
	font-weight: bold;
	padding: 0 27px;
}

.header .yj-bot li.active .yj-link {
	color: #DF061B;
}

.header .yj-bot .yj-link div {
	float: left;
	display: block;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	font-size: 18px;
	overflow: hidden;
	padding: 0;
}

.header .nav li:hover .ej-list {
	transition: 0.45s;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.ej-list.active {
	opacity: 1;
	visibility: visible;
}

.ej-list {
	position: absolute;
	z-index: 10;
	left: 0;
	width: 100%;
	top: 100%;
	transform: translateY(20px);
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	visibility: hidden;
	text-align: center;
	box-sizing: border-box;
	line-height: 1.5;
}

.el-link {
	position: relative;
	display: block;
	color: rgba(255, 255, 255, .7);
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 10px;
}

.el-link:not(:first-child) {
	border-top: 1px solid rgba(255, 255, 255, .1);
}

.el-link:hover {
	color: #FFF;
	text-decoration: underline !important;
}

.menu-handler {
	position: fixed;
	right: 0;
	top: 0;
	width: 55px;
	height: 55px;
	display: none;
	cursor: pointer;
	z-index: 1010;
	transition: 0.35s;
	background: #DF061B;
}

.menu-handler span {
	position: relative;
	display: block;
	margin: 27.5px 0 0 16.5px;
	width: 15px;
	height: 2px;
	background-color: #fff;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s;
}

.menu-handler span:after,
.menu-handler span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 22px;
	height: 2px;
	left: 0;
	background-color: #fff;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s
}

.menu-handler span:before {
	top: -7px;
	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-ms-transition-property: top, transform;
	-o-transition-property: top, transform;
	transition-property: top, transform;
}

.menu-handler span:after {
	bottom: -7px;
	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	transition-property: bottom, transform;
}

.menu-handler.active span {
	background-color: transparent;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-ms-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s
}

.menu-handler.active span:after,
.menu-handler.active span:before {
	/*background-color: #1B5C9B;*/
	-webkit-transition-delay: 0s, .3s;
	-moz-transition-delay: 0s, .3s;
	-ms-transition-delay: 0s, .3s;
	-o-transition-delay: 0s, .3s;
	transition-delay: 0s, .3s
}

.menu-handler.active span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.menu-handler.active span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menuBox a:link,
.menuBox a:visited {
	color: #333333;
}

.menuMoblie .nav-link.active,
.menuMoblie .cur .nav-link,
.menuMoblie .nav-link:hover {
	background: #DF061B;
}

.menuMoblie .nav-link:active i,
.menuMoblie .nav-link:hover i {
	color: #fff;
	transform: rotate(90deg);
}

.menuBox a:active,
.menuBox a:hover,
.menuMoblie .cur .nav-link {
	color: #fff;
}

.menuBox {
	border-top: 1px solid #e4e4e4;
	background-color: #fff;
	color: #333333;
	position: fixed;
	display: none;
	right: 0px;
	top: 55px;
	width: 100%;
	height: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-overflow-scrolling: touch;
	z-index: 1008;
	-webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.menuMoblie {
	margin: 10px 0 100px 0;
}

.menuMoblie .nav-link {
	position: relative;
	display: block;
	font-size: 16px;
	padding: 14px 10%;
	font-weight: bold;
}

.menuMoblie .nav-link i {
	float: right;
	color: #b1b1b1;
	font-size: 20px;
	vertical-align: middle;
}

.menuMoblie li {
	border-bottom: 1px solid #e4e4e4;
}

.menuMoblie .subnav {
	padding: 12px 10%;
	display: none;
}

.menuMoblie .subnav .item {
	display: block;
}

.menuMoblie .subnav .item:active a,
.menuMoblie .subnav .item:hover a {
	color: #DF061B !important;
}

.menuMoblie .subnav a {
	position: relative;
	display: block;
	padding: 8px 0;
	line-height: 1.4;
	font-size: 14px;
}

.menuOpen .menuBox {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}


/* Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-loading .slick-list {
	background: #f1f1f1 url(../images/loader.gif) center center no-repeat;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}


/* Arrows */

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
}

@-webkit-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


/* pswp = photoswipe */

.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: 0;
	* {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	img {
		max-width: none;
	}
}

.pswp--animate_opacity {
	opacity: .001;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
	display: block;
}

.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--dragging .pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/black_80.png) repeat;
	background: none rgba(0, 0, 0, 0.8);
	opacity: 0;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity;
}

.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.pswp__container,
.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in {
	.pswp__bg,
	.pswp__zoom-wrap {
		-webkit-transition: none;
		transition: none;
	}
}

.pswp__container,
.pswp__zoom-wrap {
	-webkit-backface-visibility: hidden;
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
}

.pswp__img--placeholder {
	-webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
	background: #222;
}

.pswp--ie .pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0;
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #CCC;
	a {
		color: #CCC;
		text-decoration: underline;
	}
}

.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: 0 0;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: .75;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-box-shadow: none;
	box-shadow: none;
	&:focus,
	&:hover {
		opacity: 1;
	}
	&:active {
		outline: 0;
		opacity: .9;
	}
	&::-moz-focus-inner {
		padding: 0;
		border: 0;
	}
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1;
}

.pswp__button {
	background: url(../images/default-skin.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {
	.pswp--svg .pswp__button {
		background-image: url(../images/default-skin.svg);
	}
	.pswp__button--close {
		color: #fff;
	}
}

.pswp__button--close {
	background-position: 0 -44px;
}

.pswp__button--share {
	background-position: -44px -44px;
}

.pswp__button--fs {
	display: none;
}

.pswp--supports-fs .pswp__button--fs {
	display: block;
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0;
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0;
}

.pswp--touch {
	.pswp__button--arrow--left,
	.pswp__button--arrow--right {
		visibility: hidden;
	}
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
	top: 50%;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin-top: -24px;
	position: absolute;
	background: none #767676;
	color: #fff;
	display: block;
	font-family: "iconfont" !important;
	font-size: 15px;
	text-align: center;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pswp__button--arrow--left {
	left: 2%;
}

.pswp__button--arrow--right {
	right: 2%;
}

.pswp__button--arrow--left:before {
	content: "\e7a8";
}

.pswp__button--arrow--right:before {
	content: "\e65f";
}

.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover {
	color: #fff;
	background-color: #1A1A1A;
}

.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity;
}

.pswp__share-modal--hidden {
	display: none;
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #FFF;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
	-webkit-backface-visibility: hidden;
	will-change: transform;
	a {
		display: block;
		padding: 8px 12px;
		color: #000;
		text-decoration: none;
		font-size: 14px;
		line-height: 18px;
		&:hover {
			text-decoration: none;
			color: #000;
		}
		&:first-child {
			border-radius: 2px 2px 0 0;
		}
		&:last-child {
			border-radius: 0 0 2px 2px;
		}
	}
}

.pswp__share-modal--fade-in {
	opacity: 1;
	.pswp__share-tooltip {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px;
}

a {
	&.pswp__share--facebook {
		&:before {
			content: '';
			display: block;
			width: 0;
			height: 0;
			position: absolute;
			top: -12px;
			right: 15px;
			border: 6px solid transparent;
			border-bottom-color: #FFF;
			-webkit-pointer-events: none;
			-moz-pointer-events: none;
			pointer-events: none;
		}
		&:hover {
			background: #3E5C9A;
			color: #FFF;
			&:before {
				border-bottom-color: #3E5C9A;
			}
		}
	}
	&.pswp__share--twitter:hover {
		background: #55ACEE;
		color: #FFF;
	}
	&.pswp__share--pinterest:hover {
		background: #CCC;
		color: #CE272D;
	}
	&.pswp__share--download:hover {
		background: #DDD;
	}
}

.pswp__counter {
	float: left;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #FFF;
	opacity: .75;
	padding: 0 10px;
}

.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px;
}

.pswp__caption__center {
	text-align: center;
	max-width: 600px;
	font-size: 15px;
	margin: 0 auto;
	padding: 20px 10px;
	color: #fff;
	.xzy-zan {
		float: right;
		display: block;
	}
}

.pswp__caption--empty {
	display: none;
}

.pswp__caption--fake {
	visibility: hidden;
}

.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out;
	transition: opacity .25s ease-out;
	will-change: opacity;
	direction: ltr;
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px;
}

.pswp__preloader--active {
	opacity: 1;
	.pswp__preloader__icn {
		background: url(../images/preloader.gif) 0 0 no-repeat;
	}
}

.pswp--css_animation {
	.pswp__preloader--active {
		opacity: 1;
		.pswp__preloader__icn {
			-webkit-animation: clockwise .5s linear infinite;
			animation: clockwise .5s linear infinite;
		}
		.pswp__preloader__donut {
			-webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
			animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
		}
	}
	.pswp__preloader__icn {
		background: 0 0;
		opacity: .75;
		width: 14px;
		height: 14px;
		position: absolute;
		left: 15px;
		top: 15px;
		margin: 0;
	}
	.pswp__preloader__cut {
		position: relative;
		width: 7px;
		height: 14px;
		overflow: hidden;
	}
	.pswp__preloader__donut {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 14px;
		height: 14px;
		border: 2px solid #FFF;
		border-radius: 50%;
		border-left-color: transparent;
		border-bottom-color: transparent;
		position: absolute;
		top: 0;
		left: 0;
		background: 0 0;
		margin: 0;
	}
}

@media screen and (max-width: 1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right;
	}
}

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550;
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%;
}

.pswp--has_mouse {
	.pswp__button--arrow--left,
	.pswp__button--arrow--right {
		-webkit-backface-visibility: hidden;
		will-change: opacity;
		-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
		transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	}
}

.pswp__caption,
.pswp__top-bar {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse {
	.pswp__button--arrow--left,
	.pswp__button--arrow--right {
		visibility: visible;
	}
}

.pswp__caption,
.pswp__top-bar {
	background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit {
	.pswp__caption,
	.pswp__top-bar {
		background-color: rgba(0, 0, 0, 0.3);
	}
}

.pswp__ui--idle {
	.pswp__top-bar {
		opacity: 1;
	}
	.pswp__button--arrow--left,
	.pswp__button--arrow--right {
		opacity: 0;
	}
}

.pswp__ui--hidden {
	.pswp__button--arrow--left,
	.pswp__button--arrow--right,
	.pswp__caption,
	.pswp__top-bar {
		opacity: .001;
	}
}

.pswp__ui--one-slide {
	.pswp__button--arrow--left,
	.pswp__button--arrow--right,
	.pswp__counter {
		display: none;
	}
}

.pswp__element--disabled {
	display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
	background: 0 0;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background-image: none !important;
}

.mtop {
	height: 80px;
}


/* banner */

.banner-wrap {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.banner {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.banner .swiper-pagination-progressbar {
	top: auto !important;
	bottom: 34px !important;
	background: #A2A2A2 !important;
	height: 1px !important;
}

.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	width: 86% !important;
	left: 7% !important;
	right: 7% !important;
	height: 3px !important;
	background: #DF061B !important;
}

.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {
	color: #DF061B !important;
}

.banner .swiper-slide {
	text-align: center;
	background: #fff;
	overflow: hidden;
}

.slide-inner {
	position: relative;
}

.slide-inner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .16);
	z-index: 1;
}

.banner .pimg {
	position: relative;
	display: block;
	width: 100%;
}

.banner .swiper-slide-active .pimg {
	visibility: visible !important;
	 -webkit-animation: scaleUpDown1 4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown1 4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); 
}

@keyframes scaleUpDown1 {
	from {
		transform: scale(1.1);
	}
	to {
		transform: scale(1);
	}
}

.banner .swiper-slide-active .bscover {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%);
}

.bscover {
	position: absolute;
	left: 15%;
	top: 50%;
	transform: translateY(50%);
	z-index: 10;
	text-align: left;
	transition: 1.2s;
	opacity: 0;
	visibility: hidden;
}

.bctxt1 {
	display: block;
	font-weight: normal;
	text-align: left;
	color: #fff;
	font-size: 30px;
}

.bctxt2 {
	color: #fff;
	font-size: 60px;
	line-height: 1.5;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	color: #1D4497 !important;
}

.swiper-button-next,
.swiper-button-prev {
	color: #fff !important;
	transition: 0.35s;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 36px !important;
}

.swiper-button-prev {
	left: 50px !important;
}

.swiper-button-next {
	right: 50px !important;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* banner end */

.index-wrap2 {
	margin-top: 78px;
}

.iw2txt1 {
	display: block;
	color: #1E1E1E;
	font-size: 49px;
	line-height: 1.5;
	text-align: center;
}

.iw2txt2 {
	display: block;
	color: #4F4F4F;
	font-size: 24px;
	margin-top: 10px;
	text-align: center;
}

.iw2bot {
	position: relative;
	margin-top: 90px;
	border-top: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
	padding: 0 7.5%;
}

.ib2pn {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 13%;
	cursor: pointer;
	z-index: 3;
}

.ib2pn:hover::before {
	left: 0;
	width: 100%;
}

.ib2pn:hover i {
	color: #fff;
}

.ib2pn::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: #DF061B;
	width: 0;
	height: 100%;
	transition: 0.65s;
	z-index: -3;
}

.ib2pn i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #A2A2A2;
	font-size: 40px;
}

.ib2prev {
	left: 7.6%;
	border-left: 1px solid #A2A2A2;
}

.ib2next {
	right: 7.6%;
	border-right: 1px solid #A2A2A2;
}

.iw2list {
	position: relative;
	overflow: hidden;
	width: 69%;
	margin: 0 auto;
	border-right: 1px solid #A2A2A2;
}

.il2item {
	position: relative;
	float: left;
	height: 420px;
	text-align: center;
	border-left: 1px solid #A2A2A2;
	padding: 80px 38px 0;
}

.il2num {
	display: block;
	font-weight: normal;
	color: #DF061B;
	font-size: 48px;
	line-height: 1.5;
}

.il2txt1 {
	position: relative;
	display: block;
	color: #DF061B;
	font-size: 24px;
	margin-top: 8px;
	padding-bottom: 20px;
}

.il2txt1::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	background: #DF061B;
	width: 25px;
	height: 3px;
}

.il2txt2 {
	color: #B0B0B0;
	font-size: 16px;
	/* height: 174px; */
	overflow: hidden;
	margin-top: 20px;
}

.index-cases {
	position: relative;
	padding: 120px 0 150px 0;
	overflow: hidden;
}

.icline1 {
	position: absolute;
	top: 0;
	left: 40.2%;
	width: 1px;
	height: 100%;
	bottom: 0;
	background: #A2A2A2;
	z-index: 1;
}

.icline2 {
	position: absolute;
	top: 0;
	left: 59.78%;
	width: 1px;
	height: 100%;
	bottom: 0;
	background: #A2A2A2;
	z-index: 1;
}

.icline1::before,
.icline2::before {
	content: "";
	position: absolute;
	top: -10%;
	left: -1px;
	width: 2px;
	height: 5%;
	background-image: -webkit-linear-gradient(top, rgba(223, 6, 27, 0), #DF061B);
	background-image: -o-linear-gradient(top, rgba(223, 6, 27, 0), #DF061B);
	background-image: -ms-linear-gradient(top, rgba(223, 6, 27, 0), #DF061B);
	background-image: linear-gradient(top, rgba(223, 6, 27, 0), #DF061B);
	-webkit-transform: perspective(0.7em) rotateX(5deg);
	transform: perspective(0.7em) rotateX(5deg);
	webkit-animation: gridLine 3s infinite ease-in-out;
	animation: gridLine 3s infinite ease-in-out;
}

.icline1::before {
	-webkit-animation-delay: 1000ms !important;
	animation-delay: 1000ms !important;
}

.icline2::before {
	-webkit-animation-delay: 3000ms !important;
	animation-delay: 3000ms !important;
}

@-webkit-keyframes gridLine {
	to {
		top: 100%;
	}
}

@keyframes gridLine {
	to {
		top: 100%;
	}
}

.icbt-bg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 478px 0 180px 0;
	background-position: top center;
	background-attachment: fixed;
}

.itch {
	display: block;
	color: #2D2D2D;
	font-size: 42px;
	line-height: 1.5;
}

.iteng {
	display: block;
	font-family: arial;
	color: rgba(223, 6, 27, .1);
	font-size: 42px;
	text-transform: uppercase;
	margin-top: -50px;
	font-weight: bold;
}

.icbanner {
	position: relative;
	z-index: 1;
}

.icbanner .slick-arrow {
	position: absolute;
	z-index: 99;
	bottom: 180px;
	width: 43px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	background: #F2F2F2;
	color: #DF061B;
}

.icbanner .slick-arrow:before {
	font-family: "iconfont" !important;
	font-size: 20px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: lighter;
}

.icbanner .slick-prev:before {
	content: "\e7a8";
}

.icbanner .slick-next:before {
	content: "\e65f";
}

.icbanner .slick-prev {
	right: 15.5%;
}

.icbanner .slick-next {
	right: 13%;
}

.icbanner .slick-arrow:hover {
	background: #DF061B;
	color: #fff;
}

.icbitem {
	float: left;
	position: relative;
}

.icbitem:hover .ibtp img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}

.ibtp {
	overflow: hidden;
	margin-bottom: 180px;
}

.ibtp img {
	display: block;
	width: 100%;
	transition: 0.55s;
}

.ibcv {
	position: absolute;
	right: 15.5%;
	bottom: 0;
	width: 46%;
	z-index: 10;
	background: rgba(255, 255, 255, .9);
	box-sizing: border-box;
	padding: 60px 100px 80px 100px;
}

.ictxt1 {
	color: #333333;
	font-size: 32px;
	line-height: 1.5;
}

.ictxt2 {
	color: #666666;
	font-size: 16px;
	height: 58px;
	overflow: hidden;
	margin-top: 20px;
}

.ictxt3 {
	display: block;
	color: #DF061B;
	font-size: 16px;
	margin-top: 30px;
	text-transform: uppercase;
}

.index-news {
	position: relative;
	overflow: hidden;
	padding: 50px 0 90px 0;
}

.inbl {
	float: left;
}

.ibleng {
	display: block;
	color: #fff;
	font-size: 206px;
	line-height: 1;
	-webkit-text-stroke: 1px #E5E5E5;
	font-weight: normal;
	text-transform: uppercase;
}

.inbr {
	float: right;
	margin-right: 7.5%;
	margin-top: 71.5px;
	text-align: right;
}

.inbot {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 0 7.5%;
}

.inblist {
	margin-left: -9%;
}

.inblist li {
	position: relative;
	float: left;
	width: 23.333%;
	margin-left: 9%;
	padding: 30px 0 55px 0;
}

.inblist li::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #DF061B;
	transition: 0.55s;
}

.inblist li:hover::before {
	left: 0;
	width: 100%;
}

.inblist li:hover .iltmore,
.inblist li:hover .ibltitle {
	color: #DF061B;
}

.iltdate {
	display: block;
	float: left;
	color: #666666;
	font-size: 16px;
}

.iltmore {
	display: block;
	float: right;
	font-weight: normal;
	color: #4F4F4F;
	font-size: 16px;
	text-transform: uppercase;
}

.ibltitle {
	color: #4F4F4F;
	font-size: 24px;
	margin-top: 25px;
	line-height: 1.5;
	height: 72px;
	overflow: hidden;
}

.ibldesc {
	color: #999999;
	font-size: 16px;
	margin-top: 35px;
	height: 58px;
	overflow: hidden;
}

.inbmore a {
	position: relative;
	display: block;
	width: 158px;
	height: 52px;
	border: 1px solid #707070;
	color: #4F4F4F;
	font-size: 16px;
	text-align: center;
	line-height: 52px;
	margin: 96px auto 0;
	z-index: 3;
}

.inbmore a::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: #DF061B;
	z-index: -3;
	height: 0;
	transition: 0.55s;
}

.inbmore a:hover {
	color: #fff;
	border: 1px solid #DF061B;
}

.inbmore a:hover::before {
	top: 0;
	height: 100%;
}

.footer-wrap {
	background: #333333;
}

.fw-bot1 {
	padding: 117px 7.5% 60px 7.5%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.fb1l {
	float: left;
	display: -webkit-flex;
	display: flex;
	flex: 1;
}

.fbltxt {
	display: inline-block;
	color: #FFFFFF;
	font-size: 16px;
	margin-right: 30px;
}

.fb1r {
	float: right;
	width: 40%;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

.frlx {
	display: inline-block;
	vertical-align: text-top;
	flex: 1;
}

.fxtxt {
	display: -webkit-flex;
	display: flex;
}

.fxicon {
	float: left;
	display: inline-block;
	vertical-align: text-top;
	color: #fff;
	font-size: 18px;
	margin-right: 15px;
	line-height: 1.5;
}

.fxwz {
	display: inline-block;
	vertical-align: text-top;
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
	flex: 1;
}

.fxtxt {
	margin-bottom: 23px;
	line-height: 1.5;
}

.frewm {
	display: inline-block;
	vertical-align: text-top;
	margin-left: 55px;
	width: 83px;
}

.frewm img {
	display: block;
	width: 100%;
}

.fw-bot2 {
	padding: 50px 7.5%;
	border-top: 1px solid rgba(255, 255, 255, .1);
}

.fb2left {
	float: left;
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
	margin-top: 6px;
}

.fb2right {
	float: right;
}

.fr2fu {
	display: inline-block;
	vertical-align: middle;
	color: rgba(255, 255, 255, .8);
	font-weight: bold;
	font-size: 16px;
}

.fr2hv {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}

.fh2icon {
	display: block;
	color: rgba(255, 255, 255, .8);
	font-size: 22px;
}

.fs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 252px;
	height: 41px;
	line-height: 41px;
	color: #fff;
	font-size: 16px;
	background-color: #333333 !important;
	background: url(../images/select.png) 100% no-repeat;
	background-size: 52px 41px;
	box-sizing: border-box;
	padding: 0 30px;
	border: 1px solid rgba(255, 255, 255, .6);
	margin-left: 48px;
}

.fs-zk {
	display: none;
	width: 100%;
	background: #fff;
	border: 1px solid #eee;
	position: relative;
	z-index: 99;
	position: absolute;
	left: -1px;
	bottom: 100%;
	z-index: 99;
	box-sizing: border-box;
}

.fs-zk a {
	display: block;
	color: #333;
	text-align: center;
	line-height: 1.5;
	padding: 10px 0;
}

.fs-zk a:hover {
	color: #DE0010;
}

.insides-banner {
	position: relative;
	overflow: hidden;
}

.ibbanner,
.cdbanner {
	overflow: hidden;
}

.ibbanner img,
.cdbanner img {
	display: block;
	width: 100%;
}

.about-banner {
	height: 100vh;
}

.vbBox {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 5;
}

.jwplayer {
	opacity: 0;
	height: 100% !important;
}

.jwlogo {
	display: none !important;
}

.ibcvT {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	padding-bottom: 50px;
}

.ibcvT::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20px;
	height: 3px;
	background: #fff;
}

.ictbt1 {
	display: block;
	color: #fff;
	font-size: 40px;
	line-height: 1.5;
}

.ictbt2 {
	display: block;
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
}

.abplay {
	position: absolute;
	top: 50%;
	right: 27%;
	transform: translateY(-50%);
	z-index: 20;
	cursor: pointer;
}

.apicon {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 90px;
	font-weight: lighter;
}

.aptxt {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}

.apt1 {
	display: block;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	line-height: 1.5;
}

.apt2 {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}

.insides-brand {
	margin-top: 48px;
}

.ibleft {
	float: left;
}

.ibright {
	float: right;
}

.irlink {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #666666;
	font-size: 20px;
	margin-left: 46px;
	padding-left: 10px;
}

.irlink:hover,
.irlink.active {
	color: #DF061B;
}

.irlink:hover::before,
.irlink.active::before {
	width: 5px;
}

.irlink::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 1px;
	background: #DF061B;
	transition: 0.55s;
}

.ibtxt {
	display: inline-block;
	color: #999999;
	font-size: 16px;
}

.about-bot1 {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0 127px 0;
	background-position: bottom center;
}

.ab1left {
	float: left;
	width: 46%;
}

.ab1right {
	position: relative;
	float: right;
	width: 50%;
	margin-top: 116px;
}

.ar1logo {
	display: block;
	position: absolute;
	top: 60%;
	left: 44%;
	width: 40px;
	z-index: 3;
}

.ar1logo img {
	display: block;
	width: 100%;
}

.ar1logo::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(223, 6, 27, .3);
	border-radius: 50%;
	z-index: -3;
	animation: bannerbuIn infinite linear 1.4s normal;
	-webkit-animation: bannerbuIn infinite linear 1.4s normal;
}

@keyframes bannerbuIn {
	0% {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(2.5);
	}
}

.ar1bg img {
	display: block;
	width: 100%;
}

.al1label {
	color: #333333;
	font-size: 16px;
	margin-top: 40px;
	font-weight: normal;
}

.al1year {
	display: inline-block;
	position: relative;
}

.al1year::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: #DF061B;
}

.al1list {
	margin-top: 40px;
}

.al1list li {
	float: left;
	width: 33.333%;
}

.al1num {
	display: block;
	font-family: 'Geometr415 Blk BT';
	color: #DF061B;
	font-size: 50px;
	line-height: 1.2;
}

.an1sup {
	display: inline-block;
	vertical-align: text-top;
	font-size: 30px;
	margin-left: 10px;
}

.al1bt {
	display: block;
	color: #999999;
	font-size: 20px;
}

.al1nr {
	color: #666666;
	font-size: 14px;
	margin-top: 50px;
	line-height: 30px;
}

.al1btn a {
	position: relative;
	display: block;
	margin-top: 50px;
	color: #000000;
	font-size: 20px;
	padding-left: 50px;
	z-index: 3;
	transition: 0.55s;
}

.al1btn a:hover {
	padding-left: 70px;
}

.al1btn a:hover::before {
	width: 160px;
	border-radius: 50px;
}

.al1btn a:hover::after {
	width: 20px;
}

.al1btn a::before {
	content: "";
	position: absolute;
	left: 0;
	top: -22px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #F2F2F2;
	transition: 0.55s;
	z-index: -3;
}

.al1btn a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	width: 5px;
	height: 2px;
	background: #DF061B;
	z-index: 3;
	transition: 0.55s;
}

.about-bot2 {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 139px 0 60px 0;
}

.ab2left {
	float: left;
	width: 56%;
}

.ab2nr {
	/*text-indent: 2em;*/
	margin-top: 20px;
	padding-right: 80px;
	color: #333333;
	font-size: 16px;
	height: 260px;
	overflow-y: scroll;
	margin-top: 60px;
}

.ab2nr::-webkit-scrollbar {
	width: 1px;
	background: #E5E6E8;
}

.ab2nr::-webkit-scrollbar-thumb {
	width: 3px;
	background: #DF061B;
}

.ab2nr::-webkit-scrollbar-corner {
	background: none;
}

.ab2nr::-webkit-scrollbar:horizontal {
	height: 9px;
}

.ab2right {
	float: right;
	width: 28%;
	margin-right: 100px;
	text-align: center;
}

.ar2photo img {
	display: block;
	width: 100%;
}

.ar2name {
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	margin-top: 15px;
	font-weight: bold;
}

.an2zw {
	font-weight: normal;
	margin-left: 15px;
}

.ar2label {
	color: #666666;
	font-size: 16px;
	margin-top: 3px;
}

.about-bot3 {
	padding: 120px 0 100px 0;
}

.ab3banner {
	margin: 43px auto 0;
	position: relative;
	overflow: hidden;
	padding: 0 73px 72px 73px;
	width: 1546px;
	box-sizing: border-box;
}

.ab3banner .slick-dots {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	bottom: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1;
	/*z-index: 104;*/
}

.ab3banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	text-align: center;
	line-height: 12px;
	vertical-align: middle;
	background: #E5E5E5;
	margin: 0 9px;
}

.ab3banner .slick-dots li a {
	text-indent: 10em;
	position: relative;
	display: block;
	text-align: center;
	border-radius: 50%;
	padding: 0px;
	cursor: pointer;
	width: 12px;
	height: 12px;
	overflow: hidden;
}

.ab3banner .slick-dots li a:focus {
	outline: none;
}

.ab3banner .slick-dots li.slick-active {
	opacity: 1;
	visibility: visible;
	background: #DF061B;
}

.ab3banner .slick-arrow {
	position: absolute;
	z-index: 99;
	top: 47%;
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	text-align: center;
	border-radius: 50%;
	line-height: 45px;
	border: 1px solid #CCCCCC;
	color: #CCCCCC;
}

.ab3banner .slick-arrow:before {
	font-family: "iconfont" !important;
	font-size: 18px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: lighter;
}

.ab3banner .slick-prev:before {
	content: "\e7a8";
}

.ab3banner .slick-next:before {
	content: "\e65f";
}

.ab3banner .slick-prev {
	left: 0;
}

.ab3banner .slick-next {
	right: 0;
}

.ab3banner .slick-arrow:hover {
	border: 1px solid #DF061B;
	color: #DF061B;
}

.ab3item {
	float: left;
	position: relative;
}

.ai3k {
	float: left;
	width: 20%;
	margin-top: 40px;
	text-align: center;
	cursor: pointer;
}

.ai3k:hover .ai3pic img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}

.ai3pic {
	/*overflow: hidden;*/
	border-radius: 50%;
	text-align: center;
}

.ai3pic img {
	display: inline-block;
	max-width: 100%;
	transition: 0.55s;
}

.ai3name {
	display: block;
	color: #000000;
	font-size: 24px;
	margin-top: 40px;
	line-height: 1.5;
}

.ai3pis {
	display: block;
	color: #666666;
	font-size: 16px;
	margin-top: 10px;
	height: 58px;
	overflow: hidden;
}

.about-bot4 {
	background: #FAFAFA;
	padding: 68px 0 76px 0;
}

.ab4banner {
	position: relative;
	overflow: hidden;
	margin-top: 26px;
	padding-bottom: 72px;
	margin-left: -4%;
}

.ab4banner .slick-dots {
	position: absolute;
	left: 2%;
	width: 100%;
	text-align: center;
	bottom: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1;
	/*z-index: 104;*/
}

.ab4banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	text-align: center;
	line-height: 12px;
	vertical-align: middle;
	background: #E5E5E5;
	margin: 0 9px;
}

.ab4banner .slick-dots li a {
	text-indent: 10em;
	position: relative;
	display: block;
	text-align: center;
	border-radius: 50%;
	padding: 0px;
	cursor: pointer;
	width: 12px;
	height: 12px;
	overflow: hidden;
}

.ab4banner .slick-dots li a:focus {
	outline: none;
}

.ab4banner .slick-dots li.slick-active {
	opacity: 1;
	visibility: visible;
	background: #DF061B;
}

.ab4item {
	float: left;
	position: relative;
	margin: 0 10px;
}

.ai4k {
	float: left;
	width: 29.333%;
	margin: 30px 0 0 4%;
}

.ai4k:hover .ai4pic img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}

.ai4k:hover .ai4pic::before {
	width: 100%;
}

.ai4k:hover .ai4txt {
	color: #DF061B;
}

.ai4pic::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 5px;
	background: #DF061B;
	transition: 0.55s;
}

.ai4pic {
	position: relative;
	height: 297px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
}

.ai4pic img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 90%;
	max-height: 90%;
	transition: 0.55s;
}

.ai4txt {
	text-align: center;
	color: #333333;
	font-size: 18px;
	height: 65px;
	overflow: hidden;
	margin-top: 20px;
}

.about-bot5 {
	padding: 100px 0;
}

.ab5jgt {
	margin-top: 60px;
	text-align: center;
}

.ab5jgt img {
	display: block;
	max-width: 100%;
}

.about-bot6 {
	position: relative;
	padding: 84px 0 100px 0;
	background: #FAFAFA;
}

.ab6bg {
	position: absolute;
	top: 100px;
	left: 0;
}

.ab6bg img {
	display: block;
	width: 100%;
}

.ab6list {
	display: flex;
	margin-left: -2%;
	margin-top: 40px;
}

.ab6list li {
	position: relative;
	float: left;
	width: 48%;
	margin-left: 2%;
	background: #fff;
	box-sizing: border-box;
	padding: 30px;
}

.ab6list li:hover .al6r {
	transform: rotateY(180deg);
}

.ab6list li:hover .al6txt1,
.ab6list li:hover .al6txt3 {
	color: #DF061B;
}

.ab6list li:hover .al6txt3::before {
	background: #DF061B;
}

.ab6list li:hover .al6r {
	background: #FEF5F6;
	color: #DF061B;
}

.al6txt1 {
	display: block;
	color: #333333;
	font-size: 24px;
	line-height: 1.5;
	font-weight: normal;
}

.al6txt2 {
	display: block;
	color: #999999;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 5px;
}

.al6txt3 {
	position: relative;
	margin-top: 30px;
	padding-top: 30px;
	color: #333333;
	font-size: 16px;
}

.al6txt3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 2px;
	background: #999999;
}

.al6r {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	color: #666666;
	font-size: 36px;
	background: #F7F7F7;
	transition: 0.55s;
}

.ab6lb {
	position: relative;
	margin-top: 60px;
	background: #fff;
}

.al6right {
	float: right;
	width: 50%;
	position: relative;
	overflow: hidden;
}

.ai6pic {
	position: relative;
	float: left;
	overflow: hidden;
}

.ai6pic img {
	display: block;
	width: 100%;
}

.al6left {
	position: relative;
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 90px 55px 0 55px;
}

.ai6title {
	width: 80%;
	color: #333333;
	font-size: 24px;
}

.ai6desc {
	width: 80%;
	color: #999999;
	font-size: 20px;
	height: 72px;
}

.ai6pics {
	position: relative;
	overflow: hidden;
	margin-top: 60px;
	margin-left: -3%;
}

.ai6pics .slick-current.ap6tp {
	border: 1px solid #DF061B;
}

.ap6tp {
	float: left;
	position: relative;
	margin-left: 3%;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #fff;
}

.ap6tp img {
	display: block;
	width: 100%;
}

.al6number {
	position: absolute;
	top: 90px;
	right: 55px;
	color: #999999;
	font-size: 16px;
	line-height: 1.5;
}

.star {
	color: #DF1327;
	font-size: 24px;
	font-weight: bold;
}

.ai6time {
	position: relative;
	margin-top: 40px;
	width: 100%;
	height: 1px;
	background: #E8E8E8;
}

.ai6time b i {
	display: block;
	width: 0;
	height: 3px;
	background: #DF061B;
	position: absolute;
	left: 0;
	top: 0;
}

.about-tk {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 9999;
}

.apply-show,
.vl-tk.active {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.atbot {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1400px;
	height: 90vh;
	background: #fff;
	box-sizing: border-box;
	padding: 89px 50px 50px 50px;
}

.abclose {
	position: absolute;
	right: 33px;
	top: 33px;
	color: #999999;
	font-size: 47px;
	line-height: 1;
	cursor: pointer;
}

.abbt {
	position: relative;
	padding-bottom: 30px;
}

.attitle {
	color: #DF061B;
	font-size: 24px;
	line-height: 1.5;
}

.ateng {
	display: block;
	color: #999999;
	font-size: 16px;
	line-height: 1.5;
	text-transform: uppercase;
}

.abbt::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200px;
	height: 1px;
	background: #E8E8E8;
}

.abbt::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 3px;
	background: #DF061B;
}

.abbox {
	overflow-y: scroll;
	height: 100%;
}

.abbox::-webkit-scrollbar {
	width: 3px;
	background: none;
}

.abbox::-webkit-scrollbar-thumb {
	width: 3px;
	background: #DF061B;
}

.abbox::-webkit-scrollbar-corner {
	background: none;
}

.abbox::-webkit-scrollbar:horizontal {
	height: 9px;
}

.atzy {
	margin-top: 20px;
}

.ableft {
	float: left;
	width: 32%;
}

.aztp {
	margin-bottom: 50px;
}

.atpic {
	overflow: hidden;
}

.atpic img {
	display: block;
	width: 100%;
}

.attxt {
	color: #333333;
	font-size: 20px;
	margin-top: 20px;
	text-align: center;
}

.abright {
	float: right;
	width: 62%;
}

.atzy li {
	padding: 20px 0 50px 0;
}

.atzy li:not(:first-child) {
	border-top: 1px solid #E8E8E8;
}

.atzy li:nth-child(1) .aztxt {
	float: left;
	width: 50%;
}

.aztxt {
	position: relative;
	color: #333333;
	font-size: 16px;
	margin-top: 20px;
	padding-left: 22px;
	box-sizing: border-box;
}

.aztxt::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 2px;
	width: 12px;
	height: 12px;
	background: #DF061B;
	margin-right: 10px;
	transform: rotate(45deg);
}

.bswrap {
	padding-bottom: 100px;
}

.bswrap li {
	position: relative;
	margin-top: 100px;
	cursor: pointer;
	background: #FAFAFA;
	padding: 60px 0;
}
.bswrap li:hover .bswpic:before,
.bswrap li:hover .bpcv{
	opacity: 1;
	visibility: visible;
}
.bswpic {
	position: relative;
	width: 41%;
	overflow: hidden;
	margin-top: -110px;
	position: relative;
	z-index: 1;
}
.bswpic:before{
	opacity: 0;
	visibility: hidden;
	transition: 0.45s;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.3);
	z-index: 1;
}
.bswpic img {
	display: block;
	width: 100%;
	transition: 0.45s;
}
.bpcv{
	opacity: 0;
	visibility: hidden;
	transition: 0.45s;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	z-index: 10;
}
.bpcbt{
	display: block;
	color: #fff;
	font-size: 18px;
}
.bpcicon{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
	font-size: 10px;
	margin: 20px auto 0;
}
.bswcont {
	position: relative;
	width: 55%;
}

.bswrap li:nth-of-type(odd) .bswpic {
	float: left;
}

.bswrap li:nth-of-type(odd) .bswcont {
	float: right;
}

.bswrap li:nth-of-type(even) .bswpic {
	float: right;
}

.bswrap li:nth-of-type(even) .bswcont {
	float: left;
}

.bswrap li:hover .bsnum {
	opacity: 1;
	visibility: visible;
}

.bswrap li:hover .bswpic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.bswrap li:hover .bwtxt1 {
	color: #DF061B;
}

.bwbt {
	width: 91%;
	margin-top: 14px;
}

.bwtxt1 {
	display: block;
	color: #333;
	font-size: 30px;
	line-height: 1.5;
}

.bwtxt2 {
	display: block;
	color: #999999;
	font-size: 16px;
	line-height: 1.5;
	font-style: normal;
	text-transform: uppercase;
}

.bsnum {
	opacity: 0;
	visibility: hidden;
	transition: 0.55s;
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Geometr415 Blk BT';
	line-height: 0.8;
	color: rgba(51, 51, 51, .02);
	font-size: 300px;
}

.btwz {
	position: relative;
	margin-top: 30px;
	padding-top: 35px;
	color: #333333;
	font-size: 18px;
}

.btwz:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 3px;
	background: #DF061B;
}

.cases-wrap {
	padding: 20px 0 100px 0;
}

.cwlist {
	margin-left: -3%;
}

.cwlist li {
	position: relative;
	float: left;
	width: 47%;
	margin: 60px 0 0 3%;
}

.cwlist li:hover .cwpic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.cwlist li:hover .cwline {
	width: 100px;
	background: #DF061B;
}

.cwlist li:hover .cwtxt1 {
	color: #DF061B;
}

.cwpic {
	overflow: hidden;
}

.cwpic img {
	display: block;
	width: 100%;
	height: 381px;
	object-fit: cover;
	transition: 0.55s;
}

.cwwz {
	margin-top: 30px;
}

.cwtxt1 {
	color: #333333;
	font-size: 20px;
	line-height: 1.5;
}

.cwtxt2 {
	display: block;
	color: #999999;
	font-size: 16px;
}

.cwline {
	display: block;
	width: 40px;
	height: 1px;
	background: #D9D9D9;
	margin-top: 20px;
	transition: 0.55s;
}

.pages-list {
	margin-top: 60px;
	text-align: center;
}

.pages-list a {
	display: inline-block;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	color: #666666;
	font-size: 16px;
	border: 1px solid #E6E6E6;
	border-radius: 50%;
	margin: 0 10px;
}

.pages-list a:hover,
.pages-list a.active {
	color: #DF061B;
	border: 1px solid #DF061B;
}

.cases-detail {
	position: relative;
	z-index: 1;
	margin: -300px auto 0;
}

.cdtitle {
	color: #fff;
	font-size: 40px;
	line-height: 1.5;
	font-weight: normal;
}

.cddate {
	display: block;
	color: #fff;
	font-size: 20px;
}

.cddetail {
	background: #fff;
	padding: 50px 60px 40px 60px;
	margin-top: 100px;
}

.cdnr {
	color: #666666;
	font-size: 16px;
}

.cdlabel {
	margin-top: 70px;
	display: flex;
}

.cltxt {
	color: #999999;
	font-size: 16px;
}

.cltxt:not(:first-child) {
	margin-left: 150px;
}

.cdbt {
	margin-top: 80px;
	padding-top: 40px;
	border-top: 1px solid #E8E8E8;
}

.cdlink {
	display: block;
	color: #999999;
	font-size: 16px;
	text-align: right;
	margin-top: 20px;
	line-height: 1.5;
}

.cdlink:hover {
	color: #DF061B;
}

.news-wrap {
	padding: 80px 0 100px 0;
}

.nwfirst {
	position: relative;
}

.nwfirst:hover .nfpic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.nwfirst:hover .nftitle {
	color: #DF061B;
}

.nfpic {
	float: left;
	width: 50%;
	overflow: hidden;
}

.nfpic img {
	display: block;
	width: 100%;
	transition: 0.55s;
}

.nfcont {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 30px 0 0 50px;
}

.nftitle {
	color: #333333;
	font-size: 20px;
	line-height: 1.5;
}

.nfdate {
	display: block;
	color: #999999;
	font-size: 16px;
	margin-top: 20px;
}

.nfdesc {
	color: #666666;
	font-size: 16px;
	margin-top: 40px;
	height: 115px;
	overflow: hidden;
}

.nfbtn {
	display: block;
	width: 140px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #DF061B;
	color: #DF061B;
	font-size: 16px;
	margin-top: 50px;
	font-weight: normal;
}

.nwlist {
	margin-top: 100px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	padding: 40px 0;
}

.nwlist li {
	position: relative;
	padding: 25px 0;
	line-height: 1.5;
	z-index: 3;
}

.nwlist li:hover::before {
	height: 100%;
}

.nwlist li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -500%;
	right: 0;
	height: 0;
	width: 1000%;
	background: #F7F7F7;
	z-index: -3;
	transition: 0.55s;
}

.nwlist li:hover .nljt,
.nwlist li:hover .nlms,
.nwlist li:hover .nldate {
	color: #DF061B;
	font-weight: bold;
}

.nljt {
	display: block;
	float: left;
	color: #666666;
	font-size: 16px;
	font-style: normal;
}

.nlms {
	float: left;
	color: #666666;
	font-size: 16px;
	width: 68%;
	margin-left: 30px;
}

.nldate {
	display: block;
	float: right;
	color: #666666;
	font-size: 16px;
}

.news-detail {
	padding: 100px 0;
}

.ndtitle {
	color: #333333;
	font-size: 30px;
	text-align: center;
	line-height: 1.5;
}

.nddate {
	display: block;
	color: #999999;
	font-size: 20px;
	text-align: center;
	margin-top: 15px;
}

.ndline {
	display: block;
	width: 86%;
	height: 1px;
	background: #CCCCCC;
	margin: 35px auto 0;
}

.ndnr {
	margin-top: 60px;
	color: #777777;
	font-size: 16px;
}

.ndbt {
	margin-top: 80px;
}

.ndbt li {
	float: left;
	width: 50%;
	position: relative;
	background: #F5F5F5;
	box-sizing: border-box;
	padding: 20px 45px;
	transition: 0.35s;
}

.ndbt li:hover {
	background: #DF061B;
}

.ndbt li:hover .nbpic {
	opacity: 1;
	visibility: visible;
}

.ndbt li:hover .nbjt,
.ndbt li:hover .nbtxt {
	color: #fff;
}

.ndbt li:hover .nbline {
	background: #fff;
}

.nbjt {
	display: inline-block;
	vertical-align: middle;
	color: #777777;
	font-size: 12px;
	font-style: normal;
}

.nbline {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
	width: 1px;
	height: 14px;
	background: #CCCCCC;
}

.nbtxt {
	display: inline-block;
	vertical-align: middle;
	color: #777777;
	font-size: 16px;
	width: 70%;
}

.nbpic {
	opacity: 0;
	visibility: hidden;
	width: 31%;
	overflow: hidden;
	transition: 0.35s;
}

.nbpic img {
	display: block;
	width: 100%;
}

.nbwz {
	width: 65%;
	margin-top: 19px;
}

.ndbt li:nth-child(1) .nbwz {
	float: left;
}

.ndbt li:nth-child(1) .nbpic {
	float: right;
}

.ndbt li:nth-child(2) .nbwz {
	float: right;
}

.ndbt li:nth-child(2) .nbpic {
	float: left;
}

.dvwrap {
	padding: 76px 0 100px 0;
}

.dvbot {
	margin-top: 100px;
}

.dvleft {
	float: left;
	width: 38%;
}

.dltxt1 {
	display: block;
	color: #333333;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.5;
}

.dltxt2 {
	color: #999999;
	font-size: 18px;
}

.dlpic {
	margin-top: 20px;
}

.dlpic img {
	display: block;
	width: 100%;
}

.dvright {
	float: right;
	width: 46%;
}

.dvright li:nth-child(2) {
	margin-top: 60px;
}

.drbt {
	color: #333333;
	font-size: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E8E8E8;
	font-weight: normal;
}

.drms {
	color: #999999;
	font-size: 18px;
	margin-top: 20px;
}

.trainwrap {
	padding: 90px 0;
}

.twlist {
	margin-left: -3%;
	margin-top: 50px;
}

.twlist li {
	position: relative;
	float: left;
	width: 30.333%;
	margin: 35px 0 0 3%;
	cursor: pointer;
	transition: 0.55s;
}

.twlist li:hover {
	transform: translateY(-30px);
}

.twlist li:hover .tlpic {
	opacity: 1;
}

.twlist li:hover .tpplay {
	opacity: 1;
	visibility: visible;
}

.twlist li:hover .tltxt {
	color: #DF061B;
}

.tlpic {
	position: relative;
	overflow: hidden;
	opacity: 0.6;
	transition: 0.55s;
}

.tlpic img {
	display: block;
	width: 100%;
}

.tpplay {
	opacity: 0;
	visibility: hidden;
	transition: 0.55s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 80px;
	font-style: normal;
	z-index: 1;
}

.tltxt {
	color: #333333;
	font-size: 24px;
	margin-top: 30px;
	text-align: center;
}

.tk-bg {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 9999;
}

.tk-bot {
	position: relative;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 500px;
	transform: translate(-50%, -50%);
}

.tbclose {
	position: absolute;
	right: -40px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	cursor: pointer;
}

.tbclose:hover i {
	transform: rotate(360deg);
}

.tbclose i {
	display: block;
	color: #fff;
	font-size: 40px;
	line-height: 1;
	transition: 0.55s;
}

.tbvideo {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.va1 {
	height: 100%;
}

.contact-bot1 {
	margin-top: 90px;
}

.cb1bg {
	margin-top: 120px;
	background: #FAFAFA;
}

.cb1way {
	display: flex;
}

.cb1way li {
	position: relative;
	flex: 1;
	text-align: center;
	padding: 30px 50px;
	z-index: 3;
}

.cb1way li:hover::before {
	width: 100%;
	left: 0;
}

.cb1way li:hover .cw1icon,
.cb1way li:hover .cw1bt::before {
	background: #fff;
}

.cb1way li:hover .cw1bt,
.cb1way li:hover .cw1txt3,
.cb1way li:hover .cw1txt4 {
	color: #fff;
}

.cb1way li::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: #DF061B;
	transition: 0.55s;
	z-index: -3;
}

.cw1icon {
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	text-align: center;
	line-height: 120px;
	border: 1px solid #DF061B;
	color: #DF061B;
	font-size: 40px;
	margin: 0 auto;
}

.cw1bt {
	position: relative;
	display: block;
	color: #333333;
	font-size: 20px;
	margin-top: 30px;
	padding-bottom: 10px;
}

.cw1bt::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 30px;
	height: 2px;
	background: #DF061B;
}

.cw1txt3 {
	display: block;
	color: #333333;
	font-size: 24px;
	margin-top: 20px;
	line-height: 1.5;
}

.cw1txt4 {
	display: block;
	color: #333333;
	font-size: 16px;
	margin-top: 20px;
}

.contact-bot2 {
	margin-top: 100px;
}

.cb2form {
	margin-top: 60px;
}

.cb2form li {
	margin-top: 30px;
	margin-left: -4%;
}

.cf2w {
	float: left;
	width: 46%;
	margin-left: 4%;
}

.cf2bt {
	color: #4F4F4F;
	font-size: 16px;
	font-weight: normal;
}

.cf2bt sup {
	display: inline-block;
	vertical-align: top;
	color: #DF061B;
	font-size: 12px;
}

.cf2srk {
	margin-top: 20px;
	border: 1px solid #E5E6E8;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	overflow: hidden;
}

.cs2icon {
	display: inline-block;
	vertical-align: middle;
	color: #CCCCCC;
	font-size: 13px;
}

.cs2wb {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: none;
	width: 80%;
	color: #999999;
	font-size: 12px;
	border: none;
	height: 60px;
	line-height: 60px;
}

.cs2line {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	width: 1px;
	height: 12px;
	background: #E9E9E9;
}

.cf2area {
	width: 100%;
	height: 200px;
	border: 1px solid #E5E6E8;
	resize: none;
	box-sizing: border-box;
	padding: 12px 20px;
	font-family: "SourceHanSansCN-Regular";
	color: #999999;
	font-size: 12px;
	margin-top: 20px;
}

.cf2b {
	width: 96%;
	margin-left: 4%;
}

.cf2submit a {
	display: block;
	width: 280px;
	height: 55px;
	margin: 48px auto 0;
	background: #DF061B;
	text-align: center;
	line-height: 55px;
	color: #FFFFFF;
	font-size: 16px;
}

.contact-map {
	margin-top: 100px;
}

.maps {
	width: 100%;
	height: 590px;
}

.anchorBL {
	display: none;
}

.count-title {
	display: inline-block;
}

.jsmore {
	margin-top: 100px;
}

.zp-bg {
	background: #F6F7FB;
	padding: 80px 0 100px 0;
}

.zptab {
	margin-top: 30px;
	/*margin-left: -2%;*/
}

.ztitem {
	position: relative;
	/*float: left;*/
	background: #fff;
	/*width: 48%;*/
	/*margin-left: 2%;*/
	box-sizing: border-box;
	padding: 25px 40px;
	cursor: pointer;
	margin-top: 20px;
}
.ztitem.active .zitxt1,
.ztitem.active .zitxt2,
.ztitem.active .zitxt3,
.ztitem.active .ziicon{
	color: #DF061B;
}
.ztitem.active .ziicon{
	background: rgba(223,6,27,.04);
}
.zitxt1{
	display: block;
	color: #333333;
	font-size: 24px;
}
.zitxt2{
	display: block;
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	margin-top: 15px;
	line-height: 1.5;
}
.zitxt3{
	color: #999999;
	font-size: 16px;
}
.ziicon{
	display: block;
	position: absolute;
	top: 25px;
	right: 40px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	background: #F7F7F7;
	color: #666666;
	font-size: 38px;
}
.zpcontent{
	margin-top: 26px;
}
.zcbox{
	display: none;
	padding: 20px 40px 40px 40px;
	background: #fff;
}
.zbtitle{
	font-weight: normal;
	color: #333333;
	font-size: 24px;
	padding-bottom: 15px;
	line-height: 1.5;
	border-bottom: 1px solid #E8E8E8;
	margin-top: 20px;
}
.zblist{
	margin-left: -2%;
	margin-top: 30px;
}
.zltxt{
	/*float: left;
	width: 48%;*/
	color: #666666;
	font-size: 16px;
	/*height: 58px;
	overflow: hidden;*/
	margin-left: 2%;
}
.zbline{
	width: 100%;
	height: 1px;
	background: #E8E8E8;
	margin-top: 50px;
}
.zbsend{
	display: block;
	width: 134px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #DF061B;
	margin-top: 30px;
	color: #DF061B;
	font-size: 12px;
	margin-bottom: 30px;
}
.zbsend:hover{
	background: #DF061B;
	color: #fff;
}
.zbtxt{
	color: #999999;
	font-size: 14px;
}
.twlogin{
	text-align: center;
}
.tlsrk{
	display: inline-block;
	vertical-align: middle;
	width: 450px;
	height: 50px;
	box-sizing: border-box;
	line-height: 50px;
	padding: 0 30px;
	color: #333;
	font-size: 16px;
	border: 1px solid #ddd;
}
.tlbtn{
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	height: 50px;
	line-height: 50px;
	background: #DF061B;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.ab3tk.active{
	opacity: 1;
	visibility: visible;
}
.ab3tk{
	opacity: 0;
	visibility: hidden;
	transition: 0.45s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.7);
	z-index: 9999;
}
.ab3bot{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 800px;
	background: #fff;
	box-sizing: border-box;
	padding: 50px;
}
.ab3close{
	position: absolute;
	right: 30px;
	top: 30px;
	color: #999999;
	font-size: 47px;
	line-height: 1;
	cursor: pointer;
}
.az3pic{
	float: left;
	width: 48%;
}
.az3pic img{
	display: block;
	width: 100%;
}
.az3cont{
	float: right;
	width: 45%;
	margin-top: 50px;
}
.ac3txt1{
	color: #333333;
	font-size: 30px;
}
.ac3txt2{
	color: #666666;
	font-size: 24px;
	padding-bottom: 30px;
	border-bottom: 1px solid #E8E8E8;
}
.ac3zw{
	margin-top: 30px;
	height: 200px;
	padding-right: 30px;
	overflow-y: scroll;
}
.ac3zw::-webkit-scrollbar {
	width: 3px;
	background: #E5E5E5;
}

.ac3zw::-webkit-scrollbar-thumb {
	width: 3px;
	background: #DF061B;
}

.ac3zw::-webkit-scrollbar-corner {
	background: none;
}

.ac3zw::-webkit-scrollbar:horizontal {
	height: 9px;
}
.az3txt{
	position: relative;
	padding-left: 22px;
	display: block;
	color: #999999;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 15px;
}
.az3txt:before{
	content: "";
	position: absolute;
	left: 2px;
	top: 9px;
	width: 8px;
	height: 8px;
	background: #CCCCCC;
	transform: rotate(45deg);
}