@font-face{
	font-family: franklin Gothic Book;
	src: url('../font/FRABK.TTF'),
		 url('../font/FRABK.eot');
}
@font-face{
	font-family: GOTHIC;
	src: url('../font/GOTHIC.TTF'),
		 url('../font/GOTHIC.eot');
}
.dpnone{display: none;position: absolute;}
.posi{position: relative; padding:0 15px 0 15px;}
.posi img{ width:100%;margin: 5% 0;}
.greenbg img{display: block;}
.dis{display:none;width: 2.6%;position: absolute;}
.greenbg{background-color: #b0ce7a;padding-bottom: 200px;}
.main{width: 100%;max-width: 1000px;position: relative;top: 0;left: 0;margin: 0 auto;}
.map{width: 63%;position: relative;top: 0;left: 0;float: left;margin-right: 5%;}
.map img{width: 100%;}
#discover{position: relative;float: left;margin-top: 30px;width: 24%;max-width: 246px;background-color: #eef4e4;border-radius: 10px;border: 0px solid rgba(0,0,0,0.1);overflow: hidden;display: block;z-index: 9;margin-left: 3%;}
.mtop img{margin: 5%;}
.mmain1 img{width: 100%;}
.mmain1 > h2{position: absolute;left: 0;top: 3%;color: #fff;font-size: 2.2em;padding: 0 10%;font-family:"GOTHIC","Microsoft YaHei";}
.txt11{color: #1b1b1b;font-size: 1.4em;line-height: 25px;padding: 10px 20px;background-color: #fff;font-family:"franklin Gothic Book","Microsoft YaHei";}
.txt12{font-size: 1.5em;line-height: 16px;}
.txt12a{background-color: #fff;padding: 0.3em 1.6em;line-height: 25px;}
.txt12a a{text-decoration: underline;}
.txt2l{float: left;width: 15px !important;margin-right: 5%;margin-top: 5px;}
.txt2c{float: left;width: 70%;margin: 0;color: #1b1b1b;margin-right: 2%;line-height: 24px;}
.txt2r{float: right;width: 21px !important;}
.bfc{overflow: hidden;background-color: #eef4e4;padding: 5% 10%;}
#ngau{position: relative;float: left;margin-top: 30px;width: 24%;max-width: 246px;background-color: #eef4e4;border-radius: 10px;border: 0px solid rgba(0,0,0,0.1);overflow: hidden;display: none;z-index: 9;margin-left: 3%;}
.txt21{font-size: 1.8em;color: #0099cc;}
.txt21 span{    
    display: block;
    padding: 15px 15px 0 15px;
	height:66px;
	}
.txt21{background-color: #fff;}
.txtbtn{background-color: #fff;}
.txt22{background-color: #ecf3e2;margin: 1px 0;line-height: 48px;font-size: 1em; font-family:"franklin Gothic Book","Microsoft YaHei";}
.txtslide{display: block;margin: 0;color: #009c45;padding: 0 10%;text-decoration: none;font-size: 1em; font-weight:100;}
.txt22 img{float: right; margin: 6.5% 0 4% 5%;}
.txtslide:hover{background-color: #76ae49;color: #fff;text-align: right;}
.mainbig{position: fixed;left: 0;top: 0;width: 100%;background-color: rgba(0,0,0,0.5);z-index: 999;}
.main1{padding: 10% 29% 100% 29%;width: 100%;display: none;}
.bigphoto{clear: both;width: 95%;}
.borderwhite{border: 10px solid #fff;}
.bordergray{border: 10px solid #ddd;}
.closea{float: right;width: 21px;}
#legend{position: absolute;left: 6%;top: 87%;width: 43%;}
.riverlist{display: none;width: 80%;margin: 5% auto;}
.riverlist table{white-space: nowrap;margin: 0 auto;}
.riverlist td{width: 40%;line-height: 30px;}
.riverlist td a{font-size: 1.7em;}
.riverlist table img{display: inline;margin-right: 5%;}
.magnifier{position: absolute;bottom: 2%;right: 9%;width: 10% !important;}
#main14{padding: 10% 29% 100% 29%;}

.notise_a img{width: 50px;display: inline;}


#img1{
	left: 38.1%;
    top: 12.2%;
    width: 15%;
	}
#img2{
	left: 38%;
    top: 9.5%;
    width: 21%;
	}
#img3{
	left: 37.8%;
    top: 10.6%;
    width: 20%;
	}
#img4{
	left: 46.5%;
    top: 19.2%;
    width: 7%;
	}
#img5{
	left: 33.9%;
    top: 17.8%;
    width: 16%;
	}
#img95{
    left: 38%;
    top: 21%;
    width: 2.5%;
}
#img6{
	left: 30%;
    top: 21.8%;
    width: 20%;
	}
#img7{
	left: 33.6%;
    top: 22%;
    width: 16%;
	}
#img8{
	left: 33.7%;
    top: 22%;
    width: 16%;
	}
#img9{
	left: 33.8%;
    top: 22%;
    width: 16%;
	}
#img10{
	left: 33.9%;
    top: 22%;
    width: 19%;
	}
#img11{
	left: 51%;
    top: 25.6%;
    width: 12%;
	}
#img12{
	left: 57.5%;
    top: 36%;
    width: 10%;
	}
#img13{
	left: 72.3%;
    top: 38.8%;
    width: 7%;
	}
#img14{    
    left: 69.2%;
    top: 45.1%;
    width: 7%;
	}

#img15{
	left: 26.5%;
    top: 59%;
    width: 9%;
	}
#img16{
	left: 60.7%;
    top: 66.6%;
    width: 11.5%;
	}
#img17{
	left: 22.5%;
    top: 62%;
    width: 9%;
	}
#img18{
	left: 22.4%;
    top: 66.4%;
    width: 7.5%;
	}
