/*宗旨*/
.page .wrapper article .content .purpose {box-shadow:0 0 10px rgba(0,0,0,0.1);display:flex;justify-content:space-between;margin-bottom:40px;align-items:center;margin-top:15px}
.page .wrapper article .content .purpose .lt {position:relative;color:#fff;}
.page .wrapper article .content .purpose .lt img {display:block;width:270px;margin:0;height:40px}
.page .wrapper article .content .purpose .lt .t {display:flex;position:absolute;left:30px;top:50%;transform:translateY(-50%);align-items:center}
.page .wrapper article .content .purpose .lt .t .p1 {color:#FFFFFF;font-size:1.125rem;font-weight:bold;margin:0;text-indent:0;}
.page .wrapper article .content .purpose .lt .t .line {width:1px;background:rgba(255,255,255,0.5);height:20px;transform:skew(-20deg) translateY(2px);margin:0 10px}
.page .wrapper article .content .purpose .lt .t span {color:#EDEDED;margin-top:5px}
.page .wrapper article .content .purpose .des {margin-right:50px;color:#3D3D3D;line-height:1.7;font-size:1.125rem;}
.page .wrapper article .content .purpose .des p {margin:0;text-indent:0;margin-bottom:0;}
.page .wrapper article .content .purpose:last-child .lt img {height:150px}
/*现任领导*/
.page .wrapper article .leaders{ display: grid;grid-template-columns: repeat(3, 1fr);gap: 27px 20px;margin:40px;}
.page .wrapper article .leaders .leader {width:100%;text-align:left;}
.page .wrapper article .leaders .leader .pic {overflow:hidden;}
.page .wrapper article .leaders .leader .pic img {width:168px;display:block;height:248px;object-fit:cover;transition:all 600ms;box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.page .wrapper article .leaders .leader .name {color:#3D3D3D;font-size:20px;font-weight:bold;margin:10px 0;}
.page .wrapper article .leaders .leader .name::after {content:'';display:block;width:92px;height:1px;background-color:#29ABE2;margin-top:6px;}
.page .wrapper article .leaders .leader .job p {color:#3D3D3D;font-size:16px;line-height:1.6;}
.page .wrapper article .leaders .leader:hover .pic img {transform:scale(1.05);}
/*历任领导*/
.page .wrapper article .oldleader {display:grid;grid-template-columns:repeat(3,1fr);gap:45px 20px;margin:40px;}
.page .wrapper article .oldleader a {width:100%;display:flex;justify-content:space-between;}
.page .wrapper article .oldleader a .pic {overflow:hidden;}
.page .wrapper article .oldleader a .pic img {width:167px;height:248px;display:block;object-fit:cover;transition:all 600ms;box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.page .wrapper article .oldleader a .info {width:calc(100% - 185px);text-align:left;}
.page .wrapper article .oldleader a .info p {margin:0;}
.page .wrapper article .oldleader a .info .name {color:#3D3D3D;font-size:20px;font-weight:bold;}
.page .wrapper article .oldleader a .info .name::after {content:'';display:block;width:92px;height:1px;background-color:#29ABE2;margin-top:6px;}
.page .wrapper article .oldleader a .info .job {margin-top:18px;font-size:1rem;color:var(--secondary-color);}
.page .wrapper article .oldleader a .info .job p {color:#3D3D3D;font-size:16px;line-height:1.6;}
.page .wrapper article .oldleader a:hover .pic img {transform:scale(1.05);}
/*出版物*/
.page .wrapper article .content .publication {margin:10px 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px 35px;}
.page .wrapper article .content .publication a {display:block;width:100%;box-shadow:0 0 8px rgba(0,0,0,0.08);background-color:white;padding:15px 0;border-bottom:none;}
.page .wrapper article .content .publication a .pic {position:relative;margin:0 15px;}
.page .wrapper article .content .publication a .pic .bg img {width:100%;display:block;object-fit:contain;}
.page .wrapper article .content .publication a .pic .mp {width:213px;max-height:80%;object-fit:contain;display:block;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);transition:all 600ms;}
.page .wrapper article .content .publication a .pic p {display:flex;justify-content:center;align-items:center;font-size:16px;color:#333333;position:absolute;left:0;bottom:5px;width:100%;}
.page .wrapper article .content .publication a .pic p::before,.page .wrapper article .content .publication a .pic p::after {content:'';display:block;width:50px;height:1px;background-color:rgba(0,0,0,0.3);}
.page .wrapper article .content .publication a .pic p span {margin:0 10px;}
.page .wrapper article .content .publication a .pic:hover .mp {transform:translate(-50%,-55%);}
/*图片库*/
.page .wrapper article .photos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 40px;margin:30px 15px;}
.page .wrapper article .photos .item {width:100%;}
.page .wrapper article .photos .item .pic {overflow:hidden;}
.page .wrapper article .photos .item .pic img {width:100%;transition:all 600ms;height:170px;box-shadow:0 0 5px rgba(0,0,0,0.15);}
.page .wrapper article .photos .item p {display:flex;justify-content:center;align-items:center;text-indent:0;color:var(--secondary-color);}
.page .wrapper article .photos .item p::before,.page .wrapper article .photos .item p::after {content:'';display:block;width:60px;height:1px;background-color:rgba(0,0,0,0.3)}
.page .wrapper article .photos .item p span {margin:0 20px}
.page .wrapper article .photos .item:hover .pic img {transform:scale(1.05)}
.page .wrapper article .photos .item:hover p{color:#0266d3;}
/*管理部门*/
.page .wrapper article .content .zhineng {margin:15px;}
.page .wrapper article .content .zhineng .item {margin-bottom:20px;}
.page .wrapper article .content .zhineng .item .t {position:relative;width:fit-content;}
.page .wrapper article .content .zhineng .item .t .bg img {width:152px;display:block;}
.page .wrapper article .content .zhineng .item .t .st {position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;text-align:center;}
.page .wrapper article .content .zhineng .item .t .st p {text-indent:-10px;color:white;margin:0;}
.page .wrapper article .content .zhineng .item .des {margin-top:15px;}
.page .wrapper article .content .zhineng .item .des p {margin:0;line-height:1.65;}
.page .wrapper article .content .zhineng .item .des p span {color:#224C84;font-weight:bold;}
.page .wrapper article .content .zhineng .item .des ul{margin:0 5px;padding:0;}
/*支撑平台*/
.page .wrapper article .content .platform {margin:25px 15px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.page .wrapper article .content .platform a {width:48.5%;position:relative;margin-bottom:33px;border-bottom:none;box-shadow:0 0 10px rgba(0,0,0,0.15);}
.page .wrapper article .content .platform a p {color:white;font-size:18px;left:32px;top:50%;transform:translateY(-50%);margin:0;position:absolute;}
.page .wrapper article .content .platform a .bg {overflow:hidden;}
.page .wrapper article .content .platform a .bg img {width:100%;display:block;object-fit:cover;transition:all 600ms;}
.page .wrapper article .content .platform a:hover .bg img {transform:scale(1.05);}
/*研究单元*/
.page .wrapper article .content .unit {margin:20px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;}
.page .wrapper article .content .unit a {width:100%;box-shadow:0 0 8px rgba(35,75,134,0.15);background:linear-gradient(180deg, #fbfcfd, #fff);display:flex;align-items:center;justify-content:flex-start;padding:20px 10px 20px 30px;transition:all 600ms;border-bottom:none;}
.page .wrapper article .content .unit a .icon img {width:30px;display:block;object-fit:contain;filter:invert(10%);transition:all 600ms;}
.page .wrapper article .content .unit a p {color:#3D3D3D;margin:0 10px;transition:all 600ms;text-indent:0;font-size:1.125rem;}
.page .wrapper article .content .unit a .jt{display:none;}
.page .wrapper article .content .unit a .jt img {filter:invert(100%);width:7px;display:block;transition:all 600ms;}
.page .wrapper article .content .unit a:hover {background:#234B86;}
.page .wrapper article .content .unit a:hover .icon img {filter:invert(0);}
.page .wrapper article .content .unit a:hover p {color:white;}
.page .wrapper article .content .unit a:hover .jt img {filter:invert(0);}
/*研究单元详情*/
.page .wrapper article .content .labintro {margin:20px 0;}
.page .wrapper article .content .labintro .item {margin-bottom:20px;}
.page .wrapper article .content .labintro .item .t {position:relative;width:fit-content;}
.page .wrapper article .content .labintro .item .t .bg img {width:150px;height:34px;display:block;}
.page .wrapper article .content .labintro .item .t .st {position:absolute;left:16px;top:50%;transform:translateY(-50%);width:100%;}
.page .wrapper article .content .labintro .item .t .st p {color:white;font-weight:bold;text-indent:0;margin:0;}
.page .wrapper article .content .labintro .item .des {margin-top:14px;color:#3D3D3D;font-size:16px;line-height:1.8;}
.page .wrapper article .content .labintro .item .des ul {margin:0;padding:0;}
.page .wrapper article .content .labintro .item .des ul li {list-style:none;display:flex;align-items:center;}
.page .wrapper article .content .labintro .item .des ul li::before {content:'';display:block;width:7px;height:7px;background:#1F4B86;border-radius:50%;margin-right:10px;}
/*科研研究领域*/
.page .wrapper article .content .researchField {margin:25px 0;}
.page .wrapper article .content .researchField .st {color:#224C88;font-size:20px;font-weight:bold;border-bottom:3px solid rgba(0,0,0,0.1);position:relative;padding-bottom:10px;}
.page .wrapper article .content .researchField .st::after {content:'';display:block;width:69px;height:4px;background-color:#224C88;position:absolute;left:0;bottom:-2px;}
.page .wrapper article .content .researchField .allItems {display:flex;flex-wrap:wrap;justify-content:space-between;}
.page .wrapper article .content .researchField .allItems a {box-shadow:0 0 10px rgba(0,0,0,0.15);padding:20px;width:calc(50% - 20px);display:flex;align-items:center;justify-content:space-between;margin-top:30px;border-bottom:none;cursor:default;}
.page .wrapper article .content .researchField .allItems a .pic {overflow:hidden;}
.page .wrapper article .content .researchField .allItems a .pic img {width:143px;height:93px;display:block;object-fit:cover;transition:all 600ms;}
.page .wrapper article .content .researchField .allItems a .pt {width:calc(100% - 155px);display:flex;align-items:center;}
.page .wrapper article .content .researchField .allItems a .pt svg {transform:scale(0.7);}
.page .wrapper article .content .researchField .allItems a .pt p {color:#3D3D3D;font-size:18px;margin-left:14px;transition:all 600ms;text-indent:0;margin:0;}
.page .wrapper article .content .researchField .allItems a:hover .pic img {transform:scale(1.05);}
.page .wrapper article .content .researchField .allItems a:hover .pt img {filter:grayscale(0);}
.page .wrapper article .content .researchField .allItems a:hover .pt p {color:#224C88;}
/*大事记*/
.page .wrapper article .memorabilia {margin:30px}
.page .wrapper article .memorabilia a {box-shadow:0 0 10px rgba(0,0,0,0.15);padding:10px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.page .wrapper article .memorabilia a .lt {display:flex;align-items:flex-end}
.page .wrapper article .memorabilia a .lt .year {font-weight:bold;font-size:50px;color:#FFFFFF;background:linear-gradient(0deg,#fff 0%,#20528A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all 600ms}
.page .wrapper article .memorabilia a .lt .tag {color:#1F5694;margin:0;font-size:18px;transform:translateY(-10px)}
.page .wrapper article .memorabilia a .time {color:#1F5694;font-size:15px}
.page .wrapper article .memorabilia a:hover {background:linear-gradient(90deg,#234B82,#117ABC)}
.page .wrapper article .memorabilia a:hover .lt .tag {color:white}
.page .wrapper article .memorabilia a:hover .time {color:white}

@media screen and (max-width:800px){
	/*宗旨*/
	.page .wrapper article .content .purpose{flex-direction:column;align-items:flex-start;margin-bottom:20px}
	.page .wrapper article .content .purpose .des {margin:10px 20px 15px 20px;font-size:1rem;}
	.page .wrapper article .content .purpose:last-child .lt img {height:59px}
	/*领导*/
	.page .wrapper article .leaders{margin: 30px 0;display: flex;justify-content: space-between;gap: 0;flex-wrap: wrap;}
	.page .wrapper article .leaders .leader {width: 48%;margin-bottom: 24px;text-align:left;}
	/*历任*/
	.page .wrapper article .oldleader{margin:30px 0;display:flex;justify-content:space-between;gap:0;flex-wrap:wrap;}
	.page .wrapper article .oldleader a {margin-bottom:20px;}
	/*出版物*/
	.page .wrapper article .content .publication {margin:0;grid-template-columns:repeat(1,1fr);gap:0;}
	.page .wrapper article .content .publication a {margin-bottom:20px;}
	.page .wrapper article .content .publication a .pic p {font-size:16px;}
	.page .wrapper article .content .publication a .pic p::before,.home .container .section .r .list a .pic p::after {width:40px;}

	/*图片库*/
	.page .wrapper article .photos{grid-template-columns:repeat(1,1fr);gap:20px}

	/*管理部门*/
	.page .wrapper article .content .zhineng {margin:15px 3px;}

	/*支撑平台*/
	.page .wrapper article .content .platform {margin:10px 0;}
	.page .wrapper article .content .platform a {width:100%;margin-bottom:15px;}
	.page .wrapper article .content .platform a p {left:15px;}
	/*研究单元*/
	.page .wrapper article .content .unit {margin:20px 0;grid-template-columns:repeat(1,1fr);gap:20px;}
	.page .wrapper article .content .unit a {width:100%;padding:20px 40px;}
	/*研究单元详情*/
	.page .wrapper article .content .labintro {margin:15px 0;}
	.page .wrapper article .content .labintro .item {margin-bottom:20px;}
	/*研究领域*/
	.page .wrapper article .content .researchField {margin:20px 0;}
	.page .wrapper article .content .researchField .allItems {width:100%;}
	.page .wrapper article .content .researchField .allItems a {width:100%;padding:15px;flex-direction:column;margin-top:15px;}
	.page .wrapper article .content .researchField .allItems a .pic {width:100%;}
	.page .wrapper article .content .researchField .allItems a .pic img {width:100%;height:auto;}
	.page .wrapper article .content .researchField .allItems a .pt {width:100%;justify-content:center;}
	/*大事记*/
	.page .wrapper article .memorabilia {margin:30px 0}
	.page .wrapper article .memorabilia a {margin-bottom:20px}
	.page .wrapper article .memorabilia a .lt .year {font-size:32px}
	.page .wrapper article .memorabilia a .lt .tag {transform:translateY(-5px)}	
}