body{
	color: #484848;
}
.head {
    background: url(../images/mobile/mobile.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.info h2{
	padding-bottom: 50px;
}
.title{
	font-size: 50px;
	color: #56a5f1;
	padding-top: 105px;
	padding-bottom: 50px;
	text-align: center;
}
.method{
	height: 760px;
}
.method_top{
	width: 1100px;
	margin: 0 auto;
	font-size: 14px;
	padding-bottom: 100px;
}
.top_left{
	float: left;
	text-align: center;
	margin-left: 4%;
}
.top_right{
	float: right;
	text-align: center;
	margin-right: 4%;
}
.top_title{
	font-size: 18px;
	height: 30px;
}
.CATI{
	margin-top: 10%;
}
.process{
	width: 100%;
	height: 900px;
	background-color: #f9fafb;
}
.process_detail{
	width: 1100px;
	margin: 0 auto;
}
.detail_small{
	float: left;
	width: 14%;
	height: 80px;
	border-radius: 10px;
    box-shadow: 1px 1px 30px #d6e8f9;
    font-size: 18px;
    text-align: center;
    line-height: 80px;
    margin-left: 2.5%;
}
.blue{
	float: left;
	width: 5%;
	height: 10px;
	margin-top: 3.2%;
	background:url(../images/mobile/pic03.png) -23px 0 no-repeat;
}
.detail_big{
	float: left;
	width: 74%;
	height: 80px;
	border-radius: 10px;
    box-shadow: 1px 1px 30px #d6e8f9;
    font-size: 14px;
}
.big_last{
	text-align: center;
	line-height: 80px;
}
.next{
	margin-left: 8%;
	width: 30px;
	height: 35px;
	background:url(../images/mobile/pic03.png) 10px 0 no-repeat;
}
.line{
	width: 100%;
	height: 90px;
}
.blue_arrow{
	display: inline-block;
	width: 100px;
	height: 30px;
	background:url(../images/mobile/pic03.png) -21px -2px no-repeat;
}
.bigP01{
	width: 240px;
	height: 45px;
	margin-top: 16px;
	display: inline-block;
	margin-left: 6%;
	margin-right: 4%;
	text-align: left;
	line-height: 1.6;
}
.bigP02{
	width: 282px;
	height: 45px;
	margin-top: 15px;
	display: inline-block;
	margin-left: 6%;
	text-align: left;
	line-height: 1.6;
}
.p01{
	position: relative;
	top:-10px;
}
.p02{
	position: relative;
	top:9px;
}
.p03{
	position: relative;
	top:8px;
}
.p04{
	position: relative;
	top:-13px;
}
.p05{
	position: relative;
	top:-15px;
}
.arrow02{
	position: relative;
	top:20px;
}
.plan{
	height: 600px;
}
.plan_detail{
	width: 1100px;
	margin: 0 auto;
}
.plan_detail div{
	display: inline-block;
	width: 205px;
	height: 300px;
	border-radius: 10px;
    box-shadow: 1px 1px 60px #d6e8f9;
    float: left;
}
.plan_detail div span{
	color: #56a5f1;
	font-size: 18px;
	margin-left: 8%;
	float: left;
	height: 130px;
	line-height: 120px;
}
.plan_detail div i{
	display: inline-block;
	width: 45px;
	height: 130px;
	margin-left: 32%;
	background: url(../images/mobile/pic04.png) 10px 40px no-repeat;
}
.bigP{
	font-size: 18px;
	margin-left: 8%;
	padding-top: 10px;
	padding-bottom: 30px;
}
.samllP{
	font-size: 14px;
	margin-left: 8%;
	width: 172px;
}
.myPlan02,
.myPlan03,
.myPlan04{
	margin-left: 1.7%;
}
.myPlan05{
	float: right!important;
}
.pianIcon01{
	margin-left: 45%!important;
}
.pianIcon02{
	background-position: -41px 40px!important;
}
.pianIcon03{
	background-position: -86px 40px!important;
}
.pianIcon04{
	background-position: -133px 40px!important;
}
.pianIcon05{
	background-position: -175px 40px!important;
}
.cars{
	background-color: #f9fafb;
	width: 100%;
	height: 500px;
}
.cars .title{
	font-size: 50px;
	color: #56a5f1;
	padding-top: 85px;
	padding-bottom: 50px;
	text-align: center;
}
.cars_detail{
	width: 1100px;
	height: 116px;
	margin: 0 auto;
}
.cars_detail span{
	float: left;
	display: inline-block;
	width: 181px;
	height: 114px;
	border: 1px solid gray;
	background-color: #fff;
}
.cars_detail span:hover{
	border-color: #56a5f1;
}
.span01,
.span02,
.span03,
.span04,
.span05{
	border-right: none!important;
}
.cars_detail i{
	display: inline-block;
	width: 108px;
	height: 73px;
	background: url(../images/carLogo.jpg) no-repeat;
	margin-top: 10%;
	margin-left: 20%;
}
.band01{
	background-position: -34px -26px!important;
}
.band02{
	background-position: -216px -30px!important;
}
.band03{
	background-position: -402px -30px!important;
}
.band04{
	background-position: -585px -30px!important;
}
.band05{
	background-position: -764px -30px!important;
}
.band06{
	background-position: -953px -30px!important;
}
.band01:hover{
	background-position: -34px -139px!important;
}
.band02:hover{
	background-position: -216px -143px!important;
}
.band03:hover{
	background-position: -402px -143px!important;
}
.band04:hover{
	background-position: -585px -143px!important;
}
.band05:hover{
	background-position: -764px -143px!important;
}
.band06:hover{
	background-position: -953px -143px!important;
}

