/*清除浮动，标准代码，每个网页都需要*/
.clearfix:after,.clearfix:before {
                                  content: ""; /*加一段内容*/
                                  display: table; /*创建匿名的表格单元，触发bfc*/
                                  }
.clearfix:after {
                 clear: both;     /*清除浮动*/
                }             
.clearfix {*zoom:1;}              /*为IE6，7的兼容性设置*/

/*---清除浮动，标准代码，每个网页都需要---*/


/*---xxxx 全局 Reset xxxx---*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* 让宽高包含内边距和边框 */
}

li {
    list-style: none;
   }

a {
  text-decoration: none;
  color: inherit; /* 链接默认继承文字颜色 */
  }

/*---xxxx 页面整体 xxxx---*/

html, body {
           width: 100%;
           height: 100%;
           background-color: #ffffff;                 /* 背景色 */
           font-family: Arial, Helvetica, sans-serif;
           color: #333333;                            /* 统一全局文字颜色为深灰，避免默认黑色过硬 */
}

/*---xxxx 响应式排版基础 xxxx---*/
body {
      width: 100%;         /* 最大宽度限制，避免超大屏过宽 */
      margin: 0 auto;      /* 居中显示 */
      padding: 0 15px;     /* 两侧留点空隙，避免贴边 */
      padding-top: 100px;  /* 这个100是指header + navigate的总高 */
     }

/* ---xxxx响应式文字大小 xxxx---*/
h1, h2, h3, p {
               line-height: 1.6;
               color: #333333; /* 标题和段落文字统一深灰 */
              }

/*---xxxx 响应式布局辅助 xxxx---*/
.container {
  width: 100%;
  margin: 0 auto;
}

/*---所有页面的分隔线hr统格式---*/
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
    width: auto;
    border-top: 2px solid #cccccc;
    
   }

/*---xxxx 媒体查询：平板 xxxx---*/
@media (max-width: 1024px) {
  body {
    max-width: 100%;
    padding: 0 10px;
  }
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.5rem; }
  p  { font-size: 1rem; }
}

/* ---xxxx媒体查询：手机 xxxx---*/
@media (max-width: 768px) {
  body {
    padding: 0 8px;
  }
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.2rem; }
  p  { font-size: 0.95rem; }
}

/*---xxxxxxxxx  common style end   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx---*/