@charset "utf-8";
/* header&foot */
@font-face {font-family: "huakang"; src: url('../font/huakang.ttc');}
.box{width: 1600px; margin: 0 auto;}
header{ width: 100%; position: relative;}
a,img,button{ transition: 0.3s; color: #333;}
.head{ width: 100%; height: 100px;}
.headbox{ height: 100%;}
.logo img{ height:46px; display: block;}
.sousou{ width: 250px;height: 44px; border-radius: 44px; border: 1px solid #dddddd;}
.sousou form{ width: 100%; height: 100%;}
.souk{ border: none; width: calc(100% - 54px); box-sizing: border-box; display: block; height: 100%; background: transparent; padding: 0 0.2rem; font-size: 18px;}
.sous{ width: 54px; display: flex; border: none; align-items: center; justify-content: center; background-color: #3b7941; font-size: 0; border-radius: 44px;}
button:hover{ opacity: 0.9;}
.sous img{ display: block; height: 28px;}
nav{ display: flex; flex: 1; margin: 0 5%;}
.nav-item{transition: 0.3s; position: relative;}
.nav-item a{font-size: 20px;}
.nav-item a:hover{ color: #3b7941;}
.nav-item a.on{  color: #000; font-weight: bold;}
.mBtn{ display: none;  cursor: pointer;   box-sizing: border-box; width: 40px; height: 40px;align-items: center; justify-content: center; background-color: #3b7941; border-radius: 5px;}
.mBtn span{ display: block;  width: 22px;}
.mBtn span i{width: 100%; height: 2px; background: #fff; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 0px;}
.mBtn.active span i{ background-color: #000;}
.mBtn.active{ background: none;}
.m-c{ display: none;}
.second-nav{ display: none; transition: 0.3s; opacity: 0;}
.second-nav.active{ display: block; margin-bottom: 20px; opacity: 1;}
.yuyan{ display: block; margin-left: 20px; font-weight: bold;}

.banner{ width:100%;}
.banner_swiper{width: 100%;height: 100%; position: relative;}
.banner_swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden;}
.ban_bg{width: 100%; height: 100%;}
.ban_bg img{ display: block; width: 100%;}
.banner .swiper-pagination{ bottom: 0.25rem; margin: 0; padding: 0;}
.banner .swiper-pagination-bullet{ width:20px;height:20px;border-radius:100%; background-color: #fff; opacity: 0.5; margin: 0 10px!important;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
.swiper-button-next,.swiper-button-prev{ width: 0.6rem; height: 0.6rem; display: flex; justify-content: center; align-items: center; background-color: rgba(255,255,255,0.5); border-radius: 5px; opacity: 0.6;transition: 0.3s;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ color: #3b7941; font-size: 0.24rem; }
.swiper-button-next{ right: 0;}
.swiper-button-prev{ left: 0;}
.swiper-button-next:hover,.swiper-button-prev:hover{ opacity: 1;}

footer{ width: 100%; color: #cecece; background-color: #3b7941; margin-top: 1px;}
footer a{ color: #fff;}
footer a:hover{  color: #ff9900;}
.ftdi{ padding: 0.2rem 0; line-height: 2;flex-wrap: wrap; text-align: center; color: #fff; text-transform: uppercase;}
.ftdi i{ padding:0 8px;}

#toTop{ background-color:rgba(0,0,0,0.4); right: 20px; bottom: 92px; width: 40px; height:40px; border-radius: 5px; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 9990; }
#toTop:hover{background-color:rgba(44,104,50,0.8); }
#toTop img{ width: 60%;}

section{position: relative; padding: 1rem 0;}
main{width: 1600px; margin: 0 auto;}
.title{ width: 100%; text-align: center;  color: #1f2227; font-size: 42px; font-family: "huakang";}
.more{ width: 230px; height: 64px; display: flex; justify-content: center; align-items: center;transition: 0.3s; border-radius: 64px;  text-transform: uppercase; margin: 0 auto; background-color: #3b7941; font-size: 20px; font-weight: bold; color: #fff; box-shadow: 5px 10px 10px rgba(0,0,0,0.1);}
.more:hover{ transform: translateY(-5px);}
.tu h1{ overflow: hidden; position: relative; width: 100%;}
.tu h1 img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.tu h1::after{ width: 100%; padding-top: 60%; content: ""; display: block;}
.tu h1 img:hover{ transform: scale(1.05);}

.con1w{ width: 1200px; margin: 0 auto; max-width: 92%;}
.con1 .danye{ text-align: center;}
.con1tu{ flex-wrap: wrap;}
.con1list{ width: calc(50% - 0.15rem); border-radius: 0.3rem; overflow: hidden; margin-top: 0.3rem;}
.spneirong{ width: 100%; position: relative; height: auto; display: flex; align-items: center; z-index: 3; height: auto; height: 100%;overflow: hidden; border-radius: 0.3rem;}
.spneirong img{ width: 100%; display: block;}
.spneirong video{ display: block; width: 100%; height: 100%;}
.spneirong span{ display: flex; text-align: center; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; position: absolute; background: rgba(0,0,0,0.3);}
.spneirong span h1{ display: flex; text-align: center; color: #fff; cursor: pointer; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; align-items: center; justify-content: center;}
.spneirong span h1 img{ width:70px; height: 70px; transition: 0.3s;}
.spneirong span h1 img:hover{transform: scale(1.05);}
.con2bj{ background-color: #f9fafc;}
.tulist{ position: relative; overflow: hidden; border-radius: 0.3rem; transition: 0.3s; margin-top: 0.3rem;}
.fu{ position: absolute;left: 0; bottom: 0; width: 100%; background-color: rgba(59,121,65,0.5); box-sizing: border-box; padding: 0.2rem; transition: 0.5s;}
.tulist.tu h1::after{ padding-top: 100%!important;}
.more0{ width: 0;display: block;margin: 0 auto;}
.fu p{ font-size: 26px; width: 100%; text-align: center; color: #fff;}
.tulist:hover .fu{ display: flex; justify-content: center; align-items: center;background-color: rgba(59,121,65,0.9);height: 100%; width: 100%;}
.fu span{ display: block; width: 100%;}
.tulist:hover .fu .more0{ width: 0.4rem; margin-top: 0.2rem;}
.tulist .fu .more0:hover{ transform: scale(0.9);}
.tulist1 p{font-size: 30px;font-weight:bold; margin-top: 0.2rem;}
.tulist1 h1{ border-radius: 0.3rem; overflow: hidden;}
.more1{font-size: 20px; font-family: "微软雅黑"; text-transform: uppercase; font-weight: bold;}
.more1 img{ margin-left: 0.25rem;}
.more1:hover img{ margin-left: 0.1rem;}
.con4bj{ background-color: #c4d7c6; padding: 0.5rem 0;}
.con4bj .title{ text-align: left;}
.lxmap{ box-sizing: border-box;width: 100%; height: 50vh; border-radius: 0.3rem; overflow: hidden;}
.lxlist{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.2rem; }
.lxlist .lxlistbox{ margin-top: 20px; background-color: #fff; display: flex; flex-direction: column; padding: 30px; box-sizing: border-box; width: calc(33.3% - 20px);position: relative;}
.lxlist .lxlistbox img{ width: 36px; height: 36px;}
.lxlist .lxlistbox p{  line-height: 1.7; font-size: 18px; margin-top: 20px; font-weight: bold;}
.more11{ position: absolute; right: 0.3rem; top: 50%; transform: translateY(-50%);}
.lxlist .lxlistbox:hover .more11{right: 0.2rem; }






/*分页样式*/ 
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin:0 8px;}  
ul.yiiPager li a{ width: 40px; height: 40px; border-radius:100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#eee solid 1px;color: #666; transition: 0.3s; background-color: #eee;}  
ul.yiiPager li a:hover{background:#3b7941;border:#3b7941 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a::before{content: "\e741"; transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px;}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{background:#3b7941;border:#3b7941 solid 1px;color:#FFF;}
ul.yiiPager li.shouye a{ width: 60px; border-radius: 40px;}

.bar{margin-top: 50px; display: flex; justify-content: space-between;}
.bar a{font-size: 16px; color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #3b7941; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e694"; transform: rotate(-180deg);}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e694"; }
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right;}
.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}

.show_title{text-align: center;  border-bottom: 1px #eee solid; padding-bottom: 0.3rem;}
.show_title h1{font-size: 28px; font-weight: bold;}
.show_title h2{margin-top: 0.2rem; font-size: 16px;color: #999; display: flex;align-items: center; justify-content: center;}
.show_title i{ padding: 0.05rem;}
.danye{line-height: 2.2;font-size: 18px; width: 100%; color: #43444d;}
.danye img{max-width: 100%!important;}
.erbox .lxlistbox{ background-color: #f9fafc; border-radius: 0.3rem; overflow: hidden;}
.erbox .tulist{ box-sizing: border-box; border: 1px solid #ddd;}
.ernav{ display: flex; justify-content: center; flex-wrap: wrap;}
.ernav a{ margin:0 0.1rem; display: flex; justify-content: center; align-items: center; height: 50px; background-color: #eee; border-radius: 50px; padding: 0 0.3rem; font-size: 18px; margin-top: 0.2rem; color: #666; min-width: 7em;}
.ernav a:hover,.ernav a.on{ background-color: #3b7941; color: #fff;}

textarea{resize:none;} 
.kuai2{ width: calc(50% - 20px);}
.kuai3{ width: calc(33.33% - 28px); margin-right: 42px;}
.kuai4{ width: calc(25% - 27px); margin-right: 36px;}
.kuai3:nth-child(3n),.kuai4:nth-child(4n){ margin-right: 0;}

.dianji{ cursor: pointer; transition: 0.3s;}
.dianji:hover{ opacity: 0.9;}
.conf{ display: flex; justify-content: space-between;}
.conc{ display: flex; align-items: center;}
.confw{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.mtop100{ margin-top: 1rem;}
.mtop40{ margin-top: 0.4rem;}
.mtop50{ margin-top: 0.5rem;}
.mtop30{ margin-top: 0.3rem;}
.mtop20{ margin-top: 0.2rem;}
.ptop20{ padding-top: 20px;}
.ptop0{ padding-top: 0;}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ziov{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.ziov2{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 2; /* 限制最大行数为2行 */
        -webkit-line-clamp: 2; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov4{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 4; /* 限制最大行数为4行 */
        -webkit-line-clamp: 4; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov5{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 5; /* 限制最大行数为5行 */
        -webkit-line-clamp: 5; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
		
.banner img{
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-optimize-contrast; /* Webkit (Safari/Chrome) */
	image-rendering: pixelated; /* Standards */
	}