@charset "utf-8";
body { background: #f5f5f5;}
.index-title { border-bottom: 1px solid #E5E5E5; line-height: 30px; height: 30px; font-size: 16px; padding-bottom: 10px; clear: both;}
.index-title>span { float: right; font-weight: 400;color:#999999; font-size: 12px; vertical-align: middle; line-height: 30px; }
.index-title>span>a { font-weight: unset; color:#999999; font-size: 12px;font-weight: 400;}
.index-title>span>a:hover {color: #1677d1 }
.index-title>span>i { margin: 0px 1px; vertical-align: baseline}

.container>.sidebar { width: 260px; float: left;background: #FFF;}
.sidebar>dl>dt { padding: 0px 20px 0px 35px; background: #0356A4; color: #FFF; font-size: 20px; position: relative;}
.cn .sidebar>dl>dt {  height: 60px; line-height: 60px; }
.en .sidebar>dl>dt { padding: 25px 20px 25px 35px;}

.sidebar>dl>dt>i { background: #93C7FF; display: inline-block; margin-right: 10px; height: 20px; width: 6px; border-radius: 3px;position: absolute; left: 20px; top: 50%; margin-top: -10px;}
.sidebar>dl>dd { padding: 0px 20px;}
.sidebar>dl>dd>a { display: block; padding: 15px 5px 15px; border-bottom: 1px solid #EEE;font-size: 16px; }
.sidebar>dl>dd>a>i { display: inline-block; width: 24px; height: 24px; background: url("../imgs/icons-arrow.png") no-repeat center center; float: right;}
.sidebar>dl>dd:last-child>a { border-bottom: unset;}
.sidebar>dl>dd.active>a { color: #1677d1;}

.container>.right { width: 840px; float: right; background: #FFF; padding: 20px 30px;}

.main *,.detail *  { max-width: 100%; }

.detail ,.detail *  { line-height: 30px; text-align: justify; overflow: hidden; color: #585858; clear: both;}
.laboratory .cover { margin-bottom: 30px; text-align: center;}
.main-title { padding: 20px 20px 10px; font-size: 18px;}
.date-time { font-size: 14px; color: #999999; line-height: 30px;}

.news-list>ul>li { border-bottom: 1px solid #EEEEEE}
.news-list>ul>li>a {display: block; line-height: 60px; height: 60px; overflow: hidden; color: #585858;}

.news-list>ul>li>a:hover {color: #1677d1 }
.news-list>ul>li>a>span { float: right; margin-left: 50px; color: #999999}
.news-list>ul>li>a>i { display: inline-block; background: #0356A4; height: 10px; width: 4px; border-radius: 2px; margin-right: 10px;}

.equipment-list>ul>li { width: 33.33%; float: left; text-align: center; margin-bottom: 20px;}
.equipment-list>ul>li>a { display: block; width: 240px; height: 200px; border: 1px solid #E5E5E5; padding: 5px; background: #FFF; margin: 0px auto;  transition: all 0.2s linear 0.1s;}
.equipment-list>ul>li>a:hover {border: 1px solid #1677D1;}
.equipment-list>ul>li>a>img { width: 240px; height: 160px;}
.equipment-list>ul>li>a>p { height: 40px; padding: 0px 10px; line-height: 40px; overflow: hidden;color: #585858; transition: all 0.2s linear 0.1s;}
.equipment-list>ul>li>a:hover>p { color: #1677D1;}

.equipment-detail .info>img { width: 450px; height: 300px; float: left;}
.equipment-detail .info>div { float: right; width: 350px;}
.equipment-detail .info>div>p{ padding: 8px 0px; color: #585858;}
.equipment-detail .info>div>a { width: 150px; margin-top: 10px;}

.leader-list>ul>li  {width: 25%; float: left; text-align: center; }
.leader-list>ul>li>a {display: block; width: 184px; height: 310px; margin: 0px auto; }
.leader-list>ul>li>a>img { width: 180px; height: 230px; padding: 1px; border: 1px solid #e5e5e5; margin-bottom: 8px; transition: all 0.2s linear 0.1s;}
.leader-list>ul>li>a>h2,.leader-list>ul>li>a>p,.person-list>ul>li>a>p { text-align: center; width: 100%; height: 25px;line-height: 25px; overflow: hidden;}
.leader-list>ul>li>a:hover>img { border: 1px solid #1677D1;  }

.academic-list>ul>li  {width: 50%; float: left; text-align: left; margin-bottom: 25px; overflow: hidden; }
.academic-list>ul>li>a {display: block; width: 375px; transition: all 0.2s linear 0.1s;padding: 15px; overflow: hidden;border: 1px solid #e5e5e5;}
.academic-list>ul>li:nth-child(even)>a{ float: right; }
.academic-list>ul>li>a>img { width: 150px; height: 190px; float: left; }
.academic-list>ul>li>a>div { float: left; padding-left: 20px; }
.academic-list>ul>li>a>div>h2 {  height: 30px;line-height: 30px; overflow: hidden; font-size: 16px;}
.academic-list>ul>li>a>div>div{ color: #0356A4; line-height: 30px; margin-bottom: 40px;}
.academic-list>ul>li>a>div>p{ padding: 5px 0px;}
.academic-list>ul>li>a:hover { border: 1px solid #1677D1;  }

.leaders>ul>li>a { display: flex;}
.leaders>ul>li>a:hover{ color: unset;}
.leaders>ul>li>a>div>div { margin-bottom: unset;}
.leaders>ul>li>a>div>section {padding-top: 10px; line-height: 20px; text-align: left;text-align: justify}

.person-list>ul>li { width: 33.33%; float: left; text-align: center; margin-bottom: 20px;}
.person-list>ul>li>a {display: block; width: 180px; padding:20px 30px; height: 350px; border: 1px solid #E5E5E5; background: #FFF; margin: 0px auto;  transition: all 0.2s linear 0.1s; text-align: center; overflow: hidden }
.team-list>ul>li>a { height: 390px; }

.person-list>ul>li>a>img { width: 180px; height: 230px; margin-bottom: 10px;}
.person-list>ul>li>a>p { height: 25px; line-height: 25px; overflow: hidden; text-align: left; white-space:nowrap;text-overflow:ellipsis}
.person-list>ul>li>a>p.p-title { height: 40px; line-height: 20px; white-space: unset; text-overflow: unset;}
.person-list>ul>li>a:hover {border: 1px solid #1677D1;}

.tables{border-collapse: collapse;border-spacing: 0;empty-cells: show;border: 1px solid #EEEEEE;width: 100%;}
.tables caption{color: #000;font: italic 85%/1 arial,sans-serif;padding: 1em 0;text-align: center;}
.tables td,.tables th{border: 1px solid #EEEEEE;font-size: inherit;margin: 0;overflow: visible;padding: .8em .5em; }

.tables td{background-color: transparent;}

.table-center td,.table-center th { text-align: center }
.tables thead{background-color: #0356A4;color: #FFFFFF;text-align: left;vertical-align: bottom;}