@CHARSET "UTF-8";

/*头部样式*/
.head{width:1200px;margin: 0 auto;height:105px;overflow:hidden}
.top{padding-left:10px;padding-right:10px;position: relative;}
.logo{float:left;line-height:28px;}
.topLink{width:600px;float:right;text-align:right;position: relative;padding-top:8px}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{float:right;line-height:28px;}
.topLink .k2{color:#f15600;}
.topLink .k3{float:right;}
.topLink .k33{;position:absolute;margin-top:-56px;right:182px;}
#menu{background:#004899}
.logo1{margin-top:10px;display:block}

.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background:url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}



  
.zuoce{width:120px;height:196px;position:fixed;left:0;top:100px;background:url(../images/sp.png) 0 50% no-repeat;z-index:9999;display:none;}
.linksg{padding:0 10px;padding-top:60px;height:120px;overflow:hidden;}
  
  
.icon-font {
  position: relative;
}

.icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}

  
  /*左侧工具条*/
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}

#toolbar li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #292e39;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}

#toolbar li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
  background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
  background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
  background-position: 0 -30px;
}

#toolbar li .icon-message:after {
  background-position: 0 -120px;
}

#toolbar li .icon-top:after {
  background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #292e39;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
  margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #292e39;
  border-right: none;
}

#toolbar li.ewm:hover .icon {
  background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar li.backtop {
  cursor: pointer;
}

#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #292e39;
}

#toolbar li:hover a {
  width: 200px;
}

#toolbar li:hover .icon-font {
  background-color: #292e39;
}

#toolbar li:hover .icon-qq:after {
  background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
  background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
  background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
  background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
  background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
  background-position: -30px -60px;
}

@media (max-width: 990px) {
  #toolbar {
    display: none;
  }
}




/*热门搜索*/
.search{margin-top:5px;}
#formsearch{float:right;width:202px;height:23px;background:url(../images/ss.jpg) no-repeat;}
.hotSearch{float:right;font-weight:normal;line-height:23px;margin-right:5px;}

