@charset "utf-8";
/*CSS Document*/




/***********header***********/
header{position:relative;z-index:999;background-color: #fff;}
/*header.header-fixed{position:fixed;top:0;left:0;right:0;box-shadow:0 1px 5px rgba(0 0 0 / 12%);}*/
.header { position: relative; }


/*header-phone*/
.header-phone-more,
.header-phone-close{display:none;}


/*language*/
.language{line-height:14px;margin-right: 100px;}
.language dl{display:inline-block;vertical-align:top;position:relative;z-index:990;cursor:pointer;}
.language dt{height:14px;line-height:14px;color:#131313;font-size:14px;font-weight:700;cursor:pointer;padding-right:16px;text-align:center;}
.language dd{position:absolute;top:100%;left:0;right:0;z-index:990;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);margin-top:4px;display:none;padding:4px 0;text-align:center;border-radius:6px;}
.language dd a{display:block;padding:6px 8px;font-size:14px;line-height:1em;}
.language dd a:hover{color:#7FBE26;}
.language dt:after{content:"\e732";font-family:"iconfont"!important;position:absolute;top:0;right:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;}
.language dt:after{
	content:"\e732";font-family:"iconfont"!important;position:absolute;top:1px;right:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;display:block;text-align:center; font-weight: lighter;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}
/*.language dt.cur:after{content:"\e731";}*/



/*header-logo*/
.header-logo { text-align: center; position: relative; padding: 50px 0; }
.header-logo a{display:inline-block;height:60px; vertical-align: top;}
.header-logo a img{display:block;height:100%;}


.header-right { position: absolute; top: 72px; right: 0; z-index: 9; display: flex; align-items: center; display: none; }
.header-btn { display: flex; }
.header-btn a { display: block; line-height: 1em; margin-left: 30px; }
.header-btn a i { font-size: 18px; line-height: 1em; }
.header-btn a:hover i { color: #7FBE26; }


/*header-nav*/
.header-nav > ul{line-height:1em;justify-content: space-between; padding: 24px 0;}
.header-nav > ul > li{position:relative;}
.header-nav > ul > li:last-child{margin-right:0;}
.header-nav > ul > li > a{display:inline-block;vertical-align:top;font-weight:500;font-size:18px;line-height:1em;position:relative;}
.header-nav > ul > li > a:hover{color:#7FBE26;}
.header-nav ul i.iconfont{display:none;vertical-align:top;font-size:10px;line-height:18px;}
/*.header-nav i.iconfont + a:after{content:"\e732";font-family:"iconfont"!important;display:inline-block;vertical-align:top;margin-left:6px;font-size:10px;font-weight:normal;}*/

.header-subnav{
	position:absolute;top:100%;left:0;z-index:99;padding:16px;box-shadow:0 1px 6px rgba(0 0 0 / 12%);background-color:#fff;visibility:hidden;opacity:0;
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	transform:translateY(-10px);  
}
.header-subnav > li { margin-bottom: 12px; }
.header-subnav > li:last-child { margin-bottom: 0; }
.header-subnav > li > a{padding:6px 0;line-height:1em;display:block;white-space:nowrap;font-size:16px;font-weight: 700;border-bottom: 1px solid #000; text-transform:uppercase;}  
/*.header-subnav > li > a:hover{color:#7FBE26;}*/

.header-subnav-sub { padding-top: 6px; }
.header-subnav-sub li a { white-space:nowrap; padding:4px 0; display: block; }
.header-subnav-sub li a span { font-weight: 700; color: #dcdddd; }
.header-subnav-sub li a:hover,
.header-subnav-sub li a:hover span{color:#7FBE26;}


.header-subnav > li:nth-child(2) .header-subnav-sub li a { font-weight: 700; color: #9fa0a0; }
.header-subnav > li:nth-child(2) .header-subnav-sub li a:hover { color: #000; }


.header-nav > ul > li:hover .header-subnav{visibility:visible;opacity:1;
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px);
	transform:translateY(10px);  
}


/*.header-nav > ul > li:nth-child(3) > a { pointer-events:none; }*/









/***********footer***********/
footer { background-color: #202128; padding: 50px 0 100px; }
.footer-nav a { font-size: 20px; color: #fff; line-height: 1em; display: block; }
.footer-nav a:hover { color: #7FBE26; }
.footer-nav ul { justify-content: space-between; }
.footer-subnav li { margin-top: 30px; }








/***********banner***********/
/**/
.swiper-slide,
.swiper-slide a{position:relative;display:block;}
.swiper-slide > img{display:block;width:100%;height:auto; min-height: 200px;}

.home-banner .swiper-slide a > img{
		width:100%;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		transform:scale(1,1);
		}
.home-banner .swiper-slide-active a > img,
.home-banner .swiper-slide-duplicate-active a > img{
		transition:3s linear;
		transform:scale(1.15,1.15);
		}



.home-banner-text{
	position:absolute;bottom: 32px; left:50%;z-index:2;text-align:center; width: 950px; max-width: 95%;	
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.home-banner-text h2{font-size:50px;color:#fff;}
.home-banner-text p {font-size:50px;color:#fff;letter-spacing:3px; line-height: 1em;}
.home-banner-text p span {display: block; font-size:44px;color:#fff;font-family: "made-evolve-sans-t"; margin-bottom: 10px;letter-spacing:2px; line-height: 1.2em;}
.home-banner-text p span strong {display: inline-block; vertical-align: bottom; font-size:60px;color:#fff;font-family: "made-evolve-sans-t"; letter-spacing:2px; line-height: 1.1em;}
.home-banner-text i {font-size:24px;color:#fff;letter-spacing:3px; display: block; line-height: 1.2em;}
.home-banner .swiper-pagination { display: none; }
.home-banner-text img { display: block; height: 30px; margin: 30px auto 0; }


/*page-banner*/
.page-banner-box{position:relative; background-color: #c7c9bf;text-align: center; padding: 36px 0 24px;}
.page-banner-box h1{font-size:50px;line-height:1em; text-align: center; color: #fff; font-family: "made-evolve-sans-l"; }
.page-banner-box h1 span { font-size: 70px; font-weight: 700; line-height:1em; color: #fff; }
.page-banner-box i { font-size: 30px;line-height:1em; color: #fff; margin-top: 10px; font-family: "made-evolve-sans-l"; }

/*  */
.page-banner-photo { position: relative; }
.page-banner-photo > img{width:100%;display:block;object-fit:cover;object-position:center center; min-height: 120px;}
.page-banner-photo-text { 
	position:absolute;bottom: 50px; left:50%;z-index:2;text-align:center; width: 950px; max-width: 95%;	
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%); 
}
.page-banner-photo-text h1 {font-size:80px;color:#fff;font-family: "made-evolve-sans-l";}
.page-banner-photo-text img { display: block; height: 30px; margin: 20px auto 0; }

/* 2 */
.page-banner-photo2 .page-banner-photo-text { bottom: auto; top: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}








/*  */
.all-title { background-color: #f4f4f4; text-align: center; position: relative; padding: 20px 0; }
.all-title h2 { font-size: 50px; line-height: 1em; color: #888a8a; }
.all-title > img { display: block; height: 50px; position: absolute; top: 50%; right: 80px; margin-top: -25px; opacity: .5; }











/***********首頁***********/
.home-one { padding-bottom: 140px; }
.home-one > .tac { padding: 36px 0 50px; }

.home-one-list ul { grid-gap:20px 10px; padding: 0 10px; }

.home-one-img a { display: block; width: 100%; height: 0; padding: 40% 0; overflow: hidden; position: relative; border-radius: 16px; } 
.home-one-img a img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; object-fit:cover;object-position:center center; }
.home-one-img a:hover img { 
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1); 
}
.home-one-text { display: flex; flex-direction: column; align-items: center; padding-top: 50px; }
.home-one-text a { display: block; font-size: 20px; font-weight: 700; color: #939393; }
.home-one-text span { font-size: 20px; font-weight: 700; color: #cdcdcd; }
.home-one-text i { margin-top: 20px; color: #939393; font-size: 18px; }

.home-one-list { position: relative; } 
#home-collection { position: absolute; top: -136px; left: 0; z-index: -9; width: 10px; height: 1px; }









/*  */
.about { padding: 100px 0 200px; }

.about-text { box-sizing: border-box; background-color: #f8f7f1; border-radius: 30px; padding: 46px 80px; }
.about-text h2 { font-size: 36px; font-weight: bolder; color: #888a8a; line-height: 1.4em; letter-spacing:5px; margin-bottom: 30px; }
.about-text p { font-size: 20px; color: #888a8a; line-height: 1.6em; letter-spacing:3px; }

.about-img-list { padding: 100px 10px 160px; }
.about-img-list ul li { margin-bottom: 72px; }
.about-img-list ul li:last-child { margin-bottom: 0; }
.about-img-list ul li:nth-child(even) { text-align: right; }
.about-img-list ul li > div { width: 56%; display: inline-block; vertical-align: top; }

.about-img-list-i { width: 100%; height: 0; padding: 20.5% 0; overflow: hidden; position: relative; } 
.about-img-list-i img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; object-fit:cover;object-position:center center; }
.about-img-list-t h3 { font-size: 30px; line-height: 1em; text-align: center; margin-top: 20px; text-align: center; }

.about-core-values h2 { opacity: 0; }
.about-core-values-list { padding: 0 100px; }
.about-core-values-list li { position: relative; margin-bottom: 180px; }
.about-core-values-list li:last-child { margin-bottom: 0; }

.about-core-values-i img { display: block; width: 100%; }
.about-core-values-t { position: absolute; top: 50%; left: 50%; text-align: center; width: 950px; max-width: 95%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}
.about-core-values-t h3 { font-size: 56px; font-weight: bolder; color: #fff; letter-spacing:3px; margin-bottom: 16px; }
.about-core-values-t p { font-size: 22px; color: #fff; letter-spacing:2px; line-height: 1.6em; }

.about-core-values-list li:nth-child(1) .about-core-values-t h3,
.about-core-values-list li:nth-child(1) .about-core-values-t p { color: #514F4E; }











/* collection-sabbia */
.collection-sabbia-text { text-align: center; font-size: 20px; line-height: 1.8em; font-family: "made-evolve-sans-l"; color: #9FA0A0; padding: 50px 0; }
.collection-sabbia-text h3 { font-size: 26px; line-height: 1.8em; color: #9FA0A0; font-family: "made-evolve-sans-l"; }
.collection-sabbia-text strong { font-size: 30px; line-height: 1.8em; color: #9FA0A0; font-family: "made-evolve-sans-l"; }

.collection-list-wood { margin-bottom: 120px; }
.collection-list-wood > ul { grid-gap:120px 150px; }
.collection-list-wood > ul > li { padding-bottom: 18px; position: relative; }

.collection-list-wood-img a { display: block; width: 100%; height: 0; padding: 50% 0; overflow: hidden; position: relative; } 
.collection-list-wood-img a img { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; object-fit:cover;object-position:center center; }
.collection-list-wood-img a:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1); }

.collection-list-wood-text { padding: 20px 0; }
.collection-list-wood-text span { display: block; font-size: 14px; line-height: 1em; font-weight: 700; }
.collection-list-wood-text h3 a { font-size: 22px; font-weight: 700; display: block; margin: 22px 0 18px; }
.collection-list-wood-text h3 a:hover { color: #7FBE26; }
.collection-list-wood-text a.btn-empty { color: #00A29A; line-height: 1em; display: inline-block; vertical-align: top; text-transform:lowercase; margin-top: 20px; font-size: 18px; position: absolute; bottom: 0; right: 0; display: none; }

.collection-list-wood-feature li { display: flex; align-items: center; padding-bottom: 6px; font-size: 18px; color: #9FA0A0; font-family: "made-evolve-sans-l"; }
.collection-list-wood-feature li img { display: block; width: 30px; height: 30px; margin-left: 10px; }
.collection-list-wood-feature li:last-child { padding-bottom: 0; }

.collection-list-products-ul { margin-top: 30px; }
/*.collection-list-products ul { grid-gap:6px 6px; }*/
.collection-list-products ul li a { display: block; overflow: hidden; }
.collection-list-products ul li a img { width: 100%; display: block; }
.collection-list-products ul li a:hover img { 
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1); }

/*  */
.collection-sabbia-details { padding: 120px 0 200px; }
.collection-sabbia-item { display: flex; margin-bottom: 120px; }
.collection-sabbia-item:last-child { margin-bottom: 0; }
.collection-sabbia-item > div { box-sizing: border-box; }

.collection-sabbia-item-left { width: 48%; }
.collection-sabbia-item-left img { display: block; width: 100%; }

.collection-sabbia-item-right { width: 52%; padding: 0 150px; }
.collection-sabbia-item-right h3 { font-size: 24px; line-height: 1em; display: block; margin-bottom: 36px; }
.collection-sabbia-item-right h2 { font-size: 40px; line-height: 1em; display: block; margin-bottom: 36px; }

.collection-sabbia-item-right .collection-list-wood-feature li { width: 300px; max-width: 100%; justify-content: space-between; font-size: 22px; }
.collection-sabbia-item-right .collection-list-wood-feature li img { width: 40px; height: 40px; } 
.collection-sabbia-item-parameter { margin-top: 36px; }
.collection-sabbia-item-parameter li { margin-bottom: 6px; }
.collection-sabbia-item-parameter li span { display: block; width: 50%; }
.collection-sabbia-item-parameter li span:first-child { font-size: 20px; line-height: 24px; }  
.collection-sabbia-item-parameter li span:last-child { font-size: 15px; line-height: 24px; color: #666; font-family: "made-evolve-sans-l"; }  











/*  */
.technical-data { padding: 120px 0; }


.technical-data-logo img { display: block; height: 66px; margin-bottom: 36px; }

.technical-data-table { margin-bottom: 20px; }
.technical-data-table img { display: block; }
.technical-data-table table { border-left: 1px solid #231815; border-top: 1px solid #231815; }
.technical-data-table td { border-right: 1px solid #231815; border-bottom: 1px solid #231815; }
.technical-data-table .df { justify-content: center; align-items: center; grid-gap:20px 120px; }

/* t */
.technical-data-table thead tr:first-child { background-color: #7FBE26; }
.technical-data-table thead tr:first-child td { color: #fff; font-size: 32px; }
.technical-data-table thead tr td { padding: 6px 24px; min-height: 30px; }
.technical-data-table thead tr:nth-child(2) { background-color: #ebecec; }
.technical-data-table thead tr:nth-child(2) td { font-size: 20px; font-weight: 700; }


/* l */
.technical-data-table tbody td { padding: 20px 24px; }
.technical-data-table tbody td:nth-child(1) { width: 110px; }
.technical-data-table tbody td:nth-child(3) { width: 230px; text-align: center; }
.technical-data-table tbody td strong { font-size: 20px; }
.technical-data-table tbody td p { font-size: 20px; margin: 6px 0; }

/*  */
.technical-data-table2 tbody td img { margin: 0 auto; }














/*  */
.contact-t-l { width: 30%; padding-right: 50px; box-sizing: border-box; }
.contact-t-l-box { width: 280px; max-width: 100%; }
.contact-t-l h1 { font-size: 50px; color: #7FBE26; line-height: 1em; font-weight: 700; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 5px solid #7FBE26; }
.contact-t-l p { font-size: 20px; color: #948d7b; }

.contact-t-r { width: 70%; margin-bottom: 50px; }
.contact-t-r-img { display:grid;grid-template-columns:repeat(4, 1fr); grid-gap:20px 100px; margin-bottom: 80px; }
.contact-t-r-img img { width: 100%; display: block; border-radius: 15px; }
.contact-t-r form h2 { font-size: 18px; font-weight: 700; padding: 10px 0 16px; }
.contact-t-r .form-btn { padding-top: 30px; }
.contact-t-r .btn-base { background-color: #505258; }


/*  */
.contact-b-l { width: 30%; background-color: #edeeeb; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.contact-b-l > img { display: block; height: 30px; }
.contact-b-l-c li { padding-top: 24px; text-align: center; }
.contact-b-l-c img { height: 30px; display: block; margin: 0 auto 10px; }
.contact-b-l-c p { font-size: 22px; font-weight: 700; line-height: 1.4em; }

.contact-b-r { width: 70%; }
.contact-b-r img { width: 100%; height: 100%; display: block; object-fit:cover;object-position:center center; min-height: 350px; }