/* header  */
.header {
	position: fixed;
	width: 100%;
	height: 60px;
	background-color: #fff;
	box-shadow: 0 0 5px;
	z-index: 9999;
}
.logo_h {
	height: 40px;
	width: 215px;
	margin: 10px 20px;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}
.logo_h h1 {
	height: 40px;
	width: 215px;
}
.logo_h img {
	height: 40px !important;
	width: 215px !important;
}	
.shortcut {
	position: relative;
	height: 60px;
	padding-left: 260px;
	z-index: 999;
}
/* header_search  */
.search_box form {
	position: relative;
	width: 100%;
	height: 48px;
	margin: 0 auto;
	background: #ffffff;
}
.search_box input, .search_box button {
	border: none;
	outline: none;
}
.search_box input {
	width: 96%;
	height: 48px;
	padding-left: 13px;
}
.search_box button {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
	cursor: pointer;
}
.search_box input, .search_box button {
	display: block;
	background: transparent;
}
.search_box button:before {
	content: "\e604";
	font-family: iconfont;
	font-size: 25px;
	color: #000000;
}
@media screen and (min-width:1025px) {
	/* 菜单 */
	.head_r { float: right;	}
	.nav {
		position: absolute;
		left: 300px;
		right: 300px;
		float: left;
	}
	.nav ul {
		position: relative;
		display: flex;
		justify-content: space-around;
		width: 100%;
		height: 60px;
	}
	.nav ul>li {
		width: 100%;
		height: 100%;
	}
	.nav label,.shortcut a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 60px;
		text-align: center;
	}
	.nav ul>li:hover ol { display: block;}
	.nav ul>li ol li {
		height: 40px;
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.nav ul>li ol li a {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 40px;
		text-align: center;
	}
	.nav ul>li ol li:hover a {
		background-color: #cce198;
		color: black !important;
	}
	.nav ul>li ol {
		width: 100%;
		background-color: rgb(255, 255, 255);
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
		display: none;
	}
	.checktn, input { display: none;}
	.language { display: inline-block;}
	.language span {
		display: inline-block;
		height: 60px;
		width: 40px;
		line-height: 60px;
		font-size: 16px;
	}
	.language a {
		display: inline;
		padding: 5px;
		text-align: center;
	}
	#CN a {
		color: white !important;
		background-color: black;
		text-decoration: none
	}
	.language a:hover {
		color: white !important;
		background-color: black;
	}
	/* header search  */
	.header_search {
		display: inline-block;
		font-size: 18px;
		width: 60px;
		margin: 0 0 0 10px;
	}
	.search_box {
		float: right;
		position: absolute;
		top: 5px;
		width: 300px;
		right: 30px;
		height: 50px;
		display: none;
		z-index: 9;
		background-color: white;
	}
	.search_icon #sousuo {
		height: 60px;
		width: 60px;
		line-height: 60px;
		text-align: center;
		right: 0;
		cursor: pointer;
	}
	#check_sousuo:checked~.search_box {
		display: block;
	}
	.search_box input {
		border: 1px solid black;
	}
}
@media screen and (max-width:1180px) {
	.nav ul>li ol { 
		width: 140%;
		margin-left: -16%;
	}
}
@media screen and (max-width:1025px) {
	.logo_h {
		height: 32px;
		width: 215px;
		margin: 14px 20px;
		float: left;
	}
	.logo_h img {
		height: 32px;
		width: auto;
	}
	#check { display: none;}
	.nav input { display: none;}
	/* button  */
	.checktn #gengduo, .checktn #guanbi {
		position: absolute;
		height: 60px;
		width: 60px;
		line-height: 60px;
		text-align: center;
		color: #599760;
		float: right;
		right: 0;
		cursor: pointer;
		transition: all .5s ease;
		z-index: 9999;
	}
	.checktn #gengduo { font-size: 25px;}
	.checktn #guanbi { font-size: 18px;}
	.checktn #guanbi {
		opacity: 0;
		display: none;
	}
	#check:checked~.checktn #gengduo {
		opacity: 0;
		display: none;
	}
	#check:checked~.checktn #guanbi {
		opacity: 1;
		display: block;
		color: white;
	}
	/* 菜单 */
	.nav ul ol { display: none;	}
	.header_re {
		position: fixed;
		width: 100%;
		height: 110vh;
		background-color: #357157;
		right: -100%;
		transition: all .5s;
		z-index: 999;
	}
	.nav ul li {
		height: 40px;
		line-height: 40px;
		border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
	}
	.nav ul li.on {border-bottom: 2px solid white;}
	.nav ul li a {
		display: block;
		padding-left: 20px;
		color: white !important;
	}
	.shortcut { margin: 0;	}
	#check:checked~.header_re { right: 0;}
	.language {
		height: 60px;
		line-height: 60px;
		margin-left: 15px;
	}
	.language a {
		margin: 5px;
		color: rgb(255, 255, 255) !important;
	}
	.language #EN a { color: rgba(255, 255, 255, 0.5) !important;}
	.language i {display: none;}
	/* search  */
	.header_search { height: 50px;}
	.search_icon, #check_sousuo { display: none;}
	.search_box {
		margin: 0;
		padding: 0;
		width: 95%;
		height: 40px;
		margin: 0 auto;
		background-color: #fff;
	}
	 .search_box form { height: 40px;}
	.search_box input { height: 40px;}
	.search_box button {
		height: 40px;
		width: 40px;
	}
}
/* footer */
.footer {
	overflow: hidden;
	width: 100%;
	min-height: 180px;
	padding: 35px 0;
	box-sizing: border-box;
	color: white;
	background-color: black;
}
.footer_t {
    position: relative;
	overflow: hidden;
	width: 70%;
    padding-right: 115px;
    /* width: 80%; */
    /* padding: 0 20px; */
	margin: auto;
}
.logo_f {
	height: 45px;
	width: 215px;
} 
.logo_f img {
	height: 40px !important;
	width: auto;
}
.footer_t-r {
    position: absolute;
    top: 0;
    right: 0;
	width: 100px;
	height: 100px;
	/* margin: -45px 0 0 20px; */
}
.footer_t-r img {
	height: 83px !important;
	width: auto;
	margin-left: 6px;
}
.footer_t-r i { 
    white-space: nowrap;
    font-style: normal;
}
.contact_information { margin-top: 16px;}
.contact_information p {
	display: inline-block;
	margin-right: 4em;
}
body {
	position: relative;
	padding-bottom: 180px;
	box-sizing: border-box;
}
.content { 
	min-height: calc(100vh - 526px);
	margin: 10px auto;
	box-sizing: border-box;
}
.footer {
	position: absolute;
	bottom: 0;
}
/* @media screen and (max-width:1577px) {
	body { padding-bottom: 194px;}
	.content {  min-height: calc(100vh - 540px);}
	.footer_t-r { margin-top: -26px;}
} */
@media screen and (max-width:1357px) {
	body { padding-bottom: 194px;}
	.content {  min-height: calc(100vh - 561px);}
	.footer_t-r { margin-top: -6px;}
}
@media screen and (max-width:1053px) {
	body { padding-bottom: 214px;}
	.content { min-height: calc(100vh - 555px);}
}
@media screen and (max-width:978px) {
	body { padding-bottom: 319px;}
	.content {  min-height: calc(100vh - 707px);}
	.footer { padding: 10px 0 20px;}
	.logo_f, .footer_t-r, .contact_information {
		display: block;
		float: none;
		margin: 15px auto;
		text-align: center;
	}
	.footer_t { 
        width: calc(100% - 40px);
        padding-right: 0;
    }
	.footer_t-r { position: static;}
	.footer_t-r img { margin-left: 0;}
	.footer p {
		display: block;
		margin: 0;
		text-align: center;
	}
	.footer_t a{text-align: center;}
}
@media screen and (max-width:663px) {
	body { padding-bottom: 339px;}
}
@media screen and (max-width:663px) {
	body { padding-bottom: 339px;}
}
@media screen and (max-width:393px) {
	body { padding-bottom: 360px;}
}

