.bgc {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.bgb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center; }

html {
  font-size: 100px; }

@media (max-width: 750px) {
  html {
    font-size: calc(100vw/7.5) !important;
    text-size-adjust: none;
    -webkit-text-size-adjust: none; } }
.wap {
  display: none; }
  @media (max-width: 750px) {
    .wap {
      display: block; } }

@media (max-width: 750px) {
  .pc {
    display: none; } }

.box1 {
  background-color: #e9eaef;
  text-align: center;
  color: #333;
  padding-top: 0.52rem;
  padding-bottom: 0.47rem; }
  .box1 .tits {
    font-size: 0.4rem;
    line-height: 0.42rem;
    font-weight: 500; }
  .box1 .tit {
    font-size: 0.34rem;
    line-height: 0.36rem;
    margin-top: 0.12rem; }

.box2 {
  background-color: #e9eaef; }
  .box2 .title {
    background-color: #FF6720;
    text-align: center;
    color: #fff;
    padding-top: 0.3rem;
    padding-bottom: 0.36rem; }
    .box2 .title .tits {
      font-size: 0.46rem;
      font-weight: 500;
      line-height: 0.48rem; }
    .box2 .title .tit {
      font-size: 0.19rem;
      line-height: 0.21rem;
      margin-top: 0.12rem; }
  .box2 .list {
    width: 7.1rem;
    margin: 0.9rem auto 0; }
    .box2 .list ul li {
      width: 32.4%;
      margin-right: 1.4%;
      margin-bottom: 0.8rem;
      float: left; }
      .box2 .list ul li:nth-child(3n) {
        margin-right: 0; }
      .box2 .list ul li img {
        border: 1px solid #000;
        box-sizing: border-box;
        border-bottom: none; }
      .box2 .list ul li p {
        width: 100%;
        text-align: center;
        font-size: 0.3rem;
        line-height: 0.5rem;
        background-color: #FF6720;
        color: #fff; }
    @media (min-width: 750px) {
      .box2 .list {
        width: 70%; } }

.box3 .title {
  background-color: #FF6720;
  text-align: center;
  color: #fff;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem; }
  .box3 .title .tits {
    font-size: 0.46rem;
    font-weight: 500;
    line-height: 0.48rem; }
  .box3 .title .tit {
    font-size: 0.19rem;
    line-height: 0.28rem;
    margin-top: 0.08rem; }
.box3 .item {
  width: 7.1rem;
  margin: 0.4rem auto 0; }
  .box3 .item .tits {
    font-size: 0.3rem;
    line-height: 0.32rem;
    color: #333;
    padding-left: 0.2rem; }
  .box3 .item ul {
    margin-top: 0.5rem; }
    .box3 .item ul li {
      width: 23.2%;
      float: left;
      margin-right: 2.4%;
      border: 1px solid #333;
      margin-bottom: 0.2rem;
      box-sizing: border-box; }
      .box3 .item ul li:nth-child(4n) {
        margin-right: 0; }
  @media (min-width: 750px) {
    .box3 .item {
      width: 70%; } }
.box3 .line {
  height: 0.5rem;
  background-color: #e9eaef;
  margin-top: 1rem; }

.box4 .title {
  background-color: #FF6720;
  text-align: center;
  font-size: 0.42rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.45rem; }
.box4 .con {
  text-align: center;
  padding-top: 0.76rem;
  padding-bottom: 0.74rem; }
  .box4 .con .tits {
    font-size: 0.38rem;
    font-weight: 500;
    line-height: 0.4rem;
    color: #FF6720; }
  .box4 .con .tit {
    font-size: 0.26rem;
    line-height: 0.46rem;
    color: #333;
    margin-top: 0.04rem; }
.box4 .conn {
  width: 6.85rem;
  margin: 0 auto 0;
  font-size: 0.23rem;
  line-height: 0.46rem;
  text-indent: 2em;
  color: #333;
  padding-top: 0.6rem;
  padding-bottom: 1.2rem; }
  @media (min-width: 750px) {
    .box4 .conn {
      width: 70%; } }

.wap {
  display: none; }
  @media (max-width: 750px) {
    .wap {
      display: block; } }

.pc {
  display: block; }
  @media (max-width: 750px) {
    .pc {
      display: none; } }

/*# sourceMappingURL=style.css.map */
<!--0.0001070499420166-->