body{
  margin:0 auto;
  padding:0;
  font: bold 11px/1.5em Verdana;
  font-family: "宋体","微软雅黑",Georgia,Serif;
  font-size: 10pt;
  width: 100%; /*1080px     */
  top: 100px;
              background:#FBFBFB;
   
 
 
}
   
        
  .parent123 {
    
    
    text-align: center;
     
    width:99%; 
    margin-left: auto;
    margin-right: auto;
 
   
   
}


/* Make the image fully responsive */
   
   
 
 
 .topshow
 {  font-size:15px; width:auto; float:left; line-height:normal; list-style:none;  
  
 }
 
 .topshow li{
 
 margin-top:5px; font-size:30px;       
 
 
 
 
 }
 
  
  
  .m123{
  vertical-align:middle; max-height:59px; max-width:59px;  
  
  }
  
  
  .topshow span{
    
   
    word-wrap: break-word;
    overflow: hidden;
      font-size:30px;
  }

.slide {
  position:relative ;
  margin:  -50px auto 100px auto;
  width: 750px;
  height: 300px;
  text-align:center ;
  font-family: Arial;
  color: #FFF;
  overflow: hidden; 
   float:right     ;    
  
}

.slide ul {
  margin: 0 auto;  
  padding: 0;
  width: calc(750px * 3);
  transition: all 0.5s;
}

.slide li {
  float: left;
  width: 750px;
  height: 300px;
  list-style:none     ;
  line-height: 20px;
  font-size: 36px;
}

.slide li:nth-child(1) {
  background: #9fa8ef; color:white ;
  
}

.slide li:nth-child(2) {
  background:#0099FF ; color:white ;
  font-size:15px;
}

.slide li:nth-child(3) {
  background: #9fefc3; 
}

.slide input[name="sildeInput"] {
  display: none;
}

.slide label[for^="sildeInput"] {
  position: absolute;
  top: 270px;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  line-height: 20px;
  color: #FFF;
  background: green;
  cursor: pointer;
  border-radius: 50%;
}

.slide label[for="sildeInput1"] {
  left: 0;
}

.slide label[for="sildeInput2"] {
  left: 30px;
}

.slide label[for="sildeInput3"] {
  left: 60px;
}

#sildeInput1:checked~ul{
  margin-left: 0;
}

#sildeInput2:checked~ul{
  margin-left: -750px;
}

#sildeInput3:checked~ul {
  margin-left: -1500px;
}

#sildeInput1:checked~label[for="sildeInput1"] {
    color: #000;
    background: #fff;
}

#sildeInput2:checked~label[for="sildeInput2"] {
    color: #000;
    background: #fff;
}

#sildeInput3:checked~label[for="sildeInput3"] {
    color: #000;
    background: #fff;
}


  body {
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
            line-height: 1.8;
            color: #2c3e50;
            background-color: #f9f5f0;
            margin: 0;
            
        }
        .container {
            max-width: 900px;
            margin: 0 auto;
            background-color: #fffefc;
            padding: 40px 50px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
            border-radius: 24px;
            border: 1px solid #e8e0d5;
        }
        h1 {
            font-size: 2.2rem;
            font-weight: 400;
            color: #a67b5b;
            text-align: center;
            margin-top: 0;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 2px dashed #dccfc4;
            letter-spacing: 2px;
        }
        /* 可选的副标题或签名风格 */
        .subhead {
            text-align: center;
            color: #b3927c;
            font-style: italic;
            margin-top: -20px;
            margin-bottom: 30px;
            font-size: 1.1rem;
        }
        p {
            margin: 0;
            padding: 8px 0;
            border-bottom: 1px dotted #eae1d8;
            color: #3e3a36;
            font-size: 1.05rem;
            transition: background-color 0.2s;
        }
        p:hover {
            background-color: #fcf8f3;
        }
        p::before {
            content: "○";
            color: #c39a7b;
            font-size: 0.8rem;
            margin-right: 12px;
            opacity: 0.7;
        }
        /* 特殊区块保留，不加前置圆点，用于签名或日期 */
        .footer-note {
            margin-top: 30px;
            text-align: right;
            font-size: 0.9rem;
            color: #b9a394;
            border-top: 1px solid #ede3d9;
            padding-top: 20px;
            font-style: italic;
        }
        .footer-note::before {
            content: "";    /* 移除圆点 */
            margin: 0;
        }
        /* 如果想插入无圆点的段落（例如分隔说明） */
        .plain-text {
            padding: 12px 0 8px 0;
            border-bottom: 1px dotted #eae1d8;
            color: #3e3a36;
            font-size: 1.05rem;
        }
        .plain-text::before {
            content: "";
            margin: 0;
        }
        /* 小标记用于分类 */
        .section-marker {
            color: #a67b5b;
            font-weight: 350;
            letter-spacing: 1px;
            margin-top: 20px;
            padding-left: 5px;
            border-left: 4px solid #dccfc4;
        }
        .section-marker::before {
            content: "◆";
            color: #c39a7b;
            margin-right: 10px;
            font-size: 0.9rem;
            opacity: 0.8;
        }