﻿
	  .f_pr{position:relative;}
	.f_pa{position:absolute;}
	.header , .content , .footer { width:1200px; margin:0 auto;  }
	em{font-style:normal;}
      .g_top{ height:239px; background:url(../images/topbg.jpg) repeat-x center top;}
      .g_top .m_top{height: 169px;}
      .top_t{ height:40px; line-height:40px;color:#888888;font-size: 14px;}
      .top_t p{ float:right;}
      .top_t p a{ padding: 0 20px 0 30px; display: inline-block; color:#888888;position: relative;}
      .top_t p a:hover{color:#00e7e6;}
      .top_c .tlogo{ float:left; padding:30px 6px 0 0;}
      .top_c h2{ float:left; height:60px; margin:53px 0 0 0; color: #333333; font-size: 24px; font-weight: normal;}
      .top_c h2 em{ display:block; color:#666666; font-weight:normal; font-size: 22px; padding-top: 3px; }
      .top_c p{ float:right; margin:39px 0 0 0 ;padding: 0 0 0 52px; background:url(../images/tel.jpg) no-repeat left 2px; }
      .top_c p b{display: block; color:#666666; font-size:14px;font-weight: normal;}
      .top_c p span{ display:block; font-size:30px; color:#012971;font-family: arial; }

       .g_nav{height:70px; line-height: 70px; }
        .g_nav li{position: relative; float:left; font-size:16px;border-right: 1px solid #dddddd;}
        .g_nav li a{ display:block;float: left; padding: 0 43px; color:#fff; line-height:70px; text-decoration: none;}

        .g_nav li a:hover,.g_nav .cur a{color: #fff;
            background: #e6012e; 
          }
        .g_nav .lastli{background: none;}


    
 
 .banner .slick-arrow {
            position: absolute;font-size: 0;
            top: 50%; 
            z-index:12;
            width: 100px;
            height: 100px;
            margin-top: -42px;
            border: 0;
        }
        .banner .slick-prev {outline: none;
            left: 5%; display: none; background:none; position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
           background:url(../images/probt1.png) no-repeat;width:30px;height: 84px;
        }
        .banner .slick-next {outline: none;
            right: 5%; display: none;background:none;position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
           background:url(../images/probt2.png) no-repeat;width:30px;height: 84px;
        }   

    .banner img {
            display: block;
            width: 100%;
            margin:0 auto;
        }
      
       .slick-dots {
            position: absolute;
            left: 0; font-size:0;
            bottom: 5%;
            width: 100%;
            text-align: center;
            outline: none;
            
        }
        .slick-dots li {
            display: inline-block;
            margin: 0 15px; outline: none;
        }
        .slick-dots li button {
            display: block;
            border: 0 none;width: 15px;height: 15px;
            color: #fff; border-radius: 50%;
            background-color: #fff;
            outline: none; transition: all 0.3s linear 0s;
        }
        .slick-dots .slick-active button {
            background-color: #01a6e8;width:60px;border-radius: 30px;
        }
        


    
/*案例*/
.case{position: relative;padding:20px 0;z-index: 1;background: #f0f0f0;height: 345px;}
.case h2{height: 134px;text-align: center;font-size: 50px;color: #333333;font-weight: bold;position: relative;}
.case h2 a{color: #333;}
.case h2 em{display: block;font-size: 20px;color: #666666;padding-top: 6px;font-weight: normal;}

.case_t{width: 229px;height: 663px; background:url(../images/anflbg.jpg) no-repeat;padding-top: 29px;box-sizing: border-box;}
.case_t li{height: 104px;border-bottom: 1px solid rgba(255,255,255,.12);box-sizing:border-box;position: relative;padding-left: 80px;font-size: 20px;color:#fff;line-height: 104px;}
.case_t li i{position: absolute;left:35px;top:32px;width:44px;height: 44px;}
.case_t li i img{width:44px;height: 44px;display: block;}
.case_t li a{color: #fff;display: block;}
.case_t li.cur{background:url(../images/anfltit.png) no-repeat center 26px; text-align:center;font-size: 20px;color:#00b8e7;padding-left: 0;}
.case_t li.cur a{color: #00aee8;font-weight: bold;}
.case_t li.cur i{display: none;}

.morehy{height: 104px;box-sizing:border-box;position: relative;padding-left: 80px;font-size: 20px;color:#fff;line-height: 104px;}
.morehy i{position: absolute;left:35px;top:32px;width:44px;height: 44px;}
.morehy i img{width:44px;height: 44px;display: block;}
.morehy a{color: #fff;display: block;}
.case_c{width: 939px;overflow: hidden;margin-bottom: 24px;}
.case_c dt,.case_c dt img{width: 939px;display: block;height:528px;overflow: hidden;}
.case_c dt{position: relative;overflow: hidden;}
.case_c dt img{width: 939px;height:528px;display: block;}
.case_c dt span{position: absolute;left:608px;top:257px;width:248px;height: 248px;border-radius: 50%; transition: all 0.3s linear 0s; }
.case_c dt span img{width:244px;height: 244px;display: block;border-radius: 50%;}
.case_c dt span:before{content: "";position: absolute;background:url(../images/ansha.png) no-repeat;width:248px;height: 248px;left:-1px;top:0;}
.case_c dd{height: 135px;padding:16px 50px 0;box-sizing:border-box;background: #fff;}
.case_c dd h4{display: block;font-size: 20px;line-height:44px;height:44px;color: #333333;font-weight: bold;}
.case_c dd h4 a{display: block;color: #333; }
.case_c dd h4 em{display: inline-block;font-size: 16px;font-weight: normal;padding-left: 34px;background:url(../images/anline.jpg) no-repeat 9px 11px;}
.case_c dd p{font-size: 14px;line-height: 22px;color:#666666;}
.case_c dl:hover span{transform: rotateY(180deg);}


/*合作*/
.part{height:256px;line-height:45px;font-size: 16px;color: #666;clear: both;}
.part h3{border-bottom: 1px solid #c5c5c5;font-size: 20px;font-weight: normal;height: 57px;line-height: 57px;margin-bottom: 22px;}
.part h3 b a{padding-left: 48px;background:url(../images/hztit.png) no-repeat 0 center;color: #2c353c;}
.more01 a{font-size: 14px;color: #333;}
.prev2,.next2{width:20px;height:32px;display: inline-block;cursor: pointer;top:120px;right:-40px;z-index: 9;background:url(../images/rjt.png) no-repeat 0 0;}
.prev2{left:-40px;background:url(../images/ljt.png) no-repeat 0 0;}
.prev2:hover,.next2:hover,.prev3:hover,.next3:hover{background-position: -20px 0;}
.part_c li{float: left;margin:0 18px 0 0;text-align: center;}
.part_c li p{border: solid 1px #dfdfdf;}
.part_c li p,.part_c li p img{width: 224px;height: 200px;display: block;overflow: hidden;}
.part_c li span{display: block;line-height: 47px;}
.part_c li span a{display: block;color: #6b6b6b;}




.g_ft{ height:352px; background: url(../images/ftbg.jpg) no-repeat center top;padding-top: 85px;box-sizing: border-box;}
.g_ft .ftico{position: absolute;left:50%;top:-85px;width:46px;height: 46px;margin-left: -23px;}
.g_ft .f_ftcon{background: url(../images/addbg.png) no-repeat;width:1200px;height: 162px;margin-bottom: 36px;padding: 46px 0 0 60px;box-sizing: border-box;}
.g_ft .f_ftcon li{float: left;}
.g_ft .f_ftcon li:nth-child(1){width:500px;}
.g_ft .f_ftcon li:nth-child(2){width:350px;}
.g_ft .f_ftcon li:nth-child(3){width:260px;}

.g_ft .f_ftcon li b{display: block;padding-left: 43px;position: relative;font-size: 14px;font-weight: bold;color:#fff;line-height: 30px;}
.g_ft .f_ftcon li i{position: absolute;left:0;top:0;}
.g_ft .f_ftcon li span{display: block;padding-left: 43px;}
.g_ft .f_ftcon li:nth-child(1) span{font-size: 14px;line-height: 24px;color:#fff;}
.g_ft .f_ftcon li:nth-child(2) span{font-size: 20px;line-height: 26px;color:#fff;}
.g_ft .f_ftcon li:nth-child(3) span{font-size: 18px;line-height: 40px;color:#fff;}
.g_ft .m_fnav{  height:36px; line-height:36px; margin-bottom: 17px; font-size: 18px;color:#fff; margin:0 15px;}
.g_ft .m_fnav a{ color:#fff; padding:0 26px;  font-size: 18px; font-weight: normal;display: inline-block;}
.g_ft .m_fnav a:hover{color:#00aee8;}
.g_ft .copyr{font-size: 14px;line-height: 22px;text-align:center;color:rgba(255,255,255,.8);margin-bottom: 35px;}
.g_ft .copyr a{color:rgba(255,255,255,.8);}

.g_ft .m_code{margin-left: 468px;}
.g_ft .codelst li{float: left;width: 110px;height: 110px;margin-right: 46px;}
.g_ft .codelst li img{width: 110px;height: 110px;display: block;margin: 0 auto;}
.g_ft .codelst .code2{margin-right: 0;}
.g_ft .codelst li em{display: block;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;}









      

        .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:#00a7e8 url(../images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#00a7e8 url(../images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#00a7e8 url(../images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#00a7e8 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:#00a7e8 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:#00a7e8 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:#00a7e8 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;
        }
    
