@media screen and (max-width: 1200px) {
	.wp1200 { width: 100%; }
	.indexProCol, .productBanner .info { margin-left: 0; left: 0; }
	.brandHistoryDate .historyBox { width: 44%; }
	.brandCultureCon .intro, .joinAdvantageList li { padding-left: 10px; padding-right: 10px; }
	.contactList { margin-left: 0; }
	.contactList li { width: 33.33%; margin-left: 0; box-sizing: border-box; padding: 0 5px; background: none; height: auto; }
	.contactImg { width: 100%; height: 0; position: relative; padding-bottom: 57.2%; margin-bottom: 0; }
	.contactImg img { position: absolute; top: 0; left: 0; }
	.contactList li .wrapper { height: 425px; }
}
@media screen and (max-width: 1024px) {
	.index_title, .brandIntroCon, .breadCon { padding-right: 10px; padding-left: 10px; box-sizing: border-box; }
	.newsList .info { margin-right: 50px; }
	.productSwiperCon { float: none; margin: 0 auto; width: 100%; }
	.productIntroCon { width: 840px; margin: 0 auto; max-width: 100%; }
	.productIntroCon .info { float: left; width: 60%; }
	.productIntroCon .gallery { margin-left: 60%; }
	.caseInfoSlide { float: none; width: 100%; }
	.caseIntroCon { position: static; width: 100%; }
	.caseInfoBox { position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 2rem 1.5rem; width: 100%; margin: 0 auto; box-sizing: border-box; max-width: none; }
}
@media screen and (max-width: 1000px) {
	.wp1000 { width: 100%; }
	.newsArticle, .articleShare { padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
}
@media screen and (max-width: 800px) {
	.newsInfoCon {width:100%;margin:0 auto;padding-top: 75px; background-color: #fff;border-color: rgb(160, 160, 160);
border-style: solid;
border-width: 1px;
box-shadow: rgb(204, 204, 204) 3.2px 3.2px 4px;border:none; padding:0px;}
	.articleShare {font-size:14px;
    padding: 0 15px 10px;
    
}
	.mapBox { padding: 100px 5%; }
	.headerOther, .nav,.joinProcess .img { display: none; }
	.menuBtn, .indexProSwpier .info { display: block; }
	.header { background-color: #FFF; }
	.header h1 img { height: 4.8rem; }
	.banner, .indexProSwpierCon { height: auto; }
	.banner .img { height: auto; padding-bottom: 60%; }
	.index_title { padding: 0; }
	.index_title .t { float: none; padding: 1.5rem; border-bottom: 1px solid #EEE; }
	.index_title .cn { font-size: 1.4rem; }
	.index_title .en { font-size: 1.6rem; }
	.index_title .linkList { padding-top: 1.5rem; padding-bottom: 1.5rem; float: none; }
	.indexProCol { display: none; }
	.indexProSwpier .img { height: auto; padding-bottom: 67%; }
	.index_title .more { position: absolute; right: 10px; top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	.index_hotNewsSwiper .info { margin-left: 415px; margin-right: 30px; padding-top: 20px; }
	.index_hotNewsSwiper .swiper-pagination { left: 415px; right: 30px; }
	.indexNewsList li:nth-child(1) { padding-right: 10px; }
	.indexNewsList li:nth-child(2) { padding-right: 5px; padding-left: 5px; }
	.indexNewsList li:nth-child(3) { padding-left: 10px; }
	.fastLinkTb,.indexSide { display: none; }
	.fastLinkOther, .brandIntroCon.odd .img, .brandIntroCon.even .img, .brandCultureCon .img { float: none; margin: 0 auto; }
	.fastLinkCon { padding: 30px 0; }
	.brandIntroCon { padding-top: 5rem; padding-bottom: 5rem; }
	.brandIntroCon.odd .info, .brandIntroCon.even .info { margin-left: 10px; margin-right: 10px; }
	.brandHistoryCon, .brandCultureCon { padding: 0rem 0; }
	.brandHistory { padding-top: 2rem; }
	.brandHistory:before { left: 4px; margin-left: 0; }
	.brandHistory:after { left: 8px; margin-left: 0; }
	.brandHistoryDate li { margin-bottom: 10px; background: url(../images/icon11.png) left center no-repeat; padding-left: 30px; padding-right: 10px; }
	.brandHistoryDate li.odd .historyBox, .brandHistoryDate li.even .historyBox { float: none; width: 100%; }
	.brandCultureCon .info { margin-left: 10px; margin-right: 10px; padding-top: 20px; padding-bottom: 20px; }
	.newsListCon { padding-top: 0.5rem; padding-bottom: 1rem; }
	.productList li, .caseList li { width: 50%; padding-left: 10px !important; padding-right: 10px !important; }
	.breadCon { padding-top: 1.5rem; padding-bottom: 1.5rem; }
	.productSwiperCon { height: 0; padding-bottom: 75%; }
	.productCon { padding-bottom: 5rem; }
	.caseListCon { padding-top: 2.5rem; padding-bottom: 4rem; }
	.mapSwiper { float: none; width: 100%; height: auto; }
	.mapBox { margin-left: 0; height: auto; }
	.mapSwiper .swiper-container { height: 145px; }
	.admin_container { padding: 0; }
	.admin_container .table { display: block; }
	.admin_container .avatarTc, .admin_container .infoTc { display: block; width: 100%; }
	.joinAdvantageList li .info { padding-top: 0; margin-right: 370px; }
	.joinCondition { height: auto; padding-bottom: 75px; }
	.conditionCon .left, .conditionCon .right { float: none; width: 100%; }
	.conditionCon .right .con { width: 600px; }
	.joinProcess .info { margin-left: 10px; margin-right: 10px; }
	.contactList li { width: 50%; }
}
@media screen and (max-width: 640px) {
	.index_hotNewsSwiper .img, .newsList .img { float: none; margin: 0 auto; max-width: 100%; height: auto; }
	.index_hotNewsSwiper .info, .newsList .info { margin: 0; padding-bottom:0px; }
	.index_hotNewsSwiper .info h4 a, .newsList .info h4 { font-size:15px;line-height:30px;height:30px; }
	.brandIntroCon .img { max-width: 100%; height: auto; box-sizing: border-box; padding: 5px; }
	.brandIntroCon .img img { position: static; height: auto; }
	.insideTitle .en { font-size: 22px; line-height: 2; }
	.insideTitle .cn span { font-size: 14px; line-height: 2; }
	.insideTitle,.joinAdvantageCon .title { padding-top: 1rem; padding-bottom: 1rem; }
	.insideMenuScroller ul li { padding: 0 20px; }
	.insideMenuScroller ul li a { font-size: 14px; height: 50px; line-height: 50px; }
	.brandIntroCon .info h5 { font-size: 22px; }
	.brandHistoryDate .historyBox { padding: 1.5rem; height: auto; }
	.brandHistoryDate .historyBox .img { width: 9.5rem; height: 8rem; }
	.brandHistoryDate .historyBox .info { padding-top: 0; margin-left: 11rem; }
	.brandHistoryDate .historyBox h6 { font-size: 16px; }
	.brandHistoryDate .historyBox .p { font-size: 12px; }
	.brandCultureCon h5 { font-size: 22px; }
	.brandCultureCon .title .cn { font-size: 26px; }
	.brandCultureCon .bigImg { margin-bottom: 3rem; }
	.brandCultureCon .left, .brandCultureCon .right { float: none; }
	.brandCultureCon .word { width: 100%; margin-bottom: 20px; }

	.newsInfoCon { padding-top: 3rem; }
	.newsInfoTitle h2 { font-size: 18px; }
	.articleShare { margin-bottom: 2rem; }
	.articlePage a i { margin: 0 5px; }
	.productBanner .img { height: 0; padding-bottom: 40%; }
	.productBanner .info { position: static; width: 100%; box-sizing: border-box; }
	.productBanner .info .p { height: auto; }
	.productMenuCon { position: static; }
	.productCon { padding-bottom: 3rem; }
	.paged { padding-top: 0.5rem; }
	.productIntroCon .info { float: none; width: 100%; height: auto; padding: 2rem; }
	.productIntroCon .gallery { margin-left: 0; height: 240px; }
	.productInfoCon { margin-bottom: 2rem; }
	.caseInfoSlide .wrapper { height: auto; padding-bottom: 0; }
	.caseInfoSlide .slider-pro { position: relative; height: auto; }
	.caseInfoSlide .sp-slides-container { position: relative; height: 0; padding-bottom: 57%; }
	.caseInfoSlide .sp-thumbnails-container { position: static; }
	.caseInfoSlide .sp-mask { position: absolute; }
	.caseInfoSlide .sp-arrow { width: 3rem; height: 3rem; }
	.mapCon { padding-top:0.5rem; padding-bottom: 0.5rem; }
	.mapSelectCon li { float: none; width: 100%; border-bottom: 1px solid #F6F6F6; }
	.mapSwiper .tit { text-indent: 2rem; }
	.loginCon { padding-top: 3rem; padding-bottom: 3rem; height: auto; }
	.loginCon .box { position: static; margin: 0; }
	.admin_container .avatarTc { padding: 2rem 0; }
	.admin_container .box { padding: 1rem 1rem 2rem; }
	.admin_searchCon { float: none; margin-bottom: 1rem; width: 100%; }
	.admin_container .tip span { display: block; margin-right: 0; }
	.admin_container .listCon { padding: 0 1rem; margin-bottom: 0; }
	.joinAdvantageList li .img{ float: none; margin-bottom: 1rem; max-width: 100%; height: auto;}
	.joinAdvantageList li .info{ margin-right: 0;}
	.joinAdvantageList li{ padding-top: 2rem; padding-bottom: 2rem;}
	.joinAdvantageList li h4{ font-size: 20px; margin-bottom: 1rem;}
	.conditionCon .left{ height:auto; padding-bottom: 50px;}
	.conditionCon .left .con,.conditionCon .right .con{ width: 100%; box-sizing: border-box; padding-right: 10px; padding-left: 10px;}
	.conditionCon .chartBox{ display: inline-block; vertical-align: top; width: 25%; margin: 0 5px 2rem; float: none;}
	.conditionCon .chart{ text-align: center;}
	.conditionCon .t{ height: auto; line-height: 1.5; padding-top: 2rem; padding-bottom: 2rem;}
}
@media screen and (max-width: 480px) {
	.menuBtn { background-size: 50% auto !important; }
	.indexNewsList li { float: none; width: 100%; margin-bottom: 2rem; }
	.indexNewsList li:nth-child(1) { padding-right: 0; }
	.indexNewsList li:nth-child(2) { padding-right: 0; padding-left: 0; }
	.indexNewsList li:nth-child(3) { padding-left: 0; }
	.indexNewsList li .info { padding: 30px 1.5rem; }
	.indexNewsList li .time { padding: 0 1.5rem; }
	.index_title .linkList a { padding: 0 6px; }
	.insideBanner { height: auto; padding-bottom: 40%; }
	.productMenuCon { height: 50px; }
	.productMenuCon span { line-height: 50px;  height: 50px;}
	.productMenuCon a { line-height: 50px; height: 50px; }
	.productClassify dl dt { float: none; margin-bottom: 10px; }
	.productClassify dl dd { margin-left: 0; }
	.productClassify dl dd a { margin-right: 10px; margin-bottom: 3px; }
	.productBanner .info { padding: 2rem 1.5rem 100px; }
	.productClassify { padding: 1rem; margin-bottom: 2rem; }
	.productList li { margin-bottom: 2rem; }
	.productList li .p { padding: 0 1rem; line-height: 50px; font-size: 14px; }
	.caseList li { width: 100%; margin-bottom: 1.5rem; }
	.caseList li .img { padding: 1.5rem; }
	.caseList li .p { padding: 0 1.5rem; line-height: 50px; font-size: 16px; }
	.caseInfoBox .t { font-size: 22px; margin-bottom: 20px; }
	.caseInfoBox .p { margin-bottom: 35px; }
	.mapSwiper .box { padding-left: 55px; padding-right: 20px; padding-top: 25px; }
	.mapSwiper .btn a { height: 50px; }
	.areaBox .box { padding: 1rem; }
	.contactList li { width: 100%; }
	.contactList li .wrapper { height: auto; padding-bottom: 26px; }
	.productTit a span { font-size: 20px; }
	.paged li span{ display: inline-block; zoom: 1; *display: inline; margin: 0px 2px 2px; padding: 5px 7px; font-size: 14px; text-align: center; border: 1px solid #E3E4E6; background: #F8F9FA; color: #8B8B8B; border-radius: 2px;}
.paged li span strong{padding:0 2px;}
.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 0px 2px 2px; padding: 5px 7px; font-size: 14px; text-align: center; border: 1px solid #E3E4E6; background: #F8F9FA; color: #8B8B8B; border-radius: 2px; }
}
@media screen and (max-width: 400px) {

	.productList li { padding-left: 5px !important; padding-right: 5px !important; }
	.joinForm input[type="text"] { width: 215px; }
}