@media only screen and (max-width: 768px) {
  body {
    background-color: #f9f9f9; }
  .m-hide {
    display: none; }
  .p-hide {
    display: block; }
  .m-frt {
    float: right; }
  .m-flt {
    float: right; }
  #header, #container, #footer {
    width: 100%; }
  .a-header, .a-container, .a-footer, .relation, .hotnews, .public {
    margin: 15px; }
  #m-header {
    display: block;
    height: 30px;
    padding: 4px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #f0f0f0; }
#m-header i:before{
    font-size: 1.5rem;}
    #m-header img {
      max-height: 100%; }
  #container .main {
    width: 100%; }
  #container .a-header h1 {
    font-size: 1.2rem; }
  #container .a-header .info {
    line-height: 2rem;
    font-size: .8rem; }
  #container .a-container {
    margin-top: 15px;
    padding: 10px 0;
    font-size: 1rem;
    color: #555;
    line-height: 1.8rem; }
#container .public div{width:33.3333%}
  #container .hotnews li {
    float: none;
    width: 100%;
    margin-top: 10px; 
padding-top:10px;
border-top:1px solid #fefefe;
}
    #container .hotnews li em {
      display: block;
      height: auto;
      font-size: 16px;
      line-height: 24px; }
    #container .hotnews li img {
      float: left;
      margin-right: 15px;
      width: 100px;
      height: 60px; }
  #container .newslist li {
    font-size: 12px;
    line-height: 12px; }
  #container .a-footer {
    line-height: 2rem;
    font-size: .8rem; }
  .m-footer {
    display: block;
    background-color: #a00;
    font-size: 12px;
    padding: 2px 0;
    text-align: center;
    color: #fff; } }