.product{width:1240px;margin:0 auto;margin-top:30px;}
.product_title{color:#09070a;font:600 36px "微软雅黑";text-transform:uppercase;text-align:center}
.product_title span{display:block;font-size:18px;background:url(../images/title1.png) no-repeat center;margin-top:5px;}
.product .content{margin-top:-85px;}
.product .content a.more1{display:block;width:218px;margin:0 auto;margin-top:28px;}



.c1{background:url(../images/c1.jpg) no-repeat center top;height:514px;padding-top:44px;margin-top:42px;}
.area{width:1200px;margin:0 auto;}
.area_title{color:#282828;font:600 30px "微软雅黑";text-transform:uppercase;text-align:center;}
.area_title span{display:block;font-size:25px;background:url(../images/title2.jpg) no-repeat center bottom;padding-bottom:14px;}
.area .content{position:relative;margin-top:78px;text-align:center}
.area ul{transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.area .area1{margin-left:81px;}
.area .area1,.area .area2,.area .area3{width:332px;float:left;}
.area .area2{margin-top:-116px;margin-left: 20px;}
.area .area3{margin-top:0;margin-left: 20px;}
.area li{width:158px;margin:4px;float:left;position:relative;overflow:hidden}
.area li{width:158px;height:158px;}
.area li h3{position:absolute;width:100%;height:100%;right:-158px;background: url(../images/line.png) no-repeat 65% 60%;background-color:rgba(13,84,189,.56);bottom:0;transition:all .3s ease;}
.area li h3 a{transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);color:#fff;font: 600 18px/150px "微软雅黑";display:block;text-align:center}
.area li:hover h3{right:0;transition:all .3s ease;}
.area1 li:nth-child(4){visibility:hidden}
.area2 li:nth-child(5){visibility:hidden}
.area3 li:nth-child(12){visibility:hidden}

.area2 li:nth-child(8) h3 a{margin-left: 0;margin-top: -68px;height: 300px;line-height: 287px;}

.about{width:1200px;margin:0 auto;margin-top:18px;}
.atitle{color:#0c50ad;font-size:24px;line-height:75px;}
#tabs li{width:160px;height:30px;background:#004899;font:400 14px/30px "微软雅黑";color:#fff;text-align:center;margin-right:1px;float:left;cursor:pointer}
#tabs li.ck{background:#f19600}
.tabs-cont{display:none;color:#535353;font:400 14px/22px "微软雅黑";margin-top:12px;}
.acontent1{width:790px;}

.c2{background:url(../images/c2.jpg) no-repeat center top;padding-top:50px;height:483px;margin-top:30px;}
.aboutus{width:1200px;margin:0 auto;}
.aboutus .content{width:860px;float:right;height:217px;color:#fff;background:#004899;font:400 14px/22px "微软雅黑";padding:20px 35px 0 28px;margin-top: 51px;}
.aboutus .content h3{color:#fff;font:400 20px/60px "微软雅黑";background:url(../images/abg.jpg) no-repeat 0% 100%;margin-bottom:15px;}
a.amore{display:block;width:70px;height:26px;color:#fff;font:400 18px/26px "微软雅黑";background:#004899;margin:0 auto;text-align:center;margin-top:40px}
.news{width:1200px;margin:0 auto;margin-top:45px;}
.news_company{width:600px;float:left;position:relative;}
#tabs1 li{border-right:1px solid #fff;color:#6b6b6b;padding:0 12px;font:600 30px/28px "微软雅黑";float:left;cursor:pointer}
#tabs1 li.ck1{border-color:#6b6b6b;}
.tabs-cont1{display:none;color:#535353;font:400 14px/22px "微软雅黑";margin-top:32px;}
a.moree{position:absolute;right:12px;top:10px;font-size:14px;color:#6b6b6b;}
a.moree:hover{color:#004899;}

.nlist dd{width:204px;float:left}
.nlist dd img{width:204px;height:142px;}
.nlist dt{width:375px;float:right;}
.nlist dt a{display:block;color:#535353;font-size:18px;font-weight:600;}
.nlist dt span{display:block;color:#535353;font-size:12px;line-height:23px;margin-top:12px;}
.nlist .imore{text-align:left;display:block}
.nlist dt a:hover{color:#004899;}
.nlist1 dt{width:350px;float:right;}

.news_company2{width:575px;float:right;}
.news_title{color:#6b6b6b;font:600 30px/28px "微软雅黑";margin-bottom:26px;}
.news_title a{font-size:14px;color:#6b6b6b;padding-left:20px;font-weight:400;}
.news_title a:hover{color:#004899;}



/*工程案例*/
.case{width:1200px;margin:0 auto;margin-top:12px;}
.case_title1{color:#004899;font-size:24px;text-align:center;background:url(../images/case.jpg) no-repeat center;}
.case_title1 span{display: block;color:#aaaaaa;font-size:14px;text-transform:uppercase;}
.case .content{padding-top:35px}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}

.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}





/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}





/*页面底部*/
.foot{background: #3d7bce;padding-top:32px;margin-top:50px;padding-bottom: 15px;}
#footer{position:relative;width:1200px;margin:0 auto;color:#fff;padding-bottom: 10px;}
#footer a{color:#fff;}
#footer a:hover{color:#ff0;text-decoration:none;}
.nav_foot{text-align:center;line-height:26px;color:#fff!important;}
.nav_foot a{color:#fff!important;}
.copyright{text-align:center;line-height:26px;padding-top:10px;}


.nav1{}
.nav1 li{width:145px;float:left;}
.nav1 li a{color:#fff;font:400 16px/48px "微软雅黑";background:url(../images/nav1.jpg) no-repeat 0% 100%;display:block}
.nav1 li .sec{margin-top:5px;}
.nav1 li .sec a{background:none;color:#fff;font:400 14px/25px "微软雅黑";}


.foot1{background:#153983;line-height:24px;}

/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:950px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}