﻿.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:48px;    float: right;}
.position .location a{font-size: 13px;margin: 0 5px;color: #000000;text-transform: uppercase;}
.col_metas .col_title { display:inline-block; float:left; height: 48px; line-height: 48px; }  /**当前栏目**/
.col_metas .col_title h2 {display:inline-block;font-size: 20px;font-family:"Microsoft yahei";font-weight: normal;color: #0f429b;border-bottom: 3px solid #CBCBCB;}
.col_metas .col_path {display:inline-block;float:right;white-space:nowrap;font-size: 13px;margin: 0 5px;color: #000000;text-transform: uppercase;}
ul.col_metas.clearfix {  width: 100%;}

.links{width: 1200px;border-top:1px solid #d4d4d4;padding:30px 24px 10px;box-sizing:border-box;display:flex;flex-wrap:wrap;}
.links .imgBox{width: 216px;height:64px;line-height:64px;text-align:center;box-shadow:2px 2px 10px #ddd;margin-right:17px;margin-bottom:15px;overflow:hidden}
.links .imgBox:nth-child(5n){margin-right:0}
.links .imgBox a{display:block;width:100%;height:100%;}
.links .imgBox img{transition:.5s all ease-in-out}
.links .imgBox:hover img{transform:scale(1.2)}

/*Publications*/

.Publications {width: 100%;position: relative;min-height:500px;}
.PublicationsL{width:200px;float: left;padding-top: 24px;}
.PublicationsL ul{width: 108px;margin-left: 60px;margin-top: 30px;border: 0;height: calc(100vh - 250px);overflow-y: scroll;}
.affix {top: 0px;}
.PublicationsL ul::-webkit-scrollbar{width:5px;height:185px;}
.PublicationsL ul::-webkit-scrollbar-thumb{background: #e6e6e6;border-radius:5px}
.PublicationsL ul::-webkit-scrollbar-track{background: #f7f7f7;border-radius:5px}
.PublicationsL ul::-webkit-scrollbar-button{display: none;}
.PublicationsL ul li{position: relative;display:none;}
.PublicationsL ul li a{line-height: 25px;font-size: 18px;display: block;font-family: "微软雅黑";color: #2d914c;height: 67px;position: relative;border: 0;padding: 0;outline:none}
.PublicationsL .date ul li a:hover{color: #2d914c;}
.nav-tabs>li>a:hover,.nav-tabs>li>a:active{background:none!important;border:0!important}
.nav>li>a:focus, .nav>li>a:hover{background-color: #fff!important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:active{color: #2d914c!important;background-color: rgba(0, 0, 0, 0) !important;border: 0 !important;cursor: pointer!important;}
.PublicationsL ul li a em{top: 8px;display: block;width:10px;height:10px;border: 1px solid #2d914c;box-sizing:border-box;border-radius: 50%;position: absolute;left: 65%;margin-left: 5px;}
/* .PublicationsL ul li:first-child em{background: #2d914c;} */
.PublicationsL ul li a i{top: 25px;display: block;width:1px;height:45px;background: #2d914c;position: absolute;left: 65%;margin-left: 10px;}
.PublicationsL ul li.active{background:none!important}
.PublicationsL ul li.active em{background: #2d914c;}
.PublicationsL ul li.active a{color: #2d914c;background:none;border: 0}
.PublicationsL ul li:last-child i{display:none;}
.PublicationsL ul li:last-child a em{display:none;}
.PublicationsL ul li .polygon{position: absolute;top: 8px;right: 20px;display: none;}
.PublicationsL ul li.active .polygon{display: block;}
.PublicationsL .patents{margin-bottom:50px;margin-left:25px;background:#ffffff;width:155px;height:44px;box-shadow:5px 5px 5px rgba(227, 230, 233, .5);webkit-box-shadow:5px 5px 5px rgba(227, 230, 233, .5);
    -moz-box-shadow: 5px 5px 5px rgba(227, 230, 233, .5);box-shadow: 5px 5px 5px rgba(227, 230, 233, .5);text-indent: 0.5em;line-height: 44px;color:#04419c;font-size:24px;font-weight: bold;margin-top:40px;}
.PublicationsL ul li:nth-child(5) .circle {display:block;position: absolute;left: 63%;top: 5px;}
.PublicationsL ul li:last-child .circle {display:block;position: absolute;left: 63%;top: 5px;}
.circle{position: relative; right: -6px;top: 8px;display:none;}
.PublicationsL ul li:nth-child(5) a em{display: none;}
.PublicationsR{margin-top: 33px;float:right;background:white;width: 940px;position: relative;right: 60px;/* border-radius:5px; *//* border:1px solid #e4eff5; */box-sizing:border-box;border-left: 2px solid #cdced0;margin-bottom: 100px;}
.PublicationsR .Mtop{height:45px;background:#f0f6ff;color: #663399;font-size:24px;line-height: 45px;text-indent: 1em;}
.PublicationsR .list{width:100%;/* height: 630px; */}
.PublicationsR h3{color: #2d914c;font-size: 22px;text-indent: 1em;font-family: "微软雅黑";position: relative;font-weight: 500;margin-top: -10px;padding-top: 30px;}
.PublicationsR h3#yy_1:before{content:"";width:10px;height: 40px;background:#fff;position:absolute;top:0;left: -5px;z-index: 0;}
.PublicationsR h3 img{position: absolute;left: -7.5px;top: 35px;}
.PublicationsR ul{padding-bottom: 0px;padding-top: 25px;/* margin-bottom:30px; *//* border-left: 1px solid #ebebeb; */position: relative;width: 100%;height: auto;}
.PublicationsR ul li{margin-bottom: 20px;border-radius:5px;position: relative;left: 26px;width: 915px;display: flex;    }
.PublicationsR ul li>p{width: 30px;position: relative;display: block;line-height: 25px;font-size: 16px;color: #333333;text-align: justify;}
.PublicationsR ul li em{left: -31px;top: 10px;display: block;width: 8px;height: 8px;background:#bbbbbb;border-radius: 50%;position: relative;}
.PublicationsR ul li>img{position: relative;left:-12px;top: 15px;}
.PublicationsR1{width: 940px;float: right;right:30px;position: relative;margin-top: 20px;background:white;margin-bottom:50px;}
.PublicationsR1 .Mtop{height:45px;background:#f0f6ff;color:#04419c;font-size:24px;line-height: 45px;text-indent: 1em;}
.PublicationsR1 .list{width:100%;padding-bottom:100px;}
.PublicationsR1 .list span{padding:20px;display: block;font-size:14px;color:#000000;line-height: 25px;}
.PublicationsR ul li>div{width:94%;height:auto;color: #333333;/* margin-left: 10px; */line-height: 25px;font-size: 16px;}
.PublicationsR ul li>div .Img img{max-width: 100%;}

/*Prof*/
.Prof{width: 1154px;margin: 0 auto}
.Prof .msg{display: flex;margin-top: 20px;}
.Prof .msg .Img{width:200px}
.Prof .msg .Img img{width:100%}
.Prof .msg .info{margin-left:60px}
.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:after{content:"";position:absolute;bottom:7px;left:0;width:calc(100% - 66px);height:2px;background:#2d914c;display:none} */
.tab li:hover{color:#2d914c;}
.tab li.active{color:#2d914c;}
.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 #2d914c;}
.tab li.active a{border-bottom:2px solid #2d914c;}
.tabCon{margin:40px 0 60px}

.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: 254px;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;}

.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%;}
.Research ul li .Txt .summary img {
    display: none;
}
.News{padding:0 23px;    min-height: 300px;}
.News ul{margin-bottom: 20px;}
.News ul .news{/* padding:25px 0 20px; */border-bottom: 1px solid #cdced0;}
.News ul .news .Txt{position: relative;display:flex;line-height:25px;padding:10px 0;justify-content: space-between;font-size: 14px;}
.News ul .news .Txt p{/* margin-top: 10px; */width: calc(100% - 120px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.News ul .news .Txt .summary{font-size: 16px;margin-top: 20px;line-height: 25px;}
/* .News ul li .Txt .time{position: absolute;right: 0;top: 0} */
.News ul .news p{text-align: left;}
/* .News ul li a{display: inline-block;line-height: 25px;font-weight: bold;} */
.News ul .news a:hover{color:#2d914c}
.News ul .news:hover{background:#eee}

.possplit {
    background-image: url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/css/pos.png");
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 22px;
    background-position: center;
    width: 10px;
    display: inline-block;
    border: 0px solid red;
}
.Prof .msg .info {
    margin-left: 60px;
    line-height: 24px;
}
.NewsInfo{padding: 0 23px;}
.NewsInfo>p{font-size: 20px;/* text-align: center; *//* width: 80%; *//* margin: 30px auto 10px; */line-height: 25px;font-size: 16px;font-weight: 600;line-height: 20px;padding: 20px 0 15px;}
.NewsInfo .time{/* font-size: 14px; *//* color:#aaa; *//* text-align: center; */display: block;padding-bottom: 10px;}
.NewsInfo .info{line-height: 25px;margin: 0 0 50px 0;}
.NewsInfo .next{line-height: 25px;margin-bottom: 10px}
.NewsInfo .next a:hover{color: #2d914c}
#pages{text-align:center;margin-bottom:40px}
#pages a{display: inline-block;color: #666;/* margin:0 3px; *//* border-radius:4px; */width: 24px;height: 24px;text-align:center;border: 1px solid #ddd;line-height: 24px;font-size:14px;}
#pages a.currentpage{color:#fff;background:#2d914c}
#pages a:hover{color:#fff;background:#2d914c}
#pages .isN{width: 42px;}

.Contact{padding: 0 23px;margin-bottom: 20px}
.Contact .row{display: flex;justify-content: space-between}
.Contact .row .con{width: 565px;position: relative;padding: 23px 32px;margin: 20px 0;border: 1px solid #cdced0;box-sizing:border-box;}
.Contact .row .con .title{line-height: 30px;margin: 20px 0 10px;display: inline-block;border-bottom: 4px solid #2d914c;font-weight: bold;font-size: 24px}
.Contact .row .con .summary{line-height: 25px;font-size: 14px;}
.Contact .row .con2 .location{position: absolute;top: 20px;right: 30px;line-height: 30px}
.Contact .map{border:1px solid #cdced0}
.Contact .map .title{line-height: 30px;margin: 20px 0 10px;display: inline-block;border-bottom: 4px solid #2d914c;font-weight: bold;font-size: 24px}
.Contact .map .info{line-height: 25px;}
.Contact .map .info img{width:100%}

.ContactInfo{padding: 0 23px;margin: 20px 0;line-height:24px}

.Common{padding: 0 23px;margin: 20px 0;line-height:24px}
li.pages_count {
    display: none;
}
@media screen and (max-width:880px){
    .position{display: block;width: 94%;margin: 0 3vw;padding: 3vw;box-sizing: border-box;}
    .location{display:none}
    .Prof {width:100%;padding:0 3vw;box-sizing:border-box}
    .Prof .msg{flex-wrap:wrap;}
    .Prof .msg .info{margin-left:0;margin-top: 10vw;}
    .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%;}
    .memberCon ul li:nth-child(2n){margin-right:0}
    .memberCon ul li .info{margin-top:2vw}
    .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;}

    .ContactInfo{padding:0 3vw}
    .ContactInfo img{height:auto}

    .Research ul li{display:block}
    .Research ul li .Txt{width:100%;}
.Research ul li .imgBox img{    position: static;transform: inherit;}
    .Research ul li .imgBox{width:100%;margin:4vw 0}

    .PublicationsL{width: 90px;padding: 0;}
    .PublicationsL ul{margin-left:3vw;margin-top: 4vw;width: 67px;}
    .PublicationsL ul li a{height:10vw;font-size: 14px;}
    .PublicationsL ul li a em{width:5px;height:5px;top: 2.5vw;margin-left: 1vw;}
    .PublicationsL ul li a i{height: 6vw;margin-left: 1.5vw;top: 5vw;}
    .PublicationsL ul li:nth-child(5) .circle{width:4vw}
    .PublicationsL ul li:last-child .circle{width:4vw}
    .PublicationsR{width: calc(100% - 110px);margin-top: 0;right: 3vw;}
    .PublicationsR h3{font-size:14px;padding-top: 5vw;margin-top: 0;}
    .PublicationsR h3 img{width:2vw;left: -1.3vw;top: 6vw;}
    .PublicationsR h3#yy_1:before{height: 6vw;}
    .PublicationsR ul{padding: 0;}
    .PublicationsR ul li{width: 96%;left: 2vw;margin-bottom: 3vw;}
    .PublicationsR ul li em{left: -3vw;width: 6px;height: 5px;}
    .PublicationsR ul li p{font-size:14px;}
    .PublicationsR ul li>div{font-size:12px;line-height:20px;margin-top: 1vw;}
    .PublicationsR ul li>div span{font-size:12px!important}

    .News,.NewsInfo,.Common,.Contact{padding:0 3vw}
    .News ul li .Txt{font-size:12px;padding: 2vw 0;}
    .News ul li .Txt>p{width:calc(100% - 80px)}

    .Contact .row{display:block}
    .Contact .row .con{width:100%;padding: 4vw 6vw;}

    .Common img{height: auto}
}