ff206ebb by 任超

style:首页新闻

1 parent cbaf76f5
......@@ -138,42 +138,6 @@
</ul>
</div>
</div>
<div class="c_one">
<div class="contentBox">
<div class="news">
<h2>
<a href="./staticViews/xwdt.html" title="新闻动态" class="news_title_content">
<div class="news_title">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconxinwen"></use>
</svg>
<span>新闻动态</span>
</div>
<i>查看全部 ></i>
</a>
</h2>
<a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="staticImages/news_demo.jpg"
alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a>
<ul id='ulNews'></ul>
</div>
<div class="notice">
<h2>
<a title="公示公告" href="./staticViews/gsgg.html" class="news_title_content">
<div class="news_title">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icongonggao"></use>
</svg>
<span>公示公告</span>
</div>
<i>查看全部 ></i>
</a>
</h2>
<ul class="notice_list" id="ulNotice">
</ul>
</div>
</div>
</div>
<div class="c_two">
<div class="subject">
<h2><a href="" title="便民服务">便民服务</a></h2>
......
......@@ -7,7 +7,7 @@
margin: 0 auto;
padding-bottom: 40px;
}
div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer {
div.c_two, div.c_three, div.c_four, div.c_five, div.footer {
width: 100%;
text-align: center;
}
......@@ -267,138 +267,6 @@ div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.footer {
.common_question .list_content_right dd a p:hover {
color: #0091FF;
}
/* -----------------end---------------------------- */
/* div.c_one div:first-child {
width: 1200px;
height: 430px;
text-align: left;
} */
div.c_one div:first-child .news, div.c_one div:first-child .notice {
margin-top: 40px;
height: 332px;
border: #DEDEDE 1px solid;
padding: 0 15px 0 15px;
}
div.c_one div:first-child .news {
width: 62.6%;
float: left;
}
div.c_one div:first-child .notice {
width: 30%;
float: right;
}
.notice_list li a .icon{
float: right;
height: 25px;
width: 11%;
margin-top: 8px;
}
div.c_one h2 {
float: left;
width: 100%;
padding: 20px 0 0 0;
border-bottom: 1px solid #DEDEDE;
}
div.c_one h2 a {
float: left;
width: 100%;
}
div.c_one h2 i {
float: right;
font-size: 14px;
font-style: normal;
color: #9d9d9d;
}
div.c_one h2 a:hover i {
color: #0091FF;
}
div.c_one .news .news-img {
margin-top: 20px;
float: left;
width: 350px;
height: 237px;
}
div.c_one .news .news-img img {
height: 100%;
width: 100%;
}
div.c_one ul {
width: 100%;
float: left;
margin-top: 10px;
list-style: none;
font-size: 14px;
letter-spacing: 1px;
}
/*<li><a href=""><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>*/
div.c_one ul li {
line-height: 42px;
}
div.c_one ul li:not(:last-child) {
border-bottom: 1px dashed #DEDEDE;
}
div.c_one #ulNews li a{
width: 100%;
display: block;
text-align: left;
}
div.c_one #ulNews .news_item{
display: inline-block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width: 75%;
font-size: 14px;
}
div.c_one .news_item .icon {
float: left;
height: 29px;
width: 14%!important;
margin-top: 7.5px;
margin-right: 7px;
margin-left: -3px;
}
div.c_one ul li a:hover {
color: #0091FF;
}
div.c_one ul li a span {
float: right;
color: #9b9b9b;
}
div.c_one ul li a:hover span {
color: #0091FF;
}
div.c_one ul li a i {
color: #FA6400;
font-style: normal;
border: 1px solid #FA6400;
line-height: 120%;
margin: 11px 7px auto auto;
font-size: 10px;
border-radius: 2px;
line-height: 14px;
display: inline-block;
}
div.c_one .news ul {
float: right;
width: 51%;
}
.news_title_content:hover span{
color: #4A4A4A;
}
......

289 KB | W: | H:

348 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin