@media all and (max-width:1200px){
	.logo{float:left; width:10%;}

	.header-right{float:right;padding-right: 15px;}
	.tt-right{margin-right: 15px;}
	.title-left{padding-left: 15px;}
	.gycon{ float:left;width:100%; box-shadow: -1px 5px 20px #ccc; }
	.newsbox li img{ margin:auto;width: 320px;height: 180px; }
	.menu{width:75%; float:left;}
	
}

@media all and (max-width:1100px){
	.jdbc-left{width:50%;}
	.jdbc-right{width:50%;}
	.news-left{float:left;width:26%;}
	.news-con{float:left;width:61%;}
	.gycon{ float:left;max-width:80%; box-shadow: -1px 5px 20px #ccc; }
	.newsbox li img{ margin:auto;width: 320px;height: 180px; }
	
	.scrollpic{max-width:900px; width:100%;}
	#myscroll{width:100%;}
	.pro1 ul li{float:left; width:25%;}
}

@media all and (max-width:1000px){
	.header-right{display: none;}
	.menu{display: none;}
	.neu{display: block;}
	
	.header{height:88px;}
	.logo a img{margin: 0 auto;display: block;vertical-align: top;}
	.header-con{margin: 0 auto;position: fixed;background: #fff;width:100%;z-index: 99999;border-bottom: 1px solid #eee;}
	#tta{width:80%;}
	.jdbc-left{float:none;width:100%;}
	.jdbc-right{float:none;width:100%;}
	.product-list-right{width:40%;}
	.news-left{float:left;width:28%;}
	.news-con{float:left;width:59%;}
	.gycon{ float:left;width:90%; box-shadow: -1px 5px 20px #ccc; padding:0; }
	
	.hfqd li{ height:140px; border-bottom:1px #ccc dashed; margin-bottom:15px;}
	.qd_img{ float:left; max-width:20%;}
	.qd_img img{ width:200px; height:123px;}
	.qd_con{ float:right;max-width:65%;}
	.qd_con h3{ padding:0; margin:0;}
	.qd_xq{ line-height: 20px; max-height:65px; overflow: hidden;}
	
	.newsbox li img{ margin:auto;width: 320px;height: 180px; }
	
	.scrollpic{max-width:900px; width:100%;}
	#myscroll{width:100%;}
	
	#pro-show .jylc ul li{ width:100%; }
	#pro-show .date{ width:20%; float:left; }
	#pro-show .lccon{ width:70%; }
	
	#pro-show .prolist{width:100%; }
	#pro-show .prolist li{width:30%; vertical-align: top; display: inline-block;}
	.pro1 ul li{float:left; width:25%;}
	.banbj{ height:auto;}
	.banbj img{width:100%; display:block;}
}



@media all and (max-width:900px){
.header{height:58px;}
	.logo a img{ height:58px;}
	.lan{ float:right; display:block;}
	.logo{ float:left;width:10%;}
	.neu{ float:right; }
	.f1{float:none;border-right: none;border-bottom: 1px solid #484848;width:100%;}
	.f1 h2{padding-left: 0;margin: 5px 0;}
	.f1 li{padding-left: 0;}
	.f2{float:none;width:100%;}
	.f1 h2 em{display: block;}
	.ta2{display: none;}
	.partner ul li{width:25%;}
	.product-list-right{width:100%;}
	.news-left{display: none;}
	.news-con{float:left;width:80%;}
	.news-right{width:20%;}
	
	.gycon{width:80%; box-shadow:none; float:left; }
	.jjcon{ background:#fff;padding:0px; overflow: hidden;width:100%;}
	.jjcon img{ width:100%;}
	
	
	.hfqd li{ height:140px; border-bottom:1px #ccc dashed; margin-bottom:15px;}
	.qd_img{ float:left; max-width:20%;}
	.qd_img img{ width:160px; height:100px; display: block;}
	.qd_con{ float:right;max-width:60%;}
	.qd_con h3{ padding:0; margin:0;}
	.qd_xq{ line-height: 20px; max-height:68px; overflow: hidden;}
	
	
	.gltd li{ width:33.1%;}
	.gltd li img{ width:100%;}
	
	.scrollpic{max-width:900px; width:100%;}
	#myscroll{width:100%;}

	#pro-show .jylc ul li{ width:100%; }
	#pro-show .date{ width:20%;float:left; }
	#pro-show .lccon{ width:70%; }
	
	#pro-show .prolist{width:100%; }
	#pro-show .prolist li{width:30%; vertical-align: top; display: inline-block;}
.pro1 ul li{float:left; width:33.3%;}
	#pro-show .tdpic{ width:100%; display:block;}
	#pro-show .tdpic img{ width:100%;}
	#pro-show .tdcon{ width:100%; display:block;}
.banbj{ height:auto; }
	.banbj img{width:100%; display:block;}
}


@media all and (max-width:768px){
	.header{height:58px;}
	.wd-p li{float:left;width:100%;margin-bottom: 20px;}
	.partner ul li{width:50%;}
	#tta{width:100%;}
	.product ul li{float:left;width:50%;}
	.content-con{padding: 30px 0;}
	.contact{width:100%;margin: 0 auto;text-align: left;}
	.newsbox li{ width:50%;}
	.newsbox li img{ width:100%; margin:auto;}
	#pro-show{ box-shadow:none; padding:0; margin:0;width:100%; max-width:600px;}
	.jjcon{ background:#fff;padding:0px; overflow: hidden;max-width:600px;box-shadow:none;}
	.jjcon img{ width:100%;}
	.hfqd{ padding:0; overflow: hidden;}
	
	.hfqd li{  border-bottom:0px #ccc dashed; margin-bottom:15px;}
	.qd_img{ float:left; max-width:20%;}
	.qd_img img{ width:160px; height:100px; display: block;}
	.qd_con{ float:right;max-width:60%;}
	.qd_con h3{ padding:0; margin:0;}
	.qd_xq{ line-height: 20px; max-height:68px; overflow: hidden;}
	
	.zsjm li{ float:left; width:50%; }

	.zsjm li p{ height:40px; overflow: hidden; line-height: 22px;}
	.zsjm li img{ width:100%; margin:5px auto;}
	.gltd li{ width:50%; float:left;}
	.gltd li img{ width:100%;}
	
	.scrollpic{max-width:600px; width:100%;}
	#myscroll{width:100%;}
	
	
	#pro-show .prolist{width:100%; }
	#pro-show .prolist li{width:47%; vertical-align: top; display: inline-block;}



	#pro-show .jylc ul li{ width:100%;background:url(../images/lc.png) repeat-y 24% center; }
	#pro-show .date{ width:20%; }
	#pro-show .lccon{ width:70%; }

#pro-show .zsjm{ padding:0 10px;}
	#pro-show .zsjm li{ width:45%;}
	#pro-show .zsjm li img{ width:90%;}
	
	.pro1 ul li{float:left; width:33.3%;}
	#pro-show .tdpic{ width:100%; display:block;}
	#pro-show .tdpic img{ width:100%;}
	#pro-show .tdcon{ width:100%; display:block;}
.banbj{ height:auto; }
	.banbj img{width:100%; display:block;}
	
}

@media all and (max-width:500px){
   .header{height:58px;}
	 .logo a img{margin: 0 auto;display: block;vertical-align: top; height:50px; float:left; }
	.preview{width:100%;}
	.bigImg{width:100%;height:280px;}
	.bigImg #midimg{width:100%;height:280px;}
	.smallImg{width:100%;}
	#imageMenu {width:90%;}
	.news-con{float:left;width:100%;}
	.news-right{display: none;}
	.newsbox li{ width:100%;}
	.newsbox li img{ width:100%;}
	.pronav li{ width:50%;border-bottom:#fff 1px solid;border-left:#fff 1px solid;}
	.pro1 ul li{ width:25%; float:left;}
	.pro1 ul li img{ width:100%; height:auto;}
	#pro-show{  box-shadow:0px 0px 5px #f2f2f2; padding:0; margin:0; vertical-align:top;width:100%; max-width:500px;}
	#pro-show .jjcon{ background:#fff;padding:0px; overflow: hidden;width:100%;box-shadow:none; }
	.jjcon img{ width:100%;}
	.jjBT{ text-align: center; font-size:18px; line-height: 50px; padding:30px 0;}
    .jjnr{ padding:8px; font-size:14px;}
	
	.hfqd{ padding:0; width:100%;}
	.hfqd li{ margin-bottom:15px; width:100%; border-bottom:none; max-width:500px; height:270px;}
   .qd_img{ float:left;max-width:500px;}
   .qd_img img{display: block; width:100%;}
   .qd_con{ display:block;max-width:100%; overflow: hidden; padding:8px; float:right;}
   .qd_con h3{ padding:0; margin:0; line-height:30px;}
   .qd_xq{ line-height: 20px; max-height:60px; overflow: hidden;}

	
	.zcfw li a{ display:inline-block; width:70%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding-left:20px;}
	.zcfw li span{ float:right; width:20%; text-align: right;}
	
	
	
	
	.zsjm li{ float:left; width:100%; }

	.zsjm li p{ height:40px; overflow: hidden; line-height: 22px;}
	.zsjm li img{ width:100%; margin:5px auto;}
	
	
	.gltd li{ width:100%;}
	.gltd li img{ width:100%;}
	
	
	#pro-show .prolist li{width:49%; text-align: center; vertical-align: top; display:inline-block;}
	#pro-show .prolist li img{ width:100%;}
	
	#pro-show .procon{ padding:5px;}
	#pro-show .proimg{width:100%; display: block;}
	#pro-show .proimg img{ width:100%;}
	#pro-show .prcon{ width:100%; padding:0; }
	
	
	.scrollpic{max-width:300px; width:100%;}
	#myscroll{width:100%;}
	
	
	#pro-show .jylc ul li{ background:none;}
	#pro-show .date{ width:100%; display: block;}
	#pro-show .lccon{ width:100%; display: block;}
	
	#pro-show .zsjm{padding:0;}
	#pro-show .zsjm li{ width:100%;}
	#pro-show .zsjm li img{ width:90%;}
	
	
	#pro-show .gltd li .td_pic{ width:100%; display:block;}
	#pro-show .gltd li .td_pic img{ width:100%;}
	#pro-show .gltd li .td_tit{ width:100%; display:block;}
	
	.banbj{ height:auto;}
	.banbj img{width:100%; display:block;}


}