.text{ width: 680px; position: absolute; bottom: 80px; font-size: 40px; right: 50px; color: white; text-shadow: -4px 0 #701e73, 0 4px #701e73, 4px 0 0 #701e73, 0 -4px #701e73; font-style: italic; font-weight: 600; } .banner .swiper-container { width: 100%; height: 550px; z-index: 0; } .swiper-button-next,.swiper-button-prev{ width: 50px; height: 50px; background-color: #7c3030; background-size: 50% 50%; border-radius: 5px; } .swiper-button-next{ right: 0; } .swiper-button-prev{ left: 0; } .swiper-button-next:hover,.swiper-button-prev:hover{ background-color: rgba(110, 30, 111,.7); } .swiper-container-horizontal>.swiper-pagination-bullets{ left: 0; right: 0; margin: auto; width: 120px; height: 28px; line-height: 28px; /* background-color: rgba(110, 30, 111, .3); */ border-radius: 13px; } .swiper-pagination-bullet{ width: 8px; height: 8px; border: solid 1px rgba(255, 255, 255, 1); } .swiper-pagination-bullet-active{ background-color: #fff; } .content{ display: flex; padding-bottom: 50px; } .content .content-header{ display: flex; justify-content: space-between; height: 70px; /* line-height: 80px; */ } .content-header .title{ font-size: 26px; } .content-header .more{ color: #7c3030; font-size: 14px; margin-right: 22px; margin-top: 4px; } .more1{ color: rgb(110, 30, 111); font-size: 14px; } @media screen and (max-width:1600px){ .pic-text-content .block-pic1{ height: 150px !important; } .class-and-people two-column{ height: 31%; } .banner .swiper-container { width: 100%; height: 540px; } .content .content-header{ display: flex; justify-content: space-between; height: 60px; line-height: 60px; } .content-header .title{ font-size: 21px; } .content-header .more{ width: 60px; color: rgb(110, 30, 111); font-size: 14px; text-align: right; } } .block-content{ display: flex; flex: 1; justify-content: space-between; /* margin-right: 50px;*/ width: 98%; } .block-content .block-content-item .block-content-item-desc{ line-height: 30px; margin-top: 0px; margin-bottom: 5px; font-size: 16px; /* height: 66px; */ } .block-content .block-content-item .block-content-item-time{ line-height: 28px; color:rgb(110,30,111); font-family: 'Times New Roman'; } .pic-text-content{ flex: 1; width: calc(100% - 345px); background: #fff; } .pic-text-content a{ color: #000000; } .pic-text-content a:hover{ color: #7c3030; /* font-weight: 600; */ } #img{ height: 300px; } .pic-text-content .block-pic{ width: 100%; height: 358px; overflow: hidden; text-align: center; } .pic-text-content .block-pic img{ transition: all .5s; height: 100%; width: auto; } .pic-text-content .block-pic1{ transition: all .5s; height: 200px; } .pic-text-content .block-pic1 img{ transition: all .5s; height: 100%; width: auto; } .pic-text-content .block-pic:hover img{ transform: scale(1.2); } .pic-text-content .news{ box-sizing: border-box; background: #fff; padding: 21px 16px; height: auto; } .pic-text-content .news .block-content-item { width: 30%; overflow: hidden; } .pic-text-content .two-column{ display: flex; flex: 1; } .pic-text-content .two-column .block-content-item{ width: 49%; height: 100%; } .pic-text-content .class-and-people{ background: #f5f5f5; } .pic-text-content .two-column > div{ width: 100%; height: 100%; padding: 21px 16px; box-sizing: border-box; } .pic-text-content .other{ /* background: #fff; */ } .article-list-content{ box-sizing: border-box; width: 460px; min-width: 300px; background:#f4e2f6; background: #efebeb; padding:20px 40px; } .article-list-content .content-header{ height: 61px; line-height: 66px; } .article-list-content .employment-article{ margin-bottom: 26px; } .article-list-content .employment-article .ariticle-list-item{ height: 51px; padding: 18px 0; border-bottom: 1px dashed #7c3030; } .article-list-content .employment-article .ariticle-list-item a{ width: 100%; height: 56px; line-height: 28px; color: #000; } .notice-article{ margin-bottom: 26px; } .notice-article .article-list-item a{ display: flex; } .notice-article .article-list{ padding-bottom: 18px; border-bottom: 1px dashed #7c3030; /* height: 415px; */ } .notice-article .article-list-item { padding: 10px 0; } .notice-article .article-list-item .date-box{ width: 70px; height: 62px; text-align: center; color: #fff; font-family: 'Times New Roman'; background-image: url(../img/bg/timer_bg.png); background-size: cover; background-position: center center; } .notice-article .article-list-item .date-box .day{ margin-top: 10px; font-size: 22px; line-height: 30px; } .notice-article .article-list-item .date-box .month{ font-size: 12px; } .notice-article .article-list-item .article-title{ flex: 1; width: 100%; padding-left: 20px; color: #000; line-height: 28px; } .notice-article .article-list-item .article-title:hover{ color: #7c3030; } .common-link .links-list{ line-height: 51px; } .common-link .links-list a{ color: #7c3030; } .article-list-content a:hover{ color: #7c3030 !important; /* font-weight: 600; */ } @media screen and (max-width: 1600px) { #img{ height: 250px; } .pic-text-content .class-and-people{ height: auto; margin-top: -10px; } .article-list-content{ width: 345px; padding:15px 30px; } .article-list-content .employment-article{ margin-bottom: 12px; } .article-list-content .employment-article .ariticle-list-item{ padding: 10px 0; height: 54px; } .article-list-content .employment-article .ariticle-list-item a{ line-height: 26px; font-size: 14px; } .notice-article{ margin-bottom: 16px; } .notice-article .article-list{ padding-bottom: 16px; } .notice-article .article-list-item{ padding: 7px 0; } .article-list-content .notice-article .article-list-item .article-title{ line-height: 24px; font-size: 13px; } .common-link .links-list{ line-height: 39px; font-size: 12px; margin-top: -8px; } .common-link .links-list a{ font-size: 13px; } .notice-article .article-list-item .date-box{ width: 60px; height: 56px; } .notice-article .article-list-item .date-box .day{ margin-top: 1px; font-size: 18px; line-height: 27px; } .notice-article .article-list-item .date-box .month{ font-size: 10px; } } @media screen and (min-width: 1900px) { .banner .swiper-container { width: 100%; height: 680px; z-index: 0; } }