.f_pr{position:relative;}
  .f_pa{position:absolute;}
  .header , .content , .footer { width:1200px; margin:0 auto;  }
  em{font-style:normal;}

     .topwrap{background: rgba(0,0,0,.6);height: 5.6rem;position:absolute;left:0;top:0;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;overflow: hidden;z-index: 15;position: fixed;}
     .topwrap .logo2{display:none;}
     .topwrap h3{display: none;}
     .topwrap .tel2{display: none;}
      .topwrap:before{content: "";position: absolute;width:28.75%;height: 5.6rem;background: #db261f;z-index: -1;left:0;top:0;}
      .g_top .tlogo{ float:left;margin-left: 2%;width:5.2%; padding-top: 0.4rem; margin-right: 1%;}
      .g_top .tlogo img{width:100%;display: block;}
      .g_top h2{ float:left; width:28%; padding-top: 1.5rem;  color: #fff; font-size: 0.92rem; font-weight: bold;}
      .g_top h2 em{ display:block; color:#fff; font-weight:normal; font-size: 0.7rem; padding-top: 3px; }

      .g_nav{float: left;width:50%; padding-top: 1.5rem; }
      .g_nav li{position: relative; float:left; font-size:0.8rem;color:#fff;padding: 0 1.5%;text-align: center; height: 4rem; line-height: 4rem;border-bottom: 0.1rem solid rgba(0,0,0,.6);}
      .g_nav li:before{content: "";position: absolute;width:0;height: 0.1rem;background: #db261f;left:0;bottom: 0;transition: all 0.3s linear 0s;}
      .g_nav li a{color:#fff;}
      .g_nav li:hover:before,.g_nav .cur:before{width:100%;}


       .hea .m_top{display:none;background: rgba(0,0,0,.6);height: 5.6rem;position:absolute;left:0;top:0;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;overflow: hidden;z-index: 15;position: fixed;}
       .hea{background: #fff;padding-top: 1rem;height:4.58rem; box-shadow: 0 0 15px rgba(0,0,0,.2) } 
       .hea:before{background: none;}
       .hea .logo2{display: block;}
       .hea .logo2{ float:left;margin-left: 2%;width:5.2%;margin-right: 1%;}
      .hea .logo2 img{width:100%;display: block;}
       .hea .tlogo{display: none;}
       .hea h3{ float:left; width:28%; padding-top: 0.5rem;  color: #020002; font-size: 0.92rem; font-weight: bold;display: block;position: relative;z-index:11;}
      .hea h3 em{ display:block; color:#020002; font-weight:normal; font-size: 0.7rem; padding-top: 0.3rem; }
      .hea h3 b{color:#ae0d01;}
       .hea h2{display: none;}
       .hea .serico{display: none;}
       .hea .ttel{display: none;} 
       .hea .g_nav{padding-top: 0;width: 60%;}
       .hea .g_nav li{border-bottom: none;padding: 0 2%;}
       .hea .g_nav li a{color:#303030;}
       .hea .g_nav li:hover:before,.hea .g_nav .cur:before{width:1.5rem;left:15%;}
       .hea .tel2{display: block;position: absolute;right: 13.5%;top:0.8rem;font-size: 0.85rem;color:#282828;font-weight: bold;padding-left: 1.5rem;}
       .hea .tel2:before{content: "";position: absolute;background:url(images/tel.png) no-repeat; background-size: cover;width: 1rem;height: 1rem;left:0;top:0;}


      .serico{float: left; margin-right: 2%; width:1.56%;position: relative;margin-top: 2.8rem;}
      .serico em{width:100%;display: block;}
      .serico em img{width:100%;display: block;}

       .serico span{position: absolute;left:-10rem;top:-1.65rem;width:15rem; transition: all 0.3s linear 0s;opacity: 0;}
      .serico:hover span{opacity: 1; left:-13rem;}

      .s_inp{ margin-top: 2px; background:url(images/serbg.jpg) no-repeat; background-size: cover; width:13.75rem;height: 1.5rem;}
      .inp01{height:1.5rem;line-height:1.5rem;   padding-left: 1rem; width:10rem;float:left;color:#999999; font-size: 0.6rem;  border: none; background: none; font-family:"Microsoft Yahei"}
      .s_ss{float:left; width:2rem; height:1.5rem; background: none;border: none; cursor: pointer;}


    .ttel{float: left;width:1.56%;margin-top: 2.8rem;position: relative;}
    .ttel em{width:100%;display: block;}
    .ttel em img{width:100%;display: block;}
    .ttel span{position: absolute;left:-16rem;top:-2.5rem;font-size: 1rem;color:#fff; transition: all 0.3s linear 0s;opacity: 0; width:20rem;font-weight: bold;}
    .ttel:hover span{opacity: 1;}

   .serico:hover em,.ttel:hover em{ -webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}



html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}

    
 
 .banner .slick-arrow {
            position: absolute;font-size: 0;
            top: 50%; 
            z-index:12;
            width: 100px;
            height: 100px;
            margin-top: -42px;
            border: 0;
        }
        .banner .slick-prev {outline: none;
            left: 5%; display: none; background:none; position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
           background:url(images/probt1.png) no-repeat;width:30px;height: 84px;
        }
        .banner .slick-next {outline: none;
            right: 5%; display: none;background:none;position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
           background:url(images/probt2.png) no-repeat;width:30px;height: 84px;
        }   

    .banner img {
            display: block;
            width: 100%;
            margin:0 auto;
        }
      
       .slick-dots {
            position: absolute;
            left: 0; font-size:0;
            bottom: 5%;
            width: 100%;
            text-align: center;
            outline: none;
            
        }
        .slick-dots li {
            display: inline-block;
            margin: 0 15px; outline: none;
        }
        .slick-dots li button {
            display: block;
            border: 0 none;width: 15px;height: 15px;
            color: #fff; border-radius: 50%;
            background-color: #fff;
            outline: none; transition: all 0.3s linear 0s;
        }
        .slick-dots .slick-active button {
            background-color: #db261f;width:60px;border-radius: 30px;
        }
        



.g_ft{background:url(images/ftbg.jpg) no-repeat center top; height:342px;padding-top: 56px; box-sizing:border-box;overflow: hidden;}
.g_ft .m_code{float: left;width: 380px;}
.g_ft .m_code h3{height: 110px;font-size: 16px;color:#fff;}
.g_ft .m_code h3 b{display: block;line-height: 46px;border-top: 1px solid rgba(255,255,255,.1);font-size: 30px;color:#fff;width:240px;font-weight: normal;}
.g_ft .m_code h3 em{display: block;line-height: 48px;}

.g_ft .codelst li{float: left;width: 92px;height: 92px;margin-right: 48px;}
.g_ft .codelst li img{width: 92px;height: 92px;display: block;margin: 0 auto;}
.g_ft .codelst .code2{margin-right: 0;}
.g_ft .codelst li em{display: block;height: 42px;line-height: 42px;text-align: center;font-size: 14px;color: rgba(255,255,255,.6); }

.g_ft .m_fnav{float: left;width:350px;}
.g_ft .m_fnav h3{width: 320px;height: 50px;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.1);font-size: 16px;color:#fff;font-weight: bold;margin-bottom: 10px;}
.g_ft .m_fnav em{display: block;font-size:16px;color:#fff;line-height: 40px;}
.g_ft .m_fnav a{float: left; color: rgba(255,255,255,.6); width: 102px; font-size: 14px; line-height: 40px; font-weight: normal;display: inline-block;}
.g_ft .m_fnav a:hover{color:#fff;}

.g_ft .f_ftcon{float: right;width:360px;   }
.g_ft .f_ftcon h3{width: 320px;height: 50px;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.1);font-size: 16px;color:#fff;font-weight: bold;margin-bottom: 10px;}
.g_ft .f_ftcon li{font-size: 14px; line-height: 38px;color: rgba(255,255,255,1); }
.g_ft .f_ftcon li a{color:#fff;}
.g_ft .f_ftcon li a:hover{color:#fff;}



      

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#db261f url(images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#db261f url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#db261f url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#db261f url(images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#db261f url(images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#db261f url(images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#db261f url(images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }