.f_bg{ background:#333; height:380px;padding: 85px 0 0;overflow: hidden;}
.footer{width: 1200px; margin:0 auto;}
.f_er{width: 410px;height: 280px;padding: 9px 0 0;}
.f_er h5{width: 170px;height: 105px;line-height: 0;padding-bottom: 15px;}
.f_er h5 img{width: 300px;/* height: 105px; */}
.f_er p{width: 95px;text-align: center;float: left;position: relative;overflow: hidden;height: 150px;}
.f_er em{width: 38px;height: 38px;display: block;line-height: 0;overflow: hidden;margin: 0 auto;}
.f_er em img{width: 38px;height: 76px;-webkit-transition:all .5s;transition:all .5s;}
.f_er p:hover em img,.f_er p.cur em img{margin-top: -38px;}
.f_er span{display: block;width: 85px;height: 85px;border: #fff 2px solid;position: absolute;top: 50px;left: -100px;-webkit-transition:all .5s;transition:all .5s;}
.f_er span:before{content: "";width: 0;height: 0;position: absolute;top: -8px;left: 50%;margin-left: -8px;
border-bottom:10px solid #fff; 
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.f_er span img{width: 85px;height: 85px;}
.f_er p:hover span,.f_er p.cur span{left: 0;}
.f_top{display: block;width: 100%;height: 50px;line-height: 50px;overflow: hidden;font-size: 24px;color: rgba(255,255,255,1);font-weight: normal;}
.f_top em{width: 23px;height: 30px;display: block;float: left;line-height: 0;padding: 10px 10px 0 0;}
.f_top em img{width: 23px;height: 30px;}
.f_nav{width: 230px;height: 289px;}
.f_nav ul li{float: left;width: 110px;line-height: 36px;height: 36px;overflow: hidden;}
.f_nav ul li a{font-size: 16px;color: rgba(255,255,255,0.8);}
.f_nav ul li a:hover{color: #fff;}
.f_ban{width: 423px;height: 289px;}
.f_ban p{font-size: 14px;color: rgba(255,255,255,0.9);line-height: 32px;padding: 6px 0 0px;}
.f_ban p em{display: block;width: 32px;height: 32px;float: left;line-height: 0;padding: 0 10px 0 0;}
.f_ban p em img{width: 32px;height: 32px;}
.f_bot{font-size: 14px;color: rgba(255,255,255,0.9);height: 88px;line-height: 88px;overflow: hidden;border-top: rgba(255,255,255,0.4) 1px solid;text-align: center;}
.f_bot p{float: right;}
.f_bot span{padding: 0 15px;}
.f_bot a{color: rgba(255,255,255,0.9);}
  

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#eec93d url(../images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#eec93d url(../images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#eec93d url(../images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#eec93d url(../images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#eec93d url(../images/returntop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#eec93d url(../images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#eec93d url(../images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }