@charset "UTF-8";
select::-ms-expand {
  display: none; }

.text
.left {
  float: left; }

.right {
  float: right; }

@font-face {
  font-family: 'SHSB';
  src: url("../fonts/FandolSong-Bold.otf?v=2"); }
@font-face {
  font-family: 'SHSH';
  src: url("../fonts/FandolSong-Bold.otf?v=2"); }
@font-face {
  font-family: 'SHSM';
  src: url("../fonts/FandolSong-Regular.otf?v=2"); }
.SHSB {
  font-family: 'SHSB'; }

.SHSH {
  font-family: 'SHSH'; }

.SHSM {
  font-family: 'SHSM'; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none; }

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

.main {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  background-size: 100% auto;
  margin: 0 auto;
  max-width: 750px; }

.index .box1 {
  background-color: #f6f6f6;
  padding-top: 3.05rem;
  padding-bottom: 3.98rem;
  position: relative; }
  .index .box1 .con {
    width: 73.3%;
    margin: 0 auto; }
    .index .box1 .con .tits {
      font-size: 0.47rem;
      line-height: 0.83rem;
      color: #000;
      position: relative;
      width: 100%; }
      .index .box1 .con .tits span {
        display: block;
        font-size: 0.6rem; }
      .index .box1 .con .tits:after {
        content: '“';
        font-size: 1.26rem;
        line-height: 0.55rem;
        color: #fff;
        position: absolute;
        top: 0.29rem;
        left: -1.24rem; }
      .index .box1 .con .tits:before {
        content: '”';
        font-size: 1.26rem;
        line-height: 0.55rem;
        color: #fff;
        position: absolute;
        top: 1.56rem;
        right: -0.5rem; }
    .index .box1 .con .time {
      font-size: 0.24rem;
      line-height: 0.26rem;
      color: #262626;
      font-weight: 300;
      margin-top: 0.14rem;
      transition-delay: 0.2s; }
  .index .box1 .icon {
    width: 0.19rem;
    position: absolute;
    bottom: 0;
    right: 0.3rem; }
