/* CSS Document */
.about {
    width: 100%;
    overflow: hidden;
    background-image: url(../image/bg1.jpg);
    padding: 2rem 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.indexbt {
    text-align: center;
    line-height: 2rem;
}

.indexbt h2 ,.indexbt span {
    color: #0f3375;
    font-family: sans-serif;
}

.indexbt span {
    font-size: 13px;
}

.indexbt h2 {
    font-size: 22px;
}
.indexbt em {
    margin: 0 auto;
    background: #052565;
    height: 3px;
    display: block;
    margin-top: 0.8rem;
}

.about .indexbt em {
    width: 180px;
}
.about ul {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 3rem;
}

.about ul li {
    width: 33.33333%;
    float: left;
    text-align: center;
}

.about ul li img {
    width: 20%;
}

.about ul li h3 {
    margin-top: 1.1rem;
    color: #0f3375;
    font-size: 1.1rem;
    margin-bottom: 0.3rem;
}

.about ul li p {
    font-size: 13px;
    color: #313131;
    line-height: 1.8rem;
}
.team {
    width: 100%;
    overflow: hidden;
    background:#d7f1fc;
	padding: 2rem 0;
}
.team .indexbt em {
    width: 50px;
}
.teams {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 3rem;
    position: relative;
	height:282px;
}

.teams .left {
    width: 5%;
    float: left;
    margin-top: 5%;
    position: absolute;
    top: 0;
    left: 0;
}

.teams .left img ,.teams .right img {
    width: 100%;
    height: auto;
    max-width: 55px;
}

.teams .right {
    width: 5%;
    float: right;
    margin-top: 5%;
    position: absolute;
    right: 0;
    top: 0;
}

.teams ul {
    /* width: 80%; */
    /* margin: 0 auto; */
    /* overflow: hidden; */
}

.teams dd {
    width: 158.66666px;
    float: left;
    padding: 0 68px;
}

.teams dd img {
    width: 90%;
    height: auto;
    margin-bottom: 1rem;
    border-radius: 1rem;
}

.teams dd b {
    display: block;
    text-align: center;
    color: #1b1b1b;
    font-size: 1rem;
    margin-bottom: 0.6rem;
}

.teams ul dd p {
    color: #1b1b1b;
    font-size: 12px;
    line-height: 20px;
}
#team-l,#team-r{
	cursor:pointer;
}
#roll{
	width: 200%;
}
.teambox{
	width:850px;
	margin:0 auto;
	overflow:hidden;
}
.research .indexbt em {
    width: 50px;
}

.research ul {
    width: 690px;
    margin: 3rem auto;
    overflow: hidden;
    background: #b9e7fa;
}

.research {
	width: 100%;
    overflow: hidden;
    background-image: url(../image/bg2.jpg);
    padding: 2rem 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.research ul img {
    width: 40%;
    height: auto;
    display: block;
    float: left;
}

.research ul dd {
    width: 54%;
    padding: 3%;
    display: block;
    float: left;
    
}

.research ul dd a{
    display:block;
    line-height: 33px;
    color: #303131;
    border-bottom: solid 1px #a1cee6;
    text-indent: 1rem;
}
.research ul dd a:last-child{
	border-bottom: none;
}
.research ul dd a:hover{
	background:#a1cee6;
	color:#fff;
}
.institution{
	padding:2rem 0;
}
.institution .indexbt em{
	width:50px;
}
.institution ul {
    width: 70%;
    margin: 2rem auto;
    overflow: hidden;
}

.institution ul li {
    width: 20%;
    float: left;
    text-align: center;
}
.institution ul li:hover{
	opacity: 0.6;
}
.institution ul li img {
    width: 50%;
    margin: 0 auto;
}

.institution ul li p {
    color: #0f3375;
    font-family: simsun;
    font-weight: bold;
}
.results {
    background: #d7f1fc;
    width: 100%;
    padding: 2rem 0;
    overflow: hidden;
}

.results .indexbt em {
    width: 50px;
}

.results ul {
    width: 700px;
    margin: 2rem auto;
}

.results ul li {
    display: block;
	overflow:hidden;
    width: 32%;
    float: left;
    margin-left: 1%;
    box-shadow: -5px 5px 10px #aaa, 5px 5px 10px #aaa;
    margin-bottom: 15px;
    position: relative;
}
.results ul li:nth-child(3n-2) {
    margin-left: 0;
}

.results ul li a img {
    width: 100%;
    height: auto;
	display:block;
}

.results ul li dd{
    position: absolute;
    left: 0;
    /* width: 100%; */
    /* bottom: -60px; */
    bottom:100%;
    background: rgba(215,241,242,0.9);
    color: #313131;
    padding: 20px;
    box-shadow: -5px 3px 10px #aaa;
    border: solid 1px #d7f1fc;
    z-index: 999;
    transition: all .5s ease-in;
    font-family: simhei;
    font-size: 12px;
}
.results ul li dd span{
	color:#1b1b1b;
	font-size: 15px;
}
.results ul li dd em{
	color:#0f3375;
}
.footer{
	background:#052565;
	width:100%;
	padding:2rem 0;
	overflow:hidden;
	font-family:simhei;
}
.footer ul{
	width:75%;
	margin:0 auto;
	color:#fff;
}
.footer .flink {
    border-bottom: solid 1px #fff;
    padding: 10px;
    overflow: hidden;
}


.footer .flink p {margin-bottom: 10px;}

.footer .flink a img {
    height: 100%;
    width: auto;
}

.footer .flink a {
    display: block;
    height: 35px;
    width: auto;
    float: left;
    margin-right: 5px;
}

.footer .copyright {
    overflow: hidden;
    margin-top: 5px;
    padding: 10px;
}

.footer .copyright .left {
    width: 80%;
    float: left;
}

.footer .copyright .right {
    width: 15%;
    float: left;
    margin-top: 18px;
}

.footer .copyright .right img {
    width: 100%;
    height: auto;
	max-width:190px;
}