@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: 'DINCond';
	src: url('fonts/DINCond-Medium.eot');
	src: url('fonts/DINCond-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/DINCond-Medium.woff2') format('woff2'), url('fonts/DINCond-Medium.woff') format('woff'), url('fonts/DINCond-Medium.ttf') format('truetype'), url('fonts/DINCond-Medium.svg#DINCond-Medium') format('svg');
}

.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: #3d9911;
}

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;
}

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;
}

.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;
}

.load-words.target span {
	opacity: 0;
	visibility: hidden;
}

.action.load-words span {
	visibility: visible;
	display: inline-block;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: wordsRightFade;
	animation-name: wordsRightFade;
}

@-webkit-keyframes wordsRightFade {
	0% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
		visibility: visible;
	}
}

@-moz-keyframes wordsRightFade {
	0% {
		-moz-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		-moz-transform: none;
		transform: none;
		opacity: 1;
		visibility: visible
	}
}

@keyframes wordsRightFade {
	0% {
		-webkit-transform: translateX(50px);
		-moz-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0;
		visibility: hidden
	}
	100% {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		opacity: 1;
		visibility: visible
	}
}

.nimg.target {
	visibility: hidden;
}

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

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


/* 头部  */

.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	transition: 0.35s;
	padding: 19px 0;
}

.header.noys {
	background: none !important;
	box-shadow: none !important;
}


/*.header.noys .hrmenu:after,.hrmenu.noys .hrmenu:before{
	background-color: #333 !important;
}*/

.header.active,
.header.mractive {
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
}

.header.noxz {
	background: transparent;
	box-shadow: none;
}

.header.active .yj-bot .yj-link,
.header.mractive .yj-bot .yj-link {
	color: #333;
}

.header.active .hlpic1,
.header.mractive .hlpic1 {
	display: none;
}

.header.active .hlpic2,
.header.mractive .hlpic2 {
	display: block;
}

.header.active .hrsicon,
.header.mractive .hrsicon {
	color: #333;
}

.header.active .hrmenu i,
.header.mractive .hrmenu i {
	background: #333;
}

.header.active .hrmenu:before,
.header.active .hrmenu:after,
.header.mractive .hrmenu:before,
.header.mractive .hrmenu:after {
	background-color: #333 !important;
}

.head-wrap {
	position: relative;
	transition: 0.35s;
	margin: 0 34px 0 143px;
}

.header .head-logo {
	position: absolute;
	float: left;
}

.header.cdzk .head-logo .hlpic1 {
	display: none;
}

.header.cdzk .head-logo .hlpic2 {
	display: block;
}

.header.cdzk .yj-bot,
.header.cdzk .hrsearch {
	display: none;
}

.header.cdzk .hrmenu {
	margin-top: 16px;
}

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

.hlpic1 {
	display: block;
}

.hlpic2 {
	display: none;
}

.header .nav {
	float: right;
	margin-top: 4.5px;
}

.yj-bot {
	display: inline-block;
	vertical-align: middle;
	transition: 0.35s ease-out;
}

.header .yj-bot li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 1;
	text-align: center;
	margin-left: 45px;
	z-index: 10;
}

.header .yj-bot .yj-link {
	position: relative;
	z-index: 3;
	color: #fff;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-transform: uppercase;
	transition: 0.3s;
	overflow: hidden;
}

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

.hwright,
.hrsearch,
.hrmenu {
	display: inline-block;
}

.hrsearch {
	position: relative;
	margin-left: 60px;
	z-index: 200;
}

.hrsearch:hover .hrswbk {
	width: 300px;
	padding: 0 35px 0 20px;
	background: #fff;
}

.hrsearch:hover .hrsicon {
	color: #333;
}

.hrswbk {
	display: block;
	position: absolute;
	top: 0;
	right: -15px;
	width: 0;
	transition: 0.55s;
	height: 100%;
	border: none;
	box-sizing: border-box;
	color: #666;
	font-size: 14px;
	padding: 0;
}

.hrsicon {
	position: relative;
	z-index: 5;
	display: block;
	color: #fff;
	font-size: 23px;
}

.hrmenu {
	width: 26px;
	height: 18px;
	text-align: center;
	position: relative;
	margin-left: 115px;
}

.hrmenu.active:before {
	top: 8px;
	background: #808080;
	-webkit-transform: rotate( 45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate( 45deg);
}

.hrmenu.active:after {
	bottom: 7px;
	background: #808080;
	-webkit-transform: rotate( -45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate( -45deg);
}

.hrmenu.active i {
	display: none;
}

.hrmenu i {
	display: block;
	width: 50%;
	height: 3px;
	border-radius: 50px;
	background: #fff;
	margin-top: 8px;
}

.hrmenu:before {
	width: 100%;
	top: 0;
}

.hrmenu:after {
	width: 100%;
	bottom: 0;
}

.hrmenu:before,
.hrmenu:after {
	content: "";
	position: absolute;
	display: inline-block;
	height: 3px;
	left: 0;
	border-radius: 50px;
	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;
}

.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 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transition: 0.45s;
}

.ej-list.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.ej-list {
	position: absolute;
	z-index: 10;
	left: 50%;
	margin-left: -73px;
	width: 146px;
	top: 120%;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transition: 0.35s ease-out;
	background-color: rgba(0, 0, 0, .35);
	opacity: 0;
	visibility: hidden;
	text-align: center;
	box-sizing: border-box;
	padding: 10px;
	box-shadow: 0 12px 12px rgba(0, 0, 0, .12);
}

.ej-list:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -15px;
	transform: translateX(-50%);
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 8px solid #E95529;
}

.el-link {
	position: relative;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 8px 0;
	line-height: 1.5;
	box-sizing: border-box;
}

