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

.j-main{width: 100%;padding: .2rem .3rem 1rem;}
.j-inner{width: 100%;max-width: 16.4rem;margin: 0 auto;}
.j-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.j-left{width: 12.1rem;}
.j-top{width: 100%;padding-bottom:  .1rem;margin-bottom: .3rem;border-bottom: 1px solid #e4ebf9;}
.j-titles{width: 100%;margin-bottom: .35rem;color: #222222;font-weight: bold;line-height: 1.38;}
.j-tipbox{width: 100%;font-size: 0;}
.j-tip{display: inline-block;vertical-align: middle;margin-right: .3rem;margin-bottom: .05rem;color: #666666;line-height: 1.6;}
.j-textbox{width: 100%;color: #444444;line-height: 1.8;}
.j-textbox *{line-height: inherit;max-width: 100%;}
.j-textbox a{text-decoration: underline;color: #0067ac;}
.j-textbox ul{display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;padding-inline-start: 40px;unicode-bidi: isolate;}
.j-textbox ol{display: block;list-style-type: decimal;margin-block-start: 1em;margin-block-end: 1em;padding-inline-start: 40px;unicode-bidi: isolate;}
.j-textbox li{display: list-item;text-align: -webkit-match-parent;unicode-bidi: isolate;}

.j-buttom{display: flex;align-items: center;flex-wrap: wrap;width: 100%;margin-top: .4rem;padding-top: .35rem;border-top: 1px solid #e4ebf9;}
.j-lt{flex: 1;padding-right: .5rem;}
.j-link{cursor: pointer;margin: .1rem 0;color: #222222;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.j-link:hover{color: #0067ac;}
.j-rt{font-size: 0;}
.j-back{display: inline-block;position: relative;cursor: pointer;padding:0 .7rem 0 .24rem;color: #ffffff;line-height: .6rem;border-radius: .3rem;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.j-back: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/a19.png');background-color: rgba(110,199,64,.6);background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.j-back:hover:after{right: .05rem;}

.j-right{width: 3.35rem;}
.j-subtitle{width: 100%;margin-bottom: .33rem;color: #222222;font-weight: bold;line-height: 1.3;}
.j-list{width: 100%;}
.j-item{display: block;cursor: pointer;width: 100%;padding-bottom: .25rem;margin-bottom: .4rem;border-bottom: 1px solid #e4ebf9;}
.j-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(189/335*100%);border-radius: .2rem;}
.j-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.j-text{width: 100%;padding-top: .17rem;}
.j-name{width: 100%;margin-bottom: .08rem;color: #222222;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.j-time{width: 100%;color: #999999;line-height: 1.6;}
.j-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;}
.j-item:hover .j-img img{transform: scale(1.05);}
.j-item:hover .j-name{color: #0067ac;}

@media(max-width: 750px){
    .j-left{width: 100%;margin-bottom: .5rem;}
    .j-lt{flex: none;width: 100%;padding-right: 0;}
    .j-rt{width: 100%;text-align: center;padding-top: .15rem;}
    .j-right{width: 100%;}
}


.wh-main{width: 100%;padding: .45rem .4rem .3rem; background-color: #eef5fe;border-radius: .2rem;}
.wh-titles{width: 100%;margin-bottom: .07rem;color: #222222;font-weight: bold;line-height: 1.5;}
.wh-list{width: 100%;font-size: 0;}
.wh-item{display: block;cursor: pointer;margin-bottom: 0.1rem;color: #666666;line-height: 1.6;}
.wh-item:hover{color: #0067ac;}

@media(max-width: 750px){
    .wh-main{padding: .3rem .3rem .15rem;}
    .wh-item{display: inline-block;vertical-align: middle;min-width: 50%;padding-right: .1rem;}
}



/* 专题-详情 */
.ra-cont{width: 100%;}
.ra-one{width: 100%;}
.ra-titles{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: .25rem;}
.ra-titles_icon{display: block;margin-top: .242em;width: .916em;height: .916em;border-radius: 50%;position: relative;margin-right: .08rem;background-color: #0067ac;background-image: linear-gradient(90deg, #0067ac 0%, #68b92e 100%);}
.ra-titles_icon:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 63%;height: 63%;border-radius: 50%;background-color: #fff;}
.ra-titles_name{flex: 1;color: #222222;line-height: 1.4;font-weight: bold;}
.ra-subtitle{width: 100%;margin-bottom: .15rem;color: #222222;line-height: 1.5;font-weight: bold;}
.ra-textbox{width: 100%;line-height: 2;color: #444444;}

.rab-cont{position: relative;left: -.05rem;width:calc(100% + .1rem);display: flex;flex-wrap: wrap;padding-bottom: .5rem;}
.rab-item{display: block;width: 25%;padding: .05rem;}
.rab-box{display: flex;align-items: center;width: 100%;padding: .25rem .3rem; height: 100%;min-height: 1.1rem;background-color: #eff4fd;border-radius: .2rem;}
.rab-nub{display: flex;align-items: center;justify-content: center;text-align: center;color: #dfe8f8;width: .5rem;height: .5rem;border-radius: 50%;background-color: #ffffff;}
.rab-text{flex: 1;padding-left: .2rem;}
.rab-intro{width: 100%;color: #444444;line-height: 1.5;}
@media(max-width: 1150px){
    .rab-item{width: 33.33%;}
}
@media(max-width: 750px){
    .rab-item{width: 50%;}
}

.rac-cont{width: 100%;margin-bottom: .45rem; display: flex;flex-wrap: wrap;background-color: #243659;border-radius: .2rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.rac-item{width: 50%;padding: .4rem .6rem; border-right: 1px solid rgba(255,255,255,.2);}
.rac-item:nth-child(2n){border-right:none;}
.rac-name{width: 100%;margin-bottom: .15rem;color: #ffffff;line-height: 1.5;}
.rac-textbox{width: 100%;color: rgba(255, 255, 255, .8);line-height: 2;}
@media(max-width: 750px){
 .rac-cont{padding: .15rem 0;}
 .rac-item{width: 100%;padding: .15rem .3rem;border-right:none;}
}

.rad-cont{width: 100%;padding-bottom: .25rem;}
.rad-item{display: block;width: 100%;margin-bottom: .3rem;border-radius: .2rem;border: solid 1px #eff4fd;}
.rad-top{display: flex;align-items: flex-start;width: 100%;padding: .21rem .3rem;background-color: #f8fafd;border-radius: .2rem .2rem 0 0;border: solid 1px #eff4fd;}
.rad-top .rad-letterbox{display: flex;align-items: center;min-height: 1.66em;}
.rad-top .rad-letter{display: flex;align-items: center;justify-content: center;text-align: center;color: #c9d4e6;width: 1.66em;height: 1.66em;border-radius: 50%;background-color: #ffffff;}
.rad-name{flex: 1;padding-left: .2rem;color: #222222;font-weight: bold;line-height: 1.66;}
.rad-bottom{width: 100%;display: flex;align-items: flex-start;padding: .2rem .3rem .3rem;}
.rad-bottom .rad-letterbox{display: flex;align-items: center;min-height: 1.88em;}
.rad-bottom .rad-letter{display: flex;align-items: center;justify-content: center;text-align: center;color: #c9d4e6;width: 1.66em;height: 1.66em;border-radius: 50%;background-color: #f8fafd;}
.rad-intro{flex: 1;padding-left: .2rem;color: #444444;line-height: 1.88;}

.rae-cont{width: 100%;padding-bottom: .35rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.rae-item{display: block;width: calc(50% - .1rem);margin-bottom: .2rem;	background-color: #f8fafd;border-radius: .2rem;}
.rae-top{width: 100%;position: relative;padding: .19rem calc(.4rem + 1em) .19rem .4rem;background-color: #eff4fd;border-radius: .2rem .2rem 0 0;}
.rae-top:after{transform: rotate(-180deg); content: '';position: absolute;top: 0;right: .4rem;width: .37em;height: 100%;background-image: url('../images/wa9.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.rae-name{width: 100%;color: #222222;line-height: 1.45;font-weight: bold;}
.rae-bottom{width: 100%;padding: .3rem .4rem;}
.rea-one{width: 100%;padding: .05rem 0;}
.rea-tip{width: 100%;margin-bottom: .05rem; color: #222222;font-weight: bold;line-height: 1.5;}
.rea-tr{width: 100%;display: flex;flex-wrap: wrap;}
.rea-td{display: block;color: #444444;line-height: 1.75;}
.rea-td:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem;height: .75em; width: 1px;background-color: #666666;}
.rea-td:last-child:after{display: none;}

@media(max-width: 750px){
    .rae-item{width: 100%;}
    .rae-top{padding: .2rem calc(1em + .3rem) .2rem .3rem;}
    .rae-top:after{right: .3rem;}
    .rae-bottom{padding: .2rem .3rem;}
}