@charset "utf-8";
/* CSS Document */
.ititle_42{
	font-size: 42px;
}

.jo1tr{
	border-bottom: 1px solid #65ac1e;
	padding-bottom: 15px;padding-top: 30px;
}
.jo1tr i,
.jo1tr span{
	color: #65ac1e; 
}
.jo1a{
	width: 20%;
}
.jo1a i{
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 20px;
}
.jo1a i img{
	max-width: 100%;
	max-height: 100%;
}

.jo2a{
	width: 33.33%;
}
.jo2a1,
.jo2a:first-child{
	width: 55.5%;
}
.jo2a2,
.jo2a:nth-child(2){
	width: 44.5%;
}
.jo2aw{
	color: #fff;
	/*padding: 50px 3%;*/
	padding: 25px;
	transition: .5s;
}
/*.jo2a3 .jo2aw,
.jo2a4 .jo2aw,
.jo2a5 .jo2aw{
	padding: 25px;
}*/
.jo2aw .txt,.jo2aw p{
	transition: .5s;
	opacity: 0;
}
.jo2a:hover .jo2aw .txt,.jo2a:hover .jo2aw p{
	opacity: 1;
}
.jo2a1:hover .jo2aw,
.jo2a:first-child:hover .jo2aw{
	background: rgba(101,172,30,.9);
}
.jo2a2:hover .jo2aw,
.jo2a:nth-child(2):hover .jo2aw{
	background: rgba(0,156,243,.9);
}
.jo2a3:hover .jo2aw,
.jo2a:nth-child(3):hover .jo2aw{
	background: rgba(30,60,170,.9);
}
.jo2a4:hover .jo2aw,
.jo2a:nth-child(4):hover .jo2aw{
	background: rgba(243,152,0,.9);
}
.jo2a5:hover .jo2aw,
.jo2a:nth-child(5):hover .jo2aw{
	background: rgba(101,172,30,.9);
}

.jo3{
	/*background: url(../images/jo3bg.jpg) no-repeat bottom center;
	background-size: 100%;*/
}
.jort span,
.jorat span{
	line-height: 60px;
	text-align: center;
	padding: 0 20px;
}
.jorat{
	background: #EBEBEB;
	cursor: pointer;
}
.jorab{
	display: none;
}
.jorat span i{
	transition: .25s;
}
.jora.active .jorat span i{
	transform: rotate(180deg);
}
.jora{
	margin-bottom: 10px;
}
.jorabf{
	color: #fff;
	background: #F39800;
	line-height: 30px;
	padding: 8px 0;
}
.jorabf .w50{
	padding: 0 20px;
}



@media only screen and (max-width: 1399px) {
	.ititle_42{
		font-size: 36px;
	}
	
	.jo1t img{
		height: 100px;
	}
	.jo1tr img{
		height: 154px;
	}
	.jo1a i{
		width: 60px;
		height: 60px;
	}
	
	.jo2aw{
		padding: 25px !important;
	}
}

@media only screen and (max-width: 1199px) {
	.ititle_42{
		font-size: 28px;
	}
	
	.jo2aw .txt,
	.jo2aw p{
		/*font-size: 12px;
		line-height: 23px;*/
		font-size: 15px;
		line-height: 26px;
	}
}

@media only screen and (max-width: 768px) {
	.ititle_42{
		font-size: 22px;
	}
	
	.jo1{
		padding-top: 25px !important;
	}
	.jo1t img{
		/*height: 40px;*/
		height: 35px;
	}
	.jo1tr img{
		/*height: 30px;*/
		height: 70px;
	}
	.jo1a{
		width: 100%;
		margin-top: 20px;
	}
	.jo1a *{
		text-align: center;
	}
	
	.jo2a{
		width: 100% !important;
	}
	/*.jo2aw{
		padding: 15px !important;
	}*/
	.jo2aw h2{
		font-size: 16px;
	}
	.jo2aw .txt,
	.jo2aw p{
		-webkit-line-clamp: 3;
		opacity: 1;
	}
	
	.jort span,
	.jorat span{
		font-size: 12px;
		line-height: 30px;
		padding: 5px 2px;
	}
	.jorab{
		font-size: 12px;
		line-height: 24px;
		padding: 0;
	}
	.jorabf{
		flex-wrap: wrap;
	}
	.jorabf .w50{
		width: 100%;
	}
}