@media (max-width: 768px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:80%; 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;
}


.index1_type li{ width:49%; text-align:center; margin-top:10px;}
.index1_type_img{ width:100%; position:relative; z-index:99; margin-left:0;}
.index1_type_con{ width:100%; position:relative; z-index:99; margin-top:0; color:#333333;}
.index1_pro{ margin-top:20px;}
.index1_pro li{margin:1% 0.5%; float:left; width:99%; position:relative; border:1px solid #dcdcdc;}

.index2_left{ width:100%; height:auto; float:left; margin-bottom:20px;}
.index2_right{ width:100%; height:auto; float:right;}
.index2_right li{ width:47%; float:left; margin:1.5%;}

.index3_left{ width:100%; height:auto; margin-top:30px;}
.index3_left1{ padding:10% 10%; color:#000;}
.index3_left1 p{background:url(../Image/p6.png) top left no-repeat; font-size:16px; margin-bottom:20px; padding-top:50px;}
.index3_left2{ padding:10% 10%; background:#0359ac; color:#fff;}
.index3_left2 p{background:url(../Image/p7-1.png) top left no-repeat; font-size:16px; margin-bottom:20px; padding-top:50px;}

.index3_right{ width:100%; margin-top:30px; margin-bottom:30px;}

.index5_bj{ width:100%; height:auto; background: url(../Image/p10.jpg) bottom center no-repeat; padding-bottom:20%;}
.index5_left{ width:100%;}
.index5_right{ width:100%;}

.foot_bj{ width:100%; height:auto; background:#1a1a1a; padding-bottom:20px;}
.foot_left{ width:100%; height:auto;}
.foot_contact li{ float:none; margin-top:20px;}
.foot_contact .p13{ background: url(../Image/p13.jpg) top left no-repeat;}
.foot_contact .p14{ background: url(../Image/p14.jpg) top left no-repeat;}
.foot_contact .p15{ background: url(../Image/p15.jpg) top left no-repeat;}
.foot2{ color:#787878; margin-top:20px;}
.foot_right{ width:100%; margin-top:20px; text-align:center; color:#787878; line-height:30px;}
.foot_nav li{ float:left; font-size:16px; color:#fff; width:50%; text-align:center;}
.foot_nav li a{ color:#fff; float:left; display:block; margin:0;}




.inner_about_left{ width:100%; height:auto; float:none;}
.inner_about_right{ width:100%; height:auto; float:none;}

.inner_about2_left{ width:100%; height:auto; float:none;}
.inner_about2_right{ width:100%; height:auto; float:none; margin-top:20px;}

.inner_about3{ margin:30px 0;}
.inner_about3_main li{ width:44%; margin:0 3%; float:left; font-size:16px; color:#000;}
.inner_about3_main li p{ background:url(../Image/p20.png) center no-repeat; height:121px; width:195px; line-height:62px; color:#fff; font-size:24px; font-weight:100; text-align:center; margin:0 auto;}
.inner_about3_main li:nth-child(2n){ margin-top:80px;}


.inner_about5_left{ width:100%; color:#010101; float:none; font-size:16px; line-height:25px;}
.inner_about5_left p{ font-size:36px; line-height:50px;}
.inner_about5_left li{ font-size:24px; line-height:30px; margin:30px 0; font-weight:100;}

.inner_about5_right{ width:100%; float:none; margin-top:20px;}
.inner_about5_right li{margin: 1%;position:relative; float:left; width:48%; background:#fff; position:relative; border:1px solid #eeeeee;}

.inner_about5_right li .pic { position: relative; overflow: hidden;}
.inner_about5_right li .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
  transition: 0.3;
}
.inner_about5_right li .pic i {
  display: block;
  padding-bottom: 45%;
}



.pro{ margin-top:20px;}
.pro li{margin:1% 0.5%; float:left; width:99%; position:relative; border:1px solid #dcdcdc;}

  .proleft {
    width: 100%;
  }
  .proleft .big .pic:after {
    padding-bottom: 70%;
  }
  .proleft .small {
    padding-left: 5%;
  }
  .proleft .pic {
    width: 100%;
  }
  .proright {
    width: 100%;
  }
	
.news ul li{ height:auto; overflow:hidden; padding:3%; margin-bottom: 20px;}
.news_time{ width:10%; color:#c8c8c8; font-size:30px; padding-bottom:40px;}
.news ul li .zxrz_pic{ width:100%;}
.news ul li .zxrz_pic img{ width:100%;}
.news ul li .zxrz_tex{ width:100%; margin-left:0; margin-top: 20px;}
.news ul li .zxrz_tex .zx1_tit{ color:#000000; font-weight:bold; font-size:18px; padding-bottom:0;}
.news ul li .zxrz_tex b{ color:#000;font-size: 15px;}
.news ul li .zxrz_tex .zx_midd{ color:#4b4b4b; line-height:25px; margin-top:0; font-size: 15px;}
.news ul li .zx_more{ width:155px; height:49px; line-height:49px; text-align:center; background: url(../Image/p24.jpg) no-repeat; margin-top:30px;font-size: 15px;}
.news ul li .news_time{ display: none;}

.news ul li:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2);}
.news ul li:hover .zx1_tit{ color:#0055a7;}

.form-group{ margin-bottom:20px;}
.form-group2{width:100%; height:50px; position:relative; border:none; float:none; background: #f7f7f7;}
#submit2{ width:100%; height:50px; line-height:50px; text-align:center; background:#0359ac; color:#fff; float:none; border:none; font-size: 15px;}


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

.index2_left img{ width:100%;}

}

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


@media (max-width: 360px) {
	.phone-nav {
    	display: block;
  	}
.logo{ position:relative; width:80%; 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:80%; float:left; margin-top:0px; line-height:80px;}
.search{ width:8%; float:left; display:none;}


.index4{ position:relative;}
.index4_left{}
.index4_left img{ width:100%;}
.index4_right{ display:none;}

}
@media (min-width: 360px) and (max-width: 1000px) {
  .pageing {
    margin: 30px auto 100px auto;
  }
  .container {
  width: 90%;
}
}