iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: http://english.pku.edu.cn/Public/static/themes/bden/css/page.css
@charset "utf-8"; .home1{position:relative;overflow: hidden;} .home1 .child{background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff;height:100vh;position:relative;} .home1 .child .mask{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.3);} .home1 .child .text{position:absolute;left:0;right:380px;bottom: 30px;} /* text-transform:capitalize; */ .home1 .child .text .h{/*line-height:1.2;*/font-weight:bold;font-size: 30px;padding: 0.2em 1em;} .home1 .child .a2{ position: absolute;right: 15px;bottom: 35px;font-size: 24px;line-height: 1;width: 80px;height: 60px;line-height: 60px;text-align: center; z-index: 5; } .home1 .child .a2:after {content: "\e76c";display: inline-block;vertical-align: middle;font-family: icon;} .home1 .child:before {content: "";position: absolute;left: 0;bottom: 0;right: 0;height: 80px;background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));} .home1 .navg{position: absolute;right: 100px;bottom: 50px;color: #fff;text-align: center;line-height: 1;} .home1 .slick-dots{text-align:right;} .home1 .slick-dots li{width:auto;height:auto;border:none;/*font-size:32px;*/color:#fff;margin-left:30px;transition:all 0.1s ease-out 0s;margin: 0 10px;font-size: 14px; font-family: Arial; cursor: pointer; vertical-align: middle; display: inline-block;} .home1 .slick-dots li.slick-active{background:none;font-size: 22px;} .home1 .slick-dots li.slick-active:after{content:"";display:inline-block;vertical-align:middle;width:60px;border-bottom:1px solid #fff;margin-left:30px;margin-top:4px;} .home1 .transTop{transition-duration:0.8s;transition-delay:0.2s;} .home1 .slick-arrow {visibility: hidden;} .home1 .prev{position:absolute;left:60px;top:50%;transform:translateY(-50%);opacity:0.5;} .home1 .prev:hover{opacity:1;} .home1 .prev:after{content:"\e73c";font-family:icon;font-size:60px;color:#fff;} .home1 .next{position:absolute;right:60px;top:50%;transform:translateY(-50%);opacity:0.5;} .home1 .next:after{content:"\e73d";font-family:icon;font-size:60px;color:#fff;} .home1 .next:hover{opacity:1;} /*.home1 .mouse{background:url(../image/png1.png) center center no-repeat;width:82px;height:68px;position:absolute;left:50%;bottom:35px;transform:translateX(-50%);background-size:contain;cursor:pointer;animation:mouse 3s linear 0s infinite;} @keyframes mouse{ 0%{margin-bottom:0;} 10%{margin-bottom:-10px;} 20%{margin-bottom:0;} 30%{margin-bottom:-10px;} 40%{margin-bottom:0;} 100%{margin-bottom:0;} }*/ .home1 .mouse{position:absolute;left:50%;bottom:0;text-align:center;transform:translateX(-50%);color:#94070a;font-size:36px;cursor: pointer;opacity:0;font-family:icon;padding:0 10px;animation:bb 2s linear 0s infinite;font-weight:bold;} @keyframes bb{ 0%{transform:translate(-50%,0);opacity:0;} 20%{transform:translate(-50%,3px);opacity:1;} 80%{transform:translate(-50%,10px);opacity:1;} 90%{transform:translate(-50%,10px);opacity:0;} 100%{transform:translate(-50%,10px);opacity:0;} } .home1.showdiv .mouse{opacity:1;} .home1 .mouse:hover{ animation-play-state:paused;color: #fff;} .hcont_box{position: fixed;left: 0%;top: 100%;bottom: 0;right: 0;background: #fff;transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index: 1;overflow: auto;outline: none;padding-top:100px;} .hcont_box.showdiv{top: 0;} @media screen and (max-width:1500px){.hcont_box{padding-top:80px;}} @media screen and (max-width:1150px){.hcont_box{padding-top:70px;}} @media screen and (max-width:960px){.hcont_box{padding-top:0px;}} .home2{position:relative;} .home2:before{content:"";background:#ececec;height:80%;width:calc(50%);position:absolute;right:0;top:0;} .home2 .d1 .text{background:#666b72;color:#fff;width:33.33%;position:relative;} .home2 .d1 .text .f20:after{content:"";border-bottom:4px solid #a20000;width:50px;display:block;margin-top:5px;} .home2 .d1 .text .f24{font-size: 20px;} @media screen and (max-width:1500px){.home2 .d1 .text .f24{font-size: 18px;}} @media screen and (max-width:1300px){.home2 .d1 .text .f24{font-size: 16px;}} .home2 .d1 .text .f18{opacity:0.6;font-size: 16px;} @media screen and (max-width:1500px){.home2 .d1 .text .f18{font-size: 14px;}} .home2 .d1 .text a{display:inline-block;} .home2 .d2{border-left:1px solid #ddd;} .home2 .d2 .item{border-right:1px solid #ddd;border-bottom:1px solid #ddd;position:relative;background:#fff;position:relative;transition:all 0.15s ease-out 0s;} .home2 .d2 .item:before{content:"";transition:all 0.3s ease-out 0s;width:60%;top:0;left:0;bottom:0;background:#a20000;position:absolute;opacity:0;} .home2 .d2 .item:hover:before{width:100%;opacity:1;} .home2 .d2 .item>div{position:relative;} .home2 .d2 .item .f18{height: 81px;} .home2 .d2 .item .f20{color:#a20000;margin-top: 0;} .home2 .d2 .item:hover{color:#fff;} .home2 .d2 .item:hover .f20{color:#fff;} .home2 .d2 .item:nth-child(-n+6){width:33.33%;} .home2 .list{position:relative;} .home2 .list .more{position:absolute;right:0;bottom:100%;width:33.33%;height:4.7em;line-height:4.7em;text-align:center;color:#fff;background:#a20000;transition:all 0.1s ease-out 0s;display: block;} /*.home2 .list .more a{display:block;height:100%;} .home2 .list .more:hover{background:#cc0000;}*/ /*.home2 .list .more {line-height: inherit;height: auto;display: block;position: relative;}*/ .home2 .list .more em {display: block;} .home2 .list .more a:after {content: attr(data);width: 100%;height: 100%;-ms-flex-align: center;align-items: center;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;} .home3{color:#fff;transition:all 0.5s ease-out 0s;text-align:center;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;} .home3 .title{max-width:900px;margin:auto;} .home4 .dl{width:50%;} .home4 .dl .list{overflow:hidden;padding:0 0 20px 20px;} .home4 .dl .item{padding-left:50px;position:relative;padding-bottom:40px;} .home4 .dl .item:last-child{padding-bottom:0;} .home4 .dl .item:before{content:"";position:absolute;left:0;top:35px;height:100%;border-left:1px solid #ddd;} .home4 .dl .item:after{content:"";position:absolute;left:-11px;top:35px;width:16px;height:16px;border:3px solid #ddd;border-radius:100%;background:#fff;transition:all 0.1s ease-out 0s;} .home4 .dl .item.now:after{width:20px;height:20px;left:-13px;border-color:#94070a;top:33px;} .home4 .dl .item .f24{padding-right:30%;line-height:1.3;} .home4 .dl .item:hover .f24{color:#94070a;} .home4 .dl .item .lb{height:26px;line-height:26px;display:inline-block;background:#90716d;color:#fff;border-radius:5px;padding:0 10px;font-size:14px;} .home4 .dr{width:50%;min-height:50vw;} .home4 .dr .pic{height:100%;transition:all 0.6s ease-out 0s;} .home4 .dr .pic .img{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 0.5s ease-out 0s;} .home4 .dr .pic .img a{height:100%;display: block;position: absolute;top: 0;left: 0;right: 0;} .home4 .dr .pic .img.act{opacity:1;z-index: 2;} .home5{background:#666b72;} .home5 .title{color:#fff;} .home5 .slick-slide{margin:0 50px;box-shadow:0 0 20px rgba(0,0,0,0.15);outline: none;} .home5 .child{cursor:pointer;} .home5 .child .text{padding:50px;background:#fff;} .home5 .child .pic{position:relative;} .home5 .child .pic .img {} .home5 .slick-arrow{position: absolute;top: 0;bottom: 0;width: 25.5%;z-index: 9;cursor: pointer;} .home5 .slick-prev{left: 0;} .home5 .slick-next{right: 0;} .home5 .child:hover{color: #a20000;} .home6{position:relative;} .home6:before{content:"";position:absolute;left:50%;top:0;bottom:0;right:0;background:#e5e5e5;} .home6 .part1 .dl .frame{height:100%;} .home6 .part1 .dl .pic{height:100%;} .home6 .part1 .dr{width:40%;background:#fff;padding:70px;} .home6 .part2 .dl{background:#666b72;color:#fff;width:40%;padding:70px;} .home6 .part2 .dl .list{padding:0 0 0 8px;} .home6 .part2 .dl .item{padding-left:50px;position:relative;padding-bottom:15px;} .home6 .part2 .dl .item:last-child{padding-bottom:0;} .home6 .part2 .dl .item:before{content:"";position:absolute;left:0;top:5px;height:100%;border-left:1px solid #fff;} .home6 .part2 .dl .item:after{content:"";position:absolute;left:-7px;top:5px;width:13px;height:13px;border:1px solid #fff;border-radius:100%;background:#666b72;transition:all 0.1s ease-out 0s;} .home6 .part2 .dl .item:hover:after{width:20px;height:20px;top:1px;left:-13px;border-color:#94070a;border-width:3px;} .home6 .part2 .dl .item:last-child:before{height:auto;bottom:5px;} .home6 .part2 .dl .item .f24:hover{color: #94070a;} .home6 .part2 .dl .item li{background:url(../image/arrow3a.png) left 0.4em no-repeat;margin-top:10px;opacity:0.8;padding-left:1.8em;background-size:0.85em auto;} .home6 .part2 .dl .item li:hover{opacity: 1;background-image: url(../image/arrow3b.png);} .home6 .part2 .dr .pic{height:100%;} .home6 .part3 .dr{width:40%;background:#fff;padding: 60px 50px;} .home6 .part3 .dr .list{overflow:hidden;padding:0 0 0 8px;} .home6 .part3 .dr .item{position:relative;padding:5px 0;padding-left:50px;} .home6 .part3 .dr .item:last-child{padding-bottom:0;} .home6 .part3 .dr .item:before{content:"";position:absolute;left:0;top:0;height:100%;border-left:1px solid #ddd;} .home6 .part3 .dr .item:after{content:"";position:absolute;left:-7px;top:50%;width:13px;height:13px;margin-top:-7px;border:1px solid #ddd;border-radius:100%;background:#fff;transition:all 0.1s ease-out 0s;} .home6 .part3 .dr .item:first-child:before{top:50%;} .home6 .part3 .dr .item:last-child:before{top:0;height:auto;bottom:50%;} .home6 .part3 .dr .item:hover{color:#94070a;} .home6 .part3 .dr .item:hover:after{background:#94070a;border-color:#94070a;} .home6 .more1{font-size: 24px;} .home7{color:#fff;opacity:0;transition:all 0.5s ease-out 0s;} .home7.showd{opacity:1;} .home7 .cover{position:relative;} .home7 .mask{background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;right:0;bottom:0;} .home7 .title{position:relative;} .home8 .dl{width:40%;position: relative;} .home8 .dl .title{padding-bottom:50px;} .home8 .dl .b{background:#a20000;color:#fff;} .home8 .dl .slick-mod, .home8 .dl .slick-item, .home8 .dl .slick-list, .home8 .slick-initialized .slick-slide> div, .home8 .cont {height: 100%;background: #a20000;} .home8 .dr{width:60%; background: #222;} .home8 .dr .dt{background:#666b72;color:#fff;} .home8 .dr .more1{color:#fff;} .home8 .dr .db{background:#222;} .home8 .dr .list{max-width:80%;} .home8 .dr .item{margin:40px 0 0 40px;width:calc(50% - 20px);} .home8 .dr .item.tit{background:#a20000;color:#fff;} .home8 .dr .item img{width:100%;height:auto;} .home8 .dr .item:nth-child(-n+2){margin-top:0;} .home8 .dr .item:nth-child(odd){margin-left:0;} .home8 .dl .navg1 {position: absolute;right: 12%;bottom: 24%;z-index: 9;} .home8 .navg1 span {background-size: 100% 100%;} .home8 .navg1 .prev {background-image: url(../image/jjl/prev1.png);} .home8 .navg1 .next {background-image: url(../image/jjl/next1.png);} .staff1 .content{position:relative;} .staff1 .dl{width:30%;position:relative;} .staff1 .dl .pic{margin-right:-30px;} .staff1 .dl .pic img{width:100%;height:auto;} .staff1 .bg{background:#666b71;position:absolute;left:0;bottom:0;top:50%;} .staff1 .dc{width:40%;background:#a20000;color:#fff;} .staff1 .dr{width:30%;} .staff1 .dr .pic{height:100%;} .staff1 .pic2{width:30%;} .staff1 .pic2 img{width:100%;height:auto;} .staff2 .pic{height:100%;min-height:40vw;} .staff3 .content{position:relative;} .staff3 .bg{background:#666b71;position:absolute;left:0;bottom:0;top:50%;} .staff3 .dl{width:55%;} .staff3 .dr{width:45%;} .staff3 .dr .pic{height:100%;} .staff3 .list1{background:#f7f7f7;} .study1{position:relative;} .study1 .bg1{background:#666b71;position:absolute;left:0;top:0;right:30%;bottom:0;width:auto;} .study1 .bg2{background:#e5e5e5;position:absolute;left:0;right:50%;bottom:0;} .study1 .bg3{background:#a20000;position:absolute;top:40%;left:0;bottom:0;} .study1 .bg4{background:#666b71;position:absolute;top:40%;right:0;bottom:0;} .study1 .content{position:relative;} .study1 .dl{color:#fff;position:relative; /*word-break: break-word;*/} .study1 .dr .pic{height:100%;min-height:42vw;} .study2{position:relative;} .study2 .bg{background:#e5e5e5;position:absolute;left:0;top:0;bottom:0;right:50%;} .study2 .content{position:relative;} .study2 .pic{height:100%;margin-right:-35px;min-height:42vw;} .study3 .dl{padding-right:70px;position:relative;z-index: 1;} .study3 .dl .inner{width:calc(100% + 35px);box-sizing:content-box;height:100%;} .study3 .dl .bg{background:#a20000;color:#fff;width:100%;} .study4 .content{padding-top:20vw;background-position:center top;background-repeat:no-repeat;background-size:contain;background-color:#e5e5e5;} .study4 .d1 .d{background:#fff;width:calc(50% - 20px);} .study4 .d2 .item{background:#666b71;width:calc(25% - 45px);color:#fff;height:22vw;text-align:center;position:relative;} .study4 .d2 .item .ico{height:30%;max-height:100px;} .study4 .d2 .item .ico img{height:100%;} .study4 .d2 .item .f30{width:100%;padding:0 20px;line-height:1.1;box-sizing: border-box;} .about1{background:#666b72;color:#fff;} /*.about1 .d:last-child{margin-left:30px;}*/ .about1 .d .f24{background:#94070a;} .about1 .dr{width:58%;margin-left:85px;} .about1 .f36{line-height:1.3;} .about1 .text{/*opacity:0.6;*//*overflow:auto;*//*padding-bottom:10px;*/padding-right: 18px;margin-top: 20px;} .about1 .text p+p{padding-top: 20px;} .about1 .title .f60{text-transform:none;} .about1 .mCSB_scrollTools {width: 5px;opacity: 1 !important;} .about1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #a20000;width: 100%;} .about1 .mCSB_scrollTools .mCSB_draggerRail {width: 100%;background-color: #dfdfdf;} .about2{background:#312a29;color:#fff;} .about2 .text{opacity:0.6;} .about3 .tab-cont{position:relative;} .about3 .tab-cont .tab-item{position:absolute;left:0;top:0;width:100%;transition:all 0.2s ease-out 0s;opacity:0;} .about3 .tab-cont .tab-item.s{opacity:1;z-index: 1;position: relative;} .about3 .tab-cont .tab-item .pic{width: 50%;margin-right: 60px;} .about3 .tab-cont .tab-item .con{color: #444;} .about3 .tab-cont .tab-item .text .f54 {font-size: 54px;} .about3 .tab-cont .tab-item .text .f32 {font-size: 32px;} .about3 .tab-cont .tab-item .text .f18 {opacity: 0.6;} .about3 .focus{position:relative;} .about3 .tab-bar {margin: 40px 170px 0;} .about3 .list{overflow:hidden;margin: 0 140px;} .about3 .list .scroll {display: table; white-space: nowrap;margin: auto;} .about3 .item{position:relative;cursor:pointer;display: inline-block;vertical-align: middle;padding: 0 25px;height: 81px;} .about3 .item .f20 {line-height: 32px;} .about3 .item:before{content:"";position:absolute;left:0;bottom:14px;width:100%;border-bottom:1px solid #ddd;} .about3 .item:after{content:"";position:absolute;left:50%;bottom:4px;margin-top:-8px;width:16px;height:16px;border:3px solid #ddd;border-radius:100%;background:#fff;transition:all 0.1s ease-out 0s;-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);transform: translate(-50%,0);} .about3 .item:last-child {margin-right: 60px;} .about3 .item.cur:after{width:20px;height:20px;border-color:#94070a;} .about3 .item.cur>div{font-size: 38px;line-height: 1;} /*.about3 .item.cur .mt5{color:#a20000;}*/ .about3 .navg1 .prev {position: absolute;left: 0;bottom: 5px;} .about3 .navg1 .next {position: absolute;right: 0;bottom: 5px;} .about4{background:#666b72;color:#fff;} .about4 .text{opacity:0.6;} .about5 .bg{background-position:center top;background-repeat:no-repeat;background-size:contain;padding-top:10vw;} .about5 .title{color:#fff;} .about5 .list{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0);} .about5 .item{border-top:1px solid #ddd;cursor:pointer;width:calc(50% - 75px);margin-left:50px;} .about5 .item:nth-child(-n+2){border-top:none;} .about5 .item:nth-child(even){margin-left:100px;} .about5 .item .h{position:relative;} .about5 .item .h:before{content:"";width:16px;height:16px;border:2px solid #ddd;border-radius:100%;position:absolute;left:-44px;top:50%;margin-top:-10px;transition:all 0.1s ease-out 0s;} .about5 .item:hover .h:before{border-color: #ba4141;transform:scale(1.2);} .about5 .item .p{color:#999;} .about5 .item .p .s1{ display: inline-block;margin-right: 10px;} .about6 .dl .pic{height:100%;} .about6 .dr{background:#e5e5e5;position:relative;} .about6 .dr .bg{background:#666b72;color:#fff;margin-left:-20%;} .about6 .dr .list{padding:0 0 0 8px;} .about6 .dr .item{padding-left:50px;position:relative;padding-bottom:30px;} .about6 .dr .item:before{content:"";position:absolute;left:0;top:5px;height:calc(100% + 5px);border-left:1px solid #fff;} .about6 .dr .item:after{content:"";position:absolute;left:-7px;top:5px;width:13px;height:13px;border:1px solid #fff;border-radius:100%;background:#666b72;transition:all 0.1s ease-out 0s;} .about6 .dr .item:hover:after{width:20px;height:20px;top:1px;left:-13px;border-color:#94070a;border-width:3px;} .about6 .dr .item:last-child:before{height:auto;bottom:0;} .about6 .dr .item li{background:url(../image/arrow3a.png) left 0.4em no-repeat;margin-top:10px;opacity:0.8;padding-left:1.8em;} .about6 .dr .item ul {display: none;} .about6 .dr .item.act ul {display: block;} .about7 .list{max-width:1600px;margin-left:auto;margin-right:auto;} .about7 .item{width:20%;text-align:center;position:relative;padding-left:5px;padding-right:5px;} .about7 .item:after{content:"";position:absolute;left:50%;bottom:0;width:16px;height:16px;border:2px solid #dadada;border-radius:100%;margin-left:-8px;transition:all 0.1s ease-out 0s;} .about7 .item:hover:after{border-color:#a20000;transform:scale(1.2);} .about7 .item .f72{color:#666b72;font-weight:bold;line-height:1;} .about7 .item .f30{color:#999;line-height:1.3;} .collaboration{position:relative;} .collaboration .bg{background:#e5e5e5;position:absolute;left:50%;top:0;bottom:0;right:0;} .collaboration .d:first-child{margin-top:0;} .collaboration .dl{width:80%;position:relative;} .collaboration .dl .text{position:absolute;left:0;bottom:0;right:25%;color:#fff;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));} .collaboration .dr{width:40%;background:#fff;margin-left:-20%;} .collaboration .dr{position:relative;} .collaboration .dr .list{padding:0 0 0 10px;} .collaboration .dr .item{position:relative;padding:0 0 25px 40px;/*cursor:pointer;*/} .collaboration .dr .item:before{content:"";position:absolute;left:0;bottom:0;top:2px;border-left:1px solid #ddd;} .collaboration .dr .item:after{content:"";position:absolute;left:-11px;top:1px;width:16px;height:16px;border:3px solid #ddd;border-radius:100%;background:#fff;transition:all 0.1s ease-out 0s;} .collaboration .dr .item:hover:after{width:20px;height:20px;left:-13px;top:0;border-color:#94070a;} .collaboration .dr .item:last-child{padding-bottom:0;} .collaboration .dr .item .h{color:#666;} .collaboration .dr .item .p{word-break: break-all;} .research1 .title{width:100%;} .research1 .dl{min-height:40vw;} .research1 .dl .mask{background:rgba(0,0,0,0.4);color:#fff;height:100%;} .research1 .dr .d{height:50%;} .research1 .dr .text{background:#666b72;color:#fff;} .research1 .dr .text .pd60{width:100%;} .research2{position:relative;} .research2 .bg1{background:#e5e5e5;position:absolute;left:50%;top:0;right:0;bottom:50%;} .research2 .bg2{background:#312a29;position:absolute;left:0;top:50%;right:0;bottom:0;} .research2 .pd140{position:relative;padding-bottom: 0;} .research2 .content{text-align:center;color:#fff;} .research2 .content .dl{height:26vw;position:relative;} .research2 .content .dl .cover{height:100%;} .research2 .content .dr{height:26vw;/*padding-bottom:5vw;*/background:#666b72;box-sizing:content-box;position:relative;} .research2 .content .ico img{max-height:5vw;min-height:35px;} .research3{position:relative;color:#fff;} .research3 .bg{background:#312a29;position:absolute;left:0;top:0;right:0;bottom:40%;} .research3 .pd140{position:relative;} .research3 .item{position:relative;overflow: hidden;} .research3 .item .cover{height:23vw;text-align:center;background-size: cover;width: 100.5%;} /*.research3 .item:nth-child(odd) .cover{height:24vw;}*/ .research4{color:#fff;} .research4 .focus{position:relative;overflow:hidden;} .research4 .frame{position:relative;height:730px;} .research4 .child{position:absolute;transition:all 0.5s ease-out 0s;left:33.33%;width:33.33%;top:20%;height:60%;opacity:0;background:#000;} .research4 .child .cover{opacity:0.3;transition:all 0.5s ease-out 0s;} .research4 .child.l{left:0%;top:10%;width:33.33%;height:80%;opacity:1;} .research4 .child.c{left:30%;top:0;width:40%;height:100%;z-index:1;opacity:1;overflow: hidden;} .research4 .child.r{left:66.66%;top:10%;width:33.33%;height:80%;opacity:1;} .research4 .child .f30{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));line-height:1.3;opacity:0;transition:all 0.3s ease-out 0s;} .research4 .child a{display:none;} .research4 .child.c a{display:block;} .research4 .child.c .f30{opacity:1;} .research4 .child.c .cover{opacity:1;} .research4 .child img{width:100%;height:auto;} .research4 .prev{position:absolute;left:30px;top:50%;transform:translateY(-50%);} .research4 .next{position:absolute;right:30px;top:50%;transform:translateY(-50%);} .courses1 .dl{min-height:35vw;} .courses1 .dr{background:#e5e5e5;} .courses1 .list{padding:0 0 0 8px;} .courses1 .item{position:relative;padding:0 0 15px 50px;cursor:pointer;} .courses1 .item:last-child{padding-bottom:0;} .courses1 .item:before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid #bbb;} .courses1 .item:after{content:"";position:absolute;left:-7px;top:9px;width:13px;height:13px;border:1px solid #bbb;background:#e5e5e5;border-radius:100%;transition:all 0.1s ease-out 0s;} .courses1 .item:first-child:before{top:10px;} .courses1 .item:last-child:before{top:0;height:auto;bottom:50%;} .courses1 .item:hover .f24{color:#94070a;} .courses1 .item.act .f24{color:#94070a;} .courses1 .item.act:after{background:#94070a;border-color:#94070a;} .courses1 .item ul{display:none;} .courses1 .item.act ul{display:block;} .courses1 .item li{margin-top:5px;padding-left:1.8em;background:url(../image/arrow3.png) left center no-repeat;background-size:0.9em auto;} .courses1 .item a:hover{color:#94070a;} .courses2 .dl{position:relative;} .courses2 .dl .bg{position:absolute;left:0;top:0;right:0;background:#e5e5e5;width:auto;} .courses2 .dl .cover{position:relative;margin-left:-10%;} .courses2 .list{padding:0 0 0 8px;} .courses2 .item{position:relative;padding:0 0 15px 50px;cursor:pointer;} .courses2 .item:last-child{padding-bottom:0;} .courses2 .item:before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid #ddd;} .courses2 .item:after{content:"";position:absolute;left:-7px;top:9px;width:13px;height:13px;border:1px solid #ddd;background:#fff;border-radius:100%;transition:all 0.1s ease-out 0s;} .courses2 .item:first-child:before{top:10px;} .courses2 .item:last-child:before{top:0;height:auto;bottom:50%;} .courses2 .item:hover .f24{color:#94070a;} .courses2 .item.act:after{background:#94070a;border-color:#94070a;} .courses2 .item ul{display:none;} .courses2 .item.act ul{display:block;} .courses2 .item li{margin-top:5px;padding-left:1.8em;background:url(../image/arrow3.png) left center no-repeat;background-size:0.9em auto;} .courses2 .item a:hover{color:#94070a;} .admissions1 .dt{position:relative;} .admissions1 .dt .bg{background:#fff;position:absolute;left:0;bottom:0;top:0;} .admissions1 .dt .pt120{background:#fff;width:50%;} .admissions1 .db{position:relative;} .admissions1 .db .bg{position:absolute;left:0;bottom:0;top:0;background:rgba(162,0,0,0.9);} /*.admissions1 .db .bg:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,0,0,1);mix-blend-mode:multiply;} .admissions1 .db .bg:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0.05);}*/ .admissions1 .db .focus{position:relative;} .admissions1 .db .child{position:relative;} .admissions1 .db .item{height:15vw;width:33.33%;color:#fff;text-align:center;position:relative;border-left:0px solid rgba(255,255,255,0.5);border-bottom:0px solid rgba(255,255,255,0.5);overflow: hidden;} .admissions1 .db .item:before{content:"";background:rgba(162,0,0,0.9);/*mix-blend-mode:multiply;*/position:absolute;left:0;top:0;right:0;bottom:0;} .admissions1 .db .item:nth-child(2){margin-right:33.33%;} .admissions1 .db .item:nth-child(n+3){border-bottom:none;} .admissions1 .db .item .inner{position:absolute;height:auto;padding:0 15%; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); display: block; /*background:rgba(255,255,255,0.05);*/} .admissions1 .db .item img{max-width:55%;} .admissions1 .db .item .a{opacity:0;transition:all 0.2s ease-out 0s;transform:scale(1.1); background: url(about:blank); } .admissions1 .db .item .a:hover{opacity:1; transform:none;} .admissions1 .db .item .a i:nth-child(1){position:absolute;left:15%;top:15%;width:15px;height:15px;border-left:1px solid rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.5);} .admissions1 .db .item .a i:nth-child(2){position:absolute;right:15%;top:15%;width:15px;height:15px;border-right:1px solid rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.5);} .admissions1 .db .item .a i:nth-child(3){position:absolute;left:15%;bottom:15%;width:15px;height:15px;border-left:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);} .admissions1 .db .item .a i:nth-child(4){position:absolute;right:15%;bottom:15%;width:15px;height:15px;border-right:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);} .admissions1 .db .navg2{position:absolute;right:0;top:0;width:33.33%;height:15vw;} @media screen and (max-width: 830px){ .admissions1 .db .item .inner{ padding: 0 7%; } } @media screen and (max-width: 600px){ .admissions1 .db .item .inner{ padding: 0 5%; } } .admissions2{background:#312b29;position:relative;} .admissions2 .db{background:#666b72;} .admissions2 .mask{background:rgba(0,0,0,0.5);height:100%;} .admissions2 .mask .f30{max-width:100%;padding:0 20px;} .admissions2 .title{color:#fff;} .admissions2 .content{position:relative;} .admissions2 .dl{min-height:45vw;color:#fff;} .admissions2 .dl .pl140{height:100%;} .admissions2 .dl .f24 img{margin-right:15px;} .admissions2 .dl .f24{ position: relative; } .admissions2 .dl .f24 a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: url(about:blank); } .admissions2 .dr{background:#ececec;} .admissions2 .dr .cont{height:100%;position:relative;} .admissions2 .dr img{max-height:2em;max-width:2.5em;} .admissions2 .dr .d1{position:absolute;left:0;top:0;right:25%;bottom:40%;background:#fff;} .admissions2 .dr .d1 .list{padding-left:7px;} .admissions2 .dr .d1 .item{padding:0 0 20px 40px;position:relative;cursor:pointer;} .admissions2 .dr .d1 .item:before{content:"";position:absolute;left:0;top:10px;bottom:-10px;border-left:1px solid #ddd;} .admissions2 .dr .d1 .item:after{content:"";position:absolute;width:13px;height:13px;border:1px solid #ddd;border-radius:100%;background:#fff;left:-7px;top:10px;} .admissions2 .dr .d1 .item:hover .f24{color:#94070a;} .admissions2 .dr .d1 li{margin-top:5px;padding-left:1.8em;background:url(../image/arrow3.png) left center no-repeat;background-size:0.9em auto;} .admissions2 .dr .d1 .item:first-child:before{top:10px;} .admissions2 .dr .d1 .item:last-child{padding-bottom:0;} .admissions2 .dr .d1 .item:last-child:before{bottom:0px;} .admissions2 .dr .d1 .f30 img{margin-right:15px;} .admissions2 .dr .d2{position:absolute;left:50%;top:0;right:0;bottom:40%;color:#fff;} .admissions2 .dr .d3{position:absolute;left:0;top:60%;right:0;bottom:0;color:#fff;} .admissions2 .dr .d3 .f30 img{margin-right:15px;} .admissions3{background:#666b72;} .admissions3 .title{color:#fff;} .admissions3 .item{width:calc(33.33% - 33.33px);box-shadow:0 0 10px rgba(0,0,0,0.15);} .admissions3 .item .text{background:#fff;text-align:center;height:auto;} .admissions4 {position: relative;} .admissions4 .bgi1 {background: #666b72;height: 42%;position: absolute;left: 0;bottom: 0;width: 32%;} .admissions4 .bgi2 {background: #52575f;height: 60%;position: absolute;right: 0;bottom: 0;width: 68%;} .admissions4 .block {position: relative;z-index: 1;overflow: hidden;height: 1075px;} .admissions4 .title {text-align: left;} .admissions4 .item {text-align: center;color: #fff;position: relative;} .admissions4 .item .f52 {font-size: 52px;line-height: 1.3;} .admissions4 .item a {position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,0);} .admissions4 .i1 {width: 59.5%;background: #a20000;height: 555px;position: relative;z-index: 1;} .admissions4 .i2 {width: 50%;background: #312b29;height: 575px;position: absolute;right: 0;top: 0;padding-left: 9.5%;} .admissions4 .i3 {width: 50%;position: absolute;height: 440px;bottom: 0;right: 0;padding-left: 9.5%;} .fz40{font-size:40px;line-height:1.3;} .photos{background:url(../image/png86.png) center top no-repeat;background-size:90% auto;} .photos .content{display:-ms-flexbox;display:flex;margin-top:50px;} .photos .tabs{width:85px;text-align: center;} .photos .tabs li{cursor:pointer;} .photos .tabs li:after{content:"";background:url(../image/png56.png) center center no-repeat;width:11px;height:29px;display: inline-block;margin:8px 0 5px;} .photos .tabs li:last-child:after{display:none;} .photos .tabs .p{display:none;margin-bottom:10px;} .photos .tabs .s .p{display:block;} .photos .tabs span.now{color:#94070a;} .photos .tabs .h{font-size:30px;font-family:Impact;} .photos .tabs span{display:block;font-size:16px;padding:5px 0;} .photos .div{margin-left:50px;-ms-flex:1;flex:1;} .photos .date{line-height:70px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;} .photos .date .inr{display: inline-block;background:url(../image/png97.png) right center no-repeat;font-size:30px;padding:0 15px;} .photos .list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px;} .photos .list .item{margin-left:35px;margin-bottom:35px;width:calc(33.33% - 23.33px);} .photos .list .item:nth-child(3n-2){margin-left:0;} .photos .list .item .pic{position:relative;overflow:hidden;} .photos .list .item .pic img{width:100%;height:auto;} .photos .list .item .h{margin-top:10px;} .photos .list .item .d{margin-top:10px;} .photos .list .item .d span{margin-right:15px;} .photos .uplod{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:5;text-align: center;color: #94070a;} .photos .uplod .p {padding-top: 5px;} .photos .uplod img{width:70px;} /*20210121*/ .home4{position: relative;} .home4:before,.home4:after{content: "";position: absolute;z-index: 1;} .home4:before{width: 25%;padding-bottom: 30.5%;background: #a20000;top: 0;right: 0;z-index: 2;} .home4:after{width: 47.5%;padding-bottom: 30.2%;background: #ececec;right: 8.854%;bottom: 0;} .home4 .content{position: relative;z-index: 3;} .home4 .dl .item .f24{padding-right: 0;} .home4 .dl{width: 48%;padding-left: 260px;} .home4 .dr{width: 52%;min-height: auto;} .home4 .dr .pic .img{width: 89.57%;padding-bottom: 79.8%;background-size: cover;height: auto;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);} .about3{background: #fff;position: relative;} .about3:after,.about3:before{content: "";position: absolute;background-repeat: no-repeat;background-position: center;background-size: contain;} .about3:before{width: 9.9479%;padding-bottom: 33.3333%;background-image: url(../image/zpng3_02.png);left: 0;top: 8.926%;} .about3:after{width: 9.0625%;padding-bottom: 16.46875%;background-image: url(../image/zpng4_03.png);right: 0;bottom: 17.75%;} .about3 .tab-cont .tab-item .text .f54{color: #a20000;} .about3 .tab-bar{margin-left: 0;margin-right: 0;} .about3 .list{margin: 0 95px;position: relative;} .about3 .list:before{content: "";width: 100%;border-bottom: 1px solid #ddd;position: absolute;left: 0;right: 0;bottom: 19px;} .about3 .item{color: #999;padding: 0 15px;width: 280px;} .about3 .item:first-child{margin-left: 43px;} .about3 .item:last-child{margin-right: 0;} .about3 .item.cur{color: #a20000;} .about3 .item:after{width: 8px;height: 100%;background: url(../image/zpng1_03.png) no-repeat top center;background-size: contain;border:none;border-radius: 0;bottom: auto;top: 0;left: 0;margin: 0;} .about3 .item.cur:after{background-image: url(../image/zpng2_03.png);width: 8px;height: 100%;} .about3 .item:before{display: none;} .about3 .tab-cont .tab-item .text .f18{max-height: 325px;opacity: 1;color: #666;} .about3 .mCSB_scrollTools{width: 5px;} .about3 .mCSB_scrollTools .mCSB_draggerRail{width: 100%;background-color: #dfdfdf;} .about3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #a20000;} .about7{background: url(../image/zjpg2_02.jpg) no-repeat center;background-size: cover;color: #fff;overflow: hidden;} .about7 .block:after,.about7 .block:before{content: "";width: 262px;height: 230px;position: absolute;top: 0;} .about7 .block:before{background-color: rgba(162,0,0,.6);right: 100%;} .about7 .block:after{background-color: rgba(162,0,0,.25);left: 100%;} .about7 .item .f72,.about7 .item .f30{color: #fff;} .about7 .item:after{display: none;} .about7 .list{max-width: none;position: relative;height: 640px;} .about7 .list .l_row{height: 33.33%;} .about7 .item .f60{line-height: 1;} .about7 .item .f24{line-height: 1.3;} .about7 .op100{background-color: #a20000;} .about7 .op60{background-color: rgba(162,0,0,.6);} .about7 .op70{background-color: rgba(162,0,0,.7);} .about7 .op25{background-color: rgba(162,0,0,.25);} .about7 .i_t{text-align: left;padding: 35px;} .about7 .l_row:nth-child(2) .item:first-child:before{content: "";width: 100%;height: 100%;background-color: rgba(162,0,0,.6);position: absolute;top: 0;right: 100%;} .about7 .l_row:nth-child(3) .item:last-child:before{content: "";width: 100%;height: 100%;background-color: rgba(162,0,0,.7);position: absolute;top: 0;left: 100%;} .about7.showd .item{opacity: 1;transform: none;} .about7.showd .item .i_inner{transform: none;width: 100%;} .about7 .item strong{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;perspective:10vw;} .layer .personbox{max-height: 525px;max-width: 1037px;} .layer .personbox .mCSB_scrollTools{opacity: 1;width: 5px;} .layer .personbox .mCSB_scrollTools .mCSB_draggerRail{width: 100%;background: #dfdfdf;} .layer .personbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #a20000;width: 100%;} .layer .personbox .close{top: 0;color: #312a29;font-size: 20px;font-weight: bolder;width: 100px;height: 100px;line-height: 100px;} .layer .personbox .f18{opacity: 1;color: #9a9a9a;} .home4 .dl .item.now .f24 {color: #94070a;} #layer1{background: rgba(0,0,0,.6);} /*.body{transition: all 0.5s;}*/ .about7.showd .item.s i{animation:td1 2.5s ease-in-out 0s 1 both;transform-style:preserve-3d;display: block;} .about7 .item.s i:nth-child(2){animation-delay:0.2s;} .about7 .item.s i:nth-child(3){animation-delay:0.4s;} .about7 .item.s i:nth-child(4){animation-delay:0.6s;} .about7 .item.s i:nth-child(5){animation-delay:0.8s;} .about7 .item.s i:nth-child(6){animation-delay:1s;} @-webkit-keyframes td1{ 0%{-webkit-transform:rotateX(0deg);} 100%{-webkit-transform:rotateX(360deg);} } @keyframes td1{ 0%{transform:rotateX(0deg);} 100%{transform:rotateX(360deg);} } @media screen and (min-width:1024px){ .about7 .item .i_inner{transform: rotateY(-180deg);transition: all 3s cubic-bezier(0.3,0,0.7,1) 0s;backface-visibility: hidden;} .about7 .item{opacity: 0;transition: all 1s ease-out 0s;transform: scaleX(0);} } /*20210121*/ /*效果*/ @media screen and (min-width:1024px){ .home8 .dr {overflow: hidden;} .home8 .cont .pic { transform: scale(1.4); opacity: 0; transition: all 1.8s ease; } .home8 .dr .item:nth-child(1) { transform: translate(-80px, -80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .home8 .dr .item:nth-child(2){ transform: translate(80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.4s; } .home8 .dr .item:nth-child(3){ transform: translate(80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.6s; } .home8 .dr .item:nth-child(4){ transform: translate(80px, -80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .home8 .dr .dt{ transform: translate(-100px, 0px); opacity: 0; transition: all 1.2s ease-out 0.4s; } .home8.showd .dr .item, .home8.showd .cont .pic, .home8.showd .dr .dt { transform: none; opacity: 1; } /*.campus2 .cont .d6 { transform: translate(-80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .campus2 .cont .d6 { transform: translate(-80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.4s; } .campus2 .cont .d7 { transform: translate(-80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.6s; } .campus2 .cont .d8 { transform: translate(-80px, 80px); opacity: 0; transition: all 1.2s ease-out 8s; }*/ .about1 {overflow: hidden;} .about1 .dl { transform: translate(-100px, 0px); opacity: 0; transition: all 1.2s ease-out 0s; } .about1 .dr { transform: translate(100px, 0px); opacity: 0; transition: all 1.2s ease-out 0s; } .about1.showd .dl, .about1.showd .dr { transform: none; opacity: 1; } .about2 .block { transform: translate(0px, 100px) scale(0.6); opacity: 0; transition: all 1.2s ease-out 0s;} .about2.showd .block { transform: none; opacity: 1; } .about3 {overflow: hidden;} .about3 .tab-cont .tab-item .pic { transform: translate(-100px, 0px); opacity: 0; transition: all 1.2s ease-out 0s; } .about3 .tab-cont .tab-item .con { transform: translate(100px, 0px); opacity: 0; transition: all 1.2s ease-out 0s; } .about3 .tab-bar { transform: translate(0px, 80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .about3.showd .tab-cont .tab-item .pic, .about3.showd .tab-cont .tab-item .con, .about3.showd .tab-bar { transform: none; opacity: 1; } .about6 .dl {filter: blur(12px); opacity: 0; transition: all 1.2s ease-out 0s; } .about6 .dr .bg {transform: translate(0px, 100px); opacity: 0; transition: all 1.2s ease-out 0s; } .about6.showd .dl, .about6.showd .dr .bg {filter: none;transform: none; opacity: 1; } .research1 {overflow: hidden;} .research1 .dl .cover {filter: blur(12px); opacity: 0; transition: all 1.2s ease-out 0s;} .research1 .dr .d:nth-child(1) { transform: translate(-80px, -80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .research1 .dr .d:nth-child(2){ transform: translate(80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.4s; } .research1.showd .dl .cover, .research1.showd .dr .d {filter: none;transform: none; opacity: 1; } .research2 .content .upword {transform: scale(0.4); transition: all 1.2s ease-out 0s;} .research2.showd .content .upword {transform: none; opacity: 1; } .research3 .item:nth-child(1){ transform: translate(0px, 120px); opacity: 0; transition: all 1s ease-out 0s; } .research3 .item:nth-child(2){ transform: translate(0px, 120px); opacity: 0; transition: all 1s ease-out 0.2s; } .research3 .item:nth-child(3){ transform: translate(0px, 120px); opacity: 0; transition: all 1s ease-out 0.4s; } .research3 .item:nth-child(4){ transform: translate(0px, 120px); opacity: 0; transition: all 1s ease-out 0.6s; } .research3.showd .item{ transform: none; opacity: 1; } .collaboration .dl { transform: translate(-100px, 0px); opacity: 0; transition: all 1.2s ease-out 0s;} .collaboration .dr { transform: translate(0px, 100px); opacity: 0; transition: all 1.2s ease-out 0.2s;} .collaboration .d.showd .dl, .collaboration .d.showd .dr{ transform: none; opacity: 1; } .campus_left1 .slick-item .con .img img {filter: blur(12px); opacity: 0; transition: all 1.2s ease-out 0s;} .campus_left1.showd .slick-item .con .img img {filter: none;transform: scale(1.02); opacity: 1; } .campus_left2 .dr {overflow: hidden;} .campus_left2 .cont .pic { transform: scale(1.4); opacity: 0; transition: all 1.8s ease; } .campus_left2 .dr .item:nth-child(1) { transform: translate(-80px, -80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .campus_left2 .dr .item:nth-child(2){ transform: translate(80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.4s; } .campus_left2 .dr .item:nth-child(3){ transform: translate(80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.6s; } .campus_left2 .dr .item:nth-child(4){ transform: translate(80px, -80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .campus_left2 .dr .dt{ transform: translate(-100px, 0px); opacity: 0; transition: all 1.2s ease-out 0.4s; } .campus_left2.showd .dr .item, .campus_left2.showd .cont .pic, .campus_left2.showd .dr .dt { transform: none; opacity: 1; } .campus_left4 .block { transform: translate(0px, 100px) scale(0.6); opacity: 0; transition: all 1.2s ease-out 0s;} .campus_left4.showd .block { transform: none; opacity: 1; } .campus_left5 .slick-item .box .item:nth-child(1) { transform: translate(80px, -80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .campus_left5 .slick-item .box .item:nth-child(2) { transform: translate(-80px, -80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .campus_left5 .slick-item .box .item:nth-child(3){ transform: translate(80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.4s; } .campus_left5 .slick-item .box .item:nth-child(4){ transform: translate(80px, 80px); opacity: 0; transition: all 1.2s ease-out 0.6s; } .campus_left5 .last_div{ transform: translate(80px, -80px); opacity: 0; transition: all 1.2s ease-out 0.2s; } .campus_left5.showd .slick-item .box .item, .campus_left5.showd .last_div {transform: none; opacity: 1;} }