@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/topic_ygj_banner.png) center center no-repeat;}
.top_bg img{display: none;}
.container{width: 1200px;height: auto; margin: 30px auto;}

.swiper-tpxw {float: left;width: 690px;height: 390px;}
.swiper-tpxw .swiper-slide p {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    z-index: 5;
    font-size: 16px;
    color: #fff;
    text-indent: 20px;
    background: rgba(0,0,0,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000);
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    text-align: right;
    bottom: 15px;
}

.swiper-tpxw .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .5;
    margin: 0 10px 0 0;
    border-radius: 50%;
}

.swiper-tpxw img { width: 690px; height: 390px;}

#hnyw { width: 490px; margin-top: 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; margin-top: 20px;}
.news .title{height: 44px;width: 100%;padding-bottom: 20px; background: url(../img/topic_ygj_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: #990000; color: #ffffff; border-color: #990000;}
.news_list{ width: 100%; height: auto; margin-top: 15px;}
.news_list li{ position: relative; background: url(../img/topic_ygj_list_dot.png) left center no-repeat; height: 36px; line-height: 36px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top; font-size: 16px; padding-left: 12px; padding-right: 100px;}
.news_list li a{ color: #000;}
.news_list li a:hover{ color: #990000;}
.news_list li span{ position: absolute; right: 0; width: 120px; font-size: 14px; text-align: right; color: #999;}

.ldjh_list { margin-top: 22px;}
.ldjh_list li { background: #f0f0f0 url(../img/topic_ygj_voice.png) no-repeat 20px center; padding: 0 25px 0 55px; height: 46px; line-height: 46px;  margin-top: 12px;}
.ldjh_list li:first-child { margin-top: 0;}
.ldjh_list li a { float: none; background: none;}

.pic_info{width: 100%; border-bottom: 1px solid #e5e5e5; 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: #990000;}
.pic_info p.abstract{line-height: 24px;font-size: 14px; color: #a1a1a1; margin: 8px 0 10px 0;}
.pic_info p.abstract a { color: #df0b0b;}
.pic_info p.time{line-height: 24px;height: 24px;font-size: 14px; color: #a1a1a1;}

#hnyw,#kwcl,#ffyy,#fxld{float: right;}
#szdt,#cxcz,#mlsclx,#wfjs{float: left;}

.foot{width: 100%; height: auto;padding: 45px 0; text-align: center;background: #990000;}
.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;}
}