@charset "utf-8";
.mb20{ margin-bottom:20px;}
.footer{ padding:35px 0; background:#011b82;border-top:#ddd 1px solid; margin-top:30px; color:#4e60a8;}
.footer p{ font-size:12px;}
.footer p span{ padding-left:20px;}
.footer .tel{ background:url(../images/tel2.png) no-repeat left center;}
.footer .mail{ background: url(../images/@2.png) no-repeat left center;}
.footer .cz{ background: url(../images/cz2.png) no-repeat left center;}
.footer .yb{ background: url(../images/email2.png) no-repeat left center;}
.footer a{ color:#4e60a8;}
.footer a:hover{ color:#fff;}
.footer strong{ font-size:16px; color:#4e60a8;}
.adress{ border-right:#1b328f 1px solid;}
.adress p{ width:90%}
.bmap dl{ float:left;border-right:#1b328f 1px solid; height:140px; width:23%;}
.bmap dl dt{ font:bold 16px/28px "微软雅黑"; padding-left:10%; margin-bottom:5px;}
.bmap dl dd{ font-size:12px; line-height:22px;padding-left:10%}

.bmap{ display:block;}
.adress{ display:block;}
.ewm { display:block; float:left;}
.ewm .pic{ width:100%; float:right !important;}
.ewm .pic img{ float:left; margin-right:10px;}



#banner { margin: 0 auto 0px auto; padding: 0px; height: auto; }
.slides { margin: 0px auto; height: auto; overflow: hidden;}
.slide-pic { margin: 0px; padding: 0px; overflow: hidden; list-style: none; }
.slide-pic img { height: auto;  width:100%;}
.slide-pic li { display: none; }
.slide-pic li.cur { display: block; }
.slides .container{ position: relative; }



.slide-li {margin: 0px;padding: 0px;left: 45%;bottom: 15px;position: absolute;}
.slide-li li { display: block; background:url(../images/doneCurrent.png) no-repeat left 0px;width:16px; height:16px;  float: left; overflow: hidden; list-style: none; cursor:pointer; margin-left:5px;}
.slide-li   a { display:block;  width:16px; height:16px; filter: alpha(opacity=10); opacity: 0.1;}
.slide-li a:hover { color: #F00; text-decoration: none; filter: alpha(opacity=10); opacity: 0.1;}
	
.slide-li  a:hover {}
.op li { background:url(../images/doneCurrent.png) no-repeat left 0px;  filter: alpha(opacity=100); opacity: 1;}
.op li.cur { background:url(../images/doneCurrent.png) no-repeat right 0px; filter: alpha(opacity=100); opacity: 1;}



@media only screen and (max-width: 767px) {

		.about h2{ text-align:center;}
		.about .smore{ margin-left:auto; margin-right:auto;}
		.about p{ padding:0 20px;}
		h1, .h1 {font-size: 30px;}
		h3, .h3 {
			font-size: 20px;
			text-align:center
		}
        .img-responsive{ margin:0 auto;}
        .projs .img-responsive{ margin-bottom:20px; padding:0 10px;}
		.navbar-nav > li > a {
			font-size: 22px;
			line-height: 42px;
			font-weight: 400;
			text-align: center;
		}
	    .col-bm-1{ width:100%}
		 .col-min-5 { width: 50%; float:left;}
		#portfolio .portfolio-thumb  .pd{ text-align:center; padding-top:30%;}
		footer .ewm{ padding-left:30px; display:none;}
	   footer .bmap{ padding:20px 0 20px 30px;}
	   footer .adress{ padding-left:30px;}
		}