.el-link:before {
	content: "";
	position: absolute;
	left: -10px;
	top: 50%;
	width: 5px;
	height: 0;
	background: #E95529;
	transition: 0.35s;
}

.el-link:hover:before {
	top: 0;
	height: 100%;
}

.eltitle {
	float: left;
	color: #333333;
	font-size: 36px;
	margin-left: 140px;
	line-height: 1.5;
	font-weight: normal;
}

.elmenu {
	position: relative;
	float: left;
	width: 40%;
	height: 100%;
	margin-left: 65px;
	padding-left: 57px;
	border-left: 1px solid rgba(112, 112, 112, .17);
}


/*.elmenu:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 178px;
	width: 1px;
	background: #DDE4E7;
}*/

.elright {
	float: right;
	width: 20%;
	margin-top: 10px;
}

.erpic {
	overflow: hidden;
}

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

.ertxt {
	color: #666666;
	font-size: 14px;
	margin-top: 20px;
	text-align: left;
	line-height: 1.5;
}

.menu-handler.admt {
	top: 0;
}

.nymh {
	top: 0 !important;
}

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

.menu-handler span {
	position: relative;
	display: block;
	margin: 27.5px auto 0;
	width: 22px;
	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 {
	width: 100%;
}

.menu-handler span:after {
	width: 50%;
}

.menu-handler span:after,
.menu-handler span:before {
	content: "";
	position: absolute;
	display: inline-block;
	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 {
	height: 2px;
	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: #fff;
	-webkit-transition-delay: 0s, .3s;
	-moz-transition-delay: 0s, .3s;
	-ms-transition-delay: 0s, .3s;
	-o-transition-delay: 0s, .3s;
	transition-delay: 0s, .3s;
	width: 100%;
}

.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);
}

.menu-handler.active {
	top: 0;
}

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

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

.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: 0 0 100px 0;
}

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

.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 5% 12px 10%;
	display: none;
}

.menuMoblie .subnav .item {
	display: block;
	/*padding: 0px 5% 0 10%;*/
}

.menuMoblie .subnav .item:active a,
.menuMoblie .subnav .item:hover a {
	/*background: #999;*/
	color: #E95529 !important;
}

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

.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.05);
		transform: scale(1.05);
	}
	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: "\e72b";
}

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

.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: 110px;
}

.index-content {
	overflow: hidden;
}

.index-content.swiper-container {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.icontent {
	position: relative;
	z-index: 3;
	height: 100vh;
	overflow: hidden;
}

.index-content .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.in-bg {
	position: relative;
	width: 100%;
	height: 100%;
}

.isbg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

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


/* banner */

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

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


/*.banner .slick-dots {
	position: absolute;
	left: 120px;
	bottom: 30px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	z-index: 104;
}

.banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	vertical-align: middle;
	margin: 0 5px;
}

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

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

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

.banner .slick-arrow {
	position: absolute;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}

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

.banner .slick-prev:before {
	content: "\ec6e";
}

.banner .slick-next:before {
	content: "\e7f3";
}

.banner .slick-prev {
	left: 5%;
}

.banner .slick-next {
	right: 5%;
}

.banner .slick-arrow:hover {
	color: #2d96cd;
}*/

.banner .bwitem {
	position: relative;
	overflow: hidden;
}

.bitp {
	position: relative;
}

.bitp:before {
	/*content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 1;*/
}

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

.banner .show .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);
	}
}

.bicover {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.biclabel {
	display: block;
	font-family: 'DINCond';
	color: #fff;
	font-size: 26px;
	text-transform: uppercase;
	overflow: hidden;
}

.bictxt1 {
	color: #fff;
	font-size: 70px;
	line-height: 1.5;
	overflow: hidden;
}

.banner .show.bwitem .biclabel span {
	transition-delay: 0.15s;
}

.banner .show.bwitem .bictxt1 span {
	transition-delay: 0.65s;
}

.banner .show.bwitem .bictxt2 {
	transition-delay: 0.85s;
}
.banner .show.bwitem .bictxt3{
	transition-delay: 1s;
}

.bictxt1 span,
.biclabel span {
	display: block;
}

.bictxt2 {
	<!--font-family: 'DINCond';-->
	font-weight: lighter;
	color: #fff;
	font-size: 28px;
	margin-top: 20px;
	line-height: 1.5;
	overflow: hidden;
}
.bictxt3{
	display: block;
	font-size: 26px;
	font-weight: bold;
	color: #bc801d;
	line-height: 1.5;
	margin-top: 20px;
}

.biclabel span,
.bictxt1 span,
.bictxt2,.bictxt3 {
	transform: translateY(50px) !important;
	-webkit-transform: translateY(50px) !important;
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms, opacity .15s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.banner .show.bwitem .biclabel span,
.banner .show.bwitem .bictxt1 span,
.banner .show.bwitem .bictxt2,.banner .show.bwitem .bictxt3 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px) !important;
	-webkit-transform: translateY(0px) !important;
}

.wzls {
	color: #fff;
}

.bicqh {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	bottom: 30px;
}

.bdots {
	display: inline-block;
}

.bapn {
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: 0.35s;
}

.bapn:hover {
	color: #EB3232;
}

.bdots {
	/*margin: 0 50px;*/
}

.bdnum {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-family: 'DINCond';
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 0 5px;
	cursor: pointer;
	padding: 5px 20px 0 20px;
	border-top: 2px solid rgba(255, 255, 255, .4);
}

.bdnum:before {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	width: 0;
	height: 2px;
	background: #007abd;
}

.bdnum.active:before {
	-moz-animation: a_slidercurrent 4s linear;
	-webkit-animation: a_slidercurrent 4s linear;
	-o-animation: a_slidercurrent 4s linear;
	animation: a_slidercurrent 4s linear;
}

