*{margin:0;padding:0} body,html{scroll-behavior:smooth} body{font-family:PingFangSC,"Microsoft Yahei UI","Microsoft Yahei",SimHei,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.3} li,ul{list-style:none;margin:0;padding:0} a{color:#aa3934;text-decoration:none;transition:color .2s;-moz-transition:color .2s;-webkit-transition:color .2s;-o-transition:color .2s} a:hover{color:#1d1d1d;text-decoration:none} a,button,input,label{outline:0} #pageHeader{position:fixed;top:0;left:0;width:100%;z-index:10;background:#9c3733;background:-webkit-linear-gradient(left,rgba(205,52,49,.9),rgba(176,54,50,.9));background:-o-linear-gradient(left,rgba(205,52,49,.9),rgba(176,54,50,.9));background:-moz-linear-gradient(left,rgba(205,52,49,.9),rgba(176,54,50,.9));background:linear-gradient(left,rgba(205,52,49,.9),rgba(176,54,50,.9))} .header-logo{ display: inline-block; background: url(logo.png) no-repeat center center; background-size: cover; width: 300px; height: 70px; margin: 8px 0 } #headerNav{float:right} #pageHeader .nav>li:hover::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#df3d37;transform:skewX(-15deg)} .nav a{color:#fff} .nav>li>a{font-size:16px;padding:27px 12px} .nav>li>a:focus,.nav>li>a:hover{background:0 0} .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background:0 0} .dropdown-menu{border:none;min-width:115px;left:-8px} .dropdown-menu>li>a{padding:7px 20px} #pageFooter{padding:35px 0;width:100%;background:#c93431 url(../img/footer_number.png) no-repeat center center;background-size:contain!important} .logo-carousel{ width: 295px; padding: 0 0 15px } .logo-carousel-item{background:#c93431} .logo-carousel-item img{display:block;margin:0 auto} .copyright{text-align:center;color:#fff;font-size:14px;line-height:1.8} .block-title{text-align:center;padding:40px 0} .block-title h1{position:relative;font-size:36px;font-weight:700;margin:0 0 5px;padding:0;color:#1d1d1d} .block-title p{font-size:14px;font-weight:400;color:#b03632;margin:0;padding:0} #bannerCarousel{position:relative} .banner-carousel{background:#f1f1f1;width:100%;height:100vh} .banner-carousel-item{background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important} .banner-pagination{z-index:3;bottom:75px!important;left:auto!important;width:auto!important;right:45px} .banner-pagination .swiper-pagination-bullet{width:25px;height:25px;background-size:cover!important;background:url(../img/banner_pagination.png) no-repeat center center;border-radius:0;opacity:1;line-height:25px;font-size:12px;margin:0 10px;color:#fff} .banner-pagination .swiper-pagination-bullet.active{color:#bf312f;background:url(../img/banner_pagination_white.png) no-repeat center center} .slider-img{position:absolute;bottom:0;width:100%;z-index:1} .slider-title{position:absolute;bottom:120px;right:40px;width:400px;z-index:1} .go-bottom{position:absolute;z-index:1;bottom:0;width:100%;height:64px;background:url(../img/go_bottom.png) no-repeat center center;background-size:cover!important;text-align:center} .go-bottom img{display:block;width:30px;margin:-15px auto 0} .go-bottom a span{display:block;padding-top:5px;color:#fff} .announcement-carousel{margin:40px 0;padding:20px 0} .announcement-carousel li{font-size:30px} .announcement-item{border-top:3px solid #b03632;background:#fafafa;padding:10px 15px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s} .announcement-item:hover{border-top:3px solid #df3d37;box-shadow:5px 5px 15px rgba(0,0,0,.2)} .announcement-item .date{margin-bottom:5px} .announcement-item .date span{font-size:33px;color:#636363} .announcement-item .date i{font-style:normal;font-size:14px;padding-left:2px;color:#636363} .announcement-item .content h1{margin:5px 0;padding:0;font-size:18px;line-height:1.5;color:#000;min-height:54px} .announcement-item .content span{display:block;text-align:right;font-size:14px} .announcement-item .content span img{position:relative;top:-2px;height:14px;margin-left:3px} .announcement-item .more{text-align:left;padding:10px;min-height:122px} .announcement-item .more h1{margin:5px 0;padding:0;font-size:33px;line-height:1.5;color:#000} .announcement-item .more span{display:block;text-align:left;font-size:14px} .announcement-item .more span img{position:relative;top:-2px;height:14px;margin-left:3px} .photowall{overflow:auto;zoom:1} .photowall-item{position:relative;overflow:hidden;float:left;width:20%;background:#ededed;text-align:center;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s} .photowall-item img {margin: 30px 0 10px;width: 170px;height:226px;} .photowall-item h5 {margin-bottom: 30px} .photowall-item .overlay{position:absolute;top:0;left:0;right:0;padding:0;height:100%;opacity:0;background:transparent;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s} .photowall-item:hover .overlay{padding:100px 20px 0;height:100%;background:rgba(0,0,0,.8);opacity:1;} .photowall-item h1{font-size:28px;letter-spacing:3px;color:#fff;line-height:1;margin:0;padding:0} .photowall-item span{display:inline-block;width:20%;height:3px;background:#b03632;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out} .photowall-item p{color:#fff;margin-top:10px;font-size:16px;line-height:1.4;opacity:0;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out} .photowall-item:hover p{display:block;opacity:1} .photowall-item:hover span{display:inline-block;width:100%;height:3px;background:#fff} #newsContent{background:#fafafa url(../img/news_content_background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;overflow:auto;zoom:1} .news-content{overflow:auto;zoom:1} .news-content li{float:left;width:20%;overflow:hidden;position:relative} .news-content .item{display:block;height:360px;margin:5px 25px;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.2);transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;position:relative} .news-content li:hover .item{box-shadow:2px 2px 10px rgba(0,0,0,.3)} .news-content .first{width:40%} .first .feature-img{height:360px} .news-content .first .item-content{position:absolute;bottom:0;padding:20px 25px;width:100%;background:rgba(0,0,0,.6);background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8))} .news-content .first .item-content h1{color:#fff} .news-content .first .item-content span{color:#fff} .feature-img{position:relative;width:100%;height:165px;overflow:hidden} .feature-img img{width: 100%;height: 100%;} .background-default{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/background_default.jpg) no-repeat center center;background-size:cover;opacity:0;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s} .news-content li:hover .background-default{opacity:1} .news-content .item-content{padding:15px} .news-content .item-content span{font-size:14px;color:#b03632} .news-content .item-content h1{margin:10px 0;font-size:19px;line-height:26px;color:#000;transition:color .3s;-moz-transition:color .3s;-webkit-transition:color .3s;-o-transition:color .3s} .news-content li:hover h1{color:#636363} #historyReview{background:url(../img/history_background.jpg) no-repeat center center;background-size:cover;padding:20px 0 40px} .history-slider{padding:10px 0 40px;position:relative} .history-slider .swiper-container{padding:10px 0 20px} .history-slider .swiper-slide{width:650px;height:370px;background:#fff} .history-slider .swiper-pagination{width:100%;bottom:20px} .history-slider .swiper-pagination-bullets .swiper-pagination-bullet{position:relative;margin:0 38px;border:3px solid #b71b1c;background-color:#d5d5d5;width:10px;height:10px;opacity:1} .history-slider .swiper-slide-active{transform:scale(1)!important} .history-slider-item{border-radius:15px;transform:scale(.7);position:relative;background:#f1f1f1 url(../img/background_default.jpg) no-repeat center!important;background-size:cover!important;overflow:hidden} .history-slider-item .background{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important} .history-slider-item img {width: 100%;height: 100%;} .history-slider .swiper-slide-active{box-shadow:3px 3px 20px rgba(0,0,0,.2);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s} .history-slider .swiper-slide-active:hover{box-shadow:0 0 10px rgba(207,71,68,.5)} .history-info{position:absolute;bottom:0;left:auto;right:auto;width:100%;padding:35px 30px;background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8))} .history-info h1{margin:0;padding:0;font-size:20px;color:#fff;line-height:20px} .history-info h1::before{content:"";position:relative;top:3px;height:18px;width:6px;background:#b4201a;display:inline-block;margin-right:15px} .history-info p{padding:10px 0;color:#fff;font-size:16px} .year-pagination{text-align:center;width:100%} .year-pagination ul{display:inline-block} .year-pagination ul li{float:left;margin:0;font-size:12px;cursor:pointer} .year-pagination ul li i{display:block;position:relative;margin:0 38px;border:3px solid #b71b1c;background-color:#d5d5d5;width:10px;height:10px;border-radius:50%} .year-pagination ul li.selected i{background-color:#c93431;box-shadow:0 0 15px rgba(183,27,28,.5)} .year-pagination ul li i::before{content:"";position:absolute;left:-40px;height:2px;width:30px;background:#b12220;display:inline-block} .year-pagination ul li i::after{content:"";position:absolute;left:16px;height:2px;width:30px;background:#b12220;display:inline-block} .scenery-carousel{position:relative;width:100%;height:auto;overflow:hidden} .scenery-carousel-item img {width: 100%;height: 100%;} .scenery-info{position:absolute;height:100%;top:0;width:400px;left:0;right:0;background:rgba(0,0,0,.6);z-index:2;margin:0 auto;text-align:center;color:#fff} .scenery-info .wrapper{padding:5%} .scenery-info h1{font-size:36px;margin-bottom:5px;} .scenery-info p{font-size:14px;letter-spacing:3px} .scenery-info button{margin-top:5%;width:150px;height:41px;background:url(../img/scenery_button.png) no-repeat center center;background-size:cover;border:none;color:#fff} .scenery-info button:hover{color:#c93431;background:url(../img/scenery_button_white.png) no-repeat center center;background-size:cover} .view-more{display:block;margin:50px auto;color:#fff;background:#aa3934;border-radius:10px;line-height:40px;font-size:16px;border:0;padding:0 70px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s} .view-more:hover{box-shadow:3px 3px 10px rgba(164,60,54,.3)} #pageBanner{position:relative;z-index:0} .page-banner{position:relative;width:100%;height:450px;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important} .page-banner .overlay{position:absolute;background:rgba(0,0,0,.6);width:100%;height:100%} .banner-slogan{display:block;margin:0 auto;height:180px;margin-top:110px} #pageContent{position:relative;z-index:1} #pageContent .container{border-top:5px solid #c53833;position:relative;margin-top:-130px;margin-bottom:70px;min-height:500px;background:#fff url(../img/column_content_background.png) no-repeat 47% center;box-shadow:0 5px 35px rgba(0,0,0,.1)} .column h1{text-align:center;margin:25px 0;font-size:36px;font-weight:400} .column-nav{display:flex;flex-direction:row;justify-content:center} .column-nav li{float:left} .column-nav li a{border:1px solid #c83431;padding:10px 25px;margin:0 8px;color:#636363;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s} .column-nav li a:hover{background:#fafafa;color:#c23833} .column-nav .selected{color:#fff!important;background:#c23833!important;background:-webkit-linear-gradient(left top ,#cd3431,#b03632)!important;background:-o-linear-gradient(bottom right,#cd3431,#b03632)!important;background:-moz-linear-gradient(bottom right,#cd3431,#b03632)!important;background:linear-gradient(bottom right,#cd3431,#b03632)!important} .column-list{padding:20px 95px} .column-list .date{position:absolute;height:70px;width:70px;background:url(date.png) no-repeat center center;background-size:cover!important;text-align:center;padding-top:35px} .column-list .date span{color:#636363;font-size:16px;font-weight:700} .column-list .content{display:block;padding-left:80px;min-height:115px} .column-list .content h1{text-align:left;font-size:20px;color:#1d1d1d;margin:0 0 5px} .column-list .content p{text-align:left;font-size:14px;color:#595959;line-height:1.5;word-wrap:break-word;word-break:normal} .column-list .item{margin:15px 0;min-height:70px} .column-list .alumnus-content{display:block;text-align:center} .column-list .alumnus-content h1{margin:15px 0;font-size:16px;color:#1d1d1d} .column-list .alumnus-content p{min-height:55px;font-size:14px;color:#575757;text-align:left} .alumnus-photo{display:block;margin:0 auto;width:150px;height:200px} .sidebar{position:absolute;top:95px;right:-60px} .sidebar li{height:60px;width:60px;font-size:12px;text-align:center;padding-top:10px;margin-bottom:18px;opacity:.9} .sidebar li:hover{opacity:1} .sidebar li a{color:#fff} .sidebar li img{height:20px;width:auto;display:block;margin:0 auto 5px} .sidebar li.i1{height:60px;width:60px;background:#df3d37} .sidebar li.i2{height:60px;width:60px;background:#cd3431} .sidebar li.i3{height:60px;width:60px;background:#c02d2b} #postContent{position:relative;z-index:1} #postContent .container-sm{max-width:1000px;width:100%;margin:auto;border-top:5px solid #c53833;position:relative;margin-top:-130px;margin-bottom:70px;min-height:500px;background:#fff;box-shadow:0 5px 35px rgba(0,0,0,.1)} .post{width:85%;margin:0 auto} .post-title{text-align:center;margin:25px 0 10px;font-size:36px;font-weight:400} .post-time{text-align:center;color:#575757;margin:0 auto 10px;padding-bottom:15px;border-bottom:1px solid #ececec} .post-content{margin:15px 0;font-size:14px} .post-content img{max-width:100%;height:auto;margin:10px 0;box-shadow:6px 6px 30px rgba(0,0,0,.1)} .post-author{text-align:right;font-size:14px;margin-bottom:10px} .qrcode{padding:30px 0;background:#fafafa} #qrcode img{display:block;margin:0 auto} .share{margin-top:15px;text-align:center} .back{padding:10px 0;display:block;text-align:center;font-size:14px} .back img{width:14.5px;height:14.5px;margin-right:5px} .container{padding-right:5px;padding-left:5px;margin-right:auto;margin-left:auto} .page_jump{display:none!important} #wp_paging_w5{text-align:center} .wp_paging{float:none!important;display:inline-block!important;overflow:auto} .page_nav .prev span{display:none!important} .page_nav .prev::before{content:"上一页"} .page_nav .next span{display:none!important} .page_nav .next::before{content:"下一页"} .wp_paging li{height:auto!important;line-height:auto!important} .wp_paging li a{height:auto;background:#fafafa;padding:5px 10px;border-radius:5px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s} .wp_paging li a:hover{background:#f0f0f0;box-shadow:2px 2px 10px rgba(201,52,49,.2);color:#636363} #wp_news_w5{overflow:auto} .container{max-width:1500px} .more-btn{position: absolute;bottom:2px;margin-left:5px;padding: 5px 10px;font-size:14px;background:#c43530;color:#fff;border: 1px solid #c43530;border-radius: 10px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s} .more-btn:hover{background:#fff;color: #c43530;} @media screen and (min-width: 1600px) { .scenery-info .wrapper {padding: 15%} .scenery-info button {margin-top:50px} } @media screen and (max-width:1600px) { .news-content .item {height:275px;} .first .feature-img {height: 275px;} .feature-img {height: 120px;} } @media screen and (max-width:1200px){ .container{width:95%} .news-content .item{margin:5px 10px} #pageContent .container{width:auto;margin:-130px 8px 70px 8px} #postContent .container-sm{margin:-130px 8px 70px 8px;width:auto} .sidebar{display:none} .nav>li>a{font-size:12px;padding:27px 5px} .scenery-carousel-item {text-align: center;} .scenery-carousel-item img {height: 250px;width: auto;} } @media screen and (max-width:992px){.container{max-width:auto} .news-content .first{width:50%} .news-content li{width:50%;margin:6px 0} .feature-img{height:160px} .photowall-item:hover .overlay{padding:55px 20px 0} #pageContent .container{width:auto;margin:-130px 8px 70px 8px} #postContent .container-sm{margin:-130px 8px 70px 8px;width:auto} .sidebar{display:none} .banner-slogan{height:140px;margin-top:145px} } @media screen and (max-width:768px){.container{max-width:auto} .photowall-item{width:25%} .photowall-item:hover .overlay{padding:70px 15px 0} .announcement-item .content h1{min-height:105px} #pageContent .container{width:auto;margin:-130px 8px 70px 8px} #postContent .container-sm{margin:-130px 8px 70px 8px;width:auto} .sidebar{display:none} .banner-slogan{height:140px;margin-top:145px} .nav>li>a{font-size:14px;padding:25px 5px} } @media screen and (max-width:600px){.block-title{padding:25px 0} #headerNav{float:none} .header-logo{margin:5px 10px} .navbar-toggle{position:absolute;top:1px;right:0} #pageHeader .nav>li:hover::before{background:0 0;transform:skewX(0)} .slider-img{bottom:60px;width:1000px;right:0} .slider-title{bottom:110px;right:20px;width:250px} .announcement-carousel{margin:0 20px 50px;padding:0} .announcement-item{width:100%!important;margin:0} .news-content .item{width:100%;height:auto;margin:10px 0} .news-content li{width:100%;height:auto;padding:15px 10px} .news-content .first{width:100%} .first .feature-img{height:300px} .feature-img{height:300px} .photowall-item{width:50%;} .photowall-item .overlay{padding:10px 20px} .photowall-item:hover .overlay{padding:30px 20px 0} .photowall-item h1{font-size:24px} .photowall-item span{height:2px} .history-slider .swiper-slide{width:100%;height:275px} .scenery-info{width:100%} .copyright{font-size:12px} #pageContent .container{width:auto;margin:-130px 8px 70px 8px} #postContent .container-sm{margin:-130px 8px 70px 8px;width:auto} .sidebar{display:none} .banner-slogan{height:155px;margin-top:135px} .column-list{padding:20px 10px} .column-list .content h1{font-size:18px} .column-list .content p{font-size:12px} .column-list .item{margin:15px 0 30px} .history-slider .swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 38px} .year-pagination{bottom:5px;padding:0 20px} .year-pagination ul{overflow:auto;zoom:1} .year-pagination ul li{margin:8px 0} #historyReview{padding:45px 0} .photowall-item p{font-size:14px} } .cc { margin: 0 auto; padding: 20px; width: 800px; font-family: "仿宋"; } .foot_img { height: 75px; width: 300px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }