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

/*Science*/
.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;}



.content-wrap .science-introduction{ background:#f3f3f3; line-height:150%; margin:0 15px;}
.content-wrap .science-introduction h5.column-tit2{ color:#24acde; font-size:18px;font-family:"HelveticaNeue bold", Helvetica, Arial, Gotham, sans-serif; font-weight:800; padding:20px;}

.science-introduction h4{ color:#24acde; font-size:18px;font-family: 'Conv_HelveticaNeue-MediumExt'; padding:5px 0 10px 0;}
.text-science{ padding:15px 28px;}
.content-wrap .title-pic-science{padding-right: 0;padding-left: 0;}
.content-wrap .title-pic-science img{width: 100%;}

.column2{ border:1px solid #24acde; padding:0; margin:15px; width:30.8%; float:left;}
.column2 h4{ color:#24acde; font-size:18px; font-family: 'Conv_HelveticaNeue-MediumExt'; padding:18px 20px;}
.column2 .column-text{ background:#e4f2f7;padding: 15px; line-height:150%;}
.column2 .column-list ul{ padding:10px 10px 10px 20px;}
.column2 .column-list ul li { border-bottom: 1px solid #e7e7e7; line-height: 18px;  padding: 6px 0;}
.column2 .column-list ul li a{ background:url(../images/icon-arrow2.png) no-repeat 0 5px; padding-left:15px; font-size:12px; line-height:100%;}
.column2 .column-list a button { background: #f7f7f7; color: #24acde; border: 1px solid #24acde; border-radius: 3px; margin: 0 0 10px 20px; font-weight: 600; font-size: 12px;}
.column2 .column-list a:hover button{color:#356fae; border:1px solid #356fae;}

.column2 .column-tit2 a{color:#24acde;}
.column2 .column-tit2 a:hover{color:#0074bd;}

.publications{padding:0; margin:0 15px 15px -2px; width:50.4%;  float:left;}
.publications h4 {padding:18px 20px;}
.publications h4 a{ color:#24acde; font-size:18px; font-family: 'Conv_HelveticaNeue-MediumExt'; }
.publications h4 a:hover{color:#0074bd;}
.publications dl{ padding: 0 20px 20px; float:left;}
.publications dl dt{ width:18%; float:left;}
.publications dl dt img{ width:100%;}
.publications dl dd{ width:80%; float:right;}
.publications dl dd p a{color:#444;}
.publications dl dd p a:hover{color:#0074bd;}

.facilities{ width:48.5%; margin-bottom:30px; float:left;}
.facilities ul{ margin-top:5px;}
.facilities ul li{ width:46%; float:left; margin:12px 10px; position:relative;}
.facilities ul li .pic-title{top:117px; line-height:150%; font-size: 13px; position: absolute;left: 0; background: rgba(53,110,174,0.8); color: #FFF; padding:10px; width: 100%;  height: 56px;}
.facilities ul li img{width: 100%;}
.facilities h4 {padding-left:10px; padding-top:13px;}
.facilities h4 a{ color:#24acde; font-size:18px; font-family: 'Conv_HelveticaNeue-MediumExt'; }
.facilities h4 a:hover{color:#0074bd;}
.facilities .more{ float:left; width:100%;}
.facilities .more a button { background: #f7f7f7; color: #24acde; border: 1px solid #24acde; border-radius: 3px; margin: 10px 0 10px 10px; font-weight: 600; font-size: 12px;}
.facilities .more a:hover button{color:#356fae; border:1px solid #356fae;}


/*Research Divisions*/
.main-content .column-introduction{ background:#f3f3f3; line-height:150%; margin:0 -15px 20px -15px;}
.main-content .column-introduction h5.column-tit2{ color:#24acde; font-size:18px; font-family: 'Conv_HelveticaNeue-MediumExt'; padding:20px;}
.research-divisions-wrap dl{ background:#f8fbfd; margin: 15px;}
.research-divisions-wrap dl dt{float:left; padding:0; }
.research-divisions-wrap dl dt img{width:100%;}
.research-divisions-wrap dl dd{ padding-left:15px; float:right; padding:0 0 0 20px;}
.research-divisions-wrap dl dd h5{ color: #356fae; font-size: 18px; line-height: 22px; padding: 10px 0 6px 10px;}
.research-divisions-wrap dl dd h5 a{color:#35a8e0;}
.research-divisions-wrap dl dd h5 a:hover{color:#0074bd;}
.research-divisions-wrap dl dd p{ padding:0 30px 0 10px;}

.research-divisions-wrap dl dd a.more {color: #356fae;
    line-height: 200%;
    display: block;
}

/*Key Laboratories*/
.main-content .title-pic-science{ padding:0;}
.main-content .title-pic-science img{width:100%;}
.main-content .column-introduction h4{ color:#24acde; font-size:18px; font-family: 'Conv_HelveticaNeue-MediumExt'; padding:5px 0 10px 0;}

/*Achievements*/
.main-content .awards-text h5{ color:#356fae;font-size:18px; line-height:200%; margin-bottom:15px;}


/*Publications*/
.publications-wrap dl { background: #f8fbfd; margin: 15px;}
.publications-wrap dl dd h5 { color: #356fae; font-size: 18px; line-height: 22px; padding: 20px 0 10px 0;}



/*Papers*/
.main-content .form-search { padding-top:7px;}
.main-content .form-search select{ color:#bcbcbc; float:left; width:87%; height: 34px; line-height:32px; border:1px solid #dcdcdc;padding-left:5px;}
.main-content .form-search button{background:#24acde;border-radius:50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; width:36px; height:36px; float:left; margin-left:6px; display:block; text-align:center; line-height:34px; color:#FFF; border:none;}
.main-content .form-search .go{ background:#24acde;border-radius:50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; width:40px; height:40px; float:left; margin-left:10px; display:block; text-align:center; line-height:40px; color:#FFF;}
.main-content .paper-introduction{ line-height:150%;}
.main-content .paper-introduction a{color:#35a8e0;}
.main-content .paper-introduction a:hover{color:#356fae;}
.main-content .paper-list{ margin-top:20px;}
.main-content .paper-list .table {border-bottom: 1px solid #f3f3f3;}

.main-content .paper-list table tr th{ background:#24acde; color:#fff; border:1px solid #c6dfeb;}
.main-content .paper-list table tr td{ border-top:1px solid #e0ebf1; border-right:1px solid #eaf1f5;border-left:1px solid #eaf1f5;}


.main-content .branch ul{
   
}
.main-content .branch .root {}
   


@media screen and (max-width:1200px){
	.dropdown-nav-science ul li a { padding:0 23px;}
	.content-wrap .title-pic-science{ margin:15px 0; padding:0 15px ;}
	.column2 { width: 30.3%; /*height: 485px;*/}
	.publications{ width:100%; margin-bottom:30px;}
	.publications dl{ width:100%;  padding: 0 18px 18px; }
	.publications dl dt {width: 14%;}
	.publications dl dd { width: 84%; padding: 0px 5px; }
	.facilities{width:100%;}
	.facilities h4{ padding-left: 15px;}
	.facilities ul li {width: 22%; margin: 12px 15px;}
	.facilities .more button { margin-left:15px;}
	.dropdown-nav-science ul li a { padding: 0px 21px;}
	.main-content .column-introduction .title-pic-science{padding:20px; }
	.research-divisions-wrap dl dt{ padding:20px 0 20px 20px;}
	.text-science{ padding-bottom:20px;}
	.research-divisions-wrap dl dd p{ padding-bottom:20px;}
	.list-inline>li.brochures-pic{width:20%; margin:10px 20px 25px 20px; }
	.main-content .form-search input { width:85%;}

	
}


@media screen and (max-width:992px){
	.dropdown-nav-science ul li a { padding: 0px 5px;}
	.column2 { width: 96.2%;}
	.content-wrap .science-introduction .text-science { width: 100%;}
	.content-wrap .science-introduction .title-pic-science { width: 100%; padding:0; margin:0;}
	.publications { width:96.2%;}
	.publications dl{ width:96.2%; padding:0 0 20px 20px;}
	.facilities ul li { width:21%;}	
	.facilities ul li .pic-title {top:60px; height: 46px; left: 0; padding:4px; max-width:100%;}
	
	.list-inline>li.brochures-pic{width:27%; margin:10px 20px 25px 20px; }
	.main-content .form-search input { width:60%;}
	.main-content .paper-introduction{ margin-top:20px;}
}


@media screen and (max-width:767px){
	.content-wrap{ margin:0 15px;}
	footer .blue-wrap{ margin:0;}
	
	.publications dl { width: 96%;padding:20px 0 20px 20px;}
	
	.facilities ul li { width: 20.5%;}
	.content-wrap .title-pic-science { padding: 0;}
	.main-content .column-introduction .title-pic-science{ padding: 0;}
	.main-content .awards-pic{ width:70%; margin-top:30px;}
	.list-inline>li.brochures-pic{width: 26%;  margin: 10px 19px 25px 19px; }	
	
	}

/*iphone6p横屏*/
@media screen and (max-width:736px){
	
	
}

@media screen and (max-width:700px){  
    .text-join-us { padding: 30px;}   
	.facilities ul li { width: 44%;}
	.facilities ul li .pic-title {top: 145px;}
    .list-inline>li.brochures-pic{width: 35%; margin: 10px 20px 25px 20px;   }
}
@media screen and (max-width:667px){  
	.facilities ul li .pic-title {  top: 130px;}
}
@media screen and (max-width:600px){
	
	.research-divisions-wrap dl dt {width:100%;  padding:0;}
	.research-divisions-wrap dl dd {width:100%; padding:0 20px 10px 20px;}
	.research-divisions-wrap dl dd h5{ padding-left:0;}
	.research-divisions-wrap dl dd p { padding: 0;}
	.main-content div.paper-list table tr td{display:none;}
	.main-content div.paper-list table tr th{display:none;}
	.main-content div.paper-list table tr th.title{display:block;}
	.main-content div.paper-list table tr td.title{display:block;}
	.main-content .awards-pic{ width:100%; }
	.list-inline>li.brochures-pic{width:40%;}
	
	
	
}


@media screen and (max-width:568px){
	.facilities ul li .pic-title {  top: 100px;}
}

@media screen and (max-width:535px){
	.facilities ul li { width: 43%;}
	.list-inline>li.brochures-pic { width: 39%;}	
}

@media screen and (max-width:480px){
	.facilities ul li { width: 90%;}	
	.facilities ul li .pic-title { top: 190px;}
	
	.list-inline>li.brochures-pic{ width:80%;}
	
	
	/*Papers*/
	.main-content .form-search input {  width: 85%;}
	
}

@media screen and (max-width:414px){	
	.column2 { width: 93%;}
	.publications { width:93%;}
	.publications dl{ width:93% ;}
	.publications dl dt { width: 23%;}
	.publications dl dd { width: 73%;}
	.facilities ul li { width: 95.6%;}
	.facilities ul li .pic-title { top: 170px;}
/*Papers*/
	.main-content .form-search input {  width: 80%;}
}
@media screen and (max-width:375px){
	.facilities ul li { width: 44.5%;}
	.facilities ul li .pic-title { top: 78px;}
}

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

.facilities ul li { width:93%;}
.facilities ul li .pic-title { top: 140px;}
	
}


@media screen and (min-width:992px){ .column2 {height: 485px;}}
@media screen and (min-width:1200px){ .column2 {height: 440px;}}