/* public  */
/*内页banner*/
.site_banner {
	position: relative;
	margin-top: 60px;
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.site_banner .blank_25 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.25);
}
.site_banner img {
	width: 100%;
    height: 100% !important;
    object-fit:cover;
	z-index: 1;
}
/* pub_box  */
.pub_box {
	padding: 15px 0;
	background: #f7f7f7 url(../images/about_bg_01.jpg) no-repeat;
	background-size: auto 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.pub_box .le {
	overflow: hidden;
	float: left;
	width: 120px;
	animation-duration: 1s;
	display: none;
}
.pub_box .le h1 {
	float: left;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
}
.pub_box .le p {
	float: left;
	font-weight: bold;
	line-height: 18px;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
}
.pub_box .le .second {display: none;}
.pub_box .re {
	width: calc(100% - 240px);
	float: right;
}
.pub_flow ul {
	overflow: hidden;
}
.pub_flow li {
	float: left;
	width: 18%;
	position: relative;
	padding-bottom: 30px;
}
.pub_flow li:last-child .pub_line {
	display: none;
}
.pub_flow li a {
	display: inline-block;
	position: relative;
	text-align: left;
}
.pub_flow li a,.pub_flow li span {
	height: 56px;
	line-height: 56px;
	box-sizing: border-box;
}
.pub_flow li span {
	display: none;
	width: 56px;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #d2d2d2;
	border-radius: 50%;
}
.pub_flow li span i {
	display: block;
	width: 7px;
	height: 7px;
	background: #88c346;
	border-radius: 50%;
}
.pub_flow li em {
	width: 1px;
	height: 55px;
	background: #d2d2d2;
	position: absolute;
	left: 27px;
	bottom: 0;
	display: none;
}
.pub_line {
	position: absolute;
	width: calc(100% - 102px);
	height: 1px;
	background: #d2d2d2;
	top: 28px;
	right: 20px;
}
.pub_flow li.on { width: 25%;}
.pub_flow li.on a { padding-left: 70px;color: #599760;}
.pub_flow li.on span { display: block;}
.pub_flow li.on .pub_line {
	width: calc(100% - 172px);
}
.pub_flow li.on em { display: block;}
@media only screen and (max-width:1440px) {
    .pub_box .re{float: right;}
    .pub_flow li.on .pub_line { width: calc(100% - 162px);}
    .pub_line{ width: calc(100% - 92px);}
}
@media only screen and (max-width:1280px) {
	.pub_box .re {
		width: calc(100% - 200px);
		float: right;
	}
}
@media only screen and (max-width:1024px) {
	.pub_box .le p { font-weight: normal;}
	.pub_box .le { margin-bottom: 20px;}
	.pub_box .le p,	.pub_box .le h1, .pub_box .le {
		float: none;
		width: 100%;
		text-align: center;
	}
	.pub_box .le p br { display: none;	}
	.pub_box .le h1 {
		writing-mode: inherit;
		writing-mode: inherit;
	}
	.pub_box .le p {
		writing-mode: inherit;
		writing-mode: inherit;
	}
	.pub_box .le .first {display: none;}
	.pub_box .le .second {display: block;}
	.pub_box .re {
		float: none;
		width: 100%;
	}
	.pub_line { top: 20px;}
	.pub_flow {
		padding-left: 60px;
	}
	.pub_flow li em { height: 46px;	}
	.pub_flow li { padding-bottom: 30px;}
	.pub_flow li span {width: 40px;}
	.pub_flow li a,
	.pub_flow li span {
		height: 40px;
		line-height: 40px;
	}
	.pub_flow li em {
		left: 20px;
	}
	.pub_flow li.on a {
		padding-left: 50px;
	}
	.pub_flow li.on .pub_line {
		width: calc(100% - 142px);
	}
	.pub_flow li span i {
		width: 5px;
		height: 5px;
	}
}
@media only screen and (max-width:767px) {
	.pub_flow li.on em,	
	.pub_flow li.on span, 
	.pub_flow li.on .pub_line { display: none;}
	.pub_flow li.on a { padding: 0;}
	.pub_flow li.on, .pub_flow li {
		width: 25%;
		text-align: center;
		padding-bottom: 0;
	}
	.pub_flow li a { display: block;}
	.pub_flow { padding: 4px 0;	}
	
	.pub_line { display: none;}
	.pub_flow { text-align: center;}
	.pub_flow li.on, .pub_flow li {
		float: none;
		display: inline-block;
		width: auto;
	}
	.pub_flow li a,	.pub_flow li.on a {
		display: block;
		padding: 0 8px;
	}
	.pub_flow li.on a {
		text-decoration: underline;
		color: #357157 !important;
	}
}

/*滚动条*/
.scroll::-webkit-scrollbar {
	width: 4px;
	background: #edf1f5;
}
.scroll::-webkit-scrollbar-thumb {
	width: 4px;
	max-height: 30px;
	-webkit-border-radius: 0;
	background: #88c346;
	border-radius: 5px;
}

/* 弹窗 */
#item {
    margin: auto;
    width: 70%;
    padding: 70px 100px;
    background: #eee;
    display: none;
    color: #000;
}.item_con {
    position: relative;
}
.item-close {
    cursor: pointer;
    right: 0px;
    top: 0px;
    position: absolute;
    background-color: transparent;
    color: #919191;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    border: 2px solid #88c346;
    z-index: 222;
}
@media only screen and (max-width: 767px){
	#item {
		padding: 10px;
		width: 90%;
	}
}

