/* qipaiyouxi5.com 复刻 - 企业站风格 | 主题3:青绿 */
:root {
    --qs-primary: #01a773;
    --qs-primary-dark: #018258;
    --qs-accent: #f99a03;
    --qs-cta: #ff3300;
    --qs-footer: #1a1e1c;
    --qs-copy: #000200;
    --qs-light: #f1f4f2;
    --qs-topbar: #edeef0;
    --qs-title: #333534;
    --qs-text: #999b9a;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font:14px/24px 'Microsoft YaHei',Tahoma,sans-serif; color:var(--qs-title); background:#fff; }
a { color:var(--qs-title); text-decoration:none; font-size:14px; transition:all 0.6s; }
a:hover { color:var(--qs-cta); }
img { max-width:100%; transition:all 0.7s; }
/* Topbar */
.qs-topbar { overflow:hidden; height:38px; width:100%; line-height:35px; color:var(--qs-text); background:var(--qs-topbar); }
.qs-topbar-inner { width:1200px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
.qs-topbar a { color:var(--qs-text); font-size:13px; }
.qs-topbar a:hover { color:var(--qs-primary); }
/* Header */
.qs-header { width:1200px; margin:0 auto; height:190px; display:flex; align-items:center; overflow:hidden; }
.qs-logo { float:left; padding-top:57px; }
.qs-logo img { height:76px; }
.qs-company { float:left; padding:52px 0 0 20px; width:336px; }
.qs-company-name { font-size:42px; font-weight:bold; line-height:65px; color:var(--qs-title); }
.qs-company-en { font-size:16px; line-height:22px; font-family:Verdana,sans-serif; color:var(--qs-text); text-transform:uppercase; letter-spacing:0.3px; }
.qs-tel { float:right; width:230px; margin-top:58px; }
.qs-tel-label { font-size:16px; line-height:18px; color:var(--qs-text); }
.qs-tel-num { font-size:28px; font-weight:bold; color:var(--qs-accent); font-family:Impact,'Microsoft YaHei'; line-height:34px; margin-top:4px; }
/* Nav */
.qs-nav { width:100%; height:60px; background:var(--qs-primary); position:sticky; top:0; z-index:100; }
.qs-nav-inner { width:1200px; margin:0 auto; display:flex; align-items:center; }
.qs-menu { display:flex; list-style:none; width:1200px; }
.qs-menu > li { width:132px; height:60px; text-align:center; position:relative; transition:all 0.5s; }
.qs-menu > li > a { display:block; font-size:16px; line-height:60px; color:#fff; transition:all 0.5s; position:relative; z-index:3; }
.qs-menu > li:hover { background:var(--qs-primary); }
.qs-menu > li > .qs-nav-indicator { display:block; position:absolute; z-index:1; width:0; height:0; margin-top:33px; background:var(--qs-primary-dark); margin-left:66px; transition:all 0.5s; }
.qs-menu > li:hover > .qs-nav-indicator { margin-top:-3px; height:66px; width:132px; margin-left:0; }
.qs-menu > li > .qs-nav-line { display:block; width:0; height:1px; background:#fff; position:absolute; margin-top:-14px; margin-left:66px; opacity:0.6; z-index:4; transition:all 0.5s; }
.qs-menu > li:hover > .qs-nav-line { width:80px; margin-left:26px; }
/* Banner */
.qs-banner { width:100%; height:400px; overflow:hidden; background:var(--qs-light); }
.qs-banner img { width:100%; height:400px; object-fit:cover; display:block; }
.qs-banner-overlay { position:absolute; bottom:0; left:0; right:0; padding:20px 40px; background:linear-gradient(transparent,rgba(0,0,0,0.6)); color:#fff; }
/* Search Bar */
.qs-search-bar { width:100%; background:#fff; }
.qs-search-inner { width:1200px; margin:0 auto; height:140px; display:flex; align-items:center; }
.qs-search-left { width:380px; font-size:19px; color:var(--qs-text); padding-left:40px; }
.qs-search-left span { font-size:27px; color:var(--qs-primary); line-height:50px; font-weight:bold; }
.qs-search-center { flex:1; padding-left:44px; }
.qs-search-box { display:flex; border:1px #ccc solid; height:30px; width:354px; }
.qs-search-box input { flex:1; border:none; outline:none; padding:0 8px; line-height:29px; background:#f9f9f9; }
.qs-search-box button { width:52px; height:30px; border:none; background:var(--qs-primary); color:#fff; cursor:pointer; font-size:14px; }
.qs-search-hot { font-size:13px; color:var(--qs-text); line-height:24px; padding-top:15px; }
.qs-search-hot a { color:var(--qs-text); margin-right:8px; }
.qs-search-right { width:200px; display:flex; align-items:center; gap:10px; padding-left:25px; }
.qs-search-badge { font-size:18px; line-height:24px; color:var(--qs-title); }
/* Section Title */
.qs-section-title { width:360px; margin:0 auto; height:30px; border:1px solid var(--qs-primary); position:relative; }
.qs-section-title span { width:211px; background:#fafafa; position:relative; top:17px; text-align:center; font-size:24px; color:var(--qs-primary); margin-left:75px; display:block; height:24px; line-height:24px; }
.qs-section-title span a { font-size:24px; color:var(--qs-primary); }
.qs-section-title-dark { border-color:#404040; }
.qs-section-title-dark span { background:#fff; color:var(--qs-title); }
.qs-section-title-dark span a { color:var(--qs-title); }
.qs-section-subtitle { width:1200px; margin:0 auto; text-align:center; font-size:42px; font-weight:bold; color:var(--qs-primary); line-height:59px; padding:20px 0 5px; }
.qs-section-subtitle span { color:var(--qs-accent); }
.qs-section-en { width:800px; margin:0 auto; text-align:center; color:#ddd; font-size:16px; font-family:Georgia,serif; text-transform:uppercase; line-height:30px; }
/* Case Section */
.qs-case { width:100%; background:var(--qs-light); padding:30px 0 40px; }
.qs-case-inner { width:1200px; margin:0 auto; display:flex; gap:20px; padding-top:20px; }
.qs-case-sidebar { width:249px; flex-shrink:0; }
.qs-case-sidebar-title { background:var(--qs-primary); padding:23px 0; font-size:22px; color:#fff; text-align:center; font-weight:bold; line-height:55px; width:249px; }
.qs-case-sidebar-title span { font-family:Arial,sans-serif; font-size:20px; color:rgba(255,255,255,0.5); font-weight:normal; text-transform:uppercase; display:block; }
.qs-case-sidebar-list { background:#fff; padding:0 15px; }
.qs-case-sidebar-list li { height:56px; line-height:56px; border-bottom:1px dashed #eee; }
.qs-case-sidebar-list li a { color:var(--qs-title); font-size:15px; }
.qs-case-sidebar-list li a:hover { color:var(--qs-primary); }
.qs-case-content { flex:1; }
.qs-case-tabs { display:flex; margin-bottom:15px; }
.qs-case-tabs li { width:179px; text-align:center; height:90px; line-height:90px; font-size:18px; background:#dedddd; cursor:pointer; transition:all 0.4s; border-right:1px #fff solid; }
.qs-case-tabs li:hover,.qs-case-tabs li.active { background:var(--qs-primary); }
.qs-case-tabs li a { color:var(--qs-title); font-size:18px; }
.qs-case-tabs li:hover a,.qs-case-tabs li.active a { color:#fff; }
.qs-case-grid { display:flex; flex-wrap:wrap; gap:10px; }
.qs-case-card { width:calc(33.33% - 7px); border:1px solid #ddd; padding:10px; background:#fff; position:relative; overflow:hidden; }
.qs-case-card img { width:100%; height:140px; object-fit:cover; }
.qs-case-card-title { padding-top:12px; border-top:1px solid #eee; line-height:40px; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.qs-case-card-title a { color:var(--qs-title); }
.qs-case-card-title a:hover { color:var(--qs-primary); }
/* Products Section */
.qs-products { width:100%; background:var(--qs-light); padding:30px 0 40px; }
.qs-products-tabs { width:930px; margin:0 auto; display:flex; }
.qs-products-tabs li { width:185px; text-align:center; height:60px; line-height:60px; font-size:16px; background:var(--qs-primary); color:#fff; border-right:1px #fff solid; cursor:pointer; transition:all 0.4s; position:relative; }
.qs-products-tabs li a { color:#fff; font-size:16px; }
.qs-products-tabs li:hover { background:var(--qs-accent); }
.qs-products-grid { width:1200px; margin:20px auto; display:flex; flex-wrap:wrap; gap:20px; }
.qs-product-card { width:calc(33.33% - 14px); border:1px solid #ddd; padding:10px; background:#fff; position:relative; overflow:hidden; }
.qs-product-card img { width:100%; height:155px; object-fit:cover; transition:0.5s; }
.qs-product-card:hover img { transform:scale(1.2); }
.qs-product-card-title { height:50px; line-height:50px; text-align:center; border-top:1px solid #eee; padding-top:0; }
.qs-product-card-title a { color:#454545; font-size:15px; }
.qs-product-card:hover .qs-product-card-title a { color:#fff; }
/* Advantages */
.qs-advantages { width:100%; padding:40px 0; }
.qs-adv-en { text-align:center; font-family:Arial,sans-serif; font-size:94px; line-height:94px; text-transform:uppercase; color:#eee; font-weight:bold; }
.qs-adv-title { text-align:center; font-size:50px; font-weight:bold; line-height:66px; }
.qs-adv-title span { color:var(--qs-primary); font-size:60px; }
.qs-adv-line { width:80px; height:4px; background:var(--qs-primary); margin:20px auto; }
.qs-adv-sub { text-align:center; font-size:20px; color:#666; width:900px; margin:0 auto; }
.qs-adv-grid { width:1200px; margin:40px auto; display:flex; flex-wrap:wrap; gap:0; }
.qs-adv-item { width:50%; display:flex; gap:30px; padding:30px 0; }
.qs-adv-item:nth-child(even) { flex-direction:row-reverse; background:var(--qs-light); }
.qs-adv-item img { width:563px; height:324px; object-fit:cover; flex-shrink:0; }
.qs-adv-text { padding:40px 20px; }
.qs-adv-text h3 { font-size:40px; font-weight:normal; color:#332c2b; margin-bottom:25px; line-height:41px; }
.qs-adv-text h3 b { display:block; color:var(--qs-primary); padding-top:6px; }
.qs-adv-text li { font-size:16px; color:#000; line-height:22px; margin-bottom:20px; }
/* CTA Banner */
.qs-cta { width:100%; height:300px; background:linear-gradient(135deg,var(--qs-primary-dark),var(--qs-primary)); display:flex; align-items:center; justify-content:center; }
.qs-cta-inner { width:528px; text-align:center; }
.qs-cta-title { font-size:30px; line-height:50px; color:#fff; padding-bottom:13px; }
.qs-cta-title span { font-weight:bold; font-size:38px; }
.qs-cta-badge { display:inline-block; height:45px; line-height:45px; border:2px #fff solid; text-align:center; font-size:20px; color:#fff; padding:0 20px; margin:10px 0; }
.qs-cta-tel { font-size:21px; color:#fff; font-weight:bold; line-height:26px; margin-top:8px; }
.qs-cta-btn { display:inline-block; height:46px; line-height:46px; border-radius:30px; background:var(--qs-cta); color:#fff; font-size:18px; padding:0 30px; margin-left:15px; }
/* Company */
.qs-company-section { width:100%; background:var(--qs-light); padding-bottom:60px; }
.qs-company-inner { width:1200px; margin:0 auto; display:flex; gap:20px; padding-top:30px; }
.qs-company-pic { width:560px; height:375px; overflow:hidden; flex-shrink:0; }
.qs-company-pic img { width:100%; height:100%; object-fit:cover; }
.qs-company-info { width:580px; background:#fff; padding:29px 30px; }
.qs-company-info-title { height:50px; border-bottom:1px #ddd solid; font-size:24px; line-height:50px; text-align:center; }
.qs-company-info-title span { color:var(--qs-text); font-family:Arial,sans-serif; padding-left:10px; font-size:18px; text-transform:uppercase; }
.qs-company-info-text { padding-top:17px; line-height:30px; font-size:14px; color:#555; }
.qs-company-more { display:inline-block; height:38px; line-height:38px; border-radius:35px; border:1px #999 solid; font-size:15px; text-align:center; padding:0 24px; margin-top:15px; color:var(--qs-title); }
/* News */
.qs-news { width:100%; padding:30px 0; }
.qs-news-tabs { width:290px; margin:0 auto; display:flex; gap:15px; padding-bottom:44px; border-bottom:1px #f2f2f2 solid; }
.qs-news-tabs a { display:block; height:40px; line-height:40px; width:110px; text-align:center; font-size:16px; color:#fff; background:var(--qs-primary); transition:all 0.8s; }
.qs-news-tabs a.active,.qs-news-tabs a:hover { background:var(--qs-accent); }
.qs-news-grid { width:1200px; margin:30px auto; display:flex; flex-wrap:wrap; gap:0; }
.qs-news-card { width:265px; height:410px; border:1px solid #e0e0e0; border-bottom:4px solid #e0e0e0; margin:0 16px; overflow:hidden; position:relative; transition:all 0.8s; }
.qs-news-card img { width:265px; height:200px; object-fit:cover; }
.qs-news-card-date { position:absolute; margin-top:-60px; margin-left:15px; font-size:14px; color:#fff; z-index:2; }
.qs-news-card-day { display:inline-block; width:45px; height:45px; background:var(--qs-primary); font-size:20px; text-align:center; line-height:45px; }
.qs-news-card-ym { display:inline-block; color:#fff; padding-left:3px; font-size:14px; }
.qs-news-card-content { padding:15px; position:relative; }
.qs-news-card-title { line-height:40px; border-bottom:dashed 1px #d6d6d6; border-top:dashed 1px #d6d6d6; overflow:hidden; }
.qs-news-card-title a { font-size:16px; font-weight:bold; color:var(--qs-title); }
.qs-news-card-body { line-height:22px; padding-top:8px; font-size:13px; color:#414141; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
/* Links */
.qs-links { width:100%; overflow:hidden; padding:20px 0; background:var(--qs-primary); border-top:solid 10px var(--qs-primary); }
.qs-links-inner { width:1200px; margin:0 auto; display:flex; align-items:center; }
.qs-links-label { width:117px; border-right:solid 1px #fff; padding-right:15px; }
.qs-links-label .cn { font-size:16px; line-height:18px; color:#fff; }
.qs-links-label .en { font-family:Arial,sans-serif; font-weight:bold; font-size:30px; color:#fff; opacity:0.4; line-height:30px; }
.qs-links-list { flex:1; padding-left:22px; padding-top:5px; }
.qs-links-list a { font-size:14px; color:#fff; margin-right:12px; }
.qs-links-list a:hover { color:rgba(255,255,255,0.7); }
/* Footer */
.qs-footer { width:100%; padding:50px 0; background:var(--qs-footer); }
.qs-footer-inner { width:1200px; margin:0 auto; display:flex; gap:20px; }
.qs-footer-col { flex:1; }
.qs-footer-col-wide { width:266px; flex:none; }
.qs-footer-col-qr { width:288px; flex:none; }
.qs-footer-title { font-size:18px; color:#ccc; line-height:30px; }
.qs-footer-line { width:50px; height:1px; background:#666; margin-top:10px; transition:all 0.8s; }
.qs-footer-col:hover .qs-footer-line { width:70px; }
.qs-footer-links { margin-top:30px; color:var(--qs-text); font-size:14px; line-height:26px; }
.qs-footer-links a { color:var(--qs-text); font-size:14px; display:block; line-height:26px; }
.qs-footer-contact { margin-top:30px; color:var(--qs-text); font-size:14px; line-height:26px; }
.qs-footer-qr { display:flex; gap:20px; margin-top:30px; }
.qs-footer-qr-item { width:120px; text-align:center; }
.qs-footer-qr-item img { width:120px; border-radius:4px; }
.qs-footer-qr-item span { display:block; font-size:14px; color:#666; line-height:30px; }
/* Copyright */
.qs-copy { width:100%; background:var(--qs-copy); text-align:center; font-size:14px; color:var(--qs-text); padding:30px 0; line-height:30px; }
.qs-copy a { color:var(--qs-text); }
/* Article */
.qs-article { max-width:1200px; margin:20px auto; padding:0 16px; }
.qs-article h1 { font-size:24px; color:#555; text-align:center; padding:20px 0; border-bottom:1px solid #eee; }
.qs-article-meta { text-align:right; padding:10px 0; color:var(--qs-text); font-size:12px; }
.qs-article-content { padding:24px; line-height:28px; font-size:14px; overflow:hidden; }
.qs-article-content img { max-width:100%; margin:10px 0; }
/* Breadcrumb */
.qs-breadcrumb { width:1200px; margin:0 auto; padding:12px 0; font-size:13px; color:var(--qs-text); }
.qs-breadcrumb a { color:var(--qs-text); }
.qs-breadcrumb a:hover { color:var(--qs-primary); }
/* Responsive helpers */
.qs-wrapper { width:100%; }
.qs-clear { clear:both; height:0; overflow:hidden; }