﻿@charset "utf-8";
@font-face {
  font-family: HELVETICANEUELTPRO-THEX;
  src: url(fonts/HELVETICANEUELTPRO-THEX.OTF);
  font-weight: 400;
  font-style: normal
}

* {
  padding: 0;
  margin: 0;
/*  -webkit-tap-highlight-color: transparent*/
}

body, html {
  position:static !important;
  text-shadow: none;
  overflow-x: hidden;
  width: 100%;

  background-color: #f9f9f9;
  font-family: Arial, Helvetica, Verdana, "微软雅黑";
  font-size: 12px;
  color: #666;
/*  -webkit-text-size-adjust: none;*/
  max-width: 900px;
  margin: 0 auto;
/*
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
*/
  min-height:100%;
	padding: 0;

  
}

body{
	position: relative;
}
a {
  color: red;
  text-decoration: none
}

ol, ul {
  list-style: none
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1
}

b, strong {
  font-weight: 400
}

em, i {
  font-style: normal
}

img {
  display: block;
  border: 0;
  height: auto
}

input {
  border: none;
  background: 0 0
}

.fl {
  float: left
}

.fr {
  float: right
}

.clearfix:after {
  clear: both;
  display: block;
  content: ''
}

#sitecontent {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  overflow-y: auto!important;
  position: relative;
  overflow: hidden
}

.clearfix {
  zoom: 1
}

input, textarea {
  font-family: "微软雅黑", Arial;
  outline: 0;
  font-size: 14px;
  -webkit-appearance: none
}

h1, h2, h3 {
  font-size: 16px
}

h4, h5, h6 {
  font-size: 16px
}

a:active, a:hover, a:link, a:visited {
  color: inherit;
  text-decoration: none
}

/*
nav:not(.mm-menu) {
  display: none
}
*/

.text_wrap{ padding: 10px 5px; font-size: 18px; }
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block
}

.plr10 {
  padding: 0 5%
}

#header, .content, .footer {
  text-align: center
}

/*
#footer, #header {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 50px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 0 0
}
*/

#footer {
  background: #f0f0f0
}

#header.fixed {
  position: fixed;
  top: 0;
  left: 0
}

#footer.fixed {
  position: fixed;
  bottom: 0;
  left: 0
}

#footer, #header {
  box-sizing: border-box;
  width: 100%
}


#footer {
  bottom: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 100;
  padding: 0 20px
}

#header a.mm-hbtn {
  background: center center no-repeat transparent;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 10px;
  margin: 10px
}

#footer a {
  float: left
}

#footer span {
  float: left;
  width: 60%;
  color: #9e9e9e
}

#footer strong {
  float: left;
  width: auto;
  color: #9e9e9e
}

#footer a#flogo {
  width: 50px;
  margin-top: 16px;
  margin-left: 5px
}

.mm-page {
  height: 100%
}

/*菜单*/


