.products--tree {
    background-color: #F3F3F3;
	padding: 100px 20px;
}
.J--P--H {
    text-align: center;
	margin-bottom: 45px;
}
.J--P--HT {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 10px;
}
.J--P--HT > img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.J--P--H > img {
    width: 25px;
}
.J--P--H > h2 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
}
.J--P--H > p {
    color: #464444;
    font-size: 15px;
    font-weight: 400;
}
.products--body {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
}
.product--box {
    position: relative;
    padding: 25px 37px 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32.3%;
    flex: 0 0 32.3%;
    margin: 0 .5% 20px;
    background-color: #FFF;
	text-align: center;
	-webkit-box-shadow: 0 2px 28px 7px rgb(0 0 0 / 9%);
	box-shadow: 0 2px 28px 7px rgb(0 0 0 / 9%);
}
.JGL--picture {
	position: relative;
    height: 257px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.JGL--picture > span {
    position: absolute;
    left: 10px;
    bottom: -35px;
    width: 70px;
    height: 70px;
    background-color: #FFF;
    border-radius: 70px;
    line-height: 70px;
}
.JGL--picture > span > img {
    width: 40px;
    height: 40px;
}
.product--box > h2 {
    color: #262626;
    font-size: 17px;
    margin-top: 19px;
    margin-bottom: 24px;
}
.c--box > h2 {
    font-size: 21px;
}
.product--box > p {
    color: #191A1E;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}
.product--box > a {
    background-color: #005392;
    color: #FFF;
    font-size: 13px;
    max-width: 117px;
    height: 28px;
    line-height: 28px;
    margin: 0 auto;
    -webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}
.product--box > a:hover {
    background-color: #2196f3;
}
@media screen and ( max-width: 800px ){
	.product--box {
		-ms-flex-preferred-size: 48%;
		flex-basis: 48%;
	}
}
@media screen and (max-width: 604px){
	.product--box {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}
@media screen and (max-width: 480px){
	.product--box {
		padding-left: 10px;
		padding-right: 10px;
	}
}