body { background: url(../images/main/head-bg.png) top center no-repeat; text-align: center; } .row { margin-left: 0px; } .main-header { height: 230px; width: 1200px; margin: auto; text-align: left; } .main-logo img{ margin: 50px 0px; } .main-header-layout { height: 170px; } .main-search { padding-top: 50px; font-size: 14px; line-height: 30px; } .main-tab{ background: rgba(2, 127, 84, 0.6); width: 100%; height: 50px; } .main-tab .tab{ font-size:21px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; text-align: center; padding: 10px 0; } .main-tab .active{ font-size:21px; font-family:Microsoft YaHei; font-weight:bold !important; background: rgba(2, 127, 84, 1); opacity:1; text-align: center; } .main-tab .tab-active{ font-weight:bold !important; background: rgba(2, 127, 84, 1); opacity:1; text-align: center; } .main-tab a{ color:#333; } .main-tab ul{ width: 1198px; height: 52px; margin: 0 auto; position: relative; overflow: hidden; padding-left: 0; } .main-tab li{ float: left; text-align: center; line-height: 50px; height: 50px; list-style: none outside none; width: 12.5%; } .main-tab .tab-item{ line-height: 50px; height: 50px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: rgba(255,255,255,0.95); } .main-body { width: 1200px; margin: auto; text-align: left; } .main-tab-content { display: none; } .main-tab-content.selected { display: block; } .main-content{ width:100%; margin:0 auto; margin-top:10px; } .main-content .content-left{ margin-left: 0; height: 300px; } .main-content .content-right { background: none; height: 300px; } .main-content .content-mode-1{ max-width: 100%; min-width: 980px; margin: 0 auto; padding: 55px 8% 0 8%; overflow: hidden } .main-content .content-mode-1 .mode-1-left{ background-color: rgba(246, 246, 246, 1); } .main-content .content-mode-1 .mode-1-left .top-img{ width: 100%; } .main-content .content-mode-1 .mode-1-left .title{ font-size:19px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; margin-top: 22px; padding-left: 6.5%; text-align: left; } .main-content .content-mode-1 .mode-1-left .date{ font-size:11px; font-family:Microsoft YaHei; font-weight:400; color:rgba(153,153,153,1); opacity:1; margin: 16px 0 22px 0; padding-left: 6.5%; } .main-content .content-mode-1 .mode-1-left .details{ font-size:20px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; padding-top: 38px; text-align: center; } .main-content .content-mode-1 .mode-1-right{ opacity:1; height: 455px; padding-left: 2.5%; overflow: hidden; } .main-content .main-content-inner{ min-height: 260px; margin-bottom: 20px; padding: 10px 0; } .main-list-title{ border-bottom:1px solid rgba(228,228,228,1); height: 46px; } .main-list-title .title-layout{ padding-bottom: 8px; border-bottom: 3px solid rgba(242,163,0,1); opacity:1; float: left; } .main-list-title .sign-style{ height: 14px; border-left: 3px solid rgba(242,163,0,1); float: left; margin-top: 12px; display: inline; width: auto; margin-left: 22px; } .main-list-title .title-name{ height:36px; font-size:27px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; margin-left: 13px; } .main-list-title .details{ float: right; font-size:13px; font-family:Microsoft YaHei; font-weight:400; color:rgba(153,153,153,1); opacity:1; margin-top: 15px; } .main-contnt{ overflow: hidden; } .main-contnt .content-article{ } .main-contnt .content-article .article-title{ float: left; width: 80%; color: #333333; font-size: 19px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top: 18px; } .main-contnt .content-article .article-title span{ vertical-align:middle; padding-left: 0px; } .main-contnt .content-article .article-title img{ vertical-align:middle; padding-left: 0px; } .main-contnt .content-article .article-date{ width: 20%; padding-top: 27px; float: left; font-size: 11px; color: #999999; overflow: hidden; white-space: nowrap; text-align: right; } .content-right .article-date { display:none; } .main-content .content-mode-2{ margin-top: 55px; overflow: hidden; background:rgba(246,246,246,1); padding: 0 8%; } .main-content .content-mode-2 .mode2-layout{ max-width: 1520px; min-width: 980px; margin: 0 auto; } .main-content .content-mode-2 .mode2-layout .mode2-top{ margin-top: 32px; text-align: center; background:url(../../default/images/office/mode2_bg.png); background-size: 100% 100%; } .main-content .content-mode-2 .mode2-layout .mode2-top .tag-active{ font-size: 26px; color: #333333; font-weight: 400; font-family:Microsoft YaHei; opacity:1; padding: 0 5px 10px 5px; border-bottom:3px solid rgba(242,163,0,1); display: inline; } .main-content .content-mode-2 .mode2-layout .mode2-top .tag{ font-size: 26px; color: #333333; font-weight: 400; font-family:Microsoft YaHei; opacity:1; padding: 0 5px 10px 5px; display: inline; } .main-content .content-mode-2 .mode2-layout .mode2-content{ margin-top: 20px; } .main-bottom-link { width:100%; height:68px; background:rgba(245,245,245,1); opacity:1; margin-top: 20px; text-align: left; } .index-navigation { margin-top: 0; } .index-navigation .navigation-layout .navigation-options { padding-top: 18px; padding-bottom: 14px; } .index-navigation .navigation-layout .navigation-options .navigation-tab { margin-right: 30px; } .link-select { width: 300px; text-align: center; } .main-footer { width: 1200px; margin: auto; text-align: left; background-color: #fff; height:150px; } .main-footer-left { margin-left: 0;padding: 15px 0px; } .main-footer-right { padding: 30px 0px; line-height: 30px; color:rgba(81,81,81,1); } .main-footer-right a { color:rgba(81,81,81,1); text-decoration: none; } .main-footer-right a:hover { text-decoration: underline; }