@charset "utf-8";

/* CSS Document */















@media screen and ( min-width:767px ) and ( max-width:7680px ) {

	

    .header_nav > div > ul > li:hover .dropdown-menu { display: block; }

	

}













@media screen and ( max-width:1560px ){ 	

	

	/*****common*****/

	.w1440 { width: 1200px; }

	

	

	

}







@media screen and ( max-width:1380px ){ 

	

	/*****common*****/

	.w1136, .w1170, .w1200, .w1280, .w1366, .w1440 { width: 1024px; }

	

	.commboxpa1 { padding: 80px 0 120px; }

	.commboxma1 { margin: 80px auto 120px; }

	.commboxpa2 { padding-top: 80px; }

	.commboxma2 { margin-top: 80px; }

	.commboxpa3 { padding-bottom: 160px; }

	.commboxma3 { margin-bottom: 160px; }

	

	.common_title h3 { font-size: 36px; }

	

	

	

}







@media screen and ( max-width:1200px ){ 

	

	/*****common*****/

	.w1136, .w1170, .w1200, .w1280, .w1366, .w1440, .w1070 { width: 960px; }

	

	.common_table table tr td { padding: 10px; }

	.common_table table tr:nth-child(1) td { font-size: 14px; padding: 14px 12px; }

	.common_table table tr:nth-child(1) td:first-child:after { height: 3px; }

	.common_table table tr:nth-child(1) td:first-child:after { left: -30px; }

	.common_table table tr:nth-child(1) td:first-child:before { border-bottom-width: 14px; border-right-width: 12px; }

	

	

	/*****header*****/

	.header_nav > div > ul { margin: 0 -64px; }

	.header_nav > div > ul > li > a { margin: 0 64px; font-size: 16px; }

	

	

	/*****footer*****/

	.footer_logo a { width: 54px; }

	.footer_nav { padding-left: 100px; }

	.footer_nav ul li > div { margin-right: 36px; }

	.footer_nav ul li .opcon a { font-size: 14px; margin-bottom: 6px; }

	.footer_nav ul li > div > a { font-size: 16px; margin-bottom: 12px; }

	

	.footer:after { background-size: 200px 130px; }

	.footer:before { background-size: auto 140px; }

	

	

	/*****index*****/

	.commbanner .bx-wrapper .bx-prev { left: 54px; }

	.commbanner .bx-wrapper .bx-next { right: 54px; }

	

	.index_one { padding: 54px 0; }

	

	.index_news { width: 510px; }

	.index_news > div { padding-right: 36px; }

	.index_news ul { margin: 0 -18px; }

	.index_news ul li > div { margin: 0 18px 36px; }

	.index_news ul li a { font-size: 16px; }

	

	.index_title { font-size: 24px; }

	.index_video_box { padding: 24px 28px; }

	.index_video_box:before { width: 36px; height: 26px; }

	.index_video_box:after { width: 36px; height: 26px; }

	

	.index_two .index_title { margin-bottom: 36px; }

	.news_list_txt h3 span { font-size: 16px; }

	

	

	/*photo*/

	.photo_right { padding-left: 24px; }

	.photo_menu { width: 200px; }

	.photo_menu form > div { padding-bottom: 16px; margin-bottom: 16px; }

	.photo_menu h2 { margin-bottom: 12px; }

	

	

	/*contact*/

	.contact_left_row1 h3 { font-size: 18px; }

	.contact_left_row1 span { font-size: 16px; }

	.contact_left_row2 > div { font-size: 16px; }

	.contact_left_row2 > div span { font-size: 16px; }

	.contact_left_row3 h3 { font-size: 18px; }

	

	

	/*large_building*/

	.large_building_row1 { padding: 44px 36px; }

	.large_building_row1 p { font-size: 16px; }

	

	.large_building_row3_img img { padding: 24px 0; }

	

	.large_building_row4 .open_title { padding: 20px 44px; margin-bottom: 16px; }

	.large_building_row4 .open_title:after { font-size: 18px; margin-top: -9px; right: 20px; }

	.large_building_row4 .open_title h3 { font-size: 20px; }

	.large_building_row4 .open_li:before { width: 18px; height: 76px; }

	.large_building_row4 .open_li:after { width: 18px; height: 22px; bottom: -10px; right: -8px; }

	

	.large_building_row4 .open_con { padding: 24px 44px 36px; }

	.large_building_row4 .open_con h4 { font-size: 18px; margin-bottom: 12px; }

	.large_building_row4 .open_con p { font-size: 16px; margin-bottom: 24px; }

	

	

	/*club_introduction*/

	.club_introduction_row1 { padding: 44px 36px; }

	.club_introduction_row1 p { font-size: 16px; }

	.club_introduction_row3 ul li div { font-size: 20px; width: 100px; line-height: 100px; }

	.club_introduction_row3 ul:before { height: 36px; margin-top: -18px; }

	

	.club_introduction_box { margin-bottom: 80px; }

	

	

	

}







