
     .top_bg {
    border-bottom: 1px solid #1d2127;
    height: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    width:100%;
}
    .header
    {
        margin: 0px auto;
    min-width: 1200px;
    width: 80%;
    max-width: 1660px;
        }
        em,i{ font-style:normal;}
        body{width:100%;min-width:1200px;max-width: 2020px;margin: 0 auto;overflow:hidden;}
  
    .h_con{ height: 120px;}
    .h_con .logo{float: left;position: relative;z-index: 10;margin-top: 21px;}
    .h_con .logo img{ display:block;width:110px;}
      
    .h_con h2
    {
    float: left;
    margin-top:27px;
    margin-left: 1.5rem;
     }
    .h_con h2 span
    {
  font-size: 28px;
    color: #ffffff;
    letter-spacing: 1.3px;
    line-height: 36px;
    display: block;
    background-size: 13.2rem 1px;
    width: 13.2rem;
    text-align: left;
    font-weight: normal;
      }
    .h_con h2 i
    {
   font-size: 18px;
    color: #ffffff;
    line-height: 1rem;
    font-weight: bold;
    padding-top: 0.3rem;
    display: block;
    font-weight: normal;
     }
    .h_con p
    {
height: 120px;
    box-sizing: border-box;
    border-left: 1px solid #1d2127;
    position: absolute;
    right: 0px;
    top: 0px;
    padding:6px 2% 0 2%; 
     }
    
    .h_con p img{display: inline-block;width: 1.4rem;height: 1.4rem;margin-right: 0.4rem;vertical-align: -0.1rem;}
    .h_con p em
    {
     display: inline-block;
    font-size: 26px;
    line-height: 108px;
    color: #FFF;
    font-weight: bold;
    padding-left: 2rem;
    background: url(images/f-tel.png) no-repeat center left;   
     }
    .h_nav{float: right;margin-right:8%;}
   .h_nav ul li  
   {
       display: block;
    float: left;
    position: relative;
    height:120px;
        }  
  
    .h_nav ul li a  
    {       
     position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: normal;
    color: #FFFFFF;
    height: 120px;
    line-height: 120px;
    display: block;
    text-align: center;
    padding: 0 1.3rem;   
     }
    
    .h_nav ul li.cur>a:after, .h_nav ul li:hover>a:after {
    background: #cb1206; 
    color: #fff;
    content: "";
    display: block;
    width: 100%;
    height: 4px;
}

  

      

.g_ft{background:url(images/ftbg.jpg) no-repeat bottom;
background-size:100%  100%;height:32.8rem;padding-top:5.8rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_ft .ftleft{float:left;width:30%}
.g_ft .ftleft .ftnav{height:8rem;padding-right:12%;margin-bottom:1rem;}
.g_ft .ftleft .ftnav a{display:block;float:left;width:50%;font-size:18px;font-weight:400;line-height:2.2em;color:rgba(255,255,255,.8);font-weight:700}
.g_ft .ftleft .copyr {
    display: block;
}

.g_ft .ftleft .copyr span {
    display: block;
    color: #7084ae;
    line-height: 1.56rem;
}
.g_ft .ftleft .copyr span a{ color: #7084ae;}

.g_ft .ftlogo .add {
    color: #7084ae;
    line-height: 2rem;
    margin-top: 1.6rem;
}

.g_ft .ftlogo .email {
    color: #7084ae;
    font-size: 16px;
}


.g_ft .ftleft .f-sea {
    margin-top: 1.66rem;
}

.g_ft .ftleft .f-sea .p-search {
    background: rgba(255,255,255,.1);
    opacity: 0.8;
    border-radius: 2rem;
    display: block;
    width: 16rem;
    height: 3.2rem;
    position: relative;
}

.g_ft .ftleft .p-search {
    color: #7084ae;
}

.g_ft .ftleft input#key::placeholder {  
  color: #7084ae;  
}

.g_ft .ftleft .f-sea .p-search input#key {
    display: block;
    width: 100%;
    line-height: 3.2rem;
    height: 3.2rem;
    background: none;
    border: 0px;
    padding-left: 1.2rem;
}

.f-sea .p-search 
  input.p102-search-1-inp2 {
    background: url(images/ft-sea.png) no-repeat center;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 0.8rem;
}

.g_ft .ftlogo{float:left;width:39%;height:18rem;text-align: center;border-left: 1px solid #1b4c8f;border-right: 1px solid #1b4c8f;}
.g_ft .ftlogo img{width: 10rem;
    display: block;
    transition: all 0.3s linear 0s;
    margin: 0 auto;}
.g_ft .ftlogo:hover img{transform: scale(1.1);}
.g_ft .lx{float:right;width:21%;height:24rem}
.g_ft .lx h2{font-size:.85rem;font-weight:400;line-height:2.2rem;color:rgba(255,255,255,.8);font-weight:700}
.g_ft .lx .lxtel{height:11rem}
.g_ft .lx .lxtel li{height:5rem;position:relative;}

.g_ft .lx .lxtel li em{
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 2.5rem;
    color: #7084ae;
    padding-left: 1.5rem;
    background: url(images/ft-tel.png) no-repeat center left;

}
.g_ft .lx .lxtel li b{display:block;font-size:30px;font-weight:400;line-height:1.6rem;color:#fff;font-weight:700}
.g_ft .lx .codelst{display:flex;justify-content:space-between}
.g_ft .lx .codelst li{float:left;margin-right:1.4rem;width:40%;}
.g_ft .lx .codelst li i{display:block;width:100%}
.g_ft .lx .codelst li i img{width:100%;display:block}
.g_ft .lx .codelst li em{display:block;font-size:16px;font-weight:400;line-height:2.5rem;color:#7084ae;text-align:center}


  

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