﻿.main{/* overflow: hidden; */background: #fff;}

.position{display: flex;justify-content:space-between;padding-bottom: 20px;border-bottom:2px solid #010101;/* width: 1154px; */margin: 40px auto 0;}
.position p{font-size: 22px;margin: 0;text-transform: uppercase;color: #000;font-weight: bold;}
.position .location{line-height:30px;}
.position .location a{font-size: 14px;margin: 0 5px;color: #000000;/* text-transform: uppercase; */font-family: arial;}


/*Prof*/
.Prof{width: 1154px;margin: 0 auto;margin-bottom: 10px;}
.Prof .msg{display: flex;margin-top: 20px;}
.Prof .msg .Img{width:200px;}
.Prof .msg .Img img{width:100%;}
.Prof .msg .info{margin-left:60px;max-width: calc(100% - 260px);}
.Prof ul li>i{font-size: 18px;font-weight: bold;line-height: 50px;margin-top: 10px;font-style:normal;}
.tab{border-top:1px solid #cdced0;margin-top:40px;display:flex;flex-wrap: wrap;}
.tab li{padding: 7px 0;font-size: 14px;color:#000000;line-height: 25px;text-transform: uppercase;padding-right: 66px;border-bottom:1px solid #cdced0;cursor: pointer;position:relative;}
.tab li .info{display:none;}
.tab li:hover{color:#7b0e6b;}
.tab li.active{color:#7b0e6b;}
.tab li.active:after{display:block;}
.tab li a{display: inline-block;border-bottom:2px solid transparent;}
.tab li:hover a{border-bottom:2px solid #7b0e6b;}
.tab li.active a{border-bottom: 2px solid #7b0e6b;}
.tabCon{margin:40px 0 60px;}
/*member*/
.memberCon{padding: 0 23px;}
.memberCon>p{font-size:20px;font-weight: bold;line-height: 50px;margin-top: 20px;}
.memberCon ul{display: flex;flex-wrap: wrap;}
.memberCon ul li{width: 22%;margin-right: 45px;margin-bottom: 20px;}
.memberCon ul li:nth-child(4n){margin-right:0;}
.memberCon ul li .imgBox{width: 100%;height: 300px;overflow: hidden;}
.memberCon ul li .imgBox img{width: 100%;}
.memberCon ul li .info{margin-top:10px;}
.memberCon ul li .info p{font-size:14px;line-height:30px;position:relative;}
.memberCon ul li .info p:first-child::after{content:"";width:40px;height: 2px;bottom:0;left:0;position:absolute;background:#2d914c;}

.ContactInfo{padding:20px 0;}
/*research*/
.columnnav_ul{border-top: 1px solid #cdced0;padding-bottom: 160px;}
.columnnav_ul li{border-bottom: 1px solid #cdced0;padding: 9px 0;}
.columnnav_ul li a{line-height: 22px;font-weight: 600;width: 100%;}
.columnnav_ul li a:hover,.columnnav_ul li.on a{color: #840163;}
.high_con{display: flex;justify-content: space-between;margin-top: 25px;font-size: 14px;}
.high_con .left_menu{width: 260px;}
.high_con .right_con{width: calc(100% - 260px);padding-left: 60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 40px;}
.high_con .right_con .right_title{font-size: 18px;line-height: 22px;font-weight: 600;padding-bottom: 25px;}

.Research{padding:0 23px;font-size: arial;}
.Research ul{margin-bottom: 60px;}
.Research ul li{display: flex;justify-content: space-between;padding:25px 0 20px;border-bottom: 1px solid #cdced0;}
.Research ul li .Txt{width: 875px;}
.Research ul li .Txt>p{font-size: 18px;margin-top: 10px;}
.Research ul li .Txt .summary{font-size: 16px;margin-top: 28px;line-height: 25px;}
.Research ul li .imgBox{width: 300px;position: relative;}
.Research ul li .imgBox img{width: 100%;display: inline-block;transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
/*publication*/
.Publications_con .left_menu{padding-top: 20px;width: 40px;float: left;overflow:hidden;}
.Publications_con .left_menu ul{width: 57px;overflow-y: scroll;overflow-x: hidden;max-height: 80vh;}

.Publications_con .left_menu::-webkit-scrollbar{width:3px;height:100%;}
.Publications_con .left_menu::-webkit-scrollbar-thumb{background: #ddd;background-size:100%;}
.Publications_con .left_menu::-webkit-scrollbar-track{background: #fff;}
.Publications_con .left_menu::-webkit-scrollbar-button{display: none;}

.Publications_con .left_menu li{padding-bottom: 20px;font-weight: 600;position: relative;}
.Publications_con .left_menu li:after{position: absolute;bottom: 6px;left: 15px;width: 1px;height: 10px;background: #777777;content: "";display: block;}
.Publications_con .left_menu li:last-of-type:after{display: none;}
.Publications_con .left_menu li a.on{color: #840163;}
.Publications_con .right_con{width: calc(100% - 40px);padding-left: 60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 40px;float: right;}
.Publications_con .right_con li{border-top: 1px solid #bebebe;padding: 30px 0;line-height: 25px;}
.Publications_con .right_con li:first-of-type{border-top: 0;padding-top: 0;}
.Publications_con .left_menu.fixed{position: fixed;top: 0;padding-top: 20px;}
.Publications_con .right_con .right_title{font-size: 18px;line-height: 22px;font-weight: 600;padding-bottom: 10px;}
.Publications_con .right_con .year_title{font-size: 22px;font-weight: 700;padding-bottom: 20px;padding-top: 20px;}
.Publications_con .right_con .years_con.color .year_title{color: #840163;}
.Publications_con .right_con .img_con{margin-top: 20px;text-align: center;}
.Publications_con .right_con .img_con img{max-width: 100%;}
/*facilities*/
.yqsb{width: 31.38%;/* height: 258px; */background: #EDF3FF;margin: 20px 35px 0px 0px;padding: 0 0 10px 0;}
.yqsb img{transition:all 0.35s ease-in-out;margin: 28px 43px 20px 44px;max-width: 100%;max-height: 100%;width: 268px;height: 180px;}
.yqsb p{color: #333;font-size: 18px;text-align: center;}
.yqsbT{margin-bottom: 50px;display: flex;flex-wrap: wrap;}
.yqsb:hover img{transform:scale(1.1);}
.yqsb:hover p{color:#840163;}
/*photo*/
.photos{padding: 0 25px 80px 25px;margin-bottom:25px;}
.photos ul li {list-style:none;}
.photo_p {text-align:center;margin:20px 0 25px 0;color: #333;}
.photoinfo {/* margin-left:25px; */display: flex;flex-wrap: wrap;}
.photoinfo li {padding: 0;margin-top:43px;width: 24%;border-bottom: 1px dashed #ddd;margin-right: 15px;}
.photoinfo li:nth-child(4n){margin-right:0;}
.photoinfo li a {border:1px solid transparent;padding:0 !important;/* margin-left:15px; */overflow: hidden;}
.photoinfo li:hover p{color:#840163;text-decoration:underline;}
.photo_im{text-decoration:underline;height: 172px;line-height: 172px;text-align: center;background: #efefef;overflow: hidden;}
.photo_im img {max-width: 100%;max-height: 100%;transition:all 0.5s ease-in-out;}
.photoinfo li:hover img{transform:scale(1.2);}
/*news*/
.News{padding:0 23px;}
.News ul{margin-bottom: 20px;}
.News ul li{display: flex;justify-content: space-between;padding: 30px 0;border-bottom:1px dashed #dddddd;}
.News ul li .new_img{height: 200px;width: 300px;border: 1px solid #e1e1e1;overflow: hidden;}
.News ul li .new_img img {width:100%;height:auto;transition:all .35s ease-in-out;}
.News ul li:hover img{transform:scale(1.1);}
.News ul li:hover p{color:#840163;}
.News ul li .txt{line-height:25px;padding:10px 0;font-size: 14px;width:746px;position:relative;}
.News ul li .txt .newTitle{display:flex;font-weight: 700;}
.News ul li .txt .newTitle a{display:inline-block;width: calc(100% - 80px);}
.News ul li .txt .newTitle p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.News ul li .txt .newTitle .time{width: 80px;text-align: right;}
.News ul li .txt .new_he{margin-top: 20px;line-height: 25px;color: #333;height:100px;overflow:hidden;}
.News ul li .txt a.newsMore{color: #840163;position:absolute;bottom:0;right:0;}

.newsInfo{border-bottom: 1px dashed #ddd;padding-bottom: 70px;margin: 20px 0;}
.newsInfo h5 {text-align: center;margin-top: 50px;margin-bottom:20px;font-weight:700;font-size:20px;}
.newsinfo_p {text-align: center;padding-bottom: 30px;border-bottom: 1px dashed #ddd;margin-bottom: 15px;}
.newsInfo .newsCon{margin-top:20px;line-height:25px;}
.newsinfo p {line-height: 32px;height:32px;}
.bottom {margin-bottom: 20px;margin-top:15px;font-size:14px;}
.bottom a {color:#840163;text-decoration:none;height:30px;line-height:30px;}
.bottom a:hover{color:#840163;text-decoration:underline;}
.bottom a:hover{color:#840163;text-decoration:underline;}

/*page*/
.pages {margin-top:50px;text-align: center;margin-bottom: 50px;}
.pages a {color:#999; border: 1px solid #999;border-radius: 6px;padding: 10px 14px;}
.pages a:hover {color:#fff;background:#840163;text-decoration:none;}
.pages a.currentpage{color:#fff;background: #840163;text-decoration:none;}

.Common{padding: 0 23px;margin: 20px 0;line-height:24px;}

.commonInfo{padding:30px 0;}
/* search */
.search ul{min-height:200px;}
.search ul li{margin:10px 0;}
.search ul li a{display:flex;justify-content:space-between;line-height:30px;}
.search ul li a:hover{color:#840163;}
.search ul li a em{font-style:normal;}
.search ul li p{width:calc(100% - 100px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


.wzlist ul{min-height:200px;}
.wzlist ul li{margin:10px 0;}
.wzlist ul li a{display:flex;justify-content:space-between;line-height:30px;}
.wzlist ul li a:hover{color:#840163;}
.wzlist ul li a em{font-style:normal;}
.wzlist ul li p{width:calc(100% - 100px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
@media screen and (max-width:1247px){
    .position{display: block;width: 94%;margin: 0 3vw;padding: 3vw;box-sizing: border-box;}
    .position p{font-size:18px;}
    .location{display:none;}
    .Prof {width:100%;padding:0 3vw;box-sizing:border-box;}
    .Prof .msg{/* flex-wrap:wrap; */display: block;}
    .Prof .msg .info{margin-left:0;margin-top: 10vw;max-width: 100%;}
    .tab{margin-top:7vw;}
    .tab li{padding: 0 9vw 0 0;font-size:12px;width: 50%;box-sizing: border-box;line-height: 8vw;}
    .tab li:after{bottom:0;width: calc(100% - 10vw);}
    .tabCon{margin:7vw 0;}
    .linksBox{width: 94%;overflow-x:scroll;margin: 0 auto;}
    .memberCon ul li{width: 47%;margin-right:5%;margin-bottom: 4vw;}
    .memberCon ul li:nth-child(2n){margin-right:0;}
    .memberCon ul li .info{margin-top:2vw;}
    .memberCon ul li .info p{font-size: 13px;}
    .memberCon ul li .imgBox{height:50vw;}
    .memberCon ul li .info p:last-child{word-wrap: break-word;line-height: 15px;margin: 2vw 0;font-size: 12px;}
    .memberCon{padding: 0 4vw;}
    .memberCon>p{line-height: 10vw;font-size:14px;margin-top: 4vw;}

    .ContactInfo{padding:0 3vw;}
    .ContactInfo img{height:auto;}

    .Research ul li{display:block;}
    .Research ul li .Txt{width:100%;}
    .Research ul li .imgBox{width:100%;margin:4vw 0;}
    .high_con .left_menu{display:none;}
    .high_con .right_con{width:100%;padding: 3vw;}


    .Publications_con{padding:0 3vw;}
    .Publications_con .right_con {padding-left: 15px;}
    .Publications_con .right_con li {padding: 20px 0;line-height: 25px;}
    .Publications_con .right_con li img{height:auto;}
    .Photos_list li {width: 49%;margin-right: 2%;padding-right: 0;margin-bottom: 20px;}
    .Photos_list li:nth-of-type(2n) {margin-right: 0;}
    .Photos_list li .img_con {width: 100%;height: 170px;}
    .Photos_list li h5 {width: 100%;margin-top: 10px;padding: 0 7px;font-size: 12px;text-align: center;}
    .Photos_ul li {width: 48%;margin-right: 4%;margin-bottom: 4%;}
    .Photos_ul li:nth-of-type(2n) {margin-right: 0;}
    .Publications_con .left_menu li {padding-bottom: 15px;}
    .Publications_con .left_menu li:after {bottom: 4px;}

    .yqsbT{padding:3vw;}
    .yqsb{width:100%;margin:0 0 4vw 0;}

    .photos{padding:0 3vw;box-sizing: border-box;}
    .photoinfo{margin-left:0;overflow: hidden;}
    .photoinfo li{width:48%;margin-right:4%;}
    .photoinfo li:nth-child(2n){margin-right:0;}
    .photoinfo li a{margin:0;}

    .News,.NewsInfo,.Common,.Contact{padding:0;}
    .News ul{margin:0 3vw;}
    .News ul li{padding:3vw 0;}
    .News ul li .new_img{width: 42%;height: 26vw;}
    .News ul li .txt{font-size:12px;padding: 2vw 0;width:50vw;}
    .News ul li .txt>p{width:calc(100% - 80px);}
    .News ul li .txt .new_he{margin-top: 1vw;line-height:20px;height: 40px;}

    .newsInfo{margin:0 3vw;padding-bottom: 7vw;}
    .newsInfo h5{margin:5vw 0 2vw;font-size: 18px;}
    .newsinfo_p{padding-bottom:4vw;margin-bottom: 3vw;}
    .newsInfo .newsCon{line-height:20px;margin:3vw 0;}

    .bottom{margin:3vw;font-size: 12px;}
    .bottom a{line-height:20px;font-size:12px;}

    .Contact .row{display:block;}
    .Contact .row .con{width:100%;padding: 4vw 6vw;}

    .Common img{height: auto;}

    .commonInfo{padding:4vw 3vw;}

    .pages{margin:10vw 0;}
    .pages a{padding:1vw 2vw;border-radius:4px;}

    .search ul,.wzlist ul{padding:0 3vw;}

}

