/* 通用 */
a{color: #000;}
a:link{text-decoration:none;}
li{list-style: none;}
.container{ position:relative;}
.container-fluid{position:relative;}
.navbar-header{ position:relative;}
body{overflow-x: hidden;}

/* 顶部 */
.z_top{background: url(../images/top-01.png) no-repeat center; padding: 50px 0; position: absolute; z-index: 10;width: 100%;}
.z_top .logo img{padding: 20px 0;}
.z_top .navlist ul{padding-top: 30px;}
.navbar-brand {padding: 0 15px;}
.z_top .navlist .search{ position:absolute; right:0; top:80px;}
.z_top .navlist .searchbtn{ float:right;}
.z_top .navlist li{width: 100px; padding: 10px 0; text-align: center;}
.z_top .navlist li:hover a{background-color: #fff;color: #26860b;}
.z_top .navlist li .on{background-color: #fff;color: #26860b;}
.z_top .navlist .nav_two {display: none;margin-top: 7px;}
.z_top .navlist .nav>li:hover .nav_two{display: block; position: absolute;padding: 20px 0 10px 0; }
.z_top .navlist .nav ul{ background-color: #fff;  border-radius: 0 0 5px 5px; }
.z_top .navlist .nav ul li { padding: 5px 0; width: 100px;}
.z_top .navlist .nav ul li a{ color:#000;}
.z_top .navlist .nav ul li a:hover {color: #26860b;}


@media (max-width: 768px){
	.z_top{background:url(../images/logo_bg.png); padding: 0;}
	.z_top .logo img {padding: 10px 0;height: 100%;}
	/*新增样式*/
	.z_top .navlist .searchbtn{float: none;}
	.z_top .navlist ul {padding-bottom: 10px;}
	.z_top .navlist li{float: none; text-align: center; width: 100%; padding: 0;}
	.z_top .navlist {background:#333; opacity:0.8;}
	.z_top .navlist a{color: #fff;}
	.z_top  .navbar-toggle {border: 1px solid #333;}
	.z_top  .navbar-toggle span{background: #000;	}

}

/* 首页焦点 */
.z_banner{position: relative;}
.z_banner img{width: 100%;}


/* 首页产品中心 */

.z_product_list .t{width: 100%;}
.z_product_list .col-lg-2{text-align: center;}
.z_product_list .col-lg-2 img{padding:0 10px;}
.z_product_list .col-lg-2 h3{display:inline-block;}
.z_product_list .col-lg-12 {padding: 20px 0; }
.z_product_list .ban img{width: 100%;}
@media (max-width: 768px) {
	.z_product_list .col-xs-4 {padding-bottom: 20px ;}
	.z_product_list .col-xs-4 span{display: block;}
}

/* 首页整装家具 */

.z_ready .con{padding: 0;}
.z_ready .t{width: 100%; background: url(../images/zjjj_top_bg.jpg) no-repeat center;}
.z_ready .col-lg-2{text-align: center; margin: 20px 0;}
.z_ready .col-lg-2 img{padding:18px 10px 0 10px; vertical-align: top;}
.z_ready .col-lg-2 h3{display:inline-block;}
.z_ready .j {padding: 0;}
.z_ready .j .col-lg-4{padding: 0;}
.z_ready .j img{width: 100%; padding: 1.5px;}
.z_ready .j .j_t .j_two{position: absolute;top: 0;opacity: 0;}
.z_ready .j .j_t .j_two p{color: #fff;position: absolute;top: 45%; width: 100%; text-align: center;}
.z_ready .j .j_t:hover .j_two{opacity: 1; transition: all .5s;}


/* 首页企业介绍 */

.z_com .t{width: 100%; }
.z_com .col-lg-2{text-align: center; margin: 20px 0;}
.z_com .col-lg-2 img{padding:18px 10px 0 10px; vertical-align: top;}
.z_com .col-lg-2 h3{display:inline-block;}
.z_com .ban {position: relative;}
.z_com .ban img{width: 100%;}
.z_com .ban .jj{position: absolute;top: 36%; text-align: center; padding: 20px 90px; margin: 20px 214px; background-color: rgba(12, 12, 12, 0.5); color: #fff; line-height: 2;}
@media (max-width: 768px){
	.z_com {background: url(../images/qyjs_banner_01.jpg) no-repeat center;}
	.z_com .ban {height: 200px;}
	.z_com .ban .jj{padding: 10px; margin: 0;top: 0; font-size: 1em;}
	.z_com .ban .jj h3{font-size: 1.5em;}
	.z_com .ban .jj p{padding: 0; margin: 0;  display: -webkit-box;  -webkit-line-clamp:5;  -webkit-box-orient: vertical;
    overflow: hidden; line-height: 1.8;}
}
	
/* 首页招商政策 */

.z_mer .t{width: 100%; }
.z_mer .col-lg-2{text-align: center; margin: 20px 0; }
.z_mer .col-lg-2 img{padding:18px 10px 0 10px; vertical-align: top;}
.z_mer .col-lg-2 h3{display:inline-block;}
.z_merb {background: url(../images/zszc_bg.jpg)no-repeat center;}
.z_merb .z{padding: 0;background: url(../images/zszc_bg.jpg) no-repeat center bottom;}
.z_merb .z .col-lg-3 {padding: 0; text-align: center; background-color: #f0f0f0;}
.z_merb .z img{width: 100%;}
.z_merb .z .y{height: 186px; }
.z_merb .z .y h2{padding-top: 20px;}
.z_merb .z .y p{padding: 0 50px;}
.z_merb .z .y hr{width: 15%; border: 1px solid #26860b;}
@media (max-width: 768px){
	.z_merb .z .y {height: auto;}
	.z_merb .z .y h2{font-size: 20px;padding-top:0; margin-top: 10px;}
	.z_merb .z .y hr{margin: 10px auto; }
	.z_merb .z .y p{padding: 0 10px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;
    overflow: hidden;}
}


 /* 首页工程案例  */
.z_case{background: url(../images/gcal_top_bg.jpg);}
.z_case .t{width: 100%; }
.z_case .col-lg-2{text-align: center; margin-top: 20px; padding: 10px 0;}
.z_case .col-lg-2 img{padding:18px 10px 0 10px; vertical-align: top;}
.z_case .col-lg-2 h3{display:inline-block; }
.z_case .col-lg-2 li{list-style: none; border-bottom: 1px dashed #000; padding: 30px 0; background-color: #f6f6f6;}
.z_case .col-lg-2 li:hover{background-color: #26860b; color: #fff; border-bottom: 1px dashed #f6f6f6;}
.z_case .col-lg-2 .b{border: 0;}
.z_case .col-lg-12 {background-color: #fff; padding: 0;}
.z_case .col-lg-1 {padding: 40px 0; text-align: center;}
.z_case .col-lg-9 {padding: 40px 0;}
.z_case .col-lg-9 img{width: 100%; }
@media (max-width: 768px){
	.z_case .col-lg-2 {padding: 0;}
	.z_case .col-lg-2 ul{padding: 0;}
	.z_case .col-lg-9 {padding-bottom: 10px; padding-top: 0;}
	.z_case .col-lg-2 li{float: left; width: 50%; border:1px solid #fff;}


}

/* 底部 */
.z_footer{ background-color: #292929; border-bottom: 1px solid;color: #5b5b5b;}
.z_footer .bt{ display: table; text-align: center;width: 14.28%; border-left: 1px solid ; 
                 margin-top: 30px ;height: 330px;}
.z_footer .bt h4{color: #fff; margin-top: 0; margin-bottom: 20px;border-left: 1px solid #426f35;}
.z_footer .bt ul{padding: 0; color:#8d8d8d ;}
.z_footer .bt li{line-height: 30px;}
.z_footer .bt li a{color: #fff;}
.z_footer .lx{text-align: right; color: #fff;margin-top: 30px;}
.z_footer .lx h3{margin-top: 10px; }
.z_footer .lx hr{width: 35%; margin-left:65%; margin-top: 0; margin-bottom: 10px;}
.z_footer .lx img{padding: 10px;}
.z_footer .lx p{ text-indent: 2em; line-height: 25px;}
.z_adder {background-color: #292929;}
.z_adder p {text-align: center;color: #fff; margin: 10px 0;}

@media (max-width: 768px){
	.z_footer .bt{height: auto;float: left;border-left:0;width: 33.33%; margin: auto;}
	.z_footer .bt h4{width: 100%; margin: 10px 0;font-weight: 400 ;}
	.z_footer .col-xs-12{margin: 20px 0;}
	.z_footer .lx {float: left;}
}

/* 面包肖导航 */
.z_bread p{margin: 20px 0;}

/* 二级导航 */
.z_twoNav{border-bottom: 1px solid #e0e0e0;}
.z_twoNav ul {margin: 0 auto; display: table;height: 60px; line-height: 60px; }
.z_twoNav ul li{float: left; text-align: center; font-size: 16px; border-left: 1px solid #e0e0e0; 
                border-right: 1px solid #e0e0e0; width: 160px;}
.z_twoNav li a{ display: block; }
.z_twoNav li a:hover{background-color: #26860b; color: #fff;}
.z_twoNav li .on{background-color: #26860b; color: #fff;}

@media (max-width: 768px){
	.z_twoNav ul{margin: 0 auto; padding: 0; width: 100%;height: 40px; line-height: 40px;}
	.z_twoNav ul li{border: 1px solid #e0e0e0; width: 48%; margin: 1%;}
}


/* 产品中心 */
.z_praduct { margin-bottom: 30px;}
.z_praduct h3,.z_praduct h4{font-weight: 600;}
.z_praduct .zb {padding: 0;text-align: center; float: left;}
.z_praduct .zb img{width: 100%;}
.z_praduct .zb .wz {height: 200px;}
.z_praduct .zb .wz p{margin: 0 auto; width: 80%;}
.z_praduct .zb .xt .tp{padding:0 2px ;}
.z_praduct .zb .tp .tp_two{position: absolute;top: 0;opacity: 0;}
.z_praduct .zb .tp:hover .tp_two  { opacity: 1;   transition: all .5s; }
.z_praduct .zb .tp .tp_two p{ position: absolute; top:35%; width: 100%; margin: 0 auto; color: #fff; }
.z_praduct .yb {padding:0;text-align: center; float: right; }
.z_praduct .yb img{width: 100%;}
.z_praduct .yb .wz {height: 200px;}
.z_praduct .yb .wz p{margin: 0 auto; width: 80%;}
.z_praduct .yb .xt .tp{padding:0 2px ;}
.z_praduct .yb .tp .tp_two{position: absolute;top: 0;opacity: 0;}
.z_praduct .yb .tp:hover .tp_two  { opacity: 1;   transition: all .5s; }
.z_praduct .yb .tp .tp_two p{ position: absolute; top:35%; width: 100%; margin: 0 auto; color: #fff; }
.z_praduct .hr {padding: 0;width: 1920px; margin-left: -375px;}
@media (max-width: 768px){
	.z_praduct .xt{margin-bottom: 10px;}

}

/* 产品系列 */
.z_praduct_line{background-color: #535353; color: #fff;}
.z_praduct_line .xl{padding: 0; padding: 40px 0;}
.z_praduct_line .xl img{width: 100%;}
.z_praduct_line .xl h2{margin-top: 0;}
.z_praduct_line .xl p{margin: 40px 0;}
.z_praduct_line .xl .but p{margin: 10px 0;}
.z_praduct_line ul{padding: 0;}
.z_praduct_line ul li{padding: 5px 0;}
.z_praduct_line .but {margin: 30px 0 40px 0;}
.z_praduct_line span{padding: 10px 30px; background-color: #fff;color: #000; border-radius: 5px;}

/* 产品列表 */
.z_praduct_list{ margin: 30px 0;}
.z_praduct_list .cp {margin-bottom: 30px;}
.z_praduct_list .cp img{width: 100%; border:1px solid #c7c7c7;}
.z_praduct_list .cp p{color: #000; background: #c7c7c7;height: 25px;line-height: 25px;}
.z_praduct_list .cp b{font-weight: 500; float: left; padding-left: 10px;}
.z_praduct_list .cp span{float: right;padding-right:10px;}
.z_praduct_list .cp .cp_two{position: absolute;top: 0; opacity: 0;}
.z_praduct_list .cp:hover .cp_two{opacity: 1;}
.z_praduct_list .cp .cp_two img{width: 96%; }
.z_praduct_list .pages{text-align: center;}
.z_praduct_list .pages span{width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; 
                            background-color: #e0e0e0; margin: 5px;}

/* 产品详情 */
.z_product_show{margin-bottom: 20px;}
.z_product_show h4{text-align: center; border-bottom: 1px solid #e0e0e0; padding: 10px 0;}
.z_product_show h3{text-align: center; border-bottom: 1px solid #e0e0e0; padding: 10px 0;}
.z_product_show ._show img{width: 100%; padding: 10px 0;}
.z_product_show ._pages{margin: 20px 0; position: relative;}
.z_product_show ._left{ float: left; }
.z_product_show ._rigth{ float: right;}

/* 动态地图 */
.z_map{ text-align: center; margin-bottom: 20px;}
.z_map h2{margin-bottom:20px;}
.z_map img{width: 100%;}

/* 工程案例列表 */
.z_case_list{ margin: 30px 0;}
.z_case_list .cp {margin-bottom: 30px;}
.z_case_list .cp img{width: 100%;}
.z_case_list .cp p{color: #666666;}
.z_case_list .cp h5{ text-align: center; background-color: #f2f2f2; 
					padding: 15px 0; margin: 0; }
.z_case_list .cp .cp_two{position: absolute; top:0; color: #fff; opacity: 0;}
.z_case_list .cp:hover .cp_two{opacity: 1;}
.z_case_list .cp .cp_two img{width: 95%;}
.z_case_list .cp .cp_two h5{position: absolute;top:20%; left: 0; width: 100%;text-align: center; background-color: rgba(255, 255, 255, 0);}
.z_case_list .cp .cp_two p{position: absolute; top:30%; left: 0; width: 100%;text-align: center; color: #fff;}
.z_case_list .pages{text-align: center;}
.z_case_list .pages span{width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; 
                        background-color: #e0e0e0; margin: 5px;}

/* 加盟政策 */
.z_join{margin: 30px 0;}
.z_join h2{text-align: center;}
.z_join .jmzc{text-align: center; border:1px solid #aaaaaa; padding: 50px;}
.z_join .jmzc:hover{background-color: #26860b; color: #fff;}

/* 加盟流程 */
.z_join_lc{margin: 30px 0; background-color: #f4f4f4;text-align: center; padding: 30px 0;}
.z_join_lc h3{padding-bottom: 20px;}
.z_join_lc ul {padding: 0;}
.z_join_lc ul li{width: 11.5%; float: left;  }
.z_join_lc ul li.jt{width: 10.5%;margin-top: 50px;}

@media (max-width: 768px){
	.z_join_lc img{width: 100%;}

}


/* 加入宏图建材 */
.z_join_jr{background: url(../images/join_banner_02.jpg) no-repeat center; height: 536px;}
.z_join_jr .jr{position: absolute; top: 120px; left: 250px;}
.z_join_jr .jr h3{font-size: 20px;font-weight: 600; color: #48598b;}
.z_join_jr .jr p{font-size: 16px;}

@media (max-width: 768px){
	.z_join_jr .jr{left: 20%;}

}

/* 联系我们 */
.z_contact{margin: 30px 0; text-align: center; }
.z_contact .fs{margin: 30px;}
.z_contact .lxl{margin: 30px 0;}
.z_contact .lxl img{padding: 0 10px;}
.z_contact .an{padding: 10px 30px; background-color: #26860b; margin: 10px 0; color: #fff; }

/* 招聘信息 */
.z_job{ background-color:#f9f9f9; margin: 30px 0;}
.z_job .bt{text-align: center;}
.z_job select{padding: 8px 0; width: 150px;}
.z_job .zw{margin: 20px 0; }

.z_job .zw h3{ border-bottom: 0.5px solid #26860b; display: inline; padding-bottom:20px ;}
.z_job .zw hr{margin-left: -375px; width: 1920px;}
.z_job .zw .col-lg-12{padding: 0;}
.z_job .zw .col-lg-2{padding: 20px ; border: 1px solid #a0a0a0; text-align: center;}
.z_job .zw .bg{background-color: #e5e4e4;}
.z_job .zw .col-lg-2.on{color: #26860b;}



/* 留言板 */
.z_mes { margin-bottom: 20px;}
.z_mes h2{margin-bottom:20px; text-align: center; }
.z_mes h5{ line-height: 2; width: 70%;}
.z_mes img{width: 100%;}
.z_mes .join{padding: 0;}
.z_mes .join p{  padding: 8px;margin: 10px 20px 10px 0; font-size: 14px; width: 23%;   float: left;  border: 1px #d9d9d9 solid;}
.z_mes .join form input[type='text']{width: 60%;background: transparent;border: 0;outline: none;}
.z_mes .join .dz{width: 97.2%;}
.z_mes .join .nr{width: 97.2%;}
.z_mes .join textarea{border: 0;width: 100%;background: transparent;text-align: center; outline: none;}
.z_mes .join textarea::placeholder{top: 100px;}
.z_mes .join .an{border: 0; padding: 10px 55px; background-color: #26860b; color: #fff; display: grid; margin: 20px auto;}
@media (max-width: 768px){
	.z_mes h5{width: 100%;}
	.z_mes .join p{width: 100%;}

}


/* 企业简介 */
.z_int .z_int_jj {margin-top: 20px; margin-bottom: 20px;box-shadow:0 0 9px 3px #999; }
.z_int .z_int_jj .l h3{text-align: center; color: #26860b;}
.z_int .z_int_jj .l p {line-height: 30px; margin: 20px 0;}
.z_int .z_int_jj .l img{text-align: center; display: block; margin: 40px auto;}
.z_int .z_int_jj .r img{width: 100%;padding: 14px 0;}

/* 为什么选择宏图建材 */
.z_int_xz{text-align: center; background-color: #fbfbfb;}
.z_int_xz .ico .col-sm-3 {margin: 20px 0;}
.z_int_xz .ico img{float: left; padding: 0 10px;}
.z_int_xz .ico p{float: left; text-align: left; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;}


/* 品牌宗旨 */
.z_int_pp{ text-align: center;  margin: 20px 0;}
.z_int_pp h5{margin-bottom: 20px;}
.z_int_pp p{font-size: 18px; margin: 20px 0;}
.z_int_pp img{width: 100%;}

/* 企业文化 */
.z_cor{  background: url(../images/cor_bg.jpg) no-repeat bottom;}
.z_cor .row{margin-bottom: 120px;}
.z_cor .row h3{margin-top:40px; color:#26860b;}
.z_cor .row p {width:90%; line-height:2;}
.z_cor .row .r img{margin-right:16px}
.z_cor .row .l img{margin-left:50px;}

/*荣誉证书*/
.z_hon{ text-align: center;  }
.z_hon .col-sm-3{margin: 10px 0; padding-top: 10px;}
.z_hon .col-sm-3 img{width: 100%;}
.z_hon .col-sm-3 p{margin: 20px 0;}
.z_hon .col-sm-3:hover {background-color:#26860b; color: #fff; }
.z_hon .pages{text-align: center;}
.z_hon .pages span{width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; 
                            background-color: #e0e0e0; margin: 5px;}

 /*整装家居-使用产品列表样式*/

 /*整装家具列表*/
.z_pro_l {}
.z_pro_l .lm{margin-bottom: 30px ; }
.z_pro_l .lm a{padding:10px; color: #666666; font-size: 16px; }
.z_pro_l .lm a.on{background-color:#26860b; color: #fff;}
.z_pro_l .lm a:hover{background-color:#26860b; color: #fff;}
.z_pro_l .lm span{padding:10px; color: #666666;}
.z_pro_l .lb {}
.z_pro_l .col-sm-4{padding: 20px ; margin: 20px 0; border: 1px solid #fff;}
.z_pro_l .col-sm-4:hover{box-shadow:0 0 9px 3px #999;}
.z_pro_l .col-sm-4 h4{margin-bottom: 20px;}
.z_pro_l .col-sm-4 img{width: 100%;}



.z_pro_l .pages{text-align: center; margin: 10px 0;}
.z_pro_l .pages span{width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; 
                            background-color: #e0e0e0; margin: 5px;}
@media (max-width: 768px){
	h3{font-size: 18px;}
	h4{font-size: 14px; font-family:500;}
	.col-lg-2 img{padding: 10px 10px 0 10px !important; }
}