@charset "utf-8";
/* CSS Document */
/*********** Base Style ***********/



#categoryBox {margin-bottom:40px;}
.boardList {}
.boardList > ul {overflow:hidden; margin:-20px -10px; text-align:center;}
.boardList > ul > li {float:left; width:25%; padding:20px 10px;}
.boardList > ul > li > div {}
.boardList .imgWrap {overflow:hidden; position:relative; padding-bottom:77.7%}
.boardList .imgWrap img {position:absolute; top:50%; transform:translate(-50%,-50%); width:100%; height:auto;}
.boardList .cont {border:1px solid #e6e6e6; border-top:0; height:210px; padding:37px 30px; text-align:left;}
.boardList .title {overflow:hidden; height:52px; font-size:20px; color:#000; line-height:26px; font-weight:700;} /* display:-webkit-box; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; */
.boardList .txt {margin:22px 0 10px; font-size:17px; color:#000;}
.boardList .txt em {color:#94af97;}
.btn_login {position:absolute; top:0; left:50%; width:50%; bottom:0; background:url('../images/login.png') no-repeat center rgba(51,51,51,0.75);}
.boardList .bListInfo {display:inline-block;}
/*
.boardList strong {display:block; overflow:hidden; height:62px; padding:7px 20px 2px; font-size:24px; color:#383838; line-height:30px; font-weight:400;}
.boardList span {display:inline-block; margin-top:15px; font-size:16px; color:#888888;}
*/




#categoryBox ul:first-child li {width:16.666%;}

#best_swiper {position:relative; margin-bottom:50px; border:1px solid #e6e6e6;}
#best_swiper .swiper-slide {overflow:hidden;}
#best_swiper .swiper-slide > div {height:420px;}
#best_swiper .swiper-slide .img_wrap {float:left; position:relative; width:540px;}
#best_swiper .swiper-slide .img_wrap img {position:absolute; top:0; left:0; width:100%; height:auto; min-height:100%;}
#best_swiper .swiper-slide .cont_wrap {padding-left:70px; margin-left:540px; padding-right:150px;}
#best_swiper .swiper-slide .best {display:block; width:100px; font-size:20px; color:#fff; line-height:40px; text-align:center; background:#94af97;}
#best_swiper .title {margin-top:45px; font-size:30px; color:#000000; font-weight:700;}
#best_swiper .content {font-size:17px; color:#4c4c4c; line-height:28px;}
#best_swiper .txt {margin:22px 0 10px; font-size:17px; color:#000;}
#best_swiper .txt em {color:#94af97;}
#best_swiper .swiper-button-prev {left:50px; width:37px; height:70px; margin-top:-35px; background:url('../images/btn_prev.png') no-repeat;}
#best_swiper .swiper-button-next {right:50px; width:37px; height:70px; margin-top:-35px; background:url('../images/btn_next.png') no-repeat;}
#best_swiper .swiper-pagination {left:610px; bottom:30px;}
#best_swiper .swiper-pagination-bullet {position:relative;  width:8px; height:8px; margin:0 8px; background:#cecece; opacity:1;}
#best_swiper .swiper-pagination-bullet-active {background:#94af97;}
#best_swiper .swiper-pagination-bullet-active:before {position:absolute; top:50%; left:50%; width:18px; height:18px; margin-left:-10px; margin-top:-10px; border-radius:50%; border:1px solid #94af97; content:'';}