body{color: #272727; font-family:"苹方","思源黑体",'Microsoft YaHei';}
a{color: #272727}
a:hover{text-decoration: none}
ol, ul {
    list-style: none; margin: 0; padding: 0;
}

/*.container{padding: 0;}*/

body a:active ,body a:focus {outline: none;star:expression(this.onFocus=this.blur());}
/* .container{width:1170px \0;} */
a:hover, a:focus{text-decoration: none;}

.layout:after{content:"";display:table;clear:both}
.layout{*zoom:1}
.layout{width:100%;}

.fixed{ position: fixed; top:0; left:0; }
.container_navbar.fixed{margin-top: 0;}


.header{min-height: 80px; margin: 0 auto;  }
.header .navbar-header{margin: 15px 0 0 20px; }
.header .navbar-nav{ margin-top: 16px; }
.header.collaborateheader .navbar-nav{  padding-right: 100px;}
.header .navbar-nav a{font-size: 16px;}
.header .micon{ display: none}
.header .navbar-nav .active a{ color: #1b82e2}
.header .loginbtn{background: #1b82e2; position: absolute; top:10px; right: 0;  border-radius: 20px; color: #fff; width: 99px; padding: 5px 0; text-align: center;}
.header .nav li.loginbtn a{color: #fff; padding: 0}
.header .nav li.loginbtn a:hover{color: #fff}
.header .loginbtn a{font-size: 12px;}
.page_smartparking .header .nav>li.loginbtn>a:focus ,.header .nav li.loginbtn a:active{color: #fff}

.header .nav>li>a:hover{ background: none;color:#1b82e2}
.header .nav>li>a:focus{ background: none; color: #272727}
.header .navbar-brand{
	width: 140px;
	height: 52px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
}
.navbar-nav{ position: relative;z-index: 100;}
.navbar-nav dl{ width: 126px; padding: 10px 0 5px; background: #fff; position: absolute; left: 0; top:50px; text-align: center; border:solid 1px #d1d1d1; border-bottom:  solid 3px #3394fd; display: none}
.navbar-nav dl dd{line-height: 26px; border-bottom: solid 1px #ccc; margin: 0 15px 2px; padding-bottom: 2px;}
.navbar-nav dl dd:last-child{ border-bottom: 0; margin-bottom: 0; margin-bottom: 0;}
.navbar-nav i{ width: 18px;height: 11px; display: block; position: absolute; left: 52px; top:-11px;background: url(../images/nav_icon001.png) left top no-repeat; z-index: 111}
.header .navbar-nav .active dd a{color: #333;}
.m-navbar{display: none}

.breadcrumb{margin-bottom:0;background: #333333; color: #fff;border-radius:0; padding: 25px 0 0px; width: 100%; font-size: 16px; overflow: hidden;}
.breadcrumb span a{display: block;}
.breadcrumb span{background: url(../images/logo2.png) no-repeat;text-indent: -9999px; display: inline-block; width: 64px;height: 22px;position: relative; top:3px; margin-left: 110px;}
.breadcrumb  a{color: #fff;}
.footer{ width: 100%; overflow: hidden; background: #333333; padding:30px 0 15px; color: #fff;}
.footer .line{margin: 0 20px; border-top: solid 1px #272727; height: 2px; background: #3e3e3e; position:relative; top:34px;}
.footer a{color: #fff}
.footer dl{float: left; margin: 0 5% 0 0; }
.footer dl.d1{ margin-left: 110px;}
.footer dl dd{line-height: 24px;}
.footer dl dd a{color: #a8a8a8; }
.footer dl dt{font-size: 16px;padding-bottom: 28px;}
.footer .wb{
	width: 31px;height: 31px;
	background: url(../images/icon_wb.png) no-repeat;
	text-indent: -9999px;
	display: inline-block;margin:5px 0px 0 0;
}
.footer dl dt em{ display: none}
.footer .wx{
	width: 31px;height: 31px;
	background: url(../images/icon_wx.png) no-repeat;
	text-indent: -9999px;
	display: inline-block;margin:5px 10px 0 0; position: relative;
	 }
.footer .wx span{ display: none}
.footer .wx img{ position: absolute; left: 0; top:50px; width: 100px;}	
.footer .wx a ,.footer .wb a{width: 31px;height: 31px; display: block; overflow: hidden;}
.footer .copyright{ text-align: center; line-height: 22px; padding-top: 20px; font-size: 12px; overflow: hidden; clear: both;}


.show{display: block}


.pub_title{ text-align: center;}
.pub_title h2{font-size: 28px; margin-bottom: 0px; }
.pub_title h3{font-size: 14px; margin-top: 10px; margin-bottom: 5px;
 }
 .pub_title .line{width: 100px; background-color: #3494ff; height: 2px; display: inline-block;}








/******************      合作          **************/
.page_collaborate .topbanner img ,.page_collaborate .part1 img ,.page_collaborate .part2 img{ width: 100%;}
.page_collaborate .part3{background:#f1f0f1 url(../images/collaborate_p3_bg.jpg) left top repeat-x; overflow: hidden; padding-bottom: 77px; width: 100%;}
.page_collaborate .part3 ul{margin-left: 95px;}
.page_collaborate .part3 li{width:326px;float: left;background: #fff; margin:100px 20px 0 0; display: inline;}
.page_collaborate .part3 li h2{text-align: center; color: #3494ff; font-size: 20px; margin: 15px 0 5px;}
.page_collaborate .part3 li p{ height: 80px; color: #a2a2a2; padding: 5px 10px; font-size: 14px;}
.page_collaborate .part4 { width: 1000px;margin:0 auto; border-top:dashed 1px #ccc;text-align: center; overflow: hidden ;padding:40px 0 80px;}





/*******************      友情链接       *******************/
.borderTop{
	border-top: 1px solid #404040;
}

.friendWp{
	width: 950px;
	margin: auto;
}
.fl-title{
	font-size: 16px;
	color: #999;
}
.friendLink{
	margin-left: -20px;
}
.friendLink a{
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 102px;
	height: 48px;
	overflow: hidden;
}
.friendLink a img{
	
	opacity: 0.5;
	transition: 0.3s;
}
.friendLink a img:hover {
	transition:all 500ms linear;
	opacity: 1;
}










@media screen and (min-width: 1200px) and (max-width: 2500px){
	.header{max-width: 1200px;}
	.navbar-right{margin-right: 0!important;}
	

}
@media screen and (min-width: 767px) and (max-width: 1200px){
	.header{max-width: 1200px;}
	.navbar-right{margin-right: 0!important;}
	.footer dl.d1{margin-left: 0;}
	.footer dl {
	    margin: 0 4% 0 0;
	}
	.footer dl.d7 {
	    margin: 0 0% 0 0;
	}
	.page_index .part1 li {
	    min-height: 200px !important;
	}
	.page_index .part1 li h2{ margin-top: 60px !important;}
	.breadcrumb span{margin-left: 0;}
	.friendWp{
		width: 800px;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px){
	.footer dl dd a{color: #a8a8a8; width: 80%; display: block;}
	.container{width: 100%;}
	.header{width: 100%; position: absolute; left: 0; top:0; z-index: 120;}
	.header .navbar-right{margin-right: 0!important;}
	.header .navbar-brand{ width: 90px !important;height: 39px !important;background: url(../images/logo3.png) no-repeat !important; background-size: 100% !important;}
	.header .navbar-header{ width: 100px;margin: 15px 0 0 15px;}
	.header .micon{ display: block; width:20px;height: 20px;background: #ccc; position: absolute; right: 16px;top:18px;background: url(../images/m/index_icon.png) 0  -200px no-repeat; background-size: 30px auto;}
	.breadcrumb{display: none}
	/*浮层 导航 */
	.m-navbar{ 
		background: #000;
		width:100%; overflow-y:auto; min-height: 100%; position: absolute; left: -150%; top:0; z-index: 1111;
	}
	.m-navbar .hd{width:100%;height: 50px; overflow: hidden;}
	.m-navbar .navbar-brand{ text-indent: -9999px; margin: 20px 20px 0 20px;}
	.m-navbar .close{ color: #fff; width: 20px;height: 20px; opacity: 1;margin: 20px; font-weight: normal; font-size: 20px;font-family: Arial;background: url(../images/m/close.png) no-repeat; background-size: 100%; text-indent: -9999px; }
	.m-navbar .m-navbar-nav{ margin: 0px 20px 0; padding-bottom: 40px;}
	.m-navbar .m-navbar-nav li{ line-height: 50px; border-bottom: solid 1px #fff; position: relative;}
	.m-navbar .m-navbar-nav li dl{ margin:-10px 0 0 20px;padding-bottom: 10px;}
	.m-navbar .m-navbar-nav li dd{ line-height: 40px; border-bottom: solid 1px #fff; }
	.m-navbar .m-navbar-nav li dd:last-child{ border: 0;}
	.m-navbar .m-navbar-nav li dl{display: none}
	.m-navbar .m-navbar-nav li.active dl{ display: block;}
	.m-navbar .m-navbar-nav li em{ position: absolute; right: 10px; top:16px; font-size: 25px; cursor: pointer; line-height: 50px; color: #fff; font-style: normal;width: 20px;height: 20px; background: url(../images/m/navicon1.png) 0  0px no-repeat; background-size: 17px auto; text-indent: -9999px; }
 	.m-navbar .m-navbar-nav li.active em{ font-size: 30px;background: url(../images/m/navicon1.png) 0  -40px no-repeat; background-size: 17px auto;}
 	.m-navbar .m-navbar-nav a{color: #fff; font-size: 16px; width: 85%; display: block;}
 	.m-navbar .navbar-brand{ width: 105px !important;
    height: 39px !important;
    background: url(../images/logo3.png) no-repeat !important; background-size: 100% auto !important;}
	
	/*页尾*/
	.footer {
    	padding: 5px 0 15px;
	}
	.footer .line {
	    display: none
	}
	.footer dl {
	    float: none;
	    margin: 0 10px;
	}
	.footer dl.d1{ margin: 0 10px;}
	.footer dl dd{ display: none; line-height: 42px; border-bottom: solid 1px #fff; position: relative;}
	.footer dl dd:last-child{ border: 0;}
	.footer dl dt {
	    font-size: 14px;
	    font-weight: normal;
	    border-bottom: solid 1px #fff; line-height: 42px;
	    padding-bottom: 0px; position: relative;
	}
	.footer dl dt em{ display: block; position: absolute; right: 10px; top:16px; width: 20px; text-align: center; font-size: 25px; cursor: pointer; line-height: 50px; color: #fff; font-style: normal;width: 20px;height: 20px; background: url(../images/m/navicon1.png) 0  0px no-repeat; background-size: 17px auto; text-indent: -9999px;}
	.footer dl.active dt em{font-size: 30px;background: url(../images/m/navicon1.png) 0  -40px no-repeat; background-size: 17px auto;}




	.footer dl.d6 dt{ border: 0; line-height: 40px;}
	.footer dl.d6 dd{display: block; border: 0; line-height: 20px; }
	.footer dl.active dd{ display: block; margin-left: 20px}
	.footer dl.d7.active dd{margin: 5px 10px 0 0;    display: inline-block;}
	.footer dl.d6.active dd{margin: 0; }
	.footer dl.active {border-bottom: solid 1px #fff;}
	.footer dl.active:nth-child(6) ,.footer dl.active:nth-child(7) {border-bottom:none}
	.footer dl.active dd:nth-child(1) { margin-top: -10px;}
	.footer dl.active dt{ border-bottom: 0;}
	.footer dl.d7 dt{ border: 0;line-height: 40px;}
	.footer dl.d7 dd{display: inline-block; border: 0; line-height: 20px; }
	.footer .wx img {
	    position: fixed;
	    left: 50%;  z-index: 10;
	    margin: -100px 0 0 -100px;
	    top: 50%;
	    width: 200px;
	}
	.footer .copyright{ margin: 0px 25px;}
	
	.footer .ding_cover{
		width: 100%;
		/*z-index: 9;*/ 
		height: 100%; 
		position: fixed; 
		left: 0;
		right: 0;
		top:0; 
		bottom: 0;
		margin: auto;
		background: rgba(40,40,40,.6);
	}
	.footer dd.wb{
		position: inherit;
	}
	
	.navbar-collapse{display: none}
}




.stealth-scroll-bar {
	scrollbar-base-color:transparent;
	scrollbar-3dlight-color:transparent;
	scrollbar-highlight-color:transparent;
	scrollbar-track-color:transparent;
	scrollbar-arrow-color:transparent;
	scrollbar-shadow-color:transparent;
	scrollbar-dark-shadow-color:transparent
}
.stealth-scroll-bar::-webkit-scrollbar {
	width:0;
	height:0
}

.copyright .jba{ width: 18px; margin: 0 5px; position: relative; top:-2px; }

@media screen and (min-width: 320px) and (max-width: 767px){
	.page_index .top-header .slogan img{
		width:70%;
	}
}