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






@media screen and ( max-width:1601px ){
	
	/*****common*****/
	.w1440,.w1560{width:1200px;}


	/*  */
	.language { margin-right: 50px; }

	.header-logo a { height: 50px; }
	.header-right { top: 66px; }
	.header-nav > ul { padding: 0 0 20px; }
	.header-nav > ul > li > a { font-size: 16px; }


	/*  */
	.about-core-values-list li { margin-bottom: 120px; }


	/*  */
	.collection-sabbia-item-right { padding-right: 50px; }
	

}



@media screen and ( max-width:1367px ){
	
	/*****common*****/
	.w1070,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440,.w1560{width:1024px;}
	
	.margin-wrap{margin:80px auto 120px;}
	.margin-wrap-s{margin:44px auto 54px;}
	
	.padding-wrap{padding:80px 0 120px;}
	.padding-wrap-s{padding:44px 0 54px;}
	
	.mt-120 { margin-top: 80px; }

	.w1440.mb-200 { margin-bottom: 120px; }

	.all-title h2 { font-size: 36px; }
	.all-title > img { height: 30px; margin-top: -15px; }


	/*  */
	.home-banner-text p,
	.home-banner-text p span { font-size: 36px; }
	.home-banner-text img { margin-top: 20px; }
	.home-banner-text p span strong { font-size: 50px; }
	.home-banner-text i { font-size: 20px; }


	/*  */
	footer { padding: 36px 0 80px; }


	/*  */
	.header-logo { padding: 36px 0; }
	.header-right { top: 52px; }


	/*  */
	.page-banner-box { padding: 30px 0 20px; }
	.page-banner-box h1 { font-size: 36px; }
	.page-banner-box h1 span { font-size: 50px; }
	.page-banner-box i { font-size: 24px; }

	.page-banner-photo-text h1 { font-size: 50px; }


	/*  */
	.about-img-list { padding: 66px 10px 100px; }
	.about-img-list ul li { margin-bottom: 50px; }
	.about-img-list ul li > div { width: 70%; }
	.about-img-list-t h3 { font-size: 24px; }

	.about-core-values-list { padding: 0 66px; }
	.about-core-values-t h3 { font-size: 36px; margin-bottom: 10px; }
	.about-core-values-t p { font-size: 16px; line-height: 1.4em; }


	/*  */
	.collection-list-wood > ul { grid-gap: 66px 100px; }
	.collection-sabbia-text { font-size: 16px; }
	.collection-sabbia-text h3 { font-size: 20px; }
	.collection-sabbia-text strong { font-size: 22px; }

	.collection-sabbia-item-right { padding: 0 0 0 80px; }


	/*  */
	.contact-t-r-img { grid-gap: 20px 30px; }
	.contact-t-l h1 { font-size: 40px; border-bottom-width: 4px; }

	.contact-b-l { width: 40%; }
	.contact-b-r { width: 60%; }
	.contact-b-l-c p { font-size: 16px; }
	.contact-b-l-c img { height: 24px; }
	.contact-b-l-c li { padding-top: 20px; }
	
	
	

}



@media screen and ( max-width:1200px ){
	
	/*****common*****/
	.w1070,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440,.w1560{width:960px;}

	/*  */
	.language { margin-right: 10px; }


	/*  */
	.home-one { padding-bottom: 100px; }  
	.home-one > .tac { padding: 36px 0; }
	.home-one > .tac a { font-size: 14px; }
	.home-one-text { padding-top: 40px; }
	.home-one-text a { font-size: 18px; }
	.home-one-text span { font-size: 18px; }
	.home-one-text i { margin-top: 16px; font-size: 14px; }


	/*  */
	.about-text { padding: 36px; }
	.about-text h2 { font-size: 30px; margin-bottom: 24px; }
	.about-text p { font-size: 16px; }


}






/************************************/


