* { margin: 0; padding: 0; box-sizing: border-box; list-style: none; } html, body { font-family: "寰蒋闆呴粦", arial, helvetica, sans-serif; font-size: 14px; border: 0; outline: none; color: #b5e0ff; } .clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } a { text-decoration: none; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } html { height: 100%; } body { width: 100%; height: 100%; background: url(../img/bg.jpg) top center no-repeat; background-size: 100% 100%; overflow: hidden; } /* 鐧诲綍 */ .login { width: 1012px; height: 800px; position: absolute; top: 50%; left: 50%; margin-top: -400px; margin-left: -506px; } .loginlogo { width: 805px; height: 111px; margin: 0 auto; } .loginbor { width: 1012px; height: 548px; background: url(../img/loginbor.png) no-repeat; margin-top: 73px; padding: 55px 76px; } .login-title { height: 68px; line-height: 40px; font-size: 40px; color: #FFFFFF; text-align: center; padding-bottom: 28px; background: url(../img/titbg.png) bottom center no-repeat; } .login-content { margin-top: 60px; } .login-code { width: 220px; text-align: center; } .codeimg { width: 220px; height: 220px; } .codename { height: 58px; line-height: 46px; padding-top: 12px; font-size: 28px; color: #FFFFFF; } .loginform { width: 571px; height: 278px; padding-left: 70px; background: url(../img/loginf.png) no-repeat; } .username, .password { position: relative; } .loginform>form>div>img { position: absolute; left: 22px; top: 16px; } .loginform>form input { height: 66px; width: 500px; border: 2px solid #6d8cff; box-sizing: border-box; margin-bottom: 38px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #bbb; padding-left: 76px; background: none; font-size: 24px; line-height: 66px; } .loginform>form>.yes_login>a { display: block; width: 500px; height: 70px; line-height: 70px; text-align: center; background: url(../img/yeslogin.png) no-repeat; color: #fff; font-size: 28px; text-decoration: none; cursor: pointer; } .prompt { margin-top: 40px; height: 30px; line-height: 30px; text-align: center; text-align: center; color: #ffffff; opacity: 0.7; } .prompt img { vertical-align: middle; display: inline-block; } /* 澶撮儴 */ .header { height: 120px; background: url(../img/topperbg.png) top center no-repeat; background-size: 100% 100%; position: relative; z-index: 2; } .logo { width: 471px; height: 60px; position: absolute; top: 16px; left: 50%; margin-left: -235.5px; } .menu { width: 100%; height: 70px; padding: 0 26px; } .menu li.menu_fl { width: 198px; height: 70px; float: left; transform: skewX(45deg); border-left: 1px solid #166099; position: relative; } .menu li.menu_fr { width: 198px; height: 70px; float: right; border-right: 1px solid #166099; position: relative; transform: skewX(-45deg); } .menu li div { height: 70px; display: block; margin: 0 auto; line-height: 82px; color: #79c6fe; font-size: 22px; text-decoration: none; text-align: center; cursor: pointer; } .menu li.menu_fl div { transform: skewX(-45deg); } .menu li.menu_fr div { transform: skewX(45deg); } .menu li:hover, .menu li.selected { background: #0b2b5e; } .menu li div img { vertical-align: middle; display: inline-block; margin-right: 10px; } /* 棣栭〉鍐呭 */ .content { width: 100%; height: calc(100% - 120px); padding: 0 20px; padding-top: 10px; } .index-row1 { width: 100%; height: 44.1%; margin-bottom: 20px; } .index-con1 { width: calc(50% - 10px); height: 100%; } .index-title { width: 100%; height: 40px; background: url(../img/index-titbg.png) center no-repeat; text-align: center; font-size: 20px; color: #01c1ff; line-height: 40px; font-weight: 500; z-index: 1; position: relative; } .index-con1a { width: 100%; height: calc(100% - 21px); position: relative; background: url(../img/index-conbg.png) no-repeat; background-size: 100% 100%; margin-top: -21px; padding: 20px; padding-top: 41px; } .index-con1a span.border-span { display: block; position: absolute; width: 10px; height: 10px; } .index-con1a span.top-left { top: 0; left: 0; border-top: 2px solid #01c1ff; border-left: 2px solid #01c1ff; } .index-con1a span.top-right { top: 0; right: 0; border-top: 2px solid #01c1ff; border-right: 2px solid #01c1ff; } .index-con1a span.bottom-left { bottom: 0; left: 0; border-bottom: 2px solid #01c1ff; border-left: 2px solid #01c1ff; } .index-con1a span.bottom-right { bottom: 0; right: 0; border-bottom: 2px solid #01c1ff; border-right: 2px solid #01c1ff; } .jrtj { width: 100%; } .jrtj3 { width: 33.33%; text-align: center; float: left; } .jrt3-icon { width: 68px; height: 68px; text-align: center; line-height: 68px; margin: 0 auto; margin-top: 5.5%; } .jrt3-icon img { vertical-align: middle; display: inline-block; } .jrt3-tit { height: 36px; line-height: 36px; margin: 5.6% 0; text-align: center; font-size: 18px; } .jrt3-data { height: 48px; text-align: center; font-size: 18px; } .jrt3-data span { font-size: 48px; font-family: impact; line-height: 48px; padding-right: 10px; } .jrt3-more { width: 142px; height: 40px; border: 1px solid #2c58c6; margin: 0 auto; margin-top: 7.2%; text-align: center; } .jrt3-more a { line-height: 40px; color: #B5E0FF; font-size: 16px; } .dbsx-con { width: 100%; height: 100%; overflow: hidden; } .dbsx-con table { width: 100%; } .dbsx-con table tr { height: 40px; } .dbsx-con table tr.tou { background: #0246a4; } .dbsx-con table tr.shen { background: #0a2b7d; } .dbsx-con table tr th { line-height: 40px; color: #01e7f9; font-weight: bold; text-align: center; } .dbsx-con table tr td { line-height: 40px; text-align: center; } .dbsx-con table tr td img{ vertical-align: middle; display: inline-block; } .index-row2 { width: 100%; height: 52.8%; margin-bottom: 20px; } .ysjc-con { width: 100%; height: 100%; } .jsjc-data { width: calc(23.3% - 10px); height: 100%; } .jsjc-data1 { width: 100%; height: calc(33.33% - 10px); position: relative; margin-bottom: 10px; } .jsjc-data1 span.border-span { display: block; position: absolute; width: 5px; height: 5px; background: #01c1ff; } .jsjc-data1 span.top-left { top: 0; left: 0; } .jsjc-data1 span.top-right { top: 0; right: 0; } .jsjc-data1 span.bottom-left { bottom: 0; left: 0; } .jsjc-data1 span.bottom-right { bottom: 0; right: 0; } .jsjc-data1a { width: 100%; height: 100%; border: 1px solid #0246a4; text-align: center; padding: 10px; } .jsjc-data1a h1 { line-height: 52px; font-family: impact; font-size: 48px; color: #056cf9; font-weight: normal; } .jsjc-data1a h4 { line-height: 30px; font-size: 18px; color: #ffffff; font-weight: normal; } .jsjc-trend { width: calc(76.7% - 10px); height: 100%; } .jdjc-data1a { width: 100%; height: 100%; border: 1px solid #0246a4; text-align: center; } .jdjc-data1a h1 { line-height: 48px; font-family: impact; font-size: 48px; color: #056cf9; font-weight: normal; } .jdjc-data1a h4 { line-height: 20px; font-size: 18px; color: #ffffff; font-weight: normal; } /* 涓夌淮鍙鍖� */ /* .swksh-row1 { width: 100%; height: 60%; margin-bottom: 20px; } */ .sblist{ width: 24.47%; position: absolute; } .sblist-search { height: 36px; } .sblist-search select { width: 200px; height: 36px; background: #1e3c88; line-height: 36px; color: #b5e0ff; padding-left: 15px; float: left; border: 0; } .sblist-search input { width: 90px; height: 36px; border: 0; background: url(../img/search1.png) no-repeat; margin-left: 10px; float: left; outline: none; } .sblist-tab{ width: 100%; height: calc(100% - 46px); margin-top: 10px; } .in-video{ width: 100%; height: 100%; overflow: hidden; } .in-video li{ width: 50%; padding: 0 5px; float: left; margin-bottom: 10px; } .in-video li img{ width: 100%; display: block; } /* .swksh-row2{ width: 100%; height: 36%; } */ .sbtjxx{ width: 100%; height: 100%; } .sbazzs{ height: 40px; position: relative; } .zongshu{ font-size: 18px; line-height: 40px; margin-left: 15%; } .sbfj-con{ width: 100%; height: calc(100% - 40px); padding-top: 14px; } .sbfj-con ul{ width: 100%; height: 100%; } .sbfj-con li{ width: 50%; height: 50%; float: left; padding-left: 20px; overflow:hidden; } .sbfj-icon{ width: 64px; height: 72px; background: url(../img/sbtj-iconbg.png) no-repeat; text-align: center; line-height: 72px; } .sbfj-icon img{ vertical-align: middle; display: inline-block; } .sbfjtj{ padding-left: 73px; } .sbfj-tit{ height: 32px; margin-top: 6px; line-height: 32px; font-size: 16px; color: #FFFFFF; } .sbfj-data{ font-size: 20px; color: #2bffff; line-height: 20px; } .dwsssj{ width: 48%; height: 30%; padding: 0 20px; position: absolute; } .dwsssj-con{ width: 100%; height: 100%; overflow: hidden; } .dwsssj-con{ height: 100%; } .dwsssj-con li{ width: 99%; height: 90px; border-bottom: 1px dashed #0765a6; margin-bottom: 10px; } .dwsssj-xx{ width: 70%; height: 100%; } .dwsssj-xx h4{ font-size: 18px; color: #01c1ff; line-height: 20px; } .dwsssj-xx1{ line-height: 24px; margin-top: 10px; } .dwsssj-xx1 span{ color: #0084ff; margin-right: 30px; } .dwss-button{ width: 190px; height: 36px; margin-top: 20px; overflow: hidden; } .dwss-button img{ width: 90px; height: 36px; float: left; } .mr-10{ margin-right: 10px; } /* 閫氱煡鍏憡 */ .second-nav{ width: 100%; height: 42px; background: rgba(0,96,191,0.6); } .second-nav li{ padding: 0 35px; background: url(../img/second-navli.png) right center no-repeat; float: left; height: 42px; } .second-nav li:last-child{ background: none; } .second-nav li a{ color: #FFFFFF; line-height: 42px; height: 42px; font-size: 16px; display: block; } .second-nav li a:hover, .second-nav li a.current{ font-weight: bold; color: #01f0ff; border-bottom: 2px solid #01f0ff; } .nb-con{ width: 100%; height: calc(100% - 82px); background: url(../img/nb-con.png) no-repeat; background-size: 100% 100%; margin-top: 20px; padding: 20px; overflow: hidden; } .nb-search{ height: 36px; } .date{ width: 200px; height: 36px; position: relative; } .date .date-icon{ position: absolute; width: 24px; height: 23px; right: 10px; top: 6px; background: url(../img/date-icon.png) no-repeat; } .date .date-input{ width: 200px; height: 36px; background: #1e3c88; color: #b5e0ff; padding-left: 10px; border: 0; outline: none; border-radius: 2px; line-height: 1px; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #b5e0ff; font-size: 14px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b5e0ff; font-size: 14px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b5e0ff; font-size: 14px; } .ml-10{ margin-left: 10px; } .nb-select{ width: 200px; height: 36px; background: #1e3c88; color: #b5e0ff; padding-left: 10px; border: 0; outline: none; border-radius: 2px; line-height: 1px; } .nb-list{ width: 100%; height: calc(100% - 56px); margin-top: 20px; } .nb-list-tit{ border-bottom: 1px solid #1f63a7; line-height: 24px; padding-bottom: 10px; margin-bottom: 10px; height: 34px; } .nb-list-tit div{ float: left; text-align: center; } .nb-list-con{ height: 42px; position: relative; background: rgba(28,75,140,0.6); margin-bottom: 10px; line-height: 42px; } .nb-list-con img{ vertical-align: middle; display: inline-block; } .nb-list-con div{ float: left; text-align: center; } .nb-list-con span.border-span { display: block; position: absolute; width: 10px; height: 6px; } .nb-list-con span.top-left { top: 0; left: 0; border-top: 1px solid #00fffc; border-left: 1px solid #00fffc; } .nb-list-con span.top-right { top: 0; right: 0; border-top: 1px solid #00fffc; border-right: 1px solid #00fffc; } .nb-list-con span.bottom-left { bottom: 0; left: 0; border-bottom: 1px solid #00fffc; border-left: 1px solid #00fffc; } .nb-list-con span.bottom-right { bottom: 0; right: 0; border-bottom: 1px solid #00fffc; border-right:1px solid #00fffc; } /*鍒嗛〉*/ .listpage { clear: both; font-size: 12px; height: 50px; line-height: 30px; padding-top: 10px; text-align:center; } .listpage a { background-color: #FFFFFF; border-color: #C6DDF1; border-style: solid; border-width: 1px; color: #666666; display: block; float: left; font-size: 12px; height: 26px; line-height: 26px; margin: 5px 2px; padding-left: 10px; padding-right: 10px; } .listpage a.current { background-color: #327bcf; border-color: #C6DDF1; border-style: solid; border-width: 1px; color: #FFFFFF; display: block; float: left; font-size: 12px; height: 26px; line-height: 26px; margin: 5px 2px; padding-left: 10px; padding-right: 10px; } /* 涓�浼佷竴妗� */ .yqyd{ width: 100%; height: calc(100% - 82px); margin-top: 20px; } .tree-menu{ width: 15.96%; height: 100%; background: url(../img/nb-con.png) no-repeat; background-size: 100% 100%; padding: 20px; }