.line {width:100%; padding:20px 0px; margin:0px; overflow:hidden;}
.about-title{font-size: 28px; padding-top: 0px; text-align: center; color:#333; width:100%;}
.about-info{background-image: url('../images/about_bg.jpg'); background-position: center; background-repeat: no-repeat; font-size: 12px;color: #a3a3a3; text-align: center; width:100%;}
.about-info2{background-image: url('../images/about_bg2.jpg'); background-position: center; background-repeat: no-repeat; font-size: 12px;color: #a3a3a3; text-align: center; width:100%;}
.about-info3{background-position: center; background-repeat: no-repeat; font-size: 12px;color: #a3a3a3; text-align: center; width:100%;	margin-bottom: 15px;}


/*案例*/
.clearfix:before {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
    overflow: hidden;
}
.solution{ background: url(../images/v2_solution_bj.jpg) no-repeat center center; margin-top:0px;}
.solution .section-title{ color:#fff; font-size:36px; text-align:center; padding-top:20px;}
.solution .section-subtitle{ color:#fff; margin-bottom: 30px; text-align:center;}
.solution .item{ display: block; background: #fff; margin:0px;}
.solution .item a:hover {
color: #0084e9;
}
.solution .item:after{ content: ""; display: table;}
.solution .item .image img{ max-width: 100%; display: block;}
.solution .item .title{ text-align: center; font-size: 14px; font-weight:bold; margin: 15px 0px; position: relative;}
.solution .item .title span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.solution .item .title:before{ content: ""; border-bottom: 14px solid #fff; border-left:14px solid transparent; border-right:14px solid transparent; position: absolute; left:50%; margin-left:-14px; top: -29px;}
.solution .item .subtitle{ color: #666; text-align: center; margin: 15px 30px; height: 40px; line-height: 20px; overflow: hidden;}
.solution .item .bn{ margin: 15px 30px 30px; border: 1px solid #ddd; border-radius: 3px; height: 40px; line-height: 40px; text-align: center;}
.solution .navi{ width: 236px; margin: 20px auto 30px; overflow: hidden; background: #c5d6e1; background: rgba(255,255,255,.5); border-radius: 3px;}
.solution .navi .nn{ cursor: pointer; width: 50px; height: 50px; float: left; font-size: 30px; color:#fff; text-align: center; padding-top:10px; border: 1px solid #fff; border-color:rgba(255,255,255,.6);}
.solution .navi .nc{ width: 136px; float: left; height: 50px; border-top:1px solid #fff; border-bottom: 1px solid #fff; border-color:rgba(255,255,255,.6); line-height: 50px; text-align: center; color:#fff;}
.solution .navi .nl{ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.solution .navi .nr{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.solution .navi .nn:hover{ background-color: #0084e9; border-color:#3faafd;}
.solution .navi .nn:active{ background-color: #0084e9; border-color:#3faafd;}
.solution .item:hover .bn{ color: #fff; background-color: #0084e9; border-color: #0084e9;}
.clear:after {
visibility: hidden;
display: block;
font-size: 0;
content: "1";
clear: both;
height: 0;
}
.boxtop-list {
	position: relative;
	width: 1170px;
	height: 360px;
	overflow: hidden;
}
.boxtop-list ul {
	position: absolute;
}
.boxtop-list li {
	_display: inline-block;
	position: relative;
	float: left;
	width: 280px;
	height: 360px;
	margin-right: 12px;
	overflow: hidden;
}

.margin-news-top {padding: 30px 0px;}
.lnews{}
.lnews h3{font-size: 20px;padding: 10px 0; font-weight: 800; margin: 0px; color: #000;}
.lnews .media{background-color: #f2f2f2;border-bottom: 2px solid #f2f2f2;}
.lnews .media-body{padding: 10px; font-size: 14px;}
.lnews h4{padding: 10px 0 0 0; font-weight: 800; margin: 0px;}
.lnews .addtime{font-size: 12px; padding: 5px 0;}
.lnews .desc{line-height: 170%; height:90px; overflow:hidden; color:#999;}
.lnews .more{float: right; padding: 5px 10px; background-color: #FFF; margin: 10px 5px;}
.lnews .media a:hover{color: #333;}
.lnews .media:hover{border-bottom-color:#0168B7;}
.lnews .media:hover .more{background-color:#0168B7; color: #FFF;}

.rnews{}
.rnews .more{text-align: right; padding: 0px 6px;}
.rnews .media{border: 1px solid #dadada; padding: 13px 15px; margin-left: 10px;}
.rnews .media a:hover{color: #333;}
.rnews .addtime{padding: 0px 0px 5px;}
.rnews .desc{line-height: 170%; color:#999; height:65px; overflow:hidden;}


.ul-solution{
    overflow: hidden;
}
.ul-solution li{
	float: left;
	width:16.66666%;/*width: 15.67%;*/
	text-align: center;
	margin-bottom: 65px;
    position: relative;
}
.ul-solution li a{
	display: block;
	height: 140px;
	font-size: 16px;
	line-height: 30px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	color:#34a13d;
}
.ul-solution li a span{
	display: block;
	background: url(../images/icon_solution.png) no-repeat;
	width: 102px;
	height: 102px;
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
}
.icon {
	font-size: 50px;
    padding-top: 25px;
    color: #34a13d;
}
.ul-solution li a em{
	display: block;
	position: relative;
	font-weight: bold;
	font-style: normal;
}
.ul-solution li a:hover {
	color:#3a6ea3;
}
.ul-solution li.li1 span{
	background-position: -1px 0;
}
.ul-solution li.li2 span{
	background-position: -215px 0;
}
.ul-solution li.li3 span{
	background-position: -429px 0;
}
.ul-solution li.li4 span{
	background-position: -643px 0;
}
.ul-solution li.li5 span{
	background-position: -857px 0;
}
.ul-solution li.li6 span{
	background-position: -1070px 0;
}
.ul-solution li a:hover span{
	background-image: url(../images/icon_solution_h.png);
}
.icon:hover {
	color:#3a6ea3;
}

.pro {
	text-align: center;
	padding: 0px 27px;
}
.pro a {/*One Product All Css*/
	display:block;
	width:230px;
	height:210px;
	background:#fff;
	border:1px solid #dbdbdb;
	padding:10px 10px 0px;
	margin:0px;
	overflow:hidden;
}
.pro a:hover{
	background:#2a8a15;
	color:#fff;}
.pro_img {/*Product Images*/
	width:210px;
	height:150px;
	padding:0;
	margin:0;
	overflow:hidden;}
.pro_test {/*Product Name*/
	width:220px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin:0px;
	font-size:14px;
	overflow:hidden;}
