@charset "utf-8"; @font-face { font-family: 'SourceHanSerifCNBold'; src: url('font/SourceHanSerifCN-Bold.otf') format('opentype'); } @font-face { font-family: 'FETTE'; src: url('font/FETTE-ENGSCHRIFT.TTF') format('opentype'); } body *{ font-family:'Microsoft YaHei','微软雅黑' ; font-size: .16rem; color: #000; } body.page{ background: url(../images/p-bg.jpg) repeat top center; } a:hover{ color: #c81724; } @keyframes shake { 0%{ transform: rotate(0deg); } 25%{ transform: rotate(45deg); } 50%{ transform: rotate(0deg); } 75%{ transform: rotate(-45deg); } 100%{ transform: rotate(0deg); } } .mFadeInUp{ -webkit-animation-name: mFadeInUp; animation-name: mFadeInUp; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @-webkit-keyframes mFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes mFadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .banAnimationImg { animation: cimgScale 3s 1 forwards; } @keyframes cimgScale { 0% { transform: scale(1.5); } 100% { transform: scale(1); } } .gb-w{ width: 14rem; margin: 0 auto; } .gb-flex{ display: flex; flex-wrap: wrap; } .gb-between{ justify-content: space-between; } .gb-wrap{ flex-wrap: wrap; } .gb-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; } .gb-img-responsive { width:100%; overflow:hidden; display:block; background: #f0d8a8; } .gb-img-responsive img { width:100%; transition:all 0.5s ease-in-out; object-fit: cover; } .gb-img-responsive img:hover { transform:scale(1.03); opacity:0.85; } .gn-mt50{ margin-top: .5rem; } .gb-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; } .gb-cont-between{ justify-content: space-between } .gb-fl{ float: left; } .gb-rg{ float: right; } .gb-flex{ display: flex; flex-wrap: wrap; } .gb-cont-between{ justify-content: space-between } .gb-line{ position: relative; } .gb-line::after{ position: absolute; left: 0; bottom: -1px; content: ""; height: 1px; width: 0; transition: all .3s; background: #005aa8; } .gb-line:hover::after{ width: 100%; } .gb-cmt2{ margin-top: .2rem; } .mobile-menu-switch{ display: none; } .header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; z-index: 9999999; height: 1.1rem; transition: .5s; background: #b10a0a; border-bottom: 3px solid #c9784c; } body.page .header{ position: relative; } .header.fixed,body.page .header.fixed{ position: fixed; z-index: 1000; height: .9rem; } .header.fixed .rg-tool{ display: none; } .header .gb-w{ position: relative; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: flex-end; } .header .logo-box{ position: absolute; left: 0; top: 0; width: 5rem; transition: .5s all; z-index: 99999999; } .header.fixed .logo-box{ width: 4rem; } .header.fixed .logo-box .logo { padding: .3rem 0 0 .5rem; } .header .logo-box .bg{ width: 100%; position: absolute; left: 0; top: 0; z-index: 10000; } .header .logo-box .bg img{ width: 100%; } .header .logo-box .bg-shadow{ width: 100%; position: absolute; left: 0; top: 0; z-index: 999; padding: 0 5px 5px 0; } .header .logo-box .bg-shadow img{ width: 100%; } .header .logo-box .logo{ width: 100%; position: relative; padding: .3rem 0 0 .3rem; display: block; z-index: 10001; } .header .logo-box .logo img{ height:.8rem; transition: .5s all; } .header.fixed .logo-box .logo img{ height:.6rem; } .global-nav-box{ display: flex; height: 100%; width: 75% } .global-nav-box .gb-w{ justify-content: space-between; } .global-nav-box ul{ justify-content: space-between; } .global-nav-box li{ position: relative; } .global-nav-box li *{ color: #fff; font-size: .2rem; } .global-nav-box li>a{ padding: .2rem 0rem; } .global-nav-box .t-other{ display: flex; align-items: center; } .global-nav-box .t-other a{ margin-right: .1rem; } .global-nav-box .gb-schbtn{ width: .28rem; height: .28rem; } .global-nav-box .gb-schbtn img{ width: 100%; } .gb-sch-box{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 10000000; display: none; } .gb-sch-box .sch-tool{ border:1px solid #fff; border-radius: 6px; padding: 0.03rem .05rem; position: absolute; left: 50%; top: 40%; width: 6rem; margin-left: -3rem; } .gb-sch-box .sch-tool form{ align-items: center; } .gb-sch-box .sch-box{ width: 5.4rem; transition: all 1s; overflow: hidden; } .gb-sch-box .sch-box input{ font-size: .16rem; color: #fff; background: transparent; padding: .02rem .1rem; height: .32rem; width: 4.7rem; } .gb-sch-box ::-webkit-input-placeholder { color: #fff; } .gb-sch-box :-moz-placeholder { color: #fff; } .gb-sch-box ::-moz-placeholder { color: #fff; } .gb-sch-box :-ms-input-placeholder { color: #fff; } .gb-sch-box .search{ width: .32rem; height: .32rem; background: url(../images/search.png) no-repeat center; cursor: pointer; background-size: 90% 90%; } .gb-sch-box .search:hover{ transform: rotate(360deg);transition: .5s; } .global-nav-box li .subNavbox{ position: absolute; left: 50%; top: .4rem; z-index: 10; width: 2.2rem; margin-left: -1.1rem; padding: .26rem 0; display: none; background: rgba(255, 255, 255, 0.9); border:1px solid #eee; border-bottom: 3px solid #c81724; border-radius: 8px; } .global-nav-box li:hover>a{ font-weight: bold; } .global-nav-box li:hover .subNavbox{ display: block; } .global-nav-box li .subNavbox p{ display: block; } .global-nav-box li .subNavbox a{ font-size: .16rem; line-height: .22rem; margin-bottom: .26rem; display: block; text-align: left; color: #333; padding: 0 .2rem; display: block; text-align: center; } .global-nav-box li .subNavbox a:hover{ font-weight: bold; color: #c81724; } .header .sch-tool{ border:1px solid #fff; border-radius: 6px; padding: 0 .05rem; } .header .sch-tool form{ align-items: center; } .header .sch-box{ width: 2rem; transition: all 1s; overflow: hidden; } .header .sch-box input{ font-size: .14rem; color: #fff; background: transparent; padding: .02rem .1rem; height: .32rem; width: 1.7rem; } .header ::-webkit-input-placeholder { color: #fff; } .header :-moz-placeholder { color: #fff; } .header ::-moz-placeholder { color: #fff; } .header :-ms-input-placeholder { color: #fff; } .header .search{ width: .26rem; height: .26rem; background: url(../images/search.png) no-repeat center; cursor: pointer; background-size: 90% 90%; } .header .search:hover{ transform: rotate(360deg);transition: .5s; } .header .navlist{ width: 100%; align-items: center; } .gb-bl-list .it{ position: relative; padding-left: 8px; overflow: hidden; width: 100%; } .gb-bl-list .it:hover *{ color: #c81724; } .gb-bl-list .it .dot{ position: absolute; left: 0; top: 50%; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #e8be4c; margin-top: -8px; } .gb-bl-list .it .dot::after{ position: absolute; left: 3px; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: #e8be4c; margin-top: -5px; content: ""; } .gb-bl-list .it .b-box{ background: #efefef; height: 100%; padding: .2rem .25rem; } .banners-box{ position: relative; overflow: hidden; } .banners-box .swiper-slide{ position: relative; overflow: hidden; z-index: 1; height: 100%; } .banners-box .swiper-slide .img-box{ overflow: hidden; width: 100%; transform: scale(1.08); transition: all 5.5s; } .banners-box .swiper-slide .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; } .banners-box .swiper-slide img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: .5s; } .banners-box .inner{ position: relative; z-index: 1; border-radius: 0 0rem 0 0; } .banners-box .main-banners{ width: 100%; overflow: visible !important; height: 100vh; } .banners-box .mask{ background: #fff; opacity: .5; height: 100%; width: calc((100% - 12rem)/2); position: absolute; top: 0; z-index: 100; } .banners-box .mask.lf{ left: 0; } .banners-box .mask.rg{ right: 0; } .banners-box .bottom{ position: absolute; left: 0; bottom: .3rem; align-items: center; justify-content: center; z-index: 10; width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .banners-box .visit-swupl{ position: absolute; right: 0; bottom: 0%; z-index: 100; } .banners-box .visit-swupl img{ width: 100%; cursor: pointer; transform: scale(0); opacity: 0; transform-origin: right center; } .banners-box .visit-swupl.show img{ opacity: 1; transform: none; transition: all 1s ease-out 0.5s; } .banners-box .bm{ position: absolute; left: 0; bottom: 0rem; z-index: 100; width: 100%; display: flex; justify-content: center; align-items: center; /*background: linear-gradient(to top,rgb(0,0,0,.5),rgba(0,0,0,0));*/ padding: .5rem 0; height: 1rem; } .banners-box .bm *{ display: inline-block; } .banners-box .bm .btn{ width: 25px; height: 29px; cursor: pointer; } .banners-box .bm .lf-btn{ background: url(../images/lf-arr.png) no-repeat; } .banners-box .bm .rg-btn{ background: url(../images/rg-arr.png) no-repeat; } .banners-box .bm .lf-btn:hover{ background: url(../images/lf-arr-hov.png) no-repeat; } .banners-box .bm .rg-btn:hover{ background: url(../images/rg-arr-hov.png) no-repeat; } .banners-box .bm .dots span{ display: inline-block; width: .4rem; height:.4rem; border-radius: 50%; color: #fff; font-size: .14rem; text-align: center; line-height: .4rem; margin: 0 .1rem; position: relative; cursor: pointer; } .banners-box .bm .dots span::before{ position: absolute; left: .1rem; top: .1rem; content: ""; background-color: #e8be4c; width: .2rem; height: .2rem; border-radius: 50%; display: inline-block; z-index: -1; } .banners-box .bm .dots span::after{ position: absolute; left: .06rem; top: .06rem; content: ""; width: .28rem; height:.28rem; border-radius: 50%; color: #fff; font-size: .14rem; text-align: center; line-height: .28rem; border: 1px solid #e8be4c; display: inline-block; cursor: pointer; box-sizing: border-box; } .banners-box .bm .dots span.swiper-pagination-bullet-active::before,.banners-box .bm .dots span.swiper-pagination-bullet-active:hover::before{ width: .28rem; height: .28rem; left: .06rem; top: .06rem; background-color: #c81724; } .banners-box .bm .dots span.swiper-pagination-bullet-active::after,.banners-box .bm .dots span.swiper-pagination-bullet-active:hover::after{ border-color: #c81724; width: .4rem; height: .4rem; left: 0rem; top: 0rem; } .sidebar-menu{ position: fixed; right: -1rem; bottom: 0; width: 1rem; border:1px solid #e8e7e7; background-color: #fff; z-index: 11111111111111111111111111111111111111111111111111111111111111111111; transition: all .3s; } .sidebar-menu .badge{ width: 1rem; position: absolute; right: 1rem; bottom: 70%; border-radius: 50%; align-items: center; justify-content: center; margin-top: -.4rem; } .sidebar-menu .badge.show{ display: flex; } .badge img{ width: 100%; } .sidebar-menu.show{ right: 0rem; } .sidebar-menu li{ border-bottom: 1px solid #e8e7e7; height: 1rem; } .sidebar-menu li:last-child{ border-bottom: none; } .sidebar-menu li a{ display: flex; height: 100%; width: 100%; align-items: center; flex-direction: column; justify-content: center; } .sidebar-menu li .ico{ width: 50%; } .sidebar-menu li .ico img{ width: 100%; } .sidebar-menu li:hover img{ animation: shake 1s ease-in-out 0s; } .sidebar-menu li p{ font-size: .16rem; color: #333; margin-top: .1rem; } .sidebar-menu li:hover *{ color: #c81724; } .gb-bm-box .bm{ background: #b40814; } .gb-bm-box .bm p{ text-align: center; } .gb-bm-box .bm p *{ color: #fff; font-size: .14rem; line-height: .5rem; } .gb-bm-box .bm p span{ opacity: .6; } .gb-bm-box .bm p i{ padding: 0 .2rem; opacity: .6; } .gb-bm-box .footer{ position: relative; background: url(../images/footer-bg_02.jpg) repeat bottom center; padding: 1rem 0 .67rem 0; border-top: 1px solid #da5b63; } .gb-bm-box .footer .gb-w{ justify-content: space-between; } .gb-bm-box .footer .flogo{ width: 3rem; display: flex; align-items: center; } .gb-bm-box .footer .flogo img{ width: 100%; } .gb-bm-box .footer .fcen{ width: 4rem; } .gb-bm-box .footer .fcen ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .gb-bm-box .footer .fcen li a{ width: 1.85rem; height: .63rem; border: 1px solid #c96068; border-radius: 5px; text-align: center; display: flex; color: #fff; font-size: .18rem; margin-bottom: .1rem; align-items: center; justify-content: center; } .gb-bm-box .footer .fcen li i{ width: .34rem; height: .34rem; margin-right: .15rem; display: inline-block; } .gb-bm-box .footer .fcen li img{ width: 100%; } .gb-bm-box .footer .fcen li:hover img{ animation: shake 1s ease-in-out 0s; } .gb-bm-box .footer .fcen li span{ color: #fff; font-size: .18rem; display: inline-block; } .gb-bm-box .footer .contactus{ width: 4.5rem; } .gb-bm-box .footer .contactus p{ color: #fff; font-size: .16rem; line-height: .34rem; } .gb-bm-box .media-box{ height: 1.8rem; width: 100%; position: relative; } .gb-bm-box .media-box .btn{ display: none; } .gb-bm-box .media-box ul{ display: flex; justify-content: space-between; width: 100%; height: 1.8rem; } .gb-bm-box .media-box li{ width: calc(100% / 21); position: relative; height: 100%; overflow: hidden; display: block; } .gb-bm-box .media-box li .item{ background: #970b02; will-change: top, bottom; width: 100%; height: 100%; top: 1.5rem; position: relative; transition: all .3s; } .gb-bm-box .media-box li:nth-child(2n) .item{ background: #ad0000; } .gb-bm-box .media-box li.s7 .item{ top: 1.2rem; } .gb-bm-box .media-box li.s8 .item{ top: .9rem; } .gb-bm-box .media-box li.s9 .item{ background: #f568a7; top: .6rem; } .gb-bm-box .media-box li.s10 .item{ background: #e9b320; top: .3rem; } .gb-bm-box .media-box li.s11 .item{ background: #5bbe4b; top: 0rem; } .gb-bm-box .media-box li.s12 .item{ background: #652888; top: .3rem; } .gb-bm-box .media-box li.s13 .item{ background: #cd2626; top: .6rem; } .gb-bm-box .media-box li.s14 .item{ top: .9rem; } .gb-bm-box .media-box li.s15 .item{ top: 1.2rem; } .gb-bm-box .media-box li.h{ display: none; } .gb-bm-box .media-box li .item .mlogo{ width: 60%; vertical-align: bottom; margin: 0 auto; display: block; padding-top: .5rem; } .gb-bm-box .media-box li .item .mlogo img{ width: 100%; } .gb-bm-box .media-box .code-box{ position: absolute; left: 50%; top: 1.8rem; width: 1.2rem; height: 1.2rem; z-index: 100; margin-left: -.6rem; background: #fff; -webkit-box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1); box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1); opacity: 0; visibility:hidden; -webkit-transition: all 0.3s; transition: all 0.3s; border: .1rem solid #fff; } .gb-bm-box .media-box .code-box .bd{ width: 100%; height: 100%; overflow: hidden; } .gb-bm-box .media-box .code-box.show{ opacity: 1; visibility:visible; } .gb-bm-box .media-box .code-box::before { width: .12rem; height: .12rem; background-color: #fff; left: 50%; top: -.2rem; z-index: 100; -webkit-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); content: ''; position: absolute; } .gb-bm-box .media-box .code-box img{ width: 100%; } .main-theme .gb-w{ position: relative; } .main-theme .gb-title{ margin-bottom: .22rem; text-align: center; height: 2.1rem; position: relative; overflow: hidden; } .main-theme .gb-title img{ width: 13.8rem; vertical-align: baseline; position: absolute; left: 50%; top: 0; margin-left: -6.9rem; } .main-theme .gb-menu-title{ display: flex; justify-content: space-between; margin-bottom: .2rem; align-items: center; } .main-theme .gb-menu-title h5{ font-size: .32rem; background: #c81724;/* -webkit-linear-gradient(#c81724, #d0b500);*/ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .main-theme .gb-menu-title .menu-ico img{ height: .32rem; } .main-theme .more{ font-size: .16rem; color: #c81724; border: 1px solid #c81724; border-radius: 5px; width: .8rem; height: .3rem; position: relative; transition: 0.3s all; } .main-theme .more .c{ font-size: .14rem; color: #c81724; width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .main-theme .more .line { position:absolute; left:-1px; top:-1px; bottom:-1px; right:-1px; transition:color 0.25s; } .main-theme .more .line::before { top:0; left:0; } .main-theme .more .line::after { bottom:0; right:0; } .main-theme .more .line::before,.main-theme .more .line::after { box-sizing:inherit; content:''; position:absolute; width:100%; height:100%; z-index: 1; border:1px solid transparent; width:0; height:0; border-radius: 5px; } .main-theme .more:hover .line::before,.main-theme .more:hover .line::after { width:100%; height:100%; } .main-theme .more:hover .line::before { border-top-color:#e8be4c; border-right-color:#e8be4c; transition:width 0.15s ease-out,height 0.15s ease-out 0.15s; } .main-theme .more:hover .line::after { border-bottom-color:#e8be4c; border-left-color:#e8be4c; transition:border-color 0s ease-out 0.3s,width 0.15s ease-out 0.3s,height 0.15s ease-out 0.45s; } .main-theme .more:hover { box-shadow:0 0 20px #ddd; } .gb-more-box{ display: flex; width: 100%; justify-content: flex-end; } .theme-news{ width: 100%; background: url(../images/theme-bg.png) repeat-x bottom center; } .theme-news .lf-box{ width: 48%; } .theme-news .rg-box{ width: 48%; } .theme-news .full-box{ width: 100%; } .theme-news .full-box ul{ display: flex; justify-content: space-between; margin-bottom: .2rem; } .theme-news .full-box li{ width: 32%; } .theme-news .newsbanner{ width: 100%; margin-bottom: .2rem; } .theme-news .newsbanner a{ display: block; position: relative; } .theme-news .newsbanner .swiper-card{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.3); padding: .2rem; } .theme-news .newsbanner .swiper-card .title{ color: #fff; font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; height: .52rem; } .theme-news .newsbanner .swiper-card .des{ font-size: .18rem; color: #fff; } .theme-news .newsbanner .pic{ height:4.47rem; overflow: hidden; } .theme-news .newsbanner .pic img{ width: 100%; } .theme-news .newsbanner .dots{ position: absolute; right:.2rem; bottom: 1rem; width: 100%; text-align: right; z-index: 100; } .theme-news .newsbanner .btn{ position: absolute; top: 50%; margin-top: -.25rem; z-index: 100; width: .5rem; opacity: .47; cursor: pointer; } .theme-news .newsbanner .btn img{ width: 100%; } .theme-news .newsbanner .pre{ left: .3rem; } .theme-news .newsbanner .next{ right: .3rem; } .theme-news .newsbanner .dots span{ background: #fff; width: .12rem; height: .12rem; border-radius: 50%; margin: 0 .05rem; display: inline-block; } .theme-news .newsbanner .dots span.swiper-pagination-bullet-active{ background: #c81724; } .theme-news .rg-box li{ margin-bottom: .14rem; } .theme-news .rg-box li:last-child{ margin-bottom: .2rem; } .theme-news .rg-box .pic{ width: 2.1rem; height: 1.1rem; overflow: hidden; } .theme-news .rg-box .pic img{ width: 100%; } .theme-news .it{ width: 100%; } .theme-news .it .b-box{ padding: .26rem .25rem; } .theme-news a{ display: flex; justify-content: flex-start; align-items: center; } .theme-news .tit{ font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .26rem; } .theme-news b{ color: #c81724; display: inline-block; width: .6rem; margin-left: .1rem; } .theme-news .media-logo{ height: .3rem; margin-top: .06rem; } .theme-news .media-logo img{ height: 100%; } .theme-news .themebanners{ width: 100%; padding-bottom: .2rem; } .theme-news .themebanners a{ display: block; position: relative; } .theme-news .themebanners .dots{ margin-top: .2rem; text-align: center; } .theme-news .themebanners .dots span{ background: #e8be4c; width: .12rem; height: .12rem; border-radius: 50%; margin: 0 .05rem; display: inline-block; } .theme-news .themebanners .dots span.swiper-pagination-bullet-active{ background: #c81724; } .theme-news .themebanners .pic{ height: 1.05rem; overflow: hidden; border-radius: 10px; } .theme-news .themebanners .pic img{ width: 100%; } .theme-pic-news-box .list{ overflow: hidden; width: 100%; } .schoolpicnewsbanners{ margin: 0 -.5rem; } .schoolpicnewsbanners .pic{ width: 100%; max-height: 3rem; overflow: hidden; } .schoolpicnewsbanners .pic img{ width: 100%; } .schoolpicnewsbanners .tl{ font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; height: .52rem; margin-bottom: .1rem; } .theme-pic-news-box{ position: relative; margin-bottom: .5rem; margin-top: .5rem; } .theme-pic-news-box .detail-box{ position: absolute; bottom: -1.5rem; width: 50%; left: 50%; margin-left: -25%; background: rgba(255,255,255,.85); border: 1px solid #c81724; z-index: 100000000; line-height: .26rem; padding: .2rem; display: none; box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.31); } .theme-pic-news-box .detail-box p{ line-height: .26rem; text-align: justify; text-indent: 2em; } .theme-pic-news-box .detail-box .ct{ width: 100%; overflow: hidden; } .theme-pic-news-box .detail-box .close{ position: absolute; right: -.2rem; top: -.2rem; background: #c81724; border-radius: 50%; z-index: 10000; width: .4rem; height: .4rem; padding: .05rem; cursor: pointer; } .theme-pic-news-box .detail-box .close img{ width: 100%; } .schoolpicnewsbanners .time{ font-size: .14rem; line-height: .26rem; color: #c81724; border-left: 1px solid #c81724; padding-left: .1rem; } .schoolpicnewsbanners .ndt{ display: none; } .theme-pic-news-box .switch-box{ position: absolute; right: 0; top: 0; } .theme-pic-news-box .switch-box img{ width: .4rem; cursor: pointer; } .theme-box{ padding: 0rem 0 0 0; } .theme-dj{ width: 100%; } .theme-dj .box-w{ width: 32%; } .theme-dj .djbanner{ width: 100%; padding-bottom: .65rem; margin-bottom: .2rem; background: #efefef; } .theme-dj .djbanner a{ display: block; position: relative; } .theme-dj .djbanner .swiper-card{ position: absolute; left: 0; bottom: 0; height: .6rem; width: 100%; background: rgba(0,0,0,.2); padding: 0 .2rem; } .theme-dj .djbanner .swiper-card .title{ color: #fff; line-height: .6rem; font-size: .18rem; } .theme-dj .djbanner .pic{ height: 2.98rem; overflow: hidden; } .theme-dj .djbanner .pic img{ width: 100%; } .theme-dj .djbanner .dots{ position: absolute; right:.2rem; bottom: .25rem; width: 100%; text-align: right; z-index: 100; } .theme-dj .djbanner .dots span{ background: #e8be4c; width: .12rem; height: .12rem; border-radius: 50%; margin: 0 .05rem; display: inline-block; } .theme-dj .djbanner .dots span.swiper-pagination-bullet-active{ background: #c81724; } .theme-dj .rg-box li{ margin-bottom: .14rem; } .theme-dj .rg-box li:last-child{ margin-bottom: .2rem; } .theme-dj .rg-box a{ display: flex; justify-content: space-between; } .theme-dj .rg-box .pic{ width: 2.1rem; height: 1.1rem; overflow: hidden; } .theme-dj .rg-box .pic img{ height: 100%; } .theme-dj .tit{ font-size: .18rem; line-height: .4rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .4rem; } .theme-research .subject-constr{ width: 38%; background: url(../images/p-bg.jpg) repeat; } .theme-research .subject-constr li{ width: 33.333%; height: 1.4rem; overflow: hidden; } .theme-research .subject-constr a{ display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; height: 100%; } .theme-research .subject-constr .ico{ width: .9rem; height: .9rem; overflow: hidden; margin-bottom: .1rem; background: url(../images/ky-bg-0.png) repeat; padding: .2rem; border-radius: 50%; } .theme-research .subject-constr .ico img{ width: 100%; } .theme-research .subject-constr li:hover img{ animation: shake 1s ease-in-out 0s; } .theme-research .subject-constr h5{ font-size: .18rem; color: #997545; } .theme-research .research-pt{ width: 58%; } .theme-research .research-pt li{ width: 24%; height: 1.4rem; overflow: hidden; background: url(../images/ky-bg-0.png) repeat; } .theme-research .research-pt li:nth-child(2n){ background: url(../images/ky-bg-1.png) repeat; } .theme-research .research-pt a{ display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; height: 100%; } .theme-research .research-pt .ico{ height: .5rem; width: .5rem; margin-bottom: .1rem; display: flex; justify-content: center; align-items: center; } .theme-research .research-pt .ico img{ height: 100%; display: block; } .theme-research .research-pt li:hover img{ animation: shake 1s ease-in-out 0s; } .theme-research .research-pt h5{ font-size: .18rem; color: #fff; } .theme-research .t-box .lf,.theme-research .t-box .cen,.theme-research .t-box .rg{ width: 32%; } .theme-research .t-box .rg .morebtn{ width: 100%; text-align: right; margin-top: .2rem; } .theme-research .t-box .rg .morebtn a{ display: inline-block; height: .48rem; text-align: center; line-height: .48rem; padding: 0 .2rem; color: #fff; background:#c81724; margin-right: .26rem; } .theme-research .t-box .news-list{ margin-bottom: .2rem; } .theme-research .t-box .news-list .act-date{ display: flex; align-items: center; margin-bottom: .1rem; margin-top: .1rem; } .theme-research .t-box .news-list .act-date .ico{ width: .2rem; height: .2rem; margin-right: .1rem; } .theme-research .t-box .news-list .act-date .dt{ width: calc(100% - 0.3rem); } .theme-research .t-box .news-list .act-date .ico img{ width: 100%; } .theme-research .t-box .news-list .c-img{ display: block; } .theme-research .t-box .news-list .c-img img{ width: 100%; } .theme-research .t-box .rg .news-list li{ margin-bottom: .1rem; } .theme-research .t-box .rg .news-list li:last-child{ margin-bottom: .25rem; } .theme-research .t-box .news-list li{ width: 100%; margin-bottom: .25rem; } .theme-research .t-box .news-list li.big{ margin-bottom: .2rem; } .theme-research .t-box .cen .news-list li.big{ margin-bottom: .28rem; } .theme-research .t-box .news-list.act li{ border-bottom: 2px solid #efefef; } .theme-research .t-box .news-list li.big a{ display: flex; justify-content: space-between; } .theme-research .t-box .news-list .pic{ width: 100%; height: 2.6rem; overflow: hidden; } .theme-research .t-box .news-list li.big .pic{ width: 2.2rem; height:2.55rem; } .theme-research .t-box .news-list .pic img{ height: 100%; } .theme-research .t-box .news-list.act li .news{ display: block; } .theme-research .t-box .news-list li.big .news{ width: calc(100% - 2.3rem); display: block; } .theme-research .t-box .news-list li.big .info{ width: 100%; height: auto; padding: .1rem 0 0 0; margin-bottom: 0; } .theme-research .t-box .news-list li.big .info .it{ display: flex; align-items: center; margin-bottom: .1rem; } .theme-research .t-box .news-list li.big .info .it:last-child{ margin-bottom: 0; } .theme-research .t-box .news-list li.big .ico{ width: .2rem; height: .2rem; } .theme-research .t-box .news-list li.big .dt{ width: calc(100% - 0.3rem); } .theme-research .t-box .news-list li.big .ico img{ width: 100%; } .theme-research .t-box .news-list .news{ display: flex; justify-content: space-between; align-items: center; } .theme-research .t-box .news-list.act li .datebox{ border: none; width: 100%; text-align: left; display: block; height: auto; } .theme-research .t-box .news-list .datebox{ border:2px solid #bea46c; border-radius: 8px; width: .58rem; height: .58rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: .1rem; background-size:100% 100%; } .theme-research .t-box .news-list .day{ width: 100%; font-size: .18rem; color: #bea46c; text-align: center; margin-bottom: .05rem; font-weight: bold; } .theme-research .t-box .news-list .date{ width: 100%; font-size: .12rem; color: #bea46c; text-align: center; } .theme-research .t-box .news-list.act .tit{ width: 100%; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .3rem; } .theme-research .t-box .news-list .tit{ font-size: .18rem; line-height: .3rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; height: .6rem; width: calc(100% - .78rem); } .theme-research .t-box .news-list .tit:hover{ color: #c81724; } .theme-research .t-box .news-list.act li.big .tit{ -webkit-line-clamp: 4; overflow: hidden; word-break: break-all; height: 1.2rem; } .theme-research .hdyg-list .it{ border-bottom: 1px solid #cab588; padding-bottom: .1rem; margin-bottom: .11rem; } .theme-research .hdyg-list .tit{ font-size: .18rem; line-height: .4rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .4rem; } .theme-research .hdyg-list li:hover .tit{ color: #c81724; } .theme-research .hdyg-list .date{ text-align: left; font-size: .14rem; line-height: .22rem; display: flex; align-items: center; } .theme-research .hdyg-list .place{ text-align: left; font-size: .14rem; line-height: .22rem; display: flex; align-items: center; } .theme-research .hdyg-list span{ display: flex; margin-right: 0.1rem; width: .18rem; height: .18rem; } .theme-research .hdyg-list span img { max-height: 100%; } .theme-research .activitybanner{ width: 100%; height: 4.6rem; } .theme-research .activitybanner a{ display: block; position: relative; } .theme-research .activitybanner .swiper-card{ position: absolute; left: 0; top: 2.5rem; height: .6rem; width: 60%; background: rgba(200,23,36,.8); padding: 0 .2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .theme-research .activitybanner .swiper-card .title{ color: #fff; font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .26rem; } .theme-research .activitybanner .pic{ height: 3.08rem; overflow: hidden; } .theme-research .activitybanner .pic img{ width: 100%; } .theme-research .activitybanner .info{ width: 100%; height: 1.5rem; background: #f7f7f7; padding: .2rem; } .theme-research .activitybanner .info .it{ display: flex; align-items: center; margin-bottom: .2rem; } .theme-research .activitybanner .info .it:last-child{ margin-bottom: 0; } .theme-research .activitybanner .ico{ width: .2rem; height: .2rem; margin-right: .3rem; } .theme-research .activitybanner .ico img{ width: 100%; } .theme-research .activitybanner .dt{ font-size: .18rem; color: #3d3d3d; width: calc(100% - .4rem); } .swiper-scrollbar-drag{ background: #c81724; } .theme-teacher{ background: url(../images/t-bg.png) repeat-x center center; } .theme-teacher .menu-title{ width: 100%; height: .58rem; line-height: .58rem; background: linear-gradient(to right, rgba(200,25,38,1), rgba(200,25,38,0)); } .theme-teacher .menu-title h3{ color: #fff; font-size: .3rem; padding-left: .3rem; } .theme-teacher .bigteacherbanner{ width: 100%; padding-bottom: .5rem; } .theme-teacher .bigteacherbanner a{ display: block; position: relative; padding-left: .5rem; } .theme-teacher .bigteacherbanner .badge{ position: absolute; left: 0; top: 0; width: .5rem; } .theme-teacher .bigteacherbanner .badge img{ width: 100%; } .theme-teacher .bigteacherbanner .swiper-card{ position: absolute; right: 0; bottom: 0; height: .6rem; width: calc(100% - .5rem); background: rgba(0,0,0,.2); padding: 0 .2rem; } .theme-teacher .bigteacherbanner .swiper-card .title{ color: #fff; line-height: .6rem; font-size: .18rem; } .theme-teacher .bigteacherbanner .pic{ height: 4.45rem; overflow: hidden; } .theme-teacher .bigteacherbanner .pic img{ height: 100%; } .theme-teacher .bigteacherbanner .dots{ position: absolute; right:.2rem; bottom: 0rem; width: 100%; text-align: right; z-index: 100; } .theme-teacher .bigteacherbanner .dots span{ background: #e8be4c; width: .12rem; height: .12rem; border-radius: 50%; margin: 0 .05rem; display: inline-block; } .theme-teacher .bigteacherbanner .dots span.swiper-pagination-bullet-active{ background: #c81724; } .theme-teacher .bigteacherbanner{ width: 100%; padding-bottom: .2rem; } .theme-teacher .goodsteacherbanner{ margin-bottom: .2rem; } .theme-teacher .goodsteacherbanner a{ display: block; position: relative; padding-left: .5rem; } .theme-teacher .goodsteacherbanner .swiper-card{ position: absolute; right: 0; bottom: 0; width: calc(100% - .5rem); background: rgba(0,0,0,.2); padding: .1rem .2rem; display: flex; justify-content: center; align-items: center; flex-direction: column; } .theme-teacher .goodsteacherbanner .swiper-card .title{ color: #fff; font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; } .theme-teacher .goodsteacherbanner .pic{ height: 4.45rem; overflow: hidden; } .theme-teacher .goodsteacherbanner .pic img{ height: 100%; } .theme-teacher .goodsteacherbanner .badge{ position: absolute; left: 0; top: 50%; margin-top: -.8rem; width: .5rem; } .theme-teacher .goodsteacherbanner.badge img{ width: 100%; } .theme-teacher .goodsteacherbanner .swiper-slide:nth-child(2n) .badge{ top: 50%; margin-top: -.8rem; } .theme-teacher .lf{ width: 30%; } .theme-teacher .goodsteacher{ width: 30%; } .theme-teacher .rg{ width: 36%; } .theme-teacher .c-img{ width: 100%; } .theme-teacher .c-img img{ width: 100%; } .theme-teacher .rg li{ margin-bottom: .14rem; } .theme-teacher .rg li:last-child{ margin-bottom: .2rem; } .theme-teacher .rg a{ display: flex; justify-content: space-between; } .theme-teacher .rg .pic{ width: 1.6rem; height: 1.35rem; overflow: hidden; } .theme-teacher .rg .pic img{ height: 100%; } .theme-teacher .rg .it{ width: 100%; } .theme-teacher .rg .name{ font-size: .2rem; margin-bottom: .1rem; line-height: .26rem; } .theme-teacher .rg .post{ color: #5b5b5b; font-size: .16rem; margin-bottom: .1rem; } .theme-teacher .rg .tit{ font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .26rem; } .theme-educating .lf{ width: 1.86rem; overflow: hidden; } .theme-educating .cen,.theme-educating .rg{ width: calc((100% - 2.86rem)/2); } .theme-educating .lf .it{ width: 100%; height: 1.13rem; background: url(../images/j-bg-0.png?r=1) no-repeat center center ; margin-bottom: .14rem; background-size: cover; } .theme-educating .lf .it:nth-child(2){ background: url(../images/j-bg-1.png?r=1) no-repeat center center ; } .theme-educating .lf .it:nth-child(3){ background: url(../images/j-bg-2.png?r=1) no-repeat center center ; } .theme-educating .lf .it:nth-child(4){ background: url(../images/j-bg-3.png?r=1) no-repeat center center ; margin-bottom: 0; } .theme-educating .lf a{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; } .theme-educating .lf .pic{ width: .48rem; height: .48rem; margin-bottom: .1rem; } .theme-educating .lf .pic img{ width: 100%; } .theme-educating .lf .it:hover img{ animation: shake 1s ease-in-out 0s; } .theme-educating .lf h4{ font-size: .18rem; color: #fff; } .theme-educating .menu-title{ width: 100%; height: .58rem; line-height: .58rem; background: linear-gradient(to right, rgba(203,171,122,1), rgba(203,171,122,0)); padding: 0 .2rem; display: flex; align-items: center; } .theme-educating .menu-title .ico{ display: inline-block; height: .36rem; } .theme-educating .menu-title .ico img{ height: 100%; } .theme-educating .menu-title h3{ color: #fff; font-size: .32rem; } .theme-educating .cen .ct,.theme-educating .rg .ct{ padding: 0rem 0 .2rem 0; } .theme-educating .cen li{ margin-bottom: .14rem; } .theme-educating .cen li:last-child{ margin-bottom: .3rem; } .theme-educating .cen a{ display: flex; justify-content: space-between; } .theme-educating .cen .it{ width: 100%; } .theme-educating .cen .tit{ font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .26rem; } .theme-educating .rg li{ margin-bottom: .14rem; } .theme-educating .rg li.ml{ margin-left: -8px; } .theme-educating .rg li:last-child,.theme-educating .cen li:last-child{ margin-bottom: 0; } .theme-educating .rg a{ display: flex; justify-content: space-between; } .theme-educating .rg .pic{ width:2.2rem; height: 1.45rem; overflow: hidden; } .theme-educating .rg li.big .it{ height: 1.45rem; width: calc(100% - 2.2rem); } .theme-educating .rg .it{ width: 100%; } .theme-educating .rg .tit{ font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .26rem; } .theme-educating .rg li.big .tit{ -webkit-line-clamp: 3; height: .78rem; } .theme-data{ background: url(../images/data-bg.png) no-repeat center .8rem; } .theme-data .data-des{ font-size: .18rem; text-align: justify; text-indent: 2em; line-height: .36rem; margin-bottom: .4rem; } .theme-data .more-box{ display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: .28rem; } .theme-data .more-box .dt{ font-size: .24rem; color: #c81724; text-align: right; } .theme-data .more-box .db{ font-size: .28rem; color: #c81724; text-align: right; line-height: .8rem; } .theme-data .more-box .morebtn{ text-align: right; } .theme-data .data-list .img{ width: 2.5rem; height: 2.5rem; overflow: hidden; border: 1px dashed #bea46c; border-radius: 50%; position: relative; } .theme-data .data-list .img::after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url(../images/data-dot.png) no-repeat; animation: rotate 10s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .theme-data .data-list .img img{ width: 100%; } .theme-data .data-list .img .n{ display: block; opacity:1; } .theme-data .data-list .img .h{ display: none; opacity: 0; } .theme-data .data-list .swiper-slide:hover .n{ display: none; opacity: 0; } .theme-data .data-list .swiper-slide:hover .h{ display: block; opacity: 1; } .theme-data .data-list .swiper-slide:hover *{ color: #fff; } .theme-data .data-list .data-info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .theme-data .data-list .data-info h4{ font-size: .56rem; color: #c81724; margin-bottom: .2rem; font-family: 'FETTE'; } .theme-data .data-list .data-info p{ font-size: .18rem; color: #c81724; padding: 0 .3rem; line-height: .26rem; text-align: center; } .theme-data .data-list .swiper-slide{ position: relative; } .theme-data .data-list .dots{ width: 100%; text-align: center; margin-top: .5rem; } .theme-data .data-list .dots span{ background: #a3a3a3; width: .12rem; height: .12rem; border-radius: 50%; margin: 0 .05rem; display: inline-block; } .theme-data .data-list .dots span.swiper-pagination-bullet-active{ background: #c81724; } .theme-student{ width: 100%; } .theme-student .box-w{ width: 48%; } .theme-student .studentbanner{ width: 100%; } .theme-student .studentbanner a{ display: block; position: relative; } .theme-student .studentbanner .swiper-card{ position: absolute; left: 0; bottom: 0; height: .6rem; width: 100%; background: rgba(0,0,0,.2); padding: 0 .2rem; } .theme-student .studentbanner .swiper-card .title{ color: #fff; line-height: .6rem; font-size: .18rem; } .theme-student .studentbanner .pic{ height: 4.3rem; overflow: hidden; } .theme-student .studentbanner .pic img{ height: 100%; } .theme-student .studentbanner .dots{ position: absolute; right:.2rem; bottom: 1rem; width: 100%; text-align: right; z-index: 100; } .theme-student .studentbanner .dots span{ background: #fff; width: .12rem; height: .12rem; border-radius: 50%; margin: 0 .05rem; display: inline-block; } .theme-student .studentbanner .dots span.swiper-pagination-bullet-active{ background: #c81724; } .theme-student .rg-box li{ margin-bottom: .14rem; } .theme-student .rg-box li:last-child{ margin-bottom: .2rem; } .theme-student .rg-box a{ display: flex; justify-content: space-between; } .theme-student .rg-box .pic{ width: 2.1rem; height: 1.1rem; overflow: hidden; } .theme-student .rg-box .pic img{ width: 100%; } .theme-student .it{ width: 100% } .theme-student .tit{ font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .26rem; } .theme-service{ width: 100%; } .theme-service ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .theme-service li{ width: 16.666%; height: 2.02rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .theme-service .list-box.f li { background: #fafafa; } .theme-service .list-box.f li:hover img{ animation: shake 1s ease-in-out 0s; } .theme-service .list-box.f li:nth-child(2n){ background: #f2f2f2; } .theme-service .list-box.s li { background: #f2f2f2; } .theme-service .list-box.s li:hover img{ animation: shake 1s ease-in-out 0s; } .theme-service .list-box.s li:nth-child(2n){ background: #fafafa; } .theme-service li p{ font-size: .24rem; color: #c81724; margin-top: .08rem; text-align: center; } .theme-service li .ico{ width: 80%; margin: 0 auto; } .theme-service li .ico img{ width: 100%; } .theme-service li .ico .h{ opacity: 0; display: none; } .theme-service li:hover{ background: #c81724 !important; } .theme-service li:hover p{ color: #fff; } .theme-service li:hover .n{ opacity: 0; display: none; } .theme-service li:hover .h{ opacity: 1; display: block; } .home-schoolmate{ margin-bottom: .5rem; } .home-schoolmate .block{ justify-content: space-between; } .home-schoolmate .block{ justify-content: space-between; } .home-schoolmate .box-w{ width: 48%; } .home-schoolmate .item.mb{ margin-bottom: .2rem; } .home-schoolmate .lf-box .ct li{ margin-bottom: .14rem; } .home-schoolmate .lf-box .ct a{ display: flex; justify-content: space-between; } .home-schoolmate .lf-box .ct .pic{ width: 1.5rem; height: 1.15rem; overflow: hidden; } .home-schoolmate .lf-box .ct .pic img{ height: 100%; } .home-schoolmate .it{ width: 100%; } .home-schoolmate .tit{ font-size: .18rem; line-height: .26rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; height: .26rem; } .home-schoolmate .rg-box{ padding-top: .6rem; } .home-schoolmate .card{ padding: 0 .16rem .3rem .35rem; position: relative; } .home-schoolmate .card::before{ position: absolute; left: .45rem; top: .15rem; width: calc(100% - .5rem); height: calc(100% - .35rem); border: 1px solid #c1c1c1; content: ""; z-index: -1; background: #fff; } .home-schoolmate .card::after{ position: absolute; left: .4rem; top: 0.1rem; width: calc(100% - .5rem); height: calc(100% - .35rem); border: 1px solid #c1c1c1; content: ""; z-index: -1; background: #fff; } .home-schoolmate .card.mb{ margin-bottom: 0rem; } .home-schoolmate .card a{ display: block; height: 1.8rem; width: 100%; } .home-schoolmate .card .pic{ height: 100%; width: 100%; overflow: hidden; } .home-schoolmate .card .pic img{ width: 100%; } .home-schoolmate .card .badge{ position: absolute; left: .18rem; bottom: .35rem; width: 1.8rem; } .home-schoolmate .card .badge img{ width: 100%; } .p-banners{ position: relative; } .p-banners .inner{ position: relative; overflow: hidden; z-index: 1; width: 100%; height: 4.5rem; } .p-banners .inner .img{ width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/page-banner/gljg.jpg); } .p-banners .inner .img.gljg{ background-image: url(../images/page-banner/gljg.jpg); } .p-banners .inner .img.z0{ background-image: url(../images/page-banner/01.jpg); } .p-banners .inner .img.z1{ background-image: url(../images/page-banner/02.jpg); } .p-banners .inner .img.z2{ background-image: url(../images/page-banner/03.jpg); } .p-banners .inner .img.z3{ background-image: url(../images/page-banner/04.jpg); } .p-banners .inner .img.z4{ background-image: url(../images/page-banner/05.jpg); } .p-banners .inner .img.z5{ background-image: url(../images/page-banner/06.jpg); } .p-banners .inner .img.z6{ background-image: url(../images/page-banner/07.jpg); } .p-banners .inner .img.z7{ background-image: url(../images/page-banner/08.jpg); } .page-box .page-menu{ width: 2.8rem; } .page-box .page-ct{ width: calc(100% - 3.4rem); overflow: hidden; } .page-box .menu-title{ display: flex; align-items: center; position: relative; background: rgba(173,0,0,.66); text-align: center; justify-content: center; margin-top: -1rem; position: relative; z-index: 100; height: 1rem; } .page-box .menu-title h3{ font-size: .36rem; color: #fff; line-height: 1rem; font-family: 'SourceHanSerifCNBold'; } .page-box .page-menu .menu-list{ width: 100%; border-left: 15px solid #ad0000; padding-top: .08rem; } .page-box .page-menu .menu-list li a{ height: .63rem; display: block; line-height: .63rem; font-size: .2rem; color: #494949; border-bottom: 1px solid #fff; padding: 0 .2rem; background: #efefef; } .page-box .page-menu .menu-list li.on a,.page-box .page-menu .menu-list li:hover a{ background: #d8c79d; color: #fff; } .page-box .focus-menu{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #e5e5e5 dashed; height: .68rem; line-height: .68rem; margin-bottom: .5rem; } .page-box .focus-menu h3{ font-size: .3rem; color: #464546; border-bottom: 4px solid #9b1223; font-family: 'SourceHanSerifCNBold' } .page-box .focus-menu .pos,.page-box .focus-menu .pos *{ font-size: .14rem; color: #a3a3a3; } .page-box .focus-menu.pos a:hover{ color: #9b1223; } .page-box-conten{ padding: 0rem 0 .5rem 0; min-height: 5rem; } .page-jgsz-table{ width: 100%; margin-bottom: .5rem; } .page-jgsz-table .tb-h{ height: .58rem; width: 100%; } .page-jgsz-table .tb-h h5{ font-size: .24rem; line-height: .58rem; position: relative; padding-left: .4rem; } .page-jgsz-table .tb-h h5:after{ position: absolute; left: .1rem; top: 25%; content: ""; height: 50%; width: 4px; background-color: #9b1223; } .page-jgsz-table .bd{ overflow: hidden; } .page-jgsz-table .td{ height: .9rem; width: 25%; float: left; padding: .1rem; } .page-jgsz-table .td a{ line-height: .26rem; padding: .1rem; font-size: .16rem; color: #5a5a5a; display: flex; align-items: center; justify-content: center; background: #fff; width: 100%; height: 100%; overflow: hidden; border:1px solid #e7e7e7; } .page-jgsz-table .td a:hover{ color: #9b1223; } .page-profile-box .leader-list ul{ width: 100%; display: block; } .page-profile-box .leader-list li{ width: 24%; display: inline-block; overflow: hidden; } .page-profile-box .leader-list li.b{ width: 48%; } .page-profile-box .leader-list li a{ display: block; padding: 0 .1rem; } .page-profile-box .leader-list li.b a{ padding: 0 .5rem; box-sizing: border-box; } .page-profile-box .leader-list .pic{ width: 100%; height: 3.3rem; overflow: hidden; } .page-profile-box .leader-list li.b .pic{ width: 2.3rem; margin: 0 auto; } .page-profile-box .leader-list li.b .instr *{ text-align: center; } .page-profile-box .leader-list .pic img{ width: 100%; } .page-profile-box .leader-li .instr{ width: 100%; } .page-profile-box .leader-list .name{ font-size: .18rem; color: #ccb289; padding: .2rem 0 .1rem 0; font-weight: bold; } .page-profile-box .leader-list .post{ font-size: .18rem; color: #666; margin-bottom: .2rem; height: .48rem; line-height: .24rem; } .page-profile-box .leader-list .dt{ font-size: .14rem; color: #999; height: .6rem; line-height: .2rem; overflow: hidden; } .page-profile-box .pleader-list ul{ width: 100%; display: block; } .page-profile-box .pleader-list li{ width: 32%; display: inline-block; overflow: hidden; margin-bottom: .2rem; margin-right: .14rem; } .page-profile-box .pleader-list li:nth-child(3n){ margin-right: 0rem; } .page-profile-box .pleader-list li a{ display: flex; background: #f5f1e9; justify-content: space-between; } .page-profile-box .pleader-list .pic{ width: 1.5rem; height: 2.3rem; overflow: hidden; } .page-profile-box .pleader-list .pic img{ width: 100%; } .page-profile-box .pleader-list .instr{ width: calc(100% - 1.7rem); } .page-profile-box .pleader-list .name{ font-size: .2rem; color: #333; padding: .2rem 0 .1rem 0; } .page-profile-box .pleader-list .name span{ font-size: .16rem; color: #666; display: block; margin-top: .05rem; } .page-profile-box .pleader-list .post{ font-size: .14rem; color: #666; line-height: .24rem; } .page-article { position: relative; line-height: 1.8; color: #666; font-size: .18rem; } .page-article p{ margin: 1em 0; line-height: 1.8; text-align: justify; color: #666; font-size: .16rem; } .page-theme-title{ text-align: center; padding: .5rem 0; width: 100%; } .page-theme-title h3{ font-size: .48rem; line-height: 1.2; text-align: center; font-weight: normal; font-family: 'SourceHanSerifCNBold'; } .teacher-box{ display: flex; justify-content: space-between; width: 100%; overflow: hidden; margin-bottom: .5rem; } .teacher-box .cd-box{ width: 27%; } .teacher-box .cd-box:nth-child(2){ width: 50%; } .teacher-box .cd-box:nth-child(3){ width: 20%; } .teacher-box .cd-box .item{ width: 100%; height: 100%; background: url(../images/szdw/def.jpg) no-repeat #aa7c00 center center; height: 2.6rem; display: flex; justify-content: center; flex-direction: column; align-items: center; } .teacher-box .cd-box .item .num{ display: flex; justify-content: center; } .teacher-box .ctop{ display: flex; margin-bottom: .2rem; } .teacher-box .cd-box .item.s1{ background: url(../images/szdw/s1.jpg) no-repeat center center; } .teacher-box .cd-box .item.s2{ background: url(../images/szdw/s2.jpg) no-repeat center center; } .teacher-box .cd-box .item.s3{ background: url(../images/szdw/s3.jpg) no-repeat center center; } .teacher-box .cd-box .item.s4{ background: url(../images/szdw/s4.jpg) no-repeat center center; } .teacher-box .cd-box .item.s5{ background: url(../images/szdw/s5.jpg) no-repeat center center; } .teacher-box .cd-box .item.mr{ margin-right: .2rem; } .teacher-box .cd-box .item span{ font-size: .62rem; color: #fff; margin-bottom: .2rem; font-family: 'FETTE'; } .teacher-box .cd-box .item b{ height: 100%; color: #fff; } .teacher-box .cd-box .item p{ font-size: .2rem; color: #fff; } .educational-box{ margin-bottom: .5rem; } .educational-box li{ width: 24%; } .educational-box li .pic{ width: 100%; } .educational-box li .pic img{ width: 100%; } .educational-box .ct{ background: url(../images/c-bg-1.png) repeat; height: 1rem; line-height: 1rem; text-align: center; position: relative; } .educational-box li:nth-child(2n) .ct{ background: url(../images/c-bg-2.jpg) repeat; } .educational-box .ct h5{ font-size: .2rem; color: #eeeded; } .educational-box .ct .ico{ position: absolute; right: .2rem; top: 50%; margin-top: -.36rem; width: .36rem; height: .36rem; } .educational-box .ct .ico img{ width: 100%; transition: all .3s; } .educational-box .ct .ico:hover img{ transform: rotate(45deg); } .course-box{ width: 100%; margin-bottom: .5rem; } .course-box .it-b{ background: url(../images/c-bg-2.jpg) repeat; width: 48%; padding: .5rem; position: relative; border-radius: 0 .5rem 0 .5rem; } .course-box .it-b:last-child{ background: url(../images/c-bg-1.png) repeat; } .course-box .it-b .ico{ position: absolute; right: .2rem; bottom: .2rem; width: 1rem; opacity: .5; } .course-box .it-b .ico img{ width: 100%; } .course-box .it-b *{ color: #fff; } .course-box .it-b .tit{ font-size: .3rem; margin-bottom: .2rem; } .course-box .it-b li{ line-height: .48rem; display: block; overflow: hidden; } .course-box .it-b li a{ position: relative; display: block; padding-left: .18rem; } .course-box .it-b li a:hover{ text-decoration: underline; } .course-box .it-b .list li a::after { content: ''; width: .08rem; height: .08rem; border-radius: 50%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; } body.page.full-data-box{ background: url(../images/fdata/fbg.jpg) bottom center repeat; position: relative; width: 100%; height: 100vh; overflow: hidden; } .full-data-box .lf-side{ width: 2.4rem; height: 100%; background: url(../images/lf-side.jpg) repeat center center; position: fixed; left: 0; top: 0; } .full-data-box .backtohome{ position: absolute; left: -1rem; top: 50%; width: 2rem; height: 2rem; background: rgba(204,178,137,.3); border-radius: 50%; display: flex; align-items: flex-end; justify-content: center; flex-direction: column; margin-top: -1rem; } .full-data-box .backtohome::after{ position: absolute; left: .2rem; top: .2rem; width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 2px solid #055786; content: ""; } .full-data-box .backtohome a{ color: #fff; font-size: .2rem; padding-right: .8rem; width: .1rem; position: relative; z-index: 100; } .full-data-box .data-list{ width: calc(100% - 2.4rem); height: 100%; position: absolute; left: 2.4rem; top: 0; display: flex; justify-content: space-between; flex-wrap: wrap; } .full-data-box .data-tip{ position: absolute; left: .24rem; bottom: .2rem; font-size: .16rem; color: #fff; } .full-data-box .tag-list{ position: absolute; left: 0rem; bottom: .5rem; width: 2.4rem; } .full-data-box .tag-list a{ display: inline-block; font-size: .14rem; color: #fff; padding: .1rem .14rem; margin-bottom: .1rem; margin-left: .1rem; cursor: pointer; background: rgba(204,178,137,.1); } .full-data-box .tag-list a.on,.full-data-box .tag-list a:hover{ background: rgba(204,178,137,.4); } .full-data-box .data-list .item{ width: 20%; height: calc(100%/6); padding: .1rem; } .full-data-box .data-list .item:nth-child(1){ background: #026dab; } .full-data-box .data-list .item:nth-child(8){ background:#4b6695; } .full-data-box .data-list .item:nth-child(2n){ background: url(../images/fdata/02.png) no-repeat center center #1f78ac; } .full-data-box .data-list .item:nth-child(3n){/* background: #405a89;*/ } .full-data-box .data-list .item.s6{ background: transparent; } .full-data-box .data-list .item .in{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; opacity: 0; transition: all .3s; } .full-data-box .data-list .item.on .in{ opacity: 1; } .full-data-box .data-list .item *{ color: #fff; text-align: center; } .full-data-box .data-list .item p{ font-size: .14rem; line-height: .22rem; } .full-data-box .data-list .item h3{ font-size: .68rem; color: #fff; margin-bottom: .1rem; font-family: 'FETTE'; text-align: center; } .dangjian-box .theory-list li{ width: 32%; } .dangjian-box .theory-list a{ background: #f7f7f7; padding: .4rem .3rem; height: 2.6rem; display: block; border: #e7e7e7 1px solid; margin-bottom: .5rem; position: relative; } .dangjian-box .theory-list a:hover{ background: url(../images/tsg.png) no-repeat bottom center #fff; } .dangjian-box .theory-list .time{ display: flex; border-bottom: #e2e6ee 1px solid; padding: 0 0 .16rem; position: relative; align-items: center; margin-bottom: .2rem; } .dangjian-box .theory-list .time:after { content: ""; position: absolute; left: 0; bottom: 0; width: .46rem; height: .03rem; background: #ad0000; bottom: -.02rem; } .dangjian-box .theory-list .time span{ font-size: .16rem; color: #999999; font-family: 'SourceHanSerifCNBold'; margin-right: .1rem; } .dangjian-box .theory-list .time b{ font-size: .36rem; color: #ad0000; font-family: 'Canela Web'; font-weight: normal; width: .46rem; display: inline-block; font-family: 'SourceHanSerifCNBold'; } .dangjian-box .theory-list h4{ font-size: .18rem; line-height: .32rem; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .dangjian-box .theory-list .line0 { position: absolute; top: -1px; left: -1px; } .dangjian-box .theory-list .line0::before { content: ""; position: absolute; width: 0; height: .03rem; background: #ad0000; transition: .5s; } .dangjian-box .theory-list .line0::after { content: ""; position: absolute; width: .03rem; height: 0; background: #ad0000; transition: .5s; } .dangjian-box .theory-list .line1 { position: absolute; bottom: -1px; right: -1px; } .dangjian-box .theory-list .line1::before { content: ""; position: absolute; width: 0; height: .03rem; background: #ad0000; transition: .5s; right: 0; bottom: 0; } .dangjian-box .theory-list .line1::after { content: ""; position: absolute; width: .03rem; height: 0; background: #ad0000; transition: .5s; bottom: 0; right: 0; } .dangjian-box .other-list{ margin: .5rem auto; } .dangjian-box .other-list li{ width: 33.333333%; height: 1.6rem; background: url(../images/c-bg-0.png) repeat; position: relative; } .dangjian-box .other-list li:nth-child(2){ background: url(../images/c-bg-2.jpg) repeat; } .dangjian-box .other-list .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: .2; overflow: hidden; } .dangjian-box .other-list .bg img{ width: 100%; } .dangjian-box .other-list li>a,.dangjian-box .other-list li .box{ display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; width: 100%; position: relative; } .dangjian-box .other-list li .box .links{ margin-top: .2rem; position: relative; z-index: 3; } .dangjian-box .other-list li .box .links a{ font-size: .16rem; width: .8rem; height: .36rem; text-align: center; display: block; line-height: .36rem; color: #fff; margin: 0 .1rem; background-color: rgba(232,190,16,.33); } .dangjian-box .other-list li .box .links a:hover{ color: #fff0c5; } .dangjian-box .other-list li h5{ color: #fff; font-size: .26rem; font-family: 'SourceHanSerifCNBold'; } .dangjian-box .theory-list a:hover .line0::before { width: 1.06rem; } .dangjian-box .theory-list a:hover .line0::after { height: .6rem; } .dangjian-box .theory-list a:hover .line1::before { width: 1.06rem; } .dangjian-box .theory-list a:hover .line1::after { height: .6rem; } .dangjian-box .more-box{ text-align: center; } .dangjian-box .more-box a{ display: inline-block; width: 1.2rem; height: .48rem; text-align: center; line-height: .48rem; color: #ad0000; border:1px solid #ad0000; } .dangjian-box .more-box a:hover{ background: #ad0000; color: #fff; } .dangjian-box .news-list li{ width: 32%; } .dangjian-box .news-list a{ background: #f7f7f7; padding: .4rem .3rem; height: 4.2rem; display: block; border: #e7e7e7 1px solid; margin-bottom: .5rem; position: relative; } .dangjian-box .news-list a:hover{ background-color: #ad0000; } .dangjian-box .news-list a:hover * ,.dangjian-box .news-list a:hover span{ color: #fff; } .dangjian-box .news-list .time{ margin-right: .1rem; margin-bottom: .1rem; } .dangjian-box .news-list .time span{ font-size: .2rem; color: #666; } .dangjian-box .news-list .pic{ height: 2.4rem; overflow: hidden; margin-bottom: .1rem; } .dangjian-box .news-list .pic img{ width: 100%; } .dangjian-box .news-list h4{ font-size: .18rem; line-height: .32rem; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .page-box .word-list li { padding: .2rem .2rem; color: #666; border-bottom: 1px solid #e4e4e4; } .page-box .word-list li a{ display: flex; align-items: center; justify-content: space-between; } .page-box .word-list .time { border-right: 1px solid #d5d5d5; color: #d5d5d5; text-align: center; height: .7rem; width: .8rem; display: flex; flex-direction: column; } .page-box .word-list span { font-size: .3rem; line-height: .4rem; } .page-box .word-list b { font-size: .16rem; } .page-box .word-list .tit { font-size: .18rem; color: #000; height: .22rem; overflow: hidden; width: calc(100% - 1rem); text-decoration: none !important; } .page-box .word-list.activity .tit{ width: 100%; } .page-box .word-list a:hover *{ color: #9b1223; } .page-student-box .student{ background: url(../images/student-bg.png) no-repeat right bottom; padding: .8rem 0; margin-bottom: .5rem; position: relative; } .page-student-box .student .view-more{ position: relative; width: 100%; } .page-student-box .student .view-more a{ display: inline-block; font-size: .16rem; color: #fff; border: 1px solid #fff; border-radius: 5px; width: 1rem; height: .4rem; line-height: .4rem; text-align: center; position: absolute; left: 45%; } .page-student-box .studentactivitybanner{ width: 64%; padding-bottom: .6rem; margin-right: 36%; } .page-student-box .studentactivitybanner a{ display: block; position: relative; } .page-student-box .studentactivitybanner .swiper-card{ position: absolute; left: 0; bottom: 0rem; height: 1.2rem; width: 100%; background: rgba(0,0,0,.2); padding: 0 .2rem; } .page-student-box .studentactivitybanner .swiper-card .title{ color: #fff; line-height: .6rem; font-size: .24rem; border-bottom: 1px solid #fff; margin-bottom: .1rem; } .page-student-box .studentactivitybanner .swiper-card .des{ font-size: .18rem; color: #fff; } .page-student-box .studentactivitybanner .pic{ height: 5.8rem; overflow: hidden; } .page-student-box .studentactivitybanner .pic img{ width: 100%; } .page-student-box .studentactivitybanner .dots{ position: absolute; right:.2rem; bottom: 1rem; width: 100%; text-align: right; z-index: 100; } .page-student-box .studentactivitybanner .btn{ position: absolute; bottom: 0rem; z-index: 100; width: .5rem; opacity: 1; cursor: pointer; } .page-student-box .studentactivitybanner .btn img{ width: 100%; } .page-student-box .studentactivitybanner .pre{ right: .7rem; } .page-student-box .studentactivitybanner .next{ right: 0rem; } .page-student-box .bigphotobanner{ width: 100%; margin-bottom: .5rem; } .page-student-box .bigphotobanner a{ display: block; position: relative; } .page-student-box .bigphotobanner .swiper-card{ position: absolute; left: 0; bottom: 0rem; height: 1.2rem; width: 100%; background: rgba(0,0,0,.2); padding: 0 .2rem; } .page-student-box .bigphotobanner .swiper-card .title{ color: #fff; line-height: .6rem; font-size: .24rem; border-bottom: 1px solid #fff; margin-bottom: .1rem; } .page-student-box .bigphotobanner .swiper-card .des{ font-size: .18rem; color: #fff; } .page-student-box .bigphotobanner .pic{ height: 6.4rem; overflow: hidden; } .page-student-box .bigphotobanner .pic img{ width: 100%; } .page-student-box .photo-list li{ width: 32%; } .page-student-box .photo-list a{ background: #f7f7f7; padding: .4rem .3rem; height: 4.2rem; display: block; border: #e7e7e7 1px solid; margin-bottom: .5rem; position: relative; } .page-student-box .photo-list a:hover{ background-color: #ad0000; } .page-student-box .photo-list a:hover * ,.page-student-box .photo-list a:hover span{ color: #fff; } .page-student-box .photo-list .time{ margin-right: .1rem; margin-bottom: .1rem; } .page-student-box .photo-list .time span{ font-size: .16rem; color: #666; } .page-student-box .photo-list .pic{ height: 2.4rem; overflow: hidden; margin-bottom: .1rem; } .page-student-box .photo-list .pic img{ width: 100%; } .page-student-box .photo-list h4{ font-size: .18rem; line-height: .32rem; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .page-recremploy-box .rec-list{ padding-top: .5rem; } .page-recremploy-box .rec-list li{ width: 48%; height: 4.2rem; margin-bottom: .5rem; border:1px solid #efefef; } .page-recremploy-box .rec-list li .pic{ width: 100%; height: 100%; position: relative; overflow: hidden; } .page-recremploy-box .rec-list li .pic img{ width: 100%; height: 100%; } .page-recremploy-box .rec-list li .tit,.page-recremploy-box .rec-list li .up-info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .page-recremploy-box .rec-list li .tit{ display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 1; } .page-recremploy-box .rec-list li .tit h5{ color: #fff; font-size: .48rem; font-family: 'SourceHanSerifCNBold'; background: rgba(173,0,0,.66); padding: .1rem .2rem; } .page-recremploy-box .rec-list li .up-info{ z-index: 2; background: rgba(255,255,255,.9); padding: .36rem .2rem; top: -100%; transition: all .3s; border: 1px solid #c81724; } .page-recremploy-box .rec-list li:hover .up-info{ top: 0; } .page-recremploy-box .rec-list li .up-info p{ line-height: .48rem; } .page-recremploy-box .rec-list li .up-info p *{ font-size: .16rem; } .page-recremploy-box .rec-list li .up-info h5{ font-size: .32rem; font-family: 'SourceHanSerifCNBold'; margin-bottom: .2rem; } .page-recremploy-box .cop-list{ margin-bottom: .5rem; } .page-recremploy-box .cop-list li{ width: 32%; height: 1.6rem; background: url(../images/c-bg-0.png) repeat; position: relative; cursor: pointer; } .page-recremploy-box .cop-list li:nth-child(2){ background: url(../images/c-bg-2.jpg) repeat; } .page-recremploy-box .cop-list .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: .2; overflow: hidden; } .page-recremploy-box .cop-list .bg img{ width: 100%; } .page-recremploy-box .cop-list li a{ display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; width: 100%; position: relative; } .page-recremploy-box .cop-list li a h5{ color: #fff; font-size: .26rem; font-family: 'SourceHanSerifCNBold'; } .page-recremploy-box .employ-box{ height: 1.5rem; background: url(../images/c-bg-0.png) repeat; width: 100%; margin-bottom: .5rem; position: relative; overflow: hidden; } .page-recremploy-box .employ-box .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: .1; text-align: center; } .page-recremploy-box .employ-box .bg img{ height: 100%; } .page-recremploy-box .employ-box a{ display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; width: 100%; } .page-recremploy-box .employ-box a h5{ color: #fff; font-size: .36rem; font-family: 'SourceHanSerifCNBold'; } .page-recremploy-box .hire-box{ height: 5rem; width: 100%; margin-bottom: .5rem; position: relative; overflow: hidden; } .page-recremploy-box .hire-box .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 1; text-align: center; } .page-recremploy-box .hire-box .bg img{ height: 100%; } .page-recremploy-box .hire-box .ct{ width: 50%; margin-left: 50%; height: 100%; padding: .5rem; display: flex; flex-direction: column; position: relative; z-index: 2; align-items: center; justify-content: center; } .page-recremploy-box .hire-box .ct a{ height: .68rem; width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: .1rem 0; border: 1px solid #865d26; position: relative; } .page-recremploy-box .hire-box .ct a h5{ color: #fff; font-size: .2rem; z-index: 3; position: relative; } .page-recremploy-box .hire-box .ct a:after{ position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #955703; content: ""; transition: all .3s; z-index: 1; } .page-recremploy-box .hire-box .ct a:hover:after{ width: 100%; } .scientific-research-box .m-tit{ margin-bottom: .2rem; position: relative; } .scientific-research-box .m-tit h5{ font-size: .3rem; line-height: 1.2; font-weight: normal; font-family: 'SourceHanSerifCNBold'; color: #fff; } .scientific-research-box .more-btn{ position: absolute; right: .26rem; bottom: .26rem; width: .36rem; height: .36rem; z-index: 10; transition: all .3s; } .scientific-research-box .more-btn:hover img{ transform: rotate(45deg); } .scientific-research-box .more-btn img{ width: 100%; transition: all .3s; } .science-box-out{ position: relative; padding-bottom: .5rem; } .science-box-out:after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; content: ""; background: #eed9ce; z-index: -1; } .scientific-research-box .science-box .lf,.scientific-research-box .science-box .rg{ width: 50%; background: url(../images/c-bg-2.png) repeat; padding: .5rem .3rem; position: relative; } .scientific-research-box .science-box .rg{ background: url(../images/c-bg-2.jpg) repeat; } .scientific-research-box .science-box .ct{ padding-bottom: .26rem; } .scientific-research-box .science-box li{ padding: .2rem 0; } .scientific-research-box .science-box li a{ display: flex; align-items: center; justify-content: space-between; line-height: 1.5; color: #fff; } .scientific-research-box .science-box .date { text-align: right; width: 1.2rem; display: flex; flex-direction: column; color: #fff; font-size: .2rem; } .scientific-research-box .science-box .tit { font-size: .18rem; color: #fff; text-decoration: none !important; width: calc(100% - 1.4rem) } .scientific-research-box .science-box .tit:hover{ font-weight: bold; } .scientific-research-box .science-box .rg .tit{ width: calc(100% - 1rem;) } .scientific-research-box .manage-box .ctbg{ background: url(../images/kxyj-bg.png) no-repeat right top; padding: .8rem 0; } .scientific-research-box .manage-box .bg li{ width: 50%; height: 2.2rem; display: block; } .scientific-research-box .manage-box li{ width: 50%; height: 1.6rem; background: url(../images/c-bg-2.png) repeat; position: relative; margin-bottom: .2rem; } .scientific-research-box .manage-box li:nth-child(2){ background: url(../images/c-bg-2.jpg) repeat; margin-left: 1rem; } .scientific-research-box .manage-box .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; overflow: hidden; } .scientific-research-box .manage-box .bg img{ width: 100%; } .scientific-research-box .manage-box li a{ display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; width: 100%; position: relative; } .scientific-research-box .manage-box li a h5{ color: #fff; font-size: .26rem; font-family: 'SourceHanSerifCNBold'; } .scientific-research-box .research-base{ padding: 1rem 0; background: url(../images/kyjd-bg.png) no-repeat center right; margin-bottom: .5rem; height: 8.7rem; } .scientific-research-box .research-base .gb-w{ padding-top: 1rem; } .scientific-research-box .research-base .b-box a{ border: 1px solid #f5fbd3; width: 4.5rem; height: .68rem; display: flex; text-align: center; line-height: .68rem; color:#fff; font-size: .26rem; position: relative; align-items: center; justify-content: center; } .scientific-research-box .research-base .b-box a h5{ color: #f5fbd3; position: relative; z-index: 3; font-size: .26rem; } .scientific-research-box .research-base .b-box a:after{ position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #f5fbd3; content: ""; transition: all .3s; z-index: 1; } .scientific-research-box .research-base .b-box a:hover:after{ width: 100%; } .scientific-research-box .research-base .b-box a:hover h5{ color: #ca151d; } .scientific-research-box .research-base .b-box{ margin-bottom: .5rem; } .scientific-research-box .research-base .b-box:nth-child(2) a{ margin-left: 1rem; } .researchbase-list ul{ width: 90%; border: 1px solid #efefef; margin: .5rem auto; display: block; } .researchbase-list li{ border-bottom: 1px solid #efefef; width: 100%; } .researchbase-list li:last-child{ border: none; } .researchbase-list li a{ display: flex; justify-content: space-between; } .researchbase-list li .c-tl,.researchbase-list li .c-name{ text-align: center !important; font-size: .18rem !important; } .researchbase-list li .c-tl,.researchbase-list li .tl{ width: 40%; padding: .2rem .2rem; border-right: 1px solid #efefef; text-align: left; font-size: .16rem; } .researchbase-list li .c-name,.researchbase-list li .name{ width: 60%; padding: .2rem .2rem; text-align: left; font-size: .16rem; } .researchbase-list li .tl,.researchbase-list li .name{ display: flex; align-items: center; } .page-communication-box .news-list{ position: relative; } .page-communication-box .news-list.ip .ct-box .lf{ width: 58%; background: url(../images/c-bg-2.png) repeat; padding: .5rem .3rem; background-size: 80% 60%; padding-bottom: 1rem; position: relative; } .page-communication-box .news-list.ip .ct-box .rg{ width: 42%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .page-communication-box .news-list.ip .ct-box .rg .pic{ display: block; height: 3.2rem; width: 100%; } .page-communication-box .news-list .ct-box .rg .pic img{ width: 100%; } .page-communication-box .news-list .ct-box .ct{ position: relative; } .page-communication-box .news-list.cp{ margin-bottom: 1rem; } .page-communication-box .news-list.cp .ct-box .rg{ width: 58%; background: url(../images/c-bg-1.png) repeat; padding: .5rem .3rem; background-size: 80% 60%; padding-bottom: 1rem; position: relative; overflow: hidden; box-sizing: border-box; } .page-communication-box .news-list.cp .ct-box .lf{ width: 42%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #8c726e; } .page-communication-box .news-list.cp .lf{ display: flex; align-items: center; justify-content: center; flex-direction: column; } .page-communication-box .news-list.cp .lf img{ width: 60%; opacity: .3; } .page-communication-box .news-list .more-btn{ position: absolute; right: .26rem; bottom: .26rem; width: .36rem; height: .36rem; z-index: 10; transition: all .3s; } .page-communication-box .news-list .more-btn:hover img{ transform: rotate(45deg); } .page-communication-box .news-list .more-btn img{ width: 100%; transition: all .3s; } .page-communication-box .news-list li{ padding: .2rem 0; } .page-communication-box .news-list li a{ display: flex; align-items: center; justify-content: space-between; line-height: 1.5; color: #fff; } .page-communication-box .news-list .date { text-align: right; width: 1.2rem; display: flex; flex-direction: column; color: #fff; font-size: .2rem; } .page-communication-box .news-list .tit { font-size: .18rem; color: #fff; text-decoration: none !important; } .page-communication-box .news-list .tit:hover{ font-weight: bold; } .page-communication-box .news-list .tit{ width: calc(100% - 1rem); } .article-box{ padding: .5rem 0; } .article-box .article-tit h3{ font-size: .26rem; line-height: .32rem; text-align: center; } .article-box .article-info{ padding: .2rem 0; text-align: center; } .article-box .article-info span{ font-size: 14px; display: inline-block; margin: 0 .1rem; color: #999; } .article-box .article-cont p{ margin: .1rem 0; line-height: 2; text-align: justify; font-size: 16px; } .article-box .article-cont p *{ font-size: 16px; } .article-box .attachment-box{ margin: .5rem 0; background-color: #f9f9f9; padding: .2rem; } .article-box .attachment-box h3{ font-size: .18rem; margin-bottom: .1rem; font-weight: bold; } .article-box .attachment-box li{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: .32rem; } .article-box .attachment-box li a{ font-size: .16rem; color: #333; } .article-box .attachment-box li a:hover{ color: #b81920; } .article-box .attachment-box .icon{ color: #e15f2d; margin-right: .1rem; } .application-list{ margin-bottom: .5rem; } .application-list ul{ display: block; overflow: hidden; } .application-list li{ width: 25%; display: block; margin: 0 0 .26rem 0; overflow: hidden; box-sizing: border-box; padding: 0 .2rem; float: left; position: relative; } .application-list li .box{ width: 100%; height: 100%; position: relative; border: 1px solid #efefef; } .application-list li a{ display: flex; justify-content: center; flex-direction: column; align-items: center; background: #fff; padding: .2rem; position: relative; z-index: 1; } .application-list li .line { position:absolute; left:-1px; top:-1px; bottom:-1px; right:-1px; transition:color 0.25s; } .application-list li .line::before { top:0; left:0; } .application-list li .line::after { bottom:0; right:0; } .application-list li .line::before,.application-list li .line::after { box-sizing:inherit; content:''; position:absolute; width:100%; height:100%; z-index: 1; border:1px solid transparent; width:0; height:0; border-radius: 5px; } .application-list li .box:hover .line::before,.application-list li .box:hover .line::after { width:100%; height:100%; } .application-list li .box:hover .line::before { border-top-color:#e8be4c; border-right-color:#e8be4c; transition:width 0.15s ease-out,height 0.15s ease-out 0.15s; } .application-list li .box:hover .line::after { border-bottom-color:#e8be4c; border-left-color:#e8be4c; transition:border-color 0s ease-out 0.3s,width 0.15s ease-out 0.3s,height 0.15s ease-out 0.45s; } .application-list li .pic{ width: 1.2rem; height: 1.2rem; margin-bottom: .2rem; } .application-list li .pic img{ width: 100%; height: 100%; } .application-list li p{ font-size: .16rem; line-height: .26rem; text-align: center; height: .52rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; } .ym-page { padding:.5rem 0; color:#999; font-size: 0; } .ym-page:after,.ym-page:before { content:" "; display:table } .ym-page>a,.ym-page>span{ display:inline-block; *display: inline; *zoom:1; cursor: pointer; width: .48rem; height: .48rem; line-height: .48rem; margin:0 .05rem; position:relative; text-align: center; border:1px solid #d7dfdc; vertical-align: top; font-size: .16rem; color: #2b2b2b; text-decoration: none; border-radius: 5px; } .ym-page-select{ height: 32px; line-height: 32px; min-width: 50px; display:inline-block; *display: inline; *zoom:1; vertical-align: top; } .ym-page .ym-page-start,.ym-page .ym-page-end,.ym-page .ym-page-next,.ym-page .ym-page-prev,.ym-page > span { width: auto; padding:0 15px; margin-bottom: 10px; } .ym-page > span{ border:none } .ym-page > a:hover ,.ym-page > a.on{ background-color:#9b1223; color: #fff; } .ym-page > .select2 { padding:0 } .ym-m-page{ display: none; } .ym-m-page a{ display: inline-block; margin:0 10px; border: 1px solid #005aa8; height: .48rem; line-height: .48rem; } .ym-page-centered { text-align:center } .ym-page a:hover{ background-color:#9b1223; color:#fff } .mobile-btn{ position: absolute; right: .25rem; top: .25rem; width: .58rem; height: .58rem; z-index: 1000; display: none; } .mobile-btn img{ width: 100%; position: absolute; left: 0; top: 0; width: 100%; } .mobile-btn .close{ opacity: 0; } .mobile-btn.show .menu{ opacity: 0; } .mobile-btn.show .close{ opacity: 1; } @media (max-width: 1919px) { .banners-box .main-banners{ height: 48vw; } } @media (max-width: 1440px) { .header .logo-box .logo{ width: 100%; position: relative; padding: .3rem 0 0 .5rem; display: block; z-index: 10001; } } @media (max-width: 1200px) { .banners-box .visit-swupl.show img{ transform: scale(.78); } .main-theme .more{ width: 1.2rem; height: .4rem; position: relative; transition: 0.3s all; } .gb-sch-box .sch-box input{ height: .48rem; } .banners-box .main-banners{ height: 48vw; } .theme-news b{ width: 1.2rem; } } @media (max-width: 800px) { .banners-box .visit-swupl.show img{ transform: scale(.4); } body *{ font-size: .24rem; } .gb-bm-box .bm p *{ font-size: .26rem; } .header.fixed .logo-box .logo img{ height: .7rem; } .gb-w{ width: 100%; } .mobile-btn{ display: block; } .main-theme .gb-menu-title.pl{ padding-left: .26rem; } .header .top{ width: 100%; height: 0; position: fixed; left: 0; top: 0rem; z-index: 100; overflow: hidden; background: #b10a0a; transition: all .3s; } .header .top.show{ height: 100%; } .header .navlist.gb-flex{ display: block; position: relative; margin-top: .5rem; padding-bottom: 1rem; } .header .navlist.gb-flex li{ padding: .5rem .26rem .2rem .26rem ; border-bottom: 1px solid rgba(255,255,255,.3); } .global-nav-box{ width: 100%; height: 100%; position: relative; padding: 1rem .26rem; overflow-y: auto; box-sizing: border-box; } .header .logo-box .logo img{ height: .7rem; } .header .logo-box,.header.fixed .logo-box{ width: 4rem; } .global-nav-box .t-other{ margin-bottom: 1rem; } .global-nav-box .t-other .www-en{ width: .8rem; height: .5rem; background: #fff; color: #b10a0a !important; font-size: .32rem; line-height: .5rem; margin-left: .5rem; text-align: center; } .global-nav-box li>a{ font-size: .36rem; } .global-nav-box li a{ color: #fff !important; } .global-nav-box li .subNavbox{ display: block; position: relative; background: transparent; border:none; width: 100%; left: 0; top: 0; margin-left: 0; } .global-nav-box li .subNavbox p{ display: inline-block; } .global-nav-box li .subNavbox a{ padding: 0 .2rem 0 0; font-size: .26rem; line-height: .48rem; } .banners-box .visit-swupl{ top: 40%; } .banners-box{ padding-top: 1rem; } .banners-box .main-banners{ height: 48vw; } .banners-box .swiper-slide .img{ padding-bottom: 48vw; } .banners-box .bm .dots span{ width: .36rem; height: .36rem; line-height: .36rem; } .banners-box .bm .dots span::before{ left: .02rem; top: .02rem; width: .32rem; height: .32rem; } .banners-box .bm .dots span.swiper-pagination-bullet-active::before{ left: .06rem; top: .06rem; width: .32rem; height: .32rem; } .banners-box .bm .dots span.swiper-pagination-bullet-active{ width: .44rem; height: .44rem; line-height: .44rem; } .sidebar-menu{ width: 1.2rem; right: -1.3rem; } .sidebar-menu .badge{ right: 1.3rem; } .global-nav-box .gb-schbtn{ width: .58rem; height: .58rem; margin: 0 auto; } .gb-sch-box{ background: rgba(0,0,0,.6); } .gb-sch-box .sch-tool{ width: 80%; margin-left: -40%; } .gb-sch-box .sch-box{ width: calc(100% - .58rem); } .gb-sch-box .sch-box input{ height: .8rem; font-size: .32rem; } .gb-sch-box .search{ width: .48rem; height: .48rem; } .main-theme .gb-title img{ width: 16rem; margin-left: -8rem; } .theme-research .subject-constr{ margin-bottom: .36rem; } .theme-teacher .goodsteacherbanner .pic{ height: 8rem; } .theme-teacher .goodsteacherbanner .swiper-card .title{ font-size: .32rem; line-height: .48rem; } .theme-teacher .bigteacherbanner .swiper-card,.theme-teacher .goodsteacherbanner .swiper-card{ padding: .26rem; height: auto; } .theme-teacher .goodsteacher,.theme-news .lf-box,.theme-news .rg-box,.theme-dj .box-w,.theme-research .t-box .lf,.theme-research .t-box .rg, .theme-research .t-box .cen,.theme-research .research-pt,.theme-research .subject-constr,.theme-teacher .lf,.theme-teacher .rg,.theme-educating .lf,.theme-educating .cen, .theme-educating .rg,.theme-student .box-w,.home-schoolmate .box-w,.gb-bm-box .footer .contactus{ width: 100%; padding: 0 .26rem; } .theme-news .lf-box,.theme-dj .lf-box,.theme-research .research-pt, .theme-teacher .lf,.theme-educating .lf,.theme-student .lf-box{ margin-bottom: .5rem; } .theme-educating .lf .it{ height: 1.6rem; } .theme-educating .lf .pic{ width: .68rem; height: .68rem; } .theme-educating .lf h4{ font-size: .26rem; } .theme-educating .lf{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: .5rem; } .theme-educating .lf .it{ width: 48%; } .theme-service li{ width: 32%; } .theme-service li .ico{ width: 80%; } /* .gb-bm-box .media-box li{ width: calc(100% / 7); } .gb-bm-box .media-box li.n{ display: none; } .gb-bm-box .media-box li.h{ display: block; } */ .gb-bm-box .media-box .btn{ position: absolute; top: 50%; margin-top: 0rem; z-index: 100; width: .5rem; cursor: pointer; display: block; margin-top: -.25rem; } .gb-bm-box .media-box .btn img{ width: 100%; } .gb-bm-box .media-box .pre{ left: .1rem; } .gb-bm-box .media-box .next{ right: .1rem; } .gb-bm-box .media-box{ width: 100%; } .gb-bm-box .media-box li{ display: inline-block; width: calc(100% / 5); } .gb-bm-box .media-box li .item{ top: 0rem !important; display: flex; align-items: center; } .gb-bm-box .media-box li .item .mlogo{ padding-top: 0rem; } .gb-bm-box .media-box .code-box{ left: 50%; } .gb-bm-box .media-box .code-box{ width: 1.8rem; height: 1.8rem; margin-left: -.9rem; } .gb-bm-box .footer{ padding-top: .5rem; } .gb-bm-box .footer .flogo{ width: 100%; text-align: center; margin-bottom: .5rem; } .gb-bm-box .footer .flogo img{ width: 40%; display: inline-block; } .gb-bm-box .footer .fcen{ width: 100%; margin-bottom: .5rem; } .gb-bm-box .footer .fcen li{ width: 48%; } .gb-bm-box .footer .fcen li a{ width: 100%; font-size: .26rem; line-height: .58rem; height: .8rem; } .gb-bm-box .footer .fcen li i{ width: .48rem; height: .48rem; } .gb-bm-box .footer .fcen li span{ font-size: .26rem; } .gb-bm-box .footer .gb-w{ padding: 0 .26rem; } .gb-bm-box .footer .contactus p{ line-height: .5rem; font-size: .26rem; } .gb-bm-box .bm{ padding: .26rem 0; } .gb-bm-box .bm p i{ display: none; } .gb-bm-box .bm p span{ display: block; } .full-data-box .data-tip{ width: 2rem; } .full-data-box .tag-list{ bottom: 0; top: 4rem; width: 2rem; } .full-data-box .tag-list a{ font-size: .18rem; margin-bottom: .3rem; display: block; width: 100%; padding: .2rem; margin-left: 0; } .full-data-box .backtohome{ top: 2rem; } .full-data-box .lf-side{ width: 2rem; } .full-data-box .data-list{ width: calc(100% - 2rem); left: 2rem; display: block; } .full-data-box .data-list .item{ width: 100%; height: calc(100%/6); display: none; } .full-data-box .data-list .item.on{ display: block; } .full-data-box .data-list .item h3{ margin-bottom: 0; } .full-data-box .data-list .item p{ font-size: .12rem; line-height: .36rem; } .page-box .page-ct{ width: 100%; } .page-box .word-list .tit{ font-size: .32rem; line-height: .48rem; height: .48rem; width: calc(100% - 1.4rem); } .page-box .word-list.activity .tit{ width: 100%; } .page-box .word-list b{ font-size: .2rem; } .page-box .word-list .time{ width: 1.2rem; } .page-box .page-menu{ width: 100%; } .page-box .page-menu .menu-list li a{ height: .8rem; line-height: .8rem; font-size: .26rem; } .page-box .menu-title{ width: 3.4rem; } .page-box .page-menu .menu-list ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .page-box .page-menu .menu-list li{ width: 50%; } .page-box .page-menu .menu-list li a{ border: 1px solid #fff; } .page-box .focus-menu{ padding: 0 .26rem; } .page-profile-box .pleader-list{ padding: .26rem; } .page-profile-box .pleader-list ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .page-profile-box .pleader-list li{ width: 100%; margin-right: 0; } .page-profile-box .pleader-list .pic{ width: 2rem; height: 2.8rem; } .page-profile-box .pleader-list .instr{ width: calc(100% - 2.2rem); } .page-profile-box .pleader-list .name{ font-size: .32rem; } .page-profile-box .pleader-list .post{ font-size: .26rem; line-height: .42rem; } .page-article{ padding: 0 .26rem; } .article-box{ padding: .5rem .26rem; } .article-box .article-tit h3{ font-size: .32rem; line-height: .48rem; } .article-box .attachment-box li{ line-height: .48rem; } .page-profile-box .leader-list{ padding: 0 .26rem; } .page-profile-box .leader-list ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .page-profile-box .leader-list li.b .pic,.page-profile-box .leader-list li .pic{ height: auto; width: 100%; } .page-profile-box .leader-list li.b a{ padding: 0; } .page-profile-box .leader-list li.b .instr *{ text-align: left; } .page-profile-box .leader-list .name{ font-size: .32rem; } .page-profile-box .leader-list li{ width: 48%; } .page-profile-box .leader-list li a{ width: 100%; padding: 0; } .page-profile-box .leader-list .post{ height: .68rem; line-height: .34rem; } .page-box-conten{ padding: 0 .26rem .5rem .26rem; } .page-jgsz-table .td{ width: 50%; } .page-jgsz-table .td{ height: 1rem; } .page-jgsz-table .td a{ font-size: .26rem; } .page-jgsz-table .td.nb{ border-bottom: 1px solid #ccc; } .page-jgsz-table .tb-h{ height: 1.2rem; } .page-jgsz-table .tb-h h5{ font-size: .32rem; line-height: 1.2rem; } .page-jgsz-table .td:nth-child(2n){ border-right: none; } .dangjian-box .theory-list{ padding: 0 .26rem; } .dangjian-box .theory-list li{ width: 100%; } .dangjian-box .theory-list h4{ font-size: .32rem; line-height: .48rem; } .dangjian-box .news-list{ padding: 0 .26rem; } .dangjian-box .news-list li{ width: 100%; } .dangjian-box .news-list a{ height: auto; } .dangjian-box .news-list .time span{ font-size: .26rem; } .dangjian-box .news-list .pic{ height: 3.6rem; } .dangjian-box .news-list h4{ font-size: .32rem; line-height: .48rem; } .dangjian-box .other-list{ padding: 0 .26rem; } .dangjian-box .other-list li{ width: 100%; } .dangjian-box .other-list li h5{ font-size: .32rem; } .teacher-box{ flex-wrap: wrap; padding: 0 .26rem; } .teacher-box .cd-box,.teacher-box .cd-box:nth-child(2){ width: 100%; } .teacher-box .cd-box:nth-child(1){ display: flex; justify-content: space-between; } .teacher-box .cd-box:nth-child(2) .ctop,.teacher-box .cd-box:nth-child(2) .cbom{ width: 100%; } .teacher-box .ctop,.teacher-box .cbom{ width: 48%; } .teacher-box .cd-box:nth-child(3){ width: 100%; display: flex; justify-content: space-between; margin-top: .2rem; } .teacher-box .cd-box .item span{ font-size: 1rem; } .teacher-box .cd-box .item p{ font-size: .26rem; } .educational-box{ padding: 0 .5rem; } .educational-box li{ width: 48%; } .educational-box .ct h5{ font-size: .32rem; } .course-box{ padding: 0 .26rem; } .course-box .it-b{ width: 100%; margin-bottom: .5rem; } .course-box .it-b .tit{ font-size: .32rem; } .course-box .it-b li a{ font-size: .26rem; } .course-box .it-b li{ line-height: .68rem; } .scientific-research-box .science-box{ padding: 0 .26rem; } .scientific-research-box .science-box .lf, .scientific-research-box .science-box .rg{ width: 100%; } .scientific-research-box .m-tit h5{ font-size: .32rem; } .scientific-research-box .science-box .tit{ font-size: .26rem; width: calc(100% - 1.6rem) } .scientific-research-box .science-box .date{ font-size: .26rem; } .scientific-research-box .manage-box li a h5{ font-size: .32rem; } .scientific-research-box .research-base{ background-position: center; padding: 0 .26rem; height: 5rem; } .page-recremploy-box .rec-list{ padding: .5rem .26rem; } .page-recremploy-box .rec-list li{ width: 100%; } .page-recremploy-box .rec-list li .up-info p *{ font-size: .26rem; } .page-recremploy-box .cop-list{ padding: 0 .26rem; } .page-recremploy-box .cop-list li{ width: 100%; } .page-recremploy-box .cop-list li a h5{ font-size: .32rem; } .page-recremploy-box .employ-box{ padding: 0 .26rem; } .page-recremploy-box .hire-box{ background: #9c7a4c; } .page-recremploy-box .hire-box .bg{ height: 60%; } .page-recremploy-box .hire-box .ct a h5{ font-size: .26rem; } .page-communication-box .news-list.ip .ct-box .lf{ width: 100%; } .page-communication-box .news-list.ip .ct-box .rg{ width: 100%; } .page-communication-box .news-list.cp .ct-box .lf{ width: 100%; padding: .2rem 0; } .page-communication-box .news-list.cp .lf img{ width: 20%; } .page-communication-box .news-list.cp .ct-box .rg{ width: 100%; } .page-communication-box .news-list .tit{ font-size: .26rem; width: calc(100% - 1.8rem); } .theme-research .t-box .news-list.act .tit{ height: .8rem; line-height: .8rem; } .theme-research .t-box .news-list.act li.big .tit{ line-height: .48rem; height: auto; } .theme-research .t-box .news-list li.big .ico{ width: .36rem; height: .36rem; } .theme-research .t-box .news-list li.big .dt{ width: calc(100% - 0.48rem); font-size: .26rem; line-height: .32rem; } .page-communication-box .news-list .date{ font-size: .26rem; width: 1.6rem; } .page-student-box .bigphotobanner{ padding: 0 .26rem; overflow: hidden; } .page-student-box .bigphotobanner .pic{ height: 4.6rem; overflow: hidden; } .page-student-box .photo-list li{ width: 48%; } .page-student-box .photo-list .pic{ height: 2rem; } .page-student-box .photo-list a{ height: 4rem; } .page-student-box .photo-list{ padding: 0 .26rem; } .page-student-box .gb-w{ padding: 0 .26rem; } .page-student-box .studentactivitybanner{ width: 100%; margin: 0; } .page-student-box .studentactivitybanner .pic{ height: 4.8rem; } .page-student-box .student .view-more a{ display: inline-block; font-size: .26rem; border-radius: 5px; width: 1.6rem; height: .58rem; line-height: .58rem; text-align: center; } .page-student-box .student{ margin-bottom: .5rem; } .article-box .article-cont p img,.article-box .article-cont p video{ width: 100% !important; height: auto!important; } .theme-news .newsbanner .swiper-card .title{ font-size: .32rem; line-height: .48rem; height: .96rem; } .theme-news .it{ height: auto; } .theme-news .tit{ font-size: .32rem; height: .8rem; line-height: .8rem; } .theme-news b{ width: 1.4rem; } .theme-news .media-logo{ height: .42rem; } .theme-news .themebanners{ padding: 0 .26rem; } .theme-news .themebanners .pic{ height: auto; } .main-theme .gb-title{ height: 2.4rem; width: calc(100% - .52rem); margin: 0 auto .3rem auto; } .theme-news .newsbanner .pic{ height: 4.2rem; } .theme-dj .tit{ font-size: .32rem; line-height: .8rem; height: .8rem; } .theme-dj .it{ height: auto; } .theme-dj .rg-box .pic{ height: 1.5rem; } .theme-research .t-box .news-list{ padding: 0 0rem; } .theme-research .t-box .news-list .pic{ height: 4.6rem; } .theme-research .t-box .news-list li.big .pic{ height: 3.2rem; width: 50%; } .theme-research .t-box .news-list .pic img{ width: 100%; height: auto; } .theme-research .t-box .news-list li.big .pic.hauto{ height: auto; } .theme-research .t-box .news-list li.big .news{ width: 50%; padding-left: .1rem; } .theme-research .t-box .news-list .datebox{ width: 1.2rem; height: 1.2rem; } .theme-research .t-box .news-list .tit{ font-size: .32rem; line-height: .42rem; width: calc(100% - 1.4rem); height: 1.26rem; } .theme-research .hdyg-list .tit{ font-size: .32rem; line-height: .8rem; height: .8rem; } .theme-research .hdyg-list span{ width: .32rem; height: .32rem; } .theme-research .hdyg-list .place,.theme-research .hdyg-list .date{ font-size: .26rem; line-height: .6rem; } .theme-research .gb-more-box{ margin: .2rem 0 .2rem 0; } .theme-dj .djbanner .swiper-card .title{ font-size: .32rem; } .theme-research .activitybanner{ height: 6.8rem; } .theme-research .activitybanner .pic{ height: 4.2rem; } .theme-research .activitybanner .swiper-card{ top: 3.2rem; height: 1rem; width: 100%; } .theme-research .activitybanner .swiper-card .title{ font-size: .32rem; line-height: .48rem; height: .48rem; } .theme-research .activitybanner .info .it{ margin-bottom: .3rem; } .theme-research .activitybanner .info{ height: 2.8rem; } .theme-research .activitybanner .dt{ font-size: .32rem; } .theme-research .activitybanner .ico{ width: .36rem; height: .36rem; } .theme-teacher .bigteacherbanner .pic{ height: 8rem; } .theme-teacher .bigteacherbanner .swiper-card .title{ font-size: .32rem; } .theme-teacher .bigteacherbanner .badge,.theme-teacher .goodsteacherbanner .badge{ width: .8rem; } .theme-teacher .goodsteacherbanner .badge{ top: 0; margin-top: 0; } .theme-teacher .bigteacherbanner .dots span{ width: .26rem; height: .26rem; margin: 0 .2rem; } .theme-teacher .menu-title{ height: 1rem; } .theme-teacher .menu-title h3{ font-size: .56rem; line-height: 1rem; } .theme-teacher .rg .name{ font-size: .32rem; } .theme-teacher .rg .tit{ height: .72rem; font-size: .26rem; line-height: .36rem; } .theme-teacher .rg a{ margin-right: .26rem; } .theme-educating .menu-title h3{ font-size: .56rem; } .theme-educating .menu-title{ height: 1rem; } .theme-educating .menu-title .ico{ height: .8rem; } .theme-educating .cen .tit{ font-size: .32rem; line-height: .42rem; height: .84rem; } .theme-educating .cen .it{ height: auto; } .theme-educating .rg .tit{ font-size: .32rem; line-height: .42rem; height: .84rem; } .theme-educating .rg .it{ height: auto; } .theme-data .data-des{ padding: 0 .26rem; font-size: .26rem; line-height: .58rem; } .theme-data .more-box{ margin-right: .26rem; } .theme-data .data-list .dots span{ width: .26rem; height:.26rem; margin: 0 .2rem; } .theme-data .data-list .data-info{ left: .2rem; } .theme-data .data-list .data-info p{ line-height: .42rem; font-size: .22rem; } .theme-data .data-list .img{ width: 3rem; height: 3rem; } .theme-data{ padding-bottom: .5rem; } .theme-student .studentbanner .swiper-card .title{ font-size: .32rem; line-height: .42rem; } .theme-student .studentbanner .dots span{ width: .26rem; height:.26rem; margin: 0 .2rem; } .theme-student .it{ height: auto; } .theme-student .rg-box .pic{ height: 1.6rem; } .theme-news .rg-box li,.theme-dj .rg-box li,.theme-teacher .rg li,.theme-educating .rg li,.theme-educating .cen li,.theme-student .rg-box li,.home-schoolmate .lf-box .ct li{ margin-bottom: .3rem; } .theme-teacher .rg .tit,.theme-educating .rg .tit,.theme-educating .cen .tit,.theme-student .tit, .home-schoolmate .tit{ font-size: .32rem; line-height: .8rem; height: .8rem; } .theme-educating .rg li.big .tit{ height: .96rem; line-height: .48rem; -webkit-line-clamp: 2; } .home-schoolmate .it{ height: auto; } .home-schoolmate .lf-box .ct .pic{ width: 2.5rem; height: 1.65rem; } .home-schoolmate .it{ width: calc(100% -2.8rem); } .main-theme .more{ height: .68rem; width: 1.6rem; } .main-theme .more .c{ font-size: .26rem; } .theme-research .research-pt h5,.theme-research .subject-constr h5{ font-size: .26rem; } .application-list li{ width: 50%; } .application-list li .pic{ width: 1.8rem; height: 1.8rem; } .application-list li p{ font-size: .26rem; } .main-theme .gb-menu-title.mt{ margin-top: .3rem; } .main-theme .gb-menu-title .menu-ico img{ height: .58rem; } .theme-dj .djbanner .pic{ height: 4.2rem; } .theme-research .t-box .news-list .act-date .ico{ width: .36rem; height: .36rem; } .theme-research .t-box .news-list .act-date .dt{ width: calc(100% - 0.48rem); font-size: .26rem; line-height: .32rem; } .home-schoolmate .card.mb{ margin-top: .3rem; } .researchbase-list{ width: 100%; padding: 0 .26rem; } .researchbase-list ul{ width: 100%; } .researchbase-list li .c-tl, .researchbase-list li .c-name{ font-size: .26rem !important; } .researchbase-list li .tl, .researchbase-list li .name{ font-size: .26rem; line-height: .48rem; } .banners-box .bm{ bottom: .2rem; } .theme-pic-news-box{ padding: 0 .26rem; } .schoolpicnewsbanners .pic{ height: 4.6rem; max-height: 4.6rem; } .schoolpicnewsbanners .tl{ font-size: .32rem; line-height: .46rem; height: .92rem; } .theme-pic-news-box .switch-box{ right: .26rem; } .theme-pic-news-box .switch-box img{ width: .58rem; } .schoolpicnewsbanners .tl{ padding: 0 .6rem; } .schoolpicnewsbanners .time{ padding-left: .6rem; } .theme-pic-news-box .detail-box{ width: 90%; margin-left: -45%; font-size: .26rem; line-height: .42rem; } .theme-pic-news-box .detail-box p{ font-size: .26rem; line-height: .42rem; } .schoolpicnewsbanners .time{ font-size: .26rem; } .theme-pic-news-box .detail-box .close{ width: .68rem; height: .68rem; padding: .1rem; } .theme-news .full-box ul{ display: block; padding: 0 .26rem; } .theme-news .full-box li{ width: 100%; margin-bottom: .3rem; } }