@charset "utf-8";
/* CSS Document */
/*------
About jiayi
-----*/
/*-------------
company profile
--------------*/
#company-profile .grid{grid-template-columns:1fr 2fr; align-items: center;}
.company-profile-content h2{ text-align:left; text-transform:uppercase;} 
.company-profile-content h2 span{ line-height:1em;}
.company-profile-content h3{ width:min(80%,460px); text-transform:capitalize;}
/*--------------
company overview
----------------*/
#company-overview{ padding-bottom:0;}
#company-overview .grid{grid-template-columns:repeat(2,1fr); grid-column-gap:16rem; }
.company-overview-content:first-child img{ box-shadow: 20px 60px 0px 30px rgba(243,245,250,1); width:100%; }
.company-overview-content:last-child ul li{ padding:5rem 0;}
.company-overview-info{ font-size:6rem;  font-weight:600; color:var(--web-theme-color); } 
.company-overview-info span{  font-size:1.4rem; font-weight:500; vertical-align:text-top; color:var(--web-theme-color-gray);}
.company-overview-content:last-child ul li  p{ padding-top:1.6rem; font-weight:500; color:#333;}
/*--------------
brand concept
----------------*/
#brand-concept{ position:relative; padding:0;}
.brand-concept-box{ position:absolute; left:5%; top:20%;}
#brand-concept .brandimg{ width:100%;}
.brandimg{ display:block;}
.brandsmallimg{ display:none;}
#brand-concept h2{ padding-top:4rem; color:#fff;}
#brand-concept p{ width:min(80%,800px); color:#fff;}
#brand-concept p span{color:var(--web-theme-color);}
/*--------------
brand profile
----------------*/
#brand-profile .grid{grid-template-columns:repeat(2,1fr); grid-column-gap:4rem; }
#brand-profile .com-nytitle h2{ text-indent:1.6em;}
.brand-profile-content h2{ z-index:1; margin-top:-28vh;}
.brand-profile-content p{  margin-left:4vw; padding-top:4rem;}
.brand-profile-content .wrap-flex{justify-content: center; align-items: center; margin-top:12rem; }
.brand-profile-content .wrap-flex img{ width:40%; margin-left:3rem;}
/*--------------
company advantage
----------------*/
#company-advantage .grid{grid-template-columns:repeat(2,1fr); grid-column-gap:8rem; }
#company-advantage .com-nytitle h2{ padding-top:4rem;}
.company-advantage-content p{ line-height:0;}
.company-advantage-content ul{ padding-top:4rem;}
.company-advantage-content .wrap-flex{align-items: center;}
.company-advantage-content ul li{ padding-top:4rem;}
.company-advantage-content ul li span{ margin-left:2rem;}
/*--------------
quality control
----------------*/
#quality-control{ overflow:hidden;}
#quality-control  .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
  }
#quality-control  .swiper-container-free-mode > .swiper-wrapper{
				 transition-timing-function:linear;
			 }
.quality-control-title .swiper-slide{
	width:90% !important; 
	text-align: center;
	color: #fbe2de;
	transition:all .7s ease 0s;
}

.quality-control-title .swiper-slide h2{ font-size:8rem; white-space:nowrap;}
/*moblie phone*/
@media (max-width:1023px){
/*company profile*/
#company-profile .grid{grid-template-columns:1fr;}
.company-profile-content h3{ width:100%;}
/*company overview*/
#company-overview{ padding-bottom:0;}
#company-overview .grid{grid-template-columns:1fr; grid-column-gap:2rem; grid-row-gap:4rem;}
.company-overview-content:first-child img{ box-shadow: 20px 5px 0px 30px rgba(243,245,250,1); width:100%; }
.company-overview-content:last-child ul{ display: -webkit-grid; display: grid; grid-template-columns:repeat(2,1fr); grid-gap:15px 0; padding:1.2rem 3rem; margin-top:2rem;} 
.company-overview-content:last-child ul li{ padding:2rem 0;}
.company-overview-info{ font-size:5rem;} 
.company-overview-content:last-child ul li  p{ padding-top:1.6rem; font-weight:500; color:#333;}
/*brand concept*/
#brand-concept h2{ padding-top:1.4rem;}
#brand-concept p{ width:100%;}
.brand-concept-box{ position:absolute; left:5%; top:10%;}
#brand-concept p span{color:var(--web-theme-color);}
.brandimg{ display:none;}
.brandsmallimg{ display:block;}
/*brand profile*/
#brand-profile .grid{grid-template-columns:1fr; grid-column-gap:0; grid-row-gap:2rem;}
.brand-profile-content h2{ z-index:1; margin-top:-48vh;}
.brand-profile-content p{  margin-left:4vw; padding-top:4rem;}
.brand-profile-content .wrap-flex{justify-content: center; align-items: center; margin-top:4rem; }
.brand-profile-content .wrap-flex img{ width:50%; margin-left:1rem;}
/*company advantage*/
#company-advantage .grid{grid-template-columns:1fr; grid-column-gap:0; grid-row-gap:2rem; }
#company-advantage .com-nytitle h2{ padding-top:2rem;}
.company-advantage-content ul{ padding-top:0;}
.company-advantage-content ul li{ padding-top:2rem;}
.company-advantage-content ul li img{ width:8%;}
.company-advantage-content ul li span{ margin-left:2rem;}
/*quality control*/
#quality-control{ padding-top:2rem;}
#quality-control .grid{grid-template-columns:repeat(2,1fr); grid-column-gap:0; grid-gap:2rem; margin-top:4rem;}
/*quality control*/
#quality-control  .swiper-container-free-mode > .swiper-wrapper{
				 transition-timing-function:linear;
			 }
.quality-control-title .swiper-slide{
	width:0% !important; 

}
.quality-control-title . swiper-slide:lat-child h2{ display:none;}

}