/*crane-for-mining-industry page */
 
.pro-detail-sec .pain{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top: 46px;}
.pro-detail-sec .pain article{border:1px solid var(--line);border-radius:8px;padding:20px}
.pro-detail-sec .pain b{display:block;font-size:22px;margin-bottom:6px;font-weight: bold;}
.pro-detail-sec .pain i{font-style:normal;display:block;font-size:22px;margin-bottom:8px;color: var(--red);}

.pro-detail-common .sec-head{margin-bottom:30px}
.pro-detail-common .sec-head h2{font-size: 28px; }
.pro-detail-common .sec-head p{color:var(--sub);font-size:16px}
.pro-detail-common .kicker{font-size:16px;font-weight:bold;text-transform:uppercase;color:var(--red);margin-bottom:8px}

.pro-detail-common .mining_stage{display:grid;grid-template-columns:44% 1fr;gap:26px;align-items:center;margin-bottom:28px;text-align: left;padding: 0; }
.pro-detail-common .mining_stage.rev{grid-template-columns:1fr 44%}
.pro-detail-common .mining_stage.rev .img{order:2}
.pro-detail-common .mining_stage .img img{width:100%;border-radius:8px;border:1px solid var(--line);background:#DFE5EA;min-height:180px;object-fit:cover}
.pro-detail-common .mining_stage .n{font-size:14px;font-weight:bold;color:var(--red);letter-spacing:.1em;margin-bottom:4px}
.pro-detail-common .mining_stage h3{font-size:22px;font-weight:bold;margin-bottom:7px;margin-top: 0px;}
.pro-detail-common .mining_stage p{margin-bottom:9px}
.pro-detail-common .mining_stage ul{margin-top: 15px;}
.pro-detail-common .mining_stage li{padding:6px 0 6px 20px;border-top:1px solid var(--line);position:relative;margin-top:4px; }
.pro-detail-common .mining_stage li::before{content:"";position:absolute;left:1px;top:16px;width:6px;height:6px;background:var(--red);border-radius:1px}

.pro-detail-common .equip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pro-detail-common .ecard{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:.15s}
.pro-detail-common .ecard:hover{box-shadow:0 10px 26px rgba(20,40,60,.10);transform:translateY(-2px)}
.pro-detail-common .ecard figure{aspect-ratio:16/10;border-bottom:1px solid var(--line)}
.pro-detail-common .ecard figure img{width:100%;height:245px;object-fit:cover}
.pro-detail-common .ecard .bd{padding:16px 18px;flex:1;display:flex;flex-direction:column}
.pro-detail-common .ecard h3{font-size:22px;font-weight:bold;margin-bottom:5px;margin-top: 0;}
.pro-detail-common .ecard p{flex:1;margin: 0;}
.pro-detail-common .ecard a{font-size:16px;font-weight:bold;color:var(--red);margin-top: 12px;display: block;}
.pro-detail-common .ecard a:hover{text-decoration:underline}

.pro-detail-common .eng-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pro-detail-common .eng-grid article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}
.pro-detail-common .eng-grid h3{font-size:22px;font-weight:bold;margin-bottom:10px}
.pro-detail-common .eng-grid ul{list-style:none}
.pro-detail-common .eng-grid li{padding:8px 0 8px 22px;border-top:1px solid var(--line);position:relative;margin-top: 4px;}
.pro-detail-common .eng-grid li::before{content:"\2713";position:absolute;left:0;top:6px;color:#1C7C54;font-weight:800;background:none;}

.pro-detail-common .svc{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pro-detail-common .svc article{border:1px solid var(--line);border-left:4px solid var(--red);border-radius:8px;padding:22px}
.pro-detail-common .svc h3{font-size:22px;font-weight:bold;margin-bottom:10px}
.pro-detail-common .svc li{padding-left:18px;margin: 10px 0; position: relative;}
.pro-detail-common .svc li::before{content: " "; position: absolute;width: 6px;height: 6px;border-radius: 50%; background: var(--red);top:6px ;left: 0;}
.pro-detail-common .svc a{color:var(--red);font-weight:700}
.pro-detail-common .svc a:hover{text-decoration:underline}

.pro-detail-common details{border-bottom:1px solid var(--line);padding:14px 0}
.pro-detail-common summary{cursor:pointer;font-weight:700;;list-style:none;display:flex;justify-content:space-between;gap:12px}
.pro-detail-common summary::-webkit-details-marker{display:none}
.pro-detail-common summary::after{content:"+";color:var(--red);font-size:20px;line-height:1}
.pro-detail-common details[open] summary::after{content:"\2013"}
.pro-detail-common details a{color:var(--red);font-weight: bold; }


 @media (max-width: 640px) {
.pro-detail-sec .pain{grid-template-columns: 1fr;}
.pro-detail-common .mining_stage,.pro-detail-common .mining_stage.rev{grid-template-columns:1fr} 
.pro-detail-common .sec-head h2{line-height: 1.2; }
.pro-detail-common .mining_stage h3,.pro-detail-common .ecard h3,.pro-detail-common .eng-grid h3{line-height: 1.2;font-size: 16px; }
.pro-detail-common .mining_stage:first-child{margin-top: 15px; }
.pro-detail-common .svc,.pro-detail-common .eng-grid,.pro-detail-common .equip{margin-top: 15px;grid-template-columns: 1fr; }
 }