.lf {
    float: left;
  }
  .rig {
    float: right;
  }
  .li-inlineblock,
  .div-inlineblock,
  .select-input,
  .sicbg {
    letter-spacing: -10px;
  }
  .li-inlineblock > li,
  .div-inlineblock > div,
  .select-input > input,
  .sicbg > div {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
  }
  /*背景-边框*/
  /*居中&上下左右内外边距*/
  /*定位*/
  /*C3特效*/
  /*行数*/
  /*a元素样式*/
  /*字体相关*/
  /*倒三角小图标*/
  .pi {
    cursor: pointer;
  }
  .main a:hover {
    color: #c40f22;
  }

  .li-inlineblock,
  .div-inlineblock,
  .select-input {
    letter-spacing: -10px;
  }
  .li-inlineblock > li,
  .div-inlineblock > div,
  .select-input > input {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
  }
  .lf {
    float: left;
  }
  .rig {
    float: right;
  }
  .none,
  .p-none {
    display: none;
  }
  .main,
  .header,
  .banner,
  .section,
  .footer {
    width: 100%;
  }
  .h-in2 {
    margin: 0 auto;
    width: 1200px;
  }
  .header {
    height: auto;
    width: 100%;
  }
  /* h - 第二块： logo和搜索框 */
  .h-in2 {
    height: 100px;
  }

  /* banner 轮播图 */
  .banner {
    width: 100%;
    height: 400px;
  }
  /*轮播主div*/
  /*轮播图片*/
  .tabBox {
    width: 100%;
    position: relative;
    height: 400px;
  }
  .tabBox .bd ul {
    width: 100%;
    overflow: hidden;
    height: 400px;
  }
  .tabBox .bd li {
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 400px;
  }
  .tabBox .bd img {
    width: 100%;
    height: 100%;
  }
  .tabBox .hd ul {
    position: absolute;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 14px;
    bottom: 30px;
  }
  .tabBox .hd ul li {
    cursor: pointer;
    margin: 0 9px;
    background-color: #ffffff;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
  }
  .tabBox .hd ul .on {
    background-color: #f5c392;
  }
  /*尾部*/
  .footer {
    background-color: #c40f22;
  }
  .footer a:hover {
    color: #e9e9e9;
  }
  .f-top,
  .f-bottom {
    width: 100%;
    color: #ffffff;
  }
  .f-top a,
  .f-bottom a {
    color: #ffffff;
  }
  .f-top {
    width: 1200px;
    margin: 0 auto;
    font-weight: bold;
    padding: 32px 0;
    line-height: 56px;
    font-size: 1.286rem;
  }
  .f-top i {
    display: inline-block;
    height: 56px;
    width: 56px;
    vertical-align: top;
    margin-right: 35px;
    cursor: pointer;
  }
  .f-top li:nth-child(1) {
    height: auto;
    width: 27%;
    background: url("../img/icon2.png") no-repeat left 0;
  }
  .f-top li:nth-child(2) {
    height: auto;
    width: 40.66666667%;
    background: url("../img/icon2.png") no-repeat left -57px;
  }
  .f-top li:nth-child(3) {
    height: auto;
    width: 18.33333333%;
    background: url("../img/icon2.png") no-repeat left -114px;
  }
  .f-top li:nth-child(4) {
    height: auto;
    width: 14%;
    background: url("../img/icon2.png") no-repeat left -171px;
  }
  .f-top i {
    position: relative;
  }
  .f-top i div {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    top: -130px;
    left: -30px;
    border: 5px solid #dddddd;
    height: 100px;
    width: 100px;
  }
  .f-top i div img {
    height: 100%;
    width: 100%;
  }
  .f-top i:hover div {
    opacity: 1;
    z-index: 999;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  .f-bottom {
    background-color: #ac0618;
    text-align: center;
    padding: 10px 0;
    line-height: 20px;
    color: #ffffff;
  }
  /***********************		响应式		**********************/
  /*G电脑屏幕*/
  @media screen and (max-width: 1200px) {
    .banner,
    .sin2bg,
    .footer {
      width: 1200px;
    }
  }
  /*G平板屏幕*/
  /*G手机屏幕*/
  @media screen and (max-width: 768px) {
    .banner,
    .sin2bg,
    .footer {
      width: 100%;
    }
    .h-in2,
    .f-top {
      width: 100%;
    }
    .nav,
    .m-none {
      display: none;
    }
    .p-none {
      display: block;
    }
    .h-in2 {
      height: 5rem;
      background-color: #c40f22;
    }
    .h-in2 .logo {
      width: auto;
    }
    .h-in2 .logo img {
      margin-top: 0.955rem;
      margin-left: 0.893rem;
      height: 3.143rem;
    }
    .han {
      height: 25px;
      width: 25px;
      margin-top: 1.75rem;
      margin-right: 2rem;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMARn9igClLTMuEA+7TMpCFGW42gvkAAABaSURBVCjPrc7LDoAgDETRwUIRxAf//7MuNKlYAgs4+5lczBUp2OXPBoqgXEdIuW5tbOC80bzDEMfmg+WNdMErqeruRuKletjFUl3Yt7JAHKq6vwEH+zgpYqobVxMLl4MbNGQAAAAASUVORK5CYII=) no-repeat center center;
    }
    .han > a {
      display: inline-block;
      height: 100%;
      width: 100%;
      vertical-align: top;
    }
    .banner,
    .banner .tabBox,
    .banner .tabBox .bd ul,
    .banner .tabBox .bd li {
      height: 200px;
    }
    .banner .tabBox .hd ul {
      bottom: 1rem;
    }
    .banner .tabBox .hd li {
      height: 10px;
      width: 10px;
    }
    .m-footer {
      padding: 20px 0;
      background-color: #c40f22;
      color: #ffffff;
      font-size: 0.857rem;
      line-height: 0.857rem;
    }
    .m-footer a {
      color: #ffffff;
      font-size: 0.857rem;
      line-height: 0.857rem;
    }
    .m-footer ul {
      width: 92%;
      margin: 0 auto;
    }
    .m-footer .mf1,
    .m-footer .mf2 {
      height: auto;
      width: 17.39130435%;
      margin-right: 4.34782609%;
    }
    .m-footer .mf1 img,
    .m-footer .mf2 img {
      width: 100%;
    }
    .m-footer .mf1 div,
    .m-footer .mf2 div {
      margin-bottom: 0.714rem;
    }
    .m-footer .mf1 p,
    .m-footer .mf2 p {
      line-height: 1.571rem;
      text-align: center;
      font-size: 0.857rem;
    }
    .m-footer .mf2 {
      margin-right: 7.24637681%;
    }
    .m-footer .mf3 {
      height: auto;
      width: 53.62318841%;
    }
    .m-footer .mf3 p:not(:last-child) {
      margin-bottom: 0.571rem;
    }
  }