@charset "utf-8";
@media (max-width: 1601px) {
	header{ padding-left:260px;}
	header .left{ width:260px;}
	header .logo{ padding-left:20px;}
	header .menu{ padding-right:20px;}
	header .menu ul li .ac_menu{
		width: 1090px;
	}
	header .menu ul li{ font-size:15px; margin-right:30px;}	
}
@media (max-width: 1368px) {
	header .menu ul li{ font-size:14px; margin-right:20px;}
	
	.main-categories .category-list ul li .info{ min-height:65px; background-size:18px 65px; padding-left:30px;}
	header .menu ul li .ac_menu{
		width: 860px;
		padding: 15px 5px;
	}
	header .menu ul li ul li a {
		padding: 10px 2px;
	}
}
@media (max-width: 1199px) {
	header .menu{ display:none;}
	header .open-menu{ display:block;}
	
	.main-banner .shape{ width:495px; height:105px; background-size:495px 105px; margin-left:-485px;}
	
	.main-about .content{ padding:0px 100px 80px 100px;}
	.main-about .content h1{ margin-bottom:40px;}	
	
	.main-categories{ padding-bottom:80px;}
	.main-categories .category-list ul li{ width:32%; margin-bottom:30px;}
	
	.main-news{ padding:80px 0px;}
	
	.section .page-title h1{ font-size:32px;}
	
	.section .product-gallery .left{ width:220px; padding:45px 50px;}
	.section .product-gallery .right{ width:720px;}
	.section .product-gallery .thumbnail-slider{ width:120px;}
	.section .product-gallery .thumbnail-slider .item{ width:120px; height:120px; margin:5px 0px;}
	.section .product-gallery .thumbnail-slider .item img{ width:110px;}
	
	.section .product-features ul li{ width:32%;}
	.section .product-features ul li:nth-child(4n+0){ margin-right:2%;}
	.section .product-features ul li:nth-child(3n+0){ margin-right:0px;}
}
@media (max-width: 991px) {
	.main-banner .shape{ display:none;}
	
	.main-about .content{ padding:50px; font-size:14px;}
	.main-about .content h1{ font-size:21px; margin-bottom:25px;}
	
	.main-categories{ padding-bottom:60px;}
	.main-categories .title{ margin-bottom:40px;}
	.main-categories .title h2{ width:256px; height:72px; line-height:60px; background-size:256px 72px; font-size:21px;}
	
	.main-news{ padding:60px 0px;}
	
	.section .breadcrumb{ font-size:13px;}
	
	.section .page-title{ margin-bottom:30px;}
	.section .page-title h1{ font-size:30px;}
	
	.section .text-content, .section .news-detail{ font-size:14px;}
	
	.section .portfolio-list ul li{ width:32%; margin-right:2%; margin-bottom:2%;}
	.section .portfolio-list ul li:nth-child(4n+0){ margin-right:2%;}
	.section .portfolio-list ul li:nth-child(3n+0){ margin-right:0px;}
	
	.section .product-list ul li{ width:32%; margin-right:2%; margin-bottom:2%;}
	.section .product-list ul li:nth-child(4n+0){ margin-right:2%;}
	.section .product-list ul li:nth-child(3n+0){ margin-right:0px;}
	.section .product-list ul li .name{ font-size:13px;}
	
	.section .faq-list .question{ font-size:15px;}
	.section .faq-list .answer{ padding:20px; font-size:14px;}
	
	.section .news-list ul li .photo{ width:20%;}
	.section .news-list ul li .info{ width:78%; font-size:14px;}
	.section .news-list ul li .info h2{ font-size:17px;}
	
	.section .contact-content h2{ font-size:20px;}
	
	.section .product-gallery .left{ width:180px; padding:30px 45px;}
	.section .product-gallery .right{ width:540px;}
	.section .product-gallery .thumbnail-slider{ width:90px;}
	.section .product-gallery .thumbnail-slider .item{ width:90px; height:90px;}
	.section .product-gallery .thumbnail-slider .item img{ width:80px;}
	
	.section .product-features ul li{ padding:15px 5px;}
	.section .product-features ul li section{ font-size:16px;}
	.section .product-features ul li section span{ font-size:21px;}
	.section .product-features ul li section h2{ font-size:17px; margin-bottom:10px;}
	
	footer .content{ font-size:14px;}
	footer .content h4{ font-size:15px;}
}
@media (max-width: 767px) {
	header{ height:80px; padding-left:180px;}
	header .left{ width:180px; height:80px;}
	header .right{ height:80px;}
	header .logo{ margin-top:-5px;}
	header .logo a{ width:160px; height:80px; background:url(../images/logo/logo-mobile.png) no-repeat; background-size:160px 80px;}
	header .open-menu{ top:0px; right:0px;}
	header .open-menu a{ width:50px; font-size:25px;}
	
	.homepage header{ background:url(../images/bg/banner-shadow-m.png) repeat-x top left;}
	.homepage header .left{ background:url(../images/bg/home-header-left-m-bg.png) no-repeat right center;}
	.homepage header .right{ background:url(../images/bg/home-header-right-m-bg.png) repeat-x left top;}

	.subpage header .left{ background:url(../images/bg/sub-header-left-m-bg.png) no-repeat right center;}
	.subpage header .right{ background:url(../images/bg/sub-header-right-m-bg.png) repeat-x left top;}
	
	.main-categories{ padding-bottom:50px;}
	.main-categories .category-list ul li{ width:50%;}
	
	.main-news{ padding:50px 0px;}
	
	.section .page-title{ margin-bottom:25px;}
	.section .page-title h1{ font-size:24px;}
	
	.section .contact-content .left{ margin-bottom:30px;}
	.section .contact-content h2{ font-size:18px;}
	
	.section .product-gallery .left{ width:auto; float:none; padding:0px 40px;}
	.section .product-gallery .right{ width:auto; float:none; margin-bottom:20px;}
	.section .product-gallery .thumbnail-slider{ width:auto;}
	.section .product-gallery .thumbnail-slider .item{ width:auto; height:auto; margin:0px 10px;}
	.section .product-gallery .thumbnail-slider .item img{ width:100%;}
	
	.section .product-features ul li{ width:49%;}
	.section .product-features ul li:nth-child(3n+0){ margin-right:2%;}
	.section .product-features ul li:nth-child(2n+0){ margin-right:0px;}	
	.section .product-features ul li section{ font-size:15px;}
	.section .product-features ul li section span{ font-size:20px;}
	.section .product-features ul li section h2{ font-size:16px;}
	
	footer .content{ text-align:center;}
	footer .content .left, footer .content .center{ margin-bottom:20px;}
	footer .content .text{ padding-right:0px;}
	footer .content .contact table{ margin:0px auto;}
	footer .content .contact table tr td{ display:block;}
	footer .content .social ul li{ float:none; display:inline-block; margin:0px 10px; font-size:24px;}
	footer .copyright{ font-size:14px; text-align:center;}
	footer .copyright .right{ text-align:center; padding-top:10px;}
	
	
.s_text > span:nth-child(2) { 
    letter-spacing: 3px; 
    padding: 0;
    line-height: 30px;
} 
.s_text {
    font-size: 30px; 
    left: 0; 
    top: 50%;
	transform: translate(0,-50%); 
	-webkit-transform: translate(0,-50%); 
    right: 0;
    text-align: center;
    line-height: 30px;
} 
.main-banner .item img { 
    height: 280px;
    max-width: 100%;
    object-fit: cover;
}	
	

	
}
@media (max-width: 481px) {		
	.main-about .content{ padding:40px 20px; font-size:13px;}
	.main-about .content h1{ font-size:18px; margin-bottom:20px;}	
	
	.main-categories{ padding-bottom:40px;}
	.main-categories .title{ text-align:center; margin-bottom:20px;}
	.main-categories .title h2{ width:228px; height:64px; line-height:50px; background-size:228px 64px; font-size:18px;}
	.main-categories .category-list ul li{ width:auto;}
	.main-categories .category-list ul li .photo img{ width:75%;}
	.main-categories .category-list ul li .info{ min-height:36px; background-size:10px 36px; padding-left:20px; font-size:13px;}
	
	.main-news{ padding:40px 0px;}
	
	.subpage .section{ padding:20px 0px 40px 0px;}
	
	.section .breadcrumb{ font-size:12px;}
	
	.section .page-title{ margin-bottom:20px;}
	.section .page-title h1{ font-size:21px;}
	
	.section .text-content, .section .news-detail{ font-size:13px;}
	
	.section .portfolio-list ul li{ width:49%;}
	.section .portfolio-list ul li:nth-child(3n+0){ margin-right:2%;}
	.section .portfolio-list ul li:nth-child(2n+0){ margin-right:0px;}
	
	.section .product-list ul li{ width:49%;}
	.section .product-list ul li:nth-child(3n+0){ margin-right:2%;}
	.section .product-list ul li:nth-child(2n+0){ margin-right:0px;}
	.section .product-list ul li .name{ font-size:12px;}
	
	.section .faq-list .question{ font-size:14px;}
	.section .faq-list .answer{ padding:15px; font-size:13px;}
	
	.section .news-list ul li{ padding:20px 0px;}
	.section .news-list ul li .photo{ width:32%;}
	.section .news-list ul li .info{ width:64%; font-size:13px;}
	.section .news-list ul li .info h2{ font-size:15px;}
	
	.section .contact-content h2{ font-size:16px;}
	
	.section .product-gallery .left{ padding:0px 30px;}
	
	.section .product-features ul li{ float:none; width:auto; margin-right:0px; margin-bottom:10px; padding:10px 5px;}	
	.section .product-features ul li section{ font-size:14px;}
	.section .product-features ul li section span{ font-size:18px;}
	.section .product-features ul li section h2{ font-size:15px;}
	
	footer{ padding:40px 0px;}
	footer .content{ font-size:13px;}
	.reference-slider .photo img{margin: 0 auto;}
}