@charset "utf-8"; /* common */ @font-face { font-family: "sisong"; src: url(../style/sySong.woff); } .ban { position: relative; } .ny-ban a { position: relative; display: block; } .ny-ban img { display: block; width: 100%; } .ny-ban a::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1.7rem; background: url(../images/head-tc.png) no-repeat center top; background-size: 100% 100%; } .wl { position: relative; } .wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; } ::after, ::before { transition: 0.5s; } .ban .wp { justify-content: space-between; align-items: center; } .ban .h3 { position: absolute; left: 0; bottom: 0rem; z-index: 10; width: 100%; padding-bottom: 0; } .ban .h3::before { z-index: -1; width: 100%; height: 0.76rem; background: #F5F8FF; content: ""; position: absolute; left: 0; bottom: 0; } .ban h3 { color: #fff; font-size: 0.3rem; line-height: 1; width: 3rem; height: .76rem; font-family: "sisong"; } .ban .ban-r { width: calc(100% - 3rem); height: 0.76rem; align-items: center; justify-content: space-between; } .ban h3::after { width: 0.65rem; height: 0.77rem; background: url(../images/lmbg.png) no-repeat; background-size: 100% 100%; left: -0.25rem; bottom: .2rem; } .ban h3::before { content: ""; position: absolute; width: auto; height: 1.1rem; background: #005DA2; border-radius: 0 0.3rem 0 0; right: 0; left: -50vw; z-index: -1; bottom: 0; } .adress a, .adress { font-size: 0.16rem; color: #626E7B; } .adress a:hover { color: #005DA2; } .adress { display: none; line-height: 0.3rem; justify-content: flex-end; height: 0.5rem; align-items: center; } .adress a { transition: .5s; } .adress p { background: url(../images/home.png) no-repeat left center; background-size: 0.21rem; padding-left: 0.24rem; } .ejlm_pc { /* width: 100%; */ z-index: 100; /* padding-left: .2rem; */ display: flex; } .ejlm_pc ul { align-items: center; } .ejlm_pc ul li { height: 100%; padding: 0 0.18rem; position: relative; } .ejlm_pc ul li>a { color: #0A58A6; transition: 0.5s; font-size: .22rem; font-weight: bold; min-height: 0.76rem; display: block; line-height: 0.76rem; border-bottom: 0.03rem solid rgba(0, 0, 0, 0); } .ejlm_pc .sub { position: absolute; top: 100%; background: rgb(255, 255, 255); width: auto; left: 50%; z-index: 10000; transform: translateX(-50%) scaleY(0); visibility: hidden; opacity: 0; transition: all 0.5s ease 0s; transform-origin: center top; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; min-width: 1.6rem; padding: .1rem 0; } .ejlm_pc ul li:hover .sub { transform: translateX(-50%) scaleY(1); visibility: visible; opacity: 1; } .ejlm_pc .sub a { line-height: 0.35rem; font-size: 0.18rem; color: #333; display: block; text-align: center; padding-left: 0; } .ejlm_pc .sub a:hover { background: #005DA2; color: #fff; } .ejlm_pc ul li.active>a, .ejlm_pc ul li:hover>a { color: #005DA2; border-bottom: 0.03rem solid #0A58A6; } .ny-bt h2 { margin-bottom: .35rem; } .ny-bt h2 span { display: inline-block; position: relative; font-family: Arial; font-size: 0.48rem; font-weight: bold; line-height: 0.36rem; color: #005DA2; text-transform: uppercase; padding-bottom: .2rem; font-weight: normal; } .ny-bt h2 span::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0.6rem; height: 0.05rem; background: #005DA2; } /* 手机内页二级导航 */ .wrap_ph { margin-top: 0.3rem; display: none; } .wrap_ph h2 { width: 100%; color: #fff; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; padding: 0 0.2rem; background: #005DA2; } .wrap_ph h2::after { width: 0.32rem; height: 0.32rem; background: url(../images/cd.svg) no-repeat right center/cover; left: auto; right: 0.2rem; top: 50%; transform: translateY(-50%); z-index: 9; } .wrap_ph ul { padding: 0.1rem 0.2rem 0.2rem; display: none; box-shadow: 0px 0.1rem 0.3rem 0px rgba(69, 10, 66, 0.11); } .wrap_ph li { font-size: 0.18rem; line-height: 0.34rem; font-family: hel-bold; } .wrap_ph li a { transition: 0.5s; display: block; color: #333; } .wrap_ph { display: none; } .wrap_ph li.active a { color: #005DA2; } .wrap_ph i { opacity: 1; display: inline-block; width: .34rem; height: .3rem; display: inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size: 15px 15px !important; position: absolute; display: block; right: 0; top: 2px; transition: 0.5s; } .wrap_ph i.on { transform: rotate(-90deg); } .wrap_ph .box { display: none; padding-left: 0.25rem; } .wrap_ph .box a { font-size: 0.16rem; line-height: 0.3rem; color: #666 !important; display: block; } .wrap_ph .box a:hover { color: #005DA2; } .inner { padding: 0.7rem 0 .75rem; position: relative; } /* 学院新闻 */ .newlist li { margin-bottom: 0.4rem; } .newlist li * { transition: 0.5s; } .newlist li a { display: flex; align-items: center; background: rgba(0, 0, 0, 0.04); } .newlist li a .tpp { width: 50%; } .newlist li a .tpp .pic { padding-top: 60%; } .newlist li a .txt { width: 50%; padding: .4rem; } .newlist li:nth-child(2n) a .txt { order: -1; } .newlist li a .txt h3 { font-family: Arial; font-size: 0.24rem; font-weight: normal; line-height: 0.42rem; color: #333333; height: .82rem; } .newlist li:hover a .txt h3 { color: #0A58A6; } .newlist li a .txt p { margin: .15rem 0; font-family: Arial; font-size: 0.16rem; font-weight: normal; line-height: 0.3rem; color: #999999; height: 1.2rem; } .newlist li a .txt span { padding-left: 0.25rem; background: url(../images/time.png) no-repeat left center; font-size: .16rem; color: #9E9E9E; } @media(min-width: 1024px) {} @media screen and (max-width: 1000px) { .newlist li a .txt { padding: .15rem; } } @media screen and (max-width: 700px) { .newlist li a { display: block; } .newlist li a .tpp { width: 100%; } .newlist li a .txt { width: 100%; } .ny-bt h2 span { font-size: .24rem; } } @media screen and (max-width: 420px) {} .page { margin: 0.4rem 0 0; } .page img { margin: 0 auto; display: block; } /* 通知公告 */ .tzgg ul { margin: 0 -.3rem; } .tzgg li { width: 50%; padding: 0 .3rem; margin-bottom: .4rem; } .tzgg li a { position: relative; display: block; border: 1px solid rgba(0, 0, 0, 0.08); padding: .25rem .35rem; transition: all .6s; background-position: center center; } .tzgg li:hover a { background: url(../images/tw-bg.jpg) no-repeat center center; background-size: cover; } .tzgg li a::after { content: ""; position: absolute; width: 0.05rem; height: 0.5rem; background: #005DA2; left: 0; top: .3rem } .tzgg li a h2 { font-family: Arial; font-size: 0.18rem; font-weight: bold; line-height: 0.3rem; color: #333333; height: 0.6rem; } .tzgg li a p { margin: .1rem 0; font-family: Arial; font-size: 0.16rem; font-weight: normal; line-height: 0.24rem; color: #999999; height: 0.72rem; } .tzgg li a span { padding-left: .25rem; font-size: .16rem; color: #9E9E9E; background: url(../images/time.png) no-repeat left center; } .tzgg li * { transition: 0.5s; } @media(max-width: 1200px) { .tzgg ul { margin: 0 -.1rem; } .tzgg li { padding: 0 .1rem; } } @media(min-width: 1024px) { .tzgg li:hover a h2 { color: #fff; } .tzgg li:hover a::after { background: none; } .tzgg li:hover a p { color: rgba(255, 255, 255, 0.4); } .tzgg li:hover a span { color: #fff; background: url(../images/time-other.png) no-repeat left center; } } @media screen and (max-width: 700px) { .tzgg li { width: 100%; margin-bottom: .15rem; } } @media screen and (max-width: 768px) {} /* 师资列表 */ .xrld ul { justify-content: space-between; } .xrld li { width: 47%; margin-bottom: .6rem; } .xrld li a { align-items: center; background: #fff; } .xrld li .scale { width: 1.7rem; padding: 0rem; border: 1px solid #C09F73; } .xrld li .con { width: calc(100% - 1.7rem); padding: .15rem 0 0 .3rem; } .xrld li h3 { font-size: 0.3rem; color: #333; line-height: 0.32rem; padding-left: .1rem; border-left: 0.04rem solid #333; transition: 0.5s; } .xrld li h4 { margin: .15rem 0 0.2rem; } .xrld li h4 span { display: inline-block; background: #005DA2; padding: 0.1rem 0.2rem; color: #fff; font-size: 0.16rem; } .xrld li p { font-size: 0.16rem; color: #333; line-height: 0.3rem; max-height: 0.6rem\0; transition: 0.5s; } .xrld li .imged { padding-bottom: 130%; } @media(min-width: 1024px) { .xrld li a:hover::after { height: 100%; } .xrld li a:hover h3, .xrld li a:hover p { color: #005DA2; } .xrld li a:hover h3 { border-left: 0.04rem solid #005DA2; } } @media screen and (max-width: 1024px) { .xrld li { width: 49%; margin-bottom: .3rem; } } @media screen and (max-width: 768px) { .xrld li { width: 100%; } } @media screen and (max-width: 420px) { .xrld li .scale { width: 1.5rem; } .xrld li .con { width: calc(100% - 1.5rem); padding: 0rem 0 0 .2rem; } } /* 内容页*/ .article { display: flex; justify-content: space-between; align-items: flex-start; } .article .art-nr { width: 61.78%; flex-shrink: 0; } .article .wz-box { position: sticky; width: 4.4rem; flex-shrink: 0; right: 0; top: 1.2rem; } .article .tit { font-size: 0.18rem; font-weight: bold; line-height: 0.36rem; text-align: center; color: #333333; } .article .conttime { margin-top: .3rem; padding: 0.1rem 0.2rem; margin-bottom: 0.2rem; display: flex; justify-content: center; } .article .conttime span, .article .conttime span a { font-size: 0.16rem; color: #666666; padding: 0 0.15rem; } .article .cont p { line-height: 1.6 !important; color: var(--dark) !important; font-family: Arial, sans-serif !important; /* padding: 0.5em 0; */ /* font-family: Calibral; */ margin-top: .35rem !important; text-indent: 0 !important; } .cont p { font-family: Arial, sans-serif !important; line-height: 1.6 !important; font-size: 0.18rem !important; color: var(--dark) !important; text-align: justify; text-indent: 0 !important; margin-top: .35rem !important; } .cont p span { font-size:0.18rem !important; line-height: 1.6 !important; color: var(--dark) !important; font-family: Arial, sans-serif !important; /* padding: 0.5em 0; */ /* font-family: Calibral; */ margin-top: .35rem !important; text-indent: 0 !important; } .cont p img, .cont p video { max-width:100%; height: auto !important; margin: 0 auto; } .new_miew { border-top: 1px solid #c9c9c9; padding: 0.2rem 0rem 0rem; margin-top: 0.5rem; /* background: #fff; */ } .new_miew p { font-size: 0.16rem; color: #333; line-height: 1.6; margin-bottom: 0.05rem; padding-left: .15rem; } .new_miew p a { transition: 0.5s; } .new_miew p:hover a { color: #005DA2; } .new_miew p::after { width: 0.05rem; height: 0.05rem; border-radius: 50%; background: #005DA2; bottom: auto; top: .13rem; } @media(max-width: 1024px) { .new_miew { margin-top: .3rem; } .cont p { margin-bottom: .1rem; } .article .tit { font-size: .28rem; } } @media(max-width: 1000px) { .article { display: block; } .article .art-nr { width: 100%; } .article .wz-box { position: static; width: 100%; } } @media(max-width: 700px) { .article .tit { font-size: .22rem; } .article .cont p { margin-top: .2rem; } } /* 简介页 */ .gk .cont p { text-indent: 2em; margin-bottom: .3rem; } .gk .fl01 { margin-bottom: .1rem; align-items: flex-start; } .gk .fl01 .left { width: 40%; padding: 0 0 .2rem .2rem; } .gk .fl01 .right { width: 60%; padding-left: .4rem; } .gk .fl01 .left::after { width: auto; height: auto; right: .2rem; top: .3rem; background: #005DA2; } .gk .fl01 .left img { width: 100%; } @media(max-width: 768px) { .gk .fl01 .left { width: 100%; padding: 0 0 .2rem .2rem; } .gk .fl01 .right { width: 100%; padding-left: 0rem; margin-top: .3rem; } .gk .cont p { text-indent: 2em; margin-bottom: .1rem; } } /* 校园风光 */ .xyfg ul { margin: 0 -0.09rem; } .xyfg li { width: 33.3%; padding: 0 0.09rem; margin-bottom: 0.5rem; } .xyfg li a { display: block; position: relative; z-index: 1; } .xyfg li h3 { font-size: 0.2rem; color: #111; line-height: 1.3; text-align: center; transition: 0.5s; padding: .2rem 0 0.28rem; font-weight: bold; border-bottom: 0.02rem solid #005DA2; } .xyfg li .pic { padding-top: 70%; } @media(min-width: 1025px) { .xyfg li a:hover h3 { color: #005DA2; } } @media(max-width: 1024px) { .xyfg .vde { margin-bottom: 0.3rem; } .xyfg ul { margin: 0 -0.1rem; } .xyfg li { padding: 0 0.1rem; margin-bottom: 0.3rem; } .xyfg li a::after { left: 0; right: 0; } } @media(max-width: 768px) { .xyfg li { width: 50%; } } /* 通知 */ .newlist1 ul.list { margin-top: .1rem; } .newlist1 ul.list li a { align-items: center; line-height: 1.6; justify-content: space-between; padding: .25rem 0; border-bottom: 1px dashed #d2d2d2; } .newlist1 ul.list li a::after { width: 0; height: 1px; background: #AF201E; } .newlist1 ul.list h3 { width: calc(100% - 1.1rem); font-size: 0.18rem; color: #000; padding: 0 .2rem 0 0rem; transition: 0.5s; position: relative; } .newlist1 ul.list li span { width: 1.1rem; text-align: right; white-space: nowrap; font-size: 0.16rem; color: #666; } /* .newlist1 ul.list li h3::after{width: 0.04rem;height: 0.04rem;background:#333;top: 50%;transform: translateY(-50%);content:"";position:absolute;left: 0;border-radius: 50%;} */ @media screen and (min-width: 1025px) { .newlist1 ul.list li a:hover h3 { color: #AF201E; } .newlist1 ul.list li a:hover::after { width: 100%; } .newlist1 ul.list li a:hover { border-bottom: 1px solid rgba(0, 0, 0, 0); } } /* 组织机构 */ .zzjg { padding: .2rem 0; } .zzjg ul { margin: 0 -0.3rem; } .zzjg li { width: 33.33%; margin-bottom: .4rem; padding: 0 0.3rem; } .zzjg li a { display: flex; height: 0.65rem; align-items: center; overflow: hidden; border: 1px solid #ccc; } .zzjg li a::after { } .zzjg li h3 { text-align: center; font-size: 0.2rem; color: #333; line-height: 1.3; width: calc(100% - 0.65rem); padding: 0 0.1rem; transition: 0.5s; } .zzjg li span { width: 0.65rem; height: 100%; border-left: 1px solid #ccc; background-size: 0.16rem 0.16rem !important; transition: 0.5s; display: block; } @media(min-width: 1025px) { .zzjg li a:hover h3 { color: #FFD59E; } .zzjg li a:hover { border: 1px solid rgba(0, 0, 0, 0); } .zzjg li a:hover::after { width: 100%; } .zzjg li a:hover span { border-left: 1px solid #FFD59E; } } @media(max-width: 1024px) { .zzjg ul { margin: 0 -0.1rem; } .zzjg li { width: 33.33%; margin-bottom: .3rem; padding: 0 0.1rem; } } @media(max-width: 768px) { .zzjg li { width: 50%; } .zzjg li h3 { font-size: 0.18rem; } } @media(max-width:420px) { .zzjg li { width: 100%; } } /* 机构设置 */ .jgsz .jg-li { margin-bottom: 0.4rem; padding-left: 0.05rem; } .jgsz .jg-li::after { border-radius: 0rem 0.4rem 0rem 0.4rem; background: #0A58A6; width: 85%; left: 0rem; top: 0rem; height: 1.55rem; } .jgsz h3 { width: 100%; height: 0.67rem; display: flex; align-items: center; padding: 0 0.2rem; font-size: 0.22rem; font-weight: bold; } .jgsz h3 span { color: #0A58A6; padding-left: 0.15rem; border-left: 0.05rem solid #FFC062; } .jgsz h3::after { width: 90%; border-radius: 0px 40px 0px 0px; background: #F5F8FF; } .jgsz ul { padding: 0.25rem 0; border: 1px solid #CEDBE8; background: #fff; } .jgsz li { width: 20%; padding: 0 0.25rem; margin-bottom: 0.1rem; } .jgsz li a { font-size: 0.18rem; color: #333; line-height: 0.34rem; transition: 0.5s; display: inline-block; padding: 0 0rem 0 0.2rem; width: 100%; } .jgsz li a::after { width: 0.05rem; height: 0.05rem; background: #005DA2; border-radius: 50%; bottom: auto; top: 50%; transform: translateY(-50%); } .jgsz .jg-li2 li { width: 33.3%; } @media(min-width: 1025px) { .jgsz li a:hover { color: #005DA2; font-weight: 700 } } @media(max-width: 1024px) { .jgsz li { width: 25%; padding: 0 0.1rem; } } @media(max-width: 768px) { .jgsz li { width: 33.3%; } .jgsz .jg-li2 li { width: 50%; } } @media(max-width: 456px) { .jgsz li { width: 50%; } .jgsz .jg-li2 li { width: 100%; } } /* 翻页 */ .j_pages { margin: 0rem auto 0 auto; text-align: center; padding-top: .2rem; } .j_pages .box { display: inherit; width: 100%; padding: 0; font-size: 0; } .j_pages a { padding: 0px 0.16rem; height: 0.4rem; line-height: 0.4rem; display: inline-block; background: #fff; margin: 0 0.03rem; color: #919191; font-size: 0.14rem; box-sizing: border-box; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 0.04rem; border: 1px solid #dadbdd; margin-bottom: .15rem; } .j_pages a font { padding: 0 0.1rem } .j_pages .on { background: #005DA2; color: #fff; } .j_pages a:hover { background: #005DA2; color: #fff!important; } .j_pages span { color: #919191; padding: 0px 0.16rem; height: 0.4rem; line-height: 0.4rem; display: inline-block; font-size: 0.14rem; } .j_pages input { color: #919191; padding: 0px 0.16rem; height: 0.4rem; line-height: 0.4rem; display: inline-block; font-size: 0.14rem; background: #f6f6f6; border: none; cursor: pointer; border-radius: 0; transition: 0.6s; } .j_pages input[type="text"] { width: 0.4rem; padding: 0; text-align: center } .j_pages input[type="submit"]:hover { background: #005DA2; color: #fff } .j_pages .qd { background: #005DA2; color: #fff; border-radius: 0.05rem; height: 0.3rem; line-height: 0.3rem; } @keyframes round_animate { to { transform: rotate(1turn); } } /* 三级导航 */ .san-nav { width: 100%; background: #fff; margin-bottom: .3rem; display: none; } .san-nav ul { display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; } .san-nav li { /* height: 0.8rem; */ display: flex; align-items: flex-end; padding: 0 .3rem; } .san-nav a { display: inline-block; /* margin: 0 0.4rem; */ font-size: 0.16rem; color: #a9a9a9; display: flex; align-items: center; height: 0.5rem; } .san-nav a::after { height: 0.02rem; left: 0; background: rgba(0, 0, 0, 0); width: 100% } .san-nav a.on::after { background: #005DA2; } .san-nav a:hover, .san-nav a.on { color: #005DA2; } @media screen and (max-width: 1200px) { .ban .h3 { position: relative; display: none; } .wrap_ph { display: block; /* background: #e2effa; */ } } @media screen and (max-width: 1024px) { .inner_left, .inner_right .lm_top .adress { display: none; } .inner_right { width: 100%; padding-left: 0; } .inner { min-height: 6rem; padding: .3rem 0; } .page { margin: .25rem 0 0; } .local { display: none; } .san-nav { display: block; } .ban .h3 h3 { font-size: 0.26rem; } .ban .wp { padding: 0.2rem 15px; } .ban .h3::after { width: 100%; height: 100%; } } @media screen and (max-width: 420px) { .inner { min-height: 2rem; } .ban .adress { width: 100%; margin-left: 0; margin-top: 0.25rem; } } .pb_sys_common { line-height: 40px !important; } .cont table tr td p { text-indent: 0px !important; } .cont video { display: block; margin: 0 auto; max-width: 100% !important; } .xyfg .admiss1 li {width:25%;}