@media (min-width: 768px) {
	.content {
		width: 100%;
		background-image: url('../img/aboutUs/aboutUs-back.png');
		background-size: 100% 100%;
	}

	.box1 {
		padding: 4.1vw 0;
	}

	.box1_in {
		width: 72.91vw;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.box1_in_left {
		width: 36.46vw;
		height: 36.46vw;

	}

	.box1_in_right {
	    padding-left: 2vw;
	}

	.box1_in_right div {
		display: flex;
		align-items: center;
	}

	.box1_in_right .box1_in_right_title {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: bold;
		font-size: 1.67vw;
		color: #3D3D3D;
		display: flex;
		align-items: center;
		margin-bottom: 1.56vw;
	}

	.box1_in_right .red {
		color: #E80707;
	}

	/*.box1_in_right span {*/
	/*	display: block;*/
	/*	width: 31.25vw;*/
	/*	font-family: Microsoft YaHei, Microsoft YaHei;*/
	/*	font-weight: 400;*/
	/*	font-size: 0.83vw;*/
	/*	color: #666666;*/
	/*	line-height: 1.67vw;*/
	/*}*/

	.box2 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}

	.box2 .title {
		font-weight: bold;
		font-size: 1.875vw;
		color: #3D3D3D;
		margin-bottom: 3.125vw;
	}
	.box2 .mobileTitle{
	    display: none;
	}
	.box2 .mobileSubTitle{
	    display: none;
	}

	.box2_list {
		width: 72.91vw;
		display: flex;
		align-items: center;
		border-radius: 1.5vw;
		overflow: hidden;
	}

	.box2_list_item {
		position: relative;
		width: 15.625vw;
		height: 31.25vw;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		overflow: hidden;
		transition: all .8s;
	}

	.box2_back {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.box2_list_item img {
		position: absolute;
		left: 0;
		height: 31.25vw;
		width: 28.125vw;
		transition: all .8s;
		z-index: 1;
	}

	.box2_list_item p {
		position: relative;
		width: 11.45vw;
		height: 2.82vw;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 600;
		font-size: 1.04vw;
		color: #FFFFFF;
		padding: 0 1.56vw;
		transition: all .8s;
		position: absolute;
		z-index: 9;
	}

	.box2_list_item span {
		width: 25vw;
		position: absolute;
		transition: all .8s;
		padding: 0 1.56vw;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 0.83vw;
		color: rgba(255, 255, 255, 0.8);
		line-height: 1.66vw;
		opacity: 0;
		z-index: 9;
		left: 5vw;
	}

	.box2 .active {
		width: 29.16vw;
	}

	.box2 .active img {
		height: 36vw;
		width: auto;
	}

	.box2 .active p {
		width: 25vw;
		opacity: 1;
	}

	.box2 .active span {
		/* width: 25vw;
		height: auto; */
		opacity: 1;
		left: 0;
	}
	.box3 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		padding: 4.16vw 0;
	}
	.box3 .title {
		font-weight: bold;
		font-size: 1.875vw;
		color: #3D3D3D;
		margin-bottom: 3.125vw;
	}
	.mobileTitle{
	    display: none;
	}
	.mobileSubTitle{
	    display: none;
	}
	.box3_list {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 72.91vw;
	}
	.box3_list .r_icon{
		width: 1.562vw;
		height: 1.625vw;
		margin-top: 6.4vw;
	}
	.box3_list_item{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: linear-gradient(180deg, #FFF4F4 0%, #FFFFFF 100%);
		width: 9.11vw;
		height: 10.78vw;
		border-radius: 1vw;
	}
	.box3_list .even {
		position: relative;
		top: 2.6vw;
	}
	.box3_list_item img{
		width: 5.2vw;
		height: 5.2vw;
		
	}
	.box3_list_item p {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 600;
		font-size: 0.9375vw;
		color: #333333;
		margin: 0.67vw 0 0.52vw 0;
	}
	.box3_list_item span {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 0.73vw;
		color: #999999;
	}
	.box4 {
		width: 100%;
		padding-bottom: 3vw;
	}
	.box4_list{
		width: 72.91vw;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		position: relative;
	}
	.box4_list_item{
		display: flex;
		align-items: center;
		
	}
	.box4_list_item_l{
		position: relative;
		width: 36.45vw;
		height: 6.7vw;
		/* padding-bottom: 1.5vw; */
		border-bottom: 1px solid #DBDBDB;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		cursor: pointer;
	}
	.box4_list_item_l:last-child {
		border-bottom: 0;
	}
	.box4_list_item_l p{
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 600;
		font-size: 1.25vw;
		/* color: #EA1717; */
		margin-top: 0.5vw;
		color: #3D3D3D;
		margin-bottom: 0;
	}
	.box4 .active p{
		color: #EA1717;
	}
	.box4_list_item_l span {
		width: 31.25vw;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 0.83vw;
		color: #666666;
		margin-bottom: 0.5vw;
		margin-top: 0;
	}
	.box4_list_item_l .radio1{
		position: absolute;
		right: 0;
		opacity: 0;
		transition: all 0.3s;
		width: 2vw;
		height: 2vw;
	}
	.box4 .active .radio1{
		opacity: 1;
	}
	.box4_list_item_l .radio2{
		position: absolute;
		right: 0;
		opacity: 1;
		transition: all 0.3s;
		width: 2vw;
		height: 2vw;
	}
	.box4 .active .radio2{
		opacity: 0;
	}
	.box4_list_item_r {
		width: 33.33vw;
		height: 32.29vw;
		position: absolute;
		right: 0;
		top: 1.56vw;
		transition: all 0.3s;
		border-radius: 1vw;
		overflow: hidden;
	}
	.box4_list_item_r img{
		width: 33.33vw;
		height: 32.29vw;
		position: absolute;
		opacity: 0;
		top: 0;
		right: 33.33vw;
		transition: all 0.5s;
	}
	.box4 .active .box4_list_item_r img{
		right: 0;
		opacity: 1;
	}
}

@media (max-width: 768px) {
	.content {
		width: 100%;
		background-image: url('../img/aboutUs/aboutUs-back.png');
		background-size: 100% 100%;
	}

	.box1 {
		padding: 4.1vw 0;
	}

	.box1_in {
		width: 72.91vw;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}

	.box1_in_left {
		width: 94vw;
		height: 94vw;
		margin-bottom: 4vw;
	}

	.box1_in_right {}

	.box1_in_right div {
		display: flex;
		align-items: center;
	}

	.box1_in_right .box1_in_right_title {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: bold;
		font-size: 1.67vw;
		color: #3D3D3D;
		display: flex;
		align-items: center;
		margin-bottom: 1.56vw;
	}

	.box1_in_right .red {
		color: #E80707;
	}

	/*.box1_in_right span {*/
	/*	display: block;*/
	/*	width: 31.25vw;*/
	/*	font-family: Microsoft YaHei, Microsoft YaHei;*/
	/*	font-weight: 400;*/
	/*	font-size: 0.83vw;*/
	/*	color: #666666;*/
	/*	line-height: 1.67vw;*/
	/*}*/

	.box2 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}

	.box2 .title {
		display: none;
	}
	.mobileTitle{
	    font-weight: bold;
		font-size: 6.66vw;
		color: #3D3D3D;
		margin-bottom: 0;
	}
	.mobileSubTitle{
        font-weight: 400;
        font-size: 3.2vw;
        color: #666666;
        margin-bottom: 3.125vw;
	}

	.box2_list {
		width: 94vw;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.box2_list_item {
		position: relative;
		width: 94vw;
		height: 66.6vw;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		overflow: hidden;
		border-radius: 2.6vw;
		transition: all .8s;
		margin-bottom: 4vw;
	}

	.box2_back {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.box2_list_item img {
		position: absolute;
		left: 0;
		width: 94vw;
		height: auto;
		transition: all .8s;
		z-index: 1;
	}

	.box2_list_item p {
		position: relative;
		width: 85vw;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 600;
		font-size: 4vw;
		color: #FFFFFF;
		padding: 0 4vw;
		transition: all .8s;
		z-index: 9;
		bottom: 0!important;
	}

	.box2_list_item span {
		width: 85vw;
		position: relative;
		transition: all .8s;
		padding: 0 4vw;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 2.9vw;
		color: rgba(255, 255, 255, 0.8);
		line-height: 5.4vw;
		z-index: 9;
		bottom: 4vw!important;
	}

	.box3 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		padding: 4.16vw 0!important;
	}
	.box3 .title {
		display: none;
	}
	.mobileTitle{
	}
	.mobileSubTitle{
	    
	}
	.box3_list {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 94vw;
		flex-wrap: wrap;
	}
	.box3_list .r_icon{
		width: 4vw;
		height: 4vw;
		/*margin-top: 6.4vw;*/
	}
	.box3_list .mobile_r_icon{
	    display: none;
	}
	.box3_list_item{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: linear-gradient(180deg, #FFF4F4 0%, #FFFFFF 100%);
		width: 25vw;
		height: 32.9vw;
		border-radius: 1vw;
		margin-bottom: 4vw;
	}
	.box3_list .even {
		position: relative;
		/*top: 2.6vw;*/
	}
	.box3_list_item img{
		width: 16vwvw;
		height: 16vwvw;
		
	}
	.box3_list_item p {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 600;
		font-size: 2.9vw;
		color: #333333;
		margin: 0.67vw 0 0.52vw 0;
	}
	.box3_list_item span {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 2.1vw;
		color: #999999;
	}
	.box4 {
		width: 100%;
		padding-bottom: 108vw;
	}
	.box4_list{
		width: 94vw;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		position: relative;
	}
	.box4_list_item{
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.box4_list_item_l{
		position: relative;
		width: 94vw;
		height: 19.86vw;
		/* padding-bottom: 1.5vw; */
		border-bottom: 1px solid #DBDBDB;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		cursor: pointer;
	}
	.box4_list_item_l:last-child {
		border-bottom: 0;
	}
	.box4_list_item_l p{
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 600;
		font-size: 4vw;
		/* color: #EA1717; */
		margin-top: 2vw;
		color: #3D3D3D;
		margin-bottom: 0;
	}
	.box4 .active p{
		color: #EA1717;
	}
	.box4_list_item_l span {
		width: 88vw;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 2.93vw;
		color: #666666;
		margin-bottom: 2vw;
		margin-top: 0;
	}
	.box4_list_item_l .radio1{
	    width: 5.3vw;
	    height: 5.3vw;
		position: absolute;
		right: 0;
		opacity: 0;
		transition: all 0.3s;
	}
	.box4 .active .radio1{
		opacity: 1;
	}
	.box4_list_item_l .radio2{
	    width: 5.3vw;
	    height: 5.3vw;
		position: absolute;
		right: 0;
		opacity: 1;
		transition: all 0.3s;
	}
	.box4 .active .radio2{
		opacity: 0;
	}
	.box4_list_item_r {
		width: 94vw;
		height: 94vw;
		position: absolute;
		right: 0;
		top: 104vw;
		transition: all 0.3s;
		border-radius: 1vw;
		overflow: hidden;
	}
	.box4_list_item_r img{
		width: 94vw;
		height: 94vw;
		position: absolute;
		opacity: 0;
		top: 0;
		right: 33.33vw;
		transition: all 0.5s;
	}
	.box4 .active .box4_list_item_r img{
		right: 0;
		opacity: 1;
	}
}