@media screen and (max-width: 1366px){	
	.cultureArticleSlide .sp-previous-arrow{ left:-108px;}
	.cultureArticleSlide .sp-next-arrow{ right:-108px;}	
	/*.mobileIconCon{ display:block;}
	.nav,.mobileIconCon a.searchBtn{ display:none;}	
	.lang{ width:120px;}*/
	.nav li{ margin:0 8px;}
	.nav .sub{ margin-left:-61px;}
}

@media screen and (max-width: 1200px){	
	img{ max-width:100%;}
	.wd{ width:100%;}
	body{ min-width:100%;}
	.mobileIconCon{ display:block;}
	.nav,.mobileIconCon a.searchBtn{ display:none;}
	.left{ width:auto; float:none; margin-top:20px;}
	.right{ margin-left:0;}
	.sideMenuNav li{ background-position:98% -24px;}
	.sideTit,.sideMenuNav{ display:none;}
	.mobileTit{ display:block;}
	.newslist{ padding-top:30px;}
	.tel{ margin-left:20px;}
	.footImg{ right:20px;}
	.lang{ width:120px;}
	.lang a{ padding-left:50px; background-position:26px center;}
	.logo{ left:20px;}
	.productBanner{ height:300px;}
	.main{ padding:0 20px;}
	.bgcolor{ padding-bottom:83px;}
	.productList li{ width:33.333333%;}
	.productImg img{ width:250px; height:250px;}
	.culturelist{ margin-left:0; text-align:center; padding-top:21px;}
	.culturelist li{ display:inline-block; float:none; margin:0;}
	.cultureDiv{ margin:12px;}
	.banner .item{ height:430px;}
	.indexAboutText{ margin-left:20px;}
	.aboutList{ padding-left:20px;}
	.aboutImg{ right:20px; top:-60px;}
	.aboutImg img{ width:245px; height:auto;}
	.indexAbout{ padding-top:100px;}
	.indexNews{ padding:110px 20px 130px;}
	.parterBox{ padding:0 20px;}
	
	.cultureArticleSlide .sp-previous-arrow{ left:-39px;}
	.cultureArticleSlide .sp-next-arrow{ right:-39px;}
	/*.bdshare_popup_box{ display:none !important;}*/
		
}

@media screen and (max-width: 1024px){
	.productCon{ padding:30px 0;}
	.productConImg, .productConText{ float:none; margin:0 auto; width:500px;}
	.productDiv{ padding:0;}
	.advantageList{ width:100%;}
	.culturelist li{ width:33.333333%; display:block; float:left;}
	.cultureDiv{ width:auto;}
	.cultureImg{ width:100%; height:auto;}
	.shadow{ background-size:auto 100%;}
	.sp-fade-arrows{ display:none;}
	
}

