@charset "utf-8";
/*css comment*/ 

/*fonts*/ 
.f48{ font-size: 48px;}
.f36{ font-size: 36px;}
.f30{ font-size: 30px;}
.f26{ font-size: 26px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}

@media (max-width: 1599px){ 
	html{ font-size: 83px;}
	/*.inner{ max-width: 1100px;}*/
	/*fonts*/ 
	.f48{ font-size: 40px;}
	.f36{ font-size: 32px;}
	.f30{ font-size: 26px;}
	.f26{ font-size: 22px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
	
	/*header*/
	.header_line{ height:110px; line-height: 110px;} 
	header.header_scroll .header_line{ height: 90px; line-height: 90px;}
	.load_logo,
	.logo a img,
	.footer_logo img{ height: 52px;}
	
	/*02*/
	.author{ height: 110px; margin-top: -110px;}
} 




@media (max-width: 1279px){  
	 html{ font-size: 68px;}  
	/*fonts*/ 
	.f48{ font-size: 34px;}
	.f36{ font-size: 26px;}
	.f30{ font-size: 22px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
	
	/*header*/   
	.header_line{ height:90px; line-height: 90px;}   
	.header_func{ margin-left:auto;}
	.menu_toggle{ display:block;}   
	.nav_box, .nav_list>li .n_collapsible{ display: block; position: fixed; left:auto; top: 70px; right: 0; width:100%; height: -webkit-calc(100vh - 70px); height: calc(100vh - 70px);} 
	.nav_box{ background: rgba(0,0,0, .50); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; }  
	.nav_con{ width: 83%; max-width: 410px; height: 100%; background:rgba(22, 55, 105, .90); position: absolute; top:0; right:0; -webkit-transform: translateX(100%); transform: translateX(100%); visibility: hidden; transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);}
	.nav_box.is_open{ opacity: 1; visibility: visible; pointer-events: all;}
	.nav_box.is_open .nav_con{
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	} 
	.nav_func{ display:flex;}
	.nav_list{ margin:0;}
	.nav_list>li{ width: 100%; }
	.n_tit{ height:50px; line-height: 50px; border-bottom: 1px solid rgba(255,255,255, .10); }
	.n_tit a.n_a0{ padding:0 50px 0 20px;}
	.n_tit a.n_a0 em:before{ display:none;}
	.nav_list>li .n_collapsible{ top:62px; height: 100%; z-index: 10; margin-left: 0; max-width: 410px; background:#2D69A1; padding:0 .30rem;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);  
		opacity: 1;
		pointer-events: all;
		overflow: hidden;
		overflow-y: auto;
		-ms-scroll-chaining: none;
		overscroll-behavior: none;
		-webkit-overflow-scrolling: touch;
		transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);  	
	}
	.nav_list>li .n_collapsible:before{ display:none!important;}
	.nav_list>li .n_collapsible.is_open {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
		
	}
	.nav_list>li .n_collapsible .n_headline{ display:flex;}
	.cover_closed{ right:20px;} 
	.nav_list>li .n_collapsible .n_subclass>li a{ text-align: left; color: #ffffff; }
	.nav_list>li .n_collapsible .n_subclass>li a:hover{ color: #ffffff;}
	 
	
	/*02*/   
	.banner_img{ background-position: 50% 0!important; background-attachment: local!important;} 
	.author{ height: 90px; margin-top: -90px;}
	
	
	/*06*/
	.activity_tit{ line-height: 30px; max-height: 60px;}
	.activity_des{ line-height: 26px; max-height: 52px;}
}


@media (max-width: 999px){  
	/*fonts*/ 
	.f48{ font-size: 28px;}
	.f36{ font-size: 22px;}
	.f30{ font-size: 18px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	/*header*/
	.load_logo,
	.logo a img,
	.footer_logo img{ height: 42px;}  
	.header_line{ height:70px; line-height: 70px; background:rgba(22, 55, 105, 1);}   
	header.header_scroll .header_line{ height: 70px; line-height: 70px;}
	
	/*02*/
	main{  min-height: auto; padding-top: 70px;} 
	.author{ height: 70px; margin-top: -70px;}
	
	/*06*/
	.activity_tit{ line-height: 26px; max-height: 52px;} 
	.activity_des{ line-height: 24px; max-height: 48px;}
	
	/*07*/
	.about_focus{ padding-top: 1.60rem;}
	.about_diagram{ margin-top: 1.60rem; margin-bottom: 1.60rem;} 
	/*.diagram_phone{ display:block;}
	.diagram_box{ display:none;}*/
	.diagram_box a{ font-size: 14px;}
}

@media (max-width: 767px){  
	 html{ font-size: 50px;} 
	 
	/*fonts*/ 
	.f48{ font-size: 24px;}
	.f36{ font-size: 18px;}
	.f30{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	/*header*/  
	.header_func .menu_login{ display:none;}
	.nav_func .menu_login{ display:block;} 
	
	/*01*/
	.index_focus{ padding-top: 1.60rem;}
	.focus_txt_en{ font-size: 14px;}
	.search_txt, .search_btn{ height: 50px;}
	.search_txt{ padding: 10px 60px 10px 16px;}
	.search_btn{ width: 60px;}
	.enter_block{ width:50%;}
	#enter_block01 .enter_con{ height:3.72rem;}
	#enter_block05, #enter_block06, #enter_block07{ width:33.33%;}
	
	/*02*/   
	.screen_block{ display:block;}
	.common_block{ display:block;}
	.common_con{ padding: .30rem 0; border:none;}
	.link_menu{ min-width: 40px; line-height: 35px;}
	.screen_block dd{ margin-left:0;}
	
	/*03*/   
	.guide_nav{ overflow-x: auto;}
	.guide_wrap{ height: 60px; line-height: 60px;}
	.guide_wrap_dif{ margin-bottom: -60px;}
	.guide_wrap .inner{ display:block;}
	.guide_location{ display:none;}
	
	/*05*/  
	.department_list .member_block{ width:100%;} 
	.team_board{ padding:0; }
	.academic_list .member_img{ margin-right: .30rem;}
	
	/*06*/
	.activity_block a{ display:block; padding: .40rem;}
	.activity_img{ width:100%; margin-right: 0; margin-bottom: .30rem;} 
	.way_list{ flex-wrap: wrap; justify-content: space-between;} 
	
	
	/*07*/
	.diagram_box a{ font-size: 12px;}
	.level03_list{ margin: -.07rem;}
	.level03_block{ padding: .07rem;}
} 

@media (max-width: 500px){  
	.focus_txt_cn{ font-size: 20px;}
	.focus_txt_en{ font-size: 13px;}
}

@media (max-width: 400px){  
	.focus_txt_cn{ font-size: 18px;}
	.focus_txt_en{ font-size: 12px;}
}