.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,.ban-pagin 
 i.banner-next img {
    width: 3.4rem;
}

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

    .products {
    background: url(images/index/pro-bg.jpg) center bottom;
    height: 48rem;
    background-size:auto 100%;
    max-height:956px;
}
.products .content   
{
 osition: relative;
    width: 79.2%;
    max-width: 1520px;
 }
.products .proc {
    display: block;
    width: 15rem;
    text-align: center;
    color: #fff;
    font-family: "微软雅黑";
    cursor: pointer;
}

.products .proc img {
    width: 3rem;
    display: block;
    margin: 0 auto;
}

.products  h4 {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0px;
    top: 22rem;
    font-size: 3.2rem;
    font-weight: normal;
}

.products h4 a {
    color: #fff;
    font-weight: bold;
}

.products .proc.pro01 {
right: 4.8rem;
    position: absolute;
    top: 9rem;
}

.products .proc  span {
    display: block;
    width: 100%;
    color: #fff;
    padding: 1rem 0;
    font-size: 1.8rem;
    font-weight: bold;
}

.products .proc p a {
    color: #fff;
    display: inline-block;
    padding: 0 1rem;
    font-size: 0.8rem;
    position: relative;
}

.products .proc p a:nth-child(1):after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0.2rem;
    height: 0.8rem;
    background: #fff;
    width: 1px;
    opacity: 0.4;
}

.products .proc.pro02 {
    left: 5.2rem;
    position: absolute;
    top: 29.5rem;
}
.products .proc:hover img{
    animation: flipInY 1.5s;
}


    .dinzhi {
    background: url(images/index/dinzhi-bg.jpg) no-repeat center top;
    height: 38.4rem;
    padding: 6.8rem 0 4rem 0;
    background-size: 100% 100%;
    overflow: hidden;
}

.dinzhi-img dt img {
    width: 100%;
}

.dinzhi-img {
    width: 100%;
}

.dinzhi .content {
    position: relative;
    width: 79.2%;
    max-width: 1520px;
}

.dinzhi-img dt {
    float: left;
    width: 56%;
    max-width: 775px;
}

.dinzhi-img dd {
    float: left;
    margin-top: 13.6rem;
    padding-left: 5rem;
    width: 35%;
    color: #fff;
}

.dinzhi-img dd span {
    font-size: 3.2rem;
}

.dinzhi-img dd  p {
    line-height: 2rem;
    padding: 2.6rem 0;
    font-size: 1.2rem;
}

.dinzhi-img dd a {
    color: #fff;
    font-size: 0.7rem;
}

.dinzhi-list {
    position: absolute;
    left:57.6%;
    top: 6.5rem;
}

.dinzhi-list ul li {
    background: url(images/index/dz-ico.png) no-repeat;
    width: 6.4rem;
    height: 4.2rem;
    background-size: 100%;
    float: left;
    text-align: center;
    line-height: 4.2rem;
    color: #fff;
    cursor: pointer;
     background-size:100%;
}

.dinzhi-list ul li.cur {
    background: url(images/index/dz-icos.png) no-repeat;
    background-size:100%;
}



    
.swiper-slide-thumb-active .prj-hy {
    
display: block;    
    
}
.project {
    background: url(images/index/prj-bg.jpg) no-repeat center top;
    padding: 5rem 0 3rem 0px;
    height: 40rem;
    overflow: hidden;
    background-size:100% 100%; 
    
}

