
            .topWrap{height:190px;font-family:"Microsoft Yahei";position: relative;z-index: 3;background: url(images/head_bg.jpg) no-repeat center center;}
            .content{width:1200px;margin:0 auto}
            
            .h_con{height: 128px;}
            .logo{float:left;width:258px;height:48px;padding-top:36px; }
            .logo img {width:258px;height:48px;}
            .t_wz{position: relative;float:left;padding:0 0 0 20px;margin-left: 20px;margin-top: 28px;}
            .t_wz span{display: block;line-height:28px;font-size:28px;color: #0054ba;font-weight: bold;}
            .t_wz em{display: block;line-height:40px;font-size:17px;color: #4c4c4c;font-weight: normal;width: 345px;height: 40px;text-align:center;margin-top: 10px;background: url(images/head_dd.png) no-repeat center;}
           
            .t_tel{float: right;margin-top:35px;}
            .t_tel img{ display: inline-block;width: 42px;height: 42px;margin-right: 20px;animation: downup 1s infinite linear;-webkit-animation: downup 1s infinite linear;}

        @keyframes downup { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -8px); } 100% { transform: translate(0, 0); } }
        @-webkit-keyframes downup { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -8px); } 100% { -webkit-transform: translate(0, 0); } }
            .t_tel em{display: inline-block;font-size:36px;color: #333333;font-weight: bold;line-height:36px;font-family: "Arial";}     
            .t_tel em span{ font-size: 16px;color: #4c4c4c;line-height: 18px;display: block; font-weight: normal;width: 230px;height: 18px;text-align: center;background: url(images/head_dt.png) no-repeat center;margin-bottom: 3px;}
            .nav {height:68px;position: relative;margin-top: -6px;}
            .nav li {float:left;height:68px;position: relative;z-index:9;box-sizing: border-box;background: url(images/h_line.png) no-repeat left 6px;position: relative; }
            .nav li.cur:after,.nav li:hover:after{background: url(images/san1.png) no-repeat center; width: 7px;height: 6px;left:-7px; content: "";top:0;position: absolute;z-index: 20;}
            .nav li.cur:before,.nav li:hover:before{background: url(images/san2.png) no-repeat center; width: 7px;height: 6px;right:-7px; content: "";top:0;position: absolute;}
            .nav li>a{font-size:17px;color:#ffffff;display:block;height:68px;line-height:68px;position: relative;z-index: 2;padding: 0 28px;}
            .nav li.cur>a:after,.nav li>a:hover:after{content: "";width:13px;height:13px;background: url(images/head_yuan.png) no-repeat center;position: absolute;left:50%;bottom:-6px;transition:all 0.5s;margin-left: -6px;z-index: 20;}
            
            .nav li:hover>a,.nav .cur>a {color: #fff;background: url(images/nav_bg.png) repeat-x center;}
            .nav li:first-child{background:none;margin:0;}
            em,i{font-style: normal;}

      

        

    .case2 {
    float: left;
    width: 127%;
}


       
        .sp1 li {
            width: 285px;
           
            height: 214px;
        }
        
        .sp1 li img {
            width: 285px;
            height: 214px;
            display: block;
        }
        .sp2 li img {
            width: 590px;
            height: 443px;
            display: block;
        }
      
        .vido-btn {
            cursor: pointer;
        }
        
        .vido-Fixed {
            position: fixed;
            width: 600px;
            height: 443px;
            left: 50%;
            margin-left: -300px;
            top: 50%;
            margin-top: -229px;
            z-index: 50;
        }
        
        .vido-Fixed video {
            width: 100% !important;
            height: 100% !important;
            background: #333;
        }
        
        .vido-close {
            position: absolute;
            width: 40px;
            height: 40px;
            background: rgba(0, 0, 0, 0.9);
            line-height: 40px;
            font-size: 20px;
            color: #fff;
            font-family: 'Arial';
            text-align: center;
            right: 0;
            top: -40px;
            z-index: 999;
            cursor: pointer;
        }
    

        .footWrap{font-family:"Microsoft Yahei";background:url(images/foot_bg.jpg) no-repeat center;box-sizing: border-box;height: 410px;padding-top: 44px;}
        .footer{width:1200px;margin: 0 auto; position: relative;}
        .f_con{ box-sizing: border-box;padding-top: 60px;height: 218px;}
        .f_nav{height: 78px;border-bottom: 1px solid #bfc7cf;box-sizing: border-box;position: relative;position: relative;}
        .f_nav h2 img{ display: block;width: 258px;height: 48px;position: absolute;left:448px;top:15px; }
        .f_nav li a{float:left;margin-right: 23px;font-size: 17px; color:#1a1a1a;display: block;height: 78px;line-height: 78px;}
        .f_nav li:last-child a{ margin-right: 0; }
        .f_nav li:nth-child(3) a{ margin-right: 314px; }
        .f_xx{ float: left;width: 432px;}
        .f_xx li{font-size: 16px;color: #4c4c4c;line-height: 16px;height: 40px;margin-bottom: 9px;}
        .f_xx li img{ display: inline-block;width: 40px;height: 40px; vertical-align: -13px;margin-right: 9px;}
        .f_xx li b{font-size: 30px;color: #333333;line-height: 30px;font-family: Arial;display: inline-block;vertical-align: -5px;} 
        .gsxx{ float: left;width: 356px;margin-top: -10px;}
        .gsxx li{font-size: 16px;line-height: 35px;color: #4c4c4c;font-weight: normal;}
        .gsxx li a{ color: #4c4c4c; }

        .f_er{ float: right;width: 410px;float: right; }
        .f_er span{display: block; width:200px;position: relative;height: 110px;border:1px solid #d1dce8;box-sizing: border-box;float: left;background: #fff;border-radius: 3px;padding: 4px;}
        .f_er span:last-child{ float: right; }
        .f_er span i{display: block; width:102px; line-height: 0; overflow: hidden;position: relative;float: left;}
        .f_er span i img{width:102px;display: block;height: 102px;}
        .f_er span em{display: block;float: right;width:88px;height: 102px;padding-top: 14px;font-size: 15px;line-height: 25px;color: #666666;box-sizing: border-box; text-align: center;}
       .f_er span:last-child em{ padding-top: 28px; }
        .f_er span i:after{display:block;position:absolute;left:0px;top:0;width:100%;height:35px;content:"";animation:light 5s infinite;-webkit-animation:light 5s infinite;background:url(images/code_shadow1.png) no-repeat 0 0;}
        @keyframes light{
          0%{top:0;}
          50%{top:100%;}
          100%{top:-40px;}
                }

       
        .link{height:70px;box-sizing: border-box;}
        .link span{display: block; float:right;}
        .link span em{display: block; height:70px;line-height: 70px;float:left; margin-left: 32px; font-size: 14px; color:#fff;opacity: 0.7}
        .link span em a{font-size: 14px; color:#fff;}
        .link strong{display: block; float:left;}
        .link strong i{display: block; height:50px; line-height: 70px;font-size: 14px; color:#fff;float:left;font-weight: normal;margin-right: 20px;opacity: 0.7}
        .link strong a{display: block;height:70px; line-height: 70px; float:left; font-size: 14px; color:#fff; font-weight: normal;margin-right: 20px;opacity: 0.7}
         .link strong a:last-child{ margin-right: 0; }
        em,i{font-style: normal;}
    

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#0053b9 url(images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#0053b9 url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#0053b9 url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#0053b9 url(images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#0053b9 url(images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#0053b9 url(images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#0053b9 url(images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
    
