@charset "utf-8";

*, *:before, *:after {
	box-sizing: border-box;
	outline: 0
}

#bsWXBox {
	box-sizing: content-box
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
	margin: 0;
	padding: 0
}

html, body {
	position: relative
}

body {
	font-family: arial,"microsoft yahei";
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background: #fff
}

.bodyHIdden {
	overflow: hidden;
	height: 100%;
	width: 100%
}

a:link, a:visited {
	text-decoration: none;
	outline: #333;
	color: #333
}

a:hover, a:active, a:focus {
	color: #000
}

ul, li {
	list-style: none
}

img {
	border: 0;
	max-width: 100%;
	max-height: 100%
}

table {
	border-collapse: collapse;
	width: 100%
}

input[type=text], textarea {
	font-family: arial,"microsoft yahei";
	font-size: 14px;
	-webkit-appearance: none
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
	cursor: pointer;
	outline: none
}

input[type='checkbox'], input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
	padding: 0;
	color: #666;
	outline: none
}

.f-l {
	float: left
}

.f-r {
	float: right
}

.font20 {
	font-size: 20px
}

.textCenter {
	text-align: center
}

.color333 {
	color: #333
}

.hide {
	overflow: hidden
}

.rel {
	position: relative
}

.clearfix {
	clear: both
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.middleRight {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	margin: auto
}

.middleLeft {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	margin: auto
}

.container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (max-width:1600px) {
	.container {
		padding: 0 5vw
	}
}

@media screen and (max-width:1599px) {
	.container {
		max-width: 1280px
	}
}

@media screen and (max-width:1279px) {
	.container {
		max-width: 992px;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (max-width:1023px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
		max-width: 640px
	}
}

.indent2 {
	text-indent: 2em
}

.mobile-footer-menu {
	display: none;
	height: 54px
}

@media (max-width:1023px) {
	.mobile-footer-menu {
		display: none;
		width: 100%;
		background: #222;
		padding: 5px 0;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 99;
		list-style: none;
		font-size: 12px
	}

	.mobile-footer-menu li {
		width: 25%;
		float: left;
		position: relative
	}

	.mobile-footer-menu li:after {
		content: "";
		position: absolute;
		height: 42px;
		width: 1px;
		background: rgba(255,255,255,0.05);
		right: 0;
		top: 2px
	}

	.mobile-footer-menu li .icon {
		width: 24px;
		height: 24px;
		display: block;
		margin: 0 auto;
		position: relative;
		overflow: hidden
	}

	.mobile-footer-menu li .bt {
		font-style: normal;
		text-align: center;
		display: block;
		color: #fff;
		height: 20px;
		line-height: 20px;
		overflow: hidden
	}

	.mobile-footer-menu li:last-child:after {
		display: none
	}
}

.indent2 {
	text-indent: 2em
}

.navPhoneBtn {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	float: right;
	position: absolute;
	z-index: 11;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 36px;
	text-align: right;
	display: none
}

.navPhoneBtn span {
	display: block;
	width: 20px;
	height: 2px;
	margin-bottom: 5px;
	position: relative;
	background: #fff;
	border-radius: 3px;
	z-index: 1;
	-webkit-transform-origin: 20px;
	-ms-transform-origin: 20px;
	transform-origin: 20px;
	-webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),width .5s,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,transform .5s cubic-bezier(.77, .2, .05, 1),width .5s,transform .5s cubic-bezier(.77, .2, .05, 1)
}

.navPhoneBtn span:nth-last-child(2) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: width .5s ease;
	transition: width .5s ease
}

.navPhoneBtn span:last-child {
	margin-bottom: 0
}

.navPhoneBtn.close, .navPhoneBtn.closeMember {
	opacity: 1;
	z-index: 10
}

.navPhoneBtn.close span, .navPhoneBtn.closeMember span {
	opacity: 1;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.navPhoneBtn.close span:nth-last-child(3), .navPhoneBtn.closeMember span:nth-last-child(3) {
	opacity: 1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.navPhoneBtn.close span:nth-last-child(2), .navPhoneBtn.closeMember span:nth-last-child(2) {
	width: 0;
	opacity: 0;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: width .5s;
	transition: width .5s
}

.navPhoneBtn.close span:last-child, .navPhoneBtn.closeMember span:last-child {
	margin-bottom: 0
}

@media (max-width:1023px) {
	.navPhoneBtn {
		display: block
	}
}

#menu .mm-menu {
	background: #8e2424;
	color: rgba(255,255,255,0.9)
}

#menu .mm-navbar.mm-hasbtns {
	border-bottom: 1px solid #f3f3f3;
	border-left: 1px #dadada solid
}

#menu .mm-menu .mm-btn:after, #menu .mm-menu .mm-btn:before {
	border-color: #fff
}

#menu .mm-clear:before, #menu .mm-close:before {
	right: 14px
}

#menu .mm-clear:after, #menu .mm-close:after {
	right: 25px
}

#menu .mm-close:after, #menu .mm-close:before {
	width: 10px;
	height: 10px
}

#menu .mm-menu .mm-navbar a, #menu .mm-menu .mm-navbar > * {
	color: rgba(255,255,255,0.9)
}

#menu .mSearch {
	padding: 10px 10px;
	text-align: left;
	overflow: hidden;
	height: 56px;
	border-bottom: #f3f3f3 1px solid;
	position: relative
}

#menu .mSearch .btn {
	width: 25px;
	height: 25px;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -12.5px;
	right: 15px
}

#menu .mSearch .btn .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-size: 100%;
	margin-top: 1px
}

#menu .mSearch input {
	height: 35px;
	border: 0;
	vertical-align: middle;
	box-sizing: border-box !important;
	color: #333;
	padding: 5px;
	appearance: none;
	-webkit-transition: all .4s cubic-bezier(.11393, .8644, .14684, 1);
	transition: all .4s cubic-bezier(.11393, .8644, .14684, 1);
	opacity: 1;
	width: 100%;
	padding-left: 15px;
	padding-right: 30px;
	border-radius: 2px;
	font-size: 16px;
	line-height: 24px;
	background-color: #fff;
	position: static;
	left: 0;
	right: 0
}

#menu .other {
	padding: 10px
}

#menu .languageBtn {
	padding: 10px 20px
}

#menu .languageBtn a {
	display: block;
	width: 50%;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px #ccc solid;
	margin-left: -1px;
	background: #fff
}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	will-change: transform,opacity
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

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

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	animation-name: slideDown
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-100%)
	}
}

@keyframes slideUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	animation-name: slideUp
}

.prompt {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 99999;
	background: #fff;
	filter: alpha(opacity=90);
	opacity: 80
}

.prompt a {
	color: #000
}

.prompt span {
	position: absolute;
	font-size: 16px;
	font-family: 'Microsoft YaHei';
	top: 55%;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	display: block;
	line-height: 24px;
	color: #000
}

.prompt span a {
	text-decoration: underline
}

.prompt_close {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 30px;
	font-weight: 100;
	cursor: pointer
}

.prompt_close:hover {
	background: #f00;
	color: #fff
}

.popupEwm {
	display: none
}

.popupEwm .transparent {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000 \9;
	background: rgba(0,0,0,0.3);
	display: none
}

.popupEwm .nr {
	background: #fff;
	border: 3px #bb825b solid;
	position: fixed;
	z-index: 9999;
	width: 50%;
	height: 60%;
	max-width: 600px;
	max-height: 400px;
	min-height: 400px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 30px 0
}

.popupEwm .title {
	color: #bb825b;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px #eee solid;
	padding-top: 15px;
	padding-bottom: 15px
}

.popupEwm .box {
	text-align: center;
	padding: 30px 0 0 0
}

.popupEwm .box img {
	max-height: 200px
}

.popupEwm .box .p-01 {
	line-height: 30px;
	margin-top: 10px
}

.popupEwm .close {
	font-size: 24px;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all .5s;
	transition: all .5s;
	background: #bb825b;
	color: #fff;
	position: absolute;
	top: -15px;
	right: -15px
}

.popupEwm .close:hover {
	background: #f00
}

#allmap img {
	max-width: none;
	max-height: none
}

.fmBnt-01, .fmMore-01 {
	text-align: center
}

.fmBnt-01 a, .fmMore-01 a, .fmBnt-01 span, .fmMore-01 span {
	display: inline-block;
	color: #fff;
	border: 1px #002395 solid;
	background: #002395;
	line-height: 58px;
	text-align: center;
	padding: 0 10px;
	min-width: 240px;
	font-size: 18px;
	border-radius: 60px;
	-webkit-transition: all .5s;
	transition: all .5s;
	box-shadow: 0 0 0 26px rgba(227,27,28,0);
	position: relative
}

.fmBnt-01 a:after, .fmMore-01 a:after, .fmBnt-01 span:after, .fmMore-01 span:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/icon/arrow-right-03.png) no-repeat center center;
	margin-left: 10px;
	vertical-align: middle
}

.fmBnt-01 a:hover, .fmMore-01 a:hover, .fmBnt-01 span:hover, .fmMore-01 span:hover {
	box-shadow: 0 0 0 6px rgba(227,27,28,0.2)
}

.returnList {
	text-align: center
}

.returnList a {
	display: inline-block;
	background: #002395;
	color: #fff;
	font-size: 18px;
	min-width: 240px;
	line-height: 60px;
	text-align: center;
	padding: 0 10px;
	border-radius: 60px;
	position: relative;
	box-shadow: 0 0 0 26px rgba(227,27,28,0);
	-webkit-transition: all .5s;
	transition: all .5s
}

.returnList a:before {
	content: "";
	display: inline-block;
	width: 27px;
	height: 21px;
	background: url(../images/icon/return.png) no-repeat center center;
	vertical-align: middle;
	margin-right: 18px;
	margin-top: -3px
}

.returnList a:hover {
	box-shadow: 0 0 0 6px rgba(227,27,28,0.2)
}

@media screen and (max-width:1023px) {
	.fmBnt-01 a, .fmMore-01 a, .fmBnt-01 span, .fmMore-01 span {
		min-width: 180px;
		font-size: 16px;
		height: 40px;
		line-height: 40px
	}

	.fmBnt-01 a:after, .fmMore-01 a:after, .fmBnt-01 span:after, .fmMore-01 span:after {
		width: 10px;
		height: 10px;
		background-size: 10px
	}

	.returnList a, .returnList span {
		min-width: 180px;
		font-size: 16px;
		height: 40px;
		line-height: 40px
	}

	.returnList a:before, .returnList span:before {
		background-size: 80%;
		margin-right: 10px
	}
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	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-list.dragging {
	cursor: pointer;
	cursor: hand
}

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

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

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

[dir="rtl"] .slick-slide {
	float: right
}

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

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff url('../ajax-loader.gif') center center no-repeat
}

.slick-prev, .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before, .slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}

[dir="rtl"] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}

[dir="rtl"] .slick-next {
	left: -25px;
	right: auto
}

.slick-next:before {
	content: "→"
}

[dir="rtl"] .slick-next:before {
	content: "←"
}

.slick-dotted .slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	color: #000;
	opacity: .75
}

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

.ellipsis2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.ellipsis3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3
}

.ellipsis4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4
}

.ellipsis5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5
}

.body {
	overflow: hidden
}

