@charset "utf-8";
.m { width: 1440px;}
.item {width: 450px; float: left;}
.item h2 { line-height: 36px; font-size: 18px; margin-bottom: 15px;}
.item h2>i { display: inline-block; width: 36px; height: 36px; margin-right: 15px; background-repeat: no-repeat; background-position: center center;}
.item h2>a { float: right; font-weight: 400; font-size: 14px; color: #999;}
.item h2>a:hover { color: #1677d1;}
.notice h2>i { background-image: url(../imgs/icons-notice.jpg);}
.notice >ul>li { background:url(../imgs/notice-bottom.jpg) no-repeat center bottom; background-size:100% 2px; border: 1px solid #eee; border-bottom: unset; margin-bottom: 12px; padding: 10px;}
.notice >ul>li>a { height: 50px; overflow: hidden; display: block; line-height: 25px; margin-bottom: 10px; overflow: hidden;}
.notice >ul>li>p { color: #9E9E9E;height: 20px; line-height: 20px;overflow: hidden;}

.news h2>i { background-image: url(../imgs/icons-news.jpg);}
.news {  margin: 0px 40px;}
.news>dl>dt,.progress>dl>dt { clear: both; margin-bottom: 20px; overflow: hidden;}
.news>dl>dt>p{ width: 165px; float: left;}
.news>dl>dt>p>a { display: block; width: 150px; height: 100px;}
.news>dl>dt>p>a>img { width: 100%; height: 100%;}
.news>dl>dt>div { float: left; width: 235px;}
.news>dl>dt>div h2 {  height: 50px;line-height: 25px; color: #585858; font-weight: 700; margin-bottom: 10px; font-size: 14px;overflow: hidden;}
.news>dl>dt>div p { height: 40px; line-height: 20px; color: #9E9E9E;overflow: hidden;}
.news>dl>dd,.progress>dl>dd {clear: both;}
.news>dl>dd>a ,.progress>dl>dd>a{ display: block; line-height: 35px; overflow: hidden; height: 35px;}
.news>dl>dd>a>i { color: #1677D1; margin-right: 5px;}
.news>dl>dd>a>span,.progress>dl>dd>a>span { float: right; padding-left: 10px;}

.progress h2>i { background-image: url(../imgs/icons-progress.jpg);}
.progress>dl>dt{ border-bottom: 1px dotted #D8D8D8; padding-bottom: 10px; margin-bottom: 10px;}
.progress>dl>dt h2 { font-size: 14px; font-weight: 400; color: #585858; height: 50px; line-height: 25px; margin-bottom: 10px; overflow: hidden;}
.progress>dl>dt p {height: 75px; line-height: 25px; color: #9E9E9E; overflow: hidden;}

.links { background: #1D8AD0; position: relative;}
.links > span { display: inline-block; position: absolute; width: 140px; height: 50px; line-height: 50px; left: 10px; top: 50%; margin-top: -25px; color: #FFF; font-size: 18px;}
.links > span>i { background: url(../imgs/icons-links.jpg); width: 24px; height: 24px; margin-right: 10px; display: inline-block;}
.links >div { background: #fff; border: 1px solid #EAEAEA; border-left: unset;margin-left: 140px; padding: 10px 10px;}
.links >div>a { padding: 5px 15px;display: inline-block;}
.footer>ul { width: 1200px;}

@media screen and  (max-width: 720px){
    .m { width: 100%;}
    .footer>ul { width: unset;}
}