@charset "utf-8"; a:link { text-decoration: none !important; } .banner a, .banner a img { display: block; width: 100%; } .banner a::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4.4rem; background: url(../images/headbg.png) no-repeat center center/ 100% auto; } .footer { padding-top: .5rem; } /* 手机内页二级导航 */ .wrap_ph { margin-top: 0.3rem; display: none; } .wrap_ph h2 { position: relative; width: 100%; color: #fff; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; padding: 0 0.2rem; background: #0048bf; } .wrap_ph h2::after { content: ""; position: absolute; width: 0.32rem; height: 0.32rem; background: url(../images/cd.png) no-repeat right center/cover; left: auto; right: 0.2rem; top: 50%; transform: translateY(-50%); } .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 { position: relative; font-size: 0.18rem; line-height: 0.34rem; font-family: hel-bold; } .wrap_ph li a { transition: 0.5s; display: block; color: #333; } .inner .wrap_ph { display: none; } .wrap_ph li.active a { color: #3E86A7; } .wrap_ph i { opacity: 1; display: inline-block; width: .34rem; height: .3rem; display: inline-block; background: url(../images/add.png) center no-repeat; background-size: .1rem auto !important; position: absolute; display: block; right: 0; top: 0; 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: #0048bf; } .wrap_ph .box a.active { color: #3E86A7 !important; } .local { justify-content: space-between; align-items: center; margin-top: -.4rem; margin-bottom: .4rem; } .local .wp { width: 12.8rem; } .local h2 { position: relative; display: flex; align-items: center; height: 1rem; line-height: 1rem; } .local h2:after { content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * ((100vw - 12.8rem) / 2)); width: 6.48rem; background: url(../images/nybt_bg.png) no-repeat center center/100% 100%; } .local h2 img { position: relative; z-index: 2; margin-right: .1rem; } .local h2 span { position: relative; z-index: 2; font-size: .4rem; color: #fff; } .adress { margin-top: .3rem; color: #434461; font-size: 0.16rem; padding-left: .3rem; position: relative; align-items: flex-start; background: url(../images/home.png) no-repeat left center; background-size: 0.24rem !important; line-height: .3rem; } .adress p { display: flex; align-items: center; } .adress a { color: #434461; transition: 0.5s; } .adress a:hover { color: #0048bf; } .inner .wp { width: 12.8rem; display: flex; flex-wrap: wrap; align-items: flex-start; background: url(../images/ny_xx.png) repeat-x left top; padding-top: .4rem; padding-bottom: .7rem; } .inner_left { width: 2.4rem; margin-right: .78rem; z-index: 100; position: relative; background: #f3f4f9; } .inner_right { flex: 1; min-width: 0; } .inner_left h2 { height: 1rem; color: rgb(255, 255, 255); font-size: 0.28rem; background: url() no-repeat; text-align: center; background-size: 100% 100%; padding-top: 0.28rem; } .inner_left h2 span { font-size: 0.3rem; display: block; font-weight: bold; text-transform: uppercase; background: -webkit-linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: rgba(255, 255, 255, 0.5); opacity: .1; } .inner_left h2 p { color: #fff; font-weight: bold; font-family: sy; margin-top: -.2rem; } .inner_left>ul {} .inner_left>ul>li { position: relative; transition: .5s; } .inner_left>ul>li>a { display: block; padding: 0 .2rem; line-height: .38rem; border-left: 5px solid transparent; } .inner_left>ul>li.on>a, .inner_left>ul>li.active>a, .inner_left>ul>li:hover>a { border-left: 5px solid #f19975; background: linear-gradient(to right, #57359b, #3251ee); } .inner_left>ul>li>ul>li.active>a { background: linear-gradient(to right, #57359b, #3251ee); padding: 0.1rem; border-left: 5px solid #f19975; } .inner_left>ul>li>ul>li.active>a span { color: #fff; } .inner_left>ul>li.on>a>h3, .inner_left>ul>li.active>a>h3, .inner_left>ul>li:hover>a>h3 { border-bottom: 1px solid transparent; font-weight: bold; color: #fff; } .inner_left>ul>li>a>h3 { font-size: .18rem; color: #434461; padding: .2rem 0; padding-left: .28rem; border-bottom: 1px solid #d4d4d4; } .inner_left>ul>li:last-child>a>h3 { border-bottom: none; } .inner_left>ul>li>span { position: absolute; right: .25rem; top: .25rem; width: .3rem; height: .3rem; background: url(../images/nav_l.png) no-repeat center center/.06rem auto; cursor: pointer; } .inner_left>ul>li.on>span { transform: rotate(90deg); } .inner_left>ul>li>ul { padding: 0 .2rem; background: #eaedfb; border-bottom: 1px solid #d4d4d4; display: none; } .inner_left>ul>li.active>ul { display: block; } .inner_left>ul>li>ul>li>a { display: block; padding: .15rem 0; padding-left: .4rem; line-height: .3rem; border-bottom: 1px solid #d4d4d4; } .inner_left>ul>li>ul>li:last-child>a { border-bottom: none; } .inner_left>ul>li>ul>li>a span { position: relative; padding-left: .15rem; font-size: .16rem; color: #727391; } .inner_left>ul>li>ul>li>a span:after { content: ">"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .16rem; height: .16rem; line-height: .16rem; font-size: .16rem; color: #727391; } /* 师资列表 */ .sz_list h2 { font-size: .14rem; color: #434461; } .sz_list ul { display: flex; flex-wrap: wrap; margin: 0 -.1rem; } .sz_list ul li { width: 25%; padding: 0 .1rem; margin-top: .2rem; } .sz_list ul li a { display: block; background: #f3f4f9; line-height: .6rem; font-size: .18rem; color: #434461; text-align: center; border: 1px solid transparent; transition: all .6s; } @media screen and (min-width: 1025px) { .sz_list ul li:hover a { border: 1px solid #f19975; box-shadow: 0 0 10px #eee; font-weight: bold; color: #0048bf; } } @media screen and (max-width: 1024px) { .banner a::after { display: none; } .banner { padding-top: 60px; } .wrap_ph { display: block; } .local { margin-top: 0; } .local h2 { display: none; } .inner .wp, .local .wp { width: 93%; } .inner_left { display: none; } .inner_right { flex: none; width: 100%; } } @media screen and (max-width: 768px) { .local { margin-bottom: .2rem; } .sz_list ul li { width: 50%; } .inner .wp { padding-bottom: .3rem; } .adress p { display: block; align-items: center; } } /* 内容页 */ .art-main * { font-weight: inherit !important; } div#vsb_content img { display: inline-block; padding-right: 10px; } .art-main .art-tit { padding: 0 0.3rem; } .art-main .art-tit h3 { text-align: center; font-size: 0.24rem; } .art-main .art-tit h3 p { background: unset; } .art-main .art-tit p { margin-top: .15rem; line-height: .3rem; padding: .15rem .2rem; background: #eee; display: flex; flex-wrap: wrap; justify-content: center; } .art-main .art-tit p span { font-size: .16rem; color: #434461; margin: 0 .15rem; } .art-main .art-body { padding-top: 0.3rem; overflow: hidden; } table td p { text-indent: unset !important; } .art-main .art-body p { color: #333; text-indent: 2em; font-size: 0.18rem !important; line-height: 0.35rem !important; margin-bottom: 0.2rem !important; text-align: justify; word-wrap: break-word; position: relative !important; } .art-main .art-body p span { color: #333; text-indent: 2em; font-size: 0.18rem !important; line-height: 0.35rem !important; margin-bottom: 0 !important; text-align: justify; word-wrap: break-word; position: relative !important; } .art-main .art-body p strong { font-weight: bold !important; } .art-main .art-body img, .art-main .art-body video { max-width: 100% !important; height: auto !important; display: block !important; margin: 0 auto; } .art-main .art-body iframe { max-width: 100% !important; display: block; margin: 0 auto; } .art-main .art-body table { max-width: 98%; margin: 0 auto; } .art-main .art-body table td { padding: 5px 10px; line-height: 30px; } .firstRow td { /*border: unset !important;*/ } .art-main .cont-tit p { font-size: 0; text-align: center; padding-top: 0.22rem; line-height: 0.24rem; } .art-main .cont-tit p img { display: inline-block; vertical-align: middle; height: 0.18rem; margin-right: 0.05rem; } p.vsbcontent_start img { display: inline-block !important; } .art-main .cont-tit p span { display: inline-block; vertical-align: middle; font-size: 0.18rem; color: #666; margin: 0 0.3rem; } .art-info { font-size: .18rem; border-top: 0.03rem solid #0048bf; margin-top: 0.25rem; padding-top: .2rem; } .art-info p { text-indent: initial; line-height: 0.34rem; } .art-info p a { color: #666; } .art-info p:hover { color: #0048bf; } .art-info p:hover a { color: #0048bf; } /* 日期列表 */ .date-list li { position: relative; transition: all .6s; } .date-list li a::after { content: ""; position: absolute; left: 0; background: #0048bf; top: 0; bottom: 0; width: auto; right: 0; opacity: 0; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16); } .date-list li a { display: flex; align-items: center; background: #F8F8F8; margin-top: 0.4rem; padding: .26rem 0; background-position: center center; transition: all 0.5s; } .date-list li:first-child a { margin-top: 0; } .date-list li a:hover::after { width: 100%; opacity: 1; } .date-list li a .date { position: relative; z-index: 2; width: 1.2rem; height: 0.7rem; text-align: center; color: #0048bf; } .date-list li a .date p { font-size: 0.36rem; color: #0048bf; line-height: 1; margin-bottom: .1rem; } .date-list li:hover a .date p { color: #fff; } .date-list li:hover a .ssjg span { color: #fff; } .date-list li a .date span { display: block; font-size: 0.18rem; color: #666; } .date-list li:hover a .date span { color: #fff; } .date-list li a .txt { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; flex: 1; min-width: 0; /* line-height: 0.7rem; */ padding-left: .24rem; padding-right: .5rem; border-left: 1px solid #0048bf; min-height: .5rem; } .date-list li a .txt h2 { font-size: .22rem; color: #222222; line-height: 1; } .date-list li a .txt p { font-size: 0.16rem; margin-top: .15rem; color: #666; } .date-list li:hover a .txt { border-left: 1px solid #fff; } .date-list li:hover a .txt h2 { font-weight: bold; color: #fff; } .date-list li:hover a .txt p { color: #fff; } .j_pages { margin: 0.6rem auto 0; text-align: center; } .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 } .p_no_d { border-radius: 0.04rem; border: 1px solid #dadbdd; background: #0048bf; color: #fff !important; padding: 0px 0.16rem; } .p_fun_d { 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:hover { background: #0048bf; color: #fff !important; } .j_pages span { color: #919191; 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: #0048bf; color: #fff } .j_pages .qd { background: #0048bf; color: #fff; border-radius: 0.05rem; height: 0.3rem; line-height: 0.3rem; } @keyframes round_animate { to { transform: rotate(1turn); } } @media screen and (max-width:700px) { .date-list li a { margin-top: .15rem; padding: .15rem 0; } .date-list li a .txt { padding-left: .15rem; padding-right: .15rem; } .date-list li a .date p { font-size: .3rem; } .date-list li a .date { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .date-list li a .txt h2 { font-size: .18rem; } } /* 校园风光 */ .xyfg ul { display: flex; flex-wrap: wrap; margin: 0 -0.23rem; } .xyfg li { width: 33.3%; padding: 0 0.23rem; margin-bottom: 0.4rem; transition: all .6s; } .xyfg li a { display: block; position: relative; z-index: 1; padding: .15rem; padding-bottom: .5rem; background: #FFFFFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); transition: all .6s; } .xyfg li a::after { content: ""; position: absolute; left: 0; right: 0; /* top: 0; */ height: 1.3rem; bottom: 0; /* border: 1px solid #dcdcdc; */ background: #0048bf; z-index: -1; } .xyfg li h3 { position: absolute; left: .5rem; right: .5rem; bottom: .15rem; font-size: 0.14rem; color: #fff; line-height: .3rem; /* height: .6rem; */ transition: 0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xyfg li .pic { padding-top: 69.1%; } @media(min-width: 1025px) { .xyfg li:hover a { box-shadow: 0px 4px 10px 0px rgb(177 163 163 / 80%); } } @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; } .xyfg li h3 { left: .3rem; right: .3rem; bottom: .3rem; } .xyfg li a { padding: .15rem; } } @media(max-width: 768px) { .xyfg li { width: 50%; } .xyfg li:last-child { display: none; } .j_pages { margin-top: .2rem; } .art-body table { width: 100% !important; max-width: 100% !important; overflow: scroll; display: block !important; } .art-body table tr td { min-width: 100px; } } @media(max-width: 480px) { .xyfg li { width: 100%; padding: 0; margin-bottom: .15rem; } } /* 学院新闻 */ .newlist li a { position: relative; display: flex; flex-wrap: wrap; padding: .2rem; align-items: center; background: #FAFAFA; margin-bottom: .4rem; } .newlist li a::after { content: ""; position: absolute; top: 0; height: 100%; left: 0; background: #0048bf; background-size: cover; width: auto; right: 0; opacity: 0; } .newlist li .scale { position: relative; z-index: 6; width: 2.8rem; } .newlist ul li a .pic { padding-top: 70%; } .newlist li .cont { position: relative; z-index: 6; padding-left: .3rem; flex: 1; min-width: 0; } .newlist li .span { font-size: 0.18rem; color: #9E9E9E; line-height: 1.3; transition: 0.5s; margin-top: .15rem; } .newlist li h3 { font-size: 0.22rem; color: #222; line-height: 0.32rem; margin: .15rem 0 .15rem; transition: 0.5s; } .newlist li p { font-size: 0.16rem; line-height: .3rem; color: #666; max-height: 0.6rem\0; transition: 0.5s; } .newlist li h4 { justify-content: flex-end; opacity: 0; margin-top: 0.15rem; } @media(min-width: 1024px) { .newlist li a:hover::after { opacity: 1; } .newlist li:hover .span { color: #fff; } .newlist li a:hover h3, .newlist li a:hover p, .newlist li a:hover span, .newlist li a:hover span i, .tzgg li a:hover span, .tzgg li a:hover span i { color: #fff; } .newlist li a:hover span::after {} .newlist li a:hover h4 { opacity: 1; } } @media screen and (max-width: 1024px) { .newlist li a { padding: .15rem; margin-bottom: .15rem; } .newlist li h3 { font-size: .2rem; } .newlist li h4 { display: none; } } @media screen and (max-width: 768px) { .newlist li a { padding: .2rem; } .newlist li .scale { width: 2.3rem; } .newlist li .con { padding-left: .2rem; } .newlist li h3 { margin: .1rem 0; } .newlist li p { -webkit-line-clamp: 1; line-height: .28rem !important; } .ydmr_list li p { -webkit-line-clamp: 3; line-height: .28rem !important; } .newlist li span { padding-bottom: 0.1rem; } } @media screen and (max-width: 420px) { .newlist li .scale { width: 1.6rem; } .newlist li .con { width: calc(100% - 1.6rem); } } /* 师资详情页 */ .xzjj .fl01 { display: flex; flex-wrap: wrap; align-items: center; background: #F1F4F4; margin-bottom: 0.35rem; } .xzjj .fl01 .scale { width: 2rem; } .xzjj .fl01 .cont { width: calc(100% - 2rem); padding: .4rem 0.6rem; } .xzjj .fl01 h3 { font-size: 0.42rem; color: #333; } .xzjj .fl01 h4 { font-size: .2rem; line-height: 38px; color: #333; margin: 0.25rem 0 0.2rem; } .xzjj .fl01 p { font-size: 0.18rem; line-height: 0.34rem; color: #333; } .xzjj .cont p { text-indent: 2em; font-size: 0.18rem; line-height: 1.8; color: #333; } .xzjj .fl01 .pic { padding-top: 135%; background-position: center top !important; background-size: cover !important; } @media(min-width: 1200px) {} @media(max-width: 1024px) { .xzjj .fl01 h3 { font-size: 0.3rem } .xzjj .fl01 h4 { margin: .15rem 0; } } @media(max-width: 768px) { .xzjj .fl01 { padding: .2rem 0; } .xzjj .fl01 .scale { width: 4.2rem; margin: 0 auto .25rem; } .xzjj .fl01 .cont { width: 100%; padding: 0 0.25rem; } /*div#vsb_content img { position: relative; left: -25px; }*/ .xzjj .fl01 h3, .xzjj .fl01 h4 { text-align: center; } } /* 新增师资详情 */ .nyrtit { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding-bottom: .15rem; border-bottom: 1px solid #c5c5c5; margin-bottom: .2rem; } .nyrtit:after { content: ""; position: absolute; left: 0; bottom: -.01rem; width: 1.2rem; height: 1px; background: #0048bf; } .nyrtit span { font-size: .32rem; color: #4d3333; } .sz-con { margin-top: 0.3rem; font-weight: revert; } .sz-con-t { overflow: hidden; background: #f3f4f9; padding: .2rem; margin-bottom: .4rem; } .ny-tit { border-bottom: 1px solid #d8232d; } .ny-tit a { display: inline-block; padding: 0 .4rem; line-height: .5rem; font-size: .18rem; color: #4d3333; } .ny-tit a.on { background: url(../images/ny_qhbg.png) no-repeat center bottom/100% 100%; font-weight: bold; color: #fff; } .ny-tit a:first-child.on { background: url(../images/ny_qhbg1.png) no-repeat center bottom/100% 100%; } .sz-con-b { padding-bottom: 0.5rem; } .sz-l { position: relative; float: left; width: 18%; } .pictx {padding-top: 133%;position: relative;overflow: hidden;} .pictx .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: 50%;background-repeat: no-repeat;background-size: cover;transition: all 0.3s ease-in;} .sz-l img { position: relative; z-index: 9; max-width: 150px; } .sz-r { display: flex; flex-wrap: wrap; overflow: hidden; padding-left: 0.15rem; } .sz-r>div { width: 50%; padding-right: .15rem; } .sz-r h2 { position: relative; font-size: 0.28rem; font-weight: 600; color: #3D3D3D; padding-bottom: .1rem; margin-bottom: .2rem; } .sz-r h2::after { content: ""; position: absolute; left: 0; width: 32px; height: 4px; background: #0048bf; bottom: 0; } .sz-r span { display: block; font-size: 0.18rem; color: #333333; font-weight: bold; padding-bottom: .15rem; } .sz-r p { font-size: .16rem; color: #4d3333; line-height: 0.32rem; margin: .05rem 0; } .sz-indue { margin-top: 0.3rem; } .sz-indue>h3 { position: relative; padding-left: .2rem; font-size: 0.24rem; font-weight: 600; line-height: 0.4rem; color: #0048bf; margin-bottom: .15rem; } .sz-indue>h3:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: .05rem; height: .05rem; border-radius: 50%; background: #0048bf; } .sz-indue>p { font-size: 0.18rem !important; line-height: 0.35rem !important; color: #666; /* border-bottom: 1px dashed #d4d4d4; */ padding: .1rem 0 0 0 !important; } .sz-indue strong { font-weight: revert; } .sz-indue>p span { font-size: 0.18rem !important; color: #666; } .sz-indue img { margin: 5px auto !important; display: block; } .sz-jxfx .cont p { font-size: .16rem !important; color: #434461; line-height: .32rem; } .jx_list h2 { font-size: .16rem; color: #0048bf; font-weight: bold; margin-top: .15rem; } .jx_list ul li { padding: .17rem 0; border-bottom: 1px dashed #d4d4d4; } .jx_list ul li p { font-size: .16rem; color: #434461; line-height: .32rem; } @media(max-width: 1024px) {} @media(max-width: 768px) { .sz-l { float: none; margin-left: auto; margin-right: auto; width: 2.1rem; } .sz-r { padding-left: 0; } } @media(max-width: 600px) { .sz-r>div { width: 100%; padding-right: 0; } .sz-r p { line-height: .32rem; margin: 0; } .sz-con-b { padding-bottom: 0; } .sz-indue>p span { display: block; } }