/* ============================================================
   feixian 产品详情页专属样式 (pro-detail.css)
   重构自 blog-zh 的 test01/02/03 + select-product + style-xiangqing + mobile
   合并精简：仅保留 auto/show.html 产品详情体系(pro-d-/product-命名空间)实际用到的规则
   主题色已统一为 feixian 深蓝 #1d2088 (原 blog-zh 青绿 #77CBC7 / #50BDB7 已替换)
   原 5550 行 -> 约 970 行
   ============================================================ */

/* ===== source: test01.css (重构自 blog-zh, 主题色统一 #1d2088) ===== */

.pro-d-text {
font-size: 20px;
}
.pro-d-text p {
line-height: 32px;
    margin-bottom: 16px;
}
.pro-d-text img {
width: 75% !important;
}
@media (max-width: 767px) {
.pro-d-left-arrow-about, .pro-d-right-arrow-about {
display: none;
}
.pro-d-container {
display: unset; 
        padding: 20px 10px;
}
.pro-d-image-gallery {
display: unset;
}
.pro-d-main-image {
width: 100%;
}
.pro-d-thumbnail-gallery {
flex-direction: unset;
        margin-top: 10px;
}
.pro-d-thumbnail-container {
flex-direction: unset;
        height: unset;
}
.pro-d-thumbnail {
width: 100px;
}
.pro-d-arrow-btn {
transform: rotate(-90deg);
        display: none;
}
.pro-d-product-info {
width: 100%;
        margin-top: 30px;
}
.pro-d-btn {
font-size: 16px !important;
        /*padding: 10px 5px;*/
}
.pro-d-btn a {
padding: 10px 5px;
}
.pro-d-feature-section {
padding: 0; 
        width: 100%;
}
.pro-d-feature-section h2 {
padding-left: 1em;
}
.pro-d-about-carousel .pro-d-about-se-c .pro-d-about-carousel-content {
display: unset;
}
}
@media (max-width: 1400px) {
/*相关产品*/
    .pro-d-about-tit-btn h2 {
font-size: 1.5em;
}
.pro-d-btn a {
display: inline-block;
        width: 100%;
}
}
@media (max-width: 1570px) {
.pro-d-btn a {
display: inline-block;
        width: 100%;
}
}
@media (min-width: 1447px) and (max-width: 1526px) {
.pro-d-btn {
font-size: 15px;
        /*padding: 10px 10px;*/
}
.pro-d-btn a {
padding: 10px 10px;
}
}
@media (min-width: 1200px) and (max-width: 1446px) {
.pro-d-btn {
font-size: 11px;
        /*padding: 10px 5px;*/
}
.pro-d-btn a {
padding: 10px 5px;
}
}
@media (min-width: 1201px) and (max-width: 1400px) {
.product-card img {
width: 70%;
}
.product-info {
padding: 0 5px;
}
.product-info h4 {
font-size: 14px;
        line-height: 20px;
}
}
@media (min-width: 1401px) and (max-width: 1600px) {
.product-card img {
width: 75%;
}
.product-info {
padding: 0 10px;
}
.product-info h4 {
font-size: 16px;
        line-height: 20px;
}
/*相关产品*/
    .pro-d-about-tit-btn h2 {
font-size: 1.7em;
}
}
@media (min-width: 1601px) and (max-width: 2000px) {
.product-card img {
width: 75%;
}
.product-info {
padding: 0 15px;
}
.product-info h4 {
font-size: 16px;
        line-height: 20px;
}
}

/* ===== source: test02.css (重构自 blog-zh, 主题色统一 #1d2088) ===== */

