@media (max-width: 399px){
.dibeimg{ width:0px; height:0px; overflow:hidden;}
.div_dimgs{ float:left; width:0px; height:0px; overflow:hidden;margin-top:20px;  background:url(logbdbj.png);}
	
	}
@media (min-width: 400px) {
.dibeimg{ margin-top:20px; margin-left:20px; width:100px; height:100px;}
.div_dimgs{ float:left; width:140px; height:140px; margin-top:20px;  background:url(logbdbj.png);}
	
	}	
@media (max-width: 767px){
  .navbar {
	  float:left; width:100%; 
  }
  .navbar-header {
    float: right; padding:5px;
  }
.about-us{ padding:10px;}
.nav_53{ float:left; width:100%; background:#1d57ae; height:50px;}
	.navbar-fixed-top-xs{
	  position: fixed;
	  right: 0;
	  left: 0;
	  z-index: 1030;
	  -webkit-transform: translate3d(0, 0, 0);
		   -o-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
	}
#nav{ max-width:240px; height:100%; }
#nav li { float:left; width:100%; color:#fff; max-width:243px; height:100%; background:#333333; z-index:9999;}
#nav li a{ color:#fff;}
#nav li ul {
 display: none;
 width:100%;

  z-index:999;
  }	
#nav li:hover ul {
  display: block;
  }
#nav li ul li {
  float: none; 
 border-bottom: dashed 1px #CCC; 
  }
#nav li ul li a { 
 padding:5px 10px;
  display: inline-block;
 line-height:20px; text-align: center;  color:#fff;
  }
#nav li ul li a {display: block;}
#nav li ul li a:hover {
  color: #FFF;
  background:#04d238;
  }
#nav li ul li img{ margin-top:3px}
.nav_en{ font-family:Arial}
.nav_en a{ letter-spacing:0}  
  .logo{ float:left;  width:0px; height:0px; }
