.vis-md{display: block!important;}
.hid-md{display: none!important;}
.md-fl{float: left;}
.md-1{width:6.3333%;padding-left: 1%;padding-right: 1%}
.md-2{width:14.667%;padding-left: 1%;padding-right: 1%}
.md-3{width:23%;padding-left: 1%;padding-right: 1%}
.md-4{width:31.33%;padding-left: 1%;padding-right: 1%}
.md-5{width:39.66%;padding-left: 1%;padding-right: 1%}
.md-6{width:48%;padding-left: 1%;padding-right: 1%}
.md-7{width:56.33%;padding-left: 1%;padding-right: 1%}
.md-8{width: 64.6667%;padding-left: 1%;padding-right: 1%}
.md-9{width:73%;padding-left: 1%;padding-right: 1%}
.md-10{width: 81.3333%;padding-left: 1%;padding-right: 1%}
.md-12{width:98%;padding-left: 1%;padding-right: 1%}
.wrapper{max-width: 980px;}


.casewrap .txt h4{margin-top:80px;}

.nav .fclass  li a.toplv{font-size: 15px;display: block;padding:0 13px;border-bottom: 4px solid #fff;height: 96px;line-height: 96px;}

.service .tele p.num{line-height: 30px;height: 30px;color: #fff;font-size:18px;}
.service .tele p.p a,.service .tele p.p{color: #fff;font-size: 14px;line-height: 20px;height: 20px;}

.service{bottom: 0;width: 100%;left: 0;z-index: 99;height: 124px;}
.service .tele{width: 19%;
    background: url('../images/tele2.png') no-repeat right center;
    height: 84px;
    margin-right: 1%}
.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: 15%;height: 100px;margin: 24px 0% 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;}
.box2 .submit{margin:10px auto;}
.main_1 .box1{float: none;padding-left: 1%;padding-right: 1%;margin-left: auto;margin-right: auto;}
.main_1 .box2{float: none;padding-right: 1%;padding-left: 1%;margin-left: auto;margin-right: auto;}
.h_right p{text-align: right;padding-right: 20px;}
.tlogo{float: left;}
.main_1 .box1{float: left;}
.main_1 .box2{float: right;}
.main_1 .box2  h2 span.booking{font-size: 20px;line-height: 40px;}
.main_1 .box2  h2 span.tele{font-size: 16px;float: right;line-height: 40px;}

.main_1,.main_2,.main_3,.main_4{padding:30px 0;width: 100%;}
.main_3 .tabhead li{margin-right:10px}
.box{}
.box.image{margin-right:0}
.box{padding:0;width: 25%}

.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;}

.nlist li h4 a{font-size: 18px}

.main_3 .br1 h4 a{font-size: 20px;}

.tlogo img{float:left;clear: both;margin-bottom: 0px;}
.left{width: 20%;}
.right{width: 76%}