/* img scale */
.about_pic img, .icon_pic img, .ser_pic_item .ser_pic img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.s_about_pic:hover .about_pic img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}

.web_main{background: #E8E5DC;}
.innerContent{color: #666;}

.s_about_top{overflow: hidden; padding-top: 2.5%;}

.s_about_txt{align-items: center;}

.s_about_pic{width: 29%;}
.s_about_con{width: 68%;}
.s_about_pic .about_pic{padding-bottom: 118.5%; overflow: hidden;}

@media only screen and (max-width: 1024px) {
	.s_about_txt{flex-wrap: wrap;}
	.s_about_top .s_about_txt:last-child{margin-top: 3%;}
	.s_about_pic{width: 100%; order: 1; max-width: 600px; margin: 0 auto;}
	.s_about_con{width: 100%; order: 2; margin-top: 20px;}
	.s_about_pic .about_pic{padding-bottom: 70%;}
}
@media only screen and (max-width: 950px) {
	.innerContent{padding: 0;}
	.s_about_txt{flex-wrap: wrap;}
	.s_about_txt .web_th{margin-bottom: 10px;}
	.s_about_top .s_about_txt:last-child{margin-top: 20px;}
	.s_about_pic{width: 100%; order: 1;}
	.s_about_con{width: 100%; order: 2; margin-top: 20px;}
	.s_about_pic .about_pic{padding-bottom: 70%;}
}

/* s_about_company */
.s_about_company{padding-top: 2.5%;}
.s_about_company .web_th{max-width: 1400px;}

.about_company_inner{padding: 4.5% 0 0; position: relative;}

.company_pic{width: 42.8%; margin: 0 auto;}
.company_pic .com_pic{padding-bottom: 61%; overflow: hidden; margin-top: -8%;}

.commpany_con li{width: 38%;}
.commpany_con li .com_pic{width: 20%; margin: 0 20px 0 0; order: 1;}
.commpany_con li .com_info{flex: 1; order:2}
.commpany_con li:nth-child(2n + 1) .com_pic{order: 3; margin: 0 0 0 20px;}
.commpany_con li .com_pic .icon_pic{padding-bottom: 100%; overflow: hidden; border-radius: 8px; background: #f16b03;}
.commpany_con li:nth-child(2n + 1) .com_info{text-align: right;}
.commpany_con li:hover .com_pic .icon_pic{background: #1a4525;}
.commpany_con li:hover .com_pic .icon_pic img{ animation: swing 0.5s;}
.com_info{line-height: 1.5;}
.com_info .title{font-size: 30px; color: #f16b03; line-height: 1.1; min-height: 40px; margin-bottom: 6px;}
.com_info .brief{color: #666;}

@media only screen and (max-width: 1450px) {
	.com_info .title{font-size: 28px;}
}
@media only screen and (max-width: 1350px) {
	.com_info .title{font-size: 26px;}
	.company_pic .com_pic{margin-top: -10%;}
}
@media only screen and (max-width: 1200px) {
	.com_info .title{font-size: 24px;}
	.company_pic .com_pic{margin-top: -12%;}
}
@media only screen and (max-width: 950px) {
	.about_company_inner{padding: 0; display: flex; flex-direction: column;}
	.com_info .title{font-size: 22px; min-height: 26px;}
	.commpany_con{flex-wrap: wrap; order: 2;}
	.commpany_con li{width: 100%; margin-top: 20px;}
	.commpany_con li .com_pic{margin-right: 12px;}
	.commpany_con li:nth-child(2n + 1) .com_pic{order: 1; margin: 0 12px 0 0;}
	.commpany_con li:nth-child(2n + 1) .com_info{text-align: left;}
	
	.company_pic{width: 100%; order: 1;}
	.company_pic .com_pic{margin-top: 20px;}
}

/* s_about_num */
.s_about_num{background: #f16b03; margin-top: 3%; padding: 5% 0;}
.about_num{color: #fff; font-family: 'CHAPARRALPRO-BOLD'; line-height: 1; font-weight: bold;}
.num_item div.flex{justify-content: center;}
.num_item .world-number, .world-unit{font-size: 88px;}
.num_item sup{font-size: 44px;}
.num_item .world-tip-b{font-size: 36px; text-align: center; margin-top: 15px;}

@media only screen and (max-width: 1450px) {
	.num_item .world-number, .world-unit{font-size: 78px;}
	.num_item sup{font-size: 38px;}
	.num_item .world-tip-b{font-size: 32px;}
}
@media only screen and (max-width: 1350px) {
	.num_item .world-number, .world-unit{font-size: 66px;}
	.num_item sup{font-size: 32px;}
	.num_item .world-tip-b{font-size: 28px;}
}
@media only screen and (max-width: 1200px) {
	.num_item .world-number, .world-unit{font-size: 54px;}
	.num_item sup{font-size: 28px;}
	.num_item .world-tip-b{font-size: 24px;}
}
@media only screen and (max-width: 950px) {
	.s_about_num{margin-top: 26px; padding: 20px 0;}
	.about_num{flex-wrap: wrap;}
	.about_num>.flexColumn{width: 50%;}
	.about_num>.flexColumn:nth-child(n+3){margin-top: 20px;}
	.num_item div.flex{justify-content: flex-start;}
	.num_item .world-number, .world-unit{font-size: 36px;}
	.num_item sup{font-size: 24px;}
	.num_item .world-tip-b{font-size: 22px; text-align: left; margin-top: 8px;}
}

/* s_about_ser */
.about_ser_list li{width: 30%; margin-top: 3%;}
.ser_pic_item{width: 26.5%;}
.ser_pic_item .ser_pic{padding-bottom: 100%; overflow: hidden; border-radius: 8px; background: #f16b03;}

.ser_info .title{font-size: 20px; font-weight: bold; line-height: 1.25; margin: 15px 0 10px;}
.ser_info .brief{color: #666; line-height: 1.75;}

.about_ser_list li:hover .ser_pic{background: #1a4525;}
.about_ser_list li:hover .ser_pic img{animation: swing 0.5s;}

@media only screen and (max-width: 950px) {
	.about_ser_list li{width: 100%; margin-top: 15px; display: flex;}
	.ser_pic_item{width: 20%; margin-right: 12px;}
	.ser_info{flex: 1;}
	.ser_info .title{margin: 0 0 5px;}
	.ser_info .brief{line-height: 1.5;}
}