i,em{font-style:normal;}
   
       /*.head{width:100%; height:120px;border-bottom:1px solid rgba(255,255,255,.08);background: rgb(0 0 0 / 30%);}*/
       
     .head{width:100%; height:6.8rem;line-height:6.8rem;border-bottom:1px solid rgba(255,255,255,.1);position: fixed;left:0;top:0;z-index:200;background: rgb(0 0 0 / 1%);}
	   .head .h_top{padding: 0 4%;box-sizing: border-box;min-width:1200px;max-width: 1920px;}
       .head .logo{float:left;padding-top:1.2rem;margin-right:2.5rem;}
       .head .logo .t_logo{float:left; line-height: 0; overflow: hidden;margin-right:0.6rem;padding-top:0.5rem;}
       .head .logo .t_logo img{width:100%;}
       .head .logo h2{float:left;padding-top:0.4rem; line-height: 1.6rem;font-size: 0.8rem; color:#FFF;font-weight: normal;  letter-spacing:1.5px;}
   .head .logo h2 span{font-size: 1.85rem;font-weight: bold; display: block; line-height:2rem;}
       .head .menu{float:left;margin-right: 40px;}
       .head .menu .nav li{float:left;position: relative;margin-left:2.5rem;}
       .head .menu .nav li>a{display: block; font-size: 1rem; color:#FFF;z-index:200; position: relative;transition: 0.5s;}
   .head .menu .nav li:hover>a,.head .menu .nav li.cur>a{font-weight: bold;}
   .head .menu .nav li::before{content:'';width:0;height:0.2rem;background-color: #fff;position: absolute;bottom:0;left:0;transition: 0.5s;}
       .head .menu .nav li:hover:before,.head .menu .nav li.cur:before{width:100%;}
	 .head .hea-tel{float:right;margin-top:0.8rem; height:2.2rem; background-size: 100% 100%;}
    .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 .fr{float:right;}
   
     .submenu { position: absolute; left: 50%; top: 100%; transform: translateX(-50%);  display: none; z-index: 99 ;padding-top: 22px !important;}
.submenu p{
    background: rgba(255, 255, 255, .95); padding:6px 21px;border-radius:10px; position: relative;
}
.submenu p:before { position: absolute; content: ""; border-width: 9px 8px; border-style: solid; border-color: transparent transparent rgba(255,255,255,.95); top: -18px; left: 50%; margin-left: -8px }
.submenu a { transition: all .4s ease; display: block; font-weight: 500; padding: 0 17px 0 32px; font-size: 16px; line-height: 48px; color: #333; line-height: 54px; white-space: nowrap; position: relative;border-bottom:1px dotted #B5B5B5; text-align:left;}
.submenu a:last-child { border-bottom: 0 }
.submenu a:before { position: absolute; content: ""; width:4px;
height:4px;
border:2px solid rgba(125,125,125,1);
border-radius:50%; top: 23px; left: 13px; transition: ease .4s; -o-transition: ease .4s; }
.submenu a:hover { color: #072f8e;font-weight:bold; }
.submenu a:hover:before { border-color: #072f8e;}


   
   .head.headFix{background: rgb(24 58 131 / 85%);height:4rem;line-height: 4rem;}
   .head.headFix .menu .nav li,.head.headFix .menu .nav li>a{height:4rem;line-height: 4rem;}
   .head.headFix .hea-tel{ margin-top: 0.5rem;}
   .head.headFix .logo{padding-top:0.4rem;}
   .head.headFix .logo img{height:3.15rem;}
   .head.headFix .logo h2{padding-top:0;}
   
          em,i{ font-style:normal;}

 /**/
.content24 { width: 1600px; margin: 0px auto; position: relative; }
  
/*search*/
.search{height: 70px;box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.08);position: relative;z-index: 1;}
.search p{float: left;height: 70px;line-height: 70px;font-size: 16px;color: #444;padding-left: 34px;background: url(images/hot.png) no-repeat left 20px;}
.search p a{color: #888;margin-right: 15px;}
.search p a:hover{color: #0e60cc;}
.s_box{float: right;width: 390px;height: 38px;margin-top: 16px;border: 1px solid #D1D1D1;box-sizing: border-box;}
.s_box .txt{float:left;width:340px;padding-left: 10px;height:36px;line-height: 36px;font-size:16px;color:#333;border:none;background: none;outline: 0;}
.s_box .btn{float: left;width:26px;height: 36px;border: 0;background: url(images/search.png) no-repeat center;outline: 0;cursor: pointer;}
.s_box input::-webkit-input-placeholder{color:#a0a0a0;}
.s_box input::-moz-placeholder{color:#a0a0a0;}


  
.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: 28.4rem;background: #0c4388;box-sizing: border-box;position: relative;background-size: 100% 100%;}

    .footer .f_con{padding-top: 5rem;height: 25.5rem;border-bottom: 1px solid #194795;box-sizing: border-box;}
    .footer .f_con h2{font-size: 1.2rem;line-height: 1.2rem;color: #ffffff;font-weight: bold;padding-bottom:1.5rem;display: block;position: relative;}
    .footer .f_con h2 img{display: block;width: 2.95rem;height: 0.5rem;margin-top: 1.1rem;}
	.f_nav01{ float: left;width: 15%;margin-right: 2.3%;}
    .f_nav01 ul li a{float: left;display: block;font-size: 0.8rem;line-height: 2.1rem;color: #ffffff;text-transform: uppercase;transition: all 0.5s;width: 50%;opacity: 0.6;}
    .f_nav01 ul li a:hover{color: #fff;opacity: 1;}
    .f_nav01 ul li:nth-child(2n) a{float: right;}
    .f_nav{ float: left;width: 22.5%;}
    .f_nav ul li a{float: left;display: block;font-size: 0.8rem;line-height: 2.1rem;color: #ffffff;text-transform: uppercase;transition: all 0.5s;width: 50%;opacity: 0.6;}
    .f_nav ul li a:hover{color: #fff;opacity: 1;}
    .f_nav ul li:nth-child(2n) a{float: right;}
    .ft-code{float: left;width: 25.75%;margin-left: 7.5%;}
    .ft-code li{float: left;width: 32%;margin-right: 1.3%;}
    /* .ft-code li:last-child{float: right;} */
    .ft-code li em{display: block;}
    .ft-code li img{ display: block;width: 100%;height:  5.7rem;}
    .ft-code li span{height: 1.6rem;display: block;font-size: 0.7rem;color: #333333;line-height: 1.6rem;text-align: center;background: #fff;display: block;  }
  
    .gywm{ width: 27rem;background: #cc0000;margin-right: -8rem;padding-left: 2rem;box-sizing: border-box;margin-left: -2rem;height: 4.4rem;padding-top: 1rem;margin-bottom: 1rem;}
   .gywm em{display: block;font-size: 0.8rem;line-height: 0.8rem;color: #fff;font-weight: normal;text-transform: uppercase;margin-bottom: 0.5rem;}
    .gywm b{display: block;font-size: 1rem;line-height: 1rem;color: #fff;font-weight: bold;text-transform: uppercase;}
    .gywm span{font-size:1.4rem;}
    .gsxx p{display: block;font-size: 0.8rem;line-height: 1.5rem;color: #fff;font-weight: normal;text-transform: uppercase;opacity: 0.6;}

     
        .footer .ft-bt{height: 2.9rem;}
        .footer .ft-bt span{ float: left;display: block; line-height: 2.9rem;font-size: 0.8rem; color:#fff;text-transform: uppercase;opacity: 0.3;}
         .footer .ft-bt span a{color:#fff;}
        .footer .ft-bt p {float: right;}
        .footer .ft-bt p i{ float: left;display: block; line-height: 2.9rem;font-size: 0.8rem; color:#fff;text-transform: uppercase;opacity: 0.3;}
        .footer .ft-bt p a{ float: left;display: block; line-height:2.9rem;font-size: 0.8rem; color:#fff;margin-left: 0.8rem;opacity: 0.3;}
   
    

    

        .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;
        }