html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,  tbody, tfoot, thead,  th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}

article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 

html {font-size: 100%;}
body { font-size:16px; font-family:"Microsoft YaHei",Arial; color:#333; position:relative; -webkit-text-size-adjust:none; }
a { color:#333; text-decoration:none; }
a:hover {}

.vrapper { width:1200px; margin:0 auto; }
.wrapper { width:1200px; margin:0 auto; }
#header { width:100%; }

#header .logo_nav{ height:150px;line-height: 150px;display: flex;justify-content: space-between;}
#header .logo {display: flex; width: 55%;justify-content: space-between;}
#header .logo span{
	display: block;
    width: 1px;
    height: 87px;
    background-color: #d7a966;
	margin-top: 30px;
}
#header .logo1 {max-width: 370px;margin-top: 30px;}
#header .logo2 {max-width: 210px;margin-top: 20px;}
#header .logo img { display:block;height: fit-content;}
#header .tele { background:url(../images/tele.png) no-repeat left center; padding-left:25px; color:#fbfe0d; float:right; font-size:0.875em; height:25px; line-height:25px; margin-top:20px; margin-right:3%; }
#header .tele a { color:#d7a966; }
#header .hottel { font-size: 16px;display: flex; align-items: center; }
#header .hottel img{ vertical-align: middle; margin-right: 5px;}
#header .hottel a{ color:#d7a966;font-weight: bold; font-size: 20px;}
#header .share {float:right; height:20px; position:relative; padding-top:3px; margin-right:7px; margin-top:20px; z-index:10001 }
#header .share a {display:block;width:27px;height:20px; background:url(../images/follow.png) no-repeat left top; float:left; margin:0 3px; position:relative; padding:0; }
#header .share a.mobile {background-position:0 0;}
.mobile_client {position:absolute;right:0;top:40px;width:160px;background-color:#1097e4;top:-9999em;opacity:0; transition:.5s opacity; }
.mobile_client b {position:absolute;top:-16px;width:0;height:0;border:8px solid transparent;border-bottom-color:#1097e4;right:0;margin-right:8px;}
.mobile_client h3 {color:#fff; height:36px;line-height:36px;overflow:hidden;text-align:center; font-size:0.875em; text-indent:0; }
.mobile_client p {margin:1px;background:#fff;padding:9px;}
.mobile_client img {display:block;width:140px;height:140px;}
#header .share a.mobile:hover .mobile_client {top:40px;opacity:1;}

.Language {
    
}
.lan{
	position: relative;
}
.lan ul{
	display:none;
	position: absolute;
    z-index: 100;
    background-color: #fff;
	padding: 10px 20px;
	font-size: 14px;
	top: 40px;
    border: 1px solid rgba(0,0,0,0.2);
	left: 25px;
}
.lan li{
	line-height: 30px;
	display: flex;
    align-items: center;
}
.lan ul img{
	margin-right: 5px;
	vertical-align: middle;
}
.lan-c {
	width: 70px;
    text-align: center;
	font-size: 14px;
	font-weight: normal;
	padding: 0 15px;
	cursor: pointer;
	line-height: 30px;
	background-color: #e5e5e5;
	border-radius: 15px;
	margin: 0 45px 0 25px;
	
}
.lan-c img{
	margin-right: 5px;
	vertical-align: middle;
	float: left;
}
.lan p{
	
}
#header .lan a{
	font-size: 14px;
	color: #000;
	font-weight: inherit;
}

#nav { width:100%; background-color: #d7a966;}
#nav ul{display: flex; justify-content: space-between;}
#nav ul li { float:left; display:inline; }
#nav ul li.line { width:6px; background:url(../images/line_bg.png) no-repeat left center; height:50px; }
#nav ul li.menu { width:13.5%; position:relative; height:50px; }
#nav ul li.menu a { font-size:18px; line-height:50px; display:block; text-align:center; color:#fff; }
#nav ul li.menu a:hover { text-decoration:none; background:#ce9643; }
#nav ul li.menu a.current { background:#ce9643; }
#nav ul li.visible-xs { visibility:hidden; display:none; }
#hContainer { height:175px; }

#nav li ul { height:auto; padding:12px 0; background:url(../images/sub_bg.png) repeat left top; }
#nav li ul li { height:40px; float:none; white-space:nowrap; display:block; }
#nav li.menu ul li a {display:block; color:#fff; height:40px; line-height:40px; text-align:center; background:url(../images/sub_line.png) no-repeat center bottom; font-size:0.75em; }
#nav li.menu ul li a:hover { background:url(../images/sub_line.png) no-repeat center bottom; }
#nav div.menu { width:100%; }

#nav_wap{
display:none;
}
.menuButton{
display:none;
}
.m_foot_wrap { background:#272727; color:#fff;  }
.m_foot_wrap a { color:#fff;}
.m_foot_wrap img{
    width:70%;
}
.m_menu_wrap {display: flex;justify-content: space-between; float:right; width:60%; padding:38px 0;  }
.m_menu_wrap dl { float:left; display:inline; width:15%; text-align: left;}
.m_menu_wrap dl dt{background: url(../images/foot_pro.jpg) no-repeat 1px bottom; margin-bottom:7px;background-position: left bottom;}
.m_menu_wrap dl dt, .m_conc_wrap dl dt { font-size:18px; line-height:46px; }
.m_menu_wrap dl dd, .m_conc_wrap dl dd { font-size:16px; line-height:30px; color:#dfdfdf; }
.m_conc_wrap { float:left; width:17.8%; padding:35px 3% 35px 1%; }
.m_code_wrap { float:left; width:10.7%; padding:49px 1px; }
.m_code_wrap p { line-height:41px; text-align:center; font-size:12px;}
.m_com_wrap { border-top:solid 1px #fff; line-height:180%; padding: 10px 0px 20px 0px; margin-top: 20px;}
.m_com_wrap p { line-height:30px; font-size:14px;}

.hidden-lg { display:none; visibility:hidden; }
#mobile_nav_wrap, #mobile_nav { display:none; }

.img-responsive { width:100%; display:block; }

.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}
.text26 { text-indent:32px;}
.line15 { height:15px; line-height:15px; }
.font12 { font-size:0.75em;}
.font14 { font-size:0.875em;}
.font16 { font-size:1em;}
.clearfix{*zoom:1;}

.page {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000;margin-top: 40px;}
.page span {padding:5px 10px 5px 10px; background-color:#d7a966; color:#fff; border:solid 1px #d7a966; }
.page a{ color:#444444; border:1px solid #ccc;padding:5px 10px 5px 10px; margin:0 2px; text-decoration:none; background-color:#ddd; }
.page a:hover {color:#fff; background-color:#d7a966; }
.page a.current { color:#fff; background-color:#d7a966; }

.foot_at{color:#fff;}

.m_code_logo{ float:left; margin-top:52px; margin-right:7%;}
.m_code_logot{color:#fff; font-size:16px; width:100%; margin-top:20px;line-height: 30px;}

@media screen and (max-width:1430px){ 
#header div.wrapper_top{background: url(../images/w_bg.png) no-repeat -20px top;}
#nav{ }
}
@media screen and (max-width:1024px){
#nav{float:right;}	
.hidden-mm { display:none; }
.m_code_logot{font-size:18px;}
}
@media screen and (max-width:946px){  
.tele_e{display:none;}
}
@media screen and (max-width:768px){ 
#header div.wrapper_top{background: url(../images/w_bg.png) no-repeat -125px top;}
#nav{ width:80%;}
#nav ul li.menu { width:12.5%; position:relative; height:80px; }
#nav ul li.menu a { font-size:1.1em; line-height:80px; display:block; text-align:center; color:#fff; }
}
@media screen and (max-width:736px){ 
#header div.wrapper_top{background: url(../images/w_bg.png) no-repeat -140px top;}
}
@media screen and (max-width:688px){ 
#header .tele{display:none;}
}
@media screen and (max-width:667px){ 
#header div.wrapper_top{background: url(../images/w_bg.png) no-repeat -158px top;}
#nav{padding-left:0%;}
}
@media screen and (max-width:640px){ 

body {
    font-size: 14px;
}

#header .logo_nav {
    height: 85px;
    line-height: 0px;
    flex-wrap: wrap;
}
#header .logo1 {
    max-width: 150px;
    margin-top: 0px;
}
#header .logo2 {
    max-width: 100px;
    margin-top: 0px;
}
#header .logo span {
    display: block;
    width: 1px;
    height: 30px;
    background-color: #d7a966;
    margin: 0px 10px;
}
#header .logo{
	width: 90%;
    margin: auto;
    justify-content: flex-start;
    align-items: center;
} 
#header .hottel {
   display:none;
}

#header .lan a {
    font-size: 14px;
    color: #000;
    font-weight: inherit;
}
.lan-c {
    width: 75px;
    font-size: 14px;
    padding: 0 15px;
    line-height: 30px;
    margin: 0px 10px 0 10px;
}
#menuButton, #nav_wap{display:block;position:absolute; top:35px; right:5px;}
.menuButton { float:right; width:15%; margin-right:0%; display:table-cell; text-align:center; vertical-align:middle; margin-top:0px;}
.menuButton i { display:inline-block; height:100%; vertical-align:middle;}
.menuButton img { vertical-align:middle; width:50%; max-width:30px;}

.navButton{position:absolute; right:4%; top:25px;}
.nav_t{position:absolute; left:2%; top:38px; color:#fff;}
#nav_wap { background-color:#d7a966; position:absolute; right:-200px; top:0; z-index:1001; width:100%; height:100%; display:none; }
#nav_wap ul { padding-top:70px;}
#nav_wap ul li { height:50px; line-height:50px; border-bottom:solid 1px #b78a4a; }
#nav_wap ul li a { display:block; line-height:50px; text-align:left; color:#fff; text-indent:30px;}
#nav_wap ul li a:hover {  text-decoration:none; }
#nav_wap ul li a.nav { }

.menuButton{
display:block;
}
#nav{display:none;}

.m_com_wrap {
	 padding: 10px 10px 30px;
    margin: 0px;
}
.vrapper {
    width: 100%;
    margin: 0 auto;
}
}
@media screen and (max-width:480px){ 
.wrapper { width:100%; margin:0 auto; }
#header { position:initial; border-bottom:0; background-color:#fff; background-image:none; height:auto; }



.m_com_wrap {
    padding: 10px 10px 30px;
}

#nav ul li.menu { float:left; width:33.3%; height:42px; }
#nav ul li.line { display:none; }
#nav ul li.menu:hover { background:none; }
#nav ul li.menu a { padding-top:0; color:#fff; height:41px; line-height:41px; }
#nav ul li.menu a:hover { color:#fff; text-decoration:underline;}
#nav ul li.menu a.line_r { border-right:solid 1px #fff; }
#nav ul li.menu a.line_b { border-bottom:solid 1px #fff; height:41px; }
#nav ul li.visible-xs { visibility:visible; display:block; }
#nav ul li.menu a.current { background-image:none; background-color:#d7a966; }
#header div.wrapper_top{background:#fff;}

.hidden-xm{ display:none; }
#nav .hidden-xs, #header .tele_t, .bd_c{display:none;}
}