body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td { 
padding: 0; 
margin: 0; 
} 
table { 
border-collapse: collapse; 
border-spacing: 0; 
} 
fieldset,img { 
border: 0; 
} 
ol,ul { 
list-style: none; 
} 
.clear{ clear:both;}

a{text-decoration:none;}

@font-face {
  font-family: 'iconfont';  /* project id 411332 */
  src: url('//at.alicdn.com/t/font_411332_sh3788o5ga3piudi.eot');
  src: url('//at.alicdn.com/t/font_411332_sh3788o5ga3piudi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_411332_sh3788o5ga3piudi.woff') format('woff'),
  url('//at.alicdn.com/t/font_411332_sh3788o5ga3piudi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_411332_sh3788o5ga3piudi.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;color:
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


body{ background:#f7f6f1; font-size:12px; line-height:1.5em; font-family:"微软雅黑",Verdana, Geneva, sans-serif;}
.box{ margin:0 auto; width:1008px; position:relative;}
.header{ height:85px; background:#f3f0ea;}
.logo{ position:absolute;left:0;top:22px;}
.nav{ position:absolute; right:0;top:40px;}
.nav ul li{ float:left;}
.nav ul li a{ background:url(navli.png) right center no-repeat; display:block; font-size:14px; float:left; color:#6e6a6a; padding:0 18px; text-decoration:none; font-weight:bold;}
.nav ul li a:hover{ color:#fca62f;}
.banner{ height:479px; background:url(banner.jpg) center top repeat-x; width:100%;}
.banner .box{
	height: 479px;
    top: -1px;
    left: 0px;
}
.login{position:absolute;right:80px; top:60px; width:382px; height:378px; background:url(login01.png) no-repeat;background-size:100% 100%;
}
.login1{position:absolute;right:80px; top:60px; width:382px; height:378px;display:none;}
.login0{position:absolute;right:80px; top:60px; width:382px; height:378px;}
.logintext_drop{ border:2px solid #ebeeef; background:url(img07.png) 200px center no-repeat #fafcf6; height:32px; line-height:32px; padding:3px 30px 3px 2px; width:195px; font-size:13px; color:#DBD8D8;}
.logintext{ border:2px solid #ebeeef; background:#fafcf6; height:30px; line-height:32px; padding:3px 30px 3px 2px; width:195px; font-size:13px; color:#DBD8D8;}
.logintext1{ border:2px solid #ebeeef; background:#fafcf6; height:30px; line-height:32px; padding:3px 30px 3px 2px; width:215px; font-size:13px; color:#DBD8D8;}
.qq{ position:absolute; right:75px; bottom:87px;}
.loginbtn{ border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #fca62f;
    width:340px;     height:50px;     line-height:50px;     color:#fff;     font-size:21px;     position:absolute;     right:13px;     bottom:13px;     cursor:pointer;
    top: 315px;
}
.loginbtn1{ background:#fca62f; width:340px; height:50px; line-height:50px; color:#fff; font-size:21px; border:none; position:absolute; right:13px; bottom:13px; cursor:pointer;}
.login span{ position:absolute; font-size:13px; color:#999999;}
.login0 span{ position:absolute; font-size:13px; color:#999999;
	right: 58px;
	top: 24px;
}

.liucheng{ border-top:10px solid #ededea; color:#525252; padding-bottom:20px;}
.liucheng .box h2{ font-size:26px;  margin:30px 0 20px;}
.liucheng .box h2 span{ font-size:16px;}
.liucheng .box h3{ font-size:16px; margin-top:18px; margin-bottom:5px;}
.liucheng .box p{ font-size:13px;}

.intro{ background:url(introbg.png) top repeat-x; width:100%; display:block; height:250px;}
.intro .box ul li{ float:left; width:23%; border-right:1px solid #ede8d6; padding:10px 5%; margin-top:50px;}
.chaxun{ background:#131313; height:320px;}

.search{ border:1px solid #333131; background:#201d1c; height:75px; border-radius:6px; width:530px; margin:0 auto;}
.searchtext{ float:left; width:200px; height:50px; line-height:50px; margin-top:12px; font-size:25px; border:none; background:url(img06.png) left center no-repeat; padding-left:170px; color:#fff;}
.searchbtn{ background:#07aeba; height:75px; line-height:75px; color:#fff; font-size:25px; text-align:center; display:block; width:160px; float:left; border:none;border-radius:6px; cursor:pointer;}

.footer{ background:#000; padding:25px 0 20px 0}
.footer p{ font-size:13px; color:#747677; text-align:center;}
.footer p a{color:#747677; text-decoration:none;}
.sl{ height:35px; border:1px solid #d8ded1; background:#f1f1e5; margin-left:2%;width:30%;text-align:center; color:#999; font-size:14px;}
.kh{float:left;width:64%;}
.citys{float:left;width:64%;}
.m-logo{text-align:center;display:none;}




/*步骤*/
.step{
	overflow: hidden;
}
.step ul{
	margin: 0 -15px;
}
.step li{
	float: left;
	padding: 0 15px;
	background: url(arr.png) right center no-repeat;
}
.step li.end{
	background: none;
}
.step .step-box{
	width: 295px;
	height: 65px;
	background: #b9bdbc;
	border-radius: 5px;
}
.step .step-box .num{
	font-size: 48px;
	color: #fff;
	font-weight: bold;
	float: left;
	padding: 0 15px;
	line-height: 65px;
}
.step .step-box .text{
	font-size: 16px;
	color: #fff;
	float: left;
	width: 176px;
	padding: 7px 0;
	line-height: 25px;
}
.step .step-box .text{
	font-size: 16px;
	color: #fff;
	float: left;
	width: 176px;
	padding: 7px 0;
	line-height: 25px;
}

.drawer-container{
	display: none;
}
.index-banner{
	display: none;
}

.drawer-container .navbar{
    pointer-events: initial;
    background: #86926c;
    border: 0;
    box-shadow: none;
    display: block;
    float: left;
    height: 17px;
    padding:6px 5px 5px 5px;
    border-radius: 2px;
}
.drawer-container{
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	z-index: 11111;
	box-sizing: border-box;
}
.navbar-icons {
    width: 22px;
    height: 17.3px;
    position: relative;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: .5s ease-in-out;
    display: inline-block;
    cursor: pointer
}

.navbar-icons span {
    display: block;
    background-color: white;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: .25s ease-in-out
}

.navbar-icons span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.navbar-icons span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.navbar-icons span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    transform-origin: left center
}
.drawer-open .navbar {
    box-shadow: none;
    background-color: rgba(0,0,0,0);
    color: #636972
}

.drawer-open .navbar {
    background: none !important
}

.drawer-open .navbar .navbar-icons span {
    background-color: #636972
}

.drawer-open .navbar .navbar-icons span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 3px
}

.drawer-open .navbar .navbar-icons span:nth-child(2) {
    width: 0;
    opacity: 0
}

.drawer-open .navbar .navbar-icons span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 16px;
    left: 3px
}


.drawer-down{
	
}

.header.translate {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    top: 0
}

@media (max-width: 640px) {
    .liucheng .box h2{ margin:10px 0 20px;display:none;}
	.chaxun{
		height: 250px;
	}
	img{
		max-width: 100%;
	}
	.banner{
		background: none!important;
		height: auto;
	}
	.banner .box{
		padding: 20px 0px;
		height: auto;
	}
	.index-banner{
		display: block;
	}
	.wrap{
		overflow: hidden;
	}
	.drawer-container{
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		padding: 15px;
	}
	.drawer-open{
		z-index: 113;
	}
	.search{
		width: auto;
		height: auto;
		padding: 10px 0px;
		overflow: hidden;
		position: relative;
		margin: 0 15px;
		box-sizing: border-box;
	}
	.liucheng{
		padding: 0 15px;
               
	}
	.step ul {
	    margin: 0 0;
		display:none;
            
	}
	.step ul li{
		float: none;
		background: none;
		padding: 0 0 ;
		padding-bottom:20px;
		margin-bottom: 10px;
		background: url('../images/down.png') center bottom no-repeat;
	}
	.step .step-box{
		width: 100%
                
	}
	.box{
		width: 100%;
		box-sizing: border-box;
                
	}
	.intro{
		height: auto;
		margin-top: 20px;
		padding-bottom:30px;
	}
	.intro .box ul {
		overflow: hidden
	}
	.intro .box ul li{
		float: none;
		width: 80%;
		border-right: 0;
		margin: 0 auto;
		margin-top: 20px;
	}
	.searchtext{
		width: auto;
		height: 30px;
		line-height: 30px;
	    background: url(img06.png) left center no-repeat;
	    background-size: 100px 24px;
		padding-left: 100px;
		position: relative;
		outline: none;
		font-size: 14px;
		margin-top: 0;
	}
	.searchbtn{
		width: 110px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		position: absolute;
		right: 0;
		top: 0;
	}
	.header{
		position: fixed;
		width: 100%;
		height: auto;
		z-index: 111;
		transition: all .4s cubic-bezier(.42,0,.58,1);
	    -webkit-transform: translateY(-100%);
	    transform: translateY(-100%);
	    top: -100%;
	    max-height: 100vh;
	    max-height: 100%;
	    padding-top: 30px;
	}
	.header .box{
		padding: 15px;
		box-sizing: border-box;
	}
	.nav{
		position: static;
	}
	.nav ul li{
		line-height: 40px;
		float: none;
		width: 100%;
		border-bottom: 1px solid #dfdfdf
	}
	.logo {
	    position: static;
	    left: 0;
	    top: 0;
	    width: auto!important;
	    overflow: hidden;
	    display: block;
	    margin-bottom: 10px;
	}
	.logo img{
		max-width: 100%;
	}
	.nav ul li a{
		float: none;
		background: none;
	}


	.login{ background:url(login03.png) no-repeat;background-size:100% 100%;
		width: 98%!important;
		left: 0px!important;
		right: 0px!important;
    	        top: 0px!important;
                margin:0 auto;
    	position: relative!important;
		display:none;
	}
	.login0{width: 98%!important;
		left: 0px!important;
		right: 0px!important;
    	top: 0px!important;
        margin:0 auto;
    	position: relative!important;
	    border:0px solid #666;display:block;background:#fff;}
	
	
	.login1{width: 99%!important;
		left: 0px!important;
		right: 0px!important;
    	top: 0px!important;
        margin:0 auto;
    	position: relative!important;
	    border:0px solid #666;display:block;background:#fff;}
				
	.login2{
		left: 0px!important;
		right: 0px!important;
    	top: 0px!important;

	}

	.loginbtn{
		width: 93%;
                margin:0 auto;background:#FB0000;
	}
	.loginbtn1{
		width: 90%;
                margin:0 auto;
	}
	.logintext_drop{border:1px solid #ebeeef;border-radius:1px;height:38px;background:#fafcf6;
		width: 205px!important;
	}
	.logintext_drop1{border:1px solid #ebeeef;border-radius:1px;height:42px;background:#fafcf6;
		width: 88%!important;color:#DBD8D8
	}
	.logintext{border:1px solid #ebeeef;border-radius:1px;height:38px;background:#fafcf6;
		width: 205px!important;
  	}
	.logincode{border:1px solid #ebeeef;border-radius:1px;height:38px;background:#fafcf6;
		width: 110px!important;
	}
	.logincode1{border:1px solid #ebeeef;border-radius:1px;height:42px;background:#fafcf6;
		width: 88%!important;color:#DBD8D8
	}
	.login0 span{
                font-family:"微软雅黑";
                right: 68%!important;
				position:absolute;
	}
	
	.login1 span{
                font-family:"微软雅黑";
                right: 72%!important;
				position:absolute;
	}

	.login0 span1{
                font-family:"微软雅黑";
                right: 63%!important;
				
	}
	.login1 .span1{
                font-family:"微软雅黑";
                right: 63%!important;
	}

        .logintext1{
		width: 215px!important;padding:3px 0px 3px 2px;
	}
    .sl{ height:35px; background:#f1f1e5; margin-left:6px;width:30%;text-align:left; color:#FFB400; font-size:14px;}
	.kh{width:221px!important;}
	.citys{width:271px!important;}
    .m-logo{text-align:center;display:block;}
	
	
.PopupLayer{
		width: 300px!important;
		margin-left: -150px!important;
	}

	.nav li:nth-child(2){
		display: none;
	}
	.nav li:nth-child(5){
		display: none;
}
	.login1 	.sp-tel{
	    right:185px!important;top:265px!important;
		position:absolute;
	}
	
	.login1 	.sp-tel2{
	    right:185px!important;top:365px!important;
		position:absolute;
	}
	
	
.btn {
    display: inline-block;
    padding: 2px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57142857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 22px;
}	
.btn-primary {
    color: #fff;
    background-color: #62a8ea;
    border-color: #62a8ea;
}	
	

.btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open>.dropdown-toggle.btn-outline.btn-primary {
    color: #fff;
    background-color: #62a8ea;
    border-color: #62a8ea;
}


.btn-outline.btn-primary {
    color: #62a8ea;
    background-color: transparent;
}