/* CSS Document */

@media (max-width:1200px) {
	.top-line{ display: none;}
	.header-nav{ float: right;}	
	
}

@media( max-width:1024px){
	
	
	
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:26px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#FFFFFF;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:10px; top:78px; z-index:999 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; margin-bottom:1px; background:rgba(0,104,180,0.6);}
	.top-head .sjdnav .acta{color:#fff; background:#0068b4;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{ padding-right:15px; width: auto; float: none; }


	.mboxRh{ width: 100%; padding-left: 0; float: right; margin-top: 15px;}
	.mboxLf{ width: 100%; overflow: hidden;}
	.accordion{ display: none;}
	.accordion li{ }
	.accordion li a{ padding: 0; text-align: center; line-height: 42px; font-size: 14px; }
	.mlf-top{ position: relative;padding: 0; font-size: 23px; line-height: 50px; text-align: center;}
	.mlf-top span{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.mlf-top p{ display: none;}

	.header-nav{ display: none;}
	.mbox{ padding-top: 30px;}
	.rh-top{ font-size: 24px; line-height: 35px;}
	.rhcont{ margin-top: 15px;}
	.rli01{ padding: 15px;}
	
}


@media (max-width:768px) {
	.header01 { width:100%; }
	.header01 .logo img{ width:100%; }
	.footer{ margin-bottom: 56px; background: #004e93; color: #FFFFFF;}
	.serli:nth-child(3) .serImg{ float: left;}
	.serli:nth-child(2) .serImg{ float: right;}
	.vehicle-wrap .swiper-button-next, .vehicle-wrap .swiper-button-prev{ display: none;}
	.vehicle-wrap{ padding: 20px 0; margin-top: 24px;}
	.wrap2 .container-fluid > div{ padding: 10px 0;}
	.seTab li a{ width: 110px; line-height: 35px; font-size: 15px;}
	.seaform p{ width: 50px; height: 40px; line-height: 40px; }
	.seaform .form-control{ height: 40px; font-size: 15px; padding-left: 50px; padding-right: 105px; }
	.seaform .btn{ font-size: 18px; width: 100px; height: 40px;}
	.seaform .btn img{ width: 20px;}
	
	.rli01{ padding: 10px;}
	
	.rli02 .rli-txt span{ text-align: left;font-size: 12px; line-height: 20px;}
	.rli02 .rli-txt{ padding: 20px 0 0 15px;}
	.rli02 .rli-img .img{ padding-top: 155px;}
	.rli02 .rli-txt h3{ font-size: 16px; line-height: 28px; }
	.rli02 .rli-txt strong{ font-size: 12px; line-height: 20px;}
	
}

 @media (max-width:640px) {
 	
 	
 
}

 @media (max-width:540px) {	
 	.demand{ position: static; margin-top: 40px;}
 	/*.seTab li a{ font-size: 14px; width: 100px;}
 	.seTab li{ margin-right: 2px;}*/
 	.search-wrap{ padding: 25px 10px;}
 	.serli a > div{ height: 156px; padding: 3px; }
 	.serli .serTxt .imgbox{ padding: 10px;}
 	.serli .imgbox h3{ font-size: 18px; line-height: 25px;}
 	.index-tit{ font-size: 24px;}
 	.seTab{ border-bottom: 1px #fff solid; overflow: auto;}
 	.seTab li{ width: 33.33%; border-right: 1px #fff solid; box-sizing: border-box; margin: 0;}
 	.seTab li:last-child{ border: none;}
 	.seTab li a{ width: 100% !important;}
 	.seaform .btn img{ display: none;}
 	.seaform .btn{ width: 33.33%; height: 35px; font-size: 14px;}
 	.seaform .form-control{ height: 35px;}
 	.seaform p{ height: 35px; line-height: 35px;}
 	
 	.mlf-top{ font-size: 21px; line-height: 45px;}
 	
 	.rh-top{ font-size: 20px; line-height: 28px;}
 	.rli01{ padding: 5px;}
 	
 	
 	.rli02 .rli-txt{ padding-top: 0;}
 	.rli02 .rli-img .img{ padding-top: 130px;}
 	.rli02 .rli-txt h3{ line-height: 24px;}
 	.rli02 .rli-txt p{ font-size: 13px; line-height: 22px; height: 44px; }
 	
}

 @media (max-width:450px) {
 	.seTab li a{ width: 94px;}

	.top-logo{}
	.top-logo img{ height: 60px;}
	.navbar-toggle{ padding: 17px 0;}
	.top-head .sjdnav{ top: 60px;}

    .dock { display:none; }

}
 

 @media (max-width:415px) {	
 	.rli02{ margin-bottom: 15px;}
 	.rli02 .rli-img{ max-width: 40%;}
 	.rli02 .rli-img .img{ padding-top: 100px;}
 	.rli02 .rli-txt{ padding-left: 10px;}
 	.rli02 .rli-txt span{ display: none;}
 	
 	
}
 @media (max-width:350px) {
 	
 
 
}
 @media (max-width:320px) { 
	
	
	
 }











