.indexbanner{position:relative;margin-bottom:40px;min-height:200px;width:100%}.indexbanner img{position:relative;z-index:1;width:100%}.indexbanner .text{background:hsla(0,0%,100%,.35);height:110px;position:absolute;right:0;z-index:5;top:50%;margin-top:-55px}.indexbanner .text h1{padding:0 80px 0 30px;border-bottom:2px solid #fff;font-size:36px;font-family:Microsoft YaHei;font-weight:400;color:#fff;line-height:66px;letter-spacing:8px}.indexbanner .text p{line-height:42px;font-size:14px;font-weight:400;color:#eee;padding:0 30px}.introduce{width:100%;background:#f1f1f1;margin-bottom:50px;padding:25px 0}.introduce .introleft{width:500px;padding:0 0 30px 30px}.introduce .introleft h3{font-size:18px;font-weight:400;color:#333;text-align:center;line-height:60px}.introduce .introleft p{font-size:12px;font-weight:400;color:#333;line-height:28px;height:160px;overflow:hidden}.introduce .intromap{width:512px;height:280px}.introduce .map{width:100%;height:100%}.introtitle{padding:20px 0;text-align:center}.introtitle h3{font-size:18px;font-weight:400;color:#333;line-height:40px}.introtitle p{font-size:12px;font-weight:400;color:#888;line-height:28px}.hotel ul{display:flex;justify-content:space-between;margin-bottom:60px}.hotel ul li{width:22%}.hotel ul li h3{font-size:14px;font-weight:400;color:#000;line-height:28px}.hotel ul li img{width:100%;height:170px}.hotel ul li p{font-size:12px;font-weight:400;color:#888;line-height:24px}@media (min-width:320px) and (max-width:780px){.index .hotlehead{margin:0}.indexbanner,.indexbanner .text{width:100%;margin:0}.indexbanner .text{position:relative;top:0}.indexbanner .text h1{color:#333;padding:0;letter-spacing:0;font-size:20px;line-height:44px;text-align:center}.indexbanner .text p{color:#888;padding:0;text-align:center}.introduce .introleft{width:100%;padding:20px;box-sizing:border-box}.introduce .intromap{display:none}.hotel ul{flex-wrap:wrap;padding:0 20px}.hotel ul li{width:100%}.hotel ul li img{height:auto}}