@charset "utf-8";
 /* CSS Document */
  a{text-decoration:none;color:#999;}
  a:hover{color:#999;}
  p{text-indent: 0;}

/*  @font-face {
    font-family: 'FangSong';
    src: url('path/to/fangsong.ttf') format('truetype');
  } */

  /*自适应页面高度*/
body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
}



 
.class-name { color: #666; font-size:1rem; line-height: 2rem; height:4rem;  display: flex;align-items: center;margin-top: 10px;}
.class-name p {
  height: 2.8rem;
  box-sizing: border-box;
  font-size: 1rem;
  color: #999;
  text-align: center;
  line-height: 2.8rem;
  float: left;
}
.class-name span:nth-of-type(1){margin: 0 10px;}
.class-name p a {color: #999; }
.class-name p a:hover{ color: #db0000;}
.class-name span a {color: #999; font-size:1rem; line-height:2.8rem;}
.class-name span a:hover{ color: #db0000;}
 
/*内容区*/

  
.info-bt { font-size: 2.4rem;  color: #666; line-height: 3.4rem;  padding-bottom: 3rem; }

.info-bt p { font-size: 2.4rem; color: #333; font-weight: bold; line-height: 4.4rem;}

.info-Source-time {font-size: 1.2rem; color: #999; line-height: 1.6rem;height: 2.5rem;}

.info-Source-time span { width: 1.5rem; height: 0.6rem; background: #db0000; display: block; float: left; margin: 0.5rem 1rem 0 0; border-radius:8px;}
.info-Source-time p { float: left; width: 60%; width: auto !important; }

.info-author { font-size: 1.2rem; color: #999;text-align: right;line-height: 6rem; border-top: 1px #bbb dashed;margin: 3rem 0 3rem;}

.info-main {font-size: 1.1rem !important; color: #555;line-height: 2.4rem; padding: 2rem 0;}
.info-main span,.info-main p{font-size: 1.1rem !important;}

.info-main img {display: block; margin: 2rem auto; max-width: 100%;}
.info-qr{ display: none;}


.info-box{
    overflow: hidden;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    flex: 1 1 auto;
    background: #fff;
    padding: 0 50px;
    margin-top: 20px;
}



/*翻页*/
.page{margin:1rem 0 2.5rem 0.8rem; overflow:hidden; margin:0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.page a{height:1.6rem; border:1px #bbb solid; float:left; margin-right:0.5rem; text-align:center; line-height:1.6rem; font-size:1rem;color:#666; padding:0 0.6rem; display:block;}
.page_s{border:1px #E0002B solid !important; color:#E0002B !important; cursor:default;}


.fx{ display:block;}
.fxm{ width:86px; height:30px; background:#E1152F; color:#fff; font-size:14px; text-align:center; line-height:28px; position:relative; float:right; border-radius:6px; margin-top:8px; cursor:pointer;}
.fxm p{ position:absolute; top:26px; right:0; background:#fff; padding:10px; display:none; border:2px #E1152F solid;}
.fxm02{ text-align:center; font-size:14px; color:#999; line-height:40px; margin:30px 0 0;}
.fxm02 p{ display:block; width:120px; height:120px; margin:0 auto; padding:7px;border: 6px #e4e4e4 solid;}

  
@media screen and (max-width: 1000px) {
  .info { padding: 0.5rem;}
  .info-bt { margin: 0 auto; text-align:center; padding-bottom:2rem ;}
  .info-bt p { font-size:1.4rem; color: #666; line-height: 2rem; width: 100%; text-align:left; }
  .info-Source-time {font-size: 1rem; color: #999; line-height:2rem;height:2rem;}
  .info-Source-time span { width:0.6rem; height: 0.6rem; background: #db0000; display: block; float: left; margin: 0.5rem 1rem 0 0; border-radius:2rem; }
  .info-Source-time p { float: left; width: 60%; line-height:2rem; position: relative; margin: 0; top: -3px;}
  .info-author { font-size: 1rem; color: #999;text-align: right;line-height:4rem; border-top: 1px #bbb dashed;margin: 2.4rem 0 0;text-align: center !important;}
  .info-main {font-size:1.1rem; color: #555;line-height:2.2rem; padding:1.2rem;}
  .info-qr { text-align: center; display: block; }
  .info-qr img { border: 1px #ccc solid; width: 8rem;}
  .info-qr p { font-size: 1rem; color: #666; line-height: 2.4rem; }
  
}


@media screen and (max-width: 1000px) {
  .info-top,
  .columns,
  .footbox,
  .class-name,
  .fx,
  .info-class {
    display: none !important;
  }
  html{max-width: 100vw;}
  .class-li {padding:2rem 2rem;}
  .page{margin: 1rem auto;
    overflow: hidden;
    width: fit-content;
   width: -moz-fit-content;
   width: -webkit-fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .info-box{
    padding: 0 0;
  }
}

.nav-top{height:7rem; position:relative; font-size:1.3rem; color:#fff; font-weight:bold; text-align:center; line-height:3rem;}
.nav-top img{  display:block; position:absolute; right:0.6rem; bottom:0; top:0; margin:auto 0; cursor:pointer}
.i1-mobile{ width: 100%; height: 5rem; background: #fff; position: relative; }
.i1-mobile span{
    float: right; 
    font-size:1rem; 
    border-radius: 0.4rem;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    max-width: 46%;
    height: 2.4rem;
    text-align: center;
    line-height: 2.4rem;
    color: #fff;
    top: 2rem;
    background: #d71d21;
    margin-top: 1.3rem; 
    margin-right: 1rem;
    padding: 0 0.5rem;
  }
.i1-mobile img{width: 250px; float: left; left:1rem;}

.i2-mobile{  width: 100%; height:3rem;background: #e5e5e5; height: 2rem; position: relative; }
.i2-mobile img{height:32%; display:block; position:absolute;  right:2.6rem; bottom:0; top:0; margin:auto 0; cursor:pointer}

@media screen and (max-width: 768px) {
  body{background: none !important;}
  .nav-top{height: 4rem;}
    .i1-mobile {
    height: 4rem;
  }

  .i1-mobile span {
    font-size: 0.9rem;
    height: 2rem;
    line-height: 2rem;
    top: 1rem;
    margin-top: 0.8rem;
    margin-right: 0.5rem;
  }

  .i1-mobile img {
    width: 30%;
    max-width: 150px;
    left: 0.5rem;
  }
  .info-bt p {
    font-size: 1.8rem; /* Adjust font size for smaller screens */
    line-height: 2.8rem;
  }

  .info-Source-time p {
    font-size: 1rem;
  }

  .info-main {
    font-size: 1rem !important;
    line-height: 2rem;
    padding: 1rem;
  }

  .info-author {
    font-size: 0.9rem;
    line-height: 3rem;
    margin: 1.5rem 0 0;
  }

  .info-box {
    padding: 0 10px; /* Reduce padding for smaller screens */
  }

  .info-qr img {
    width: 6rem; /* Adjust QR code image size */
  }

  .info-qr p {
    font-size: 0.9rem;
  }
  .footer-content{
    height: 3rem;
    line-height: 2rem;
    font-size: 0.9rem;
  }
  #cnzz_stat_icon_4009139{display: none;}
  .main-nav,.top-banner{display: none;}

}


@media screen and (min-width:1000PX){html,body{max-width:none;font-family:"微软雅黑","宋体";font-size:16px;}
.info-top{display:block;}
.info-box-1{float:left;width:100%;}
.nav-top{display:none;}
.nav-top img{display:none;}
.map-top{text-align:left;padding-left:50px;background:none;color:#666;font-weight:normal;font-size:18px;}
.map{display: none;} 
 }