@charset "utf-8";
@import url(animate.min.css);
@import url(reset.css);
@import url(xb_header.css);
@import url(footer.css);


/*标题公共样式*/
.title{width:100%;height:82px;border-bottom:1px solid #dddddd;margin-bottom:28px;}
.title h1{width:auto;height:100%;float:left;}
.title h1 a{display: block;width:auto;height:100%;margin:0 auto;padding-right:20px;line-height:82px;}
.title h1 a img{width:auto;margin:24px 19px 0px 0px;float:left;}
.title h1 a span{display:inline-block;width:auto;line-height:82px;font-size:28px;color:#222222;float:left;}
.title h1:hover a span{color:#1bb2ff;}
.title .more{width:30px;height:82px;float:right;}
.title .more a{display:block;width:100%;height:100%;text-align:right;line-height:82px;}

/*Part1 工作动态*/
.gzdtBox{height:auto;padding-top:15px;margin-bottom:13px;}
.gzdtBox .title{height:67px;}
.gzdtBox .title h1 a{line-height:67px;}
.gzdtBox .title h1 a span{line-height:67px;}
.gzdtBox .title h1 a img{margin:12px 14px 0px 0px;}
.gzdtBox .title .more{height:67px;}
.gzdtBox .title .more a{line-height:67px;}
.Focus {width:773px;height:468px;position: relative;overflow: hidden;}
.Focus .pic,.Focus .pic li {width: 100%!important;height:467px;overflow: hidden;}
.Focus .pic li a {display: block;width: 100%;height: 100%;}
.Focus .pic img {width: 100%;height:468px;overflow: hidden;}
.Focus .txt_bg {position: absolute;left: 0px;bottom: 0px;width: 100%;height:60px;background:rgba(0,0,0,0.35);}
.Focus .txt{position: absolute;left: 0px;bottom:0px;width:580px;height:60px;z-index:2;}
.Focus .txt ul li {width: 100%;height: 100%;}
.Focus .txt ul li a {display: block;width:100%;height:60px;line-height:60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;font-weight:bold;color: #ffffff;text-indent:54px;}
.Focus .txt ul li a:hover {color: #1bb2ff;}
.Focus .num {width:154px;height:18px;position: absolute;bottom:21px;right:18px;z-index: 2;display: flex;justify-content: right;}
.Focus .num li {width:23px;height:6px;cursor:pointer;margin:6px 3px;background:#ffffff;font-size:0px;border-radius:3px;}
.Focus .num li.on {width:30px;background:#ffaf28;}
.Focus .prev,.Focus .next {display: block;width:39px;height:102px;position: absolute;top:50%;transform:translateY(-50%);cursor: pointer;transition: all .5s;}
.Focus .prev{left:-10px;}
.Focus .next{right:-10px;}
.Focus:hover .prev {left: 0px;background:url("../images/stcmx_img04.png")no-repeat center;}
.Focus:hover .next {right: 0px;background:url("../images/stcmx_img05.png")no-repeat center;}
.gzdtList{width:596px;height:467px; }
.gzdtList ul li{width:100%;height:114px;overflow: hidden;margin-bottom:5px;padding:14px 36px 0px 22px;box-sizing: border-box;border:1px solid rgba(255,255,255,0);}
.gzdtList ul li:hover{border:1px solid #1bb2ff;}
.gzdtList ul li:last-child{margin-bottom:0px;}
.gzdtList ul li .date{width:69px;height:69px;float:left;margin-top:9px;background:url("../images/jjglx_img03.png")no-repeat center;padding-top:13px;box-sizing: border-box;}
.gzdtList ul li .date span{display:block;width:100%;text-align:center;font-size:26px;color:#1bb2ff;line-height:25px;}
.gzdtList ul li .date p{width:100%;text-align:center;font-size:14px;color:#666666;line-height:18px;}
.gzdtList ul li .txt{width:450px;height:auto;overflow: hidden;float:right;}
.gzdtList ul li .txt a{display:block;width:100%;height:100%;}
.gzdtList ul li .txt h1 {width:100%;height:35px;line-height:35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;color:#222222;}
.gzdtList ul li:hover .txt h1{color:#1bb2ff;}
.gzdtList ul li .txt p{width:100%;height:48px;overflow: hidden;line-height:24px;font-size:14px;color:#999999;}

/*Part2 通知公告*/
.tzggBox{height:302px;margin-bottom:30px;}
.tzggBox .bdBox{width:100%;height:192px;overflow: hidden;}
.tzggBox .bdBox ul li{width:443px;height:190px;float:left;background:url("../images/jjglx_img06.png")no-repeat right 27px center #ffffff;border:1px solid #dddddd;margin-right:32px;box-sizing: content-box;}
.tzggBox .bdBox ul li .date{width:368px;height:30px;background:url("../images/jjglx_img05.png")no-repeat left center;font-size:14px;color:#1bb2ff;line-height:30px;padding-left:26px;margin:36px 42px 0px 35px;}
.tzggBox .bdBox ul li:hover{background:url("../images/jjglx_img06_on.png")no-repeat right 27px center #1bb2ff;}
.tzggBox .bdBox ul li:hover .date{background:url("../images/jjglx_img05_on.png")no-repeat left center;color:#ffffff;}
.tzggBox .bdBox ul li .txt{width:362px;height:91px;display: flex;align-items: center;padding-left:20px;box-sizing: border-box;position:relative;margin:0px 40px 0px;}
.tzggBox .bdBox ul li .txt::after{content:"";width:1px;height:91px;background:#19b5ff;position:absolute;left:0px;top:50%;transform: translateY(-50%);}
.tzggBox .bdBox ul li .txt::before{content:"";width:1px;height:0px;background:#ffffff;position:absolute;left:0px;top:50%;transform: translateY(-50%);transition:height ease-in-out 0.5s;}
.tzggBox .bdBox ul li:hover .txt::before{height:91px;}
.tzggBox .bdBox ul li:hover .txt::after{height:0px;}
.tzggBox .bdBox ul li .txt a{display:block;width:100%;height:60px;font-size:18px;color:#222222;line-height:30px;overflow: hidden;}
.tzggBox .bdBox ul li:hover .txt a{color:#ffffff;}

/*Part3 党建工作*/
.Part3{height:500px;padding-top:6px;margin-bottom:33px;}
.Part3::after,
.Part3::before{content:"";width:50%;height:500px;position:absolute;top:0px;}
.Part3::after{left:0px;box-shadow:0px 4px 16px rgba(0,74,138,0.08);background:#f7f7f7;}
.Part3::before{right:0px;box-shadow:0px 4px 16px rgba(0,74,138,0.08);background:#ffffff;z-index:1;}
.Part3 .djgzBox{width:663px;height:100%;}
.Part3 .djgzBox ul li{width:100%;height:87px;overflow: hidden;margin-bottom:40px;padding-right:26px;box-sizing: border-box;}
.Part3 .djgzBox ul li:last-child{margin-bottom:0px;}
.Part3 .djgzBox ul li .date{width:83px;height:80px;float:left;margin-top:7px;border-right:1px solid #b3b3b3;padding-top:8px;}
.Part3 .djgzBox ul li .date span{display:block;width:100%;text-indent:8px;font-size:32px;color:#1bb2ff;line-height:48px;}
.Part3 .djgzBox ul li .date p{width:100%;font-size:14px;color:#b2b2b2;line-height:21px;}
.Part3 .djgzBox ul li .txt{width:515px;height:auto;overflow: hidden;float:right;}
.Part3 .djgzBox ul li .txt a{display:block;width:100%;height:100%;}
.Part3 .djgzBox ul li .txt h1 {width:100%;height:36px;line-height:36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;color:#050505;margin-bottom:3px;}
.Part3 .djgzBox ul li:hover .txt h1{color:#1bb2ff;}
.Part3 .djgzBox ul li .txt p{width:100%;height:48px;overflow: hidden;line-height:24px;font-size:14px;color:#999999;text-indent:2em;}


/*Part4 系部概况*/
.Part4{height:500px;}
.Part4>ul{display: flex;justify-content: space-between;}
.Part4>ul li{width:140px;height:500px;transition:width ease-in-out 0.5s;float:left;position:relative;}
.Part4>ul li.active{width:977px;}
.Part4>ul li .small{width:140px;height:464px;position:relative;float:left;z-index:2;}
.Part4>ul li .small a{display:flex;width:100%;height:100%;flex-wrap: wrap;justify-content: center;align-content: center;}
.Part4>ul .li-1 .small{background:url("../images/jjglx_img14.png")no-repeat center; }
.Part4>ul .li-2 .small{background:url("../images/jjglx_img15.png")no-repeat center; }
.Part4>ul .li-3 .small{background:url("../images/jjglx_img16.png")no-repeat center; }
.Part4>ul .li-4 .small{background:url("../images/jjglx_img17.png")no-repeat center; }
.Part4>ul li .small a .icon{display:block;width:82px;height:82px;text-align: center;line-height:82px;position:relative;margin-bottom:24px;}
.Part4>ul li .small a .icon::after{content:"";width:82px;height:82px;border-radius:50%;border:1px dashed #ffffff;position:absolute;top:0px;left:0px; animation-name: RingAll;
    animation-duration: 30s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: normal;}
@keyframes RingAll {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}
.Part4>ul li .small a p{width:100%;text-align: center;line-height:33px;font-size:28px;color:#ffffff;}
.Part4>ul li .big{width:825px;height:435px;overflow:hidden;transition:all ease-in-out 0.6s;float:left;/* margin-left:12px; */position:absolute;left:0px;top:0px;opacity:0;}
.Part4>ul li.active .big{top:29px;left:153px;box-shadow:0px 3px 46px rgba(0,0,0,0.14);opacity:1;}
.Part4>ul .li-2.active .big,
.Part4>ul .li-4.active .big{top:10px;}
.Part4>ul li .big.xbgk{padding:45px 28px 0px 34px;background:url("../images/jjglx_img18.png")no-repeat right 8px center;}
.Part4>ul li .big.xbgk a.pic{display: block;width:364px;height:344px;overflow: hidden;opacity:0;}
.Part4>ul li .big.xbgk a.pic img{width:100%;height:100%;transition:all ease-in-out 2s;}
.Part4>ul li .big.xbgk a.pic:hover img{transform:scale(1.1);}
.Part4>ul li .big.xbgk .txt{width:376px;height:200px;padding-top:32px;opacity:0;}
.Part4>ul li .big.xbgk .txt p{width:100%;max-height:200px;font-size:18px;color:#686868;line-height:40px;margin-bottom:50px;}
.Part4>ul li .big.xbgk .txt .more{display:block;width:190px;height:58px;margin-left:83px;position:relative;}
.Part4>ul li .big.xbgk .txt .more a{display:block;width:100%;height:100%;background:#e83d45;position:relative;z-index:2;font-size:18px;color:#ffffff;text-align: center;line-height:58px;}
.Part4>ul li .big.xbgk .txt .more:hover a{background:#ffaf28;text-decoration: underline;}
.Part4>ul li .big.xbgk .txt .more::after{content:"";width:190px;height:58px;background:#ffaf28;position:absolute;right:-3px;bottom:-3px;}
.Part4>ul li .big.xbgk .txt .more:hover::after{background:#e83d45;}
.Part4>ul li.active .big.xbgk a.pic{opacity:1;}
.Part4>ul li.active .big.xbgk .txt{opacity:1;}
.Part4>ul li.active .big.szdw{padding:20px 36px 21px;}
.Part4>ul li.active .big.szdw .list{height:394px;overflow:hidden;overflow-x: overlay;}
.Part4>ul li.active .big.szdw .list::-webkit-scrollbar {height:7px;cursor: pointer;}
.Part4>ul li.active .big.szdw .list::-webkit-scrollbar-track {background:#dcdcdc;border-radius:5px;border:0.5px solid #b4b4b4;}
.Part4>ul li.active .big.szdw .list::-webkit-scrollbar-thumb {border-radius:10px;background: #2fa8f8;}
.Part4>ul li.active .big.szdw .list::-webkit-scrollbar{height:7px;}
.Part4>ul li.active .big.szdw .list ul{width:auto;height:394px;display: flex;justify-content: flex-start;padding:0px 42px;}
.Part4>ul li.active .big.szdw .list ul li{width:202px!important;height:370px;border:1px solid #e1ebf0;background:#f7f7f7;float:left;border-radius:10px;margin-right:36px;box-sizing: border-box;position: relative;transition:all ease-in-out 0.5s;}
.Part4>ul li.active .big.szdw .list ul li:hover{transform:translateY(-4px);}
.Part4>ul li.active .big.szdw .list ul li a{display: block;width:202px;height:100%;overflow:hidden;}
.Part4>ul li.active .big.szdw .list ul li a .pic{width:164px;height:164px;margin:16px auto;position:relative;}
.Part4>ul li.active .big.szdw .list ul li a .pic::before{content:"";width:164px;height:164px;background:url("../images/jjglx_img19.png")no-repeat center;position:absolute;left:0px;top:0px;z-index:0;}
.Part4>ul li.active .big.szdw .list ul li a .pic .img{display:block;width:160px;height:160px;border-radius:50%;overflow: hidden;position: absolute;z-index: 2;left:2px;top:2px;}
.Part4>ul li.active .big.szdw .list ul li a .pic::after{content:"";width:118px;height:27px;background:url("../images/jjglx_img20.png")no-repeat center;position:absolute;right:0px;bottom:0px;}
.Part4>ul li.active .big.szdw .list ul li a .pic img{width:100%;height:100%;}
.Part4>ul li.active .big.szdw .list ul li a h1{width:121px;height:37px;margin:0 auto 18px;background:#1bb2ff;border-radius:19px;text-align:center;line-height:37px;font-size:18px;color:#ffffff;overflow: hidden;}
.Part4>ul li.active .big.szdw .list ul li a p{width:156px;height:60px;margin:0px auto;padding-left:15px;overflow:hidden;box-sizing:border-box;background:url("../images/jjglx_img21.png")no-repeat left 10px;font-size:18px;color:#050505;line-height:30px;}
.Part4>ul li.active .big.szdw .list ul li a .more{display:block;width:30px;height:30px;background:url("../images/jjglx_img22.png")no-repeat center;position:absolute;right:11px;bottom:18px;}
.Part4>ul li.active .big.szdw .list ul li:hover a .more{background:url("../images/jjglx_img23.png")no-repeat center;}
.Part4>ul li.active .big.bgfw{padding:13px 37px 0px 8px;}
.Part4>ul li.active .big.bgfw ul li{width:360px;height:156px;background:#e7f5ff;float:left;margin:32px 0px 0px 30px;padding:30px 30px 0px 24px;box-sizing: border-box;transition:transform ease-in-out 1s;}
.Part4>ul li.active .big.bgfw ul li:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.3);transform: translateY(-3px);}
.Part4>ul li.active .big.bgfw ul li a{display:block;width:100%;height:60px;overflow: hidden;line-height:30px;font-size:18px;color:#222222;margin-bottom:20px;}
.Part4>ul li.active .big.bgfw ul li:hover a{color:#2fa8f8;}
.Part4>ul li.active .big.bgfw ul li .date{width:100%;height:23px;line-height:23px;font-size:14px;color:#666666;padding-left:28px;background:url("../images/jjglx_img24.png")no-repeat left center;}