.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;}
.banner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16.4rem;max-width: calc(100% - .6rem);}
.banner-titles{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.17;}

.i-main{width: 100%;padding: .25rem .3rem .7rem;}
.i-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.i-top{width: 100%;margin-bottom: .6rem;}
.i-b{width: 100%;background-color: #eff4fd;border-radius: .2rem;}
.i-one{display: block;width: 100%;height: auto;}
.i-one .i-link{display: flex;align-items: center;flex-wrap: wrap;cursor: pointer;width: 100%;height: 100%;}
.i-one .i-lt{width: 6.57rem;}
.i-one .i-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(370/657*100%);}
.i-one .i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.i-one .i-rt{width: calc(100% - 7.9rem);padding: .15rem 0 .15rem 1rem;}
.i-one .i-time{width: 100%;margin-bottom: .15rem;color: #999999;line-height: 1.6;}
.i-one .i-time:before{content: '';display: inline-block;vertical-align: top;margin-right: .06rem;width: 1em;height: 1.6em;background-image: url('/static/home/images/a16.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.i-one .i-name{width: 100%;margin-bottom: .5rem;color: #222222;line-height: 1.4;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i-one .i-more{display: inline-block;position: relative;cursor: pointer;padding:0 .73rem 0 .23rem;color: #ffffff;line-height: .6rem;border-radius: .3rem;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.i-one .i-more:after{transition: all .5s;content: '';position: absolute;top: 50%;right: .12rem;transform: translate(0,-50%);width: .4rem;height: .4rem;border-radius: 50%;background-image: url('/static/home/images/a14.png');background-color: rgba(110,199,64,.6);background-size: .06rem auto;background-position: center center;background-repeat: no-repeat;}
.i-one:hover .i-img img{transform: scale(1.05);}
.i-one:hover .i-name{color: #0067ac;}
.i-one:hover .i-more:after{right: .05rem;}

.i-bottom{width: 100%;padding-bottom: .1rem;}
.i-item{display: flex;align-items: center;flex-wrap: wrap;flex-direction: row-reverse;justify-content: space-between;cursor: pointer;width: 100%;padding-bottom: .4rem;margin-bottom: .4rem;border-bottom: 1px solid #e4ebf9;}
.i-item .i-left{width: 3.75rem;}
.i-item .i-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(211/375*100%);border-radius: .2rem;}
.i-item .i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.i-item .i-right{width: calc(100% - 4.6rem);}
.i-item .i-time{width: 100%;margin-bottom: .15rem;color: #999999;line-height: 1.6;}
.i-item .i-time:before{content: '';display: inline-block;vertical-align: top;margin-right: .06rem;width: 1em;height: 1.6em;background-image: url('/static/home/images/a16.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.i-item .i-name{width: 100%;margin-bottom: .15rem;color: #222222;line-height: 1.4;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-item .i-intro{width: 100%;margin-bottom: .35rem;color: #666666;line-height: 1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i-item .i-more{width: 100%;color: #0067ac;line-height: 1.6;}
.i-item .i-more:after{transition: all  .3s;content: '';display: inline-block;vertical-align: top;margin-left: .13rem;width: .375em;height: 1.6em;background-image: url('/static/home/images/a17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.i-item:hover .i-img img{transform: scale(1.05);}
.i-item:hover .i-name{color: #0067ac;}
.i-item:hover .i-more:after{margin-left: .3rem;}

@media(max-width: 750px){
    .i-one .i-lt{width: 100%;}
    .i-one .i-rt{width: 100%;padding: .3rem;}
    .i-item .i-left{width: 100%;margin-bottom: .3rem;}
    .i-item .i-right{width: 100%;}
}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{display: inline-block;vertical-align: middle;cursor: pointer;margin:  .1rem .04rem;min-width: 3em;height: 3em;line-height: 3em;border-radius: 1.5em;color: #666666;}
.paging-item:hover{color: #fff;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.paging-item.active{color: #fff;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.paging-up{display: inline-block;vertical-align: middle;cursor: pointer;margin:  .1rem .04rem;min-width: 3em;height: 3em;line-height: 3em;border-radius: 1.5em;color: transparent;background-image: url('/static/home/images/a18.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-image: url('/static/home/images/a18-b.png');}
.paging-next{transform: rotate(-180deg);display: inline-block;vertical-align: middle;cursor: pointer;margin:  .1rem .04rem;min-width: 3em;height: 3em;line-height: 3em;border-radius: 1.5em;color: transparent;background-image: url('/static/home/images/a18.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-image: url('/static/home/images/a18-b.png');}