﻿.products-menu{ padding: 50px 0; gap: 45px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.products-menu-item{ background: #f2f7fc; border-radius:20px; width: 100%; padding: 45px 35px; transition: all .35s ease; position: relative;}
.products-menu-item-left{ width: calc(100% - 250px); padding-right: 40px;}
.products-menu-item-left em{ display: inline-block; height: 40px; line-height: 40px; color: #33A1FF; font-size: 1.3rem; font-weight: bold; padding: 0 25px; border-radius: 20px;border: 1px solid #111111;}
.products-menu-item-left a.productslinks1{ display: block; font-weight: bold; font-size: 1.2rem; color: #111111; line-height: 36px; margin-top: 15px;}
.products-menu-item-left p{ color: #666666; line-height: 22px; height: 88px; overflow: hidden;}
.products-menu-item-left a.productslinks2{ display: inline-block; line-height: 32px; margin-top: 20px;}
.products-menu-item-left a.productslinks2 i{ color: #33A1FF; margin-left: 10px;}



.products-menu-item-right{ width: 250px; overflow: hidden; transition: all .35s ease;}
.products-menu-item-right img{ width: 100%; height: auto; transition: all .35s ease;}

/* 悬浮 */
.products-menu-item:hover{
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
    background: #ffffff;
}

.products-menu-item:hover::after{
    opacity:1;
    top:-60%;
    left:-60%;
}

/* 左侧 */
.products-menu-item-left{
    width: calc(100% - 250px);
    padding-right: 40px;
}

.products-menu-item-left em{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #33A1FF;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0 25px;
    border-radius: 20px;
    border: 1px solid #33A1FF;
    transition: all .3s ease;
}

.products-menu-item:hover .products-menu-item-left em{
    background:#33A1FF;
    color:#fff;
}

/* 标题 */
.products-menu-item-left a.productslinks1{
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    color: #111111;
    line-height: 36px;
    margin-top: 15px;
    transition: all .3s ease;
}

.products-menu-item:hover a.productslinks1{
    color:#33A1FF;
}

/* 描述 */
.products-menu-item-left p{
    color: #666666;
    line-height: 22px;
    height: 88px;
    overflow: hidden;
}

/* 按钮 */
.products-menu-item-left a.productslinks2{
    display: inline-flex;
    align-items:center;
    line-height: 32px;
    margin-top: 20px;
    font-weight: bold;
    color:#111;
    transition: all .3s ease;
}

.products-menu-item-left a.productslinks2 i{
    color: #33A1FF;
    margin-left: 10px;
    transition: all .3s ease;
}

.products-menu-item:hover a.productslinks2{
    color:#33A1FF;
}

.products-menu-item:hover a.productslinks2 i{
    transform: translateX(6px);
}


.products-menu-item:hover .products-menu-item-right img{
    transform: scale(1.08);
}


/*products-list*/
.products-detail{padding-top: 50px; }
.products-detail img{ max-width:100% !important; height:auto !important;}
.products-detail table{
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.95rem;
}

/* 表头 */
.products-detail table th{
  background: #fdf1f2;
  color: #008dd3;
  font-weight: bold;
  padding: 12px 10px;
  border: 1px solid #e5e5e5;
  text-align: left;
}

/* 单元格 */
.products-detail table td{
  padding: 12px 10px;
  border: 1px solid #e5e5e5;
  line-height: 24px;
  color: #333;
}

/* 隔行变色 */
.products-detail table tr:nth-child(even) td{
  background: #fafafa;
}



.products-list{padding: 50px 0; gap: 25px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.products-list dl{ width: 100%; padding: 35px; background: #F2F7FC; border-radius:20px; text-align: center; border: 1px solid rgba(17,17,17,0.06); overflow: hidden;  transition: all .35s ease; position: relative;}
.products-list dl dt{ width: 100%; height: auto; overflow: hidden;}
.products-list dl dt img{ width: 100%; height: auto; transition: all .35s ease;}
.products-list dl dd{ margin-top: 15px; width: 100%; height: 42px; line-height: 42px; overflow: hidden; font-size: 1.1rem; font-weight: bold; color: #111111;}
/* 悬浮 */
.products-list dl:hover{
    transform: translateY(-8px);
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
    border-color: rgba(51,161,255,0.25);
}

.products-list dl:hover::after{
    opacity: 1;
}

.products-list dl:hover dt img{
    transform: scale(1.08);
}
.products-list dl:hover dd a{
    color: #33A1FF;
}


/*products-show*/
.products-show1{
    padding:50px 0;
}

.products-show1-left{
    width: 40%; text-align: center;
}
.products-show1-rightinfo{ width:100%;}
.pro-img-wrap{
    position: relative;
    background:#F2F7FC;
    border-radius:12px;
    padding:50px;
    overflow:hidden;
    cursor: crosshair;
    transition: all .35s ease;
}

.pro-img-wrap:hover{
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.pro-img-wrap img{
    max-width:100%;
    transition: transform .35s ease;
}

.pro-img-wrap:hover img{
    transform: scale(1.05);
}

/* 放大镜 */
.pro-lens{
    position:absolute;
    width:120px;
    height:120px;
    border-radius:50%;
    border:3px solid #1967d2;
    background-repeat:no-repeat;
    background-size:200%;
    pointer-events:none;
    opacity:0;
    transition:opacity .2s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
}

/* 右侧 */
.products-show1-right{
    width: 60%;
    padding-left: 60px;
}

.products-show1-right h1{
    font-size: 2rem;
    line-height: 48px;
    margin-bottom: 15px;
}

.products-show1-right-btn{
    width: 100%;
    border-top:2px solid #DDDDDD;
    padding-top: 40px;
    margin-top: 40px;
}

.products-show1-right-btn a{
    transition: all .3s ease;
    display: inline-block;
    margin-right: 15px;
    height: 50px;
    font-size: 1rem;
    line-height: 50px;
    border-radius:6px;
    padding: 0 30px;
}

.products-show1-right-btn a:first-child{
    background: #1967d2;
    color: #FFFFFF;
}

.products-show1-right-btn a:last-child{
    border:1px solid #1967D2;
    color: #1967D2;
}

.products-show1-right-btn a:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0,0,0,.18);
}


.products-show2{}
.products-show2 h2{ font-size: 2rem; line-height: 50px; margin-bottom: 25px;}
.products-show2-info{  width: 100%; background: #F2F7FC; border-radius: 12px; padding: 45px 60px;}
.products-show2-info img{ max-width: 100%; height: auto;}

/* 移动端文字与按钮适配 */
@media (max-width: 1380px){
 .products-menu{
        padding: 30px 0;
        gap: 10px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;
    }

    .products-menu-item{
        flex-direction: column;
        padding: 25px;
    }

    .products-menu-item-left{
        width: 100%;
        padding-right:0;
        order:2;
        margin-top:20px;
    }

    .products-menu-item-left p{
        height:auto;
    }

    .products-menu-item-right{
        width: 100%;
        order:1;
        text-align:center;
    }

    .products-menu-item-right img{
        max-width: 260px;
    }

    .products-menu-item-left em{
        font-size:1.1rem;
        height:34px;
        line-height:34px;
    }

    .products-menu-item-left a.productslinks1{
        font-size:1.1rem;
        line-height:28px;
    }
    .products-detail{padding-top: 30px; }
 /*products-list*/   
   .products-list{
        grid-template-columns: repeat(1, 1fr);
        padding: 30px 15px;
        gap: 14px;
    }
    .products-list dl{
        padding: 18px;
        border-radius: 16px;
    }  
    
   /*products-show*/     
  .products-show1{
        padding:40px 0;
    }
.products-show1-left{ width: 100%;}
.products-show1-right{ width: 100%; padding-left: 0; margin-top: 25px;}
    .products-show1-right h1{
        font-size:1.5rem;
        line-height:36px;
    }

    .products-show1-right p{
        font-size:0.95rem;
        line-height:22px;
    }

    .products-show1-right-btn{
        padding-top:25px;
        margin-top:25px;
        flex-direction:column;
        gap:15px;
    }

    .products-show1-right-btn a{
        width:100%;
        text-align:center;
    }

    /* 手机关闭放大镜 */
    .pro-lens{
        display:none !important;
    }

    .pro-img-wrap:hover img{
        transform:none;
    }   
    
    
 .products-show2{ margin-bottom: 30px;}
.products-show2 h2{ font-size: 1.4rem; line-height: 30px; margin-bottom: 15px;}
.products-show2-info{  padding:20px;}

    
    
    
}