@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; } #hotpic { width: 350px; height: 240px; overflow: hidden; margin: 0 auto; } #hotpic img{ vertical-align: top; } #NewsPic { position: relative; width: 348px; height: 214px; overflow: hidden; border: solid 1px #000; } #NewsPic a { overflow: visible; border: 0; } #NewsPic .Picture { position: absolute; left: 0; top: 0; } #NewsPic .Nav { position: absolute; height: 13px; line-height: 14px; bottom: 0; right: 0; } #NewsPic .Nav span { font-size: 12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; } #NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; } #NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; } #NewsPicTxt { position: relative; width: 350px; height: 24px; border: 1px; margin: 0; text-align: center; font-weight: bold; margin-left: auto; margin-right: auto; background: #CDCDCD; overflow: hidden; } #NewsPicTxt a:link, #NewsPicTxt a:visited { font-weight: blod; } #NewsPicTxt a:hover { color: red; } .topLeft,.midLeft{ width: 350px; float: left; } .topMid{ width: 360px; margin: 0px 10px; float: left; } .headNews{ height:130px; width: 360px; overflow: hidden; padding-bottom: 5px; margin-bottom: 8px; border-bottom: dotted 1px #ccc; } .headNews h1{ font-size: 18px; height: 48px; width: 360px; overflow: hidden; color: #f00; text-align: center; } .headCharNews li{ width: 345px; height: 24px; overflow: hidden; padding-left: 15px; background: url(../images/dot.jpg) left 12px no-repeat; } .topRight{ width: 228px; float: left; } .notes{ border: solid 1px #e3e8eb; background: #e4ebf1; height: 240px; } .notes .noteTitle, .activity .activityTitle, .bizMan .bizManTitle{ background: url(../images/noteTitleBg.jpg) left top repeat-x; height: 32px; line-height: 32px; position: relative; border-bottom: solid 2px #dbe0e6; margin-bottom: 6px; position: relative; } .notes .noteTitle span, .activity .activityTitle span, .bizMan .bizManTitle span{ display: block; background: url(../images/titleDot.png) 5px 8px no-repeat; padding-left: 15px; font-size: 14px; font-weight: normal; } .notes ul{ height: 192px; overflow: hidden; } .notes ul li{ width: 200px; padding-left: 15px; margin: 0px auto; background: url(../images/dot.jpg) left 12px no-repeat; } .headMore{ position: absolute; font-size: 12px; font-weight: normal; top: 0px; right: 5px; } .activity, .bizMan{ border: solid 1px #e3e8eb; background: #e4ebf1; height: 340px; } .bizManBox{ height: 292px; overflow: hidden; } .activity{ width: 348px; } .activityNews{ width: 330px; margin: 0px auto; line-height: 18px; color: #666; } .activityNews li{ height: 55px; width: 330px; margin: 5px; overflow: hidden; } .activityNews h5{ width: 260px; height: 17px; overflow: hidden; font-size: 12px; font-weight: bold; } .activityNews li .imgLink{ display: block; width: 70px; height: 55px; float: left; } .bizNewsTitle{ background: url(../images/bizNewsLine.jpg) left bottom no-repeat; height: 34px; line-height: 34px; font-size: 14px; font-weight: normal; position: relative; } .bizNewsTitle span{ padding-left: 15px; } .bizNews ul li{ width: 340px; padding-left: 15px; height: 24px; overflow: hidden; margin: 0px auto; background: url(../images/dot.jpg) left 12px no-repeat; } .bizMan ul li{ width: 210px; height: 80px; padding: 4px; border: solid 1px #eee; margin: 5px auto; background: #fff; line-height: 20px; } .bizMan .imgLink{ width: 60px; height: 80px; float: left; display: block; } .bizMan .moreLink{ text-align: right; } .bizMan .moreLink a{ color: #f00; } .bizMan .moreLink a:hover{ color: #06c; } .midNews{ height: 195px; margin-bottom: 6px; float: left; } .magizeTitle,.investTitle,.ruleTitle,.showTitle{ width: 350px; height: 30px; font-size: 14px; font-weight: bold; color: #fff; background: url(../images/plateTitleBg.jpg) left top no-repeat; position: relative; } .magizeTitle span,.investTitle span,.ruleTitle span,.show span{ padding-left: 15px; line-height: 30px } .magizeTitle a,.investTitle a,.ruleTitle a,.showTitle a{ line-height: 30px; color: #fff; } .magizeTitle a:hover,.investTitle a:hover,.ruleTitle a:hover,.showTitle a:hover{ color: #CF6; } .magizeBox,.investBox,.ruleBox,.showBox{ border-left: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0; height: 164px; overflow: hidden; } .magizeBox ul{ width: 312px; height: 150px; overflow: hidden; padding-top: 8px; margin: 0px auto; } .magizeBox ul li{ width: 84px; margin: 10px; float: left; } .magizeBox ul li a{ display: block; text-align: center; } .midCenter{ width: 294px; margin: 0px 10px; float: left; } .midRight{ width: 294px; float: right; } .investTitle,.ruleTitle{ width: 294px; } .investBox ul,.ruleBox ul{ width: 280px; padding-top: 10px; } .investBox ul li,.ruleBox ul li{ padding-left: 15px; background: url(../images/dot2.jpg) 5px 12px no-repeat; } .magizeBox ul,.investBox ul,.ruleBox ul,.showBox ul{ height: 150px; overflow:hidden; } .businessLink, .friendLinks{ height: 150px; clear: both; border: solid 1px #eee; margin-bottom: 8px; } .businessLinkTitle, .friendLinksTitle{ background: url(../images/linkBg.jpg) left top repeat-x; line-height: 30px; height: 30px; border-bottom: solid 1px #e2e2e2; position: relative; } .businessLinkTitle span,.friendLinksTitle span{ display: block; width: 117px; position: absolute; left: 10px; top: 2px; background:url(../images/linkBg.png) left bottom no-repeat; text-align: center; color: #36F; font-size: 14px; font-weight: normal; } .businessLinkTitle .headMore,.friendLinksTitle .headMore{ color: #09F; } .businessLinkTitle .headMore:hover,.friendLinksTitle .headMore:hover{ color: #F00; } .businessLink ul{ padding: 10px 0px; width: 936px; margin: 0px auto; } .businessLink ul li{ width: 150px; height: 40px; float: left; margin: 5px 3px; } .showBox ul{ padding-top: 10px; width: 330px; margin: 0px auto; } .showBox ul li{ padding-left: 14px; height: 24px; background: url(../images/dot2.jpg) left 12px no-repeat; overflow: hidden; } .market{ height: 192px; border: solid 1px #eee; overflow: hidden; } .marketTitle{ height: 30px; position: relative; background: url(../images/tabPlateTitleBg.jpg) left top no-repeat; line-height: 30px; height: 30px; padding-left: 20px; } .marketTitle ul li{ display: block; float: left; width: 117px; height: 30px; text-align: center; font-size: 14px; font-weight: normal; color: #fff; position: relative; float: left; cursor: pointer; } .marketTitle ul .on{ display: block; position: absolute; width: 117px; height: 27px; left: 0px; top: 3px; background: url(../images/tabTitleBg.png) left top no-repeat; color: #06F; } .marketTitle .headMore{ color: #fff; } .marketTitle .headMore:hover{ color: #CF0; } .marketBox{ width: 590px; height:; } .marketBox ul{ width: 590px; margin: 0px auto; padding-top: 8px; display: none; } .marketBox ul li{ width: 260px; height: 24px; background: url(../images/dot2.jpg) left 12px no-repeat; padding-left: 12px; float: left; margin: 0px 8px; } .friendLinksBox{ padding-top: 8px; } .friendLinksBox ul{ width: 900px; margin: 0px auto; } .friendLinksBox ul li{ float: left; padding: 0px 10px; white-space: nowrap; } .btmNews{ height: 200px; } .btmLeft{ width: 350px; float: left; } .btmRight{ width: 600px; float: right; } #foot{ border-top: solid 1px #ccc; padding: 30px 0px 30px 0px; text-align: center; } .adAreas{ width: 960px; height: 115px; clear: both; margin-bottom: 8px; } .HP1{ height: 240px; margin-bottom: 8px; clear: both; } .HP2{ height: 342px; margin-bottom: 6px; clear: both; } .clearLine{ clear: both; height: 1px; line-height: 1px; } .blue{ color: #06F; }