html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img
	{
	margin: 0;
	padding: 0
}

li {
	list-style: none;
}

img {
	vertical-align: middle;
	border: none;
}

body {
	font-family: "微软雅黑";
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {
	color: #0fc107;
}

.red {
	color: #FF0000;
}

.red   a {
	color: #FF0000;
	text-decoration: none;
}

.red a:hover {
	text-decoration: underline;
	color: #00CCCC;
}

.red a:visited {
	color: #FF0000;
	text-decoration: underline;
}

.clear {
	clear: both;
	height: 0px;
}

.container {
	width: 1100px;
	margin: 0 auto;
}

.classify, .product, .app {
	width: 100%;
	padding: 100px 0;
}

.header {
	height: 100px;
}

.logo {
	float: left;
	margin-top: 20px;
	width: 700px;
	cursor: pointer;
}

.login {
	float: right;
	font-size: 16px;
	line-height: 100px;
}

.login img {
	vertical-align: middle;
}

.user_name {
	padding: 0 20px;
}

.denglu {
	background: #0fc107;
	padding: 8px 20px;
	color: #fff;
	border-radius: 3px;
	margin-left: 30px;
}

.denglu:hover {
	background: #0fab08;
	color: #fff;
	text-decoration: none;
}

.banner_box {
	background: url(../images/banner.jpg) no-repeat center top;
	height: 600px;
}

.classify_list li {
	float: left;
	width: 390px;
	height: 160px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
}

.classify_list li:hover {
	background: #f2f4f7;
}

.classify_list li .classify_ico {
	float: left;
	margin-top: 40px;
	margin-left: 100px;
	margin-right: 20px;
}

.classify_list li .classify_wro {
	float: left;
	margin-top: 40px;
	font-size: 18px;
	padding-top: 14px;
}

.classify_list li p {
	color: #b2b2b2;
	font-size: 14px;
	margin-top: 5px;
}

.classify_list_box {
	width: 1170px;
	height: 320px;
	overflow: hidden;
}

.classify_list {
	width: 1174px;
	display: block;
}

.product {
	background: #f2f4f7;
}

.title {
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 100px;
}

.title h2 {
	font-weight: normal;
}

.title p {
	font-size: 12px;
	color: #888;
	margin-top: 15px;
}

.pro_list li {
	background: #FFF;
	width: 360px;
	text-align: center;
	padding: 20px;
	float: left;
	margin-left: 100px;
}

.pro_list li:hover {
	box-shadow: 2px 2px 30px #ccc;
}

.pro_list li h3 {
	margin-bottom: 10px;
	font-size: 16px;
}

.pro_list li p {
	margin-bottom: 40px;
	color: #666;
}

.app_intro, .app_pic {
	width: 500px;
	float: left;
}

/*助力车锁部分*/
.product2 {
	width: 100%;
	background: #1e1e20;
	position: relative;
}

.zuliche {
	width: 50%;
	height: 800px;
	float: left;
	background: url(../images/zuliche.jpg) no-repeat center;
	position: relative;
}

.zuliche h3 {
	text-align: center;
	bottom: 120px;
	position: absolute;
	width: 100%;
	font-size: 24px;
	font-weight: normal;
}

.chesuo {
	width: 50%;
	height: 800px;
	float: left;
	text-align: center;
	position: relative;
}

.chesuo_pic {
	width: 100%;
	text-align: center;
	margin-top: 150px;
}

.chesuo h3 {
	text-align: center;
	bottom: 120px;
	position: absolute;
	width: 100%;
	font-size: 24px;
	color: #fff;
	font-weight: normal;
}

.chesuo p {
	color: rgba(255, 255, 255, 0.5);
}

.product2 p {
	position: absolute;
	bottom: 90px;
	text-align: center;
	width: 100%;
	font-size: 14px;
}

/*助力车锁部分结束*/
.app_intro {
	width: 400px;
	margin-top: 120px;
	margin-left: 100px;
}

.app_intro h2 {
	font-size: 36px;
	margin-bottom: 6px;
	font-weight: normal;
}

.app_intro p {
	font-size: 20px;
	color: #666;
	margin-bottom: 30px;
}

.anzuo, .ios {
	float: left;
	text-align: center;
	margin-right: 20px;
}

.erweima img {
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
	margin-top: 20px;
}

.erweima p {
	font-size: 14px;
}

.footer {
	background: #f5f5f7;
	margin-top: 40px;
	color: #888;
}

.footer a {
	color: #888;
}

.footer a:hover {
	color: #0fc107;
}

.d_nav_box {
	padding-bottom: 60px;
}

.d_nav {
	width: 790px;
	float: left;
	padding-left: 50px;
}

.tel {
	width: 260px;
	float: left;
	padding-top: 5px;
	padding-left: 60px;
	border-left: solid 1px #e5e5e5;
}

.tel h3 {
	font-size: 24px !important;
	color: #000;
}

.tel_list li {
	padding: 5px 0;
}

.nav_list {
	float: left;
	margin-right: 80px;
}

.nav_list li {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.nav_list li h3 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 15px;
	color: #000;
}

.copyright {
	text-align: center;
	line-height: 80px;
	border-top: solid 0px #e6e6e6;
}

/*产品管理页*/
.data {
	width: 100%;
	padding: 100px 0;
	background: #1d1d1f;
}

.b_num {
	font-size: 36px;
}

.m_num {
	font-size: 18px;
}

.red {
	color: #f21411
}

.data_tit {
	text-align: left;
	padding-left: 25px;
	margin-bottom: 20px;
}

.data_box {
	color: #bcbcbe;
	text-align: center;
	float: left;
	width: 389px;
	border: solid 1px #333335;
	margin-left: -1px;
	padding: 20px 0 60px 0;
}

.data_num li {
	padding: 4px 0
}

.service, .bill {
	width: 100%;
	padding: 80px 0;
}

.service {
	background: #f2f4f7;
}

.add {
	float: right;
}

.service h2, .bill h2 {
	font-weight: normal;
}

.service a, .bill a {
	color: #26a5ee;
}

.service a:hover, .bill a:hover {
	color: #1a91d5;
	text-decoration: underline;
}

.service td {
	border-bottom: solid 1px #f0f2fc;
	padding: 24px 0;
}

.service td img {
	padding-left: 60px;
	width: 48px;
}

.serv_tb {
	width: 100%;
	font-size: 14px;
	color: #6f7b91;
	border-top: solid 1px #f0f2fc;
	margin: 40px 0;
	background: #fff;
	border-collapse: collapse;
}

.serv_tit {
	font-size: 16px;
	font-weight: normal;
}

.bill_tit th {
	border: solid 1px #edeff7;
	padding: 12px 0;
	background: #f8f9fc;
	color: #4c5059;
}

.bill td {
	border-bottom: solid 1px #f0f2fc;
	padding: 24px 0;
	text-align: center;
}

.bill_tb {
	width: 100%;
	font-size: 12px;
	color: #6f7b91;
	margin: 40px 0;
	border-collapse: collapse;
}

.bill_pay {
	font-size: 12px;
	font-weight: normal;
}

/*用户注册*/
.inputbox {
	border-top: 1px solid #ebebeb;
	padding: 100px 0;
	margin-bottom: 40px;
}

.b-input {
	padding: 0 40px;
	height: 700px;
	background: url(../images/register.jpg) right center no-repeat;
}

.inputbox h2 {
	margin-bottom: 60px;
	font-weight: normal;
	font-size: 24px;
}

.inputbox li {
	margin-bottom: 20px;
	font-size: 14px;
}

.l-word {
	width: 120px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 15px;
	line-height: 46px;
}

.shuru {
	border: 1px solid #ebebeb;
	height: 42px;
	width: 360px;
	padding: 0 10px;
	margin-left: 10px;
	font-family: 微软雅黑;
	color: #999;
}
.shuru2 {
	border: 1px solid #ebebeb;
	height: 42px;
	width: 380px;
	padding: 0 10px;
	margin-left: 10px;
	font-family: 微软雅黑;
	color: #000;
}

.reg-btn {
	display: block;
	font-size: 14px;
	width: 280px;
	color: #fff;
	height: 46px;
	background: #1796ea;
	line-height: 46px;
	text-align: center;
	margin: 40px 0 0 90px
}

.reg-btn:hover {
	background: #1288d6;
	color: #fff;
}

/*首页右侧固定 Start*/
.asid_share {
	position: fixed;
	width: 54px;
	top: 200px;
	right: 0;
	z-index: 890;
}

.asid_share_box {
	width: 54px;
	height: 54px;
	cursor: pointer;
	position: relative;
}

.wx {
	background: url(../images/wx.png) no-repeat 0 bottom;
}

.wx:hover {
	background: url(../images/wx.png) no-repeat 0 top;
}

.wxp_box {
	position: absolute;
	right: 60px;
	top: 0px;
	border: 1px solid #e5e5e5;
}

.side {
	position: fixed;
	width: 54px;
	height: 275px;
	right: 0;
	top: 254px;
	z-index: 100;
}

.side ul li {
	width: 54px;
	height: 54px;
	float: left;
	position: relative;
	border-bottom: 1px solid #444;
}

.side ul li .sidebox {
	position: absolute;
	width: 54px;
	height: 54px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	background: #000;
	opacity: 0.8;
	filter: Alpha(opacity = 80);
	color: #fff;
	font: 12px/54px "微软雅黑";
	overflow: hidden;
}

.side ul li .sidetop {
	width: 54px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
	background: #000;
	opacity: 0.8;
	filter: Alpha(opacity = 80);
	transition: all 0.3s;
}

.side ul li .sidetop:hover {
	background: #42aaf2;
	opacity: 1;
	filter: Alpha(opacity = 100);
}

.side ul li img {
	float: left;
}
</
style
>