@charset "utf-8";
/*!
 * 浙江江郎山国际旅游有限公司（衢州官网）
 * Template 仿旅游社官网模板 · Version 1.0
 */
:root {
  --color-text: #555;
  --color-muted: #999;
  --color-heading: #333;
  --color-primary: #c0392b;
  --color-primary-dark: #a93226;
  --color-accent: #d4a017;
  --color-soft: #f7f8fa;
  --color-footer: #2d343a;
  --radius: 12px;
  --container: 1230px;
}
*{box-sizing:border-box}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:12px;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:"Source Han Sans CN Light","Noto Sans SC","noto sans","Microsoft YaHei",sans-serif;font-size:14px;background:#f7f8fa;position:relative;line-height:1.5;color:#555;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400}
ol,ul{margin:0;padding:0;list-style:none}
p{margin:0 0 10px}
dd,dl,dt{margin:0;padding:0}
img{border:0;vertical-align:middle;max-width:100%}
table{border-collapse:collapse}
a{color:#555;text-decoration:none;transition:all .3s ease-in-out}
a:hover{color:#c0392b}
.clearfix:after,.clearfix:before,.container:after,.container:before{display:table;content:"";line-height:0}
.clearfix:after,.container:after{clear:both}
.container{max-width:var(--container);margin:0 auto;position:relative;text-align:left}
@media (max-width:544px){.container{padding-left:10px;padding-right:10px}}
.bg-soft{background:#f7f8fa}
.bg-white{background:#fff}
.text-center{text-align:center}
.f_ye{color:#d4a017}

/*-- Buttons --*/
.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;cursor:pointer;user-select:none;border:1px solid transparent;padding:12px 36px;line-height:1;font-size:16px;border-radius:100px;transition:all .2s ease-in-out}
.btn-default{color:#fff;background-color:#c0392b}
.btn-default:hover{color:#fff;background-color:#a93226}
.btn-default-outline{color:#c0392b;border-color:#c0392b;background:0 0}
.btn-default-outline:hover{color:#fff;background-color:#c0392b}
.btn-gold{color:#fff;background:#d4a017;padding:12px 40px;border-radius:50px}
.btn-gold:hover{background:#b8860b;color:#fff}

/*-- Header --*/
.header{position:relative;z-index:9;background-color:#c0392b}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px}
.logo a{display:block}
.logo img{display:block;max-height:48px;width:auto}
.site-tel-top{font-size:14px;line-height:26px;color:#fff;text-align:right}
.site-tel-top a{color:#fff;font-weight:700;font-size:16px}
.site-tel-top a:hover{color:#d4a017}
.site-tel-top small{font-weight:400;font-size:12px;opacity:.85;margin-left:2px}
.site-nav{clear:both;border-top:1px solid rgba(255,255,255,.14)}
.site-nav ul{display:flex;flex-wrap:wrap}
.site-nav ul>li{position:relative}
.site-nav ul>li:hover{background:#a93226}
.site-nav ul>li>a{display:block;color:#fff;padding:0 18px;line-height:56px;font-size:17px}
.site-nav ul>li.current-menu-item>a{background-color:#a93226;color:#fff}
@media (max-width:1200px){.site-nav ul>li>a{padding:0 12px;font-size:16px}}
@media (max-width:1024px){.site-nav ul>li>a{padding:0 9px;font-size:15px}}
@media (max-width:820px){.site-nav ul>li>a{padding:0 7px;font-size:13px;line-height:44px}}
@media (max-width:544px){.site-nav ul>li{flex:1 1 25%}.site-nav ul>li>a{line-height:32px;font-size:13px;text-align:center}.header-top{padding:8px 0 6px}.logo img{max-height:34px}.site-tel-top{font-size:12px}.site-tel-top a{font-size:14px}}

/*-- Banner --*/
.focusbox{position:relative;margin-bottom:0}
.focusbox .slides img.pic{width:100%;height:520px;object-fit:cover;display:block}
.focusbox .focusbox-txt{z-index:2;position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.3);text-align:center;padding:0 15px}
.focusbox .focusbox-txt h1{color:#fff;font-size:46px;font-weight:600;margin:0 0 15px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.focusbox .focusbox-txt h2{color:#fff;font-size:24px;font-weight:400;margin:0 0 25px;text-shadow:0 2px 4px rgba(0,0,0,.4)}
.focusbox .actions a{margin:0 8px}
@media (max-width:768px){.focusbox .slides img.pic{height:300px}.focusbox .focusbox-txt h1{font-size:26px}.focusbox .focusbox-txt h2{font-size:15px}}
@media (max-width:544px){.focusbox .slides img.pic{height:190px}.focusbox .focusbox-txt h1{font-size:19px}.focusbox .focusbox-txt h2{font-size:13px;margin-bottom:14px}.focusbox .focusbox-txt .btn{padding:8px 20px;font-size:14px}}

/*-- Sub page banner --*/
.page-banner{position:relative;height:220px;overflow:hidden}
.page-banner img{width:100%;height:100%;object-fit:cover;display:block}
.page-banner .txt{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 15px}
.page-banner .txt h1{font-size:32px;font-weight:600;margin-bottom:8px;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.page-banner .txt p{font-size:15px;opacity:.92;margin:0}
.breadcrumb{font-size:13px;color:#999;margin:14px 0 0}
.breadcrumb a{color:#999}
.breadcrumb a:hover{color:#c0392b}
@media (max-width:544px){.page-banner{height:140px}.page-banner .txt h1{font-size:20px}.page-banner .txt p{font-size:12px}}

/*-- Section Boxes --*/
.box{padding:60px 0;border-bottom:1px solid #eee}
.box-header{margin-bottom:40px;text-align:center}
.box-header h2.boxh2{font-size:30px;color:#c0392b;line-height:1.6;margin-bottom:8px}
.box-header p.box-p{font-size:16px;color:#999}
.box .box-content ul{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}
.box .li-title{font-size:20px;margin-bottom:5px;font-weight:700}
.box-more{text-align:center;margin-top:40px;clear:both;width:100%}
@media (max-width:768px){.box{padding:40px 0}.box-header h2.boxh2{font-size:24px}.box-header p.box-p{font-size:14px}}

/*-- Tour Cards --*/
.box-cp ul li{width:31.333%;margin-bottom:20px;border:1px solid #eee;margin-left:1%;background:#fff;border-radius:var(--radius);overflow:hidden}
.box-cp ul li:first-child{margin-left:0}
.box-cp ul li:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-4px)}
.box-cp .home-cp-pic{position:relative;overflow:hidden;margin-bottom:10px;height:210px}
.box-cp .home-cp-pic img{width:100%;height:100%;object-fit:cover;display:block}
.box-cp .home-cp-type{position:absolute;background:#c0392b;padding:3px 8px;border-radius:5px;color:#fff;font-size:12px;margin:5px 0 0 5px}
.box-cp .home-cp-title{font-size:17px;height:50px;line-height:1.5;padding:0 12px 5px;color:#333}
.box-cp .home-cp-info{padding:0 12px 12px;display:flex;justify-content:space-between;align-items:baseline}
.box-cp .home-cp-info-jg span{font-weight:700;color:#c0392b;font-size:19px}
.box-cp .home-cp-info-xs span{font-weight:700;color:#d4a017}
@media (max-width:768px){.box-cp ul li{width:48%}.box-cp ul li:first-child{margin-left:1%}.box-cp ul li:nth-child(2n+1){margin-left:0}}
@media (max-width:544px){.box-cp ul li{width:100%;margin-left:0}}

/*-- Icon cards --*/
.box-md .box-content ul li{width:23%;text-align:center;margin-left:1%}
.box-md .li-title{font-weight:400;font-size:18px;color:#333}
.box-md .li-pic{margin-bottom:15px;font-size:46px;line-height:1}
.box-md .li-pic img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #c0392b;padding:5px}
.box-md .li-desc{color:#999;font-size:13px}
@media (max-width:768px){.box-md .box-content ul li{width:48%;margin-bottom:20px}}

/*-- Around Cards --*/
.box-zs ul li{width:23%;margin-bottom:20px;margin-left:1%;background:#fff;border:1px solid #eee;border-radius:var(--radius);overflow:hidden}
.box-zs ul li:first-child{margin-left:0}
.box-zs ul li:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-4px)}
.box-zs .li-pic{height:200px;overflow:hidden}
.box-zs .li-pic img{width:100%;height:100%;object-fit:cover;display:block}
.box-zs .li-title{padding:10px;text-align:center;font-size:16px;font-weight:700;color:#333}
.box-zs .li-content{padding:0 10px 12px;text-align:center;color:#999}
@media (max-width:768px){.box-zs ul li{width:48%}.box-zs ul li:first-child{margin-left:1%}.box-zs ul li:nth-child(2n+1){margin-left:0}}
@media (max-width:544px){.box-zs ul li{width:100%;margin-left:0}}

/*-- Dark overlay sections --*/
.box-permit{background:url(../images/jianglangshan.jpg) no-repeat center center;background-size:cover;padding:80px 0;text-align:center;position:relative}
.box-permit::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}
.box-permit .container{position:relative;z-index:2}
.box-permit h2{font-size:36px;color:#fff;margin-bottom:12px}
.box-permit>p{font-size:18px;color:#fff;margin-bottom:24px}
.box-permit .permit-items{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:26px}
.box-permit .permit-item{background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:25px 30px;color:#fff;min-width:210px}
.box-permit .permit-item h3{font-size:20px;margin-bottom:8px;color:#d4a017}
.box-permit .permit-item p{font-size:14px;margin:0;line-height:1.7}

.box-foreign{background:url(../images/yuexue.jpg) no-repeat center center;background-size:cover;padding:80px 0;text-align:center;position:relative}
.box-foreign::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6)}
.box-foreign .container{position:relative;z-index:2}
.box-foreign h2{font-size:36px;color:#d4a017;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.box-foreign p{font-size:16px;color:#fff;margin-bottom:25px;line-height:1.9}
.box-foreign .btn{background:#d4a017;color:#fff;padding:14px 48px;font-size:18px;border-radius:50px}
.box-foreign .btn:hover{background:#b8860b;color:#fff}
@media (max-width:768px){.box-permit h2,.box-foreign h2{font-size:26px}.box-permit,.box-foreign{padding:50px 0}}

/*-- Stats band --*/
.box-stats{background:#fff;padding:46px 0;border-bottom:1px solid #eee}
.box-stats ul{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center}
.box-stats li{flex:1 1 0;min-width:120px;padding:6px 10px}
.box-stats .num{font-size:34px;font-weight:700;color:#c0392b;line-height:1.2}
.box-stats .num small{font-size:15px;font-weight:400;margin-left:2px}
.box-stats .lab{font-size:14px;color:#999;margin-top:6px}
@media (max-width:768px){.box-stats ul{display:grid;grid-template-columns:1fr 1fr}.box-stats .num{font-size:26px}}

/*-- Sight cards --*/
.mainbg{width:100%;padding:0}
.sight-card{width:23%;float:left;margin-left:1%;margin-bottom:25px;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.sight-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-4px)}
.sight-card a{display:block;color:inherit}
.sight-card-img{width:100%;height:180px;overflow:hidden}
.sight-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.sight-card-body{padding:16px}
.sight-card-body h3{font-size:18px;color:#c0392b;margin-bottom:8px}
.sight-card-body p{font-size:13px;color:#666;line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sight-card-body .sight-count{font-size:12px;color:#999}
.sight-card-body .sight-count span{color:#c0392b;font-weight:bold}
@media (max-width:1024px) and (min-width:769px){.sight-card{width:31.3%}}
@media (max-width:768px){.sight-card{width:48%}}
@media (max-width:544px){.sight-card{width:100%;margin-left:0}}

/*-- Guide cards --*/
.guide-card{width:calc((100% - 40px)/3);float:left;margin-right:20px;margin-bottom:25px;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.guide-card:nth-of-type(3n+1){clear:left}
.guide-card:nth-of-type(3n){margin-right:0}
.guide-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-4px)}
.guide-card a{display:block;color:inherit}
.guide-card-img{width:100%;height:180px;overflow:hidden}
.guide-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.guide-card-body{padding:16px}
.guide-card-body .guide-tag{display:inline-block;background:#c0392b;color:#fff;padding:2px 10px;border-radius:4px;font-size:11px;margin-bottom:8px}
.guide-card-body h3{font-size:15px;color:#333;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.guide-card-body p{font-size:13px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.guide-card-body .guide-date{font-size:11px;color:#ccc;margin-top:8px}
@media (max-width:768px){.guide-card{width:calc((100% - 20px)/2)}.guide-card:nth-of-type(2n){margin-right:0}.guide-card:nth-of-type(3n){margin-right:20px}}
@media (max-width:544px){.guide-card{width:100%;margin-right:0}}

/*-- Q&A / article list --*/
.excerpt-item{position:relative;margin-bottom:15px;padding:16px 20px;background-color:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden}
.excerpt-item h2{font-size:17px;font-weight:500;margin-bottom:6px}
.excerpt-item h2 a{color:#c0392b}
.excerpt-item h2 a:hover{color:#a93226}
.excerpt-item .desc{color:#777;line-height:1.7;font-size:13px}
.excerpt-item time{display:inline-block;color:#c0392b;font-size:12px;margin-right:14px}
@media (max-width:768px){.excerpt-item{padding:12px 14px}.excerpt-item h2{font-size:15px}}

/*-- FAQ page --*/
.faq-item{background:#fff;border:1px solid #eee;border-radius:10px;margin-bottom:14px;overflow:hidden}
.faq-item summary{cursor:pointer;padding:15px 18px;font-size:15px;font-weight:700;color:#333;list-style:none;position:relative;padding-right:40px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:20px;color:#c0392b;font-weight:400}
.faq-item[open] summary:after{content:'−'}
.faq-item .faq-a{padding:0 18px 16px;color:#666;line-height:1.9;font-size:14px}

/*-- Article / detail --*/
.article{background:#fff;border:1px solid #eee;border-radius:10px;padding:34px 38px;margin-bottom:24px}
.article h1{font-size:26px;color:#333;font-weight:700;margin-bottom:10px;line-height:1.4}
.article .meta{font-size:12px;color:#999;margin-bottom:22px;padding-bottom:16px;border-bottom:1px dashed #e5e5e5}
.article h2{font-size:20px;color:#c0392b;font-weight:700;margin:26px 0 12px}
.article h3{font-size:16px;color:#333;font-weight:700;margin:18px 0 8px}
.article p{line-height:1.9;color:#555;font-size:14px;margin-bottom:12px}
.article ul{margin:0 0 14px;padding-left:0}
.article ul li{position:relative;padding-left:16px;line-height:1.9;color:#555;font-size:14px;margin-bottom:4px}
.article ul li:before{content:'';position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:#c0392b}
.article ol{margin:0 0 14px;padding-left:20px}
.article ol li{line-height:1.9;color:#555;font-size:14px;margin-bottom:4px}
.article img{border-radius:8px;margin:10px 0}
.article blockquote{margin:14px 0;padding:12px 16px;background:#faf6f5;border-left:3px solid #c0392b;color:#777;font-size:13px;line-height:1.8}
.article table{width:100%;margin:14px 0;font-size:13px}
.article table th,.article table td{border:1px solid #e5e5e5;padding:9px 12px;line-height:1.7;text-align:left;vertical-align:top}
.article table th{background:#f7f3f2;color:#c0392b;font-weight:700;white-space:nowrap}
.article table tr:nth-child(even) td{background:#fbfbfb}
@media (max-width:544px){.article{padding:20px 16px}.article h1{font-size:20px}.article h2{font-size:17px}}

/*-- Tour detail itinerary --*/
.day-list{margin:14px 0}
.day-list .day{border:1px solid #eee;border-radius:10px;margin-bottom:14px;overflow:hidden;background:#fff}
.day-list .day h3{background:#c0392b;color:#fff;font-size:15px;padding:10px 16px;margin:0;font-weight:400}
.day-list .day .day-body{padding:14px 16px;line-height:1.9;color:#555;font-size:14px}

/*-- List sidebar layout --*/
.content-wrap{margin-bottom:15px;overflow:hidden}
.pagination{margin:24px 0;text-align:center}
.pagination a,.pagination span{display:inline-block;padding:8px 14px;margin:0 4px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#666;font-size:13px}
.pagination .current,.pagination a:hover{background:#c0392b;color:#fff;border-color:#c0392b}

/*-- Feature list (服务保障) --*/
.svc-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px}
.svc-item{flex:1 1 260px;background:#fff;border:1px solid #eee;border-radius:12px;padding:24px 22px}
.svc-item .ico{font-size:34px;margin-bottom:10px}
.svc-item h3{font-size:17px;color:#c0392b;margin-bottom:8px}
.svc-item p,.svc-item li{font-size:13px;color:#666;line-height:1.8}
.svc-item ul li{position:relative;padding-left:14px;margin-bottom:5px}
.svc-item ul li:before{content:'✓';position:absolute;left:0;color:#c0392b;font-size:12px}

/*-- Timeline (关于我们) --*/
.timeline{position:relative;margin:20px 0 10px;padding-left:26px}
.timeline:before{content:'';position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:#f0d9d6}
.timeline .tl-item{position:relative;padding-bottom:18px}
.timeline .tl-item:before{content:'';position:absolute;left:-24px;top:6px;width:12px;height:12px;border-radius:50%;background:#c0392b;border:2px solid #fff;box-shadow:0 0 0 2px #c0392b}
.timeline .tl-item .tl-year{font-size:16px;font-weight:700;color:#c0392b;margin-bottom:4px}
.timeline .tl-item .tl-body{font-size:13px;color:#666;line-height:1.8}

/*-- Honor table --*/
.honor-box{background:#fff;border:1px solid #eee;border-radius:10px;padding:22px 26px;margin-bottom:18px}
.honor-box h3{font-size:16px;color:#c0392b;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #eee}
.honor-box ul{display:flex;flex-wrap:wrap;gap:8px 18px}
.honor-box ul li{font-size:13px;color:#666;line-height:1.9;position:relative;padding-left:14px}
.honor-box ul li:before{content:'◆';position:absolute;left:0;color:#d4a017;font-size:10px;top:3px}

/*-- Contact page --*/
.contact-grid{display:flex;flex-wrap:wrap;gap:22px}
.contact-card{flex:1 1 300px;background:#fff;border:1px solid #eee;border-radius:12px;padding:26px 24px}
.contact-card h3{font-size:17px;color:#c0392b;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #c0392b}
.contact-card p{font-size:14px;color:#666;line-height:2;margin:0}
.contact-card a{color:#c0392b;font-weight:700}

/*-- About band --*/
.box-about{background:linear-gradient(135deg,#c0392b,#96281b);color:#fff;text-align:center;padding:60px 0;border-bottom:0}
.box-about h2{font-size:30px;color:#d4a017;margin-bottom:15px}
.box-about p{font-size:16px;line-height:2;margin-bottom:22px;opacity:.92}

/*-- Footer --*/
.footer{clear:both;padding:44px 0 20px;background-color:#2d343a;color:#ddd}
.footer a{color:#ddd}
.footer a:hover{color:#d4a017}
.footer .brand{float:left;width:25%;margin-right:25px;margin-top:26px}
.footer .brand h3{font-size:24px;color:#d4a017;margin-bottom:5px}
.footer .brand p{font-size:12px;color:#999;line-height:1.8}
.footer .inner{float:left;width:50%}
.footer .inner p{font-size:14px;margin:0 0 9px;line-height:1.7}
.footer .inner p i{margin-right:8px;color:#d4a017;font-style:normal}
.footer .wechat{float:right;background-color:#242a2f;padding:10px;text-align:center}
.footer .wechat .tit{font-size:12px;color:#ddd;margin-bottom:8px;line-height:1.6}
.footer .wechat img{width:110px;height:auto;display:block;border:0}
.footer-links{clear:both;text-align:center;padding:8px 0;font-size:12px;color:#888}
.footer-links a{color:#888;margin:0 8px}
.footer-links a:hover{color:#d4a017}
.copyright{color:#999;clear:both;text-align:center;padding:16px 0;background:#242a2f}
.copyright p{line-height:1.7;font-size:12px;color:#999;margin:0}
@media (max-width:768px){.footer{padding:24px 0}.footer .brand{display:none}.footer .inner{width:100%}.footer .wechat{float:none;margin:14px auto 0;display:inline-block}}