body {
	margin: 0 auto;
	color: #333;
	font-size:100%
}
div,form,dl,dt,dd,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
img {
	border: 0;
	max-width:100%
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0
}

.clearfix {
    zoom: 1
}
.fl{flaot:left}
.fr{float:right}
.tc{text-align:center}
.mt20{margin-top:20px}
.top{
	height:80px;	
	background:#fa6501
}
.login{
	float:left;	
	margin:15px auto 0 auto;
	width:35%;
	padding-left:10px
}
.tel{
	float:right;
	width:55%;
	color:#fff;
	margin:25px auto 0 auto;
	text-align:right;
	padding-right:10px
}
.banner{}
.con{
	padding:0 20px	
}
.title{
	margin:30px auto 15px;
	text-align:center;
}
.t1{max-width:280px}
.t2{max-width:90px}
.t3{max-width:150px}
.t4{max-width:380px}
.t5{max-width:200px}
.text{
	margin:15px auto;
	line-height:150%
}
.bg{
	height:160px;
    margin:0 -20px;
	background-size:cover
}
.bg1{
	background:url(../images/b1.png) repeat-x center bottom
}
.bg2{
	background:url(../images/b2.png) repeat-x center bottom
}
.bg3{
	background:url(../images/b3.png) repeat-x center bottom
}
.bg4{
	background:url(../images/b4.png) repeat-x center bottom
}
.bg5{
	background:url(../images/b5.png) repeat-x center bottom
}
.btn{
	text-align:center;
	padding:80px 0 30px;
	max-width:180px;
	margin:0 auto
}
.btn2{max-width:150px}
.btn img{width:auto}
.btnjoin{padding:40px 0}
.list li{
 height:60px;
 line-height:60px;
 text-align:center;
 font-size:0.7em;
 padding:0 5px;
}
.list li.L1{background:#ffc000}
.list li.L2{background:#ffa800}
.list li.L3{background:#ff8a00}
.list li.L4{background:#ff6600}
.blue{background:#216280;padding-top:10px}
.caselist li{
    float:left;
    display:inline;
    width:40%;
    margin:10px auto 10px 6%;
    color:#fff;
    font-size:0.8em;
    text-align:center
}
.formcon{
    
}
.formcon ul li{
    padding:10px 0;
	text-align:center
}
/*.formcon ul li label{
    display:inline-block;
    width:60px;
    text-align:right;
    margin-right:20px;
    vertical-align:top
}*/
.formcon ul li input{
    width:85%;
    height:40px;
    line-height:40px;
	background:#f4f4f4;
    border:1px solid #ccc;
	text-indent:30px
}
.formcon ul li input.user{
	background:url(../images/user.png) no-repeat 5px center #f4f4f4;
	background-size:auto 50%
}
.formcon ul li input.phonenum{
	background:url(../images/phone.png) no-repeat 8px center #f4f4f4;
	background-size:auto 60%
}
.formcon ul li input.phonenum2{
    background:url(../images/city.png) no-repeat 5px center #f4f4f4;
    background-size:auto 60%
}
.formcon ul li textarea{
	border:1px solid #ccc;
	width:85%;
	background:#f4f4f4
}
.formcon ul li .error{
    color:#f00;
    margin-left:10px
}
.formcon ul li .button{
    border:0;
    max-width:150px;
	height:44px;
    margin:0 auto;
    cursor:pointer;
	background:url(../images/btn5.png) no-repeat;
	background-size:100% 100%
}
form ul li span.invalid {
	color:red;
    margin-top:10px;
	display:block;
	font-size:0.8em
}

form ul li input.invalid {
	color:red;
	border: 1px solid red
}
.menu{
    padding-top:3px;
    height:60px;
    border-top:1px solid #c35003;
    position:fixed;
    left:0;
    bottom:0;
    z-index:999;
    background:#ff6a06;
    width:100%;
    box-shadow: 0 -1px 2px #eee
}
.menu a{
    float:left;
    display:inline-block;
    width:24%;
    color:#fff;
    text-decoration:none;
    text-align: center;
    font-size:0.8em
}
.menu a i{
    display:block;
    width:40px;
    height:40px;
    margin:0 auto
}
.menu a.share:hover,.menu a.phone:hover,.menu a.join:hover,.menu a.services:hover{color:#ff0}
.menu a.share i{background:url(../images/i1.png) no-repeat}
.menu a.share:hover i{background:url(../images/i2.png) no-repeat}
.menu a.phone i{background:url(../images/i3.png) no-repeat}
.menu a.phone:hover i{background:url(../images/i4.png) no-repeat}
.menu a.join i{background:url(../images/i5.png) no-repeat}
.menu a.join:hover i{background:url(../images/i6.png) no-repeat}
.menu a.services i{background:url(../images/i7.png) no-repeat}
.menu a.services:hover i{background:url(../images/i8.png) no-repeat}
.menu a.share i,.menu a.share:hover i,.menu a.phone i,.menu a.phone:hover i,.menu a.join i,.menu a.join:hover i,.menu a.services i,.menu a.services:hover i{background-size:60% 60%;background-position: center center}
.servicesNav{
	position:fixed;
	right:0;
	bottom:40%;
	z-index:9999
}
.kefu{
    width:100px;
    height:100px;
    position:fixed;
    background:url(../images/services.png) no-repeat;
	background-size:100% 100%;
    right:0;
    bottom:40%;
    cursor:pointer;
    z-index:9999
}
.num{
	background-color: #ff3b30;
    border-radius: 15px;
    color: #fff;
    display: none;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 26px;
	right:70px;
	bottom:65px;
}
.message {
    background: #fff;
    border-radius: 4px;
	right:5px;
    bottom:-90px;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.16);
    color: #000;
    display: none;
    line-height: 1.42857;
    position: absolute;
    text-align: left;
    width:300px
}
/*.servicesNav{*/
    /*position:fixed;*/
    /*right:0;*/
    /*bottom:208px;*/
    /*z-index:9999*/
/*}*/
/*.kefu{*/
    /*width:58px;*/
    /*height:238px;*/
    /*background:url(../images/services1.png) no-repeat;*/
    /*margin-right:-14px;*/
    /*background-size: 65%;*/
    /*cursor:pointer;*/
    /*z-index:9999*/
/*}*/
/*.num{*/
    /*background-color: #ff3b30;*/
    /*border-radius: 15px;*/
    /*color: #fff;*/
    /*display: none;*/
    /*font-size: 10px;*/
    /*height: 17px;*/
    /*line-height: 17px;*/
    /*position: absolute;*/
    /*text-align: center;*/
    /*width: 17px;*/
    /*right:50px;*/
    /*bottom:160px*/
/*}*/
/*.message {*/
    /*background: #fff;*/
    /*border-radius: 4px;*/
    /*right:72px;*/
    /*bottom:32%;*/
    /*box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.16);*/
    /*color: #000;*/
    /*display: none;*/
    /*line-height: 1.42857;*/
    /*position: absolute;*/
    /*text-align: left;*/
    /*width: 179px*/
/*}*/
.message:after{
	border:8px solid transparent;
	border-bottom:8px solid #fff;
	width:0;
	height:0;
	position:absolute;
	right:10px;
	top:-16px;
	content:''
}
.message .inside{
	margin:12px 18px
}
.message .inside img{
	border-radius: 13px;
    /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);*/
	border:1px solid #ccc;
    height: 15px;
    margin-right: 6px;
    vertical-align: top;
    width: 15px;
}
.message .inside .name{
	color: #000;
    display: inline-block;
    font-size: 6px;
    margin-top: 3px;
}
.message .inside .msg{
	color: #000;
    font-size: 10px;
    margin-top: 6px;
    max-height: 40px;
    overflow: hidden;
}
.message .inside .close{
	cursor: pointer;
    height: 10px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 10px;
	color:#333
}
.footer{width: 100%;background: #eee;margin-bottom: 60px;overflow: hidden;}
.footer p{line-height: 20px;font-size:0.8em;padding-left: 10%;
    border-bottom:1px solid #fff;
}
.footer p.color{
    background: #999;
    line-height: 30px;
}