#img19{
	left: 13.5%;
    top: 68%;
    width: 8%;
	}
#img20{
	left: 9%;
    top: 63.6%;
    width: 7%;
	}
#img21{
    left: 12.1%;
    top: 60.7%;
    width: 13%;
	}
#img22{
	left: 17%;
    top: 58.2%;
    width: 9%;
	}
#img91{
	left: 43.6%;
    top: 12.2%;
    width: 2.5%;
	}
#img92{
	left: 53.5%;
    top: 10.4%;
    width: 2.5%;
	}
#img93{
	left: 53.7%;
    top: 18.8%;
    width: 2.5%;
	}
#img94{
	left: 49.5%;
    top: 19.5%;
    width: 2.5%;
	}
#img96{
	left: 35%;
    top: 29.6%;
    width: 2.5%;
	}
#img97{
	left: 39.6%;
    top: 30.6%;
    width: 2.5%;
	}
#img98{
	left: 43.2%;
    top: 30.5%;
    width: 2.5%;
	}
#img99{
	left: 41.4%;
    top: 33.6%;
    width: 2.5%;
	}
#img910{
	left: 47.3%;
    top: 32%;
    width: 2.5%;
	}
#img911{
	left: 55.8%;
    top: 27.4%;
    width: 2.5%;
	}
#img912{
	left: 61.8%;
    top: 37.4%;
    width: 2.5%;
	}
#img913{
	left: 74.6%;
    top: 39.3%;
    width: 2.5%;
	}
#img914{
	left: 71.2%;
    top: 45.5%;
    width: 2.5%;
	}
#img915{
	left: 27.5%;
    top: 62%;
    width: 2.5%;
	}
#img916{
	left: 60.6%;
    top: 66.8%;
    width: 2.5%;
	}
#img917{
	left: 26%;
    top: 63.8%;
    width: 2.5%;
	}
#img918{
	left: 25%;
    top: 67.8%;
    width: 2.5%;
	}
#img919{
	left: 16.3%;
    top: 70.4%;
    width: 2.5%;
	}
#img920{
	left: 12.3%;
    top: 65.8%;
    width: 2.5%;
	}
#img921{
	left: 17%;
    top: 63.6%;
    width: 2.5%;
	}
#img922{
	left: 19%;
    top: 61.5%;
    width: 2.5%;
	}
.notise_a{ 
    font-size: 1.5em;
    color: #fff;
    margin-left: 50px;
	}
.notise_a a {
	color:#fff;
    text-decoration: underline;
}
.notise_a a:hover{
    color: #009c45;
}
.notise_a a:focus{
    color: #009c45;
}
.notise_a a:active{
    color: #009c45;
}

@media screen and (max-width: 1165px){
	.txt11{font-size: 1.2em;line-height: 21px;}
	.txt12{font-size: 1.2em;}
	.txt21{padding: 5px 15px;}
	.txt22{line-height: 40px;}
	.txt22 img{margin-top: 4%;}
	.mmain1 > h2{font-size: 1.8em;}
}
@media screen and (min-width: 993px){
	.min-height{
		min-height: 280px;
		padding-top: 20px;
	}
}
@media screen and (max-width: 992px){
	#discover{position: relative;left: 0;top: 0; width: 100%;max-width: 992px;background-color: #9ec36f;padding: 2em 0;border-radius: 0;margin: 0;}
	.greenbg{background: none;}
	.mmain1{width: 80%;margin: 0 auto;border-radius: 10px;border: 1px solid #fff;overflow: hidden;}
	.mmain1 > h2{top: 10%;padding: 0 2%;width: 100%;text-align: center;font-size: 2.6em;}
	.txt11{font-size: 1.6em;line-height: 3em;}
	.txt12 p{font-size: 1.5em;padding: 0.7em 0;margin: 0;}
	.txt2l{margin: 1.2% 0;}
	.txt2r{margin: 0.7% 0;margin-right: 2% !important;}
	.txt2c{width: 69%;}
	.bfc img{width: 20px !important;margin-right: 8%;}
	.bfc{padding: 3% 10%;}
	#ngau{position: relative;left: 0;top: 0;width: 80%;margin: 0 auto;max-width: 992px;border-width:1px;border-radius: 20px;float: none;}
	.txt21 span{position: relative;top: 2%;left: 0;width: 100%;text-align: center;font-size: 1.5em;display: inline-block;line-height: 3em;margin: 0;}
	.posi{float: left;width: 40%;margin: 0 5%;}
	.main1{padding: 35% 10% 100% 10%;}
	.txt22 img{margin: 1% 0 0 5%;width: 21px;}
	.txt22{line-height: 4em;}
	.mmain1>img{width: 50%;transform-origin: left top;transform: scaleX(2);}
	.map{display: none;}
	.riverlist{display: block;}
}
@media screen and (max-width: 760px){
	.txt21 span{top: 3%;font-size: 1.2em;}
	.txt11{line-height: 2.4em;}
	.bfc{padding: 2% 10%;}
	.riverlist td a{font-size: 1.4em;}
}
@media screen and (max-width: 560px){
	.main1{padding: 50% 10% 250% 10%;}
	.mmain1 > h2{font-size: 2em;}
	.txt11{font-size: 1.4em;}
	.txt12 p{font-size: 1.2em;}
	.bfc img{margin-top: 4%;}
	.txt21 span{font-size: 1em;}
	.riverlist td{width: 80%;float: right;white-space: nowrap;}
	.riverlist table{width: auto;margin: 0 auto;}
	.icon-top{margin-top: 13px !important;}
}
@media screen and (max-width: 435px){
	.mmain1 > h2{font-size: 1.5em;top: 7%;}
	.mmain>p{font-size: 1.3em;}
}
