/* fonts */

@font-face{font-family:'sys';font-style:normal;font-weight:normal;src:url(../fonts/SourceHanSerifSC-Bol.woff) format("woff")}
.imp{font-family:'impact';}
.sys{font-family:'sys';}


.x_index{ background: #eeefef; margin-top: -5px; padding: 40px 0;}
.x_kslj{width: 100%;margin-bottom:30px;}
.x_kslj a{width:31.3%; float: left; background: #f4fbf4; padding: 30px 0;box-shadow: 0px 0px 8px 0px rgba(4, 0, 0, 0.1); display:block;margin-left:3%;text-align:center;  vertical-align: middle;}
.x_kslj a img{max-width:100%;vertical-align: middle;}
.x_kslj a:first-child{margin-left:0%;}
.x_kslj .a1{border-bottom: 5px solid #4b6b18; background: #5c7c2a;}
.x_kslj .a2{border-bottom: 5px solid #048458;background: #23a478;}
.x_kslj .a3{border-bottom: 5px solid #0b893d;background: #189e4d;}

.x_xyxx{width: 68.5%;float: left;background: #f4fbf4;padding: 20px;box-shadow: 0px 0px 8px 0px rgba(4, 0, 0, 0.1);}
.x_title{width:100%; position: relative;}
.x_title span a{ margin-top: 15px; float:right;font-size:16px;color:#222222;font-weight:normal; display:block;}
.x_title span a img{vertical-align: middle; margin-left: 5px; margin-top: -3px;}
.x_title .znav{ float: left;position: relative;z-index: 99;background: #f4fbf4;padding-right: 10px;}
.x_title .znav h1{font-size:22px;color:#17452f;font-weight:bold; line-height: 30px;}
.x_title .znav em{ margin-top: 2px; font-size:14px;color:#888888;text-transform: uppercase;line-height: 30px; font-style: normal; padding-left:35px;display: block;position: relative;}
.x_title .znav em:after{ display: block; content: ""; position: absolute; width: 30px; height: 3px; background: #17452f; left: 0; top:13px; }
.x_title:after{display: block;content: "";position: absolute;width: 100%;height: 1px;background: #17452f;right: 0;bottom: 15px;z-index: 9;}


.x_yw{width:55%; float: left;}
.x_yw .xfade{width:100%;}
.x_yw .xfade .pic{height:360px; position: relative;overflow: hidden;background:#fff;}
.x_yw .xfade .pic img{position:absolute; top:0;left:0; width: 100%; height: 100%;transition: 0.4s;object-fit: cover;}
.x_yw .xfade .pic:hover img{transform: scale(1.1);transition: .3s;}
.x_yw .xfade .slick-dots{text-align:center; line-height:50px; height:50px;width:20%; margin-top: 0;position: absolute;  right: 0;  bottom: 0px;}
.x_yw .xfade  .slick-dots li{width:10px!important;height:10px!important;background:#fff;margin: 0 3px!important;border-radius: 50%;top:20px;right:20px;}
.x_yw .xfade  .slick-dots li.slick-active{background:#5c7c2a!important;width:10px!important;height:10px!important;top:17px!important;}
.x_yw .xfade .slick-dots li button:before{display:none;}
.xfade .bot{width:100%;background:rgba(23,69,47,0.8); position:relative;margin:-50px auto 0; z-index: 1;}
.xfade .bot span{line-height:50px; color: #fff; text-align: left;width:80%; padding:0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block; font-weight: 600; font-size: 15px;}
.x_yw  .slick-slide{ margin: 0;}

.x_xyxw{width:43%; float: right;}
.x_news_list{ width: 100%;}
.x_news_list ul li{ position: relative;transition: 0.6s all; border-bottom: 1px solid #dbe0de; padding-top:3px; padding-bottom:8px; margin-bottom: 5px;}
.x_news_list ul li::after{ display: block; content: ""; position: absolute; width: 70px; height: 3px; background: #17452f; left: 0; bottom:-2px;}
.x_news_list ul li a{ display: block}
.x_news_list ul li:hover{margin-left:10px; transition: 0.6s all;}
.x_news_list ul li .bt{ font-size:15px; color: #222222; line-height:26px;transition:all 0.3s;}
.x_news_list ul li .date{font-size:16px; font-weight: 600;  color: #215130;line-height:28px;  }
.x_news_list ul li .date img{ margin-right:8px; vertical-align: middle;margin-top: -4px;}
.x_news_list ul li:hover .bt{color:#17452f;transition:all 0.3s;}

.x_tzgg{width: 28.8%;float: right;background: #f4fbf4;padding: 20px;box-shadow: 0px 0px 8px 0px rgba(4, 0, 0, 0.1);}
.x_tzgg ul li{ line-height:44px;border-bottom: 1px solid #d5ded8;transition: 0.6s all;}
.x_tzgg ul li:hover{margin-left:10px; transition: 0.6s all;border-bottom:1px #17452f solid;}
.x_tzgg ul li a{margin-left:55px; display: block;padding-left: 15px;}
.x_tzgg ul li .bt{ font-size:15px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;transition:all 0.3s;color: #222222;}
.x_tzgg ul li .bt:hover{color:#17452f;transition:all 0.3s;}
.x_tzgg ul li .date{float:left;font-size:16px; font-weight: 600;color: #17452f;}

.x_jxky{width: 31.6%;float: left;background: #f4fbf4;padding: 20px;margin-top: 40px;box-shadow: 0px 0px 8px 0px rgba(4, 0, 0, 0.1);}
.x_jxky_list{ padding-bottom: 10px;}
.x_jxky_list ul li{border-bottom: 1px solid #d5ded8;color: #fff;padding-left:20px; background:url("../img/list2.png") 2px center no-repeat;font-size:15px;height:44px; line-height:44px;}
.x_jxky_list ul li a{font-size:15px; color: #222;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; display: block;}
.x_jxky_list ul li:hover{margin-left:10px; transition: 0.6s all;}
.x_jxky_list ul li span{ float: right;font-size:16px; font-weight: 600;color: #17452f; padding-right: 5px; padding-left: 5px;}
.x_xsgz{ margin-left: 2.5%;}
.x_djgg{ float: right;}