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

.container .margin_top25{margin-top:25px;}
.container .topmenu{ margin-top:0;}


.dropdown-menu{border:none; background:#2e84d2;padding:9px 5px 5px 0px;}
.navbar-nav>li>.dropdown-menu{ z-index:1000;  top: 32px;}
.navbar-nav>li.right-line-none>.dropdown-menu { left: -42px;}

.navbar-default .navbar-nav > li > a {height:32px;line-height:28px;color:black;}
.navbar-default .navbar-nav > li > a.home-style{ color:#35a8e0; background:url(../images/arrow1.png) no-repeat center bottom; /*font-family:EngraversGot; */}
.navbar-default .navbar-nav .cur{background:#ffffff;border:none;border-bottom: none;}
.navbar-default .navbar-nav .cur a{color: #356fae;font-size: 18px;background:url(../images/arrow1.png) no-repeat 50% 26px;}
.navbar-default .navbar-nav .dropdown-menu > li > a{ border:none;background:#2e84d2; color:#FFF; padding-left:15px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{border:none;background:#f3f3f3; color:#356fae;padding-left:15px;}



.index-navigation{ width:54%; float:right;}
#nav{background:none;}
.mobile_hide .navbar-default .navbar-nav{ background:none;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:url(../images/arrow2.png) no-repeat 50% 27px/* #fff*/; color:#24acde; /*background-position: 60px 20px;*/transition:none;/*font-family:EngraversGot;*/}
.container-fluid{ padding:0;}

	
#navbar-collapse-1-index .navbar-nav .dropdown{background: url(../images/inedx-menu-line.gif) no-repeat right 9px #fff;border:none; padding:0; }
#navbar-collapse-1-index .navbar-nav .right-line-none{ background:#fff;}
#navbar-collapse-1-index .navbar-nav .dropdown a {padding: 0 22px;}
#navbar-collapse-1-index .navbar-nav .right-line-none a{ padding-right:15px;}
	
.show_wrap{ border-top:6px solid #24acde; position:relative;}
.show_wrap img{margin: 0 auto;}
.show_wrap .show-introduction{ float:right; display:block;cursor: pointer;}
.show_wrap .show-introduction-text{display: none; background:#337ab7; background: rgba(10,90,163,0.6);min-width:30%; max-width:60%; color:#fff; position:absolute; bottom:17%;right: 18%; padding: 20px 88px 20px 20px;}
.show_wrap .show-introduction-text h4{ margin-bottom:10px;font-family: 'Conv_HelveticaNeue-Bold';}
.show_wrap .show-introduction-button{ width:56px; height:56px; position:absolute; bottom:18%; right:19%;}
.show_wrap .show-introduction-button img{ width:100%;}


.content-wrap .research-themes{position:relative;margin-bottom: 155px;}
.content-wrap .research-themes img{ width:100%;}
.content-wrap .research-themes ul{background: #fff; padding: 0 10px;  position:absolute; top: -63px;border-radius: 3px; width:100%;}
.content-wrap .research-themes ul li { width: 15.8%; float: left; margin: 20px 5px;}
.content-wrap .research-themes ul li.margin-none{ margin:0;}
.content-wrap .research-themes ul li a{ display:block; position:relative;color: #FFF;}
.content-wrap .research-themes ul li a:hover{ color:#356fae;}
.content-wrap .research-themes ul li a .title{ font-size:12px; position: absolute; top:125px; background:#337ab7; background: rgba(10,90,163,0.6);  line-height: 30px; color: #FFF; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; width: 90%; line-height: 120%; padding: 5px;}
.content-wrap .research-themes .reasearch-themes-shadow{ position:absolute; top:155px;}


.content-wrap .left_wrap{ width:54%; margin-right:25px; float:left; margin-top:30px;}
.content-wrap .left_wrap img{ width:100%;}
.content-wrap .left_wrap h4{ font-family: 'Conv_HelveticaNeue-MediumExt'; color: #24acde; font-size: 18px; /*font-family: "HelveticaNeue bold", Helvetica, Arial, Gotham, sans-serif; font-weight: 600; */color:#35a8e0; line-height:200%;}
.content-wrap .left_wrap .highlights{ margin-bottom:25px;}
.content-wrap .left_wrap .highlights dl dt{ width:40%; float:left; margin-right:15px;}
.content-wrap .left_wrap .highlights dl dd h5{color:#356fae; line-height:150%; margin-bottom:6px; }
.content-wrap .left_wrap .highlights dl dd h5 a{color:#35a8e0;}
.content-wrap .left_wrap .highlights dl dd h5 a:hover{color:#356fae;}
.content-wrap .left_wrap .highlights dl dd p a{ color:#356fae; float:right;}
.content-wrap .left_wrap .highlights dl dd p a:hover{ color:#35a8e0;} 


.content-wrap .left_wrap .news h4 {line-height:100%;}
.content-wrap .left_wrap .news dl{ border-bottom: 1px solid #cddcea; padding-bottom: 12px; margin-top: 12px;}
.content-wrap .left_wrap .news dl dt{ width:22%; float:left; margin-right:15px;}
.content-wrap .left_wrap .news dl dd { margin-bottom:6px; float:right; width:75%;}
.content-wrap .left_wrap .news dl dd h5{ margin-bottom:10px;}
.content-wrap .left_wrap .news dl dd h5 a{ color:#35a8e0; line-height: 160%;}
.content-wrap .left_wrap .news dl dd p { line-height:160%;}
.content-wrap .left_wrap .news dl dd a{ display:block;}
.content-wrap .left_wrap .news dl dd a:hover{ color:#356fae; }

.content-wrap .right-wrap{ width:43%; float:right;}
.content-wrap .right-wrap .resources-for{ margin-top:45px; margin-bottom:40px; border:1px solid #24acde; border-radius:3px; padding:0 5px 15px 15px; position:relative;}
.content-wrap .right-wrap .resources-for h4 {font-family: 'Conv_HelveticaNeue-MediumExt'; position:absolute; top:-10px; background:#fff; color: #24acde; font-size: 18px; /*font-family: "HelveticaNeue bold", Helvetica, Arial, Gotham, sans-serif; font-weight: 600;*/padding: 0 10px;}
.content-wrap .right-wrap .resources-for ul{ margin-top:30px;}
.content-wrap .right-wrap .resources-for ul li { width: 32%; float: left; margin-bottom:15px;margin-right: 6px;background:#d0ebf5; }
.content-wrap .right-wrap .resources-for ul li a{ text-align:center; font-size:14px; color:#488eaf; text-shadow:#fff 2px 1px; font-weight:600; display:block; background:#d0ebf5; box-shadow:0 5px 5px #b3d1dc;  height:38px; line-height:38px; background:url(../images/icon-arrow1.png) no-repeat 140px 14px;}
.content-wrap .right-wrap .resources-for ul li a:hover{ color:#24acde; box-shadow:none;}


.content-wrap .right-wrap .upcoming-events h4{ font-family: 'Conv_HelveticaNeue-MediumExt'; margin-bottom:10px; color: #24acde; font-size: 18px; /*font-family: "HelveticaNeue bold", Helvetica, Arial, Gotham, sans-serif; font-weight: 600;*/padding-left: 10px;}
.content-wrap .right-wrap dl.events-list{padding:5px 0; clear: both;}
.content-wrap .right-wrap dl.events-list dt.date-wrap{ border-right:1px solid #24acde;  float: left; padding-right:10px; margin-right:8px;}
.content-wrap .right-wrap dl.events-list dt dl.date dt{  background:#24acde; width:55px; height:55px; color:#fff; border-radius:50px; line-height:55px; font-size:34px; font-family: 'swis721_ltex_btlight';  font-weight:normal;float:left; margin-right:10px; text-align:center;} 
.content-wrap .right-wrap dl.events-list dt dl.date dd{ line-height:1.0rem; padding-top:12px;  font-weight:normal; text-align:center;float:left; }




.content-wrap .right-wrap dl.events-list dd.events-list-tit{float: left; width: 76%; padding: 7px 0 7px 7px; }
.content-wrap .right-wrap dl.events-list dd h5 a{ color:#356fae; font-size:16px; font-weight:600; line-height:140%; margin-bottom:10px; display:block;}
.content-wrap .right-wrap dl.events-list dd .source{ color:#666;}

.content-wrap a button{ background:#f7f7f7; color:#24acde; border:1px solid #24acde; border-radius:3px; margin:10px 0 10px 15px; font-weight:600; font-size:12px; }
.content-wrap a:hover button{color:#356fae; border:1px solid #356fae;}


/*Newsroom*/
.dropdown-nav-newsroom{ background:#f3f3f3;padding-left: 8px;}
.dropdown-nav-newsroom ul li a{ color:#356fae; font-size:14px; font-family:PT Sans; 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;}


footer .blue-wrap{ background:url(../images/foot_bg_index.gif) no-repeat center; background-size:cover; color:#fff; height:246px; padding:30px; width:100%; margin-top: 30px;}
footer .copyright_wrap { margin-left: -15px;}
footer .Quick-Links { margin-left:60px; width:40%;}
@media screen and (max-width:1290px){
	#navbar-collapse-1-index .navbar-nav .dropdown a { padding: 0 18px;}
}

@media screen and (max-width:1200px){
	header .banner-logo{ float:left; width:440px; height:70px; background: url(../images/logo-ihep.png) no-repeat;background-size:100% 100%;}	
	.padding-right-5{ padding-right:5px;}
    .topmenu li{ float:left;}
	.topmenu .form-search {padding-top: 5px;}
	.index-navigation { width: 61%;}
	#navbar-collapse-1-index .navbar-nav .right-line-none a { padding-right: 7px;}
	#navbar-collapse-1-index .navbar-nav .dropdown a { padding: 0 18px;}
	
	.show_wrap .show-introduction-button {position: absolute; bottom: 26%; right: 9%;}
	.show_wrap .show-introduction-text { position: absolute; bottom: 23%; right: 8%; padding: 20px 88px 20px 20px; width:83%;}
	
	
	.content-wrap .research-themes {margin-bottom: 110px;}
	.content-wrap .research-themes ul {  top: -70px;}
	.content-wrap .research-themes ul li {width: 15.6%;}
	.content-wrap .research-themes ul li a span.title { top: 90px;}
	.content-wrap .research-themes .reasearch-themes-shadow{ position:absolute; top:116px;}
	
	.content-wrap .left_wrap .news{ margin-bottom:20px;}
	.content-wrap .left_wrap .news dl dd h5 { margin-bottom: 7px;}
	
	.content-wrap .right-wrap .resources-for ul li { width: 31%;}
	
	.content-wrap .right-wrap .resources-for ul li a { background: url(../images/icon-arrow1.png) no-repeat 180px 14px;}
	 
	.content-wrap .right-wrap dl.events-list dd.events-list-tit { width: 71%;}
	footer .blue-wrap { background: url(../images/foot_bg_index.gif) no-repeat bottom center #24acde;  color: #fff;  height:340px;  padding: 30px;}
	footer .copyright_wrap { margin-left: 0;}
	footer .cas-logo { margin-right: 60px;}
	footer .Quick-Links { margin-left: 0; width: 80%; float: left;}
}

/*ipad横屏*/
@media screen and (max-width:1024px){	
	footer .blue-wrap {  height:340px; }
	#navbar-collapse-1-index .navbar-nav .dropdown a { padding: 0 18px;}

}
@media screen and (max-width:992px){
	.container { padding-right: 15px; padding-left: 15px;}

    .topmenu { margin-top: -15px;}
	.topmenu li{ float:none;}	
	.topmenu .form-search {padding-top:0;}
	.index-navigation { width: 100%; margin-top:20px;}
	#navbar-collapse-1-index .navbar-nav .dropdown a { padding: 0 30px;}
	#navbar-collapse-1-index .navbar-nav .right-line-none a { padding-right:5px;}
	.show_wrap .show-introduction-button { position: absolute; bottom: 22%;right: 2%;}
	.show_wrap .show-introduction-text{ width:100%; right: 0%;  bottom: 20%;}
	
	
	
	.content-wrap .research-themes { margin-bottom:150px;}
    .content-wrap .research-themes ul { height: 230px;top: -55px;}
	.content-wrap .research-themes ul li { width:15.2%;}
	.content-wrap .research-themes ul li a span.title {top: 105px; width:100%;  background: rgba(10,90,163,0.8); height: 60px;}
	.content-wrap .research-themes .reasearch-themes-shadow{ position:absolute; top:145px;}
	
	
	
    .content-wrap .left_wrap { width: 98%;}
	.content-wrap .left_wrap .highlights { margin-bottom: 40px;}
	.content-wrap .right-wrap {width: 98%; float:left;}
	
	.content-wrap .right-wrap .resources-for {  margin-top: 20px;}
	.content-wrap .right-wrap dl.events-list dd.events-list-tit {  width: 83%;}
	.content-wrap .right-wrap { margin-bottom:20px;}
	
	footer .cas-logo { margin-right: 30px;}



}

@media screen and (max-width:768px){
	footer .copyright{width: 100%; margin-bottom:20px;}
	footer .cas-logo {float: left;}
	footer .Quick-Links {width: 100%;}
	footer .blue-wrap {  height:520px;}
}



/*不大于768px的设备尺寸中 响应式布局的特定样式*/
/*ipad竖屏*/
@media screen and (max-width:767px){
	.content-wrap .right-wrap dl.events-list dd.events-list-tit { width: 82%;}
	
	footer .blue-wrap { padding:30px 14px;}
	
	.navbar-header .right { float: right; width: 15%; margin-top: 20px; margin-right: 30px;}
	.navbar-default{ margin-left:15px;}
	.navbar-default .navbar-nav > li > a {padding-left:30px;color: #356fae;text-transform: uppercase; font-size: 20px;line-height:42px; height:42px; display:block;}
	.navbar-default .navbar-nav .dropdown-menu{ padding:10px;}
	.navbar-default .navbar-nav .dropdown-menu > li > a{padding-left:30px;background: #f1f1f1;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background:#356fae; color:#fff;padding-left:30px;}

	.content-wrap .right-wrap .resources-for ul li a { background: url(../images/icon-arrow1.png) no-repeat 240px 14px;}

	
	.dropdown-menu ul li{font-size: 16px;}
	.navbar-nav .open .dropdown-menu>li>a{ line-height:26px;padding-left:30px;font-size: 16px;}
	
	
	.show_wrap .show-introduction-text { min-width: 100%; right: 0%; bottom: 4%;}
	.show_wrap .show-introduction-button {max-width:50%; position: absolute; bottom: 10%; right: 2%;}
	
	.content-wrap .research-themes {margin-bottom:510px; }
    .content-wrap .research-themes ul { height: 475px;top: 0;}	
    .content-wrap .research-themes ul li { width: 30%; margin: 20px 10px; }
	.content-wrap .research-themes ul li a span.title {top: 150px;}	
	.content-wrap .research-themes .reasearch-themes-shadow{ position:absolute; top:504px;}
    
	.content-wrap .left_wrap{width: 96%; margin-left:15px; margin-right:15px;}
	.content-wrap .right-wrap{width: 96%; margin-left:15px; margin-right:15px;}
	.content-wrap .right-wrap dl.events-list dd.events-list-tit {width: 82%; float: left;}
	
	.content-wrap .right-wrap .resources-for ul li { width: 48%;}
	
	footer .blue-wrap { height:460px; }
	
}
/*iphone6p横屏*/
@media screen and (max-width:736px){
	.navbar-header .left { width: 79%;}
	.navbar-header .right {  margin-right: 40px;}
	.content-wrap .research-themes ul li a span.title { top: 146px;}
	.content-wrap .research-themes ul li { width: 30%; margin: 20px 10px;}
	.content-wrap .research-themes .reasearch-themes-shadow { position: absolute; top: 490px;}
	
	
}

@media screen and (max-width:700px){
	.navbar-header .right { float: right;  width: 13%;}
	.content-wrap .research-themes {margin-bottom: 450px; }
	.content-wrap .research-themes ul { height: 430px;top: 0;}
	.content-wrap .research-themes ul li {}	
	.content-wrap .research-themes ul li a span.title { top: 126px;}
	.content-wrap .research-themes .reasearch-themes-shadow{ position:absolute; top:462px;}
	
	.content-wrap .right-wrap dl.events-list dd.events-list-tit {  width: 78%;}
	
	footer .blue-wrap {  height:500px; }
}
/*iphon6横屏*/
@media screen and (max-width:667px){
	
    .content-wrap .research-themes ul li {  width:30%;}
	.content-wrap .research-themes ul li a span.title { top: 127px;}	
	.content-wrap .research-themes .reasearch-themes-shadow { position: absolute; top: 450px;}
	.content-wrap .right-wrap dl.events-list dd.events-list-tit {  width: 78%; }
}

@media screen and (max-width:635px){
	 .content-wrap .research-themes ul li { width:29%;}
	 footer .Quick-Links ul.column { width: 175px;}
}
	
	
@media screen and (max-width:600px){
	 .content-wrap .research-themes {margin-bottom: 420px; }	
     .content-wrap .research-themes ul { height: 400px}
	
	 .content-wrap .research-themes ul li a span.title { top: 110px;}
	 .content-wrap .research-themes .reasearch-themes-shadow{ position:absolute; top:410px;}
	 
	 .content-wrap .right-wrap .resources-for ul li a { background: url(../images/icon-arrow1.png) no-repeat 200px 14px;}
	 
	 .content-wrap .right-wrap dl.events-list dd.events-list-tit { width: 75%;}	
     footer .blue-wrap {height:180px;}

}

/*iphon5横屏*/
@media screen and (max-width: 568px){
.navbar-header .left { width: 78%;}
.content-wrap .research-themes ul li { width: 29%;}
.content-wrap .research-themes ul li a span.title { top: 115px;}
.content-wrap .left_wrap .highlights { margin-right: 15px;}
.content-wrap .left_wrap .news dl { margin-right: 15px;}
.content-wrap .left_wrap .news dl dd {float: none;  width:98%;}
}


@media screen and (max-width:520px){
	.content-wrap .research-themes ul li { width: 28.6%; margin-bottom:40px;}
	
.content-wrap .right-wrap dl.events-list dd.events-list-tit { width: 72%;}
.content-wrap .right-wrap .resources-for ul li {width: 96%;}
.content-wrap .right-wrap .resources-for ul li a { background: url(../images/icon-arrow1.png) no-repeat 320px 14px;}
.content-wrap .left_wrap .news dl dt { width: 28%;}

}
@media screen and (max-width:480px){	
	.content-wrap .research-themes { margin-bottom: 655px;}
 	.content-wrap .research-themes ul { height: 580px;}
 	.content-wrap .research-themes ul li { width:44%; margin-bottom:15px;}
    .research-themes ul li a span.title { top: 115px;}
 	.content-wrap .research-themes ul { height: 580px;}
 	.content-wrap .research-themes .reasearch-themes-shadow { position: absolute; top: 582px; display:none;}
	.content-wrap .left_wrap .highlights dl dt{ width:100%;margin-bottom:20px;}
	
	.content-wrap .left_wrap .news dl dt { width:100%; margin-bottom:20px;}
	
	.content-wrap .right-wrap dl.events-list dd.events-list-tit { width:69%;}
	

}
/*iphon6p竖屏*/
@media screen and (max-width:414px){
	.navbar-header .left {  width: 78%;}
	.navbar-header .right { margin-right: 24px;}
	.content-wrap .research-themes { margin-bottom: 616px;}
	.content-wrap .research-themes ul li { width: 43%; margin-bottom:26px;}	
	.content-wrap .research-themes ul li a span.title {top: 120px; height: 56px;}
	.show_wrap .show-introduction{ display:none;}
	
	.content-wrap .left_wrap .highlights dl dt {/*width: 96%;*/ margin-bottom:12px;margin-right: 20px;}
	.content-wrap .left_wrap .highlights dl dd{ margin-right: 20px;}
	.content-wrap .left_wrap .news dl dd { margin-right: 20px;}
	.content-wrap .right-wrap { width: 93%; margin-left: 15px;}
	.content-wrap .right-wrap dl.events-list dt.date-wrap{border:none;}
	.content-wrap .right-wrap dl.events-list dd.events-list-tit { width: 100%;margin-right:0;}
	

}
/*iphone6竖屏*/
@media screen and (max-width:375px)
{   
	.navbar-header .left {  width: 74%;}
	.content-wrap .research-themes ul li { width: 44%;}
	.content-wrap .right-wrap .resources-for ul li a { background: url(../images/icon-arrow1.png) no-repeat 285px 14px;}
	.content-wrap .right-wrap dl.events-list dd.events-list-tit {}
   

}
/*iphone5竖屏*/
@media screen and (max-width: 320px){
	.content-wrap .research-themes{ margin-bottom:1800px;}
    .content-wrap .research-themes ul li { width: 94%; margin-bottom:10px;}
	.content-wrap .research-themes ul li a span.title { top: 198px;}
	.content-wrap .right-wrap .resources-for ul li a { background: url(../images/icon-arrow1.png) no-repeat 235px 14px;}
	
}