a{ text-decoration:none; font-size:14px;color:#8e8e8e}
body,h1,h2,h3,ol,ul,li,p,input{margin:0;padding:0;font-family:"微软雅黑"; color:#8e8e8e}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
ul, li{ list-style:none; padding:0px; margin:0px;}
ul{ list-style:none; padding:0px; margin:0px;}
.clear{ clear:both; margin:0px; padding:0px;}
img{ border:0px;}
.fl{ float:left;} .fr{ float:right;}
.warp{width:100%; max-width:640px; margin: 0 auto; clear:both; position:relative;}
.bj{ background:url(../images/bj.jpg) no-repeat center center; width:100%; position:relative;
-webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}
.mheader img{ max-height:100%; max-width:100%}
.mheader{ height:2.675rem; position:relative;}
.ny{}
.logo{ position:absolute; left:3%; width:8.670rem; top:0.5rem}
.tel{ position:absolute; right:5rem; width:1.15rem;top:0.65rem}
.en{position:absolute; right:3.5rem; width:1.15rem;top:0.65rem}
.muser{position:absolute; right:2rem; width:1.10rem; top:0.65rem}
.mmenu{ position:absolute;right:3%; width:1.16rem; top:0.75rem}
.mmenu span{}
.mmenu span img{height:auto;}
.mnav{ width:96%; height:auto; display:none; overflow:hidden; position:absolute; left:0; z-index:9999; top:2.5rem; background:url(../images/nav.png); padding:2%; text-align:left;}
.mnav ul{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.mnav li{ width:98%; height:40px; border-bottom:1px dashed #000; float:left; display:inline; overflow:hidden;font:14px/40px Arial; padding-left:2%; text-transform:uppercase; color:#FFF}
.mnav li b{ font-weight:normal;font:9px/40px Arial,; padding-left:5px; }
.mnav a{ color:#fff;}
.mnav li strong{ width:12px; height:13px; float:right; padding-right:10px;padding-top:10px;}
.navinfo{ position:absolute; bottom:-3rem; left:0px;}

.navinfo ul{ padding:0px 0.5rem; width:15rem;}

.navinfo li{ float:left; width:3.25rem; height:4rem; text-align:center; margin-left:0.699rem; }

.navinfo li:first-child{ margin:0;}

.navinfo li:last-child{ float:right; margin:0;}

.navinfo img{ max-height:100%; max-width:100%; display:block;width:2.75rem; height:2.75rem; border-radius:50%;background:#FFF; padding:0.25rem;}

.navinfo span{ display:block; color:#000; font-size:0.5rem}

.indexcontent{padding:0px 0.5rem;}
.indexcontent1{ display:block; overflow:hidden; clear:both;padding:0rem 0rem 0.5rem 0rem;}

.indexcontent img,.indexcontent1 img{ max-height:100%; max-width:100%; display:block}

.indextit{ position:absolute; left:1rem; top:-2.4rem;}

.indextit h3{ color:#FFF; font-size:0.8rem; font-weight:100;background:url(../images/pic2.png) no-repeat center; text-align:center; width:3rem; height:2.6rem; padding-top:0.4rem; float:left;}

.indextit p{ background:url(../images/line.png) repeat-x bottom; font-size:0.55rem; float:left; margin-left:0.5rem;height:1rem; margin-top:1rem}

.roompic{ position:relative; width:100%; margin-top:2.4rem}

.roompic img{ display:block; max-height:100%; max-width:100%;}

.room-info{}

.room-info h3{ font-size:0.7rem; color:#2e2e2e; padding:0.5rem 0px 0.4rem}

.roomul {}

.roomul li{ float:left; width:23%; border:1px solid #d6d6d6; margin-left:2.0%; text-align:center; margin-top:0.2rem;padding:0.35rem 0px;}

.roomul li:first-child ,.roomul li:nth-of-type(8) ,.roomul li:nth-of-type(4) ,.roomul li:nth-of-type(5) ,.roomul li:nth-of-type(12) ,.roomul li:nth-of-type(9) ,.roomul li:nth-of-type(16) ,.roomul li:nth-of-type(13){ margin-left:0}

.roomul li:nth-of-type(4) ,.roomul li:nth-of-type(12) ,.roomul li:nth-of-type(16){ float:right;}

.roomul li:nth-of-type(8){ float:right;}


.roomul li a{ font-size:0.45rem; display:block;}

.roomul li:hover{ background:#f5f5f5 url(../images/sj.png) no-repeat top left;}

.roomul li:hover a{ color:#bd402a;}
.roomul li.hover{ background:#f5f5f5 url(../images/sj.png) no-repeat top left; color:#bd402a;}


.price{ padding:0.3rem 0px; font-size:0.5rem;}

.price p{ height:1.55rem; line-height:1.55rem;background:#f5f5f5; width:71%; border-left:6px #f5f5f5 solid; padding-left:2%;}
.price p i{ font-style:normal;}

.price p b{ color:#bd402a}
.price p a{ color:#F00; font-weight:bold;}
.price span{ width:23%; background:#bd402a;height:1.55rem; color:#FFF; text-align:center; line-height:1.55rem;}

.hotelbox{ padding-top:3rem;}

.hotel-info{ position:relative; background:#f5f5f5}

.hotel-info-p{ padding:0.6rem 0.5rem 0.6rem; line-height:0.9rem; font-size:0.5rem;}

.hotel-info li{ float:left; width:25%; position:relative}

.hotel-info ul li:after{  height: 100%;
    content:'';
    width: 2px;
    border-right: 2px solid #f5f5f5;
    position: absolute;
    bottom: 0px;
    right: -2px;
/*    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);*/
    z-index: 10;}

.hotel-info li img{ display:block; max-height:100%; max-width:100%;}

.time{ height:1.58rem; margin-top:0.8rem;}

.time .fl{ width:49%}

.time .fr{ width:49%}

.time input{ width:49%; height:1.58rem; background:none; border:1px dashed #d4d4d4; border-left:0px; text-align:center; font-size:0.6rem}

.time span{ background:#f5f5f5; display:block; float:left; width:50%; height:1.58rem; font-size:0.6rem; color:#252525; text-align:center; border-top:2px solid #f5f5f5;}


.mfooter{ width:100%; position:relative; }

.mfooter img{ max-width:100%; max-height:100%; display:block}

.mfooter p{ position:absolute; text-align:center; top:5.8rem; color:#555555; font-size:0.5rem; left:0px; width:100%}