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

/*About*/

.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;}


.title-pic-introduction{position:relative;}
.title-pic-introduction img{width:100%;}
.title-pic-introduction .pic-title{width:50%; height:40px; font-size:18px; position:absolute; bottom:30px; /*background: #24acde;*/  background: rgba(36,172,222,0.8); line-height:20px; color:#FFF; padding-left:20px; font-family: 'Conv_HelveticaNeue-MediumExt'; left:auto;right:0;width:250px;}
.text-introduction{ background:#f3f3f3; padding:20px; line-height:150%;}
.column-text{ background:#f3f3f3; padding:15px 20px;line-height:150%;}
.column1{}
.column1 .column-pic{  position:relative;}
.column1 .column-pic .pic-title{position:absolute;right:0;  /*background: #24acde;*/  background: rgba(36,172,222,0.8); width:60%;font-size: 18px;font-family: 'Conv_HelveticaNeue-MediumExt';}
.text-introduction a, .column-grup .column-text a, .column-grup .column-grup contact a, .contact a{ color:#444;}
.text-introduction a:hover, .column-grup .column-text a:hover, .column-grup .cooperation a:hover, .column-grup contact a:hover, .contact a:hover{ color:#0074bd;}
.cooperation h4 a{color:#0074bd;}
.cooperation h4 a:hover{color:#24acde;}
.cooperation .pic-grup li a:hover{cursor: default;}


.cooperation { margin-bottom:20px; line-height:150%; margin-bottom:30px;}
.cooperation p{ line-height:150%;}
.cooperation h4 a{ color:#24acde;font-family: 'Conv_HelveticaNeue-MediumExt'; line-height:200%;}
.cooperation .pic-grup{margin:0; margin-bottom:15px;}
.cooperation .pic-grup img{width:100%;}
.cooperation .pic-grup li{ width:24.4%; padding:0;  position: relative;}
.cooperation .pic-grup li a:hover .text{display:block;}
.cooperation .pic-grup li a .text{display:none; position: absolute;width: 100%; height: 100%;padding:15px 5px;line-height:140%; background:rgba(53,111,174,0.5);color: #fff;vertical-align:middle; font-size:12px; padding:10px;}
.cooperation .cooperation-text .conferences .tit{color:#356fae;}

.contact{ border:1px solid #24acde; border-radius:3px; margin:15px; width:30.7%; padding:10px 15px 20px 15px; margin-bottom:40px; float:left;}
.contact h4 a{color:#24acde;font-family: 'Conv_HelveticaNeue-MediumExt'; line-height:200%;}


.big-pic{position:relative;}
.big-pic .pic-title{/*width:50%;*/ height:40px; font-size:13px; position:absolute; bottom:30px; background:#356fae\0; background:rgba(53,110,174,0.8);line-height: 140%; color:#FFF; padding-left:20px;}

.introduction-text{ float:left; padding-left:0;}
.introduction-pic-wrap{ padding-right:0;}
.introduction-pic-wrap img{ margin-bottom:20px;}
.introduction-pic-wrap .introduction-pic{position:relative;}
.introduction-pic-wrap .introduction-pic a:hover .pic-title{display:block;}
.introduction-pic-wrap .introduction-pic a .pic-title{display:none;  width: 80%; font-size: 13px; position: absolute; bottom: 30px; left: 0; background: rgba(53,110,174,0.8);  color: #FFF;  padding:5px 0 5px 10px; line-height:140%; }



.director-pic { position:relative;}
.pic-title{ /*max-width: 90%; */ font-size: 13px; position: absolute; bottom:20px; left: 0;background:#356fae\0; background: rgba(53,110,174,0.8); color: #FFF; padding:10px; }
.history-pic{ position:relative; width:40%;}
.history-text strong{ color:#356fae; }
.history-text ul li{list-style-type: none; margin-bottom:0px;}
.director-grup1{ width:100%;}
.history-text ul{ }
.history-text ul li{ padding-left:20px; background:url(../images/doc-line.png) no-repeat 0 0; padding-bottom:25px;}
.director-grup2{width:100%;}
.director-grup3{width:100%;}
.director-grup1 li{ background:#75c7e5; border:1px solid #75c7e5;}
.director-grup2 li{ background:#bce0ed; border:1px solid #5b89bc;}
.director-grup3 li{ background:#f3f3f3; border:1px solid #5b89bc;}
.director-list li img{ width:50%; float:left;}
.director-list li {padding: 0; margin: 0 20px 40px 20px; width: 29.8%; position: relative;}
.director-list li a{ color:#fff;}
.director-list li p{ position:absolute; left: 55%; bottom: 15%; color:#356fae;}
.director-grup1 li p{ color:#fff;}
.director-list li p strong{ font-size:14px;}
	
.infomation-detail table{ margin-bottom:40px;}
.infomation-detail table th{ background:#75c7e5; line-height:250%; font-weight:normal; color:#fff; padding-left:20px; border:none;}
.infomation-detail table tr{ border:1px solid #bacde1; line-height:200%}
.infomation-detail table tr td.tit{ background:#dee9f4;}
.infomation-detail table tr td{ padding-left:20px;}
.director-text p{line-height:160%;overflow:hidden;text-align:justify;/*text-align-last:justify;*/}
.director-text p:after{display:inline-block;content:'';overflow:hidden;width:100%;height:0;}
.director-pic{ padding:0; color:#356fae; text-align:right; position: relative; }
.director-pic p{ margin-right:15px;position: absolute;  right: 5%;  bottom:3%; line-height: 150%;}


.director-detail-pic{ border:1px solid #a1c6d3; padding:0; color:#356fae; text-align:right;  padding-bottom:45px; position: relative; }
.director-detail-pic img{ margin-bottom:20px;}
.director-detail-pic p{ margin-right:15px;position: absolute;  right: 5%;  bottom:3%; line-height: 150%;}


.directors-detailed h5{ margin-bottom:30px; line-height:160%; color:#356fae; font-weight:bold;}
.directors-detailed h5 img{padding:0 50px 10px 0;}
/*.directors-detailed table { width:80%;}*/
.directors-detailed table tr th {background:#75c7e5; border:1px solid #75c7e5; color:#fff; padding:10px;}
.directors-detailed table tr td{border: 1px solid #75c7e5;padding:6px 10px; }

.contact-information .address, .PDF{ background:#f3f3f3; border:1px solid #24acde; border-radius:3px; line-height:150%; padding:15px; color:#4584bc;}
.contact-information .PDF{ margin:20px 0; color:#444;line-height:150%;}
.contact-information .PDF .download { line-height:150%; margin-bottom:15px;}
.contact-information .PDF .download a{ text-decoration:underline; color:#4584bc;}
.contact-information .PDF ul li{ background:#fff; border-left:2px solid #83bfd5; margin-bottom:15px; padding:10px 15px;}
.contact-information .PDF ul li h5{ margin-bottom:12px;line-height:140%;}
.transportation-information{line-height:150%;}
.transportation-information h5{ color:#356fae; }
.transportation-information strong{ color:#24acde; line-height:200%;}
.map img{ margin:20px auto;}


.list-inline>li.brochures-pic{border:1px solid #a1c6d3; padding:0; color:#356fae; line-height:150%; padding-bottom:15px; width:16%; margin:10px 19px 25px 19px; }
.brochures-pic p{padding:10px 10px 0 10px;}



.main-content .type{ margin-bottom:20px;border-bottom: 2px solid #35a8e0;}
.main-content .type li.active{ border:none;}
.main-content .type li.active a {background: #35a8e0; color: #fff; border:none; border-radius:0; }
.main-content .type li a{ border:none; border-radius:0;}
.main-content dl.file-list{ float:left; width:100%; margin-top:20px;}
.main-content dl.file-list dt{  margin-right:20px; margin-bottom:20px;}
.main-content dl.file-list dd ul li{ line-height:160%;}
.main-content dl.file-list dd ul li .title{ color:#35a8e0;}

.main-content .pic-grup{width:40%;}
.main-content .pic-grup ul li{ width:49%; float:left; margin:1px; position: relative;}
.main-content .pic-grup ul li a{}
.main-content .pic-grup ul li a:hover .text{display:block;}
.main-content .pic-grup ul li a .text{display:none; position: absolute;width: 100%; height: 100%;padding:15px 5px;line-height:140%; background:#356fae\0; background:rgba(53,111,174,0.5);color: #fff;vertical-align:middle; font-size:12px; padding:10px;}


.main-content .cooperation-detail .cooperation-text{line-height:150%;}
.clear_float{clear:none;}
.main-content .conferences{ margin-top:20px;border-top: 1px solid #f3f3f3; padding-top:15px;}
.main-content .conferences .tit{background: #356fae; font-size:25px; font-family:'Conv_HelveticaNeue-Bold',"HelveticaNeue bold", Helvetica, Arial; float: left; color: #fff; padding: 5px 25px; margin-bottom:5px; line-height:30px;}
.main-content .conferences ul li{ line-height:30px;}
.main-content .conferences a button{background:#f7f7f7; color:#24acde; border:1px solid #24acde; border-radius:3px; margin:10px 0 10px 15px; font-weight:600; font-size:12px; margin-left: 30px;}
.main-content .conferences a:hover button{color:#356fae; border:1px solid #356fae;}


.main-content dl.conferences-list{padding:10px 0;  margin: 0 20px; clear: both;}
.main-content dl.conferences-list dt.date-wrap{ width:10%; border-right:1px solid #24acde; padding:0; }
.main-content dl.conferences-list dt dl.date dt{ background:#24acde; width:45px; height:45px; color:#fff; border-radius:50px; line-height:168%; font-size:27px; font-family: 'swis721_ltex_btlight'; font-weight:normal; float:left; margin-right:10px; text-align:center;} 
.main-content dl.conferences-list dt dl.date dd{ line-height:1.0rem; padding-top:4px;  font-weight:normal; text-align:center;float:left; }
.main-content dl.conferences-list dd.media-list-tit{padding:5px 0 5px 25px; }


/*organizational*/

.main_content .branch ul{ float:left; display:inline-block; width:25%; height:804px; position: relative; padding: 0 15px;}
.main_content .branch ul li{ background: #eff3f7; position: absolute; border: 1px solid #2095e5; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; padding: 3px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_content .branch .root { width:35%; background:url(../images/Organizational-bg1.png) no-repeat 109px 331px;}
.main_content .branch .sub1 { width:25%; background:url(../images/Organizational-bg2.png) no-repeat 0px 124px;}
.main_content .branch .sub2 { width:38%; background:url(../images/Organizational-bg3.png) #FFF no-repeat 0px 6px;}
.main_content .branch .root li{ background: #2095e5; color: #FFF; top: 48%;}
.main_content .branch .root li a{ color: #FFF;}
.main_content .branch .sub1 li { background: #FFF;}
.main_content .branch .sub2 li{ position: relative; margin: 3px 0;}
.main_content .branch .sub2 li.group1{ margin-top: 13px;}
.main_content .branch .sub2 li.group2{ margin-top: 26px;}
.main_content .branch .sub2 li.group3{ margin-top: 26px;}
.main_content .branch .sub2 li.group4{ margin-top: 32px;}

.contact-us ul li{background: #f3f3f3;
    border: 1px solid #24acde;
    border-radius: 3px;
    line-height: 150%;
    padding: 15px;
    color: #4584bc;
    line-height: 200%;
}
.contact-us ul li h5{line-height: 200%;}

.column1 .column-pic img{ width:100%;}

@media screen and (max-width:1200px){	
	.dropdown-nav-about ul li a{padding:0 11px;}
	.introduction-pic-wrap .introduction-pic a .pic-title{ width:100%;bottom: 20px;}
	.cooperation { width: 100%;}
	.cooperation .pic-grup li{ width:24.6%; padding:0;}
	
	.cooperation-detail { width: 60%;}
	.contact{ width:97%;}
	.list-inline>li.brochures-pic{width:17%; margin:10px 10px 25px 10px; }
	.director-list li {padding: 0; width: 29%; margin: 0 20px 40px 20px;}   
	.history-pic{ width:60%;}
	.directors-detailed table { width:100%; margin-top:30px;}
	
}

@media screen and (max-width:1024px){	
 	.contact{ width:97%;}	
    .main_content .branch ul{ float:none; display:block;  width:100%;  height:auto;   position: relative;  padding: 0 15px;  }  
	.main_content .branch ul li{ margin: 5px; position: relative; border: 1px solid #2095e5;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; padding: 5px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
    .main_content .branch .root { background:none; width: 100%; }
    .main_content .branch .sub1 { background:none; width: 100%; }
    .main_content .branch .sub2 { background:none; width: 100%; }
    .main_content .branch .root li{ list-style:circle inside; }
	.main_content .branch .root li.no1{ list-style:none;}
    .main_content .branch .root li a{ background: #2095e5; color: #FFF; }
    .main_content .branch .sub1 li { background: #FFF; list-style:circle inside; }
    .main_content .branch .sub2 li{ position: relative; margin: 3px 0 0 70px; list-style:disc inside; }
    .main_content .branch .sub2 li.group1{ margin-top: 83px; }
    .main_content .branch .sub2 li.group2{ margin-top: 85px; }
    .main_content .branch .sub2 li.group3{ margin-top: 82px; }
    .main_content .branch .sub2 li.group4{ margin-top: 82px; }
}



@media screen and (max-width:992px){	
	.introduction-pic-wrap .introduction-pic { margin-bottom:80px;}
	.introduction-pic-wrap .introduction-pic a .pic-title {width: 100%; top: 104px; height: 86px; padding: 10px; line-height: 130%; display: inline;}	
	.director-pic .pic-title { bottom: -62px; text-align:left;}
	.dropdown-nav-about ul li{padding-right:4px;  padding-left: 4px;}
	.dropdown-nav-about ul li a{padding:0 ;}
 	.column1 { margin-bottom:30px;}
	.list-inline>li.brochures-pic{ width:21%;}
	.main-content .pic-grup{ width:100%;}
	.main-content .pic-grup ul li{ width: 49.6%; float:left; margin:1px; }
	.main-content .cooperation-text{ width:100%; line-height:150%; margin-top:20px;}
	.cooperation .pic-grup li{ width:24.4%; padding:0; }
	.content-wrap .contact{ width:95.8%;}
	.director-list li { margin-right:0; width: 30%;}
	.director-list li p strong{ font-size:12px;}
	.director-detail-pic p { bottom: 5%;}
}


@media screen and (max-width:767px){
	.content-wrap{ margin:0 15px;}
	footer .blue-wrap{ margin:0;}
	
	.introduction-pic-wrap .introduction-pic { margin-bottom: 125px;}
	.introduction-pic-wrap .introduction-pic a .pic-title {top:300px;  height:15%; line-height:140%; }	
	
	.introduction-pic-wrap .introduction-pic { margin-bottom: 20px;}
	.introduction-pic-wrap .introduction-pic .pic-title { width: 85%; bottom: 42px;}
	.introduction-text { padding-right: 0; clear:both;}
	.introduction-pic-wrap { padding-left: 0;}
	.director-pic{ margin-bottom:20px;}
	.director-pic .pic-title { bottom: 25px;}	
    
	.history-pic{ width:80%;}
	
	.infomation-detail{ padding:0;}
	.list-inline>li.brochures-pic{ width: 25%; margin: 10px 20px 25px 18px; }
	.director-list li{float: left; width: 30%; margin: 0 10px 30px 10px;}
	.director-list li img{ width:50%;float:none;}
	.director-list li p strong{ font-size:18px;}
	.director-grup1 {  width: 100%;  margin-top: 55px;}
	.director-detail-pic{ width:80%; margin-bottom:20px;}
	.director-detail-pic p { bottom: 2%;}
	.main-content dl.file-list dd ul { margin-left:20px;}
	.clear_float{clear:both;}

}


/*iphone6p横屏*/
@media screen and (max-width:736px){
	
	.big-pic .pic-title {}
	.cooperation .pic-grup li { width: 24.2%;}
	.introduction-pic-wrap .introduction-pic .pic-title{width: 80%;  bottom: 30px;  }
}


@media screen and (max-width:700px)
{
	.big-pic .pic-title{/*width:50%;*/ height:30px;line-height: 120%; /*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}
	
	.content-wrap .contact{ width:95%;}
	
}


@media screen and (max-width:600px){	
	.introduction-pic-wrap .introduction-pic a .pic-title {top:250px;}	
    .director-list li { width: 92%; margin: 0 20px 30px 20px;}
	.director-detail-pic{ width:100%;}
	.main_content .branch ul{ padding:0;}
	.list-inline>li.brochures-pic{ width: 36%; margin: 10px 20px 25px 20px; }
	.main-content .pic-grup ul li { width: 49%;}
	.history-pic{ width:100%;}
	
}

/*iphon5横屏*/
@media screen and (max-width:568px){
	.introduction-pic-wrap .introduction-pic a .pic-title {top:220px; height:80px;}	
	.cooperation .pic-grup li { width: 49%; margin-bottom:5px;}
	.content-wrap .contact{ width:94%;}
}


@media screen and (max-width:480px){
	.introduction-pic-wrap .introduction-pic{ margin-bottom:50px;}
	.director-list li { width: 90%; margin: 0 20px 30px 20px;}	
	.history-pic { width: 100%;}
	.main_content .branch{ width: 100%;}
	.main_content .branch ul {padding: 0; margin: 0 -10px;}
    .main_content .branch ul li{ margin:5px 0;}
	.main_content .branch .sub2 li { margin: 3px 0 0 60px;}
	.list-inline>li.brochures-pic{ width: 80%; }
}


/*iphon6p竖屏*/
@media screen and (max-width:414px){
	.director-list li { width: 88%;}
	.big-pic .pic-title{ display:none;}
	.introduction-pic-wrap .introduction-pic a .pic-title { top: 140px;}
	.main-content dl.conferences-list dt.date-wrap {width: 24%;}
}

/*iphone6竖屏*/
@media screen and (max-width:375px)
{   .main-content .pic-grup ul li {
    width: 99%;}

}

@media screen and (max-width:320px)
{
	header .banner-logo{ float:left; width:90px; height:78px; background:url(../images/logo_IHEP.jpg) no-repeat;}
}