*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	text-decoration: none;
	outline: none;
}

.w100{
	width: 100%;
	display: block;
}
body{
	background: #f7f8f9;
	overflow-x: hidden;
}
.m1400{
	width: 96%;
	margin: 0 auto;
	max-width: 1400px;
}

.about_titlex{
	border-bottom: 1px solid #ddd;
	display: flex;
	margin-top: 3%;
	margin-bottom: 3%;
}
.about_titlex2{
	
	padding-top: 1%;
	padding-bottom: 1%;
	background: #007b38;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	align-items: center;
	display: flex;
	justify-content: center;
	min-width: 100px;
}
.about_con_x_b .w1002{
	display: block;
	max-width: 100%;

}


.anli_sort {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 4%;
	
}

.anli_sort a{
	min-width: 200px;
	background: #007b38;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 12%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.anli_sort a:nth-of-type(7n){
	margin-right: 0;
}

.anli_sort a:hover,.anli_sort a.on{
	background: #64b12d;
}

@media screen and (max-width: 800px){
	.anli_sort a{
		width: 20%;

	}
	.anli_sort a:nth-of-type(7n){
		margin-right: 2%;
	}
	


}

.anli_sort a:last-child{
		margin-right: 0%;
	}

.zhengshu_wrap{
	display: flex;
	justify-content: space-between;
}
.zheshung1{
	width: 23.5%;
	margin-right: 2%;
	background: #fff;
}
.zheshung2{
	width: 23.5%;
	background: #fff;
}
.zheshung1 img,.zheshung2 img{
	display: block;
	width: 100%;
}
.zheshung1 img,.zheshung2 img{
	display: block;
	width: 100%;
}


/*二级页面banner*/
.sub_ban{
	overflow: hidden;
	position: relative;
	z-index: 1;

}


.sub_ban .sban_img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    max-height: 100vh;
    position: relative;
    z-index: 2;
}
.ban_text{
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	position: absolute;
	z-index: 3;
	display: flex;
	align-items: center;
}
.huxi{
	/*animation: scaleDraw 15s ease-in-out infinite;*/
}

.ban_xx1{
	padding-right: 8%;
	width: fit-content;
	color: #fff;
	line-height: 1.4;
		padding-top: 1%;
	padding-bottom: 1%;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}
.ban_xx1 b{
	margin-right: 10px;
	color: #007b38;
}
.ban_xx1 span{
	text-transform: uppercase;
	white-space: nowrap;
}
.ban_xx2{
	
	color: #fff;
	padding-top: 1%;
	padding-bottom: 1%;
}
@keyframes scaleDraw{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.1);
	}
	100%{
		transform: scale(1);
	}
}

/*面包屑*/
.location2 {
    padding-left: 24px;
    background: url("../images/dingwei.png") no-repeat left center;
    height: 100%;
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
}
.location2 a{
	color: #999;
	font-size: 12px;
}

.location_w {
    height: 60px;
    border-bottom: 1px solid #eee;
}

@media screen and (max-width: 1200px){


.location_w {
    height: 50px;
}
}

@media screen and (max-width: 800px){


	.location_w {
	    height: 40px;
	}

}

