.flex { display: flex; justify-content: space-between; flex-wrap: wrap; } body { font-family: 'Noto Sans SC','STHeiti Light','Source Han Sans CN','SimHei', "Times New Roman",Georgia,Serif,SimHei; } /* banner */ .banner { position: relative; left: 0; top: 0; right: 0; bottom: 0; } .banner .swiper-container { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; } .banner .swiper-slide { width: 100%; height: 100%; overflow: hidden; position: relative; } .banner .swiper-slide { background-size: 100%; background-position: center; background-repeat: no-repeat; } .banner .swiper-slide img { width: 100%; height: 100%; display: block; transition:1s linear 2s; transform:scale(1.1,1.1); object-fit: cover; } .banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{ transition:6s linear; transform:scale(1,1); } .banner .banner_button { width: auto; bottom: 2.6rem; right: 0.6rem; position: absolute; z-index: 5; } .banner .swiper-pagination { width: auto; bottom: 0rem; left: 0px; position: relative; z-index: 5; height: 0.24rem; } .banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 auto 0.2rem auto ; background: url(../images/bannerico1.png) no-repeat center; width: 0.15rem; height: 0.15rem; opacity: 1; border-radius: 0%; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; display: block; background-size: 100%; position: relative; z-index: 5; } .banner .swiper-pagination-bullets .swiper-pagination-bullet-active{ background: url(../images/bannerico2.png) no-repeat center; width: 0.24rem; height: 0.24rem; background-size: 100%; } .banner .swiper-pagination-bullets .swiper-pagination-bullet::after{ position: absolute; left: 50%; top: 0.15rem; width: 1px; height: 0.35rem; background: #fff; opacity: 0.3; content: ""; z-index: -1; } .banner .swiper-pagination-bullet:last-child::after{ display: none; top: 0; } @media (max-width: 980px){ .banner { padding-top: 1rem; } .banner .banner_button { width: auto; top: 50%; bottom: auto; right: 0.3rem; } } /* 科研机构 */ .nypagebg{ width: 100%; margin: 0 auto; background: #fffbf8; overflow: hidden; background-size: cover; padding-bottom: 2.5rem; } .nypagebg .nypage{ margin: 0 auto; padding-top: 0.3rem; } .nypagebg .nypage .ny_right{ float: right; width: 79%; } .nypagebg .nypage .ny_right .nytrait{ width: 100%; height: 1rem; line-height: 0.45rem; border-bottom: 1px solid #983e3d; } .nypagebg .nypage .ny_right .nytrait h5{ float: left; font-size: 0.32rem; color: #983E3D; font-weight: bold; font-family:"Source Han Sans CN" } .nypagebg .nypage .ny_right .nytrait .position{ float: right; font-size: 0.18rem; color: #6B6B6B; } .nypagebg .nypage .ny_right .nytrait .position a{ font-size: 0.18rem; color: #6B6B6B; } .nypagebg .nypage .ny_right .jigoubox{ margin: 0.45rem auto 0 auto; } .nypagebg .nypage .ny_right .jigoubox h3{ text-align: center; margin: 0 auto 0.65rem auto; font-size: 0.42rem; color: #3A3A3C; font-weight: bold; line-height: 0.5rem; } .nypagebg .nypage .ny_right .jigoubox p{ font-size: 0.2rem; color: #3A3A3C; line-height: 0.36rem; margin-bottom: 0.45rem; } .nypagebg .nypage .ny_right .jigoubox p span{ display: block; font-size: 0.2rem; color: #983e3d; font-weight: bold; } @media (max-width: 980px){ .nypagebg{ padding-bottom: 1rem; } .nypagebg .nypage .ny_right{ float: none; width: 100%;min-height:500px; } .nypagebg .nypage .ny_right .nytrait{ /*display: none;*/ line-height: 0.6rem; height: auto; overflow: hidden; } .nypagebg .nypage .ny_right .nytrait h5{ float: left; font-size: 0.24rem; } .nypagebg .nypage .ny_right .nytrait .position{ font-size: 0.24rem; } .nypagebg .nypage .ny_right .nytrait .position a{ font-size: 0.24rem; } .nypagebg .nypage .ny_right .jigoubox{ margin: 0.3rem auto 0 auto; } .nypagebg .nypage .ny_right .jigoubox h3{ text-align: center; margin: 0 auto 0.5rem auto; font-size: 0.28rem; } .nypagebg .nypage .ny_right .jigoubox p{ font-size: 0.24rem; margin-bottom: 0.35rem; } .nypagebg .nypage .ny_right .jigoubox p span{ font-size: 0.24rem; } } /* about */ .nyaboutbg{ width: 100%; margin: 0 auto; background: url(../nyimages/nyaboutbg.jpg) no-repeat top center; overflow: hidden; background-size: cover; padding-bottom: 1.7rem; } .nyaboutbg .about{ margin: 0 auto; padding-top: 0.3rem; } .nypagebg .nypage .nylist_left{ float: left; width: 17.2%; } .nypagebg .nypage .nylist_left .fenlei_t{ width: 100%; text-align: center; height: 0.66rem; line-height: 0.66rem; background: #983E3D; font-size: 0.32rem; color: #fff; font-weight: bold; } .nypagebg .nypage .nylist_left ul { margin: 0 auto; background: url(../nyimages/nylistbg.jpg) no-repeat bottom center; padding: 0.3rem 0 0.9rem 0; background-size: cover; overflow: hidden; } .nypagebg .nypage .nylist_left ul li{ margin: 0 auto 0.33rem auto; background: #fff; background-size: 100%; width: 90%; min-height: 0.24rem; line-height: 0.24rem; position: relative; } .nypagebg .nypage .nylist_left ul li::after{ position: absolute; left: 0rem; top: -0.1rem; content: ""; background: url(../nyimages/nylistico1.png) no-repeat center; height: 0.1rem; width: 100%; background-size: cover; } .nypagebg .nypage .nylist_left ul li::before{ position: absolute; left: 0rem; bottom: -0.1rem; content: ""; background: url(../nyimages/nylistico2.png) no-repeat center; height: 0.1rem; width: 100%; background-size: cover; } .nypagebg .nypage .nylist_left ul li h5 a{ display: block; font-size: 0.2rem; color: #3a3a3c; font-weight: normal; margin-left: 0.2rem; } .nypagebg .nypage .nylist_left ul li.on{ height: auto; } .nypagebg .nypage .nylist_left ul li.on h5 a{ color: #983e3d; font-weight: bold; } .nypagebg .nypage .nylist_left ul li .erji{ margin: 0.2rem 10% 0.1rem 20%; overflow: hidden; } .nypagebg .nypage .nylist_left ul li .erji a{ display: block; font-size: 0.16rem; color: #3A3A3C; line-height: 0.2rem; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; margin-bottom: 0.16rem; } .nypagebg .nypage .nylist_left ul li .erji a.on{ color: #983e3d; } .nyaboutbg .about .about_right{ float: right; width: 79%; } .nyaboutbg .about .about_right .nytrait{ width: 100%; height: 0.52rem; line-height: 0.45rem; border-bottom: 1px solid #983e3d; } .nyaboutbg .about .about_right .nytrait h5{ float: left; font-size: 0.32rem; color: #983E3D; font-weight: bold; font-family:"Source Han Sans CN" } .nyaboutbg .about .about_right .nytrait .position{ float: right; font-size: 0.18rem; color: #6B6B6B; } .nyaboutbg .about .about_right .nytrait .position a{ font-size: 0.18rem; color: #6B6B6B; } .nyaboutbg .about .about_right .aboutbox{ margin: 0.65rem auto 0 auto; } .nyaboutbg .about .about_right .aboutbox h3{ text-align: center; margin: 0 auto; font-size: 0.42rem; color: #3A3A3C; font-weight: bold; line-height: 0.5rem; } .nyaboutbg .about .about_right .aboutbox .pic{ margin: 0.55rem auto 0.7rem auto; width: 100%; height: auto; overflow: hidden; } .nyaboutbg .about .about_right .aboutbox img{ margin: 0rem auto; width: 100%; height: auto; overflow: hidden; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nyaboutbg .about .about_right .aboutbox p{ font-size: 0.2rem; color: #3A3A3C; line-height: 0.36rem; text-indent: 2em; margin-bottom: 0.35rem; } .nyaboutbg .about .about_right .aboutbox img:hover{ transform: scale(1.1); } @media (max-width: 980px){ .nyaboutbg{ padding-bottom: 1rem; } .nypagebg .nypage .nylist_left{ float: none; width: 100%; position: relative; } .nypagebg .nypage .nylist_left .fenlei_t{ width: 100%; text-align: center; font-size: 0.28rem; height: 0.88rem; line-height: 0.88rem; } .nypagebg .nypage .nylist_left ul { margin: 0 auto; background: url(../nyimages/nylistbg.jpg) no-repeat bottom center; padding: 0.3rem 0 0.3rem 0; background-size: cover; overflow: hidden; } .nypagebg .nypage .nylist_left ul li{ margin: 0 auto 0.33rem auto; width: 88%; min-height: 0.4rem; line-height: 0.4rem; position: relative; } .nypagebg .nypage .nylist_left ul li h5 a{ display: block; font-size: 0.24rem; } .nypagebg .nypage .nylist_left ul li .erji{ margin: 0.2rem 5% 0.1rem 8%; overflow: hidden; } .nypagebg .nypage .nylist_left ul li .erji a{ font-size: 0.24rem; line-height: 0.2rem; margin-bottom: 0.16rem; } .nypagebg .nypage .nylist_left .listico{ position: absolute; background: url(../nyimages/fenleiico.png) no-repeat center; width: 0.4rem; height: 0.4rem; background-size: 100%; position: absolute; right: 10%; top: 0.24rem; } .nypagebg .nypage .nylist_left .fenlei_t i{ background: url(../nyimages/fenleiico.png) no-repeat center; width: 0.4rem; height: 0.4rem; background-size: 100%; position: absolute; right: 10%; top: 0.24rem; } .nypagebg .nypage .nylist_left ul{ display: none; } .nyaboutbg .about .about_right{ float: none; width: 100%; margin: 0.3rem auto 0 auto; } .nyaboutbg .about .about_right .nytrait{ display: none; } .nyaboutbg .about .about_right .nytrait h5{ font-size: 0.24rem; } .nyaboutbg .about .about_right .nytrait .position{ font-size: 0.24rem; } .nyaboutbg .about .about_right .nytrait .position a{ font-size: 0.24rem; } .nyaboutbg .about .about_right .aboutbox{ margin: 0.4rem auto 0 auto; } .nyaboutbg .about .about_right .aboutbox h3{ font-size: 0.28rem; line-height: 0.5rem; } .nyaboutbg .about .about_right .aboutbox .pic{ margin: 0.35rem auto 0.4rem auto; width: 100%; height: auto; overflow: hidden; } .nyaboutbg .about .about_right .aboutbox p{ font-size: 0.24rem; line-height: 0.36rem; text-indent: 2em; margin-bottom: 0.35rem; } } /* 学院领导 */ .teambg{ width: 100%; margin: 0 auto; background: url(../nyimages/teambg.jpg) no-repeat top center; overflow: hidden; background-size: cover; } .teambox{ margin: 0 auto; } .teambox ul li{ width: 100%; position: relative; z-index: 5; padding: 0.3rem 0; border-bottom: 1px dashed #CABCB2; overflow: hidden; } .teambox ul li .pic{ float: left; position: relative; width: 14.8%; height: 2.26rem; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .teambox ul li .pic img{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .teambox ul li .txt{ float: left; width: 76%; margin-left: 3%; } .teambox ul li .txt h5 a{ display: block; font-size: 0.24rem; color: #3A3A3C; font-weight: bold; line-height: 0.3rem; margin-bottom: 0.15rem; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .teambox ul li .txt p{ font-size: 0.16rem; color: #6C6865; line-height: 0.24rem; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .teambox ul li::after{ position: absolute; left: 0rem; top: 0rem; content: ""; z-index: -1; background: #983e3d; height: 100%; width: 0%; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .teambox ul li:hover::after{ width: 100%; } .teambox ul li:hover .pic{ margin-left: 3%; } .teambox ul li:hover .txt h5 a{ color: #fff; } .teambox ul li:hover .txt p{ color: #fff; opacity: 0.7; } @media (max-width: 980px){ .teambox{ margin: 0.2rem auto 0 auto; } .teambox ul li{ width: 100%; position: relative; z-index: 5; padding: 0.3rem 0; border-bottom: 1px dashed #CABCB2; overflow: hidden; } .teambox ul li .pic{ float: none; position: relative; width: 80%; height: auto; padding-top: 100%; margin: 0 auto; } .teambox ul li .txt{ float: none; width: 100%; margin: 0.2rem auto 0 auto; } .teambox ul li .txt h5 a{ display: block; font-size: 0.28rem; color: #3A3A3C; font-weight: bold; line-height: 0.3rem; margin-bottom: 0.15rem; } .teambox ul li .txt p{ font-size: 0.24rem; color: #6C6865; line-height: 0.35rem; } .teambox ul li:hover .pic{ margin: 0 auto; } } /* 教学机构 */ .jxjg_bg{ padding-bottom: 1.35rem; } .jigoulist{ margin: 0.6rem auto 0 auto; } .jigoulist ul li{ position: relative; width: 31%; margin: 0 3.5% 0.7rem 0; float: left; } .jigoulist ul li:nth-child(3n){ margin-right: 0; } .jigoulist ul li .pic{ position: relative; width: 100%; height: 2.49rem; } .jigoulist ul li .pic img{ position: absolute; left: 0; top: 0px; width: 100%; height: 100%; } .jigoulist ul li .txt{ position: absolute; left: 0; top: 0px; width: 100%; height: 100%; text-align: center; } .jigoulist ul li .txt a{ display: block; padding-top: 0.75rem; } .jigoulist ul li .txt a i{ display: block; font-size: 0.36rem; color: #fff; font-family: "sys"; } .jigoulist ul li .txt a em{ display: block; font-size: 0.18rem; color: #fff; margin: 0.08rem auto 0 auto; } @media (max-width: 980px){ .jxjg_bg{ } .jigoulist ul li{ position: relative; width: 48%; margin: 0 4% 0.4rem 0; float: left; } .jigoulist ul li:nth-child(3n){ margin: 0 4% 0.4rem 0; } .jigoulist ul li:nth-child(2n){ margin-right: 0; } .jigoulist ul li .txt a i{ display: block; font-size: 0.3rem; } .jigoulist ul li .txt a em{ font-size: 0.24rem; } } /* 师资队伍 */ .teacherbox{ margin: 0.35rem auto 0 auto; } .teacherbox dl{ overflow: hidden; padding-bottom: 0.15rem; } .teacherbox dl dt{ width: 100%; height: 0.36rem; line-height: 0.36rem; border-bottom: 1px solid #983e3d; } .teacherbox dl dt i{ display: inline-block; text-align: center; padding: 0 0.25rem; font-size: 0.24rem; color: #fff; font-weight: bold; background: #983e3d; } .teacherbox dl dd{ font-size: 0.24rem; color: #3A3A3C; display: inline-block; line-height: 0.85rem; width: 11%; margin-left: 5%; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .teacherbox dl dd:hover{ color: #983e3d; } @media (max-width: 980px){ .teacherbox{ margin: 0.45rem auto 0 auto; } .teacherbox dl dd{ line-height: 0.75rem; width: 14%; } } /* 通知公告 */ .nynoticebg { width: 100%; margin: 0 auto; background: url(../nyimages/nyaboutbg.jpg) no-repeat top center; overflow: hidden; background-size: cover; padding-bottom: 2.2rem; } .nynotice{ margin: 0.1rem auto 0 auto; } .nynotice ul li{ border-bottom: 1px dashed #C8BFB6; height: 0.75rem; line-height: 0.75rem; position: relative; z-index: 5; } .nynotice ul li .ssrq{ display: block; float: left; font-size: 0.2rem; color: #983e3d; font-family:Georgia, 'Times New Roman', Times, serif; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nynotice ul li em{ display: block; float: left; width: 1px; height: 0.14rem; background: #983e3d; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; margin: 0.33rem 0.18rem 0 0.18rem; } .nynotice ul li a{ width: 89%; float: left; font-size: 0.2rem; color: #3A3A3C; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; display: block; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nynotice ul li::after { position: absolute; left: 0rem; top: 0rem; content: ""; z-index: -1; background: #983e3d; height: 100%; width: 0%; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nynotice ul li:hover::after{ width: 100%; box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.05); } .nynotice ul li:hover span{ color: #fff; } .nynotice ul li:hover .ssrq{ color: #fff; } .nynotice ul li:hover em{ background: #fff; } .nynotice ul li:hover a{ color: #fff; font-weight: bold; } .nynotice ul li:last-child{ border-bottom: 1px solid none; } /* fenye */ .fenye { display: flex; justify-content: center; margin: 0.75rem auto 0 auto; text-align: center; } .spage-total { display: inline-block; margin-right: 20px; line-height: 0.33rem; color: #666; font-size: 0.16rem; display: none; } .spage-number { display: flex; color: #b1b1b1; font-size: 0.16rem; float: left; } .spage-number button { position: relative; box-sizing: border-box; display: inline-block; margin: 0 3px; padding: 0px 12px; line-height: 0.33rem; border: 1px solid #e7e3e2; background: #e7e3e2; border-radius: 3px; text-align: center; transition: all .2s; cursor: pointer; outline: none; user-select: none; color: #3a3a3c; font-size: 0.16rem; } .spage-number button.active { background: #983e3d; color: #fff; border-color: #983e3d; z-index: 3; } .spage-number button.active:hover { background: #983e3d; color: #fff; border-color: #983e3d; z-index: 3; } .spage-number button:hover { background-color: #eee; } .spage-number button.button-disabled,.spage-number button:first-child { cursor: not-allowed; color: #3a3a3c; height: 0.35rem; position: relative; } .spage-number button:last-child{ height: 0.35rem; color: #3a3a3c; position: relative; } .spage-number .spage-after, .spage-before { padding: 0px; width: 40px } .spage-skip { display: flex; float: left; margin-left: 10px; line-height: 0.33rem; color: #3a3a3c; font-size: 14px; } .spage-skip input { box-sizing: border-box; display: inline-block; width: 0.45rem; line-height: 0.33rem; text-align: center; vertical-align: top; border: 1px solid #983e3d; border-radius: 3px; background: none; outline: none; transition: all .2s; } .spage-skip input:focus { border-color: #983e3d; } .spage-skip button { display: inline-block; padding: 0px 15px; line-height: 0.33rem; vertical-align: top; color: #fff; font-size: 0.16rem; background: #983e3d; border-radius: 3px; cursor: pointer; transition: all .2s; outline: none; user-select: none; } @media (max-width: 980px){ .nynotice { margin: 0.3rem auto 0 auto; } .nynotice ul li{ height: 0.85rem; line-height: 0.85rem; } .nynotice ul li span{ font-size: 0.24rem; float: right; } .nynotice ul li em{ margin: 0.38rem 0.18rem 0 0.18rem; } .nynotice ul li a{ font-size: 0.24rem; width: 75%; } .nynoticebg { padding-bottom: 1.5rem; } } /* 工作动态 */ .nydynamicbg{ width: 100%; margin: 0 auto; background: url(../nyimages/nyaboutbg.jpg) no-repeat top center; background-size: auto; overflow: hidden; background-size: cover; padding-bottom: 2.7rem; } .nydynamic{ margin: 0 auto; } .nydynamic ul li{ position: relative; z-index: 5; width: 100%; height: 1.87rem; border-bottom: 1px dashed #CABCB2; } .nydynamic ul li .pic{ float: left; position: relative; width: 18%; height: 1.37rem; margin-top: 0.25rem; overflow: hidden; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nydynamic ul li .pic img{ position: absolute; left: 0; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nydynamic ul li .txt{ float: right; width: 78%; margin-top: 0.25rem; } .nydynamic ul li .txt a{ line-height: 0.3rem; font-size: 0.2rem; color: #3A3A3C; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; display: block; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nydynamic ul li .txt span{ display: block; margin-top: 0.08rem; padding-left: 0.18rem; font-size: 0.16rem; color: #983E3D; font-family: Georgia, 'Times New Roman', Times, serif; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background: url(../nyimages/time1.png) no-repeat left center; } .nydynamic ul li .txt em{ display: block; width: 1rem; height: 1px; background: #983E3D; margin: 0.17rem 0 0.1rem 0; } .nydynamic ul li .txt p{ line-height: 0.24rem; font-size: 0.14rem; color: #6C6865; height: 0.48rem; overflow: hidden; } .nydynamic ul li::after { position: absolute; left: 0rem; top: 0rem; content: ""; z-index: -1; background: #983e3d; height: 100%; width: 0%; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nydynamic ul li:hover .pic { margin-left: 2.5%; } .nydynamic ul li:hover .pic img{ transform: scale(1.1); } .nydynamic ul li:hover::after{ width: 100%; } .nydynamic ul li:hover .txt{ float: right; width: 72%; margin-top: 0.25rem; margin-right: 5%; } .nydynamic ul li:hover .txt a{ color: #fff; } .nydynamic ul li:hover .txt span{ color: #fff; background: url(../nyimages/time2.png) no-repeat left center; } .nydynamic ul li:hover .txt em{ background: #fff; } .nydynamic ul li:hover .txt p{ color: #fff; opacity: 0.7; } .nydynamicbg .fenye{ margin: 0.55rem auto 0 auto; } @media (max-width: 980px){ .nydynamicbg{ padding-bottom: 1.5rem; } .nydynamic{ margin: 0.3rem auto 0 auto; } .nydynamic ul li{ position: relative; z-index: 5; width: 100%; height: auto; border-bottom: 1px dashed #CABCB2; padding-bottom: 0.25rem; } .nydynamic ul li .pic{ float: none; position: relative; width: 100%; height: auto; padding-top: 63%; margin: 0.35rem auto 0 auto; } .nydynamic ul li .txt{ float: none; width: 100%; margin-top: 0.2rem; } .nydynamic ul li .txt a{ line-height: 0.3rem; font-size: 0.24rem; } .nydynamic ul li .txt span{ display: block; margin-top: 0.08rem; padding-left: 0.3rem; font-size: 0.24rem; background: url(../nyimages/time1.png) no-repeat left center; } .nydynamic ul li .txt p{ line-height: 0.35rem; font-size: 0.24rem; color: #6C6865; height: 0.7rem; overflow: hidden; } .nydynamic ul li::after { position: absolute; left: 0rem; top: 0rem; content: ""; z-index: -1; background: #983e3d; height: 100%; width: 0%; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nydynamic ul li:hover .pic { margin-left: 2.5%; } .nydynamic ul li:hover .pic img{ transform: scale(1.1); } .nydynamic ul li:hover::after{ width: 100%; } .nydynamic ul li:hover .txt{ float: right; width: 72%; margin-top: 0.25rem; margin-right: 5%; } .nydynamic ul li:hover .txt a{ color: #fff; } .nydynamic ul li:hover .txt span{ color: #fff; background: url(../nyimages/time2.png) no-repeat left center; } .nydynamic ul li:hover .txt em{ background: #fff; } .nydynamic ul li:hover .txt p{ color: #fff; opacity: 0.7; } .nydynamicbg .fenye{ margin: 0.55rem auto 0 auto; } } /* 工作动态 */ .nydynamic_xqbg { width: 100%; margin: 0 auto; background: url(../nyimages/teambg.jpg) no-repeat top center; overflow: hidden; background-size: cover; padding-bottom: 1.9rem; } .nydynamic_xqbox{ margin: 0.45rem auto 0 auto; } .nydynamic_xqbox .txt_title{ margin: 0 auto; text-align: center; border-bottom: 1px solid #d9d1cb; padding-bottom: 0.4rem; } .nydynamic_xqbox .txt_title h5{ font-size: 0.36rem; color: #3A3A3C; font-weight: bold; line-height: 0.42rem; } .nydynamic_xqbox .txt_title span{ display: inline-block; text-align: center; margin: 0.2rem auto 0 auto; } .nydynamic_xqbox .txt_title span i{ display: inline-block; text-align: center; font-size: 0.18rem; color: #816F6F; } .nydynamic_xqbox .xqtxt{ margin: 0.4rem auto 0 auto; padding-bottom: 0.7rem; border-bottom: 1px solid #d9d1cb; } .nydynamic_xqbox .xqtxt p{ font-size: 0.18rem; color: #3A3A3C; line-height: 0.32rem; text-indent: 2em; } .nydynamic_xqbox .xqtxt .pic{ margin: 0.4rem auto; overflow: hidden; } .nydynamic_xqbox .xqtxt .pic span{ display: block; float: left; width: 50%; padding-top: 35%; position: relative; } .nydynamic_xqbox .xqtxt .pic span img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0px; object-fit: cover; } .nydynamic_xqbox .xqtxt .pic img{ width: 100%; height: auto; margin: 0 auto; } .nydynamic_xqbox .pagefenye{ margin: 0.45rem auto 0 auto; } .nydynamic_xqbox .pagefenye ul li{ line-height: 0.5rem; } .nydynamic_xqbox .pagefenye ul li span{ font-size: 0.2rem; color: #983e3d; display: inline-block; } .nydynamic_xqbox .pagefenye ul li a{ font-size: 0.2rem; color: #3A3A3C; display: inline-block; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nydynamic_xqbox .pagefenye ul li:hover a{ color: #983e3d; } @media (max-width: 980px){ .nydynamic_xqbg { padding-bottom: 1.5rem; } .nydynamic_xqbox .txt_title h5{ font-size: 0.3rem; } .nydynamic_xqbox .txt_title span i{ display: inline-block; text-align: center; font-size: 0.24rem; color: #816F6F; } .nydynamic_xqbox .xqtxt{ margin: 0.4rem auto 0 auto; padding-bottom: 0.5rem; } .nydynamic_xqbox .xqtxt p{ font-size: 0.24rem; color: #3A3A3C; line-height: 0.35rem; } .nydynamic_xqbox .xqtxt p span{ line-height: 0.58rem; } .nydynamic_xqbox .xqtxt .pic img{ width: 100%; height: auto; margin: 0 auto; } .nydynamic_xqbox .pagefenye{ margin: 0.45rem auto 0 auto; } .nydynamic_xqbox .pagefenye ul li{ line-height: 0.5rem; } .nydynamic_xqbox .pagefenye ul li span{ font-size: 0.24rem; } .nydynamic_xqbox .pagefenye ul li a{ font-size: 0.24rem; } } /* 荣退教师 */ .teacherbg{ width: 100%; margin: 0 auto; background: url(../nyimages/nyteacherbg.jpg) no-repeat top center; overflow: hidden; background-size: cover; padding-bottom: 2.6rem; } .nyteacherlist{ margin: 0.4rem auto 0 auto; background: url(../nyimages/teacherlist.jpg) no-repeat top left; height: 4.25rem; position: relative; } .nyteacherlist .teacher_t{ float: left; width: 17%; height: 100%; } .nyteacherlist .teacher_t img{ width: 100%; height: 100%; } .nyteacherlist .teacherbox{ float: left; margin: 0.5rem 0 0 0; width: 83%; background: #fff; -webkit-box-shadow: 0 8px 8px 0px rgba(204, 159, 130, .2); box-shadow: 0 8px 8px 0px rgba(204, 159, 130, .2); padding-top: 0.5rem; min-height: 4.25rem; } .nyteacherlist .teacherbox ul li{ float: left; margin: 0 1% 0.4rem 5%; width: 17%; line-height: 0.52rem; background: #F6F0EA; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nyteacherlist .teacherbox ul li a{ display: block; text-align: center; font-size: 0.24rem; color: #3A3A3C; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nyteacherlist .teacherbox ul li:hover{ background: #983e3d; } .nyteacherlist .teacherbox ul li:hover a{ color: #fff; } @media (max-width: 980px){ .teacherbg{ padding-bottom: 1.6rem; } .nyteacherlist .teacher_t{ float: left; width: 15%; height: 100%; } .nyteacherlist .teacher_t img{ width: 100%; height: 100%; object-fit: cover; } .nyteacherlist .teacherbox{ float: left; margin: 0.5rem 0 0 0; width: 85%; } .nyteacherlist .teacherbox ul li{ margin: 0 1% 0.4rem 3%; width: 20.5%; } } /* 管理机构 */ .guanlijigoubox{ width: 100%; margin: 0.45rem auto; } .guanlijigoubox table{ width: 100%; border: 1px solid #dfc7b1; } .guanlijigoubox table tr{ height: 0.55rem; line-height: 0.55rem; text-align: center; } .guanlijigoubox table tr:nth-child(2n+1){ background-color: #fbf3ed; } .guanlijigoubox table tr.box_top{ height: 0.45rem; line-height: 0.45rem; background: #983e3d; } .guanlijigoubox table tr.box_top td{ font-size: 0.22rem; color: #fff; font-weight: bold; } .guanlijigoubox table tr td{ width: 25%; font-size: 0.18rem; color: #3A3A3C; border-right: 1px solid #dfc7b1; } @media (max-width: 980px){ .guanlijigoubox{ overflow-x: auto; } .guanlijigoubox table{ width: 145%; } .guanlijigoubox table tr td{ font-size: 0.24rem; } } .nydynamic_xqbox .xqtxt a{ word-break: break-all; }