@media screen and ( max-width:996px ){ 

	

	/*****common*****/

	.w960, .w1136, .w1170, .w1200, .w1280, .w1366, .w1440, .w1070 { width: 94%; }

	

	.commboxpa1 { padding: 66px 0 80px; }

	.commboxma1 { margin: 66px auto 80px; }

	.commboxpa2 { padding-top: 66px; }

	.commboxma2 { margin-top: 66px; }

	.commboxpa3 { padding-bottom: 80px; }

	.commboxma3 { margin-bottom: 80px; }

	

	#page a { font-size: 14px; line-height: 30px; padding: 0 11px; margin: 0 2px; }

	#page a.prev:after, #page a.prev:before, #page a.next:after, #page a.next:before { font-size: 14px; font-weight: normal; }

	#page a.next { padding: 0px 8px; margin-left: 10px; }

	#page a.next1 { margin-left: 2px; padding: 0 6px; }

	#page a.prev { padding: 0 8px; margin-right: 10px; }

	#page a.prev1 { margin-right: 2px; padding: 0 6px; }

	

	.common_title h3 { font-size: 30px; }

	

	.common_title_line { margin: 24px 112px 36px; }

	

	

	/*****header*****/

	.header_nav > div > ul { margin: 0 -30px; }

	.header_nav > div > ul > li > a { margin: 0 30px; font-size: 16px; }

	.header_nav > div > ul > li:first-child { margin-left: 10px; }

	

	

	/*****footer*****/

	

	

	/*****index*****/

	.index_news { width: 50%; }

	.index_news ul { margin: 0 -10px; }

	.index_news ul li > div { margin: 0 10px 30px; border-width: 2px; }

	.index_video { width: 50%; }

	.index_video_bg1 { right: 120px; bottom: 110px; }

	.index_video_bg2 { left: 120px; top: 110px; }

	.index_video_box { padding: 20px; }

	.index_video_box:after { width: 30px; height: 20px; }

	.index_video_box:before { width: 30px; height: 20px; }

	

	

	/*ambition*/

	.ambition ul { padding: 20px 0 30px; }

	.ambition ul li { padding-left: 20px; padding-bottom: 24px; }

	.ambition ul li h2 { font-size: 30px; padding: 20px 0; }

	.ambition ul li h2:after { width: 130px; height: 150px; top: -40px; left: -26px; }

	

	.ambition ul li p { font-size: 16px; margin-bottom: 16px; }

	.ambition ul li span { font-size: 16px; padding-left: 16px; }

	.ambition ul li span:before { width: 6px; height: 6px; top: 10px; }

	

	.ambition_box:after { width: 350px; height: 300px; background-size: 100% auto; margin-top: 0; top: 150px; }

	

	

	/*news*/

	.news_list_txt h4 { font-size: 16px; }

	

	

	/*contact*/

	.contact_top { padding-bottom: 36px; }

	.contact_top img { height: 80px; }

	.contact_top span { font-size: 20px; margin-bottom: 0; }

	.contact_top span:last-of-type { font-size: 14px; }

	

	

	/*emblem*/

	.emblem_logo img { height: 160px; }

	.emblem_img { width: 80px; padding-right: 16px; }

	.emblem_txt h3 { font-size: 18px; margin-bottom: 10px; }

	.emblem_txt span { font-size: 14px; }

	

	.emblem_list ul { margin: 0 -16px; }

	.emblem_list ul li > div { margin: 0 16px 44px; }



	

	/*photo*/

	.photo_plural_txt h1 { font-size: 20px; margin-bottom: 20px; }

	.photo_plural_txt p { font-size: 14px; }

	.photo_plural_txt span { font-size: 14px; }

	.photo_plural_tag div span { margin-left: 6px; }

	

	

	/*uniform*/		

	.uniform_details_box { padding: 24px; margin-bottom: 44px; }

	.uniform_details_img { padding-right: 24px; }

	.uniform_details_img ul li { margin-bottom: 24px; }

	.uniform_details_img ul li h3 { font-size: 14px; margin-bottom: 12px; padding-left: 16px; }

	.uniform_details_img ul li div img { margin: 0 auto 16px; }

	.uniform_details_img ul li div { padding: 16px; }

	.uniform_details_img ul li div p { font-size: 16px; }

	

	.uniform_details_txt { width: 420px; }

	

	.uniform_details_row1 ul li span { padding: 12px 16px; }

	.uniform_details_row2 h2 { font-size: 16px; margin-bottom: 16px; }

	

	.uniform_details_img ul li h3:before { border-top-width: 8px; border-left-width: 4px; border-right-width: 4px; }

	

	

	/*club_introduction*/

	.club_introduction_row3 ul li div { font-size: 16px; border-width: 6px; }

	.club_introduction_box { margin-bottom: 54px; }

	

	

	

}  











