.cover{
   /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);*/
}
.cover:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.liubai{width:100%;height:94px}
.huise{width:100%;background:#f5f5f5;}
.item-box {
    position: relative;
    padding: 24px 36px;
    overflow: hidden;
    opacity: 0;
    transform: translate3d(0, 44px, 0) scale(.965);
    filter: blur(10px);
    transition:
        opacity .82s cubic-bezier(.22,1,.36,1),
        transform .82s cubic-bezier(.22,1,.36,1),
        filter .82s cubic-bezier(.22,1,.36,1),
        box-shadow .42s ease;
    transition-delay: var(--reveal-delay, 0ms);
    will-change: transform, opacity, filter;
}
.item-box_imageContainer {
    width: 23%;
    float: left;
    overflow: hidden;
    background: #eef2f6;
}
.item-box_content {
    width: 71%;
    float: left;
}
.item-box_content {
    color: #444344;
    font-size: 14px;
    overflow: hidden;
    margin-left:24px;
}
.item-box_title{
     color: #444344;
}

.news-card-row {
    content-visibility: auto;
    contain-intrinsic-size: 1px 248px;
}
.news-card-row.is-visible .item-box {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
}
.news-card-row.is-even .item-box {
    transform: translate3d(22px, 44px, 0) scale(.965);
}
.news-card-row.is-odd .item-box {
    transform: translate3d(-22px, 44px, 0) scale(.965);
}
.news-card-row.is-visible.is-even .item-box,
.news-card-row.is-visible.is-odd .item-box {
    transform: translate3d(0, 0, 0) scale(1);
}
.news-card-row .item-box_imageContainer img {
    display: block;
    opacity: .02;
    transform: scale(1.1);
    filter: saturate(.9);
    transition:
        opacity .72s ease,
        transform 1.05s cubic-bezier(.22,1,.36,1),
        filter .72s ease;
}
.news-card-row.is-visible .item-box_imageContainer img.is-loaded {
    opacity: 1;
    transform: scale(1);
    filter: saturate(1);
}
.news-card-row.is-visible .item-box_content > * {
    animation: newsRiseIn .7s cubic-bezier(.22,1,.36,1) both;
}
.news-card-row.is-visible .item-box_content > *:nth-child(1) { animation-delay: calc(var(--reveal-delay, 0ms) + 90ms); }
.news-card-row.is-visible .item-box_content > *:nth-child(2) { animation-delay: calc(var(--reveal-delay, 0ms) + 150ms); }
.news-card-row.is-visible .item-box_content > *:nth-child(3) { animation-delay: calc(var(--reveal-delay, 0ms) + 210ms); }

.intro{margin-top:8px;height:64px;line-height:24px;overflow:hidden;}

@keyframes newsRiseIn {
    0% {
        opacity: 0;
        transform: translate3d(0, 16px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.wpage {
    text-align: center;
    background: #f7f7f7;
    padding: .65rem .75rem;
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    clear: both;
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    white-space: nowrap;
    writing-mode: horizontal-tb !important;
}

.page ul,
.page ol {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap;
    writing-mode: horizontal-tb !important;
}

.page > * {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    float: none !important;
    vertical-align: middle;
    writing-mode: horizontal-tb !important;
}

.page li {
    list-style: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    writing-mode: horizontal-tb !important;
}

.page a,
.page span,
.page li a,
.page li span {
    text-decoration: none;
    color: #8c94a1;
    min-width: 34px;
    height: 34px;
    padding: 0 12px;
    line-height: 34px;
    margin: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    float: none !important;
    border: 1px solid #e7e9ee;
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    transition: .5s cubic-bezier(0.6, 0.2, 0.1, 1);
}

.page a.active,
.page li a.active {
    background: #ff6600;
    border-color: #ff6600;
    color: #fff;
    transition: .5s cubic-bezier(0.6, 0.2, 0.1, 1);
}

.page span.laypage_curr,
.page li span.laypage_curr {
    min-width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0;
    display: inline-flex !important;
    background: #ff6600;
    border: 1px solid #ff6600;
    border-radius: 6px;
    color: #fff;
    transition: .3s ease;
}

.page a:hover,
.page li a:hover {
    text-decoration: none;
    color: #ff6600;
    border-color: rgba(255,102,0,0.35);
    transition: .3s ease;
}

.page a.prev,
.page a.next,
.page li a.prev,
.page li a.next {
    position: static;
    z-index: auto;
    top: auto;
    min-width: 34px;
    width: 34px;
    background: #fff;
    line-height: 34px;
    font-weight: normal;
    background-image: none;
}

.page a.prev {
    left: auto;
}

.page a.next {
    right: auto;
}

.page a.prev:before,
.page a.next:before,
.page li a.prev:before,
.page li a.next:before {
    font-size: 26px;
    color: #ccc;
    transition: .3s ease;
}

.page a.next,
.page li a.next {
    transform: none;
}

.page a.next:hover,
.page a.prev:hover,
.page li a.next:hover,
.page li a.prev:hover {
    background: #fff !important;
}

.page br,
.page hr {
    display: none !important;
}

@media screen and (min-width: 768px) {
.mfoot{ display:none;}
}

.jiejue{text-align: center;}
.nanjing {font-size:14px;color:#fff;}
.nanjing span{font-size:24px;color:#fff;}
.shanghai{font-size:14px;color:#fff;}
.shanghai li{height:35px;line-height:35px}
.nanjing li{height:35px;line-height:35px}
.beijing li{height:35px;line-height:35px}
.shanghai span{font-size:24px;color:#fff;}
.beijing {font-size:14px;color:#fff;}
.beijing span{font-size:24px;color:#fff;}
.banquan{font-size:14px;color:#fff;margin-left:542px;padding-bottom:.8rem;padding-top:.5rem;}

@media screen and (max-width: 767px) {
.item-box_content ,.item-box_imageContainer, .item-box_imageContainer img{
 width:100%;
}
.liubai{height:20px}
.intro , .dibu {
    display: none;
}  
.item-box {
    padding: 8px 10px;
} 
.news-card-row,
.news-card-row.is-visible .item-box,
.news-card-row.is-even .item-box,
.news-card-row.is-odd .item-box {
    contain-intrinsic-size: 1px 220px;
}
.item-box_content {
    font-size: 12px;
    margin-left:0px;
}    
.mfoot{background: #545759;foot:0px}
.address .address-box {width:100%;}
.address ul {display: inline-block;width: 32%;}
.address ul li {text-align: center;height: 25px;line-height: 25px;}
.address ul li a {color: #FFFFFF;}
.address:first-child {
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    padding: 20px 0 20px;
    border-bottom: 1px solid #6D6D6D;
}
#address, .address {
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    padding: 10px 0 15px;
}
#address div, .address div {
    text-align: center;
    padding: 7px 0 0;
}
#address div .phone {
    color: #FDE908;
}
#icon div, #icon div a {
    padding: 0 0 0 0;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
}
#icon{
    padding-bottom:20px;
}
body {
    padding-bottom: 0px!important;
}
}

@media (prefers-reduced-motion: reduce) {
    .item-box,
    .news-card-row .item-box_imageContainer img,
    .news-card-row.is-visible .item-box_content > * {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        filter: none !important;
        opacity: 1 !important;
    }
}