.logo img{ border:0px; height:0px; }
.divtoptel{ float:left; width:0px; height:0px; overflow:hidden; }
.div_top{ float:left; width:100%; height:50px; padding:0; margin:0; }
.div_loggin{ float:left; width:100%;padding:10px 20px; height:200px; margin-bottom:20px;  }
.div_price{ float:left; width:100%; padding:10px 20px; height:200px;  font-size:14px; color:#696969;}
.div_track{ float:left;width:100%; padding:10px 20px; height:200px; margin-bottom:20px; font-size:14px; }
.divdlogin{ float:left; width:100%; background:#f3f3f5; padding-top:10px;}
.div_pn{ margin:0 auto; width:100%; height:150px; }
.pn_hd{ width:100%; height:45px; margin:0 auto; text-align:center;  } 
.parter_li{ float:left;width:100%;  }
.div_leftmenu{ float:left; width:0px; height:0px; overflow:hidden;background:#fff;  padding-bottom:20px; }
.div_rightmenu{ float: right; width:100%; background:#fff; min-height:120px; padding-bottom:20px; }

.div_lefttmenu{float: left; width:100%; background:#fff; min-height:120px; padding-bottom:20px; }
.div_Contents{ float:left; width:100%; min-height:500px; background:#fff;   padding:5px; float:left; margin-bottom:20px; }
.div_Contentsp{  width:100%;  padding:0px;}
.div_banner__img{width:100%;  float:left;  margin:0 auto;}
.div_banner__img img{width:100%; min-height:100px;  }
.div_banner_cent{width:100%;  }
.div_banner{ width:100%; float:left; }
.div_banner_h{ width:100%;float:left;  }
.product_3nl{ float:left; width:100%; background:#fff; padding:30px 3px;  min-height:500px; padding-bottom:20px;  border-top:none;}
.product_3nl ul li{ float:left; width:100%;  margin:4px 20px; padding:5px 5px; border-bottom:1px dashed #d4d4d4;}
.product_3nl ul li span{ width:100%; float:left; padding:5px; }
.product_3nl ul li:first-child{margin-top:5px;}
.product_3nl ul li a{ font-size:16px; padding-left:8px; color:#000;}
.divtitlename{ width:100%; float:left; padding-left:20px; margin-bottom:20px; margin-top:50px;  height:35px; border-bottom:2px solid #CCC;}
.divtitlename a{ padding:10px 15px; font-size:16px; border-bottom:2px solid #006cb7;}
.date_pullright{ margin-left:15px; color:#a2a2a2;}
.div_rightmenu1{ float: right; width:230px; background:#fff; margin-top:50px; min-height:120px; padding-bottom:20px; }
.pdivnewsli{ float:left; clear:both; width:100%; margin-top:20px;  min-height:600px; }
.pdivnewsli ul li{ float:left; width:100%;  padding:20px 0;   min-height:170px;  border-bottom:1px dashed #ccc;}
.pdivnewslitb{ float:left; width:150px; height:170px; }
.pdivnewslitbimg{ width:100%; height:100px;}
.pdivtimes{ float:left; font-size:14px; margin-top:5px;}
.pdivnewslileft{  float:left; width:100%; margin-left:10px; min-height:170px; }
.pdivnewslileft h8{float:left; width:100%; font-size:16px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;}
.divteanbcent{float:left;width:100%; line-height:25px;height:100px; overflow:hidden; }
.divheadbt{ float:left; width:100%; padding-bottom:20px; }
.nav > li > a {padding: 10px 25px;  }
.divTitleDiv1{ width:0px; height:0px; overflow:hidden; }
.header_logoa{ float:left;width:100%; text-align:center; padding:10px 0; margin-top:10px;  z-index:9999;}
.header_logoa img{ width:200px; margin:0 auto;}
.divfound{ float: left; width:0px; height:0px; overflow:hidden;}	
  .col-md-4s 
  {
      float:left; padding:10px;
    width: 100%;  
  }
.dic_centent{ width:100%; margin:0 auto;}
.div_ftel_divt{ float:left; width:100%;text-indent:50px; height:60px; background:url(phone_32x32.png) no-repeat;  } 
.div_dizhi{ float:left; width:100%; height:35px;  font-size:16px;  text-align:center; font-family: "Microsoft YaHei", '微软雅黑', 'Simsun', Verdana, Arial, Helvetica, sans-serif;
}
#footer .footBox {
	width: 100%;
	margin: 0 auto;
}
.dicrow{ width:100%; margin:0 auto; padding-bottom:20px;}
.ds_ul li{width:100%;float:left; padding:0px 20px 20px;}
.bx_wrap { width:100%; float:left; }
}	


@media (min-width: 768px) {
.bx_wrap { width:1200px; float:left; }
.ds_ul li{width:33.33%;float:left; padding:0px 20px 20px;}
.dicrow{ width:1000px; margin:0 auto; padding-bottom:20px;}
#footer .footBox {
	width: 1000px;
	margin: 0 auto;
}
.div_ftel_divt{ float:left; width:1000px;text-indent:50px; height:60px; background:url(phone_32x32.png) no-repeat;  } 
.div_dizhi{width:1000px; height:45px; font-size:16px;  text-align:center; margin:5px auto;font-family: "Microsoft YaHei", '微软雅黑', 'Simsun', Verdana, Arial, Helvetica, sans-serif;
}
.dic_centent{ width:1000px; margin:0 auto;}
  .col-md-4s 
  {
      float:left; padding:10px;
    width: 33.333333%;  
  }
	
.divfound{ float:right;}	
	
.header_logoa{ float:left;width:230px; height:70px; margin-top:10px;  z-index:9999;}

.divTitleDiv1{ position:absolute; height:40px; padding:8px 10px; width:100%; }
.navbar-brand{ display:none; width:0px; height:0px; overflow:hidden;}
.nav_53{ float:left;  }
.divheadbt{ float:left; width:100%; }
.pdivnewsli{ float:left; clear:both; width:730px;  min-height:600px; }
.pdivnewsli ul li{ float:left; width:730px; padding:20px 0;   min-height:170px;  border-bottom:1px dashed #ccc;}
.pdivnewslitb{ float:left; width:250px; height:160px; }
.pdivnewslitbimg{ width:250px; height:160px;}
.pdivtimes{ float:left; font-size:14px; margin-top:5px;}
.pdivnewslileft{  float:left; width:450px; margin-left:10px; min-height:170px; }
.pdivnewslileft h8{float:left; width:360px; font-size:16px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;}
.divteanbcent{float:left; width:450px; line-height:25px;height:100px; overflow:hidden; }
.divtitlename{ width:810px; float:left; margin-left:20px; margin-bottom:20px; margin-top:50px;  height:35px; border-bottom:2px solid #CCC;}
.divtitlename a{ padding:10px 15px; font-size:16px; border-bottom:2px solid #006cb7;}
.date_pullright{ margin-left:15px; color:#a2a2a2;}
.div_rightmenu1{ float: right; width:230px; background:#fff; margin-top:50px; min-height:120px; padding-bottom:20px; }
.product_3nl{ float:left; width:850px; background:#fff; padding:30px 3px;  min-height:500px; padding-bottom:20px;  border-top:none;}
.product_3nl ul li{ float:left; width:810px; margin:4px 20px; padding:5px 5px; border-bottom:1px dashed #d4d4d4;}
.product_3nl ul li span{ width:100%; float:left; padding:5px; }
.product_3nl ul li:first-child{margin-top:5px;}
.product_3nl ul li a{ font-size:16px; padding-left:8px; color:#000;}
.div_banner{ width:100%; min-width:800px; float:left; min-height:200px; }
.div_banner_h{ width:100%; min-width:800px; float:left;  min-height:300px; }
.div_banner__img{ width:1366px; min-width:800px; float:left;  min-height:200px; margin:0 auto;}
.div_banner_cent{ width:1366px; margin:0 auto;min-height:200px; }
	
.div_Contentsp{ width:800px; margin:20px auto; padding:0px;}
.div_Contents{ width:800px; min-height:500px; background:#fff; margin-left:30px;  padding:5px; float:left; margin-bottom:20px; }
.div_rightmenu{ float: right; width:230px; background:#fff; min-height:120px; padding-bottom:20px; }

.div_leftmenu{ float:left; width:250px; background:#fff; min-height:120px; padding-bottom:20px; }

.div_lefttmenu{float:left; width:850px; background:#fff; min-height:120px; padding-bottom:20px; }
	
.div_dimgs{ float:left; width:140px; height:140px; margin-top:20px;  background:url(logbdbj.png);}
	
.dibeimg{ margin-top:20px; margin-left:20px; width:100px; height:100px;}
.parter_li{ float:left;width:1200px;  margin-left:auto;   margin-right:auto; }
.div_pn{ margin:0 auto; width:1200px; height:150px; }
.pn_hd{ width:1000px; height:45px; margin:0 auto; text-align:center;  } 
.divdlogin{ float:left; width:100%; background:#f3f3f5; padding-top:10px;height:200px;}
	
.div_track{ float:left;width:33.33%; height:170px; margin-bottom:20px; font-size:14px; }
.div_price{ float:left; width:33.33%; height:170px;  font-size:14px; color:#696969;}
.div_loggin{ float:left; width:33.33%; min-height:100px; margin-bottom:20px;  }

.div_top{ float:left; width:100%; height:100px; padding:0; margin:0; }
.divtoptel{ float:left; text-align:center; font-weight:600; margin-top:20px;  background:#0093dd;  padding:5px 20px; font-size:16px; width:150px; border-radius:5px; color:#fff; }
.logo{ float:left; padding:0px 10px;}
.logo img{ border:0px; height:100px; }
.connect{ width:1200px; margin:0 auto;}
#b-right{ text-align:right;}
.nav > li > a {padding: 40px 25px;color:#FFF; font-weight:600; font-size:16px;  }
.nav li a:hover{ background:#f00; color:#FFF;}
#nav li ul {
  display: none;
  position: absolute;
  top:100px;
  width: 200px;
  background: #fff;
  border: solid #fff;
  z-index:999;
  }
#nav li:hover ul {
  display: block;
  }
#nav li ul li {
  float: none;
  height:40px; border-bottom:dashed 1px #86C014; background:url();
  }
#nav li ul li a {
  display: inline-block;
  height:40px; line-height:40px; text-align:left; padding-left:10px; color:#383838;
  }
#nav li ul li a {display: block;}
#nav li ul li a:hover {
  background:url(nav_bg.png);
  color: #fff;
  }
#nav li ul li img{ margin-top:3px}
.nav_en{ font-family:Arial}
.nav_en a{ letter-spacing:0}

}

#middle{ float:left; width:100%; padding:20px 0px;}

.feature-wrap {
	margin-bottom: 35px;
	overflow: hidden;
	text-align: center;
}
.feature-wrap h2 {
	margin-top: 10px;
}
.feature-wrap h3 { clear:both; font-size:16px; padding:0 10px; line-height:25px;}
.feature-wrap .pull-left {
	margin-right: 25px;
}
.feature-wrap i {
	font-size: 48px;
	height: 110px;
	width: 110px;
	margin: 3px;
	border-radius: 100%;
	line-height: 110px;
	text-align: center;
	background: #ffffff;
	color: #3498db;
}
#recent-works .col-xs-12.col-sm-4.col-md-4 {
	padding: 0;
}
#recent-works {
	padding-bottom: 70px;
}
.recent-work-wrap {
	position: relative;
}
.recent-work-wrap img {
	width: 100%;
}
.recent-work-wrap .recent-work-inner {
	top: 0;
	background: transparent;
	opacity: 1;
	width: 100%;
	border-radius: 0;
	margin-bottom: 0;
	text-align: center;
}
.recent-work-wrap .recent-work-inner h3 {
	margin: 10px 0;
}
.recent-work-wrap .recent-work-inner h3 a {
	font-size: 24px;
	color: #fff;
}
.recent-work-wrap .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 0;
	background: #3498db;
	color: #fff;
	vertical-align: middle;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	padding: 30px;
}
.recent-work-wrap .overlay .preview {
	bottom: 0;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	border-radius: 0;
	background: transparent;
	text-align: center;
	color: #fff;
}
.recent-work-wrap:hover .overlay {
	opacity: 0.9;
}
.navbar-inverse .navbar-brand {
	font-size: 30px;
	line-height: 50px;
	font-weight: 600;
	color: #fff;
}
.navbar-inverse .navbar-brand .fa {
	color: #3498db;
}
#feature {
	background: #f2f2f2;
	padding-bottom: 40px;
}

.center {
	float:left;
	width:100%;
	padding-top:35px;
	text-align: center;
	padding-bottom: 55px;
}
.section-header{
	padding-top:55px;
	text-align: center;
	padding-bottom: 55px;
	}
.section-header p{ font-size:16px; 
}
	
.contact_details {
	padding: 20px;
	text-align: center;
}
.contact_details i {
	color: #3498db;
}
.contact_details p {
	padding: 20px 0;
}