/* qizhuti — WordPress integration styles (loaded after the original skin CSS) */

/* ---------- Search overlay ---------- */
.search_wrap{display:none;position:absolute;top:0;left:0;width:100%;background:#fff;z-index:999;padding:14px 0;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.search_wrap .search_in{position:relative;right:auto;top:auto;width:600px;max-width:92%;margin:0 auto;float:none;transform:none!important;opacity:1!important;height:auto;padding-right:0;border-bottom:1px solid #e0e0e0}
.search_wrap .search_in .serach{width:90%;height:44px;border:0;outline:0;font-size:15px}
.search_wrap .search_in .sub{width:40px;height:44px;border:0;background:url(../images/ss1.png) center center no-repeat;cursor:pointer;text-indent:-9999px}
.search_wrap .search_close{position:absolute;right:0;top:50%;width:24px;height:24px;margin-top:-12px;cursor:pointer;background:url(../images/close.png) center center no-repeat;background-size:contain}

/* ---------- Top nav dropdown (WP sub-menus) ---------- */
.top_nav .flexnav{position:relative}
.flexnav li{position:relative}
.flexnav li ul.sub-menu{display:none;position:absolute;top:100%;left:0;min-width:190px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:60;padding:6px 0}
.flexnav li:hover > ul.sub-menu{display:block}
.flexnav li ul.sub-menu li{float:none;display:block;width:100%}
.flexnav li ul.sub-menu li a{background:#fff!important;color:#333!important;height:auto!important;line-height:1.5!important;padding:10px 18px!important;white-space:nowrap;font-size:15px}
.flexnav li ul.sub-menu li a:hover{color:#c8102e}
.flexnav li i.navdown{display:none}
@media (max-width:1000px){
  .top_nav .flexnav{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:80}
  .top_nav .flexnav.open{display:block}
  .flexnav li{float:none;display:block;text-align:left}
  .flexnav li ul.sub-menu{position:static;box-shadow:none;display:none}
  .flexnav li:hover > ul.sub-menu{display:none}
  .flexnav li.open > ul.sub-menu{display:block}
}

/* ---------- Language switcher (TranslatePress shortcode) ---------- */
.language{position:relative;display:inline-block;cursor:pointer;vertical-align:middle}
.language .trp-language-switcher{position:relative;font-size:14px;color:#555;line-height:40px}
.language .trp-language-switcher a{color:#555}
.language .trp-language-switcher ul{display:none;position:absolute;top:100%;right:0;min-width:140px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:70;padding:6px 0;list-style:none;margin:0}
.language:hover .trp-language-switcher ul{display:block}
.language .trp-language-switcher ul li{padding:6px 14px;white-space:nowrap}
.language .trp-language-switcher ul li a{color:#333}

/* ---------- Product category swiper slide width ---------- */
.idx_proflul .idx_proflli{width:200px}

/* ---------- Generic article (single post / page) ---------- */
.qz-article{max-width:1200px;margin:0 auto;padding:40px 0;line-height:1.9;font-size:15px;color:#444}
.qz-article h1,.qz-article h2,.qz-article h3{color:#222;margin:18px 0 12px}
.qz-article img{max-width:100%;height:auto}
.qz-article .qz-meta{color:#999;font-size:13px;margin-bottom:18px;border-bottom:1px solid #eee;padding-bottom:12px}
.qz-article .qz-meta span{margin-right:18px}

/* ---------- Page stats (per-page fields) ---------- */
.qz-page-stats{display:flex;flex-wrap:wrap;gap:30px;margin:30px 0;justify-content:center}
.qz-page-stats .qz-stat{flex:1;min-width:160px;text-align:center}
.qz-page-stats .qz-stat b{display:block;font-size:42px;color:#c8102e;font-weight:700;line-height:1.1}
.qz-page-stats .qz-stat span{font-size:15px;color:#333}
.qz-page-stats .qz-stat i{display:block;font-style:normal;font-size:14px;color:#777;margin-top:4px}
.qz-page-blocks{margin:30px 0}
.qz-page-blocks .qz-block{display:flex;gap:24px;align-items:center;margin-bottom:24px;flex-wrap:wrap}
.qz-page-blocks .qz-block:nth-child(even){flex-direction:row-reverse}
.qz-page-blocks .qz-block img{max-width:320px;width:100%}
.qz-page-blocks .qz-block .qz-block-text{flex:1;min-width:240px}
.qz-page-blocks .qz-block h3{margin:0 0 8px;color:#222}

/* ---------- Contact page form ---------- */
.qz-contact-form{max-width:560px;margin:30px auto 0}
.qz-contact-form .wpcf7-form-control-wrap input,
.qz-contact-form .wpcf7-form-control-wrap textarea{margin-bottom:0}
.qz-contact-form label{display:block;font-size:14px;color:#333;margin-bottom:6px}

/* ---------- Inner banner (archive / single) ---------- */
.qz-inner-banner{position:relative;height:320px;background-size:cover;background-position:center;background-repeat:no-repeat}
.qz-inner-banner .qz-inner-con{position:absolute;left:0;right:0;bottom:60px;text-align:center;color:#fff}
.qz-inner-banner .qz-inner-con p{font-size:34px;font-weight:700;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.qz-inner-banner .qz-inner-con span{display:block;font-size:15px;margin-top:8px;opacity:.9}

/* ---------- Grid1 (industry) reused from original .h_pros_list ---------- */
.h_pros_list ul{display:flex;flex-wrap:wrap;gap:20px}
.h_pros_list li{flex:1;min-width:240px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px;transition:.3s}
.h_pros_list li:hover{box-shadow:0 8px 24px rgba(0,0,0,.12)}
.h_pros_list li img.pro_img{width:100%;height:180px;object-fit:cover}
.h_pros_list .h_pros_text01 p a{font-size:18px;color:#222;font-weight:600}
.h_pros_list .h_pros_text02 p{color:#777;font-size:14px;margin-top:8px}

/* ---------- Grid2 (honor) ---------- */
.qz-grid2{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px}
.qz-grid2 .qz-grid2-item{flex:1;min-width:240px;max-width:calc(25% - 18px);background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow:hidden;transition:.3s}
.qz-grid2 .qz-grid2-item:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.qz-grid2 .qz-grid2-item a{display:block}
.qz-grid2 .qz-grid2-item img{width:100%;height:200px;object-fit:cover}
.qz-grid2 .qz-grid2-item h3{font-size:16px;color:#222;margin:0;padding:14px 16px}
@media (max-width:1000px){.qz-grid2 .qz-grid2-item{max-width:calc(50% - 12px)}}
@media (max-width:600px){.qz-grid2 .qz-grid2-item{max-width:100%}}

/* ---------- News list (reuse original classes) ---------- */
.qz-news-list{margin-top:20px}
.qz-news-list ul{list-style:none;margin:0;padding:0}
.qz-news-list li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #eee;align-items:flex-start}
.qz-news-list .news_time{color:#999;font-size:13px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.qz-news-list .news_con{flex:1}
.qz-news-list .news_name a{font-size:17px;color:#222;font-weight:600}
.qz-news-list .news_con p{color:#777;font-size:14px;margin:8px 0 0;line-height:1.7}
.qz-news-list .news_quan{width:10px;height:10px;border-radius:50%;background:#c8102e;margin-top:8px;flex:none}

/* ---------- Pagination ---------- */
.qz-pagination{text-align:center;margin:30px 0}
.qz-pagination a,.qz-pagination span{display:inline-block;padding:8px 14px;margin:0 4px;border:1px solid #ddd;color:#555}
.qz-pagination .current{background:#c8102e;color:#fff;border-color:#c8102e}

/* ---------- Misc ---------- */
.clear{clear:both}
.qz-section-pad{padding:50px 0}
@media (max-width:768px){
  .qz-page-stats .qz-stat b{font-size:32px}
  .qz-page-blocks .qz-block,
  .qz-page-blocks .qz-block:nth-child(even){flex-direction:column;text-align:center}
}