@charset "utf-8";
body{
  -webkit-overflow-scrolling: touch;
}
.row{margin-left:-0.1rem;margin-right:-0.1rem}
  
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding-right: 0.1rem;
  padding-left: 0.1rem;
  }
  .bar-logo{
    text-align: center;
  }
  .banner-button-next, .banner-button-prev {
      position: absolute;
      top: 50%;
      width: 45px;
      height: 50px;
      margin-top: -22px;
      z-index: 10;
      cursor: pointer;
      -moz-background-size: 27px 44px;
      -webkit-background-size: 27px 44px;
      background-size: 27px 44px;
      background-position: center;
      background-repeat: no-repeat;
      background: url(../img/index_main.png) no-repeat #5a3578;
      display: none;
  }
  .banner-button-next{
    right: 0;
    background-position: -28px 13px;
  }
  .banner-button-prev{
    left: 0;
    background-position: 13px 13px;
  }
  
  .banner img{width: 100%;opacity: 0;}
  .banner .swiper-slide{
    height: 1.4rem;
    background-size: cover;
    background-position: center center;  
  }
  .index-banner .swiper-slide{
    height: 1.8rem;
  }
  .index-one-block{min-height: 203px;}
  .index-one-block .item{background: #5a3578;}
  .index-one-block .item>div:first-child{text-align: center;clear: both;float: none;line-height: 1;padding-top: 30px;}
  .index-one-block .item>div:last-child{
    color:#fff;
    padding: 0 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: .2rem;
  }
  .index-one-block .item .span{font-size: 0.16rem;padding-bottom: 10px;text-align: center;clear: both;}
  .index-one-block .item .em{
      font-size: 0.12rem;
      text-align: center;
      line-height: 2;
  }
  .index-one-block {background: #5a3578;}
  .index-one-block .item:hover{
    background: #724b92;
  }

    .navbar-default .navbar-nav > li {
      margin: 0;
      float: none;
      display: block;
      text-align: left;
      padding: 0 15px;
  }
  .container{
      padding-right: 0.1rem;
      padding-left: 0.1rem;
  }
  .bar-logo img{
      height: 21px;    display: inline-block;
  }
  .navbar-brand{
    margin-left: -65px;
  }
  .bar-logo{line-height: 45px;height: 45px;overflow: hidden;}
  #navigation.affix-top{
      background: #fff;
  }
  .max-bar{
      position: absolute;
      height: auto;
      line-height: 2;
      height: 45px;
      line-height: 45px;
      left: 50px;
      right: 50px;
      z-index: 10000;
  }
  .max-bar .max-search{
    width: 279px;
    height: 43px;
    border: 1px solid #dfdfdf;
    padding: 6px;
    top: 37px;
    background: #fff;
    display: none;
  }
  .max-bar .max-search input{
      border: 0;
      height: 30px;
      line-height: 30px;
      display: block;
      margin: 0;
      width: 100%;
  }
  .max-bar .max-search button{
      position: absolute;
      right: 0;
      background: url(../img/search.png) no-repeat center center;
      top: 5px;
      border: 0;
      padding: 0;
      height: 30px;
      display: block;
      width: 60px;
  }
  .navbar-default .navbar-toggle .icon-bar {
      width: 22px;
      -webkit-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      background-color: #2b3679;
  }
  .navbar-toggle .icon-bar{
    height: 2px
  }

  header {
      height: 45px;
      line-height: 45px;
  }
  #navigation.affix{
      background: #fff;
      position: fixed;
  }
  .max-bar.affix{
    position: fixed;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background-color:#fff;
  }
  .navbar-default .navbar-nav > li > a{
    color:#333
  }
  #navigation.affix .navbar-default .navbar-nav > .active a{
    color: #2b3679;
  }

  .index-two-block{
    
  padding-top: 0.35rem;
  }
  .index-two-block .title{
    text-align:center;
  }
  .index-two-block .title .span{
      font-size: .2rem;
      color: #333;
      padding-bottom: 0.07rem;
  }
  .index-two-block .title .em{
      font-size: 0.1rem;
      color: #747474;
      padding-bottom: 0.07rem;
  }
  .index-two-block .icon-bg{background: url(../img/index_two_icon.png) no-repeat center center;width: 100px;height: .08rem;background-size: auto 100%;margin: 0 auto;}
  .index-two-block .s{
      padding-bottom: 15px;
  }
  .index-two-block  .btn-box{
      text-align: center;
  }
  .index-two-block .btn-box a{
      display: inline-block;
      width: 1rem;
      height: .3rem;
      line-height: .3rem;
      border-radius: .15rem;
      border: 1px solid #e6e6e6;
      font-size: 0.12rem;
      color: #222;
  }
  .index-two-block .btn-box a:hover{
    color:#fff;
    background-color:#5a3578;
    border-color:#5a3578
  }
  .index-two-block .s img{
      width: 2rem;
  }
  .index-two-block .x{
      padding-bottom: 0.5rem;
  }
  .index-two-block .x .t{text-align: center;font-size: 0.16rem;color: #000;padding-bottom: 0.08rem;}
  .index-two-block .x .text{
      font-size: 0.12rem;
      color: #9c9c9c;
      line-height: 25px;
      padding-bottom: 20px;
  }
  .index-three-block .ct{
    margin-top: 20px;
  }

  div.index-four-block .col-md-6{
    padding: .3rem .15rem;
  }
  .index-four-block .container-fluid{
    padding: 0;
  }
  .index-four-block .row{
    margin: 0;
  }
  .index-three-block .item .icon-bg, .index-five-block .icon-bg{
    margin: 15px 0;
  }
  .index-five-block{
    margin-top: 30px;
    margin-bottom: 150px;
  }
  .index-five-block .col-md-3{
    width: 25%;
  }
  .index-four-block .right h3{
    margin-bottom: 20px;
  }
  .index-four-block .left > img{
    width: 1.5rem;
    margin-bottom: .15rem;
  }
  .index-three-block .item .img{
    margin: .15rem 0;
  }
  .index-three-block .item .t, .index-five-block .t,.index-four-block h3{
    font-size: .2rem;
  }
  .index-three-block .item .t2{
    font-size: .18rem;
  }
  div.index-four-block .right p{
    min-height: 50px;
  }
  div.index-four-block .right p{
    min-height: 50px;
  }
  div.index-four-block .detail-btn{
    position: relative;
    bottom: 0;
  }
  div.index-four-block .detail-btn a{
    position: relative;
    bottom: 0;
  }
  .detail-btn a{
    margin: 20px 0;
  }
  .index-bottom-block{
    padding: .3rem 0;
  }
  .index-bottom-block h4{
    text-align: center;
    font-size: .2rem;
  }
  .index-bottom-block span{
    font-size: .13rem;
    text-align: center;
  }
  .index-bottom-block .right{
    text-align: center;
  }
  .index-bottom-block .right a{
    margin-top: .2rem;
    width: 1.2rem;
    height: .4rem;
    line-height: .4rem;
  }
  .footer .container{
    padding-top: .35rem;
  }
  .footer p{
    margin-bottom: 20px;
  }
  .footer .icon-p span, .footer .icon-p a{
    margin: 7px 20px;
  }
  .footer-line{
    margin-top: 20px;
  }
  .footer ul li{
    margin: 5px 0;
  }

  .navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active a:hover, .navbar-default .navbar-nav > .active a:focus{
    color: #000!important;
  }
  .navbar-nav > li > .dropdown-menu{
    position: relative;
    background: none;
    width: 100px;
    border: 0;
    -webkit-box-shadow: 0;
  }
  .navbar-nav .open .dropdown-menu.benefits_menu{
    text-align: left;
  }
  div.index-four-block .col-md-6:hover{
    background: none;
  }
  .index-five-block ul li h6{
    padding-left: 30px;
  }
  .index-five-block ul li p{
    margin: 20px 30px;
  }

  /*商城*/
.shop-detail-block{
  margin-bottom: .2rem;
}
.shop-one-block .right{
  padding-bottom: .2rem;
}
.shop-one-block .right ul{
    margin-top: 0;
    text-align: center;
  }
.shop-one-block .right ul li a{
    font-size: .13rem;
  }
.shop-one-block .right ul li span{
    margin: 0 .1rem .1rem;
  }
.shop-one-block .right ul .gobuy a{
    width: auto;
    height: .3rem;
    line-height: .3rem;
    padding: 0 .15rem;
}
.shop-detail-block h3{
  font-size: .2rem;
  line-height: .5rem;
  margin-top: .1rem;
}
.comment-list .imgs img{
  width: 30%;
}
.comment-list .imgs img:nth-child(3n){
  margin-right: 0;
}

.about-one-block .container{
  padding: 0;
  height: .5rem; 
  overflow: hidden;
}
.about-one-block .row{
  margin: 0;
  height: .7rem;

  overflow-x: scroll;
}
.about-one-block .col-md-2{
  padding: 0;
}
.about-one-block .col-md-2 a,.about-one-block  a{
  height: .5rem;
  line-height: .5rem;
  font-size: .14rem;
  padding: 0 .12rem;
}
.about-detail-block .t{
  margin-top: .2rem;
  font-size: .26rem;
}
.about-detail-block .t2{
  font-size: .2rem;
}
.about-detail-block .img{
  padding: .3rem;
}
.about-detail-block .content p{
  margin-bottom: .1rem;
}

.about-contact-block .content{
  width: 100%;
  padding-top: .1rem;
  margin-bottom: .2rem;
}
.about-contact-block .t{
  margin-top: .25rem;
}

.news-list-block{
  margin-top: .15rem;
}
.news-list-block .col-md-4{
  margin-bottom: 10px;
}
.news-list-block .p{
  margin-top: 10px;
}

.team-list-block .item .intr{
  min-height: 1rem
}
.team-popup .content{
  padding-top: .5rem;
  overflow-y: scroll;
  overflow-x: hidden;
  height:100%;
}

.concept .p-16{
  font-size: .15rem;
  text-align: center;
}
.concept .p-18{
  font-size: .17rem;
  text-align: center;
}
.concept .p-24{
  font-size: .22rem;
  text-align: center;
}
.concept .p-30{
  font-size: .24rem;
  text-align: center;
}
.positing{
  padding-bottom: .2rem;
}
.about-one-block a:hover{
  background: none;
}
.about-one-block {
  height: .5rem;
}
.about-one-block .affix,#shop_tabs.affix{
  width: 100%;
  top: 48px;background-color: #5a3578;z-index: 999;
  
}
#shop_tabs.affix{
  padding: .1rem;
}
.shop-one-block{
  min-height: 1.3rem;
}

.product-list-block .col-md-4{
  margin-bottom: 10px;
}
.product-list-block{
  padding-top: 20px;
}
.footer .icon-p .icon-4 .wx-qr{
  left: -36px;
}

.shop-one-block .right ul li.gobuy{
  margin-top: .15rem;
}
.team-list-block .item .left{
  width: auto;
}