@media screen and (max-width: 1024px){
	.wp1100{ width: 100%;}
	.banner .img{ height: 0; padding-bottom: 41.67%;}
	.header h1{ margin-left: .5rem;}
	.accordion .box{ position: relative; width: 33.33%; box-sizing: border-box;}
	.accordion .box img{ display: none;}
	.accordion .box .img{ position: static; width: 100%; height: 0; padding-bottom: 71%;}
	.accordion .box .info{ position: static; height: 3rem; display: block;}
	.index_proCon .tit,.index_newsCon .tit{ box-sizing: border-box; padding: 0 .5rem;}
	.index_newsBox{ margin-right: .5rem;}
	.fastLinkBox{ float: none; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem;}
	.fastLinkBox dl{ width: 25%; margin-right: 0; padding-right: 1rem; box-sizing: border-box;}
	.otherFastLink{ float: none; text-align: center; padding-top: 1rem;}
	.otherFastLink .wxShare,.otherFastLink .wbShare{ float: none; display: inline-block; vertical-align: top;}
	.relation_proList,.storesList,.allstoresList{ width: 100%;}
	.relation_proList li,.storesList li,.allstoresList li{ margin: 0 0 1.4rem; width: 25%; box-sizing: border-box; padding: 0 .2rem;}
	.relation_proList li p,.storesList li p,.allstoresList li p{ height: 4.5rem; line-height: 4.5rem;}
	.pro_infoBox{ box-sizing: border-box; padding-left: 1rem; padding-right: 1rem;}
	.pro_mainCon li{ opacity: 1;}
	.aboutArticle,.citySelectBox{ box-sizing: border-box; padding-left: 1rem; padding-right: 1rem;}
	.storesList li{ width: 50%; box-sizing: border-box; margin: 0 0 1.5rem;}
	.newsCon{ box-sizing: border-box; padding: 3rem 1rem;}
}

@media screen and (max-width: 768px){
	.header{ height: 4.5rem;}
	.header h1 img{ max-height: 4.5rem; display: block;}
	.nav{ display: none;}
	.mobileClick{ display: block;}
	.index_aboutCon .pic{ width: 20.65rem; height: 25.3rem; float: none; margin: 0 auto .5rem;}
	.index_aboutCon .pic img{ width: 20.65rem; height: 25.3rem;}
	.index_aboutCon .pic .more{ line-height: 8.9rem; width: 9.4rem; height: 8.9rem; right: -4.7rem;}
	.index_aboutCon{ padding: 3rem 0 3.5rem;}
	.index_aboutCon .info{ margin-left: 1rem; margin-right: 1rem;}
	.index_newsSlide{ width: 24.6rem; max-width: 100%; float: none; margin: 0 auto .5rem;}
	.index_newsBox{ margin-left: .5rem;}
	.index_proCon{ padding-top: 2.5rem;}
	.index_newsCon{ padding-top: 2.5rem; padding-bottom: 3rem;}
	.index_fastLinkCon{ padding-top: 3rem; padding-bottom: 2.5rem;}
	.footer{ padding: 4.5rem .5rem; box-sizing: border-box;}
	.proSeriseCon .img{ float: none; margin: 0 auto 1rem; text-align: center;}
	.proSeriseCon .info{ margin-left: 0; padding: 0 2rem; height: auto;}
	.proSeriseCon{ padding: 3rem 0;}
	.proSeriseCon h4{ margin-top: 2.5rem;}
	.proSeriseCon .pBox{ height: auto; margin-bottom: 2rem;}
	.proSeriseCon .pBox .p,.pro_infoBox .article{ position: static; font-size: 14px;}
	.proSeriseCon .btn a{ display: none;}
	.relation_proCon,.pro_infoCon{ padding-top: 3rem; padding-bottom: 3.5rem;}
	.relation_proList li p,.storesList li p,.allstoresList li p{ box-sizing: border-box; padding: 0 .5rem;}
	.pro_infoSlide{ margin-bottom: 2rem;}
	.pro_mainCon li{ width: 50%;}
	.pro_mainCon li .p span{ box-sizing: border-box; word-break: break-word;}
	.aboutCon{ padding-top: 3rem; padding-bottom: 2.5rem;}
	.aboutArticle .aboutImg1{ float: none; display: block; margin: 0 auto 1rem;}
	.storesCon,.imageCon{ padding-top: 2.5rem; padding-bottom: 3rem;}
	.storesList li .stc .info{ padding: 0 15px;}
	.newsImgBox .img{ float: none; width: 100%;}
	.newsImgBox .info{ margin-left: 0;}
	.newsImgBox .newsImgTb{ float: left; width: 50%;}
	.clickPage li{ width: 100%; float: none; margin-bottom: 10px;}
	.clickPage li.next{ text-align: left;}
	.newsList li .info{ margin-right: 150px;}
}

@media screen and (max-width: 640px){
	.index_aboutCon .info h4 .en,.index_proCon .tit .en,.index_newsCon .tit .en,.pro_infoBox .tit .en{ font-size: 1.5rem;}
	.accordion .box{ width: 50%;}
	.accordion .box .info{ height: 4rem;}
	.accordion .p{ background-size: auto 70%;}
	.fastLinkBox dl{ width: 100%; float: none;}
	.banner .swiper-pagination-bullets{ bottom: 10px;}
	.proSeriseCon .info{ padding: 1rem;}
	.relation_proList li,.allstoresList li{ width: 50%;}
	.proMenuCon{ height: 4rem;}
	.proMenuCon .proMenu li a{ line-height: 4rem;}
	.pro_infoSlide .swiper-slide{ width: 100%;}
	.pro_infoSlide .proPrevBtn,.pro_infoSlide .proNextBtn{ width: 3.5rem;}
	.pro_infoSlide .proPrevBtn i,.pro_infoSlide .proNextBtn i{ width: 2.8rem; height: 2.8rem; margin: -1.4rem 0 0 -1.4rem;}
	.pro_mainCon li .p span,.pro_mainCon li .p span b{ font-size: 18px;}
	.aboutArticle,.newsArticle{ font-size: 14px;}
	.aboutArticle .aboutTit .en{ font-size: 20px;}
	.storesList li{ width: 100%;}
	.storesCon .tit .cn,.imageCon .tit .cn{ font-size: 18px;}
	.storesCon .tit .en,.imageCon .tit .en{ font-size: 16px;}
	.newsImgBox .newsImgTb{ float: none; width: 100%;}
	.newsList li .dateBox{ display: none;}
	.newsList li .info{ margin-right: 0;}
	.newsList li .img{ width: 10rem; height: auto;}
	.newsList li .info{ margin-left: 11rem; padding-top: 0;}
	.newsList li .info h3{ margin-bottom: 1rem;}
	.newsList li.noPic .info{ margin-left: 0;}
}

@media screen and (max-width: 400px){
	.accordion .box{ width: 100%; float: none;}
	.index_newsSlide{ width: 100%;}
	.relation_proCon .title h6{ font-size: 20px;}
	.relation_proCon .title .en{ font-size: 18px;}
	.newsList li .info h3{ font-size: 14px;}
}

@media screen and (max-width: 320px){
	.relation_proList li,.storesList li,.allstoresList li{ width: 100%;}
	.pro_mainCon li{ width: 100%;}
	.newsList li .info h3{ margin-bottom: 0;}
	.newsList li .info .p{ line-height: 22px; height: 44px;}
}