﻿@import "main.css";

/*导航*/
.zsnav .nav_a, 
.zsnav .nav_a h2 a:hover, 
.zsnav .nav_b { background:url(../images/nav_bg4.png); }

.zsnav .nav_a { width:920px; height:60px;  }
.zsnav .nav_a li { float:left; height:60px; }

.zsnav .nav_a .m1 { width:60px }
.zsnav .nav_a .m2 { width:125px }
.zsnav .nav_a .m3 { width:177px }
.zsnav .nav_a .m4 { width:156px}
.zsnav .nav_a .m5 { width:160px }
.zsnav .nav_a .m6 { width:175px }
.zsnav .nav_a .m7 { width:67px }

.zsnav .nav_a li h2, 
.zsnav .nav_a li h2 a { float:left; width:54px; height:60px; text-indent:-999px; overflow:hidden; }
.zsnav .nav_a li p { float:left; line-height:22px; padding:15px 0 0 3px; }
.zsnav .nav_a li p a { margin-right:6px; color:#fff; }
.zsnav .nav_a li p a:hover { color:#fff; }

.zsnav .nav_a .m1 h2 { width:60px; }
.zsnav .nav_a .m1 h2 a:hover { background-position:0 -60px; width:60px; }
.zsnav .nav_a .m2 h2 a:hover { background-position:-60px -60px }
.zsnav .nav_a .m3 h2 a:hover { background-position:-185px -60px }
.zsnav .nav_a .m4 h2 a:hover { background-position:-362px -60px }
.zsnav .nav_a .m5 h2 a:hover { background-position:-518px -60px }
.zsnav .nav_a .m6 h2 a:hover { background-position:-679px -60px }
.zsnav .nav_a .m7 h2 a:hover { background-position:-854px -60px }

.zsnav .nav_a .activ a, 
.zsnav .nav_a .activ a:hover ,
.zsnav .nav_a .activ a:visited{ color:#b00 }

.zsnav .nav_b { background-position:0 -180px; width:920px; height:55px; line-height:55px; }
.zsnav .nav_b .breadcrumb { float:left; text-indent:12px; }
.zsnav .nav_b .breadcrumb a { font-weight:700; color:#b00; font-size:14px; }
.zsnav .nav_b .subnav { float:right; padding-right:20px; padding-top:15px;}
.zsnav .nav_b .subnav a { color:#000 }
.zsnav .nav_b .subnav .subforumname{ white-space: nowrap;float: left;line-height: 20px;padding: 0px 6px;background: url(../images/bg_rline.gif) no-repeat right 4px;}
.zsnav .nav_b .subnav .subforumname a{color: #304050;}

/*家装首页*/
.divl{ float:left; width:350px;}
.divl2{ float:left; display:inline; margin-right:9px; width:749px;}
.divc{ float:left; display:inline; margin:0 9px; width:360px;}
.divr{ float:left; width:192px;}

.blk { width:950px; padding:10px 0 }
.left { float:left; width:686px; }
.right { float:right; width:224px; }
.left2 { float:left; width:607px; position:relative }
.right2 { float:right; width:303px; }
.left3 { float:left; width:334px; }
.right3 { float:right; width:332px; }
.left4 { float:left; width:354px; }
.right4 { float:right; width:352px; }

.box1 { background:url(../images/box/dbg1.png); }
.box2 { background:url(../images/box/dbg2.png); }
.box3 { background:url(../images/box/dbg3.png); }
.box4 { background:url(../images/box/dbg6.png); }
.box5 { background:url(../images/box/dbg4.png) top no-repeat; }
.box6 { background:url(../images/box/dbg5.png) bottom no-repeat; }
.box7 { background:url(../images/box/dbg7.png); width:608px; height:149px; padding:5px; position:absolute; top:-5px; left:-5px; }
.border { border:1px solid #A882B7; border-top:none; }
.box7 h2 { text-indent:-9999px; overflow:hidden; width:70px; height:80px; position:absolute; left:0; top:0; }
.box7 .more { text-indent:-9999px; overflow:hidden; width:40px; height:20px; position:absolute; top:98px; left:35px; }

.title1 { background:url(../images/box/dbg.png); height:28px; line-height:28px; padding:0 16px 0 36px }
h2 { color:#45015E; font-size:14px; font-weight:700; }
.title2 { height:38px; line-height:38px; padding:0 10px 0 20px }
.title3 { height:27px; line-height:27px; font-weight:700; text-align:center; color:#FFF }
.t2 { background-position:0 -29px }
.t3 { background-position:0 -58px }
.t4 { background-position:0 -87px }
.t5 { background-position:0 -116px }
.t6 { background-position:-383px -87px }

.img2 { height:157px; margin-bottom:10px; padding:36px 0 0 44px; }
.img2 img { width:124px; height:124px; padding:2px; border:1px solid #000; background:#FFF }
.img2 h5 { padding:5px; }

.list2 { line-height:22px; padding:18px 15px; }
.list2 .img { float:left; display:inline; margin-right:10px; width:80px; height:80px; background:url(../images/box/dbg8.png) right top no-repeat; padding-right:9px }
.list2 img { float:left; width:76px; height:76px; padding:1px; border:1px solid #000 }
.list2 dt { font-weight:700; padding:5px 0; }
.list2 dt span { font-weight:400; }
.list3 { line-height:22px; padding:12px 15px; }
.list3 .bg1, .list3 .bg2 { float:left; display:inline; margin:15px 10px 15px 0; background:url(../images/box/dbg9.png); width:20px; height:16px; line-height:16px; text-align:center; color:#FFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
.list3 .bg2 { background-position:0 -56px }
.list3 img { float:left; display:inline; margin-right:10px; width:46px; height:46px; padding:1px; border:1px solid #000 }
.list3 dt { font-weight:700; }

.list4li{ height:170px; width:104px; text-align:center;}
.list4 { width:680px; margin:0 auto; padding-top:10px; }
.list4 li { float:left; padding:5px 16px 0 16px; line-height:13px; }
.list4 ul li div { background:#E6DDE3; width:100px; height:98px; position:relative; }
.list4 ul li div img { width:96px; height:96px; padding:1px; border:1px solid #000; position:relative; top:-4px; left:-4px; }
.list4 ul li img { width:96px; height:96px; padding:1px; border:1px solid #000; }
.list4 ul li { float:none; width:100px; line-height:20px; padding:0; text-align:center }

.list5 { width:708px; margin:0 auto; padding-top:15px; }
.list5 dl { float:left; width:290px; background:url(../images/box/dbg10.png); line-height:20px; padding:14px 32px 14px 32px; }
.list5 dl img { float:left; display:inline; margin-right:20px; width:96px; height:96px; padding:2px; border:1px solid #000 }
.list5 dt { font-size:14px; font-weight:700; padding:0 0 10px 0; }
.list6 { float:right; padding:11px 6px 0 0 }
.list6 li { float:left; padding:0 2px 0 3px; text-align:center }
.list6 img { width:96px; height:96px; padding:1px; border:1px solid #000 }
.list6 h5 { padding-top:8px; font-weight:400 }
.list li { background:url(../images/box/ddot.png) left 7px no-repeat; padding-left:15px; }

.news { float:left; width:365px; }
.news .top { width:255px; height:20px; padding-top:27px; }
.news .top h2 { text-indent:-9999px; overflow:hidden }
.news dl { line-height:18px; padding:8px 0 8px 10px; }
.news dl img { float:left; display:inline; margin-right:20px; width:46px; height:46px; padding:1px; border:1px solid #000 }
.news dt { font-weight:700 }

/*图片轮播*/
.flashNews{float: left;margin-bottom: 0px;overflow: hidden;width: 315px;position: relative;height: 270px;}
.flashNews .bg{background-color: #000;left: 0px;width: 315px;bottom: 0px;position: absolute;height: 73px;filter: alpha(opacity=39);moz-opacity: 0.39;opacity: 0.39;}

/*图片轮播标题*/
.flashNews h3{z-index: 2;left: 2px;width: 315px;position: absolute;top: 210px;height: 35px;overflow: hidden;line-height: 35px;text-align: left;}
.flashNews h3 a{font-weight: normal;font-size: 18px;color: #fff;font-family: "黑体";}
.flashNews h3 a:visited{color: #fff;text-decoration: none;}
.flashNews h3 a:hover{color: #f20000;text-decoration: none;}

.flashNews p{position: absolute;left: 5px;top: 295px;width: 310px;height: 20px;line-height: 20px;z-index: 2;text-align: left;}
.flashNews p a{color: #fff;font-size: 12px;color: #fff;}
.flashNews p a:visited{color: #fff;text-decoration: none;}
.flashNews p a:hover{color: #f20000;text-decoration: none;}

/*图片轮播导航*/
.flashNews ul{ z-index: 2;right: 0px;bottom: 0px;position: absolute;}
.flashNews ul li{background-color: #000;float: left;margin-left: 1px;width: 15px;line-height: 18px;height: 18px;text-align: center;}
.flashNews ul li a{display: block;font-weight: bold;font-size: 10px; width: 15px;color: #fff;font-family: Tahoma;height: 18px;}
a.fnews:link, a.fnews:visited, a.fnews:active{color: #fff;text-decoration: none;}
a.fnews:hover{color: #F20000;text-decoration: none;}
a.fnsel:link, a.fnsel:visited, a.fnsel:active, a.fnsel:hover{color: #f20000;text-decoration: none;}

/*新闻列表*/
#newsLists h3 {font-size: 14px; margin-bottom: 4px! important; border-bottom: #ddd 1px solid; height: 24px! important}
#newsLists h3 div {margin-top: 4px! important; float: right; padding-bottom: 4px; font: 12px arial, helvetica, sans-serif}
#newsLists h3 div a {padding-right: 3px; padding-left: 3px; padding-bottom: 0px; padding-top: 0px}
#newsLists H3 DIV SELECT {}
#newsLists li {padding-right: 1em; padding-left: 1em; font-size: 14px; background: url(../images/arrownews.gif) #ffffff no-repeat 5px 11px; padding-bottom: 0.5em; padding-top: 0.5em; border-bottom: #eee 1px dotted}
#newsLists LI SPAN A:visited {font-size: 14px; color: #3399ff}
#newsLists LI SPAN A:link {font-size: 14px; color: #3399ff}
#newsLists LI SPAN A:hover {color: #333}
#newsLists LI .devLink a:visited {font-size: 12px; color: #999}
#newsLists LI .devLink a:link {font-size: 12px; color: #999}
#newsLists LI .devLink a:hover {color: #333}
#newsLists .moreSpace {padding-right: 1em; padding-left: 1em; margin-bottom: 1em; padding-bottom: 1em; padding-top: 0.5em; border-bottom: #ccc 1px dotted}
#newsLists li span {font-size: 12px; color: #999999; font-family: verdana}