@charset "utf-8";
/* CSS Document */
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border: 0;} 
html, body{ font-family:Verdana,'Conv_verdana',Arial,"Microsoft YaHei";  color:#333;}
body{ font-size:14px; line-height:160%;}
img{ border:0 none;}
a { color: #444; text-decoration: none;}
a:hover { color: #0074bd; text-decoration: none;}
ul, li { list-style-type: none;}
input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow:none;}
.bottom20{ margin-bottom:20px;}
p{
line-height: 175%;
text-align:justify;
}
.main-content .text p:after{
display:inline-block;
content:'';
overflow:hidden;
width:100%;
height:0;
}
.clearfix::after{clear: both; content: ""; display: block; height: 0; visibility: hidden;}
@font-face {
	font-family: 'Conv_verdana';
	src: url('verdana.eot');
	src: local('☺'), 
	url('verdana.woff') format('woff'), 
	url('verdana.ttf') format('truetype'), 
	url('verdana.svg') format('svg');
	
}


@font-face { 
	font-family: 'EngraversGot'; 
	src: url('EngraversGot.eot'); 
	src: local('EngraversGot Regular'), 
	local('EngraversGot'), 
	url('EngraversGot.woff') format('woff'), 
	url('EngraversGot.ttf') format('truetype'), 
	url('EngraversGot.svg#fontName') format('svg'); 
}

@font-face { 
	font-family: 'EngraversGot2'; 
	src: url('tt0586m-webfont.eot'); 
	src: local('tt0586m-webfont'), 
	local('tt0586m-webfont'), 
	url('tt0586m-webfont.woff') format('woff'), 
	url('tt0586m-webfont.ttf') format('truetype'), 
	url('tt0586m-webfont.svg#fontName') format('svg');
}

@font-face {
	font-family: 'HelveticaNeue';
	src: url('HelveticaNeue.gif');
	src: url('HelveticaNeue.gif#iefix') format('embedded-opentype'),
	url('HelveticaNeue.bmp') format('woff'),
	url('HelveticaNeue.gif') format('truetype'),
	url('HelveticaNeue.gif#HelveticaNeue') format('svg');
}
@font-face {
	font-family: 'Conv_HelveticaNeue-MediumExt';
	src: url('HelveticaNeue-MediumExt.eot');
	src: local('☺'), 
	url('HelveticaNeue-MediumExt.woff') format('woff'), 
	url('HelveticaNeue-MediumExt.ttf') format('truetype'),
	url('HelveticaNeue-MediumExt.svg') format('svg');	
}

@font-face {
	font-family: 'Conv_HelveticaNeue-Bold';
	src: url('HelveticaNeue-Bold.eot');
	src: local('☺'),
	url('HelveticaNeue-Bold.woff') format('woff'), 
	url('HelveticaNeue-Bold.ttf') format('truetype'), 
	url('HelveticaNeue-Bold.svg') format('svg');	
}



@font-face {
    font-family: 'pt_sansregular';
    src: url('pt_sans-webfont.woff2') format('woff2'),
         url('pt_sans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'swis721_lt_btlight';
    src: url('tt0001m-webfont.woff2') format('woff2'),
         url('tt0001m-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'swis721_ltex_btlight';
    src: url('tt0371m-webfont.woff2') format('woff2'),
         url('tt0371m-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.mobile_show {display:none;}
.topmenu{ height:39px; line-height:48px;  margin-top:10px; color:#2a395f; font-size:13px; float:right;}
.topmenu a{ margin:0 10px; color:#787878;}
.topmenu a:hover{ text-decoration:underline;}
.topmenu form{ }
.topmenu li{float:left;}
.topmenu .form-search { padding-top:7px;}
.topmenu .form-search input { color:#bcbcbc; float:left; width: 244px; height: 34px; line-height:25px; border:1px solid #dcdcdc; border-right: none; padding-left:5px;}
.topmenu .form-search button{ float:right;border:1px solid #dcdcdc;border-left: none; padding:0; line-height:27px; }

.margin_td25{margin:25px 0;}
header .banner-logo{ float:left; width:490px; height:78px; background:url(logo_IHEP.jpg) no-repeat;background-size:100% 100%;}
header .logo{ float:left; width:100%;background-size:100% 100%;}
header .banner-tici{color:#044276; line-height:40px;}
header .banner-tici-right{margin-left:60px;}


/*导航*/
#nav{ background:url(nav_bg.gif);  color:#FFF;  font-size:14px; }

/*一级页面*/
.container{padding:0;}
.content{ background:#f3f3f3;}
.white_bg{ background:#FFF; border:1px solid #24acde; border-radius:3px; padding:15px 30px 30px 30px; }
.main-content{ margin-top: 20px;}
.main-content .text p{
overflow:hidden;
text-align:justify;
/*text-align-last:justify;*/
}
.main-content .text p:after{
display:inline-block;
content:'';
overflow:hidden;
width:100%;
height:0;
}

.column_tit{ background:#356fae; color:#fff; font-size:25px; height:40px; padding:0 40px; float:right; line-height: 150%; margin-right: -30px; font-family:'Conv_HelveticaNeue-Bold',"HelveticaNeue bold", Helvetica, Arial;}

.content-wrap .column-title{ margin:10px 0px;color:#356fae; background:url(line.gif) repeat-x 0 -12px;  }
.content-wrap .column-title .tit{font-family: 'Conv_HelveticaNeue-Bold';float:right;font-size:25px; line-height:28px; height:33px; padding:0 17px; margin-right:20px;display:block; background:#FFF;}
.content-wrap .column-title .tit-left{float:left; height:33px;display:block;background:url(line-side.gif) repeat-x 0 -3px;width:1px;}
.content-wrap .column-title .tit-right{float:right;height:33px;display:block;background:url(line-side.gif) repeat-x 0 -3px;width:1px;}

.column-grup{ margin-top:30px;}


/* menu */
/* 6 Navigations
----------------------------------------------------------------------------- */
/* first level menu */
.mobile_hide .navbar-default .navbar-nav { background:url(nav_bg.gif) repeat-x; height:40px; color:#FFF;  font-size:14px;}
.navbar.navbar-default {
	border-radius: 0;
	margin: 0px;
	background-color: transparent;
	border-color: transparent;
}
.header-small .navbar.navbar-default {
	margin: 6px 0 5px;
}

/* first level menu items */

.navbar-default .navbar-nav > li > a {
	font-family:EngraversGot2;
	color: #ffffff;	
	font-size: 18px;
	height:40px;
	line-height:40px;
	padding:0;	
	z-index: 102;	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
.navbar-default .navbar-nav > li > a:hover {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out; color: #ffffff;
}
.navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
}


/* first level active menu items on hover/focus */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
	color: #e84c3d;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent;
}

#navbar-collapse-1 {
	margin-left:-15px;
	margin-right:-15px;
	padding: 0 2px;
}
#navbar-collapse-1 .navbar-nav {
	width:100%;
	float:right;
	height:40px;
}
#navbar-collapse-1 .navbar-nav .dropdown {
	padding:0;
	min-width:194px;
	text-align:center;
	border-right:1px #fff solid;
}

.navbar-default .navbar-nav > .cur{ background:#f3f3f3; border:1px solid #36b5e4; border-bottom:none; }
.navbar-default .navbar-nav > .cur > a{color:#356fae; font-size:18px;}

#navbar-collapse-1 .navbar-nav .right-line-none{ border:none;/*padding-left:20px;*/}
#navbar-collapse-1 .navbar-nav .dropdown ul .dropdown{ 
	border-right:0px;
}

/* first level active menu items when opened */
.mobile_show .main-navigation .navbar-nav > .open { background-color:#e7e7e7;}
.mobile_show .main-navigation .navbar-nav > .open > a,
.mobile_show .main-navigation .navbar-nav > .open > a:hover,
.mobile_show .main-navigation .navbar-nav > .open > a:focus {
	color: #ffffff;
	background: url(nav_bg.gif);
}
.main-navigation .navbar-nav > .cur > a,
.main-navigation .navbar-nav > .cur > a:hover,
.main-navigation .navbar-nav > .cur > a:focus {
	color: #356fae;
	background:none;
}

/* first level active menu items when clicked */
.main-navigation .navbar-nav > .open > a:active,
.main-navigation .navbar-nav > .open.active > a:active {
	background-color: transparent;
	/*-webkit-box-shadow: none;
	box-shadow: none;*/
	border-color: transparent;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.main-navigation .navbar-nav > .open > a:active + ul,
.main-navigation .navbar-nav > .open.active > a:active + ul {
	display: none;
}

/* second level menu */
.dropdown-menu {
    min-width: 113px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 0;
	margin: 0;
	background: #1c78b6;
	color:#FFF;
	/*-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);*/
	border: 1px solid #dcdcdc;
	z-index: 101;
}

/* second level menu items */
.dropdown-menu > li > a {
	background:#f1f1f1;
	border-bottom:1px solid #cedfeb;
	line-height:30px;
	font-size: 14px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	padding:3px 6px;
	text-align:left;
}

.dropdown-menu > li > a span{ float:right;	line-height:30px; }

/* second level menu items on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
	background-color: transparent;
	color: #ffffff;
	border-color: #3a648a;
}

.dropdown-nav{ background:#f3f3f3; padding-left: 8px;}
.dropdown-nav ul li a{ color:#356fae; font-size:14px; font-family:PT Sans; height:45px; line-height:45px; padding:0 22px; display:block;}
.dropdown-nav ul li a:hover{ color:#24acde;}
.dropdown-nav ul li.cur{ border-bottom:3px solid #24acde;}

/* mobile menu toggle button */
.navbar-default{ background:none;}
.navbar-default .navbar-toggle {
	border:none;
}


/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fafafa;
	border-color: #F3F8FB;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:#1c78b6;}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#fff;background-color:#1c78b6;}

.dropdown-nav-about{ background:#f3f3f3; padding-left: 8px;}
.dropdown-nav-about ul li a{ color:#356fae; font-size:14px; font-family:PT Sans,pt-sans,'pt_sansregular'; height:45px; line-height:45px; padding:0 22px; display:block;}
.dropdown-nav-about ul li a:hover{ color:#24acde;}
.dropdown-nav-about ul li.cur{ border-bottom:3px solid #24acde;}

.dropdown-nav-science{ background:#f3f3f3;padding-left: 8px;}
.dropdown-nav-science ul li a{ color:#356fae; font-size:14px; font-family:PT Sans,pt-sans,'pt_sansregular'; height:45px; line-height:45px; padding:0 35px;display: block;}
.dropdown-nav-science ul li a:hover{ color:#24acde;}
.dropdown-nav-science ul li.cur{ border-bottom:3px solid #24acde;}

.dropdown-nav-newsroom{ background:#f3f3f3;padding-left: 8px;}
.dropdown-nav-newsroom ul li a{ color:#356fae; font-size:14px; font-family:PT Sans,pt-sans,'pt_sansregular'; height:45px; line-height:45px; padding:0 39px;display: block;}
.dropdown-nav-newsroom ul li a:hover{ color:#24acde;}
.dropdown-nav-newsroom ul li.cur{ border-bottom:3px solid #24acde;}

.dropdown-nav-join-us{ background:#f3f3f3;padding-left: 8px;}
.dropdown-nav-join-us ul li a{ color:#356fae; font-size:14px; font-family: PT Sans,pt-sans,'pt_sansregular'; height:45px; line-height:45px; padding:0 34px;display: block;}
.dropdown-nav-join-us ul li a:hover{ color:#24acde;}
.dropdown-nav-join-us ul li.cur{ border-bottom:3px solid #24acde;}

.dropdown-nav-visitingIHEP{ background:#f3f3f3;padding-left: 8px;}
.dropdown-nav-visitingIHEP ul li a{ color:#356fae; font-size:14px; font-family:PT Sans,pt-sans,'pt_sansregular'; height:45px; line-height:45px; padding:0 56px;display: block;}
.dropdown-nav-visitingIHEP ul li a:hover{ color:#24acde;}
.dropdown-nav-visitingIHEP ul li.cur{ border-bottom:3px solid #24acde;}

.navbar-default .navbar-collapse {border-color: #002C69;}
.nav-tabs > li { width:20%;text-align:center;border-right:#cacaca solid 1px;}
.nav-tabs > li:last-child {border-right:#cacaca solid 0px;}
.nav-stacked > li {background: #E6E6E6;}

/*翻页*/
.pagination{ float:right; margin-right:25px;}
.pagination>li>a{ background:#35b5eb; color:#fff; border:1px solid #4296be; border-top:none; border-bottom:3px solid #4296be;}
.pagination>li>a:hover{background:#4296be;color:#fff;border:1px solid #4296be; border-top:none; border-bottom:3px solid #4296be;}

/*footer*/

footer .blue-wrap{ background:url(foot_bg.gif) no-repeat; color:#fff; height:246px; padding:28px; }
footer .copyright_wrap{ min-width:34%; float:left;/* font-family: 'Conv_HelveticaNeue-Bold';*/ font-size:13px; line-height:22px;font-family: arial;  font-weight: 600;}
footer h5{ line-height:24px; margin-bottom:10px; /*font-family: 'Conv_HelveticaNeue-Bold'; */ font-size:12px;font-family: arial;  font-weight: 600;}
footer .cas-logo{ max-width:220px; margin-top:28px;}
footer .cas-logo img{ width:100%;}
footer .logo-gov{ max-width:80px;}
footer .logo-wx{ max-width: 84px;}
footer li{ display:block; float:left; line-height:180%;  text-align:left;}
footer a{ color:#fff;}
footer .Quick-Links{width:40%;float:left; margin-left:50px;}
footer .Quick-Links ul.column {width:470px; float:left;}
footer .Quick-Links ul.column li{ float:left;width:190px;}
footer .Quick-Links ul li a{ background:url(icon-arrow.png) no-repeat 2px 2px; padding-left:16px; font-size:12px;}
footer .Interact { float:right; width:110px; font-size:12px;}
footer .Interact ul li{ margin-bottom:10px;}
footer .Interact img{ max-width:36px; margin-right:3px;}
footer .Interact ul.mobile_show{ display:none !important;}



/*tab*/

.column-2{ padding:20px 0; background:#efefef; margin-top: 10px;}

.column-3{ border-top:2px solid #2a83cf;}
.column-3>.col-md-1,.column-3>.col-md-2,.column-3>.col-md-3,.column-3>.col-md-4,.column-3>.col-md-5,.column-3>.col-md-6,.column-3>.col-md-7,.column-3>.col-md-8,.column-3>.col-md-9,.column-3>.col-md-10,.column-3>.col-md-11,.column-3>.col-md-12{ padding:0; padding-bottom:10px;}
.column-3>.column-title,.column-3>.column-title span{ border-bottom:none;}
.column-3>.col-md-5 .column-pic{ background:#fff; padding:1px; padding-left:0;}
.column-mail li{ margin-top:1px;}


.wrap-logo {padding:8px 0px; float:left; display:none;}
.navbar-toggle{position:relative; float:right;padding:9px 10px;margin-top:4px; margin-right:2px; margin-bottom:0;background-color:#24acde;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#FFF;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color:#888;}


@media screen and (min-width:1200px){
	.contentTest{width:640px;height:360px;margin:0 auto 50px;}
}


@media screen and (max-width:1200px){
	.contentTest{width:640px;height:360px;margin:0 auto 50px;}
	.dropdown-nav-join-us ul li a{padding: 0 20px;}
	.dropdown-nav-visitingIHEP ul li a{padding:0 35px;}
	header .banner-logo{ float:left; width:490px; height:78px; }
	.topmenu{ float:right; margin-top:0;}
	.topmenu li{ float:none; text-align:right;height: 44px;}
	.topmenu a{ margin:0 3px; color:#2a395f;}
	.topmenu a:hover{ text-decoration:underline;}
	.topmenu form{ float:right; margin-left:10px;}
	.topmenu .form-search { padding-top:0;}
	.topmenu .form-search input { color:#bcbcbc; float:left; width: 244px; height: 34px; line-height:25px; border:1px solid #dcdcdc; border-right: none; padding-left:5px;}
	.topmenu .form-search button{ float:right;border:1px solid #dcdcdc;border-left: none; padding:0; line-height:27px; }
	
	#navbar-collapse-1 .navbar-nav .dropdown { min-width: 161px;}


	footer .blue-wrap { background: url(foot_bg.gif) no-repeat bottom center #24acde;  height:340px;  padding: 30px;}
	footer .copyright_wrap { min-width: 100%;  font-size: 14px;  margin-bottom:30px;}		
	footer .copyright {  float:left; line-height:150%; padding-right:0; text-align:left;}
	footer .cas-logo { float:right; margin-top:0;}
	footer h5 { margin-bottom: 4px; font-size: 12px;text-align:left;}
	footer .Quick-Links { width:80%; margin-left:0;}
	footer .Quick-Links ul.column li { line-height:200%;}
	footer .Interact{ float:left; margin-left:8px;}
	.list-inline>li.brochures-pic{border:1px solid #a1c6d3; padding:0; color:#356fae; line-height:150%; padding-bottom:15px; width:17%; margin:10px 10px 25px 10px; }

}

@media screen and (max-width:1024px){
	header .banner-logo{ float:left; width:490px; height:78px; background:url(logo_IHEP.jpg) no-repeat;}

	.topmenu{ float:right; margin-top:0;}
	.topmenu li{ float:none; text-align:right;height: 44px;}
	.topmenu a{ margin:0 3px; color:#2a395f;}
	.topmenu a:hover{ text-decoration:underline;}
	.topmenu form{ float:right; margin-left:10px;}	
	.topmenu .form-search { padding-top:0;}
	.topmenu .form-search input { color:#bcbcbc; float:left; width: 244px; height: 34px; line-height:25px; border:1px solid #dcdcdc; border-right: none; padding-left:5px;}
	.topmenu .form-search button{ float:right;border:1px solid #dcdcdc;border-left: none; padding:0; line-height:27px; }
	
	footer .blue-wrap { height:345px; }		
	footer .cas-logo { max-width: 220px;}
	footer h5 { line-height: 24px;  margin-bottom: 4px; font-family: Helvetica Neue, Arial; font-size: 12px;text-align:left;}
	footer .Quick-Links { width:80%;  float: left; margin-left:0;}
	.contentTest{width:640px;height:360px;margin:0 auto 50px;}
}
@media screen and (max-width:992px){
	header .banner-logo{ float:left; width:440px; height:70px; background:url(logo_IHEP.jpg) no-repeat;}
	.dropdown-nav-join-us ul li a{padding: 0 4px;}
	.dropdown-nav-visitingIHEP ul li a{padding:0 15px;}
	.topmenu{ float:right; margin-top:0; }
	.topmenu li{ float:none; width:260px;text-align: right;}
	.topmenu a{ margin:0 3px; color:#2a395f;}
	.topmenu a:hover{ text-decoration:underline;}
	.topmenu form{ float:right; margin-left:10px;}
	.topmenu .form-search input {color: #bcbcbc;float: left;width: 205px;height: 34px;line-height: 25px;border: 1px solid #dcdcdc;border-right: none;padding-left: 5px;
	}
	
	footer .blue-wrap { height:350px; }		
	footer h5 { line-height: 24px;  margin-bottom: 4px; font-family: Helvetica Neue, Arial; font-size: 12px;text-align:left;}
	footer .Quick-Links { width:80%;  float: left; margin-left:0;}
	.navbar-header .left{float:left;width:80%;}
	.navbar-header .right{ float: right; width: 16%; margin-top: 20px; margin-right: 15px;}
	#navbar-collapse-1 .navbar-nav .right-line-none a{ padding-left:20px; padding-right:10px;}
	#navbar-collapse-1 .navbar-nav .dropdown { min-width: 123px;}
	.white_bg{padding:0px; }
	.contentTest{width:640px;height:360px;margin:0 auto 50px;}
}



/*不大于768px的设备尺寸中 响应式布局的特定样式*/
@media screen and (max-width:768px){
	.text_wrap img{display: bolock; max-width: 100%; height: auto;}
	footer .blue-wrap { height:440px; }	
	footer h5 { line-height: 24px;  margin-bottom: 4px; font-family: Helvetica Neue, Arial; font-size: 12px;text-align:left;}
	footer .Quick-Links { width:100%;  float: left; margin-left:0;}
	footer div.Interact{clear: both;width:100%; margin-top:10px;margin-left:0;}
	footer .Interact ul li{ margin-right:10px;}
	#nav{ background:#FFF;}
	.white_bg{padding:0px; }
	.contentTest{width:320px;height:180px;margin:0 auto 50px;}
	}


@media screen and (max-width:767px){
	.mobile_hide {display: none !important;}
	.mobile_show {display: block !important;}
	.navbar-header{ margin-top:10px;margin-bottom:10px; background:#fff;}
	 header .banner-logo{ float:left; width:440px; height:70px; background:url(logo_IHEP.jpg) no-repeat;}
	.navbar-default .navbar-nav > li > a { padding-left: 20px; color:#356fae;text-transform: uppercase;font-size: 20px;}
	.dropdown-menu ul li{font-size: 16px;}
	.navbar-nav .open .dropdown-menu>li>a{ line-height:26px;}
	.wrap-logo { max-width:437px; padding:8px 0px; float:left; display:block;}
    .column {/*background: #fff none repeat scroll 0 0;*/border:0 none;box-shadow:none;margin-bottom: 10px;}
	footer .copyright_wrap .mobile_hide{ display:none !important;}
	footer .copyright_wrap{ min-width: 100%;  font-size: 14px;  margin-bottom:10px;}
	footer .Interact ul.mobile_hide{ display:none !important;}
	footer .Interact ul.mobile_show{ display:block !important;}
	.text_wrap img{display: bolock; max-width: 100%; height: auto;}
	.table-responsive>.table>tbody>tr>td{white-space:pre-wrap;}
	.white_bg{padding:0px; }
	.contentTest{width:320px;height:180px;margin:0 auto 50px;}
}

@media screen and (max-width:700px)
{
	header .banner-logo{ float:left; width:290px; height:78px; background:url(logo_IHEP.jpg) no-repeat;}
	.text_wrap img{display: bolock; max-width: 100%; height: auto;}
	footer .blue-wrap { height:500px;}		
	footer .cas-logo { float:left;  max-width: 220px;  margin-top:20px;}
	footer h5 { line-height: 24px;  margin-bottom: 4px; font-family: Helvetica Neue, Arial; font-size: 12px;text-align:left;}
	footer .Quick-Links { width:100%;  float: left; margin-left:0;}
	footer div.Interact{clear: both;width:100%;  margin-top:10px;}
	footer .Interact ul li{ margin-right:10px;}
	.white_bg{padding:0px; }
	.contentTest{width:320px;height:180px;margin:0 auto 50px;}
}


@media screen and (max-width:600px)
{
	.text_wrap img{display: bolock; max-width: 100%; height: auto;}
	header .banner-logo{ float:left; width:290px; height:78px; background:url(logo_IHEP.jpg) no-repeat;}
	footer .blue-wrap {height:200px;}
	footer .Quick-Links{display:none;}
	footer div.Interact{ margin-top:0;}
	footer .col-md-7 img{ float:none; padding-top:10px;}
	.white_bg{padding:0px; }
	.contentTest{width:320px;height:180px;margin:0 auto 50px;}
	footer .cas-logo{display:none;}
}

/*iphon5横屏*/
@media screen and (max-width: 568px){
.navbar-header .left { width: 78%;}
.text_wrap img{display: bolock; max-width: 100%; height: auto;}
.white_bg{padding:0px; }
.contentTest{width:320px;height:180px;margin:0 auto 50px;}
footer .cas-logo{display:none;}
}


@media screen and (max-width:480px){
	.text_wrap img{display: bolock; max-width: 100%; height: auto;}
	header .banner-logo{ float:left; width:190px; height:78px; background:url(logo_IHEP.jpg) no-repeat;}
	footer .blue-wrap {height:180px;}
    .pagination>li>a,.pagination-lg>li>a, .pagination-lg>li>span{padding: 6px 12px;font-size: 14px;}
	.white_bg{padding:0px; }
	.contentTest{width:320px;height:180px;margin:0 auto 50px;}
	footer .cas-logo{display:none;}
}
/*iphon6p竖屏*/
@media screen and (max-width:414px){
	.text_wrap img{display: bolock; max-width: 100%; height: auto;}
	.navbar-header .left {  width: 78%;}
	.navbar-header .right {  margin-top: 14px;}
    .pagination>li>a,.pagination-lg>li>a, .pagination-lg>li>span{padding: 6px 11px;font-size: 14px;}
	.white_bg{padding:0px; }
	.contentTest{width:320px;height:180px;margin:0 auto 50px;}
	footer .cas-logo{display:none;}
}

/*iphone6竖屏*/
@media screen and (max-width:375px)
{   
	.text_wrap img{display: bolock; max-width: 100%; height: auto;}
	.navbar-header .left {  width: 74%;}
    .pagination>li>a,.pagination-lg>li>a, .pagination-lg>li>span{padding: 6px 10px;font-size: 14px;}
    .white_bg{padding:0px; }
    .contentTest{width:320px;height:180px;margin:0 auto 50px;}
    footer .cas-logo{display:none;}
}

/*iphone5竖屏*/
@media screen and (max-width:320px)
{
	.text_wrap img{display: bolock; max-width: 100%; height: auto;}
	header .banner-logo{ float:left; width:90px; height:78px; background:url(logo_IHEP.jpg) no-repeat;}
    .pagination>li>a,.pagination-lg>li>a, .pagination-lg>li>span{padding: 4px 7px;font-size: 13px;}
    .white_bg{padding:0px; }
    .contentTest{width:320px;height:180px;margin:0 auto 50px;}
    footer .cas-logo{display:none;}
}


.main-content .branch ul{
    float:left;
    display: inline-block;
}
.main-content .branch .root {
    width:25%;
}

.main-content .left-nav { margin-bottom:20px;}
.main-content .left-nav h3{font-family:"Helvetica Neue", Helvetica, Arial; color:#fff; font-size:18px; line-height:26px; padding:10px 20px; background:#24acde;}
.main-content .left-nav ul { background:#f3f3f3; padding:10px 0;}
.main-content .left-nav ul li{}
.main-content .left-nav ul li a{display:block;padding:10px 10px 10px 20px; background:url(icon-arrow2.png) no-repeat 10px 16px; color:#356fae;  }
.main-content .left-nav ul li a:hover{ background:url(icon-arrow2.png) no-repeat  10px 16px #f9fbfe; color:#24acde; box-shadow: 0 5px 5px #b3d1dc;}
.main-content .left-nav .active{
	/* padding:10px 10px 10px 20px;  */
	background:url(icon-arrow2.png) no-repeat  10px 16px #f9fbfe; 
	color:#24acde; 
	box-shadow: 0 5px 5px #b3d1dc;}
/*通用列表页*/
.main-content .common-list .common-list-tit{ color:#356fae; font-size:18px;font-weight:bold; font-family:"Helvetica Neue", Helvetica, Arial; line-height:26px; margin-bottom:10px;}
.main-content .common-list .column-list-grup{ margin-bottom:40px;}
.main-content .common-list .table tr td{ border:none;}
.main-content .common-list .table tr td .date{ color:#9a9a9a; line-height:26px;}
.main-content .common-list .table tr td .tit{ line-height:24px;}
.main-content .common-list .common-list-tit a{color: #356fae;}
.main-content .common-list .common-list-tit a:hover{color: #24acde;}
.text_wrap {margin-top: 10px; line-height: 175%; border:none ;}
.text_wrap figure.image img{float: none;}
.text_wrap img{min-width: 60px;}
.text_wrap p{
	overflow:visible;
	margin: 12px 0;
}
.text_wrap ul, .text_wrap li {
	list-style-position: inside;
	list-style-type: disc;
}
.text_wrap ul li p {display:inline;}
.text_wrap ul li {margin-bottom: 20px;}

/*20181218添加*/
.title_chnl{margin-right:15px; background:#356fae;}

/*202111.8添加翻页样式*/
.hidden_pc{
	
}
.hidden_mob{
	display:none;
}
#pager{display: inline-block;
    border-radius: 4px;
    overflow: hidden;}
#pager > a,
#pager > span{
	border-right: 1px solid #4296be;
    border-bottom: 2px solid #4296be;
    float: left;
    font-size: 14px;
    line-height: 21px;
    list-style: none outside none;
    padding: 10px 10px;
    text-decoration: none;
    background:#35b5eb;
    color: #fff;}
#pager > span{ background: none repeat scroll 0 0 #356fae;}
#pager > font{
	float: left;
    padding: 10px;
}
#pagenav_head{border-radius: 4px 0 0 4px;}

ul.hidden_mob li .btn-default{
	height: 42px;
    background: #35b5eb;
    color: #fff;
    border-left: none;
    border-top: none;
    border-right: 1px solid #4296be;
    border-bottom: 2px solid #4296be; }
@media screen and (max-width:767px){
	.hidden_pc{
		display: none;
	}
	.hidden_mob{ display:block; margin-bottom: 30px; }
}


/*2022.02.15修改头部导航*/
#navbar-collapse-1 .navbar-nav .dropdown:last-child{ border-right:0;}
a{ cursor:pointer;}
.comm_nav{ height:46px;}
#navbar-collapse-1 .navbar-nav{ position:relative;}
#navbar-collapse-1 .navbar-nav .dropdown{ position:static;}
.dropdown-nav-about,
.dropdown-nav-science,
.dropdown-nav-newsroom,
.dropdown-nav-join-us,
.dropdown-nav-visitingIHEP{ 
	position:absolute; 
	left:0; 
	top:40px;
	z-index:999;
	text-align:left;
	display:none;
}
ul.sbumenu_li li.cur a{
    height:41px;
	line-height: 41px;
}

/*2022.02.25修改页面视频宽度*/
.text_wrap video{ width:630px; height:auto;}
@media screen and (max-width:767px){ 
.text_wrap video{ width:400px; height:auto;}
}
@media screen and (max-width:450px){ 
.text_wrap video{ width:320px; height:auto;}
}
@media screen and (max-width:320px){ 
.text_wrap video{ width:300px; height:auto;}
}




