.priabout{}
.priabout-left{ width:50%; padding-right:55px;}
.priabout-left h3{ font-size:1.4rem; line-height:36px;}
.priabout-left h3 strong{ color:#E60012;}
.priabout-left h4{ font-size:1.4rem; line-height:36px; margin-top:50px;}

.priabout-left dl{ padding:25px 0; border-bottom:2px solid #e6e6e6;}
.priabout-left dl:last-child{ border-bottom:none;}
.priabout-left dl dt{ width:67px; height:67px;}
.priabout-left dl dd{ width: calc(100% - 67px); padding-left:20px;}
.priabout-left dl dd b{ display:block; font-size:1.1rem; line-height:36px;}
.priabout-left dl dd p{ line-height:24px;}


.priabout-right{ width:50%; height:auto;}
.priabout-right img{ width:100%; height:auto;}

.priabouttd{ margin-top:55px; width:100%; height:auto;  background: url(../images/printing/abbg1.png) no-repeat center; background-size:cover; padding-bottom:60px;}

.priabouttd-list{}
.priabouttd-list dl{ cursor:pointer; width:18%; background:#fff; border-radius:12px; text-align:center; padding:40px 25px; position:relative;}
.priabouttd-list dl dt{ width:88px; height:88px; border:1px solid #1a77d6; border-radius:50%; margin:0 auto;}
.priabouttd-list dl dt img{ margin-top:20px;}
.priabouttd-list dl dd{ width:100%; padding-top:25px;}
.priabouttd-list dl dd h3{ font-size:1.2rem; line-height:32px; margin-bottom:10px;}
.priabouttd-list dl dd p{ line-height:24px;}
.priabouttd-list dl em{ width:50px; height:6px; position:absolute; z-index:333; bottom:0; left:50%; margin-left:-25px; background:#1a77d6;}
.priabouttd-list dl:hover{ color:#fff; background:#1a77d6;}
.priabouttd-list dl:hover em{ background:#fff;}
.priabouttd-list dl:hover h3{ color:#fff;}
.priabouttd-list dl:hover dt{ border-color:#fff;}
.priabouttd-list dl:hover dt img{filter: brightness(0) invert(1);}


.priabouttongdian{}
.priabouttongdian dl{ width:18%; }
.priabouttongdian dl dt{ width:100%; height:auto;}
.priabouttongdian dl dt img{ width:100%; height:auto; border-radius:12px; }
.priabouttongdian dl dd{ width:100%; height:auto; padding-bottom:25px; }
.priabouttongdian dl dd img{ position:relative; z-index:333; margin-top:-28px; margin-left:20px;}
.priabouttongdian dl dd h3{ font-size:1.2rem; line-height:30px; margin-bottom:10px;}
.priabouttongdian dl dd p{ line-height:24px;}


.priapptab{}
.priapptab li{ width:20%; background:#f5f5f5; text-align:center; padding:25px; position:relative;}
.priapptab li:nth-child(even){ background:#f9f9f9;}
.priapptab li p{ font-size:1rem; line-height:26px; margin-top:10px;}
.priapptab li.thistab{ background:#1a77d6; color:#fff;}
.priapptab li.thistab img{filter: brightness(0) invert(1);}
.priapptab 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;       /* 上边画出三角形 */
}
.priapp-list{ position:relative; color:#fff; margin-top:30px;}
.priapp-list img{ width:100%; height:auto;}
.priapp-list-info{ position:absolute; left:0; bottom:0; z-index:666; padding:45px;}
.priapp-list-info h3{ font-size:1.5rem; line-height:26px; margin-bottom:10px;  color:#fff;}
.priapp-list-info p{ font-size:1rem; line-height:30px;}

.priyy{}
.priyy dl{ overflow:hidden; position:relative; margin-bottom:25px; cursor:pointer;}
.priyy dl:hover dt{ opacity:1.0;}
.priyy dl:hover dd h3{ opacity:0;}
.priyy 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;}
.priyy dl dt h3{ color:#fff; font-size:1.4rem; line-height:26px; }
.priyy dl dt em{ display:block; width:54px; height:1px; background:rgba(255,255,255,0.6); margin:15px auto; }
.priyy dl dt p{ line-height:24px; font-size:0.9rem;}
.priyy dl dt div{ width:100%;}

.priyy dl dd{ width:100%; height:100%; position:relative;}
.priyy dl dd h3{ color:#fff; position:absolute; left:0; bottom:0; font-size:1.4rem; line-height:26px; padding:20px 30px }
.priyy dl dd img{ width:100%; height:100%; object-fit: cover;  border-radius:12px;}
.priyy dl:nth-child(1){ width:27.2%;}
.priyy dl:nth-child(2){ width:42%;}
.priyy dl:nth-child(3){ width:27.2%;}
.priyy dl:nth-child(4){ width:49%;}
.priyy dl:nth-child(5){ width:49%;}


.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) {




.priabout-left{ width:100%; padding-right:0;}
.priabout-left h3{ font-size:1.1rem; line-height:30px;}
.priabout-left h4{ font-size:1.1rem; line-height:30px; margin-top:10px;}

.priabout-left dl{ padding:15px 0; }
.priabout-left dl dd b{ display:block; font-size:1rem; line-height:30px;}


.priabout-right{ width:100%; }


.priabouttd{ margin-top:20px; padding-bottom:30px;}


.priabouttd-list dl{  width:100%; padding:25px; margin-bottom:10px;}




.priabouttongdian dl{ width:100%; margin-bottom:10px; }



.priapptab li{ width:100%;  padding:10px 25px; position:relative; display:flex; text-align:left; }
.priapptab li img{ width:32px; height:32px;}
.priapptab li p{ margin:0; padding-left:10px;}



.priapp-list{ margin-top:15px;}

.priapp-list-info{ position:inherit; left:inherit; bottom:inherit; background:#f5f5f5;  padding:20px;}
.priapp-list-info h3{ font-size:1.2rem; line-height:26px; margin-bottom:10px;  color:#111;}
.priapp-list-info p{ font-size:0.9rem; line-height:24px; color:#666;}

.priyy{}
.priyy dl{ margin-bottom:15px;}

.priyy dl dt{ opacity:1.0; position:absolute; padding:20px;}
.priyy dl dt h3{ color:#fff; font-size:1.2rem; line-height:24px; }
.priyy dl dt em{margin:5px auto; }



.priyy dl dd h3{ opacity:0;}

.priyy dl:nth-child(1){ width:100%;}
.priyy dl:nth-child(2){ width:100%;}
.priyy dl:nth-child(3){ width:100%;}
.priyy dl:nth-child(4){ width:100%;}
.priyy dl:nth-child(5){ width:100%;}


.prifw{ padding-bottom:20px;}



}