@charset "utf-8";
@charset "utf-8";

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-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);
	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%);
	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
}

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

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

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

#bsWXBox {
	-webkit-box-sizing: content-box;
	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: 16px;
	line-height: 2;
	color: #333;
	background: #fff;
	min-width: 1260px
}

.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: 1220px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (max-width:1500px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
		max-width: 1260px
	}
}

@media screen and (max-width:1280px) {
	.container {
		padding-left: 30px;
		padding-right: 30px
	}
}

.container02 {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto
}

@media screen and (max-width:1280px) {
	.container02 {
		padding-left: 30px;
		padding-right: 30px
	}
}

.indent2 {
	text-indent: 2em
}

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

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

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

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

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

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

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

.page a,.page span {
	color: #202020;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	min-width: 40px;
	line-height: 38px;
	height: 40px;
	border-radius: 40px;
	border: 1px #cdcdcd solid;
	margin: 0 5px;
	padding: 0 0;
	vertical-align: middle
}

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

.page a.cur svg,.page span.cur svg,.page a.active svg,.page span.active svg,.page a:hover svg,.page span:hover svg {
	fill: #da251c
}

.page a.prev,.page span.prev,.page a.next,.page span.next {
	color: #666;
	border-color: transparent
}

.page a.prev,.page span.prev {
	padding-left: 20px;
	margin-right: 15px
}

.page a.prev:hover,.page span.prev:hover {
	background: transparent;
	color: #da251c !important
}

.page a.next,.page span.next {
	padding-right: 20px;
	margin-left: 15px
}

.page a.next:hover,.page span.next:hover {
	background: transparent;
	color: #da251c !important
}

.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: #da251c;
	border-radius: 3px;
	z-index: 1;
	-webkit-transform-origin: 20px;
	transform-origin: 20px;
	-webkit-transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: background .5s cubic-bezier(.77, .2, .05, 1),opacity .55s ease,width .5s,-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),-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);
	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),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1),-webkit-transform .5s cubic-bezier(.77, .2, .05, 1)
}

.navPhoneBtn span:nth-last-child(2) {
	-webkit-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);
	transform: rotate(45deg)
}

.navPhoneBtn.close span:nth-last-child(3),.navPhoneBtn.closeMember span:nth-last-child(3) {
	opacity: 1;
	-webkit-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);
	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;
	-webkit-box-sizing: border-box;
	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;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	color: #333;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	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 {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #e31b1c;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 25px;
	vertical-align: middle;
	margin-left: 5px
}

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

.conTabs .items1>div 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 #da251c solid;
	background: #da251c;
	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;
	-webkit-box-shadow: 0 0 0 26px rgba(227,27,28,0);
	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 {
	-webkit-box-shadow: 0 0 0 6px rgba(227,27,28,0.2);
	box-shadow: 0 0 0 6px rgba(227,27,28,0.2)
}

.returnList {
	text-align: center
}

.returnList a {
	display: inline-block;
	background: #da251c;
	color: #fff;
	font-size: 18px;
	min-width: 240px;
	line-height: 60px;
	text-align: center;
	padding: 0 10px;
	border-radius: 60px;
	position: relative;
	-webkit-box-shadow: 0 0 0 26px rgba(227,27,28,0);
	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 {
	-webkit-box-shadow: 0 0 0 6px rgba(227,27,28,0.2);
	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
	}
}

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

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

.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 fadeIn2 {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn2 {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

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

@-webkit-keyframes scale2 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: .8
	}

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

@keyframes scale2 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: .8
	}

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

@-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)
	}
}

@font-face {
	font-family:'Oswald-Bold';src:url('../fonts/Oswald-Bold.eot');src:url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Oswald-Bold.woff') format('woff'),url('../fonts/Oswald-Bold.woff2') format('woff2');font-weight:normal;font-style:normal
}

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

.header {
	border-bottom: 1px #ebebeb solid;
	background: rgba(255,255,255,0.34);
	z-index: 999;
	width: 100%;
	position: fixed;
	top: 0
}

.header>.container {
	max-width: 100%;
	padding-left: 300px;
	padding-right: 380px
}

.header img {
	vertical-align: middle
}

.header .logo {
	position: absolute;
	z-index: 999;
	height: 80px;
	left: 50px;
	top: 5px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.header .logo img {
	max-height: 80px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.header .mobile {
	display: none
}

.header .logo {
	float: left;
	display: inline-block
}

.header img {
	vertical-align: middle
}

.header .txt {
	display: inline-block;
	color: #fff;
	margin-left: 5px;
	color: #2c445c;
	line-height: 20px;
	border-left: 1px rgba(114,114,114,0.5) solid;
	padding-left: 20px;
	margin-left: 10px;
	vertical-align: middle
}

.header .other {
	width: 300px;
	height: 90px;
	line-height: 90px;
	text-align: right;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	right: 80px;
	top: 0;
	padding: 0 0 0 20px;
	-webkit-transition: all .5s;
	transition: all .5s
}

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

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

.header .line {
	display: inline-block;
	width: 1px;
	height: 24px;
	background: #e3e3e3;
	vertical-align: middle;
	margin: 0 15px;
	float: left;
	-webkit-transition: all .5s;
	transition: all .5s
}

.header .tel {
	font-size: 28px;
	font-family: Oswald-Bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.header .tel:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/icon/tel.svg) no-repeat center center;
	background-size: 22px;
	vertical-align: middle;
	margin-right: 10px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.header.header-2 {
	background: #fff
}

.headerHeight {
	height: 100px
}

.inside-header {
	background: #fff
}

.nav {
	width: 100%;
	text-align: right;
	clear: both
}

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

.nav .relative {
	position: relative
}

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

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

.nav>.list>li>a {
	font-size: 18px;
	color: #333;
	height: 90px;
	line-height: 90px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-transition: all .5s;
	transition: all .5s
}

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

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

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

.nav>.list>li:hover .navChild {
	display: block
}

.nav>.list>li:hover>a,.nav>.list>li.active>a {
	color: #da251c
}

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

.nav>.list>li.not-child>a:before {
	display: none
}

.nav .navChild {
	font-size: 14px;
	position: absolute;
	width: 100%;
	left: 0;
	top: 90px;
	text-align: left;
	display: none;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	text-align: center
}

.nav .navChild-2 {
	padding: 20px 0 20px 0
}

.nav .navChild-2 a {
	padding: 5px 0;
	display: block
}

.nav .navChild-2 a:hover {
	background: #da251c;
	color: #fff
}

.nav .childSolution {
	padding: 50px 0 50px 0
}

.nav .childSolution .tabs {
	overflow: hidden
}

.nav .childSolution .conTabs {
	width: 55%;
	float: left;
	padding: 9px;
	border: 1px #e8e8e8 solid
}

.nav .childSolution .conTabs .slide {
	overflow: hidden;
	display: none;
	position: relative
}

.nav .childSolution .conTabs .slide:after {
	content: "";
	display: block;
	padding-top: 40.90909091%
}

.nav .childSolution .conTabs .slide img {
	/*width: 100%*/
}

.nav .childSolution .menuTabs {
	width: 45%;
	float: left;
	padding: 0 0 0 20px
}

.nav .childSolution .menuTabs>div {
	width: 50%;
	float: left;
	padding: 0 10px
}

.nav .childSolution .menuTabs>div a {
	text-align: left;
	display: block;
	color: #333;
	font-size: 16px;
	line-height: 56px;
	height: 57px;
	overflow: hidden;
	border-bottom: 1px #e8e8e8 solid
}

.nav .childSolution .menuTabs>div a:hover {
	background: transparent;
	color: #da251c
}

.nav .childSolution .menuTabs .active a {
	color: #da251c
}

.nav .childApplication {
	padding: 50px 0 50px 0;
	text-align: left
}



.nav .childApplication dl {
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px #e8e8e8 solid;
	line-height: 24px;
	padding: 15px 0
}

.nav .childApplication dl:last-child {
	border-bottom: none
}

.nav .childApplication dt {
	float: left
}

.nav .childApplication .titleBig {
	font-size: 16px;
	font-weight: 700;
	width: 100px;
	height:24px;
	overflow:hidden;
}

.nav .childApplication .titleBig:hover a{
	color:#da251c
}

.nav .childApplication dd {
	float: left;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 40px
}

.nav .childApplication dd .list li {
	font-size: 16px;
	min-width: 150px;
	padding-right: 20px;
	float: left
}

.nav .childApplication dd .list li:last-child {
	padding-right: 0
}
	.nav .childApplication dd .list li a:hover {
		color: #da251c;
	}

.nav .childPro {
	padding: 50px 0 50px 0
}

.nav .childPro .list li {
	width: 16.66666667%;
	float: left;
	text-align: center
}

.nav .childPro .list .box {
	display: block
}

.nav .childPro .list .pic {
	max-width: 180px;
	margin: auto auto 10px auto;
	position: relative
}

.nav .childPro .list .pic:after {
	content: "";
	display: block;
	padding-top: 75%
}

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

.nav .childPro .list .title {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nav .childPro .list .box:hover .title {
	color: #da251c
}

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

@media (max-width:1400px){
	.nav .childPro .list .title,.nav .childSolution .menuTabs > div a{
		font-size:14px;
	}
	.nav .childApplication {
		padding: 10px 0 10px 0;
	}
	.nav .childApplication dl{
		line-height:20px;
		padding:12px 0;
	}
	.nav .childApplication .titleBig{
		font-size:14px;
		line-height:20px;
	}
	.nav .childApplication dd .list li{
		font-size:14px;
	}
}

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

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

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

#searchPopup .searchBox.fadeIn {
	top: 90px;
	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);
	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 {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: auto;
	height: 36px;
	width: 36px;
	background: #da251c;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0
}

#searchPopup .searchBox .btn svg {
	width: 20px;
	height: 20px;
	margin: 0 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 .btn:hover {
	background: #bd150d
}

#searchPopup .searchBox .close {
	display: none
}

@media screen and (max-width:1800px) {
	.nav>.list>li {
		padding: 0 18px
	}

	.nav>.list>li>a {
		font-size: 16px
	}
}

@media screen and (max-width:1599px) {
	.header .logo {
		left: 30px
	}

	.header .other {
		right: 30px
	}

	.header>.container {
		padding-left: 220px;
		padding-right: 310px
	}

	.nav>.list>li {
		padding: 0 12px 0 12px
	}

	.nav>.list>li>a {
		font-size: 14px
	}
}

@media screen and (max-width:1279px) {
	.nav>.list>li {
		padding: 0 10px
	}

	.nav>.list>li>a {
		font-size: 14px
	}
}

@media screen and (max-width:1220px) {
	.nav>.list>li {
		padding: 0 10px
	}

	.nav>.list>li>a {
		font-size: 14px
	}

	.headerFixed {
		position: absolute
	}
}

.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;
	margin-top:90px;
	z-index: 9
}

.banner img {
	vertical-align: top;
	display: inline-block;
	width: 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 .pc img {
	-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);
	transform: scale(1.05)
}

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

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

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

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

.banner .slick-dots li {
	width: 12px;
	height: 37px;
	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: #fff;
	-webkit-transition: all .3s;
	transition: all .3s
}

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

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


.banner .slick-prev, .banner .slick-next {
  width: 40px;
  height: 70px;
	opacity: 0;
  z-index: 55;
}

.banner .slick-prev:before, .banner .slick-next:before {
	display:none;
}

.banner .slick-prev {
  background: url("../images/prev.png") no-repeat center center;
  left: 190px;
}

/*.banner .slick-prev:hover {
  background: url("../images/prev-h.png") no-repeat center center;
}*/

.banner .slick-next {
  background: url("../images/next.png") no-repeat center center;
  left: auto;
  right:190px;
}

.banner:hover .slick-prev,.banner:hover .slick-next {
  opacity: 1;
}

/*.banner .slick-next:hover {
  background: url("../images/next-h.png") no-repeat center center;
}*/

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

.home-title .title-1 {
	color: #666;
	font-size: 30px;
	font-weight: 100;
	margin-bottom: 20px
}

.home-title .title-2 {
	font-size: 40px;
	font-weight: 700
}

.home-title .title-2 span {
	color: #da251c
}

.home-title .en {
	width: 100%;
	opacity: .05;
	font-size: 183px;
	font-family: Oswald-Bold;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.moreBtn span,.moreBtn a {
	display: inline-block;
	background: #da251c;
	color: #fff;
	line-height: 40px;
	padding: 0 25px;
	text-align: center
}

.moreBtn span:after,.moreBtn a:after {
	content: "";
	display: inline-block;
	width: 28px;
	height: 11px;
	background: url(../images/icon/sprite.png) no-repeat -38px 0;
	margin-left: 20px
}

.moreBtn span:hover,.moreBtn a:hover {
	background: #000
}

.moreBtn-2 a,.moreBtn-2 span {
	display: inline-block;
	border: 1px #9d9d9d solid;
	padding: 0 25px;
	line-height: 38px;
	font-size: 14px;
	color: #666;
	text-align: center;
	position: relative
}

.moreBtn-2 a:after,.moreBtn-2 span:after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 11px;
	background: url(../images/icon/sprite.png) no-repeat -6px 0;
	margin-left: 18px
}

.moreBtn-2 a:hover,.moreBtn-2 span:hover {
	border-color: #da251c;
	background: #da251c;
	color: #fff
}

.moreBtn-2 a:hover:after,.moreBtn-2 span:hover:after {
	background-position: -44px 0
}

.moreBtn-3 a,.moreBtn-3 span {
	display: inline-block;
	border: 1px #da251c solid;
	padding: 0 25px;
	line-height: 38px;
	font-size: 14px;
	background: #da251c;
	color: #fff;
	text-align: center;
	position: relative
}

.moreBtn-3 a:after,.moreBtn-3 span:after {
	background-position: 0
}

.moreBtn-3 a:after,.moreBtn-3 span:after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 11px;
	background: url(../images/icon/sprite.png) no-repeat -44px 0;
	margin-left: 18px
}

.moreBtn-3 a:hover,.moreBtn-3 span:hover {
	border-color: #000;
	background: #000;
	color: #fff
}

.home-application {
	background: #fafafa;
	padding: 120px 0 50px 0
}

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

