.lang-xl {
    background: #0f57c4;
    padding: 1rem 12% 0.5rem 12%;
    opacity: 1.6;
    display: none;
    float: right;
    width: 64%;
}

.lang-xl dd {
    display: block;
    height: 2rem;
    color: #fff;
}

.lang-xl dd a {
    color: #fff;
}

.h_con p {
    cursor: pointer;
}

.h_con:hover .lang-xl {
    display: block;
}
     .logo img{ max-width:200px;}
      
     html {
    max-width:2400px;
    margin: 0 auto;
}
     
     .top_bg {
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    height: 3.85rem;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 99;
    width: 100%;
    max-width: 2400px;
}
    .header
    {
        margin: 0px auto;
        min-width: 1200px;
        width: 73%;
        text-align: center;
        height: 100%;
     }
        em,i{ font-style:normal;}
        body{width:100%;min-width:1200px;max-width:2400px;margin: 0 auto;  position: relative; }
  
    .h_con{position: absolute;float: right;right: 1%;top: 1rem;height: 100%;display: inline-block;}
    .h_con .logo{float: left;position: relative;z-index: 10;margin-top: 1rem;}
    .h_con .logo img{ display:block;width:110px;}
      
    .h_con h2
    {
    float: left;
    margin-top: 1rem;
    margin-left: 1.5rem;
     }
    .h_con h2 span
    {
    font-size: 1.94rem;
    color: #ffffff;
    line-height: 3rem;
    display: block;
    background-size: 13.2rem 1px;
    width: 13.2rem;
    text-align: center;
    letter-spacing: 2px;
    font-weight: normal;
      }
    .h_con h2 i
    {
    font-size: 1.27rem;
    color: #ffffff;
    line-height: 1.2rem;
    font-weight: bold;
    padding-top: 0.3rem;
    display: block;
    font-weight: normal;  
     }
    .h_con p
    {
     background: url(images/index/head-lag.png) no-repeat;
     width: 6.7rem;
     height: 1.8rem;
     line-height: 1.8rem;
     background-size:100%;
     }
    
    .h_con p img{display: inline-block;width: 1.4rem;height: 1.4rem;margin-right: 0.4rem;vertical-align: -0.1rem;}
    .h_con p em
    {
     display: inline-block;
     font-size: 0.7rem;
     color: #FFF;
     width: 54%;
     text-align: center;
     }
    .h_nav{margin-right: 3.4rem;height: 100%;}
   .h_nav ul li  
   {
       display: inline-block;
       position: relative;
       height: 100%;
       line-height: 3.85rem;
       }  
  .h_nav ul {
    display: block;
    height: 100%;
}
  .h_nav ul.erji {
   display: none;   
  }

.h_con p b {
    float: right;
    color: #fff;
    width: 45.9%;
    text-align: center;
    font-weight: normal;
}
    .h_nav ul li a  
    {
     position: relative;
     z-index: 1;
     font-size: 0.8rem;
     font-weight: normal;
     color: #FFFFFF;
     display: block;
     text-align: center;
     padding: 0 1.6rem;
     }
    
    .h_nav ul li.cur>a:after, .h_nav ul li:hover>a:after {
    background: #0f57c4;
    color: #fff;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    margin-top: -1px;
}

.h_nav ul li ul {
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
}

.h_nav ul li ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: block;
  line-height: 2.3rem;
  height: 2.3rem;
}

.h_nav ul li ul li:first-child {
  border-top: none;
}

.h_nav ul li ul li a {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 0px 8px;
  font-size: 0.7rem;
  display: block;
}

.h_nav ul li ul li a:hover {
  /*background: #126d9b;*/
}

.h_nav .fa.fa-angle-down {
  margin-left: 6px;
}

  

    
  .ban1 {
    line-height: 0;
    position: relative;
}

.ban1 img {
    width: 100%;
    display: block;
}


