@charset "utf-8";

.n_content{width:1200px;margin:0 auto;position:relative}

.n_case_m{width:100%;height:auto;overflow:hidden;padding-top:30px;display:flex;flex-wrap:wrap;gap:15px}
.n_case_main{width:calc((100% - 30px) / 3);height:auto;aspect-ratio:78/55;position:relative;/*float:left;margin-right:15px;margin-bottom:15px;*/overflow:hidden}
.n_case_c{position:relative;width:100%;height:100%}
.n_case_img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.n_case_img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out}
.n_case_main_name{position:absolute;bottom:0;width:100%;height:48px;line-height:48px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;-moz-binding:url('ellipsis.xml#ellipsis');color:#ffffff;text-indent:21px;background-color:rgba(0,0,0,0.5)}
.n_case_main_name1{color:#000;font-weight:bold}
.n_case_main_name2 a{color:#fff;text-decoration:none}
.n_case_main_name2 a:hover{color:#C00;text-decoration:underline}
/*
.n_case_main_cnt{position:absolute;left:180px;top:24px;font-size:12px}
.n_case_main_cnt1{color:#000;font-weight:bold !important}
.n_case_main_cnt2{width:530px;line-height:18px;height:54px;display:block;overflow:hidden;color:#333;margin-top:3px}
*/
.n_case_main_more{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;background:url(../images/case_bg.png);text-align:center;align-content:center;box-sizing:border-box;padding:10px;}
.n_case_main_more a{color:#fff;text-decoration:none;display:block}
.n_case_main_more a:first-child{/*height:34px;*/line-height:34px;background:url(../images/case_xian.png) no-repeat center bottom;/*margin-top:77px;*/overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px;font-size:17px;padding:5px 0}
.n_case_main_more a:hover{text-decoration:underline}
/*
.n_case_more{position:absolute;right:0;top:10px}
.n_case_more a{width:44px;height:11px;display:block}
.n_case_more a:hover{width:44px;height:11px}
*/
.n_case_main:hover .n_case_img img{opacity:0;transform:scale(10);-webkit-transform:scale(10)}
.n_case_main:hover .n_case_main_name{transform:scale(1);-webkit-transform:scale(1)}
.n_case_main:hover .n_case_main_more{opacity:1}
.n_case_main:hover .n_case_main_more>div{transform:scale(0);-webkit-transform:scale(0)}
.n_case_main:hover .n_case_main_more>div{transform:scale(1);-webkit-transform:scale(1)}
.n_case_main:hover .n_case_main_name{opacity:0}


@media (max-width:1260px) {
.n_content{width:1100px;}




}

@media (max-width:1160px) {
.n_content{width:94%;}
.n_case_main_name{ text-indent:15px}



}

@media (max-width:860px) {
.n_case_main{ width:calc((100% - 15px) / 2)}



}

@media (max-width:440px) {
.n_case_m{ padding-top:25px}
.n_case_main{ width:100%}
.n_case_main_name{ font-size:15px; text-indent:10px}
.next_fy{ padding:26px 0 45px}
.next_fy a{ height:32px; line-height:32px; padding:0 10px}


}