@media screen and (max-width: 980px){
	.historyImg img{ width:400px; height:254px;}
	.historyText{ width:400px;}
	.indexNewsBox{ float:none; width:100%; height:auto; overflow:hidden; padding-bottom:22px; margin-bottom:17px;}
	.indexNews{ background-color:#447ac0; padding:30px 20px;}
	.indexNewsText{ width:500px;}
	
}

@media screen and (max-width: 900px){
	.historyBox ul li,.historyBox ul li.fr{ float:none; width:100%; height:auto; overflow:hidden;}
	.martop{ margin-top:0;}
	.historyImg{ margin:0 auto; width:auto; padding:0 20px; text-align:center;}
	.historyText{ width:auto; padding:0 20px;}
	.historyTit{ text-align:center;}
	.historyBg,.historyBox ul{ background-position:0 0;}
	.circle{ right:auto; left:0;}
	.historyBox ul li.fr .circle{ left:0;}
	.historyBox ul li.fr .historyImg, .historyBox ul li.fr .historyText{ float:none;}
	
}

@media screen and (max-width: 800px){
	.bigImg{ height:200px;}
	.productList li,.culturelist li{ width:50%;}
	.address div{ float:none; margin:0 0 15px 32px}
	.jobLink li,.jobLink li.fr{ float:none; width:100%; margin-bottom:15px;}
	.banner .item{ height:380px;}
	.title a img{ width:100%;}
	.aboutList ul{ padding:60px 0;}
	.media,.videoBox{ width:100%;}/*0603*/
	.path h3{ display:none;}
	.pathDiv{ float:left;}
	
}

@media screen and (max-width: 768px){	
	.aboutList ul li{ width:33.333333%; height:auto; overflow:hidden; margin-left:0; background-size:auto 100%;}
	.aboutList ul li a{ margin:12px 25px 12px 12px;}
	.jobDiv b{ width:100px;}
	.jobText{ width:42%;}
	.msgArea{ width:68%; height:180px;}
		
}


@media screen and (max-width: 640px){
	.bigImg{ height:150px;}
	.footLinkLeft dl{ width:33.333333%;}
	.footLinkLeft dl:last-child{ display:none;}
	.newslist li a{ padding:15px;}
	.newsImg{ width:160px; height:111px;}
	.newsText{ margin:6px 0 0 180px;}
	.newsText h3{ font-size:1.6em;}
	.newsInfo{ max-height:25px; margin:3px 0 6px;}
	.paged a, .paged .p_info, .paged .current{ margin:0 2px 5px; padding:8px 13px;}
	.tel{ margin:0 auto 15px; float:none;/*width:230px; height:36px;*/ padding-left:50px; width:200px;}
	.footImg{ position:relative; right:auto; top:auto; padding-bottom:40px; margin:0 auto; width:213px;}
	.productImg img{ width:200px; height:200px;}
	.category li{ padding:0 5px 6px;}
	.contactMenu li a{ width:100px;}
	.productBanner{ display:none;}
	.productBannerMobile{ display:block;}
	.infomation{ padding:0 20px;}
	.infomationDiv dl dd{ margin-left:90px;}
	.productDiv .contactMenu li a{ width:90px;}
	.newsTit h1{ font-size:2em; line-height:30px;}
	.back a{ padding-left:47px; width:55px; height:40px; line-height:40px; background-position:20px center;}
	.cultureDiv{ margin:8px;}
	.cultureText h3{ font-size:1.6em;}
	.cultureText{ left:20px;}
	.cultureArticle{ padding:20px;}
	.cultureArticleSlide .sp-arrow{ width:31px; height:63px; background-size:auto 45%;}
	.cultureArticleSlide .sp-top-thumbnails .sp-previous-thumbnail-arrow, .cultureArticleSlide .sp-bottom-thumbnails .sp-previous-thumbnail-arrow{ left:-16px;}
	.cultureArticleSlide .sp-top-thumbnails .sp-next-thumbnail-arrow, .cultureArticleSlide .sp-bottom-thumbnails .sp-next-thumbnail-arrow{ right:-16px;}
	.pictitle a{ top:12px;}
	.pictitle h1{ font-size:2.4em;}
	.aboutImg{ display:none;}
	.indexAboutText{ width:auto; padding:30px 20px 65px; margin-left:0;}
	.indexAbout{ padding-top:50px;}
	.aboutList ul li a{ margin:12px 20px 12px 12px;}
	.indexNewsText,.indexNewsImg{ width:100%; height:auto;}
	.indexNewsDiv{ padding:8px 30px 0;}
	.link a{ padding:0 8px;}
	.banner .item{ height:300px;}
	.indexProduct .product{ padding:22px 0 40px;}
	.category{ margin:23px 0 61px;}
	.mheight{ height:98px;}
	
	.media{ height:370px;}/*0603*/
	.indexProductTit{ padding-top:33px;}
}

@media screen and (max-width: 540px){
	.productCon{ padding:30px 20px;}
	.productConImg, .productConText{width:100%;}
	.advantageMargin div{ height:45px; line-height:45px; font-size:14px;}
	.banner .item{ height:223px;}
	
	
}

@media screen and (max-width: 480px){
	.historyImg img{ width:100%; height:auto;}
	.proMore a{ width:60px;}
	.proMore{ width:132px; margin-left:-66px;}
	.aboutList .cultureText h3{ height:35px; line-height:35px;}
	.media{ height:300px;}/*0603*/

}

@media screen and (max-width: 414px){
	.newsImg{ width:110px; height:auto;}
	.newsText{ margin:0 0 0 130px;}
	.newsInfo{ display:none;}
	.lang{ width:auto;}
	.lang a{ padding:0 10px; background:none;}
	.mobileIconCon{ right:76px;}
	.mobileIconCon a{ width:30px;}
	.logo{ width:175px; height:35px; top:23px; left:15px;}
	.paged a, .paged .p_info, .paged .current{padding:5px 10px;}
	.left{ margin-top:15px;}
	.productImg img{ width:120px; height:120px;}
	.main{ padding:0 15px;}
	.bgcolor{ padding-bottom:83px;}
	.newsText h3{  height:auto; max-height:40px; line-height:20px; margin:2px 0 5px;  font-size:1.3em;}
	.contact .contactMenu li a{ font-size:1.2em;width:78px;}
	.cultureDiv{ margin:4px;}
	.productText h3{ font-size:1.5em;}
	.productText div{ font-size:1.2em;}
	.indexNewsList li a span{ display:none;}
	.indexNewsList li a b{ width:100%;}
	.tit,.tit span{ height:30px; line-height:30px;}
	.indexNewsText a{ font-size:1.3em;}
	.banner .item{ height:190px;}
	.indexAboutText{ padding:10px 15px 50px;}
	.indexNewsDiv{ padding:8px 15px 0;}
	.aboutList .cultureText{ bottom:10px; left:10px;}
	.aboutList .cultureText h3{ font-size:1.3em;}
	.indexProduct .product .contactMenu{ width:236px; padding-left:10px; margin:0 auto;}
	.media{ height:250px;}/*0603*/
	.jobDiv b{ width:60px;}
	
	
}