.plate{
	width: 100%;
}
.header{
	background: #F2F2F2;
	height: 90px;
	position: fixed;
	z-index: 9;
}
.logo{
	position: absolute;
	width: 180px;
    height:75px;
    margin-top: 8px;
    left: 50px;
    z-index: 200;
}
.wrap {
    margin: 0 auto;
    width: 1190px;
    overflow: hidden;
}
.header .header-nav {
    float: right;
    width: 850px;
    height: 86px;
}
.header .nav {
    float: left;
    height: 86px;
    line-height: 86px;
    overflow: hidden;
}
.header .nav>li {
    float: left;
    position: relative;
}
.header .nav li.current a {
    color: #73bfe6;
}
.header .nav li a {
    display: block;
    padding: 0 32px;
    color: #333;
    font-size: 16px;
    outline: none;
    cursor: pointer;
}
.header .nav li a:hover{
	color: #73bfe6;
}
.feature{
	width:expression(document.body.clientWidth <= 1190? "1190px": "auto");
	min-width:1190px;
}
.feature .item1{
	background: #2165D2;
	height: 450px;
	padding-top: 50px;
}
.feature .feature-inner {
    position: relative;
    height: 100%;
}
.feature .feature-inner h3 {
    position: absolute;
    display: block;
    top: 80px;
    
    height: 96px;
    line-height: 96px;
    font-size: 40px;
    font-weight: normal;
}
.feature .item1 h3 {
    left: 104px;
    color: #fff;
}
.feature .feature-inner p {
    position: absolute;
    width: 487px;
    top: 200px;
    font-size: 16px;
    line-height: 35px;
}
.feature .item1 p {
    left: 104px;
    color: #fff;
}
.feature .feature-inner img {
    position: absolute;
    top: 100px;
    left: 600px;
}
.buttonA{
	position: absolute;
	left: 100px;
	top: 320px;
}
.buttonA a{
	color: #fff;
	padding:8px 35px;
	border: 1px solid #fff;
	font-size: 14px;
	margin-right: 20px;
}
.buttonA a:hover{
	border: 1px solid #5CB85C;
	background: #5CB85C;
	color: #fff;
}
.feature .item2{
	height: 500px;
	background: #F4F4F4;
}
.feature .item2 h3 {
	width: auto;
	top: 50px;
	right: 100px;
	border-bottom: 1px solid #b3b3b3;
} 
.feature .item2 p{
	right: 150px;
	top: 180px;
}
.feature .item2 .fixPageImg{
	position: absolute;
	top: 30px;
	left: 30px;
}
.feature .item2 .fixImg{
	position: absolute;
}
.feature .item2 i{
	position: absolute;
	width: 300px;
	top: 50px;
	right: 400px;
	height: 96px;
	border-bottom: 1px solid red;
}
.fixButton{
	top: 380px;
	left: 600px;
}
.fixButton a{
	color: #333;
	border: 1px solid #333;
}
.feature .item3{
	height: 620px;
	background: #81A3FF;
}
.feature .item3 h3{
	color: #fff;
}
.feature .item3 h3.memberOne{
	width: auto;
	top: 40px;
	left: 80px;
}
.feature .item3 h3.memberTwo{
	top: 100px;
	left: 140px;
}
.feature .item3 img{
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -470px;
}
.memberButton{
	left: 50%;
	margin-left: -40px;
	top: 570px;
}
.feature .item4{
	background: #F4F4F4;
	height: 480px;
}
.feature .item4 h3{
	width: auto;
}
.feature .item4 h3.accessoryOne{
	top: 30px;
	left: 180px;
}
.feature .item4 h3.accessoryTwo{
	top: 100px;
	left: 260px;
}
.feature .item4 img{
	position: absolute;
	top: 240px;
	left: 50%;
	margin-left: -450px;
}
.feature .item5{
	height: 520px;
	background: #E2EBF5;
}
.feature .item5 h3{
	width: auto;
}
.feature .item5 h3.carTypeTextOne{
	left: 40px;
	top:110px;
}
.feature .item5 h3.carTypeTextTwo{
	top: 180px;
	left: 100px;
}
.feature .item5 img{
	position: absolute;	
}
.carTypeButton{
	left: 400px;
	top: 350px;
}
.carTypeButton a{
	color: #333;
	border: 1px solid #333;
}
.feature .item6{
	background: #1F3549;
	height: 680px;
	color: #fff;
	text-align: center;
}
.feature .item6 h3{
	width: auto;
	top: 40px;
	left: 50%;
	margin-left: -500px;
}
.feature .item6 p{
	top: 140px;
	width: auto;
	left: 50%;
	margin-left: -240px;
	font-size: 20px;
}
.feature .item6 img{
	top: 250px;
	left: 50%;
	margin-left: -245px;
}
.feature .item7{
	background: #e7f2f8;
    height: 600px;
}
.feature .item7 h2 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: normal;
}
.feature .item7 p{
	position: relative;
	width: auto;
	top: 0;
	text-align: center;
}
.feature .item7 p i{
	color: #ff9212;
}
.feature .item7 img{
	top: 190px;
	height: 370px;
	left: 50%;
	margin-left: -500px;
}
.feature .item8{
	background: #8aeadb;
    height: 480px;
}
.feature .item8 img{
	height: 400px;
	left: 650px;
	top: 35px;
}
.feature .item8 h3{
	left: 100px;
	top: 150px;
}
.feature .item8 p{
	left: 100px;
	top: 250px;
}
.feature .item8 p i{
	color: #ff9212;
}
.inArea{
	width: 1000px;
	margin: 0 auto;
	height: 100px;
	position: relative;
} 
.softwareText{
	padding-top: 50px;
}
.softwareText h4{
	margin-bottom: 20px;
}
.softwareText p{
	line-height: 40px;
	font-size: 22px;
}
.softwareImg{
	margin-top: 60px;
}
.contact{
	background: #737373;
	height: 130px;
	color: #fff;
	width:expression(document.body.clientWidth <= 1190? "1190px": "auto");
	min-width:1190px;
}
.contactList{
	left: 50%;
	position: absolute;
	margin-left: -80px;
	top: 15px;
}
.contactList li{
	line-height: 24px;
}
.contact a{
	color: #fff;	
}
.contact i{
	padding-right: 3px;
	padding-left: 3px;
}
.contact img{
	width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
}
.bottom{
	background: #616161;
	text-align: center;
	margin-top: -1px;
	width:expression(document.body.clientWidth <= 1190? "1190px": "auto");
	min-width:1190px;
}
.bottom p{
	line-height: 30px;
	color: #fff;
}

