@charset "utf-8";
.title{
  width:1200px;
  max-width:96%;
  margin:auto;
  }
.title h1{
  text-align:center;
  font-size:2.0rem;
  height:5rem;
  line-height:5rem;
  border-bottom:1px solid #000;
}
.title span{
  display:block;
  width:100%;
  text-align:center;
  margin:0 auto;
  margin-bottom:3rem;
  font-size:1.4rem;
  color:#ccc;
}
.txtinfos{
  width:1200px;
  max-width:96%;
  margin:0 auto 3rem auto;
  line-height:4rem;
  font-size:1.6rem;
  text-align:justify;
  }
.txtinfos strong{
  height:5rem;
  line-height:5rem;
}

@media only screen and ( max-width: 1080px ) {
  /*
  .txtinfos center img{
    width:100%;
  }
  .txtinfos a.EmImageRemark img{
  width:100%;
  height:auto;
  }*/
}

.navi{
  width:1200px;
  max-width:96%;
  margin:2rem auto;
  border-bottom:3px solid #206798;
  height:5rem;
  line-height:5rem;
  background:#86c5e3;
  border-radius:10px;
  padding:0 2%;
  }
.navi a{
  width:12%;
  display:block;
  height:5rem;
  float:left;
  text-align:center;
  color:#000;
  border-radius:10px 10px 0 0 ;
  font-size:2.0rem;
  flex:1;
}
.navi a:hover{
  background:#206798;
  color:#FFF;
}
.navi a.on{
  background:#206798;
  color:#FFF;
}
.navi a#jiaodian{
  margin-left:2%;
}

/* ===== 移动端优化 (max-width:640px)：保持 PC 字号，排版自适应 ===== */
@media only screen and ( max-width: 640px ) {
  .title{
    width:94%;
  }
  .title h1{
    font-size:1.6rem;
    height:auto;
    line-height:3rem;
    padding:1rem 0;
    border-bottom:1px solid #000;
  }
  .title span{
    font-size:1.4rem;
    margin-bottom:1.5rem;
  }
  .txtinfos{
    width:94%;
    font-size:1.6rem;   /* 保持 PC 字号 */
    line-height:2.8rem;  /* 行距压缩（PC 4rem 移动端太疏） */
    margin-bottom:0;
  }
  .navi{
    width:94%;
    height:auto;
    margin:1rem auto;
    display:flex;
    flex-wrap:wrap;
    padding:0 2%;
  }
  /* 8 个分类导航：flex 均分，字号可读 */
  .navi a{
    font-size:1.6rem;
    flex:1;
    min-width:0;
    height:4rem;
    line-height:4rem;
    float:none;
    border-radius:8px 8px 0 0;
    margin:0;
  }
}

/* ===== 移动端正文图片/链接自适应 (防横向溢出) ===== */
@media only screen and ( max-width: 640px ) {
  .txtinfos a.EmImageRemark img{
    width:100%;
    max-width:100%;
    height:auto;
  }
  .txtinfos a{
    max-width:100%;
    overflow:hidden;
  }
  .txtinfos center{
    max-width:100%;
    overflow:hidden;
  }
  .txtinfos center img{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
}

/* ===== 正文图片统一：宽度为显示区域60%，高度等比（LOGO除外） ===== */
.txtinfos img{
  width:60%;
  max-width:60%;
  height:auto;
}
/*
.txtinfos center img{
  width:60%;
  max-width:60%;
  height:auto;
}*/
/*
.txtinfos a.EmImageRemark img{
  width:60%;
  max-width:60%;
  height:auto;
}*/