.project  .content {
    width: 1400px;
    margin: 0 auto;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.column ul li {
    color: #fff;
    font-size: 1.2rem;
    display: inline-block;
    padding: 0 1.1rem;
    margin: 0 0.2rem;
    cursor: pointer;
    width: auto;
    position:initial;
}
.column ul li span{ color:#fff;}

.column {
    text-align: center;
    display: block;
    margin-bottom:4rem;
    height: 2.8rem;
}
.column ul{
 margin: 0 auto;
 text-align: center;
}
.column ul li.swiper-slide-thumb-active {
    background: url(images/index/bsj.png) no-repeat right  0.4rem;
}

.prjlist {
    display: block;
}

.prjlion {
    width: 79%;
    margin: 0 auto;
    max-width: 1520px;
}
.column .prj-hy ul li{ position:relative;}
.prj-hy {
    background: url(images/index/prj-menu-bg.png) no-repeat center;
    text-align: center;
    height: 3.4rem;
    width: 48.7rem;
    margin: 0 auto;
    background-size: 100%;
    position: absolute;
    bottom: -4rem;
    width: 1200px;
    left: -20%;
    display: none;
    background-size: 100% 100%;
}

.prj-hy  li {
    display: inline-block;
    color: #fff;
    opacity: 0.8;
    height: 100%;
    line-height: 3.4rem;
    padding: 0  0.78rem;
    font-size: 0.7rem;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.prj-hy ul {
    display: block;
    height: 100%;
}

.prj-hy li:nth-child(1222) {
    padding-left: 2.4rem;
}

.prj-hy li:nth-child(1111).cur,.prj-hy li:hover:nth-child(1222):after {
  background: url(images/index/prj-lef-cur.png) no-repeat 0.6rem center;
      background-size: 90%;
}

.prj-hy li2:hover:last-child:after {
  background: url(images/index/prj-rig-cur.png) no-repeat center;
    padding-right: 2rem;
    background-size: 100%;
}

.prj-hy li:hover:after {
    background: url(images/index/prj-center-cur.png) no-repeat center;
    background-size: 80%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -10%;
    width: 120%;
    
    z-index: 9;
    background-size: 100%;
}

.prj-hy li span {
    display: block;
    position: relative;
    z-index: 99;
    width: 100%;
    color: #fff;
    font-size: 0.8rem;
}
.prj-hy li:last-child {

}

.prjlion dd {
    float: left;
    width: 34%;
    background: #fff;
    height: 30.75rem;
    position: relative;
}

.prjlion dd 
 .wz {
    padding: 4rem 4rem  4rem 3rem;
}

.prj-short {
    margin-top: 2rem;
}

.prjlion dt {
    float: right;
    width: 66%;
    line-height: 0px;
    font-size: 0px;
}

.prjlion dt img {
    width: 100%;
}

.prj-short dl {
    overflow: hidden;
    border-radius: 1rem;
}

.prjlion dd .wz span {
    font-size: 2.4rem;
    color: #000;
    font-weight: bold;
    line-height: 2.8rem;
    display: block;
    margin-bottom: 3.4rem;
    cursor: pointer;
}

.prjlion dd .wz p {
    font-size: 1rem;
    letter-spacing: 1.5px;
    line-height: 1.5rem;
}

.prjlion dd .wz  a {
    position: absolute;
    bottom: 4.5rem;
    background: url(images/index/prj-btn.png);
    display: block;
    width: 6.5rem;
    height: 2rem;
    padding-left: 4rem;
    background-size: 100%;
    line-height: 2rem;
    font-size: 0.7rem;
    color: #333;
    display: none;
    
}
.prjlion.swiper-slide-active dd .wz a{display:block}

.pjcontent {
    width: 66.66%;
    margin: 0 auto;
    height: 40px;
    position: relative;
    z-index: 99;
}

.pjcontent .pjj-left {
    background: url(images/index/prj-left.png) no-repeat;
    position: absolute;
    display: block;
    width: 81px;
    left: 21rem;
    height: 64px;
    bottom: 15rem;
    cursor: pointer;
    z-index: 99;
}

.pjcontent .pjj-right {
    background: url(images/index/prj-rig.png) no-repeat;
    position: absolute;
    display: block;
    width: 81px;
    height: 64px;
    bottom: 15rem;
    z-index: 99;
    right: -2rem;
    cursor: pointer;
}


.pjcontent .swiper-pagination-bullet {
    margin: 0px;
    width: 5rem;
    height: 0.2rem;
    border-radius: 0px;
}

.pjcontent .swiper-pagination {
    position: absolute;
    bottom: 4rem;
    margin-left: 10rem;
}

.pjcontent .swiper-pagination-bullet-active {background:#e9443e}



    
.hezuokh {
    background: url(images/index/kh-bg.jpg) no-repeat center top;
    padding: 9.5rem 0 11.5rem 0;
    height: 27rem;
    background-size: 100% 100%;
}

.hezuokh .hz-tit {
    background: url(images/index/kh-center.png) no-repeat 0rem 6.8rem;
    display: block;
    height: 21rem;
    width: 31.2rem;
    margin: 0 auto;
    text-align: center;
    line-height: 20rem;
    padding-top: 6.8rem;
    background-size:100%;
}

.hz-content {
    width: 83.75rem;
    margin: 0 auto;
    position: relative;
}

.hezuokh .hz-tit span {
    font-size: 3.2rem;
    color: #fff;
    font-weight: bold;
}

.hz-list {}

.hz-list .img {
    position: absolute;
    top: 0px;
    background: url(images/index/kh-kk.png) no-repeat;
    width: 14.1rem;
    height: 9.1rem;
    background-size: 100%;
    text-align: center;
    cursor: pointer;
    left: 0px;
    background-size: 100%;
}

.hz-list .img img {
    width: auto;
    margin-top: 2.8rem;
}

.hz-list .img span {
    display: none;
    font-size: 0.8rem;
    position: absolute;
    width: 100%;
    top: 4rem;
    color: #fff;
}

.hz-list .img:hover img{
    /*background: url(images/index/kh-cur.png) no-repeat;
        //background-size: 100%;*/
     animation: flipInY 1.5s;
}
/*.hz-list .img:hover span{ display:block;}*/


.hz-list .hz01.img {
    top: 6.2rem;
}

.hz-list .hz02.img {
    top: 18.4rem;
}

.hz-list .hz03.img {
    top: 0px;
    left: 8.8rem;
}

.hz-list .hz04.img {
    top: 12.3rem;
    left: 8.8rem;
}
.hz-list .hz05.img {
    top: 18.4rem;
    left: 17.4rem;
}
.hz-list .hz06.img {left: 26.2rem;top: 0.2rem;}


.hz-list .hz07.img {
    top: 6.2rem;
    left: 17.4rem;
}

.hz-list .hz08.img {top: 6.2rem;left: 52.2rem;}


.hz-list .hz09.img {left: 43.3rem;top: 0.2rem;}

.hz-list .hz10.img {left: inherit;top: 0.2rem;right: 8.7rem;}


.hz-list .hz11.img {left: inherit;top: 12.3rem;right: 8.7rem;}


.hz-list .hz12.img {top: 6.2rem;left: inherit;right: 0px;}

.hz-list .hz13.img {left: inherit;top: 18.4rem;right: 0px;}

.hz-list .hz14.img {left: 52.2rem;top: 18.4rem;}





    
.news {
    display: block;
    padding: 9rem 0 9rem 0;
    max-height: 960px;
}

.news .news-content {
    width: 89.75rem;
    position: relative;
    float: right;
}

.news .newstit {
    float: left;
    width: 20.5%;
    max-width: 360px;
    background: #fff;
}

.news .newmain {
    float: right;
    width: 71rem;
    overflow:hidden;
    height: 30rem;

}
.newslist {
    margin-bottom: 2rem;
    margin-left: 1%;
}

.news .newstit  h4 a {
    color: #000;
}

.news .newstit ul { width:100%; display:block;}

.news .newstit ul li {
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 1.1rem;
}

.news .newstit ul li a {
    color: #000;
    font-size: 1rem;
    padding-bottom: 0.5rem;
}

.news .newstit h4 {
    display: block;
    height: 3.2rem;
    font-size: 3.2rem;
    line-height: 3.2rem;
    margin: 1rem 0 2rem 0;
}

.news .newstit ul li.cur a {
    border-bottom: 3px solid #0f57c4;
}
.news .newmain dl {
    float: left;
    width: 18.5rem;
    position: relative;
    cursor: pointer;
    margin-right: 1.65rem;
    box-shadow: 0px 5px 11px #adb1be;
}

.news .newmain dl dt img {
    width: 100%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    min-height: 208px;
}

.news .newmain dl dd {
    background: url(images/index/newsbg.png) no-repeat center top;
    padding: 6rem 2rem 2rem 2rem;
    margin-top: -6.3rem;
    position: relative;
    z-index: 99;
    background-size: 100% 100%;
    height: 7.6rem;
    max-height: 440px;
}
.news .newmain dl:hover dd {

    background: url(images/index/newsbgs.png) no-repeat center top;
    padding: 6rem 2rem 2rem 2rem;
    margin-top: -6.3rem;
    position: relative;
    z-index: 99;
    background-size: 100% 100%;
}

.news .newmain dl  dt {
    overflow: hidden;
    max-height: 208px;
}

.news .newmain dl:hover dt img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.news .newmain dl:hover dd span{

    background: url(images/index/sjx2s.png) no-repeat left center;
    color: #fff;

}

.news .newmain dl:hover dd h3{

    color: #fff;
}

.news .newmain dl:hover dd a.more{

    color: #fff;

}

.news .newmain dl dd span {
    display: block;
    margin-bottom: 1rem;
    padding-left: 0.8rem;
    font-size: 0.7rem;
    background: url(images/index/sjx2.png) no-repeat left center;
}

.news .newmain dl dd h3 {
    color: #3b3b3b;
    font-size: 1.1rem;
    line-height: 1.5rem;
    height: 4.6rem;
}

.news .newmain dl dd  a.more {
    float: right;
    font-size: 0.7rem;
}


.news-page {
    display: block;
    height: 4rem;
    margin-top: 2.8rem;
    position: relative;
}

.news-page .news-prev {
    background: url(images/index/news-left.png) no-repeat center;
    float: left;
    width: 4.05rem;
    height: 3.2rem;
    cursor: pointer;
    background-size:100% 100%;
}

.news-page .news-next {
    background: url(images/index/news-right.png) no-repeat center;
    float: left;
    width: 4.05rem;
    height: 3.2rem;
    cursor: pointer;
        background-size:100% 100%;
}

.news-page .swiper-pagination {
    float: left;
    position: relative;
    width: auto;
    height: 4.2rem;
    line-height: 5.6rem;
    color: #333;
    font-size: 0.8rem;
    padding: 0 0.6rem;
}
a:hover{text-decoration:none;}



    
    .map {
    position: absolute;
    bottom: 0.3rem;
    display: block;
    width: 74.21%;
    max-width: 1425px;
    height: 34.5rem;
    right: -10%;


}
.map:before {
    width: 100%;
    height: 69rem;
    max-height: 1380px;
    background: url(images/index/qiuti2.png) no-repeat center;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    animation: rotate 80s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.shouhu {
    background: url(images/index/qiuti1.png) no-repeat center top;
    display: block;
    padding: 9rem 0px 11.78rem 0;
    max-height: 960px;
    overflow: hidden;
    background-size: 100% 100%;
    position: relative;
}

.shouhu .sh-content {
    width: 83.75rem;
    margin: 0 auto;
    position: relative;

}

.shouhu  h4 {
    display: block;
    color: #fff;
    font-size: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
}

.shouhu ul {
    margin-top: 2.5rem;
}

.shouhu li {
    display: block;
   /** background: url(../images/index/intli.png) no-repeat left;**/
    height: 7.2rem;
    margin-bottom: 0.2rem;
    color: #fff;
    overflow: hidden;
}

.shouhu li img {
    width: 9.25rem;
}

.shouhu li span {
    float: left;
}

.shouhu li p {
    float: left;
    height: 7rem;
    line-height: 7rem;
    font-size: 2.8rem;
    margin-left: -2rem;
}

.shouhu li i {
    float: left;
    height: 7rem;
    color: #fff;
    line-height: 7rem;
    font-size: 2.4rem;
}

.shouhu li em {
    float: left;
    height: 7rem;
    line-height: 7.6rem;
    padding-left: 0.5rem;
    font-size: 1.3rem;
    opacity: 0.6;
}




      .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;
}



ul#Menu {
    position: fixed;
    top: 32%;
    right: 3%;
}

ul#Menu li:nth-child(2).active a {
    color: #000;
}
ul#Menu li:nth-child(5).active a,ul#Menu li:nth-child(6).active a {
color:#2f78d4;

}

ul#Menu li:nth-child(6).active a {


}



