
        i , em{font-style: normal;}
        .topWrap{ height:196px;background:url(../images/h_top_bg.jpg) no-repeat center top;overflow:hidden;}
        .topWrap .header{ width:1200px;height:196px;margin:0 auto; font-family: "Microsoft YaHei"; position:relative;}
		.topWrap h1{ width:288px; height:98px; padding-top:38px; float:left;}
		.topWrap h1 img{ display:block;width:262px; height:69px;}
		.topWrap h3{ width:377px; height:70px; font:30px "Microsoft YaHei"; color:#000000; float:left; padding:34px 0 0 15px; font-weight:bold;}
		.topWrap h3 em{ display:block; padding-top:5px; font:18px "Microsoft YaHei"; color:#555; letter-spacing:9px;}
		
		.topWrap p{ width:228px; margin-top:35px; font:30px Arial;color:#252525; background:url(../images/lx.jpg) no-repeat left center; padding-left:85px;float:right;}
		.topWrap p em{ display:block;}
        
        .nav{ height:60px;}
        .nav li{ font-size: 16px; height:60px;  float: left; position:relative;}
        .nav li a{ display:block; /*padding:0 38px;*/ color:#fff;height:60px; line-height: 60px;  text-align: center; position:relative; z-index:1;width:120px;}
		.nav li:before{ content:""; position:absolute; top:20px; right:0; width:1px; height:23px; background:#ac2204; border-right:1px solid #d15237;}
		.nav li:after{content: '';position: absolute;width: 100%; height: 0;background:url(../images/nav_hover.jpg) no-repeat center top;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:#111; font-weight:bold;}
    

		.footWrap{ background:#333; height:250px; overflow:hidden;}
		.footWrap .footer{ width:1200px; margin:0 auto;}
		.fnav{ height:96px; border-bottom:1px solid #484848; overflow:hidden; text-align:center; font:16px "Microsoft YaHei"; line-height:96px; color:#fff;}
		.fnav a{ display:inline-block; color:#fff; padding:0 26px;}
		.fnav a:hover{ font-weight:bold; color:#c52705;}
		.flogo{ width:315px; height:175px; overflow:hidden; padding:50px 0 0 0;}
		.flogo img{ display:block; width:240px; height:71px;}
		.flogo em{ display:block; font:30px Arial; color:#fff; line-height:40px; height:40px; margin-top:15px; background:url(../images/flx.png) no-repeat left center; padding-left:45px;}
		.flink{ width:705px; margin-top:50px;}
		.flink li{font:14px "Microsoft YaHei"; width:265px; margin-right:22px; line-height:24px; color:#bfbfbf; float:left;}
		.flink li em{ display:block; width:50px; height:50px; margin-bottom:8px;}
		.flink li em img{display:block; width:50px; height:50px;}
		.flink li span{ display:block;}
		.flink li:last-child{ width:129px; margin-right:0;}
		.flink li:hover em img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
		.code{ width:166px; margin-top:51px; overflow:hidden; background:#515151; height:128px;}
		.code img{ display:block; width:98px; height:98px; border:15px solid #fff; float:left;}
		.code p i{ display:block; width:20px; font:14px "Microsoft YaHei"; color:#fff; opacity:0.6; line-height:17px; float:left; padding:3px 0 0 12px;}
		.foot{ /*height:64px; border-top:1px solid #484848;*/ font:14px "Microsoft YaHei";line-height:40px;margin-top: 15px; }
		.foot a{ color:#fff; opacity:0.3;}
		.foot em{ padding:0 8px;}
		.foot a:hover{ color:#c52705; font-weight:bold; opacity:1;}
		.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: #c52704;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #c52704;
            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;
        }
    
