﻿@charset "utf-8"; 
:root{--color:#3667f8}
.head-logo,.head-logo a{height:100%}
.head-logo a img {max-height:95%}
  .prodetail-model1{width:100%;margin:0 auto;padding:40px 0px;box-sizing:border-box;font-family:Arial,sans-serif}
.prodetail-model1-main-title{font-size:38px;font-weight:bold;color:#333;margin-bottom:30px}
.prodetail-model1-text{font-size:18px}
.prodetail-model1-container{display:flex;gap:40px;align-items:flex-start;width:100%;box-sizing:border-box}
.prodetail-model1-list{list-style:none;padding:0;margin:0;width:350px;flex-shrink:0;border-top:1px solid #e0e0e0;box-sizing:border-box}
.prodetail-model1-item{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;border-bottom:1px solid #e0e0e0;cursor:pointer;color:#333;font-size:15px;transition:color 0.3s ease,background-color 0.3s ease}
.prodetail-model1-item:hover,.prodetail-model1-item.active{color:var(--color)}
.prodetail-model1-arrow{font-size:14px;color:#999;transition:color 0.3s ease}
.prodetail-model1-item:hover .prodetail-model1-arrow,.prodetail-model1-item.active .prodetail-model1-arrow{color:var(--color)}
.prodetail-model1-content{flex-grow:1;width:0;position:relative;box-sizing:border-box}
.prodetail-model1-pane{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity 0.5s ease,transform 0.5s ease,visibility 0.5s ease;pointer-events:none;box-sizing:border-box}
.prodetail-model1-pane.active{position:relative;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.prodetail-model1-img-box{width:100%;background-color:#f5f5f5;margin-bottom:20px;overflow:hidden;box-sizing:border-box}
.prodetail-model1-img-box img{width:100%;height:auto;display:block;object-fit:cover}
.prodetail-model1-title{font-size:30px;font-weight:normal;color:#333;margin-bottom:15px}
.prodetail-model1-desc{font-size:16px;line-height:1.6;color:#666;margin:0}
@media (max-width:1023px){.prodetail-model1-container{gap:20px}
.prodetail-model1-list{width:300px}
}@media (max-width:767px){.prodetail-model1-container{flex-direction:column}
.prodetail-model1-title{font-size:25px;line-height:1.2}
.prodetail-model1-text{font-size:16px}
.prodetail-model1-desc{font-size:14px}
.prodetail-model1-list{width:100%;margin-bottom:20px}
.prodetail-model1-content{width:100%}
}