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


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

.ulList.nd li a{max-width: 100%; float: none;}



.Part1{ }

.Focuspart{ width:730px; height: 495px; box-sizing: border-box; padding: 15px; background-color: #FFF; box-shadow: var(--main-boxshadow);}
.Focuspart .bd{ position: relative; z-index: 0; }
.Focuspart .bd li{ position: relative; overflow: hidden; height: 465px; }
.Focuspart .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.Focuspart .TextBar{ position: absolute; width: 100%; height: 60px; left: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; background-color: rgba(0,0,0,0.5); }
.Focuspart .TarCell{ position: relative; margin-left: 15px; width: calc(100% - 140px); }
.Focuspart .TarCell li{ position: relative; width: 100%; font-size: 20px; display: flex; align-items: center; }
.Focuspart .TarCell li a{ display: block; position: relative; overflow: hidden; max-width: calc(100% - 140px); line-height: 1.3; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; margin-left: 25px; color: #FFF; }
.Focuspart .TarCell li a:hover{ text-decoration: underline; }
.Focuspart .TarCell li .date{ position: relative; width: 115px; height: 84px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; line-height: 1.2; background-color: #3072d5; transform: translateY(-12px); color: #FFF;}
.Focuspart .TarCell li .date p{ font-size: 36px; }
.Focuspart .TarCell li .date::before,
.Focuspart .TarCell li .date::after{ content: ''; display: block; position: absolute; pointer-events: none; top: 0; border-top: 12px solid transparent; border-bottom: 12px solid #124592; }
.Focuspart .TarCell li .date::before{ right: 100%; border-right: 6px solid #124592; border-left: 6px solid transparent; }
.Focuspart .TarCell li .date::after{ left: 100%; border-right: 6px solid transparent; border-left: 6px solid #124592; }

.Focuspart .hd{ display: none; }
.Focuspart .pageState{ width: 130px; height: 100%; font-size: 32px; color: #FFF; text-align: center; line-height: 60px; }

.Focuspart>.aBox>a{display:block; width:32px; height:64px; position:absolute; top: 158px; top: calc((465px - 64px) / 2); cursor:pointer; opacity:0; filter: alpha(opacity=0); transition:all 0.5s; }
.Focuspart>.aBox>a.prev{ left:10px; background:url("../images/Home_ico_1.png") no-repeat center rgba(0,0,0,0.3); border-radius: 0 4px 4px 0;}
.Focuspart>.aBox>a.next{ right:10px; background:url("../images/Home_ico_2.png") no-repeat center rgba(0,0,0,0.3); border-radius: 4px 0 0 4px;}
.Focuspart:hover>.aBox>a{ opacity:1; filter: alpha(opacity=100);}
.Focuspart:hover>.aBox>a.prev{ left:0px;}
.Focuspart:hover>.aBox>a.next{ right:0px;}


.SzywSlide{ width: 635px; }

.PubHd{ position: relative; height: 49px; border-bottom: 1px solid #ddd; }
.PubHd ul{ display: flex; position: relative; }
.PubHd li{ position: relative; overflow: hidden; font-size: 24px; color: #222; user-select: none; height: 50px;}
.PubHd li + li{ margin-left: 40px;}
.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 25px; position: relative; z-index: 1; height: 50px; line-height: 35px;}
.PubHd li.on::before{ bottom: 0; }
.PubHd li.on a{ font-weight: bold; color: var(--main-color); }

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

.SzywSlide .bd{ position: relative; }
.SzywSlide .bd ul{ min-height: 338px; padding-top: 20px; }



.Part2{ padding: 25px 0 45px; background-color: #FFF; box-shadow: var(--main-boxshadow); }

.PartTitle{ display: flex; position: relative; height: 50px; align-items: center; justify-content: space-between; }
.PartTitle>h1{ position: relative; font-size: 36px; font-weight: bold; color: #222; white-space: nowrap; }
.PartTitle>em{ border-bottom: 1px solid #9ec3e8; position: relative; display: block; width: calc(100% - 160px); }

.Part2 .PubHd li + li{ margin-left: 10px; }
.Part2 .PubHd li a{ padding: 0 20px; }


.ZwgkPart{ width: 685px; }

.ZcwjSearch{ height: 55px; border-radius: 28px; background: #FFF; display: flex; align-items: center; justify-content: space-between; box-shadow: var(--main-boxshadow); margin-top: 23px; margin-bottom: 10px; }
.ZcwjSearch input{ position: relative; box-sizing: border-box; padding-left: 30px; height: 100%; border: none; background: none; line-height: 1.3; font-size: 16px; color: #333; width: calc(100% - 140px); border-radius: 25px 0 0 25px; }
.ZcwjSearch input::placeholder{ color: #b4b4b4; }
.ZcwjSearch a{display: flex;position: relative; width: 85px; height: 40px; border-radius: 20px;background-color: #226ab4;align-items: center;justify-content: center; margin-right: 9px; cursor: pointer; }
.ZcwjSearch a span{ font-size: 16px; color: #FFF; letter-spacing: 5px; margin-left: 4px; }


.YqxxSlide .bd{ position: relative; min-height: 245px;}
.YqxxSlide .ulList li{ padding: 9px 0; line-height: 1.461;}

.ZcwjSearch + .ulList li:nth-of-type(6){ display:none; }


/* 重点领域信息 */
.ZdlyxxgkPart{ width: 685px; }
.ZdlyxxgkPart .Con ul{ display: flex; flex-wrap: wrap; }
.ZdlyxxgkPart .Con li{ position: relative; overflow: hidden; width: calc((100% - 26px) / 3); height: 55px; box-shadow: var(--main-boxshadow); background-color: #FFF; margin-top: 25px; margin-right: 13px; }
.ZdlyxxgkPart .Con li:nth-of-type(3n){ margin-right: 0;}
.ZdlyxxgkPart .Con li a{ display: flex; height: 100%; position: relative; padding: 0 10px; font-size: 20px; color: #222; line-height: 1.3; align-items: center; justify-content: center; transition: all 0.3s; }
.ZdlyxxgkPart .Con li a:hover{ background-color: var(--main-color); color: #FFF; }


/* 政府信息公开 */
.ZfxxgkPart{ background-color: #f2f6ff; display: flex; justify-content: space-between; align-items: center; height: 167px; }
.ZfxxgkPart .Tit{ width: 75px; height: 167px; background:url(../images/Home_ico_3.png) no-repeat; position: relative; }
.ZfxxgkPart .Tit a{ position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #FFF; box-sizing: border-box; padding: 0 10px; text-align: center; line-height: 1.3;}
.ZfxxgkPart .Con{ position: relative; width: calc(100% - 105px); }
.ZfxxgkPart ul{ display: flex; }
.ZfxxgkPart li{ position: relative; overflow: hidden; width: calc(100% / 4 - 25px); height: 110px; background-color: #FFF; border-radius: 10px; transition: all 0.5s; box-sizing: border-box; border: 1px solid transparent; margin-right: 25px; }
.ZfxxgkPart li a{ display: flex; height: 100%; position: relative; align-items: center; justify-content: center; }
.ZfxxgkPart 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; }
.ZfxxgkPart 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; }
.ZfxxgkPart li img{ user-select: none; display: block; pointer-events: none; position: relative; z-index: 1; }
.ZfxxgkPart li h1{ display: block; position: relative; font-size: 20px; color: #222; line-height: 1.2; transition: all 0.3s; z-index: 1;}
.ZfxxgkPart li.btn_1 em::before{ background-color: #ff473d; }
.ZfxxgkPart li.btn_2 em::before{ background-color: #0dcb9f; }
.ZfxxgkPart li.btn_3 em::before{ background-color: #43aefe; }
.ZfxxgkPart li.btn_4 em::before{ background-color: #ffbb00; }

.ZfxxgkPart li:hover em{ margin-right: 0; }
.ZfxxgkPart li:hover em::before{ transition: all 0.5s; opacity: 1; transform: scale(8); }
.ZfxxgkPart li:hover h1{ color: #FFF; text-shadow: 0px 1px 2px rgba(0,0,0,0.2); transform: translateY(-1px); }


/* 教育服务 */
.Part3 .PartTitle em{ width: calc(100% - 650px);}
.PartTitle .link{ position: relative; display: flex; align-items: center; }
.PartTitle .link a{ display: block; position: relative; padding: 0 15px; }

.JyfwPart ul{ position: relative; display: flex; height: 240px; justify-content: space-between; align-items: flex-end; }
.JyfwPart li{ position: relative; overflow: hidden; box-sizing: border-box; width: 180px; height: 220px; border: 1px solid transparent; transition: all 0.5s; box-shadow: var(--main-boxshadow); background-color: #FFF; border-radius: 20px; }
.JyfwPart li a{ display: flex; position: relative; height: 100%; align-items: center; justify-content: center; flex-direction: column; }
.JyfwPart li img{ user-select: none; display: block; pointer-events: none; }
.JyfwPart li h1{ display: block; position: relative; font-size: 18px; color: #222; line-height: 1.2; transition: all 0.3s; height: 43px; margin-top: 10px; text-align: center; }
.JyfwPart li:hover{ height: 240px; border-color: var(--main-color); }


/* 互动交流 */
.HdjlPart{ width: 685px; }
.HdjlPart .Con{ display: flex; justify-content: space-between; margin-top: 25px; }
.HdjlPart .Tit a{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center;}
.HdjlPart .Tit p{ font-size: 24px; line-height: 1.5; color: var(--main-color); margin-top: 10px;}
.HdjlPart .list{ position: relative; width: calc(100% - 154px); padding-left: 20px; box-sizing: border-box; }
.HdjlPart .list::before{ content: ''; display: block; position: absolute; left: 0; top: 0; border-left: 1px dashed var(--main-color); height: 100%; }
.HdjlPart .list li{ position: relative; font-size: 18px; color: #222; line-height: 1.5; padding: 5px 0;}
.HdjlPart .list li + li{ margin-top: 19px; }
.HdjlPart .list li::before{ content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; border: 1px dashed var(--main-color); position: absolute; left: -28px; top: calc(50% - 8.5px); background-color: #FFF; }
.HdjlPart .list li a{ display: block; position: relative; overflow: hidden; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; }
.HdjlPart .list li:hover::before{ border-style: solid; }

.BtnBar{ height: 100px; box-shadow: var(--main-boxshadow); padding: 0 20px; }
.BtnBar ul{ display: flex; height: 100%; align-items: center; justify-content: space-between;}
.BtnBar li{ position: relative; }
.BtnBar li::before{ content: ''; display: block; position: absolute; left: 60px; bottom: 0; border-bottom: 3px solid var(--main-color); width: 0; }
.BtnBar li a{ display: flex; align-items: center; }
.BtnBar li em{ display: flex; width: 60px; height: 60px; position: relative; border-radius: 10px; background-color: #e9f2ff;  align-items: center; justify-content: center; transition: all 0.3s; }
.BtnBar li h1{ font-size: 20px; margin-left: 15px; color: #222; }

.BtnBar li:hover em{ background-color: var(--main-color); border-radius: 10px 10px 0 10px; }
.BtnBar li:hover img{ filter: brightness(100) contrast(1);}
.BtnBar li:hover::before{ transition: width 0.5s ease 0.25s; width: calc(100% - 60px); }


/* 专题专栏 */
.ZtzlPart{ width: 685px; }
.ZtzlPart .Con ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.ZtzlPart .Con li{ position: relative; width: calc((100% - 30px) / 2); height: 180px; margin-top: 28px; transition: all 0.3s; }
.ZtzlPart .Con li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.ZtzlPart .Con li:hover{ transform: translateY(-3px); box-shadow: 0px 3px 10px rgba(226,226,226,0.75);}