@media screen and (max-width: 1200px){
	img{ max-width:100%;}
	body{ min-width:100%;}	
	.wd{ width:100%;}
	/*.header{ padding:0 10px;}*/
	.logo{ margin-left:20px;}	
	.headRig{ border-left:0; padding-right:20px;}
	.banner .item{ /*height:460px;*/}
	.text{/* padding-top:130px;*/}
	.nav ul{ display:none;}
	.mobileNavTit{ display:block;}
	
	.productTab{ display:none;}
	.indexCaseLeft{ float:none; margin:0 40px 40px;width: auto;}
	.indexCaseRight{ float:none; width:auto; padding:0 40px;}
	.indexForm{ width:72%;}
	.indexForm .customSelect{ width:100%; text-indent:20px; padding:0; background-position:98% center;}
	.indexProductDiv{ margin-left:0; padding-left:10px; width:auto;}
	.proText{ float:left; margin-left:30px;}
	.indexCaseLeft li em{
		width: 50%;
		float: left;
		padding-bottom: 37%;
	}
	.indexCaseLeft li em i{
		display: none;
	}
	.indexCaseLeft li em .caseText{padding-top: 13%;}
	.indexCaseLeft li:nth-child(2) em{
		float: right;
	}
	.y-ct {
    	text-align: center;
	}
	.footer-shop {
		width: 100%;
		text-align: center;
		padding-left: 0;
		padding-top: 30px;
	}
}

