@charset "utf-8";
/* CSS Document */

.news{ width:100%; margin:auto; overflow:hidden; position:relative; margin-bottom:20px;}
.news-name{ width:90%; margin:auto; line-height:24px; margin-top:20px;}
.news-name h2{ float:left; font-size:25px; color:#1d2089;}
.news-name i{ float:left; margin-top:24px; margin-left:10px; font-size:18px; color:#999;}


.news-list{ width:98%; margin:auto; margin-top:20px; overflow:hidden;}
.news-list .xwlist li{ width:365px; height:390px; float:left; background:#FFF; overflow:hidden; margin-left:4%; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:365px; height:250px; float:left; overflow:hidden;}
.news-list .xwlist li .news-img img{ transition:all 1s; }
.news-list .xwlist li .news-img:hover img{ transition:all 1s; transform: scale(1.2); }

.news-info{ float:left; width:96%; float:left; margin-left:2%; padding:1% 0;}
.news-info h3{ width:100%; float:left; font-size:18px; overflow:hidden; line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; text-align: center;}
.news-info i{ width:100%; float:left; font-size:14px; color:#999;}
.news-info p{ width:100%; float:left; font-size:15px; color:#666; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

.news-link{ width:100%; margin:auto; margin-top:30px;}
.news-link a{ width:174px; height:60px; margin:auto; display:block; line-height:60px; text-align:center; color:#1d2089; font-size:15px; border:solid 1px #1d2089; border-radius:5px;}


@media screen and (min-width:1480px) and (max-width:1579px) {
	
.news-name{ width:98%; text-align:center;}
.news-list{ width:96%;}
.news-list .xwlist li{ width:23%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}

.news-info h3{ font-size:16px;}
.news-info p{ font-size:14px;}
.news-link{ margin-top:0.5%;}	
	
	

}
@media screen and (min-width:1380px) and (max-width:1479px) {
.news-name{ width:98%; text-align:center;}
.news-list{ width:96%;}
.news-list .xwlist li{ width:23%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}

.news-info h3{ font-size:16px;}
.news-info p{ font-size:14px;}
.news-link{ margin-top:0.5%;}	

.news-list .xwlist li{margin-bottom: 3%;}

.news-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}
	

}
@media screen and (min-width:1280px) and (max-width:1379px) {


.news-name{ width:98%; text-align:center;}
.news-list{ width:96%;}
.news-list .xwlist li{ width:23%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}

.news-info h3{ font-size:16px;}
.news-info p{ font-size:14px;}
.news-link{ margin-top:0.5%;}

.news-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}
.news-list .xwlist li{margin-bottom: 3%;}

}
@media screen and (min-width:1180px) and (max-width:1279px) {
	
.news-name{ width:98%; text-align:center;}
.news-list{ width:96%;}
.news-list .xwlist li{ width:23%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}

.news-info h3{ font-size:16px;}
.news-info p{ font-size:14px;}
.news-link{ margin-top:0.5%;}	

.news-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}
.news-list .xwlist li{margin-bottom: 3%;}
		

}
@media screen and (min-width:1000px) and (max-width:1179px) {
	
.news-name{ width:98%; text-align:center;}
.news-list{ width:96%;}
.news-list .xwlist li{ width:23%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}

.news-info h3{ font-size:16px;}
.news-info p{ font-size:14px;}
.news-link{ margin-top:0.5%;}	

.news-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}
.news-list .xwlist li{margin-bottom: 3%;}
	

}



@media screen and (min-width:900px) and (max-width:999px) {
.news-name{ width:98%; text-align:center;}
.news-list{ width:96%;}
.news-list .xwlist li{ width:23%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}

.news-info h3{ font-size:16px;}
.news-info p{ font-size:14px;}
.news-link{ margin-top:0.5%;}


}

@media screen and (min-width:800px) and (max-width:899px) {
.news-name{ width:98%; text-align:center;}
.news-list{ width:96%;}
.news-list .xwlist li{ width:48%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}
.news-link{ margin-top:0.5%;}
}

@media screen and (min-width:750px) and (max-width:799px) {
.news-name{ width:98%; text-align:center;}
.news-list{ width:96%;}
.news-list .xwlist li{ width:48%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}
.news-link{ margin-top:0.5%;}
}

@media screen and (min-width:720px) and (max-width:749px) {
.news-name{ width:100%; text-align:center;}
.news-list{ width:96%;}
.news-list .xwlist li{ width:48%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}
.news-link{ margin-top:0.5%;}
}

@media screen and (min-width:640px) and (max-width:719px) {
.news-name{ width:100%; text-align:center;}
.news-name h2{ margin-left:5px;} 
.news-list{ width:96%;}
.news-list .xwlist li{ width:48%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}
.news-link{ margin-top:0.5%;}
}

@media screen and (min-width:415px) and (max-width:639px) {
.news-name{ width:100%; text-align:center;}
.news-name h2{ margin-left:5px;}
.news-list{ width:98%;}
.news-list .xwlist li{ width:48%; margin-left:1.5%; overflow:hidden; height:auto; margin-bottom:5%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}
.news-link{ margin-top:0.5%;}
}

@media screen and (min-width:376px) and (max-width:414px) {
.news-name{ width:100%; text-align:center;}
.news-name h2{ margin-left:5px;}
.news-list{ width:98%;}
.news-list .xwlist li{ width:100%; margin-left:auto; overflow:hidden; height:auto; margin-bottom:10%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}
.news-link{ margin-top:0.5%;}
.news-link a{ width:150px; height:45px; line-height:45px;}
}

@media screen and (min-width:320px) and (max-width:375px) {

.news-name{ width:100%; text-align:center;}
.news-name h2{ margin-left:5px;}
.news-list{ width:98%;}
.news-list .xwlist li{ width:100%; margin-left:auto; overflow:hidden; height:auto; margin-bottom:10%;}
.news-list .xwlist li .news-img{ width:100%; height:auto;}
.news-list .xwlist li .news-img img{ width:100%;}

.news-link{ margin-top:0.5%;}
.news-link a{ width:150px; height:45px; line-height:45px;}
}