@charset "utf-8";
/* CSS Document */
/*----------
About US
----------*
/*Company Overiew*/
#company-overiew{ position:relative; padding-top:2rem; margin-bottom:1vw;}
#company-overiew .page-title{ position:relative; z-index:1;}
.company-overiewbg{ position:absolute; left:0; top:14%; width:100%; display: -webkit-flex;  display: flex; justify-content: center; align-items: center;}
#company-overiew .sy-container{ position:relative; z-index:2; }
#company-overiew .grid{grid-template-columns:repeat(4,auto); justify-content: center; padding-bottom: 4rem; margin-top:6rem; grid-column-gap:6rem; }
.company-overiew-content{ border-right:#ccc solid 1px; padding:0 5rem;}
.company-overiew-content:last-child{ border:none;}
.company-overiew-info{font-size:5rem; font-weight:bold; color:var(--web-theme-color);}
.company-overiew-info span{ vertical-align:text-top; font-size:1.8rem; font-weight:lighter; color:var(--web-theme-color-black);}
.company-overiew-content p{ padding-top:1.4rem;}
.company-profile{ padding-top: 2rem;}
/*Company team*/
#Professional-team{ background-color: #f3f3f3; overflow: hidden;}
.Professional-img{flex: 0 0 40%;}
.Professional-img img{width:100%; height: 100%; object-fit: cover;}
.professional-team-profile{ flex:0 0 60%; padding: 6rem 4rem 0  4rem;}
.professional-team-profile h2{color:var(--web-theme-color);}
.professional-team-profile p{ width:min(80%,820px); padding-top:4rem;}
/*swiper*/
.company-strength{ position: relative; width:100%; margin-top: 6rem; overflow: hidden;}
.company-strength .swiper-wrapper{ padding-bottom: 4rem;}
/*Company advantage*/
#advantage{padding-top: 8rem;}
#advantage h4{color:var(--web-theme-color);}
#advantage .grid{grid-template-columns:repeat(2,1fr); margin-top: 6rem;}
.advantage-content-title{ padding-top: 2rem;  font-size:2rem; font-weight: bold;}
.advantage-content ul li{ padding-top: 4rem;}
.advantage-content ul li img{ flex:0 0 auto;}
.advantage-content ul li p{  padding-left: 2rem;}
/*Quality control*/
#quality-control .grid{grid-template-columns:repeat(2,1fr); margin-top: 6rem;}
.quality-control-overiew h3{padding-top: 4rem; padding-bottom:1.6rem; font-weight: bold;}
.quality-control-overiew p{ padding-top: 1.4rem;}
.quality-control-overiew ul{ padding-top: 4rem; }
.quality-control-overiew ul li{ padding-top: 1.2rem;}
.quality-control-overiew ul li i{color:var(--web-theme-color); -webkit-text-stroke: 0 var(--web-theme-color); color: var(--web-theme-color); font-size:1.4rem;}
/* Product inspection */
#product-inspection{ padding: 6rem 15px;}
.product-inspection-info{ width: 100%; margin-top: 6rem; }
.product-inspection-info .swiper-wrapper{ padding-bottom: 6rem;}
.product-inspection-info .swiper-pagination-bullet-active { background-color:var(--web-theme-color);}

@media screen and (max-width: 1023px) {	
/*Company Overiew*/
#company-overiew{ overflow:hidden;}
.company-overiewbg{ position:absolute; left:0; top:7%;}
#company-overiew .grid{grid-template-columns:repeat(2,auto);  margin-top:4rem; grid-gap:3rem 2rem; }
.company-overiew-info{font-size:2.6rem;}
.company-overiew-info span{ font-size:1.4rem; }
.company-overiew-content p{ white-space: nowrap;}
#company-overiew .wrap-flex{   flex-direction: column; margin-top:5rem; padding-bottom:4rem;}
.company-overiew-describe{  padding:4rem 2rem 0 2rem; }
.company-overiew-more{ padding-top:2rem;}
/*Company team*/
#Professional-team .wrap-flex{ flex-direction: column;}
.Professional-img{ flex:1; }
.professional-team-profile{ position: relative; flex:1; padding: 6rem 15px 0 15px;}
.professional-team-profile h2{color:var(--web-theme-color);}
.professional-team-profile p{ width:100%; padding-top:4rem;}
/*swiper*/
.company-strength{margin-top:2rem;}
.company-strength img{ width: 100%;}
/*Company advantage*/
#advantage{padding-top: 4rem; padding-bottom: 0;}
#advantage .grid{grid-template-columns:1fr; grid-row-gap:2rem ; margin-top: 4rem;}
.advantage-content-title{ padding-top: 1rem;  font-size:2.2rem;}
.advantage-content ul{ padding-top: 2rem;}
.advantage-content ul li{ padding-top: 2%;}
.advantage-content ul .wrap-flex{ align-items: center;}
.advantage-content ul li p{  padding-left: 1.4rem;}
/*Quality control*/
#quality-control{padding-top: 4rem; padding-bottom: 0;}
#quality-control .grid{grid-template-columns:1fr; grid-row-gap:4rem ; margin-top:2rem;}
.quality-control-overiew h3{ padding-top: 0; padding-bottom:1.4rem; }
.quality-control-overiew ul{ padding-top: 5rem; }
}
@media screen and (max-width: 490px) {
#Professional-team .swiper-button-next{ position: absolute;  right:6%; top:15%; }
#Professional-team .swiper-button-prev{position: absolute;  left:75%; top:15%;}
}