.ban1 .ban-con {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ban1 .swiper-pagination {
isplay: inline-block;
    z-index: 99;
    width: 4rem;
    font-size: 0.88rem;
    color: #fff;
    position: relative;
    bottom: 0px;
    float: left;
    line-height: 3rem;
}

.ban1 .swiper-pagination span {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-size: 1rem;
}


.ban1 .swiper-pagination span.swiper-pagination-current {
    font-weight: bold;
}


.ban1 .ban-con {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ban-pagin {
    position: absolute;
    bottom: 3rem;
    height: 3rem;
}

.bancontent {
    width: 88%;
    margin: 0 auto;
    position: relative;
}

.ban-pagin 
 i.banner-prev {
    float: left;
    height: 3rem;
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.ban-pagin i.banner-prev img {
    width: 3.4rem;
}

.ban-pagin 
 i.banner-next {
    float: left;
    position: relative;
    z-index: 99;
    cursor: pointer;
}
    
    

 .blk.plc {
    background: rgba(15, 87, 196,0.9);
    height: 60px;
}

.blk-main2 {width: 87.5rem;display: block;height: 100%;margin: 0 auto;max-width: 1680px;}

.blk.plc .p12-curmbs-1 a {
    color: #fff;
    display: inline-block;
    line-height: 60px;
}

.blk.plc  .p12-curmbs-1 {
    float: left;
    height: 100%;
    padding-left: 30px;
    background: url(images/index/home.png) no-repeat left 16px;
    color: #fff;
}

.blk.plc p.searchkwd {
    text-align: center;
    display: block;
    line-height: 60px;
}

.blk.plc p.searchkwd a {
    line-height: 60px;
    color: #fff;
    padding: 0px 16px;
    background: url(images/index/homeimg.png) no-repeat left;
    margin-right: 30px;
}
 


.hf-content {
    width: 87.5%;
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 1680px;
}

.hf-jieshao {
    position: relative;
    height: 42rem;
    max-height: 840px;
    overflow:hidden;
}

.hf-jieshao >.img {
    position: absolute;
    left: 0px;
    top: 4.25rem;
    width: 52.08%;
    max-width: 1000px;
    cursor: pointer;
}

.hf-jieshao >.img img {
    width: 100%;
        -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.hf-jieshao >.img:hover  img { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.hf-jieshao 
 .js-wz {
    float: right;
    width: 46.42%;
    padding-top: 8rem;
    max-width: 725px;
}

.hf-jieshao .js-wz  h4 {
    color: #292929;
    font-size: 2.4rem;
    display: block;
    text-align: left;
    height: 2.4rem;
    line-height: 2.4rem;
}

.hf-jieshao .js-wz  em {
    font-size: 1.1rem;
    display: block;
    padding: 2.7rem 0 1.4rem 0;
    color: #333;
}

.hf-jieshao .js-wz  p {
    color: #333;
    font-size: 0.8rem;
    line-height: 1.6rem;
}

.hf-jieshao .js-wz  ul.clearfix {
    margin-top: 2.6rem;
}

.hf-jieshao .js-wz  li {
    float: left;
    background: url(images/hefeng/jsbg.png) no-repeat;
    width: 9.6rem;
    height: 6.3rem;
    background-size: 100% 100%;
    text-align: center;
    cursor: pointer;
}

.hf-jieshao .js-wz   a.dianji {
    float: left;
    margin-top: 2.5rem;
    -webkit-transition: transform .3s;
    transition: transform .3s;
}
.hf-jieshao .js-wz   a.dianji:hover {


    -webkit-transform: translate(0,-8px);
    transform: translate(0,-8px);

}

.hf-jieshao .js-wz a.dianji  img {
    float: left;
    width: 2.9rem;
}

.hf-jieshao .js-wz a.dianji  span {
    float: left;
    height: 2rem;
    line-height: 2.3rem;
    padding-left: 0.5rem;
    font-size: 0.9rem;
}

.hf-jieshao .js-wz li {
-webkit-transition: transform .3s;
    transition: transform .3s;
}

.hf-jieshao .js-wz li:hover {
    -webkit-transform: translate(0,-8px);
    transform: translate(0,-8px);
}



.hf-jieshao .js-wz li  img {
    width: 36.6%;
    max-width: 70px;
    margin: 0 auto;
    display: block;
    padding-top: 1.4rem;
}

.hf-jieshao .js-wz li  span {
    display: block;
    font-size: 0.8rem;
    color: #333;
}

.hf-jieshao .js-wz li:nth-child(1) {
    margin-right: 0.8rem;
}

.js-mores {
   
    position: absolute;
    right:-53.64%;
    top: 0px;
    height: 100%;
    width: 53.64%;
    max-width: 1030px;
    background: #e9e9e9;
}

.js-mores  .js-gb {
    position: absolute;
    display: block;
    background: url(images/hefeng/js-more-gb.png);
    width: 3.6rem;
    height: 3.6rem;
    top: 1.8rem;
    left: 4rem;
    z-index: 99;
    background-size: 100% 100%;
    cursor: pointer;
}

.js-mores  dl {
    display: block;
    border-radius: 10px 0 10px 0;
    overflow: hidden;
}

.js-mores dl dt {
    display: block;
}

.js-mores dt img {
    width: 100%;
}

.js-mores dd {
    cursor: pointer;
}

.js-mores dd .img {
    float: left;
    padding: 2.1rem 0 3.1rem  3.1rem;
    width: 47.8%;
    overflow: hidden;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.js-mores dd img {
    width: 100%;
    max-width: 472px;
}

.js-mores dd .wz {
    float: left;
    padding-left: 4%;
    width: 36%;
    padding-top: 3.8rem;
}

.js-mores dd .wz  span {
    display: block;
    color: #333;
    font-size: 1.1rem;
    padding-bottom: 1.2rem;
}

.js-mores dd .wz  p {
    color: #333;
    font-size: 0.8rem;
    line-height: 1.6rem;
}




.hf-youshi {
    position: relative;
}

.hf-youshi .hf-ys01 {
    background: url(images/hefeng/ys-bgs.jpg) no-repeat;
    display: block;
    padding-top: 4.1rem;
    padding-bottom: 22rem;
    max-height: 840px;
    overflow: hidden;
    background-size: 100% 100%;
}

.hf-youshi .hf-ys01  h4 {
    text-align: center;
    font-size: 2.4rem;
    color: #fff;
    height: 2.4rem;
    line-height: 2.4rem;
}

.hf-youshi    ul li {
    float: left;
    color: #fff;
    cursor: pointer;
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.hf-youshi ul li:hover {
    -webkit-transform: translate(0,-8px);
    transform: translate(0,-8px);
}

.hf-youshi ul li span {
    display: block;
    height: 3.4rem;
    margin-bottom: 1.5rem;
}

.hf-youshi ul li span img {
    width: 5.03rem;
    max-width: 106px;
    float: left;
}
.hf-youshi ul li:hover span img {
    animation: flipInY 1.5s;
    
}

.hf-youshi ul li span em {
    float: left;
    height: 3.4rem;
    line-height: 3.4rem;
    padding-left: 0.5rem;
    font-size: 2.4rem;
    font-weight: bold;
}

.hf-youshi ul li p {
    color: rgba(255,255,255,0.7);
    font-size: 0.8rem;
    line-height: 1.6rem;
}

.hf-youshi .hf-ys01  ul.clearfix {
    display: block;
    margin-top: 4.4rem;
}

.hf-youshi .hf-ys01 ul li:nth-child(3) {
    float: right;
}

.hf-youshi .hf-ys01 ul li:nth-child(1) {
    margin-right: 8%;
}

.hf-ys02 {
    background: #002296;
    height: 46.1rem;
    position: relative;
    overflow: hidden;
}

.hf-ys02  .img {
    position: absolute;
    right: 0px;
    max-width: 1395px;
    width: 72.65%;
    bottom: 0px;
}

.hf-youshi .hf-ys02 ul {
    float: left;
    width: 34.4rem;
    max-width: 688px;
    margin-top: 8.2rem;
}

.hf-youshi .hf-ys02 ul li {
    margin-bottom: 4.2rem;
}

.hf-youshi .hf-ys02 ul li span {
    margin-bottom: 1rem;
}



.hf-duibi {
    background: url(images/hefeng/duibi-bg.jpg) no-repeat center top;
    padding: 5.8rem 0 8.8rem 0;
}

.hf-duibi  h4 {
    color: #494949;
    font-size: 2.4rem;
    display: block;
    text-align: center;
    height: 2.4rem;
    line-height: 2.4rem;
    margin-bottom: 2.6rem;
}

.hf-duibi .duibilist {
    float: left;
    width: 40.8%;
    max-width: 687px;
}

.hf-duibi .duibilist  .tit {
    color: #fff;
    background: #00219d;
    font-size: 1.4rem;
    padding: 1.25rem 0 1.4rem 2.75rem;
    font-weight: bold;
    border-radius: 18px 18px 0 0;
}

.hf-duibi .duibilist  dt {
    float: left;
    width: 68%;
    max-width: 450px;
    overflow: hidden;
}

.hf-duibi .duibilist dt img {
    width: 100%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.hf-duibi .duibilist dd ul {
    padding: 1.5rem 0 0 2rem;
    display: block;
}

.hf-duibi .duibilist dd ul  li {
    padding-left: 1rem;
    display: block;
    height: 1.4rem;
    position: relative;
    color: #333;
    font-size: 1rem;
    padding-left: 1.5rem;
    padding-bottom: 1rem;
    font-weight: bold;
}

.hf-duibi .imgwz {
    background: #fff;
    position: relative;
}

.hf-duibi .imgwz  img {
    float: left;
    width: 36%;
    padding: 0.5rem 0 2rem 1rem;
    max-width: 227px;
}

.hf-duibi .imgwz .wz {
    background: url(images/hefeng/db-ico.png) no-repeat;
    width: 7.9rem;
    height: 5.02rem;
    background-size: 100% 100%;
    text-align: center;
    line-height: 5.02rem;
    color: #333;
    font-size: 0.8rem;
    font-weight: bold;
    position: absolute;
    left: 38.6%;
    top: 1rem;
}

.hf-duibi .duibilist:nth-child(3) {}

.hf-duibi .db-img {
    float: left;
    width: 18.33%;
    max-width: 308px;
    background: url(images/hefeng/db-vs.png);
    height: 9.7rem;
    background-size: 100% 100%;
    margin-top: 7.65rem;
    text-align: center;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

.hf-duibi  .db-img  span {
    display: block;
    height: 9.7rem;
    line-height: 9.7rem;
    color: #00219d;
    font-size: 8.2rem;
    font-weight: bold;
    cursor: pointer;
}

.hf-duibi .duibilist dd {
    background: #d6e0f6;
    float: left;
    height: 100%;
    position: absolute;
    right: 0px;
    width: 35%;
    overflow: hidden;
    border-radius: 0 0 18px 0px;
}

.hf-duibi .duibilist dl {
    position: relative;
    background: #fff;
}


.hf-duibi .db-img:hover {
    -webkit-transform: translate(0,-10px);
    transform: translate(0,-10px);
}

.hf-duibi .duibilist:hover dt img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.hf-duibi .duibilist dd ul li:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0.15rem;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background: #0e4ed7;
    border-radius: 20px;
}

.hf-duibi.db2  .imgwz .wz {}

.hf-duibi 
.db2 .imgwz .wz {
    left: 39.6%;
}


.dinzhi-yingyon {
    background: url(images/index/dinzhi-yybg.jpg) no-repeat center;
    height: 800px;
    display: block;
    padding: 120px 0 0 0;
    text-align: center;
    background-size: 100% 100%;
}

.dinzhi-yingyon 
 .dzyycontent {
    width: 87.5rem;
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 1680px;
}

.dinzhi-yingyon  h4 {
    color: #fff;
    font-size: 2.4rem;
    display: block;
    line-height: 3rem;
    text-align: center;
    font-weight: normal;
    position: relative;
    display: inline-block;
}

.dinzhi-yingyon h4:after {
    content: "";
    background: #e9443e;
    position: absolute;
    bottom: -40px;
    width: 20%;
    height: 3px;
    left: 40%;
}

.dinzhi-yingyon .dzyylist img {
    width: 100%;
    transition: .5s;
}

.dinzhi-yingyon .dzyylist 
  .dzyyone {
    position: absolute;
    width: 30.5%;
    max-width: 512px;
    cursor: pointer;
}

.dinzhi-yingyon .dzyylist .dzyytwo {
    position: absolute;
    cursor: pointer;
    width: 12.3%;
    max-width: 207px;
}

.dinzhi-yingyon .dzyylist {
    position: relative;
    margin-top: 78px;
}


.dinzhi-yingyon .dzyylist span {
    position: absolute;
    z-index: 99;
    color: #fff;
    display: block;
    width: 100%;
    top: 46%;
}

.dzyyone.yy1 {
    left: 0px;
    top: 0px;
}


.dzyyone.yy2 {
    left: 17.3%;
    top: 9.99rem;
}


.dzyyone.yy3 {
    left: 34.7%;
    top: 0px;
}


.dzyyone.yy4 {
    left: 52.3%;
    top: 9.9rem;
}



.dzyyone.yy5 {
    right: 0px;
    top: 0px;
}



.dzyytwo.yy6 {
    left: 5%;
    top: 17rem;
}



.dzyytwo.yy7 {
    left: 26.4%;
    top: 0px;
}


.dzyytwo.yy8 {
    left: 43.8%;
    top: 19.5rem;
}


.dzyytwo.yy9 {
    left: 61.1%;
    top: 0px;
}


.dzyytwo.yy10 {
    right: 5%;
    top: 17rem;
}

.dinzhi-yingyon .dzyylist .dzyyone  span {
    font-size: 22px;
    opacity: 0.7;
}

.dinzhi-yingyon .dzyylist .dzyytwo  span {
    position: absolute;
    z-index: 99;
    color: #fff;
    display: block;
    width: 100%;
    top: 42%;
    font-size: 1.1rem;
    opacity: 0.7;
}

.dinzhi-yingyon .dzyylist .dzyytwo.yy8  span {
    line-height: 1.4rem;
    top: 35%;
}

.dinzhi-yingyon .dzyylist div:hover img{    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);}



      .foots {
    background: #e9e9e9;
    padding: 3.5rem 0 0rem  0;
    float: left;
    width: 100%;
}

.foots  .f-content {
    width: 79%;
    margin: 0 auto;
    min-width: 1200px;
    padding-bottom: 4rem;
}

.foots  .f-menu {
    color: #555555;
    float: left;
    margin-right: 9%;
}

.foots .f-menu span {
    display: block;
    color: #555555;
    padding-bottom: 2rem;
}
.foots .f-menu span a{ font-size:20px; font-weight:bold;}

.foots .f-menu li {
    display: block;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.7rem;
}

.foots .f-menu li a {
    color: #555555;
}

.f-lianxi {
    color: #555555;
    float: left;
    text-align: left;
}

.f-lianxi span {
    display: block;
    color: #555555;
    padding-bottom: 2rem;
}

.f-lianxi .tel {
    background: url(images/index/f-ico1.png) no-repeat left;
    padding-left: 2.3rem;
    font-size: 1.8rem;
    color: #555;
    font-weight: bold;
    display: block;
    margin-bottom: 1.2rem;
}

.f-lianxi .addre {
    background: url(images/index/f-ico2.png) no-repeat left;
    padding-left: 2.3rem;
    font-size: 0.7rem;
    color: #555;
    display: block;
    margin-bottom: 0.8rem;
    height: 1rem;
    line-height: 1.3rem;
}

.f-lianxi .weixin {
    background: url(images/index/f-ico3.png) no-repeat left;
    padding-left: 2.3rem;
    font-size: 0.7rem;
    color: #555;
    display: block;
    margin-bottom: 1rem;
    height: 1rem;
    line-height: 1.3rem;
}

.f-wx {
    float: right;
    width: 5rem;
    margin-top: 2rem;
}

.f-wx img {
    width: 100%;
}

.f-non {
    display: block;
    width: 100%;
    float: left;
    background: #0f57c4;
    height: 2.9rem;
}

.f-non p {
    color: #fff;
    display: block;
    height: 100%;
    line-height: 3rem;
    text-align: center;
    font-size: 0.7rem;
    opacity: 0.6;
}

.f-non p span {
    padding: 0 0.4rem;
}
.f-non p span a{
   color: #fff;
}
  

  
  .embed-popover.weixin  .embed-components-item {
      background-color: rgb(7, 56, 242);
      color: rgb(255, 255, 255);
      font-size: 17.36px;
      padding: 14.88px 11.92px 0.92px;
  }
  
  .embed-popover.weixin .embed-components-item span.imtop {
      height: 27.8px;
      width: 30.8px;
      overflow: hidden;
      margin: auto auto 3px;
      display: block;
  }
  
  .embed-popover.tops .embed-components-item span {
      height: 34.8px;
      width: 30.8px;
      overflow: hidden;
      margin: auto auto 3px;
      display: block;
  }
  
  .embed-popover.weixin i.top {
      background: url(images/fx.png) no-repeat;
      width: 34px;
      height: 27px;
      background-position: -34px 4px;
      background-size: 60px 93px;
      display: block;
  }
  
  .embed-popover.tops i.top {
      background: url(images/fx.png) no-repeat;
      width: 34px;
      height: 34px;
      background-position: -23px -47px;
      background-size: 52px 82px;
      display: block;
  }
  
  .embed-popover.tops {
      padding-bottom: 10px;
  }
  
  .embed-popover.weixin {
      position: relative;
  }
  
  .embed-popover.weixin .embed-popover-content {
      position: absolute;
      display: block;
      right: 75px;
      top: 1px;
      display: none;
  }
  
  .embed-popover.weixin .embed-popover-content img {
      width: 116px;
      height: 116px;
  }
  
  .embed-popover.weixin:hover .embed-popover-content {
      display: block;
  }
  
  .embed-popover {}
  

        .client-2 {
            display: block;
            position: fixed;
            right: -30px;
            top: 76%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0f57c4;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left; border-radius:8px;
        }
        .client-2 .my-kefu-em-main{
            background: #0f57c4;
            color: #fff;
            height: 53px;
            width: 375px;
            padding:9px 0 0;
            float: left; border-radius:8px;
        }
        .client-2 .my-kefu-main {
            background: #0f57c4;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left; border-radius:8px;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }