@charset "utf-8";

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

.n_case_m{width:1200px;height:auto;overflow:hidden; padding-top:30px;}
.n_case_main{width:390px;height:275px;position:relative;float:left;margin-right:15px;margin-bottom:15px;overflow:hidden}
.n_case_main:nth-of-type(3n){margin-right:0px}
.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{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}
.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;padding:0 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px}
.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}