@charset "utf-8";
/*!
 * @名称：style.css
 * @功能：1、 页面的样式
 */


body{

    font-size: 12px;
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}

a {text-decoration: none;}
a:hover {
    text-decoration:none;
}

/* header */

.headlogo{
    width: 200px; margin: 0 auto;  height: 40px;margin-top: 30px;/*margin-bottom:-10px;*/
}
.header {
    width: 762px; margin: 0 auto;  height: 100px;
}

.header .menu {
    font-size: 16px;
    position: relative;
    /* left: 20px; */

}

.header .menu ul li {
    float: left;
    padding: 0 31px 0 31px;
}

.header .menu ul li a{
    color: #020000;
    display: block;
    padding: 40px 0px 20px 0px;
    /*line-height: 30px;*/
}

.header .menu ul .current a{
    border-bottom: 4px solid #030000;
}

.header .menu ul li:hover a{
    border-bottom: 4px solid #030000;
}

.click_icon_phone{
    position: relative;
    padding-left: 0 !important;
    padding: 44px 0 40px 0 !important;
}

.header .menu ul li.click_icon_phone:hover {
    border-bottom: none !important;

}

.show_mobile {
    position: absolute;
    padding: 20px;
    background: #999;
    opacity: 0.9;
    border-radius: 10px;
    top: 110px;
    right: 0px;
    text-align: center;
    z-index: 999;
}

/* footer */
.footer{
 background: #434343;
    color: #a1a1a1;
}

.footer .center{
    border: 1px solid #585858;
}

.footer .top {
    width: 1060px;  height: 254px; margin: 0 auto;
}

.footer .top ul{
    padding-top: 40px;
}


.footer .top ul li {
    padding-right: 90px;
}

.footer .top li h3 {
    color: #ffffff;
    font-size: 14px;
    line-height: 34px;
}

.footer .top li a {
    color: #a1a1a1;
    font-size: 12px;
    line-height: 34px;
}

.footer .top li a:hover{
    color: #ffffff;
}

.fq-line{
    border: 1px solid #fff;
    width: 26px;
}


.footer .bottom {
    width:1060px; height: 46px; margin: 0 auto; line-height: 46px;
}

.footer .bottom a {
    color: #a1a1a1;
}

.footer .bottom a:hover {
    color: #ffffff;
}


.wraper ul li{
    display: block;
    height: 275px;
   
}

.container {

}

.crumb {
    height: 52px;  line-height: 52px;  width: 1060px;  margin: 0 auto;
}

.crumb-nav a{
    color: #7f7f7f;  font-size: 14px;
}

.crumb-nav a:hover{
    color: #030000;  font-size: 14px;
}




/* about.css */
.detail-container {
    background: #ffffff;
    padding-bottom:42px;
}

.category-nav {
    width: 1060px;  margin: 0 auto;
}
.category-nav ul {
    padding: 20px 0;
}


.category-nav ul li{
    float: left;  background: #ffffff;  padding: 12px 23px;  margin-right: 10px; margin-bottom:10px;
}

.category-nav ul li a{
    color: #000000;
    font-size: 16px;
    line-height: 16px;
}

.category-nav ul li.current {
    background: #030000;
}

.category-nav ul li.current a{
    color: #ffffff;  font-size: 16px;  line-height: 16px;
}

.category-nav ul li:hover {
    background: #030000;
}

.category-nav ul li:hover a {
   color: #ffffff;
}

.detail-container .detail {
    background: #ffffff;
    width: 1060px;
    margin: 0 auto;
    font-size: 14px;
    color: #7f7f7f;
}

.detail-container .content {
    padding: 36px;
}

.detail-container .content p {
    line-height: 30px;
}

/* product_list.css */

.product-content{
    padding-top: 20px;
    padding-left: 20px;
}

.product-list li{
    float: left;
    text-align: center;
    border: 1px solid #ffffff;
    margin-right: 20px;
    margin-bottom: 36px;
    width: 238px;
}

.product-list li:hover{
    /*border: 1px solid #030000;*/
}

.product-list  li a{
    color: #030000;
}

.product-list  li a img{
    max-height: 218px;
    max-width: 239px;
    overflow: hidden;
}

.product-list  li a .text{
    border-top: 1px solid #ffffff;
    margin-top: 30px;
}

.product-list  li a .text p{
    /*height: 68px;*/
    line-height: 20px;

}