.mobile-inner-header-icon{color: #333; height:65px; font-size:25px; text-align: center;float:right; width: 50px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; z-index: 11}
	.mobile-inner-header-icon:hover{ cursor: pointer;}
	.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background-color: #333;}
	.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(2){transform: translateY(-8px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(3){transform: translateY(-13px) rotate(0deg);}

	.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;   background-color:#333;}
	.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;   background-color:#333;}
	.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;   background-color:#333;}

	@keyframes clickfirst {
		0% {
			transform: translateY(4px) rotate(0deg);
		}

		100% {
			transform: translateY(0) rotate(45deg);
		}
	}



	@keyframes clicksecond {
		0% {
			transform: translateY(-4px) rotate(0deg);
		}

		100% {
			transform: translateY(0) rotate(-45deg);
		}
	}

	.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
	.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}

	@keyframes outfirst {
		0% {
			transform: translateY(0) rotate(-45deg);
		}

		100% {
			transform: translateY(-4px) rotate(0deg);
		}	
	}



	@keyframes outsecond {
		0% {
			transform: translateY(0) rotate(45deg);
		}

		100% {
			transform: translateY(4px) rotate(0deg);
		}
	}

	.mobile-inner-nav{ background:url(../images/nav-bj.jpg) no-repeat center top; background-size: cover; width: 100%; position: fixed; top: 60px; left: 0px; padding:50px 0; display: none; height: 100%; box-sizing: border-box; overflow-y: auto; z-index: 9; }
	.mobile-inner-nav ul{overflow-y: scroll}
	.mobile-inner-nav li{ width: 30%; margin: auto; font-size: 16px; padding:8px; box-sizing: border-box; position: relative; color: #FFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight:300; line-height: 40px;}
	.mobile-inner-nav li span{position: absolute;width: 32px;height: 32px;top:5px;right:20px;}
	.mobile-inner-nav li span img{width: 100%;transition: .5s;}
	.mobile-inner-nav li .subnav-ani img{transform:rotate(180deg)}
	.mobile-inner-nav li a{color: #fff;}
	.mobile-inner-nav li dl{padding-top:10px;display: none}
	.mobile-inner-nav li dd{line-height: 30px;font-size: 14px;text-indent: 20px;}


/*菜单结束*/
.clear{clear: both; overflow: hidden; }
#header {
  background: #fff;
  text-align: center;
  position: fixed;
  max-width: 100%;
  margin: 0 auto; height: 65px; line-height: 65px;
  z-index: 101;
/*  box-shadow: 1px 2px 5px #ccc;*/
}
.mm-hlogo{ float: left; width: 200px; margin: 5px 0 0 15px; }
.mm-hlogo img{ float: left; width:55px; margin-top: 5px; }
.mm-hlogo p{float: left; width: 120px; font-size: 22px; line-height: 22px; margin-top: 10px; }
.mm-hlogo p span{ display: block; text-transform: uppercase; font-size: 12px; }

.part1{ margin-top: 65px; background:url(../images/part1.jpg) no-repeat center top; background-size:100% auto; width: 100%; color: #000; position: relative;  text-transform: uppercase; overflow: hidden; }
.part1 img{ position: relative; width: 100%; height: auto;}
.part1-wz{ width: 52%; margin: 10% 0 0 10%; position:absolute; top:0; left:0; }
.part1-wz font{ font-size: 22px; font-weight: bold; display: block; }
.part1-wz span{ display: block; font-size: 36px; font-weight: bold; margin:5% 0 7%; }
.part1-wz p{color: #976e1f; font-size: 16px;}
.part1-wz p em{ display: block; font-size: 15px; color: #000; margin-top: 5px; line-height: 25px; }
/*banner*/

.fwxm-fl{ background: url(../images/fwxm-fl-bj.jpg) repeat-y center top; background-size:100%; overflow: hidden; text-align: center; padding-bottom: 8%;}
.fwxm-fl p{ padding-top: 5%; overflow: hidden; font-size: 28px; font-weight: bold; color: #bda778; }
.fwxm-fl p em{ font-size: 26px; display: block; color: #999; }
.fwxm-fl p span{ font-size: 16px; color: #bbb; letter-spacing:5px; text-transform: uppercase;display: block; margin-top: 5px; font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; font-weight: 500; }
.fwxm-fl li{ float: left; width: 33%; margin: 30px 0 15px; font-size: 16px; text-align: center; }
.fwxm-fl li span{ font-size: 40px; display: block; margin-bottom: 10px;}
/*服务项目*/

.about{ background: url(../images/about-bj1.jpg) no-repeat center top; background-size:100%; color: #fff; overflow: hidden; padding: 38% 8% 5%; font-size: 15px; line-height: 32px; }
.about-more{ text-transform: uppercase; color: #ab8c4e; width: 100%; text-align: right; font-size: 14px; height: 30px; line-height: 30px; }
.about-more span{ font-size: 20px; margin-left: 5px;}
.about-bt{ position: relative;}
.about-bt img{ width: 100%;}
.about-bt-wz{ position: absolute; top: 0;left: 0; color: #fff; width: 40%; margin: 14% 0 0 4%;}
.about-bt-wz p{ text-transform: uppercase; font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid #fff; width: 65%; }
.about-bt-wz span{ font-size: 24px; margin: 15px 0 5px; display: block; }
.about-bt-wz font{ font-size: 14px;}
/*关于我们*/

.yhcd{ overflow: hidden; width: 90%; padding: 8% 5%; }
.yhcd-bt{ font-size: 28px; color: #c1ab7b; text-align: center;}
.yhcd-bt span{ display: block; font-size: 36px; color: #e6e6e6; text-transform: uppercase; }
.yhcd-bt p{ display: block; font-size: 16px; color: #333; margin-top: -18px; line-height: 25px; }
.yhcd-cen{ background: url(../images/yhcd-bt-bj.jpg) no-repeat 100% 100%; background-size:100%; overflow: hidden; }
.yhcd-cen-l{ float: left; width: 42%; margin: 5%; font-size: 22px; font-weight: bold; color: #666; }
.yhcd-cen-l span{ font-size: 17px; text-transform: uppercase; color: #cdcccb; display: block; font-weight: 500; margin-top: 5px; }
.yhcd-cen-l p{ font-size: 16px; font-weight: 500; color: #9c7236;}
.yhcd-cen-l img{ display: block; margin: 10px 0; width: 100%;}
.yhcd-cen-r{ float: right; width: 45%; margin: 5% 2% 5% 0;  }
.yhcd-cen-r li{float: left; width: 45%; margin:0 5% 5% 0; background: #e9ca89; text-align: center; font-size: 16px; color: #000; height: 40px; line-height: 40px;}
.yhcd-cen-r li:nth-child(5n){background: #dbdbdb;}
.yhcd-cen-r li:nth-child(6n){background: #dbdbdb;}


.focus{ width: 100%; height: auto; margin: 0 auto; position: relative; overflow: hidden; }
.focus .hd{width: 100%;height: 15px; position: absolute;z-index: 1;bottom: 10px;left: 35%;text-align: center;}
.focus .hd ul{overflow: hidden;display: -moz-box;display: -webkit-box;display: box;height: 15px;}
.focus .hd ul li{width: 8px; height: 8px; line-height: 8px; border-radius: 50%; border: 2px solid #fff; margin: 0 5px; color: rgba(255,255,255,0.1)}
.focus .hd ul .on{background:#fff; color: #fff;}
.focus .bd{position: relative;z-index: 0;}
.focus .bd li img{width: 100%;height: 300px;}
.focus .bd li a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/*宴会场地*/

.jd{ overflow: hidden; background: url(../images/jd-bj.jpg) no-repeat center top; background-size:100%; color: #fff; position: relative; padding-bottom: 10%; }
.jd-bt{ font-size: 26px; text-align: center; margin: 15% 0 10%; padding: 0 5%; }
.jd-bt span{ font-size: 16px; display: block; margin-top: 5px; }
.jd img{ width: 100%; height: auto;}
.jd p{ position: absolute; left: 5%; bottom: 8%; line-height: 24px; font-size: 12px;}
.jd p em{ display: block;}
/*酒店*/

.ct{ overflow: hidden; background: url(../images/ct-bj.jpg) repeat-y center top; background-size:100%; }
.ct img{ width: 100%; margin: 15% auto 0; }
.ct-bt{ text-align: right; margin: 10% 5% 20%; font-size: 18px; color: #8f6a1f; }
.ct-bt span{ display: block; color: #333; font-size: 16px; margin-top: 5px; }
.ct-cen{ color: #333; position: relative; }
.ct-cen p{ width: 26%; position: absolute; top: -30%; left: 5%; text-align: center; background: url(../images/ct-bt-bj.png) no-repeat center top; background-size:100%; padding: 6% 5%; font-size: 22px; }
.ct-cen p span{ display: block; text-transform: uppercase; font-size: 16px; margin: 25% 0; line-height: 20px; color: #fff; }
.ct font{ display: block; font-size: 12px; margin:8% 5%; letter-spacing: 1px; line-height: 24px; text-transform: uppercase; }
.ct font em{ display: block;}
/*餐厅*/

.gg{ position: relative;overflow: hidden;}
.gg img{ width:100%;}
.gg p{ position: absolute; left: 5%; top: 5%; font-size: 16px; line-height: 30px; margin: 5% 0 0; }
.gg p span{ display: block; font-size: 20px; color: #c9ab6f; }
/*广告*/

.foot{overflow: hidden;}
.zxyd{ background: #c9ab6f; color: #fff; text-align: center; padding: 20px; font-size: 16px; line-height: 28px;}
.zxyd p{ border: 1px solid #fff; line-height: 35px; font-size: 18px; margin: 15px auto 0;}
.foot-yw{ background: #333; color: #fff; padding: 20px; overflow: hidden; border: 1px solid #5a5a5a; }
.foot-xx{ float:left; width: 68%; }
.foot-xx p{ width: 100%; font-size: 15px; float: left; margin: 4px 0; }
.foot-xx p span{ font-size: 22px; margin-right: 2%; float: left; width: 10%; }
.foot-xx p font{ float: left; width: 88%; }
.foot-yw img{ float: right; width: 100px; margin: 20px 0; }
.foot-zc{ font-size: 14px; overflow: hidden; text-align: center; height: 40px; line-height: 40px; background: #333; color: #ddd;  }
.foot-zc span{ display: inline-block; margin: 0 10px;}
/*页尾*/

/*二级页*/

#category { min-height: 50px; position: relative; font-size: 16px; }
#category .label { line-height: 50px; height: 50px; background: #c9ab6f; color: #fff; padding: 0 40px; }
#category .label:after { content: ''; display: block; clear: both}
#category .label .text { float: left }
#category .label i{ float: right; }
.dropmenu ul { width: 100%; height: 0; overflow-y: auto; position: absolute; z-index: 1; background-color: #fff; font-size: 16px; }
.dropmenu ul li { width: 100%; height: 50px; line-height: 50px; float: left; border-bottom: #f0f0f0 1px solid;}
.dropmenu ul li a { line-height: 60px; height: 60px; padding: 0 50px; color: #666; display: block; background: #fff; }
.dropmenu ul li a.active { background: #f1f1f1; color: #c9ab6f; }
.cate-box { position: fixed; top: 65px; left: 0; height: 100%; width: 100%; background: #fff;z-index: 6}
.cate-box {
  transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit- transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
  -webkit-transform: translate3d(0, 100%, 0)
}
.open .cate-box {
  transform: translate3d(0, 0, 8px);
  -webkit-transform: translate3d(0, 0, 8px)
}
#category, .list_nav { position: initial }
.list_nav { position: fixed;top: 65px;width: 100%; max-width: 900px; z-index: 5}
.perch-box { padding-top: 50px}
.perch-box p { height: 40px}
.pclose { width: 50px; height: 50px; display: block; float: right; position: absolute; top: 0; right: 0}
.dropmenu ul { width: 100%; height: auto; position: relative; z-index: 3}
.cate-box .transform { margin-bottom: 50px; overflow-y: scroll;}
.cate-title { height: 50px; background: #c9ab6f; line-height: 50px; font-size: 16px; padding: 0 80px; text-align: center; color: #fff; position: relative; overflow: hidden}
.pclose:after { content: ''; position: absolute; top: 25px; left: 15px; border-top: 1px solid #fff; width: 20px; transform: translateZ(0) rotate(45deg);-webkit-transform: translateZ(0) rotate(45deg)}
.pclose:before { content: ''; position: absolute; top: 25px; left: 15px; border-top: 1px solid #fff; width: 20px; transform: translateZ(0) rotate(-45deg);
  -webkit-transform: translateZ(0) rotate(-45deg)}
.mm-opening .cate-box { display: none; }
/*二级栏目*/

.yh_list{ background:url(../images/ejy-bj.jpg) repeat-y center top; background-size: 100%; overflow: hidden; padding-top: 28%; }
.yh_list-bt{ width: 92%; margin:35px auto; color: #fff; text-align: center; font-size: 22px; line-height: 35px; }
.yh_list-bt span{ font-size: 32px; color: #655b49; text-transform: uppercase; display: block; }
.yh_list-bt p{ font-size: 15px; color: #aaa; display: block; line-height: 22px; }
.yh_list ul{ width: 88%; margin: auto;}
.yh_list ul li{ width: 100%; margin-bottom: 30px; }
.yh_list ul li img{ width: 99%; border: 2px solid #fff; height: 270px; }
.yh_list ul li p{ display: block; color: #b09a6c; font-size: 20px; padding: 15px 0; line-height: 25px; }
.yh_list ul li p span{ display: block; text-transform: uppercase; color: #999; font-size: 14px; }
.yh_list ul li p font{ display: block; font-size: 15px; color: #fff;}
.yh_list ul li p font em{ float: right;}
/*宴会列表*/

.about-ejy{ width: 100%; overflow: hidden; margin: 18% 0 0;}
.about-ejy-bt{ width: 90%; margin: 30px auto; color: #000; font-size: 22px; text-align: center; line-height: 35px; }
.about-ejy-bt p{font-size: 50px; color: #e6e6e6; text-transform: uppercase; }
.about-ejy-bt span{ font-size: 16px; display: block;letter-spacing: 2px; color: #999; }
.about-ejy-bt em{ width: 40px; margin:5px auto; height: 2px; background: #999; display: block; }
.about-ejy-nr{ font-size: 16px; line-height: 35px; padding:0 5%; width: 90; background: url(../images/about-ejy-bj.jpg) no-repeat center bottom; padding-bottom: 4%; background-size: 100%; }
.about-ejy-nr img{ width: auto; max-width: 100%; height: auto; margin: 15px 0; }
/*关于我们*/

.pro_list{ overflow:hidden; width: 92%; margin:20% auto 0; position: relative; padding-bottom: 15%; }
.pro_list_bt{ font-size: 22px; color: #000; overflow: hidden; margin: 10px 0 20px; }
.pro_list_bt span{ display: block; color: #aaa; text-transform: uppercase; font-size: 16px; margin-top: 5px;}
.pro_list .hd{ width: 100%; height: 20px; position: absolute; z-index: 1; bottom:4%; left: 42%; text-align: center; }
.pro_list .hd ul{ overflow: hidden; display: -moz-box; display: -webkit-box; display: box; height: 20px; }
.pro_list .hd ul li{ width: 10px; height: 10px; line-height: 10px; border-radius: 50%; background: #ddd; color: #ddd; margin: 0 5px;}
.pro_list .hd ul .on{ background:#999; color: #999;}
.pro_list .hd ul .on a{ color: #fff;}
.pro_list .bd{ position: relative; z-index: 0;}
.pro_list .bd li img{ width: 100%; height: 300px;}
.pro_list .bd li a{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.pro_list .wz{ font-size: 18px; width: 100%; text-align: center; margin-top:4%}










@media screen and (max-width: 320px) {
	
	.part1-wz{ width: 56%; margin: 7% 0 0 9%; }
	.part1-wz font{ font-size: 18px; font-weight: bold; }
	.part1-wz span{ font-size: 26px; margin:6% 0; }
	.part1-wz p{ font-size: 16px;}
	.part1-wz p em{ margin-top: 8px; line-height: 20px; }

	.about-bt-wz{ width: 40%; margin: 14% 0 0 0; text-align: center; }
	.about-bt-wz p{ font-size: 14px; padding-bottom: 5px; margin: auto; }
	.about-bt-wz span{ font-size: 20px; margin: 10px 0 5px; display: block; }
	.about-bt-wz font{ font-size: 12px;}
	
	.yhcd{ width: 94%; padding: 10% 3% 8%; }
	.yhcd-bt{ font-size: 24px; }
	.yhcd-bt span{ font-size: 32px;}
	.yhcd-bt p{ font-size: 14px; }
	
	.yhcd-cen-l{ font-size: 18px; }
	.yhcd-cen-l span{ font-size: 14px; }
	.yhcd-cen-l p{ font-size: 14px; }
	.yhcd-cen-r li{ font-size: 14px; height: 35px; line-height: 35px; }
	
	.focus .bd li img{ height: 220px;}
	
	.jd{padding-bottom: 7%; }
	.jd p{ left: 0;}
	
	.ct-bt{ margin: 10% 5% 25%; }
	.ct-cen p{ font-size: 18px; }
	.ct-cen p span{ font-size: 14px; margin: 20% 0;}
	
	.foot-xx{ float:none; width: 100%; overflow: hidden; }
	.foot-yw img{ float: none; margin: 15px 0 0; display: block; }
	
/*二级页*/
	.yh_list-bt{ font-size: 20px; }
	.yh_list-bt span{ font-size: 20px; }
	.yh_list-bt p{ font-size: 16px; }
	
	.yh_list ul li p font{ font-size: 14px;}
	.yh_list ul li img{ height: 200px; }
	
	.pro_list_bt{ font-size: 20px;margin: 20px 0; }
	.pro_list_bt span{ font-size: 14px; }
	.pro_list .bd li img{ width: 100%; height: 220px;}
	.pro_list .wz{ font-size: 16px; }
	
	
	
	
	
	
}








