@charset "utf-8";

/* Style Reset */
.pr {position:relative;}
.pa {position:absolute;}


html {

	font-size: 625%;

	-webkit-text-size-adjust: none;

	max-height: 100%

}


body {

	font-size: 14px;

}

body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt {

	margin: 0;

	padding: 0;

	font-family: "微软雅黑";

}

ul, ol, li, dl, dt, dd {

	list-style: none;

}

a {

	text-decoration: none;

	outline: 0px;

	color: #1C1D1B;

}

fieldset, img {

	border: 0;

}

img {

	max-width: 100%;

}

input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea {

	-webkit-appearance: none;

}

.c {

	clear: both;

	width: 100%;

}



/**/



@media all and (min-width:640px) {

.w { /* width: 640px !important; */

	margin: 0 auto;

	position: relative;

	padding-top: 0%;

}

}



@media only screen and (max-width:479px) and (min-width:321px) {

html {

	font-size: 70px;

}

}



@media only screen and (max-width:320px) {

html {

	font-size: 60px;

}

}

/*header*/



header {

    width:  100%;

}

.logo {

}

.logo a{}

.w1 {

	width: 100%;

	/* background: #21212d; */

}

.w{width: 100%;max-width: 640px;min-height: 750px;padding-bottom: 10px;}

.h {

	height: 1rem;

}





/* footer */

/* zhuti */

.foot, .head, .fixed {

	/* background: #349933; */

}



/* footer */

/*  */

.home_menu{

	background: #87CEFA;

	max-width:640px;

	min-width: 320px;

	position: fixed;

	bottom: 0;

	width: 100%;

	z-index: 9999999; 

}

.home_menu ul{

	width: 98%;

	overflow: hidden;

	margin:  5px auto;

}

.home_menu .li{float: left;width: 20%;position: relative;}

.home_menu ul li:nth-child(1),.home_menu ul li:nth-child(5){

	border-left: none;

}

.home_menu ul li:nth-child(3),.home_menu ul li:nth-child(2){/* border: 1px dashed white; */border-bottom:  none;border-top: none;}

.home_menu ul li:nth-child(2){}

.home_menu ul li:nth-child(4){}

.home_menu .li a{

	color: #fff;

	display: block;

	text-align: center;

	position: relative;

	font-size: 15px;

}

.home_menu .li img{

	display: block;

	width: 20%;

	margin: 0px auto 1px;

}

.home_menu .li1{

	width: 20%;

	position: absolute;

	top:-30%;

	left: 39%;

}

.wx {

    font-size: 0.1rem;

    overflow: hidden;

    line-height: 0.5rem;

    position: fixed;

    bottom: 10%;

    left: 0;

    width: 98%;

    padding: 0.2rem 0.1rem;

    background: #fff;

    z-index: 999999999;

    display: none;

}

.wx h3 {

    font-size: 0.2rem;

    line-height: 0.3rem;

}

.wx p {

    overflow: hidden;

}

.wx span {

    user-select: text;

    color: #363636;

    font-size: 0.3rem;

    float: left;

    margin-left: 0.1rem;

}

.wx a {

    background: #1b1b1b;

    color: #fff;

    float: right;

    padding: 0 0.8rem;

    font-size: 0.22rem;

}

.wx img {

    float: right;

    width: 8%;

    margin-top: 1%;

    height: auto;

}





/*qitaye  */





/*  */



.title_p {

	height: 0.6rem;

	line-height: 0.6rem;

	border-left: 0.1rem solid #595959;

	background: #6a6a6a;

	margin-top: 0.1rem;

	color: #ffffff;

	padding-left: 9px;

	font-size: 14px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.title_p a {

	color: #ffffff;

	font-size: 14px;

}

/*  */



.back {

	display: block;

	width: 21%;

	overflow: hidden;

	border-radius: 0.3rem;

	background: #1b1b1b!important;

	text-align: center;

	color: #F1E7E7!important;

	margin: 0 auto 15px;

	margin-top: 0.1rem;

	height: 0.4rem;

	line-height: 0.4rem;

	font-size: 14px;

}

/*  */





/* nav */



body {

	position: relative;

	width: 100%;

	height: 100%;

	max-width:  640px;

	margin:  0 auto;
	background:#eae1d2;

}

.allpage {

	position: relative;

	z-index: 10;

	height: auto;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	-ms-transition: all 0.3s ease-in-out 0s;

	transition: all 0.3s ease-in-out 0s;

	right: 0;
   border-left:5px solid #87CEFA;
   border-right:5px solid #87CEFA;
}

.clicked {

	right: 215px!important;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	-ms-transition: all 0.3s ease-in-out 0s;

	transition: all 0.3s ease-in-out 0s;

}

.nav {

	width: 120px;

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;
	display:none;
	/* z-index: 2; */

}

.fixed {

	width: 218px;

	height: 100%;

	position: fixed;

	right: 0;

	top: 0;

	bottom: 0;
	display:block;
	overflow-x: hidden;

}

.nav li {

	width: 100%;

	margin: 0 auto;

}

.nav li a {

	display: block;

	width: 100%;

	color: #fff;

	text-align: center;

	font-size: 14px;

	line-height: 37px;

}

.nav li a i {

	margin-right: 1%;

}

.nav li:last-child {

	margin-bottom: 20%;

	border-bottom: 0;

}

#allmap {

	width: 100%;

	height: 8rem;

	font-size: 0.18rem

}

.share {

	bottom: 5%;

	display: none;

	z-index: 9;

	position: fixed!important;

	width: 100%;

}

.black-fixed {

	position: fixed;

	z-index: 99999!important;

	left: 0;

	width: 0;

	top: 0;

	height: 150%;

	background: rgba(0, 0, 0, 0.29);

	text-align: right;

	font-size: 27px;

	color: #fff;

	line-height: 2;

	right: 0;

	overflow: hidden;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	-ms-transition: all 0.3s ease-in-out 0s;

	transition: all 0.3s ease-in-out 0s;

	opacity: 0;

}

.black-clicked {

	width: 100%;

	padding-right: 2%;

	left: -215px;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	-ms-transition: all 0.3s ease-in-out 0s;

	transition: all 0.3s ease-in-out 0s;

	opacity: 1;

}

/* zhuti */

.foot, .head, .fixed {

	background: #b40203;

}