@charset "utf-8";
.inner-protypename{text-align:center;font-size:2.5rem;margin-top:60px;letter-spacing:3px;font-weight:600;color:#fff}
.procate-lsit1{display:flex;flex-wrap:wrap}
.procate-lsit1 li{display:flex;flex-direction:column;align-items:center;width:25%;margin-bottom:80px;padding:20px 15px;box-sizing:border-box;text-align:center;border-right:1px solid #666}
.procate-lsit1 li img{width:100%;object-fit:contain;height:100%}
.procate-lsit1 li:nth-child(4n+1){border-left:1px solid #666}
.procate-lsit1 li .cate-text a{font-size:.875rem;color:#fff;margin: 15px 0;max-width:190px;display:inline-block}
.procate-lsit1 li .cate-text p{color:#999;font-size:.875rem;line-height:20px;margin:0 0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-width:190px}
.procate-lsit1 li .cate-text+a{width:100px;text-align:center;display:inline-block;line-height:34px;color:#fff;font-size:.75rem;background-color:#000;transition:all .3s;margin-top:auto}
.procate-lsit1 li .cate-text+a:hover{background-color:#c6102a}
.procate-lsit0{margin-bottom:42px;}
.procate-lsit0 li{border-bottom:1px dashed #666;padding:13px 0}
.procate-lsit0 li:after{content:'';display:block;visibility:hidden;height:0;clear:both;}
.procate-lsit0 li .cate-img{display:block;width: 250px;float:left;}
.procate-lsit0 li .cate-img img{width:100%;}
.procate-lsit0 li .cate-text{padding-left:275px;}
.procate-lsit0 li .cate-text >a:nth-child(1){font-size:19px;line-height: 26px;display: block;margin: 8px 0;}
.procate-lsit0 li .cate-text p{color:#bbb;}
.procate-lsit0 li .cate-text .cate-readmore{display:inline-block;border-radius:4px;margin-top:18px;font-size:16px;padding:6px 15px;border:1px solid #ddd;color:#ddd;}
.procate-lsit0 li .cate-text .cate-readmore:hover{border-color:#c6102a;color:#c6102a;}
@media screen and (max-width:560px){
.procate-lsit0 li .cate-img{width:100%;}
.procate-lsit0 li .cate-text{float:left;padding-left:0;margin-top:15px;}
}
.sf-menu{justify-content:space-between;padding: 0 20px 30px;border-bottom:1px solid #666;max-width:1366px;margin:40px auto;}
.sf-menu li{position:relative}
.sf-menu a{font-size: 1.1rem;line-height:26px;display:block;transition:all .3s;color:#eee;}
.sf-menu a:hover{color:#afadad}
.sf-menu li ul{position:absolute;top:100%;display:none;max-width:320px;min-width: 260px;z-index:99;}
.sf-menu li ul ul {left:100%;top:0;}
.sf-menu li:hover >ul{display:block}
.sf-menu li ul li{background-color:#fff}
.sf-menu li ul a{border-bottom:1px dotted #ddd;color:#757575;font-size: 1rem;padding: 0 10px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block}
.sf-menu >li >ul {left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0);}
.sf-menu >li {float:left;padding:0 10px;width:20%;margin:6px 0;}
.sf-menu:after {content:'';display:block;visibility:hidden;height:0;clear:both;}
.sf-menu >li>a {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;/*border:1px dashed #fff;*/line-height:40px;padding:0 8px;    background: #c6102a;}
.pages{display:flex;justify-content:center;line-height:35px}
.pages a,.pages span{display:block;padding:0 15px;background-color:#000;color:#fff;margin:0 2.5px;font-size:.875rem}
.pages span{background-color: #ddd;color: #222;}
.pages a:hover{background-color:#666;color:#fff}
.inlabel{width:130px;text-align:left}

.content-ProTypeBody, .procate-keywords, .keywords.proCateTags, .content-ProTypeList {max-width: 1366px;margin: 0 auto;color:#fff;}