/*内容开始*/
/* 首页 */
/* hearder */
@charset "utf-8";

/*首页*/

.hearder{  height:94px;  background-color: #0091d2; min-width:1200px }
.topnav{ width:1200px; margin:0 auto;  }
.topnav span.logoimg{  display:block; width:300px; height:94px; float: left; }
.topnav img.logo{ width:296px; height:67px;  margin-top:12px; display: block; }
.topnav .nav{float: left;  height:94px; line-height:94px; width:900px;   }
.topnav .nav ul{ width: 100%; text-align:right }
.topnav .nav ul li{   width:110px; height:94px; margin-right: 4px; line-height:94px; text-align:right; display:inline-block; }
.topnav .nav ul li a{ display: block; width:100%;   font-size: 16px; color:#fff; margin-top: 34px;  text-align:center; }
.topnav .nav ul li a:hover{ background-color:#fff; border-radius:0 10px 0 10px; color:#0091d2;}
.topnav .nav ul li a   {-webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s; height: 40px; line-height: 40px; }

.topnav .nav .navul{  display:block; width:100%;     height: 79px;line-height: 79px;}
.topnav .nav .navul .hNLC-tit{ display:block; float:left; width:14.2%; position:relative; height: 79px;     padding:0 14px; font-size:16px; color:#474747;  text-align:center;}
.topnav .nav .navul .hNLC-tit span {display: inline-block; height: 79px;}
.topnav .nav .navul .hNLC-tit:hover span a{ font-size: 16px; color:#0091d2;  }
.topnav .nav .navul .hNLC-tit.on { font-weight:bold; text-align: center;  }
.nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:-3px; top:79px; z-index:1; width:128px; border:1px solid #E6E4E3; border-top:0;  background:#fff; }
.nav .sub .nextli{ text-align:center; padding:0 8px; margin-bottom:-1px;    }
.nav .sub .nextli a{ display:block;  border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666;     font-weight: normal; font-size: 14px;}  
.nav .sub .nextli:hover a{color:red;  }
.nav .sub .nextli a:hover{ color:#0091d2;   }
.topnav .navsm  { display: none; }
.navsm{  display:none; }  
 /* banner */
.nbanner{ min-width:1200px; height:238px; }
.bans { min-width:1200px; overflow:hidden; position:relative;  }
.bans .warp { width:20000px; }
.bans .warp a { float:left; display:block; }
.bans .warp a img{ width:100%; float:left; }    
.bans ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;}
    .bans  img{width:100%;}
.bans  ul li{display:inline-block; width:16px; height:16px;  background-color:#fff; margin:0 6px; border-radius:8px; }
.bans  ul li.click { background-color:#0091d2; }
.iaboutus{ width:1200px; margin:68px auto; }
.iableft { float:left; width:720px; padding:10px; }
.iableft h2 { font-size: 30px; text-align:left; color:#003399; margin-bottom:10px;height: 32px; }
.iableft  span.ibdes{ font-size: 18px; text-align:left; color:#333; }
.iableft i{ width:40px; height:2px; border-radius: 2px; background-color:#0543a8; display: block; margin:14px 0; }
.iableft .iblcontent{ font-size: 14px; color:#666; text-align:left; line-height:24px; }
.iableft .nmore{ width:114px; height: 34px; line-height: 34px; color:#fff; background-color:#e6101a; border-radius: 2px; display: block;margin:18px 0; text-align:center; }
.ibright { float:left; width:460px; position:relative  }
.ibright img{ width:382px; height: 240px; display: block; position:absolute; right:0; }

.icasebg{ background:url(../images/casebg.jpg) #f7f7f7 no-repeat center top; min-width:1200px; padding:68px 0; }
.icase{ width:1200px; margin:0 auto;  }
.itit{ height: 30px; line-height: 30px; margin-bottom:38px; text-align:center; }
.itit span{ font-size:30px; color:#003398; border-right:1px dotted #003398; padding-right: 10px; display:inline-block;  }
.itit i{ padding-left:10px; font-size:28px; color:#ccc; text-transform:uppercase; display:inline-block; }
.icasecont li{ width:276px; margin-right: 32px; float:left;  }
.icasecont ul{ width:1232px; }
.icasecont li .icaseimg{ background-color:#fff; border-radius: 2px; border:10px solid #fff; overflow:hidden; }
.icasecont li .icaseimg img{ width:256px; height: 190px;transition: all .8s;  }
.icasecont li:hover .icaseimg img{transform: scale(1.2);
            -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
            -moz-transform: scale(1.2); /*Firefox*/
            -ms-transform: scale(1.2); /*IE9*/
            -o-transform: scale(1.2);}
.icasecont  .icsdes{ display: block; padding:3px 15px 0 15px; height: 50px; line-height: 22px; overflow: hidden; font-size: 12px; font-weight: bold; text-align:center; color:#333; }
.icasecont li:nth-child(2n){ margin-top:50px; }
.icasecont a.icmore{ width: 114px;
    height: 34px;
    line-height: 34px;
    color: #666;
    background-color: #dfdfdf;
    border-radius: 2px;
    display: block;
    margin: 18px 0;
    text-align: center; margin:40px auto 0; transform: all .8s }
.icasecont a.icmore:hover{ background-color:#0091d2; color:#fff;} 
.inews{ width:1200px; margin:68px auto;  }
.inewscont .inimg{  float:left; width:544px; margin-right: 56px; overflow:hidden;  }
.inewscont .inimg img{ width:544px; height:280px;    transition: all .8s; }
.inewscont .inimg:hover img{transform: scale(1.2);
            -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
            -moz-transform: scale(1.2); /*Firefox*/
            -ms-transform: scale(1.2); /*IE9*/
            -o-transform: scale(1.2);}
.inewscont .inewlist{ float: left; width:600px; }
.inewlist li{ margin-bottom: 20px; }
.inewlist li:hover h2{ color:#0543a8; }
.inewlist li:last-child{ margin-bottom:0px; }
.inewlist li .date{ width:90px; float:left; background-color:#fbfeff; margin-right:26px; }
.inewlist li .date em{ display: block; height: 26px; line-height: 26px; color:#fff; text-align:center; width:90px; background-color:#0543a8; border-top-left-radius: 4px;border-top-right-radius: 4px;  }
.inewlist li .date span{ display: block; text-align:center; width:90px; font-size:32px; color:#0543a8; height:54px; line-height:54px;  border-bottom-left-radius: 4px;border-bottom-right-radius: 4px; }
.inwlcont { padding-left:112px; }
.inwlcont h2{ font-size:16px; text-align:left; font-size:16px; color:#333; margin-bottom:4px;  }
.inwlcont span{ font-size:12px; color:#999; line-height:20px; }
.footer{ min-width:1200px; padding:42px 0px; background-color:#323232; }
.footer .foot{ width:1200px; margin:0 auto; }
.foot .fnlist{ float:left; max-width:1020px;   }
.foot .fnlist a{ height:16px; line-height: 16px; margin-bottom:30px; display:inline-block; text-align:left; font-size: 14px; padding:0 24px; border-right:1px solid #575757; font-weight:bold; }
.foot .fnlist a:hover { color:#0091d2 }
.foot .fnlist a:first-child{ padding-left:0px; }
.foot .fnlist a:last-child{ border:none; }
.foot .fphp{ display: block; height: 30px; line-height: 30px; font-size:12px; color:#7b7b7b; padding-left:30px;background:url(../images/ico-phone.png) no-repeat left center; }
.foot .fphp:nth-child(2n){background:url(../images/ico-mail.png) no-repeat left center; }
.foot .fphp:nth-child(3n){background:url(../images/ico-pos.png) no-repeat left center; }
.foot .ewm{ float:right; text-align:right; border-radius:2px; overflow:hidden;  }
.foot .ewm img{ width:154px; height: 154px; }
.footbot{ height: 62px; line-height: 62px; background-color:#292727; min-width:1200px;  }
.footbot .footbcont{ width:1200px; margin:0 auto; position: relative; }
.footbot .footbcont span.bq{ font-size: 12px; text-align:left; color:#606060; display:inline-block;  }
.footbot .footbcont .share{ font-size: 14px; color:#606060; text-align:right;display:inline-block;  position:absolute; right:0;  }
.footbot .footbcont .share a{ margin:0 2px; }
.footbot .footbcont .link{ padding-right: 16px;  background:url(../images/icon-top.png) no-repeat right center; width: 90px;    cursor: pointer;
 
    line-height: 62px;
    float: right; position:relative  }
	.link:hover ul{ visibility:visible; }
.link ul {
    position: absolute;
    bottom: 62px;
    visibility:hidden;    
    right:0;
	min-width:90px;
    background-color: #292727;
    color: #999;
    z-index: 9999;}
.link ul li{text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
	display:block;
}
.link ul li{ text-align:center; height:30px; line-height:30px; font-size:12px; width:auto; padding:0 8px;  white-space: nowrap; }
.link ul li:hover{ background-color:#999;}
.link ul li:hover a{ color:#fff;}
.link ul li a{color:#fff;color:#666;  }
#bsWXBox{ width:auto !important; height:auto !important;} 
/*内页*/

.ncontmainbg{ background-color:#fafafa; padding:34px 0px 60px; }
.ncontmain{ width:1200px; margin:0 auto;  }
.ncontleft{ width:208px; float:left; margin-right: 20px; }
.ncontleft .tit{ background:url(../images/nlistbg.jpg) #0091d2 no-repeat left top;  padding:24px 0; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.ncontleft .tit h2{ font-size: 20px; text-align:center;  margin-bottom: 8px; color:#fff;  }
.ncontleft .tit i{ font-size:16px; color:#fefefe; text-align:center; text-transform: uppercase; display:block;  }
.ncontleft  li{ background-color:#fff; height: 50px; line-height: 50px; text-align:center; color:#666; font-size: 14px; border-bottom:1px solid #eee;  }
.ncontleft  li a.current{color:#0091d2; }
.ncontleft  li:hover a{color:#0091d2; }
.ncontleft  li:last-child{ border:none !important; }
.ncontright{ width:972px; float:left;  }
.ncontright .ncrtop{position: relative; border-top:2px solid #0091d2;  height:52px; line-height: 52px; padding:0 10px; background-color:#fff; margin-bottom: 2px; }
.ncontright .ncrtop .nnametit{ background:url(../images/icon-tit.jpg) no-repeat left center; padding-left:24px; display:inline-block; font-size:16px; color:#666;  }
.ncontright .ncrtop .npos {  display:inline-block;  position: absolute; right:10px;font-size: 12px; color:#999;}
.ncontright .ncrtop .npos .ton{ color:#333; }
.ncontent{ padding:20px 30px 80px; background-color:#fff; }
.ncontent img{ max-width:800px;} 
.news li{  border-bottom:1px dotted #d6d6d6; padding:14px 10px; }
.news li .newsimg{ width:214px; border:1px solid #eee; float:left; overflow:hidden;  }
.news li .newsimg img{ width:214px; height: auto;  transition: all 0.8s;  }
.news li .newcont{ float:left; padding:10px 20px; width:632px; }
.news li .newcont h2{ font-size:18px; color:#333; font-weight:bold; text-align:left; margin:0 0 10px 0px; transition: all 1s; }
.news li:hover .newcont h2{ color:#0091d2;}
.news li:hover  .newsimg img{ transform: scale(1.2);
            -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
            -moz-transform: scale(1.2); /*Firefox*/
            -ms-transform: scale(1.2); /*IE9*/
            -o-transform: scale(1.2); } 
.news li:hover .newcont .newslistbtn{ border:1px solid #0091d2; color:#0091d2; }
.news li .newcont span{ font-size: 14px; color:#666; line-height:18px; text-align:left; display:block;  }
.news li .newcont i{ font-size: 12px; color:#999; text-align:left; display: block; margin-top:4px;}
.news li .newcont .newslistbtn{ display: block; width:100px; margin-top:8px; height: 30px; line-height: 30px; color:#999; border:1px solid #ccc; border-radius: 2px; text-align:center;  }
.ncontent { min-height:400px;} 
.ncontent .ntit{ font-size:20px; text-align:center; margin:40px auto 18px ;  } 
.ncontent  .newscontdate{ text-align:center; font-size:12px; color:#999; margin-bottom:20px; height:26px; line-height:26px; border-radius:4px; background-color:#FAFEFF; display:block; width:100%;    }





/*工程案例*/
.cases li .caseimg{ width:247px; height: 190px; overflow:hidden }
.cases li .caseimg img{ width:247px; height: 190px;  transition: all 0.8s; }
.cases li:hover .caseimg img{transform: scale(1.2);
            -webkit-transform: scale(1.2); /*Safari 和 Chrome*/
            -moz-transform: scale(1.2); /*Firefox*/
            -ms-transform: scale(1.2); /*IE9*/
            -o-transform: scale(1.2);}
.cases li{ margin-bottom:20px; background-color:#f5f5f5; border:1px solid #dcdcdc; border-radius:2px; padding:20px; box-shadow: 0px 2px 3px #ebebeb; width:248px; margin-right:20px; float:left; }
.cases li:nth-child(3n){ margin-right:0px; }
.cases li  .casecont h2{ font-size: 12px; text-align:left; height: 20px; line-height: 20px; font-weight: bold; color:#333; margin:8px auto; }
.cases li  .casecont span{ font-size: 12px; color:#666; line-height:18px; height: 40px; overflow: hidden; text-align:left; display:block; }
.cases li  .casecont em{ display: block; background:url(../images/icon-more.png) no-repeat left center; margin:8px auto 0px; width:28px; height: 28px; }
.cases li:hover h2{ color:#0091d2; }
/*普通内页*/
.ncontent h2{ font-size:22px; color:#666; text-align:center; margin:40px auto 30px; }
.ncontent img{ max-width: 912px; }
/*荣誉资质*/
.honor li{ width:284px; margin-right: 20px; margin-bottom: 20px;  float: left; }
.honor li .honorimg{width:284px; height:200px; border:1px solid #ddd; }
.honor li .honorimg img{width:100%; height: 100%; overflow: hidden; }
.honor li span{ font-size: 14px; padding:15px; color:#666; height: 30px; line-height: 30px; display: block; text-align:center; }
.honor li :hover span{ color:#0091d2; }



/* 招聘列表 */
table .trtit{ text-align:center; height:40px;  }
table .trtit td{   background-color:#dedede;  text-align:center; font-weight:bold;  color:#666; font-size: 12px; font-weight:bold;  }
table  a.trname:hover{ color:#f8444b; }
table .trcont{ font-size: 12px; color:#666; text-align:center; height: 48px; }
table .trcont td{ border-bottom:1px solid #eee; }
/* 招聘详情 */
.recruitdet{line-height: 26px;font-size: 14px;}
.recruitdet table{border-left:1px solid #dddddd;border-top:1px solid #dddddd; }
.recruitdet tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
.recruitdet tbody tr td{padding:8px 12px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd}
.recruitdet tbody tr td.tdtit{ background-color:#fcfcfc; width:12%;  text-align:right;}
.recruitdet tbody tr td.tdcont{ color:#666; width:78%; }




/* 在线留言 */
.message{ width:100%; }
.message .mestit{ font-size: 16px; font-weight:bold;color:#333; padding-left:8px; border-left:4px solid #007cc2; height:20px; line-height: 20px; text-align:left; }
.message form{ padding-left:0px; width:100%; padding:0px 18px; }
.message form p{ margin-bottom:12px; position: relative;  }
.message form p label{padding-right:10px;}
.message form span{ display:inline-block; padding-right:14px; }
.message form span.bl{color:#666; font-size:14px; }
.message form textarea{height: 100px;background: #fff;border: #ccc solid 1px;padding-left: 5px;line-height: 24px;color: #666; width:60%;vertical-align: top;font-family: "Microsoft YaHei";}
.message form input.yzm{width:100px !important; }
form input{ vertical-align:middle; margin-right:4px; }
.message form input.textin{vertical-align: top; width:36%; margin-right: 10px;height: 32px; line-height: 32px;padding-left: 5px;border: #ccc solid 1px; background: #fff;color: #666; font-family: "Microsoft YaHei";}
.message form p.subin, .message form p.error{padding-left:86px; }
.message form p em{display: inline-block; height:34px; line-height: 34px; color:#dc0700; font-weight: bold; }
.message form p em.emyzm{right:52px;}
form span.sptitle{display: inline-block;text-align: right;   line-height: 30px; height: 30px; width: 82px;} 
form img{display: inline-block; }
input.lask-sBtn{margin: 10px 0; margin-right: 20px; padding: 0 28px; height: 34px; line-height: 34px;background-color: #ff6600; font-size:14px; border-radius: 2px; border: 0; font-family: "Microsoft YaHei"; color: #fff;
 cursor: pointer;}
input.reset{background-color:#dadada; color:#666; }

/*右侧悬浮*/
.float {
  position: fixed;
  top: 50%;
  right: 10px;
  margin-top: -150px;
  width: 53px;
  z-index: 1000;
  font-family:"microsoft yahei";
}

.float-item {
  width: 53px;
  height: 84px;
/*  border-bottom: 1px solid #008fd5;
*/  position: absolute;
  right: 0px;

}
.float-item a {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  width: 200px;
  height: 53px;
  display: block;
  position: absolute;
  left: 0px;
  background-color: #0085C0;
  color: #fff;
  line-height: 53px;
  font-size: 16px;
  cursor: pointer;
}
.float-item-2 i:hover{   background-color: #0085C0;}
.float-item a:hover{ background-color: #0085C0;}
.float-item-slide span{    background-color: #0085C0;}
.float-item i {
  float: left;
  width: 53px;
  height: 53px;
  background: url("../images/sprite.png") 0 0 no-repeat;
  margin-right: 8px;
}

.float-item:hover a {
  background-color: #0085C0;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  color:#ffffff;
}

.float-item-slide {
  overflow: hidden;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-slide:hover {
  width: 200px;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-1 {
  top: 0px;
}
.float-item-1 i {
  background-position: 0px 0px;
}

.float-item-2 {
  top: 54px;

}
.float-item-2 a{width: 53px;}
.float-item-2 i {
  background-position: 0px -53px;
}

.float-item-3 {
  top: 108px;
}
.float-item-3 i {
  background-position: 0px -106px;
}

.float-item-4 {
  top: 162px;
  overflow: visible;
}
.float-item-4 i {
  background-position: 0px -188px;
}

.float-item-5 {
  top: 216px;
}
.float-item-5 i {
  background-position: 0px -212px;
}
.float-item-6{ top:162px; }
.float-item-6 i{ background-position: 0px -151px;}
.float-item-ex{position: absolute;background-color: #0085C0;padding: 5px;top:50%;margin-top: -54px; left: -108px;display: none;}
.float-item-4 a{width: 53px}
.float-item-ex img{display: block;}
.float-item-slide span { display: block; color:#fff;  }
.float-wechat{
  display: none;
  position: absolute;
  top: 0px;
  right:53px;
  height: 248px;
  width: 140px;
  padding: 0 14px;
  background-color: #0085C0;
}
.float-wechat h5 {
  font-size: 16px;  
  padding: 20px 0;
  color: #fff;
}
.float-wechat {
  top: -54px;
}
.float-wechat p {
  line-height: 20px;
  padding: 9px 0;
  color: #fff;
  text-align: center;
}
.float-item-2 i:hover{   background-color: #0085C0;}
.float-item a:hover{ background-color: #0085C0;}