
body {
    font-size: 14px;
    font-family:'微软雅黑',"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
    font-weight: normal;
    word-break: break-all;
    word-break: break-word;
}
@font-face {
    font-family: 'Walkway';
    src:url(../fonts/Walkway.ttf), url(../fonts/Walkway.woff), url(../fonts/Walkway.woff2);
}
@font-face {
    font-family: 'trends';
    src:url(../fonts/trends.ttf), url(../fonts/trends.woff), url(../fonts/trends.woff2);
}
*{ margin: 0; padding: 0;}
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,td,tr,th,p{padding:0; margin:0;}
li,dd,ol,ul{list-style-type:none;}

a{ text-decoration:none;cursor: pointer;}
a{cursor:pointer; text-decoration:none;  hide-focus: expression(this.hideFocus=true);  outline:none;  }
a:link,a:visited,a:hover,a:active{text-decoration:none;  }
a:focus{outline:0;}

img{border:none; outline: medium none; }
button{cursor: pointer;}
img a{border:none;}
input, select,button{outline: medium none;border: none; padding: 0; margin: 0; font-family: "Microsoft YaHei",Helvetica,sans-serif,"宋体";}
textarea {outline: medium none; background: none; border: 0; padding: 0; margin: 0; resize: none; font-family:"Microsoft YaHei",Helvetica,sans-serif,"宋体";}
i{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
ul  li img { display: block;cursor:pointer;}
img{max-width: 100%;}
a:hover{/*background: none;*/-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-select: none;}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;  }
textarea {  -webkit-appearance: none;}


.fl{float: left!important;}
.fr{float: right!important;}
.li-right{margin-right: 0!important;}
.c:before,.c:after{display: table;content: "";}
.c:after{clear: both;}
.c{zoom: 1;}

