@charset "UTF-8";

 html {
 	-webkit-text-size-adjust: 100%;
 	-ms-text-size-adjust: 100%;
 	-webkit-font-smoothing: antialiased;
 	-webkit-tap-highlight-color: transparent;
 	-webkit-touch-callout: none;
 	touch-callout: none;
 	cursor: pointer
 }

 .pages ul li.thisclass {
 	display: inline-block;
 	border: 1px solid #d82019;
 	padding: 6px 15px;
 	margin: 0 1px;
 	background: #d82019;
 	color: #fff
 }

 .pages ul li.thisclass a {
 	color: #fff
 }

 .pages ul li a {
 	display: block;
 	color: #999
 }

 .pages ul li a:hover {
 	color: #fff
 }

 body,
 form,
 img,
 ul,
 ol,
 li,
 dl,
 dt,
 dd,
 p,
 tr,
 td,
 strong,
 span,
 pre {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	background-repeat: no-repeat
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
 	margin: 0;
 	padding: 0;
 	font-weight: 400
 }

 ul,
 li {
 	list-style: none
 }

 em,
 i,
 b {
 	font-style: normal
 }

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

 table {
 	border-collapse: collapse;
 	border-spacing: 0
 }

 *,
 :after,
 :before {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	background-repeat: no-repeat
 }

 article,
 aside,
 footer,
 header,
 nav,
 section {
 	display: block
 }

 a {
 	background-color: transparent;
 	-webkit-text-decoration-skip: objects;
 	text-decoration: none;
 	color: #333;
 	outline: none;
 	cursor: pointer
 }

 body,
 button,
 input,
 select,
 textarea {
 	font-size: 14px;
 	line-height: 24px;
 	color: #333;
 	font-family: microsoft yahei
 }

 a:hover {
 	background-repeat: no-repeat;
 	text-decoration: none
 }

 a,
 input[type=button],
 button,
 label,
 input[type=submit] {
 	cursor: pointer
 }

 sub {
 	bottom: -.25em
 }

 sup {
 	top: -.5em
 }

 audio,
 video {
 	display: inline-block
 }

 sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline
 }

 [type=checkbox],
 [type=radio] {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	padding: 0
 }

 input,
 textarea,
 select {
 	outline: none
 }

 input[type=text],
 input[type=password],
 input[type=button],
 input[type=submit],
 input[type=reset],
 select,
 textarea {
 	outline-style: none;
 	-webkit-appearance: none;
 	resize: none;
 	border: none;
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0
 }

 input:-webkit-autofill {
 	-webkit-box-shadow: 0 0 0 1000px #fff inset !important
 }

 .clearfix:after {
 	visibility: hidden;
 	display: flex;

 	font-size: 0;
 	content: " ";
 	clear: both;
 	height: 0
 }

 .clearfix {
 	*zoom: 1
 }

 .clear {
 	clear: both;
 	line-height: 0;
 	height: 0;
 	font-size: 0
 }

 .hide {
 	display: none !important
 }

 .commonweb {
 	padding: 0 15px
 }

 .commonwebbox {
 	margin-left: 0;
 	margin-right: 0
 }

 .commonleft {
 	float: none
 }

 .commonright {
 	float: none
 }

 .visible-sm,
 .visible-md,
 .visible-lg .visible-lg2 {
 	display: none
 }

 .hidden-sm,
 .hidden-md,
 .hidden-lg {
 	display: block
 }

 .col-xs-1,
 .col-xs-2,
 .col-xs-3,
 .col-xs-4,
 .col-xs-5,
 .col-xs-6,
 .col-xs-7,
 .col-xs-8,
 .col-xs-9,
 .col-xs-10,
 .col-xs-11,
 .col-xs-12 {
 	float: left;
 	padding-left: 10px;
 	padding-right: 10px
 }

 .col-xs-12 {
 	width: 100%
 }

 .col-xs-11 {
 	width: 91.66666667%
 }

 .col-xs-10 {
 	width: 83.33333333%
 }

 .col-xs-9 {
 	width: 75%
 }

 .fl {
 	float: left
 }

 .fr {
 	float: right
 }

 .show {
 	display: block !important
 }

 .col-xs-8 {
 	width: 66.66666667%
 }

 .col-xs-7 {
 	width: 58.33333333%
 }

 .col-xs-4 {
 	width: 33.33333333%
 }

 .col-xs-3 {
 	width: 25%
 }

 .col-xs-2 {
 	width: 16.66666667%
 }

 .col-xs-1 {
 	width: 8.33333333%
 }

 .col-xs-6 {
 	width: 50%
 }

 .col-xs-5 {
 	width: 41.66666667%
 }

 @media(max-width:320px) {
 	body {
 		min-width: 320px
 	}
 }

 @media(min-width:768px) {
 	.commonweb {
 		padding: 0 20px
 	}

 	.commonwebbox {
 		margin-left: -10px;
 		margin-right: -10px
 	}

 	.col-sm-1,
 	.col-sm-2,
 	.col-sm-3,
 	.col-sm-4,
 	.col-sm-5,
 	.col-sm-6,
 	.col-sm-7,
 	.col-sm-8,
 	.col-sm-9,
 	.col-sm-10,
 	.col-sm-11,
 	.col-sm-12 {
 		float: left;
 		padding-left: 10px;
 		padding-right: 10px
 	}

 	.col-sm-10 {
 		width: 83.33333333%
 	}

 	.col-sm-9 {
 		width: 75%
 	}

 	.col-sm-8 {
 		width: 66.66666667%
 	}

 	.col-sm-7 {
 		width: 58.33333333%
 	}

 	.col-sm-6 {
 		width: 50%
 	}

 	.col-sm-5 {
 		width: 41.66666667%
 	}

 	.col-sm-4 {
 		width: 33.33333333%
 	}

 	.col-sm-3 {
 		width: 25%
 	}

 	.col-sm-2 {
 		width: 16.66666667%
 	}

 	.col-sm-1 {
 		width: 8.33333333%
 	}

 	.visible-sm {
 		display: block
 	}

 	.hidden-sm {
 		display: none
 	}

 	.col-sm-12 {
 		width: 100%
 	}

 	.col-sm-11 {
 		width: 91.66666667%
 	}
 }

 @media(min-width:992px) {
 	.commonweb {
 		padding: 0 40px
 	}

 	.commonwebbox {
 		margin-left: -10px;
 		margin-right: -10px
 	}

 	.visible-md {
 		display: block
 	}

 	.hidden-md {
 		display: none
 	}

 	.col-md-1,
 	.col-md-2,
 	.col-md-3,
 	.col-md-4,
 	.col-md-5,
 	.col-md-6,
 	.col-md-7,
 	.col-md-8,
 	.col-md-9,
 	.col-md-10,
 	.col-md-11,
 	.col-md-12 {
 		float: left;
 		padding-left: 10px;
 		padding-right: 10px
 	}

 	.col-md-12 {
 		width: 100%
 	}

 	.col-md-11 {
 		width: 91.66666667%
 	}

 	.commonleft {
 		float: left
 	}

 	.commonright {
 		float: right
 	}

 	.col-md-10 {
 		width: 83.33333333%
 	}

 	.col-md-9 {
 		width: 75%
 	}

 	.col-md-8 {
 		width: 66.66666667%
 	}

 	.col-md-7 {
 		width: 58.33333333%
 	}

 	.col-md-3 {
 		width: 25%
 	}

 	.col-md-2 {
 		width: 16.66666667%
 	}

 	.col-md-1 {
 		width: 8.33333333%
 	}

 	.col-md-6 {
 		width: 50%
 	}

 	.col-md-5 {
 		width: 41.66666667%
 	}

 	.col-md-4 {
 		width: 33.33333333%
 	}
 }

 @media(min-width:1200px) {
 	html {
 		cursor: default
 	}

 	.commonleft {
 		float: left
 	}

 	.visible-lg2 {
 		display: inline-block
 	}

 	.hidden-lg {
 		display: none
 	}

 	.col-lg-1,
 	.col-lg-2,
 	.col-lg-3,
 	.col-lg-4,
 	.col-lg-5,
 	.col-lg-6,
 	.col-lg-7,
 	.col-lg-8,
 	.col-lg-9,
 	.col-lg-10,
 	.col-lg-11,
 	.col-lg-12 {
 		float: left;
 		padding-left: 10px;
 		padding-right: 10px
 	}

 	.col-lg-12 {
 		width: 100%
 	}

 	.commonright {
 		float: right
 	}

 	.visible-lg {
 		display: block
 	}

 	.col-lg-11 {
 		width: 91.66666667%
 	}

 	.col-lg-10 {
 		width: 83.33333333%
 	}

 	.col-lg-9 {
 		width: 75%
 	}

 	.col-lg-6 {
 		width: 50%
 	}

 	.col-lg-5 {
 		width: 41.66666667%
 	}

 	.col-lg-8 {
 		width: 66.66666667%
 	}

 	.col-lg-7 {
 		width: 58.33333333%
 	}

 	.col-lg-4 {
 		width: 33.33333333%
 	}

 	.col-lg-3 {
 		width: 25%
 	}

 	.col-lg-2 {
 		width: 16.66666667%
 	}

 	.col-lg-1 {
 		width: 8.33333333%
 	}
 }

 @media(min-width:1260px) {
 	.commonweb {
 		margin: 0 auto;
 		max-width: 1200px;
 		padding: 0
 	}
 }

 #foot-share {
 	font-size: 0;
 	text-align: center;
 	padding: 10px 0 0
 }

 #foot-share a {
 	float: none;
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1;
 	background-repeat: no-repeat;
 	background-position: center center;
 	-moz-background-size: 100%;
 	-o-background-size: 100%;
 	background-size: 100%;
 	width: 30px;
 	height: 30px;
 	margin: 0 4px;
 	padding: 0
 }

 .footer {
 	background-color: #fff;
 	width: 100%;
 	border-top: 1px solid #d82019;
 	font-size: 13px;
 	line-height: 20px
 }

 .friendlink a,
 .friendlink span {
 	color: #34364b;
 	opacity: .7;
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1
 }

 .footer a:hover {
 	color: #d82019
 }

 .bd_weixin_popup {
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	box-sizing: content-box
 }

 .foot-Copyright {
 	padding: 10px 0;
 	text-align: center;
 	font-size: 13px;
 	color: #a8a8a8
 }

 .foot-Copyright a {
 	color: #a8a8a8;
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1
 }

 .footer-top {
 	padding-top: 20px
 }

 .footer-top .tel {
 	display: block;
 	font-family: montserrat;
 	color: #34364b;
 	font-size: 20px
 }

 #foot-share .tweixin {
 	background-image: url(img/weixin.png)
 }

 #foot-share .txinlang {
 	background-image: url(img/weibo.png)
 }

 .footer-top .tel img {
 	vertical-align: middle;
 	display: inline-block
 }

 .footer-top .add {
 	color: #34364b;
 	opacity: .7;
 	padding: 0 0 0 45px
 }

 .friendlink {
 	background-color: #f1f4f9;
 	padding: 10px 0
 }

 @media(min-width:1024px) {
 	.friendlink {
 		padding: 17px 0
 	}

 	.friendlink a {
 		padding-right: 10px
 	}

 	.foot-Copyright {
 		padding: 0 0 8px;
 		text-align: right
 	}

 	.footer-top .tel {
 		font-size: 30px
 	}

 	.footer-top .tel img {
 		margin-right: 3px
 	}

 	.footer-top .add {
 		padding: 4px 0 0 53px
 	}

 	#foot-share {
 		text-align: right
 	}

 	#foot-share a {
 		width: 32px;
 		height: 32px;
 		margin: 0 5px
 	}

 	.foot-Copyright a {
 		padding-left: 12px
 	}

 	.footer-top {
 		padding-top: 38px;
 		padding-bottom: 36px;
 		line-height: 24px
 	}

 	.footer-top .left-cont {
 		float: left;
 		width: 50%;
 		max-width: 280px
 	}

 	.footer-top .right-cont {
 		float: right;
 		max-width: 530px;
 		position: relative;
 		padding: 0 95px 0 0
 	}

 	#foot-share {
 		position: absolute;
 		right: 0;
 		top: 0;
 		padding: 0
 	}
 }

 .zdsbacktop {
 	z-index: 100;
 	position: fixed;
 	right: 20px;
 	bottom: 10%;
 	width: 40px;
 	height: 40px;
 	border: 1px solid #ccc;
 	-webkit-border-radius: 100%;
 	-moz-border-radius: 100%;
 	border-radius: 100%;
 	display: none;
 	background: #333 url(img/wicon89.png) no-repeat center center
 }

 @media(min-width:1180px) {
 	.zdsbacktop {
 		width: 50px;
 		height: 50px
 	}
 }

 .visible-md {
 	display: block
 }

 /* lp update*/
 /* body {
	padding-top:59px
} */
/* @media(min-width:1024px) {
 	body {
 		padding-top: 100px
 	}
 } */

 header {
 	background: #fff;
 	/* -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2); */
 	/* -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2); */
 	/* box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2); */
 	/* position: fixed; */
 	width: 100%;
 	z-index: 999;
 	top: 0;
 	left: 0;
 	right: 0;
 	-webkit-animation-fill-mode: both;
 	-moz-animation-fill-mode: both;
 	-o-animation-fill-mode: both;
 	animation-fill-mode: both;
 	-webkit-animation-duration: .6s;
 	-moz-animation-duration: .6s;
 	-o-animation-duration: .6s;
 	animation-duration: .6s
 }