.product-list  li a:hover .text{
    /*color: #ffffff;
    background: #030000;
    border-top: 1px solid #030000;*/
}


/* product.css */

.product-index{
    background-color: #f2f2f2;
    padding-bottom: 18px;
    padding-top: 50px;
}

.product-index ul li {
    float: left;
}

.product-index ul li{
    position: relative;
}

.product-index ul li a {
    display: block;
}

.product-index ul li .text{
    position: absolute;
    bottom: 0;
    display: block;
    width: 352px;
    background:rgba(0, 0, 0, 0.85);
    text-align: center;
    height: 76px;
    font-size: 16px;
    color: #fff;
}

.product-index ul li .title{
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: block;
    padding-top: 30px;
}

.product-index .title-line{
    border-bottom: 2px solid #fff;
    width: 20px;
    margin: 10px auto;
    visibility: hidden;
}

/* 按 */

.product-index  .prev,  .product-index .next{
    top:240px !important;
}


/* index.css */

.index-top {
    background: #ffffff; height:458px;
}
.index-top .title {
    margin: 0 auto;
    width: 1060px;
    padding-top: 156px;
    text-align: center;
    margin-bottom: 68px;
}

.index-top .title h2{
    font-family: "BellMT Regular";
    font-size: 36px;
    text-align: center;
}

.index-top .title h3{
    font-size: 16px;
    text-align: center;
    padding-top: 28px;
}

.i-top-line{
    border-bottom: 3px solid #090401;
    width: 84px;
    margin: 10px auto;
}

.index-top .product {
    width: 1230px;
    margin: 0 auto;
}
.index-top .product ul li {
    float: left;
    position: relative;

   margin: 0 29px;
}

.index-top .product ul li a {
    display: block;
}

.index-top .product ul li .text {
    position: absolute;
    bottom: 0;
    display: block;
    width: 264px;
    background:rgba(0, 0, 0, 0.85);
    text-align: center;
    height: 76px;
    font-size: 16px;
    color: #fff;
}

.index-top .product ul li .title-1{
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: block;
    padding-top: 30px;
}

.index-top .product .title-line{
    border-bottom: 2px solid #fff;
    width: 20px;
    margin: 10px auto;
    visibility: hidden;
}
.index-midpro{
    background: #ffffff;
    /*height: 208px;*/
    padding-top: 220px;
    margin: 0 auto;
    width: auto;
    max-width:100%;
    text-align:center;
}


.index-midde {
   /* height: 576px;
    background:url(../images/bk_index_midde.jpg) #eeeeee center 137px no-repeat;*/

    margin: 0;
  padding: 0;
  font-size: 100px;
  color: #333333;
  box-sizing: border-box;
   display: block;
  /*height: 32.6rem;
  overflow: hidden;*/
  margin-top: 150px;
   /*position: absolute;*/
    position: relative;}

.index-midde .index-recommend{
    /*width: 1060px;*/
    margin: 0 auto;
    padding-top: 5px;
}

.index-midde .index-recommend  .picScroll ul li a .newpro{
    text-align: left;
    font-size: 16px;
    color: #030000;
    margin: 20px 0;
    margin-left: 20px;
}
.index-midde .index-recommend .picScroll li .text{
    text-align: center;
    font-size: 16px;
    color: #030000;
    margin: 20px 0;
    line-height: 30px;
}
.index-midde2 {
    /*height: 760px;*/
    /*background:url(../images/bk_index_midde.jpg) #eeeeee center 137px no-repeat;*/
  margin: 0;
  padding: 0;
  font-size: 100px;
  color: #333333;
  box-sizing: border-box;
   display: block;
 
 /* overflow: hidden;
  margin-top: 150px;*/
   /*position: absolute;*/
    position: relative;
}

.index-midde2 .index-recommend2{
    /*width: 1060px;*/
    margin: 0 auto;
    padding-top: 50px;
}

.index-midde2 .index-recommend2 .picScroll2 li .text{
    text-align: center;
    font-size: 16.5px;
    color: #030000;
    /*margin: 20px 0;*/
    margin-top: 90px;
    line-height: 50px;
    font-family: "BellMT Regular";
    
}
/*.index-midde2 .index-recommend2 .picScroll2 li .text .xiahuaxian{
 
   display: inline;
  position: relative;
  text-decoration: none;
}*/
.index-bottom{
    background: #ffffff;
    height: 858px;
    margin: 0 auto;
    width: 1060px;
    padding-top : 105px;
}

