﻿/* 技术支持 开元（重庆）科技有限公司 */
body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td, header, footer{margin:0;padding:0;}
body{color:#464628; font-size:12px; font-family:"Montserrat",Jost,sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; height:100%; background:#fff; word-wrap: break-word; /*word-break:break-all;*/}
ul,ol{list-style-type:none;}
i {font-style:normal}
select,input,img,select,button,textarea{vertical-align:middle; font-family:Arial,'Microsoft YaHei'; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
input {/*-webkit-appearance: none;*/ border-radius:0}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%; font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
del{text-decoration:line-through;}
em{font-style:normal;}
.vimg-align{vertical-align:middle;}
legend{color:#222;}
fieldset,img{border:0;}
a{text-decoration:none; transition: color .1s,border-color .1s,opacity .1s,text-decoration-color .1s;}
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
.pr{position: relative;}
.marA {margin:auto;}
.clr{display:block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}
.clear{display:block;clear: both;}
.ovh{overflow:hidden;}
.tac{text-align:center;}
.tar{text-align:right;}
.imgW100{width:100%;}
span:focus {
    outline: none;
}
a{color:#464628;}
a:hover{color:#464628;}
img{max-width: 100%;}
.pr{position: relative;}
.wrapper{width:92%; max-width: 1280px; margin:0 auto;}
.disflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.disflex_1{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.content{width: 100%;}

.header{width: 100%; height: 104px;}
.header_content{width: 100%; height:104px; background: #EDEBD6; padding:0 4%; position: fixed; top: 0; left: 0; right: 0; z-index: 90; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
transition: height .35s ease-in-out, background 0.5s ease-in-out;}
.logo{text-align:center;}
.logo span{display:block; overflow:hidden; padding:5px 0;}
.logo img{ vertical-align:top;}
.logo .logo_cn{height: initial; overflow: hidden; transition: height .35s ease-in-out;}
.logo .logo_cn img{ width:108px;}
.logo .logo_en img{ width:150px; transition: width .35s ease-in-out;}
.header.fix .header_content{background: #EDEBD6; height:80px;}
.header.fix .logo .logo_cn{height: 0; padding:0;}
.header.fix .logo .logo_en img{width:113px;}
.head_l, .head_r{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.head_r{-webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content:flex-end; -o-justify-content:flex-end; justify-content:flex-end;}
.head_item{flex: 1 1 100%;}
.menu-trigger{padding:10px 0;}
.menu-trigger svg{width: 41px; height: 10px;}
.menu-trigger line{ stroke: #464628;}
.language{margin-left:45px;}
.language a{font-size: 16px;}
.head_searchbtn{margin-left: 30px;}
.head_searchbtn svg{width: 15px; height: 15px; float: left;}
.head_searchbtn path{fill: #464628;}
.head_link a{display: inline-block; margin-left: 20px; float: left;}
.head_link svg { width: 30px !important; height: 30px !important; float: left;}
.head_link svg rect{ width: 28px; height: 28px; stroke: #464628; stroke-width:0.61px; rx:14px;}
.head_link svg path{fill: #464628;}
.head_link svg circle{stroke: #464628;}
.head_Reserve{ margin-left:35px; display: inline-block;}
.head_Reserve a{height: 28px; line-height: 28px; padding:0 20px; font-size: 18px; background: #464628; border:1px #464628 solid; color: #fff; display: block;}
.head_Reserve a:hover{color: #fff; opacity: 0.8;}

.globalnav{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999;}
.side-menubg{position:fixed;top:0;left:0; bottom:0; right: 0; width:100%; background: rgba(0,0,0,0.6);display: none;z-index: 990;}
.side-menubg.active {display: block;}
.side-menu {position:fixed;top:0;left:0;width:100%;max-width:1496px;height:100vh; overflow-y: auto; background-color:#EDEBD6;display:flex;transform:translateX(-100%);transition:transform 0.3s ease;z-index:999;}
.side-menu.active {transform:translateX(0);}
.menu-close{position: absolute; top: 50px; right: 40px; z-index:10; cursor: pointer; width: 30px; height: 30px; border-radius: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.menu-close:after, .menu-close:before{content: ''; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background:#898871;}
.menu-close:after{ width: 2px;height: 24px;}
.menu-close:before{ width: 24px;height: 2px;}
.menu-left {width:50%;padding:60px; box-sizing: border-box; display:flex; flex-direction:column;justify-content:space-between; font-size: 20px;}
.nav_logo img{width: 124px;}
.global-nav{display: flex; height: 100%; margin-top:30px;}
.global-nav ul{width:50%;}
.menu-nav {list-style:none; padding:20px 0; box-sizing: border-box;}
.menu-nav > li {margin-bottom:30px; position: relative;}
.menu-nav > li > a {text-decoration:none;color:#464628;display:flex;justify-content:space-between;align-items:center; padding-right: 40px; box-sizing: border-box;}
.menu-nav > li > a:hover {color:#464628;}
.menu-nav > li > a .arrow {background: url(../images/navico.png) no-repeat; width: 11px; height: 11px; display: inline-block;position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.menu-nav > li.no > a {color:#89886E;}
.submenu {list-style:none; padding:20px 0 20px 20px; box-sizing: border-box; border-left: 1px #B4B29F solid; display: none; -webkit-animation-name: slide-fade-in-left; animation-name: slide-fade-in-left; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forward; animation-direction: forward;}
.submenu.active {display:block; color:#464628; -webkit-animation-name: slide-fade-in-left; animation-name: slide-fade-in-left;}
.submenu li {margin-bottom:30px;}
.submenu li a {text-decoration:none;color:#464628;}
.submenu li a:hover {color:#464628;}
.submenu li a.no {color:#89886E;}
.submenu li a.active {color:#464628;}
.submenuBack{display: none;}
.menu-footer {margin-top:auto;}
.menucontact-title {font-size:16px;font-weight:bold;margin-bottom:15px;color:#333;}
.menusocial-icons {display:flex; gap:15px;}
.menusocial-icons svg { width: 30px !important; height: 30px !important; float: left;}
.menusocial-icons svg rect{ width: 22px; height: 22px; stroke: #464628; stroke-width:0.47px; rx:11px;}
.menusocial-icons svg path{fill: #464628;}
.menusocial-icons a:hover svg rect{fill: #464628;}
.menusocial-icons a:hover svg path{fill: #ffff; }
.menu-right {width:50%; position:absolute; top: 0; right: 0; bottom: 0; background-color:#f8f5e6; display: none; -webkit-animation-name: fade-in; animation-name: fade-in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forward; animation-direction: forward;}
.menu-right.active{display: flex; flex-direction: column;}
.images-content{display: flex; flex-direction: column; margin: auto ; text-align:center; padding:60px; box-sizing: border-box; width: 100%;background-color:#f8f5e6;}
.menuRtitle{text-align: left; font-size: 16px;}
.menuRtxt{text-align: right; font-size:20px; margin-top: 10px;}
.menuRimage{width: 100%; margin-top:10px;}
.menuRimage img{width: 100%; max-height: 196px; object-fit: cover;}
.destination-image img{max-width:100%;height:100%; max-height: 62vh; object-fit:cover;}
.image-caption {color:#464628;font-size:16px;text-align:center; margin-top:10px;}
.image-links{margin-top: auto;width:100%;background-color:#f8f5e6;}
.image-links a{width:100%;display:flex;flex-direction:column;gap:10px;}
.image-links span {text-decoration:underline;color:#464628;font-size:14px;padding:8px 20px;}
.image-links span:last-child { text-decoration: none; background-color:#464628;color:#EDEBD6;text-align:center; display: block;}
@keyframes slide-fade-in-left{
	0% {
	    opacity: 0;
	    transform: translateX(-2rem);
	}
	100% {
	    opacity: 1;
	    transform: translateX(0);
	}
}
@keyframes fade-in{
	0% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}
@keyframes slide-in-right{
	0% {
	   transform: translateX(100%);
	}
	100% {
	    transform: translateX(0);
	}
}
.homebody .header{height: inherit;}
.homebody .header_content{background: none;}
.homebody .header .logo span{opacity: 0; transition: opacity .5s ease-in-out;}
.homebody .header .menu-trigger line, .homebody .header .head_link svg rect, .homebody .header .head_link svg circle{ stroke: #fff;}
.homebody .header .language a, .homebody .header .language a:hover{color: #fff;}
.homebody .header .head_searchbtn path, .homebody .header .head_link svg path{fill: #fff;}
.homebody .header .head_Reserve a{background: none; color: #fff; border:1px #fff solid;}
.homebody .header.fix .logo span{opacity: 1;}
.homebody .header.fix .menu-trigger line, .homebody .header.fix .head_link svg rect, .homebody .header.fix .head_link svg circle{ stroke: #464628;}
.homebody .header.fix .language a, .homebody .header.fix .language a:hover{color: #464628;}
.homebody .header.fix .head_searchbtn path, .homebody .header.fix .head_link svg path{fill: #464628;}
.homebody .header.fix .head_Reserve a{background: #464628; color: #fff; border:1px #464628 solid;}
.homebody .header.fix .header_content{height: 104px;}
.homebody .header.fix .logo .logo_cn{height: initial; padding: 5px 0;}
.homebody .header.fix .logo .logo_en img{width: 150px;}
.homebody.homefix .header.fix .header_content{height: 80px;}
.homebody.homefix .header.fix .logo .logo_cn{height: 0; padding: 0;}
.homebody.homefix .header.fix .logo .logo_en img{width: 113px;}
.fix_whatsapp{position: fixed; left: 100px; bottom: 120px; z-index: 101;}
.fix_whatsapp a{background: #fff; width: 62px; height: 62px; border-radius: 62px; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.fix_whatsapp a:hover{background: #464628;}
.homebody .fix_whatsapp a{opacity: 0.5;}
.homebody .fix_whatsapp.on a{opacity: 1;}

.search_sidebarbg{position:fixed;top:0;left:0; bottom:0; right: 0; width:100%; background: rgba(0,0,0,0.6);display: none;z-index: 990;}
.search_dialog.open .search_sidebarbg{display: block;}
.search_sidebar{position: fixed; left: 0; top: 0; bottom: 0; z-index: 999; width: 100%; max-width: 570px; background: #EDEBD6; transform: translateX(-100%); transition: transform 0.3s ease;}
.search_dialog.open .search_sidebar { transform: translateX(0);}
.search_sidebar_colse{position: absolute; top: 50px; right: 50px; width: 30px; height: 30px; border-radius: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.search_sidebar_colse:after, .search_sidebar_colse:before{content: ''; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background:#898871;}
.search_sidebar_colse:after{ width: 2px;height: 24px;}
.search_sidebar_colse:before{ width: 24px;height: 2px;}
.search_sidebar_form{padding:100px 50px;}
.search_sidebar_title{text-transform: uppercase; font-size: 20px; letter-spacing: 2px;}
.search_sidebar_button{text-align: right; padding-top: 20px;}
.search_sidebar_submitbtn{display: inline-block; width: 110px; height: 36px; line-height: 36px; border:0 none; background: #464628; color: #fff; text-align: center; cursor: pointer;}
.search_sidebar_fbox{width: 100%; position: relative; margin-top:5px;}

.search_sidebar_inp {width: 100%; height: 30px; line-height: 30px; border:0 none; border-bottom: 1px solid #000; background: none; font-size: 12px; color: #464628;}
.search-suggest {position: absolute;width: 100%; background: #fff; border: 1px solid #464628; border-top: none; z-index: 999; display: none;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.search-suggest-item { padding: 5px 15px; line-height: 20px; font-size: 12px; color: #333; cursor: pointer;}
.search-suggest-item:hover{ background: #5a5a44; color: #fff;}
.noheader .main_header{display: none;}



.footer{background: #F0F0EB; width: 100%; overflow: hidden;}
.foot_t, .foot_m, .foot_b{width:92%; max-width: 1450px; margin:0 auto;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.foot_t{padding:50px 4% 40px; border-bottom: 1px #A3A39C solid; display: flex; align-items: center;}
.foot_m{padding:50px 4%; display: flex;}
.foot_b{padding:20px 4%; border-bottom: 1px #A3A39C solid; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.foot_copright{padding:30px 4%; text-align:center;}
.foot_ttit{font-size: 20px;}
.foot_ttxt{flex: 1; margin:0 10%; font-size: 14px;}
.foot_tbtn{width: 20%; background: #464628; line-height: 40px; height: 40px; font-size: 14px; color: #fff; display: inline-block; text-align: center;}
.foot_tbtn:hover{color: #fff; opacity: 0.8;}
.foot_mlink{flex: 1; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.foot_mlink dl{width: 30.33%; margin:0 3% 0 0;}
.foot_mlink dl dt{color: #87874B; padding-bottom:15px;}
.foot_mlink dl dd{padding-bottom:10px;}
.foot_mlink dl dd a:hover{text-decoration: underline;}
.foot_mcontact{width: 20%; text-align:right;}
.foot_mcontact_title{display: inline-block; font-size: 16px; border:1px #464628 solid; padding:0 30px; line-height: 30px; margin:10px 0;}
.foot_mcontact_txt{padding-top:20px;}
.foot_logo_cn img{width: 114px;}
.foot_logo_en img{width: 125px;}
.foot_blink{display: flex; align-items: center;}
.foot_blink dt{font-size: 16px;}
.foot_blink dd{flex: 1;}
.foot_blink dd a{margin:5px 0 5px 20px;}



@media all and (max-width:1100px) {
	
	
}

@media all and (max-width:1024px) {
	
	.menu-trigger svg{width: 28px; height: 10px;}
	.head_link a:nth-child(1), .head_link a:nth-child(2){display: none;}
	.logo span{padding:2px 0;}
	.logo .logo_cn img{width: 70px;}
	.logo .logo_en img, .homebody .header.fix .logo .logo_en img{width: 105px;}
	.header.fix .logo .logo_en img, .homebody.homefix .header.fix .logo .logo_en img{width: 95px;}
	.nav_logo img{width: 95px;}
	.menu-close{top: 25px; left: 30px; right: initial;}
	.nav_logo{text-align: center;}	
	.side-menu{flex-direction: column; overflow-x: hidden;}
	.menu-left{width: 100%; padding:30px; font-size: 16px;}
	.menu-right{width: 100%; height: auto; position: initial; margin-top: auto;}
	.global-nav{display: block; margin-top:20px; border-top: 1px #C8C7B7 solid; padding-top: 30px;}
	.global-nav ul{width: 100%;}
	.menu-nav, .submenu{padding:0;}
	.menu-nav{-webkit-animation-name: slide-fade-in-left; animation-name: slide-fade-in-left; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: forward; animation-direction: forward;}
	.menu-nav > li{margin-bottom: 18px;}
	.submenu{border-left-width: 0; display: none;}
	.submenu li{margin-bottom: 18px;}
	.submenu.active{-webkit-animation-name: slide-in-right; animation-name: slide-in-right; display: block;}
	.menu-nav.visible{display: none;}
	.submenu.active .submenuBack{display: block; padding:0 0 30px; font-size: 12px; text-decoration:underline;}
	.images-content{padding:30px 30px 50px;}
	.menuRtitle{font-size: 14px;}
	.menuRtxt{font-size: 16px;}
	.menu-footer{margin-top: 40px;}
	#submenu-right.menu-right.active{display: flex;flex-direction: row; padding:30px 30px 50px; position: relative; box-sizing: border-box;}
	#submenu-right.menu-right.active .images-content{padding:0; width: 100px;}
	#submenu-right.menu-right.active .images-content .destination-image{width: 100px; height: 145px; overflow: hidden;}
	#submenu-right.menu-right.active .images-content .destination-image img{max-height: 100%;}
	#submenu-right.menu-right.active .image-caption{position: absolute; left: 150px; top: 25px; right: 30px; text-align: left; font-size: 15px; max-height:72px; overflow: hidden; }
	#submenu-right.menu-right.active .image-links{flex: 1; padding:0 0 0 20px; box-sizing: border-box;}
	#submenu-right.menu-right.active .image-links a{display: block;}
	#submenu-right.menu-right.active .image-links span{font-size: 12px; padding:8px 0; display: block;}
	#submenu-right.menu-right.active .image-links span:last-child{display: inline-block; padding:8px 20px; margin-top: 5px;}
	.fix_whatsapp{left: 13px;}
	.fix_whatsapp a{width: 50px; height: 50px; border-radius: 50px;}
	.fix_whatsapp a img{width: 28px; height: 28px;}
	.homebody .fix_whatsapp a{opacity: 1;}
	.foot_mcontact_title{padding:0 15px;}
	
}

@media all and (min-width:0) and (max-width:768px) {
	.header, .header_content, .homebody .header{height: 90px;}
	.header.fix .header_content, .homebody .header.fix .header_content,  .homebody.homefix .header.fix .header_content{height: 80px;}
	.homebody .header .menu-trigger line, .homebody .header .head_link svg rect, .homebody .header .head_link svg circle{stroke: #464628;}
	.homebody .header .language a, .homebody .header .language a:hover{color: #464628;}
	.homebody .header .head_searchbtn path, .homebody .header .head_link svg path{fill: #464628;}
	.homebody .header .head_Reserve a{background: #464628; border-color: #464628; color: #fff;}
	.homebody .header_content{background: #EDEBD6;}
	.homebody .header.fix .logo .logo_cn{height: 0; padding: 0;}
	.homebody .header .logo span{opacity: 1;}
	.homebody .header.fix .logo .logo_en img{width: 95px;}
	.wrapper{width: 90%;}
	.header_content{padding:0;}
	.language{margin-left:25px;}
	.head_Reserve, .homebody .header .head_Reserve{position: fixed; left:0; right: 0; bottom: 0; margin-left:0; background: #EDEBD6; padding:15px 5%;}
	.head_Reserve a, .homebody .header .head_Reserve a{ background: #464628; border-color: #464628; text-align: center;}
	.head_Reserve a{height: 48px; line-height: 48px;}
	.head_link{padding-right: 60px;}
	.head_link a:nth-child(3){margin:0;}
	.head_link svg{width: 25px !important; height: 25px !important;}
	.head_searchbtn{position: absolute; top: 50%; right: 13px; transform: translateY(-50%); padding:10px; margin-left:0;}
	.menu-trigger{margin-left:22px;}
	.search_sidebar_form{padding:80px 40px;}
	.search_sidebar_colse{top: 30px; right: 40px;}
	.noheader .main_header{display: block;}
	.footer{padding-bottom:80px;}
	.foot_t, .foot_m, .foot_b{width: 90%;}
	.foot_t{flex-wrap: wrap; padding:40px 0 30px;}
	.foot_ttit, .foot_ttxt, .foot_tbtn{width: 100%;}
	.foot_ttit{font-size: 18px;}
	.foot_ttxt{margin:15px 0 0; font-size: 13px;}
	.foot_tbtn{margin-top:20px;}
	.foot_m{display: block; padding:0;}
	.foot_mlink{border-bottom: 1px #A3A39C solid; padding:25px 0 15px;}
	.foot_mcontact{width: 100%; text-align: left; padding:20px 0;}
	.foot_mcontact_txt{padding-top: 10px;}
	.foot_logo_cn{ order: 1; width: 100%; margin-top: 20px;}
	.foot_logo_cn img{width: 70px;}
	.foot_logo_en{ order: 2; width: 100%; margin-top: 5px;}
	.foot_logo_en img{width: 76px;}
	.foot_blink{ order: 0; flex-wrap: wrap; margin-top: 5px;}
	.foot_blink dt{width: 100%; font-size: 14px;}
	.foot_blink dd a{display: inline-block; margin:15px 20px 0 0;}
	.foot_b{padding:0 0 20px; border-bottom-width: 0;}
	.foot_copright{padding:0 5% 25px; text-align: left;}


	
}
@media all and (max-width:640px) {
	.foot_mlink dl{width: 100%; margin:0 0 10px 0;}

}