.section-imagetext-wrap-block .page-title-bar {
    position: relative;
}

.section-imagetext-wrap-block .page-title-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

.section-imagetext-wrap-block[mask-color="mask-color-dark"] .page-title-bar:before {
    background-color: var(--bs-mask-dark);
    opacity: .5;
}

.section-imagetext-wrap-block[mask-color="mask-color-dark"] .page-title-bar .page-title,
.section-imagetext-wrap-block[mask-color="mask-color-theme"] .page-title-bar .page-title {
    color: #fff;
}

.section-imagetext-wrap-block[mask-color="mask-color-white"] .page-title-bar:before {
    background-color: var(--bs-mask-white);
    opacity: .5;
}

.section-imagetext-wrap-block[mask-color="mask-color-white"] .page-title-bar .page-title {
    color: #000;
}

.section-imagetext-wrap-block[mask-color="mask-color-theme"] .page-title-bar:before {
    background-color: var(--bs-theme-color);
    opacity: .5;
}



.section-imagetext-wrap-block .page-title-bar .page-banner {
    width: 100%;
    min-height: 10rem;
    object-fit: cover;
}

.section-imagetext-wrap-block .page-title-bar .page-title {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.section-breadcrumb-wrap-block {
    background-color: #eee;
}

.section-breadcrumb-wrap-block .breadcrumb-nav {
    padding: 20px 0;
}

.section-breadcrumb-wrap-block .breadcrumb-nav li {
    list-style: none;
    margin-right: 15px;
}

.section-breadcrumb-wrap-block .breadcrumb-nav li a {
    display: inline-block;
    margin-right: 10px;
}

.section-breadcrumb-wrap-block .breadcrumb-nav li .la:after {
    content: "\f105";
}

.section-breadcrumb-wrap-block .breadcrumb-nav li:last-of-type .la {
    display: none;
}

.section-breadcrumb-wrap-block .breadcrumb-nav li:last-of-type a {
    color:var(--bs-sec-theme-color);
}
.section-sidenav-wrap-block .title-bar, .section-sideproduct-wrap-block .title-bar {
    background-color: var(--bs-sec-theme-color);
    padding: .5rem 1rem;
}
.section-block-demo1-newlist1 {
    position: relative;
}

.section-block-demo1-newlist1 .new-items {}

.section-block-demo1-newlist1 .new-item {}

.section-block-demo1-newlist1 .new-item .item-inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2rem 1rem;
    border-bottom: 1px solid #eee;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s;
}

.section-block-demo1-newlist1 .new-item .item-inner:hover {}

.section-block-demo1-newlist1 .new-item .item-inner .item-img {
    position: relative;
    overflow: hidden;
    margin: 0 20px 0 0;
    padding: 5px;
    width: 16rem;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px;
}

.section-block-demo1-newlist1 .new-item .item-inner .item-img img {
    width: 100%;
    border-radius: 5px;
    -moz-transition-duration: .8s;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    -ms-transition-duration: .8s;
    transition-duration: .8s;
}

.section-block-demo1-newlist1 .new-item .item-inner:hover .item-img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.section-block-demo1-newlist1 .new-item .item-info {
    position: relative;
    flex: 1;
}

.section-block-demo1-newlist1 .new-item .item-info .item-title {
    color: var(--bs-sec-theme-color);
    font-weight: 700;
    margin: 0 0 1rem;
    font-size: 1.4rem;
}

.section-block-demo1-newlist1 .new-item .item-info .item-desc {
    margin: 1rem 0;
}

.section-block-demo1-newlist1 .new-item .item-info .item-time {
    color: #aaa;
}

.section-block-demo1-newlist1 .new-item .item-info .item-time svg {
    fill: #aaa;
}

.section-block-demo1-newlist1 .new-item .item-info .item-more {
    padding: 0.3rem 1.7rem;
    font-size: 1rem;
    float: right;
}

.section-block-demo1-newlist1 .new-item .item-info .item-more i.la {
    font-size: 1rem;
}

@media only screen and (max-width:1080px) {
    .section-block-demo1-newlist1 .new-item .item-inner .item-img {
        width: 100%;
    }
}

@media only screen and (max-width:992px) {
    .section-block-demo1-newlist1 .new-item .item-inner .item-img {
        width: 13rem;
    }
}

@media only screen and (max-width:576px) {
    .section-block-demo1-newlist1 .new-item .item-inner .item-img {
        width: 100%;
    }
}
.section-block-demo1-pagenew1 {
    position: relative;
}

.section-block-demo1-pagenew1 .new-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2rem;
}

.section-block-demo1-pagenew1 .new-time {
    color: #aaa;
}

.section-block-demo1-pagenew1 .new-time svg {
    fill: #aaa;
}

.section-block-demo1-pagenew1 .item-desc {
    line-height: 2;
    margin-top: 2rem;
}
.section-block-demo1-pagenew1 .item-desc h1{font-size:1.8rem;margin-bottom:1rem;}
.section-block-demo1-pagenew1 .item-desc h2{font-size:1.6rem;margin:1rem 0;}
.section-block-demo1-pagenew1 .item-desc ul,
.section-block-demo1-pagenew1 .item-desc ol{margin:0 1rem;}
.section-block-demo1-pagenew1 .item-desc ul li{list-style: decimal;}
.section-block-demo1-pagenew1 .item-desc ol li{list-style: disc;}
.section-block-demo1-pagenew1 .item-desc table{border:1px solid #ccc;border-collapse:collapse;border-spacing:1px;}
.section-block-demo1-pagenew1 .item-desc table th,
.section-block-demo1-pagenew1 .item-desc table td{
    border:1px solid #ccc;padding:0 5px;
}
.editor-text-wrap ul{padding:0;}
.editor-text-wrap ol{padding:0;}
.tags{font-size:14px;margin-top:10px;}
.tags span{font-weight: 700;}
.tags a{color:var(--bs-sec-theme-color);margin-right:10px;}
.relation{margin-top:30px;}
.relation h2{font-size:16px;font-weight: 700;margin-bottom:10px;}
.relation .relation-box li{padding-right:10px;box-sizing: border-box;display:inline-block;line-height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.relation .relation-product-box li{box-sizing: border-box;padding-right:15px;}

.relation .relation-product-box li h3{font-size:15px;margin-top:10px;line-height: 1.5em;}
.relation .relation-product-box{font-size:0;display:flex;align-items: self-start;}
@media  only screen and (min-width:768px) {
    .relation .relation-box li{width:49%;}
    .relation .relation-product-box li{width:25%;}
    .relation .relation-product-box li:last-child{margin-right:0;}
}