@charset "utf-8";
/* CSS Document */
.news-list{display:none;}
@media screen and (min-width: 1380px){
/*header*/
	.header{background:url(../images/news/bj.jpg) no-repeat;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.banner h1,.banner p{color:#fff;}
	.banner{position:relative;}
	.banner .nav{width:21%;text-align:center; padding:0.9% 0;background:url(../images/news/navbj.png) no-repeat;font-size:18px;color:#191919;position:absolute;}
	.banner .nav:hover{background:url(../images/news/navbj_hover.png) no-repeat;color:#fff;}
	.banner a.active{background:url(../images/news/navbj_hover.png) no-repeat;color:#fff;}
	.banner .all{top:22%;left:40%;}
	.banner .firm{top:22%;left:65%;}
	.banner .industry{top:72%;left:45%;}
	.banner .q-a{top:72%;left:70%;}
	.news-list{margin:2% auto 1% auto;}
	.news-list .row{margin:0 -3%;}
	.news{padding:0 3%;float:left;width:44%;margin-bottom:1.5%;}
	.news a{width:100%;border:1px solid #e8e8e8;}
	.news .wz{width:78%;float:left;height:144px;padding:0 4%;}
	.news .wz h2{color:#1a1a1a;font-size:20px;margin:4.5% 0 3% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news .wz p{font-size:16px;color:#4d4d4d;line-height: 30px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.news .time{width:14%;float:right;height:144px;background:#f7f7f8;}
	.news .time b,.news .time span,.news .time i{display:inline-block;width:100%;text-align:center;}
	.news .time b{padding:15% 0 1% 0;font-size:30px;color:#1a1a1a;border-top:10px solid #1baeed;}
	.news .time span{font-size:16px;color:#666;}
	.news .time i{padding:25% 0;background:url(../images/news/xw_sj.png) no-repeat center;}
	.news:hover a{border:1px solid #1383b6;}
	.news:hover .time{background-image: linear-gradient(0deg, #1383b6 0%, #062e54 100%);}
	.news:hover b{color:#fff;}
	.news:hover span{color:#fff;}
	.news:hover i{background:url(../images/news/xw_sj_hover.png) no-repeat center;}
/*page*/
	.page{text-align:center;margin-bottom:3%;font-size:16px;color:#333;}
	.page a{padding:0.6% 2%;margin:0 0.8%;font-size:16px;color:#333;background:#eee;}
	.page a:hover{color:#fff;background:#666;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){/*header*/
	.header{background:url(../images/news/bj.jpg) no-repeat;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.banner h1,.banner p{color:#fff;}
	.banner{position:relative;}
	.banner .nav{width:21%;text-align:center; padding:0.9% 0;background:url(../images/news/navbj.png) no-repeat;background-size:100% auto;font-size:16px;color:#191919;position:absolute;}
	.banner .nav:hover{background:url(../images/news/navbj_hover.png) no-repeat;background-size:100% auto;color:#fff;}
	.banner a.active{background:url(../images/news/navbj_hover.png) no-repeat;background-size:100% auto;color:#fff;}
	.banner .all{top:22%;left:40%;}
	.banner .firm{top:22%;left:65%;}
	.banner .industry{top:72%;left:45%;}
	.banner .q-a{top:72%;left:70%;}
	.news-list{margin:2% auto 1% auto;}
	.news-list .row{margin:0 -3%;}
	.news{padding:0 3%;float:left;width:44%;margin-bottom:1.5%;}
	.news a{width:100%;border:1px solid #e8e8e8;}
	.news .wz{width:78%;float:left;height:130px;padding:0 4%;}
	.news .wz h2{color:#1a1a1a;font-size:18px;margin:4.5% 0 3% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news .wz p{font-size:15px;color:#4d4d4d;line-height: 30px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.news .time{width:14%;float:right;height:130px;background:#f7f7f8;}
	.news .time b,.news .time span,.news .time i{display:inline-block;width:100%;text-align:center;}
	.news .time b{padding:12% 0 1% 0;font-size:27px;color:#1a1a1a;border-top:10px solid #1baeed;}
	.news .time span{font-size:15px;color:#666;}
	.news .time i{padding:25% 0;background:url(../images/news/xw_sj.png) no-repeat center;}
	.news:hover a{border:1px solid #1383b6;}
	.news:hover .time{background-image: linear-gradient(0deg, #1383b6 0%, #062e54 100%);}
	.news:hover b{color:#fff;}
	.news:hover span{color:#fff;}
	.news:hover i{background:url(../images/news/xw_sj_hover.png) no-repeat center;}
/*page*/
	.page{text-align:center;margin-bottom:3%;font-size:16px;color:#333;}
	.page a{padding:0.6% 2%;margin:0 0.8%;font-size:16px;color:#333;background:#eee;}
	.page a:hover{color:#fff;background:#666;}

}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*header*/
	.header{background:url(../images/news/bj.jpg) no-repeat;}
	.breadcrumbs,.breadcrumbs a{color:#fff;font-size:14px;}
	.banner h1{font-size:20px;}
	.banner p{font-size:14px;}
	.banner h1,.banner p{color:#fff;}
	.banner{position:relative;}
	.banner .nav{width:21%;text-align:center; padding:0.7% 0;background:url(../images/news/navbj.png) no-repeat;background-size:100% 100%;font-size:15px;color:#191919;position:absolute;}
	.banner .nav:hover{background:url(../images/news/navbj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
	.banner a.active{background:url(../images/news/navbj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
	.banner .all{top:22%;left:45%;}
	.banner .firm{top:22%;left:70%;}
	.banner .industry{top:72%;left:50%;}
	.banner .q-a{top:72%;left:75%;}
	.news-list{margin:2% auto 1% auto;}
	.news-list .row{margin:0 -3%;}
	.news{padding:0 3%;float:left;width:44%;margin-bottom:1.5%;}
	.news a{width:100%;border:1px solid #e8e8e8;}
	.news .wz{width:76%;float:left;height:110px;padding:0 4%;}
	.news .wz h2{color:#1a1a1a;font-size:16px;margin:4.5% 0 3% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news .wz p{font-size:14px;color:#4d4d4d;line-height: 27px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.news .time{width:16%;float:right;height:110px;background:#f7f7f8;}
	.news .time b,.news .time span,.news .time i{display:inline-block;width:100%;text-align:center;}
	.news .time b{padding:20% 0 1% 0;font-size:21px;color:#1a1a1a;border-top:5px solid #1baeed;}
	.news .time span{font-size:14px;color:#666;}
	.news .time i{padding:25% 0;background:url(../images/news/xw_sj.png) no-repeat center;background-size:30% auto;}
	.news:hover a{border:1px solid #1383b6;}
	.news:hover .time{background-image: linear-gradient(0deg, #1383b6 0%, #062e54 100%);}
	.news:hover b{color:#fff;}
	.news:hover span{color:#fff;}
	.news:hover i{background:url(../images/news/xw_sj_hover.png) no-repeat center;background-size:30% auto;}
/*page*/
	.page{text-align:center;margin-bottom:3%;font-size:16px;color:#333;}
	.page a{padding:0.6% 2%;margin:0 0.8%;font-size:15px;color:#333;background:#eee;}
	.page a:hover{color:#fff;background:#666;}

}

@media screen and (max-width: 992px) and (min-width: 768px){/*header*/
	.header{background:url(../images/news/bj.jpg) no-repeat;}
	.breadcrumbs,.breadcrumbs a{color:#fff;font-size:13px;}
	.banner h1{font-size:18px;}
	.banner p{font-size:13px;}
	.banner h1,.banner p{color:#fff;}
	.banner{position:relative;}
	.banner .nav{width:21%;text-align:center; padding:0.7% 0;background:url(../images/news/navbj.png) no-repeat;background-size:100% 100%;font-size:15px;color:#191919;position:absolute;}
	.banner .nav:hover{background:url(../images/news/navbj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
	.banner a.active{background:url(../images/news/navbj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
	.banner .all{top:22%;left:54%;}
	.banner .firm{top:22%;left:76%;}
	.banner .industry{top:72%;left:56%;}
	.banner .q-a{top:72%;left:78%;}
	.news-list{margin:2% auto 1% auto;}
	.news-list .row{margin:0 -3%;}
	.news{padding:0 3%;float:left;width:44%;margin-bottom:1.5%;}
	.news a{width:100%;border:1px solid #e8e8e8;}
	.news .wz{width:76%;float:left;height:100px;padding:0 2%;}
	.news .wz h2{color:#1a1a1a;font-size:15px;margin:5.5% 0 3% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news .wz p{font-size:13px;color:#4d4d4d;line-height: 21px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.news .time{width:20%;float:right;height:100px;background:#f7f7f8;}
	.news .time b,.news .time span,.news .time i{display:inline-block;width:100%;text-align:center;}
	.news .time b{padding:16% 0 1% 0;font-size:18px;color:#1a1a1a;border-top:5px solid #1baeed;}
	.news .time span{font-size:13px;color:#666;}
	.news .time i{padding:25% 0;background:url(../images/news/xw_sj.png) no-repeat center;background-size:25% auto;}
	.news:hover a{border:1px solid #1383b6;}
	.news:hover .time{background-image: linear-gradient(0deg, #1383b6 0%, #062e54 100%);}
	.news:hover b{color:#fff;}
	.news:hover span{color:#fff;}
	.news:hover i{background:url(../images/news/xw_sj_hover.png) no-repeat center;background-size:30% auto;}
/*page*/
	.page{text-align:center;margin-bottom:3%;font-size:16px;color:#333;}
	.page a{padding:0.6% 2%;margin:0 0.8%;font-size:15px;color:#333;background:#eee;}
	.page a:hover{color:#fff;background:#666;}


}

@media screen and (max-width: 768px){
/*header*/
	.header{background:url(../images/news/bj.jpg) no-repeat;}
	.breadcrumbs,.breadcrumbs a{color:#fff;font-size:13px;display:none;}
	.banner h1{font-size:18px;display:none;}
	.banner p{font-size:13px;display:none;}
	.banner h1,.banner p{color:#fff;display:none;}
	.banner{position:relative;padding:0 2%;}
	.banner .nav{width:46%;margin:0 2% 3% 2%;text-align:center;float:left; padding:1.3% 0;background:url(../images/news/navbj.png) no-repeat;background-size:100% 100%;font-size:0.28rem;color:#191919;}
	.banner .nav:hover{background:url(../images/news/navbj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
	.banner a.active{background:url(../images/news/navbj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
	.banner .all{top:22%;left:54%;}
	.banner .firm{top:22%;left:76%;}
	.banner .industry{top:72%;left:56%;}
	.banner .q-a{top:72%;left:78%;}
	.news-list{margin:2% auto 1% auto;padding:0 2%;}
	.news{padding:0 3%;float:left;width:94%;margin-bottom:1.5%;}
	.news a{width:100%;border:1px solid #e8e8e8;}
	.news .wz{width:75%;float:left;height:1.8rem;padding:0 2%;}
	.news .wz h2{color:#1a1a1a;font-size:0.28rem;margin:5.5% 0 3% 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.news .wz p{font-size:0.25rem;color:#4d4d4d;line-height:0.38rem;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
	.news .time{width:20%;float:right;height:1.8rem;background:#f7f7f8;}
	.news .time b,.news .time span,.news .time i{display:block;width:100%;text-align:center;}
	.news .time b{padding:12% 0 1% 0;font-size:0.36rem;color:#1a1a1a;border-top:5px solid #1baeed;}
	.news .time span{font-size:0.25rem;color:#666;}
	.news .time i{padding:25% 0;background:url(../images/news/xw_sj.png) no-repeat center;background-size:25% auto;}
	.news:hover a{border:1px solid #1383b6;}
	.news:hover .time{background-image: linear-gradient(0deg, #1383b6 0%, #062e54 100%);}
	.news:hover b{color:#fff;}
	.news:hover span{color:#fff;}
	.news:hover i{background:url(../images/news/xw_sj_hover.png) no-repeat center;background-size:30% auto;}
/*page*/
	.page{text-align:center;margin-bottom:12%;font-size:0.3rem;color:#333;}
	.page a{padding:1% 3%;margin:0 0.8%;font-size:0.3rem;color:#333;background:#eee;}
	.page a:hover{color:#fff;background:#666;}

}