@charset "utf-8";
body,
p,
input,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
form {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: normal;
}

*:focus {
	outline: none;
}


/* CSS Document */

html,
body {
	height: 100%;
	width: 100%;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

input {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

header,
section,
footer {
	display: block;
	margin: 0;
	padding: 0
}

body {
	color: #000;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	text-align: left;
	background-color: #FFFFFF;
	font-family: "微软雅黑", helvetica, arial;
	font-size: 16px;
	/* iphone5 宽度标准字号 */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-size: cover;
}

@media (min-width: 370px) {
	body {
		font-size: 19px;
		/* iphone6 宽度标准字号 */
	}
}

@media (min-width: 401px) {
	body {
		font-size: 21px;
		/* iphone6 plus 宽度标准字号 */
	}
}


/* 字号说明（iphone5为基础）
   1em=16px
   0.8em=14px
   0.6em=12px 
*/


/*底部地图*/

.wx_pic {
	width: 100%;
	height: 100%;
}

.wx_picImg {
	/* width: 	300%; */
	height: 200%;
	display: block;
}

.wx_tb {
	width: 100%;
	position: fixed;
	bottom: 4%;
}

.wx_tb ul {
	width: 100%;
}

.wx_tb ul li {
	width: 99%;
	float: right; 
	margin-top: 1%;
}

.wx_tb ul li button {
	float: right;
    width: 18%;
    color: #FFFFFF;
    border: none;
    background-color: rgba(137,215,187,.7);
    /* box-shadow: 2px 3px 0px rgba(218,218,218,.5); */
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 2%;
    padding-right: 2%;
    border-radius: 5% 0 0 5%;
    
}

.wx_tb ul li div {
	padding-left: 4%;
	padding-right: 4%;
	float: right;
	text-align: right;
	margin-right: 3%;
	border-radius: 5px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: rgba(137,215,187,.7);
	margin-top: 2.7%;
	padding-top: 1.5%;
	font-size: 14px;
	padding-bottom: 1%;
	line-height: 20px;
	text-align: right;
}

.wx_tb ul li button img {
	width: 40%;
	display: block;
	margin-left: 30%;
	vertical-align: middle;
}


/*@-webkit-keyframes fadeIn{
      0%{opacity:0}
     20%{opacity:0.16}
     40%{opacity:0.32}
     60%{opacity:0.48}
     80%{opacity:0.64}
    100%{opacity:1}
}
@keyframes fadeIn{
      0%{opacity:0}
     20%{opacity:0.16}
     40%{opacity:0.32}
     60%{opacity:0.48}
     80%{opacity:0.64}
    100%{opacity:1}
}*/

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.wx_tb1 {
	animation: fadeInRight;
	animation-duration: 1.5s;
	-webkit-animation: fadeInRight 1.5s;
}

.wx_tbc {
	animation: fadeOutRight;
	animation-duration: 1.5s;
	-webkit-animation: fadeOutRight 1s;
}

.tcdb {
	width: 100%;
	background-color: #FFFFFF;
	position: fixed;
	z-index: 99;
	height: 65%;
	bottom: 0;
	padding-bottom: 15%;
}

.tcdu {
	overflow-y: scroll;
	height: 100%;
}

.tcdb_nr {
	width: 90%;
	margin-left: 5%;
	color: saddlebrown;
	margin-top: 3%;
	font-size: 14px;
	padding-bottom: 2%;
	margin-bottom: 3%;
	border-bottom: 1px solid #e2e2e1;
}

.tcdb_nr img {
	width: 12%;
	border-radius: 7px;
	vertical-align: middle;
	margin-right: 3%;
}

.tcdb_nr button {
	font-size: 12px;
	background-color: #96c9a4;
	border: none;
	color: #FFFFFF;
	/*box-shadow: 3px 3px 0px #f3f3f3;*/
	border-radius: 5px;
	margin-top: 1.5%;
	width: 15%;
	padding: 2.5% 0%;
	float: right;
}

.p1 {
	line-height: 20px;
	width: 95%;
	padding-left: 5%;
	padding-top: 3.5%;
	padding-bottom: 3.5%;
	color: #fff;
	background-color: #96c9a4;
	font-size: 15px;
}

.p1 button {
	margin-right: 5%;
	float: right;
	width: 6%;
	background-color: #96c9a4;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	color: #FFFFFF;
}


/*弹出框*/

.tcca {
	width: 100%;
		padding-top: 18%;
}

.tcca_nr {
	width: 65%;
	background-color: rgba(0, 0, 0, .5);
	color: #FFFFFF;
	margin-left: 5%;

	border-radius: 5px;
	
}

.tcca_nrl {
	width: 60%;
	float: left;
	
	padding-bottom: 2%;
	margin-left: 2%;
	margin-right: 2%;

}

.tcca_nrl img {
	width: 100%;
	display: block;
	border-radius: 5px;
}

.tcca_nri {

	padding-bottom: 2%;
	width: 34%;
	float: left;
	
}

.pc1 {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
	padding-top: 4%;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 2%;
}

.tcca_nri1 img {
	width: 25%;
	display: block;
	vertical-align: middle;
	float: left;
	margin-left: 15%;
	margin-right: 5%;
	
}

.tcca_nri2 img {
	width: 25%;
	display: block;
	vertical-align: middle;
	float: left;
	margin-left: 15%;
	margin-right: 5%;
}

.tcca_nri1 {
	width: 100%;
	line-height: 20px;
	background-color: silver;
	padding-top: 9.25%;
	padding-bottom: 10.25%;
	font-size: 13px;
	border-radius: 5px;
}

.tcca_nri2 {
	width: 100%;
	border-radius: 5px;
	line-height: 20px;
	margin-top: 30%;
	padding-top: 10%;
	padding-bottom: 9%;
	font-size: 13px;
	margin-right: 8%;
	background-color: #96c9a4;
}

.tcca_nri2 p {
	padding-top: 2.5%;
	line-height: 20px;
}

.tcca_nri1 p {
	line-height: 20px;
	padding-top: 2.5%;
	line-height: 20px;
}
/*测试*/
.nscs {
	margin-top: -150%;
}
.nscs_nr {
	width: 60%;
	background-color: rgba(0,0,0,.4);
	border-radius: 5px;
	left: 1%;
    top: 1%;
 	position: absolute;
 	z-index: 4;
}
.nscs_nrl {
	width: 100%;
   padding-top: 3%;
  
}

.nscs_nrl img {
	width:94%;
	margin-left: 3%;
	position: relative;
    border-radius: 5px;
    z-index: 0;
}
.nscs_nrl p {
    top: 3%;
	position: absolute;
	z-index:8;
    margin-left: 3%;
    width:89%;
    padding-left: 3.4%;
    padding-right: 2%;
    color: #FFFFFF;
    font-size: 15px;
 border-top-left-radius: 5px;
  border-top-right-radius: 5px;
 padding-top:4%;
 padding-bottom: 4%;
 line-height: 16px;
   background-color: rgba(101,100,99,.5);
 /*text-shadow:0 0 0.4em #4f5254,
             -0 -0 0.4em #4f5254;*/
             font-weight: 700;
                
}
.nscs_nr button img{
	width: 26%;
	vertical-align: middle;
	display: block;
	float: left;
	margin-left: 18%;
	margin-right: 5%;
}

.nscs_nr button{
	width: 45.5%;
		background-color: #96c9a4;
		border:none;
		border-radius: 5px;
		color: #FFFFFF;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-top: 10px;
		margin-bottom: 3%;
		
}
.nscs_nr button p {
	float: left;
	padding-top: 6%;
}
.nsc_btn1 { 
	margin-left: 3%;
}
.nsc_btn2 {
	margin-left: 1%;
}
.scenicSpot{
    background-image: url(../images/jqan1.png);
    background-size: 100% 100%;
    display: block;
    position: absolute;
    width: 4.5em;
    height: 2.8em;
    font-size: 0.8em;
    line-height: 2em;
    text-align: center;
    color: #333;
    text-decoration: none;
    z-index: 0;
}
.scenicWC{
    display: block;
    position: absolute;
    width: 6%;
    z-index: 0;
}
.scenicTCC{
    display: block;
    position: absolute;
    width: 6%;
     z-index: 0;
}
.scenicCRK{
    display: block;
    position: absolute;
    width: 6%;
     z-index: 0;
}
.scenicSP{
    display: block;
    position: absolute;
    width: 6%;
     z-index: 0;
}
.scenicZB{
    display: block;
    position: absolute;
    width: 6%;
     z-index: 0;
}
.near{
    width: 10%;
    position: fixed;
    bottom: 2.7%;
    left: 4%;
    z-index: 0;
}
.near img{
    width: 100%;
}



/* 按钮 */
.an{
	width: 8%;
	position:fixed;
	right:1%;
	top: 60%;
	z-index:999;
	padding:2% 1%;
	background:rgba(255,255,255,1);
	border-radius: 5px;
	padding-top: 0;
}
.an button{
	width: 100%;
	padding: 0;
	margin: 0;
}
.an ul{
	width: 100%;
}
.an li{
	font-size: 50%;
	color: #49505b;
	text-align: center;
	margin-top: 20%;
	padding-top: 5%;
}
.an li img{
	width: 80%;
	margin:0 10%;
	display: block;
	margin-bottom:5%;
	z-index:999;
}

.us{
	background:#fce6d9;
	color:#FFFFFF;
}

.ann{
 width: 8%;
 position:fixed;
 right:1%;
 top: 45%;
 z-index:999;
 padding:1% 1% 1% 1%;
 background:rgba(255,255,255,1);
 border-radius: 5px;
 padding-top: 0;
}
.ann button{
	width: 100%;
	padding: 0;
	margin: 0;
}
.ann ul{
	width: 100%;
}
#jd {
	font-size: 50%;
	color: #49505b;
	text-align: center;
	margin-top:0;
	padding-top: 13%;
	top:30%;
}
#gs {
	font-size: 50%;
	color: #49505b;
	text-align: center;
	margin-top:0;
	padding-top: 5%;
	top:20%;
}
.ann li img{
	width: 80%;
	margin:0 10%;
	display: block;
	margin-bottom:5%;
}