@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; }


.Title{ position: relative; height: 43px; line-height: 43px; display: flex; justify-content: space-between; }
.Title h1{ font-size: 30px; font-weight: bold; color: #266cb4; display: inline-block; }
.Title em{ position: relative; width: 1015px; width: calc(100% - 200px); padding-left: 15px; height: 0; border-bottom: 1px solid #2569b0; margin-top: 21px; }
.Title em::after{ content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #5189c4; position: absolute; right: 0; top: -3.5px; }
.Title p{ position: relative; font-size: 16px; color: #266cb4; }


/* 焦点图 */
.Focus{width: 580px; height:415px; background-color: #e9f3fe; }
.Focus .bd{}
.Focus .bd li{ position: relative; overflow: hidden; width: 580px; height:415px; }
.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((415px - 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;}


.ZwywPart{ width: 590px; }
.ZwywPart li{ position: relative; overflow: hidden; }
.ZwywPart li + li{ margin-top: 18px; }
.ZwywPart li .date{ position: relative; overflow: hidden; width: 120px; height: 90px; float: left; box-sizing: border-box; text-align: center; background-color: #e9f3fe; border-radius: 8px; display: flex; flex-direction: column; justify-content: center;}
.ZwywPart li .date p{ font-size: 24px; color: #266cb4; }
.ZwywPart li .date span{ font-size: 16px; display: block; color: #000; }
.ZwywPart li .Text{ float: right; position: relative; width: 450px; padding-top: 5px; }
.ZwywPart li .Text a{ display: block; position: relative; overflow: hidden; font-size: 18px; font-weight: bold; color: #000; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; line-height: 1.5; }
.ZwywPart li .Text a:hover{ color: #F00; }
.ZwywPart li .Text .desc{ position: relative; overflow: hidden; font-size: 14px; color: #b5b5b5; line-height: 1.5; text-indent: 2em; margin-top: 5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }



/*通知公告*/
.Part2{}
.Part2 .hd{ height: 60px; }
.Part2 .hd ul{ display: flex; justify-content: center; }
.Part2 .hd li{ position: relative; overflow: hidden; margin: 0 10px; }
.Part2 .hd li a{ display: inline-block; height: 49px; line-height: 49px; padding: 0 15px; font-size: 30px; color: #313131; font-weight: bold; }
.Part2 .hd li.on a{ color: #266cb4; }
.Part2 .hd .onBar{ position: absolute; top: 49px; left: 450px; border-top: 2px solid #266cb4; height: 9px; background: url("../images/Xwzx_ico_1.png") no-repeat center bottom; width: 130px; }

/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.5; background: url("../images/Home_ico_9.png") no-repeat left center; font-size: 18px; padding: 9px 0; padding-left: 15px; color: #000; }
.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; font-size: 16px; float: right; color: #b5b5b5;}

.Part2 .ulList li{ padding: 29px 0; padding-left: 25px; border-bottom: 1px solid #e8e8e8; }



/*省内动态*/
.PhotoPart{ width: 600px; }
.PhotoPart ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.PhotoPart li{ position: relative; overflow: hidden; width: 290px; height: 200px; transition: all 0.3s; }
.PhotoPart li + li + li{ margin-top: 15px; }
.PhotoPart li img{ position: relative; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.PhotoPart li p{ display: block; position: absolute; overflow: hidden; z-index: 2; font-size: 14px; font-weight: bold; color: #FFF; line-height: 1.3; padding: 0px 10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; width: 100%; box-sizing: border-box; left: 0; bottom: 10px; }
.PhotoPart li a::before{ content: ''; display: block; width: 100%; height: 50px; position: absolute; z-index: 1; left: 0; bottom: -10px; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)); transition:bottom 0.3s;}
.PhotoPart li:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }
.PhotoPart li:hover a::before{ bottom: 0; }

.RPartList{ width: 580px; }
.RPartList .ulList{ padding-top: 0; }
.RPartList .ulList li{ padding: 16px 0; padding-left: 15px; }


.Part4{ background-color: #eff4ff; padding: 20px 0 40px;}
.Part4 ul{ display: flex; justify-content: space-between; margin-top: 30px;}
.Part4 li{ position: relative; overflow: hidden; width: 385px; height: 266px; box-sizing: border-box; background-color: #FFF; padding: 45px 25px 0;}
.Part4 li .more{ position: absolute; width: 45px; height: 45px; top: 0; right: 0; z-index: 10;}
.Part4 li .more a{ display: block; height: 100%; background: url("../images/Xwzx_ico_2.png") no-repeat; }
.Part4 li h1{ display: block; position: relative; overflow: hidden; font-size: 22px; line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.Part4 li .desc{display: block;position: relative;font-size: 14px;color: #999999;line-height: 1.5;text-indent: 2em;margin-top: 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.Part4 li .date{ margin-top: 20px; font-size: 16px; color: #b6b6b6; padding-left: 30px; background: url("../images/Xwzx_ico_3.png") no-repeat left center; }