body{ margin:0px; padding:0px; font-size:14px;color:#000; font-family:"Microsoft Yahei ","微软雅黑"; background-color:#fff;}
a{ text-decoration:none; color:#000;}
html{ overflow-x:hidden}
img{ border:0px;vertical-align: middle; max-width:100%;}
ul,li,dl,dt,dd,form{margin:0px; padding:0px; list-style-type:none;}
p,h1,h2,h3,h4{margin:0px; padding:0px; font-weight:normal;}
input,textarea,button{margin:0;padding:0;outline:none;resize:none;}input[type="search"]{box-sizing:content-box}button{border:0}
article,aside,details,canvas,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}html{overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
* html .clear{height:1%}
.clear{display:block}.hide{display:none}
.clear{ clear:both; height:10px; line-height:10px;}
.clearfix:after{  content: "";
    display: table;
    clear: both;}
.wenzi,.wenzi a{color:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.white{ color: #fff;}
.red{ color: #ec733e;}
.more { clear:both;}
.more a{ border:1px #e1e1e1 solid; background-color:#FFF; display:block; display:block; width:150px; text-align:center; height:35px; line-height:35px; margin-left:auto; margin-right:auto; font-size:14px;}


.page{ clear:both; text-align:center;  height:45px;}
.page a ,.page span,.page em{ background-color:#FFF; margin-top:15px;   display:inline-block; margin-right:10px; border:1px #e1e1e1 solid; height:24px; line-height:24px; padding-left:10px; padding-right:10px;font-style:normal;}
.page .hover{ color:#FC4F48; border:1px #FC4F48 solid;margin-top:15px;} 
.page i{display:inline-block; margin-right:10px; border:1px #E6E6E6 solid; height:24px; line-height:24px; padding-left:10px; padding-right:10px; font-style:normal; background-color:#FFF;margin-top:15px;}

.buju{ display: flex; justify-content: space-between; align-items: center;}
.wrap{ width:1200px; margin-left:auto; margin-right:auto; }
.top{ height:106px; background-color:#ffffff; opacity: 0.9;  position:fixed; z-index:1000; width:100%; top:0px;}
.index1{ height:170px; clear:both;  color:#FFF; position: relative; margin-top: -85px; z-index: 10; }
.index1{ display:block;}
.index1 ul li{ display:block; height:170px; float:right; width:200px; text-align:center; background-color:#ec733e;}


.index1 ul li h3{ font-size:30px; font-weight: bold; padding:20px 0px; margin-top: 20px;}
.index1 ul li p{ font-size:18px;}


.index2{ padding: 60px 0px; text-align: center;}
.index2 h2{ font-size: 26px;}
.index2 i{ color: #e5e5e5; padding: 0px 10px;}




.index3{ display: flex;}
.index3 li{ flex: 1; height: 140px;}
.image-container { margin-bottom: 20px;}
.image-container img { margin-bottom: 15px;
    transition: filter 0.3s ease; /* 平滑过渡效果 */}
   
.image-container img:hover {
    filter: sepia() saturate(10) hue-rotate(120deg) brightness(150%);  }
    .image-container h3{ font-size: 18px;}
    .image-container ul{ display: flex;}
    .image-container ul li{ flex: 1; text-align: center; padding: 35px 0px;}
    .image-container ul li:hover{ background-color: #f6f9fb;}

.index6{ width: 645px;}    
.index6 h3{ font-weight: bold; font-size: 32px; padding: 10px 0px; margin-bottom: 10px;}
.index6 p{font-size: 16px; height: 175px; overflow: hidden; line-height: 35px;margin-bottom: 20px;}
.index7{ height: 640px; background: url(../images/2.jpg) no-repeat; background-size: 100% 640px;}


.index5{ width: 1210px; margin: auto;}
.index5 li{position: relative;  margin-bottom:30px;  float:left; width:290px;  margin-right:12px;background-color: #fff; height: 350px;}
.index5 li img{ width: 290px;}
.index5 li .div{ display: none;}
.index5 li:hover .div{ display: block; position: absolute; left: 0px; top: 0px; background-color: #54ab42; opacity: 0.9; color: #fff; width: 100%;height: 250px; padding: 50px 0px; }
.index5 li:hover .div h3{ margin: 0px 30px; font-size: 18px;}
.index5 li:hover .div  p{margin: 0px 30px;  padding-top: 10px; font-size: 14px; height: 144px; line-height: 24px; overflow: hidden; border-top: 1px #e0e0e0 solid; margin-top: 10px; margin-bottom: 30px;}
.index5 li .div1{ padding: 15px 15px;}
.index5 li .div1 h3{ font-size: 18px;}
.index5 li .div1 p{ padding-top: 10px; font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; border-top: 1px #e0e0e0 solid; margin-top: 10px;}
.index5 li .div .gengduo{ width: 50%; margin: auto; display: block; color: #fff; border: 1px #fff solid; line-height: 40px; text-align: center;}

.index8{ width: 1210px; margin: auto; }
.index8 li{position: relative;  margin-bottom:30px;  float:left; width:385px; margin-left: 8px;  margin-right:8px;background-color: #fff; }
.index8 li div{ padding-top: 30px; margin-bottom:20px; height: 50px;}
.index8 li div span{ padding-top: 5px; line-height: 20px; color: #54ab42; font-weight: bold; float: left; width: 100px; font-size: 28px;}
.index8 li div a{ font-size: 18px; font-weight: bold; line-height: 26px; height: 52px; overflow: hidden; float: right; width: 330px;}
.index8 li p{ clear: both; color: #868686; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden;}



.lyb{ margin-top: 30px;background: url(../images/5.jpg) no-repeat; background-size: 100% 100%; height: 420px;}
.lyb_bg{color: #fff; background: url(../images/bg1png.png);}
.lyb input{color: #fff;}
.lyb1{ position: relative; margin-bottom: 20px; padding: 10px 20px; height: 30px; line-height: 30px;}
.lyb1 input{ margin-top: 7px;}
.lyb1 a{ position: absolute; right: 0px; top: 0px; width: 100px; text-align: center; background-color: #fff;height: 50px; line-height: 50px; }
.lyb2{ height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; background-color: #008037;}


.foot{ clear:both; text-align:left; background-color:#2a2a34; color:#fff; line-height:26px; padding: 50px 0px;}
.foot a{color:#fff;}
.foot ul { display: flex;}
.foot ul li{ flex: 1;}
.foot ul li h3{ margin-bottom: 20px; font-size: 24px;}
.foot ul li .kj{ width: 300px; float: right;}
.foot ul li .kj a{ margin-bottom: 10px; display: block; float: left; width:50%; text-align: right }


.biaoti{font-size: 30px; font-weight: bold;}


.er1{ margin-bottom:25px; background-color:#efefef; border-bottom:1px #E1E1E1 solid; height:60px; line-height:60px; text-align:right;}

.er1 ul { display: block; display: flex;justify-content:center;}
.er1 ul li{ width:120px; text-align:center; font-size:14px;}
.er1 .hover{color:#FFF; background-color: #008037;  height:60px;}
.er1 .hover a{color:#FFF;}





.er2 h3{ font-size: 24px; padding-bottom: 20px; border-bottom: 1px #e0e0e0 solid; margin-bottom: 20px;}
.er2 h4{ font-size: 16px; line-height: 35px;}
.er2  p{ display: flex; justify-content: flex-start; font-size: 16px; line-height: 35px;}
.er2 i{ margin: 0px; padding: 0px; display: block; font-size: 50px; font-style: normal; height:16px; line-height:16px; overflow: hidden; margin-top: 7px; width: 50px;}


.er3 li{ margin-bottom:30px; padding-left:10px; padding-right:10px; float:left; width:280px;}
.er3 li p{ height:40px; line-height:40px; font-size:14px; text-align:center; overflow:hidden;}

.news ul{ margin-top:10px;}
.news ul li{ height: 300px; clear: both;}
.news ul li img{ width: 380px; height: 254px; float: left;}
.news ul li .w1{ width: 780px;float: right;}
.news ul li .w1 h3{ padding-top: 10px; margin-bottom: 20px; font-size: 24px; font-weight: bold;}
.news ul li .w1 p{ margin-bottom: 25px;  font-size: 16px; line-height: 40px; height: 120px; overflow: hidden;}
.news ul li .w1 div{ clear: both; line-height: 45px;}
.news ul li .w1 div a{ display: block; width: 160px; height: 45px; line-height: 45px; text-align: center; border: 1px #e0e0e0 solid;}

.news1{ margin-bottom: 20px; border-bottom: 1px #e0e0e0 solid; padding-bottom: 20px;; font-size: 24px; font-weight: bold;}
.news2{ clear: both; line-height: 30px;}


.cpzx1{ width: 250px; background-color: #f6f6f6;}
.cpzx1 h2{ padding: 30px 0px; background-color: #008037; color: #fff; font-size: 26px; font-weight: bold; padding-left: 30px; }
.cpzx1 h2 span{border-bottom: 1px #fff solid; padding-bottom: 10px; display: block;}
.cpzx1 ul { padding: 0px 10px;}
.cpzx1 ul li{ border-bottom: 1px #e7e7e7 solid; line-height: 60px;  padding-left: 30px; }
.cpzx1 ul .hover{background:url(../images/xian.jpg) no-repeat left center; color:#54ab42; }
.cpzx1 ul .hover a{color:#54ab42; }


.cpzx2{ margin: auto; }
.cpzx2 li{position: relative;  margin-bottom:30px;  float:left; width:292px; margin-left:20px; background-color: #fff; height: 350px; background-color: #f6f6f6;}
.cpzx2 li img{ width: 292px;}
.cpzx2 li .div{ display: none;}
.cpzx2 li:hover .div{ display: block; position: absolute; left: 0px; top: 0px; background-color: #54ab42; opacity: 0.9; color: #fff; width: 100%;height: 250px; padding: 50px 0px; }
.cpzx2 li:hover .div h3{ margin: 0px 30px; font-size: 18px;}
.cpzx2 li:hover .div  p{margin: 0px 30px;  padding-top: 10px; font-size: 14px; height: 144px; line-height: 24px; overflow: hidden; border-top: 1px #e0e0e0 solid; margin-top: 10px; margin-bottom: 30px;}
.cpzx2 li .div1{ padding: 15px 15px;}
.cpzx2 li .div1 h3{ font-size: 18px;}
.cpzx2 li .div1 p{ padding-top: 10px; font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; border-top: 1px #e0e0e0 solid; margin-top: 10px;}
.cpzx2 li .div .gengduo{ width: 50%; margin: auto; display: block; color: #fff; border: 1px #fff solid; line-height: 40px; text-align: center;}


.lx{ float: left; width: 515px;}
.lx h3{ font-weight: bold; color: #008037; font-size: 20px; margin-bottom: 30px;}
.lx p{ clear: both; margin-bottom: 20px;}
.lx p img{ float: left;}
.lx p span{ float: left;}