@charset "utf-8";
/* CSS Document */
body{background: #fff;}
/*头部*/
.zt_fzjs_body{background: url("/_res/images_fzjs/fzsh_body_bg.png") top center no-repeat !important;}
.zt_banner{height:490px;position: relative;}
.zt_banner .img_title{display: none;}
.zt_logo{position: absolute;top: 18px;left: 0;}
.zt_banner .zt_ban{padding: 140px 0 0 0px;text-align: center;}
.top-oldlink{ top:12px;}
.top-oldlink li a:hover .ico{webkit-transition:  -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.guidang{position:absolute;right:0px;top:0px;z-index: 99;}
@media (min-width: 992px) and (max-width:1199px) {
    .top-oldlink{top:2px;}
    .guidang{width: 200px !important;height: 200px !important;;background-size:100% !important;;right: 0;}

}

@media only screen and (max-width:991px) {
    .guidang{width: 200px !important;;height: 200px !important;;background-size:100%!important;}

    .zt_header{background-size: cover !important;}
    .zt_banner{height: 190px;}
    .zt_banner .zt_logo{left: 5px;top: 10px;}
    .zt_banner .logo-pc img{height: 40px;}
    .zt_banner .zt_ban{padding:88px 0 0 0px;text-align: center;}
    .zt_banner .zt_ban img{width:80%;height: auto;}

}
@media only screen and (max-width:767px) {
    .guidang{width: 160px !important;;height: 160px !important;;background-size:100%;}

    .zt_logo{position: static;width: 80%;text-align: center;margin:20px auto 0;text-align: center;}
    .zt_logo .logo-pc img{height: auto;width: 100%;max-width: 214px;}
    .zt_header{height: auto;}
    .zt_banner{height: auto;padding-bottom: 30px;}
    .zt_banner .zt_ban{padding:30px 0 0 0px;}
    .zt_banner .zt_ban img{width: 90%;}
}
@media only screen and (max-width:390px) {

}

/*主体内容*/
.zt-title{height:auto;text-align: center;margin: 35px 0; }
.zt-title .tit{display: block;position: relative;text-align: center;}
.zt-title .ico-l{display: block;position:absolute;top: 50%; margin-top: -5px; left: 0; width:350px;height: 10px;background: url("/_res/images_fzjs/zt-title-left.png") right center no-repeat;}
.zt-title .ico-r{display: block;position:absolute;top: 50%; margin-top: -5px; right: 0; width:350px;height: 10px;background: url("/_res/images_fzjs/zt-title-right.png") left center no-repeat;}
.zt-title a{ display: block;font-size: 44px;color: #21262C;font-weight: bold;  height: 64px; line-height: 64px;}
.zt-title a .blue-tit{ color: #1377D4; font-style: normal;}

/*焦点图*/
.zt_flash{width: 660px;height: 430px; margin-top: 34px; float: left;overflow: hidden; position: relative; z-index: 2;}
.zt_slide{width: 100%; height: 100%; position:relative; }
.zt_slide .zt-flashPic,.zt_slide .zt-flashPic ul,.zt_slide .zt-flashPic li,.zt_slide .zt-flashPic a{height:100% !important; width: 100% !important; }
.zt_slide .zt-flashPic{ position:relative; z-index:0;}
.zt_slide .zt-flashPic li{ zoom:1; vertical-align:middle;}
.zt_slide .zt-flashPic a{display:block; color: #fff; position: relative;}
.zt_slide .zt-flashPic img{display:block; width: 100%; height: auto !important;}
.zt_slide .zt-flashPic .title{display: block;height: 50px;line-height: 50px;padding: 0  50px;font-size: 18px; background: #1172d7; background: linear-gradient(90deg, #1172D8 0%, #2A8DE5 100%); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 0;right: 0;bottom: 0;color: #fff; text-align: center;}
.zt_slide .zt-flashPic a:hover .title{color: #fff;}
.zt_slide .zt-flashNum{ height:12px; overflow:hidden; position:absolute; right:15px; bottom:66px; z-index:1; }
.zt_slide .zt-flashNum ul{ overflow:hidden; zoom:1; float:left;}
.zt_slide .zt-flashNum ul li{ float:left; margin-right:8px; width:10px; height:10px; text-indent: -20em; font-size: 0; background:#fff; overflow: hidden; cursor: pointer;}
.zt_slide .zt-flashNum ul li.on{background: #2487E2; }
.zt_slide .ls-prev,.zt_slide .ls-next{ display: block; position: absolute; background-repeat: no-repeat; background-position: center center; bottom: 0; width: 50px; height: 50px; cursor: pointer; z-index: 3;}
.zt_slide .ls-prev{background-image: url("/_res/images_fzjs/fz-prev.png"); left:0; }
.zt_slide .ls-next{background-image: url("/_res/images_fzjs/fz-next.png");  right: 0;}
.zt_slide .ls-prev:hover,.zt_slide .ls-next:hover{ opacity: .7;}
/*横幅广告*/
.ztzl-box{width:100%;height: 120px;margin-top: 25px; overflow: hidden;}
.ztzl_slide,.ztzl-box .bd,.ztzl-box ul,.ztzl-box .bd li,.ztzl-box .bd li img,.ztzl-box .bd li a{height:100%; width: 100%; }
.ztzl-box .img_title{display:none;}
.ztzl-box .bd{ position:relative; z-index:0;}
.ztzl-box .bd li{ zoom:1; vertical-align:middle;}
.ztzl-box .bd a{display:block; color: #fff; position: relative;}
.ztzl-box .bd img{display:block;}
/*最新动态*/
.zt-xwbox{width: 482px;height: 498px;float: left;  position: relative; z-index: 1; margin-left: -82px; background:url("/_res/images_fzjs/xw-boxbg.jpg") right bottom no-repeat #fff; box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.1); overflow: hidden; padding:0 30px 0 108px; }
.zt-xwbox .xwico{ position: absolute; width: 38px; height: 29px; display: block;background:url("/_res/images_fzjs/xw-boxico.png") 0 0 no-repeat;  top:15px; left:74px; }
.zt-xwlist{ padding: 34px 0 0 0;}
.zt-xwlist li{position: relative;font-size: 18px; height: 42px;line-height: 42px;padding: 2px 0;overflow: hidden;vertical-align: bottom;}
.zt-xwlist li .date{position: absolute;top: 2px;right: 0;font-size: 16px;color: #9E9E9E;}
.zt-xwlist li a{display: block;float: none; color: #222; margin-right: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zt-xwlist li a:hover{ color: #1377d4;}
.zt-xwlist li.num1{background: none; border-bottom: 1px dashed #d8d8d8; height: auto;padding: 0 0 12px 0; margin-bottom: 10px;}
.zt-xwlist li.num1 .date{top: auto; bottom: 0;right: 0; display: none;}
.zt-xwlist li.num1 .title{display: block;float: none;font-size: 20px; font-weight: bold; line-height: 28px;height: 56px;margin-right: 0 !important;white-space:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.zt-xwlist li.num1 .remark{font-size: 16px;line-height: 22px;height: 66px;color: #9E9E9E;text-indent: 2em;margin-top: 8px;overflow: hidden;}
.zt-xwlist li.num1 .remark a.detailed{color: #FE8F00;margin-right: 0 !important; display: inline;}
.zt-xwlist li.num1 .remark a.detailed:hover{color: #2e6fb5;}

/*年度法治政府建设报告*/
.zt-fzbg ul.list1{ width: 520px;height: 170px;padding: 20px 30px 0; float: left;margin-right: 34px;border-left: #f12636 3px solid;background:#fcfbfb url("/_res/images_fzjs/zt_fzbg_bg.png") bottom right no-repeat;}
.zt-fzbg ul.list1:nth-of-type(2){margin-right: 0;}
.zt-fzbg ul.list1 .title a{display: block;height: 38px;line-height: 38px;font-size: 24px;font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zt-fzbg ul.list1 .remarks{font-size: 16px;line-height: 32px;height: 96px; padding: 10px 0 0;overflow: hidden;}
.zt-fzbg ul.list1 .remarks a{color: #cb0000;}
/*年度法治政府建设报告 新*/
.zt-jsbg-bg{ background: url("/_res/images_fzjs/ndbg-bg.png") top center no-repeat #F1F8FF; margin-top: 50px; }
.zt-fzbg2{ padding-bottom: 15px; background: url("/_res/images_fzjs/zt_fzbgline-bg.png") 0 0 repeat-y;}
.zt-fzbg2 .list1{ margin-bottom: 30px; position: relative; }
.zt-fzbg2 .list1 .list-info{ background: #fbfbfb; margin-left: 35px; background: rgba(255, 255, 255, 0.6);  border: 1px solid rgba(195, 203, 214, 0.5); box-shadow: 0px 4px 10px 0px rgba(195, 203, 214, 0.3); border-radius: 2px; font-size: 20px; padding: 10px 30px;}
.zt-fzbg2 .list1 .ico{ width: 12px; height: 12px;background: #D1D1D1;  border-radius: 50%; -moz-border-radius: 50%;   box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); border: 3px solid #FFFFFF; position: absolute; display: block; left: -8px; top: 50%; margin-top: -8px;}
.zt-fzbg2 .list1:hover .ico{ }
.zt-fzbg2 .list1 .title{  font-weight: bold; font-size: 20px;  height: 44px; line-height: 44px; }
.zt-fzbg2 .list1 .title a{display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zt-fzbg2 .list1 .title a:hover{ color: #2e6fb5;}
.zt-fzbg2 .list1.num1 .list-info{ background: linear-gradient(97deg, #ECF1FA 0%, #FEFEFF 100%); border-radius: 4px;border: 1px solid #FFFFFF;}
.zt-fzbg2 .list1.num1 .ico{ background: #2E6FB5;}
.zt-fzbg2 .list1.num1 .remarks{ font-size: 16px; line-height: 24px; padding-bottom: 14px; color: #333;}
.zt-fzbg2 .list1.num1 .remarks a{  color: #FE8F00;}
.zt-fzbg2 .list1.num1 .remarks a:hover{ color: #2e6fb5;}

/*2021宪法宣传周*/
.zt-scroll{height: 281px;overflow: hidden;position: relative;}
.zt-scroll li{width: 373px;padding: 5px;border: #ccc 1px solid; height:269px;float: left;margin-right: 22px;}
.zt-scroll li a{display: block;width: 100%;height: 100%; position: relative;}
.zt-scroll li img{width: 100%;height: 100%;}
.zt-scroll li .title{position: absolute;display: block;font-size: 16px;color: #fff;text-align: center; bottom: 0;left: 0;width:96%;padding: 0 2%; height: 35px;line-height: 35px; background:  url("/_res/images/black50.png");overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zt-scroll .prev,.zt-scroll .next{position: absolute;display: block;width: 34px;height: 64px;top: 50%;margin-top: -32px;z-index: 1;cursor: pointer;}
.zt-scroll .prev{left: 0;background: url("/_res/images_fzjs/prev.png") center no-repeat;}
.zt-scroll .next{right: 0;background: url("/_res/images_fzjs/next.png") center no-repeat;}

.zt-xczlist{margin-top: 20px;}
.zt-xczlist li{width: 562px;margin-right: 36px; float: left; position: relative;font-size: 16px; height:43px;line-height: 43px;border-bottom:#ccc 1px dashed;padding: 2px 0 2px 20px;overflow: hidden;vertical-align: bottom; background: url("/_res/images_fzjs/dot2.png") left center no-repeat;}
.zt-xczlist li.even{margin-right: 0;}
.zt-xczlist li .date{position: absolute;top: 2px;right: 0;font-size: 14px;color: #999;}
.zt-xczlist li a{display: block; float: none;margin-right: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*底部*/
.footer{border-top: #0163cc 3px solid; }
@media (min-width: 992px) and (max-width:1199px) {
    /*焦点图*/
    .zt_flash{width: 560px; height: 372px;}
    .zt_slide .zt-flashPic img{ height: 322px;}
    .zt-xwbox{width: 370px;     height: 438px;}
    .zt-fzbg2 .list1 .list-info{ padding:10px 20px; }
    .zt-xwlist li.num1 .remark{ height: 88px;}
    .zt-xwlist li{ height: 32px; line-height: 32px;}
    .zt-fzbg ul.list1{width: 416px;}
    .zt-xczlist li{width: 458px;}

    .zt-title .ico-l,.zt-title .ico-r{ width: 250px;}
    /*2021宪法宣传周*/
    .zt-scroll{height: 252px;}
    .zt-scroll li{width: 304px;height: 240px;}
}

@media only screen and (max-width:991px) {
    .zt-mainbox{padding: 10px 10px 20px;}
    .zt_fzjs_container{  background: #fff;}
    /*焦点图*/
    .zt-title{margin: 25px 0;}
    .zt-title a{font-size: 32px;}

    .zt_flash{width:auto;float: none; height: 481px !important; margin-top: 10px;}
    .zt_slide .zt-flashPic img{ height: 431px !important;}
    .zt-xwbox{width:auto;float: none; padding: 20px; height: auto; margin-top: 20px; margin-left: 0; margin-right: 0;}
    .zt-xwbox .xwico{ display: none;}
    .zt-xwlist{ padding-top: 0;}
    .zt-xwlist li.num1 .title{ height: auto; display:block;  text-overflow:inherit;}
    .zt-xwlist li.num1 .remark{height: auto;}

    .zt-fzbg ul.list1{width:auto;float: none;margin-top: 20px; margin-right: 0;}
    .zt-xczlist li{width:auto;float: none; margin-right: 0;}

    .zt-jsbg-bg{ margin-top: 20px;}
    .zt-fzbg2 .list1 .list-info{ padding:10px; }
    .zt-title .ico-l,.zt-title .ico-r{ width: 180px;}
    .zt-fzbg2{padding-bottom: 10px;}
    .zt-fzbg2 .list1{margin-bottom: 10px;}
    .zt-fzbg2 .list1.num1 .title{ padding-top: 0;}

    /*横幅广告*/
    .ztzl-box{height: 100px;margin-top: 20px; }
    /*2021宪法宣传周*/
    .zt-scroll li{width: 350px;}
}
@media only screen and (max-width:767px) {
    /*焦点图*/
    .zt_flash{height: 481px !important; margin-top: 0;}
    .zt-xwbox{margin-top: 15px;     padding: 10px;}
    .zt-xwlist li{ font-size: 16px; height: 32px; line-height: 32px;}
    /*年度法治政府建设报告*/
    .zt-jsbg-bg{ padding: 0 10px;}
    .zt-title{margin: 10px 0;}
    .zt-title .ico-l,.zt-title .ico-r{ width: 150px;}
    .zt-title a{font-size: 28px; height: 50px; line-height: 50px;}
    .zt-fzbg2 .list1 .title{ font-size: 18px;}
    /*横幅广告*/
    .ztzl-box{height: 80px;margin-top: 15px; }
}
@media only screen and (max-width:667px) {
    .zt_flash{height: 423px !important; }
    .zt_slide .zt-flashPic img{ height: 373px !important;}
    .zt-title .ico-l,.zt-title .ico-r{ width: 120px;}
}
@media only screen and (max-width:567px) {
    .zt_flash{height: 365px !important; }
    .zt_slide .zt-flashPic img{ height: 315px !important;}
    .zt-title .ico-l,.zt-title .ico-r{ width: 80px;}
}
@media only screen and (max-width:467px) {
    .zt_flash{height: 307px !important; }
    .zt_slide .zt-flashPic img{ height: 257px !important;}
    .zt-title .ico-l,.zt-title .ico-r{ display: none;}
}
@media only screen and (max-width:479px) {
    /*焦点图*/
    .zt_flash{height: 314px !important; }
    .zt_slide .zt-flashPic img{ height: 264px !important;}
    /*横幅广告*/
    .ztzl-box{height: 60px;}
    /*2021宪法宣传周*/
    .zt-scroll{height: 260px;}
    .zt-scroll .zt-scroll-imglist ul{width: 100% !important;}
    .zt-scroll li{width: 100%;box-sizing: border-box;margin-right: 0;}
}
@media only screen and (max-width:414px) {
    /*焦点图*/
    .zt_flash{height: 277px !important; }
    .zt_slide .zt-flashPic img{ height: 227px !important;}
}
@media only screen and (max-width:375px) {
    /*焦点图*/
    .zt_flash{height: 254px !important; }
    .zt_slide .zt-flashPic img{ height: 204px !important;}
}
@media only screen and (max-width:320px) {
    /*焦点图*/
    .zt_flash{height: 223px !important; }
    .zt_slide .zt-flashPic img{ height: 173px !important;}
}
/*分页/翻页*/
.pagination{clear:both;width:100%;text-align:center;margin:0;padding:3px 0;line-height:28px;font-size:14px;font-family:"Microsoft YaHei";}
.pagination a, .pagination span{display:inline-block;border:1px solid #d9d9d9;color:#666;margin:0 2px;padding:0 10px;text-decoration:none;white-space:nowrap;height:26px;line-height: 26px;border-radius: 0;background: #fff;}
.pagination a:hover{background:#cb0000;border:1px solid #cb0000;color:#fff !important;}
.pagination a.active{border:1px solid #cb0000;color:#fff;}
.pagination span.current,.pagination span.current:hover{background:#cb0000;border:1px solid #cb0000;color:#fff;}
.pagination span.disabled,.pagination span.disabled:hover{border:1px solid #d9d9d9;color:#666;background:#fff;}
.pagination a.text,.pagination a.text:hover{color:#fff;background:#cb0000;border:#cb0000 1px solid;cursor:text;}
.pagination a.pagemore,.pagination a.pagemore:hover{color:#666;background:#fff;border:1px solid #fff;cursor:text;padding:0 3px;}
.pagination .inputBar{border:0;height:28px;padding:0 6px;background: none;}
.pagination .total{border:0;height:28px;padding:0;background: none;}
.pagination .inputBar input{width:40px;height:22px;line-height:22px;padding:2px 5px;border:#d3d3d3 1px solid;margin:-3px 3px 0;*margin:-3px 3px 0;_margin:-3px 3px 0;background:#eee;vertical-align:middle;border-radius: 0;background: #fff;}
.pagination .inputBar button{height: 28px;line-height: 28px; background:#cb0000;border-radius: 0;}


/*栏目页*/
.wz_top{height:auto;line-height:24px;font-size:14px;background:url(/_res/images_zt/wz_ico.png) 11px 9px no-repeat #f1f1f1;  padding:8px 0 8px 33px;}
.wz_top i{font-style: normal;}
.lmcontainer{height: auto;margin: auto;border: #dfdfdf 1px solid;padding: 20px 19px;background: #fff;margin-top: 20px;margin-bottom: 20px;}
/*右边*/
.navjz{height:auto;min-height:450px;_height:450px;padding:20px 20px 10px;margin:auto;line-height:38px;font-size:15px;overflow:hidden; position:relative;}

.navjz ul,.wzcon ul{padding-bottom:5px;}
.navjz ul li,.wzcon ul li{height:34px;line-height:34px;vertical-align:bottom;background:url(../images_fzjs/dot2.png) 0 18px no-repeat;color:#999;padding: 2px 2px 2px 15px;overflow: hidden;position: relative;}
.navjz ul li a,.wzcon ul li a{font-size:15px;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.navjz ul li .lm_type{display: none; float:left;  color: #ff7200;}
.navjz ul li .split{ color:#dfdfdf; padding:0 8px;}
.navjz ul li .tit_length{ float:left; width:970px; height:38px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.navjz ul li .a{ color:#999; }
.navjz .lm_title{font-size:16px;}
.navjz ul.doc_list li .date{font-size: 14px;color: #999;position: absolute;top: 2px;right: 2px;float: none;}
.navjz ul.doc_list li a{max-width:none;display: block;float: none;margin-right: 90px; }
.navjz ul li.lm_line{height:24px;overflow:hidden;background:url(/_res/images_gjz/navjz_line.gif) 0 12px repeat-x;}
.navjz ul li font{font-family:Arial, Helvetica, sans-serif;}

/*栏目页 图片列表 */
.navjz ul.picture-list{ clear:both;  border-top:none; overflow:hidden;}
.navjz  ul.picture-list li{float:left; background:none; padding:0 10px;height:auto; overflow:hidden;text-align:center; width:235px; }
.navjz ul.picture-list li a{ width:100%;}
.navjz ul.picture-list li .img_img{display: block; border: #ddd 1px solid;padding: 5px;}
.navjz ul.picture-list li a img{ width:100%; height:164px; float:none;}
.navjz ul.picture-list li a:hover{ color:#004caa;}
.navjz ul.picture-list li .img_title{ display:block; height:50px; line-height:50px; font-size:16px;  text-align:center; float:left; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media (min-width: 992px) and (max-width:1099px) {
    .navjz ul.doc_list li a{max-width:780px; }

    .navjz  ul.picture-list li{width: 208px;}
    .navjz ul.picture-list li a img{height: 144px;}
}
@media only screen and (max-width:991px) {
    .lmcontainer{padding: 15px;margin: 15px;}
    .navjz{padding: 15px 0;}


    .navjz  ul.picture-list li{width: 216px;}
    .navjz ul.picture-list li a img{height: 152px;}
}
@media only screen and (max-width:767px) {
    .navjz{padding: 10px 0;}
    .lmcontainer {padding: 10px;margin: 10px;}

    .navjz  ul.picture-list li{width:100%;float: none;padding: 0;}
    .navjz ul.picture-list li a img{height:auto;}
}
