﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/*通用父子盒子嵌套浮动问题解决，开始*/
.clear {
	margin: 0px auto;
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	background: none;
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*通用父子盒子嵌套浮动问题解决，结束*/
/*间隙层开始*/
.space_hx { /*横向间隙*/
	clear: both;
	width: 100%;
	height: 20px;
	font-size: 1px;
	overflow: hidden;
}
.space_zx { /*纵向间隙*/
	float: left;
	width: 10px;
	font-size: 1px;
	overflow: hidden;
}
/*间隙层结束*/

body{font-family:"Microsoft Yahei";text-align:center;font-size:14px;color:#5B5B5B; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#5B5B5B; font-size:14px;}
body,dd,dt,h1,h2,h3,h4,h5,h6,li,p,ul {
	margin: 0;
	padding: 0
}

h1,h2,h3,h4,h5,h6 {
	font-size: 16px;
	font-weight: 400
}

dd,li,ul {
	list-style: none
}

img {
	border: none;
	outline: none
}

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

a {
	text-decoration: none;
	cursor: pointer;
	outline: none;
	color: inherit
}

input {
	outline: none
}

em {
	font-style: normal
}

html {
	height: 100%
}

body {
	position: relative;
	font: 12px/1.5 microsoft yahei,arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: #f5f5f5;
	min-width: 1200px;
	color: #323232;
	min-height: 100%;
	box-sizing: border-box
}

button,input,select,textarea {
	font-size: 1em;
	font-family: inherit
}

::-webkit-input-placeholder {
	color: #a9a9a9
}

:-moz-placeholder {
	color: #a9a9a9
}

::-moz-placeholder {
	color: #a9a9a9
}

:-ms-input-placeholder {
	color: #a9a9a9
}

.scroll::-webkit-scrollbar {
	width: 8px;
	background: #eee
}

.scroll::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: #ddd
}

.hidden {
	display: none!important
}

.disabled {
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor: default;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

:disabled {
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor: default;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

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

.mr0 {
	margin-right: 0!important
}

.weak {
	color: #878787
}

.weaker {
	color: #9e9e9e
}


.clearfix:after,.clearfix:before {
	content: '';
	display: table;
	font: 0/0 a
}

.clearfix:after {
	clear: both
}
.header-user .user em {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	word-wrap: normal
}

.fixed-bar .backtop:before {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.header {
	width: 1400px;
	font-size: 14px;
	position: absolute;
	top: 0; margin:auto;
	left: 0; right:0; padding:30px 0;
	box-sizing: border-box;
	color: #bfbfbf;
	z-index: 10;
	transition: background .3s ease
}

.header .layout {
	min-width: 1200px;
	width: auto;
	position: relative
}

.header-logo {
	float: left;
	width: 255px;
	height: 60px; margin-top:1px;
	background-image: url(../images/logo.png); background-repeat:no-repeat; margin-right:36px;
}

.header-nav {
	position: relative;
	float: left;
	padding-left:127px;
}

.header-nav li {
	position: relative;
	float: left;
	line-height: 1
}

.header-nav a:hover {
	text-decoration: none
}

.header-nav .top-cat {
	text-align: center;
	padding: 24px 22px;
}

.header-nav .top-cat:first-child {
	margin: 0 0px
}

.header-nav .top-cat h2 {
	position: relative
}

.header-nav .top-cat h2 a {
	padding: 0;
	position: relative
}

.header-nav .top-cat-arrow {
	content: "";
	width: 20px;
	height: 12px;
	background-image: url(../images/sprite.png);
	background-position: -331px -158px;
	transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease,-webkit-transform .3s ease;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	display: inline-block;
	vertical-align: bottom;
	margin-left: 4px
}

.header-nav .top-cat.hassub:active .top-cat-arrow,.header-nav .top-cat.hassub:hover .top-cat-arrow {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}

.header-nav .slider {
	position: absolute;
	bottom: 0;
	left: 0;
	width: auto;
	height: 3px;
	background-color: #85c227;
	transition: width .3s ease-out,-webkit-transform .3s ease-out;
	transition: transform .3s ease-out,width .3s ease-out;
	transition: transform .3s ease-out,width .3s ease-out,-webkit-transform .3s ease-out
}

.header-user {
	line-height: 25px;
	position: absolute;
	top: 0px;
	right: 7px;
	font-size: 0
}

.header-user .console {
	display: inline-block;
	padding: 0 12px;
	vertical-align: middle;
	font-size: 14px
}

.header-user .console:hover {
	color: #85c227
}

.header-user .user {
	padding-left: 11px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border-left: 1px solid #fff;
	font-size: 14px;
	margin-right: 22px
}

.header-user .user em {
	color: #fff;
	display: inline-block;
	max-width: 102px;
	vertical-align: bottom
}

.header-user .user i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/sprite);
	background-position: -291px -174px;
	width: 20px;
	height: 12px;
	margin-left: 5px
}

.header-user .user .dropdown {
	position: absolute;
	padding-top: 19px;
	top: 25px;
	left: 0;
	width: 100%;
	text-align: center;
	display: none
}

.header-user .user .dropdown a {
	display: block;
	line-height: 40px;
	background-color: #333
}

.header-user .user:hover {
	color: #85c227
}

.header-user .user:hover .dropdown {
	display: block
}

.header-user .user:hover a {
	color: #fff
}

.header-user .user:hover a:hover {
	color: #85c227
}

.header-user .try {
	line-height: 1;
	display: inline-block;
	transition: all .3s ease;
	vertical-align: middle;
	font-size: 10px;
}
.header-user .try a:hover{ color:#85c227}
.header.active,.header.hover,.header:hover {
	background-color: #
}

.header.active .header-logo,.header.hover .header-logo,.header:hover .header-logo {
	background-image: url(../images/logo.png); background-repeat:no-repeat
}

.header.active .header-user .user i:after,.header.hover .header-user .user i:after,.header:hover .header-user .user i:after {
	border-top-color: #333
}

.header.active .header-user .try,.header.hover .header-user .try,.header:hover .header-user .try {
	color: #fff;
	background-color: #333
}

.header .cat {
	position: relative
}

.header .cat .layout {
	min-width: 0
}

.header .cat-ico {
	display: inline-block;
	width: 49px
}

.header .cat-box {
	color: #fff;
	font-size: 0;
	box-sizing: border-box;
	padding: 10px 0 0 200px;
	background-color:#333;
	position: absolute;
	width: 100%;
	top: 60px;
	left: 0;
	text-align: left;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out,-webkit-transform .3s ease-out;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top
}

.header .cat-box.active,.header .cat-box:hover {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}

.header .cat-group {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-left: 12px;
	padding: 20px 0
}

.header .cat-group:first-child {
	margin-left: 0
}

.header .cat-tit {
	font-size: 16px;
	padding-bottom: 10px
}

.header .cat-tit i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px
}

.header .cat-item {
	display: block;
	width: 220px;
	box-sizing: border-box;
	padding:0px 0 7px 0px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1
}
.cat-item-main span{ margin-bottom:10px; display:block}
.header .cat-item:hover {
	background-color: #
}

.header .cat-item a {
	color: #fff
}

.header .cat-item a:hover {
	color: #85c227
}

.header .cat-item-sub {
	margin-top: px;
	font-size: 12px
}

.header .cat-item-sub a {
	display: inline-block;
	vertical-align: middle;
	color: #a3a3a3;
	margin-top: 4px;
	padding-right: 24px;
	line-height: 22px
}

.header .cat-item-sub a:last-child {
	padding-right: 0
}

.header .cat-item-sub a.disabled {
	color: #878a91;
	cursor: default;
	pointer-events: none;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"
}

.header .cat-item-row {
	display: table-row
}

.header .cat-item-row a { display:block
}

.header .cat-tag {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 12px;
	margin-left: 6px;
	margin-top: -2px
}

.header .ico-pro1 {
	width: 33px;
	height: 30px;
	background-image: url(../images/icon7.png); background-repeat:no-repeat;
}

.header .ico-pro2 {
	width: 33px;
	height: 30px;
	background-image: url(../images/icon8.png); background-repeat:no-repeat;
}

.header .ico-pro3 {
	width: 33px;
	height: 30px;
	background-image: url(../images/icon9.png); background-repeat:no-repeat;
}
.upgrade-box-cont h3 {
	font-size: 32px;
	line-height: 1;
	margin: 22px auto
}

.upgrade-box-cont p {
	color: #c3deff;
	width: 26em;
	margin: 0 auto
}

.upgrade-box-btm {
	margin-top: 45px
}

.upgrade-box-btm .btn {
	width: 180px;
	line-height: 48px;
	border: 1px solid #fff;
	border-radius: 4px;
	display: inline-block
}

.upgrade-box-btm .btn-ff {
	margin: 0 16px
}

.upgrade-box-btm .btn:hover {
	background-color: hsla(0,0%,100%,.2)
}

.upgrade-box-btm i {
	display: inline-block;
	margin-right: 10px;
	vertical-align: text-bottom
}

.ie-placeholder {
	color: #aaa
}

@media screen and (max-width:1400px) {
	.header .cat-box {
		padding: 0 0 0 18px
	}

	.header .cat-group {
		margin-left: 6px
	}
}

html[lang=en] body {
	font-family: Arial,sans-serif
}

/* reset webkit search input browser style */
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
	background: url(../images/search-icon.png) no-repeat 9px center;
	border: none;
	padding: 5px 10px 5px 25px;
	width: 60px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 100px;
	background-color: #;
	border-color: #;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}
#demo-b input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-b input[type=search]:hover {
	background-color: #;
}
#demo-b input[type=search]:focus {
	width: 70px;
	padding-left: 32px;
	color: #000;
	background-color: #;
	cursor: auto;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}