ul#Menu li {
    position: relative;
padding-right: 34px;
    display: block;
    height: 30px;
    line-height: 40px;
}

ul#Menu li a:after {
border-radius: 1rem;
    content: "";
    background: #fff;
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0px;
    top: 18px;
    opacity: 0.7;
}

ul#Menu li a {
    color: #fff;
    font-size: 0px;
}

ul#Menu li.active a:after {
    content: "";
    background: url(images/index/navs.png) no-repeat right center;
   width: 35px;
    height: 24px;
    top: 9px;
    right: -15px;
    background-size: 35px 24px;
}

ul#Menu li.active  a {
    font-size: 0.7rem;
}
html.fp-enabled, .fp-enabled body
{
  margin:0 auto;  
    
}

ul#Menu.n2 li a:after,ul#Menu.n5 li a:after,ul#Menu.n6 li a:after {
    background: #ccc;
}
ul#Menu.n2 li.active a:after,ul#Menu.n5 li.active a:after,ul#Menu.n6 li.active a:after {
    content: "";
    background: url(images/index/navs.png) no-repeat right center;
   width: 35px;
    height: 24px;
    top: 9px;
    right: -15px;
    background-size: 35px 24px;
}


ul#Menu.n4,ul#Menu.n5,ul#Menu.n6 {
 
}

.client-2 .ishow  .my-kefu-ftop {
    display: block;
}




        .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;
        }