@charset "utf-8";
.application-area .part{ margin-top: 50px;}
.application-area .part ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.application-area .part ul li{width:49.375%;margin-right:1.25%;margin-bottom:1.25%;padding:3.125% 6.25%;box-shadow:0px 0px 13px rgba(0,0,0,0.1);box-sizing:border-box}
.application-area .part ul li:nth-child(2n){margin-right:0}
.application-area .part ul li .title{border-bottom:#f0f0f0 solid 1px}
.application-area .part ul li .title h3{position:relative;display:inline-block;padding-bottom:20px;font-family:"HONORSansCN-DemiBold";color:#000000}
.application-area .part ul li .title h3:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;background:-webkit-linear-gradient(to right,#039aa8,#0dbfc8);background:linear-gradient(to right,#039aa8,#0dbfc8)}
.application-area .part ul li dl{margin-top:4.745%;display:flex;flex-wrap:wrap;gap:10px}
.application-area .part ul li dl dd{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:calc((100% - 30px) / 4);box-sizing:border-box;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.application-area .part ul li dl dd:hover{border:none}
.application-area .part ul li dl dd:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:#f0f0f0 solid 1px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.application-area .part ul li dl dd:hover:before{opacity:0}
.application-area .part ul li dl dd:after{content:'';position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:-webkit-linear-gradient(to right,#039aa8,#0dbfc8);background:linear-gradient(to right,#039aa8,#0dbfc8);opacity:0;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.application-area .part ul li dl dd:hover:after{opacity:1}
.application-area .part ul li dl dd a{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;white-space:nowrap;padding:0px 20px;box-sizing:border-box;color:rgba(0,0,0,0.6);font-size:16px}
.application-area .part ul li dl dd:hover a{color:#FFFFFF}