@media (max-width: 768px) {
	.container {
  width: 90%;
  padding:0;
  margin:auto;
}
.container1 {
  width: 90%;
  padding:0;
}
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:60%; line-height:80px;}
.search{ display:none;}
.top_right{ display: none;}
.mobile_lan{ display:block; position:absolute; top:10px; right:20px;}
.mobile_lan li{ float:left; margin-left:20px; color:#fff;}
.mobile_lan li a{ color:#fff;}
.mobile_lan li img{ margin-right:5px;}

.head_bj{ width:100%;background: rgba(0,0,0,1);}
.m_index1_main{ display:block;}

.main-menu-area{ width:100%; height:auto; position: relative; top:0px; z-index:99999;}
.index1_bj{ margin-top:42px;}
.index1{background:none; position:relative; height:100%; padding-bottom:20px;}

.index1_main_img2{ display:block; margin-top:5%; text-align:center;}
.index1_main_img2 img{ width:75%;}
.index1_main_img{ display:none;}
.index1_main{ width:100%;}


#box li {
	width:100%;
}
.mb-slider .mb-panel {
	margin-top:100px;
	display: none;
	cursor: pointer;
	float: left;
	list-style: none;
}
.mb-panel a {
	outline:0;
}
a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: 0;
}
a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: 0;
}
a.mb-scrollButtons.disabled {
	display: none;
}