@-moz-keyframes a_slidercurrent {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@-webkit-keyframes a_slidercurrent {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@-o-keyframes a_slidercurrent {
	from;
	{
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@keyframes a_slidercurrent {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

.bicsp {
	position: relative;
	display: inline-block;
	margin-left: 15px;
}

.bicsp.active .bsp1 {
	display: none;
}

.bicsp.active .bsp2 {
	display: block;
}

.bicsp i {
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

.bsp1 {
	display: block;
}

.bsp2 {
	display: none;
}

.mouseBox.active,
.mouseBox.active .mstxt {
	color: #999999;
}

.mouseBox.active .mouseIco {
	border: 2px solid #999999;
}

.mouseBox.active .mouseIco i {
	background-color: #999999;
}

.mouseBox {
	position: fixed;
	left: 85px;
	bottom: 107px;
	color: #fff;
	z-index: 500;
	text-align: center;
	cursor: pointer;
}

.mstxt {
	display: block;
	font-size: 14px;
	color: #fff;
	font-family: 'DINCond';
	text-transform: uppercase;
	writing-mode: vertical-lr;
	margin-bottom: 35px;
}

.mouseIco {
	border-radius: 20px;
	width: 20px;
	height: 36px;
	border: 2px solid #fff;
	margin: 0px auto;
	display: block;
	position: relative;
}

.mouseIco i {
	width: 2px;
	height: 7px;
	border-radius: 1px;
	display: block;
	background-color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 5px;
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

@keyframes mouse-dot {
	from {
		opacity: 0;
	}
	33% {
		opacity: 1;
	}
	to {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		opacity: 0;
	}
}

@-webkit-keyframes mouse-dot {
	from {
		opacity: 0;
	}
	33% {
		opacity: 1;
	}
	to {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		opacity: 0;
	}
}


/* banner end */

.fixed-right {
	position: fixed;
	top: 50%;
	right: 17px;
	transform: translateY(-50%);
	z-index: 500;
}

.frmlink {
	position: relative;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #fff;
	border-radius: 50%;
	color: #999999;
	margin: 10px 0;
	cursor: pointer;
	transition: 0.45s;
}

.frmlink:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(16, 98, 166, .34);
	border-radius: 50%;
	z-index: -3;
}

.frmlink i {
	display: block;
	font-size: 15px;
}

.frmlink:hover,
.frmlink.active {
	background: #007abd;
	color: #fff;
}

.frmlink.active:before {
	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);
		transform-origin: center;
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: scale(1.6);
		transform-origin: center;
	}
}

.head-zm.active {
	opacity: 1;
	visibility: visible;
}

.head-zm {
	opacity: 0;
	visibility: hidden;
	transition: 0.45s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 600;
	width: 100%;
	height: 100vh;
	/*background: #fff;*/
	background: url(../images/pic27.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
}

.hzmlist {
	width: 1400px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
}

.hzmlist li {
	position: relative;
	-webkit-flex: 1;
	flex: 1;
	height: 100vh;
	text-align: center;
	padding-top: 24%;
	z-index: 3;
}

.hzmlist li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	transition: 0.85s;
	background: -webkit-linear-gradient(#033258, #007abd);
	background: -o-linear-gradient(#033258, #007abd);
	background: -moz-linear-gradient(#033258, #007abd);
	background: linear-gradient(#033258, #007abd);
	z-index: -3;
}

.hmltxt1 {
	display: block;
	color: #333333;
	font-size: 26px;
	margin-bottom: 30px;
	font-weight: normal;
}

.hmltxt2 {
	display: block;
	color: #808080;
	font-size: 14px;
	margin-top: 10px;
}

.hmltxt2:hover {
	text-decoration: underline;
}

.hzmlist li:hover .hmltxt1,
.hzmlist li:hover .hmltxt2 {
	color: #fff;
}

.hzmlist li:hover:before {
	height: 100%;
	bottom: 0;
}

#pDevelop,
#pDevelop2 {
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
}

.gyicont {
	position: absolute;
	width: 1400px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}

.sygb {
	text-align: center;
	position: relative;
}

.sgeng {
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 1;
	display: block;
	font-family: 'DINCond';
	color: rgba(201, 201, 201, .15);
	font-size: 100px;
	text-transform: uppercase;
}

.sgch {
	color: #333333;
	font-size: 40px;
	line-height: 1.5;
	overflow: hidden;
}

.sgch font {
	display: block;
}

.iscnr {
	color: #666666;
	font-size: 14px;
	margin-top: 60px;
	text-align: center;
}

.isdt {
	display: -webkit-flex;
	display: flex;
	margin-top: 97px;
	margin-left: -62px;
}

.isdt li {
	-webkit-flex: 1;
	flex: 1;
	background: #fff;
	margin-left: 62px;
	padding: 25px 0;
	text-align: center;
}

.idnum {
	display: block;
}

.insz {
	display: inline-block;
	vertical-align: text-top;
	font-family: 'DINCond';
	color: #007abd;
	font-size: 93px;
	line-height: 1;
}

.insup {
	position: relative;
	padding-left: 5px;
	display: inline-block;
	vertical-align: text-top;
	color: #808080;
	font-size: 14px;
	line-height: 1;
	border-left: 3px solid #007abd;
	margin-left: 10px;
	margin-top: 15px;
	font-weight: normal;
}

.idtxt {
	display: block;
	color: #808080;
	font-size: 14px;
	margin-top: 8px;
}

.ifmore a {
	margin: 70px auto 0;
	border: 1px solid #999999;
	color: #999999;
}

.ifmore a:hover {
	color: #fff;
	border: 1px solid #007abd;
}

.ifmore a:hover:before {
	height: 100%;
}

.ifmore a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	background: #007abd;
	z-index: -3;
	transition: 0.35s;
}

.ismore a {
	margin: 97px auto 0;
	background: #007abd;
	color: #fff;
}

.gymore a {
	position: relative;
	display: block;
	width: 164px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	font-family: 'DINCond';
	font-weight: bold;
	text-transform: uppercase;
	z-index: 3;
	overflow: hidden;
}

.it3box {
	margin-top: 70px;
}

.it3l {
	position: relative;
	float: left;
	width: 39%;
	height: 566px;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 74px 44px 100px 44px;
}

.it3l:hover .ibimg1 {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}

.it3wz {
	width: 70%;
}

.iw3txt1 {
	position: relative;
	padding-left: 13px;
	display: block;
	font-family: 'DINCond';
	color: #333333;
	font-size: 23px;
	line-height: 1.5;
}

.iw3txt1:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 20px;
	background: #007abd;
}

.iw3txt2 {
	color: #808080;
	font-size: 16px;
	margin-top: 10px;
	line-height: 1.5;
	height: 72px;
}

.iw3more {
	opacity: 0;
	visibility: hidden;
	transition: 0.35s;
	font-family: 'DINCond';
	font-weight: bold;
	display: block;
	color: #007abd;
	font-size: 15px;
	margin-top: 20px;
	text-transform: uppercase;
}

.ibimg1 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100px;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	transition: 0.45s;
}

.it3c:hover .ibimg2 {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}

.ibimg2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 120px;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	transition: 0.45s;
}

.ibimg3 {
	position: absolute;
	right: 60px;
	top: 65%;
	transform: translateY(-50%);
	max-width: 80%;
	max-height: 50%;
	transition: 0.45s;
}

.it3tp {
	/*margin-top: 47px;*/
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100px;
	margin: auto;
}

.it3tp img {
	display: block;
	width: 100%;
	margin: auto;
	transition: 0.45s;
}

.it3c {
	position: relative;
	float: left;
	width: 28%;
	height: 566px;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 74px 44px 100px 44px;
	margin-left: 1%;
}

.it3c .iw3txt1,
.it3c .iw3txt2 {
	color: #fff;
}

.it3c .it3tp img {
	bottom: 45px;
}

.it3c .it3wz {
	width: 80%;
}

.it3r {
	position: relative;
	float: left;
	width: 31%;
	height: 566px;
	margin-left: 1%;
}

.ir3item {
	width: 100%;
	height: 276px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 70px 0 0 45px;
}

.ir3item:hover .ibimg3 {
	-webkit-transform: scale(1.03) translateY(-50%);
	-moz-transform: scale(1.03) translateY(-50%);
	transform: scale(1.03) translateY(-50%);
}

.ir3item:last-child {
	margin-top: 14px;
}

.it3r .it3wz {
	float: left;
	width: 70%;
}

.it3r .it3tp img {
	top: 50%;
	transform: translateY(-50%);
	right: 22px;
	left: auto;
	bottom: auto;
}

.it3l:hover .iw3more,
.it3c:hover .iw3more,
.ir3item:hover .iw3more {
	opacity: 1;
	visibility: visible;
}

.it3l:hover .it3tp img,
.it3c:hover .it3tp img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}

.ir3item:hover .it3tp img {
	-webkit-transform: translateY(-50%) scale(1.03);
	-moz-transform: translateY(-50%) scale(1.03);
	transform: translateY(-50%) scale(1.03);
}

.if4box {
	margin-top: 70px;
}

.if4left {
	position: relative;
	overflow: hidden;
	float: left;
	width: 49%;
}

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

.iflitem:hover .iflpic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.iflpic {
	overflow: hidden;
}

.iflpic img {
	display: block;
	width: 100%;
	transition: 0.45s;
}

.ifltxt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 60px 32px 15px 32px;
	background: -webkit-linear-gradient(rgba(16, 98, 166, 0), #007abd);
	background: -o-linear-gradient(rgba(16, 98, 166, 0), #007abd);
	background: -moz-linear-gradient(rgba(16, 98, 166, 0), #007abd);
	background: linear-gradient(rgba(16, 98, 166, 0), #007abd);
}

.ifltxt font {
	display: block;
	line-height: 1.5;
	height: 48px;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
}

.if4right {
	float: right;
	width: 49%;
}

.ifr4list li {
	position: relative;
	background: #fff;
}

.ifr4list li:not(:first-child) {
	margin-top: 6px;
}

.ifrdate {
	display: block;
	font-family: 'DINCond';
	font-weight: lighter;
	color: #808080;
	font-size: 16px;
}

.ifrtitle {
	color: #666666;
	font-size: 18px;
	line-height: 1.5;
	height: 27px;
}

.ifrt.active {
	padding: 30px 45px 0 45px;
}

.ifrt.active .ifrdate,
.ifrt.active .ifrtitle {
	color: #007abd;
}

.ifrt {
	padding: 26px 45px;
}

.ifrb {
	display: none;
	padding: 10px 45px 24px 45px;
	box-sizing: border-box;
	border-bottom: 6px solid #007abd;
}

.ifbms {
	color: #808080;
	font-size: 14px;
	line-height: 1.5;
	height: 42px;
	overflow: hidden;
}

.ifbmore {
	display: block;
	color: #007abd;
	font-size: 14px;
	font-family: 'DINCond';
	margin-top: 10px;
	text-transform: uppercase;
}


/*.footer-wrap.active{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
}*/

.footer-wrap {
	background: #333333;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 50px 0;
}

.fwleft {
	float: left;
	width: 60%;
}

.fwltxt {
	color: #fff;
	font-size: 14px;
}

.ftbt {
	font-style: normal;
	font-family: 'DINCond';
}

.fwltxt:not(:first-child) {
	margin-top: 5px;
}

.fwright {
	float: right;
	text-align: right;
	width: 40%;
}

.frsicon {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 20px;
	margin-left: 30px;
	line-height: 1.5;
}

.frstxt {
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	font-family: 'DINCond';
}

.frstxt a {
	color: #fff;
}

#swiper-container1 .swiper-slide {
	height: 100%;
}

#swiper-container1 .swiper-slide:last-child {
	height: 185px !important;
}


/* 关于我们 */

.insides-banner {
	position: relative;
}

.ibpic {
	overflow: hidden;
}

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

.ibcv {
	position: absolute;
	top: 50%;
	width: 1400px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ivtxt1 {
	color: #fff;
	font-size: 70px;
	line-height: 1.5;
	overflow: hidden;
}

.ivtxt2 {
	color: #fff;
	font-size: 26px;
	font-family: 'DINCond';
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
	overflow: hidden;
}

.ivtxt1 font,
.ivtxt2 font {
	display: block;
}

.insides-brand {
	height: 80px;
	line-height: 80px;
	box-shadow: 1px 2px #eee;
}

.ibleft {
	float: left;
}

.ibldq,
.ibltxt {
	display: inline-block;
	vertical-align: middle;
	color: #999999;
	font-size: 14px;
}

.ibltxt:hover {
	color: #007abd;
}

.ibldq i {
	display: inline-block;
	vertical-align: middle;
	color: #007abd;
	font-size: 18px;
	margin-right: 10px;
}

.ibright {
	float: right;
}

.ibrtxt {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	color: #666666;
	font-size: 16px;
	z-index: 3;
}

.ibrtxt:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: #007abd;
	transition: 0.35s;
	z-index: -3;
}

.ibrtxt.active,
.ibrtxt:hover {
	color: #fff;
}

.ibrtxt.active:before,
.ibrtxt:hover:before {
	width: 100%;
}

.about-bot1 {
	position: relative;
}

.pb100 {
	padding: 100px 0;
}

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

.abllabel {
	display: block;
	color: #333333;
	font-size: 20px;
	font-weight: bold;
}

.ab1txt1 {
	font-weight: normal;
	color: #007abd;
	font-size: 30px;
	margin-top: 10px;
	line-height: 1.5;
}

.ab1txt2 {
	color: #666666;
	font-size: 16px;
	margin-top: 60px;
}

.ab1right {
	position: absolute;
	right: 0;
	top: 100px;
	width: 41%;
}

.ab1right img {
	position: relative;
	z-index: 3;
	display: block;
	width: 100%;
}

.ab1right:before {
	content: "";
	position: absolute;
	top: 13%;
	left: -12px;
	width: 70%;
	height: 89%;
	background: #007abd;
	z-index: -3;
}

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

.nybt1 {
	color: #333333;
	font-size: 36px;
	line-height: 1.5;
}

.nybt2 {
	color: #C9C9C9;
	font-size: 24px;
	line-height: 1.5;
	font-family: 'DINCond';
	font-weight: bold;
	text-transform: uppercase;
}

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

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

.about-bot3 {
	position: relative;
	overflow: hidden;
}

.about-bot3 .w1400 {
	position: relative;
	z-index: 10;
}

.ab3year {
	position: relative;
	width: 100%;
	margin-top: 68px;
}

.ay3item {
	font-family: 'DINCond';
	float: left;
	position: relative;
	color: #808080;
	font-size: 24px;
	text-align: center;
	padding-bottom: 50px;
	line-height: 1.5;
	cursor: pointer;
}

.ab3year .slick-current.ay3item {
	color: #007abd;
}

.ab3year .slick-current.ay3item:before {
	background: #007abd;
}

.ab3year .slick-current.ay3item:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(16, 98, 166, .15);
	animation: bannerbuIn infinite linear 1.4s normal;
	-webkit-animation: bannerbuIn infinite linear 1.4s normal;
}

.ay3item:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 24px;
	transform: translateX(-50%);
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: rgba(128, 128, 128, .5);
}

.ab3year .slick-list:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	height: 1px;
	background: #E3E3E3;
}

