.firstLvCate ul > li > a{line-height: 20px;}
.product-list{border-bottom: 0px !important;}
	#brand-intro{border-top: 1px solid #ccc; padding-top: 10px;}
@media screen and (max-width: 1280px){

	.index-brands li{width: 14.5%;}
	.index-brand-title{min-height: 48px;}
	.companyCase .case-item{width: 31%;}
	.indexNewsArticle .article-list{margin-right: 45px;}
	.indexNewsArticle .article-list a span.title{width: calc(100% - 95px)}

	.index-product-col{width: 50%; margin-bottom: 10px;}
	.index-product-col select{width: calc(100% - 75px);}
	.index-product-col.input{width: 35%}
	.index-product-col input{width: calc(100% - 60px)}
	.index-product-col select.search-cate{width: 89%}
	.index-contact-form .table-tr > div:nth-of-type(2) input{width: calc(100% - 20px)}
	.index-contact-form .table-tr > div:nth-of-type(2) input[name=subject]{width: 100%;}
}

@media screen and (max-width: 1100px){
	.case-list{padding: 0 20px;}
	.index-contact-form .fLeft{width: 50%}
	#contactForm{padding: 0 20px;}
}

@media screen and (max-width: 1000px){
	.companyIntro h2,.companyCase h2,.firstLvCate h2{margin-left: 0px;}	
	.hot-product-container{padding: 0px 20px;}
	.firstLvCate{padding-left: 20px;}
	.index-brands{padding: 30px 20px;}
	.index-brands li{width: 16.75%; margin:0 1.6%}

	.index-brands li:nth-of-type(6n){margin-right: 1.6%;}
	.companyIntro{padding: 0 20px;}
	.companyCase p.desc{padding: 0 20px;}
	.indexNewsArticle{padding: 50px 20px;}
	.indexNewsArticle .article-list{width: 100%; margin:0px; margin-bottom: 35px;}
	.indexNewsArticle .article-list:nth-of-type(3){margin-bottom: 0px;}
	.viewMore{display: none;}
	.article-more.mobileShow{display: block;}
	.indexNewsArticle .article-list h4{margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 5px;}
	.index-product-col select.search-cate{width: 85%}
	.index-contact-form .fLeft{width: 47%}	
	.brand-intro{margin: 0 30px 30px 30px;}
	#brand-cate-nav-container{margin-bottom: 15px;}
	.index-product-row{margin-right: 0px !important;}

	.index_hotKeyword{display: none}
	#news-list hr{margin: 20px 0px;}
	.btn_detail{margin-top: 5px;}
	#news-list .news-item .news-detail .news-date{margin-bottom: 5px;}

	.header-top-right .search input{height: 36px; width: calc(100% - 70px); border: 0; float: left; margin: 0; vertical-align: top;}
	.breadcrumb{margin:0px 30px;}
	
	.rel-products-container{display: none;}
	.newBack{padding-right: 25px;}
}

@media screen and (max-width: 900px){
	.index-contact-form .fLeft{width: 100%; margin-right: 0px;}
	.index-contact-form .table-tr > div:nth-of-type(2) input{width: 100%;}
	.index-product-col{width: 100%;}
	.index-product-col select{width: calc(100% - 50px) !important;}
	.index-product-col.input{width: 50%;}
	.secondLvCateList{width: 100%; position: initial; box-shadow:initial; border:0px; padding-left:15px;}
	.selfDefined{margin-top: 10px;}
	.product-button{margin-bottom: -10px;}
	.related-article{margin-bottom: 0px;}
	.hot-product{margin: 20px 0px;}
}

@media screen and (max-width: 767px){
	.hot-product-container{width: 100%;}
	.firstLvCate {width: 100%;}
	.firstLvCate .mobileHide{display: none;}
	.firstLvCate .mobileShow{display: block;}


	.index-brands li{width: 20%; margin: 0px 2.5% 30px 2.5%;}
	.index-brands li:nth-of-type(6n){margin-right: 2.5%;}
	.companyCase .case-item{width: 100%; margin:0px; margin-bottom: 15px !important;}
	.companyCase .case-item:nth-of-type(2){margin:0px;}
	
}

@media screen and (max-width: 550px){
	.index-brands li{width: 30%; margin: 0px 1.6% 15px 1.6%;}
	.index-brands li:nth-of-type(6n){margin-right: 1.6%;}
	.index-product-col.input{width: 60%}

	.index-brand-title{font-size: 13px;}
	.article-more.mobileShow{position: absolute; margin-top: -31px; right: 20px;}
	.indexNewsArticle .article-list li:nth-child(n+4){display: none}

	.companyCase .case-thumb img{max-height: initial; max-width: initial; height: 250px; width: 330px}

	.companyCase .case-thumb{height: 110px; overflow: hidden;}
	.companyCase .case-more{margin:25px 0px;}
}

@media screen and (max-width: 500px){
	.index-search-box input{width: calc(100% - 130px)}
	.index-product-col p,.index-product-col.input{width: 100%;}
	.index-product-col select,.index-product-col select.search-cate,.index-product-col input{width: 100% !important; }
}
