@charset "utf-8";

.about-us{width: 100%;padding: 80px 0;}
.about-us ul{width: 100%;}
.about-us ul li{width: 100%;height: 100%;position: relative;}
.about-us ul li .about-text{float: left;width: 43%;position: absolute;top: 50%;transform: translateY(-50%);}
.about-us ul li:nth-child(2n) .about-text{float: left;width: 43%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.about-us ul li .about-img{float: right;width: 52%;position: relative;}
.about-us ul li .about-text .title{margin-bottom: 60px;}
.about-us ul li .about-text p{font-size: 16px;line-height: 26px;color: #888888;font-family: "Arial";}
.about-us ul li .about-text h3{font-size: 16px;line-height: 36px;font-weight: bold;color: #333;font-family: "Arial";}
.about-us ul li .about-img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.about-us ul li:first-child .about-img::after{content: '';z-index: -1;display: block;width: 960px;height: 960px;background: #f5f5f5;position: absolute;left: 38px;top: -160px;}
.about-us ul li:nth-child(2) .about-img::after{content: '';z-index: -1;display: block;width: 960px;height: 960px;background: #f5f5f5;position: absolute;left: unset;right: 42px;top: 220px;}
.about-us ul li:nth-child(3) .about-img::after{content: '';z-index: -1;display: block;width: 960px;height: 960px;background: #f5f5f5;position: absolute;left: unset;right: -162px;top: unset;bottom: -900px;}
.about-us ul li:not(:last-child){margin-bottom: 120px;}
.about-us ul li:nth-child(2n) .about-text{float: right;}
.about-us ul li:nth-child(2n) .about-img{float: left;}

@media (max-width:1680px) {
	.about-us{padding: 60px 0;}
	.about-us ul li .about-text .title{margin-bottom: 40px;}
	.about-us ul li .about-img::after{width: 800px!important;height: 800px!important;}
	.about-us ul li:first-child .about-img::after{right: 0;left: unset;}
	.about-us ul li:nth-child(2) .about-img::after{right: unset;left: 0;}
	.about-us ul li:nth-child(3) .about-img::after{right: 0;}
}
@media (max-width:1440px) {
	.about-us ul li:first-child .about-img::after{right: -20px;left: unset;}
	.about-us ul li:nth-child(2) .about-img::after{right: unset;left: -20px;}
	.about-us ul li:nth-child(3) .about-img::after{right: -20px;}
}
@media (max-width:1280px) {
	.about-us ul li:not(:last-child){margin-bottom: 80px;}
	.about-us ul li .about-text .title{margin-bottom: 20px;}
	.about-us ul li .about-text p{line-height: 24px;}
}
@media (max-width:1080px) {
	.about-us ul li:first-child .about-img::after{right: -8%;left: unset;display: none;}
	.about-us ul li:nth-child(2) .about-img::after{right: unset;left: -8%;display: none;}
	.about-us ul li:nth-child(3) .about-img::after{right: -8%;display: none;}
	.about-us ul li:nth-child(2n){background: #f5f5f5;padding: 30px 0;}
	.about-us ul li:not(:last-child){margin-bottom: 30px;}
	.about-us ul li .about-text p{font-size: 14px;}
	.about-us ul li:nth-child(2n){width: 106%;margin-left: -3%;padding: 30px 3%;}
	.about-us ul li .about-text{position: unset;transform: translateY(0%)}
}
@media (max-width:769px) {
	.about-us ul li{display: flex;flex-direction: column;}
	.about-us ul li:nth-child(2n) .about-text{position: unset;transform: translateY(0%)}
	.about-us ul li:nth-child(2n) .about-text{width: 100%;}
	.about-us ul li:nth-child(2n) .about-img{width: 100%;}
	.about-us ul li .about-text{width: 100%;}
	.about-us ul li .about-img{width: 100%;}
	.about-us ul li .about-text{float: unset;}
	.about-us ul li .about-img{height: 400px;margin-top: 10px;}
	.about-us{padding: 40px 0;}
	.about-us ul li .about-text p{text-align: justify;}
}
@media (max-width:480px) {
	.about-us ul li .about-img{height: 240px;}
}