/*!
 * Theme: 西藏迎昭导游网
 * Based on cytsls.com layout
 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Source Han Sans CN","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;background:#f5f5f5;position:relative;line-height:1.6;color:#555;overflow-x:hidden}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
a{background-color:transparent;text-decoration:none;color:#333}
a:active,a:hover{outline:0;color:#e65c20}
img{border:0;max-width:100%;vertical-align:middle}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400}
ol,ul{margin:0;padding:0;list-style:none}
dd,dl,dt{margin:0;padding:0}
*{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.container{width:1200px;margin:0 auto}

/* ========== Header Top ========== */
.header-top{background:#333;color:#aaa;font-size:13px;line-height:36px}
.header-top a{color:#ccc}
.header-top a:hover{color:#fff}
.header-top .site-tel-left{float:left}
.header-top .site-tel-top{float:right}
.header-top .site-tel-top a{margin-left:18px}
.header-top .site-tel-top i{margin-right:4px}

/* ========== Header Nav ========== */
.header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.06);position:sticky;top:0;z-index:100}
.header .container{display:flex;align-items:center;height:72px}
.header .logo{flex-shrink:0;margin-right:30px}
.header .logo img{height:48px}
.site-nav{flex:1}
.site-nav>ul{display:flex;align-items:center}
.site-nav>ul>li{margin:0 2px}
.site-nav>ul>li>a{display:block;padding:8px 12px;font-size:15px;color:#333;font-weight:500;border-radius:4px;transition:all 0.2s;white-space:nowrap}
.site-nav>ul>li>a:hover{color:#fff;background:#e65c20}
.site-nav>ul>li.cur>a{color:#fff;background:#e65c20}

/* ========== Banner / Focus Box ========== */
.focusbox{position:relative;overflow:hidden;max-height:450px}
.focusbox .pic{width:100%;display:block;object-fit:cover;height:450px}
.focusbox .inner-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}
.focusbox .inner{width:1200px;margin:0 auto;padding:0 20px}
.focusbox .inner h2{font-size:36px;color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,0.4);margin-bottom:12px}
.focusbox .inner p{font-size:18px;color:rgba(255,255,255,0.9);margin-bottom:24px;line-height:1.6}
.focusbox .inner .btn{border-radius:6px;display:inline-block;padding:12px 36px;font-size:16px;color:#fff;background:#e65c20;cursor:pointer;transition:all 0.3s;border:none}
.focusbox .inner .btn:hover{background:#d4551a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(230,92,32,0.4)}
/* Carousel */
.focusbox .slide{display:none;position:relative}
.focusbox .slide.active{display:block}
.focusbox .slide .pic{width:100%;height:450px;object-fit:cover;display:block}
.focusbox .slide .inner-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;background:rgba(0,0,0,0.25)}
.focusbox .slide-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5}
.focusbox .slide-dots span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s}
.focusbox .slide-dots span.active{background:#e65c20;width:28px;border-radius:6px}

/* ========== 卖点卡片 ix-md ========== */
.ix-md{background:#fff;padding:30px 0;border-bottom:1px solid #eee}
.ix-md .content-wrap{display:flex;gap:20px}
.ix-md .content-wrap>li{flex:1;text-align:center;padding:24px 20px;background:#fafafa;border-radius:8px;transition:all 0.3s}
.ix-md .content-wrap>li:hover{background:#fff5f0;transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.ix-md .content-wrap>li i{display:block;width:60px;height:60px;margin:0 auto 16px;background:#e65c20;border-radius:50%;position:relative}
.ix-md .content-wrap>li h2{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}
.ix-md .content-wrap>li p{font-size:14px;color:#888;line-height:1.5}

/* ========== Section Title ========== */
.title-base2{padding:20px 0 15px;border-bottom:2px solid #e65c20;margin-bottom:20px;display:flex;align-items:flex-end;justify-content:space-between}
.title-base2-p{display:flex;align-items:center;gap:20px}
.title-base2-tour p{font-size:24px;font-weight:700;color:#e65c20;margin:0;line-height:1}
.title-base2-tour i{display:inline-block;width:2px;height:20px;background:#ddd;margin:0 12px;vertical-align:middle}
.title-base2-tour span{font-size:12px;color:#999;line-height:1.4}
.h-box-more{font-size:12px;color:#999;text-align:right;line-height:1.4}
.h-box-more:hover{color:#e65c20}
.title-base2-span{font-size:14px;color:#999;text-align:right}

/* ========== 卡片区 ========== */
.h-box{background:#fff;border-radius:8px;padding:20px 24px;margin-bottom:20px}
.row-c{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.row-c-3{grid-template-columns:repeat(3,1fr)}
.row-c>li{background:#fff;border-radius:8px;overflow:hidden;transition:all 0.3s;border:1px solid #eee}
.row-c>li:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1);transform:translateY(-3px)}
.home-cp-pic{position:relative;overflow:hidden;height:180px}
.home-cp-pic img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s}
.row-c>li:hover .home-cp-pic img{transform:scale(1.06)}
.home-cp-pic i{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,0.3));pointer-events:none}
.shuxing{position:absolute;top:12px;left:12px;background:#e65c20;color:#fff;font-size:12px;padding:3px 10px;border-radius:3px;margin:0;pointer-events:none}
.home-cp-title{padding:12px 14px 6px;font-size:14px;color:#333;font-weight:500;line-height:1.4;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-cp-info{display:flex;justify-content:space-between;align-items:center;padding:0 14px 14px}
.home-cp-info-jg{font-size:16px;color:#e65c20;font-weight:700}
.home-cp-info-jg span{font-size:20px}
.home-cp-info-xs{font-size:12px;color:#999}

/* ========== 广告横幅 ========== */
.h-img{width:100%;max-height:120px;object-fit:cover;border-radius:8px;margin-bottom:20px;display:block}

/* ========== 导游卡片区域 ========== */
.guide-card{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}
.guide-card>li{background:#fff;border-radius:8px;overflow:hidden;text-align:center;border:1px solid #eee;transition:all 0.3s}
.guide-card>li:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1);transform:translateY(-3px)}
.guide-card .guide-pic{height:auto;overflow:hidden}
.guide-card .guide-pic img{width:100%;height:auto;object-fit:contain}
.guide-card .guide-name{font-size:18px;font-weight:600;color:#333;padding:12px 10px 4px}
.guide-card .guide-title{font-size:13px;color:#e65c20;padding:0 10px 8px}
.guide-card .guide-desc{font-size:13px;color:#888;padding:0 14px 16px;line-height:1.5}
.guide-card .guide-tags{padding:0 14px 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.guide-card .guide-tags span{background:#fff5f0;color:#e65c20;font-size:12px;padding:3px 10px;border-radius:20px}

/* ========== 底部资讯等 ========== */
.mainbg{background:#333;padding:30px 0}
.mainbg .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mainbg-ul h3{margin-bottom:14px}
.mainbg-ul h3 a{font-size:16px;color:#fff;font-weight:600}
.mainbg-ul h3 i{margin-right:6px;color:#e65c20}
.mainbg-ul li{margin-bottom:8px}
.mainbg-ul li a{color:#bbb;font-size:13px;transition:color 0.2s}
.mainbg-ul li a:hover{color:#e65c20}
.mainbg-ul li i{margin-right:4px;font-size:12px;color:#666}
.mainbg-h4{grid-column:1/-1;margin-top:10px;padding-top:20px;border-top:1px solid #444}
.mainbg-h4 a{font-size:16px;color:#fff;font-weight:600}
.mainbg-h4 i{margin-right:6px;color:#e65c20}
.mainbg-dl{display:flex;gap:10px;margin-bottom:4px}
.mainbg-dl dt{color:#e65c20;font-weight:600;font-size:13px;white-space:nowrap;min-width:50px}
.mainbg-dl dd{display:flex;flex-wrap:wrap;gap:0 12px}
.mainbg-dl dd a{color:#bbb;font-size:13px}
.mainbg-dl dd a:hover{color:#e65c20}

/* ========== 定制咨询表单 ========== */
.customtrip{background-size:cover;background-position:center;position:relative}
.formbg-rgba{background:rgba(0,0,0,0.65);padding:50px 0}
.customtrip .container{display:flex;gap:40px}
.customtrip-intro{flex:1;color:#fff}
.customtrip-intro header h2{font-size:28px;font-weight:700;margin-bottom:8px}
.customtrip-intro header h4{font-size:16px;color:rgba(255,255,255,0.7);margin-bottom:24px}
.customtrip-intro p{font-size:15px;margin-bottom:8px;line-height:1.6;padding-left:20px;position:relative}
.customtrip-intro p:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#e65c20;border-radius:50%}
.customtrip-form{width:380px;background:#fff;border-radius:8px;padding:24px}
.customtrip-form .item{margin-bottom:14px;position:relative}
.customtrip-form label{display:block;font-size:13px;color:#666;margin-bottom:4px}
.customtrip-form .name-input{width:100%;height:40px;border:1px solid #ddd;border-radius:4px;padding:0 12px;font-size:14px;outline:none}
.customtrip-form .name-input:focus{border-color:#e65c20}
.customtrip-form .form-select{height:40px;border:1px solid #ddd;border-radius:4px;padding:0 8px;font-size:14px;outline:none;min-width:70px}
.customtrip-form textarea{width:100%;border:1px solid #ddd;border-radius:4px;padding:10px;font-size:14px;outline:none;resize:vertical}
.customtrip-form textarea:focus{border-color:#e65c20}
.customtrip-form .sendButton{width:100%;height:44px;background:#e65c20;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s}
.customtrip-form .sendButton:hover{background:#d4551a}

/* ========== 页脚链接 ========== */
.footer-faqs{background:#2a2a2a;padding:14px 0}
.footer-faqs .inner{display:flex;align-items:center;gap:16px}
.footer-faqs h4{color:#e65c20;font-size:14px;font-weight:600;white-space:nowrap}
.footer-faqs ul{display:flex;flex-wrap:wrap;gap:12px}
.footer-faqs ul a{color:#aaa;font-size:13px}
.footer-faqs ul a:hover{color:#e65c20}
.footer-sitelinks{background:#222;padding:14px 0}
.footer-sitelinks .inner{display:flex;align-items:center;gap:16px}
.footer-sitelinks h4{color:#e65c20;font-size:14px;font-weight:600;white-space:nowrap}
.footer-sitelinks ul{display:flex;flex-wrap:wrap;gap:12px}
.footer-sitelinks ul a{color:#888;font-size:13px}
.footer-sitelinks ul a:hover{color:#e65c20}

/* ========== Footer ========== */
.footer{background:#1a1a1a;padding:30px 0;color:#888}
.footer .container{display:flex;align-items:flex-start;gap:30px}
.footer .brand{flex-shrink:0}
.footer .brand img{height:50px}
.footer .inner{flex:1}
.footer .aboutlinks{display:flex;gap:16px;margin-bottom:12px}
.footer .aboutlinks a{color:#ccc;font-size:13px}
.footer .aboutlinks a:hover{color:#e65c20}
.footer .inner p{font-size:13px;color:#888;margin-bottom:6px;line-height:1.6}
.footer .wechat{flex-shrink:0;text-align:center}
.footer .wechat .tit{display:block;color:#ccc;font-size:12px;margin-bottom:8px;line-height:1.6}
.footer .wechat .tit i{font-size:18px;color:#e65c20;margin-right:4px}
.footer .wechat img{width:130px;height:130px;border-radius:0}

/* ========== Responsive ========== */
@media(max-width:1240px){.container{width:100%;padding:0 16px}}
@media(max-width:768px){
  .header .container{height:56px}
  .site-nav{display:none}
  .focusbox .pic{height:240px}
  .focusbox .inner h2{font-size:22px}
  .focusbox .inner p{font-size:14px}
  .ix-md .content-wrap{flex-direction:column}
  .row-c{grid-template-columns:repeat(2,1fr)}
  .guide-card{grid-template-columns:repeat(2,1fr)}
  .mainbg .container{grid-template-columns:repeat(2,1fr)}
  .customtrip .container{flex-direction:column}
  .customtrip-form{width:100%}
  .footer .container{flex-direction:column;text-align:center}
  .footer .aboutlinks{justify-content:center}
}