.wrap{width:100%;height:auto;overflow: hidden;min-width: 1210px;max-width:1920px;background-color: #ffffff;margin: 0 auto;}
.content{width: 1210px;margin: 0 auto;}


/*头部*/
.header{width: 100%;height:174px;background: url(../img/head-bg.png) center top no-repeat;}
.header-top{height:125px;position: relative;}
.logo{width:616px;height:106px;float: left;margin-top: 10px;}
.order-box{width:77px;height: 154px;position: absolute;top:24px;right:70px;}
.order-box .order{width: 77px;height: 77px;display:block;background: url(../img/circle.png) 0 0 no-repeat;z-index: 10;position: relative;cursor: pointer;}
.order-box .order p{font-size: 20px;color: #00b4c3;text-align: center;padding:0 10px;line-height: 22px;position: relative;z-index: 10;}
.order-box span{width: 13px;height: 83px;display:block;background: url(../img/line.png) 0 0 no-repeat;margin: 0 auto;margin-top: -10px;margin-left: 43px;}
.order-box .order .p1{padding-top: 15px;}
.order-box .order strong{width:0;height: 0;display: block;border-radius: 77px; position: absolute;top: 50%;left: 50%;margin-top:0;margin-left:0;transition: all 0.3s}
.order-box .order:hover strong{width:77px;height: 77px;border-radius: 77px;background: url(../img/circle2.png) 0 0 no-repeat;margin-top: -38.5px;margin-left: -38.5px;opacity: 0.2}


/*导航*/
.nav-outer{width: 100%;border-top: 1px solid #F4EDC0;position: relative;z-index: 10;}
.nav{/*padding-left: 30px;*/display: table;margin: 0 auto;max-width: 1340px;overflow: hidden;}
.nav li{width: 110px;height:46px;float: left;margin: 0 12px;}
.nav li a{width: 110px;line-height: 46px;display: block;font-size:15px;font-weight:800;color: #192727;text-align: center;transition: all 0.3s;}
/*.nav .on a{background: url(../img/dot.png) center bottom no-repeat;color: #378bb7;margin-top:-8px;}*/
.nav .on a{background: url(../img/dot.png) 10px center no-repeat;color: #00b4c3;}
.nav li:hover a{background: url(../img/dot.png) center bottom no-repeat;color: #00b4c3;margin-top:-8px;}


.reservation{background-color: #fff;padding: 40px;height: auto;overflow: hidden;width: 370px;text-align: center;display: none;}
.reservation img{width: 140px;height: 140px;float: left;border: 5px solid #00B4C3;}
.reservation p{float: right;width: 170px;margin: 15px 20px 0 0;line-height: 30px;color: #424448;}
.reservation p span{color: #dd490f;}


body .demo-class .layui-layer-close2{top:-16px;right: -16px;}
body .demo-class .layui-layer-title{background:#c00; color:#fff; border: none;}
body .demo-class .layui-layer-btn{border-top:1px solid #E9E7E7;}
body .demo-class .layui-layer-btn a{background:#333;}
body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;}

/*列表翻页*/
.page{ margin-top: 40px;text-align: center;}
.page a{  border: 1px solid #C2C2C2 ;padding: 5px;   margin: 0px 5px; display: inline-block;display: inline-block; min-width: 22px; text-align:center; height: 22px;  line-height: 22px;color: #C2C2C2; }
.page span{display: inline-block; min-width: 22px; text-align:center; height: 22px;  line-height: 22px; margin: 0px 5px;padding: 5px;border: 1px solid #C80203;}
.page .current{  width: 22px;border: 1px solid #00b4c3;}
.page .current a{color: #ffffff;}
.page .prev{padding:5px 15px; }
.page .prev:hover{background-color: #999999;color: #ffffff;}
.page .next{padding:5px 15px; }
.page .next:hover{background-color: #999999;color: #ffffff;}



/*尾部*/
.footer{width:100%;height: 485px;background: url(../img/foot-bg.png) center bottom no-repeat;margin-top: 30px;}
.link{margin:0 auto;max-width: 910px;padding-top:25px;display: table;}
.link p{width: 76px;float: left;font-size:14px;color: #ffffff;}
.link ul{max-width:830px; float: left;}
.link ul li{float: left;margin-right: 5px;}
.link ul li a{font-size:14px;color: #ffffff;padding: 0 5px}
.link ul li a:hover{color: #f7ce94;}
.footer-inner{margin-top: 50px}
.foot-lt{width: 630px;margin-top: 35px;}
.foot-lt .p1{font-size: 28px;color: #ffffff;font-weight: bold;}
.foot-lt strong{display: block;float: left;margin-right: 15px;}
.foot-lt img{width: 178px;height: 26px;float: left;margin-top: 8px;}

.foot-search{width:415px;height:36px;margin-top: 25px;}
.foot-search input{width:309px;height:36px;background: #00C9DA;font-size: 14px;color: #fff;text-indent: 2em;float: left;}
.foot-search div{width: 105px;height:36px;background: #fff;float: left;font-size: 14px;color: #3d3c3a;text-align: center;line-height: 36px;cursor: pointer;}

.foot-search input::-webkit-input-placeholder { 
  color: #fff;
}
.foot-search input:-moz-placeholder { 
  color: #fff;
}
.foot-search input::-moz-placeholder {
  color: #fff;
}
.foot-search input:-ms-input-placeholder { 
  color: #fff;
}
.foot-lt .p2{margin-top: 70px;}
.foot-lt .p2,.foot-lt .p3{font-size: 14px;color: #fff;line-height: 30px}
.foot-lt .p2 span{font-family: arial;}
.look{float: left;font-size: 18px;color: #fff;font-weight: bold;margin-left: 35px;margin-top: 115px;}
.map-box{width:418px;float:right;}
.map-box ul{width: 100%;height:32px;margin-bottom: 4px;}
.map-box ul li{width: 82px;height:32px;line-height: 32px;text-align: center; float: left;margin-right: 3px;background: #fff;font-size: 14px;}
.map-box ul li a{color: #00C9DA;width:100%;height: 100%;display: block;}
.map-box ul .li1{width:163px;}
#allmap{width: 398px;height: 214px;border: 10px solid #fff;position: relative;z-index: 10}

/*版权*/
.copyright{width: 1210px;text-align: center;font-size: 14px;color: #424242;padding: 10px 0;}

/*弹窗*/
.pop{height: auto;display: none;padding: 10px}

/*在线预约*/
.order-box2 .order2{width: 77px;height: 77px;display:block;background: url(../img/circle.png) 0 0 no-repeat;z-index: 10;position: relative;margin-left: 1062px;cursor: pointer;}
.order-box2 .order2 p{font-size: 20px;color: #00b4c3;text-align: center;padding:0 10px;text-align: center;line-height: 22px;position: relative;z-index: 10;}
.order-box2 .order2 .p1{padding-top: 15px;}
.order-box2 .order2 strong{width:0;height: 0;display: block;border-radius: 77px; position: absolute;top: 50%;left: 50%;margin-top:0;margin-left:0;transition: all 0.3s}
.order-box2 .order2:hover strong{width:77px;height: 77px;border-radius: 77px;background: url(../img/circle2.png) 0 0 no-repeat;margin-top: -38.5px;margin-left: -38.5px;opacity: 0.2}