.quotes {clear: both; text-align: center; height: 42px; display: flex; justify-content: center; width: 100%; margin-top: 20px; margin-bottom:20px; align-items: center;}
.quotes ul{ width: 100%; height: 100%; padding-top: 2px;}
.quotes ul li{ display: inline-block; font-size: 12px; margin-right: 4px; border: 1px solid #ddd; line-height:26px; min-width: 28px; text-align: center;}
.quotes ul li a{ color: #666; padding: 0 8px; text-decoration: none; display: block;}
.quotes .thisclass,
.quotes ul li:hover a,
.quotes .thisclass a{ background: #e62129; color: #fff; border-color: #e62129;}
.quotes .thisclass  a{ color: #fff;}
.quotes ul li:hover a{ color: #fff;}
.quotes .pageinfo{ display: inline-block; padding: 0 5px;}
.quotes ul li.nobor{ border-color: #ddd !important;}
@media screen and (max-width:768px) {
.quotes .n{ display: none;}
}

.wrapper{
	margin-top: -160px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.wrapper .wrapper2 {
    width: 100%;
    height: 160px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative;

}
.wave-svg-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
   
     
}
.wave-svg-shape .wave-svg {
    width: 130%;
    height: auto;
    overflow: hidden;
    float: left;
    fill: #f7f8f9;
    margin: 0;
    animation: waveSvgAnim 2s linear infinite;
   
}
@keyframes fillUpSvg {
  0% {
    transform: translateY(calc(100px/2)) scaleY(0);
  }
  50% {
    transform: translateY(0) scaleY(1);
  }
  100% {
    transform: translateY(calc(100px/2)) scaleY(0);
  }
}
@keyframes waveSvgAnim {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0%);
  }
 	
}


.wave-svg-shape .wave-svg2 {
    width: 130%;
    height: auto;
    overflow: hidden;
    float: left;
    fill: #007b38;
    margin: 0;
    animation: waveSvgAnim 5s linear infinite;
   
}




@media screen and (max-width: 1400px){
	.wrapper{
		margin-top: -140px;

	}
	.wrapper .wrapper2 {
	   
	    height: 140px;
	   

	}
	.wave-svg-shape .wave-svg {
    	width: 120%;
	}
	.wave-svg-shape .wave-svg2 {
    	width: 120%;
	}
}

@media screen and (max-width: 1200px){
	.wrapper{
		margin-top: -120px;

	}
	.wrapper .wrapper2 {
	   
	    height: 120px;
	   

	}

}
@media screen and (max-width: 1000px){
	.wrapper{
		margin-top: -100px;

	}
	.wrapper .wrapper2 {
	   
	    height: 100px;
	   

	}

}
@media screen and (max-width: 800px){
	.wrapper{
		margin-top: -90px;

	}
	.wrapper .wrapper2 {
	   
	    height: 90px;
	   

	}

}
@media screen and (max-width: 600px){
	.wrapper{
		margin-top: -70px;

	}
	.wrapper .wrapper2 {
	   
	    height: 70px;
	   

	}

}



.flex{
	display: flex;
	flex-wrap: wrap;
}
.flex_between {
    justify-content: space-between;
}
.flex_align {
    align-items: center;
}
/*头部开始*/
#head{
	position: fixed;
	z-index: 1000;
	box-sizing: border-box;
	margin: 0 auto;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,0.5);
	transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	
}

#head .head_pc{
	height: 138px;
	
}
.head_pc .head_l{
	display: flex;
	align-items: center;
	bottom: 0;
	width: 14%;
	min-width: 140px;
	max-width: 280px;
}


.head_pc .logo img{
	max-width: 100%;
}
.head_pc .nav{
	/* margin-right: -30px; */
}
.head_pc .nav{
	text-align: center;
	height: 100%;
}
.head_pc .nav ul{
	font-size: 0;
	height: 100%;
}
.head_pc .nav ul li{
	display:inline-block;
	
	
	height: 100%;
	box-sizing: border-box;
}
.head_pc .nav ul li>a{
	display: block;
	
	padding:10px;
	line-height:26px;
	white-space: nowrap;
	color: #666;
	position: relative;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;

}
.am-pureview-direction a:before {
    content: "<" !important;
    
}


.am-pureview-direction .am-pureview-next a:before {
    content: ">" !important;
}
.head_pc .nav ul li>a span{
	position: absolute;
	z-index: 1;
	width: 0;
	height: 14px;
	background: url(../images/nav_hv.png) no-repeat center center;
	transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	bottom: 0;
	left: 50%;	
	overflow: hidden;
}
.head_pc .nav ul li>a:hover ,.head_pc .nav ul li.on>a ,.head_pc .nav ul li>a.a_hv{
	color: #007c38;
}
.head_pc .nav ul li>a:hover span,.head_pc .nav ul li.on>a span ,.head_pc .nav ul li>a.a_hv span{
	width:16px;
	margin-left: -8px;
}

.head_m{
	width: 100%;
	height: 46px;
	display: none;

}
@media screen and (max-width: 1400px){
	.head_pc .nav ul li>a{
		
		padding:20px 10px;
		

	}
	#head .head_pc{
	height: 128px;
	
}

}

@media screen and (max-width: 1200px){
	.head_pc .nav ul li>a{
		
		padding:20px 4px;
		

	}
		#head .head_pc{
		height: 118px;
		
	}

}
@media screen and (max-width: 960px){
	#head .head_pc{
		display: none;
	}
	#head .head_m{
		display: block;
	}
	.top_wrap{
		display: none !important;
	}
	.nav_wrapper{
		display: none;
	}
	#head .head_m{
		display: block;
	}

	#head .head_m .cnen{
		right:calc(3% + 50px);
		top: 16px;
		position: absolute;
		color:#fff;
		font-size:14px;
	}
	#head .head_m .cnen a{
		color:#2a64cf;
		display:inline-block;
		padding:0 3px;
	}
	#head .head_m .logo{
		left: 3%;
		top: 12px;
		position: absolute;
	}
	#head .head_m .logo img{
		height: 22px;
	}
	#head .head_m .head_ico{
		position: absolute;
		right: 3%;
		top: 3px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		z-index: 99;
	}
	#head .head_m .head_ico span{
		position: absolute;
		top: 19px;
		left: 8px;
		width: 28px;
		height: 2px;
		background: #007b38;
		-webkit-transition: all 300ms;
		transition: all 300ms;
	}
	#head .head_m .head_ico span:after, #head .head_m .head_ico span:before {
		content: '\20';
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background:  #007b38;
		-webkit-transition: all 300ms;
		transition: all 300ms;
	}
	#head .head_m .head_ico span:before{
		top: -8px;
	}
	#head .head_m .head_ico span:after{
		bottom: -8px;
	}
	.body-nav #head .head_m .head_ico span {
		background:none;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.body-nav #head .head_m .head_ico span:before{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 0;
		top: 0;
	}
	.body-nav #head .head_m .head_ico span:after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 0;
		bottom: 0;
	}
	
	#head .head_m .page-navigation{
		display: none;
		z-index:9999;
		top:46px;
		overflow-y: auto;
		position: fixed;
		max-height: calc(100% - 46px);
		left: 0px;
		width: 100%;
		background:#fff;
	}
	#head .head_m .nav_pad{
		padding: 30px 10%;	
	}
	#head .head_m .nav_pad li{
		position: relative;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		border-bottom: 1px solid #dedede;
	}
	#head .head_m .page-navigation a{
		line-height:40px;
		padding: 5px 15px;
		font-size:18px;
		color:#333;
		display: block;
		text-align: center;
	}
	#head .head_m .page-navigation .sub{
		display: none;
		padding: 5px 10%;
	}
	#head .head_m .page-navigation .sub a{
		line-height: 35px;
		font-size:15px;
		color: #666;
	}
}