@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(/files/files/iconfont.eot.txt),
  url(/files/files/iconfont.woff) format('woff'),
  url(/files/files/iconfont.ttf) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1200px; margin:0 auto;}
.box:after{
    display: block;content: "";clear: both;
}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1200px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.n_box{
    width: 1200px;margin: 0 auto 50px auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}

/*抬头*/
.top_all{
width: 100%;min-width: 1200px; background:#fff; padding: 30px 0 20px 0;
}
.top_all .logo img{
    display: block;height:50px;width: auto;
}
.top_all .name{
  color: #222;
}
.top_all .name i{line-height:46px;
    color: #173573;display: block;font-size: 36px; font-weight: bold;
}
.top_all .name em{
    display: block; font-size:18px;
}
.top_all .tel{ margin-top: -5px;
    position: relative;line-height: 26px;
}
.top_all .tel:before{
    display: block;font-size: 22px;color: #666;margin-right: 5px;float: left;
}
.top_all .tel dl{float: left;
    font-size: 16px;color: #666;
}
.top_all .tel p{
    float: left;font-size: 26px;font-weight: bold;color: #173573;
}
.top_all .tel p span{
    font-size: 28px;
}

/*导航*/
.mintop{
        position: fixed !important;top: 0;
    }
    

/*主营业务*/
.main_all{
    width: 100%;min-width: 1200px; margin-top: 60px;
}
.main_t{ margin-bottom:20px;
    text-align: center;font-size: 16px;color: #666;line-height:36px;
}
.main_t dl{
    font-size:36px;color: #173573;font-weight: bold;
}
.main_t p{}

.main_b{
    position: relative;
}

.main_b a{position: relative;overflow: hidden;
    width: 32%;float: left;box-sizing: border-box;overflow: hidden; margin: 0 2% 2% 0;
}
.main_b a:nth-of-type(3n){
    margin-right: 0;
}

.main_b a .pic img{
    display: block;width: 100%;height: auto; transition: all ease 0.5s;
}
.main_b a:hover .pic img{
    transform:scale(1.2);
}

.main_b a .txt{ background: url(/files/images/main_bg.png)center top no-repeat;height: 100%;
position: absolute;left: 0;top:0;color: #fff;line-height:30px; padding:35px 40px;box-sizing: border-box;width: 100%;
}
.main_b a .txt span{
    font-size: 22px;font-weight: bold;display: block;
}
.main_b a .txt em{display: block;
    font-size: 14px;
}
.main_b a:hover .txt{
    color: #f4ae00;
}

/*经典案例*/
.case_all{
    width: 100%;min-width: 1200px;background: #f5f5f5;padding: 60px 0 40px 0;margin-top:40px;
}

.caselist{
    position: relative;margin-bottom: 20px;
}
.caselist>div+div{margin-top: 10px;
    
}
.caselist div:nth-of-type(2) li .list1{
    line-height: 110px;
}
.caselist li{
    display: block;position: relative;width: 100%;background: #333;
}
.caselist li+li{
    margin-top: 10px;
}

