/* 原有 */
body {
    background: rgb(245,245,245);
}
.product-info{
    box-shadow: 0 0 0 rgb(0 0 0 / 10%);
    text-align: center;
    margin: 0 0.95rem;
    padding-bottom: 1rem;
}
.logo-img {
    width: 85%;
    top: 0px;
}
.header-title {
    padding-top: 60px;
    padding-bottom: 25px;
}
.header p.title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 0px;
}
.header p.subtitle {
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    font-size: 18px;
    color: #999;
    position: relative;
    bottom: -5px;
    text-align: center;
}
#category a.active, #category a:hover {
    color: #fff;
    background: #2b2b2b;
}
#category {
    display: block;
    padding-bottom: 50px;
    text-align: center;
}
#category a {
    border: 0px;
    background: none;
    color: #666;
    font-size: 13px;
    padding: 10px 28px;
    line-height: 16px;
    margin-right: 2px;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
}
.projectitem a .project_info .title {
    font-size: 15px;
    color: #666;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* height: 24px; */
    /* line-height: 36px; */
    /* margin: 0px; */
    padding: 22px 0px 1px 0px;
    display: inline-block;
    /* width: 50%; */
    /* float: left; */
}
.project_info {
    text-align: center;
}
.description {
    color: #666;
    font-size: 12px;
    padding-bottom: 1rem;
}
.col-sm-4 {
    margin-bottom: 2rem;
}
.col-sm-3 .projectitem{
    background: white;
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
    /*margin: 0 10px;*/
}
.project_info .border-bottom{
    background: white;
}
.li-span {
    display: inline-block;position: relative;float: right
}
.yb {
    padding-left: 15px;
    padding-right: 15px;
}
.yb li {
    list-style: none;
    padding: 5px 0px;
}
.active {
    color: rgb(0, 64, 152);
}
@media (max-width: 1150px) {
    .header-title {
        padding-top: 30px;
    }
}
@media (max-width: 992px) {
    .dzyb {
        display: none;
    }
    .header-title {
        padding-top: 0px;
    }
}
@media (max-width: 767px) {
    .header-title {
        display: none;
    }
    .position {
        padding: 2rem 3rem 1rem 3rem !important;
    }
}
.projectitem img {
    width: 100%;
}

.projectitem p {
    text-align: center;
    margin-bottom: 0rem;

}
.projectitem .p1 {
    padding-top: 1rem;
}
@media (max-width: 767px) {
    .ebo{
        display: none !important;
    }
}