@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(header.css);
@import url(footer.css);


.content{width: 1400px; height: auto; margin: 0 auto;  margin-top: 34px;margin-bottom: 58px;}

.part1{width: 1400px; height: auto; margin: 0 auto; padding-top: 1px;}
.new{width: 1052px; height: 80px; margin: 0 auto; }
.new ul{width: 100%;height: 100%; }
.new ul li .titles{display: block; font-size: 45px; font-weight: bold; color: #d90102; text-align: center;    width: 100%; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.new ul li .title{display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #333; margin-top: 9px;}
.new ul li img{margin-top: -10px;}
.newbop{width:100%; height: 472px;  background-size: 100% 100%; margin-top: 47px; overflow: hidden; display: flex; }



.focus{ width:775px; height:472px;  position:relative; overflow:hidden;   }/*  border: #0abe43 solid 1px; */
.focus .pic li{list-style: none;    height: 100%;}
.focus .pic img{width: 100%; height: 100%;}
.focus .txt {position: absolute;bottom: 0px;z-index: 2;height: 82px;width: 100%;overflow: hidden;}
.focus ul{ list-style: none;height: 100% !important;}
.focus .txt li{ width:100%; text-align: center; height:82px; line-height:82px; position:absolute; } /*bottom:-50px; */
.focus .txt li a {display: block;width:48%;overflow: hidden;white-space: nowrap; text-align: left; text-overflow: ellipsis;padding-left: 19px;font-size: 20px;color: #FFF;font-weight: bold;transition: all 0.3s;text-decoration: none;}
.txt-bg{ position: absolute; bottom: 0px; z-index: 1; height: 82px; width: 775px; background: #000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden;}
.focus .num { position: absolute; z-index: 3; bottom: 30px; right: 34px;    height: 20px !important;}
.focus .num li { float: left; width: 13px; height: 13px; overflow: hidden; margin-right: 12px; cursor: pointer; background: url(../images/jrglj_pic11.png) no-repeat center; border-radius: 50%;}
.focus .num li:last-child{margin-right: 0;}
.focus .num li.on,.focus .num li:hover { background: #fff;}
.focus>a.prev{ left:10px;}
.focus>a.next{ right:10px; background-position-x:-80px;}
.focus>a { display: block; width: 60px; height: 150px; position: absolute; top: 32%; background: url(../images/pin_view_arrows.png) no-repeat; cursor: pointer; opacity: 0; /*鼠标移入两边的箭头显示  opacity得先设置为0*/ filter: alpha(opacity=0); transition: all 0.5s; background-position-y: -170px;}
.focus:hover>a{ opacity:1;filter: alpha(opacity=100);}   /*鼠标移入两边的箭头显示  opacity得先设置为0*/
.focus:hover>a.prev{ left:0px;}
.focus:hover>a.next{ right:0px;}

.szyw{width: 570px; height: 472px;  margin: 0px  0 0 37px ;}
.szywhd ul li a{display: block; height: 53px; font-size: 22px;  color: #333; position: relative;}
.szywhd ul{height: 53px; border-bottom: #f2f2f2 solid 1px;display: flex; position: relative;  }
.szywhd ul li{margin-right: 57px;}
.szywhd ul li:last-child{margin-right: 0;}
.szywhd ul li.on a{color: #333333; font-weight: bold; font-size: 24px; display: block; height: 53px; line-height: 34px;}
.szywhd ul li:hover a{color: #333333;font-size: 24px; font-weight: bold;}

.szywbd ul{width: 100%; margin-top: 30px; height: auto;  }
.szywbd ul li{width: 99.7%; height: auto; background: url(../images/jrglj_pic10.png) no-repeat left;    margin-bottom: 32px; transition: all 0.3s; display: flex; justify-content: space-between;}
.szywbd ul li a{font-size: 18px; color: #333; display: block; width: 485px; margin-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.szywbd ul li span{font-size: 18px; color: #999;}
.szywbd li:hover{ transform: translateY(-3px);}
.szywbd ul li:last-child{margin-bottom: 0;}

.xwul{width: 100%; height: 60px;    margin-top:22px; display: flex; align-items: center; justify-content: space-between;}
.xwul div{width: 1px; height: 32px; }
.xwul li{width: 178px;height: 60px;background-color: #fef4e8;text-align: center;line-height: 60px;border-radius: 10px; transition: 0.5s;}
.xwul li a{    display: flex;width: 100%; height: 100%; font-size: 18px;color: #333;  align-items: center; justify-content: center;}
.xwul li span{display: block; margin-top: 1px;margin-left: 14px;}
.xwul li img {transition: 0.5s;}
.xwul li:nth-child(1) img {width: 27px;transition: 0.5s;}
.xwul li:nth-child(2) img {width: 26px;}
.xwul li:nth-child(3) img {width: 25px;}

.szywhd ul li a:before {content: "";width: 0;height: 5px;border-radius: 2.5px;background: #d90102;position: absolute;bottom: 0px;left: 50%;z-index: 2;transition: 0.5s;}
.szywhd li.on a:before {  width: 100%;left: 0;}
.szywbd ul li:nth-child(6){margin-bottom: 0;}
.xwul li:hover{ transform: translateY(-3px);}
.xwul li:hover img{
    -webkit-transform: rotateY(180deg) scale(1.0);
    -moz-transform: rotateY(180deg) scale(1.0);
    -ms-transform: rotateY(180deg) scale(1.0);
    -o-transform: rotateY(180deg) scale(1.0);
}

/* 政务公开 */
.part2{width: 1400px; height: auto; margin: 0 auto;  margin-top: 65px; }
.partile{width: 100%; height: 63px; border-bottom: #d90102 solid 1px; background: none; overflow: hidden;}
.partile a{display: block;width: 167px; margin: 0 auto; margin-top: 8px;}
.part2x{width: 100%; height: 411px; margin-top: 33px; display: flex; justify-content: space-between;}
.zcjd{width: 861px; height: 411px;}
.zcjd .ul{width: 100%; height: 57px; border-bottom: #f2f2f2 solid 1px;}
.zcjd .ul li a{font-size: 32px; color: #333; font-weight: bold; position: relative;}
.zcjd .ul li a:before {content: "";width: 128px;height: 5px;border-radius: 2.5px;background: #d90102;position: absolute;bottom: -16px;left: 0;z-index: 2;transition: 0.5s;}

.zcserch{width: 100%; height: 74px; margin-top: 27px; background: url(../images/jrglj_pic17.png) no-repeat center;display: flex; align-items: center; overflow: hidden;}
.wjser{width: 561px; height: 44px; background-color: #fff; border-radius: 25px; margin-left: 23px; display: flex; justify-content: space-between;}
.wjser input{   outline: none; width: 62%; border: none;height: 44px;margin-left: 23px;margin-top: 1px;}
.wjser input:-moz-placeholder, textarea:-moz-placeholder {font-size: 18px;color: #999;}
.wjser input:-ms-input-placeholder, textarea:-ms-input-placeholder {  font-size: 18px; color: #999;}
.wjser input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 18px; color: #999; }
.wjser a{display: block; width: 145px;background-color: #db1718;font-size: 24px; cursor: pointer; color: #fff;  border-radius: 25px;text-align: center;line-height: 44px;}
.yzzzc{width: 172px; margin-left: 38px;}
.wjser a:hover{color:#fff !important;}
.wjser a img{margin-top: -4px;}

.zcwjul{width: 100%; height: 226px; margin-top: 30px;}
.zcwjul li{width: 99.7%; height: auto; background: url(../images/jrglj_pic20.png) no-repeat left;    margin-bottom: 27px; transition: all 0.3s; display: flex; justify-content: space-between;}
.zcwjul li a{font-size: 18px; color: #333; display: block; width: 648px; margin-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zcwjul li span{font-size: 18px; color: #999;}
.zcwjul li:hover{ transform: translateX(3px);}
.zcwjul  li:last-child{margin-bottom: 0;}

.zfxx{width: 506px; height: 100%;}
.zfxxgk{display: block; width: 100%; height: 116px; transition: all 0.3s;}
.zfxxgk img{width: 100%;}
.zfxxgk:hover{transform: scale(1.06);}
.zfxx ul{width: 100%; height: 274px; margin-top: 23px; display: flex; justify-content: space-between;flex-wrap: wrap;align-content: space-between;}
.zfxx ul li{width: 240px; height: 125px; background: url(../images/jrglj_pic22.png) no-repeat center;    transition: 0.5s;}
.zfxx ul li a{font-size: 30px; color: #db1718; display: block;width: 100%; height: 100%; text-align: center; line-height: 125px;}
/* .zfxx ul li:hover  {
    -webkit-transform: rotateY(180deg) scale(1.0);
    -moz-transform: rotateY(180deg) scale(1.0);
    -ms-transform: rotateY(180deg) scale(1.0);
    -o-transform: rotateY(180deg) scale(1.0);
} */
.zfxx ul li:hover{ transform: translateY(-3px);}

.wsfw{width: 100%; height: 125px; background: url(../images/jrglj_pic23.png) no-repeat center;    margin-top: 64px; display: flex; align-items: center;}
.wsfw ul{width: 1253px; margin: 0 auto; height: 85px; display: flex; align-items: center; justify-content: space-between;}
.wsfw ul li{width: 174px; height: 53px; background: rgba(255, 255, 255, 0.5); border-radius: 50px;}
.wsfw ul li span{font-size: 20px; color: #fff;}
.wsfw ul li a{display: block;width: 100%; height: 100%; text-align: center;line-height: 53px;}
.wsfw ul li a img{margin-top: -10px; margin-right: 14px; transition: 0.5s;}
.wsfw ul li:nth-child(3){width:346px ; background: none;}
.wsfw ul li:nth-child(3) img{margin-top: -15px;}
.wsfw ul li:hover a img {
    -webkit-transform: rotateY(180deg) scale(1.0);
    -moz-transform: rotateY(180deg) scale(1.0);
    -ms-transform: rotateY(180deg) scale(1.0);
    -o-transform: rotateY(180deg) scale(1.0);
}

.part3{width: 100%; height: auto; margin: 0 auto; margin-top: 55px; }
.part3 .partile{width: 100%; height: 63px; border-bottom: #d90102 solid 1px; background: none; overflow: hidden;}
.part3x{width: 100%;height: auto; margin-top: 34px; display: flex; justify-content: space-between;}
.part3xle{width: 995px; height: 394px; background: url(../images/jrglj_pic31.png) no-repeat center; overflow: hidden; background-size: 100% 100%;}
.part3xle .ul1{width: 944px; margin: 0 auto; height: 57px; border-bottom: #f2f2f2 solid 1px; display: flex;margin-top: 57px;position: relative;}
.part3xle .ul1 li a{font-size: 32px; color: #333; font-weight: bold; position: relative;}
.part3xle .ul1 li a:before {content: "";width: 0;height: 5px;background: #d90102;position: absolute;bottom: -16px;left: 0;z-index: 2;transition: 0.5s;}
.part3xle .ul1 li.on a:before {  width: 100%;left: 0;}
.part3xle .ul1 li:hover a:before {  width: 100%;left: 0;}
.part3xle .ul1 li {margin-right: 46px;}

.zcwjul1{width:944px; height: auto; margin: 0 auto; margin-top: 30px;}
.zcwjul1 li{width: 99.7%; height: auto; background: url(../images/jrglj_pic20.png) no-repeat left;    margin-bottom: 27px; transition: all 0.3s; display: flex; justify-content: space-between;}
.zcwjul1 li a{font-size: 18px; color: #333; display: block; width: 648px; margin-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zcwjul1 li span{font-size: 18px; color: #999;}
.zcwjul1 li:hover{ transform: translateX(3px);}
.zcwjul1  li:last-child{margin-bottom: 0;}
.xxul{width: 356px;height: 30px; position: absolute;right: 0; top: 4px; display: flex; }
.xxul a{display: block;width: 77px; height: 100%; background: #fff; margin-right: 12px; text-align: center; line-height: 30px;font-size: 17px; color: #db1718;border-radius: 25px;}
.xxul a:hover{background: url(../images/jrglj_pic61.png) no-repeat center; background-size: 100% 100%;}

.part3xri{width: 371px; height: 394px;}
.part3xri1{width:369px; height: 291px; border: #c30101 solid 1px; text-align: center; line-height: 291px;border-top-right-radius: 10px; border-top-left-radius: 10px;}
.part3xri1 img{width: 250px; height: 250px;}
.part3xri2{width: 100%;height: 98px; background-color: #c30101; text-align: center; line-height: 98px;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.part3xri2 span{font-size: 32px; color: #fff; font-weight: bold;}
.part3xri2 img{margin-top: -13px;    margin-right: 10px;}

.part4{
    width: 1400px;height: auto; margin: 0 auto; margin-top: 45px;
}
.part4 .partile{width: 100%; height: 63px; border-bottom: #d90102 solid 1px; background: none; overflow: hidden;}


.partw{width: 1400px; height: 197px;  margin: 0 auto; margin-top: 27px;}
.picScroll-left{  width: 100% ;height: 197px;  margin: 0 auto; position:relative;   position: relative;  }
.picScroll-left  .prev{width: 44px; height: 44px; border-radius: 50px;  position: absolute; cursor: pointer;  left: -74px; top:36%}
.picScroll-left  .next{width: 44px; height: 44px; border-radius: 50px;  position: absolute;  cursor: pointer;  right: -74px;top: 36%; z-index: 99999;}
.picScroll-left .bd ul{ zoom:1; }
.picScroll-left .bd ul li{  margin-right:16px; float:left; _display:inline;  text-align:center; transition: all 0.3s;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:334px; height:196px; display:block;  padding:2px;      }
.picScroll-left .bd {width: 1550px; margin: 0 auto; position: relative ; z-index: 2;}
.picScroll-left .bd ul li:hover{transform: scale(1.06);}