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

.BannerBox{ height: 586px;}
.BannerBox .BannerSlide{height: 650px;}

.Content{width: 100%; height: auto; overflow: hidden; padding-bottom: 43px; position: relative;}
.Content::after{content:'';width: 100%; height: 487px; position: absolute; left: 0; bottom: 0; background: url(index_img01.png) center bottom no-repeat; background-size: 100%;}

/*通知公告*/

/*新闻资讯*/
.Part1{width: 1700px;height: 358px;overflow: hidden;margin: 40px auto 0;display: flex;justify-content: space-between;}
.Part1 .xxxw{width: 1050px; height: auto; overflow: hidden;}
.Part1 .tzgg{width: 600px; height: auto; overflow: hidden;}
.Part1 .NewsList .hds{width: 100%; height: 43px; line-height: 30px; border-bottom: 1px solid #dddddd; display: flex; justify-content: space-between;}
.Part1 .NewsList .hds ul{height: 100%;}
.Part1 .NewsList .hds ul li{height: 100%;float: left;margin-right: 58px;position: relative;}
.Part1 .NewsList .hds ul li:after{content: ''; width: 0; height: 3px; position: absolute; left: 50%; bottom: -2px; background: #006835; transition: all 0.5s;}
.Part1 .NewsList .hds ul li+li:before{content: '';width: 1px;height: 30px;position: absolute;left: -31px;top: 1px;background: #000000;opacity: 0.5;}
.Part1 .NewsList .hds ul li a{height: 100%; display: inline-block; color: #000000; font-size: 28px; transition: all 0.5s;}
.Part1 .NewsList .hds ul li.on::after{left: 0px; width: 100%;}
.Part1 .NewsList .hds ul li.on a{color: #006835;}
.Part1 .NewsList .hds .more{height: 100%;padding-right: 23px;position: relative;transition: all 0.5s;line-height: 32px;}
.Part1 .NewsList .hds .more a{height: 100%; display: inline-block; color: #006835;font-family:"SYST"; opacity: 0.8; font-size: 14px; transition: all 0.5s;}
.Part1 .NewsList .hds .more::after{content: '';width: 13px;height: 32px;position: absolute;right: 0px;top: 0;transition: all 0.5s;background: url(index_img05.png) right center no-repeat;}
.Part1 .NewsList .hds .more:hover{padding-right: 48px;}
.Part1 .NewsList .hds .more:hover::after{width: 38px;}
.Part1 .NewsList .hds .more:hover a{opacity: 1;}
.Part1 .NewsList .bds {width: 100%;height: auto;overflow: hidden;}
.Part1 .NewsList .bds ul{width: 100%;height: auto;overflow: hidden;margin-top: 24px;}
.Part1 .NewsList .bds ul li {width: 100%;height: 36px;line-height: 36px;overflow: hidden;position: relative;z-index: 0;}
.Part1 .NewsList .bds ul li a {color: #050505;font-size: 18px;display: block;width: 75%;padding-left: 16px;transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.Part1 .NewsList .bds ul li a:before {content: "";width: 5px;height: 100%; background: url(index_img04.png) left center no-repeat; position: absolute;top: 0px;left: 2px;}
.Part1 .NewsList .bds ul li span {display: block;text-align: right;float: right;font-size: 18px;color: #686868;}
.Part1 .NewsList .bds ul li a:hover {color: #006835; padding-left: 24px;}

.Part1 .NewsList .sbd {width: 100%;height: auto;overflow: hidden;}
/*焦点图*/
.Part1 .Focus {float: left;width: 450px; height: auto;position: relative;overflow: hidden;}
.Part1 .Focus .pic,.Focus .pic li {width: 100%;height: auto;overflow: hidden;}
.Part1 .Focus .pic img {width: 100%;height: 281px;overflow: hidden;transition: transform 1s;transform: scale(1);object-fit: cover;}
.Part1 .Focus .pic img:hover{transform: scale(1.07);}
.Part1 .Focus .txt {position: absolute;left: 10px;bottom: 15px;width: 430px;height: 40px;background: url(index_img06.png) no-repeat;}
.Part1 .Focus .txt ul li {width: 100%;height: 100%; transition: all 0.5s;}
.Part1 .Focus .txt ul li a {display: block;padding-left: 10px;width: 310px;height: 40px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #feffff;}
.Part1 .Focus .txt ul li:hover {margin-left: 5px;}
.Part1 .Focus .txt ul li a:hover {color: #006835;}
.Part1 .Focus .num {height: 11px;position: absolute;bottom: 29px;right: 15px;z-index: 2;}
.Part1 .Focus .num li {width: 11px;height: 11px; cursor: pointer; float: left;margin-right: 6px;background: #FFFFFF;border-radius: 50%; opacity: 0.6;}
.Part1 .Focus .num li.on {opacity: 1;}
.Part1 .Focus .sprev {background: url(index_img07.png) no-repeat center;left: -40px;}
.Part1 .Focus .snext {background: url(index_img08.png) no-repeat center;right: -40px;}
.Part1 .Focus .sprev,.Part1 .Focus .snext {display: block;width: 40px;height: 78px;position: absolute;top: 101px;cursor: pointer;transition: all .5s;}
.Part1 .Focus:hover .sprev { left: 0px;}
.Part1 .Focus:hover .snext {right: 0px;}
.Part1 .xxxw .xxxwCon{width: 100%; height: auto; overflow: hidden; margin-top: 26px;}
.Part1 .xxxw .bds{width: 576px; float: right;}
.Part1 .xxxw .bds ul{margin-top: 0px;}


/*入口按钮*/
.Part2{width: 1700px;height: auto;overflow: hidden;margin: 35px auto 0;}
.Part2 ul{width: 100%; height: auto; overflow: hidden; display: flex; justify-content: space-between;}
.Part2 ul li{width: 178px;margin-left: 34px;height: auto;position: relative;}
.Part2 ul li::before{content: ''; width: 1px; height: 80px; position: absolute; top: 0px; right: 0; background-image: linear-gradient(#ebedee,#fdfbfb);}
.Part2 ul li.m4::before{right: -10px;}
.Part2 ul li.m7::before{right: -10px;}
.Part2 ul li.m8::before{display: none;}
.Part2 ul li a{width: 100%; height: 100%; display: block;}
.Part2 ul li .img{width: 80px; height: 80px; float: left; padding: 6px; position: relative; box-sizing: border-box; transition: all 0.3s;}
.Part2 ul li .img::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; transition: all 0.3s; border: 1px dashed #244e7c;box-sizing: border-box;}
.Part2 ul li .img i{width: 100%; height: 100%; display: block; border-radius: 50%; position: relative; background: #244e7c; transition: all 0.3s;}
.Part2 ul li .img i::before{content: ''; width: 68px; height: 100%; margin: 0 auto; display: block; background: url(index_img09.png) no-repeat;}
.Part2 ul li.m1 .img::before{border-color: #244e7c;}
.Part2 ul li.m1 .img i{background: #244e7c;}
.Part2 ul li.m1 .img i::before{background-position: 17px center;}
.Part2 ul li.m2 .img::before{border-color: #7fbe25;}
.Part2 ul li.m2 .img i{background: #7fbe25;}
.Part2 ul li.m2 .img i::before{background-position: -196px center;}
.Part2 ul li.m3 .img::before{border-color: #e29125;}
.Part2 ul li.m3 .img i{background: #e29125;}
.Part2 ul li.m3 .img i::before{background-position: -407px center;}
.Part2 ul li.m4 .img::before{border-color: #9f1123;}
.Part2 ul li.m4 .img i{background: #9f1123;}
.Part2 ul li.m4 .img i::before{background-position: -620px center;}
.Part2 ul li.m5 .img::before{border-color: #3c8bcf;}
.Part2 ul li.m5 .img i{background: #3c8bcf;}
.Part2 ul li.m5 .img i::before{background-position: -833px center;}
.Part2 ul li.m6 .img::before{border-color: #d35052;}
.Part2 ul li.m6 .img i{background: #d35052;}
.Part2 ul li.m6 .img i::before{background-position: -1058px center;}
.Part2 ul li.m7 .img::before{border-color: #3664a4;}
.Part2 ul li.m7 .img i{background: #3664a4;}
.Part2 ul li.m7 .img i::before{background-position: -1258px center;}
.Part2 ul li.m8 .img::before{border-color: #be5d19;}
.Part2 ul li.m8 .img i{background: #be5d19;}
.Part2 ul li.m8 .img i::before{background-position: -1470px center;}
.Part2 ul li span{height: 80px;float: left;color: #050505;font-size: 22px;line-height: 24px;display: flex;justify-content: center;align-items: center;margin-left: 24px;}

@keyframes RingAll {
    0% {transform: rotate(0);}
    100% {transform: rotate(360deg);}
}
.Part2 ul li .img::before{animation-name:RingAll; animation-duration: 30s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function:linear; animation-direction:normal;}
.Part2 ul li:hover .img{padding:0;}
.Part2 ul li:hover .img::before{opacity: 0;}
.Part2 ul li:hover span{color: #006835;}

@font-face {
  font-family:"SYST";
  src: url("../font/SourceHanSerifCN-Regular.ttf");
}

/*党建思政---教学教育*/
.Part3{width: 1700px;height: 330px;overflow: hidden;position: relative;z-index: 1;background: #FFFFFF;margin: 40px auto 0;display: flex;justify-content: space-between;}
.Part3 .NewsList{width: 825px; height: auto; overflow: hidden;}
.Part3 .NewsList .hd{width: 100%; height: 50px; line-height: 50px; background: #006835; display: flex; justify-content: space-between;}
.Part3 .NewsList .hd ul{height: 100%;}
.Part3 .NewsList .hd ul li{height: 100%; float: left; margin-left: 20px;}
.Part3 .NewsList .hd ul li a{height: 100%; display: inline-block; color: #ffffff; font-size: 28px; transition: all 0.5s;}
.Part3 .NewsList .hd ul li a:hover{letter-spacing: 2px;}
.Part3 .NewsList .hd .more{height: 100%; margin-right: 37px; padding-right: 23px; position: relative;}
.Part3 .NewsList .hd .more a{height: 100%;display: inline-block;color: #ffffff;font-family:"SYST";opacity: 0.8;font-size: 14px;transition: all 0.5s;}
.Part3 .NewsList .hd .more::after{content: ''; width: 13px; height: 100%; position: absolute; right: 0px; top: 0;transition: all 0.5s; background: url(index_img03.png) right center no-repeat;}
.Part3 .NewsList .hd .more:hover::after{right: -25px; width: 38px;}
.Part3 .NewsList .hd .more:hover a{opacity: 1;}
.Part3 .NewsList .bd {width: 100%;height: auto;overflow: hidden;margin-top: 12px;}
.Part3 .NewsList .bd ul li {width: 100%;height: 36px;line-height: 36px;overflow: hidden;position: relative;z-index: 0;}
.Part3 .NewsList .bd ul li a {color: #050505;font-size: 18px;display: block;width: 75%;padding-left: 34px;transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.Part3 .NewsList .bd ul li a:before {content: "";width: 5px;height: 100%; background: url(index_img04.png) left center no-repeat; position: absolute;top: 0px;left: 20px;}
.Part3 .NewsList .bd ul li span {display: block;text-align: right;float: right;font-size: 18px;color: #686868;margin-right: 20px;}
.Part3 .NewsList .bd ul li a:hover {color: #006835; padding-left: 40px;}


/*专题专栏*/
.Part4{width: 1700px;height: auto;overflow: hidden;margin: 25px auto 0; position: relative; z-index: 1;}
.Part4 h3{width: 100%;line-height: 58px;}
.Part4 h3 a{display: inline-block; height: 100%; color: #FFFFFF; font-size: 28px; transition: all 0.5s;}
.Part4 h3 a:hover{letter-spacing: 2px;}
.ztzlBox{width: 100%; height: 151px; background: #FFFFFF; padding: 20px; position: relative; box-sizing: border-box;}
.ztzlBox .bd{width: 100%;height: auto;overflow: hidden;}
.ztzlBox .bd ul{width: 100%; height: auto; overflow: hidden;}
.ztzlBox .bd ul li{float: left; width: 321px; height: 111px; overflow: hidden; margin-right: 14px;}
.ztzlBox .bd ul li a{width: 100%; height: 100%; display: block;}
.ztzlBox .bd ul li img{width: 100%; height: 100%; transition: transform 1s; transform: scale(1);}
.ztzlBox .bd ul li img:hover{transform: scale(1.07);}
.ztzlBox .hd {width: 100%;height: 14px;display: none;text-align: center;margin-top: 20px;}
.ztzlBox .hd ul{height: auto; overflow: hidden; display: inline-block; text-align: center;}
.ztzlBox .hd li {width: 14px;height: 14px;float: left; cursor: pointer; margin: 0px 5px;background: #c6c6c6;border-radius: 50%;}
.ztzlBox .hd li.on {background: #006835;}
.ztzlBox .prev,.ztzlBox .next {display: block;width: 46px;height: 46px;position: absolute;top: 52px;background: url(index_img02.png) left top no-repeat;cursor: pointer;z-index: 1;}
.ztzlBox .prev {left: 4px;}
.ztzlBox .next {background-position: right top;right: 4px;}
.ztzlBox .prev:hover{background-position: left bottom;}
.ztzlBox .next:hover{background-position: right bottom;}