@charset "UTF-8";

/* main_con1 */
.main_con1 {position: relative; padding-bottom: 50px; overflow: hidden;}
.main_slide {position: relative; width: 100%; max-width: 2600px; margin: 0 auto;}
#main_slide .item { height: 550px; padding-top: 80px; background: url('/filk/images/main/main_visu_img1.png') top center/cover no-repeat;}
#main_slide .item .tit1 {margin-bottom: 15px; color: #00e599; font-size: 1.875em;}
#main_slide .item .tit2 {margin-bottom: 40px; font-size: 5.563em; line-height: 1; color: #fff;font-weight: 700;}
#main_slide .item .con {width: 50%; margin-bottom: 40px;}
#main_slide .item .con .txt {display:table-cell; overflow:hidden;word-break:keep-all; color: #fff; font-size: 1.125em; font-weight: 300;
line-height: 1.5em; height:4.5em; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; vertical-align: middle;}
#main_slide .item .main_slide_btn {display: block; width: 180px; height: 50px; line-height: 50px; background-color: #fff; color: #00ae74; text-align: center;}
#main_slide .item .main_slide_btn {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#main_slide .item .main_slide_btn i {position: relative; top: 1px; margin-left: 10px;}
#main_slide .item .main_slide_btn:hover {background-color: #00ae74; color: #fff;}
#main_slide .slick-dots {display: none !important;}
.main_slide .slide_ctrl_box {position: absolute; left: 0; bottom: 70px; width: 100%; color: #fff; font-size: 1.125em;}
.main_slide .slide_ctrl_box .slide_page1 {float: left; margin-right: 4px; font-weight: 500;}
.main_slide .slide_ctrl_box .slide_page2 {float: left; font-weight: 300;}
.main_slide .slide_ctrl_box .play_btn {display: none; float: left; color: #fff;}
.main_slide .slide_ctrl_box .stop_btn {float: left; color: #fff;}
.main_slide .slide_ctrl_box .sld_dot {float: left; padding-top: 8px;}
.main_slide .slide_ctrl_box .sld_dot button {float: left; width: 10px; height: 10px; margin-right: 5px; background-color: #fff; border-radius: 50%;}
.main_slide .slide_ctrl_box .sld_dot button.on {background-color: #01ae74;}



/* ============================================================================================= */
.notice_slide {position: absolute; left: 50%; bottom: 0; width: 1960px; height: 270px; padding:35px 45px; background: url('/filk/images/main/notice_slide_bg.png') left top/cover no-repeat; z-index: 2;}
.notice_slide_tit {position: relative; display: inline-block; margin-bottom: 10px; font-size: 2.125em; color: #fff;}
.notice_slide_tit:after {content: 'NOTICE'; position: absolute; left: 90px; bottom: 0; display: block; color: rgba(0, 136, 99, 0.5); line-height: 1; 
    letter-spacing: -4px; font-size: 60px; font-weight: 900; z-index: 1;}
.notice_slide_tit h1 {position: relative; font-weight: 700; z-index: 2;}
#notice_slide .item {opacity: 0.5;}
#notice_slide .item.slick-current {opacity: 1;}
#notice_slide .item a {display: block;}

#notice_slide .item .tabel_box {display: table; width: 100%;     table-layout: fixed;}
#notice_slide .item .tabel_box .left {display: table-cell; width: 200px; vertical-align: middle; }
#notice_slide .item .tabel_box .left img {opacity: 0;}
#notice_slide .item .tabel_box .right {display: table-cell; padding-left: 35px; padding-right: 60px; vertical-align: middle; }
#notice_slide .item .tabel_box .right .tit {margin-bottom: 15px; font-size: 1.250em; color: #fff; font-weight: 500; overflow: hidden; max-width: 100%; vertical-align: top; text-overflow: ellipsis; white-space: nowrap;}
#notice_slide .item .tabel_box .right .txt {margin-bottom: 25px; color: #fff; font-weight: 300; display: -webkit-box; overflow: hidden; height: 2.4em; line-height: 1.2em; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap: break-word;}
#notice_slide .item .tabel_box .right .date {color: rgba(255, 255, 255, 0.5);}
#notice_slide .item .tabel_box .right .tit {}
.notice_slide_ctrl_box {position: absolute; top: 50%;	 width: 100%; height: 60px;}
.notice_slide_ctrl_box .slide_ctrl_box {width: 100%; max-width: 1280px; margin: 0 auto; text-align: right;}
.notice_slide_ctrl_box .slide_ctrl_box .btn_box {float: right;}
.notice_slide_ctrl_box .slide_ctrl_box button {position: relative; float: left; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #fff url('/filk/images/main/notice_slide_left.png') center center no-repeat;  z-index: 3;}
.notice_slide_ctrl_box .slide_ctrl_box .left_btn {margin-right: 1px; background-image: url('/filk/images/main/notice_slide_left.png');}
.notice_slide_ctrl_box .slide_ctrl_box .right_btn {background-image: url('/filk/images/main/notice_slide_right.png');}

#notice_slide .item a:hover {}
#notice_slide .item a:hover .right .tit {text-decoration: underline;}
#notice_slide .item a:hover .right .txt {text-decoration: underline;	}

/* ============================================================================================= */

.main_con2 {padding-bottom: 20px;}
.main_con2 .main_con2_con {position: relative; top: -50px; background: #fff url('/filk/images/main/con2_bg_02.jpg') left top no-repeat;}
.main_con2 .con2_con_wrap {padding-top: 100px; overflow: hidden;}
.main_con2 .con2_con_wrap .box {float: left; width: 16.66%; text-align: center;}
.main_con2 .con2_con_wrap .box .img_wrap {margin-bottom: 15px;}
.main_con2 .con2_con_wrap .box .img_wrap img {position: relative;}
.main_con2 .con2_con_wrap .box .img_wrap:hover {}
.main_con2 .con2_con_wrap .box:hover .img_wrap img {animation-name: btn_r; animation-duration: 0.5s;}
@keyframes btn_r {
	0%{left: 0;}
	30% {left: -7px;}
	60% {left: 7px;}
	100% {left: 0px;}  
}
.main_con2 .con2_con_wrap .box:hover .txt {color: #0b9a55; font-weight: 500;}
.main_con2 .con2_con_wrap .box3 .img_wrap {padding-left: 8px;}
.main_con2 .con2_con_wrap .box4 .img_wrap {padding-left: 10px;}
.main_con2 .con2_con_wrap .box .txt {font-size: 1.125em; padding: 0 5px; word-break: keep-all;}
/* ============================================================================================= */
.main_con3 {padding-top: 30px; padding-bottom: 140px;}
.main_con3 .container:after {content: '';position: absolute;left: -63px;bottom: -60px;width: 107px;height: 107px;background: url('/filk/images/main/con3_bg2.png') center center no-repeat;z-index: -1;}
.main_con3 .date_wrap {padding: 20px 0; border-bottom: 1px solid #bbc6b8; overflow: hidden;text-align:center;}
.main_con3 .date_wrap .date_month_box {float: none; width: auto; margin: 0 auto;overflow: hidden;display:inline-block;}
.main_con3 .date_wrap .month_box {float: left;height: 50px;line-height: 50px;font-size: 2rem;color: #323232;font-weight: 500;}
.main_con3 .date_wrap .month_move {float: left; font-size: 2.250em; margin: 0 10px;}
.main_con3 .date_wrap .month_btn {float: left;height: 50px;margin: 0 20px;padding-top: 8px;}
.main_con3 .date_wrap .month_btn a {display: block; height: 20px; line-height: 20px;}
.main_con3 .date_wrap .month_box em {display: block;float: left; height: 50px; line-height: 50px;color:#323232;}
.main_con3 .date_wrap .date_day_box {display: none; float: left;width: calc(100% - 190px);}
.main_con3 .date_wrap .date_day_box .table_box {width: 100%; overflow: hidden;}
.main_con3 .date_wrap .date_day_box button {float: left; display: block; width: 35px; height: 50px;font-size: 1.125em;}
.main_con3 .date_wrap .date_day_box button span {display: block; width: 33px; height: 33px; line-height: 34px;}
.main_con3 .date_wrap .date_day_box button.on span {background-color: #fff; border-radius: 50%; box-shadow: 1px 2px 3px 0px #8c8a8a; font-weight: 500;}
.main_con3 .list_wrap .list {padding: 25px 0 15px; overflow: hidden;}
.main_con3 .list_wrap .list > ul > li {display: block; margin-bottom: 9px; overflow: hidden;}
.main_con3 .list_wrap .list > ul > li a {position: relative; display: block; width: 100%; padding-right: 110px; overflow: hidden;}
.main_con3 .list_wrap .list .sort_box {float: left; width: 155px; height: 35px; text-align: center;}
.main_con3 .list_wrap .list .sort_box .sort { display: block; width: 100%; height: 35px; line-height: 35px; color: #fff; border-radius: 35px;}
.main_con3 .list_wrap .list .sort_box .sort1 {background-color: #f4c140;}
.main_con3 .list_wrap .list .sort_box .sort2 {background-color: #01ae74;}
.main_con3 .list_wrap .list .sort_box .sort3 {background-color: #ff7070;}
.main_con3 .list_wrap .list .tit_date_box {position: relative; float: left; width: calc(100% - 155px); height: 35px; line-height: 35px; padding-left: 30px; padding-right: 20px; overflow: hidden;}
.main_con3 .list_wrap .list .tit_date_box p {position: relative; float: left; width: 100%; font-weight: 500;  padding-right: 210px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; }
.main_con3 .list_wrap .list .tit_date_box p span {position: absolute; padding-left: 30px; right: 0; color: #323232; font-weight: 300;}
.main_con3 .list_wrap .list .tit_date_box p:hover {text-decoration: underline;}


.main_con3 .list_wrap .list .more {position: absolute; right: 0; height: 35px; line-height: 35px; color: #01ae74;}
.main_con3 .list_wrap .list .more .txt {position: relative;font-size: 15px; vertical-align: top; }
.main_con3 .list_wrap .list .more .txt:after {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background-color: #37bf93;}
.main_con3 .list_wrap .list .more .more_ico {display: inline-block;	 width: 25px; height: 25px; line-height: 25px; margin-left: 10px; background-color: #c8edec; color: #01ae74; text-align: center;}

/* .main_con3 .date_wrap .m_more {display: none;} */
.main_con3 .date_wrap .m_more {display: block; position: absolute; right: 0; top: 50px; margin-top: -15px; height: 30px; line-height: 30px;}
.main_con3 .date_wrap .m_more .txt {float: left;	color: #01ae74;}
.main_con3 .date_wrap .m_more .more_ico {display: block; float: left; margin-left: 6px; width: 30px; height: 30px; color: #01ae74; background-color: #c8edec; text-align: center;}

.main_con3 .date_wrap .mmbtn {text-align:right;margin-top:-20px;}
.main_con3 .date_wrap .m_more2 {position: static;display: inline-block;top: 50px;margin-top: 0;height: auto;line-height: 1;border: 1px solid #68bcc5;padding: 10px 20px;border-radius: 41px;width: 172px;text-align: center;}
.main_con3 .date_wrap .m_more2 .txt {float: left;	color: #01ae74;}
.main_con3 .date_wrap .m_more2 .more_ico {display: block;float: left;margin-left: 6px;width: auto;height: auto;color: #01ae74;/* background-color: #c8edec; */text-align: center;}


/* ============================================================================================= */
.main_con4 {background:#fff url('/filk/images/main/con4_bg2.png') bottom center/cover no-repeat;}
.main_con4 .con4_top .bg_box {position: absolute;width: 100%;top: -90px; padding: 46px 0;background: url('/filk/images/main/con4_bg.jpg') center top no-repeat;text-align: center;}
.main_con4 .con4_top .bg_box:after {content: ''; position: absolute; display: block; right: -70px; bottom: -65px; width: 125px; height: 123px; background: url('/filk/images/main/con4_bg3.png')center center no-repeat;}
.main_con4 .con4_top .bg_box .txt {margin-bottom: 5px; color: #fff; font-size: 1.125em;}
.main_con4 .con4_top .bg_box .txt2 {margin-bottom: 31px;color: #fff;font-size: 1.875em;}
.main_con4 .con4_top .bg_box .con4_btn {display: block; width: 200px; height: 50px; margin: 0 auto; line-height: 48px; border: 1px solid rgba(255, 255, 255, 0.7); color: #fff; font-size: 1.063em; text-align: center; }
.main_con4 .con4_top .bg_box .con4_btn {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
.main_con4 .con4_top .bg_box .con4_btn:hover {background-color: #01ae74; color: #fff;}
.main_con4 .con4_bot {position: relative; padding-top: 150px;}
.main_con4 .con4_bot .con4_btn_box {padding: 60px 120px; overflow: hidden;}
.main_con4 .con4_bot .con4_btn_box .btn_box {float: left; width: 33%; overflow: hidden;}
.main_con4 .con4_bot .con4_btn_box .btn_box1 {width: 39%;}
.main_con4 .con4_bot .con4_btn_box .btn_box2 {width: 36%;}
.main_con4 .con4_bot .con4_btn_box .btn_box3 {width: 25%;}
.main_con4 .con4_bot .con4_btn_box .btn_box a {display: table;}
.main_con4 .con4_bot .con4_btn_box .btn_box a:hover {}
.main_con4 .con4_bot .con4_btn_box .btn_box a .left { display: table-cell; width: 77px; height: 77px; text-align: center; vertical-align: middle; background-color: #d3ebed; border-radius: 50%;}
.main_con4 .con4_bot .con4_btn_box .btn_box1 a .left {background-color: #d3ebed;}
.main_con4 .con4_bot .con4_btn_box .btn_box2 a .left {background-color: #e1efd3;}
.main_con4 .con4_bot .con4_btn_box .btn_box3 a .left {background-color: #fbf3c3;}
.main_con4 .con4_bot .con4_btn_box .btn_box a .left > div {}
.main_con4 .con4_bot .con4_btn_box .btn_box a .right { display: table-cell; padding-left: 25px; vertical-align: middle; }
.main_con4 .con4_bot .con4_btn_box .btn_box a .right p {font-size: 1.125em;}
.main_con3 .con3_box3 .bottom .btn_box_wrap .btn_box .img_wrap img {position: absolute; left: 50%; top: 50%; width: 31px; height: 39px; margin-left: -15px; margin-top: -20px;}
.main_con4 .con4_bot .con4_btn_box .btn_box a .left img {position: relative;}
.main_con4 .con4_bot .con4_btn_box .btn_box a:hover img {
  animation: animationFrames linear 0.8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 0.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 0.8s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 0.8s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 0.8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-15px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  45% {
    transform:  translate(0px,-5px)  ;
  }
  60% {
    transform:  translate(0px,0px)  ;
  }
  75% {
    transform:  translate(0px,-5px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@media (prefers-color-scheme: light) {
	.gnb_header,
	.main_con2 .con2_con_wrap {background:#fff;}
	.main_con2 .con2_con_wrap .box .txt {color:#333;}
	.main_con3 {
		background: #fff;
		padding-top: 30px;
		padding-bottom: 140px;
		border-top:1px solid #ddd;
	}
}


@media (prefers-color-scheme: dark) {
	.gnb_header {background:#fff;}
	.main_con2,
	.main_con2 .con2_con_wrap {background:#000;}
	.main_con2 .con2_con_wrap .box .txt {color:#fff;}
 
	.main_con3 {
		background: #ffffff;
		background-color: #ffffff;
		padding-top: 30px;
		padding-bottom: 140px;
	}
}