@charset "utf-8"; /* CSS Document */ *{ padding: 0px; margin: 0px; } html,body{ width: 100%; height: 100%; } body{ font:Arial, Helvetica, sans-serif, "微软雅黑"; font-size: 12px; line-height: 24px; } a{ color: #000; text-decoration: none; } a:hover{ color: #06c; } li{ list-style: none; } img{ border: none; } .main{ width: 960px; margin: 0px auto; padding: 0px; } .topBanner{ width: 960px; height: 150px; overflow: hidden; position: relative; } .favLink{ display: block; position: absolute; top: 10px; right: 20px; } .favLink a{ display: block; float: left; padding: 0px 15px; } .favLink #fav{ background: url(../images/star.png) left center no-repeat; } .favLink #idx{ background: url(../images/home.png) left center no-repeat; } #nav{ width: 950px; height: 36px; line-height: 36px; font-size: 14px; font-weight: bold; background: url(../images/navBg.jpg) left top repeat-x; padding: 0px 0px 0px 10px; margin-bottom: 6px; } #nav li{ float: left; width: 85px; text-align: center; background: url(../images/navSplit.png) right center no-repeat; position: relative; } #nav .noBroder{ background: none; } #nav li ul{ position: absolute; top: 36px; left: -1px; background: #d3d3d3 url(../images/subNavBg.jpg) left top repeat-x; display: none; z-index: 10; width: 81px; border-left: solid 1px #c2c2c2; border-right: solid 1px #c2c2c2; padding-left: 1px; padding-right: 1px; } #nav li ul.lastNav{ width: 105px; background: #d3d3d3 url(../images/subLastNavBg.jpg) left top repeat-x; } #nav li ul li{ width: 79px; border-bottom: dotted 1px #bdbdbd; border-left: solid 1px #e2e2e2; border-right: solid 1px #e2e2e2; background: none; float:none; font-size: 12px; font-weight: normal; height: 30px; line-height: 30px; } #nav li ul.lastNav li{ width: 95px; } #nav .btmBorder{ width: 85px; height: 8px; line-height: 8px; position: relative; left: -2px; bottom: -4px; background: url(../images/subNavBtmBg.png) left bottom no-repeat; z-index: 12; border: none; } #nav li ul.lastNav .btmBorder{ width: 101px; background: url(../images/subLastNavBtmBg.png) left bottom no-repeat; } #nav li ul.lastNav li:hover a{ display: block; background: #f2f2f2; z-index: 201; position: absolute; width: 99px; left: -2px } #nav li ul.lastNav li:hover li a{ position: relative; background: none; width: auto; } #nav li ul.lastNav li:hover ul{ display: block; } #nav li ul.lastNav li ul{ width: 938px; left: -854px; top: 25px; display: none; padding: 10px; background: #f2f2f2; z-index: 200; border: solid 1px #e2e2e2 } #nav li ul.lastNav li ul li{ width: auto; float: right; background: none; border: none; padding: 0px 10px; } #nav a{ color: #fff; } #nav a:hover{ color: #FF0; } #nav li ul li a{ color: #06c; } #nav li ul li a:hover{ color: #f00; } #nav li ul.lastNav li a{ color: #06c; } #nav li ul.lastNav li:hover a{ color: #f00; } #nav li ul.lastNav li:hover li a{ color: #06c; } #nav li ul.lastNav li li:hover a{ color: #f00; } .left{ width: 223px; margin-right: 10px; float: left; } .leftNav,.leftNews{ margin-bottom: 10px; } .leftNews li{ width: 200px; height: 24px; overflow: hidden; padding-left: 10px; background: url(../images/dot1.jpg) 0px 12px no-repeat; margin: 0px auto; } .leftNav .headTitle, .leftNews .headTitle{ width: 223px; height: 35px; line-height: 35px; font-size: 14px; background: url(../images/leftHeadBg.png) left top no-repeat; color: #036; position: relative; } .leftNews .headTitle{ background: url(../images/leftHeadBg1.png) left top no-repeat; } .leftNav .headTitle span, .leftNews .headTitle span{ display: block; padding-left: 28px; background: url(../images/circleDot.png) 8px center no-repeat; } .navBox{ padding: 10px; background: #e4ebf1; border-left: solid 1px #ececec; border-right: solid 1px #ececec; } .navBox li{ width: 180px; margin: 0px auto; height: 40px; line-height: 40px; text-align: center; padding: 0px; background: url(../images/leftMenuBg.png) center bottom no-repeat; } .conerBg{ width: 223px; height: 10px; line-height: 10px; background: url(../images/leftBtmBg.png) left bottom no-repeat; } .leftNewsBox{ padding: 10px; border-left: solid 1px #ececec; border-right: solid 1px #ececec; border-bottom: solid 1px #ececec; } .right{ width: 725px; float: right; } .position{ padding-left: 20px; background: url(../images/trigleDot.png) left center no-repeat; } .newsList .headTitle{ background: url(../images/rightHead.jpg) left top no-repeat; height: 45px; line-height: 45px; font-size: 14px; } .newsList .headTitle span{ display: block; padding-left: 30px; background: url(../images/squareDot.png) 8px center no-repeat; } .newsList .listBox, .newsList .conBox{ border-left: solid 1px #d6d6d6; border-right: solid 1px #d6d6d6; padding: 20px 10px; position: relative; } .newsList .conBox p{ text-indent: 30px; } .newsList .listBox .pages,.newsList .memberListBox .pages,.newsList.productListBox .pages{ clear: both; margin: 20px; } .newsList .listBox .newsListBox li{ width: 670px; padding-left: 15px; height: 30px; line-height: 30px; background: url(../images/circleDot1.png) left 10px no-repeat; overflow: hidden; } .newsList .listBox .newsListBox li a,.newsList .listBox .newsListBox li span{ display: block; float: left; height: 30px; overflow: hidden; } .newsList .listBox .newsListBox li .sort{ width: 80px; margin-right: 5px; color: #666; } .newsList .listBox .newsListBox li .sort:hover{ color: #06c; } .newsList .listBox .newsListBox li .date{ width: 90px; margin-left: 5px; color: #999; float: right; } .memberListBox{ width: 684px; height: 924px; margin: 0px auto; } .productListBox{ width: 684px; height: 850px; margin: 0px auto; } .memberListBox li{ border: solid 1px #E1E1E1; background:#F7F7F7; padding: 10px; margin: 20px 15px; float: left; text-align: center; width: 168px; height: 258px; } .productListBox li{ border: solid 1px #E1E1E1; background:#F7F7F7; padding: 10px; margin: 20px 15px; float: left; text-align: center; width: 168px; height: 223px; } .newsList .cornerBtm{ height: 10px; background: url(../images/rightBtmBg.png) left bottom no-repeat; line-height: 10px; position: absolute; left: 0px; bottom: -10px; width: 725px; } .articleTitle{ font-size: 24px; line-height: 35px; text-align: center; width: 700px; margin: 0px auto; } .info{ clear: both; width: 690px; margin: 10px auto; padding: 5px; background: #F1F1F1; text-align: center; color: #666; } .clearLine{ clear: both; height: 15px; line-height: 15px; } .linkListTitle{ font-size: 12px; height: 35px; line-height: 35px; margin-bottom: 10px; border-bottom: dotted 1px #F4F4F4; clear: both; } .linkUl li{ float: left; margin: 10px; } #foot{ border-top: solid 1px #ccc; padding: 30px 0px 30px 0px; text-align: center; clear: both; }