/*包含index.html login.html 页面的css*/ @charset 'utf-8' body { font-family: '宋体', Arial, Helvetica, sans-serif; background: #F8F8F8; } /*index.html*/ .jumbotron { height: 420px; background-image: url(../img/background.jpg); background-position: center center; } .pl0 { padding-left:0 !important;} .pr0 { padding-left:0 !important;} #logo { height: 100px; margin-top: 50px; } #logo img { margin: 0 auto; } /*h2:32px 28px 26px 22px*/ #logo h2 { color: #2e6da4; font-size: 22px; font-weight: 700; } #nav { margin-top: 50px; } #search span { padding: 0 5px; } .search { padding: 0 auto; background-color: rgba(90,150,180,0.7); border-radius: 4px; overflow: visible; /*min-width: 180px;*/ margin-top: 20px; margin-left: -20px; height: 148px; width: 200px; } .search form { margin-top: 20px; text-align: center; } .search input , .search select { width: 200px; height: 30px; border: 1px solid #C4D6EC; } .search #search { width: 100px; height: 30px; font-size: 12px; color: #666; } .login1{ /*padding: 0 auto; background-color: rgba(90,150,180,0.7); border-radius: 4px; overflow: visible;*/ /*min-width: 180px;*/ /*margin-top: 20px;*/ height: 300px; width: 50px; margin-left: 5px; margin-top: 10px; } /*新增*/ .nav-btn{ /*margin-top: 25px; padding-top: 20px;*/ } .nav-btn .row { margin-top: 20px; } .nav-btn .btn { height: 50px; line-height: 50px; display: inline-table; } .nav-btn .btn-primary { font-size: 14px; font-weight: 700; background-color: rgba(80,134,194,0.7); border: 1px solid #5086C2; filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } .nav-btn .btn-primary span { font-size: 18px; padding-right: 10px; } /*导航新增*/ /*.nav-btn{ margin-top: 25px; padding-top: 20px; } .nav-btn .row { margin-top: 20px; } .nav-btn .btn { height: 50px; line-height: 50px; display: inline-table; } .nav-btn .btn-primary { font-size: 14px; font-weight: 700; background-color: rgba(80,134,194,0.7); border: 1px solid #5086C2; filter:alpha(opacity=70); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } .nav-btn .btn-primary span { font-size: 18px; padding-right: 10px; }*/ .content { font-size: 14px; color: #666; } .content .panel .panel-heading { background-color: #5B9BD5; } .panel .panel-heading span , .panel .panel-heading span { color: #fff; font-weight: 700; font-size:14px; } .panel-heading .more a { float: right; color: white; text-decoration:none; font-size:12px; padding-top:2px; font-weight: 500; } .panel-body ul { padding: 0; margin: 0; list-style: none; /*增加*/ height: 230px; } .zcfg{ height: 230px; } .zxzx{ height: 230px; } .info-list{ height: 230px; } .panel-body .news-item { padding: 4px 4px; margin: 0; border-bottom: 1px dotted #ddd; height: 30px; } .news-item a { color: #666; } .news-item a:hover { color: #666; text-decoration: none; } .news-item a.info-title { width: 220px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-item a.notice-title{ width: 370px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-item a.info-time ,.news-item a.notice-time { float: right; } .login { position: relative; background-image: url(../img/map.gif); background-position: center center; /*height: 258px;*/ border-radius: 8px; } .tm { width: 50%; height: 50%; border-radius: 8px; position: absolute; top: 0; left: 0; background-color: rgba(258,258,258,0.5); /* IE 4-9 */ filter:alpha(opacity=50); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } .tm h3 { background-color: transparent; padding-top: 20px; text-align: center; color: #284567; font-weight: 900; } .tm img { padding-top: 10px; } .tm a { font-size: 24px; font-weight: 700; color: #9C2B2F; display: block; margin: 15px auto; } .footer { text-align: left; font-size: 12px; color: #666; background-color: #eee; padding-top: 20px; padding-bottom: 25px; border-radius: 4px; } .footer p{ margin-left: 50px; } .footer .p1 p{ margin-left: -50px; } /*login.html*/ .login-qiantai { background-image: url(../img/login/login_bg.jpg); background-size: cover; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; text-align: center; } .login_content { background-color: rgba(92,116,150,0.8); border-radius: 8px; /*border: 1px solid #eee;*/ margin-top: 130px; padding: 30px 20px; } .login_content h3 { font-size: 20px; color: #DCE8F4; padding: 0px 15px; letter-spacing: 1px; } .login_content .login_form { margin-top: 20px; } .login_form img { margin-left: 10px; margin-right: 10px; } #login .btn { font-size: 12px; color: #666; margin-left: 10px; float: right; box-shadow: 2px 2px #073F78; } .footer-qiantai { background-color: rgba(34,84,135,1); font-size: 12px; text-align: center; color: #ccc; padding-top: 10px; } /*list.html*/ #jumbtron_list { height: 200px; } /*#logo_list { margin-top: 0px; }*/ /*小屏幕(平板,大于等于768px)*/ @media (min-width: 768px) { .jumbotron { height: 420px; } .nav-btn .btn-primary { font-size: 16px; font-weight: 700px; } #logo h2 { color: #2e6da4; font-size: 26px; font-weight: 900; } .login_content h3 { font-size: 22px; letter-spacing: 2px; } #login .btn { margin-left: 20px; } } /*中等屏幕(桌面显示器,大于等于992px)*/ @media (min-width: 992px) { .jumbotron { height: 520px; } .nav-btn .btn-primary { font-size: 18px; font-weight: 700px; } #logo h2 { color: #2e6da4; font-size: 30px; font-weight: 900; } .login_content h3 { font-size: 24px; } } /*大屏幕(大桌面显示器,大于等于1200px)*/ @media (min-width: 1200px) { .jumbotron { height: 520px; } .nav-btn .btn-primary { font-size: 18px; font-weight: 700px; } #logo h2 { color: #2e6da4; font-size: 34px; font-weight: 900; } .login_content h3 { font-size: 28px; } } /*新增*/ /*declare.html*/ .declare { overflow: hidden; margin-top: 20px; margin-bottom: 40px; } .declare-bordered { padding: 5px 5px 0; list-style: none; } .declare-bordered .declare-item { padding: 0px; margin: 5px; border: 1px solid #eee; box-shadow: none; transition: all 0.6s ease; } .declare-bordered .am-gallery-title { text-align: center; /*padding: 20px 0px;*/ } .mask { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); transform: translateY(-103%); -webkit-transform: translateY(-103%); -moz-transform: translateY(-103%); -ms-transform: translateY(-103%); -o-transform: translateY(-103%); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .mask span { display: block; width: 100%; height: 100%; } .declare-item:hover .mask { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .declare-bordered li:hover .mask { opacity: 1; } .declare-bordered li .declare-item { background-color: #5B9BD5; } .declare-bordered li:hover .declare-item { background-color: #23a6e8; } .declare-bordered li .declare-item a h3 ,.declare-bordered li:hover .declare-item a h3 { color: #fff; font-weight: 700; text-decoration: none; } .img-wrap { position: relative; padding: 0; max-height: 230px; overflow: hidden; } /*小屏幕(平板,大于等于768px)*/ @media (min-width: 768px) { #logo h2 { color: #2e6da4; font-size: 26px; font-weight: 900; } .main_nav .nav-pills li a { font-size: 14px; } } /*中等屏幕(桌面显示器,大于等于992px)*/ @media (min-width: 992px) { #logo h2 { color: #2e6da4; font-size: 30px; font-weight: 900; } .main_nav .nav-pills li a { font-size: 16px; } } @media only screen and (min-width: 1025px) { .declare .declare-bordered .am-gallery-title{ font-size: 16px; } .declare .declare-bordered>li{ padding: 10px; } } /*大屏幕(大桌面显示器,大于等于1200px)*/ @media (min-width: 1200px) { #logo h2 { color: #2e6da4; font-size: 34px; font-weight: 900; } .main_nav .nav-pills li a { font-size: 20px; } } .footer { text-align: left; font-size: 12px; color: #666; background-color: #f5f5f5; padding-top: 20px; padding-bottom: 25px; border-radius: 4px; } .declare .declare-item a{ text-decoration: none; }