@charset "utf-8";

@import url(jczw_reset.css);
.warp{ width:100%; min-width:1200px; max-width:1920px; position:relative; overflow:hidden;}
/* Top */
#top{height: 1610px;background: url("../images/jczw_top_bg.png") #fff no-repeat;background-size: 100% 592px;}
#top .top_centent{height: 100%;position: relative;}
#top .top_centent .logo{padding-top: 40px;}
/* Top>>工作动态 */
.top_centent .post{position: absolute;top: 592px;width: 1200px;}
.top_centent .work_dt{height: 480px;padding: 10px 35px 50px 10px;box-sizing: border-box;background: #fff;border-radius: 10px;width: 100%;box-shadow: 0px 15px 9px -8px #d7d7d7;}
.top_centent .work_dt .left_lb{margin-top: 20px;padding: 15px;box-sizing: border-box;background: #f6f6f6;}
.top_centent .work_dt .left_lb a{display: block;width: 440px;overflow: hidden;}
.top_centent .work_dt .left_lb img{transition: transform .5s;}
.top_centent .work_dt .left_lb img:hover{transform: scale(1.1);}
.top_centent .work_dt .right_text{width: calc(100% - 640px);margin-left: 40px;}
.work_dt .right_text .title{height: 40px;line-height:40px;border-bottom: 3px solid #dadada;text-align: center;}
.work_dt .right_text .title span{float: left;width: 100px;font-size: 20px;color: #c34546;}
.work_dt .right_text .title span::after{display: block;content: '';width: 100px;height: 3px;background: #af090b;}
.work_dt .right_text .title a{float: right;}
.work_dt .right_text ul{padding-top: 15px;}
.work_dt .right_text ul li{height: 60px;line-height: 60px;width: 100%;}
.work_dt .right_text ul li a{position: relative;padding-left: 40px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 17px;}
.work_dt .right_text ul li a::before{position: absolute;left: 0;top:23px;display: inline-block;content: '';height: 14px;width: 14px;background: url("../images/jczw_list_before.png");}
/* Top>>政策制度 */
.top_centent .zc_zd{margin-top: 75px;height: 425px;}
.top_centent .zc_zd>div{height: inherit;}
.top_centent .zc_zd .zc{width:600px ;}
.top_centent .zc_zd .title{height: 40px;line-height:40px;border-bottom: 3px solid #dadada;text-align: center;}
.top_centent .zc_zd .title span{font-weight: bold;;float: left;width: 100px;font-size: 20px;color: #c34546;}
.top_centent .zc_zd .title span::after{display: block;content: '';width: 100px;height: 3px;background: #af090b;}
.top_centent .zc_zd .zd{width: calc(100% - 635px);margin-left: 35px;}
.top_centent .zc_zd .title a{float: right;}
.zc_zd .list{}
.zc_zd .list .list_top{margin-top: 21px;border-bottom: 1px solid #ccc;padding-bottom: 25px;font-size: 16px;line-height: 25px;} 
.zc_zd .list .list_top p:nth-child(1){font-size: 16px;width: 95%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zc_zd .list .list_top a{display: block;margin-bottom: 20px;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 90%;}
.zc_zd .list ul{margin-top: 20px;}
.zc_zd .list ul li{height: 50px;line-height: 50px;}
.zc_zd .list ul li a{background: #fff;position: relative;padding-left: 40px;display: block;white-space: nowrap;text-overflow: ellipsis;font-size: 17px;overflow: hidden;}
.zc_zd .list ul li a::before{position: absolute;left: 0;top:23px;display: inline-block;content: '';height: 14px;width: 14px;background: url("../images/jczw_list_before.png");}
/* mid */
#mid{background: url("../images/jczw_mid_bg.jpg");height: 545px;}
#mid .mid_content{height: 100%;position: relative;}
#mid .mid_content .zwgk{width: 880px;height: 325px;background: #a60809;padding: 12px 15px;box-sizing: border-box;position: relative;left: 50%;margin-left: -440px;top:10%;}
#mid .mid_content .zwgk .f_l{overflow: hidden;}
#mid .mid_content .zwgk .f_l img{transition: transform .4s;-webkit-transition: transform .4s;}
#mid .mid_content .zwgk .f_l img:hover{cursor: pointer;transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
#mid .mid_content .zwgk .f_r{height: 100%;position: relative;width: calc(100% - 589px);}
#mid .mid_content .zwgk .f_r a{text-align: center;position: absolute;width:175px;height: 195px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#mid .mid_content .zwgk .f_r a:hover span{-webkit-transform:rotateY(360deg);}
#mid .mid_content .zwgk .f_r span{display: inline-block;width: 97px;height: 97px;border-radius: 50%;background:url("../images/jczw_icon_jd.png") no-repeat center #fff;transition: all .8s;}
#mid .mid_content .zwgk .f_r p{font-size:24px; font-weight:bold;color: #fff;text-align: center;width: 174px;}
#mid .mid_content .button{position: absolute;bottom: 50px;text-align: center;width: 100%;}
#mid .mid_content .button a{position: relative;;display: inline-block;width: 285px;height: 60px;text-align: center;line-height: 60px;border-radius: 30px;font-size: 22px;font-weight: bold;color: #fff;background: #ab080b}
#mid .mid_content .button a+a{margin-left: 112px;}
#mid .mid_content .button a::before{content: '';display: block;background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 50%);background-size: 210% 100%;background-position: right bottom;height: 100%; width: 100%;position: absolute;top: 0;bottom:0;right:0;left: 0;border-radius: 50px;transition: all 1s;-webkit-transition: all 1s;}
#mid .mid_content .button a:hover:before{background-position: left bottom;}
/* 政务公开 */
#zwgk{background: #fff;min-height: 640px;}
#zwgk .zwgk_content{box-sizing: border-box;padding: 70px 0;}
#zwgk .zwgk_content .title{text-align: center;height: 70px;line-height: 70px;background: url("../images/jczw_zwgk_line.png") no-repeat center;font-size: 24px;font-weight: bold;color: #fff;}
#zwgk .zwgk_content .title a {display:block;}
.zwgk_content .title span{position: absolute;right: 20px;top:0px;}
.zwgk_content .tabs{margin-top:35px ;}
.zwgk_content .tabs .tab_item{}
.zwgk_content .tabs a{}
.zwgk_content .tabs .tab_item a{margin-left: 10px;font-size: 18px;display: inline-block;width: 186px;height: 62px;text-align:center;line-height: 62px;border-radius: 8px;background: #f3f3f3;color: #ae0a0b;}
.zwgk_content .tabs .tab_item span{background: #f3f3f3;border-radius: 8px;color: #b1080d;}
.zwgk_content .tabs .tab_item span.active{color: #fff;}
.zwgk_content .tabs .tab_item a .bm{background: url("../images/jczw_bm.png") no-repeat 30px center; display: inline-block;height: 100%;width: 100%;}
.zwgk_content .tabs .tab_item a.on .bm {color:#ffffff;background:url(../images/jczw_bm1.png) #af090b no-repeat 30px center;}
.zwgk_content .tabs .tab_item a .bm.active{background: url("../images/jczw_bm1.png") #af090b no-repeat 30px center;}
.zwgk_content .tabs .tab_item a .xz{background: url("../images/jczw_icon_xz.png") no-repeat 30px center;display: inline-block;height: 100%;width: 100%;}
.zwgk_content .tabs .tab_item a.on .xz{background: url("../images/jczw_icon_xz_ac.png") #af090b no-repeat 30px center;color:#ffffff;}

.zwgk_content .tabs ul{display: flex;flex-wrap: wrap;}
.zwgk_content .tabs ul li{}
.zwgk_content .tabs ul li a{margin: 10px 0 0 10px;font-size: 18px;display: inline-block;width: 186px;height: 62px;text-align:center;line-height: 62px;border-radius: 8px;background: #ebebeb;}
/* footer */
footer{height: 170px;padding: 30px 0;box-sizing: border-box;background: #F6F6F6;}
footer .footer_content{}
footer .footer_content>a.f_l{margin:20px 0 0 40px;}
footer .footer_content>div{margin-left: 95px;}
footer .footer_content>div p{line-height: 30px;}

.focus_picture {float: left;width: 596px;height: 397px;}
.focus_picture .focusBox{width: 566px;height: 367px;position: relative;}
.focus_picture .focusBox .pic li a{display:block;overflow:hidden;width: 566px;height: 367px;}
.focus_picture .focusBox .pic li a img{width: 566px;height: 367px;transition: transform 0.7s ease-out 0s;-moz-transition: transform 0.7s ease-out 0s;}
.focus_picture .pic{width: 566px;height: 367px;position: relative;}
.focus_picture .pic li{overflow:hidden;position: absolute;width: 566px;left: 0;top: 0;}
.focus_picture .focusBox .txt-bg{position: absolute;bottom:0;z-index: 1;height: 44px;width: 565px;background: black;filter: alpha(opacity=60);opacity: 0.6;overflow: hidden;}
.focus_picture .focusBox .txt{position: absolute;bottom:0;z-index: 2;height: 44px;width: 545px;overflow: hidden;padding-left: 20px;}
.focus_picture .focusBox .txt li {height: 44px;line-height: 44px;position: absolute;bottom: -36px;background:none !important;}
.focus_picture .focusBox .txt li a{color: #fff;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 83%;}
.focus_picture .focusBox .num{position: absolute;z-index: 3;bottom: 15px;right: 14px;}
.focus_picture .focusBox .num li {float: left;margin: 0 5px;width: 10px;height: 10px;overflow: hidden;cursor: pointer;zoom: 1;background: #fff;border-radius: 50%;}
.focus_picture .focusBox .num .on{background: #175bad;}
.focus_picture .focusBox .pic li a img:hover{transform:scale(1.05);  transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}