/*-----------------------------------------------------------------------------------
Theme Name:温州天旗汽车部件有限公司
Theme URL:www.hyir.com
Description:温州天旗汽车部件有限公司网站由QQ:813069开发
Version:1.2
Author:QQ:813069 
-----------------------------------------------------------------------------------*/
 
 
    .custom-cat-menu-wrapper {
        width: 100%;
        background-color: #f8f8f8;
        padding: 15px 20px;
        font-family: "思源黑体", "微软雅黑", sans-serif;
    }
    .custom-cat-title {
        font-size: 36px;
        font-weight: 800;
        color: #000;
        margin: 0 0 25px 0;
        line-height: 1;
    }
    .custom-cat-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 22px;
        line-height: 1.8;
    }
    .custom-cat-item {
        margin: 6px 0;
    }
    .custom-cat-link {
        color: #b0b0b0;
        font-weight: 700;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 12px;
        cursor: pointer;
    }
    .custom-cat-current-parent > .custom-cat-link {
        color: #003b90 !important;
    }
    .custom-cat-arrow {
        font-size: 26px;
        font-weight: 600;
        display: inline-block !important;
        transform: translateY(2px);
        color: inherit;
        transition: transform 0.2s ease;
    }
    .custom-cat-item:not(.custom-cat-current-parent) .custom-cat-arrow {
        transform: translateY(2px) rotate(90deg);
    }
    .custom-sub-cat-menu {
        list-style: none;
        padding: 0;
        margin: 8px 0 0 0;
        font-size: 18px;
        line-height: 1.6;
    }
    .custom-sub-cat-item {
        margin: 4px 0;
    }
    .custom-sub-cat-link {
        color: #888;
        font-weight: 400;
        text-decoration: none;
    }
    .custom-sub-cat-current > .custom-sub-cat-link {
        color: #003b90 !important;
        font-weight: 400;
    }
    .custom-cat-item:not(.custom-cat-current-parent) .custom-sub-cat-menu {
        display: none;
    }
 


 
/* 整体容器 */
.image-wrapper {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
}

/* 大图区域（和参考图一致的白色内边距+灰色边框） */
.pq-post-meta {
    flex: 0 0 75%;
    border: 3px solid #e0e0e0;
    padding: 20px;
    border-radius: 2px;
}
.pq-post-meta img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.4s ease;
    opacity: 1;
}

/* 小图列表容器：高度同步大图 */
.thumb-list {
    flex: 0 0 22%;
    display: flex;
    flex-direction: column;
    gap: 15px; /* 小图之间的间距，和参考图一致 */
    height: 100%;
}

/* 小图：正方形 + 边框 + 内边距 */
.thumb-item {
    border: 2px solid #e0e0e0;
    border-radius: 2px;
    padding: 10px;
    cursor: pointer;
    transition: border-color 0.2s;
    /* 核心：3个小图 + 2个间距 = 总高度 */
    flex: 0 0 calc((100% - 2 * 15px) / 3);
    aspect-ratio: 1 / 1; /* 强制正方形 */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.thumb-item:hover {
    border-color: #999;
}
.thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 图片不变形，填满正方形 */
    display: block;
}

/* 淡入淡出动画 */
.fade-out {
    opacity: 0 !important;
}
 
 
/* 整体容器 */
.product-specs-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 15px;
}

/* 产品型号：大号蓝色粗体 */
.product-model {
  font-size: 3rem;
  font-weight: 700;
  color: #003b90; /* 匹配截图蓝色 */
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 1.1;
}

/* 每个参数卡片 */
.spec-card {
  padding: 10px 0;
}

/* 参数标题：蓝色粗体 */
.spec-title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #003b90;
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 1.2;
}

/* 参数列表（无序列表） */
.spec-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #444;
}

/* 单个参数值（如Pressure/Flow） */
.spec-value { 
  line-height: 1.8;
  color: #444;
  margin: 0;
}

