@charset "utf-8";
/*
site:		
auther:		Chirs
*/

@media (max-width: 640px) {
  .foot img { display:none; }
  .hr40{ height:0; }
  .pl20 { padding-left:1px; }
  .nav{ width:100%;height:35px; }
  .nav li{ width:auto;float:left;line-height:35px;text-align:center; padding:0 10px; }
  .nav li a{width:auto;font-size:16px; background-size:100% 100%; }
  
  .news1 { width:100%; margin:0 auto; overflow:hidden; }
  .news1 .headline { height:30px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;  }
  .news1 .headline b { background:#3AA040; font:12px/1 "Microsoft YaHei"; color:#fff; padding:2px; margin-right:5px; }
  .news1 .headline h2 { display:inline-block; }
  .news1 .headline h2 a { font:16px/1 "Microsoft YaHei"; }
  .news1 .list li { height:30px; font-size:20px;}
  .news1 .list a { font:16px/1 "Microsoft YaHei"; }
  .news1 .list2 h4 { color:#F30; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;  }
  .news1 .list2 h4 a { color:#F30; font-size:20px;}
  .news1 .list2 a { font:16px/1 "Microsoft YaHei"; }
  .news1 .list2 p { font:14px/24px "Microsoft YaHei"; text-indent:2em; margin:10px 0; }
  
  /* 本例子css */
  .slideBox{ width:100%; height:245px; background:#fff; overflow:hidden; position:relative; border:1px solid #ddd;  }
  .slideBox .hd{ width:100%; height:25px; background:none; overflow:hidden; position:absolute; left:0; z-index:1; text-align:left; padding-left:10px; }
  .slideBox .hd ul{ overflow:hidden; zoom:1; margin:0 auto; display:inline-block; }
  .slideBox .hd ul li{ margin-right:5px;  width:10px; height:10px; font-size:0; border-radius:10px; line-height:14px; text-align:center; background:#ccc; cursor:pointer; display:inline-block; }
  .slideBox .hd ul li.on{ background:#06C; }
  .slideBox .bd{ height:245px; z-index:0; overflow:hidden; }
  .slideBox .bd li{ height:245px; zoom:1; vertical-align:middle; position:relative; text-align:center; }
  .slideBox .bd li h4 { width:100%; font:12px/30px "Microsoft YaHei"; color:#fff; background:rgba(0, 0, 0, .3); position:absolute; left:0; bottom:0;  padding-right:15px; }
  .slideBox .bd img{ width:100%; display:block; }
  
  /* 下面是前/后按钮代码，如果不需要删除即可 */
  .slideBox .prev,
  .slideBox .next{ position:absolute; left:0; top:30%; display:block; font-size:66px; color:#fff; text-shadow:1px 1px 2px #000; filter:alpha(opacity=50); opacity:0.3; text-decoration:none;   }
  .slideBox .next{ left:auto; right:0; }
  .slideBox .prev:hover,
  .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; text-decoration:none;  }
  
  .wrap { width:100%; }
  
  .title { width:200px; height:40px; background-image:url(asset.png); background-size:460px auto; overflow:hidden; margin:20px auto; text-indent:-99em; }
  .title2 { background-position:0 9%; }
  .title3 { background-position:0 18%; }
  .title4 { background-position:0 28%; }
  .title5 { width:300px; background-size:460px auto; background-position:0 39%; }
}