﻿/*此页包括3部分css(cssReset、底部css、以及搜索框样式)*/
/*---------------1.cssReset开始----------------*/
html { color: #000; background: #FFF; }
* { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
/* to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
/*to enable resizing for IE*/
input, textarea, select { *font-size: 100%; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
.newicon { position: absolute; top: -15px; right: -5px; }
/*--------------------------------------------------------1.cssReset结束--------------------------------------------------*/
/*-----------------------------------------------头部通用样式开始--------------------------------------------------------*/
body.hz2013 { font-family: SimSun,'Microsoft JhengHei',Arial; font-size: 12px; min-width: 1000px; }
.clear { clear: both; }
a { cursor: pointer; }
#panel_topmessage { text-align:left; margin-top: 5px; width: 970px; background-color: #F1F5F8; min-height: 30px; clear: both; margin: 0 auto;line-height: 30px;padding-left: 10px; }
/*--------------------------------------------A头部---------------------------------------------*/
/*------------------------------------------品牌区------------------------------------------*/
.brand { height: 65px; width: 1000px; margin: 0 auto; }
.logo { background: url(../images/hz2013/indexIcon.png) 0 0 no-repeat; width: 223px; height: 42px; margin-top: 13px; display: block; float: left; }
ul.subLogo { display: block; float: left; margin: 20px 0 0 45px; }
ul.subLogo li { display: block; float: left; margin: 0 0 0 15px; }
a.yl { background: url(../images/hz2013/indexIcon.png)  -489px -50px no-repeat; width: 80px; height: 28px; display: block; }
a.yl:hover { background: url(../images/hz2013/indexIcon.png) -488px -85px no-repeat; width: 82px; height: 35px; display: block; }
a.xy { background: url(../images/hz2013/indexIcon.png) 0 -50px no-repeat; width: 76px; height: 28px; display: block; }
a.xy:hover { background: url(../images/hz2013/indexIcon.png) 0 -85px no-repeat; width: 76px; height: 35px; display: block; }
a.qj { background: url(../images/hz2013/indexIcon.png) -88px -50px no-repeat; width: 82px; height: 28px; display: block; }
a.qj:hover { background: url(../images/hz2013/indexIcon.png) -88px -85px no-repeat; width: 82px; height: 35px; display: block; }
a.xc { background: url(../images/hz2013/indexIcon.png) -182px -50px no-repeat; width: 112px; height: 28px; display: block; }
a.xc:hover { background: url(../images/hz2013/indexIcon.png) -182px -85px no-repeat; width: 112px; height: 35px; display: block; }
a.ht { background: url(../images/hz2013/indexIcon.png) -307px -50px no-repeat; width: 82px; height: 28px; display: block; }
a.ht:hover { background: url(../images/hz2013/indexIcon.png) -307px -85px no-repeat; width: 82px; height: 35px; display: block; }
a.hy { background: url(../images/hz2013/indexIcon.png) -401px -50px no-repeat; width: 74px; height: 28px; display: block; }
a.hy:hover { background: url(../images/hz2013/indexIcon.png) -401px -85px no-repeat; width: 74px; height: 35px; display: block; }
a.mt { background: url(../images/hz2013/indexIcon.png) -487px -50px no-repeat; width: 74px; height: 28px; display: block; }
a.mt:hover { background: url(../images/hz2013/indexIcon.png) -487px -85px no-repeat; width: 74px; height: 35px; display: block; }
a.mx { background: url(../images/hz2013/indexIcon.png) -584px -50px no-repeat; width: 74px; height: 28px; display: block; }
a.mx:hover { background: url(../images/hz2013/indexIcon.png) -582px -85px no-repeat; width: 74px; height: 35px; display: block; }
ul::after { content: ""; clear: both; }
.mxactive {  background: url(../images/hz2013/indexIcon.png) -582px -85px no-repeat; width: 74px; height: 35px; display: block;}
.xyactive { background: url(../images/hz2013/indexIcon.png) 0 -85px no-repeat; width: 76px; height: 35px; display: block; }
.qjactive { background: url(../images/hz2013/indexIcon.png) -88px -85px no-repeat; width: 82px; height: 35px; display: block; }
.xcactive { background: url(../images/hz2013/indexIcon.png) -182px -85px no-repeat; width: 112px; height: 35px; display: block; }
.htactive { background: url(../images/hz2013/indexIcon.png) -307px -85px no-repeat; width: 82px; height: 35px; display: block; }
.ylactive { background: url(../images/hz2013/indexIcon.png) -488px -85px no-repeat; width: 82px; height: 35px; display: block; }
.hyactive { background: url(../images/hz2013/indexIcon.png) -401px -50px no-repeat; width: 74px; height: 28px; display: block;}
/*------------------------------------------导航栏------------------------------------------*/
.navHz { font-size: 14px; width: 100%; height: 40px; background-color: #007BCC; color: #fff; position: relative; z-index: 3; }
ul.nav { display: block; width: 1000px; margin: 0 auto; min-width: 1000px; height: 40px; }
ul.nav li { line-height: 40px; }
ul.nav li.mainNav { float: left; }
ul.nav li.login { font-size: 12px; line-height: 40px; float: right; }
ul.nav li a.lnk { padding: 12px 9px; font-weight: 100; }
ul.nav li a.lnk:hover { text-decoration: none; }
ul.nav li.login a { padding: 0; margin: 0; }
ul.nav li.login a img { padding: 0; margin: 0; vertical-align: middle; }
ul.nav li.sub { position: relative; }
ul.nav li.sub a { background: url(../images/hz2013/indexIcon.png) -65px -630px no-repeat; /*border-top:solid 1px #007BCC;border-right:solid 1px#007BCC;border-bottom:none;border-left:solid 1px #007BCC;*/ }
/*ul.nav li.sub a:hover {background:#fff url(../images/hz2013/indexIcon.png) -168px -630px no-repeat; color:#007BCC; border-top:solid 1px #007BCC;border-right:solid 1px#007BCC;border-bottom:solid 1px white;border-left:solid 1px #007BCC;}*/
ul.nav li.sub a:hover { background: #005c98 url(../images/hz2013/indexIcon.png) 81px -1025px no-repeat; color: #fff; /*border:solid 1px #005c98;border-right:solid 1px #005c98;border-left:solid 1px #005c98;*/ }
ul.nav li.subOn a { background: #005c98 url(../images/hz2013/indexIcon.png) -65px -630px no-repeat; color: #fff; border-bottom: solid 1px #005c98; }
ul.nav li.subOn a.navArrow { color: #fff; }
ul.nav li.sub ul.subNav li a { background-image: none; border: none; padding: 0 0 0 15px; color: #fff; display: block; }
ul.nav li.sub ul.subNav li a:hover { text-decoration: underline; border: none; }
ul.nav li.myHz { float: right; position: relative; }
ul.nav li.myHz a { background: url(../images/hz2013/indexIcon.png) -65px -630px no-repeat; /*border-top:solid 1px #007BCC;*/ border-right: solid 1px#007BCC; border-left: solid 1px #007BCC; border-bottom: none; }
ul.nav li.myHz a:hover { background: #fff url(../images/hz2013/indexIcon.png) -168px -630px no-repeat; color: #007BCC; /*border-top:solid 1px #007BCC;*/ border-right: solid 1px #007BCC; border-left: solid 1px #007BCC; border-bottom: solid 1px white; }
ul.nav li.myHzOn a { background: #fff url(../images/hz2013/indexIcon.png) -168px -630px no-repeat; color: #007BCC; border-bottom: solid 1px white; /*border-top:solid 1px #007BCC;*/ border-right: solid 1px#007BCC; border-left: solid 1px #007BCC; }
ul.nav li.myHzOn a.navArrow { color: #007BCC; }
ul.nav li.myHz ul.subNav li a { background-image: none; border: none; padding: 0 10px; color: #007bcc; display: block; }
ul.nav li.myHz ul.subNav li a:hover { text-decoration: underline; border: none; }
ul.nav li a.navArrow { color: #fff; text-decoration: none; padding: 12px 24px 12px 16px; }
ul.nav li a { color: #fff; text-decoration: none; padding: 12px 16px 12px 16px; }
ul.nav li a:hover { background-color: #005C98; }
ul.subNav { display: block; border-right: solid 1px #007bcc; border-bottom: solid 1px #007bcc; border-left: solid 1px #007bcc; background-color: white; z-index: 50; position: absolute; top: 40px; width: 150px; }
ul.w150 { width: 150px; right: 0; }
ul.w100_r { width: 100px; right: 0; }
ul.w120 { width: 120px; left: 0; }
ul.w100 { width: 100px; left: 0; }
ul.subNav li { display: block; font-weight: 100; line-height: 25px; font-size: 12px; height: 25px; vertical-align: middle; padding: 0; }
.icon_triangle{background: url('../images/hz2013/indexnav.png') no-repeat -12px 0;width: 10px; height: 11px; }
/*-----------------------------------------------头部通用样式结束--------------------------------------------------------*/
/*--------------------------------------------------------2.底部通用样式开始------------------------------------------------------*/
a { color: #666; text-decoration: none; }
a:hover { text-decoration: none; }
a.lnk { text-decoration: none; }
a.lnk:hover { text-decoration: underline; }
a.lnkblack { color: #000; text-decoration: underline; }
a.lnkblackon { color: #000; text-decoration: none; }
a.lnkblackon:hover { color: #000; text-decoration: underline; }
a.lnkwhite { color: #fff; text-decoration: underline; }
a.lnkwhiteon { color: #fff; text-decoration: none; }
a.lnkwhiteon:hover { color: #fff; text-decoration: underline; }
a.lnkred { color: #ff0000; text-decoration: underline; }
a#red { color: #ff0000; text-decoration: none; font-size: 12px; }
a#red:hover { color: #ff0000; text-decoration: underline; }
a.lnkredon { color: #ff0000; text-decoration: none; }
a.lnkredon:hover { color: #ff0000; text-decoration: underline; }
a.lnkdred { color: #085FB7; text-decoration: underline; }
a.lnkdredon { color: #085FB7; text-decoration: none; }
a.lnkdredon:hover { color: #085FB7; text-decoration: underline; }
/*底部城市开始*/
.cityname { width: 980px; border: solid 1px #ddd; padding: 10px; margin: 15px auto 0 auto; }
.cityname li { display: inline-block; zoom: 1; *display: inline; margin: 5px 0; }
.cityname a { margin-right: 8px; color: #999; }
.cityname a:hover { color: #666; }
/*底部城市结束*/
/*合作伙伴*/
.partner { width: 1000px; margin: 10px auto 0 auto; }
.partner span.co { font-weight: 700; color: #666; display: inline-block; padding-top: 12px; }
.partner a.alipay { background: url(../images/hz2013/indexIcon.png) -309px -440px no-repeat; display: inline-block; width: 66px; height: 32px; vertical-align: top; }
.partner a.daodao { background: url(../images/hz2013/indexIcon.png) -421px -440px no-repeat; display: inline-block; width: 74px; height: 32px; margin-left: 10px; vertical-align: top; }
.partner a.fangzhen { background: url(../images/hz2013/indexIcon.png)  -527px -438px no-repeat; display: inline-block; width: 57px; height: 32px; margin-left: 10px; vertical-align: top; }
/*合作伙伴*/
/*友情链接*/
.link { font-size: 12px; line-height: 22px; margin: 0 auto; overflow: hidden; padding: 10px 0; width: 1000px; color: #666; }
.link b { float: left; }
.link span { display: block; float: left; text-align: left; width: 895px; }
.link a { margin-right: 4px; color: #999; }
.link a:hover { color: #666; }
/*友情链接*/
/*活动底部文件*/
.event_footer { width: 100%; height: 50px; z-index: 999; position: relative; display: none; }
.event_footerlogo { background: #fff; width: 1000px; height: 56px; margin: 0 auto; text-align: center; line-height: 56px; display: none; }
.event_footerlogo a { margin: 20px 35px; }
.event_footerlogo span { background: url(../images/footerlogoicon.png) 0 22px no-repeat; width: 1px; float: left; text-indent: -999em; }
.event_xiyue { background: url('../images/footerlogo.png') no-repeat 0 0; width: 107px; height: 29px; text-indent: -999em; display: block; float: left; }
.event_quanji { background: url('../images/footerlogo.png') no-repeat -179px 0; width: 106px; height: 29px; text-indent: -999em; display: block; float: left; }
.event_xingcheng { background: url('../images/footerlogo.png') no-repeat -355px 0; width: 127px; height: 29px; text-indent: -999em; display: block; float: left; }
.event_hanting { background: url('../images/footerlogo.png') no-repeat -556px 0; width: 122px; height: 29px; text-indent: -999em; display: block; float: left; }
.event_haiyou { background: url('../images/footerlogo.png') no-repeat -754px 0; width: 104px; height: 29px; text-indent: -999em; display: block; float: left; }
.event_xiyue:hover { background: url('../images/footerlogo.png')no-repeat 0 -52px; }
.event_quanji:hover { background: url('../images/footerlogo.png') no-repeat -179px -52px; }
.event_xingcheng:hover { background: url('../images/footerlogo.png') no-repeat -355px -52px; }
.event_hanting:hover { background: url('../images/footerlogo.png') no-repeat -557px -52px; }
.event_haiyou:hover { background: url('../images/footerlogo.png') no-repeat -754px -52px; }
.event_footernav { width: 100%; background: #EFEFEF; height: 228px; margin-top: 15px; }
.event_bottom { width: 1000px; margin: 0 auto; padding: 20px 0; }
.event_bottomleft { width: 720px; float: left; }
.event_footerleftsilder p { padding: 0 0 5px 12px; font-size: 18px; color: #666666; font-weight: 700; font-family: 'Microsoft YaHei',SimSun; }
.event_footerleftsilder ul { width: 180px; }
.event_footerleftsilder li { float: left; list-style: none; }
.event_footerleftsilder li ul { padding: 10px 0; }
.event_footerleftsilder li ul li { float: none; list-style: none; line-height: 20px; font-family: SimSun; }
.event_footerleftsilder li a { color: #595757; padding-left: 15px; font-size: 12px; }
.event_footerleftsilder li a:hover { color: #007bcc; }
.event_bottomright { width: 280px; float: left; font-family: 'Microsoft YaHei',SimSun; color: #898989; }
.event_tell { background: url(../images/event_tellicon.png) 10px 0 no-repeat; height: 28px; padding-left: 40px; font-size: 35px; line-height: 28px; }
.event_app { background: url(../images/event_appicon.png) 10px 0 no-repeat; height: 28px; padding-left: 65px; font-size: 26px; line-height: 28px; margin: 10px 0 20px 0; }
.bottomlogo { padding: 10px 0;position:relative; }
.bottomlogo a { margin-right: 15px; }
.event_pingji { background: url('../images/bottomicon.png') no-repeat 0 0; width: 53px; height: 88px; text-indent: -999em; display: block; float: left; }
.event_chengxing { background: url('../images/bottomicon.png') no-repeat -79px 0; width: 116px; height: 88px; text-indent: -999em; display: block; float: left; }
.event_gongshang { background: url('../images/bottomicon.png') no-repeat -221px 0; width: 57px; height: 88px; text-indent: -999em; display: block; float: left; }
.hugong{width:112px;height:38px;text-indent:-120%;overflow:hidden;display:block;position:absolute;top:25px;left:200px;background:url(../images/plicem.png) no-repeat center;}
.copyrightHz { padding: 15px 0 0 12px; color: #666; }
/*---------------------------------------------------2.底部通用样式结束----------------------------------------------------*/
/*----------------------------------------------------------3.首页搜索框样式开始----------------------------------------------------------*/
.tabs { background: url(../images/hz2013/indexIcon.png) 0 -666px no-repeat; width: 340px; height: 33px; display: block; padding-left: 27px; }
.tabs .l { font-size: 18px; font-family: 'Microsoft YaHei',SimSun; text-align: left; vertical-align: top; }
.tabs .l a { color: #fff; text-align: left; }
.tabs .r a { position: absolute; top: 227px; *+top:235px; left: 220px; border: 1px solid #ccc; text-align: center; line-height: 30px; font-size: 17px; font-family: 'Microsoft YaHei',SimSun; border-radius: 3px; width: 110px; height: 30px; display: block; }
.tabs .r a:hover { color: #ee900d; }
.search_form { padding: 6px 0 0 0; text-align: left; color: #333; height: 253px; background-color: white; }
.selectcity span, .intohome span, .outhome span, .key span { width: 88px; text-align: right; display: inline-block; line-height: 28px; height: 28px; margin: 12px 0 0 0; vertical-align: top; }
.search_form input { width: 220px; padding: 5px 4px 5px 4px; height: 18px; border: solid 1px #bbb; margin: 12px 0 0 0; line-height: 18px; vertical-align: middle; }
#cities_suggest { position: absolute; top: 89px; left: 102px; }
/*------------------------------------------酒店搜索------------------------------------------*/
.searchBox { position: relative; margin: 0 auto; z-index: 50; width: 1000px; }
.searchPanel { position: absolute; top: 20px; left: 0; background-color: #0EA0FF; z-index: 51; width: 344px; padding: 8px; height: 294px; border-radius: 6px; box-shadow: 0 0 4px rgba(51, 51, 51, .25); }
/*------------------------------------------搜索控件样式------------------------------------------*/
/*城市*/
#form_cities { background-color: #FFFFFF; border: 1px solid #E1EDF8; display: none; line-height: 25px; padding: 5px; position: absolute; width: 180px; }
/*城市拼音*/
#top_cities { border-bottom: 1px dashed gray; padding: 2px; }
#panel_cities { color: #0055AA; height: 200px; }
#panel_cities div { cursor: pointer; height: 25px; text-align: right; }
.cityline { background-color: #FFFFFF; height: 25px; padding: 0 5px; }
.citylineover { background-color: #FDF6CB; height: 25px; padding: 0 5px; }
#panel_cities span.lalign { float: right; text-align: right; width: 75px; }
#panel_cities span { color: #666666; display: block; }
#panel_cities span.ralign { float: left; height: 20px; overflow: hidden; text-align: left; width: 95px; word-break: break-all; word-wrap: break-word; }
/*关键词*/
.key .input_txt { color: #999; }
.showboxs { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #bbb; display: none; left: 94px; margin: 0; overflow: hidden; padding: 10px; position: absolute; top: 42px; width: 450px; cursor: pointer; }
/*box-shadow: 0 4px 4px #BBBBBB;*/
.bubbleclose { background: url("../images/close.gif") no-repeat scroll 0 0 transparent; cursor: pointer; height: 14px; position: absolute; right: 15px; top: 15px; width: 14px; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.showboxs .clearfix { height: 40px; }
.showboxs b { display: block; float: left; height: 30px; line-height: 30px; margin-right: 10px; text-align: left; width: 110px; border-bottom: solid 1px #ccc; }
b.SQXZ_current { border-bottom: 3px solid #085FB7; }
.showboxs a { display: block; float: left; height: 25px; line-height: 25px; margin-right: 10px; overflow: hidden; padding-left: 5px; width: 110px; }
.search_btn_box2 { margin: 12px 0 0 94px; width: 110px; height: 30px; border: solid 1px #FF920D; text-align: center; line-height: 30px; font-size: 17px; font-family: 'Microsoft YaHei',SimSun; border-radius: 3px; text-shadow: 1px 1px 0 #ad5300; }
.search_btn_box2 a { color: #fff; cursor: pointer; width: 110px; height: 30px; display: block; background: #FF930E; /* 一些不支持背景渐变的浏览器 */ background: -moz-linear-gradient(top, #FFB02B, #FF930E); background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFB02B), to(#FF930E)); background: -o-linear-gradient(top, #FFB02B, #FF930E); }
.search_btn_box2 a:hover { color: #fff; cursor: pointer; width: 110px; height: 30px; display: block; background: #ee900d; /* 一些不支持背景渐变的浏览器 */ background: -moz-linear-gradient(top, #FF942C, #FF930E); background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF942C), to(#FF930E)); background: -o-linear-gradient(top, #FF942C, #FF930E); }
/*----------------------------------------------------------3.首页搜索框样式结束----------------------------------------------------------*/
/*--------------------------------------------4面包屑开始--------------------------------------------*/
.crumb { height: 16px; padding: 12px 0 0 0; }
.crumb span { padding: 0 7px 0 0; }
.crumb a:hover { text-decoration: underline; }
/*--------------------------------------------4面包屑结束--------------------------------------------*/
/*--------------------------------------------5侧边栏结束--------------------------------------------*/
h5 { font-size: 12px; color: #666; font-weight: 700; margin-top: 10px; line-height: 20px; }
/*--------------------------------------------5侧边栏结束--------------------------------------------*/
.rili { background: url("../images/rili.gif") no-repeat 200px center #fff; }