@media screen and (max-width: 1200px){
	.wp1200{ width: 100%;}
	.loginCon,.registerCon,.bookingCon{ left: auto; right: 0; margin-left: 0;}
	/*.counterCon{ left: 10px; margin-left: 0;}*/
	.headerOther .tools > *{ margin-left: 0;}
	.headerOther .other a{ padding-left: 7px;}
}

@media screen and (max-width: 1024px){
	.fixedBox{ display: none;}
	.banner .swiper-button-prev,.banner .swiper-button-next{ display: block;}
	.index_carSlide .owl-prev,.index_carSlide .owl-next{ opacity: 1;}
	.index_carSlide .items a span{ height: auto;}
	.eBox{ left: 10px; margin-left: 0;}
	.pruchaxunc{ width: 100%;}
	.searchBox { width: 188px;}
	.headerOther .searchBox input[type="text"]{ width: 152px;}
	.counterCon{ padding: 30px;}
	.jobCon{ padding: 40px 45px 0;}
	.breadCon{ padding: 0 10px;}
}

@media screen and (max-width: 950px){
	.wp950{ width: 100%;}
	.resultTb{ width: 100%;}
	.compareBox{ width: 100%; overflow: auto;}
}

@media screen and (max-width: 900px){
	.wp900{ width: 100%;}
	.refitSlide{ height: auto;}
	.refitSlide .bd{ float: none; margin: 0 auto; border: none; width: 100%; text-align: center; height: auto;}
	.refitSlide .bd .img{ position: relative; width: 100%; height: 0; padding-bottom: 51.1%;}
	.refitSlide .bd .img img{ position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;}
	.refitSlide .controls{ margin-left: 0; position: relative; padding-bottom: 15px;}
	.refitSlide .prev{ position: absolute; top: 0; left: 0; width: 15px; height: 95px; background: url(../images/arrow3.png) center no-repeat;}
	.refitSlide .next{ position: absolute; top: 0; right: 0; width: 15px; height: 95px; background: url(../images/arrow4.png) center no-repeat;}
	.refitSlide .hd{ height: 65px; width: auto; margin-left: 25px; margin-right: 25px;}
	.refitSlide .hd li{ float: left; margin: 0 5px;}
	.siteWap{ width: 100%;}
	.brandTop .btnWp{ margin-top: -58px;}
}

