@charset 'utf-8';

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

.about_title{text-align: center;}
.about_title h2{display: inline-block;font-size: 36px;color: #000;margin: 15px 0;}
.about_title p{font-size: 14px;color:#666;line-height: 1.8;}
.about_company{padding: 0 0 20px;}
.about_company .company_content{margin-top: 30px; line-height: 30px;}
.about_company .company_content img{max-width: 100%;}
.about_company .company_content h3{font-size: 22px; color: #0f65dc; line-height: 38px;}
.about_company .company_content p{font-size: 16px;color: #444;line-height: 32px;/* margin-top: 30px; */}

.about_superiority{background: url("../images/superiority_bg.jpg") center no-repeat;}
.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: 50px 0;background: #333333;}
.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: #1a459f;}

.about_certificate{padding-top: 50px;}
.about_certificate .certificate_list{padding-top: 30px;overflow: hidden;}
.about_certificate .certificate_list .swiper-slide img{width: 100%; height: auto !important;}

.about_message{padding: 50px 0;background: #f8f8f8;}
.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: #025098; color: #fff; border-radius: 5px; cursor: pointer;}

.an_ar{margin-top:45px;}
.about_environment .about_title h2{color:#fff;}
.about_environment  h3{color:#fff;}
.about_environment  a{color:#fff;}
.about_environment p{color:#fff;}
@media (max-width: 990px) {
	.about_title h2{font-size: 20px;margin: 0;margin-bottom: 15px;}
	
	.about_company{padding: 0 15px;}
	.about_company .company_content{margin-top: 10px; line-height: 30px;}
	.about_company .company_content img{max-width: 100%;}
	.about_company .company_content h3{font-size: 18px; line-height: 28px;}
	.about_company .company_content p{line-height: 26px; margin-top: 20px;}

	.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 0;}
	.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;}
	
	.an_ar {
    margin-top: 20px;
}
}