
            .content { width: 1200px; margin: 0 auto; }
            .header { height: 220px; background: #fff; position: relative; max-width: 1920px; margin: 0 auto; }
            .favorite { position: relative; overflow: hidden; width: 100%; height: 35px; }
            .favorite p { position: absolute; width: 634px; height: 29px; left: 50%; margin-left: 326px; border-bottom: 1px solid #E0E0E0; }
            .favorite p:before { position: absolute; content: ""; width: 3px; height: 3px; border: 1px solid rgba(3, 0, 0, .14); background: #fff; border-radius: 50%; left: 0; bottom: -2.5px; }
            .favorite p a { display: inline-block; font-size: 12px; color: #A9A9A9; line-height: 29px; margin-right: 16px; -o-transition: all .3s ease; transition: all .3s ease; }
            .favorite p a img { width: 16px; display: inline-block; vertical-align: middle; margin-right: 9px; }
            .favorite p a span { }
            .favorite p a:hover { color: #024CA1; }
            .header .h_con { height: 118px; }
            .header .logo { float: left; padding-top: 19px; }
            .header .logo img { width: 192px; }
            .header .slogan { float: left; margin-top: 29px; margin-left: 30px; padding-left: 27px; border-left: 1px solid #DEDEDE; height: 53px; font-weight: normal; }
            .header .slogan strong { font-style: normal; display: inline-block; font-size: 26px; line-height: 1; color: #024CA1; font-weight: normal; margin-right: 13px; }
            .header .slogan em { display: inline-block; font-weight: normal; font-size: 26px; line-height: 1; color: #000; font-style: normal;}
            .header .slogan span { display: block; font-size: 18px; color: #666; line-height: 1; margin-top: 8px; margin-left: 2px; }
            .header .h_contact { float: right; margin-top: 20px; padding-left: 63px; background: url(images/h_tel.png) no-repeat left top; }
            .header .h_contact span { display: block; font-size: 16px; color: #666; line-height: 18px; margin-bottom: 3px; }
            .header .h_contact strong { font-size: 22px; color: #000; line-height: 30px; display: block; font-weight: normal; }
            .header .menu { height: 66px; border-top: 1px solid #dbdbdb; position: relative; }
            .header .menu li { position: relative; float: left; height: 66px; }
            .header .menu li:after { position: absolute; content: ""; width: 1px; height: 12px; background: #D9D9D9; right: 0; top: 27px; }
            .header .menu li:last-child:after { display: none; }
            .header .menu li:before { position: absolute; content: ""; width: 58%; width: 0; height: 2px; background: #F58414; left: 50%; bottom: 15px; margin-left: -29%; z-index: 3; transition: .3s ease; -o-transition: .3s ease; }
            .header .menu li>a { display: block; margin-top: 20px; font-size: 18px; color: #333; line-height: 20px; padding: 0 30px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; position: relative; }
            .header .menu li>a:before { position: absolute; top: 100%; content: attr(title); font-weight: 700; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #fff; color: #F86A2C; }
            .header .menu li.cur>a, .header .menu li:hover>a { webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); }
            .header .menu li.cur:before, .header .menu li:hover:before { width: 58%; }
            .header .menu:before { position: absolute; content: ""; width: 100%; height: 20px; background: #fff; top: 0; z-index: 9; }
            .header .menu:after { position: absolute; content: ""; width: 100%; height: 25px; background: #fff; bottom: 0; }
        

            .footer { padding-top: 90px; height: 287px; background:#f4f4f4;}
            .footer h3 { width: 192px; float: left; margin-right: 50px; margin-top: 60px; }
            .footer h4 { font-size: 16px; color: #333; line-height: 18px; padding-bottom: 19px; border-bottom: 1px solid #d9d9d9; position: relative; margin-bottom: 18px; }
            .footer h4:after { position: absolute; content: ""; width: 66px; height: 2px; background: rgba(2, 83, 169, 1); left: 0; bottom: -1px; z-index: 2; }
            .f_menu { position: relative; width: 240px; padding: 0 62px; }
            .f_menu a { display: block; position: relative; font-size: 15px; color: #333; line-height: 34px; width: 100px; padding-right: 20px; float: left; -o-transition: all .3s ease; transition: all .3s ease }
            .f_menu a:hover { color: #0253a9; }
            .f_menu:before, .f_menu:after, .f_contact:after { position: absolute; content: ""; width: 1px; height: 218px; background: rgba(243, 243, 243, 1); top: 5px; }
            .f_menu:before { left: 0; }
            .f_menu:after, .f_contact:after { right: 0; }
            .f_contact { width: 250px; float: left; position: relative; padding: 0 62px; }
            .f_contact p { font-size: 14px; color: #333; line-height: 32px; white-space: nowrap; }
            .f_contact p span { margin-right: 14px; }
            .f_contact p strong { font-size: 22px; color: #F98605; }
            .f_contact p a { color: #333; margin-right: 14px; }
            .f_contact p:last-child { color: #A3A3A3; }
            .f_qr { margin-top: 19px; width: 136px; }
            .f_qr img { width: 136px; height: 136px; display: block; margin: 0 auto; }
            .f_qr span { display: block; font-size: 14px; color: #333; text-align: center; line-height: 26px; }
            .clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }
        

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            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: #024ca1;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #024ca1;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .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;
        }
        .client-2 .my-kefu-qq i {
    background: url(images/fx1.png) no-repeat;
    background-position: 4px -76px;
}
    