/* 右侧产品展示区 */
.product-c-box {
width: 82%;
    margin: 0 auto;
}
.product-grid {
flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 每行三个 .product-card */
    gap: 100px 60px;
    /*padding: 20px;*/
    background-color: #f5f5f5;
    overflow-y: auto;
    margin-left: 100px;
    width: 95%;
    /*min-height: 1100px;*/
    margin-bottom: 50px;
}
.product-card {
background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
	max-height: 700px;
    height: 100%;
    overflow: hidden;
}
.product-card:hover {
/*box-shadow: 0 -8px 25px 5px rgb(29 32 136 / 45%);*/
    border: 1px solid #1d2088;
}
.product-title {
line-height: 40px;
    background: #1d2088;
    color: #fff;
    font-weight: bold;
}
.product-card img {
width: 75%;
    height: auto;
    margin: 2rem auto;
    /*aspect-ratio: 16/10;*/
}
.product-info {
padding: 0 15px;
}
.product-info h4 {
font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 10px 0;
    /*min-height: 5.5em;*/
    line-height: 24px;
}
.product-details {
font-size: 14px;
    color: #666;
    margin: 10px 10px 20px 10px;
    text-align: left;
    /*min-height: 72px;*/
}
.product-details li {
line-height: 28px;
    text-align: left;
    /*list-style: disc;*/
    font-weight: 500;
    font-size: 0.925em;
}
.product-actions {
display: flex;
    justify-content: space-between;
    padding-top: 4px;
    background-color: #f5f5f5;
    line-height: 66px;
}
.product-actions a {
font-size: 14px;
    color: #53BFCD;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    background: #fff;
    width: 49.5%;
}

/* ===== source: test03.css (重构自 blog-zh, 主题色统一 #1d2088) ===== */

