i,em{font-style:normal;}
    
    .head{width:100%;box-sizing: border-box;position: absolute;left: 0;top: 0;z-index: 20; border-bottom:1px solid rgba(255,255,255,.1);}
    .head .h_top{padding: 0 2%;box-sizing: border-box;min-width:1200px;max-width: 1920px;}
    .head .logo{float:left;padding-top:0.8rem;}
    .head .logo .t_logo{float:left; line-height: 0; overflow: hidden;margin-right:1rem;}
    .head .logo .t_logo img{display: block;width: 9.3rem;height: 4rem;}
    .head .logo h2{float:left;padding-top:0.9rem; line-height: 0.9rem;font-size: 0.8rem; color:#ffffff;font-weight: normal;letter-spacing: 3px;}
    .head .logo h2 span{font-size: 1.6rem;font-weight: bold; display: block;line-height: 1.2rem;color: #ffffff;padding-bottom:0.6rem;letter-spacing: 1px;}

    .head .hea-tel{float: right;margin-top: 2.2rem;}
    .head .hea-tel p{position: relative;display: inline-block;margin-left: 0.3rem;font-size: 1.2rem;line-height: 1.2rem;color:#fff;font-weight: bold;}
    .head .hea-tel img{display: inline-block;width: 1.3rem;height: 1.3rem;vertical-align: -0.15rem;animation: downup 1s infinite linear;-webkit-animation: downup 1s infinite linear;}
 
    @keyframes downup { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -5px); } 100% { transform: translate(0, 0); } }
    @-webkit-keyframes downup { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -5px); } 100% { -webkit-transform: translate(0, 0); } }
    .head  .nav{margin-top: 2.4rem;float: right;margin-right: 2rem;}
    .head  .nav li{float:left;position: relative;height: 2.7rem;margin-left: 0.5rem;}
    .head  .nav li>a{display: block; font-size: 1.0rem; color:#fff;z-index:200; position: relative;transition: 0.5s;height: 2.2rem;padding: 0 0.6rem;}
    .head  .nav li:hover>a,.head  .nav li.cur>a{font-weight: bold;}
    .head  .nav li::before{content:'';width:0;height:0.1rem;background-color: #ed1d23;position: absolute;bottom:0;left:0;transition: 0.5s;}
    .head  .nav li:hover:before,.head  .nav li.cur:before{width:100%;}
  .head .menu ul li .nav-two {
            width: 8rem;
            position: absolute;
            left: 50%;
            top: 4.5rem;
            transform: translate(-50%, 0);
            background: rgba(255, 255, 255, .93);
            box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.26);
            border-radius: 0.5rem;
            padding: 0.9rem 0 1.5rem;
            box-sizing: border-box;
            border: 0.05rem solid rgba(195, 35, 51, .3);
            transition: .5s;
            display: none;
        }
        
        .head .menu ul li .nav-two a {
            display: block;
            line-height: 2.2rem;
            font-size: 0.8rem;
            color: #595959;
            text-align: center;
            margin: 0 8px;
            border-radius: 8px;
        }
        
        .head .menu ul li .nav-two:before {
            width: 100%;
            height: 0.45rem;
            background: url(images/hd_nav-jt.png) no-repeat center;
            content: "";
            position: absolute;
            left: 0;
            top: -0.4rem;
        }
        
        .head .menu ul li .nav-two a:hover {
            background: #ee1d23;
            color: #fff;
        }
        
        .head .menu ul li:hover .nav-two {
            top: 2.5rem;
            display: block;
        }
        

    .head.headFix{background:rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;height: 5.1rem;box-shadow:0 10px 10px 0 rgba(0,0,0,0.05);z-index: 99;}
   
.content24 { width: 1600px; margin: 0px auto; position: relative; }
  @media screen and (max-width: 1600px) {
    .content24 {
        width: 1400px;
    }
}

@media screen and (max-width: 1500px) {
    .content24 {
        width: 1300px;
    }
}

@media screen and (max-width: 1300px) {
    .content24 {
        width: 1200px;
    }
}


/**/

@media screen and (min-width: 1263px) {
    html {
        font-size: calc(1263px * 20 / 1903);
    }
}

@media screen and (min-width: 1349px) {
    html {
        font-size: calc(1349px * 20 / 1903);
    }
}

@media screen and (min-width: 1463px) {
    html {
        font-size: calc(1463px * 20 / 1903);
    }
}

@media screen and (min-width: 1543px) {
    html {
        font-size: calc(1543px * 20 / 1903);
    }
}

@media screen and (min-width: 1583px) {
    html {
        font-size: calc(1583px * 20 / 1903);
    }
}

@media screen and (min-width: 1643px) {
    html {
        font-size: calc(1643px * 20 / 1903);
    }
}

@media screen and (min-width: 1663px) {
    html {
        font-size: calc(1663px * 20 / 1903);
    }
}

@media screen and (min-width: 1903px) {
    html {
        font-size: calc(1903px * 20 / 1903);
    }
}




  
  

    .jg h3 span {
        display: block;
        font-size: 20px;
        line-height: 28px;
        font-weight: normal;
        text-align: center;
        padding-top: 24px;
        color: #111;
        border-radius: 50px;
    }
    
    .jg h3 img {
        display: block;
        width: 180px;
        height: 180px;
        margin: 16px auto 0;
    }
    
    .jg p {
        display: block;
        font-size: 16px;
        line-height: 16px;
        font-weight: normal;
        text-align: center;
        padding-top: 14px;
        color: #666;
    }
    
    .layui-layer {
        border-radius: 10px;
    }



    .footer{ height: 31.8rem;background: url(images/foot_bg.jpg) no-repeat center;box-sizing: border-box;position: relative;background-size: 100% 100%;}
    .f_top{height: 6rem;border-bottom: 1px solid #0b4ea6;box-sizing: border-box;}
    .f_top h2{display: block;float: left;width:9.3rem;height: 4rem;padding-top: 1.2rem;}
    .f_top h2 img{ display: block;width:9.3rem;height: 4rem;}
    .f_top ul{ float: right;width: 84%;}
    .f_top ul li a{float: left;display: block;font-size: 1rem;line-height: 6.2rem;color:  rgba(255,255,255,0.5);margin-left: 4rem;text-transform: uppercase;transition: all 0.5s;}
    .f_top ul li a:hover{color: #fff;}
    .f_top ul li:nth-child(1) a{margin-left: 0;}
    .footer .f_con{padding-top: 5rem;height: 20.3rem;border-bottom: 1px solid #0b4ea6;box-sizing: border-box;}
    .footer .f_con h2{font-size: 1rem;line-height: 1rem;color: #ffffff;font-weight: bold;padding-bottom:1.6rem;display: block;position: relative;}
    .gywm{ float: left;width: 38%;margin-right:6%;}
    .gywm h3{display: block;font-size: 0.8rem;line-height: 1.2rem;color:  rgba(255,255,255,0.5);font-weight: normal;text-transform: uppercase;margin-bottom: 1.5rem;}
    .gywm h3 i{display:inline-block;}
    .gywm h3 span{display: block;font-size: 0.5rem;line-height: 1rem;color:  rgba(255,255,255,0.5);font-weight: normal;text-transform: uppercase;}
    .gywm h3 em a{    display: inline-block;
    width: 5rem;
    height: 1.7rem;
    border: 1px solid rgba(255,255,255,0.5);
    box-sizing: border-box;
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.6rem;
    color:  rgba(255,255,255,0.5);
    margin-left: 1.2rem;
    transition: all 0.5s;
    vertical-align: 0.4rem;}
      .gywm h3 em a:hover{background: #cc0000;border-color: #cc0000;color: #fff;}
    .gywm p em{display: block;font-size: 0.8rem;line-height: 1.5rem;color:  rgba(255,255,255,0.5);font-weight: normal;text-transform: uppercase;}
    .gywm p em a{ color:  rgba(255,255,255,0.5); transition: all 0.5s;}
    .gywm p em a:hover{color: #fff;}
    
    .f_xx{ float: left;width: 21%;}
    .f_xx p{display: block;font-size: 0.8rem;line-height: 1.2rem;color:  rgba(255,255,255,0.5);font-weight: normal; }
    .f_xx p b{display: block;font-size: 1.6rem;line-height: 1.8rem;color: #fff;margin-top: 0.2rem;margin-bottom: 1.5rem;}
    .f_xx li{display: block;font-size: 0.8rem;line-height: 1.5rem;color:  rgba(255,255,255,0.5);font-weight: normal;text-transform: uppercase;}

    .ft-code{float: right;width: 29.5%;}


    .ft-code li{float: left;width: 30%;height: 7.7rem;margin-right:5%;}
    .ft-code li:last-child{margin-right:0;}
    .ft-code li em{display: block;width: 100%;}
    .ft-code li img{ display: block;width: 100%;}
    .ft-code li span{height: 1.6rem;width:  100%; display: inline-block;font-size: 0.8rem;color:  rgba(255,255,255,0.5);line-height: 1.6rem;text-align: center; }


     
        .footer .ft-bt{height: 5.5rem;}
 
        .footer .ft-bt p em img{display: block;float: left;width: 1.4rem;height: 1.4rem;padding-top: 2rem;margin-right: 0.7rem;}
        .footer .ft-bt p i{ float: left;display: block; line-height: 5.5rem;font-size: 0.9rem; color:#d5d9d9;font-weight: bold;margin-right: 3rem;text-transform: uppercase;}
        .footer .ft-bt p i img{display: inline-block;width: 0.6rem;height: 0.7rem;margin-left: 0.5rem;}
        .footer .ft-bt p a{ float: left;display: block; line-height: 5.5rem;font-size: 0.8rem; color:#d5d9d9;margin-right: 2.4rem;transition: all 0.5s;}
   .footer .ft-bt p a:hover{color: #fff;}
 
   
    

    

        .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: #1c4499;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #1c4499;
            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;
        }