.index {
  position: relative;
  width: 100%;
      background-color: #eff4fa;
}
.index .banner .ma5slider {
  margin-bottom: 10px;
}
.index .banner .navs-wrapper {
  /* min-height: 27rem; */
  height: 568px;
  padding: 0 !important;
}
.index .banner .navs-wrapper .slide-area {
  overflow: visible;
}

.index .banner .banner_box {
  display: inline-block;
  height: 100%;
}
.index .banner .banner_box .bnerimg {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.index .banner .banner_box .bnerimg img {
  height: 213px;
  width: 60%;
  margin: 0 auto;
}
.banner .navs-wrapper {
  /* height: auto !important; */
}
.index .banner .banner_box .bnerimg .banntit {
  text-align: left;
}
.index .banner .banner_box .bnerimg .banntit h2 {
  color: #4F0599;
  font-size: 1.871429rem;
}
.index .banner .banner_box .bnerimg .banntit p {
  font-size: 1.15714286rem;
  color: #333;
}
.index .banner .banner_box .bnerimg .banntit .btn {
  /* background: #4F0599 !important; */
  color: #fff;
}
.index .banner .dots{
  margin: 0;
    position: absolute;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4px;
}
.index .banner .banner1 {
  background-color: #c8e6f4;
  height: 568px;
    background: url(../../assets/image/banner01.png) no-repeat center;

}
.index .banner .banner2 {
  background-color: #c8e6f4;
  height: 568px;
    background: url(../../assets/image/banner2.png) no-repeat center;
}
.index .banner .banner3 {
  background-color: #c8e6f4;
  height: 568px;
    background: url(../../assets/image/banner03.png) no-repeat center;
}
.index .banner .banner2 {
  background-color: #F4F5F6;
}
.index .banner .banner3 {
  background-color: #bcdaff;
}
.index .banner_fot .dots {
  display: none;

}
.index .banner_fot .banbox {
  background-color: #819ab1;
  color: #fff;
}
.index .banner_fot .slides_tit .banbox {
  display: none;
  font-size: 22px;
  line-height: 70px;
}
.index .banner_fot .slides_tit .banbox span {
  font-size: 16px;
  display: inline;
}
.index .banner_fot .slides_tit .banbox .more_btn {
  padding: 9px 35px;
  border: 2px solid #fff;
  border-radius: 20px;
  cursor: pointer;
  margin-left: 100px;
}
.index .zycp {
  width: 100%;
  position: relative;
  z-index: 999;
}
.index .zycp .zycp_pic {
  width: 100%;
  display: block;
  overflow: hidden;
}
.index .zycp .zycp_pic ul {
  width: 100%;
  transition: all .5s;
}
.index .zycp .zycp_pic ul li {
  display: inline-block;
  padding: 0 !important;
  float: none;
}
.index .zycp .zycp_pic ul li .zcjs {
  box-shadow: 0 0 5px #ccc;
}
.index .zycp .zycp_pic ul li .zc_pic {
  text-align: center;
}
.index .zycp .zycp_pic ul li .zc_pic h4 {
  margin: 0;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  /* background-color: #4e0499; */
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.index .zycp .zycp_pic ul li .zc_pic .fl_pic {
  height: 250px;
}
.index .zycp .zycp_pic ul li .zc_pic img {
  width: 100%;
}
.index .zycp .zycp_pic ul li .fot_li {
  background: #f7f7f7;
  overflow: hidden;
}
.index .zycp .zycp_pic ul li .fot_li .cpjs {
  padding: 25px 0;
  text-align: center;
  margin: 43px 43px 20px;
  border-top: 1px dashed #333;
  border-bottom: 1px dashed #333;
  overflow: hidden;
  height: 170px;
}
.index .zycp .zycp_pic ul li .fot_li .cpjs p {
  color: #4e4f63;
  line-height: 25px;
  width: 100%;
  overflow: hidden;
  /*超出部分隐藏*/
  white-space: nowrap;
  /*不换行*/
  text-overflow: ellipsis;
  /*超出部分文字以...显示*/
}
.index .zycp .zycp_pic ul li .fot_li .cpjs p a {
  color: #333;
}
.index .zycp .zycp_pic ul li .fot_li .cpjs p .o {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 10px;
}
.index .zycp .zycp_pic ul li .fot_li .cp_btn {
  text-align: center;
  padding: 20px 0;
}
.index .zycp .zycp_pic ul li .fot_li .cp_btn button {
  font-size: 20px;
  width: 150px;
  height: 51px;
  background: transparent;
  border: 0;
  border-radius: 30px;
  outline: none;
  border: 1px solid #5d7eb1;
}
.index .zycp .zycp_pic ul li .fot_li .cp_btn button:hover {
  background: #5d7eb1;
  color: #fff;
}
.index .zycp .zycp_pic ul li:hover {
  box-shadow: 2px 2px 20px #ccc;
}
.index .zycp .zycp_pic ul li:hover button {
  color: #fff !important;
  background: #5d7eb1 !important;
}
.index .zycp .cpsub_btn {
  text-align: center;
  margin-top: 50px;
}
.index .zycp .cpsub_btn button {
  width: 200px;
  height: 50px;
  /* background: #5d7eb1; */
  color: #fff;
  border: 0;
  border-radius: 6px;
  outline: none;
}

@media (min-width: 980px) {
  .banner_fot .navs-wrapper {
    display: block;
    height: 70px !important;
    padding: 0 !important;
  }
  .banner_fot .banbox span {
    display: inline-block;
    width: 100%;
    height: 100px;
  }
  .zycp_pic {
    padding: 20px 0px !important;
  }
  .zycp_pic ul li {
    margin: 25px;
    width: 28%;
  }
  .index .banner .banner_box .bnerimg {
    padding: 75px 0;
    overflow: hidden;
}
.banner .navs-wrapper{
  /*height: 400px;*/
}
.outside-dots .dots>.dot{
  width: 30px;
  margin: 4px 13px;
  height: 5px;
}
.outside-dots .dots>.dot.active{
  background-color: #819ab1!important;
  width: 35px;

}
}
@media (max-width: 980px) {
  .index .banner .banner_box {
    /* height: 580px; */
  }
  .index .banner .banner_box .bnerimg .banntit h2{
    font-size: 16px;
    font-weight: bold;
  }
  .btn-group-justified {
    width: 100px;
  }
  .banner .navs-wrapper{
    height: 172px!important;
  }
  .index .banner .banner_box .bnerimg img {
    height: 100px;
    width: 147px;
  }
  .index .banner .banner_box .bnerimg .banntit p{
    font-size: 12px;
  }
  .banner_fot .navs-wrapper {
    display: block;
    height: 70px !important;
    padding: 0 !important;
  }
  .banner_fot .banbox span {
    display: inline-block;
    width: 100%;
    height: 100px;
  }
  .zycp_pic {
    padding: 10px !important;
  }
  .bnerimg {
    overflow: hidden;
    padding: 20px 10px;
  }
}

/*首页导航固定*/
    .cf:before,.cf:after,.clearfix:before,.clearfix:after {
      content:"";
      display:table;
    }
    .cf:after,.clearfix:after {
      clear:both;
    }
    .cf,.clearfix {
      clear:both;
      *zoom:1;
      border-bottom: 1px solid #6f8deb;
      margin-bottom: 0!important;
    }
    /*导航条*/
    #nav {
      width:100%;
      min-width:1200px;
      height:30px;
      background:#00a1ea;
      margin-top:100px;
    }
    #nav ul li {
      float:left;
    }
    #nav ul li:first-child {
      margin-left:17%;
    }
    #nav ul li a {
      font-size:16px;
      color:#fff;
      line-height:30px;
      padding:0 35px;
      display:inline-block;
    }
    .clearfix li {
      padding: 12.1px 0;
      font-size: 16px!important;
    }
    .cat_wrap .cat_list div li span {
      margin-right: 18px;
      display: inline-block;
      font-family: "icomoon";
      font-size: 16px;
      vertical-align: top;
      margin-left: 12px;
  }
    #nav ul li a:hover {
      background:#fff000;
      color:#00a1ea;
    }
    #nav ul li.active a {
      background:#fff000;
      color:#00a1ea;
    }
    /*banner上面浮层*/
    .cat_wrap {
      /*box-shadow:1px 1px 2px #bfbcbc;*/
      /*box-shadow:0 -4px 8px 0 rgba(7,17,27,.1),0 4px 8px 0 rgba(7,17,27,.1);*/
          background: rgba(27,131,218,0.6);
      width:210px;
      position:absolute;
      z-index:999;
      top:0px;
    }
    /*banner右侧浮动*/
    .ban_ri {
    padding: 39px 30px;
    background-color: rgba(225,225,225,0.8);
    position: absolute;
    z-index: 6;
    right: 15px;
}
/* .pro_hov a {
  color: #fff!important;
}
.pro_hov a:active {
  color:#00a1ea!important;
}
.cat_wrap .cat_list div:hover a {
  color: #000!important;
} */
.clearfix a
.ban_login h1 {
  font-size: 22px;
}
.ban_login p {
  font-size: 16px;
  margin-bottom: 2rem;
}
.pzbz_list img {
  width: 30%;
}
.pzbz_list span {
  margin-right: 2rem;
}
a.ban_btn {
    border: 1px solid #1379ce;
    margin: 10px 0;
    border-radius: 2px;
    font-size: 12px;
    padding: 7px;
        margin: 7px;
}
a.ban_btn:hover {
   background-color: #1379ce;
   color: #fff;
   border: 1px solid #1379ce;
}
.tel_pic img {
  width: 66%;
  animation: hithere 1s ease infinite;

}
.ban_pzbz {
    margin: 47px 0px;
}
.tel_pic {
    display: block;
    width: 45px;
    border-right: 1px solid #1379ce;
    float: left;
    line-height: 40px;
    margin-right: 1rem;
}
.row.ban_login {
    text-align: center;
}
.row.ban_login h1 {
  font-size: 23px;
}
.row.ban_login a:first-child {
  margin-right: 10px;
}
.ban_btn span {
  font-size: 14px;
}
.pzbz_list span {
  font-size: 16px;
}
.ban_pzbz h2 {
    font-size: 16px;
    /*font-weight: bold;*/
}
.tel_num p {
  font-size: 14px;
}
.tel_num h3 {
    font-size: 16px;
    margin: 0;
    color: #d81e06;
    font-weight: bold;
}
.zysearch .search .inpsea .input-group {
    width: 105%!important;
    margin: 19px 0 0 11rem;
}
a#login_c {
  padding: 11px;

}
.zysearch {
    width: 84%!important;
    }
