﻿

/*Pc端固定客服*/
.wpsidebar-fkf{position:fixed;right:10px;top:80%;transform:translate(0,-50%);z-index:9999;}
.fkf-item{position:relative;width:50px;height:50px;border:1px solid #ccc;padding:10px;background-color:#fff;margin-bottom:6px;box-sizing:border-box;cursor:pointer;}
.fkf-item img{width:30px;height:30px;}
.fkf-item img.hover{display:none;}
.fkf-item:hover>img{display:none;}
.fkf-item:hover img.hover{display:block;}
.fkf-cart>span{position:absolute;display:block;width:24px;height:24px;border-radius:50%;background-color:#ff6600;color:#fff;left:-12px;top:-12px;text-align:center;line-height:24px;}
.fkf-item-right{position:absolute;right:35px;padding-right:25px;top:-15px;display:none;}
.fkf-item:hover .fkf-item-right{display:block;}
.fkf-item-right-content{width:430px;border:1px solid #ccc;border-top:4px solid #f60;padding:20px;padding-top:15px;background-color:#fff;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15);position:relative;font-family: 宋体;}
.fkf-item-right-content .arrow,.right-content-ewm .arrow{position:absolute;width:20px;height:20px;right:-15px;top:23px;z-index:20;}
.fkf-item-right-content-top{padding-bottom:10px;padding-top:10px;padding-left:70px;border-bottom:1px solid #ccc;position:relative;white-space:nowrap;overflow:hidden;}
.fkf-item-right-content-top img{position:absolute;left:0;top:20px;width:40px;height:40px;}
.fkf-item-right-content-top h2{font-size:22px;font-weight: bold;color: #f60;}
.fkf-item-right-content-bottom p{padding-top:15px;padding-bottom:15px;}
.fkf-item-right-content-bottom .content-bottom-item{display:inline-block;width:32%;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.content-bottom-item img{width:25px;height:25px;margin-right:5px;background-color:#333;vertical-align:top;}
.content-bottom-item span{display:inline-block;line-height:25px;}
.content-bottom-item:hover img{background-color:#ff6800;}
.content-bottom-item:hover span{color:#ff6800}
.right-content-tele{width:300px;}
.right-content-tele .fkf-item-right-content-top:last-child{border-bottom:0;padding-bottom:0;padding-top:10px;}

.right-content-ewm{padding:20px;background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.15);-moz-box-shadow:0 3px 8px rgba(0,0,0,.15);box-shadow:0 3px 8px rgba(0,0,0,.15);position:relative;display:flex;flex-direction:row;width:max-content;}
.right-content-ewm .ewm div{width:130px;height:130px;margin:0 auto;border-radius:50%; margin-bottom:10px}
.right-content-ewm .ewm div img{width:100px;height:100px;margin-top:15px;margin-left:15px;background:#fff;}
.right-content-ewm .ewm p{text-align:center;font-size:16px;}
.fkf-item-right-ewm{top:initial;bottom:-15px;}
.right-content-ewm .arrow{top:initial;bottom:23px;}
@media (max-width: 1000px){.wpsidebar-fkf{display:none!important;}}


/*移动端固定栏目按钮*/
.float-nav-toggle{z-index: 10;display: block;text-align: center;position: fixed;left: 6px;bottom: 60px;color: #fff;font-size: 18px;width: 40px;height: 40px;line-height: 40px;background-color: rgba(13, 13, 13, 0.6);border-radius: 20px;}
@media (max-width: 767px) {.display-xs-block {display: block !important;}}



/*手机端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px 2px;color:#fff;z-index:9;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-top: 0.2rem solid #000;background: #fff;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size: 13px;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:22px;}
@media (min-width:1000px){.footer-fixed{display:none!important;}}
@media (max-width:1000px){footer{margin-bottom:50px;}}




/*bootom*/
@media (min-width:1000px){
footer{padding-top:40px;margin-top:70px;color:#fff;}
footer .ewm{padding-top:30px;color:#fff;}
footer .left{padding-right:8%;color:#fff;}
}
@media (max-width:1000px){
footer{padding-top:30px;margin-top:50px;}

}
footer{background-color:#333333;color:#fff;}
footer a{color:#fff;}
footer a:hover{color:#fff;}
footer .title{padding-bottom:20px;}
footer .tel p{padding-bottom:0px;}
footer .tel p span{font-size:16px;padding-left:10px;}
footer .tel p img{max-height:24px;}
footer .ewm img{max-height:140px;}
footer .title{font-size: 18px;}


/*切换*/
.display-block{display:block;}
.display-none{display:none;}
.tabbox{position: relative;}
.tabbox .tab-title{border-bottom: 1px solid #ccc;}
.tabbox .tab-title ul li{display:inline-block;font-weight:bold;cursor: pointer;}
.tabbox .tab-title ul li.select{border-bottom: 2px solid #1890ff;color: #1890ff;}
.tabbox .tab-content .tab-more{position: absolute;right: 10px;top: 10px;}
@media(min-width:1000px) {
.tabbox .tab-title ul li{padding: 10px 40px;font-size: 16px;}
}
@media(max-width:1000px) {
.tabbox .tab-title ul li{padding: 10px;}
}



/*首页公共样式*/
@media (min-width:1000px) {
.introduction-bg{padding-bottom: 40px;}
.home-headline{margin:50px 0 60px;}
.home-headline i{margin:20px auto;}
}
@media (max-width:1000px) {
.home-headline{margin:30px 0;}
.home-headline i{margin:10px auto;}
}
.home-headline{text-align:center;}
.home-headline i{background-color:rgb(247, 150, 70);height:2px;width:50px;display:block;}
/*首页-客栈简介*/
@media (min-width:1000px) {
    .aboutBg{margin:60px -15px;}
.aboutBg .row{margin-left: 0;margin-right: 0;}
.aboutBg .boxs{padding: 30px 20px;}
.aboutBg .row .left{padding-left:0;}
.aboutBg .row,.aboutBg .row img{width:100%;overflow:hidden;}
.aboutBg .boxs p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;word-break: break-all;height:212px;}
}
@media (max-width:1000px){
.aboutBg .row{padding:20px 0;}
.aboutBg .boxs{padding: 20px 15px;}
}
.aboutBg .row{background-color:#fdeada;}
.aboutBg .row img{width:100%;}

/*首页-房型介绍  我们的服务*/
@media (min-width:1000px){
.OurServices li{width:16.6%;}
}
@media (max-width:1000px){
.OurServices li{width:50%;padding: 0 4px;}
}
.introduction-bg{background-color:#f2f2f2;}
.OurServices li{float:left;padding-bottom:20px;}

/*内页新闻中心*/
@media(min-width:1000px){
.pa_textlist_3{margin-left: -15px;margin-right: -15px;margin-top:30px;}

.home-answer li .title a{font-size:16px;}
.home-answer li .date{top: 4px;}
}
@media(max-width:1000px){
.pa_textlist_3{margin-left: -10px;margin-right: -10px;}
.pa_textlist_3 li{padding-left:10px;padding-right:10px;}
.home-answer li .date{top: 0px;}

}
.home-answer li{position: relative;padding-right: 90px;line-height: 3;border-bottom: 1px dashed #ccc;}
.home-answer li .title a:hover{color: #2d8dea;text-decoration:underline;}
.home-answer li .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.home-answer li .title .fa{color:#2d8dea;padding-right: 4px;font-size: 11px;position: relative;top: -2px;}
.home-answer li .date{position: absolute;right: 0px;color: #999;}

.nav-bg .col-md-9{padding-right:0;width: 72%;}

        @media(min-width:1000px) {
            #mapbox {
                height: 500px;
            }
        }

        @media(max-width:1000px) {
            #mapbox {
                height: 300px;
            }
        }
        
        
        
@media(min-width:992px){
.pics_wrap .font-box .font1{padding: 10px 20px 30px;}
.pics_wrap .font-box .font1 .p1{font-size:60px;}
.pics_wrap .font-box .font1 .p2{font-size:18px;padding-top:4px;}
}
@media(max-width:992px){
.pics_wrap .font-box .font1{padding: 10px 15px 20px;}
.pics_wrap .font-box .font1 .p1{font-size:30px;}
.pics_wrap .font-box .font1 .p2{font-size:14px;}
}
@media(max-width:468px){
.pics_wrap .font-box{width:100%;}
.pics_wrap .font-box .font1{padding: 2px;}
.pics_wrap .font-box .font1 .p1{font-size:20px;}
.pics_wrap .font-box .font1 .p2{display:none;}
.pics_wrap .html5zoo-nav-0{display:none!important;}
}

