.inner-banner img{display:block}
.bannertit{width:100%;text-align:center;position:absolute;top:15%;left:50%;padding:0 15px;color:#fff;transform:translate(-50%,0);text-transform:uppercase}
.bannertit div{font-size:50px;line-height:1.1;text-align:center;font-weight:bold}
.bannertit div span{display:block;}
.bannertit p{max-width:700px;margin:15px auto 0;font-weight:300}
@media (max-width:1440px){.bannertit{top:8%}
.bannertit div{font-size:40px}}
@media (max-width:1200px){.bannertit div{font-size:35px}
.bannertit p{max-width:600px;font-size:14px}}
@media (max-width:768px){.bannertit div{font-size:22px}
.bannertit p{font-size:13px;margin-top:5px}}
@media (max-width:500px){.bannertit div{font-size:18px}
.bannertit p{display:none}}

.wmkc-rd-list{display: flex;justify-content: space-between;flex-wrap:wrap;}
.wmkc-rd-list .item{width:33.33%;display: flex;justify-content: center;align-items:flex-start;position: relative;cursor:pointer}
.wmkc-rd-list .item .inner-art{position:absolute;top:50%;left:20px;padding:20px;transform: translateY(-50%);}
.wmkc-rd-list .item:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.3);display:block;position: absolute;top:0;left:0;z-index: 0;}
.wmkc-rd-list .item .rd-title{margin:10px 0;font-size:1.4vw;font-weight:var(--fontbold7);color:#fff}
.wmkc-rd-list .item .rd-word{color:#fff;display: none;}
@media (max-width:1366px){.wmkc-rd-list .item .rd-word{font-size:14px;}}
@media (max-width:768px){.wmkc-rd-list .item{width:100%;}
.wmkc-rd-list .item>.img,.wmkc-rd-list .item>.img img{width:100%;}
.wmkc-rd-list .item .rd-title{font-size:22px;}
.wmkc-rd-list .item .inner-art{padding:10px;left:10px;}}
@media (max-width:450px){.wmkc-rd-list .item .rd-title{font-size:18px;}}
@media (max-width:320px){.wmkc-rd-list .item .rd-title{font-size:16px;}
.wmkc-rd-list .item .rd-word{font-size:12px;}}