﻿.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0;
}

.navbar-inverse {
	background-color: #001b27;
}

.carOwner {
	background-color: #365d29;
}

.content {
	background-color: #6cbb52;
}

.nav-logo {
	float: left;
	margin-top: 5px;
	overflow: hidden;
	/* width: 50px; */
}
.nav-logo img{
	width: 200px; 
}

.nav-logo a {
	margin: 0;
	padding: 0;
}

.banner-div img {
	width: 100%;
}

.introduce {
	text-align: center;
}

.introduce h2 {
	font-weight: bold;
}

.introduce span {
	color: #4472c4;
}

.introduce img {
	width: 100%;
}

.bottom-bar {
	background-color: #666;
	text-align: center;
	padding: 20px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.bottom-bar p {
	color: #fff;
}

.bottom-bar a {
	color: #fff;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

#iphone_slider_ul {
	width: 300px;
}

.bannerCont {
	padding: 2% 0;
}

.bannerCont p,
span {
	color: #fff;
}

.bannerCont .text1 {
	font-size: 3em;
	font-weight: bold;
}

.bannerCont .text2 {
	font-size: 2em
}

.bannerCont .down {
	padding: 8px 15px;
	border: 1px solid #fff;
	cursor: pointer;
}

.bannerCont a {
	color: #fff;
}

#myCarousel {
	width: 253px;
	margin-left: 11%;
	margin-top: 19%;
}

#iphone_slider {
	background: url(../images/iphone.png) no-repeat;
	width: 500px;
	height: 650px;
}

.carousel-inner img {
	height: 454px !important;
}

@media only screen and (min-width:1024px) {
	.headIn {
		padding: 15px 0;
	}

	#navBar {
		padding-top: 10px;
	}

	.banner-div {
		margin-top: 90px;
	}

	.content .fl {
		padding-top: 15%;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.headIn {
		padding: 15px 0;
	}

	#navBar {
		padding-top: 10px;
	}

	.banner-div {
		margin-top: 90px;
	}

}

@media only screen and (min-width:320px) and (max-width:767px) {
	.headIn {
		padding: 5px 15px;
	}

	#navBar {
		padding-top: 10px;
	}

	.nav-logo {
		width: 35%;
	}

	.banner-div {
		margin-top: 60px;
		padding-top: 20px;
	}

	.bottom-bar {
		padding: 10px 0;
	}

	.bottom-bar p {
		font-size: 10px;
	}

	.fl {
		float: none;
		text-align: center;
	}

	.bannerCont .text1 {
		font-size: 2em;
	}

	.bannerCont .text2 {
		font-size: 1em
	}

	.bannerCont div img {
		display: none;
	}

	.bannerCont div {
		margin-bottom: 20px;
	}

	.fr {
		float: none;
	}

	#myCarousel {
		margin-top: 0%;
	}

	.carousel-inner img {
		height: 455px !important;
	}

	.carousel-inner div {
		margin-top: 34%;
	}

	#iphone_slider {
		background: url(../images/iphone.png) no-repeat -5% 5%;
	}

	#myCarousel {
		margin-left: 14%;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}

	.content {
		overflow: auto;
		overflow-x: hidden
	}
}

.icps img {
	width: 40px;
}