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



@media screen and ( min-width:768px ) and ( max-width:7680px ){
	
	.product_details_l .slide{width:20%!important;}
	.product_details_l .slide:nth-child(2){width:100%!important;}
	.product_details_l .slide:nth-child(3){width:50%!important;}
	.product_details_l .slide:nth-child(4){width:50%!important;}
	.product_details_l .slide:nth-child(5){width:100%!important;}
	.product_details_l .home_slider{width:100%!important;
		-webkit-transform:inherit!important;
		-moz-transform:inherit!important;
		-ms-transform:inherit!important;
		-o-transform:inherit!important;
		transform:inherit!important;
	}
	.product_details_l .home_slider:after{content:"";clear:both;display:block;height:0;}
	.product_details_l .bx-viewport{height:auto!important;}
	.product_details_l .bx-clone,
	.product_details_l .bx-controls{display:none!important;}

	.product_details_l .home_banner .slide a{margin:5px;}
	.product_details_l .home_banner .slide a:before{content:"\e71c";font-family:"iconfont"!important;padding:8px;font-size:16px;color:#fff;padding:6px;background-color:rgba(0,0,0,.2);position:absolute;bottom:10px;right:10px;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
	}
	.product_details_l .home_banner .slide a:hover:before{background-color:rgba(0,0,0,.5);
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
	}
	
}



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

}



@media screen and ( max-width:1367px ){
	
	/***** common *****/
	.w1136,.w1170,.w1200,.w1280,.w1366,.w1440{width:1024px;}
	
	.commonmargin{margin:80px auto 120px;}
	.commonmargin2{margin:44px auto 54px;}
	.commonmargin_t{margin-top:80px;}
	.commonmargin_b{margin-bottom:160px;}
	
	.commonpadding{padding:80px 0 120px;}
	.commonpadding2{padding:44px 0 54px;}
	.commonpadding_t{padding-top:80px;}
	.commonpadding_b{padding-bottom:160px;}
	

}


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


}






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


@media screen and ( max-width:996px ){
	
	/***** common *****/
	.w750,.w960,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440{width:95%;}
	
	.commonmargin{margin:66px auto 80px;}
	.commonmargin2{margin:36px auto 44px;}
	.commonmargin_t{margin-top:66px;}
	.commonmargin_b{margin-bottom:80px;}
	
	.commonpadding{padding:66px 0 80px;}
	.commonpadding2{padding:36px 0 44px;}
	.commonpadding_t{padding-top:66px;}
	.commonpadding_b{padding-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;}
	

}  






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


