/*list.html declare.html*/ @charset 'utf-8' body { font-family: Tahoma, Arial, Verdana; } .panel-body ul { padding: 0; margin: 0; list-style: none; } .panel-body .news-item { padding: 4px 4px; margin: 0; } .news-item a { font-size: 12px; color: #666; } .news-item a:hover { color: red; text-decoration: none; } .news-item a.info-title { text-overflow: ellipsis; } .news-item span { margin-left: 8px; } /*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; margin-top: 10px; } .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; } } /*修改*/ .info1{ height: 460px; } #n1{ height: 150px; } #n2{ margin-top: 20px; } #bg{ background-color: #5B9BD5; } .panel-heading span { color:white; padding-right:10px; } .more a{ float: right; color: white; text-decoration:none; font-size:12px; padding-top:1px; } /*微改创新服务新增service*/ .declare-bordered .declare_1:hover .mask { opacity: 1; } .declare-bordered .declare_1 .declare-item { background-color: #5B9BD5; margin-top: 2px; } .declare-bordered .declare_1:hover .declare-item { background-color: #23a6e8; } .declare-bordered .declare_1 .declare-item a h3 ,.declare-bordered li:hover .declare-item a h3 { color: #fff; font-weight: 700; text-decoration: none; } .declare_right li{ height: 148px; } .declare_right{ margin-top: -5px; } #declare_r1 img{ width: 800px; height: 100px; } /*微改*/ .news-item .notice-title{ width: 500px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-item .notice-title1{ width: 450px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-item .notice-title3{ width: 850px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-item span { margin-left: 8px; } .panel-footer { padding-bottom: 0px; } .notice-time { float: right; white-space:nowrap; } .declare-item a{ text-decoration: none; }