@charset "utf-8";
/* CSS Document */
.leftbarbg {width: 100%; position: relative;}
	
.nban {width: 100%;overflow: hidden;position: relative;display: table;color: #fff;}
.nban img{ width:100%; display:block;}

.container {display: block;padding: 0 80px; width: 100%;}
	
.nbanzi{width: 100%; position: absolute; top: 40%; left: 0;}
.nbanzi .h1{font-size: 50px;display: block;}
.nbanzi .h1:after{content: ""; display: block; width: 50px; height: 3px;background: #fff; margin: 10px 0;}
.nbanzi p{font-size: 22px; margin-top:30px;}

.huibg {width: 100%;background: #eaeaea;overflow: hidden;}
.anlimenu {width: 100%;background: #fff;margin-bottom: 3%;padding: 15px 0;}
.anlimenu ul {overflow: hidden;margin: 0 auto;display: table;}
.anlimenu li {font-size: 18px;color: #373737;float: left;border-radius: 18px;margin-right: 15px;overflow: hidden;}
.anlimenu li a{display:block;padding:4px 30px; color: #333;text-decoration: none;}
.anlimenu li a.on,.anlimenu li a:hover{ background:#008d43; color:#fff;}

/*jianshe************************************************************************************/
.jianshe{width: 100%; display: table; margin: 0 auto; padding: 4% 0; overflow: hidden;}
.jianshe li{width: 100%; float: left; position: relative;}
.jianshe li>img{width: 50%}
.jianshe .zi{width: 50%;color: #fff; padding: 4%; position: absolute; top: 0; right: 0}
.jianshe .zi2{left: 0}
.jianshe .zi h3{line-height: 0.4; font-size: 200px; opacity: 0.1; filter: alpha(opacity=10);text-align: right; font-weight: bold; letter-spacing: -8px; font-family:Arial;}
.jianshe .zi b{line-height: 60px; font-size: 42px; display: block; margin-bottom: 10px;}
.jianshe .zi span{ font-size: 34px; display: block;}
.jianshe .zi .zitxt{line-height: 36px; font-size:18px;}

.jianshe .bj1{background: #efb230;}
.jianshe .bj2{background: #00a0e9;}
.jianshe .bj3{background: #10af5d;}
.jianshe .bj4{background: #ff5732;}
.jianshe .bj5{background: #4d2e83;}
.jianshe .bj6{background: #00a1c2;}
	
/*news****************************************************************************************/
.dtit{padding:4% 0; text-align: center;}
.dtit span{font-size: 40px; color: #161616; display: block;}
.dtit p{font-size: 15px; color: #888888}

.newsbg {width: 100%;background: #f0eeee;}

.newslist{width: 100%; overflow:hidden; padding-bottom: 4%}
.newslist li{width:33%; background:#ffffff; overflow:hidden; padding:4.3% 3%;margin: 1px; float: left;}
.newslist li .time{color:#555555; /*width:15%;*/ text-align: center; margin-top: 10px}
.newslist li .time .d{ font-size:40px; display:block; line-height: 1}
.newslist li .time .y{ display:block; }
.newslist li .zi{ width:79%; }
.newslist li .zi span{ color:#484848; font-size:16px; margin-bottom: 10px; display: block;height: 25px; overflow: hidden;} 
.newslist li .zi span i{ display: inline-block; width: 0px; height: 1px; background: #0166ce; vertical-align: middle; }
.newslist li:hover .zi span i{ width: 15px;margin-right: 5px;}
.newslist li:hover .zi span{color: #0166ce;text-decoration: none;}

.newslist li .zi p{ color:#818181; height:40px; overflow: hidden;}
.newslist li:hover{box-shadow: 0 0 40px #c3c3c3;text-decoration: none;}
	
/*解决方案**********************************************************************************************/
.falist{ overflow: hidden; background: #fff}
.falist ul{ overflow:hidden; }
.falist ul li{ float: left; width: 23%; margin:0 1% 2% 1%; background: #fff; text-align: center;  height:46px; line-height:46px; border:1px solid #dcdcdc; font-size: 18px; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display:block; padding: 0 10px;}
.falist ul li a{ display: inline-block;color: #333;text-decoration: none;}
.falist ul li:hover{ background: #eaeaea;}

/*more************************************************************************************/
.youhuamore{background: #0166ce; border-radius: 20px; font-size: 14px; color: #fff; padding: 9px 80px; display: inline-block; margin:3% auto}
.youhuamore:hover{box-shadow: 0px 0px 10px #5d5d5d;color: #fff;text-decoration: none;}

.daojis{height:160px; font-size:24px; text-align: center; color:#fff; line-height:160px; background:url("../images/city_img/banner.jpg") no-repeat center center; background-size:cover}
	

.dbinfo{ overflow: hidden; padding:50px 0; background: #ccc; width: 100%; }
.dbinfo li{  float: left; width:32%;  padding:15px 20px 0 20px; color: #333;  }
.dbinfo li h3{ border-bottom:1px solid #ccc; font-weight: bold; font-size:20px; margin-bottom:10px; padding-bottom: 10px; }
.dbinfo li p{text-align:justify; color: #666;font-size: 14px; line-height: 1.8; }
.dbinfo li p a{color: #666;}

.link{ overflow:hidden;width: 100%;padding:15px 0;  background: #eee; }
.link span{ font-size: 14px;color: #666; margin-bottom:10px; font-weight: bold}
.link span>a{border-radius: 30px; background: #0166ce;font-size: 14px; color: #fff;padding: 3px 24px;}
.link a{color: #9b9b9b;margin-right: 10px; line-height: 1.6;font-size: 14px;}
.link a:hover{text-decoration: none;}

@media screen and (max-width:1600px){
	.jianshe .zi h3{font-size: 100px;}
	.jianshe .zi .zitxt{font-size:16px; line-height: 32px;}
}
@media screen and (max-width:1366px){
    .jianshe .zi h3{display: none;}
	.jianshe .zi b{line-height: 40px; font-size:32px;}
	.nbanzi .h1 {font-size: 30px;}
	.nbanzi p {font-size: 18px;margin-top: 20px;}
	.anlimenu li{margin-right: 5px;font-size: 14px;}
	.dtit span{font-size: 32px;}
}

@media screen and (max-width:1200px){
	.container {padding: 0 36px;}
	.jianshe .zi b{font-size:26px;line-height: 30px;}
    .jianshe .zi .zitxt{font-size:16px; line-height: 24px;}
	.nbanzi .h1:after{height: 2px;}
	.newslist li .time .d{font-size: 26px;}
	.falist ul li{font-size: 14px;}
}
	
@media screen and (max-width:1024px){
	.container {padding: 0 20px;}
	.nbanzi .h1:after{height: 1px;}
    .jianshe .zi b{font-size:20px;line-height: 24px;}
	.nbanzi .h1 {font-size: 24px;}
	.nbanzi p {font-size: 14px;margin-top: 10px;}
	.anlimenu li{padding: 0px;}
	.jianshe .zi .zitxt{font-size:14px; line-height: 20px;}
	.newslist li{width: 49.5%}
	.dtit span{font-size: 24px;}
	.dtit p{font-size: 14px;}
	.falist ul li{width: 31%}
	.dbinfo li{padding: 15px 5px 0 5px;}
	.dbinfo li h3{font-size: 16px;}
}
	
@media screen and (max-width:860px){
	.nbanzi{top: 30%;}
	.anlimenu ul{width: 98%;}
	.anlimenu li{width: 20%; text-align: center;margin: 0px;}
	.anlimenu li a{display:inline-block; padding:3px 5px;}
    .anlimenu li a:hover{ background:#fff; color:#333;}
	.jianshe .zi .zitxt {line-height: 18px; font-size: 12px}
	.falist ul li{width: 48%}
	}

@media screen and (max-width:768px){
	.container {padding: 0 15px;}
	.nbanzi .h1{font-size: 18px;}
	.nbanzi p{display: none}
	.daojis,.dbinfo,.link{display: none}
}

@media screen and (max-width:640px){
	.container {padding: 0 10px;}
	.nbanzi{top: 15%;}
	.anlimenu li{width: 25%;}
	.jianshe li{float: none; margin-bottom: 20px;}
	.jianshe li>img{width: 100%; float: none; }
	.jianshe .zi{width: 100%;overflow: hidden;position: relative}
    .jianshe .zi .zitxt{font-size:14px; line-height: 24px;}
	.dtit span{font-size: 20px;}
	.dtit p{font-size: 12px;}
	.newslist li{width: 100%}
	.falist{display: none}
}