.index .box2 {
  margin-top: 0.9rem; }
  .index .box2 .list {
    width: 100%; }
    .index .box2 .list ul .item {
      width: 82.1%;
      float: left; }
      .index .box2 .list ul .item .itemNew {
        width: calc(100% - 0.5rem);
        margin: 0 auto;
        position: relative; }
        .index .box2 .list ul .item .itemNew a {
          width: 100%;
          height: auto;
          display: block; }
          .index .box2 .list ul .item .itemNew a .xx {
            width: calc(100% - 0.9rem);
            left: 0.5rem;
            position: absolute; }
          .index .box2 .list ul .item .itemNew a .title {
            top: 0.56rem; }
            .index .box2 .list ul .item .itemNew a .title .t {
              float: left;
              color: #fff;
              font-size: 0.24rem;
              line-height: 0.26rem; }
              .index .box2 .list ul .item .itemNew a .title .t img {
                width: 0.24rem;
                height: auto;
                display: block;
                margin-top: 0.14rem;
                margin-bottom: 0.11rem; }
            .index .box2 .list ul .item .itemNew a .title .logo {
              width: 1.71rem;
              float: right; }
          .index .box2 .list ul .item .itemNew a .con {
            min-height: 2.08rem;
            font-size: 0.35rem;
            line-height: 0.52rem;
            bottom: 3.23rem;
            color: #fff; }
          .index .box2 .list ul .item .itemNew a .tits {
            bottom: 0.73rem; }
            .index .box2 .list ul .item .itemNew a .tits .icon {
              width: 0.73rem;
              position: absolute;
              left: 0.05rem;
              bottom: 0.14rem; }
            .index .box2 .list ul .item .itemNew a .tits .tit {
              float: right;
              text-align: right;
              font-size: 0.2rem;
              line-height: 0.42rem;
              color: #fff; }
.index .box3 {
  width: 74.7%;
  margin: 1.46rem auto 0; }
  .index .box3 .con {
    font-size: 0.46rem;
    line-height: 0.75rem;
    color: #262626; }
  .index .box3 .boxNew {
    width: 92.3%;
    height: auto;
    position: relative;
    background-color: #030000;
    box-sizing: border-box;
    padding: 0.29rem 0 0.29rem 0.42rem;
    margin-top: 0.65rem; }
    .index .box3 .boxNew .t {
      font-size: 0.26rem;
      line-height: 0.4rem;
      color: #fff; }
      .index .box3 .boxNew .t span {
        color: #d80042; }
    .index .box3 .boxNew .icon {
      width: 0.73rem;
      height: auto;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0.95rem; }
    .index .box3 .boxNew a {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
.index .logoBox {
  width: 74.7%;
  margin: 20.3% auto 0;
  padding-bottom: 30.7%; }
  .index .logoBox .item {
    width: 33.333%;
    float: left;
    margin-bottom: 0.4rem; }
    .index .logoBox .item img {
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray; }
.index .box4 {
  width: 100%;
  height: auto;
  position: relative; }
  .index .box4 .tit {
    font-size: 0.2rem;
    line-height: 0.27rem;
    color: #fff;
    position: absolute;
    right: 0.83rem;
    top: 0.8rem;
    text-align: right; }
  .index .box4 .boxNew {
    position: absolute;
    bottom: 0.96rem;
    right: 0.7rem; }
    .index .box4 .boxNew .t {
      font-size: 0.48rem;
      line-height: 0.7rem;
      color: #fff;
      text-align: right; }
    .index .box4 .boxNew .item {
      background-color: #fff;
      width: 4.7rem;
      position: relative;
      padding: 0.43rem 0 0.4rem 0.28rem;
      margin-top: 0.44rem; }
      .index .box4 .boxNew .item .tt {
        font-size: 0.26rem;
        line-height: 0.4rem;
        color: #030000;
        width: 2.95rem; }
      .index .box4 .boxNew .item .icon {
        width: 0.73rem;
        height: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0.3rem; }

.bottom {
  background-color: #030000;
  padding-bottom: 21.3%;
  padding-top: 21.3%; }
  .bottom .bottomNew {
    width: 80%;
    margin: 0 auto; }
    .bottom .bottomNew .tits {
      font-size: 0.6rem;
      line-height: 0.65rem;
      color: #fff; }
    .bottom .bottomNew .tit {
      font-size: 0.2rem;
      line-height: 0.4rem;
      color: #fff;
      font-weight: 200;
      margin-top: 0.1rem; }
      .bottom .bottomNew .tit span {
        color: #d80042; }
    .bottom .bottomNew .aBox {
      margin-top: 0.92rem; }
      .bottom .bottomNew .aBox a {
        width: 37.8%;
        margin-left: 2.8%;
        font-size: 0.36rem;
        line-height: 0.8rem;
        font-family: 'SHSB';
        border-bottom: 0.04rem solid #fff;
        float: left;
        color: #fff;
        margin-right: 14.3%;
        display: block;
        margin-bottom: 0.22rem; }
        .bottom .bottomNew .aBox a:nth-child(2n) {
          margin-right: 0; }

.footerBox {
  height: 1.8rem; }

.footer {
  width: 100%;
  height: 1.8rem;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
  text-align: center;
  font-size: 0;
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.1); }
  .footer a {
    width: 25.6%;
    text-align: center;
    font-size: 0.34rem;
    line-height: 1.28rem;
    display: inline-block;
    font-family: 'SHSB';
    position: relative;
    color: #000;
    display: inline-block; }
    .footer a:after {
      width: 0;
      height: 0;
      border-right: 0.1rem solid transparent;
      border-left: 0.1rem solid transparent;
      border-bottom: 0.28rem solid #fff;
      content: '';
      position: absolute;
      top: -0.27rem;
      left: 50%;
      margin-left: -0.1rem;
      z-index: 5;
      display: none; }
    .footer a.on:after {
      display: block; }

.case .box1 {
  background: #f5f5f5;
  padding: 18.4% 7.2% 6.7%; }
  .case .box1 .text {
    font-size: 0.46rem;
    line-height: 0.72rem;
    color: #262626; }
  .case .box1 .box {
    margin-top: 16.3%; }
    .case .box1 .box .tits {
      font-size: 0.32rem;
      line-height: 0.34rem;
      color: #262626; }
    .case .box1 .box .tit {
      margin-top: 0.19rem; }
      .case .box1 .box .tit .t {
        width: 4.6rem;
        height: 0.63rem;
        border: 0.03rem solid #030000;
        box-sizing: border-box;
        padding-left: 0.16rem;
        font-size: 0.26rem;
        line-height: 0.57rem;
        color: #262626;
        font-weight: 200;
        margin-bottom: 0.17rem;
        background-image: url("../img/icon4.png");
        background-repeat: no-repeat;
        background-position: calc(100% - 0.16rem) center;
        background-size: 0.22rem; }
        .case .box1 .box .tit .t:last-child {
          margin-bottom: 0; }
.case .box2 {
  padding: 13.9% 7.2% 22.9%; }
  .case .box2 .title {
    font-size: 0.28rem;
    line-height: 0.41rem;
    color: #262626;
    font-weight: 200;
    position: relative; }
    .case .box2 .title span {
      font-size: 0.53rem; }
    .case .box2 .title .line {
      width: 0.05rem;
      height: 0.93rem;
      background-color: #262626;
      position: absolute;
      left: 0;
      top: -1.22rem; }
  .case .box2 .list {
    margin-top: 28.7%; }
    .case .box2 .list .item {
      margin-bottom: 20.2%; }
      .case .box2 .list .item:last-child {
        margin-bottom: 0; }
      .case .box2 .list .item a {
        width: 100%;
        display: block;
        position: relative; }
        .case .box2 .list .item a .pic {
          width: 26.5%;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%); }
        .case .box2 .list .item a .con {
          width: 65.4%;
          float: right; }
          .case .box2 .list .item a .con .tits {
            font-size: 0.26rem;
            line-height: 0.28rem;
            color: #262626; }
          .case .box2 .list .item a .con .tit {
            font-size: 0.33rem;
            line-height: 0.46rem;
            color: #262626;
            margin-top: 0.29rem; }
          .case .box2 .list .item a .con .tit1 {
            font-size: 0.18rem;
            line-height: 0.26rem;
            color: #8f8f8f;
            margin-top: 0.34rem; }

.caseInfo {
  background-color: #f4f4f4;
  padding-bottom: 1.8rem; }
  .caseInfo .top {
    position: relative; }
    .caseInfo .top .bg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.5); }
    .caseInfo .top .logo {
      width: 1.9rem;
      position: absolute;
      left: 0.54rem;
      top: 0.27rem;
      z-index: 10; }
    .caseInfo .top .con {
      width: 81.3%;
      position: absolute;
      left: 7.2%;
      bottom: 1.82rem;
      color: #fff; }
      .caseInfo .top .con .tits {
        font-size: 0.46rem;
        line-height: 0.65rem; }
      .caseInfo .top .con .tit {
        font-size: 0.22rem;
        line-height: 0.3rem;
        margin-top: 0.12rem; }
  .caseInfo .box1 {
    width: 85.6%;
    margin: -1.05rem auto 0;
    background-color: #000;
    box-sizing: border-box;
    padding: 0.62rem 0.7rem;
    color: #fff;
    position: relative;
    z-index: 5; }
    .caseInfo .box1 .tits {
      font-size: 0.33rem;
      line-height: 0.4rem; }
    .caseInfo .box1 .tit {
      font-size: 0.23rem;
      line-height: 0.44rem;
      font-weight: 200;
      margin-top: 1.22rem; }
  .caseInfo .box2 {
    width: 85.6%;
    margin: 0.23rem auto 0;
    padding-bottom: 13.3%;
    display: block; }
    .caseInfo .box2 .item {
      margin-bottom: 0.18rem; }
      .caseInfo .box2 .item:last-child {
        margin-bottom: 0; }
      .caseInfo .box2 .item .tits {
        background-color: #fff;
        padding-left: 0.36rem;
        color: #262626;
        padding-top: 0.3rem;
        padding-bottom: 0.33rem;
        position: relative; }
        .caseInfo .box2 .item .tits .t {
          font-size: 0.33rem;
          line-height: 0.4rem; }
        .caseInfo .box2 .item .tits .t1 {
          font-size: 0.26rem;
          line-height: 0.4rem;
          font-weight: 400; }
        .caseInfo .box2 .item .tits .icon {
          width: 0.73rem;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 0.4rem; }
      .caseInfo .box2 .item .con {
        margin-top: 0.5rem;
        padding-bottom: 0.86rem;
        display: none; }
        .caseInfo .box2 .item .con .tit {
          padding-left: 0.34rem;
          border-left: 0.05rem solid #d80042; }
          .caseInfo .box2 .item .con .tit .t {
            font-size: 0.53rem;
            line-height: 0.74rem;
            color: #262626; }
          .caseInfo .box2 .item .con .tit .t1 {
            font-size: 0.26rem;
            line-height: 0.46rem;
            margin-top: 0.35rem;
            color: #636363; }
        .caseInfo .box2 .item .con .conn {
          margin: 17.1% auto 0;
          box-sizing: border-box;
          width: calc(100% - 0.56rem);
          font-size: 0.32rem;
          line-height: 0.66rem;
          color: #262626; }
          .caseInfo .box2 .item .con .conn img {
            max-width: 100%;
            display: block;
            margin: 0 auto; }
          .caseInfo .box2 .item .con .conn .pic {
            width: 63.4%;
            display: block;
            margin: 0 auto 0.68rem; }
          .caseInfo .box2 .item .con .conn p {
            margin-bottom: 0.68rem; }
            .caseInfo .box2 .item .con .conn p span {
              border-bottom: 0.02rem solid #000; }
        .caseInfo .box2 .item .con .list {
          width: 88.8%;
          margin: 0 auto 19.8%; }
          .caseInfo .box2 .item .con .list:last-child {
            margin: 0 auto; }
          .caseInfo .box2 .item .con .list .title {
            font-size: 0.33rem;
            line-height: 0.35rem;
            color: #262626; }
          .caseInfo .box2 .item .con .list .xx {
            margin-top: 0.43rem;
            white-space: nowrap;
            width: 100%; }
          .caseInfo .box2 .item .con .list .tc {
            text-align: center;
            font-size: 0;
            width: 100%;
            margin-top: 0.32rem; }
            .caseInfo .box2 .item .con .list .tc span {
              font-size: 0.2rem;
              line-height: 0.22rem;
              color: #262626;
              display: inline-block;
              padding-left: 0.62rem;
              background-position: left center;
              background-repeat: no-repeat;
              background-image: url("../img/icon5.png");
              background-size: 0.4rem auto; }
      .caseInfo .box2 .item.on .tits {
        display: none; }
      .caseInfo .box2 .item.on .con {
        display: block; }

.infoBox3 .title {
  text-align: center;
  font-size: 0.33rem;
  line-height: 0.35rem;
  color: #262626; }
.infoBox3 .list {
  width: 100%;
  margin: 0.39rem auto 0;
  height: auto;
  overflow: initial; }
  .infoBox3 .list ul li {
    width: 86.1%;
    position: relative; }
    .infoBox3 .list ul li .item {
      width: calc(100% - 0.4rem);
      height: 1.8rem;
      margin: 0 auto;
      background-color: #030000;
      position: relative; }
      .infoBox3 .list ul li .item .tits {
        font-size: 0.26rem;
        line-height: 0.4rem;
        color: #fff;
        position: absolute;
        left: 0.27rem;
        width: calc(100% - 0.27rem - 1.3rem);
        top: 50%;
        transform: translateY(-50%); }
      .infoBox3 .list ul li .item .icon {
        width: 0.73rem;
        height: 0.73rem;
        position: absolute;
        right: 0.3rem;
        top: 50%;
        transform: translateY(-50%);
        background-image: url("../img/icon2.png");
        background-size: cover;
        background-repeat: no-repeat; }
      .infoBox3 .list ul li .item a {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0; }

.about .content {
  background-color: #f5f5f5;
  padding-bottom: 12.7%;
  background-image: url("../img/bg.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center; }
  .about .content .w59 {
    width: 78.7%;
    margin: 0 auto; }
  .about .content .box1 {
    padding-top: 13.9%; }
    .about .content .box1 .tits {
      font-size: 0.46rem;
      line-height: 0.72rem;
      color: #000;
      white-space: nowrap; }
      .about .content .box1 .tits span {
        letter-spacing: 0.25rem; }
    .about .content .box1 .tit {
      font-size: 0.28rem;
      line-height: 0.5rem;
      color: #000;
      font-weight: 200;
      text-align: justify;
      letter-spacing: 0.02rem;
      margin-top: 0.33rem; }
  .about .content .box2 {
    margin-top: 0.74rem; }
    .about .content .box2 .item {
      color: #000;
      margin-bottom: 1.28rem; }
      .about .content .box2 .item:last-child {
        margin-bottom: 0; }
      .about .content .box2 .item .tits {
        font-size: 0.4rem;
        line-height: 0.42rem;
        letter-spacing: 0.2rem; }
      .about .content .box2 .item .tit {
        font-size: 0.28rem;
        line-height: 0.4rem;
        letter-spacing: 0.02rem;
        font-weight: 200;
        margin-top: 0.26rem; }
      .about .content .box2 .item .tit1 {
        font-size: 0.2rem;
        line-height: 0.33rem;
        font-weight: 400;
        text-align: justify;
        margin-top: 0.2rem;
        letter-spacing: 0.02rem; }
  .about .content .logoBox {
    width: 85.6%;
    margin: 15.6% auto 0; }
    .about .content .logoBox ul li {
      width: 26.5%;
      margin-bottom: 0.1rem;
      margin-right: 10.25%;
      float: left; }
      .about .content .logoBox ul li:nth-child(3n) {
        margin-right: 0; }
.about .cc {
  padding-top: 18.7%;
  padding-bottom: 24%; }

/*# sourceMappingURL=style.css.map */