.ab3year .slick-list {
	padding: 0 50px;
}

.ab3banner {
	position: relative;
	overflow: hidden;
	padding: 0 110px;
	margin-top: 40px;
}

.ab3banner .slick-arrow {
	position: absolute;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	border: 1px solid #C9C9C9;
	color: #C9C9C9;
	background: #fff;
	transition: 0.35s;
}

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

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

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

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

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

.ab3banner .slick-arrow:hover {
	background: #007abd;
	color: #fff;
	border: 1px solid #007abd;
}

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

.ai3pic {
	float: left;
	width: 37%;
	overflow: hidden;
}

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

.ai3wz {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 47%;
	width: 36%;
}

.ai3bt {
	color: #007abd;
	font-size: 22px;
	line-height: 1.5;
}

.ai3ms {
	color: #666666;
	font-size: 14px;
	margin-top: 10px;
}

.bg-F5F5F5 {
	background: #F5F5F5;
}

.products-list {
	margin-left: -4%;
}

.products-list li {
	position: relative;
	float: left;
	width: 46%;
	height: 350px;
	margin: 0 0 30px 4%;
	background: #fff;
	box-sizing: border-box;
	padding: 60px 47px;
	transition: 0.45s;
	overflow: hidden;
}

.products-list li:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
}

.products-list li:hover .pltp img {
	-webkit-transform: translateY(-50%) scale(1.03);
	-moz-transform: translateY(-50%) scale(1.03);
	transform: translateY(-50%) scale(1.03);
}