.index-bottom .box_1{
    width: 532px;
    color: #7f7f7f;
    font-size: 16px;
    line-height: 30px;
    padding-top : 60px;
}

.index-bottom .box_1 h2 {
    font-family: "BellMT Regular";
    font-size: 36px;
    color: #191411;
}

.index-bottom .box_1 h3{
    font-size: 16px;
    color: #110e0c;
    margin: 13px 0;
    padding-left: 50px;
}

.index-bottom .box_1 .description{
    margin-top: 5px;
}
.index-bottom .box_1 .description p{
    font-size: 24px;
    line-height: 40px;
    font-family: "BellMT Regular";  
}
.i-bottom-line{
    border-bottom: 3px solid #090401;
    width: 102px;
}

.index-bottom .box_2 {
    padding-top : 60px;
   
}
.index-bottom .box_2  img{
    max-width: 425px;
}

/* 分页 */

.pagenav {
    text-align: center;
    padding-bottom: 40px;
}

.product-pagenav {
    margin-top: 10px;
}

.pagenav a {
    color: #7f7f7f;
    margin-right: 15px;
}

.pagenav a:hover {
    color: #030000;
}

.pagenav span{
    color: #030000;
    margin-right: 15px;
}


/* index.css banner */

.focusBox { position: relative; width:100%; height:746px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:746px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
    display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0px -16px;
}
.focusBox .hd .on{ background-position:0 0; }

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2; border: 2px solid #fff; }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.focusBox ul li {
    height: 420px;
}


/* index.css recommend */

.picScroll{ margin:10px auto;  position:relative; width:100%;overflow:hidden;     }
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:86px;  width:50px; height:50px; background:url(../images/53/btns.png) no-repeat;  left: -8px;}
.picScroll .next{ left:auto; right:-10px; background-position:-50px 0; }
/*.picScroll .prev:hover{ background-position:0 -60px; }*/
/*.picScroll .next:hover{ background-position:-50px -60px; }*/
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ width:24.4%; float:left; overflow:hidden; padding:0 10px 0 10px;}
.picScroll ul li img{ width: auto;max-width:100%;display:block; background:url(../images/53/loading.gif) center center no-repeat; }

/* index.css recommend2 */

.picScroll2{ margin:10px auto;  position:relative; width:100%; overflow:hidden;     }
.picScroll2 .prev,
.picScroll2 .next{ display:block; position:absolute; top:86px;  width:50px; height:50px; background:url(../images/53/btns.png) no-repeat;  left: -8px;}
.picScroll2 .next{ left:auto; right:-10px; background-position:-50px 0; }
/*.picScroll .prev:hover{ background-position:0 -60px; }*/
/*.picScroll .next:hover{ background-position:-50px -60px; }*/
.picScroll2 ul{ overflow:hidden; zoom:1; }
.picScroll2 ul li{ width:50%; float:left; overflow:hidden; padding:0 0 0 0;}
.picScroll2 ul li img{ wwidth: auto;max-width:100%;; display:block; background:url(../images/53/loading.gif) center center no-repeat; }

/* index.css category*/

.indexCategory{  position:relative; width:1060px; overflow:hidden;     }
.indexCategory .prev,
.indexCategory .next{ display:block; position:absolute; top:200px; left:-7px; width:50px; height:50px; background:url(../images/53/btns.png) no-repeat;   z-index: 1000;}
.indexCategory .next{ left:auto; right:-5px; background-position:-50px 0; }
/*.indexCategory .prev:hover{ background-position:0 -60px; }*/
/*.indexCategory .next:hover{ background-position:-50px -60px; }*/
.indexCategory ul{ overflow:hidden; zoom:1; }
.indexCategory ul li{ width:352px; float:left; overflow:hidden;}
.indexCategory ul li img{ width:352px; height:460px; display:block; background:url(../images/53/loading.gif) center center no-repeat; }



