@charset "utf-8";
/* CSS Document */
body { font-size:18px; font-family:"微软雅黑", "宋体", "黑体", "楷体", "仿宋"; color:#555;}
.top { overflow:hidden; width:1140px; margin:0 auto; padding:20px 0; line-height:0; text-align:left}
	.top img { float:left;}
	.top span { float:right; margin-right:30px; line-height:40px; font-size:16px; color:#999}
.banner { position:relative; min-height:250px; margin-bottom:80px; line-height:0; text-align:center; background:#0f3381;}
  .banner img { width:100%}
  .zhuanti { position:absolute; left:50%; top:70px; margin-left:-570px; height:90px; padding:0 50px; line-height:90px; font-size:60px; color:#fff; font-weight:bold; background:rgba(0,0,0,.5); border-left:20px solid #1c78ff;}
.main { width:1140px; margin:0 auto 50px;}
.imgslist { margin-bottom:30px;}
	.imgslist ul { overflow:hidden; margin-left:-30px;}
	.imgslist ul li { float:left; overflow:hidden; width:360px; height:160px; margin:0 0 40px 30px; line-height:40px; font-size:18px; text-align:center; color:#555; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
	.imgslist ul li a { color:#555;}
	.imgslist ul li img { display:block; width:100%; height:120px;}
	
@media screen and (max-width:640px){
	.top { width:100%; padding:.8em 0;}
	.top img { margin-left:10px;}
	.top span { display:none;}
	.banner { min-height:60px;  margin-bottom:2em; text-align:center; background:#0f3381;}
	.zhuanti { left:10%; top:10px; height:40px; padding:0 1em; margin:0 auto; line-height:40px; font-size:1.5em; border-left:10px solid #1c78ff;}
	.main { width:100%; margin:0 auto 2em;}
	.imgslist { margin-bottom:1em;}
	.imgslist ul { width:90%; margin:0 auto;}
	.imgslist ul li { float:none; width:100%; height:auto; margin:0 auto 20px; line-height:2em; font-size:1em;}
	.imgslist ul li img { display:block; width:100%; height:auto;}
}