.tel_h {
    width: 86px;
    float: left;
}
@keyframes hithere {
  30% {
    transform: scale(1.2);
  }

  40%,
  60% {
    transform: rotate(-20deg) scale(1.2);
  }

  50% {
    transform: rotate(20deg) scale(1.2);
  }

  70% {
    transform: rotate(0deg) scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}
       @font-face {
    font-family: 'icomoon';
    src:  url('../../assets/fonts/icomoon.eot?7kkyc2');
    src:  url('../../assets/fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
          url('../../assets/fonts/icomoon.ttf?7kkyc2') format('turetype'),
          url('../../assets/fonts/icomoon.woff?7kkyc2') format('woff'),
          url('../../assets/fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   .more_img span {
    display: inline-block;
    font-family: "icomoon";
    font-size: 16px;
    vertical-align: top;
    margin-left: 12px;
   }
      .more_img li {
    font-size: 15px!important;
    height: 38px;
    line-height: 37px;
      }
    .cat_wrap .cat_title {
      width:192px;
      height:50px;
      line-height:50px;
      font-size:16px;
      background:url(i/juxing.png) no-repeat;
      margin-left:-6px;
      margin-top:-15px;
      background-size:100%;
      color:#fff;
      text-align:center;
    }
    .cat_wrap .cat_header {
      min-height:450px;
    }
    .cat_wrap .cat_list div li {
      font-size:14px;
      margin:8px 0px;
          margin-left: 15px;
    margin-right: 10px;
    }

    .cat_wrap .cat_list div li span {
        margin-right: 0px;
    }  
    .cat_wrap .cat_list div li span:first-child {
     display: inline-block;
     width: 130px;
      }   
    .cat_wrap .cat_list div li:first-child {
      margin-left:15px;
      margin-right:10px;
    }
    .cat_wrap .cat_list {
      cursor:pointer;
      color: #fff;
    }
    li.fir_li {
    background-color: #1379ce;
    color: #fff;
}
    li.fir_li a {
    color: #fff;
}
    .cat_wrap .cat_list div.active {
      width:210px;
      padding-left:1px;
      position:relative;
      z-index:999;
      background-color: #fff;
      color: #000!important;
      border-right:none;
    }
    /*banner浮层滑动显示弹框*/
        .cat_subcont {
      display:none;
    }
    .cat_subcont.active {
      display:block;
    }
    .cat_subcont .cat_sublist {
      position:absolute;
      z-index:998;
      top:3px;
      left:211px;
      padding-top:5px;
      width:740px;
      background:#fff;
      border-top:1px solid #f9f9f9;
      border-left:1px solid #00a1ea;
      border-bottom:1px solid #00a1ea;
      border-right:1px solid #00a1ea;
    }
    .cat_subcont .cat_sublist .fore1 {
      width:740px;
    }
    .cat_subcont .cat_sublist .fore1 .fore_list {
      padding:0 20px;
    }
    .cat_subcont .cat_sublist .fore1 .fore_list h3 {
      padding:5px;
      border-bottom:1px solid #d3d3d3;
    }
    .cat_subcont .cat_sublist .fore1 .fore_list h3 a {
      font-size:14px;
      color:#00a1ea;
    }
    .cat_subcont .cat_sublist .fore1 .fore_list li {
      float:left;
      padding:5px 10px;
    }
    button.btn.btn-default.dropdown-toggle {
      display: none;
  }
    .money_dd {
      display: none;
    }
    .cat_subcont .cat_sublist .fore1 .fore_list li a {
      font-size:12px;
      color:#333;
    }
    .cat_subcont .cat_sublist .fore1 .fore_list li a:hover {
      color:#00a1ea;
      text-decoration:underline;
    }

/*结束*/
/*品牌推荐*/
.index-tit.text-center h3 {
    font-size: 28px;
    color: #167fd7;
    padding: 30px 0;
    padding-bottom: 2rem;
    border-bottom: 1px solid #167fd7;
}
.list_pic img {
  display: inline-block;
  width: 100%;
}
.pqtj_list.row {
    padding: 2rem;
  }
.list_pic {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #eee;
    transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
}
.list_pic:hover {
    background: #fff;
    transform: translate3d(0, -2px, 0);
    /* transform: translate3d(0, -2px, 0); */
    -webkit-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);
    -moz-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);
    box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);
}  
.list_pic img {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.list_pic.col-xs-3.col-sm-3.col-lg-2:hover img {
  transform: scale(1.2, 1.2); 
} 
.login_tit h1 {
  font-size: 20px!important;
  font-weight: bold;
}
a#tc {
  background-color: #1379ce;
  color: #fff;
}
/*热销排行*/
.rxph_tit h3 {
    font-size: 26px;
    background-color: #167fd7;
    color: #fff;
    padding: 10px;
    margin: 0;
    display: inline-block;
}
.rxph_tit.text-left {
    border-bottom: 1px solid #167fd7;
}
.w.pqtj {
    margin-bottom: 2rem;
        background-color: #eff4fa;
}
.w.xx_list,
.w.rxph {
    background-color: #eff4fa;
        margin-bottom: 3rem;
}
.rxph_img img {
  border-bottom: 1px solid #eee;
    display: inline-block;
    width: 100%;
        border-radius: 10px 10px 0 0;
}
.rxph_list {
      padding: 0;
      transition: all .2s;
      margin-top: 2rem;
     width: 18%;
       background-color: #fff;
    margin-left: 23px;
        border-radius: 10px;
}
.rxph_img {
    padding: 10px;
}
.rxph_login {
    padding: 10px;
}
.rxph_h {
      padding-left: 10px;
}
.rxph_h h3 {
    font-size: 14px;
    font-weight: bold;
    color: #333;

}
.rxph_h p {
  font-size: 14px;
  color: #333;
}
.rxph_login h4 {
  font-size: 14px;
  color: #fff;
      padding: 0 10px;
}
.rxph_login h4 a {
  font-size: 14px;
  color: #fff;
}
.rxph_list:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -2px, 0);
}
  /*选型列表*/
  .pro_le.col-lg-3 {
       height: 270px;
    width: 199px;
    background: url(../../assets/image/bac_pro1.jpg) no-repeat;
}
  .pro_le2 {
       height: 270px;
    width: 199px;
    background: url(../../assets/image/bac_pro2.png) no-repeat;
}
  .pro_le3 {
       height: 270px;
    width: 199px;
    background: url(../../assets/image/bac_pro3.jpg) no-repeat;
}
  .pro_le4 {
       height: 270px;
    width: 199px;
    background: url(../../assets/image/bac_pro4.jpg) no-repeat;
}
  .pro_le5 {
       height: 270px;
    width: 199px;
    background: url(../../assets/image/bac_pro5.jpg) no-repeat;
}
  .pro_le6 {
       height: 270px;
    width: 199px;
    background: url(../../assets/image/bac_pro6.jpg) no-repeat;
}
  .pro_le7 {
       height: 270px;
    width: 199px;
    background: url(../../assets/image/bac_pro7.jpg) no-repeat;
}
  .pro_le8 {
       height: 270px;
    width: 199px;
    background: url(../../assets/image/bac_pro8.jpg) no-repeat;
}
.col-xs-12.col-md-6.col-lg-6 {
    margin-bottom: 12px;
}
.rxph_tit.text-left {
    margin-bottom: 2rem;
}
.pro_le.col-lg-9 {
    width: 64%;
    background-color: #f4f0ed;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  
}
.pro_le.col-lg-9:hover img {
  transform: scale(1.25, 1.25);
}
.xx_pictit h4 {
    font-size: 28px;
    padding: 0rem 0 18px 1rem;
    color: #000;
}
.xx_pictit p {
    font-family: serif;
    font-size: 18px;
    font-weight: bold;
    color: #4b89ff;
    padding: 2rem 0 0 1rem;
}
.xx_img {
    text-align: right;
}
.xx_img img {
 display: inline-block;
 width: 60%;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.xx_img img:hover {
transform: scale(1.25, 1.25);
}
.pro_top.col-lg-12 {
    padding: 0;
}
.pic_bott img {
    display: inline-block;
    width: 75%;
    padding: 0rem 0;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    
}
.pic_bott img:hover {
transform: scale(1.25, 1.25);
}
.pic_bott_tit {
  text-align: center;
}
.pic_bott_tit h4 {
font-size: 14px;
    color: #000;

} 
.pic_bott_tit p a {
  font-size: 14px;
  color: #f60b21;
  
} 
.pro_bac.col-lg-4 {
    padding: 0;
        width: 32.7%;
    background-color: #fff;
}
.pic_bott {
    text-align: center;
    padding-top: 1rem;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.le_text h4 {
    font-size: 18px;
    color: #fff;
    padding: 15px 0 2rem 0;
}
.pro_btn a {
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 3%;
    margin-left: 7px;
    margin-bottom: 1rem;
    padding: 5px 5px;
    display: inline-block;
}
.bor_b {
    width: 32px;
    height: 2px;
    background: #fff;
}
.pro_btn {
    padding-top: 2rem;
}
.pro_btn a:hover {
  color: #00a1ea;
  background-color: #fff;
}
.more_img li {
  color: #fff;
}
.more_img:hover li {
  color: #000!important;
} 

@media (max-width: 980px) {
@media only screen and (min-width:414px) and (min-height:736px){

    .pro_le3, .pro_le8, .pro_le4, .pro_le5, .pro_le6, .pro_le7, .pro_le2, .pro_le.col-lg-3 {
      height: 193px!important;
    }
    .ds_search .ds_lists .select {
      width: 225px;
    }
  }
  @media only screen and (min-width:320px) and (min-height:640px){

    .pro_le3, .pro_le8, .pro_le4, .pro_le5, .pro_le6, .pro_le7, .pro_le2, .pro_le.col-lg-3 {
      height: 182px!important;
    }
    .pro_bac.col-lg-4 {
      padding: 0;
      width: 31.2%!important;
    }
    .ds_search .ds_lists .select {
      width: 170px;
    }
  }
  @media only screen and (min-width:411px) and (min-height:731px){

    .pro_le3, .pro_le8, .pro_le4, .pro_le5, .pro_le6, .pro_le7, .pro_le2, .pro_le.col-lg-3 {
      height: 193px!important;
    }
    .ds_search .ds_lists .select {
      width: 222px;
  }
  }
  @media only screen and (min-width:375px) and (min-height:667px){
    
    .pro_le3, .pro_le8, .pro_le4, .pro_le5, .pro_le6, .pro_le7, .pro_le2, .pro_le.col-lg-3 {
      height: 185px!important;
    }
    .ds_search .ds_lists .select {
      width: 186px;
  }
  }

}