@-webkit-keyframes slideInDown2 {
	from {
		-webkit-transform: translate3d(0, -70px, 0);
		transform: translate3d(0, -70px, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInDown2 {
	from {
		-webkit-transform: translate3d(0, -70px, 0);
		transform: translate3d(0, -70px, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInDown2 {
	-webkit-animation-name: slideInDown2;
	animation-name: slideInDown2
}

@-webkit-keyframes fadeInUp2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUp2 {
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2
}

@-webkit-keyframes fadeInDown2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDown2 {
	-webkit-animation-name: fadeInDown2;
	animation-name: fadeInDown2
}

@-webkit-keyframes fadeInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2
}

@keyframes slide {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-ms-keyframes slide {
	0% {
		opacity: 1;
		-ms-transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(0)
	}
}

@-webkit-keyframes slide {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(0)
	}
}

@-webkit-keyframes slideInRight2 {
	from {
		-webkit-transform: translate3d(60px, 0, 0);
		transform: translate3d(60px, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
}

@keyframes slideInRight2 {
	from {
		-webkit-transform: translate3d(60px, 0, 0);
		transform: translate3d(60px, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
}

.slideInRight2 {
	-webkit-animation-name: slideInRight2;
	animation-name: slideInRight2
}

@-webkit-keyframes slideInLeft2 {
	from {
		-webkit-transform: translate3d(-60px, 0, 0);
		transform: translate3d(-60px, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
}

@keyframes slideInLeft2 {
	from {
		-webkit-transform: translate3d(-60px, 0, 0);
		transform: translate3d(-60px, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}
}

.slideInLeft2 {
	-webkit-animation-name: slideInLeft2;
	animation-name: slideInLeft2
}

@keyframes fadeInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft2 {
	-webkit-animation-name: fadeInLeft2;
	animation-name: fadeInLeft2
}

@keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight2 {
	-webkit-animation-name: fadeInRight2;
	animation-name: fadeInRight2
}

@-webkit-keyframes scale2 {
	from {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes scale2 {
	from {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.scale2 {
	-webkit-animation-name: scale2;
	animation-name: scale2
}

@font-face {
	font-family: 'DINCond-Medium';
    src: url('../fonts/DINCond-Medium.eot');
    src: url('../fonts/DINCond-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/DINCond-Medium.woff') format('woff'),url("../fonts/DINCond-Medium.woff2") format("woff2"),url('../fonts/DINCond-Medium.ttf') format('truetype'),url('../fonts/DINCond-Medium.svg#DINCond-Medium') format('svg');
    font-weight: normal;
    font-style: normal
}

.top-header {
	width: 100%;
	color: #fff;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0
}

.top-header a {
	color: #fff
}

.top-header .searchBtn {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-left: 10px;
	text-align: center;
	margin: auto auto auto 50px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.top-header .searchBtn svg {
	width: 24px;
	height: 24px;
	margin: 3px auto 0 auto;
	vertical-align: middle;
	float: left
}

.top-header:hover {
	background: #002395
}

.top {
	border-bottom: 1px rgba(255,255,255,0.2) solid;
	height: 45px;
	line-height: 44px;
	font-size: 14px
}

.top .welcome {
	float: left
}

.top .other {
	float: right
}

.top .other img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
	opacity: .7
}

.top .hotTel, .top .email, .top .language {
	margin-left: 30px;
	display: inline-block
}

.top .hotTel a, .top .email a, .top .language a {
	opacity: .7
}

.top .hotTel a:hover, .top .email a:hover, .top .language a:hover {
	text-decoration: underline;
	opacity: 1
}

.top .language {
	line-height: 44px;
	font-size: 16px;
	position: relative;
	display: inline-block
}

.top .language a {
	opacity: 1
}

.top .language:hover .down {
	display: block
}

.top .language .down {
	display: none;
	position: absolute;
	top: 35px;
	width: 100px;
	border-radius: 5px;
	background: rgba(0,0,0,0.8);
	z-index: 999;
	left: 50%;
	margin-left: -50px;
	text-align: center
}

.top .language .down a {
	display: block
}

.top .language .down a:hover {
	background: #333
}

.top .language .a-1 {
	position: relative
}

.top .language .a-1:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 10px
}

.header {
	z-index: 99;
	position: relative;
	width: 100%;
	-webkit-transition: all .5s;
	transition: all .5s
}

.header .container:after {
	content: "";
	display: block;
	clear: both
}

.header a {
	color: #fff
}

.header img {
	vertical-align: middle
}

.header .logo {
	position: relative;
	z-index: 999;
	height: 80px;
	float: left;
	display: inline-block;
	padding-top: 20px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.header .logo img {
	max-height: 40px;
	vertical-align: middle;
	position: relative
}

.header .pic {
	display: inline-block;
	vertical-align: middle
}

.header img {
	vertical-align: middle
}

.header .txt {
	display: inline-block;
	margin-left: 5px;
	font-size: 19px;
	line-height: 1;
	border-left: 1px rgba(255,255,255,0.1) solid;
	padding-left: 20px;
	margin-left: 10px;
	line-height: 40px;
	vertical-align: middle
}

.nav {
	float: right;
	text-align: right;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.nav:after {
	content: "";
	display: block;
	clear: both
}

.nav .list {
	font-size: 0;
	float: right
}

.nav li {
	text-align: center;
	float: left;
	padding: 0 10px
}

.nav li > a {
	font-size: 16px;
	color: #fff;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	min-width: 120px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.nav li > a span {
	display: inline-block;
	position: relative
}

.nav li > a span:after {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.nav li:hover > a span:after {
	width: 100%
}

.nav li:hover > a span:after, .nav li.active > a span:after {
	width: 100%
}

.nav .navChild {
	font-size: 14px;
	width: 100%;
	text-align: left;
	display: none;
	padding: 20px 0 20px 0;
	text-align: center;
	overflow: hidden;
	background: rgba(255,255,255,0.9);
	position: absolute;
	left: 0;
	top: 80px
}

.nav .navChild .box {
	position: relative
}

.nav .navChild .div-1 {
	width: 200px;
	float: left;
	border-right: 1px #d0d2d9 solid
}

.nav .navChild .div-1:last-child {
	border: none
}

.nav .navChild .pic {
	padding-bottom: 7px;
	position: relative
}

.nav .navChild .pic:after {
	content: "";
	display: block;
	width: 50px;
	height: 7px;
	background: #002395;
	border-radius: 50%;
	opacity: .15;
	margin: auto;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .5s;
	transition: all .5s
}

.nav .navChild .pic img {
	width: 30px;
	height: 30px
}

.nav .navChild .title {
	color: #333;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nav .navChild a {
	color: #1d7fe0;
	display: block;
	padding: 5px 0
}

.nav .navChild a:hover .title {
	color: #002395
}

.nav .navChild a:hover .pic:after {
	width: 60px;
	height: 30px
}

.headerFixed {
	background: rgba(0,0,0,0.8);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.05);
	position: fixed;
	top: 0;
	width: 100%;
	left: 0
}

.headerFixed .logo {
	height: 70px;
	padding-top: 15px
}

.headerFixed .logo img {
	max-height: 40px
}

.headerFixed .logo .txt .title-1 {
	font-size: 20px
}

.headerFixed .logo .txt .title-2 {
	font-size: 14px
}

.headerFixed .nav li > a {
	height: 70px;
	line-height: 70px;
	font-size: 14px
}

.headerFixed .nav .navChild {
	top: 70px
}

#searchPopup {
	position: absolute;
	top: 0;
	width: 100%;
	display: none;
	z-index: 9999
}

#searchPopup .searchBox {
	color: #fff;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: -1;
	top: 105px;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

#searchPopup .searchBox.fadeIn {
	top: 95px;
	opacity: 1;
	z-index: 999
}

#searchPopup .searchBox .container {
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	-webkit-transform: translateX(-70px);
	-ms-transform: translateX(-70px);
	transform: translateX(-70px)
}

#searchPopup .searchBox input {
	border: 1px #fff solid;
	background: #fff;
	color: #333;
	width: 40%;
	padding: 0 10px;
	font-size: 14px;
	height: 36px;
	line-height: 34px
}

#searchPopup .searchBox input:focus {
	color: #333
}

#searchPopup .searchBox .btn {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	height: 36px;
	width: 36px;
	background: #002395;
	text-align: center
}

#searchPopup .searchBox .btn svg {
	width: 20px;
	height: 20px;
	margin: 8px auto 0 auto
}

#searchPopup .searchBox .btn .cls-1 {
	fill: #fff
}

#searchPopup .searchBox .btn .cls-2 {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 2px
}

#searchPopup .searchBox .close {
	display: none
}

#searchPopup .searchBox2.fadeIn {
	top: 95px
}

.transparent {
	display: none;
	position: fixed;
	z-index: 9;
	top: 0;
	margin: auto;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3)
}

.banner {
	clear: both;
	overflow: hidden;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 9
}

.banner img {
	vertical-align: top;
	display: inline-block;
	max-width: 100%;
	max-height: 100%
}

.banner .pc {
	display: block
}

.banner .mobile {
	display: none
}

.banner .list {
	overflow: hidden;
	display: block
}

.banner li {
	float: left
}

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

.banner .box .middleCenter {
	position: static
}

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

.banner .text {
	position: absolute;
	width: 100%;
	text-align: left;
	top: 50%;
        /*-webkit-transform: translate(-120px, -50%);
        -ms-transform: translate(-120px, -50%);
        transform: translate(-120px, -50%);*/
	transform: translateY(-50%);
	color: #fff
}

.banner .text .info {
	font-size: 16px;
	line-height: 28px;
	opacity: .7;
	overflow: hidden;
	margin-top: 30px;
	max-width: 580px
}

.banner .text .red {
	color: #fc5562
}

.banner .pc img {
	width: 100%;
	-webkit-transition: all 4s;
	transition: all 4s
}

.banner img {
	-webkit-transition: all 4s ease-out;
	transition: all 4s ease-out
}

.banner .slick-current .pc img, .banner .slick-active .pc img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.banner .slick-current .text-01, .banner .slick-active .text-01 {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.banner .slick-current .text-02, .banner .slick-active .text-02 {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.banner .slick-current .text-03, .banner .slick-active .text-03 {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.banner .slick-dots {
	bottom: 30px;
	font-size: 0;
	z-index: 999;
	overflow: initial
}

.banner .slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 10px;
	overflow: hidden;
	float: none
}

.banner .slick-dots li button {
	padding: 0;
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: rgba(255,255,255,0.3);
	-webkit-transition: all .3s;
	transition: all .3s
}

.banner .slick-dots li button:before {
	display: none
}

.banner .slick-dots .slick-active button {
	background: #fff;
	height: 100%
}

.home-title, .inside-title {
	text-align: center;
	line-height: 1;
	position: relative
}

.home-title .title, .inside-title .title {
	font-size: 40px;
	color: #333;
	font-weight: 700;
	margin-bottom: 25px
}

.home-title .info, .inside-title .info {
	color: #666;
	font-size: 18px;
	position: relative
}

@media screen and (max-width:1600px) {
	.home-title .title, .inside-title .title {
		font-size: 30px
	}
}

@media screen and (max-width:1023px) {
	.home-title .title, .inside-title .title {
		font-size: 24px;
		margin-bottom: 20px
	}

	.home-title .info, .inside-title .info {
		font-size: 14px;
		line-height: 30px
	}
}

.home-product {
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative
}

.home-product .home-title {
	text-align: left;
	position: relative
}

.home-product .btns {
	height: 60px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-product .btns .prev, .home-product .btns .next {
	display: inline-block;
	border: 1px #ddd solid;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	margin: auto;
	cursor: pointer;
	top: 0;
	position: relative;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.home-product .btns .prev svg, .home-product .btns .next svg {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	fill: #999;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.home-product .btns .prev:hover, .home-product .btns .next:hover {
	border-color: #002395
}

.home-product .btns .prev:hover svg, .home-product .btns .next:hover svg {
	fill: #002395
}

.home-product .btns .prev {
	left: 0;
	margin-right: 40px
}

.home-product .btns .next {
	right: 0
}

.home-product .nr {
	margin-top: 60px
}

.home-product .list {
	margin-left: -30px;
	margin-right: -30px
}

.home-product .list li {
	width: 50%;
	text-align: center;
	padding: 0 30px;
	float: left
}

.home-product .list .box {
	padding-top: 30px;
	display: block;
	position: relative
}

.home-product .list .box:before {
	content: "";
	display: block;
	width: 100%;
	height: 45%;
	background: #f3f3f3;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0
}

.home-product .list .pic {
	max-width: 650px;
	position: relative
}

.home-product .list .pic:after {
	content: "";
	display: block;
	padding-top: 61.53846154%
}

.home-product .list .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-product .list .text {
	padding-top: 40px
}

.home-product .list .title {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.home-product .list .info {
	color: #666;
	line-height: 26px;
	height: 52px;
	font-size: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.home-product .list .box:hover:before {
	background: #002395
}

.home-product .list .box:hover .title {
	color: #002395
}

.home-product .list .box:hover img {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}

.home-application {
	padding-top: 80px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	color: #fff;
	position: relative
}

.home-application .home-title {
	color: #fff
}

.home-application .home-title .title {
	color: #fff
}

.home-application .home-title .info {
	color: #fff
}

.home-application a {
	color: #fff
}

.home-application .nr {
	margin-top: 60px
}

.home-application .circleBig {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px #fff dashed
}

.home-application .time-move {
	position: absolute;
	width: 700px;
	height: 700px;
	top: 0;
	left: 0
}

.home-application .tabs {
	width: 700px;
	height: 700px;
	margin: auto;
	position: relative
}

.home-application .tabs .circle {
	width: 100%;
	height: 100%;
	background: url(../images/circle.png) no-repeat center center;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-application .tabs .circle1 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg)
}

.home-application .tabs .circle2 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg)
}

.home-application .tabs .circle3 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.home-application .tabs .circle4 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg)
}

.home-application .tabs .circle5 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg)
}

.home-application .menuTabs {
	width: 140px
}

.home-application .menuTabs li {
	z-index: 999
}

.home-application .menuTabs .box {
	display: block;
	position: relative;
	text-align: center;
	z-index: 1
}

.home-application .menuTabs li {
	float: left
}

.home-application .menuTabs .box {
	text-align: center;
	min-width: 140px
}

.home-application .menuTabs .pic {
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
	margin: auto auto 10px auto
}

.home-application .menuTabs .title {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.home-application .menuTabs .dot {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute
}

.home-application .menuTabs .dot:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px #fff solid;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-application .menuTabs .dot:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.home-application .menuTabs .active .dot:before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.home-application .menuTabs .li-1 {
	position: absolute;
	top: -48px;
	right: -14px
}

.home-application .menuTabs .li-1 .dot {
	left: -74px;
	top: 70px
}

.home-application .menuTabs .li-2 {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -188px
}

.home-application .menuTabs .li-2 .dot {
	left: -74px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-application .menuTabs .li-3 {
	position: absolute;
	bottom: -48px;
	right: -14px
}

.home-application .menuTabs .li-3 .dot {
	left: -74px;
	bottom: 70px
}

.home-application .menuTabs .li-4 {
	position: absolute;
	bottom: -48px;
	left: -14px
}

.home-application .menuTabs .li-4 .dot {
	right: -74px;
	bottom: 70px
}

.home-application .menuTabs .li-5 {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -188px
}

.home-application .menuTabs .li-5 .dot {
	right: -74px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-application .menuTabs .li-6 {
	position: absolute;
	top: -48px;
	left: -14px
}

.home-application .menuTabs .li-6 .dot {
	right: -74px;
	top: 70px
}

.home-application .conTabs {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 702px;
	height: 702px;
	border-radius: 50%
}

.home-application .conTabs .item {
	width: 700px;
	height: 700px;
	border-radius: 50%;
	margin: auto;
	float: none;
	position: relative;
	box-sizing: border-box;
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: block
}

.home-application .conTabs .box {
	display: block;
	margin: auto;
	text-align: center;
	width: 520px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.home-application .conTabs .pic {
	width: 80px;
	height: 80px;
	margin: auto auto 30px auto;
	display: block;
	position: relative;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.home-application .conTabs img {
	vertical-align: middle
}

.home-application .conTabs .title {
	font-weight: 700;
	font-size: 28px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 20px;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.home-application .conTabs .info {
	font-size: 15px;
	line-height: 30px;
	height: 120px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	overflow: hidden;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.home-application .conTabs .show {
	display: block;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.home-application .conTabs .show .pic {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.home-application .conTabs .show .title {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.home-application .conTabs .show .info {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.home-application .swiper-container {
	overflow: visible
}

.home-school {
	padding-top: 100px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	position: relative;
	padding-left: 0;
	overflow: hidden
}

.home-school .home-title {
	text-align: left
}

.home-school .nr {
	margin-top: 60px;
	position: relative
}

.home-school .list {
	width: 133%
}

.home-school .list li {
	padding: 20px 0;
	float: left
}

.home-school .list li:last-child .box {
	border: none
}

.home-school .list .box {
	display: block;
	background: #fff;
	padding: 40px 50px;
	border-right: 1px #e5e5e5 solid
}

.home-school .list .date {
	color: #002395;
	font-size: 18px
}

.home-school .list .title {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	height: 35px;
	line-height: 35px;
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.home-school .list .info {
	color: #666;
	font-size: 15px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2
}

.home-school .list li:hover {
	background: #002395
}

.home-school .list li:hover .box {
	background: #002395;
	border-color: #002395
}

.home-school .list li:hover .date {
	color: #fff
}

.home-school .list li:hover .title {
	color: #fff
}

.home-school .list li:hover .info {
	color: #fff
}

.home-school .slick-dots li {
	width: auto;
	padding: 0
}

.home-school .slick-disabled {
	cursor: initial
}

.home-school .prev {
	left: -30px
}

.home-school .next {
	right: 8.3vw
}

.home-school .prev, .home-school .next {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #ced9ff;
	z-index: 99;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-school .prev:before, .home-school .next:before {
	display: none
}

.home-school .prev svg, .home-school .next svg {
	fill: #002395;
	width: 20px;
	height: 20px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.home-school .prev:hover, .home-school .next:hover {
	border-color: #002395;
	background: #002395
}

.home-school .prev:hover svg, .home-school .next:hover svg {
	fill: #fff
}

.home-news {
	padding-top: 100px;
	padding-bottom: 70px;
	position: relative
}

.home-news .nr {
	margin-top: 60px;
	overflow: hidden
}

.home-news .list {
	margin-left: -25px;
	margin-right: -25px
}

.home-news .list li {
	width: 25%;
	float: left;
	padding: 0 25px
}

.home-news .list .box {
	display: block
}

.home-news .list .pic {
	overflow: hidden;
	display: block;
	border-radius: 10px;
	position: relative
}

.home-news .list .pic:after {
	content: "";
	display: block;
	padding-top: 72.22222222%
}

.home-news .list .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-news .list .date {
	color: #999;
	font-size: 14px
}

.home-news .list .text {
	padding: 30px 0 30px 0
}

.home-news .list .title {
	color: #333;
	font-weight: 700;
	font-size: 18px;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: 10px
}

.home-news .list .box:hover .title {
	color: #002395
}

.home-news .list .box:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.footer {
	background: #002395;
	background-size: cover;
	color: #fff;
	padding-top: 50px;
	font-size: 14px
}

.footer img {
	vertical-align: middle
}

.footer a {
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s
}

.footer a:hover {
	color: #fff;
	text-decoration: underline
}

.footer .contact-menu {
	padding: 0 0 30px
}

.footer .contact-menu .container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.footer .menu {
	float: left;
	width: 52.5%
}

.footer .menu .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.footer .menu li {
	float: left;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.footer .menu .title {
	text-align: center;
	line-height: 44px;
	color: #fff;
	font-size: 16px;
	display: block;
	position: relative
}

.footer .menu .title:after {
	content: "";
	display: inline-block;
	width: 2px;
	height: 15px;
	border-left: 1px rgba(255,255,255,0.2) dashed;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.footer .menu li:last-child .title:after {
	display: none
}

.footer .share-hotTel {
	width: 47.5%;
	float: left;
	text-align: right
}

.footer .share {
	color: #fff;
	font-size: 24px;
	text-align: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	display: inline-block;
	width: 40%
}

.footer .share a {
	margin: 0 10px;
	position: relative;
	opacity: .5
}

.footer .share a:hover {
	opacity: 1
}

.footer .share img {
	width: 44px;
	height: 44px;
	vertical-align: middle
}

.footer .hotTel {
	display: inline-block
}

.footer .hotTel img {
	width: 20px;
	height: 20px;
	margin-right: 10px
}

.footer .hotTel .num {
	font-family: DINCond-Medium;
	font-size: 20px
}

.footer .share a.btn .hover {
	position: absolute;
	bottom: 45px;
	left: 50%;
	padding: 10px;
	background: #fff;
	width: 200px;
	margin-left: -100px;
	text-align: center;
	display: none;
	z-index: 77;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
	font-size: 13px;
	line-height: 23px;
}

.footer .share a.btn .hover p {
	color: #333;
}

.footer .share a.btn .hover img {
	width: auto;
	height: auto;
}

.footer .share a.btn .hover .arrow, .footer .share a.btn .hover .arrow::after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-top-color: transparent;
	border-style: solid;
}

.footer .share a.btn .hover .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-color: #fff;
	bottom: -21px;
	border-width: 11px;
}

.footer .share a.btn:hover .hover {
	display: block;
}

.copyright {
	background: #002395;
	font-size: 14px;
	border-top: 2px rgba(255,255,255,0.1) solid;
	color: rgba(255,255,255,0.6);
	line-height: 30px;
	padding: 20px 0;
	position: relative
}

.copyright a {
	color: rgba(255,255,255,0.6)
}

.copyright a:hover {
	color: #fff;
	text-decoration: underline
}

.returnTop {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #002395;
	cursor: pointer;
	display: none;
	position: fixed;
	z-index: 999;
	right: 60px;
	bottom: 60px
}

.returnTop .icon {
	width: 20px;
	height: 20px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.returnTop .title {
	color: #002395
}

.returnTop:hover {
	background: #ffa70e
}

.inside-banner {
	position: relative;
	background-size: cover !important
}

.inside-banner:after {
	content: "";
	display: block;
	padding-top: 30.72916667%
}

.inside-banner .text {
	margin-top: 30px;
	width: 100%;
	color: #fff;
	position: absolute;
	z-index: 9;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.inside-banner .text a {
	color: #fff
}

.inside-banner .text a:hover {
	text-decoration: underline
}

.inside-banner .title {
	color: #fff;
	font-weight: 700;
	font-size: 40px;
	position: relative
}

.inside-banner .title:after {
	content: "";
	display: block;
	width: 55px;
	height: 2px;
	background: #fff;
	margin: 30px 0 0 0
}

.inside-banner .info {
	font-size: 15px;
	line-height: 24px;
	max-width: 500px;
	margin-top: 25px
}

.inside-banner .mobile {
	display: none
}

@media screen and (max-width:1400px) {
	.inside-banner .inside-banner .title {
		font-size: 30px
	}
}

@media screen and (max-width:1023px) {
	.inside-banner {
		background-size: cover !important;
		padding: 40px 0
	}

	.inside-banner .text {
		margin-top: 0
	}

	.inside-banner .title {
		font-size: 20px;
		margin-bottom: 0
	}

	.inside-banner .title:after {
		margin-top: 10px
	}

	.inside-banner .info {
		margin-top: 10px;
		font-size: 12px
	}

	.inside-banner .pc {
		display: none
	}

	.inside-banner .mobile {
		display: block
	}
}

.page {
	clear: both;
	text-align: center;
	font-size: 0;
	font-family: arial
}

.page .dot {
	font-style: normal;
	font-size: 14px;
	line-height: 40px;
	vertical-align: middle
}

.page a, .page span {
	font-size: 14px;
	color: #666;
	display: inline-block;
	text-align: center;
	min-width: 50px;
	line-height: 48px;
	height: 50px;
	border-radius: 5px;
	border: 1px #ddd solid;
	margin: 0 5px;
	padding: 0 5px;
	font-weight: 400;
	vertical-align: middle
}

.page a.cur, .page a.cpb, .page span.cur, .page a.active, .page span.active, .page a:hover, .page span:hover {
	border-color: #002395;
	background: #002395;
	color: #fff
}

.page a.prev, .page span.prev, .page a.next, .page span.next {
	padding: 0 25px
}

@media screen and (max-width:767px) {
	.page a, .page span {
		display: none
	}

	.page a.prev, .page span.prev, .page a.next, .page span.next {
		display: inline-block
	}
}

.school {
	background: #f1f4ff;
	padding: 100px 0
}

.school .list {
	margin-bottom: 60px
}

.school .list li {
	padding-bottom: 40px
}

.school .list li:last-child {
	padding-bottom: 0
}

.school .list .box {
	display: block;
	background: #fff;
	border-radius: 20px;
	padding: 45px 50px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.school .list .title {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.school .list .info {
	color: #666;
	font-size: 15px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: 15px
}

.school .list .date {
	color: #999;
	font-size: 14px;
	font-family: arial;
	height: 30px;
	line-height: 30px
}

.school .list .box:hover {
	box-shadow: 0 5px 10px 0 rgba(0,35,149,0.13)
}

.school .list .box:hover .title {
	color: #002395;
	padding-left: 15px
}

.school .list .box:hover .date {
	color: #002395
}

@media screen and (max-width:1023px) {
	.school {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.school .list {
		margin-bottom: 30px
	}

	.school .list li {
		padding-bottom: 10px
	}

	.school .list li:last-child {
		padding-bottom: 0
	}

	.school .list .box {
		padding: 20px 20px;
		border-radius: 5px
	}

	.school .list .title {
		font-size: 16px;
		margin-bottom: 5px
	}

	.school .list .info {
		font-size: 14px;
		margin-bottom: 5px
	}
}

.grayBg {
	background: #f1f4ff
}

.news {
	padding-bottom: 100px;
	background: #f1f4ff
}

.news .list {
	margin-bottom: 60px
}

.news .list li {
	border-bottom: 1px #ddd solid;
	padding-top: 40px;
	padding-bottom: 40px
}

.news .list .box {
	display: block;
	position: relative;
	padding: 45px 360px 45px 200px
}

.news .list .pic {
	width: 360px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	right: 0
}

.news .list .pic:after {
	content: "";
	display: block;
	padding-top: 72.22222222%
}

.news .list .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.news .list .date {
	color: #999;
	font-size: 18px;
	line-height: 1;
	width: 200px;
	text-align: center;
	padding: 44px 0;
	border-right: 1px #ddd solid;
	position: absolute;
	top: 45px;
	left: 0
}

.news .list .date .day {
	font-size: 64px
}

.news .list .dateM {
	display: none;
	font-size: 14px;
	color: #999;
	padding: 10px 0
}

.news .list .text {
	padding: 0 70px 0 50px
}

.news .list .title {
	color: #333;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: 32px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.news .list .info {
	color: #666;
	font-size: 16px;
	line-height: 36px;
	height: 108px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3
}

.news .list .box:hover .title {
	color: #002395;
	margin-left: 20px
}

.news .list .box:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

@media screen and (max-width:1279px) {
	.news .list .box {
		padding: 20px 300px 20px 150px
	}

	.news .list .date {
		width: 150px;
		top: 20px
	}

	.news .list .pic {
		width: 300px
	}

	.news .list .title {
		font-size: 20px;
		margin-bottom: 20px
	}

	.news .list .info {
		font-size: 14px;
		line-height: 30px;
		height: 90px
	}
}

@media screen and (max-width:1023px) {
	.news .list {
		margin-bottom: 40px
	}

	.news .list li {
		padding: 20px 0
	}

	.news .list .box {
		padding: 0
	}

	.news .list .date {
		position: static;
		font-size: 14px;
		padding: 0;
		width: 100%;
		display: none
	}

	.news .list .date .day {
		font-size: 14px
	}

	.news .list .dateM {
		display: block
	}

	.news .list .pic {
		width: 100%;
		position: relative;
		clear: both
	}

	.news .list .pic img {
		width: 100%
	}

	.news .list .text {
		clear: both;
		padding: 0
	}

	.news .list .title {
		font-size: 18px;
		margin-bottom: 10px
	}

	.news .list .info {
		font-size: 14px
	}
}

.bread {
	padding: 20px 0;
	color: #999;
	font-size: 14px;
	text-align: right;
	line-height: 30px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bread a {
	display: inline-block;
	color: #999
}

.bread a:hover {
	color: #002395;
	text-decoration: underline
}

.bread .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px
}

.bread em {
	color: #002395;
	font-style: normal;
	display: inline-block
}

@media screen and (max-width:1023px) {
	.bread {
		padding: 10px 0;
		border-bottom: 1px #eee solid
	}

	.bread .container {
		max-width: 100%
	}
}

.school-show, .news-show {
	margin: auto;
	color: #666;
	text-align: justify;
	padding-bottom: 100px
}

.school-show .show-title, .news-show .show-title {
	text-align: center;
	font-size: 40px;
	color: #333;
	font-weight: 700;
	margin-bottom: 20px
}

.school-show .show-info, .news-show .show-info {
	text-align: center;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	position: relative
}

.school-show .show-info img, .news-show .show-info img {
	height: 15px;
	margin-top: -3px;
	margin-right: 5px;
	vertical-align: middle
}

.school-show .show-info span, .news-show .show-info span {
	display: inline-block
}

.school-show .show-info span:after, .news-show .show-info span:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #bfbfbf;
	vertical-align: middle;
	margin: 0 30px
}

.school-show .show-info span:last-child:after, .news-show .show-info span:last-child:after {
	display: none
}

.school-show .nr, .news-show .nr {
	padding: 40px 0 60px 0;
	color: #666;
	font-size: 14px;
	line-height: 38px
}

.school-show .nr img, .news-show .nr img {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width:1023px) {
	.school-show, .news-show {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.school-show .show-title, .news-show .show-title {
		font-size: 20px
	}

	.school-show .show-info, .news-show .show-info {
		font-size: 12px
	}

	.school-show .show-info span:after, .news-show .show-info span:after {
		margin: 0 5px
	}

	.school-show .nr, .news-show .nr {
		padding: 20px 0 30px 0;
		font-size: 14px;
		line-height: 30px
	}
}

.prev-next-return {
	overflow: hidden;
	position: relative;
	font-size: 16px
}

.prev-next-return a {
	color: #666;
	display: block;
	height: 42px;
	line-height: 42px;
	overflow: hidden
}

.prev-next-return .prev, .prev-next-return .next {
	width: 50%;
	height: 42px;
	float: left;
	-webkit-transition: all .5s;
	transition: all .5s;
	overflow: hidden
}

.prev-next-return .prev a, .prev-next-return .next a {
	max-width: 420px;
	display: inline-block;
	background-color: #f7f7f7;
	padding: 0 40px;
	line-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.prev-next-return .prev a:hover, .prev-next-return .next a:hover {
	background-color: #002395;
	color: #fff
}

.prev-next-return .prev a:hover .icon, .prev-next-return .next a:hover .icon {
	fill: #fff
}

.prev-next-return .prev .icon, .prev-next-return .next .icon {
	fill: #aeaeae;
	width: 15px;
	height: 15px;
	top: 0;
	bottom: 0;
	margin: auto
}

.prev-next-return .prev {
	padding-right: 70px
}

.prev-next-return .prev a {
	padding-left: 40px
}

.prev-next-return .prev .icon {
	position: absolute;
	top: 0;
	left: 15px
}

.prev-next-return .next {
	padding-left: 70px;
	text-align: right
}

.prev-next-return .next a {
	padding-right: 40px
}

.prev-next-return .next .icon {
	position: absolute;
	top: 0;
	right: 15px
}

.prev-next-return .return {
	position: absolute;
	z-index: 9;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 110px;
	float: left
}

.prev-next-return .return a {
	display: block;
	background-color: #f3f3f3;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #002395;
	text-align: center
}

.prev-next-return .return a img {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: -2px 10px 0 0
}

.prev-next-return .return a:hover {
	background: #002395;
	color: #fff
}

@media screen and (max-width:1023px) {
	.prev-next-return {
		font-size: 14px
	}

	.prev-next-return a {
		text-align: center
	}

	.prev-next-return a span {
		display: none
	}

	.prev-next-return .prev a {
		width: 40px;
		padding: 0
	}

	.prev-next-return .prev .icon {
		left: 0;
		right: 0
	}

	.prev-next-return .next a {
		width: 40px;
		padding: 0
	}

	.prev-next-return .next .icon {
		left: 0;
		right: 0
	}
}

.related-title {
	font-weight: 700;
	color: #333;
	font-size: 40px;
	line-height: 1;
	padding-left: 15px;
	position: relative
}

.related-title:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 100%;
	background: #002395;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media screen and (max-width:1023px) {
	.related-title .related-title {
		font-size: 24px
	}
}

.school-related .nr {
	margin-top: 60px
}

.school-related .list {
	margin-bottom: 0
}

@media screen and (max-width:1023px) {
	.school-related .nr {
		margin-top: 40px
	}
}

.news-related {
	padding: 100px 0
}

.news-related .list {
	margin-bottom: 0
}

.news-related .list li:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.proXuanxing {
	padding-bottom: 100px
}

.proXuanxing .filter {
	padding-bottom: 40px
}

.proXuanxing .crumbs {
	color: #333;
	font-size: 18px;
	padding: 0 0 25px 0;
	line-height: 26px;
	border-bottom: 1px #e5e5e5 solid
}

.proXuanxing .crumbs .bt {
	float: left
}

.proXuanxing .crumbs .icon {
	width: 12px;
	height: 12px;
	float: left;
	margin: 7px 10px 0 10px
}

.proXuanxing .crumbs .a-1 {
	display: inline-block;
	background: #002395;
	color: #fff;
	border-radius: 5px;
	font-size: 16px;
	padding: 0 30px 0 10px;
	line-height: 26px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
	position: relative
}

.proXuanxing .crumbs .a-1 .close {
	float: right;
	display: inline-block;
	width: 26px;
	height: 26px;
	position: absolute;
	right: 0
}

.proXuanxing .crumbs .a-1 .close:before, .proXuanxing .crumbs .a-1 .close:after {
	content: "";
	display: block;
	background: #fff;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.proXuanxing .crumbs .a-1 .close:before {
	width: 15px;
	height: 1px
}

.proXuanxing .crumbs .a-1 .close:after {
	height: 15px;
	width: 1px
}

.proXuanxing .crumbs .a-1:hover .close {
	background: #f00
}

.proXuanxing .search {
	line-height: 40px;
	padding: 10px 0
}

.proXuanxing .search a {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin-right: 20px;
	display: inline-block
}

.proXuanxing .search .box {
	display: block;
	padding: 0 0 0 100px;
	position: relative
}

.proXuanxing .search .title {
	color: #333;
	font-size: 18px;
	width: 100px;
	position: absolute;
	left: 0
}

.proXuanxing .search .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	border: 1px #ccc solid;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
	position: relative
}

.proXuanxing .search .icon:after {
	content: "";
	display: none;
	width: 30px;
	height: 30px;
	background: url(../images/icon/selected.svg) no-repeat center;
	background-size: 24px;
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.proXuanxing .search a:hover .icon:after {
	display: block
}

.proXuanxing .search .selected .icon:after {
	display: block
}

.resultProduct .titleBig {
	color: #333;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px
}

.resultProduct .table-1 {
	margin-bottom: 60px
}

@media screen and (max-width:1279px) {
	.proXuanxing {
		padding: 40px 0
	}

	.proXuanxing .crumbs {
		font-size: 14px
	}

	.proXuanxing .crumbs .a-1 {
		margin-bottom: 5px;
		font-size: 14px
	}

	.proXuanxing .search {
		font-size: 14px;
		line-height: 30px
	}

	.proXuanxing .search .box {
		padding: 0
	}

	.proXuanxing .search .title {
		position: relative;
		font-size: 14px
	}

	.proXuanxing .search a {
		font-size: 14px;
		line-height: 30px
	}

	.proXuanxing .table-1 {
		margin-bottom: 40px
	}
}

.product-show {
	padding-bottom: 100px
}

.product-show .hd .left {
	width: 53.128%;
	float: left
}

.product-show .hd .left .pic {
	max-width: 840px;
	border: 1px #efefef solid;
	position: relative
}

.product-show .hd .left .pic:after {
	content: "";
	display: block;
	padding-top: 69.23076923%
}

.product-show .hd .right {
	width: 46.872%;
	float: left;
	padding-left: 60px
}

.product-show .hd .title {
	color: #333;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 25px
}

.product-show .hd .info {
	color: #666;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 10px
}

.product-show .hd .cs {
	color: #333;
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 30px
}

.product-show .hd .cs .div-1 {
	min-width: 50%;
	float: left
}

.product-show .hd .btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px
}

.product-show .hd .btns a {
	display: inline-block;
	border: 1px rgba(153,153,153,0.3) solid;
	line-height: 42px;
	min-width: 160px;
	color: #999;
	font-size: 16px;
	text-align: center;
	margin-right: 20px;
	position: relative
}

.product-show .hd .btns .lineTl {
	display: block;
	width: 15px;
	height: 15px;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	position: absolute;
	top: -1px;
	left: -1px
}

.product-show .hd .btns .lineTr {
	display: block;
	width: 15px;
	height: 15px;
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	position: absolute;
	top: -1px;
	right: -1px
}

.product-show .hd .btns .lineBl {
	display: block;
	width: 15px;
	height: 15px;
	border-bottom: 1px #999 solid;
	border-left: 1px #999 solid;
	position: absolute;
	bottom: -1px;
	left: -1px
}

.product-show .hd .btns .lineBr {
	display: block;
	width: 15px;
	height: 15px;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	position: absolute;
	bottom: -1px;
	right: -1px
}

.product-show .hd .btns .icon {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
	fill: #999
}

.product-show .hd .btns a:hover {
	border-color: rgba(0,35,149,0.5);
	color: #002395
}

.product-show .hd .btns a:hover .lineTl, .product-show .hd .btns a:hover .lineTr, .product-show .hd .btns a:hover .lineBl, .product-show .hd .btns a:hover .lineBr {
	border-color: #002395
}

.product-show .hd .btns a:hover .icon {
	fill: #002395 !important
}

.product-show .hd .titleBig {
	font-weight: 700;
	color: #333;
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 10px
}

.product-show .hd .list {
	margin-bottom: 20px
}

.product-show .hd .list li {
	width: 33.33333333%;
	float: left;
	max-width: 222px;
	padding: 0 40px 0 0
}

.product-show .hd .list .box {
	display: block;
	text-align: center;
	padding: 0 0 30px 0;
	border: 1px #e7e7e7 solid;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s
}

.product-show .hd .list .pic {
	margin-top: 20px;
	overflow: hidden;
	display: block;
	position: relative
}

.product-show .hd .list .pic:after {
	content: "";
	display: block;
	padding-top: 61.53846154%
}

.product-show .hd .list .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.product-show .hd .list .text {
	width: 100%;
	height: 100%;
	background: rgba(0,35,149,0.9);
	padding: 0 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	position: absolute;
	z-index: 9;
	bottom: -100%;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.product-show .hd .list .text .title {
	color: #fff
}

.product-show .hd .list .txt {
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px)
}

.product-show .hd .list .title-1 {
	color: #3a3a3a;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s
}

.product-show .hd .list .title {
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.product-show .hd .list .info {
	font-size: 14px;
	line-height: 24px;
	height: 120px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5
}

.product-show .hd .list .box:hover {
	box-shadow: 0 0 15px rgba(0,35,149,0.1)
}

.product-show .hd .list .box:hover img {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}

.product-show .hd .list .box:hover .title-1 {
	color: #002395
}

.product-show .hd .list .box:hover .txt {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.product-show .menuTabs {
	background: #f2f2f2
}

.product-show .menuTabs a {
	display: inline-block;
	float: left;
	color: #333;
	font-size: 18px;
	min-width: 120px;
	text-align: center;
	line-height: 42px;
	border-right: 1px #fff solid
}

.product-show .menuTabs a:last-child {
	border: none
}

.product-show .menuTabs a.active {
	background: #002395;
	color: #fff
}

.product-show .menuTabs a:hover {
	background: #002395;
	color: #fff
}

.product-show .show {
	color: #333;
	font-size: 16px;
	line-height: 34px
}

.product-show .show .titleBig {
	font-weight: 700;
	color: #333;
	font-size: 20px;
	margin-bottom: 20px
}

.product-show .show .titleBig .icon {
	vertical-align: middle;
	margin: -3px 10px 0 0
}

.product-show .show .p-1 {
	color: #666;
	padding-left: 15px;
	position: relative
}

.product-show .show .p-1:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #002395;
	position: absolute;
	left: 0;
	top: 15px
}

.product-show .show .p-1 span {
	color: #333
}

.product-show .show .titleBig-2 {
	color: #333;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px
}

.product-show .show .item {
	padding: 20px 0
}

@media screen and (max-width:1279px) {
	.product-show {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.product-show .hd .left {
		width: 100%
	}

	.product-show .hd .right {
		width: 100%;
		padding: 30px 0
	}

	.product-show .hd .title {
		font-size: 18px;
		margin-bottom: 10px
	}

	.product-show .hd .info {
		font-size: 14px
	}

	.product-show .hd .cs {
		font-size: 14px
	}

	.product-show .hd .btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -5px;
		margin-right: -5px
	}

	.product-show .hd .btns a {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 0 5px;
		font-size: 14px;
		min-width: auto;
		display: block;
		margin: 0 5px 0 0
	}

	.product-show .hd .btns .icon {
		width: 15px;
		height: 15px;
		margin-right: 0
	}

	.product-show .hd .btns .lineTl, .product-show .hd .btns .lineTr, .product-show .hd .btns .lineBl, .product-show .hd .btns .lineBr {
		width: 8px;
		height: 8px
	}

	.product-show .hd .product-related .list {
		margin-left: -5px;
		margin-right: -5px
	}

	.product-show .hd .product-related .list li {
		padding: 0 5px
	}

	.product-show .menuTabs {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.product-show .menuTabs a {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		font-size: 14px
	}

	.product-show .show {
		font-size: 14px
	}

	.product-show .show .titleBig {
		font-size: 16px;
		margin-bottom: 0
	}

	.product-show .show .titleBig .icon {
		width: 20px;
		height: 20px
	}
}

.inside {
	padding: 30px 0 100px 0
}

.inside .left {
	width: 18.75%;
	float: left;
	padding-right: 10px
}

.inside .left .titleBig {
	font-size: 28px;
	line-height: 40px;
	padding: 25px 30px 25px 30px;
	background: #002395;
	color: #fff;
	position: relative
}

.inside .left .titleBig .icon {
	width: 60px;
	height: 60px;
	opacity: .2;
	position: absolute;
	right: 30px;
	top: 15px
}

.inside .left .titleBig .txt {
	display: inline-block;
	text-align: left
}

.inside .left .classifyPro {
	margin-bottom: 30px
}

.inside .left .classifyPro li {
	position: relative;
	margin-bottom: 3px
}

.inside .left .classifyPro .title {
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s;
	transition: .3s;
	padding: 0 40px 0 30px;
	background: #f2f2f2
}

.inside .left .classifyPro .title a {
	display: block;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	color: #333;
	font-size: 16px;
	vertical-align: middle;
	line-height: 30px;
	padding: 10px 0
}

.inside .left .classifyPro .title:hover {
	background-color: rgba(144,144,144,0.1)
}

.inside .left .classifyPro .title:hover a {
	color: #002395;
	font-weight: 700
}

.inside .left .classifyPro .has > .title a {
	display: inline-block
}

.inside .left .classifyPro .list .icon {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s
}

.inside .left .classifyPro .list .icon img {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.inside .left .classifyPro .active > .title {
	font-weight: 700
}

.inside .left .classifyPro .active > .title a {
	color: #002395 !important
}

.inside .left .classifyPro .active > .title .icon {
	color: #002395
}

.inside .left .classifyPro .down > .title {
	font-weight: 700
}

.inside .left .classifyPro .down > .title a {
	color: #002395
}

.inside .left .classifyPro .down .icon {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.inside .left .classifyPro .list .list {
	padding: 0 30px;
	border: 1px #f2f2f2 solid;
	display: none
}

.inside .left .classifyPro .list .list .title {
	background: #fff;
	border-bottom: 1px #f6f0f0 dotted;
	padding: 0
}

.inside .left .classifyPro .list .list .title a {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	padding: 10px 0 10px 16px;
	position: relative
}

.inside .left .classifyPro .list .list .title a:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #002395;
	position: absolute;
	top: 20px;
	left: 0
}

.inside .left .classifyPro .list .list .title a:hover {
	color: #002395;
	font-weight: 400
}

.inside .left .classifyPro .list .list .title2 {
	background: #fff;
	border-bottom: 1px #f6f0f0 dotted;
	padding: 0
}

.inside .left .classifyPro .list .list .title2 a {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	padding: 10px 0 10px 0;
	position: relative
}

.inside .left .classifyPro .list .list .title2 a:hover {
	color: #002395;
	font-weight: 400
}

.inside .left .classifyPro .list .list .title2 a .icon2 {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 5px;
	border: 1px #ccc solid;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
	position: relative
}

.inside .left .classifyPro .list .list .title2 a .icon2:after {
	content: "";
	display: none;
	width: 20px;
	height: 20px;
	background: url(../images/icon/selected.svg) no-repeat center;
	background-size: 16px;
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.inside .left .classifyPro .list .list .title2 .selected .icon2:after, .inside .left .classifyPro .list .list .title2 a:hover .icon2:after {
	display: block
}

.inside .left .classifyPro .list .list li:last-child .title2 {
	border: none
}

.inside .left .classifyPro .qichu {
	color: #002395;
	font-size: 16px;
	display: block;
	padding: 5px 0 5px 50px
}

.inside .left .classifyPro .qichu:hover {
	text-decoration: underline
}

.inside .left .leftAbout {
	overflow: hidden;
	background: #f2f2f2;
	margin-bottom: 30px
}

.inside .left .leftAbout a {
	display: block;
	width: 50%;
	float: left;
	color: #333;
	font-size: 16px;
	text-align: center;
	padding: 20px 0;
	line-height: 30px;
	position: relative
}

.inside .left .leftAbout a:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	background: -webkit-linear-gradient(top, transparent, #dedede, transparent);
	background: linear-gradient(to bottom, transparent, #dedede, transparent);
	position: absolute;
	right: 0;
	top: 0
}

.inside .left .leftAbout a:last-child:after {
	display: none
}

.inside .left .leftAbout a:hover {
	color: #002395
}

.inside .left .leftAbout .icon {
	display: inline-block;
	height: 30px
}

.inside .left .leftXuanxing {
	background: #f2f2f2
}

.inside .left .leftXuanxing .nr {
	padding: 20px
}

.inside .left .leftXuanxing .list li {
	border-bottom: 1px #d9d9d9 dashed;
	width: 50%;
	float: left
}

.inside .left .leftXuanxing .list a {
	display: block;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 15px;
	position: relative
}

.inside .left .leftXuanxing .list a:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background: #999;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 3px;
	top: 18px
}

.inside .left .leftXuanxing .list a:hover {
	color: #002395
}

.inside .left .leftXuanxing .list a:hover:before {
	background: #002395
}

.inside .right {
	width: 80%;
	float: left;
	padding-left: 60px
}

.application .inside-title {
	text-align: left
}

.application .nr {
	padding-top: 60px
}

.application .hd {
	padding-bottom: 100px
}

.application .hd .text {
	width: 45%;
	float: left;
	color: #666;
	font-size: 15px;
	line-height: 44px;
	padding-right: 60px
}

.application .hd .txt {
	padding-top: 45px
}

.application .hd .pic {
	width: 55%;
	float: left;
	text-align: right
}

.application .bd .titleBig {
	color: #333;
	font-weight: 700;
	font-size: 24px;
	border-bottom: 1px #ddd solid;
	line-height: 1;
	padding: 15px 0;
	margin-bottom: 40px
}

.application .bd .titleBig span {
	padding-left: 15px;
	position: relative
}

.application .bd .titleBig span:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 100%;
	background: #002395;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.application .bd .titleBig .num {
	color: #002395;
	font-style: inherit;
	font-family: "microsoft yahei"
}

.application .list {
	margin-bottom: 20px;
	margin-left: -20px;
	margin-right: -20px
}

.application .list li {
	width: 33.33333333%;
	float: left;
	padding: 0 20px 40px 20px
}

.application .list .box {
	display: block;
	text-align: center;
	padding: 30px 0 50px 0;
	border: 1px #e7e7e7 solid;
	overflow: hidden;
	position: relative
}

.application .list .pic {
	margin-top: 40px;
	overflow: hidden;
	display: block;
	position: relative
}

.application .list .pic:after {
	content: "";
	display: block;
	padding-top: 61.53846154%
}

.application .list .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.application .list .text {
	width: 100%;
	height: 100%;
	background: rgba(0,35,149,0.9);
	padding: 0 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	position: absolute;
	z-index: 9;
	bottom: -100%;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.application .list .text .title {
	color: #fff
}

.application .list .txt {
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px)
}

.application .list .title-1 {
	color: #3a3a3a;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s
}

.application .list .title {
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	position: relative
}

.application .list .info {
	font-size: 14px;
	line-height: 24px;
	height: 120px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5
}

.application .list .box:hover .title-1 {
	-webkit-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px)
}

.application .list .box:hover img {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}

.application .list .box:hover .text {
	bottom: 0
}

.application .list .box:hover .txt {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.application-show {
	padding-bottom: 60px
}

.application-show .show-title {
	font-weight: 700;
	text-align: center;
	font-size: 40px;
	color: #333;
	margin-bottom: 20px
}

.application-show .show-info {
	font-size: 18px;
	color: #666;
	text-align: center
}

.application-show .nr {
	font-size: 15px;
	line-height: 44px;
	padding: 50px 0
}

.product .titleBig {
	color: #333;
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
	padding: 15px 0;
	margin-bottom: 20px
}

.product .titleBig span {
	padding-left: 15px;
	position: relative
}

.product .titleBig span:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 100%;
	background: #002395;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.table-1 {
	text-align: center
}

.table-1 table {
	border: none;
	color: #333;
	font-size: 16px
}

.table-1 .title {
	background: #002395;
	text-align: center
}

.table-1 .title th {
	color: #fff !important;
	font-weight: 700;
	font-size: 18px;
	line-height: 40px;
	padding: 10px 0
}

.table-1 td {
	line-height: 40px;
	padding: 10px 0;
	border: 1px #e5e5e5 solid
}

.table-1 .icon img {
	vertical-align: middle
}

.table-1 tr:nth-child(2n) {
	background: #f7f7f7
}

.table-1 tr:hover {
	color: #002395
}

.table-1 a:hover {
	color: #002395;
	text-decoration: underline
}

@media screen and (max-width:1279px) {
	.table-1 {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}

	.table-1 table {
		width: 1000px
	}
}

.table-2 {
	text-align: center
}

.table-2 table {
	border: none;
	color: #333;
	font-size: 16px;
	text-align: left
}

.table-2 .title {
	background: #002395;
	text-align: center
}

.table-2 .title th {
	color: #fff !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	padding: 10px 20px;
	text-align: left;
	border: 1px #ddd solid
}

.table-2 td {
	line-height: 30px;
	padding: 0 20px;
	border: 1px #ddd solid;
	color: #666;
	font-size: 14px
}

.table-2 .icon img {
	vertical-align: middle
}

.table-2 tr:hover {
	color: #002395
}

@media screen and (max-width:1279px) {
	.table-2 {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}

	.table-2 table {
		width: 1000px
	}
}

@media screen and (max-width:1600px) {
	.top-header .container {
		max-width: 100%;
		padding: 0 5vw
	}

	.top-header .searchBtn {
		right: 5vw
	}

	.header .txt {
		font-size: 14px
	}

	.inside {
		padding-top: 0
	}

	.inside .left {
		width: 20%;
		padding-right: 0
	}

	.inside .right {
		width: 80%
	}

	.application .hd {
		padding-bottom: 40px
	}

	.application .hd .text {
		font-size: 14px;
		line-height: 30px;
		padding-right: 40px
	}
}

@media screen and (max-width:1600px) {
	.home-school {
		padding-left: 2.3vw
	}
}

@media screen and (max-width:1599px) {
	.home-school {
		padding-left: 0
	}

	.home-school .container {
		max-width: 1280px
	}

	.home-school .list {
		width: 100%
	}

	.home-school .next {
		right: -30px
	}
}

@media screen and (max-width:1400px) {
	.header .logo .txt {
		display: none
	}

	.top-header .container {
		padding: 0 30px
	}
}

@media screen and (max-width:1279px) {
	.top {
		display: none
	}

	.top-header {
		background: #002395;
		position: relative
	}

	.top-header .searchBtn {
		display: none
	}

	.header {
		padding: 15px 0
	}

	.header .logo {
		height: auto;
		padding: 0;
		margin-top: 0
	}

	.header .logo .pic {
		float: left
	}

	.header .logo img {
		height: 20px;
		vertical-align: middle;
		float: left
	}

	.header .logo .txt {
		display: none
	}

	.navPhoneBtn {
		display: block
	}

	.nav {
		display: none
	}

	.banner .slick-dots {
		bottom: 10px
	}

	.banner .slick-dots li {
		margin: 0 5px;
		height: 12px
	}

	.banner .slick-dots li button {
		height: 12px
	}

	.banner .slick-dots .slick-active button {
		height: 12px
	}

	.home-product {
		padding: 40px 0
	}

	.home-product .nr {
		margin-top: 30px
	}

	.home-product .list {
		margin-left: -10px;
		margin-right: -10px
	}

	.home-product .list li {
		padding: 0 10px 20px 10px
	}

	.home-product .list .text {
		padding-top: 20px
	}

	.home-product .list .title {
		font-size: 18px
	}

	.home-product .btns {
		height: 30px
	}

	.home-product .btns .prev {
		margin-right: 5px
	}

	.home-product .btns .prev, .home-product .btns .next {
		width: 30px;
		height: 30px
	}

	.home-product .btns .prev svg, .home-product .btns .next svg {
		width: 15px;
		height: 15px
	}

	.home-application {
		padding: 40px 0
	}

	.home-application .tabs {
		width: auto;
		height: auto
	}

	.home-application .tabs .circleBig {
		display: none
	}

	.home-application .tabs .circle {
		display: none
	}

	.home-application .tabs .dot {
		display: none
	}

	.home-application .conTabs {
		width: auto;
		height: 300px;
		border-radius: 0
	}

	.home-application .conTabs .item {
		width: auto;
		height: auto
	}

	.home-application .conTabs .box {
		width: auto;
		position: static;
		top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	.home-application .conTabs .pic {
		display: none
	}

	.home-application .menuTabs {
		width: 100%
	}

	.home-application .menuTabs li {
		position: static !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
		width: 33.33333333%;
		float: left
	}

	.home-application .menuTabs .box {
		min-width: auto
	}

	.home-application .menuTabs .title {
		font-size: 14px
	}

	.home-application .menuTabs .pic {
		width: 40px;
		height: 40px;
		margin: auto
	}

	.home-school {
		padding: 40px 0
	}

	.home-school .container {
		max-width: 992px
	}

	.home-school .nr {
		margin-top: 30px
	}

	.home-school .slick-list {
		overflow: hidden
	}

	.home-school .list li {
		padding: 0
	}

	.home-school .list .box {
		padding: 20px 20px
	}

	.home-school .list .date {
		font-size: 12px
	}

	.home-school .list .title {
		font-size: 16px
	}

	.home-school .list .info {
		font-size: 14px
	}

	.home-school .slick-prev {
		left: -15px !important
	}

	.home-school .slick-next {
		right: -15px !important
	}

	.home-school .slick-prev, .home-school .slick-next {
		width: 30px;
		height: 30px;
		background-size: 10px !important;
		opacity: .8
	}

	.home-news {
		padding: 40px 0
	}

	.home-news .nr {
		margin-top: 30px
	}

	.home-news .list {
		margin-left: -10px;
		margin-right: -10px
	}

	.home-news .list li {
		padding: 0 10px;
		width: 50%
	}

	.home-news .list .text {
		padding: 20px 0
	}

	.home-news .list .title {
		font-size: 14px;
		line-height: 24px;
		height: 48px
	}

	.footer {
		padding-top: 30px
	}

	.footer .contact-menu {
		padding-bottom: 30px
	}

	.footer .contact-menu .container {
		display: block
	}

	.footer .menu {
		width: 100%;
		text-align: center;
		display: none
	}

	.footer .menu .list {
		display: block
	}

	.footer .menu li {
		display: inline-block;
		float: none
	}

	.footer .share-hotTel {
		width: 100%;
		text-align: left
	}

	.footer .share {
		width: 100%;
		text-align: center;
		margin-bottom: 20px
	}

	.footer .hotTel {
		width: 100%;
		text-align: center;
		margin-bottom: 20px
	}

	.copyright {
		text-align: center
	}

	.returnTop {
		width: 40px;
		height: 40px;
		right: 10px;
		bottom: 10px
	}
}

@media screen and (max-width:1023px) {
	.inside {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.inside .left {
		display: none
	}

	.inside .right {
		width: 100%;
		padding: 0
	}

	.application .hd .pic {
		width: 100%
	}

	.application .hd .text {
		width: 100%;
		padding: 0 0 40px 0
	}

	.application .hd .txt {
		padding-top: 20px
	}

	.application .list {
		margin-left: -10px;
		margin-right: -10px
	}

	.application .list li {
		width: 50%;
		padding: 0 10px 20px 10px
	}

	.application .list .title {
		font-size: 14px
	}

	.application .list .title-1 {
		font-size: 14px
	}

	.application-show {
		padding-bottom: 0
	}

	.application-show .show-title {
		font-size: 24px
	}

	.application-show .show-info {
		font-size: 14px
	}

	.application-show .nr {
		padding-top: 30px;
		padding-bottom: 30px;
		font-size: 14px;
		line-height: 30px
	}

	.home-school .container {
		max-width: 640px
	}

	.home-school .prev, .home-school .next {
		width: 40px;
		height: 40px
	}

	.home-school .prev svg, .home-school .next svg {
		width: 16px;
		height: 16px
	}

	.home-school .prev {
		left: -20px
	}

	.home-school .next {
		right: -20px
	}
}

@media screen and (max-width:767px) {
	.home-school {
		padding-left: 15px;
		padding-right: 15px
	}
}

.photo {
	padding-top: 30px;
	padding-bottom: 100px
}

.photo .hd .list {
	text-align: center;
	font-size: 0
}

.photo .hd .list li {
	display: inline-block;
	padding: 0 25px
}

.photo .hd .list a {
	display: block;
	color: #333;
	font-size: 18px;
	border: 1px #ddd solid;
	min-width: 150px;
	line-height: 48px;
	text-align: center
}

.photo .hd .list a:hover {
	background: #002395;
	border-color: #002395;
	color: #fff
}

.photo .hd .list .active a {
	background: #002395;
	border-color: #002395;
	color: #fff
}

.photo .bd {
	margin-top: 60px;
	position: relative
}

.photo .bd:after {
	content: "";
	display: block;
	border-left: 1px #ddd solid;
	position: absolute;
	height: 100%;
	left: 50%;
	top: 20px
}

.photo .bd li {
	overflow: hidden;
	margin-top: -140px;
	position: relative
}

.photo .bd li .icon {
	display: block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #fff;
	border: 1px #002395 solid;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -8px;
	top: 10px
}

.photo .bd li .icon:before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #002395;
	border: 1px #002b61 solid;
	margin: auto;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.photo .bd li .icon:after {
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background: #002395;
	position: absolute;
	right: 16px;
	top: 50%
}

.photo .bd li:first-child {
	margin-top: 0
}

.photo .bd .box {
	padding: 0 90px 0 90px;
	position: relative;
	width: 50%;
	float: left;
	text-align: right
}

.photo .bd .year {
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	color: #002395;
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 40px
}

.photo .bd .title {
	color: #333;
	font-weight: 700;
	font-size: 20px;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right
}

.photo .bd .info {
	color: #666;
	font-size: 15px;
	line-height: 24px;
	margin: 10px 0;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right
}

.photo .bd .pic {
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right
}

.photo .bd img {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.photo .bd li:nth-child(2n+1) .box {
	float: right;
	text-align: left
}

.photo .bd li:nth-child(2n+1) .icon {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left
}

.photo .bd li:nth-child(2n+1) .icon:after {
	left: 16px
}

.photo .bd li:nth-child(2n+1) .year {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left
}

.photo .bd li:nth-child(2n+1) .title {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left
}

.photo .bd li:nth-child(2n+1) .info {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left
}

.photo .bd li:nth-child(2n+1) .pic {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left
}

.photo .bd li:hover {
	z-index: 9
}

.photo .bd .box:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

@media screen and (max-width:1279px) {
	.photo {
		padding-bottom: 40px
	}

	.photo .hd .list li {
		padding: 0 5px
	}

	.photo .hd .list a {
		min-width: auto;
		padding: 0 10px;
		font-size: 14px;
		line-height: 38px
	}

	.photo .bd {
		margin-top: 30px
	}

	.photo .bd .box {
		padding: 0 70px 0 0
	}

	.photo .bd li:nth-child(2n+1) .box {
		padding: 0 0 0 70px
	}

	.photo .bd .year {
		font-size: 16px
	}

	.photo .bd .title {
		font-size: 18px
	}

	.photo .bd .info {
		font-size: 14px
	}
}

@media screen and (max-width:1023px) {
	.photo .bd .box {
		padding-right: 50px
	}

	.photo .bd li .icon:after {
		width: 20px
	}

	.photo .bd li:nth-child(2n+1) .box {
		padding-left: 50px
	}
}

@media screen and (max-width:767px) {
	.photo .bd:after {
		display: none
	}

	.photo .bd li {
		border-bottom: 1px #eee solid;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0 !important
	}

	.photo .bd li .icon {
		display: none
	}

	.photo .bd li:last-child {
		border: none;
		padding-bottom: 0;
		margin-bottom: 0
	}

	.photo .bd .box {
		width: 100%;
		padding: 0 !important;
		text-align: left !important
	}

	.photo .bd .year {
		width: 100%;
		font-size: 16px
	}

	.photo .bd .info {
		position: relative;
		z-index: 1;
		min-height: auto;
		font-size: 14px
	}
}

@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1, .1);
		transform: scale(.1, .1)
	}

	5% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1, .1);
		transform: scale(.1, .1)
	}

	5% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes ripple2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1, .1);
		transform: scale(.1, .1)
	}

	5% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes ripple2 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1, .1);
		transform: scale(.1, .1)
	}

	5% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.contact {
	padding-top: 30px
}

.contact .area {
	position: absolute;
	z-index: 999;
	visibility: visible;
	opacity: 1;
	cursor: pointer;
	text-align: center
}

.contact .area .icon {
	position: absolute;
	width: 35px;
	height: 35px;
	top: -26px;
	left: 0;
	right: 0;
	margin: auto;
	display: none
}

.contact .area .dot {
	display: block;
	z-index: 1;
	position: relative;
	width: 10px;
	height: 10px;
	margin: auto;
	border-radius: 50%;
	background-color: #002395
}

.contact .area .circle {
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	background: transparent
}

.contact .area .circle:after {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(0,35,149,0.15);
	opacity: 0;
	-webkit-animation: ripple 3s ease-out 0s infinite;
	animation: ripple 3s ease-out 0s infinite
}

.contact .area .circle:before {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(0,35,149,0.2);
	opacity: 0;
	-webkit-animation: ripple 5s ease-out 1s infinite;
	animation: ripple 5s ease-out 1s infinite
}

.contact .area .name {
	color: #333;
	line-height: 30px;
	font-size: 16px;
	width: auto;
	margin-top: 15px;
	display: block
}

.contact .area.active .icon, .contact .area:hover .icon {
	display: block
}

.contact .lxfs .nr {
	clear: both;
	margin-top: 20px;
	position: relative
}

.contact .lxfs .worldMap {
	width: 1120px;
	float: left;
	position: relative
}

.contact .lxfs .worldMap .shanghai {
	left: 763px;
	top: 281px
}

.contact .lxfs .worldMap .Germany {
	left: 152px;
	top: 110px
}

.contact .lxfs .worldMap .Germany .name {
	margin: 0 0 15px 0
}

.contact .lxfs .worldMap .Germany .icon {
	top: 0;
	bottom: -13px
}

.contact .lxfs .worldMap .Italy {
	left: 160px;
	top: 211px
}

.contact .lxfs .worldMap .Japan {
	left: 872px;
	top: 252px
}

.contact .lxfs .worldMap .Malaysia {
	left: 680px;
	top: 410px
}

.contact .lxfs .worldMap .Australia {
	left: 860px;
	top: 584px
}

.contact .lxfs .xx {
	margin-top: 30px;
	width: 470px;
	float: right;
	position: absolute;
	right: 0
}

.contact .lxfs .xx .item {
	display: none;
	background: #fff;
	box-shadow: 0 5px 10px 0 rgba(0,35,149,0.1)
}

.contact .lxfs .text {
	padding: 20px 20px
}

.contact .lxfs .text .title-1 {
	color: #666;
	font-size: 16px
}

.contact .lxfs .text .title-2 {
	color: #333;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px
}

.contact .lxfs .text .info {
	border-top: 1px #e5e5e5 solid;
	color: #666;
	font-size: 18px;
	padding: 20px 0;
	line-height: 34px
}

.contact .lxfs .text .info a {
	color: #666
}

.contact .lxfs .text .info .p-1 {
	position: relative;
	padding-left: 28px
}

.contact .lxfs .text .info .icon {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 8px
}

.contact .lxfs .countryM {
	display: none;
	text-align: center;
	font-size: 0
}

.contact .lxfs .countryM li {
	display: inline-block;
	padding: 0 5px 10px 5px
}

.contact .lxfs .countryM a {
	display: block;
	line-height: 28px;
	padding: 0 10px;
	border: 1px #eee solid;
	font-size: 14px
}

.contact .lxfs .countryM .active a {
	background: #002395;
	color: #fff
}

@media screen and (max-width:1599px) {
	.contact .container {
		max-width: 100%;
		padding: 0 20px
	}

	.contact .worldMap {
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7);
		margin-left: -10%
	}
}

@media screen and (max-width:1360px) {
	.contact .worldMap {
		margin-top: -40px;
		transform: scale(.6);
		margin-left: -12%;
	}

	.contact .lxfs .text .title-2 {
		font-size: 20px
	}

	.contact .lxfs .text .info {
		font-size: 16px
	}
}

@media screen and (max-width:1279px) {
	.contact .lxfs .countryM {
		display: block
	}

	.contact .lxfs .worldMap {
		float: none;
		margin: auto;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		margin-left: 0;
		display: none
	}

	.contact .lxfs .xx {
		position: static;
		float: none;
		margin: auto
	}

	.contact .lxfs .nr {
		display: block;
		text-align: center
	}

	.contact .lxfs .worldMap {
		width: 100%;
		text-align: center
	}

	.contact .lxfs .xx {
		display: inline-block;
		width: auto;
		margin: auto;
		float: none;
		text-align: left
	}

	.contact .lxfs .xx img {
		width: 100%
	}

	.contact .lxfs .xx .title {
		font-size: 18px
	}

	.contact .lxfs .xx .info {
		font-size: 14px
	}
}

.message {
	font-size: 16px;
	padding-bottom: 100px
}

.message .nr {
	margin-top: 60px
}

.message .pic {
	width: 50%;
	float: left
}

.message .form {
	width: 50%;
	float: left;
	padding-left: 60px
}

.message .list {
	margin-top: 40px;
	margin-left: -15px;
	margin-right: -15px;
	position: relative
}

.message li {
	width: 50%;
	float: left;
	padding: 0 15px 20px 15px;
	position: relative
}

.message .box {
	position: relative;
	padding-left: 100px
}

.message .bt {
	position: absolute;
	z-index: 9;
	left: 0;
	top: 0;
	width: 90px;
	line-height: 42px;
	text-align: right
}

.message input, .message textarea {
	border: none;
	color: #333;
	vertical-align: middle;
	border: #d1d1d1 solid 1px;
	padding: 0 15px;
	height: 42px;
	line-height: 40px
}

.message input {
	width: 100%;
	float: left
}

.message input:focus {
	border: #002395 solid 1px
}

.message textarea {
	width: 100%;
	min-height: 230px
}

.message textarea:focus {
	border: #002395 solid 1px
}

.message .btns {
	width: 100%;
	text-align: center;
	margin-top: 20px
}

.message .btns .submit, .message .btns .reset {
	display: inline-block;
	border: 1px rgba(153,153,153,0.3) solid;
	line-height: 42px;
	min-width: 160px;
	color: #999;
	font-size: 16px;
	text-align: center;
	margin: 0 10px;
	background: transparent;
	cursor: pointer;
	position: relative
}

.message .btns .lineTl {
	display: block;
	width: 15px;
	height: 15px;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	position: absolute;
	top: -1px;
	left: -1px
}

.message .btns .lineTr {
	display: block;
	width: 15px;
	height: 15px;
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	position: absolute;
	top: -1px;
	right: -1px
}

.message .btns .lineBl {
	display: block;
	width: 15px;
	height: 15px;
	border-bottom: 1px #999 solid;
	border-left: 1px #999 solid;
	position: absolute;
	bottom: -1px;
	left: -1px
}

.message .btns .lineBr {
	display: block;
	width: 15px;
	height: 15px;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	position: absolute;
	bottom: -1px;
	right: -1px
}

.message .btns .icon {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
	fill: #999
}

.message .btns button:hover {
	border-color: rgba(0,35,149,0.5);
	color: #002395
}

.message .btns button:hover .lineTl, .message .btns button:hover .lineTr, .message .btns button:hover .lineBl, .message .btns button:hover .lineBr {
	border-color: #002395
}

.message .btns button:hover .icon {
	fill: #002395 !important
}

@media screen and (max-width:1600px) {
	.message .list {
		margin-left: -5px;
		margin-right: -5px
	}

	.message li {
		padding: 0 5px 10px 5px
	}
}

@media screen and (max-width:1360px) {
	.message textarea {
		min-height: 130px
	}
}

@media screen and (max-width:1279px) {
	.message {
		padding: 20px 0
	}

	.message .pic {
		width: 100%;
		display: none
	}

	.message .form {
		width: 100%;
		padding: 0
	}

	.message .form .list {
		margin-left: 0;
		margin-right: 0;
		margin-top: 30px
	}

	.message .form li {
		padding: 0 0 10px 0
	}

	.message .form textarea {
		min-height: 160px
	}
}

@media screen and (max-width:1023px) {
	.message {
		font-size: 14px
	}

	.message .nr {
		margin-top: 30px
	}

	.message .pic {
		width: 100%;
		display: none
	}

	.message .form {
		width: 100%
	}

	.message .box {
		padding-left: 90px
	}

	.message .bt {
		width: 80px
	}

	.message .btn {
		margin-top: 0
	}
}

@media screen and (max-width:767px) {
	.message li {
		width: 100%
	}

	.message .btns {
		padding: 0;
		margin: 0
	}

	.message .btns .submit, .message .btns .reset {
		min-width: auto;
		padding: 0 20px
	}
}

.dingzhi {
	font-size: 16px;
	padding-bottom: 100px;
	background-color: #fbfbfb;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed
}

.dingzhi .nr {
	margin-top: 60px
}

.dingzhi .tips {
	text-align: center;
	color: #666;
	font-size: 15px;
	margin-top: 30px
}

.dingzhi .tel {
	color: #002395;
	font-style: italic;
	font-size: 28px;
	font-weight: 700
}

.dingzhi .a-1 {
	color: #002395;
	font-size: 18px
}

.dingzhi .a-1:hover {
	text-decoration: underline
}

.dingzhi .span-1 {
	color: #002395;
	font-size: 18px
}

.dingzhi .list {
	margin-top: 40px;
	margin-left: -25px;
	margin-right: -25px;
	position: relative
}

.dingzhi li {
	width: 33.33333333%;
	float: left;
	padding: 0 25px 20px 25px;
	position: relative
}

.dingzhi .li-1 {
	width: 100%
}

.dingzhi .box {
	position: relative;
	color: #3c3c3c;
	font-size: 16px
}

.dingzhi .title {
	display: block;
	line-height: 30px
}

.dingzhi .red {
	font-size: 18px;
	color: #f21f38;
	margin-right: 5px;
	float: left
}

.dingzhi .form-input {
	border: none;
	color: #333;
	vertical-align: middle;
	background: #fff;
	border: #ddd solid 1px;
	padding: 0 15px;
	height: 50px;
	line-height: 48px
}

.dingzhi .form-input:focus {
	border: #002395 solid 1px
}

.dingzhi .form-input {
	width: 100%;
	float: left
}

.dingzhi textarea {
	width: 100%;
	min-height: 200px
}

.dingzhi textarea:focus {
	border: #002395 solid 1px
}

.dingzhi .btns {
	width: 100%;
	text-align: center;
	padding-bottom: 0;
	margin-top: 20px
}

.dingzhi .btns .submit, .dingzhi .btns .reset, .dingzhi .btns .file {
	display: inline-block;
	border: 1px rgba(153,153,153,0.3) solid;
	line-height: 42px;
	min-width: 160px;
	color: #999;
	font-size: 16px;
	text-align: center;
	margin: 0 10px;
	background: transparent;
	cursor: pointer;
	position: relative
}

.dingzhi .btns .lineTl {
	display: block;
	width: 15px;
	height: 15px;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	position: absolute;
	top: -1px;
	left: -1px
}

.dingzhi .btns .lineTr {
	display: block;
	width: 15px;
	height: 15px;
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	position: absolute;
	top: -1px;
	right: -1px
}

.dingzhi .btns .lineBl {
	display: block;
	width: 15px;
	height: 15px;
	border-bottom: 1px #999 solid;
	border-left: 1px #999 solid;
	position: absolute;
	bottom: -1px;
	left: -1px
}

.dingzhi .btns .lineBr {
	display: block;
	width: 15px;
	height: 15px;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	position: absolute;
	bottom: -1px;
	right: -1px
}

.dingzhi .btns .icon {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
	fill: #999
}

.dingzhi .btns button:hover, .dingzhi .btns a:hover {
	border-color: rgba(0,35,149,0.5);
	color: #002395
}

.dingzhi .btns button:hover .lineTl, .dingzhi .btns button:hover .lineTr, .dingzhi .btns button:hover .lineBl, .dingzhi .btns button:hover .lineBr {
	border-color: #002395
}

.dingzhi .btns button:hover .icon {
	fill: #002395 !important
}

.dingzhi .file {
 /*overflow:hidden;*/
}

.dingzhi .file input {
	width: 100%;
	height: 100%;
	background: transparent;
	padding-left: 1000px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0
}

@media screen and (max-width:1600px) {
	.dingzhi .list {
		margin-left: -5px;
		margin-right: -5px
	}

	.dingzhi li {
		padding: 0 5px 10px 5px
	}
}

@media screen and (max-width:1279px) {
	.dingzhi {
		padding: 20px 0
	}

	.dingzhi .pic {
		width: 100%;
		display: none
	}

	.dingzhi .form {
		width: 100%;
		padding: 0
	}

	.dingzhi .form .list {
		margin-left: -5px;
		margin-right: -5px;
		margin-top: 30px
	}

	.dingzhi .form li {
		padding: 0 5px 10px 5px
	}

	.dingzhi .form textarea {
		min-height: 160px
	}
}

@media screen and (max-width:1023px) {
	.dingzhi {
		font-size: 14px
	}

	.dingzhi .nr {
		margin-top: 30px
	}

	.dingzhi .form {
		width: 100%
	}
}

@media screen and (max-width:767px) {
	.dingzhi li {
		width: 100%
	}

	.dingzhi .btns {
		padding: 0;
		margin: 0
	}

	.dingzhi .btns .submit, .dingzhi .btns .reset {
		min-width: auto;
		padding: 0 20px
	}
}

.home {
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	text-align: center
}

.home .wrap {
	max-width: 1920px;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.home .dianyuan {
	float: left;
	width: 50%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home .dianzichxiang {
	float: left;
	width: 50%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home .active {
	width: 60%
}

.home .div-2 {
	width: 40%
}

.home .logo {
	-webkit-transition: all .5s;
	transition: all .5s
}

@media screen and (max-width:1279px) {
	.home .dianyuan {
		width: 100%;
		padding: 0 10px
	}

	.home .dianzichxiang {
		width: 100%;
		padding: 0 10px
	}
}

.fenxiao {
	padding: 30px 0 60px 0
}

.fenxiao .list {
	margin-left: -25px;
	margin-right: -25px
}

.fenxiao .list li {
	width: 33.33333333%;
	float: left;
	padding: 0 25px 40px 25px
}

.fenxiao .list .box {
	background: #fff;
	box-shadow: 0 5px 10px 0 rgba(0,35,149,0.1)
}

.fenxiao .list .pic {
	overflow: hidden;
	position: relative
}

.fenxiao .list .pic:after {
	content: "";
	display: block;
	padding-top: 62%
}

.fenxiao .list .pic img {
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.fenxiao .list .text {
	padding: 20px 20px
}

.fenxiao .list .title-1 {
	color: #666;
	font-size: 16px
}

.fenxiao .list .title-2 {
	color: #333;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
	overflow: hidden;
	height: 42px;
}

.fenxiao .list .info {
	border-top: 1px #e5e5e5 solid;
	color: #666;
	font-size: 18px;
	padding: 20px 0;
	line-height: 34px;
	height: 130px;
	overflow: hidden;
}

.fenxiao .list .info a {
	color: #666
}

.fenxiao .list .info .p-1 {
	position: relative;
	padding-left: 28px
}

.fenxiao .list .info .icon {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 8px
}

.fenxiao .list .box:hover .pic img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.fenxiao .list .box:hover .title-2 {
	color: #002395
}

@media screen and (max-width:1599px) {
	.fenxiao .list {
		margin-left: -15px;
		margin-right: -15px
	}

	.fenxiao .list li {
		padding: 0 15px 30px 15px
	}

	.fenxiao .list .title-2 {
		font-size: 20px;
		height: 60px;
	}

	.fenxiao .list .info {
		font-size: 16px;
		height: 190px;
	}
}

@media screen and (max-width:1279px) {
	.fenxiao {
		padding-bottom: 40px
	}

	.fenxiao .list li {
		width: 50%
	}

	.fenxiao .list .title-2 {
		font-size: 18px;
		height: 54px;
	}

	.fenxiao .list .info {
		font-size: 14px;
		height: 165px;
	}
}

@media screen and (max-width:767px) {
	.fenxiao .list li {
		width: 100%;
		padding: 0 0 20px 0
	}
}

.classtitle {
	padding-right: 35px;
}