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

/*标题公共样式*/
.title{width:100%;float: left;height:64px;border-bottom:1px solid #dddddd;}
.title h1{width:auto;height:100%;margin:0 auto;float:left;position:relative;}
.title h1::after{content:"";width:100%;height:3px;background:#0a7ea7;position: absolute;left:0px;bottom:-2px;}
.title h1 a{display: block;width:auto;height:100%;line-height: 60px;font-size:28px;color: #0a7ea7;}
.title .more{width:30px;height:82px;float:right;}
.title .more a{display:block;width:100%;height:100%;text-align:right;line-height:82px;}

/*工作动态--通知公告*/
.Part1{width: 100%;height: auto;overflow: hidden; padding: 4px 0px 33px; background: #f7f7f7;}
.Part1 .gzdt{width: 900px;height: auto;overflow: hidden;float: left;}
.Part1 .gzdtBox{width: 100%; height: 420px; padding: 16px 20px 0px 21px; overflow: hidden; background: #FFFFFF; margin-top: 23px; float: left;}
.FocusNews .picFocus{overflow:hidden;}
.FocusNews .picFocus .txtCon{position: absolute;bottom:0px;width: 100%;height: 40px;background: url(../images/zsxxw_img11.png) center center no-repeat;}
.FocusNews .picFocus .txtCon li {width: 100%;height: 40px;}
.FocusNews .picFocus .txtCon li a{display: block;width: calc(100% - 75px);height: 40px;font-size: 18px;color: #ffffff;line-height: 40px;text-indent:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.FocusNews .picFocus .num {width:65px;height: 40px;position: absolute;bottom: 0px;right:10px;z-index: 3;display: flex;align-items: center;}
.FocusNews .picFocus .num li {width:10px;height:10px; cursor: pointer; float: left;margin-left:3px;background: #FFFFFF;border-radius: 50%; opacity: 0.6;font-size:0px;}
.FocusNews .picFocus .num li.on {opacity: 1;}
.FocusNews .picFocus .sprev {background: url(../images/xwcbx_img09.png) no-repeat center;left: -40px;}
.FocusNews .picFocus .snext {background: url(../images/xwcbx_img10.png) no-repeat center;right: -40px;}
.FocusNews .picFocus .sprev,.FocusNews .picFocus .snext {display: block;width: 40px;height: 78px;position: absolute;top: 101px;cursor: pointer;transition: all .5s;}
.FocusNews .picFocus:hover .sprev { left: 0px;}
.FocusNews .picFocus:hover .snext {right: 0px;}

.FocusNews{ display: flex; position: relative; justify-content: space-between; }
.FocusNews .bd{ position:relative; width: 500px; height: 313px; }
.FocusNews .bd li{ position: relative; overflow: hidden; width: 500px; height: 315px; }
.FocusNews .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.FocusNews .FoCon{ position: relative; width: 322px; }
.FocusNews .TargetCell li{ position: relative; padding: 14px 0; }
.FocusNews .TargetCell li .T{ position: relative; border: 1px solid #e6f0ef; border-left: none; border-right: none; padding: 18px 0; display: flex; justify-content: space-between; align-items: center;}
.FocusNews .TargetCell li .T .date{ position: relative; overflow: hidden; width: 70px; height: 70px; box-sizing: border-box; border: 1px solid #f3f2ef; border-radius: 10px;background:#ffffff;}
.FocusNews .TargetCell li .T .date p{ display: flex; align-items: center; justify-content: center; height: 29px; border-bottom: 1px solid #aacdbc; background-color: #0a7ea7; font-size: 12px; color: #FFF; user-select: none; }
.FocusNews .TargetCell li .T .date span{ display: flex; align-items: center; justify-content: center; font-size: 28px; color: #0a7ea7; user-select: none; height: 40px; }
.FocusNews .TargetCell li .T h1{ position: relative; width: calc(100% - 85px); font-size: 20px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.FocusNews .TargetCell li .T h1 a{ line-height: 1.5; }
.FocusNews .TargetCell li .desc{ position: relative; overflow: hidden; font-size: 16px; line-height: 1.5; color: #888; text-indent: 2em; margin-top: 15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; height: 120px; }
.FocusNews .hd{ position: relative; height: 1px; display: flex; background-color: #0a7ea7; margin: 20px 0; justify-content: center; align-items: center; }
.FocusNews .hd li{ position: relative; overflow: hidden; border-radius: 50%; background-color: #f7f7f7; transition: all 0.3s; margin: 0 3px; width: 35px; height: 35px; font-size: 16px; display: flex; color: #0a7ea7; align-items: center; justify-content: center; border: 3px solid #f7f7f7; cursor: pointer; user-select: none; }
.FocusNews .hd li.on{ background-color: #0a7ea7; color: #FFF; }
/*公共列表*/
.ulList{padding-top: 9px;min-height: 20px;}
.ulList li{position: relative;overflow: hidden;line-height: 36px;font-size: 18px;color: #050505;}
.ulList li a{display: block;float: left;font-size:18px;max-width:78%;max-width: calc(100% - 120px);position: relative;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;color: #050505;}
.ulList li a:hover{ color: #0a7ea7; }
.ulList li span{display: inline-block;float: right;color: #686868;}

.Part1 .tzgg{width: 450px;height: auto;overflow: hidden;float: right;}
.Part1 .tzggBox{width: 100%; height: 420px; padding: 0px 29px; overflow: hidden; background: #FFFFFF; margin-top: 23px; float: left;}
.Part1 .tzggBox ul{width: 100%; height: auto;}
.Part1 .tzggBox ul li{width:100%;height:60px;overflow: hidden;margin-top:20px;}
.Part1 .tzggBox ul li:hover{box-shadow:0px 4px 10px rgba(0,0,0,0.3); border-radius: 10px;}
.Part1 .tzggBox ul li:last-child{margin-bottom:0px;}
.Part1 .tzggBox ul li .date{width:60px;height:60px;float:left;background:#35bec4; border-radius: 10px;}
.Part1 .tzggBox ul li .date span{display:block;width:100%;text-align:center;font-size:16px;color:#ffffff;line-height: 18px;padding-top: 12px;}
.Part1 .tzggBox ul li .date p{width:100%;text-align:center;font-size:14px;color:#ffffff;line-height: 18px;}
.Part1 .tzggBox ul li .txt{width: 312px;height:auto;overflow: hidden;float:right;}
.Part1 .tzggBox ul li .txt h1 {width:100%;height:60px;display: flex;align-items: center;}
.Part1 .tzggBox ul li .txt h1 a{display:block;width:100%;height:auto;line-height:24px;overflow: hidden;max-height:48px;font-size:16px;color:#050505;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Part1 .tzggBox ul li:hover .txt a{color:#0a7ea7;}


/*师资力量--专业设置*/
.Part2{width: 1400px;height: auto;overflow: hidden;margin: 20px auto 0;}
.Part2 .szll{width: 900px;height: auto;overflow: hidden;float: left;}
.Part2 .szll .bdBox{height: 414px;overflow:hidden;overflow-x: overlay;margin-top: 21px;padding-top:10px;width: 100%;float: left;}
.Part2 .szll .bdBox::-webkit-scrollbar {height:7px;cursor: pointer;}
.Part2 .szll .bdBox::-webkit-scrollbar-track {background:#dcdcdc;border-radius:5px;border:0.5px solid #b4b4b4;}
.Part2 .szll .bdBox::-webkit-scrollbar-thumb {border-radius:10px;background-image: linear-gradient(-90deg, #35bec4 0%, #0a7ea7 72%);}
.Part2 .szll .bdBox::-webkit-scrollbar{height:7px;}
.Part2 .szll .bdBox ul{width:auto;height:372px;display: flex;justify-content: flex-start;}
.Part2 .szll .bdBox ul li{width:200px!important;height: 372px;border: 2px solid #e1ebf0;background: #f7f7f7;float:left;border-radius:10px;margin-right:32px;box-sizing: border-box;position: relative;transition:all ease-in-out 0.5s;}
.Part2 .szll .bdBox ul li:hover{transform:translateY(-4px);}
.Part2 .szll .bdBox ul li a{display: block;width:200px;height:100%;overflow:hidden;}
.Part2 .szll .bdBox ul li a .pic{width:164px;height:164px;margin: 15px auto 16px;padding: 3px 3px;background:url(../images/xwcbx_img05.png) center top no-repeat;position:relative;}
.Part2 .szll .bdBox ul li a .pic .img{display:block;width:157px;height:157px;text-align:center;border-radius:50%;overflow: hidden;position: relative;z-index: 2;}
.Part2 .szll .bdBox ul li a .pic::after{content:"";width:118px;height:27px;background:url(../images/xwcbx_img06.png)no-repeat center;position:absolute;right:0px;bottom:0px;}
.Part2 .szll .bdBox ul li a .pic img{width:100%;height:100%;}
.Part2 .szll .bdBox ul li a h1{width:120px;height:36px;margin:0 auto 18px;background: #0a7ea7;border-radius: 18px;text-align:center;line-height:36px;font-size:18px;color:#ffffff;}
.Part2 .szll .bdBox ul li a p{width:156px;height:60px;margin:0px auto;padding-left:15px;overflow:hidden;box-sizing:border-box;background:url(../images/xwcbx_img07.png)no-repeat left 10px;font-size:16px;color:#050505;line-height:30px;}
.Part2 .szll .bdBox ul li a .more{display:block;width:30px;height:30px;border-radius: 50%;background: url(../images/zsxxw_img09.png)no-repeat center #d0eced;position:absolute;right:11px;bottom:18px;}
.Part2 .szll .bdBox ul li:hover a .more{ background:url(../images/zsxxw_img09.png)no-repeat center #0a7ea7;}

.Part2 .zysz{width: 450px;height: auto;overflow: hidden;float: right;}
.Part2 .zysz .hd{width:100%;float: left;height:64px;border-bottom:1px solid #dddddd;}
.Part2 .zysz .hd ul{float: left; height: 100%;}
.Part2 .zysz .hd ul li{width:auto;height:100%;margin-right: 40px; float:left;position:relative;}
.Part2 .zysz .hd ul li::after{content:"";width:0;height:3px;background:#0a7ea7;position: absolute;left:0px;bottom:-2px;}
.Part2 .zysz .hd ul li a{display: block;width:auto;height:100%;line-height: 60px;font-size:28px;color: #222222;}
.Part2 .zysz .hd ul li.on::after{width: 100%;}
.Part2 .zysz .hd ul li.on a{color: #0a7ea7;}
.Part2 .zysz .hd .more{width:30px;height:82px;float:right;}
.Part2 .zysz .hd .more a{display:block;width:100%;height:100%;text-align:right;line-height:82px;}
.Part2 .zysz .qhBox{width:100%;height: 403px;overflow: hidden;border: 1px solid #eeeeee;background: #f7f7f7;margin-top: 31px;padding: 15px 25px 0;float: left;}
.Part2 .zysz .qhBox .xbgk{width: 100%;height: auto;overflow: hidden;margin-top: 3px;}
.Part2 .zysz .qhBox .desc{height: auto;overflow:hidden;text-indent: 2em;line-height:40px;font-size:18px;color:#686868;}
.Part2 .zysz .qhBox .desc a{color:#0a7ea7;}
.Part2 .zysz .qhBox .desc a:hover{text-decoration: underline;}

.Part2 .zysz .qhBox ul{height: 387px;overflow-y:auto;}
.Part2 .zysz .qhBox ul li{width:100%;height: 49px;overflow:hidden;background: url(../images/zsxxw_img10.png)no-repeat right 13px center #ededed;margin-bottom: 5px;position: relative;}
.Part2 .zysz .qhBox ul li a{display:block;width:90%;height:100%;font-size: 18px;padding-left: 27px;color: #222222;line-height: 49px;position:relative;z-index: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;}
.Part2 .zysz .qhBox ul li::after {content: "";position: absolute;z-index: 0;background: #0a7ea7;height: 100%;width: 100%;top: 100%;left:50%;transform: translateX(-50%);transition: all .5s;}
.Part2 .zysz .qhBox ul li:hover::after {top:0px;}
.Part2 .zysz .qhBox ul li:hover a{color:#ffffff;}

/*Part3 党建工作*/
.Part3{width: 1400px;height:auto;overflow: hidden;margin: 23px auto 35px;}
.Part3 .djgzBox{width:680px;height:auto; overflow: hidden;}
.Part3 .djgzBox .title{margin-bottom: 7px;}
.Part3 .djgzBox .newsBox{width:100%;height:auto; overflow: hidden;}
.Part3 .djgzBox .newsBox ul{width:100%;height:auto; overflow: hidden;}
.Part3 .djgzBox .newsBox ul li{width:100%;height:50px;line-height: 50px;overflow: hidden;background:url(../images/xwcbx_img08.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;height: 100%;float:left;padding-left:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;color:#050505;font-family: "SYHTNormal";}
.Part3 .djgzBox .newsBox ul li:hover a{color:#0a7ea7;}
.Part3 .djgzBox .newsBox ul li span{display:block;width:110px;height: 100%;float:right;font-size:18px;color:#686868;text-align: right;font-family: "SYHTNormal";}