@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; height:100%;overflow:auto; 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: auto;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 img{max-width: 100%;max-height: 100%;  height: auto;  width: auto;}
.ritbox{margin-left:1.35rem;}
.nameb{ margin-top:15px; height:50px;}
.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; border-radius:20px; border:1px solid #0a6ac9; background:#fff; overflow:hidden;}
.search input{ padding-left:5px; height:20px; width:77.8%; line-height:20px; border:0}
.search button{ width:25px; height:30px; width:20%; background:#0a6ac9;border:0; text-align:center; vertical-align:middle; display:table-cell}
.search button img{ width:65%;}

/*首页基本资料*/
.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{ padding:10px 0; line-height:25px; color:#0a6ac9;  font-size:16px; position:relative}
.disorder{height:340px; 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:120px; height:35px; line-height:35px; color:#fff; font-size:14px; background: url(../images/xjt.png) no-repeat 80% 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; */color:#404040;/* word-break:keep-all; */word-wrap:break-word;}

/*首页工作经历*/
.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%; overflow:hidden}
.team li span{ display:table-cell; text-align:center; vertical-align:middle; width:.89rem; height:1.1rem; 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) 4% 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{ width:40%; margin:10px auto 10px auto; 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 50px center #fff; border-radius:5px; padding-left:5px;}
.m_text{ margin-top:5px; font-size:14px; line-height:24px; text-align:justify; text-indent:2em;}
.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) 75% 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:1.15rem; max-height:.95rem;}
.pic_list li p{ text-align:center; line-height:24px;}

/*非结构内容页*/
.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;padding: 10px 10px;}
.subbox p img{ max-width:2.5rem;}


/*附件*/
.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:148px; 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:148px; 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; padding-right:5px; width:40%;border-right: 1px solid #e6e6e6; text-align:left; float:left; }
.sjjg dl dd{  line-height:24px; padding:3px 10px; width:50%;border-left: 1px solid #e6e6e6; margin-left:-1px; float:left;word-break:keep-all;word-wrap:break-word; }


@media screen and (max-width: 375px) {
 .team li{ margin:0px 5px 10px 5px; }
}

@media screen and (max-width: 360px) {
 .photo{width:1rem;/* height: auto; */}
 .photo img{max-width: 100%;max-height: 100%;}
 .ritbox{margin-left:1.2rem;}
 .search{ margin-top:15px;}
 .team li{ margin:0px 5px 10px 5px; width:.9rem;}
 .team li span{width:.8rem; height:1.1rem; }
 .team li span img{max-width:.8rem; max-height:1.1rem;}
 .pic_list li{ margin:8px 5px;}
 .sjjg dl dt{ width:27%}
.sjjg dl dd{width:64%}
}

@media screen and (max-width: 320px) {
 .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;}
 .nameb span.thup{ margin-top:5px;}
 .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:32%}
.sjjg dl dd{width:58%}
.profession a{background:url(../images/bsjt.png) 4% center no-repeat #0a6ac9; background-size:.1rem; }
.search input{width:77.3%}

}