/*布局*/
.listbox{background-color:#fff;padding:20px 30px;}
.listbox .left-menu-wrap{width: 251px;background: #F9F9F9;height: 693px;padding-top: 20px;}
.listbox .right-list-wrap{width:855px;}

/*左侧导航*/
.left-nav .leftitle{width:262px;line-height:57px;margin-left:-10px;color:#fff;font-size:20px;background:#395591;position:relative;}
.left-nav .leftitle i{position:absolute;bottom:-10px;left:0;display:block;width:200px;height:10px;background:url(/eportal/imageDir/kjj/2022/06/2022062915355231230.png) no-repeat left top;}
.left-nav .leftitle img{vertical-align:middle;margin:0 13px 3px 38px;}
.left-nav ul{margin-top:15px;}
.left-nav ul li{line-height:57px;padding-left:44px;background:url(/eportal/imageDir/kjj/2022/06/2022062915345042972.png) no-repeat 28px center;}
.left-nav ul li.on,.left-nav ul li:hover{background-color:#dfe2eb;}
.left-nav ul li a{display:block;font-size:18px;}

/*列表*/
.list-title{height:60px;line-height:60px;border-bottom:1px solid #9f9f9f}
.list-title a{width:134px;border:2px solid #3a5692;border-radius:30px;line-height:31px;color:#395591;margin-top:15px}
.list-title a img{vertical-align:middle;margin:0 8px 3px 21px}	
.list-title span{font-size:18px;font-weight:700;color:#395591;float:left;height:61px;line-height:70px;padding:0 4px;margin-bottom:-1px;background:url(/eportal/imageDir/kjj/2022/06/2022062915493683572.png) no-repeat bottom center;background-size:100% 7px}
.list-article li{line-height:57px;border-bottom:1px dashed #d4d4d4;padding-left:26px;background:url(/eportal/imageDir/kjj/2022/06/2022062915494341826.png) no-repeat 9px center}
.list-article li a{color:#363636;}
.list-article li span{float:right;color:#919191;}
.list-article li:hover{background-color:#f7f7f7;}

.list-pages { width:95%;text-align: center;padding: 12px;margin: 50px 0;}
.list-pages span {padding-right: 10px;}
.list-pages span font {color: #333333;font-size: 12px;}
.list-pages a{border: 1px solid #ccc;background: #DDD;padding: 2px 6px;vertical-align: middle;}
.list-pages a:hover{background: #395591;color: #FFFFFF;}
.list-pages .NormalRed{background: #395591;color: #FFFFFF;padding: 6px 8px;vertical-align: middle;}
.list-pages b a{padding: 5px 6px;margin: 0 3px;}
.list-pages b span{display: none !important;}

/*图片列表*/
.list-images{margin-top:40px;}
.list-images li{float:left;width: 269px;margin-bottom:30px;margin-left: 24px;}
.list-images li img{width: 269px;height: 197px;display:block;margin: 0 auto 13px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}
.list-images li:hover img{z-index:2;-webkit-transform:translate3D(0,-8px,0);-moz-transform:translate3D(0,-8px,0);-ms-transform:translate3D(0,-8px,0);transform:translate3D(0,-5px,0);-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.4);-moz-box-shadow:5px 5px 10px rgba(0,0,0,.4);-ms-box-shadow:5px 5px 10px rgba(0,0,0,.4);box-shadow:5px 5px 10px rgba(0,0,0,.4)}
.list-images li a{display:block;text-align: justify;line-height: 24px;height: 48px;}
.list-images li a.link{height:auto;margin:auto;}
.list-images li i{font-style: normal;font-size: 14px;color: #A0A0A0;display: block;margin-top: 10px;}
.list-images li.li-ml0{margin-left:0;}



/*领导简介*/
.list-leaders li {overflow:hidden;border-bottom: 1px dashed #D4D4D4;padding: 20px 0;}
.list-leaders li img{float: left;width: 147px;}
.list-leaders li .leadermess{width:670px;float:right;}
.list-leaders li .leadermess .leadertitle{line-height: 38px;background:#f9f9f9;font-size:18px;height: 38px;overflow: hidden;}
.list-leaders li .leadermess .leadertitle span{float: left;background:#9bc5fb;width:39px;height:38px;text-align:center;margin-right:21px}
.list-leaders li .leadermess .leadertitle b{font-weight:normal;vertical-align:middle;line-height:38px;}
.list-leaders li .leadermess .leadertitle span img{vertical-align:middle;margin-top: 10px;float: none;width: auto;}
.list-leaders li .leadermess p.firstp{text-indent: 2em;}
.list-leaders li .leadermess p{line-height: 38px;color:#656565!important;margin: 8px 0;}


@media screen and (max-width: 767px){

    /*布局*/
    .listbox{padding:0;}
    .listbox .left-menu-wrap{width: 100%;height: auto;padding-top: 10px;}
    .listbox .right-list-wrap{width: 98%;padding: 1%;}

    /*左侧导航*/
    .left-nav .leftitle{width:calc(100% + 10px);line-height:42px;font-size:18px;}
    .left-nav .leftitle img{vertical-align:middle;margin:0 13px 3px 15px;}
    .left-nav ul{margin-top:10px;padding:0 10px;}
    .left-nav ul li{line-height:32px;padding-left:0px;background:none;text-align:center;float:left;width:50%;}
    .left-nav ul li a{font-size:16px;}

    /*列表*/
    .list-article li{line-height: unset;background-position: 3px 23px;padding: 6px 10px;text-align: justify;overflow: hidden;}
    .list-article li a{line-height: 37px;}
    .list-pages {width:100%;text-align: center;padding: 12px;margin: 20px 0;box-sizing: border-box;}

    /*图片列表*/
    .list-images{margin-top:40px;}
    .list-images li{float:left;width: 269px;margin-bottom:30px;margin-left: 24px;}
    .list-images li img{width: 269px;height: 197px;display:block;margin: 0 auto 13px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}
    .list-images li:hover img{z-index:2;-webkit-transform:translate3D(0,-8px,0);-moz-transform:translate3D(0,-8px,0);-ms-transform:translate3D(0,-8px,0);transform:translate3D(0,-5px,0);-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.4);-moz-box-shadow:5px 5px 10px rgba(0,0,0,.4);-ms-box-shadow:5px 5px 10px rgba(0,0,0,.4);box-shadow:5px 5px 10px rgba(0,0,0,.4)}
    .list-images li a{display:block;text-align: justify;line-height: 24px;height: 48px;}
    .list-images li a.link{height:auto;margin:auto;}
    .list-images li i{font-style: normal;font-size: 14px;color: #A0A0A0;display: block;margin-top: 10px;}
    .list-images li.li-ml0{margin-left:0;}



    /*领导简介*/
    .list-leaders li img{float: none;width:50%;margin:0 auto 10px;display:block;}
    .list-leaders li .leadermess{width:100%;float:none;}
    .list-leaders li .leadermess p{line-height:28px;font-size:14px;}

}