﻿
  .f_pr{position:relative;}
.f_pa{position:absolute;}
.header , .content , .footer { width:1200px; margin:0 auto;  }
.top_bg{ height:230px; background:url(../images/topbg.gif) repeat-x;position: relative;z-index: 10;}
.header{width: 1200px; margin:0 auto;}

.h_top{height: 30px;line-height: 30px;font-size: 14px;color: #666;overflow: hidden;}
.h_top span{float: right;}
.h_top span a{font-size: 14px;color: #666; padding:0 10px;}
.h_con{ height:100px;padding:35px 0 0;}
.h_con h1{ float:left;width: 200px;}
.h_con h1 img{}
.h_con .h_dw{ float:left; font-size:18px; color:#333; padding:8px 0 5px 0px; background:url(../images/t_line.gif) no-repeat 0 5px;}
.h_dw span{display: block;color: #0858bb;line-height:35px;font-size:35px;margin-bottom:8px;font-weight:bold;}
.tel{ float:right;font-size: 16px;color: #333; background:url(../images/tel.gif) no-repeat 123px 5px;line-height: 30px;text-align: right;}
.tel b{font-size: 30px;display: block;}


.h_nav{ height:60px; line-height:60px;position: relative;}
.h_nav li{height: 62px; float:left; background:url(../images/nav_bor.gif) no-repeat right 19px;position: relative;margin-left: -1px;}
.h_nav li a{ font-size:16px; color:#fff; padding:0 38px;display:block; float:left;position: relative;z-index: 4; text-decoration:none;}
.h_nav li a:hover{background:#0858bb\9;}/* IE6ã€IE7ã€IE8æ"¯æŒ */
.h_nav li:after{content:'';position:absolute;width:100%;height:0;background-color:#ffae00;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
.h_nav li:hover:after,.h_nav li.cur:after{height:100%;}
.h_nav .nobor{ background: none;}

.h_nav li .erji{ display:none; width:168px; text-align:center; position:absolute; top:65px; left:0;background:rgba(0,0,0,0.8);padding:0 0 10px;}
.h_nav li .erji li{ height:40px; background:none;margin-left: 0;}
.h_nav li .erji a,.h_nav li.cur .erji a{ height:40px; line-height:40px; width:168px;padding: 0;color: #fff;}
.h_nav li.cur .erji a:hover,.h_nav li .erji a:hover{ background:none;}
.h_nav .nav_li02 .erji,.h_nav .nav_li02 .erji a{ width:200px;}
.h_nav .nav_li04 .erji,.h_nav .nav_li04 .erji a{ width:168px;}
em,i{ font-style:normal;}    

        /*banner*/
        .fullSlide{ min-width:1000px; position:relative;  height:600px; overflow:hidden;  }
        .fullSlide .bd{ position:relative; z-index:0;  }
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; height:600px; }
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:15px; position:absolute; z-index:1; bottom:15px; overflow:hidden;  }
        .fullSlide .hd ul{margin-left:500px;  }
        .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; }
        .fullSlide .hd ul li{width: 62px;height: 12px;background: #333333; }
        .fullSlide .hd ul .on{background: #d61419;  }
      

  .g_ser{height: 78px;line-height: 78px; background: #f3f3f3; }
  .h_sea{ height:78px;line-height: 78px; overflow:hidden; color:#333333; font-size: 14px;}
  .h_sea b{font-weight: normal; color: #333333;}

  .inp01{height:30px;line-height:30px;   padding-left: 8px; width:242px;float:left;color:#555555; font-size: 12px;  border: none; background: none; font-family:"Microsoft Yahei"}
  .s_ss{float:left; width:36px; height:30px; background: none;border: none; cursor: pointer;}
  .key a{color:#333333;padding:0 15px;}
  .key .lasta{background: none;}
  .s_inp{ margin-top: 24px; background:url(../images/serbg.jpg) no-repeat; width: 288px;height: 30px;}
  

    
    .main{width: 1200px;margin: 49px auto 0;margin-bottom: 49px;}
.main h1{text-align: center;margin: 49px auto;font-size: 32px;color: #000000;}
.main h1 span{color: #333;line-height: 26px;}
.main h1 span:nth-child(1){margin-right: 15px;display: inline-block;}
.main h1 span:nth-child(2){margin-left: 15px;display: inline-block;}
.main .ys1{width: 280px;height: auto;background-color:#f7f7f7;text-align: center;margin-right: 26.6px;margin-bottom: 26.6px;}
.main .ys1>p{border-bottom: 2px solid #0858bb;}
.main .ys1>p img{margin: 20px auto;transition: all 1s; display:block;}
.main .ys1:hover p img{transform: rotate(360deg);}
.main .ys1>p span{font-size: 16px;color: #666;display: inline-block;margin-bottom:15px;}
.main .ys1 h2{font-size: 24px;color: #0858bb;margin:23px auto 19px;}
.main .ys1>span{font-size: 14px;color: #5c5c5c;display: inline-block;margin-bottom: 28px;}

.main .ys2{width: 280px;height: auto;background-color:#f7f7f7;text-align: center;margin-bottom: 26.6px;}
.main .ys2>p{border-bottom: 2px solid #0858bb;}
.main .ys2>p img{margin: 20px auto;transition: all 1s; display:block;}
.main .ys2>p span{font-size: 16px;color: #5c5c5c;display: inline-block;margin-bottom:15px;}
.main .ys2 h2{font-size: 24px;color: #0858bb;margin:23px auto 19px;}
.main .ys2>span{font-size: 14px;color: #5c5c5c;display: inline-block;margin-bottom: 28px;}
.main .ys2:hover p img{transform: rotate(360deg);}
    


    .g_kfjz .lastdl{margin-right:0;}


.xiaoa{
    position:absolute;right:-80px;font-size:16px;color:rgb(178, 15, 15);
    display: block;background:#fff;line-height: 30px;height: 30px;width:60px;text-align: center;border-radius: 5px;border:1px solid #fff;
}
.xiaoa:hover{
    color:#fff;background:rgb(178, 15, 15);
}
    .g_link{overflow:hidden;height:120px;}


  .f_pr{position:relative;}
.f_pa{position:absolute;}

      .g_ft{ height:311px;padding-top: 50px; background: url(../images/ftbg.jpg) no-repeat center top;}
      .g_ft .flogo{float: left;width: 255px;padding-top: 15px;}
      .g_ft .flogo img{display: block;}
      .g_ft .m_fnav{float: left;width: 255px; padding-top: 10px;}
      .g_ft .m_fnav a{ color:#fff;float: left;width: 110px; height: 36px;line-height: 36px;  font-size: 14px; font-weight: normal;display: inline-block;}
      .g_ft .m_fnav .lasta{padding-right: 0;}
      .g_ft .f_ftcon{float: left;width: 294px; height: 225px;}
      .g_ft .f_ftcon h2{height: 40px;line-height: 40px;font-weight: normal;font-size: 14px;color: #fff;}
      .g_ft .f_ftcon li{color:#fff; display: inline-block;line-height: 30px;font-size: 14px;width: 425px;}
      .g_ft .f_ftcon li b{font-weight: normal;color: #848484;}
      .g_ft .f_ftcon li a{color:#fff;}
      .g_ft .code{float: left;width: 126px;height: 126px;background: url(../images/codebg.jpg) no-repeat }
      .g_ft .code img{padding: 8px;width: 109px;height: 109px;}
      .g_ft .code em{display: block;width: 126px;height: 24px;line-height: 24px;font-size: 14px;color: #fff;text-align: center;}
      .g_ft .m_copyr{text-align: center;font-size: 14px;color: #747474;margin-top: 55px;}
      .g_ft .m_copyr a{color: #747474;}






      

        .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: 71px;
            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: 14px;
            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: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            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: #0858bb;
            color: #fff;
            height: 56px;
            width: 242px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0858bb;
            width: 72px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            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;
        }
    
