﻿@charset "utf-8";
/* CSS Document */
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup, pre { font-family: "Microsoft YaHei", helvetica, arial, "lucida grande", verdana, sans-serif; font-size: 14px; margin: 0; padding: 0; }
body { -webkit-user-select: none; -webkit-text-size-adjust: none; background-color: #ddd; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout:none;}
h1, h2, h3, h4, h5, h6 { line-height: normal; font-weight: normal; }
html { font-size: 100%; overflow-y: auto; -webkit-text-size-adjust: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout:none;}
*:focus { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
pre { font-size: 0; line-height: 0; }
input, select { padding: 0; margin: 0; }
a { text-decoration: none; color:#fff;}
ul, li { list-style: none; }
img {width: 100%; border:none;}
em, i, strong { font-style: normal; font-weight: normal; }
.content2{width:90%; background: #fff; color: #272727; padding:1em;}
/*****************/
.Arial{ font-family:Arial, Helvetica, sans-serif;}
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfloat{zoom:1;}
.jx1{ padding-left:1em;}
.jx2{ padding-left:2em;}.fs_9{ font-size:0.9em !important;}
.fs_8{ font-size:0.8em !important;}
.fs_7{ font-size:0.7em !important;}
.fs_6{ font-size:0.6em !important;}
.fc_hui{ color:#858a8e !important;}
.fc_cheng{ color:#b08b36 !important;}
.fc_cheng a{ color:#b08b36 !important; text-decoration:underline;}
.black { color: #272727; }
.black1 { color: #272727; margin-top: 20px; }
.red { color: #cc2225;}
.orange { color: #bca46d; }
.btn{ background:#b08b36; color:#fff; border:0; outline:0;text-align:center; border-radius:3px;}
.btn a{color:#fff;}
.full{ padding:0.5em 0; width:100%;}
.border{border:1px solid #d9d9d9;}
.bg_f3{ background:#f3f3f3;}
.nobr{border:none; outline:none;}
.display_webkitbox{display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox;      /* TWEENER - IE 10 */ display: -webkit-flex;     /* NEW - Chrome */ display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */}
.webkit_1{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1;         /* OLD - Firefox 19- */               /* For old syntax, otherwise collapses. */ -webkit-flex: 1;          /* Chrome */ -ms-flex: 1;              /* IE 10 */ flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */}
.webkit_2{-webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 2;         /* OLD - Firefox 19- */               /* For old syntax, otherwise collapses. */ -webkit-flex: 1;          /* Chrome */ -ms-flex: 2;              /* IE 10 */ flex: 2;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */}
 .bgs_next{ background-size:0.57em 1em;}
 .bgs_t{ background-size:1em 0.56em;}
 .editbtn{  background: none repeat scroll 0 0 #B08B36; border-radius: 0.1em;  color: #FFFFFF; display: inline-block; line-height: 1em; margin-right: 0.5em;
            margin-top: 1em; padding: 0.3em 0.5em;}
 .editbtn:hover{text-decoration:underline;}
 
  .loginbtn{  background: none repeat scroll 0 0 #B08B36; border-radius: 0.1em;  color: #FFFFFF; display: inline-block; line-height: 1em;
            padding: 0.3em 0.5em; text-decoration:none;}
 .loginbtn:hover{text-decoration:underline;}

/***************/
@media only screen and (max-width: 9999px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1.7rem; }
}
@media only screen and (max-width: 1080px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1.7rem; }
}
@media only screen and (max-width: 960px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1.7rem; }
}
@media only screen and (max-width: 800px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1.7rem; }
}
@media only screen and (max-width: 768px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1.7rem; }
}
@media only screen and (max-width: 640px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1.375rem; }
.member_login .top_k { padding: 0.5em 0; width: 14%; }
.member_login .number { width: 28%; }
.member_login .ye { width: 18%; }
}
@media only screen and (max-width: 480px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1.375rem; }
.member_login .top_k { padding: 0.5em 0; width: 13%; }
.member_login .number { width: 28%; }
.member_login .ye { width: 18%; }
}
@media only screen and (max-width: 432px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1.375rem; }
.member_login .top_k { padding: 0.5em 0; width: 18%; }
.member_login .number { width: 30%; }
.member_login .ye { width: 18%; }
}
@media only screen and (max-width: 400px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1rem; }
.member_login .top_k { padding: 0.5em 0; width: 20%; }
.member_login .number { width: 30%; }
.member_login .ye { width: 20%; }
}
@media only screen and (max-width: 320px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 1rem; }
.member_login .top_k { padding: 0.5em 0; width: 18%; }
.member_login .number { width: 30%; }
.member_login .ye { width: 18%; }
}
@media only screen and (max-width: 290px) {
body, div, p, ul, li, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, section, article, aside, header, footer, nav, dialog, figure, hgroup { font-size: 0.75rem; }
.member_login .top_k { padding: 0.5em 0; width: 15%; }
.member_login .number { width: 30%; }
.member_login .ye { width: 18%; }
.indexBox section img { max-width: 62px; vertical-align: middle; }
}
/*头部*/
.top_menu { display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox;      /* TWEENER - IE 10 */ display: -webkit-flex;     /* NEW - Chrome */ display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-box-pack: start; width: 100%; background: #313131; }
.top_menu li { padding: 0.75em 0; margin-top: 0.5em; margin-bottom: 0.5em; }
.top_menu li.menu_back { margin-left: 3.125%; background: url(../images/returnbtn.png) no-repeat left center; width: 1em; background-size: 0.885em 1.5em; }
.top_menu li.topbar { -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1;         /* OLD - Firefox 19- */ width: 20%;               /* For old syntax, otherwise collapses. */ -webkit-flex: 1;          /* Chrome */ -ms-flex: 1;              /* IE 10 */ flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */ text-align: center; color: #fff; }
.top_menu li.rightphone { width: 3em; text-align: center; }
.top_menu li.rightphone a img { width: 1.5em; height: 1.5em; vertical-align: middle; }
.top_menu li.home { margin-right: 3.125%; width: 3em; text-align: right; background:url(../images/home.png) no-repeat right center; background-size: 60%; }

.top_menu li.rightbtn { margin-right: 3.125%; background: url(../images/phone.png) no-repeat right center; width: 3em; background-size: 60%; }
/*首页底部 start*/
.tel { color: #fff; clear: both; padding-bottom:0.5em;}
.tel p { font-size:1.1em; text-align: center; padding: 0; margin: 0;}
.tel p span { display: inline-block; width:1em; padding-right:0.5em; }
.tel p span img { max-width:1em; vertical-align:middle;}
/*底部*/
footer { font-size: 0.8em; padding-top: 1em; padding-bottom: 1em; width: 100%; color: #fff; clear: both; background: #252626; text-align: center; }
footer a { color: #fff; }
footer .centera { margin-left: 1em; margin-right: 1em; }
/*预定专享价*/
 .pr_s {
display: inline-block;
zoom: 1;
height: 2em;
margin: 1em 0 0px 1em;
background: #f60;
color: #fff;
padding: 0 5px;
position: relative;
font-size: 0.5em;
line-height: 2em;
}
.pr_s .pr_jj {
display: inline-block;
zoom: 1;
height: 0;
width: 0;
overflow: hidden;
border-bottom: 0.5em dashed transparent;
border-top:  0.5em dashed transparent;
border-right:  0.5em solid #f60;
position: absolute;
left: -0.4em;
top:30%;}

