@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:64px;border-bottom:1px solid #dddddd;margin-bottom:27px;}
.title h1{width:auto;height:100%;margin:0 auto;float:left;position:relative;}
.title h1::after{content:"";width:100%;height:3px;background:#950b1a;position: absolute;left:0px;bottom:-2px;}
.title h1 a{display: block;width:auto;height:100%;line-height:64px;font-size:28px;color:#950b1a;}
.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:553px;padding-top:5px;margin-bottom:32px;background:#f7f7f7;}
.Focus {width:677px;height:421px;position: relative;overflow: hidden;}
.Focus .pic,.Focus .pic li {width: 100%!important;height:421px;overflow: hidden;}
.Focus .pic li a {display: block;width: 100%;height: 100%;}
.Focus .pic img {width: 100%;height:421px;overflow: hidden;}
.Focus .txt_bg {position: absolute;left: 0px;bottom: 0px;width: 100%;height:94px;background:url("../images/stcmx_img17.png")repeat center;}
.Focus .txt{position: absolute;left: 0px;bottom:0px;width:560px;height:68px;z-index: 2;}
.Focus .txt ul li {width: 100%;height: 100%;}
.Focus .txt ul li a {display: block;width:100%;height:68px;line-height:68px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:20px;color: #ffffff;text-indent:30px;}
.Focus .txt ul li a:hover {color: #950b1a;}
.Focus .num {width:89px;height:19px;position: absolute;bottom:21px;right:18px;z-index: 2;display: flex;justify-content: right;}
.Focus .num li {width:13px;height:13px;cursor:pointer;margin:3px 3px;background:rgba(255,255,255,0.5);font-size:0px;border-radius:7px;}
.Focus .num li.on {background:#d01126;}
.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:700px;height:421px; }
.gzdtList ul li{width:100%;height:87px;background:#ffffff;overflow: hidden;margin-bottom:24px;padding:13px 25px 0px 0px;box-sizing: border-box;}
.gzdtList ul li:hover{box-shadow:0px 4px 10px rgba(0,0,0,0.3);}
.gzdtList ul li:last-child{margin-bottom:0px;}
.gzdtList ul li .date{width:94px;height:49px;float:left;margin-top:6px;border-right:1px solid #dddddd;box-sizing: border-box;}
.gzdtList ul li .date span{display:block;width:100%;text-align:center;font-size:26px;color:#950b1a;line-height:23px;margin-bottom:9px;}
.gzdtList ul li .date p{width:100%;text-align:center;font-size:14px;color:#666666;line-height:18px;}
.gzdtList ul li .txt{width:558px;height:auto;overflow: hidden;float:right;}
.gzdtList ul li .txt h1 {width:100%;height:60px;display: flex;align-items: center;}
.gzdtList ul li .txt h1 a{display:block;width:100%;height:auto;line-height:30px;max-height:60px;font-size:18px;color:#050505;}
.gzdtList ul li:hover .txt a{color:#950b1a;}
.gzdtList ul li .txt p{width:100%;height:48px;overflow: hidden;line-height:24px;font-size:14px;color:#999999;}

/*Part2 通知公告*/
.tzggBox{height:80px;margin-bottom:22px;}
.tzggBox .hds{width:229px;height:80px;float:left;position:relative;z-index:1;}
.tzggBox .hds::after{content:"";width:23px;height:37px;background:url("../images/stcmx_img07.png")no-repeat center;position:absolute;top:50%;right:0px;transform: translateY(-50%);}
.tzggBox .hds a{display:block;width:206px;height:80px;background:#950b1a;overflow: hidden;}
.tzggBox .hds a i{display:block;width:27px;height:30px;background:url("../images/stcmx_img06.png")no-repeat center;margin:25px 11px 0px 25px;float:left;}
.tzggBox .hds a span{font-size:28px;color:#ffffff;line-height:80px;float:left;}
.tzggBox .bdBox{width:1194px;height:80px;float:right;overflow: hidden;margin-left:-23px;position:relative;z-index:0;background:#ffffff;border:1px solid #f3f2ef;}
.tzggBox .bdBox ul{width:1084px;height:80px;margin-left:23px;}
.tzggBox .bdBox ul li{width:50%;height:80px;float:left;box-sizing: content-box;}
.tzggBox .bdBox ul li a{display:block;width:408px;padding-left:34px;height:80px;float:left;font-size:18px;color:#222222;line-height:80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tzggBox .bdBox ul li:hover a{color:#950b1a;}
.tzggBox .bdBox ul li span{display:block;width:100px;line-height:80px;font-size:18px;color:#686868;float:right;}
.tzggBox a.prev,
.tzggBox a.next{width:39px;height:30px;position:absolute;cursor:pointer;right:10px;z-index:3;}
.tzggBox a.prev{background:url("../images/stcmx_img08_on.png")no-repeat center;top:10px;}
.tzggBox a.prevStop{background:url("../images/stcmx_img08.png")no-repeat center;}
.tzggBox a.next{background:url("../images/stcmx_img09_on.png")no-repeat center;bottom:10px;}
.tzggBox a.nextStop{background:url("../images/stcmx_img09.png")no-repeat center;}

/*Part3 党建工作*/
.Part3{height:322px;margin-bottom:38px;}
.Part3 .djgzBox{width:680px;height:322px;}
.Part3 .djgzBox .title{margin-bottom:9px;}
.Part3 .djgzBox .newsBox{width:100%;height:250px;}
.Part3 .djgzBox .newsBox ul li{width:100%;height:50px;background:url("../images/stcmx_img10.png")no-repeat left center;position:relative;}
.Part3 .djgzBox .newsBox ul li:before {transition: all 0.8s cubic-bezier(0.7, 0.5, 0.2, 1);content: "";width: 0;height: 100%;background: #fff3e9;position: absolute;top: 0;left: 0;z-index: -1;}
.Part3 .djgzBox .newsBox ul li:hover:before {background: #fff3e9;width: 100%;}
.Part3 .djgzBox .newsBox ul li a{display:block;width:550px;line-height:50px;float:left;padding-left:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;color:#050505;}
.Part3 .djgzBox .newsBox ul li:hover a{color:#950b1a;}
.Part3 .djgzBox .newsBox ul li span{display:block;width:110px;line-height:50px;float:right;font-size:18px;color:#686868;text-align: right;}

/*Part4 系部概况*/
.Part4{height:366px;margin-bottom:54px;}
.Part4 ul li{width:266px;height:366px;float:left;transition:width ease-in-out 0.5s;position:relative;overflow: hidden;}
.Part4 ul li.active{width:602px;}
.Part4 ul li .small{width:266px;height:100%;position:relative;padding-top:66px;}
.Part4 ul li.active .small{display:none;}
.Part4 ul li .small img{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:0;}
.Part4 ul li .small .bg{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;background: url("../images/stcmx_img12.png")repeat;}
.Part4 ul li .small .txt{width:100%;height:100%;position:relative;z-index:2;}
.Part4 ul li .small .txt h1{width:100%;font-size:28px;color:#ffffff;text-align: center;line-height:47px;}
.Part4 ul li .small .txt p{width:100%;font-size:12px;color:#ffffff;text-align: center;line-height:27px;}
.Part4 ul li .more{display:block;width:38px;height:38px;background:url("../images/stcmx_img11.png")no-repeat center;position:absolute;left:50%;margin-left:-19px;bottom:37px;z-index: 3;transition:all ease-in-out 0.6s;}
.Part4 ul li:hover .more{transform: rotate(-90deg);}
.Part4 ul li .big{width:602px;height:366px;position:absolute;left:0;top:100%;}
.Part4 ul li.active .big{top:0px;}
.Part4 ul li .big img{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:0;}
.Part4 ul li .big .lis_hidden{width:100%;height:100%;padding-top:22px;position:absolute;top:0px;left:0px;z-index:1;background: url("../images/stcmx_img18.png")repeat;}
.Part4 ul li .big .lis_hidden>h1{width:100%;height:47px;margin-bottom:5px;}
.Part4 ul li .big .lis_hidden>h1 a{display:block;width:100%;font-size:28px;color:#ffffff;text-align: center;line-height:47px;}
.Part4 ul li .big .lis_hidden>p{height:200px;line-height:40px;text-indent:2em;overflow: hidden;font-size:18px;color:#ffffff;padding:0px 51px 0px 31px;}
.Part4 ul li .big .lis_hidden>p a:hover{color:#ffaf28;text-decoration: underline;}

.Part4 ul li .big .lis_hidden .szdwBox{width:100%;height:190px;margin-top:12px;}
.Part4 ul li .big .lis_hidden .szdwBox .tempWrap{margin:0 auto;}
.Part4 ul li .big .lis_hidden .szdwBox ul{width:510px;height:190px;margin:0 auto;}
.Part4 ul li .big .lis_hidden .szdwBox ul li{width:130px;height:190px;float:left;margin:0px 20px;}
.Part4 ul li .big .lis_hidden .szdwBox ul li a.pic{display:block;width:130px;height:130px;border-radius:50%;overflow: hidden;}
.Part4 ul li .big .lis_hidden .szdwBox ul li a.pic img{width:130px;height:130px;border-radius:50%;}
.Part4 ul li .big .lis_hidden .szdwBox ul li h1{width:100%;height:31px;overflow: hidden;}
.Part4 ul li .big .lis_hidden .szdwBox ul li h1 a{display:block;width:100%;line-height:31px;font-size:20px;color:#ffffff;text-align:center;}
.Part4 ul li .big .lis_hidden .szdwBox ul li:hover h1 a{text-decoration:underline;}
.Part4 ul li .big .lis_hidden .szdwBox ul li p{width:100%;line-height:24px;font-size:14px;color:#ffffff;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Part4 ul li .big .lis_hidden .szdwBox a.prev,
.Part4 ul li .big .lis_hidden .szdwBox a.next{display:block;width:50px;height:50px;position:absolute;top:74px;}
.Part4 ul li .big .lis_hidden .szdwBox a.prev {background:url("../images/stcmx_img19_on.png")no-repeat center;left:0px;}
.Part4 ul li .big .lis_hidden .szdwBox a.next {background:url("../images/stcmx_img20_on.png")no-repeat center;right:0px;}
.Part4 ul li .big .lis_hidden .szdwBox a.prevStop {background:url("../images/stcmx_img19.png")no-repeat center;}
.Part4 ul li .big .lis_hidden .szdwBox a.nextStop {background:url("../images/stcmx_img20.png")no-repeat center;}

.Part4 ul li .big .lis_hidden .lists{margin-top:10px;height:200px;}
.Part4 ul li .big .lis_hidden .lists ul{padding:0px 26px;}
.Part4 ul li .big .lis_hidden .lists ul li{width:100%;height:50px;background:url("../images/stcmx_img21.png")no-repeat left center;}
.Part4 ul li .big .lis_hidden .lists ul li a{display:block;width:440px;line-height:50px;float:left;padding-left:14px;font-size:18px;color:#ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Part4 ul li .big .lis_hidden .lists ul li:hover a{text-decoration:underline;}
.Part4 ul li .big .lis_hidden .lists ul li span{display:block;width:110px;line-height:50px;float:right;text-align:right;font-size:18px;color:#ffffff;}















