html, body,div,img{ margin:0; padding:0 }
.bgd{
	width: 100%;
	/* height: 700px; */
	height: 689px;
	background: url('../img/home_banner.png') no-repeat center;
	background-size:cover;
	/* background-origin: content-box; */
}
.bgd .hz_container{
	display: flex;
	height: 552px;
	justify-content: center;
	align-items: center;
	padding-top: 50px;
}
.con{
	width: 1140px;
	height: 552px;
	background: #FFFFFF;
	display: flex;
}
.con .left{
	margin-top: 56px;
	margin-left: 60px;
	margin-right: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.con .left .t1{
	font-size: 28px;
	color: #333333;
	margin-bottom: 20px;
}
.con .left .t2{
	font-size: 14px;
	color: #888888;
}
.con .left .t2_1{
	color: #FE9D12;
}
.ss{
	margin-top: 56px;
	display: flex;
	align-items: center;
	width: 434px;
}
.shen,.shi{
	width: 159px;
	height: 45px;
	border: 1px solid #ccc;
}
.shi{
	margin-left: 12px;
}
#distpicker2{
	display: flex;
}

.letit{
	font-size: 14px;
	color: #333333;
	white-space: nowrap;
}
.letit .zy{
	color: #E00512;
	padding-right: 6px;
}
.letit .txt{
	white-space:nowrap;
	margin-right: 20px;
}
.mianji{
	display: flex;
	align-items: center;
	width: 434px;
	margin-top: 16px;
}
.inputya{
	width:320px;
	height: 39px;
	padding-left: 12px;
	border:1px solid #ccc;
}
.inputya:focus{
	border:1px solid #E50012;
}
.hux{
	display: flex;
	align-items: center;
	width: 434px;
	margin-top: 16px;
}
.hux .huxr{
	display: flex;
	flex-wrap: wrap;
}
.username{
	display: flex;
	align-items: center;
	width: 434px;
	margin-top: 16px;
}
.con .tel{
	display: flex;
	align-items: center;
	width: 434px;
	margin-top: 16px;
}
.se1{
	 background: url('../img/arrow.png') 90% center no-repeat; 
	/* the width and the height of your image */
	 width: 160px;
	 height: 45px;
	 overflow: hidden;
	 border: solid 1px #ccc;
	 margin-right: 10px;
}
.se1 select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    padding-left:10px;
    width: 160px;
    height:100%;  
	padding-right: 10px;
}
.se2{
	 background: url('../img/arrow.png') 90% center no-repeat; 
	/* the width and the height of your image */
	 width: 100px;
	 height: 45px;
	 overflow: hidden;
	 border: solid 1px #ccc;
	 margin-right: 14px;
	 margin-top: 10px;
}
.se2:last-child{
	margin-right: 0px;
}
.se2 select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    padding-left:10px;
    width: 100px;
    height:100%;    
}
.con .center{
	width: 114px;
	height: 552px;
	position: relative;
	justify-content: center;
	align-items: center;
	position: relative;
}
.con .center .geli{
	width: 1px;
	height: 552px;
	background: #E7E7E7;
	margin: 0 auto;
}
.con .center img{
	position: absolute;
	margin:0 auto;
	margin-top: -300px;
	z-index: 3;
	cursor: pointer;
}

.con >.right{
	width: 540px;
	margin-left: 50px;
	display: flex;
	flex-direction: column;
}
.con .right .pyj{
	font-size: 28px;
	color: #333333;
	margin-top: 56px;
}
.con .right .gujia{
	color: red;
	margin-left: 5px;
	margin-right: 5px;
}
.fei{
	width: 342px;
	height:304px ;
	margin-top: 72px;
	border: 1px solid #E7E7E7;
}
.fei .feiji{
	display: flex;
	width: 212px;
	height: 304px;
	height: 15px;
	white-space:nowrap;
	padding: 30px 64px;
	border-bottom: 1px dashed #f5f5f5;
	align-items: center;
}
.fei .feiji .je{
	margin-left: 104px;
	font-size: 20px;
	font-weight: 700;
    margin-right: 10px;
}
.fei .feiji:last-child{
	border-bottom: 0px;
}
.fei .feiji s{
	color: #888888;
	margin-left: 15px;
}
	


#mianji{
    background: url('../img/arrow.png') right center no-repeat; 
   /* the width and the height of your image */
    width: 100px;
    height: 30px;
    overflow: hidden;
    border: solid 1px #ccc;
}

#mianji select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    padding-left:10px;
    width: 100px;
    height:100%;    
}