@charset "utf-8";
/* common */
.header_top{position: relative;}
.ban{position: relative;}
.ban .imged {padding-bottom: 24%;}
/* 手机内页二级导航 */
.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: #9d1821;}
.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: #9d1821;}

.inner {padding: 0rem 0 .5rem;position: relative;/* background: #e2effa; */}
.inner .wp{align-items: flex-start;}
.inner_left {width: 2.95rem;z-index: 100;position: relative;margin-top: -1.1rem;background: #9d1821;overflow: hidden;}
.inner_right {width: calc(100% - 2.95rem);padding-left: .5rem;padding-top: .4rem;min-height: 500px;}
.inner_left h2 {height: 1.1rem;color: rgb(255, 255, 255);font-size: 0.3rem;}
.inner_left h2 p{color: #fff;line-height: 1.1rem;font-weight: bold;padding-left: .35rem;}

.inner_left ul {background: #f8f8f8;border-left: 2px solid #9d1821;padding-bottom: .4rem;}
.inner_left ul li {position: relative;transition: .5s;padding: 0 0.25rem;}
.inner_left ul li p {height: auto;border-bottom: 1px solid #ddd;display: flex;align-items: center;padding: 0.25rem 0 .25rem .25rem;position: relative;}
.inner_left ul li p::after{content: "";position: absolute;width: 0.04rem;height: 0.04rem;border: 1px solid #333;border-radius: 50%;left: 0.1rem;top: 50%;transform: translateY(-50%);}
.inner_left ul li p a {font-size: 0.18rem;display: block;cursor: pointer;width: 100%;color: #333;transition: .5s;position: relative;line-height: 26px;padding-right: 16px;}
.inner_left ul li p a::after{content: "";position: absolute;top: 50%;right: 0;width: .08rem;height: 0.13rem;transition: 0.5s;background: url(../images/jt1.png) no-repeat;background-size: 100% !important;transform: translateY(-50%);}

.inner_left ul li:hover p, .inner_left ul li.active p {border-bottom: 1px solid #9d1821;}
.inner_left ul li:hover p a, .inner_left ul li.active p a {color: #9d1821;}
.inner_left ul li:hover p::after,.inner_left ul li.active p::after{width: 0.12rem;height: 0.12rem;background: url(../images/h3-c2.png) no-repeat;background-size: 100%;border: none;}
/* .inner_left ul li.active p a::after,.inner_left ul li:hover p a::after{width:.13rem;height:.08rem;} */

.nysubnav {display: none;}
.inner_left ul li.active .nysubnav{display: block;}
.nysubnav a {padding: 0px 0.3rem 0 0.35rem;line-height: 0.5rem;display: flex;font-size: 0.16rem;color: #666;border-bottom: 1px dashed #ddd;transition: 0.5s;align-items: center;}
.nysubnav a i{font-size: .3rem;font-style: normal;display: inline-block;margin-right: .1rem;}


.nysubnav a:hover, .nysubnav a.on {color: #9d1821;border-bottom: 1px dashed #9d1821;}

.local {border-bottom: 1px solid #ddd;padding: 0rem 0px 0.15rem;margin-bottom: .3rem;justify-content: space-between;align-items: center;}
.local h2{color: #333;font-size: 0.24rem;font-weight: bold;}
.adress {color: #999;font-size: 0.14rem;padding-left: .25rem;position:relative;align-items: flex-start;background: url(../images/home.png) no-repeat left;}
.adress p{line-height: 1.5;}
.adress a {font-size: 0.14rem;color: #999;transition: 0.5s;}
.adress a:hover { color: #9d1821; }
.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: .4rem .3rem;align-items: center;border-bottom: 1px solid #ddd;}
.newlist li a::after{left: 0rem;background: #9d1821;}
.newlist li .scale{width: 3.3rem;}
.newlist li .con{width: calc(100% - 3.3rem);padding-left: .4rem;}
.newlist li span{font-size: 0.16rem;color: #9d1821;line-height: 0.28rem;transition: 0.5s;display: inline-block;}
.newlist li h3{font-size: 0.22rem;color: #333;line-height: 0.32rem;margin: .15rem 0 .3rem;transition: 0.5s;}
.newlist li p{font-size: 0.16rem;color: #666;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;}
}
/* @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);}
} */
.page{margin: 0.4rem 0 0;}
.page img{margin: 0 auto;display: block;}

/* 文字列表 */
.tzgg li a{padding: .25rem 0.1rem;border-bottom: 1px solid #eee;}
.tzgg li a::after{background: #9d1821;height:1px;}
.tzgg li h3{width: calc(100% - 1.2rem);font-size: 0.2rem;color: #333;transition: 0.5s;padding-right:.2rem;padding-left: .1rem;}
.tzgg li span{font-size: 0.18rem;color: #777;width: 1.2rem;text-align: right;transition: 0.5s;white-space: nowrap;}
.tzgg li h3 i{font-style: normal;color: #9d1821;}
.tzgg li h3::after{width: 0.05rem;height: 0.05rem;background: #9d1821;border-radius: 50%;bottom: auto;top: 50%;transform: translateY(-50%);}


@media(min-width: 1024px){
  .tzgg li a:hover::after{width: 100%;}
  .tzgg li a:hover h3,.tzgg li a:hover span,.tzgg li a:hover h3 i{color: #9d1821;}
  .tzgg li a:hover h3{transform:translateX(0rem);}

}

/*  内容页*/
.article{background: #f7f7f7;padding: 0.35rem 0.25rem;}

.article .tit{font-size: 0.24rem;color: #333;line-height: 0.32rem;margin: 0.1rem 0;text-align: center;}
.article .conttime{padding: 0.15rem 0;border-bottom: 1px dashed #ccc;margin-bottom: 0.4rem;text-align: center;display: flex;justify-content: center;}
.article .conttime span{font-size: 0.15rem;color: #999;padding:0  0.15rem;display: flex;align-items: center;}
.article .conttime span img{display: inline-block;margin-right: .1rem;}
.article .cont p{font-size: 0.16rem !important;color: #333 !important;line-height: 1.8 !important;text-align:justify;margin-bottom: .2rem;}
.article .cont p span{font-size: 0.16rem !important;color: #333 !important;line-height: 1.8 !important;font-family: 微软雅黑 !important;}

.article .cont img,.article {height: auto !important;}
.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.05rem;}
.new_miew p a{transition: 0.5s;}
.new_miew p:hover a{color: #9d1821;}

/* 校园风光 */
.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: 70%;}


@media(min-width: 1025px){	
	.xyfg li a:hover h3{color: #9d1821;}
}
/* 师资列表 */
.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: #9d1821;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: #9d1821;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;}
}
/* 翻页 */
.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: #9d1821;color: #fff;}
.j_pages a:hover{background: #9d1821;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: #9d1821; color:#fff}
.j_pages .qd{background: #9d1821;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: #9d1821;}
.san-nav a:hover,.san-nav a.on{color: #9d1821;}