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



.PubHd{ height: 51px; position: relative; padding-bottom: 13px; }
.PubHd li{ position: relative; float: left; height: 51px; line-height: 51px; font-size: 22px; color: #FFF; }
.PubHd li.T::after{ content: ''; display: block; width: 40px; height: 4px; border-radius: 4px; background-color: #FFF; position: absolute; left: 50%; transform: translateX(-50%); bottom: -4px; opacity: 0; transition: all 0.3s; z-index: 0; }
.PubHd li a{ display: inline-block; padding: 0 15px; color: #FFF; }
.PubHd li.T.on::after,
.PubHd li.T:hover::after{ bottom: 0; opacity: 1; }
.PubHd li.T.on a{ font-weight: bold; text-shadow:2px 2px 0px #000;}


/*政务信箱*/
.ZwxxPart{ padding: 0 40px 20px; background-color: #FFF; margin-top: 20px; border-radius: 3px 3px 0 0; }
.ZwxxPart::before{ content: ''; display: block; width: 100%; width: calc(100% + 2px); height: 80px; position: absolute; left: -1px; top: -1px; border-radius: 10px 10px 0 0; z-index: 0; background-color: #0d59a7; }
.ZwxxPart .PubHd{ padding: 15px 0 14px; }
.ZwxxPart .PubHd li a{ padding: 0; }

.ZwxxPart .jQrIco{ float: right; margin-top: -5px; }
.ZwxxPart .jQrIco + .jQrIco{ margin-right: 30px;}


.SqxdCon{ width: 830px; }

.Tit{ position: relative; height: 40px; margin: 5px 0 0; }
.Tit h1{ display: block; float: left; font-size: 22px; color: #0d59a7; line-height: 40px; font-weight: bold; }
.Tit h1 a{ display: block; text-align: center; padding: 0 15px;}
.Tit h1 a::before{ content: ''; display: block; height: 28px; border-left: 6px solid #0d59a7; position: absolute; left: 0; top: 6px;}
.Tit ul{ float: left; margin-left: 10px; position: relative;}
.Tit ul li{ position: relative; overflow: hidden; float: left; height: 38px; border: 1px solid #d8ecfa; border-radius: 5px; margin-left: 18px; transition: all 0.3s; background-color: #f4faff; }
.Tit ul li a{ display: block; padding: 0 15px 0 45px; font-size: 22px; color: #0d59a7; height: 38px; line-height: 38px; }
.Tit ul li.btn1 a{ background: url("../images/Hdjl_ico_2.png") no-repeat 10px center; }
.Tit ul li.btn2 a{ background: url("../images/Hdjl_ico_3.png") no-repeat 10px center; }
.Tit ul li:hover{ transform: translateY(-3px); box-shadow:1px 3px 5px -2px #cdcdcd; }

.SqxdTable{ border: 1px solid #d8ecfa;}
.SqxdTable .thead{ position: relative; height: 48px; border-bottom: 1px solid #d8ecfa; background-color: #f4faff; }
.SqxdTable .thead li{ font-size: 18px; color: #0d59a7; line-height: 48px; font-weight: bold; text-align: center; display: table-cell; }
.SqxdTable .thead li.col1{ text-indent: 7.5em;}
.SqxdTable .col1{ width: 558px; padding: 0 15px; text-align: left!important; }
.SqxdTable .col2{ width: 120px; }
.SqxdTable .col3{ width: 120px; }
.SqxdTable .tbody{ padding: 10px 0; position: relative; }
.SqxdTable .tbody li{ position: relative; overflow: hidden; font-size: 16px; padding: 9px 0; display: flex; flex-wrap: nowrap; align-items: center;}
.SqxdTable .tbody li span{ display:block; text-align: center; position: relative; height: 24px; line-height:24px; justify-content:space-around; }
.SqxdTable .tbody li span a{ display: inline-block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; background: url("../images/Home_ico_4.png") no-repeat left center; padding-left: 15px; max-width: 100%; }
.SqxdTable .tbody li span.col2{ color: #999999; }
.SqxdTable .tbody li:hover{ }



.SqtjCon{ width: 345px; }

.SqtjEchart{ border: 1px solid #d8ecfa; min-height: 349px; padding: 7px; }
.SqtjEchart .MonthStat{height: 200px;border-bottom: 1px solid #d8ecfa;padding-bottom: 10px;}
.SqtjEchart .PieStat{height: 138px;}
.SqtjEchart .PieStat .highcharts-legend .highcharts-legend-item span{top: 1px !important;}
.SqtjEchart .PieStat .highcharts-legend .highcharts-legend-item span em{color:#ea1e22;padding-left:5px;font-weight: bold;}
.SqtjEchart .PieStat .highcharts-legend .highcharts-point{width: 20px;}

/*横幅外链*/
.Links{padding: 20px 40px;background-color: #FFF;display: flex;justify-content: space-between;}


.Part3{ padding: 20px 40px; background-color: #FFF; }

.ZjdcPart{ width: 830px; }
.HdPart{ position: relative; height: 58px; border: 1px solid #d8ecfa; padding: 0 10px; }
.HdPart li{ position: relative; height: 58px; line-height: 58px; font-size: 30px; color: #000; float: left; }
.HdPart li.T a::after{ content: ''; display: block; position: absolute; left: 50%; margin-left: -20px; bottom: -4px; opacity: 0; width: 40px; height: 4px; border-radius: 2px; background-color: #ea1e22; transition: all 0.3s; }
.HdPart li a{ display: block; height: 58px; padding: 0 15px; color: #000; }
.HdPart li.on a{ font-weight: bold; color: #0d59a7; text-shadow:1px 1px 3px #c7c7c7; }
.HdPart li.on a::after{ bottom: 0; opacity: 1;}
.ZjdcPart .bd{ min-height:294px;}

.ZjdcList li{ position: relative; overflow: hidden; height: 60px; border-radius: 8px; background-color: #f9fafb; margin-top: 22px; padding: 8px 15px;}
.ZjdcList li>em{ display: block; float: left; position: relative; width: 46px; height: 40px; border: 1px solid #0d59a7; border-radius: 8px; text-align: center; font-size: 16px; color: #FFF; padding: 9px 6px; line-height: 20px; background: #0d59a7; }
.ZjdcList li.S2>em{ line-height: 40px; background:#2d98f8; border-color: #2d98f8; }
.ZjdcList li .text{ position: relative; overflow: hidden; width: 600px; margin-left: 15px; float: left; }
.ZjdcList li .text a{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; line-height: 2; }
.ZjdcList li .text p{ display: block; font-size: 14px; color: #0d59a7; }
.ZjdcList li .btn{ position: relative; overflow: hidden; float: right; width: 100px; height: 32px; border-radius: 16px; border: 1px solid #0d59a7; font-size: 14px; float: right; margin: 14px 0 0;}
.ZjdcList li .btn a{ display: block; height: 100%; line-height: 32px; text-align: center; color: #0d59a7; padding-right: 10px; transition: all 0.3s; background-color: #FFF; }
.ZjdcList li .btn a::after{ content: '+'; position: absolute; right: 13px; animation-duration: 0.5s; animation-fill-mode: both;}
.ZjdcList li.S2 .btn a::after{ content: '>';}
.ZjdcList li .btn:hover{ box-shadow:0px 1px 4px 1px #d7c2c2; }
.ZjdcList li .btn a:hover{ padding: 0; background: #0d59a7; color: #FFF; }
.ZjdcList li .btn a:hover::after{ animation-name: rotateOut; }


.XtrkCon{width: 345px;}
.XtrkCon li + li{ margin-top: 8px;}
.XtrkCon li img{ width:100%; height:65px; }





.Part4{ padding: 20px 40px; background-color: #FFF; }

.Part4 .hd{ height: 40px; position: relative; overflow: hidden; line-height: 40px; background: url("../images/Hdjl_ico_5.png") repeat-x center; text-align: center; }
.Part4 .hd ul{ display: inline-block; padding: 0 20px; background: #FFF; }
.Part4 .hd ul li{ display: inline-block; position: relative; font-size: 30px; }
.Part4 .hd ul li a{ color: #333;}
.Part4 .hd ul li.on{ font-weight: bold; }
.Part4 .hd ul li.on a{ color: #0d59a7; }
.Part4 .bd{ margin-top: 15px; min-height: 340px; }
.ZxftPart{ }
.ZxftPart .First{ position: relative; overflow: hidden; float: left; width: 600px; height: 340px; }
.ZxftPart .First img{ width: 100%; height: 100%; }
.ZxftPart .zxftList{ width: 570px; position: relative; float: right; }
.ZxftPart .zxftList ul{ min-height: 260px; }
.ZxftPart .zxftList li{ position: relative; overflow: hidden; border-left: 6px solid #0d59a7; padding: 15px; background-color: #f9fafb; min-height: 90px; }
.ZxftPart .zxftList li + li{ margin-top: 20px; }
.ZxftPart .zxftList li a{ display: block; position: relative; overflow: hidden; font-size: 18px; line-height: 32px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.ZxftPart .zxftList li span{ display: block; font-size: 16px; color: #0d59a7; padding-top: 5px; }

.FthgBtn{ background-color: #f9fafb; height: 50px; position: relative; margin-top: 30px; transition: all 0.3s; }
.FthgBtn a{ display: block; height: 100%; position: relative; overflow: hidden; padding: 0 15px; }
.FthgBtn h1{ display: inline-block; height: 100%; line-height: 50px; padding: 0 20px 0 60px; background: url("../images/Hdjl_ico_6.png") no-repeat 20px center; font-size: 18px; color: #0d59a7;  }
.FthgBtn a::after{ content: ''; display: block; height: 100%; position: absolute; top: 0; right: 15px; width: calc(100% - 170px); transition: width 0.5s; background: url("../images/Hdjl_ico_7.png") no-repeat right center; }
.FthgBtn:hover{ background-color: #f7fafd; transform: translateY(-3px); box-shadow:1px 3px 5px -2px #cdcdcd;}
.FthgBtn:hover::after{  width: calc(100% - 200px); }

.XwfbhPart{height:340px;position: relative;}
.XwfbhPart .ConL{width: 600px;height: 340px;}
.XwfbhPart .ConL .pic{height:340px;position: relative;overflow: hidden;}
.XwfbhPart .ConL .pic img{width:100%;height:100%;object-fit: cover;}
.XwfbhPart .ConL .text{position:absolute;bottom:10px;left:10px;overflow: hidden;border-radius: 8px;background: rgba(0,0,0,0.6);color: #FFF;width: 560px;padding: 10px;box-shadow: 0px 0px 5px -3px #ffffff;}
.XwfbhPart .ConL .text h1{display:block;font-size: 17px;line-height: 1.3;font-weight: bold;}
.XwfbhPart .ConL .text p{display:block;font-size: 14px;margin-top: 5px;}
.XwfbhPart .ListR{width: 548px;border: 1px solid #d8ecfa;padding: 0 10px;height: 338px;}


.Part5{ padding: 20px 40px; background-color: #FFF; }

.HygqPart{ width: 830px; }

/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url("../images/Home_ico_4.png") no-repeat left center; font-size: 16px; padding: 10px 0; padding-left: 15px; color: #333; }
.ulList li a{ display: block; float: left; max-width:78%; max-width: calc(100% - 100px); 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; width: 90px; float: right; text-align:right; color: #999;}



.WbWxPart{ width: 343px; height: 358px; border: 1px solid #d8ecfa; }
.WbWxPart .hd{ padding: 10px 6px; position: relative; height: 38px; }
.WbWxPart .hd::before{ content: ''; display: block; position: absolute; height: 28px; width: 6px; background-color: #0d59a7; left: 0; top: 15px; }
.WbWxPart .hd li{ position: relative; overflow: hidden; float: left; font-size: 22px; }
.WbWxPart .hd li a{ display: block; padding: 0 10px; color: #333; height: 38px; line-height: 38px;}
.WbWxPart .hd li.on a{ font-weight: bold; color: #0d59a7;}

.WbWxPart .bd{ margin-top: 5px; }
.WbWxPart .bd ul{ display: flex; flex-wrap: wrap; justify-content: space-evenly; }
.WbWxPart .bd li{ position: relative; overflow: hidden; width: 90px; margin: 10px 0px 0; }
.WbWxPart .bd li span{ display: block; margin: 0 auto; width: 40px; }
.WbWxPart .bd li span img{ width: 100%; }
.WbWxPart .bd li h1{ display: block; text-align: center; font-size: 15px; line-height: 1.2; height: 36px; padding-top: 5px; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.WbWxPart .bd dl{ position:relative; }
.WbWxPart .bd dl dd{position:relative;text-align: center;}
.WbWxPart .bd dl img{display:block;width: 240px;margin: 0 auto 10px;border: 1px solid #ddd;}