.en{ margin-left:10px; border-radius:37px; background:#;width: 37px; height:37px; margin-top:27px;}
.en a {color: #8F9193;}

#top{ width:100%; height:530px; background:#cde3ec; position:relative;}
.banner{ width:100%; height:530px;}
.banner .picul li{width:1440px; height:530px; position:absolute; left:0px; top:0px;}
.banner .picul li .banner_bg{ width:140px; height:530px; position:absolute; left:0px; top:0px;}
.banner .iconul{width:100%; height:83px; z-index:100; position:relative; cursor:default;}
.banner .iconul .icenter{ width:145px; height:73px; margin:0 auto; margin-top:5px;}
.banner .iconul .icenter .Bprev{ width:25px; height:23px; background:url(../images/bg.png) -192px -52px no-repeat; float:left; margin-top:30px; cursor:pointer;}
.banner .iconul .icenter .curRect{ width:80px; height:73px; background:url(../images/bg.png) -341px -167px no-repeat; float:left; margin-left:8px; text-align:center; line-height:73px; font-size:26px; color:#fff;}
.banner .iconul .icenter .Bnext{width:25px; height:23px; background:url(../images/bg.png) -217px -52px no-repeat; float:right; margin-top:30px; cursor:pointer;}
#p-banner-1{background: #EDEDED url(../upload/banner1.jpg) repeat-x 50% 0px;}
#p-banner-2{background: #EDEDED url(../upload/banner2.jpg) repeat-x 50% 0px ;}
#p-banner-3{background: #EDEDED url(../upload/banner3.jpg) repeat-x 50% 0px;}
#p-banner-4{background: #EDEDED url(../upload/banner4.jpg) repeat-x 50% 0px;}
#p-banner-5{background: #EDEDED url(../upload/banner5.jpg) repeat-x 50% 0px;}
.p-home-banner{width:990px;padding:0;margin:0 auto;clear:both;}
.p-home-banner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#p-top-banner img,#p-top-banner h1,#p-top-banner h2,#p-top-banner h3{padding:0;margin:0;}
#p-top-banner h1,#p-top-banner h2,#p-top-banner h3{position:relative;}
#p-top-banner{background:#EFEFEF;}
#p-top-banner.p-container{margin:0;}
#p-top-banner.p-top-qh .p-container-body{clear:both;position:relative;height:530px;border:0 none;background:none;margin:0;}
#p-top-banner .p-top-qh-pane{position:relative;height:530px;overflow:hidden;clear:both;}
#p-top-banner .p-top-qh-pane h1 img,#p-top-banner .p-top-qh-pane h2 img{margin-top:180px; margin-left:315px;}
#p-top-banner .p-bannerqh{position:absolute;overflow:hidden;}
#p-top-banner .p-bannerqh .p-home-banner{clear:none;height:530px;overflow:hidden;width:100%;margin:0;float:left;}
#p-top-banner .p-bannerqh .p-home-banner .p-banner1-1-1{width:990px;margin:0 auto;text-align:left}
.banner-buttom{position:absolute;bottom:0px;width:100%;height:83px;cursor:pointer;z-index:40; background:url(../images/shadow_bg.png) repeat-x;margin:0 auto;min-width:990px;text-align:center;}


.i_box{ width:100%; margin:0px auto; padding-top:30px;}
.i_box1{ background:#fff; padding-top:30px;}
.i_box .box_h{ width:100%; text-align:center;}
.box_h .title{display:inline-block; *display:inline; zoom:1; width:200px; height:40px; line-height:40px; position:relative; top:0px; z-index:99; font-size:24px; color:#8F9193; position:relative;}
.box_h .line{ width:110px; height:1px; background:#ddd; position:absolute; top:20px;}
.slt .box_h .line{ background:#010a2b;}
.slt .box_h .title{ color:#010a2b;}
.box_h .line_l{ left:-110px;}
.box_h .line_r{ right:-110px;}
.box_h p{ width:100%; height:33px; line-height:33px; font-size:11px; letter-spacing:5px; color:#777;}
.i_box .box_m{}

.i-pro{ width:100%; max-width:1200px; margin:20px auto; padding-bottom:30px;}
.i-pro ul{ width:1300px; margin-right:-26px;}
.i-pro li{ width:365px; height:190px; float:left; margin-right:26px; padding:10px; overflow:hidden; vertical-align:middle; text-align:left}
.i-pro li .l_up{ width:40%; float:left; position:relative;}
.i-pro li .l_up .title{ width:100%; margin-bottom:10px; text-align:left; color:#444; font-size:18px;}
.i-pro li .l_up .title:hover{ color:#fff;}
.i-pro li .l_up a{ font-size:12px; color:#fff; margin-top:15px; display:none;}
.i-pro li:hover .l_up a{ display:block;}
.i-pro li .l_dn{ width:60%; height:153px; float:right;}
.i-pro li .l_dn .tu{ width:60%; padding-left:50px;}
.i-pro li .l_dn .tu img{ width:170px; height:130px; vertical-align:top;}
.i-pro li .l_dn .more{ width:30px; float:right; height:30px;background: url(../images/icon12.png) no-repeat center center; border:1px solid #bbb; border-radius:30px; padding:5px;}
.i-pro li:hover{color:#fff; background:#4593d2;transition:all ease-in-out .4s;}

.i-sol{ width:100%; max-width:1200px; margin:20px auto;}
.i-sol ul{ width:1300px; margin-right:-20px;}
.i-sol li{ width:367px; height:125px; background:#fff; padding:10px; margin-bottom:10px; float:left; margin-right:20px; position:relative; overflow:hidden;}
.i-sol li .l_up{ width:35%; height:185px; float: left; position:relative;}
.i-sol li .l_up .tu{ width:80px; height:55px; margin:0px auto; padding-top:50px;}
.i-sol li .l_up .tu img{ width:80px; height:55px; padding-top:10px; vertical-align:top;}
.i-sol li .l_up .tubg1{ width:80px; height:80px; padding:20px; border-radius:80px; background:#4593d2;}
.i-sol li .l_up .tubg2{ width:80px; height:80px; padding:20px; border-radius:80px; background:#b388e3;}
.i-sol li .l_up .tubg3{ width:80px; height:80px; padding:20px; border-radius:80px; background:#ccbe5f;}
.i-sol li .l_up .tubg4{ width:80px; height:80px; padding:20px; border-radius:80px; background:#51b5e4;}
.i-sol li .l_up .tubg5{ width:80px; height:80px; padding:20px; border-radius:80px; background:#58c5b4;}
.i-sol li .l_up .tubg6{ width:80px; height:80px; padding:20px; border-radius:80px; background:#dd765e;}
.i-sol li .l_dn{ width:60%; height:153px; float:right; text-align:left;}
.i-sol li .l_dn .title{ width:100%; height:50px; line-height:50px; margin-top:7px; color:#444; font-size:16px;}
.i-sol li .l_dn .l_line{ display:inline-block; *display:inline; zoom:1; width:140px; margin:0px auto; height:2px; text-align:left; background:#777;}
.i-sol li .l_dn .l_line span{ display:block; width:60px; height:2px; background:#85c227;}
.i-sol li .l_dn p{ width:100%; margin:0px auto; padding-top:10px; color:#666; font-size:12px; line-height:175%;}

.i-news{ width:100%; max-width:1200px; margin:20px auto 0;}
.i-news ul{ width:1300px; margin-right:-45px;}
.i-news li{ width:370px; height:350px; background:#fff; margin-bottom:10px; float:left; margin-right:45px; position:relative; overflow:hidden;}
.i-news li .l_up{ width:100%; height:120px; position:relative;}
.i-news li .l_up .tu{ width:370px; height:120px; margin:0px auto;}
.i-news li .l_up .tu img{ width:370px; height:120px; vertical-align:top;}
.i-news li .l_dn1{ width:26%; height:80px; float:left; border-right:1px solid #ccc; margin-top:10%; margin-right:5px;}
.i-news li .l_dn1 .dade{ width:100%; margin:auto; color:#444; font-size:12px;}
.i-news li .l_dn1 .dade p{ font-size:16px; font-weight:bold;}
.i-news li .l_dn{ width:70%; height:100px; float: right; margin-top:7%}
.i-news li .l_dn .title{ width:92%; height:40px; line-height:40px; overflow:hidden; color:#444; font-size:16px;}
.i-news li .l_dn p{ width:92%; height:40px; overflow:hidden; padding-top:10px; color:#666; font-size:12px; line-height:175%;}
.i-news li .l_dn .more1{ margin:30px auto 0; width:30px; height:30px; display:block; background:url(../images/icon10.png) no-repeat center;}
.i-news li .l_dn .more1:hover{ background:url(../images/icon11.png) no-repeat center;}

.footer {
  background: #333; padding-top:30px;
}

.footer a:hover{
	color: #85c227;
}
.footer .container {
  margin: auto;
  max-width: 1200px;
  width: 94%;
}
.footer .container .footer_con {
  max-width: 1200px;
  width:100%;
  margin: px auto;
}
.footer .container .footer_con .zhu .ul_1 {
  max-width: 885px;
  width: 69%;
  float: left;
}
.footer .container .footer_con .zhu .ul_1 li {
  width:;
  float: left;
  padding-right: 50px; min-height:220px;
}
@media (max-width: 480px) {
  .footer .container .footer_con .zhu .ul_1 li {
    width: 50%;
    margin-top: 10px;
  }
}
.footer .container .footer_con .zhu .ul_1 li a {
  display: block;
  color: #999; text-align:left;
  line-height: 26px;
}
.footer .container .footer_con .zhu .ul_1 li a:hover{
	color: #85c227;
}
.footer .container .footer_con .zhu .ul_1 li a:first-child {
  font-size: 15px; margin-bottom:10px;
  color: #fff;
}
.footer .container .footer_con .zhu .ul_1 li .l_line{ display:inline-block; *display:inline; zoom:1; width:140px; margin-bottom:10px; height:1px; background:#444;}
.footer .container .footer_con .zhu .ul_1 li .l_line span{ display:block; width:30px; height:1px; background:#85c227;}
.footer .container .footer_con .zhu .ul_1 li a:first-child:hover {
  color: #85c227;
}
.footer .container .footer_con .zhu .ul_2 {
  width: 25%;
  float: right;
  padding-left: 30px;
  color: #999;
  font-family: "微软雅黑";
}
.footer .container .footer_con .zhu .ul_3 {
  width: 25%; background:#555; margin-bottom:30px;
  float: right; height:60px;
  color: #999;
}
.footer .container .footer_con .zhu .ul_3 h6{ text-align:center; font-size:14px; line-height:40px; color:#fff}
.footer .container .footer_con .zhu .ul_3 .sz{ display:inline-block; *display:inline; zoom:1; height:1px; margin-bottom:10px; float:left; width:300px; background:#555;}
.footer .container .footer_con .zhu .ul_3 .sz span{ display:block; height:1px; width:30px; background:#85c227;}

.footer .container .footer_con .zhu .ul_2 .l_line{ display:inline-block; *display:inline; zoom:1; height:200px; margin-bottom:10px; float:left; width:1px; background:#444;}
.footer .container .footer_con .zhu .ul_2 .l_line span{ display:block; height:30px; width:1px; background:#85c227;}
.footer .container .footer_con .zhu .ul_2 .ewm{ width:45%; margin-right:10px; float:left;}
.footer .container .footer_con .zhu .ul_2 .ewm img{ width:100px; height:100px; margin-top:10px;}
.footer .container .footer_con .zhu .ul_2 .ewm p{ text-align:center;color: #999; height:30px; line-height:30px;}
.footer .container .footer_con .zhu .ul_2 span {
  background: #85c227;
  display: inline-block;
  height: 2px;
  width: 50px;
  vertical-align: text-top;
}
.footer .container .footer_con .zhu .ul_2 h6 {color: #999;
  line-height: 25px; font-size:12px; text-align:left; margin-left:20px;
}
.footer .container .footer_con .zhu .ul_2 h6 a {
  color: #999;
}
.footer .container .footer_con .zhu .ul_2 h6 a:hover {
  color: #85c227;
}
@media (max-width: 768px) {
  .footer .container .footer_con .zhu .ul_1 {
    float: none;
    width: 100%;
  }
  .footer .container .footer_con .zhu .ul_2 {
    float: none;
    width: 100%;
    margin-top: 15px;
  }
}
.footer .container .footer_con .link {
  margin-top: 40px; width:1200px; height:50px; line-height:50px; border-top:1px dashed #444;color: #888; text-align:left;
}
.footer .container .footer_con .link span{color: #fff; }
.footer .container .footer_con .link a{ padding-right:10px;}
.footer .copy_z { height:50px; line-height:50px; background:#222;color: #888;
}


/***********************************************************内页样式************************************************************************/
.ba1{ height:400px;}
.ba1 h3{ font-size:55px; letter-spacing:5px; color:#fff; padding-top:150px;}
.ba1 p{ font-size:16px; color:#fff; padding-top:10px;}

.main{ background:#fff}
.main1{ background:#f5f5f5}
.page {
  margin: 0px 0px 20px 0px;
  padding-top: 20px;
  text-align: center;
}
.page .fa-caret-left {
  font-size: 14px;
  padding: 0px 3px;
}
.page .fa-caret-right {
  font-size: 14px;
  padding: 0px 3px;
}
.page .fa-backward {
  font-size: 10px;
}
.page .fa-forward {
  font-size: 10px;
}
.page .active {
  color: #85c227;
  text-decoration: line-through;
  font-weight: bold;
}
.page a {
  color: #444;
  margin: 0px 3px;
  text-align: center;
}
.page a:hover {
  color: #85c227;
}
.page .ye {
  color: #444;
  margin: 0px 2px;
  width: 50px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  background: #e1e1e1;
  text-align: center;
}
.page .ye:hover {
  color: #fff;
  background: #85c227;
}
.page .fa-backward,
.page .fa-forward {
  position: relative;
  top: -1px;
}
@media (max-width: 480px) {
  .page {
    margin: 0px 0px 40px 0px;
  }
}


.head_bar {
  max-width: 1200px;
  width: 98%; border-bottom:1px dashed #eee;
  text-align: right;
  line-height: 45px; height:45px;
  color: #444;
  font-size: 14px;
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.head_bar a {
  color: #444;
}
.head_bar a:hover {
  color: #0d7dcf;
}
.head_bar .active {
  color: #0d7dcf;
}
.top_qie {
  height: 55px;
  margin-top: 30px;
  width: 100%;
  text-align: left;
}
.top_qie a {
  display: inline-block;
  font-size: 14px;
  color: #444;
  line-height: 35px; margin-right:20px;
}
.top_qie a:hover {
  color: #0d7dcf;
}
@media (max-width: 480px) {
  .top_qie a {
    margin: auto 10px;
  }
}
.top_qie a.active {
  background: url(../images/a_active.png) center no-repeat #f5f5f5; padding:5px 15px 15px 15px;
}
.travel_con {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
.travel_con .xianguan {
  height: 40px;
  background: #f2f3ed;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  color: #444;
  margin: 20px auto;
}
.tra_ul {
  width: 100%; height:55px; background:#f5f5f5;
}
.tra_ul ul {
  width: 100%;
  text-align: center;
  margin: auto;
  padding-top: 20px;
}
.tra_ul ul li {
  float: left;
  width: 31.333%;
  position: relative;
  max-width: 392px;
  margin-left: 2%;
  margin-bottom: 40px;
}
.tra_ul ul li a {
  display: block;
  position: relative;
  color: #444;
  font-size: 17px;
  line-height: 30px;
  overflow: hidden;
}
.tra_ul ul li a img {
  z-index: 9999;
  transition: 0.3s;
}
.tra_ul ul li a i {
  display: block;
  padding-bottom: 71.05263157894737%;
}
.tra_ul ul li a:hover {
  color: #85c227;
  font-weight: bold;
}
.tra_ul ul li a:hover img {
  transform: scale(1.1);
}
.tra_ul ul li:after {
  content: "";
  padding-bottom: 71.05263157894737%;
  border: 1px solid #d9d9d9;
  position: absolute;
  width: 95%;
  top: -10px;
  left: -10px;
  z-index: 9;
}
.tra_ul ul li:hover:after {
  border: 1px solid #85c227;
}
@media (max-width: 640px) {
  .tra_ul ul {
    width: 80%;
  }
  .tra_ul ul li {
    width: 100%;
    float: none;
    margin: auto auto 30px;
    margin-left: 4%;
  }
}
.tra_ul .top_a {
  text-align: left; width:1170px;
  margin: 0px auto 30px; padding-top:20px;
}
.tra_ul .top_a a {
  display: inline-block;
  color: #444; margin-right:20px;
  font-size: 14px;
  background: url(../images/dian.png) no-repeat center right;
}
.tra_ul .top_a a:last-child {
  background: none;
}
.tra_ul .top_a a:hover {
  color: #0d7dcf;
}
.tra_ul .top_a .active {
  color: #0d7dcf;
}
.tra_ul .page {
  padding-top: 0px;
}

.con-box{ background:#fff; width:1180px; margin:5px auto 30px; padding:20px;}
.con-box p{ line-height:30px; color:#444; text-align:left; font-size:14px;}
.con-box h4{ margin:10px 0; color:#444; text-align:left; font-size:20px; font-weight:bold}
.tu1 img { width:1155px; text-align:center; margin:20px auto;}

.about_img {
  position: relative;
  margin: 2% 0px;
}
.about_img img {
  z-index: 1;
}
.about_img .kuan_a {
  width: 229px;
  height: 158px;
  background: url(../images/about_kuan.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -79px;
  left: 15%;
  z-index: 999;
  padding: 10px 15px;
}
.about_img .kuan_a span {
  display: block;
  font-size: 34px;
  color: #333; margin-top:10px;
  font-weight: 700;
  line-height: 40px;
  height: 40px;
  width: 100%;
  overflow: hidden;
}
.about_img .kuan_a time {
  display: block;
  color: #333;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 9999;
}
.about_img .kuan_a em {
  width: 188px;
  height: 44px;
  background: #0d7dcf;
  color: #fff;
  display: block;
  line-height: 44px;
  text-align: center;
  font-style: normal;
  margin-top: 15px;
}
@media (max-width: 980px) {
  .about_img .kuan_a {
    display: none;
  }
}

/*资质荣誉*/
.con-box .honor {
  width: 100%;
}
.con-box .honor ul {
  width: 1300px; margin-right:-20px;
  text-align: center;
  margin: auto;
  padding-top: 20px;
}
.con-box .honor ul li {
  float: left;
  width: 21%;
  position: relative;
  max-width: 392px; margin-right:20px;
  margin-bottom: 10px;
}
.con-box .honor ul li a {
  display: block;
  position: relative;
  color: #444;
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
}
.con-box .honor ul li a img {
  z-index: 9999; border:1px solid #ccc;
  transition: 0.3s;
}
.con-box .honor ul li a:hover {
  color: #85c227;
}
.con-box .honor ul li a img:hover {
  border: 1px solid #85c227;
}
@media (max-width: 640px) {
  .con-box .honor ul {
    width: 80%;
  }
  .con-box .honor ul li {
    width: 100%;
    float: none;
    margin: auto auto 30px;
    margin-left: 4%;
  }
}

/*产品展示*/
.step{ width:100%; max-width:1200px; margin:30px auto;}
.step ul{ width:100%; text-align:center;}
.step ul li{ width:300px; float:left; margin-bottom:30px;}
.step ul li:hover{ background:#0d7dcf;}
.step ul li .name{ width:100%; height:30px; line-height:30px; margin-top:15px; font-size:14px; color:#444;}
.step ul li .name:hover{ color:#fff}

.product{ width:100%; max-width:1200px; margin:20px auto;}
.product ul{ width:1300px; margin-right:-20px;}
.product li{ width:1200px; height:300px; padding:20px 0; margin-bottom:20px; float:left; margin-right:20px; position:relative; overflow:hidden;}
.product li .l_up{ width:300px; height:255px; float: left; position:relative;}
.product li .l_up .title{ width:100%; height:50px; text-align:left; line-height:50px; color:#444; font-size:16px;}
.product li .l_up .l_line{ display:inline-block; *display:inline; zoom:1; width:190px; float:left; height:2px; text-align:left; background:#777;}
.product li .l_up .l_line span{ display:block; width:60px; height:2px; background:#85c227;}
.product li .l_up .tu{ width:270px; height:250px; margin:0px auto; padding-top:30px;}
.product li .l_up .tu img{ width:270px; height:210px; vertical-align:top;}
.product li .l_dn{ width:70%; height:153px; float:right; text-align:left; padding-top:40px;}
.product li .l_dn .name{ float:left; margin-right:20px;}
.product li .l_dn .title{ float:left; width:85%;}
.product li .l_dn p{ width:100%; margin:0px auto; color:#444; font-size:12px; line-height:30px;}

/*产品系列1*/
.pro1{ width:100%; max-width:1200px; margin:20px auto;}
.pro1 ul{ width:1300px; margin-right:-20px;}
.pro1 li{ width:265px; height:220px; background:#fff; padding:10px; margin-bottom:10px; float:left; margin-right:20px; position:relative; overflow:hidden;}
.pro1 li .l_up{ width:100%; height:185px; float: left; position:relative;}
.pro1 li .l_up .tu{ width:250px; height:195px; border:1px solid #eee; margin:0px auto;}
.pro1 li .l_up .tu img{ width:200px; height:165px; vertical-align:top; padding-top:15px;}
.pro1 li .l_up .title{ width:100%; height:50px; text-align: center; line-height:50px; color:#444; font-size:14px;}
.pro1 li:hover .tu {border:1px solid #85c227;}

/*产品详情选项卡*/
.pro-show{ width:1200px; margin:0px auto;}
.pro-show .tab{ overflow:hidden;}
.pro-show .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#333;}
.pro-show .tab a:hover{color:#0d7dcf; text-decoration:none;}
.pro-show .tab a.on{ color:#0d7dcf; border-bottom:2px solid #0d7dcf; text-decoration:none;}
.pro-show .con{ overflow:hidden; padding:20px; width:1160px; background:#fff}
.pro-show .con li.tabli{ display:none; text-align:left; background:#fff;}


/*相关产品*/
.xi_guan {
  margin: 2% 0;
}
.xi_guan .guan_c {
  width: 100%;
  max-width: 520px;
  margin: auto;
  background: #0d6fb8;
  height: 42px;
  line-height: 42px;
}
.xi_guan .guan_c span {
  display: block;
  width: 33%;
  margin: auto;
  font-size: 16px;
  color: #fff;
  background: #0d7dcf;
  font-weight: 700;
  text-align: center;
}
.pro_zi_ul li {
  border: 5px solid #eaeaec;
  width: 26.3%;
  float: left;
  padding: 20px;
  margin-bottom: 4%;
  margin-right: 4%;
}
.pro_zi_ul li:nth-child(3n+3) {
  margin-right: 0px;
}
.pro_zi_ul li .pic {
  position: relative;
  display: block;
  overflow: hidden;
}
.pro_zi_ul li .pic i {
  display: block;
  padding-bottom: 69.12442396313364%;
}
.pro_zi_ul li .pic img {
  transition: 0.5s; width:300px; height:240px; margin-bottom:10px;
}
.pro_zi_ul li .pic:hover img {
  transform: scale(1.1);
}
.pro_zi_ul li .text {
  text-align: center;
}
.pro_zi_ul li .text p {
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  height: 30px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.pro_zi_ul li .text a {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: #0d7dcf;
  padding: 5px 18px;
  border-radius: 10px;
}
.pro_zi_ul li .text a:hover {
  background: #3C3C3C;
}
@media (max-width: 980px) {
  .pro_zi_ul li {
    width: 48.5%;
    margin-right: 3%;
  }
  .pro_zi_ul li:nth-child(3n+3) {
    margin-right: 2%;
  }
  .pro_zi_ul li:nth-child(2n+2) {
    margin-right: 0px;
  }
}
@media (max-width: 480px) {
  .pro_zi_ul li {
    width: 100%;
    margin-right: 0px;
  }
}

/*新闻*/
.news_zi_ul {
  width: 100%;
}
.news_zi_ul li {
  padding: 30px 0px;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
.news_zi_ul li .news_left {
  width: 85%;
  float: left;
}
.news_zi_ul li .news_left .pic {
  width: 300px;
  height: 100px;
  float: left;
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 1%;
}
.news_zi_ul li .news_left .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
}
.news_zi_ul li .news_left .txt {
  width: 65%;
  float: right;
}
.news_zi_ul li .news_left .txt a {
  color: #4c4c4c; text-align:left;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  width: 95%;
  display: block;
  margin-bottom: 15px;
  height: 25px;
  line-height: 25px;
}
.news_zi_ul li .news_left p {
  font-size: 12px;
  color: #444;
  line-height: 24px;
  width: 95%;
  max-height: 72px;
  overflow: hidden;
}
.news_zi_ul li .news_right {
  width: 10%;
  float: right;
  border-left: 1px solid #ccc;
  min-height: 50px;
  color: #777;
  font-family: arial;
  text-align: left;
  padding-left: 3%;
  min-height: 95px;
}
.news_zi_ul li .news_right span {
  font-size: 32px; color:#0d7dcf;
  display: block; padding-top:10px;
  line-height: 45px;
}
.news_zi_ul li .news_right time {
  font-size: 15px;
}
@media (max-width: 768px) {
  .news_zi_ul li .news_right {
    padding-left: 10px;
    padding-top: 15px;
  }
}
@media (max-width: 680px) {
  .news_zi_ul li .news_right span {
    font-size: 24px;
  }
  .news_zi_ul li .news_right time {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .news_zi_ul li .news_left {
    width: 68%;
  }
  .news_zi_ul li .news_right {
    width: 32%;
  }
}
.news_zi_ul li:hover .news_left a {
  color: #85c227;
}
/*新闻显示页面*/
.news_show {
  max-width: 1240px;
  width: 98%;
  margin: auto;
  color: #444;
}
.news_show .show_t {
  font-size: 26px;
  text-align: center;
  display: block;
  margin: 10px auto;
  color: #0d7dcf;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 480px) {
  .news_show .show_t {
    font-size: 18px;
  }
}
.news_show .fa_time {
  font-size: 14px;
  color: #999;
  text-align: center;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.news_show p {
  margin: 30px auto;
  line-height: 30px;
  width: 100%;
  text-align: left;
}
.news_show .s_img {
  margin-bottom: 30px;
}
.news_show .s_img .pic {
  width: 48%;
  float: left;
  margin-right: 2%;
  position: relative;
}
.news_show .s_img .pic i {
  display: block;
  padding-bottom: 65%;
}
.news_show .s_x {
  margin-top: 30px;
  margin-bottom: 70px;
  overflow: hidden;
}
.news_show .s_x a {
  display: block;
  width: 45%;
  float: left;
  border: 1px solid #ccc;
  height: 32px;
  line-height: 32px;
  padding-left: 30px;
  color: #777;
  box-shadow: 0px 2px 0px #e6e6e6;
  -moz-box-shadow: 0px 2px 0px #e6e6e6;
  -webkit-box-shadow: 0px 2px 0px #e6e6e6;
  background: url(../images/show_s1.png) no-repeat 20px center;
  overflow: hidden;
  margin-bottom: 2px;
}
.news_show .s_x a:hover {
  border: 1px solid #85c227;
  box-shadow: 0px 2px 1px #a2bf78;
  color: #444;
  background: url(../images/show_x2.png) no-repeat 20px center;
}
.news_show .s_x .s_prev {
  margin-right: 4%;
}
@media (max-width: 480px) {
  .news_show .s_x {
    margin-bottom: 40px;
  }
  .news_show .s_x a {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}
.news_show h2{ text-align:center; font-size:25px; color:#444}

/*资料下载*/
.down_zi_ul {
  width: 100%;
}
.down_zi_ul li {
  padding: 5px 0px;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
.down_zi_ul li .down_left {
  width:86%;
  float: left;
}
.down_zi_ul li .down_left .txt {
  width: 100%;
  float: right;
}
.down_zi_ul li .down_left .txt a {
  color: #4c4c4c; text-align:left;
  font-size: 14px;
  overflow: hidden;
  width: 95%;
  display: block;
  height: 35px;
  line-height: 45px;
}
.down_zi_ul li .down_right {
  width: 10%;
  float: right;
  border-left: 1px solid #ccc;
  min-height: 40px;
  color: #777;
  font-family: arial;
  text-align: center;
}
.down_zi_ul li .down_right span {
  font-size: 32px; color:#0d7dcf;
  display: block;
  line-height: 35px;
}
@media (max-width: 768px) {
  .down_zi_ul li .down_right {
    padding-left: 10px;
    padding-top: 15px;
  }
}
@media (max-width: 680px) {
  .down_zi_ul li .down_right span {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .down_zi_ul li .down_left {
    width: 68%;
  }
  .down_zi_ul li .down_right {
    width: 32%;
  }
}
.down_zi_ul li:hover .down_left a {
  color: #85c227;
}

/*解决方案*/
.solution{ width:100%; max-width:1200px; margin:20px auto;}
.solution ul{ width:1300px; margin-right:-20px;}
.solution li{ width:550px; height:180px; background:#fff; border:1px solid #eee; padding:10px; margin-bottom:20px; float:left; margin-right:20px; position:relative; overflow:hidden;}
.solution li .l_up{ width:40%; height:185px; float: left; position:relative;}
.solution li .l_up .tu{ width:200px; height:155px; margin:0px auto; padding-top:0px;}
.solution li .l_up .tu img{ width:200px; height:155px; padding-top:10px; vertical-align:top;}
.solution li .l_dn{ width:55%; height:153px; float:right; text-align:left; padding-right:5px;}
.solution li .l_dn .title{ width:100%; height:50px; line-height:50px; margin-top:7px; color:#444; font-weight:bold; font-size:16px;}
.solution li .l_dn .l_line{ display:inline-block; *display:inline; zoom:1; width:140px; margin:0px auto; height:2px; text-align:left; background:#777;}
.solution li .l_dn .l_line span{ display:block; width:60px; height:2px; background:#85c227;}
.solution li .l_dn p{ width:100%; margin:0px auto; padding-top:10px; color:#666; font-size:12px; line-height:175%;}

.wz1{ text-align: center; font-size:16px; margin-bottom:10px;}
.wz2 {
  color: #686868;
  font-size: 13px;
  line-height: 35px;
  height: 35px;
  overflow: hidden;
  widows: 100%;
  display: block;
  background: url(../images/li_san.png) no-repeat left center;
  padding-left: 30px;
}


/*联系我们*/
.nei {
}
.nei .left { float:left;
  width: 100%;
  color: #444;
}
.nei .left h4{ font-size:20px; font-weight:bold; text-align:left}
.nei .left p{ line-height:30px; color:#444}
@media (max-width: 480px) {
  .nei .left a,
  .nei .left span {
    font-size: 14px;
    margin: 10px auto;
  }
}
@media (max-width: 320px) {
  .nei {
    padding-bottom: 40px;
  }
}

/*底部快速导航*/
.box-bg{ background:#f5f5f5}
.box{ width:100%; max-width:1000px; margin:0px auto; padding:50px;}
.box ul{ width:100%;}
.box ul li{ width:24.6%; float:left; text-align:center;}
.box ul li .tu{ width:80px; height:80px; margin:0px auto; background:#bbb; border-radius:80px; text-align:center;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.box ul li a:hover .tu{ background:#85c227}
.box ul li .tu img{ width:80px; height:80px; vertical-align:top;}
.box ul li h6{ width:100%; height:40px; line-height:40px; font-size:16px; color:#444; text-align:center;}