.plw3:hover  {
	color: #007abd;
}
.plticon{
	display: block;
	position: absolute;
	right: 0;
	bottom: 3px;
	color: #808080;
	font-size: 14px;
	line-height: 1.5;
	cursor: pointer;
	text-decoration: underline;
}
.plticon:hover{
	color: #007abd;
}

.plwz {
	float: left;
	width: 45%;
	position: relative;
	z-index: 10;
}

.plw1 {
	position: relative;
	line-height: 1.2;
	font-size: 34px;
	color: #333333;
	font-family: 'DINCond';
	padding-left: 17px;
}

.plw1:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: #007abd;
}

.plw2 {
	color: #808080;
	font-size: 16px;
	margin-top: 30px;
	line-height: 1.5;
	height: 48px;
	overflow: hidden;
}

.plw3 {
	display: block;
	color: #999999;
	font-size: 15px;
	text-transform: uppercase;
	margin-top: 50px;
	font-family: 'DINCond';
}

.pltp {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 55%;
	height: 350px;
	text-align: center;
}

.pltp img {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 100%;
	max-height: 100%;
	transition: 0.45s;
}

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

.pages-list a {
	position: relative;
	display: inline-block;
	font-family: 'DINCond';
	font-weight: bold;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #fff;
	border-radius: 50%;
	margin: 0 13px;
	color: #999999;
	font-size: 18px;
	transition: 0.45s;
	z-index: 3;
}

