@charset "utf-8";
@import url("../../css/globle.css");
@import url("../../css/iDialog.css");
/*通用*/
body{ background:#f0f0f0}
.hi-bg0{ width:100%; height:auto;padding:5px 0 10px; margin-top:44px;}
.w96{ width:96%; height:auto; margin:0px 2% 10px; }
.hline{ width:100%; height:4px; display:block;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.zx-title{ width:96%;padding:0 2%;display:block;height:36px;line-height:36px;overflow:hidden;background:#fff;border-bottom:1px solid #d6d6d6}
.zx-title .zx-zb,.zx-title .zx-company,.zx-title .zx-pro,.zx-title .zx-zblist{font-size:18px;color:#2a2a2a;padding-left:38px;float:left;display:block;background:transparent url(../images/zx-ic.png) no-repeat 0px 0px; background-size:30px}
.zx-title .t-more{ color:#2163a6; padding-right:10px; float:right; display:block}

/*顶部*/
header {width: 100%;position: relative;z-index:1110;height: 44px;line-height: 44px;}
.h{height: 44px;line-height: 44px;background:#2163a6;color: #fff;font-size: 14px;text-align:center; width:100%;}
.h .h-b,.h .h-m,.h-nav .jt{ display:block;height:20px; background:transparent url(../../images/heade/h-header.png) no-repeat 0 0; background-size:80px;position:absolute; top:10px;}
.h .h-b{ width:25px; height:32px; background-position:5px 1px;left:2%}
.h .h-ti { font-size:18px;}
.h .h-m{ width:20px; background-position:-61px 3px;right:11%; }
.h-nav{width: 100%; position:absolute; height:auto;top:44px;left:0px;background:#fff; display:none; border:1px solid #d4d4d4; border-top:none; z-index:1002;}
.h-nav .jt{display:block; width:13px; height:10px; position:absolute; right:10.5%; top:-9px;background:url(../images/sp.gif) no-repeat -5px -261px; background-size:40px;}
.h-nav ul{width:96%; padding:0 2%; background:#fff}
.h-nav ul li{ width:16%;height: 40px;line-height:40px; text-align:center; float:left; border-bottom:1px solid #d4d4d4;}
.h-nav ul li.yh{ width:17%;}
.h-nav ul li a{ color:#333333; font-size:16px; font-family:"华文黑体";}
.h-nav ul li a:hover{ cursor:pointer; color:#a50310}

.mask{height:100%; width:100%; position:fixed; _position:absolute; top:44px; z-index:998;  opacity:0.5; filter: alpha(opacity=50); background-color:#000; display:none} 

/***********************************************装修建材首页开始***************************************************************/
/*详细页页面*/
/*当前位置*/
.h-p{ height:38px;line-height:38px;overflow:hidden; font-size:16px; margin-bottom:0; width:96%; margin:0 2%}
.h-p a{ color:#2163a6;}

/*装修招标首页导航*/
.zx-lo{ background:#fff;height:auto; overflow:hidden;-webkit-box-shadow:0px 1px 3px #cccccc;box-shadow:0px 1px 3px #cccccc;-webkit-border-radius:3px;border-radius:3px;}
.zx-lo ul{width:92%;height:auto; padding:0 4%; margin:10px 0}
.zx-lo ul li{ width:25%;height:auto;text-align:center; float:left;}
.zx-lo ul li a{ color:#333333; font-size:14px; font-family:"华文黑体"; display:block; width:70px; height:auto; margin:5px auto}
.zx-lo ul li a img{ width:44px; height:44px;}.zx-lo ul li a span{ display:block; height:32px; line-height:38px}
.zx-lo ul li a:hover{ cursor:pointer; color:#a50310}
/*装修招标...图标*/
.h-r{ height:auto; background:#fff;padding:0 0 10px}
.green{ background:#00a285;}
.zx-title .zx-zb{ background-position:6px 5px}
.huang{ background:#edd567;}
.zx-title .zx-company{ background-position:6px -94px}
.hong{ background:#f1654e;}
.zx-title .zx-pro{ background-position:6px -45px}
.hong{ background:#f1654e;}
.zx-title .zx-zblist{ background-position:6px -138px}
/*装修招标 列表*/
.zx-ul,.zx-ul ul li{width:100%; height:auto; overflow:hidden}
.zx-ul ul li{ border-bottom:1px solid #ccc;}
.zx-ul ul li.bg{ background:#f5f5f5}
.zx-ul ul li a{ display:block; width:96%; padding:10px 2%; overflow:hidden}
.zx-ul ul li a p,.zx-ul ul li a p span{ display:block; height:28px; line-height:28px;overflow:hidden}
.zx-ul ul li a p.zx-1{ font-size:18px}
.zx-ul ul li a p .zx-11{ color:#000}.zx-ul ul li a p .zx-12{color:#fb5007; text-align:right}
.zx-ul ul li a p .zx-left{ max-width:70%; float:left;}
.zx-ul ul li a p .zx-r{ max-width:30%; float:right;}
/*装修公司 列表*/
.zxc-ul{width:100%;height:auto;overflow:hidden}
.zxc-ul ul li{width:96%;height:auto; padding:10px 2% 6px; border-bottom:1px solid #ccc;overflow:hidden}
.zxc-ul ul li.bg{ background:#f5f5f5}
.zxc-ul ul li a,.zxc-ul ul li p{ display:block; overflow:hidden}
.zxc-ul ul li a.zxc-top{ width:100%; height:auto;}
.zxc-ul ul li a.zxct-left{ width:125px; height:50px; border:1px solid #ccc; float:left;margin-right:10px }
.zxc-ul ul li a.zxct-left img{ width:100%; height:100%;}
.zxc-ul ul li div.zxct-r{/* margin-left:132px;*/ overflow:hidden}
.zxc-ul ul li span{ margin-right:8px;}
.zxc-ul ul li .zxct-left1{ width:82px; height:47px; border:1px solid #ccc; float:left;margin-right:10px }
.zxc-ul ul li .zxct-left1 img{ width:100%; height:100%;}
.zxc-ul ul li div.zxct-r1{ /*margin-left:90px;*/ overflow:hidden}
.zxc-ul ul li div.zxct-r1 .zxct-title{ font-size:16px; color:#000; height:25px;line-height:25px;}
.zxc-ul ul li div.zxct-r1 .zxct-b{ font-size:15px;height:22px;line-height:20px;}
.zxc-ul ul li div.zxct-r1 .zxct-b span{ margin-right:8px; float:left}


.zxc-ul ul li div.zxct-r .zxct-title{ font-size:16px; color:#000; height:23px;line-height:23px;}
.zxc-ul ul li div.zxct-r .zxct-b{ font-size:15px;height:22px;line-height:20px;}
.zxc-ul ul li div.zxct-r .zxct-b span{ margin-right:5px; float:left}
.zxc-ul ul li p.zxc-b{ width:100%; height:26px; line-height:26px; margin-top:3px}
.zxc-ul ul li p.zxc-b a{float:left;max-width:90%;color:#fb5007;padding-left:24px;font-size:17px;line-height:28px;background:url(../images/telephone.png) no-repeat 0 3px;background-size:19px;}
.zxc-ul ul li p.zxc-b span{ float:right;text-align:right; max-width:50%;}
/*热门建材产品 列表*/
.zxp-ul{width:100%;height:auto;overflow:hidden; padding-bottom:14px}
.zxp-ul ul li{width:48%;height:auto; margin:0px 1%;padding:0px 0 0;float:left;overflow:hidden}
.zxp-ul ul li a,.zxp-ul ul li span{display:block;overflow:hidden;}
.zxp-ul ul li a{width:141px; height:auto;margin:0 auto;padding:8px 0 0;}
.zxp-ul ul li a .zxp-top{ width:141px; height:141px; margin:auto; display:table-cell; text-align:center; vertical-align:middle}
.zxp-ul ul li a .zxp-top img{max-width:100%; max-height:100%;vertical-align:middle}
.zxp-ul ul li a .zxp-b{ width:132px; margin:0 4px; height:42px; line-height:21px;font-size:16px; color:#000}

/****装修案例 列表页开始******/
.zxanli-ul{width:100%;height:auto; padding:10px 0;overflow:hidden}
.zxanli-ul ul li{width:48%;height:auto; margin:6px 1% 0;padding:2px 0;float:left;overflow:hidden}
.zxanli-ul ul li a,.zxanli-ul ul li span{display:block;overflow:hidden;}
.zxanli-ul ul li a{width:141px; height:auto;margin:0 auto;padding:2px 0;}
.zxanli-ul ul li a .zxal-top{ width:141px; height:141px; margin:0 auto; text-align:center; vertical-align:middle; display:table-cell}
.zxanli-ul ul li a .zxal-top img{max-width:100%;max-height:100%; vertical-align:middle; margin:auto}
.zxanli-ul ul li a .zxal-b{ width:141px;max-height:52px;line-height:26px;font-size:16px; color:#000; text-align:center;overflow:hidden}

.zxanli-ul ul li a .zxxx-top{ width:141px; height:auto; margin:0 auto; text-align:center; vertical-align:middle; display:table-cell}
.zxanli-ul ul li a .zxxx-top img{max-width:100%;max-height:100%; vertical-align:middle; margin:auto}

/*************设计师 列表页开始****************/
.zxde-ul{width:100%;height:auto; padding:10px 0;overflow:hidden}
.zxde-ul ul li{width:96%;height:auto; margin:0px 2%;padding:10px 0; border-bottom:1px solid #ccc;overflow:hidden}
.zxde-ul ul li:hover{ background:#f0f0f0}
.zxde-ul ul li p,.zxde-ul ul li a{display:block;overflow:hidden;}
.zxde-ul ul li a.zxde-left{ display:block;width:56px; height:62px; float:left;margin-right:10px }
.zxde-ul ul li .zxde-left img{ width:100%; height:100%;}
.zxde-ul ul li .zxde-r{/* margin-left:62px;*/ overflow:hidden}
.zxde-ul ul li .zxde-r p{ height:24px; line-height:24px; font-size:15px;}
.zxde-ul ul li .zxde-r .de-1{height:20px;line-height:20px}
.zxde-ul ul li .zxde-r .de-1 span{ max-width:40%;float:left;color:#2163a6; font-size:17px;display:block;overflow:hidden}
.zxde-ul ul li .zxde-r .de-1 a.v{ width:68px; color:#fff; background:#f98700; text-align:center; float:right; height:20px; line-height:20px;}

/*分享提示1*/
.sharehelper {position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8) url(../../images/share_tips.png) center top no-repeat;background-size: 90% auto;z-index: 99999;display: none;}

/*修改后的条件筛选*/
.chose{width:96%; height:auto;padding:2px 2%; overflow:hidden;}
.chose ul li{ padding-right:18px;line-height:40px; overflow:hidden; border-bottom:1px solid #dddddd; font-size:16px; position:relative} 
.chose ul li.start{height:40px; } 
.chose ul li span{ color:#999999; margin:0 6px 0 2px; float:left}
.chose ul li a{ color:#424242; margin:0 3px; font-size:16px; display:inline-block; padding:0 2px}
.chose ul li .down,.chose ul li .down1,.chose ul li .up,.chose ul li .up1{font-weight:normal; display:block; width:20px; height:20px; position:absolute; right:2px; background:url(../images/dnup.png) no-repeat 0px 0px; background-size:16px}
.chose ul li .down{ background-position:0px -47px;top:14px}.chose ul li .down1{ background-position:0px -40px;bottom:14px}
.chose ul li .up,.chose ul li .up1{ background-position: 0px 9px;bottom:14px}

.chose ul li.click1{ height:auto;}
.chose ul li a.a-{ background:#2163a6; color:#fff; height:24px; line-height:24px; margin-top:8px;border-radius:3px;-webkit-border-radius:3px; }
.chose ul li.nav-a{display:none}

/*招聘资讯*/
.zx-list{width:100%; height:auto; overflow:hidden}
.zx-list ul li{ width:98%; padding:0 1%; height:auto; overflow:hidden; border-bottom:1px solid #ccc; }
.zx-list ul li:hover{ background:#f2f2f2}
.zx-list ul li a{display: inline-block; width:100%;height:28px; line-height:28px;margin:8px 0; position:relative;overflow:hidden}
.zx-list ul li a .zx-left{ display:block; float:left;margin-right:45px; font-size:17px;color:#424242; overflow:hidden}
.zx-list ul li a .zx-r{display:block;position: absolute; right:0; top:0; text-align:right; width:45px; font-size:15px; overflow:hidden}