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

.warp{ position: relative; min-width: 1420px; margin: 0 auto; background: #FFF; }



/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{position: relative;width: 100%;overflow: hidden;line-height: 1.5;font-size: 18px;padding: 5px 0;padding-left: 15px;color: #333;}
.ulList li::before{ content: ''; display: block; position: absolute; left: 2px; top: calc(50% - 5.5px); width: 4px; height: 11px; background: url(zsjyc_ico_4.png) no-repeat center; }
.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: #006835; }
.ulList li span{ display: inline-block; float: right; color: #999;}

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


.PageTitle{ display: flex; justify-content: space-between; align-items: center; position: relative; height: 65px; border-bottom: 1px solid #ddd; }
.PageTitle h1{ font-size: 28px; color: #006835; height: 100%; position: relative; display: flex; align-items: center;}
.PageTitle h1::after{ content: ''; display: block; position: absolute; width: 100%; border-bottom: 3px solid #006835; left: 0; bottom: -2px; }
.PageTitle .More{ position: relative; font-size: 14px; font-family: '宋体'; color: #006835; }
.PageTitle .More a{ color: inherit;}

.Part1{ padding: 30px 0; background: #f7f7f7; }

.XwggPart{ width: 900px; }
.XwggPart .Con{ margin-top: 13px; height: 420px; box-sizing: border-box; background: #FFF; padding: 15px 25px 0 20px; }
.FocusNews{ display: flex; position: relative; justify-content: space-between; }
.FocusNews .bd{ position:relative; width: 500px; height: 315px; }
.FocusNews .bd li{ position: relative; overflow: hidden; width: 500px; height: 315px; }
.FocusNews .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.FocusNews .FoCon{ position: relative; width: 325px; }
.FocusNews .TargetCell li{ position: relative; padding: 14px 0; }
.FocusNews .TargetCell li .T{ position: relative; border: 1px solid #e6f0ef; border-left: none; border-right: none; padding: 18px 0; display: flex; justify-content: space-between; align-items: center;}
.FocusNews .TargetCell li .T .date{ position: relative; overflow: hidden; width: 70px; height: 70px; box-sizing: border-box; border: 1px solid #f3f2ef; border-radius: 10px; }
.FocusNews .TargetCell li .T .date p{ display: flex; align-items: center; justify-content: center; height: 29px; border-bottom: 1px solid #aacdbc; background-color: #006835; font-size: 12px; color: #FFF; user-select: none; }
.FocusNews .TargetCell li .T .date span{ display: flex; align-items: center; justify-content: center; font-size: 28px; color: #006835; user-select: none; height: 40px; }
.FocusNews .TargetCell li .T h1{position: relative;width: calc(100% - 85px);font-size: 20px;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.FocusNews .TargetCell li .T h1 a{ line-height: 1.5; }
.FocusNews .TargetCell li .desc{position: relative;overflow: hidden;font-size: 16px;line-height: 1.5;color: #888;text-indent: 2em;margin-top: 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;height: 116px;}
.FocusNews .hd{ position: relative; height: 1px; display: flex; background-color: #006835; margin: 20px 0; justify-content: center; align-items: center; }
.FocusNews .hd li{ position: relative; overflow: hidden; border-radius: 50%; background-color: #FFF; transition: all 0.3s; margin: 0 3px; width: 35px; height: 35px; font-size: 16px; display: flex; color: #006835; align-items: center; justify-content: center; border: 3px solid #FFF; cursor: pointer; user-select: none; }
.FocusNews .hd li.on{ background-color: #006835; color: #FFF; }

.XwggPart .ulList li{ padding: 3px 0; padding-left: 0;}
.XwggPart .ulList li::before{ display: none; }



.Part2{ padding: 20px 0; }

.JgjjPart{ width: 450px; }
.JgjjPart .Con{ margin-top: 13px; height: 420px; box-sizing: border-box; background: #FFF; padding: 25px 27px; }
.JgjjPart .Tit{ position: relative; overflow: hidden; height: 60px; display: flex; background-color: #006835; align-items: center; justify-content: space-evenly; border-radius: 0 40px 0 40px;}
.JgjjPart .Tit h1{ font-size: 24px; color: #FFF; user-select: none;}
.JgjjPart .Tit::before,
.JgjjPart .Tit::after{ content: ''; display: block; width: 10px; height: 9px; position: relative; overflow: hidden; background-color: #FFF; clip-path: polygon(75% 0,100% 50%,75% 100%, 25% 100%,0 50%, 25% 0);}
.JgjjPart .HtmlCon{ position: relative; height: 280px; margin-top: 25px; padding-right: 40px; overflow-y: auto; overflow-y: overlay; font-size: 16px; color: #686868; line-height: 1.5; }
.JgjjPart .HtmlCon>*{ text-indent: 2em; }

.HtmlCon::-webkit-scrollbar{ width: 4px; height: 4px; box-sizing: border-box; background: transparent;}
.HtmlCon::-webkit-scrollbar-track-piece{ background: #dcdcdc; border-radius: 5px;}
.HtmlCon::-webkit-scrollbar-thumb{ background-color: #7fbe25; border-radius: 5px;}
.HtmlCon::-webkit-scrollbar-thumb:hover{ background-color: #006835; }




.SlidePart{ width: 680px; }
.SlidePart .Tit{ position: relative; height: 65px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; }
.SlidePart .Tit .hd{ position: relative; display: flex; height: 100%; }
.SlidePart .Tit .hd li{ position: relative; height: 100%; font-size: 28px; }
.SlidePart .Tit .hd li a{ display: block; height: 100%; line-height: 65px; color: inherit;}
.SlidePart .Tit .hd li.on{ color: #006835; }
.SlidePart .Tit .hd li.l{ width: 56px; display: flex; align-items: center; justify-content: center; }
.SlidePart .Tit .hd li.l::before{ content: ''; display: block; height: 30px; border-left: 1px solid #7f7f7f;}

.SlidePart .Tit .TargetCell li{ position: relative; display: none; font-size: 14px; font-family: '宋体'; color: #006835;}
.SlidePart .Tit .onBar{ position: absolute; left: 0; bottom: -2px; width: 112px; border-bottom: 3px solid #006835; }

.SlidePart .bd{ position: relative; margin-right: 20px;}
.targetCell li{color: #006835;}
.More a:hover,
.targetCell li a:hover{color: #ff9b0f;}

.JycyxxptPart{ width: 680px; }
.JycyxxptPart .Con{ height: 248px; box-sizing: border-box; padding-right: 20px;}


.Part3{margin-top: 20px;}
.Part3>ul {display: flex;}
.Part3>ul li{width: 215px;height: 151px;margin-left: 22px;position: relative;}
.Part3>ul li:first-child{margin-left: 0;}
.Part3>ul li.li_1{background:url(zsjyc_img1.png);}
.Part3>ul li.li_2{background:url(zsjyc_img2.png);}
.Part3>ul li.li_3{background:url(zsjyc_img3.png);}
.Part3>ul li.li_4{background:url(zsjyc_img5.png);}
.Part3>ul li.li_5{background:url(zsjyc_img4.png);}
.Part3>ul li.li_6{background:url(zsjyc_img6.png);}
.Part3>ul li a{display: inline-flex;width: 100%;height: 100%;color: #FFF;position: absolute;top: 0;left: 0;background:  rgba(0, 104, 53, .8);}
.Part3>ul li a::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(zsjyc_img_bg.png);opacity: 0;} 
.Part3>ul li a .text{position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.Part3>ul li a .text i{display: inline-flex;height: 45px;width: 62px;background: url(zsjyc_icon1.png) no-repeat;margin-bottom: 16px;}
.Part3>ul li.li_1 a .text i{background-position: 10px 0px;}
.Part3>ul li.li_2 a .text i{background-position: -225px 0px;}
.Part3>ul li.li_3 a .text i{background-position: -460px 0px;}
.Part3>ul li.li_4 a .text i{background-position: -698px 0px;}
.Part3>ul li.li_5 a .text i{background-position: -932px 0px;}
.Part3>ul li.li_6 a .text i{background-position: -1175px 0px;}
.Part3>ul li a .text p{font-size: 22px;}
.Part3>ul li a:hover::before{opacity: 1;}
.Part3>ul li a:hover .text{width:100%;height:100%;}
.Part3>ul li a:hover .text i{display: none;}
.Part3>ul li a:hover .text p{position:relative;width:auto;height:47px;text-align:center;line-height:47px;padding:0px 24px;}
.Part3>ul li a .text p::before,
.Part3>ul li a .text p::after,
.Part3>ul li a .text p span::before,
.Part3>ul li a .text p span::after{content: '';display: block;position: absolute;transition: all 0.5s;opacity: 0;z-index: 0;}
.Part3>ul li a .text p::before{border-top: 1px solid #ffffff;width: 0;left: 0px;top: 0;}
.Part3>ul li a .text p::after{border-left: 1px solid #ffffff;height: 0;left: 0;bottom: 0;}
.Part3>ul li a .text p span::before{border-bottom: 1px solid #ffffff;width: 0;right: 0;bottom: 0;}
.Part3>ul li a .text p span::after{border-right: 1px solid #ffffff;height: 0;right: 0;top: 0;}
.Part3>ul li a:hover .text p::before{ width:100%; opacity: 1; }
.Part3>ul li a:hover .text p::after{ height:100%; opacity: 1; }
.Part3>ul li a:hover .text p span::before{ width:100%; opacity: 1; }
.Part3>ul li a:hover .text p span::after{ height:100%; opacity: 1; }