.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;}

.wi-main{width: 100%;padding: 1.2rem .3rem .7rem;}
.wi-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.wi-cont{width: 100%;display: flex;flex-wrap: wrap;padding-bottom: .2rem;}
.wi-item{display: block;cursor: pointer;width: 32.13%;margin-right: 1.8%;margin-bottom: .3rem; position: relative;background-color: #eff4fd;border-radius: .2rem;overflow: hidden;}
.wi-item:nth-child(3n){margin-right: 0;}
.wi-bg{opacity: 0;z-index: -1;visibility: hidden;transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wi-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wi-imgbox{width: 100%;position: relative;}
.wi-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(297/527*100%);}
.wi-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wi-img2{opacity: 0;z-index: -1;visibility: hidden;position: absolute;top: .7rem;left: 0;width: 100%;padding-top: calc(228/527*100%);}
.wi-img2 img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.wi-text{position: relative;z-index: 18;width: 100%;padding: .35rem .5rem;}
.wi-tag{width: 100%;margin-bottom: .1rem;color: #999999;line-height: 1.6; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wi-name{width: 100%;margin-bottom: .05rem;color: #222222;line-height: 1.4; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wi-intro{width: 100%;color: #444444;line-height: 1.75; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wi-item:hover .wi-bg{opacity: 1;z-index: 1;visibility: visible;}
.wi-item:hover .wi-img{opacity: 0;z-index: -1;visibility: hidden;}
.wi-item:hover .wi-img2{opacity: 1;z-index: 1;visibility: visible;}
.wi-item:hover .wi-tag{color: rgba(255,255,255,.5);}
.wi-item:hover .wi-name{color: #fff;}
.wi-item:hover .wi-intro{color: rgba(255,255,255,.8);}

@media(max-width: 750px){
    .wi-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .wi-item:nth-child(3n){margin-right: .3rem;}
    .wi-item:nth-child(2n){margin-right: 0;}
    .wi-img2{top: .3rem;}
    .wi-text{padding: .3rem .15rem;}
}

.wg-main{width: 100%;padding: .55rem .3rem;background-color: #eef5fe;border-bottom: 1px solid #e0e8f2;}
.wg-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.wg-cont{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;}
.wg-lt{display: flex;align-items: center;min-height: 1.8em;padding-right: .1rem;}
.wg-tip{color: #222222;font-weight: bold;line-height: 1.3;}
.wg-list{font-size: 0;flex: 1;}
.wg-item{display: inline-block;vertical-align: middle;cursor: pointer;color: #666666;line-height: 1.8;}
.wg-item:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem;width: 1px;height: 1em;background-color: #666666;}
.wg-item:hover{color: #0067ac;}
.wg-item:last-child:after{display: none;}

.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');}