﻿.about_content{padding-bottom: 50px;background-position: bottom;background-repeat: no-repeat;}

.about_title{margin-top: 46px;text-align: center;margin-bottom: 30px;}
.about_title h3{font-size: 45px;line-height: 1;color: #00644a;}
.about_title p {font-size: 17px;line-height: 26px;text-transform: uppercase;letter-spacing: -1px;}

.about_gsjs{display: flex;justify-content: space-between;}
.about_left {width: calc(50% - 10px);position: relative;}
.about_left h3{font-size: 30px;}
.about_left h3 span{font-size: 14px;}
.about_nr{margin-top: 24px;}
.about_nr p{font-size: 14px;line-height: 21px;margin-top: 11px;}
.about_left a{display: block;line-height: 36px;width: 100px;margin-top: 20px;font-size: 14px;text-align: center;color: #FFFFFF;background-color: #006d47;}
.about_left .about_abs{position: absolute;bottom: 0px;font-size: 112px;color: rgba(0,0,0,0.05);}

.about_right{width: calc(50% - 10px);}
.about_one img{width: 100%;}
.about_two {margin-top: 15px;}
.about_two .two_img{width: calc((100% - 30px) / 3);}
.about_two .two_img img{width: 100%;}
.abou_shuju{margin-top: 50px;}

.abou_shuju{padding: 0px 80px;height: 128px;display: flex;align-items: center;}
.about_sjfx{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 100%;}
.sj_item h5{font-size: 46px;line-height: 1;letter-spacing: -1px;color:#FFFFFF;}
.sj_item h5 span{font-size: 16px;font-weight: 400;color: #FFFFFF;}
.sj_item p{margin-top:6px;font-size: 16px;line-height: 1;color: #FFFFFF;}

.about_jxjs{margin-top: 50px;margin-bottom: 50px;}
.about_jxjs .jxjs_item{width:calc((100% - 40px)/3);position: relative;box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);background-color:#FFFFFF;}
.jxjs_item .jxjs_abs{position: absolute;top: -24px;left: calc(50% - 24px);height: 48px;width: 48px;text-align: center;line-height: 48px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);background-color: #FFFFFF;border-radius: 25px;}
.jxjs_item p{font-size: 14px;line-height: 1;text-align: center;margin-top:40px;margin-bottom: 15px;}

.ppxy_box {display: flex;justify-content: space-between;align-items: center;height: 125px;box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);position: relative;background-color:#FFFFFF;}
.ppxy_box .ppxy_abs{position: absolute;left: 50%;top: 50%;transform: translateY(-50%);height: 80px;width: 1px;background-color: #e5e5e5;}
.ppxy_box .ppxy_item{width: calc((50% - 10px));display: flex;justify-content: center;}
.ppxy_item_box{display: flex;align-items:center;}
.ppxy_item_img{margin-right: 20px;}
.ppxy_item_img img{height: 56px;}
.ppxy_title h3{font-size: 20px;line-height: 1;font-weight: bold;color: #000000;margin-bottom: 10px;}
.ppxy_title p{font-size: 14px;line-height: 1;color: #000000;}

.about_zzrz{text-align: center;}
.ryzz_title{padding-top: 50px;}
.ryzz_title h3{font-size: 30px;line-height: 1;}
.ryzz_title p{font-size: 14px;line-height: 22px; text-transform: uppercase;letter-spacing: -1px;}
.ryzz_content{display:flex;justify-content: center;margin-top: 20px;}
.ryzz_content img{display: block;max-width: 100%;}


@media screen and (max-width:1200px){
	.about_left .about_abs{display: none;}
	.about_title h3{font-size: 32px;}
	.about_nr{margin-top: 15px;}
	.about_nr p{margin-top: 6px;}

    .sj_item h5 {font-size: 32px;}
    .abou_shuju {padding: 30px 60px; height: auto;}
       
}

@media screen and (max-width: 992px){
	.about_title {margin-top: 40px;margin-bottom: 15px;}
	.about_title h3{font-size: 24px;}
	.about_title p{font-size: 12px;line-height: 20px;}

	.about_gsjs{flex-wrap: wrap;}
	.about_left a{display: none;}
	.about_left,.about_right{width: 100%;}
	.about_one{margin-top: 20px;}
	
	.abou_shuju {
		padding: 20px 15px; margin-top: 30px;
	}
	.sj_item h5 {
		font-size: 24px;
	}
	.sj_item p {
		margin-top: 2px;
		font-size: 14px;
	}

	.ryzz_title h3 {
		font-size: 24px;
	}
	.ppxy_item_box{flex-direction: column;}
	.ppxy_title{text-align: center;}
	.ppxy_title h3{text-align: center;margin-top: 4px;}
	.ppxy_item_img {
		margin-right: 0px;
	}
	.about_left h3 {
		font-size: 24px;
	}
}


@media screen and (max-width: 580px){
	    .about_left h3 { font-size: 20px;text-align: center; }
	    .about_left h3 span{display: none !important;}
	    .about_jxjs .jxjs_item { width: 100%;  margin-top: 40px;}
		.about_jxjs { margin-top: 15px; margin-bottom: 30px;}
		.ppxy_title h3 { font-size: 17px; }
		.ppxy_title p { font-size: 12px; }
		.ppxy_item_img img { height: 40px;}
		.sj_item h5 {font-size: 20px;}
		.sj_item p{ font-size: 12px;}
		.abou_shuju {padding: 15px 10px;}


}