.header {background-color: #0b56d2;border: none}
.header::after{    display: none;}
.banner .list-container{width:100%;margin:0 auto}
.banner .list-container .banner .list-container .layout{margin:0 auto}
.menu-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:42px 0}
.menu-header h3{font-size:36px;color:#333;font-weight:700}
.menu-header .position{padding-left:26px;text-align:right;color:#666;background:url(../images/list-home.png) no-repeat left}
.menu-header .position a{display:inline-block;font-size:16px;color:#666}
.menu-header .position a:last-child{margin-right:15px}
.menu-header .position span{display:inline-block;text-indent:6px;background:url(../images/list-posSplit.gif) no-repeat}
.list-container .right{width:100%;padding-left: 354px}
.list-container .right .right-list{width:100%;height:auto;display:block;background-color:#fff;border-radius:20px;padding:.2rem .36rem;}
.list-container .right .right-list .right-list-item{width:100%;height:auto;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.list-container .right .right-list .right-list-item .list-right-a{width:100%;height:100%;display:block}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor{width:100%;padding:0 .2rem 0 .36rem;display:flex;justify-content:space-between;align-items:center;padding:0 0 0.31rem .17rem;border-bottom:1px solid #dad9d9;position:relative;transition:padding .3s ease;flex-wrap: wrap;margin-bottom: 31px;}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-content{flex: 1;max-width:90%;height:auto;padding-right:.5rem}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-content h3{color:#333;font-size:20px;font-weight:700}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-content p{color:#999;font-size:18px;padding:.21rem 0 0;    font-family: Arial, Helvetica, sans-serif;
}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-img{width:.65rem;height:.7rem;min-width:60px;min-height:65px;margin-right:.35rem;position:relative;background:url(../images/list-right-data.png)}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-img .data{width:100%;height:100%;text-align:center;}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-img1  {display: none;        margin-top: 10px;
        color: #999;
        font-size: 14px;} 
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-img .data .m{color:#fff;font-size:24px;font-weight:700;padding:16px 0 0}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-img .data .y{font-size:12px;color:#fff}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor::after{content:"";position:absolute;left:0;bottom:0;height:.03rem;background-color:#0b56d2;width:0;transition:width .3s ease}
.list-container .right .right-list .right-list-item .list-right-a:hover .listRightWor::after{width:100%}
/*.list-container .right .right-list .right-list-item .list-right-a:hover .listRightWor{padding-top:.47rem;padding-bottom:.25rem}*/
.list-container .right .right-list .right-list-item .list-right-a:hover .right-list-content h3{color:#0b56d2}
.el{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width:1200px){
.list-container .left .subLeft .menu .menu-item>a{font-size:20px}
.list-container .left .subLeft .menu .menu-item .menu-down .down-item a{font-size:16px}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-content h3{font-size:18px}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-content p{font-size:14px}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-img .data .m{font-size:18px}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-img .data .y{font-size:12px}
}
@media screen and (max-width:1046px){
.list-container{position:relative}
.list-container .left{float: none; width: 100%;padding-bottom: 0}
.f1{float:none}
.list-container .right{width:100%;padding-left: 0}
.menu-header h3{font-size:22px}
.list-container .left .subLeft .menu .menu-item>a{font-size:18px}
}
@media screen and (max-width: 640px) {
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-img {display: none;}
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-img1 {display: block;} 
.list-container .right .right-list .right-list-item .list-right-a .listRightWor .right-list-content {max-width: 100%;width: 100%;padding-right: 0;flex: none;}
}
@media screen and (max-width:446px){
.list-container .right .right-list .right-list-item .list-right-a .listRightWor{padding-right:10px}
}
.clearfix .articaltop{width:100%;background-color:#fff}
.clearfix .articaltop .subTop{width:100%;height:auto}
.clearfix .articaltop .subTop .menu{width:100%;height:auto;background-color:#fff}
.clearfix .articaltop .subTop .menu .menu-item{display:inline-block}
.clearfix .articaltop .subTop .menu .menu-item a{display:inline-block;padding:.37rem .55rem .36rem;background-color:#fff;color:#333;font-size:.2rem}
.clearfix .articaltop .subTop .menu .menu-item .menu-down{display:none}
.clearfix .articaltop .subTop .menu .selected>a{background-color:#0b56d2;color:#fff}
.clearfix .menu-header{background-color:transparent!important}
.clearfix .article{width:100%;height:auto;padding:.56rem .94rem .8rem;background-color:#fff;border-radius:30px}
.clearfix .article .article-title{text-align:center}
.clearfix .article .article-title h3{font-size:.3rem;font-weight:700;color:#333}
.clearfix .article .article-content  li,
.clearfix .article .article-content ul {
    list-style-type: auto;
}
.clearfix .article .article-title p{padding-bottom:.24rem;line-height:45px;border-bottom:1px solid #e1e1e1;margin:.3rem 0 .2rem}
.clearfix .article .article-title p span{font-size:.16rem;color:#999;margin-right:20px}
.clearfix .article .article-title p span:last-child{margin-right:0}
.clearfix .article .article-content{margin-top:.62rem;margin-bottom:.6rem}
.clearfix .article .article-content  img,.wp_entry p img,.wp_entry img{max-width:100% !important;height:auto}
@media screen and (max-width:1360px){
.menu-header .position a{font-size:.2rem}
.clearfix .article .article-title p span{font-size:.19rem}
}
@media screen and (max-width:1100px){
.clearfix .articaltop .subTop .menu .menu-item a{font-size:18px}
.menu-header .position a{font-size:16px}
.clearfix .article .article-title h3{font-size:22px}
.clearfix .article .article-title p span{font-size:14px}
.clearfix .article .article-content p{font-size:16px}
}
@media screen and (max-width:639px){
.clearfix .article .article-title h3{font-size:20px}
.clearfix .article{padding:30px 20px}
}
@media screen and (max-width:472px){
.clearfix .article .article-title p .arti_publisher_fbz_1,.clearfix .article .article-title p .arti_publisher_zz_1{margin-left:.65rem}
}
.layout .list55{width:100%;height:100%}
.layout .list55 .lsitLi{width:100%;margin-top:.43rem;}
.layout .list55 .lsitLi:first-child{width:100%;margin-top:0}
.layout .list55 .list55main{width:100%;display:flex;justify-content:space-between;align-items:stretch;background-color:#fff;box-shadow:0 0 .16rem 0 #b6ccf1;padding:.27rem .72rem .38rem .31rem;border-radius:30px;transition:.3s ease}
.layout .list55 .list55main .listPic{width:35.3%;height:auto;overflow:hidden;border-radius:20px}
.layout .list55 .list55main .listPic img{width:100%;height:100%;object-fit:cover}
.layout .list55 .list55main .listText{width:61.17%;padding:.2rem 0}
.layout .list55 .list55main .listText .listTitle{width:100%;display:inline-block;color:#333;font-size:.24rem;font-weight:700}
.layout .list55 .list55main .listText .listMaosu{display:inline-block;margin:.13rem 0;font-size:.18rem;color:#999}
.layout .list55 .list55main .listText .listData{display:inline-block;color:#999;font-size:.18rem}
.layout .list55 .list55main .listText .listCon{width:100%;color:#999;font-size:.16rem;display:inline-block;margin:.17rem 0 0;line-height:.3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.layout .list55 .list55main .listText .more{font-size:.16rem;display:inline-block;color:#0b56d2;background:url(../images/listPicArrow.png) no-repeat right .13rem center;padding:.12rem .4rem .12rem .19rem;border:1px solid #0b56d2;border-radius:12px;margin-top:.2rem}
.layout .list55 .list55main:hover{background-color:#0b56d2;transition:all ease .5s}
.layout .list55 .list55main:hover .listCon,.layout .list55 .list55main:hover .listData,.layout .list55 .list55main:hover .listMaosu,.layout .list55 .list55main:hover .listTitle{color:#fff}
.layout .list55 .list55main:hover .more{background-color:#fff}
.layout .list55 .listPic:hover img{transition:all ease .5s;transform:scale(1.1)}
@media screen and (max-width:1360px){
.layout .list55 .list55main .listText .listTitle{font-size:18px}
.layout .list55 .list55main .listText .listMaosu{font-size:16px}
.layout .list55 .list55main .listText .listData{font-size:18px}
.layout .list55 .list55main .listText .listCon{font-size:16px;line-height:26px}
.layout .list55 .list55main .listText .more{font-size:16px;padding-right:.6rem}
}
@media screen and (max-width:886px){
.layout .list55 .list55main{flex-direction:column;margin:0;padding:20px}
.layout .list55 .list55main .listPic{width:90%;margin:20px auto}
.layout .list55 .list55main .listText{width:100%;padding:.2rem .3rem}
}
@media screen and (max-width:500px){
.layout .list55 .list55main{padding:20px}
.layout .list55 .list55main .listPic{width:100%;margin:10px auto}
.layout .list55 .list55main .listText{width:100%;padding:0}
}
.page-nav{padding-top:.57rem;padding-bottom:.59rem;display:flex;justify-content:center}
.page-nav a{float:left;display:block;border:1px solid #999;max-height:.3rem;line-height:.3rem;box-sizing:border-box;font-size:14px;margin-right:10px;padding: 0 10px}
.page-nav a div{padding:0 5px}
.page-nav .number div{padding:0 9px}
.page-nav a:hover{background-color:#0b56d2;color: #fff;}
.page-nav .active{border:1px solid #0b56d2;background-color:#0b56d2;color:#fff}
.page-nav .active:hover{background-color:#0b56d2}
.page-nav input{float:left;border:1px solid #999;box-sizing:border-box;width:.6rem;height:.3rem;margin-right:.07rem}
@media screen and (max-width:1200px){
.page-nav a{line-height:26px;max-height:26px}
.page-nav input{height:26px}
}
@media screen and (max-width:600px){
.page-nav .end,.page-nav .home,.page-nav .turn,.page-nav input{display:none}
.page-nav .number{padding:0 9px}
.page-nav .next,.page-nav .prev{padding:0 5px}
}
.list-img1 {
        background: #fff;
    padding: .56rem .44rem .8rem;
    border-radius: 30px;
}

.list-img1 .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list-img1 .list-item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2.8%;    box-shadow: 0px 0px 6px rgba(4, 0, 0, 31%);
}

.list-img1 .list-item:nth-child(3n) {
    margin-right: 0
}

.list-img1 .list-item .img1 {
    width: 100%;
    height: 2.58rem;
    overflow: hidden
}
.list-img1 .list-item .img1 video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.list-img1 .list-item .img1 .video-js .vjs-big-play-button {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.list-img1 .list-item .img1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.list-img1 .list-item .text {
    padding: .23rem .25rem .23rem .15rem;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.list-img1 .list-item .text .title {
color: #333;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: .18rem;
    line-height: 1.75;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: .56rem;
    max-height: .56rem;
    font-weight: bold;
}

.list-img1 .list-item .text .date {
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: block;
    font-size: .16rem;
    padding-top: .15rem;
    /* font-family: Georgia,'Times New Roman',Times,serif */
}

.list-img1 .list-item:hover .img1 img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width: 1200px) {
    .list-img1 .list-item .text .title {
        font-size:.2rem;
        min-height: .64rem;
        max-height: .64rem;
    }

    .list-img1 .list-item .text .date {
        font-size: .2rem
    }
}

@media screen and (max-width: 805px) {
    .list-img1 .list-item .text .title {
        font-size:16px;
        min-height: 56px;
        max-height: 56px;
    }

    .list-img1 .list-item .text .date {
        font-size: 16px
    }
}

@media screen and (max-width: 600px) {
    .list-img1 .list-item {
        width:49%;
        margin-right: 2%;
        margin-bottom: 2.8%
    }

    .list-img1 .list-item:nth-child(3n) {
        margin-right: 2%
    }

    .list-img1 .list-item:nth-child(even) {
        margin-right: 0
    }

    .list-img1 .list-item .img1 {
        width: 100%;
        height: 2.58rem;
        overflow: hidden
    }

    .list-img1 .list-item .text .title {
        font-size: 14px;
        min-height: 52px;
        max-height: 52px;
    }

    .list-img1 .list-item .text .date {
        font-size: 14px
    }
}

@media screen and (max-width: 500px) {
    .list-img1 .list-item {
        width:100%;
        margin-right: 0!important;
        margin-bottom: 2.8%
    }

    .list-img1 .list-item .img1 {
        width: 100%;
        height: 3.8rem;
        overflow: hidden
    }
}
.list-tea {
    padding-top: .23rem;
    background: #fff;
    padding: 0.56rem 0.44rem 0.8rem;
    border-radius: 30px;
}

.list-tea .list_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;gap: 2%;
}

.list-tea .list-item {
    width: 23.5%;
    margin-bottom: 10px
}

.list-tea .list-item .img1 {
    width: 100%;
    height: 3.42rem;
    overflow: hidden
}

.list-tea .list-item .img1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.list-tea .list-item .text {
    padding: .14rem .25rem .14rem .15rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.list-tea .list-item .text p {
    text-align: center
}

.list-tea .list-item .text .name {
    color: #333;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: .22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.list-tea .list-item .text .bt {
    padding-top: .05rem;
    font-size: .16rem;
    color: #999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;display:block;
}

.list-tea .list-item .text .date {
    color: #999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: block;
    font-size: .16rem;
    padding-top: .15rem;
    text-align: center
}

.list-tea .list-item:hover .img1 img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.list-tea .list-item:hover .text {
    background-color: #0b56d2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.list-tea .list-item:hover .text .bt,.list-tea .list-item:hover .text .name {
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.list-tea .list-item:hover .text .date {
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width: 1200px) {
    .list-tea .list-item .img1 {
        width:100%;
        height: 3.12rem;
        overflow: hidden
    }

    .list-tea .list-item .img1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all ease .5s;
        transition: all ease .5s
    }

    .list-tea .list-item .text .name {
        font-size: .26rem
    }

    .list-tea .list-item .text .bt {
        font-size: .18rem
    }

    .list-tea .list-item .text .date {
        font-size: .18rem
    }
}

@media screen and (max-width: 805px) {
    .list-tea .list-item {
        width:23.5%;
        margin-right: 2%;
        margin-bottom: 2.8%
    }

  

    .list-tea .list-item .img1 {
        width: 100%;
        height: 3.12rem;
        overflow: hidden
    }

    .list-tea .list-item .img1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all ease .5s;
        transition: all ease .5s
    }
}

@media screen and (max-width: 620px) {
    .list-tea .list-item {
        width:32%;
        margin-right: 2%;
        margin-bottom: 2.8%
    }

   
    .list-tea .list-item .img1 {
        width: 100%;
        height: 4.1rem;
        overflow: hidden
    }

    .list-tea .list-item .img1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all ease .5s;
        transition: all ease .5s
    }
}

@media screen and (max-width: 500px) {
    .list-tea .list-item {
        width:49%;
        margin-right: 2%;
        margin-bottom: 2.8%
    }

   

    .list-tea .list-item .img1 {
        width: 100%;
        height: 4.8rem;
        overflow: hidden
    }

    .list-tea .list-item .img1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all ease .5s;
        transition: all ease .5s
    }

    .list-tea .list-item .text .name {
        font-size: 14px
    }

    .list-tea .list-item .text .bt {
        font-size: 12px
    }

    .list-tea .list-item .text .date {
        font-size: 12px
    }
}

@media screen and (max-width: 475px) {
    .list-tea .list-item {
        width:100%;
        margin-right: 0!important;
        margin-bottom: 2.8%
    }

    .list-tea .list-item .img1 {
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .list-tea .list-item .img1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all ease .5s;
        transition: all ease .5s
    }

    .list-tea .list-item .text .name {
        font-size: 18px
    }

    .list-tea .list-item .text .bt {
        font-size: 16px
    }

    .list-tea .list-item .text .date {
        font-size: 16px
    }
}