
  .content{width:1200px;margin:0 auto;}
	  .f_pr{position:relative;}
	.f_pa{position:absolute;}
  em{font-style:normal;}
    .g_top{height:100px;z-index: 1255;background: #fff;box-sizing: border-box; position:fixed; width:100%;  }
    .g_top .tlogo{float:left; padding: 13px 15px 0 0; width: 200px;}
    .g_nav{float: left;width:760px;}
    
    .g_nav li{float:left; font-size:16px;height:100px;line-height:100px;padding: 0 15px; position: relative;  }
    .g_nav li a{ display:block;color:#222; line-height:100px; text-decoration: none;}
    .g_nav li:hover,.g_nav .cur{color: #fff;background:#0055a4;}
    .g_nav li:hover a,.g_nav .cur a{color: #fff;}
    .g_nav li .submenu{
  overflow: hidden;
  display: none;
  position:fixed;
  width: 100%;
  top:100px;
  z-index: 99;
  background:rgba(0,0,0,.6);
  height: 76px;line-height: 76px;
  left: 0;
  line-height: 0;
  font-size: 0;
  text-align: center;}
.g_nav li .submenu dl{width: 1200px;margin: 0 auto;}
.g_nav li .submenu p {float: right;width: 1200px;text-align:right;}
.g_nav li .submenu p a{display: inline-block;padding: 0 2% 0 30px; height: 76px;line-height: 76px;font-size:16px;color: #fff;position: relative; text-align: left;background:url(images/navico1.png) no-repeat 0 center;}
.g_nav li .submenu p a:hover{background:url(images/navico2.png) no-repeat 0 center;color: #ffb400;font-weight: bold;}

    .g_top .ttel{float:left;width:178px;height: 20px;margin-top:37px;position: relative; }
    .g_top .ttel em{position: absolute;left:28px;top:0;font-size: 20px;color: #222;display: block;}
    .g_top .ttel:hover em{display: block;}
    .g_top .ttel span{display: block;float: left;}
    .g_top .ttel:hover span{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
    
    .g_top .s_inp{background:url(images/serbg.jpg) no-repeat;width: 294px;height: 30px;margin:5px;}
 .g_top .inp01{height:30px;line-height:30px;padding-left: 10px;  width:214px;float:left;color:#999999; font-size:16px;  border: none; background: none; font-family:"Microsoft Yahei"}
 .g_top .s_ss{float:left; width:66px; height:30px; background: none;border: none; cursor: pointer;}

 .h_ser_icon{ width: 20px;
          height: 20px;
          top: 37px;
          right: 0;
          cursor: pointer;
        }

.h_ser_icon:hover:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

        .h_ser_icon img{ width: 20px;
          height: 20px;
        }
        
        .h_ser_icon .hser_icon2{ display: none;
        }
        
        .search_con{ display: none; z-index: 112;
          top:100px;
          right:0;
          background:#f3f3f3;
          border-radius: 5px;
          width: 305px;
          height: 40px;
          line-height: 40px;
          
        }
        
        .sea_title{ height: 70px;
          font-size: 30px;
          font-weight: normal;
          line-height: 70px;
          color: #000;
          padding: 38px 0 0 48px;
        }
        
        .sea_inp{ height: 56px;
          margin: 0 48px;
          margin-bottom: 25px;
          background-color: #eeeeee;
        }
        
        .sea_inp input{ border: 0;
          width: 95%;
          height: 56px;
          background: none;
          outline: none;
          font-size: 16px;
          font-weight: normal;
          line-height: 56px;
          color: #000;
          padding-left: 5%;
        }
        
        .sea_txt{ padding-left: 48px;
        }
        
        .sea_txt a{ font-size: 16px;
          font-weight: normal;
          line-height: 28px;
          color: #000;
          display: inline-block;
          height: 28px;
          padding: 0 10px;
          margin-right: 10px;
          border-radius: 14px;
          border: 1px solid #ebebeb;}






          @-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


    
 
.bantest {
      position: relative;
      padding-top: 100px;
      width: 100%;
      overflow: hidden;
    }
    .bantest .bancontent {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
    
    
.banner-background-01 {
    width: 997px;
    height: 3.5rem;
    background: url(images/background01.png) repeat-x;
    _background: url(images/background01.png) repeat-x;
    position: absolute;
    bottom: -1rem;
    width: 400%;
    left: -236px;
    z-index: 99;
    animation: wave1 25s linear .4s infinite normal;
    -moz-animation: wave1 25s linear .4s infinite normal;
    -webkit-animation: wave1 25s linear .4s infinite normal;
    -o-animation: wave1 25s linear .4s infinite normal;
}

.banner-background-02 {
    width: 1009px;
    height: 4.16rem;
    background: url(images/background02.png) repeat-x;
    _background: 0 0;
    position: absolute;
    bottom:-1rem;
    width: 400%;
    left: 0;
    z-index: 98;
    animation: wave2 60s linear .4s infinite normal;
    -moz-animation: wave2 60s linear .4s infinite normal;
    -webkit-animation: wave2 60s linear .4s infinite normal;
    -o-animation: wave2 60s linear .4s infinite normal
}
 .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: 15%;
            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; 
        }
        .slick-dots .slick-active button {
            background-color: #186ec1;width:60px;border-radius: 30px;
        }
        
        
@-webkit-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-moz-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-o-keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@keyframes wave1 {
    from {
        left: -236px
    }

    to {
        left: -1233px
    }
}

@-webkit-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@-moz-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@-o-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}

@keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1009px
    }
}


    /*.hd a{position:absolute;display:block;top:40%;z-index:999;}
    .prev{left:100px;}
    .next{right:100px;}*/


.g_ft{ height:390px; background: url(images/ftbg.jpg) no-repeat center top;padding-top: 50px;box-sizing: border-box;}
.g_ft .content{width:1200px;margin:0 auto;}
.g_ft .flogo{position: absolute; left:0; top:0;}
.g_ft .m_fnav{margin-left: 314px;height: 60px; line-height: 60px; margin-bottom: 42px;}
.g_ft .m_fnav a{font-size: 16px;color:#fff;padding:0 20px;}
.g_ft .m_ftleft{float: left;width:544px;margin-right: 80px;position: relative;padding-top: 15px;}
.g_ft .m_ftleft:before{content:"";position: absolute;width:1px;height: 150px;background:#6190bc;right:0;top:22px;}
.g_ft .m_ftleft h3{height:80px;font-size: 18px;font-weight: bold;color:#fff;}
.g_ft .m_ftleft h3 em{display: block;font-size: 12px;color:rgba(255,255,255,.3);text-transform: uppercase;font-weight: normal;padding-top: 9px;}
.g_ft .m_ftleft p{font-size: 14px;line-height: 24px;color: #fff;}
.g_ft .m_ftleft p a{color:#fff;}
.g_ft .f_ftcon{float: left; width:328px;margin-right: 96px;position: relative;  }
.g_ft .f_ftcon:before{content:"";position: absolute;width:1px;height: 150px;background:#6190bc;right:0;top:22px;}
.g_ft .f_ftcon a{ color:#fff; display: inline-block;}
.g_ft .f_ftcon h3{height: 72px;font-weight: bold;font-size: 18px;color: #fff;}
.g_ft .f_ftcon h3 em{display: block;font-size: 18px;color: #fff;text-transform: uppercase;font-weight: normal;}
.g_ft .f_ftcon li{font-size: 16px;line-height: 26px;color: #fff;}
.g_ft .m_code{float: left;width: 145px;}
.g_ft .codelst li{width: 145px;height: 145px;margin-right: 46px;}
.g_ft .codelst li img{width: 145px;height: 145px;display: block;margin: 0 auto;}
.g_ft .codelst li em{display: block;height: 36px;line-height: 36px;text-align: center;font-size: 14px;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: #0156a4;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0156a4;
            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;
        }
    
