body{min-width:1200px;width:100%;overflow-x:hidden;}
            i,em{ font-style:normal;}
            .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
            .header{height:154px;position: relative;background: url(../images/t_bg.jpg) repeat-x 0 bottom; z-index:56; padding-top:33px;}
    
            .h_top{height:69px; line-height: 36px; font-size: 14px; color: #898989;}
            .h_top i{ display: inline-block; float: right; position: relative; padding-right: 127px;}
            .h_top i a{ display: inline-block;color: #898989; padding-left: 22px; margin-left: 23px;background: url(../images/t_ico1.jpg) no-repeat left 10px;}
            .h_top i a:nth-of-type(2){background: url(../images/t_ico2.jpg) no-repeat left 10px;}
            .h_top i a:nth-of-type(3){background: url(../images/t_ico3.jpg) no-repeat left 10px;}
            .h_top i a:nth-of-type(4){background: url(../images/t_ico4.jpg) no-repeat left 0; height: 55px; width: 120px; color: #fff; box-sizing: border-box; padding-top: 33px; line-height: 100%; position: absolute; top: 0; right:-22px;}
            .h_top i a:hover{ color: #000;text-decoration: underline;}
            .h_top i a:nth-of-type(4):hover{ color: #fff;}
            .h_con{ height:94px; clear:both;}
            .h_con .logo{float: left;margin:0 20px 0 0;}
            .h_con p{ float: left; padding:3px 0 0 0; width: 705px; line-height: 100%; font-size:20px; color: #333333;}
            .h_con p i{ display: block; line-height: 100%; font-size:22px; color: #333333; font-weight: bold; padding-bottom: 10px;}
            .h_con em{ display: block; float: right; margin-top:-5px;  font-size: 16px; color: #666666; line-height: 100%;background: url(../images/t_tel.jpg) no-repeat 0 25px ; padding-left: 38px;}
            .h_con em span{ display: block;line-height: 100%; font-family:Arial; color: #333333; font-size:28px; padding-top:8px;font-weight: bold;}
            .h_con em i{ display: block; line-height: 100%;}
       
            .h_nav ul li{float: left;font-size: 18px;position: relative; box-sizing: border-box;background: url(../images/t_lin.jpg) no-repeat right 27px;}
            .h_nav ul li:last-of-type{ background: none;}
            .h_nav ul li a{color: #fff;display: block; font-size:16px; position: relative;z-index: 5;text-align: center;font-weight: normal;height:60px;  line-height: 60px; padding:0 24px 015px; box-sizing: border-box;width: 170px;}
            .h_nav ul li a span{ display:block;}

            .h_nav li.cur a,.h_nav li a:hover{ background: url(../images/t_lic.jpg) no-repeat center 0 #71b800;}
            
            .h_nav ul li{position:relative;}
              .h_nav ul li em{ position:absolute; left:0;top:60px;z-index: 5; background:#0a68c0; display:none;transition:all 0.2s; width:170px;}
              .h_nav ul li:nth-of-type(6) em{ left: -15%;}

              .h_nav ul li em a{ font-size:14px;height:53px; line-height:53px;}
              .h_nav li:hover em{ display:block;animation-duration: 0.15s;animation-name: fadeInUp1;}
             
                 .h_nav li:nth-of-type(7) em a{ padding-left:0;padding-right:0;}
                         .h_top3{ width:100%;position:fixed; left:0; top:0; z-index:56;    height: 60px; padding-top:0;}
                .h_top3 .h_con{ display:none;}
      
                .h_nav li.cur em a, .h_nav li a:hover em a{background: #0a68c0;}
                .h_nav li.cur em a:hover, .h_nav li  em a:hover{background: #71b800;}
          

        

    .tils ul li b{    
    margin: 0 auto;
    width: 165px;}
    .tils ul li{width: 25%;}
    .tils ul li i:before{left:127px;
    top: 129px;
    width: 50px;}
.tils ul li:hover b{left: 67px;}
.tils ul li:hover i::before {top: 153px;}


     .yaoj ul li b{overflow: hidden;}
     .yaoj ul li b img{transition: all 0.3s linear 0s;}
       .yaoj ul li b img:hover{transform: scale(1.05);}
 

    .xw_ri{overflow: hidden;}
        .xw_ri ul {font-size: 24px;float: left;}
        .xw_ri ul li{ padding:0 18px 0 0;}
           .xw_ri ul li:nth-child(2){padding:0  0 0 18px;}
        .xw_ri ul li{ display: inline-block; line-height: 100%;}
 .xw_ri ul li a{ display: inline-block; line-height: 100%; font-size: 24px; color: #333;font-weight: normal;}
      .xw_ri  em{ display: inline-block; float: right; margin-top: 10px; ;font-weight: normal; line-height: 100%;}
.xw_ri em a{ display: inline-block;padding-right: 15px; color: #333; text-transform: uppercase;background: url(../images/xw_m.jpg) no-repeat right 2px;}
.xw_ri ul li.cur a{font-weight:bold;}
  

            .footer {height:583px; overflow: hidden; position: relative;  padding-top: 48px;background:url(../images/f_bg.jpg) no-repeat center 0; box-sizing: border-box;}
            .footer .h_con .logo{ padding-top: 20px;}
            .footer  .h_con{ height: 200px;}
            .footer  .h_con p{ padding-top: 23px; padding-left: 17px;}


            .f_on{ overflow: hidden;}


            .f_om{ height: 393px;}
            .f_nav{ height:63px; font-size: 16px; text-align: center; margin-bottom:101px;}
            .f_nav a{ color: #fff; line-height: 100%; padding: 0 12px; display: inline-block;position: relative;}
            .f_nav a:hover{text-decoration: underline;}
            .f_nav a:before{ content:""; position:absolute;height:5px;width:5px;right:0;top:6px; background:#5096de;border-radius: 5px;}
            .f_nav a:last-of-type:before{ background: none;}
            .f_on p:nth-of-type(1){ width: 455px; margin-right: 90px; float: left;}
            .f_on p:nth-of-type(1) em span{ display: block; margin-bottom: 22px; font-size: 14px; color: #fff;}
            .f_on p:nth-of-type(1) em span b{ font-size: 18px;}
            .f_on p:nth-of-type(2){  width: 415px;; float: left; padding-top: 0; float: left;}
            .f_on p em{ display: block;  height: 175px;}
            .f_on p:nth-of-type(2) em a{ display: inline-block; width: 140px; margin-bottom: 22px; font-size: 14px; color: #fff;}
            .f_on p strong{ display: block; color: #b9cdee; font-size: 14px;font-weight: normal;}
            .f_on p strong span{ padding: 0 7px;}
            .f_on p strong a{color: #b9cdee;}
            .f_on p i{ font-size: 20px; color: #fff; font-weight: bold;background:url(../images/f_h.png) no-repeat 100px 8px; display: block; height: 77px;}
            .f_on p i span{ display: block; font-weight: normal; line-height: 100%; font-size: 14px; text-transform: uppercase; opacity: 0.6; padding-top: 11px;}
            .f_on h4{ width: 228px; text-align: center; float: right; color: #fff; padding-top: 10px; }
            .f_on h4 i{ display: block; line-height: 100%; font-size: 22px;font-weight: normal;padding-bottom: 36px}
            .f_on h4 i span{ display: block; font-weight: bold; letter-spacing: 4px; font-size: 30px; line-height: 100%; padding-bottom: 6px;;}
            .f_on h4 em{ display: inline-block; text-align: center;    padding-left: 6px;}
            .f_on h4 em img{ width: 105px;}
            .f_on h4 em span{ display: block; font-size: 16px;font-weight: normal; padding-top: 33px;}
        

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