.banner{height:386px;width: 100%;} .banner li{height:100%;} .banner .swiper-pagination {bottom:30px;} .banner .swiper-pagination-bullet{width:17px;height:17px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle3.png") center center no-repeat;margin: 0px 27px!important;opacity: 1!important;} .banner .swiper-pagination-bullet-active{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle4.png") center center no-repeat;} .banner{display: block;} .Mbanner{display: none;} .banner img{width: 100%;} .location{width: 100%;background: #f8f8f8;height: 60px;} .position{width: 1200px;margin:0 auto;color: #434343;font-size: 14px;line-height: 60px;text-align: right;} .position a{color: #434343;font-size: 14px;} .position span{padding:0px 4px;} .content{width: 1200px;margin:20px auto;} .Left{width: 248px;float: left;} .Left .name{height: 74px;line-height: 74px;color: #fff;font-size:24px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-namebg.png") #00a0e9 right center no-repeat;text-indent: 25px;} .Left li{margin:3px 0px 0px 0px;} .Left li a.twoLi{color: #434343;font-size:20px;height:60px;line-height:60px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-arrow2.png") #f8f8f8 27px center no-repeat;text-indent: 55px;display: block;} .Left li.active a.twoLi{color: #5aa746;} .Left li.active .twoLi{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-arrow1.png") #def3fc 27px center no-repeat;} .Left li:hover a.twoLi{color: #5aa746;} .Left li:hover .twoLi{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-arrow1.png") #def3fc 27px center no-repeat;} .Left li dl{background:#f8f8f8;display: none;} .Left li dl dd{line-height:50px;text-indent: 55px;} .Left li dl dd a{font-size:18px;color:#434343;} .Right{width: 915px;float: right;min-height: 200px;} .Left li dl dd:hover{background:#def3fc} .Left li dl dd:hover a{color:#5aa746} .Left li dl dd.active{background:#def3fc} .Left li dl dd.active a{color:#5aa746} .Left li.active dl{display:block;} .Left.fixed{position:fixed;top: 10px;z-index: 999;} /*学术带头人*/ .academic{color: #434343;font-size: 16px;line-height: 34px;} .academic img{max-width:100%;} /*团队成员*/ .member li{width: 207px;height: 290px;float: left;margin:0px 28px 10px 0px;} .member li:nth-child(4n){margin-right:0px;} .member li p.name{padding-left: 28px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle5.png") 10px center no-repeat;color:#434343;font-size: 16px;line-height: 40px;transition:1s all ease;height: 40px;overflow: hidden;} .member li .Img{width:100%;height:250px;overflow:hidden;} .member li .Img img{width:100%;height:100%;transform:scale(1.0);transition:1s all ease;} .member li:hover img{transform:scale(1.3)} .member li:hover p.name{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle6.png") 10px center no-repeat;color:#5aa746;} #pages{text-align: center;margin: 50px auto;} #pages a{padding: 7px 12px;color: #434343;font-size: 12px;background: #f8f8f8;} #pages a.prev{width: 30px;height:30px;display: inline-block;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/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/Default/theme/images/next.png") center center no-repeat;padding:0px;position: relative;top: 9px;} #pages a.currentpage{color:#fff;background:#5aa746;font-weight:bold;} .Info{color: #434343;font-size: 16px;line-height: 34px;border-bottom: 1px solid #eeeeee;padding:0px 0px 30px 0px;} .Right .previous{color: #434343;font-size: 12px;display: block;margin: 10px 0px;line-height: 24px;} .Right .previous:hover{color: #5aa746;} .Right .previous img{margin: 5px;} /*论文*/ .paper li{border-bottom: 1px solid #dcdcdc;padding: 20px 0px 15px 45px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-word.png") left 17px no-repeat;line-height: 30px;} .paper li a{font-size: 16px;color: #434343;display: block;} .paper li .time{float: right;} .paper li:hover a{color: #5aa746;} .PaperInfo .title{color: #434343;font-size: 24px;text-align: center;line-height: 34px;margin: 0px 0px 10px 0px;} .PaperInfo .time{color: #959595;font-size: 12px;text-align: center;line-height: 20px;padding: 5px 0px 20px 0px;border-bottom: 1px solid #5aa746;} .PaperInfo .time img{margin: -3px 5px 0px 15px;vertical-align: middle;} .paperIn{color: #434343;font-size: 14px;line-height: 34px;border-bottom: 1px solid #eeeeee;padding: 30px 0px 30px 0px;margin: 3px 0px 0px 0px;border-top: 8px solid #eeeeee;text-indent: 2em;} .PaperInfo .time1 img{margin: 2px 5px 0px 15px;} .PaperInfo .time1{text-align:right} /*新闻*/ .News li{border-bottom: 1px solid #dcdcdc;padding: 12px 0px 12px 35px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-icon01.png") 15px center no-repeat;line-height: 32px;} .News li a{font-size: 16px;color: #434343;/* word-break: break-word; */} .News li .time{float: right;} .News li:hover a{color: #00a0e9;} .News li.new{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-new.png") 4px center no-repeat;} .News li a em{word-break: break-word;} /*代表性论文*/ .DB li{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle2.png") 15px 31px no-repeat;border-bottom: 1px dashed #f2f2f4;padding: 20px 0px 24px 35px;} /*研究进展*/ .Progress li{width: 291px;height: 395px;float: left;background: #fafbfb;margin: 0px 20px 30px 0px;cursor: pointer;} .Progress li:nth-child(3n){margin-right:0px;} .Progress li .Img{width:100%;height:200px;overflow:hidden;position: relative;} .Progress li .Img img{width:100%;height:100%;transform:scale(1);transition:1s all ease;} .Progress li .words{padding:15px 22px;position: relative;height: 140px;} .Progress li .t1{color: #434343;font-size:14px;border-bottom: 1px solid #e5e5e5;padding: 3px 0px 13px 0px;transition:1s all ease;} .Progress li .sum{color: #a0a0a0;font-size: 12px;line-height: 24px;padding: 10px 0px 12px;} .Progress li .more{float: right;color: #b5b5b5;font-size:12px;position: absolute;right: 22px;bottom: 0px;transition:1s all ease;} .Progress li:hover .t1{border-bottom:1px solid #00a0e9;} .Progress li:hover .more{color: #00a0e9;} .Progress li:hover img{transform:scale(1.3);} .Progress li p.pen{position: absolute;width: 28px;height: 29px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-pen.png") center center no-repeat;left: 0px;bottom: 0px;} /*学术信息*/ .message li{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-index1.png") left center no-repeat;padding: 12px 0px 12px 30px;} /*招聘信息¯*/ .Join li{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-index2.png") left center no-repeat;border-bottom: 1px dashed #dcdcdc;padding: 10px 0px 10px 25px;} /*招聘信息详情*/ .JoinInfo .title{background: #eeeeee;line-height: 30px;text-align: left;padding: 35px 20px;} .JoinInfo .time{padding:5px 0px 0px 0px;} .JoinInfo .paperIn{border-top:0px solid #fff;line-height: 34px;margin-bottom: 30px;} .JoinInfo .paperIn .w1{padding: 0px 20px 30px 20px;border-bottom: 1px solid #eeeeee;} .JoinInfo .paperIn .w2{margin-top: 20px;} .JoinInfo p.p1{font-size: 20px;color: #434343;padding-left: 20px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-slide1.png") left center no-repeat;} .JoinInfo .paperIn .w22{padding:10px 20px;} .Right .previous1{padding-left: 25px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-join1.png") left center no-repeat;} .Right .previous1:hover{padding-left: 25px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-join2.png") left center no-repeat;}.main{margin-top:0;width:100%} .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 ul li>p{margin-bottom: 20px;font-size: 20px;font-weight: bold;color: #00A0E9;position: relative;} .publicationsCon .right ul li>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%;} /*论文*/ .Z_paper{padding:40px 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/Default/theme/images/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/Default/theme/images/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(max-width:880px){ .banner{display: none;} .Mbanner{display: block;} .banner{height:53vw;} .banner .swiper-pagination{bottom:10px;} .banner .swiper-pagination-bullet{margin: 0 15px!important;outline: none;} .Left{display: none;} .content{width:100%;} .Right{width: 95%;float: none;padding: 0 2.5%;} .location{height:50px;} .position{width: 95%;line-height: 50px;text-align: left;padding: 0 2.5%;} .academic{font-size: 14px;} .member li{width:48.5%;height: 63vw;float: left;margin:0px 3% 15px 0px;} .member li:nth-child(2n){margin-right:0px;} .member li .Img{height:55vw;} #pages{margin:50px auto 20px;} .MemberInfo img{float: none!important;margin: 0 auto 20px!important;display: block;} .MemberInfo{padding:10px 0px 30px 0px;font-size:14px;} .paper li{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-word.png") left 15px no-repeat;background-size: 7%;padding: 13px 0px 10px 35px;} .paper li a{font-size: 14px;display: block;height: 30px;overflow: hidden;} .paper li a span.tit{display:inline-block;width:calc(100% - 90px);overflow:hidden;} .PaperInfo .time .span1{display:block;margin: 0px 0px 10px 0px;} .PaperInfo .time .img2{margin:0px 5px 0px 0px} .PaperInfo .title{font-size: 18px;padding: 0px 20px;} .Right .previous{height: 24px;overflow: hidden;} .News li .tit{width:calc(100% - 90px);display:inline-block;height: 25px;overflow:hidden;} .News li a{font-size:14px;} .News li{padding: 10px 0px 10px 30px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-icon01.png") 10px center no-repeat;line-height: 26px;height: 24px;} .News li.new{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-new.png") 2px center no-repeat;} .DB li{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle2.png") 2px 18px no-repeat;padding: 10px 0px 10px 20px;height: auto;} .PaperInfo .time1{text-align: center;} /*研究进展*/ .Progress li{width: 90%;height: auto;float: none;margin: 0px auto 30px;} .Progress li .more{bottom:25px;} .Progress li:nth-child(3n){margin-right: auto;} .Progress li:last-child{margin-bottom:0px;} .Progress li .Img{height:auto;} /*学术信息*/ .message li{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-index1.png") left center no-repeat;height: 26px;padding: 10px 0px 10px 30px;} /*招聘信息¯*/ .Join li{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-index2.png") left 12px no-repeat;padding: 10px 0px 10px 25px;height: 26px;} .JoinInfo .title{padding:20px;text-align: center;} .JoinInfo .paperIn .w1{padding: 0px 10px 20px 10px;} .JoinInfo .paperIn .w22{padding:10px 10px;} /* .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;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 ul li>p{font-size:16px;margin-bottom: 3vw;} .publicationsCon .right ul li>p:after{width: 8px;height: 8px;left: -5.4vw;} .publicationsCon .right .info{line-height:1.5;font-size:14px} */ .wrap{overflow:hidden} .leader{overflow: hidden;/*padding: 0 3vw*/;box-sizing: border-box;} .publicationsCon{padding: 0;padding-right: 1vw;} .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;} }