@charset "utf-8";
/* CSS Document */
body{ background:#f6f5f3; margin:0 auto}
html{ font-size:100px;}

.whitebg{ background:#fff; width:100%}
.mtop{ margin-top:10px;}
.huise{color:#666;}
.wrap{ padding:0 15px; width:100%;}


/*header*/
.header{background:#0a6ac9;width:100%; padding:10px; position:relative }
.logo{width:75%;}
.header img{width:100%; vertical-align:middle}
.Language{margin-right:15px; width:30px; height:30px;position:absolute; right:35px; top:50%; margin-top:-15px;}
.nav-icon{position:absolute; right:10px; top:50%; margin-top:-14px; width:28px; height:28px;}


/*导航*/
#navbg{ position:fixed; width:100%; height:100%;background:rgba(0, 0, 0, 0.3); left:0; top:0;display:none; z-index:999 }
.navlist{ position:fixed; right:0; top:0; background:#0955bc; width:220px;overflow:auto; height:100%; display:none; z-index:9999}
.navlist li{line-height:24px;font-size:16px; padding:15px 0 15px 15px; position:relative; cursor:pointer;background:#0955bc; border-bottom:1px solid #0a6ac9 }
.navlist li:active,.navlist li:link,.navlist li:visited,.navlist li:hover{background:#0955bc;}
.navlist li a{ color:#fff;  width:85%; display:block}
.navlist li i{ display:block; width:.25rem; height:.25rem; z-index:122; position:absolute; right:10px; top:10px;  background:url(../images/jtx.png) center center no-repeat; background-size:.18rem}
.navlist li i.icon{background:url(../images/jts.png) center center no-repeat; background-size:.18rem}
.navlist li .ejnav{ display:none;margin-left:-15px; margin-top:10px;}
.navlist li .ejnav li{ width:100%; padding:8px 0 8px 15px; border:0; line-height:24px; font-size:14px; background:#0a6ac9}
.navlist li .ejnav li a{ width:100%;}


/*banner*/
.device{ width:100%;max-height:320px; min-height:170px;} 
.device img{width:100%;}
.img-responsive{max-height:320px; min-height:170px;}

/*照片整体div*/
.bgbox{background:url(../images/lgobg.jpg) right center no-repeat; background-size:cover; padding:10px; position:relative; z-index:99; margin-top:-80px;-moz-box-shadow:0px 0px 11px #ADADAD; -webkit-box-shadow:0px 0px 11px #ADADAD; box-shadow:0px 0px 11px #ADADAD;}
.photo{ width:1.2rem; height:1.4rem; border:1px solid #0a6ac9; display:table-cell; text-align:center; vertical-align:middle; background:#fff;box-sizing:content-box;-moz-box-sizing:content-box;}
.photo span{ width:1.2rem; height:1.4rem;display:table-cell; text-align:center; vertical-align:middle;}
.photo img{ max-width:1.2rem; max-height:1.4rem;}
.ritbox{margin-left:1.35rem;}
.nameb{ margin-top:15px; height:60px;}
.nameb span{ display:block;}
.nameb span.name{ font-size:20px;color:#0a6ac9}
.nameb span.thup{font-size:14px; margin-top:5px; line-height:27px; color:#6c6c6c}
.nameb span.thup img{ vertical-align:middle; width:.2rem; margin-right:5px;}
.search{ margin-top:23px;height:30px; border-radius:20px; border:1px solid #0a6ac9; background:#0a6ac9; overflow:hidden;}
.search input{ padding-left:5px; height:30px; width:78%; line-height:30px; border:0}
.search button{  height:28px; width:18%; background:#0a6ac9;border:0; text-align:center; vertical-align:top; display:table-cell}



/*首页基本资料*/
.material{ padding:10px;padding-top:0; width:100%; margin-top:20px; background:#fff;-moz-box-shadow:0px 0px 11px #ADADAD; -webkit-box-shadow:0px 0px 11px #ADADAD; box-shadow:0px 0px 11px #ADADAD;}
.matertit{ min-height:45px; line-height:25px; padding:10px 0; color:#0a6ac9;  font-size:16px; position:relative}
.disorder{height:325px; overflow:hidden}
.disorder.on{ height:auto}
.disorder li{ padding:8px 5px; font-size:14px;}
.disorder li:nth-child(odd){ background:#f8f8f8}
.disorder li:nth-child(even){ background:#fff}
.openbtn{ display:block; margin:10px auto; width:100px; height:35px; line-height:35px; color:#fff; font-size:14px; background: url(../images/xjt.png) no-repeat 50px center #0a6ac9; border-radius:5px; padding-left:15px;}

/*其它信息*/
.other-info{}
.other-info dl{ margin-top:20px; background:#fff;-moz-box-shadow:0px 0px 11px #ADADAD; -webkit-box-shadow:0px 0px 11px #ADADAD; box-shadow:0px 0px 11px #ADADAD;}
.other-info dl dt{ height:45px; line-height:45px; font-size:16px; padding:0 10px 0 40px;color:#0a6ac9; position:relative; background:url(../images/bitup.png) no-repeat 10px 0; background-size:.25rem}
.other-info dl dt.con1{ background-position:10px 11px; }
.other-info dl dt.con2{ background-position:10px -36px; }
.other-info dl dt.con3{ background-position:10px -80px; }
.other-info dl dt.con4{ background-position:10px -124px; }
.other-info dl dt.con5{ background-position:10px -168px; }
.other-info dl dt.con6{ background-position:10px -218px; }
.other-info dl dt.con7{ background-position:10px -267px; }
.other-info dl dt.con8{ background-position:10px -317px; }
.other-info dl dt i{ position:absolute; right:0px; top:0px; background:url(../images/hsxjt.png) center center no-repeat; background-size:.13rem; width:45px; height:45px;}
.other-info dl dt i.open{background:url(../images/hssjt.png) no-repeat; }
.other-info dl dd{ padding:10px; display:none}
.neir{ font-size:14px; line-height:24px; text-align:justify; text-indent:2em;color:#404040}

/*首页工作经历*/
.exper .time{ margin-bottom:5px; display:inline-block; padding:5px 10px; background:#fbfbfb;color:#404040; border:1px solid #0a6ac9}
.exper .ence{margin-bottom:10px; font-size:14px; line-height:24px; color:#404040}

/*首页科研团队*/
.team{ margin-bottom:10px; width:100%}
.team h1{ font-size:16px;margin-bottom:10px; display:inline-block; padding:5px 10px; background:#fbfbfb;color:#404040; border:1px solid #0a6ac9}
.team li{ float:left; margin:0px 9px 10px 9px; width:28%;}
.team li span{/* display:table-cell; */text-align:center;vertical-align:middle;width:.89rem;margin: auto;height:1.1rem;display: block;background:#fff;border:1px solid #e5e5e5;box-sizing:content-box;-moz-box-sizing:content-box;}
.team li span img{max-width:.89rem; max-height:1.1rem;vertical-align:middle; }
.team li p{ line-height:24px; font-size:14px; text-align:center}
.team p.tdjs{ text-indent:2em; margin-bottom:5px; line-height:24px; color:#333;}


/*首页同专业博导按钮*/
.profession a{ display:block; height:45px; line-height:45px; background:url(../images/bsjt.png) 28% center no-repeat #0a6ac9; background-size:.1rem; margin-top:20px; border-radius:5px; color:#fff; font-size:16px; text-align:center}

/*footer*/
.footer{background:#0a6ac9;width:100%;color:#fff; padding:15px; margin-top:20px;}
.footer p{ font-size:14px; line-height:24px; color:#fff;}
.footer p.view{ background:url(../images/fwltb.png) no-repeat left center; background-size:.15rem; text-indent:22px;}
.footer-top{ position:relative;}
.PCqh{ position:absolute; top:10px; right:0px; background:url(../images/dn.png) 10px center no-repeat #00a0e9; background-size:.18rem; padding:10px 5px; text-indent:25px; color:#fff; border-radius:5px;}
.PCqh a{ display:block; color:#fff;}
.copy{ margin-top:15px; padding-top:15px; border-top:1px solid #00a0e9; color:#fff}

/*综合页面*/
.morebtn{ position:absolute; top:8px; right:0px;display:block; width:80px; padding:0px 10px; height:30px; line-height:28px; color:#0a6ac9; border:1px solid #0a6ac9; font-size:14px; background: url(../images/lxjt.png) no-repeat 47px center #fff; border-radius:5px; padding-left:15px;}
.m_text{ margin-top:5px; font-size:14px; line-height:24px; text-align:justify; }
.m_list{ margin-top:5px;}
.m_list li{ line-height:24px; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; background:url(../images/stls.jpg) 0 5px no-repeat; background-size:.015rem; padding-left:10px;}
.m_list li:last-child{ border:0}

/*当前位置*/
.position{ padding:8px 5px 8px 25px;line-height:24px; margin-top:20px; background:url(../images/dqwz.png) no-repeat 5px 11px #fff; background-size:.15rem; -moz-box-shadow:0px 0px 11px #ADADAD; -webkit-box-shadow:0px 0px 11px #ADADAD; box-shadow:0px 0px 11px #ADADAD;}

/*加载更多按钮*/
.jz_more{ height:40px; line-height:38px; width:100%; margin:15px 0; background:url(../images/lxjt.png) 80% center no-repeat #e9f3fc; color:#00a0e9; border-radius:5px; border:1px solid #00a0e9; text-align:center; }

/*图片列表*/
.pic_list li{ width:45%; float:left; margin:8px; overflow:hidden}
.pic_list li span{ display:table-cell; width:2.15rem; height:.95rem; background:#f5f5f5; text-align:center; vertical-align:middle; border:1px solid #e5e5e5}
.pic_list li span img{ vertical-align:middle; max-width:2.15rem; max-height:.95rem;}
.pic_list li p{ text-align:center; line-height:24px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

/*非结构内容页*/
.cont_f{padding:10px;width:100%; margin-top:20px; background:#fff;-moz-box-shadow:0px 0px 11px #ADADAD; -webkit-box-shadow:0px 0px 11px #ADADAD; box-shadow:0px 0px 11px #ADADAD;}
.cont_f h1{ font-size:18px; text-align:center;}
.subtitle{ margin:10px 0; text-align:center; border-bottom:1px solid #e5e5e5; padding-bottom:15px;}
.subtitle span{ display:inline-block; padding-left:20px; color:#666;}
.subtitle .re-date{ background:url(../images/sj.png) no-repeat left center;}
.subtitle .click{background:url(../images/dj.png) no-repeat left center; margin-left:15px; }
.subbox p{ color:#333; line-height:24px;}
.subbox p img{ max-width:800px;}


/*附件*/
.enclosure { margin-top:30px;}
.enclosure h3{ font-size:16px;}
.enlist li{ background:url(../images/ljtu.png) no-repeat left 8px; padding:3px 25px; line-height:24px;}
.enlist li a{ color:#333;}
.enlist li a:hover{color:#0a6ac9}
.enpic{}
.enpic li{ width:47.2%; height:74px; margin-top:10px; display:table-cell; text-align:center; vertical-align:middle; background:#F6F6F6; float:left; margin-right:10px;}
.enpic li a{width:1.8rem; height:74px; display:table-cell; text-align:center; vertical-align:middle;}
.enpic li img{vertical-align:middle; max-width:148px; max-height:74px;}

.bars{ margin-top:30px;}
.bars p{ padding:10px; background:#f5f9fe; color:#0a6ac9; line-height:24px; margin-top:15px; border-radius:5px; border:1px solid #0a6ac9}
.bars p a{ color:#5a5a5a}


/*数据结构内容*/
.sjjg dl{ width:100%; margin-top:5px; padding:5px;}
.sjjg dl:nth-child(odd){ background:#f8f8f8}
.sjjg dl:nth-child(even){ background:#fff}
.sjjg dl:after{visibility:hidden; display:block; content:""; clear:both}
.sjjg dl dt{line-height:24px; padding:3px 0; width:23%; text-align:left; float:left; }
.sjjg dl dd{  line-height:24px; padding:3px 10px; width:67%; float:left;word-break:keep-all;word-wrap:break-word; }


@media screen and (max-width: 812px) {
.search button img{width:20%;}
}

@media screen and (max-width: 736px) {
 .team li{ margin:0px 5px 10px 5px; }
  .search input{ width:79.2%}
.search button img{width:28%;}
.sjjg dl dt{width:12%;}
.sjjg dl dd{width:85%;}
.enpic li{width:31.8%;height:1.2rem}
.enpic li a{width:3.3rem;height:1.2rem}
.enpic li img{max-width:3.3rem;max-height:1.2rem}
.pic_list li p{ text-align:center; line-height:24px;}
.team li p{ line-height:24px; font-size:14px; text-align:center;width: .95rem;}
}
@media screen and (max-width: 667px) {
 .team li{ margin:0px 5px 10px 5px; }
  .search input{ width:79.1%}
.search button img{width:28%;}
.sjjg dl dt{width:14%;}
.sjjg dl dd{width:82%;}
.enpic li{width:31.7%;height:1.2rem}
.enpic li a{width:2rem;height:1.2rem}
.enpic li img{max-width:2rem;max-height:1.2rem}
}
@media screen and (max-width: 640px) {
 .team li{ margin:0px 5px 10px 5px; }
  .search input{ width:79%}
.search button img{width:34%;}
.sjjg dl dt{width:14%;}
.sjjg dl dd{width:82%;}
.enpic li{width:31.5%;height:.9rem}
.enpic li a{width:2rem;height:.9rem}
.enpic li img{max-width:2rem;max-height:.9rem}
}

@media screen and (max-width: 568px) {
 .team li{ margin:0px 5px 10px 5px; }
  .search input{ width:78.8%}
.search button img{width:39%;}
.sjjg dl dt{width:14%;}
.sjjg dl dd{width:82%;}
.enpic li{width:31.4%;height:.9rem}
.enpic li a{width:1.8rem;height:.9rem}
.enpic li img{max-width:1.8rem;max-height:.9rem}
}

@media screen and (max-width: 414px) {
 .team li{ margin:0px 5px 10px 5px; }
  .search input{ width:78%}
  .enpic li{width: 47.2%;height:75px}
.enpic li a{width:1.8rem;height:75px}
.enpic li img{max-width:1.8rem;max-height:75px}
.sjjg dl dt{width:21%;}
.sjjg dl dd{width:73%;}
.search button img{ width:57%}
}

@media screen and (max-width: 375px) {
 .team li{ margin:0px 5px 10px 5px; }
  .search input{ width:77.6%}
.search button img{width:70%;}
  .enpic li{width: 46.7%;}
.enpic li a{width:1.6rem}
.enpic li img{max-width:1.6rem}
.sjjg dl dt{width:25%;}
.sjjg dl dd{width:68%;}
}


@media screen and (max-width: 360px) {
 .photo span,.photo{ width:1rem; height:1.2rem; }
 .photo img{ max-width:1rem; max-height:1.2rem;}
 .ritbox{margin-left:1.2rem;}
 .search{ margin-top:15px;}
.search input{width:77.6%}
 .team li{ margin:0px 5px 10px 5px; width:.9rem;}
 .team li span{width:.9rem; height:1.1rem; }
 .team li span img{max-width:.9rem; max-height:1.1rem;}
 .pic_list li{ margin:8px 5px;}
 .sjjg dl dt{ width:24%}
.sjjg dl dd{width:66%}
.enpic li{height:75px;}
.enpic li a{height:75px;}
.enpic li img{max-height:75px;}
}

@media screen and (max-width: 320px) {
 .photo span,.photo{ width:0.8rem; height:0.9rem; }
 .photo img{ max-width:0.8rem; max-height:0.9rem;}
 .ritbox{margin-left:1rem;}
 .nameb{margin-top:0px;}
 .search{ margin-top:0px;}
.search button img{width:78%}
 .team li{ margin:0px 10px 10px 10px; width:1.1rem;}
.team li span{width:1.1rem; height:1.2rem; }
.team li span img{max-width:1.1rem; max-height:1.2rem;}
.pic_list li{ margin:8px 5px;}
.pic_list li span{width:1.15rem; height:.95rem; }
.pic_list li span img{ max-width:1.15rem; max-height:.95rem;}
.sjjg dl dt{ width:28%}
.sjjg dl dd{width:60%}
.disorder{height:328px}
.search input{ width:77.3%}
.enpic li{width: 46.2%;height:75px;}
.enpic li a{width:1.1rem;height:75px;}
.enpic li img{max-width:1.1rem;max-height:75px;}

}