@media screen and (max-width: 1200px){  /*  start responsive     */
.container{ width:96%; }
}

@media screen and (min-width: 820px){  /*  start responsive     */
.project li:nth-child(4n+1){ clear:both; }
}

@media screen and (max-width: 980px){	
	.wr-nav { display:none;}  /*   hide main menu     */
	.show-menumb-icon{ display:block;}  /*   show left menu    */	
	header { height:90px; }
	header .logo{left: auto; margin: 0 auto; position: relative;}
	header .logo img {width: 107px; height:70px; padding-top: 10px;}
	header .top-header {background: none;}
	header  .menu{display: none;}
	header .hotline{position: absolute; top: 40px; z-index: 999999; }
	.home-product ul li{background: #fff; width: 45%; margin: 0 1%; float: left; margin-bottom: 20px; padding: 1.5%; position: relative;}
}

@media screen and (max-width: 800px){	
	.project li { float:left; width:46%;}
	.project li:nth-child(2n){ margin-right:0px}
	.introduction-wr h1{font-size: 60px;}
	.introduction-wr p{width: 85%;}
	.bottom .box{ float:left; width:49%; margin-bottom: 10px;}
	.bottom .box:nth-child(2n){ margin-right:0px}
	.bottom .contact-info .items{ width: 48%; float : left;  margin: 0 2% 10px 0;}
	.bottom .contact-info .items-add{width: 100%; float: left;}
	header .hotline {
		display:none;
	}
}

@media screen and (max-width: 700px){
	.subpage .col-left{width: 100%;}
	.subpage .col-right{width: 100%;}
	}
@media screen and (max-width: 600px){
	.home-product{width: 96%; }
	.home-product ul li{background: #fff; width: 92%; margin: 0 ; float: left; margin-bottom: 20px; padding: 4%; position: relative;}
	.introduction-wr h1{font-size: 50px;}
	.introduction-wr p{width: 100%;}
	footer .copyright{  width: 70%}
	}

@media screen and (max-width: 500px){
	.project li { float:left; width:97%;}
	.bottom .box{width:100%;}
	.bottom .contact-info .items{ width:100%; float : left;  margin: 0 0 10px 0;}
	}
@media screen and (max-width: 360px){
	header .hotline{font-size: 12px; top: 30px;}
	.home-product ul li .left-ct{width: 100%; }
	footer .copyright{  width: 100%; margin-bottom: 20px;}
	footer .social{width: 100%;}
	
	.home-product ul li .pic{width: 100%;}
	}