.clearfix{zoom:1;}
.clearfix:after{display:block; content:''; clear:both; line-height:0; visibility:hidden;}

.jchome_con{ width: 100%;}
.jchome_con .jchome_bannner{ width: 100%; height: 630px; background: url("../img/Hero_Image.jpg") no-repeat center center; background-size: cover;}
.jchome_con .jchome_bannner .banner_con{
    background-color: inherit; padding-top: 132px;
}
.pc_show{
	display: block!important;
}
.m_show{
	display: none!important;
}
.jchome_con .jchome_bannner h1{
	/*width: 466px;
	height: 306px;*/
	width: 450px;
	height: 256px;
  background: url("../img/font-new2c.png") right top no-repeat;

}
.jchome_con .jchome_bannner .jchome_wrap{ }
.jchome_con .jchome_bannner .jchome_wrap p{ padding-top:300px;padding-right: 3px; text-align: right;}
.jchome_con .jchome_bannner .jchome_wrap p a{ background-color: inherit; border: 1px solid #fff; color:#fff; font-size: 24px;}
.jchome_con .jchome_bannner .jchome_wrap p a:hover{ border:1px solid #31ba6f; color:#31ba6f;}
.jchome_center{ width: 100%; height: 3rem; padding-bottom:60px; background: url("../img/jchome_03.jpg") repeat-x #262626; display: table;}
.jchome_center .jchome_text{ max-width: 1000px; margin: 0 auto;}
.jchome_center p{ height: 250px; line-height: 30px; color: #5ab445; font-size: 20px; display: table-cell; vertical-align: middle;}
.jchome_center>.col-md-8{
	padding-top: 30px;
	padding-bottom: 30px;
}
.jchome_center>.col-md-8>p{
	display: block;
	min-height: 20px;
	height: auto;
	color: #fff;
}
.jchome_list{ width: 100%; background: url("../img/jchome_bg.jpg") no-repeat; background-size: cover;}
.jchome_title{width: 100%; text-align: center;padding: 30px !important;}
.jchome_title h2 {font-size:32px;font-weight: bold;}
.jchome_list2{ max-width: 1440px; margin: 0 auto; padding-bottom:75px !important;}
.jchome_list2 .thumbnail{ background-color:inherit;}
.jchome_list2 .caption{ position: relative; 
	padding-left: 10px; 
	padding-right: 10px;
	text-align: center !important;
	font-weight:500;
	font-size: 16px;
	line-height:1.4em;
	margin-top:32px;}
.jchome_list2 h3{ 
	color: #32b97c;
	font-size: 17px;
	font-size: 16px \9;
	height: 119px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	margin-top: -119px;
	padding: 61px 20px 0 20px;
	background: url(../img/bg_00.png) 0 0 repeat-x;
}
.jchome_list2 p{ font-size: 16px; color: #000;}
.jchome_list2 .col-lg-4{ margin-top: 30px; margin-bottom:30px;}
.jchome_con .jchome_bannner h1{     
	/*max-width: 510px;*/
  float: right;
  text-align: right;
  background-size: contain;
  font-family: Avenir Next Regular;

}
@media (max-width: 1280px){
	.jchome_con .jchome_bannner h1{ 
		/*max-width: 390px;*/
		max-width: 300px;
		background-size: 100%;
		height: 262px;
	}
	.jchome_list2 h3{
		font-size: 16px;
	}
	.jchome_con .jchome_bannner .jchome_wrap p{
		padding-top: 300px;
	}
	.jchome_list2 h3{
		font-size: 15px;
	}
}
@media (max-width: 991px){
	.container {width: 85%;}
	.jchome_con .jchome_bannner h1{ 
		/*max-width: 310px;*/
		max-width: 290px;
		background-size: contain;
	}
	.jchome_list2 .caption{ 
		margin-top: 0px;
		/*padding-left: 40px;
		padding-right: 40px;*/
	}
	.jchome_list2 .col-md-4{
		text-align: center;
	}
	.jchome_list2 .thumbnail{
		position: relative;
	}
	.jchome_list2 h3{font-size:1.8rem; width:376px; text-align: left; max-width: 100%; margin-top:-119px; padding-left:1.5rem;}
	.jchome_list2 p{ font-size:14px; text-align: left; line-height: 20px;}
	.jchome_center{ padding-bottom: 4rem;}
    .jchome_center p{ height: 11rem;line-height: 2rem;font-size: 1.6rem;}
	.jchome_con .jchome_bannner .banner_con{ padding-top:52px;}
	.jchome_con .jchome_bannner .jchome_wrap p a{ font-size:16px;}
	.jchome_con .jchome_bannner .jchome_wrap p{ padding-top: 190px;}
	.jchome_con .jchome_bannner h1{ font-size:2.4rem; line-height:3rem;
		height: 172px;
	}
	.jchome_con .jchome_bannner{
		height:31.5rem;
	}
}

@media (min-width: 414px){
		
		.jchome_list2 .caption{
			
	    width: 322px;
			max-width: 100%;
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 35px;
			padding-top: 0px;
			text-align: center;
		}
		.jchome_list2 h3{
			width: 322px;
			max-width: 100%;
		}
		.jchome_list2 .caption{
			width: auto;
		}
		.jchome_title h2 {
			font-size: 26px;
		}
}
@media (max-width: 414px){
	.jchome_center>.col-md-8{
		padding-top: 22px;
		padding-bottom: 35px;
	}
	.jchome_list2 .col-sm-4{
  	margin-bottom: 80px;
	}
	.jchome_list{
		background: url(../img/750_09.jpg) no-repeat;
    padding-bottom: 120px;
    background-size: 100% 100%;
	}
	.pc_show{
		display: none!important;
	}
	.m_show{
		display: block!important;
	}
	.jchome_con{
		position: relative;
	}
	.jchome_con .jchome_bannner{
		background: url(../img/750_02.jpg) left top no-repeat; 
		height: 0;
		padding-top: 74.9%;
		background-size: 100% 100%;
	}
	.jchome_con .jchome_bannner .jchome_wrap{
		padding-right: 3%;
	}
	.jchome_con .jchome_bannner .container{
		position: absolute;
		left: 0;
		top: 0;
		padding: 0;
		width: 100%;
	}
	.jchome_con .jchome_bannner .jchome_wrap p{
		clear: both;
		padding-top: 0px;
		text-align: right;
	}
	.jchome_con .jchome_bannner .banner_con{ padding-top:22px;}
	.jchome_con .jchome_bannner h1{
		width: 192px;
		line-height: 25px;
		font-size: 20px;
		/*background-size: 222px;*/
		background-size: contain;
		height: 190px;
		/*background: url("../img/font-new.png") right top no-repeat;*/
	}
	.jchome_center{
		// position: absolute;
		// left: 0;
		// top: 0;
	}
	.jchome_list2 .caption{
		margin-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    width: 376px;
    margin: 0 auto;
		max-width: 100%;
	}
}
@media (max-width: 320px){
	.jchome_con .jchome_bannner .jchome_wrap p{ }
	.jchome_con .jchome_bannner h1{
		
		width: 190px;
		line-height: 25px;
		font-size: 20px;
		background-size: 100%;
		height: 125px;
	}
	.jchome_list2 h3{
		font-size: 1.6rem;
	}
}
@media (max-width: 286px){
	.jchome_con .jchome_bannner .jchome_wrap p{ padding-top:5rem;}
	.jchome_center p{ padding-bottom:10px;}
}

@media (min-width: 992px){

.jchome_list2 h3{
	// width: 376px;
	max-width: 100%;
}
.jchome_bannner>.container{
	width: 97%;
	max-width: 1440px;
}
@media (min-width: 991px) and (max-width: 1065px){
	.footer .container{ width:970px;}
}