/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body{min-width: 1000px;font-family:arial;}
/* header */
header{position: relative;overflow: hidden;height: 400px;}
.logo{position: absolute;top: 0;left: 0;padding: 10px;}
header .bg{position: absolute; z-index: -1; top: 0; min-height: 400px; opacity: 0.9;}
h1,h2{text-align: center;padding: 20px;}
h1{padding: 90px 0 0 0;color: #8C3232; font-family: inherit;font-size: 88px; text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;}
h2{font-size: 40px;letter-spacing: 0.01em; text-shadow: rgba(255, 255, 255, 0.498039) -1px -1px 0px, rgba(255, 255, 255, 0.498039) -1px 1px 0px, rgba(255, 255, 255, 0.498039) 1px 1px 0px, rgba(255, 255, 255, 0.498039) 1px -1px 0px;}
/* footer */
footer{text-align: center; padding:15px 0;background:rgba(219,184,154,1) }
.footerBox{border-top: 2px solid #fff;border-bottom: 2px solid #fff; line-height: 300%;}
.footerBox h3{font-size: 30px;font-family: inherit;padding: 15px; border-bottom: 3px solid #000;font-weight: bold;}
.footerBox p{font-size: 22px;color: #111}
.footerBox .iconfont{font-size: 26px;display: inline-block; width: 30px;text-align: center;vertical-align: bottom; transition: font-size 0.25s linear, width 0.25s linear;}
.footerBox .iconfont:hover{font-size: 22px;}
.footerBox a{color: #122b55; font-family: inherit; text-decoration: none;}
#goTop{font-size: 40px;position: fixed; bottom: 15px; right: 5px; cursor: pointer;}
/*menu*/
.menu{position: absolute;width: 760px;top: 45px; left: 40%; display: flex;flex-direction: row;flex-wrap: nowrap;list-style: none;font-family: inherit;}
.menu li {font-size: 24px;font-weight: blod;height: 40px;line-height: 40px;text-align: center; background: #efefef; flex: 1;border: 1px solid #fff;}
.menu li a{color: #000; display: block; text-decoration: none;transition: font-size 0.25s linear, width 0.25s linear;}
.menu li.active{background: #000;}
.menu li.active a{ color: #fff;}
.menu li a:hover{color: #fff; font-size: 32px;}
h3.title{text-align: center;font-size: 56px;font-weight: bold;color: #FF8D11;padding: 20px;text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;}
/* welcome */
.welcome {overflow: hidden;background: #f9f9f9;}
.welcomeBox{position: relative; width: 1080px; margin: 80px auto;}
.welcomeBox .welcomeBg{width: 60%;}
.welcome .cont{position: relative; margin: -220px 0 0 400px; background: #fff;}
.welcome .cont h3{text-align: left;padding-left: 80px;}
.welcome .cont p{color: #000;padding: 0 40px 40px 40px;font-size: 18px;line-height: 180%;}
/* home news */
.news .cont{width: 900px;padding-bottom: 30px;margin: 0 auto; text-align: center;}
.news .cont p{font-size: 24px;line-height: 1.8em; font-weight: bold;}
.news .cont .time{font-size: 16px; color: #999;}
.news .cont .newsCont{text-align: left;}
.news .cont img{max-width: 900px;}
.news .cont .more{text-align: right; font-weight: bold;}
/* highlight */
.highlight {position: relative;height: 1025px; overflow: hidden;background: #f9f9f9;}
.highlight .cont{position: absolute; z-index: 100;top: 40px;width: 960px; left: 50%;margin-left: -480px}
.highlight .swiper {width: 610px;height: 820px;}
.highlight .swiper-slide {background-position: center; background-size: cover;}
.highlight .swiper-slide img { display: block;width: 100%;}
.highlight .swiper-button-next,.highlight .swiper-button-prev{color: rgba(230,112,15,1)}
.highlight .swiper-pagination-bullet{width: 12px;height: 12px;background-color: rgba(230,112,15,1); opacity: 1;vertical-align: middle;}
.highlight .swiper-pagination-bullet-active{border: 2px solid rgba(230,112,15,1); background-color: rgba(230,112,15,0);}
/* Positions Available */
.position{position: relative;padding-bottom: 20px;}
.position .bg{position: absolute; z-index: -1; top: 0; opacity: 0.3;height: 1400px;}
.position h4{font-size: 24px;text-align: center;color:#2007E8;padding: 20px;}
.position .cont{font-size: 18px; line-height: 190%; max-width: 1000px;margin: 0 auto;}
.position h5{padding-top: 30px;font-size: 20px;}
/* --- Research ---*/
.researchList{width: 1080px; margin: 0 auto;}
.researchList dl{overflow: hidden; padding: 50px 0; border-bottom: 1px solid rgba(25,25,25,1)}
.researchList dt{font-size: 38px; font-family: inherit; text-align: center; padding-bottom: 20px;}
.researchList dd.image{float: right; padding-left: 30px;}
.researchList dd.image img{max-width: 360px;}
.researchList dd{line-height: 1.5em; font-size: 18px;}
.researchList dd em{font-weight: bold; color: #3D9BE9; font-style: normal;}
/* --- Pepple --- */
.peopleWrap{width: 1200px; margin: 50px auto;}
.peopleWrap h3{color: #FF8D11;font-size:72px; text-align: center; padding: 30px;}
.peopleWrap h4{color: #0F12D6; font-size:40px; text-align: center; padding: 30px;}
.peopleWrap h5{color: #0F12D6; font-size:20px; text-align: center; padding: 30px;}
.peopleWrap h6{color: #E86107; font-size:18px; padding-top: 20px;}
.peopleWrap p{ font-size:18px; line-height: 200%;font-family: inherit;}
.PIinfo{background: #f8f8f8; width: 980px; margin: 0 auto; padding: 30px;border-radius: 3px;}
.PIinfo dl{overflow: hidden; }
.PIinfo dt{float: left; margin-right: 30px;}
.PIinfo dt img{width: 380px; margin: 10px;}
.PIinfo dd{padding-bottom: 30px; line-height: 150%;}
.PIinfo dd.title{text-align: center;font-size:22px;font-weight: bold;padding: 25px;}
.PIinfo dd p{line-height: 150%;}
.PIinfo .honors{padding:0 10px 10px;font-size:18px;line-height: 180%;}
.PIinfo h5{font-size:24px;color:#1405A7;}
.peopleBox{overflow: hidden; display: flex;flex-wrap: wrap;margin: 0 auto;}
.peopleBox dl{width: 380px; background: #f8f8f8; margin: 20px 95px;border-radius: 3px; padding: 15px;font-family: inherit;font-size: 18px;}
.peopleBox dt{ text-align: center;}
.peopleBox dt img{width: 190px;}
.peopleBox dd{line-height: 1.8em;padding: 0 14px;}
.peopleBox .title{text-align: center;padding: 5px;font-size:22px;font-family: inherit;}
.peopleBox .name{text-align: center; font-size: 20px;padding: 5px;}
.graduate{text-align: center;}
.graduate dl {margin: 20px auto;}
.graduate dl img{width: 350px;}
.assistants dl{width: 350px; margin: 10px;}
/* --- Publications ---*/
.publicationsList{width: 1080px;margin: 50px auto;font-family: inherit;}
.publicationsList .warning{color: #E86107;}
.publicationsList .warning b{color: #E86107;}
.publicationsList h3{color: #FF8D11;font-size:72px; text-align: center; padding: 30px;}
.publicationsList h6{color: #E86107; font-size:18px; padding-top: 20px;}
.publicationsList p{ font-size:18px; line-height: 200%;padding: 10px 0}
/* --- News ---*/
.newsList{width: 1080px; margin: 0 auto; overflow: hidden;}
.newsList h3{color: #FF8D11;font-size:72px; text-align: center; padding: 30px;}
.newsList dl{overflow: hidden; padding: 20px 0; width: 33%; float: left;}
.newsList dt{text-align: center;width: 100%; overflow: hidden;margin: 0 10px;}
.newsList dt img{width: 360px; height: 230px;vertical-align: middle; object-fit: cover;transition: .4s;}
.newsList dt img:hover{transform: scale(1.1);}
.newsList dd{padding: 10px 20px;}
.newsList dd.time{font-size:16px;color: #aaa;text-align: center;}
.newsList dd.cont{font-size: 18px;height: 90px;line-height: 31px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.newsList dd a{color: #000; text-decoration: none;}
/* --- Detail --- */
.detailWrap{width: 1080px; margin: 0 auto; overflow: hidden;}
.site_wrap{padding: 20px 0;}
.site_wrap a, .site_wrap em {display: inline-block;font-size: 20px;line-height: 24px;}
.site_wrap em {color: #f38c00; margin: 0 0 0 20px; font-weight: 700;font-style: normal;}
.site_wrap a{display: inline-block;text-decoration: none;color: #666;}
.detailWrap h3{font-size: 32px;color: #333;font-weight: 700;position: relative;padding: 10px 0 ;}
.detailWrap .time{margin: 0 14px; color: #999;}
.detailWrap .cont{padding: 20px 0 80px 0}
.detailWrap .cont img{display: block; margin: 0 auto;padding: 20px; max-width: 1080px;}