.pages-list a:hover,
.pages-list a.active {
	background: #007abd;
	color: #fff;
}

.pages-list .plnum.active:before {
	opacity: 1;
	visibility: visible;
	animation: bannerbuIn infinite linear 1.4s normal;
	-webkit-animation: bannerbuIn infinite linear 1.4s normal;
}

.plnum:before {
	opacity: 0;
	visibility: hidden;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(16, 98, 166, .35);
	border-radius: 50%;
	z-index: -3;
}

.pdbot1 {
	background: -webkit-linear-gradient(left, #C2C2C2 20%, #fff 50%);
	background: -o-linear-gradient(left, #C2C2C2 20%, #fff 50%);
	background: -moz-linear-gradient(left, #C2C2C2 20%, #fff 50%);
	background: linear-gradient(left, #C2C2C2 20%, #fff 50%);
	padding: 50px 0;
	margin-top: 88px;
}

.pdbright {
	float: right;
}

.pdbright a {
	display: block;
	text-align: right;
	color: #999999;
	font-size: 14px;
	line-height: 32px;
}

.pdbright a:hover {
	color: #007abd;
}

.pdbdetail {
	margin-top: 10px;
}

.pdbleft {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 30px;
	margin-top: 70px;
}

.pdlbt {
	position: relative;
	font-family: 'DINCond';
	color: #333333;
	font-size: 80px;
	line-height: 1;
}

.pdlbt:before {
	content: "";
	position: absolute;
	top: 12px;
	left: -30px;
	width: 6px;
	height: 30px;
	background: #007abd;
}

.pdlms {
	color: #808080;
	font-size: 16px;
	margin-top: 25px;
}

.pdllabel {
	margin-top: 30px;
}

.pltxt {
	display: block;
	color: #333333;
	font-size: 20px;
	margin-top: 20px;
	font-family: 'DINCond';
	font-weight: bold;
}

.pdbrpic {
	position: relative;
	float: right;
	width: 48%;
	height: 464px;
	background: #fff;
}

.pdbrpic img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.pddxt {
	position: relative;
}

.pdbig {
	position: relative;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
}

.pdbitem {
	position: relative;
	float: left;
	width: 100%;
	height: 888px;
}

.pdbitem img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.pdsmall {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .38);
	padding: 40px 0;
	overflow: hidden;
}

.psbanner {
	position: relative;
	overflow: hidden;
	padding: 0 25px;
}

.psbanner .slick-arrow {
	position: absolute;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	transition: 0.35s;
}

.psbanner .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;
}

.psbanner .slick-prev:before {
	content: "\e72b";
}

.psbanner .slick-next:before {
	content: "\e72a";
}

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

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

.ab3banner .slick-arrow:hover {
	color: #007abd;
}

.psbanner .slick-track {
	margin: 0 auto;
}

.psitem {
	position: relative;
	float: left;
	margin: 0 10px;
	border: 3px solid #fff;
	transition: 0.35s;
	cursor: pointer;
	height: 139px;
	background: #fff;
}

.psitem img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.psbanner .slick-current.psitem {
	border: 3px solid #007abd;
}

.culture-bot1 {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}

.culture-bot1 .w1400 {
	position: relative;
}

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

.ab1pic {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
}

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

.cb1label {
	display: block;
	color: #007abd;
	font-size: 26px;
	margin-top: 60px;
}

.cb1ms {
	color: #666666;
	font-size: 14px;
	margin-top: 20px;
}

.culture-bot2 {
	padding: 198px 0 50px 0;
}

.cb2list {
	margin-left: -3%;
	margin-top: 20px;
}

.cb2list li {
	position: relative;
	float: left;
	width: 30.333%;
	margin: 57px 0 0 3%;
	cursor: pointer;
}

.cb2pic {
	overflow: hidden;
}

.cb2pic img {
	display: block;
	width: 100%;
	transition: 0.45s;
}

.cb2wz {
	background: #F5F5F5;
	padding: 20px;
	transition: 0.35s;
}

.cwdate {
	display: block;
	font-family: 'DINCond';
	font-weight: bold;
	color: #999999;
	font-size: 14px;
}

.cwnr {
	color: #333333;
	font-size: 16px;
	line-height: 1.5;
	/*height: 24px;
	overflow: hidden;*/
}

.bghs a {
	background: #F5F5F5;
}

.cb2list li:hover .cb2wz {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
}

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

.cb2list li:hover .cwdate,
.cb2list li:hover .cwnr {
	color: #007abd;
}

.xq-bg.active {
	opacity: 1;
	visibility: visible;
}

.xq-bg {
	opacity: 0;
	visibility: hidden;
	transition: 0.35s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}

.xqclose {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .46);
}

.xqbot {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 67%;
	background: #fff;
	box-sizing: border-box;
	padding: 110px 110px 110px 160px;
	z-index: 1;
}

.xqbtn {
	position: absolute;
	top: 50%;
	left: -60px;
	transform: translateY(-50%);
}

.xbprev,
.xbreturn,
.xbnext {
	display: block;
	width: 60px;
	background: #EFEFEF;
	text-align: center;
	color: #007abd;
}

.xbprev,
.xbnext {
	height: 60px;
	line-height: 60px;
	font-size: 12px;
}

.xbreturn {
	background: #007abd;
	color: #fff;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.xqtitle {
	text-align: center;
	color: #333333;
	font-size: 28px;
}

.xqdate {
	display: block;
	font-family: 'DINCond';
	text-align: center;
	color: #999999;
	font-size: 18px;
}

.xqdetail {
	color: #333333;
	font-size: 14px;
	margin-top: 50px;
}

.xqnr {
	height: 650px;
	overflow-y: scroll;
	padding-right: 50px;
}

.xqnr::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 6px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}