.aboutUsBanner{
	width: 100%;
	position: relative;
	padding-top: 90px;
	background: #808080;
}
.content{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 80px;
}
.inContent{
	width: 70%;
	left: 15%;
	position: relative;
}
.contentTitle{
	padding-bottom: 5px;
    color: #D6271D;
    font-size: 24px;
    border-bottom: 1px solid #D6271D;
    margin-top: 15px;
    margin-bottom: 10px;
}
.inContent h5{
	font-weight: normal;
	font-size: 20px;
}
.contentTitle span {
    padding-left: 10px;
    font-size: 14px;
}
.inContent p{
	color: #5c5c5c;
	text-indent: 26px;
	font-size: 14px;
	line-height: 34px;
}
.inContent p i{
	font-size: 14px;
	font-weight: bold;
	color: green;
}


.companyInfo{
	width: 100%;
}
.companyMain{
	width: 1200px;
	margin: 0 auto;
	
	height: 450px;
	padding-top: 120px;
}
h3.companyH3{
	font-size: 30px;
	
	text-align: center;
	font-weight: normal;
	float: none;
	color: #163C7D;
}
.companyMainImg{
	float: left;
}
.companyMainImg img{
	padding-top: 50px;
	width: 600px;
}
.companyMainText{
	float: right;
	width: 500px;
	padding-top: 100px;
}
.companyInfo p{
	text-indent: 32px;
	font-size: 16px;
	line-height: 36px;
}
.companyMainTwo{
	width: 1200px;
	margin: 40px auto;
	margin-bottom: 80px;
}
.companyMainTwoText{
	float: left;
	width: 500px;
	margin-top: 100px;
}
.companyMainTwoImg{
	float: right;
}
.companyMainTwoImg img{
	width: 600px;
}
.fixQuickWash{
	padding-top: 90px;
}
.fixQuickWash .companyH3{
	line-height:120px;
}
.fixInfo{
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 80px;
}
.fixInfo .fixInfoDiv{
	height: 350px;
}
.fixInfoOne img{
	float: left;
	padding-left: 50px;
}
.fixInfoOne .fixQuickWashText{
	float: right;
	padding-right: 50px;
}
.fixInfo h5{
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
	color: #73bfe6;
}
.fixInfoDiv p{
	width: 400px;
	font-size: 22px;
	margin: 0 auto;
}
.companyInfo .fixInfoDiv p{
	line-height: 32px;
	font-size: 16px;
}
.fixInfoTwo{
	margin-top: 70px;
	margin-bottom: 70px;
}
.fixInfoTwo .fixQuickWashText{
	float: left;
	padding-left: 50px;
}
.fixInfoTwo img{
	float: right;
	padding-right: 50px;
}
.fixInfoThree img{
	float: left;
	padding-left: 50px;
}
.fixInfoThree .fixQuickWashText{
	float: right;
	padding-right: 50px;
}
.inMemberInfo{
	width: 1200px;
	margin: 0 auto;
	padding-top: 90px;
	margin-bottom: 80px;
}
.memberInfo .companyH3{
	line-height: 120px;
}
.inMemberInfoImg{
	float: left;
}
.inMemberInfoText{
	float: left;
	width: 450px;
}
.memberInfoList li{
	font-size: 14px;
	line-height: 36px;
	color: #12A6EC;
}
.inMemberInfoImg img{
	width: 680px;
}
.carKeep{
	width: 100%;
	height: 900px;
	padding-top:120px;
	text-align: center;
}
.carKeep .companyInfo_item{
	margin: 0 auto;
}
.carKeep .companyH3{
	margin-bottom: 10px;
}
.carKeepInfo{
	height: 500px;
}
.carKeepImg{
	float: left;
	padding-left: 100px;
	margin-top: 10px;
}
.carKeepText{
	float: right;
	width: 400px;
	padding-right: 100px;
	padding-top: 100px;
}
.carKeep h5{
	font-size: 26px;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    color: #73bfe6;
}
.carKeepDataInfo{
	height: 300px;
	padding-left: 100px;
}
.carKeepDataInfo .carKeepDataText{
	width: 500px;
}


