body { font: 12px 宋体, 新宋体; margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */ padding: 0; text-align: center; /* 在 IE 5* 浏览器中,这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */ color: #000000; line-height:24px; } .mainBody #container { width: 1000px; /* 使用比最大宽度 (800px) 小 20px 的宽度可显示浏览器界面元素,并避免出现水平滚动条 */ background: #FFFFFF; margin: 0 auto; /* 自动边距(与宽度一起)会将页面居中 */ border: 0px solid #000000; text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */ } .mainBody #mainContent { margin: 0 0 0 250px; /* 此 div 元素的左边距会在页面的左下方创建栏 — 无论 sidebar1 div 中包含多少内容,都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时,用 #mainContent div 的文本填充 #sidebar1 空白,则可以删除此边距。 */ padding: 0; /* 请记住,填充是 div 方块内部的空间,边距则是 div 方块外部的空间 */ } .mainBody #mainContent1 { margin: 0 0 0 0; /* 此 div 元素的左边距会在页面的左下方创建栏 — 无论 sidebar1 div 中包含多少内容,都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时,用 #mainContent div 的文本填充 #sidebar1 空白,则可以删除此边距。 */ padding: 0; /* 请记住,填充是 div 方块内部的空间,边距则是 div 方块外部的空间 */ } .fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */ float: right; margin-left: 8px; } .fltlft { /* 此类可用来使页面上的元素向左浮动 */ float: left; margin-right: 8px; } .clearfloat { /* 此类应当放在 div 或 break 元素上,而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */ clear: both; height: 0; font-size: 1px; line-height: 0px; display:block; } a { text-decoration: none; color: #000; } a:hover { text-decoration:underline; } a img { border:0; } .mainBody #header { height: 225px; margin-bottom: 5px; } .mainBody #header h1 { margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠(即 div 之间出现的无法解释的空白)。如果 div 周围有边框,则不必将边距设置为零,因为边框也会避免边距重叠 */ padding: 10px 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘 */ } #header #top { height: 25px; background: url("/tiandongtdtwuxiangcom/images/Home_01.gif") repeat-x; } #header #top #date { padding-left: 20px; float: left; } #header #top #function { float: right; padding-right: 15px; } #header #logo { height: 170px; background-color: #9DD2EE; } #header #menu { height: 30px; margin: 0 auto; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_04.gif""") repeat-x; font: 14px 宋体; } #header #menu ul { margin: 0 auto; padding: 0; list-style: none; width: 960px; } #header #menu ul li { display: block; float: left; width: 85px; height: 30px; border-left: solid 1px #fff; border-right: solid 1px #959898; } #header #menu ul li a { display: block; width: 85px; height: 30px; line-height: 30px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_04.gif""") repeat-x; text-decoration: none; text-align: center; color: Black; } #header #menu ul li a:hover { background: url("/tiandongtdtwuxiangcom/images/Home_07.gif") repeat-x; } #header #menu ul li a:visited { color: Black; } #header #menu ul #start { border-left: 0; } #header #menu ul #end { border-right: 0; } .mainBody #footer { margin-top: 10px; margin-bottom: 40px; } .mainBody #footer p { margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠(即 div 之间出现的空白)*/ padding: 10px 0; /* 就像边距会产生空白一样,此元素上的填充也将产生空白,但不会出现边距重叠问题 */ } .mainBody #footer .text { margin: 0 auto; width: 100%; text-align: center; } .mainBody #footer .text div { margin: 0 auto; } #footer #moreinfo { border-top: 3px solid #0C90D4; height: 25px; line-height: 25px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_04.gif""") repeat-x; text-align: center; margin: 10px auto; } #footer #picflink { width: 990px; margin: 0 auto; } #footer #picflink .linkpic { width: 190px; height: 45px; background-color: #9DD2EE; float: left; margin: 3px 4px; display: inline; overflow: hidden; } .mainBody #leftSidebar { float: left; width: 240px; padding: 0; } #leftSidebar .sidebar { width: 240px; margin-bottom: 10px; } #leftSidebar .sidebar .title { width: 240px; height: 40px; background: url("/tiandongtdtwuxiangcom/images/Home_11.gif") no-repeat; } #leftSidebar .sidebar .text { width: 218px; border: solid 1px #8CB7C7; border-top: 0; border-bottom: 0; background-color: #EFF9FE; padding: 10px; } #leftSidebar .sidebar .title .titleText { font: 14px 宋体; padding: 12px 0 0 30px; float: left; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/icon_01.gif"") no-repeat 12px 14px; } #leftSidebar .sidebar .title .more { padding: 17px 10px 0 0; width: 30px; height: 5px; float: right; } #leftSidebar .sidebar .text ul { margin-top: 0; margin-left: 10px; padding-left: 10px; } #leftSidebar .sidebar .text li { white-space: nowrap; width: 190px; } .lcorner { background: url("/tiandongtdtwuxiangcom/images/Home_20.gif") no-repeat; width: 5px; height: 5px; float: left; overflow: hidden; } .rcorner { background: url("/tiandongtdtwuxiangcom/images/Home_22.gif") no-repeat; width: 5px; height: 5px; float: left; overflow: hidden; } .mcorner { height: 4px; float: left; background-color: #EFF9FE; border-bottom: solid 1px #8CB7C7; overflow: hidden; } #leftSidebar .sidebar .mcorner { width: 230px; } #sidebar1 .text{ height: 100px; overflow: hidden; } #sidebar2 .text{ height: 130px; overflow: hidden; } #sidebar3 .text{ height: 170px; overflow: hidden; } #sidebar4 .text{ height: 104px; overflow: hidden; } #sidebar5 .text{ height: 200px; overflow: hidden; } #sidebar6 .text{ height: 520px; overflow: hidden; } #sidebar7 .text{ height: 90px; overflow: hidden; } #sidebar8 .text{ overflow: hidden; } .blank { height: 10px; overflow: hidden; } .wblank { width:280px;height:0;overflow:hidden; } #sidebar2 .text .pic { width: 218px; height: 60px; background-color: #9DD2EE; float: right; margin: 5px auto; overflow: hidden; } #sidebar3 .text .pic { width: 218px; height: 160px; background-color: #9DD2EE; float: right; margin: 5px auto; overflow: hidden; } #sidebar4 .button { height: 30px; width: 218px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_06.gif""); border: 1px solid #999; } #sidebar4 .textbox { height: 15px; width: 160px; } #sidebar4 .select { width: 166px; } #sidebar5 .text table { width: 204px; height: 185px; border-collapse:collapse; font: 14px 宋体; } #sidebar5 .text table td { text-align: center; border: 1px solid #0C9CDC; } #sidebar5 .text table a { display: block; width: 99px; height: 36px; line-height: 36px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_32.gif""); } #sidebar5 .text table a:hover { background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_33.gif""); } #sidebar7 .textbox { height: 15px; width: 110px; } #sidebar7 .text *{ vertical-align: middle; margin: auto 5px; } #sidebar7 .text .button { background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_06.gif""); border: 1px solid #999; width: 95px; height: 29px; } #sidebar6 .text .box { height: 120px; } #sidebar6 .text .subtitle { font: 14px 宋体; float: left; padding-left: 15px; background: url("/tiandongtdtwuxiangcom/images/dot.gif") no-repeat 5px 5px; margin-bottom: 10px; } #sidebar6 .text .more { padding-top: 5px; float: right; } #sidebar6 .text ul { list-style: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/icon_03.gif""); margin-bottom: 0; } #sidebar6 .text ul li { position:relative; top:-3px; } #sidebar6 .text .box { padding-bottom: 5px; margin-bottom: 10px; border-bottom: dashed 1px #B3B3B3; } #mainContent .mainBox { height: 235px; float: left; } #mainContent .mainBox .title { height: 36px; width: 750px; overflow: hidden; float: left; } #mainContent .mainBox .titleText { font: 14px 宋体; padding: 12px 0 0 30px; float: left; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/icon_02.gif"") no-repeat 7px 10px; } #mainContent1 .mainBox .titleText { font: 14px 宋体; padding: 12px 0 0 30px; float: left; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/icon_02.gif"") no-repeat 7px 10px; } #mainContent .mainBox .more { padding: 5px 10px 0 0; width: 30px; height: 5px; float: right; margin-top: 13px; } #mainContent .mainBox .text .box .more { padding: 5px 10px 0 0; width: 30px; height: 5px; float: right; margin-top: 0; } .mainBox .tlcorner { background: url("/tiandongtdtwuxiangcom/images/Home_13.gif") no-repeat; width: 6px; height: 36px; float: left; overflow: hidden; margin:0; } .mainBox .trcorner { background: url("/tiandongtdtwuxiangcom/images/Home_16.gif") no-repeat; width: 6px; height: 36px; float: right; overflow: hidden; } .mainBox .tmcorner { width: 738px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_14.gif"") repeat-x; height: 36px; float: left; overflow: hidden; } .mainBox .tmcorner1 { width: 988px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_14.gif"") repeat-x; height: 36px; float: left; overflow: hidden; } .mainBox .lcorner { background: url("/tiandongtdtwuxiangcom/images/Home_25.gif") no-repeat; } .mainBox .rcorner { background: url("/tiandongtdtwuxiangcom/images/Home_28.gif") no-repeat; } .mainBox .mcorner { width: 740px; background-color: #FFF; } .mainBox .mcornerA { width: 990px !important; background-color: #FFF; } .mainBox .text { border-left: 1px solid #8CB7C7; border-right: 1px solid #8CB7C7; height: 340px; width: 728px; float: left; padding: 10px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_19.gif"") no-repeat 10px 0px; overflow: hidden; padding-bottom: 0; } .mainBox .text1 { border-left: 1px solid #8CB7C7; border-right: 1px solid #8CB7C7; height: 340px; width: 978px; float: left; padding: 10px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_19.gif"") no-repeat 10px 0px; overflow: hidden; padding-bottom: 0; } .mainBox .text table{ border: 0; border-collapse: collapse; } .mainBox .text .td1{ /*border-right: 1px dashed #B3B3B3; border-bottom: 1px dashed #B3B3B3;*/ width: 370px; height: 160px; vertical-align: top; } .mainBox .text .td2{ border-top: 1px dashed #B3B3B3; border-left: 1px dashed #B3B3B3; width: 370px; height: 170px; padding-left: 20px; } .mainBox .text .td3{ padding-left: 20px; } .mainBox .text .subtitle { font: 14px 宋体; float: left; padding-left: 15px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/icon_01.gif"") no-repeat 0px 2px; margin-bottom: 10px; } .mainBox .text .dush { height: 13px; width: 150px; background: url("/tiandongtdtwuxiangcom/images/Home_05.gif") repeat-x 0px 4px; float: right; } .mainBox .text .more { padding-top: 5px; float: right; } .mainBox .text ul { list-style: none; margin-bottom: 0; margin-top: 0; margin-left: 0; padding-left: 0; width: 340px; } #mainContent #NewsList { height: auto; } .mainBox .list { height: 510px; } .mainBox .list ul { width: 720px; } .mainBox .detail { height:auto; } .mainBox .text { height:auto; } .mainBox .text1 { height:auto; } .mainBox .text li { background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/icon_03.gif"") no-repeat 0px 6px; padding-left: 15px; } .mainBox .text .box { } #mainContent .ad { width: 750px; height: 115px; background-color: #9DD2EE; float: left; margin-bottom: 10px; } #mainContent #news { height: 320px; } #mainContent #news .text { height: 260px; } #mainContent #news .text .picBox{ width: 280px; height: 200px; background-color: #9DD2EE; border: 1px solid #000; overflow: hidden; } #mainContent #news #newstitle { float: left; margin-left: 210px; display: inline; } #news .text table tr .td3 .box ul { font: 14px 宋体; padding-left: 0px; margin-left: 0px; width: 420px; } #news .text table tr .td3 .box li { background-image: none; line-height: 30px; height: 30px; border-bottom: 1px dashed #999; margin:0; } #news .text { background: url("/tiandongtdtwuxiangcom/images/Home_17.gif") no-repeat 10px 0px; } #news .text li .num { width: 11px; height: 26px; float: left; padding-left: 3px; margin-right: 2px; background: url("/tiandongtdtwuxiangcom/images/icon_04.gif") no-repeat 0px 8px; color: #FFF; display: inline; } .mainBox .text li a { float: left; } .mainBox .text li .date { float: right; display: block; } #mainContent #tag1, #mainContent #tag2, #mainContent #tag3, #mainContent #tag4 { height: 200px; width: 370px; overflow: hidden; float: left; } #tag1, #tag3 { margin-right: 10px; } #tag1 .mcorner, #tag2 .mcorner, #tag3 .mcorner, #tag4 .mcorner { width: 360px; } #tag1 .text, #tag2 .text, #tag3 .text, #tag4 .text { width: 348px; height: 140px; background-image: none; } .tagTitle { height: 33px; border-bottom: 2px solid #3da3bc; font-size: 14px; background-color: #DFF1FA; } .tagTitle ul { margin: 0 auto; padding: 0; list-style: none; float: left; } .tagTitle ul li { display: block; float: left; height: 33px; background: url("/tiandongtdtwuxiangcom/images/home_08.gif") no-repeat left bottom; margin-right: 1px; } .tagTitle ul .on { background-position: left top; height: 35px; position: relative; margin-bottom: -2px; } .tagTitle ul .on a { background-position: right top; height: 35px; position: relative; margin-bottom: -1px; font-weight: bold; } .tagTitle ul li a { float: left; display: block; padding-left: 10px; padding-right: 10px; height: 33px; line-height: 33px; text-decoration: none; text-align: center; color: Black; background: url("/tiandongtdtwuxiangcom/images/home_09.gif") no-repeat right bottom; }.mainBox .text .nodsp { display: none; } .infoBox { position: absolute; height: 200px; width: 200px; border-top: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; display: none; z-index: 100; top: 1px; left:1px; background:#FFF; padding: 10px; word-break: break-word; /* 文本行的任意字内断开 */ word-wrap: break-word; /* IE */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ } #backBox { position: absolute; height: 200px; width: 200px; padding: 10px; display: none; z-index: 99; top: 1px; left:1px; background:#000; filter: Alpha(opacity=50); -moz-opacity:.5; opacity:0.5; } #idNum { position:absolute; right:5px; bottom:5px; left: 0px;} #idNum li { float: left; list-style:none; color: #fff; text-align: center; line-height: 16px; width: 16px; height: 16px; font-family: Arial; font-size: 12px; cursor: pointer; margin: 1px; border: 1px solid #707070; background-color: #060a0b; background-image: none; padding: 0; } #idNum li.on { line-height: 18px; width: 18px; height: 18px; font-size: 14px; border: 0; background-color: #ce0609; font-weight: bold; } #picNewsText { width: 280px; height: 20px; overflow: hidden; } #picNewsText table { width: 840px; } #picNewsText td { width: 280px; } .detail { width: 940px; margin:0 auto; } .detail * { line-height: 25px; } .detail h2 { text-align: center; font-size: 25px; color:#333333; font-weight:bold; } .detail h3 { text-align: center; font-weight:normal; color:Gray; font-size:10pt; } .detail h4 { text-align: center; color:Black; font-size: 14px; font-weight:normal; } .detail .content { font-size: 14px; text-align:left; } #NewsTable td{ vertical-align: top; } .detailForm { width:1000px; table-layout:fixed } .mainBox .text table td { vertical-align: top; height:180px; } .btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid } #bs_list { width:100%; } #bs_list td { height:20px; line-height:20px; } #spSidebar .text table { width: 204px; height: 75px; border-collapse:collapse; font: 14px 宋体; } #spSidebar .text table td { text-align: center; border: 1px solid #0C9CDC; } #spSidebar .text table a { display: block; width: 99px; height: 36px; line-height: 36px; background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_32.gif""); } #spSidebar .text table a:hover { background: url("/tiandongtdtwuxiangcom/"/tiandongtdtwuxiangcom/images/Home_33.gif""); }