.banner{
	width: 100%;
	float: left;
}
.banner .bannerinfo{
	width: 100%;
	float: left;
}
.banner .bannerinfo .swiper-container {
  width: 100%;
  height: 100%;

}
.banner .bannerinfo .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.banner .bannerinfo .swiper-slide .bannertxt{
	position: absolute;
	top:55%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*border: #f00 solid 1px;*/
}
.banner .bannerinfo .swiper-slide .bannertxt p:first-child{
	font-size: 60px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 81px;
}
.banner .bannerinfo .swiper-slide .bannertxt p:last-child{
	font-size: 24px;
	font-weight: bold;
	color: #E2E9F7;
	line-height: 36px;
	margin-top:42px;
}







.shkabout{
	width: 100%;
	background: url('../images/aboutbg.jpg') center center no-repeat;
	background-size: cover;
	float: left;
}
.shkabout .shkaboutinfo{
	position: relative;
	width: 100%;
	padding:80px 96px;
	float: left;
}
.shkabout .shkaboutinfo .leftabout{
	width: 50%;
	display: inline-block;
	float: left;
}
.shkabout .shkaboutinfo .rightabout{
	position: absolute;
    width: 48.5%;
    padding: 69px;
    background: #FFFFFF;
    box-shadow: 0px 4px 5px 0px rgba(149,149,149,0.22);
    margin-top: 50px;
    left: 46%;
    display: inline-block;
    float: left;
}
.shkabout .shkaboutinfo .rightabout .abouttitle{
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #2E6E32;

	float: left;
}
.shkabout .shkaboutinfo .rightabout .aboutmess{
	width: 100%;
	margin-top: 12px;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: 32px;
	float: left;

	text-overflow: ellipsis;
		overflow: hidden; 
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
}
.shkabout .shkaboutinfo .rightabout .aboutbut{
	width: 100%;
	margin-top: 45px;
	float: left;
}
.shkabout .shkaboutinfo .rightabout .aboutbut a{
	display: inline-block;
	padding:15px 25px;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 18px;
	border: 1px solid #A0A0A0;
}







.jsyy{
	width: 100%;
	float: left;
}
.jsyy .jsyyinfo{
	width: 100%;
	padding:80px 96px;
	float: left;
}
.jsyy .jsyyinfo .leftjsyy{
	width: 80%;
	display: inline-block;
	float: left;
}
.jsyy .jsyyinfo .leftjsyy .jsyytitle{
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	color: #2E6E32;
	line-height: 32px;
	float: left;
}
.jsyy .jsyyinfo .leftjsyy .jsyyentitle{
	width: 100%;
	text-transform: uppercase;
	margin-top: 14px;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 32px;
	float: left;
}
.jsyy .jsyyinfo .leftjsyy .jsyyline{
	width: 100%;
	margin-top: 14px;
	float: left;
}
.jsyy .jsyyinfo .leftjsyy .jsyyline p{
	width: 90px;
	background:#2E6E31;
	height: 3px;
}
.jsyy .jsyyinfo .leftjsyy .jsyymess{
	width: 100%;
	margin-top: 20px;
	float: left;
	text-overflow: ellipsis;
		overflow: hidden; 
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
}
.jsyy .jsyyinfo .leftjsyy .jsyymess p{
	width: 90%;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
}
.jsyy .jsyyinfo .leftjsyy .jsyybut{
	width: 100%;
	margin-top: 55px;
	float: left;
}
.jsyy .jsyyinfo .leftjsyy .jsyybut a{
	background: #2E6E31;
	padding:18px 32px;
	font-size: 16px;
	font-weight: 400;
	color: #FEFEFE;
	display: inline-block;
}
.jsyy .jsyyinfo .rightjsyy{
	width: 20%;
	display: inline-block;
	float: right;
	overflow: hidden;

}
.jsyy .jsyyinfo .rightjsyy img{
	width: auto;
	display: block;
}





