﻿
            .content { width: 1200px; margin: 0 auto; }
            .header { height: 205px; background: url(../images/h_bg.jpg) no-repeat center top;}
            .header .h_con{height: 142px;}
            .header .logo { float: left; padding-top: 53px;}
            .header .slogan {float: left; font-size: 34px;font-weight: bold;color: #333;line-height: 40px;border-left: 1px solid #D2D2D2; padding-left: 21px;margin-left: 22px;margin-top: 57px;}
            .header .h_contact { float: right; margin-top: 54px; padding-left: 50px; background: url(../images/h_tel.png) no-repeat left center;}
            .header .h_contact span { display: block; font-size: 14px; color: #666; line-height: 100%; }
            .header .h_contact em { font-style: normal; display: block; font-size: 24px; color: #333;  line-height: 100%;font-weight: bold; }
            .header .h_contact em:first-child {letter-spacing:1.6px;}
            .header .menu { height: 63px; background: #0041A3; clear: both;position: relative;z-index: 999;}
            .header .menu li { position: relative; float: left; -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;}
            .header .menu li:before{position: absolute;content:"";width: 1px;height: 13px;background: #176387;left: -1px;top: 26px;z-index: -1;}
            .header .menu li a { display: block; font-size: 16px; color: #fff; text-align: center; line-height: 63px;  height: 63px;-webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;padding:0 30px;}
            .header .menu li:hover,.header .menu li.cur{
                background: #2B81E2;font-weight: bold;
            }
            .header .menu li:hover:before,.header .menu li.cur:before { display: none;}
            .header .menu li:first-child:before{display: none;}
        

            .seabox { height: 84px; background: url(../images/search_bg.png) no-repeat center top; border-bottom: 1px solid #E7E7E7; }
            .seabox .k_word { font-size: 14px; line-height: 84px; }
            .seabox .k_word strong { font-weight: 700; position: relative; font-size: 18px; color: #313131; }
            .seabox .k_word a { color: #7C7C7C; display: inline-block; margin-right: 22px; font-weight: normal; transition: .3s ease; -o-transition: .3s ease; }
            .seabox .k_word a:hover { color: #024C99; font-weight: bold; }
            .seabox .sea_inp { width: 363px; margin-top: 22px; height: 32px; position: relative; border-bottom: 0px solid #E6E6E6; }
            .seabox .sea_inp input { display: block; outline: none; line-height: 32px; }
            .seabox .sea_inp .search { float: left; width: 300px; height: 32px; border: none; background: none; color: #999; }
            .seabox .sea_inp .sub { float: right;  border: none; display: block; }
        

            .footer { background: url(../images/foot_bg.jpg) no-repeat center top; height: 410px; }
            .footer h3 { padding-top: 67px; width: 260px; float: left; height: 273px; }
            .footer h3 img { padding-top: 88px; width: 208px; float: left; height: 47px;}
            .footer h4 { font-size: 16px; color: #333; line-height: 100%; padding-bottom: 22px; position: relative; margin-top: 84px; margin-bottom: 15px; }
            .footer h4:after { position: absolute; content: ""; width: 30px; height: 2px; background: #22439A; background: linear-gradient(0deg, rgba(34, 67, 154, 1), rgba(41, 89, 199, 1)); left: 0; bottom: 0; }
            .f_menu { width: 141px; float: left; margin-right: 91px; line-height: 0; font-size: 0; overflow: hidden; }
            .f_menu a { float: left; font-size: 14px; line-height: 34px; color: #666; width: 56px; text-align: justify; white-space: nowrap; }
            .f_menu a:hover { font-weight: bold; }
            .f_menu a:nth-child(2), .f_menu a:nth-child(3) { letter-spacing: 29px; }
            .f_menu a:nth-child(odd) { float: right; }
            .f_con { width: 410px; float: left; }
            .f_con p { font-size: 14px; line-height: 34px; color: #666; }
            .f_con p span { padding-left: 15px; }
            .f_qr { width: 230px; float: right; }
            .f_qr p { width: 105px; float: left; line-height: 0; }
            .f_qr p:last-child { margin-left: 20px; }
            .f_qr img { width: 97px; height: 97px; border: 4px solid #D7D7DA; }
            .f_qr span { display: block; font-size: 14px; color: #666; line-height: 100%; text-align: center; margin-top: 10px; }
            .f_info { clear: both; }
            .f_info span, .f_info a { color: #fff; line-height: 63px; }
            .f_info span {  float: right; }
            .f_info span:first-child { float: left; }
            .f_info span:last-child {margin-right: 23px;}
        

    .links{
        background: #2a2b2d;
    height: 30px;
    line-height: 14px;
    margin-top: -47px;
    margin-left: 454px;
    width: 660px;
    overflow: hidden;
    }
    .links strong {font-weight: bold;color:#fff;}
    .links a{color: #fff;margin-right:20px;}
    .links a:hover {font-weight:bold;}


        .client-2 {
            position: fixed;
            right: -170px;
            top: 70%;
            z-index: 900;
        }
        /*.my-kefu-tel{opacity:0;}*/
        .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: #0141a3;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0141a3;
            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;
        }
    
