@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	line-height: 1;
	text-decoration: none;
}

body { margin:0; padding:0;background-color: #f9f1de;}
.main{ margin: 0 auto;  }
#header { width:100%;
	margin: 0 auto;
	background-color: #f9f1de;
}

#header img {
	display: block;
}

#header .grid-one {
    margin: 0 .45rem;
	display: flex;
	align-items: center;
	
	margin-top:0.9rem ;
	border-bottom: dashed 1px #c1b285;
}

#header .grid-one img { float: left;}


#header .grid-one .img-0 {
	width:2rem;
	}
.tit{ padding-left:.2rem;}
.titimg01{ width:14rem ;}	

#header .grid-one .img-one  img{
	width:7.5rem;
	margin-left:1.5em;
	
}

#header .grid-one .img-two{    position: absolute; right:2%; }

#header .grid-one .img-two img {
	
	width:10rem;
	
}

#header .grid-two {
	display: grid;
}

#header .grid-two .img-three {
	width:1rem;
	height:1rem;
}

#header .grid-two .img-four {
	width: 1rem;
	height:1.2rem;
}

#header .grid-two .img-five {
	width: 1rem;
	height:1.2rem;
}

#header .grid-two .p-one {
	font-size: 1rem;
	color: #535c64;
	text-align: center;
	margin-bottom: 0.75rem;
	margin-top: 0.75rem;
}

#header .grid-two .flex {
	display: flex;
	align-items: center;
	margin: 0.15rem 0 0.15rem 0.7rem;
	}
#header .grid-two .flex a{ color: #000;}
#header .grid-two .flex .p-two {
	font-size: 1rem;
	margin-left: 0.6rem;
	border-bottom: 1px solid #eccda6 ;
	padding-bottom:0.375rem;
}

#header .grid-two .flex .p-three {
	font-size: 0.9rem;
	color: white;
	box-shadow: 1px 0.075rem 0px #31cebe82;
	padding: 0.05rem 0.225rem;
	border-radius: 0.75rem;
	background-color: #25958a;
}

#header .grid-two .flex .p-four {
	font-size: 0.9rem;
	color: #333333;
}


/*map*/

#sec-one {
	margin: 0 auto;
	padding-top: 0.75rem;
	background-color: #f9f1de;
	padding-bottom: 1px;
}

#sec-one img {
	display: block;
}

#sec-one #l-map {
	height: 20rem;
	width:98%;
	margin: 0 auto;
	border: 1px solid #d1b4ae;
	-moz-box-shadow:2px 2px 7px rgba(10,1,2,0.15); -webkit-box-shadow:2px 2px 7px rgba(10,1,2,0.15); box-shadow:2px 2px 7px rgba(10,1,2,0.15);
}

#sec-one #l-map p {
	font-size: 0.9rem;
	line-height: 2;
}

#sec-one #l-map * {
	font-size: 0.9rem;
}


#sec-one #r-result,
#sec-one #r-result table {
	margin: 0 auto;
	
}

#sec-one #hide input {
	outline: none;
	font-size: 0.9rem;
	padding: 0.25rem;
	display: block;
	margin: 0.25rem auto;
	width:19.15rem;
	height:1.85rem;
	line-height:1.8rem;
}

#sec-one #hide input::-webkit-input-placeholder {
	color: #d7d7d7;
}

#sec-one #hide input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #d7d7d7;
}

#sec-one #hide input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #d7d7d7;
}

#sec-one #hide input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #d7d7d7;
}

#sec-one #hide button {

	outline: none;
	font-size: 0.9rem;
	display: block;
	border: none;
	margin: 0.25rem auto;
	width:7.9rem;
	height:2.25rem;
	background: url(../images/baidu_34.png) no-repeat ; background-size: contain;

}
#qi{ border-radius:6px; border: 1px solid #e7dbbd; background: #fff;}

#zhong{border-radius:6px; border: 1px solid #e7dbbd; background: #9c9c9c;}

#sec-one #hide select {
	border: 1px solid gainsboro;
	outline: none;
	font-size: 0.9rem;
	display: block;
	margin: 0 auto;
	width: auto;
	padding: 0.25rem 1.25rem;
}

#sec-one #hide option {
	text-align: center;
	margin: 0 auto;
	width: auto;
	display: table;
	padding-left: 50%;
	text-align: center;
	text-align-last: center;
}

#sec-one #hide .lable {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.75rem;
}

#sec-one #hide .lable label {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.375rem;
}

#sec-one #hide .lable label input {
	display: block;
	width: 1rem;
	height: 1rem;
}

#sec-one #hide .lable label p {
	font-size:1rem;
	margin-left: 0.125rem;
}

#sec-one #show {
	width:10rem;
	height:2.5 rem;
	font-size: .9rem;
	background-color: gainsboro;
	line-height: 2.5rem;
	text-align: center;
	text-align-last: center;
}

#sec-one #span {
	visibility: hidden;
}

#sec-one #Wjg {
	font-size: 0.9rem;
	text-align: center;
	margin: 0.375rem;
}





#sec-three {
	margin: 0 auto;
}

#sec-three .flex {
	display: flex;
	font-size: 0.9rem;
	color: #000;
	align-items: center;
	justify-content: center;
}

#sec-three .flex-one {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top:2rem;
	margin-bottom:5rem;
}

#sec-three .flex-one span {
	display: block;
	height:10rem;
	width: 0;
	border-right: 1px dashed #666666;
}

#sec-three .flex-one div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

#sec-three .flex-one p {
	font-size:1.2rem;
	color: #666666;
	width: 100%;
	text-align: center;
	margin-top: 1.1rem;
}

#sec-three .flex-one img{
	width:4.05rem;
	height:4.005rem;
}


.BMap_cpyCtrl,
.anchorBL {
	display: none;
}

.bottomswt a{ display:inline-block;  padding: .5rem 1rem;  border: 1px solid #000; color: #fff; margin-right: 1rem; border-radius: 15px; background: #757575; font-size:0.5rem; }
 
.sec-two2{margin:1rem auto;  }
.sec-two2 .mtab{  margin: 0   auto; }
.tit1 img.titimg02{ width:14.5rem ;}
.tit1 img.titimg03{ width:15.25rem ;}
.tit1 img.titimg04{ width:13.95rem ;}
.tit2{ border:#c6c6c6 1px solid; margin: 0 auto; background: #f3f3f3; border-radius:1rem ; overflow: hidden; padding: 0.1rem; }
.tit2 .leftimg{ float: left; width:8.5rem ;}
.tenco { float: left; width:22rem; } 
.tenco .tabb{ clear: both; padding:.4rem 0 .4rem 1rem; }
.tenco .tabb .img-0{ width:1.15rem; float: left;}
.tenco .tabb p { font-size:1rem; color: #000; display: block; padding-left: 1.6rem; line-height:1.5;}
.tenco .tabb p span {color: #31aadf;}
/*苹果5s*/
@media only screen and (min-width: 320px) and (max-width: 340px) {
#header .grid-one{margin: 0 .8rem;}
.bottomswt a{ margin: 0;}
#sec-one #hide button{ width:10rem; height:3rem;}
.tit2 .leftimg{ width:6rem ;}
.tenco{ width:20rem ;}

}