@charset "utf-8";

.n_main{width:1200px;margin:0 auto;padding:0;height:auto;overflow:hidden;position:relative}

.xn_c_pro_25_wrap{width:100%;margin:0 auto;padding-top:40px;overflow:hidden;}
.xn_c_pro_25_wbox{display:flex;flex-wrap:wrap;gap:50px}
.xn_c_pro_25_xhbox{width:calc((100% - 100px) / 3);border:1px solid #eeeeee;box-sizing:border-box;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; position:relative}
.xn_c_pro_25_pic{width:100%;height:auto;aspect-ratio:3/2;overflow:hidden;}
.xn_c_pro_25_pic a{ display:block; width:100%; height:100%}
.xn_c_pro_25_pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.xn_c_pro_25_txt{ padding:15px 15px 20px;line-height:22px;}
.xn_c_pro_25_txt a{font-size:18px;line-height:36px;color:#000000;font-weight:bold;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xn_c_pro_25_txt p{padding-top:5px;color:#888888;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.xn_c_pro_25_txt span{display:block;text-align:left;color:#333333;font-size:14px;background:url(../images/more.png) no-repeat right center;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; margin-top:10px}
.xn_c_pro_25_xhbox:hover a{color:#e62129}
.xn_c_pro_25_xhbox:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.xn_c_pro_25_xhbox:hover .xn_c_pro_25_txt span{background:url(../images/more_lu.png) no-repeat right center;}
/*
.xn_c_pro_25_coent{height:80px;}
.xn_c_pro_25_name{line-height:50px;text-align:center;overflow:hidden}
.xn_c_pro_25_name a{font-size:18px;color:#000000;font-weight:bold;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xn_c_pro_25_time{line-height:22px;text-align:left;color:#333333;font-size:14px}
*/

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

}

@media (max-width:1160px) {
.n_main{width:94%;}

}

@media (max-width:1060px) {
.xn_c_pro_25_wbox{gap:30px}
.xn_c_pro_25_xhbox{width:calc((100% - 60px) / 3)}


}

@media (max-width:990px) {
.xn_c_pro_25_wrap{ padding-top:35px}
.xn_c_pro_25_wbox{gap:20px}
.xn_c_pro_25_xhbox{width:calc((100% - 40px) / 3)}


}

@media (max-width:860px) {
.xn_c_pro_25_wrap{ padding-top:30px}
.xn_c_pro_25_wbox{gap:20px}
.xn_c_pro_25_xhbox{width:calc((100% - 20px) / 2)}


}

@media (max-width:640px) {
.xn_c_pro_25_wrap{ padding-top:30px}
.xn_c_pro_25_wbox{gap:12px}
.xn_c_pro_25_xhbox{width:calc((100% - 12px) / 2)}
.xn_c_pro_25_txt{ padding:15px 12px 16px}
.xn_c_pro_25_txt a{ font-size:17px}


}

@media (max-width:441px) {
.xn_c_pro_25_wrap{ padding-top:25px}
.xn_c_pro_25_wbox{gap:12px}
.xn_c_pro_25_xhbox{width:100%}
.xn_c_pro_25_txt{ padding:15px 12px 16px}
.xn_c_pro_25_txt a{ font-size:17px}
.next_fy{ padding-top:25px; padding-bottom:45px}
.next_fy a{ height:32px; line-height:32px; padding:0 10px}

}