@charset 'utf-8';

.about_video video{width: 100%; height: auto; display: block;}

.com_title{text-align: center;}
.com_title h2{font-size: 36px; font-family: 'Poppins'; position: inherit;}
.com_title h2:before{display: none;}
.com_title h2::after{display: none;}

.graybackground{background: #f6f6f6;}

.aboutcompany{padding: 50px 0;}
.aboutcompany .companycontent{margin-top: 30px; font-size: 18px; line-height: 32px;}
.aboutcompany .companycontent img{max-width: 100%;}
.aboutcompany .companycontent h4{font-size: 22px; line-height: 26px; color: #c22a29;}
.aboutcompany .companycontent p{font-size: 16px; line-height: 28px; color: #191919; padding: 10px 0;}

.aboutcore{margin-top: 60px; display: flex; justify-content: space-between;}
.aboutcore .list{width: 20%; text-align: center;}
.aboutcore .list .icon{height: 50px;}
.aboutcore .list .icon img{height: 36px;}
.aboutcore .list .title{font-size: 16px; color: #474747;}
.aboutcore .list .number{font-size: 46px; color: #009ca3; font-weight: bold;}

.aboutcompetencies{padding: 50px 0 30px; background: #f6f6f6;}
.aboutcompetencies .competenciesSwiper{margin-top: 30px; padding-bottom: 50px; position: relative; overflow: hidden;}
.aboutcompetencies .competenciesSwiper .picture{border-radius: 10px; overflow: hidden;}
.aboutcompetencies .competenciesSwiper .picture img{width: 100%; transition: all 0.5s;}
.aboutcompetencies .competenciesSwiper .swiper-slide:hover .picture img{transform: scale(1.1);}
.aboutcompetencies .competenciesSwiper .title{line-height: 46px; height: 46px; text-align: center; margin-top: 10px;}
.aboutcompetencies .competenciesSwiper .title a{font-size: 20px; color: #009ca3; transition: all 0.5s;}
.aboutcompetencies .competenciesSwiper .swiper-slide:hover .title a{font-size: 24px;}
.aboutcompetencies .competenciesSwiper .text{font-size: 16px; line-height: 24px; color: #5e5e5e; margin-top: 10px;}
.aboutcompetencies .swiper-pagination{bottom: 0;}
.aboutcompetencies .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 8px !important; border-radius: 5px; cursor: pointer; opacity: 1; transition: all 0.5s;}
.aboutcompetencies .swiper-pagination .swiper-pagination-bullet-active{background: #1ac0c7;}

.aboutquality{padding: 50px 0 30px;}
.aboutquality .com_title p{text-align: left; font-size: 16px; line-height: 26px; text-indent: 2em; margin-top: 5px;}
.qualitylist{margin-top: 30px;}
.qualitylist .list{width: 23.5%; float: left; margin: 0 2% 30px 0;}
.qualitylist .list:nth-child(4n){margin-right: 0;}
.qualitylist .list .picture{overflow: hidden;}
.qualitylist .list .picture img{width: 100%; transition: all 0.5s;}
.qualitylist .list:hover .picture img{transform: scale(1.1);}
.qualitylist .list .title{text-align: center; font-size: 18px; line-height: 32px; color: #009ca3; font-family: 'Poppins SemiBold'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s; margin-top: 10px;}
.qualitylist .list:hover .title{font-size: 20px;}

.aboutenviron{padding: 50px 0 60px;}
.aboutenviron .environswiper{padding-bottom: 70px; margin-top: 50px; position: relative; overflow: hidden;}
.aboutenviron .environswiper .swiper-slide{overflow: hidden;}
.aboutenviron .environswiper .swiper-slide img{width: 100%; transition: all 0.5s;}
.aboutenviron .environswiper .swiper-slide:hover img{transform: scale(1.1);}
.aboutenviron .environswiper .swiper-pagination{bottom: 0;}
.aboutenviron .environswiper .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 8px; border-radius: 0; background: #009ca3; opacity: 1; cursor: pointer;}
.aboutenviron .environswiper .swiper-pagination .swiper-pagination-bullet-active{height: 23px;}

.aboutcertificate{padding: 50px 0 100px; background: #fafafa;}
.aboutcertificate .certificateswiper{margin-top: 50px; overflow: hidden;}
.aboutcertificate .certificateswiper .swiper-wrapper{align-items: center;}
.aboutcertificate .certificateswiper .swiper-slide{overflow: hidden;}
.aboutcertificate .certificateswiper .swiper-slide img{width: 100%; height: auto !important; transition: all 0.5s;}
.aboutcertificate .certificateswiper .swiper-slide:hover img{transform: scale(1.1);}

.certificatelist{margin-top: 30px;}
.certificatelist .list{width: 32%; float: left; margin: 0 2% 30px 0;}
.certificatelist .list:nth-child(3n){margin-right: 0;}
.certificatelist .list:nth-child(3n+1){clear: both;}
.certificatelist .list .picture{overflow: hidden;}
.certificatelist .list .picture img{width: 100%; transition: all 0.5s;}
.certificatelist .list:hover .picture img{transform: scale(1.1);}
.certificatelist .list .title{text-align: center; font-size: 18px; margin-top: 10px;}

.aboutblog{padding: 50px 0; background: #fafafa;}
.aboutblog .bloglist{margin-top: 50px;}
.aboutblog .bloglist .list{width: 32%; float: left; background: #fff; box-sizing: border-box; padding: 9px 9px 20px; border: solid #eee 2px; border-radius: 10px; margin-right: 2%;}
.aboutblog .bloglist .list:nth-child(3){margin-right: 0;}
.aboutblog .bloglist .list .picture{border-radius: 10px; overflow: hidden;}
.aboutblog .bloglist .list .picture img{width: 100%; transition: all 0.5s;}
.aboutblog .bloglist .list:hover .picture img{transform: scale(1.1);}
.aboutblog .bloglist .list .title{height: 52px; line-height: 26px; margin-top: 10px;}
.aboutblog .bloglist .list .title a{font-size: 18px; font-weight: bold; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s;}
.aboutblog .bloglist .list:hover .title a{font-size: 20px; color: #009ca3;}
.aboutblog .bloglist .list .text{font-size: 16px; font-family: 'Poppins Light'; color: #5b5b5b; line-height: 22px; max-height: 66px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-top: 6px;}
.aboutblog .bloglist .list .date{font-size: 14px; color: #666; margin-top: 20px;}
.aboutblog .bloglist .list .button{margin-top: 6px;}
.aboutblog .bloglist .list .button a{font-size: 14px; font-family: 'Poppins SemiBold'; color: #009ca3;}

@media (max-width:960px) {
	.com_title h2{font-size: 20px;}
	
	.aboutcompany{padding: 30px 10px;}
	.aboutcompany .companycontent{margin-top: 10px; font-size: 16px; line-height: 26px;}
	.aboutcompany .companycontent img{max-width: 100%;}
	.aboutcompany .companycontent.progress{overflow-x: auto;}
	.aboutcompany .companycontent.progress img{max-width: none; height: 200px;}

	.aboutcore{padding: 0; display: block; margin-top: 20px;}
	.aboutcore::after{content: ''; display: table; clear: both;}
	.aboutcore .list{width: 100%; text-align: left;}
	.aboutcore .list .icon{width: 60px; float: left; text-align: center; line-height: 60px;}
	.aboutcore .list .icon img{height: 36px;}
	.aboutcore .list .title{width: 45%; float: left; font-size: 16px; line-height: 60px;}
	.aboutcore .list .number{width: calc(55% - 60px); float: left; font-size: 36px; line-height: 60px;}
	
	.aboutcompetencies{padding: 30px 10px;}
	.aboutcompetencies .competenciesSwiper{margin-top: 20px; padding-bottom: 36px;}
	.aboutcompetencies .competenciesSwiper .picture{border-radius: 5px; overflow: hidden;}
	.aboutcompetencies .competenciesSwiper .title{margin-top: 10px; height: 60px;}
	.aboutcompetencies .competenciesSwiper .title a{font-size: 14px; line-height: 20px; -webkit-line-clamp: 3;}
	.aboutcompetencies .competenciesSwiper .swiper-slide:hover .title a{font-size: 14px; font-weight: bold;}
	.aboutcompetencies .competenciesSwiper .text{font-size: 12px; line-height: 20px; height: 120px; margin-top: 10px;}
	
	.aboutquality{padding: 30px 10px 0;}
	.aboutquality .com_title p{font-size: 14px; line-height: 22px;}
	.qualitylist{margin-top: 20px;}
	.qualitylist .list{width: 48%; margin: 0 4% 30px 0;}
	.qualitylist .list:nth-child(2n){margin-right: 0;}
	.qualitylist .list .title{text-align: center; font-size: 14px; line-height: 22px; white-space: normal; margin-top: 10px;}
	.qualitylist .list:hover .title{font-size: 14px; font-weight: bold;}

	.aboutenviron{padding: 30px 0;}
	.aboutenviron .environswiper{padding-bottom: 40px; margin-top: 30px;}
	.aboutenviron .environswiper .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 5px; border-radius: 4px; transition: all 0.5s;}
	.aboutenviron .environswiper .swiper-pagination .swiper-pagination-bullet-active{width: 20px; height: 8px;}
	
	.aboutcertificate{padding: 30px 0}
	.aboutcertificate .certificateswiper{margin-top: 30px;}
	
	.aboutblog{padding: 30px 10px 10px;}
	.aboutblog .bloglist{margin-top: 20px;}
	.aboutblog .bloglist .list{width: 100%; padding: 10px; border: solid #eee 1px; border-radius: 0; margin-right: 0; margin-bottom: 20px;}
	.aboutblog .bloglist .list .picture{height: 150px; border-radius: 0;}
	.aboutblog .bloglist .list .title{height: 48px; line-height: 24px; margin-top: 10px;}
	.aboutblog .bloglist .list .title a{font-size: 16px;}
	.aboutblog .bloglist .list:hover .title a{font-size: 16px;}
	.aboutblog .bloglist .list .text{font-size: 14px; line-height: 22px; max-height: 66px;}
	.aboutblog .bloglist .list .date{font-size: 14px; margin-top: 10px;}
	.aboutblog .bloglist .list .button{margin-top: 6px;}
	.aboutblog .bloglist .list .button a{font-size: 14px; font-family: 'Poppins SemiBold'; color: #009ca3;}
}<!--ºÄʱ1793768152.9981Ãë-->