/* CSS Document */
@import url("https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css");

*{ margin:0; padding:0;font-size:20px;max-height: 999999px;-webkit-text-size-adjust: none;}
li{ list-style:none;}
img{ display:block;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.fb{ font-weight:bolder;}
.ios .fb{ font-weight:normal;font-family:'SHeiB'; }
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.pt32{ padding-top:32px;}
.mr10{ margin-right:10px;}

@font-face {
    font-family: "SHeiB";
    src: url("../../css/font/SourceHanSansCN-Regular.eot"); /* IE9 */
    src: url("../../css/font/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../../css/font/SourceHanSansCN-Regular.woff") format("woff"), /* chrome、firefox */
    url("../../css/font/SourceHanSansCN-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../../css/font/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "SHei";
    src: url("../../css/font/SourceHanSansCN-Light.eot"); /* IE9 */
    src: url("../../css/font/SourceHanSansCN-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../../css/font/SourceHanSansCN-Light.woff?v=1.21") format("woff"), /* chrome、firefox */
    url("../../css/font/SourceHanSansCN-Light.ttf?v=1.21") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../../css/font/SourceHanSansCN-Light.svg#SourceHanSansCN-Light") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}



@font-face {
  font-family: 'didot';
  src: url("../../css/font/didot.eot?82338031");
  src: url("../../css/font/didot.eot?82338031#iefix") format('embedded-opentype'), url("../../css/font/didot.woff?82338031") format('woff'), url("../../css/font/didot.ttf?82338031") format('truetype'), url("../../css/font/didot.svg?82338031#entypo-icon-font") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'din';
  src: url("../../css/font/DIN-Light.eot?82338031");
  src: url("../../css/font/DIN-Light.eot?82338031#iefix") format('embedded-opentype'), url("../../css/font/DIN-Light.woff?82338031") format('woff'), url("../../css/font/DIN-Light.ttf?82338031") format('truetype'), url("../../css/font/DIN-Light.svg?82338031#entypo-icon-font") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dinB';
  src: url("../../css/font/DIN-Bold.eot?82338031");
  src: url("../../css/font/DIN-Bold.eot?82338031#iefix") format('embedded-opentype'), url("../../css/font/DIN-Bold.woff?82338031") format('woff'), url("../../css/font/DIN-Bold.ttf?82338031") format('truetype'), url("../../css/font/DIN-Bold.svg?82338031#entypo-icon-font") format('svg');
  font-weight: normal;
  font-style: normal;
}

::-webkit-scrollbar{width:8px;background-color:transparent;-webkit-border-radius:100px}
::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.09)}::-webkit-scrollbar:horizontal{height:0}::-webkit-scrollbar-thumb:vertical{background:rgba(0,0,0,.5);-webkit-border-radius:100px}::-webkit-scrollbar-thumb:vertical:active{background:rgba(0,0,0,.61);
    -webkit-border-radius:100px}

.box{ width:750px; height:auto;min-height:100%;margin:0 auto; position: relative; overflow-x: hidden;}


header ul li a p,header ul li div{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
header ul li a,.intro .txt2 .tl{transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}


header{  width:100%; min-height:214px; position: relative; }
header .logo{ background:url(../images/logo.png) no-repeat; width: 228px;height:120px;background-size:100% 100%; position: absolute; left:50%; top:56px; margin-left:-114px; z-index:999 ;}
header .wrap{ width:100%;background:#FFF;  padding:200px 0  280px 0; display: none;}
header ul{display:block; text-align:center; padding-bottom:80px;}
header ul li{ display:block; width: 590px; margin:0 auto; border-bottom:1px solid #666;   }
header ul li a{color:#716258; text-decoration:none; padding:38px 0 32px 0;  position:relative;  font-size: 30px; display: block; font-weight: bolder; }


header ul li a span{ background:url(../images/icon2.png) -48px -49px no-repeat; width: 32px; height:17px; display: inline-block; margin-left:10px;}
header ul li a:hover{color:#666666;}
header ul .snav a{  padding:50px 0 22px 42px; }
header ul .snav div{ cursor: pointer; width: 100%;text-align:center; display:none;}
header ul .snav div a{ line-height:24px; font-size:24px;padding:34px 0 34px 0;  display:block;border-top:1px solid #666; font-weight: normal;   }
header ul .snavn_on div{ display:block;}
.icon_on{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}

header ul li a span{ background:url(../images/icon2.png) -48px -49px no-repeat; width: 32px; height:17px; display: inline-block; margin-left:10px;}
header ul li a:hover{color:#666666;}
header ul .snav1 a{  padding:50px 0 22px 42px; }
header ul .snav1 div{ cursor: pointer; width: 100%;text-align:center; display:none;}
header ul .snav1 div a{ line-height:24px; font-size:24px;padding:34px 0 34px 0;  display:block;border-top:1px solid #666; font-weight: normal;   }
header ul .snavn_on div{ display:block;}
.icon_on{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}

header ul .on,header ul .on a{ color:#666666;}
.menu{ background: url(../images/menu.png)  no-repeat; width:45px; height:50px; display:block; position:absolute; top:56px;right:62px; }
.menu_on{ background: url(../images/icon2.png) no-repeat; width:48px; height:49px;}



.lan{padding-left:52px; line-height: 38px; color:#3d3a37; text-decoration:none; position:absolute; top:66px;left:56px;  z-index:999; cursor:pointer; width:80px;  background:url(../images/lan.svg) no-repeat;background-size:38px 38px ;  }
.lan span{ background:url(../images/icon2.png?v=1.21) -17px -49px no-repeat; display:inline-block; width:17px; height:10px; margin-left:6px;}
.lan ul{ margin:25px 0 0 -72px; padding:0; z-index:999;display:none;  background:#fff; padding-left:20px;}
.lan ul li{ border:none; margin:0; position:relative;  text-align:left; width:54px; }
.lan ul li:first-child{border-bottom:1px solid #404040; }
.lan ul li a{ color:#404040; font-size:24px;  line-height: 54px; padding:0; margin:0; display:inline-block;  text-decoration:none;}
.lan_on ul{ display:block;}
.lan_on span{ transform: rotate(-180deg); -webkit-transform:rotate(-180deg); }


.iBox{ position:absolute;top:0; left:0; width:100%; height:100%;  z-index: 10;transform-origin: top center; -webkit-transform-origin: top center; }
.iBox header,.nn{position:fixed;top:0; left:0; z-index: 999;}
.in{position: relative;top:0; left:0; z-index: 999;}
.in .lan{  background:url(../images/lan2.svg) no-repeat; background-size:38px 38px ;}
.in .lan span{ background:url(../images/icon2.png?v=1.21) 0 -49px no-repeat;}
.in .lan ul{ background:none;}
.in .lan ul li a{color:#fff;}
.in .lan ul li:first-child{border-bottom:1px solid #fff; }
.in .menu{  background:url(../images/menu0.png)  no-repeat; }
.in .logo{ background:url(../images/logo0.png) no-repeat;background-size:100% 100%;}


.item{position:absolute; width:100%; height:100%; z-index: 1; }
.item li{ position:absolute; left:0; top:0; width:100%; height:100%;}

.order{ text-align:center; color:#FFF;  position: absolute;z-index: 10;width:386px; top: 50%;  left:50%; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin-top: 50px; }
.order div{font-size: 28px; }
.order .t{ border-bottom:1px solid #fff; padding-bottom:27px; margin-bottom:30px; letter-spacing: 20px;}
.order .select span{ font-size:28px; text-align: center; padding-right:64px;}
.order .select i{ background:url(../images/icon2.png) -48px 0; width:34px; height:19px; display:inline-block; }
.order .obtn{ width:238px; height:96px; display: inline-block; font-size: 36px; text-align: center; line-height: 96px; margin-top:200px;background: rgba(255,255,255,0.75);color:#4d4d4d; text-decoration:none; }





.social { position: absolute;left: 50%;margin-left: 360px;}

.weibo,.weixin {transform: scale(0.8, 0.8) translateY(5px);-webkit-transform: scale(0.8, 0.8) translateY(5px); margin-left:36px;}
.weibo { background: url(../images/icon.png) 0 -50px;width: 30px;height: 24px;display: inline-block; }
.weixin {background: url(../images/icon.png) 0 -75px;width: 36px;height: 26px;display: inline-block;}
.footer {background: #3d3a37;color: #FFF;padding: 32px 0 63px 0;}
.footer a,.footer p,.footer span {font-size: 16px;color: #FFF; }
.footer .sitemap { line-height: 54px; }
.footer .sitemap a { width: 175px; display: inline-block;border-right: 1px solid #FFF; text-decoration: none;text-align: center;box-sizing: border-box;}
.footer .sitemap a:last-child {border-right: none;}
.footer .copyright {padding:30px 0 0  56px;}
.footer .copyright span{margin-left:22px; border-left:1px solid #fff;padding-left:20px;}

.brand,.mapIntro {padding: 65px 0 110px 0;background: url(../images/bg1.png);}
.brand .wrap,.mapIntro .wrap {width: 632px;margin: 0 auto; }

.dl { text-align: center;color: #666;line-height: 60px;}

h1 { font-size: 28px;  font-weight: bolder;  color: #404040; line-height: 36px; }



.dl,.dl p,.dl span { font-size: 24px;color: #666;padding: 26px 0 0 0;display: block; line-height: 60px; }
.dl p,.dl span{font-size: 22px; padding:50px 0 22px 0; font-weight: bolder;}


.dl p{ width: 360px; margin:0 auto; border-bottom: 1px solid #666; padding:50px 0 18px 0;margin-bottom: 20px;}
.line {width: 640px;height: 4px; background: url(../images/bg2.png);margin: 36px auto 0 auto;}
.kuang{ background: url(../images/kuang.png); width:401px; height:243px; margin:96px auto 56px auto;}
.kuang  p{ line-height: 30px; text-align: center;padding-top:120px; font-size: 18px;color:#666;}



.intro{ width:100%;    text-align:center; font-size:20px; line-height:28px; color:#3d3a37; padding-bottom:80px; padding-top:120px; background: url(../images/bg1.png);}
.intro .txt1 .h1{ font-size:25px; line-height: 40px; width:20px; float:right; margin-left:60px; font-weight: bolder; margin-top:-50px; color:#404040;}


.intro .txt1{ width:480px; margin:25px auto;  text-align:center; padding-right: 48px;}
.intro .txt1 p{ float:right; font-size:20px; width:13px; display: block; line-height:26px; margin-left:35px; color:#666;}
.intro .txt1 span{ display: block; font-size:16px; margin:-12px 0 0 10px; }

.intro .txt2{ width:100%; margin:80px auto; }
.intro .txt2 .tl{ position:relative; float:left; margin:0 ;width:115px;height:550px;}
.intro .txt2 .tl a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }

 
.intro .txt2 .tl a:hover,.intro .txt2 .on a{ opacity:0;}
.intro .txt2 .tl a span{ font-size:18px; line-height: 24px; width:20px; display: block; color:#FFF; position:absolute; top:125px; left:50%; margin-left:-10px;  text-align:center; }
.intro .txt2 .l1{ background:url(../images/t1.jpg?v=1) center center no-repeat; background-size:cover;}
.intro .txt2 .l2{ background:url(../images/t2.jpg?v=1) center center no-repeat;background-size:cover;}
.intro .txt2 .l3{ background:url(../images/t3.jpg) center center no-repeat;background-size:cover;}
.intro .txt2 .l4{ background:url(../images/t4.jpg?v=1) center center no-repeat;background-size:cover;}
.intro .txt2 .on{ width:404px;}

.intro .txt2 .tl a:hover,.intro .txt2 .on a{ opacity:0;}
.intro .txt2 .tl a span{ font-size:18px; line-height: 24px; width:20px; display: block; color:#FFF; position:absolute; top:125px; left:50%; margin-left:-10px;  text-align:center; }
.intro .txt2 .l1{ background:url(../image/t1.jpg?v=1) center center no-repeat; background-size:cover;}
.intro .txt2 .l2{ background:url(../image/t2.jpg?v=1) center center no-repeat;background-size:cover;}
.intro .txt2 .l3{ background:url(../image/t3.jpg) center center no-repeat;background-size:cover;}
.intro .txt2 .l4{ background:url(../image/t4.jpg?v=1) center center no-repeat;background-size:cover;}
.intro .txt2 .on{ width:404px;}

.intro .txt3{ width:100%; margin:0 auto; text-align:left; padding-top:40px;  text-align: center;}
.intro .txt3 div{ display:none;font-size:24px; line-height: 40px;}
.intro .txt3 .on{ display:block;color:#404040}

.intro .txt3 a{ color:#404040; text-decoration:underline;font-size: 18px; }
.intro .mapImg{ margin:30px auto; width:468px;  display:block;}



.add{ font-size:12px; padding-top:12px; text-align: center; color:#404040;}
.addguid{ color:#404040; font-size:24px; padding-bottom:16px; border-bottom:1px solid #404040; text-decoration: none; margin:-42px auto 50px auto; display:block; width:460px;text-align: center; }

.mapIntro .h1{   text-align: center; font-size:26px; font-weight: bolder;  padding:20px 0 50px 0;}
.mapIntro span{ font-size:18px;}
.mapIntro .add{ font-size:22px; line-height: 32px;}




.articleBox{ border-top:1px solid #797979; background:url(../images/bg1.png) #f9f5f3;}
.article{ width:600px; margin:0 auto; padding:60px 0 100px 0; text-align: justify; font-size:22px; line-height:36px;}
.article .h1{ text-align:center; padding-bottom:40px;font-weight:bolder; font-size:28px;}
.article .h2{ font-weight:bolder;font-size:28px; padding-bottom:30px;}

.address{ background:url(../images/i5.png) #f7f1ed; width:100%; height:815px; }


.address .r{  position: relative; font-size:22px; line-height: 20px; margin:0 0 0 120px; padding:48px 0 0 120px;width: 433px;}
.address .r .h1{width: 18px; font-size:30px; line-height:42px; position: absolute; top:60px; left:0;}
.address .r p{ font-size: 22px; padding:42px 0 28px 0; font-weight: bolder; }

.w560{ width:540px; }
.mapIntro .w560{ margin:0 auto; text-align: left; line-height:26px;}

.contact{  width:100%; padding:50px 0 50px 0;}
.contact .h2{ font-size:20px;}


.form{ width:516px;margin:0 auto;text-align:center; position:relative;   }
.form p{ clear:both; margin-bottom:20px; text-align:left;}
.formItem{ position:relative; text-align:left;float:left; font-size: 24px; line-height:82px; }
.form p .formItem:last-child{ margin-right:0;}
.input,.select{ width:516px; height:58px; line-height:58px;border:1px solid #9f9f9f; display: block; margin: 0 auto;position: relative;}

.input input{ position: relative;width:100%; height:100%; padding:0 6px 0 20px; border:none; background:transparent;box-sizing:border-box;color: #1a1a1a;}
.textarea{width:516px; height:224px; line-height:16px;border:1px solid #9f9f9f; box-sizing:border-box;}
.textarea textarea{ width:100%; height:100%; border:none;  background:transparent;}
.select {
    vertical-align: middle;
    text-align: left;
    user-select: none;
    -webkit-touch-callout: none;
}
.order .select{ width:416px; border:none;}
.select span{ font-size:22px;letter-spacing: 10px; padding-left:20px;cursor: pointer;
    position: relative;
    display: block; height:58px; line-height:58px;
    z-index: 10;
   
    cursor: pointer;
}

.select i{background: url(../images/icon2.png) -48px -25px; width:20px; height:11px; display:block;
    position: absolute;
    right: 20px;
    top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index: 1;}

.select.is-open i {
  transform:translateY(-50%) rotate(-180deg); -webkit-transform:translateY(-50%) rotate(-180deg);
}
.select.is-open ul {
    display: block;
}
.select.select--white .placeholder {
    background: #fff;
    color: #999;
}
.select.select--white .placeholder:hover {
    background: #fafafa;
}
.select ul {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    z-index: 100;
    border:1px solid #9f9f9f;
}
.select ul li {
    display: block;
    text-align: left;
    padding: 0.8em 1em 0.8em 1em;
    color: #999;
    cursor: pointer;
}
.select ul li:hover {
    background: #4ebbf0;
    color: #fff;
}
.form .btn,.book .btn{ background:#685c52;color:#fff; padding:30px 72px 30px 72px; font-size:36px; text-decoration: none; }

.w460{ width:308px;}
.form  .w460{ width:308px;}
.w270{ width:216px;}
.w960{ width:780px;}
.w200{ width:200px;}
.w260{ width:260px;}



.book{ width:100%; background:#f7f1ed;padding:96px 0 80px 0;}
.book .wrap{ width:516px; margin:0 auto; }
.book img{ width:516px;}
.book .h2{  font-size:26px; font-weight: bolder; padding:0 0 30px 0;  width:100%; box-sizing: border-box;  }
.book p{ clear:both;  padding:0 0 36px 36px;}
.book .oi{ font-size: 24px; line-height: 80px;}
.book .oi .t{ border:none;}


.book .startday,.book .endday{ width:136px; }
.book .roomNum{ width:120px; }
.book .peopleNum,.book .childNum{ width:98px; }
.book .btn{ margin:18px auto; display:inline-block;  box-sizing: border-box;}
.book .canlender{ width:516px;margin:0 auto; border:1px solid #9b9896;}
.book .canlender img{width:516px;}
.room_info{ text-align: center; width:100%; padding:26px 0 26px 0;}
.have_select,.no_select{ width:16px; height:16px;display:inline-block; 
transform:translateY(3px); -webkit-transform:translateY(3px); margin-right:30px;margin-left:30px; }
.book .have_select{ background:#bc9462;}
.book .no_select{ background:#cccccc; }

.tc{ text-align: center; }
.book .tc{ width:460px; }
.book .tc .btn{ width:316px; padding:30px 0 30px 0; margin: 0 auto;}


.ios header ul li a,.ios h1,.ios .dl p,.ios .dl span,.ios .intro .txt1 .h1,.ios .mapIntro .h1,.ios .article .h1,.ios .article .h2,.ios .address .r p,.ios .book .h2,header ul .on{ font-weight:normal;font-family:'SHeiB'; }


.intro .txt1  .yh1{margin:0  0 -10px -20px; } 
.intro .txt1  .yh2{margin:0  0 -10px 8px; }