
        .content {
            width: 1400px;
            margin: 0 auto;
        }
        .t_top{    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;}
        .header {
            height: 106px;
            background: rgba(0, 0, 0, 0.4);
            position: relative;
            z-index: 99;
            
        }
        
        .header .content {
            width: 1400px !important;
        }
        
        .header .logo {
            float: left;
            padding-top: 26px;
            height: 80px;
        }
        
        .header .logo img {
            width: 168px;
        }
        
        .header .menu {
            height: 106px;
        }
        
        .header .menu ul {
            float: left;
        }
        
        .header em {
            display: inline-block;
            top: 40px;
            position: absolute;
            right:5%;
        }
        
        .header em a {
            display: inline-block;
            padding-left: 19px;
          
            line-height: 100%;
            color: #909ba2;
            font-size: 14px;
        }
          .header em i a{  background: url(images/t_map.png) no-repeat;}
        
        .header .menu li {
            position: relative;
            float: left;
            text-align: center;
        }
        
        .header .menu li > a {
            display: block;
            font-size: 15px;
            color: #fff;
            line-height: 106px;
            position: relative;
            z-index: 2;
            padding: 0 20px;
            box-sizing: border-box;
            height: 106px;
            -o-transition: color 0.5s ease;
            transition: color 0.5s ease;
            z-index: 5;
            ;
        }
        
        .header .menu li:after {
            position: absolute;
            content: "";
            width: 100%;
            height: 0;
            background: #028156;
            left: 0;
            bottom: 0;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            z-index: 3;
        }
        
        .header .menu li i {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 106px;
        }
        
        .header .menu li b {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 106px;
        }
        
        .header .menu li.cur > a,
        .header .menu li:hover > a {
            position: relative;
        }
        
        .header .menu li.cur:after,
        .header .menu li:hover:after {
            height: 106px;
        }
        
        body {
            min-width: 1200px;
            width: 100%;
            overflow-x: hidden;
        }
        
        i,
        em {
            font-style: normal;
        }
        
        .tb {
            position: relative;
        }
        
        .xiala {
            position: fixed;
            width: 1920px;
            left: 50%;
            margin-left: -969px;
            top: 106px;
            z-index: 30;
            background: #f2f2f2;
        }
        
        .xiala:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 26px;
            left: 0;
            top: 12px;
          
        }
        
        .xiala-cont {
            padding: 46px 0 35px;
        }
        
        .xiala-cont:after {
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
            clear: both;
        }
        
        .xiala-cont li {
            float: left;
            width: 100px;
            padding: 0 52px;
            position: relative;
            margin: 0 !important;
        }
        
        .xiala-cont li:after {
            position: absolute;
            content: '';
            width: 1px;
            height: 220px;
            background: #e7e7e7;
            left: 0;
            top: 11px;
        }
        
        .xiala-cont li.first {
            padding-left: 0;
        }
        
        .xiala-cont li.first:after {
            display: none;
        }
        
        .xiala-cont li.last {
            width: 240px;
        }
        
        .xiala-cont li.mr0 {
            padding-right: 0;
        }
        
        .xiala-cont li h4 a {
            display: block;
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            color: #333333;
            font-weight: normal;
        }
        
        .xiala-cont li p,
        .xiala-cont li span {
            height: 144px;
            display: block;
            padding-top: 3px;
        }
        
        .xiala-cont li p a {
            display: block;
            height: 32px;
            line-height: 32px;
            font-size: 16px;
            color: #666666;
        }
        
        .xiala-cont li span img {
            width: 240px;
            height: 134px;
            display: block;
            margin-top: 10px;
        }
        
        .xiala-cont li em {
            display: inline-block;
            height: 30px;
            padding-top: 20px;
        }
        
        .xiala-cont li em a {
            display: block;
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            color: #303030;
        }
        
        .xl_l {
            float: left;
        }
        
        .xl_l h3 {
            font-size: 18px;
            line-height: 1.1;
            padding-top: 20px;
            color: #333;
            padding-bottom: 20px;
            padding-top: 30px;
            font-weight: bold;
            text-align: left;
        }
        
        .xl_l h4 a {
            display: block;
            font-size: 16px;
            text-align: left;
            line-height: 36px;
            position: relative;
            color: #666;
            font-weight: normal;
            transition-duration: .3s;
        }
        
        .xl_l h4 a:hover {
            color: #028156;
            text-decoration: underline;
        }
        
        .xl_l h4 a:before {
            content: "";
            display: inline-block;
            vertical-align: top;
            margin-right: 6px;
            width: 4px;
            height: 4px;
            background: #000;
            position: relative;
            top: 16px;
        }
        
        .xiala-cont p {
            float: right;
        }
    

          .fullSlide .hd li:nth-of-type(2).on {corlor:#333;}
      

  .yf_l ul li span{display:block;}
    .yf_l ul li em{  position: relative;}
    .yf_l ul li em i{display:inline-block;}
    .yf_l ul li em sup{right:0;top:0;position: absolute;    right: -19px;
    top: -23px;
    position: absolute;
    color: #028156;
    font-size: 23px;}


     .cas_uu,.cas_dd{transition: all 0.3s linear 0s;}
.cas_uu:hover{transform: translateX(-6px);}
.cas_dd:hover{transform: translateX(6px);}
.cas_uu,.cas_dd,.n_uu,.n_dd{transition: all 0.3s linear 0s;}
.cas_uu:hover,.n_uu:hover{transform: translateX(-6px);}
.cas_dd:hover,.n_dd:hover{transform: translateX(6px);}
.case_r ul li span{display: inline-block; float: left;}
.case_r ul li span img:nth-of-type(2n){ display:none;}
.case_r ul li span:hover img:nth-of-type(2n){ display:block;}
.case_r ul li span:hover img:nth-of-type(1){ display:none;}
 

        .footer {background: #313131; height:525px; }
        .f_con { padding-top:90px; height:479px; -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box; box-sizing: border-box;        }
        .footer h4 {  border-bottom: 1px solid #626262;   margin-bottom: 33px; }
        .footer h4 strong {   display: block;font-size:18px;  line-height: 100%;
          color: #fff; font-weight: 400; }
        .footer h4 span {
          display: block;
          font-size: 16px;
          line-height: 100%;
          color: #808080;
          font-family: arial;
          font-weight: 400;
          padding: 9px 0 20px;
        }
        .f_contact {
          width: 360px;
        }
        .f_contact p {
          font-size: 14px;
          line-height: 36px;
          color: #999;
        }
        .f_contact p span{ font-size: 15px;}
        .f_contact h4 + p {
          font-size: 18px;
        }
        .f_menu {
          width: 360px;
          margin-left: 158px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }
        .f_nav a {
          display: block;
          font-size: 14px;
          line-height: 34px;
          color: #999;
          width: 151px;
          float: left;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
        }
        .f_nav a:hover {
          color: #fff;
        }
        .f_nav a:nth-child(odd) {
          margin-right: 58px;
        }
        .f_qr {
          width: 288px;
          line-height: 0; margin-top: 65px;;
        }
        .f_qr i{ float: left; width: 129px;}
        .f_qr i:nth-of-type(2){ float: right;}
        .f_qr img {
          width: 129px;
          height: 129px;
        }
        .f_qr span {
          display: block;
          font-size: 15px;
          color: #999;
          line-height: 1;
          text-align: center;
          margin-top:14px;
        }
        .f_info {
          height: 41px;
          line-height: 0;
          font-size: 0;
          border-top: 1px solid #626262;
        }
        .f_info span {
          display: inline-block;
          font-size: 14px;
          color: #808080;
          line-height: 41px;
        }
        .f_info a {
          color: #808080;
        }
        .f_info span:nth-child(2) {
          margin: 0 20px;
        }
        .clearfix:after {
          content: ".";
          height: 0;
          display: block;
          visibility: hidden;
          clear: both;
        ;
        }
      

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