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

:root{
    --main-boxshadow:0px 0px 15px 0px rgba(226,226,226,0.75); /* 公共阴影属性 */
}

.flex{display:flex;justify-content: space-between;}


/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height:48px; font-size: 18px; color: #222; }
.ulList li::before{ content: ''; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #c7c7c7; left: 0; top: calc(50% - 3px); }
.ulList li:hover::before{background-color: #1f58ae;}
.ulList li a{ display: block; float: left;max-width: calc(100% - 150px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding-left: 13px; box-sizing: border-box;transition:padding ease-in-out 0.5s;}
.ulList li a:hover{ color: var(--main-color); padding-left:18px;}
.ulList li span{ display: inline-block; float: right; color: #999;}

/*公共图片动画*/
.AnimPic{ transition: all 0.5s; }
.AnimPic img{ display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; }
.AnimPic:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }

.PubHd{ position: relative; height:74px; border-bottom: 1px solid #ddd; margin-bottom:10px;}
.PubHd ul{ display: flex; position: relative; }
.PubHd li{ position: relative; overflow: hidden; font-size:36px; font-weight:bold;color: #222; user-select: none; height: 75px;}
.PubHd li + li{ margin-left: 52px;}
.PubHd li::before{ content: ''; display: block; position: absolute; z-index: 0; transition: all 0.3s; width: 100%; height: 6px; background-color: var(--main-color); border-radius: 6px 6px 0 0; left: 0; bottom: -6px; }
.PubHd li a{ display: block; padding: 0 28px; position: relative; z-index: 1; height:75px; line-height:75px;}
.PubHd li.on::before{ bottom: 0; }
.PubHd li.on a{ color: var(--main-color); }

.PubHd dl{ position: absolute; right: 0; top: 0; }
.PubHd dd{ display: flex; height:75px; color: #999; font-size: 16px; }
.PubHd dd a{ line-height: 75px;}

.zwgkTitle{width:100%;height:86px;position:relative;}
.zwgkTitle a{display: inline-block;width: auto;line-height:86px;font-size: 36px;font-weight: bold;color: #222222;padding-right: 17px;background: #ffffff;position:relative;z-index:2;}
.zwgkTitle a:hover{color: #1f58ae;}
.zwgkTitle::after{content: "";width: 100%;height:1px;background:#9ec3e8;position:absolute;top:50%;transform: translateY(-50%);left:0px;}

/*Part1 领导简介*/
.Part1{box-shadow: var(--main-boxshadow);padding:7px 0px 36px;margin-bottom:3px;height:430px;box-sizing: border-box;}
.Part1 .ldjjBox{width:896px;height:auto;overflow: hidden;}
.Part1 .ldjjBox .pic{width:234px;height:301px;overflow: hidden;}
.Part1 .ldjjBox .pic a{display:block;width:100%;height:100%;overflow: hidden;}
.Part1 .ldjjBox .pic a img{width:100%;height:100%;}
.Part1 .ldjjBox .txt{width:638px;height:auto;overflow: hidden;padding-top:17px;}
.Part1 .ldjjBox .txt .info,
.Part1 .ldjjBox .txt .ldfg{width:100%;height:auto;overflow: hidden;}
.Part1 .ldjjBox .txt .info{margin-bottom:32px; }
.Part1 .ldjjBox .txt .info h1{height: 60px;}
.Part1 .ldjjBox .txt .info h1 a{font-size:28px;font-weight: bold;color:#1f58ae;line-height:60px;letter-spacing:6px;}
.Part1 .ldjjBox .txt .ldfg h2{height:56px;font-size:28px;font-weight: bold;color:#1f58ae;line-height:56px;}
.Part1 .ldjjBox .txt p{font-size:20px;line-height:28px;max-height:56px;overflow:hidden;color:#222222;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.Part1 .xt{width: 1px;height:301px;background:#c6dcf1;}
.Part1 .ldList{width:348px;height:auto;overflow: hidden;margin-right: 34px;}
.Part1 .ldList ul{align-content: center; flex-wrap: wrap;height:100%;}
.Part1 .ldList ul li{width:calc(100% / 3);height:58px;}
.Part1 .ldList ul li a{display: block;width:100%;line-height:58px;text-align: center;font-size:18px;color:#222222; }

/*Part2 机构概况*/
.Part2 .jggkBox .Slide{width:calc((100% - 200px)/3);height:80px;background:#ffffff;box-shadow: var(--main-boxshadow);position: relative;overflow: hidden;}
.Part2 .jggkBox .Slide::after{content:"";width:52px;height:52px;background:#e5f0ff;border-radius:50%;position: absolute;left: 30.5%;top:50%;transform: translateY(-50%);transition:all ease-in-out 0.5s;}
.Part2 .jggkBox .Slide:hover::after{width:100%;height:100%;left:0px;border-radius:0px;}
.Part2 .jggkBox .Slide a{display:flex;width:100%;height:100%;justify-content:center;align-items: center;position:relative;z-index:2;}
.Part2 .jggkBox .Slide a span{font-size:20px;font-weight: bold;color:#222222;margin-left:38px;transition:all ease-in-out 0.5s; }
.Part2 .jggkBox .Slide:hover a span{margin-left:10px;}
.Part2 .jggkBox .icon{width:100px;height:80px;position:relative;}
.Part2 .jggkBox .icon::after,
.Part2 .jggkBox .icon::before{content:"";position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.Part2 .jggkBox .icon::after{width:100%;height:1px;background:#e5f0ff;}
.Part2 .jggkBox .icon::before{width:20px;height:20px;background:url("../images/Zwgk_ico_4.png") no-repeat center;}

/*Part3 通知公告、政策文件、政策解读*/
.Part3{margin-top:32px;height:500px;padding:2px 30px 19px;box-shadow: var(--main-boxshadow);overflow: hidden;box-sizing: border-box;}
.Part3 .tzggBox,
.Part3 .YqxxSlide{width:646px;height:auto;}

.ZcwjSearch{ height:80px; border-radius: 20px; background: #FFF; display: flex; align-items: center; justify-content: space-between; box-shadow: var(--main-boxshadow); margin-top:17px; margin-bottom: 8px; }
.ZcwjSearch .icon{width: 160px;height:80px;background:url("../images/Zwgk_ico_5.png") no-repeat right center;}
.ZcwjSearch input{position: relative;box-sizing: border-box;padding-left: 30px;height: 100%;border: none;outline:none;background: none;line-height: 80px;font-size: 16px;color: #333;width: calc(100% - 240px);}
.ZcwjSearch input::placeholder{ color: #999999; }
.ZcwjSearch a{display: block;position: relative; width:70px; height: 80px;cursor: pointer; }
.ZcwjSearch a span{display: block;position: relative; z-index:2;width:100%; height:100%;cursor: pointer;background:url("../images/Zwgk_ico_6.png") no-repeat center; }
.ZcwjSearch a:hover span{background:url("../images/Zwgk_ico_6_on.png") no-repeat center; }
.ZcwjSearch a::after{content:"";width:0px;height:0px;border-radius:0px 20px 20px 0px;background:#1f58ae;transition:all ease-in-out 0.5s;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.ZcwjSearch a:hover::after{width:100%;height:100%;}
.YqxxSlide .bd{ position: relative; min-height: 245px;}

/*Part4 重点领域信息公开*/
.Part4{margin-top:20px;}
.Part4 .zwgkTitle{height:55px;margin-bottom:15px;}
.Part4 .zwgkTitle a{line-height:55px;}
.Part4 ul{flex-wrap: wrap;}
.Part4 ul li{width:calc((100% - 200px)/6);height:152px;margin:0px 40px 23px 0px;box-shadow: var(--main-boxshadow);}
.Part4 ul li:nth-child(6n){margin-right:0px;}
.Part4 ul li a{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;width:100%;height:100%;overflow: hidden;}
.Part4 ul li a em{display:inline-block;width:auto;height:auto;position: relative;margin-bottom:13px;}
.Part4 ul li a em::after{content:"";width:31px;height:31px;border-radius:50%;background:#d0e6ff;transition:all ease-in-out 0.5s;position:absolute;right:0px;bottom:0px;}
.Part4 ul li:hover a em::after{transform:scale(8);border-radius:0px;}
.Part4 ul li a em img{position: relative;z-index:2;}
.Part4 ul li a span{display: block;width:100%;height:auto;overflow: hidden;text-align:center;line-height:24px;font-size:20px;color:#222222;position: relative;z-index:2;padding:0px 50px;}

/*Part5 政府信息公开*/
.Part5{margin:13px auto 21px;}
.Part5 ul{ display: flex; }
.Part5 li{ position: relative;box-shadow: var(--main-boxshadow); overflow: hidden; width: calc((100% - 162px)/ 4); height: 110px; background-color: #FFF; border-radius: 0px; transition: all 0.5s; box-sizing: border-box; border: 1px solid transparent; margin-right:54px; }
.Part5 li a{ display: flex; height: 100%; position: relative; align-items: center; justify-content: center; }
.Part5 li em{ display: flex; position: relative; align-items: center; justify-content: center; width: 66px; height: 66px; margin-right: 15px; z-index: 0; transition: all 0.3s; }
.Part5 li em::before{ content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 20px; opacity: 0.2; z-index: 0; transition: all 0.3s; }
.Part5 li img{ user-select: none; display: block; pointer-events: none; position: relative; z-index: 1; }
.Part5 li h1{ display: block; position: relative; font-size: 20px;font-weight: bold; color: #222; line-height: 1.2; transition: all 0.3s; z-index: 1;}
.Part5 li.btn_1 em::before{ background-color: #ff473d; }
.Part5 li.btn_2 em::before{ background-color: #0dcb9f; }
.Part5 li.btn_3 em::before{ background-color: #43aefe; }
.Part5 li.btn_4 em::before{ background-color: #ffbb00; }
.Part5 li.btn_4{margin-right:0px;}
.Part5 li:hover em{ margin-right: 0; }
.Part5 li:hover em::before{ transition: all 0.5s; opacity: 1; transform: scale(8); }
.Part5 li:hover h1{ color: #FFF; text-shadow: 0px 1px 2px rgba(0,0,0,0.2); transform: translateY(-1px); }

/*Part6 建议提案办理*/
.Part6 ul{align-items: flex-end;height:120px;}
.Part6 li{  width: calc((100% - 144px)/ 5); height: 110px; background:url("../images/Zwgk_ico_19.png") no-repeat center bottom #f3f9ff; transition: all 0.5s; border: 1px solid transparent; box-sizing: border-box;}
.Part6 li a{ display: flex; height: 100%; position: relative; align-items: center; justify-content: center; }
.Part6 li img{ user-select: none; pointer-events: none; position: relative; z-index: 1;margin-right:10px; }
.Part6 li span{ position: relative; font-size: 20px;font-weight: bold; color: #222; line-height: 1.2;z-index: 1;}
.Part6 li:hover{ height: 120px; border-color: var(--main-color); }

/*Part7 高等院校查询*/
.Part7{height:100px; background:url("../images/Zwgk_ico_26.png") no-repeat center;background-size: cover;}
.Part7 a{display: flex;width: 100%;height:100%;justify-content: center;align-items: center;}
.Part7 a img{transition:all ease-in-out 1s;}
.Part7 a:hover img{transform: scale(1.1);}

/*Part8 教育数据*/
.Part8{box-shadow: var(--main-boxshadow);padding:17px 50px 41px;box-sizing: border-box;background:#ffffff;height: auto;margin-bottom:30px;}
.Part8 .title{width:100%;height:62px;position: relative;margin-bottom:9px;}
.Part8 .title .xt{width:96.6%;height:3px;position: absolute;left:50%;transform:translateX(-50%);top:34px;background:#2662bd;}
.Part8 .title a{display:block;width:177px;height:62px;margin:0 auto;background:#ffffff;position: relative;z-index:2;font-size: 36px;font-weight: bold;color:#222222;text-align: center;line-height:62px;}
.Part8 .title a::after,
.Part8 .title a::before{content:"";width:155px;height:15px;position: absolute;top:18px;}
.Part8 .title a::after{left:-155px;background:url("../images/Zwgk_ico_27.png") no-repeat center;}
.Part8 .title a::before{right:-155px;background:url("../images/Zwgk_ico_28.png") no-repeat center;}
.Part8 .title::after,
.Part8 .title::before{content:"";width:21px;height:21px;background:#ffffff;border-radius:50%;border:4px solid #2663bf;box-sizing:border-box;position: absolute;top:24px;}
.Part8 .title::after{left:0px;}
.Part8 .title::before{right:0px;}
.Part8 .channel{width:1142px;height:46px;margin-left:72px;margin-bottom:30px;}
.Part8 .channel .btn{width:48px;height:46px;float: left;}
.Part8 .channel .btn a{display:block;width:100%;height:23px;}
.Part8 .channel .btn a.prev{background:url("../images/Zwgk_ico_29_on.png") no-repeat center;}
.Part8 .channel .btn a.next{background:url("../images/Zwgk_ico_30_on.png") no-repeat center;}
.Part8 .channel .btn a.prevStop{background:url("../images/Zwgk_ico_29.png") no-repeat center;}
.Part8 .channel .btn a.nextStop{background:url("../images/Zwgk_ico_30.png") no-repeat center;}
.Part8 .channel .sjHd{width:calc(100% - 48px);height:100%;}
.Part8 .channel .sjHd ul{display: flex;justify-content: space-between;}
.Part8 .channel .sjHd ul li{width:calc((100% - 80px)/5);height:46px;background:#f3f9ff;border:1px solid #c7e3ff;box-sizing: border-box;border-radius:5px;}
.Part8 .channel .sjHd ul li a{display:flex;width:100%;height:100%;justify-content: center;align-items: center;font-size: 18px;font-weight: bold;color:#222222;line-height: 1.2;padding:0px 10px;box-sizing: border-box;}
.Part8 .sjBd{width:100%;height: 535px;}
.Part8 .channel .sjHd ul li.on{background:#2663bf;}
.Part8 .channel .sjHd ul li.on a{color:#ffffff;}