@charset "utf-8";

/* 
 * Project Name:亚创信息
 */

@font-face {
	font-family: "iconfont";
	src: url('iconfont.eot?t=1551338074712');
	/* IE9 */
	src: url('iconfont.eot?t=1551338074712#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('iconfont.woff2') format('woff2'), url('iconfont.woff?t=1551338074712') format('woff'), url('iconfont.ttf?t=1551338074712') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('iconfont.svg?t=1551338074712#iconfont') format('svg');
	/* iOS 4.1- */
}

.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 "Microsoft Yahei", "微软雅黑", "微软正黑体", "Microsoft JhengHei", "SimHei", "黑体", Arial, Helvetica, sans-serif;
	margin: 0 auto;
	color: #666;
	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;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.fixedImg {
	background-position: center bottom;
	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: #7D7D7D;
}

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

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

.pageC {
	overflow: hidden;
}

.load-left.target {
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	opacity: 0;
	visibility: hidden;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1000ms, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1000ms, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.load-left.action {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.load-right.target {
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	opacity: 0;
	visibility: hidden;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 600ms, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.load-right.action {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.load-cont.target {
	position: relative;
	z-index: 200;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1000ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1000ms, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-delay: 0.15s;
}

.load-cont.action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.load-cont1.target {
	position: relative;
	z-index: 200;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1200ms, opacity 0.55s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1200ms, opacity 0.55s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-delay: 0.35s;
}

.load-cont1.action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.load-cont2.target {
	position: relative;
	z-index: 200;
	transform: translateY(80px);
	-webkit-transform: translateY(80px);
	opacity: 0;
	visibility: hidden;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1000ms, opacity 0.55s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1000ms, opacity 0.55s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-delay: 0.5s;
}

.load-cont2.action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.ia-pic.target:before {
	content: "";
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	transition: 0.85s;
	background: #fff;
	z-index: 5;
}

.ia-pic.action:before {
	width: 0;
}

.load-pic.target:before {
	content: "";
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	transition: 0.85s;
	background: #fff;
	z-index: 5;
}

.load-pic.action:before {
	width: 0;
}

.move-pic.target img {
	transition: 0.65s;
	z-index: 5;
	transform: scale(1.5);
	opacity: 0;
	visibility: hidden;
}

.move-pic.action img {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.nbimg.target {
	visibility: hidden;
}

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


/* 头部  */

.header {
	position: fixed;
	width: 100%;
	height: 79px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	background: #fff;
}

.head-wrap {
	/*width: 1400px;
	margin: 0 auto;*/
	position: relative;
}

.header .head-logo {
	position: absolute;
	top: 24px;
	left: 13.5%;
	z-index: 99;
}

.head-logo .img2 {
	display: none;
}

.head-logo img {
	display: block;
	width: 100%;
}

.header .nav {
	position: relative;
}

.header .nav ul {
	text-align: center;
	line-height: 79px;
}

.header .yj-bot li {
	/*position: relative;*/
	display: inline-block;
	transition: 0.45s;
	z-index: 1;
}

.header .yj-bot li.active .yj-link,
.header .yj-bot li:hover .yj-link {
	color: #4C97DB;
}

.yj-bot {
	text-align: center;
}

.head-phone {
	position: absolute;
	top: 0;
	right: 13.5%;
	line-height: 79px;
}

.head-phone i {
	font-size: 27px;
	color: #999;
	vertical-align: middle;
	margin-right: 5px;
	line-height: 1;
}

.head-phone a {
	color: #999999;
	font-size: 20px;
	line-height: 1;
	cursor: default;
}

.load-words {
	color: #666;
	font-size: 20px;
	vertical-align: middle;
	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
	}
}

.header .yj-bot .yj-link {
	position: relative;
	z-index: 1;
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	display: block;
	padding: 0 15px;
}

.header .xl-icon {
	margin-left: 8px;
}

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

.header .yj-bot li:hover .ej-list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.ej-list {
	position: absolute;
	z-index: 10;
	left: 0;
	width: 100%;
	top: 100%;
	padding: 50px 0 70px;
	background-color: #333;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transition: 0.48s;
}

.el-bot {
	width: 90%;
	margin: 0px auto;
}

.el-item {
	display: inline-block;
	margin: 0 1%;
	text-align: left;
	vertical-align: top;
}
.el-m{
	margin: 0 3% !important;
}

.ei-tit {
	display: block;
	line-height: 1.5;
	color: #4C97DB;
	font-size: 20px;
}

.ei-child {
	margin-top: 20px;
}

.ec-link {
	display: block;
	overflow: hidden;
	line-height: 1.5;
	color: #C6C6C6;
	font-size: 14px;
	margin: 10px 0;
}

.ec-link:hover {
	color: #fff;
}

.menu-handler {
	position: fixed;
	right: 0;
	top: 0;
	width: 70px;
	height: 55px;
	display: none;
	cursor: pointer;
	z-index: 1010;
	background-color: #4C97DB;
}

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

.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 .nav-link:hover {
	background: #4C97DB;
}

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

.menuBox a:active,
.menuBox a:hover {
	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 {
	padding: 0 0 80px 0;
}

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

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

.menuMoblie .subnav .item {
	display: block;
	padding: 0px 5% 0 15%;
}

.menuMoblie .subnav .item:active,
.menuMoblie .subnav .item:hover {
	background: #eeeeee;
}

.menuMoblie .subnav a {
	position: relative;
	display: block;
	padding: 14px 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);
}


/* 底部 */

.footer-bg {
	position: relative;
	background: #072A43;
	padding: 47px 0 50px 0;
}

.footer-massge-wrap {
	width: 1400px;
	margin: 0 auto;
}

.footer-link-bot {
	float: left;
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid #395569;
}

.footer-massge-right {
	width: 65%;
	float: right;
}

.banner {
	position: relative;
	height: 580px;
	overflow: hidden;
}

.banner .item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 580px;
}

.banner .item .pimg {
	width: 100%;
	display: none;
}
.mbimg{
	position: relative;
	display: none;
	z-index: 50;
}

.mobile-banner-words {
	display: none;
}

.banner .slick-dots {
	position: absolute;
	width: 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	bottom: 30px;
	z-index: 104;
}

.banner .slick-dots li {
	position: relative;
	padding: 0px 4px;
	display: inline-block;
	width: 52px;
	height: 5px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
}

.banner .slick-dots li a {
	text-indent: -10em;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	overflow: hidden;
	padding: 0px;
	cursor: pointer;
	width: 52px;
	height: 5px;
	margin: 0px auto;
	background: #fff;
	opacity: 0.5;
}

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

.banner .slick-dots li.slick-active a {
	background: #fff;
	opacity: 1;
}

.item-cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 55;
}


/*  第一张banner动效 */

@-webkit-keyframes misu3 {
	0% {
		opacity: 0;
		-webkit-transform: translate(10px, -20px);
		transform: translate(10px, -20px);
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes misu3 {
	0% {
		opacity: 0;
		-webkit-transform: translate(10px, -20px);
		transform: translate(10px, -20px);
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px)
	}
}

.icl1 {
	right: 60%;
	bottom: 10%;
}

.icl1,
.icl2,
.icl3,
.icl4,
.icl5,
.icl6 {
	-webkit-animation: misu3 0.8s;
	animation: misu3 0.8s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.show .icl1 {
	-webkit-animation: misu3 0.8s;
	animation: misu3 0.8s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.show .icl2 {
	-webkit-animation: misu3 0.8s;
	animation: misu3 0.8s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.show .icl3 {
	-webkit-animation: misu3 0.8s;
	animation: misu3 0.8s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.show .icl4 {
	-webkit-animation: misu3 0.8s;
	animation: misu3 0.8s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.show .icl5 {
	-webkit-animation: misu3 0.8s;
	animation: misu3 0.8s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.show .icl6 {
	-webkit-animation: misu3 0.8s;
	animation: misu3 0.8s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.icl2 {
	left: 48%;
	bottom: 30%;
}

.icl3 {
	bottom: 10%;
	left: 50%;
}

.icl4 {
	top: 25%;
	left: 52%;
}

.icl5 {
	top: 25%;
	right: 15%;
}

.icl6 {
	top: 50%;
	right: 20%;
}

.icp1-pic {
	top: 210px;
	left: 45px;
}

@-webkit-keyframes icp1 {
	0% {
		transform: translateY(-50px);
	}
	100% {
		transform: translateY(0);
	}
}

.show .icp1-pic {
	animation-name: icp1;
	animation: icp1 1.6s alternate;
	-webkit-animation: icp1 1.6s alternate;
	-moz-animation: icp1 1.6s alternate infinite;
	transition-delay: 0.25s;
}

.icp2-pic {
	top: 300px;
	left: 80px;
	z-index: 5;
}

@-webkit-keyframes icp2 {
	0% {
		transform: translateY(50px);
	}
	100% {
		transform: translateY(0);
	}
}

.show .icp2-pic {
	animation-name: icp2;
	animation: icp2 1.6s alternate;
	-webkit-animation: icp2 1.6s alternate;
	-moz-animation: icp2 1.6s alternate infinite;
	transition-delay: 0.35s;
}

.icp3-pic {
	bottom: 0;
	left: 270px;
	z-index: 1;
}

@-webkit-keyframes icp3 {
	0% {
		transform: translateX(50px);
	}
	100% {
		transform: translateX(0);
	}
}

.show .icp3-pic {
	animation-name: icp3;
	animation: icp3 1.8s alternate;
	-webkit-animation: icp3 1.8s alternate;
	-moz-animation: icp3 1.8s alternate infinite;
	transition-delay: 0.35s;
}

.icp4-pic {
	bottom: 0;
	left: 40px;
	z-index: 0;
}

@-webkit-keyframes icp4 {
	0% {
		transform: translateY(-300px);
	}
	100% {
		transform: translateY(0);
	}
}

.show .icp4-pic {
	animation-name: icp4;
	animation: icp4 1s alternate;
	-webkit-animation: icp4 1s alternate;
	-moz-animation: icp4 1s alternate infinite;
	transition-delay: 0.25s;
}

.icp5-pic {
	top: 100px;
	left: 150px;
	z-index: 3;
}

@-webkit-keyframes icp5 {
	0% {
		transform: translateX(-100px);
	}
	100% {
		transform: translateX(0);
	}
}

.show .icp5-pic {
	animation-name: icp5;
	animation: icp5 1s alternate;
	-webkit-animation: icp5 1s alternate;
	-moz-animation: icp5 1s alternate infinite;
	transition-delay: 1s;
}

.icp6-pic {
	top: 95px;
	left: 160px;
	z-index: 1;
}

.show .icp6-pic {
	animation-name: icp5;
	animation: icp5 1s alternate;
	-webkit-animation: icp5 1.5s alternate;
	-moz-animation: icp5 1.5s alternate infinite;
	transition-delay: 1.5s;
}

.icp7-pic {
	top: 180px;
	left: 299px;
}

@-webkit-keyframes icp7 {
	0% {
		transform: translateX(50px);
	}
	100% {
		transform: translateX(0);
	}
}

.show .icp7-pic {
	animation-name: icp7;
	animation: icp7 1s alternate;
	-webkit-animation: icp7 1.5s alternate;
	-moz-animation: icp7 1.5s alternate infinite;
	transition-delay: 1.8s;
}

.icp8-pic {
	top: 180px;
	left: 80px;
	z-index: 4;
}

@-webkit-keyframes icp8 {
	0% {
		transform: translateY(250px);
	}
	100% {
		transform: translateY(0);
	}
}

.show .icp8-pic {
	animation-name: icp8;
	animation: icp8 1.65s alternate;
	-webkit-animation: icp8 1.65s alternate;
	-moz-animation: icp8 1.65s alternate infinite;
	transition-delay: 1.8s;
}

.icp9-pic {
	top: 0;
	left: 148px;
	z-index: -1;
}

@-webkit-keyframes icp9 {
	0% {
		transform: translateY(-250px);
	}
	100% {
		transform: translateY(0);
	}
}

.show .icp9-pic {
	animation-name: icp9;
	animation: icp9 1.85s alternate;
	-webkit-animation: icp9 1.85s alternate;
	-moz-animation: icp9 1.85s alternate infinite;
	transition-delay: 1.65s;
}

.icp10-pic {
	top: 60px;
	left: 290px;
	z-index: -3;
}

@-webkit-keyframes icp10 {
	0% {
		transform: translateY(-100px);
	}
	100% {
		transform: translateY(0);
	}
}

.show .icp10-pic {
	animation-name: icp10;
	animation: icp10 1.95s alternate;
	-webkit-animation: icp10 1.95s alternate;
	-moz-animation: icp10 1.85s alternate infinite;
	transition-delay: 1.95s;
}


/* 第二张banner动效 */

.b2bp1 {
	top: 20%;
	left: 48%;
	transition: 0.65s;
}

@-webkit-keyframes b2bp1 {
	0% {
		opacity: 0;
		transform: translateY(250px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.show .b2bp1 {
	animation-name: b2bp1;
	animation: b2bp1 1.95s alternate;
	-webkit-animation: b2bp1 1.95s alternate;
	-moz-animation: b2bp1 1.85s alternate infinite;
	transition-delay: 1.75s;
}

.b2bp2 {
	top: 50%;
	right: 13%;
	transition: 0.75s;
}

.show .b2bp2 {
	animation-name: b2bp1;
	animation: b2bp1 1.95s alternate;
	-webkit-animation: b2bp1 1.95s alternate;
	-moz-animation: b2bp1 1.85s alternate infinite;
	transition-delay: 1.85s;
}

.b2-pic1 {
	bottom: 0;
	left: 0;
	transition-delay: 0.15s;
}

.b2-pic1,
.b2-pic2,
.b2-pic3,
.b2-pic4,
.b2-pic5,
.b2-pic6,
.b2-pic7 {
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.show .b2-pic1,
.show .b2-pic2,
.show .b2-pic3,
.show .b2-pic4,
.show .b2-pic5,
.show .b2-pic6,
.show .b2-pic7 {
	opacity: 1;
	visibility: visible\9;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.b2-pic2 {
	top: 70px;
	left: 40px;
	transition-delay: 0.55s;
}

.b2-pic3 {
	top: 0;
	left: 150px;
	transition-delay: 0.85s;
}

.b2-pic4 {
	top: 55px;
	left: 80px;
	transition-delay: 0.5s;
}

.b2-pic5 {
	left: 120px;
	bottom: 0;
	z-index: 1;
	transition-delay: 0.65s;
}

.b2-pic6 {
	right: 80px;
	bottom: 0;
	z-index: 1;
	transition-delay: 0.85s;
}

.b2-pic7 {
	right: 40px;
	top: 65px;
	transition-delay: 0.95s;
}

.b2-pic8 {
	right: 70px;
	top: 34px;
	transition: 0.65s;
}

.b2-pic8 {
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1.2s, opacity 0.75s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1.2s, opacity 0.75s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.show .b2-pic8 {
	opacity: 1;
	visibility: visible\9;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}


/* 第三张banner动效 */

.sp1 {
	top: 0;
	left: 0;
}

.sp2 {
	top: 0;
	right: 0;
}

.sp3 {
	bottom: 0;
	left: 0;
}

.sp4 {
	bottom: 0;
	right: 0;
}

.sp1,
.sp3,
.btxt1,
.btxt2,
.blink-btn {
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.sp2,
.sp4 {
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.show .sp1,
.show .sp3,
.show .sp2,
.show .sp4,
.show .btxt1,
.show .btxt2,
.show .blink-btn {
	opacity: 1;
	visibility: visible\9;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.show .btxt1 {
	transition-delay: 0.6s;
}

.show .btxt2 {
	transition-delay: 0.7s;
}

.show .blink-btn {
	transition-delay: 0.8s;
}

.bcover-cont {
	position: absolute;
	width: 1200px;
	top: 70px;
	left: 50%;
	margin-left: -600px;
}

.ic-covertxt {
	color: #fff;
	float: left;
	width: 45%;
	margin-top: 80px;
}

.btxt1 {
	font-size: 40px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 24px;
	transition-delay: 0.15s;
}

.btxt2 {
	font-size: 18px;
	line-height: 1.5;
	transition-delay: 0.35s;
}

.blink-btn {
	display: block;
	width: 127px;
	height: 40px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	margin-top: 40px;
	transition-delay: 0.45s;
}

.ic-cover-pic {
	position: relative;
	float: right;
	width: 50%;
	height: 445px;
}

.icp-pic {
	position: absolute;
}

.icp-pic img {
	width: 100%;
	display: block;
}

.transp2,
.transp3,
.transp4,
.transp5 {
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.show .transp2,
.show .transp3,
.show .transp4,
.show .transp5,
.show .transp10,
.show .transp14,
.show .transp15,
.show .transp11,
.show .transp12,
.show .transp13 {
	opacity: 1;
	visibility: visible\9;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.transp8,
.transp9 {
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.show .transp8,
.show .transp9 {
	opacity: 1;
	visibility: visible\9;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.transp7 {
	transform: translate(-100px);
	-webkit-transform: translate(-100px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.show .transp7 {
	opacity: 1;
	visibility: visible\9;
	transform: translate(0px);
	-webkit-transform: translate(0px);
}

.transp10,
.transp14,
.transp15 {
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.transp11,
.transp12,
.transp13 {
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.transp1 {
	top: 136px;
	left: 0;
	-webkit-animation: do-horiz-animation 4s infinite alternate;
	animation: do-horiz-animation 4s infinite alternate;
}

@-webkit-keyframes do-horiz-animation {
	0% {
		-webkit-transform: translateX(-10%);
		transform: translateX(-10%);
	}
	100% {
		-webkit-transform: translateX(10%);
		transform: translateX(10%);
	}
}

@keyframes do-horiz-animation {
	0% {
		-webkit-transform: translateX(-10%);
		transform: translateX(-10%);
	}
	100% {
		-webkit-transform: translateX(10%);
		transform: translateX(10%);
	}
}

.transp2 {
	top: 0;
	left: 120px;
	z-index: 5;
	transition-delay: 0.5s;
}

.transp3 {
	top: 0;
	left: 110px;
	z-index: 4;
	transition-delay: 0.65s;
}

.transp4 {
	top: 0;
	left: 100px;
	z-index: 3;
	transition-delay: 0.75s;
}

.transp5 {
	top: 0;
	left: 90px;
	z-index: 2;
	transition-delay: 0.85s;
}

.transp6 {
	top: 0;
	left: 300px;
	z-index: 1;
	-webkit-animation: do-horiz-animation1 5s infinite alternate;
	animation: do-horiz-animation1 5s infinite alternate;
}

@-webkit-keyframes do-horiz-animation1 {
	0% {
		-webkit-transform: translateX(-15%);
		transform: translateX(-15%);
	}
	100% {
		-webkit-transform: translateX(15%);
		transform: translateX(15%);
	}
}

@keyframes do-horiz-animation1 {
	0% {
		-webkit-transform: translateX(-15%);
		transform: translateX(-15%);
	}
	100% {
		-webkit-transform: translateX(15%);
		transform: translateX(15%);
	}
}

.transp7 {
	bottom: 0;
	left: 0;
}

.transp8 {
	top: 250px;
	left: 50px;
	transition-delay: 0.35s;
}

.transp9 {
	top: 354px;
	left: 70px;
	transition-delay: 0.45s;
}

.transp10 {
	bottom: 66px;
	left: 270px;
	transition-delay: 0.55s;
}

.transp11 {
	bottom: 110px;
	left: 180px;
	z-index: 1;
}

.transp12 {
	top: 89px;
	left: 270px;
	z-index: 2;
	transition-delay: 0.85s;
}

.transp13 {
	top: 128px;
	left: 357px;
	z-index: 2;
	transition-delay: 0.95s;
}

.transp14 {
	bottom: 38px;
	left: 310px;
	transition-delay: 0.45s;
}

.transp15 {
	bottom: 80px;
	right: 0;
	z-index: 1;
	transition-delay: 0.55s;
}


/* 第四张banner特效 */

.b4-pic1 {
	left: 0;
	top: 213px;
	z-index: 5;
	transition-delay: 0.25s;
	transition: transform 0.5s, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.5s, opacity 0.15s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.b4-pic2 {
	left: 35px;
	top: 169px;
	z-index: 4;
	transition-delay: 0.45s;
	transition: transform 0.7s, opacity 0.25s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.7s, opacity 0.25s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.b4-pic3 {
	left: 68px;
	top: 124px;
	z-index: 3;
	transition-delay: 0.65s;
	transition: transform 0.9s, opacity 0.35s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 0.9s, opacity 0.35s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.b4-pic4 {
	left: 103px;
	top: 78px;
	z-index: 2;
	transition-delay: 0.85s;
	transition: transform 1s, opacity 0.45s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.45s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.b4-pic1,
.b4-pic2,
.b4-pic3,
.b4-pic4 {
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}

.show .b4-pic1,
.show .b4-pic2,
.show .b4-pic3,
.show .b4-pic4,
.show .b4-pic5,
.show .b4-pic7 {
	opacity: 1;
	visibility: visible\9;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.b4-pic5 {
	top: 22px;
	left: 208px;
	transition-delay: 1.5s;
}

.b4-pic6 {
	top: 142px;
	left: 149px;
	transition-delay: 0.45s;
}

.b4-pic6,
.b4-pic10,
.b4-pic9 {
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.35s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.35s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.show .b4-pic6,
.show .b4-pic9,
.show .b4-pic10 {
	opacity: 1;
	visibility: visible\9;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.b4-pic7 {
	top: 0;
	left: 207px;
	transition-delay: 0.55s;
}

.b4-pic7,
.b4-pic5 {
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.35s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.35s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.b4-pic8 {
	top: 30px;
	left: 312px;
}

.b4-pic9 {
	top: 290px;
	right: 57px;
	transition-delay: 0.85s;
}

.b4-pic10 {
	bottom: 20px;
	left: 0;
	transition-delay: 0.65s;
}

.b4-pic11 {
	top: 289px;
	left: 50px;
	transition-delay: 1.5s;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	opacity: 0;
	visibility: hidden\9;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: transform 1s, opacity 0.35s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 1s, opacity 0.35s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.show .b4-pic11 {
	opacity: 1;
	visibility: visible\9;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.b4-pic12 {
	top: 152px;
	left: 306px;
	transition-delay: 1.75s;
}

.b4-pic13 {
	top: 164px;
	right: 220px;
	transition-delay: 1.95s;
}

@-webkit-keyframes transpep1 {
	0% {
		transform: translateX(-100px);
	}
	100% {
		transform: translateX(0);
	}
}

@-webkit-keyframes transpep2 {
	0% {
		transform: translateX(100px);
	}
	100% {
		transform: translateX(0);
	}
}

.show .b4-pic12 {
	animation-name: transpep1;
	animation: transpep1 1.95s alternate;
	-webkit-animation: transpep1 1.95s alternate;
	-moz-animation: transpep1 1.85s alternate infinite;
}

.show .b4-pic13 {
	animation-name: transpep2;
	animation: transpep2 1.95s alternate;
	-webkit-animation: transpep2 1.95s alternate;
	-moz-animation: transpep2 1.85s alternate infinite;
}

.icp-cricle {
	position: absolute;
}

.icp-cricle span {
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
}

.icp-cricle p {
	position: absolute;
	width: 11px;
	height: 11px;
	margin-top: -11px;
	opacity: 0.3;
	border-radius: 50%;
	-webkit-animation: living 3s linear infinite;
}

.ly1 {
	background: #55b3e6;
}

.icmr1 {
	background: #55b3e6;
}

.ly2 {
	background: #fbe7f0;
}

.icmr2 {
	background: #fbe7f0;
}

@keyframes living {
	0% {
		transform: scale(1);
		opacity: 0.6;
	}
	50% {
		transform: scale(2);
		opacity: 0.1;
	}
	100% {
		transform: scale(1);
		opacity: 0.6;
	}
}

.icly1 {
	top: 0;
	left: 289px;
}

.icly2 {
	top: 173px;
	left: 223px;
}

.icly3 {
	top: 64px;
	right: 50px;
}

.icly4 {
	top: 170px;
	right: 10px;
}

.ic-cbot {
	position: relative;
}

.flb-item {
	float: left;
	width: 50%;
	padding: 0 6% 0 10%;
	height: 197px;
	border-left: 1px solid #395569;
	overflow: hidden;
	box-sizing: border-box;
}

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

.fi-bot {
	margin-top: 15px;
}

.fi-child {
	display: block;
	color: #b5c0c7;
	font-size: 14px;
}

.fi-child:hover {
	color: #4C97DB;
}

.fmr-l {
	float: left;
	width: 57%;
}

.fl-m1 {
	vertical-align: middle;
	margin-bottom: 20px;
}

.fl-m1 a {
	display: block;
	width: 80%;
	float: left;
	color: #fff;
	font-size: 16px;
	word-break: break-all;
	line-height: 34px;
}

.fmc {
	display: block;
	float: left;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 1px solid #fff;
	text-align: center;
	line-height: 34px;
	margin-right: 10px;
}

.fmc i {
	color: #fff;
	font-size: 18px;
}

.fmr-r {
	float: right;
	width: 40%;
}

.fs-select-xs {
	padding-left: 25px;
	cursor: pointer;
}

.fs-select {
	position: relative;
	display: block;
	width: 100%;
	height: 43px;
	border: none;
	line-height: 43px;
	color: #999;
	border: 1px solid #fff;
	background-color: #fff !important;
	font-size: 14px;
	background: transparent;
	background: url(../images/select.png) 92% no-repeat;
}

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

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

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

.fewm {
	float: right;
	width: 80px;
	margin-top: 40px;
	text-align: center;
}

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

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

.dooter-bottom-copyright {
	background: #001E31;
	padding: 18px 0;
}

.copyright-bot {
	width: 1400px;
	margin: 0 auto;
	color: #fff;
}

.fbc-desc {
	float: left;
}

.fbc-link {
	color: #fff;
	display: block;
	float: right;
}

.return-top {
	position: absolute;
	top: 0;
	right: 5%;
	display: block;
	background: #0062A6;
	padding: 0 16px;
	height: 56px;
	line-height: 1;
}

.return-top i {
	color: #fff;
	font-size: 24px;
}

.fr-dsf {
	text-align: right;
	margin-top: 25px;
}

.fr-dsf i {
	color: #d1d1d1;
	font-size: 25px;
	margin-left: 10px;
	transition: 0.35s;
}

.fr-dsf i:hover {
	color: #fff;
}

.cmicon-bot {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	margin-top: 15px;
	overflow: hidden;
}

.cm-icon {
	display: block;
	margin-top: 20px;
	-webkit-animation-name: move;
	animation-name: move;
	position: relative;
}

@keyframes move {
	0% {
		bottom: 0%;
		opacity: 0;
	}
	70% {
		bottom: 70%;
		opacity: 1;
	}
	100% {
		bottom: 100%;
		opacity: 0;
	}
}

.ar-animated {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	font-style: inherit;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.cb-animated {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	font-style: inherit;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}


/* 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;
	height: 20px;
	width: 20px;
	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.08);
		transform: scale(1.08);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

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

.mtop {
	height: 79px;
}


/* 视频 */
.video-bot{
	position: absolute;
	bottom: 20%;
	left: 50%;
	margin-left: -5%;
	width: 10%;
	text-align: center;
}
.cricle {
	width: 70px;
	height: 70px;
	background: url(../images/cricle.png) no-repeat;
	background-size: contain;
	margin: 0 auto;
	animation: circle 3s infinite linear;
}

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

.trailer {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: -60px;
}

.trailer .markimg {
	display: block;
	width: 100%;
	height: auto;
	transition: 0.68s;
}

.video {
	cursor: pointer;
}

.video span {
	display: block;
	position: relative;
	margin: auto;
	text-align: center;
}

.video-name {
	display: block;
	text-align: center;
	line-height: 1;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

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

.play-icon {
	display: block;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	transition: 0.45s;
}

.play-icon i {
	color: #4C97DB;
	font-size: 25px;
	transition: 0.45s;
}

.play-icon:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.vwrap {
	display: none;
	z-index: 1040;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
}

.vwrap .videobtg {
	z-index: 900;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	overflow: hidden;
}

.vwrap .videobox {
	z-index: 990;
	width: 860px;
	height: 480px;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -240px;
	margin-left: -430px;
}

.vwrap .videobox #videobox {
	width: 100%;
	display: inline-block;
	height: 100%;
	background: #80abde;
}

#videobox_wrapper {
	height: 100% !important;
}

.vwrap .closes {
	z-index: 999;
	width: 23px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	top: -28px;
	right: 0px;
}

.vwrap .closes i {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/close.png) no-repeat 50% 50%;
	-webkit-transition: 400ms;
	transition: 400ms;
}

.vwrap .closes:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#videobox_display_button {
	background: none no-repeat !important;
}


/* 右侧固定菜单 */

.index-fixed-right {
	position: fixed;
	top: 25%;
	right: 1%;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	z-index: 999;
}

.index-fixed-right a {
	display: block;
	padding: 15px;
	background: #eee !important;
	transition: 0.35s;
}

.index-fixed-right a i {
	display: block;
	color: #999;
	font-size: 28px;
	line-height: 1;
}

.index-fixed-right a:hover i {
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}

@keyframes gelatine {
	from,
	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1);
	}
	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9);
	}
	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05);
	}
}

.index-fixed-right a:hover {
	background: #4C97DB;
}

.index-fixed-right a:hover i {
	color: #fff;
}

.index-product-service {
	width: 1400px;
	height: 700px;
	margin: 0 auto;
	padding: 90px 0 100px 0;
}

.index-title1 {
	text-align: center;
	color: #333;
	font-size: 40px;
	font-weight: 400;
}

.index-title2 {
	display: block;
	text-align: center;
	color: #666;
	font-size: 18px;
	line-height: 1.5;
}

.ips-list {
	margin-top: 130px;
}

.ips-list li {
	position: relative;
	float: left;
	width: 20%;
	box-sizing: border-box;
	border: 1px solid #eee;
	margin-left: -1px;
	text-align: center;
	cursor: pointer;
}

.il-cbg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: 0.35s;
	z-index: 1;
}

.ips-list li.active .il-cbg {
	transition: 0.75s;
	/*width: 26%;*/
	transform: scale(1.3, 1.14);
	background: linear-gradient(135deg, rgba(76, 151, 219, 1) 0%, rgba(0, 93, 177, 1) 100%);
	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.16);
	/*margin-top: -50px;*/
	/*box-sizing: border-box;*/
}

.ips-list li.active .il-cont {
	padding-bottom: 54px;
}

.il-other {
	width: 18.5%;
}

.ips-list li.active .il-icon1 {
	color: #fff;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}

.ips-list li.active .il-txt1 {
	color: #fff;
	margin-top: 10px;
}

.ips-list li.active .il-txt2 {
	overflow: hidden;
	opacity: 1;
	visibility: visible;
	transform: initial;
	-webkit-transform: initial;
}

.ips-list li.active .il-line {
	display: none;
}

.ips-list li.active .il-more {
	opacity: 1;
	visibility: visible\9;
	transform: initial;
	-webkit-transform: initial;
}

.il-cont {
	position: relative;
	z-index: 99;
	padding: 50px 0 20px;
	transition: 0.45s;
}

.il-icon1 {
	display: block;
	color: #4C97DB;
	line-height: 1;
	font-size: 70px;
}

.il-h {
	display: block;
}

.il-txt1 {
	display: block;
	color: #333333;
	font-size: 16px;
	margin-top: 34px;
}

.il-txt2 {
	display: block;
	opacity: 0;
	visibility: hidden;
	height: 64px;
	color: #fff;
	font-size: 13px;
	margin-top: 35px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transition: 0.45s;
	-webkit-transition: 0.45s;
}

.il-line {
	display: block;
	width: 42px;
	height: 3px;
	background: #166EBD;
	position: absolute;
	left: 50%;
	bottom: 54;
	margin-left: -21px;
}

.il-more {
	opacity: 0;
	visibility: hidden\9;
	display: block;
	color: #fff;
	font-size: 13px;
	margin-top: 60px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transition: 0.45s;
	-webkit-transition: 0.45s;
}

.il-more i {
	display: inline-block;
	width: 29px;
	height: 29px;
	background: url(../images/right-jt.png) no-repeat;
	background-size: contain;
	margin-left: 10px;
	vertical-align: middle;
}

.index-classic-case {
	background-attachment: fixed !important;
	background-size: cover !important;
	background-position: center center;
	padding: 90px 0 100px;
}

.claassic-case-wrap {
	width: 1400px;
	margin: 0 auto;
}

.claassic-case-wrap .index-title1,
.claassic-case-wrap .index-title2 {
	color: #fff;
}

.cc-bot {
	margin-top: 54px;
}

.cl-list {
	margin-left: -2%;
}

.cl-list li {
	position: relative;
	float: left;
	width: 23%;
	margin: 24px 0 0 2%;
}
.cl-list li:hover .cl-pc{
	opacity: 0;
	visibility: hidden;
}
.cl-list li:hover .cl-cover {
	opacity: 1;
	visibility: visible;
}

.cl-list li:hover .ct1 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.cl-list li:hover .ct2 {
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
}

.cl-pic img {
	width: 100%;
	display: block;
}

.cl-pc {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/op2.png) repeat;
	color: #fff;
	font-size: 14px;
	width: 88%;
	padding: 11px 6%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cl-cover {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/op1.png) repeat;
	background-size: cover;
	padding: 65px 60px;
	text-align: center;
	transition: 0.35s;
}

.ct1 {
	color: #fff;
	font-size: 16px;
	height: 48px;
	overflow: hidden;
	line-height: 1.5;
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

.ct2 {
	color: #fff;
	font-size: 29px;
	display: block;
	margin-top: 30px;
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.cl-more {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 90px 60px;
	text-align: center;
	transition: 0.35s;
}

.cl-look-more {
	position: relative;
	display: block;
	color: #fff;
	font-size: 16px;
}

.cmb-icon {
	color: #FFF;
	font-size: 23px;
	margin-top: 10px;
}

.index-news-wrap {
	width: 1400px;
	margin: 0 auto;
	padding: 90px 0 100px 0;
}

.index-news-bot {
	margin-top: 70px;
	background: #F8F8F8;
}

.inw-banner {
	float: left;
	width: 50%;
}

.news-item {
	position: relative;
}

.ni-cover {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/op2.png) repeat;
	background-size: cover;
	padding: 5px 10px;
	color: #fff;
	display: flex;
	align-items: center;
}

.nc-txt1 {
	display: block;
	float: left;
	font-size: 14px;
	text-align: center;
}

.nc-txt1 strong {
	line-height: 1.5;
	display: block;
	font-size: 22px;
	border-bottom: 3px solid #fff;
}

.nc-txt2 {
	float: left;
	width: 60%;
	font-size: 16px;
	margin-left: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.inw-banner .slick-dots {
	position: absolute;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: right;
	right: 25px;
	bottom: 35px;
	z-index: 104;
}

.inw-banner .slick-dots li {
	position: relative;
	padding: 0px 4px;
	float: left;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin: 0px;
	cursor: pointer;
}

.inw-banner .slick-dots li a {
	text-indent: -10em;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	overflow: hidden;
	padding: 0px;
	cursor: pointer;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin: 0px auto;
	border: 1px solid #fff;
}

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

.inw-banner .slick-dots li.slick-active a {
	background: #fff;
}

.inw-list {
	float: left;
	width: 44%;
	padding: 38px 3%;
}

.il-bot1 {
	padding-bottom: 20px;
	border-bottom: 1px dashed #707070;
}

.il-bot1:hover .ib-t1 {
	color: #156DBD;
}

.ib-t1 {
	color: #333;
	font-size: 18px;
	line-height: 1.5;
	height: 54px;
	overflow: hidden;
	font-weight: 400;
	transition: 0.35s;
}

.ib-t2 {
	color: #666;
	font-size: 14px;
	margin-top: 20px;
	line-height: 1.5;
	height: 42px;
	overflow: hidden;
}

.ib-t3 {
	color: #666;
	font-size: 14px;
	display: block;
	margin-top: 8px;
}

.il-bot2 {
	margin-top: 20px;
	max-height: 185px;
	overflow: hidden;
}

.il-bot2 li {
	margin-top: 12px;
}

.il-bot2 li:hover .ib2-t1 {
	color: #156DBD;
}
.btn-more{ width: 134px;display: block; background: #126bbb; text-align: center; color: #fff; background:-moz-linear-gradient(left,#4995da,#0662b4);/*Mozilla*/
background:-webkit-gradient(linear,0 50%,100% 50%,from(#4995da),to(#0662b4));/*Old gradient for webkit*/
background:-webkit-linear-gradient(left,#4995da,#0662b4);/*new gradient for Webkit*/
background:-o-linear-gradient(left,#4995da,#0662b4); /*Opera11*/}
.btn-more .txt{ display: block;  height: 44px; line-height: 44px;  -webkit-transition: 0.3s; transition: 0.3s;}
.btn-more font{ margin-left: 10px; font-size: 20px; position: relative; top: 2px; line-height: 1.4;}
.btn-more:hover .txt{ background-color:#001E31;}
.index-news-wrap .btn-more{ position: absolute; left: 53%; bottom: 0;}
.ib2-t1 {
	float: left;
	width: 75%;
	color: #333;
	font-size: 14px;
	height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: 0.35s;
}

.ib2-t2 {
	display: block;
	float: right;
	color: #333;
	font-size: 14px;
}

.index-customer {
	width: 1400px;
	margin: 0 auto;
}

.customer-title {
	color: #333333;
	font-size: 18px;
	padding-bottom: 20px;
	border-bottom: 1px solid #F6F6F6;
}

.customer-banner {
	position: relative;
	margin: 30px 0 70px 0;
}

.cb-item {
	margin: 6px 9px;
	padding: 6px 0;
	cursor: pointer;
}

.cb-item:hover .ci-pic {
	transition: 0.45s;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.46);
}

.ci-pic {
	padding: 0px 5%;
	width: 90%;
	height: 80px;
	overflow: hidden;
	text-align: center;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.26);
	display: table;
}

.ci-pic img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	display: block;
}
.ci-pic span{ 
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	line-height: 1.4;
}
.customer-banner{ height: 104px;}
.customer-banner .slick-prev,
.customer-banner .slick-next {
	position: absolute;
	top: -80px;
	display: block;
	height: 23px;
	width: 23px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	color: transparent;
	padding: 0;
	border: 1px solid #999999;
	outline: none;
	z-index: 200;
	border-radius: 50%;
}

.customer-banner .slick-prev {
	right: 30px;
}

.customer-banner .slick-next {
	right: 0;
}

.customer-banner .slick-arrow i {
	display: block;
	font-family: "iconfont" !important;
	font-size: 20px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	height: 100%;
	line-height: 23px;
	text-align: center;
	color: #999;
	transition: 0.35s;
}

.customer-banner .slick-prev i:before {
	content: "\e757";
}

.customer-banner .slick-next i:before {
	content: "\e625";
}

.customer-banner .slick-arrow:hover {
	border: 1px solid #156DBD;
}

.customer-banner .slick-arrow:hover i {
	color: #156DBD;
}


/*产品与服务*/
.pro-banner{ padding: 80px 0 120px;}
.pro-banner .inside-words{ position: relative; left: auto; right: auto; top: auto; margin: 0px auto; width: 1200px;}

.inside-pages-wrap {
	position: relative;
}

.inside-banner {
	overflow: hidden;
}

.inside-banner img {
	width: 100%;
	display: block;
}

.inside-words {
	position: absolute;
	width: 970px;
	top: 18%;
	left: 50%;
	margin-left: -485px;
	color: #fff;
	z-index: 99;
	text-align: center;
}

.iw-title {
	font-size: 40px;
	line-height: 1.5;
}

.iw-en {
	display: block;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
}

.iw-line {
	display: block;
	width: 35px;
	height: 4px;
	margin: 25px auto 0;
	background: #fff;
}

.iw-desc {
	font-size: 14px;
	margin-top: 45px;
	text-align: left;
	overflow: hidden;
}

.select-down {
	position: absolute;
	width: 41px;
	text-align: center;
	left: 50%;
	margin-left: -20px;
	bottom: 47px;
}

.select-down:hover {
	transition: 0.45s;
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
}

.select-down i {
	color: #fff;
	font-size: 41px;
	display: block;
	line-height: 1;
}

.ps-list-wrap {
	background: #F8F8F8;
	padding: 30px 0 60px 0;
}

.ps-list {
	width: 1200px;
	margin: 0 auto;
}

.ps-list li {
	position: relative;
	background: #fff;
	margin-top: 27px;
}

.ps-list li:hover {
	transition: 0.45s;
	background: #4C97DB;
}

.ps-list li:hover .pw-txt1,
.ps-list li:hover .pw-txt2 {
	color: #fff;
}

.ps-list li:hover .pw-link {
	background: #fff;
	border: 1px solid #fff;
}

.ps-list li:hover .plw-pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.plw-pic {
	width: 50%;
	overflow: hidden;
}

.plw-pic img {
	width: 100%;
	display: block;
	transition: 0.45s;
}

.plw-words {
	width: 42%;
	padding: 48px 4% 0 4%;
}

.pl-l .plw-pic {
	float: left;
}

.pl-l .plw-words {
	float: right;
}

.pl-r .plw-pic {
	float: right;
}

.pl-r .plw-words {
	float: left;
}

.pw-txt1 {
	color: #333;
	font-size: 18px;
	height: 32px;
	overflow: hidden;
}

.pw-txt2 {
	color: #666;
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.5;
	height: 63px;
	overflow: hidden;
}

.pw-link {
	display: block;
	width: 118px;
	height: 28px;
	border-radius: 20px;
	border: 1px solid #999;
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	margin-top: 50px;
}

.inside-wh {
	top: 50%;
	margin-top: -62.5px;
}

.psd-bot1 {
	width: 970px;
	margin: 0 auto;
	padding: 80px 0;
	color: #666;
	font-size: 16px;
}

.psd-bot2-bg {
	background: #F8F8F8;
	padding: 35px 0 110px 0;
}

.psd-bot2 {
	width: 970px;
	margin: 0 auto;
}

.pb-cont {
	margin-top: 35px;
}

.pc-title {
	color: #484848;
	font-size: 16px;
}

.pc-words {
	color: #666;
	font-size: 16px;
}

.psd-return-list {
	position: relative;
	display: block;
	width: 119px;
	height: 36px;
	border-radius: 20px;
	background: #4C97DB;
	text-align: center;
	line-height: 36px;
	color: #fff;
	font-size: 14px;
	margin-top: 60px;
	overflow: hidden;
	z-index: 1;
}

.psd-return-list:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 36px;
	background: #006DB8;
	z-index: -3;
	transition: 0.45s;
	border-radius: 20px;
}

.psd-return-list:hover:before {
	width: 100%;
}

.solution-bot-bg {
	background: #F8F8F8;
}

.solution-bot {
	width: 1054px;
	margin: 0 auto;
	padding: 85px 0;
}

.sb-pic {
	width: 43%;
}

.sb-pic img {
	width: 100%;
	display: block;
}

.sb-desc {
	width: 48%;
}

.sb-l .sb-pic {
	float: left;
}

.sb-l .sb-desc {
	float: right;
}

.sb-r .sb-pic {
	float: right;
}

.sb-r .sb-desc {
	float: left;
}

.sd-t1 {
	color: #333;
	font-size: 26px;
	font-weight: 400;
	margin-top: 60px;
	height: 46px;
	overflow: hidden;
}

.sd-t2 {
	color: #666666;
	font-size: 14px;
	margin-top: 10px;
	height: 75px;
	overflow: hidden;
}

.sd-link {
	display: block;
	width: 118px;
	height: 28px;
	border: 1px solid #4C97DB;
	border-radius: 20px;
	text-align: center;
	line-height: 28px;
	color: #4C97DB;
	font-size: 14px;
	margin-top: 50px;
	transition: 0.55s;
	z-index: 1;
	overflow: hidden;
}

.sd-link:hover {
	color: #fff;
	background: #4C97DB;
}

.solution-detail-tab {
	background: #E8E8E8;
}

.sdt-bot {
	width: 1200px;
	margin: 0 auto;
}

.sdt-bot a {
	display: inline-block;
	color: #333;
	font-size: 16px;
	padding: 10px;
	margin-right: 30px;
	position: relative;
}

.sdt-bot a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background-color: #4C97DB;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.sdt-bot a:hover,
.sdt-bot a.active {
	color: #4C97DB;
}

.sdt-bot a:hover:before,
.sdt-bot a.active:before {
	height: 4px;
}

.solution-cont {
	display: none;
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.sc-bot,
.sc-ej {
	color: #666;
	font-size: 16px;
}

.sc-ej {
	margin-top: 50px;
}

.se-title {
	color: #484848;
	font-size: 16px;
	margin-bottom: 5px;
}

.cases-bg {
	background: #F8F8F8;
	padding: 30px 0 60px 0;
}

.cases-list {
	width: 1400px;
	margin: 0 auto;
}

.cases-list ul {
	margin-left: -2%
}

.cases-list li {
	position: relative;
	float: left;
	width: 23%;
	margin: 60px 0 0 2%;
	background: #fff;
	transition: 0.45s;
}

.cases-list li:hover {
	box-shadow: 0 0 20px #bbbbbb;
}

.cases-list li:hover .cases-pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.cases-list li:hover .cases-title {
	color: #4C97DB;
}
.cases-list li:hover .cases-words:before{
	opacity: 1;
	visibility: visible;
}
.cases-list li:hover .cases-title{
	color: #fff;
}
.cases-pic {
	overflow: hidden;
}

.cases-pic img {
	width: 100%;
	height: 185px;
	object-fit: cover;
	display: block;
	transition: 0.45s;
}

.cases-words {
	position: relative;
	padding: 20px;
	line-height: 1.5;
	z-index: 3;
}
.cases-words:before{
	opacity: 0;
	visibility: hidden;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(#4491D7,#0662B4);
	transition: 0.45s;
	z-index: -3;
}
.cases-title {
	color: #333;
	font-size: 16px;
	font-weight: 400;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

.cases-desc {
	color: #666;
	font-size: 12px;
	margin-top: 15px;
	height: 18px;
	overflow: hidden;
}

.cases-load-more {
	display: block;
	width: 100%;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color: #484848;
	font-size: 14px;
	margin-top: 68px;
	background: #E1E1E1;
}

.cases-load-more:hover {
	transition: 0.45s;
	background: #adadad;
	color: #fff;
}

.cases-detail-bg {
	background: #F8F8F8;
	padding: 30px 0 60px 0;
}

.cases-detail-bot {
	width: 1300px;
	margin: 0 auto;
}

.cd-left {
	float: left;
	width: 26%;
}

.cd-return-list {
	color: #383737;
	font-size: 18px;
}

.cd-return-list:hover {
	color: #4C97DB;
}

.cd-return-list:hover i {
	color: #4C97DB;
}

.cd-return-list i {
	color: #B1B1B1;
	font-size: 12px;
}

.cd-about-cases {
	margin-top: 30px;
}

.cac-title {
	color: #383737;
	font-size: 18px;
	padding: 20px 0;
	border-bottom: 1px solid #e1e1e1;
	font-weight: 400;
}

.cac-list {
	margin-top: 15px;
}

.cac-list li {
	position: relative;
	margin-top: 14px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cac-list li:hover .cac-pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.cac-list li:hover .cac-txt {
	color: #4C97DB;
}

.cac-pic {
	width: 37%;
	float: left;
	overflow: hidden;
}

.cac-pic img {
	width: 100%;
	display: block;
	transition: 0.35s;
}

.cac-txt {
	width: 55%;
	float: right;
	padding: 0 2%;
	color: #666;
	font-size: 14px;
	line-height: 1.5;
	height: 42px;
	overflow: hidden;
}

.cd-right {
	float: right;
	width: 64%;
}

.cr-title {
	color: #222;
	font-size: 22px; 
	text-align: center;
	font-weight: normal;
}

.cr-time {
	color: #B4BBC2;
	font-size: 12px;
	display: block;
	/* text-align: center; */
}

.cr-share {
	margin-top: 10px;
	/* text-align: center; */
}

.cs-icon i {
	font-size: 27px;
	margin-right: 3px;
}

.ci1 {
	color: #5ae97d;
}

.ci2 {
	color: #ff658b;
}

.ci3 {
	color: #ffc71c;
}

.ci4 {
	color: #7fb0fc;
}

.cr-cont {
	margin-top: 20px;
}

.cc-title {
	color: #484848;
	font-size: 20px;
	margin-bottom: 5px;
}

.cc-paragraph {
	color: #545454;
	font-size: 16px;
	line-height: 35px;
}

.pic-desc {
	text-align: center;
	color: #484848;
	font-size: 14px;
}

.get-plan a {
	position: relative;
	display: block;
	width: 134px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background: #4C97DB;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 50px;
	overflow: hidden;
	z-index: 1;
}

.get-plan a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 41px;
	border-radius: 20px;
	background: #006DB8;
	z-index: -3;
	transition: 0.45s;
}

.get-plan a:hover:before {
	width: 100%;
}

.cases-submit-bg {
	background: #F8F8F8;
	padding: 146px 0 276px 0;
}

.cases-submit-bot {
	width: 840px;
	margin: 0 auto;
}

.csb-l {
	float: left;
}

.csb-l a {
	display: block;
	width: 129px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	background: #4C97DB;
	margin-bottom: 5px;
}

.csb-l a:hover {
	transition: 0.35s;
	background: #156DBD;
}

.csb-r {
	float: right;
	width: 66%;
	background: #f3f3f3;
	border: 1px solid #e6e3e3;
	padding: 40px 5% 110px 5%;
}

.csb-r li {
	margin-bottom: 24px;
}

.cr-txt {
	color: #999;
	font-size: 14px;
	display: block;
	float: left;
	width: 18%;
	line-height: 40px;
	text-align: right;
	vertical-align: middle;
}

.cr-txt em {
	display: inline-block;
	color: #BB0B0B;
	font-size: 14px;
	vertical-align: middle;
	margin-right: 4px;
}

.cr-i {
	display: block;
	float: right;
	width: 74.8%;
	height: 40;
	line-height: 40px;
	padding: 0 2%;
	border: 1px solid #C7C7C7;
	color: #333;
	font-size: 14px;
	vertical-align: middle;
	margin-left: 2%;
}

.cr-t {
	float: right !important;
	height: 137px;
	resize: none;
}

.cr-btn {
	position: relative;
	display: block;
	width: 100%;
	height: 45px;
	background: #4C97DB;
	margin-top: 20px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 45px;
	z-index: 1;
}

.cr-btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 45px;
	background: #006DB8;
	z-index: -3;
	transition: 0.45s;
}

.cr-btn:hover:before {
	width: 100%;
}

.news-list-bg {
	background: #F8F8F8;
	padding: 22px 0 80px 0;
}

.news-list-bot {
	width: 1200px;
	margin: 0 auto;
}

.nlb-list li {
	position: relative;
	background: #fff;
	padding: 25px 30px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
	margin-top: 35px;
}

.nlb-list li:hover {
	box-shadow: 0 0 20px #bbbbbb;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.nlb-list li:hover .news-pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.nlb-list li:hover .nl-txt1,
.nlb-list li:hover .nl-txt2 {
	transition: 0.35s;
	color: #4C97DB;
}

.nlb-list li:hover .nl-detail {
	transition: 0.35s;
	background: #4C97DB;
	color: #fff;
}

.nlb-list li:hover .nl-detail font {
	transition: 0.35s;
	color: #fff;
}

.news-lwords {
	float: left;
	width: 65%;
}

.news-pic {
	width: 25%;
	float: right;
	overflow: hidden;
}

.news-pic img {
	width: 100%;
	display: block;
	transition: 0.35s;
}

.no-pic .news-lwords {
	width: 100% !important;
	margin-top: 0 !important;
}

.nl-txt1 {
	color: #333;
	font-size: 18px;
	line-height: 1.5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nl-txt1 i {
	color: #4C97DB;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	line-height: 0;
}

.nl-txt1 font {
	vertical-align: middle;
}

.nl-txt2 {
	color: #707070;
	font-size: 14px;
	margin-top:15px;
	line-height: 1.5;
	height: 42px;
	overflow: hidden;
	margin-left: 16px;
}

.nl-detail {
	display: block;
	width: 130px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	background: #F5F5F5;
	margin-top: 30px;
	color: #707070;
	font-size: 12px;
	margin-left: 16px;
}


.nl-detail font {
	font-size: 20px;
	color: #707070;
	font-weight: normal;
	margin-left: 10px;
	position: relative; 
	line-height: 1.4;
	top: 2px;
}

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

.pages-list a {
	display: inline-block;
	width: 56px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	color: #fff;
	font-size: 16px;
	background: #C7C7C7;
	margin: 0 10px;
}

.pages-list a:hover,
.pages-list a.active {
	background: #4C97DB;
}

.news-detail-bg {
	position: relative;
	background: #F8F8F8;
	padding: 56px 0 68px 0;
}

.news-detail-bot {
	width: 887px;
	margin: 0 auto;
}

.ndb-title {
	color: #222;
	font-size: 22px;
	line-height: 1.5;
	font-weight: normal;
}

.ndb-time {
	color: #707070;
	font-size: 14px;
	display: block;
	padding:  12px 0 16px;
}

.ndb-paragraph {
	border-top: 1px solid #707070;
	padding-top: 30px;
	color: #222 !important;
	font-size: 16px;
}

.news-prev-next {
	background: #E1E1E1;
	padding: 10px 0;
	margin-top: 70px;
}

.npn-bot {
	width: 860px;
	margin: 0 auto;
	border-left: 1px solid #CECECE;
	padding-left: 27px;
}

.nb-pn {
	color: #707070;
	font-size: 14px;
	margin: 10px 0;
	height: 27px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.nb-pn font {
	display: inline-block;
	vertical-align: middle;
}

.nb-pn a {
	display: inline-block;
	color: #333333;
	margin-left: 30px;
	width: 80%;
	vertical-align: middle;
}

.nb-pn a:hover {
	color: #4C97DB;
}

.nd-return-btn a {
	display: block;
	width: 56px;
	height: 56px;
	background: #C7C7C7;
	text-align: center;
	line-height: 56px;
	color: #707070;
	font-size: 14px;
	margin: 48px auto 0;
}

.nd-return-btn a:hover {
	transition: 0.35s;
	color: #fff;
	background: #4C97DB;
}

.arrow-bot a {
	display: block;
	position: fixed;
	bottom: 20%;
	width: 58px;
	height: 58px;
	text-align: center;
	line-height: 58px;
	background: #C7C7C7;
	transition: 0.45s;
}

.arrow-bot a i {
	color: #0061AE;
	font-size: 20px;
}

.left-arrow:hover,
.right-arrow:hover {
	background: #4C97DB;
}

.left-arrow:hover i,
.right-arrow:hover i {
	color: #fff;
}

.left-arrow {
	left: 1%;
}

.right-arrow {
	right: 1%;
}


/* 关于我们 */

.company-intro {
	width: 1200px;
	margin: 0 auto;
	padding: 90px 0 100px 0;
}

.au-title1 {
	display: block;
	color: #C7C7C7;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	line-height: 1.5;
}

.au-title2 {
	color: #333;
	font-size: 30px;
	text-align: center;
	line-height: 1.5;
	font-weight: 400;
}

.ci-bot {
	margin-top: 50px;
}

.cb-desc {
	float: left;
	width: 49%;
	color: #666;
	font-size: 16px;
}

.cb-pic {
	float: right;
	width: 48%;
}

.cb-pic img {
	width: 100%;
	display: block;
}

.development-course {
	background-size: cover;
	background-position: center center;
	padding: 110px 0 140px 0;
	background-attachment: fixed;
}

.development-course .au-title1,
.development-course .au-title2 {
	color: #fff;
}

.dc-banner {
	position: relative;
	width: 800px;
	margin: 90px auto 0;
	padding: 0 50px;
}

.ditem {
	text-align: center;
	cursor: pointer;
	transition: 0.45s;
}

.ditem span {
	display: inline-block;
	width: 100px;
	height: 100px;
	border: 4px solid #fff;
	text-align: center;
	line-height: 100px;
	color: #fff;
	font-size: 24px;
	border-radius: 50%;
}

.ditem.slick-current span,
.ditem:hover span {
	transition: 0.45s;
	background: #4C97DB;
	border: 4px solid #4C97DB;
}

.dc-banner .slick-prev,
.dc-banner .slick-next {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background-color: #fff;
	color: transparent;
	padding: 0;
	outline: none;
	z-index: 200;
}

.dc-banner .slick-arrow:hover {
	background: none #4c97db;
}

.dc-banner .slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .2);
	border-radius: 50%;
	visibility: hidden;
	z-index: -1;
}

.dc-banner .slick-arrow:hover:before {
	opacity: 0;
	visibility: visible;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .5s;
	transition: .5s;
}

.dc-banner .slick-prev {
	left: -40px;
}

.dc-banner .slick-next {
	right: -40px;
}

.dc-banner .slick-arrow i {
	display: block;
	font-family: "iconfont" !important;
	font-size: 20px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	height: 100%;
	line-height: 40px;
	text-align: center;
	color: #4C97DB;
	transition: 0.35s;
}

.dc-banner .slick-prev i:before {
	content: "\e75a";
}

.dc-banner .slick-next i:before {
	content: "\e759";
}

.dc-banner .slick-arrow:hover i {
	color: #fff;
}


/*.dc-banner .slick-arrow:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #4C97DB;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .5s;
	-webkit-transition: all .5s;
	opacity: 0;
	visibility: hidden\9;
	z-index: -1;
}

.dc-banner .slick-arrow:hover:before {
	transform: none;
	-webkit-transform: none;
	opacity: 1;
	visibility: visible\9;
}
*/

.dc-wlist {
	width: 900px;
	margin: 65px auto 0;
	border-top: 1px solid #fff;
	padding-top: 10px;
}

.dw-item {
	color: #fff;
	margin-top: 30px;
}

.di-month {
	font-size: 16px;
}

.di-desc {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px;
}

.development-course2-bg {
	background: #f8f8f8;
	padding: 90px 0 100px 0;
}

.dc-list-wrap {
	width: 900px;
	margin: 47px auto 0;
}

.dlw-time {
	float: left;
	width: 10%;
	color: #4890E3;
	font-size: 22px;
	font-weight: normal;
	padding-top: 20px;
}

.dlw-bot {
	position: relative;
	float: left;
	width: 80%;
	border-left: 1px solid #999999;
	padding: 20px 0 30px 0;
}

.db-c {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	background: #4890E3;
	border-radius: 50%;
	left: -5px;
	top: 32px;
}

.db-cont {
	margin-left: 5%;
	color: #666666;
	font-size: 14px;
}

.company-mission {
	width: 1200px;
	margin: 0 auto;
	padding: 90px 0 100px 0;
}

.cm-list {
	margin-top: 55px;
}

.cm-list ul {
	margin-left: -3%;
}

.cm-list li {
	cursor: pointer;
	position: relative;
	float: left;
	width: 30.333%;
	margin-left: 3%;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.cm-list li:hover .cl-bg {
	/*background: none;
	background-color: #4C97DB;*/
	background: url(../images/op6.png) repeat;
	/*-webkit-transform: scale(1.15) translate(0, -20px);
	-moz-transform: scale(1.15) translate(0, -20px);
	-ms-transform: scale(1.15) translate(0, -20px);
	-o-transform: scale(1.15) translate(0, -20px);
	transform: scale(1.15) translate(0, -20px);*/
}

.trans {
	transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1);
	-ms-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1);
	-webkit-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1)
}

.cm-list li:hover .cb-bot {
	transition: 0.45s;
	top: 20%;
}

.cm-list li:hover .cb-txt3 {
	opacity: 1;
	visibility: visible;
	/*transition-delay: 0.4s;*/
}

.cl-p {
	overflow: hidden;
}

.cl-p img {
	width: 100%;
	display: block;
}

.cl-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/op4.png) repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.cb-bot {
	position: absolute;
	top: 30%;
	width: 100%;
}

.cb-icon {
	display: block;
	width: 89px;
	height: 89px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 89px;
	margin: 0 auto;
	transition: all 0.6s ease;
}

.cb-icon i {
	color: #4C97DB;
	font-size: 46px;
}

.cb-txt1 {
	font-size: 18px;
	margin-top: 15px;
	transition: all 0.6s ease;
	font-weight: normal;
}

.cb-txt2 {
	font-size: 16px;
	transition: all 0.6s ease;
}

.cb-line {
	display: block;
	background: #fff;
	width: 1px;
	height: 30px;
	margin: 10px auto 0;
}

.cb-txt3 {
	opacity: 0;
	visibility: hidden;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 15px;
	transition: all 0.6s ease;
	padding: 0 35px;
}

.cbbot {
	position: relative;
}

.qualifications-honors-bg {
	background: #F8F8F8;
	padding: 90px 0 100px 0;
}

.qh-wrap {
	width: 1200px;
	margin: 0 auto;
}

.qw-tab {
	margin-top: 40px;
	text-align: center;
}

.qw-tab a {
	display: inline-block;
	margin-left: -5px;
	color: #fff;
	background: #C7C7C7;
	width: 129px;
	height: 35px;
	text-align: center;
	line-height: 35px;
}

.qw-tab a.active {
	background: #4C97DB;
}

.qb-list {
	display: none;
	margin-top: 39px;
}

.ql-l {
	margin-left: -3%;
}

.ql-l li {
	cursor: pointer;
	float: left;
	width: 22%;
	margin: 34px 0 0 3%;
}

.ql-l li:hover .qh-txt {
	color: #4C97DB;
}

.qh-pic {
	overflow: hidden;
}

.qh-pic img {
	width: 100%;
	display: block;
}

.qh-txt {
	text-align: center;
	color: #999999;
	font-size: 14px;
	margin-top: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.qh-load-more a {
	position: relative;
	display: block;
	width: 100%;
	height: 48px;
	text-align: center;
	line-height: 48px;
	margin-top: 80px;
	color: #484848;
	font-size: 14px;
	background: #E1E1E1;
	z-index: 1;
}

.qh-load-more a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 48px;
	background: #929292;
	transition: 0.75s;
	z-index: -3;
}

.qh-load-more a:hover {
	color: #fff;
}

.qh-load-more a:hover:before {
	width: 100%;
}

.recruitment {
	width: 1200px;
	margin: 0 auto;
	padding: 90px 0 100px 0;
}

.recruitment-list {
	margin-top: 50px;
}

.recruit-title {
	padding: 15px 33px;
	border-bottom: 1px solid #999999;
	cursor: pointer;
}

.recruit-title:hover,
.recruit-title.active {
	transition: 0.45s;
	background: #4C97DB;
	border-bottom: 1px solid #4C97DB;
}

.recruit-title:hover .rt-desc,
.recruit-title.active .rt-desc {
	color: #fff;
}

.rt-desc {
	display: block;
	float: left;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	font-size: 20px;
	font-weight: normal;
}

.rt-icon {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background: url(../images/more.png) no-repeat;
	background-size: contain;
	margin-top: 8.5px;
}

.recruit-title:hover .rt-icon {
	background: url(../images/hmore.png) no-repeat;
	background-size: contain;
}

.recruit-title.active .rt-icon {
	width: 16px;
	height: 2px;
	background: url(../images/more-zk.png) no-repeat;
	background-size: contain;
	margin-top: 17px;
}

.recruit-detail {
	display: none;
	background: #F8F8F8;
	padding: 30px 77px 55px 33px;
	color: #999999;
	font-size: 14px;
}

.contact-wrap {
	position: relative;
	background: #F8F8F8;
	padding: 90px 0 100px 0;
}
.cw-pic{
	float: left;
	width: 50%;
}
.cw-pic img{
	width: 100%;
	display: block;
}
.contact-bot {
	float: right;
	width: 43%;
}
.contact-us-bot{
	width: 1200px;
	margin: 50px auto 0;
}

.cb1 {
	display: block;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: uppercase;
}

.cb2 {
	font-size: 26px;
	line-height: 1.5;
	font-weight: normal;
}

.cbline {
	display: block;
	width: 40px;
	height: 5px;
	background: #fff;
	margin-top: 10px;
	text-align: left;
}

.cbbot {
	margin-bottom: 35px;
}

.cbyj {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 8px;
	font-weight: bold;
	color: #333;
}

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

.not-found-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #F8F8F8;
}

.nf-bot {
	text-align: center;
}

.nf-pic {
	width: 782px;
	margin: 125px auto 0;
}

.nf-pic img {
	width: 100%;
	display: inline-block;
}

.nf-txt {
	color: #4C97DB;
	font-size: 18px;
}

.nf-btn {
	display: inline-block;
	width: 112px;
	height: 33px;
	background: #C7C7C7;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 33px;
	margin-top: 30px;
}

.nf-btn:hover {
	background: #4C97DB;
}


/* 搜索 */
.search-result-bg{
	background: #f8f8f8;
	padding: 60px 0;
}
.rsearch-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/black_80.png) repeat;
	background: none rgba(0,0,0,0.8); 
	z-index: 9999;
}
.rsearch-close{
	position: absolute;
	top: 10%;
	right: 10%;
}
.rsearch-close a{
	color: #fff;
	font-size: 25px;
}

.rsearch-content {
	position: absolute;
	top: 50%;
	left: 25%;
	width: 50%;
	margin-top: -35px;
	height: 70px;
	z-index: 12000;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: boxDown;
	transition-delay: 0.25s;
}

@keyframes boxDown {
	from {
		transform: translateY(-100px);
	}
	to {
		transform: translateY(0);
	}
}

.rsearch-rolling {
	position: relative;
	height: 420px;
	border-left: 1px solid #bebebe;
	padding-left: 20px;
	margin: 10px 0 10px 70px;
	overflow: hidden;
}

.rsearch-rolling .slick-list:before {
	/* content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 180px;
	display: block;
	z-index: 100;
	background: linear-gradient(rgba(248, 248, 248, .8), transparent);
	pointer-events: none; */
}

.rsearch-rolling .slick-list:after {
	/* content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 180px;
	display: block;
	z-index: 100;
	background: linear-gradient(transparent, rgba(248, 248, 248, .8));
	pointer-events: none; */
}

.rsearch-rolling .r-item {
	position: relative;
	height: 70px;
	line-height: 70px;
}

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

.rsearch-box {
	border-radius: 50px;
	background: #fff;
	height: 70px;
	line-height: 70px;
	width: 100%;
	z-index: 1;
	border: 1px solid #999;
}

.rb-search {
	line-height: 70px;
	display: block;
	width: 8%;
	float: left;
	color: #313131;
	font-size: 50px;
	padding: 0 3% 0 4%; text-align: center;
}

.rb-sr {
	width: 70%;
	height: 100%;
	display: block;
	float: left;
	border: none;
	box-sizing: border-box;
	vertical-align: middle;
	color: #666;
	font-size: 18px;
	background-color: transparent;
}

.search-result-wrap{
	position: relative;
	width: 46%;
	margin: 0 auto;
}
.search-result-wrap .rsearch-box{
	position: static;
	margin-top: 0;
}
.search-result-title{
	    font-size: 13px;
    color: #313131;
    margin: 24px;
}
.search-result-list{
	margin: 24px;
	height: 426px;
	overflow: hidden;
}
.search-result-list li{
	border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.srl-t{
	font-size: 16px;
	color: #666;
}
.search-link a{
	color: #4C97DB;
}
.srl-d{
	color: #999;
	font-size: 14px;
	margin: 10px 0;
    max-height: 75px;
    overflow: hidden;
}
.search-page{
	text-align: center;
	margin-top: 40px;
}
.search-page a{
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #666;
	font-size: 16px;
	margin: 0 10px;
}
.search-page a:hover,.search-page a.active{
	color: #4C97DB;
}
/* 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: 20px;
	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: "\e75a";
}

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

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

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

.maps {
	height: 750px;
}
.BMap_cpyCtrl,.anchorBL{
	display: none !important; 
}

.bshare-custom #bshare-more-icon, .bshare-custom .bshare-more-icon{
	display: block !important;
	background: #eee !important;
	padding: 15px 0 25px 0 !important;
}
.bshare-custom a{
	margin-right: 0 !important;
	text-align: center;
}
.bshare-custom a:hover{
	opacity: 1 !important;
}
.bshare-custom .bshare-more{
	color: #eee !important;
}
#bsPanel{
	position: fixed !important;
}
/* 弹框 */

.tk-video {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/op3.png) repeat;
	z-index: 999;
}

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

.tbclose {
	position: absolute;
	right: 0;
	top: -28px;
	z-index: 1;
	cursor: pointer;
}

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

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

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

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