/* ÍøÕ¾ÖÆ×÷¼¼ÊõQQ:530018547 */
/* ÌÔ±¦¹ÙÍø:cgwl.taobao.com */
*{ margin:0; padding:0; }
.top-nav{position: absolute; display: flex; align-items: center; justify-content: space-between; background: url(nav-bg-tran.png) center/cover no-repeat; width: 100%; height: 7.289rem; top: 0; left: 0; z-index: 100; transition: 0.3s height, 0.3s background-image;;z-index:1000;margin:0 auto;}
.top-nav .logo{position: absolute; left: calc(50% - 5.85rem); top: -0.325em; background: url(LOGO.png) top/cover no-repeat; width: 10.4785rem; height: 3.645rem; transition: 0.3s all;}
.top-nav{position: fixed;height: 3.28rem; background: url(nav-bg.png) center/100% 100% repeat-x;z-index: 100; }
.top-nav .nav-list{left: calc(50% - 30.752rem); top: 0.228rem;}
.top-nav .nav-list{position: absolute; left: calc(50% - 33.8rem); top: 0.278rem; list-style: none; display: flex; align-items: center; transition: 0.3s all;}
.top-nav .nav-list li{color: #e7f0f3; font-size: 0.911rem; text-align: center; height: 2.733rem; width: 5.278rem; line-height: 2.733rem; cursor: pointer; transition: 0.3s margin-left;}
.top-nav .nav-list li:not(:first-child){margin-left: 0.0rem;}
.top-nav .nav-list li:nth-of-type(6){margin-left: 13.28rem;}
.top-nav .nav-list a:not(:first-child){margin-left: 0.0rem;}
.top-nav .nav-list a:nth-of-type(6){margin-left: 13.28rem;}
.top-nav .nav-list li.active, .top-nav .nav-list li:hover{position: relative; background: linear-gradient(0deg, #ccc990, #fff4b4); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.top-nav .nav-list li.active::after, .top-nav .nav-list li:hover::after{content: ""; position: absolute; background: url(nav-active.png) center/cover no-repeat; left: -0.091rem; top: 0; width: 6.378rem; height: 2.916rem;}
.top-nav .nav-list li.active .top-nav .nav-list li:hover{position: absolute; background: url(nav-active.png) center/cover no-repeat; left: -0.091rem; top: 0; width: 6.378rem; height: 2.916rem;}
.top-nav .nav-list li a{color: #918E81; font-size: 0.911rem; text-align: center; height: 2.733rem; }
.top-nav .r{margin-left: auto; display: flex; align-items: center; justify-content: flex-end;}
.top-nav .r .btn{margin-right: 0.547rem; background: url(login-btn.png) center/cover no-repeat; width: 3.918rem; height: 2.096rem; color: #DAC38A; font-size: 0.82rem; line-height: 2.096rem; text-align: center; text-decoration: none; transition: 0.3s filter;}
.top-nav .r .btn span{transition: 0.3s background;}
.top-nav .r .btn:hover{filter: brightness(1.3);}
.top-nav .r .btn:hover span{background: linear-gradient(180deg, #DAC38A 0%, #FFF4DB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 0.364rem #DAC38A);}
.top-nav .r .admin{position: relative; background: url(admin.png) center/cover no-repeat; width: 2.733rem; height: 2.096rem;}
.top-nav .r .admin:hover ul{visibility: visible; transform: scaleY(1);}
.top-nav .r .admin ul{list-style: none; position: absolute; padding: 1.367rem 0 0; box-sizing: border-box; left: calc(50% - 4.328rem); bottom: -6.378rem; background: url(../images/pop.png) center/cover no-repeat; width: 8.656rem; height: 6.378rem; font-size: 0.729rem; color: #918E81; font-family: "FZQingKeBenYueSongS", serif; cursor: default; transition: 0.3s transform; visibility: hidden; transform: scaleY(0); transform-origin: 0 0;}
.top-nav .r .admin ul .name{display: flex; align-items: center; justify-content: center; height: 2.278rem; padding: 0 0.5rem; line-height: 0.8rem; word-wrap: break-word;}
.top-nav .r .admin ul .unlogin{color: #DAC38A; margin-top: 0.137rem; line-height: 2.278rem; height: 2.187rem; text-align: center; font-size: 0.82rem; text-shadow: 0 0.091rem 0 #000000; cursor: pointer;}
.top-nav .r .admin ul .unlogin:hover{filter: drop-shadow(0 0 0.547rem #DAC38A);}
.top-nav .r .btn-reserve{margin-right: 5.822rem; background: url(bg-btn.png) center/cover no-repeat; width: 9.567rem; height: 3.918rem; line-height: 3.918rem; color: #F9EDCE; font-size: 0.82rem; text-align: center; transition: 0.3s background; text-decoration: none;}
.top-nav .r .btn-reserve:hover{background: url(bg-btn-light.png) center/cover no-repeat;}
.top-nav .r .btn-reserve:not(:hover) span{background: linear-gradient(180deg, #DAC38A 0%, #FFF4DB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0rem 0rem 0.137rem rgba(218, 195, 138, 0.52);}
.top-nav .l{margin-right: auto; display: flex; align-items: center; justify-content: flex-end;}
.top-nav .l .btn-reserve{margin-left: 5.822rem; background: url(bg-btn.png) center/cover no-repeat; width: 9.567rem; height: 3.918rem; line-height: 3.918rem; color: #F9EDCE; font-size: 0.82rem; text-align: center; transition: 0.3s background; text-decoration: none;}
.top-nav .l .btn-reserve:hover{background: url(bg-btn-light.png) center/cover no-repeat;}
.top-nav .l .btn-reserve:not(:hover) span{background: linear-gradient(180deg, #DAC38A 0%, #FFF4DB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0rem 0rem 0.137rem rgba(218, 195, 138, 0.52);}
#topheaderheader{width:100%;height:60px;position:absolute;min-width:1280px;top:0px;left:0px;margin:0 auto;z-index:1000;border-bottom:1px solid #d1c1a3;}
#topheaderheader .center{position:relative;}
#headermenu{height:80px; line-height: 80px; background-color: #0000009c;margin: 0 auto;width: 100%;border: 0px dashed #5a5a5a;position: fixed;}
#headermenu ul .logo{float:left;width:400px;margin-right:320px}
#headermenu ul{width:1280px;margin:0 auto;}
#headermenu ul li{float:right;height:80px;margin-right:8px;}
#headermenu ul li:nth-of-type(3){margin-right:8px;}
#headermenu ul li:hover{background:url(background6.png) no-repeat center bottom; }
#headermenu ul li a{text-decoration:none;width:150px;text-align:center;padding-top:5px;padding-bottom:5px;display:block;}
#headermenu ul li a:hover{text-decoration:none;}
#headermenu ul li a:hover span{color:#fff;}
#headermenu ul li a strong{height:50px;line-height:50px;overflow:hidden;font-size:16px;font-weight:normal;color:#fefefe;text-overflow:ellipsis;white-space:nowrap;display:block;}
#headermenu ul li a span{line-height:15px;font-size:11px;color:#b9ab90;text-transform:uppercase;display:block;}
ul,ol{list-style-type:none;}
#header{width:100%;height:70px;position:relative;min-width:1330px;margin:0 auto;z-index:10;background: linear-gradient(to bottom,#1f0e06,#482c1e);box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;border:solid 0px #01b7b5;}
#header .center{position:relative;width:1330px;margin:0 auto;}
#header .center .toplogo{float:left;width:115px;height:70px;margin-right:0px}
#header .center .toplogo img{width:100%;height:100%}
#menu{height:70px;}
#menu ul{float:right;width:1200px;}
#menu ul li{float:right;height:70px;line-height:70px;margin-left:4px;}
#menu ul li:hover{background:url(background6.png) no-repeat center bottom;}
#menu ul li a{width:115px;text-align:center;padding-top:8px;padding-bottom:2px;display:block;text-decoration:none;}
#menu ul li a:hover{text-decoration:none;}
#menu ul li a:hover span{color:#fff;}
#menu ul li a strong{height:37px;line-height:37px;overflow:hidden;font-size:18px;font-weight:normal;color:#fff;text-overflow:ellipsis;white-space:nowrap;display:block;}
#menu ul li a span{line-height:14px;font-size:10px;color:#c3af91;text-transform:uppercase;display:block;}