@media screen and ( max-width:996px ){
	
	/*****common*****/
	.w960,.w1070,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440,.w1560{width:95%;}
	
	.margin-wrap{margin:66px auto 80px;}
	.margin-wrap-s{margin:36px auto 44px;}
	
	.padding-wrap{padding:66px 0 80px;}
	.padding-wrap-s{padding:36px 0 44px;}
	
	.mt-120 { margin-top: 66px; }

	.w1440.mb-200 { margin-bottom: 80px; }
	
	.turn-pages a{font-size:12px;width:30px;height:30px;line-height:30px;margin:0;border-width:1px;}
	.turn-pages a.prev{margin:0 10px 0 0;}
	.turn-pages a.next{margin:0 0 0 10px;}

	.all-title.mb-100 { margin-bottom: 50px; }
	.all-title h2 { font-size: 30px; }
	.all-title > img { height: 24px; margin-top: -12px; right: 50px; }

	.swiper-button-prev, .swiper-button-next { width: 36px; height: 36px; }
	.swiper-button-prev:before, .swiper-button-next:before { font-size: 14px; }


	/*  */
	.header-logo a { height: 38px; }
	.header-right { top: 46px; }


	/*  */
	footer { padding: 30px 0 50px; }
	.footer-nav a { font-size: 16px; }
	.footer-subnav li { margin-top: 20px; }


	/*  */
	.home-banner-text p { font-size: 30px; }
	.home-banner-text p span { font-size: 30px; margin-bottom: 5px; }
	.home-banner-text i { font-size: 16px; }
	.home-banner-text p span strong { font-size: 36px; }
	.page-banner-box h1 { font-size: 30px; }
	.page-banner-box h1 span { font-size: 36px; }
	.page-banner-box i { font-size: 18px; }


	/*  */	
	.home-one-text { padding-top: 36px; }
	.home-one-text a { font-size: 15px; }
	.home-one-text span { font-size: 15px; }
	.home-one-text i { margin-top: 10px; font-size: 13px; }


	/*  */
	.about-img-list { padding: 66px 10px 80px; }
	.about-text h2 br,
	.about-text p br { display: none; }


	/*  */
	.about-core-values-list { padding: 0 50px; }
	.about-core-values-list li { margin-bottom: 50px; }
    .about-core-values-t h3 { font-size: 24px; }


	/*  */
	.collection-sabbia-text br { display: none; }
	.collection-list-wood { margin-bottom: 50px; } 
	.collection-list-wood > ul { grid-gap: 50px 50px; }
	.collection-list-wood-text h3 a { font-size: 18px; margin: 18px 0; }
	.collection-list-wood-text span { font-size: 12px; }
	.collection-list-wood-feature li { font-size: 14px; }
	.collection-list-wood-feature li img { width: 24px; height: 24px; }

	.collection-sabbia-item { margin-bottom: 50px; }
	.collection-sabbia-item-right { padding-left: 36px; }
	.collection-sabbia-item-right h3 { font-size: 18px; margin-bottom: 20px; }
	.collection-sabbia-item-right h2 { font-size: 30px; }
	.collection-sabbia-item-right .collection-list-wood-feature li { font-size: 16px; }
	.collection-sabbia-item-right .collection-list-wood-feature li img { width: 36px; height: 36px; }
	.collection-sabbia-item-parameter li span:first-child { font-size: 16px; line-height: 20px; }
	.collection-sabbia-item-parameter li span:last-child { font-size: 13px; line-height: 20px; }


	/*  */
	.contact-t-l h1 { font-size: 36px; }
	.contact-t-l p { font-size: 16px; line-height: 1.4em; }
	.contact-t-r-img { margin-bottom: 50px; grid-gap: 20px 20px; }
	.contact-t-r form h2 { font-size: 16px; }


	/*  */
	.technical-data-table img { zoom: .7; }
	.technical-data-logo img { height: 40px; margin-bottom: 30px; }
	.technical-data-table thead tr:first-child td { font-size: 24px; }
	.technical-data-table tbody td p { font-size: 16px; }
	.technical-data-table tbody td strong { font-size: 16px; }
	.technical-data-table tbody td { padding: 12px; }
	.technical-data-table thead tr:nth-child(2) td { font-size: 16px; }
	.technical-data-table thead tr td { padding: 6px 12px; }



}  






/************************************/