.home-application .list {
	font-size: 16px;
	position: relative
}

.home-application .list:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #fafafa;
	position: absolute;
	bottom: 0;
	left: 0
}

.home-application .list li {
	width: 25%;
	float: left;
	border-bottom: 1px #f0f0f0 solid;
	border-right: 1px #f0f0f0 solid
}

.home-application .list li:nth-child(4n) {
	border-right: none
}

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

.home-application .list .num {
	font-size: 68px;
	color: #f0f0f0;
	font-family: Roboto-Black-1;
	position: absolute;
	top: 20px;
	right: 30px
}

.home-application .list .pic {
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative
}

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

.home-application .list .pic .hover {
	opacity: 0;
	position: absolute;
	top: auto;
	bottom: -100%
}

.home-application .list .text {
	padding: 0 15px
}

.home-application .list .title {
	font-size: 25px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px
}

.home-application .list .tag {
	color: #666;
	line-height: 32px;
	height: 64px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: -15px;
	font-size: 0
}

.home-application .list .span-1,.home-application .list .a-1 {
	font-size: 14px;
	display: inline-block;
	min-width: 33.33333333%;
	padding-right: 15px;
	vertical-align: top
}

.home-application .list .a-1:hover {
	color: #da251c;
	text-decoration: underline
}

.home-application .list .more {
	color: #666
}

.home-application .list .more a,.home-application .list .more span {
	color: #666
}

.home-application .list .more a:hover,.home-application .list .more span:hover {
	text-decoration: underline
}

.home-application .list .box:hover .pic .default {
	top: -100%;
	bottom: auto
}

.home-application .list .box:hover .pic .hover {
	opacity: 1;
	bottom: 0
}

.home-application .list .box:hover .title {
	color: #da251c
}

.home-application .list .box:hover .more a,.home-application .list .box:hover .more span {
	color: #da251c
}

.home-solution {
	background: #fff;
	padding: 70px 0 100px 0
}

.home-solution .nr {
	margin-top: 80px
}

.home-solution .menuTabs {
	margin-bottom: 70px
}

.home-solution .menuTabs .list li {
	width: 12.5%;
	float: left;
	text-align: center
}

.home-solution .menuTabs .list .box {
	display: block;
	padding: 0 0 40px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative
}

.home-solution .menuTabs .list .box:after {
	content: "";
	display: block;
	width: 0;
	height: 4px;
	background: #bd150d;
	border-radius: 100%;
	position: absolute;
	z-index: 1;
	bottom: -2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: width .5s;
	transition: width .5s
}

.home-solution .menuTabs .list .pic {
	overflow: hidden;
	display: block;
	width: 80px;
	height: 90px;
	margin: auto;
	margin-bottom: 10px;
	position: relative
}

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

.home-solution .menuTabs .list .pic .hover {
	opacity: 0;
	top: auto;
	bottom: -100%
}

.home-solution .menuTabs .list .pic-2 {
	width: 120px;
	height: 120px;
	opacity: .1;
	position: absolute;
	bottom: -20px;
	left: -20px
}

.home-solution .menuTabs .list .pic-2 img {
	width: 100%
}

.home-solution .menuTabs .list .title {
	color: #333;
	font-size: 18px;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	padding-left: 20px;
	padding-right: 20px;
}

.home-solution .menuTabs .list .box:hover {
	background: #da251c
}

.home-solution .menuTabs .list .box:hover:after {
	width: 180px
}

.home-solution .menuTabs .list .box:hover .default {
	top: -100%;
	bottom: auto;
	opacity: 0
}

.home-solution .menuTabs .list .box:hover .hover {
	opacity: 1;
	bottom: 0
}

.home-solution .menuTabs .list .box:hover .title {
	color: #fff
}

.home-solution .menuTabs .list .active .box {
	-webkit-box-shadow: 0 0 9px 0 #d1d1d1;
	box-shadow: 0 0 9px 0 #d1d1d1;
	background: #da251c
}

.home-solution .menuTabs .list .active .box:after {
	width: 180px
}

.home-solution .menuTabs .list .active .box .default {
	top: -100%;
	bottom: auto;
	opacity: 0
}

.home-solution .menuTabs .list .active .box .hover {
	opacity: 1;
	bottom: 0
}

.home-solution .menuTabs .list .active .title {
	color: #fff
}

.home-solution .conTabs .slide {
	display: none
}

.home-solution .conTabs .slide.active {
	display: block
}

.home-solution .conTabs .left {
	width: 60%;
	float: left;
	-webkit-animation: .5s fadeInUp2 linear;
	animation: .5s fadeInUp2 linear
}

.home-solution .conTabs .right {
	width: 40%;
	float: left;
	padding-left: 50px;
	-webkit-animation: .5s fadeInUp2 linear;
	animation: .5s fadeInUp2 linear
}

