@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
	box-sizing: border-box;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	position: relative;
}
/* always display scrollbars */
body {
	font: 12px/1.8 "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "微软正黑体", "Microsoft JhengHei", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
	margin: 0 auto;
	color: #989898;
	background-color: #fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
strong {
	font-weight: bold;
}
img {
	border: 0;
}
input {
	outline: none;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
	border-radius: 0;
}
textarea {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}
::-moz-selection {
background: #104594;
color: #fff;
text-shadow: none;
}
::selection {
	background: #104594;
	color: #fff;
	text-shadow: none;
}
select {
	outline: none;
}
select::-ms-expand {
display: none;
}
a {
	text-decoration: none;
blr: expression(this.onFocus=this.blur());
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:link, a:visited {
	text-decoration: none;
}
a:active, a:hover {
	text-decoration: none;
	outline: none;
}
a:focus {
	text-decoration: none;
	outline: 0;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}
.fc {
	text-align: center;
}
.fr {
	text-align: right;
}
.l {
	float: left;
	display: inline-block;
}
.r {
	float: right;
	display: inline-block;
}
.vt {
	vertical-align: top;
        width: 100%;
}
.vm {
	vertical-align: middle;
}

.lx img{ width: 40px; height: 40px; margin: -5px 5px 0 0;}
.inner {
	width: 1100px;
	margin: 0px auto;
}
.trans3 {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.trans4 {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.trans6 {
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.topBox {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	color: #fff;
	z-index: 1000;
}
.topBox a:link, .topBox a:visited {
	color: #000;
	display: block;
}
.topBox a:active, .topBox a:hover {
	color: #104594;
}
.top {
	height: 80px;
	position: relative;
	z-index: 2;
	background-color: rgba(255,255,255,0.92);
	box-shadow: 1px 1px 2px #ccc;
}
.logo {
	float: left;
	display: block;
	padding: 5px 0px;
	margin-left: 32px;
	width: 230px;
	overflow: hidden;
}
.logo img {
	/* width: 100%; */
	height: 100%;
	display: block;
}
.logoBox {
	width: 15%;
	float: left;
	display: block;
}
.nav {
	float: left;
	display: block;
	border-left: 1px solid #e0e0e0;
	width: 888px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.nav li {
	float: left;
	display: block;
	width: 97px;
	height: 80px;
	line-height: 80px;
	font-size: 15px;
	text-align: center;
	position: relative;
	border-right: 1px solid #e0e0e0;
}
.nav ul li>a {
	display: block;
	width: 100%;
	height: 100%;
}
.nav a.act {
	color: #104594;
}
.nav li i {
	display: block;
	width: 0;
	height: 2px;
	background-color: #104594;
	position: absolute;
	bottom: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.nav li:hover i {
	width: 100%;
}
.tel {
	width: 140px;
	height: 80px;
	text-align: right;
	line-height: 80px;
	color: #666;
	font-size: 18px;
	font-family: "Arial";
	overflow: hidden;
	margin-right: 100px;
	background: url(../images/tel.png) no-repeat 0 center
}
.menu-handler {
	display: block;
	width: 100%;
	height: 80px;
	cursor: pointer;
	position: relative;
	transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.menu-handler .menu-txt {
	display: none;
	width: 100%;
	height: 100%;
}
.menu-handler:hover .menu-txt, .menu-handler.active .menu-txt {
	display: block;
	background: url(../images/nav_icon_hover.png) no-repeat center center;
}
.menu-handler:hover .burger, .menu-handler.active .burger {
	display: none;
}
.menu-handler .burger {
	width: 30px;
	height: 2px;
	background: #104594;
	display: block;
	position: absolute;
	z-index: 5;
	top: 24px;
	left: 50%;
	margin: 0px 0px 0px -15px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}
.menu-handler .burger-2 {
	top: 34px;
}
.menu-handler .burger-3 {
	top: 44px;
}

.menu-handler:hover, .menu-handler.active {
	background-color: #104594;
}
.menu-handler:hover .burger {
	background: #fff;
}
#menu-moible-handler {
	width: 65px;
	height: 65px;
}
#menu-moible-handler .menu-txt {
	line-height: 56px;
}
#menu-moible-handler .burger {
	height: 3px;
	width: 30px;
	top: 18px;
	margin-left: -15px;
}
#menu-moible-handler .burger-2 {
	top: 28px;
}
#menu-moible-handler .burger-3 {
	top: 38px;
}
#menu-moible-handler.active .burger-1, #menu-moible-handler.active .burger-3 {
	top: 28px;
}



.footer{width:100%; height:50px; position:fixed; bottom:0; background-color:#4bb344; max-width:640px; z-index:999; display:-webkit-flex; display:none;}

.footer a{flex-grow:1; text-align:center; font-size:12px; color:#fff; background-repeat:no-repeat; background-position:center 8px;}

.footer a+a{border-left:1px solid #fff;}

.footer a span{display:block; padding-top:28px;}


/*banner*/
.bannerpanel {
	position: relative;
}
.banner {
	position: relative;
	width: 100%;
	height:100%;
	overflow: hidden;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.banneritem {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banneritem .pic {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
}
.banneritem .pic video {
	width: 100%;
}
.banneritem .imgIn img {
	visibility: visible !important;
	-webkit-animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
 @-webkit-keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
 @keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
.banneritem .pic img {
	width: 100%;
	display: block;
}
.banerBtns {
	height: 11px;
	bottom: 80px;
	position: absolute;
	width: 100%;
	left: 0px;
	z-index: 99;
	text-align: center;
	display: none;
}
.banerBtns span {
	height: 11px;
	line-height: 11px;
	width: 11px;
	margin: 0px 6px;
	display: inline-block;
	overflow: hidden;
	background: url(../images/num_1.png) no-repeat scroll center center;
	cursor: pointer;
	opacity: 0;
}
.banerBtns span.cur {
	background: url(../images/num_2.png) no-repeat scroll center center;
}
.bannerfont {
	text-align: center;
	width: 430px;
	position: absolute;
	z-index: 1000;
	left: 50%;
	top: 50%;
	height: 300px;
	margin: -230px 0px 0px -215px;
	transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */
	-webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */
	-o-transition: all 0.2s ease-in-out 0s; /* Opera */
}
.bannerfont .fone {
	height: 78px;
	position: absolute;
	left: 0px;
	top: 154px;
	width: 100%;
	display: none;
}
.bannerfont .ftwo {
	height: 76px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: none;
}
.trans, .trans:hover {
	-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.trans-fast, .trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}
.pc-menu {
	position: absolute;
	right: 0px;
}
.pc-menu li {
	float: left;
	display: block;
}
.pc-menu li.nav-toggle {
	width: 70px;
}

.pc-navbox {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	background-color: rgba(68, 169, 47, 0.94);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	display: none;
}
.pc-nav-menu {
	width: 888px;
	margin: auto;
	padding: 0px 0 40px;
}
.pc-nav-menu dd {
	float: left;
	display: block;
	width: 110px;
	font-size: 15px;
	text-align: center;
}
.pc-nav-menu dd p {
	margin-bottom: 10px;
}
.pc-nav-menu dd p a{
	color: #fff !important;
}
.pc-nav-menu a:hover {
	text-decoration: underline;
}
.pc-nav-menu .lin1 {
}
.pc-nav-menu .homeBox {
	display: block;
	padding-top: 25px;
}
.homeico {
	background: url(../images/home.png) no-repeat scroll left center;
	/*padding-left: 30px;*/
	display: inline-block;
}
.pc-nav-menu .line {
	display: block;
	height: 1px;
	width: 58px;
	margin-bottom: 25px;
}
.nav-foot {
	position: relative;
	margin: 0px 24%;
	padding: 36px 0px;
}
.sharpbox a {
	float: left;
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 9px;
}
.sharpbox a.a5 {
	margin-right: 0px;
}
.sharpbox a .i {
	background: url(../images/sharp.png) no-repeat;
	width: 28px;
	height: 28px;
	display: block;
}
.sharpbox a.a1 .i {
	background-position: 0px 0px;
}
.sharpbox a.a2 .i {
	background-position: -46px 0px;
}
.sharpbox a.a3 .i {
	background-position: -92px 0px;
}
.sharpbox a.a4 .i {
	background-position: -140px 0px;
}
.nav-foot .sharpbox {
	float: right;
}
.nav-foot .sharpbox a:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.menuBox-logo .logo {
	margin-left: 0px;
}
.moible-menu {
	float: right;
	display: none;
}
.moible-menu li {
	float: left;
	display: block;
	width: 56px;
	height: 56px;
}
.moible-menu li.shop-toggle {
	width: 70px;
	position: relative;
}
.pusher-black {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0.5);
	display: none;
	z-index: 900;
}
.menuBox {
	background-color: #f1f1f1;
	color: #9d9d9d;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 584px;
	height: 100%;
	z-index: 910;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transform: translate(570px, 0px);
	-moz-transform: translate(584px, 0px); /* Firefox 4 */
	-webkit-transform: translate(584px, 0px); /* Safari and Chrome */
	-o-transform: translate(584px, 0px); /* Opera */
	transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.no-csstransforms3d .menuBox {
	display: none;
}
.menuBox-logo {
	padding: 0px 30px;
}
.navMobile {
	padding: 40px 0px;
}
.nav-link:before {
	content: "";
	width: 18px;
	height: 12px;
	position: absolute;
	right: 5%;
	margin-top: -6px;
	top: 50%;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	background-position: center center;
	background-repeat: no-repeat;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.navMobile .item {
	padding: 12px 30px;
	display: block;
	position: relative;
	font-size: 16px;
	line-height: 1.4;
	color: #5b5b5b;
}
.navMobile li.active .item {
	color: #fff;
	background-color: #104594;
}
.navMobile .subnav {
	display: none;
	background-color: #ffffff;
	padding: 20px 0px;
}
.navMobile .subnav a {
	color: #828282;
	display: inline-block;
	margin: 0px 10px 6px 30px;
}
.navMobile .subnav a:hover {
	color: #104594;
	text-decoration: underline;
}
.navMobile li.active .nav-link:before {
	background-image: url(../images/m_ico2.png);
}
.menuOpen .topBox {
	transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.menuOpen .pusher-black {
	display: block;
}
.mobile-foot {
	padding: 40px 30px;
	border-top: 1px solid #d8d8d8;
}
.mobile-foot .sharpbox {
	margin-bottom: 18px;
}
.mobile-foot a:link, .mobile-foot a:visited {
	color: #9d9d9d;
}
.mobile-foot a:active, .mobile-foot a:hover {
	color: #104594;
}
.menubg {
	background: url(../images/black.png) repeat;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 930;
	width: 100%;
	height: 100%;
	display: none;
	cursor: url("../images/close-icon.ico") 16 16, default;
}
.touchevents .menubg {
	cursor: pointer;
}
.mtop {
	height: 80px;
}
/*footer*/
.linkBox a:link, .linkBox a:visited {
	color: #888;
}
.linkBox a:active, .linkBox a:hover {
	color: #108708;
	text-decoration: underline;
}
.linkBox {
	color: #888;
	padding: 40px 0px 30px;
	background-color: #FFF;
	border-bottom: 1px solid #89ec82;
}
.linkBox dd {
	float: left;
	display: block;
}
.f14 {
	font-size: 14px;
}
.linkBox .lin1 {
	width: 16%;
}
.linkBox .lin2 {
	width: 35%;
}
.linkBox .lin2 h3 {
	font-size: 20px;
}
.linkBox .lin2 h3 span {
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: relative;
	top: -12px;
}
.linkBox .lin2 p {
	line-height: 26px;
	margin-top: 10px;
}
.linkBox .lin3 {
	width: 25%;
	text-align: right;
	font-size: 14px;
	margin-top: 45px;
}
.linkBox .linkP span {
	padding: 0px 8px;
}
.linkBox a.logo2 {
	color: #014DA1;
}
a.logo2 {
	width: 112px;
	display: block;
	font-size: 16px;
	color: #014da1;
}
a.logo2 img {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.linkBox .lin2 .f14 {
	line-height: 1;
	margin-bottom: 8px;
}
.email {
	text-transform: uppercase;
}
.email-pl {
	padding-left: 48px;
}
.linkBox .sharpbox {
	float: right;
	display: block;
	margin-bottom: 65px;
}
.linkBox .sharpbox a:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.linkImg {
	padding: 28px 0px 34px;
	border-top: 1px solid #dddddd;
	text-align: center;
}
.linkImg .img {
	margin: 0px 10px;
	vertical-align: middle;
}
.foot {
	background-color: #fff;
	color: #888;
	padding: 15px 0px 50px;
	border-top: 1px solid #89ec82;
}
.foot a:link, .foot a:visited {
	color: #f4f4f4;
}
.foot a:active, .foot a:hover {
	color: #fff;
}
.foot span {
	display: block;
}
.backTop {
	background: url(../images/backtop.png) no-repeat scroll center center;
	background: none rgba(203,203,203,1);
	border-radius: 50%;
	width: 72px;
	height: 72px;
	position: fixed;
	bottom: 5%;
	right: -76px;
	z-index: 1000;
	text-align: center;
	cursor: pointer;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.backTop .ico {
	background: url(../images/backtop_ico.png) no-repeat scroll center 15px;
	padding-top: 40px;
	display: block;
	font-size: 14px;
	color: #494949;
}
.backTop.showme {
	right: 12px;
	transform: scale(1) rotate(-360deg) translate(0px);
	-webkit-transform: scale(1) rotate(-360deg) translate(0px);
	-moz-transform: scale(1) rotate(-360deg) translate(0px);
	-o-transform: scale(1) rotate(-360deg) translate(0px);
}
.backTop:hover {
	background: none rgba(117,182,41,1);
}
/*footer end*/

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-loading .slick-list {
	background: #00865e url(../images/loader.gif) center center no-repeat;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
/* Arrows */
.slick-prev, .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
}
/* Dots */
.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer;
	outline: none;
}
.slick-dots li button:focus {
	outline: none;
}
 @-webkit-keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
 @keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
*display: inline; /*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100); /*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline; /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(../images/ajaxloader.gif) no-repeat center center;
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px;
}
/* fade */
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}
.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
 0% {
opacity: 1;
}
}
 @-moz-keyframes empty {
 0% {
opacity: 1;
}
}
 @keyframes empty {
 0% {
opacity: 1;
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-moz-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-webkit-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @-moz-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @-webkit-keyframes backSlideOut {
 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
 @-moz-keyframes backSlideOut {
 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
 @keyframes backSlideOut {
 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
 @-webkit-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
 @-moz-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
 @keyframes backSlideIn {
 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
 @-webkit-keyframes scaleToFade {
 to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
 @-moz-keyframes scaleToFade {
 to {
opacity: 0;
-moz-transform: scale(.8);
}
}
 @keyframes scaleToFade {
 to {
opacity: 0;
transform: scale(.8);
}
}
 @-webkit-keyframes goDown {
 from {
-webkit-transform: translateY(-100%);
}
}
 @-moz-keyframes goDown {
 from {
-moz-transform: translateY(-100%);
}
}
 @keyframes goDown {
 from {
transform: translateY(-100%);
}
}
 @-webkit-keyframes scaleUpFrom {
 from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
 @-moz-keyframes scaleUpFrom {
 from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
 @keyframes scaleUpFrom {
 from {
opacity: 0;
transform: scale(1.5);
}
}
 @-webkit-keyframes scaleUpTo {
 to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
 @-moz-keyframes scaleUpTo {
 to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
 @keyframes scaleUpTo {
 to {
opacity: 0;
transform: scale(1.5);
}
}
/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #8cc227;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 0%;
	background: url(../images/a_l3.png) no-repeat 0 bottom;
}
.bx-wrapper .bx-next {
	right: 0%;
	background: url(../images/a_r3.png) no-repeat right bottom;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 top;
}
.bx-wrapper .bx-next:hover {
	background-position: right top;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	outline: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	z-index: 600;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0; /*background: url(../images/controls.png) -86px -11px no-repeat;*/
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0; /*background: url(../images/controls.png) -86px -44px no-repeat;*/
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	width: 100%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/*base style*/
/*index style*/
.transYT {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transYT2 {
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transXT {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transXT2 {
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.action.transYT {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transYT2 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT2 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	line-height: 2;
	font-size: 14px;
}
.dly_1 {
	transition-delay: 100ms;
	-webkit-transition-delay: 100ms;
}
.dly_2 {
	transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
}
.dly_3 {
	transition-delay: 300ms;
	-webkit-transition-delay: 300ms;
}
.dly_4 {
	transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
}
.dly_5 {
	transition-delay: 500ms;
	-webkit-transition-delay: 500ms;
}
.dly_6 {
	transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
}
.dly_7 {
	transition-delay: 700ms;
	-webkit-transition-delay: 700ms;
}
.dly_8 {
	transition-delay: 800ms;
	-webkit-transition-delay: 800ms;
}
.binbox {
	position: absolute;
	width: 84%;
	left: 8%;
	bottom: 0px;
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
	height: 96px;
	-webkit-transform-origin: center bottom 0;
	-ms-transform-origin: center bottom 0;
	transform-origin: center bottom 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: transform 0.4s ease 0s;
	-webkit-transition: transform 0.4s ease 0s;
	-ms-transition: transform 0.4s ease 0s;
}
.binboxAct {
	-webkit-transform: perspective(600px) rotateX(90deg);
	-ms-transform: perspective(600px) rotateX(90deg);
	transform: perspective(600px) rotateX(90deg);
	transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s;
	-webkit-transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s;
	-ms-transition: visibility 0.4s steps(1, end) 0s, transform 0.4s ease 0s;
	visibility: hidden;
}
.no-transition .binboxAct {
	transition: none 0s ease 0s;
}
.boxC {
	width: 90%;
	position: absolute;
	left: 5%;
	top: 28%;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.boxC p {
	overflow: hidden;
}
.boxC .en {
	overflow: hidden;
	font-size: 40px;
	line-height: 1;
	font-weight: bold; /* font-family: "pf_din_text_comp_probold";*/
}
.boxC .zh {
	font-size: 35px;
	line-height: 1;
	overflow: hidden;
	margin: 20px 0px 30px;
s;
}
.boxC .moreBox {
	line-height: 1.5;
}
.boxC .moreBox .bot {
	width: 120px;
	height: 2px;
	overflow: hidden;
	background-color: #fff;
	margin: 0px auto 3%;
	display: block;
}
.boxC .en span, .boxC .zh span {
	display: block;
	opacity: 0;
	transform: translate(0px, 100%);
	-webkit-transform: translate(0px, 100%);
}
.boxC .moreBox {
	display: block;
	opacity: 0;
	transform: translate(0px, 50%);
	-webkit-transform: translate(0px, 50%);
}
.slick-active .boxC .en span {
	-moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
	-o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
	-ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
}
.slick-active .boxC .zh span {
	-moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
	-o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
	-ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s;
}
.slick-active .boxC .moreBox {
	-moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s;
	-o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s;
	-ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.5s;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s;
}
.slick-active .boxC .zh span, .slick-active .boxC .en span, .slick-active .boxC .moreBox {
	opacity: 1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}
.bgf4 {
	background-color: #f4f4f4;
}
.aboutIbox {
	padding: 70px 0px 80px;
	overflow: hidden;
	background: url(../images/about_bg.png) no-repeat center bottom 0 #f4f4f4;
}
.iboxT {
	text-align: center;
}
.iboxT .t {
	color: #104594;
	font-size: 36px;
	line-height: 1.2;
}
.iboxT .by {
	color: #4c4c4c;
	font-size: 24px;
}
.iboxT .line {
	height: 2px;
	width: 120px;
	display: block;
	margin: 40px auto 0px;
	background-color: #4C4C4C;
}
.iboxT .line2 {
	width: 368px;
	position: relative;
	padding: 8px 0px;
	margin: 0px auto;
	color: #4c4c4c;
	font-size: 14px;
}
.iboxT .line2 .txt {
	padding: 0px 20px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}
.iboxT .line2 .xian {
	height: 1px;
	background-color: #e9e9e9;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
}
.aboutIc {
	width: 900px;
	margin: 3% auto 5%;
	text-align: center;
}
.aboutIList a:link, .aboutIList a:visited {
	color: #4c4c4c;
}
.aboutIList a:active, .aboutIList a:hover {
	color: #104594;
}
.aboutIList {
	width: 552px;
	margin: 0px auto;
}
.aboutIList li {
	float: left;
	display: block;
	padding: 0px 40px 20px;
	line-height: 1.2;
}
.aboutIList a {
	margin: 0px auto;
	display: block;
	text-align: center;
}
.aboutIList .img {
	width: 60px;
	height: 60px;
	position: relative;
	display: block;
	margin: 0px auto;
}
.aboutIList .y1 {
	background: url(../images/ico.png) no-repeat scroll right 0px;
}
.aboutIList .y2 {
	background: url(../images/ico.png) no-repeat scroll right -60px;
}
.aboutIList .y1, .aboutIList .y2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
	z-index: 1;
}
.aboutIList .y2 {
	opacity: 0;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	visibility: hidden;
}
.aboutIList .ico {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/ico.png) no-repeat;
	z-index: 3; /* -webkit-transition: 0.4s ease 0s;transition: 0.4s ease 0s;*/
}
.aboutIList .i1 {
	background-position: 0px 0px;
}
.aboutIList .i2 {
	background-position: -60px 0px;
}
.aboutIList .i3 {
	background-position: -120px 0px;
}
.aboutIList .zh {
	color: #4c4c4c;
	padding-top: 10px;
}
.aboutIList .en {
	color: #848484;
}
.aboutIList a:hover .i1 {
	background-position: 0px -60px;
}
.aboutIList a:hover .i2 {
	background-position: -60px -60px;
}
.aboutIList a:hover .i3 {
	background-position: -120px -60px;
}
.aboutIList a:hover .y1 {
	opacity: 0;
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
}
.aboutIList a:hover .y2 {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	visibility: visible;
}
.aboutIList a:hover .zh {
	color: #9D9D9D;
}
.aboutIList a:hover .en {
	color: #c7c7c7;
}
.aboutIList a:hover {
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
.yellow_80 {
	background: url(../images/yellow_80.png) repeat;
	background: none rgba(230,180,0,0.8);
}
.more-line {
	width: 37px;
	height: 37px;
	display: block;
	position: relative;
}
.more-line .line {
	display: block;
	background: #fff;
	position: absolute;
	transition: 400ms;
	-webkit-transition: 400ms;
	opacity: 0;
	visibility: hidden;
}
.more-line .line-1 {
	width: 37px;
	height: 1px;
	top: 50%;
	right: 0px;
	margin-top: -1px;
	transform: translateX(30px);
	-webkit-transform: translateX(30px);
}
.more-line .line-2 {
	width: 1px;
	height: 37px;
	top: 50%;
	margin-top: -18px;
	right: 18px;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
}
/*products*/
.main {
	padding: 80px 0;
	overflow: hidden;
}
.main_box {
	margin-top: 50px;
}
.products .pro_box ul li {
	width: 48%;
	margin:  0.5%;
	float: left;
}
.products .pro_box ul li .pro_left {
	width: 40%;
	height: 180px;
	/*background-color: #104594;*/
	
	background-color: #108708;
	position: relative;
}
.products .pro_box ul li .pro_left .icon {
	width: 97px;
	height: 76px;
	position: absolute;
	left: 5%;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../images/pro_icon_1.png);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.products .pro_box ul li .pro_left .icon_2 {
	background: url(../images/pro_icon_2.png);
}
.products .pro_box ul li .pro_left .txt {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 45%;
	height: 50px;
	margin: auto;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.products .pro_box ul li .pro_left p {
	font-size: 16px;
	color: #fff;
}
.products .pro_box ul li .pro_left i {
	display: block;
	height: 1px;
	width: 100%;
	background-color: #fff;
}
.products .pro_box ul li .pro_left span {
	color: #ececec;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.products .pro_box ul li .pro_right {
	width: 60%;
	height: 180px;
	overflow: hidden;
	background-color: #104594;
}
.products .pro_box ul li .pro_right img {
	width: 100%;
	/*height: 100%;*/
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease
}
.products .pro_box ul li:hover .pro_left .icon {
	left: 60%
}
.products .pro_box ul li:hover .pro_left .txt {
	left: 10%
}
.products .pro_box ul li:hover .pro_right img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
/*优势*/
.advantage .advantage_box {
	width: 50%;
	position: relative;
}
.advantage .advantage_box .img {
	width: 100%;
}
.advantage .advantage_box .img img {
	width: 100%;
	display: block;
}
.advantage_box .con {
	width: 688px;
	position: absolute;
	z-index: 9;
	top: 0;
	right: 0;
	padding: 100px 20px 0;
}
.advantage_box .con .con_t {
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.advantage_box .con ul li {
	float: left;
	width: 25%;
	margin-top: 80px;
	text-align: center;
	cursor: pointer;
}
.advantage_box .con ul li .icon {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.advantage_box .con ul li p {
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.advantage_box .con ul li:hover .icon {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}
.advantage_box .con ul li:hover p {
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}
.advantage .video_box {
	width: 50%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.advantage .video_box img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.video_box .con {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.video_box .video_icon {
	width: 83px;
	height: 83px;
	margin: auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: url(../images/bg6.png);
}
.video_box p {
	width: 100%;
	text-align: center;
	color: #fff;
	margin-top: 20px;
	font-size: 26px;
}
.video_box:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.video_box:hover .video_icon {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
.video_big {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1010;
	background: rgba(0,0,0,0.6)
}
.video_big .close {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	background: url(../images/close-icon.ico)
}
.video_big video {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}


/*新闻*/
.news_box ul li {
	position: relative;
	width: 23%;
	margin: 0 1%;
	background: #f8f9fa;
	border: 2px solid rgba(0,0,0,0);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	float: left;
}
.news_box ul li .img {
	width: 100%;
}
.news_box ul li .img img {
	width: 100%;
	display: block;
}
.news_box ul li .txt {
	width: 100%;
	height: 90px;
	padding-top: 8px;
}
.news_box ul li .txt .time {
	width: 40px;
	padding-top: 9px;
	margin-left: 18px;
	font: 12px/16px Arial;
	color: #0e40b9;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.news_box ul li .txt .time .day {
	font: 36px/34px Impact;
	color: #0c4da2;
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box ul li .txt .time .month {
	width: 100%;
}
.news_box ul li .txt .time .line {
	width: 23px;
	height: 1px;
	background: #d9d9da;
	margin: 2px 0 0 8px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box ul li .txt .detail {
	width: 76%;
	padding-right: 16px;
	font-size: 11px;
	line-height: 18px;
	color: #a1a1a1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box ul li .txt .detail p.fz14 {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box ul li:hover {
	color: #fff;
	background-color: #104594;
	border: 2px solid #042cb3;
}
.news_box ul li:hover .txt .time .day, .news_box ul li:hover .txt .time .month, .news_box ul li:hover .txt .detail, .news_box ul li:hover .txt .detail p.fz14 {
	color: #fff;
}
.news_box ul li:hover .txt .time .line {
	background-color: #fff;
}


/*合作客户*/
.news_box1 ul li {
	position: relative;
	width: 12%;
	margin: 0 1%;
	background: #f8f9fa;
	border: 2px solid rgba(0,0,0,0);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	float: left;
}
.news_box1 ul li .img {
	width: 100%;
}
.news_box1 ul li .img img {
	width: 100%;
	display: block;
}
.news_box1 ul li .txt {
	width: 100%;
	height: 90px;
	padding-top: 8px;
}
.news_box1 ul li .txt .time {
	width: 40px;
	padding-top: 9px;
	margin-left: 18px;
	font: 12px/16px Arial;
	color: #0e40b9;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.news_box1 ul li .txt .time .day {
	font: 36px/34px Impact;
	color: #0c4da2;
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box1 ul li .txt .time .month {
	width: 100%;
}
.news_box1 ul li .txt .time .line {
	width: 23px;
	height: 1px;
	background: #d9d9da;
	margin: 2px 0 0 8px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box1 ul li .txt .detail {
	width: 76%;
	padding-right: 16px;
	font-size: 11px;
	line-height: 18px;
	color: #a1a1a1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box1 ul li .txt .detail p.fz14 {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box1 ul li:hover {
	color: #fff;
	background-color: #104594;
	border: 2px solid #042cb3;
}
.news_box1 ul li:hover .txt .time .day, .news_box1 ul li:hover .txt .time .month, .news_box1 ul li:hover .txt .detail, .news_box1 ul li:hover .txt .detail p.fz14 {
	color: #fff;
}
.news_box1 ul li:hover .txt .time .line {
	background-color: #fff;
}


/*案例*/
.newArrivalsIbox {
}
.newArrivalsIbox a:link, .newArrivalsIbox a:visited {
	color: #a3a3a3;
}
.newArrivalsIbox a:active, .newArrivalsIbox a:hover {
	color: #fff;
}
.productIbox {
}
.productIbox .item {
	width: 400px;
	margin: 0px 7px;
	overflow: hidden;
}
.productIbox .itemCon {
	display: block;
	position: relative;
}
.productIbox .itemCon .img {
	width: 100%;
	border-radius: 8px;
	display: block;
}
.productIbox .itemCon .mask {
	display: block;
	position: absolute;
	left: 2%;
	top: 2%;
	width: 96%;
	height: 96%;
	border-radius: 8px;
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	opacity: 0;
	visibility: hidden;
	background: rgba(16,69,148,0.5);
}
.productIbox .itemCon .more-line {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px 0px 0px -18px;
}
.productIbox .itemCon p {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 9;
	bottom: 10%;
	color: #fff;
	left: -100%;
	font-size: 16px;
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
}
.productIbox .item:hover .mask {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.productIbox .item:hover p {
	left: 0;
}
.productIbox .item:hover .more-line .line {
	transform: translate(0);
	-webkit-transform: translate(0);
	visibility: visible;
	opacity: 1;
	transition: 300ms ease-in 200ms;
	-webkit-transition: 300ms ease-in 200ms;
}
.productIbox .slick-arrow {
	width: 74px;
	height: 74px;
	display: block;
	border-radius: 50px;
	background: url(../images/img_btn.png) no-repeat scroll center center;
	top: 50%;
	margin-top: -37px;
	z-index: 100;
}
.productIbox .slick-arrow:hover {
	background-image: url(../images/img_btn2.png);
}
.productIbox .slick-arrow i {
	background: url(../images/img_l.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	display: block;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.productIbox .slick-prev {
	left: 3%;
	transform: translateX(30px);
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	opacity: 0;
}
.productIbox .slick-next {
	right: 3%;
	transform: translateX(-30px);
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	opacity: 0;
}
.productIbox .slick-prev i {
	background-image: url(../images/img_l.png);
}
.productIbox .slick-next i {
	background-image: url(../images/img_r.png);
}
.productIbox:hover .slick-prev, .productIbox:hover .slick-next {
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	opacity: 1;
}
.productIbox-more {
	padding: 50px 0px 0;
}
.more {
	display: block;
	width: 264px;
	height: 36px;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	border: 1px solid #6c6c6c;
	margin: 0px auto;
	position: relative;
	color: #666;
}
.more .ico {
	position: absolute;
	right: 10%;
	color: #000;
	top: 0%;
	height: 100%;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.more:hover {
	border: 2px solid #75b629;
	color: #fff;
	background-color: #75b629;
}
.more:hover .ico {
	right: 5%;
	color: #fff;
}
/*技术支持*/
.technology {
	overflow: hidden;
	padding-bottom: 0;
}
.tech_box ul li {
	overflow: hidden;
	background-color: #fafafa;
}
.tech_box ul li a {
	color: #454545;
}
.tech_box ul li .text {
	width: 50%;
	padding-top: 4%;
	text-align: center;
	overflow: hidden;
}
.tech_box .text i {
	display: block;
	width: 60px;
	height: 60px;
	margin: auto;
	background: url(../images/tech_icon_1.png);
}
.tech_box .text i:hover {
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
.tech_box .text .p_t {
	font-size: 20px;
	color: #104594;
	margin: 8px auto;
}
.tech_box .text .p_txt {
	font-size: 16px;
}
.tech_box ul li .img {
	width: 50%;
	overflow: hidden;
}
.tech_box ul li .img img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.tech_box ul li:hover .img img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
/*右边漂浮*/
.online_float {
	position: fixed;
	right: 10px;
	bottom: 100px;
	z-index: 9999999;
}
.online_float span {
	display: block;
	width: 90px;
	height: 156px;
	position: absolute;
	top: -115px;
	left: -20px;
	animation: bounce 2s linear 0s infinite;
	-moz-animation: bounce 2s linear 0s infinite;
	-webkit-animation: bounce 2s linear 0s infinite;
	-o-animation: bounce 2s linear 0s infinite;
	background: url(../images/map_ico.png) no-repeat;
}
.online_float ul li {
	width: 70px;
	height: 60px;
	text-align: center;
	font-size: 14px;
	background-color: rgb(16, 69, 148);
	border-radius: 5px;
	margin-bottom: 3px;
	position: relative;
	z-index: 9;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.online_float ul li:hover {
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	transform: translateX(-5px);
}
.online_float ul li.li_6 {
	background-color: #bd1d21;
}
.online_float ul li .hi {
	width: 150px;
	position: absolute;
	height: 60px;
	right: 75px;
	top: 0;
	display: none;
}
.online_float ul li .hi p {
	border-radius: 5px;
	height: 60px;
	background-color: #75b629;
	font-size: 16px;
	color: #fff;
	line-height: 60px;
}
.online_float ul li.li_5 .hi {
	width: 100px;
	position: absolute;
	height: 100px;
	right: 65px;
	top: 0;
	background-color: #75b629;
	border-radius: 5px;
	display: none;
}
.online_float ul li a {
	display: block;
	height: 100%;
	color: #fff;
	padding-top: 10px;
	font-size: 12px;
}
.online_float ul li img {
	display: block;
	margin: auto;
}
/*index style end*/
.pbanner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.pbanner .bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #4C4C4C;
}
.pbanner .img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
}
.sub_menu {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #104594;
}
.sub_menu.fixed {
	position: fixed;
	top: 80px;
	z-index: 99;
	background-color: rgba(16,69,178,0.8);
}
.sub_menu a {
	color: #fff;
	display: inline-block;
	padding: 0 25px;
	font-size: 14px;
	box-sizing: border-box;
	background: url("../images/bg_line03.png") no-repeat right center;
}
.sub_menu a.cur {
	border-bottom: 2px solid #75b629;
}
/*about style*/
.w1132 {
	width: 1100px;
	margin: 0px auto;
}
.aboutPage1 {
	padding: 60px 0px;
	background-color:#fafafa;
}
.pboxT {
	text-align: center;
}
.pboxT .t {
	font-size: 24px;
	padding: 5px 0px 0;
	line-height: 1.2;
	color: #104594;
}
.pboxT .by {
	font-size: 20px;
	color: #333333;
}
.pboxT .byEn {
	color: #c8c8c8;
	text-transform: uppercase;
	font: 32px/1.1 "futura_lightregular", "times new roman", "microsoft yahei"
}
.pageC a:link, .pageC a:visited {
	color: #104594;
}
.pageC a:active, .pageC a:hover {
	color: #014DA1;
}
.pageC .img, .pageC .text {
	width: 48%;
}
.pageC img {
	max-width: 100%;
}
.pageC .text p {
	line-height: 2;
	text-indent:2em;
}
.pageC {
	font-size: 14px;
	color: #727272;
	margin-top: 60px;
}
.f18 {
	font-size: 18px;
}
.about-t {
	font: italic 30px/1.4 arial, helvetica, sans-serif;
	font-weight: bold;
}
.pageDL dd {
	float: left;
	display: block;
	width: 46%;
	line-height: 2;
}
.pageDL dd.item1 {
	border-right: 1px solid #ccc;
	padding-right: 4%;
}
.pageDL dd.item2 {
	padding-left: 4%;
	width: 45%;
}
.u-arrow-box {
	width: 31px;
	height: 33px;
	display: block;
	margin: 0px auto;
}
.u-arrow {
	background: url(../images/u_arrow.png) no-repeat;
	width: 21px;
	height: 12px;
	display: block;
}
.u-arrow3 {
	animation-delay: 0ms;
	animation-duration: 900ms;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}
.u-arrow2 {
	animation-delay: 300ms;
	animation-duration: 900ms;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}
.u-arrow1 {
	animation-delay: 600ms;
	animation-duration: 900ms;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}
 @-webkit-keyframes arrow {
 0% {
opacity: 0;
-webkit-transform: translate3d(0px, 0px, 0px);
}
 33% {
opacity: 1;
}
 66% {
opacity: 1;
}
 100% {
opacity: 0;
-webkit-transform: translate3d(0px, 12px, 0px);
}
}
 @keyframes arrow {
 0% {
opacity: 0;
transform: translate3d(0px, 0px, 0px);
}
 33% {
opacity: 1;
}
 66% {
opacity: 1;
}
 100% {
opacity: 0;
transform: translate3d(0px, 12px, 0px);
}
}
 @-ms-keyframes arrow {
 0% {
opacity: 0;
-ms-transform: translate3d(0px, 0px, 0px);
}
 33% {
opacity: 1;
}
 66% {
opacity: 1;
}
 100% {
opacity: 0;
-ms-transform: translate3d(0px, 12px, 0px);
}
}
.about-t2 .cul-by {
	text-transform: uppercase;
	color: #F0BE00;
	font: italic bold 30px/1.2 arial, helvetica, sans-serif;
}
.about-t2 .cul-en {
	font: italic 22px/1.4 arial, helvetica, sans-serif;
	font-weight: bold;
	color: #d5d5d5;
}
.about-t2 .cul-zh {
	font-size: 30px;
	padding: 18px 0px;
	color: #104594;
}
.about-t2 .cul-i {
	color: #727272;
	margin-bottom: 42px;
}
.about-t2 .bot {
	width: 30px;
	display: block;
	height: 3px;
	background-color: #cecece;
	margin: 0 auto;
}
.cultureTbox {
	padding: 80px 0px 55px;
	text-align: center;
}
.cultureTbox .cul-zh {
	padding: 30px 0px 50px;
}
.twoCultrue dd {
	float: left;
	display: block;
	position: relative;
	width: 50%;
 *width: 49.99%;
	overflow: hidden;
}
.twoCultrue .img {
	width: 100%;
	display: block;
}
.twoCultrue .mask {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	opacity: 0;
	visibility: hidden;
	background: rgba(16,69,148,0.6)
}
.twoCultrue .con {
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0px;
	top: 25%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .by {
	color: #104594;
	font: 20px/1.4 "futura_lightregular", "times new roman", "microsoft yahei";
}
.twoCultrue .by1 {
	text-transform: uppercase;
	margin-bottom: 4%;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .t .txt {
	font-size: 20px;
	color: #727272;
	padding: 12px 0px;
	display: block;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .t .bot {
	width: 22px;
	margin: 0px auto;
	display: block;
	height: 2px;
	background-color: #a9a9a7;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .by2 {
	color: #fff;
	text-transform: uppercase;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
	opacity: 0;
	visibility: hidden;
}
.twoCultrue .c {
	width: 90%;
	margin: 0px auto;
	height: 50px;
	overflow: hidden;
	display: none;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .lico {
	border: 2px solid #fff;
	width: 96%;
	height: 90%;
	position: absolute;
	left: 2%;
	bottom: 5%;
	transition: 300ms ease 100ms;
	-webkit-transition: 300ms ease 100ms;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	opacity: 0;
	visibility: hidden;
}
.twoCultrue dd:hover .con {
	top: 16%;
}
.twoCultrue dd:hover .mask {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
.twoCultrue dd:hover .by1 {
	opacity: 0;
	transform: translate(0px, -50px);
	-webkit-transform: translate(0px, -50px);
	height: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}
.twoCultrue dd:hover .by2 {
	opacity: 1;
	margin: 3% auto 6%;
	visibility: visible;
}
.twoCultrue dd:hover .t .bot1 {
	visibility: hidden;
	opacity: 0;
}
.twoCultrue dd:hover .t .txt {
	padding: 0px 0px 12px;
	color: #fff;
}
.twoCultrue dd:hover .t .bot {
	background-color: #fff;
}
.twoCultrue dd:hover .c {
	display: block;
}
.twoCultrue dd:hover .lico {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
.historyPage {
	padding: 60px 0px;
	overflow: hidden;
	background-color:#fafafa;
}
.historyPage dd {
	display: block;
}
.historyPage .titem {
	text-align: center;
	margin-bottom: 50px;
}
.historyPage .citem {
	width: 100%;
	height: 426px;
	position: relative;
}
.hisBot {
	position: absolute;
	left: 0px;
	width: 100%;
	display: block;
	top: 50%;
	height: 2px;
	background-color: #646464;
	margin-top: -1px;
}
.historyDemo .item {
	width: 100%;
	height: 426px;
	position: relative;
}
.historyDemo .xian {
	background: url(../images/h_i2.png) no-repeat scroll left top;
	width: 38px;
	height: 190px;
	position: absolute;
	left: 0px;
}
.historyDemo .dian {
	display: block;
	width: 11px;
	height: 11px;
	border: 2px solid #fff;
	border-radius: 50%;
	background-color: #104594;
	position: absolute;
	left: -6px;
}
.historyDemo .year {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.2;
	color: #646464;
	margin-bottom: 12px;
}
.historyDemo .c {
	font-size: 16px;
	line-height: 2;
}
.historyDemo .hitem1, .historyDemo .hitem2, .historyDemo .hitem3, .historyDemo .hitem4 {
	padding-left: 50px;
}
.historyDemo .hitem1 .dian, .historyDemo .hitem2 .dian {
	bottom: -6px;
}
.historyDemo .hitem3 .dian, .historyDemo .hitem4 .dian {
	top: -6px;
}
.historyDemo .hitem1 .xian, .historyDemo .hitem2 .xian {
	bottom: 0px;
}
.historyDemo .hitem3 .xian, .historyDemo .hitem4 .xian {
	top: 0px;
	background: url(../images/h_i5.png) no-repeat scroll left bottom;
}
.historyDemo .hitem2 .xian {
	height: 154px;
}
.historyDemo .hitem3 .xian {
	height: 110px;
}
.historyDemo .hitem4 .xian {
	height: 68px;
}
.historyDemo .hitem1 {
	position: absolute;
	left: 5%;
	height: 212px;
	top: 0px;
	width: 38%;
}
.historyDemo .hitem2 {
	position: absolute;
	left: 55%;
	height: 172px;
	top: 40px;
	width: 38%;
}
.historyDemo .hitem3 {
	position: absolute;
	left: 25%;
	padding-top: 88px;
	height: 124px;
	top: 212px;
	width: 38%;
}
.historyDemo .hitem4 {
	position: absolute;
	left: 70%;
	padding-top: 48px;
	height: 164px;
	top: 212px;
	width: 20%;
}
.historyDemo .slick-arrow {
	display: block;
	width: 48px;
	height: 48px;
	border: 3px solid #fff;
	border-radius: 50%;
	background-color: #104594;
	top: 50%;
	margin-top: -24px;
	z-index: 100;
}
.historyDemo .slick-arrow i {
	width: 40px;
	height: 40px;
	display: block;
	margin: 4px auto;
}
.historyDemo .slick-prev {
	left: -24px;
}
.historyDemo .slick-next {
	right: -24px;
}
.historyDemo .slick-prev i {
	-webkit-animation: start1 1s infinite ease-in-out;
	-moz-animation: start1 1s infinite ease-in-out;
	animation: start1 1s infinite ease-in-out;
	background: url(../images/h_btn_l.png) no-repeat scroll left center;
}
.historyDemo .slick-next i {
	-webkit-animation: start 1s infinite ease-in-out;
	-moz-animation: start 1s infinite ease-in-out;
	animation: start 1s infinite ease-in-out;
	background: url(../images/h_btn_r.png) no-repeat scroll left center;
}
@-webkit-keyframes start {
 0%, 30% {
opacity: 0;
-webkit-transform: translate(-8px, 0px);
}
 60% {
opacity: 1;
-webkit-transform: translate(0, 0);
}
 100% {
opacity: 0;
-webkit-transform: translate(10px, 0px);
}
}
@-moz-keyframes start {
 0%, 30% {
opacity: 0;
-moz-transform: translate(-8px, 0px);
}
 60% {
opacity: 1;
-moz-transform: translate(0, 0);
}
 100% {
opacity: 0;
-moz-transform: translate(10px, 0px);
}
}
@keyframes start {
 0%, 30% {
opacity: 0;
transform: translate(-8px, 0px);
}
 60% {
opacity: 1;
transform: translate(0, 0);
}
 100% {
opacity: 0;
transform: translate(10px, 0px);
}
}
@-webkit-keyframes start1 {
 0%, 30% {
opacity: 0;
-webkit-transform: translate(8px, 0px);
}
 60% {
opacity: 1;
-webkit-transform: translate(0, 0);
}
 100% {
opacity: 0;
-webkit-transform: translate(-10px, 0px);
}
}
@-moz-keyframes start1 {
 0%, 30% {
opacity: 0;
-moz-transform: translate(8px, 0px);
}
 60% {
opacity: 1;
-moz-transform: translate(0, 0);
}
 100% {
opacity: 0;
-moz-transform: translate(-10px, 0px);
}
}
@keyframes start1 {
 0%, 30% {
opacity: 0;
transform: translate(8px, 0px);
}
 60% {
opacity: 1;
transform: translate(0, 0);
}
 100% {
opacity: 0;
transform: translate(-10px, 0px);
}
}
/*culture*/
.culture {
	width: 100%;
	padding: 80px 0;
	background: url(../images/culture_bg.jpg) no-repeat center center;
}
.culture .pboxT .byEn, .culture .pboxT .t {
	color: #fff;
}
.culture .cultureDemo {
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin-top: 50px;
}
.culture .cultureDemo p {
	line-height: 2;
}
/*架构*/
.jiagou {
	padding: 60px 0;
	background-color:#fafafa;
}
.jiagouDemo img {
	max-width: 100%;
	margin: auto;
}
/*荣誉*/
.honorPage {
	padding:60px 0 0;
	background-color:#fafafa;
}
.honorPage .pboxT {
}
.about-t2 {
	text-align: center;
	margin-bottom: 20px;
}
.about-t2 .bot {
	margin: 0px auto;
}

.honorPage .pboxT {
	margin: 0;
}
.honorPage .pboxT .t {
	padding: 20px 0px 0
}
.honorDemo {
	width: 1172px;
	margin: 0 auto;
	padding: 60px 0;
	overflow: hidden;
}
.filler2 {
	position: absolute;
	display: block;
	-webkit-transition: 0.3s ease 0s;
	-moz-transition: 0.3s 0s;
	-o-transition: 0.3s 0s;
	transition: 0.3s 0s;
}
.itemLink .filler2 {
	background-color: #104594;
	z-index: 5;
}
.itemLink .filler2-left {
	width: 5px;
	height: 0%;
	left: 0%;
	top: 0%;
}
.itemLink .filler2-right {
	width: 5px;
	height: 0%;
	right: 0%;
	bottom: 0%;
}
.itemLink .filler2-top {
	width: 0%;
	height: 5px;
	right: 0%;
	top: 0%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.itemLink .filler2-bottom {
	width: 0%;
	height: 5px;
	left: 0%;
	bottom: 0%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.itemLink:hover .filler2-left {
	height: 100%;
}
.itemLink:hover .filler2-right {
	height: 100%;
}
.itemLink:hover .filler2-top {
	width: 100%;
}
.itemLink:hover .filler2-bottom {
	width: 100%;
}
.honorDemo .itemLink {
	display: block;
	position: relative;
}
.honorDemo .itemLink .img {
	border: 5px solid #f4f4f4;
	overflow:hidden;
}
.honorDemo .itemLink .img img {
	width: 100%;
	display: block;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.honorDemo li:hover .img img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);}
.honorDemo ul {
}
.honorDemo .item {
	display: block; /*padding: 0px 25px;*/
	float: left;
	display: block;
	width: 23%;
	margin: 1%;
}
.onumBox {
	width: 198px;
	height: 50px;
	line-height: 50px;
	margin: 0px auto;
	position: relative;
	font-size: 29px;
	font-style: italic;
	color: #4b4b4b;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
}
.onumBox .owlp-prev, .onumBox .owlp-next {
	background-size: cover;
	border: 2px solid #4b4b4b;
	display: block;
	position: absolute;
	top: 0px;
	width: 46px;
	height: 46px;
}
.onumBox .owlp-prev {
	background: url(../images/prev.png) no-repeat scroll center center;
	left: 0px;
}
.onumBox .owlp-next {
	background: url(../images/next.png) no-repeat scroll center center;
	right: 0px;
}
.onumBox .ovnum {
	color: #F0BE00;
}
.onumBox .owlp-prev:hover, .onumBox .owlp-next:hover {
	border-color: #F0BE00;
	background-color: #fff;
}
html.openImg {
	overflow: hidden;
}
.overlayClose {
	width: 52px;
	height: 52px;
	display: block;
	position: fixed;
	right: 3%;
	top: 2%;
	border-radius: 50%;
	transition: 300ms;
	-webkit-transition: 300ms;
	z-index: 100;
}
.overlayClose i {
	background: url(../images/close_ico2.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	display: block;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.overlayClose:hover {
	background-color: #104594;
}
.overlayClose:hover i {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.imgShowBox {
	background: url(../images/black.png) repeat;
	background: none rgba(0,0,0,0.7);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: all 800ms ease 0s;
	-webkit-transition: all 800ms ease 0s;
	z-index: 1010;
	width: 100%;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}
.no-csstransitions .imgShowBox {
	display: none;
}
.imgShowDemo {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.imgShowDemo .item {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.imgShowDemo .img {
	vertical-align: middle;
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
	margin: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.imgShowDemo .con {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #fff;
	width: 90%;
	padding: 10px 5%;
}
.imgShowDemo .con .t {
	font-size: 16px;
	color: #333;
}
.imgShowDemo .txt {
	background: #272727;
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 0px;
	text-align: center;
}
.imgShowDemo .txt .i {
	padding-left: 3%;
}
.hi-num {
	width: 85px;
	height: 65px;
	background: #272727;
	color: #fff;
	border-left: 1px solid #3a3a3a;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 65px;
	font-size: 16px;
}
.img-show {
	transform: translateY(0) !important;
	-webkit-transform: translateY(0) !important;
}
.no-csstransitions .img-show {
	display: block;
}
.imgShowDemo .owl-controls .owl-buttons div {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: transparent;
	overflow: hidden;
	top: 50%;
	margin-top: -25px;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -10em;
}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev {
	left: 3%;
	background-image: url(../images/img_l2.png);
}
.imgShowDemo .owl-controls .owl-buttons div.owl-next {
	right: 3%;
	background-image: url(../images/img_r2.png);
}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {
	background-color: #104594;
}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled {
	background-color: #666666;
}
/*环境*/
.environment{
	background-color:#fff;}
.environment .pboxT{
	padding:0;
	background:none;}
.environment .pboxT .byEn{
	color: #c8c8c8; }
.environment .pboxT .t{
	color: #104594;}
.environment_con{
	overflow:hidden;
	padding:50px 0 0;}
.environment_con ul li{
	width:20%;
	float:left;
	position:relative;}
.environment_con ul li img{
	width:100%;
	display:block;}
/*about style end*/
/*case style*/
.sub_main {
	padding: 80px 0;
}
.sub_case {
}
.sub_case_box .item {
	overflow: hidden;
	float: left;
	width: 23%;
	margin: 1%;
}
/*分页样式*/
.digg {
	text-align: center;
	background-color: #fff;
	margin-top: 80px;
}
.digg span {
	display: inline-block;
	margin-right: 3px;
	padding: 5px 12px;
	border: 1px solid #ededed;
}
.digg a:link, .digg a:visited {
	color: #555;
}
.digg span {
	display: inline-block;
	margin-right: 3px;
	padding: 5px 12px;
	border: 1px solid #ededed;
}
.current {
	background-color: #75b629!important;
	color: #fff!important;
	border: 1px solid #75b629!important;
}
.digg a {
	background-color: #fff;
	padding: 7px 12px;
	border: 1px solid #ededed;
	margin-right: 3px;
}
.digg a:active, .digg a:hover {
	color: #fff;
	background-color: #75b629;
}
/*case style end*/
/*news_list style*/
.sub_main_box {
	margin-top: 50px;
}
.sub_news_box ul li {
	margin: 1%;
}
/*news_list style end*/
/*news_show style*/
.news_show {
}
.news_show .infoT {
	text-align: center;
	color: #666;
	padding-bottom: 18px;
	border-bottom: 1px dashed #cccccc;
	margin: 0 auto 40px;
}
.news_show .infoT .t {
	font-size: 24px;
	color: #333;
	line-height: 1.5;
}
.news_show .infoT .time {
	margin-top: 10px;
}
.news_show .infoPage {
	margin: 0px auto 2%;
	overflow: hidden;
}
.news_show .infoPage p {
	/*text-indent: 2em;*/  /*取消产品介绍详情标题缩进*/
	line-height: 2;
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
}
.news_show .infoPage p img {
	max-width: 100%;
	/*margin-left: -2em;*/
}
.infoPaging {
	width: 100%;
	text-align: center;
	height: 100px;
	padding: 0 20px;
	line-height: 50px;
	margin-top: 80px;
	background-color: #fafafa;
}
.infoPaging a {
	display: block;
	color: #333;
	font: 14px;
}
.infoPaging a span {
	font-family: "宋体";
}
.infoPaging a.m_list {
	height: 50px;
	margin: 0px auto;
	width: 40px;
	background: url(../images/list.png) no-repeat scroll center center;
}
.infoPaging a:hover {
	color: #000;
}
.infoPaging a.m_list:hover {
	transform: scaleX(1.5);
	-webkit-transform: scaleX(1.5);
	-moz-transform: scaleX(1.5);
	-o-transform: scaleX(1.5);
	transition: 400ms;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
}
/*news_show style end*/

/* winxin */
.popUpblack {
	background: url(../images/black.png) repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1010;
	display: none;
}
.popUp {
	width: 220px;
	height: 242px;
	border: 5px solid #f1f1f1;
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -87px 0 0 -115px;
	z-index: 1004;
}
.popUp .t {
	padding: 0 0 0 10px;
	height: 26px;
	line-height: 26px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e8e8e8;
	background: #f2f2f2;
}
.popUp .t .close {
	padding: 0 10px 0 0;
	float: right;
	cursor: pointer;
	color: #666;
	font-weight: normal;
}
.popUp .img {
	padding: 20px;
}
.popUp .img img {
	width: 100%;
	height: 100%;
	display: block;
}
/* winxin end */

/*products*/
.sub_products {
}
.sub_products ul li {
	width: 25%;
	float: left;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #efefef;
	position: relative;
}
.sub_products ul li .line {
	background-color: #104594;
	display: block;
	position: absolute;
	-webkit-transition: 300ms linear;
	-moz-transition: 300ms linear;
	-o-transition: 300ms linear;
	transition: 300ms linear;
	z-index: 2;
}
.sub_products ul li .line1 {
	width: 5px;
	height: 0;
	left: 0;
	top: 0;
	-webkit-ransition-delay: 300ms;
	-moz-ransition-delay: 300ms;
	-o-ransition-delay: 300ms;
	transition-delay: 300ms;
}
.sub_products ul li .line2 {
	width: 0;
	height: 5px;
	left: 0;
	bottom: 0;
}
.sub_products ul li .line3 {
	left: 0;
	top: 0;
	width: 0;
	height: 5px;
	-webkit-ransition-delay: 300ms;
	-moz-ransition-delay: 300ms;
	-o-ransition-delay: 300ms;
	transition-delay: 300ms;
}
.sub_products ul li .line4 {
	width: 5px;
	height: 0;
	top: 0;
	right: 0;
}
.sub_products ul li a {
	color: #333;
}
.sub_products ul li .img {
	width: 100%;
	overflow: hidden;
}
.sub_products ul li .img img {
	width: 100%;
	display: block;
	-webkit-transition: 300ms linear;
	-moz-transition: 300ms linear;
	-o-transition: 300ms linear;
	transition: 300ms linear;
	;
}
.sub_products ul li .text {
	padding: 20px;
	text-align: center;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sub_products ul li p {
	text-align: center;
	border-top: 1px solid #ccc;   
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.sub_products ul li p a {
	width: 50%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
	background: url(../images/details.png) no-repeat right center;
}
.sub_products ul li p a:hover {
	background-color: #104594;
	color:#fff;
}
.sub_products ul li p a.zixun {
	border-right: 1px solid #ccc;
}
.sub_products ul li:hover .line1, .sub_products ul li:hover .line4 {
	height: 100%;
}
.sub_products ul li:hover .line2, .sub_products ul li:hover .line3 {
	width: 100%;
}
.sub_products ul li:hover .img img {
	-webit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
/*合作伙伴*/
.partner_box ul li {
	width: 16%;
	margin: 1% 2%;
	border: 1px solid #eaeaea;
	cursor: pointer;
	float: left;
}
.partner_box ul li .img {
	width: 100%;
	overflow: hidden;
}
.partner_box ul li .img img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.partner_box ul li p {
	width: 100%;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	color: #333;
	background-color: #eaeaea;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.partner_box ul li:hover .img img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.partner_box ul li:hover p {
	color: #fff;
	background-color: #104594;
}
/*sub_technology*/
.sub_technology img {
	max-width: 1200px;
	width:100%;
}
/*sub_video*/
.sub_video {
	margin-top: 50px;
}
.sub_video ul li {
	width: 23%;
	margin: 2% 1% 0;
	float: left;
	position: relative;
	background-color: #000;
}
.sub_video ul li .img {
	width: 100%;
	overflow: hidden;
}
.sub_video ul li .img img {
	width: 100%;
	opacity: 0.7;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.sub_video ul li .icon {
	width: 64px;
	height: 64px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.sub_video ul li:hover .img img {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.news_show .video_con {
	text-align: center;
	padding-top: 40px;
}
.news_show .video_con video {
	max-width: 1200px;
}
/*contact*/
#map{
	height:400px;}	
.page_con {
	width: 100%;
	overflow:hidden;
	padding:0 0 50px;
}
.contact_add li {
	width: 25%;
	float: left;
	overflow: hidden;
}
.contact_add li .icob {
	width: 65px;
	height: 65px;
	background: #0b428b;
	border-radius: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.contact_add li .ico {
	display: block;
	background-position: center center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
}
.contact_add .cta1 .ico {
	background-image: url(../images/ctaico1.png);
}
.contact_add .cta2 .ico {
	background-image: url(../images/ctaico2.png);
}
.contact_add .cta3 .ico {
	background-image: url(../images/ctaico3.png);
}
.contact_add .cta4 .ico {
	background-image: url(../images/ctaico4.png);
}
.contact_add li .en {
	text-align: center;
	text-transform: uppercase;
	color: #b3b3b3;
	margin-top: 7px;
}
.contact_add li .ch {
	text-align: center;
	margin-top: 12px;
	font-size: 14px;
}
.contact_add li:hover .ico {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.contact_add {
	margin-top: 5.5%;
}
.contact_form {
	padding:50px 0 0;
}
.contact_form p.ts {
	font-size:16px;
	border-bottom: 1px dashed #ececec;
	padding-bottom: 20px;
	margin-bottom: 18px;
	text-align: center;
	color: #999;
}
.contact_form .form {
}
.contact_form .form .name, .contact_form .form .phone {
	width: 90%;
	margin-bottom: 3%;
}
.contact_form .form .s-input {
	height: 40px;
	background: #fcfcfc;
	border: 1px solid #c9c9c9;
	padding-left: 15px;
	color: #c8c8c8;
	font-size: 14px;
	line-height: 40px;
	font-family: '微软雅黑';
}
.contact_form .form .s-textarea {
	width: 95%;
	line-height: 25px;
	height: 200px;
	overflow: hidden;
	margin-top: 6px;
}
.subBtn {
	width: 30%;
	height: 52px;
	border:0;
	color: #787878;
	font-size: 18px;
	cursor: pointer;
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	margin: 0 auto;
	display: block;
	margin-top: 30px;
	font-family: '微软雅黑';
}
.subBtn:hover {
	background: #75b629;
	color: #fff;
}
.contact_form .form .s-input:focus {
	border: 1px solid #75b629;
}
.recruiment-box {
	padding:50px 0;
	background: #fcfcfc;
}

.recruite-fix {
	width: 1032px;
	margin: auto;
	margin-top:50px;
}
.recruite-t {
	margin-bottom: 20px;
}
.recruite-t span {
	color: #969696;
	display: block;
	float: left;
	font-size: 14px;
	line-height: normal;
}
.recruite-t span:nth-child(1) {
	padding-left: 60px;
	width: 132px;
}
.recruite-t span:nth-child(2) {
	width: 166px;
}
.recruite-t span:nth-child(3) {
	width: 143px;
}
.recruite-t span:nth-child(4) {
	width: 172px;
}
.recruite-t span:nth-child(5) {
	width: 175px;
}
.recruite-t span:nth-child(6) {
	width: 118px;
}
.recruite-t span:nth-child(7) {
	width: 66px;
}
.recuite-info {
	margin-bottom: 28px;
}
.recuite-top {
	cursor: pointer;
	background: #838383;
	transition: 366ms;
	position: relative;
	overflow: inherit;
}
.recuite-top.on {
	background: #0b428b;
}
.recuite-top.on span {
	color: #fff;
}
.recuite-top.on span:last-child:after {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
}
.recuite-top span {
	display: block;
	float: left;
	position: relative;
	color: #fff;
	font-size: 14px;
	line-height: 48px;
	transition: 320ms;
}
.recuite-top span:nth-child(1) {
	text-align:center;
	width: 132px;
}
.recuite-top span:nth-child(2) {
	width: 166px;
}
.recuite-top span:nth-child(3) {
	width: 143px;
}
.recuite-top span:nth-child(4) {
	width: 172px;
}
.recuite-top span:nth-child(5) {
	width: 175px;
}
.recuite-top span:nth-child(6) {
	width: 118px;
}
.recuite-top span:nth-child(7) {
	width: 66px;
}
.recuite-top span:last-child {
	width: 19px;
	height: 19px;
	position: absolute;
	right: 20px;
	top: 14px;
}
.recuite-top span:last-child:before {
	content: "";
	width: 19px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 8px;
}
.recuite-top span:last-child:after {
	content: "";
	width: 3px;
	height: 19px;
	background: #fff;
	position: absolute;
	left: 8px;
	top: 0;
	transition: 320ms;
}
.recuites {
	padding: 32px 58px 70px 58px;
	background: #fff;
	position: relative;
	border: 1px solid #0b428b;
	border-top: none;
	display: none;
}
.recuite-list {
	margin-bottom: 32px;
}
.recuite-list strong {
	font-weight: normal;
	line-height: normal;
	color: #969696;
	font-size: 14px;
	margin-bottom: 8px;
}
.recuite-list p {
	color: #969696;
	font-size: 14px;
	margin-bottom: 4px;
}
.deliver {
	margin-top: 60px;
	padding-top: 35px;
	border-top: 1px solid #eeeeee;
}
.deliver p {
	color: #969696;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 10px;
}
.deliver a {
	color: #75b629;
	font-size: 14px;
	text-decoration: underline;
}
.showd {
	display: block;
	padding-left: 26px;
	color: #75b629;
	font-size: 14px;
	text-decoration: underline;
	background: url(../images/tshow.png) left center no-repeat;
	cursor: pointer;
	position: absolute;
	right: 18px;
	bottom: 20px;
	transition: 322ms;
}
.showd:hover {
	background-position: left 2px;
}