@charset "utf-8"; /* common */ .ban{position: relative;} .ban .imged {padding-bottom: 28%;} /* 手机内页二级导航 */ .wrap_ph{padding-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: #045fbd;} .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%);} .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;} .wrap_ph li a{transition:0.5s;display: block;color: #333;} .inner .wrap_ph{display: none;} .wrap_ph li.active a{color: #045fbd;} .inner {padding: 0.6rem 0 .75rem;position: relative;background: #f8f8f8;} .inner .wp{align-items: flex-start;} .inner_left { width: 2.6rem; z-index: 100; position: relative; border-radius:0.05rem;} .inner_right { width: calc(100% - 2.6rem);padding-left: .65rem;} .inner_left h2 {height: .95rem;color: rgb(255, 255, 255);font-size: 0.28rem;background: #045fbd;text-align: center;} .inner_left h2 p{color: #fff;line-height: .95rem;font-weight: bold;} .inner_left ul {background: #fff;/* border-left: 2px solid #045fbd; */box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);padding-bottom: .4rem;} .inner_left ul li {position: relative;transition: .5s;} .inner_left ul li p {padding: 0 0.25rem;height: 100%;height: .65rem;border-bottom: 1px solid #eee;display: flex;align-items: center;transition: 0.5s;border-left: 3px solid rgba(0,0,0,0);} .inner_left ul li p a {font-size: 0.19rem;display: block;cursor: pointer;width: 100%;color: #333;transition: .5s;position: relative;line-height: .3rem;} .inner_left ul li:last-child p{border-bottom:none;} .inner_left ul li p a::after{content: "";position: absolute;top: 50%;right: 0;width: .09rem;height: 0.17rem; background: url(../images/jt2.png) no-repeat;background-size: 100%;transform: translateY(-50%);opacity:0;} .inner_left ul li:hover p, .inner_left ul li.active p{border-left: 3px solid #f18d00;} .inner_left ul li:hover p a, .inner_left ul li.active p a {color: #045fbd;/* background: url(../images/jt2.png) no-repeat right 0.1rem center; */} .inner_left ul li.active p a::after,.inner_left ul li:hover p a::after{opacity:1;} .nysubnav {background: #eaf0fa;display: none;} .inner_left ul li.active .nysubnav{display: block;padding-left: .3rem;} .nysubnav a { padding: 0px 0.3rem; line-height: 0.4rem; display: block; font-size: 0.16rem; } .nysubnav a:hover, .nysubnav a.on {color: #045fbd;} .local {border-bottom: 1px solid #ccc;padding: 0rem 0px 0.15rem;margin-bottom: .4rem;justify-content: space-between;align-items: center;} .local h2{color: #000;font-size: 0.28rem;padding-left: .15rem;border-left: 5px solid #f18d00;} .adress {color: #666;font-size: 0.16rem;padding-left: .25rem;position:relative;align-items: flex-start;background-size: .19rem;} .adress img {display:inline-block;width: 0.23rem;} .adress p{/* width: calc(100% - .23rem); *//* padding-left: .1rem; */line-height: 1.5;} .adress a {color: #666;transition: 0.5s;} .adress a:hover { color: #045fbd; } .inn_com{padding: 0rem 0 0.4rem;} .inn_com p{text-align:justify;} /* jianjie */ .jjy{/* padding-top: 0.2rem; */} .jjy p{text-indent: 2em;} /* 新闻 */ /* 学院新闻 */ .newlist li{margin-bottom: .4rem;} .newlist li a{padding: .3rem;align-items: center;background: #fff;} .newlist li a::after{left: 0;background: #045fbd;} .newlist li .scale{width: 3.3rem;} .newlist li .con{width: calc(100% - 3.3rem);padding-left: .4rem;} .newlist li .con1{width:100%;padding-left: 0rem;} .newlist li span,.tzgg li span{font-size: 0.14rem;color: #999;line-height: 1.3;transition: 0.5s;border-bottom: 2px solid #f18d00;padding-bottom: 0.15rem;align-items: baseline;} .newlist li span i,.tzgg li i{font-style: normal;color: #045fbd;font-weight: bold;font-size: 0.24rem;transition: 0.5s;display: block;margin-right: .05rem;} .newlist li h3{font-size: 0.2rem;color: #333;line-height: 0.32rem;margin: .15rem 0 .2rem;transition: 0.5s;} .newlist li p{font-size: 0.16rem;color: #666;line-height: .28rem;max-height: 0.56rem\0;transition: 0.5s;} @media(min-width: 1024px){ .newlist li a:hover::after{width: 100%;} .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{border-bottom: 2px solid #fff;} } @media screen and (max-width: 1024px) { .newlist li a{padding: .2rem;} } @media screen and (max-width: 768px) { .newlist li a{padding: .2rem;} .newlist li .scale{width: 2.3rem;} .newlist li .con{width: calc(100% - 2.3rem);padding-left: .2rem;} .newlist li h3{margin:.1rem 0;} .newlist li p{-webkit-line-clamp: 2;line-height: .28rem !important;} .newlist li span{font-size:.16rem;} } @media screen and (max-width: 420px) { .newlist li .scale{width: 1.6rem;} .newlist li .con{width: calc(100% - 1.6rem);} } .page{margin: 0.4rem 0 0;} .page img{margin: 0 auto;display: block;} /* 通知公告 */ .tzgg li{margin-bottom: .4rem;} .tzgg li a{display: block;padding: .3rem .5rem;background: #fff;} .tzgg li a::after{background: #045fbd} .tzgg li .span{padding-bottom: .05rem;border-bottom: 1px solid #eee;align-items: center;justify-content: space-between;} .tzgg li span{border-bottom: none;width: 1.2rem;white-space: nowrap;text-align: center;padding: 0;} .tzgg li h3{font-size: 0.18rem;color: #333;width: calc(100% - 1.2rem);padding-right: .15rem;transition: 0.5s;} .tzgg li p{font-size: 0.16rem;color: #666;transition: 0.5s;margin-top: .1rem;} @media(min-width: 1024px){ .tzgg li a:hover::after{width: 100%;} .tzgg li a:hover h3,.tzgg li a:hover p{color: #fff;} } @media screen and (max-width: 768px) { .tzgg li a{padding: .2rem;} } /* 师资列表 */ .xrld ul{justify-content: space-between;} .xrld li{width: 48%;margin-bottom: .6rem;} .xrld li a{align-items: center;box-shadow: 0px 2px 8px 0px rgba(10, 11, 24, 0.1);background: #fff;} .xrld li a::after{background: #0f55a6;width: 100%;height: 0;} .xrld li .scale{width: 2.15rem;} .xrld li .con{width:calc(100% - 2.15rem);padding: .3rem .25rem;} .xrld li h3{font-size: 0.22rem;color: #333;line-height: 0.32rem;padding-bottom: .15rem;border-bottom: 1px solid #eee;transition: 0.5s;} .xrld li h3::after{width: 0.83rem;height: 0.03rem;background: #0f55a6;bottom: -1.5px;} .xrld li p{font-size: 0.16rem;color: #666;line-height: 0.3rem;max-height: 0.9rem\0;margin-top: .2rem;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:after{background: #fff;} .xrld li a:hover h3,.xrld li a:hover p{color: #fff;} } @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.6rem;} .xrld li .con{width:calc(100% - 1.6rem);padding: .2rem .2rem;} } /* 内容页*/ .article .tit{font-size: 0.28rem;color: #000;line-height: 0.32rem;margin: 0.1rem 0 .25rem;text-align: center;} .article .conttime{padding: 0rem 0 .2rem;border-bottom: 1px dashed #ccc;margin-bottom: 0.2rem;text-align: center;} .article .conttime span{font-size: 0.16rem;color: #666;padding: 0 0.1rem;} .cont p{font-size: 0.16rem !important;color: #333 !important;line-height: 2 !important;text-align:justify;margin-bottom: .2rem;text-indent:2em;} .cont p img{margin: 0.3rem auto;display: block;} .new_miew{border: 1px solid #c9c9c9;padding: 0.3rem .3rem .2rem;margin-top:0.5rem;background: #fff;} .new_miew p{font-size: 0.2rem;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: #045fbd;} .new_miew p::after{width: 0.05rem;height: 0.05rem;border-radius: 50%;background: #045fbd;bottom: auto;top: .13rem;} @media(max-width: 1024px){ .new_miew{margin-top: .3rem;} .cont p{margin-bottom: .1rem;} } /* 简介页 */ .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: #045fbd;} .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.18rem;} .xyfg li{width: 33.3%;padding:0 0.18rem;margin-bottom: 0.4rem;} .xyfg li a{display: block;position: relative;z-index: 1;padding: .15rem;} .xyfg li a::after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #dcdcdc;background: #fff;z-index: -1;} .xyfg li h3{font-size: 0.22rem;color: #333;line-height: 0.3rem;text-align: center;transition: 0.5s;padding: .15rem 0;} .xyfg li .scale .imged{padding-bottom: 70%;} @media(min-width: 1025px){ .xyfg li a:hover h3{color: #045fbd;} } @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%;} } /* 组织机构 */ .zzjg .fl01{margin-bottom: .3rem;} .zzjg .fl01 h3{align-items: center;font-size: 0.24rem;color: #333;margin-bottom: .3rem;} .zzjg .fl01 h3 img{display: block;margin-right: .1rem;} .zzjg .fl01 ul{margin: 0 -0.15rem;} .zzjg .fl01 li{width: 33.3%;padding: 0 0.15rem;margin-bottom: .2rem;} .zzjg .fl01 li a{height: 0.6rem;align-items: center;background: #fff;border: 1px solid #ccc;transform: 0.5s;padding: 0 .15rem;} .zzjg .fl01 li span{width: 0.18rem;height: 0.19rem;background-size: 100% !important;transition: 0.5s;} .zzjg .fl01 li h4{font-size: 0.18rem;color: #333;width: calc(100% - 0.18rem);padding-left: .15rem;transition: 0.5s;} @media(min-width: 1025px){ .zzjg .fl01 li a:hover h4{color: #fff;} .zzjg .fl01 li a:hover span{} .zzjg .fl01 li a:hover{background: #045fbd;} } @media(max-width: 1024px){ .zzjg .fl01 ul{margin: 0 -0.1rem;} .zzjg .fl01 li{width: 33.3%;padding: 0 0.1rem;margin-bottom: .2rem;} } @media(max-width: 768px){ .zzjg .fl01 li{width: 50%;} } /* 翻页 */ .j_pages{margin: 0rem auto 0 auto;text-align: center;padding-top: .2rem;} .j_pages a{margin-bottom: .15rem;} @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: #045fbd;} .san-nav a:hover,.san-nav a.on{color: #045fbd;} @media screen and (max-width: 1200px) { } @media screen and (max-width: 1024px) { .inner_left,.inner_right .lm_top .adress{display: none;} .inner_right{width: 100%;padding-left: 0;} .wrap_ph{display: block;/* background: #e2effa; */} .inner{min-height: 6rem;padding: .3rem 0;} .page{margin:.25rem 0 0;} .local{display: none;} .san-nav{display: block;} } @media screen and (max-width: 420px) { .inner{min-height:2rem;} } .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; } /* 师资内容 */ body .clear { clear: both; height: 0 !important; width: 0 !important; border: none !important; margin: 0 !important; padding: 0 !important; float: none !important; } .clearfix:after { content: ""; clear: both; display: block; overflow: hidden; font-size: 0; height: 0; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } .sz-con { margin-top: 0.57rem; } .sz-con .pic1 { position: relative; z-index: 1; padding-left: 0.1rem; padding-bottom: 0.1rem; } .sz-con .pic1::before { content: ''; position: absolute; top: 0.15rem; right: 0.15rem; left: 0; bottom: 0; background: #002D70; z-index: -1; } .sz-con .pic1 img { display: block; width: 1.8rem; } .sz-t { margin-top: 0.26rem; } .sz-ty { overflow: hidden; padding-left: 1rem; } .sz-ty h3 { font-size: 0.3rem; font-weight: normal; color: #002D70; } .sz-ty>div { margin-top: 0.16rem; } .sz-ty>div p { font-size: 0.18rem; line-height: 0.44rem; color: #666666; background-size: 0.05rem auto; padding-left: 0.25rem; } .sz-d { position: relative; z-index: 1; } .sz-d::before { content: ''; position: absolute; top: 0.15rem; bottom: 0; left: 0.15rem; border-left: 1px solid rgba(13, 66, 167, 0.1); z-index: -1; } .sz-box { margin-top: 30px; } .sz-box h4 { font-size: 0; padding-left: 0.8rem; margin-bottom: 0.3rem; background-image: url(../images/sz-dot.png); background-repeat: no-repeat; background-size: 0.29rem auto; background-position: left center; } .sz-box h4 span { display: inline-block; font-family: 'sySong'; font-size: 0.26rem; font-weight: bold; color: #002D70; } .sz-box p { font-size: 0.16rem; line-height: 0.28rem; color: #666666; padding-left: 0.8rem; } .sz-p p { text-indent: 2em; margin-top: 0.3rem; } .sz-p p img{ margin:10px auto; display:block; height:auto!important; } .sz-p p:first-child { margin-top: 0; } @media screen and (max-width: 1100px) { .sz-ty>div { padding: 10px 0 0 25px; } .sz-ty h3 { padding-left: 25px; } } @media screen and (max-width:900px) { .sz-t .pic { float: none; margin: 0 auto; } .sz-ty h3 { padding-left: 0; text-align: center; margin-top: 10px; } .sz-ty>div { padding: 0 20px; } } @media screen and (max-width:768px) { .sz-con { margin-top: 0.25rem; } .sz-t { margin-top: 0.2rem; } .sz-ty h3 { font-size: 0.26rem; } .sz-box h4 span { font-size: 0.26rem; } .sz-box p { font-size: 0.18rem; line-height: 0.3rem; padding-left: 0.5rem; } .sz-box h4 { background-size: 0.25rem auto; padding-left: 0.5rem; } .sz-d::before { left: 0.12rem; } @media screen and (max-width:640px) { .sz-ty h3 { padding-left: 20px; } .sz-ty>div { padding-left: 20px; } } @media screen and (max-width:480px) { .sz-con { display: flex; flex-wrap: wrap; justify-content: center; } .sz-con .sz-r { width: 100%; } .sz-r { width: calc(100% - 2rem); } .sz-ty { padding-left: 0; } .sz-ty h3 { padding-left: 0; text-align: center; } .sz-ty>div p { line-height: 0.34rem; } }