@charset "utf-8";/* CSS Document *//* nav */
.NewsList_l1{ margin-top:0px; width:100%; min-height:300px;}
.NewsList_l1 ul{ width:100%;}
.NewsList_l1 ul li{display: block;/* width: 345px; */ width: 19%; padding: 2%; transition: all 0.3s ease 0s; cursor: pointer; background:#fafafa; float:left; margin:0 0 30px 2%;}
.NewsList_l1 ul li:hover{background-color:#1155c0;}
.NewsList_l1 ul li:hover .NewsList_word{    margin-top: 13px; width: 100%; display: block;  height: 44px; line-height:22px;  overflow: hidden; font-size:12px; font-size:small; color: #ccc; }
.NewsList_l1 ul .NewsList_Title{line-height: 26px; font-size:18px; font-weight:bold; display: block; color: #1155c0; height: 40px; position: relative; overflow: hidden;font-family:"Arial";}
.NewsList_l1 ul li:hover .NewsList_Title , .NewsList_l1 ul li:hover .NewsList_time{ color:#fff;}
.NewsList_l1 ul li .NewsList_time{ line-height:32px; color:#999; display:none;}
.NewsList_l1 ul li .NewsList_img{ width:100%; height:200px; text-align:center; overflow:hidden; line-height:200px; margin-top:9px; display:block; background-color:#fff;}
.NewsList_l1 ul li .NewsList_img img{ width:100%; max-height:190px;vertical-align: middle;}
.NewsList_l1 ul li .NewsList_word{    margin-top: 13px; width: 100%; display: block;  height: 44px; line-height:22px;  overflow: hidden; font-size:12px; font-size:small; color: #555; }
.NewsList_l1 ul li .NewsList_more{ display:block;float:right;display: inline-block;color: #fff; margin-top: 19px; background:#c3c3c3; padding:3px 4px; font-size:12px;}
.NewsList_l1 ul li:hover .NewsList_more{ background:#fff;color:#1155c0;}

@media screen and (max-width:1366px){
	.NewsList_l1 ul li .NewsList_img{ height:160px; line-height:160px; }
    .NewsList_l1 ul li .NewsList_img img{ max-height:160px;}
	}

@media screen and (max-width:1200px){
	.NewsList_l1 ul li{width: 27%;}
	}

@media screen and (max-width:600px) {
.NewsList_l1 ul li{ width:88%; padding:15px 6%;margin:0 0 20px 0;}
.NewsList_l1 ul li .NewsList_img{}
}