.pageWidth {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }

.head {
  position: fixed;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  z-index: 90;
  background-color: #fff;
  border-bottom: 1px solid #fca137; }
  .head.active {
    background-color: #fff; }
  .head .cont {
    padding: 10px 0;
    overflow: unset; }
    .head .cont .logo {
      display: inline-block;
      float: left; }
      .head .cont .logo img {
        height: 68px;
        width: auto; }
    .head .cont .search {
      float: right;
      border: 1px solid #fca137;
      border-radius: 5px;
      height: auto;
      margin-top: 21.8px;
      margin-left: 30px; }
      .head .cont .search input {
        width: 150px;
        color: #000;
        border-radius: 5px;
        display: inline-block;
        padding: 0 10px;
        float: left;
        line-height: 30px;
        font-size: 14px; }
      .head .cont .search img {
        width: 22px;
        height: auto;
        float: left;
        margin-top: 4px;
        margin-right: 10px;
        cursor: pointer; }
    .head .cont .nav {
      display: inline-block;
      float: right; }
      .head .cont .nav .navlist {
        float: left;
        position: sticky; }
        .head .cont .nav .navlist .firstlink {
          display: inline-block;
          text-align: center;
          width: 88px;
          padding: 12px 10px 6px 10px;
          box-sizing: unset; }
          .head .cont .nav .navlist .firstlink span {
            float: left;
            display: block;
            line-height: 25px;
            font-size: 16px;
            color: #000;
            width: 100%; }
          .head .cont .nav .navlist .firstlink i {
            float: left;
            display: block;
            font-size: 12px;
            color: #999999;
            line-height: 25px;
            width: 100%; }
        .head .cont .nav .navlist .dropdown {
          position: absolute;
          left: 50%;
          top: 68px;
          width: auto;
          min-width: 100%;
          padding: 10px;
          box-sizing: border-box;
          transform: translateX(-50%);
          text-align: center;
          background-color: #fca137;
          display: none; }
          .head .cont .nav .navlist .dropdown.service {
            width: 200px; }
          .head .cont .nav .navlist .dropdown a {
            display: inline-block;
            width: 100%;
            float: left;
            margin: 10px 0;
            font-size: 15px;
            color: #fff;
            line-height: 1.5; }
        .head .cont .nav .navlist.active .firstlink {
          /*background-color: #fca137;*/ }
          .head .cont .nav .navlist.active .firstlink span, .head .cont .nav .navlist.active .firstlink i {
            color: #fca137; }
        .head .cont .nav .navlist:hover .firstlink span, .head .cont .nav .navlist:hover .firstlink i {
          color: #fca137; }
        .head .cont .nav .navlist:hover .dropdown {
          display: inline-block; }

.phonehead {
  display: none; }

.indexbanner {
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
  position: relative;
  margin-top: 93px; }
  .indexbanner .swiper-button-next {
    background-image: url(../images/swiper_r.png);
    top: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    background-size: 80px;
    right: calc(50% - 620px); }
  .indexbanner .swiper-button-prev {
    background-image: url(../images/swiper_l.png);
    top: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    background-size: 80px;
    left: calc(50% - 620px); }
  .indexbanner .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: #f3f3f3;
    opacity: 1;
    margin: 0 8px !important; }
  .indexbanner .swiper-pagination-bullet-active {
    background: #fca137; }
  .indexbanner .swiper-pagination-bullets {
    bottom: 20px; }

.indextit {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 65px 0;
  margin-bottom: 50px;
  background: url(../images/re_02.png) repeat-x;
  height: 9px;
  position: relative;
  min-width: 1200px; }
  .indextit .txet {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 25px;
    background-color: #fff; }
    .indextit .txet h2 {
      font-size: 24px;
      color: #444;
      font-weight: bold;
      line-height: 1; }
    .indextit .txet h3 {
      font-size: 14px;
      color: #adadad;
      margin-top: 4px;
      line-height: 24px; }

.indexservice .cont img {
  width: 450px;
  display: inline-block; }

.indexservice .cont p {
  display: inline-block;
  text-indent: 2em;
  font-size: 16px;
  line-height: 1.8;
  color: #000;
  width: calc(100% - 456px);
  vertical-align: middle;
  padding-left: 40px; }

.indexservice .cont .list {
  float: left;
  width: calc(33.33% - 20px);
  margin-right: 30px;
  margin-bottom: 30px; }
  .indexservice .cont .list:nth-child(3n) {
    margin-right: 0; }
  .indexservice .cont .list .img {
    width: 100%;
    height: auto;
    overflow: hidden; }
    .indexservice .cont .list .img img {
      width: 100%;
      height: auto;
      transition-duration: 0.3s; }
    .indexservice .cont .list .img:hover img {
      transform: scale(1.1); }
  .indexservice .cont .list .text h2 {
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    margin: 7px 0 3px 0;
    font-weight: bold; }
  .indexservice .cont .list .text p {
    font-size: 14px;
    color: #696969;
    line-height: 1.6; }

.indexabout {
  margin-bottom: 50px; }
  .indexabout .cont {
    overflow: unset; }
    .indexabout .cont .intr {
      line-height: 1.6;
      font-size: 16px;
      color: #666666;
      text-align: center;
      margin-top: -15px;
      margin-bottom: 20px; }
    .indexabout .cont .list {
      float: left;
      width: calc(33.33% - 20px);
      margin-right: 30px; }
      .indexabout .cont .list:nth-child(3n) {
        margin-right: 0; }
      .indexabout .cont .list .img {
        width: 100%;
        height: auto;
        overflow: hidden; }
        .indexabout .cont .list .img img {
          width: 100%;
          height: auto;
          transition-duration: 0.3s; }
        .indexabout .cont .list .img:hover img {
          transform: scale(1.1); }
      .indexabout .cont .list .text {
        padding: 10px;
        transition-duration: 0.3s;
        position: relative;
        overflow: hidden;
        /*&.active1 {
                    &:after {
                        height: 0;
                        top: 100%;
                    }
                }*/ }
        .indexabout .cont .list .text:after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background: #fca137;
          -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          transform-origin: left 100%;
          -webkit-transform-origin: left 100%;
          transform: scaleY(0);
          -moz-transform: scaleY(0);
          -webkit-transform: scaleY(0);
          visibility: hidden\9; }
        .indexabout .cont .list .text:hover:after {
          transform: scaleY(1);
          -webkit-transform: scaleY(1);
          transform-origin: left 0;
          -webkit-transform-origin: left 0;
          visibility: visible\9; }
        .indexabout .cont .list .text h2 {
          font-size: 16px;
          color: #000;
          line-height: 1.5;
          margin: 0 0 3px 0;
          font-weight: bold;
          position: relative;
          z-index: 2; }
        .indexabout .cont .list .text p {
          font-size: 14px;
          color: #696969;
          line-height: 1.6;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          position: relative;
          z-index: 2; }

.indexnews {
  margin-bottom: 50px; }
  .indexnews .cont .showimg {
    width: 450px;
    height: 450px;
    overflow: hidden;
    float: left;
    position: relative; }
    .indexnews .cont .showimg .swiper-slide {
      width: 100%;
      height: 100%; }
      .indexnews .cont .showimg .swiper-slide img {
        width: 100%;
        height: 100%; }
    .indexnews .cont .showimg .swiper-pagination-bullet {
      width: 14px;
      height: 14px;
      background: #f3f3f3;
      opacity: 1;
      margin: 0 5px !important; }
    .indexnews .cont .showimg .swiper-pagination-bullet-active {
      background: #fca137; }
    .indexnews .cont .showimg .swiper-pagination-bullets {
      bottom: 10px; }
  .indexnews .cont .group {
    width: calc(100% - 480px);
    float: right; }
    .indexnews .cont .group .list {
      margin-bottom: 30px;
      clear: both;
      overflow: hidden;
      display: block; }
      .indexnews .cont .group .list:nth-last-child(1) {
        margin-bottom: 0; }
      .indexnews .cont .group .list .img {
        float: left;
        height: 210px;
        width: 180px;
        display: block; }
        .indexnews .cont .group .list .img img {
          height: 100%;
          width: 100%;
          transition-duration: 0.3s; }
        .indexnews .cont .group .list .img:hover img {
          transform: scale(1.1); }
      .indexnews .cont .group .list .text {
        float: right;
        display: block;
        width: calc(100% - 200px); }
        .indexnews .cont .group .list .text h2 {
          font-size: 18px;
          color: #000;
          line-height: 1.5;
          font-weight: bold;
          margin-bottom: 5px; }
        .indexnews .cont .group .list .text h3 {
          font-size: 14px;
          color: #696969;
          line-height: 1.6; }
        .indexnews .cont .group .list .text .label {
          margin-top: 15px; }
          .indexnews .cont .group .list .text .label .type {
            float: left;
            font-size: 14px;
            color: #696969;
            line-height: 1.6; }
          .indexnews .cont .group .list .text .label .time {
            float: right;
            font-size: 14px;
            color: #696969;
            line-height: 1.6; }
        .indexnews .cont .group .list .text:hover {
          /*.label {
                            .type, .time {
                                color: #fca137;
                            }
                        }*/ }
          .indexnews .cont .group .list .text:hover h2 {
            color: #fca137; }

.footer {
  background-color: #d7d7d7;
  width: 100%;
  padding-top: 45px; }
  .footer .cont .left {
    width: auto;
    float: left; }
    .footer .cont .left .logo {
      display: inline-block;
      margin-bottom: 15px; }
      .footer .cont .left .logo img {
        width: 120px;
        height: auto; }
    .footer .cont .left .info {
      width: 100%; }
      .footer .cont .left .info .phone span {
        font-size: 16px;
        color: #919191;
        display: block;
        line-height: 24px; }
      .footer .cont .left .info .phone i {
        display: block;
        font-size: 18px;
        color: #919191;
        line-height: 24px;
        margin-bottom: 10px; }
      .footer .cont .left .info .infolist {
        font-size: 14px;
        color: #919191;
        line-height: 24px; }
  .footer .cont .nav {
    float: left;
    margin-left: 30px; }
    .footer .cont .nav .item {
      padding: 0px 30px;
      display: inline-block;
      float: left; }
      .footer .cont .nav .item .first {
        font-size: 16px;
        color: #919191;
        line-height: 24px;
        display: block;
        margin-bottom: 13px; }
      .footer .cont .nav .item .link {
        font-size: 14px;
        color: #a3a3a3;
        line-height: 24px;
        display: block;
        margin-bottom: 10px; }
  .footer .cont .wechat {
    float: right; }
    .footer .cont .wechat img {
      width: 120px;
      height: 120px; }
    .footer .cont .wechat span {
      font-size: 14px;
      color: #919191;
      line-height: 24px;
      margin-top: 5px;
      text-align: center;
      width: 100%;
      display: block; }
  .footer .copy {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center; }
    .footer .copy span {
      color: #a3a3a3;
      font-size: 14px;
      display: inline-block;
      line-height: 24px; }
    .footer .copy a {
      color: #a3a3a3;
      font-size: 14px;
      display: inline-block;
      line-height: 24px; }

.banner {
  margin-top: 93px;
  min-width: 1200px;
  position: relative; }
  .banner img {
    width: 100%;
    height: auto; }

.publictab {
  border-bottom: #f7f7f7 1px solid;
  display: block;
  height: 60px; }
  .publictab .cont {
    height: 40px;
    padding-top: 20px;
    box-sizing: unset;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
    .publictab .cont a {
      float: left;
      display: inline-block;
      font-size: 16px;
      height: 38px;
      line-height: 38px;
      margin: 0px 35px;
      position: relative; }
      .publictab .cont a:after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        font-size: 0;
        content: '';
        background-color: #fca137;
        border-radius: 1px;
        display: none; }
      .publictab .cont a.active, .publictab .cont a:hover {
        color: #fca137; }
        .publictab .cont a.active:after, .publictab .cont a:hover:after {
          display: block; }

.main {
  margin-top: 55px;
  padding-bottom: 55px; }
  .main .publictit {
    text-align: center;
    margin-bottom: 35px; }
    .main .publictit h2 {
      font-size: 24px;
      color: #444;
      line-height: 24px; }
    .main .publictit h3 {
      font-size: 14px;
      color: #adadad;
      margin-top: 6px;
      line-height: 24px; }

.company {
  width: 1000px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  /*img {
        width: 500px;
        float: left;
    }

    .text {
        float: right;
        width: calc(100% - 550px);

        p {
            text-indent: 2em;
            font-size: 16px;
            line-height: 1.8;
            color: #000;
        }

        ul {
            padding-left: 20px;
            list-style: unset;
            margin-top: 10px;

            li {
                font-size: 16px;
                line-height: 1.6;
                color: #000;
                margin-bottom: 10px;
                list-style: unset;
            }
        }
    }*/ }
  .company .cont img {
    width: 450px;
    display: inline-block; }
  .company .cont p {
    display: inline-block;
    text-indent: 2em;
    font-size: 16px;
    line-height: 1.8;
    color: #000;
    width: calc(100% - 456px);
    vertical-align: middle;
    padding-left: 40px; }
  .company .group {
    width: 100%;
    margin-top: 35px;
    clear: both;
    overflow: hidden; }
    .company .group li {
      width: calc(33.33% - 30px);
      margin-right: 30px;
      height: auto;
      position: relative;
      float: left; }
      .company .group li:nth-child(3n) {
        margin-right: 0; }
      .company .group li div {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        z-index: 4;
        text-align: center; }
        .company .group li div span {
          font-size: 14px;
          line-height: 1.5;
          color: #fff; }
        .company .group li div h3 {
          font-size: 16px;
          line-height: 1.65;
          color: #fff; }
      .company .group li img {
        width: 100%;
        height: auto;
        height: 127px;
        position: relative;
        z-index: 2; }
      .company .group li:after {
        display: block;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 0;
        content: '';
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3; }

.contact {
  width: 1000px;
  margin: 0 auto; }
  .contact .top {
    margin-top: 40px; }
    .contact .top .img {
      width: 400px;
      height: auto;
      display: inline-block;
      vertical-align: middle; }
    .contact .top .info {
      vertical-align: middle;
      width: calc(100% - 406px);
      padding-left: 40px;
      box-sizing: border-box;
      display: inline-block; }
      .contact .top .info .infolist {
        position: relative;
        padding-left: 55px;
        margin-bottom: 20px; }
        .contact .top .info .infolist:nth-last-child(1) {
          margin-bottom: 0; }
        .contact .top .info .infolist img.icon {
          width: 40px;
          height: auto;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0; }
        .contact .top .info .infolist span {
          font-size: 18px;
          color: #333;
          line-height: 1.6;
          display: inline-block; }
  .contact #map {
    width: 100%;
    height: 400px;
    margin-top: 40px; }

.recruit {
  width: 900px;
  margin: 0 auto; }
  .recruit .group .list {
    border-bottom: 1px dashed #fca137;
    margin-bottom: 30px;
    padding-bottom: 10px; }
    .recruit .group .list:nth-last-child(1) {
      border-bottom: unset;
      margin-bottom: 0;
      padding-bottom: 0; }
    .recruit .group .list .listtit {
      font-size: 16px;
      color: #0098a3;
      line-height: 1.8;
      margin-bottom: 10px; }
    .recruit .group .list .text {
      margin-bottom: 15px; }
      .recruit .group .list .text h4 {
        font-size: 15px;
        color: #333;
        line-height: 1.8;
        margin-bottom: 5px; }
      .recruit .group .list .text p {
        font-size: 15px;
        color: #333;
        line-height: 1.8; }

/*.recruit {
    width: 900px;
    margin: 0 auto;

    .group {
        .list {
            margin-bottom: 30px;

            &:nth-last-child(1) {
                border-bottom: unset;
                margin-bottom: 0;
                padding-bottom: 0;
            }

            .listtit {
                font-size: 16px;
                color: #fff;
                line-height: 1.8;
                position: relative;
                background-color: #fca137;
                padding: 10px 20px;

                img {
                    position: absolute;
                    right: 20px;
                    top: 50%;
                    transform: translateY(-50%);
                    display: none;

                    &.icon1 {
                        display: none;
                    }
                }
            }

            .hidetext {
                padding: 20px;
                background-color: #f5f5f5;

                .text {
                    margin-bottom: 15px;

                    h4 {
                        font-size: 15px;
                        color: #333;
                        line-height: 1.8;
                        margin-bottom: 5px;
                    }

                    p {
                        font-size: 15px;
                        color: #333;
                        line-height: 1.8;
                        padding: 0 30px;
                    }
                }
            }

            &.active {
                .listtit {
                    img {

                        &.icon1 {
                            display: block;
                        }

                        &.icon2 {
                            display: none;
                        }
                    }
                }

                .hidetext {
                    display: block;
                }
            }
        }
    }
}*/
.data .datatab {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 25px; }
  .data .datatab a {
    float: left;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin: 0px 20px;
    position: relative;
    padding: 0 15px;
    border: 1px solid #fca137;
    border-radius: 20px;
    min-width: 110px;
    text-align: center;
    color: #000; }
    .data .datatab a.active, .data .datatab a:hover {
      background-color: #fca137;
      color: #fff; }

.data .group {
  width: 900px;
  margin: 0 auto;
  clear: both;
  overflow: hidden; }
  .data .group .list {
    border-bottom: 1px dashed #fca137;
    padding: 15px 0;
    display: block;
    width: 100%;
    height: auto;
    float: left; }
    .data .group .list:nth-child(1) {
      padding-top: 0; }
    .data .group .list .icon {
      width: 54px;
      height: 54px;
      float: left; }
    .data .group .list .text {
      width: calc(100% - 65px);
      float: right; }
      .data .group .list .text h2 {
        display: block;
        color: #000;
        font-size: 16px;
        line-height: 1.6;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .data .group .list .text span {
        display: inline-block;
        font-size: 14px;
        color: #999;
        line-height: 1.5; }
    .data .group .list:hover .text h2 {
      color: #fca137; }

.page {
  margin-top: 40px; }
  .page ul {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
    .page ul li {
      display: inline-block;
      float: left;
      margin: 0 2.5px; }
      .page ul li a, .page ul li span {
        display: inline-block;
        text-align: center;
        padding: 0 5px;
        color: #666;
        font-size: 17px;
        line-height: 36px;
        min-width: 36px; }
      .page ul li.active a, .page ul li.active span, .page ul li:hover a, .page ul li:hover span {
        color: #fca137;
        font-weight: bold; }

.news {
  width: 1000px;
  margin: 0 auto; }
  .news .group {
    width: 100%; }
    .news .group .list {
      clear: both;
      overflow: hidden;
      border-bottom: 1px dashed #fca137;
      padding-bottom: 20px;
      margin-bottom: 20px; }
      .news .group .list .img {
        float: left;
        width: 130px; }
        .news .group .list .img img {
          width: 100%;
          height: auto; }
      .news .group .list .text {
        width: calc(100% - 150px);
        float: right; }
        .news .group .list .text h2 {
          font-size: 18px;
          color: #000;
          line-height: 1.5;
          font-weight: bold;
          margin-bottom: 5px; }
        .news .group .list .text p {
          font-size: 14px;
          color: #696969;
          line-height: 1.6; }
        .news .group .list .text .label {
          clear: both;
          overflow: hidden;
          margin-top: 10px; }
          .news .group .list .text .label .time {
            float: left;
            font-size: 14px;
            color: #696969;
            line-height: 1.6; }
          .news .group .list .text .label .looknum {
            float: right;
            font-size: 14px;
            color: #696969;
            line-height: 1.6;
            position: relative;
            padding-left: 25px; }
            .news .group .list .text .label .looknum img {
              width: 20px;
              height: auto;
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%); }
      .news .group .list:hover .text h2 {
        color: #fca137; }

.newsdetails {
  width: 1000px;
  margin: 0 auto; }
  .newsdetails .tit {
    text-align: center;
    color: #fca137;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px; }
  .newsdetails .time {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    text-align: center;
    display: block;
    width: 100%; }
  .newsdetails .text {
    margin-top: 30px;
    border-top: 1px dashed #fca137; }
    .newsdetails .text p {
      margin-bottom: 20px;
      font-size: 16px;
      color: #666;
      text-indent: 2em;
      line-height: 1.8; }
      .newsdetails .text p img {
        width: 100%;
        height: auto;
        margin-top: 20px;
        max-width: 100%; }
    .newsdetails .text img {
      width: 100%;
      height: auto;
      max-width: 100%;
      margin-top: 20px; }

.product {
  width: 1000px;
  margin-left: auto;
  margin-right: auto; }
  .product .producttab {
    border-bottom: #f7f7f7 1px solid;
    display: block;
    height: 60px; }
    .product .producttab .cont {
      height: auto;
      padding-top: 20px;
      box-sizing: unset;
      display: inline-block;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap;
      max-width: 100%;
      overflow-X: auto; }
      .product .producttab .cont a {
        float: none;
        display: inline-block;
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        margin: 0px 20px;
        position: relative;
        padding: 0 15px;
        border: 1px solid #fca137;
        border-radius: 20px; }
        .product .producttab .cont a.active, .product .producttab .cont a:hover {
          background-color: #fca137;
          color: #fff; }
  .product .group .list {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    width: calc(25% - 22.5px);
    box-shadow: 0 0 10px 4px #f3f3f3;
    margin-right: 30px; }
    .product .group .list:nth-child(4n) {
      margin-right: 0; }
    .product .group .list .img {
      display: inline-block;
      position: relative;
      overflow: hidden;
      width: 227.5px;
      height: 227.5px; }
      .product .group .list .img img {
        width: 100%;
        height: 100%;
        /*display: block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    max-width: 100%;
                    max-height: 100%;
                    width: auto;
                    height: auto;*/
        transition-duration: 0.3s; }
    .product .group .list .text {
      display: block;
      float: left;
      padding: 5px 10px 10px 10px; }
      .product .group .list .text h2 {
        font-size: 16px;
        color: #000;
        line-height: 1.5;
        margin: 7px 0 3px 0;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap; }
      .product .group .list .text p {
        font-size: 14px;
        color: #696969;
        line-height: 1.6;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
    .product .group .list:hover {
      /*box-shadow: 0 0 10px 4px rgba(127,213,237,1);*/ }
      .product .group .list:hover .img img {
        transform: scale(1.1); }

.productdetail {
  width: 1000px;
  margin: 0 auto; }
  .productdetail .detailimg {
    width: 350px;
    float: left;
    overflow: hidden; }
    .productdetail .detailimg .mySwiper2 {
      width: 100%;
      height: 350px;
      position: relative;
      border: 1px solid #fca137;
      box-sizing: border-box; }
      .productdetail .detailimg .mySwiper2 .swiper-button-next {
        background-image: url(../images/swiper_r.png);
        right: 10px;
        left: auto;
        width: 44px;
        height: 44px;
        background-size: 44px 44px; }
      .productdetail .detailimg .mySwiper2 .swiper-button-prev {
        background-image: url(../images/swiper_l.png);
        left: 10px;
        right: auto;
        width: 44px;
        height: 44px;
        background-size: 44px 44px; }
      .productdetail .detailimg .mySwiper2 .swiper-slide {
        width: 350px;
        height: 350px;
        position: relative; }
        .productdetail .detailimg .mySwiper2 .swiper-slide img {
          width: auto;
          height: auto;
          position: absolute;
          max-width: calc(100% - 4px);
          max-height: calc(100% - 4px);
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
    .productdetail .detailimg .mySwiper {
      position: relative;
      margin-top: 15px; }
      .productdetail .detailimg .mySwiper .swiper-slide {
        box-sizing: border-box;
        border: 1px solid #fca137;
        position: relative;
        width: 78px;
        height: 78px; }
        .productdetail .detailimg .mySwiper .swiper-slide img {
          width: auto;
          height: auto;
          position: absolute;
          max-width: 80%;
          max-height: 80%;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
  .productdetail .detailtext {
    float: left;
    width: calc(100% - 350px);
    box-sizing: border-box;
    padding-left: 40px; }
    .productdetail .detailtext h3 {
      font-size: 20px;
      color: #333;
      line-height: 1.4;
      margin-bottom: 10px;
      font-weight: bold; }
    .productdetail .detailtext h4 {
      font-size: 14px;
      color: #333;
      line-height: 1.6;
      margin-bottom: 10px; }
    .productdetail .detailtext .advantage span {
      font-size: 14px;
      color: #333;
      line-height: 1.6;
      display: inline-block;
      font-weight: bold;
      margin-bottom: 5px; }
    .productdetail .detailtext .advantage ul li {
      font-size: 14px;
      color: #333;
      line-height: 1.6;
      display: block; }
    .productdetail .detailtext .download .pdf {
      display: inline-block;
      line-height: 40px;
      width: auto;
      padding: 0 20px;
      text-align: center;
      background-color: #fca137;
      color: #fff;
      letter-spacing: 2px;
      font-size: 14px;
      margin-top: 30px;
      float: left;
      margin-right: 20px; }
      .productdetail .detailtext .download .pdf:nth-last-child(1) {
        margin-right: 0; }
  .productdetail .cont {
    width: 100%;
    display: block;
    float: left;
    margin-top: 30px; }
    .productdetail .cont .tips {
      border-bottom: 1px solid #fca137; }
      .productdetail .cont .tips span {
        display: inline-block;
        line-height: 40px;
        padding: 0 20px;
        background-color: #fca137;
        color: #fff;
        font-size: 16px;
        letter-spacing: 2px; }
    .productdetail .cont .detailsimg {
      margin-top: 20px; }
    .productdetail .cont .link {
      margin-top: 30px; }
      .productdetail .cont .link .list span, .productdetail .cont .link .list a {
        display: inline-block;
        font-size: 14px;
        color: #0098a3;
        line-height: 2; }
      .productdetail .cont .link .list:hover span, .productdetail .cont .link .list:hover a {
        color: #0098a3; }
      .productdetail .cont .link .list:nth-child(1) {
        float: left; }
      .productdetail .cont .link .list:nth-child(2) {
        float: right; }

.after_sale {
  width: 1000px;
  margin: 0 auto; }
  .after_sale .text {
    width: 100%;
    text-align: center;
    margin-bottom: 40px; }
    .after_sale .text h3 {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.8;
      color: #000; }
    .after_sale .text p {
      font-size: 16px;
      line-height: 1.8;
      color: #000;
      width: 50%;
      margin-left: 25%;
      margin-bottom: 20px; }
    .after_sale .text span {
      display: block;
      font-size: 16px;
      color: #000;
      line-height: 1.6;
      font-weight: bold;
      margin-top: 10px; }
      .after_sale .text span i {
        display: block;
        color: #fca137;
        font-size: 20px; }
  .after_sale img {
    width: 100%; }

.faq {
  width: 1000px;
  margin: 0 auto; }
  .faq .group .list {
    border-bottom: 1px dashed #fca137;
    padding-bottom: 30px;
    margin-bottom: 30px; }
    .faq .group .list .top {
      padding: 0 75px;
      position: relative;
      cursor: pointer;
      min-height: 45px; }
      .faq .group .list .top .num {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        line-height: 45px;
        width: 45px;
        border-radius: 50%;
        text-align: center;
        font-size: 18px; }
      .faq .group .list .top h2 {
        font-size: 18px;
        line-height: 30px;
        padding: 7.5px 0;
        color: #000; }
      .faq .group .list .top .icon {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        padding: 14.5px; }
        .faq .group .list .top .icon.icon1 {
          display: none; }
    .faq .group .list .text {
      background: #f7f7f7;
      padding: 16px;
      width: calc(100% - 150px);
      margin-left: 75px;
      box-sizing: border-box;
      font-size: 14px;
      line-height: 1.6;
      color: #999999;
      word-break: break-all;
      display: none; }
    .faq .group .list.active .top {
      margin-bottom: 20px; }
      .faq .group .list.active .top .num {
        color: #fff;
        background-color: #fca137; }
      .faq .group .list.active .top .icon.icon1 {
        display: block; }
      .faq .group .list.active .top .icon.icon2 {
        display: none; }
    .faq .group .list.active .text {
      display: block; }

@media screen and (max-width: 750px) {
  .pageWidth {
    width: 100%;
    margin-left: unset;
    margin-right: unset;
    overflow: unset; }
  .head {
    display: none; }
  .phonehead {
    display: block; }
    .phonehead .showcont {
      width: 100%;
      height: auto;
      position: fixed;
      top: 0;
      left: 0;
      border-bottom: 1px solid #fca137;
      padding: 10px 15px;
      box-sizing: border-box;
      z-index: 99;
      background-color: #fff; }
      .phonehead .showcont .logo {
        display: inline-block;
        float: left; }
        .phonehead .showcont .logo img {
          width: auto;
          height: 50px; }
      .phonehead .showcont .phoneicon {
        display: inline-block;
        float: right;
        width: 30px;
        height: 50px;
        position: relative; }
        .phonehead .showcont .phoneicon img {
          width: 100%;
          height: auto;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%); }
    .phonehead .sidenav {
      width: 100%;
      position: fixed;
      right: -100%;
      top: 71px;
      height: calc(100vh - 71px);
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 99;
      transition-duration: 0.3s; }
      .phonehead .sidenav .cont {
        display: block;
        width: 75%;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #fff;
        box-sizing: border-box;
        padding: 15px 30px;
        position: absolute;
        overflow-y: auto; }
      .phonehead .sidenav.active {
        right: 0; }
    .phonehead .search {
      margin-top: 15px;
      border-radius: 5px;
      height: auto;
      clear: both;
      overflow: hidden;
      width: 100%;
      background-color: #fff;
      border: 1px solid #fca137;
      margin-bottom: 10px; }
      .phonehead .search input {
        width: calc(100% - 35px);
        color: #000;
        border-radius: 5px;
        display: inline-block;
        padding: 0 10px;
        float: left;
        line-height: 36px;
        font-size: 14px; }
      .phonehead .search img {
        width: 25px;
        height: auto;
        float: left;
        margin-top: 5px;
        cursor: pointer; }
    .phonehead .nav {
      padding-bottom: 30px;
      clear: both;
      overflow: hidden; }
      .phonehead .nav li {
        float: left;
        width: 100%;
        border-bottom: 1px dashed #fca137; }
        .phonehead .nav li:nth-last-child(1) {
          border-bottom: none; }
        .phonehead .nav li .firstlink {
          display: block;
          position: relative;
          width: 100%;
          line-height: 50px;
          font-size: 14px;
          color: #000;
          font-weight: bold;
          letter-spacing: 1px; }
          .phonehead .nav li .firstlink img {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 13px;
            display: none; }
            .phonehead .nav li .firstlink img.img2 {
              display: none; }
        .phonehead .nav li .dropdown {
          width: calc(100% - 20px);
          margin-left: 20px;
          display: none; }
          .phonehead .nav li .dropdown a {
            display: block;
            width: 100%;
            line-height: 30px;
            font-size: 14px;
            color: #000;
            letter-spacing: 1px;
            padding-bottom: 7.5px;
            margin-bottom: 7.5px;
            position: relative;
            border-bottom: 1px dashed #fca137; }
            .phonehead .nav li .dropdown a:nth-last-child(1) {
              border-bottom: none; }
            .phonehead .nav li .dropdown a img {
              position: absolute;
              right: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 13px;
              display: none; }
        .phonehead .nav li.active .dropdown {
          display: block; }
  .indexbanner {
    margin-top: 71px;
    min-width: unset;
    height: 240px; }
    .indexbanner .swiper-slide {
      width: 100%;
      height: 100%;
      position: relative; }
      .indexbanner .swiper-slide img {
        height: 100%;
        width: auto !important;
        max-width: unset; }
    .indexbanner .swiper-button-next, .indexbanner .swiper-button-prev {
      display: none; }
    .indexbanner .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      margin: 0 4px !important; }
    .indexbanner .swiper-pagination-bullets {
      bottom: 10px; }
  .indextit {
    min-width: unset;
    margin: 50px 0;
    margin-bottom: 35px;
    background-size: 1px 4.5px;
    height: 4.5px; }
    .indextit .txet {
      padding: 0 15px; }
      .indextit .txet h2 {
        font-size: 18px; }
      .indextit .txet h3 {
        font-size: 14px;
        margin-top: 2px; }
  .indexservice .cont {
    padding: 0 15px; }
    .indexservice .cont img {
      width: 100%;
      height: auto;
      margin-bottom: 15px; }
    .indexservice .cont p {
      width: 100%;
      font-size: 14px;
      line-height: 1.65;
      padding-left: 0; }
    .indexservice .cont .list {
      margin-right: 0;
      margin-bottom: 20px;
      width: 100%; }
      .indexservice .cont .list .img:hover img {
        transform: scale(1); }
      .indexservice .cont .list .text h2 {
        font-size: 14px; }
      .indexservice .cont .list .text p {
        font-size: 12px; }
  .indexabout {
    margin-bottom: 30px; }
    .indexabout .cont {
      padding: 0 15px; }
      .indexabout .cont .intr {
        font-size: 13px;
        margin-top: -5px; }
      .indexabout .cont .group .list {
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%; }
        .indexabout .cont .group .list:nth-last-child(1) {
          margin-bottom: 0; }
        .indexabout .cont .group .list .img:hover img {
          transform: scale(1); }
        .indexabout .cont .group .list .text h2 {
          font-size: 14px; }
        .indexabout .cont .group .list .text p {
          font-size: 12px; }
  .indexnews {
    padding: 0 15px;
    margin-bottom: 30px; }
    .indexnews .cont .showimg {
      width: 100%;
      height: auto;
      float: unset; }
      .indexnews .cont .showimg .swiper-slide {
        height: auto; }
        .indexnews .cont .showimg .swiper-slide img {
          height: auto; }
      .indexnews .cont .showimg .swiper-pagination-bullet {
        width: 10px;
        height: 10px; }
    .indexnews .cont .group {
      width: 100%;
      float: unset;
      margin-top: 20px; }
      .indexnews .cont .group .list {
        margin-bottom: 20px; }
        .indexnews .cont .group .list .img {
          height: 150px;
          width: 130px; }
          .indexnews .cont .group .list .img:hover img {
            transform: scale(1); }
        .indexnews .cont .group .list .text {
          width: calc(100% - 130px);
          padding-left: 15px; }
          .indexnews .cont .group .list .text h2 {
            font-size: 14px;
            margin-bottom: 3px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: unset; }
          .indexnews .cont .group .list .text h3 {
            font-size: 12px;
            -webkit-line-clamp: 4;
            line-height: 1.5; }
          .indexnews .cont .group .list .text .label {
            margin-top: 5px; }
            .indexnews .cont .group .list .text .label .type {
              font-size: 12px; }
            .indexnews .cont .group .list .text .label .time {
              font-size: 12px; }
          .indexnews .cont .group .list .text:hover {
            /*.label {
                            .type, .time {
                                color: #fca137;
                            }
                        }*/ }
            .indexnews .cont .group .list .text:hover h2 {
              color: #000; }
  .footer {
    padding: 20px 15px; }
    .footer .cont .left {
      display: block;
      width: 100%;
      float: left; }
      .footer .cont .left .logo {
        display: none;
        width: 100px;
        margin-bottom: 5px; }
      .footer .cont .left .info .phone {
        clear: both;
        overflow: hidden; }
        .footer .cont .left .info .phone span {
          font-size: 14px;
          line-height: 24px;
          display: inline-block; }
        .footer .cont .left .info .phone i {
          font-size: 14px;
          line-height: 24px;
          display: inline-block;
          margin-bottom: 0; }
    .footer .cont .nav {
      display: none; }
    .footer .cont .wechat {
      float: left;
      margin-top: 10px; }
      .footer .cont .wechat img {
        width: 100px;
        height: 100%; }
    .footer .copy {
      padding: 0;
      padding-top: 10px;
      margin-top: 15px;
      border-top: 1px solid #fff;
      line-height: 15px; }
      .footer .copy span {
        font-size: 12px;
        line-height: unset; }
      .footer .copy a {
        font-size: 12px;
        line-height: unset; }
  .banner {
    margin-top: 71px;
    min-width: unset;
    position: relative;
    height: 240px;
    overflow: hidden; }
    .banner img {
      position: absolute;
      height: 100%;
      width: auto;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      display: block;
      max-width: unset; }
  .publictab {
    padding: 0 15px; }
    .publictab .cont {
      white-space: nowrap;
      max-width: 100%;
      overflow-y: auto; }
      .publictab .cont a {
        float: unset;
        margin: 0 10px; }
        .publictab .cont a:hover {
          color: #666666; }
          .publictab .cont a:hover:after {
            display: none; }
  .main {
    margin-top: 30px;
    padding-bottom: 30px; }
    .main .publictit {
      text-align: center;
      margin-bottom: 25px; }
      .main .publictit h2 {
        font-size: 18px;
        line-height: 1; }
      .main .publictit h3 {
        font-size: 13px;
        line-height: 1;
        margin-top: 8px; }
  .company {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    /*img {
            width: 100%;
            height: auto;
            margin-bottom: 15px;
        }

        .text {
            float: left;
            width: 100%;

            p {
                font-size: 14px;
                line-height: 1.65;
            }

            ul {
                li {
                    font-size: 14px;
                    line-height: 1.65;
                }
            }
        }*/ }
    .company .cont {
      padding: 0 15px; }
      .company .cont img {
        width: 100%;
        height: auto;
        margin-bottom: 15px; }
      .company .cont p {
        width: 100%;
        font-size: 14px;
        line-height: 1.65;
        padding-left: 0; }
    .company .group {
      margin-top: 15px; }
      .company .group li {
        width: 100%;
        height: auto;
        margin-right: 0;
        height: auto;
        position: relative;
        margin-bottom: 10px; }
        .company .group li:after {
          display: block;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          font-size: 0;
          content: '';
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 3; }
        .company .group li div {
          padding: 15px; }
          .company .group li div span {
            font-size: 14px; }
          .company .group li div h3 {
            font-size: 16px; }
        .company .group li img {
          width: 100%;
          height: auto;
          float: unset; }
        .company .group li:nth-child(2n) span {
          right: unset;
          left: 50%; }
        .company .group li:nth-child(2n) img {
          float: unset; }
  .contact {
    width: 100%; }
    .contact .top {
      margin-top: 25px;
      padding: 0 15px; }
      .contact .top .img {
        width: 100%;
        vertical-align: unset; }
      .contact .top .info {
        vertical-align: unset;
        width: 100%;
        padding-left: 0;
        margin: 20px 0; }
        .contact .top .info .infolist {
          padding-left: 46px;
          margin-bottom: 10px; }
          .contact .top .info .infolist img.icon {
            width: 35px; }
          .contact .top .info .infolist span {
            font-size: 15px;
            line-height: 1.6; }
    .contact #map {
      width: calc(100% - 30px);
      margin-left: 15px;
      height: 250px;
      margin-top: 0;
      margin-bottom: 10px; }
  /*.recruit {
        width: 100%;

        .group {
            margin-top: unset;
            padding: 0 15px;

            .list {
                margin-bottom: 20px;

                .listtit {
                    font-size: 16px;
                    line-height: 1.6;

                    img {
                    }
                }

                .hidetext {
                    padding: 10px 15px;

                    .text {
                        p {
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }*/
  .recruit {
    width: 100%; }
    .recruit .group {
      margin-top: unset;
      padding: 0 15px; }
      .recruit .group .list {
        margin-bottom: 20px; }
        .recruit .group .list .listtit {
          font-size: 16px;
          line-height: 1.6; }
        .recruit .group .list .text p {
          font-size: 14px; }
  .data .datatab {
    margin-bottom: 20px; }
    .data .datatab a {
      font-size: 14px;
      height: 36px;
      line-height: 36px;
      margin: 0px 10px;
      padding: 0 15px;
      border-radius: 18px;
      min-width: 105px; }
      .data .datatab a:hover {
        background-color: transparent;
        color: #000; }
  .data .group {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box; }
    .data .group .list .icon {
      width: 50px;
      height: 50px; }
    .data .group .list .text {
      width: calc(100% - 60px); }
      .data .group .list .text h2 {
        font-size: 15px;
        line-height: 1.5; }
      .data .group .list .text span {
        font-size: 13px; }
    .data .group .list:hover:hover .text h2 {
      color: #000; }
  .page {
    margin-top: 20px; }
    .page ul li a, .page ul li span {
      font-size: 14px;
      line-height: 32px;
      min-width: 20px; }
    .page ul li.active a, .page ul li.active span {
      color: #fca137;
      font-weight: bold; }
    .page ul li:hover a, .page ul li:hover span {
      color: #666;
      font-weight: unset; }
  .news {
    width: 100%; }
    .news .group {
      padding: 0 15px;
      box-sizing: border-box; }
      .news .group .list {
        padding-bottom: 15px;
        margin-bottom: 15px; }
        .news .group .list .text {
          width: calc(100% - 145px);
          float: right; }
          .news .group .list .text h2 {
            font-size: 14px;
            margin-bottom: 3px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: unset; }
          .news .group .list .text p {
            font-size: 12px;
            -webkit-line-clamp: 4;
            line-height: 1.5; }
          .news .group .list .text .label {
            margin-top: 5px; }
            .news .group .list .text .label .time {
              font-size: 12px; }
            .news .group .list .text .label .looknum {
              font-size: 12px; }
              .news .group .list .text .label .looknum img {
                width: 15px; }
        .news .group .list:hover .text h2 {
          color: #000; }
  .newsdetails {
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box; }
    .newsdetails .tit {
      font-size: 16px;
      margin-bottom: 5px; }
    .newsdetails .time {
      font-size: 14px; }
    .newsdetails .text {
      margin-top: 15px; }
      .newsdetails .text p {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.6; }
        .newsdetails .text p img {
          margin-top: 10px; }
      .newsdetails .text img {
        margin-top: 10px; }
  .product {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px; }
    .product .group .list {
      margin-bottom: 20px;
      width: 100%;
      margin-right: 0; }
      .product .group .list .img {
        width: 100%;
        height: auto; }
        .product .group .list .img img {
          width: 60%;
          height: auto;
          margin-left: 20%; }
      .product .group .list .text h2 {
        font-size: 14px;
        overflow: unset;
        text-overflow: unset;
        white-space: unset; }
      .product .group .list .text p {
        font-size: 12px;
        overflow: unset;
        text-overflow: unset;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset; }
      .product .group .list:hover .img img {
        transform: scale(1); }
  .productdetail {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box; }
    .productdetail .detailimg {
      float: unset;
      width: 100%; }
      .productdetail .detailimg .mySwiper2 {
        height: 240px; }
        .productdetail .detailimg .mySwiper2 .swiper-slide {
          width: 100%;
          height: 100%; }
      .productdetail .detailimg .mySwiper {
        position: relative;
        margin-top: 15px; }
        .productdetail .detailimg .mySwiper .swiper-slide {
          width: calc(25% - 9px) !important;
          height: 78px; }
    .productdetail .detailtext {
      float: unset;
      width: 100%;
      padding-left: 0;
      margin-top: 15px; }
      .productdetail .detailtext h3 {
        font-size: 14px;
        margin-bottom: 5px; }
      .productdetail .detailtext h4 {
        font-size: 12px;
        margin-bottom: 5px; }
      .productdetail .detailtext .advantage span {
        font-size: 14px; }
      .productdetail .detailtext .advantage ul li {
        font-size: 12px; }
      .productdetail .detailtext .download .pdf {
        font-size: 12px;
        margin-top: 10px;
        line-height: 36px;
        padding: 0 15px;
        margin-right: 15px; }
    .productdetail .cont {
      margin-top: 20px; }
      .productdetail .cont .tips span {
        line-height: 36px;
        padding: 0 15px;
        font-size: 14px; }
      .productdetail .cont .detailsimg {
        margin-top: 15px; }
      .productdetail .cont .link {
        margin-top: 20px;
        margin-bottom: 0; }
        .productdetail .cont .link .list {
          float: unset !important;
          display: block;
          clear: both;
          overflow: hidden;
          margin-bottom: 10px; }
          .productdetail .cont .link .list:nth-last-child(1) {
            margin-bottom: 0; }
          .productdetail .cont .link .list span, .productdetail .cont .link .list a {
            font-size: 14px;
            float: left;
            line-height: 1.6;
            color: #0098a3; }
          .productdetail .cont .link .list:hover span, .productdetail .cont .link .list:hover a {
            color: #0098a3; }
  .after_sale {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box; }
    .after_sale img {
      width: 100%;
      height: auto;
      margin-bottom: 15px; }
    .after_sale .text {
      margin-bottom: 20px; }
      .after_sale .text p {
        font-size: 14px;
        width: 100%;
        margin-left: 0;
        line-height: 1.65;
        margin-bottom: 15px; }
      .after_sale .text span {
        font-size: 14px;
        margin-bottom: 5px; }
        .after_sale .text span i {
          font-size: 16px; }
  .faq {
    width: 100%; }
    .faq .group {
      padding: 0 15px; }
      .faq .group .list {
        border-bottom: 1px dashed #fca137;
        padding-bottom: 15px;
        margin-bottom: 15px; }
        .faq .group .list .top {
          padding: 0 45px;
          min-height: 36px; }
          .faq .group .list .top .num {
            line-height: 30px;
            width: 30px;
            font-size: 14px; }
          .faq .group .list .top h2 {
            font-size: 14px;
            line-height: 1.5; }
          .faq .group .list .top .icon {
            padding: 12px;
            width: 12px;
            box-sizing: unset; }
        .faq .group .list .text {
          padding: 10px;
          width: calc(100% - 90px);
          margin-left: 45px;
          font-size: 12px; }
        .faq .group .list.active .top {
          margin-bottom: 5px; } }