
                .header{height:156px;position: relative; overflow:hidden;}
                .content,.footer{ width: 1200px; margin: 0 auto;}i,em{ font-style: normal;}
              .h_top{ background: #00162c; height: 32px; line-height: 32px; padding-left: 5.3%; color: #c5c8ca; font-size: 14px; overflow: hidden;}
                .h_top em{ display: inline-block; float: right; background:url(images/t_tel.png) no-repeat 38px 6px #fad607; padding-right: 5.3%; font-size: 14px; color: #333333; padding-left: 68px;}
                .h_top b{ font-size: 23px; font-family: arial; display: inline-block; line-height:27px;}         .h_top span{ padding: 0 7px;}
                .h_con{clear: both;}
                .h_con .logo{float: left;margin:34px 17px 0 5.3%;}
                .h_con h3{float:left; padding-top:34px; line-height: 100%;font-weight: normal;color: #333333; }
                .h_con h3 i{ display: block; font-size: 0.9vw; line-height: 33px; margin-bottom: 6px;}
                .h_con h3 em{ display: block; line-height: 100%; font-weight: bold; font-size: 1.05vw;}
                .h_nav{ float: right; margin-right: 5.3%; margin-top: 47px;}
                .h_nav ul li{float: left;font-size: 16px;position: relative; box-sizing: border-box;}
                .h_nav ul li:last-of-type{ background: none;}
                .h_nav ul li a{color: #333;display: block; font-size:1.12vw; position: relative;z-index: 5;  line-height: 34px;  text-align: center; box-sizing: border-box; border-radius: 34px; padding: 0 0.6vw;}
                .h_nav li.cur a,.h_nav li a:hover{ color: #fff;background: #005dbd;font-weight: bold;}
                .h_nav li:before,.h_nav li:before{ content:""; position:absolute;height:0;width:100%;left:0;bottom:0;transition-duration: 190ms; }
                .h_nav li:hover:before,.h_nav li.cur:before{height:55px;}
            

            .f_bj{color:#333;clear:both;font-family:"Microsoft Yahei";height:432px;font-size: 16px;overflow: hidden; background:  url("images/f_bg.jpg") repeat-x; padding-top: 12px;}
            .footer{ margin: 0 auto;width: 1200px;}
            .f_nav{ height:171px; overflow: hidden;}
            .f_nav h3{ float: left;}
            .f_nav ul{ float: right; padding-top: 20px;}
            .f_nav ul li{ float: left; padding-left:40px;}
            .f_nav ul li a{ color: #333333; font-size: 18px; line-height: 100%; display: inline-block;}
            .f_nav ul li a:hover{ color: #005dbd; text-decoration: underline;}
            .f_con{overflow: hidden; float: left; width:396px;}
            .f_con h3 i{ display: block; line-height: 100%; font-size: 20px; color: #333333;}
            .f_con h3 em{ display: block; font-weight: normal; line-height: 100%; font-size: 16px; color: #333333; padding-top: 36px;}
            .f_con h3 em span{ padding-left: 27px;}
            .f_con h3 b{ display: block; font-weight: normal; color: #adadad; font-family:Arial; font-size: 12px; line-height: 100%; padding-top: 8px; padding-bottom: 28px;}
            .f_con li{ line-height: 100%; font-size: 14px; color: #666666; padding-bottom: 18px;}
            .f_con li a{ color: #666;}
            .f_con2{ padding-left: 70px; height: 211px; border-left: 1px solid #efefef; width: 373px;border-right: 1px solid #efefef;}
            .f_con2 h3{ display: block; line-height: 100%; font-size: 20px; color: #333333; height: 53px; }
            .f_con2 h4{font-weight: normal; padding-left: 46px; height: 65px;background:  url("images/f_tel.jpg") no-repeat  0 3px; font-size: 14px; color: #333333; line-height: 100%;}
            .f_con2 h4 span{ display: block; padding-top: 8px; color: #333333; font-size: 22px;}
            .f_con2 li{ line-height: 100%; font-size: 14px; color: #666666; padding-bottom: 18px;}
            .f_con2 li a{ color: #666;}


            .f_code{width:285px; background:  url("images/f_code.jpg") no-repeat 0 60px; height: 210px;}
            .f_code h3{line-height: 100%; font-size: 20px; color: #333333; height: 53px; }
            .f_code h4{ float: left; padding-top: 118px; font-weight: normal; font-size: 14px; color: #848484;}
            .f_code p{ float: right; width: 108px; height: 109px; padding: 20px 17px 0 0;}
.f_code p img{width: 108px;}

        

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 70%;
            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:#005dbd url(images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#005dbd url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#005dbd url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#005dbd 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:#005dbd 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:#005dbd 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:#005dbd 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;
        }
    