/* header.shadow {
 	-webkit-animation-name: fadeHeaderInDown;
 	-moz-animation-name: fadeHeaderInDown;
 	-o-animation-name: fadeHeaderInDown;
 	animation-name: fadeHeaderInDown
 } */

 @-webkit-keyframes fadeHeaderInDown {
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0)
 	}

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

 @-moz-keyframes fadeHeaderInDown {
 	0% {
 		opacity: 0;
 		-moz-transform: translate3d(0, -100%, 0)
 	}

 	100% {
 		opacity: 1;
 		-moz-transform: translate3d(0, 0, 0)
 	}
 }

 @-o-keyframes fadeHeaderInDown {
 	0% {
 		opacity: 0;
 		-o-transform: translate3d(0, -100%, 0)
 	}

 	100% {
 		opacity: 1;
 		-o-transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes fadeHeaderInDown {
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		-moz-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0)
 	}

 	100% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		-moz-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .headerweb {
 	max-width: 1400px;
 	margin: 0 auto;
 	position: absolute;
 	padding: 0 15px
 }

 .header-nav li {
 	position: relative;
 	border-bottom: 1px solid #898989
 }

 .header-nav li h3 {
 	font-size: 16px;
 	position: relative
 }

 .header-nav li h3 a {
 	display: block;
 	padding: 10px 0
 }

 .header-nav li.cur .phsearchicon:after {
 	transform: rotate(135deg);
 	-moz-transform: rotate(135deg);
 	-ms-transform: rotate(135deg);
 	-o-transform: rotate(135deg);
 	-webkit-transform: rotate(135deg);
 	top: 13px
 }

 .phsearchicon {
 	display: block;
 	position: absolute;
 	right: 0;
 	top: 0;
 	cursor: pointer;
 	height: 45px;
 	width: 80%
 }

 .logo {
 	top: 0;
 	padding: 20px 0;
 	float: left
 }

 .logo img {
 	display: block;
 	height: 22px
 }

 .header-nav {
 	position: fixed;
 	top: 55px;
 	width: 100%;
 	left: 0;
 	height: 100%;
 	padding: 0;
 	overflow-y: scroll;
 	background: #fff;
	z-index: 999;
 }

 .phsearchicon:after {
 	content: "";
 	position: absolute;
 	top: 17px;
 	right: 10px;
 	width: 10px;
 	height: 10px;
 	border-right: 1px solid #bebebe;
 	border-top: 1px solid #bebebe;
 	border-left: 0;
 	border-bottom: 0;
 	transform: rotate(45deg);
 	-moz-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	-o-transform: rotate(45deg);
 	-webkit-transform: rotate(45deg)
 }

 .header-right {
 	float: right;
 	padding: 16px 0 0;
 	font-size: 0;
 }
 .header-right .head_lang {
 	display: inline-block;
	margin: -36px 0 0px;
	float: right;
	padding: 0 0px;
 }
 
 .header-right .search-con {
 	display: inline-block
 }

 .header-right .search-inco {
 	display: inline-block;
 	width: 30px;
 	height: 30px;
 	background: url(img/winco01.png) center center no-repeat;
 	z-index: 4
 }

 .header-right .searchbox {
 	position: absolute;
 	right: 0;
 	top: 59px;
 	width: 100%;
 	display: none
 }

 .header-right .searchbox .searchtext {
 	width: 100%;
 	height: 40px;
 	padding: 10px 60px 10px 10px;
 	border: 1px solid #ddd
 }

 .headsearch {
 	display: inline-block;
 	margin-left: 5px
 }

 .sub-nav {
 	display: none;
 	position: absolute;
 	width: 100%;
 	z-index: 300;
 	padding: 10px 0
 }

 .sub-item a {
 	display: block;
 	text-align: left;
 	padding: 6px 0
 }

 .sub-bg {
 	display: none;
 	position: absolute;
 	left: 0;
 	top: 100px;
 	width: 100%;
 	background: rgba(0, 0, 0, .4);
 	height: 204px;
 	z-index: 2
 }

 .header-right .searchbox .searchbtn {
 	position: absolute;
 	right: 0;
 	top: 0;
 	background: #d82019;
 	width: 60px;
 	height: 40px;
 	color: #fff;
 	font-family: microsoft yahei;
 	cursor: pointer
 }
/* .head_lang {
	 display: none;
 } */
 .mobnav-btn {
 	display: inline-block;
 	width: 35px;
 	height: 30px;
 	overflow: hidden;
 	cursor: pointer;
 	position: relative;
 	margin-left: 5px
 }

 .mobnav-btn.g_close span {
 	opacity: 0
 }
/* .nav_but_box.g_close span {
 	opacity: 0
 } */
 .mobnav-btn.g_close span:first-child {
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	-moz-transform: rotate(45deg);
 	-o-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	top: 17px;
 	opacity: 1
 }
/* .nav_but_box.g_close span:first-child {
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 	-moz-transform: rotate(45deg);
 	-o-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	top: 17px;
 	opacity: 1
 } */
 .mobnav-btn span:first-child {
 	content: "";
 	top: 6px;
 	left: 0
 }
/* .nav_but_box span:first-child {
 	content: "";
 	top: 6px;
 	left: 0
 } */
 .mobnav-btn span:last-child {
 	content: "";
 	top: auto;
 	bottom: 5px;
 	left: 0
 }
/* .nav_but_box span:last-child {
 	content: "";
 	top: auto;
 	bottom: 5px;
 	left: 0
 } */

 .mobnav-btn span,
 .mobnav-btn span:first-child,
 .mobnav-btn span:last-child,
 .mobnav-btn .mobnav-btn {
 	left: 5px;
 	position: absolute;
 	background: #373737;
 	-webkit-transition: all .5s ease;
 	width: 27px;
 	height: 2px;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 3px;
 	-o-transition: all .5s ease;
 	-moz-transition: all .5s ease;
 	transition: all .5s ease
 }
 
/* .nav_but_box span,
 .nav_but_box span:first-child,
 .nav_but_box span:last-child,
 .nav_but_box .nav_but_box {
	 left: 5px;
	 position: absolute;
	 background: #373737;
	 -webkit-transition: all .5s ease;
	 width: 27px;
	 height: 2px;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 border-radius: 3px;
	 -o-transition: all .5s ease;
	 -moz-transition: all .5s ease;
	 transition: all .5s ease
 } */

 .mobnav-btn.g_close span:last-child {
 	-webkit-transform: rotate(-45deg);
 	transform: rotate(-45deg);
 	-moz-transform: rotate(-45deg);
 	-o-transform: rotate(-45deg);
 	-ms-transform: rotate(-45deg);
 	top: 17px;
 	opacity: 1
 }
/* .nav_but_box.g_close span:last-child{
 	-webkit-transform: rotate(-45deg);
 	transform: rotate(-45deg);
 	-moz-transform: rotate(-45deg);
 	-o-transform: rotate(-45deg);
 	-ms-transform: rotate(-45deg);
 	top: 17px;
 	opacity: 1
 } */

 .mobnav-btn span {
 	top: 50%;
 	margin-top: -2px
 }
/* .nav_but_box span {
 	top: 50%;
 	margin-top: -2px
 } */
 .pcnavmenubtn {
 	display: none
 }

 .headlanguage {
 	font-size: 0;
 	padding: 20px;
 	display: none;
 	position: fixed;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	z-index: 10;
 	text-align: center;
 	background-color: #fff
 }

 .headcompany {
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1;
 	font-size: 0;
 	position: relative;
 	padding-left: 10px
 }

 .headcompany .Currentlan {
 	display: block;
 	line-height: 30px;
 	background: url(img/wicon3.png) no-repeat 100% center;
 	padding-right: 10px;
 	color: #34364b;
 	font-size: 12px
 }

 .headcompany .company-choose {
 	font-size: 14px;
 	display: none;
 	position: fixed;
 	left: 0;
 	right: 0;
 	top: 62px;
 	background-color: #fff;
 	padding: 0 20px;
 	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 	-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
 }

 .headcompany .company-choose a {
 	display: block;
 	line-height: 30px
 }

 .headcompany .company-choose a:hover {
 	color: #d82019
 }

 .headlanguage .langbtn {
 	background: url(img/wicon2.png) no-repeat center center;
 	display: block;
 	width: 30px;
 	height: 30px;
 	margin: 0 auto;
 	-webkit-transition: all ease .5s;
 	-o-transition: all ease .5s;
 	-moz-transition: all ease .5s;
 	transition: all ease .5s
 }

 @media(max-width:375px) {
 	.logo img {
 		height: 19px
 	}
 }

 @media(min-width:1024px) {
 	header {
 		background: #fff;
 		height: 100px
 	}

 	.headerweb {
 		max-width: 1440px;
 		margin: 0 auto;
 		position: static;
 		height: 100%
 	}
	.head_nav {
		margin: 20px;  
		clear: both;
	}
 	header>.headerweb {
 		max-width: 100%;
 		padding: 0 2%
 	}
/* 	.head_lang {
		display: block;
	} */
 	.header-nav {
 		position: static;
 		background: 0 0;
 		overflow-y: visible;

 	}

 	.header-nav a {
 		color: #34364b
 	}
	.header-nav ul {
		display: flex; 
		justify-content: center;
	}
 	.header-nav li {
 		border-bottom: none;
 		float: left;
 		padding: 0 2.0%;
 		position: static
 	}


 	.logo {
 		padding: 32px 0 0
 	}

 	.logo img {
 		display: block;
 		height: 30px
 	}

 	.header-nav li h3 {
 		font-size: 14px
 	}

 	.header-nav li h3 a {
 		display: block;
 		padding: 0px 0;
 	}

 	.header-nav li h3 a:after {
 		content: "";
 		height: 3px;
 		position: absolute;
 		bottom: 0;
 		left: 51%;
 		right: 51%;
 		z-index: -1;
 		background-color: #d82019;
 		-o-transition-property: left, right;
 		-moz-transition-property: left, right;
 		transition-property: left, right;
 		-webkit-transition-property: left, right;
 		-moz-transition-duration: .3s;
 		-o-transition-duration: .3s;
 		transition-duration: .3s;
 		-webkit-transition-duration: .3s;
 		-moz-transition-timing-function: ease-out;
 		-o-transition-timing-function: ease-out;
 		transition-timing-function: ease-out;
 		-webkit-transition-timing-function: ease-out
 	}

 	.header-nav li:hover h3 a,
 	.header-nav li.cur h3 a {
 		font-weight: 700;
 		color: #d82019
 	}

 	.header-nav li:hover h3 a:after,
 	.header-nav li.cur h3 a:after {
 		left: 0;
 		right: 0;
 		z-index: 1
 	}

 	.header-nav li:hover .sub-nav {
 		display: block;
 	}

 	.header-right .search-inco {
 		display: block;
 		width: 35px;
 		height: 100px;
 		z-index: 4
 	}

 	.header-right .searchbox {
 		position: absolute;
 		right: -30px;
 		top: 100px;
 		width: 260px;
 		display: none
 	}

 	.header-right .searchbox .searchtext {
 		width: 100%;
 		height: 40px;
 		padding: 10px 60px 10px 10px;
 		border: 1px solid #ddd
 	}

 	.header-right .searchbox .searchbtn {
 		position: absolute;
 		right: 0;
 		top: 0;
 		width: 60px;
 		height: 40px;
 		color: #fff;
 		font-family: microsoft yahei;
 		cursor: pointer
 	}

 	.header-right {
 		float: none;
 		padding: 0;
 		position: absolute;
 		top: 0;
 		right: 75px;
 		padding-right: 71px;
 		height: 100px;
		display: none;
		/* 默认PC端隐藏，移动端放开 */
 	}

 	.header-right .search-con {
 		position: relative
 	}

 	.sub-nav {
 		display: none
 	}

 	.headsearch {
 		height: 100px;
 		border-left: 1px solid #eaeaea;
 		padding: 0 20px;
 		margin: 0
 	}

 	.mobnav-btn,
 	.phsearchicon {
 		display: none !important
 	}

 	.headlanguage {
 		font-size: 16px;
 		height: 100px;
 		top: 0;
 		border-left: 1px solid #eaeaea;
 		position: fixed;
 		right: 75px;
 		padding: 0 20px;
 		text-align: left;
 		display: block;
 		width: auto;
 		background: 0 0;
 		left: auto
 	}

 	.headcompany .Currentlan {
 		height: 100px;
 		line-height: 100px;
 		font-size: 16px
 	}

 	.headcompany .company-choose {
 		top: 100px;
 		position: absolute;
 		width: 250px;
 		position: absolute;
 		z-index: 3;
 		left: 50%;
 		-webkit-transform: translateX(-50%);
 		-moz-transform: translateX(-50%);
 		-ms-transform: translateX(-50%);
 		-o-transform: translateX(-50%);
 		transform: translateX(-50%)
 	}

 	.headlanguage .langbtn {
 		height: 100px
 	}

 	.headcompany {
 		position: relative;
 		height: 100px;
 		top: 0;
 		border-left: 1px solid #eaeaea;
 		padding: 0 27px
 	}

 	.pcnavmenubtn {
 		border-left: 1px solid #eaeaea;
 		display: block;
 		position: fixed;
 		right: 0;
 		top: 0;
 		width: 75px;
 		height: 100px;
 		cursor: pointer
 	}

 	.pcnavmenubtn .pcnav-btn {
 		width: 19px;
 		height: 30px;
 		position: absolute;
 		z-index: 3;
 		left: 50%;
 		top: 50%;
 		-webkit-transform: translate(-50%, -50%);
 		-moz-transform: translate(-50%, -50%);
 		-ms-transform: translate(-50%, -50%);
 		-o-transform: translate(-50%, -50%);
 		transform: translate(-50%, -50%);
 		display: block
 	}

 	.pcnavmenubtn .pcnav-btn span {
 		top: 50%;
 		margin-top: -2px
 	}

 	.pcnavmenubtn .pcnav-btn span,
 	.pcnavmenubtn .pcnav-btn span:first-child,
 	.pcnavmenubtn .pcnav-btn span:last-child {
 		left: 0;
 		position: absolute;
 		background: #373737;
 		-webkit-transition: all .5s ease;
 		width: 19px;
 		height: 3px;
 		-o-transition: all .5s ease;
 		-moz-transition: all .5s ease;
 		transition: all .5s ease
 	}

 	.pcnavmenubtn .pcnav-btn.g_close span {
 		opacity: 0
 	}

 	.pcnavmenubtn .pcnav-btn span:first-child {
 		content: "";
 		top: 8px;
 		left: 0
 	}

 	.pcnavmenubtn .pcnav-btn span:last-child {
 		content: "";
 		top: auto;
 		bottom: 7px;
 		left: 0
 	}

 	.pcnavmenubtn .pcnav-btn.g_close span:first-child {
 		-webkit-transform: rotate(45deg);
 		transform: rotate(45deg);
 		-moz-transform: rotate(45deg);
 		-o-transform: rotate(45deg);
 		-ms-transform: rotate(45deg);
 		top: 17px;
 		opacity: 1
 	}

 	.pcnavmenubtn .pcnav-btn.g_close span:last-child {
 		-webkit-transform: rotate(-45deg);
 		transform: rotate(-45deg);
 		-moz-transform: rotate(-45deg);
 		-o-transform: rotate(-45deg);
 		-ms-transform: rotate(-45deg);
 		top: 17px;
 		opacity: 1
 	}
 }

 @media(min-width:1280px) {
 	.header-nav {
 		display: block;
 		float: left;
 		margin: -20px;
 	}

 	.header-nav li {
 		padding: 0 2.0%
 	}

 	.header-right {
 		padding-right: 51px
 	}

 	.headsearch,
 	.headcompany,
 	.headlanguage {
 		padding: 0 5px
 	}
 }

 @media(min-width:1366px) {
 	.logo {
 		padding: 32px 0 0 55px
 	}

 	.header-nav li {
 		padding: 0 1%
 	}

 	.headsearch,
 	.headcompany,
 	.headlanguage {
 		padding: 0 10px
 	}
 }

 @media(min-width:1400px) {

 	.headsearch,
 	.headcompany,
 	.headlanguage {
 		padding: 0 15px
 	}

 	.header-right {
 		padding-right: 61px
 	}

 	/* .header-nav {
	padding-left:237px
} lp update*/
 }

 @media(min-width:1680px) {

 	/* .header_nav_box {clear:both; display:block;padding-left: 20%;} lp update*/
 	.headsearch {
 		padding: 0 32px
 	}

 	.header-nav {
 		padding-left: 4%
 	}

 	.header-nav li {
 		padding: 0 1.5%
 	}

 	.header-right {
 		padding-right: 50px;
 		right: 50px
 	}

 	.headcompany {
 		width: 135px;
 		padding: 0 27px
 	}

 	.logo img {
 		height: 34px
 	}

 	.headlanguage {
 		right: 100px;
 		width: 100px
 	}

 	.pcnavmenubtn {
 		width: 100px
 	}
 }

 @media(min-width:1800px) {
 	.header-nav li {
 		padding: 0 2%
 	}
 }

 .headsideNav {
 	display: none
 }

 @media(min-width:1024px) {
 	.headsideNav {
 		position: fixed;
 		top: 0;
 		right: -320px;
 		z-index: 999;
 		background: #f9f9f9;
 		height: 100%;
 		width: 320px;
 		display: block;
 		overflow-y: auto;
 		padding: 50px 30px;
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s;
 		text-align: center
 	}

 	.headsideNav .logo {
 		float: none;
 		display: block;
 		-webkit-transition: all .5s cubic-bezier(.24, .72, .35, 1.01) .1s;
 		-o-transition: all .5s cubic-bezier(.24, .72, .35, 1.01) .1s;
 		-moz-transition: all .5s cubic-bezier(.24, .72, .35, 1.01) .1s;
 		transition: all .5s cubic-bezier(.24, .72, .35, 1.01) .1s;
 		-webkit-transform: translateY(100%);
 		-moz-transform: translateY(100%);
 		-ms-transform: translateY(100%);
 		-o-transform: translateY(100%);
 		transform: translateY(100%);
 		opacity: 0
 	}

 	.headsideNav .logo img {
 		height: 34px
 	}

 	.headsideNav .slide-colse {
 		display: block;
 		width: 30px;
 		height: 30px;
 		background: url(img/slide-close.png) no-repeat center center;
 		position: absolute;
 		top: 30px;
 		right: 30px
 	}

 	.headsideNav .slide-nav {
 		padding: 40px 0 0;
 		font-size: 18px;
 		-webkit-transition: all .8s cubic-bezier(.24, .72, .35, 1.01) .3s;
 		-o-transition: all .8s cubic-bezier(.24, .72, .35, 1.01) .3s;
 		-moz-transition: all .8s cubic-bezier(.24, .72, .35, 1.01) .3s;
 		transition: all .8s cubic-bezier(.24, .72, .35, 1.01) .3s;
 		opacity: 0;
 		-webkit-transform: translateY(100%);
 		-moz-transform: translateY(100%);
 		-ms-transform: translateY(100%);
 		-o-transform: translateY(100%);
 		transform: translateY(100%)
 	}

 	.headsideNav .slide-nav li {
 		padding-bottom: 25px
 	}

 	.headsideNav .slide-nav li h3 a {
 		color: #8b8784
 	}

 	.headsideNav .sub-item {
 		font-size: 16px
 	}

 	.headsideNav .sub-item a {
 		color: #cac4bd;
 		text-align: center
 	}

 	.headsideNav li h3 {
 		position: relative
 	}

 	.headsideNav.cur {
 		right: 0
 	}

 	.headsideNav.cur .logo,
 	.headsideNav.cur .slide-nav {
 		-webkit-transform: translateY(0);
 		-moz-transform: translateY(0);
 		-ms-transform: translateY(0);
 		-o-transform: translateY(0);
 		transform: translateY(0);
 		opacity: 1
 	}

 	.headsideNav .phsearchicon {
 		left: 0;
 		top: 0;
 		right: 0;
 		width: 100%;
 		height: 28px;
 		display: block !important;
 		z-index: 2
 	}

 	.headsideNav .phsearchicon:after {
 		display: none
 	}

 	.exit-off-canvas {
 		position: fixed;
 		top: 0;
 		left: 0;
 		width: 0;
 		height: 100%;
 		cursor: pointer;
 		z-index: 999;
 		background: #000;
 		opacity: .5;
 		-webkit-transition: all .4s ease;
 		-o-transition: all .4s ease;
 		-moz-transition: all .4s ease;
 		transition: all .4s ease
 	}
 }

 .childMenu {
 	position: absolute;
 	top: 100px;
 	left: 0;
 	width: 100%;
 	height: 0;
 	background: #fff;
 	background: rgba(0, 0, 0, .31);
 	font-size: 14px;
 	-webkit-transition: all .3s;
 	-o-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s;
 	color: #88868e;
 	overflow: hidden;
 	line-height: 55px
 }

 .childMenu.active {
 	height: 55px;
 	overflow: visible
 }

 .childMenu .sub-item a {
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1;
 	text-align: center;
 	padding: 0 20px 0 0;
 	color: #fff
 }

 .childMenu .sub-item a:hover {
 	color: #d82019
 }

 .childMenu .sub-nav {
 	display: block;
 	padding: 0;
 	width: 100%;
 	z-index: 3
 }

 @charset "UTF-8";

 .full-inside-subnav .channel-title::after {
 	_font-size: 0;
 	_line-height: 0;
 	_overflow: hidden;
 	width: 0;
 	height: 0
 }

 body {
 	overflow-x: hidden
 }

 .padtb {
 	padding-top: 30px;
 	padding-bottom: 30px
 }

 .padtbb {
 	padding-bottom: 30px
 }

 .nopadtb {
 	padding-top: 0;
 	padding-bottom: 0
 }

 .font24 {
 	font-size: 20px
 }

 .font22 {
 	font-size: 19px
 }

 .font20 {
 	font-size: 18px
 }

 .font18 {
 	font-size: 16px
 }

 .font15 {
 	font-size: 15px
 }

 .font16 {
 	font-size: 16px
 }

 .font36 {
 	font-size: 22px
 }

 .font30 {
 	font-size: 20px
 }

 .alcenter {
 	text-align: center
 }

 .c666666 {
 	color: #666
 }

 .cd82019 {
 	color: #d82019
 }

 .c90c42f {
 	color: #90c42f
 }

 .c4c4c4c {
 	color: #4c4c4c
 }

 .h28 {
 	height: 28px
 }

 .h18 {
 	height: 18px
 }

 .h13 {
 	height: 13px
 }

 .h12 {
 	height: 12px
 }

 .h10 {
 	height: 10px
 }

 .h5 {
 	height: 5px
 }

 @media(min-width:1024px) {
 	.font36 {
 		font-size: 28px;
 		line-height: 30px
 	}

 	.font34 {
 		font-size: 28px;
 		line-height: 30px
 	}

 	.font22 {
 		font-size: 22px
 	}

 	.font20 {
 		font-size: 20px
 	}

 	.font18 {
 		font-size: 18px
 	}

 	.font32 {
 		font-size: 27px;
 		line-height: 30px
 	}

 	.font30 {
 		font-size: 26px;
 		line-height: 30px
 	}

 	.font24 {
 		font-size: 24px
 	}
 }

 @media(min-width:1199px) {
 	.font36 {
 		font-size: 36px;
 		line-height: 38px
 	}

 	.font34 {
 		font-size: 34px;
 		line-height: 38px
 	}

 	.font32 {
 		font-size: 32px;
 		line-height: 36px
 	}

 	.font30 {
 		font-size: 30px;
 		line-height: 32px
 	}
 }

 .cffffff {
 	color: #fff
 }

 .c333333 {
 	color: #333
 }

 .c696161 {
 	color: #696161
 }

 .center {
 	text-align: center
 }

 .fontbold {
 	font-weight: 700
 }

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

 .inside-banner img {
 	display: block;
 	width: auto;
 	max-width: none;
 	position: relative;
 	left: 50%;
 	transform: translateX(-50%);
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	-o-transform: translateX(-50%)
 }

 @media(max-width:414px) {
 	.inside-banner img {
 		max-height: 120px
 	}
 }

 ::-webkit-scrollbar {
 	width: 5px;
 	height: 8px;
 	background-color: #e0e0e0;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 0
 }

 ::-webkit-scrollbar-thumb {
 	background-color: #aeaeae;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 0
 }

 .fontfamMontser {
 	font-family: Montserrat
 }

 .full-inside-subnav {
 	background-color: #fff;
 	border-bottom: 1px solid #e0e0e0
 }

 .full-inside-subnav .inside-subnav {
 	position: relative;
 	z-index: 25
 }

 .full-inside-subnav .channel-title {
 	font-size: 16px;
 	line-height: 50px;
 	font-weight: 700;
 	text-align: center
 }

 .full-inside-subnav .channel-title::after {
 	content: '';
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0 0 -3px 10px;
 	border-width: 7px;
 	border-style: solid dashed dashed dashed;
 	border-color: #333 transparent transparent transparent
 }

 .full-inside-subnav .subnav {
 	display: none;
 	position: absolute;
 	left: 0;
 	top: 50px;
 	z-index: 10;
 	width: 100%;
 	background-color: #fff;
 	padding-bottom: 20px;
 	border-top: 1px solid #ccc;
 	-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);
 	-moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);
 	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);
 	font-size: 0;
 	overflow: hidden
 }

 .full-inside-subnav .subnav.padding {
 	padding: 0 44px
 }

 .full-inside-subnav .subnav .sub-btn {
 	display: none
 }

 .full-inside-subnav .crumb {
 	display: none
 }

 .common-clumb-box {
 	position: relative
 }

 .full-inside-subnav .subnav a {
 	display: block;
 	padding-left: 20px;
 	font-size: 14px;
 	line-height: 45px;
 	border-bottom: 1px solid #ccc
 }

 .full-inside-subnav .subnav a.cur {
 	color: #d82019
 }

 .common-clumb {
 	font-size: 0;
 	padding-top: 20px;
 	overflow: hidden
 }

 .common-clumb .clumb-box {
 	width: auto
 }

 .common-clumb a {
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1;
 	color: #999;
 	font-size: 14px;
 	text-align: center;
 	padding: 5px 10px;
 	width: auto;
 	position: relative;
 	-webkit-transition: all ease .5s;
 	-o-transition: all ease .5s;
 	-moz-transition: all ease .5s;
 	transition: all ease .5s
 }

 .common-clumb a:hover,
 .common-clumb a.cur {
 	color: #fff
 }

 .common-clumb a:hover:before,
 .common-clumb a.cur:before {
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1)
 }

 .common-clumb a:before {
 	content: "";
 	position: absolute;
 	z-index: -1;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: #ea3800;
 	-webkit-transform: scale(0);
 	-moz-transform: scale(0);
 	-ms-transform: scale(0);
 	-o-transform: scale(0);
 	transform: scale(0);
 	-webkit-transition-property: transform;
 	-webkit-transition-property: -webkit-transform;
 	transition-property: -webkit-transform;
 	-o-transition-property: -o-transform;
 	-moz-transition-property: transform, -moz-transform;
 	transition-property: transform;
 	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
 	-webkit-transition-duration: .3s;
 	-moz-transition-duration: .3s;
 	-o-transition-duration: .3s;
 	transition-duration: .3s;
 	-webkit-transition-timing-function: ease-out;
 	-moz-transition-timing-function: ease-out;
 	-o-transition-timing-function: ease-out;
 	transition-timing-function: ease-out
 }

 .clumb-title .en {
 	color: #d82019;
 	text-transform: uppercase;
 	font-family: Rubik
 }

 .clumb-title .cn {
 	color: #34364b;
 	padding: 0 0 4px
 }

 .common-clumb-min {
 	padding-top: 30px
 }

 @media(min-width:762px) {
 	.clumb-title .cn {
 		padding: 0 0 7px
 	}
 }

 @media(min-width:1024px) {
 	.full-inside-subnav {
 		overflow: hidden
 	}

 	.full-inside-subnav .channel-title {
 		display: none
 	}

 	.full-inside-subnav .subnav {
 		display: block;
 		position: static;
 		background-color: transparent;
 		padding-bottom: 0;
 		border-top: 0;
 		-webkit-box-shadow: none;
 		-moz-box-shadow: none;
 		box-shadow: none
 	}

 	.full-inside-subnav .subnav ul {
 		height: 60px
 	}

 	.full-inside-subnav .subnav li {
 		width: auto;
 		display: inline-block;
 		-webkit-flex-shrink: 0;
 		-ms-flex: 0 0 auto;
 		-ms-flex-negative: 0;
 		flex-shrink: 0;
 		height: 100%;
 		-ms-flex-pack: center;
 		-webkit-box-align: center;
 		-ms-flex-align: center;
 		margin-right: 25px
 	}

 	.full-inside-subnav .subnav li:hover a,
 	.full-inside-subnav .subnav li.cur a {
 		color: #d82019
 	}

 	.full-inside-subnav .subnav li:hover a:after,
 	.full-inside-subnav .subnav li.cur a:after {
 		left: 0;
 		right: 0;
 		z-index: 1
 	}

 	.full-inside-subnav .subnav a {
 		float: left;
 		display: block;
 		line-height: 60px;
 		border-bottom: 0;
 		padding: 0;
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s;
 		position: relative
 	}

 	.full-inside-subnav .subnav a:after {
 		content: "";
 		height: 3px;
 		position: absolute;
 		bottom: 0;
 		left: 51%;
 		right: 51%;
 		z-index: -1;
 		background-color: #d82019;
 		-o-transition-property: left, right;
 		-moz-transition-property: left, right;
 		transition-property: left, right;
 		-webkit-transition-property: left, right;
 		-moz-transition-duration: .3s;
 		-o-transition-duration: .3s;
 		transition-duration: .3s;
 		-webkit-transition-duration: .3s;
 		-moz-transition-timing-function: ease-out;
 		-o-transition-timing-function: ease-out;
 		transition-timing-function: ease-out;
 		-webkit-transition-timing-function: ease-out
 	}

 	.full-inside-subnav .subnav .sub-btn {
 		width: 44px;
 		height: 100%;
 		cursor: pointer;
 		z-index: 10;
 		background-color: #fff;
 		position: absolute;
 		z-index: 3;
 		top: 50%;
 		-webkit-transform: translateY(-50%);
 		-moz-transform: translateY(-50%);
 		-ms-transform: translateY(-50%);
 		-o-transform: translateY(-50%);
 		transform: translateY(-50%);
 		padding: 0
 	}

 	.full-inside-subnav .subnav .sub-btn:before {
 		display: block;
 		content: "";
 		width: 16px;
 		height: 16px;
 		border-left: 2px solid #848484;
 		border-bottom: 2px solid #848484
 	}

 	.full-inside-subnav .subnav .sub-btn.sub-prev {
 		left: 0
 	}

 	.full-inside-subnav .inside-subnav {
 		width: 73%;
 		float: left
 	}

 	.full-inside-subnav .crumb {
 		position: relative;
 		float: right;
 		max-width: 27%;
 		padding-left: 28px;
 		display: block;
 		color: #737373;
 		font-size: 0;
 		line-height: 60px;
 		border-left: 1px solid #e0e0e0
 	}

 	.full-inside-subnav .crumb .inner {
 		white-space: nowrap;
 		-o-text-overflow: ellipsis;
 		text-overflow: ellipsis;
 		overflow: hidden;
 		text-align: right
 	}

 	.full-inside-subnav .crumb a {
 		position: relative;
 		z-index: 3;
 		display: inline-block;
 		vertical-align: top;
 		*display: inline;
 		*zoom: 1;
 		color: #737373;
 		font-size: 14px
 	}

 	.full-inside-subnav .crumb a:after {
 		content: '';
 		display: inline-block;
 		vertical-align: middle;
 		width: 0;
 		height: 0;
 		margin: -2px 4px 0 8px;
 		border: 3px solid transparent;
 		border-left-color: #757575
 	}

 	.full-inside-subnav .crumb a:hover {
 		color: #d82019
 	}

 	.full-inside-subnav .crumb span {
 		position: relative;
 		z-index: 3;
 		font-size: 13px;
 		display: inline-block;
 		vertical-align: top;
 		*display: inline;
 		*zoom: 1
 	}

 	.full-inside-subnav .crumb .home {
 		padding-left: 14px;
 		vertical-align: middle;
 		background: url(img/homeico.png) no-repeat 0 center
 	}

 	.common-clumb {
 		padding: 12px 0 0
 	}

 	.common-clumb a {
 		padding: 6px 20px
 	}

 	.common-clumb-box .sub-btn {
 		width: 44px;
 		height: 38px;
 		cursor: pointer;
 		position: absolute;
 		z-index: 3;
 		top: 50%;
 		-webkit-transform: translateY(-50%);
 		-moz-transform: translateY(-50%);
 		-ms-transform: translateY(-50%);
 		-o-transform: translateY(-50%);
 		transform: translateY(-50%);
 		padding: 0
 	}

 	.common-clumb-box .sub-btn:before {
 		display: block;
 		content: "";
 		width: 14px;
 		height: 14px;
 		border-left: 2px solid #666;
 		border-bottom: 2px solid #666
 	}

 	.common-clumb-box .sub-btn:hover:before {
 		border-color: #d82019
 	}

 	.common-clumb-box .sub-btn.sub-prev {
 		left: 0
 	}

 	.full-inside-subnav .subnav .sub-btn.sub-prev:before {
 		transform: rotate(40deg);
 		-webkit-transform: rotate(40deg);
 		-moz-transform: rotate(40deg);
 		-ms-transform: rotate(40deg);
 		-o-transform: rotate(40deg);
 		margin: 22px 0 0 17px
 	}

 	.full-inside-subnav .subnav .sub-btn.sub-next {
 		right: 0
 	}

 	.full-inside-subnav .subnav .sub-btn.sub-next:before {
 		transform: rotate(225deg);
 		-webkit-transform: rotate(225deg);
 		-moz-transform: rotate(225deg);
 		-ms-transform: rotate(225deg);
 		-o-transform: rotate(225deg);
 		margin: 22px 0 0 8px
 	}

 	.common-clumb-box .sub-btn.sub-prev:before {
 		transform: rotate(40deg);
 		-webkit-transform: rotate(40deg);
 		-moz-transform: rotate(40deg);
 		-ms-transform: rotate(40deg);
 		-o-transform: rotate(40deg);
 		margin: 18px 0 0 17px
 	}

 	.common-clumb-box .sub-btn.sub-next {
 		right: 0
 	}

 	.common-clumb-box .sub-btn.sub-next:before {
 		transform: rotate(225deg);
 		-webkit-transform: rotate(225deg);
 		-moz-transform: rotate(225deg);
 		-ms-transform: rotate(225deg);
 		-o-transform: rotate(225deg);
 		margin: 18px 0 0 8px
 	}

 	.common-clumb-min {
 		padding-top: 40px
 	}

 	.common-clumb-min .clumb-title.fl {
 		max-width: 50%
 	}

 	.common-clumb-min .common-clumb-box.fr {
 		max-width: 50%
 	}
 }

 @media(min-width:1199px) {
 	.common-clumb-min {
 		padding-top: 77px
 	}
 }

 .comloading {
 	text-align: center;
 	color: #868686
 }

 .comloading .loadtext {
 	display: block;
 	color: #868686;
 	opacity: .5
 }

 .loadEffect {
 	width: 40px;
 	height: 40px;
 	position: relative;
 	margin: 0 auto 15px
 }

 .loadEffect span {
 	display: inline-block;
 	width: 4px;
 	height: 4px;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	border-radius: 50%;
 	background: #000;
 	position: absolute;
 	-webkit-animation: load 1.5s ease infinite
 }

 @-webkit-keyframes load {
 	0% {
 		opacity: 1
 	}

 	100% {
 		opacity: 0
 	}
 }

 .loadEffect span:nth-child(1) {
 	left: 0;
 	top: 50%;
 	margin-top: -2px;
 	-webkit-animation-delay: .13s
 }

 .loadEffect span:nth-child(2) {
 	left: 2px;
 	top: 9px;
 	-webkit-animation-delay: .26s
 }

 .loadEffect span:nth-child(3) {
 	left: 9px;
 	top: 2px;
 	-webkit-animation-delay: .39s
 }

 .loadEffect span:nth-child(4) {
 	left: 50%;
 	top: 0;
 	margin-left: -2px;
 	-webkit-animation-delay: .52s
 }

 .loadEffect span:nth-child(5) {
 	right: 9px;
 	top: 2px;
 	-webkit-animation-delay: .65s
 }

 .loadEffect span:nth-child(6) {
 	right: 2px;
 	top: 9px;
 	-webkit-animation-delay: .78s
 }

 .loadEffect span:nth-child(7) {
 	right: 0;
 	top: 50%;
 	margin-top: -2px;
 	-webkit-animation-delay: .91s
 }

 .loadEffect span:nth-child(8) {
 	bottom: 9px;
 	right: 2px;
 	-webkit-animation-delay: 1.04s
 }

 .loadEffect span:nth-child(9) {
 	bottom: 2px;
 	right: 9px;
 	-webkit-animation-delay: 1.17s
 }

 .loadEffect span:nth-child(10) {
 	bottom: 0;
 	left: 50%;
 	margin-left: -2px;
 	-webkit-animation-delay: 1.3s
 }

 .loadEffect span:nth-child(11) {
 	bottom: 9px;
 	left: 2px;
 	-webkit-animation-delay: 1.43s
 }

 .loadEffect span:nth-child(12) {
 	bottom: 2px;
 	left: 9px;
 	-webkit-animation-delay: 1.56s
 }

 .product-list {
 	padding-top: 30px
 }

 .product-list ul {
 	margin: 0 -5px;
 	padding-bottom: 20px
 }

 .product-list li {
 	padding: 0 5px;
 	margin: 0 0 10px
 }

 .product-list li a {
 	border: 1px solid #e3e3eb;
 	display: block
 }

 .product-list li img {
 	display: block;
 	margin: 0 auto
 }

 .product-list li .pro-img {
 	background-color: #eaebf5
 }

 .product-list li .pro-text {
 	border-top: 1px solid #e3e3eb;
 	text-align: center;
 	padding: 0 10px;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 45px;
 	color: #58596d
 }

 @media(min-width:1024px) {
 	.product-list {
 		padding-top: 57px;
 		padding-bottom: 20px
 	}

 	.product-list ul {
 		padding-bottom: 30px
 	}

 	.product-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.product-list li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.product-list li .pro-img {
 		overflow: hidden
 	}

 	.product-list li .pro-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.product-list li .pro-text {
 		font-size: 16px
 	}

 	.product-list li:hover .pro-text {
 		color: #d82019
 	}

 	.product-list li:hover a {
 		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-webkit-transform: translateY(-2px);
 		-moz-transform: translateY(-2px);
 		-ms-transform: translateY(-2px);
 		-o-transform: translateY(-2px);
 		transform: translateY(-2px)
 	}
 }

 @media(min-width:1199px) {
 	.product-list ul {
 		margin: 0 -15px
 	}

 	.product-list li {
 		padding: 0 15px;
 		margin: 0 0 30px
 	}

 	.product-list li .pro-text {
 		line-height: 83px
 	}
 }

 .product-detail .mainimg-info {
 	border: 1px solid #ebebeb
 }

 .product-detail .mainimg-info img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .product-detail .maintxt-info {
 	padding: 20px 0 0;
 	line-height: 24px
 }

 .product-detail .maintxt-info .name {
 	color: #757575;
 	padding: 15px 0;
 	font-size: 14px
 }

 .product-detail .maintxt-info .desc {
 	border-top: 1px solid #eee;
 	color: #929292;
 	padding: 15px 0 0
 }

 @media(min-width:1024px) {
 	.product-detail {
 		padding-top: 50px
 	}

 	.product-detail .mainimg-info {
 		float: left;
 		width: 56%;
 		max-width: 557px
 	}

 	.product-detail .maintxt-info {
 		overflow: hidden;
 		padding: 0 0 0 20px
 	}
 }

 @media(min-width:1199px) {
 	.product-detail {
 		padding-top: 98px;
 		padding-bottom: 71px
 	}

 	.product-detail .maintxt-info {
 		padding: 20px 20px 0 60px
 	}

 	.product-detail .maintxt-info .name {
 		font-size: 15px;
 		line-height: 30px;
 		padding: 29px 0 19px
 	}

 	.product-detail .maintxt-info .desc {
 		line-height: 30px;
 		padding: 21px 0 0;
 		max-width: 510px
 	}
 }

 .pro-datial-tab {
 	color: #929292;
 	padding-bottom: 25px
 }

 .tab-options {
 	border-top: 1px solid #eee;
 	border-bottom: 1px solid #eee;
 	text-align: center;
 	background-color: #fff
 }

 .tab-options a {
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1;
 	position: relative;
 	font-size: 16px;
 	line-height: 40px;
 	margin: 0 5px
 }

 .tab-options a:after {
 	content: "";
 	height: 3px;
 	position: absolute;
 	bottom: -1px;
 	left: 51%;
 	right: 51%;
 	z-index: -1;
 	background-color: #0c337f;
 	-o-transition-property: left, right;
 	-moz-transition-property: left, right;
 	transition-property: left, right;
 	-webkit-transition-property: left, right;
 	-moz-transition-duration: .3s;
 	-o-transition-duration: .3s;
 	transition-duration: .3s;
 	-webkit-transition-duration: .3s;
 	-moz-transition-timing-function: ease-out;
 	-o-transition-timing-function: ease-out;
 	transition-timing-function: ease-out;
 	-webkit-transition-timing-function: ease-out
 }

 .tab-options a:hover:after,
 .tab-options a.cur:after {
 	left: 0;
 	right: 0;
 	z-index: 1
 }

 .pro-title {
 	padding: 0 0 10px;
 	color: #4c4c4c;
 	font-size: 16px
 }

 .pro-title img {
 	vertical-align: middle;
 	margin: 0 5px 0 0
 }

 .comtablemin {
 	text-align: center
 }

 .Features {
 	border-bottom: 1px solid #e6e6e6
 }

 @media(min-width:1024px) {
 	.pro-datial-tab {
 		line-height: 30px
 	}

 	.tab-options {
 		height: 68px
 	}

 	.tab-options a {
 		line-height: 67px;
 		margin: 0 47px;
 		font-size: 20px
 	}

 	.pro-title {
 		font-size: 20px;
 		padding: 0 0 16px
 	}

 	.Features {
 		padding-top: 71px;
 		padding-bottom: 52px
 	}

 	.Technical {
 		padding-top: 40px
 	}

 	.tab-optionsbox {
 		height: 68px
 	}
 }

 .Related-minbox {
 	background-color: #fafafa
 }

 .Related-minbox .relat-tit {
 	text-align: center
 }

 .relat-solute-wrapper {
 	position: relative
 }

 .relat-solute-wrapper .solwrapper-min {
 	overflow: hidden;
 	padding: 30px 0 0
 }

 .relat-solute-wrapper ul {
 	margin: 0 -5px
 }

 .relat-solute-wrapper ul.momargin {
 	margin: 0
 }

 .relat-solute-wrapper ul.momargin li {
 	padding: 0
 }

 .relat-solute-wrapper li {
 	float: left;
 	width: 50%;
 	padding: 0 5px;
 	margin: 0 0 10px
 }

 .relat-solute-wrapper li a {
 	display: block;
 	border: 1px solid #e3e3eb
 }

 .relat-solute-wrapper li .solut-img img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .relat-solute-wrapper li .solut-text {
 	border-top: 1px solid #e3e3eb;
 	text-align: center;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 45px;
 	padding: 0 10px;
 	background-color: #fff
 }

 .relat-btn {
 	display: block;
 	width: 30px;
 	height: 30px;
 	position: absolute;
 	position: absolute;
 	z-index: 3;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	-moz-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
 	background-position: center center;
 	background-repeat: no-repeat;
 	-moz-background-size: 30px;
 	-o-background-size: 30px;
 	background-size: 30px
 }

 .relat-btn.relat-prev {
 	background-image: url(img/prev.png);
 	left: 0
 }

 .relat-btn.relat-prev.swiper-button-disabled {
 	display: none !important
 }

 .relat-btn.relat-prev:hover {
 	background-image: url(img/prevho.png)
 }

 .relat-btn.relat-next {
 	background-image: url(img/next.png);
 	right: 0
 }

 .relat-btn.relat-next.swiper-button-disabled {
 	display: none !important
 }

 .relat-btn.relat-next:hover {
 	background-image: url(img/nextho.png)
 }

 .relat-case-wrapper {
 	position: relative
 }

 .relat-case-wrapper .caeslwrapper-min {
 	overflow: hidden;
 	padding: 30px 0 0
 }

 .relat-case-wrapper ul.momargin {
 	margin: 0
 }

 .relat-case-wrapper ul.momargin li {
 	padding: 0
 }

 .relat-case-wrapper li {
 	margin: 0 0 20px
 }

 .relat-case-wrapper li a {
 	display: block
 }

 .relat-case-wrapper li .solut-img img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .relat-case-wrapper li .solut-text {
 	padding: 10px;
 	background-color: #fff;
 	border-top: 2px solid #d82019;
 	text-align: center;
 	position: relative
 }

 .relat-case-wrapper li .solut-text:before {
 	content: "";
 	position: absolute;
 	z-index: -1;
 	left: 0;
 	right: 100%;
 	top: -2px;
 	background: #0c337f;
 	height: 2px;
 	-webkit-transition-property: right;
 	-o-transition-property: right;
 	-moz-transition-property: right;
 	transition-property: right;
 	-webkit-transition-duration: .5s;
 	-moz-transition-duration: .5s;
 	-o-transition-duration: .5s;
 	transition-duration: .5s;
 	-webkit-transition-timing-function: ease-out;
 	-moz-transition-timing-function: ease-out;
 	-o-transition-timing-function: ease-out;
 	transition-timing-function: ease-out
 }

 .relat-case-wrapper li .solut-text h3 {
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 45px
 }

 .relat-case-wrapper li .solut-text p {
 	display: -webkit-box;
 	height: 96px;
 	line-height: 24px;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 4;
 	color: #929292
 }

 .relat-case-wrapper li:hover .solut-text:before {
 	right: 0;
 	z-index: 2
 }

 .relat-product-wrapper {
 	position: relative
 }

 .relat-product-wrapper .soproduct-min {
 	overflow: hidden;
 	padding: 30px 0 0
 }

 .relat-product-wrapper ul {
 	margin: 0 -5px
 }

 .relat-product-wrapper ul.momargin {
 	margin: 0
 }

 .relat-product-wrapper ul.momargin li {
 	padding: 0
 }

 .relat-product-wrapper li {
 	float: left;
 	width: 50%;
 	padding: 0 5px;
 	margin: 0 0 10px
 }

 .relat-product-wrapper li a {
 	display: block;
 	border: 1px solid #e3e3eb
 }

 .relat-product-wrapper li .solut-img img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .relat-product-wrapper li .solut-text {
 	border-top: 1px solid #e3e3eb;
 	text-align: center;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 45px;
 	padding: 0 10px;
 	background-color: #fff
 }

 @media(min-width:768px) {
 	.relat-solute-wrapper ul {
 		margin: 0
 	}

 	.relat-solute-wrapper li {
 		float: left;
 		width: 25%;
 		padding: 0
 	}

 	.relat-case-wrapper ul {
 		margin: 0
 	}

 	.relat-case-wrapper li {
 		float: left;
 		width: 33.33%;
 		padding: 0
 	}

 	.relat-product-wrapper ul {
 		margin: 0
 	}

 	.relat-product-wrapper li {
 		float: left;
 		width: 25%;
 		padding: 0
 	}
 }

 @media(min-width:1024px) {
 	.Related-minbox {
 		padding-bottom: 78px
 	}

 	.relat-btn {
 		width: 40px;
 		height: 40px;
 		-moz-background-size: 40px;
 		-o-background-size: 40px;
 		background-size: 40px
 	}

 	.Relat-solution {
 		padding-top: 53px
 	}

 	.Relat-cases {
 		padding-top: 76px
 	}

 	.Relat-product {
 		padding-top: 53px
 	}

 	.relat-solute-wrapper .solwrapper-min {
 		padding: 61px 0 0
 	}

 	.relat-solute-wrapper li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.relat-solute-wrapper li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.relat-solute-wrapper li .solut-img {
 		overflow: hidden
 	}

 	.relat-solute-wrapper li .solut-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.relat-solute-wrapper li .solut-text {
 		height: 84px;
 		line-height: 84px;
 		font-size: 16px
 	}

 	.relat-solute-wrapper li:hover .solut-text {
 		color: #d82019
 	}

 	.relat-solute-wrapper li:hover a {
 		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-webkit-transform: translateY(-2px);
 		-moz-transform: translateY(-2px);
 		-ms-transform: translateY(-2px);
 		-o-transform: translateY(-2px);
 		transform: translateY(-2px)
 	}

 	.relat-case-wrapper .caeslwrapper-min {
 		padding-top: 60px
 	}

 	.relat-case-wrapper li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.relat-case-wrapper li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.relat-case-wrapper li .solut-img {
 		overflow: hidden
 	}

 	.relat-case-wrapper li .solut-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.relat-case-wrapper li .solut-text {
 		padding: 24px 30px 31px
 	}

 	.relat-case-wrapper li .solut-text h3 {
 		margin: 0 0 9px
 	}

 	.relat-case-wrapper li:hover .solut-text h3 {
 		color: #d82019
 	}

 	.relat-product-wrapper .soproduct-min {
 		padding: 61px 0 0
 	}

 	.relat-product-wrapper li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.relat-product-wrapper li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.relat-product-wrapper li .solut-img {
 		overflow: hidden
 	}

 	.relat-product-wrapper li .solut-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.relat-product-wrapper li .solut-text {
 		height: 84px;
 		line-height: 84px;
 		font-size: 16px
 	}

 	.relat-product-wrapper li:hover .solut-text {
 		color: #d82019
 	}

 	.relat-product-wrapper li:hover a {
 		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-webkit-transform: translateY(-2px);
 		-moz-transform: translateY(-2px);
 		-ms-transform: translateY(-2px);
 		-o-transform: translateY(-2px);
 		transform: translateY(-2px)
 	}
 }

 @media(min-width:1400px) {
 	.relat-btn.relat-prev {
 		left: -96px
 	}

 	.relat-btn.relat-next {
 		right: -96px
 	}
 }

 .newscenter-list ul {
 	padding: 0 0 20px
 }

 .newscenter-list li {
 	margin: 0 0 20px
 }

 .newscenter-list li a {
 	display: block;
 	border: 1px solid #e3e3eb;
 	-webkit-transition: all ease .5s;
 	-o-transition: all ease .5s;
 	-moz-transition: all ease .5s;
 	transition: all ease .5s
 }

 .newscenter-list li img {
 	display: block;
 	width: 100%
 }

 .newscenter-list li .news-text {
 	padding: 10px;
 	border-top: 1px solid #e3e3eb
 }

 .newscenter-list li .news-text .name {
 	color: #58596d;
 	font-size: 16px;
 	display: -webkit-box;
 	height: 32px;
 	line-height: 32px;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2
 }

 .newscenter-list li .news-text .desc {
 	color: #b2b2b2;
 	font-size: 13px;
 	display: -webkit-box;
 	height: 72px;
 	line-height: 24px;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 3;
 	margin: 5px 0
 }

 .newscenter-list li .news-text .date {
 	display: block;
 	color: #999;
 	font-family: Montserrat
 }

 @media(min-width:1024px) {
 	.newscenter-list {
 		padding-top: 60px;
 		padding-bottom: 18px
 	}

 	.newscenter-list ul {
 		margin: 0 -15px;
 		padding-bottom: 32px
 	}

 	.newscenter-list li {
 		padding: 0 15px;
 		margin: 0 0 30px
 	}

 	.newscenter-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.newscenter-list li .news-img {
 		overflow: hidden;
 		width: 378px;
 		height: 278px
 	}

 	.newscenter-list li .news-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.newscenter-list li .news-text {
 		padding: 22px 30px 24px
 	}

 	.newscenter-list li .news-text .name {
 		font-size: 18px;
 		line-height: 30px;
 		height: 60px
 	}

 	.newscenter-list li .news-text .desc {
 		margin: 9px 0 11px
 	}

 	.newscenter-list li:hover a {
 		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-webkit-transform: translateY(-2px);
 		-moz-transform: translateY(-2px);
 		-ms-transform: translateY(-2px);
 		-o-transform: translateY(-2px);
 		transform: translateY(-2px)
 	}

 	.newscenter-list li:hover .news-text .name {
 		color: #d82019
 	}
 }

 .news-detail-title {
 	position: relative;
 	border-bottom: 3px solid #f2f2f2;
 	padding: 0 0 20px
 }

 .news-detail-title:before {
 	content: "";
 	display: block;
 	width: 30%;
 	max-width: 330px;
 	height: 3px;
 	background-color: #e0e0e0;
 	position: absolute;
 	left: 0;
 	bottom: -3px
 }

 .news-detail-title .date {
 	display: block;
 	font-family: Montserrat;
 	color: #666;
 	padding: 0 0 5px
 }

 .news-detail-title #newshare {
 	background: url(img/wicon6.png) no-repeat left center;
 	color: #999;
 	padding: 0 0 0 23px;
 	height: 18px;
 	line-height: 18px;
 	margin: 15px 0 0
 }

 .news-detail-title #newshare a {
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1;
 	width: 22px;
 	height: 18px;
 	background-repeat: no-repeat;
 	background-position: center center;
 	float: none;
 	margin: 0;
 	padding: 0
 }

 .news-detail-title #newshare a.txinlang {
 	background-image: url(img/weibo2.png)
 }

 .news-detail-title #newshare a.tweixin {
 	background-image: url(img/weixin2.png);
 	margin-left: 2px
 }

 .news-detail-title #newshare a.tQQ {
 	background-image: url(img/qq.png)
 }

 .news-datail-content {
 	color: gray;
 	font-size: 13px
 }

 .news-detail-foot dl {
 	border-top: 1px solid #ebebeb;
 	font-size: 14px;
 	padding: 10px 0
 }

 .news-detail-foot dl span {
 	display: inline-block;
 	line-height: 27px;
 	padding: 0 10px 0 0
 }

 .news-detail-foot dl a {
 	color: #666
 }

 .news-detail-foot dl dd,
 .news-detail-foot dl dt {
 	height: 24px;
 	line-height: 24px;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden
 }

 .news-detail-foot dl dd:hover a,
 .news-detail-foot dl dt:hover a {
 	color: #d82019
 }

 @media(min-width:768px) {
 	.news-detail-foot dl {
 		padding: 39px 0 22px
 	}

 	.news-detail-foot dl dd,
 	.news-detail-foot dl dt {
 		float: left;
 		width: 50%
 	}

 	.news-detail-foot dl dt {
 		text-align: right
 	}
 }

 @media(min-width:1024px) {
 	.newscenter-detail {
 		padding-top: 55px;
 		line-height: 30px
 	}

 	.news-detail-title {
 		padding: 0 0 28px
 	}

 	.news-detail-title .date {
 		padding: 0 0 9px
 	}

 	.news-detail-title #newshare {
 		position: absolute;
 		right: 0;
 		bottom: 33px;
 		margin: 0
 	}

 	.news-datail-content {
 		padding-top: 47px
 	}
 }

 .cstatement-list ul {
 	padding-bottom: 30px
 }

 .cstatement-list li {
 	border-bottom: 1px solid #ebebeb;
 	position: relative !important;
 	top: auto !important
 }

 .cstatement-list li a {
 	display: block;
 	padding: 15px 80px 15px 0;
 	position: relative
 }

 .cstatement-list li .desc {
 	color: #666;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	display: block
 }

 .cstatement-list li .date {
 	font-family: Montserrat;
 	color: #999;
 	position: absolute;
 	z-index: 3;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	-moz-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
 	right: 0;
 	-webkit-transition: all ease .5s;
 	-o-transition: all ease .5s;
 	-moz-transition: all ease .5s;
 	transition: all ease .5s
 }

 @media(min-width:1024px) {
 	.cstatement-list {
 		padding-top: 44px;
 		padding-bottom: 58px
 	}

 	.cstatement-list ul {
 		padding-bottom: 56px
 	}

 	.cstatement-list li {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.cstatement-list li:hover {
 		border-bottom-color: #d82019
 	}

 	.cstatement-list li:hover .desc {
 		color: #d82019
 	}

 	.cstatement-list li a {
 		padding: 18px 100px 18px 0
 	}
 }

 .Traffic-list {
 	padding-top: 30px
 }

 .Traffic-list ul {
 	margin: 0 -5px;
 	padding-bottom: 20px
 }

 .Traffic-list li {
 	padding: 0 5px;
 	margin: 0 0 10px
 }

 .Traffic-list li a {
 	border: 1px solid #e3e3eb;
 	display: block
 }

 .Traffic-list li img {
 	display: block;
 	margin: 0 auto
 }

 .Traffic-list li .pro-img {
 	background-color: #eaebf5
 }

 .Traffic-list li .pro-text {
 	border-top: 1px solid #e3e3eb;
 	text-align: center;
 	padding: 0 10px;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 45px;
 	color: #58596d
 }

 @media(min-width:1024px) {
 	.Traffic-list {
 		padding-top: 57px;
 		padding-bottom: 74px
 	}

 	.Traffic-list ul {
 		padding-bottom: 30px
 	}

 	.Traffic-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.Traffic-list li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.Traffic-list li .pro-img {
 		overflow: hidden
 	}

 	.Traffic-list li .pro-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.Traffic-list li .pro-text {
 		font-size: 16px
 	}

 	.Traffic-list li:hover .pro-text {
 		color: #d82019
 	}

 	.Traffic-list li:hover a {
 		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-webkit-transform: translateY(-2px);
 		-moz-transform: translateY(-2px);
 		-ms-transform: translateY(-2px);
 		-o-transform: translateY(-2px);
 		transform: translateY(-2px)
 	}
 }

 @media(min-width:1199px) {
 	.Traffic-list ul {
 		margin: 0 -15px
 	}

 	.Traffic-list li {
 		padding: 0 15px;
 		margin: 0 0 30px
 	}

 	.Traffic-list li .pro-text {
 		line-height: 83px
 	}
 }

 .Traffic-detail {
 	color: #929292
 }

 @media(min-width:1024px) {
 	.Traffic-detail {
 		padding-top: 58px;
 		padding-bottom: 78px;
 		line-height: 30px
 	}
 }

 .classific-list {
 	position: relative
 }

 .classific-list .caeslwrapper-min {
 	overflow: hidden;
 	padding: 30px 0 0
 }

 .classific-list ul {
 	padding-bottom: 20px
 }

 .classific-list ul.momargin {
 	margin: 0
 }

 .classific-list ul.momargin li {
 	padding: 0
 }

 .classific-list li {
 	margin: 0 0 20px
 }

 .classific-list li a {
 	display: block
 }

 .classific-list li .solut-img img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .classific-list li .solut-text {
 	padding: 10px;
 	background-color: #fafafa;
 	border-top: 2px solid #d82019;
 	text-align: center;
 	position: relative
 }

 .classific-list li .solut-text:before {
 	content: "";
 	position: absolute;
 	z-index: -1;
 	left: 0;
 	right: 100%;
 	top: -2px;
 	background: #0c337f;
 	height: 2px;
 	-webkit-transition-property: right;
 	-o-transition-property: right;
 	-moz-transition-property: right;
 	transition-property: right;
 	-webkit-transition-duration: .5s;
 	-moz-transition-duration: .5s;
 	-o-transition-duration: .5s;
 	transition-duration: .5s;
 	-webkit-transition-timing-function: ease-out;
 	-moz-transition-timing-function: ease-out;
 	-o-transition-timing-function: ease-out;
 	transition-timing-function: ease-out
 }

 .classific-list li .solut-text h3 {
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 45px
 }

 .classific-list li .solut-text p {
 	display: -webkit-box;
 	height: 96px;
 	line-height: 24px;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 4;
 	color: #929292
 }

 .classific-list li:hover .solut-text:before {
 	right: 0;
 	z-index: 2
 }

 @media(min-width:768px) {
 	.classific-list ul {
 		padding-bottom: 35px;
 		margin: 0 -15px
 	}

 	.classific-list li {
 		float: left;
 		width: 33.33%;
 		padding: 0 15px;
 		margin: 0 0 30px
 	}
 }

 @media(min-width:1024px) {
 	.classific-list {
 		padding-top: 41px;
 		padding-bottom: 75px
 	}

 	.classific-list .caeslwrapper-min {
 		padding-top: 60px
 	}

 	.classific-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.classific-list li:hover a {
 		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-webkit-transform: translateY(-2px);
 		-moz-transform: translateY(-2px);
 		-ms-transform: translateY(-2px);
 		-o-transform: translateY(-2px);
 		transform: translateY(-2px)
 	}

 	.classific-list li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.classific-list li .solut-img {
 		overflow: hidden
 	}

 	.classific-list li .solut-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.classific-list li .solut-text {
 		padding: 24px 30px 31px
 	}

 	.classific-list li .solut-text h3 {
 		margin: 0 0 9px
 	}

 	.classific-list li:hover .solut-text h3 {
 		color: #d82019
 	}
 }

 .classific-detail {
 	color: #929292
 }

 @media(min-width:1024px) {
 	.classific-detail {
 		padding-top: 58px;
 		padding-bottom: 78px;
 		line-height: 30px
 	}

 	.classific-detail h3 {
 		color: #333
 	}
 }

 .Dealerbtn {
 	display: inline-block;
 	background: #d82019 url(img/wicon7.png) no-repeat 20px center;
 	color: #fff;
 	padding: 10px 20px 10px 50px;
 	text-align: left;
 	margin: 10px 0 0
 }

 @media(min-width:1024px) {
 	.Dealerbtn {
 		padding: 17px 40px 17px 69px;
 		font-size: 18px;
 		margin: 0;
 		background-position: 38px center
 	}
 }

 .contact-dl {
 	background-color: #fcfcfc
 }

 .contact-dl .thumb img {
 	display: block;
 	width: 100%
 }

 .contact-dl .infor {
 	padding: 15px;
 	border: 1px solid #f2f2f2;
 	color: #929292
 }

 .contact-dl .infor h3 {
 	color: #d82019;
 	padding: 0 0 10px
 }

 .contact-dl .infor .name {
 	float: left;
 	display: block
 }

 .contact-dl .infor .text {
 	overflow: hidden;
 	display: block
 }

 .contact-dl .infor a {
 	color: #929292;
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1
 }

 @media(min-width:1024px) {
 	.contact-minbox {
 		padding-top: 52px
 	}

 	.contact-dl {
 		border: 1px solid #f2f2f2
 	}

 	.contact-dl .thumb {
 		float: left;
 		width: 46.5%;
 		margin: -1px 0 -1px -1px
 	}

 	.contact-dl .infor {
 		overflow: hidden;
 		border: 0;
 		padding: 3.3% 2% 0 5.8%;
 		line-height: 28px
 	}

 	.contact-dl .infor h3 {
 		padding: 0 0 16px
 	}
 }

 @media(min-width:1199px) {
 	.contact-dl .infor {
 		line-height: 36px
 	}
 }

 #allmap {
 	width: 100%;
 	height: 298px;
 	margin: 31px 0 10px
 }

 .BMap_Marker img {
 	width: auto !important;
 	max-width: none !important
 }

 .BMap_shadow img,
 .BMap_pop img {
 	max-width: none !important
 }

 @media(min-width:1024px) {
 	#allmap {
 		height: 437px;
 		margin: 47px 0 30px
 	}
 }

 .Customer-list ul {
 	margin: 0 -5px;
 	padding: 0 0 20px
 }

 .Customer-list li {
 	padding: 0 5px;
 	margin: 0 0 10px
 }

 .Customer-list li a {
 	display: block;
 	border: 1px solid #dbdced
 }

 .Customer-list li img {
 	display: block;
 	width: 100%
 }

 @media(min-width:768px) {
 	.Customer-list li {
 		width: 20%
 	}
 }

 @media(min-width:1024px) {
 	.Customer-list {
 		padding-top: 59px;
 		padding-bottom: 43px
 	}

 	.Customer-list ul {
 		margin: 0 -12px;
 		padding-bottom: 34px
 	}

 	.Customer-list li {
 		padding: 0 12px;
 		margin: 0 0 24px
 	}

 	.Customer-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.Customer-list li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.Customer-list li:hover a {
 		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-webkit-transform: translateY(-2px);
 		-moz-transform: translateY(-2px);
 		-ms-transform: translateY(-2px);
 		-o-transform: translateY(-2px);
 		transform: translateY(-2px);
 		overflow: hidden
 	}

 	.Customer-list li:hover a img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}
 }

 .pro-screening {
 	padding: 20px;
 	background-color: #e3e5e6
 }

 .pro-screening .select-box {
 	background: #fff url(img/wicon9.png) no-repeat 92% center;
 	font-size: 14px;
 	margin: 0 0 10px
 }

 .pro-screening select {
 	display: block;
 	height: 38px;
 	line-height: 38px;
 	width: 100%;
 	padding: 0 10px;
 	cursor: pointer;
 	background: 0 0;
 	color: #929292
 }

 .pro-screening .input-box {
 	width: 100%;
 	float: left
 }

 .pro-screening .input-box label {
 	display: block;
 	width: 100%;
 	background-color: #fff;
 	position: relative;
 	padding: 0 60px 0 0
 }

 .pro-screening .input-box label input {
 	display: block;
 	background: 0 0;
 	font-family: microsoft yahei;
 	font-size: 14px
 }

 .pro-screening .input-box label input::-webkit-input-placeholder {
 	color: #929292
 }

 .pro-screening .input-box label input:-moz-placeholder {
 	color: #929292
 }

 .pro-screening .input-box label input::-moz-placeholder {
 	color: #929292
 }

 .pro-screening .input-box label input:-ms-input-placeholder {
 	color: #929292
 }

 .pro-screening .input-box label .inputxt {
 	display: block;
 	width: 100%;
 	height: 38px;
 	line-height: 38px;
 	padding: 0 10px
 }

 .pro-screening .input-box label .submit {
 	position: absolute;
 	right: 0;
 	top: 0;
 	background: url(img/wicon10.png) no-repeat center center;
 	width: 60px;
 	height: 38px
 }

 .pro-screening select::-ms-expand {
 	display: none
 }

 @media(min-width:768px) {
 	.pro-screening {
 		padding: 20px 3%;
 		text-align: center
 	}

 	.pro-screening .select-box {
 		width: 23.5%;
 		margin: 0 10px 0 0;
 		max-width: 236px;
 		display: inline-block
 	}

 	.pro-screening .select-box.input-box {
 		max-width: 282px;
 		float: none
 	}
 }

 @media(min-width:1199px) {
 	.inquiry-fliter {
 		padding-top: 55px
 	}

 	.pro-screening .select-box {
 		margin: 0 20px 0 0
 	}

 	.pro-screening .select-box.input-box {
 		width: 25%;
 		margin: 0 0 0 10px
 	}
 }

 .inquirydel-list li {
 	margin: 0 0 20px
 }

 .inquirydel-list li .inqui-cont {
 	border: 2px solid #e3e3eb;
 	padding: 20px;
 	color: #929292
 }

 .inquirydel-list li a {
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1;
 	color: #929292
 }

 .inquirydel-list li h3 {
 	color: #333;
 	margin: 0 0 10px;
 	padding: 0 0 15px;
 	position: relative
 }

 .inquirydel-list li h3:after {
 	content: "";
 	display: block;
 	width: 27px;
 	height: 3px;
 	background-color: #d82019;
 	position: absolute;
 	left: 0;
 	bottom: 0
 }

 @media(min-width:768px) {
 	.inquirydel-list ul {
 		margin: 0 -10px
 	}
 }

 @media(min-width:1024px) {
 	.inquirydel-list {
 		padding-top: 34px;
 		padding-bottom: 66px
 	}

 	.inquirydel-list ul {
 		margin: 0 -18px;
 		padding-bottom: 13px
 	}

 	.inquirydel-list li {
 		padding: 0 18px;
 		margin: 0 0 36px
 	}

 	.inquirydel-list li:hover .inqui-cont {
 		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-webkit-transform: translateY(-2px);
 		-moz-transform: translateY(-2px);
 		-ms-transform: translateY(-2px);
 		-o-transform: translateY(-2px);
 		transform: translateY(-2px)
 	}

 	.inquirydel-list li .inqui-cont {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s;
 		padding: 31px 30px 22px
 	}

 	.inquirydel-list li .inqui-cont p {
 		padding: 0 0 11px
 	}

 	.inquirydel-list li h3 {
 		padding: 0 0 22px;
 		margin: 0 0 19px
 	}

 	.inquirydel-list li a:hover {
 		color: #d82019
 	}
 }

 .Complaintsm li {
 	margin-bottom: 13px
 }

 .Complaintsm label {
 	display: block;
 	position: relative
 }

 .Complaintsm label span {
 	display: block;
 	margin-bottom: 5px;
 	color: #4c4c4c;
 	font-size: 16px
 }

 .Complaintsm label em {
 	color: #fb0013;
 	margin-right: 2px
 }

 .Complaintsm label input {
 	font-family: microsoft yahei
 }

 .Complaintsm label .inputext {
 	display: block;
 	height: 40px;
 	line-height: 40px;
 	border: 1px solid #ddd;
 	width: 100%;
 	padding: 10px
 }

 .Complaintsm label .vccode {
 	display: block;
 	position: absolute;
 	right: 0;
 	top: 30px;
 	width: 79px;
 	height: 30px;
 	cursor: pointer
 }

 .Complaintsm label .changecode {
 	display: block
 }

 .Complaintsm label textarea {
 	display: block;
 	width: 100%;
 	border: 1px solid #ddd;
 	padding: 10px 20px;
 	height: 190px;
 	font-family: microsoft yahei
 }

 .Complaintsm label .submit {
 	display: block;
 	width: 100px;
 	height: 36px;
 	line-height: 36px;
 	text-align: center;
 	color: #fff;
 	font-weight: 700;
 	font-size: 15px;
 	background-color: #d82019;
 	margin: 0 auto
 }

 .Complaintsm .licode .inputext {
 	width: 70%
 }

 @media(min-width:768px) {
 	.Complaintsm li {
 		margin-bottom: 34px
 	}

 	.Complaintsm label span {
 		float: left;
 		width: 85px;
 		font-size: 16px;
 		margin-right: 20px;
 		margin-bottom: 0;
 		height: 57px;
 		line-height: 57px;
 		text-align: right
 	}

 	.Complaintsm label .inputext {
 		height: 56px;
 		line-height: 56px;
 		float: left;
 		width: 280px
 	}

 	.Complaintsm label .vccode {
 		top: 50%;
 		margin-top: -15px
 	}
 }

 @media(min-width:1024px) {
 	.Dealerjoining {
 		padding-top: 62px;
 		padding-bottom: 61px
 	}

 	.Complaintsm {
 		max-width: 1155px;
 		margin: 0 auto
 	}

 	.Complaintsm li {
 		float: left;
 		width: 50%;
 		max-width: 385px
 	}

 	.Complaintsm li:nth-child(odd) {
 		margin-right: 60px
 	}

 	.Complaintsm .litextarea {
 		margin-top: -7px
 	}

 	.Complaintsm .litextarea,
 	.Complaintsm .lisubmit {
 		width: 100%;
 		max-width: 100%
 	}

 	.Complaintsm .licode .inputext {
 		max-width: 183px
 	}

 	.Complaintsm label textarea {
 		float: left;
 		width: 88%;
 		max-width: 730px
 	}

 	.Complaintsm label .inputext .vccode {
 		width: 280px;
 		height: 40px;
 		float: left
 	}

 	.Complaintsm label .submit {
 		width: 300px;
 		height: 52px;
 		line-height: 52px;
 		font-size: 18px
 	}
 }

 @media(min-width:1199px) {
 	.Complaintsm {
 		background: url(img/wicon11.png) no-repeat 0 0;
 		-moz-background-size: contain;
 		-o-background-size: contain;
 		background-size: contain;
 		padding: 56px 70px
 	}

 	.Complaintsm li {
 		margin-bottom: 50px
 	}
 }

 @media(min-width:1260px) {
 	.Complaintsm {
 		padding: 70px 70px 88px
 	}
 }

 .Pledge-min {
 	background: url(img/wicon12.png) no-repeat 100% 30px;
 	color: #929292
 }

 @media(min-width:1024px) {
 	.Pledetext {
 		padding-right: 16%
 	}

 	.Pledge-min {
 		padding-top: 49px;
 		padding-bottom: 52px;
 		background-position: 100% 49px
 	}

 	.Pledge-min h4 {
 		line-height: 30px
 	}
 }

 .Download-list ul {
 	padding-bottom: 20px
 }

 .Download-list li {
 	border: 1px solid #e6e6e6;
 	position: relative;
 	padding: 10px 80px 10px 15px;
 	margin: 0 0 15px;
 	-webkit-transition: all ease .5s;
 	-o-transition: all ease .5s;
 	-moz-transition: all ease .5s;
 	transition: all ease .5s;
 	position: relative !important;
 	top: auto !important
 }

 .Download-list li .down-text {
 	display: block;
 	display: -webkit-box;
 	height: 48px;
 	line-height: 24px;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2;
 	color: #666
 }

 .Download-list li .down-btn {
 	display: block;
 	width: 68px;
 	height: 100%;
 	background: #f2f2f2 url(img/wicon13.png) no-repeat center center;
 	position: absolute;
 	right: 0;
 	top: 0;
 	-webkit-transition: all ease .5s;
 	-o-transition: all ease .5s;
 	-moz-transition: all ease .5s;
 	transition: all ease .5s
 }

 .Download-list li:hover {
 	border-color: #d82019;
 	background-color: #d82019
 }

 .Download-list li:hover .down-text {
 	color: #fff
 }

 .Download-list li:hover .down-btn {
 	background-color: #e31a13;
 	background-image: url(img/wicon13ho.png)
 }

 @media(min-width:768px) {
 	.Download-list li {
 		padding: 32px 80px 32px 15px;
 		margin: 0 0 22px
 	}

 	.Download-list li .down-text {
 		font-size: 16px;
 		display: block;
 		white-space: nowrap;
 		-o-text-overflow: ellipsis;
 		text-overflow: ellipsis;
 		overflow: hidden;
 		height: 24px;
 		line-height: 24px
 	}

 	.Download-list li .down-btn {
 		width: 90px;
 		height: 90px;
 		top: -1px;
 		right: -1px
 	}
 }

 @media(min-width:1024px) {
 	.Download-list {
 		padding-top: 56px;
 		padding-bottom: 32px
 	}

 	.Download-list ul {
 		padding-bottom: 45px
 	}

 	.Download-list li {
 		padding: 32px 180px 32px 56px
 	}
 }

 .Problem-list ul {
 	padding-bottom: 20px
 }

 .Problem-list li {
 	margin: 0 0 15px;
 	position: relative !important;
 	top: auto !important
 }

 .Problem-list li .prob-title {
 	position: relative;
 	padding: 20px 60px;
 	font-size: 14px;
 	cursor: pointer;
 	border: 1px solid #e6e6e6;
 	color: #666
 }

 .Problem-list li .prob-title:before,
 .Problem-list li .prob-title:after {
 	content: "";
 	display: block;
 	width: 60px;
 	position: absolute;
 	top: -1px;
 	bottom: -1px;
 	background-position: center center;
 	background-repeat: no-repeat
 }

 .Problem-list li .prob-title:before {
 	left: 0;
 	background-image: url(img/wicon14.png);
 	-moz-background-size: 20px;
 	-o-background-size: 20px;
 	background-size: 20px
 }

 .Problem-list li .prob-title:after {
 	right: -1px;
 	background-color: #f2f2f2;
 	background-image: url(img/wicon16.png)
 }

 .Problem-list li .prob-title span {
 	display: block
 }

 .Problem-list li.cur .prob-title {
 	color: #fff;
 	background-color: #d82019;
 	border-color: #d82019
 }

 .Problem-list li.cur .prob-title:before {
 	background-image: url(img/wicon14ho.png)
 }

 .Problem-list li.cur .prob-title:after {
 	background-color: #e31a13;
 	background-image: url(img/wicon16ho.png)
 }

 .Problem-list .prob-cont {
 	background: #fafafa;
 	padding: 22px 20px 35px 60px;
 	font-size: 13px;
 	line-height: 24px;
 	position: relative;
 	display: none;
 	color: #929292
 }

 .Problem-list .prob-cont:before {
 	content: "";
 	display: block;
 	background: url(img/wicon15.png) no-repeat;
 	width: 18px;
 	height: 24px;
 	position: absolute;
 	left: 20px;
 	top: 28px
 }

 @media(min-width:1024px) {
 	.Problem-list {
 		padding-top: 57px;
 		padding-bottom: 10px
 	}

 	.Problem-list ul {
 		padding-bottom: 40px
 	}

 	.Problem-list li {
 		margin: 0 0 22px
 	}

 	.Problem-list li .prob-title {
 		font-size: 16px;
 		padding: 32px 90px 32px 100px
 	}

 	.Problem-list li .prob-title:before {
 		width: 97px;
 		-moz-background-size: auto;
 		-o-background-size: auto;
 		background-size: auto;
 		left: 6px
 	}

 	.Problem-list li .prob-title:after {
 		width: 90px
 	}

 	.Problem-list .prob-cont {
 		font-size: 14px;
 		padding-top: 29px;
 		padding-left: 92px;
 		padding-bottom: 38px
 	}

 	.Problem-list .prob-cont:before {
 		left: 47px
 	}
 }

 .Mainserv-dl .serv-thumb {
 	position: relative;
 	padding: 0 0 0 20px
 }

 .Mainserv-dl .serv-thumb img {
 	display: block;
 	width: 100%
 }

 .Mainserv-dl .serv-thumb:before {
 	content: "";
 	display: block;
 	width: 95%;
 	height: 100%;
 	z-index: -1;
 	background: url(img/wicon17.png) no-repeat 0 0;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	position: absolute;
 	left: 0;
 	top: 20px;
 	bottom: -20px
 }

 .Mainserv-dl .serv-infor {
 	padding: 40px 0 0;
 	color: #929292
 }

 @media(min-width:1024px) {
 	.Mainservice {
 		padding-bottom: 82px
 	}

 	.Mainserv-dl {
 		padding: 28px 0
 	}

 	.Mainserv-dl .serv-thumb {
 		float: right;
 		width: 50%;
 		max-width: 592px;
 		padding: 0 0 0 28px
 	}

 	.Mainserv-dl .serv-thumb:before {
 		top: 28px;
 		bottom: -28px
 	}

 	.Mainserv-dl .serv-infor {
 		overflow: hidden;
 		padding: 23px 30px 0 0
 	}

 	.Mainserv-dl .serv-infor p {
 		margin: 0 0 12px
 	}
 }

 .Comprepair li {
 	margin-bottom: 13px
 }

 .Comprepair label {
 	display: block;
 	position: relative
 }

 .Comprepair label span {
 	display: block;
 	margin-bottom: 5px;
 	color: #4c4c4c;
 	font-size: 16px
 }

 .Comprepair label em {
 	color: #fb0013;
 	margin-right: 2px
 }

 .Comprepair label input {
 	font-family: microsoft yahei
 }

 .Comprepair label .inputext {
 	display: block;
 	height: 40px;
 	line-height: 40px;
 	border: 1px solid #ddd;
 	width: 100%;
 	padding: 10px
 }

 .Comprepair label .vccode {
 	display: block;
 	position: absolute;
 	right: 0;
 	top: 30px;
 	width: 79px;
 	height: 30px;
 	cursor: pointer
 }

 .Comprepair label .changecode {
 	display: block
 }

 .Comprepair label textarea {
 	display: block;
 	width: 100%;
 	border: 1px solid #ddd;
 	padding: 10px 20px;
 	height: 190px;
 	font-family: microsoft yahei
 }

 .Comprepair label .submit {
 	display: block;
 	width: 100px;
 	height: 36px;
 	line-height: 36px;
 	text-align: center;
 	color: #fff;
 	font-weight: 700;
 	font-size: 15px;
 	background-color: #d82019;
 	margin: 0 auto
 }

 .Comprepair .licode .inputext {
 	width: 70%
 }

 @media(min-width:768px) {
 	.Comprepair li {
 		margin-bottom: 34px
 	}

 	.Comprepair label span {
 		float: left;
 		width: 92px;
 		font-size: 16px;
 		margin-right: 20px;
 		margin-bottom: 0;
 		height: 57px;
 		line-height: 57px;
 		text-align: right
 	}

 	.Comprepair label .inputext {
 		height: 56px;
 		line-height: 56px;
 		float: left;
 		width: 380px
 	}

 	.Comprepair label .vccode {
 		top: 50%;
 		margin-top: -15px
 	}
 }

 @media(min-width:1024px) {
 	.Comprepairform {
 		padding-top: 62px;
 		padding-bottom: 97px
 	}

 	.Comprepair {
 		max-width: 1200px;
 		margin: 0 auto
 	}

 	.Comprepair li {
 		float: left;
 		width: 50%;
 		max-width: 500px
 	}

 	.Comprepair li:nth-child(odd) {
 		margin-right: 60px
 	}

 	.Comprepair .litextarea {
 		margin-top: -7px
 	}

 	.Comprepair .litextarea,
 	.Comprepair .lisubmit {
 		width: 100%;
 		max-width: 100%
 	}

 	.Comprepair .licode .inputext {
 		max-width: 183px
 	}

 	.Comprepair label textarea {
 		float: left;
 		width: 90%;
 		max-width: 940px
 	}

 	.Comprepair label .inputext .vccode {
 		width: 280px;
 		height: 40px;
 		float: left
 	}

 	.Comprepair label .submit {
 		width: 300px;
 		height: 52px;
 		line-height: 52px;
 		font-size: 18px
 	}
 }

 @media(min-width:1199px) {
 	.Comprepair {
 		background: url(img/wicon18.png) no-repeat 0 0;
 		padding: 56px 47px 56px 70px
 	}

 	.Comprepair li {
 		margin-bottom: 50px
 	}
 }

 @media(min-width:1260px) {
 	.Comprepair {
 		padding: 70px 70px 30px 47px
 	}
 }

 .Cvisitrepair li {
 	margin-bottom: 13px
 }

 .Cvisitrepair label {
 	display: block;
 	position: relative
 }

 .Cvisitrepair label span {
 	display: block;
 	margin-bottom: 5px;
 	color: #4c4c4c;
 	font-size: 16px
 }

 .Cvisitrepair label em {
 	color: #fb0013;
 	margin-right: 2px
 }

 .Cvisitrepair label input {
 	font-family: microsoft yahei
 }

 .Cvisitrepair label .inputext {
 	display: block;
 	height: 40px;
 	line-height: 40px;
 	border: 1px solid #ddd;
 	width: 100%;
 	padding: 10px
 }

 .Cvisitrepair label .vccode {
 	display: block;
 	position: absolute;
 	right: 0;
 	top: 30px;
 	width: 79px;
 	height: 30px;
 	cursor: pointer
 }

 .Cvisitrepair label .changecode {
 	display: block
 }

 .Cvisitrepair label textarea {
 	display: block;
 	width: 100%;
 	border: 1px solid #ddd;
 	padding: 10px 20px;
 	height: 190px;
 	font-family: microsoft yahei
 }

 .Cvisitrepair label .submit,
 .Cvisitrepair label .reset {
 	display: inline-block;
 	width: 100px;
 	height: 36px;
 	line-height: 36px;
 	text-align: center;
 	color: #fff;
 	font-weight: 700;
 	font-size: 15px;
 	margin: 0 auto;
 	cursor: pointer
 }

 .Cvisitrepair label .submit {
 	background-color: #d82019
 }

 .Cvisitrepair label .reset {
 	background-color: #aeaeae
 }

 .Cvisitrepair .licode .inputext {
 	width: 70%
 }

 .Cvisitrepair .lisubmit {
 	text-align: center
 }

 .Cvisitrepair .liselect {
 	background: 0 0;
 	padding: 0
 }

 .Cvisitrepair .liselect .select-box {
 	background: #fff url(img/wicon20.png) no-repeat 92% center;
 	font-size: 14px;
 	margin: 0 0 10px;
 	border: 1px solid #ddd
 }

 .Cvisitrepair .liselect .select-box:last-child {
 	margin-right: 0
 }

 .Cvisitrepair .liselect select {
 	display: block;
 	height: 38px;
 	line-height: 38px;
 	width: 100%;
 	padding: 0 10px;
 	cursor: pointer;
 	background: 0 0;
 	color: #929292
 }

 .Cvisitrepair .liselect select::-ms-expand {
 	display: none
 }

 @media(min-width:768px) {
 	.Cvisitrepair li {
 		margin-bottom: 34px
 	}

 	.Cvisitrepair label span {
 		float: left;
 		width: 140px;
 		font-size: 16px;
 		margin-right: 20px;
 		margin-bottom: 0;
 		height: 57px;
 		line-height: 57px;
 		text-align: right
 	}

 	.Cvisitrepair label .inputext {
 		height: 56px;
 		line-height: 56px;
 		float: left;
 		width: 300px
 	}

 	.Cvisitrepair label .vccode {
 		top: 50%;
 		margin-top: -15px
 	}

 	.Cvisitrepair .liselect .select-box {
 		float: left;
 		width: 40%;
 		margin: 0 10px 0 0;
 		max-width: 145px
 	}

 	.Cvisitrepair .liselect .select-box select {
 		height: 57px;
 		line-height: 57px
 	}
 }

 @media(min-width:1024px) {
 	.Comvisitform {
 		padding-top: 62px;
 		padding-bottom: 70px
 	}

 	.Cvisitrepair {
 		max-width: 1155px;
 		margin: 0 auto
 	}

 	.Cvisitrepair li {
 		float: left;
 		width: 50%;
 		max-width: 460px
 	}

 	.Cvisitrepair li:nth-child(odd) {
 		margin-right: 20px
 	}

 	.Cvisitrepair .litextarea {
 		margin-top: -7px
 	}

 	.Cvisitrepair .litextarea,
 	.Cvisitrepair .lisubmit {
 		width: 100%;
 		max-width: 100%
 	}

 	.Cvisitrepair .licode .inputext {
 		max-width: 183px
 	}

 	.Cvisitrepair label textarea {
 		float: left;
 		width: 88%;
 		max-width: 730px
 	}

 	.Cvisitrepair label .inputext .vccode {
 		width: 280px;
 		height: 40px;
 		float: left
 	}

 	.Cvisitrepair label .submit,
 	.Cvisitrepair label .reset {
 		width: 168px;
 		height: 52px;
 		line-height: 52px;
 		font-size: 18px;
 		margin: 0 15px
 	}
 }

 @media(min-width:1199px) {
 	.Cvisitrepair {
 		background: url(img/wicon21.png) no-repeat 0 0;
 		-moz-background-size: contain;
 		-o-background-size: contain;
 		background-size: contain;
 		padding: 56px 38px 56px 0
 	}

 	.Cvisitrepair li {
 		margin-bottom: 50px
 	}

 	.Cvisitrepair li:nth-child(odd) {
 		margin-right: 50px
 	}

 	.Cvisitrepair .liselect .select-box.input-box {
 		width: 25%;
 		margin: 0 0 0 10px
 	}
 }

 @media(min-width:1260px) {
 	.Cvisitrepair {
 		padding: 70px 38px 30px 0
 	}

 	.Cvisitrepair .liselect {
 		max-width: 580px
 	}

 	.Cvisitrepair .liselect .select-box {
 		margin: 0 20px 0 0;
 		max-width: 180px
 	}
 }

 .compro-dl .sname,
 .compro-dl .title {
 	font-family: Montserrat
 }

 .compro-dl .sname {
 	opacity: .24;
 	text-transform: uppercase;
 	padding: 5px 0;
 	line-height: 16px
 }

 .compro-dl .title {
 	color: #ccc2c2;
 	font-size: 30px;
 	line-height: 30px;
 	padding: 0 0 10px
 }

 .compro-dl .thumb {
 	color: #8e8989
 }

 .compro-dl .infor {
 	padding: 20px 0 0;
 	color: #666;
 	opacity: .7;
 	font-size: 13px
 }

 @media(min-width:768px) {
 	.compro-dl .title {
 		font-size: 40px;
 		line-height: 40px
 	}

 	.compro-dl .infor {
 		columns: 50px 2;
 		-webkit-columns: 50px 2;
 		-moz-columns: 50px 2;
 		-webkit-column-gap: 30px;
 		-moz-column-gap: 30px;
 		column-gap: 30px
 	}
 }

 @media(min-width:1199px) {
 	.comprofile-min {
 		position: relative
 	}

 	.comprofile-min:before {
 		content: "";
 		display: block;
 		width: 32%;
 		max-width: 740px;
 		border-top: 6px solid #faf9f9;
 		border-right: 6px solid #faf9f9;
 		position: absolute;
 		top: 35px;
 		left: 0;
 		bottom: 0
 	}

 	.compro-dl .title {
 		font-size: 52px;
 		line-height: 42px;
 		padding: 22px 0 12px
 	}

 	.compro-dl .thumb {
 		float: left;
 		width: 32%;
 		max-width: 380px;
 		padding: 30px 0 0;
 		position: relative
 	}

 	.compro-dl .infor {
 		overflow: hidden;
 		padding: 0 0 45px 30px
 	}
 }

 @media(min-width:1440px) {
 	.comprofile-min:before {
 		width: 34%
 	}

 	.compro-dl .thumb {
 		padding: 43px 0 0
 	}
 }

 @media(min-width:1680px) {
 	.comprofile-min:before {
 		width: 36%
 	}
 }

 @media(min-width:1800px) {
 	.comprofile-min:before {
 		width: 40%
 	}
 }

 .compGlobal-min {
 	background: url(img/wimg14m.jpg) no-repeat center center;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover
 }

 .compGlobal-min .commonweb {
 	position: relative
 }

 .compGlobal-min .comgtext {
 	color: #9b9b9f
 }

 @media(min-width:1024px) {
 	.compGlobal-min {
 		min-height: 513px;
 		padding-top: 43px
 	}

 	.comgimg {
 		position: absolute;
 		top: -12px;
 		right: -100px;
 		width: 83%;
 		max-width: 992px
 	}

 	.comgtext {
 		position: relative;
 		z-index: 1;
 		max-width: 800px;
 		padding: 10px 360px 0 0
 	}

 	.comgtext .posit {
 		position: absolute;
 		top: 0;
 		right: 0
 	}
 }

 .Comculture-dl {
 	background: #ccc url(img/wicon24.png) no-repeat 100% 100%
 }

 .Comculture-dl .thumb img {
 	display: block;
 	width: 100%
 }

 .Comculture-dl .infor {
 	padding: 15px;
 	color: #fff
 }

 .Comculture-dl .infor .name {
 	font-size: 20px;
 	padding: 0 0 8px
 }

 .Comculture-dl .infor .text {
 	opacity: .7
 }

 @media(min-width:768px) {
 	.Comculture-dl .thumb {
 		float: left;
 		width: 70%;
 		max-width: 769px
 	}

 	.Comculture-dl .infor {
 		overflow: hidden;
 		padding: 20px
 	}
 }

 @media(min-width:1024px) {
 	.Comculture-dl {
 		margin: 19px 0 0
 	}

 	.Comculture-dl .infor {
 		padding: 7.5% 5% 10px
 	}

 	.Comculture-dl .infor .name {
 		font-size: 26px;
 		line-height: 30px;
 		padding: 0 0 25px
 	}
 }

 .Comculture-list li {
 	margin: 0 0 20px
 }

 .Comculture-list li .content {
 	border: 1px solid #e3e3eb
 }

 .Comculture-list li .content .img img {
 	display: block;
 	width: 100%
 }

 .Comculture-list li .content .cult-text {
 	text-align: center;
 	padding: 20px;
 	border-top: 1px solid #e3e3eb;
 	color: #929292
 }

 .Comculture-list li .content .name {
 	font-size: 16px;
 	color: #58596d
 }

 @media(min-width:768px) {
 	.Comculture-list {
 		padding-top: 55px;
 		padding-bottom: 43px
 	}

 	.Comculture-list ul {
 		margin: 0 -10px
 	}

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

 	.Comculture-list li .content .cult-text {
 		padding: 20px 20px 30px
 	}

 	.Comculture-list li .content .name {
 		font-size: 18px;
 		padding: 0 0 18px
 	}
 }

 .Honor-list ul {
 	padding-bottom: 30px
 }

 .Honor-list li {
 	margin: 0 0 15px
 }

 .Honor-list a {
 	display: block
 }

 .Honor-list a img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .Honor-list .elc-text {
 	text-align: center;
 	margin: 5px 0 0;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 40px;
 	color: #4c4c4c
 }

 @media(min-width:768px) {
 	.Honor-list {
 		overflow: hidden
 	}

 	.Honor-list ul {
 		margin: 0 -7px
 	}

 	.Honor-list li {
 		padding: 0 7px;
 		margin: 0 0 20px
 	}

 	.Honor-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.Honor-list li:hover .elc-text {
 		color: #d82019
 	}

 	.Honor-list .elc-img {
 		overflow: hidden
 	}

 	.Honor-list .elc-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}
 }

 @media(min-width:1024px) {
 	.Honors-min {
 		padding-top: 48px;
 		padding-bottom: 48px
 	}

 	.Honor-list ul {
 		margin: 0 -15px;
 		padding-bottom: 36px
 	}

 	.Honor-list li {
 		padding: 0 15px;
 		margin-bottom: 48px
 	}

 	.Honor-list .elc-text {
 		font-size: 18px;
 		height: 24px;
 		line-height: 24px;
 		margin-top: 27px
 	}
 }

 .probg {
 	position: fixed;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	background: #000;
 	z-index: 90;
 	display: none;
 	opacity: .7
 }

 .thumb-popup {
 	display: none;
 	position: fixed;
 	left: 0;
 	top: 0;
 	z-index: 100
 }

 .thumb-wraper {
 	width: 80%;
 	position: fixed;
 	top: 50%;
 	left: 50%;
 	-ms-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-o-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	-webkit-transform: translate(-50%, -50%);
 	word-wrap: break-word;
 	line-height: 28px;
 	z-index: 9
 }

 .thumb-copy-wrapper {
 	position: relative;
 	overflow: hidden
 }

 .thumb-popup .swiper-wrapper {
 	width: 100%
 }

 .thumb-popup .swiper-wrapper li {
 	position: relative;
 	height: 100%;
 	width: 100%;
 	text-align: center
 }

 .thumb-popup .swiper-wrapper li img {
 	display: block;
 	max-width: 100%;
 	max-height: 90%;
 	position: relative;
 	top: 50%;
 	left: 50%;
 	-moz-transform: translate3d(-50%, -50%, 0);
 	transform: translate3d(-50%, -50%, 0);
 	-webkit-transform: translate3d(-50%, -50%, 0);
 	-ms-transform: translate3d(-50%, -50%, 0);
 	-o-transform: translate3d(-50%, -50%, 0)
 }

 .thumb-popup .close {
 	width: 35px;
 	height: 35px;
 	position: fixed;
 	display: block;
 	top: 20px;
 	right: 3%;
 	background-image: url(img/winco04.png);
 	background-position: center center;
 	background-repeat: no-repeat;
 	-o-background-size: 12px auto;
 	background-size: 12px auto;
 	cursor: pointer;
 	z-index: 99;
 	background-color: #d82019;
 	-webkit-border-radius: 100%;
 	border-radius: 100%
 }

 .banner-btn {
 	cursor: pointer
 }

 .swiper-left {
 	left: -40px
 }

 .swiper-right {
 	right: -40px;
 	background-position: right 0
 }

 .popup-btn {
 	position: fixed;
 	width: 50px;
 	height: 50px;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-moz-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
 	cursor: pointer;
 	z-index: 1000
 }

 .popup-btn:after {
 	content: "";
 	position: absolute;
 	width: 0;
 	height: 0;
 	border-top: 10px solid transparent;
 	border-bottom: 10px solid transparent;
 	display: block;
 	top: 50%;
 	left: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-o-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%)
 }

 .swiper-left:after {
 	border-right: 15px solid #fff
 }

 .swiper-right:after {
 	border-left: 15px solid #fff
 }

 .popup-btn:hover {
 	border-color: #fff
 }

 .thumb-text {
 	text-align: center;
 	font-size: 16px;
 	padding: 20px 0;
 	color: #fff;
 	bottom: 20%;
 	width: 100%;
 	left: 0;
 	position: absolute;
 	left: 50%;
 	max-width: 1200px;
 	transform: translateX(-50%)
 }

 .History-min {
 	padding-top: 30px
 }

 .history-list {
 	padding: 0 40px;
 	position: relative
 }

 .historyulitem {
 	position: relative;
 	overflow: hidden
 }

 .historyulitem ul {
 	font-size: 0;
 	width: 9999px;
 	webkit-transform: translate3d(0, 0, 0);
 	-moz-transform: translate3d(0, 0, 0);
 	-o-transform: translate(0, 0);
 	-ms-transform: translate3d(0, 0, 0);
 	-webkit-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0);
 	position: relative;
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	box-sizing: content-box;
 	display: block
 }

 .historyulitem li {
 	display: inline-block;
 	vertical-align: bottom;
 	background: url(img/wicon25.png) 7px 0 repeat-y;
 	position: relative;
 	color: #4c4c4c
 }

 .historyulitem li:after {
 	position: absolute;
 	content: "";
 	width: 14px;
 	height: 14px;
 	border: 3px solid #d5d5d5;
 	top: 0;
 	left: 0;
 	display: block;
 	-webkit-border-radius: 100%;
 	-moz-border-radius: 100%;
 	border-radius: 100%;
 	background: #fff
 }

 .historyulitem li .history-con {
 	padding: 0 10px 30px 30px;
 	-moz-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0);
 	-webkit-transform: translate3d(0, 0, 0);
 	-moz-backface-visibility: hidden;
 	backface-visibility: hidden;
 	-webkit-backface-visibility: hidden;
 	position: relative;
 	-webkit-font-smoothing: none;
 	font-size: 14px !important;
 	color: #868686
 }

 .historyulitem li .year-num {
 	margin-top: 20px;
 	display: block;
 	color: #999;
 	font-size: 30px;
 	line-height: 30px;
 	font-family: Rubik
 }

 .history-btn {
 	display: block;
 	position: absolute;
 	width: 32px;
 	height: 33px;
 	background-position: center center;
 	-moz-background-size: 100%;
 	-o-background-size: 100%;
 	background-size: 100%;
 	background-repeat: no-repeat;
 	cursor: pointer;
 	bottom: 50px
 }

 .history-btn.hisswiper-left {
 	left: -5px;
 	background-image: url(img/prev2.png)
 }

 .history-btn.hisswiper-left:hover {
 	background-image: url(img/prev2ho.png)
 }

 .history-btn.hisswiper-right {
 	right: -5px;
 	background-image: url(img/next2.png)
 }

 .history-btn.hisswiper-right:hover {
 	background-image: url(img/next2ho.png)
 }

 @media(min-width:1024px) {
 	.History-min {
 		padding-top: 85px
 	}

 	.history-btn {
 		width: 42px;
 		height: 42px;
 		bottom: 144px
 	}

 	.history-list {
 		padding: 0
 	}

 	.historyulitem li .year-num {
 		margin-top: 52px;
 		font-size: 42px;
 		line-height: 42px
 	}

 	.historyulitem li .history-con {
 		padding: 23px 20px 51px 30px
 	}

 	.thumb-text {
 		bottom: 17%
 	}
 }

 @media(min-width:1440px) {
 	.history-btn.hisswiper-left {
 		left: -113px
 	}

 	.history-btn.hisswiper-right {
 		right: -113px
 	}
 }

 .Social-text {
 	color: #929292;
 	max-width: 980px
 }

 .Erespon-list ul {
 	padding: 0 0 30px;
 	margin: 0 -5px
 }

 .Erespon-list li {
 	margin: 0 0 10px;
 	padding: 0 5px
 }

 .Erespon-list a {
 	display: block;
 	border: 1px solid #e3e3eb
 }

 .Erespon-list a img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .Erespon-list .elc-text {
 	border-top: 1px solid #e3e3eb;
 	text-align: center;
 	line-height: 40px;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	color: #4c4c4c;
 	padding: 0 10px
 }

 @media(min-width:768px) {
 	.Erespon-list {
 		overflow: hidden
 	}

 	.Erespon-list ul {
 		margin: 0 -7px
 	}

 	.Erespon-list li {
 		padding: 0 7px;
 		margin: 0 0 20px
 	}

 	.Erespon-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.Erespon-list li:hover .elc-text {
 		color: #d82019
 	}

 	.Erespon-list .elc-img {
 		overflow: hidden
 	}

 	.Erespon-list .elc-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}
 }

 @media(min-width:1024px) {
 	.Social-min {
 		padding-top: 35px;
 		padding-bottom: 48px
 	}

 	.Erespon-list ul {
 		margin: 0 -15px;
 		padding-bottom: 36px
 	}

 	.Erespon-list li {
 		padding: 0 15px;
 		margin-bottom: 30px
 	}

 	.Erespon-list .elc-text {
 		font-size: 18px;
 		height: 83px;
 		line-height: 83px
 	}
 }

 .Environ-min {
 	padding-bottom: 30px
 }

 .Environ-list ul {
 	padding: 0 0 30px;
 	margin: 0 -5px
 }

 .Environ-list li {
 	margin: 0 0 10px;
 	padding: 0 5px
 }

 .Environ-list a {
 	display: block;
 	border: 1px solid #e3e3eb
 }

 .Environ-list a img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .Environ-list .elc-text {
 	border-top: 1px solid #e3e3eb;
 	text-align: center;
 	line-height: 40px;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	color: #4c4c4c;
 	padding: 0 10px
 }

 @media(min-width:768px) {
 	.Environ-list {
 		overflow: hidden
 	}

 	.Environ-list ul {
 		margin: 0 -7px
 	}

 	.Environ-list li {
 		padding: 0 7px;
 		margin: 0 0 20px
 	}

 	.Environ-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.Environ-list li:hover .elc-text {
 		color: #d82019
 	}

 	.Environ-list .elc-img {
 		overflow: hidden
 	}

 	.Environ-list .elc-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}
 }

 @media(min-width:1024px) {
 	.Environ-min {
 		padding-top: 5px;
 		padding-bottom: 38px
 	}

 	.Environ-list ul {
 		margin: 0 -15px;
 		padding-bottom: 27px
 	}

 	.Environ-list li {
 		padding: 0 15px;
 		margin-bottom: 30px
 	}

 	.Environ-list .elc-text {
 		font-size: 18px;
 		height: 83px;
 		line-height: 83px
 	}
 }

 .Videos-min ul {
 	padding-bottom: 30px
 }

 .Videos-min li {
 	margin: 0 0 15px
 }

 .Videos-min a {
 	display: block
 }

 .Videos-min a img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .Videos-min .elc-img {
 	position: relative
 }

 .Videos-min .video-show {
 	position: absolute;
 	z-index: 3;
 	left: 50%;
 	top: 50%;
 	-webkit-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%);
 	-ms-transform: translate(-50%, -50%);
 	-o-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	text-align: center;
 	color: #fff;
 	width: 100%
 }

 .Videos-min .video-show .videoicon {
 	display: block;
 	width: 65px;
 	height: 65px;
 	background: url(img/wq_icon11.png) no-repeat center center;
 	-moz-background-size: 40px;
 	-o-background-size: 40px;
 	background-size: 40px;
 	margin: 0 auto;
 	opacity: 0;
 	-webkit-transition: opacity .35s, -webkit-transform .35s;
 	transition: opacity .35s, -webkit-transform .35s;
 	-o-transition: opacity .35s, -o-transform .35s;
 	-moz-transition: opacity .35s, transform .35s, -moz-transform .35s;
 	transition: opacity .35s, transform .35s;
 	transition: opacity .35s, transform .35s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s;
 	-webkit-transform: scale(0);
 	-moz-transform: scale(0);
 	-ms-transform: scale(0);
 	-o-transform: scale(0);
 	transform: scale(0)
 }

 .Videos-min li:hover .Video-img:before {
 	opacity: 1;
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1)
 }

 .Videos-min li:hover .videoicon {
 	opacity: 1;
 	-webkit-transform: scale(1);
 	-moz-transform: scale(1);
 	-ms-transform: scale(1);
 	-o-transform: scale(1);
 	transform: scale(1)
 }

 .Videos-min .elc-text {
 	text-align: center;
 	margin: 5px 0 0;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 40px;
 	color: #4c4c4c
 }

 @media(min-width:768px) {
 	.Video-list {
 		overflow: hidden
 	}

 	.Video-list ul {
 		margin: 0 -7px
 	}

 	.Video-list li {
 		padding: 0 7px;
 		margin: 0 0 20px
 	}

 	.Video-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.Video-list li:hover .elc-text {
 		color: #d82019
 	}

 	.Video-list .elc-img {
 		overflow: hidden
 	}

 	.Video-list .elc-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}
 }

 @media(min-width:1024px) {
 	.Videos-min {
 		padding-top: 48px;
 		padding-bottom: 48px
 	}

 	.Video-list ul {
 		margin: 0 -15px;
 		padding-bottom: 36px
 	}

 	.Video-list li {
 		padding: 0 15px;
 		margin-bottom: 48px
 	}

 	.Video-list .video-show .videoicon {
 		-moz-background-size: auto;
 		-o-background-size: auto;
 		background-size: auto
 	}

 	.Video-list .elc-text {
 		font-size: 18px;
 		height: 24px;
 		line-height: 24px;
 		margin-top: 27px
 	}
 }

 .recruitmentfloat {
 	display: none;
 	z-index: 110;
 	width: 100%;
 	position: fixed;
 	height: 100%;
 	background: rgba(0, 0, 0, .6);
 	left: 0;
 	top: 0
 }

 .tianjiatvwrap {
 	width: 95%;
 	margin: 0 auto;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
 	-webkit-transform: translate(-50%, -50%);
 	-o-transform: translate(-50%, -50%);
 	-moz-transform: translate(-50%, -50%)
 }

 .tianjiatvwrap .videobox {
 	height: 250px;
 	position: relative;
 	z-index: 1
 }

 .recclosebtn {
 	width: 35px;
 	height: 35px;
 	position: fixed;
 	display: block;
 	top: 20px;
 	right: 3%;
 	background-image: url(img/winco04.png);
 	background-position: center center;
 	background-repeat: no-repeat;
 	-moz-background-size: 12px auto;
 	-o-background-size: 12px auto;
 	background-size: 12px auto;
 	cursor: pointer;
 	z-index: 99;
 	background-color: #d82019;
 	-webkit-border-radius: 100%;
 	-moz-border-radius: 100%;
 	border-radius: 100%
 }

 @media(min-width:640px) {
 	.tianjiatvwrap .videobox {
 		height: 350px
 	}
 }

 @media(min-width:1024px) {
 	.tianjiatvwrap {
 		width: 1000px
 	}

 	.tianjiatvwrap .videobox {
 		height: 600px
 	}
 }

 .Employee-list ul {
 	padding: 0 0 30px;
 	margin: 0 -5px
 }

 .Employee-list li {
 	margin: 0 0 10px;
 	padding: 0 5px
 }

 .Employee-list a {
 	display: block;
 	border: 1px solid #e3e3eb
 }

 .Employee-list a img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .Employee-list .elc-text {
 	border-top: 1px solid #e3e3eb;
 	text-align: center;
 	line-height: 40px;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	color: #4c4c4c;
 	padding: 0 10px
 }

 @media(min-width:768px) {
 	.Employee-list {
 		overflow: hidden
 	}

 	.Employee-list ul {
 		margin: 0 -7px
 	}

 	.Employee-list li {
 		padding: 0 7px;
 		margin: 0 0 20px
 	}

 	.Employee-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.Employee-list li:hover .elc-text {
 		color: #d82019
 	}

 	.Employee-list .elc-img {
 		overflow: hidden
 	}

 	.Employee-list .elc-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}
 }

 @media(min-width:1024px) {
 	.Employee-min {
 		padding-top: 5px;
 		padding-bottom: 38px
 	}

 	.Employee-list ul {
 		margin: 0 -15px;
 		padding-bottom: 27px
 	}

 	.Employee-list li {
 		padding: 0 15px;
 		margin-bottom: 30px
 	}

 	.Employee-list .elc-text {
 		font-size: 18px;
 		height: 83px;
 		line-height: 83px
 	}
 }

 .Careerment-min {
 	background: url(img/wimg21.jpg) no-repeat top center;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	margin: 0 0 30px
 }

 .Career-wrapper {
 	position: relative;
 	padding: 0 30px
 }

 .Career-wrapper .wrapper-min {
 	overflow: hidden;
 	padding: 30px 0 0
 }

 .Career-wrapper ul.momargin {
 	margin: 0
 }

 .Career-wrapper ul.momargin li {
 	padding: 0
 }

 .Career-wrapper li {
 	margin: 0 0 20px
 }

 .Career-wrapper li a {
 	display: block
 }

 .Career-wrapper li .solut-img img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .Career-wrapper li .solut-text {
 	padding: 10px;
 	background-color: #f0f0f2;
 	border-top: 2px solid #d82019;
 	text-align: center;
 	position: relative
 }

 .Career-wrapper li .solut-text:before {
 	content: "";
 	position: absolute;
 	z-index: -1;
 	left: 0;
 	right: 100%;
 	top: -2px;
 	background: #0c337f;
 	height: 2px;
 	-webkit-transition-property: right;
 	-o-transition-property: right;
 	-moz-transition-property: right;
 	transition-property: right;
 	-webkit-transition-duration: .5s;
 	-moz-transition-duration: .5s;
 	-o-transition-duration: .5s;
 	transition-duration: .5s;
 	-webkit-transition-timing-function: ease-out;
 	-moz-transition-timing-function: ease-out;
 	-o-transition-timing-function: ease-out;
 	transition-timing-function: ease-out
 }

 .Career-wrapper li .solut-text h3 {
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 45px
 }

 .Career-wrapper li .solut-text p {
 	display: -webkit-box;
 	height: 96px;
 	line-height: 24px;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 4;
 	color: #929292
 }

 .Career-wrapper li:hover .solut-text:before {
 	right: 0;
 	z-index: 2
 }

 .Career-wrapper .relat-btn.relat-prev {
 	background-image: url(img/prev3.png)
 }

 .Career-wrapper .relat-btn.relat-prev:hover {
 	background-image: url(img/prev3ho.png)
 }

 .Career-wrapper .relat-btn.relat-next {
 	background-image: url(img/next3.png)
 }

 .Career-wrapper .relat-btn.relat-next:hover {
 	background-image: url(img/next3ho.png)
 }

 @media(min-width:768px) {
 	.Career-wrapper .relat-btn {
 		height: 43px
 	}
 }

 @media(min-width:1024px) {
 	.Careerment-min {
 		margin: 0 0 76px
 	}

 	.Career-wrapper {
 		padding: 0 40px
 	}

 	.Career-wrapper .wrapper-min {
 		padding-top: 12%
 	}

 	.Career-wrapper li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.Career-wrapper li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.Career-wrapper li .solut-img {
 		overflow: hidden
 	}

 	.Career-wrapper li .solut-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.Career-wrapper li .solut-text {
 		padding: 14px 30px 41px
 	}

 	.Career-wrapper li .solut-text h3 {
 		margin: 0 0 9px
 	}

 	.Career-wrapper li:hover .solut-text h3 {
 		color: #d82019
 	}
 }

 @media(min-width:1199px) {
 	.Careerment-min {
 		-moz-background-size: 100% 374px;
 		-o-background-size: 100% 374px;
 		background-size: 100% 374px
 	}
 }

 @media(min-width:1400px) {
 	.Career-wrapper {
 		padding: 0
 	}
 }

 .Platfbtn {
 	display: inline-block;
 	background: #d82019 url(img/wicon26.png) no-repeat 20px center;
 	color: #fff;
 	padding: 10px 20px 10px 50px;
 	text-align: left;
 	margin: 10px 0 0
 }

 @media(min-width:1024px) {
 	.Platfbtn {
 		padding: 17px 40px 17px 69px;
 		font-size: 18px;
 		margin: 0;
 		background-position: 38px center
 	}
 }

 .recruiting-list ul {
 	margin: 0 -10px;
 	padding: 0 0 30px
 }

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

 .recruiting-list .recontent {
 	border: 2px solid #f2f0ec;
 	padding: 20px 20px 40px;
 	position: relative
 }

 .recruiting-list .recontent .retitle {
 	color: #333
 }

 .recruiting-list .recontent .posititext {
 	color: #929292
 }

 .recruiting-list .recontent .Delivery {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	background-color: #d82019;
 	color: #fff;
 	height: 40px;
 	line-height: 40px;
 	padding: 0 10px;
 	text-align: center;
 	opacity: 0;
 	-webkit-transition: all ease .5s;
 	-o-transition: all ease .5s;
 	-moz-transition: all ease .5s;
 	transition: all ease .5s
 }

 .recruiting-list li:hover .recontent .Delivery {
 	opacity: 1
 }

 @media(min-width:1024px) {
 	.recruiting-list {
 		padding-top: 49px;
 		padding-bottom: 22px
 	}

 	.recruiting-list ul {
 		padding: 0 0 40px
 	}

 	.recruiting-list .recontent {
 		padding: 33px 30px 44px
 	}

 	.recruiting-list .recontent .retitle {
 		padding: 0 0 5px
 	}

 	.recruiting-list .recontent h4 {
 		padding-bottom: 5px
 	}

 	.recruiting-list .recontent .Delivery {
 		height: 45px;
 		line-height: 45px;
 		font-size: 16px
 	}
 }

 .grid {
 	list-style: none;
 	margin: 30px auto;
 	padding: 0
 }

 .grid li {
 	display: block;
 	opacity: 0
 }

 .grid li.shown,
 .no-js .grid li,
 .no-cssanimations .grid li {
 	opacity: 1
 }

 .grid li a,
 .grid li img {
 	outline: none;
 	border: none;
 	display: block;
 	max-width: 100%
 }

 .grid.effect-1 li.animate {
 	-webkit-animation: fadeIn .65s ease forwards;
 	-moz-animation: fadeIn .65s ease forwards;
 	-o-animation: fadeIn .65s ease forwards;
 	animation: fadeIn .65s ease forwards
 }

 @-webkit-keyframes fadeIn {
 	0% {}

 	100% {
 		opacity: 1
 	}
 }

 @-moz-keyframes fadeIn {
 	0% {}

 	100% {
 		opacity: 1
 	}
 }

 @-o-keyframes fadeIn {
 	0% {}

 	100% {
 		opacity: 1
 	}
 }

 @keyframes fadeIn {
 	0% {}

 	100% {
 		opacity: 1
 	}
 }

 .grid.effect-2 li.animate {
 	-webkit-transform: translateY(200px);
 	-moz-transform: translateY(200px);
 	-ms-transform: translateY(200px);
 	-o-transform: translateY(200px);
 	transform: translateY(200px);
 	-webkit-animation: moveUp .65s ease forwards;
 	-moz-animation: moveUp .65s ease forwards;
 	-o-animation: moveUp .65s ease forwards;
 	animation: moveUp .65s ease forwards
 }

 @-webkit-keyframes moveUp {
 	0% {}

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

 @-moz-keyframes moveUp {
 	0% {}

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

 @-o-keyframes moveUp {
 	0% {}

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

 @keyframes moveUp {
 	0% {}

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

 .grid.effect-3 li.animate {
 	-webkit-transform: scale(.6);
 	-moz-transform: scale(.6);
 	-ms-transform: scale(.6);
 	-o-transform: scale(.6);
 	transform: scale(.6);
 	-webkit-animation: scaleUp .65s ease-in-out forwards;
 	-moz-animation: scaleUp .65s ease-in-out forwards;
 	-o-animation: scaleUp .65s ease-in-out forwards;
 	animation: scaleUp .65s ease-in-out forwards
 }

 @-webkit-keyframes scaleUp {
 	0% {}

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

 @-moz-keyframes scaleUp {
 	0% {}

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

 @-o-keyframes scaleUp {
 	0% {}

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

 @keyframes scaleUp {
 	0% {}

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

 .grid.effect-4 {
 	-webkit-perspective: 1300px;
 	-moz-perspective: 1300px;
 	perspective: 1300px
 }

 .grid.effect-4 li.animate {
 	-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
 	-moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
 	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
 	-webkit-animation: fallPerspective .8s ease-in-out forwards;
 	-moz-animation: fallPerspective .8s ease-in-out forwards;
 	-o-animation: fallPerspective .8s ease-in-out forwards;
 	animation: fallPerspective .8s ease-in-out forwards
 }

 @-webkit-keyframes fallPerspective {
 	0% {}

 	100% {
 		-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 		opacity: 1
 	}
 }

 @-moz-keyframes fallPerspective {
 	0% {}

 	100% {
 		-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 		-moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 		transform: translateZ(0px) translateY(0px) rotateX(0deg);
 		opacity: 1
 	}
 }

 @-o-keyframes fallPerspective {
 	0% {}

 	100% {
 		-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 		transform: translateZ(0px) translateY(0px) rotateX(0deg);
 		opacity: 1
 	}
 }

 @keyframes fallPerspective {
 	0% {}

 	100% {
 		-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 		-moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
 		transform: translateZ(0px) translateY(0px) rotateX(0deg);
 		opacity: 1
 	}
 }

 .grid.effect-5 {
 	-webkit-perspective: 1300px;
 	-moz-perspective: 1300px;
 	perspective: 1300px
 }

 .grid.effect-5 li.animate {
 	-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 	-webkit-transform-origin: 50% 50% -300px;
 	-moz-transform-origin: 50% 50% -300px;
 	-ms-transform-origin: 50% 50% -300px;
 	-o-transform-origin: 50% 50% -300px;
 	transform-origin: 50% 50% -300px;
 	-webkit-transform: rotateX(-180deg);
 	-moz-transform: rotateX(-180deg);
 	transform: rotateX(-180deg);
 	-webkit-animation: fly .8s ease-in-out forwards;
 	-moz-animation: fly .8s ease-in-out forwards;
 	-o-animation: fly .8s ease-in-out forwards;
 	animation: fly .8s ease-in-out forwards
 }

 @-webkit-keyframes fly {
 	0% {}

 	100% {
 		-webkit-transform: rotateX(0deg);
 		opacity: 1
 	}
 }

 @-moz-keyframes fly {
 	0% {}

 	100% {
 		-webkit-transform: rotateX(0deg);
 		-moz-transform: rotateX(0deg);
 		transform: rotateX(0deg);
 		opacity: 1
 	}
 }

 @-o-keyframes fly {
 	0% {}

 	100% {
 		-webkit-transform: rotateX(0deg);
 		transform: rotateX(0deg);
 		opacity: 1
 	}
 }

 @keyframes fly {
 	0% {}

 	100% {
 		-webkit-transform: rotateX(0deg);
 		-moz-transform: rotateX(0deg);
 		transform: rotateX(0deg);
 		opacity: 1
 	}
 }

 .grid.effect-6 {
 	-webkit-perspective: 1300px;
 	-moz-perspective: 1300px;
 	perspective: 1300px
 }

 .grid.effect-6 li.animate {
 	-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 	-webkit-transform-origin: 0% 0%;
 	-moz-transform-origin: 0% 0%;
 	-ms-transform-origin: 0% 0%;
 	-o-transform-origin: 0% 0%;
 	transform-origin: 0% 0%;
 	-webkit-transform: rotateX(-80deg);
 	-moz-transform: rotateX(-80deg);
 	transform: rotateX(-80deg);
 	-webkit-animation: flip .8s ease-in-out forwards;
 	-moz-animation: flip .8s ease-in-out forwards;
 	-o-animation: flip .8s ease-in-out forwards;
 	animation: flip .8s ease-in-out forwards
 }

 @-webkit-keyframes flip {
 	0% {}

 	100% {
 		-webkit-transform: rotateX(0deg);
 		opacity: 1
 	}
 }

 @-moz-keyframes flip {
 	0% {}

 	100% {
 		-webkit-transform: rotateX(0deg);
 		-moz-transform: rotateX(0deg);
 		transform: rotateX(0deg);
 		opacity: 1
 	}
 }

 @-o-keyframes flip {
 	0% {}

 	100% {
 		-webkit-transform: rotateX(0deg);
 		transform: rotateX(0deg);
 		opacity: 1
 	}
 }

 @keyframes flip {
 	0% {}

 	100% {
 		-webkit-transform: rotateX(0deg);
 		-moz-transform: rotateX(0deg);
 		transform: rotateX(0deg);
 		opacity: 1
 	}
 }

 .grid.effect-7 {
 	-webkit-perspective: 1300px;
 	-moz-perspective: 1300px;
 	perspective: 1300px
 }

 .grid.effect-7 li.animate {
 	-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 	-webkit-transform: rotateY(-180deg);
 	-moz-transform: rotateY(-180deg);
 	transform: rotateY(-180deg);
 	-webkit-animation: helix .8s ease-in-out forwards;
 	-moz-animation: helix .8s ease-in-out forwards;
 	-o-animation: helix .8s ease-in-out forwards;
 	animation: helix .8s ease-in-out forwards
 }

 @-webkit-keyframes helix {
 	0% {}

 	100% {
 		-webkit-transform: rotateY(0deg);
 		opacity: 1
 	}
 }

 @-moz-keyframes helix {
 	0% {}

 	100% {
 		-webkit-transform: rotateY(0deg);
 		-moz-transform: rotateY(0deg);
 		transform: rotateY(0deg);
 		opacity: 1
 	}
 }

 @-o-keyframes helix {
 	0% {}

 	100% {
 		-webkit-transform: rotateY(0deg);
 		transform: rotateY(0deg);
 		opacity: 1
 	}
 }

 @keyframes helix {
 	0% {}

 	100% {
 		-webkit-transform: rotateY(0deg);
 		-moz-transform: rotateY(0deg);
 		transform: rotateY(0deg);
 		opacity: 1
 	}
 }

 .grid.effect-8 {
 	-webkit-perspective: 1300px;
 	-moz-perspective: 1300px;
 	perspective: 1300px
 }

 .grid.effect-8 li.animate {
 	-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 	-webkit-transform: scale(.4);
 	-moz-transform: scale(.4);
 	-ms-transform: scale(.4);
 	-o-transform: scale(.4);
 	transform: scale(.4);
 	-webkit-animation: popUp .8s ease-in forwards;
 	-moz-animation: popUp .8s ease-in forwards;
 	-o-animation: popUp .8s ease-in forwards;
 	animation: popUp .8s ease-in forwards
 }

 @-webkit-keyframes popUp {
 	0% {}

 	70% {
 		-webkit-transform: scale(1.1);
 		opacity: .8;
 		-webkit-animation-timing-function: ease-out
 	}

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

 @-moz-keyframes popUp {
 	0% {}

 	70% {
 		-webkit-transform: scale(1.1);
 		-moz-transform: scale(1.1);
 		transform: scale(1.1);
 		opacity: .8;
 		-webkit-animation-timing-function: ease-out;
 		-moz-animation-timing-function: ease-out;
 		animation-timing-function: ease-out
 	}

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

 @-o-keyframes popUp {
 	0% {}

 	70% {
 		-webkit-transform: scale(1.1);
 		-o-transform: scale(1.1);
 		transform: scale(1.1);
 		opacity: .8;
 		-webkit-animation-timing-function: ease-out;
 		-o-animation-timing-function: ease-out;
 		animation-timing-function: ease-out
 	}

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

 @keyframes popUp {
 	0% {}

 	70% {
 		-webkit-transform: scale(1.1);
 		-moz-transform: scale(1.1);
 		-o-transform: scale(1.1);
 		transform: scale(1.1);
 		opacity: .8;
 		-webkit-animation-timing-function: ease-out;
 		-moz-animation-timing-function: ease-out;
 		-o-animation-timing-function: ease-out;
 		animation-timing-function: ease-out
 	}

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

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

 .indexbanner li {
 	width: 100%;
 	position: relative;
 	overflow: hidden;
 	float: left;
 	-webkit-flex-shrink: 0;
 	-ms-flex: 0 0 auto;
 	-ms-flex-negative: 0;
 	flex-shrink: 0;
 	height: 100%
 }

 .indexbanner ul {
 	width: 100%;
 	height: 100%;
 	z-index: 1;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-transition-property: -webkit-transform;
 	-moz-transition-property: -moz-transform;
 	-o-transition-property: -o-transform;
 	transition-property: -webkit-transform;
 	-moz-transition-property: transform, -moz-transform;
 	transition-property: transform;
 	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
 	-webkit-box-sizing: content-box;
 	-moz-box-sizing: content-box;
 	box-sizing: content-box
 }

 .ipages {
 	position: absolute;
 	left: 50% !important;
 	-webkit-transform: translateX(-50%);
 	-moz-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	-o-transform: translateX(-50%);
 	transform: translateX(-50%);
 	bottom: 10px;
 	z-index: 10;
 	text-align: center;
 	font-size: 0;
 	line-height: 0
 }

 .ipages span {
 	display: inline-block;
 	vertical-align: top;
 	*display: inline;
 	*zoom: 1;
 	width: 10px;
 	height: 10px;
 	border: 2px solid #8e8987;
 	margin: 0 6px;
 	-webkit-border-radius: 100%;
 	-moz-border-radius: 100%;
 	border-radius: 100%;
 	background: 0 0;
 	opacity: 1;
 	-webkit-transition: all .3s;
 	-o-transition: all .3s;
 	-moz-transition: all .3s;
 	transition: all .3s
 }

 .ipages .swiper-pagination-bullet-active {
 	background-color: #d82019;
 	border-color: #d82019
 }

 .indexbanner li a img {
 	display: block;
 	width: 100%;
 	position: relative
 }

 @media(min-width:1024px) {
 	.indexbanner .ipages {
 		bottom: 20px
 	}

 	.ipages span {
 		width: 12px;
 		height: 12px
 	}
 }

 .index-text .en {
 	font-family: raleway;
 	text-transform: uppercase;
 	font-weight: 700;
 	color: #d82019;
 	padding: 5px 0 0
 }

 .index-btn {
 	display: block;
 	width: 30px;
 	height: 30px;
 	position: absolute;
 	position: absolute;
 	z-index: 3;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	-moz-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
 	background-position: center center;
 	background-repeat: no-repeat;
 	-moz-background-size: 30px;
 	-o-background-size: 30px;
 	background-size: 30px
 }

 .index-btn.index-prev {
 	background-image: url(img/prev.png);
 	left: 0
 }

 .index-btn.index-prev:hover {
 	background-image: url(img/prevho.png)
 }

 .index-btn.index-next {
 	background-image: url(img/next.png);
 	right: 0
 }

 .index-btn.index-next:hover {
 	background-image: url(img/nextho.png)
 }

 .index-more a {
 	display: inline-block;
 	border: 2px solid #e1e1e4;
 	-webkit-border-radius: 50px;
 	-moz-border-radius: 50px;
 	border-radius: 50px;
 	height: 35px;
 	line-height: 33px;
 	text-align: center;
 	padding: 0 20px;
 	color: #6e6f7b;
 	font-size: 13px
 }

 @media(min-width:1024px) {
 	.index-text .en {
 		padding: 13px 0 0
 	}

 	.index-btn {
 		width: 46px;
 		height: 46px;
 		-moz-background-size: 100%;
 		-o-background-size: 100%;
 		background-size: 100%
 	}

 	.index-btn.index-prev {
 		left: -30px
 	}

 	.index-btn.index-next {
 		right: -30px
 	}

 	.index-more a {
 		-webkit-transform: perspective(1px) translateZ(0);
 		-moz-transform: perspective(1px) translateZ(0);
 		transform: perspective(1px) translateZ(0);
 		-webkit-box-shadow: 0 0 1px transparent;
 		-moz-box-shadow: 0 0 1px transparent;
 		box-shadow: 0 0 1px transparent;
 		position: relative;
 		-webkit-transition-property: color;
 		-o-transition-property: color;
 		-moz-transition-property: color;
 		transition-property: color;
 		-webkit-transition-duration: .3s;
 		-moz-transition-duration: .3s;
 		-o-transition-duration: .3s;
 		transition-duration: .3s;
 		height: 60px;
 		line-height: 60px;
 		padding: 0 46px
 	}

 	.index-more a:before {
 		content: "";
 		position: absolute;
 		z-index: -1;
 		top: 0;
 		bottom: 0;
 		left: 0;
 		right: 0;
 		background: #d82019;
 		-webkit-border-radius: 50px;
 		-moz-border-radius: 50px;
 		border-radius: 50px;
 		-webkit-transform: scale(0);
 		-moz-transform: scale(0);
 		-ms-transform: scale(0);
 		-o-transform: scale(0);
 		transform: scale(0);
 		-webkit-transition-property: transform;
 		-webkit-transition-property: -webkit-transform;
 		transition-property: -webkit-transform;
 		-o-transition-property: -o-transform;
 		-moz-transition-property: transform, -moz-transform;
 		transition-property: transform;
 		transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
 		-webkit-transition-duration: .3s;
 		-moz-transition-duration: .3s;
 		-o-transition-duration: .3s;
 		transition-duration: .3s;
 		-webkit-transition-timing-function: ease-out;
 		-moz-transition-timing-function: ease-out;
 		-o-transition-timing-function: ease-out;
 		transition-timing-function: ease-out
 	}

 	.index-more a:hover {
 		color: #fff;
 		border-color: #fff
 	}

 	.index-more a:hover:before {
 		-webkit-transform: scaleY(1);
 		-moz-transform: scaleY(1);
 		-ms-transform: scaleY(1);
 		-o-transform: scaleY(1);
 		transform: scaleY(1)
 	}
 }

 @media(min-width:1400px) {
 	.index-btn.index-prev {
 		left: -80px
 	}

 	.index-btn.index-next {
 		right: -80px
 	}
 }

 @media(min-width:1440px) {
 	.index-btn.index-prev {
 		left: -106px
 	}

 	.index-btn.index-next {
 		right: -106px
 	}
 }

 .indxNews-wraper {
 	position: relative;
 	padding: 30px 35px
 }

 .inxnews-list {
 	overflow: hidden
 }

 .inxnews-list li a {
 	display: block;
 	border: 1px solid #e3e3eb
 }

 .inxnews-list li .tiothumb img {
 	display: block;
 	width: 100%
 }

 .inxnews-list li .tioinfor {
 	padding: 15px;
 	border-top: 1px solid #e3e3eb
 }

 .inxnews-list li .tioinfor .text {
 	color: #58596d;
 	display: -webkit-box;
 	height: 48px;
 	line-height: 24px;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: 2
 }

 .inxnews-list li .tioinfor .date {
 	color: #d82019;
 	font-family: DINPro;
 	display: block
 }

 @media(min-width:1024px) {
 	.indxNewsmin {
 		padding-top: 56px;
 		padding-bottom: 60px
 	}

 	.indxNews-wraper {
 		padding: 37px 30px
 	}

 	.inxnews-list li {
 		float: left;
 		width: 25%;
 		margin-right: 30px
 	}

 	.inxnews-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.inxnews-list li .tiothumb {
 		overflow: hidden
 	}

 	.inxnews-list li .tiothumb img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.inxnews-list li:hover .tioinfor .text {
 		color: #d82019
 	}

 	.inxnews-list li .tioinfor {
 		font-size: 16px;
 		padding: 24px 30px 34px
 	}

 	.inxnews-list li .tioinfor .date {
 		padding: 11px 0 0
 	}
 }

 @media(min-width:1400px) {
 	.indxNews-wraper {
 		padding: 37px 0
 	}
 }

 .indxAboutus {
 	background-color: #f1f4f9
 }

 .indxAboutus .par-posimg {
 	background: url(img/wimg26.jpg) no-repeat center center;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	height: 230px;
 	position: relative
 }

 .indxAboutus .par-text {
 	position: absolute;
 	z-index: 3;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	-moz-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
 	left: 20px;
 	color: #fff;
 	text-transform: uppercase
 }

 .indxAboutus .par-text h2 {
 	font-weight: lighter
 }

 .indxAboutus .par-text h3 {
 	padding: 8px 0
 }

 .indxAboutus .par-content {
 	padding: 20px
 }

 .indxAboutus .par-content h2 {
 	text-transform: uppercase;
 	font-family: DINPro;
 	padding: 0 0 5px
 }

 .indxAboutus .par-content p {
 	color: #34364b;
 	opacity: .8
 }

 @media(min-width:1024px) {
 	.indxAboutus .par-posimg {
 		height: 383px;
 		float: right;
 		width: 50%
 	}

 	.indxAboutus .par-text {
 		top: 45%;
 		left: 38px;
 		max-width: 385px
 	}

 	.indxAboutus .par-text h3 {
 		padding: 22px 0 20px
 	}

 	.indxAboutus .par-content {
 		float: right;
 		width: 50%;
 		max-width: 600px;
 		padding: 4% 40px 0
 	}

 	.indxAboutus .par-content h2 {
 		padding: 0 0 10px
 	}
 }

 @media(min-width:1280px) {
 	.indxAboutus .par-content {
 		padding-left: 0
 	}
 }

 .inxprod-list li {
 	margin: 0 0 20px
 }

 .inxprod-list li a {
 	display: block;
 	position: relative
 }

 .inxprod-list li .imgbox img {
 	display: block;
 	width: 100%
 }

 .inxprod-list li .inxpro-img {
 	position: absolute;
 	z-index: 3;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	-moz-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
 	left: 20px;
 	width: 44%
 }

 .inxprod-list li .inxpro-img img {
 	display: block;
 	max-width: 100%
 }

 .inxprod-list li .inxpro-text {
 	position: absolute;
 	z-index: 3;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	-moz-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
 	right: 20px;
 	color: #fff;
 	width: 40%
 }

 .inxprod-list li .inxpro-text h3 {
 	color: #34364b;
 	padding: 0 0 5px
 }

 .inxprod-list li .inxpro-text p {
 	color: #58596d;
 	opacity: .5;
 	line-height: 14px;
 	text-transform: uppercase
 }

 @media(min-width:1024px) {
 	.indxProduct {
 		padding-top: 57px
 	}

 	.inxprod-list {
 		padding-top: 38px;
 		padding-bottom: 10px
 	}

 	.inxprod-list li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.inxprod-list li:hover a {
 		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
 		-webkit-transform: translateY(-2px);
 		-moz-transform: translateY(-2px);
 		-ms-transform: translateY(-2px);
 		-o-transform: translateY(-2px);
 		transform: translateY(-2px)
 	}

 	.inxprod-list li:hover .inxpro-img {
 		margin-left: -10px
 	}

 	.inxprod-list li .inxpro-img {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}
 }

 @media(min-width:1199px) {
 	.inxprod-list ul {
 		margin: 0 -15px
 	}

 	.inxprod-list li {
 		padding: 0 15px
 	}

 	.inxprod-list li .inxpro-text {
 		width: 43%
 	}
 }

 .indxArrivals {
 	background-color: #f1f4f9
 }

 .arrivals-wrapper {
 	padding: 0 30px;
 	position: relative
 }

 .arrivals-wrapper .arrivalsp-min {
 	overflow: hidden;
 	padding: 30px 0 0
 }

 .arrivals-wrapper ul.momargin {
 	margin: 0
 }

 .arrivals-wrapper ul.momargin li {
 	padding: 0
 }

 .arrivals-wrapper li {
 	margin: 0 0 20px
 }

 .arrivals-wrapper li a {
 	display: block
 }

 .arrivals-wrapper li .solut-img img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .arrivals-wrapper li .solut-text {
 	padding: 10px;
 	background-color: #fff;
 	border-top: 2px solid #d82019;
 	text-align: center;
 	position: relative
 }

 .arrivals-wrapper li .solut-text:before {
 	content: "";
 	position: absolute;
 	z-index: -1;
 	left: 0;
 	right: 100%;
 	top: -2px;
 	background: #0c337f;
 	height: 2px;
 	-webkit-transition-property: right;
 	-o-transition-property: right;
 	-moz-transition-property: right;
 	transition-property: right;
 	-webkit-transition-duration: .5s;
 	-moz-transition-duration: .5s;
 	-o-transition-duration: .5s;
 	transition-duration: .5s;
 	-webkit-transition-timing-function: ease-out;
 	-moz-transition-timing-function: ease-out;
 	-o-transition-timing-function: ease-out;
 	transition-timing-function: ease-out
 }

 .arrivals-wrapper li .solut-text h3 {
 	color: #58596d;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	line-height: 45px
 }

 .arrivals-wrapper li:hover .solut-text:before {
 	right: 0;
 	z-index: 2
 }

 @media(min-width:768px) {
 	.arrivals-wrapper .relat-btn {
 		height: 43px
 	}

 	.arrivals-wrapper li {
 		float: left;
 		width: 33.33%
 	}
 }

 @media(min-width:1024px) {
 	.indxArrivals {
 		padding-top: 57px;
 		padding-bottom: 55px
 	}

 	.arrivals-wrapper li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.arrivals-wrapper li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.arrivals-wrapper li .solut-img {
 		overflow: hidden
 	}

 	.arrivals-wrapper li .solut-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.arrivals-wrapper li .solut-text {
 		padding: 34px 30px 30px
 	}

 	.arrivals-wrapper li .solut-text h3 {
 		margin: 0 0 9px
 	}

 	.arrivals-wrapper li:hover .solut-text h3 {
 		color: #d82019
 	}
 }

 @media(min-width:1400px) {
 	.arrivals-wrapper {
 		padding: 5px 0
 	}
 }

 .inxSolution {
 	background: url(img/wimg33.jpg) no-repeat 0 0;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover
 }

 .inxSolution .index-more {
 	padding: 20px 0 0
 }

 .inxSolution .index-more a {
 	color: #fff
 }

 .inxSolut-wrapper {
 	padding: 0 30px 30px;
 	position: relative
 }

 .inxSolut-wrapper .inxSolut-min {
 	overflow: hidden;
 	padding: 30px 0 0
 }

 .inxSolut-wrapper ul.momargin {
 	margin: 0
 }

 .inxSolut-wrapper ul.momargin li {
 	padding: 0
 }

 .inxSolut-wrapper li {
 	margin: 0 0 20px
 }

 .inxSolut-wrapper li a {
 	display: block
 }

 .inxSolut-wrapper li .solut-img img {
 	display: block;
 	margin: 0 auto;
 	width: 100%
 }

 .inxSolut-wrapper li .solut-text {
 	padding: 10px;
 	background-color: #fff;
 	text-align: center;
 	position: relative;
 	background: -webkit-linear-gradient(135deg, transparent 20px, #fff 0);
 	background: -moz- oldlinear-gradient(135deg, transparent 20px, #fff 0);
 	background: -o-linear-gradient(135deg, transparent 20px, #fff 0);
 	background: linear-gradient(-45deg, transparent 20px, #fff 0)
 }

 .inxSolut-wrapper li .solut-text h3 {
 	color: #58596d;
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden
 }

 .inxSolut-wrapper li .solut-text .en {
 	white-space: nowrap;
 	-o-text-overflow: ellipsis;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	color: #d82019;
 	text-transform: uppercase;
 	font-family: DINPro
 }

 .inxSolut-wrapper .index-btn.index-prev {
 	background-image: url(img/prev4.png)
 }

 .inxSolut-wrapper .index-btn.index-prev:hover {
 	background-image: url(img/prev4ho.png)
 }

 .inxSolut-wrapper .index-btn.index-next {
 	background-image: url(img/next4.png)
 }

 .inxSolut-wrapper .index-btn.index-next:hover {
 	background-image: url(img/next4ho.png)
 }

 .inxSolut-wrapper .ipages {
 	bottom: 10px
 }

 @media(min-width:768px) {
 	.inxSolut-wrapper .relat-btn {
 		height: 43px
 	}

 	.inxSolut-wrapper li {
 		float: left;
 		width: 33.33%
 	}
 }

 @media(min-width:1024px) {
 	.inxSolution {
 		padding-top: 57px;
 		padding-bottom: 59px
 	}

 	.inxSolution .index-more {
 		padding: 0
 	}

 	.inxSolution .index-more a {
 		border-color: #3b2d2a
 	}

 	.inxSolut-wrapper {
 		padding: 5px 30px 72px
 	}

 	.inxSolut-wrapper .ipages {
 		bottom: 40px
 	}

 	.inxSolut-wrapper li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.inxSolut-wrapper li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s
 	}

 	.inxSolut-wrapper li .solut-img {
 		overflow: hidden
 	}

 	.inxSolut-wrapper li .solut-img img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.inxSolut-wrapper li .solut-text {
 		padding: 24px 30px 32px
 	}

 	.inxSolut-wrapper li .solut-text h3 {
 		margin: 0 0 2px
 	}

 	.inxSolut-wrapper li:hover .solut-text h3 {
 		color: #d82019
 	}
 }

 @media(min-width:1400px) {
 	.inxSolut-wrapper {
 		padding-left: 0;
 		padding-right: 0
 	}
 }

 .inxPartner {
 	background-color: #f1f4f9
 }

 .inxpart-list {
 	position: relative;
 	padding: 20px 30px
 }

 .inxpart-list li a {
 	display: block;
 	border: 1px solid #dbdced
 }

 .inxpart-list li img {
 	display: block;
 	width: 100%
 }

 .inxpart-list .index-btn.index-prev.swiper-button-disabled {
 	display: none !important
 }

 .inxpart-list .index-btn.index-next.swiper-button-disabled {
 	display: none !important
 }

 .partner-wrapper {
 	overflow: hidden
 }

 @media(min-width:1024px) {
 	.inxpart-list {
 		padding: 36px 30px
 	}

 	.inxpart-list li:hover img {
 		-webkit-transform: scale(1.03, 1.03);
 		-moz-transform: scale(1.03, 1.03);
 		-ms-transform: scale(1.03, 1.03);
 		-o-transform: scale(1.03, 1.03);
 		transform: scale(1.03, 1.03)
 	}

 	.inxpart-list li a {
 		-webkit-transition: all ease .5s;
 		-o-transition: all ease .5s;
 		-moz-transition: all ease .5s;
 		transition: all ease .5s;
 		overflow: hidden
 	}

 	.inxpart-list li a img {
 		-webkit-transition: all ease .7s;
 		-moz-transition: all ease .7s;
 		-o-transition: all ease .7s;
 		transition: all ease .7s
 	}

 	.inxpart-list li:hover a {
 		border-color: #d82019
 	}

 	.inxPartner {
 		padding-top: 56px;
 		padding-bottom: 25px
 	}
 }

 @media(min-width:1400px) {
 	.inxpart-list {
 		padding-left: 0;
 		padding-right: 0
 	}
 }

 .searchcont401 {
 	padding: 36px 0;
 	background-color: #fff
 }

 .searchtitle401 {
 	padding: 28px 15px;
 	background-color: #f2f2f2
 }

 .searchtitle401 span {
 	color: #d82019
 }

 .resultlist401 {
 	font-size: 13px;
 	padding: 3% 0
 }

 .resultlist401 img {
 	display: block;
 	width: 100%;
 	margin-bottom: 2%
 }

 .resultlist401 ul {
 	padding-bottom: 40px
 }

 .resultlist401 li {
 	padding: 15px 0;
 	border-top: 1px solid #d9d9d9;
 	border-bottom: 1px solid #d9d9d9;
 	margin-bottom: -1px;
 	position: relative !important;
 	top: auto !important
 }

 .resultlist401 h4 {
 	font-size: 16px;
 	line-height: 24px;
 	margin-bottom: 3%
 }

 .resultlist401 h4 em {
 	color: #da251d
 }

 .resultlist401 h4 a {
 	display: block
 }

 .resulttext401 {
 	overflow: hidden;
 	height: 72px;
 	color: #999
 }

 .resultlabel401 {
 	color: #999;
 	display: inline-block;
 	padding-top: 30px
 }

 .searchinputcont401 dt {
 	float: left;
 	width: 78%
 }

 .searchinputcont401 dd {
 	float: left;
 	width: 22%
 }

 .searchinputcont401 dt input {
 	width: 100%;
 	height: 40px;
 	line-height: 40px;
 	text-indent: 12px;
 	font-size: 15px;
 	color: #333;
 	background-color: #fff;
 	font-family: microsoft yahei
 }

 .searchinputcont401 dd input {
 	width: 100%;
 	height: 40px;
 	line-height: 40px;
 	font-weight: 700;
 	color: #fff;
 	cursor: pointer;
 	background-color: #d82019;
 	text-align: center;
 	font-family: microsoft yahei
 }

 .keywords {
 	color: #da251d
 }

 @media(min-width:768px) {
 	.searchtitle401 {
 		font-size: 24px
 	}

 	.resultlist401 h4 {
 		font-size: 20px;
 		margin-bottom: 2%
 	}

 	.searchimg401 {
 		float: left;
 		margin: 0 3% 0 0;
 		display: block;
 		width: 200px;
 		height: 150px;
 		overflow: hidden;
 		position: relative
 	}

 	.resultlist401 img {
 		position: absolute;
 		top: 50%;
 		left: 50%;
 		transform: translate(-50%, -50%);
 		-webkit-transform: translate(-50%, -50%);
 		-moz-transform: translate(-50%, -50%);
 		-ms-transform: translate(-50%, -50%);
 		-o-transform: translate(-50%, -50%);
 		max-width: 100%;
 		width: auto
 	}
 }

 @media(min-width:992px) {
 	.searchinputcont401 {
 		width: 45%;
 		margin: 0 auto
 	}

 	.searchinputcont401 dt input {
 		font-size: 18px
 	}

 	.searchinputcont401 dd input {
 		font-size: 18px;
 		font-weight: 700
 	}
 }

 .minimg-wrapper {
 	overflow: hidden;
 	position: relative
 }

 .product-table {
 	width: 100%;
 	overflow-x: auto;
 	padding-bottom: 10px
 }

 .prodatile-btn {
 	display: block;
 	width: 30px;
 	height: 100%;
 	top: 0;
 	position: absolute;
 	z-index: 5;
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-size: 30px;
 	transition: all ease .5s
 }

 .prodatile-prev {
 	background-image: url(img/prevho.png);
 	left: 0
 }

 .prodatile-next {
 	background-image: url(img/nextho.png);
 	right: 0
 }

 @media(min-width:1024px) {
 	.prodatile-btn {
 		background-size: 42px;
 		width: 50px
 	}

 	.prodatile-prev {
 		background-position-x: -50px
 	}

 	.prodatile-prev:hover {
 		background-position-x: 0
 	}

 	.prodatile-next {
 		background-position-x: 50px
 	}

 	.prodatile-next:hover {
 		background-position-x: 0
 	}
 }

 .footer-top {
 	padding-top: 10px
 }

 .footer-top ul li.li1 h3 {
 	padding: 10px 0;
 	position: relative;
 	border-bottom: 1px solid #ddd
 }

 .footer-top ul li.li1 h3 a {
 	color: #85868f
 }

 .footer-sub {
 	padding-bottom: 5px;
 	display: none
 }

 .footer-sub a {
 	display: block;
 	color: #999;
 	font-size: 13px;
 	padding: 5px 0
 }

 .footer-top ul li.li2 {
 	padding-top: 20px;
 	text-align: center
 }

 .footer-top ul li.li2 h3 {
 	margin-bottom: 20px
 }

 .footer-top ul li.li2 img {
 	max-width: 100%;
 	border: #dedede 1px dashed
 }

 .footer-top ul li.li2 .telnum {
 	padding-top: 14px;
 	font-size: 13px;
 	color: #34364b;
 	opacity: .7
 }

 .footer-top ul li.li2 .telnum a {
 	color: #34364b;
 	display: inline-block
 }

 .footer-top ul li.li2 .telnum a:hover {
 	color: #d82019;
 	opacity: 1
 }

 .plus.icon {
 	position: absolute;
 	right: 15px;
 	top: 11px;
 	color: #fff;
 	position: absolute;
 	margin-left: 3px;
 	margin-top: 10px
 }

 .plus.icon:before {
 	content: '';
 	position: absolute;
 	width: 15px;
 	height: 1px;
 	background-color: #333
 }

 .plus.icon:after {
 	content: '';
 	position: absolute;
 	width: 15px;
 	height: 1px;
 	background-color: #333;
 	-webkit-transform: rotate(90deg);
 	-ms-transform: rotate(90deg);
 	transform: rotate(90deg)
 }

 .footer-top ul li h3.cur .plus.icon:after {
 	opacity: 0
 }

 @media(min-width:1024px) {
 	.footer-top {
 		padding-top: 46px;
 		padding-bottom: 48px
 	}

 	.footer-top ul li {
 		padding-right: 1.2%;
 		float: left
 	}

 	.footer-top ul li.li1 h3 {
 		border-bottom: 0;
 		padding-top: 0
 	}

 	.footer-sub {
 		padding-bottom: 0;
 		display: block
 	}

 	.footer-sub a {
 		padding-top: 0;
 		color: #abacb7
 	}

 	.footer-sub a:hover {
 		color: #c61b2b
 	}

 	.footer-top ul li.li2 {
 		padding: 0;
 		text-align: right
 	}

 	.plus.icon:after,
 	.plus.icon:before {
 		opacity: 0
 	}

 	.footer-top ul li.li2 .telnum a {
 		padding: 0 0 0 2px
 	}
 }

 @media(min-width:1199px) {
 	.footer-top ul li {
 		padding-right: 2.7%
 	}
 }

 @media(min-width:1260px) {
 	.footer-top ul li {
 		padding-right: 3.1%
 	}

 	.footer-top ul li.li2 {
 		padding: 0 0 0 2%
 	}
 }

 .header-nav li h3 {
 	padding: 0 10px
 }

 .header-nav .sub-item.cur .three-btn:after {
 	border-top: 7px solid #b3b3b3;
 	border-left: 5px solid transparent;
 	border-right: 5px solid transparent
 }

 .header-nav .sub-item h4 {
 	position: relative;
 	border-bottom: 1px solid #d9d9d9;
 	padding: 0 15px
 }

 .header-nav .sub-item:last-child h4 {
 	border-bottom: 0
 }

 .header-nav .sub-nav {
 	background-color: #f2f2f2;
 	padding: 0
 }

 .header-nav .three-nav {
 	display: none;
 	background-color: #fafafa;
 	padding: 0 20px
 }

 .header-nav .three-btn {
 	display: block;
 	position: absolute;
 	right: 0;
 	top: 0;
 	cursor: pointer;
 	height: 36px;
 	width: 80%
 }

 .header-nav .three-btn:after {
 	content: '';
 	display: block;
 	width: 0;
 	height: 0;
 	border-top: 6px solid transparent;
 	border-left: 7px solid #b3b3b3;
 	border-bottom: 6px solid transparent;
 	position: absolute;
 	right: 13px;
 	top: 50%;
 	margin-top: -4px
 }

 @media(min-width:1024px) {
 	header {
 		border-bottom: 1px solid #e0e0e0;
 		box-shadow: none
 	}

 	.header-nav li {
 		position: relative
 	}

 	.header-nav li h3 {
 		padding: 0
 	}

 	.header-nav .sub-nav {
 		/* 	top:100px; */
 		background-color: #fff;
 		position: absolute;
 		width: 210px;
 		left: 50%;
 		transform: translateX(-50%);
 		display: none;
 		text-align: center;
 		border: 1px solid #e0e0e0;
 		border-top: 0
 	}

 	.header-nav li .sub-item a {
 		text-align: center
 	}

 	.header-nav .sub-item {
 		position: relative;
 		padding: 0 17px
 	}

 	.header-nav .sub-item:hover h4 a {
 		color: #d82019
 	}

 	.header-nav .sub-item:hover h4 .three-btn:after {
 		border-left-color: #d82019
 	}

 	.header-nav .sub-item h4 {
 		border-bottom: 1px solid #e0e0e0;
 		padding: 0
 	}

 	.header-nav .sub-item h4 a {
 		padding: 0;
 		white-space: nowrap;
 		-o-text-overflow: ellipsis;
 		text-overflow: ellipsis;
 		overflow: hidden;
 		line-height: 42px
 	}

 	.header-nav .three-nav {
 		position: absolute;
 		top: 0;
 		left: 208px;
 		width: 160px;
 		background-color: #fff;
 		text-align: center;
 		color: #666;
 		border: 1px solid #e0e0e0
 	}

 	.header-nav .three-nav a {
 		text-align: center
 	}

 	.header-nav .three-nav a:hover {
 		color: #d82019
 	}

 	.header-nav .three-btn {
 		height: 43px
 	}

 	.header-nav .three-btn:after {
 		margin-top: -8px
 	}
 }

 .loadingmore {
 	display: block;
 	width: 100%;
 	font-size: 14px;
 	background: #d82019;
 	height: 40px;
 	line-height: 40px;
 	color: #fff;
 	text-align: center;
 	-webkit-transition: all ease .5s;
 	-o-transition: all ease .5s;
 	-moz-transition: all ease .5s;
 	transition: all ease .5s
 }

 .loadingmore:hover {
 	background-color: #e85a55
 }

 @media(min-width:1024px) {
 	.loadingmore {
 		height: 50px;
 		line-height: 50px;
 		font-size: 16px
 	}
 }

 .contact-clumb-box .Dealerbtn {
 	margin-bottom: 8px;
 	width: 182px
 }

 @media(min-width:1024px) {
 	.contact-clumb-box {
 		width: 253px
 	}

 	.contact-clumb-box .Dealerbtn {
 		width: 253px;
 		float: right
 	}
 }

 .ebsgovicon img {
 	height: 59px !important;
 	width: auto !important
 }

 .pages {
 	clear: both;
 	margin: 0 auto;
 	padding-top: 0;
 	overflow: hidden;
 	text-align: center;
 	font-size: 14px;
 	border-top: 5px solid #f4f5f6
 }

 .pages ul li {
 	display: inline-block;
 	border: 1px solid #ccc;
 	padding: 6px 15px;
 	margin: 0 1px;
 	line-height: 24px;
 	background: #fff;
 	color: #999;
 	border-radius: 2px
 }

 .pages ul li:hover {
 	background: #d82019;
 	color: #fff;
 	border: 1px solid #d82019
 }

 .pages ul li:hover a {
 	color: #fff
 }