.header-top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
  }
  .header-top ul,
  .header-top li,
  .header-top .header-nav > div{
    display: inline-block;
    vertical-align: middle
  }
  .header-top li{
    margin-right: 30px;
    position: relative;
    z-index: 2;
  }
  .header-top li > a{
    display: block;
    line-height: 60px;
    position: relative;
    font-size: 16px;
    color: #333333;
  }
  .header-top li > a::before{
    width: 0;
    height: 3px;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.5s;
    background: #019249;
    opacity: 0;
  }
  .header-top li.on > a::before,
  .header-top li:hover > a::before{
    width: 100%;
    opacity: 1;
  }
  .header-top li.on > a,
  .header-top li:hover > a{
    color: #019249
  }
  .contact-form-views li{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .contact-form-views li span{
    white-space: nowrap;
    width: 118px;
    text-align: right;
    padding-right: 13px;
  }
  .contact-form-views li span i{
    color: #f63051;
    display: inline-block;
    margin-left: 3px;
  }
  .header-top .dts{
    display: flex;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: #cccccc;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .header-top .header-nav .h_gwc{
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
  }
  .header-top .header-nav .h_gwc:hover .zx-h{
    display: block;
  }
  .header-top .header-nav .h_gwc .zx-h{
    position: absolute;
    left: 0;
    top: 30px;
    background: #fff;
    width: 120px;
    overflow: hidden;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding: 0px 0px;
    white-space: nowrap;
    padding: 12px;
    display: none
  }
  .header-top .header-nav .h_gwc .zx-h a{
    display: block;
    padding: 0 12px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    padding: 6px 0;
  }
  .header-top .header-nav .h_gwc .zx-h a img{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
  }
  .header-top .header-nav .h_gwc .zx-h span{
    display: inline-block;
    vertical-align: middle
  }
  .header-top .header-nav .h_gwc .zx-h a:hover{
    color: #019249
  } 
  .header-top .header-nav .h_gwc .dts{
    margin-right: 3px;
  }
  .header-top .header-nav > div{
    margin-left: 8px;
  }
  .header-top .header-nav > div:hover .dts{
    background: #019249;
  }
  .header-top .header-nav{
    display: flex;
    align-items: center;
  }
  .header-top .header-nav .h_to{
    width: 91px;
    height: 33px;
    border-radius: 16px;
    background: #cccccc;
    line-height: 33px;
    display: flex;
    justify-content: space-between;
    margin-left: 20px;
    position: relative;
    z-index: 1;
  }
  .header-top .header-nav .h_to a{
    display: block;
    text-align: center;
    width: 50%;
    color: #fcfcfc;
  }
  .header-top .header-nav .h_to::before{
    width: 50%;
    height: 100%;
    border-radius: 16px;
    z-index: -1;
    content: '';
    background: #019249;
    position: absolute;
    left: 50%;
    top: 0;
    transition: all 0.3s ease-in-out
  }
  .header-top .header-nav .h_to.h_en::before{
    left: 0;
  }
  .jh-ss{
    background: #f5f5f5;
  }
  .jh-ss-cont{
    display: flex;
    justify-content: space-between;
    line-height: 64px;
  }
  .jh-ss-cont .jh-dt span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
  }
  .jh-ss-cont .jh-dt a{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .jh-ss-cont .jh-dt a:hover{
    color: #019249
  }
  .jh-ss-v{
    display: flex;
    align-items: center;
  }
  .jh-ss-v .vies-v{
    width: 170px;
    height: 32px;
    margin-right: 20px;
    
  }
  .jh-ss-v .vies-v form{
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #d8d8d8;
    position: relative;
    border-radius: 16px;
  }
  .jh-ss-v .vies-v form .text{
    background: none;
    border: none;
    padding-left: 10px;
    line-height: 30px;
  }
  .jh-ss-v .vies-v form .submit{
    width: 15px;
    height: 16px;
    display: block;
    background: url('../images/jh-ss-ico.png') no-repeat center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .jh-ss-cont .ts-d b{
    color: #009249
  }
  .jh-set1-tit{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 45px;
  }
  .jh-set1-tit ul{
    display: flex;
  }
  .jh-set1-tit .title h3{
    font-size: 36px;
    font-weight: bold;
    color: #009249;
    margin-bottom: 15px;
  }
  .jh-set1-tit .title p{
    font-size: 16px;
    color: #666666
  }
  .jh-set1-tit ul li{
    margin-left: 20px;
  }
  .jh-set1-tit ul a{
    width: 130px;
    text-align: center;
    display: block;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    padding: 15px 0;
    border-radius: 6px;
    transition: all 0.5s
  }
  .jh-set1-tit ul a p{
    color: #666666;
    margin-top: 5px;
  }
  .jh-set1{
    padding: 75px 0;
  }
  .jh-set1-cont{
    display: flex;
    justify-content: space-between;
    align-content: center;
  }
  .jh-set1-cont .jh-set1-c{
    width: 24%;
    background: url('../images/jh-set1-le.jpg') no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    padding: 46px 2.5%;
    min-height: 670px
  }
  .jh-set1-cont .jh-set1-c h3{
    font-size: 30px;
    color: #333333;
    margin-top: 12px;
    
    /* margin-bottom: ; */
  }
  .jh-set1-cont .jh-set1-c .dt{
    display: flex;
    justify-content: space-between;
    margin: 28px 0;
  }
  .jh-set1-cont .jh-set1-c .dt span{
    width: 32%;
    display: block;
    text-align: center;
    border-radius: 16px;
    background: #009249;
    color: #fff;
    line-height: 32px;
  }
  .jh-set1-cont .jh-set1-c .p{
    color: #666;
    line-height: 1.5;
  }
  .jh-set1-cont .jh-set1-des{
    width: 74.666666%;
  }

  .jh-set1-cont .jh-set1-des ul{
    display: flex;
    flex-wrap: wrap;
  }
  .jh-set1-cont .jh-set1-des ul li{
    width: 32%;
    margin-right: 2%;
  
    margin-bottom: 22px;
  }
  .jh-set1-cont .jh-set1-des ul li:nth-of-type(3n){
    margin-right: 0;
  }
  .jh-set1-cont .jh-set1-des ul li:nth-last-of-type(1),
  .jh-set1-cont .jh-set1-des ul li:nth-last-of-type(2),
  .jh-set1-cont .jh-set1-des ul li:nth-last-of-type(3){
    margin-bottom: 0;
  }
  .jh-set1-cont .jh-set1-des ul li p{display: table;margin: 0 auto;}
  .jh-set1-cont .jh-set1-des ul li p span{display: table-cell;vertical-align: middle;height: 280px;}
    .jh-set1-cont .jh-set1-des ul li p span img{max-width: 100%;max-height: 100%;}
  .jh-set1-cont .jh-set1-des ul li a{
    display: block;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    transition: all 0.5s
  }
  .jh-set1-tit ul a:hover,
  .jh-set1-cont .jh-set1-des ul li:hover a{
    transform: translateY(-6px);
    box-shadow: 0 0 12px rgba(0, 146, 73, 0.3);
  }
  .jh-set1-cont .jh-set1-des ul li:hover a img{
    transform: scale(1.08)
  }
  .jh-set1-cont .jh-set1-des ul li h6{
    text-align: center;
    background: #009249;
    color: #fff;
    line-height: 48px;
    font-size: 16px;
  }
  .jh-set2{
    background-color: #f9f9f9;
    /* padding: ; */
    padding-top: 86px;
    z-index: 3;
    position: relative;
    /* background-image: url('../images/jh-set2-bj.jpg');
    background-position: 52% bottom ;
    background-repeat: no-repeat;
    background-size: 680px auto */
  }
  .jh-set2 .bigtit{
    position: absolute;
    width: 680px;
    height: auto;
    right: calc(50% - 700px);
    bottom: 1px;
    z-index: 1;
  }
  .jh-set2 .bigtit img{
    width: 100%;
    height: auto;
  }
  /* .jh-set2::before{
     width: 680px;
  } */
  .jh-title{
    text-align: center;
    margin-bottom: 52px;
  }
  .jh-title h3{
    font-size: 36px;
    color: #009249;
    margin-bottom: 14px;
  }
  .jh-title p{
    font-size: 16px;
    color: #666
  }
  .jh-set2-cont{
    width: 49%;
  }
  .jh-set2-tit{
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 38px;
    padding-top: 20px;
    position: relative;
    z-index: 4;
  }
  .jh-set2-tit::before{
    width: 75px;
    height: 7px;
    content: '';
    display: block;
    background: #009249;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 4;
  }
  .jh-set2-tit h6{
    font-size: 30px;
    color: #009249;
    margin-bottom: 16px;
  }
  .jh-set2-tit p{
    font-size: 16px;
    color: #666
  }
  .jh-set2-cont .cont{
    padding: 36px 0;
    font-size: 16px;
    color: #666;
    line-height: 1.7;
  }
  .jh-set2-cont ul{
    display: flex;
    justify-content: space-between;
    padding: 24px 0 140px;
  }
  .jh-set2-cont ul li{
    display: flex;
    align-items: center;
  }
  .jh-set2-cont ul li .dit{
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid #009249;
    margin-right: 10px;
  }
  .jh-set2-cont ul li .tst h6{
    font-size: 36px;
    color: #333333;
    margin-bottom: 10px;
  }
  .jh-set2-cont ul li .tst p{
    color: #666;
    font-size: 16px;
    padding-left: 10px;
  }
  .jh-set2-t{
    background: #f6f6f7;
    position: relative;
    /* border-top: 1px solid #e3e3e3; */
    border-bottom: 1px solid #e3e3e3;
  }
  .jh-set2-t::before{
    width: 100%;
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    content: ''
  }
  .jh-set2-t ul{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
  }
  .jh-set2-t ul .before{
    width: 25%;
    left: 0;
    top: 0;
    height: 100%;
    background: #009249;
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.2s ease-in-out;
  }
  .jh-set2-t ul li{
    width: 25%;
    box-sizing: border-box;
    padding: 30px 2.5%;
    border-right: 1px solid #e3e3e3;
  }
  .jh-set2-t ul li.on p,
  .jh-set2-t ul li.on h6{
    color: #fff
  }
  .jh-set2-t ul li.on h6::before{
    background: #fff
  }
  .jh-set2-t ul li:last-of-type{
    border-right: none;
  }
  .jh-set2-t ul li h6{
    font-size: 24px;
    color: #333;
    margin-bottom: 14px;
  }
  .jh-set2-t ul li h6::before{
    width: 10px;
    height: 10px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: #333;
    border-radius: 50%;
    margin-right: 6px;
  }
  .jh-set2-t ul li p{
    color: #666
  }
  .jh-set3{
    padding: 100px 0 86px;
  }
  .jh-set3-cont{
    display: flex;
    justify-content: space-between;
  }
  .jh-set3-cont .jh-set3-le{
    width: 50%;
    padding: 40px;
    padding-top: 0;
    box-sizing: border-box;
    position: relative;
  }
  .jh-set3-cont .jh-set3-le::before{
    width: 260px;
    height: 260px;
    content: '';
    position: absolute;
    z-index: -1;
    background: #abdd79;
    left: 0;
    bottom: 0;
  }
  .jh-set3-le .jh-set3-v .dt-v{
    position: absolute;
    width: 140px;
    height: 140px;
    background: url('../images/v-ss.png') no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    cursor: pointer;
  }
  .jh-set3-v:hover > img{
    transform: scale(1.05)
  }
  .jh-set3-v{
    overflow: hidden;
  }
  .jh-set3-v img{
    transition: all 0.5s;
  }
  .jh-set3-ri{
    width: 43%;
    padding-top: 32px;
  }
  .jh-set3-ri .cont{
    margin: 40px 0 50px;
    line-height: 1.7;
    color: #666
  }
  .jh-set3-ri .tit h3{
    font-size: 36px;
    color: #009249;
    margin-bottom: 18px;
  }
  .jh-set3-ri .tit p{
    font-size: 18px;
  
  }
  .jh-set3-ri a{
    width: 140px;
    line-height: 45px;
    background: #009249;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 6px;
    transition: all 0.5s
  }
  .jh-set3-ri a:hover{
    opacity: 0.8;
  }
  .jh-set4{
    padding-bottom: 86px;
  }
  .jh-set4-cont{
    width: 100%;
  }
  .jh-set4-cont ul{
    display: flex;
  }
  .jh-set4-cont ul li{
    width: 32%;
    margin-right: 2%;
    box-sizing: border-box;
    padding-left: 2%;
  }
  .jh-set4-cont ul dd{
    margin: 0 ;
  }
  .jh-set4-cont ul li:last-of-type{
    margin-right: 0;
  }
  .jh-set4-cont ul li dt{
    position: relative;
  }
  .jh-set4-cont ul li dt .dst{
    width: 110px;
    display: block;
    text-align: center;
    color: #fff;
    background: #009249;
    position: absolute;
    left: -30px;
    top: 8%;
    z-index: 1;
    line-height: 42px;
    transition: all 0.5s
  }
  .jh-set4-cont ul li dt .dst:hover{
    opacity: 0.8;
  }
  .jh-set4-cont ul li dt:hover img{
    transform: scale(1.08)
  }
  .jh-set4-cont ul li  dt:hover .tit h6{
    color: #009249
  }
  .jh-set4-cont ul dd:hover a{
    color: #009249
  }
  .jh-set4-cont ul li .tit{
    padding: 28px 0;
  }
  .jh-set4-cont ul li img{
    width: 100%;
    height: auto;
  }
  .jh-set4-cont ul li .tit span{
    color: #666666;
    font-weight: normal;
  }
  .jh-set4-cont ul li .tit h6{
    font-size: 24px;
    color: #333333;
    padding: 12px 0;
  }
  .jh-set4-cont ul li .tit p{
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
  }
  .jh-set4-cont ul li dd a{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e5e5e5;
    line-height: 60px;
  }
  .jh-set4-cont ul li dd:last-of-type a{
    border-bottom: 1px solid #e5e5e5
  }
  .img{
    width: 100%;
    overflow: hidden;
  }
  .img img{
    width: 100%;
    height: auto;
    transition: all 0.5s
  }
  .jh-set3-v img{
    width: 100%;
    height: auto;
  }
  @media screen and (max-width: 1660px){
    .w1400{
      width: 1200px;
    }
    .jh-set1 {
      padding: 60px 0;
    }
    body{
      font-size: 14px;
    }
    .jh-set1-tit .title h3{
      font-size: 30px;
      margin-bottom: 12px;
    }
    .jh-set1-tit .title p{
      font-size: 14px;
    }
    .jh-set1-cont .jh-set1-c h3{
      font-size: 26px;
    }
    .jh-set1-cont .jh-set1-c .dt{
      margin: 20px 0;
    }
    .jh-set1-cont .jh-set1-des ul li h6{
      line-height: 40px;
      font-size: 14px;
    }
    .jh-set2{
      padding-top: 60px
    }
    .jh-title h3{
      font-size: 30px;
      color: #009249;
      margin-bottom: 12px;
    }
    .jh-title p{
      font-size: 14px;
    }
    .jh-set2-tit h6{
      font-size: 26px;
      margin-bottom: 12px;
    }
    .jh-set2-tit{
      padding-top: 20px;
    }
    .jh-set2-tit::before{
      height: 5px;
    }
    .jh-set2-cont .cont{
      padding: 28px 0;
      font-size: 14px;
    }
    .jh-set2-cont ul li .tst h6{
      font-size: 30px;
      color: #333333;
      margin-bottom: 8px;
    }
    .jh-set2-cont ul li .tst p{
      font-size: 14px;
      padding-left: 6px;
    }
    .jh-set2-t ul li{
      padding: 24px 2%;
    }
    .jh-set2-t ul li h6{
      font-size: 20px;
      /* color: #333; */
      margin-bottom: 10px;
    }
    .jh-set2-cont ul{
      padding: 24px 0 110px;
    }
    .jh-set2 .bigtit{
      width: 600px;
      /* height: auto; */
      right: calc(50% - 600px);
    }
    .jh-set3-cont .jh-set3-le{
      padding: 30px;
    }
    .jh-set3-ri .tit h3{
      font-size: 30px;
      /* color: #009249; */
      margin-bottom: 14px;
    }
    .jh-set3-ri .tit p{
      font-size: 16px;
    }
    .jh-set3-ri .cont{
      margin: 32px 0 30px;
    }
    .jh-set3-ri a{
      width: 130px;
      line-height: 40px;
    }
    .jh-set3{
      padding: 74px 0 60px;
    }
    .jh-title{
      text-align: center;
      margin-bottom: 36px;
    }
    .jh-set4-cont ul li .tit h6{
      font-size: 18px;
      color: #333333;
      padding: 10px 0;
      font-weight: bold;
    }
    .jh-set4-cont ul li .tit p{
      font-size: 12px;
    }
    .jh-set4-cont ul li .tit{
      padding: 20px 0;
    }
    .jh-set4-cont ul li dd a{
      line-height: 45px;
    }
    .jh-set4-cont ul li dt .dst{
      line-height: 38px;
      left: -26px;
      top: 10%;
    }
    .jh-set4{
      padding-bottom: 60px;
    }
    header .w1600{
      width: 92%;
    }
    header .w1600 h1{
      width: 230px;
    }
    .header-top li > a{
      font-size: 14px;
      line-height: 50px;
    }
    .header-top li{
      margin-right: 28px;
    }
    .header-top .header-nav .h_to{
      margin-left: 10px;
    }
  }
  @media screen and (max-width: 1300px){
    header .w1600 h1{
      width: 190px;
    }
    .header-top li{
      margin-right: 20px;
    }
  }
  header .w1600 h1 img{
    width: 100%;
    height: auto;
  }

  .jh-set7{
    /* padding-top: 110px; */
    padding-bottom: 68px;
  }
  .jh-set7-cont{
    width: 100%;
    padding: 50px 60px;
    box-sizing: border-box;
    background: #f5f5f5;
    position: relative;
  }
  .jh-set7-cont img{
    width: 100%;
    height: auto;
  }
  .jh-set7-cont li{
    width: 234.167px;
    margin-right: 15px;
  }
  .jh-set7-cont .bd{
    overflow: hidden;
  }
  .jh-set7-cont i{
     width: 17px;
     height: 33px;
     display: block;
     background: url('../images/le-d.jpg') no-repeat center;
     position: absolute;
     top: 50%;
     margin-top: -16px;
     cursor: pointer;
  }
  .jh-set7-cont i.led{
    left: 20px;
  }
  .jh-set7-cont i.rig{
    right: 20px;
    transform: rotate(-180deg)
  }
  footer{
    background: #009249;
    color: #99d3b6
  }
  footer dd{
    margin: 0;
    font-size: 14px;
  }
  footer a:hover{
    color: #ffffff
  }
  .footer-top ul{
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
  }
  .footer-top dt{
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 25px;
  }
  .footer-top dt::after{
    width: 15px;
    height: 1px;
    content: '';
    display: block;
    background: #ffffff;
    margin-top: 18px;
  }
  .footer-top dd{
     margin-bottom: 20px;
  }
  .footer-top dd .imgd p{
    margin-top: 10px;
  }
  .footer-top dd h6{
     font-size: 28px;
     color: #fff;
     margin-bottom: 12px;
  }
  .footer-top dd .dts{
    /* width: 240px; */
    text-align: left;
    line-height: 2.5;
  }
  .footer-top li:last-of-type{
    /* text-align: right; */
    margin-left: 100px;
  }
  .footer-b{
    border-top: 1px solid #e1e1e1;
    line-height: 90px;
  }
  .footer-b-cont{
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  }
  .footer-top dd .imgd{
      display: flex;
      text-align: center
  }
  .footer-top dd .imgd img{
      width: 120px;
      height: 120px;
  }
  .footer-top dd .imgd div:first-of-type{
      margin-right: 18px;
  }


  

/*客服02*/
.kf02 {
	position: fixed;
	top: 110px;
	right: 0;
	z-index: 999;
  width: 184px;
	background: #f3f3f3;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.kf02.on {
	right: -184px;
}
.kf02-head {
	height: 134px;
	background: url(../images/kefu/kf-2-0.png) no-repeat center;
  font-size: 0;
  background-size: 100% auto
}
.kf02-list li:first-of-type{
  margin-top: 10px;
}
.kf02-list li {
  /* border-top: 1px solid #dadada; */
  margin-bottom: 10px;
}
.kf02-list li .box {
  /* position: relative; */
  width: calc(100% - 20px);
  margin: 0 auto 0;
  background: #009249;
  color: #fff;
  display: flex;
  align-items: center;
  padding:  4px 10px;
  border-radius: 6px
	/* padding: 5px 0px 5px 50px; */
}
.kf02-sq {

  width: 25px;
  height: 20px;
  background: url(../images/qq.png) no-repeat center;
  /* margin-top: -10px; */
  display: block;
  background-size: 100% 100%;
  margin-right: 3px;
}
.kf02-list li .box:hover .kf02-qq {
	-webkit-animation: sh-shake 2s ease infinite;
	animation: sh-shake 2s ease infinite;
}
/*动画——抖动效果*/
@-webkit-keyframes sh-shake {
    0%,
    25%,
    100% {
        -webkit-transform: translateY(0)
    }
    3%,
    9%,
    15% {
        -webkit-transform: translateY(-3px)
    }
    6%,
    12%,
    20% {
        -webkit-transform: translateY(3px)
    }
}

@keyframes sh-shake {
    0%,
    25%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    3%,
    9%,
    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    6%,
    12%,
    20% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}
.kf02-list li .box .cont {
  font-size: 14px;
  line-height: 16px;
	/* font-size: 0; */
}
.kf02-list li .box .cont span {
	display: inline-block;
	/* width: 50%; */
	font-size: 14px;
	color: #fff;
}
.kf02-list li .box .cont span.big {
	width: 100%;
}
.kf02-foot {
	height: 24px;
	background: url(../images/kefu/kf-2-1.png) no-repeat center;
	cursor: pointer;
	display: block !important;
	position: static !important;
	opacity: 1 !important;
	-webkit-transition: .5s;
	-o-transition: .5s;
  transition: .5s;
  background-size: 100% 100%
}
.kf02-foot:hover {
	opacity: .8 !important;
}
.kf02-left {
	position: absolute;
	left: -30px;
	top: 0;
	width: 30px;
	height: 120px;
	background: #019249;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding-top: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	line-height: 1.3;
	cursor: pointer;
}
.kf02-left .icon-right {
	display: inline-block;
	margin-top: 8px;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: url(../images/kefu/kf-02-close.png) no-repeat center;
	background-size: 5px;
}
.kf02-close {
	position: absolute;
	left: -25px;
	top: 0;
	width: 25px;
	height: 30px;
	background: rgba(0, 0, 0, .2);
	cursor: pointer;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.kf02-close .icon-close {
	width: 25px;
	height: 30px;
	background: url(../images/kefu/kf-02-close.png) no-repeat center;
	background-size: 10px;
	/*-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;*/
}
.kf02-close:hover {
	background-color: rgba(244, 101, 28, .5);
}
.kf02-close.on .icon-close {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media (max-width: 1600px) {
	.kf02-head {
		height: 40px;
		background: #f4651c;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
	    color: #fff;
	}
	.kf02-list li .box .cont {
       line-height: 14px;
	}
	.kf02-list li .box {
	    padding: 5px 0px 1px 8px;
	}
}