/*工程案例*/
.case_list li{float:left; margin:0 34px 35px 0;}
.case_list li.last{margin-right:0;}
.case_list li .pic{width:220px; height:180px;}
.case_list li .pic img{width:220px; height:180px;}
.case_list li .tit a{ width:219px; height:34px; line-height:34px; font-size: 14px; color: #404040; display:block; background-color: #f0f2f2; border:1px solid #cecece; border-top:none;}
.case_list li .tit a i{display:inline-block; width:4px; height:13px; background-color: #202224; margin:0 10px 1px 13px; vertical-align:middle;}
.case_list li.active .tit a{ width:219px; height:34px; line-height:34px; font-size: 14px; color: #fff; display:block; background-color: #202224; border:1px solid #333; border-top:none;}
.case_list li.active .tit a i{display:inline-block; width:4px; height:13px; background-color: #fff; margin:0 10px 1px 13px; vertical-align:middle;}

/* news.css */

.news-index .pagenav {
    margin-top: 40px;
    padding: 0px;
}

.newslist img {
    background: #eee;
    width: 180px;
    height: 120px;
    float: left;
}

.newslist .description {
    float: right;
    width: 780px;
}

.newslist li {
    border-bottom: 1px solid #dddddd;
    padding: 20px 0;
}


.newslist li a {
    color: #7f7f7f;
}

.newslist li  h3{
   font-size: 24px;
    font-weight: 500;
}


.newslist li a:hover h3{
    color:  #030000;
}

.newslist li p {
    line-height: 24px;
}


/* news_detail.css */

.news-detail {
    font-size: 14px;
}

.new-detail-title {
    text-align: center;
    font-size:24px;
    font-weight: 400;
    color: #030000;

}

.new-content-nav {
    text-align: center;
    font-size: 14px;
    color: #b8b8b8;
    margin: 20px 0;
}

.news-detail .prev {
    margin: 10px 0;
}

.news-detail .next a, .news-detail .prev a{
    color: #6f706d;
}

.news-detail .line-content{
    margin: 20px 0;
}


/* product_detail.css */
.detail-product-pic {
    border : 1px solid #ddd;
    float: left;
    width: 340px;
    overflow: hidden;

}

.detail-product-pic img {
    width: 100%;
}

.detail-product-parameter {
    float: left;
    width: 600px;
    margin-left: 44px;
}

.detail-product-parameter p {
    line-height: 24px;
    margin: 10px;
}

.detail-product-parameter .title {
    color: #030000;
}


.detail-product-parameter h2 {
    border-bottom: 1px dashed #bbb;
    display: block;
    margin: 0;
    padding: 10px;
    font-size: 24px;
    font-weight: 500;
    color: #030000;
}

.product-detail .detail-top {
    padding-top: 16px;
}

.product-detail .detail-bottom h2{
    border-bottom: 3px solid #030000;
    margin: 30px 0;
    font-size: 20px;
    font-weight: 500;
}
.product-detail .detail-bottom h2 span{
    background: #030000;
    color: #fff;
    display: block;
    border-radius: 0 1000px 0 0;
    padding : 10px;
    width: 130px;
}

.btn-price {
    display: block;
    background: #030000;
    border-radius: 5px;
    color: #FFF;
    font-size: 22px;
    width: 40%;
    max-width: 305px;
    margin-top: 14px;
    padding: 10px 0 ;
    text-align: center;
}



/*css3 的效果样式 */

.btn03 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.btn03 img {
    position: relative;
    top: 0;
    left: 0;
    width: 264px;
    height: 428px;
}

.btn03 .ovrly {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    top: 100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.btn03 .buttons {
    position: absolute;
    bottom: -100%;
    left: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.btn03 .buttons .fa {
    margin: 0 1px;
    background-color: rgb(256, 256, 256);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: rgba(50, 50, 50, 0.9);
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
}
.btn03:hover .buttons {
    bottom: 50%;
}
.btn03:hover .ovrly {
    top: 0;
}

.btn03:hover .text {
    z-index: 999;
    /*-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;*/
    background: none !important;
    top: 180px;
}

.btn03:hover .text .title-line {
    visibility: visible;
}
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #171717; border-right:7px solid #171717; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:116px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }

/*分页样式*/
/*.pagenum {padding:20px; text-align:center}
.pagenum a {border: 1px solid #FFFFFF;color: #999999;margin: 0 3px;padding: 3px 0; }
.pagenum a:hover { color: #3e4e68 !important;}
.pagenum .current {color: #3e4e68 !important;}
.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background-color: #F8F8F8; border: 1px solid #D9D9D9; color: #999999; height: 19px; line-height: 19px; padding: 3px 10px; width: 39px;}*/