
/*幻灯片CSS*/
#banner {
  	width: 100%;
  	position: relative;
}
#banner .hd {
  	position: absolute;
  	bottom: 20px;
  	left: 50%;
  	z-index: 2;
  	font-size: 0;
  	transform: translate(-50%,0);
  	-ms-transform: translate(-50%,0);
  	-webkit-transform: translate(-50%,0);
  	-moz-transform: translate(-50%,0);
  	-o-transform: translate(-50%,0);
}
#banner .hd li {
  	width: 40px;
  	height: 5px;
  	background-color: #ffffff;
  	display: inline-block;
  	margin: 0 5px;
  	cursor: pointer;
}
#banner .hd .on {
  	background-color: #046bae;
}
#banner .bd a {
  	display: block;
  	width: 100%;
  	height: 570px;
  	background-repeat: no-repeat;
  	background-position: center;
}
#banner .btn {
  	width: 47px;
 	height: 120px;
  	position: absolute;
  	opacity: .5;
  	filter:Alpha(opacity=50)
  	transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
}
#banner .btn:hover{
	opacity: 1;
	filter:Alpha(opacity=100)
}
#banner .prev {
	top: 50%;
  	background: url("../images/prev.png") no-repeat center;
  	left: 3%;
  	transform: translate(0,-50%);
  	-ms-transform: translate(0,-50%);
  	-webkit-transform: translate(0,-50%);
  	-moz-transform: translate(0,-50%);
  	-o-transform: translate(0,-50%);
}
#banner .next {
  	background: url("../images/next.png") no-repeat center;
  	right: 3%;
  	top: 50%;
  	transform: translate(0,-50%);
  	-ms-transform: translate(0,-50%);
  	-webkit-transform: translate(0,-50%);
  	-moz-transform: translate(0,-50%);
  	-o-transform: translate(0,-50%);
}
/*幻灯片CSS*/

/*公司简介*/
.about{
	padding:60px 0;
}
.about .tu{
	display: inline-block;
	vertical-align: top;
	width: 580px;
	height: 350px;
	position: relative;
}
.about .tu .hd {
  	position: absolute;
  	bottom: 15px;
  	left: 50%;
  	z-index: 2;
  	font-size: 0;
  	transform: translate(-50%,0);
  	-ms-transform: translate(-50%,0);
  	-webkit-transform: translate(-50%,0);
  	-moz-transform: translate(-50%,0);
  	-o-transform: translate(-50%,0);
}
.about .tu .hd li {
  	width: 15px;
  	height: 15px;
  	background-color: #ffffff;
  	display: inline-block;
  	margin: 0 5px;
  	cursor: pointer;
  	border-radius: 100%;
}
.about .tu .hd .on {
  	background-color: #046bae;
}
.about .tu .bd a {
  	display: block;
  	width: 580px;
	height: 350px;
  	background-repeat: no-repeat;
  	background-position: center;
}
.about .content{
	display: inline-block;
	vertical-align: top;
	width: 580px;
	height: 350px;
	background: #f1f1f1;
	padding: 40px;
}
.about .content h2{
	font-size: 24px;
	color: #2f2f2f;
	margin-bottom: 2px;
}
.about .content span{
	font-size: 12px;
	color: #999999;
}
.about .content .contents{
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #303030;
	height: 160px;
	overflow: hidden;
}
.about .content a{
	display: inline-block;
	width: 135px;
	height: 30px;
	border: 2px solid #343434;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	color: #333333;
}
/*公司简介*/

