@charset "UTF-8";
.banner-txt {
  text-align: center;
  color: #fff;
  display: inline-block;
  vertical-align: middle; }
  .banner-txt .img img {
    width: 19.5625rem;
    margin: 0 auto; }
    @media screen and (min-width: 1520px) {
      .banner-txt .img img {
        width: 24.5rem; } }
  .banner-txt span {
    font-size: 1.5rem;
    margin-top: 9px;
    display: inline-block; }
    @media screen and (min-width: 1520px) {
      .banner-txt span {
        margin-top: 39px; } }
  .banner-txt small {
    color: #b2b2b2;
    font-size: 1rem; }
    @media screen and (min-width: 1520px) {
      .banner-txt small {
        font-size: 0.8rem; } }

.banner .txt {
  height: 6.25rem;
  background-color: #111528;
  display: block;
  text-align: center;
  /*width: 100%;*/ }
  @media screen and (min-width: 950px) {
    .banner .txt {
      height: 6.25rem; } }
  @media screen and (min-width: 1200px) {
    .banner .txt {
      height: 6.25rem; } }
  @media screen and (min-width: 1520px) {
    .banner .txt {
      height: 11.25rem; } }

.banner02 {
  margin-top: 6.5rem;
  position: relative; }
  @media screen and (min-width: 1920px) {
    .banner02 {
      margin-top: 8.125rem; } }
  .banner02 .banner-txt {
    width: 38%;
    position: absolute;
    top: 50%;
    right: 10%;
    margin-top: -2.5rem; }
    @media screen and (min-width: 1520px) {
      .banner02 .banner-txt {
        width: -2.75rem; } }
    .banner02 .banner-txt .img img {
      width: 18.1875rem; }
      @media screen and (min-width: 1520px) {
        .banner02 .banner-txt .img img {
          width: 22.75rem; } }
    .banner02 .banner-txt.block {
      top: 38%;
      color: #000; }
      .banner02 .banner-txt.block .img:before {
        content: "";
        width: 7.5rem;
        height: 1px;
        display: inline-block;
        background-color: #999;
        vertical-align: middle;
        margin-right: 0.3125rem; }
        @media screen and (min-width: 1920px) {
          .banner02 .banner-txt.block .img:before {
            width: 9.375rem; } }
      .banner02 .banner-txt.block .img:after {
        content: "";
        width: 7.5rem;
        height: 1px;
        display: inline-block;
        background-color: #999;
        vertical-align: middle; }
        @media screen and (min-width: 1920px) {
          .banner02 .banner-txt.block .img:after {
            width: 9.375rem; } }
      .banner02 .banner-txt.block .img .iconfont {
        font-size: 1.5rem;
        color: #999;
        vertical-align: middle; }
      .banner02 .banner-txt.block small {
        color: #000; }

.btn-block {
  background-color: #000;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 0.75rem;
  line-height: 1.6rem;
  padding: 0 2.2rem;
  display: inline-block;
  width: auto; }
  @media screen and (min-width: 1520px) {
    .btn-block {
      line-height: 2rem;
      padding: 0 2.75rem; } }
  .btn-block:hover {
    background-color: #282d31;
    color: #fff;
    text-decoration: none; }

.sliderbox {
  padding: 2rem 0;
  position: relative; }
  @media screen and (min-width: 1520px) {
    .sliderbox {
      padding: 2.5rem 0; } }
  .sliderbox .swiper-container {
    /* margin:0 pxTorem(120px)*0.8;
     @media screen and (min-width: 1520px) {
       margin:0 pxTorem(120px);
     }*/ }
  .sliderbox .swiper-slide {
    padding: 0 1.5rem; }
    @media screen and (min-width: 1520px) {
      .sliderbox .swiper-slide {
        padding: 0 9.375rem; } }
    @media screen and (min-width: 1228px) {
      .sliderbox .swiper-slide {
        padding: 0 4rem; } }
    @media screen and (min-width: 1344px) {
      .sliderbox .swiper-slide {
        padding: 0 4.5rem; } }
    .sliderbox .swiper-slide .pics {
      overflow: hidden;
      position: relative;
      display: block; }
      .sliderbox .swiper-slide .pics img {
        cursor: pointer;
        transition: all 0.6s; }
        .sliderbox .swiper-slide .pics img:hover {
          transform: scale(1.1); }
    .sliderbox .swiper-slide .banner-txt {
      color: #000;
      display: block;
      text-align: center;
      /*   width: 80%;
         margin: 0 auto;*/ }
      .sliderbox .swiper-slide .banner-txt .img {
        position: relative;
        height: 1px\9;
        /*  border-bottom: 1px solid #bababa\9;*/
        margin: 24px 0\9;
        /* margin:pxTorem(15px) 0;*/ }
        .sliderbox .swiper-slide .banner-txt .img:before {
          content: "";
          display: block;
          width: 100%;
          height: 1px;
          background-color: #bababa;
          position: absolute;
          top: 50%;
          z-index: -1; }
        .sliderbox .swiper-slide .banner-txt .img i.iconfont {
          color: #bababa;
          font-size: 1.5rem !important;
          background-color: #fff;
          padding: 0 0.625rem;
          margin-top: -8% \	; }
        .sliderbox .swiper-slide .banner-txt .img img {
          width: 100%; }

.swiper-button-next, .swiper-button-prev {
  display: none;
  background: none !important;
  width: auto !important;
  height: auto !important;
  margin-top: -6.25rem; }
  .swiper-button-next .iconfont, .swiper-button-prev .iconfont {
    font-size: 3.9rem;
    color: #a1a1a1; }
    @media screen and (min-width: 1520px) {
      .swiper-button-next .iconfont, .swiper-button-prev .iconfont {
        font-size: 4.875rem; } }

.topbanner {
  position: relative; }
  .topbanner .bx-wrapper .bx-pager {
    bottom: 6.875rem; }
    @media screen and (min-width: 950px) {
      .topbanner .bx-wrapper .bx-pager {
        bottom: 6.875rem; } }
    @media screen and (min-width: 1200px) {
      .topbanner .bx-wrapper .bx-pager {
        bottom: 8.5625rem; } }
    @media screen and (min-width: 1520px) {
      .topbanner .bx-wrapper .bx-pager {
        bottom: 11.875rem; } }
  .topbanner .arrow-left, .topbanner .arrow-right {
    display: none; }
  .topbanner:hover .swiper-button-next, .topbanner:hover .swiper-button-prev {
    display: block; }
  .topbanner:hover .arrow-left, .topbanner:hover .arrow-right {
    display: block; }

.swiper-button-next {
  right: 0; }

.swiper-button-prev {
  left: 0; }

.banner03 {
  padding: 6.5rem 0; }
  @media screen and (min-width: 1520px) {
    .banner03 {
      padding: 8.25rem 0; } }
  .banner03 .col-6 {
    /* padding-right: 1px;*/ }
  .banner03 .item00 {
    overflow: hidden; }
    .banner03 .item00 .col-6 {
      border-right: 1px solid #fff;
      /* padding-right:1px;*/ }
      .banner03 .item00 .col-6:last-child {
        /*padding-right:0px;*/ }
    .banner03 .item00 .col-12 img {
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff; }
  .banner03 .item01 {
    overflow: hidden;
    position: relative;
     /*&:hover{

       .info {
         opacity: 1;    !*有opacity有0变成1*!
       }
       img{

           transform: scale(1.2);

       }

     }*/
    /*&:hover{
      img{
        transform: scale(1.2);
      }
    }*/ }
    .banner03 .item01 img {
      cursor: pointer;
      transition: all 0.6s; }
    .banner03 .item01 .info {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      -webkit-backface-visibility: hidden;
      /* 隐藏旋转元素的背面*/
      backface-visibility: hidden;
      background: rgba(0, 0, 0, 0.6);
      /*后面这个0.6是指的背景的透明度*/
      z-index: 2;
      /*opacity: 0;*/
      /*  -webkit-transition: all 0.35s ease-in-out;   !*规定提示信息怎样出现ease-in-out以慢速度开始和结束*!
        -moz-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;*/
      display: flex;
      text-align: center;
      width: 100%;
      height: 100%; }
      .banner03 .item01 .info .banner-txt {
        margin: auto;
        margin-top: 25%;
        display: inline-block; }
        .banner03 .item01 .info .banner-txt .hr {
          width: 12.2rem;
          margin: 0.7rem auto;
          background-color: #fff;
          height: 0.0625rem; }
          @media screen and (min-width: 1520px) {
            .banner03 .item01 .info .banner-txt .hr {
              width: 15.25rem;
              margin: 0.875rem 0; } }
  .banner03.indexbanner {
    margin-left: -1px; }
    .banner03.indexbanner .col-6 {
      /* padding-right: 1px;*/ }
    .banner03.indexbanner .item00 {
      border-right: 1px solid #fff;
      overflow: hidden; }
      .banner03.indexbanner .item00 .col-6 {
        border-right: 1px solid #fff; }
        .banner03.indexbanner .item00 .col-6:last-child {
          border-left: 1px solid #fff;
          border-right: 0; }
        .banner03.indexbanner .item00 .col-6 img {
          padding: 0;
          margin: 0; }
      .banner03.indexbanner .item00 .col-12 {
        border-bottom: 2px solid #fff; }
        .banner03.indexbanner .item00 .col-12 img {
          border: none; }
    .banner03.indexbanner .item01 {
      overflow: hidden;
      position: relative;
      border-left: 1px solid #fff;
      /*&:hover{

        .info {
          opacity: 1;    !*有opacity有0变成1*!
        }
        img{

            transform: scale(1.2);

        }

      }*/
      /*&:hover{
        img{
          transform: scale(1.2);
        }
      }*/ }
      .banner03.indexbanner .item01 img {
        cursor: pointer;
        transition: all 0.6s; }
      .banner03.indexbanner .item01 .info {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        -webkit-backface-visibility: hidden;
        /* 隐藏旋转元素的背面*/
        backface-visibility: hidden;
        background: rgba(0, 0, 0, 0.6);
        /*后面这个0.6是指的背景的透明度*/
        z-index: 2;
        /*opacity: 0;*/
        /*  -webkit-transition: all 0.35s ease-in-out;   !*规定提示信息怎样出现ease-in-out以慢速度开始和结束*!
          -moz-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out;*/
        display: flex;
        text-align: center;
        width: 100%;
        height: 100%; }
        .banner03.indexbanner .item01 .info .banner-txt {
          margin: auto;
          margin-top: 25%;
          display: inline-block; }
          .banner03.indexbanner .item01 .info .banner-txt .hr {
            width: 12.2rem;
            margin: 0.7rem auto;
            background-color: #fff;
            height: 0.0625rem; }
            @media screen and (min-width: 1520px) {
              .banner03.indexbanner .item01 .info .banner-txt .hr {
                width: 15.25rem;
                margin: 0.875rem 0; } }
  .banner03.boders01 .item00 img {
    border: none; }
  .banner03.boders01 .item01 img {
    border-left: 1px solid #fff; }

.noborder {
  border: none !important; }

.hborder-r {
  border-right: 1px solid #fff !important; }

.hborder-l {
  border-left: 1px solid #fff !important; }

.formbox {
  background-color: #f0efeb;
  padding: 6.9375rem 0; }
  @media screen and (min-width: 1520px) {
    .formbox {
      padding: 8.6875rem 0; } }
  .formbox .form-c {
    padding: 0 2.5rem; }
    @media screen and (min-width: 1520px) {
      .formbox .form-c {
        padding: 0 3.125rem; } }
    .formbox .form-c .ipt-txt {
      border: none;
      border-bottom: 1px solid #808080;
      border-radius: 0;
      background-color: transparent;
      width: 100%;
      /* line-height: pxTorem(40px);
       padding: 0;*/
      line-height: 1;
      height: auto;
      padding: 14px 0;
      color: #808080;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .formbox .form-c .ipt-txt:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: none; }
    .formbox .form-c .col-6 {
      padding-right: 1.875rem;
      padding-left: 0;
      padding-bottom: 0.9375rem; }
      .formbox .form-c .col-6:nth-child(2n) {
        padding-left: 1.875rem;
        padding-right: 0; }
    .formbox .form-c .golink {
      color: #000;
      font-size: 1rem;
      text-decoration: none;
      line-height: 1.6rem;
      display: inline-block; }
      @media screen and (min-width: 1366px) {
        .formbox .form-c .golink {
          margin-top: 25px; } }
      @media screen and (min-width: 1520px) {
        .formbox .form-c .golink {
          line-height: 2rem; } }
    .formbox .form-c .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #808080; }
    .formbox .form-c .btn-block {
      margin-top: 25px; }
  .formbox .title {
    font-size: 1.5rem;
    font-weight: 400;
    padding-bottom: 0.625rem; }
  .formbox .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.625rem; }

.swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  border-radius: 100%;
  background: transparent;
  opacity: 1;
  border: 1px solid #fff; }

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 8.75rem; }

.mt130 {
  margin-top: 6.5rem; }
  @media screen and (min-width: 1920px) {
    .mt130 {
      margin-top: 8.125rem; } }

.coupon {
  margin-top: 3rem; }
  @media screen and (min-width: 1920px) {
    .coupon {
      margin-top: 3.75rem; } }
  .coupon ul {
    margin-right: -4.25rem; }
    @media screen and (min-width: 1920px) {
      .coupon ul {
        margin-right: -5.3125rem; } }
  .coupon li {
    width: 27.333%;
    margin-right: 4.25rem;
    float: left;
    background: url("../images/coupon.png") no-repeat scroll top center/cover;
    height: 6.5rem;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    display: table; }
    @media screen and (min-width: 1920px) {
      .coupon li {
        margin-right: 5.3125rem;
        height: 8.125rem; } }
    .coupon li > div {
      display: table-cell;
      float: none;
      text-align: center;
      vertical-align: middle; }
    .coupon li .price {
      text-align: center;
      font-size: 2.4rem; }
      @media screen and (min-width: 1920px) {
        .coupon li .price {
          font-size: 3rem; } }
      .coupon li .price sub {
        font-size: 1rem; }
      .coupon li .price p {
        font-size: 0.875rem; }
    .coupon li .c-info {
      padding: 0.75rem; }
      @media screen and (min-width: 1920px) {
        .coupon li .c-info {
          padding: 0.9375rem; } }
      .coupon li .c-info p {
        font-size: 0.875rem; }
      .coupon li .c-info .btn-g {
        text-align: left;
        margin-top: 0.9375rem;
        line-height: 1.5rem;
        font-size: 0.75rem;
        color: #999; }
        @media screen and (min-width: 1920px) {
          .coupon li .c-info .btn-g {
            line-height: 1.875rem; } }
        .coupon li .c-info .btn-g a {
          display: block;
          float: right;
          color: #fff;
          text-decoration: none;
          background-color: #000;
          line-height: 1.5rem;
          text-align: center;
          width: 6rem; }
          @media screen and (min-width: 1920px) {
            .coupon li .c-info .btn-g a {
              line-height: 1.875rem;
              width: 7.5rem; } }

.star_slider .bx-wrapper {
  background-color: transparent; }
.star_slider .bx-wrapper .bx-pager.bx-default-pager a {
  margin: 0 10px; }
.star_slider .bx-wrapper .bx-pager {
  padding-top: 0px;
  padding-bottom: 10px; }
.star_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .star_slider .bx-wrapper .bx-pager.bx-default-pager a.active, .star_slider .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background-color: #000; }
.star_slider .bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #000; }
.star_slider .bx-wrapper .bx-pager, .star_slider .bx-wrapper .bx-controls-auto {
  position: static; }

.star_slider_p {
  width: 100%;
  position: static; }
  .star_slider_p .swiper-pagination-bullet {
    margin: 0 0.3125rem;
    border: 1px solid #000; }
  .star_slider_p.swiper-pagination-white .swiper-pagination-bullet-active {
    background-color: #000; }

.r-more {
  color: #999;
  text-decoration: none;
  font-size: 0.875rem; }

.lesyson-con {
  height: 25rem; }
  @media screen and (min-width: 1920px) {
    .lesyson-con {
      height: 31.25rem; } }
  .lesyson-con .banner02 {
    margin-top: 0;
    width: 100%; }
  .lesyson-con .swiper-container {
    width: 100%;
    height: 100%; }
  .lesyson-con .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
  .lesyson-con .swiper-pagination-bullet {
    border: 1px solid #000; }
  .lesyson-con .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000; }

.brandslider {
  background-color: #f0efeb;
  padding: 0; }
  .brandslider .swiper-pagination-fraction, .brandslider .swiper-pagination-custom, .brandslider .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0.625rem; }
  .brandslider .form-c {
    margin-top: 6.25rem; }
    .brandslider .form-c p.f14 {
      line-height: 28px; }
  .brandslider .topbanner .bx-wrapper .bx-pager {
    bottom: 10px; }

.brander-active-r .t {
  font-size: 0.875rem;
  text-align: center;
  font-weight: 400;
  color: #000; }

.brander-active-list {
  overflow: hidden; }
  .brander-active-list li {
    border-bottom: 1px solid #e6e6e6; }
    .brander-active-list li a {
      text-decoration: none;
      font-size: 0.875rem;
      line-height: 2.8rem;
      color: #999;
      white-space: nowrap;
      width: 90%;
      overflow: hidden;
      display: block; }
      @media screen and (min-width: 1920px) {
        .brander-active-list li a {
          line-height: 3.5rem; } }
    .brander-active-list li.active {
      position: relative; }
      .brander-active-list li.active:after {
        content: "";
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../images/hot_03.png") no-repeat scroll 0 0/cover;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 0; }

.brandlist {
  width: 97%;
  /*@media (max-width:1366px) {
    width: 97%;
  }
  @media (min-width: 1366px) and (max-width: 1520px) {
    width: 97%;
  }


  @media screen and (min-width: 1520px) {
  //  width: pxTorem(952px);
    width: 97%;
  }*/ }
  .brandlist li {
    margin-bottom: 2.1875rem; }
    @media screen and (min-width: 1920px) {
      .brandlist li {
        margin-bottom: 3.125rem; } }
    .brandlist li:last-child {
      margin-bottom: 0; }
    .brandlist li h1.t {
      font-size: 1.05rem;
      line-height: 1;
      padding: 9px 0 12px;
      font-weight: 700;
      color: #000;
      border-bottom: 1px solid #e6e6e6;
      margin-top: 10px; }
      @media screen and (min-width: 1920px) {
        .brandlist li h1.t {
          font-size: 1.5rem;
          line-height: 3.75rem; } }
    .brandlist li .ft {
      font-size: 0.875rem;
      color: #999;
      line-height: 2.5rem; }
      .brandlist li .ft a {
        text-decoration: none;
        color: inherit; }

.arrow-left, .arrow-right {
  z-index: 2;
  position: absolute;
  top: 50%;
  background: none !important;
  width: auto !important;
  height: auto !important;
  margin-top: -6.25rem; }
  .arrow-left .iconfont, .arrow-right .iconfont {
    font-size: 3.9rem;
    color: #a1a1a1; }

.arrow-left {
  left: 10px; }

.arrow-right {
  right: 10px; }

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 8rem;
  width: 100%;
  z-index: 2; }

.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  cursor: pointer;
  background: transparent;
  margin: 0 7px;
  border: 1px solid #fff; }
  .swiper-pagination-switch.on {
    background-color: #fff; }

.swiper-active-switch {
  background: #fff; }

.swiper-slide {
  position: relative;
  /*opacity:0;*/
  /*  transition: opacity 0.7s ease-in-out;*/ }

.swiper-slide-active {
  opacity: 1; }

#jSlider1 {
  padding-bottom: 6.25rem; }
  @media screen and (min-width: 1520px) {
    #jSlider1 {
      padding-bottom: 11.25rem; } }
  #jSlider1 .navigator span:before {
    /*  */
    border-top: 1px solid rgba(255, 255, 255, 0.35); }
  #jSlider1 .navigator span:hover:before {
    border-top-color: #fff; }
  #jSlider1 .navigator span:after {
    border-left: 1px solid rgba(255, 255, 255, 0.35); }
  #jSlider1 .navigator span:hover:after {
    border-left: 1px solid #fff; }
  #jSlider1 .navigator span {
    top: 38%;
    z-index: 100; }
  #jSlider1 .indicator {
    bottom: 30%; }
    #jSlider1 .indicator span {
      background: transparent;
      border: 1px solid #fff; }
      #jSlider1 .indicator span.selected {
        background: #fff; }
  #jSlider1 .banner a {
    display: block; }
  #jSlider1 .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }

#jSlider2 {
  height: 26rem; }
  #jSlider2 .btn-block {
    margin-top: 10px; }
  @media screen and (min-width: 1520px) {
    #jSlider2 {
      height: 27rem; } }
  @media screen and (min-width: 1520px) {
    #jSlider2 {
      height: 600px; } }
  #jSlider2 .navigator span:hover:before {
    border-top-color: rgba(0, 0, 0, 0.35); }
  #jSlider2 .navigator span:hover:after {
    border-left-color: rgba(0, 0, 0, 0.35); }
  #jSlider2 .navigator .prev {
    left: 0; }
  #jSlider2 .navigator .next {
    right: 0; }

.hborder .item01 img {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff; }
.hborder .item00 img {
  border-right: none !important; }

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