/*20210131 增加交通视界模块*/
/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0 auto; padding: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; margin: 0 auto; padding: 0; }
ul, ol, li { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; display: block; vertical-align: top; }
a { text-decoration: none; outline: none; color: inherit; }
/*全局定义*/
body { font-family: "微软雅黑", "Arial Narrow"; font-size: 14px; color: #1b1b1b; padding-bottom: 50px; }
.fl { display: inline; float: left; }
.fr { display: inline; float: right; }
.w1000 { width: 1000px; overflow: hidden; clear: both; }
.mt15{ margin-top: 15px;}
.mt30{ margin-top: 30px;}
/*顶部导航*/
.top { height: 30px; line-height: 30px; }
.top li { float: left; color: #818181; font-size: 12px; margin-right: 10px; }
.top li:not(:first-child):before { display: block; float: left; content: " "; width: 2px; height: 2px; background: #818181; margin-top: 14px; margin-right: 10px; }
/*logo+导航条*/
.nav { width: 100%; height: 78px; background: #fafafa; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.logo img { float: left; margin-top: 19px; }
.logo span { color: #4b4b4b; line-height: 78px; margin-left: 30px; }
nav li { float: left; width: 60px; height: 78px; line-height: 78px; font-family: "黑体"; font-size: 16px; color: #595757; text-align: center; }
nav li:hover { background: #153b7d; color: #ffffff; }
/*要闻*/
.yaow { margin-top: 30px; width: 998px; height: 107px; border: 1px solid #d9d9d9;}
.yaow img{ float: left; margin-top: -1px; margin-left: -1px;}
.yaow h1{ width:870px ; height: 40px; line-height: 40px; margin-top: 20px; overflow: hidden; color: #000000; font-size: 32px;}
.yaow p{ width: 870px; height: 30px; line-height: 30px; overflow: hidden; color: #aaa9a9;}
/*热点新闻*/
.hotnews{ width: 998px; height: 72px; padding: 17px 0; border:1px solid #d9d9d9; border-top:none ;}
.hotnews li{ float: left; width: 300px; height: 36px; line-height: 36px; overflow: hidden; padding: 0 16px; overflow: hidden; border-left: 1px solid #d9d9d9;}
.hotnews li:nth-child(3n+1){ border-left: none;}
/*图文新闻*/
.picnews{ width: 1000px; height: 305px; margin-top: 30px; overflow: hidden;}
.picnews li{ float: left; width: 316px; height: 305px; margin-left: 26px;}
.picnews li:first-child{ margin-left: 0;}
.picnews li img{ width: 316px; height: 185px;}
.picnews li h4{ width: 316px; height: 35px; margin-top: 10px; line-height: 35px; overflow: hidden; font-size: 16px; color: #000000;}
.picnews li p{ width: 316px; height: 75px; line-height: 25px; overflow: hidden; color: #aaa9a9;}
/*图说交通*/
.tsjt{ width: 1000px; height: 203px; margin-top: 30px; padding: 15px 0; background: #fbfbfb;}
.tsjt .title { width: 90px; height: 203px; float: left; }
.tsjt .prev { width: 30px; height: 33px; line-height: 33px; text-align: center; margin-top: 85px; font-size: 20px; float: left; cursor: pointer; color: #aaa9a9; transform: scale(1,2);}
.tsjt .next { width: 30px; height: 33px; line-height: 33px; text-align: center; margin-top: 85px; font-size: 20px; float: right; cursor: pointer; color: #aaa9a9; transform: scale(1,2);}
.tsjt .box { width: 850px; height: 203px; float: left; overflow: hidden;}
.tsjt .box ul { width: 9999px; }
.tsjt .box li { width: 203px; height: 203px; float: left; margin-right: 12px;}
.tsjt .box li img { width: 203px; height: 203px; }
/*公告*/
.gongg{ width: 660px; height: 314px;}
.gongg .title h3{ height: 40px; font-size: 20px; color: #204fa2;}
.gongg .con{ width: 658px; height: 272px; border: 1px solid #d9d9d9;}
.gongg .pic{ position: relative; float: left; width: 313px; height: 274px; margin-top: -1px; margin-left:-1px ;}
.gongg .pic img{ width: 313px; height: 274px;}
.gongg .pic span{ position: absolute; width: 313px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; bottom: 0; color: #ffffff; background: rgba(0,0,0,0.6);}
.gongg .list{ width: 300px; height: 250px; float: left; margin-left: 26px; margin-top: 14px;}
.gongg .list li{ width: 300px; height: 30px; line-height: 30px; overflow: hidden;}
.gongg .list li:first-child{ height: 40px; line-height: 40px; font-size: 18px; font-weight: bolder;}
/*专题策划*/
.ztch{ width: 315px; height: 314px;}
.ztch .title h3{ height: 40px; font-size: 18px; color: #204fa2;}
.ztch .pic img{ width: 315px; height: 120px;}
.ztch .list{ width: 315px; height: 150px; margin-top: 5px;}
.ztch .list li{ width: 315px; height: 30px; line-height: 30px; overflow: hidden;}
.ztch .list li:first-child{font-size: 16px; font-weight: bolder;}
/*市州*/
.shiz{ width: 660px; height: 314px;}
.shiz .title h3{ height: 40px; font-size: 18px; color: #204fa2;}
.shiz .con{ width: 658px; height: 272px; border: 1px solid #d9d9d9;}
.shiz .pic{ float: left; width: 315px; height: 272px;}
.shiz .pic img{ width: 316px; height: 160px; margin-top: -1px; margin-left: -1px;}
.shiz .pic h4{ width: 295px; height: 32px; line-height: 32px; margin-top: 5px; overflow: hidden;}
.shiz .pic p{ width: 295px; height: 72px; line-height: 24px; overflow: hidden; color: #aaa9a9;}
.shiz .list{ width: 300px; height: 250px; float: left; margin-left: 26px; margin-top: 14px;}
.shiz .list li{ width: 300px; height: 30px; line-height: 30px; overflow: hidden;}
.shiz .list li:first-child{ height: 40px; line-height: 40px; font-size: 18px; font-weight: bolder;}
/*视频*/
.ship{width: 315px; height: 314px;}
.ship .title h3{ height: 40px; font-size: 18px; color: #204fa2;}
.ship .pic {position: relative;}
.ship .pic img{ width: 315px; height: 240px;}
.ship .pic span{ display: block; width: 315px; height: 34px; line-height: 34px; overflow: hidden; text-align: center; font-weight: bolder;}
.ship .pic a:before { position: absolute; top: 89px; left: 126px; display: block; content: " "; width: 63px; height: 62px; background: url(../images/ship_button_20200410.png); z-index: 10; mix-blend-mode: hard-light; }
/*友情链接*/
.link{ width: 100%; margin-top: 30px; padding: 20px 0; background: #eaeaea;}
.link .title h3{ float: left; width: 80px; font-size: 16px;}
.link .list{ float: right; width: 920px;}
.link .list li{ float: left; line-height: 24px; color: #707070; margin-right: 20px;}
/*页脚*/
footer { width: 100%; margin-top: 30px; }
.footer_left { float: left; width: 400px; height: 180px; }
.footer_left img { margin: 58px 39px; }
.footer_right { float: right; width: 600px; height: 180px; overflow: hidden; }
.footer_right p { line-height: 30px; }
.footer_gajg { float: left; margin-top: 15px; line-height: 20px; margin-left: 60px; margin-right: 100px; }
.footer_gajg img { float: left; margin-right: 5px; }
.footer_link { float: left; margin-right: 20px; }
.footer_hidden { width: 0px; height: 0px; overflow: hidden; }
/*交通视界*/
.jtsj{ height: 203px; overflow: hidden; }
.jtsj .title{ float: left; width: 90px; height: 203px; }
.jtsj .box{ float: right; width: 910px; height: 203px; overflow: hidden; }
.jtsj .box ul{ width: 9999px;}
.jtsj .box li{ position: relative; float: left; width: 280px; height: 203px; margin-left: 5px;}
.jtsj .box li img{ width: 280px; height: 203px;}
.jtsj .box li span{ position: absolute; width: 280px; height: 36px; line-height: 36px; text-align: center; bottom: 0; background-color: rgba(0,0,0,0.6); color: #ffffff;}