﻿/*新闻+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#news { width: 100%; margin: 50px auto; clear: both; }
.news_left { float: left; width: 470px; }
.title { width: 100%; margin: 50px 0; color: #333333; }
.title span { float: left; display: block; line-height: 20px; font-size: 18px; }
.title p { font-size: 12px; color: #999999; float: left; line-height: 20px; }
.title b { border-bottom: 1px solid #cccccc; display: block; float: right; width: 350px; padding-right: 0; }
.title b a { color: #333333; float: right; }
.title b a:hover { color: #01553d; }
.news_content { width: 100%; clear: both; }
.news_content .dl { clear: both; width: 100%; padding-top: 20px; padding-bottom: 140px; border-bottom: 1px solid #cccccc; }
.news_content .dl .dt { float: left; position: relative; overflow: hidden; }
.news_content .dl .dt img { height: 123px; width: 257px; }
.news_content .dl .dd { width: 200px; float: right; }
.news_content .dl .dd span { display: block; font-size: 16px; margin: 10px 0; }
.news_content .dl .dd p { color: #666666; }
.news_content .dl a { clear: both; display: block; width: 100%; color: #333333; }
.news_content .dl a:hover span { color: #01553d; }
/*遮罩*/
.news_content .dl:hover .caption, .news_content .dl .dt.caption { opacity: 1; }

.news_content .dl img { float: left; z-index: 4; }
/*遮罩++++++++++++++++++++++++++++++*/
.news_content .caption { position: absolute; opacity: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }

.news_content .caption .blur { background-color: rgba(1, 85, 61, 0.8); height: 123px; width: 257px; z-index: 6; position: absolute; }

.news_content .caption-text { text-align: center; color: #ffffff; z-index: 99; width: 200px; height: 100px; margin: 40px 25px; position: absolute; }
.news_content .caption-text .more { color: #ffffff; text-align: center; width: 100px; height: 40px; border: 2px solid #ffffff; line-height: 40px; margin: 0 auto; }

.news_content ul { clear: both; padding-top: 10px; width: 100%; }
.news_content ul li { margin: 10px 0; border-bottom: 1px solid #cccccc; padding-bottom: 3px; }
.news_content ul li b { margin-right: 20px; }
.news_content ul li em { float: right; font-style: normal; }
.news_content ul li a { color: #666666; }
.news_content ul li a:hover { color: #01553d; }

.news_right { width: 470px; float: right; }

/*合作客户+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#customer { width: 100%; margin: 100px auto; clear: both; }
#customer .title { width: 100%; background: url(../images/web/hezhou_bj.png) no-repeat center bottom; text-align: center; color: #01553d; font-size: 24px; padding-bottom: 10px; }

/*合作轮播++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.customer_main { width: 100%; margin: 50px auto; height: 300px; }

/*公司介绍轮播++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.als-container { position: relative; width: 100%; height: 300px; overflow: hidden; }

.als-viewport { position: relative; overflow: hidden; margin: 0 auto; width: 1000px; height: 300px; }

.als-wrapper { position: relative; width: 1000px; height: 300px; overflow: hidden; top: 0; }

#pic_r .als-item img { width: 170px; height: 100px; display: block; margin: 0 auto; vertical-align: middle; border: 1px solid #cccccc; overflow: hidden; }
#pic_r .als-item dd { margin-top: 20px; }
#pic_r .als-item { width: 170px; height: 260px; float: left; margin: 0 10px; position: relative; overflow: hidden; text-align: center; }
#pic_r .als-prev, #pic_r .als-next { width: 40px; height: 40px; line-height: 40px; text-align: center; background: #e5e5e5; color: #333333; font-size: 20px; cursor: pointer; position: absolute; clear: both; z-index: 100; bottom: 0; }
#pic_r .als-prev:hover, #pic_r .als-next:hover { background: #caa34e; color: #ffffff; }

#pic_r .als-prev { left: 47%; margin-left: -20px; }

#pic_r .als-next { right: 47%; margin-right: -20px; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.swiper-container-links .img { max-width: 200px; height: 100px; border: solid 1px #cccccc; padding: 1px; overflow: hidden; }
.swiper-container-links .img.b { margin-top: 10px; }
.swiper-container-links .buttons { margin-top: 24px; }
.swiper-container-links .buttons .swiperbtn { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin:0 5px; text-align: center; background: #e5e5e5; color: #333333; font-size: 20px; cursor: pointer; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*
.customer_main{
	width:100%;
	margin:0 auto;
	height:400px;
}
.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	height:300px;
	overflow:hidden;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width:1000px;
	height:400px;
}

.als-wrapper {
	position: relative;
	width:1000px;
	height:240px;
	overflow:hidden;
	overflow:hidden;
	top:0;
}

#pic_r .als-item img {
	width:170px;
	height:100px;
	overflow:hidden;
	display: block;
	margin: 0 auto 20px auto;
	vertical-align: middle;
	border:1px solid #666;
}
#pic_r .als-item{
	cursor: pointer;
	position: relative;
	overflow:hidden;
	display: block;
	margin: 0px 5px;
	width:170px;
	height:240px;
	float:left;
}
#pic_r .als-prev, #pic_r .als-next {
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#e5e5e5;
	color:#333;
	font-size:20px;
	cursor:pointer;
	position:absolute;
	clear: both;
	z-index:100;
}
#pic_r .als-prev:hover, #pic_r .als-next:hover{
	background:#caa34e;
	color:#fff;
}

#pic_r .als-prev {
	bottom:0;
	left:47%;
	margin-left:-20px;
}

#pic_r .als-next {
    bottom:0;
	right:47%;
	margin-right:-20px;
}

*/
