@charset 'utf-8';

.page-banner{font-size: 0;}
.page-banner img{width: 100%;height: 100%;}

.about_title{}
.about_title h2{text-align: center; font-size: 40px; line-height: 2em; color: #209f96;}
.about_title p{font-size: 16px;line-height: 2em;color: #444;text-align: center;}

.about_company{/* padding-top: 90px; */}
.about_company .company_content{display: flex; justify-content: space-between; align-items: center;}
.about_company .company_content .picture{width: 40%; float: left;}
.about_company .company_content .picture img{width: 100%; border-radius: 10px;}
.about_company .company_content .content{width: 55%; float: right;}
.about_company .company_content .content .name h2{font-size: 40px; color: #262d40;}
.about_company .company_content .content .text{font-size: 18px; color: #444; line-height: 2em; margin-top: 10px;}
.about_company .company_content .content .button{margin-top: 50px;}
.about_company .company_content .content .button a{display: inline-block; line-height: 66px; padding: 0 66px; font-size: 16px; font-weight: bold; background: #209f96; color: #fff; border-radius: 5px;}

.about_streng{/* padding: 80px 0 50px; */}
.about_streng .streng_list{margin-top: 50px;}
.about_streng .streng_list ul::after{content: ''; display: table; clear: both;}
.about_streng .streng_list ul li{width: 18%;float: left;margin: 0 2% 40px 0;}
.about_streng .streng_list ul li:nth-child(3n){/* margin-right: 0; */}
.about_streng .streng_list ul li img{width: 100%;height: 100%;}
.about_streng .streng_list ul li h3{font-size:16px;padding:15px;color#000;text-align:center;}
.about_applica{/* padding: 80px 0 25px; */background: #f6f6f6;}
.about_applica .applica_list{margin-top: 50px;}
.about_applica .applica_list ul::after{content: ''; display: table; clear: both;}
.about_applica .applica_list ul li{width: 23.5%; float: left; margin: 0 2% 45px 0; border-radius: 8px; overflow: hidden;}
.about_applica .applica_list ul li:nth-child(4n){margin-right: 0;}
.about_applica .applica_list ul li img{width: 100%;height: 100%;}
.about_applica .applica_list ul li p{padding: 12px 10px;text-align: center;background: #209f96;color: #fff;white-space: nowrap;font-size: 16px;overflow: hidden;text-overflow: ellipsis;}
.about_applica .applica_list ul{
    display: flex;
    flex-wrap: wrap;
}

.clearboth {
	height:0px;
	line-height:0px;
	overflow:hidden;
	clear:both;
	font-size:0px;
}
.about_team{/* padding-top: 80px; */}
.about_team .team_list{margin-top: 50px;padding: 60px 0;display: flow-root;}
.about_team .team_list:nth-child(even){background: #209f9614;}
.about_team .team_list:nth-child(odd){background: #f6f6f6;}
.about_team .team_list .picture{width: 36%;}
.about_team .team_list .picture img{width: 100%;}
.about_team .team_list .content{width: 58%;}
.about_team .team_list:nth-child(even) .picture{float: left;}
.about_team .team_list:nth-child(even) .content{float: right;}
.about_team .team_list:nth-child(odd) .picture{float: right;}
.about_team .team_list:nth-child(odd) .content{float: left;}
.about_team .team_list .content .name{font-size: 30px; font-weight: bold; color: #262d40;}
.about_team .team_list .content .text{font-size: 18px; line-height: 2em; color: #444; margin-top: 30px;}

.about_service{padding: 80px 0 90px;}
.about_service .service_list{margin-top: 50px;}
.about_service .service_list ul::after{content: ''; display: table; clear: both;}
.about_service .service_list ul li{width: 18%; float: left; margin-right: 2.25%;}
.about_service .service_list ul li:nth-child(5){margin-right: 0;}
.about_service .service_list ul li img{width: 100%;}

.about_quality{padding: 60px 0; background: #fafafa;}
.about_quality .whole{display: flex; align-items: center; justify-content: space-between;}
.about_quality .content{width: 48%; float: left;}
.about_quality .content .name{font-size: 40px; color: #222; font-weight: bold;}
.about_quality .content .text{font-size: 16px; line-height: 28px; color: #444; margin-top: 30px;}
.about_quality .picture{width: 42%; float: right;}
.about_quality .picture img{width: 100%;}

.about_technological{/* padding-top: 80px; */}
.about_technological .technological_list{margin-top: 50px;}
.about_technological .technological_list ul::after{content: ''; display: table; clear: both;}
.about_technological .technological_list ul li{width: 23.5%; float: left; margin: 0 2% 20px 0;}
.about_technological .technological_list ul li:nth-child(4n){margin-right: 0;}
.about_technological .technological_list ul li img{width: 100%;border-radius: 8px;height: 100%;}
.about_technological .technological_list ul li p{padding: 20px 10px;text-align: center;white-space: nowrap;font-size: 16px;overflow: hidden;text-overflow: ellipsis;}

.about_machine{padding: 50px 0;}
.about_machine .machine_list{margin-top: 50px;}
.about_machine .machine_list::after{content: ''; display: table; clear: both;}
.about_machine .machine_list .list{width: 32%; float: left; margin: 0 2% 20px 0;}
.about_machine .machine_list .list:nth-child(3n){margin-right: 0;}
.about_machine .machine_list .list .picture{border: solid #f1f1f1 1px; border-radius: 8px; overflow: hidden;}
.about_machine .machine_list .list .picture img{width: 100%;}
.about_machine .machine_list .list .content{padding: 20px 0;}
.about_machine .machine_list .list .content .name{font-size: 20px; font-weight: bold; color: #209f96;}
.about_machine .machine_list .list .content .text{font-size: 16px; line-height: 2em; color: #444; margin-top: 10px;}

.about_mission{padding: 60px;background: #eef7f7;}
.about_mission .whole{display: flex; align-items: center; justify-content: space-between;}
.about_mission .picture{width: 42%; float: left;}
.about_mission .picture img{width: 100%;}
.about_mission .content{width: 48%; float: right;}
.about_mission .content .name{font-size: 30px; color: #209f96; font-weight: bold;}
.about_mission .content .text{font-size: 16px; line-height: 36px; color: #444; margin-top: 30px;}

.about_contact{width: 100%;max-width: 1400px;height: 350px;margin: 0 auto 0;background: url('../images/about_contact.jpg') center no-repeat;}
.about_contact .content{text-align: center; padding-top: 70px;}
.about_contact .content h4{font-size: 26px; line-height: 40px; color: #fff;}
.about_contact .button{text-align: center; margin-top: 30px;}
.about_contact .button a{display: inline-block; line-height: 66px; padding: 0 66px; font-size: 16px; font-weight: bold; background: #209f96; color: #fff; border-radius: 5px;}

.about_inquiry{/* padding: 80px 0; */}
.about_inquiry .inquiry_content{margin-top: 50px;/* max-width: 1400px; */margin: auto;}
.about_inquiry .map{width: 45%;float: left;}
.about_inquiry .map img{width: 100%;}
.about_inquiry .message{width: 55%;float: right;background: url("../images/inquiry.jpg");}
.about_inquiry .message .inquiry{width: 700px;max-width: 100%;box-sizing: border-box;padding: 50px;}
.about_inquiry .message .inquiry .title{font-size: 40px; font-weight: bold; line-height: 55px; color: #fff;}
.about_inquiry .message .inquiry .title span{color: #209f96;}
.about_inquiry .message .inquiry .inquiry_form{/* margin-top: 40px; */}
.about_inquiry .message .inquiry .input_list{width: 48%; float: left; margin: 0 4% 20px 0; position: relative;}
.about_inquiry .message .inquiry .input_list:nth-child(2n){margin-right: 0;}
.about_inquiry .message .inquiry .input_list input{width: 100%; height: 44px; box-sizing: border-box; padding: 0 20px; border: none; border-radius: 5px;}
.about_inquiry .message .inquiry .textarea_list{width: 100%; position: relative;}
.about_inquiry .message .inquiry .textarea_list textarea{width: 100%; height: 160px; border: none; box-sizing: border-box; padding: 15px 20px; border-radius: 5px;}
.about_inquiry .message .inquiry .button_list{margin-top: 50px;}
.about_inquiry .message .inquiry .button_list input{padding: 0 30px; height: 66px; background: #209f96; color: #fff; font-size: 16px; font-weight: bold; border: none; border-radius: 5px; cursor: pointer;}

.about_superiority{background: #209f96;}
.about_superiority ul{text-align: center; padding: 50px 0;}
.about_superiority ul li{display: inline-block; width: 23%;}
.about_superiority ul li img{display: inline-block;}
.about_superiority ul li h3{font-size: 40px; color: #fff; margin-top: 10px;}
.about_superiority ul li p{font-size: 16px; color: #fff; margin-top: 10px;}

.about_environment{/* padding: 70px 0 50px; */background: #f7f7f7;}
.about_environment .environment_swiper{padding-bottom: 70px; margin-top: 50px; position: relative; overflow: hidden;}
.about_environment .environment_swiper .swiper-slide img{width: 100%; height: auto !important;}
.about_environment .environment_swiper .swiper-pagination{bottom: 0;}
.about_environment .environment_swiper .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 8px; border-radius: 0; background: #d2d2d2; opacity: 1; cursor: pointer;}
.about_environment .environment_swiper .swiper-pagination .swiper-pagination-bullet-active{height: 23px; background: #209f96;}

.about_certificate{/* padding-top: 80px; */}
.about_certificate .certificate_list{padding-top: 60px; overflow: hidden;}
.about_certificate .certificate_list .swiper-slide img{width: 100%; height: auto !important;}

.about_message{/* padding: 80px 0; */}
.about_message .inquiry_content{margin-top: 30px;}
.about_message .input_list{width: 32%; float: left; margin-right: 2%; position: relative;}
.about_message .input_list:nth-child(3){margin-right: 0;}
.about_message .input_list input{width: 100%; height: 56px; font-size: 16px; display: block; border: none; box-sizing: border-box; padding: 0 30px; background: #f7f7f7; border-radius: 5px;}
.about_message .textarea_list{margin-top: 24px; position: relative;}
.about_message .textarea_list textarea{width: 100%; font-size: 16px; display: block; border: none; box-sizing: border-box; padding: 15px 30px; line-height: 28px; background: #f7f7f7; border-radius: 5px;}
.about_message .button{margin-top: 38px; text-align: center;}
.about_message .button button{width: 190px; height: 56px; font-size: 18px; font-weight: bold; border: none; background: #209f96; color: #fff; border-radius: 5px; cursor: pointer;}

@media (max-width: 990px) {
	.about_title h2{font-size: 22px;}
	.about_title p{line-height: 1.5em;}
	
	.about_company{padding: 30px 15px;}
	.about_company .company_content{display: block;}
	.about_company .company_content .picture{width: 100%;}
	.about_company .company_content .content{width: 100%; margin-top: 20px;}
	.about_company .company_content .content .name h2{font-size: 22px;}
	.about_company .company_content .content .text{font-size: 16px;}
	.about_company .company_content .content .button{margin-top: 10px;}
	.about_company .company_content .content .button a{line-height: 42px; padding: 0 30px;}
	
	.about_streng{padding: 30px 15px;}
	.about_streng .streng_list{margin-top: 30px;}
	.about_streng .streng_list ul::after{content: ''; display: table; clear: both;}
	.about_streng .streng_list ul li{width: 48%; float: left; margin: 0 4% 20px 0;}
	.about_streng .streng_list ul li:nth-child(3n){margin-right: 4%;}
	.about_streng .streng_list ul li:nth-child(2n){margin-right: 0;}
	
	.about_applica{padding: 30px 15px;}
	.about_applica .applica_list{margin-top: 30px;}
	.about_applica .applica_list ul::after{content: ''; display: table; clear: both;}
	.about_applica .applica_list ul li{width: 48%; float: left; margin: 0 4% 25px 0; border-radius: 8px; overflow: hidden;}
	.about_applica .applica_list ul li:nth-child(2n){margin-right: 0;}
	.about_applica .applica_list ul li p{padding: 10px;}
	
	.about_team{padding-top: 30px;}
	.about_team .about_title{padding: 0 15px 20px;}
	.about_team .team_list{margin-top: 0; padding: 30px 15px;}
	.about_team .team_list .picture{width: 100%; text-align: center;}
	.about_team .team_list .picture img{width: 100%;border-radius: 10px;height: 100%;}
	.about_team .team_list .content{width: 100%; margin-top: 20px;}
	.about_team .team_list .content .name{font-size: 20px;}
	.about_team .team_list .content .text{font-size: 14px; line-height: 2em;margin-top: 10px;}
	
	.about_service{padding: 30px 15px;}
	.about_service .service_list{margin-top: 30px;}
	.about_service .service_list ul::after{content: ''; display: table; clear: both;}
	.about_service .service_list ul li{width: 48%; float: left; margin-right: 4%; margin-bottom: 20px;}
	.about_service .service_list ul li:nth-child(2n){margin-right: 0;}
	
	.about_quality{padding: 30px 15px;}
	.about_quality .whole{display: block;}
	.about_quality .content{width: 100%;}
	.about_quality .content .name{font-size: 22px;}
	.about_quality .content .text{font-size: 16px; margin-top: 20px;}
	.about_quality .picture{width: 100%; margin-top: 20px;}
	
	.about_technological{padding: 30px 15px 0;}
	.about_technological .technological_list{margin-top: 30px;}
	.about_technological .technological_list ul::after{content: ''; display: table; clear: both;}
	.about_technological .technological_list ul li{width: 48%; float: left; margin: 0 4% 20px 0;}
	.about_technological .technological_list ul li:nth-child(2n){margin-right: 0;}
	.about_technological .technological_list ul li p{padding: 10px;}
	
	.about_machine{padding: 30px 15px;}
	.about_machine .machine_list{margin-top: 30px;}
	.about_machine .machine_list::after{content: ''; display: table; clear: both;}
	.about_machine .machine_list .list{width: 48%; float: left; margin: 0 4% 20px 0;}
	.about_machine .machine_list .list:nth-child(3n){margin-right: 4%;}
	.about_machine .machine_list .list:nth-child(2n){margin-right: 0;}
	.about_machine .machine_list .list .content{padding: 10px 0;}
	.about_machine .machine_list .list .content .name{font-size: 14px;}
	.about_machine .machine_list .list .content .text{font-size: 14px; line-height: 1.5em;}
	
	.about_mission{padding: 30px 15px;}
	.about_mission .whole{display: block;}
	.about_mission .picture{width: 100%; margin-top: 20px;}
	.about_mission .content{width: 100%;}
	.about_mission .content .name{font-size: 22px;}
	.about_mission .content .text{font-size: 16px; line-height: 1.5em; margin-top: 10px;}
	
	.about_contact{height: auto; box-sizing: border-box; padding: 30px 15px; margin: 0px auto 0; background: url('../images/about_contact.jpg') center no-repeat;}
	.about_contact .content{text-align: left; padding: 0;}
	.about_contact .content h4{font-size: 16px; line-height: 30px;}
	.about_contact .button{text-align: center; margin-top: 30px;}
	.about_contact .button a{line-height: 42px; padding: 0 30px;}
	
	.about_inquiry{padding: 30px 0 10px;}
	.about_inquiry .inquiry_content{margin-top: 10px;}
	.about_inquiry .map{width: 100%; float: left;}
	.about_inquiry .map img{width: 100%;}
	.about_inquiry .message{width: 100%;}
	.about_inquiry .message .inquiry{width: 100%; max-width: 100%; padding: 30px 20px;}
	.about_inquiry .message .inquiry .title{font-size: 20px; line-height: 32px;}
	.about_inquiry .message .inquiry .inquiry_form{margin-top: 20px;}
	.about_inquiry .message .inquiry .input_list{width: 100%; margin: 0 0 20px 0;}
	.about_inquiry .message .inquiry .input_list input{width: 100%; height: 44px; box-sizing: border-box; padding: 0 20px; border: none; border-radius: 5px;}
	.about_inquiry .message .inquiry .textarea_list{width: 100%; position: relative;}
	.about_inquiry .message .inquiry .textarea_list textarea{width: 100%; height: 120px; border: none; box-sizing: border-box; padding: 15px 20px; border-radius: 5px;}
	.about_inquiry .message .inquiry .button_list{margin-top: 30px;}
	.about_inquiry .message .inquiry .button_list input{height: 42px; padding: 0 30px;}

	.about_superiority{background-size: auto 100%;}
	.about_superiority ul{padding: 30px 0;}
	.about_superiority ul li{width: 48%; padding: 30px 0;}
	.about_superiority ul li h3{font-size: 36px; font-weight: normal; margin-top: 10px;}

	.about_environment{padding: 30px 0 20px;}
	.about_environment .environment_swiper{padding-bottom: 40px; margin-top: 30px;}
	
	.about_certificate{padding-top: 30px;}
	.about_certificate .certificate_list{padding-top: 30px;}
	
	.about_message{padding: 30px 15px;}
	.about_message .inquiry_content{margin-top: 10px;}
	.about_message .input_list{width: 100%; margin-right: 0%; margin-bottom: 20px;}
	.about_message .input_list:nth-child(3){margin-right: 0;}
	.about_message .input_list input{height: 42px; font-size: 16px; padding: 0 13px;}
	.about_message .textarea_list{margin-top: 0;}
	.about_message .textarea_list textarea{padding: 10px 13px;} 
	.about_message .button{margin-top: 20px;}
	.about_message .button button{width: 136px; height: 42px; font-size: 16px;}
}