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


/*头条*/
.HomeHots{ padding: 18px 0 24px; background-color: #e9f3fe; }
.HomeHots .w1200{ padding: 0 30px; box-sizing: border-box; }
.HomeHots h1{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 36px; color: #266cb4; line-height: 1.2; font-weight: bold; margin: 0 1em; text-align: center; padding: 5px 0;}
.HomeHots .desc{ position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; line-height: 1.5; font-size: 16px; color: #585858; }
.HomeHots .hd{ position: absolute; bottom: 12px; left: 0; width: 100%; text-align: center;}
.HomeHots .hd li{ display: inline-block; position: relative; overflow: hidden; width: 30px; height: 7px; cursor: pointer; margin: 0 5px; background-color: #e8edf5; font-size: 0;}
.HomeHots .hd li.on{ background-color: #0d59a7; }

/*机构设置等按钮*/
.HotBtns{}
.HotBtns ul{display: flex;justify-content: space-around;justify-content: space-evenly;}
.HotBtns li{position: relative;margin-top: 15px;/* padding: 0 10px; *//* width: calc(100% / 5); */}
.HotBtns li h1{ display: block; width: 60px; height: 60px; position: relative; margin: 0 auto; border-radius: 50%; perspective: 1000px;}
.HotBtns li h1 img{ animation-duration: 1s; animation-fill-mode: both;}
.HotBtns li h1::after{ content: ''; position: absolute; left: 10%; bottom:0; width: 80%; height:5px; box-sizing: border-box; border-radius: 50%; z-index: 1; }
.HotBtns li p{ display: block; text-align: center; font-size: 20px; font-weight: bold; padding-top: 10px;}
.HotBtns li:hover h1 img{ animation-name: bounce; }
.HotBtns li:hover h1::after{ box-shadow:0px 7px 4px -2px #784a4a; }


/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url("../images/Home_ico_9.png") no-repeat left center; font-size: 18px; padding: 9px 0; padding-left: 15px; color: #404040; }
.ulList li a{ display: block; float: left; max-width:78%; max-width: calc(100% - 120px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li a:hover{ color: #F00; }
.ulList li span{ display: inline-block; float: right; color: #b5b5b5;}

.ulList.nd li a{max-width: 100%; float: none;}
.ulList.lg li{ line-height: 45px; *line-height: 43px; }

/*公共图片动画*/
.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; }



.Part1{ padding: 20px 0px 15px; }


/* 焦点图 */
.Focus{width: 580px; height:365px; background-color: #e9f3fe; }
.Focus .bd{}
.Focus .bd li{ position: relative; overflow: hidden; width: 580px; height:365px; }
.Focus .bd li img{ display: block; width: 100%; height: auto; min-height: 100%; }
.Focus .bg{ position: absolute; width: 100%; height: 50px; padding-top: 20px; left: 0; bottom: 0; background: linear-gradient(to bottom, transparent, #000); opacity: 0.8;}
.Focus .text{ position: absolute; width: 100%; height: 30px; left: 0px; bottom:25px; }
.Focus .text li{ position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 16.5px; color: #FFF; line-height: 30px; margin: 0 15px; text-align: center; font-weight: bold; }
.Focus .num{ position: absolute; width: 100%; left: 0px; bottom: 10px; display: flex; justify-content: center; }
.Focus .num li{ position: relative; overflow: hidden; width: 10px; height: 10px; margin: 0 3px; border-radius: 5px; background-color: #FFF; transition: all 0.3s; font-size: 0; cursor: pointer; }
.Focus .num li.on{ background-color: #ee4231; }

.Focus>a{display:block; width:48px; height:48px; position:absolute; top: 158px; top: calc((365px - 48px) / 2); cursor:pointer; opacity:0; filter: alpha(opacity=0); transition:all 0.5s; }
.Focus>a.prev{ left:10px; background:url("../images/Home_ico_6.png") no-repeat center rgba(0,0,0,0.6); border-radius: 0 8px 8px 0;}
.Focus>a.next{ right:10px; background:url("../images/Home_ico_7.png") no-repeat center rgba(0,0,0,0.6); border-radius: 8px 0 0 8px;}
.Focus:hover>a{ opacity:1; filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0px;}
.Focus:hover>a.next{ right:0px;}


/*要闻焦点*/
.FocusNews{ width: 590px; }

.YqtbPart{ padding: 10px 0; }
.YqtbPart>a{ display: block; float: left; font-size: 17px; color: #e7232d; font-weight: bold; line-height: 1.5; }
.YqtbPart .Con{ float: left; width: calc(100% - 90px); }
.YqtbPart .Con li{ position: relative; overflow:hidden; font-size: 17px; color: #2c2d3f; line-height: 1.5; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-weight: bold; }
.YqtbPart .Con li a:hover{ text-decoration: underline; }


.NewsSlide{}
.NewsSlide .hd{ position: relative; height: 38px; padding: 5px 20px;}
.NewsSlide .hd ul{ display: flex; justify-content: center;}
.NewsSlide .hd li{position: relative;font-size: 20px;color: #000;height: 38px;line-height: 38px;}
.NewsSlide .hd li a{ display: inline-block; padding: 0 5px; transition: all 0.3s; font-weight: bold;}
.NewsSlide .hd li.T.on a{ color: #266cb4;}
.NewsSlide ul.ulList li{padding: 8px 0;padding-left: 15px;}
.FocusNews ul.ulList{ padding-top: 0; height: 201px; }




/*首页横幅*/
.Part2{margin-top: 30px;}
.HomeHfBox{height: 130px;}
.HomeHfBox .hd{ display: none; }

.HomeHfBox .bd{position: relative;height: 130px;perspective:1500px;}
.HomeHfBox .bd ul,
.HomeHfBox .bd ul li,
.HomeHfBox .bd ul li img{width: 1200px;height: 130px;}
.HomeHfBox .bd ul{ transform-style:preserve-3D; transition: all 0.8s; }
.HomeHfBox .bd ul li{ position: absolute; left: 0; top: 0;}
.HomeHfBox .bd ul li.block{ display: block !important;}
.HomeHfBox .bd ul,
.HomeHfBox .bd ul li{ transform-origin: center center -50px; -webkit-transform-origin: center center -50px; -ms-transform-origin: center center -50px; -moz-transform-origin: center center -50px; }

.HomeHfBox>a{display: block;position: absolute;top: 43px;width: 45px;height: 45px;border-radius: 50%;cursor: pointer;}
.HomeHfBox>a.hf_prev{left: 10px;background: url("../images/Home_ico_6.png") no-repeat center rgba(255,255,255,0.2);}
.HomeHfBox>a.hf_next{right: 10px;background: url("../images/Home_ico_7.png") no-repeat center rgba(255,255,255,0.2);}
.HomeHfBox>a:hover{ background-color: rgba(0,0,0,0.5); }


/*政务公开、政务服务、互动交流*/
.Part3{ padding: 20px 40px; background:url("../images/Home_ico_10.png") repeat-y center top; margin-top: 30px;}

.Part3 .PartHd{ height: 60px; position: relative; text-align: center; }
.Part3 .PartHd li{ display: inline-block; position: relative; height: 60px; margin: 0 10px; }
.Part3 .PartHd li a{ display: block; position: relative; height: 60px; text-align: center; font-size: 30px; color: #313131; font-weight: bold; }
.Part3 .PartHd li a font{ display: inline-block; padding: 0 10px; margin: 1px 0; line-height: 58px;}
.Part3 .PartHd li.on a{ color: #266cb4; }
.Part3 .PartHd .onBar{ position: absolute; width: 60px; height: 22px; background: url("../images/Home_ico_11.png") no-repeat; top: 57px; z-index: 99; left: 405.844px; }


.Part3 .PartBd{ margin-top: 10px; background: #FFF; border-top: 3px solid #266cb4; padding-top: 10px; box-sizing: border-box;}

/*政务公开*/
.ZwgkPart .Part_T{ padding:10px 30px; position: relative; }

.ZcwjPart{ width: 790px; padding-top: 15px; }
.ZwgkPart .Tit{ height: 36px; position: relative; }
.ZwgkPart .Tit h1{ float: left; display: block; font-size: 22px; font-weight: bold; color: #266cb4; line-height: 36px; }
.ZcwjPart .Tit .zcSearch{ display: flex; }
.ZcwjPart .Tit .zcSearch label{ font-size: 22px; color: #266cb4; font-family: '宋体'; line-height: 36px; user-select: none; }
.ZcwjPart .Tit .zcSearch input{ display: block; position: relative; width: 520px; height: 36px; overflow: hidden; border-radius: 18px; border: none; background:url("../images/Home_ico_12.png") no-repeat 17px center #eef5fe; box-sizing: border-box; padding: 0 15px 0 50px; color: #bababa; font-size: 15px; line-height: 36px; }
.ZcwjPart .Tit .zcSearch input:focus{ outline: medium; color: #333; }

.ZcwjPart .NewZc{ height: 65px; box-sizing: border-box; padding: 6px 0; padding-left: 80px; background: url("../images/Home_ico_13.png") no-repeat left top; margin-top: 15px; }
.ZcwjPart .NewZc>a{ display: block; position: relative; overflow: hidden; font-size: 20px; font-weight: bold; line-height: 1.5; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; }
.ZcwjPart .NewZc>span{ display: block; font-size: 15px; color: #888888; }


.ZcjdPart{ width: 330px; }

.ZcjdSlideCard{ width: 320px; height: 228px; margin-top: 40px; }
.ZcjdSlideCard .hd{ display: none; }
.ZcjdSlideCard .bd{ position: relative; height: 228px; }
.ZcjdSlideCard .bd li{ position: absolute; overflow: hidden; border-radius: 10px; left: 0; top: 0; width: 320px; height: 228px; display: block !important; transform-origin: center top; transition: all 0.3s;}
.ZcjdSlideCard .bd li.on{ box-shadow:5px 5px 7px -2px #b99d9d; z-index:5; }
.ZcjdSlideCard .bd li img{ width: 100%; height: auto; min-height: 100%; }
.ZcjdSlideCard>a{display: block;width: 35px;height: 35px;position: absolute;top: 100px;opacity: 0.6;cursor: pointer;z-index: 10;box-shadow: 0px 0px 6px 0px #fff;border-radius: 50%;overflow: hidden;background-size: auto 60% !important;}
.ZcjdSlideCard>a.prev{background: url("../images/Home_ico_6.png") no-repeat center #000;left: 10px;}
.ZcjdSlideCard>a.next{background: url("../images/Home_ico_7.png") no-repeat center #000;right: 10px;}
.ZcjdSlideCard>a:hover{ opacity: 1; }


.ZwgkPart .Part_B{ padding:0 15px; position: relative; min-height: 70px; }

.JgszBtns ul{ display: flex; justify-content: space-around; }
.JgszBtns li{ position: relative; height: 70px; margin: 0 5px; border: 1px solid transparent; transition: all 0.3s; border-radius: 5px; padding: 0 10px; }
.JgszBtns li a{ display: block; padding: 0 5px; }
.JgszBtns li i{ display: block; margin: 0 auto; height: 40px; text-align: center; line-height: 40px; position: relative; }
.JgszBtns li span{ display: block; line-height: 30px; font-size: 20px; color: #313131; font-weight: bold; }
.JgszBtns li:hover{ border-color: #d8ecfa; box-shadow:1px 2px 5px -3px #d1b3b3; transform: translateY(-3px); background-color: #eaf0f5; }



/*政务服务*/
.ZwfwPart{ }
.ZwfwPart .ConPart{ padding:25px 30px; position: relative; min-height: 200px; background-color: #FFF; }

.Bmlqfwcxpt{width: 420px;height: 360px;background: url("../images/Home_ico_22.png") no-repeat center top;box-sizing: border-box;padding: 35px 30px 15px;text-align: center;}
.Bmlqfwcxpt>h1{ display: block; font-size: 24px; font-weight: bold; color: #FFF; line-height: 1.5; }
.Bmlqfwcxpt>ul{display: flex;margin: 10px 50px 40px;position: relative;flex-wrap: wrap;justify-content: space-evenly;}
.Bmlqfwcxpt>ul li{position: relative;line-height: 1.5;background: url("../images/Home_ico_23.png") no-repeat left center;font-size: 14px;color: #FFF;padding: 5px 0;padding-left: 20px;text-align: left;width: 100px;margin-top: 15px;}
.Bmlqfwcxpt>h2{display: block;height: 50px;position: relative;overflow: hidden;border-radius: 5px;background: rgba(255,255,255,0.5);transition: all 0.3s;max-width: 300px;margin: 0 auto;}
.Bmlqfwcxpt>h2 a{display: block;line-height: 50px;font-size: 17px;/* font-weight: bold; */color: #FFF;/* letter-spacing: 1px; */}
.Bmlqfwcxpt>h2:hover{ box-shadow:1px 2px 5px -3px #d1b3b3; transform: translateY(-3px); }

.ZwfwCardPart{ width: 695px; }
.ZwfwCardPart ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.ZwfwCardPart li{ position: relative; overflow: hidden; border-radius: 8px; width: 337px; box-shadow:-2px 2px 10px -3px #a99595; transition: all 0.5s; }
.ZwfwCardPart li.link{ height: 80px; line-height: 80px; text-align: center; }
.ZwfwCardPart li.card{ margin-top: 18px; }
.ZwfwCardPart li a{ display: block; height: 100%; position: relative; }
.ZwfwCardPart li.card a{ display: flex; justify-content: space-between; align-items: center; padding: 16px 25px; box-sizing: border-box; }
.ZwfwCardPart li.card h1{font-size: 20px;font-weight: bold;display: block;line-height: 1.3;padding-bottom: 10px;}
.ZwfwCardPart li.card p{ display: block; color: #a8a8a8; line-height: 1.5; font-size: 14px; }

.ZwfwCardPart li.card.sm{width: 220px;}
.ZwfwCardPart li.card.sm a{display:block;}
.ZwfwCardPart li.card.sm a .t{ position:relative; z-index:1;}
.ZwfwCardPart li.card.sm h1{ font-size:18px;}
.ZwfwCardPart li.card.sm a img{position:absolute;right:0;bottom:0;z-index: 0;}

.ZwfwCardPart li:hover{ transform: translateY(-3px); }







/*互动交流*/
.HdjlPart{}
.HdjlPart .ConPart{ padding:25px 30px; position: relative; min-height: 200px; background-color: #FFF; }
.HdjlPart .Part_L{ width: 690px; }

.ZwxxPart{ border: 1px solid #e3eaf4; height: 283px; }
.ZwxxPart .Tit{ position: relative; height: 58px; border-bottom: 1px solid #e3eaf4; background-color: #f6f8fa; padding: 0 15px; }
.ZwxxPart .Tit h1{ float: left; font-size: 22px; font-weight: bold; color: #266cb4; line-height: 38px; padding: 10px 0;}
.ZwxxPart .Tit ul.sonNav{ float: right; font-size: 18px; height: 38px; line-height: 38px; padding: 10px 0; margin-right: 20px; }
.ZwxxPart .Tit ul.sonNav li{ display: inline-block; color: #b9d0e7; }
.ZwxxPart .Tit ul.sonNav li a{ color: #333; }
.ZwxxPart .Con{ padding: 0 17px; }

.ZskLinkBtn{ margin-top: 15px; }
.ZskLinkBtn ul{ display: flex; justify-content: space-between; }
.ZskLinkBtn li{ display: block; position: relative; overflow: hidden; height: 70px; width: 330px; border-radius: 10px; background-color: #e9f3fe; transition: all 0.3s; }
.ZskLinkBtn li a{ display: flex; height: 100%; align-items: center; justify-content: center; }
.ZskLinkBtn li span{ font-size: 22px; font-weight: bold; padding-left: 15px; color: #333; }
.ZskLinkBtn li:hover{ box-shadow:1px 2px 5px -3px #000; transform: translateY(-3px); }

.ZjdcBox{ width: 420px; height: 368px; border: 1px solid #e3eaf4; }
.ZjdcBox .PubHd{ position: relative; height: 58px; border-bottom: 1px solid #e3eaf4; background-color: #f6f8fa; }
.ZjdcBox .PubHd ul{ display: flex; justify-content: center; }
.ZjdcBox .PubHd li{ height: 57px; position: relative; overflow: hidden; font-size: 22px; font-weight: bold; margin: 0 10px; }
.ZjdcBox .PubHd li a{ display: block; line-height: 57px; padding: 0 10px; }
.ZjdcBox .PubHd li.on{ border-bottom: 2px solid #266cb4; }
.ZjdcBox .PubHd li.on a{ color: #266cb4; }
.ZjdcBox .bd>.aBox{ padding: 30px 30px 0; }

.WsdcPart{}
.WsdcPart .inbd{}
.WsdcPart .inbd li{}
.WsdcPart .inbd li h1{ position: relative; overflow: hidden; display: block; font-size: 20px; font-weight: bold; color: #000; line-height: 1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height: 52px; }
.WsdcPart .inbd li .date{ display: block; line-height: 26px; width: 280px; border-radius: 15px; background-color: #b9d0e7; text-align: center; margin: 10px auto; font-size: 14px; color: #FFF; font-weight: bold; }
.WsdcPart .inbd li .desc{ display: block; position: relative; overflow: hidden; font-size: 14px; line-height: 1.5; text-indent: 2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.WsdcPart .inbd li .Btns{ position: relative; margin-top: 20px; display: flex; justify-content: center; }
.WsdcPart .inbd li .Btns a{ display: block; width: 150px; height: 40px; position: relative; overflow: hidden; border-radius: 3px; margin: 0 3px; font-size: 18px; color: #FFF; line-height: 40px; text-align: center; transition: all 0.3s;}
.WsdcPart .inbd li .Btns a.ing{ background-color: #24e6a8; }
.WsdcPart .inbd li .Btns a.join{ background-color: #266cb4; }
.WsdcPart .inbd li .Btns a.join::after{ content: '+'; padding-left: 10px; }
.WsdcPart .inbd li .Btns a:hover{ box-shadow:1px 2px 5px -3px #000; transform: translateY(-3px); }

.WsdcPart .inhd{ width: 100%; display: flex; justify-content: center; margin-top: 20px; }
.WsdcPart .inhd li{ position: relative; overflow: hidden; width: 28px; height: 5px; border-radius: 5px; background-color: #d2d2d2; cursor: pointer; margin: 0 3px; font-size: 0; }
.WsdcPart .inhd li.on{ background-color: #ff0000; }



.AlertImgPart{height:100px;margin-bottom: 20px;background-color: #FFF;}
.AlertImgPart ul{display:flex;justify-content: center;}
.AlertImgPart li{position:relative;overflow: hidden;height: 100px;width: 220px;}
.AlertImgPart li:nth-of-type(1){width: 320px;}
.AlertImgPart li a{display:flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;cursor: pointer;user-select: none;}
.AlertImgPart li p{font-size: 18px;color: #212121;line-height: 1.5;}
.AlertImgPart li + li:before{content:'';display: block;position: absolute;height: 60px;border-left: 1px solid #eee;left: 0;top: 20px;}


/*专题专栏*/
.Part4{ padding: 30px 0px; background-color: #eff4ff; }
.ZtzlPart{ padding: 15px 40px; background-color: #FFF; }

.Part4 .Title{ height: 43px; position: relative; overflow: hidden; line-height: 43px; }
.Part4 .Title::before{ content: ''; display: block; position: absolute; left: 130px; top: 21px; border-bottom: 1px solid #5189c4; width: 100%; }
.Part4 .Title>h1{ float: left; font-size: 30px; font-weight: bold; color: #266cb4;}
.Part4 .Title .More{ position: relative; float: right; font-size: 16px; color: #266cb4; padding: 0 15px; padding-left: 30px; background-color: #eff4ff;}
.Part4 .Title .More::before{ content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #5189c4; position: absolute; left: 0; top: 17.5px; }

.ZtzlSlide{margin-top: 15px;position: relative;}
.ZtzlSlide .bd .tempWrap{ margin: 0 auto;}
.ZtzlSlide .bd li{ position: relative; overflow: hidden; float: left; width: 250px; height: 320px; margin: 10px 12px 0; transition: all 0.3s; background-color: #FFF; border-bottom: 2px solid transparent;}
.ZtzlSlide .bd li .Pic{ position: relative; height: 160px; }
.ZtzlSlide .bd li .Pic img{ width: 100%; height: 100%; object-fit: cover; }
.ZtzlSlide .bd li .Con{ position: relative; padding: 20px 25px 0;}
.ZtzlSlide .bd li .Con>.date{ height: 24px; position: relative; font-size: 14px; line-height: 24px; color: #888888; }
.ZtzlSlide .bd li .Con>.date p{ display: inline-block; width: 80px; height: 24px; border-radius: 3px; background-color: #f63a3a; text-align: center; font-size: 12px; font-weight: bold; color: #FFF; margin-right: 10px; }
.ZtzlSlide .bd li .Con>h1{ position: relative; overflow: hidden; font-size: 18px; font-weight: bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-height: 1.3; margin-top: 10px; }

.ZtzlSlide .bd li:hover{ border-bottom-color: #266cb4; transform: translateY(-2px); /*box-shadow:1px 3px 5px -2px #9f9c9c;*/ }

.ZtzlSlide .hd ul{ display: flex; justify-content: center; margin-top: 20px; }
.ZtzlSlide .hd li{ position: relative; overflow: hidden; width: 16px; height: 16px; border-radius: 50%; margin: 0 10px; background-color: #d2d2d2; cursor: pointer; font-size: 0; }
.ZtzlSlide .hd li.on{ background-color: #266cb4; }
.ZtzlSlide>a{display: block;position: absolute;width: 30px;height: 120px;overflow:hidden;top: 108px;cursor: pointer;z-index: 10;transition:all 0.3s;}
.ZtzlSlide>a.prev{ left: 0px; background: url("../images/Home_ico_32.png") no-repeat center; }
.ZtzlSlide>a.next{ right:0px; background: url("../images/Home_ico_33.png") no-repeat center; }
.ZtzlSlide>a:hover{ background-color:#FFF; }