@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:12px; cursor:default;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none;}
a:hover{ text-decoration: none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.al{text-align:left;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}


.top_bg{height: 411px; width: 100%; background: url(../img/2019zlwzgj_bg.jpg) center center no-repeat;}
.top_bg img{display: none;}
.container{width: 1200px;height: auto; margin: 44px auto 0;}

.introduction{position: relative;border: 2px solid #ff331c; padding: 30px 68px 26px;}
.introduction span{display: block; position: absolute; width: 66px;height: 34px;line-height: 34px; text-align: center; border-radius:5px ; background: #ff331c; color: #ffffff;font-size: 18px; left: 50%; margin-left: -33px;top: 0; margin-top: -16px;}
.introduction p{line-height: 36px;font-size: 18px; color: #333333; text-indent: 35px;}

.news{width: 580px;height: 264px; margin-top: 20px;}
.news .title{height: 44px;width: 100%;padding-bottom: 20px; background: url(../img/2019zlwzgj_tit_line.png) left bottom no-repeat;}
.news .title h2{height: 44px;line-height: 44px;font-size: 30px; color: #000000; float: left;font-weight: normal; }
.news .title a.more{ float: right;display: block;height: 20px;width: 53px;margin-top: 11px; text-align: center; font-size: 14px; color: #d5d5d5;border: 1px solid #d5d5d5;border-radius: 3px; background: #ffffff;}
.news .title a.more:hover{background: #367be4; color: #ffffff; }
.news_list{ width: 100%; height: auto; margin-top: 20px;}
.news_list li{ height: 36px; line-height: 36px; overflow: hidden; vertical-align: top;}
.news_list li a{ float: left; font-size: 16px; color: #000; max-width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../img/2019zlwzgj_list_dot.png) left center no-repeat; text-indent: 10px;}
.news_list li a:hover{ color: #3364f3;}
.news_list li span{ float: right; font-size: 12px; color: #999;}

.pic_info{width: 100%;height: 120px; margin-top: 30px;}
.pic_info a.pic{float: left; margin-right: 30px;}
.pic_info a.pic img{width: 160px;height: 120px;}
.pic_info h2{height: 30px;line-height: 30px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center;}
.pic_info h2 a{font-size: 22px;color: #000000;font-weight: bold;}
.pic_info h2 a:hover{color: #3364f3;}
.pic_info p.abstract{line-height: 24px;font-size: 14px; color: #a1a1a1; margin: 8px 0 10px 0;}
.pic_info p.time{line-height: 24px;height: 24px;font-size: 14px; color: #a1a1a1;}
#hnyw,#szdt{height: 378px;}
#hnyw,#kwcl,#ffyy,#fxld{float: left;}
#szdt,#cxcz,#mlsclx,#wfjs{float: right;}

.foot{width: 100%; height: auto;padding: 45px 0; text-align: center;background: #213141;}
.foot .pic img { vertical-align: middle;}
.foot p{line-height: 30px;font-size: 14px; color: #ffffff;}
.foot p a{color: #ffffff;}

.nav{display: none; width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.nav li{ float: left; width: 23%; margin-right: 2%; margin-bottom: 5px; height: 34px;line-height: 34px; background: #f0f0f0; border-radius: 5px;}
.nav li:nth-child(4n){ margin-right: 0;}
.nav li a{display: block;width: 100%; height: 100%;line-height: 34px; text-align: center; font-size: 14px; color: #333333;}
@media screen and  (max-width:1199px) {
    .top_bg{width: 100%; height: auto;background: none;}
    .top_bg img{ display: block; width: 100%; height: auto;}
    .container{width: 96%; margin: 30px auto 0; }
    .introduction{ padding: 20px 5% 15px; border-radius: 8px;}
    .introduction p{line-height: 30px;font-size: 16px;}
    .news{ width: 100%; margin-top: 15px; height: auto;}
    #hnyw,#kwcl,#ffyy,#fxld,#szdt,#cxcz,#mlsclx,#wfjs{float: none; height: auto;}
    .nav{display: block;}
    .news .title{padding-bottom: 10px;height: 40px;}
    .news .title h2{height: 40px;line-height: 40px;font-size: 24px;}
    .pic_info{ height: auto;margin-top: 10px; overflow: hidden;}
    .pic_info p.abstract,.pic_info p.time{ display: none;}
    .pic_info h2{ white-space: normal; overflow: auto;height: auto; }
    .news_list{ margin-top: 15px;}
    .news_list li{ height: auto;line-height: 24px; padding: 6px 0; border-bottom: 1px dashed #e1e1e1;}
    .news_list li a{ float: none;max-width: 100%;white-space: normal; overflow: auto; background: none; text-indent: 0;}

    .foot .pic{ display: none;}
    .foot{padding: 25px 2%; box-sizing: border-box;}
}
@media screen and  (max-width:560px) {
    .pic_info a.pic{ width: auto; height: auto; margin-right: 5%;}
    /* .pic_info a.pic img{width: 100%; height: auto;} */
    .pic_info h2{line-height: 26px;}
    .pic_info h2 a{font-size: 20px;font-weight: normal; color: #000000;}
    .introduction p{line-height: 26px;}
}
@media screen and  (max-width:480px) {
    .pic_info h2{line-height: 24px;}
    .pic_info h2 a{font-size: 18px; font-weight: bold;}
    .introduction p{line-height: 22px; font-size: 14px;}
    .introduction span{ font-size: 16px;height: 28px;line-height: 28px; margin-top: -14px;}
    .news .title h2{ font-size: 22px;}
}
@media screen and  (max-width:380px) {
    .nav li:nth-child(6) a{font-size: 12px;}
}