/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

body { font: 14px/1.5 Arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif; position: relative; }

ul, li { list-style: none; }

a, area, input { outline: none; blr: expression(this.onFocus=this.blur()); }

a:focus, area:focus, input:focus { outline: none; }

h1 { overflow: hidden; height: 0; text-indent: 100%; white-space: nowrap; margin: 0; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.tips { display: block; line-height: 30px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: bold; font-size: 20px; color: #fff; text-align: center; margin: 0 auto; padding: 30px 0; }

.loading { display: block; margin: 0 auto; padding: 30px 0; }

.main { position: relative; width: 1010px; height: auto; margin: 0 auto; padding: 0; }

.wrapper { width: 100%; height: auto; }

.content { width: 100%; height: auto; background: #fff no-repeat top center; }

.content img { display: block; }

.content .tit { position: relative; }

.content .tit img { margin: 0 auto; }

.content .tit .btn { float: right; display: block; width: 140px; height: 28px; background: url("../images/1.gif"); margin-right: 185px; }

.content .con { zoom: 1; *height: 1%; margin: 0 auto; }

.content .con:after { clear: both; content: '.'; display: block; height: 0; line-height: 0; overflow: hidden; }

.content .more { display: block; width: 186px; height: 33px; line-height: 33px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 20px; color: #fff; text-align: center; border-radius: 35px; background: #9c9c9c; margin: 0 auto; }

.content .more img { margin: 0 auto; }

.content .more span { font-family: SimHei, sans-serif; }

.wrapper01 { height: 799px; background-image: url("../images/bg01.jpg"); }

.wrapper02 { height: 772px; background-image: url("../images/bg02.jpg"); }

.wrapper03 { height: 817px; background-image: url("../images/bg03.jpg"); }

.wrapper04 { height: 819px; background-image: url("../images/bg04.jpg"); }

.wrapper05 { height: auto; background-color: #d8f7ef; }

.side-nav { position: absolute; top: 920px; right: 50%; width: 100px; margin-right: -660px; z-index: 9999; }

.side-nav img { display: block; margin: 0 auto; }

.side-nav ul { width: 97px; margin: 0 auto; border: 1px solid #708ad7; }

.side-nav li { display: block; overflow: hidden; width: 97px; list-style: none; border-bottom: 1px solid #a2c4fb; }

.side-nav li a { display: block; float: left; width: 97px; height: 30px; line-height: 30px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 14px; color: #ffffff; text-align: center; background: #7aaaf9 no-repeat 4px 12px; }

.side-nav li a:hover { color: #ffffff; background-image: url("../images/sidebar_lion.png"); background-color: #5489e0; }

.side-nav .on a { color: #fff; background-image: url("../images/sidebar_lion.png"); background-color: #5489e0; }

.side-nav .ewm { padding: 7px 0; }

.side-nav .first { height: 96px; background: url(../images/sidebar_top.png) no-repeat top center; margin-bottom: 0; }

.side-nav .goTop { height: 96px; background: url(../images/sidebar_gotop.png) no-repeat top center; }

.side-nav .goTop a { display: block; width: 125px; height: 33px; background: none; }

.side-nav .last { border: 0; }

.city-nav { height: 44px; background: #34599d; }

.city-nav span { display: block; line-height: 44px; float: left; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; color: #cfb075; font-size: 20px; }

.city-nav a { display: block; float: left; width: 128px; height: 29px; line-height: 29px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; color: #cfb075; font-size: 20px; text-align: center; border-radius: 25px; margin: 8px 0 0 74px; }

.city-nav .on { color: #34599d; background: #cfb075; }

.mask { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; _height: 10000px; background: url("../images/transparent_bg.png"); z-index: 99999; }

.mask .mask-img { display: none; position: fixed; top: 40%; left: 0; width: 100%; height: 100%; _height: 5571px; background: url("../images/loading.gif") no-repeat center 100px; z-index: 99999; }

.mask .mask-con { display: none; position: absolute; top: 600px; left: 50%; width: 938px; border-radius: 12px; z-index: 100000; background: #fff; margin-left: -469px; }

.mask .close-btn { position: absolute; top: 13px; right: 25px; width: 26px; height: 29px; background: url("../images/close-btn.png") no-repeat top center; cursor: pointer; }

.mask .mask-tit { display: none; position: absolute; top: -27px; left: 50%; width: 272px; height: 49px; line-height: 49px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: bold; font-size: 24px; color: #000; text-align: center; border: 3px solid #7e3b18; border-radius: 6px; background: #ffd34e; margin-left: -139px; }

.mask .mask-box { padding-bottom: 33px; }

.mask .mask-box h3 { height: 50px; line-height: 50px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: bold; font-size: 30px; color: #fff; background: #abe0ff; text-align: center; border-radius: 12px 12px 0 0; }

.mask .mask-box h3 a { line-height: 20px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 14px; color: #3f60b6; text-decoration: underline; }

.mask .mask-box h4 { line-height: 20px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 18px; color: #f26b6e; padding: 8px 42px 0; }

.mask .mask-box p { line-height: 20px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 14px; color: #000; padding: 8px 42px 0; }

.mask .mask-box .line { height: 0; overflow: hidden; border-bottom: 2px dashed #fc9400; padding-top: 10px; margin-bottom: 15px; }

.banner-box { width: 100%; height: auto; }

.banner-box .banner { width: 100%; height: 143px; background: #fff no-repeat top center; }

.banner-box .banner .main { height: 143px; position: relative; }

.banner-box .banner .main a { position: absolute; display: block; cursor: pointer; }

.banner-box .banner .main img { margin: 0 auto; display: block; }

.banner-box .banner1 { background-image: url("../images/banner_01.jpg"); }

.banner-box .banner2 { background-image: url("../images/banner_02.jpg"); }

.banner-box .banner3 { background-image: url("../images/banner_03.jpg"); }

.banner-box .banner4 { background-image: url("../images/banner_04.jpg"); }

.banner-box .banner5 { background-image: url("../images/banner_05.jpg"); }

.itemfour { overflow: hidden; position: relative; float: left; width: 246px; height: 250px; background: #fff; margin-right: 8px; margin-bottom: 23px; }

.itemfour .fl { display: block; width: 246px; height: 138px; position: relative; }

.itemfour .fl .corner { position: absolute; left: -8px; top: 17px; width: 80px; height: 39px; }

.itemfour .fl img { display: block; width: 246px; height: 138px; }

.itemfour .fl p { display: block; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 223px; height: 30px; line-height: 30px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 14px; color: #fff; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; background: url("../images/transparent_bg.png"); padding: 0 10px; }

.itemfour .fl p span { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #fff; }

.itemfour .fr { float: left; width: 229px; padding: 5px 6px 0; }

.itemfour .fr h3 { overflow: hidden; width: 100%; height: 42px; line-height: 21px; }

.itemfour .fr h3 a { line-height: 21px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: bold; font-size: 16px; color: #000000; }

.itemfour .fr h3 a:hover { color: #000000; }

.itemfour .fr .tese { display: none; height: 25px; line-height: 25px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 22px; color: #484848; border-left: 3px solid #ff6000; margin-bottom: 7px; padding-left: 13px; }

.itemfour .fr ul { display: block; overflow: hidden; height: 14px; line-height: 14px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 12px; color: #000000; margin: 7px 0 3px; }

.itemfour .fr ul li { line-height: 14px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #000000; }

.itemfour .fr .clearfix { overflow: hidden; }

.itemfour .fr .xl { display: none; float: left; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: bold; font-size: 15px; color: #ff6000; margin-top: 15px; }

.itemfour .fr .price { float: left; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: bold; font-size: 24px; color: #f26b6e; margin-top: 1px; }

.itemfour .fr .price span { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: bold; font-size: 18px; color: #f26b6e; }

.itemfour .fr .price b { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 14px; color: #000; margin-left: 5px; }

.itemfour .fr em { display: none; position: absolute; bottom: 28px; left: 10px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-style: normal; font-size: 12px; color: #5e6167; text-decoration: line-through; }

.itemfour .fr em s { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; }

.itemfour .fr .reserve-btn { display: block; float: right; width: 96px; height: 28px; line-height: 28px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 16px; color: #fff; text-align: center; background: #f26b6e; margin-top: 5px; }

.itemfour .fr .reserve-btn:hover { background: #ed6a77; }

.itemfour .fr .nobuy { background: #818181; cursor: default; }

.itemfour .fr .nobuy:hover { background: #818181; }

.itemthree { overflow: hidden; position: relative; float: left; width: 320px; height: 320px; background: #fff; margin-right: 20px; margin-bottom: 20px; }

.itemthree .fl { display: block; width: 320px; height: 190px; position: relative; }

.itemthree .fl .corner { position: absolute; left: -8px; top: 17px; width: 80px; height: 39px; }

.itemthree .fl img { display: block; width: 320px; height: 190px; }

.itemthree .fl p { display: none; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 294px; height: 22px; line-height: 22px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #fff; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; background: url("../images/transparent_bg.png"); padding: 0 10px; }

.itemthree .fl p span { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 12px; color: #fff; }

.itemthree .fr { float: left; width: 300px; height: 95px; padding: 14px 10px 0; border-top: 0; }

.itemthree .fr h3 { overflow: hidden; width: 300px; height: 44px; line-height: 22px; margin-bottom: 14px; }

.itemthree .fr h3 a { line-height: 22px; font-weight: 100; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 16px; color: #000; }

.itemthree .fr h3 a:hover { color: #000; }

.itemthree .fr .tese { display: none; height: 25px; line-height: 25px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 22px; color: #484848; border-left: 3px solid #ff6000; margin-bottom: 7px; padding-left: 13px; }

.itemthree .fr ul { display: none; overflow: hidden; height: 24px; line-height: 24px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 14px; color: #555555; }

.itemthree .fr ul li { line-height: 24px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 14px; color: #5e6167; }

.itemthree .fr .clearfix { margin-top: 5px; overflow: hidden; }

.itemthree .fr .price { float: left; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #fa521a; margin-top: 1px; }

.itemthree .fr .price span { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 20px; color: #fa521a; }

.itemthree .fr .price .xl { float: left; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 14px; color: #fa521a; margin-top: 6px; }

.itemthree .fr .price b { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 12px; color: #000; margin-left: 2px; }

.itemthree .fr em { display: none; position: absolute; bottom: 28px; left: 10px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-style: normal; font-size: 12px; color: #5e6167; text-decoration: line-through; }

.itemthree .fr em s { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; }

.itemthree .fr .reserve-btn { display: block; float: right; width: 118px; height: 40px; line-height: 40px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 16px; color: #fff; text-align: center; border-radius: 5px; background: #fa521a; }

.itemthree .fr .reserve-btn:hover { background: #fa521a; }

.itemthree .fr .nobuy { background: #818181; cursor: default; }

.itemthree .fr .nobuy:hover { background: #818181; }

.tab li { position: relative; cursor: pointer; float: left; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 20px; color: #fff; text-align: center; border-radius: 50px; margin-right: 12px; }

.tab li span { display: none; position: absolute; left: 50%; }

.tab .on span { display: block; }

.tab01 { margin-bottom: 33px; margin-left: -30px; margin-right: -30px; }

.tab01 li { width: 71px; height: 25px; line-height: 25px; font-size: 16px; color: #8c9e18; background: #fff; border: 1px solid #8c9e18; margin-right: 8px; }

.tab01 li span { bottom: -8px; width: 15px; height: 7px; background: url("../images/tab01.png"); margin-left: -7px; }

.tab01 .on { color: #fff; background: #8c9e18; }

.tab02 { margin-bottom: 38px; margin-left: 202px; }

.tab02 li { width: 122px; height: 24px; line-height: 24px; font-size: 18px; color: #5ba5fe; background: #fff; border: 1px solid #5ba5fe; margin-right: 29px; }

.tab02 li span { bottom: -13px; width: 18px; height: 13px; background: url("../images/tab02.png"); margin-left: -9px; }

.tab02 .on { color: #5ba5fe; }

.tab03 { margin-bottom: 8px; margin-left: 2px; }

.tab04 { margin-bottom: 43px; margin-left: 202px; }

.tab04 li { width: 138px; height: 34px; line-height: 34px; font-size: 20px; color: #fff; background: #58b6e6; margin-right: 9px; }

.tab04 li span { bottom: -13px; width: 25px; height: 13px; background: url("../images/tab04.png"); margin-left: -12px; }

.tab011 { padding-top: 65px; padding-left: 290px; }

.tab011 li { width: 201px; height: 64px; line-height: 52px; border-radius: 0; font-size: 30px; font-weight: bold; color: #e75e71; }

.tab011 .on { color: #fff; background: url("../images/tab11.png"); }

.tabCon-box { width: 1000px; }

.tabCon-box .tabCon { display: none; }

.jchdCon li { float: left; padding-right: 42px; }

.jchdCon li a { box-shadow: 7px 7px 10px #6f9ddc; display: block; }

.jchdCon li img { display: block; width: 306px; height: 165px; box-sizing: border-box; border: 4px solid white; }

.page { display: none; float: left; width: 720px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; color: #fff; text-align: right; margin: 0 auto; }

.page a, .page .curr { display: inline-block; *display: inline; height: 26px; line-height: 26px; font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-weight: 100; font-size: 18px; color: #dd0058; text-align: center; background: #fff; zoom: 1; padding: 0 8px; margin: 0 4px 8px; }

.page a:hover, .page a.hover, .page .curr { color: #dd0058; }

.page .disabled { display: none; }

.page .normalsize { display: inline-block; *display: inline; height: 26px; line-height: 26px; font-size: 18px; zoom: 1; }

.page a, .page .curr { color: #dd0058; background: #fff; }

.page .curr { color: #fff; background: none; }

.page { float: right; }

.page a, .page .curr { color: #8c9e18; }

.page a:hover, .page a.hover, .page .curr { color: #4f9e10; }

#con01, #con03, #con04 { height: 540px; overflow: hidden; }

.con01 .tit { height: 143px; }

.con01 .tit .btn { margin-top: 60px; }

.con01 .tit .rule-btn0 { width: 126px; height: 36px; float: left; margin-top: -58px; }

.con01 .con { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", "Helvetica", "STHeitiSC-Light", Arial, sans-serif; font-size: 20px; color: #fff; }

.con02 .tit { height: 158px; }

.con02 .tit .btn { margin-top: 72px; }

.con03 .tit { height: 155px; }

.con03 .tit .btn { margin-top: 71px; }

.con03 .con .itemfour .fl p { display: none; }

.con03 .con .itemfour .fr .price { float: right; }

.con03 .con .itemfour .fr .reserve-btn { display: none; }

.con04 .tit { height: 157px; }

.con04 .tit .btn { margin-top: 75px; }

.con05 { padding-bottom: 54px; }

.con05 .tit { padding: 47px 0 33px; }

.con05 .con { height: auto; }

.con05 .item { display: block; float: left; width: 50%; }
