﻿.siliconeabout{}
.siliconeabout-left{ width:50%; padding-right:70px;}
.siliconeabout-left h3{ font-size:1.5rem; line-height:32px; margin-bottom:15px;}
.siliconeabout-left h4{ line-height:26px; margin-bottom:10px; font-size:1.1rem;}
.siliconeabout-left h4 strong{ color:#E60012;}
.siliconeabout-left p{ font-size:1rem; line-height:26px;}

.siliconeabout-left h2{ color:#E60012; font-size:1.4rem; line-height:34px; margin-top:10px;}

.siliconeabout-right{ width:50%;}
.siliconeabout-right img{ width:100%; height:auto;}


.siliconetongdian{}
.siliconetongdian dl{ width:23%; }
.siliconetongdian dl dt{ width:100%; height:auto;}
.siliconetongdian dl dt img{ width:100%; height:auto; border-radius:12px; }
.siliconetongdian dl dd{ width:100%; height:auto; padding-bottom:25px; }
.siliconetongdian dl dd img{ position:relative; z-index:333; margin-top:-28px; margin-left:20px;}
.siliconetongdian dl dd h3{ font-size:1.2rem; line-height:30px; margin-bottom:10px;}
.siliconetongdian dl dd p{ line-height:24px;}

.siliconeapptab{}
.siliconeapptab li{ width:25%; background:#f5f5f5; text-align:center; padding:25px; position:relative;}
.siliconeapptab li:nth-child(even){ background:#f9f9f9;}
.siliconeapptab li p{ font-size:1rem; line-height:26px; margin-top:10px;}
.siliconeapptab li.thistab{ background:#1a77d6; color:#fff;}
.siliconeapptab li.thistab img{filter: brightness(0) invert(1);}
.siliconeapptab li.thistab::after {
  content: "";
  position: absolute;
  bottom: -10px; /* 控制三角形距离 li 底部的位置 */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;  /* 左边透明 */
  border-right: 10px solid transparent; /* 右边透明 */
  border-top: 10px solid #1A77D6;       /* 上边画出三角形 */
}
.siliconeapp-list{ position:relative; color:#fff; margin-top:30px;}
.siliconeapp-list img{ width:100%; height:auto;}
.siliconeapp-list-info{ position:absolute; left:0; bottom:0; z-index:666; padding:45px;}
.siliconeapp-list-info h3{ font-size:1.5rem; line-height:26px; margin-bottom:10px;  color:#fff;}
.siliconeapp-list-info p{ font-size:1rem; line-height:30px;}


.silicone-solution{}
.silicone-solution dl{ overflow:hidden; position:relative; margin-bottom:25px; cursor:pointer; width:49%;}
.silicone-solution dl:hover dt{ opacity:1.0;}
.silicone-solution dl:hover dd h3{ opacity:0;}
.silicone-solution dl dt{ opacity:0; position:absolute; width:90%; height:90%; left:5%; top:5%; color:#fff;  border-radius:12px; background:rgba(26,119,214,0.6); text-align:center; z-index:333; padding:30px 50px;}
.silicone-solution dl dt h3{ color:#fff; font-size:1.4rem; line-height:26px; }
.silicone-solution dl dt em{ display:block; width:54px; height:1px; background:rgba(255,255,255,0.6); margin:15px auto; }
.silicone-solution dl dt p{ line-height:24px; font-size:0.9rem;}
.silicone-solution dl dt div{ width:100%;}

.silicone-solution dl dd{ width:100%; height:100%; position:relative;}
.silicone-solution dl dd h3{ color:#fff; position:absolute; left:0; bottom:0; font-size:1.4rem; line-height:26px; padding:20px 30px }
.silicone-solution dl dd img{ width:100%; height:100%; object-fit: cover;  border-radius:12px;}





.prifw{ padding-bottom:50px;}
.prifw table {
    border: 1px solid #eee;
    border-left: 0px;
    font-size:1.1rem;
    border-top: 0px; text-align:center;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.prifw table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding:12px 6px;
    }
.prifw table tr {
        background: #f9f9fb;
    }
.prifw table tr:first-child{ background:#1a77d6;  color:#fff;}

@media (max-width: 767px) {



.siliconeabout-left{ width:100%; padding-right:0;}
.siliconeabout-left h3{ font-size:1.2rem; line-height:30px; margin-bottom:10px;}
.siliconeabout-left h4{  font-size:1rem;}
.siliconeabout-left p{ font-size:0.9rem; line-height:24px;}

.siliconeabout-left h2{ font-size:1.2rem;}

.siliconeabout-right{ width:100%; margin-top:10px;}




.siliconetongdian dl{ width:100%; margin-bottom:10px; }



.siliconeapptab li{ width:100%;  padding:10px 25px; position:relative; display:flex; text-align:left; }
.siliconeapptab li img{ width:32px; height:32px;}
.siliconeapptab li p{ margin:0; padding-left:10px;}

.siliconeapp-list{ margin-top:15px;}

.siliconeapp-list-info{ position:inherit; left:inherit; bottom:inherit; background:#f5f5f5;  padding:20px;}
.siliconeapp-list-info h3{ font-size:1.2rem; line-height:26px; margin-bottom:10px;  color:#111;}
.siliconeapp-list-info p{ font-size:0.9rem; line-height:24px; color:#666;}


.silicone-solution dl{ margin-bottom:15px; width:100%;}

.silicone-solution dl dt{ opacity:1.0; position:absolute; padding:20px;}
.silicone-solution dl dt h3{ color:#fff; font-size:1.2rem; line-height:24px; }
.silicone-solution dl dt em{margin:5px auto; }



.silicone-solution dl dd h3{ opacity:0;}



.prifw{ padding-bottom:20px;}

}


