@charset "utf-8";

.comm_board{ position: relative;}
.comm_board .swiper-container{ padding-bottom: 1em;}
.comm_board li{}
.comm_board li .in{cursor: pointer; background: #fff;}
.comm_board li .in .img_z{position: relative;}
.comm_board li .in .view_bg{position: absolute; top: 0; left: 0; width:100%; height: 100%; background-image: linear-gradient(360deg, black, transparent); text-align: left; color:#fff; opacity: 0; transition: .3s;}
.comm_board li .in .view_bg .plus_btn .xi{width:60px; line-height: 60px; height: 60px; background-color:var(--mainColor); border-radius: 50%; font-size:1.125em; margin-bottom: 5px;}
.comm_board li .in .in_img{ /*height: 210px;*/height: 506px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.comm_board li .in .in_txt{width: 100%; position: absolute; bottom: 0; left: 0; padding: 25px 30px;}
.comm_board li .in .in_txt .lt_tit{ font-size: 1.5em; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 600; margin-bottom: 2em;}
.comm_board li .in .in_txt .lt_tit a{color: #fff;}
.comm_board li .in .in_txt .lt_cont {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; font-size: 1.068em; height: 42px; color: #888; line-height: 1.4; margin-top: 8px;}
.comm_board li .in .in_txt .lt_cont br{ display: none;} 
.comm_board li .in .in_txt .lt_info{ float: none; width: auto; text-align: left;}
.comm_board li .in .in_txt .lt_info .lt_date{ width: auto; font-size: .75em; color: #aaa; display:none;}
.comm_board li .in .in_txt .lt_info .more_btn{color: #969696; font-size: 1.625em; position: absolute; top: -6px; right: 0;}
.comm_board li .in:hover .in_txt .lt_info .more_btn{color: #06377a;}

.comm_board .project_control{}
.comm_board .project_control .project_btn{font-size: 2em; color:#999; cursor: pointer; transition: .3s;}
.comm_board .project_control .project_btn:hover{color: #333;}
.comm_board .project_control .project_pagination{width: 85%; height: 4px; background:rgba(0,0,0,0.2); position: relative;}
.comm_board .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--mainColor);}


.comm_board li .in:hover .view_bg{ opacity: 1; }

.in_tt{font-size: .937em; margin-bottom: 10px; letter-spacing: 1px;}
.view{font-size: .937em; margin-top: 20px; opacity: .5;}
.view .xi{margin-left: 20px;}
.pro_st{}
.pro_st th{width:120px; font-weight: 600; line-height: 1.6; text-transform: uppercase;}