.xqnr::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	background: #ccc;
}

.xqnr::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	background: #EDEDED;
}

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

.nwlist {
	margin-top: 89px;
	margin-left: -5%;
}

.nwlist li {
	position: relative;
	float: left;
	width: 45%;
	margin-left: 5%;
	padding: 40px;
	box-sizing: border-box;
	border-top: 3px solid #C9C9C9;
	border-bottom: 3px solid #C9C9C9;
	margin-top: -3px;
}

.nwldate {
	display: block;
	font-family: 'DINCond';
	color: #999999;
	font-size: 16px;
}

.nwltitle {
	color: #333333;
	font-size: 18px;
	line-height: 1.5;
	/*height: 27px;*/
}

.nwlms {
	color: #808080;
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.5;
    height: 42px;
	overflow: hidden;
}

.nwlpic {
	margin-top: 30px;
	overflow: hidden;
}

.nwlpic img {
	display: block;
	max-width: 100%;
	transition: 0.45s;
}

.nwlmore {
	display: block;
	font-family: 'DINCond';
	color: #999999;
	font-size: 14px;
	margin-top: 30px;
	text-transform: uppercase;
}

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

.nwlist li:hover .nwldate,
.nwlist li:hover .nwltitle,
.nwlist li:hover .nwlmore {
	color: #007abd;
}

.nw2list {}

.nw2list li {
	position: relative;
	background: #F5F5F5;
	box-sizing: border-box;
	padding: 60px 60px 35px 60px;
	margin-top: 35px;
	transition: 0.35s;
}

.nw2list li:hover {
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
}

.nw2list li:hover .nl2bt,
.nw2list li:hover .nl2more,
.nw2list li:hover .nl2more em {
	color: #007abd;
}

.nl2l {
	float: left;
	width: 60%;
}

.nl2bt {
	color: #333333;
	font-size: 18px;
	line-height: 1.5;
	height: 27px;
}

.nl2ms {
	color: #808080;
	font-size: 14px;
	margin-top: 10px;
	height: 50px;
	overflow: hidden;
}

.nl2more {
	display: block;
	font-family: 'DINCond';
	color: #999999;
	font-size: 14px;
	margin-top: 30px;
	text-transform: uppercase;
}

.nl2more em {
	display: inline-block;
	vertical-align: middle;
	width: 26%;
	height: 1px;
	background: #999999;
	margin-right: 30px;
}

.nl2r {
	float: right;
	width: 100px;
	height: 100px;
	background: #fff;
	border: 1px solid #C9C9C9;
	color: #999999;
	font-size: 24px;
	font-family: 'DINCond';
	text-align: center;
	line-height: 1;
	padding-top: 20px;
	box-sizing: border-box;
}

.nddetail {
	padding: 50px 0 80px 0;
	margin-top: 88px;
}

.ndxq {
	background: #fff;
	margin-top: 70px;
	padding: 90px 100px 110px 100px;
}

.nxl {
	float: left;
	color: #808080;
	font-size: 16px;
}

.nxr {
	float: right;
}

.nricon {
	display: inline-block;
	vertical-align: middle;
	color: #999999;
	font-size: 20px;
	margin-left: 30px;
}

.nxtitle {
	margin-top: 100px;
	color: #333333;
	font-size: 30px;
	line-height: 1.5;
}

.nxnr {
	margin-top: 40px;
	padding-top: 80px;
	border-top: 1px solid #C9C9C9;
	color: #666666;
	font-size: 16px;
}

.ndbt {
	margin-top: 59px;
}

.ndpn {
	display: block;
	color: #666666;
	font-size: 16px;
	line-height: 1.5;
	height: 24px;
	width: 50%;
}

.ndpn:hover {
	color: #007abd;
}

.ndl {
	float: left;
}

.ndr {
	float: right;
	text-align: right;
}

.rmwrap {
	position: relative;
	padding: 100px 0;
	background-repeat: no-repeat;
	background-size: contain;
}

.rmwbg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

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

.rmleft {
	position: relative;
	overflow: hidden;
	width: 40%;
	padding: 10px 0;
}

.rmleft .slick-arrow {
	position: absolute;
	z-index: 99;
	left: 0;
	color: #999999;
	transition: 0.35s;
	line-height: 1.5;
}

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

.rmleft .slick-prev:before {
	content: "\e72c";
}

.rmleft .slick-next:before {
	content: "\e72e";
}

.rmleft .slick-prev {
	top: 0;
}

.rmleft .slick-next {
	bottom: 0;
}

.rmleft .slick-arrow:hover {
	color: #007abd;
}

.rmitem {
	position: relative;
	margin: 40px 0;
	padding-left: 25px;
	cursor: pointer;
}

.rmleft .slick-current.rmitem .rmbt {
	color: #007abd;
}

.rmleft .slick-current.rmitem .rmbt:before {
	background: #007abd;
}

.rmbt {
	position: relative;
	color: #333333;
	font-size: 16px;
	line-height: 1.5;
}

