/* .c_banner_pic{transform: translateY(36%);} */

/* listApp_box */

.listApp_box .web_th{margin-bottom: 30px;}
.lapp_item{width: 28%; margin-right: 8%;}
.lapp_item:nth-child(3n){margin-right: 0;}
.lapp_item:nth-child(3n + 2){margin-top: 8%;}
.lapp_item .order{font-size: 64px; font-family: 'DIN-Bold'; line-height: 1.3;}
.lapp_item .title{font-size: 20px; font-family: 'DIN Alternate-Bold'; line-height: 1.4; position: relative; padding-bottom: 12px;}
.lapp_item .title::before{position: absolute; left: 0; bottom: 0; height: 5px; width: 90px; content: ''; border-radius: 10px; background: var(--commonColor);}
.lapp_item .brief{color: #666; line-height: 26px; margin-top: 12px;}
.lapp_item .pic{border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1); padding-bottom: 100%; margin-top: 14px;}

.lapp_item:hover .order{color: var(--commonColor); animation: jump 0.5s;}


@media only screen and (max-width: 1480px) {
    .lapp_item{width: 30%; margin-right: 5%;}
    .lapp_item .order{font-size: 60px;}
    .listApp_box .web_th{margin-bottom: 20px;}
}
@media only screen and (max-width: 1280px) {
    .lapp_item{width: 31%; margin-right: 3.5%;}
    .lapp_item .order{font-size: 50px;}
}
@media only screen and (max-width: 980px) {
    .listApp_box .web_th{margin-bottom: 10px;}
	.lapp_item{width: 100%; margin-right: 0 !important; margin-top: 20px;}
    .lapp_item:nth-child(3n + 2){margin-top: 20px;}
    .lapp_item:first-child{margin-top: 0;}
    .lapp_item .order{font-size: 46px; line-height: 1; margin-bottom: 10px;}
    .lapp_item .title{font-size: 18px;}
    .lapp_item .title::before{height: 4px; width: 76px;}
}
/* listApp_end */