@charset "utf-8";
.pro-info-box{max-width:1366px;padding:75px 15px;display:flex;margin-left:auto;margin-right:auto;justify-content:center}
.pro-info-box .proinfo{text-align:center;margin-left:4%;width:40%}
.pro-info-box .proinfo h1{font-size:1.5rem;font-weight:600;margin-bottom:25px;line-height:35px;}
.pro-info-box .proinfo p{font-size:1.25rem;margin-bottom:35px;font-size:15px;line-height:22px;color:#999}
.pro-info-box .proinfo .btns{display:flex;justify-content:center}
.pro-info-box .proinfo .btns a{background:#eee;font-size:1.125rem;color:#000;text-align:center;display:block;transition:all .3s;line-height:37px;white-space:nowrap;padding:0 20px;margin:0 5px}
.pro-info-box .proinfo .btns a:hover{background:#0a79c1;color: #fff;}
#tagSwitch{display:flex;justify-content:center;white-space:nowrap;border-top:1px solid #666;border-bottom:1px solid #666}
#tagSwitch p{padding:30px 0 25px 0;margin:0 35px;position:relative;font-size:.875rem;cursor:pointer}
#tagSwitch p.active,#tagSwitch p:hover{border-bottom:3px solid #eee}
#tagSwitch p:nth-child(n+2)::after{content:"";display:block;position:absolute;width:1px;height:30%;background:#ddd;top:35%;left:-35px}
#tagContent1,#tagContent2,#tagContent3{display:none}
#tagContent{max-width:1366px;padding:55px 15px;margin:0 auto;font-size:1rem;line-height:24px}
#tagContent table{max-width:100%;border-collapse:collapse}
#tagContent table td,#tagContent table th{border:1px solid #ddd}
#tagContent img{max-width:100%;object-fit:contain}

.ptit{font-size:22px;color:#fff;margin:10px 0;}
.proList-random{max-width: 1366px;    margin: 0 auto;}
.procate-lsit1 {width:100%;margin:10px 0;}
.procate-lsit1:after{content:'';display:block;visibility:hidden;clear:both;height:0;}
.procate-lsit1 li{float:left;width:33.3333%;padding:10px;margin-bottom:10px;}
.procate-lsit1 li .pbox {width:100%;}
.procate-lsit1 li .pbox a {width:380px;height:260px;display:table-cell;vertical-align:middle;border:1px solid #eee}
.procate-lsit1 li .pbox img{max-width:100%;max-height:100%;display:block;margin:0 auto;}
.procate-lsit1 li p{height: 50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px;text-align:center;line-height:25px;margin: 10px 0 5px;padding: 0 10px;}
.procate-lsit1 li:hover p{color: #0A79C1;}

.share-box {margin-top: 15px;}
#tagContent a {color: #fff;}
.procate-lsit1 a{color: #fff;text-align: center;display: block;}
.procate-lsit1 li img {max-width:100%;max-height:100%;display:block;margin:0 auto;}
.procate-lsit1 li a.cate-img {width:500px;height:400px;display:table-cell;vertical-align:middle;text-align:center;background:#fff;}
.cate-text a {font-size:18px;line-height:26px;margin:6px 0;padding:0 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.procate-lsit1 li:hover a{color: #0A79C1;}
@media screen and (max-width: 992px){.procate-lsit1 li{width:50%}
.procate-lsit1 li a.cate-img{height:300px;}}
@media screen and (max-width: 500px){.procate-lsit1 li{width:100%}
.cate-text a{white-space:normal}
.procate-lsit1 li a.cate-img{height:auto;}
.pro-info-box{ display:block; box-sizing:border-box;}
.singglepic{ width:100%; height:auto !important}
.singglepic img{ max-width:100%; max-height:auto;}
}