.header{height:100px;position: relative; z-index: 5;background: url(../image/t_bg.jpg) no-repeat center 0;}
                .content,.footer{ width: 1200px; margin: 0 auto;}i,em{ font-style: normal;}
                 .header .logo{ overflow: hidden; padding-top:37px;  float: left;     padding-left: 5%;
    width: 17%;}
        .header .logo img{ width:100%;    max-width: 276px;}
                .h_nav{ padding-right: 4%; float: right; width: 74.5%; box-sizing: border-box;}
                .h_nav ul{ float: left; margin-top: 44px; width: 89%; box-sizing: border-box; padding-left: 2.5%;}
                .h_nav ul li{float: left;font-size: 16px;position: relative; margin-right: 3%;}
                .h_nav ul li:last-of-type{margin-right: 0;}
                .h_nav ul li a {color: #fff;display: block; font-size:0.86vw; position: relative;z-index: 5;line-height:100%;text-align: center;  height: 29px;}
                .h_nav li a:before{ bottom:0; position: absolute; left: 0; content: ""; width: 0; background: #e71a2f; height:2px;    transition:all 0.3s;}
                .h_nav ul li:last-of-type a{ padding-right: 0; background: none;}
                .h_nav li.cur a,.h_nav li a:hover{;}
                .h_nav li.cur a:before,.h_nav li a:hover:before{ width: 100%;}
                input::-webkit-input-placeholder {color: #666;}
                .seach{ float: right; margin-right: 7%; margin-top: 32px; cursor: pointer;}
                
                
                .header  .isear{width:36px; height:36px;float:right;position:relative;  cursor: pointer;    float: right;
    margin-right: 3%;
    margin-top: 32px;
    cursor: pointer;}
                .header  .isear i{display:block;width:36px; height:36px;background:url(../image/seach.png) no-repeat center; cursor: pointer;}
                .header .isearch{position:absolute;right:0;top: 40px;background-color:#30ae6f;width:295px;height:47px;border-radius:5px;opacity:0;visibility:hidden;z-index:5;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;border:1px solid #284a78;box-sizing:border-box;}
                .header .isearch .ser_inp{display:block;float:left;width:203px;height:31px;line-height:32px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none; font-size:14px;}
                .header .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:46px;line-height:30px;text-align:center;font-size:12px;background:#284a78 url(../image/seach.png) no-repeat center;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;}
                .header .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #284a78;z-index:3;right:70px;top:17px;}
                .header .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
                .header .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
                input::-webkit-input-placeholder {color: #666;}
            

    .yf_on3_r ul li:nth-child(4) i span{margin-left: 0;}
    .yf_on3_r ul li:nth-child(4) i span::before{left: 64px;}


            .f_bj{color:#828384;clear:both;font-family:"Microsoft Yahei";height:440px;font-size: 16px;overflow: hidden; box-sizing: border-box;}
            .footer{ margin: 0 auto;width: 1200px;}
            .f_on2{ width:318px; height: 241px; border-right: 1px solid rgba(255,255,255,0.25);}
            .f_on2 h3{ height: 163px;}
            .f_on2 h3 em{ overflow: hidden; height: 92px; display: block; padding-top: 3px;}
            .f_on2 h3 i{ display: block; line-height: 100%; font-size: 18px; color: #fff; letter-spacing: 2px;}
            .f_on2 h3 i span{ display: block; font-weight: normal; color: #abb4c3; letter-spacing:-1px; font-family: Arial; font-size: 10px; line-height: 100%; padding-top: 8px;}
            .f_on2 ul li{ line-height: 100%; color: #cfd4dc; font-size: 14px; margin-bottom: 12px;}
            .f_on2 ul li a{color: #cfd4dc;}
            .f_on2 ul li span{ padding-right: 16px;}
            .f_on1{ overflow: hidden; margin-left: 43px; width: 315px;  margin-right: 45px; position:relative;}
            .f_on1:before{ position: absolute; right: 0; top: 0; background: rgba(255,255,255,0.25); content: ""; width: 1px;height: 241px;}
            .f_on1 ul li{ float:left; width: 157px; line-height: 100%;margin-bottom: 17px;}
            .f_on1 ul li a{ display: inline-block; line-height: 100%;color: #cfd4dc; font-size: 14px; }
            .f_on1 ul li a:hover{text-decoration: underline;}
            .f_on4{ float: left; width: 345px; }
            .f_on4 ul li{ line-height: 100%; color: #cfd4dc; font-size: 14px; margin-bottom: 17px;}
            .f_on3{float: right; overflow: hidden; width: 132px; padding-top: 66px;text-align: center;}
            .f_on3 em{ display:block; line-height: 100%; color: #d0d5de; font-size: 13px; padding-top: 9px;}
            .f_on3  img{width: 118px; height: 119px;}
            .tils{ height: 92px; padding-top: 3px; line-height: 100%; color: #fff; font-size: 20px; letter-spacing: 1px;}
            .tils span{ display: block; line-height: 100%; padding-top: 8px;font-weight: normal; color: #818fa8; font-family: Arial; font-size: 12px; letter-spacing: 0;}
            .f_on4 ul li a{color: #cfd4dc;}
        

        .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:#e71a2f url(../image/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#e71a2f url(../image/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#e71a2f url(../image/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#e71a2f url(../image/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:#e71a2f url(../image/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:#e71a2f url(../image/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:#e71a2f url(../image/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;
        }