@media(max-width:1580px){
	.banner{
		width:100%;
	}
}
@media(min-width:1620px){
	.banner{
		width:1600px;
	}
}
.banner{
	margin:0 auto 30px;
	overflow:hidden;
	position:relative;
}
.img-box{
	width:999999px;
	position:relative;
}
.img-box li img,.img-box li a{
	width:100%;
	display:block;
}
.num-box{
	width:100%;
	text-align:center;
	height:0;
	position:absolute;
	bottom:95px;
}
.num-box li{
	height:10px;
	width:88px;
	background-color:#646464;
	background-color:rgba(100,100,100,.5);
	border-radius:5px;
	cursor:pointer;
}
.num-box li + li{
	margin-left:10px;
}
.num-box li:hover,.num-box .this{
	background-color:#2dab50;
}
.banner-btn{
	position:absolute;
	height:0;
	width:92%;
	margin-left:4%;
	top:50%;
	margin-top:-20px;
}
.banner-btn span{
	width:38px;
	height:41px;
	display:block;
	background-size:100% 100%;
	cursor:pointer;
}
.banner-btn .right{
	background:url('../images/btn-right.png') no-repeat;	
}
.banner-btn .left{
	background:url('../images/btn-left.png') no-repeat;	
}
.banner-bottom{
	position:absolute;
	bottom:0;
	width:100%;
	background-color:#50adf8;
	background-color:rgba(80,173,248,0.3);
	font-size:0;
	padding-top:16px;
	padding-bottom:18px;
}
.banner-bottom  a{
	display:block;
	height:42px;
	float:left;
	border-left:1px solid #a3c8cf;
	width:25%;
	margin-left:-1px;
}
.banner-bottom  a:last-child{
	border-right:1px solid #a3c8cf;
	margin-right:-15px;
}
.banner-bottom  a img{
	margin-left:30px;
	margin-right:15px;
}
.banner-bottom  .a-font {
	color:#ffffff;
	font-size:12px;
	line-height:25px;
	display:inline-block;
	position:relative;
	top:-5px;
}
.banner-bottom  .a-font  h3{
	font-size:16px;
	color:#ffffff;
	text-align:center;
}
.new-list > div,.new-list,.case-list{
	float:left;
}
.new-list{
	margin-right:30px;
}
.new-list .nav-left{
	width:90px;
	margin-right:28px;
}
.new-list .nav-left > h4{
	background-color:#acacac;
	color:#fff;
	text-align:center;
	font-size:12px;
	line-height:2.2;
	padding-top:15px;
	cursor:pointer;
	position:relative;
}
.new-list .nav-left > h4:hover,.new-list .nav-left .this{
	background-color:#348a00;
}
.new-list .nav-left > h4:hover i,.new-list .nav-left .this i{
	display:block;
}
.new-list .nav-left > h4 + h4{
	margin-top:1px;
}
.new-list .nav-left > h4 i{
	width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #348a00;
	position:absolute;
	right:-8px;
	top:50%;
	margin-top:-4px;
	display:none;
}
.new-list .nav-left > h4 img{
	display:block;
	margin:auto;
}
.box-right{
	width:445px;
	border-right:1px solid #efefef;
}
.box-right > div{
	display:none;
}
.list-head{
	font-size:0;
	width:420px;
	border-bottom: 1px dashed #e1e1e1;
	padding: 10px 0 15px;
}
.list-head > a{
	display:inline-block;
	float:left;
}
.list-head .list-img{
	width:120px;
	height:80px;
	padding:2px;
	border:solid  1px #dbdbdb;
	margin-right:15px;
}
.list-head .list-img img{
	width:100%;
	height:100%;
}
.list-head .list-font{
	width:275px;
	margin-right:-25px;
}
.list-head .list-font h3{
	color:#364999;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}
.box-right{
	overflow:hidden;
	height:220px;
}
.box-right h3:hover{
	text-decoration:underline;
}
.list-head .list-font p{
	overflow:hidden;
	line-height:18px;
	font-size:12px;
	color:#424242;
	height:55px;
	text-indent:35px;
}
.list-body{
	padding-top: 15px;
}
.list-body > a{
	background:url("../images/new-list-bg.png") no-repeat left;
	padding-left:25px;
	padding-right:20px;
	display:block;
}
.list-body > a + a{
	margin-top:10px;
}
.list-body > a > *{
	font-size:12px;
	display:inline-block;
}
.list-body > a > h3{
	color:#161616;
	width:320px;
	padding-top:1px;
}
.list-body > a > span{
	float:right;
	color:898989;
}
.case-list{
	width:325px;
}
.list-title{
	background-color:#e8f1f7;
	width:100%;
}
.list-title > *{
	display:inline-block;
	line-height:30px;
	
}
.list-title h4{
	background-color:#348a00;
	color:#fff;
	padding-left:5px;
	padding-right:15px;
	position:relative;
	bottom:3px;
	left:4px;
}
.list-title h4 img{
	position:relative;
	top:3px;
	margin-right:8px;
}
.list-title a{
	color:#454646;
	font-size:12px;
	float:right;
	padding-right:10px;
}
.case-list{
	margin-right:30px;
}
.case-img-box{
	width:148px;
	height:138px;
	padding:1px;
	border:1px solid #e9e9e9;
	position:relative;
	margin-bottom:10px;
}
.case-img-box:hover a{
	display:block;
}
.case-img-box img,.case-img-box a{
	width:100%;
	height:100%;
}
.case-img-box a{
	display:block;
	background-color:#035cac;
	background-color:rgba(3,92,172,.5);
	color:#fff;
	text-align:center;
	font-size:14px;
	line-height:138px;
	display:none;
	position:absolute;
	top:0;
}
.case-img-box a:hover{
	text-decoration:underline;
}
.case-list li > a{
	display:block;
	text-align:center;
	color:#2c2c2c;
	font-size:12px;
	width:100%;
}
.case-list li{
	width:152px;
	margin-top:13px;
}
.case-list li + li{
	margin-left:20px;
	margin-right:-20px;
}
.video-donran{
	float:left;
	width:250px;
	margin-right:-20px;
}
.about{
	background-color:#f2f7fb;
	padding-top:25px;
	padding-bottom:20px;
	margin-top:25px;
}
.about > div > a{
	display:inline-block;
	width:25%;
}
.about > div > a:last-child{
	margin-right:-20px;
}
.about img{
	line-height:0;
}
.about .about-font{
	display:inline-block;
	padding-left:20px;
	position:relative;
	top:-3px;
}
.about .about-font > *{
	font-weight:600;
	font-size:12px;
}
.about .about-font h3{
	color:#5a5a5a;
}
.about .about-font strong{
	color:#8a8a8a;
}