
  .f_pr{position:relative;}
.f_pa{position:absolute;}
em{font-style:normal;}

   .g_top{height:5rem; position: fixed; left:0;top:0;bottom:0;right:0; background:#2f2725; width:100%;z-index: 15; box-sizing: border-box;max-width: 1920px;min-width: 1200px; margin:0 auto;}
   .g_top .tlogo{ float:left;width:7.29%; margin:0 0 0 6%; top:0.8rem;  height:3.3rem; position: absolute;overflow: hidden;}
   .g_top .tlogo a{display: block;}
   .g_top .tlogo img{width: 100%; display: inline-block;transition: all 0.5s linear 0s;}
   .g_top .tlogo:hover img{margin-top: -3.3rem;}
   
    .g_nav{width:33%;padding-top: 0.6rem; margin-left:67%;}
    .g_nav li{float: left;width: 3.6rem;height: 3.6rem;margin-right: 2.1rem;}
    .g_nav li i{display:block;overflow: hidden;width: 3.6rem;height: 3.6rem;}
    .g_nav li img{width:3.6rem;display: block;transition: all 0.5s linear 0s;}
    .g_nav li:hover img,.g_nav .cur img{margin-top: -3.6rem;}
    
    
    .g_nav .erj{position: absolute;left:0;top:4rem;z-index: 11;width: 200%;display:block;height: 3.5rem;line-height: 3.5rem;background: #595757; display: none; box-sizing:border-box;}
    .g_nav .erj p{position: absolute;left:0;top:0;}
    .g_nav .erj em{display: block;float: left;font-size: 0.8rem;color:#fff;padding-right: 2rem;}
    .g_nav .erj em a{color:#fff;}
    
    .g_nav li:first-child .erj{right:0;left:auto;width:108%!important;}
   .g_nav li:last-child .erj{right:0;left:auto;width:107%!important;}
   .g_nav li:last-child .erj p{right:0;left:auto;}
   .g_nav li:nth-child(4) .erj{right:0;left:auto;width:106%!important;}


    .g_top:hover{background: #595757;}
    .g_nav li:hover .erj{display: block;}
    
    
    
    
    

html{font-size:12px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:12.5px}
}
@media screen and (min-width:1280px){html{font-size:13.33333px}
}
@media screen and (min-width:1366px){html{font-size:14.22916px}
}
@media screen and (min-width:1440px){html{font-size:15px}
}
@media screen and (min-width:1600px){html{font-size:16.66666px}
}
@media screen and (min-width:1920px){html{font-size:20px}
}


 .f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f_cb,.f_cbli li{zoom:1}
    .g_ft{background:#e95a5a;padding:3.6rem 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:30rem}
.g_ft .content{width:83.3%;margin:0 auto}
.g_ft .ftnav{float:left;width:76.6%;position:relative;height:20rem}
.g_ft .ftnav dl{float:left}
.g_ft .ftnav dl:nth-child(1){width:19.47%}
.g_ft .ftnav dl:nth-child(2){width:19.7%}
.g_ft .ftnav dl:nth-child(3){width:19.47%}
.g_ft .ftnav dl:nth-child(4){width:29.4%}
.g_ft .ftnav dt a{display:block;font-size:1.2rem;font-weight:400;line-height:1.3rem;color:#fff;font-weight:100;margin-bottom:3.3rem}
.g_ft .ftnav dd a{display:block;font-size:.85rem;font-weight:400;height:2.3rem; line-height:2.3rem;color:#fff;font-weight:100;position:relative;overflow:hidden;}
.g_ft .ftnav dd i{position:absolute;left:5rem;top:0;width:5rem;height:5rem;display:none}
.g_ft .ftnav dd i img{width:100%;display:block;border:.3rem solid #fff}
.g_ft .ftnav dl dd a:hover i{display:block}
.g_ft .ftnav:before{content:"";position:absolute;background:url(images/ftline.png) no-repeat;background-size:7.5rem 15.1rem;right:0;top:0;width:7.5rem;height:15.1rem}
.g_ft .f_ftcon{float:left;margin-left:6%;width:17%}
.g_ft .f_ftcon .fttel{height:6.5rem;text-align:center;}
.g_ft .f_ftcon .fttel b{display:block;font-size:1.5rem;font-weight:400;line-height:2.2rem;color:#fff;font-weight:700;letter-spacing:.1rem}
.g_ft .f_ftcon .fttel em{display:block;font-size:.75rem;font-weight:400;line-height:1.5rem;color:#fff;font-weight:100;text-align:center}
.g_ft .f_ftcon .zxkf a{display:block; margin:0 auto; width:10rem;height:2.4rem;line-height:2.4rem;background:#fff;border-radius:2rem;position:relative;padding-left:4.6rem;font-size:.85rem;color:#e95a5a;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.g_ft .f_ftcon .zxkf a:before{content:"";position:absolute;background:url(images/fttel.png) no-repeat;background-size:1.8rem 1.8rem;left:1rem;top:.5rem;width:1.8rem;height:1.8rem}
.g_ft .copyr{border-top:.1rem solid #f5b2b2;padding-top:2.8rem;font-size:.85rem;font-weight:400;line-height:1.5rem;color:#fff;font-weight:100}
.g_ft .copyr a{color:#fff}
.g_ft .copyr .ftnav2{width:31.25%;display: flex;justify-content: space-between;}
.g_ft .copyr .ftnav2 a{float:left;color:#fff}  
.f_fr{float:right;}










  

    .client-2 {
    background: rgba(255,255,255,.9);width: 6.25%;height: 23rem;border-radius: 0.6rem;padding: 1.5rem 0 0 0;box-sizing: border-box; 
    position: fixed;
    right:2rem;
    top: 35%;
    z-index: 900;
}
.client-2 li{margin-bottom: 2rem;position: relative;}
.client-2 li i{display: block;width: 3.6rem;margin:0 auto;overflow: hidden;}
.client-2 li i img{width:7.2rem;display: block;transition: all 0.3s linear 0s;}
.client-2 li:hover i img{margin-left:-3.6rem;}
.client-2 li:hover em{color:#e95a5a;}


.client-2 li em{display: block;line-height: 1.3rem;text-align: center;font-size: 1rem;color:#727171;}
.client-2 .codelst{position: absolute;left:0;top:-11rem;background: #fff;border-radius: 0.6rem 0.6rem 0 0; height: 11rem;width: 100%;padding: 0.6rem 0 0 0;box-sizing: border-box;transition: all 0.3s linear 0s;transition:all .5s ease;transform:translateY(5%);opacity: 0;}
.client-2 .codelst em{display: block;width: 4.3rem;margin:0 auto 0.6rem;}
.client-2 .codelst em img{width: 100%;display: block;}
.client-2 li:hover .codelst{transform:translateY(0);opacity: 1;}



  