.zzjs{
	width: 100%;
	background: url('../images/jsbg.jpg') center center no-repeat;
	background-size: cover;
	float: left;
}
.zzjs .zzjsinfo{
	width: 100%;
	padding:80px 96px;
	float: left;
}
.zzjs .zzjsinfo .zzjstitle{
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	float: left;
}
.zzjs .zzjsinfo .zzjsentitle{
	width: 100%;
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 32px;
	text-align: center;
	float: left;
}
.zzjs .zzjsinfo .zzjsline{
	width: 100%;
	margin-top: 14px;
	float: left;
}
.zzjs .zzjsinfo .zzjsline p{
	width: 90px;
	margin: 0 auto;
	height: 3px;
	background: #FFFFFF;
}
.zzjs .zzjsinfo .zzjsxx{
	width: 100%;
	margin-top: 30px;
	float: left;

	display: flex;
  justify-content: space-between;
  align-items: center;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem{
	width: 20%;
	height: 300px;
	padding:50px 0;
	background: #4D823C;
	opacity: 0.9;
	margin-right:96px;

}
.zzjs .zzjsinfo .zzjsxx .zzjsitem:hover{
	background: #FFFFFF;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem:last-child{
	float: right;
	margin-right:0;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem .jsnum{
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	color: #83AF89;
	text-align: center;
	float: left;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem:hover .jsnum{
	color: #83AF89;
}

.zzjs .zzjsinfo .zzjsxx .zzjsitem .jsname{
	width: 100%;
	margin-top: 42px;
	float: left;
}

.zzjs .zzjsinfo .zzjsxx .zzjsitem .jsname p{
	width: 68%;
	margin:0 auto;
	font-size: 24px;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 40px;
	line-height: 30px;
	text-align: center;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem:hover .jsname p{
	color: #4D823C;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem .jsbut{
	width: 100%;
	margin-top: 30px;
	float: left;
	text-align: center;
	text-align: center;
}

.zzjs .zzjsinfo .zzjsxx .zzjsitem .jsbut  img{
	width: auto;
	margin:0 auto;
	display: block;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem:hover .jsbut  img{
	display: block;
}





.cg{
	width: 100%;
	float: left;
}
.cg .cginfo{
	width: 100%;
	padding:80px 96px;
	float: left;
}
.cg .cginfo .leftcg{
	width: 80%;
	display: inline-block;
	float: right;
}
.cg .cginfo .leftcg .cgtitle{
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	color: #2E6E32;
	line-height: 32px;
	    text-align: right;
	float: left;
}
.cg .cginfo .leftcg .cgentitle{
	width: 100%;
	text-transform: uppercase;
	margin-top: 14px;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 32px;
	text-align: right;
	float: left;
}
.cg .cginfo .leftcg .cgline{
	width: 100%;
	margin-top: 14px;
	text-align: right;
	float: left;
	float: right;
}
.cg .cginfo .leftcg .cgline p{
	width: 90px;
	background:#2E6E31;
	height: 3px;
	text-align: right;
	text-align: right;
	float: right;
}
.cg .cginfo .leftcg .cgmess{
	width: 100%;
	width: 95%;
	margin-top: 20px;
	float: left;
	text-overflow: ellipsis;
	overflow: hidden; 
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	float: right;
    /*border: blue solid 1px;*/
}
.cg .cginfo .leftcg .cgmess p{
	width: 90%;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
	/*float: right;*/
	/*text-align: right;*/
}
.cg .cginfo .leftcg .cgbut{
	width: 100%;
	margin-top: 55px;
	float: left;
	float: right;
text-align: right;

}
.cg .cginfo .leftcg .cgbut a{
	background: #2E6E31;
	padding:18px 32px;
	font-size: 16px;
	font-weight: 400;
	color: #FEFEFE;
	display: inline-block;
}
.cg .cginfo .rightcg{
	width: 20%;
	display: inline-block;
	float: left;
	overflow: hidden;

}
.cg .cginfo .rightcg img{
	width: auto;
	display: block;
}



















@media (max-width: 1700px){
 
    .shkabout .shkaboutinfo .rightabout {
	    padding: 40px;
	    margin-top: 35px;
	}
.zzjs .zzjsinfo .zzjsxx .zzjsitem {
    margin-right: 45px;
}
    
}
@media (max-width: 1600px){
    

}
/*! 1500 ~ 1520 */
@media (max-width: 1520px){
	
.shkabout .shkaboutinfo .rightabout .aboutbut {
    margin-top: 20px;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem {
    margin-right: 20px;
}




}

/*! 1200 ~ 1500  主内容区1140 */
@media (max-width: 1500px) { 
    

}






/*====================================================================================================================*/
/*! 1439   */
@media (max-width: 1440px) { 

.shkabout .shkaboutinfo .rightabout {
    padding: 30px;
    margin-top: 26px;
    left: 48%;
}

}
@media (max-width: 1360px) { 


}
@media (max-width: 1300px) { 
	
.shkabout .shkaboutinfo .rightabout {
    padding: 20px;
    margin-top: 25px;
}

}

/*! 992 ~ 1199  主内容区960 */
@media (max-width: 1299px) { 
    

}
@media (max-width: 1199px) { 




}





@media (max-width: 1100px) { 
    
    
}

/*====================================================================================================================*/


@media (max-width: 1000px) { 
  


}

/*! <=991 手机端 */
@media (max-width: 991px) { 

.shkabout .shkaboutinfo {
    padding: 0.8rem 0.96rem;
}
.shkabout .shkaboutinfo .rightabout {
    padding: 0.4rem;
    margin-top: 0.5rem;
}
.shkabout .shkaboutinfo .rightabout .abouttitle {
    font-size: 0.3rem;
}
.shkabout .shkaboutinfo .rightabout .aboutmess {
    margin-top: 0.12rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
}
.shkabout .shkaboutinfo .rightabout .aboutbut {
    margin-top: 0.2rem;
}
.shkabout .shkaboutinfo .rightabout .aboutbut a {
    padding: 0.15rem 0.25rem;
    font-size: 0.26rem;
    line-height: 0.4rem;
}
.jsyy .jsyyinfo {
    padding: 0.8rem 0.96rem;
}
.jsyy .jsyyinfo .leftjsyy .jsyytitle {
    font-size: 0.36rem;
    line-height: 0.32rem;
}
.jsyy .jsyyinfo .leftjsyy .jsyyentitle {
    margin-top: 0.14rem;
    font-size: 0.26rem;
    line-height: 0.32rem;
}
.jsyy .jsyyinfo .leftjsyy .jsyyline {
    margin-top: 0.14rem;
}
.jsyy .jsyyinfo .leftjsyy .jsyymess {
    margin-top: 0.2rem;
}
.jsyy .jsyyinfo .leftjsyy .jsyymess p {
    font-size: 0.26rem;
    line-height: 0.5rem;
}
.jsyy .jsyyinfo .leftjsyy .jsyybut {
    margin-top: 0.5rem;
}
.jsyy .jsyyinfo .leftjsyy .jsyybut a {
    padding: 0.18rem 0.32rem;
    font-size: 0.16rem;
}

.zzjs .zzjsinfo {
    padding: 0.8rem 0.96rem;
}
.zzjs .zzjsinfo .zzjstitle {
    font-size: 0.36rem;
}
.zzjs .zzjsinfo .zzjsentitle {
    margin-top: 0.1rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
}
.zzjs .zzjsinfo .zzjsline {
    margin-top: 0.14rem;
}
.zzjs .zzjsinfo .zzjsxx {
    margin-top: 0.3rem;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem {
    margin-right: 0.2rem;
    height: 3rem;
    padding: 0.4rem 0.2rem;
    margin-right: 0.4rem;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem .jsnum {
    font-size: 0.36rem;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem .jsname {
    margin-top: 0.4rem;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem .jsname p {
    font-size: 0.26rem;
    line-height: 0.4rem;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem .jsbut {
    margin-top: 0.3rem;
}
.cg .cginfo {
    padding: 0.8rem 0.96rem;
}
.cg .cginfo .leftcg .cgtitle {
    font-size: 0.36rem;
    line-height: 0.3rem;
}
.cg .cginfo .leftcg .cgentitle {
    margin-top: 0.14rem;
    font-size: 0.26rem;
    line-height: 0.32rem;
}
.cg .cginfo .leftcg .cgline {
    margin-top: 0.14rem;
}
.cg .cginfo .leftcg .cgmess {
    margin-top: 0.2rem;
}
.cg .cginfo .leftcg .cgmess p {
    font-size: 0.26rem;
    line-height: 0.5rem;
}
.cg .cginfo .leftcg .cgbut {
    margin-top: 0.5rem;
}
.cg .cginfo .leftcg .cgbut a {
    padding: 0.2rem 0.32rem;
    font-size: 0.26rem;
}


}
@media (max-width: 767px) {

.shkabout .shkaboutinfo {
    padding: 0.4rem 0.5rem;
}
.shkabout .shkaboutinfo .leftabout {
    width: 100%;
}
.shkabout .shkaboutinfo .rightabout {
    padding: 0.4rem;
    margin-top: 0.3rem;
    width: 100%;
    position: initial;
}
.jsyy .jsyyinfo {
    padding: 0.4rem 0.5rem;
}
.jsyy .jsyyinfo .leftjsyy {
    width: 100%;
}
.jsyy .jsyyinfo .rightjsyy {
    display: none;
}
.zzjs .zzjsinfo {
    padding: 0.4rem 0.5rem;
}
.zzjs .zzjsinfo .zzjsxx {
    display: block;
}
.zzjs .zzjsinfo .zzjsxx .zzjsitem {
    margin-right: 0.2rem;
    height: 3rem;
    padding: 0.6rem 0.2rem;
    margin-right: 0;
    width: 100%;
    margin-bottom: 0.3rem;
}
.cg .cginfo {
    padding: 0.4rem 0.5rem;
}
.cg .cginfo .leftcg {
    width: 100%;
}
.cg .cginfo .rightcg {
    display: none;
}
.cg .cginfo .leftcg .cgtitle {
    text-align: left;
}
.cg .cginfo .leftcg .cgentitle {
    text-align: left;
}
.cg .cginfo .leftcg .cgline p {
    float: left;
    text-align: left;
}
.cg .cginfo .leftcg .cgmess p {
    width: 100%;
    float: left;
    text-align: left;
}

.cg .cginfo .leftcg .cgbut {
    float: left;
    text-align: left;
}


}
@media (max-width: 600px){
    

}
@media (max-width: 472px){
    

}
@media (max-width: 414px){
  
    
}