@media screen and (max-width: 768px){
	.header h1 i{ display: none;}
	.nav{ display: none;}
	.headerOther{ display: none;}
	.header{ height: auto; padding-top: 5px; padding-bottom: 5px;}
	.header h1{ padding-top: 0; margin-left: 10px;}
	.header h1 span{ height: 80px;}
	.banner{ height: 322px;}
	.mobileMenuList{ display: block;}
	.index_carSlide{ position: static;}
	.banner .swiper-pagination{ bottom: 10px;}
	.banner .swiper-button-prev, .banner .swiper-button-next{ width: 32px; height: 32px; margin-top: -16px;}
	.index_footer{ padding-top: 30px;}
	.newsList{ padding: 0 20px;}
	.newsPage{ padding-left: 20px; padding-right: 20px;}
	.fastLinkCon .contact{ width: 245px;}
	.fastLinkCon .mapLink{ margin-right: 310px;}
	.fastLinkCon .mapLinkTable dl dt,.fastLinkCon .mapLinkTable dl dd{ padding-left: 0; text-align: center;}
	.newsArticle{ padding-left: 30px; padding-right: 30px;}
	.paging{ margin: 0 30px; padding-top: 20px; padding-bottom: 20px;}
	.paging .prev,.paging .next{ float: none; width: 100%; text-align: left;}
	.picList .wrapper{ padding: 0 5px;}
	.loginCon,.registerCon,.bookingCon{ left: 50%; right: 0; margin-left: -185px;}
	.counterCon{ padding: 15px;}
	.exchangeBox dd{ box-sizing: border-box;}
	.orderTable{ width: 100%;}
	.shopIntroImg{ float: none;}
	.shopIntroInfo{ margin: 15px 0 0;}
	.shopIntroCon{ padding: 0 10px;}
	.carList{ padding-left: 20px; padding-right: 20px;}
	.carList li .link,.carList li .btn{ box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.carList li .img{ width: 100%; height: 0; position: relative; padding-bottom: 57.35%; max-width: none;}
	.carList li .img img{ position: absolute; display: block; top: 0; left: 0;}
	.carList li .order,.carList li .comparison{ width: 48%;}
	.carPage{ margin-left: 25px; margin-right: 25px;}
	.messageCon .img{ float: none; margin: 0 auto 15px;}
	.messageTable{ margin: 0 auto; width: 568px;}
	.contactMapCon .contactMap{ width: 100%; left: 0; margin: -200px 0 0 0;}
	.contactBox{ margin-left: 50px;}
	.imgScrollCon{ width: 100%; height: 400px; left: 0; margin: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.imgScrollCon .imgbox{ width: auto;}
	.mobilePhone{ display: block;}
	.mobilePhone > a{ font-size: 12px;}
	.mobilePhone > a b{ font-size: 12px;}
	.jobCon{ padding: 20px 25px 0;}
	.jobInfoCon{ padding: 35px 30px 15px;}
	.brandTop dl dd a{ padding: 0 15px;}

	.mobileMenuList .usera{ line-height: 80px;}
	.mobileIndexMenu{ display: block;}

	.keySearchBox{ padding-left: 20px; padding-right: 20px;}
	.cdzlBox{ width: 100%; margin-bottom: 30px;}
}

@media screen and (max-width: 480px){
	.banner{ height: 210px;}
	.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
	.index_carSlide .owl-prev,.index_carSlide .owl-next{ opacity: 0;}
	.index_footer .copyright,.index_footer .otherLink{ float: none; width: 100%; text-align: center;}
	.main{ padding-top: 35px; padding-bottom: 30px;}
	.newsList li .img{ float: none;}
	.newsList li .info{ margin-left: 0;}
	.newsList li h5 span{ float: none; display: block;}
	.newsList li h5,.newsList li .p{ height: auto;}
	.fastLinkCon{ display: none;}
	.newsArticle{ padding-left: 10px; padding-right: 10px;}
	.paging{ margin: 0 10px;}
	.newsTitle{ padding-top: 25px;}
	.aboutArticle{ padding: 20px 10px;}
	.picList{ padding: 20px 10px;}
	.picList li{ width: 50%;}
	.picPage{ margin-left: 10px; margin-right: 10px;}
	.lmain,.smain{ height: 530px;}
	.loginCon,.registerCon,.bookingCon{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.eBox{ top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
	/*.counterCon,.counterBox .counterCheck,.counterBox .counter{ width: 100%;}*/
	.counterBox .counterCheck label{ width: 49%;}
	.counterBox .counter dd input[type="text"]{ width: 32%;}
	.exchangeBox dt{ padding-left: 10px;}
	.exchangeBox .col25,.exchangeBox .col33{ width: 100%; display: block;}
	.exchangeBox dd{ display: block; height: auto;}
	.exchangeBox .word{ padding: 0 10px;}
	.exchangeBtn{ text-align: center;}
	.imain{ background-position: center bottom; padding-top: 35px;}
	.exchangeBox{ margin-bottom: 20px;}
	.infoCon .title{ padding-left: 10px;}
	.infoCon .info{ padding: 10px;}
	.orderAddTr .input .orderAddSelect{ width: 100px;}
	.orderBtnBox{ text-align: center;}
	.shopIntroImg{ box-sizing: border-box; width: 100%; height: 233px;}
	.shopIntroInfo{ width: 100%;}
	.paramBox dt{ padding-left: 10px;}
	.paramBox ul .key span{ padding-right: 10px;}
	/*.paramBox ul .val span{ padding-left: 10px;}*/
	.brandTop dl dt{ display: block;}
	.brandTop dl dd,.compareTop .brandLink dd{ position: absolute; display: none; width: 100%; top: 50px; left: 0; background-color: #fff; border-bottom: 1px solid #b5b5b5;}
	.brandTop dl dd a,.compareTop .brandLink dd a{ display: block; width: 100%; border-right: none; line-height: 3; box-sizing: border-box;}
	.carLogo{ display: none;}
	.classifyBox{ padding-left: 10px; padding-right: 10px;}
	.carList li{ width: 50%;}
	.carList{ padding-left: 10px; padding-right: 10px;}
	.carPage{ margin-left: 15px; margin-right: 15px;}
	.classifyBox dl dd a{ padding: 0 15px;}
	.messageCon{ padding: 20px 10px;}
	.messageCon .img{ display: none;}
	.messageTable{ width: 100%;}
	.paramWrapper .article{ padding: 10px;}
	.resultTableCon{ display: none;}
	.counterLi .selectBox{ float: none;}
	.counterLi .selectBox select{left:60px;}
	.resultMoblieTabelCon{ display: block;}
	.compareBox{ width: 100%; overflow: auto;}
	.compareTbTit,.compareTbCon{ width: 640px;}
	.compareTop .brandLink{ margin-right: 0; float: none;}
	.compareTop .compareBtn{ position: static; margin-top: 10px; margin-left: 20px;}
	.compareTop .brandLink a{ width: 100px; padding: 0; text-align: center; margin-bottom: 5px;}
	.applyCon{ width: 100%; margin: 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
	.applyTb{ padding: 10px;}
	.contactCon{ margin-top: 25px;}
	.contactBox{ padding-top: 15px; padding-bottom: 15px; margin-left: 15px; margin-right: 15px;}
	.contactBox .img{ float: none; margin-bottom: 10px;}
	.contactBox .info{ margin-left: 0;}
	.brandTop .btnWp{ right: 5px;}
	.compareTop .btnWp{ right: 5px; top: -34px; margin-top: 0; text-align: right;}
	.compareTop .compareBtn{ margin-top: 0; display: inline-block;}
	.compareTop .brandLink dt{ width: 100%; float: none;}
	.compareTop .brandLink dt em{ float: left; width: 60px; display: block;}
	.compareTop .brandLink dt span{ display: block; margin-left: 60px;}
	.compareTop .brandLink dd{ margin-left: 0;}
	.mobilePhone .salePhone{ padding-left: 25px; background-size: auto 20px;}
	.mobilePhone .fixPhone{ background-size: auto 20px; padding-left: 30px; background-position: 5px center;}
	.jobCon{ padding: 10px 10px 0;}
	.jobListTb .num,.jobListTb .time{ display: none;}
	.jobListTb .more{ width: 80px; font-size: 12px;}
	.jobInfoCon{ padding: 15px 10px 5px;}
	.jobInfoCon .info .dd{ padding-left: 10px; padding-right: 10px;}
	.refitCon{ padding-top: 20px; padding-bottom: 25px;}

	.shopIntroCon{ margin-bottom: 40px;}
}

@media screen and (max-width: 360px){
	.loginCon,.registerCon,.bookingCon{ width: 100%; margin-left: 0; left: 0;}
	.eBox{ width: 100%;}
	.compareTop .brandLink a{ width: 90px;}
	.banner{ height: 180px;}
}

@media screen and (max-width: 320px){
	.picList li{ width: 100%;}
	.carList li{ width: 100%;}
	.compareTop .brandLink a{ width: 80px;}
	.mobilePhone .salePhone,.mobilePhone .fixPhone{ background: none; padding: 0 5px;}
	.banner{ height: 140px;}
	.mobileMenuList .usera{ padding-left: 10px;}
	.mobileMenuList li{ margin-left: 5px;}
}