/* 硬件 */
.product_banner01{
    background:url(../images/product/product01_11.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 784px;
    min-width:1200px;}
.product_main01{width: 1500px; margin:20px auto 80px;}
.section1 {
    height: 350px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;  /* flex-start */
    padding: 20px;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.section1:nth-child(1){ margin-top: 50px }
.text-content1 { flex: 1; padding-right: 20px;}
.image-content { flex: 1; text-align: center;}
.sectionLeft .image-content{margin-left: 40px}
.sectionRight .image-content{margin-right: 40px}
.image-content img {max-width: 100%;height: auto;border-radius: 5px;}
h2{font-size: 24px;color: #333;margin-bottom: 15px;} /*font-size: 1.5em; // 父元素的1.5倍数；浏览器默认字体大小16px*/
h2.brand-position { position: relative;padding-bottom: 8px;}
.sectionRight h2.brand-position::after {
    content: '';
    display: block;
    width: 500px; /* 横线长度 */
    height: 2px;  /* 横线粗细 */
    background-color: #666666;
    margin-top: 5px;
}
.sectionLeft h2.brand-position::after {
    content: '';
    display: block;
    width: 500px; /* 横线长度 */
    height: 2px; /* 横线粗细 */
    background-color: rgba(51,51,51,0.3);
    margin-top: 5px;
    margin-left: auto;
}
.sectionRight h2 { text-align: left; }
.sectionLeft h2 { text-align: right; }
.text-content1 p { margin-bottom: 10px;font-size: 18px; }
.sectionRight .text-content1 p{text-align: left}
.sectionLeft .text-content1 p{text-align: right}
.title {font-size: 1.2em;color: #333;margin-bottom: 10px;}
.subtitle {font-size: 0.9em;color: #666;margin-bottom: 15px;}
/* 响应式设计， 适配移动端 */
@media (max-width: 768px) {
    .section {
        flex-direction: column;
    }

    .text-content, .image-content {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .image-content img {
        max-width: 100%;
        height: auto;
    }
}
/* 软件 */
.product_banner02{
    background:url(../images/product/product02_11.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 784px;
    min-width:1200px;}
.product_main02{width: 1500px; margin:20px auto 80px;}
.softBox{
    max-width: 1500px;
    margin: 80px auto;
    padding: 0 20px;
    position: relative;
    display: flex;
    align-items: flex-start; /* 左右顶部对齐 */
    flex-wrap: wrap; /* 默认不换行，确保左右布局 */
    gap: 60px;
}
.content-left{ flex:1;}
.tiyan{ position:absolute; z-index:5; top: 160px; left:20px; }
.tiyan a{ font-size:20px; color:#3459aa; }
.tiyan i{ display:inline-block; width:36px; height:36px; background:url(../images/product/product_icon.png) no-repeat; margin-bottom:-7px; margin-right:5px}
h1{ font-size: 36px; font-weight: bold; margin-bottom: 20px}
h1.brand-position { position: relative;padding-bottom: 8px;}
h1.brand-position::after {
    content: '';
    display: block;
    width: 450px; /* 横线长度 */
    height: 2px;  /* 横线粗细 */
    background-color: #666666;
    margin-top: 5px;
}
.feature-item { display: flex;align-items: flex-start;margin-bottom: 30px;}
.feature-number {
    width: 40px;
    height: 40px;
    background-color: #0052b9;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; /* 关键！禁止缩小 */
    font-weight: bold;
    margin-right: 12px;
}
.feature-title { font-size: 20px;color: #0052b9;margin: 0;}
.feature-desc { margin-top: 8px;font-size: 16px;line-height: 1.6;color: #555;}
.softBox img {
    max-width: 100%;  /*保证响应式*/
    height: auto;
    border-radius: 8px;
    margin-top: 62px;
}
/* 解决方案-港口 */
.Solutions_banner01{
    background:url(../images/Solutions01/Solutions01_bg01.jpg) center no-repeat;
    background-size:cover;
    width: 100%;
    height: 784px;
    min-width:1200px;
}
/* 解决方案-仓储 */
.Solutions_banner02{
    background:url(../images/Solutions02/Solutions02_bg01.jpg) center no-repeat;
    background-size:cover;
    width: 100%;
    height: 784px;
    min-width:1200px;
}
.Solutions_main02{width: 1200px; margin:20px auto 120px;}
/* 解决方案-民爆 */
.Solutions_banner03{
    background:url(../images/Solutions03/Solutions03_bg01.jpg) center no-repeat;
    background-size:cover;
    width: 100%; height: 784px;min-width:1200px;}
.Solutions_main03{width: 1200px; margin:20px auto 120px;}
/* 解决方案-民爆 */
.Solutions_banner05{
    background:url(../images/Solutions05/Solutions05_bg022.png) center no-repeat;
    background-size:cover;
    width: 100%; height: 784px;min-width:1200px;}
.Solutions_main05{width: 1200px; margin:20px auto 120px;}
/* 解决方案-农业 */
.Solutions_banner04{
    background:url(../images/Solutions04/Solutions04_bg01.png) center no-repeat;
    background-size:cover;
    width: 100%; height: 784px;min-width:1200px;}
.Solutions_main04{width: 1200px; margin:5px auto 5px;}
/* 关于我们 */
.section_tit {text-align: center;font-size: 25px;font-weight:bold;margin: 60px auto 40px;border-bottom: 1px solid #ccc;max-width: 445px; /* 控制横线长度 */padding-bottom: 10px;color:#000000;}
.AboutUs_banner01{background:url(../images/AboutUs/AboutUs_bg011.jpg) center no-repeat;background-size:cover;width: 100%; height: 784px;min-width:1200px;}
.industy_bt img{ display:inline-block}
.section {
    /*border: 1px solid #ddd;*/
    padding: 30px;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.section:nth-child(2) p{font-size:18px;}
.section:nth-child(2) p{color:#000000;font-size:25px;}
.sec_tit01{
    height: 120px;
    background-color: #f0f0f0;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    z-index: 2;
}
.sec_tit01 p:first-of-type{margin-bottom: 10px}
.video-container {position: relative;width: 100%;height: 0;padding-bottom: 56.25%; /* 16:9 aspect ratio */overflow: hidden;}
.video-container video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.play-button {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: rgba(255, 255, 255, 0.7);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;}
.play-button::after {content: "▶";font-size: 24px;color: #333;}
.text-content {
    line-height: 1.6;
    /*font-size: 18px;*/
    margin-top: 5px;
    text-align: justify; /* TODO TODO */
    /*height: 330px;*/
    background-color: #f0f0f0;
    /*padding: 20px 0 20px;*/
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.text-content p { margin-left: 30px}
.text-content p:last-of-type{margin-top: 10px}
.image-right {float: right;width: 430px;height: 430px;}
.image-left {float: left;width: 480px;height: 270px;}
.clear {clear: both;}
.section-title{
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin: 20px auto 40px;
    color: #000000;
}
.section-title:first-of-type { max-width: 680px;  /* 控制横线长度 */}
.section-title:last-of-type{max-width: 800px;  /* 控制横线长度 */}
.section-title p{font-size: 18px;font-weight: bold;letter-spacing: 2px;color: #cccccc;}
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列网格 */
    grid-template-rows: auto auto auto; /* 三行高度自适应 */
    gap: 20px;
    width: 1200px;
    margin: 0 auto;
}
/*.product-item:nth-child(1), !* 第一行的两个证书：居中显示 *!*/
/*.product-item:nth-child(2) {grid-column: span 1; !* 占一列 *!justify-self: center; !* 在列内居中 *!}*/
/*!* 第二行：第3、4、5个元素并排排列 *!*/
/*.product-item:nth-child(3) {grid-column: 1;grid-row: 2; justify-self: center;}*/
/*.product-item:nth-child(4) {grid-column: 2;grid-row: 2;justify-self: center;}*/
/*.product-item:nth-child(5) {grid-column: 3;grid-row: 2;justify-self: center;}*/
/* 图片容器 */
.product-item {border: 1px solid #eee;border-radius: 8px;overflow: hidden;transition: transform 0.3s ease;width: 290px;}
.product-item:hover {transform: scale(1.02);}
.product-image {width: 100%;height: 400px;object-fit: cover;}
.product-label {text-align: center;padding: 10px;font-size: 12px;color: #666;}
/* 联系我们 */
.ContactUs_banner{
    background:url(../images/ContactUs/ContactUs_bg2.jpg) center no-repeat;
    background-size:cover;
    width: 100%;
    height: 784px;
    min-width:1200px;}
.ContactUs_main{width: 1200px; height:600px; margin:100px auto 80px;}
.ContactUs_in{ font-size:40px; color:#3359aa; margin-left:150px; margin-top: 50px}
.ContactUs_in span{ margin: 0 30px}
.ContactUs_in span img{ display:inline-block}