/*机械设备*/
.shebei{
	background: url(../picture/shebei.jpg) no-repeat top center;
	padding: 55px 0;
}
.shebei .title{
	text-align: center;
	border-bottom: 1px solid #c8cecc;
	margin-bottom: 10px;
}
.shebei .title span{
	display: inline-block;
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 3px solid #ffffff;
}
.shebei .desc{
	text-align: center;
	font-size: 14px;
	color: #cacad2;
}
.picMarquee-left{
	overflow:hidden; 
	position:relative;
	margin-top: 50px;
}
.picMarquee-left .bd ul{ 
	overflow:hidden; 
	zoom:1; 
}
.picMarquee-left .bd ul li{ 
	margin-right:24px; 
	float:left; 
	_display:inline; 
	overflow:hidden; 
	text-align:center;  
}
.picMarquee-left .bd ul li .pic{ 
	text-align:center;
	font-size: 0;
	margin-bottom: 10px;
}
.picMarquee-left .bd ul li .pic a{
	display: inline-block;
	width:220px; 
	height:220px;
	overflow: hidden;
}
.picMarquee-left .bd ul li .pic img{	
	display:block; 
}
.picMarquee-left .bd ul li .titlea{ 
	
}
.picMarquee-left .bd ul li .titlea a{
	display: block;
	line-height:40px;
	background: #07354f;
	color: #878173;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.picMarquee-left .bd ul li:hover .titlea a{ 
	background: #000000;
	color: #ffffff;
}
/*机械设备*/

/*案例展示*/
.case{
	padding: 60px 0;
}
.casebody {}

.caselist {
	float: right;
	width: 960px;
}

.caselist ul {}

.caselist li {
	float: left;
	width: 220px;
	margin-left: 20px;
	margin-top: 20px;
}
.caselist li:nth-child(1),
.caselist li:nth-child(2),
.caselist li:nth-child(3),
.caselist li:nth-child(4){
	margin-top: 0;
}
.caselist li a {
	position: relative;
	display: block;
	width: 220px;
	height: 220px;
	overflow: hidden;
}

.caselist li img {
	width: 220px;
	height: 220px;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}


.caselist li h4 {
	background:#0e0e0e;
	font-weight: normal;
	color: #fff;
	line-height: 40px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	filter: Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	font-size: 14px;
}

.caselist li a:hover h4 {
	background: #046bae;
}

.caseclass {
	float: left;
	width: 240px;
}
.caseclass h3{
	background: #046bae;
	color: #ffffff;
	font-size: 14px;
	line-height: 40px;
	padding: 0 30px;
	font-weight: bold;
}
.caseclass ul {
	padding:15px 20px;
	background: #f1f1f1;
}

.caseclass li {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.caseclass li a {
	display: block;
	line-height: 29px;
	border-bottom: 1px dashed #ccc;
	background: url(../images/classlist.jpg) no-repeat 0 center;
	padding: 6.7px 0 6.7px 15px;
	color: #666;
	font-size: 14px;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.caseclass li a:hover {
	border-bottom: 1px dashed #046bae;
	background: #046bae url(../images/classlisth.jpg) no-repeat 180px center;
	color: #fff;
	padding-left: 10px;
}
/*案例展示*/

/*新闻中心*/
.news{
	background: #ededed;
	padding: 60px 0;
}
.news .title{
	text-align: center;
	border-bottom: 1px solid #cbcbcb;
	margin-bottom: 10px;
}
.news .title span{
	display: inline-block;
	font-size: 28px;
	color: #333333;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 3px solid #333333;
}
.news .desc{
	text-align: center;
	font-size: 14px;
	color: #666666;
}
.news .newslist{
	margin-top: 35px;
}
.news .newslist li{
	width: 570px;
	margin-right: 60px;
	padding: 20px 0 25px;
	border-bottom: 1px solid #bebebe;
}
.news .newslist li:nth-child(2n){
	margin-right: 0;
}
.news .newslist li h3{
	margin-bottom: 3px;
}
.news .newslist li h3 a{
	display:block;
	font-size: 16px;
	color: #333333;
	white-space: nowrap;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news .newslist li time{
	color: #999999;
	font-size: 12px;
}
.news .newslist li p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top: 10px;
}
/*新闻中心*/