.caselist li .list1{float: left; font-size: 18px;font-weight: bold;
    display: block;line-height:60px; width: 15%;text-align: center;color: #fff;
}
.caselist .nep01 li{background: #173573;}
.caselist li .menu2{
    width: 85%;box-sizing: border-box;padding: 10px 10px;display: block !important;border: 1px solid #e7e6e6;border-left: none;background: #fff;
}
.caselist li .menu2 a{font-size: 15px;
    display: block;width:13.4%;line-height: 40px;color: #555;background: #f5f5f5;text-align: center;float: left;
}
.caselist li .menu2 a+a{
    margin-left: 1%;
}
.caselist li .menu2 a:nth-of-type(7n+1){
    margin-left: 0;
}
.caselist li .menu2 a:nth-of-type(n+8){
    margin-top: 10px;
}
.caselist li .menu2 a:hover{
    background: #173573;color: #fff;
}
.case_b li{
    display: none;
}
.case_b li.on{
display: block;
}
.case_b a{position: relative;overflow: hidden;
    width: 32%;float: left;box-sizing: border-box;overflow: hidden; margin: 0 2% 2% 0;
}
.case_b a:nth-of-type(3n){
    margin-right: 0;
}
.case_b a .pic{
    overflow: hidden;width: 384px;height: 288px;
}
.case_b a .pic img{
    display: block;width: 384px;height: 288px; transition: all ease 0.5s;
}
.case_b a:hover .pic img{
    transform:scale(1.2);
}

.case_b a .txt{ background:#fff;text-align: center;
color: #555;line-height:50px;  padding: 0 10px;
}

.case_b a:hover .txt{
    color: #fff;background: #173573;
}
.hidden{
    display: none;
}


/*公司简介*/
.about_all{
    width: 100%;min-width: 1200px;margin-top: 60px;
}
.about_l{width:570px;box-sizing: border-box;text-align: justify;font-size: 14px;color: #666;
    
}
.about_l dl{
    font-size:36px;font-weight: bold;color: #173573;line-height:40px;
}
.about_l dl a{font-size:36px;color: #173573;}
.about_l dl:hover a{
    color: #ee0000;
}

.about_l p{line-height:32px;overflow : hidden;margin:18px 0 19px 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.about_l .video{position: relative;
    width: 100%;height:320px;overflow:hidden;
}
.about_l .video img{
    display: block;width: 100%;position: absolute;bottom: 0;left: 0;
}
.about_r{text-align: center;box-sizing: border-box;
    width:580px;
}
.about_r a{float: left;border: 1px solid #dedede;transition: all 0.2s linear; overflow: hidden;position: relative;
    width: 290px;height: 175px;text-align: center;box-sizing: border-box;padding:45px 50px 0 50px;line-height:34px;
}
.about_r a:after{z-index:-1;
    display:block;content:""; background: #173573;position: absolute;width: 290px;height:175px;top: 0;left: 0;
    transform: rotate(-90deg);
-webkit-transform-origin:0% 100%;transition: all ease 0.5s;
}
.about_r a:hover:after{ box-shadow: 0 0 10px rgba(0,0,0,10%);
 color:#fff;transform: rotate(0);
}
.about_r a:hover i,.about_r a:hover em{transition: all 0.2s linear;
    color: #fff;
}
.about_r a:nth-of-type(n+3){
    border-top:none;
}
.about_r a:nth-of-type(2n){
    border-left:none;
}
.about_r a i{line-height: 50px;
    font-size: 50px;color: #173573;
}
.about_r a em{
    display: block;font-size: 20px;font-weight: bold;color:#222;
}
.about_r a span{
    color:#999;line-height: 20px;text-transform: uppercase;font-family: "arial";
}

/*版权*/
.copy_all{width: 100%;min-width: 1200px;padding:45px 0 25px 0;background: #173573;
}
.nav_bttom{min-height: 50px;
   
}
.nav_bttom li{
    display: block;float: left;
}
.nav_bttom li+li{
    margin-left: 25px;
}
.tel_b{
    margin-left: 25px;width:340px;
}
.tel_b dl,.nav_bttom .list1{
    display: block;line-height: 50px;color: #fff;font-size:17px;
}
.tel_b dl:after,.nav_bttom .list1:after{
    display: block;content: "";width:17px;height:1px;background:rgba(255,255,255,10%);margin: 10px 0 20px 0;
}
.tel_b p,.nav_bttom .list2{
    display: block;font-size: 15px;color: #4c669d;line-height: 32px;
}

.copy_all .code{
    width: 160px;
}
.copy_all .code img{
    display: block;width: 130px;float: left;height: auto;
}
.copy_all .code span{color: #fff;line-height:15px;font-size: 14px;
    display: block;width:30px;height: 130px;box-sizing: border-box; padding:10px 3px;text-align: center;float: left;
    background: rgba(255,255,255,0.2);
}
.mgt20{
    margin-top: 20px;
}
.nav_bttom .list2:hover{
    color: #fff;
}
.copyW{text-align: center;
    border-top: 1px solid rgba(255,255,255,10%);padding-top:30px;margin-top: 20px; font-size: 14px;color: #4c669d;line-height: 24px;
}
.copyW a{color: #4c669d; font-size: 14px;}
.copyW a:hover{
    color: #fff;
}

/*内页业务分类*/
 .prod_list{ margin-bottom:40px; background: #f5f5f5;z-index: 1;
     text-align: center; height: 140px; overflow: hidden;position: relative;
 }
   .prod_list .menu{position:relative;}
  .prod_list .menu>li{display: block; text-align: center; width:15.97%; padding: 0; float: left;transition:all 0.5s linear; -webkit-transition:all 0.5s linear;line-height: 50px;}
.prod_list .menu>li+li{margin-left:10px;}
  
  .prod_list .menu>li a{ display: block; font-size:17px; color: #222; height:50px;background: #eee;
      position: relative;
  }
  .prod_list .menu>li a h2{
      font-weight: normal;
  }
  
 .mod1372 .menu2_r {display: none; height: 55px;
     text-align: center;width: 1200px; position: absolute;left: 0;top: 70px;right: 0;margin: 0 auto;
    }
    .mod1372 .menu2_r li {  z-index: 99999999;
        position: relative;
    display: inline-block;
        text-align: center;

    }

    .mod1372 .menu2_r li a { font-size: 14px;
        display: block; 
      color: #333;height:45px;width: auto; padding: 0 40px;
        line-height: 45px; background:#e5ecf1;
    }
    .mod1372 .menu2_r li:hover a{
      background: #173573 !important; color: #fff;  
    }
    .mod1372 .menu2_r li:hover a {
       background:#173573;color: #fff;
  
    }
  .mod1372 .on .menu2_r{
        display: block;
    }
   .mod1372  .prod_list .on{
    
    }
   .mod1372 .prod_list .on>a{ background:#173573 !important;color:#fff;}
   .mod1372 .prod_list .on>a:after{
        display: block;content: "";width: 20px;height: 20px;background: #173573;transform:rotate(45deg);position: absolute;left: 0;top:37px;right: 0;margin: 0 auto;
    }
    
   /*内页服务项目通用板块 */
   .nys{
       width: 1200px;margin: 0 auto;padding-top:20px;
   }
   .nys dl{
       font-size: 20px; padding-left: 45px;
    font-weight: bold;
    color: #173573;display: block;padding-bottom: 10px;line-height: 50px;

   }
   .nys li{cursor: pointer;
       display: block;background: #f9f9f9;box-sizing: border-box;padding: 40px 45px;
   }
   .nys li:after{
       display: block;content: "";clear: both;
   }
   .nys li:nth-of-type(2n){
       background: #f5f5f5;
   }
   .nys li+li{border-top:1px solid #eee;}
   .nys li .pic{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,10%);width: 100px;height: 100px;line-height: 100px;color:#173573;font-size: 45px;text-align: center;
       border-radius: 50%;float: left;margin-right:26px;
   }
   .nys li .txt{
       width: 980px;float: left;line-height:28px;
   }
   .nys li .txt i{ padding-bottom:10px;
       display: block;font-size: 20px;color: #222; font-weight: normal;
   }
   .nys li .txt em{
       display: block;font-size: 14px;text-align: justify;
   }
   .nys li:hover,.nys li:hover i{
       background: #173573;color: #fff;
   }
   
   /*内页简介*/
     .n_us{
    font-size: 1rem;line-height: 34px;color: #555;text-align: justify;
  }
  .n_us p{
    text-indent: 2em;
  }
  .n_us dl{
      font-size: 1.4rem;font-weight: bold;color:#173573; padding-top: 20px;text-indent: 1.5em;display: block;
  }
  
  .n_us img{
      display: block;max-width: 100%;margin: 0 auto;
  }
  .w900{
      width: 900px;margin: 0 auto;
  }
  
  /*企业文化*/
    .nculture{
    box-shadow: 0 0 10px rgba(0,0,0,10%);
  }
  .nculture_l{
    width: 600px;height: 340px;overflow: hidden;
  }
  .nculture_l img{
  display: block;width: 100%;height: auto;
  }
  .nculture_r{
    width: 600px;box-sizing: border-box;padding: 50px;font-size: 1.1rem;line-height: 3rem;
  }
  .ncultureb{
      margin-top:60px;margin-bottom: 60px;
  }
  .ncultureb li{
      display: block;float: left;text-align: center;  margin:0 84px;
  }
    .ncultureb li dl{
    width: auto;font-size: 1.1rem;color: #222;line-height: 32px;
  }
  .ncultureb li .pic{ 
    line-height: 60px;
    color: #173573;
    font-size: 45px;
}


/*案例代码*/
.menu3{
    display: block !important;
}

/*内页人才招聘*/
  .inzhaopin li {border: #c1c1c1 solid 1px; border-bottom: none; margin-bottom: 0.9375rem}
.inzhaopin li .zp-tit {padding:20px; border-bottom: #c1c1c1 solid 1px; position: relative;}
.inzhaopin li .zp-tit h1 {font-size: 1.2rem; margin-bottom: 8px;color: #222;
   }
.inzhaopin li .zp-tit p {font-size: 14px; color: #666; margin-bottom: 0.3125rem;}
.inzhaopin li .zp-tit .icon {width: 3px ; height:45px; background: #c1c1c1; left: 0; top:35%; margin-top: -0.625rem;

   position: absolute;
   }
.inzhaopin li .zp-tit .icon2 {width: 1.25rem; height: 1.25rem;  border-radius: 1.25rem; border: #ababab solid 1px; text-align: center; vertical-align: middle; line-height: 1.25rem;  display: block; right: 20px; top: 15%; margin-top:20px;
   position: absolute;
   }
.inzhaopin li .zp-tit .icon2 img {width: 0.625rem; height: 0.625rem; margin: 0 auto; vertical-align: middle; display: inline-block;margin-top: -0.25625rem;}
.inzhaopin li .zp-tit a.abs { position: inherit; color: #333;
   position: absolute;right: 60px;top: 38px;
   }
   .inzhaopin li .zp-tit a.abs:hover{
       color: #173573;
   }
   
.inzhaopin li .zp-con { position: relative; display: none;}
.inzhaopin li .zp-con a.sq {width: 100%; height: 50px; font-size: 16px; background: #173573; text-align: center; line-height: 50px; color: #fff;
   display: block;}
.inzhaopin li .zp-con .zp-context {padding: 30px 20px;}
.inzhaopin li .zp-con .zp-context h2 {font-size: 1.2rem; font-weight: bold; margin-bottom: 0.9375rem;
color: #222;
   }
.inzhaopin li .zp-con .zp-context p {line-height:28px; font-size: 14px; color: #666;
    min-height: 28px;
}
.inzhaopin li.on .zp-tit .icon {background: #173573;}
.inzhaopin li.on .zp-tit .icon2 {transform:rotate(90deg);}

/*发展历史*/
 .history{ padding-top:20px;
  position: relative; background: url(/files/images/lc02.png) center repeat-y;width: 1200px;margin: 60px auto 20px auto;
 }
 .history:after{
  display: block;content: "";width: 55px;height: 70px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 0; background: url(/files/images/lc01.png) no-repeat;
 }
 .history_l{text-align: right;
  width: 540px; position: relative;
 }
 .history_r{text-align: left; padding-top:100px;
  width: 540px; position: relative;
 }
 .history_l li, .history_r li{ position: relative;
  display: block;font-size:16px;line-height: 30px;color: #666; margin-top:80px;
 }
 .history_l li:after{ background: url(/files/images/lc03.png) no-repeat;
  display: block;content: "";width: 55px;height:32px;position: absolute;right: -88px;top: 0;
 }
 .history_r li:after{background: url(/files/images/lc03.png) no-repeat; 
  display: block;content: "";width: 55px;height:32px;position: absolute;left: -86px;top: 0;}
  .history_r li dl,.history_l li dl{ padding-bottom: 15px;
 color: #173573;font-size: 30px; line-height: 32px;
 }
 
 /*内页机构入库*/
   .ntable{
    width: 100%;border-collapse: collapse;
  }
  .ntable td{border: 1px solid #ddd;
    padding: 15px 30px;text-align: center;font-size: 1rem;line-height:1.6rem;
  }
  .ntable tr:nth-of-type(1){
      background: #f5f5f5;color: #333;
  }
    .ntable tr:nth-of-type(1) td{font-size: 1.4rem;line-height:2rem;}
    
    