@media screen and ( max-width:767px ){
	
	/*****common*****/
	html.htmloverflow{overflow:hidden;position:fixed;width:100%;height:100%;}
	
	.gotop{right:20px;bottom:20px;}
	
	.pagination a{width:36px;height:36px;line-height:34px;border-width:1px;}
	
	.margin-wrap,
	.margin-wrap-s{margin:30px auto 36px;}
	
	.padding-wrap,
	.padding-wrap-s{padding:30px 0 36px;}
	
	.mt-120 { margin-top: 30px; }

	.w1440.mb-200 { margin-bottom: 50px; }

	.all-title.mb-100 { margin-bottom: 30px; }
	.all-title > img { height: 16px; margin-top: 0; right: 10px; top: 10px; }

	.swiper-button-prev, .swiper-button-next { width: 30px; height: 30px; }
	.swiper-button-prev:before, .swiper-button-next:before { font-size: 12px; }
	.swiper-button-prev { left: 10px; }
	.swiper-button-next { right: 10px; }

	.page-banner-photo-text img { margin-top: 10px; height: 24px; }  
	.page-banner-photo1 .page-banner-photo-text { bottom: 36px; }
	
	
	/*****header*****/
	.header-phone-more{display:block;line-height:1em;position:absolute;top:50%;right:2.5%;margin-top:-8px;}
	.header-phone-more i{display:block;}
	.header-phone-close{display:block;opacity:0;filter:alpha(opacity=0);visibility:hidden; position:fixed;top:20px;right:20px;z-index:-1;width:44px;line-height:44px;background-color:#fff;text-align:center;border-radius:8px;}
	.header-phone-close i{/*color:#fff;*/}
	.header-phone-close.active{z-index:999;opacity:1;filter:alpha(opacity=100);visibility:visible;}

	.header-nav{position:fixed;top:0;left:0;bottom:0;z-index:-1;background-color:transparent;visibility: hidden;}
	.header-nav.active{z-index:998; visibility: visible;}
	
	/*菜单 白底 透明黑底*/
	.header-nav:after{content:"";display:block;position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;filter:alpha(opacity=0);visibility:hidden;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
	}
	.header-nav.active:after{opacity:1;filter:alpha(opacity=100);visibility:visible;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease; 
	}
	.header-nav:before{content:"";width:320px;display:block;position:fixed;top:0;left:-200%;bottom:0;z-index:2;background-color:#fff;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
	}
	.header-nav.active:before{left:0;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease; 
	}

	/*菜单列表 动画*/
	.header-nav > ul{position:fixed;top:0;left:-200%;bottom:0;z-index:9;width:320px;padding:20px 0;overflow-y:auto;margin-top:50px;} 
	.header-nav.active > ul{left:0;}
	.header-nav.active .header-right { opacity: 1; visibility: visible; left: 20px; }

	/*列表*/
	.header-right { position: relative; top: 25px; right: auto; left: -200%; flex-direction: row-reverse; opacity: 0; visibility: hidden; }
	.header-btn a { margin: 0 30px 0 0; }
	.header-nav > ul { display: block; }
	.header-nav > ul > li{float:none;width:100%;text-align:left;}
	.header-nav > ul > li > a{padding:15px 20px;color:#131313;}
	.header-nav > ul > li i{display:block !important;width:46px;height:46px;text-align:center;line-height:44px !important;position:absolute;top:0;right:0;z-index:2;font-size:10px;}
	.header-subnav{opacity:1;visibility:visible;display:none;position:static;box-shadow:inherit; margin-bottom: 20px; background-color: #f7f7f7; margin-top: -10px;
	    -webkit-transition:inherit;
		-moz-transition:inherit;
		-ms-transition:inherit;
		-o-transition:inherit;
		transition:inherit;
	}
	.header-nav > ul > li .header-subnav i { display: none !important; }
	.header-subnav-sub li a span { color: #c9c9c9; }

	/*其他*/
	.header-logo { padding: 20px 0; }
	.header-logo a { height: 34px; }
	.header-other{position:fixed;top:0;left:-200%;z-index:999;width:280px;display:block;padding:15px 20px;background:url(../images/shop-bg.jpg) no-repeat;background-size:200% 100%;border-bottom:1px solid #ddd;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
	}
	.htmloverflow .header-other{left:0;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
	}


	/*  */
	.home-banner-text { bottom: 24px; }
	.home-banner-text p { font-size: 22px; }
	.home-banner-text p span { font-size: 22px; margin-bottom: 3px; }
	.home-banner-text img { height: 22px; margin-top: 10px; }
	.home-banner-text p span strong { font-size: 24px; }
	.home-banner-text i { font-size: 14px; }
	.page-banner-box { padding: 16px 0; }
	.page-banner-box h1 { font-size: 20px; }
	.page-banner-box h1 span { font-size: 24px; font-weight: normal; }
	.page-banner-box i { font-size: 15px; }
	

	/*  */
	.home-one { padding-bottom: 50px; }
	.home-one-list ul.grid-4 { grid-template-columns: repeat(2, 1fr); }
	.home-one-text { padding-top: 20px; }


	/*  */
	/*.page-banner-box h1 { font-size: 36px; bottom: 24px; }*/


	/*  */
	.about-img-list { padding: 30px 10px 50px; }
	.about-img-list ul li { margin-bottom: 30px; }
	.about-img-list ul li > div { width: 88%; }
	.about-img-list-t h3 { font-size: 18px; margin-top: 10px; }
	.about-text h2 { font-size: 20px; margin-bottom: 16px; letter-spacing: 3px; }
	.about-text p { font-size: 14px; }
	.about-text { padding: 30px 20px; }

	.about-core-values-list { padding: 0 10px; }
	.about-core-values-list li { margin-bottom: 30px; }
	.about-core-values-t h3 { font-size: 18px; }
	.about-core-values-t p { font-size: 12px; }


	/*  */
	.collection-list-wood > ul { grid-template-columns: repeat(2, 1fr); }
	.collection-sabbia-text { line-height: 1.6em; font-size: 14px; padding: 36px 0; }
	.collection-sabbia-text h3 { line-height: 1.6em; font-size: 18px; }
	.collection-sabbia-text strong { line-height: 1.6em; font-size: 18px; }
	.collection-list-products .btn-line { margin-bottom: 20px; }

	.collection-sabbia-item-parameter { margin-top: 20px; }
	.collection-sabbia-item-right { padding-left: 20px; }
	.collection-sabbia-item-right h3 { font-size: 14px; }
	.collection-sabbia-item-right h2 { font-size: 24px; }


	/*  */
	.contact-t { display: block; }
	.contact-t-l { width: 100%; padding: 0 0 36px; }
	.contact-t-l-box { width: 100%; }  
	.contact-t-l p br { display: none; }

	.contact-t-r { width: 100%; }
	.contact-t-r .form-btn { padding-top: 10px; }


	/*  */
	.technical-data-table .df { grid-gap: 20px 36px; }
	.technical-data-table img { zoom: .6; }
	.technical-data-table thead tr:first-child td { font-size: 20px; }
	.technical-data-table tbody td:nth-child(3) { width: 100px; }
	.technical-data-table tbody td:nth-child(1) { width: 60px; }
	.technical-data-table tbody td p { font-size: 14px; }
	

	
}



@media screen and ( max-width:580px ){

	.all-title h2 { font-size: 24px; }
	.all-title > img { height: 14px; }
	/*.page-banner-box h1 { font-size: 30px; bottom: 14px; }               */

	.footer-nav ul { flex-wrap: wrap; grid-gap:30px 30px; justify-content: inherit; }
	.footer-nav > ul > li { padding-right: 30px; }
	.footer-subnav li { margin-top: 12px; }

	.about-core-values-i img { height: 180px; object-fit:cover;object-position:center center; }
	.about-text { padding: 24px 16px; }
	.about-text h2 { font-size: 18px; margin-bottom: 10px; }

	.collection-list-wood > ul { grid-gap: 20px 12px; }
	.collection-list-wood-text a.btn-empty { font-size: 14px; }

	.contact-b { display: block; }
	.contact-b > div { width: 100% !important; }
	.contact-b-l { padding: 20px 0; }
	.contact-b-r img { min-height: inherit; }
	.contact-t-r-img { grid-gap: 10px 10px; }

	.page-banner-photo-text h1 { font-size: 36px; }


}



@media screen and ( max-width:480px ){

	.home-one-img a { border-radius: 10px; }
	.home-one-text a { font-size: 13px; }
	.home-one-text span { font-size: 13px; }
	.home-one-text i { font-size: 12px; }

	.home-banner-text { bottom: 20px; }
	.home-banner-text p { font-size: 16px; }
	.home-banner-text p span { font-size: 16px; }
	.home-banner-text img { height: 18px; margin-top: 6px; }
	.home-banner-text p span strong { font-size: 18px; }
	.home-banner-text i { font-size: 13px; }

	.collection-sabbia-item { display: block; }
	.collection-sabbia-item > div { width: 100%; }
	.collection-sabbia-item-right { padding: 15px 0 0; }
	.collection-sabbia-item-right h2 { margin-bottom: 20px; }


}