/* CSS Document */

/*max-width 要从大到小*/
@media (max-width: 1421px){
	
	.swiper-slide .bg{ height:540px;}
	
	/*首页产品分类*/
	.cate ul li:nth-child(1){ width:248px; height:375px;}
	.cate ul li:nth-child(2),.cate ul li:nth-child(3){ width:439px}
}
@media (max-width: 1391px){
	
	nav{ padding-top:15px;}
	.news .right ul li{ width:100%;}

}
@media (max-width: 1199px){
	nav .logo{ margin:12px 0 0 0; width:150px;}
	
	/*首页产品分类*/
	.cate ul li:nth-child(1){ width:188px; height:317px;}
	.cate ul li:nth-child(1) h3{ font-size:2.5rem;}
	.cate ul li:nth-child(1) h4{ font-size:2rem;}
	.cate ul li:nth-child(2),.cate ul li:nth-child(3){ width:369px;}
	.cate ul li:nth-child(1) a{ width:40px; height:40px; background-size:100%; bottom:20px;}
	
	.swiper-slide .bg{ height:480px;}
	
	.index-news{ padding-top:10px;}
	.index-news ul li{ width:100%!important; height:auto; margin-bottom:10px; border-bottom-width:2px;}
	.index-news ul li section{ overflow:hidden; padding:20px;}
	
	.news .right .content{ width:100%; padding:0 10px}
	
	#kefu{ display:none;}
	
}
@media (max-width: 990px){
	nav{ padding-top:0;}
	
	nav .logo{ margin:12px 0 0 0; width:110px;}
	
	nav ul li{ padding:10px 10px 0 10px}
	nav ul li a{ font-size:14px;}
	nav ul li a i{ font-size:12px;}
	
	.swiper-slide .bg{ height:480px;}
	
	
	.cate{ padding:1px 0 15px 0;}
	.cate ul li:nth-child(1){ height:230px; width:100%;}
	.cate ul li:nth-child(1) a{ right:3rem;}
	.cate ul li:nth-child(2),.cate ul li:nth-child(3){ width:100%;}
	.cate ul li>div{ margin-right:0px;}
	
	nav ul li>div{ width:130px; top:65px;}

	.main .left{ width:100%; float:none; margin-top:10px; background:#F5F5F5; min-height:inherit;}
	.main .left section{ margin-left:0;}
	.main .left h2{ padding:10px 0 0 20px;}
	.main .left h2 i{ display:inline-block; font-size:20px; padding-left:5px;}
	.main .left h5{ margin-left:2.5rem;}
	.main .left section ul li{ padding-left:20px; border-top:1px solid #EAEAEA;}
	.main .left section ul li a{ display:block;}
	.main .left section ul li>ul{ margin-top:8px;}
	.main .left section ul li>ul>li{ border:0;}
	.main .right{ margin:20px 0;}
	
	.product .right ul li{ width:49%; margin-right:2%; margin-bottom:15px;}
	.product .right ul li:nth-child(2n+0){
		margin-right:0;
	}

	
	.contact .left{ width:100%; margin:20px 0 0 0 ; background:none; border:none; padding:0;}
	.contact .left h2{ background-size:20px; padding:5px 0 0 25px; height:auto; margin-bottom:10px;}
	.contact .right{ width:100%;}
	
	.link{ padding:12px 0}
	.link a{ margin:0 5px;}
	
	.contact .left input{ padding:10px;}
	
}
@media (max-width: 768px){
	header .lan{ border-right:0;}
	
	header .search{ float:left; margin-left:10px;}
	
	.swiper-slide .bg{ background:none!important;}
	.swiper-slide .bg img{ display:block;}
	
	nav .logo{ display:none;}
	nav .logo_wap{ display:block; margin:12px 0 0 10px; height:25px;}
	
	/*.navbar-toggle{ position:relative; height:44px; width:44px;}*/
	.navbar-toggle .icon-bar{ background:#969696;}
/*	.navbar-toggle .icon-bar+.icon-bar{ margin:0;}
	.navbar-toggle .icon-bar:nth-child(2){ top:15px;}
	.navbar-toggle .icon-bar:last-child{ top:21px;}*/
	
	/*.active .icon-bar{ width:22px;}
	.active .icon-bar:last-child{ top:9px;}
	.active .icon-bar:first-child{  transform: rotate(45deg);}
	.active .icon-bar:nth-child(2){ visibility:hidden;}
	.active .icon-bar:last-child{  transform: rotate(-45deg);}*/
	
	.container{ padding:0 8px;}
	
	.navbar-collapse{ background:#fff;}
	nav ul li{ display:block; width:100%; background:none;}
	nav ul li a{ padding-bottom:5px;}
	nav ul li a.active{ border:0;}
	
	nav ul li>div{ height:0; width:0; line-height:0; padding:0; }
	
	.banner{ margin-top:0; margin-left:-8px; margin-right:-8px;}
	
	.swiper-slide{ overflow:hidden;}
	.swiper-slide .bg{ height:400px;}
	
	.cate ul li:nth-child(1){ height:auto;}
	.cate ul li:nth-child(1) div h3{ display:inline-block; width:4em;}
	.cate ul li:nth-child(1) div i{ display:none;}
	.cate ul li:nth-child(1) div h4{ display:inline-block;}
	.cate ul li:nth-child(1) div{ padding:15px;}
	.cate ul li:nth-child(1) h3{ font-size:2.2rem;}
	.cate ul li:nth-child(1) h4{ font-size:2rem;}
	.cate ul li:nth-child(1) a{ width:30px; height:30px; background-size:100%; right:15px; bottom:12px; transform:rotate(90deg)}
	
	.recommed .left{ display:none;}
	
	.link .search{ display:none;}
	
	.news .right>ul li div dl dt{ width:100%; float:none;}
	.news .right>ul li div dl dd{ width:100%; margin:10px 0 0 0;}
	
	#allmap{ width:100%; height:280px;}
	
	.main .right .content img{ max-width:100%;}
}

/*min-width 要从小到大*/

@media (min-width: 768px){

}

@media (min-width: 992px){
	nav ul li{ padding:10px 20px;}
	
}
@media (min-width: 1200px){
	nav .logo{ margin-left:0;}
}

@media (min-width:1421px){
	.container{ width:1391px;}
	nav .logo{ margin-left:4.5%;}
	.swiper-slide .bg{ height:680px;}
}