.rmbt:before {
	content: "";
	position: absolute;
	left: -25px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background: #999999;
	border-radius: 50%;
}

.rmms {
	color: #808080;
	font-size: 14px;
	margin-top: 5px;
}

.rmdetail {
	position: absolute;
	width: 55%;
	top: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	padding: 100px 180px;
	box-sizing: border-box;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .16);
}

.rmdetail:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -16px;
	transform: translateY(-50%);
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-right: 16px solid #fff;
}

.rixq {
	height: 700px;
	overflow-y: scroll;
	font-size: 14px;
}
.rixq::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 2px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}

.rixq::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	background: #007abd;
}

.rixq::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	background: #eee;
}
.rizw {
	color: #333333;
	font-size: 40px;
}

.risend {
	display: block;
	width: 164px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin-top: 100px;
	background: #007abd;
	border-radius: 25px;
	color: #fff;
	font-size: 16px;
}

.contact-address {
	position: relative;
	margin-top: 88px;
}

.maps {
	height: 659px;
}

.cacover {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 38%;
	background: rgba(16, 98, 166, .91);
	box-sizing: border-box;
	padding: 0 200px;
}

.caitem {
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #fff;
}

.cabt {
	display: block;
	color: #fff;
	font-size: 16px;
}

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

.canumber {
	display: block;
	font-family: 'DINCond';
	color: #fff;
	font-size: 42px;
	line-height: 1.5;
}

.caadr {
	color: #fff;
	font-size: 14px;
	margin-top: 10px;
}

.online-messge {
	width: 950px;
	margin: 0 auto;
	padding: 80px 0 60px 0;
}

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

.ofwbk,
.ofselect {
	display: block;
	float: left;
	width: 46%;
	margin-left: 4%;
	height: 46px;
	line-height: 46px;
	border: 1px solid #C9C9C9;
	box-sizing: border-box;
	padding: 0 20px;
	color: #333;
	font-size: 14px;
}

.ofselect {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../images/dbx.png) 95% no-repeat;
	background-size: 12px 9px;
}

.ofarea {
	display: block;
	width: 96%;
	margin-left: 4%;
	height: 167px;
	border: 1px solid #C9C9C9;
	box-sizing: border-box;
	padding: 15px 20px;
	color: #333;
	font-size: 14px;
	font-family: "微软雅黑";
	resize: none;
}

.omsubmit {
	display: block;
	width: 188px;
	height: 46px;
	background: #007abd;
	text-align: center;
	line-height: 46px;
	color: #fff;
	font-size: 14px;
	margin: 65px auto 0;
}

.anchorBR {
	bottom: 50px !important;
}

.anchorBL {
	display: none;
}

.fm {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 600;
	display: none;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.ex1 {
	display: inline-block;
	opacity: 0;
	perspective: 200px;
}

.ex1 span {
	transform: rotateY(-90deg);
	opacity: 0;
}

.search-cv {
	position: absolute;
	width: 800px;
	height: 55px;
	line-height: 55px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.scvwbk {
	display: block;
	float: left;
	width: 85%;
	height: 100%;
	background: transparent;
	border: none;
	box-sizing: border-box;
	padding: 0 20px;
	color: #333;
	font-size: 14px;
}

.scvicon {
	display: block;
	float: right;
	width: 15%;
	height: 100%;
	background: #007abd;
	text-align: center;
	color: #fff;
	font-size: 25px;
}

.slnum {
	color: #333;
	font-size: 28px;
}

.loadw.target {
	transform: translateY(110%);
	opacity: 0;
	visibility: hidden;
}

.action.loadw {
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
	transition: 0.85s;
}

.ivtxt2 font {
	transition-delay: 0.35s;
}
.about-bot4{
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0 80px 0;
}
.ab4list{
	margin-left: -4%;
}
.ab4list li{
	position: relative;
	float: left;
	width: 9%;
	margin:60px 0 0 1%;
	cursor: pointer;
}
.al4pic{
	overflow: hidden;
}
.al4pic img{
	display: block;
	width: 100%;
	transition: 0.45s;
}
.al4txt{
	color: #666666;
	font-size: 12px;
	text-align: center;
	margin-top: 30px;
	/*line-height: 1.5;*/
	/*height: 48px;
	overflow: hidden;*/
}
.ab4list li:hover .al4pic img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}
.ab4list li:hover .al4txt{
	color: #007abd;
}
.cpsb{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}
.cpdsb{
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
}
/* 产品弹框 */
.cp-tk.active{
	opacity: 1;
	visibility: visible;
}
.cp-tk{
	opacity: 0;
	visibility: hidden;
	transition: 0.35s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	z-index: 999;
}
.cpbox{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 557px;
	background: #fff;
	box-sizing: border-box;
	padding: 50px 0;
}
.cpclose{
	position: absolute;
	right: 23px;
	top: 23px;
	color: #999999;
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
}
.ctmodel{
	text-align: center;
	color: #333333;
	font-size: 20px;
	line-height: 1.5;
}
.ctts{
	color: #808080;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}
.ctform{
	margin-top: 30px;
}
.ctfl{
	margin: 13px 110px 0 70px;
}
.clbt{
	display: block;
	float: left;
	width: 14%;
	color: #666666;
	font-size: 14px;
	line-height: 46px;
}
.clbt sup{
	display: inline-block;
	vertical-align: top;
	color: #FF0000;
	font-size: 14px;
	margin-right: 5px;
}
.clwbk{
	display: block;
	float: right;
	width: 84%;
	height: 46px;
	line-height: 46px;
	box-sizing: border-box;
	border: 1px solid #C9C9C9;
	padding: 0 15px;
}
.ctsubmit{
	display: block;
	width: 188px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	background: #007abd;
	color: #fff;
	font-size: 14px;
	margin: 24px auto 0;
}
.ab3year .slick-track{
	margin: 0 auto;
}