.mb-wrapper {
	margin: 0 auto 20px;
	position: relative;
	height:400px !important;
	left: 0;
	top: 50px;
	z-index:99;
}
.mb-slider .mb-panel.current {
	cursor: auto; display:block;
}
.mb-inside * {
	max-width: 100%;
}
a.mb-scrollButtons.disabled {
	display: none;
}
.mb-controls {
	margin: 0 auto;
	text-align: center;
	z-index: 100;
}
.mb-controls a {
	color: rgba(0,0,0,1);
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}
.mb-panel {
	margin-top:90px;
}
.mb-controls a:hover {
	color: #159edf;
}
.mb-controls a.current {
	color: #159edf;
}
.main-nav {
	display: block;
	text-align: center;
	border-bottom: 2px solid #a71700;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
.main-nav a {
	text-decoration: none;
	color: rgba(0,0,0,0);
	font-size: 18px;
	margin: 0 8px;
}
.main-nav a:hover {
	color: black;
	border-bottom: 2px solid black;
}
.mb-inside img {
	width: 100%;
}

.index2_pro li{ width:48%; float:left; margin:1%;}
.index2_pro_con p{ height:30px; overflow:hidden; color:#4b4b4b; font-size:16px; font-weight:bold;}


.index1_pro_con{ width:80%; margin:0 auto;}
.index1_pro_con a{ display:none;}
.index3_con{ width:100%;}
.index3_adv{ width:100%; margin:0 auto; text-align:center; margin-top:11%; background:url(../Image/adv.png) center no-repeat; background-size:cover; overflow:hidden;}
.index3_adv li{ float:left; color:#444444; font-size:18px; padding-top:60px; width:50%; text-align:center; margin:2% 0; overflow:hidden;}

.index4_left{ width:100%; border:1px solid #e3e3e3;}
.index4_left_img{ width:100%;}
.index4_left_img img{ width:100%;}
.index4_left_news{ width:100%;}

.index4_right{ width:100%; border:1px solid #e3e3e3; height:auto;}

.foot_contact{ width:100%; margin-bottom:20px;}
.foot_contact li{float:none;}
.foot_contact li span{ margin-left:20px;}
.foot_link{ width:30%; float:none;}
#links{ width:100%; }
.foot_nav{ float:none;}
.foot_share{ float:none;}
.cop{ width:30%; float:none;}

.inner_pro_type li{ width:47%;  margin:8px 1.5%;}

.pro li{ 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%;
  }

.news li{position:relative; float:none; width:100%; }

.qysl li{margin:2%;position:relative; float:left; width:46%; }

.inner_content1 img{ text-align:center; width:100% !important;}
.location_bj{ position:relative;}
.inner_banner{ font-size:26px;}
.foot_link{ display:none;}
.foot_top{ padding-bottom:0px;}
.inner_contact1 li{ float:left; width:100%; color:#5f5f5f; line-height:30px; font-size:17px; margin:20px 0;}
.inner_contact1 .p14{ padding-left:0; border-left:none;border-right:none}
.mes_left{ width:100%;}

.mes_right{ width:100%;}
.inner_message{ color:#000; line-height:25px; margin-top:0; margin-bottom:20px; padding:30px}


}
@media (max-width: 640px) {
	.phone-nav {
    	display: block;
  	}

}

@media (max-width: 480px) {
	.phone-nav {
    	display: block;
  	}
}


@media (max-width: 360px) {
	.phone-nav {
    	display: block;
  	}
}
@media (min-width: 770px) and (max-width: 999px) {
	.phone-nav {
    	display: block;
  	}
.index3_adv img{ width:100%;}
#box li {
	width:100%;
}
.mb-slider .mb-panel {
	margin-top:100px;
	display: none;
	cursor: pointer;
	float: left;
	list-style: none;
}
.mb-panel a {
	outline:0;
}
.mb-wrapper {
	margin: 0 auto 20px;
	position: relative;
	height:500px;
	left: 0;
	top: 140px;
	z-index:99;
}
.mb-slider .mb-panel.current {
	cursor: auto; display:block;
}
.mb-inside * {
	max-width: 100%;
}
a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: 0;
}
a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: 0;
}

a.mb-scrollButtons.disabled {
	display: none;
}
.mb-controls {
	margin: 0 auto;
	text-align: center;
	z-index: 100;
}
.mb-controls a {
	color: rgba(0,0,0,1);
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}
.mb-panel {
	margin-top:90px;
}
.mb-controls a:hover {
	color: #159edf;
}
.mb-controls a.current {
	color: #159edf;
}
.main-nav {
	display: block;
	text-align: center;
	border-bottom: 2px solid #a71700;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
.main-nav a {
	text-decoration: none;
	color: rgba(0,0,0,0);
	font-size: 18px;
	margin: 0 8px;
}
.main-nav a:hover {
	color: black;
	border-bottom: 2px solid black;
}
.mb-inside img {
	width: 100%;
}

  
}
@media (min-width: 360px) and (max-width: 1000px) {
  .pageing {
    margin: 30px auto 100px auto;
  }
  .search{ display:none;}
  .header-lang{ display: none;}
  .top_bj{ background:#000;}
.top_right{ display: none;}
.mobile_lan{ display:block; position:absolute; top:10px; right:20px;}
.mobile_lan li{ float:left; margin-left:20px; color:#fff;}
.mobile_lan li a{ color:#fff;}
.mobile_lan li img{ margin-right:5px;}

.container {
  width: 90%;
  margin: auto;
  padding:0;
}

.index1_pro_con{ width:80%; margin:0 auto;}
.index1_pro_con a{ display:none;}
.index3_con{ width:100%;}
.index3_adv img{ width:100%;}

.index4_left{ width:100%; border:1px solid #e3e3e3; padding-bottom:50px;}
.index4_left_img{ width:100%;}
.index4_left_img img{ width:100%;}
.index4_left_news{ width:100%;}

.index4_right{ width:100%; border:1px solid #e3e3e3; height:auto; padding-bottom:50px;}

.foot_contact{ width:100%; margin-bottom:20px;}
.foot_contact li{float:none;}
.foot_contact li span{ margin-left:20px;}
.foot_link{ width:30%; float:none;}
#links{ width:100%; }
.foot_nav{ float:none; overflow:hidden;}
.foot_share{ float:none;}

.inner_pro_type li{ width:47%;  margin:8px 1.5%;}

.pro li{ 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%;
  }
.inner_contact2{background:none;}


  }
