@charset "utf-8"; .iconfont { font-size: inherit; } .intit { /*margin-bottom: .35rem;*/ } .intit h3 { font-size: .48rem; color: #3069cc; font-weight: bold; } .intit .more a { color: #888 } .intit .more a i { display: inline-block; width: .24rem; height: .24rem; border-radius: 50%; position: relative; border: 1px solid #888; vertical-align: -.06rem; margin-left: 5px } .intit .more a i:before { content: ''; width: 0; height: 0; border: 5px solid transparent; border-left-color: #888; position: absolute; left: 50%; top: 50%; -webkit-transform: translatex(-15%) translatey(-50%); -ms-transform: translatex(-15%) translatey(-50%); transform: translatex(-15%) translatey(-50%) } .intit .more a:hover { color: #3069cc } .intit .more a:hover i { border: 1px solid #3069cc; color: #3069cc } .intit .more a:hover i:before { border-left-color: #3069cc } .college_news { padding: .6rem 0 .7rem; background: no-repeat bottom center; background-size: cover } .college_news .lists ul:nth-child(1) { width: 41% } .college_news .lists ul:nth-child(2) { width: 26.9% } .college_news .lists ul:nth-child(3) { width: 26.9% } .college_news .lists ul:nth-child(1) li .sign { font-weight: bold; } .college_news .lists ul:nth-child(1) li .pic { height: 5.7rem; position: relative; } .college_news .lists ul:nth-child(1) li .pic:before { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); top: 0; left: 0; z-index: 2; content: '' } .college_news .lists ul:nth-child(1) li .txt { position: absolute; left: 0; bottom: 0; color: #fff; z-index: 3; width: 100%; padding: 0 .4rem .4rem .4rem; background: repeat-x left bottom; background-size: 3% auto; } .college_news .lists ul:nth-child(1) li .txt h4 { font-size: .24rem; line-height: 1.5em; margin-top: .1rem; font-weight: bold; } .college_news .lists ul:nth-child(2) li .pic { height: 3rem; position: relative; } .college_news .lists ul:nth-child(2) li { border: 1px solid #ddd; background: #fff; border-bottom: 5px solid #3069cc } .college_news .lists ul:nth-child(2) li .txt { border-top: 1px solid #ddd; padding: .5rem .3rem .5rem; height: 3.3rem } .college_news .lists ul:nth-child(2) li .txt .sign, .college_news .lists ul:nth-child(3) li .txt .sign { color: #3069cc; font-weight: bold; } .college_news .lists ul:nth-child(2) li .txt h4, .college_news .lists ul:nth-child(3) li .txt h4 { font-size: .2rem; font-weight: bold; margin: .15rem 0 .2rem; line-height: 1.5em } .college_news .lists ul:nth-child(2) li .txt h4 a, .college_news .lists ul:nth-child(3) li .txt h4 a { height: .9rem; display: block\0; } .college_news .lists ul:nth-child(2) li .txt p, .college_news .lists ul:nth-child(3) li .txt p { font-size: .15rem; color: #666; line-height: 1.8em; max-height: 1.08rem\0 } .college_news .lists ul:nth-child(3) li { border: 1px solid #ddd; background: #fff; border-bottom: 5px solid #3069cc } .college_news .lists ul:nth-child(3) li .txt { border-top: 1px solid #ddd; padding: .3rem .3rem .5rem; height: 3.3rem } .college_news .lists ul:nth-child(3) li:nth-child(1) { margin-bottom: .35rem } .college_news .lists ul li { position: relative; transition: all .4s; -webkit-transition: all .4s; } .college_news .lists ul li:hover { box-shadow: 3px 35px 77px -8px rgba(0, 0, 0, 0.9); transform: scale(1.1); z-index: 5; background-color: #fff; } .topic_web { padding: .6rem 0 } .topic_web .wp { background: #f1f0ea; padding: .1rem .5rem .1rem } .topic_web .slide-zt h4 { font-size: .24rem; font-weight: bold; margin-top: .3rem; line-height: 1.4em } .topic_web .hdtool { width: 2rem; height: .4rem; line-height: .4rem; background: #3069cc; color: #fff; position: absolute; right: .5rem; bottom: -.2rem } .topic_web .hdtool a { color: #fff; display: block; height: .4rem; width: .6rem; text-align: center; } .topic_web .hdtool .paghb { width: auto } .topic_web .hdtool .paghb .swiper-pagination-current { font-weight: bold; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 5%; } .kdone-swiper .swiper-button-prev:after, .kdone-swiper .swiper-container-rtl .swiper-button-next:after { background: no-repeat center center; background-size: 100% 100%; width: .5rem; height: .5rem; content: ''; transition: all .8s; -webkit-transition: all .8s; z-index: 50; } .kdone-swiper .swiper-button-prev:hover:after, .kdone-swiper .swiper-container-rtl .swiper-button-next:hover:after { background: no-repeat center center; background-size: 100% 100%; width: .5rem; height: .5rem; content: ''; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 5%; left: auto; } .kdone-swiper .swiper-button-next:after, .kdone-swiper .swiper-container-rtl .swiper-button-prev:after { background: no-repeat center center; background-size: 100% 100%; width: .5rem; height: .5rem; content: ''; transition: all .8s; -webkit-transition: all .8s; z-index: 50; } .kdone-swiper .swiper-button-next:hover:after, .kdone-swiper .swiper-container-rtl .swiper-button-next:hover:after { background: no-repeat center center; background-size: 100% 100%; width: .5rem; height: .5rem; content: ''; } .department_web { margin-top: .87rem; padding-bottom: .3rem; position: relative; } .department_web:before { content: ''; position: absolute; ; height: 2.25rem; width: .75rem; left: 0; top: 0; z-index: 0; background-size: .75rem 2.25rem } .department_web .department_webtop { width: 100%; } .department_web .department_webtop .icolist { width: 33.33%; position: relative; } .department_web .department_webtop .icolist h3 { font-size: .48rem; color: #3069cc; font-weight: bold; } .department_web .department_webtop .icolist .more a { color: #005825; } .department_web .department_webtop .icolist .more a i { display: inline-block; width: .24rem; height: .24rem; border-radius: 50%; position: relative; border: 1px solid #888; vertical-align: -.06rem; margin-left: 5px; } .department_web .department_webtop .icolist .more a i:before { content: ''; width: 0; height: 0; border: 5px solid transparent; border-left-color: #005825; position: absolute; left: 50%; top: 50%; -webkit-transform: translatex(-15%) translatey(-50%); -ms-transform: translatex(-15%) translatey(-50%); transform: translatex(-15%) translatey(-50%); } .department_web .department_webtop .icolist .more a:hover { color: #d4b98b; } .department_web .department_webtop .icolist .more a:hover i { border: 1px solid #d4b98b; } .department_web .department_webtop .icolist .more a:hover i:before { color: #d4b98b; border-left-color: #d4b98b; } .department_web .department_webtop .icosp { background: #f3f3f3; padding: .6rem .3rem 0; margin-top: .7rem; } .department_web .department_webtop .icosp .swiper-container { padding-bottom: 1.4rem; } .department_web .department_webtop .icosp .slide-ico { max-width: 6.2rem; } .department_web .department_webtop .icosp .swiper-pagination-bullet { width: .36rem; height: .05rem; background: #d4b98b; opacity: 1; border-radius: 0; margin: 0 .05rem; } .department_web .department_webtop .icosp .swiper-pagination { bottom: .7rem; text-align: center; z-index: 0 !important; left: 50%; transform: translatex(-50%); -webkit-transform: translatex(-50%); } .department_web .department_webtop .icosp .swiper-container-horizontal>.swiper-pagination-bullets, .department_web .department_webtop .icosp .swiper-pagination-custom, .department_web .department_webtop .icosp .swiper-pagination-fraction { bottom: 0; } /* .department_web .department_webtop .icosp .swiper-pagination-bullet-active {background: #107442;} */ .department_web .department_webtop .icosp .slide-ico .ico { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; } .department_web .department_webtop .icosp .slide-ico .ico i { display: block; margin: 0 auto; width: .9rem; height: .9rem; border-radius: 50%; background: #d2d2d2; text-align: center; line-height: .9rem; font-size: .28rem; color: #fff; position: relative; } .department_web .department_webtop .icosp .slide-ico p { text-align: center; font-size: .16rem; } .department_web .department_webtop .icosp .swiper-slide:nth-child(1) .ico i { background: #28c445; } .department_web .department_webtop .icosp .swiper-slide:nth-child(2) .ico i { background: #c83f39; } .department_web .department_webtop .icosp .swiper-slide:nth-child(3) .ico i { background: #ffb667; } .department_web .department_webtop .icosp .swiper-slide:nth-child(4) .ico i { background: #ce0014; } .department_web .department_webtop .icosp .slide-ico .ico i.xuexiqangguo::before { position: absolute; left: 50%; top: 50%; background: no-repeat center center; width: .6rem; height: .27rem; background-size: 100% 100%; content: ''; transform: translate(-50%, -50%); } /* .department_web .department_webtop .icosp .slide-ico .ico i:hover{background: #005825;} */ .department_web .department_webtop .icosp .slide-ico .ico span { position: absolute; top: 110%; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); width: 1.05rem; height: 1.2rem; background: #fff; padding: .1rem .05rem; border-radius: 5px; border: 1px solid #eee; opacity: 0; visibility: hidden; z-index: 999; } .department_web .department_webtop .icosp .slide-ico .ico span::before { position: absolute; left: 50%; margin-left: -14px; top: -14px; content: ''; border-bottom: 14px transparent solid; border-left: 14px transparent solid; border-right: 14px transparent solid; border-bottom: 14px #fff solid } .department_web .department_webtop .icosp .slide-ico .ico:hover span { opacity: 1; visibility: visible; } .department_web .department_webtop .icosp .slide-ico .ico span img { width: .8rem; height: .8rem; margin: auto; } .department_web .department_webtop .icosp .slide-ico .ico:hover span { opacity: 1; visibility: visible; } .department_web .department_webtop .ssbtn a { position: absolute; top: 50%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); color: #296fb7; font-size: .25rem; z-index: 6; width: .54rem; height: .54rem; border: 1px solid rgba(0, 65, 185, .3); border-radius: 50%; text-align: center; line-height: .52rem } .department_web .medialistbig { width: 66.67%; } .department_web .medialistbig li { width: 100%; } .department_web .medialistbig li .pic { position: relative; height: 4.64rem } .department_web .medialistbig li .pic:before { content: ''; position: absolute; left: -2px; bottom: -2px; right: -2px; height: 55%; background: url(/uploads/image/aimages/bamask.png) no-repeat top center; background-size: 100% 100%; z-index: 2; } .department_web .medialistbig li .txt { position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; color: #fff; padding: 0 .25rem .2rem } .department_web .medialistbig li .txt h4 { font-size: .18rem; font-weight: bold; margin-bottom: .1rem; line-height: 1.4em } .department_web .medialistbig li .txt .sign span:before { font-size: .24rem; margin-right: 5px; vertical-align: -2px } .department_web .medialistbig li .txt time:before { /*content: "\e663";*/ content: "\e6b4"; font-family: "swiper-icons" !important; margin-right: 5px; font-size: .18rem; } .department_web .medialistbig li .txt time { margin-left: .2rem } .department_web .medialistbig li .swiper-icons { color: #33cc33; } .department_web .medialist li .pic { position: relative; height: 3.25rem } .department_web .medialist li .pic:before { content: ''; position: absolute; left: -2px; bottom: -2px; right: -2px; height: 55%; background: url(/uploads/image/aimages/bamask.png) no-repeat top center; background-size: 100% 100%; z-index: 2; } .department_web .medialist li .txt { position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; color: #fff; padding: 0 .25rem .2rem } .department_web .medialist li .txt h4 { font-size: .17rem; font-weight: bold; margin-bottom: .1rem; line-height: 1.4em } .department_web .medialist li .sign { display: flex; } .department_web .medialist li .sign img { display: inline-block; } .department_web .medialist li .txt .sign span:before { font-size: .24rem; margin-right: 5px; vertical-align: -2px } /*.department_web .medialist li .txt time:before{content: "\e663";font-family: "iconfont" !important;margin-right: 5px;font-size: .18rem;}*/ .department_web .medialist li .txt time { margin-left: .2rem } .department_web .medialist li:nth-child(1) { width: calc(100%/3) } .department_web .medialist li:nth-child(2) { width: calc(100%/3) } .department_web .medialist li:nth-child(3) { width: calc(100%/3) } .department_web .medialist li:nth-child(1) .swiper-icons { color: #ffcc33; } .department_web .medialist li:nth-child(2) .swiper-icons { color: #db8504; } .department_web .medialist li:nth-child(3) .swiper-icons { color: #ccffff; } @media screen and (max-width: 768px) { .department_web .department_webtop .icosp { margin-top: .4rem; } .department_web .department_webtop .icolist { width: 100%; } .department_web .medialistbig { width: 100%; } .department_web .department_webtop .icolist { margin-bottom: .2rem; } .department_web .medialistbig li { margin-bottom: .2rem; } } @media screen and (max-width: 640px) { .department_web .medialist li:nth-child(1) { width: 100%; margin-bottom: .2rem; } .department_web .medialist li:nth-child(2) { width: 100%; margin-bottom: .2rem; } .department_web .medialist li:nth-child(3) { width: 100%; margin-bottom: 0; } } @media screen and (max-width: 480px) { .department_web .department_webtop .icolist { width: 100%; } .department_web .medialistbig { width: 100%; } .department_web .medialist li:nth-child(1) { width: 100%; margin-bottom: .2rem; } .department_web .medialist li:nth-child(2) { width: 100%; margin-bottom: .2rem; } .department_web .medialist li:nth-child(3) { width: 100%; margin-bottom: 0; } } @media screen and (max-width: 980px) { .intit h3 { font-size: .4rem } .college_news { padding: .55rem 0 } .college_news .lists ul:nth-child(3) { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: .28rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .college_news .lists ul:nth-child(2) { width: 45% } .college_news .lists ul:nth-child(1) { width: 55% } .college_news .lists ul:nth-child(3) li { width: 48.5%; border-bottom-width: 4px } .college_news .lists ul:nth-child(3) li .txt { height: auto } .college_news .lists ul:nth-child(3) li:nth-child(1) { margin-bottom: 0 } .college_news .lists ul:nth-child(2) li .txt h4 a, .college_news .lists ul:nth-child(3) li .txt h4 a { -webkit-line-clamp: 2; height: auto } .college_news .lists ul:nth-child(2) li .txt p, .college_news .lists ul:nth-child(3) li .txt p { -webkit-line-clamp: 3; height: auto } .college_news .lists ul:nth-child(2) li .pic { height: 25vw } .college_news .lists ul:nth-child(1) li { height: 100% } .college_news .lists ul:nth-child(2) li .txt { height: auto } .college_news .lists ul:nth-child(1) li .pic { height: 100% } .college_news .lists ul:nth-child(2) li { border-bottom-width: 4px } .college_news .lists ul:nth-child(2) li .txt { padding: .25rem .3rem .3rem } .college_news .lists ul:nth-child(2) li .txt h4, .college_news .lists ul:nth-child(3) li .txt h4 { margin-bottom: .1rem } .college_news .lists ul:nth-child(1) li .txt h4 { font-size: .22rem } .college_news .lists ul:nth-child(1) li .txt { padding: 0 .3rem .3rem .3rem } .topic_web { padding: .55rem 0 .65rem; } .topic_web .wp { padding: .3rem .3rem .6rem } .topic_web .slide-zt h4 { font-size: .2rem; margin-top: .15rem } .topic_web .hdtool { right: 50%; margin-right: -1rem } } @media screen and (max-width:640px) { .intit h3 { font-size: .36rem } } @media screen and (max-width: 480px) { .college_news .lists ul:nth-child(1) li .pic { height: 70vw } .college_news .lists ul:nth-child(2) li .pic { height: 50vw } .college_news .lists ul:nth-child(2) { width: 100% } .college_news .lists ul:nth-child(1) { width: 100%; margin-bottom: .3rem } .college_news .lists ul:nth-child(3) li:nth-child(1) { margin-bottom: .3rem } .college_news .lists ul:nth-child(3) li { width: 100% } } /* index_zl indexcss整理 */ .newspicbig { width: 100%; margin: .3rem 0; } .newspicbig .items { width: 100%; display: flex; justify-content: space-between; align-items: center; } .newspicbig .items .pic { width: 55%; height: 4.98rem; position: relative; z-index: 15; } .newspicbig .items .pic .a { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .newspicbig .items .txt { width: 45%; padding: 0.4rem 0.4rem 2.1rem 0.4rem; background-color: #fff; } .newspicbig .items .txt .phi { font-size: .16rem; color: #3069cc; font-weight: bold; margin-bottom: .2rem; display: block; } .newspicbig .items .txt h4 a { font-size: .20rem; color: #333; margin-bottom: .1rem; line-height: .34rem; } .newspicbig .items .txt p { font-size: .16rem; color: #737a82; line-height: .26rem; height: 1.56rem; margin-top: 0.15rem; } .newspicbig .swiper-pagination { width: 2rem; position: absolute; right: 10px; bottom: .6rem; text-align: right; left: auto; font-size: .32rem; color: #999999; display: flex; justify-content: flex-end; align-items: center; z-index: 10; } .newspicbig .swiper-pagination .swiper-pagination-current { font-weight: bold; font-size: .48rem; color: #3069cc; } .newspicbig .swiper-pagination .swiper-pagination-total { font-size: .32rem; color: #999999; } .newspicbig .swiper-pagination .swiper-pagination-total:hover { color: #3069cc; } .newspicbig .sbtn { width: .4rem; height: .4rem; border-radius: 100%; position: absolute; left: 60%; bottom: 0.8rem; z-index: 20; } .newspicbig .sbtn.prev { left: 58.7%; transition: all .8s; -webkit-transition: all .8s; border: 1px #3069cc solid; border-radius: 100%; color: #3069cc; text-align: center; line-height: .38rem; } .newspicbig .sbtn.prev:hover { background: #3069cc; color: #fff; } .newspicbig .sbtn.next { transition: all .8s; -webkit-transition: all .8s; border: 1px #3069cc solid; border-radius: 100%; color: #3069cc; left: 60%; text-align: center; line-height: .38rem; left: 62.7%; } .newspicbig .sbtn.next:hover { background: #3069cc; color: #fff; } .piclittle { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .piclittle li { width: 32%; background: #fff; padding: .1rem 0 .1rem 0; position: relative; transition: all .8s; -webkit-transition: all .8s; } .piclittle li.flex { align-items: center; } .piclittle li .pic { width: 46%; height: 1.34rem; margin-left: 15px; } .piclittle li .pic .a { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .piclittle li .pic img { width: 100%; height: 100%; } .piclittle li .txt { width: 49%; padding: 0.2rem 0.1rem; height: 145px; } .piclittle li .txt .time { font-size: .16rem; color: #3069cc; font-weight: bold; margin-bottom: .08rem; } .piclittle li .txt h4 { font-size: .16rem; color: #333; line-height: .24rem; } .piclittle li:hover, .piclittle li.on { z-index: 2; box-shadow: 3px 35px 77px -8px rgb(0 0 0 / 90%); transform: scale(1.05); -webkit-transform: scale(1.05); } @media screen and (max-width:980px) { .newspicbig { display: none; } .piclittle li { width: 100%; margin-bottom: .3rem; padding: .2rem; } .piclittle li .pic { width: 30%; height: auto; } .piclittle li .txt { width: 70%; } } @media screen and (max-width:480px) { .piclittle li .pic { width: 100%; height: auto; } .piclittle li .txt { width: 100%; padding: .2rem; } } .titp h3 { position: relative; } .titp h3::before { content: ""; position: absolute; bottom: -5px; left: 0; width: 1.4rem; height: 3px; background: #3069cc; } /* 新闻 */ .linehide { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .multilinehide { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .news { width: 100%; display: flex; justify-content: space-between; margin-bottom: .3rem; } .newsitem1 { width: 45%; margin-left: 0px !important; margin-right: 0px !important; } .fl { float: left; } .newsitem1 .swiper-slide { float: left; } .xwpic { position: relative; height: 380px; overflow: hidden; width: 100%; } .xwpic .jqthumb img { width: 100%; height: 100%; transition: all 0.6s; object-fit: cover; } .news img:hover { transform: scale(1.15); } .date2 { position: absolute; right: 0; bottom: 0; width: 65px; } .date2 span { background: #3069cc; font-size: 30px; color: #fff; height: 45px; line-height: 45px; text-align: center; display: block; } .date2 b { font-size: 14px; color: #fff; background: #1c3362; text-align: center; height: 25px; line-height: 25px; font-weight: normal; font-style: normal; display: block; } .ywtxt { padding: 20px; background: #fff; } .ywtxt h2 { font-size: 18px; height: 48px; line-height: 24px; color: #000; font-weight: normal; margin-bottom: 10px; } .ywtxt p { font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 26px; } /* 新闻列表 */ .newsitem2 { width: 52%; } .newstop { display: flex; justify-content: space-between } .newrtop { position: relative; height: 250px; width: 48%; } .newsrimg { display: block; overflow: hidden; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .newsrimg img { width: 100%; height: 100%; display: block; transition: all linear .35s; -webkit-transition: all linear .35s; } .newrtop .newsjj { padding: 10px 40px 10px 20px; background: rgb(39 95 191 / 50%); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.08); background-size: cover; position: absolute; left: 0; right: 0; bottom: 0; } .newrtop .title { position: relative; top: 0; color: #fff; display: block; height: 25px; line-height: 25px; font-size: 16px; } .newslist { margin-top: 15px; } .newslist>li { padding-top: 10px; border-bottom: 1px solid #3069cc; width: 100%; height: 65px; } .newsli a { display: block; font-size: 16px; color: #000; /* display: -webkit-box; */ width: 98%; height: 26px; transition: all 0.5s ease; } .newsli a:hover { color: #3069cc; transform: translatex(8px); } .xwbot { display: flex; align-items: center; justify-content: space-between; } .xwbot p { width: 85%; font-size: 14px; color: #555555; } .xwbot time { font-size: 14px; color: #555555; } /* 通知公告 */ .topic_web .ssbtn { position: absolute; left: 87%; transform: translatex(-.7rem); height: .6rem; width: 1.4rem; display: flex; bottom: .65rem; z-index: 4; } .body_home.showdiv .header { transform: none; opacity: 1; } @media screen and (max-width:1200px) { /*adaptation.css*/ .header.mobile .d2 { background: #3069cc; } .nav_mobile.showdiv { max-width: 100%; } .header .tools .a>a { color: #fff; } } @media screen and (max-width:980px) { .header { display: flex; } .header .tools .a>a { color: #fff; } .header .wp { padding-left: 0; padding-right: 0; width: 90%; margin: 0 auto; } } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: calc(-30% 1.1rem); top: 1.1rem; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: calc(-30% 1.5rem); top: 1.1rem; right: auto; } .kdone-swiper .swiper-button-next:after, .kdone-swiper .swiper-container-rtl .swiper-button-prev:after { width: .3rem; height: .3rem; } .kdone-swiper .swiper-button-prev:after, .kdone-swiper .swiper-container-rtl .swiper-button-next:after { width: .3rem; height: .3rem; } .kdone-swiper .swiper-button-prev:hover:after, .kdone-swiper .swiper-container-rtl .swiper-button-next:hover:after { width: .3rem; height: .3rem; } .kdone-swiper .swiper-button-next:hover:after, .kdone-swiper .swiper-container-rtl .swiper-button-prev:hover:after { width: .3rem; height: .3rem; } @media screen and (max-width:980px) { .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: calc(-30% - 0.7rem); top: 1.3rem; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: calc(-30% - 1.3rem); top: 1.3rem; right: auto; } } .department_web { padding: 0rem; margin: 0rem; margin-bottom: .3rem; position: relative; } /* .topic_web { padding: 0.1rem 0; } */ .academic_activity { /* padding: 0.1rem 0; */ /* background: no-repeat bottom center; */ background: #f1f0ea; } .academic_activity .aleft { width: 56%; } .academic_activity .aright { width: 44%; } .academic_activity .aleft .swiper-container { /* height: 100%; */ height: 5.06rem; } .academic_activity .aleft .items { transition: all .4s; -webkit-transition: all .4s; position: relative; height: 100%; width: 100%; } .academic_activity .aleft .items:hover .txt { box-shadow: 3px 35px 77px -8px rgba(0, 0, 0, 0.9); transform: scale(1); z-index: 5; } .academic_activity .aleft .pic { height: 100%; } .academic_activity .aleft .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; } .academic_activity .aleft .items .txt { position: absolute; background: rgba(0, 0, 0, 0.3); padding: .15rem .4rem; width: 100%; left: 0; bottom: 0; z-index: 3; margin: 0; border: 0; } .academic_activity .aleft .items .txt p { font-size: .2rem; line-height: 1.4em; font-weight: bold; color: #fff; margin: 0; } .academic_activity .aleft .items .txt .time { color: #fff; line-height: 1.8em; font-size: .14rem; } .academic_activity .aright ul li { padding: .13rem .1rem !important; border-top: 1px solid #ddd; position: relative; transition: all .4s; -webkit-transition: all .4s; background: #fff; position: relative; justify-content: space-between; } .academic_activity .aright ul li .pic { width: 2.27rem; height: 1.42rem; } .academic_activity .aright ul li .pic img { width: 100%; height: 100%; } .academic_activity .aright ul li .txt { width: calc(100% - 2.27rem); padding: .1rem .1rem .1rem .1rem; } .academic_activity .aright ul li h4 { font-size: .17rem; font-weight: bold; line-height: 1.5em; margin-bottom: 0; } .academic_activity .aright ul li h4 a { height: .78rem; display: block\0; color: #333333; line-height: .26rem; } .academic_activity .aright ul li p { font-size: .14rem; line-height: .3rem; color: #3069cc; } .academic_activity .aright ul li:hover, .academic_activity .aright ul li.on { box-shadow: none; transform: scale(1); -webkit-transform: scale(1); background: #3069cc; z-index: 2; box-shadow: 3px 35px 77px -8px rgb(0 0 0 / 90%); } .academic_activity .aright ul li::before { content: ''; position: absolute; left: -.2rem; top: 50%; margin-top: -.1rem; border: .1rem transparent solid; border-right: .1rem #3069cc solid; opacity: 0; visibility: hidden; } .academic_activity .aright ul li:hover::before, .academic_activity .aright ul li.on::before { opacity: 1; visibility: visible; } .academic_activity .aright ul li:hover .txt .titline_r, .academic_activity .aright ul li:hover .txt p, .academic_activity .aright ul li.on .txt .titline_r, .academic_activity .aright ul li.on .txt p { color: #fff; } @media screen and (max-width:980px) { .academic_activity .aleft { width: 59%; margin-bottom: 0; } .academic_activity .aright { width: 39%; } .academic_activity .aright ul li h4 a { height: .52rem; } .academic_activity .aright ul li { padding: .1rem !important; } .showdiv1{ width: 100% !important; } .doxz{ flex-direction: column !important; } .academic_activity{ margin-left: 0 !important; } .notice .notice_right p{ height: 22px; } .notice .notice_right:hover .notice_title{ height: 22px; } } @media screen and (max-width:860px) { .academic_activity .aleft { width: 59%; margin-bottom: 0; display: none; } .academic_activity .aright { width: 100%; } } .notice { width: 100%; margin-bottom: .3rem; } .notice ul li { margin-bottom: 6px; display: flex; align-items: center; } .notice .notice_left { width: 55px; height: 55px; border: 1px solid #3069cc; } .notice .notice_right { position: relative; width: calc(100% - 100px); margin-left: 10px; transition: 0.3s; padding-left: 5px; } .notice .notice_right::before { content: ""; width: 0px; height: 1px; background-color: #3069cc; } .notice .notice_left p:first-child { font-weight: bold; text-align: center; margin-top: 5px; } .notice .notice_left p:last-child { color: #555; font-size: 12px; text-align: center; } .notice .notice_right p { width: 100%; overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis; transition: all 0.5s ease; } .notice_content { font-size: 12px; color: #555; } .notice .notice_right:hover { cursor: pointer; } .notice .notice_right:hover .notice_title { color: #3069cc; transform: translatey(-5px); } .xyfg img { width: 100%; } /* 学部网站 */ .swiper { width: 100%; height: 30%; } .xuebweb { width: 95px; height: 45px; position: relative; } .xuebweb .swiper-button-next:after, .xuebweb .swiper-button-prev:after { font-size: 14px !important; } .swiper-slides1 { cursor: pointer; text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; } .imgc { display: block; width: 100%; height: 100% !important; object-fit: cover; transition: 0.3s; } .wenb { position: absolute; bottom: 0px; width: 100%; height: 50px; background: rgba(0, 0, 0, .5); color: #fff; overflow: hidden; display: flex; align-items: center; flex-direction: column; justify-content: center; transition: 0.3s; } .js1 { font-size: 22px; } .js2 { width: 90%; text-align: left; text-indent: 2em; overflow: hidden; display: none; } .swiper-slides1:hover .wenb { /* bottom: 0px; */ } .swiper-slides1:hover .imgc { transform: scale(1.1); } .swiper-slides1:hover .js2 { display: -webkit-box; -webkit-line-clamp: 7; /*超出3行部分显示省略号,去掉该属性 显示全部*/ -webkit-box-orient: vertical; } .swiper-button-prev { border: 1px solid; border-radius: 100px; width: 40px; top: 60%; } .swiper-button-next { border: 1px solid; border-radius: 100px; width: 40px; top: 60%; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 14px; } .swiper-button-prev:hover, .swiper-button-next:hover { background: #3069cc; } .swiper-button-prev:hover::after, .swiper-button-next:hover::after { color: #fff; } /* 汇华印象样式 */ .tabdiv .tab_left { width: 76%; } .tabdiv a { display: block; } .tabdiv .pic_top a { width: 49.6%; height: 3.4rem; margin-bottom: 0.08rem; } .tabdiv .pic_top a span, .tabdiv .pic_bottom a span, .tabdiv .tab_right span { width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: cover; } .tabdiv .pic_bottom a { width: 32.8%; height: 3.2rem; } .tabdiv .tab_right { width: 23.3%; } .tabdiv .tab_right a { width: 100%; height: 6.68rem; } .topic_con{ display: flex; justify-content: space-between; margin-bottom: .3rem; } .topic_con .topic_item{ width: 31%; } .topic_con .topic_item h4{ font-size: .24rem; font-weight: bold; margin-top: 0.1rem; line-height: 1.4em; } /* 首页手机端 */ /* 首页学院新闻 */ @media screen and (max-width: 1200px){ .news .newsitem1 { display: none; } .news .newsitem2{ width: 100%; } } @media screen and (max-width: 640px){ .news .newsitem2 .newstop{ flex-flow: column; } .news .newsitem2 .newrtop{ width: 98%; height: 50vw; margin-bottom: 15px; } .news .newsitem2 .newslist{ margin-top: 0px; } .news .newsitem2 .newslist .newsli .xwbot p{ width: 75%; } } /* 首页学部网站 */ @media (min-width: 640px)and (max-width:850px){ .department_web .swiper{ height: 4%; } .department_web .wenb{ height: 30px; } .department_web .wenb .js1{ font-size: 14px; } } @media screen and (max-width: 640px){ .department_web .swiper{ height: 4%; } .department_web .wenb{ height: 25px; } .department_web .wenb .js1{ font-size: 14px; } } /* 首页专题网站 */ @media screen and (max-width: 640px){ .topic_con{ flex-direction: column; } .topic_con .topic_item{ width: 100% !important; margin-bottom: 10px; } } /* 更多链接 */ @media screen and (max-width:1200px) { .footbox{ width: 90% !important; } .foot:first-child{ padding-bottom: 20px; } } @media screen and (max-width:768px) { .ny-right .posi .posit{ padding-left:0; } } @media screen and (max-width:640px) { .nyjj2 .pic{ display: none; } .ny-xxyg .nyyg2 .pic{ padding: 0; } } /* 汇华映像 */ @media screen and (max-width:980px) { .tabdiv .pic_top a{ height: 2.4rem !important; } .tabdiv .pic_bottom a{ height: 2.2rem !important; } .tabdiv .tab_right a{ height: 4.68rem !important; } } @media screen and (max-width:580px) { .tabdiv .pic_top a{ height: 1.8rem !important; } .tabdiv .pic_bottom a{ height: 1.2rem !important; } .tabdiv .tab_right a{ height: 3.1rem !important; } }