.home-solution .conTabs .text {
	color: #666;
	font-size: 16px;
	line-height: 2;
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.home-solution .conTabs .title-1 {
	font-weight: 700;
	font-size: 25px;
	color: #333;
	margin-bottom: 10px
}

.home-solution .conTabs .div-1 {
	border-bottom: 1px #e6e6e6 solid;
	padding: 10px 0;
	margin-bottom: 20px
}

.home-solution .conTabs .div-1:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.home-solution .conTabs .title-2 {
	font-weight: 700;
	color: #545454;
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 10px
}

.home-solution .conTabs .title-2 .icon {
	vertical-align: middle;
	float: left;
	margin-right: 10px
}

.home-solution .conTabs .info {
	margin-right: -15px;
	overflow: hidden
}

.home-solution .conTabs .div-2 {
	min-width: 50%;
	float: left;
	padding-right: 15px
}

.home-solution .conTabs .div-2 .icon {
	margin-right: 10px
}

.home-solution .conTabs .btns {
	padding-top: 20px;
	overflow: hidden
}

.home-solution .conTabs .btns>div {
	min-width: 150px;
	float: left;
	margin-right: 40px
}

.home-solution .conTabs .btns>div:last-child {
	margin-right: 0
}

.home-solution .conTabs .btns a {
	display: block;
	background: #333;
	color: #fff;
	line-height: 40px;
	padding: 0 10px;
	text-align: center
}

.home-solution .conTabs .btns a:after {
	content: "";
	display: inline-block;
	width: 28px;
	height: 11px;
	background: url(../images/icon/sprite.png) no-repeat -38px 0;
	margin-left: 20px
}

.home-solution .conTabs .btns a:hover {
	background: #000
}

.home-solution .conTabs .btns .a-2 {
	background: #da251c
}

.home-solution .conTabs .btns .a-2:hover {
	background: #000
}

.home-choice {
	padding: 20px 0 0 0
}

.home-choice .nr {
	margin-top: 80px;
	background-color: #333;
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff
}

.home-choice .list li {
	width: 26.5625%;
	float: left;
	text-align: center;
	margin: auto;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-choice .list li.active,.home-choice .list li:hover {
	width: 46.875%
}

.home-choice .list .bg {
	width: 100%;
	height: 100%;
	background-color: #e50012;
	background-repeat: no-repeat;
	background-position: center top;
	display: none;
	position: absolute;
	top: 0;
	left: 0
}

.home-choice .list .box {
	overflow: hidden;
	height: 800px;
	text-align: center;
	padding: 140px 0 170px 0;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-choice .list .pic {
	margin-bottom: 30px;
	height: 300px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-choice .list .title-1 {
	font-size: 35px;
	line-height: 60px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-choice .list .title-2 {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 70px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-choice .list .info-1 {
	font-size: 18px;
	line-height: 2;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: none;
	margin-bottom: 70px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-choice .list .info-2 {
	font-size: 16px;
	line-height: 2;
	height: 96px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: none;
	max-width: 590px;
	margin: auto;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-choice .list .num {
	font-size: 150px;
	line-height: 1;
	color: rgba(255,255,255,0.1);
	font-family: Oswald-Bold;
	width: 100%;
	position: absolute;
	bottom: -50px
}

.home-choice .list li.active .bg,.home-choice .list li:hover .bg {
	display: block
}

.home-choice .list li.active .box,.home-choice .list li:hover .box {
	padding: 15px 15px 140px 30px
}

.home-choice .list li.active .info-1,.home-choice .list li:hover .info-1 {
	display: block
}

.home-choice .list li.active .info-2,.home-choice .list li:hover .info-2 {
	display: block
}

.home-partner {
	padding: 120px 0 100px 0
}

.home-partner .nr {
	margin-top: 80px
}

.home-partner img {
	vertical-align: middle
}

.home-partner .list {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 10px
}

.home-partner .list li {
	width: 20%;
	float: left;
	padding: 0 15px 30px 5px
}

.home-partner .list .box {
	display: block;
	overflow: hidden;
	position: relative
}

.home-partner .list .pic {
	overflow: hidden;
	position: relative
}

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

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

.home-partner .list .text {
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(199,6,21,0.98)), to(rgba(199,6,21,0)));
	background: linear-gradient(to bottom, rgba(199,6,21,0.98), rgba(199,6,21,0));
	color: #fff;
	font-size: 18px;
	padding: 0 10px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: -100%;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-partner .list .title {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.home-partner .list .line {
	position: absolute;
	z-index: 9
}

.home-partner .list .tLine {
	width: 100%;
	height: 1px;
	background: #bababa;
	top: 0;
	left: 0
}

.home-partner .list .rLine {
	width: 1px;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#fff));
	background: linear-gradient(to bottom, #bababa, #fff);
	top: 0;
	right: 0
}

.home-partner .list .bLine {
	height: 1px;
	width: 100%;
	background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(#f1f1f1), to(#fff));
	background: linear-gradient(to left, #fff, #f1f1f1, #fff);
	bottom: 0;
	left: 0
}

.home-partner .list .lLine {
	width: 1px;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#fff));
	background: linear-gradient(to bottom, #bababa, #fff);
	top: 0;
	left: 0
}

.home-partner .list .box:hover .text {
	top: 0
}

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

.home-partner .list-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.home-partner .list-2 li {
	float: left;margin-right:2px;
}
.home-partner .list-2 li .div-1{margin-bottom:2px;}
.home-partner .list-2 li .div-1:nth-child(2){margin-bottom:0}
.home-partner .list-2 .box {
	display: block;
	background: #000;
	position: relative
}

.home-partner .list-2 .pic {
	overflow: hidden
}

.home-partner .list-2 .pic img {
	opacity: .6;
	-webkit-transition: all .5s;
	transition: all .5s
}

.home-partner .list-2 .text {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.home-partner .list-2 .title {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	padding: 20px 30px;
	position: absolute;
	bottom: 0;
	left: 0
}

.home-partner .list-2 .play {
	width: 44px;
	height: 44px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.home-partner .list-2 .box:hover {
	background: #e50012
}

.home-partner .list-2 .box:hover .pic img {
	opacity: .53;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.home-service {
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	background-position: center center
}

.home-service .container {
	position: relative
}

.home-service .titleBig {
	position: absolute;
	z-index: 1;
	top: 120px;
	left: 0
}

.home-service .titleBig .title-3 {
	font-weight: 700;
	color: #333;
	font-size: 30px;
	margin-top: 20px
}

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

.home-service .nr {
	min-height: 1000px;
	padding: 180px 0 0 0;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	z-index: 2
}

.home-service .menuTabs {
	z-index: 1
}

.home-service .menuTabs .box {
	display: inline-block;
	width: auto;
	min-width: 320px;
	padding: 15px 15px 15px 30px;
	border-radius: 5px;
	position: relative
}

.home-service .menuTabs .box .dot {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #da251c;
	position: absolute;
	top: 50%;
	left: -50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.home-service .menuTabs .box .circle {
	width: 60px;
	height: 60px;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	background: transparent
}

.home-service .menuTabs .box .circle:before {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(229,0,18,0.2);
	opacity: 0;
	-webkit-animation: ripple 2s ease-out 0s infinite;
	animation: ripple 2s ease-out 0s infinite
}

.home-service .menuTabs .box .circle:after {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(229,0,18,0.5);
	opacity: 0;
	-webkit-animation: ripple 4s ease-out 1s infinite;
	animation: ripple 4s ease-out 1s infinite
}

.home-service .menuTabs li {
	position: absolute;
	z-index: 999
}

.home-service .menuTabs .li-1 {
	top: 106px;
	left: 623px
}

.home-service .menuTabs .li-2 {
	top: 231px;
	left: 440px
}

.home-service .menuTabs .li-3 {
	top: 376px;
	left: 314px
}

.home-service .menuTabs .li-4 {
	top: 523px;
	left: 228px
}

.home-service .menuTabs .li-5 {
	top: 670px;
	left: 164px
}

.home-service .menuTabs .li-6 {
	top: 816px;
	left: 112px
}

.home-service .menuTabs .icon {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin-right: 10px;
	float: left
}

.home-service .menuTabs .icon .hover {
	display: none
}

.home-service .menuTabs .title {
	float: left
}

.home-service .menuTabs .title .cn {
	color: #333;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700
}

.home-service .menuTabs .title .en {
	color: #7a7a7a;
	font-size: 16px;
	line-height: 20px
}

.home-service .menuTabs .active .box,.home-service .menuTabs .box:hover {
	background: #da251c
}

.home-service .menuTabs .active .box .num,.home-service .menuTabs .box:hover .num {
	color: #fff
}

.home-service .menuTabs .active .box .title .cn,.home-service .menuTabs .box:hover .title .cn {
	color: #fff
}

.home-service .menuTabs .active .box .title .en,.home-service .menuTabs .box:hover .title .en {
	color: #fff
}

.home-service .menuTabs .active .box .icon .default,.home-service .menuTabs .box:hover .icon .default {
	display: none
}

.home-service .menuTabs .active .box .icon .hover,.home-service .menuTabs .box:hover .icon .hover {
	display: block
}

.home-service .menuTabs .active .box .circle {
	display: block
}

.home-service .conTabs {
	background-repeat: no-repeat;
	background-position: center center;
	width: 700px;
	height: 700px;
	padding: 40px;
	position: absolute;
	top: 276px;
	left: 660px
}

.home-service .conTabs .item {
	width: 622px;
	height: 622px;
	border-radius: 50%;
	background: #000;
	overflow: hidden;
	display: none;
	position: relative
}

.home-service .conTabs .item .pic {
	background: #000;
	-webkit-animation: 500ms scale2 linear;
	animation: 500ms scale2 linear
}

.home-service .conTabs .item .pic img {
	opacity: .5
}

.home-service .conTabs .item .text {
	width: 100%;
	max-width: 440px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.home-service .conTabs .item .icon {
	margin-bottom: 30px;
	-webkit-animation: 500ms fadeInUp2 linear;
	animation: 500ms fadeInUp2 linear
}

.home-service .conTabs .item .title {
	margin-bottom: 30px;
	-webkit-animation: 500ms fadeInUp2 linear;
	animation: 500ms fadeInUp2 linear
}

.home-service .conTabs .item .cn {
	font-size: 35px;
	font-weight: 700
}

.home-service .conTabs .item .en {
	font-size: 18px
}

.home-service .conTabs .item .info {
	font-size: 16px;
	line-height: 28px;
	-webkit-animation: 500ms fadeInUp2 linear;
	animation: 500ms fadeInUp2 linear
}

.home-service .conTabs .show {
	display: block
}

@media screen and (max-width:1600px) {
	.home-service .titleBig .en {
		font-size: 60px
	}

	.home-service .titleBig .cn {
		font-size: 24px
	}

	.home-service .conTabs {
		left: 521px;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
}

.home-about {
	padding: 120px 0 80px 0;
	position: relative
}

.home-about .home-title {
	text-align: left;
	margin-bottom: 75px
}

.home-about .home-title .en {
	white-space: nowrap
}

.home-about .jsh .text {
	width: 50%;
	width: calc(50% - 30px);
	float: left;
	padding-right: 70px
}

.home-about .jsh .pic {
	width: 50%;
	width: calc(50% + 30px);
	float: left
}

.home-about .jsh .video {
	cursor: pointer;
	border-radius: 20px;
	overflow: hidden;
	position: relative
}

.home-about .jsh .video .click {
	overflow: hidden
}

.home-about .jsh .video img {
	position: relative;
	z-index: 1;
	vertical-align: middle
}

.home-about .jsh .video .btn {
	width: 76px;
	height: 76px;
	border-radius: 100%;
	display: block;
	position: absolute;
	z-index: 9;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.home-about .jsh .info {
	color: #666;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 30px
}

.home-about .youshi {
	margin: 70px 0 0 0
}

.home-about .youshi li {
	padding: 0 20px;
	width: 16.66666667%;
	text-align: center;
	float: left;
	color: #666;
	font-size: 16px;
	position: relative
}

.home-about .youshi li:after {
	content: "";
	display: block;
	width: 1px;
	height: 22px;
	background: #cbcbcb;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.home-about .youshi li:last-child:after {
	display: none
}

.home-about .youshi .num {
	line-height: 1;
	font-size: 18px;
	font-family: Oswald-Bold;
	margin-bottom: 10px;
	color: #333
}

.home-about .youshi .counter {
	font-size: 45px
}

.home-news {
	background: #fafafa;
	padding: 120px 0 50px 0;
	position: relative
}

.home-news .more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 0 0 10px 30px;
	border-bottom: 2px #dedede solid;
	position: absolute;
	top: 100px;
	left: 0
}

.home-news .more .span-1 {
	color: #cacaca;
	font-size: 15px;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.home-news .more .span-2 {
	color: #333;
	font-size: 42px;
	font-weight: 700;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.home-news .more:hover .span-1 {
	color: #da251c
}

.home-news .hot {
	margin-bottom: 40px
}

.home-news .hot .box {
	display: block;
	position: relative
}

.home-news .hot .pic {
	width: 43%;
	float: left;
	margin: 15px 0 0 15px;
	position: relative
}

.home-news .hot .pic:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#e30213));
	background: linear-gradient(to bottom, #333, #e30213);
	position: absolute;
	z-index: 0;
	top: -15px;
	left: -15px
}

.home-news .hot .pic:before {
	content: "";
	display: none;
	width: 54px;
	height: 112px;
	background: #fafafa;
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0
}

.home-news .hot .pic span {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.home-news .hot .pic span:after {
	content: "";
	display: block;
	padding-top: 57.79816514%
}

.home-news .hot .pic span img {
	width: 100%;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.home-news .hot .text {
	width: 50%;
	float: right
}

.home-news .hot .date {
	color: #333;
	font-size: 16px;
	font-family: arial;
	line-height: 48px;
	margin-bottom: 20px;
	position: relative
}

.home-news .hot .date:after {
	content: "";
	display: block;
	width: 25px;
	height: 2px;
	background: #da251c;
	-webkit-transition: width .5s;
	transition: width .5s
}

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

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

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

.home-news .hot .box:hover .title {
	color: #da251c
}

.home-news .hot .box:hover .date:after {
	width: 100%
}

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

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

.home-news .list .box {
	display: block;
	background: #fff;
	padding: 20px 30px;
	-webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,0.11);
	box-shadow: 0 0 27px 0 rgba(0,0,0,0.11);
	position: relative
}

.home-news .list .date {
	color: #333;
	font-size: 14px;
	font-family: arial;
	line-height: 48px;
	margin-bottom: 20px;
	position: relative
}

.home-news .list .date:after {
	content: "";
	display: block;
	width: 25px;
	height: 2px;
	background: #da251c;
	-webkit-transition: width .5s;
	transition: width .5s
}

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

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

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

.home-news .list .box:hover .date:after {
	width: 100%
}

.socialMedia {
	background: #f3f3f3;
	padding: 20px 0;
	position: relative;
	z-index: 1
}

.socialMedia .robot {
	width: 148px;
	height: 235px;
	position: absolute;
	right: 47px;
	bottom: -10px
}

.socialMedia .tx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	float: left;
	padding: 18px 0
}

.socialMedia .tx .icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	padding: 4px;
	border-radius: 50%;
	border: 1px #64686d solid
}

.socialMedia .tx .title {
	font-size: 14px;
	width: 28px;
	line-height: 1;
	margin-left: 10px
}

.socialMedia .tx .tel {
	line-height: 34px;
	color: #333;
	font-size: 25px;
	font-family: Oswald-Bold;
	padding-left: 10px;
	margin-left: 10px;
	position: relative
}

.socialMedia .tx .tel:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #dededf;
	position: absolute;
	left: 0;
	top: 0
}

.socialMedia .list {
	width: 60%;
	float: right
}

.socialMedia .list li {
	width: 25%;
	float: left;
	position: relative
}

.socialMedia .list li:before {
	content: "";
	display: block;
	width: 1px;
	height: 20px;
	background: #cdcecf;
	margin: auto;
	position: absolute;
	top: 10px;
	left: 0
}

.socialMedia .list li:first-child:before {
	display: none
}

.socialMedia .list a {
	display: block;
	color: #fff;
	vertical-align: top;
	margin: 0 5px 0 0;
	text-align: center;
	position: relative
}

.socialMedia .list a .icon img {
	vertical-align: top
}

.socialMedia .list a:last-child {
	margin-right: 0
}

.socialMedia .list a .title {
	line-height: 20px;
	font-size: 16px;
	color: #333
}

.socialMedia .list a:hover {
	text-decoration: none
}

.socialMedia .list a:hover .open {
	display: block
}

.socialMedia .list a .open {
	display: none;
	padding-bottom: 15px;
	position: absolute;
	z-index: 999;
	bottom: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.socialMedia .list a .open .openCon {
	cursor: initial;
	background: #fff;
	border: 1px #ccc solid;
	padding: 10px 10px 5px 10px;
	text-align: center;
	color: #666;
	font-size: 14px;
	position: relative
}

.socialMedia .list a .open .openCon:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #ccc transparent transparent transparent;
	position: absolute;
	z-index: 1;
	bottom: -10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.socialMedia .list a .open .openCon:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	z-index: 1;
	bottom: -8px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.socialMedia .list a .open .txt {
	line-height: 30px
}

.socialMedia .list a .open img {
	max-height: initial;
	max-width: initial;
	width: 180px;
	vertical-align: middle
}

@media screen and (max-width:1600px) {
	.socialMedia .container {
		padding-right: 150px
	}
}

.footer {
	background: #2a2929;
	background-repeat: no-repeat;
	background-position: top center;
	border-top: 3px #da251c solid;
	padding: 60px 0 0 0;
	color: #999;
	font-size: 14px;
	line-height: 38px
}

.footer .menu-follow {
	padding-bottom: 60px
}

.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 .share {
	clear: both;
	margin-top: 10px;
	font-size: 0
}

.footer .share a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 2px;
	position: relative
}

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

.footer .share .hover {
	display: none;
	position: absolute;
	bottom: 32px;
	padding-bottom: 10px;
	cursor: inherit
}

.footer .share .hover:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: 0;
	left: 5px;
	z-index: 9
}

.footer .share .hover>span {
	display: block;
	background: #fff;
	width: 202px;
	height: 202px;
	border: 1px #eee solid
}

.footer .title {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 10px
}

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

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

.footer .item {
	width: 33.33333333%;
	float: left;
	padding: 0 10px;
	position: relative
}

.footer .item-3 .child {
	margin-left: -10px;
	margin-right: -10px
}

.footer .item-3 .child>div {
	width: 50%;
	float: left;
	padding: 0 10px
}

.footer .child {
	position: relative;
	min-height: 150px;
	text-align: left
}

.footer .child a {
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative
}

.footer .child a:hover {
	margin-left: 10px
}

.footer .right {
	width: 30%;
	float: left;
	text-align: right
}

.footer .right>.div-1 {
	display: inline-block;
	text-align: left
}

.footer .footer-contact {
	color: #fff;
	font-size: 14px;
	line-height: 1.5
}

.footer .footer-contact .p-1 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px
}

.footer .footer-contact .icon {
	width: 22px;
	vertical-align: middle
}

.footer .follow {
	padding-top: 25px
}

.footer .follow .ewms {
	color: #fff
}

.footer .follow .ewms>div {
	float: left;
	text-align: center;
	margin-right: 30px
}

.footer .follow .ewms .pic {
	margin: auto;
	background: #fff;
	padding: 3px
}

.footer .follow .ewms img {
	width: 100px;
	vertical-align: middle
}

.copyright {
	border-top: 1px rgba(255,255,255,0.23) solid;
	color: rgba(255,255,255,0.37);
	font-size: 14px;
	padding: 15px 0;
	line-height: 30px;
	padding: 20px 0;
	position: relative
}

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

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

.copyright .span-1 {
	display: inline-block;
	margin-right: 20px
}

.copyright .friendship {
	float: right;
	display: inline-block
}

.copyright .friendship a {
	margin-right: 10px
}

.copyright .friendship a:last-child {
	margin-right: 0
}

.inside-title {
	line-height: 1;
	text-align: center
}

.inside-title>div {
	display: inline-block;
	border-bottom: 1px #c9c9c9 dashed;
	min-width: 400px;
	margin: auto;
	padding-bottom: 15px;
	position: relative
}

.inside-title>div:after {
	content: "";
	display: block;
	width: 30px;
	height: 5px;
	background: #da251c;
	margin: auto;
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0
}

.inside-title .cn {
	color: #000;
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 15px
}

.inside-title .en {
	color: #9c9c9c;
	font-size: 16px
}

.inside-title-2 {
	margin-bottom: 30px;
	line-height: 1.5;
	position: relative;
	z-index: 1
}

.inside-title-2 .icon {
	position: absolute;
	z-index: -1;
	bottom: 45px;
	left: 0
}

.inside-title-2 .en {
	color: #666;
	font-size: 16px
}

.inside-title-2 .cn {
	font-weight: 700;
	font-size: 25px;
	color: #333
}

.inside-title-2 .cn span {
	color: #da251c
}

.inside-title-3 {
	line-height: 1;
	text-align: center;
	position: relative;
	z-index: 1
}

.inside-title-3 .cn {
	color: #333;
	font-weight: 700;
	font-size: 35px
}

.inside-title-3 .en {
	color: #fff;
	font-size: 50px;
	margin: auto;
	font-family: Oswald-Bold;
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.inside-banner {
	text-align: center;
	position: relative;
	margin-top:90px;
}

/*.inside-banner .pic {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px
}*/

.inside-banner img {
display: block;
margin: 0 auto;
}

.bread {
	padding: 10px 0;
	color: #666;
	font-size: 14px
}

.bread a {
	color: #666
}

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

.bread em {
	font-style: normal
}

.gjc-search {
	-webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,0.14);
	box-shadow: 0 0 14px 0 rgba(0,0,0,0.14);
	background: #fff;
	position: relative
}

.gjc-search .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.gjc-search .gjc {
	line-height: 50px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}
	.gjc-search .gjc .title {
		font-size: 14px;
	}

.gjc-search .gjc a {
	font-size: 14px;
	color: #666;
	margin-right: 15px
}

.gjc-search .gjc a:hover {
	color: #da251c;
	text-decoration: underline
}

.gjc-search .search {
	width: 330px;
	position: relative
}

.gjc-search .search:before {
	content: "";
	display: block;
	width: 1px;
	height: 18px;
	background: #ddd;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0
}

.gjc-search .search .input-form {
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	border: none;
	padding-left: 20px;
	padding-right: 85px
}

.gjc-search .search .btn-form {
	background: #da251c;
	color: #fff;
	width: 65px;
	height: 100%;
	border: none;
	cursor: pointer;
	position: absolute;
	top: auto;
	right: 0
}

.gjc-search .search .btn-form:hover {
	background: #bd150d
}

.solution .nr {
	margin-top: 80px
}

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

.solution .list li {
	width: 50%;
	float: left;
	padding: 0 25px 50px 25px
}

.solution .list .box {
	display: block;
	position: relative;
	-webkit-box-shadow: 0 6px 29px 0 rgba(0,0,0,0.08);
	box-shadow: 0 6px 29px 0 rgba(0,0,0,0.08)
}

.solution .list .text {
	padding: 20px 195px 30px 25px;
	position: relative
}

.solution .list .pic {
	overflow: hidden;
	position: relative
}

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

.solution .list .pic img {
	/*width: 100%;*/
	-webkit-transition: all .5s;
	transition: all .5s
}

.solution .list .title {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px
}

.solution .list .info {
	color: #333;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.solution .list .moreBtn-2 {
	position: absolute;
	right: 36px;
	top: 36px
}

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

.solution .list .box:hover .title {
	color: #da251c
}

.solution .list .box:hover .moreBtn-2 a,.solution .list .box:hover .moreBtn-2 span {
	border-color: #da251c;
	background: #da251c;
	color: #fff
}

.solution .list .box:hover .moreBtn-2 a:after,.solution .list .box:hover .moreBtn-2 span:after {
	background-position: -44px 0
}

.solution .page {
	padding-top: 30px
}

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

.product .list li {
	width: 50%;
	float: left;
	padding: 0 35px 70px 35px
}

.product .list .box {
	overflow: hidden;
	display: block;
	padding: 30px 0;
	-webkit-box-shadow: 0 6px 30px 0 rgba(0,0,0,0.08);
	box-shadow: 0 6px 30px 0 rgba(0,0,0,0.08);
	position: relative
}

.product .list .box:after {
	content: "";
	display: block;
	width: 100%;
	height: 65%;
	height: calc(100% - 100px);
	background: -webkit-gradient(linear, left bottom, left top, from(#e2e2e3), to(#fff));
	background: linear-gradient(to top, #e2e2e3, #fff);
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0
}

.product .list .pic {
	width: 58%;
	float: left;
	overflow: hidden;
	position: relative
}

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

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

.product .list .text {
	width: 37%;
	float: left;
	padding-left:5px;
}

.product .list .title {
	color: #3e3a39;
	font-size: 22px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 30px
}

.product .list .info {
	color: #3e3a39;
	font-size: 14px;
	line-height: 24px;
	height: 120px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	margin-bottom: 30px
}

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

.product .list .box:hover .title {
	color: #da251c
}

.product .list .box:hover .moreBtn-2 a,.product .list .box:hover .moreBtn-2 span {
	border-color: #da251c;
	background: #da251c;
	color: #fff
}

.product .list .box:hover .moreBtn-2 a:after,.product .list .box:hover .moreBtn-2 span:after {
	background-position: -44px 0
}

.product .page {
	padding-top: 10px
}

.subMenu {
	text-align: center;
	position: relative;
	z-index: 1
}

.subMenu #anchorA {
	width: 1px;
	height: 1px;
	position: absolute;
	top: -120px;
	left: 0
}

.subMenu .container {
	background: #f5f6f6
}

.subMenu .list {
	text-align: center;
	position: relative
}

.subMenu li {
	width: 14.28571429%;
	float: left;
	position: relative
}

.subMenu li:after {
	content: "";
	display: block;
	width: 1px;
	height: 13px;
	background: #a5a5a5;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0
}

.subMenu li:last-child:after {
	display: none
}

.subMenu .box {
	color: #333;
	min-width: 140px;
	padding: 0 10px;
	display: block;
	line-height: 64px;
	font-size: 20px;
	text-align: center;
	position: relative;
	z-index: 1
}

.subMenu .box:before {
	content: "";
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #da251c transparent transparent transparent;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px
}

.subMenu .box:hover {
	border-color: #da251c;
	background: #da251c;
	color: #fff
}

.subMenu .box:hover:before {
	display: block
}

.subMenu .active .box {
	border-color: #da251c;
	background: #da251c;
	color: #fff
}

.subMenu .active .box:before {
	display: block
}

.about {
	color: #666;
	font-size: 16px;
	line-height: 2
}

.brief {
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-bottom: 70px
}

.brief .nr {
	margin-top: 80px
}

.brief .left {
	width: 50%;
	float: left
}

.brief .right {
	width: 50%;
	float: right;
	padding-top: 90px;
	padding-left: 60px
}

.brief .info .b-1 {
	color: #333
}

.qysl {
	background: #f5f6f6;
	padding-top: 70px;
	padding-bottom: 70px
}

.qysl .nr {
	margin-top: 90px
}

.culture {
	padding-top: 70px
}

.culture .inside-title-3 .en {
	color: #f5f6f6
}

.culture .nr {
	margin-top: 70px;
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #fff
}

.culture .list {
	padding: 0 100px
}

.culture .list li {
	width: 20%;
	float: left;
	text-align: center;
	border-left: 1px rgba(255,255,255,0.28) solid
}

.culture .list li:last-child {
	border-right: 1px rgba(255,255,255,0.28) solid
}

.culture .list .box {
	height: 700px;
	padding: 270px 40px 50px 40px;
	-webkit-transition: padding .5s;
	transition: padding .5s
}

.culture .list .pic {
	width: 90px;
	height: 90px;
	margin: auto auto 30px auto;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.17);
	position: relative;
	z-index: 1;
	-webkit-transition: all .5s;
	transition: all .5s
}

.culture .list .pic .hover {
	display: none
}

.culture .list .pic:before {
	content: "";
	display: block;
	width: 78px;
	height: 78px;
	border-radius: 50%;
	background: #fff;
	opacity: 0;
	margin: auto;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s;
	transition: all .5s
}

.culture .list .pic:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 1px #fff dashed;
	margin: auto;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.culture .list .title {
	margin-bottom: 50px
}

.culture .list .cn {
	font-size: 25px
}

.culture .list .en {
	font-size: 14px
}

.culture .list .info {
	font-size: 16px;
	line-height: 32px;
	text-align: left;
	display: none;
	-webkit-transition: all .5s;
	transition: all .5s
}

.culture .list .box:hover {
	padding-top: 170px;
	background: rgba(227,2,19,0.81)
}

.culture .list .box:hover .pic {
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg)
}

.culture .list .box:hover .pic:before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.culture .list .box:hover .default {
	display: none
}

.culture .list .box:hover .hover {
	display: block
}

.culture .list .box:hover .info {
	display: block
}

.histroy {
	background-color: #f5f6f6;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 70px;
	padding-bottom: 40px
}

.histroy .nr {
	background-position: center 230px;
	background-repeat: no-repeat;
	position: relative
}

.histroy .list li {
	float: left;
	width: 16.66666667%
}

.histroy .list li.li-1 {
	padding-top: 500px
}

.histroy .list li.li-2 {
	padding-top: 100px
}

.histroy .list li.li-3 {
	padding-top: 450px
}

.histroy .list li.li-4 {
	padding-top: 50px
}

.histroy .list li.li-5 {
	padding-top: 400px
}

.histroy .list li.li-6 {
	padding-top: 0
}

.histroy .list .item {
	float: left
}

.histroy .list .year {
	font-family: Oswald-Bold;
	color: #333;
	font-size: 40px;
	font-style: italic;
	padding-left: 35px;
	position: relative
}

.histroy .list .icon {
	display: block;
	width: 18px;
	height: 18px;
	border: 1px #da251c solid;
	border-radius: 50%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0
}

.histroy .list .icon:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 3px #da251c solid;
	border-radius: 50%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.histroy .list .info {
	color: #333;
	font-size: 14px;
	line-height: 24px;
	height: 120px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	padding-left: 35px
}

.histroy .list .box:hover .year {
	color: #da251c
}

.histroy .list .box:hover .info {
	color: #da251c
}

.histroy .btns {
	text-align: center
}

.histroy .prev,.histroy .next {
	display: inline-block;
	width: 44px;
	height: 44px;
	background: #dadada;
	position: relative;
	z-index: 9
}

.histroy .prev:before,.histroy .next:before {
	content: "";
	display: block;
	font-family: serif;
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	text-align: center;
	color: #000;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto
}

.histroy .prev:hover,.histroy .next:hover {
	background: #da251c
}

.histroy .prev:hover:before,.histroy .next:hover:before {
	color: #fff
}

.histroy .prev:before {
	content: "<"
}

.histroy .next:before {
	content: ">"
}

.fwln {
	padding-top: 70px
}

.fwln .inside-title-3 .en {
	color: #f5f6f6
}

.fwln .nr {
	margin-top: 70px
}

.fwln .left {
	width: 50%;
	float: left;
	padding-top: 80px;
	padding-right: 60px
}

.fwln .right {
	width: 50%;
	float: left
}

.partner {
	padding-top: 80px
}

.partner .nr {
	margin-top: 70px
}

.partner .list {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 10px
}

.partner .list li {
	width: 25%;
	float: left;
	padding: 0 15px 30px 15px
}

.partner .list .box {
	display: block;
	-webkit-box-shadow: 0 0 0 1px #d9d9d9 inset;
	box-shadow: 0 0 0 1px #d9d9d9 inset;
	position: relative
}

.partner .list .pic {
	overflow: hidden;
	position: relative
}

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

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

.partner .list .text {
	padding: 0 10px 20px 10px;
	text-align: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.partner .list .title {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.partner .list .line {
	background: #da251c;
	position: absolute;
	z-index: 9;
	-webkit-transition: all .5s;
	transition: all .5s
}

.partner .list .tLine {
	width: 0;
	height: 1px;
	top: 0;
	left: 0
}

.partner .list .rLine {
	width: 1px;
	height: 0;
	bottom: 0;
	right: 0
}

.partner .list .bLine {
	height: 1px;
	width: 0;
	bottom: 0;
	right: 0
}

.partner .list .lLine {
	width: 1px;
	height: 0;
	top: 0;
	left: 0
}

.partner .list .box:hover .text {
	top: 0
}

.partner .list .box:hover .tLine {
	width: 100%
}

.partner .list .box:hover .rLine {
	height: 100%
}

.partner .list .box:hover .bLine {
	width: 100%
}

.partner .list .box:hover .lLine {
	height: 100%
}

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

.honor {
	padding-top: 80px
}

.honor .nr {
	margin-top: 70px
}

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

.honor .list li {
	width: 25%;
	float: left;
	padding: 0 20px 20px 20px
}

.honor .list .box {
	display: block;
	position: relative
}

.honor .list .pic {
	border: 1px #d9d9d9 solid;
	overflow: hidden;
	position: relative
}

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

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

.honor .list .text {
	padding: 20px 10px 20px 10px;
	text-align: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.honor .list .title {
	color: #222;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.honor .list .line {
	background: #da251c;
	position: absolute;
	z-index: 9;
	-webkit-transition: all .5s;
	transition: all .5s
}

.honor .list .tLine {
	width: 0;
	height: 1px;
	top: 0;
	left: 0
}

.honor .list .rLine {
	width: 1px;
	height: 0;
	bottom: 0;
	right: 0
}

.honor .list .bLine {
	height: 1px;
	width: 0;
	bottom: 0;
	right: 0
}

.honor .list .lLine {
	width: 1px;
	height: 0;
	top: 0;
	left: 0
}

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

.exhibition {
	padding-top: 80px
}

.exhibition .nr {
	margin-top: 70px
}

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

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

.exhibition .list .box {
	display: block;
	position: relative
}

.exhibition .list .pic {
	border-radius: 5px;
	overflow: hidden;
	position: relative
}

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

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

.exhibition .list .text {
	padding: 20px 10px 20px 10px;
	text-align: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.exhibition .list .title {
	color: #333;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.exhibition .list .box:hover .text {
	top: 0
}

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

.environment {
	padding-top: 80px
}

.environment .nr {
	margin-top: 70px
}

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

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

.environment .list .box {
	display: block;
	-webkit-box-shadow: 0 0 10px 0 rgba(101,101,101,0.17);
	box-shadow: 0 0 10px 0 rgba(101,101,101,0.17);
	position: relative
}

.environment .list .pic {
	overflow: hidden;
	position: relative
}

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

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

.environment .list .text {
	padding: 10px 10px 10px 10px;
	text-align: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.environment .list .title {
	color: #333;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.environment .list .box:hover .text {
	top: 0
}

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

.newsAll {
	padding-top: 50px;
	padding-bottom: 70px
}

.newsAll .more {
	text-align: center
}

.newsAll .more a,.newsAll .more span {
	display: inline-block;
	background: #000;
	color: #fff;
	min-width: 160px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	padding: 0 10px
}

.newsAll .more a:hover,.newsAll .more span:hover {
	background: #da251c
}

.newsAll .nr {
	margin-top: 70px
}

.newsAll .part-1 {
	padding-bottom: 70px
}

.newsAll .part-2 {
	background: #fcfcfc;
	padding: 70px 0
}

.newsAll .part-3 {
	padding: 70px 0 0 0
}

.newsAll .hot {
	border-bottom: 1px #efefef solid;
	padding-bottom: 50px;
	margin-bottom: 50px
}

.newsAll .hot .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f7f7f7;
	padding: 30px 50px
}

.newsAll .hot .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 10px;
	padding-right: 30px
}

.newsAll .hot .pic {
	width: 405px;
	border-radius: 10px;
	overflow: hidden;
	position: relative
}

.newsAll .hot .pic:after {
	content: "";
	display: block;
	padding-top: 57.79816514%
}

.newsAll .hot .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

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

.newsAll .hot .title .tag {
	font-style: inherit;
	display: inline-block;
	background: #da251c;
	color: #fff;
	line-height: 30px;
	font-weight: 700;
	padding: 0 10px;
	margin-right: 10px;
	font-size: 16px
}

.newsAll .hot .info {
	color: #666;
	font-size: 16px;
	line-height: 28px;
	height: 84px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	margin-bottom: 20px
}

.newsAll .hot .btn-date {
	overflow: hidden
}

.newsAll .hot .date {
	color: #333;
	font-size: 16px;
	font-family: arial;
	line-height: 48px;
	float: right;
	padding-right: 20px;
	position: relative
}

.newsAll .hot .date:after {
	content: "";
	display: block;
	width: 25px;
	height: 2px;
	background: #da251c;
	-webkit-transition: width .5s;
	transition: width .5s
}

.newsAll .hot .moreBtn-3 {
	float: left;
	margin-top: 5px
}

.newsAll .hot .box:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

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

.newsAll .list li {
	width: 50%;
	float: left;
	padding: 0 25px 50px 25px
}

.newsAll .list .box {
	display: block;
	background: #fff;
	padding: 20px 30px;
	-webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,0.11);
	box-shadow: 0 0 27px 0 rgba(0,0,0,0.11);
	position: relative
}

.newsAll .list .date {
	color: #333;
	font-size: 14px;
	font-family: arial;
	line-height: 48px;
	margin-bottom: 20px;
	position: relative
}

.newsAll .list .date:after {
	content: "";
	display: block;
	width: 25px;
	height: 2px;
	background: #da251c;
	-webkit-transition: width .5s;
	transition: width .5s
}

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

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

.newsAll .list .box:hover .title {
	color: #da251c
}

.newsAll .list .box:hover .date:after {
	width: 100%
}

.inside {
	padding-top: 50px;
	padding-bottom: 80px
}

.inside-2 {
	padding-top: 50px;
	padding-bottom: 80px
}

.inside-2 .leftAside {
	width: 12.5%;
	float: left
}

.inside-2 .leftAside .classify .titleBig {
	background: #000;
	color: #fff;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	font-weight: 700
}

.inside-2 .leftAside .classify .list a {
	display: block;
	background: #e7e7e7;
	line-height: 30px;
	padding: 15px 10px;
	margin-bottom: 1px;
	text-align: center
}

.inside-2 .leftAside .classify .list a:hover {
	background: #da251c;
	color: #fff
}

.inside-2 .leftAside .classify .list .active a {
	background: #da251c;
	color: #fff
}

.inside-2 .rightCon {
	width: 85.5%;
	float: left;
	border: 1px #e7e7e7 solid;
	padding: 40px 20px 70px 40px
}

.inside-2 .leftCon {
	width: 76%;
	float: left;
	padding-right: 60px
}

.inside-2 .rightAside {
	width: 24%;
	float: right
}

.inside-2 .rightPro {
	background: #f7f7f7;
	padding: 30px 25px;
	margin-bottom: 30px
}

.inside-2 .rightPro .titleBig {
	color: #333;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px;
	position: relative
}

.inside-2 .rightPro .titleBig .more {
	display: block;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	border: 1px #bdbdbd solid;
	position: absolute;
	right: 0;
	top: 5px
}

.inside-2 .rightPro .titleBig .more:before,.inside-2 .rightPro .titleBig .more:after {
	content: "";
	display: block;
	background: #bdbdbd;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.inside-2 .rightPro .titleBig .more:before {
	width: 11px;
	height: 1px
}

.inside-2 .rightPro .titleBig .more:after {
	width: 1px;
	height: 11px
}

.inside-2 .rightPro .titleBig .more:hover {
	border-color: #da251c
}

.inside-2 .rightPro .titleBig .more:hover:before,.inside-2 .rightPro .titleBig .more:hover:after {
	background: #da251c
}

.inside-2 .rightPro .list li {
	width: 100%;
	padding-bottom: 20px;
	text-align: center
}

.inside-2 .rightPro .list .box {
	display: block
}

.inside-2 .rightPro .list .pic {
	margin: auto;
	background: #fff;
	padding: 10px;
	position: relative
}

.inside-2 .rightPro .list .pic span {
	display: block;
	position: relative
}

.inside-2 .rightPro .list .pic span:after {
	content: "";
	display: block;
	padding-top: 75%
}

.inside-2 .rightPro .list .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.inside-2 .rightPro .list .title {
	color: #333;
	font-size: 16px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.inside-2 .rightPro .list .box:hover .title {
	color: #da251c
}

.inside-2 .rightPro .list .box:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.inside-2 .rightContact .titleBig {
	padding: 20px 0;
	background: #da251c;
	color: #fff;
	position: relative
}

.inside-2 .rightContact .titleBig:before {
	content: "";
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url(../images/icon/sprite.png) no-repeat 0 -20px;
	float: left;
	margin-left: 10px
}

.inside-2 .rightContact .titleBig .txt {
	display: inline-block;
	text-align: left;
	margin-left: 10px
}

.inside-2 .rightContact .titleBig .cn {
	font-size: 24px;
	font-weight: bold
}

.inside-2 .rightContact .titleBig .en {
	font-size: 16px
}

.inside-2 .rightContact .text {
	background: #f7f7f7;
	padding: 20px 15px 20px 15px;
	line-height: 36px;
	font-size: 16px;
	color: #333
}

.inside-2 .rightContact .text .icon {
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px
}

.inside-2 .rightContact a:hover {
	color: #da251c;
	text-decoration: underline
}

.inside-2 .rightContact .p-1 {
	position: relative;
	margin-bottom: 10px
}

.inside-2 .rightContact .p-1 .span-1 {
	font-weight: 700;
	color: #333
}

.news .hot,.case .hot {
	border-bottom: 1px #efefef solid;
	padding-bottom: 30px;
	margin-bottom: 30px
}

.news .hot .box,.case .hot .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f7f7f7;
	padding: 20px 30px
}

.news .hot .text,.case .hot .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 10px;
	padding-right: 30px
}

.news .hot .pic,.case .hot .pic {
	width: 370px;
	border-radius: 10px;
	overflow: hidden;
	position: relative
}

.news .hot .pic:after,.case .hot .pic:after {
	content: "";
	display: block;
	padding-top: 57.79816514%
}

.news .hot .pic img,.case .hot .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.news .hot .title,.case .hot .title {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px
}

.news .hot .title .tag,.case .hot .title .tag {
	font-style: inherit;
	display: inline-block;
	background: #da251c;
	color: #fff;
	line-height: 30px;
	font-weight: 700;
	padding: 0 10px;
	margin-right: 10px;
	font-size: 16px
}

.news .hot .info,.case .hot .info {
	color: #666;
	font-size: 16px;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: 20px
}

.news .hot .btn-date,.case .hot .btn-date {
	overflow: hidden
}

.news .hot .date,.case .hot .date {
	color: #333;
	font-size: 16px;
	font-family: arial;
	line-height: 48px;
	float: right;
	padding-right: 20px;
	position: relative
}

.news .hot .date:after,.case .hot .date:after {
	content: "";
	display: block;
	width: 25px;
	height: 2px;
	background: #da251c;
	-webkit-transition: width .5s;
	transition: width .5s
}

.news .hot .moreBtn-3,.case .hot .moreBtn-3 {
	float: left;
	margin-top: 5px
}

.news .hot .box:hover .pic img,.case .hot .box:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.news .hot .box:hover .moreBtn-3 a,.case .hot .box:hover .moreBtn-3 a,.news .hot .box:hover .moreBtn-3 span,.case .hot .box:hover .moreBtn-3 span {
	border-color: #000;
	background: #000
}

.news .list li,.case .list li {
	border-bottom: 1px #efefef solid;
	padding-bottom: 30px;
	margin-bottom: 30px
}

.news .list li:last-child,.case .list li:last-child {
	margin-bottom: 0
}

.news .list .box,.case .list .box {
	display: -webkit-box;
	display: -ms-flexbox;
	/*display: flex;*/
	overflow: hidden;
	width: 100%
}

.news .list .pic,.case .list .pic {
	width: 285px;
	height: 165px;
	border-radius: 10px;
	overflow: hidden;
	position: relative
}

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

.news .list .date,.case .list .date {
	width: 150px;
	text-align: center;
	color: #666;
	font-size: 22px
}

.news .list .date .year,.case .list .date .year {
	color: #666;
	font-size: 30px;
	font-weight: 700
}

.news .list .text,.case .list .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.news .list .title,.case .list .title {
	font-weight: 700;
	font-size: 20px;
	color: #333;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	margin-bottom: 20px
}

.news .list .info,.case .list .info {
	font-size: 16px;
	color: #666;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: 20px
}

.news .list .moreBtn-2 a,.case .list .moreBtn-2 a,.news .list .moreBtn-2 span,.case .list .moreBtn-2 span {
	border-color: #efefef
}

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

.news .list .box:hover .date .year,.case .list .box:hover .date .year {
	color: #da251c
}

.news .list .box:hover .title,.case .list .box:hover .title {
	color: #da251c
}

.news .list .box:hover .moreBtn-2 a,.case .list .box:hover .moreBtn-2 a,.news .list .box:hover .moreBtn-2 span,.case .list .box:hover .moreBtn-2 span {
	border-color: #da251c;
	background: #da251c;
	color: #fff
}

.news .list .box:hover .moreBtn-2 a:after,.case .list .box:hover .moreBtn-2 a:after,.news .list .box:hover .moreBtn-2 span:after,.case .list .box:hover .moreBtn-2 span:after {
	background-position: -44px 0
}

.news .page,.case .page {
	padding-top: 70px
}

.news-show {
	margin: auto;
	color: #333;
	text-align: justify
}

.news-show .show-title {
	text-align: center;
	font-size: 30px;
	font-weight: 400
}

.news-show .show-info {
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 35px;
	margin-top: 10px;
	padding-bottom: 30px;
	border-bottom: 1px #dcdcdc dashed;
	position: relative
}

.news-show .show-info .icon {
	width: 48px;
	height: 8px;
	border-top: 1px #fd461d solid;
	margin: auto;
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0
}

.news-show .show-info .icon:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #fd461d transparent transparent transparent;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.news-show .show-info .icon:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
	margin: auto;
	position: absolute;
	bottom: 1px;
	left: 0;
	right: 0
}

.news-show .show-info .source {
	margin-right: 10px;
	display: inline-block
}

.news-show .show-info .date {
	margin-left: 10px;
	display: inline-block
}

.news-show .nr {
	padding: 40px 0;
	color: #666;
	font-size: 16px;
	line-height: 2
}

.news-show .tags {
	margin-bottom: 40px;
	font-size: 16px
}

.news-show .tags .span-1 {
	color: #da251c
}

.news-show .tags a {
	margin-right: 5px;
	color: #666
}

.news-show .tags a:hover {
	color: #da251c;
	text-decoration: underline
}

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

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

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

.prev-next-return .prev a,.prev-next-return .next a {
	border-radius: 50px;
	background-color: #eee;
	padding: 0 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

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

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

.prev-next-return .next {
	padding-left: 84px
}

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

.prev-next-return .return a {
	display: block;
	background-color: #eee;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	text-align: center
}

.prev-next-return .return a:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/icon/sprite.png) no-repeat 0 -90px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px
}

.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: #da251c;
	color: #fff
}

.prev-next-return .return a:hover:before {
	background-position: -30px -90px
}

.related-news {
	background: #f7f7f7;
	padding: 60px 0
}

.related-news .relatedTitle {
	border-bottom: 1px #efefef solid;
	padding-bottom: 20px;
	margin-bottom: 60px;
	position: relative
}

.related-news .relatedTitle span {
	line-height: 44px;
	font-size: 35px;
	font-weight: 700;
	color: #333
}

.related-news .btns {
	text-align: center;
	position: absolute;
	top: 0;
	right: 0
}

.related-news .prev,.related-news .next {
	display: inline-block;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #dadada;
	position: relative;
	z-index: 9
}

.related-news .prev:before,.related-news .next:before {
	content: "";
	display: block;
	font-family: serif;
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	text-align: center;
	color: #000;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto
}

.related-news .prev:hover,.related-news .next:hover {
	background: #da251c
}

.related-news .prev:hover:before,.related-news .next:hover:before {
	color: #fff
}

.related-news .prev:before {
	content: "<"
}

.related-news .next:before {
	content: ">"
}

.related-news .nr {
	overflow: hidden
}

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

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

.related-news .list .box {
	display: block;
	background: #fff;
	padding: 20px 30px;
	-webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,0.11);
	box-shadow: 0 0 27px 0 rgba(0,0,0,0.11);
	position: relative
}

.related-news .list .date {
	color: #333;
	font-size: 14px;
	font-family: arial;
	line-height: 48px;
	margin-bottom: 20px;
	position: relative
}

.related-news .list .date:after {
	content: "";
	display: block;
	width: 25px;
	height: 2px;
	background: #da251c;
	-webkit-transition: width .5s;
	transition: width .5s
}

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

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

.related-news .list .box:hover .title {
	color: #da251c
}

.related-news .list .box:hover .date:after {
	width: 100%
}

.qa .list {
	width: 100%;
	position: relative
}

.qa .list .item {
	-webkit-box-shadow: 0 0 15px 0 rgba(27,154,238,0.1);
	box-shadow: 0 0 15px 0 rgba(27,154,238,0.1);
	border-radius: 10px;
	padding: 30px 20px 40px 120px;
	margin-bottom: 20px;
	position: relative
}

.qa .list .item:last-child {
	margin-bottom: 0
}

.qa .list .titleQ-date {
	text-align: center;
	line-height: 18px;
	position: absolute;
	top: 30px;
	left: 40px
}

.qa .list .titleQ-date .date {
	font-size: 14px;
	color: #666
}

.qa .list .titleQ-date .year {
	font-size: 18px;
	color: #666
}

.qa .list .titleQ {
	display: inline-block;
	width: 42px;
	height: 42px;
	border-radius: 3px;
	background: #c7c7c7;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px
}

.qa .list .title {
	overflow: hidden;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .5s;
	transition: all .5s;
	color: #666;
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 20px
}

.qa .list .title .icon {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	background: #f8f8f9;
	border-radius: 50%
}

.qa .list .title .icon svg {
	width: 13px;
	margin: auto;
	fill: #666;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.qa .list .title:hover {
	color: #da251c
}

.qa .list .title:hover .icon {
	background: #da251c
}

.qa .list .title:hover .icon svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	fill: #fff
}

.qa .list dd {
	height: 64px;
	overflow: hidden
}

.qa .list dd .con {
	padding: 0 0 0 50px;
	color: #666;
	line-height: 32px;
	font-size: 16px;
	overflow: hidden;
	position: relative
}

.qa .list .titleA {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background: #d9d9d9;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	top: 0;
	left: 0
}

.qa .list .titleA:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #d9d9d9 transparent transparent transparent;
	border-width: 6px 0 0 6px;
	position: absolute;
	right: 8px;
	bottom: -6px
}

.qa .list .cur .titleQ {
	background: #da251c
}

.qa .list .cur .titleA {
	background: #333
}

.qa .list .cur .titleA:after {
	border-color: #333 transparent transparent transparent
}

.qa .list .cur dt .icon {
	background: #da251c
}

.qa .list .cur dt .icon svg {
	fill: #fff;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.qa .list .cur dd {
	height: auto
}

.qa .list .cur dd .con {
	height: auto
}

.qa .page {
	padding-top: 70px
}

.contact {
	color: #666;
	font-size: 16px;
	line-height: 2;
	padding-bottom: 70px
}

.contact .jieshao {
	margin-top: 70px
}

.contact .jieshao .title {
	color: #333;
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 10px
}

.contact .jieshao .title .span-1 {
	color: #da251c
}

.contact .tabs {
	margin-top: 60px
}

.contact .menuTabs {
	width: 30%;
	float: left;
	background: #fafafa
}

.contact .menuTabs .titleBig {
	background: #da251c;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	padding: 10px 0
}

.contact .menuTabs .list {
	padding: 20px 0;
	height: 550px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	text-align: left;
	direction: rtl
}

.contact .menuTabs .list li {
	padding: 0 20px 20px 20px;
	margin-bottom: 20px;
	border-bottom: 1px #ececec solid
}

.contact .menuTabs .list li:last-child {
	margin-bottom: 0
}

.contact .menuTabs .list .box {
	cursor: pointer
}

.contact .menuTabs .list .box:hover .title {
	color: #da251c
}

.contact .menuTabs .list .active .box .title {
	color: #da251c
}

.contact .menuTabs .list::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #000
}

.contact .menuTabs .list::-webkit-scrollbar-thumb {
	background-color: #000
}

.contact .menuTabs .list::-webkit-scrollbar-track {
	background-color: #f1f1f1
}

.contact .menuTabs .title {
	color: #333;
	font-size: 18px;
	font-weight: 700
}

.contact .menuTabs .p-1 {
	color: #666;
	line-height: 30px;
	font-size: 14px;
	padding-left: 25px;
	position: relative
}

.contact .menuTabs .p-1 .icon {
	width: 20px;
	height: 20px;
	float: left;
	position: absolute;
	top: 5px;
	left: 0
}

.contact .conTabs {
	width: 70%;
	float: left
}

.conTabs .items1>div,#allmap2 {
	width: 100%;
	height: 620px
}

.conTabs .items1>div img,#allmap2 img {
	max-width: initial;
	max-height: inherit
}

.conTabs .items1>div .anchorBL,#allmap2 .anchorBL {
	display: none
}

.message {
	padding: 70px 0 70px 0;
	background: #f7f7f7;
	position: relative
}

.message .titleBig {
	font-weight: 700;
	color: #333;
	font-size: 26px;
	margin-bottom: 40px
}

.message .nr {
	margin-top: 70px
}

.message .list {
	position: relative
}

.message .list:before {
	content: "";
	display: block;
	width: 120px;
	height: 130px;
	background: url("../images/pen.png") no-repeat center center;
	position: absolute;
	z-index: 9;
	bottom: 100px;
	right: -20px
}

.message li {
	width: 50%;
	float: left;
	padding: 0 6px;
	position: relative
}

.message .box {
	position: relative
}

.message .red {
	position: absolute;
	z-index: 9;
	left: 20px;
	top: 14px;
	color: #f00
}

.message .error {
	background: #f00;
	color: #fff;
	padding: 0 6px;
	border-bottom-left-radius: 6px;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 0
}

.message .input-form,.message .textarea-form {
	border: none;
	border-radius: 3px;
	color: #333;
	margin-bottom: 18px;
	vertical-align: middle;
	border: #d1d1d1 solid 1px;
	padding: 0 30px;
	height: 50px;
	line-height: 48px;
	font-size: 16px;
	width: 100%
}

.message .input-form:focus,.message .textarea-form:focus {
	border: #da251c solid 1px
}

.message .textarea-form {
	line-height: 30px;
	padding: 10px 90px 10px 30px;
	width: 100%;
	padding-right: 90px;
	min-height: 140px
}

.message .textarea-form:focus {
	border: #da251c solid 1px
}

.message .yzhm {
	width: 100%
}

.message .yzhm input {
	width: 40%
}

.message .yzhm img {
	margin-right: 5px
}

.message .btn {
	width: 100%
}

.message .submit,.message .reset {
	font-size: 16px;
	width: 33.3333333%;
	display: inline-block;
	max-width: 200px;
	text-align: center;
	line-height: 50px;
	height: 50px;
	border-radius: 3px;
	color: #666;
	margin-right: 20px;
	background: #ddd;
	border: none
}

.message .submit .icon,.message .reset .icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px
}

.message .submit:hover,.message .reset:hover {
	background: #d2d2d2
}

.message .submit {
	background: #0074c5;
	color: #fff
}

.message .submit:hover {
	background: #da251c
}

.message .reset {
	color: #666
}

.message .email {
	font-size: 20px
}

.message .email:hover {
	background: #e8e8e8;
	color: #333
}

.message .verifyDiv {
	width: 30%;
	vertical-align: middle;
	float: left;
	padding-right: 20px
}

.message .col-2 {
	width: 50%;
	float: left;
	position: relative
}

.verify {
	height: 50px;
	background-color: #e5e5e5;
	position: relative
}

.verify .drag-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border: 1px #e5e5e5 solid;
	background: #fff url(../images/icon/drag-arrow.svg) no-repeat center center;
	background-size: 20px 20px;
	z-index: 2;
	cursor: move
}

.verify .suc-drag-btn {
	background: #fff url(../images/icon/drag-success.svg) no-repeat center center;
	background-size: 20px 20px
}

.verify .drag-progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	line-height: 48px;
	width: 0;
	background-color: #7ac23c;
	color: #fff;
	font-size: 18px;
	text-align: center
}

.verify .fix-tips,.verify .verify-msg {
	width: 100%;
	position: absolute;
	right: 0;
	left: 0;
	height: 100%;
	color: #51555c;
	z-index: 1;
	line-height: 50px;
	padding-left: 50px;
	text-align: center
}

.verify .verify-msg {
	background-color: #7ac23c;
	color: #fff;
	display: none
}

.join {
	padding: 70px 0 0 0;
	position: relative
}

.join .inside-title-3 .en {
	color: #f7f7f7
}

.join .nr {
	margin-top: 70px;
	color: #666;
	font-size: 16px;
	line-height: 2
}

.join .jieshao {
	background-position: center center;
	background-repeat: no-repeat;
	padding: 60px 60px;
	margin-bottom: 30px
}

.join .jieshao .text {
	max-width: 700px
}

.join .titleBig {
	font-weight: 700;
	color: #333;
	font-size: 25px;
	margin-bottom: 10px
}

.join .p-1 {
	margin-bottom: 50px
}

.jobJs {
	color: #666;
	padding-top: 50px
}

.jobJs .nr {
	margin-top: 70px
}

.jobJs .a-1 {
	color: #da251c;
	text-decoration: underline
}

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

.jobJs .titleBig .span-1 {
	color: #da251c
}

.jobJs .titleBig-2 {
	color: #da251c;
	font-size: 25px;
	font-weight: 700
}

.jobJs .div-1 {
	width: 50%;
	float: left;
	padding-right: 30px;
	margin-bottom: 40px
}

.jobJs .div-2 {
	width: 50%;
	float: left
}

.job {
	background: #f9f9f9;
	color: #666;
	line-height: 2;
	padding: 70px 0 70px 0
}

.job .container {
	background: #fff;
	padding: 15px 15px;
	position: relative
}

.job .span-01 {
	display: block;
	width: 30%;
	float: left;
	padding-left: 40px
}

.job .span-02 {
	display: block;
	width: 30%;
	float: left
}

.job .span-03 {
	display: block;
	width: 25%;
	float: left
}

.job .span-04 {
	display: block;
	width: 15%;
	float: left
}

.job .title {
	color: #333;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	padding: 25px 0;
	overflow: hidden
}

.job dl {
	margin-bottom: 15px;
	background: #f8f8f8
}

.job dt {
	background: #f9f9f9;
	border-radius: 10px;
	overflow: hidden;
	padding: 15px 0;
	cursor: pointer;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	-webkit-transition: all .5s;
	transition: all .5s
}

.job dt:hover {
	background: #e5e5e5
}

.job dd {
	height: 0;
	font-size: 16px;
	color: #666;
	line-height: 2;
	overflow: hidden
}

.job dd .nr {
	padding: 20px 30px 50px 40px
}

.job .cur dt {
	background: #f0f0f0
}

.job .cur dd {
	height: auto
}

.job .p-01 {
	font-weight: 700;
	color: #333;
	margin-bottom: 5px
}

.job .red {
	color: #f00
}

.job .send {
	padding-top: 50px
}

.job .send a {
	display: inline-block;
	cursor: pointer;
	padding: 0 10px;
	min-width: 150px;
	line-height: 42px;
	text-align: center;
	background: #da251c;
	color: #fff;
	font-size: 16px;
	border-top: 15px #d1d1d1 solid;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative
}

.job .send a:hover {
	background: #cb000f
}

.job .send .icon {
	margin-left: 5px;
	vertical-align: middle
}

.support {
	color: #666;
	font-size: 16px;
	line-height: 2
}

.support .lch {
	padding-top: 70px;
	padding-bottom: 70px
}

.support .lch .list {
	background-repeat: no-repeat;
	background-position: center center
}

.support .lch .list li {
	width: 25%;
	float: left
}

.support .lch .list .box {
	width: 234px;
	height: 234px;
	background: #fff;
	border-radius: 50%;
	margin: auto;
	text-align: center;
	position: relative
}

.support .lch .list .circle {
	width: 234px;
	height: 234px;
	border-radius: 50%;
	border: 2px #e4e4e4 dashed;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.support .lch .list .circle-1 {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	border: 4px #bdbdbd solid;
	position: absolute;
	top: 107px;
	left: -10px
}

.support .lch .list .circle-2 {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	border: 4px #bdbdbd solid;
	position: absolute;
	top: 107px;
	right: -10px
}

.support .lch .list .num {
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background: #da251c;
	color: #fff;
	font-size: 24px;
	border-radius: 50%;
	margin: auto;
	position: absolute;
	top: -22px;
	left: 0;
	right: 0
}

.support .lch .list .box-2 {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	margin: auto;
	padding-top: 30px;
	text-align: center;
	background: #f6f6f6;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.support .lch .list .pic {
	width: 64px;
	height: 64px;
	margin: auto auto 5px auto;
	position: relative
}

.support .lch .list .title {
	color: #333;
	font-size: 18px
}

.support .lch .list .box:hover .circle {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.support .lch .list .box:hover .circle-1,.support .lch .list .box:hover .circle-2 {
	border-color: #da251c
}

.support .fw li {
	clear: both;
	margin-bottom: 40px
}

.support .fw li:last-child {
	margin-bottom: 0
}

.support .fw .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.support .fw .pic {
	width: 495px
}

.support .fw .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.support .fw .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 50px
}

.support .fw .title {
	color: #333;
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 5px
}

.support .fw .p-1 {
	padding-left: 15px;
	position: relative
}

.support .fw .p-1:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #da251c;
	position: absolute;
	top: 12px;
	left: 0
}

.support .fw .b-1 {
	color: #333
}

.support .fw li:nth-child(2n) .box {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.support .fw li:nth-child(2n) .text {
	padding-left: 0;
	padding-right: 50px
}

.support .fw .box:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.application .nr {
	margin-top: 70px
}

.application dl {
	overflow: hidden;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;*/
	border-bottom: 1px #ebebeb dashed;
	padding: 0 0 25px 0;
	margin-bottom: 25px
}

.application dl:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0
}

.application dt {
	width: 14%;
	background: #f5f5f5;
	text-align: center;
	padding: 10px 0 10px 0;
	float: left;
	position: relative
}

.application dt .pic {
	width: 80px;
	height: 80px;
	margin: auto auto 0 auto;
	position: relative
}

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

.application dt .box:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.application dt .title {
	font-weight: 700;
	color: #333;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.application dt .box:hover .title {
	color: #da251c;
}

.application dd {
	padding-left: 20px;
	float: left;
	width: 85%;
}

.application dd .list {
	margin-left: -12px;
	margin-right: -12px;
	overflow: hidden
}

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

.application dd .list .box {
	max-width: 240px;
	text-align: center
}

.application dd .list .pic {
	overflow: hidden;
	position: relative
}

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

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

.application dd .list .title {
	font-size: 16px;
	color: #333;
	padding-top: 10px;
	line-height: 30px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

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

.application dd .list .box:hover .title {
	color: #da251c;
}

.czgy {
	background-repeat: repeat;
	background-position: center;
	padding: 100px 0
}

.czgy .home-title2 {
	text-align: left
}

.czgy .pline {
	margin-left: 0;
	margin-right: 0
}

.czgy .text {
	padding-top: 30px
}

.czgy .a-1 {
	color: #da251c
}

.czgy .a-1:hover {
	text-decoration: underline
}

.czgy .left {
	width: 50%;
	float: left;
	padding-right: 45px
}

.czgy .right {
	width: 50%;
	float: left;
	text-align: right;
	padding-top: 30px
}

.czgy .list {
	padding-top: 30px
}

.czgy .list li {
	float: left;
	text-align: center;
	font-size: 14px;
	padding-right: 45px
}

.czgy .list li:last-child {
	padding-right: 0
}

.czgy .list .icon {
	display: block;
	width: 74px;
	height: 74px;
	background: #da251c;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 10px rgba(218,37,28,0.38);
	box-shadow: 0 0 0 5px rgba(218,37,28,0.38);
	margin-bottom: 10px;
	position: relative
}

.sbtj {
	padding: 100px 0
}

.sbtj .nr {
	margin-top: 40px
}

.sbtj .list li {
	padding-top: 30px;
	padding-bottom: 30px
}

.sbtj .slick-prev,.sbtj .slick-next {
	display: inline-block;
	width: 44px;
	height: 44px;
	background: #dadada;
	z-index: 9
}

.sbtj .slick-prev:before,.sbtj .slick-next:before {
	content: "";
	display: block;
	font-family: serif;
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	text-align: center;
	color: #000;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto
}

.sbtj .slick-prev:hover,.sbtj .slick-next:hover {
	background: #da251c
}

.sbtj .slick-prev:hover:before,.sbtj .slick-next:hover:before {
	color: #fff
}

.sbtj .slick-prev {
	left: -34px
}

.sbtj .slick-prev:before {
	content: "<"
}

.sbtj .slick-next {
	right: -34px
}

.sbtj .slick-next:before {
	content: ">"
}

@media screen and (max-width:1359px) {
	.sbtj .slick-prev {
		left: 0
	}

	.sbtj .slick-next {
		right: 0
	}
}

.partner-2 {
	padding: 100px 0
}

.partner-2 .nr {
	margin-top: 40px
}

.partner-2 .list {
	margin-left: -20px;
	margin-right: -20px
}

.partner-2 .list li {
	width: 20%;
	float: left;
	padding: 0 20px 0 20px
}

.partner-2 .list .box {
	display: block;
	position: relative
}

.partner-2 .list .pic {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	overflow: hidden;
	position: relative
}

.partner-2 .list .pic:after {
	content: "";
	display: block;
	padding-top: 50%
}

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

.partner-2 .list .text {
	padding: 20px 10px 20px 10px;
	text-align: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.partner-2 .list .title {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.partner-2 .list .line {
	display: none;
	background: #da251c;
	position: absolute;
	z-index: 9;
	-webkit-transition: all .5s;
	transition: all .5s
}

.partner-2 .list .tLine {
	width: 0;
	height: 1px;
	top: 0;
	left: 0
}

.partner-2 .list .rLine {
	width: 1px;
	height: 0;
	bottom: 0;
	right: 0
}

.partner-2 .list .bLine {
	height: 1px;
	width: 0;
	bottom: 0;
	right: 0
}

.partner-2 .list .lLine {
	width: 1px;
	height: 0;
	top: 0;
	left: 0
}

.partner-2 .list .box:hover .text {
	top: 0
}

.partner-2 .list .box:hover .tLine {
	width: 100%
}

.partner-2 .list .box:hover .rLine {
	height: 100%
}

.partner-2 .list .box:hover .bLine {
	width: 100%
}

.partner-2 .list .box:hover .lLine {
	height: 100%
}

.partner-2 .list .box:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.home-title2 {
	text-align: center;
	line-height: 1;
	position: relative
}

.home-title2 .title-2 {
	font-size: 40px;
	font-weight: 700;
	color: #353535
}

.home-title2 .title-2 span {
	color: #da251c
}

.home-title2 .en {
	width: 100%;
	opacity: .05;
	font-size: 60px;
	font-family: Oswald-Bold;
	position: absolute;
	text-transform: uppercase;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.product01-bottom {
	border: 1px solid #ececec;
	margin-top: 74px;
	overflow: hidden
}

.p-left {
	position: relative;
	width: 51.2%;
	float: left
}

.p-left .slick-prev:before,.p-left .slick-next:before {
	display: none
}

.p-left .slick-prev,.p-left .slick-next {
	width: 10px;
	height: 100%;
	margin-top: 0;
	z-index: 7;
	-webkit-transform: none;
	transform: none;
	top: 0
}

@media (min-width:1025px) {
	.p-left .slick-prev:hover,.p-left .slick-next:hover {
		background-color: #da251c
	}
}

.p-left .slick-prev {
	background: #3d3d3d url(../images/xz/left.png) no-repeat center center;
	left: 0
}

.p-left .slick-next {
	background: #3d3d3d url(../images/xz/left.png) no-repeat center center;
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.p-left .pic {
	background: #fff;
	position: relative;
	overflow: hidden
}

.p-left .pic:after {
	content: '';
	display: block;
	padding-bottom: 56.32%
}

.p-left .pro-max {
	width: 100%;
	text-align: center;
	position: relative;
	cursor: pointer;
	border: 1px solid #dcdcdc
}

.p-left .pro-min {
	padding: 0 6px;
	margin-top: 13px;
	position: relative
}

.p-left .pro-min .getIndex {
	padding: 0 4px
}

.p-left .pro-min .getIndex .item .pic {
	display: block;
	border: 1px solid #fff
}

.p-left .pro-min .slick-current .item .pic {
	border: 1px solid #da251c
}

.p-right {
	width: 48.8%;
	float: left;
	padding: 24px 31px 24px 62px;
	border-left: 1px solid #dcdcdc;
}

.p-right .p-title {
	font-size: 26px;
	color: #333;
	padding-bottom: 3px;
	border-bottom: 1px solid #e3e3e3;
	position: relative;
	margin-bottom: 18px
}

.p-right .p-title:after {
	content: '';
	position: absolute;
	width: 81px;
	height: 3px;
	background: #d71418;
	left: 0;
	bottom: -1px;
	z-index: 1
}

.p-right .p-jsh {
	color: #666;
	line-height: 30px;
	margin-bottom: 30px
}

.p-right .p-list {
	padding: 10px 19px;
	overflow: hidden;
	background: #f5f5f5;
	margin-bottom: 38px
}

.p-right .p-list ul li {
	width: 33.33333333%;
	float: left;
	color: #666
}

.p-right .p-list ul li b {
	display: block;
	color: #353535
}

.p-right .p-btn a {
	border: 1px solid #da251c;
	display: block;
	float: left;
	margin-right: 8px;
	text-align: center
}

.p-right .p-btn .zixun {
	width: 160px;
	line-height: 53px;
	background: #da251c url(../images/xz/online.png) no-repeat 24px center;
	padding-left: 48px;
	color: #fff;
	font-size:18px;
}

.p-right .p-btn .dianhua {
	font-size: 14px;
	color: #666;
	width: 205px;
	line-height: 20px;
	padding: 7px 7px 6px 7px
}

.p-right .p-btn .dianhua span {
	color: #da251c;
	font-size: 20px;
	font-weight: bold;
	display: block
}

.p-why {
	margin-top: 95px;
	padding: 43px 0 0 0
}

.pwhylist {
	margin: 24px -2px
}

.pwhylist li {
	width: 25%;
	float: left;
	padding: 0 2px
}

.pwhylist li .box {
	padding-bottom: 43px;
	background: url(../images/xz/bg.png) no-repeat bottom center
}

.pwhylist li .pic {
	position: relative;
	overflow: hidden
}

.pwhylist li .pic:after {
	content: '';
	display: block;
	padding-bottom: 73.22175732%
}

.pwhylist li .text {
	position: relative;
	color: #fff;
	padding: 24px 24px 27px 37px;
	overflow: hidden;
	background: #666;
	height: 190px
}

.pwhylist li .text .img {
	width: 19%;
	float: left
}

.pwhylist li .text .right {
	float: right;
	width: 76%
}

.pwhylist li .text .right .bt {
	font-size: 28px;
	font-weight: bold
}

.pwhylist li .text .right .jsh {
	font-size: 14px;
	line-height: 21px
}

.pline {
	width: 90px;
	height: 4px;
	background: #da251c;
	margin: 9px auto
}

.p-canshu {
	padding-bottom: 83px
}

.tableScrolling {
	padding-top: 32px
}

.tableScrolling table {
	text-align: center
}

.tableScrolling table tr {
	background: #f1eced
}

.tableScrolling table tr td {
	color: #666;
	padding: 8px;
	border-right: 1px solid #cacaca
}

.tableScrolling table tr td:nth-last-child(1) {
	border: 0
}

.tableScrolling table tr:nth-child(2n) {
	background: #fff
}

.tableScrolling table .bg1 {
	background: #da251c
}

.tableScrolling table .bg1 td {
	padding: 12px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border-right: 1px solid #fff
}

.fangweilist {
	padding-top: 30px
}

.fangweilist ul {
	margin: 0 -23px
}

.fangweilist li {
	width: 20%;
	float: left;
	padding: 0 23px
}

.fangweilist li .box {
	padding: 8px 8px 52px 8px;
	background: #f3f3f3;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.fangweilist li .box:hover {
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1)
}

.fangweilist li .pic {
	position: relative;
	overflow: hidden
}

.fangweilist li .pic:after {
	content: '';
	display: block;
	padding-bottom: 71.57894737%
}

.fangweilist li .bt {
	text-align: center;
	font-size: 18px;
	color: #333;
	margin-top: 19px
}

.fangweilist li:hover .bt{
	color:#da251c;
}

.p-fanwei {
	padding: 86px 0 82px 0
}

.p-xiaoguo {
	padding: 74px 0 96px 0;
	background: #f3f3f3
}

.xiaoguolist {
	padding-top: 27px
}

.xiaoguolist ul {
	margin: 0 -20px
}

.xiaoguolist li {
	width: 33.33333333%;
	float: left;
	padding: 0 20px
}

.xiaoguolist li .box {
	background: #fff;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	box-shadow: 2px 2px 5px #ccc;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.xiaoguolist li .box:hover {
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1)
}

.xiaoguolist li .pic {
	position: relative;
	overflow: hidden
}

.xiaoguolist li .pic:after {
	content: '';
	display: block;
	padding-bottom: 71.05263158%
}

.xiaoguolist li .bt {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-top: 38px;
	height: 83px
}

.p-anli {
	padding: 76px 0 37px 0
}

.anlist .slick-list {
	padding-top: 39px;
	padding-bottom: 39px
}

.anlist .slick-prev,.anlist .slick-next {
	width: 44px;
	height: 44px;
	background: #dadada;
	z-index: 9
}

.anlist .slick-prev:before,.anlist .slick-next:before {
	content: ">";
	font-family: serif;
	font-size: 22px;
	color: #000;
	opacity: 1
}

.anlist .slick-prev:hover,.anlist .slick-next:hover {
	background: #da251c
}

.anlist .slick-prev:hover:before,.anlist .slick-next:hover:before {
	color: #fff
}

.anlist .slick-prev {
	left: -40px
}

.anlist .slick-prev:before {
	content: "<"
}

.anlist .slick-next {
	right: -40px
}

.anlist .slick-next:before {
	content: ">"
}

.anlist ul {
	margin: 0 -20px
}

.anlist ul li {
	width: 33.33333333%;
	float: left;
	padding: 0 20px
}

.anlist ul li .box {
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2)
}

.anlist ul li .pic {
	position: relative;
	overflow: hidden
}

.anlist ul li .pic:after {
	content: '';
	display: block;
	padding-bottom: 59.21052632%
}

.anlist ul li .bt {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	padding-top: 12px;
	height: 91px;
	line-height: 25px;
	padding: 12px 5px 0 5px;
	background: #fff;
	overflow: hidden
}

.anlist ul li:hover .bt {
	color: #da251c
}

.partnerlist {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 10px
}

.partnerlist li {
	width: 20%;
	float: left;
	padding: 0 5px 30px 5px
}

.partnerlist .box {
	display: block;
	overflow: hidden;
	position: relative
}

.partnerlist .pic {
	overflow: hidden;
	position: relative
}

.partnerlist .pic:after {
	content: "";
	display: block;
	padding-top: 50%
}

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

.partnerlist .text {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 18px;
	padding: 0 10px;
	text-align: center;
	-webkit-transition: all .5s;
	transition: all .5s
}

.partnerlist .title {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.partnerlist .box:hover .pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.p-shili {
	padding: 83px 0;
	background: #f3f3f3 url("../images/xz/bg2.jpg") no-repeat top center;
	padding-bottom: 0 !important
}

.p-shili .shili-img {
	margin-top: 32px
}

.p-shili .shili-img img {
	display: block
}

.solution-tit {
	line-height: 27px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 18px
}

.solution-tit span {
	display: block;
	width: 100%;
	color: #2a2a2a;
	font-weight: bold;
	font-size: 30px;
	padding: 5px 0 5px 15px;
	position: relative;
	letter-spacing: 2px
}

.solution-tit span:before {
	content: "";
	position: absolute;
	width: 8px;
	height: 26px;
	background: #da251c;
	left: 0;
	top: 8px
}

.solution-tit span em {
	display: inline-block;
	font-style: normal;
	font-size: 16px;
	margin-left: 5px;
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: normal;
	color: #d4d4d4
}

.solution-jsh {
	color: #666;
	line-height: 30px;
	margin: 29px 0
}

.solution-item {
	padding-top: 68px;
	padding-bottom: 39px
}

.solution01-bottom {
	padding-top: 46px
}

.solution01-bottom .p-left {
	width: 49.2%;
	padding-left: 20px
}

.solution01-bottom .p-right {
	padding: 0 0 24px 38px;
	border:none;
}

.solution01-bottom .p-right .p-title {
	font-size: 24px;
	padding-bottom: 1px;
	margin-bottom: 18px
}

.solution01-bottom .p-right .p-jsh {
	margin-bottom: 23px;
	border-bottom: 1px solid #ececec;
	padding-bottom: 27px
}

.solution-item01 {
	padding-bottom: 53px;
	overflow: hidden
}

.solution-item02 {
	padding-bottom: 76px;
	overflow: hidden
}

.yingyonglist {
	padding-top: 37px
}

.yingyonglist ul {
	margin: 0 -20px
}

.yingyonglist li {
	width: 33.33333333%;
	float: left;
	padding: 0 20px
}

.yingyonglist li .box {
	padding: 8px 8px 30px 8px
}

.solution-item03 {
	padding-bottom: 50px;
	overflow: hidden
}

.solution-item03 .so-img {
	padding-top: 25px
}

.solution-item04 {
	padding-bottom: 75px
}

.solution-item05 {
	padding-bottom: 51px
}

.hexinlist {
	margin: 0 -50px;
	padding-top: 43px
}

.hexinlist li {
	float: left;
	width: 50%;
	height: auto;
	padding: 0 50px;
	margin-bottom: 19px
}

.hexinlist li .pic {
	overflow: hidden;
	position: relative
}

.hexinlist li .pic:after {
	content: '';
	display: block;
	padding-bottom: 75%
}

.hexinlist li .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.hexinlist li a {
	font-weight: normal;
	color: #515567
}

.hexinlist li:hover p {
	color: #d71418
}

.hexinlist li .pic {
	width: 43%;
	margin-right: 4%;
	float: left;
	display: block;
	position: relative;
	overflow: hidden
}

.hexinlist li .pic em {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	opacity: .6;
	width: 100%;
	background: #989898
}

.hexinlist li .pic em i {
	font: 14px normal;
	text-align: center;
	display: block;
	color: #fff;
	line-height:36px;
}

.hexinlist li p {
	width: 52%;
	font: 14px normal;
	float: left;
	line-height: 2;
	text-align: justify
}

.hexinlist li p span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	margin-top: 28px;
	margin-bottom: 8px
}

.hexinlist li p em {
	float: right;
	color: #d71418;
	font-weight: normal
}

.pro3 {
	margin: 0 30px;
	padding-top: 21px
}

.pro3 ul li {
	float: left;
	width: 100%;
	padding-bottom: 1%;
	padding-top: 1%;
	border-bottom: dashed 1px #fff;
	border-top: dashed 1px #fff
}

.pro3 ul li:hover {
	border-top: 1px dashed #c4c4c4;
	border-bottom: 1px dashed #c4c4c4
}

.pro3 ul li:hover p {
	color: #d71418
}

.pro3 ul li .pic {
	float: left;
	width: 18%;
	position: relative;
	overflow: hidden
}

.pro3 ul li .pic:after {
	content: '';
	display: block;
	padding-bottom: 75.11312217%
}

.pro3 ul li .pic img {
	-webkit-transition: all .5s;
	transition: all .5s
}

.pro3 ul li p {
	font-size: 14px;
	width: 80%;
	float: right
}

.pro3 ul li p span {
	font-size: 16px;
	display: block;
	font-weight: bold;
	margin-top: 36px;
	margin-bottom: 5px
}

.solution-item06 {
	padding-bottom: 68px
}

.solution-item07 {
	padding-bottom: 42px
}

.solution-item08 {
	padding-bottom: 42px
}

.anlist1 li .box {
	padding: 31px 24px 43px 24px;
	background: #fff
}

.anlist1 li .box .pic {
	border-radius: 10px
}

.anlist1 li .box .bt {
	text-align: left;
	padding-top: 9px;
	height: auto;
	margin-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.anlist1 li .box .jsh {
	font-size: 14px;
	line-height: 21px;
	color: #666;
	height: 42px;
	overflow: hidden
}

.anlist1 li .box .jsh span {
	color: #da251c
}

.application01-bottom .p-right .p-jsh {
	margin-bottom: 23px;
	border-bottom: 1px solid #ececec;
	padding-bottom: 27px
}

.app-item01 {
	padding-bottom: 86px
}

.czgy {
	padding: 95px 0
}

.sbtj {
	padding: 100px 0 52px 0
}

.app-item02 {
	padding: 74px 0 46px 0;
	background: #f3f3f3
}

.partner-2 {
	padding: 76px 0
}

@media (max-width:1500px) {
	body {
		font-size: 14px
	}

	.home-title2 .title-2 {
		font-size: 30px
	}

	.home-title2 .en {
		font-size: 42px
	}

	.solution-tit span {
		font-size: 22px
	}

	.solution-tit span em {
		font-size: 13px
	}

	.solution-tit span:before {
		width: 5px;
		height: 21px
	}

	.solution-jsh {
		margin: 20px 0
	}

	.solution-tit {
		padding-bottom: 10px
	}

	.solution-item {
		padding-top: 48px;
		padding-bottom: 29px
	}

	.solution01-bottom {
		padding-top: 30px
	}

	.solution01-bottom .p-right .p-title {
		font-size: 20px
	}

	.p-right .p-btn .dianhua span {
		font-size: 18px
	}

	.solution-item01 {
		padding-bottom: 33px
	}

	.fangweilist {
		padding-top: 20px
	}

	.fangweilist ul {
		margin: 0 -10px !important
	}

	.fangweilist li {
		padding: 0 10px !important
	}

	.fangweilist li .bt {
		font-size: 16px;
		margin-top: 10px
	}

	.yingyonglist {
		padding-top: 20px
	}

	.solution-item02 {
		padding-bottom: 46px
	}

	.solution-item03 {
		padding-bottom: 30px
	}

	.solution-item04 {
		padding-bottom: 55px
	}

	.solution-item05 {
		padding-bottom: 31px
	}

	.solution-item06 {
		padding-bottom: 48px
	}

	.solution-item07 {
		padding-bottom: 22px
	}

	.solution-item08 {
		padding-bottom: 22px
	}

	.hexinlist li {
		padding: 0 30px
	}

	.hexinlist {
		margin: 0 -30px;
		padding-top: 29px
	}

	.hexinlist li p span {
		font-size: 14px
	}

	.pro3 ul li p span {
		font-size: 14px
	}

	.anlist ul {
		margin: 0;
		padding: 0 40px
	}

	.anlist ul li {
		padding: 0 10px
	}

	.anlist1 li .box {
		padding: 15px
	}

	.anlist ul li .box {
		-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.2);
		box-shadow: 0 0 9px 0 rgba(0,0,0,0.2)
	}

	.anlist .slick-prev {
		left: 0
	}

	.anlist .slick-next {
		right: 0
	}

	.anlist .slick-prev,.anlist .slick-next {
		width: 34px;
		height: 34px
	}

	.p-shili {
		padding: 45px 0;
		background: #f3f3f3 url(../images/xz/bg2.jpg) no-repeat top center;
		background-size: 100%
	}

	.partner-2 .list .title {
		font-size: 14px
	}

	.product01-bottom {
		margin-top: 45px
	}

	.p-why {
		margin-top: 55px;
		padding: 43px 0 0 0
	}

	.p-why .title img {
		width: 200px
	}

	.pwhylist li .text .img {
		width: 13%
	}

	.pwhylist li .text .right .bt {
		font-size: 20px
	}

	.pwhylist li .text {
		padding: 15px
	}

	.pwhylist li .text .right {
		width: 81%
	}

	.tableScrolling table .bg1 td {
		padding: 8px;
		font-size: 16px
	}

	.tableScrolling {
		padding-top: 22px
	}

	.p-canshu {
		padding-bottom: 53px
	}

	.p-fanwei {
		padding: 46px 0 42px 0
	}

	.p-xiaoguo {
		padding: 44px 0 56px 0
	}

	.xiaoguolist li .bt {
		font-size: 18px;
		margin-top: 20px;
		height: 68px
	}

	.p-anli {
		padding: 46px 0 27px 0
	}

	.partner-2 {
		padding: 36px 0
	}

	.anlist ul li .bt {
		font-size: 16px
	}

	.czgy {
		padding: 35px 0
	}

	.sbtj {
		padding: 50px 0 32px 0
	}

	.sbtj .nr {
		margin-top: 20px
	}

	.app-item02 {
		padding: 44px 0 36px 0
	}

	.anlist .slick-list {
		padding-top: 26px;
		padding-bottom: 30px
	}

	.product .list {
		margin-left: 0;
		margin-right: 0
	}

	.sbtj .slick-prev,.sbtj .slick-next {
		width: 34px;
		height: 34px
	}

	.sbtj .slick-prev:before,.sbtj .slick-next:before {
		width: 34px;
		height: 34px;
		line-height: 34px
	}
}

.site-map {
	margin: 0 auto 40px auto;
	font-size: 16px;
	overflow: hidden
}

.site-map dl {
	border: #d6dbe1 solid 1px;
	border-top: #da251c solid 2px;
	border-bottom: none;
	margin: 20px 0 20px 0
}

.site-map dl dt {
	background: #fcfcfc;
	color: #0053a8;
	font-size: 16px;
	line-height: 50px;
	border-bottom: #d6dbe1 solid 1px;
	padding: 0 0 0 20px;
	width: 100%;
	text-align: left;
	clear: both
}

.site-map dl dt a {
	color: #333
}

.site-map dl dt a:hover {
	color: #da251c
}

.site-map dl dt img {
	margin-left: 20px
}

.site-map dl dd {
	line-height: 40px;
	overflow: hidden;
	padding-top: 10px;
	clear: both
}

.site-map dl dd .p2 {
	padding: 10px 0 0 20px;
	clear: both
}

.site-map dl dd .p2 a {
	color: #da251c;
	font-weight: bold;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.site-map dl dd .p2 a:hover {
	color: #764b00
}

.site-map dl dd>div {
	clear: both;
	overflow: hidden;
	line-height: 40px;
	border-bottom: #d6dbe1 solid 1px;
	padding: 10px 20px 20px 10px
}

.site-map dl dd>div a {
	color: #333;
	float: left;
	padding: 0 10px 0 10px
}

.site-map dl dd>div a:hover {
	color: #003e7e;
	background: #bb151c;
	color: #fff
}

.site-map dl:hover {
	background: #f8f2f2
}

.case .list .pic span{
	display: block;
	position:relative;
}


.case .list .pic span:after {
	content: "";
	display: block;
	padding-top: 58%;
}

@media(max-width:1440px){
	.home-about .youshi li{
		padding:0 15px;
	}
	.home-news .container {
		max-width: 1000px;
	}
}
@media(max-width:1366px) {
	
}


.home-application .list .more a {
	display: block;
	width: 120px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #666;
	text-align: center;
	line-height: 40px;
}

.home-application .list .box:hover .more a {
	border: 1px solid #da251c;
	text-decoration: none;
}

.proslick .slick-prev::before, .proslick .slick-next::before {
	color: #000;
}

.solslick .slick-prev::before, .solslick .slick-next::before {
	color: #000;
}




.sdbj {
    background: #f7f7f7;
    padding-top: 41px;
    box-sizing: border-box;
}

.sdbj h2 {
    text-align: center;
}

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

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sdbj ul li.cur {
    width: 60.6%;
}
.sdbj ul li:first-child {
    margin-left: 0;
}
.sdbj ul li {
    float: left;
    width: 19.5%;
    height: 736px;
    margin-left: 2px;
    transition: .5s;
    overflow: hidden;
    position: relative;
}

.sdbj ul li.cur strong {
    opacity: 0;
}

.sdbj ul li strong {
    display: block;
    width: 100%;
    height: 736px;
    background: url(../images/sd-yy.png) no-repeat top center;
    transition: .5s;
    box-sizing: border-box;
    text-align: center;
}

.sdbj ul li strong img {
    display: inline-block;
    z-index:10;
	position: relative;
    top: 200px;
}
fieldset, img {
    border: none;
}

.sdbj ul li.cur .sd-con {
    bottom: 0;
}
.sdbj ul li .sd-con {
    width: 100%;
    height: 179px;
    background: rgba(214,20,24,0.8);
    position: absolute;
    left: 0;
    bottom: -179px;
    padding: 31px 0 0 3.2%;
    box-sizing: border-box;
    transition: .5s;
    border-top-right-radius: 100px;
}

.sdbj ul li .sd-con i {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #FFFFFF;
}

.sdbj ul li .sd-con span {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 35px;
    color: #FFFFFF;
    font-weight: bold;
}

.sdbj ul li .sd-con p {
    height: 29px;
    line-height: 29px;
    font-size: 16px;
    color: #FFFFFF;
}

.sdbj ul li strong:before {
    display: block;
    content: "";
    width: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    height: 100%;
    z-index: 9;
}

@media (max-width:1400px) {
	.sdbj ul li .sd-con span {
		font-size: 34px;
	}
}

.getIndexvideo{
	position:relative;
}

	.getIndexvideo::after {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
		background-image: url(../images/bofang.png);
		content: '';
		display: block;
		background-repeat: no-repeat;
		background-size: 50px;
		background-position-x: center;
		background-position-y: center;
	}

.solution-item p{
	margin-bottom:15px;
	line-height:1.7;
}

.solution-item .solution-tit{
	margin-bottom:18px;
}

.anlist ul li .box .text {
	margin-top: 15px;
}



/******************新增招聘弹出****************/
.peijianPopup {
	display: none;
	width: 100%;
	height: 100%;
	font-size: 14px;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0
}

.peijianPopup .transparent {
	display: block
}

.peijianPopup .con {
	width: 100%;
	max-width: 400px;
	margin: auto;
	background: #fff;
	position: fixed;
	z-index: 9;
	padding-bottom:20px;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.peijianPopup .titlePopup {
	background: #f7f7f7;
	line-height: 60px;
	padding: 0 30px;
	font-size: 20px;
	position: relative
}

.peijianPopup .titlePopup .close {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #a9a9a9;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0
}

.peijianPopup .titlePopup .close:hover {
	color: #f00
}

.peijianPopup .titlePopup .iconfont {
	font-size: 30px
}

.peijianPopup li {
	width: 100%;
	float: left;
	padding: 20px 30px 0 30px;
	position: relative;
}

.peijianPopup .input-form{
  border: none;
  border-radius: 3px;
  color: #333;
  vertical-align: middle;
  border: #d1d1d1 solid 1px;
  padding: 0 10px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  width: 100%;
}

.peijianPopup .textarea-form {
  border: none;
  border-radius: 3px;
  color: #333;
  vertical-align: middle;
  border: #d1d1d1 solid 1px;
  padding: 0 10px;
  line-height: 50px;
  font-size: 16px;
  width: 100%;
}

.peijianPopup .submit{
  font-size: 16px;
  width: 33.3333333%;
  display: inline-block;
  max-width: 200px;
  text-align: center;
  line-height: 50px;
  height: 50px;
  border-radius: 3px;
  color: #fff;
  margin-right: 20px;
  background: #0074c5;
  border: none;
}

.side{position:fixed;width:78px;right:0;top:60%;margin-top:-200px;z-index:999;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#D9271B;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs2{background-image:url(../images/erji1.png)}

.side ul li i.bgs3{background-image:url(../images/weixin1.png)}

.side ul li i.bgs4{background-image:url(../images/dianhua1.png)}
.side ul li i.bgs6{background-image:url(../images/fanhui1.png)}

.side ul li:hover i.bgs2{background-image:url(../images/erji2.png)}

.side ul li:hover i.bgs3{background-image:url(../images/weixin2.png)}

.side ul li:hover i.bgs4{background-image:url(../images/dianhua2.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#D9271B;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul li.sideewm .ewBox.son{width:200px;display:none;color:#363636;text-align:center;padding-top:200px;position:absolute;left:-210px;top:0;background-image:url(../images/weixinerweima.jpg);background-repeat:no-repeat;    background-size: 100% 100%;background-position:center center;border:1px solid #e0e0e0}

.side ul li.sideetel .telBox.son {
    width: 240px;
    height: 119px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: -240px;
    top: 1px;
    background: #D9271B;
}

.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/dianhua11.png) 28px center no-repeat;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}