/* 调整产品概括区域与上下区域的间距 */
.pro-d-container {
background-color: white;
    display: flex;
    flex-wrap: nowrap; 
    justify-content: space-between; 
    /* 增大上下内边距，调整间距；左右内边距改用响应式，避免 1366 下左右各 100px 浪费 */
    padding: 0 100px 2%; 
    padding-left: clamp(12px, 6vw, 100px);
    padding-right: clamp(12px, 6vw, 100px);
    gap: 20px;
    overflow-y: auto;
}
.pro-d-image-gallery {
width: 45%; 
    display: flex;
    flex-direction: column;
    border-top: none; 
    padding-top: 2rem;
}
.pro-d-main-image {
display: flex;
    justify-content: center;
    max-height: 816px;
    width: auto;
}
#main-img {
transition: opacity 0.3s ease-in-out;
    /* 去掉大图边框 */
    border: none; 
    /* 保持图片等比缩放 */
    max-width: 100%; 
    height: auto;
}
.pro-d-thumbnail-gallery {
display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
}
.pro-d-thumbnail-container {
display: flex;
    flex-direction: row;
    gap: 10px;
    overflow: hidden;
    width: 80%;
    height: auto;
    position: relative;
    scroll-behavior: smooth;
}
/* 隐藏箭头按钮 */
.pro-d-arrow-btn {
display: none;
}
.pro-d-thumbnail {
width: 16%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain; /* 让小图在框内完整显示 */
    /* 使用大图的边框样式 */
    border: 1px solid #fff; 
    cursor: pointer;
    transition: transform 0.3s, border-color 0.3s;
}
.pro-d-up-arrow {
display: none; /* 隐藏上下箭头 */
}
.pro-d-down-arrow {
display: none; /* 隐藏上下箭头 */
}
.pro-d-left-arrow {
order: -1; /* 将左箭头放在最左边 */
}
.pro-d-right-arrow {
order: 1; /* 将右箭头放在最右边 */
}
.pro-d-thumbnail.active {
border-color: #7bbbb6; /* 高亮边框 
    /* transform: scale(1.1); */
}
.pro-d-arrow-btn {
background: none;
    color: #000;
    border: none;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.pro-d-arrow-btn:hover {
/*background: #0056b3;*/
}
.pro-d-product-info {
width: 50%; 
    background: white;
    padding: 20px;
    border-radius: 5px;
}
.pro-d-video-player {
position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 比例，如果视频比例不同需要调整 */
    overflow: hidden;
    margin-top: 5%;;
}
.pro-d-video-player iframe,
.pro-d-video-player video {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
.pro-d-video-player {
width: 100%;
        align-self: center;
}
}
.pro-d-product-info h1 {
font-size: 24px;
    margin-bottom: 10px;
    font-weight: bold;
}
.pro-d-product-info ul {
list-style: none;
    padding: 0;
    margin: 10px 0;
    min-height: 130px;
}
.pro-d-product-info ul li {
margin-bottom: 8px;
    font-size: 16px;
}
.pro-d-buttons {
margin-top: 20px;
    display: flex;
}
.pro-d-btn {
background-color: #fff;
    color: #1d2088;
    border: 1px solid #1d2088;
    margin-right: 1.825rem;
    cursor: pointer;
    border-radius: 5px;
    font-size: 1rem;
    transition: background-color 0.3s;
}
.pro-d-btn a {
display: inline-block;
    padding: 10px 10px;
    color: #1d2088;
}
.pro-d-btn:hover a {
color: #fff;
}
.pro-d-btn:hover {
background-color: #1d2088;
    color: #fff;
}
.pro-d-intro-box {
margin-bottom: 23px;
    position: relative;
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .2s;
    /* visibility: hidden; */
}
.pro-d-intro-box .pro-d-txt-control-box {
height: 56px;
    overflow: hidden;
    transition: height .3s ease-out;
}
.pro-d-intro-box .pro-d-op-clo-btn {
width: 15px;
    position: absolute;
    right: -10px;
    bottom: 0px;
    transition: all .36s;
    cursor: pointer;
    z-index: 50;
    display: flex;
    align-items: end;
}
.pro-d-intro-box .pro-d-op-clo-btn img {
width: 100%;
    transition: transform 0.3s ease-out; /* 添加旋转动画 */
}

/* 核心功能 */
.pro-detail-mian {
margin-top: 20PX;
    padding-bottom: 20PX;
    background-color: #f5f7fa;


}
.pro-detail-mian2 {
background-color: #fff;
    margin-top: 20PX;
    padding-bottom: 20PX;
}
.pro-d-feature-section {
text-align: center;
    margin: 0px auto;
    padding:0 20px 0px 20px;
    width: 90%;
}
.pro-d-feature-section h2 {
padding-left: 2em;
    font-size: 24px;
    color: #333;
    /* margin-bottom: 10px; */
}
.pro-d-tit-and-btn {
display: flex;
    align-items: center;
    justify-content: space-between;
    height: 5rem;
}
.pro-d-arrow-btn-f {
cursor: pointer;
    transition: opacity 0.3s;
}
.pro-d-arrow-btn-f[disabled] {
cursor: not-allowed;
    opacity: 0.5; /* 浅色效果 */
}
.pro-d-btn-box {
display: flex;
}
.pro-d-btn-box button {

}
.pro-d-carousel {
display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 100%; /* 限制轮播图宽度 */
    margin-bottom: 1rem;
}
.pro-d-feature-se-c {
width: 100%;
    overflow: hidden;
}
.pro-d-carousel-content {
/*display: flex;*/
    /* overflow: hidden; */
    margin: 0 auto;
    width: 95%; /* 显示区域 */
    position: relative;
    gap: 20px;
    padding: 0 0px; /* 留出左右按钮的空间 */
    transition: transform 0.5s ease-in-out;
    text-align: left;
}
.pro-d-carousel-content img {
width: 75%;
}
.pro-d-feature-card {
flex: 0 0 calc((100% - 40px) / 3); /* 减去总gap */
    padding: 7px 20px;
    box-sizing: border-box;
    /*border-top: 3px solid #1d2088;*/
    /*background-color: #fff;*/
    color: #333;
    text-align: left;
    font-size: 19px;
    line-height: 22px;
}
.pro-d-arrow-btn-f {
background: none;
    border: 2px solid #1d2088;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #1d2088;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: absolute; */
    top: 50%;
    /* transform: translateY(-50%); */
    z-index: 10;
    transition: background-color 0.3s, color 0.3s;
}
.pro-d-left-arrow-f {
left: 10px;
    margin-right: 5px;
}
.pro-d-right-arrow-f {
right: 10px;
    margin-left: 5px;
}
.pro-d-arrow-btn-f:hover {
background-color: #1d2088;
    color: #fff;
}
/*产品资料*/
.pro-d-product-info-1 {
width: 90%;
    margin: 0px auto;
    text-align: left;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
}
.pro-d-product-info-1 h2 {
font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}
.pro-d-tab-menu {
display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.pro-d-tab {
padding: 8px 16px;
    background-color: #f2f2f2;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    transition: background-color 0.3s, color 0.3s;
}
.pro-d-tab.active {
background-color: #1d2088;
    color: #fff;
}
.pro-d-line {
height: 2px;
    background-color: #1d2088;
    margin: 20px 0;
}
.pro-d-content-container {
margin-top: 10px;
}
.pro-d-content {
display: none;
}
.pro-d-content.active {
display: block;
}
.pro-d-file-row {
display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.pro-d-icon {
font-size: 20px;
    margin-right: 10px;
    color: #666;
}
.pro-d-file-title {
flex: 1;
    font-size: 16px;
    color: #333;
}
.pro-d-file-size {
font-size: 14px;
    color: #999;
    margin-right: 20px;
}
.pro-d-file-actions {
display: flex;
    gap: 30px;
    font-size: 14px;
    color: #007bff;
    margin-right: 20px;
}
.pro-d-file-actions a {
text-decoration: none;
    color: #666;
    transition: color 0.3s;
}
.pro-d-file-actions a:hover {
color: #0056b3;
}
.pro-d-ap-tit-btn {
display: flex;
    align-items: center;
    justify-content: space-between;
    height: 8rem;
}
.pro-d-ap-tit-btn h2 {
font-size: 1.8rem;
    color: #fff;
}
.pro-d-ap-tit-btn .pro-d-arrow-btn-ap {
background: none;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: absolute; */
    top: 50%;
    /* transform: translateY(-50%); */
    z-index: 10;
    transition: background-color 0.3s, color 0.3s;
}
.pro-d-ap-tit-btn .pro-d-left-arrow-ap {
left: 10px;
    margin-right: 5px;
}
.pro-d-arrow-btn-ap[disabled] {
cursor: not-allowed;
    opacity: 0.5; /* 浅色效果 */
}
.pro-d-ap-tit-btn .pro-d-right-arrow-ap {
right: 10px;
    margin-left: 5px;
}
.pro-d-app-carousel {
display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 100%; /* 限制轮播图宽度 */
}
.pro-d-app-carousel .pro-d-app-se-c {
width: 100%;
    overflow: hidden;
}
.pro-d-app-carousel .pro-d-app-se-c .pro-d-app-carousel-content {
display: flex;
    /* overflow: hidden; */
    width: 100%; /* 显示区域 */
    position: relative;
    gap: 20px;
    padding: 0 0px; /* 留出左右按钮的空间 */
    transition: transform 0.5s ease-in-out;
}
.pro-d-app-carousel-content .pro-d-app-card {
flex: 0 0 calc((100% - 40px) / 4); /* 减去总gap */
    padding: 20px;
    box-sizing: border-box;
    border-top: 3px solid #1d2088;
    background-color: #fff;
    color: #333;
    text-align: left;
    background: #1d2088;
}
.pro-d-app-card .ap-content-box {
width: 100%;
    /* text-align: center; */
}
.pro-d-app-card .ap-content-box img {
width: 100%;
    border-radius: 20px;
}
.pro-d-about-card .about-content-box p {
font-size: 1.625rem;
	color: #fff;
}
.pro-d-arrow-btn-about:hover {
background-color: #fff;
    color: #1d2088;
}
/*相关产品*/
.about-pro-se-box {
text-align: center;
    margin: 0px auto;
    padding: 20px;
    width: 90%;
}
.pro-d-about-tit-btn {
display: flex;
	margin-bottom: 3em;
	align-items: center;
	justify-content: center;
	/*height: 8rem;*/
}
.pro-d-about-tit-btn h2 {
font-size: 1.8rem;
	color: #000;
}
.pro-d-arrow-btn-about {
background: none;
	border: 2px solid #1d2088;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-size: 18px;
	color: #1d2088;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	transition: background-color 0.3s, color 0.3s;
}
.pro-d-left-arrow-about {
left: 10px;
	/* margin-right: 5px; */
}
.pro-d-arrow-btn-about[disabled] {
cursor: not-allowed;
    opacity: 0.5; /* 浅色效果 */
}
.pro-d-right-arrow-about {
right: 10px;
	/* margin-left: 5px; */
}
.pro-d-about-carousel {
display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	max-width: 100%; /* 限制轮播图宽度 */
}
.pro-d-about-carousel .pro-d-about-se-c {
width: 90%;
	overflow: hidden;
}
.pro-d-about-carousel .pro-d-about-se-c .pro-d-about-carousel-content {
display: flex;
	/* overflow: hidden; */
	width: 100%; /* 显示区域 */
	position: relative;
	gap: 20px;
	padding: 0 0px; /* 留出左右按钮的空间 */
	transition: transform 0.5s ease-in-out;
}
.pro-d-about-carousel-content .pro-d-about-card {
flex: 0 0 calc((100% - 80px) / 4); /* 减去总gap */
	padding: 20px;
	box-sizing: border-box;
	/*border-top: 3px solid #1d2088;*/
	/*background-color: #fff;*/
	color: #333;
	text-align: left;
	/*background: #1d2088;*/
}
.pro-d-about-card .about-content-box {
width: 100%;
	/* text-align: center; */
}
.pro-d-about-card .about-content-box img {
width: 100%;
	border-radius: 20px;
}
.pro-d-about-card .about-content-box p {
font-size: 1.625rem;
	color: #fff;
}
.pro-d-arrow-btn-about:hover {
background-color: #fff;
    color: #1d2088;
}
.pro-d-carousel-content-xiangqing {
font-size: 16px;
    line-height: 1.8;
    color: #212529;
    text-align: left;
    /* 设备优势区块：浅灰底 + 圆角 + 内边距，与主背景白区分显示 */
    background-color: #f5f7fa;
    border-radius: 8px;
    margin-top: 8px;
}

/* ===== source: style-xiangqing.css (重构自 blog-zh, 主题色统一 #1d2088) ===== */

/*.home-product .product-list {
margin-top: 20px; margin-bottom: 10px
}
*/
.home-product .product-list {
margin-top: 20px; margin-bottom: 10px; justify-content: space-between;
}
/*产品列表*/
.product-list li {
min-width: 30%; background: #F2F3F4; padding-top: 15px; padding-bottom: 15px; border-radius: 15px;
}
.product-list li .learn_icon a {
color: #5CC2C9;
}
.product-list li .thumb {
border:solid 1px #ddd
}
.product-list li img {
width: 100%; aspect-ratio: unset;
}
/*.product-list li .t {
font-weight: bold; text-align: center; line-height: 25px; overflow: hidden; margin: 10px 0
}
*/
.product-list li .t {
padding-left: 10px; font-weight: bold; text-align: left; line-height: 25px; overflow: hidden; margin: 10px 0
}
.product-list li .c {
/*font-weight: bold;*/ text-align: left; line-height: 25px; overflow: hidden; margin: 10px 0
}
.product-list li .desc {
color: #999; line-height: 120%; height: 58px; overflow: hidden; margin-bottom: 20px
}
.product-list li:hover .thumb {
border: solid 1px #1d2088;box-shadow:#1d2088 5px 5px 15px -6px;
}
.product-list li:hover .t {
text-decoration: none;
}
.product-details {
line-height: 18px; margin-bottom: 15px;
}
/*产品详情*/
/*.show-product-main {
margin-bottom: 50px;
}
/*20210423 产品详情*/
.show-product-thumb .carousel-inner {
border: solid 1px #ccc
}
.show-product-thumb .carousel {
padding-bottom: 100px;
}
/*产品详情页轮播图高低*/
.show-product-main .carousel-inner .carousel-control-next:hover i,
.show-product-main .carousel-inner .carousel-control-prev:hover i {
background-color: rgba(0,0,0,0.1); font-size: 30px; padding: 20px 10px; display: inline-block
}
.show-product-thumb .carousel-indicators {
margin: 0
}
.show-product-thumb .carousel-indicators li {
width: 120px; height: 80px; text-indent: 0; border: solid 1px #ddd
}
.show-product-thumb .carousel-indicators .active {
background-color: red; border: 1px solid #FF6600;
}
.show-product-thumb .carousel-indicators .carousel-control-next,
.show-product-thumb .carousel-indicators .carousel-control-prev {
border: solid 1px #ccc; width: 40px
}
.show-product-thumb .carousel-indicators .carousel-control-next i,
.show-product-thumb .carousel-indicators .carousel-control-prev i {
color: #666; font-size: 30px
}
.show-product-info .show-title {
margin-top: 10px; margin-bottom:10px
}
.show-product-info .show-title h1 {
font-size: 18px; line-height: 140%
}
.show-product-info .show-title h5 {
font-size: 16px; line-height: 140%; color: #999
}
.show-product-info .description {
font-size: 16px; line-height: 140%; color: #999; margin-top: 10px
}
.show-product-info .product-cpyy {
padding-top: 30px; position:absolute;bottom:50px;
}
.product-cpyy img {
max-width: 93%;
}
.show-product-info .show-btn {
overflow: hidden; margin: 20px 0
}
.show-product-info .show-btn a {
display: block;color: #337ab7;
}
.show-product-info .show-btn a i {
margin-right: 10px
}
.show-product-content1 table tr td {
border: 1px solid #ddd;
}
/************右侧产品数据，小图 2021/3/4 15:14 **************/

.product-data {
padding:0px 0px 0px 0px;
}
.product-data img {
width: 78px;margin-top: 17%;
}
.product-data h1 {
height: 40px;
    font-weight:500;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    margin: 0px;
}
.product-data-sroll {
width: 460px; height: 80px;
}
.product-data-sroll span {
text-align: center;
}
.product-data-sroll span i {
top: 40%;
    font-size: 12px;
    color: #CCC;
    text-align: center;
}
.product-data-sroll span:hover i {
color: #666;
}
.product-data >.product-data-sroll .carousel-indicators li {
display: inline-block;
    width: 80px;
    height: 78px;
    margin:0px 2px;
    text-indent: 1px;
    border: 1px solid #CCC;
    background-color: #FFF \9;
    background-color: #FFF;
    z-index: 1;
    overflow: hidden;
}
.product-data >.product-data-sroll  .carousel-indicators {
position: relative;
    bottom: 0px;
    left:0px;
    z-index: 15;
    width: 100%;
    margin: 0px 0px 0px 0px  ;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

/* ===== source: mobile.css (重构自 blog-zh, 主题色统一 #1d2088) ===== */

@media(max-width:767px) {
.show-product-related {
order:2
}
}
/* ===== 设备优势富文本列表：恢复 ol/ul 编号/符号与间距（对齐线上原版的 1.2.3... 视觉） ===== */
.pro-d-carousel-content-xiangqing ol {
    list-style: decimal;
    padding-left: 2em;
    color: #333;
}
.pro-d-carousel-content-xiangqing ol > li {
    margin-bottom: 0.5em;
    line-height: 1.8;
    font-size: 16px;
}
.pro-d-carousel-content-xiangqing ul {
    list-style: disc;
    padding-left: 2em;
    color: #333;
}
.pro-d-carousel-content-xiangqing ul > li {
    margin-bottom: 0.5em;
    line-height: 1.8;
    font-size: 16px;
}

/* ===== 图廊主图区健壮性：图片 404/无图时优雅占位，避免左栏塌陷为空白 =====
   同时用浅灰蓝底 + 边框 + 圆角 + 内边距，使其背景与主白色背景明显区分 */
.pro-d-main-image {
    min-height: 340px;
 
    border: 1px solid #e6e9f0;
    border-radius: 8px;
    padding: 16px;
}
#main-img {
    min-height: 300px;
    background-color: #f5f5f5;
}
@media (max-width: 767px) {
    .pro-d-main-image { min-height: 240px; }
    #main-img { min-height: 200px; }
}

/* ============================================================
   响应式布局（渐进增强：仅写差异规则）
   断点体系与 style.css 的 header 断点对齐
   ============================================================ */

/* ===== 第一档：≤1200px（小笔记本 / 小平板横屏）===== */
@media (max-width: 1200px) {
    /* 收紧产品概括区左右内边距，避免 1366 下左右各 100px 浪费 */
    .pro-d-container {
        padding: 0 30px 2%;
        gap: 16px;
    }
    /* 行业应用区块宽度收紧，图片限制最大宽度防止溢出 */
    .pro-d-feature-section {
        width: 95%;
        padding: 0 16px;
    }
    .pro-d-carousel-content {
        gap: 16px;
    }
    .pro-d-carousel-item {
        width: 280px;
    }
    .pro-d-text img,
    .pro-d-carousel-content-xiangqing img {
        max-width: 100% !important;
        height: auto;
    }
    .pro-d-product-info {
        font-size: 15px;
    }
    .pro-d-product-info h1 {
        font-size: 22px;
    }
}

/* ===== 第二档：≤992px（平板 / 竖屏笔记本）===== */
@media (max-width: 992px) {
    /* 两栏变单栏堆叠：图廊与信息上下排列 */
    .pro-d-container {
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0 15px 2%;
    }
    .pro-d-image-gallery {
        width: 100%;
        padding-top: 1rem;
    }
    .pro-d-product-info {
        width: 100%;
        padding-top: 1rem;
        font-size: 15px;
    }
    .pro-d-main-image {
        min-height: 280px;
        max-height: 560px;
    }
    /* 行业应用区块 */
    .pro-d-detail-mian,
    .pro-detail-mian {
        margin-top: 16px;
        padding-bottom: 16px;
    }
    .pro-d-feature-section {
        width: 100%;
        padding: 0 12px;
    }
    .pro-d-carousel-content {
        width: 100%;
        gap: 14px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
    }
    .pro-d-carousel-item {
        width: 260px;
        flex: 0 0 260px;
        scroll-snap-align: start;
    }
    .pro-d-carousel-content-xiangqing {
        padding: 18px 20px;
        font-size: 15px;
    }
    /* 相关产品卡片：单列（手机端不再分2列，避免卡片过窄文字竖排） */
    .pro-d-about-carousel {
        max-width: 100%;
        padding: 0;
    }
    .pro-d-about-carousel .pro-d-about-se-c {
        width: 100%;
        overflow: visible;
    }
    .pro-d-about-carousel-content {
        flex-direction: column;   /* 单列堆叠 */
        gap: 16px;
        padding: 0;
    }
    .pro-d-about-card {
        flex: 0 0 auto !important;
        width: 100% !important;
        padding: 16px;
        display: flex;
        align-items: center;
        gap: 14px;
        border-radius: 12px;
        background: #f8f9fc;
        box-shadow: 0 2px 10px rgba(29,32,136,0.06);
    }
    .pro-d-about-card > .product-card {
        width: 100%;
        flex: 1;
        display: flex;
        align-items: center;
        gap: 14px;
        background: transparent;
        box-shadow: none;
        border: none;
        border-radius: 0;
        max-height: none;
        height: auto;
        text-align: left;
    }
    .pro-d-about-card > .product-card > img,
    .pro-d-about-card > .product-card a > img {
        width: 120px;
        min-width: 120px;
        height: 90px;
        object-fit: cover;
        border-radius: 8px;
        margin: 0;
    }
    .pro-d-about-card > .product-card .product-info {
        flex: 1;
        min-width: 0;
    }
    .pro-d-about-card > .product-card .product-info h4 {
        font-size: 15px;
        line-height: 1.4;
        color: #1d2088;
    }
    .pro-d-about-card > .product-card .product-details {
        font-size: 13px;
        color: #666;
        margin: 6px 0 0;
    }
    /* 手机端隐藏轮播箭头 */
    .pro-d-left-arrow-about,
    .pro-d-right-arrow-about {
        display: none;
    }
}

/* ===== 第三档：≤767px（手机竖屏）===== */
@media (max-width: 767px) {
    .pro-d-container {
        padding: 0 12px 16px;
        gap: 12px;
    }
    .pro-d-image-gallery {
        padding-top: 0.5rem;
    }
    .pro-d-main-image {
        min-height: 220px;
        padding: 12px;
    }
    #main-img {
        min-height: 180px;
    }
    .pro-d-thumbnail-gallery {
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
    }
    .pro-d-thumbnail-container {
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
    }
    .pro-d-product-info {
        padding-top: 0.5rem;
        font-size: 14px;
    }
    .pro-d-product-info h1 {
        font-size: 20px;
    }
    /* 按钮竖排全宽 */
    .pro-d-buttons {
        flex-direction: column;
        gap: 10px;
    }
    .pro-d-buttons button,
    .pro-d-buttons a {
        width: 100%;
    }
    /* 行业应用字体进一步缩小 */
    .pro-d-feature-section h2 {
        font-size: 20px;
        padding-left: 0;
    }
    .pro-d-carousel-content-xiangqing {
        padding: 14px 16px;
        font-size: 14px;
    }
    .pro-d-carousel-item {
        width: 220px;
        flex: 0 0 220px;
    }
    /* 相关产品卡片：单列（继承992的横向布局，仅微调尺寸） */
    .pro-d-about-card {
        padding: 12px;
        gap: 10px;
    }
    .pro-d-about-card > .product-card,
    .pro-d-about-card > .product-card a > img {
        gap: 10px;
    }
    .pro-d-about-card > .product-card > img,
    .pro-d-about-card > .product-card a > img {
        width: 100px;
        min-width: 100px;
        height: 75px;
    }
    .pro-d-about-card > .product-card .product-info h4 {
        font-size: 14px;
    }
    .pro-d-about-card > .product-card .product-details {
        font-size: 12px;
    }
}

/* ===== 第四档：≤480px（小屏手机）===== */
@media (max-width: 480px) {
    .pro-d-container {
        padding: 0 8px 12px;
    }
    .pro-d-product-info h1 {
        font-size: 18px;
    }
    /* 相关产品卡片进一步收紧 */
    .pro-d-about-card {
        padding: 10px;
        gap: 8px;
    }
    .pro-d-about-card > .product-card > img,
    .pro-d-about-card > .product-card a > img {
        width: 90px;
        min-width: 90px;
        height: 68px;
    }
    .pro-d-about-card > .product-card .product-info h4 {
        font-size: 13px;
    }
    .pro-d-about-card > .product-card .product-details {
        font-size: 12px;
    }
    .pro-d-carousel-item {
        width: 180px;
        flex: 0 0 180px;
    }
    .pro-d-carousel-content-xiangqing {
        padding: 12px 14px;
        font-size: 13px;
    }
}

/* ===== 第零档：≤1366px（覆盖普通笔记本 1366，用户原问题分辨率）===== */
/* 原默认样式在 1366 下左右各 100px 内边距 + 行业应用区固定 90% 宽，
   导致图片过大、布局稀疏。此处专门收紧，让 1366 也能看到明显变化。 */
@media (max-width: 1366px) {
    .pro-d-feature-section {
        width: 100%;
        padding: 0 24px;
    }
    .pro-d-carousel-content {
        width: 100%;
        gap: 18px;
    }
    .pro-d-carousel-item {
        width: 300px;
        flex: 0 0 300px;
    }
    .pro-d-carousel-content-xiangqing {
        padding: 20px 24px;
    }
    /* 行业应用区域与上方产品概括区视觉分离更清晰 */
    .pro-detail-mian,
    .pro-d-detail-mian {
        margin-top: 18px;
    }
}