/*CSS reset*/
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:"microsoft yahei"; font-size:16px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
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; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}



/******************** 公共部分  ********************/
.fl{ float: left;}
.fr{ float: right;}
.mt20 { margin-top: 20px;}
.w1200 { width: 1200px; margin: 0 auto;}


/* top */
.top{ border-bottom: 1px solid #f1f1f1; height: 36px; line-height: 36px;}
.top .t-l { float: left; color: #999;}
.top .t-l a { font-size: 14px; color: #999; margin: 0 5px;}
.top .t-l a:hover { color: #034a83;}
.top .t-r { float: right;}
.top .weather { float: left; height: 25px; padding-top: 5px; overflow: hidden;}
.top .w1200 { position: relative;}

/* 站群导航 */
.site-nav { float: right; margin: 6px 0 0 10px;}
.site-nav>h4{ position: relative; z-index: 9; width: 100px; height: 25px; border-radius: 12px; background: #99c5dd url(2020css_bg_jt.png) no-repeat 82px center; font-size: 14px; text-indent: 7px; line-height: 25px; color: #fff;}
.site-nav.active>h4 { border: 1px solid #e1e1e1; border-bottom: 0; width: 98px; color: #0f64a9; height: 24px; background: #fff url(2020css_bg_jt2.png) no-repeat 82px center; border-radius: 0;}
.site-nav .site-nav-main { position: absolute; right: 0; z-index: 8; top: 30px; width: 1098px; border: 1px solid #e1e1e1; background: #fff; padding: 30px 50px; overflow: hidden; display: none;}
.site-nav-main .hd { float: left; wdith: 100%;}
.site-nav-main .hd li { position: relative; float: left; width: 183px; background: #f4f4f4; font-size: 16px; line-height: 30px; text-align: center; cursor: pointer;}
.site-nav-main .hd li.on { border-radius: 5px; box-shadow: 0 0 #ccc; line-height: 38px; top: -4px; background: #0f64a9; color: #fff;}
.site-nav-main .bd { clear: both; margin-top: 20px;}
.site-nav-main .bd ul{ display: none;}
.site-nav-main .bd ul:first-child { display: block;}
.site-nav-main .bd ul li { float: left; width: 156px; text-align: center; font-size: 16px; line-height: 18px; padding: 15px 0;}
.site-nav-main .bd ul li a { color: #666;}
.site-nav-main .bd ul li a:hover { color: #0f64a9;}

/* header */
.header { height: 133px;}
.header .logo { float: left; padding-top: 30px; width: 350px; height: 70px;}
.header .logo a { display: block; width: 100%; height: 100%; }
.header .logo a img { float: left; }
.header .logo a p { text-align: left; margin-left: 20px;  float: left;  }
.header .logo a .logo_name {  font-size: 36px; line-height: 50px; color: #c91c26; font-family : 微软雅黑; font-weight: 900; }
.header .logo a .logo_dizhi { font-size: 14px; color: #c91c26; font-family : 微软雅黑;  }
.header .search { float: right; width: 450px; height: 45px; padding-top: 45px;}
.header .search .search-txt { float: left; border: 1px solid #c1c1c1; border-right: 0; border-radius: 5px 0 0 5px; width: 339px; height: 43px; line-height: 43px; padding: 0 15px; cursor: text; outline: none;}
.header .search .search-btn { float: left; border: 0; border-radius: 0 5px 5px 0; width: 80px; height: 45px; background: url(2020css_bm_search.png) no-repeat 9px center #0f64a9; text-indent: 12px; color: #fff; cursor: pointer; outline: none;}



/* 导航 */
.nav-bar { background: #0f64a9;}
.nav-bar .nav { overflow: hidden;}
.nav-bar li { float: left; width: 200px; height: 55px; text-align: center; line-height: 55px;}
.nav-bar li a { display: block; width: 100%; height: 100%; color: #fff; font-size: 18px;}
.nav-bar li a:hover { background: #034a83;}

/* footer */
/*.footer { background: #0f64a9; padding: 25px 0;}
.footer .w1200 { width: 1100px; height: 100%; padding: 0 50px; overflow: hidden;}
.footer p { line-height: 26px; color: #fff;}
.footer a { color: #fff;}
.footer .f-l { float: left; width: 300px; }
.footer .f-c { float: left; border-left: 1px dashed #e6e6e6; padding-left: 69px;}
.footer .f-c p { padding-left: 25px;}
.footer .f-c p:first-child { padding-left: 0;}
.footer .f-c p:first-child img{ width: 18px; margin-right: 7px;}
.footer .f-r { float: right; border-left: 1px dashed #e6e6e6; padding-left: 49px; line-height: 80px;}
.footer .f-r img { vertical-align: middle; margin: 0 5px;}  */

.footer { background: #0f64a9; padding: 25px 0;}
.footer .w1200 { width: 1100px; height: 100%; padding: 0 50px; overflow: hidden;}
.footer p { line-height: 26px; color: #fff;}
.footer a { color: #fff;}
.footer .f-l {float: left;width: 265px;}
.footer .f-c {float: left;border-left: 1px dashed #e6e6e6;padding-left: 55px;}
.footer .f-c p { padding-left: 25px;}
.footer .f-c p:first-child { padding-left: 0;}
.footer .f-c p:first-child img{ width: 18px; margin-right: 7px;}
.footer .f-r {float: right;border-left: 1px dashed #e6e6e6;padding-left: 30px;line-height: 80px;}
.footer .f-r img { vertical-align: middle; margin: 0 5px;}  

/* 通用信息标题 */
.title{ height: 40px; border-bottom: 1px solid #e7e7e7;}
.title ul { float: left;}
.title li { float: left; background: url(2020css_bm_line.png) no-repeat left center; font-size: 22px; height: 41px; line-height: 40px; padding: 0 15px;}
.title li:first-child { padding-left: 0; background: none;}
.title li a { display: block;}
.title li.on a { height: 38px; border-bottom: 3px solid #0f64a9;}
.title .more { float: right; height: 100%;}
.title .more a { display: block; width: 24px; height: 100%; background: url(list_more.png) no-repeat center center;}

/* 通用信息列表 */
.list { margin-top: 15px;}
.list ul { display: none;}
.list ul:first-child { display: block;}
.list li { background: url(2020css_bm_jt.png) no-repeat left center; padding-left: 15px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list li a:hover{ color: #0f64a9;}
.list-date li{ position: relative; padding-right: 100px;}
.list-date li span { position: absolute; right: 0; top: 0; font-size: 14px; color: #999;}

/* 面包屑 */
.crumbs { background: #f2f2f2; line-height: 24px; padding: 13px 0;}
.crumbs .w1200 { background: url(2020css_bm_crumbs.png) no-repeat left center; padding-left: 30px;}
.crumbs a:hover { color: #0f64a9;}

.main { margin: 20px auto; overflow: hidden;}
/******************** 首页 ********************/
.wrapper { background: #f8f8f8;}
.wrapper .main { margin: 0 auto; padding: 20px 0;}

/* 头条 */
.headline { padding: 10px 60px;}
.headline h1 { font-size: 30px; line-height: 35px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.headline h1 a { color: #0f64a9;}
.headline p { text-align: center; color: #999; line-height: 24px; margin-top: 10px;}
.headline p a { color: #ac1c1c;}

.row1 { background: #fff; overflow: hidden;}
.row2 { overflow: hidden;}
.row3 { padding: 20px; background: #fff; overflow: hidden;}
/* 焦点图 */
.slideBox { position: relative; float: left; width: 660px; height: 400px; overflow: hidden;}
.slideBox .hd { position: absolute; bottom: 26px; z-index: 9; width: 100%; height: 8px; text-align: center; font-size: 0;}
.slideBox .hd li { display: inline-block; *display: inline; *zoom: 1; width: 8px; height: 8px; border-radius: 4px; background: #fff; margin: 0 4px; transition: width .5s;}
.slideBox .hd li.on { width: 14px; background: #22cfb9; transition: width .5s;}
.slideBox .bd { width: 660px; height: 400px; }
.slideBox .bd li { position: relative;  width: 660px; height: 400px; }
.slideBox .bd li p { position:absolute; left:0; bottom:0; width: 100%; height:50px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); line-height:50px; text-indent: 20px; color:#fff; cursor:pointer;}
.slideBox .bd li img { width: 100%; height: 100%; transform: scale(1); transition: all .3s;}
.slideBox .bd li:hover img { transform: scale(1.05); transition: all .3s;}

/* 工作动态 */
.gzdt { height: 380px; margin-left: 660px; padding: 10px 20px;}
.gzdt .first { height: 113px; border-bottom: 1px dashed #e7e7e7; padding-top: 20px; overflow: hidden;}
.gzdt .first h3 { font-size: 18px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gzdt .first h3 a:hover{ color: #0f64a9;}
.gzdt .first p { height: 60px; font-size: 14px; color: #999; line-height: 30px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 通知公告 */
.tzgg { float: left; background: #fff; width: 660px; height: 90px;}
.tzgg-head { float: left; width: 100px; height: 90px; background: url(2020css_bm_tzgg.png) no-repeat;}
.tzgg-head span { display: block; width: 50px; font-size: 20px; font-weight: bold; color: #fff; letter-spacing: 5px; margin: 0 auto; padding-top: 18px;}
.tzgg .list { padding: 15px 30px 0; margin-left: 100px; margin-top: 0;}
.tzgg .list li { line-height: 30px;}

/* 省网推荐、央网推荐 */
.recommend { position: relative; float: right; width: 510px; height: 90px; background: #69b2bf; overflow: hidden;}
.recommend a {float: left;width: 170px;height: 100%;font-size: 20px;font-weight: bold;text-indent: 65px;line-height: 90px;color: #fff;transform: scale(1);transition: all .5s;}
.recommend a:hover { transform: scale(1.1); transition: all .5s;}
.recommend .swtj {background: url(2020css_bm_sw.png) no-repeat 25px center;}
.recommend .ywtj {position: relative;background: url(2020css_bm_yw.png) no-repeat 25px center;}
.recommend .zbxx {background: url(2020css_bm_zbxx.png) no-repeat 15px center;}
.recommend .line {position: absolute;/* left: 50%; */top: 18px;content: "";width: 1px;height: 55px;background: #fff;}

/* 信息公开 */
.xxgk { background: #f8f8f8; overflow: hidden;}
.xxgk a {float: left;width: 182px;height: 40px;background: no-repeat left center;line-height: 40px;text-indent: 30px;margin: 0px 25px;}
.xxgk .xxgk01 { background-image: url(2020css_bm_xxgk01.png)}
.xxgk .xxgk02 { background-image: url(2020css_bm_xxgk02.png)}
.xxgk .xxgk03 { background-image: url(2020css_bm_xxgk03.png)}
.xxgk .xxgk04 { background-image: url(2020css_bm_xxgk04.png)}
.xxgk a:hover { color: #0f64a9;}
.xzfg { float: right; width: 840px;}
.xzfg .list { margin-top: 5px;}
.menu { float: left; width: 300px; padding-top: 10px;}
.menu a { float: left; border-radius: 5px; width: 140px; height: 120px; text-align: center; line-height: 195px; color: #fff; margin: 10px 10px 0 0; transform: scale(1); transition: all .5s; overflow: hidden;}
.menu a:hover { transform: scale(1.05); transition: all .5s;}
.menu .menu01 { background: #69bf8c url(2020css_bm_menu01.png) no-repeat center 12px;}
.menu .menu02 { background: #69b2bf url(2020css_bm_menu02.png) no-repeat center 12px;}
.menu .menu03 { background: #6973bf url(2020css_bm_menu03.png) no-repeat center 12px;}
.menu .menu04 { background: #9abf69 url(2020css_bm_menu04.png) no-repeat center 12px;}

/* 专题 */
.sepcial{ background: #fff; padding: 20px 0; overflow:hidden; position:relative;}
.special-title { position: absolute; left: 0; top: 0; display: block; width: 18px; height: 100px; text-align: center; background: #0f64a9; font-size: 18px; font-weight: bold; line-height: 20px; color: #fff; padding: 20px 11px 0;}
.sepcial .prev,.sepcial .next{ position: absolute; left: 40px; top: 20px; display:block;  width: 60px; height: 80px;  overflow:hidden; cursor:pointer; background: url(2020css_bm_prev.png) no-repeat center center;}
.sepcial .next{ left: auto; right: 0; background-image: url(2020css_bm_next.png);}
.sepcial-list { margin: 0 60px 0 100px; height: 80px; overflow: hidden;}
.sepcial-list ul { width: 1080px;}
.sepcial-list li{ float:left; width: 250px; height: 80px; margin-right: 13px; overflow:hidden;}
.sepcial-list li img{ width: 100%; height:100%; transform: scale(1); transition: all .3s;}
.sepcial-list li:hover img { transform: scale(1.1); transition: all .3s;}



/******************** 列表页 ********************/
.column-left { float: left; width: 270px; background: #f2f2f2; padding-bottom: 1000px; margin-bottom: -1000px;}
.column-left h2 { background: #0f64a9; font-size: 18px; color: #fff; text-align: center; line-height: 25px; padding: 10px;}
.column-left ul { padding: 0 10px 50px;}
.column-left ul li { margin-top: 10px;}
.column-left ul li a { display: block; width: 227px; border-left: 3px solid #ccc; background: #fff; text-align: center; line-height: 20px; padding: 13px 10px;} 
.column-left ul li.active a,.column-left ul li a:hover { background: #0264b8; border-color: #b80202; color: #fff;}
.column-right { margin-left: 290px;}
.column-item { margin-bottom: 20px;}
.column-tit { border-bottom: 1px solid #e0e0e0; height: 37px;}
.column-tit h3 { float: left;}
.column-tit h3 a { display: block; border-left: 5px solid #0f64a9; padding-left: 10px; font-size: 18px; font-weight: normal; line-height: 30px;}
.column-right .list { margin-top: 0;}
.column-right .list li {height: 50px; border-bottom: 1px dashed #e0e0e0; line-height: 50px; }

/* 分页 */
.div_cutPage{ padding: 20px 0; text-align: center;  }
.div_cutPage{ margin: 0 auto; }
.div_cutPage a{ display: inline-block; *display: inline; *zoom: 1; padding: 2px 8px; cursor: pointer; margin: 2px;}
.div_cutPage a:hover{ background-color: #0f64a9; color:white;  }
.div_cutPage .on{ background-color: #0f64a9; color:white;  }

/******************** 文章页 ********************/
.content { padding: 20px 50px;}
.content .art-tit { font-size: 24px; line-height: 30px; text-align: center;}
.content .info { border-bottom: 1px solid #e8e8e8; text-align: center; padding-bottom: 10px; margin-top: 30px; overflow: hidden;}
.content .info p { font-size: 14px;}
.content .info a:hover{ color: #0f64a9;}
.content-main { margin-top: 30px; overflow: hidden;}
.content-main,.content-main * { /* font-size: 16px; */ line-height: 30px;}
.content-main img { max-width: 100%; height: auto;} 
.content-main table { table-layout: fixed; width: auto !important; max-width: 100%;}
.content-main table td { border: 1px solid #e1e1e1;}
.content-bottom { margin-top: 30px; overflow: hidden;}
.content-bottom .fr a:hover { color: #0f64a9;}
.content .bdsharebuttonbox { float: left; background: url(2020css_bm_share.png) no-repeat left center; padding-left: 25px;}
.content .qrcode { text-align: center; margin-top: 50px;}
.content .qrcode p { font-size: 16px; line-height: 20px; padding-bottom: 10px;}


/******************** 信件列表 ********************/
.letter-list { border: 1px solid #dedbdb; padding: 20px;}
.letter-list .letter-table { min-height: 500px;}
.letter-list .letter-table table { width: 100%;}
.letter-list .letter-table td { line-height: 20px; text-align: center; color: #999; padding: 15px 0;}
.letter-list .letter-table td * { color: #999;}
.letter-list .letter-table td a:hover { color: #0f64a9;}
.letter-list .letter-table tr { border-bottom: 1px solid #dedbdb;}
.letter-list .letter-table tr:first-child { background: #f5f5f5; border-bottom: 0;}
.letter-list .letter-table tr:first-child td { line-height: 35px; font-weight: bold; padding: 0;}

/******************** 信件详情 ********************/
.letter-details { padding: 0 20px;}
.letter-details-item { margin-bottom: 20px; color:#666;}
.letter-details-item h3{margin:0; color: #0f64a9; font-size: 18px; font-weight: bold; line-height: 30px; margin-bottom: 10px;}
.letter-details-item table{width:100%; border:solid 1px #E9E9E9; background:#fff; border-collapse:collapse}
.letter-details-item table td{ border-collapse:collapse; border:solid 1px #E9E9E9; font-size: 14px; color: #666; padding:5px; line-height:30px;}
.letter-details-item table td p { font-size: 14px; line-height: 30px; color: #666;}
.letter-details-item .td_label{ width:100px; text-align:center}
.letter-details-item .td_label2{ padding: 5px 10px; }


@media only screen and (max-width: 1199px) {
    * { box-sizing: border-box;}
    .mt20 { margin-top: 10px;}
    .w1200,.tzgg,.recommend,.xzfg,.column-left { width: 100%;}
    .top,.content .qrcode,.content-bottom { display: none;}
    .header { height: auto; padding: 25px 0;}
    .header .logo { float: none; margin: 0 auto; padding-top: 0; max-width: 100%; }
    .header .search { float: none; margin: 25px auto 0; padding-top: 0;}
    .header .search { width: 420px;}
    .header .search .search-btn { height: 43px;}

    .nav-bar li { width: calc(100% / 6);}

    .main { margin: 0; padding: 10px;}
    .wrapper .main { padding: 10px;}
    .slideBox,.slideBox .bd,.slideBox .bd li{ width: 100%; height: 450px;}
    .title { overflow: hidden;}
    .gzdt { float: left; width: 100%; margin-left: 0; padding: 10px 20px; height: auto;}
    .gzdt .first { padding: 10px 0; height: auto;}
    .gzdt .first p { display: block; height: auto; line-height: 20px; margin-top: 5px;}
    .headline { padding: 0;}
    .headline h1 { font-size: 20px;}
    .headline p { margin-top: 0;}
    .tzgg .list { padding: 15px 10px;}
    .recommend { margin-top: 10px;}
    .recommend a { width: 50%;}
    .row3 { padding: 10px;}
    .xxgk { background: none;}
    .xxgk a { width: calc(100% / 2 - 2px); background-color: #f8f8f8; background-position-x: 20px; text-indent: 50px; margin: 0 1px 2px;}
    .menu { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .menu a { width: calc(100% / 4 - 5px); margin: 0;}
    .sepcial { padding: 10px 0;}
    .sepcial .prev, .sepcial .next { width: 35px; height: 40px; top: 30px; background-size: 50%;}
    .sepcial-list { width: 790px; margin: 0 auto;}

    .column-left { float: none; padding-bottom: 0; margin-bottom: 0;}
    .column-left ul { padding-bottom: 10px;}
    .column-left ul li a { width: 100%;}
    .column-right { margin-left: 0; margin-top: 10px;}

    .content,.letter-list { padding: 10px;}

    .letter-details { padding: 0;}

    .footer .w1200{ width: 100%; padding: 0;}
    .footer .f-l,.footer .f-c { width: 50%; padding: 0; text-align: center;}
    .footer .f-r { width: 100%; text-align: center; margin-top: 10px; height: auto; padding-left: 0;}
}

@media only screen and (max-width: 880px) {
    .sepcial-list { width: 520px;}
}

@media only screen and (max-width: 768px) {
    .nav-bar li { width: calc(100% / 3); border-left: 1px solid #fff; height: 46px; line-height: 46px; font-size: 16px;}
    .nav-bar li:nth-child(1),.nav-bar li:nth-child(2),.nav-bar li:nth-child(3) { border-bottom: 1px solid #fff;}
    .nav-bar li:nth-child(1),.nav-bar li:nth-child(4) { border-left: 0;}

    .slideBox,.slideBox .bd,.slideBox .bd li{ height: 320px;}

}

@media only screen and (max-width: 600px) {  
    .sepcial-list { width: 250px;}
}
@media only screen and (max-width: 480px) {
    .header .logo a img { height: 75%; margin-left: 5%; }
    .header .logo a .logo_name { font-size: 25px; line-height: 35px;}
    .header .logo a .logo_dizhi { font-size: 12px;}
    .header .search { width: 90%;}
    .header .search .search-txt { width: calc(100% - 80px)}

    .slideBox,.slideBox .bd,.slideBox .bd li{ height: 260px;}
    .title li { font-size: 18px;}
    .tzgg { height: auto;}
    .tzgg-head { float: none; display: block; width: 100%; background: #0f64a9; height: 40px; text-align: center; line-height: 40px;}
    .tzgg-head span { display: inline;}
    .tzgg .list { margin-left: 0; margin-top: 0;}
    .xxgk a { width: 100%;}
    .menu a { width: calc(100% / 2 - 2.5px); margin-bottom: 5px;}
    .recommend { height: 60px;}
    .recommend a { font-size: 16px; line-height: 60px; background-position-x: 15% !important; text-indent: 35%;}
    .recommend .line { top: 0; height: 100%;}

    .content .info p{ float: none !important;}

    .footer .f-l,.footer .f-c { width: 100%;}
}