@charset "gb2312";
/* CSS Document */
.section{
	width:1200px;
	margin:0px auto;
	padding-top:20px;
}
.system {
	float:left;
}
.system .title img{
	vertical-align: middle;
    padding-bottom: 6px;
    padding-right: 10px;
}
.system .title{
	font-size:18px;
	color:#000;
}
.imgList {
	float:left;
	padding-top:6px;
}
.imgList .consulting{
	position:relative;
	cursor: pointer;
}
.imgList .consulting img{display: block; width: 100%; min-height: 100%;}
.imgList .consulting .consult{
	position:absolute;
	top:50%;
	left:48%;
	color:#fff;
	font-size: 18px;
}
.imgList .steel{
	margin-top:20px;
}
.imgList .steel>ul>li{
	position:relative;
	width:48.7%;
	float:left;
	cursor: pointer;
}
.imgList .steel>ul>li.margin_right{float: right;}
.imgList .steel>ul>li>img{width: 100%; display: block; min-height: 100%;}
.imgList .steel>ul>li span{
	position:absolute;
	top:50%;
	left:34%;
	color:#fff;
	font-size: 18px;
}
.imgList .steel>ul>li.margin_right{
	text-align: right;
}
.imgList .energy{
	margin-top:20px;
}
.imgList .energy>ul>li{
	position:relative;
	width:32%;
	margin-right: 2%;
	float:left;
	cursor: pointer;
}
.imgList .energy>ul>li img{display: block; width: 100%; min-height: 100%;}
.imgList .energy>ul>li span{
	position:absolute;
	top: 40%;
    left: 14%;
	color:#fff;
	font-size: 18px;
	text-align:center;
}
.imgList .energy ul>li:first-child{
	text-align: left;
}
.imgList .energy ul>li:last-child{
	text-align: right;
}
.events{
	float:right;
	margin-top:37px;
	background:#d7e5f1;
	width:300px;
}
.events .title{
	font-size:20px;
	padding-left:10px;
	padding-top:10px;
	color:#000;
}
.events li{
	padding-left:10px;
	padding-top:14px;
}
.events li i{
	width:4px;
	height:4px;
	border:1px solid #afb3b5;
    display: inline-block;
    float: left;
    margin-top: 8px;
}
.events li a{
	color:#333;
	font-size:14px;
	padding-left:10px;
    float: right;
    width: 274px;
}
.events li a:hover{ color:#06F;}
.events .more {
	padding-bottom:24px;
}
.events .more a{
	background: #275cad;
	color:#fff;
	margin-top:10px;
	padding:4px 12px;
	border-radius:6px;
	width:40px;
    float: none;
    font-size:15px;
}
.advantage{
	width:1200px;
	margin:20px auto;
}
.advantage .title img{
	vertical-align:middle;
	float: left;
}
.advantage .title .da{
	font-size:18px;
	padding-bottom:12px;
	border-bottom:4px solid #e1e1e1;
	float:right;
	width:97%;
}
.imgLink {
	margin-top:20px;
}
.imgLink li {
	float: left;
    width: 193px;
    margin-right: 8px;
    text-align: center;
}
.imgLink ul >li:last-child{
	margin-right:0;
}
.imgLink li a .ts {
	font-size:16px;
	color:#414141;
	text-align:left;
	padding:0 6px;
}
.jin{position: absolute; bottom: 0; left: 50%; margin-left: -7px; display: none; width: 14px; height: 10px; background: url(../images/jin.png) no-repeat center;}
.imgLink li a .ts:hover{ color:#06F;}
.picScroll{ width:870px;  background: #d7e5f1; position: absolute; top: 100%; z-index: 11; left: 0; display: none;}
.picScroll .hd{height:36px;line-height:35px;padding:0 15px; background:#f4f4f4; }
.picScroll .hd h2{ font-family: "Microsoft YaHei"; font-size: 17px; color: #C80300; float: left; margin-right: 15px; }
.picScroll .bd{ position:relative;  }
.picScroll .prev,.picScroll .next{ position: absolute; top: 50%; margin-top: -11.5px; left:20px; display: block; width: 13px; height: 23px; background: url(../images/preve.png)no-repeat center; z-index: 12; overflow: hidden; }
.picScroll .next{ left:auto; right:20px; background: url(../images/next.png) no-repeat center;}


.picScroll .scrollWrap{ width: 774px; overflow: hidden; margin: 0 auto; padding: 40px 0;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll li{ width:180px; margin: 0 7px; position:relative; float:left; display:inline;}
.picScroll li .pic {position:relative;display:block;overflow:hidden;margin-bottom:6px; width: 180px; height: 120px;}
.picScroll li .pic img {display:block;width: 100%; min-height: 100%;-webkit-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.picScroll li:hover .pic img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.picScroll li p {margin-top:5px;color:#999;line-height:21px; font-size: 15px; color: #414141;}
.imgList .steel>ul>li.margin_right .picScroll{left: auto; right: 0;}
.imgList .energy>ul>li.margin_right{margin-right: 0;}
.imgList .energy>ul>li.margin_right .picScroll{left: auto; right: 0;}
.imgList .energy>ul>li.margin_center .picScroll{left: 50%; margin-left: -435px;}