@charset "utf-8";
/* CSS Document */
/*-----------------------------------------首页-----------------------------------------*/
/*-------
banner
-------*/
#index-banner{position:relative; width:100%; overflow:hidden;  border-radius: 0 0 30px 30px;}
#index-banner .swiper-slide img{
		width:100%;
		height:auto;
		min-height:100%;
		transition:0.6s linear 1s;
		transform:scale(1.2,1.2);
		}
#index-banner .swiper-slide-active .indexbarimg,#index-banner .swiper-slide-duplicate-active .indexbarimg{transition:1s linear;transform:scale(1.3,1.3);}		
#index-banner .swiper-slide-active  .indexbarimg,#index-banner .swiper-slide-duplicate-active  .indexbarimg{transition:1s linear;transform:scale(1,1);}
#index-banner .swiper-slide{ width:100%; height:100%;}
.banner-txt-1,.banner-txt-2,.banner-txt-3{color: #fff;}
.banner-txt-1{ position: absolute; left: 10%; top:30%;}
.banner-large-title{font-size:6rem; font-weight:bold;}	
.banner-small-txt{ padding-top:4rem;font-size:2.4rem; line-height:1.4em;}
.banner-mid-txt{font-size:3rem;}
#index-banner a{ position: absolute; left: 15%; bottom:6%;z-index: 10;display:block;  width:50px; height:50px;  margin-top:35vh; border-radius:30px; background:#fff;}
#index-banner a i{ display:block; text-align:center; padding-top:1.6rem; 	 -webkit-text-stroke: 1px #151518 none;font-weight:lighter !important;color:var(--web-theme-color);}
#index-banner a:hover{background-color:var(--web-theme-color);}
#index-banner a:hover i{ color:#fff;}
.banner-txt-1-1{ position: absolute; right: 12%; bottom:5%;}
.banner-txt-1-1 .wrap-flex{align-items: center;}
.banner-txt-1-1 span{ font-size:12rem; font-weight:bold;color:var(--web-theme-color);}
.banner-txt-1-1 p{ padding-top:1.2rem; padding-left:0;font-size:5rem; font-weight:bold;color: #333;}

.banner-txt-2{ position: absolute; left: 10%; top:20%;}
.banner-txt-3{ position: absolute; right:10%; top:22%;}
.banner-txt-4{ position: absolute; right: 10%; top:15%;}
.banner-txt-3 .banner-mid-txt{  font-size:6rem; font-weight:bold; line-height:1.4em;text-align:right; color:#fff;}	
.banner-txt-4 .banner-mid-txt{font-size:6rem; font-weight:bold; line-height:1.4em;text-align:right; color:#fff;}
.indexsmallimg{ display:none;}
/*-------
latest products
-------*/
.latest-products-box{position:relative; overflow:hidden; margin:0 4rem;}
#latest-products .grid{grid-template-columns:repeat(2,auto); justify-content: space-between; }
.latest-products-title h2{ text-align:left}
.latest-products-title h2 span{color:var(--web-theme-color);}
#latest-products .grid-1{grid-template-columns:repeat(6,1fr); margin-top:8rem;}
.latest-products-area p{ padding-top:1.4rem;text-align:center;}
#latest-products .swiper-button-next,#latest-products .swiper-button-prev{ top:45%;padding:2rem;color:var(--web-theme-color);font-size:4rem;}
#latest-products .swiper-button-next:after,#latest-products .swiper-button-prev:after{top:45%;padding:2rem;color:var(--web-theme-color);font-size:4rem;}		
/*swiper*/
.latest-productlist{  overflow:hidden; margin-top:6rem; } 
.latest-productlist .wrap-flex{justify-content: space-between; align-items: center; background-color:var(--web-theme-color); padding:4rem;}
.latest-productlist .wrap-flex i{ display:block; width:35px; height:35px; border-radius:30px; border:#fff solid 1px;text-align:center; padding-top:0.4em; 	 -webkit-text-stroke: 1px #151518 none;font-weight:lighter !important; color:#fff;}	
.latest-productlist a:hover i{ background-color:#333; border:none;}	
#latest-products .productsitem .caption{
	color:#fff;
	font-size:2.6rem;
	font-weight:bold;
	text-align:center;
	position:relative;
	z-index:5;
	border-top:none;
	text-decoration:none;
}
#latest-products .productsitem:hover .caption{color:#333;}	
/*-------
company overview
-------*/
#company-overview{ background-image: linear-gradient(to left top, #0f7d45, #71ba2a);}
#company-overview h2{ text-align:left; color:#007131;}
#companytxt{ font-size:3.6rem; font-weight:bold; color:#FFF; margin-bottom:3rem;}
#company-overview .grid{grid-template-columns:repeat(2,1fr);grid-column-gap:5rem; margin-top:4rem;  }
.company-overview-content:first-child{ position:relative;}
.company-overview-content:first-child h3{ position:absolute; left:4%; top:6%; font-weight:bold; letter-spacing:0.2rem;}
.company-overview-content:last-child{ padding-top:6rem;}
.company-overview-content p,li,a{ color:rgba(255,255,255,0.8);}
.company-overview-content:last-child ul{ padding:2.6rem 0;}
.company-overview-button{ display:block; width:18rem; border:#fff solid 2px; border-radius:30px; padding:1rem 3.2rem; margin-top:6rem; text-align:center;}
.ccompany-overview-button:hover{ background-color:#333; border:none;}
.company-overview-content p a{text-decoration:underline;}
/*-------
company info
-------*/
#indexcompany-info{ padding-bottom:0px;}
#indexcompany-info h2 span{ font-weight:400;color:var(--web-theme-color);}
.pgetitle{ color:#999; text-align:center;}
#indexcompany-info img{ width:min(80%,400px); margin-top:6rem;}
/*-------
quality control
-------*/
#quality-control .swiper-pagination-bullet {width: 40px; border-radius:0; background-color:#ccc; }
#quality-control .swiper-pagination-bullet-active {background-color:var(--web-theme-color);}
.quality-control-laboratory{ position:relative; overflow:hidden; border-radius:30px 30px 0 0;}
.quality-control-laboratory .swiper-slide{ position:relative;}
.control-laboratoryimg{width:100%; }
.control-laboratorysmallimg{ display:none;}
.quality-control-laboratory .grid{position:absolute; top:10%; grid-template-columns:repeat(2,auto); width:100%; padding-left:6rem;}
.control-laboratory-content h2,.control-laboratory-content p{ color:#fff;}
.quality-control-laboratory .swiper-slide .control-laboratory-content p{ width:min(100%,600px); margin-top:2rem; letter-spacing:1px;}
.quality-control-laboratory .swiper-slide .control-laboratory-content h2{ width:100%;text-align:left; line-height:1.1em; margin-top:1.6rem;}
/*moblie phone*/
@media (max-width:1023px){ 	
/*banner*/ 
.banner-txt-1{ position: absolute; left: 5%; top:6%;}
.banner-large-title{font-size:3rem; font-weight:bold;}	
.banner-small-txt{ padding-top:1rem;font-size:1.8rem;}
.banner-mid-txt{font-size:3rem;}
#index-banner a{ position: absolute; left: 6%; bottom:16%;display:block;  width:30px; height:30px;}
#index-banner a i{ display:block; text-align:center; padding-top:1rem; 	 -webkit-text-stroke: 1px #151518 none;font-weight:lighter !important;color:var(--web-theme-color);}
#index-banner a:hover{background-color:var(--web-theme-color);}
#index-banner a:hover i{ color:#fff;}
.banner-txt-1-1{ position: absolute; right: 6%; bottom:8%;}
.banner-txt-1-1 span{ font-size:2rem;}
.banner-txt-1-1 p{ padding-top:1.2rem; padding-left:0;font-size:2.4rem; }

.banner-txt-2{ position: absolute; left:5%; top:6%;}
.banner-txt-3{ position: absolute; right:6%; top:6%;}
.banner-txt-4{ position: absolute; right:6%; top:8%;}
.banner-txt-3 .banner-mid-txt{ width:100%; font-size:2.6rem; }	
.banner-txt-4 .banner-mid-txt{ width:100%;font-size:2.6rem;}
.indexsmallimg{ display:block;}
.indexbarimg{ display:none;}
/*latest products*/
.latest-products-box{position:relative; overflow:hidden; margin:0;}
#latest-products .grid{grid-template-columns:1fr; width:100%;}
#latest-products .grid-1{grid-template-columns:repeat(2,1fr); grid-gap:30px;  margin-top:8rem;}
#latest-products .grid-1 img{ width:25%;}
.latest-products-area p{ padding-top:1.4rem;text-align:center;}
#latest-products .swiper-button-next,#latest-products .swiper-button-prev{ top:42%; padding:1.6rem;font-size:18px;}
#latest-products .swiper-button-next:after,#latest-products .swiper-button-prev:after{top:42%;  padding:1.6rem;font-size:18px;}	
.latest-productlist .wrap-flex{justify-content:center; align-items: center; background-color:var(--web-theme-color); padding:4rem;}
#latest-products .productsitem .caption{font-size:1.6rem; font-weight:500;  white-space:normal;}
/*swiper*/
.latest-productlist{  overflow:hidden; margin-top:6rem; } 
.latest-productlist .wrap-flex{ padding:1rem;}
.latest-productlist .wrap-flex i{ display:none;}	
/*-------
company overview
-------*/
#company-overview .grid{grid-template-columns:1fr;grid-column-gap:0; grid-row-gap:2rem; margin-top:2rem;  }
#companytxt{ font-size:3.2rem;}
.company-overview-content:first-child h3{ position:absolute; left:4%; top:6%; font-weight:bold; letter-spacing:0.2rem;}
.company-overview-content:last-child{ padding-top:2rem;}
.company-overview-content:last-child ul{ padding:2rem 0;}
/*-------
quality control
-------*/
.control-laboratoryimg{ display:none;}
.control-laboratorysmallimg{ display:block; width:100%;}
.quality-control-laboratory .grid{position:absolute; left:0%; top:4%; grid-template-columns:1fr;grid-column-gap:0; padding-left:2rem;}
.quality-control-laboratory .swiper-slide .control-laboratory-content h2{ width:90%;text-align:left; line-height:1.1em; margin-top:1.4rem; overflow:hidden;}
.quality-control-laboratory .swiper-slide .control-laboratory-content p{ width:min(90%,800px); margin-top:0;}
.quality-control-laboratory .swiper-slide .control-laboratory-content img{ display:none;}

}