@charset "utf-8";
/*CSS Document*/



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



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



@media screen and ( max-width:1601px ){
	
	/*****common*****/
	.w1440,.w1560{width:1200px;}
	

}



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



@media screen and ( max-width:1367px ){
	
	/*****common*****/
	.w1070,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440,.w1560{width:1024px;}
	
	.margin-wrap{margin:80px auto 120px;}
	.margin-wrap-s{margin:44px auto 54px;}
	
	.padding-wrap{padding:80px 0 120px;}
	.padding-wrap-s{padding:44px 0 54px;}

	.page-banner-box { height: 140px; }
	.page-banner-box h1 { font-size: 36px; }
	.crumbs { margin-top: 12px; }
	.crumbs a { font-size: 13px; }


	/*  */
	/*.header-logo a { height: 50px; }
	.header-nav > ul > li { margin-right: 24px; }
	.header-nav > ul > li > a { font-size: 14px; }
	.header-nav > ul > li > a.active:before { height: 1px; }
	.header-nav > ul > li > i.iconfont + a:after { font-size: 8px; }*/
	.header-nav > ul > li > a { font-size: 16px; padding: 0 16px; }


	/*  */
	.all-search button { padding: 0 20px; font-size: 14px; }
	.all-search input[type="text"] { width: 300px; }
	.all-search .search-container select { font-size: 14px; }
	.all-search .search-container option { font-size: 14px; }


	/*  */
	.home-two-submenu { top: 36px; left: 36px; }
	.home-two-submenu h3 { font-size: 24px; margin-bottom: 16px; }

	.home-two-l .home-two-submenu { right: 36px; }
	

}



@media screen and ( max-width:1200px ){
	
	/*****common*****/
	.w1070,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440,.w1560{width:960px;}

	.header-nav { padding-right: 10px; }
	.header-logo a { height: 66px; }


}






/************************************/


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

} 


@media screen and ( max-width:996px ){
	
	/*****common*****/
	.w960,.w1070,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440,.w1560{width:95%;}
	
	.page-main,
	.margin-wrap{margin:66px auto 80px;}
	.margin-wrap-s{margin:36px auto 44px;}
	
	.padding-wrap{padding:66px 0 80px;}
	.padding-wrap-s{padding:36px 0 44px;}
	
	.turn-pages a{font-size:12px;width:30px;height:30px;line-height:30px;margin:0;border-width:1px;}
	.turn-pages a.prev{margin:0 10px 0 0;}
	.turn-pages a.next{margin:0 0 0 10px;}


	/*  */
	.commontable tbody td:first-child { font-size: 12px; }
	.all-search input[type="text"] { width: 250px; }
	.all-search .search-container select { padding-left: 12px; padding-right: 22px; background-position: top 15px right 12px; border-radius: 6px; font-size: 13px; }
	.all-search .search-container option { font-size: 13px; }
	.all-search button { padding: 0 16px; font-size: 12px; border-radius: 6px; font-size: 13px; }
	.all-search input[type="text"] { height: 40px; border-radius: 6px; padding: 0 12px; font-size: 13px; }

	.commontable th, .commontable td { padding: 12px !important; }

	.bio .fellows-list-box .grid-5 { grid-template-columns: repeat(4, 1fr); }


	.header-nav > ul > li > a { font-size: 14px; padding: 0 10px; }


	/*  */
	.home-two-submenu { top: 30px; left: 30px; } 
	.home-two-submenu h3 { font-size: 18px; margin-bottom: 12px; }
	.home-two-submenu a { padding: 6px 8px; margin-bottom: 6px; font-size: 12px; }
	.home-two-l .home-two-submenu { left: auto; right: 30px; }

	.home-banner .swiper-slide img { min-height: 400px; }
	.home-banner-text > div:nth-child(1) p { font-size: 26px; }
	.home-banner-text > div:nth-child(1) { margin-bottom: 30px; }
	.home-banner-text > div:nth-child(2) p { font-size: 40px !important; } 
	.home-text-one p { font-size: 16px; margin-bottom: 30px; }
	.home-text-one p strong { font-size: 16px; }


	/*  */
	.bio .fellows-list-box .grid-5 { grid-gap: 20px; }
	
 
}  





/************************************/


