.introduce {padding: 60px 0; background: var(--mono-5-f6); text-align: center; margin-bottom: 0;}
.introduce .ons_inner {}
.introduce .sec_tit {position: relative; display: inline-block; font-size: 20px; font-weight: 600;}
.introduce .item_wrap {flex-shrink: 0;}
.introduce .item_wrap .item {position: relative; padding-bottom: 56.25%;}
.introduce .item_wrap .item img {position: absolute;  width: 100%; height: 100%; left: 0; right: 0; object-fit:cover; border-radius: var(--radius-8);}
.introduce .cont{margin: 20px 0 0;}
.introduce .cont p {text-transform: uppercase; font-size: 16px; line-height: 1.5; font-weight: 400; color:var(--mono-2-95); margin: 8px 0 24px; white-space: pre-line;}
.introduce .cont .sec_tit:empty,
.introduce .cont p:empty {display: none;}
.introduce .cont a {margin: 0 auto; display: flex; width: 220px; line-height: 40px; justify-content: center; align-items: center; background:var(--mono-ff); border-radius:var(--radius-6); border: 1px solid var(--mono-2-95); padding: 0 20px; box-sizing:border-box; color:var(--mono-2-95); font-size: 12px; font-weight:400;}
.introduce .cont a i.icon[class*="icoArrow"] {width: 5px; height: 5px; border-left: 1px solid var(--mono-2-95); border-bottom: 1px solid var(--mono-2-95);}

@media all and (max-width:767px) {
    .introduce .cont p {font-size: 14px;}
}