/* 响应式字号适配（手机端缩小） */
@media (max-width: 768px) {
  .product-model {
    font-size: 2rem;
  }
  .spec-title {
    font-size: 1.5rem;
  }
  .spec-list, .spec-value {
    font-size: 1.4rem;
  }
}
 


/* 强制显示轮播容器 */
#rev_slider_1_1_wrapper {
    visibility: visible !important;
    display: block !important;
    height: 1267px !important;
    width: 100% !important;
}

/* 强制显示幻灯片和背景图 */
rs-slides, rs-slide {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    opacity: 1 !important;
    z-index: 999 !important;
}

.rev-slidebg {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
 

.pq-service-box-slider.pq-style-1 .slick-slider-main .pq-service-box-media img {
    object-fit: scale-down;
    width: auto;
    max-width: none;
}

.pq-section-title .tqbai{color: #fff;}


 
 
 
 
.news .pq-post-meta {
    flex: 0 0 75%;
    border: 0;
    padding: 0;
    border-radius: 0;
}
 


/* 基础样式 - 电脑端 */
.process-icon {
    width: 222px;       /* 电脑端宽度 */
    height: auto;       /* 高度自适应，保持比例 */
    max-width: 100%;    /* 防止溢出容器 */
    display: block;     /* 消除inline默认间隙 */
    margin-left: auto;  /* 右对齐，和左侧文字呼应 */
}

/* 手机端适配 - 屏幕宽度≤960px（主流手机屏） */

@media (max-width: 960px) {
    .process-icon {
        
        width: 140px;
        margin: 0 auto;
    }
}

 
@media (max-width: 768px) {
    .process-icon {
        display: none;
    }
}



.pq-header.pq-style-2 .pq-bottom-header .navbar .navbar-collapse .pq-menu-contain .pq-main-menu li.menu-item.current-menu-item .sub-menu li.current-menu-item>a {
    color: var(--primary-color);
}
.pq-header.pq-style-2 .pq-bottom-header .navbar .navbar-collapse .pq-menu-contain .pq-main-menu li.menu-item.current-menu-item a {
    color: var(--primary-color);
}

.pq-header.pq-style-2 .pq-bottom-header .navbar .navbar-collapse .pq-menu-contain .pq-main-menu li.menu-item .sub-menu .current-menu-item > a {
    color: var(--primary-color);
    
}

.pq-header.pq-style-2 .pq-bottom-header .navbar .navbar-collapse .pq-menu-contain .pq-main-menu li.menu-item .sub-menu .current-menu-parent > a {
    color: var(--primary-color);
    
}
 

.page_navi{overflow:hidden;margin: 30px; padding-top: 50px;width:100%;text-align:center}
.page_navi a{border: 1px solid #DDD;
    /* -webkit-border-radius: 12px; */
    -moz-border-radius: 12px;
    /* border-radius: 12px; */
    color: #888;
    text-decoration: none;
    line-height: 36px;
    margin: 6px;
    padding: 5px 15px;}
.page_navi a:hover,.page_navi a.current{border:1px solid #ccc;color:#fff; background-color:#003b90; :bolder}

.mt5{margin-top: 50px;}

@media (max-width: 768px) {
    .banner {
        height: 50vh;
    }

    .pq-section-title .pq-section-main-title {
        font-size: 21px;
        line-height: 37px;
    }

    .pq-service-box.active .pq-service-icon svg, .slick-current .pq-service-box .pq-service-icon svg {
        fill: #ffffff;
        height: 60px;
    }

    h3 {
        font-size: 25px;
        font-style: normal;
        line-height: 40px;
    }

    .pq-about-us-info-title {
        font-size: 22px;
        line-height: 38px;
    }


    .pq-icon-box.pq-style-2 .pq-icon-box-icon {
        font-size: 40px;
        line-height: 78px;
        color: var(--primary-color);
        margin-bottom: 10px;
    }

    .pq-about-designation {font-size: 12px;

}