@media screen and ( max-width:767px ){
	
	/*****common*****/
	html.htmloverflow{overflow:hidden;position:fixed;width:100%;height:100%;}
	
	.gotop{right:20px;bottom:20px;}
	
	.pagination a{width:36px;height:36px;line-height:34px;border-width:1px;}
	
	.page-main,
	.margin-wrap,
	.margin-wrap-s{margin:30px auto 36px;}
	
	.padding-wrap,
	.padding-wrap-s{padding:30px 0 36px;}

	.page-banner-box { height: 100px; }
	.page-banner-box h1 { font-size: 24px; }
	
	
	/*****header*****/
	.header-phone-more{display:block;line-height:1em;position:absolute;top:50%;right:2.5%;z-index: 9; margin-top:-8px;}
	.header-phone-more i{display:block;}
	.header-phone-close{display:block;opacity:0;filter:alpha(opacity=0);visibility:hidden; position:fixed;top:20px;right:20px;z-index:-1;width:44px;line-height:44px;background-color:#fff;text-align:center;border-radius:8px;}
	.header-phone-close i{/*color:#fff;*/}
	.header-phone-close.active{z-index:999;opacity:1;filter:alpha(opacity=100);visibility:visible;}

	.header-nav{position:fixed;top:0;left:0;bottom:0;z-index:-1;background-color:transparent;}
	.header-nav.active{z-index:998;}
	
	/*菜单 白底 透明黑底*/
	.header-nav:after{content:"";display:block;position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;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.active:after{opacity:1;filter:alpha(opacity=100);visibility:visible;
		-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:before{content:"";width:320px;display:block;position:fixed;top:0;left:-200%;bottom:0;z-index:2;background-color:#fff;
		-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.active:before{left:0;
		-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 > ul{position:fixed;top:0;left:-200%;bottom:0;z-index:9;width:320px;padding:20px 0;overflow-y:auto;}
	.header-nav.active > ul{left:0;}

	/*列表*/
	.header-nav > ul > li{float:none;width:100%; height: auto; text-align:left;margin: 0;}
	.header-nav > ul > li > a{padding:15px 20px;color:#131313;display: block;border: 0;}
	.header-nav > ul > li > a.active:before { bottom: 0; }
	.header-nav > ul > li > i.iconfont + a:after { display: none; }
	.header-nav > ul > li > i.iconfont{display:block;width:46px;height:46px;text-align:center;line-height:46px;position:absolute;top:0;right:0;z-index:2;font-size:10px;}
	.header-subnav{opacity:1;visibility:visible;display:none;position:static;box-shadow:inherit;
	    -webkit-transition:inherit;
		-moz-transition:inherit;
		-ms-transition:inherit;
		-o-transition:inherit;
		transition:inherit;
		-webkit-transform:inherit !important;
		-moz-transform:inherit !important;
		-ms-transform:inherit !important;
		transform:inherit !important;
	}
	.header-subnav { background-color: #f3f3f3; padding: 10px 0; }
	.header-subnav li a { padding: 10px 20px; color: #131313; font-size: 15px; }
	.header-subnav .header-subnav-sub a { padding: 10px 20px; }

	/*其他*/
	.language { margin-right: 36px; }
	.header-other{position:fixed;top:0;left:-200%;z-index:999;width:280px;display:block;padding:15px 20px;background:url(../images/shop-bg.jpg) no-repeat;background-size:200% 100%;border-bottom:1px solid #ddd;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
	}
	.htmloverflow .header-other{left:0;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
	}


	/*  */
	.all-search .search-container { display: block; } 
	.all-search .search-container select { height: 40px; }
	.all-search .df { margin-top: 10px; }
	.all-search button { height: 40px; }

	.all-search2 .search-container { grid-template-columns: repeat(3, 1fr); grid-gap: 6px 4px; }
	.all-search2 select { background-position: top 14px right 8px; background-size: 8px 8px; }


	/*  */
	.bio-d-l { width: 40%; }
	.bio-d-r { width: 60%; padding-left: 30px; }

	.bio .fellows-list-box .grid-5 { grid-template-columns: repeat(3, 1fr); grid-gap: 20px 10px; }


	/* .home-banner-text h1 { font-size: 30px; margin-bottom: 0; }
	.home-banner-text p { display: none; }
	.home-banner .swiper-slide img { height: 250px; min-height: inherit; } */
	.home-banner-text > div:nth-child(1) { margin-bottom: 20px; }
	.home-banner-text > div:nth-child(1) p { font-size: 14px; }
	.home-banner-text > div:nth-child(1) p:first-child { margin-bottom: 6px; }
	.home-banner-text > div:nth-child(2) p { font-size: 24px !important; }
	.home-banner .swiper-slide img { min-height: 200px; }

	.home-two .grid-2 { margin-bottom: 0; }  

	.home-text-one { display: block; padding-bottom: 30px; margin-bottom: 0; border: 0; }
	.home-text-one h3 { display: none; }

	.home-two-submenu a { 
		-webkit-transform: translateX(0) !important;
		-moz-transform: translateX(0) !important;
		-ms-transform: translateX(0) !important;
		-o-transform: translateX(0) !important;
		transform: translateX(0) !important;
	 }

	.home-main { margin: 36px auto 50px; }


	.commontable table { max-width: inherit; width: 900px; }
	.commontable table td > p { max-height: 120px; overflow-y: auto; }
	.commontable table td > p::-webkit-scrollbar { -webkit-appearance: none; width:3px;}
	.commontable table td > p::-webkit-scrollbar-thumb { border-radius:3px;background-color:rgba(163, 163, 163, 0.5);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5);}
	.commontable table td > p::-webkit-scrollbar { width:3px;height:0px;}

	
	/*  */
	.category-list > h2 { font-size: 22px; margin: 50px 0 20px; }

	
}



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

	.page-banner-box { height: 88px; }
	.home-text-one p { font-size: 13px; }
	.home-text-one p strong { font-size: 13px; }

	.bio-d-box { display: block; }
	.bio-d-l { width: 100%; }
	.bio-d-r { width: 100%; padding: 30px 0 0; }

	.all-search2 .search-container,
	.bio .fellows-list-box .grid-5 { grid-template-columns: repeat(2, 1fr); }

	.home-banner-text h1 { font-size: 20px; }

	.header-logo a { height: 50px; }
	.home-two .grid-2 { grid-gap: 10px; }
	.home-two .grid-2 > div > a { padding: 0; height: 230px; }
	.home-two-submenu h3 { font-size: 16px; }
	.home-two-submenu { top: 20px; left: 14px !important; right: 14px !important; bottom: 20px; }

}