@charset "utf-8";
/* CSS Document */
/*-------
Company profile
-------*/
#company-profile{ padding-bottom:4rem;}
#company-profile h4,#company-profile h2{ text-align:left;}
#company-profile h2 span{color:var(--web-theme-color);}
.company-profile-txt{ margin-top:2rem;}
.company-profile-txt p{ padding-top:2rem;}
/*Company Factory Building*/
#factory-building{ padding:4rem 0;}
#factory-building .factory-building-show{display: -webkit-grid; display: grid; grid-template-columns:repeat(2,1fr);  grid-column-gap:6rem; overflow:hidden; }
.company-strength-conent-number{  line-height:1.6em;  font-size:8rem; background-image: linear-gradient(rgba(0,63,152,1) , rgba(0,160,233,1));-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;color: transparent;
font-weight:700;
}
.company-strength-conent-number span{ font-size:4rem; color:var(--web-theme-color-black);}
.company-strength-conent .grid{grid-template-columns:repeat(2,24rem);  grid-gap:5rem 0rem;  margin-top:3rem;} 
#factory-building .company-info-content h2{line-height:1.2em; color:var(--web-theme-color-black);}
#factory-building .company-info-content h2 span{ display:block; margin-top:-1rem; padding-left:1rem; font-size:1.6rem; vertical-align:text-top; font-weight:500; color:var(--web-theme-color-black);}
#factory-building .company-info-content p{padding:0;}
/*swiper*/
.factory-building-workshop{ position: relative; overflow:hidden; width:100%; background-color:333; }
.factory-building-workshop .swiper-wrapper{ padding-bottom:4rem; }
.factory-building-workshop img{ border-radius:25px; width:100%;}
.factory-building-workshop .swiper-pagination-bullet{ width:12px; height:12px;}
.factory-building-workshop .swiper-pagination-bullet-active{ background-color:var(--web-theme-color);}
/*Company Strengths*/
#company-strengths .wrap-flex{justify-content: space-between; align-items: center;}
.company-strengths-title h2{ text-align:left;}
.company-strengths-title h2 span{color:var(--web-theme-color);}
#company-strengths .wrap-flex p{ width:min(80%,800px);}
/*swiper*/
.company-strengths-show{ position: relative; overflow:hidden; width:100%; margin-top:6rem; }
.company-strengths-show img{ border-radius:25px;}
.company-strengths-show .swiper-wrapper{ padding-bottom:6rem; }
.company-strengths-show .swiper-pagination-bullet{ width:12px; height:12px;}
.company-strengths-show  .swiper-pagination-bullet-active{ background-color:var(--web-theme-color);}
/*Our Advantages*/
#our-advantages .indexcom-title{ padding-top:5rem;}
#our-advantages .grid{grid-template-columns:repeat(3,1fr); margin-top:6rem; grid-gap:4rem 5rem;}
.our-advantages-content{ display: -webkit-flex; display: flex; border:#c4c4c4 solid 2px; border-radius:15px; padding:4rem 2rem 1rem 2rem;}
.our-advantages-contentimg{ padding-top:5px;}
.our-advantages-content-txt{ padding-left:1.4rem;}
.our-advantages-content-txt h3{ line-height:1.6em;}
#our-advantages .our-advantages-content-txt p{ width:100%; padding:0;text-align:left;}
#our-advantages .more{ margin-top:6rem;}
@media (max-width:1023px){
#our-advantages .grid{grid-template-columns:1fr;}
#company-strengths .wrap-flex{  flex-direction: column; justify-content: flex-start;}
#company-strengths .wrap-flex p{ width:100%;}
.company-strengths-title{width:100%;}
#factory-building .factory-building-show{grid-template-columns:1fr;  grid-column-gap:0rem; overflow:hidden; }
#factory-building .company-info-content h2{ font-size:3.2rem;}
.company-strength-conent .grid{grid-template-columns:repeat(2,auto);  grid-gap:2rem; margin-top:6rem;} 
}