@media screen and ( max-width:767px ){
	
	/***** common *****/
	html.htmloverflow{overflow:hidden;position:fixed;width:100%;height:100%;}
	
	.gotop{right:24px;bottom:68px;}
	
	.pagination a{width:36px;height:36px;line-height:34px;border-width:1px;}
	
	.commonmargin{margin:30px auto 36px;}
	.commonmargin2{margin:30px auto 36px;}
	.commonmargin_t{margin-top:30px;}
	.commonmargin_b{margin-bottom:36px;}
	
	.commonpadding{padding:30px 0 36px;}
	.commonpadding2{padding:30px 0 36px;}
	.commonpadding_t{padding-top:30px;}
	.commonpadding_b{padding-bottom:36px;}
	
	
	/***** header *****/
	.header_phone_more{display:block;}
	.header_phone_close{display:block;/*opacity:0;filter:alpha(opacity=0);visibility:hidden;*/ position:fixed;top:20px;right:20px;z-index:999;width:44px;line-height:44px;background-color:#fff;text-align:center;border-radius:8px;}
	.header_phone_close i{/*color:#fff;*/ }
	.header_phone_close.active{opacity:1;filter:alpha(opacity=100);visibility:visible;}

	.header_nav{position:fixed;top:0;left:0;bottom:0;z-index:998;background-color:transparent;}
	.header_nav:after{content:"";display:block;position:fixed;top:0;left:0;right:0;bottom:0;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 > ul{position:fixed;top:0;left:-200%;bottom:0;z-index:9;width:320px;padding:20px 0;overflow-y:auto;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 > ul{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.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;
	}

	.index1-1{
		width:100%;
		height:auto;
		float:none;
		position:relative;
		z-index:1;
	}
	.index1-1 img{position:static;margin-bottom:10px;}
	.index1-2{
		width:100%;
		float:none;
		position:relative;
		z-index:1;
	}
	.index2-tu{
		width:60%;
		margin:0 auto;float:none;
	}
	.index2-wen{
		width:100%;
		clear:both;
	}


	.index3-1 h2{padding-top:30px;}
	.index3-1,.index3-2{float:none;width:100%;}
	.index3-1:after{content:"";clear:both;height:0px;display:block;}
	.index3:after{background-color:#b5b5b4;}
	.index3-2 .index3-wen{padding-left:0;padding-bottom:20px;}

	form .checkbox-group li{width:50%;}  



}







/*  */



@media screen and ( max-width:1367px ){ 
	.about-us-l-box { padding: 50px 36px; }
}  


@media screen and ( max-width:992px ){ 
	.graphic-design-list-text h2 { font-size: 30px; }
	.optimize-seo-list,
	.all--list ul { grid-gap: 20px 20px !important; }
	.all--list ul li > div:after { transform: translateZ(-1px) translateY(10px) translateX(10px); }
	.all-problem ul { grid-gap: 20px 14px; }
	.all-problem-t { padding: 16px; }
	.all-problem-t p { font-size: 14px; }
	.seo-h1 h1, .seo-h1 h2 { font-size: 30px; }
	.about-us-l-box { padding: 50px 30px; }
	.about-us-l { width: 64%; }
	.about-us-r { width: 32% }
}  


@media screen and ( max-width:767px ){ 
	.graphic-design-list-text h2 { font-size: 24px; }
	.optimize-seo-list,
	.all--list ul { grid-template-columns: repeat(2, 1fr) !important; }
	.seo-h1 h1, .seo-h1 h2 { font-size: 24px; }
	.seo-h1 h1:after, .seo-h1 h2:after { width: 64px; border-bottom-width: 2px; }
	.seo-h1 h1:before, .seo-h1 h2:before { width: 30px; height: 2px; margin-left: -15px; border-left-width: 6px; border-right-width: 6px; }
	.all-bg-text { padding: 50px 30px; }
	.all-contact-box { padding: 50px 30px 0; }
	.all-bg-text h2,
	.all-contact-box h3 { font-size: 20px; }
	.all-contact .all-contact-animation { margin: 50px -30px 0; }
	.all-contact-btn .btn-base { width: 130px; margin: 3px; }
	.all-contact-btn { padding-top: 30px; }
	.all-problem-b { padding-left: 0; }
	.w1170.m-100-50 { padding-top: 30px; }
	.w1170 .mb-50 { margin-bottom: 36px !important; }
	.w1170 .mt-50 { margin-top: 36px !important; }
	.w1170 hr { margin-top: 36px; margin-bottom: 36px; }
	.seo-h1 h1:after, .seo-h1 h2:after { margin-top: 16px; }
	.all-contact { margin-bottom: 50px; }
	.all-contact:after { transform: translateZ(-1px) translateY(20px) translateX(20px); }
	.w1170 .f18.fw-700 { font-size: 16px !important; }
	.all-problem-b strong { font-size: 17px; }
	.all-problem-b p { font-size: 15px; }
	.graphic-design-list ul {grid-gap: 14px 14px;}
	.graphic-design-list-img img { height: 300px; }
	.all-bg-text .mb-30 { margin-bottom: 20px !important; }
	.all-bg-text p,
	.graphic-design-list-text p { font-size: 14px; }
	.graphic-design-list-text h2 { font-size: 17px; }
	.all-problem ul { display: flex; overflow-x: auto; }
	.all-problem ul li { flex-shrink:0; width: 300px; }
	.all--list2 .all--list-img img { margin: 20px auto; }
	.about-us-box { display: block; }
	.about-us-l { width: 100%; }
	.about-us-r { width: 100%; position: relative; z-index: -3; }



	.gotop { bottom: 68px; }
	.tel-contact { bottom: 0; left: 0; right: 0; box-shadow: 0 -2px 6px rgba(0,0,0,.1); background-color: #fff; }
	.tel-contact ul:after { content: ""; clear: both; display: block; height: 0; }
	.tel-contact li { margin: 0; }
	.tel-contact li a>span { position: static; }

	.tel-contact li:nth-child(-n+2) { float: left; width: 50%; box-sizing: border-box; }
	.tel-contact li:nth-child(-n+2) a { height: 50px; display: flex; align-items: center; justify-content: center; }
	.tel-contact li:nth-child(-n+2) a img { display: none; }
	.tel-contact li:nth-child(-n+2) a > span { font-size: 13px; background-color: transparent; line-height: 1em; color: #000; }
    .tel-contact li:nth-child(-n+2) a > span:before { font-family:"iconfont"!important; font-size: 18px; display: block; margin: 0 auto 5px; text-align: center; font-weight: normal; line-height: 1em; }
	.tel-contact-contact span:before { content: "\e7a4"; color: #40708c; }
	.tel-contact-whatsapp span:before { content: "\e746"; color: #37ba4a; }
	/*.tel-contact-contact span:before { content: ""; background:url(../images/tel-contact.svg) no-repeat;background-size:100% 100%!important;width:15px;height:15px;display:block; }*/

	.phone-menu-btn { display: block; position: absolute; top: -20px; left: 50%; z-index: 9; border-radius: 100px; box-shadow: 0 3px 1px rgba(0,0,0,.1); border: 4px solid #fff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
	.phone-menu-btn a { display: block; width: 52px; line-height: 52px; background-color: #e17632; border-radius: 100%; text-align: center; pointer-events: none; }
	.phone-menu-btn a i { font-size: 24px; display: block; color: #fff; }

	
	.language1 { right: 27px; top: 69px; }
	.hearder-right .litte-nav .hearder-call { left: 16px; top: 70px; right: auto; bottom: auto; }
	.hearder-right .litte-nav { margin-right: 0 !important; }
	.nav { top: 120px; }
	.hearder-right .litte-nav { padding-bottom: 0; }  

	.litte-nav > ul { display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:10px 10px; }
	.litte-nav > ul > li { float: none; margin: 0; padding: 0; }
	.litte-nav > ul > li img { width: 18px; height: 18px; background-size: 100% auto; object-fit: contain; margin-bottom: 3px; }
	.litte-nav > ul > li a { display: flex; flex-direction: column; align-items: center; padding: 8px 10px; background-color: #e7e7e7; border-radius: 4px }
	.litte-nav > ul > li a span { font-size: 14px; display: block; }

	

}  


@media screen and ( max-width:580px ){ 
	.all--list-text-box { padding: 20px 10px; }
	.all--list-text h4 a { font-size: 15px; }
	.all--list ul { grid-gap: 10px 10px !important; }
	.all--list ul li > div:after { display: none; }
	.all-contact-box { padding: 36px 20px 0; }
	.all-bg-text h2, .all-contact-box h3 { font-size: 18px; }
	.all-contact .all-contact-animation { margin: 36px -20px 0; }
	/*.all-contact-btn .btn-base { width: 120px; }*/
	.all-bg-text { padding: 36px 20px; }
	.graphic-design-list-img img { height: 230px; }
	.about-us-btn a { display: block; }

	.index-service-scope h2, .home_customer > h5, .home_blog_news h2, .index2-about h2 { font-size: 24px; }

	.home_blog_news { padding: 20px 0; margin: 30px 0; }
}