@charset "utf-8";
/**初始**/


* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px; line-height:24px; color: #666;background-color: #fff;font-family: "Microsoft YaHei","Arial";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0);
/*控制内容的可选择性*/
/*-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #24a2e4;text-decoration: none;}
a:focus {color: #000;outline: none;-moz-outline: none;}
a:active {color: #000;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"€ "; display:block; height:0; clear:both; width:100%; overflow: hidden;}

.fr{float: right;}
.fl{float: left;}


.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Isimg{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.Isimg_2{ position: absolute; left: 0; top: 0; width: 100%;height: 100%; transition: transform .8s ease-in-out;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


@font-face {
  font-family: 'zgyy';
  src: url('../font/zgyy.eot'); /* IE9 Compat Modes */
  src: url('../font/zgyy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/zgyy.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/zgyy.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/zgyy.ttf')  format('truetype'), /* Safari, Android, iOS */
      
}


.w1366{ max-width:1366px; margin:0 auto;}
@media(max-width:1366px){.w1366{ padding:0 2%;}}
.w1280{ max-width:1280px; margin:0 auto;}
@media(max-width:1280px){.w1280{ padding:0 2%;}}
.Header{ width: 100%; position: fixed; left: 0; top: 0; background: url("../images/head_bg.png") no-repeat center bottom; padding-bottom:40px; z-index: 101;}
.Header .top{ color: #fff; line-height: 30px; background: -webkit-linear-gradient(left,#7fbf3d, #0fb4ae, #80bf3c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left,#7fbf3d, #0fb4ae, #80bf3c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left,#7fbf3d, #0fb4ae, #80bf3c); /* Firefox 3.6 - 15 */
    background: -ms-linear-gradient(left, #7fbf3d, #0fb4ae, #80bf3c);
	background: linear-gradient(left,#7fbf3d, #0fb4ae, #80bf3c); /* 标准的语法 */}
.Header .text{ float:left}
.Header .text span{ padding-left:30px; padding-right:10px; display: inline-block; vertical-align: middle; font-size:12px; background:no-repeat left}
.Header .text span.s1{ background-image:url("../images/top_icon2.png")}
.Header .text span.s2{ background-image:url("../images/top_icon3.png"/)}
.Header .text span.s3{ background-image:url("../images/top_icon4.png")}
.Header .icon{ float: right; margin-right: 2%; position: relative;}
.Header .icon time{ font-size:12px;}
.Header .icon a{ display: inline-block; width: 21px; height: 21px; background: url("../images/top_icon1.png") no-repeat left center; margin-left: 10px; vertical-align: middle; margin-top: -3px;}
.Header .icon a.icon2{ background-position: -35px center;}
.Header .icon a.icon3{ background-position: right center; position: relative;}
.Header .open-search-show{ background: none!important;}
.Header .open-search-show::before,
.Header .open-search-show::after{ position:absolute; content:''; width:80%; height:3px; background:#fff; top:50%; left:10%; transform:rotate(-45deg);}
.Header .open-search-show::after{transform:rotate(45deg);}

.Header .search-box{ position:absolute; top:100%; right:1.5%; z-index:100; display:none;}
.Header .search-box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.Header .search-box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif; background:none;}



.Header .w1366{ position: relative;}
.Header .logo{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 13%;text-align: center; z-index: 3;}
.Header .topNav{ position: relative;}
.Header .topNav li{float: left;margin: 0 8.4% 0 0;}
.Header .topNav li:nth-child(3){margin-right: 21.6%;}
.Header .topNav li:last-child{ margin-right: 0;}
.Header .topNav li a{ background: url(../images/label.png) 0 -149px no-repeat; background-size:100% 100%; font-family:"zgyy"; padding: 30px 15px; font-size: 18px; color: #000000; display: block; transition:all 0.4s;}
.Header .topNav li a:hover,
.Header .topNav li.on > a{ background-position:0 -5px;  background-size:100% 100%; color:#fff;}

@media(max-width: 768px){
.Header .text span{ display:block}
}

.Header_member{position: relative;padding-bottom: 18px; padding-top: 8px;}
.Header_member .logo{position: initial;transform:none;float: left;}
.Header_member .top-right{position: absolute;z-index: 101;right: 0%;top: 50%;margin-top: 4px;}
.Header_member .top-right a{font-size: 16px; color: #555555; line-height: 24px; padding: 0 16px;}
.Header_member .top-right span{display: inline-block;width: 1px; height: 12px; background: #dddddd; }
@media(min-width: 1200px){
.Header_member .topNav{display: none;}
}
@media(max-width: 1199px){
.Header_member .top-right{position: absolute;z-index: 101;right: 10%;top: 50%;margin-top: -6px;}
.Header_member .topNav{display: ;}

}
@media(max-width: 640px){
.Header_member .top-right{position: absolute;z-index: 101;right: 10%;top: 50%;margin-top: -6px;}
}


.Hbanner img{ display: none;}
.Hbanner .bx-pager{ position: absolute; width: 100%; left: 0; bottom:55px; z-index: 105; text-align: center; font-size: 0;}
.Hbanner .bx-pager *{ display: inline-block; overflow: hidden;}
.Hbanner .bx-pager div{ margin: 0 8px;}
.Hbanner .bx-pager a{ line-height: 100; background: #fff; opacity: 0.5; vertical-align: top; width: 11px; height: 11px; border-radius: 100%;}
.Hbanner .bx-pager a.active{ opacity: 1; width: 32px; border-radius: 50px;}
.Hfoot{ position: fixed; width: 100%; left: 0; bottom: 0; z-index: 102;}
.footer{ background: rgba(0,0,0,0.8); }
.footer .w1366{ border-right: 1px solid rgba(119,119,119,0.4); color: #aaaaaa; line-height: 44px; max-width: 1600px;}
.footer .w1366 *{ display: inline-block; vertical-align: middle;}
.footer a{ color: #aaaaaa;}
.footer em{ margin: 0 5px 0 10px; font-style: normal; font-size: 12px;}
.footer .txt{ float: right;}
.footer .bdsharebuttonbox{ margin-left: 15px;position: relative;}
.footer .bdsharebuttonbox a{ width:44px; height: 44px; background: url("../images/footer_icon.png") no-repeat left center; float: none; margin: 0; padding: 0; border-left: 1px solid rgba(119,119,119,0.4); }
.footer .bdsharebuttonbox a.bds_tsina{ background-position: right center;}

.section{ background-position: center top;position: relative;}
.section2 .pic{ display: none;}
.Hbox1{ position: absolute; left: 0; top: 20%; width: 100%; height: 75%;}
.Hbox1 .w1366{ position: relative; z-index: 2; height: 100%;}
.Hbox1 li{ position: absolute; top: 2%; text-align: center;}
.Hbox1 li a{ display: block; width: 173px; padding: 24px 0 40px; color: #fff;background: url("../images/Hbox1_li_bg1.png"/) no-repeat center top;}
.Hbox1 li.li1{right: 512px;transition: all 0.3s;}
.Hbox1 li.li1 a{background-image: url("../images/Hbox1_li_bg1.png");}
.Hbox1 li.li2{right: 301px;transition: all 0.4s;}
.Hbox1 li.li2 a{background-image: url("../images/Hbox1_li_bg2.png");padding-bottom: 120px;}
.Hbox1 li.li3{right: 91px;transition: all 0.5s;}
.Hbox1 li.li3 a{background-image: url("../images/Hbox1_li_bg3.png");padding-bottom: 190px;}
.Hbox1 li.li1:hover a{background-image: url("../images/Hbox1_li_bg1_hover.png");}
.Hbox1 li.li2:hover a{background-image: url("../images/Hbox1_li_bg2_hover.png");}
.Hbox1 li.li3:hover a{background-image: url("../images/Hbox1_li_bg3_hover.png");}
.Hbox1 li h3{ margin: 15px 0 10px; font-size: 24px;}


.Hbox2{}
.Hbox2 .con{ position: relative; float: right;width: 42%; transition: all 0.5s;}
.Hbox2 .con .info{ background: url("../images/Hbox2_li_bg1.png") no-repeat center; background-size: contain; text-align: center; color: #fff;  line-height: 30px; padding: 16.2% 0; opacity: 0;}
.Hbox2 .con .info h3{ font-size: 36px; margin: 0; font-weight: normal;}
.Hbox2 .con .info p{ font-size: 16px; letter-spacing: 1px; margin: 1% 0 0;}
.Hbox2 .con .info span{ font-size: 16px; display: inline-block; position: relative; padding: 2% 0 5%;}
.Hbox2 .con .info span:before,
.Hbox2 .con .info span:after{ content: ''; display: inline-block; width: 10px; height: 1px; background: #fff; vertical-align: middle; margin: 0 10px; }
.Hbox2 .con .on{ opacity: 1;}
.Hbox2 .con .hover{ position: absolute; background: url("../images/Hbox2_li_bg1.png") no-repeat center bottom; background-size: contain; width: 100%; left: 0; bottom: 0; display: none;}
.Hbox2 .con .txt{ padding: 5% 5% 10%; color: #fff; line-height: 30px;}
.Hbox2 .con .txt p{ margin: 0; font-size: 16px;}
.Hbox2 .con .txt span{ margin-top: 5%; display: inline-block; padding-right: 70px; background: url("../images/more_icon1.png") no-repeat right center; letter-spacing: 2px;}


.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list: focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
    float: right;
}
.slick-slide .slick-loading img {
    display: none;
}
.slick-slide .dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
    display: none;
}
.Hbox3 .slider-for{ float: right; background: url("../images/Hbox3_li_bg1.png") no-repeat center; background-size: contain; width: 37%;padding: 6% 5% 12% 8%; position: relative; margin-top: 0; transition: all 0.5s;}
.Hbox3 .slider-for h3{ font-size: 30px; color: #fff; font-weight: normal; text-align: center; line-height: normal; margin: 0 0 0 -6%;padding-right: 5%;}
.Hbox3 .slider-for .txt{ position: relative; padding-top: 75%; margin-top: 5%;}
.Hbox3 .slider-for .txt p{ position: absolute; left: 0; top: 0; width: 100%; height: 90%; font-size: 16px; color: #fff; line-height: 30px; max-height: 90%; overflow: auto; margin: 0;}
.Hbox3 .slick-arrow{ position: absolute; border: none; font-size: 0; cursor: pointer;}
.Hbox3 .slider-for .slick-arrow{ bottom: -20%; left: 50%; width: 39px; height: 39px; background: url("../images/btn_icon.png") no-repeat left center;}
.Hbox3 .slider-for .slick-prev{ margin-left: -65px;}
.Hbox3 .slider-for .slick-next{ margin-left: -5px; background-position: right center;}
.Hbox3 .slider-nav{position: absolute; left: 0;bottom: 50px; width: 100%; transform: translateY(100%); transition: all 0.5s;}
.Hbox3 .slider-nav .slick-slider{  background: url("../images/Hbox3_li_bg2.png") no-repeat center; background-size: cover; padding: 0.8% 1%; overflow: hidden; position: relative; opacity: 0; transition: all 0.5s;}
.Hbox3 .slider-nav li{ padding: 0 0.4%;}
.Hbox3 .slider-nav figure{ padding-top: 47%; overflow: hidden; border: 3px solid #2198d6; border-radius: 5px; position: relative; cursor: pointer;}
.Hbox3 .slider-nav figure:before{ content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: rgba(33,152,214,0.8);}
.Hbox3 .slider-nav .slick-current figure{ border-color: #f39700;}
.Hbox3 .slider-nav .slick-current figure:before{ background: rgba(243,151,0,0.6);}
.Hbox3 .slider-nav p{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-size: 16px; margin: 0;}
.Hbox3 .slider-nav .slick-list{ width: 36%; margin: 0 auto; overflow: initial;}
.Hbox3 .slider-nav .slick-arrow{ top: -22%;left: -5%;width: 34%;height: 148%;z-index: 10;background: url("../images/Hbox3_btn_bg1.png") no-repeat left center; background-size: 100% 100%;}
.Hbox3 .slider-nav .slick-next{ left: auto; right: -5%; transform: rotate(180deg);}
.Hbox3 .click{ position: relative; width: 58px; height: 20px; background: url("../images/icon_1.png") no-repeat center; margin: -19px auto 0; display: block; cursor: pointer;}
.Hbox3 .nav_on{ transform: translateY(0);}
.Hbox3 .nav_on .click{ margin-top: 0;}
.Hbox3 .nav_on .slick-slider{  opacity: 1;}

.Hbox4 .con{ width: 60%; max-width: 730px; background: url("../images/Hbox4_li_bg1.png") no-repeat center top; background-size: 100% 100%; color: #fff; text-align: center; padding: 4% 3% 8%; margin: 6.5% auto 0;transform: translateX(-7.5%); transition: all 0.5s;}
.Hbox4 h3{ font-size: 30px; font-weight: normal; line-height: normal;}
.Hbox4 p{ margin: 3% auto 7%; max-width: 400px; font-size: 16px; line-height: 30px;}
.Hbox4 .con .more{ display: inline-block; padding-right: 70px; background: url("../images/more_icon1.png") no-repeat right center; letter-spacing: 2px; color: #fff;}

.wapban{ display: none;}

.nymenu{ text-align: center; position: relative;z-index: 2;}
.nymenu header{ font-size: 16px; padding-bottom: 3%;color:#2dcbc6}
.nymenu header h3{  font-size: 46px; line-height: normal; margin: 0; transform: skew(-10deg); color:#2dcbc6; text-shadow: -1px -1px white,1px 1px #fff,2px 2px 0 rgba(46, 204, 199),2px 2px 0 rgba(46, 204, 199);}
.nymenu header span{ letter-spacing: 8px; text-transform: uppercase; transform: skew(-10deg); display:block; padding-bottom:1%}
.nymenu header .tips_time {line-height:30px; font-size:24px; padding:15px; border-style:solid; border-width:1px; border-radius:40px; max-width:495px;  margin:auto;}
.nymenu header .tips_time em{font-style:normal; padding-left:46px; display:inline-block; background:no-repeat left; background-image:url("../images/time_icon.png")}
.nymenu header .tips_time b{ font-weight:normal; transform: skew(-10deg); display:inline-block;}
.nymenu ul{ text-align: center; padding-bottom: 5%; font-size: 0;}
.nymenu li{ display: inline-block; width: 146px; margin:0 0.5% 1%;}
.nymenu li a{ display: block; line-height:40px; border-radius: 20px; background: #fff; color: #000; font-size: 16px;}
.nymenu li a:hover,
.nymenu li.on a{ color: #fff; background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8);}
.nymenu li#nav44{    display:none;}
/*山之王国*/
#MountainKingdom .nymenu header .tips_time{ border-color:#2dcbc6;}
#MountainKingdom .nymenu header .tips_time em{background-image:url("../images/time_icon1.png")}

/*水之王国*/
#WaterKingdom .nymenu li a:hover,
#WaterKingdom .nymenu li.on a{ background: -webkit-linear-gradient(top,#44cff9, #2365c0);background: -o-linear-gradient(top,#44cff9, #2365c0); background: -moz-linear-gradient(top,#44cff9, #2365c0);background: -ms-linear-gradient(top,#44cff9, #2365c0); background: linear-gradient(top,#44cff9, #2365c0);}
#WaterKingdom .nymenu header{ color:#33a4ec}
#WaterKingdom .nymenu header h3{ color:#33a4ec; text-shadow: -1px -1px white,1px 1px #fff,2px 2px 0 rgba(51, 164, 236),2px 2px 0 rgba(51, 164, 236);}
#WaterKingdom .nymenu header .tips_time{ border-color:#33a4ec;}
#WaterKingdom .nymenu header .tips_time em{background-image:url("../images/time_icon2.png")}
#WaterKingdom .park_info_table .box_table h2{color:#33a4ec}

/*酷玩王国*/
#PlayKingdom .nymenu li a:hover,
#PlayKingdom .nymenu li.on a{ background: -webkit-linear-gradient(top,#691887, #182987);background: -o-linear-gradient(top,#691887, #182987); background: -moz-linear-gradient(top,#691887, #182987);background: -ms-linear-gradient(top,#691887, #182987); background: linear-gradient(top,#691887, #182987);}
#PlayKingdom .nymenu header{ color:#182987}
#PlayKingdom .nymenu header h3{ color:#182987; text-shadow: -1px -1px white,1px 1px #fff,2px 2px 0 rgba(51, 164, 236),2px 2px 0 rgba(51, 164, 236);}
#PlayKingdom .nymenu header .tips_time{ border-color:#182987}
#PlayKingdom .nymenu header .tips_time em{background-image:url("../images/time_icon3.png")}
#PlayKingdom .park_info_table .box_table h2{color:#182987}

.maincontent{ min-height: 500px;}
.single_index{ background: url("../images/park_bg.png") no-repeat center top; position: relative; margin-top: -4%; padding-top: 4%;background-size: cover; min-height: 500px; overflow: hidden;}

.park_index{ position: relative; margin-top: -2.6%; padding-top:2.6%;min-height: 500px; overflow: hidden; background: no-repeat center top; background-size:contain;}

.park_index .item_in{ padding:5% 0;}
.park_index .item_out{ background:no-repeat center top; background-size:contain;}
.park_index .item_in{ background:no-repeat center bottom; background-size:contain;}
.park_index .item_out.first .item_in{ padding-top:0}
.park_index .item_out.odd{ background-color:#fff; }
.park_index .item_out.last{ background-position:center top}


#MountainKingdom .item_column,
#MountainKingdom .item_out.even{background:#effaf3 url(../images/bg_mountain_kingdom_foot.png) no-repeat bottom; background-size:100% auto; padding-bottom:6%;}
#MountainKingdom .park_index{ background-image:url("../images/bg_mountain_kingdom_top.png")}
#MountainKingdom .item_out.odd,
#MountainKingdom .item_out.last{background-image:url("../images/bg_mountain_kingdom_white_t.png")}
#MountainKingdom .item_out.odd .item_in{background-image:url("../images/bg_mountain_kingdom_white_b.png")}
#MountainKingdom .item_out.last .item_in{background-image:url("../images/bg_mountain_kingdom_foot.png")}



#MountainKingdom .item_in{ padding: 10% 0 10%; /*margin-bottom: -2%;*/}
#MountainKingdom .item_out.even .item_in{ padding: 0;}
#MountainKingdom .item_out.first{ margin-bottom: -6%;}
#MountainKingdom .item_out.first .item_in{ padding: 0 0 6%;}
#MountainKingdom .item_out.last{ margin-bottom: 0;}
#MountainKingdom .item_out.last .item_in{ padding-bottom:6%;}

#WaterKingdom .item_column,
#WaterKingdom .item_out.even{background:#e8f1f6  url(../images/bg_water_kingdom_foot.png) no-repeat bottom; background-size:100% auto; padding-bottom:6%;}
#WaterKingdom .park_index{ background-image:url("../images/bg_water_kingdom_top.png")}
#WaterKingdom .item_out.odd,
#WaterKingdom .item_out.last{background-image:url("../images/bg_water_kingdom_white_t.png")}
#WaterKingdom .item_out.odd .item_in{background-image:url("../images/bg_water_kingdom_white_b.png")}
#WaterKingdom .item_out.last .item_in{background-image:url("../images/bg_water_kingdom_foot.png")}

#PlayKingdom .item_column,
#PlayKingdom .item_out.even{background:#eceef5  url(../images/bg_play_kingdom_foot.png) no-repeat bottom; background-size:100% auto; padding-bottom:6%;}
#PlayKingdom .park_index{ background-image:url("../images/bg_play_kingdom_top.png")}
#PlayKingdom .item_out.odd,
#PlayKingdom .item_out.last{background-image:url("../images/bg_play_kingdom_white_t.png")}
#PlayKingdom .item_out.odd .item_in{background-image:url("../images/bg_play_kingdom_white_b.png")}
#PlayKingdom .item_out.last .item_in{background-image:url("../images/bg_play_kingdom_foot.png")}





.park_box{ padding-bottom: 27%; overflow: hidden;}
.park_box li{ padding: 1% 0 10%; margin-bottom: 3%;}
.park_box li .pic{ float: right; width: 56.25%;}
.park_box li .txt{ float: left; width: 43.75%; padding-top: 6%;}
.park_box li .txt h3,
.park_box li .txt p{ padding-left: 9%; margin: 0; padding-right: 2%;}
.park_box li .txt h3{ font-size: 24px; color: #0eb4af;}
.park_box li .txt p{ max-width: 415px; padding-top: 5%; padding-bottom: 9%; font-size: 16px; color: #555555; }
.park_box li .txt h3 span{ display: inline-block; padding:3% 11% 0 0; background: url("../images/tit_icon1.png") no-repeat right top; }
.park_box li .img{ text-align: right;}
.park_box li:nth-child(2n) .pic{ float: left;}
.park_box li:nth-child(2n) .txt{ float: right; padding-left: 1%;}
.park_box li:nth-child(2n) .img{ text-align: left;}


.hotel_index{ position: relative; padding-top: 3%; background: #f6f1e4; min-height: 500px; font-size:16px; line-height:32px;}
.hotel_index:before{ width: 100%; background: url("../images/hotel_bg.png") no-repeat center top; margin-top: -6%; padding-top: 4%; background-size: contain; display: block; content: ''; position: relative;}
.hotel_index .nymenu{ margin-top: -1.5%;overflow: hidden;}
.hotel_index .nymenu .img{ padding-bottom: 2%;}
.hotel_index .nymenu .pic{ padding-bottom:2%}

.hotel_index .name{ text-align:center; color:#0eb4af; font-size:24px; padding:20px 0}
.hotel_index .box_item6 .txt{ text-align:center}
.hotel_index .load_pic{ padding:6% 0}
.hotel_index .load_pic .fl,
.hotel_index .load_pic .fr{ width:49.4%;}
.hotel_index .load_pic .fl{ float:left}
.hotel_index .load_pic .fr{ float:right}
.hotel_index .load_pic .fl img{ border-radius:0 10px 10px 0}
.hotel_index .load_pic .fr img{ border-radius:10px 0 0 10px}
.hotel_index .box_item1{ text-align:center; padding-bottom:4%}
.hotel_index .box_item2{ position:relative}
.hotel_index .box_item2 img{ border-radius:10px;}
.hotel_index .box_item2 .bx-pager{ z-index:100; text-align:center; position:absolute; width:100%; bottom:10px;}
.hotel_index .box_item2 .bx-pager .bx-pager-item{ display:inline-block; padding:0px 5px;}
.hotel_index .box_item2 .bx-pager .bx-pager-item a{ font-size:0; display:inline-block; width:11px; height:11px; border-radius:100px;  background-color:#fff; opacity:0.5;}
.hotel_index .box_item2 .bx-pager .bx-pager-item a.active{ width:32px; opacity:1}
.hotel_index .box_item3 .txt_box{ float:left; width:29%;}
.hotel_index .box_item3 .txt_box .name{text-align:left}
.hotel_index .box_item3 .pic{ float:right; width:62.5%}
.hotel_index .box_item3 .pic img{ border-radius:10px;}
.hotel_index .box_item4{ top:-90px; position:relative}
.hotel_index .box_item4 .txt_box{ float:right; width:49%; padding:10% 12% 0 0}
.hotel_index .box_item4 .txt_box .name{text-align:left}
.hotel_index .box_item4 .pic{ float:left; width:46.88%}
.hotel_index .box_item4 .pic img{ border-radius:10px;}
.hotel_index .box_item5{ padding:8% 0}
.hotel_index .box_item5 .txt_pic_box{ width:71.016%; float:right;}
.hotel_index .box_item5 .pic_box{ width:28.126%; float:left;}
.hotel_index .box_item5 .box1{ width:59.406%; float:left;}
.hotel_index .box_item5 .box1 .txt_box{ padding:12% 9%; text-align:center; background: url("../images/hotel_txt_bg.jpg") repeat center center; border-radius:10px;}
.hotel_index .box_item5 .box2{ width:39.604%; float:right;}
.hotel_index .box_item5 .box1 .pic{ padding-top:10px;}
.hotel_index .box_item5 .box2 ul li:nth-child(2),
.hotel_index .box_item5 .box3 ul li:nth-child(2){ padding:10px 0;}
.hotel_index .box_item5 img{ border-radius:10px;}
.hotel_index  .floor_box1{background: url("../images/hotel_bg2.jpg") no-repeat center bottom;}
.hotel_index  .floor_box2{ background:#fff; padding-top:5%}
.hotel_index  .floor_box3{background: url("../images/hotel_bg3.png") no-repeat center top;}

@media(max-width:960px){
.hotel_index .box_item3 .txt_box,
.hotel_index .box_item3 .pic{ float:none; width:100%}
.hotel_index .box_item3 .pic{ padding:3% 0}
.hotel_index .box_item4{ top:0}
.hotel_index .box_item4 .txt_box,
.hotel_index .box_item4 .pic{ float:none; width:100%}
.hotel_index .box_item4 .txt_box{ padding:0}
.hotel_index .box_item4 .pic{ padding:3% 0}
.hotel_index .box_item5 .txt_pic_box,
.hotel_index .box_item5 .pic_box,
.hotel_index .box_item5 .box1,
.hotel_index .box_item5 .box2{ float:none; width:100%}
.hotel_index .box_item5 .box1 .txt_box{ padding:3%}
.hotel_index .box_item5 .box1 .pic{ text-align:center}
.hotel_index .box_item5 .box2,
.hotel_index .box_item5 .box3{ text-align:center; padding:10px 0}
.hotel_index .load_pic .fl,
.hotel_index .load_pic .fr{ float:none; width:100%; padding:5px 2%}
.hotel_index .load_pic .fl img,
.hotel_index .load_pic .fr img{ border-radius:10px;}
}
/*.hotel_box .con{ max-width: 625px; margin: 0 auto 2%; text-align: center; font-size: 16px; color: #333333; line-height: 30px;}
.hotel_box .con .p{ margin: 0 0 7%;}
.hotel_info .pic{ float: left; width: 50.4%;}
.hotel_info .info{ float: right; width: 49.6%; padding-right: 16%;}
.hotel_info .txt{ max-width: 485px; padding: 0 2%; margin: 0 auto; color: #333333;text-align: justify;}
.hotel_info .txt *{ font-weight: normal; line-height: normal; margin: 0;}
.hotel_info .txt h2{ color: #cf9400; font-size: 70px;}
.hotel_info .txt h2:after{ content: ''; width: 100px; height: 2px; background: #cf9400; display: inline-block; margin-left: 7%;}
.hotel_info .txt h3{ font-size: 30px; color: #cf9400; margin: 3% 0 7%;}
.hotel_info .txt p{ line-height: 32px;}

.hotel_info2 .info{ padding-right: 0; padding-top: 3%; padding-left: 10%; float: left; width: 50.4%; background: #e5c36f; margin-bottom: 10%;}
.hotel_info2 .pic{ float: right; width: 49.6%;}
.hotel_info2 .txt{ padding-bottom: 10%; max-width: 492px;}
.hotel_info2 .txt h2,
.hotel_info2 .txt h3,
.hotel_info2 .txt p{ color: #fff;}
.hotel_info2 .txt h2:after{ background: #fff;}
.hotel_info2 .img{ float: right; margin-bottom: -25%;}

.hotel_info3 .info{ padding: 0 0 5% 10%; float: left; width: 50.5%; margin-top: -5%;}
.hotel_info4 .info{ padding-top: 3.1%;}

.hotel_info5{ padding-bottom: 5%;}
.hotel_info5 .info{ float: left; width: 40.63%; padding: 0 0 0 10%;}
.hotel_info5 .info:before{ content: ''; display: block; width: 77%; padding-top: 60%; background: #e5c36f; float: right; margin-bottom: 4%;}
.hotel_info5 .info .txt{ max-width: 330px; clear:both;}
.hotel_info_pic{ padding: 5% 0 6%;}*/

.campsite_index{ position: relative; padding-top: 3%;}
.campsite_index:before{ width: 100%; background: url("../images/campsite_bg.png") no-repeat center top; margin-top: -6%; padding-top: 4%; background-size: contain; display: block; content: ''; position: relative; margin-bottom: -0.5%;}
.gray_index .nymenu li a{ background: #f5f5f5;}
.gray_index .nymenu li a:hover,
.gray_index .nymenu li.on a{ background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8); color: #fff;}
.campsite_box .box{ font-size: 16px; color: #333333; line-height: 28px;}
.campsite_box .box1{ max-width: 730px; margin: 0 auto; text-align: center;}
.campsite_box .box h3{ font-size: 36px; color: #0eb4af; margin: 0 0 4%;}
.campsite_box .box2{ padding: 3% 0 0;}
.campsite_box .box3{ background: url("../images/campsite_bg2.png") no-repeat center top; background-size: cover; padding: 10% 0 7%; margin-top: -6%;}
.campsite_box .box3 .pic,
.campsite_box .box3 .txt{ float: left; width: 50%;}
.campsite_box .box3 .txt{ padding-left: 2%;}
.campsite_box .box3 h3{ margin: 5.5% 0;}
.campsite_box .box4{ background: url("../images/campsite_bg3.png") no-repeat center top; background-size: cover; padding: 12% 0 7%; margin-top: -6%; text-align: center;}
.campsite_box .box4 h3{ margin-bottom: 3%;}
.campsite_box .box4 ul{ padding: 3% 70px 0;}
.campsite_box .box4 li{ width: 25%; float: left;}
.campsite_box .box4 li .pic{ padding: 0 1%; position: relative; margin-bottom: 12%; }
.campsite_box .box4 li .pic div{ padding-right: 5%; background:url("../images/campsite_bg4.png") no-repeat right bottom;display: inline-block;}
.campsite_box .box4 li .pic:before,
.campsite_box .box4 li:first-child .pic:after,
.campsite_box .box4 li:last-child .pic:after{ content: ''; top: 100%;background-size: contain; position: absolute; background: url("../images/campsite_bg5.png") repeat-x center top; padding-top: 27%;}
.campsite_box .box4 li .pic:before{ width: 100%; left: 0;}
.campsite_box .box4 li:first-child .pic:after,
.campsite_box .box4 li:last-child .pic:after{ width: 70px; }
.campsite_box .box4 li:first-child .pic:after{ background-image: url("../images/campsite_bg6.png"); left: -70px;}
.campsite_box .box4 li:last-child .pic:after{ background-image: url("../images/campsite_bg7.png"); right: -70px;}
.campsite_box .box4 li p{ padding: 0 1%; color: #333333; font-size: 16px; z-index: 2; position: relative;}

.campsite_table{ padding: 2.5% 0; background-size: cover; margin-top: 2.5%;}
.campsite_table ul{ padding:3% 4%; border-radius: 20px; max-width: 720px; margin: 0 auto;background: -webkit-linear-gradient(top,rgba(222,242,248,0.95), rgba(187,215,235,0.95));background: -o-linear-gradient(top,rgba(222,242,248,0.95), rgba(187,215,235,0.95)); background: -moz-linear-gradient(top,rgba(222,242,248,0.95), rgba(187,215,235,0.95));background: -ms-linear-gradient(top,rgba(222,242,248,0.95), rgba(187,215,235,0.95)); background: linear-gradient(top,rgba(222,242,248,0.95), rgba(187,215,235,0.95)); }
.campsite_table li{ margin-bottom: 3%;}
.campsite_table .text{ width: 100%; line-height: 50px; height: 50px; padding: 0 5%; background: #fff; border: none; border-radius: 10px; font-size: 16px; color: #999;}
.campsite_table textarea.text{ height: 110px;}
.campsite_table ol{ margin-top: 7%;}
.campsite_table .btn{ width: 60%; border-radius: 20px;background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8); color: #fff; border: none; margin:0 auto; height: 50px; line-height: 50px; font-size: 16px; display: block; cursor: pointer; }
.campsite_table .code{ position: relative;}
.campsite_table .code .text{ padding-right: 95px;}
.campsite_table .code img{ position: absolute; right: 5px; top: 0; height: 50px;}

.about_box{ padding: 5% 0 8%;}
.about_box .pic{ float: right; width: 56.6%;}
.about_box .txt{ float: left; width: 37%; line-height: 28px; font-size: 16px; color: #333; padding-top: 2%;}
.about_box .txt p{ margin:0;}
.about_box .txt_img{ text-align: right; margin-right: -39%; margin-top: 8%; position: relative;}
.about_box2{ padding-top: 8%;}
.about_box2 .pic{ float: left;}
.about_box2 .txt{ float: right; padding-top: 0;}
.about_box2 .txt_img{ margin-right: 0; margin-left: -39%; text-align: left;}


.green_bg_index{ background: url("../images/green_bg.png") no-repeat center bottom; position: relative; padding-top: 3%; min-height: 800px;}
.green_bg_index:before{ width: 100%; background: url("../images/campsite_bg.png") no-repeat center top; margin-top: -6%; padding-top: 4%; background-size: contain; display: block; content: ''; position: relative; margin-bottom: -0.5%;}
.c_news_list li{ float: left; width: 31.33%; margin-right: 3%; margin-bottom: 3%; overflow: hidden; border-radius: 10px; background: #fff;}
.c_news_list li:nth-child(3n){ margin-right: 0;}
.c_news_list li figure{ padding-top: 75%; transition: all 0.5s;}
.c_news_list li .txt{ border: 1px solid #eeeeee; padding: 5%; height: 219px; background: #fff; overflow: hidden; z-index: 1;}
.c_news_list li h3{ margin: 0; font-size: 20px; color: #000000; font-weight: normal; line-height: 30px; overflow: hidden; max-height: 60px;}
.c_news_list li time{ font-size: 16px; color: #0eb4af;}
.c_news_list li p{ color: #666666; max-height: 72px; overflow: hidden;}
.c_news_list li a:hover figure{ transform: scale(1.05);}

.news_info .title{ text-align:center; padding-bottom:20px;}
.news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;    color: #333;}
.news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.news_info .title p span{ margin:0 5px; color:#777;}

.catering_index{ background: url("../images/catering_bg.png") no-repeat center top; position: relative; margin-top: -4%; padding-top: 4%;background-size: cover; min-height: 500px; overflow:hidden}
.catering_box{ padding-bottom: 8%;}
.catering_box .box{ font-size: 16px; color: #555555; line-height: 28px;}
.catering_box .box h3{ font-size: 24px; font-weight: normal; color: #0eb4af; margin: 0 0 2%;}
.catering_box .box1{ text-align: center; max-width: 770px; margin: 0 auto 3%;}
.catering_box .box2{ margin-top: 7%;}
.catering_box .box2 .pic{ float: left; width: 46.9%;}
.catering_box .box2 .txt{ float: right; width: 47%; line-height: 40px;}
.catering_box .box2 .txt p{ max-width: 435px; letter-spacing: 1px; margin: 0;}
.catering_box .box3 .pic{ float: right; margin-top: -15%; position: relative;}
.catering_box .box3 .txt{ float: left; text-align: right;}
.catering_box .box3 .txt p{ float: right;}
.paly_video{ position: relative; margin: 2% 0 12%;}
.paly_video figure{ position: relative; cursor: pointer;}
.paly_video figure:after{ position: absolute; left: 89%; top: 82%; width: 20%; padding-top: 20%; background: url("../images/catering_bg2.png") no-repeat center; background-size: contain; content: '';}
.paly_video figure:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/play.png") no-repeat center rgba(0,0,0,0.2);}
.paly_video img{ width: 100%;}
.paly_video video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; display: none;}

.about_index{ background: url("../images/about_bg.png") no-repeat center top; background-size: cover;}
.news_news_list .top{ position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 4.5%;}
.news_news_list .top li{ overflow: hidden; background: #f7f7f7;}
.news_news_list .top li figure{ float: left; width: 62.5%;}
.news_news_list .top li .txt{ float: left; width: 37.5%; padding: 3% 4% 3.5% 2%;}
.news_news_list .top h3{ font-size: 24px; color: #000000; font-weight: normal; margin:0 0 2%; line-height: 36px; max-height: 72px; overflow: hidden;}
.news_news_list .top span{ width: 100px; line-height: 32px; color: #fff; border-radius: 50px; background: #f8c1a6; text-align: center; display: block; margin: 7% 0 2%;}
.news_news_list .top p{ font-size: 16px; color: #333333; margin: 0; line-height: 30px;}
.news_news_list .bx-pager{ position: absolute; width:35.5%; right: 0; bottom: 3%; text-align: left; z-index: 105; }
.news_news_list .bx-pager *{ display: inline-block; overflow: hidden;}
.news_news_list .bx-pager div{ margin: 0 3px;}
.news_news_list .bx-pager a{ line-height: 100; background: #bfbfbf;  vertical-align: top; width: 11px; height: 11px; border-radius: 100%;}
.news_news_list .bx-pager a.active{ width: 32px; border-radius: 50px; background: #2dcbc6;}
.news_news_list .list li{ width: 48.8%; float: left; margin-right: 2.4%; text-align: center; background: #f7f7f7; overflow: hidden; border-radius: 10px; margin-bottom: 3%;}
.news_news_list .list li:nth-child(2n){ margin-right: 0;}
.news_news_list .list li figure{ padding-top: 56.3%; transition: all 0.5s;}
.news_news_list .list li p{ margin: 0; line-height: 60px; padding: 0 2%; font-size: 16px; color: #333333;}
.news_news_list .list li a:hover figure{ transform: scale(1.05);}

.TextList{ background: #fff; padding: 4%;}
.TextList .list{ background: #f5f5f5;}
.TextList .list:nth-child(2n){ background: #fff;}
.TextList .job-title{ line-height:30px; padding:15px 3.5%; font-size:16px; cursor:pointer; position:relative;}
.TextList .job-title:before{ content: ''; width: 4px; height: 4px; border-radius: 100%; background: #0eb4af; left: 2%; top: 50%; margin-top: -2px; position: absolute;}
.TextList .job-title i{ position:absolute; width:22px; height:22px; border-radius:50%; right:2%; top:50%; margin-top:-11px;}
.TextList .job-title i::before,
.TextList .job-title i::after{ position:absolute; content:''; background:#cccccc;}
.TextList .job-title i::before{ left:10%; width:80%; height:2px; top:50%; margin-top:-1px;}
.TextList .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:10%; height:80%;}
.TextList .job-title.select i{ transform: rotate(45deg);}
.TextList .job-title.select i::before,
.TextList .job-title.select i::after{background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8);}
.TextList .job-title.select{ color:#24bab6; font-weight: bold;}
.TextList .job-main{ display:none; padding:22px 3.5%; border-top:1px dotted #e5e5e5;}
.TextList .job-main article{ position: relative; padding-left: 40px; font-size: 16px; line-height: 32px; color: #333333; min-height: 50px;}
.TextList .job-main .tit{ position: absolute; left: 0; top: 0;}


.join_index{ padding-bottom: 15%;}
.consult_index .table{ background: #f8f8f8; padding:2% 5% 4%;}
.consult_index .table h3{ text-align: center; color: #0eb4af; font-size: 28px;}
.consult_index .table li{ margin-bottom: 20px;}
.consult_index .table .text{ line-height: 50px; height: 50px; border: none; background: #ffffff; padding: 0 15px; font-size: 16px; width: 100%; border-radius: 10px;}
.consult_index .table .li{ width: 32%; float: left; margin-right:2%; }
.consult_index .table .li:nth-child(3),
.consult_index .table .li4{ margin-right: 0;}
.consult_index .table .li3{ margin-right: 2% !important;}
.consult_index .table .li2{ clear: both;}
.consult_index .table .li2 textarea.text{ height: 180px;}
.consult_index .table .btn{cursor: pointer; line-height: 50px; height: 50px; border-radius: 50px; margin: 3% auto 0; width: 90%; max-width: 320px;background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8); color: #fff; font-size: 16px; border: none; display: block;}
.consult_index .table_list ul{ font-size: 0;}
.consult_index .table_list li{ background:#fff; font-size: 14px; width: 48.5%; margin-right: 3%; display: inline-block; vertical-align: top; border: 1px solid #dddddd; padding: 2%; margin-bottom: 2%;}
.consult_index .table_list li:nth-child(2n){ margin-right: 0;}
.consult_index .table_list .top,
.consult_index .table_list .con{ padding-left: 80px;}
.consult_index .table_list .top{ position: relative; border-bottom: 1px solid #dddddd; min-height: 70px; padding-bottom: 3%; margin-bottom: 3%;}
.consult_index .table_list figure{ width: 60px; height: 60px; background: url("../images/icon_img.png") no-repeat center; background-size: cover; position: absolute; left: 0; top: 0;}
.consult_index .table_list h3{ margin: 0; font-size: 16px; color: #0eb4af;}
.consult_index .table_list p{ color: #333333; margin: 0;}
.consult_index .table_list time{ color: #999999; padding: 1.5% 0 0; display: block;}
.consult_index .table_list .con{ min-height: 103px;}

.join_list{ padding-bottom:3%;}
.join_list .thead{ background:#f5f5f5;line-height:20px; text-align:center; padding: 20px 0;}
.join_list .thead span{ float:left; width:16%; color:#333; display:block; font-size:14px; text-align:center; font-size: 16px; position:relative;}
.join_list .thead span+span{ border-left: solid 1px #989898;}
.join_list .thead span i{ background:url("../images/TextList002208-icon.png") no-repeat -134px -78px; display:block; position:absolute; right:10px; top:50%; width:9px; height:5px; margin-top:-2px;}
.join_list .dl{ }
.join_list .dl+.dl{ border-top:1px solid #fff;}
.join_list .dl .dt{line-height:40px; padding: 10px 0; text-align:center; cursor:pointer; background:#fff;border-bottom: 1px solid #e5e5e5;}
.join_list .dl .dt span{float:left; width:16%;  display:block; font-size:16px; color: #333;}

.join_list .dl .dt .btn{ text-decoration:underline; display:block; position:relative;}
.join_list .dl .dt .btn i{ position:absolute;  right:15px; background:url("../images/TextList002208-icon.png") no-repeat -44px -82px ; display:block; width:21px; height:11px; top:50%; margin-top:-5px;}
.join_list .conbox{ background:#f9f9f9; padding:20px 5%; display:none; font-size: 16px;}
.join_list .jobname{ width:30% !important;}
.join_list .thead .icon,
.join_list .dl .dt span.icon{ width: 6%; height: 20px; position: relative;}
.join_list .dl .dt span.icon{ height: 40px;}
.join_list dl span.icon i{ position:absolute; width:22px; height:22px; border-radius:50%; left:50%; top:50%; margin-top:-11px; margin-left: -11px;}
.join_list dl span.icon i::before,
.join_list dl span.icon i::after{ position:absolute; content:''; background:#cccccc;}
.join_list dl span.icon i::before{ left:10%; width:80%; height:2px; top:50%; margin-top:-1px;}
.join_list dl span.icon i::after{ left:50%; margin-left:-1px; width:2px; top:10%; height:80%;}
.join_list .dl.active{border-bottom: 1px solid #e5e5e5;}
.join_list .dl.active span.icon i{ transform: rotate(45deg);}
.join_list .dl.active span.icon i::before,
.join_list .dl.active span.icon i::after{background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8);}
.join_list .top{ font-size: 16px; border-bottom: 1px solid #e5e5e5; padding-bottom: 3%; margin-bottom: 3%;}
.join_list .top table{ width: 100%;}
.join_list .top table td{ width: 50%; padding: 9px 0; font-size: 16px;}
.join_list .con{ line-height: 32px;}
.join_list .btn{line-height: 50px; height: 50px; border-radius: 50px; margin: 3% auto; width: 90%; max-width: 320px;background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8); color: #fff; font-size: 16px; border: none; display: block; text-align: center;}

.gray_index_pb{ padding-bottom: 3%;}
.internet_index{ background: #fff; padding: 5%;}
.internet_index .tit{ font-size: 28px; color: #0eb4af; text-align: center; margin: 0; font-weight: bold; line-height: 60px;}
.internet_table{ background: #f8f8f8; padding: 2% 5%; margin-bottom: 3%;}
.internet_table .tit{ margin-bottom: 2%;}
.internet_table li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 2%;}
.internet_table li:nth-child(2n){ margin-right: 0;}
.internet_table li select{ width: 100%; border: none; background: #fff; height: 50px; line-height: 50px; border-radius: 10px; padding: 0 2%; font-size: 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none; }
.dateText{ width: 100%; border: none; background: #fff; height: 50px; line-height: 50px; border-radius: 10px; padding: 0 2%; font-size: 16px;}
.internet_table .txt{ text-align: center; font-size: 16px; padding: 5% 0 1%;}
.internet_table .txt i{ font-weight: bold; color: #2dcbc6; font-size: 40px; font-style: normal; transform: skew(-10deg); display: inline-block;}
.internet_table .btn{line-height: 50px; height: 50px; border-radius: 50px; margin: 3% auto; width: 90%; max-width: 320px;background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8); color: #fff; font-size: 16px; border: none; display: block; text-align: center;}
.internet_box .tit{ background: #f8f8f8;}
.internet_box article{ padding: 3% 0; font-size: 16px; color: #333; line-height: 32px;}
.internet_box .icon_li{ position: relative; padding-left: 20px;}
.internet_box .icon_li .span{ position: absolute; left: 0; top: 0;}

.Que_index{ background: #fff; padding-top: 0;}
.Que_box{ max-width: 830px; margin: 0 auto 2%; font-size: 16px; line-height: 28px; color: #333333;text-align: center;}
.Que_box h3{ font-size: 28px; color: #0eb4af; margin: 0; }
.Que_list li{ padding: 2% 4%; background: #f8f8f8; border-radius: 10px; font-size: 16px; line-height: 28px; color: #333;}
.Que_list li:nth-child(2n){ background: #fff;}
.Que_list li .fname{ display: block; margin-bottom: 1%;}
.Que_list li label{ padding-right: 5%; display: inline-block; margin: 0.5% 0;}
.Que_list li .text{ width: 180px; height: 40px; line-height: 40px; border-radius: 5px; background: #fff; border: 1px solid #dddddd; padding: 0 10px; margin-left: 10px;}
.Que_list li textarea.text{ width: 100%; height: 100%; margin-left: 0;}
.Que_list ol .btn{cursor: pointer;line-height: 50px; height: 50px; border-radius: 50px; margin: 5% auto 0; width: 90%; max-width: 320px;background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8); color: #fff; font-size: 16px; border: none; display: block; text-align: center;}

.news_list3{ background: #fff; padding: 3%;}
.news_list3 li{ clear: both; overflow: hidden; border-top: 1px solid #e5e5e5; padding:1.5% 4% 1.5% 2%; line-height: 32px;}
.news_list3 li:last-child{border-bottom: 1px solid #e5e5e5;}
.news_list3 li a{ position: relative; padding-right: 15%; padding-left: 20px; display: block; color: #000;}
.news_list3 li a:before{ content: ''; width: 3px; height: 3px; background: #000; position: absolute; left: 0; top: 15px;}
.news_list3 li time{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #999999;}
.news_list3 li *{ margin: 0;}
.news_list3 li h3{ font-size: 16px; font-weight: normal;}
.bd_weixin_popup{ width: 250px!important; height: 310px!important;}

.Page001959{ line-height:50px; zoom:1; overflow:hidden; text-align:center; padding:5% 0; text-align:center;}

.Page001959 a{ display:inline-block; margin:0px 2px; padding:0px 19px; border-radius: 100%; font-size:20px; vertical-align:middle;background-color:#fff; color: #000;}


.Page001959 a:hover, .Page001959 a.a_cur{ color:#fff; background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8);}
.Page001959 .a_prev, .Page001959 .a_next{ width:50px; height:50px; padding:0; line-height:150px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-color:#fff;}
.Page001959 .a_prev{ background-image:url("../images/Page001959-prev.png");}
.Page001959 .a_prev:hover{ background-image:url("../images/Page001959-prev_hover.png"); background-size: cover;}
.Page001959 .a_next{ background-image:url("../images/Page001959-next.png");}
.Page001959 .a_next:hover{ background-image:url("../images/Page001959-next_hover.png"); background-size: cover;}

.Tourist-service{ font-size:16px; line-height:32px; padding-bottom:30px;}
.Tourist-service p{ margin:0; padding:0;}


.Floor000476_2{padding: 2% 3%; background: #fff;}
.Floor000476_2 .con{ overflow:hidden;}
.Floor000476_2 .con a{ float:left; width:18.386%; margin-right:2%;margin-bottom: 2.5%; padding-top: 7.5%; position: relative; border:1px solid #eaeaea;border-radius: 10px;}
.Floor000476_2 .con a:nth-child(5n){margin-right: 0}
.Floor000476_2 .con a img{ max-width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;}
.bd_weixin_popup{ width: 250px!important; height: 310px!important;}
.content_box{padding: 2% 3%; background: #fff;}
@media(max-width:768px){
	
	.green_bg_index{ min-height:inherit;}
    .Page001959 { line-height:30px;}
    .Page001959 a{ font-size:18px;padding:0px 10px;}
}
@media(max-width:480px){
    .Page001959 em{ display:none;}
}
@media(min-width:1025px){
	.Hbox1 li{ opacity: 0; transform: translateY(20%); }
	.Hbox1 li.animate{ opacity: 1; transform: translateY(0);}
    .Hbox2 .con,
    .Hbox3 .slider-for,
    .Hbox4 .con{ opacity: 0;}
    .Hbox2 .animate,
    .Hbox3 .animate,
    .Hbox4 .animate{ opacity: 1;}
}
@media(max-width:1440px){
    .Hbox1{top: 25%; height: 69%;}
    .Hbox2,
    .Hbox3{ padding-top: 11%;}
}
@media(max-width:1366px){
    .Header .topNav li{ margin-right: 7.5%;}
    .campsite_box .box3{ margin-top: -7%;}
    .campsite_box .box4{ margin-top: -8%;}
    .paly_video figure:after{ display: none;}
}
@media(max-width:1200px){
    .Header .topNav li{ margin-right: 1%;}
    .Header .topNav li:nth-child(5){ margin-right: 28%;}
}
@media(max-width:1199px){
    .Header .logo{ position: static; margin: 0 auto; transform: none; padding: 1% 0;}
	.Header #open_menu{ position: absolute; width:40px; height:30px; z-index:101; transition:background 0.3s; right: 2%; top: 58%; margin-top:-15px;}
	.Header #open_menu i,
	.Header #open_menu i::before,
	.Header #open_menu i::after{ background:#0eb4af; border-radius:3px; position: absolute;}
	.Header #open_menu i::before,
	.Header #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
	.Header #open_menu i::before{ top:6px;}
	.Header #open_menu i::after{top:-6px;}
	.Header #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px; top: 50%;}
	.Header #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;}
	.Header #open_menu.open_menu_on i{ background:none !important;}
	.Header #open_menu.open_menu_on i::before,
	.Header #open_menu.open_menu_on i::after{  top:0 !important;}
	.Header #open_menu.open_menu_on i::before{ transform:rotate(45deg);}
	.Header #open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
    .Header .topNav{ display: none; width: 100%; top: 100%; transform: none; position: fixed; right: 0; top: 15%; background: #fff;max-width: 300px;max-height: 85%;overflow: auto;}
    .Header .topNav li{ width: 100%; float: none; margin-right: 0!important; text-align: center;}
    .Header .topNav li a{ display: inline-block; padding: 10px 15px 15px;}
    .Header .header-menu-show{ display: block; width: 100%; max-width: 300px;}


}
@media(max-width:1024px){
    .fp-section.fp-table,
    .fp-slide.fp-table,
    .fp-tableCell{ height: auto!important;}
    .Hbanner figure img{ display: block;}
    .Hbanner .bx-pager{ bottom: 2%;}
    .section2 .pic{ display: block;}
    .section2 .pic img{ width: 100%;}
    .section3,
    .section5{ padding: 5% 0; background-size: cover;}
    .section4{ background-size: cover;}
    .Hbox2 .con .hover{ position: static; display: block;}
    .Hbox2 .con .on{ opacity: 0; display: none;}
    .Hbox3{ padding: 8% 0;}
    .Hbox3 .slider-nav{ bottom: 0;}
    .Hfoot{ position: static;}
    .footer{}
    .footer .w1366{ text-align: center;  line-height: 30px; padding-top: 10px;}
    .footer .txt{ float: none; display: block;}
    .pcban{ display: none;}
    .wapban{ display: block;}
    .campsite_box .box3{margin-top: -15%;padding: 21% 0 7%;}
}
@media(max-width:768px){
    .section2{ background-size: cover; padding: 5% 0;}
    .section2 .pic{ display: none;}
    .Hbox1{ position: static;}
    .Hbox1 ul{ text-align: center;}
    .Hbox1 li{ width: 30%; display: inline-block; position: static; }
    .Hbox1 li a{ margin: 0 auto;}
    .Hbox1 li.li1 a{background-image: url("../images/Hbox1_li_bg1_hover.png");}
    .Hbox1 li.li2 a{background-image: url("../images/Hbox1_li_bg2_hover.png");}
    .Hbox1 li.li3 a{background-image: url("../images/Hbox1_li_bg3_hover.png");}
    .Hbox2 .con{ width: 75%;}
    .Hbox3 .slider-for{ width: 60%; background: rgba(17,15,53,0.6); border-radius: 50%; border: 3px solid #fff;}

    .hotel_info{ padding: 0 2%;}
    .hotel_info .txt h2{ font-size: 40px;}
    .hotel_info .txt h3{ font-size: 20px; margin: 2% 0;}
    .hotel_info .info,
    .hotel_info .pic{ width: 100%; float: none; overflow: hidden; padding: 0!important;}
    .hotel_info .txt{ max-width: none!important;}
    .hotel_info2 .txt{ padding-bottom: 2%;}
    .hotel_info2 .img{ float: none; margin-bottom: 0;}
    .hotel_info3 .info{ margin-top: 0;}
    .about_box .txt,
    .about_box .pic{ width: 100%!important; float: none!important;}
    .about_box .txt_img{ margin: 5% 0 5%!important; text-align: left;}
    .catering_box .box3 .pic{ margin-top: 0;}
    .news_news_list .top li figure,
    .news_news_list .top li .txt{ width: 100%; float: none;}
    .news_news_list .bx-pager{ display: block; width: 100%; text-align: center; background: #f7f7f7; position: static;}
    .consult_index .table .li{width: 100%; float: none; margin-right: 0;}
    .consult_index .table_list li{ display: block; margin-right: 0; width: 100%;}
}
@media(max-width:640px){
    .Header .logo{ padding: 1% 0 5%; width: 20%;}
    .section1{ padding-top: 20%;}
    .Hbox1 li{ width: 100%; display: block; margin-bottom: 5%; background: rgba(230,159,42,0.6); border-radius: 10px; border: 3px solid #fff;}
    .Hbox1 li a{ width: 80%; margin: 0 auto; padding: 2% !important; background: none!important;}
    .Hbox2 .con{ width: 100%;}
    .Hbox2 .con .hover{ background: none;}
    .Hbox3 .slider-for{ width: 100%; padding: 10% 10% 21%;}
    .Hbox3 .slider-nav{ display: none;}
    .Hbox3 .slider-for h3{ font-size: 18px; margin: 0; padding: 0 5%;}
    .Hbox3 .slider-for .txt p{ font-size: 14px; line-height: 24px;}
    .Hbox4 .con{ width: 100%; transform: none;}
    .Hbox4 h3{ font-size: 18px;}
    .Hbox4 p{ font-size: 14px; line-height: 24px;}

    .Nybanner{ padding-top: 20%;}
    .nymenu header span{ letter-spacing: 0; font-size: 14px;}
    .nymenu header h3{ font-size: 20px;}
	.nymenu header .tips_time{ font-size:18px; padding:6px}
    .nymenu li{ width: 48%;}
    .park_box li .pic,
    .park_box li .txt{ width: 100%!important; float: none!important;}
    .park_box li .txt h3 span,
    .campsite_box .box h3{ font-size: 18px;}
    .park_box li .txt p,
    .campsite_box .box{ font-size: 14px; line-height: 24px;}
    .campsite_box .box3 .pic, .campsite_box .box3 .txt{ width: 100%!important; float: none!important;}
    .campsite_box .box4 ul{ padding: 3% 2%;}
    .campsite_box .box4 li{ width: 100%; padding: 0 70px; float: none; margin-bottom: 2%;}
    .campsite_box .box4 li .pic:after,
    .campsite_box .box4 li .pic:before,
    .campsite_box .box4 li .pic div:before{ content: ''; top: 100%;background-size: contain; position: absolute; width: 70px; padding-top: 27%; background: url("../images/campsite_bg7.png"/*tpa=http://www.dfssland.com/cn/images/campsite_bg7.png*/) no-repeat center top;}
    .campsite_box .box4 li .pic:before{ background-image: url("../images/campsite_bg6.png"); left: -70px;}
    .campsite_box .box4 li .pic:after,
    .campsite_box .box4 li:first-child .pic:after{  right: -70px; left: auto;}
    .campsite_box .box4 li:first-child .pic:after{background-image: url("../images/campsite_bg7.png");}
    .campsite_box .box4 li .pic div:before{ top: 100%;background-size: contain;position: absolute;background: url("../images/campsite_bg5.png") repeat-x center top; width: 100%; left: 0;}
    .c_news_list li,
    .internet_table li{ width: 100%; float: none; margin-right: 0;}
    .catering_box .box2 .pic,
    .catering_box .box2 .txt{ float: none!important; width: 100%; text-align: left!important; line-height: 30px;}
    .catering_box .box{ font-size: 14px;}
    .catering_box .box h3{ font-size: 18px;}
    .catering_box .box2 .txt p{ max-width: 100%;}
    .paly_video figure:before{ background-size: 15%;}
    .news_news_list .top h3{ font-size: 18px;}
    .news_news_list .list li p{ font-size: 14px;}
    .TextList .job-title{ padding: 15px 30px;}

    .join_list .edus,
    .join_list .jobyq,
    .join_list .time{ display: none!important;}
    .join_list .jobname{ width: 55%!important;}
    .join_list .num{ width: 30%!important;}
    .join_list .thead .icon, .join_list .dl .dt span.icon{ width: 15%;}
    .join_list .top table td{ display: block; width: 100%;}
    .internet_index .tit{ font-size: 20px;}
    .internet_table .txt i{ font-size: 30px;}

    .Floor000476_2 .con a{ width: 31.33%;padding-top: 14%;}
    .Floor000476_2 .con a:nth-child(5),.Floor000476 .con a:nth-child(10){margin-right: 2%;}
    .Floor000476_2 .con a:nth-child(3n){ margin-right: 0;}
}








/* 账号注册 */
.Login{
	background: url("../images/login_bg.png") no-repeat center;
	height: 790px;
}


.Login .Login-con{
	width: 350px;
	border: 1px solid #dddddd;
	background: #fff;
	margin-top: 126px;
	float: right;
	box-shadow: 0 0 20px #ddd;
}


.Login .Login-con h1{
	border-bottom: 1px solid #DDDDDD;
	line-height: 60px;
	height: 60px;
	font-size: 20px;
	color: #555555;
	padding-left: 53px;
	position: relative;
	margin: 0;
	font-weight: 100;
	
}
.Login .Login-con h1::after{
	content: "";
	position: absolute;
	width: 78px;
	height: 3px;
	background: #0eb4af;
	left: 53px;
	bottom: 0px;
}

.Login .Login-con .from{
	padding: 24px;
	overflow: 	hidden;
}
.Login .Login-con .from div {
	margin-bottom: 20px;
	overflow: hidden;
}
.Login .Login-con .from div em{
	display: inline-block;
	width: 66px;
	font-style: inherit;
	line-height: 36px;
	height: 36px;
	color: #999999;
	text-align:justify;
	display: inline-block;
	text-align-last:justify;
	text-align:justify;
	text-justify:distribute-all-lines; /* // 这行必加，兼容ie浏览器 */
}
/* .Login .Login-con .from div em:after{
	content: "";
	display: inline-block;
	width: 100%;
} */
.Login .Login-con .from div i{
	font-style: inherit;
	
}
.Login .Login-con .from div input{
	margin-left: 4px;
	padding: 0 9px;
	width: 216px;
	line-height: 34px;
	height: 36px;
	border: 1px solid #dddddd;
	color: #999999;
	float: right;
}
.Login .Login-con .from div input::-webkit-input-placeholder {
	color: #999999;

}
.Login .Login-con .from div.yzm input{
	width: 108px;
}

.Login .Login-con .from div.yzm img{
	float: right;
	margin-left: 18px;
}

.Login .Login-con .from div.buttom input{
	width: 100%;
	line-height: 40px;
	color: #FFFFFF;
	height: 40px;
	background: #0eb4af;
	border-radius: 4px;
	border: none;
	padding: 0;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px;
	margin: 0;
}
.Login .Login-con .from div.buttom input:hover{
	color: #0eb4af;
	background: #FFFFFF;
	border: 1px solid #0eb4af;
}
.Login .Login-con .from div a{
	float: right;
	line-height: 24px;
	font-size: 14px;
	color: #555555;
}
.Login .Login-con .from div a:hover{
	color:#0eb4af ;
}

@media(max-width:640px){
	.Login .Login-con{
		width: 100%;
	}
	.Login .Login-con .from div em{
		float: left;

	}
	.Login .Login-con .from div i{
		float: left;
		font-style: inherit;
		line-height: 36px;
		margin-right: 10px;
	}
	.Login .Login-con .from div input{
		width: 70%;
		float: left;
	}
	.Login .Login-con .from div.yzm input{
		width: 110px;
		float: left;
	}
	.Login .Login-con .from div.yzm img{
		float: left;
		margin-left: 4px;
		margin-right: 5px;
	}
}
@media(max-width:342px){
	.Login .Login-con .from div input{
		width: 60%;
	}
}


/* Member_Centre会员中心 */

.Member_Centre{
	background: url("../../uploadfiles/image/Member_Centre_bg.png") no-repeat center;
	height: 790px;
	padding-top: 50px;
}
.Member_Centre .w20{
	width: 20%;
	border: 1px solid #dddddd;
	border-radius:4px ;
	background: #FFFFFF;
	height: 330px;
	overflow: hidden;

}
.Member_Centre .w20 h1{
	line-height: 50px;
	height: 50px;
	color: #555555;
	font-size: 16px;
	font-weight: 100;
	padding-left: 22px;
	border-bottom: 1px solid #eeeeee;
	margin: 0;
	background: url("../images/w22_h_bg.png") no-repeat ;
	background-size:100% ;
	
	position: relative;
}
.Member_Centre .w20 h1::after{
	position: absolute;
	content: "" ;
	width: 3px;
	height: 16px;
	background: red;
	top: 50%;
	margin-top: -8px;
	left: 0;
}
.Member_Centre .w20 a{
	display: block;
	line-height: 50px;
	height: 50px;
	color: #555555;
	font-size: 16px;
	font-weight: 100;
	padding-left: 24px;
	border-bottom: 1px solid #eeeeee;
}
.Member_Centre .w20 a.on,
.Member_Centre .w20 a:hover{
	background:#f9f9f9 url("../images/w22_a_bg.png") no-repeat ;
	background-position: right 24px center;
}
.Member_Centre .w77{
	width: 77%;
	border: 1px solid #dddddd;
	border-radius:4px ;
	background: #FFFFFF;
	overflow: hidden;
	height: 668px;
}

.Member_Centre .w77 h1{
	line-height: 50px;
	height: 50px;
	color: #555555;
	font-size: 16px;
	font-weight: 100;
	padding-left: 30px;
	border-bottom: 1px solid #eeeeee;
	margin: 0;
	background: #f9f9f9 ;
	margin-bottom: 20px;
}

.Member_Centre .w77 div{
	padding-left: 52px;
	margin-bottom: 26px;
}
.Member_Centre .w77 div em{
	line-height: 44px;
	height: 44px;
	font-size: 14px;
	color: #555555;
	width: 90px;
	text-align: left;
	display: inline-block;
	font-style: inherit;
}
.Member_Centre .w77 div input{
	line-height: 42px;
	height: 44px;
	font-size: 14px;
	color: #555555;
	padding: 0 8px;
	border: 1px solid #dddddd;
	width: 270px;
	
}
.Member_Centre .w77 div.GX input{
	width: 120px;
	background: #0eb4af;
	color: #0eb4af;
	text-align: center;
	line-height: 42px;
	height: 44px;
	border: 1px solid #0eb4af;
	color: #FFFFFF;
	border-radius:4px ;
	font-size: 18px;
	cursor: pointer;
}
.Member_Centre .w77 div.GX input:hover{
	background: #FFFFFF;
	color: #0eb4af;
}



/* 我的订单 */
.Member_Centre .w77 ul.ul{
	padding: 0 50px;
}

.Member_Centre .w77 ul.ul li{}
.Member_Centre .w77 ul.ul li dl dd:nth-child(1){
	width: 20%;
}
.Member_Centre .w77 ul.ul li dl dd:nth-child(2){
	width: 23%;
	text-align: center;

}
.Member_Centre .w77 ul.ul li dl dd:nth-child(3){
	width: 21%;
	text-align: center;

}
.Member_Centre .w77 ul.ul li dl dd:nth-child(4){
	width: 21%;
	text-align: center;
}
.Member_Centre .w77 ul.ul li dl dd:nth-child(5){
	width: 15%;
	text-align: right;
}
.Member_Centre .w77 ul.ul li dl dd{
	float: left;
	line-height: 54px;
	height: 54px;
	border-bottom: 1px solid #DDDDDD;
	position: relative;
	font-size: 14px;
	color: #333333;
}
.Member_Centre .w77 ul.ul li dl dd.State_1{
	color: #0eb4af;
}
.Member_Centre .w77 ul.ul li dl dd.State_1::after{
	position: absolute;
	content:"";
	top:20px ;
	left: 72px;
	width: 16px;
	height: 16px;
	background: url("../images/icon_01.png") no-repeat;
}
.Member_Centre .w77 ul.ul li dl dd.State_2{
	color: #b92a2a;
}
.Member_Centre .w77 ul.ul li dl dd.State_2::after{
	position: absolute;
	content:"";
	top:20px ;
	left: 72px;
	width: 16px;
	height: 16px;
	background: url("../images/icon_02.png") no-repeat;
}
.Member_Centre .w77 ul.ul li dl dd.State_3{
	color: #1374eb;
}
.Member_Centre .w77 ul.ul li dl dd.State_3::after{
	position: absolute;
	content:"";
	top:20px ;
	left: 72px;
	width: 16px;
	height: 16px;
	background: url("../images/icon_03.png") no-repeat;
}
.Member_Centre .w77 ul.ul li dl dd.State_4{
	color: #ea9501;
}
.Member_Centre .w77 ul.ul li dl dd.State_4::after{
	position: absolute;
	content:"";
	top:20px ;
	left: 72px;
	width: 16px;
	height: 16px;
	background: url("../images/icon_04.png") no-repeat;
}

.Member_Centre .w77 ul.ul li dl dd a{
	font-size: 14px;
	color: #FFFFFF;
	background: #0eb4af;
	width: 60px;
	height: 30px;
	line-height: 30px;
	display: block;
	float: right;
	text-align: center;
	margin-top: 12px;
}




@media(max-width:768px){
	
	.Member_Centre{
		padding-top: 2%;
		height: auto;
		padding-bottom: 2% ;
		background-size: 100% 100%;
	}
	.Member_Centre .w20,
	.Member_Centre .w77{
		width: 100%;
		height: auto;
		float: inherit;
	}
	.Member_Centre .w20{
	margin-bottom: 2% ;

	}
	.Member_Centre .w77 div{
		margin-bottom:20px ;
	}
	.Member_Centre .w77 ul.ul{
		padding: 0 2%;
	}
	.Member_Centre .w77 ul.ul li dl dd.State_1::after,
	.Member_Centre .w77 ul.ul li dl dd.State_2::after,
	.Member_Centre .w77 ul.ul li dl dd.State_3::after,
	.Member_Centre .w77 ul.ul li dl dd.State_4::after{
		left: 0;
	}
}








/*
 .Page002274 为demo编号
 */
.Page002274{ text-align:center; padding:40px 0 40px;color:#666666; padding-left: 0 !important;}
.Page002274 .Pages *{ vertical-align:middle;}
.Page002274 .Pages {padding-left: 0 !important;}
.Page002274 .Pages .p_cur,
.Page002274 .Pages .p_count,
.Page002274 .Pages .p_total{ display:none;}
.Page002274 .Pages a{ display:inline-block; padding: 0 2px; margin: 0 4px; line-height:37px;border-bottom: 1px solid #FFFFFF; line-height: 28px; height: 28px;  color:#666666; margin-left:5px;}
.Page002274 .Pages a:hover,
.Page002274 .Pages a.a_cur{ color:#0eb4af; border-bottom: 1px solid #0eb4af; }
.Page002274 .Pages em{ font-style:normal !important; display:inline-block !important; vertical-align:middle !important; width:auto !important; padding:0 4px;}
.Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} 
.Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;}
.Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ 
	font-family: 宋体; font-weight: bold; width: 28px; height: 28px; border-radius: 50%; background: #0eb4af; padding: 0; line-height: 28px;text-align: center;color: #FFFFFF; margin:0 8px;	}
.Page002274 .Pages .a_prev:hover,
.Page002274 .Pages .a_next:hover{color:#0eb4af; border: 1px solid #0eb4af; background: #FFFFFF; }

@media(max-width:1000px){
	.Page002274 .Pages {padding-left: 0 !important;}
.Page002274 .Pages em{ display:none;}
}
@media(max-width:640px){
.Page002274 .Pages a.a_first,
.Page002274 .Pages a.a_end{ display:none;}
.Page002274 .Pages a{ padding:0 10px;}
}


.park_info {overflow-x: hidden;}
.park_info .title{padding-top: 16px;color:#0eb4af;font-weight:700;font-size:24px;}
.park_info .title span{position: relative; display:inline-block; padding-right:60px; line-height:41px; background:url("../images/tit_icon1.png") no-repeat right top;}
.park_info .title p{margin: 10px 0 0; font-size: 18px;}
.park_info .Ispic{padding-bottom:56.25%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}

.park_info_table .box{ padding:0 0 15%;font-size: 16px; color: #555555; line-height: 28px;}
.park_info_table .box_table table{ width: 100%;}
.park_info_table .box_table .td_pic{ width: 57%;}
.park_info_table .box_table .td_pic img{ width:100%;}
.park_info_table .box_table .txt{ padding:0 19% 0 10%;font-size: 16px; color: #555555; line-height: 28px; }
.park_info_table .box_table .txt2{ padding: 0 10% 0 19%;}
.park_info_table .box2{ overflow: hidden; padding-top: 2%; margin-bottom: 5%;}
.park_info_table .box2 li{ width: 31.33%; float: left; margin-right: 3%; text-align: center; overflow: hidden; background: #fff; border-radius: 10px;}
.park_info_table .box2 li:last-child{ margin-right: 0;}
.park_info_table .box2 li .txt{ width: 100%; min-height: 246px; padding: 5%;}
.park_info_table .box2 li .txt p{ text-align: left; margin: 4% 0 0; }
.park_info_table2{ padding-bottom: 13%;}
.park_info_table2 .box{ padding-bottom: 12%;}
.park_info_table2 .box_table .txt{ padding:0 14% 0 10%; }
.park_info_table2 .box_table .txt2{ padding:0 8% 0 14%; }
.park_info_zbbwg ul{ position: relative; z-index: 2; padding-top:2%;}
.park_info_zbbwg li{ width: 49.3%; margin-right: 1.4%; margin-bottom: 1.4%; float: left; }
.park_info_zbbwg li:nth-child(2n){ margin-right: 0;}
.park_info_gfjytyg ul{ position: relative; z-index: 2; padding-top:2%; font-size: 0; text-align: center;}
.park_info_gfjytyg ul li{ width: 24.6%;}
.park_info_gfjytyg ul .li1{ width: 50%; display: inline-block; margin: 0 0.4%;}
.park_info_gfjytyg ul .li2{ float: left;}
.park_info_gfjytyg ul .li3{ float: right;}

.campsite_info{ position: relative; padding: 5% 0; overflow: hidden; margin-bottom: 12%;}
.campsite_info:before{ content: ''; position: absolute; left: 0; top: 0; width: 85%; height: 100%; background: #effaf3; border-radius: 100px 0 100px 0; z-index: -1;}
.campsite_info .pic{ float: right; width: 38%}
.campsite_info .txt{ padding:4% 7% 0 9%; width: 60%; font-size: 16px; color: #333333; line-height: 32px; }
.campsite_info .txt h2{ font-size: 36px; color: #0eb4af; margin: 0 0 6%;}
.campsite_info .txt p{ margin: 0;}
.campsite_info2{ position: relative; padding: 5% 0 0; overflow: hidden; margin-bottom: 12%;}
.campsite_info2:before{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 85%; height: 85%; background: #effaf3; border-radius: 100px 0 100px 0; z-index: -1;}
.campsite_info2 ul li{ width: 34%;}
.campsite_info2 ul .li1{ width: 50%; display: inline-block; padding: 0 5%;}
.campsite_info2 ul .li2{ float: left;}
.campsite_info2 ul .li3{ float: right; margin-top: -9%; width: 27%;}
.campsite_info2 ul li h2{ font-size: 36px; color: #0eb4af; margin: 0 0 6%;}
.campsite_info2 ul li p{ margin: 0; padding: 1.2% 0; font-size: 16px; color: #333333;}
.campsite_info2 ul li b{ font-size: 20px; color: #0eb4af; display: inline-block; margin-right: 2%;}

.park_info_kcsz .box{ padding-bottom: 9%;}
.park_info_kcsz .box:last-child{ padding-bottom:0;}
.park_info_table .box_table h2{ font-size: 36px; color: #0eb4af; margin: 0 0 10%;}
.park_info_kcsz .box_table .txt{ padding-right: 13%;}
/*.park_info_kcsz .box_table:nth-child(2n) .txt{ padding: 0;}*/
.park_info_kcsz .box_table4 .txt,
.park_info_kcsz .box_table8 .txt{ padding: 0 19% 0 10% !important;}

.park_info_show{ padding-bottom: 8%;}
.park_info_show ul{ font-size: 0;}
.park_info_show li{ display: inline-block; vertical-align: top; width: 48.5%; margin-right:3%; margin-bottom: 3%; font-size: 16px; line-height: 28px; color: #333333; overflow: hidden; background: #effaf3; border-radius: 5px;}
.park_info_show li:nth-child(2n){ margin-right: 0;}
.park_info_show li .pic{ width: 50%; float: left;}
.park_info_show li .txt{ width: 50%; float: left; padding: 4%;}
.park_info_show li .txt p{ margin: 0;}
.park_info_show li .txt time{ font-size: 22px; color: #0eb4af; font-weight: bold; display: block; margin-bottom: 3%;}
.park_info_hqbz{ overflow: hidden; margin-bottom: 10%;}
.park_info_hqbz .pic{ float: right;width: 86%;margin-left: -20%;}
.park_info_hqbz .txt{ display: inline-block;}
.park_info_hqbz .txt h2{ font-size: 36px; color: #0eb4af; margin: 0 0 10%; line-height: normal;}
.park_info_hqbz .txt li{ position: relative; padding-left: 18px; font-size: 16px; line-height: 28px; color: #333333;}
.park_info_hqbz .txt li:before{ content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 100%; background: url("../images/icon_05.png") no-repeat left 10px;}

.park_info_table li{ overflow:hidden; padding-bottom:9%;}

.park_info_table li .td_pic{ width: 57%; float:left;}
.park_info_table li .txt{ width:43%; float:right; padding:0 60px;  box-sizing:border-box; font-size: 16px; color: #555555; line-height: 28px; }
.park_info_table li .txt h2{ font-size: 36px; color: #0eb4af; line-height:1; margin: 0 0 10%;}
.park_info_table li:nth-child(2n+2) .td_pic{ float:right;}
.park_info_table li:nth-child(2n+2) .txt{ float:left;}


@media(max-width:1024px) {
	.park_info_4 .sec .back .b-left,.park_info_5 .sec .back .b-left{margin-top:2%;}
	.park_info_11 .sec1 .back .b-left{margin:0;}
    .park_info_table .box_table .txt{ padding: 0 5% !important;}
    .park_info_table .box2 li .txt{ padding: 5% 2%;}
    .campsite_info2 ul li h2{ font-size: 24px; }
    .campsite_info2 ul li b{ font-size: 18px;}
    .park_info_show li .txt time{ font-size: 18px;}
    .park_info_show li{ font-size: 14px; line-height: 24px;}
}
@media(max-width:768px) {
    .campsite_info .pic,
    .campsite_info .txt{ float: none; width: 100%}
    .campsite_info .pic{ text-align: center;}
    .campsite_info:before{ width: 100%;}
    .campsite_info2 ul li{ width: 100% !important; float: none; margin-bottom: 5%;}
    .campsite_info2 ul .li2,
    .campsite_info2 ul .li3{ text-align: center; margin: 0 0 5%;}
    .campsite_info2:before{ width: 100%; height: 100%;}
    .park_info_show li{ display: block; width: 100%; margin-right: 0;}
}
@media(max-width:640px) {
	.park_info .title{font-size:18px;}
	.park_info .title p {font-size: 16px;}

    .park_info_table .box_table td{ display: block; width: 100% !important;}
    .park_info_table .box2{ margin-bottom: 0; padding-bottom: 0;}
    .park_info_table .box2 li,
    .park_info_zbbwg li{ width: 100%; float: none; margin: 0 0 5%;}
    .park_info_table .box2 li .txt{ min-height: auto;}
    .park_info_gfjytyg ul .li1{ width: 100%; margin: 0; float: left; margin-bottom: 1%;}
    .park_info_gfjytyg ul .li2,
    .park_info_gfjytyg ul .li3{ float: left; width: 49.2%;}
    .park_info_gfjytyg ul .li2{ margin-right: 0.8%;}
    .campsite_info .txt h2,
    .park_info_table .box_table h2,
    .park_info_hqbz .txt h2{ font-size: 24px;}
    .campsite_info2 ul li h2{ font-size: 20px; }
    .campsite_info2 ul li p{ font-size: 14px;}
    .campsite_info2 ul li b{ font-size: 16px;}
    .park_info_show li .pic,
    .park_info_show li .txt{ float: none; width: 100%;}
    .park_info_show li .pic img{ width: 100%;}
    .park_info_hqbz .pic{ width: 100%; margin-left: 0; margin-top: 5%;}
}

/* 导航二级菜单 */
.Header .topNav li{position: relative;}
.Header .topNav li .sub{display: none; background:rgba(255,255,255,.9); position:relative; transition: 0.5s padding, 0.5s background;}
.Header .topNav li .sub:after {
    content: "";
    display: block;
    height: 0;
    border-top: 5px solid rgba(255,255,255,.9);
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 101;
    transition: 0.5s border-top;
}
.Header .topNav li .sub-menu{padding:0;text-align:center; }
.Header .topNav li .sub-menu dt{   visibility: hidden;  height: 0; border-bottom:1px solid #f2f2f2; transition:0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color }
.Header .topNav li .sub-menu dt:last-child{border-bottom:0;}
.Header .topNav li .sub-menu dt a{width: 100%; padding: 10px 0; font-size:15px; color:#666;transition:0.3s;}
.Header .topNav li .sub-menu dt a:hover{background: #0eb4af !important;color:#fff;}
.Header .topNav li:hover .sub-menu dt{ visibility:inherit; height:auto; transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;}


@media(min-width:1200px){
	.Header .topNav li .sub {position: absolute;top: 100%;left: 50%;min-width:140px;transform: translate(-50%,0);	}
}

.park_info{ font-size:16px; padding-bottom:5%}
.park_info .txt{ padding-top:3%; line-height:28px;}
.park_info .tips{ padding:20px 0;}

/*山之王国*/
.park_info_mountain .title{ color:#0eb4af}
.park_info_mountain .title span{ background-image:url("../images/tit_icon1.png")}

.park_info_mountain .tips{color:#0eb4af;}

.park_info_mountain .info_a .two_img{}
.park_info_mountain .info_a .two_img .pic{ float:left; padding-right:3%}
.park_info_mountain .info_a .img-1{ padding:4% 0}
.park_info_mountain .info_a .img-3{ padding: 1.3%;}
.park_info_mountain .three_img {width: 100%;clear: both;}

@media(min-width:768px){
    .park_info_mountain .title{ margin-top: 35px;}
    .park_info_mountain .tips{padding: 0 0 50px;}
    .park_info_mountain .info_a .box_left{ width:43.5%;}
    .park_info_mountain .info_a .box_right{ width:56.5%}
    .park_info_mountain .info_a .txt{max-width:410px; padding-top: 1%;}
    .park_info_mountain .box_txt{ margin-left: 11%;}

    .park_info_mountain .info_pl .box_left{ width:56.5%}
    .park_info_mountain .info_pl .box_right{width:43.5%;}
    .park_info_mountain .info_pl .img-2{ text-align: right;}
    .park_info_mountain .info_pl .img-2 img{padding-right: 13%;}
    .park_info_mountain .info_pl .img-2 img.img{padding-right: 2%;}
    .park_info_mountain .info_pl .two_img .img-3{ padding: 1.3% 1.3% 0 0;}

    .park_info_mountain .info_a2 .txt{max-width:368px; }
    .park_info_mountain .info_a3 .txt{max-width:445px; }
    .park_info_mountain .info_a5 .title{ margin-top: 0;}
    .park_info_mountain .info_a5 .txt{max-width:465px; }
    .park_info_mountain .info_a6 .txt{max-width:365px; }
    .park_info_mountain .info_a7 .txt{max-width:420px; }
    .park_info_mountain .info_a8 .txt{max-width:368px; }
    .park_info_mountain .info_a9 .txt{max-width:465px; }

    .park_info_mountain .info_b .box_left{ width:50%;}
    .park_info_mountain .info_b .box_right{ width:50%}
    .park_info_mountain .info_b .txt{ max-width:410px; padding:0;}
    .park_info_mountain .info_b .title{ margin-top: 0;}
    .park_info_mountain .info_b .tips{ padding-bottom: 70px;}
    .park_info_mountain .info_b .two_img{ display: table; width: 100%;}
    .park_info_mountain .info_b .img-3{ display: table-cell; padding: 10px 0 0 10px; vertical-align: top; width: 50%;}
    .park_info_mountain .info_b .img-4{ padding:4% 0; text-align:right}
    .park_info_mountain .info_b .box_left .two_img{ text-align: right;}

    .park_info_mountain .info_c .box_left{ width:56.4%;}
    .park_info_mountain .info_c .box_right{ width:43%}
    .park_info_mountain .info_c .two_img{ display: table; width: 100%;}
    .park_info_mountain .info_c .img-2,
    .park_info_mountain .info_c .img-3{ display: table-cell; padding: 10px 0 0 10px; vertical-align: bottom; width: 50%; text-align: right;}
    .park_info_mountain .info_c .txt{ max-width:410px; padding:0;}
    .park_info_mountain .info_c .title{ margin-top: 0;}
    .park_info_mountain .info_c .tips{ padding-bottom: 40px;}
    .park_info_mountain .info_c2 .box_left{ width:43%;}
    .park_info_mountain .info_c2 .box_right{ width:56.4%}
    .park_info_mountain .info_c2 .tips{ padding-bottom: 58px;}
    .park_info_mountain .info_c2 .img-2,
    .park_info_mountain .info_c2 .img-3{  padding: 0; text-align: left;}
    .park_info_mountain .info_c2 .img-2{ width: 55.5%;}
    .park_info_mountain .info_c2 .img-3{ width: 44.5%;}
    .park_info_mountain .info_c2 .img-3{ padding: 0 0 10px 10px;}


    .park_info_mountain .info_d .title{ margin-top: 0;}
    .park_info_mountain .info_d .txt{ padding-top: 0; margin-top: -15px;}
    .park_info_mountain .info_dl .box_left{ width:36.4%; text-align: right;}
    .park_info_mountain .info_dl .box_right{ width:63.6%}
    .park_info_mountain .info_dl .img-4{ padding: 10px;}
    .park_info_mountain .info_dl .box_txt{ position: relative; padding-right: 40%;}
    .park_info_mountain .info_dl .img-1{ position: absolute; right: 0; bottom: 0;}
    .park_info_mountain .info_dl .txt{ max-width: 375px;}

    .park_info_mountain .info_d2 .box_left{ width:63.8%;}
    .park_info_mountain .info_d2 .box_right{ width:36.2%}
    .park_info_mountain .info_d2 .txt{ max-width: 690px; margin-top: 10px;}

    .park_info_mountain .three_img .pic{ float: left;}
    .park_info_mountain .info_d .three_img .img-2{ width: 20.2%;}
    .park_info_mountain .info_d .three_img .img-3{ width: 43.8%;}
    .park_info_mountain .info_d .three_img .img-4{ width: 36%; padding: 10px;}

    .park_info_mountain .info_d3 .txt{ margin-top: 0;}
    .park_info_mountain .info_d3 .tips{ padding-bottom: 63px;}

    .park_info_mountain .info_d4 .box_left{ width:36.2%;}
    .park_info_mountain .info_d4 .box_right{ width:63.8%; margin-top: -14px;}
    .park_info_mountain .info_d4 .txt{ max-width: 690px; margin-top: 10px;}
    .park_info_mountain .info_d4 .three_img .img-2{ width: 36.2%; text-align: right; padding: 10px;}
    .park_info_mountain .info_d4 .three_img .img-3{ width: 43.8%;}
    .park_info_mountain .info_d4 .three_img .img-4{ width: 20%; padding: 0;}

    .park_info_mountain .info_d5 .box_left{ width:63.8%; padding-left: 20.2%;}
    .park_info_mountain .info_d5 .box_right{ width:36.2%}
    .park_info_mountain .info_d5 .txt{ max-width: 400px;}
    .park_info_mountain .info_d5 .three_img .img-2{ margin-top: -11.5%; padding-bottom: 2%;}
    .park_info_mountain .info_d6 .txt{ margin-top: 0;}
    .park_info_mountain .info_d6 .box_left{ margin-top: -14px;}

    .park_info_mountain .info_e .title{ margin-top: 0;}
    .park_info_mountain .info_e1 .box_left{ width:31.4%;}
    .park_info_mountain .info_e1 .box_right{ width:68.6%; margin-top: -10px;}
    .park_info_mountain .info_e1 .img-4{ padding: 10px;}
    .park_info_mountain .info_e1 .box_txt{ position: relative; padding-right: 0%;}
    .park_info_mountain .info_e1 .img-1{ position: absolute; right: 0; bottom: 0;}
    .park_info_mountain .info_e1 .txt{ max-width: 400px; padding-top: 0;}
    .park_info_mountain .info_e1 .three_img .img-3{ width: 50%;}
    .park_info_mountain .info_e1 .three_img .img-4{ width: 40%; padding: 10px;}

    .park_info_mountain .info_e2 .box_left{ width: 36.8%;}
    .park_info_mountain .info_e2 .box_right{ width: 62.2%;}
    .park_info_mountain .info_e2 .two_img{ display: table; text-align: right; width: 100%;}
    .park_info_mountain .info_e2 .two_img .pic{ display: table-cell; vertical-align: bottom; width: 59.6%;}
    .park_info_mountain .info_e2 .two_img .img-2{ padding: 0 10px 10px 0;}
    .park_info_mountain .info_e2 .two_img .img-3{ width: 40.4%;}
    .park_info_mountain .info_e2 .tips{ padding-bottom: 80px;}

    .park_info_mountain .info_el .box_left{ width: 56.2%;}
    .park_info_mountain .info_el .box_right{ width: 43.8%; margin-top: -10px;}
    .park_info_mountain .info_el .two_img{ text-align: left;}
    .park_info_mountain .info_el .two_img .img-2{ width: 55.4%; padding: 0;}
    .park_info_mountain .info_el .two_img .img-3{ padding: 0 0 0 10px;}
    .park_info_mountain .info_el .img-4{ padding: 10px 0 0 0;}
    .park_info_mountain .info_el .txt{  padding-top: 0;}

    .park_info_mountain .info_e3 .box_left{ width: 66.7%; position: relative; padding-left: 9%; margin-top: -5px;}
    .park_info_mountain .info_e3 .box_right{ width: 31.3%; margin-top: -10px;}
    .park_info_mountain .info_e3 .box_left .img-1{ position: absolute; left: 0; bottom: 0; width: 27.6%; padding-bottom: 10px;}
    .park_info_mountain .info_e3 .three_img .pic{ text-align: right; width: 50%;}
    .park_info_mountain .info_e3 .three_img .img-3{ padding:0 10px;}
    .park_info_mountain .info_e3 .txt{  padding-top: 0;}
}


/*水之王国*/
.park_info_water .title{ color:#33a4ec}
.park_info_water .title span{ background-image:url("../images/tit_icon2.png")}

.park_info_water .tips{color:#33a4ec; }

.park_info_water .info_a .two_img{ padding:4% 0;}
.park_info_water .info_a .two_img .pic{ float:left; padding-right:3%}
.park_info_water .info_a .img-1{ padding:4% 0}

@media(min-width:768px){
.park_info .box_left{ float:left}
.park_info .box_right{ float:right}
.park_info_water .info_a .box_left{ width:42%;}
.park_info_water .info_a .box_right{ width:56.5%}
.park_info_water .info_a .txt{max-width:410px}

.park_info_water .info_b .box_left{ width:35.8%;}
.park_info_water .info_b .box_right{ width:63%}
.park_info_water .info_b .txt{ max-width:410px; padding-bottom:0}
.park_info_water .info_b .img-1{ text-align:right; margin-top:-40px}
.park_info_water .info_b .img-3{ padding-top:6%}
.park_info_water .info_b .img-4{ padding:4% 0; text-align:right}

.park_info_water .info_c .box_left{ width:33%;}
.park_info_water .info_c .box_right{ width:63%}
.park_info_water .info_c .txt{ max-width:85%;}
.park_info_water .info_c .box2{ clear:both; padding:3% 0}
.park_info_water .info_c .img-2{ float:left; width:40%;}
.park_info_water .info_c .img-3{ float:right; width:59%}

.park_info_water .info_d .box_left{ width:42%;}
.park_info_water .info_d .box_right{ width:56.5%}
.park_info_water .info_d .img-1{ padding:3% 0}
.park_info_water .info_d .img-3{ padding:3% 0}
.park_info_water .info_d .title,
.park_info_water .info_d .txt,
.park_info_water .info_d .tips{ margin:0 5%}

.park_info_water .info_e .box_left{ width:56%;}
.park_info_water .info_e .box_right{ width:43%}
.park_info_water .info_e .two_img{ display:table; width:100%; text-align:right}
.park_info_water .info_e .two_img .pic{ width:50%; display:table-cell; vertical-align:bottom}
.park_info_water .info_e .img-4{ padding:3% 0}
.park_info_water .info_e .title,
.park_info_water .info_e .txt,
.park_info_water .info_e .tips{ margin:0 5%}

.park_info_water .info_f .box_left{ width:48%;}
.park_info_water .info_f .box_right{ width:50%}
.park_info_water .info_f .two_img{ display:table; width:100%;}
.park_info_water .info_f .two_img .pic{ display:table-cell; vertical-align:top}
.park_info_water .info_f .two_img .img-1{ width:60%;}
.park_info_water .info_f .two_img .img-2{ width:38%; text-align:right}
.park_info_water .info_f .img-4{ padding:3% 0}
.park_info_water .info_f .title,
.park_info_water .info_f .txt,
.park_info_water .info_f .tips{ margin:0 5%}

.park_info_water .info_g .box_left{ width:44.5%;}
.park_info_water .info_g .box_right{ width:54.5%}
.park_info_water .info_g .two_img{ display:table; width:100%;}
.park_info_water .info_g .two_img .pic{ display:table-cell; vertical-align:top}
.park_info_water .info_g .img-2{ padding:3% 0}
.park_info_water .info_g .img-4{ padding:3% 0}
.park_info_water .info_g .title,
.park_info_water .info_g .txt,
.park_info_water .info_g .tips{ margin:0 5%}
}
@media(max-width:768px){
.park_info_water .pic{ padding:2% 0}
}


/*酷玩王国*/
.park_info_play .title{ color:#182987}
.park_info_play .title span{ background-image:url("../images/tit_icon3.png")}
.park_info_play .tips{color:#182987; }
.park_info_play .two_img{ width:100% ;clear:both}
.park_info_play .three_img{ width:100%; clear:both}
.park_info_play .info_a .two_img{ padding:4% 0}
.park_info_play .info_a .two_img .pic{ float:left; width:45%;}
.park_info_play .info_a .img-1{ padding:3% 0}
.park_info_play .info_a .img-4{ padding-left:3%}
.park_info_play .info_a2 .two_img{ padding:4% 0; text-align:right}
.park_info_play .info_a2 .two_img .pic{ float:left; width:50%;}
.park_info_play .info_a2 .img-5{ padding:3% 0}
.park_info_play .info_a2 .img-7{ padding:0 3%}

.park_info_play .info_b .img-1{ width:32%; text-align:right; position:absolute; right:0; top:-20%}
.park_info_play .info_b .img-2{ width:66%;}
.park_info_play .info_b .img-4{ padding:4% 0 4% 10%; text-align:right;}
.park_info_play .info_b .two_img{ position:relative}

.park_info_play .info_c .img-3{ float:left; width:55%}
.park_info_play .info_c .img-4{ float:left; width:39%; padding-left:2%}

.park_info_play .info_c2 .two_img{ text-align:right; width:100%; display:table}
.park_info_play .info_c2 .two_img .pic{ display:table-cell; vertical-align:bottom; text-align:right}
.park_info_play .info_c2 .img-5{ padding:3% 0}
.park_info_play .info_c2 .img-6{ width:50%; padding-right:2%}
.park_info_play .info_c2 .img-7{ width:50%}
.park_info_play .info_c2 .img-8{ padding:6% 0}

.park_info_play .info_c3 .img-11{ float:left; width:55%}
.park_info_play .info_c3 .img-12{ float:left; width:39%; padding-left:2%}

.park_info_play .info_c4 .two_img{ text-align:right; width:100%; display:table}
.park_info_play .info_c4 .two_img .pic{ display:table-cell; vertical-align:bottom; text-align:right}
.park_info_play .info_c4 .img-13{ padding:3% 0}
.park_info_play .info_c4 .img-14{ width:50%; padding-right:2%}
.park_info_play .info_c4 .img-15{ width:50%}
.park_info_play .info_c4 .img-16{ padding:6% 0}

.park_info_play .info_c5 .img-19{ float:left; width:55%}
.park_info_play .info_c5 .img-20{ float:left; width:39%; padding-left:2%}

.park_info_play .info_c6 .two_img{ text-align:right; width:100%; display:table}
.park_info_play .info_c6 .two_img .pic{ display:table-cell; vertical-align:bottom; text-align:right}
.park_info_play .info_c6 .img-21{ padding:3% 0}
.park_info_play .info_c6 .img-22{ width:50%; padding-right:2%}
.park_info_play .info_c6 .img-23{ width:50%}
.park_info_play .info_c6 .img-24{ padding:6% 0}

.park_info_play .info_c7 .img-27{ float:left; width:55%}
.park_info_play .info_c7 .img-28{ float:left; width:39%; padding-left:2%}

.park_info_play .info_d .img-2{ padding:2% 0}

.park_info_play .info_d3 .img-8{ padding:2% 0}

.park_info_play .info_e .two_img{ display:table; width:100%; text-align:right}
.park_info_play .info_e .two_img .pic{ display:table-cell;vertical-align:bottom}
.park_info_play .info_e .img-2{ padding-left:10%; padding-right:3%}
.park_info_play .info_e .img-3{ width:50%}

.park_info_play .info_e2 .two_img{ display:table; width:100%; text-align:left}
.park_info_play .info_e2 .two_img .pic{ display:table-cell;vertical-align:bottom}
.park_info_play .info_e2 .img-6{ width:50%}
.park_info_play .info_e2 .img-7{ padding-left:3%; padding-right:10%}

@media(min-width:768px){
.park_info_play .info_a .box_left{ width:42%;}
.park_info_play .info_a .box_right{ width:56.5%}
.park_info_play .info_a .txt{max-width:410px}

.park_info_play .info_a2 .box_left{ width:56.5%;}
.park_info_play .info_a2 .box_right{ width:42%}
.park_info_play .info_a2 .txt{max-width:410px}

.park_info_play .info_b .box_left{ width:36%;}
.park_info_play .info_b .box_right{ width:63%}
.park_info_play .info_b .txt{ max-width:50%}

.park_info_play .info_b .title,
.park_info_play .info_b .txt,
.park_info_play .info_b .tips{ margin:0 3%}

.park_info_play .info_c .box_left{ width:28%;}
.park_info_play .info_c .box_right{ width:69%; padding-right:30%; position:relative}
.park_info_play .info_c .two_img{ padding-top:2%}
.park_info_play .info_c .img-1{ position:absolute; right:0; bottom:0px; width:29%}
.park_info_play .info_c .img-2{ padding-top:30%;}

.park_info_play .info_c2 .box_left{ width:40%;}
.park_info_play .info_c2 .box_right{ width:59.3%}

.park_info_play .info_c3 .box_left{ width:28%;}
.park_info_play .info_c3 .box_right{ width:69%;}
.park_info_play .info_c3 .two_img{ padding-top:2%}
.park_info_play .info_c3 .img-9{ text-align:right; margin-top:-10%;}
.park_info_play .info_c3 .img-10{ padding-top:30%; padding-bottom:0px}
.park_info_play .info_c3 .txt,
.park_info_play .info_c3 .tips{ max-width:60%}

.park_info_play .info_c4 .box_left{ width:40%;}
.park_info_play .info_c4 .box_right{ width:58.5%; padding-top:4%}

.park_info_play .info_c5 .box_left{ width:28%;}
.park_info_play .info_c5 .box_right{ width:69%; padding-right:31%; position:relative}
.park_info_play .info_c5 .two_img{ padding-top:2%}
.park_info_play .info_c5 .img-17{ position:absolute; right:0; bottom:0px; width:29%}
.park_info_play .info_c5 .img-18{ padding-top:30%;}

.park_info_play .info_c6 .box_left{ width:40%;}
.park_info_play .info_c6 .box_right{ width:58.5%; padding-top:4%}

.park_info_play .info_c7 .box_left{ width:28%;}
.park_info_play .info_c7 .box_right{ width:69%; padding-right:31%; position:relative}
.park_info_play .info_c7 .two_img{ padding-top:2%}
.park_info_play .info_c7 .img-25{ position:absolute; right:0; bottom:0px; width:29%}
.park_info_play .info_c7 .img-26{}

.park_info_play .info_d .box_left{ width:42%;}
.park_info_play .info_d .box_right{ width:56.25%}

.park_info_play .info_d2 .box_left{ width:31.5%;}
.park_info_play .info_d2 .box_right{ width:66%}
.park_info_play .info_d2 .two_img .pic{ float:left;}
.park_info_play .info_d2 .img-4{ padding-top:23%; padding-bottom:5%}
.park_info_play .info_d2 .img-5{ width:56.5%;}
.park_info_play .info_d2 .img-6{ width:40%; padding-left:2%;}

.park_info_play .info_d3 .box_left{ width:42%;}
.park_info_play .info_d3 .box_right{ width:56.25%}

.park_info_play .info_e .box_left{ width:55.313%;}
.park_info_play .info_e .box_right{ width:43%}
.park_info_play .info_e .img-1{ padding-top:3%}
.park_info_play .info_e .img-4{ padding:3% 0}

.park_info_play .info_e2 .box_left{ width:44%;}
.park_info_play .info_e2 .box_right{ width:55.313%}
.park_info_play .info_e2 .img-5{ padding-top:3%}
.park_info_play .info_e2 .img-8{ padding:3% 0}
.park_info_play .info_e2 .txt,
.park_info_play .info_e2 .tips{ max-width:80%}

.park_info_play .info_f .box_left{ width:67%;}
.park_info_play .info_f .box_right{ width:23.438%}
.park_info_play .info_f .three_img { padding-top:2%}
.park_info_play .info_f .three_img .pic{ float:left;}
.park_info_play .info_f .img-1{ padding-top:27%}
.park_info_play .info_f .img-2{ width:26.407%}
.park_info_play .info_f .img-3{ width:50.3%; padding:0 1.5%}
.park_info_play .info_f .img-4{ width:17%}

.park_info_play .info_f2 .box_left{ width:47.422%;}
.park_info_play .info_f2 .box_right{ width:49%; padding-right:7%}
.park_info_play .info_f2 .three_img{ text-align:right; padding-top:2%}
.park_info_play .info_f2 .three_img .pic{ display:inline-block; vertical-align:top; padding-left:1%; width:30%}

.park_info_play .info_f3 .box_left{ width:67%;}
.park_info_play .info_f3 .box_right{ width:23.438%}
.park_info_play .info_f3 .three_img { padding-top:2%}
.park_info_play .info_f3 .three_img .pic{ float:left;}
.park_info_play .info_f3 .img-9{ padding-top:27%}
.park_info_play .info_f3 .img-10{ width:26.407%}
.park_info_play .info_f3 .img-11{ width:50.3%; padding:0 1.5%}
.park_info_play .info_f3 .img-12{ width:17%}

.park_info_play .info_f4 .box_left{ width:47.422%;}
.park_info_play .info_f4 .box_right{ width:49%; padding-right:7%}
.park_info_play .info_f4 .three_img{ text-align:right; padding-top:2%}
.park_info_play .info_f4 .three_img .pic{ display:inline-block; vertical-align:top; padding-left:1%; width:30%}

.park_info_play .info_f5 .box_left{ width:67%;}
.park_info_play .info_f5 .box_right{ width:23.438%}
.park_info_play .info_f5 .three_img { padding-top:2%}
.park_info_play .info_f5 .three_img .pic{ float:left;}
.park_info_play .info_f5 .img-17{ padding-top:15%}
.park_info_play .info_f5 .img-18{ width:26.407%}
.park_info_play .info_f5 .img-19{ width:50.3%; padding:0 1.5%}
.park_info_play .info_f5 .img-20{ width:17%}

.park_info_play .info_f6 .box_left{ width:47.422%;}
.park_info_play .info_f6 .box_right{ width:49%; padding-right:7%}
.park_info_play .info_f6 .three_img{ text-align:right; padding-top:2%}
.park_info_play .info_f6 .three_img .pic{ display:inline-block; vertical-align:top; padding-left:1%; width:30%}

.park_info_play .info_g .box_left{ width:44.5%;}
.park_info_play .info_g .box_right{ width:54%}
.park_info_play .info_g .img-1{ padding-top:8%}
.park_info_play .info_g .img-3{ padding-top:3%}
.park_info_play .info_g .txt,
.park_info_play .info_g .tips{ max-width:85%}

.park_info_play .info_g2 .box_left{ width:44.5%;}
.park_info_play .info_g2 .box_right{ width:54%}
.park_info_play .info_g2 .img-4{ padding-top:4%}
.park_info_play .info_g2 .img-6{ padding-top:3%; text-align:right}
.park_info_play .info_g2 .title,
.park_info_play .info_g2 .txt,
.park_info_play .info_g2 .tips{ margin:0 5%}

.park_info_play .info_g3 .box_left{ width:44.5%;}
.park_info_play .info_g3 .box_right{ width:54%}
.park_info_play .info_g3 .img-7{ padding-top:12%}
.park_info_play .info_g3 .img-9{ padding-top:3%}
.park_info_play .info_g3 .txt,
.park_info_play .info_g3 .tips{ max-width:85%}

.park_info_play .info_g4 .box_left{ width:44.5%;}
.park_info_play .info_g4 .box_right{ width:54%}
.park_info_play .info_g4 .img-10{ padding-top:3%}
.park_info_play .info_g4 .img-12{ padding-top:3%; text-align:right}
.park_info_play .info_g4 .title,
.park_info_play .info_g4 .txt,
.park_info_play .info_g4 .tips{ margin-left:5%}

.park_info_play .info_h .box_left{ width:60.5%;}
.park_info_play .info_h .box_right{ width:38%}
.park_info_play .info_h .txt{max-width:532px}
.park_info_play .info_h .three_img{ text-align:right}
.park_info_play .info_h .three_img .pic{ display:inline-block; width:45%;}
.park_info_play .info_h .three_img .img-1{ width:54%; float:left}
.park_info_play .info_h .img-3{ padding:2% 0}
.park_info_play .info_h .img-4{ padding:4% 0}

.park_info_play .info_h2 .box_left{ width:48.5%;}
.park_info_play .info_h2 .box_right{ width:50%}
.park_info_play .info_h2 .three_img{ text-align:right}
.park_info_play .info_h2 .three_img .pic{ display:inline-block; width:39%;}
.park_info_play .info_h2 .three_img .img-8{ width:59%; float:left}
.park_info_play .info_h2 .img-7{ text-align:right; padding-bottom:2%}
.park_info_play .info_h2 .img-10{ padding:2% 0}

.park_info_play .info_h2 .title,
.park_info_play .info_h2 .txt,
.park_info_play .info_h2 .tips{ margin:0 5%}
}
@media(max-width:768px){
.park_info_play .info_b .img-1{ top:0}
.park_info_play .info_b .img-3{ padding-top:4%}

.park_info_play .info_c .img-2{ padding:3% 0}

.park_info_play .info_c3 .img-10{ padding:3% 0}

.park_info_play .pic{ padding:2% 0}
}

.contactus{ max-width:1200px; margin:auto; padding-bottom:3%}
.contactus .photo{ padding-bottom:3%}
.contactus .box{ position:relative; padding-bottom:20%;}
.contactus .txt{width:40%;}
.contactus #map{ position:absolute; width:58%; height:100%; bottom:0; right:0}
.contactus #map img{ max-width:none}
@media(max-width:768px){
.contactus .box{ padding-bottom:300px}
.contactus .txt{ width:100%}
.contactus #map{ width:100%; height:280px}
}

.ticket_notice{ padding-top:20px; text-align:center; font-size:16px;}
.ticket_notice a{ cursor:pointer; position:relative; padding-left:30px;}
.ticket_notice a:before{ left:0; top:0; content:''; display:block; position:absolute; width:20px; height:20px; border:solid 1px #2dcbc6}
.ticket_notice a.on:before{ background:url("../images/gou.png")no-repeat center center;}

.ticket_tips{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:200; background-color:rgba(0,0,0,0.7); display:none}
.ticket_tips .table{ display:table; width:100%; height:100%}
.ticket_tips .table-cell{ display:table-cell; vertical-align:middle;}
.ticket_tips .box{ max-width:800px; width:94%; margin:auto; background-color:#fff; padding:2%; border-radius:10px;}
.ticket_tips .box .title{ font-size:28px; color:#0eb4af; text-align:center; padding-bottom:3%}
.ticket_tips .box .btn{ padding-top:3%}
.ticket_tips .box .btn a{line-height: 50px; height: 50px; border-radius: 50px; margin:auto; max-width: 320px;background: -webkit-linear-gradient(top,#c7e08f, #32bca8);background: -o-linear-gradient(top,#c7e08f, #32bca8); background: -moz-linear-gradient(top,#c7e08f, #32bca8);background: -ms-linear-gradient(top,#c7e08f, #32bca8); background: linear-gradient(top,#c7e08f, #32bca8); color: #fff; font-size: 16px; border: none; display: block; text-align: center;}



.internet_table li select{color: #555; background: url("../images/buy-down.png") no-repeat 95% center;background-color: #fff;}
input.dateText{background: url("../images/buy-down.png") no-repeat 95% center;background-color: #fff;}
input.dateText::-webkit-input-placeholder{font-size: 16px;color: #555555;}
input.dateText:-moz-placeholder{font-size: 16px;color: #555555;}
input.dateText:-ms-input-placeholder{font-size: 16px;color: #555555;}
.internet_table li{margin-bottom: 0;}


.bill_ls dt,.bill_ls dd{border-bottom: 1px solid #eee;    width: 100%;}
.bill_ls dt {	font-size: 16px;color: #333333;padding: 40px 0;}
.bill_ls dd{padding: 20px 0;display: table;}
.bill_ls dt > span{display: inline-block;float: left;text-align: center;}
.bill_ls .name,.bill_ls .time,.bill_ls .price,.bill_ls .num,.bill_ls .operation{display: table-cell;vertical-align: middle;text-align: center;}
.bill_ls .name{padding-left: 36px; width: 47%;text-align: left;}
.bill_ls .time{width: 15%;}
.bill_ls .price{width: 11%;}
.bill_ls .num{width: 17%;}
.bill_ls .operation{width: 10%}


.bill_ls dd .name{ padding-right: 3%;position: relative;}
.bill_ls dd .time{color: #999999;}
.bill_ls dd .price{	color: #ff6600; font-size: 22px;text-align: left;padding-left: 3%;}
.bill_ls dd .price i{font-style: normal;font-size: 14px;}
.bill_ls dd .num{}
.bill_ls dd .operation{}


.bill_ls .name .checkbox{position: absolute;display: block; width: 16px;height: 16px;top: 0;bottom: 0;left: 4px;margin: auto;}
.bill_ls .name .checkbox input{display: block;height: 100%;width: 100%;}




.bill_ls dd .operation a{cursor: pointer; display: inline-block; width: 104px;height: 35px;background: #0eb4b0;border-radius: 5px;line-height: 35px;color: #fff;font-size: 14px;}
.bill_ls dd .num >div{display: inline-block;	height: 35px;line-height: 35px;vertical-align: middle; background: #fff;border:1px solid #dddddd;border-radius: 5px;}

.bill_ls .num .reduce,.bill_ls .num .add{display: inline-block;width: 27px;height: 100%;cursor: pointer;}
.bill_ls .num .result{display: inline-block;width: 48px;height: 100%;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}




@media(max-width:1024px){
    .bill_ls dd{display: block;}
    .bill_ls .name, .bill_ls .time, .bill_ls .price, .bill_ls .num, .bill_ls .operation{display: block;text-align: center;width: 100%;}
    .bill_ls dd .price{text-align: center;padding-left: 0;}
    .bill_ls dd .name,.bill_ls .name{padding-right: 36px;}
    .bill_ls dd >span{margin-bottom: 10px;}
    .bill_ls dd >span:last-child{margin-bottom: 0px;}
}

@media(max-width:640px){
    .internet_table li{margin-bottom: 2%;}
    .internet_table li:last-child{margin-bottom: 0%;}
}




.svc_ls .title{font-size: 28px;font-weight: bold;color: #10b7af;text-align: center;margin: auto;margin-bottom: 40px;}
.svc_ls .data{padding-bottom: 60px;}
.svc_ls .data li{width: 50%;float: left;padding-right: 9px;margin-bottom: 20px;}
.svc_ls .data li:nth-child(2n){padding-right: 0;padding-left: 9px;}
.svc_ls .data li .item{display: block;height: 126px;border: solid 1px #dddddd;position: relative;padding-left: 21.5%;padding-right: 8%;background: url("../images/svc-bg.png") no-repeat 94% center;}
.svc_ls .data .item .icon{width: 11.74%;position: absolute;left: 6.66%;top:23px;}
.svc_ls .data .item  .name{font-size: 20px;color: #333333;padding-top: 35px;}
.svc_ls .data .item .desc{font-size: 14px;color: #999999;margin-top: 10px;}


.about_index.svcs{    background: url("../images/scv-bgs.png") no-repeat center center;}



@media(max-width:920px){
    .svc_ls .data li{width: 100%;float: left;padding-right: 0px;}
    .svc_ls .data li:nth-child(2n){padding-right: 0;padding-left: 0px;}
    .svc_ls .data .item .icon{top:0;bottom: 0;margin: auto;}
}

@media(max-width:480px){
    .svc_ls .data .item .name{padding-top: 15px;font-size: 16px;}
    .svc_ls .data .item .desc{font-size: 12px;margin-top: 0;}
    .svc_ls .data .item .icon{top:0;bottom: 0;margin: auto;left: 1.66%;}
    .svc_ls .data li .item{height: 80px;background-size: auto 20%;padding-left: 16.5%;}
    .svc_ls .title {font-size: 18px;margin-bottom: 20px;}
    .svc_ls .data{padding-bottom: 20px;}
}












.hotel_index .nymenu li{width: 208px;}
#HappyHarbors .item_column,
#HappyHarbors .item_out.even{background:#fef9eb  url(../images/bg_happy_harbor_foot.png) no-repeat bottom; background-size:100% auto; padding-bottom:6%;}
#HappyHarbors .park_index{background-image: url("../images/bg_happy_harbor_top.png");}
#HappyHarbors .item_out.odd,
#HappyHarbors .item_out.last{background-image:url("../images/bg_happy_harbor_white_t.png")}
#HappyHarbors .item_out.odd .item_in{background-image:url("../images/bg_happy_harbor_white_b.png"/)}
#HappyHarbors .item_out.last .item_in{background-image:url("../images/bg_happy_harbor_foot.png")}


/*欢乐港湾*/
#HappyHarbors .nymenu li a:hover,
#HappyHarbors .nymenu li.on a{ background: -webkit-linear-gradient(top,#44cff9, #2365c0);background: -o-linear-gradient(top,#44cff9, #2365c0); background: -moz-linear-gradient(top,#44cff9, #2365c0);background: -ms-linear-gradient(top,#44cff9, #2365c0); background: linear-gradient(top,#44cff9, #2365c0);}
#HappyHarbors .nymenu header{ color:#fdbe20}
#HappyHarbors .nymenu header h3{ color:#fdbe20; text-shadow: -1px -1px white,1px 1px #fff,2px 2px 0 rgba(253, 190, 32),2px 2px 0 rgba(253, 190, 32);}
#HappyHarbors .nymenu header .tips_time{ border-color:#fdbe20;}
#HappyHarbors .nymenu header .tips_time em{background-image:url("../images/time_icon4.png")}
#HappyHarbors .park_info_table .box_table h2{color:#fdbe20}

#HappyHarbors .nymenu ul{display: none;}
#HappyHarbors .item_in{    padding: 10% 0 10%;margin-bottom: -2%;}

.happy_harbor .title span{background-image: url("../images/tit_icon4.png");}
.happy_harbor .tips,.happy_harbor .title span{color: #e9ac13;}
.happy_harbor .pic{margin-bottom: 12px;}
#HappyHarbors  .item_out.first .item_in{padding-top: 4%;}
#HappyHarbors .item_out.first{margin-bottom: -10%;}




/*玄宇园*/
#XuanYuyuan .item_column,
#XuanYuyuan .item_out.even{background:#fcf3f3  url(../images/bg_xuanyuyuan_foot.png) no-repeat bottom; background-size:100% auto; padding-bottom:6%;}
#XuanYuyuan .park_index{background-image: url("../images/bg_xuanyuyuan_top.png");}
#XuanYuyuan .item_out.odd,
#XuanYuyuan .item_out.last{background-image:url("../images/bg_xuanyuyaun_white_t.png")}
#XuanYuyuan .item_out.odd .item_in{background-image:url("../images/bg_xuanyuyuan_white_b.png")}
#XuanYuyuan .item_out.last .item_in{background-image:url("../images/bg_xuanyuyuan_foot.png")}

#XuanYuyuan .nymenu header{ color:#c90000}
#XuanYuyuan .nymenu header h3{ color:#c90000; text-shadow: -1px -1px white,1px 1px #fff,2px 2px 0 rgba(201, 0, 0),2px 2px 0 rgba(201, 0, 0);}
#XuanYuyuan .nymenu ul{display: none;}

#XuanYuyuan .park_info_table .box_table h2{ color:#c90000;}

#XuanYuyuan .item_out.first .title_desc{font-size: 24px;font-weight: normal;color: #c90000;text-align: center; margin: 0; padding: 0px 0 60px;}
#XuanYuyuan .item_out.first .introduce{	font-size: 16px;line-height: 28px;color: #555658;text-align: center;}
#XuanYuyuan .item_out.first .img{text-align: center;margin-top: 40px;}


.park_index .part_top{text-align: center;}
.park_index .part_top .tit{display: inline-block;padding: 7px 25px;line-height: 28px;background: url("../images/tit_icon5.png") no-repeat center center;background-size: 100% 100%;color: #fff;}
.park_index .part_top .top_text{	font-size: 20px;line-height: 28px;color: #c90000;max-width: 1060px;margin: 35px auto 90px;position: relative;}





.park_index .part_cont{}

.part_cont  .part_tit{border-left: 8px solid #c90000;border-bottom: 1px solid #c90000;	font-size: 20px;color: #555555;padding-left: 16px;padding-bottom: 10px;}
.part_cont  .part_text{font-size: 16px;line-height: 28px;color: #555658;margin-top: 30px;margin-bottom: 40px;}


.part_cont.part2 .pic1 img{margin-top: 20px;}
.part_cont.part2 .pic1 img:first-child{margin-top: 0;}

.part_cont.part2.rank_even{margin-top: 120px}

.part_cont.part2.rank_even .part_left{text-align: right;}
.part_cont.part4 .pic{text-align: center;}
.part_cont.part4 .pic .img2{margin: 0 10px;}
.part_cont.part4  .text{	font-size: 16px;line-height: 28px;color: #555658;margin-top: 40px;}
.park_index .part_top.part4 .top_text{	margin: 35px auto 45px;}

#XuanYuyuan .park_index .item_out.last .item_in{padding-bottom: 5% !important;}

@media (min-width: 768px){


    .park_info.happy_harbor .box_left,.park_info.happy_harbor .box_right{width: 50%;}
    .park_info.happy_harbor .box_left{padding-right: 5px;}
    .park_info.happy_harbor .box_right{padding-left: 5px;}
    .park_info.happy_harbor .box_left .txt,
    .park_info.happy_harbor .box_left .title,
    .park_info.happy_harbor .box_left .tips{padding-right: 66px;    padding-left: 66px;}
    .park_info.happy_harbor .box_right .txt,
    .park_info.happy_harbor .box_right .title,
    .park_info.happy_harbor .box_right .tips{padding-left: 156px;}
    .happy_harbor .three_img{text-align: right;}
    .happy_harbor .pic img{vertical-align: top;margin-left: 10px;}
    .happy_harbor .pic img:first-child{margin-left: 0;}

    .happy_harbor.part1  .img-4 img{vertical-align: bottom;}
    .happy_harbor.part1  .img-4 img:first-child{width: 60%;}
    .happy_harbor.part1  .img-4 img{width: 36%;}


    #HappyHarbors .item_out.last .item_in{padding-bottom: 17%;}

    .part_cont .part_left,.part_cont .part_right{position: relative;width: 50%;float: left;}
    .part_cont .part_left{padding-right: 15px;}
    .part_cont .part_right{padding-left: 15px;}
    .part_cont.part1 .part_left .part_text{	padding-right: 46px;}
    .part_cont.part1 .part_left .pic1{position: relative;margin-right: 20px;}
    .part_cont.part1 .part_left .pic1 .f_img{position: absolute;right: -30px;bottom: -50px;}
    .part_cont.part1 .part_right .part_text{padding-left: 10px;}
    .part_cont.part1 .part_right .pic1{position: relative;padding-left:10px;margin-right: 20px;}
    .part_cont.part1 .part_right .pic1 .f_img{position: absolute;right: -30px;bottom: -50px;}

    .part_cont.part2.rank_odd .part_right{width: 55%;}
    .part_cont.part2.rank_odd .part_left{width: 45%;}
    .part_cont.part2.rank_even .part_right{width: 45%;}
    .part_cont.part2.rank_even .part_left{width: 55%;}

    #XuanYuyuan .park_index .item_out.first .item_in{padding-bottom: 0;}

    #XuanYuyuan .park_index .item_in{padding-top: 10%;}

    #XuanYuyuan .park_index .item_out:nth-child(odd) .item_in{padding-top: 0;padding-bottom: 0;}

    #XuanYuyuan .park_index .item_out:nth-child(even) .item_in{padding-bottom: 15%;}

    .park_info_mountain .info_pl  .box_right.gkts{width: 52.5%;}
    .park_info_mountain .tips.gkts{padding: 0 0 9px;}
    .park_info_mountain .info_pl  .box_left.gkts{width: 47.5%;}


    .park_info_mountain .info_e3 .box_left.hyq{padding-left: 15%;    margin-left: 10%;width: 56.7%;}
    .park_info_mountain .info_e3 .three_img .pic.img-3.hyq{width:70%;}
    .park_info_mountain .info_e3 .three_img .pic.img-4.hyq{width:30%; text-align:left;}

    .park_info_mountain .info_a .box_left.txdz{width: 60%;}
    .park_info_mountain .info_a .box_right.txdz{width: 40%;padding-left:40px;     margin-top: 30px;}

    .park_info_mountain .info_a .box_left.jtdd{ margin-top: 30px;}

    .park_info .box_left.slqj{padding-left: 15%;}

    .park_info_mountain .info_d2s .box_left{ width:30.8%;margin-top: 6%;}
    .park_info_mountain .info_d2s .box_right{ width:67.2%}

    .park_info_mountain .info_d3s{padding-top: 30px;}
    .park_info_mountain .info_d3s .box_left{ width:62%;}
    .park_info_mountain .info_d3s .box_right{ width:38%;margin-top: 11%;}
    .park_info_mountain .info_d3s  .box_txt{padding-right: 12%;}

    .zb_introduce{margin:0px 0 30px;font-size: 24px;font-style: italic;color: #0eb4af;text-align: center;}
    .zb_detail{text-align: center;font-size: 16px;line-height: 28px;color: #555555;margin-bottom: 80px;}

    .table_box{display: table;width: 100%;}
    .table_box .table_left,.table_box .table_right{display: table-cell;vertical-align: middle;}

    .table_box.rank_odd .table_left{width: 56%;}
    .table_box.rank_odd .table_right{ width: 44%;}
    .table_box.rank_even .table_left{width: 44%;}
    .table_box.rank_even .table_right{  width: 56%;}

    .park_info_mountain .info_c .table_box .txt{max-width: 90%;}
    .park_info_mountain .info_b .pic{position: relative;}


    .park_info_mountain .info_b .pic .img_f1{position: absolute;right: 10px;top: -10px;transform: translateY(-100%);}
    .park_info_mountain .info_b .pic .img_f2{position: absolute;left: 10px;top: -10px;transform: translateY(-100%);}
    .park_info_mountain .box_txt.box_f2{margin-left: 38%;}

    .table_box.rank_odd_even .table_left,.table_box.rank_odd_even .table_right{width: 50%;}

    .park_info_water .info_g .marb20{margin-bottom: 20px;}
    .park_info_water .info_g .marl20{margin-left: 20px;}
    .park_info.pt100{padding-top: 100px;}


    .park_info_play.mfhy .info_c7 .box_right,.park_info_play.mfhy .info_c7 .box_left{width: 100%;padding: 0;text-align: center;}
    .park_info_play.qzgw .info_c4 .box_left{float: right;padding-top: 100px;}
    .park_info_play.qzgw .info_c4 .box_right{float: left;text-align: right;}

    .park_info_play.gkft .info_f .img-2{width: auto;}
    .park_info_play.gkft .info_f .img-3{width: 60%;}
    .park_info_play.sztz .info_f6 .three_img .pic{width: auto;}
    .campsite_box .box1{max-width: 840px;}
}




@media (max-width: 768px){
.park_index .part_top .top_text{margin: 25px 0 30px;    font-size: 16px;line-height: 24px;}
    .part_cont .part_tit{font-size: 16px;}
    .part_cont .part_right{margin-top: 30px;}
    .part_cont.part2.rank_even{margin-top: 40px;}
    .part_cont.part2.rank_even .part_left{text-align: left;}
    .part_cont.part4 .pic img{margin-bottom: 20px;}
    .part_cont.part4 .pic .img2{margin-right: 0;margin-left: 0;margin-bottom: 20px;}

    .Header .text{display: none;}
}

.footer .bdsharebuttonbox a.all_view{background: url("../images/all_view.png") no-repeat center center;background-size: 56% auto;position: relative;}
/*.footer  .bdsharebuttonbox .all_wrap{text-align: center; position: absolute;bottom: 160%;    left: calc(-100% + 22px);transform: translateX(50%);margin: auto;display: none;}*/
.footer  .bdsharebuttonbox .all_wrap{ display: none;   text-align: center;position: absolute;bottom: 120%;left: -59%;width: 140%;margin: auto;line-height: 30px;}
.footer .bdsharebuttonbox a.all_view:hover + .all_wrap{display: block;}
.bdshare-button-style0-16:after{display: none!important;}


.footer  .bdsharebuttonbox .qr_wrap,
.footer  .bdsharebuttonbox .qr_sina{display: none;  text-align: center;position: absolute;bottom: 120%;right: 0; width: 140%;margin: auto;line-height: 30px;}
.footer .bdsharebuttonbox a.bds_weixin:hover + .qr_wrap,
.footer .bdsharebuttonbox a.bds_tsina:hover + .qr_sina{display: block;}


@media  (max-width: 768px){
.footer .bdsharebuttonbox .qr_wrap{right: -20%;}
}



/*20200824*/
	.hotel_index .box_item2 .photo ul li{ padding-top: 4%}
	.hotel_index .bieshu3{ padding-bottom: 8%}
	.hotel_index .bieshu3 .bieshu3_box2{ padding-top: 0.8%}
	.hotel_index .bieshu3 .bieshu3_box2 ul li:nth-child(1){ margin-bottom: 3%}
	.hotel_index .bieshu4{ top: auto; padding-top: 10%;padding-bottom: 5%}
	.hotel_index .bieshu4 .bieshu4_fl{ text-align: right}
	.hotel_index .bieshu4 .bieshu4_fl ul li:nth-child(1){ margin-bottom: 3%}
	@media (min-width: 640px){
		.hotel_index .box_item1 .txt{ font-size: 15.8px;}
		.hotel_index .bieshu2 .bieshu2_fl,
	.hotel_index .bieshu2 .bieshu2_fr{ width: 48.829%;}
	.hotel_index .bieshu2 .bieshu2_fl{ float: left; padding-top: 3%}
	.hotel_index .bieshu2 .bieshu2_fr{ float: right}
	.hotel_index .bieshu2 .name{ text-align: right; padding-right: 10%}
	.hotel_index .bieshu3{ position: relative}
	.hotel_index .bieshu3 .bieshu3_box1 .fl{ width: 32.813%}
	.hotel_index .bieshu3 .bieshu3_box1 .fr{ width: 66.407%}
	.hotel_index .bieshu3 .bieshu3_box2 .fl{ width: 32.813%}
	.hotel_index .bieshu3 .bieshu3_box2 .mid{ width: 32.813%; float: left; margin-left:0.8%;}
	.hotel_index .bieshu3 .bieshu3_box2 .fr{ width: 32.813%}
	.hotel_index .bieshu3 .name{ position: absolute; width: 100%; top: 45%; margin-top: -36px;}
	.hotel_index .bieshu4 .bieshu4_fl{ float: left; width: 56.25%}
	.hotel_index .bieshu4 .bieshu4_fr{ float: right; width:41.407%}
	.hotel_index .bieshu4 .name{ text-align: left; padding-left: 10%}
	}
	@media (max-width: 640px){
	.hotel_index .bieshu3 .fl,
	.hotel_index .bieshu3 .fr{ float: none; padding: 1% 0}
	.hotel_index .bieshu3 .bieshu3_box2 .mid ul li:nth-child(1){ display:none}
	.hotel_index .bieshu3 .bieshu3_box2 ul li{ padding-top: 2%}
	.hotel_index .bieshu4 .bieshu4_fr{ padding-bottom: 3%}
	}


				.catering_box .shuijing_1{ text-align: center; padding-bottom: 3%}
				.catering_box .shuijing_2{ padding-top:5%}
				.catering_box .shuijing_2 .photo2{ padding-top: 2%}
				.catering_box .shuijing_3{ padding-top: 8%}
				.catering_box .shuijing_3 .pic{ padding: 2% 0}
				@media (min-width:640px){
				.catering_box .shuijing_2 .pic_fl{ float: left}
				.catering_box .shuijing_2 .pic_fr{ float: right}
				.catering_box .shuijing_2 .photo .pic_fl{ width: 41.407%}
				.catering_box .shuijing_2 .photo .pic_fl h3{ text-align: right; padding: 15% 10% 14% 0}
				.catering_box .shuijing_2 .photo .pic_fr{ width: 56.25%}
				.catering_box .shuijing_2 .photo2 .pic_fl{ width: 56.25%}
				.catering_box .shuijing_2 .photo2 .pic_fr{ width: 41.407%}
				.catering_box .shuijing_3 .pic_fl{ float: left; width: 41.407%}
				.catering_box .shuijing_3 .pic_fr{ float: right; width: 56.25%}
				.catering_box .shuijing_3 .pic_fr h3{ text-align: left; padding: 5% 0 4% 10%}
				}
				@media (max-width:640px){
				.catering_box .shuijing_2 .photo .pic_fl{ padding-bottom: 2%}
					.catering_box .shuijing_2 .photo2 .pic_fl .img{ padding-bottom: 2%}
				}