@media screen and (max-width: 1200px){
	.contact-box .wp,#hd .wp,.i-row .wp{padding: 0 10px;}
	#banner h3{font-size: 40px;}
	#banner .con .txt{padding-left: 15px;}
	#banner p{font-size: 20px;}
}


@media screen and (max-width: 1024px){
	.m-hd{display: block;}
	#hd{display: none;}	
	.t2{height: 90px;line-height: 90px;}
	.product-box{margin-top: -100px;padding-top: 100px;}
	.case-slider .txt{padding: 20px;}
}

@media screen and (max-width: 980px){
	.ban-in{margin-bottom: 0;}
	.t2{margin-top: 0;}
	.product-box{margin-top: 0;padding-top: 0;}
}

@media screen and (max-width: 800px){
	.recruitment-table .bd .pad{width: 100%;overflow-x: auto;}
}


@media screen and (max-width: 768px){
	.ul-pro li{width: 50%;}
	.ul-case{float: none;width: 100%;padding: 20px 0;}
	.ul-case li{float: left;width: 33.33%;padding: 0 10px;margin-bottom: 0;}
	.ul-case li:before{display: none !important;}
	.ul-case li span{padding: 20px 0;}
	.about-pic,.i-row1 .txt,.i-row1 .img{float: none;width: 100%;}
	.i-row1 .img{max-width: 100%;margin-top: 20px;}
	.i-row1 .img img{width: 100%;}
	.about-con{padding: 5%;}
	.contact-txt{float: none;width: 100%;overflow: hidden;padding-bottom: 5%;}
	.contact-txt dl,.ul-list-n li{float: left;width: 50%;}
	.contact-txt h6{margin-top: 0;}
	.article-box{padding: 0;}
	.article-box .hd{    padding: 0 0 20px 0;}
	.case-slider .item{height: auto;}
	.case-slider .img,.case-slider .txt{width: 100%;float: none;}
	.case-slider .img{height: 470px;}
	.i-row3{margin-top: 0;padding: 20px 0;}
	.pro-hd,.pro-hd .t1{color: #000;}
}


@media screen and (max-width: 640px){
	.ul-pro li{float: none;width: 100%;}
	.ban-in{height: 280px;padding-top: 0;}
	.t2{height: 60px;line-height: 60px;margin-bottom: 30px;}
	.about-con .icon-box li,.contact-txt dl,.ul-list-n li{width: 100%;float: none;}
	.contact-txt h6{margin-top: 20px;}
	.article-box .hd,.article-box .hd, .article-box .bd{margin-left: 10px;margin-right: 10px;}
	.pro-slider .img{width: 100%;height: auto;}
	.pro-slider .img img{width: 100%;}
	.new-list li{width: 100%;float: none;border: 0;border-bottom: 1px solid #e1e1e1;}
	.new-list h5{height: auto;}
	#banner h3{font-size: 26px;}
	#banner p{font-size: 16px;}
	.i-row1{ padding: 20px 0 20px 0;}
	.t1{font-size: 22px;margin-bottom: 10px;}
	.i-row1 .con{height: auto;padding-bottom: 10px;}
	.i-row2{padding-top: 20px;height: auto;overflow: hidden;}
	.i-row2 .t1{margin-bottom: 24px;}
}