@charset "utf-8"; /* common */ .header_top{/* position: relative; */} .ban{position: relative;} .ban .imged {padding-bottom: 25%;} /* 手机内页二级导航 */ .wrap_ph{padding-bottom: 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: #00785A;} .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.16rem;line-height: 0.36rem;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: #00785A;} .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: #00785A;} .inner {padding: 0.55rem 0 1rem;position: relative;/* background: #e2effa; */} .inner .wp{align-items: flex-start;} .inner_left {width: 2.8rem;z-index: 100;position: relative;margin-bottom: 0.4rem;position: sticky;top: 0;} .inner_right { width: calc(100% - 2.8rem);padding-left: .7rem;} .inner_left h2 {background: #00785A;text-align: center;height: 1rem;align-items: center;padding-left: 0.4rem;} .inner_left h2 p{color: #fff;line-height: .34rem;font-weight: 600;font-size: 0.3rem;padding-right: 0.15rem;} .inner_left ul {padding-bottom: 1rem;} .inner_left ul li {position: relative;transition: .5s;padding: 0 0.2rem;} .inner_left ul li p {padding: .2rem;height: 100%;border-bottom: 1px dashed #dde4e7;/* text-align: center; */} .inner_left ul li p a {font-size: 0.2rem;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: .07rem;height: 0.12rem;transition: 0.5s;background: url(../images/jt1.png) no-repeat;background-size: 100%;transform: translateY(-50%);} .inner_left ul li:hover p a, .inner_left ul li.active p a {color: #00785A;font-weight: bold;} .inner_left ul li.active p a::after,.inner_left ul li:hover p a::after{opacity:1;} .nysubnav {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: #00785A;} .local {border-bottom: 1px solid #ccc;padding: 0rem 0px 0.25rem;margin-bottom: .3rem;justify-content: space-between;align-items: center;} .local h2{color: #333;font-size: 0.3rem;} .local h2::after{width:1.4rem;height: 0.02rem;background: #00785A;bottom: -0.26rem;} .adress {color: #666;font-size: 0.16rem;position:relative;align-items: flex-start;} .adress p{padding-left: .3rem;line-height: 0.26rem;font-size: .14rem;color: #666;display: flex;} .adress a {font-size: 0.14rem;color: #666;transition: 0.5s;margin: 0 .05rem;} .adress a:hover { color: #00785A; } /* 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: #00785A;} 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.06rem;height: 0.06rem;background:#00785A;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: #00785A;} ul.list li a:hover::after{width: 100%;} ul.list li a:hover{border-bottom:1px solid rgba(0,0,0,0);} } /* 学院新闻 */ .newlist li{margin-bottom: .55rem;} .newlist li a{padding: .3rem 0;align-items: center;border-bottom: 1px solid #D8D8D8;} .newlist li a::after{width: 100%;background: #00785A;opacity: 0;} .newlist li .scale{width: 2.5rem;} .newlist li .con{width: calc(100% - 3.3rem);padding: 0 .3rem;} .newlist li .date{width: .8rem;text-align: center;white-space: nowrap;} .newlist li h3{font-size: 0.2rem;color: #333;line-height: 0.32rem;transition: 0.5s;margin-bottom: 0.15rem;} .newlist li h4{font-size: 0.16rem;color: #999;line-height: .28rem;max-height: 0.56rem\0;transition: 0.5s;} .newlist li .line{width: 0.38rem;height: 0.03rem;background: #00785A;margin: 0.1rem 0 0.15rem;} .newlist li span{font-size: 0.3rem;color: #00785A;line-height: 1.1; } .newlist li p{font-size: 0.16rem;color: #00785A;margin-top: 0.1rem;} /* .newlist li:nth-child(2n) .date{order: -1;} .newlist li:nth-child(2n) .scale{order: 3;} */ @media(min-width: 1024px){ .newlist li a:hover{padding: 0.3rem;} .newlist li a:hover::after{opacity: 1;} .newlist li a:hover h3,.newlist li a:hover h4,.newlist li a:hover span,.newlist li a:hover p{color: #fff;} .newlist li a:hover h3{font-weight: bold;} .newlist li a:hover span{-webkit-text-fill-color:#fff} } @media screen and (max-width: 1024px) { .newlist li a{padding: .2rem 0;} } @media screen and (max-width: 768px) { .newlist li .scale{width: 2.3rem;} .newlist li .con{width: calc(100% - 2.3rem);padding-left: .2rem;} .newlist li .scale{width: 2.3rem;} .newlist li .con{width: calc(100% - 3.1rem);padding: 0 .2rem 0 0.25rem;} .newlist li .date{width: .8rem;padding-left: 0.2rem;} .newlist li:nth-child(2n) .date{order:3;} .newlist li:nth-child(2n) .scale{order: -1;} } @media screen and (max-width: 480px) { .newlist li .scale{width: 100%;margin-bottom: 0.25rem;} .newlist li .con{width: calc(100% - .8rem);padding:0 0.2rem 0 0;} } /* 通知公告 */ .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 #00785A;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: #00785A;} .mtsj li .mtdate p{font-size: 0.14rem;color: #333;text-align: center;margin-top: .1rem;color: #00785A;} .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: #00785A;} .mtsj li a:hover .mtdate span,.mtsj li:hover .mtdate p{color: #fff;} .mtsj li:hover h2,.mtsj li:hover .mt-r p{color:#00785A;} } /* 内容页*/ .article .tit{font-size: 0.3rem;color: #222;line-height: 0.32rem;margin: 0.1rem 0;text-align: center;} .article .conttime{padding: 0.15rem 0 0.25rem;border-bottom: 1px solid #ccc;margin-bottom: 0.2rem;text-align: center;display: flex;justify-content: center;align-items: center;} .article .conttime span{font-size: 0.14rem;color: #666;padding:0 0.3rem;align-items: center;display: flex;} .article .conttime span img{display: inline-block;margin-right: 0.1rem;} .article .cont p{font-size: 0.18rem !important;color: #333 !important;line-height: 2 !important;text-align:justify;margin-bottom: .2rem;text-indent: 2em;} .article .cont p span{font-size: 0.18rem !important;color: #333 !important;line-height: 2 !important;} .article .cont p img,.article .cont p video{ height: auto !important;max-width: 100% !important;display: block;margin: 0 auto;} .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;display: flex;align-items: center;} .new_miew p:hover a{color: #00785A;} .new_miew p img{display: inline-block;margin-right: 0.1rem;width: 0.17rem;} @media(max-width: 1024px){ .new_miew{margin-top: .3rem;} .cont p{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.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: #00785A;} } @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: #00785A;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: #00785A;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: .35rem;position: relative;} .dzjg .fl01>h3{width: 100%;overflow: hidden;margin-bottom: .25rem; background: linear-gradient( 90deg, rgb(20,109,176) 1%, rgb(27,163,189) 100%);display: flex;align-items: center;height: 0.7rem;} .dzjg .fl01>h3 span{font-size: 0.24rem;color: #fff;font-weight: 500;padding-left: .3rem;display: inline-block;} .dzjg .fl03>h3{background: linear-gradient( 90deg, rgb(20,109,176) 1%, rgb(27,184,163) 100%);} .dzjg .fl01 ul{margin: 0 -0.2rem;} .dzjg .fl01 li{width: 25%;padding: 0 0.2rem;display: flex;align-items: center;margin-bottom: 0.35rem;} .dzjg .fl01 li h3{display: block;transition: 0.5s;width: 100%;font-size: .16rem;color: #222;line-height: 1.3;text-align: center;background: #ecf3f6;height: 0.7rem;display: flex;align-items: center;justify-content: center;} .dzjg .fl02 li{width: 33.3%;} @media(min-width: 1024px){ .dzjg .fl01 li h3:hover{background: #036abb;} .dzjg .fl01 li h3:hover a{color: #fff;} } @media screen and (max-width: 1024px) { .dzjg .fl01 ul{margin: 0 -0.1rem;} .dzjg .fl01 li{width: 33.3%;padding: 0 0.1rem;} } @media screen and (max-width: 768px) { .dzjg .fl01{margin-bottom: .3rem;} .dzjg .fl01 li{width: 50%} .dzjg .fl01>h3 span{font-size:.22rem;} } @media screen and (max-width: 420px) { .dzjg .fl02 li{width: 100%;} } /* 师资队伍 */ .szlist ul{margin: 0 -0.2rem 0.4rem;} .szlist li{width: 25%;padding: 0 0.2rem;margin-bottom: 0.1rem;} .szlist li .con{padding: 0.25rem 0 0;height: 1.1rem;} .szlist li h3{font-size: 0.2rem;color: #333;align-items: flex-end;margin-bottom: 0.15rem;} .szlist li span{display: inline-block;padding-left: 0.25rem;font-size: 0.16rem;color: #333;} .szlist li p{font-size: 0.14rem;color: #999;line-height: 0.26rem;word-break: break-all;} .szlist li .imged{padding-bottom: 135%;} @media(min-width: 1025px){ .szlist li a:hover h3{color: #00785A;} } @media screen and (max-width: 1200px) { .szlist ul{margin: 0 -0.2rem 0.2rem;} .szlist li{width: 25%;padding: 0 0.2rem;} .szlist li span{padding-left: .1rem;} } @media screen and (max-width: 1024px) { .szlist ul{margin: 0 -0.1rem 0.2rem;} .szlist li{width: 25%;padding: 0 0.1rem;} } @media screen and (max-width: 768px) { .szlist li{width: 33.3%;} } @media screen and (max-width: 420px) { .szlist li{width: 50%;} } /* 学院领导 */ .xyld{overflow-x: auto;background: rgba(224,235,240,.2);padding-bottom: 0.4rem;} .xyld table{width: 100%;} .xyld table th{text-align: left;font-weight: bold;font-size: 0.2rem;padding: 0.25rem 0.3rem;border-bottom: 1px solid rgba(30,122,149,.2);} .xyld table td {padding: 0.15rem 0.3rem;} .xyld table td p{font-size: 0.18rem;color: #666;line-height: 1.4;} .xyld table th:nth-child(1){width: 20%;} .xyld table th:nth-child(2){width: 15%;} .xyld table th:nth-child(3){width: 65%;} @media screen and (max-width: 768px) { .xyld table{width:800px;} } /* 历史沿革 */ .lsyg ul::after{width: 1px;height:100%;background: #ccdff0;bottom: auto;top: 0;left: 1.67rem;} .lsyg li{padding-bottom: 0.4rem;align-items: flex-start;display: flex;} .lsyg li h4{width: 1.67rem;font-size: 0.3rem;color: #036abb;} .lsyg li .con{width: calc(100% - 1.67rem);padding-left: 0.45rem;} .lsyg li h4 span{font-size: 0.36rem;font-family: geo;font-weight: bold;display:inline-block;padding-right:.05rem} .lsyg li .con::after{width: 0.24rem;height: 0.24rem;background-size: 100% 100%;bottom: auto;top: 0;left: -0.12rem;} .lsyg li h3{font-size: 0.24rem;font-weight: bold;margin-bottom: 0.2rem;line-height: 1.4; background-image: -webkit-linear-gradient(left,#227ab6,#10b79e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; color:#227ab6; } .lsyg li p{font-size: 0.2rem;color: #333;line-height: 1.6;margin-bottom: 0.05rem;} @media screen and (max-width: 1200px) { } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { .lsyg ul::after{width: 1px;height:100%;background: #ccdff0;bottom: auto;top: 0;left: 1.2rem;} .lsyg li{padding-bottom: 0.4rem;align-items: flex-start;display: flex;} .lsyg li h4{width: 1.2rem;font-size: 0.24rem;color: #036abb;} .lsyg li .con{width: calc(100% - 1.2rem);padding-left: 0.25rem;} .lsyg li h4 span{font-size: 0.28rem;} .lsyg li h3{font-size:.2rem;} } @media screen and (max-width: 420px) { } @media screen and (max-width: 1200px) { } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { } @media screen and (max-width: 420px) { } /* 三级栏目展开 */ .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: #00785A;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: #00785A;color: #fff;} .j_pages a:hover{background: #00785A;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: #00785A; color:#fff} .j_pages .qd{background: #00785A;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: #00785A;} .san-nav a:hover,.san-nav a.on{color: #00785A;} @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 .5rem;} .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;} } /*检索结果*/ .listFrame{ margin: 40px 0 0 0; } .listFrame a{ display: inline-block; }