.contactUs{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	padding-top: 50px;
	text-align: center;
}
.contactUsText{
	position: relative;
	margin-bottom: 40px;
}
.contactUsText h6{
	font-weight: normal;
	font-size: 22px;	
}
.contactUsText i{
	font-size:70px;
	position: absolute;
	
	left: 416px;
	top: -20px;
	color: #D6271D;
	font-family: '宋体';
}
.contactUsList{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.contactUsList li{
	
	height: 240px;
	background: #F9E0E0;
	
	float: left;
	text-align: center;
	width: 31%;
	margin: 0 1%;
}
.contactUsList li.contactUsTwo{
	background: #E1F7AF;
}
.contactUsList li.contactUsThree{
	background: #D5ECF9;
}
.contactUsList li i{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../image/tel.png);
	margin-top: 30px;
	margin-bottom: 10px;
}
.contactUsList li h6{
	font-weight: normal;
	font-size: 16px;
	line-height: 44px;
}
.contactUsList li p{
	line-height: 26px;
}
.contactUsList li.contactUsTwo i{
	background: url(../image/afterSale.png);
}
.contactUsList li.contactUsThree i{
	background: url(../image/cooperationIcon.png);
}


.copperationInfo{
	height: 100%;
}
.copperationInfo h6{
	color: #008000;
	font-size: 16px;
	line-height: 40px;
}
.copperationInfo ul li{
	line-height: 34px;
	font-size: 14px;
	color: #5c5c5c;
	padding-left: 30px;
}


.onlineUse{
	padding-top: 150px;
	height: 100%;
	min-height: 360px;
}
.onlineUse .onlineUseInfo{
	width: 480px;
	margin: 0 auto;
}
.onlineUse .onlineUseInfo li{
	font-size: 14px;
	line-height: 50px;
}
.onlineUse .onlineUseInfo li label{
	display: inline-block;
	width: 85px;
}
.onlineUse .onlineUseInfo li.onlineUseInfoTwo input{
	width: 238px;
	height: 28px;
	border: 1px solid #999;
	outline: none;
}
.onlineUse .onlineUseInfo li.onlineUseInfoThree input{
	width: 166px;
	height: 28px;
	border: 1px solid #999;
	outline: none;
}
.onlineUse .onlineUseInfo li.onlineUseInfoFour input{
	width: 166px;
	height: 28px;
	border: 1px solid #999;
	outline: none;
}
.onlineUse .onlineUseInfo li.onlineUseInfoMore input{
	width: 70px;
	height: 28px;
	border: 1px solid #999;
	outline: none;
}
.onlineUse .onlineUseInfo li #btnSendCode{
	width: 88px;
	height: 30px;
	margin-left: 5px;
	cursor: pointer;
}
.onlineUse .onlineUseInfo li.onlineUseInfoFour i{
	font-size: 12px;
}
.onlineUse .onlineUseInfo li.onlineUseInfoFive{
	text-align: center;
	margin-top: 10px;
}
.onlineUse .onlineUseInfo li.onlineUseInfoFive input{
	width: 80px;
	height: 28px;
	background: #5CB85C;
	border: 1px solid #4B9D4B;
	color: #fff;
	outline: none;
	cursor: pointer;
}
.onlineUse .onlineUseInfo li.onlineUseInfoFive input:hover{
	background: #79C479;
	color: #fff; 
	border: 1px solid #4B9D4B;
}
.onlineUse .onlineUseInfo li.onlineUseInfoSix{
	font-size: 12px;
	display: none;
	text-align: center;
	color: red;
}


@media only screen and (min-width: 768px) and (max-width: 1366px) {
	.wrap{width:1000px;}
	.header .header-nav{width:768px;}
	.header .nav li a{padding:0 26px;}
	.feature .wrap{width:1190px;}
	.companyInfo_item{width: 1160px;}
 
}