@charset "utf-8";

/* ================= 头部公共样式提炼区 ================= */
/* 统一标题头部容器的下边距与居中 */
.zt-hotel-header, .zt-hotel-cases-head, .zt-hotel-why-head { text-align:center; margin-bottom:40px; }
/* 统一主标题排版：38px、深灰、加粗 */
.zt-hotel-title-main, .zt-hotel-title, .zt-hotel-cases-head h2, .zt-hotel-why-head h2 { font-size:38px; color:#2a231b; font-weight:bold; }
/* 主标题默认下边距20px (why模块除外) */
.zt-hotel-title-main, .zt-hotel-title, .zt-hotel-cases-head h2 { margin-bottom:20px; }
/* 统一标题中的橙色高亮字 */
.zt-hotel-title-main span, .zt-hotel-highlight, .zt-hotel-cases-head h2 span, .zt-hotel-why-head h2 span { color:#cf6e00; }
/* 统一描述段落排版：18px、中灰、行高28px */
.zt-hotel-desc, .zt-hotel-cases-head p { font-size:18px; color:#555; line-height:28px; }

/* ================= 各模块个性化独立样式区 ================= */

/* Banner 模块 */
.banner{width:100%;overflow:hidden;}
.banner img{display:block;width:1920px;height:auto;position:relative;left:50%;transform:translateX(-50%);}

/* YY 应用场景模块 */
.zt-hotel-yy-section{background:linear-gradient(90deg,#ffffff 66%,#f8fcff 66%);padding:120px 0;width:100%;}
.zt-hotel-yy-section .zt-hotel-header{text-align:left;}
.zt-hotel-title-main{line-height:48px;}
.zt-hotel-body{display:flex;align-items:center;justify-content:space-between;gap:60px;}
.zt-hotel-visual{flex:1;max-width:830px;height:470px;border-radius:20px;overflow:hidden;position:relative;}
.zt-hotel-panel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all 0.4s ease-in-out;}
.zt-hotel-panel.is-active{opacity:1;visibility:visible;}
.zt-hotel-panel img{width:100%;height:100%;object-fit:cover;display:block;}
.zt-hotel-overlay{position:absolute;bottom:0;left:0;width:100%;padding:50px 40px 35px;color:#ffffff;}
.zt-hotel-overlay-title{font-size:24px;font-weight:bold;margin-bottom:12px;letter-spacing:1px;}
.zt-hotel-overlay-text{font-size:18px;margin-bottom:25px;}
.zt-hotel-panel-btn{display:inline-block;background:#cf6e00 url("//lib.zozen.com/5ab9f1bda624634ee3649458/images/zt-hotel-btn.png")no-repeat -14px -40px;color:#fff;text-decoration:none;width:340px;line-height:50px;text-align:center;font-size:18px;border-radius:5px;transition:background-color 0.3s;}
.zt-hotel-panel-btn:after{content:' >>';font-family:serif;font-weight:bold;}
.zt-hotel-panel-btn:hover{background-color:#c06800;color:#fff;}
.zt-hotel-nav{width:220px;display:flex;flex-direction:column;gap:16px;position:relative;}
.zt-hotel-nav-item{display:block;background-color:#fff;border:1px solid #e5e5e5;color:#555;text-align:center;line-height:48px;border-radius:25px;font-size:18px;cursor:pointer;transition:all 0.3s ease;position:relative;}
.zt-hotel-nav-item:hover{border-color:#cf6e00;color:#fff;}
.zt-hotel-nav-item.is-active{background-color:#cf6e00;color:#fff;border-color:#cf6e00;font-weight:bold;}
.zt-hotel-nav-item.is-active::before{content:'';position:absolute;left:-130px;top:50%;transform:translateY(-50%);width:110px;height:2px;background-color:#cf6e00;}

/* CP 产品体系模块 */
.zt-hotel-cp-section{padding:80px 0;width:100%;background:url("//lib.zozen.com/5ab9f1bda624634ee3649458/images/zt-hotel-cpbj.jpg!/lossless/true") no-repeat;}
.zt-hotel-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px;}
.zt-hotel-card{background-color:#fff;border-radius:10px;border:1px solid #e5e5e5;padding:15px;overflow:hidden;transition:all 0.3s ease;cursor:pointer;}
.zt-hotel-card:hover{box-shadow:0px 4px 6px 0px rgba(0,0,0,0.09);transform:translateY(-2px);}
.zt-hotel-card-img{width:100%;height:205px;border-radius:5px;background:url("//lib.zozen.com/5ab9f1bda624634ee3649458/images/zt-hotel-cp.jpg!/lossless/true") no-repeat center/cover;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.zt-hotel-card-img img{max-width:100%;max-height:100%;object-fit:contain;}
.zt-hotel-card-body{padding:20px 0;}
.zt-hotel-card-title{font-size:18px;line-height:24px;color:#333;font-weight:bold;margin-bottom:12px;transition:color 0.3s ease;}
.zt-hotel-card:hover .zt-hotel-card-title{color:#cf6e00;}
.zt-hotel-card-text{font-size:16px;color:#222;line-height:24px;}
.zt-hotel-actions{display:flex;justify-content:center;gap:30px;}
.zt-hotel-btn{display:inline-block;line-height:48px;width:290px;font-size:18px;text-align:center;text-decoration:none;border-radius:5px;transition:all 0.3s;}
.zt-hotel-btn-primary{background-color:#cf6e00;color:#fff;border:1px solid #cf6e00;}
.zt-hotel-btn-primary:hover{background-color:#b35f00;border-color:#b35f00;color:#fff;}
.zt-hotel-btn-outline{background-color:#fff;color:#555;border:1px solid #dcdcdc;}
.zt-hotel-btn-outline:hover{color:#cf6e00;border-color:#cf6e00;}

/* Feat 选型关注点模块 */
.zt-hotel-feat-section{position:relative;width:100%;background-color:#f6f6f6;overflow:hidden;padding:100px 0;}
.zt-hotel-feat-bg{position:absolute;top:0;right:0;width:50%;height:100%;background:url('//lib.zozen.com/5ab9f1bda624634ee3649458/images/zt-hotel-feat.jpg!/lossless/true') center/cover no-repeat;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);z-index:1;}
.zt-hotel-feat-content{width:68%;padding-right:50px;}
.zt-hotel-feat-title{font-size:38px;color:#2a231b;font-weight:bold;margin-bottom:24px;line-height:48px;}
.zt-hotel-feat-title span{color:#cf6e00;font-weight:bold;}
.zt-hotel-feat-desc{font-size:18px;color:#555;line-height:28px;margin-bottom:50px;}
.zt-hotel-feat-item{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;}
.zt-hotel-feat-item:last-child{margin-bottom:0;}
.zt-hotel-feat-icon{width:58px;height:58px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#cf6e00;flex-shrink:0;}
.zt-hotel-feat-icon img{width:100%;height:100%;object-fit: contain;}
.zt-hotel-feat-text{flex:1;}
.zt-hotel-feat-h3{font-size:18px;color:#222;font-weight:bold;margin-bottom:8px;line-height:24px;}
.zt-hotel-feat-p{font-size:18px;color:#555;line-height:28px;}

/* Banner 获取方案模块 */
.zt-hotel-banner-section{margin:80px 0;width:100%;display:flex;justify-content:center;}
.zt-hotel-banner-box{width:1200px;height:380px;background:url('//lib.zozen.com/5ab9f1bda624634ee3649458/images/zt-hotel-sb.jpg!/lossless/true') no-repeat center/contain;display:flex;align-items:center;padding-left:50px;}
.zt-hotel-banner-content{width:620px;}
.zt-hotel-banner-title{font-size:38px;color:#164ea8;font-weight:bold;margin-bottom:12px;}
.zt-hotel-banner-line{display:flex;gap:8px;margin-bottom:25px;}
.zt-hotel-banner-line span:first-child{width:90px;height:4px;background-color:#e58a2d;border-radius:2px;}
.zt-hotel-banner-line span:last-child{width:10px;height:4px;background-color:#e58a2d;border-radius:2px;}
.zt-hotel-banner-desc{font-size:18px;color:#555;line-height:28px;margin-bottom:40px;}
.zt-hotel-banner-btns{display:flex;gap:20px;}
.zt-hotel-b-btn{display:flex;align-items:center;justify-content:center;height:48px;border-radius:4px;font-size:20px;text-decoration:none;cursor:pointer;transition:opacity 0.3s;}
.zt-hotel-b-btn img{margin-right:8px;}
.zt-hotel-b-btn-fill{background-color:#e48e2d;color:#fff;font-weight:bold;padding:0 60px;letter-spacing:1px}
.zt-hotel-b-btn-fill:hover{color:#fff;opacity:0.9;}
.zt-hotel-b-btn-line{background-color:#fff;border:1px solid #e48e2d;color:#555;padding:0 40px;}
.zt-hotel-b-btn-line span{color:#555;font-size:18px;}

/* Cases 项目案例模块 */
.zt-hotel-cases{margin:120px 0;}
.zt-hotel-cases-head p{max-width:1020px;margin:0 auto;}
.zt-hotel-cases-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px;}
.zt-hotel-case-card{border:1px solid #e5e5e5;border-radius:6px;overflow:hidden;background:#fff;transition:all .3s ease;cursor:pointer;}
.zt-hotel-case-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.08);transform:translateY(-5px);}
.zt-hotel-case-img{width:100%;height:260px;position:relative;overflow:hidden;}
.zt-hotel-case-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.zt-hotel-case-card:hover .zt-hotel-case-img img{transform:scale(1.03);}
.zt-hotel-case-body{padding:25px;}
.zt-hotel-case-addr{color:#cf6e00;font-size:16px;margin-bottom:12px;}
.zt-hotel-case-title{font-size:18px;color:#222;font-weight:bold;margin-bottom:15px;line-height:28px;transition:color .3s;min-height:52px;}
.zt-hotel-case-card:hover .zt-hotel-case-title{color:#cf6e00;}
.zt-hotel-case-info{font-size:16px;color:#555;line-height:28px;}

/* Why 为什么选择模块 */
.zt-hotel-why-sec{margin:80px 0;}
.zt-hotel-why-head h2{margin:0;}
.zt-hotel-why-body{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;}
.zt-hotel-acc{flex:1;max-width:580px;}
.zt-hotel-acc-item{border-bottom:1px solid #bfbfbf;}
.zt-hotel-acc-item:last-child{border-bottom:none;}
.zt-hotel-acc-head{padding:25px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;}
.zt-hotel-acc-item:first-child .zt-hotel-acc-head{padding-top:0;}
.zt-hotel-acc-title{font-size:24px;color:#333;font-weight:bold;margin:0;transition:color 0.3s;}
.zt-hotel-acc-arrow{width:14px;height:14px;border-bottom:2px solid #999;border-right:2px solid #999;transform:rotate(45deg);transition:all 0.3s;margin-top:-6px;margin-right:6px;}
.zt-hotel-acc-item.active .zt-hotel-acc-title{color:#cf6e00;}
.zt-hotel-acc-item.active .zt-hotel-acc-arrow{transform:rotate(-135deg);border-color:#cf6e00;margin-top:6px;}
.zt-hotel-acc-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out;}
.zt-hotel-acc-item.active .zt-hotel-acc-content{grid-template-rows:1fr;}
.zt-hotel-acc-inner{overflow:hidden;}
.zt-hotel-acc-text{font-size:18px;color:#666;line-height:32px;padding-bottom:25px;padding-right:20px;}
.zt-hotel-why-img{flex:1;max-width:550px; display: none; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.zt-hotel-why-img.active { display: block; }
.zt-hotel-why-img img { width: 100%; height: auto; display: block; object-fit: cover; border-radius:5px;}