@charset "UTF-8";

/* main_con1 */
.main_con1 {position: relative; padding-bottom: 50px; overflow: hidden; z-index: 3;}
.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: 0px; color: #fff; font-size: 5.125em; font-weight: 700;}
#main_slide .item .tit2 {margin-bottom: 40px; font-size: 3.313em; 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;}
.main_slide .slide_ctrl_box .sc {position: absolute; top: 70px; }
.main_slide .slide_ctrl_box .left_btn,.main_slide .slide_ctrl_box .right_btn {position: relative; float: left; width: 60px; height: 60px;
line-height: 60px; text-align: center; background: #00ae73 url('/filk/images/main/notice_slide_left.png') center center no-repeat;  z-index: 3;}
.main_slide .slide_ctrl_box .left_btn {margin-right: 1px; background-image: url('/filk/eng/images/main/notice_slide_left.png');}
.main_slide .slide_ctrl_box .right_btn {background-image: url('/filk/eng/images/main/notice_slide_right.png');}


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

.main_gnb {position: absolute; right: 0; top: 100px; width: 500px; height: 485px; padding: 60px 40px; background: url('/filk/images/main/notice_slide_bg.png') left top/100% 100% no-repeat;}
.main_gnb .menu_box {position: relative;	}
.main_gnb .menu_box:before {position: absolute; left: 80px; top: -40px; content: 'MENU'; display: block; font-size: 3.625em; color: rgba(0, 136, 99, 0.4); font-weight: 900;}
.main_gnb ul li {margin-bottom: 20px;}
.main_gnb ul li a {position: relative; display: block; padding-left: 35px; color: #fff; font-size: 1.250em; font-weight: 500;}
.main_gnb ul li a:hover {color: #ffda7b;}
.main_gnb ul li a:hover:before {content: ''; position: absolute; left: 0; top: 9px; width: 20px; height: 10px; background: url('/filk/eng/images/main/main_menu_over.png') center center no-repeat;}




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

.main_con2 {margin-bottom: 70px; 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:25%; 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; vertical-align: middle;}
.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 .box2 .img_wrap img {left: 20px;}
.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 15px; word-break: keep-all;}
/* ============================================================================================= */
.main_con3 {background: url('/filk/images/main/con3_bg.png') left top/cover no-repeat; 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;}
.main_con3 .date_wrap .date_month_box {float: left;width: 190px;overflow: hidden;}
.main_con3 .date_wrap .month_box {float: left;height: 50px;line-height: 50px;font-size: 2.250em;color: #323232;font-weight: 500;}
.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;}
.main_con3 .date_wrap .date_day_box {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 span:after {content: '-'; position: absolute; left: 15px; }
.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_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: 240px; 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: #00ae73; 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: 33%;}
.main_con4 .con4_bot .con4_btn_box .btn_box2 {width: 40%;}
.main_con4 .con4_bot .con4_btn_box .btn_box3 {width: 27%;}
.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;}