@Charset "utf-8";
@import url("common.css");


#bbs {padding:50px 0 70px; background:#f4f4f4; overflow:hidden;}
#bbs .t35 {font-size:35px; font-weight:500; color:#313131; text-align:center;}
#bbs .bbs {max-width:1200px; margin:0 auto; padding:0 20px; box-sizing:border-box; overflow:hidden;}
#bbs .bbs .list {display:flex; justify-content:space-between; margin-top:30px;}
#bbs .bbs .list .item {width:340px; margin:0 22px; background:#fff; overflow:hidden;}
#bbs .bbs .list .img {display:block; height:215px;}
#bbs .bbs .list .img img {width:100%; height:100%; object-fit:cover;}
#bbs .bbs .t20 {display:block; height:20px; line-height:20px; font-size:20px; color:#1886e4; margin:30px 0 20px; border-left:2px solid #1886e4; padding:0 20px 0 30px;}
#bbs .bbs .t16 {display:block; font-size:16px; font-weight:bold; color:#303030; line-height:25px; height:50px; padding:0 20px 0 30px; margin-bottom:20px; word-break:break-all; overflow:hidden;}
#bbs .bbs .t14 {display:block; font-size:14px; color:#8e8e8e; line-height:20px; height:60px; padding:0 20px 0 30px; word-break:break-all; overflow:hidden;}
#bbs .bbs .more {display:block; font-size:14px; font-weight:bold; color:#313131; text-align:right; padding:10px 20px;}
#bbs .bbs .day {display:block; font-size:13px; font-weight:300; color:#8e8e8e; padding:0 20px 20px 30px;}

#bbs .bbs2 {max-width:1200px; margin:30px auto 0; padding:0 20px; box-sizing:border-box; overflow:hidden;}
#bbs .bbs2 {display:flex; justify-content:space-between;}
#bbs .bbs2 .box {position:relative; width:340px; margin:0 22px;  background:#fff; overflow:hidden;}
#bbs .bbs2 .list .img {display:block; height:215px;}
#bbs .bbs2 .list .img img {width:100%; height:100%; object-fit:cover;}
#bbs .bbs2 .t20 {display:block; height:20px; line-height:20px; font-size:20px; color:#1886e4; margin:30px 0 20px; border-left:2px solid #1886e4; padding:0 20px 0 30px;}
#bbs .bbs2 .t16 {display:block; font-size:16px; font-weight:bold; color:#303030; line-height:25px; height:50px; padding:0 20px 0 30px; margin-bottom:20px; word-break:break-all; overflow:hidden;}
#bbs .bbs2 .t14 {display:block; font-size:14px; color:#8e8e8e; line-height:20px; height:60px; padding:0 20px 0 30px; word-break:break-all; overflow:hidden;}
#bbs .bbs2 .more {display:block; font-size:14px; font-weight:bold; color:#313131; text-align:right; padding:10px 20px;}
#bbs .bbs2 .day {display:block; font-size:13px; font-weight:300; color:#8e8e8e; padding:0 20px 20px 30px;}

#bbs .bbs2 .slick-dots {position:absolute; bottom:230px; right:20px; line-height:8px; z-index:2;}
#bbs .bbs2 .slick-dots button {width:8px; height:8px; font-size:0; border:0; background:#ddd; border-radius:50px; cursor:pointer;}
#bbs .bbs2 .slick-dots li {display:inline-block; margin:0 2px;} 
#bbs .bbs2 .slick-dots .slick-active button {background:#1886e4;}
 	


#qmenu {padding:65px 0 100px;}
#qmenu .qmenu {max-width:1200px; margin:0 auto; display:flex; overflow:hidden;}
#qmenu .qmenu table {width:100%; border-collapse:collapse;}
#qmenu .qmenu .box1 {width:50%; padding:0 5%; text-align:center; background-size:100% 100%; background-repeat:no-repeat;}
#qmenu .qmenu .box2 {width:50%; padding:0 5%; height:300px; text-align:right; background-size:100% 100%; background-repeat:no-repeat;}
#qmenu .qmenu .t30 {font-size:30px; color:#fff;}
#qmenu .qmenu .t16 {font-size:16px; color:#fff;}
#qmenu .qmenu a {display:inline-block; width:170px; line-height:50px; font-size:16px; color:#fff; text-align:center; border:1px solid #fff;}
#qmenu .qmenu a:hover {color:#313131; background:#fff;}


#move {position:fixed; top:50%; left:50%; transform: translate(0, -50%); margin-left:700px; z-index:1;}
#move .move {}
#move .move a {display:block; line-height:50px; margin:10px 0; width:210px; font-size:18px; color:#f4f4f4; padding-left:30px; box-sizing:border-box; text-shadow:1px 1px 5px rgba(0,0,0,0.8);}
#move .move a.on {background:#1886e4; border-radius:50px;}






@media only screen and (max-width:1216px) {
	#bbs .bbs {padding:0 10px;}
	#bbs .bbs .list .item {margin:0 10px;}
	#bbs .bbs2 {padding:0 10px;}
	#bbs .bbs2 .box {margin:0 10px;}
}
@media only screen and (max-width:1016px) {
}
@media only screen and (max-width:820px) {
}
@media only screen and (max-width:740px) {
	#bbs .bbs {margin:30px auto 30px}
	#bbs .bbs .list {display:block;}
	#bbs .bbs .list .item {position:relative; width:auto; padding:10px; margin-bottom:10px;}
	#bbs .bbs .list .img {float:left; width:140px; padding-right:10px; height:88px;}
	#bbs .bbs .t20 {font-size:18px; line-height:18px; margin:0; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	#bbs .bbs .t16 {height:25px; margin:0; padding:0; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	#bbs .bbs .t14 {height:25px; padding:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	#bbs .bbs .more {position:absolute; top:0; right:0; padding:5px; font-weight:300;}
	#bbs .bbs .day {padding:0; overflow:hidden;}

	#bbs .bbs2 {display:block; margin:30px auto 0}
	#bbs .bbs2 .box {width:auto; padding:10px; margin-bottom:10px;}
	#bbs .bbs2 .list .img {float:left; width:140px; padding-right:10px; height:88px;}
	#bbs .bbs2 .t20 {font-size:18px; line-height:18px; margin:0; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	#bbs .bbs2 .t16 {height:25px; margin:0; padding:0; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	#bbs .bbs2 .t14 {height:25px; padding:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	#bbs .bbs2 .more {position:absolute; top:0; right:0; padding:0; font-weight:300;}
	#bbs .bbs2 .day {padding:0; overflow:hidden;}
	#bbs .bbs2 .slick-dots {bottom:0; right:5px;}
	
	#qmenu {padding:30px 10px 30px;}
	#qmenu .qmenu table td {display:block; width:100%;}
	#qmenu .qmenu .box1 {width:100%; padding:20px 20px; text-align:left; background-size:100% auto; margin-bottom:10px; box-sizing:border-box;}
	#qmenu .qmenu .box2 {width:100%; padding:20px 20px; text-align:left; height:auto; margin-bottom:10px; box-sizing:border-box;}
	#qmenu .qmenu .t16.mt30 {margin:10px 0 !important;}
	#qmenu .qmenu a {line-height:30px;}
	
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:400px) {
	#bbs .bbs .list .img {display:none;}
	#bbs .bbs2 .list .img {display:none;}
}