@media (max-width: 768px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:left; margin-top:0px; line-height:80px;}
.search{ width:8%; float:left; display:none;}
.search-open{ height:80px;}
.search .search-btn {
  color: #03a3f0;
  border: 0;
  padding: 0;
  background:url(../Image/search3.jpg) center no-repeat #0055a7;
  font-size: 17px;
  line-height: 19px;
  outline: none;
   width:100%; height:75px;
}

.index_search .search_left{ width:100%; }
.index_search .search_right{ width:100%; }

.index2_left{ width:100%; height:auto; margin-top:30px;}

.index2_right{ width:100%; height:auto; margin-top:30px;}

.foot_logo{ width:100%; margin-top:40px;}
.foot_nav{ width:100%; margin-left:0; text-align:left;margin-top:40px;}
.foot_right{ width:100%; text-align:left;margin-top:40px;}

.pro .item{margin: 1%;position:relative; float:left; width:48%;}

  .proleft {
    width: 100%;
  }
  .proleft .big .pic:after {
    padding-bottom: 46%;
  }
  .proleft .small {
    padding-left: 5%;
  }
  .proleft .pic {
    width: 64%;
  }
  .proright {
    width: 100%; margin-top:20px;
  }

.inner_contact1 li{ width:86.8%; margin:0 6.6%; color:#a7a7a7; line-height:30px; text-align:center; padding-top:130px;}

.mes_left{ width:100%;}
.mes_right{ width:100%;}
.honor li{margin: 1%;position:relative; float:left; width:48%;}

.case li{margin: 1%;position:relative; float:left; width:98%;}

.inner_case1 li{margin: 1%;position:relative; float:left; width:98%;}

.inner_top li{ float:left; text-align:center; line-height:44px; background:#fff; margin:0 0.5%; font-size:16px; color:#000; font-weight:bold;}
.inner_top li:hover{background:#02505d; color:#fff;}

.location{ display:none;}

.news_time{ display:none;}
.news ul li .zxrz_pic{ width:25%;display:none;}
.news ul li .zxrz_pic img{ width:100%;display:none;}
.news ul li .zxrz_tex{ width:100%; margin-left:0px;}

.jobs dd{float:left; background:#fff; color:#4d4d4d; text-indent:0em;

}
.jobs li .p{ text-indent:0em;}

.order tr td{ width:100%;}
}
@media (max-width: 640px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:left; margin-top:0px; line-height:80px;}
.search{ width:8%; float:left; display:none;}
}

@media (max-width: 480px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:left; margin-top:0px; line-height:80px;}
.search{ width:8%; float:left; display:none;}
}


@media (max-width: 360px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:left; margin-top:0px; line-height:80px;}
.search{ width:8%; float:left; display:none;}
}
@media (min-width: 770px) and (max-width: 999px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; float:left; margin-top:0px; line-height:80px;}
.search{ width:8%; float:left; display:none;}
  
}
@media (min-width: 360px) and (max-width: 1000px) {
  .pageing {
    margin: 30px auto 100px auto;
  }
  .container {
  width: 90%;
  margin: auto;
}
}