﻿@charset "utf-8";
/* CSS Document */

/*导航二级菜单*/
.subbox{width: 1000px;background-color:#fff;margin: 0 auto;overflow: hidden;}
.subbox .smenu{width: 1000px;margin: 0 auto;position: absolute;}
.subbox li{line-height:30px;}
.subbox .s_li{height:32px;padding:10px;display:none; color: #969696;}
.subbox .s_li a{margin:0px 2px;height:30px;padding:10px 10px;color:#969696;line-height:30px;}
.subbox .s_li a:hover{background-color:rgba(238, 119, 0, 0.8);height:30px;padding:10px 10px;color:#fff;line-height:30px;}
.subbox .s_li_a{display:block;}
.m_li_a{float:left;background:url(../images/navMenu1.jpg) repeat-x;}

/* 自适应宽度的块(通用块) */
.productrange{float:left;margin-bottom:8px;}
.tbox{float: left;margin: 0;overflow:hidden;}
.tbox dt{height:40px;overflow:hidden;clear:both;line-height:40px;font-size:14px;background:url(../images/boxbd.jpg);}
.tbox dd{overflow:hidden;}
.tbox dt strong{height:40px;line-height: 40px;padding-left:15px;display:block;font-size: 15px;float:left;text-align: center;letter-spacing:1px;font-family: "微软雅黑", "宋体";}
.tbox dt strong a{color:#FFF;}
.tbox dt strong a:hover{color:#FFF;}
.tbox dt span.more img{float:right;margin-top:10px;margin-right:15px;}
.tbox dt span.more a{float: right;display: block;}
.tbox dt span.label{height:39px;float:left;overflow:hidden;}
.style5,.style7{background: #ee7700;color: #FFF;}
.style6,.style8 {color: #333;background: #cccccc;}
.tbox dt span.label div{height:37px;width:98px;display:block;text-align:center;line-height:39px;float:left;font-size:15px;font-weight:bold;overflow:hidden;letter-spacing:1px;font-family: "微软雅黑", "宋体";cursor:pointer;}
.tbox dt span.label a.thisclass{background:#ff6600;color:#FFF;}
.tbox dt span.linklabel{float:left;margin-left:10px;overflow:hidden;padding-right:1px;padding-top:2px;}
.tbox dt span.linklabel a{height:20px;display:block;padding:0px 7px 0px 8px;margin:0 5px;line-height:20px;border-left:1px solid #DADADA;border-top:1px solid #DADADA;border-right:1px solid #DADADA;float:left;color:#666;text-decoration:none;overflow:hidden;letter-spacing:1px;}
.tbox dt span.linklabel a:hover{color:#360;}
.tbox dt span.linklabel a.thisclass{background:#FFF;color:#333;}

/* 工程案例滚动 */
.rollBox{float:left;width: 984px; height: 140px;overflow:hidden;padding: 10px 0px 0px 0px; position:relative; left:0px; top:0;  border-top:none;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .LeftBotton{width: 18px; height: 37px;  margin-top:46px; background: url(../images/jt.png) no-repeat; cursor:pointer;  display:inline;left: 15px;position: absolute;}
.rollBox .RightBotton{width: 18px; height: 37px;  margin-top:46px; background: url(../images/jt.png) 0px -39px no-repeat; cursor:pointer; right:15px; display:inline;position: absolute;}
.rollBox .Cont{width:890px;overflow:hidden;float:left; margin: 0px 2px; display:inline;height: 140px;text-align: center;margin-left: 48px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{float:left; margin: 5px 5px 0px 0px; display:inline; width: 220px;height: 140px;}
.rollBox .Cont .pic img{float:left;width: 209px; height: 140px;  }
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a {color:#333;}
.rollBox .Cont .pic span {float: left;width: 209px;text-align: center;height: 25px;line-height: 24px;position: relative;bottom: 30px;left: 0;color: #fff;background: rgba(51, 51, 51, 0.33);}
.rollBox .Cont .pic span a {color: #fff;}

/* 走进豪瓦特滚动 */
.rollBox1{float:left;width: 760px; height: 140px;overflow:hidden;padding: 15px 0px 0px 0px; position:relative; left:0px; top:0;  border-top:none;}
.rollBox1 #List3,.rollBox1 #List4{float:left;height: 140px;width: 732px;}
.rollBox1 .LeftBotton1{width: 15px; height: 70px;  margin-top: 38px; background: url(../images/prevBtn.png) no-repeat; cursor:pointer;  display:inline;left: 0;position: absolute;}
.rollBox1 .RightBotton1{width: 15px; height: 70px;  margin-top: 40px; background: url(../images/nextBtn.png)  no-repeat; cursor:pointer; right: 0; display:inline;position: absolute;}
.rollBox1 .Cont1{width: 729px;overflow:hidden;float:left; margin: 0px 2px; display:inline;height: 140px;text-align: center;margin-left: 16px;}
.rollBox1 .ScrCont1{width:10000000px;}
.rollBox1 .Cont1 .pic{float:left; margin: 5px 5px 0px 4px; display:inline; width: 174px;height: 134px;}
.rollBox1 .Cont1 .pic img{float:left;width:174px; height: 134px;  }
.rollBox1 .Cont1 .pic p{line-height:26px;color:#505050;}
.rollBox1 .Cont1 a {color:#333;}
.rollBox1 .Cont1 .pic span {float: left;width: 209px;text-align: center;height: 25px;line-height: 24px;position: relative;bottom: 30px;left: 0;color: #fff;background: rgba(51, 51, 51, 0.33);}
.rollBox1 .Cont1 .pic span a {color: #fff;}

.why_4{width:1012px;height:1267px; background:url(../images/index.png) no-repeat;}
.why_01{float:left;width:580px;height:155px; font-size:14px; line-height:30px; margin-top:180px; margin-left:85px; display:inline;font-family: "微软雅黑", "宋体";}
.why_02{float:left;width:460px;height:175px; font-size:14px; line-height: 26px; margin-top: 125px; margin-left:425px;display:inline;font-family: "微软雅黑", "宋体";}
.why_03{float:left;width:460px;height:77px; font-size:14px; line-height: 26px; margin-top: 145px; margin-left: 177px;display:inline;font-family: "微软雅黑", "宋体";}
.why_04{float:left;width:578px;height:80px; font-size:14px; line-height: 26px; margin-top: 168px; margin-left: 310px;display:inline;font-family: "微软雅黑", "宋体";}
.picl12 {padding:15px 15px;height: 285px;overflow:hidden;}
.picl02{float:left;width: 506px;overflow: hidden;}
.lu_box{float: left;width: 185px;height: 140px;}
.lu_box a{width: 100%;display: block;}
.lu_box a img{ float: left; width: 183px; height: 138px; border: 1px solid #dadada;}
.lu_cen{ float: left; width: 300px;margin-left: 12px;}
.title112{float: left;width: 100%; height: 26px;line-height: 26px;overflow: hidden;text-align: center;border-bottom: dashed 1px #dadada; padding: 2px 0px;}
.title112 a{font-size: 14px;width: 100%;color: #747372;font-weight: 800;}
.title112 a:hover{color: #ee7700;}
.test112{float: left;width: 100%;height: 105px; line-height: 20px;overflow: hidden;margin-top: 5px;}
.test112 p{float: left;color: #747372;height: 100px;overflow: hidden; text-indent: 2em;}
.content-list{float: left;width: 508px;height: 138px;margin-top: 10px;overflow: hidden;}
.content-list li{float: left;width: 492px;padding-left: 16px;background: url(../images/ico-1.gif) 7px 12px no-repeat;height: 27px;line-height: 27px;overflow: hidden;border-bottom: dashed 1px #dadada;}
.content-list li a{float: left;width: 400px;color: #333;overflow: hidden;}
.content-list li a:hover{color: #ee7700;}
.content-list li span{float: right;width: 80px;font-size: 12px;color: #A5A5A5;}

/*内页推荐产品文字列表*/
.tj_wenzi{float: left;width:360px;padding:0; margin-left: 12px;_margin-left:6px;margin-top:10px;margin-bottom:10px;}
.tj_wenzi li{float: left;width: 340px;padding-left: 16px;background: url(../images/ico-1.gif) 7px 16px no-repeat;height:33px;line-height:33px;border-bottom: dashed 1px #dadada;}
.tj_wenzi li a{color: #666;float: left;width: 260px;overflow: hidden;}
.tj_wenzi li a:hover{ color:#ee7700;}
.tj_wenzi li span{color: #777;float: right;padding-right: 10px;margin-left: 10px;}

/* 较重颜色的Box */
.light {background:none;}
.light dt{height:40px;overflow:hidden;line-height:40px;clear:both;background:url(../images/boxbd.jpg);}
.light dd{overflow:hidden;}
dt.light strong{color:#FFF;}
dt.light strong a{color:#FFF;}

/*box layout (prefix space:a,b)*/
/*c:纯文本列表--纯文本链接列表 */
.c1{padding:4px 0px;clear:right;}
.c1 li{height:27px;line-height:27px;overflow:hidden;padding-left:16px;background:url(../images/ico-2.gif) 7px 11px no-repeat;}
.c1 a{color:#585858;}
.c2{/* 水平切分的两列纯文本链接列表 */width:100%;padding:4px 0px;overflow:hidden;clear:both;}
.c2 li{width:44%;margin-right:1%;float:left;height:27px;line-height:27px;overflow:hidden;padding-left:16px;background:url(../images/ico-2.gif) 7px 11px no-repeat;}

/*---------- d : 附加信息列表 ---------*/
.d1{/* 前置时间日期的小列表 */padding:4px 0px;}
.d1 li{height:27px;line-height:27px;overflow:hidden;}
.d1 li span{color:#ABA9A2;margin-right:5px;float:left;}
.d2{/* 后置时间日期的小列表 */float: left;width: 213px;padding:2px 0px;}
.d2 li{height:27px;line-height:27px;overflow:hidden;border-bottom:dashed 1px #dadada;}
.d2 li span{color:#777;float:right;padding-right:10px;margin-left:10px;}
.d2 li a{color:#666;float: left;width: 190px;overflow: hidden;}
.d2 li a:hover{ color:#ee7700;}
.d4{/*带内容简介的小列表*/padding:0px 0px;}
.d4 li{padding:4px 8px;overflow:hidden;}
.d4 li a{display:block;line-height:23px;overflow:hidden;text-indent:14px;background:url(../images/ico-3.gif) 4px 9px no-repeat;}
.d4 li p{color:#888;line-height:17px;height:33px;overflow:hidden;}
.d5{/* 后置时间日期的大列表 */padding:8px;border-bottom:1px solid #EEE;}
.d5 li{height:41px;line-height:41px;background:url(../images/ico-2.gif) 2px 17px no-repeat;padding-left:16px;}
.d5 li a{font-size:14px;}
.d5 li span{margin-left:10px;color:#777;}

/*e:图文混排列表*/
.e1{/* 横向浮动的图片列表 120*90  */width:100%;overflow:hidden;clear:both;padding-top:10px;padding-bottom:8px;}
.e1 li{width:126px;overflow:hidden;padding-left:12px;float:left;text-align:center;}
.e1 li a{display:block;color:#6C6D61;}
.e1 li a:hover img{border:1px solid #D7D9CC;padding:2px;}
.e1 li a img{display:block;border:1px solid #E3E3E3;padding:2px;width:120px;height:90px;}
.e1 li a span{display:block;line-height:17px;padding-top:6px;}
.e2 li{width:100%;overflow:hidden;clear:both;padding: 12px 0px 18px 0px;border-bottom:1px solid #EEE;color:#aaa;}
.e2 li b a{color:#555;}
.li_cen{padding-left: 15px;}
.e2 li a.preview{width: 194px;float:left;margin-right:15px;margin-bottom:3px;margin-left:10px;display:inline;}
.e2 li a.preview img{width: 192px;height: 144px;display:block;border: solid 1px #DFDFDF;}
.e2 li a.title{overflow:hidden;line-height:25px;font-weight:bold;font-size:14px;margin-left: 3px;color: #ee7700;}
.e2 li a.title:hover{color:#F30;}
.e2 span.info{display:block;line-height:23px;color:#555;margin: 2px 0;}
.e2 span.info small{color:#AAA;font-size:12px;margin-left:3px;}
.e2 span.info a{color:#ff6600;}
.e2 p.intro{color:#776955;line-height:20px;margin-left: 3px;padding-right:10px;}
.e3{/* 图文混排小列表 */	clear:both;overflow:hidden;}
.e3 li{height:50px;overflow:hidden;padding:6px;border-bottom:1px dashed #DCEBD7;}
.e3 li a.preview{width:58px;height:48px;float:left;display:block;margin-right:6px;overflow:hidden;}
.e3 li a.preview img{width:58px;height:48px;}
.e3 li a.title{height:21px;display:block;line-height:21px;overflow:hidden;}
.e3 li .intro{color:#777;display:block;float:left;line-height:23px;}
.e5{/* 竖排小图列表 102*70 (仅供首页图文混排列表使用) */padding-left:8px;width:112px;float:left;font-size:0px;line-height:0px;}
.e5 li{display:block;width:104px;overflow:hidden;padding-top:8px;}
.e6{/* 横排小图列表 102*70 (仅供首页图文混排列表使用) */height:81px;padding-left:6px;clear:both;overflow:hidden;}
.e6 li{display:block;width:104px;padding-top:8px;padding-right:8px;overflow:hidden;float:left;}
.e5 li a,.e6 li a{width:102px;height:70px;overflow:hidden;display:block;border:1px solid #676767;}
.e5 li a img,.e6 li a img{display:block;width:102px;height:70px;}
.e5 li a:hover,.e6 li a:hover{border:1px solid #333;}
.e7{/* 横排小图列表 52*52 (用户头像列表) */clear:both;overflow:hidden;}
.e7 li{width:60px;height:86px;float:left;overflow:hidden;padding-left:11px;}
.e7 li a{display:block;margin:0px auto;text-align:center;}
.e7 li a img{width:52px;height:52px;display:block;margin:0px auto 6px;padding:2px;border:1px solid #DDD;}
.e7 li a:hover img{border:1px solid #AAA;}
.e8{/*图集列表专用大图列表*/width:100%;overflow:hidden;clear:both;margin-left:12px;margin-top:16px;}
.e8 li{width:168px;height:184px;float:left;display:block;overflow:hidden;margin-right:8px;text-align:center;}
.e8 li .pic{width:160px;height:120px;display:block;background:url(../images/picbox-listbg.gif) no-repeat;text-align:left;overflow:hidden;}
.e8 li .pic img{width:152px;height:112px;display:block;margin-left:3px;margin-top:3px;border:none;}
.e8 li .title{height:31px;display:block;line-height:31px;font-weight:bold;overflow:hidden;}
.e8 li .date{color:#666;}
.e8 li .date small{line-height:17px;font-size:12px;color:#999;}
.p_indextop{/*首页产品大图列表*/float: left;width: 748px;overflow:hidden;clear:both;margin-left: 12px;height: 440px;}
.p_indextop li{width: 230px;float:left;display:block;overflow:hidden;margin-right: 19px;text-align:center;margin-bottom:5px;margin-top: 17px;}
.p_indextop li .pic{width: 230px;height: 172px;border-radius:2px;display:block;text-align:left;overflow:hidden;}
.p_indextop li .pic img{width: 228px;height: 170px;display:block;border: 1px solid #DADADA;}
.p_indextop li .title{height: 24px;display:block;line-height: 26px;color:#666;overflow:hidden;}
.p_indextop li .date{color:#666;}
.p_indextop li .date small{line-height:17px;font-size:12px;color:#999;}
.p_shoptop{/*列表产品大图列表*/float: left;width: 746px;overflow:hidden;clear:both;margin-left: 15px;margin-top:5px;}
.p_shoptop li{width: 232px;height:215px;float:left;display:block;overflow:hidden;margin-right: 16px;text-align:center;margin-bottom:5px;}
.p_shoptop li .pic{float: left;width:230px;height:175px;border:solid 1px #dadada;border-radius:2px;display:block;text-align:left;overflow:hidden;}
.p_shoptop li .pic img{float: left;width:215px;height:160px;display:block;margin-left:8px;margin-top:8px;border:none;}
.p_shoptop li .title{float: left;width: 232px;height:31px;display:block;line-height:31px;color:#666;overflow:hidden;}
.p_shoptop li .title b {font-size: 12px;font-weight: 100;}
.p_shoptop li .date{color:#666;}
.p_shoptop li .date small{line-height:17px;font-size:12px;color:#999;}
.e9{/* 右侧小图列表 */width:100%;clear:both;overflow:hidden;padding-top:4px;}
.e9 li{width:106px;height:110px;float:left;text-align:center;overflow:hidden;margin-left:6px;display:inline;}
.e9 li a{color:#777;}
.e9 li a img{width:102px;height:76px;display:block;padding:1px;border:1px solid #DDD;}
.e9 li a span.title{display:block;height:29px;line-height:29px;overflow:hidden;}

/*f:特殊列表*/
.f1{/* 带数字ICO的排行榜列表 */background:url(../images/number-range.gif) 5px 5px no-repeat;overflow:hidden;}
.f1 li{height:38px;display:block;padding:3px 0px 4px 0px;;border-bottom:1px dashed #DCEBD7;padding-left:38px;overflow:hidden;}
.f1 li a{height:21px;line-height:21px;overflow:hidden;display:block;}
.f1 li span{line-height:15px;color:#666666;margin-left:5px;}
.f1 li span small{font-size:12px;color:#999;}
.f1 li span a{display:inline;line-height:15px;color:#666666;color:#690;}
.f2{/* 评论专用列表 */overflow:hidden;}
.f2 li{height:73px;clear:both;overflow:hidden;border-bottom:1px dashed #DCEBD7;padding:0px 8px;}
.f2 small{display:block;height:21px;padding-top:6px;line-height:21px;overflow:hidden;font-size:12px;color:#999;}
.f2 small a.username{color:#666;}
.f2 p{height:42px;overflow:hidden;line-height:21px;color:#888;text-indent:17px;background:url(../images/ico-comment-quote.gif) 0px 4px no-repeat;}
.f4{/*友情链接(图片)专用*/}
.f4 li{width:94px;height:37px;display:block;float:left;overflow:hidden;margin:10px 12px 2px 8px;}
.f4 li a{width:88px;height:31px;overflow:hidden;float:left;border:3px solid #FFF;}
.f4 li a:hover{border:3px solid #EEE;}
.f5{/*友情链接(文字)专用*/overflow:hidden;clear:both;margin-top:20px;float:right;}
.f5 li{float:left;line-height:20px;padding: 0 15px 0 0;white-space:nowrap;color: #878685;}
.f5 li a{float:left;margin-right: 15px;color: #878685;}
.f5 li a:hover{ color:#ee7700;}
.f5 li a img{border:3px solid #EEE;}
.f6{/* 链接横排自适应列表 */width:100%;overflow:hidden;clear:both;padding-bottom:10px;}
.f6 li{float:left;line-height:14px;padding:8px 10px 0px;white-space:nowrap;}
.f6 li a{color:#666666;float:left;}

/*list_nav*/
.d6{width:100%;overflow:hidden;padding-bottom:6px;clear:both;display:inherit;}
.d6 li{float:left;margin:6px 0 1px 8px;display:inline;}
.d6 li a{width:87px;padding-left:20px;height:26px;line-height:26px;display:block;background:url(../images/green_skin.png) -42px -222px no-repeat;color:#316301;}
.d6 li a:hover{text-decoration:none;}	
.d6 li a.thisclass{background:url(../images/green_skin.png) -42px -249px no-repeat;}
	
/*list icon*/
.ico1 li{float: left;width: 197px;padding-left:16px;background: url(../images/ico-1.gif) 7px 12px no-repeat;}
.ico2 li{padding-left:16px;background:url(../images/ico-2.gif) 6px 11px no-repeat;}
.ico3 li{padding-left:16px;background:url(../images/ico-3.gif) 7px 11px no-repeat;}
li.dotline {height:26px;line-height:26px;}
.c_page{text-align:right;line-height:25px;height:25px;background:#FBFBFB;border-top:1px solid #EAEAEA;}
.c_page a{text-align:center;background:url(../images/page_bg.gif) #FBFBFB no-repeat;width:16px;height:15px;line-height:15px;display:inline-block;margin-top:5px;color:#000;font-family:Verdana, Geneva, sans-serif;font-size:9px;}
.c_page a:hover{text-decoration:none;}
.c_page a.thislink{color:#7A2334;}
.shutu{padding: 5px 6px;overflow:hidden;}
.shutu li{width:200px;text-align:center;}
.shutu li .title{height:31px;display:block;line-height:31px;color:#666;overflow:hidden;}

.picl1 {overflow:hidden;height:302px;}
.picl1 li {height:88px; width:98%;float:left;background:url(../images/wenda.jpg);}
.picl1 .title {color:#ff6600; font-weight:bold;font-size:13px; height:20px; line-height:20px; margin-top:12px; margin-left:30px}
.picl1 .title a {color:#ff6600;}
.picl1 .test p{color:#666;width:170px;margin-top:4px; margin-left:32px; line-height:22px;}
.picl2 {padding:15px 15px;overflow:hidden;float: left;}
.picl2 li {width:48%;height:150px;float:left; margin-right:15px;margin-bottom:6px;line-height:20px;padding-bottom:15px; padding-top:15px;}
.picl2 li .lu_box {margin-right:12px; margin-left:4px;border-radius: 3px; width:185px;height:140px;border:1px solid #dadada;overflow:hidden;display:block;float:left;}
.picl2 li .lu_box img {margin-left:0px;margin-top:0px;}
.picl2 li .title {color:#333; font-size:15px;font-weight:bold;}
.picl2 li .test p{color:#666;text-indent:2em; padding-top:10px;}
.picl3 {padding:10px 10px;overflow:hidden; }
.picl3 li {width:98%;height:120px;float:left;margin-bottom:6px;line-height:20px;padding-bottom:0px; padding-top:0px;}
.picl3 li .lu_box {margin-right:12px; margin-left:4px;border-radius: 5px; width:160px;height:120px;border:1px solid #dadada;overflow:hidden;display:block;float:left;}
.picl3 li .lu_box img {margin-left:0px;margin-top:0px;}
.picl3 li .title {color:#333; font-size:15px; line-height:30px;font-weight:bold;}
.picl3 li .test p{color:#666;text-indent:2em;}

.zj_kuang{width:750px; height:285px; float:left;margin-left:5px;margin-top:10px;}
.clear1{background:#FFF; overflow:hidden; padding-top:8px;}
.shutu01{margin-bottom:6px; margin-top:10px;_display:inline;}
.shutu01{margin-bottom:6px;}
.xjkuang{padding-top:8px;height:275px;overflow:hidden;}
.xint{color: #919191;font-size: 13px;font-weight: 800;}
#pwdTip,#repwdTip{float: left;margin-left:10px;color:#979797;line-height:40px;}
#username{margin:5px 0px;padding:0px 5px;width:340px;height:32px; background:#ededed;border:none;}
#introduce{margin:5px 0px;padding:10px 5px;background:#ededed;width:610px;height:115px;border:none; font-size:12px;}
#xwzt{padding:0;vertical-align:top; color:#ee7700;}
.xtopt{margin-top:13px;}
#xwidth{width:760px;}
#xindd{border: solid 1px #DFDFDF; border-top:none;float: left;width: 758px;}
#xinmarg{margin:5px auto; float:none;}
#xintbo{background:url(../images/indexleftbd.jpg);color:#fff;padding-left:60px;}
#xi984{width:984px;}
#xinlbo{border: solid 1px #DFDFDF;width:982px;}
#xlisbo{border:solid 1px #DFDFDF;}
#xinTi{float:left; margin-left:8px; margin-right:0px;_margin-left:4px;}
#xinRi{float:right;margin-right:8px;_margin-right:4px;}
#ddinex{height:315px;border:solid 1px #dadada; border-top:none;}
.clear2{background:#FFF;}

#s_1{display:none;}
#s_2{padding-left:680px;display:none;}
#s_3{padding-left:385px;}
#s_4{padding-left:460px;display:none;}
#s_5{padding-left:474px;display:none;}
#s_6{padding-left:570px;display:none;}
#s_7{padding-left:680px;display:none;}
#cen1{ background:none;}




