.vis-sm{display: block!important;}
.hid-sm{display: none!important;}

.sm-fl{float: left;}
.sm-1{width:6.3333%;padding-left: 1%;padding-right: 1%}
.sm-2{width:14.667%;padding-left: 1%;padding-right: 1%}
.sm-3{width:23%;padding-left: 1%;padding-right: 1%}
.sm-4{width:31.33%;padding-left: 1%;padding-right: 1%}
.sm-5{width:39.66%;padding-left: 1%;padding-right: 1%}
.sm-6{width:48%;padding-left: 1%;padding-right: 1%}
.sm-7{width:56.33%;padding-left: 1%;padding-right: 1%}
.sm-8{width: 64.6667%;padding-left: 1%;padding-right: 1%}
.sm-9{width:73%;padding-left: 1%;padding-right: 1%}
.sm-10{width: 81.3333%;padding-left: 1%;padding-right: 1%}
.sm-12{width:98%;padding-left: 1%;padding-right: 1%}
.wrapper{max-width: 780px}
.tlogo{width: 25%}


.casewrap .txt h4{margin-top:45px;}

.nav  .fclass li a.toplv{font-size: 14px;display: block;padding:0 10px;border-bottom: 4px solid #fff;height: 96px;line-height: 96px;}
.nav .smenu li a{font-size: 12px;}
.location span{padding:0 15px;font-size: 16px;}
.cnav li a{display:block;font-size:14px;background:#fff;padding:0 15px;}

.video,.news{float: none;margin:20px auto;}

.binfo .wrap{border-right: 0}
.service{bottom: 0;width: 100%;left: 0;z-index: 99;height: 124px;}
.service .tele{display: none;}
.service .mask{width: 100%;height: 100%;background: #000;opacity: .6;filter:alpha(opacity=60);z-index: 1;bottom: 0;left: 0;}
.service .wrapper{position: relative;z-index: 3;}
.service  .box{width: 18%;height: 100px;margin: 24px 1% 0 1%;position: relative;}
.service  .box .wrap{width:100%;padding:15px 0%;height:70px;position: absolute;z-index: 2;top:0px;transition: all .5s }
.service .box .cont{position: relative;z-index: 3;padding:10px 10px;margin-top:10px;}
.service .box .cont h2{line-height: 30px;height: 30px;color: #fff;font-size: 18px;overflow: hidden;}
.service .box .cont h3{line-height: 30px;height:30px;color: #fff;font-size: 13px;overflow: hidden; }
.service  .box.c1 .wrap{background:#1b952c;}
.service  .box.c2 .wrap{background:#3645c9;}
.service  .box.c3 .wrap{background:#1980ff;}
.service  .box.c4 .wrap{background:#ffb400;}
.service  .box.c5 .wrap{background:#ff3600;}
.service  .box img{height: 0;width: 60px;margin-left: 10px;}
.service  .box:hover .wrap{top:-60px;height:130px;transition: all .5s}
.service  .box:hover .wrap img{height: 60px;transition: height .5s}


.h.wrapper{padding:10px 10px 20px;}
.main.wrapper{padding:10px 10px 0;}
.h_right p{text-align: right;padding-right: 20px;}
.tlogo{float: left;}
.box{}
.box.image{margin-right:0}
.box{padding:0;width: 25%}
#booking label{font-size:14px;}
.nlist li h4 a{font-size: 18px}

.news{margin-bottom: 20px;}

.main_1,.main_2,.main_3,.main_4{padding:20px 0;width: 100%;}

.main_3 .tabhead li{margin-right: 10px}
.main_3 .br1 h4 a{font-size: 18px;}
.tlogo img{float:left;clear: both;margin-bottom: 0px;}
.main_3 .slick-prev:before,.main_3 .slick-next:before{font-size: 30px;color: #999}
.main_3 .slick-prev{left: 0px;width: 30px;height: 30px;}
.main_3 .slick-next{right: 0px;width: 30px;height: 30px;}


.left{width: 24%;}
.right{width: 72%}

.glist,.gform{float: none;margin:0 auto 20px;}