.head{margin: 28px 0 20px;line-height: 20px;position: relative;display: flex;justify-content: space-between;}
.head p{position: relative;padding-left: 20px;font-size: 24px;}
.head p:after{content: "";width: 5px;height: 20px;left: 5px;background: #00a0e9;position: absolute;/* top: 3px; */}

.location a,.location{font-size:16px;color:rgba(0,0,0,.6);}
.location span{/* font-weight:bold; */margin:0 10px;}

.leader .con{width: 1200px;background: #f1f8fc;padding: 40px;box-sizing: border-box;}
.leader .con .box1{display: flex;margin-bottom: 50px;}
.leader .con .box1 .Img img{width: 226px;}
.leader .con .box1 .Txt{margin-left: 40px;position: relative;width: 830px;}
.leader .con .box1 .Txt .summary{display: inline-block;bottom: 0;position: absolute;line-height: 35px;}
.leader .con .box1 .Txt .summary>i{font-size:30px;font-style:normal;margin-bottom:20px;display: inline-block;}
.leader .con ul{display: flex;flex-wrap: wrap;}
.leader .con ul li{height: 60px;line-height: 60px;width: 25%;text-align: center;background: #e1f0f8;border-right:1px solid #f1f8fc;margin-bottom: 10px;box-sizing: border-box;}
.leader .con ul li:last-child{border-right:0}
.leader .con ul li i{font-style: normal;font-size: 18px;display:block;width:100%;height:100%;box-sizing:border-box;cursor: pointer;}
.leader .con ul li .info{display: none;}
.leader .con ul li.active i,.leader .con ul li:hover i{border-bottom: 2px solid #00a0e9;font-weight: bold;}
.leader .msgBox{padding: 25px 16px;line-height: 40px;font-size: 20px;}

.memberCon{margin-bottom:20px}
.memberCon>p{height:44px;line-height:44px;padding-left:17px;font-size:20px;background:#e1f0f8}
.memberCon ul{border:2px solid #f1f8fc;box-sizing:border-box;padding: 20px 20px 0 20px;border-top:0;display:flex;flex-wrap:wrap;}
.memberCon ul li{width: 568px;margin-right:20px;display:flex;background: #f1f8fc;margin-bottom: 20px;}
.memberCon ul li:nth-child(2n){margin-right:0}
.memberCon ul li .Img{width:177px;height:209px;overflow:hidden}
.memberCon ul li .Img img{width:100%}
.memberCon ul li .Txt{padding:20px;box-sizing:border-box;width: 390px;position:relative;line-height:30px}
.memberCon ul li .Txt .info>p{font-size:20px;font-weight:bold}
.memberCon ul li .Txt .summary{font-size:20px}
.memberCon ul li .Txt .info{position:absolute;bottom:20px}
.memberCon ul li:hover .info>p{color:#00a0e9}

.researchCon{padding: 45px;background: #f1f8fc;}
.researchCon>ul>li{padding-bottom: 30px;margin-bottom: 45px;border-bottom: 1px solid #bfbfbf;}
.researchCon>ul>li p{font-size: 20px;font-weight: bold;margin-bottom: 10px;position: relative;}
.researchCon>ul>li p.bigTitle:after{content: "";position: absolute;width: 7px;height: 7px;background: #00a0e9;border-radius: 50%;top: 7px;left: -15px;}
.researchCon>ul>li .info{font-size: 18px;line-height: 35px;}
.researchCon>ul>li:last-child{border:0;padding-bottom:0;margin-bottom: 25px;}
/* .researchCon .articleInfo ul li{margin-bottom: 15px;height: 325px;overflow: hidden;}
.researchCon .articleInfo ul li a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.researchCon .articleInfo ul li .Txt{width: 716px;}
.researchCon .articleInfo ul li .Img{width: 352px;margin-right: 14px;overflow:hidden;height:265px} */

.publicationsCon{padding: 20px 55px 40px 0;background: #f1f8fc;position: relative;padding-right: 20px;}
/* .publicationsCon .left{position: absolute;top: 45px;width: 153px;height: 80%;overflow-y: scroll;z-index:3;background:#f1f8fc;}
.publicationsCon .left::-webkit-scrollbar{width:3px;height:100%;background:#fff;}
.publicationsCon .left::-webkit-scrollbar-thumb{background:rgba(0, 160, 233, 0.3)}
.publicationsCon .left a{display: block;font-size: 24px;width: 100%;text-align: center;margin-bottom: 25px;}
.publicationsCon .left a.active,.publicationsCon .left a:hover{font-weight: bold;color: #00A0E9;}
.publicationsCon .right{float: right;width: 970px;padding-left: 30px;box-sizing: border-box;border-left: 2px solid #c2c2c3;position:relative;}
.publicationsCon .right:after{content:"";width:6px;height:6px;position:absolute;top:0;left: -3px;background:#f1f8fc;z-index: 1;}
.publicationsCon .right ul li{margin-bottom: 40px;}
.publicationsCon .right p{margin-bottom: 20px;font-size: 20px;font-weight: bold;color: #00A0E9;position: relative;}
.publicationsCon .right p:after{content: "";position: absolute;width: 12px;height: 12px;background: #00A0E9;border-radius: 50%;left: -36.5px;top: calc(50% - 6px);z-index:2;}
.publicationsCon .right .info{line-height: 40px;font-size: 18px;}
.publicationsCon .right .info img{max-width:100%} */
.publicationsCon .left{padding-top: 20px;/* width: 40px; */float: left;overflow:hidden;}
.publicationsCon .left .con1{width: 52px;overflow-y: scroll;overflow-x: hidden;max-height: 80vh;padding-left: 20px;}
.publicationsCon .left.fixed{position: fixed;top: 0;padding-top: 20px;}
.publicationsCon .left .con1::-webkit-scrollbar{width:3px;height:100%}
.publicationsCon .left .con1::-webkit-scrollbar-thumb{background: #ddd;background-size:100%}
.publicationsCon .left .con1::-webkit-scrollbar-track{background: #fff;}
.publicationsCon .left .con1::-webkit-scrollbar-button{display: none;}
.publicationsCon .left a{padding-bottom: 20px;font-weight: 600;position: relative;display: block;}
.publicationsCon .left a:after{position: absolute;bottom: 6px;left: 15px;width: 1px;height: 10px;background: #777777;content: "";display: block;}
.publicationsCon .left a:last-of-type:after{display: none;}
.publicationsCon .left a.active{color: #00A0E9;}

.publicationsCon .right{/* width: calc(100% - 60px); */padding-left: 60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 40px;/* float: right; */padding-left: 120px;}
.publicationsCon .right li{border-top: 1px solid #bebebe;padding: 25px 0;line-height: 25px;word-break: break-word;}
.publicationsCon .right li:first-of-type{border-top: 0;padding-top: 0;}
.publicationsCon .right>ul>li{border-top:0}
.publicationsCon .right>ul>li:first-of-type>p{padding-top: 20px;}
.publicationsCon .right .right_title{font-size: 18px;line-height: 22px;font-weight: 600;padding-bottom: 10px;}
.publicationsCon .right li>p{font-size: 22px;font-weight: 700;padding-bottom: 20px;}
.publicationsCon .right li.color>p{color: #00A0E9;}
.publicationsCon .right .info img{max-width: 100%;}

.facilityCon ul{display: flex;flex-wrap: wrap;}
.facilityCon ul li{margin-right: 18px;cursor:pointer;width: 388px;}
.facilityCon ul li:nth-child(3n){margin-right: 0;}
.facilityCon ul li .Img{width: 388px;height: 285px;line-height: 278px;text-align: center;background: #f1f8fc;box-sizing: border-box;border: 1px solid #e1f0f8;overflow: hidden;padding: 0;}
.facilityCon ul li .Img img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;transition:all .35s ease-in-out}
.facilityCon ul li p{margin: 12px 25px 35px;line-height: 30px;font-size: 20px;position: relative;width: 100%;}
.facilityCon ul li p:after{content: "";position: absolute;width:6px;height: 6px;border-radius: 50%;background: #000;left: -13px;top:13px}
.facilityCon ul li:hover img{transform:scale(1.2)}
.facilityCon ul li:hover p{color:#00A0E9}
.facilityCon ul li:hover p:after{background:#00A0E9}
.fancybox-overlay{background:rgba(0,0,0,0.8)}
.fancybox-skin{padding: 0!important;}
.fancybox-nav{width: 30px;height: 50px;background-color: #00a0e9;background-size: 6px 10px;top: calc(50% - 25px);}
.fancybox-nav span{position: relative;left: 0;visibility: inherit;right:0;display: block;width: 100%;height: 100%;}
.fancybox-nav span:after{content: "";position: absolute;width: 10px;height: 10px;border: 1px solid #fff;border-right: 0;border-top: 0;}
.fancybox-prev span:after{transform: rotate(45deg);top: 10px;left: 11px;}
.fancybox-next span:after{transform: rotate(-135deg);top: 10px;right: 11px;}
.fancybox-overlay{line-height: 100vh;text-align: center;}
.fancybox-outer{/*width: 867px;*//*height: 695px;position: absolute;top:calc(50% - 345px);left: calc(50% - 434px);height: 70vh;top: 10vh;*/display: inline-block;vertical-align: middle;}
.fancybox-inner{display: none;/*width: 867px;*//*height: 635px;*/max-width: 100%;max-height: 100$;}
.fancybox-inner.show{display:block}
.fancybox-inner img{height: 70vh;width: auto;border: 1px solid #00A0E9;box-sizing: border-box;}
.fancybox-inner p{padding: 15px;line-height: 28px;font-size: 20px;text-align: center;background: #fff;position: relative;}
.fancybox-inner p span{position: relative;}
.fancybox-inner p span i{content: "";position: absolute;width:6px;height: 6px;border-radius: 50%;background: #000;left: -13px;top: 8px;}

.jobCon{}
.jobCon .row{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}
.jobCon .row .box{width:594px;border: 1px solid #e1f0f8;box-sizing: border-box;}
.jobCon .row .box p{line-height:44px;padding-left:20px;background:#e1f0f8;font-size:20px}
.jobCon .row .box .info{padding:25px 20px 30px;line-height:30px}
#maps{border: 1px solid #e1f0f8;box-sizing: border-box;}
#maps>p{line-height:44px;padding-left:20px;background:#e1f0f8;font-size:20px}
#maps .mapBox{padding:30px}
#maps .map{height:463px}

.searchCon{background:#f1f8fc;padding:10px 30px 50px}
.searchCon li{border-bottom: 1px solid #dcdcdc;padding: 12px 0px 12px 35px;/* background: url(../images/icon-icon01.png) 15px center no-repeat; */line-height: 30px;height: 30px;position:relative;}
.searchCon li a{font-size: 16px;color: #434343;/* word-break: break-word; *//* height: 30px; */display: block;}
.searchCon li span{display:inline-block;width:calc(100% - 120px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.searchCon li:after{content: "";position: absolute;width:6px;height: 6px;border-radius: 50%;background: #434343;left: 12px;top: calc(50% - 3px);}
.searchCon li .time{float: right;font-style: normal;}
.searchCon li:hover a{color: #00a0e9;}
.searchCon li:hover::after{background:#00a0e9}
.searchCon li.new{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/english/theme/images/icon-new.png") 4px center no-repeat;}
.searchCon li a em{word-break: break-word;}

#pages{text-align: center;margin: 20px auto;}
#pages a{padding: 7px 12px;color: #434343;font-size: 12px;background: rgba(220, 220, 220, 0.5);}
#pages a.prev{width: 30px;height:30px;display: inline-block;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/english/theme/img/prev.png") center center no-repeat;padding:0px;position: relative;top: 9px;}
#pages a.next{width: 30px;height:30px;display: inline-block;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/english/theme/img/next.png") center center no-repeat;padding:0px;position: relative;top: 9px;}
#pages a.currentpage{color:#fff;background:#00a0e9;font-weight:bold;}

.list ul li{padding-bottom:10px;margin-bottom:10px}
.list ul li p{font-weight:normal;font-size:18px;line-height:1.5;margin-bottom:5px}
.list ul li:hover p{color:#00a0e9}
.list>ul>li p.bigTitle:after{top: 9px;}

.listinfo{text-align:center}
.listinfo>p{font-size:18px;line-height:1.5;}
.listinfo .time{font-size:12px;color:#999;border-bottom:1px solid #ddd;padding:10px;margin-bottom:40px}
.listinfo .info{font-size:14px;line-height:1.5;color:#333}


/*论文*/
.Z_paper{padding: 10px 20px 0px 20px;background: rgb(243,248,254);}
.Z_paper .swiper-slide{text-align: center;height: 47px;background: rgb(208,213,216);line-height: 47px;cursor: pointer;font-size: 17px;}
/*.Z_paper .swiper-slide-active{background:#00a0e9;color:#fff;}*/
.Z_paper .swiper-slide.on{background:#00a0e9;color:#fff;}
.Z_years{padding: 0px 43px;position: relative;}
.Z_paper .swiper-button-prev{background:url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/english/theme/img/icon-prev.png") #00a0e9 center center no-repeat;height: 47px;top: 0px;margin-top: 0px;left: 0px;width: 35px;}
.Z_paper .swiper-button-next{background:url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/english/theme/img/icon-next.png") #00a0e9 center center no-repeat;background-size: 25px;top: 0px;margin-top: 0px;height: 47px;right: 0px;width: 35px;}
.Z_paper .Z_list ul{margin:0px;}
.Z_paper .Z_list li{border-bottom: 1px solid #bebebe;padding: 25px 0;line-height: 25px;word-break: break-word;font-size: 14px;}
.Z_paper .Z_list li:first-of-type{padding-top: 0;}
.Z_paper .Z_list .Z_title{font-size: 22px;padding-bottom: 20px;margin: 50px 0px 0px 0px;}
.Z_paper .Z_list .Z_list1{display: none;}
.Z_paper .Z_list .Z_list1.on{display: block;}
.Z_list{padding:0px 35px;}









@media only screen and (max-width:1366px ) and (min-width:880px){
    .main{/* margin-top:19.7vw */}
	.fancybox-inner p{padding: 10px;line-height: 20px;font-size: 16px;}
}
@media only screen and (max-width:880px){
    .main{margin-top:19.7vw;overflow: hidden;padding: 0 3vw;box-sizing: border-box;}
    .head{margin:3vw 0}
    .head p{font-size:16px;padding-left: 15px;}
    .head p:after{left:0;top: 0;height: 100%;}
    .location a, .location{font-size:14px}
    .location span{margin: 0 1.5vw;}

    .leader .con{width:100%;padding: 3vw;}
    .leader .con .box1{display:block;margin-bottom:6vw}
    .leader .con .box1 .Img{text-align:center}
    .leader .con .box1 .Img img{width:50%}
	.fancybox-inner p{padding: 10px;line-height: 20px;font-size: 16px;}
	.leader .con .box1 .Txt{width: 100%;margin: 0;text-align:center}
	.leader .con .box1 .Txt .summary{position:initial;line-height: 1.5;}
	.leader .con .box1 .Txt .summary>i{font-size:18px;margin:3vw 0;line-height:1.2}
	.leader .con .box1 .Txt .summary p{font-size:14px!important}
	.leader .con ul li{width:50%;line-height: 10vw;height: 10vw;margin-bottom: 3vw;}
	.leader .con ul li i{font-size:13px;line-height: 5vw;display: inline-block;height: calc(100% - 2vw);}
	.leader .msgBox{padding:0;line-height: 1.7;font-size:14px;margin: 1vw 0 5vw;}

	.researchCon{padding: 3vw 7vw;width:100vw;margin-left:-3vw;box-sizing:border-box;}
	
	.facilityCon ul{padding-left:2%;box-sizing:border-box}
	.facilityCon ul li,.facilityCon ul li:nth-child(3n){width: 48%;margin-right: 2%;}
	.facilityCon ul li:nth-child(2n){margin-right:0}
	.facilityCon ul li .Img{width:100%;height: 33vw;line-height: 33vw;}
	.facilityCon ul li p{font-size:14px;line-height:1.4;margin: 2vw 0 4vw 3vw;width: calc(100% - 3vw);}
	.facilityCon ul li p:after{top: 2vw;width:4px;height:4px;left: -2vw;}
	.fancybox-inner{width:94vw}
	.fancybox-inner img{height:40vh}
	.fancybox-inner p span i{margin-top:-2px}

	.jobCon{margin-bottom: 6vw;}
	.jobCon .row{margin-bottom:0}
	.jobCon .row .box{margin-bottom:5vw}
	.jobCon .row .box p,#maps>p{line-height:10vw;padding-left:3vw;font-size:16px}
	.jobCon .row .box .info{padding:3vw;line-height: 1.5;}
	.jobCon .row .box .info p,.jobCon .row .box .info div,.jobCon .row .box .info span{font-size: 15px!important;}
	#maps .mapBox{padding:4vw 3vw}
	#maps .map{height:60vw}

	.researchCon>ul>li{margin-bottom:5vw;padding-bottom:5vw}
	.researchCon>ul>li p{font-size:16px;line-height: 1.5;}
	.researchCon>ul>li .info,.researchCon>ul>li .info a{font-size: 14px!important;line-height:1.5;}
	.researchCon>ul>li .info img{height:auto}

	.memberCon>p{padding-left:10px;font-size:16px;line-height:10vw;height:10vw}
	.memberCon ul{padding: 2vw 2vw 0 2vw;}
	.memberCon ul li{width:100%;margin-right: 0;margin-bottom: 2vw;}
	.memberCon ul li .Img{width:30%;height: 32vw;}
	.memberCon ul li .Txt{width:60%;padding: 4vw 3vw;line-height: 1.5;}
	.memberCon ul li .Txt .info{bottom:3vw}
	.memberCon ul li .Txt p,.memberCon ul li .Txt .summary{font-size:16px;}
	.memberCon ul li .Txt .summary{line-height:1.3}

/* 	.publicationsCon{padding: 2vw 2vw 4vw 2vw;}
	.publicationsCon .left{width: calc(100% - 4vw);height: 13vw;z-index: 10;top: 0;overflow: hidden;}
	.publicationsCon .left.fixed{width:90vw;top: 19.7vw;left: 5vw;position: fixed;}
	.publicationsCon .left a{margin-bottom:0;line-height: 14vw;font-size: 16px;}
	.publicationsCon .swiper-button-next,.publicationsCon .swiper-button-prev{width: 15px;height: 30px;background-color: #00a0e9;background-size: 6px 10px;top: calc(50% - 15px);margin-top: 0;left: 0;}
	.publicationsCon .swiper-button-next{right:0;left: auto;}
	.publicationsCon .right{float: right;width: 97%;margin-top: 14vw;padding-left: 4vw;border-width: 2px;}
	.publicationsCon .right p{font-size:16px;margin-bottom: 3vw;}
	.publicationsCon .right p:after{width: 8px;height: 8px;left: -5.4vw;}
	.publicationsCon .right .info{line-height:1.5;font-size:14px} */

	.searchCon{padding:3vw}
	.searchCon li{padding:2vw 0 2vw 20px;line-height: 7vw;height: 7vw;}
	.searchCon li:after{left:7px}
	.searchCon li a{font-size:14px}

	.listinfo>p{font-size: 16px;}
	.listinfo .time{margin-bottom:6vw;padding:2vw}
	.listinfo .info{font-size:13px;margin-bottom:6vw}

	 .leader{overflow: hidden;/* padding: 0 3vw; */box-sizing: border-box;}
     .publicationsCon{padding: 0;padding-right: 1vw;/* background: none; */}
     .publicationsCon .left.fixed{padding-top:25vw}
     .publicationsCon .left .con1{padding-left:10px;width: 44px;}
     .publicationsCon .left a{font-size:12px;padding-bottom: 11px;}
     .publicationsCon .left a:after{bottom: 0;}
    .publicationsCon .right {padding-left: 80px;font-size: 12px;}
    .publicationsCon .right li {padding: 20px 0;line-height: 25px;}
    .publicationsCon .right li img{height:auto}



	.Z_paper{padding: 20px 10px;}
    .Z_paper .swiper-slide{height:40px;line-height:40px;font-size: 16px;}
	.Z_years{padding: 0px 34px;}
    .Z_paper .swiper-button-prev{height:40px;width: 26px;}
    .Z_paper .swiper-button-next{height:40px;width: 26px;}
    .Z_list{padding:0px 10px;}
    .Z_paper .Z_list .Z_title{margin:25px 0px 0px 0px;}
    .Z_paper .Z_list li{padding:15px 0px;}
}