body {
  background-color:#fff;
}
.brands-wrap {
  font-size: 0.32rem;
  padding-bottom: 2.4133rem;
}

.brands-wrap .title {
  height: 0.8rem;
  line-height: 0.8rem;
  padding-left: 0.5333rem;
  background-color: #009c4b;
  color:#fff;
}

.brands-wrap .list {
  line-height: 0.88rem;
  padding-left: 0.5333rem;
  padding-bottom:0.2133rem;
}

.brands-wrap .list li {
  height: 0.4267rem;
  line-height: 0.4267rem;
  font-size: 0.1867rem;
  padding: 0 0.1333rem;
  margin: 0.2133rem 0.04rem 0;
  border-radius: 0.0667rem;
}
.brands-wrap .list li.a { background-color:#c22a1f}
.brands-wrap .list li.b { background-color:#ca5d18}
.brands-wrap .list li.c { background-color:#b2741f}
.brands-wrap .list li.d { background-color:#bdb105}
.brands-wrap .list li.e { background-color:#5a9d34}
.brands-wrap .list li.f { background-color:#00a0e6}
.brands-wrap .list li.g { background-color:#202b61}
.brands-wrap .list li.h { background-color:#950483}
.brands-wrap .list li.i { background-color:#f09ec2}
.brands-wrap .list li.j { background-color:#f6b37f}
.brands-wrap .list li.k { background-color:#add599}
.brands-wrap .list li.l { background-color:#84ccc9}
.brands-wrap .list li.m { background-color:#a8947c}
.brands-wrap .list li.n { background-color:#4588cc}
.brands-wrap .list li.o { background-color:#8dc51c}
.brands-wrap .list li.p { background-color:#fbcc88}
.brands-wrap .list li.q { background-color:#a0a0a0}

.footer {

  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:5;
}
.footer .foot-wrap {
  width:10rem;
  margin:0 auto;
}

.footer .contact span,.footer .contact a {
  display: inline-block;
  height: 1.5867rem;
}

.footer .contact span.home {
  width: 12%;
  background:url('../images/gohome.jpg') no-repeat center #eaeaea;
  background-size:0.9467rem 1.27rem;
}

.footer .contact .cont {
  width: 40.333%;
  padding-left:0.6rem;
  padding-top:0.32rem;
  box-sizing: border-box;
  background:url('../images/finger.jpg') no-repeat 0.1333rem 0.88rem #aa8abc;
  background-size:0.4133rem 0.5733rem;
}
.footer .contact .cont .num {
  font-size:0.5333rem;
}

.footer .contact span.talk {
  background-color: #f29ec2;
  font-size: 0.6667rem;
  width: 37.667%;
  line-height: 1.5867rem;
}

.footer .addr {
  height: 0.6267rem;
  line-height: 0.6267rem;
  background:url('../images/addr.jpg') no-repeat 1.0333rem 0.1533rem ;
  background-size:0.24rem 0.2933rem;
  padding-left:0.6933rem;
  text-align:center;
}
.footer .foot-wrap::after {
  content:'';
  left:-57.333%;
  width:57.333%;
  height:7.47rem;
  position:absolute;
  background-color:transparent;
  top:-7.47rem;
}
.mask {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:2.4133rem;
  background-color:rgba(0,0,0,.4);
}
.menu {
  width:57.333%;
  height:7.47rem;
  position:absolute;
  top:-7.47rem;
  left:-57.333%;
  font-size:0.5333rem;
  opacity: 0;
  transition: all 1s ease;
}
.menu.active {
  opacity: 1;
  left:0;
}
.menu .menu-bar {
  height:0.04rem;
  width:0.6rem;
  margin:0.3333rem 0 0.3333rem 0.3333rem;;
  background-color:#b6b6b6;
}
.menu ul {
  padding:0 0.2667rem;
}
.menu ul li {
  height:1.3333rem;
  line-height:1.3333rem;
  padding-left:1.6rem;
  background:url('../images/to-sec-icon.jpg') no-repeat 0.2667rem center;
  background-size:0.6667rem 0.8rem;
}
.menu ul li + li {
  border-top:1px solid #ccc;
}
.menu ul li.home {
  background:url('../images/link-home-icon.jpg') no-repeat 0.2667rem center;
  background-size:0.6667rem 0.5733rem;
}
.menu ul li a {
  color:#999
}
.menu ul li a.active {
  color:#333;
}
.to-take {
  position:fixed;
  height:2.0rem;
  width:3.5rem;
  background:url('../images/take1.png?v2') no-repeat ;
  background-size:3.5rem 2.0rem;
  top:10.16rem;
  right:0.2rem;
  z-index:10;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #999;
}

 
  #b05 { width: 100%;height: 450px;}
  
  #b05 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
  
  #b05 .dots li.active 
  
  {
  
    background: #fff;
  
    opacity: 1;
  
  }
  
   .radio_inline{  
    display: inline-block;  
    width: 300px;  
  text-align: left;
  }  
  .radio_inline label{  
  display: inline-block;
    width: 200px; 
    padding-left: 20px;  
    padding-right: 0;  
  }  
  .radio_inline p{
    margin-top: 20px;
  }  
  .radio_inline input[type=radio]{  
  margin-left: 30px;
  }  
  
  .ktitle{
    width: 300px;
    word-wrap: break-word;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
  }
  
  .kinput{
    height: 30px;
    width: 100%;
    font-size: 18px;
    border: solid 1px #EEE !important;
    margin:5px 0;
    border-radius:5px
  }
  
  #kmobile input::-ms-input-placeholder{text-align: center;}
  #kmobile input::-webkit-input-placeholder{text-align: center;}
  
  .ksucc{
    height: 30px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 5px 0;
  }
  
  .kbutton{
    height: 30px;
    width: 100%;
    color: white;
    background-color: #E24647;
    text-align: center;
    font-size: 20px;
    padding: 5px 0;
    border-radius:5px
  }
  
  .knowledge{
    position: relative;
  }


  .achoose input{
          display: none;
      }
      .achoose label{
          background: #eee;
          width: 45%;
          height: 30px;
          display: inline-block;
          text-align: center;
          border-radius: 5px;
          line-height: 30px;
          margin-left: 5px;
      margin-bottom: 8px;
          cursor: pointer;
      font-size: 14px;
      }
    
    .achoosebutton{
       border-radius: 5px;
    }
      .achoose input:checked+label{
          background: #1E9FFF;;
          color: #fff;    
      }
    
     .achoose .layui-form-radio {
        display: none !important;
    }