/*banner*/ .banner .swiper-button-prev{background:url(../images/icon1_03.png) no-repeat;left: 9%;} .banner .swiper-button-next{background:url(../images/icon1_05.png) no-repeat;left:12.5%;} .banner .swiper-button-next,.banner .swiper-button-prev{width:59px;height:36px; top: inherit;bottom:0;margin:0;} .banner .text{position:absolute;z-index:5;*z-index:5;_z-index:5;left:10%;top:50%;color:#fff;width:45%;} .banner .text h1{font-size:46px;font-weight:bold;line-height:70px;position:relative;padding-bottom:14px;text-shadow: 2px 1px 2px rgb(0 0 0);} .banner .text h1:after{content:'';display:inline-block;width:33px;height:1px;background:#8d9093;position:absolute;left:0;bottom:0;} .banner .text p{font-size:16px;line-height:28px;margin-top:20px;margin-bottom:20px;text-shadow: 2px 1px 2px rgb(0 0 0);} .banner .text .more{display:inline-block;padding:6px 13px;background:#ffffff;color:#333;text-align:center;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent; position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} a.more:before,.btn a:before,a.btn:before {content: ""; position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #c60909;-webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .banner .text .more:hover,.btn a:hover,a.btn:hover{ color:#fff;} a.more:hover:before, a.more:focus:before, a.more:active:before,.btn a:hover:before,.btn a:focus:before,.btn a:active:before,a.btn:hover:before, a.btn:focus:before, a.btn:active:before { -webkit-transform: scaleX(1);transform: scaleX(1);} .news .btn a:hover,.newsletter .btn a:hover{color:#fff;} /*新闻*/ .news{margin-top:114px;} /*.news .bd,.tit{width:17%;}*/ .news .bd p{font-size:23px;color:#bbbbbb;text-align:right;} .news .bd p.en{color:#e9e8e8;font-size:32px;font-weight:bold;} .news .bd li{margin-bottom:50px;cursor:pointer;} .news .bd li.on p.red{color:#bb0000;font-weight:bold;position:relative;} .news .bd li.on p.red:before,.tit:before{content:'';display:inline-block;width:128px;height:1px;background-color:#bebebe;vertical-align: middle;margin-right: 10px;} .news .hd{width:71%;margin-left:4%;} .news .top .swiper-container{width:54%;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2);} .news .top .swiper-slide{position:relative;} .news .top .pic{height: 425px;position: relative;overflow: hidden;} .news .top .pic a,.prspect .pic a,.prspect .pic span,.Dream-box .pic a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s; -o-transition: all .4s;transition: all .4s;} .walk .pic span{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;} .walk li{-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;overflow:hidden;height:419px;} .walk li:hover .pic{transform:scale(1.1);} .news .top .pic:hover a,.Dream-box .pic:hover a,.newsletter .pic:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .news .top .swiper-slide .txt{padding:25px;} .news .top .swiper-slide .txt h1{font-size:28px;color:#000000;position:relative;font-weight:bold;position: relative;} .news .top .swiper-slide:hover .txt h1{background-size: 100% 1px;color:#ae0000;} /*.news .top .swiper-slide .txt h1:before{content:'';display:inline-block;padding-left:35px;border-left:4px solid #ec0000;width:4px;height:30px;position:absolute;left:-25px;top:5px;}*/ .news .top .swiper-slide .txt p{margin-top:20px;color:#888;} /*.news .top .swiper-slide .txt p.time{background:url(../images/icon2_03.png) left center no-repeat;padding-left:20px;}*/ .mews-list{width:42%;} .mews-list span{text-align:right;} .mews-list span.date{max-width: 60px;font-size:14px;margin-top:-6px;border-right:1px solid #c1c1c1;padding-right:4%;z-index:30;position: relative;} .mews-list span.date em{display: block;font-size: 30px;font-weight:bold;} .mews-list .text_wrap{width:75%;font-size:16px;line-height:30px;z-index:30;position: relative;} .mews-list li{padding:30px 0px;border-bottom:1px solid #eaeaea;transition: all 0.3s ease-in-out;position: relative;min-height:60px;} .mews-list li a{display:block;padding:0 20px;} .mews-list li:before{content: '';background-color:#ae0000;display: block;position: absolute;z-index: 10;width: 100%;height:0;left:0%;top: 50%;background-size: 50% 50%; background-repeat: no-repeat;transition: all 0.3s ease-in-out;} .mews-list li:hover{z-index: 10;position: relative;} .mews-list li:hover:before{width: 104%;height: 100%;left:-2% ;top:0%;content: '';} .mews-list li:hover a{color:#fff;border:none;} .mews-list li.border{border:none;} .news .btn,.newsletter .btn{text-align:right;margin:40px auto 0px;} .news .btn a,.newsletter .btn a{border:1px solid #dd0000;color:#dd0000;display:inline-block;padding:5px 30px;text-align:center;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent; position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} .new-ss ul{width:100%;} .new-ss ul li{float:left;width:49%;position:relative;margin-bottom:30px;} .new-ss ul li:after{content:'';display:inline-block;border-bottom:2px solid #d40000;width:66px;height:2px;background-color:#d40000;position:absolute;left:17px;bottom:-2px;} .new-ss ul li:nth-child(odd){margin-right:2%;} .new-ss ul li:hover:after{display:none;} /*筹款项目*/ /*.tit p{text-align:right;}*/ .giving{padding:88px 0px 74px;background-color:#f5f5f5;margin-top:94px;} .tit{position:relative;display: inline-block;padding-left: 9%;} .tit p.red{font-size: 23px;color:#bb0000;font-weight:bold;} .tit p.en{color: #e9e8e8;font-size: 32px;font-weight: bold;} .tit:before{position:absolute;left:0px;top:14px;} .giving ul{margin-top:70px;} .giving ul li{float:left;width:14.2%;text-align:center;border-right:1px solid #dcdcdc;padding:30px 0px 40px;position:relative;} .giving ul li a,.walk .swiper-container a,.prspect ul li a{display:block;} .giving ul li p{margin-top:20px;font-size:16px;color:#343434;position:relative;} .giving ul li:hover{background-color:#fff;border:none;box-shadow: 3px 5px 8px rgba(0,0,0,0.1);} .giving ul li svg {display: block;margin: 0 auto;width:55px;} .giving ul li svg path {fill: none;stroke: #B61919;stroke-width:1.5;stroke-linecap: round;stroke-miterlimit: 10;} .giving .btn{margin-top:96px;} .giving .btn a{padding:10px 50px;color:#fff;display:inline-block;background:url(../images/icon4_03.png) 90% center no-repeat #b90000;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent; position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} .giving .btn a:before{background:url(../images/icon4_03.png) 90% center no-repeat #e45151;} .giving .btn a:hover,.prspect .txt-t a.btn:hover{color:#fff;} /*走进北大*/ .walk,.walk .swiper-container{margin-top:80px;} .walk{padding-bottom:50px;position:relative;} .walk .pic{height:419px;overflow:hidden;position:relative;transition:all 0.6s ease-out 0s;} .walk .swiper-container .txt-t{position: absolute;left: 30px;top: 40px;writing-mode: tb-lr;writing-mode: vertical-lr;max-height: 70%;font-size:22px;color:#fff;} .walk .swiper-container li a:after,.Dream-p .Dream-bt:after{content:'';display:inline-block;width:1px;height:30px;background-color:#fff;position:absolute;left:46px;top:0px;} .walk .swiper-container{padding-bottom:100px;} .walk .swiper-pagination-bullet{width:10px;height:10px;} .walk .swiper-pagination-bullet-active{background:#eb0d0d;} .walk .swiper-button-next{right:0;background:url(../images/icon-dy.png)no-repeat;} .walk .swiper-button-prev{left:0;background:url(../images/icon-xy.png)no-repeat;} .walk .swiper-button-next,.walk .swiper-button-prev{top: 43%;} /*直径筑梦人*/ .prspect{padding:80px 0px 260px;background:#f8f8f8;} .prspect ul{margin-top:70px;} .prspect ul li{float:left;width:48%;position:relative;} .prspect ul li.first{margin-right:4%;} .prspect .pic{width:20%;height:120px;} .prspect .pic span{border-radius:50%;-webkit-transition: all .4s; -o-transition: all .4s;transition: all .4s;} .prspect .txt-t{padding-left:22%;} .prspect .txt-t h1{font-size:19px;font-weight:bold;} .prspect .txt-t h2{font-size:19px;font-size:15px;line-height:40px;} .prspect .txt-t p{line-height:22px;font-size:13px;color:#888888;} .prspect .txt-t a.btn{background-color:#b10000;color:#fff;padding:4px 9px;margin-top:20px;display:inline-block;font-size:13px;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent; position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} .prspect .txt-t a.btn:before{background:#e45151;} /*.prspect .tit{width:20%;}*/ /*北大筑梦人*/ .Dream-p{width:50%;margin:auto;background:url(../images/5_03.jpg) left bottom no-repeat #b40202;padding:30px;position:relative;margin-top:-180px; -webkit-box-shadow: 0px 0px 28px rgba(0,0,0,0.5); box-shadow: 0px 0px 28px rgba(0,0,0,0.5);} .Dream-p .Dream-bt:after{left:41px;top:38px;} .Dream-p .Dream-bt{writing-mode: tb-lr;writing-mode: vertical-lr;font-size:18px;color:#fff;margin-top:56px;} .Dream-box{width:94%;overflow: hidden;position: relative;} .Dream-box .pic{height: 476px;overflow: hidden;position: relative;cursor:pointer;} .Dream-box .pic video{width: 100%;height: 100%;object-fit: cover;outline:none;border:none;object-fit:cover;display: block;} .Dream-box p img{position:absolute;left:45%;top:38%;z-index:3;*z-index:3;_z-index:3;cursor:pointer;} .Dream-box p img.img2{display:none;} .Dream-box img{width:auto;} /*北京大学发展通讯*/ .newsletter{margin-top:150px;position:relative;} .tit1{background:url(../images/icon6_03.png) left center no-repeat;padding-left:50px;margin-left:50px;} .tit1 p.red{color:#bb0000;} .newsletter .swiper-button-prev,.newsletter .swiper-button-next{width:14px;height:24px;top:42%;} /*.newsletter .swiper-slide a{display:block;padding:0px 14%;}*/ /*.newsletter .swiper-slide a .pic{box-shadow: -5px 5px 8px rgba(0,0,0,0.1);}*/ .newsletter .container1{margin-top:94px;position:relative;padding: 0 40px 30px;} .newsletter .swiper-button-next{background:url(../images/icon7_05.png) no-repeat;right:0px;} .newsletter .swiper-button-prev{background:url(../images/icon7_03.png) no-repeat;left:0px;} .newsletter .pic{position: relative;overflow: hidden;} .newsletter .pic img{-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;height:100%;} .newsletter .swiper-pagination{display:none;position:relative;margin-top:30px;} .newsletter .swiper-pagination-bullet{width:10px;height:10px;margin-right:5px;} .newsletter .swiper-pagination-bullet-active{background: #bf0000;} .newsletter .swiper-slide{-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2);} .newsletter .swiper-container{padding: 10px;}