
         i , em{font-style: normal;}
        .topWrap{ height:233px;background:url(images/h_top_bg.gif) repeat-x center bottom; overflow:hidden;}
        .topWrap .header{ width:1200px;height:233px;margin:0 auto; font-family: "Microsoft YaHei"; position:relative;}
		.topWrap h5{ font:14px "Microsoft YaHei"; height:37px; overflow:hidden; line-height:37px; color:#a7a7a7;}
		.topWrap h5 span{ float:right;}
		.topWrap h5 span a{ display:inline-block; background:url(images/top1.png) no-repeat left center; padding:0 10px 0 20px;}
		.topWrap h5 span a:nth-child(2){background:url(images/top2.png) no-repeat left center;}
		.topWrap h5 span a:nth-child(3){background:url(images/top3.png) no-repeat left center;}
		.topWrap h1{ width:213px; height:105px; padding-top:39px; float:left;}
		.topWrap h1 img{ display:block;width:213px; height:67px;}
		.topWrap h3{ width:602px; height:84px; font:24px "Microsoft YaHei"; font-weight:bold; color:#333; float:left; padding:44px 0 0 30px;}
		.topWrap h3 em{ display:block; font:22px "Microsoft YaHei"; color:#ff4800; padding-top:5px;}
		
		.topWrap p{ width:263px; overflow:hidden; margin-top:45px; height:70px; position:relative; background:url(images/lx.png) no-repeat left center; padding-left:55px; font:14px "Microsoft YaHei"; color:#333; float:right;}
		.topWrap p em{ display:block; font:30px Arial; color:#333; padding-top:5px;}
		.topWrap p span{ position:absolute; top:16px; right:0;}
		.topWrap p span b{ display:block;}
        
        .nav{ height:52px; overflow:hidden;}
        .nav li{ font-size: 16px; height:52px;  float: left; position:relative;}
        .nav li a{ display:inline-block; padding:0 27px; color:#fff;height:52px; line-height: 52px;  text-align: center; position:relative; z-index:1;}
		.nav li:after{content: '';position: absolute;width: 100%; height: 0;background-color: #ff4800;bottom: 0;left: 0;
    -webkit-transition: height .3s;
    transition: height .3s;}
		.nav li:hover:after,.nav li.cur:after{height:100%;}
		.nav li a:hover,.nav .cur a{ color:#fff;}
    

        .search{ height:60px; background:#eee; margin: 0 auto; overflow: hidden;}
        .search p{line-height:60px;height:60px;overflow: hidden; font-size: 14px; color:#666; background:url(images/icon.png) no-repeat left center; padding-left:19px;font-family:"Microsoft Yahei"; float: left;}
        .search p a{display: inline-block;padding:0 10px;color:#666;}
        .sea_in{ margin-top:16px; overflow: hidden; float: right;}
        .inp01{width:280px;height:30px;line-height:30px;border:none; color:#ccc;font-size:14px;padding-left:20px; float: left;font-family:"Microsoft Yahei"; float: left;background:url(images/sou1.png) no-repeat; outline:none;}
        .inp02{background:url(images/sou2.png) no-repeat;width:38px;height:30px;border:0; float: left;outline:none; cursor:pointer;}
    

        i,em{font-style: normal;}
        .footWrap{height:330px;overflow:hidden;font-family:"Microsoft Yahei"; position: relative; z-index: 2; }
        .footer{width:1200px;margin: 0 auto;}
        .fnav{ height:45px; background:#ff4800; overflow:hidden; font:16px "Microsoft YaHei"; height:45px; text-align:center;}
		.fnav a{ display:inline-block; color:#fff; line-height:45px; padding:0 25px;}
		.fnav a:hover{ font-weight:bold;}
		.flogo{ width:353px; height:161px; margin-top:64px; overflow:hidden;}
		.flogo img{ display:block;width:252px; height:83px;}
		.fwz{ width:555px; float:left; margin-top:44px;}
		.fwz li{ width:245px; float:left; height:50px; margin-bottom:40px;}
		.fwz li em{ display:block; width:40px; height:40px;float:left; margin-right:8px;}
		.fwz li em img{display:block; width:40px; height:40px;}
		.fwz li span{ display:block; width:190px; font:14px "Microsoft YaHei"; font-weight:bold; color:#333; float:left;}
		.fwz li span i{ display:block; font:18px "Microsoft YaHei"; color:#333;}
		.fwz li:hover em img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
		.code{ width:280px; overflow:hidden; margin-top:33px;}
		.code p{ width:111px; text-align:center; font:12px "Microsoft YaHei"; color:#999; line-height:27px;}
		.code p img{ display:block; width:99px; height:99px; padding:5px; border:1px solid #c3c3c3; border-radius:0.2rem;}
		.code p em{ display:block; width:111px; margin:0 auto;}
		.foot{ height:52px; font:12px "Microsoft YaHei"; line-height:52px; color:#999; border-top:1px solid #efefef;}
		.foot em{ padding:0 8px;}
		.foot a{ color:#999;padding:0 5px;}
		.foot a:hover{ color:#ff4800;}
		.foot span{ float:right;}
		/*animation*/
@-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);
  }
}
    

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