.banner{width: 100%;height: 530px;}
.bannerL{width: 57%;height: 100%;float: left;background:url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-mask.png") center bottom no-repeat;overflow: hidden;}
.bannerR{width: 43%;height:100%;float: right;background:url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-bannerbg.png") #00a0e9 center bottom no-repeat;}
.banner .swiper-pagination {width:100%;height:45px;bottom: 0px;text-align: right;/* background: rgba(103,157,74,0.8); */}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 18px 15px 0px 0px;background:url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle.png") center center no-repeat;opacity: 1;width: 10px;height: 10px;outline: none;}
.banner .swiper-pagination-bullet-active{background:url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle1.png") center center no-repeat!important;}
.banner .w1{position: absolute;bottom: 0px;font-size: 16px;color: #fff;z-index: 999;width: 87%;text-align: right;line-height: 45px;height: 45px;padding: 0px 13% 0px 0px;background: rgba(103,157,74,0.8);}
.bannerR .News{padding:90px 0px 0px 35px;width: 55%;}
.bannerR .title{font-size: 24px;color: #ffffff;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-arrow.png") left center no-repeat;text-indent: 25px;}
.bannerR ul{margin:30px 0px 0px 0px;}
.bannerR ul li{line-height: 40px;padding-left:30px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-cion01.jpg") 10px center no-repeat;height: 40px;overflow: hidden;}
.bannerR ul li a{color: #fff;font-size: 14px;}
.bannerR ul li a .time{float: right;}
.bannerR ul li.new{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-new.png") 3px center no-repeat;}
.bannerR ul li span{width: calc(100% - 80px);height: 40px;overflow: hidden;display: inline-block;}
.bannerR ul li:hover .tit{text-decoration: underline;}
.bannerR .more{float: right;font-size: 12px;font-family: 'Arial';color: #ffffff;margin: 25px 0px 0px 0px;}
.bannerR .more:hover{font-weight:bold;}

/*研究方向*/
.content{width: 1200px;margin:0px auto;}
.direction{margin:60px auto 0px;}
.directionL{width: 600px;float: left;}
p.title{color: #434343;font-size: 24px;line-height: 34px;text-align: center;letter-spacing: 2px;}
p.en{color: #a0a0a0;font-size: 14px;font-family: 'Arial';line-height: 34px;text-align: center;margin: 0px 0px 20px 0px;position: relative;letter-spacing: 1px;}
p.en .more:hover{color:#00a0e9;}
p.en i{width: 25px;height: 1px;background: #c9c9c9;display: inline-block;margin: 0px 10px 0px 10px;position: relative;top: -4px;}
.directionL .img{width: 100%;height: 500px;background:#f9f9f9;text-align: center;padding: 36px 0px;}
.directionL .img img{vertical-align: middle;max-width: 100%;}
/*代表性论文*/
.directionR{float: right;}
p.en .more{color: #434343;font-size: 12px;position: absolute;right: 0px;}
.directionR .list{padding: 0px 20px 0px 20px;height: 574px;}
.directionR .list li{padding: 0px 0px 15px 15px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle2.png") left 8px no-repeat;margin-bottom: 21px;border-bottom: 1px dashed #f2f2f4;line-height: 27px;height: 82px;overflow: hidden;}
.directionR li a{color:#434343;font-size: 16px;font-family:'Arial';line-height:26px;}
.directionR li:hover a{color:#00a0e9;}
/*研究进展*/
.Progress{width: 100%;margin:40px auto 0px;}
.Progress li{width: 285px;height: 395px;float: left;background: #fafbfb;margin-right: 20px;}
.Progress li:nth-child(4n){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 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;}
.Progress li .words{padding:15px 22px;position: relative;height: 140px;}
.Progress li .t1{color: #434343;font-size:14px;transition:1s all ease;height: 20px;overflow: hidden;}
.Progress li .sum{border-top: 1px solid #e5e5e5;color: #a0a0a0;font-size: 12px;line-height: 24px;padding: 10px 0px 12px;margin: 12px 0px 0px 0px;}
.Progress li .more{float: right;color: #b5b5b5;font-size:12px;position: absolute;right: 22px;bottom: 0px;transition:1s all ease;}
.Progress li:hover .sum{border-top:1px solid #00a0e9;}
.Progress li:hover .more{color: #00a0e9;}
.Progress li:hover img{transform:scale(1.3);}

/*学术活动*/
.Academic{margin:45px auto 0px;}
.AcademicL{width: 590px;float: left;}
.AcademicL .list{border:1px solid #dcdcdc;background: #fafbfb;padding: 10px 15px 3px 15px;}
.AcademicL .list li{line-height: 45px;height: 45px;overflow: hidden;border-bottom: 1px dashed #ececec;padding-left: 30px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-index1.png") left center no-repeat;}
.AcademicL .list li:nth-child(5n){border-bottom: 0px dashed #fff;}
.AcademicL li a{color: #626262;font-size: 14px;}
.AcademicL li a .time{float: right;}
.AcademicL li:hover a{color: #5aa746;font-weight: bold;}

/*招聘信息*/
.AcademicR{float: right;}
.AcademicR .list li{background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-index2.png") left center no-repeat;padding-left: 25px;}

/*友情链接*/
.Link{margin:45px auto 0px;overflow: hidden;padding: 0px 10px;position: relative;}
.Link li{width: 184px;height: 60px;border:1px solid #dedede;float: left;text-align: center;background: #fafbfb;box-sizing: border-box;}
.Links{box-shadow: 0 0 black;overflow: hidden;width: 1180px;}
.Link li a{color:#626262;font-size:16px;line-height: 60px;}
.Link .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-left.png") center center no-repeat;left: -3px;outline: none;margin-top:20px;}
.Link .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-right.png") center center no-repeat;right: -2px;outline: none;margin-top:20px;}
.Link li.two a{line-height: 22px;position: relative;top:7px;}
.Link li:hover a{font-weight:bold;}

@media(max-width:880px){
    .bannerL{width: 100%;float: none;height: 70vw;}
    .banner{height: auto;}
    .banner .w1{font-size: 16px;width: 75%;padding: 0px 25% 0px 0px;}
    .bannerR{width: 100%;padding: 0px 0px 30px 0px;background-size: cover;float: none;height: auto;}
    .bannerR .News{padding: 30px 2.5%;width:95%;}
    .bannerR .title{font-size: 20px;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-arrow.png") 5px center no-repeat;}
    .bannerR ul{margin: 10px 0px 0px 0px;}
    .bannerR ul li{height: 30px;line-height: 30px;}
    .bannerR ul li span.tit{height: 30px;width: calc(100% - 85px);}
    .bannerR .more{margin:15px 0px 0px 0px;}

    .content{width: 100%;}
    .direction{margin: 0px auto 0px;}
    .directionL{width: 95%;float: none;background: #f9f9f9;padding: 30px 2.5% 30px 2.5%;}
    p.title{font-size: 22px;}
    .directionL .img{height: auto;padding: 10px;width: auto;}
    .directionR{float: none;background: #fff;padding: 30px 2.5% 0px 2.5%;}
    .directionR .list{padding:0px;height: auto;}
    .directionR .list li{height: auto;background: url("/_vivi/source/aHR0cHM6Ly9lbmVyZ3kubmFua2FpLmVkdS5jbg/Site/Default/theme/images/icon-circle2.png") left 10px no-repeat;}
    .directionR li a{font-size: 14px;line-height: 24px;}

    /*研究进展*/
    .Progress{width: 95%;margin:20px auto 0px;padding: 0px 2.5%;}
    .Progress li .Img{height: 32vw;}
    .Progress li .words{padding: 10px 10px 30px 10px;height: auto;}
    .Progress li .sum{margin:7px 0px 0px 0px;height: 60px;}
    .Progress li{padding: 0px 0px 20px 0px;height: auto;}

    /*学术活动*/
    .Academic{margin: 30px auto 0px;}
    .AcademicL{width: 95%;float: none;padding: 0px 2.5%;}
    .AcademicR{margin:35px 0px 0px 0px;}

    .AcademicL .list li span.tit{width:calc(100% - 90px);overflow:hidden;display:inline-block;height:30px;}

    .Link{margin: 30px auto 0px;width: 95%;padding: 0px;}
    .Links{width: 85%;margin: 0 auto;padding: 0px;overflow: hidden;}
    .Link .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;margin-top: 20px;}
    .Link .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;margin-top: 20px;}
    .Link li.two a{top:7px;}


}