/* 详情页 */
.details_cont-t{padding: 50px 0;}
.details_cont-b{
	background: #f7f7f7;
	padding: 50px 0;
	box-sizing: border-box;}
.details_cont .wrap_2 {
	max-width: 80%;
    margin: auto;}
.d_span{text-align: center;}
.d_span span {
	margin: 0 10px;
	color: #989797;
}
.d_span span i{margin-right: 10px;}
.txt_title{
	text-transform: uppercase;
	margin-bottom: 2%;
	text-align: center;
}
.details_text{
	padding: 0 30px;
	margin-bottom: 30px;
}
.details_bottom{background: #edf1f5;}

.news_page {
	overflow: hidden;
	border-top: 1px solid #e6e6e6;
}
.news_page .wrap {overflow: hidden;}
.news_page .le{
	float: left;
	color: #989797;
	line-height: 36px;
	padding: 30px 0;
	width: calc(100% - 100px);
	padding-bottom: 0;
}
.news_page .le a{color: #989797;}
.news_page .le span{
	display: block;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.news_page .re{float: right;}
.news_page .re a{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff !important;
	font-size: 16px;
	background: #58975f;
	margin-top: 30px;
}
.news_page .re a{font-size: 22px;}
.news_page .re a:hover{color: #fff!important;}
@media only screen and (max-width:1024px) {
    .details_l,.details_r{width: 100%;float: none;}

    .d_share{padding-top: 40px;}
    .news_page .le{float: none;width: 100%;}
    .news_page .re{display: none;}
    .footer_b p{margin-left: 0;}
}
@media only screen and (max-width:767px) {
    .d_share{padding-top: 20px;}
    .details_text{
		padding: 0;
		margin-bottom: 20px;
	}
    .d_span span{
		display: block;
		text-align: center;
		margin: 0 auto;
	}
    .share_common a{font-size: 24px;}
    .news_page .le{padding: 20px 0;}
	.details_cont-b { padding: 50px 0 10px 0;}
}
/* 分页 */
.zxf_pagediv {
    width: 100%;
    height: 40px;
    margin: 20px 0;
}
.page {
	margin-bottom: 10px;
}
.page a , .page font {
	display: inline-block;
	min-width: 22px;
    background-color: white;
    border: 1px solid #c6c6c6;
    box-sizing: border-box;
}
.page a:hover {
    background-color: #88c247;
    color: white !important;
}
.page select {
	margin: 0 2px;
	background-color: white;
    border: 1px solid #88c247;
}
.page .turn_page {display: inline-block;}
@media only screen and (max-width:1024px) {
    .page {
		right: 0;
		left: 0;
		margin: 0 auto 10px;
	}
}
.page2 {margin: 20px 0;}
.page2 a, .page2 font {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #909293 !important;
	background-color: #f8f8f8;
}
.page2 .iconfont {font-size: 16px;}
.page2 .btn {
	border: 1px solid #c6c6c6;
	background-color: white;
}
.page font, .page2 font {
	background-color: #88c247;
    color: white !important;
	display: block;
}
@media only screen and (max-width:890px) {
    .page2 a, .page2 font {
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
}

/* search_page  */
.search_page {
    width: 85%;
	float: right;
    height: 50px;
    margin: 20px auto;
}
.search_page .search_box_fa {
	position: relative;
    width: 80%;
    height: 100%;
    top: 0;
    background-color: transparent;
    border: 1px solid #599760;
	border-radius: 100px;
}

.search_page .search_box_fa form {		
    height: 100%;
}
.search_page .search_box_fa input {
    display: block;
    width: 95%;
    height: 50px;
    padding: 0 20px 0;
	font-size: 16px;
}
.search_page .search_box_fa input::-webkit-input-placeholder { 
    font-size: 14px; color: #868686; 
}
.search_box_fa input:-moz-placeholder { 
    color: #868686; 
}
.search_page .search_box_fa input::-moz-placeholder { 
    color: #868686; 
}
.search_page .search_box_fa input:-ms-input-placeholder { 
    color: #868686; 
}
.search_page .search_box_fa button {
    position: absolute;
    top: 4px;
    right: 4px;
    height: 42px;
    width: 42px;
    font-size: 20px;
	border: none;
	border-radius: 50px;
	color: white;
    background-color: #599760;
}
.search_page .search_box_fa input, .search_box_fa button {
    border: none;
    background-color: transparent;
}
.searchPage_box .search_number{
    width: 83%;
	float: right;
    height: 50px;
    margin: 0 auto;
}
.searchPage_box #search_key,.searchPage_box #search_count {color: #88c247;}
.search_con { width: 100%;}
@media only screen and (max-width:1024px) {
	.search_page {
		float: none;
		margin: 20px auto;
	}
	.search_page .search_box_fa {
		width: 100%;
		margin: 0 auto;
	}
	.searchPage_box .search_number {width: 90%;}
}