@charset "utf-8"; 


.top_area	{padding-bottom:33px; border-bottom:1px solid #ccc; background:#fff}
.top_area.topic	{border-bottom:none; max-width:1280px; margin:0 auto; overflow:hidden}
.top_area .t_wrap	{position:relative; max-width:1180px; margin:0 auto; padding-bottom:8px}

.top_area h3	{padding:130px 0 13px 0; color:#0a6b5b}
.top_area h3 a	{color:#0a6b5b}
.top_area .h_desc	{min-height:72px; color:#333; font-size:28px;  line-height:36px; text-align:center}
.top_area .date		{margin-top:20px; color:#000; font-size:14px; text-align:center}

.top_area .hot_topic li	{min-height:72px; color:#333; font-size:28px;  line-height:36px; text-align:center}
.top_area .hot_topic li a	{display:block; color:#333}

.top_area .bx-controls .bx-controls-auto a			{display:block; position:absolute; top:0; left:0;}
.top_area .bx-controls .bx-controls-auto a.active	{display:none}

.top_area .t_wrap .btn	{position:absolute; z-index:1; width:50px; height:49px; background:url('/fg/images/topic/bg_top_btn.png') no-repeat 0 0;}
.top_area .t_wrap .btn.page	{right:0; bottom:-33px; background-position:0 0}
.top_area .t_wrap .btn.prev	{bottom:-84px; left:0; background-position:0 -50px; border-bottom:1px solid #ccc}
.top_area .t_wrap .btn.next		{right:0; bottom:-84px; background-position:0 -100px; border-bottom:1px solid #ccc}

.top_area .t_wrap .btn.page:hover	{background-position:-50px 0}
.top_area .t_wrap .btn.prev:hover		{background-position:-50px -50px}
.top_area .t_wrap .btn.next:hover		{background-position:-50px -100px}


.top_area .bx-controls	{position:relative; height:28px; margin-top:24px;}
.top_area .bx-controls a	{display:block; position:relative; width:28px; height:28px; text-indent:-9999px}

.top_area .bx-controls .bx-controls-auto	{position:absolute; top:0; left:50%; margin-left:-88px}
.top_area .bx-controls .bx-controls-auto .bx-start	{background:url('/fg/images/topic/bg_slide_play.png') no-repeat 0 -28px}
.top_area .bx-controls .bx-controls-auto .bx-stop	{background:url('/fg/images/topic/bg_slide_play.png') no-repeat 0 0}

.top_area .bx-controls .bx-pager	{position:absolute; top:0; left:50%; margin-left:-48px}
.top_area .bx-controls .bx-pager .bx-pager-item	{float:left; width:28px; height:28px; margin-left:2px;}
.top_area .bx-controls .bx-pager .bx-pager-item:first-child	{margin-left:0}
.top_area .bx-controls .bx-pager .bx-pager-item a	{position:relative; }
.top_area .bx-controls .bx-pager .bx-pager-item a:after	{content:""; display:block; position:absolute; top:12px; left:12px; width:4px; height:4px; background:#999; border-radius:25px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;}
.top_area .bx-controls .bx-pager .bx-pager-item a.active:after	{top:7px; left:7px; width:14px; height:14px; background:#0a6b5b}

.top_area.list_01 .bx-controls .bx-controls-auto	{margin-left:-32px}
.top_area.list_01 .bx-controls .bx-pager	{margin-left:8px}
.top_area.list_02 .bx-controls .bx-controls-auto	{margin-left:-46px}
.top_area.list_02 .bx-controls .bx-pager	{margin-left:-6px}
.top_area.list_03 .bx-controls .bx-controls-auto	{margin-left:-60px}
.top_area.list_03 .bx-controls .bx-pager	{margin-left:-20px}
.top_area.list_04 .bx-controls .bx-controls-auto	{margin-left:-74px}
.top_area.list_04 .bx-controls .bx-pager	{margin-left:-34px}



.topic_wrap	{margin-top:-1px; padding-bottom:100px; background:#f2f2f2}

.topic_wrap .check_list	{padding:32px 50px; text-align:center; font-size:0}
.topic_wrap .check_list .chk	{display:inline-block; position:relative; margin-left:30px; font-size:14px; line-height:30px}
.topic_wrap .check_list .chk:first-child	{margin-left:0}
.topic_wrap .check_list .chk span{color:#0a6b5b;}
.topic_wrap .check_list .chk input	{vertical-align:top}
.topic_wrap .check_list .chk label	{padding-left:26px; background:url('/fg/images/topic/bg_chk.png') no-repeat 0 0}
.topic_wrap .check_list input[type=checkbox]	{position:absolute; left:-9999px; visibility:hidden;}
.topic_wrap .check_list input[type=checkbox]:checked + label	{background:url('/fg/images/topic/bg_chk_checked.png') no-repeat 0 0}

.topic_wrap .topic_list	{max-width:1280px; margin:0 auto; padding:0 50px}
.topic_wrap .topic_list ul	{max-width:1284px; margin-left:-4px}
.topic_wrap .topic_list ul:after	{content:""; display:block; clear:both;}
.topic_wrap .topic_list ul li	{float:left; width:25%; margin-top:4px}
.topic_wrap .topic_list ul li.event	{width:50%}
.topic_wrap .topic_list ul li a	{display:block; margin:0 0 0 4px; background:#fff}
.topic_wrap .topic_list ul li a:hover {text-decoration:none}
.topic_wrap .topic_list ul li a.category_link	{display:inline-block; margin:0 0 0 4px; background:none;}

.topic_wrap .topic_list ul li a .thumb	{display:block; position:relative;}
.topic_wrap .topic_list ul li a .thumb .ov	{opacity:0; position:absolute; z-index:0; top:0; right:0; bottom:0; left:0; background:url('/fg/images/topic/bg_topic_list1.png') repeat; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}

.topic_wrap .topic_list ul li a:hover .thumb .ov	{display:block; opacity:1; }
.topic_wrap .topic_list ul li a .thumb .icon	{display:block; position:absolute; z-index:1; top:0; left:0; line-height:0}
.topic_wrap .topic_list ul li a .thumb .img	{display:block; line-height:0}
.topic_wrap .topic_list ul li a .thumb .img img	{width:100%}
.topic_wrap .topic_list ul li a .thumb .img .mo	{display:none}

.topic_wrap .topic_list ul li a .t_wrap	{padding:25px 30px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.topic_wrap .topic_list ul li a .t_wrap .info	{overflow:hidden; height:60px; color:#000; font-size:14px; line-height:20px}
.topic_wrap .topic_list ul li a .t_wrap .info span	{margin-right:3px}
.topic_wrap .topic_list ul li a .t_wrap .date	{margin-top:10px; color:#000; font-size:14px; line-height:20px}

.topic_wrap .topic_list ul li a:hover .t_wrap	{background:#0a6b5b;}
.topic_wrap .topic_list ul li a:hover .t_wrap .info	{color:#fff}
.topic_wrap .topic_list ul li a:hover .t_wrap .date	{color:#fff}

.topic_wrap .btn_wrap	{margin-top:60px; text-align:right}
.topic_wrap .btn_wrap a	{display:inline-block;  color:#0a6b5b; font-size:14px;}
.topic_wrap .btn_wrap a:hover	{text-decoration:underline}

.topic_wrap .topic_list ul li	{opacity:0; margin-top:24px; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease; transition-property:margin, opacity; }
.topic_wrap .topic_list.on ul li	{opacity:1; margin-top:4px}

.topic_wrap .topic_list ul li:nth-child(1)	{}
.topic_wrap .topic_list ul li:nth-child(2)	{transition-delay:0.2s !important;}
.topic_wrap .topic_list ul li:nth-child(3)	{transition-delay:0.4s !important;}
.topic_wrap .topic_list ul li:nth-child(4)	{transition-delay:0.6s !important;}
.topic_wrap .topic_list ul li:nth-child(5)	{transition-delay:0.8s !important;}
.topic_wrap .topic_list ul li:nth-child(6)	{transition-delay:1.0s !important;}
.topic_wrap .topic_list ul li:nth-child(7)	{transition-delay:1.2s !important;}



.detail_wrap	{position:relative; max-width:1000px; margin:0 auto; padding:50px 50px 0 50px}
.detail_wrap .t_wrap	{}
.detail_wrap .t_wrap .w100	{width:100%; margin-bottom:45px}
.detail_wrap .t_wrap p	{margin-top:24px; font-size:16px; line-height:24px; text-indent: 2em;}
.detail_wrap .t_wrap p	img{display: block;margin:0 auto;}

.page_btn	{position:relative; max-width:1180px; height:100px; margin:0 auto}
.page_btn .btn	{position:absolute; width:50px; height:49px; background:url('/fg/images/topic/bg_top_btn.png') no-repeat 0 0;}
.page_btn .btn.page	{top:0; right:0; background-position:0 0}
.page_btn .btn.prev	{bottom:0; left:0; background-position:0 -50px; border-top:1px solid #ccc}
.page_btn .btn.next		{right:0; bottom:0; background-position:0 -100px; border-top:1px solid #ccc}

.page_btn .btn.page:hover	{background-position:-50px 0}
.page_btn .btn.prev:hover		{background-position:-50px -50px}
.page_btn .btn.next:hover		{background-position:-50px -100px}


.detail_wrap.event	{max-width:100%; padding:50px 0 0 0}
.detail_wrap.event .w100	{max-width:1000px; margin:0 auto}

.detail_wrap.event .pc	{display:block}
.detail_wrap.event .mo	{display:none}


.event_wrap	{background:#0a6b5b url('/fg/images/topic/bg_event_01.jpg') no-repeat center 0; color:#fff}

.event_wrap .cont_top	{padding:0 50px; text-align:center}
.event_wrap .cont_top h4	{padding-top:89px; font-size:80px;  line-height:76px}
.event_wrap .cont_top h4 span	{}

.event_wrap .cont_top .date	{margin-top:36px; font-size:24px;  line-height:28px;}
.event_wrap .cont_top .desc	{margin-top:36px; font-size:80px;  line-height:76px}
.event_wrap .cont_top .desc span	{color:#c3212b; }
.event_wrap .cont_top .txt	{max-width:445px; margin:40px auto 0 auto; font-size:15px; line-height:26px;}
.event_wrap .cont_top .txt strong	{}

.event_wrap .cont_info	{position:relative; max-width:1180px; margin:99px auto 0 auto; border-top:1px solid #80a0cc}
.event_wrap .cont_info.kom	{margin-top:74px}
.event_wrap .cont_info.pass:after	{content:""; display:block; position:absolute; top:-47px; left:50%; width:101px; height:101px; margin-left:-50px; background:url('/fg/images/topic/bg_event_cont_01.png') no-repeat 0 0}
.event_wrap .cont_info.kom:after	{content:""; display:block; position:absolute; top:-62px; left:50%; width:157px; height:166px; margin-left:-78px; background:url('/fg/images/topic/bg_event_cont_02.png') no-repeat 0 0}
.event_wrap .cont_info.kom .fl_right	{position:relative; padding-bottom:57px}
.event_wrap .cont_info.kom .fl_right .partner	{display:block; position:absolute; right:0; bottom:5px; line-height:0}


.event_wrap .cont_info .t_wrap	{overflow:hidden; height:1%;}
.event_wrap .cont_info .fl_left		{width:40%; max-width:480px}
.event_wrap .cont_info .fl_right	{width:40%; max-width:480px}

.event_wrap .cont_info .t_wrap	{max-width:1180px; margin:17px auto 0 auto}
.event_wrap .cont_info .t_wrap p	{margin:26px 0 0 0; line-height:26px}

.event_wrap .cont_info .i_wrap	{max-width:1180px; margin:45px auto 0 auto }
.event_wrap .cont_info .i_wrap:after	{content:""; display:block; clear:both}
.event_wrap .cont_info .i_wrap .img	{display:block; overflow:hidden; float:left; width:50%; line-height:0}
.event_wrap .cont_info .i_wrap .img img	{width:100%; margin:0 0 0 1px}
.event_wrap .cont_info .i_wrap .img:first-child img	{margin:0 0 0 -1px}

.event_wrap .info_txt	{position:relative; padding:0 50px 135px 50px; margin:0 auto; max-width:1500px;}
.event_wrap .info_txt p	{position:relative; z-index:1; max-width:1180px; margin:0 auto; padding-top:126px; font-size:80px;  line-height:76px; text-align:center}
.event_wrap .info_txt p span	{}
.event_wrap .info_txt .bg	{display:block; position:absolute; bottom:0; width:520px; height:560px;}
.event_wrap .info_txt .bg.left	{left:0; background:url('/fg/images/topic/bg_event_bot_01.jpg') no-repeat 0 0}
.event_wrap .info_txt .bg.right	{right:0; background:url('/fg/images/topic/bg_event_bot_02.jpg') no-repeat 0 0}


.detail_wrap .movie_wrap	{position:relative;}
.detail_wrap .movie_wrap iframe	{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}







@media screen and (max-width:1280px){
	.detail_wrap .btn_wrap .btn.page	{right:50px}
	.detail_wrap .btn_wrap .btn.prev	{left:50px}
	.detail_wrap .btn_wrap .btn.next		{right:50px}

	
	.event_wrap .cont_info	{margin:99px 50px 0 50px}
	.event_wrap .info_txt	{padding:0 50px 335px 50px;}
}




@media screen and (max-width:1040px){
	
	.event_wrap .info_txt .bg.left	{left:auto; right:50%;}
	.event_wrap .info_txt .bg.right	{right:auto; left:50%}
}


@media screen and (max-width:1008px){
	.top_area h3	{font-size:30px}
	.top_area .h_desc	{font-size:22px}

	
	.top_area .hot_topic li	{font-size:22px}

	.topic_wrap .topic_list	{padding:0 25px}
	.topic_wrap .topic_list ul li			{width:33.3%}
	.topic_wrap .topic_list ul li.event	{width:66.6%}

	
	.event_wrap .cont_info .fl_left		{width:35%;}
	.event_wrap .cont_info .fl_right	{width:35%;}
}



@media screen and (max-width:752px){
	.top_area		{padding-bottom:20px}
	.top_area h3	{padding:93px 0 8px 0; font-size:24px; line-height:30px}
	.top_area .t_wrap	{padding:0 32px 0 32px}
	.top_area .h_desc	{min-height:72px; font-size:15px; line-height:24px}
	.top_area .date		{margin-top:13px;}

	.top_area .t_wrap .btn.page	{display:none}
	.top_area .t_wrap .btn.prev	{left:0; bottom:-71px; border-bottom:0}
	.top_area .t_wrap .btn.next		{right:0; bottom:-71px; border-bottom:0}

	.detail_wrap	{padding:50px 32px 0 32px;}
	.detail_wrap .w100	{margin:0}

	.detail_wrap .t_wrap p	{font-size:14px}


	
	.top_area .hot_topic li	{font-size:15px; line-height:24px}
	.top_area .bx-controls	{margin-top:4px}

	.topic_wrap .check_list .chk	{margin-left:20px;}

	.topic_wrap .topic_list	{padding:0 57px}
	.topic_wrap .topic_list ul li			{width:50%}
	.topic_wrap .topic_list ul li.event	{width:100%}

	
	.detail_wrap.event .pc	{display:none}
	.detail_wrap.event .mo	{display:block}

	
	.event_wrap .cont_top		{padding:0 32px}
	.event_wrap .cont_top h4	{padding-top:99px; font-size:60px; line-height:70px}
	.event_wrap .cont_top .date	{font-size:20px;}
	.event_wrap .cont_top .desc	{font-size:60px; line-height:70px}

	.event_wrap .cont_info	{margin:120px 32px 0 32px;}
	.event_wrap .cont_info.kom	{margin-top:132px}

	.event_wrap .cont_info .fl_left		{float:none; width:100%; max-width:100%}
	.event_wrap .cont_info .fl_right	{float:none; width:100%; max-width:100%; margin-top:49px}

	.event_wrap .cont_info.kom .fl_right	{padding-bottom:88px}

	.event_wrap .cont_info.pass .t_wrap	{margin-top:73px}
	.event_wrap .cont_info.kom .t_wrap	{margin-top:123px}

	.event_wrap .cont_info .t_wrap p	{margin-top:26px}
	.event_wrap .cont_info .t_wrap p:first-child	{margin-top:0}

	.event_wrap .cont_info .i_wrap	{margin:55px auto 0 auto}
	.event_wrap .cont_info .i_wrap .img	{float:none; width:100%}
	.event_wrap .cont_info .i_wrap .img img	{margin:0 0 -40PX 0 !important}

	.event_wrap .info_txt	{padding:0 32px 354px 32px;}
	.event_wrap .info_txt p	{padding-top:74px; font-size:60px; line-height:70px}



}



@media screen and (max-width:414px){
	
	.topic_wrap .check_list	{padding:32px 60px;}

	.topic_wrap .topic_list	{padding:0 2px}

	
	.event_wrap .cont_top	{padding:0 16px}
	.event_wrap .cont_top h4		{font-size:50px; line-height:60px}
	.event_wrap .cont_top .desc	{font-size:50px; line-height:60px}

	.event_wrap .info_txt	{padding:0 16px 354px 16px}
	.event_wrap .info_txt p	{font-size:50px; line-height:60px}
}

@media screen and (max-width:375px){
	
	.topic_wrap .check_list	{padding:32px 40px;}

	.topic_wrap .topic_list	{padding:0 2px}
	.topic_wrap .topic_list ul li			{width:100%}
	.topic_wrap .topic_list ul li a .thumb .img .pc	{display:none}
	.topic_wrap .topic_list ul li a .thumb .img .mo	{display:block}
}



@media screen and (max-width:320px){
	.top_area .t_wrap	{padding:0 16px 8px 16px}

	.detail_wrap	{padding:50px 16px 0 16px;}
	.detail_wrap .w100	{margin:0 -16px}

	
	.event_wrap .cont_info	{margin:120px 16px 0 16px}
}