@charset "utf-8";

body{

	background: url(../images/bodybg.jpg) repeat;

}

.banner{

	position: relative;

	height: 450px;

	width: 100%;

	overflow: hidden;

}

.banner ul{

	position: absolute;

	height: 450px;

	width: 1920px;

	left: 50%;

	margin-left: -960px;

}

.mainbox{

	width: 100%;

	background: #fff;

	padding-bottom: 24px;

}

.main{

	width: 1200px;

	margin: 0 auto;

	padding-top: 30px;

}

.mainh2{

	width: 100%;

	font-size: 18px;

	line-height: 34px;

	color: #404040;

	letter-spacing: 0.06em;

}

.mainh2 span{

	position: relative;

	display: block;

	float: left;

	color: #000;

	padding-right: 10px;

	margin-right: 10px;

	font-size: 20px;

}
/*
.mainh2 span::after{

	content: "";

	width: 1px;

	height: 20px;

	background: #000;

	position: absolute;

	right: 0;

	top: 8px;

}*/

.main .proinfo{

 	float: left;

}

.main .about{

	float: right;

}

.case{

	width: 1200px;

	overflow: hidden;

	margin: 34px auto 0;

}

.case .caselist{

	width: 110%;

}

.case .caselist li{

	position: relative;

	width: 291px;

	float: left;

	margin-right: 12px;

	z-index: 1;

}

.case .caselist .caseimg{

	width: 290px;

	height: 218px;

	overflow: hidden;

}

.case .caselist li p{

	display: block;

	width: 288px;

	height: 38px;

	line-height: 38px;

	font-size: 14px;

	border: 1px solid #A7A5A7;

	position: relative;

	top: -1px;

	left: 0px;

	z-index: -1;

	text-indent: 8px;

}

.news{

	position: relative;

	width: 1200px;

	margin: 28px auto 0;

}

.newsbox{

	position: relative;

	width: 1032px;

	min-height: 350px;

	margin: 15px auto 0;

	overflow: hidden;

}

.newslist{

	position: absolute;

	width: 1000%;

}



.newslist li{

	position: relative;

	width: 324px;

	float: left;

	margin-right: 30px;

	background: #fff;



}

.newslist .newsimg{

	position: relative;

	background: #fff;

	width: 100%;

	height: 195px;

	overflow: hidden;

}

.newslist li h3{

	width: 100%;

	position: absolute;

	top: 148px;

	height: 46px;

	line-height: 46px;

	background: rgba(67,137,201,0.7)!important;

	filter:Alpha(opacity=70);

	background: #4389C9;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	text-indent: 12px;

}

.newslist li h3 a{
    color: #fff;
    font-size: 18px;
    display: block;
    width: 320px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}

.newslist li p{

	font-size: 13px;

	color: #413F41;

	text-indent: 2em;

	line-height: 24px;

	padding-top: 8px;

	border: 1px solid #A7A5A7;

	margin-top: -1px;

	padding: 16px 12px 0;

}

.newslist li p::after{

	content:"";display:table;clear:both;overflow:hidden;

}

.newslist li p a{

    display: block;
    float: right;
    margin-top: 2px;
    margin-right: 11px;
    color: #f00;
    font-weight: 600;

}

.left_btn{

	cursor: pointer;

	border: none;

	position: absolute;

	left: 8px;

	top: 222px;

	width: 57px;

	height: 47px;

	background: url(../images/l_btn.png) no-repeat center;

}

.right_btn{

	cursor: pointer;

	border: none;

	position: absolute;

	right: 8px;

	top: 222px;

	width: 57px;

	height: 47px;

	background: url(../images/r_btn.png) no-repeat center;

}