@media screen and ( max-width:767px ){ 

	

	/*****common*****/

	html.htmloverflow { overflow: hidden; position: fixed; width: 100%; height: 100%; }

	

	.gotop { right: 24px; bottom: 24px; }

	

	.commboxpa1 { padding: 30px 0 44px; }

	.commboxma1 { margin: 30px auto 44px; }

	.commboxpa2 { padding-top: 30px; }

	.commboxma2 { margin-top: 30px; }

	.commboxpa3 { padding-bottom: 44px; }

	.commboxma3 { margin-bottom: 44px; }

	

	.common_title h3 { font-size: 24px; }

	.common_title_line { margin: 16px 112px 30px; }

	

	.common_table { overflow-x: auto; }

	.common_table table { width: 750px; }

	.crumbs { padding: 24px 0 44px; }

	.crumbs a { font-size: 14px; }

	

	.large_building_title { font-size: 20px; padding-bottom: 30px; }

	.club_introduction_title { font-size: 20px; padding-bottom: 30px; }

	

	

	/*****header*****/

	.header_phone_more { display: block; position: absolute; top: 28px; right: 20px; }

	.header_phone_close { display: block; opacity: 0; filter: alpha(opacity=0); visibility: hidden; position: fixed; top: 20px; right: 20px; z-index: 999; width: 44px; line-height: 44px; background-color: #fff; text-align: center; border-radius: 8px; }

	.header_phone_close i { /*color: #fff;*/ }

	.header_phone_close.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

	

	.header_nav { border-width: 3px; }

	.header_nav .w1070 { 

		width: 100%; position: fixed; top: 0; left: 0; bottom: 0; z-index: 992; border: 0; background-color: rgba(0,0,0,.6); opacity: 0; filter: alpha(opacity=0); visibility: hidden;

		-webkit-transition: all .3s ease; 

		-moz-transition: all .3s ease; 

		-ms-transition: all .3s ease; 

		-o-transition: all .3s ease; 

		transition: all .3s ease; 

	}

	.header_nav > div > ul { width: 300px!important; background-color: #09502d; position: fixed; top: 0; left: 0; bottom: 0; z-index: 992; overflow-y: auto; padding: 72px 0 36px; margin: 0; }

	.header_nav > div > ul > li { float: none; }

	.header_nav > div > ul > li:first-child { margin-left: 0; }

	.header_nav > div > ul > li i:before { content: "\e732"; font-family: "iconfont"!important; width: 44px; line-height: 54px; display: block; position: absolute; top: 0; right: 0; z-index: 9; font-size: 12px; color: #fff; font-weight: 100; text-align: center; font-style: normal; }

	.header_nav > div > ul > li .dropdown-menu { position: static; border-bottom: 0; background-color: #17673f; padding: 10px 0; }

	.header_nav > div > ul > li .dropdown-menu a { text-align: left; padding: 12px 20px; }

	

	.header_share { 

		position: fixed; top: 0; left: 0; z-index: 993; width: 300px; background-color: #09502d; margin: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden;

		-webkit-transition: all .3s ease; 

		-moz-transition: all .3s ease; 

		-ms-transition: all .3s ease; 

		-o-transition: all .3s ease; 

		transition: all .3s ease; 

	}

	.header_share ul { margin: 20px; }

	.header_share ul li:last-child a { margin-right: 0; }

	.header_nav > div > ul > li > a { margin: 0; padding: 0 20px; }

	.header.active .header_share { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

	.header.active .header_nav .w1070 { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

	.header_logo a { height: 54px; }

	.language { margin: 16px 44px 0 0; }

	.language dt { font-size: 14px; padding-right: 16px; }

	.language dd a { font-size: 14px; }

	.language i { font-size: 12px; }	

	

	

	

	/*****footer*****/

	

	

	/*****index*****/

	.commbanner .bx-pager { bottom: 16px; }

	.commbanner .bx-pager > div a { width: 8px; height: 8px; }

	.commbanner .bx-wrapper .bx-controls-direction a { width: 24px; height: 36px; line-height: 36px; margin-top: -18px; }

	.commbanner .bx-wrapper .bx-controls-direction a:before { font-size: 12px; }

	

	.index_one .index_title { text-align: center; }

	

	.index_news { width: 100%; }

	.index_news > div { padding-right: 0; }

	.index_video { width: 100%; }

	.index_video_box video { height: 290px; }

	.news_list_txt { padding: 0 16px 16px; }

	.news_list ul { margin: 0 -6px; }

	.news_list ul li { margin: 0 6px 24px; }

	.news_list ul li:after { box-shadow: 0 0 8px rgba(0,0,0,.1); }

	

	.news_list_txt h4 { font-size: 14px; }

	

	

	/*photo*/

	.photo_box { display: block; padding-bottom: 36px; }

	.photo_box > div { display: block; width: 100%; }

	.photo_menu { margin-bottom: 30px; }

	.photo_right { padding: 0; }

	

	.photo_menu h2 { position: relative; margin-bottom: 6px; }

	.photo_menu h2:after { content: "\e732"; font-family: "iconfont"!important; position: absolute; top: 50%; right: 0; font-size: 12px; line-height: 1em; display: block; margin-top: -6px; }

	.photo_menu form > div { /*padding-bottom: 4px;*/ }

	.photo_menu form > div > div { display: none; }

	.photo_menu_submit > div { display: block!important; }

	

	.photo_plural_list ul li { width: 25%; }

	

	

	/*association_journal*/

	.association_journal_box .news_list ul { margin-bottom: 36px; }

	

	

	/*contact*/

	.contact_con { display: block; margin-bottom: 44px; }

	.contact_con > div { display: block; }

	.contact_left { padding: 0 0 30px; }

	.contact_left > div { margin-bottom: 16px; }

	.contact_left_row1 span { font-size: 14px; }

	.contact_left_row1 h3 { margin-bottom: 16px; }

	.contact_left_row2 > div { font-size: 14px; }

	.contact_left_row2 > div span { font-size: 14px; }

	.contact_left_row3 h3 { font-size: 16px; margin-bottom: 10px; }

	

	.contact_right { width: 100%; }

	.contact_right iframe { height: 320px; }

	

	

	/*large_building*/

	.large_building_row1 { margin-bottom: 36px; padding: 36px 30px; }

	.large_building_row2 { padding: 16px 8px; }

	.large_building_row2 .fl div, .large_building_row2 .fr div { margin: 0 8px; }

	.large_building_row3 { margin-top: 36px; padding-top: 36px; }

	.large_building_row4 { margin-top: 36px; padding-top: 36px; }

	

	.large_building_row3_img { padding: 24px; }

	.large_building_row3_img img { border: 0; }

	

	.large_building_row4 .open_li { margin-bottom: 30px; }

	

	

	/*news*/

	.news_list_txt h6 { font-size: 14px; }

	.photo_box .news_list h4 { font-size: 14px; }

	

	

	/*song*/

	.song_sketch { font-size: 16px; }

	.song_con { padding: 44px 0 54px; }

	

	

	/*structure*/

	.structure_row1 img { margin: 0 auto 30px; }

	.structure_box { padding-bottom: 20px; }

	

	.structure_row2 .open_title { padding: 14px 66px; }

	.structure_row2 .open_title h3 { font-size: 16px; }

	.structure_row2 .open_title:before { font-size: 16px; margin-top: -6px; left: 14px; }

	.structure_row2 .open_title:after { width: 60px; }

	

	.structure_row2 > ul > li { margin-bottom: 24px; }

	.structure_row2 .open_con ul li .open_con_title { line-height: 34px; padding: 0 24px; font-size: 15px; }

	.structure_row2 .open_con ul li .open_con_txt { padding: 16px 24px 0; }

	.structure_row2 .open_con ul li .open_con_txt p { font-size: 15px; }

	

	

	/*uniform*/

	.uniform_box ul { margin: 0 -8px 18px; }

	.uniform_box ul li a { padding: 16px; margin: 0 8px 16px; }

	.uniform_box ul li h2 { font-size: 20px; margin-bottom: 14px; }

	.uniform_box ul li div:before { border-top-width: 20px; border-right-width: 20px; }

	

	.uniform_details_con { display: block; }

	.uniform_details_con > div { display: block; }

	.uniform_details_img { padding: 0; }

	

	.uniform_details_txt { width: 100%; }

	.uniform_details_row1 { margin-bottom: 20px; }

	.uniform_details_row2 h2 { margin-bottom: 10px; }

	.uniform_details_row1 ul li span { font-size: 14px; }

	

	

	/*club_introduction*/

	.club_introduction_row1 { margin-bottom: 36px; padding: 36px 30px; }

	.club_introduction_row2 { padding-bottom: 16px; margin-bottom: 36px; }

	.club_introduction_row2 ul li div { font-size: 16px; padding: 20px 30px; width: auto; margin-bottom: 20px; }

	.club_introduction_row2 ul li span { font-size: 20px; width: 60px; height: 24px; line-height: 36px; }

	.club_introduction_row2 ul li span:after { height: 24px; }

	.club_introduction_row2 ul li div:before { border-top-width: 24px; border-right-width: 36px; }

	.club_introduction_row3 ul li div { font-size: 14px; width: 66px; line-height: 66px; border-width: 2px; }

	.club_introduction_box { margin-bottom: 36px; }

	

	

	
    .layui-layer-tips .layui-layer-content > img { max-width: 300px; }

	

	

}












@media screen and ( max-width:580px ){ 

	

	/*****common*****/

	.press_release_select .form_input select { width: 100px; padding: 0 10px; font-size: 14px; }

	.press_release_select_btn button { padding: 0 16px; font-size: 14px; }

	.press_release_select_btn button:before { margin-right: 5px; }

	.press_release_select_title { font-size: 16px; }

	.news_list ul.grid3 { -ms-grid-columns: repeat(2, 50%); grid-template-columns: repeat(2, 50%); }

	

	

	/*****header*****/
	.language { margin: 0; }
	.language #languages-block-top { width: auto; }
	.site-header .heder-logo { margin: 0 16px; }
	.site-header .heder-logo img { height: 32px; }
	

	

	/*****footer*****/

	.footer { padding-top: 44px; }

	.footer_logo { display: none; }

	.footer_nav { padding: 0; }

	.footer_nav ul li { width: 32%; }

	.footer_nav ul li > div { margin-right: 16px; }

	.footer_bottom { padding-top: 20px; }

	

	

	/*****index*****/

	.news_list_img { margin: 14px 10px 0; }

	.news_list_txt { padding: 0 10px 16px; }

	.news_list_txt h3 span { font-size: 14px; }

	.index_video_box video { height: 220px; }

	

	

	/*emblem*/

	.emblem { padding-bottom: 36px; }

	.emblem_logo img { margin: 0 auto 44px; height: 150px; }

	.emblem_img { width: 54px; padding-right: 10px; }

	.emblem_list ul li { width: 100%; display: block; }

	.emblem_txt h3 { margin-bottom: 6px; }

	

	

	/*photo*/

	.photo_plural_list ul li { width: 33.33%; }

	

	

	/*uniform*/

	.uniform_box ul li { width: 100%; }

	

	

}







@media screen and ( max-width:480px ){ 

	

	

	/*****index*****/

	.commbanner .bx-wrapper .bx-prev { left: 16px; }

	.commbanner .bx-wrapper .bx-next { right: 16px; }

	.commbanner .bx-pager { bottom: 10px; }

	.commbanner .bx-pager > div a { width: 6px; height: 6px; }

	

	

	/*large_building*/

	.large_building_row4 .open_title { padding: 16px 30px; margin-bottom: 14px; }

	.large_building_row4 .open_title h3 { font-size: 16px; }

	.large_building_row4 .open_li:before { width: 16px; height: 62px; }

	.large_building_row4 .open_title:after { font-size: 14px; margin-top: -7px; right: 12px; }

	.large_building_row4 .open_con { padding: 20px 30px 30px; }

	

	

	

}