@charset "utf-8"; /* common */ .header_top{position: relative;} .ban{position: relative;} .ban .imged {padding-bottom: 25%;} /* 手机内页二级导航 */ .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: #1f4ca0;} .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;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: #1f4ca0;} .inner {padding: 0.55rem 0 1rem;position: relative;/* background: #e2effa; */} .inner .wp{align-items: flex-start;} .inner_left { width: 2.6rem; z-index: 100; position: relative; margin-bottom: 0.4rem; } .inner_right { width: calc(100% - 2.6rem);padding-left: .7rem;} .inner_left h2 {color: rgb(255, 255, 255);font-size: 0.3rem;background: #1f4ca0;text-align: center;} .inner_left h2 p{color: #fff;line-height: .8rem;font-weight: bold;} .inner_left ul {background: #fff;border-left: 2px solid #1f4ca0;box-shadow: 0px 4px 12px 0px rgba(10, 11, 24, 0.2);padding-bottom: .4rem;} .inner_left ul li {position: relative;transition: .5s;} .inner_left ul li p {padding: .25rem .25rem .25rem .4rem;height: 100%;border-bottom: 1px solid #f8f8f8;/* text-align: center; */} .inner_left ul li p a {font-size: 0.22rem;display: block;cursor: pointer;width: 100%;color: #333;transition: .5s;position: relative;line-height: 1.4;} .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;transition: 0.5s; background: url(../images/jt2.png) no-repeat;background-size: 100%;transform: translateY(-50%);opacity:0;} .inner_left ul li:hover, .inner_left ul li.active {/* background: #f6eced; */} .inner_left ul li:hover p a, .inner_left ul li.active p a {color: #1f4ca0;/* background: url(../images/jt2.png) no-repeat right 0.1rem center; */font-weight: bold;} .inner_left ul li.active p a::after,.inner_left ul li:hover p a::after{opacity:1;} .nysubnav {background: #f2f2f2;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: #1f4ca0;} .local {border-bottom: 1px solid #ccc;padding: 0rem 0px 0.15rem;margin-bottom: .3rem;justify-content: space-between;align-items: center;} .local h2{color: #333;font-size: 0.3rem;} .adress {color: #666;font-size: 0.14rem;/* margin-bottom: .25rem; *//* padding-left: .35rem; */position:relative;align-items: flex-start;} .adress img {display:inline-block;width: 0.23rem;} .adress p{/* width: calc(100% - .23rem); *//* padding-left: .1rem; */line-height: 1.5;font-size: .14rem;color: #666;} .adress a {font-size: 0.14rem;color: #666;transition: 0.5s;} .adress a:hover { color: #1f4ca0; } .inn_com{padding: 0rem 0 0.4rem;} .inn_com p{text-align:justify;} /* jianjie */ .jjy{/* padding-top: 0.2rem; */} .jjy p{text-indent: 2em;} /* 新闻列表1 */ .newlist1 ul.list li a{padding:.2rem 0;} ul.list{margin-top: .1rem;} ul.list li a{align-items: center;line-height: 1.6;justify-content: space-between;padding: .15rem 0;border-bottom: 1px dashed #d2d2d2;} ul.list li a::after{width: 0;height: 1px;background: #1f4ca0;} ul.list h3{width: calc(100% - 1.1rem);font-size: 0.18rem;color: #333;padding: 0 .2rem 0 0.15rem;transition: 0.5s;position:relative;} ul.list li a > span{width: 1.1rem;text-align: right;white-space: nowrap;font-size: 0.16rem;color: #666;} 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%;} .page{margin: .6rem 0 0;} .page img{display: block;margin: 0 auto;} @media(min-width: 1025px){ ul.list li a:hover h3{color: #1f4ca0;} ul.list li a:hover::after{width: 100%;} ul.list li a:hover{border-bottom:1px solid rgba(0,0,0,0);} } .tbsc TABLE{ width:95%; margin:0 auto; border-collapse:collapse; border:1px solid #bbb; } .tbsc TABLE TD{ border:1px solid #bbb; padding:0px 5px; line-height: 200%; } .tbsc TABLE TD{ word-break: break-all; } .tbsc TABLE TD P { text-indent: 0px !important; margin: 0px !important; font-size: 14px;} /* 学院新闻 */ .newlist li{/* margin-bottom: .4rem; */} .newlist li a{padding: .4rem 0;align-items: center;} .newlist li a::after{left: -.3rem;background: #1f4ca0;} .newlist li .scale{width: 3.3rem;} .newlist li .con{width: calc(100% - 3.3rem);padding-left: .4rem;} .newlist li span{font-size: 0.2rem;color: #1f4ca0;line-height: 0.28rem;transition: 0.5s;} .newlist li h3{font-size: 0.18rem;color: #333;line-height: 0.32rem;margin: .2rem 0;transition: 0.5s;} .newlist li p{font-size: 0.16rem;color: #999;line-height: .26rem;max-height: 0.52rem\0;transition: 0.5s;} @media(min-width: 1024px){ .newlist li a:hover::after{width: calc(100% + .6rem);} .newlist li a:hover h3,.newlist li a:hover p,.newlist li a:hover span{color: #fff !important;} } @media screen and (max-width: 1024px) { .newlist li a{padding:.3rem 0;} } @media screen and (max-width: 768px) { .newlist li a{padding: .1rem 0;} .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);} } /* 通知公告 */ .mtsj li *{transition: 0.5s;} .mtsj li a{height: 100%;align-items: center;padding: 0.3rem 0;border-bottom: 1px solid #eee;} .mtsj li:first-child a{padding-top: 0;} .mtsj li:last-child a{border-bottom: none;} .mtsj li .mtdate{width: .9rem;flex-direction: column;justify-content: center;text-align: center;height: .9rem; border: 1px solid #1f4ca0;white-space: nowrap;transition:0.5s;} .mtsj li .mt-r{width: calc(100% - .9rem);padding: 0 0 0 0.3rem;height: 100%;} .mtsj li .mtdate span{font-size: 0.3rem;color: #1f4ca0;} .mtsj li .mtdate p{font-size: 0.14rem;color: #333;text-align: center;margin-top: .1rem;color: #1f4ca0;} .mtsj li .mt-r h2{font-size: 0.2rem;color: #333;line-height: 0.3rem;margin-bottom: 0.15rem;width: 100%;} .mtsj li .mt-r p{font-size: 0.15rem;color: #808080;width: 100%;line-height: .24rem;max-height: .48rem\0;} @media(min-width: 1025px){ .mtsj li a:hover .mtdate{background: #1f4ca0;} .mtsj li a:hover .mtdate span,.mtsj li:hover .mtdate p{color: #fff;} .mtsj li:hover h2,.mtsj li:hover .mt-r p{color:#1f4ca0;} } /* 内容页*/ .article .tit{font-size: 0.24rem;color: #222;line-height: 0.32rem;margin: 0.1rem 0;text-align: center;} .article .conttime{padding: 0.15rem 0;border-bottom: 1px solid #ccc;margin-bottom: 0.2rem;text-align: center;} .article .conttime span{font-size: 0.14rem;color: #666;padding-right: 0.5rem;} .article .conttime span span{padding-right:0;} .article .cont p{font-size: 0.18rem !important;color: #333 !important;line-height: 2 !important; text-indent: 2em;} .article .cont p span{font-size: 0.16rem !important;color: #333 !important;line-height: 2 !important;} .article .cont p video{ height: auto !important;margin: 0 auto; display: block; } @media screen and (min-width: 600px){ } .new_miew{border-top: 1px solid #c9c9c9;padding-top: 0.3rem;margin-top:0.5rem;} .new_miew p{font-size: 0.16rem;color: #222;line-height: 2;margin-bottom: 0.1rem;} .new_miew p a{transition: 0.5s;} .new_miew p:hover a{color: #1f4ca0;} @media(max-width: 1024px){ .new_miew{margin-top: .3rem;} .cont p{margin-bottom: .1rem;} .tbsc{overflow:auto;} .tbsc table{width:800px !important;} } /* 校园风光 */ .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.5rem;text-align: center;height: 50px;transition: 0.5s;padding-top: .05rem;} .xyfg li .scale .imged{padding-bottom: 57%;} @media(min-width: 1025px){ .xyfg li a:hover h3{color: #1f4ca0;} } @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{height: 0.4rem;line-height: 0.4rem;} } @media(max-width: 768px){ .xyfg li{width: 50%;} .xyfg li:last-child{display:none;} } /* 师资列表 */ .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: #1f4ca0;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: #1f4ca0;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 !important;} } @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;} } /* 组织机构 */ .dzjg .fl01{margin-bottom: .4rem;position: relative;top: 30px;} .dzjg .fl01>h3{height: 0.65rem;width: 100%;line-height: 0.65rem;border-left: 0.03rem solid #1f4ca0;font-size: 0.2rem;color: #fff;font-weight: bold;padding-left: .3rem;margin-bottom: .2rem;} .dzjg .fl01>h3::after{left: 0.03rem;width: auto;right: 0;background: #1f4ca0;} .dzjg .fl01 ul{margin: 0 -0.23rem;} .dzjg .fl01 li{width: 25%;padding: 0 0.23rem;height: 0.95rem;margin-bottom: .2rem;display: flex;align-items: center;} .dzjg .fl01 li h3{border-bottom: 1px solid #e5e5e5;display: block;transition: 0.5s;width: 100%;font-size: .16rem;color: #333;line-height: 1.5;height: 100%;display: flex;flex-wrap: wrap;align-items: center;} .dzjg .fl01 li h3::after{height: 0.02rem;background: #1f4ca0;left: 50%;transform: translateX(-50%);} .dzjg .fl01 li h3 a{transition: 0.5s;display: contents;line-height: 1.2;display: inline-block\0;max-width: 100%;} @media(min-width: 1024px){ .dzjg .fl01 li h3 a:hover{color: #1f4ca0; } .dzjg .fl01 li h3:hover::after{width: 30%;} } @media screen and (max-width: 1024px) { .dzjg .fl01 ul{margin: 0 -0.1rem;} .dzjg .fl01 li{width: 33.3% !important;padding: 0 0.1rem;} } @media screen and (max-width: 768px) { .dzjg .fl01{margin-bottom: .3rem;} .dzjg .fl01 li{width: 50% !important;} } @media screen and (max-width: 420px) { .dzjg .fl01 li{margin-bottom:0;height:1.2rem;width: 100% !important;} } /* 三级栏目展开 */ .inner{min-height: 7rem;} .erji-nav li{margin-bottom: .5rem;} .erji-nav h3{height: 0.5rem;width: 100%;background: #f0e5e5;font-size: 0.24rem;color: #1f4ca0;line-height: 0.5rem;padding: 0 .2rem;} .erji-nav .erji-down{padding: .3rem;background: #f8f8f8;display: none;} .erji-nav .erji-down p{font-size: 0.18rem;color: #333;line-height: 0.3rem;} /* 翻页 */ .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} .j_pages .on{background: #1f4ca0;color: #fff;} .j_pages a:hover{background: #1f4ca0;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: #1f4ca0; color:#fff} .j_pages .qd{background: #1f4ca0;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: #f7f7f7;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: #1f4ca0;} .san-nav a:hover,.san-nav a.on{color: #1f4ca0;} @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{padding: .3rem 0;} .page{margin:.25rem 0 0;} .local h2{display: none;} .san-nav{display: block;} .local{margin-bottom: 0.2rem;} } @media screen and (max-width: 768px) { .j_pages{margin:0.3rem auto 0;} }