/* http://meyerweb.com/eric/tools/css/reset/ v5.0.1 | 20191019 license: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, menu, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* html5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } /* html5 hidden-attribute fix for newer browsers */ *[hidden] { display: none; } body { line-height: 1; } menu, ol, ul { list-style: none; margin-top: 10px; } a { text-decoration: none; color: #000; } a:hover { color: #3181ff; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .shadow { box-shadow: 0px 0px 10px #ddd; } .main-box { width: 1200px; margin: 0 auto; height: 100%; font-size: 12px; display: flex; } .top { height: 40px; border-bottom: 1px solid #ccc; line-height: 40px; } .header { height: 90px; background: center right no-repeat; } .layout-center { justify-content: space-between; align-items: center; } .search { width: 450px; height: 52px; background-color: #fefefe; display: flex; } .inp { width: 350px; box-sizing: border-box; border-top: 1px #007cc9 solid; border-left: 1px #007cc9 solid; border-bottom: 1px #007cc9 solid; border-radius: 4px 0 0 4px; display: flex; align-items: center; } .search-but { width: 100px; height: 52px; line-height: 51px; text-align: center; background: #007cc9 16px center no-repeat; color: #fff; font-size: 16px; padding-left: 30px; box-sizing: border-box; cursor: pointer; border-radius: 0 4px 4px 0; border: none; } .search-but:hover { background-color: #31a0e5; } .search-input { width: 100%; height: 50%; padding: 10px; box-sizing: border-box; border: 0; font-size: 18px; } .search-input:focus { border: 0; outline: -webkit-focus-ring-color auto 0px; } .nav-layout { height: 68px; background-color: #114aa4; } .nav { font-size: 16px; line-height: 68px; color: #fff; padding-left: 60px; } .qt { width: 70px; height: 25px; border-bottom: 2px solid #f2f2f2; font-size: 16px; color: #999!important; font-weight: bold; position: absolute; left: 80px; } .main-box.nav { width: 1300px; } .nav>li { padding: 0 16px; position: relative; } .nav>li>dl { position: absolute; /*top: 69px;*/ left: 50%; padding: 0 20px; transform: translatex(-50%); border-radius: 4px; background: #ffffff; box-shadow: 0px 2px 10px 0px rgba(6, 20, 35, 0.14); border: 1px solid #fafafa; } .nav>li>dl>dd { white-space: nowrap; height: 50px; line-height: 50px; } .nav>li.active { background-color: #ff6b00; } .ul_box>li>a { font-size: 15px !important; color: #000 !important; background-position-y: 1px !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } .main { background: linear-gradient(359deg, rgba(255, 255, 255, 0) 0%, #1359c7 100%); margin-bottom: 25px; } .main-layout { padding: 20px 0 0 0; display: flex; flex-direction: column; justify-content: center; } .layout-whole { border-radius: 4px; background-color: #fff; padding: 20px; } .layout-whole img { width: 100%; } /*头部新闻滚动*/ .topnews-box { width: 100%; height: 40px; line-height: 40px; /*margin-top: 20px;*/ color: #fff; font-size: 14px; /*background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #629fff 32%, #407ad6 100%);*/ border-radius: 4px; } .topnews-box p { padding-left: 40px; } /****头部第一横栏****/ .topcont-box { width: 100%; margin-top: 20px; display: flex; flex-direction: row; } /*左侧焦点图*/ .focus { width: 472px; height: 310px; margin-right: 20px; } .focus img { width: 472px; height: 300px; } /*头部右侧新闻列表*/ .newlist { flex: 1; background: #fff; } .tit { display: flex; height: 25px; justify-content: space-between; border-bottom: 2px solid #f2f2f2; position: relative; } .tit h3 a { display: block; width: 100%; height: 23px; } .tabulous_active { border-bottom: 2px solid #114aa4 } .tit h3 { width: 70px; height: 25px; /* border-bottom: 2px solid #114aa4 ; */ font-size: 16px; color: #114aa4; font-weight: bold; position: absolute; } .tit h3:nth-child(2) { width: 70px; height: 25px; border-bottom: 2px solid #f2f2f2; font-size: 16px; color: #999; font-weight: bold; position: absolute; left: 80px; } .tit_h4 { padding: 20px 0 10px 0; font-size: 18px; color: #000; margin-bottom: 0; font-weight: bold; } .tit a { text-decoration: none; color: #999; position: absolute; right: 0; top: 3px; } .top_ul_box li { height: 27px; line-height: 27px; font-size: 16px; padding: 5px 0; } .top_ul_box li a { display: block; background: left no-repeat; padding-left: 15px; color: #4c4c4c; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*广告位*/ .ad-box { display: flex; flex-flow: row wrap; justify-content: space-between; box-sizing: border-box; } .ad-box p { padding: 20px 0 0 0; } .ad-box p img { width: 281px; height: 80px; border-radius: 5px; } /****头部第二横栏****/ .main-layout_2 { display: flex; flex-wrap: row wrap; justify-content: space-between; box-sizing: border-box; padding-top: 15px; } /*决策咨询*/ .list-cont { background: #fff; border-radius: 5px; width: 49.5%; box-sizing: border-box; padding: 20px 20px 10px 20px; } .tit-pic { display: none; padding-top: 20px; padding-bottom: 13px; } .tit-pic img { height: 101px; width: 455px; } .ul_box li { height: 27px; line-height: 27px; font-size: 14px; color: #222; padding: 5px 0; } .ul_box li a { display: block; background: left no-repeat; padding-left: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*功能区域*/ .gn-box { padding: 15px; } .gn-box ul li { width: 20%; float: left; text-align: center; padding-bottom: 15px; } .gn-box ul li img { width: 52px; height: 52px; } .gn-box ul li p { font-size: 12px; color: #111; padding: 10px 0; margin-bottom: 0; } /*首页新闻框切换*/ .newslist-box { margin: 20px 0; border-radius: 4px; overflow: hidden; } .newslist-box ul { border-radius: 4px 4px 0 0; overflow: hidden; height: 68px; background: #226fd9; display: flex; width: 1200px; line-height: 68px; justify-content: space-between; } .newslist-box ul li { flex: 20%; font-size: 18px; color: #fff; text-align: center; cursor: pointer; } .newslist-box ul li img { width: 30px; height: 30px; vertical-align: middle; padding-right: 15px; } .newslist-box ul li.select { background: #ff6b00; } .newslist-con { padding: 20px 0; margin: 0 20px; display: flex; justify-content: space-around; border-bottom: 1px dashed #d6d6d6; } .newslist-con img { width: 116px; height: 88px; } .info-box { flex: 1; color: #666; padding-left: 20px; font-size: 14px; } .info-box h3 { font-size: 16px; color: #000; padding-bottom: 10px; } .info-box p { width: 1000px; color: #666; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px; } .info-bar span { display: inline-block; line-height: 20px; } .info-bar span.tit { height: 28px; line-height: 28px; width: 75px; border: 1px solid #e00000; font-size: 14px; text-align: center; border-radius: 5px; color: #e0000e; } .info-bar span.line { color: #eee; padding: 0 10px; } .newslist-more { padding: 15px 0; text-align: center; } .newslist-more a { color: #777; font-size: 14px; } /*考试入口*/ .exam-box { background: #fff; border-radius: 5px; padding: 20px 20px 0 20px; width: 100%; box-sizing: border-box; } .exam-ul { padding: 20px; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; } .exam-ul li a { flex: 1; display: block; border: 1px solid #ddd; } .exam-ul li img { padding: 15px; height: 100px; width: 245px; border-radius: 5px; } /**/ .footer { /*margin-top: 50px;*/ font-size: 14px; height: 200px; background: center repeat-x; clear: both; } .footer-con { width: 1200px; color: #fff; margin: 0 auto; display: flex; justify-content: space-between; } .footer-txt { flex: 1; text-align: left; padding-top: 35px; } .footer-txt p { line-height: 30px; font-size: 14px; color: #fff; margin-bottom: 0; } .footer-txt p a { color: #fff; } .footer-txt p span { padding: 0 10px; } .footer-pic { padding-top: 40px; width: 600px; text-align: right; display: flex; } .picbox { position: relative; flex: 1; text-align: center; } .picbox p { line-height: 30px; color: #fff; } .picbox img.brand { width: 72px; height: 88px; } .picbox img.ewm { width: 80px; height: 80px; } .kp-main { background: #fff; } .kp-main>div { display: none; } .kp-main>div.select { display: block; } .info-box h3 { display: block; width: 100%; text-align: left; font-size: 18px; font-weight: bold; } .list-full { background: #fff; border-radius: 5px; width: 100%; box-sizing: border-box; padding: 20px 20px 10px 20px; margin-bottom: 20px; height: 300px; } .tit { display: flex; height: 40px; justify-content: space-between; border-bottom: 2px solid #f2f2f2; position: relative; } .tit h3 { width: 77px; height: 40px; border-bottom: 2px solid #114aa4; font-size: 18px; color: #114aa4; font-weight: bold; position: absolute; } .xr-box { overflow: hidden; position: relative; width: 94%; margin: 0 auto; } .new-box { border-radius: 4px; background: #ff6300; font-size: 12px; color: #fff; padding: 0px 4px 4px 1px; width: 26px; height: 12px; text-align: center; display: block; } #tabs, #tabs2, #tabs3, #tabs4, #tabs5 { position: relative; } .tabs-more { position: absolute; } .tabs-more { position: absolute; right: 10px; top: 6px; color: #999; } .showpic { display: none; position: absolute; top: -168px; left: -20px; z-index: 1; }