@media screen and (max-width: 1024px){	
	.nav ul{ display:none;}
	.mobileNavTit{ display:block;}/*
	.indexProductDiv{ margin-left:0; padding-left:10px; width:auto;}*/
	.indexTit{ padding-left:10px;}
	.indexNews .indexTit{ padding-left:0; height:55px;}
	.indexNews{ padding:19px 10px 23px;}
	.indexVideo{ padding-right:25px;}
	/*.indexCaseLeft{ float:none; margin:0 auto 40px;}*/
	/*.indexCaseLeft li{ width:50%; height:auto;}
	.caseImg,.caseText{ float:left; width:50%;}
	.caseImg{ height:auto;}
	.indexCaseLeft li:first-child .caseText{ width:50%; left:auto; bottom:auto; position:relative;}*/
	
	/*.indexCaseRight{ float:none; width:auto; padding:0 10px;}*/
	/*.indexForm{ width:72%;}
	.indexForm .customSelect{ width:100%; text-indent:20px; padding:0; background-position:98% center;}*/
	.footleft ul:first-child li{ padding-left:10px;}
	.main{ padding:0 10px;}
	.gray{ padding-bottom:88px;}
	.mainNav h3{ padding-left:10px;}
	.bigImg{ height:300px;}
	.mainNav ul{ padding-right:10px;}
	.wd100{ width:100%;}
	.mainBanner{ margin:0 -10px; height:350px;}	
	.technologyText .content{overflow:hidden;}
	.honorBox{ padding:81px 10px 100px;}
	.industry{ margin:0 -10px; padding:0 10px;}
	.brand{ padding-bottom:50px;}
	.brandTit{ padding:37px 0 24px;}
	.cityList ul{ float:none;}
	.cityList ul li{ width:200px;}
	.cityList .customSelect,.cityText{ width:134px;}
	.citySearch{ float:none; clear:both; margin-top:20px;}
	.backTop{ right:2px; width:50px; height:50px;}	
	.categorytit,.cateSearch{ display:block;}
	.categoryNav .search,.slideTxtBox{ display:none;}
	.categoryNav{ padding:28px 10px;}
	.catetabHd{ float:none; width:100%;}
	.categoryBox{ height:auto; overflow:hidden; background-color:#e5e6e9; display:none;}
	.catestyle{ height:23px; line-height:23px; border-bottom:0; }
	.categoryDiv{ padding:15px 0 5px; display:block; border-top:1px solid #fff;}
	.categoryDiv:first-child{ border-top:0;}
	.categoryDiv ul{ margin-left:85px; padding-right:5px;}
	.categoryDiv ul li a{ border-bottom:0; height:23px; line-height:23px; color:#666; margin:0 0 10px 10px; font-size:1.3em; padding:0 6px; }
	.categoryDiv ul li:hover a,.categoryDiv ul li.on a{ color:#fff; background-color:#175d54; border-radius:3px; -moz-border-radius:3px;-ms-border-radius:3px;}
	.slider-pro{ float:none !important;}
	.productText{ margin-left:0; margin-top:20px;}
	.productBoxDiv{ margin-top:-50px;}
	.otherProduct,.spaceProduct,.recommandProduct{ margin:0 -10px; padding:0 10px 85px;}
	
	.categoryNav .mainSearch{ display:none;}
	
	.header{ height:80px;}
	.logo{ width:178px; margin-top:24px;}
	.headRig{ height:55px; padding:25px 20px 0 0;}
	.honorBox .owl-theme .owl-controls .owl-nav,.recommandProduct .owl-theme .owl-controls .owl-nav{ right:0;}/*0810*/
					
}

@media screen and (max-width: 900px){
	.proText,.indexProductDiv .item .proimg{ float:none;}
	.indexProductDiv .item .proimg{ width:100%; height:auto;}
	.indexProductDiv{ padding:0 10px;}
	.proText{ width:auto; margin-right:0; margin-left:0;}
	.proText h3{ padding:40px 0 4px;}
	.proInfo{ height:auto;}
	.indexNews{ margin:47px 10px 20px; padding:0; background:none;}
	.indexVideo{ width:auto; padding:20px 10px; border-right:0; float:none; background-color:#fff;}
	.hotNews{ float:none; width:auto; margin-top:23px; background-color:#fff; padding:20px 10px;}	
	.caseImg,.caseText{ float:left; width:100%;}
	.indexCaseLeft li:first-child .caseText{ width:100%; left:0; position:absolute;}
	/*.indexCaseLeft{ margin:0 10px 20px;}*/
	.indexCaseRight{ height:auto; overflow:hidden; padding:0 0 60px; margin:0 10px;}
	.indexCaseInfo{ float:none; background:url(../images/icon11.jpg) no-repeat center 15px; height:auto; width:auto;}
	.txtScroll-top{ display:none;}
	.indexForm{ width:90%; margin:33px auto 0; float:none;}	
	.footleft{ float:none; height:auto; overflow:hidden; text-align:center;}
	.footleft ul{ display:inline-block; float:none; border-left:1px solid #c8c8c8; border-right:0;}
	.footleft ul:first-child{ border-left:0;}
	.footleft ul li{ text-align:left;}
	.recommand{ float:none; padding-left:0; text-align:center; width:100%; margin:0 auto;}
	.recommand .bdshare-button-style0-16,.gray .recommand .bdshare-button-style0-16{ left:45px; }
	.gray .recommand{ margin:0;}
	.recommand h3{ padding:0px 0 20px;}
	.footLink{ padding:46px 0;}	
	.indexCaseLeft{margin: 0 10px 40px;}
	.indexCaseLeft li em{width: 100%;float: none;padding-bottom: 75%;}
}

@media screen and (max-width: 800px){	
	.picList{ margin-left:-15px;}
	.picList li{ width:33.3333%; margin-top:15px;}
	.picList .wrapper,.otherProduct .picList .wrapper{ margin-left:15px;}
	.newsImg{ float:none;}
	.newsText{ margin-left:0; padding-top:29px;}
	.newsText h3{ height:auto; line-height:30px;}
	.cimg{ width:45%;}
	.technologyText .content{ font-size:14px;}
	.technologyImg{ width:45%;}
	.technology{ padding:80px 0;}
	.cityList ul{ height:auto; overflow:hidden;}
	.cityList ul li{ width:100%; float:none; margin-left:0; margin-bottom:10px;}
	.cityList .customSelect{ width:100%; text-indent:10px; padding:0; background-position:97% center;}
	.cityText{ width:100%; text-indent:20px; padding:0;}	
	.map{ height:auto;}
	.mapText{ position:relative; left:auto; top:auto; width:100%; border-right:0;}
	.mapImg{ float:none; width:100%; margin-top:15px; height:auto;}	
	.slideTxtBox .hd ul li div{ padding:0 16px;}
	.pi{ right:16px;}
	.otherProduct .picList li{ width:33.3333%; margin-bottom:10px;}
	
	.shareBox li{ display:inline-block; *display:inline; zoom:1; float:none;}
	
}

@media screen and (max-width: 640px){
	.recommand h3{ padding:30px 0 20px;}
	.header{ height:60px;}
	.banner .item{ /*height:400px;*/}
	.text h3{ /*font-size:2.8em;*/}
	.text div{ /*font-size:1.5em;*/}
	.proText .more{ width:100%;}
	.proText .more a{ height:40px; line-height:40px; padding-left:0; font-size:1.4em; text-align:center;}
	.copy{ font-size:1.4em; line-height:24px;}
	.copy span{ display:block; padding-right:0;}
	.hotRecommand a img{ width:100%; height:auto; float:none;}
	.hotText{ margin:20px 0 0; padding-right:0;}
	.hotText h3{ height:auto; line-height:28px;}
	.indexNewsUl li{ width:100% !important; float:none;}
	.index_videoBox{ width:100%; left:0; height:auto; margin:0; height:300px; margin:-150px 0 0;}
	.picList li{ width:50%;}
	.m30{ margin-top:1px;}
	.paged{ padding:40px 0 55px;}
	.bigImg{ height:220px;}
	.mainNav{ height:42px; margin-top:-43px;}
	.menuLineCon{ height:43px;}
	.mainNav h3{/* line-height:42px; font-size:1.8em;*/ display:none;}
	.tabHd{ width:100%; float:none; text-align:left; height:43px; clear:both; background-color:#f6f6f6; }
	.tabHd li a{ margin-left:0; margin-left:15px; height:42px; line-height:42px;}
	.tabHdScroll{ height:43px;}
	.tabHdScroll ul{ right: auto; left:0;}
	.m63{ margin-top:50px;}
	.m63 li:first-child .wd{ padding-top:0;}
	.mainSearch{ float:none; padding:5px 5px 0;}
	.mainSearch form{height:30px; width:auto; margin-top:0;}
	.mainSearch input[type="text"]{ width:90%;}
	.mainSearch input[type="submit"]{ float:right;}
	.mainSearch input{ height:30px; line-height:30px;}	
	.bigImg .text h3{ font-size:3.2em;}	
	.service{ padding:0 0 88px; margin-top:20px;}
	.serviceDiv dt{ font-size:1.6em; padding:20px 0; line-height:24px;}
	.serviceDiv dt i{ width:30px; height:30px; background-size:100%;}
	.serviceDiv dd{ padding:20px 20px 40px; font-size:14px; line-height:30px;}
	.serviceDiv dd .span{ font-size:20px;}
	/*.mobileNavTit a{ font-size:2em;}*/	
	.newsTitle{ padding:40px 0 20px;}
	.newsTitle h1{ font-size:2.2em;}
	.content{ font-size:14px;}
	.mainMenu{ margin-top:40px;}	
	.gray{ padding-bottom:58px;}
	.picList .wrapper{ max-width:100%;}	
	.brand{ margin-top:-20px; clear:both;}
	.brandTit:first-child{ padding-top:0; margin-top:60px;}
	.technologyImg{ width:100%; float:none; margin:0 auto;}
	.technologyText{ width:100%; float:none; height:auto;}
	.mainBanner{ height:250px;}	
	.industryList li{ float:none; width:100%;}
	.historyList{ margin:-1px 10px 0;}
	.historyList ul{ padding:43px 0 70px;}
	.aboutBox{ margin-top:-60px;}
	.aboutTit{ padding-left:10px; height:60px; line-height:60px;}
	.honorBox{ padding:41px 0 60px;}
	.honorBox .owl-theme .owl-controls .owl-nav{ right:5px; top:-90px;}
	.cimg{ margin-left:20px;}	
	.mapTit{ padding-left:15px;}
	.mapList li{ padding:26px 15px 0;}	
	.logo{ margin-top:22px;}
	.headRig{ /*margin-top:29px;*/ height:30px; padding:10px 5px 0 0;}	
	.dropdown{ top:85px;}
	.indexCase{ padding-bottom:20px;}
	.bigImg .text{ margin-top:-68px;}
	.technology{ padding:40px 0;}	
	.cateSearch input[type="text"]{ width:81%;}
	.categoryDiv ul li a{ padding:0 5px; margin-left:5px;}	
	.productzan span img{ width:60px; height:60px; margin:25px auto 5px;}
	.productBoxDiv{ padding:36px 20px 66px;}
	.otherTit{ padding:40px 0 30px;}
	.otherProduct, .spaceProduct, .recommandProduct{ padding-bottom:60px;}
	.info{ font-size:1.4em;}
	.productInfo div b{ line-height:28px;}
	.productInfo div{ margin-bottom:10px;}
	.productInfo div p{ margin-left:90px; line-height:28px;}
	.productInfo div ul{ margin-left:86px; margin-top:5px;}
	.productInfo div ul li img{ width:38px; height:39px;}
	
	.mobileNavTit{ height:40px; line-height:40px;}
	.mobileNavTit i{ height:40px; width:22px;}
	.mobileNavTit a{ font-size:1.4em;}
	.logo{ width:153px; margin-top:0px;}
	.otherProduct .honorBox .owl-theme .owl-controls .owl-nav{ top:-110px;}
	
	.indexCaseLeft{ width:auto; margin:0 10px 20px;}
	
	.recommandProduct .owl-theme .owl-controls .owl-nav{ top:-60px;}/*0810*/

	.footer-shop .shop-item {
		font-size: 14px;
		margin-bottom: 0;
		width: 100px;
		margin-right: 0;
	}
	.footer-shop .shop-item img {
		height: 26px;
		display: block;
		margin: 0 auto;
	}
	.mheader{
	display: block;
}
.pcheader{
	display: none;
}


}

@media screen and (max-width: 480px){
	.footleft ul,.footleft ul:first-child{ width:auto;}
	.footleft li{ padding:0 20px; font-size:1.6em;}
	.header {position:fixed;	}
	.h60{height:60px;}
	
}

@media screen and (max-width: 414px){
	.lang{ margin:0 8px 0 3px; line-height:50px; }
	/*.logo{ width:170px; height:33px; margin-top:29px;}*/
	.headRig{ width:138px; padding-top: 0; }
        .searchBtn { height: 50px; margin-top: 0; }
	.login { margin-top: 3px; height: 18px; line-height: 18px; border-radius: 9px; }
	.logintop { margin-top: 3px; }
	.indexNews .indexTit a span{ display:none;}
	.proUl li{ width:40px; height:41px;}
	.footleft li{ padding:0 15px;}
	/*.recommand{ width:100%;}*/
	.shareBox li{ float:none; display:inline-block;}
	/*.shareBox li.a3,.shareBox li.a4{ display:none;}*/
	#shareContent{ right:11px;}
	.jssocials-share{ margin-left:14px;}
	.customSelect{ background-position:96% center;}
	.banner .item{ /*height:219px;*/}
	.text{ /*padding-top:11px;*/}
	.pro_list .text h3{ font-size:12px; line-height:20px; padding:10px;}
	.picList li .p,.productList .picList li .p{ height:35px; line-height:35px; font-size:1.3em;}
	.paged a, .paged .p_info, .paged .current{ /*padding:5px 10px; */margin:0 2px 5px;}	
	.newsImg{ width:100%; height:auto; }
	.newsText h3{ font-size:2em;}
	.caseText div{ height:86px; margin-top:-43px;}
	.caseText img{ height:30px; padding-bottom:10px;}
	.mainBanner{ height:200px;}
	.proMore{ margin-top:30px;}	
	.ptext{ font-size:1em; height:72px; margin-top:-36px;}
	.ptext p{ height:18px; line-height:18px;}
	.ptext span{ height:26px; width:26px; background-size:cover; margin-bottom:10px;}
	.otherProduct .picList li{ width:50%;}
	.otherProduct .picList .wrapper{ max-width:100%;}
	
	.dropdown{ width:100%; padding:30px 0;}
	.dropdown form{ padding:0 20px;}
	.form-control{ width:100%; padding:0; text-indent:10px;}
	
	.caseText{ padding-top:25px;}
	
	.comn .ite {    width: 48%;    margin: 1%;}
	
	.tbody,.bodyz{ width:90%;}
	.tbody li{width:100%;margin:1% 0;}
	.tbody2{ width:100%;}
	.tbody2s{ width:90%; margin:0 auto; padding:0;}
	.tbody2x{ padding:0;}
	.tbody2x li{width:90%; margin:0 auto; }
	.tbody3{  width:100%; margin:0 auto;}
	.tbody3s{ width:90%; margin:0 auto;}
	.tbody3x{ width:90%; margin:0 auto;}
	.you .you1{padding-bottom:20px;margin-bottom:20px;}
	.service_list .text{position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 0px;
    font-size: 12px;
    line-height: 20px;
    color: #666;}
	
	.service_list .text h3{ font-size:12px;}
	.service_list .text p{ display:none;}
	.service_list .text span.more{ display:none;}
	.service_list ul li{ margin-bottom:30px;}
	.details .tit h2{ font-size:20px;}
	.details .tit span{ font-size:12px;}
	.comn{ margin:20px 0 0;}
}

@media screen and (max-width: 360px){
	/*.wx{ left:-10px;}*/
	.caseText{ padding-top:15px;}
}

@media screen and (max-width: 1024px) {
	.indexTit {
		height:54px;
	}
	.indexTit a b {
		margin-top: 15px;
	}
	.indexTit a span {
		margin-top: 17px;
	}
}