@charset "utf-8";

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #164aa6;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav h1 { font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin: 0px; line-height: 50px; }
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: rgb(202, 158, 78); }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 33.33%;display: inline-block;margin-bottom: 0px;text-align: center;width: 100%;}
#sub_nav_content dt a { margin: 0px 20px; display: block; color: rgb(91, 83, 73); line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: rgb(215, 0, 41); border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: rgb(215, 0, 41); }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #164aa6;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

.n_banner{ position: relative; z-index: 1; padding-bottom: 33.33%;}
.n_banner img{ width: 100%; height:80%; object-fit: cover;}
.n_banner .parallax-content{top: 10%;top: 0\0;}
.n_banner .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: url(../images/n_ba_y.png) center bottom no-repeat; background-size: 100% auto;}
.n_banner .wp{ height: 100%;flex-direction: column;justify-content: flex-end;flex-wrap: wrap;}
.n_banner h3{ font-family: 'Bell MT'; text-shadow: 0px 5px .2rem rgba(0, 0, 0, 0.3);color: #fff;font-size: .7rem;} 
.n_banner p{ font-size: .18rem; color: #fff; line-height: .3rem;width: 9.8rem;max-width: 100%;padding: .16rem 0 .65rem;}

.n_container .wp, .n_banner .wp, .n_footer .wp{ width: 15.4rem;}
.n_pad1{ padding: 1rem 0; overflow: hidden;position: relative;z-index: 1;}

.about .fl1{ background: url(../images/about_b1.jpg) center bottom; background-size: cover;}
.about .fl1{ padding-bottom: 0;}
.about .fl1 .wp{ align-items: flex-end}
.about .fl1 .left{ width: calc(100% - 34.93%); padding: 0 5% 0 0;}
.about .fl1 .right{ width: 34.93%;}
.about .fl1 .right .img{ position: relative; z-index: 1;}
.about .fl1 .right .img .bg1{ position: absolute; bottom: 0; left: 35%; transform: translateX(-50%);max-width: 166%;z-index: -1;}

.about .fl2 .bg{ background: url(../images/about_b2.jpg) center bottom; background-size: cover;}

.list12{ margin: 0 -1.8vw;}
.list12 li{ margin-bottom: .5rem;}
.list12 .con{ width: 50%; padding: 0 1.8vw;}
.list12 .img .imgLi{ padding-bottom: 51.68%;}
.list12 .txt{position: relative; z-index: 1; padding: .45rem 0 0 .25rem;display: flex;flex-direction: column;justify-content: space-between; margin: -.26rem 0 0 .14rem; }
.list12 h4{ font-family: 'Bell MT';font-size: .32rem;}
.list12 p{ font-size: .13rem; color: #a5a5a5; line-height: .22rem;margin: .15rem 0 0;}
.list12 .txt::before{ content: ""; position: absolute; top: 0; height: 100%; left: 0; width: .03rem; background: #ff6d18;}
.list12 .txt::after{ content: ""; position: absolute; top: 0; height: 0; left: 0; width: .03rem; background: #1d56c2; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}

.about .fl2 .txt{ flex: 1; overflow: hidden; padding: .7rem 0 0;}
.about .fl2 .txt p{ font-size: .18rem; color: #fff; line-height: .32rem;}
.about .fl2 .img{ width: 50.44%; margin-left: 4vw}
.about .fl2 .img .ico1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center}
.about .fl2 .img .ico1 img{ width: auto; height: auto;position: relative;width: 1.08rem;}


.h3-1{ font-size: .32rem; color: #fff; font-family: 'Bell MT'; line-height: 1.35;margin: 0 0 .35rem;}

.n_footer{ background: #f4f6fa;}
.n_footer .fl2{ border-top: rgba(56,77,115,.1) 1px solid;}
.n_footer .fl2 p{ color: #222222;}
.n_footer .list11 li{ margin: 0 0 0 .24rem;}
.n_footer .list11 li img{ width: .46rem; height: .46rem;}

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .n_banner .parallax-content{ top: 0;}
    .n_banner .top{ background-size: 100% 1.2rem !important;}
}
@media(max-width: 800px){
    .n_pad1{ padding: .5rem 0;}
    .n_banner{ padding-bottom: 42.33%}
    .n_banner h3{ font-size: .3rem; width: 100%;}
    .n_banner p{ /*! display: none; */font-size: .13rem;line-height: 1.35;padding: .1rem 0 .2rem;}

    .about .fl1 .left{ width: 100%;padding: 0;}
    .about .fl1 .right{ /*! width: 100%; */margin: 0 auto;}
    
    .about .fl2 .txt{ width: 100%; flex: auto;padding: 0;}
    .about .fl2 .img{ width: 100%; margin: .3rem 0 0}

    .about .fl2 .img .ico1 img{ width: .7rem;}
    
    .h3-1{ font-size: .26rem; margin: 0 0 .25rem}

    .list12 h4{ font-size: .26rem !important;}

    .n_footer .list11 li{ margin: 0 .08rem;}
    .n_footer .list11 li img{ width: .36rem; height: .36rem;}

    .about .fl2 .txt p, .list12 p{ font-size: .16rem;}
}
@media(max-width: 560px){
    .list12 .con{ width: 100%;}
    .list12 li{ margin-bottom: .3rem;}
} 

.n_pb1{ padding: .2rem 0 1rem; overflow: hidden;}
.n_pb1 .left{ width: 3.8rem;}
.n_pb1 .right{ width: calc(100% - 3.8rem); padding: 0 0 0 .9rem;}

.list_saj li{ border-bottom: #e8e8e8 1px solid; padding: .24rem 0;}
.list_saj .a{ display: block; position: relative; z-index: 1; font-size: .26rem; color: #333; line-height: .46rem; padding: 0 0; transition: .5s;font-family: 'Bell MT r';}
.list_saj .a::before{ content: ""; position: absolute; top: 0; left: 0; width: .03rem; height: 0; background: #c30d23; }
.list_saj li.on .a{ padding: 0 0 0 .3rem; color: #c30d23; font-family: 'Bell MT';}
.list_saj li.on .a::before{ height: 100%;}

.mianbao{ border-bottom: #c30d23 1px solid; padding: .18rem 0; margin-bottom: .25rem;}
.mianbao *{ font-size: .14rem; color: #656565;line-height: .5rem;}
.mianbao a, .mianbao em{ font-family: Arial; font-weight: bold;text-transform: uppercase; transition: .5s;}
.mianbao em, .mianbao a:hover{ color: #c30d23}
.mianbao span{ margin: 0 .06rem; font-size: .16rem; }

.h2-1{ font-size: .48rem; color: #333; font-family: 'Bell MT'; line-height: 1.35;margin: 0 0 .3rem;}

.list13{ border-top: #c30d23 1px solid; border-bottom: #c30d23 1px solid; justify-content: space-between; padding: .3rem 0;margin-bottom: .36rem;}
.list13 li{ flex: 1; text-align: center;}
.list13 h3{ line-height: 1}
.list13 h3 big{ font-size: .36rem; color: #c30d23;font-weight: normal;}
.list13 h3 small{ font-size: .12rem; color: #c30d23;font-weight: normal;margin: 0 0 0 .04rem;}
.list13 h6{ font-size: .16rem; color: #333333; line-height: .2rem; font-weight: normal; margin: .2rem 0 0}

.n_bg1{ background: url(../images/n_bg1.jpg) center bottom no-repeat; background-size: 100% auto;}

.General-Information .ar_article .pg1{ background: #153da1; padding: .4rem .5rem; color: #fff;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .n_pb1 .left{ width: 100%; display: none;}
    .n_pb1 .right{ width: 100%;padding: 0;}

    #m_n_nav{ display: block;}
    .mianbao{ display: none;}
}
@media(max-width: 800px){
    .h2-1{ font-size: .3rem}
    .list13{ padding: .1rem 0}
    .list13 li{ margin: .1rem 0}
    .list13 h6{ margin: .1rem 0 0}
    
    .General-Information .ar_article .pg1{ padding: .25rem .2rem}
}
@media(max-width: 560px){
} 

.Anniversary-Message .img .ico1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center}
.Anniversary-Message .img .ico1 img{ width: auto; height: auto;position: relative;width: 1.08rem;}
.Anniversary-Message .box{ text-align: center;}
.Anniversary-Message .box h6{ font-size: .22rem; color: #222222; line-height: 1.35;font-weight: normal;margin: .3rem 0 0;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.n_tit1{ margin-bottom: .7rem; text-align: center;}
.n_tit1 h3{ font-size: .48rem; color: #222222; font-family: 'Bell MT'; display: inline-block; padding: 0 .38rem; position: relative; z-index: 1;}
.n_tit1 h3::before{ content: ""; position: absolute; background: url(../images/n_tit1_b1.png) center no-repeat;width: .23rem;height: .11rem;background-size: cover;left: 0;top: 50%;margin: -.055rem 0 0;}
.n_tit1 h3::after{ content: ""; position: absolute; background: url(../images/n_tit1_b2.png) center no-repeat;width: .23rem;height: .11rem;background-size: cover;right: 0;top: 50%;margin: -.055rem 0 0;}

.list14{ text-align: center; justify-content: center;align-items: center;}
.list14 li{ width: calc(33.33% - 1px); text-align: center; display: flex; justify-content: center; align-items: center; margin: .2rem 0;}
.list14 .a{ display: block;width: 100%;}
.list14 .line{ width: 1px; height: .66rem; background: #d6d6d6; }
.list14 h3 { font-size: 0.6rem; color: #c11623;  }
.list14 h6 { font-size: 0.2rem; color: #999999; line-height: 1.5;  margin: 0.1rem auto 0px; width: 2.8rem;max-width: 94%;}

.list15{ margin: 1rem -1.5625vw -.5rem 0;}
.list15 li{ width: 50%; padding: 0 1.5625vw; margin-bottom: .5rem;}
.list15 .img .imgLi{ padding-bottom: 54.66%;}
.list15 .txt{ position: relative; z-index: 1;margin: -1.06rem 0 0;height: 1.6rem;padding: .25rem .3rem 0 .3rem;width: calc(100% - .3rem);}
.list15 .txt::before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/list15_b1.png) center no-repeat; background-size: 100% 100% !important; transition:.5s;}
.list15 .txt::after{ content: ""; position: absolute; width: 2px; height: 100%; bottom: 0; left: 0; z-index: -1; background: #ff6d18; transition:.5s;}
.list15 h4{ position: relative; z-index: 1; font-size: .32rem; font-family: 'Bell MT'; padding: 0 .8rem 0 0;}
.list15 h4 .ico{ position: absolute; top: 0; right: .2rem}
.list15 h4 .ico img{ -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;width: .31rem; transition:.5s;}
.list15 p{ margin: .15rem 0 0; color: #999}

.n_tit2{ margin-bottom: .7rem; }
.n_tit2 h3{ font-size: .48rem; color: #222222; font-family: 'Bell MT';}
.n_tit2w h3{ color: #fff;}

.Admissions .fl2{ background: url(../images/Admissions_b1.jpg) center no-repeat; background-size: cover;}

.list16Box{ width: 8.6rem; max-width: 100%; margin-bottom: .3rem;}
.list16{ margin: 0 -7px; }
.list16 li{ padding: 0 7px; min-width: 50%; margin: 0 0 .36rem; }
.list16 .a{ display: block; position: relative; z-index: 1; padding: 0 .64rem 0 0;}
.list16 img{ width: .31rem; transition: .5s; opacity: 0; margin-left: .3rem;}
.list16 h4{ font-size: .18rem; color: #e9edf5 !important; line-height: 1.5; position: relative; z-index: 1; display: inline-block }
.list16 h4:before{ content: ""; position: absolute; bottom: .03rem; left: 0; width: 0; height: .06rem; background: #ff6d18; transition: .5s;z-index: -1;}

.more1{ display: inline-block; padding: 0 .2rem; line-height: .47rem; background: #ffffff; border-radius: 50vw; font-size: .22rem; color: #164aa6; font-family: 'Bell MT'; transition: .5s;}

@media(min-width: 1024px){
    .list15 .a:hover h4 .ico img{ -webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:none;}
    .list15 .a:hover .txt::before{ filter: drop-shadow(0 .06rem .16rem rgba(12, 54, 113, 0.17));}
    
    .list16 .a:hover h4:before{ width: 100%}
    .list16 .a:hover img{ opacity: 1}

    .more1:hover{ background: #ff6d18; color: #fff;}
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list15 li{ width: 100%;}

    .n_tit1 h3, .n_tit2 h3{ font-size: .3rem !important;}
    .n_tit1{ margin-bottom: .3rem;}

    .list14 li{ flex: 1; margin: 0 0 .2rem}
    .list14 h3{ font-size: .26rem;}
    .list14 h6{ font-size: .14rem}
    
    .list15{ margin: .3rem -1.5625vw -.5rem 0;}
    .list15 .txt{ margin: -.4rem 0 0;}
    .list15 h4 .ico img{ width: .24rem;}

    .list16 li{ margin: 0 0 .1rem;}

    .n_tit2{ margin: 0 0 .4rem;}
    .more1{ font-size: .18rem;}

    .list15 li{ margin-bottom: .3rem;}
}
@media(max-width: 560px){
} 

.table1{ margin-bottom: .2rem;}
.table1 tr th, .table1 tr td{ text-align: center;}

.list_sij{ margin: 0 -.1rem .5rem;}
.list_sij li{ width: auto; padding: .05rem .1rem;}
.list_sij .a{ display: inline-block; line-height: .46rem; border: #144ba9 1px solid; border-radius: 50vw;transition: .5s;padding: 0 .2rem;font-size: .22rem;color: #144ba9;/*! font-family: 'Bell MT'; */font-family: 'Bell MT r';transition: .5s;}
.list_sij li.on .a, .list_sij li .a:hover{ background: #c11623; color: #fff; border: #c11623 1px solid}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list_sij{ margin: 0 -.1rem .35rem; justify-content: center;}
    .list_sij .a{ font-size: .16rem;padding: 0 .1rem;}
    .ar_article table th{ font-size: .2rem;}
}
@media(max-width: 560px){
} 

.list17 .a{ display: block; padding: .36rem; transition: .5s;}
.list17 li:nth-child(2n-1) .a{ background: #f4f7fa;}
.list17 h4{ font-size: .24rem;}
.list17 p{ margin: .2rem 0 .25rem}
.list17 h6{ color: #12368f; font-size: .16rem;}

.pages{ align-items: center;margin: .5rem 0 0;}
.pages .svg svg{ width: .4rem; height: .4rem; fill: #b5b5b5; transition: .5s; cursor: pointer;;}
.pages .a{ width: .5rem; height: .5rem; display: flex; align-items: center; justify-content: center; font-size: .24rem;margin: 0 .4rem;}
.pages .cur{ color: #fff; background: #12368f;}
.pages .tol{ color: #333333; background: transparent;}
.pages .line{ width: 1px; height: .32rem; background: #707070; transform: rotate(15deg);}

@media(min-width: 1024px){
    .list17 li:hover{ position: relative; z-index: 1;}
    .list17 .a:hover{ box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.1);}
    .pages .svg:hover svg{ fill: #666666;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .pages .a{ width: .4rem; height: .4rem; font-size: .2rem; margin: 0 .2rem}
    .list17 .a{ padding: .2rem}
}
@media(max-width: 560px){
} 

.list18 li{ margin-bottom: .26rem;}
.list18 .a{ background: #f4f7fa; padding: .14rem; transition: .5s;}
.list18 .img{ width: 3.2rem; margin: 0 .26rem 0 0;}
.list18 .img .imgLi{ padding-bottom: 71.25%;}
.list18 .txt{ flex: 1; overflow: hidden;padding: .12rem 0; display: flex; flex-direction: column;justify-content: space-between;}
.list18 h4{ font-size: .24rem;}
.list18 p{ margin: .15rem 0 .3rem;}
.list18 h6{ color: #12368f;font-size: .16rem;}

@media(min-width: 1024px){
    .list18 .a:hover{ background: #12368f; box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.1);}
    .list18 .a:hover *{ color: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
    .list18 .img{ width: 100%; margin: 0 0 .1rem;}
    .list18 .txt{ flex: auto; width: 100%;}
}


.detail .left{ width: calc(100% - 4.14rem); padding: 0 .5rem 0 0;}
.detail .right{ width: 4.14rem;padding: .85rem 0 0 0;}

.detail .ar_tit{ border-bottom: #e5e5e5 1px solid; padding: 0 0 .4rem; margin-bottom: .45rem;}
.detail .ar_tit h3{ font-size: .4rem; color: #222222; line-height: 1.25;}
.detail .ar_tit h6{ font-size: .18rem; color: #666666; line-height: 1.25; font-style: italic; margin: .4rem 0 0;}

.ar_tj{ margin: .6rem 0 0; border-top: #e5e5e5 1px solid; padding: .4rem 0 0}
.ar_tj a{ display: block; font-size: .16rem; color: #000000; line-height: .3rem;padding: .05rem 0;transition: .5s;}
.ar_tj a b{ font-size: .18rem; font-weight: normal}

.hotnews h3{ background: #c30d23; height: .7rem; display: flex; align-items: center; padding: 0 .2rem; font-size: .34rem; color: #fff}
.list19{ background: #fcf8f8; padding: .2rem .2rem;}
.list19 li{ margin-bottom: .5rem}
.list19 h4{ font-size: .22rem; color: #222; line-height: .3rem}
.list19 h6{ font-size: .18rem; color: #666666; line-height: 1.25; font-style: italic; margin: .15rem 0 0;}
.list19 li:last-child{ margin-bottom: .3rem}

@media(min-width: 1024px){
    .ar_tj a:hover{ color: #1d56c2;}
}
@media(max-width: 1024px){
    .detail .left{ display: block; width: 100%; padding: 0;}
    .detail .right{ width: 100%;padding: .4rem 0 0;}

    .n_pb1{ padding: .3rem 0 .5rem;min-height: 60vh;}
}
@media(max-width: 800px){
    .list19 h4{ font-size: .2rem;} 
    .detail .ar_tit h3{ font-size: .26rem;}
    .detail .ar_tit h6{ margin: .205rem 0 0;}

    .ar_tj{ margin: .3rem 0 0; padding: .2rem 0 0}
    .hotnews h3{ background: #c30d23; height: .5rem; font-size: .24rem; }
    .list19 li{ margin-bottom: .3rem;}

    .detail .ar_tit{ padding: 0 0 .2rem; margin-bottom: .35rem;}
}
@media(max-width: 560px){
}

.list20{ text-align: center; justify-content: center;}
.list20 li{ width: 25%; text-align: center; display: flex; justify-content: center; margin: .2rem 0;}
.list20 .a{ display: block;width: 100%;}
.list20 h3{ font-size: 0.6rem; color: #c11623;  }
.list20 h6{ font-size: 0.2rem; color: #999999; line-height: 1.5;  margin: 0.1rem auto 0px; width: 3.6rem;max-width: 94%;}

.Research .fl2{ position: relative; z-index: 1;}
.Research .fl2::before{ content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 50%; background: url(../images/list21_i1.jpg) center no-repeat; background-size: cover;}
.Research .fl2::after{ content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; right: 0; width: 50%; background: url(../images/list21_i2.jpg) center no-repeat; background-size: cover;}

.list21{ margin: 0 -4.5vw;}
.list21 li{ width: 50%; padding: 0 4.5vw;}
.list21 h3{ font-size: .48rem; color: #fff;}
.list21 .ico{ margin: 1.3rem 0 0;width: .58rem;}
.list21 .ico img{ width: 100%}

.list22{ margin: 0 1.5px;}
.list22 li{ width: 33.33%; padding: 0 1.5px; margin-bottom: .3rem;}
.list22 h4{ margin: .25rem 0 0; padding: 0 .1rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list20 li{width: 50%;margin: .1rem 0;}
    .list20 h3{ font-size: .26rem;}
    .list20 h6{ font-size: .14rem}

    .list21 h3{ font-size: .3rem;}
    .list21 .ico{ margin: .5rem 0 0;width: .28rem;}

    .list22 li{ width: 100%;}
}
@media(max-width: 560px){
}

.Students .right{ width: 100%;}

.list23{ margin: .4rem -2.2vw -.65rem;}
.list23 li{ width: 33.33%; padding: 0 2.2vw; margin: 0 0 .65rem;}
.list23 .img .imgLi{ padding-bottom: 58.25%;}
.list23 .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list23_y.png) center 101% no-repeat; background-size: 100% auto;}
.list23 .txt{ margin: -.68rem 0 0 .25rem; position: relative; z-index: 1;border-left: #c30d23 .04rem solid;padding: 0 .25rem;height: 1.6rem;}
.list23 h4{ color: #fff !important;line-height: .3rem;min-height: .6rem;margin: 0 0 .25rem;}

.pages1{ margin: 1.4rem 0 0; text-align: center;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .list23{ margin-bottom: 0}
    .list23 li{ width: 100%;margin: 0 0 .3rem;}
}
@media(max-width: 800px){
    .pages1{ margin: .4rem 0 0}
}
@media(max-width: 560px){
}

.Campus .left{ width: 50%;}
.Campus .right{ width: 46.28%;}
.Campus .ar_article{ padding: .4rem .15rem .6rem;}
.Campus .ar_article p{ text-indent: 0;}

.list24 .a{ display: block; position: relative; z-index: 1;}
.list24 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;flex-direction: column;justify-content: space-between;padding: 8% 8%;}
.list24 h3{ font-size: .48rem; color: #fff}
.list24 .ico{ width: .58rem; }
.list24 .ico img{ width: 100%}
.list24 li{ margin-bottom: .58rem}
.list24 li.li1 .img .imgLi{ padding-bottom: 94.86%;}
.list24 li.li2 .img .imgLi{ padding-bottom: 38.64%;}
.list24 li.li3 .img .imgLi{ padding-bottom: 58.17%;}
.Campus .left .list24 li{ margin-bottom: 0;}
.Campus .right .list24 h3{ font-size: .35rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .list24 .ico{ width: .28rem; }
}
@media(max-width: 800px){
    .list24 h3{ font-size: .3rem !important;}
    .Campus .left{ width: 100%;}
    .Campus .right{ width: 100%;}
    .Campus .left .ar_article{ padding-bottom: 0;}
    .Campus .right .ar_article{ padding-top: .24rem;}
    .list24 li{ margin-bottom: .25rem;}
}
@media(max-width: 560px){
    .list24 .txt{ padding: .25rem;}
}

.list25 li{ margin-bottom: .9rem;}
.list25 .a{ align-items: flex-start; position: relative; z-index: 1;}
.list25 .a::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #ede3dc 1px solid; z-index: -1; background: #fff; transform: translate(.2rem,.2rem);}
.list25 .a::before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0;  z-index: -1; background: url(../images/list25_y.png) center 100% no-repeat; transform: translate(.2rem,1.2rem);top: 0; background-size: 100% auto;}
.list25 .img{ width: 4.8rem; margin: 0 .6rem 0 0;}
.list25 .txt{ flex: 1; overflow: hidden;padding: .7rem 0 0;}
.list25 h6{ color: #c30d23}
.list25 h4{ margin: .2rem 0 0; font-size: .3rem; line-height: 1.35;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list25 li{ margin-bottom: .5rem}
    .list25 .img{ width: 100%;margin: 0;}
    .list25 .txt{ flex: auto; padding: .3rem .2rem 0;}
    .list25 .a::after{ transform: translate(0,.2rem);}
    .list25 .a::before{ transform: translate(0,.2rem);}
}
@media(max-width: 560px){
}

.list26{ margin: 0 -1.7vw;}
.list26 li{ width: 50%; padding: 0 1.7vw; margin-bottom: .4rem;}
.list26 .a{ display: block; position: relative; z-index: 1;}
.list26 .img .imgLi{ padding-bottom: 53.46%;}
.list26 .txt{ position: absolute; right: 0; bottom: 0; left: 0;padding: .25rem .4rem;}
.list26 h4{ font-size: .3rem; color: #fff !important;}

.list26 li:first-child{ width: 100%;}
.list26 li:first-child .img .imgLi{ padding-bottom: 38.47%;}
.list26 li:first-child .txt{ padding: .3rem .4rem;}
.list26 li:first-child h4{ font-size: .48rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list26 li{ margin-bottom: .25rem;}
    .list26 .txt, .list26 li:first-child .txt{ padding: .1rem .2rem;}
    .list26 h4{ line-height: 1.25 !important;}
}
@media(max-width: 560px){
}

.list27 .a{ align-items: center;}
.list27 .img{ width: 9rem;}
.list27 .img .imgLi{ padding-bottom: 71%;}
.list27 .txt{ width: calc(100% - 9rem); position: relative; z-index: 1;}
.list27 .con{ margin: 0 0 0 -2rem; background: rgba(255,255,255,.95); padding: .6rem; border-left: #ff6d18 .04rem solid;}
.list27 .con .n_tit2{ margin-bottom: 0}
.list27 h3{ font-size: .48rem; color: #222222;}
.list27 .ar_article{ margin: .2rem 0 .4rem;}
.list27 p{ text-indent: 0;}

.International .fl2{ padding: 0;}
.International .fl2 .ar_article img{ margin: 0 auto;}

.International .fl3{ background: #164aa6;  }

.list16s1{ width: 50%; margin: 0;}
.list16s1 li{ width: 100%; padding: 0;}
.list16s1 h4{ font-size: .22rem;}

.International .fl4{ z-index: 3; overflow: visible;}
.list28{ margin: 0 -1.35vw -3.45rem;;}
.list28 li{ width: 50%; padding: 0 1.35vw; margin-bottom: .6rem;}
.list28 li:nth-child(3){ margin-left: 50%;}
.list28 li:nth-child(2), .list28 li:nth-child(3){ transform: translateY(-3.45rem); }
.list28 .txt{ position: relative; z-index: 1; box-shadow: 0px 6px .5rem 0px rgba(12, 54, 113, 0.1);}
.list28 .con{ background: rgba(255,255,255,.95); padding: .3rem; border-left: #ff6d18 .04rem solid;}
.list28 .con .n_tit2{ margin-bottom: 0}
.list28 h3{ font-size: .48rem; color: #222222;}
.list28 .ar_article{ margin: .2rem 0 0;}
.list28 p{ text-indent: 0;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .list27 .img{ width: 100%}
    .list27 .txt{ width: 100%}
    .list27 .con{ margin: 0;padding: .25rem;}
}
@media(max-width: 800px){
    .list16s1{ width: 100%}
    .list28{ margin: 0 -1.35vw 0;}
    .list28 li{ width: 100%; margin-bottom: .3rem;}
    .list28 li:nth-child(3){ margin-left: 0%;}
    .list28 li:nth-child(2), .list28 li:nth-child(3){ transform: translateY(0); }
    .list16s1 h4{ font-size: .18rem;}
    .list28 .con{ margin: 0;padding: .25rem;}
}
@media(max-width: 560px){
}

.list29{ margin: .8rem -.08rem .3rem;}
.list29 li{ width: 25%; padding: 0 .08rem; margin-bottom: .16rem;}
.list29 .a{ display: block; border: #eeeeee 1px solid; height: 100%; padding: .32rem .16rem;transition: .5s; background: #fff}
.list29 .ico{ height: .43rem;text-align: left;margin: 0 0 .3rem;}
.list29 .ico img{ height: 100%;margin: 0;}
.list29 h4{ font-size: .16rem; color: #222222; line-height: .3rem; font-weight: normal}

@media(min-width: 1024px){
    .list29 .a:hover{ border: #1d56c2 1px solid; box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.1);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list29 li{ width: 50%;}
    .list29 .ico{ height: .28rem;}
    .list29{ margin: .4rem -.08rem .2rem;}
}
@media(max-width: 560px){
}

.list30 li{ margin-bottom: .3rem;}
.list30 .top{ height: .94rem; display: flex;align-items: center;padding: 0 .3rem 0 0;justify-content: space-between;border: #ede3dc 1px solid;}
.list30 .top .ll{ font-size: .24rem; color: #222222; position: relative; padding: 0 .3rem; flex: 1; overflow: hidden;line-height: 1.5;}
.list30 .top .ico{ position: relative; cursor: pointer;width: .3rem;height: .3rem;margin: 0 .2rem;}
.list30 .top .ico img{ width: .23rem; height: .12rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;}
.list30 .top .ico img.i2{ opacity: 0}
.list30 .bottom{ padding: .3rem 0;display: none;}
.list30 .bottom .ar_article h3{ font-size: .22rem; color: #c30d23; margin-bottom: .2rem;line-height: 1.35;}

.list30 li.on .top{ background: #12368f; border: #12368f 1px solid}
.list30 li.on .top .ll{ color: #fff}
.list30 li.on .top .ico img.i1{ opacity: 0}
.list30 li.on .top .ico img.i2{ opacity: 1}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list30 .top .ll{ font-size: .2rem;padding: 0 .15rem;}
    .list30 li{ margin-bottom: .2rem;}
}
@media(max-width: 560px){
    .list30 .bottom{ overflow: hidden; overflow-x: scroll}
    .list30 .top{ padding: 0;height: .7rem;}
    .list30 .top .ico img{ width: .18rem; height: auto;}
} 

.n_pad2{ padding: .35rem 0;}
.h3-2{margin-bottom: .4rem;}
.h3-2 span{font-size: .34rem;display: block;position: relative; font-family: 'SF-Pro-Text-Regular';}
.h3-2 span:before{content: '';width: .24rem;height: .11rem;background: url(../images/titl.svg) no-repeat center;background-size: .24rem .11rem;display: inline-block;margin-right: .1rem;vertical-align: middle}

.music{ background: url(../images/xhxx_i3.jpg) center no-repeat; background-size: cover; padding: .65rem .7rem; position: relative; z-index: 1;overflow: hidden;}
.music h3{ font-size: .26rem; color: #fff; line-height: 1.5}
.music h4{ font-size: .16rem; color: #fff; line-height: 1.5; margin: .12rem 0}
.music .lyric{ margin-bottom: .4rem}
.music .lyric p{ font-size: .16rem; color: #fff; line-height: 1.625; opacity: .8}
.music audio{ display: none}
.music .bottom{ justify-content: space-between !important; align-items: center;padding: 0 0 0 .93rem;}
.music .speed{ flex: 1; position: relative; z-index: 1; height: .26rem;display: flex;align-items: center;}
.music .speed span{ display: flex; height: 1px; background: #c21624;align-items: center;justify-content: flex-end;transition: 2s;}
.music .speed em{ display: inline-block; height: .26rem; line-height: .26rem; background: #c21624; width: .93rem; font-size: .18rem; color: #fff;border-radius: 50vw;text-align: center;min-width: .93rem;}
.music .speed:before{ content: ""; position: absolute; top: 50%; background: rgba(211,211,211,.5); left: 0; width: 100%; height: 1px; z-index: -1}
.music .play{ width: .95rem; margin: 0 0 0 .1rem;cursor: pointer; background:url(../images/xhxx_i4.png) no-repeat center;background-size: cover}
.music .play img{ width: 100%;transition: .5s; opacity:0}
.music .play.on{ background:url(../images/xhxx_i4s.png) no-repeat center;background-size: cover}

@media(min-width: 1024px){
    .more4 .a1:hover{ background: #13408d}
    .music .play:hover img{ transform: scale(1.08)}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .h3-2{ margin-bottom: .3rem;}
    .h3-2 span{ font-size: .24rem;}
    .h2-1{ font-size: .3rem;}
    .Emblem-Motto .fl1 .ar_article img{ max-width: 60vw;}
    .music{ padding: .4rem .3rem;}
    .music .play{ width: .4rem;}

    .n_pad2{ padding: .2rem 0;}
}
@media(max-width: 640px){
}
@media(max-width: 560px){
}

.list31 li{ border-bottom: #e5e5e5 1px solid;}
.list31 .top{ height: .94rem; display: flex;align-items: center;padding: 0 .3rem 0 0;justify-content: space-between;position: relative;}
.list31 .top:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: .03rem; background: #174da9;opacity: 0;transition: .5s;}
.list31 .top .ll{ font-size: .24rem; color: #222222; position: relative; padding: 0 .3rem; flex: 1; overflow: hidden;line-height: 1.35;transition: .5s;}
.list31 .top .ll:before{ content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: .34rem; margin-top: -.17rem; background: #174da9}
.list31 .top .ico{ position: relative; cursor: pointer}
.list31 .top .ico img{ width: .23rem; height: .23rem}
.list31 .bottom{ background: #f8fafc url(../images/list31_b2.jpg) center bottom no-repeat; background-size: 100% auto;padding: .4rem .5rem .3rem;display: none;}
.list31 table{ width: 100%}
.list31 table tr th{text-align: center;padding: .15rem .15rem;font-size: .2rem;color: #222222;text-transform: uppercase;line-height: 1.35;}
.list31 table tr td{ font-size: .16rem; color: #444444; line-height: 1.375; padding: .15rem .15rem; }
.list31 table tr:nth-child(2) td{ padding-top: .35rem;}

.list31 li.on .top{ background: #f8fafc url(../images/list31_b1.jpg) center bottom no-repeat;background-size: auto;background-size: cover;}
.list31 li.on .top .ll{ color: #174da9}
.list31 li.on .top .ll:before{ height: 1rem;}
.list31 li.on .top:after{ opacity: 1}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list31 table tr th{ padding: .15rem .1rem;font-size: .16rem;}
    .list31 table tr td{ padding: .05rem .1rem;}
    .list31 .top .ll{ font-size: .2rem;padding: 0 .15rem;}
}
@media(max-width: 560px){
    .list31 .bottom{ overflow: hidden; overflow-x: scroll;padding: .2rem 10px;}
    .list31 .bottom table{ width: 440px}
    .list31 .top{ padding: 0;height: .7rem;}
    .list31 .top .ico img{ width: .18rem; height: .18rem}
    .list31 table tr:nth-child(2) td{ padding-top: .2rem;}
} 

.table2 td{ width: 25%;}
.table2 tr:nth-child(2n){ background: #fafbfc;}
.Departments .box{ margin-bottom: .75rem;}
.Departments img{ margin: 0;}

.bg1t1{ display: flex;justify-content: center; background: url(../images/table2.jpg) center no-repeat;text-align: center;padding: .1rem .3rem;border: 1px solid #dfdfdf;border-bottom: 0; border-top: 0;background-size: cover;}
.Departments .box1:first-child .bg1t1{ border-top: 1px solid #dfdfdf;}
.bg1t1 h3{ font-size: .24rem; color: #222222;font-family: 'Bell MT';line-height: 1.35; text-align: left;font-weight: normal;}
.table2s td{ width: 20%; padding: .1rem .15rem;}
.ar_article a:hover{ color: #c30d23;}

.table2s1 td:nth-child(1){ width: 16.7%;}

.ar_article table.table2s1 th{ background: url(../images/table2.jpg) center no-repeat; background-size: cover;}

.list32{ width: 100%; max-width: 100%; margin: 0 auto;justify-content: center !important;}
.list32 li{ width:19%; padding: 0 .2rem; text-align: center; margin-bottom: .5rem;}
.list32 li:nth-child(1){    margin: 0 0 0 calc(25.01% - 25%);}
.list32 .img .imgLi{ padding-bottom: 130.4%;}
.list32 .txt{ padding: .18rem 0;}
.list32 h4{ font-size: .22rem; color: #222222;}
.list32 h6{ font-size: .16rem; color: #1b51ad;margin: .04rem 0 0;line-height: 1.3;}

.list32s{ justify-content: center !important;}
.list32s li:nth-child(1){ margin: 0 0 0 0}
@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .list32 li{ padding: 0 .3rem;}
}
@media(max-width: 800px){
    
}
@media(max-width: 560px){
    .list32 li{ padding: 0 7px; margin-bottom: .2rem;}
    .list31 table tr td{font-size: .15rem;}
} 

.ldxq .ar_article p{ font-size: .16rem; line-height: 1.8125; margin-bottom: .24rem}
.ldxq .ar_article p:last-child{ margin-bottom: 0}
.ldxq .con1{ margin-bottom: .5rem;}
.ldxq .con1 .img{ width: 2.26rem;}
.ldxq .con1 .img .imgLi{ padding-bottom: 130.4%;}
.ldxq .con1 .txt{ flex: 1; padding: 0 0 0 .44rem; background: url() center no-repeat; background-size: cover;}
.ldxq .con1 .txt h3{ position: relative; z-index: 1;padding: 0 0 .15rem;margin-bottom: .3rem;}
.ldxq .con1 .txt h3:before{ content: ""; position: absolute; width: .46rem; height: .03rem; background: #1d52af;left: 0;bottom: 0;}

.ldxq .wp>.ar_article{ padding: 0 .3rem}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .ldxq .con1 .img{ margin: 0 auto;}
    .ldxq .con1 .txt{ flex: auto; width: 100%; padding: .2rem; margin-top: .3rem;}
    .ldxq .wp>.ar_article{ padding: 0 0}
}
@media(max-width: 560px){
}  