@charset "utf-8";
::before, ::after{ transition: .5s;}
.slow { overflow: hidden; }
a:hover .slow img { transform: scale(1.05); }
.slow img { transition: all 0.9s ease-in-out 0s; }
.img_zd { position: relative; width: 100%; }
.img_zd .img_hezi { padding-bottom: 60% !important; }
.img_zd > img {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%;object-fit: cover;}
.overfloat-dot { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.overfloat-dot-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.overfloat-dot-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.overfloat-dot-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.overfloat-dot-5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.overfloat-dot-6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.overfloat-dot-7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.wl{position: relative;z-index: 1;transition: 0.5s;}
.wl::after{content: "";z-index: -1;position: absolute;left: 0;bottom: 0;width: 0;height: 100%;}
.imged img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition:0.5s;
}
.imged:hover img{transform:scale(1.05)}

.mianbao {background: #fcfcfc;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 13px 0px;position: relative;z-index: 100;}
.wp { max-width: 16.6rem; padding: 0px 0.5rem; margin: 0px auto; }
.mianbao .wp { min-height: 0.8rem; display: flex; align-items: center; }
.mianbao .left { display: flex; align-items: center; }
.mianbao .left h3 { font-family: SourceSansPro-BOLD; font-size: 0.22rem; color: rgb(34, 34, 34); margin: 0px 0.34rem 0px 0px; }
.mianbao .right { padding: 0px 0px 0px 0.5rem; }
.n_banner .img .img_hezi { padding-bottom: 34.375% !important; }
.list_erji { display: flex; flex-wrap: wrap; }
.list_erji li { margin-right: 0.6rem; }
.list_erji li a { font-size: 0.18rem; color: rgb(34, 34, 34); font-family: SourceSansPro-REGULAR; position: relative; display: flex; height: 0.8rem; align-items: center; }
.list_erji li a::before { content: ""; background: rgb(224, 15, 40); left: 0px; width: 0px; height: 0.04rem; position: absolute; bottom: 0px; transition: all 0.5s ease 0s; }
.list_erji li.on a::before, .list_erji li:hover a::before { width: 100%; }
#m_n_nav { display: none; line-height: 50px; position: relative; z-index: 9; float: left; width: 100%; background: rgb(195, 13, 36); }
#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 i { }
#m_n_nav h1 { font-size: 20px; 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; }
#sub_nav_content dt { position: relative; background: rgb(255, 255, 255); z-index: 999; width: 100%; display: inline-block; margin-bottom: 0px; float: left; }
#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: rgb(195, 13, 36); }
#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_container { padding: 0px; position: relative; z-index: 1; }
.n_container { overflow: hidden; }
.n_paddinds { padding: 0.88rem 0px; }
.bai_box { background: rgb(255, 255, 255); }
.list_box_shizi { display: flex; margin: 0px -0.18rem -0.4rem; flex-wrap: wrap; }
.list_box_shizi li { width: 50%; padding: 0px 0.18rem; margin-bottom: 0.4rem; }
.list_box_shizi li * { transition: all 0.5s ease 0s; }
.list_box_shizi li a { display: flex; align-items: center; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 13px 0px; }
.list_box_shizi li a .img { width: 2.12rem; }
.list_box_shizi li a .img .img_hezi { padding-bottom: 130% !important; }
.list_box_shizi li a .con { width: calc(100% - 2.12rem); padding: 0px 0.26rem; }
.list_box_shizi li a .con h5 {font-size: 0.27rem;color: rgb(0, 0, 0);font-family: BellMT-Bold;width: 100%;text-transform: capitalize;}
.list_box_shizi li a .con hr {width: 0.28rem;height: 0.08rem;background: rgb(195, 13, 35);margin: 0.2rem 0px;float: left;}
.list_box_shizi li a .con dl { width: 100%; margin-bottom: 0.15rem; max-height: 0.6rem; overflow: hidden; }
.list_box_shizi li a .con dl dd {font-size: 0.22rem;color: rgb(90, 90, 90);line-height: 0.3rem;}
.list_box_shizi li a .con dl dd b { color: rgb(34, 34, 34); font-family: SourceSansPro-BOLD; }
.list_box_shizi li a .con dl:last-child { margin-bottom: 0px; }
.pages { margin: 0.9rem 0px 0px; text-align: center; }
.pages img { max-width: 100%; }
.n_zuzhi { background: url("../images/n_zuzhi_bg.jpg") center bottom / cover no-repeat; }
.n_title001 { text-align: center; }
.n_title001 h3 { font-size: 0.52rem; color: rgb(51, 51, 51); font-family: BellMT-Bold; }
.n_messages .content { display: flex; flex-wrap: wrap; }
.n_messages .content .left {width: 6.09rem;padding: .3rem 0 0;}
.n_messages .content .left .img1 { width: 100%; }
.n_messages .content .left .img { margin: -27% 0px 0px 0.2rem; position: relative; }
.n_messages .content .left .img .img_hezi { padding-bottom: 139.93% !important; }
.n_messages .content .left .top {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;display: flex;padding: .7rem .5rem;flex-direction: column;/* justify-content: center; */text-align: left;}
.n_messages .content .left .top h3 {font-size: 0.32rem;color: rgb(255, 255, 255);font-family: BellMT-Bold;margin-bottom: 0.25rem;}
.n_messages .content .left .top p {font-size: 0.24rem;color: rgb(255, 255, 255);line-height: 0.4rem;font-family: SourceSansPro-Regular;}
.n_messages .content .right { width: calc(100% - 6.09rem); padding: 0px 0px 0px 0.8rem; }
.n_messages .content .right p {font-size: 0.24rem;color: rgb(51, 51, 51);line-height: 0.4rem;font-family: SourceSansPro-Regular;margin-bottom: 0.34rem;}
.n_messages .content .right p *{ font-family: SourceSansPro-Regular;}
.n_messages .content .right p b { font-family: BellMT-Bold; }
.n_title001 { margin-bottom: 0.76rem; }
.n_messages { background: url(../images/n_messages_bg1.png) center bottom no-repeat; }

.n_school{ padding: .64rem 0 1rem;  background: url(../images/n_school_bg.jpg) center bottom no-repeat; background-size: cover }

.n_sanji ul{ margin-bottom: .7rem; display: flex; align-items: center; justify-content: center;}
.n_sanji li{ padding: 0 .1rem;}
.n_sanji ul li *{ transition: .5s;}
.n_sanji li a{display: flex;align-items: center;height: .42rem;border: #222222 1px solid;border-radius: .21rem;min-width: .8rem;text-align: center;justify-content: center;padding: 0 .18rem;font-size: .18rem;font-family: SourceSansPro-Regular;}
.n_sanji li a svg{ width: .23rem; height: .23rem; margin: 0 .06rem 0 0}

.n_sanji li.on a, .n_sanji li a:hover{ border: #e00f28 1px solid; background: #e00f28; color: #fff;}
.n_sanji li.on a svg, .n_sanji li a:hover svg{ fill:#fff}

.n_siji{text-align: center;margin-bottom: 1rem;}
.n_siji ul{display: flex;justify-content: center;}
.n_siji ul li{padding: 0 .05rem;margin-bottom: .1rem;}
.n_siji ul li *{ transition: .5s;}
.n_siji ul li a{ background: #f5f5f5; display: flex; width: .5rem; height: .6rem; align-items: center; justify-content: center; font-size: .28rem; color: #222222;}

.list_school{ width: 1280px; max-width: 100%; margin: 0 auto}
.list_school li{ margin-bottom: .48rem;}
.list_school li *{ transition: .5s;}
.list_school li .a{ display: flex; }
.list_school li .a .ll{width: 1.1rem;position: relative;z-index: 1;padding: 0 0 .5rem;}
.list_school li .a .ll::before{content: "";position: absolute;top: 0;bottom: 0;width: 1px;background: #e00f28;left: .4rem;}
.list_school li .a .ll::after{content: "";position: absolute;bottom: 0;background: #e00f28;left: calc(.4rem - .045rem);width: .09rem;height: .09rem;border-radius: 50%;}
.list_school li .a .ll font{font-size: .8rem;color: #e00f28;display: inline-block;padding: 0 0 .1rem;text-align: center;width: .8rem;background: #fff;position: relative;}
.list_school li .a .rr{width: calc(100% - 1.1rem);padding: .8rem 0 0;}

.list_school li dl dd a{font-size: .36rem;color:#000000;font-family: BellMT-Bold;display: inline-block;position: relative;line-height: .76rem; position: relative;}
.list_school li dl dd a::before{content: "";position: absolute;left: 0;width: 15px;height: 4px;background: url(../images/list_school_ico.png) left center no-repeat;top: .35rem;opacity: 0; z-index: -1}

.n_school .content1{ position: relative; z-index: 1; padding: 1.2rem 0 0;}
.n_school .content1::before{content: "";position: absolute;background: url(../images/list_school_tree_bg.png) center top no-repeat;z-index: -1;top: 0;left: 0;right: 0;height: 1.2rem;background-size: auto 100%;}

.list_school_tree{position: relative;padding: .5rem 0;z-index: 1; background: url(../images/list_school_tree_line.png) center bottom no-repeat;}
.list_school_tree:before{ content: ""; position: absolute; top:0; left: 50%; width: 1px; height:100%; background: #e00f28}
.list_school_tree li{width: 100%;display: flex;position: relative;padding: .075rem 0;cursor: pointer;}
.list_school_tree li:before{content:"";position:absolute;width: .24rem;height: .24rem;border: #c8c8c8 1px solid;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background:#fff;border-radius: 50%;z-index:1;box-sizing: border-box;}
.list_school_tree li:after{content:"";position:absolute;width: .04rem;height: .04rem;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);background:#c8c8c8;z-index: 1;border-radius: 50%;}
.list_school_tree li *{ transition: .5s}
.list_school_tree li .a{min-height: .65rem;display: flex;align-items: center;width: 50%;position: relative;cursor: pointer;}
.list_school_tree li .a:before{ content:""; position: absolute; right: 0; width: .6rem; height: 1px; background: #c8c8c8}
.list_school_tree li .a .con{position: relative;padding: .04rem .24rem;z-index: 1;display: flex;align-items: center;width: 100%;justify-content: flex-end;}
.list_school_tree li .a .con img{width:0;opacity: 0;margin-right: .15rem;}
.list_school_tree li .a .con font{font-family: BellMT-Bold;font-size: .28rem;color:#000000;display: inline-block;line-height: 1.5;position: relative;z-index: 1;max-width: 100%;/* word-break: break-all; */}
.list_school_tree li .a .con:before{content:"";position: absolute;right:0;top:50%;width:3px;height: 100%;background:#c30d23;transform: translateY(-50%);z-index: -1;}

.list_school_tree li:nth-child(2n){ justify-content: flex-end}
.list_school_tree li:nth-child(2n-1) a{ text-align: right; justify-content: flex-end}
.list_school_tree li:nth-child(2n-1) a{ padding: 0 .6rem 0 0;}
.list_school_tree li:nth-child(2n) a{ padding: 0 0 0 .6rem;}
.list_school_tree li:nth-child(2n) .a:before{ left: 0}
.list_school_tree li:nth-child(2n) .a .con{ justify-content: flex-start}
.list_school_tree li:nth-child(2n) .a .con:before{ left: 0}
.list_school_tree li:nth-child(2n) .a .con img{order: 1;margin-right: 0;margin-left: .15rem;transform: rotateY(180deg);}

.n_Achievements .fl01{ padding: .8rem 0;}
.w75{ padding: 0 .75rem;}
.n_Achievements .fl01 .img .img_hezi{ padding-bottom: 43.97% !important;}
.n_Achievements .fl01 .con{margin: -.8rem 0 0;position: relative;z-index: 1; padding: .4rem 2.4rem 0 0}
.n_Achievements .fl01 .con:before{content:"";position: absolute;top:0;right:0;bottom:0;left:0;background:#fff;min-height: 1rem;z-index: -1;transform: translateX(-1.25rem) skewX(10deg);}
.n_Achievements .fl01 .con p{font-family: BellMT-Bold;font-size: .26rem;color: #000000;line-height: .42rem;}

.n_Achievements .fl02{ background: url(../images/n_Achievements_fl02_bg.jpg) center no-repeat; background-size: cover; padding: .8rem 0;}

.n_Achievements .fl02 .content{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.n_Achievements .fl02 .content .left{ width: calc(100% - 6.5rem - .3rem); border-top: #bf0318 .04rem solid; padding: .38rem .48rem; background: #fff;}
.n_Achievements .fl02 .content .left p{font-family: BellMT-Bold;font-size: .26rem;color: #000000;line-height: .42rem;}
.n_Achievements .fl02 .content .right{ width: 6.5rem;}
.n_Achievements .fl02 .content .right .img{ margin-bottom: .3rem;}
.n_Achievements .fl02 .content .right .img .img_hezi{ padding-bottom: 61.54% !important;}
.n_Achievements .fl02 .content .right .img:last-child{ margin-bottom: 0;}

.n_Graduate{ background: url(../images/n_Graduate_bg.png) center 30% no-repeat; background-size: 100% auto;}

.n_Graduate .fl01{ padding: .8rem 0;}
.n_Graduate .fl01 .content{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: .2rem;}
.n_Graduate .fl01 .content .left{width: calc(100% - 7.06rem);padding: 0 .8rem 0 0;}
.n_Graduate .fl01 .content .right{ width: 7.06rem; padding: .24rem 0 0;}
.n_Graduate .fl01 .content .right .img_box{ position: relative; z-index: 1;}
.n_Graduate .fl01 .content .right .img_box::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: translateX(-.24rem) translateY(-.24rem);background: #e00f28;}
.n_Graduate .fl01 .content .right .img .img_hezi{ padding-bottom: 62.32% !important;}
.n_Graduate p{font-family: SourceSansPro-Regular;font-size: .24rem;color: #000000;line-height: .4rem;}

.n_Graduate .fl02{ padding: 0 0 .9rem;}
.n_Graduate .fl02 .content{ position: relative; z-index: 1;}
.n_Graduate .fl02 .content::before{content: "";position: absolute;top: 0;bottom: 0;left: 50%;margin-left: -.5px;background: #d1d1d1;z-index: -1;width: 1px;}

.list_Graduate1{ display: flex; flex-wrap: wrap;}
.list_Graduate1 .box{width: 50%;}
.list_Graduate1 .box li{padding-bottom: .7rem;}
.list_Graduate1 .box .con{padding: 0 .48rem 0 0;overflow: hidden;}
.list_Graduate1 .box .hr{ background:#c30d23; position: relative; height: 1px;; }
.list_Graduate1 .box .hr:before{content:"";position: absolute;width: .13rem;height: .13rem;background:#c30d23;border-radius: 50%;top: 50%;right: -.065rem;margin-top: -.065rem;}
.list_Graduate1 .box .con h3{font-size: .3rem;color: #c30d23;font-family: BellMT-Bold;line-height: 1.5;margin: .6rem 0 .2rem;}
.list_Graduate1 .box .con dl dd{font-family: SourceSansPro-Regular;font-size: .26rem;color: #000000;line-height: .4rem;overflow: hidden;}

.list_Graduate1 .box:last-child { padding: 1.1rem 0 0}
.list_Graduate1 .box:last-child .con{padding: 0 0 0 .48rem;}
.list_Graduate1 .box:nth-child(1) .con{ text-align: right}
.list_Graduate1 .box:nth-child(2) .hr:before{ left: -.065rem}

.more002{ text-align: center;}
.more002 a{ display: inline-block; cursor: pointer;}
.more002 a img{transition: .5s;width: .61rem;height: .61rem;}

.more002.on a img{ transform: rotateX(180deg);}

.list_Graduate2{ display: none;}

.n_Overviews .fl01{ padding: .8rem 0;}

.n_Overviews .fl01 .p{font-size: .24rem;color: #000000;line-height: .4rem;/* font-family: BellMT-Bold; */}
.n_Overviews .fl01 .content{display: flex;justify-content: space-between;flex-wrap: wrap;background: #f7f7f7;border-left: #c30d23 .08rem solid;align-items: center; margin: .4rem 0 0}
.n_Overviews .fl01 .content .left{width: calc(100% - 3.2rem);padding: 0 0 0 .6rem;}
.list_Overviews li{ font-size: .22rem; color:#000000; line-height: 1.5; margin: .15rem 0; font-weight: bold}
.n_Overviews .fl01 .content .right{ width: 3.2rem;}

.n_Overviews .fl02{position: relative;z-index: 1;padding: .8rem 0 0;overflow: hidden;}
.n_Overviews .fl02 .n_title001 h3{ color: #fff;}
.n_Overviews .fl02::before{ content: ""; position: absolute; top: 0; background: url(../images/n_Overviews_fl02.jpg) center no-repeat; background-attachment: fixed; bottom: 1.7rem; right: 0; left: 0; z-index: -1;}

.list_Overviews1{display: flex;margin: 0 -.25rem;margin-bottom: .6rem;}
.list_Overviews1 li{ width: 50%; padding: 0 .25rem;}
.list_Overviews1 li .a{display: flex;height: 3rem;border: rgba(255,255,255,.15) 3px solid;flex-direction: column;justify-content: center;align-items: center;text-align: center;padding: 0 .3rem;}
.list_Overviews1 li .a h3{font-size: .9rem;color: #c30d23;margin-bottom: .2rem;font-family: SourceSansPro-BOLD;}
.list_Overviews1 li .a p{font-size: .2rem;color: #fff;line-height: .32rem;height: .96rem;width: 100%;}

.list_Overviews2{display: flex;flex-wrap: wrap;margin: 0 -.1rem;margin-top: .7rem;}
.list_Overviews2 li{ width: 20%; padding: 0 .1rem;}
.list_Overviews2 li .a .img .img_hezi{ padding-bottom: 63.53% !important}
.list_Overviews2 li .a .con{ height: 2.2rem; background:#f6f6f6; border-bottom: #c30d23 3px solid; display: flex; padding: .26rem}
.list_Overviews2 li .a .con h5{font-size: .2rem;color:#000000;line-height: .32rem;width: 100%;}

.n_Overviews .fl02 .p{ font-size: .28rem; color: #fff; line-height: .4rem; font-family: BellMT-Bold;}

.n_Overviews .fl03{ padding: .8rem 0;}
.n_Overviews .fl03 .content{display: flex;flex-wrap: wrap;overflow: hidden;position: relative;z-index: 1;padding: .4rem 0;align-items: center;}
.n_Overviews .fl03 .content::before{content: "";position: absolute;top: 0;left: 33%;bottom: 0;z-index: -1;background: #c30d23;transform: skewX(-10deg);width: 100vw;}
.n_Overviews .fl03 .content .img{ width: calc(100% - 4.6rem);}
.n_Overviews .fl03 .content .img .img_hezi{ padding-bottom: 50.52% !important;}
.n_Overviews .fl03 .content .con{width: 4.6rem;padding: 0 .36rem;}
.n_Overviews .fl03 .content .con h5{font-size: .5rem;color:#fff;line-height: .7rem;font-family: SourceSansPro-Regular;}
.n_Overviews .fl03 .content .con h3{margin-bottom: .15rem;}

.n_Overviews .fl04{ padding: 0 0 .8rem}
.n_Overviews .fl04 .content{display: flex;flex-wrap: wrap;margin: .4rem 0;position: relative;z-index: 1;align-items: center;}
.n_Overviews .fl04 .content::before{content: "";position: absolute;width: 100vw;left: 50%;transform: translateX(-50vw);height: 100%;z-index: -1;background: #f7f7f7;top: 0;}
.n_Overviews .fl04 .content .img{ width: 50%;}
.n_Overviews .fl04 .content .img img{width: calc((100vw - 14.10rem)/2 + 100%);max-width: initial;float: right;height: 6.6rem;object-fit: cover;}
.n_Overviews .fl04 .content .right{width: 50%;padding: 0 0 0 .4rem;}

.n_Overviews .fl04 .p{font-size: .28rem;color: #000000;line-height: .4rem;font-family: BellMT-Bold;margin-bottom: .4rem;}
.n_Overviews .fl04 .p:last-child{ margin-bottom: 0}

.list_Overviews3 li{font-size: .2rem;color: #000000;line-height: 1.5;margin: .3rem 0;}

.n_Library{ background: url(../images/n_Library_bg.png) center bottom no-repeat; background-size: 100% auto;}
.n_Library .fl01{ padding: .8rem 0;}
.n_Library .fl01 .content{display: flex;flex-wrap: wrap;align-items: center;}
.n_Library .fl01 .content .left{width: 8.22rem;position: relative;z-index: 1;padding: .46rem 0 .46rem .32rem;overflow: hidden;}
.n_Library .fl01 .content .left img{ width:100%}
.n_Library .fl01 .content .left::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #c30d23;transform: skewX(10deg) translateX(-14%);z-index: -1;}
.n_Library .fl01 .content .right{width: calc(100% - 8.22rem);padding: 0 0 0 .4rem;}

.miso_p1{font-size: .24rem;color: #000000;line-height: .4rem;font-family: SourceSansPro-Regular;margin-bottom: .4rem;}

.list_Library{ display: flex; flex-wrap: wrap;}
.list_Library li{ width: 50%;}
.list_Library li h3 big{ font-size: .52rem; color: #c30d23; font-family: BellMT-Bold;}
.list_Library li h3 small{ font-size: .18rem; color: #c30d23; font-family: BellMT-Bold;}
.list_Library li h6{ font-size: .18rem; color: #2e2e2e; line-height: .3rem; margin: .1rem 0 0;}

.n_Library .fl02{position: relative;z-index: 1;padding: .8rem 0;}
.n_Library .fl02 .bg1{width: 57%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;z-index: -1;transform: skewX(15deg) translateX(-3px);}
.n_Library .fl02 .bg1 img{margin-left: -10%;width: calc(100% + 10%);max-width: inherit;height: 100%;}
.n_Library .fl02 .bg2{width: 43%;height: 100%;position: absolute;top: 0;bottom: 0;right: 0;z-index: -1;transform: skewX(15deg) translateX(3px);}
.n_Library .fl02 .bg2 img{margin-right: -10%;width: calc(100% + 10%);max-width: inherit;height: 100%;}

.n_Library .fl02 .content{ display: flex; flex-wrap: wrap;}
.n_Library .fl02 .content .left{ width: 57%;}
.n_Library .fl02 .content .right{width: 51%;}

.list_Librarys li{ width: 33.33%;}

.n_Library .fl03{ padding: .8rem 0;}

.n_Library .fl03 .img img{ height: 5.38rem;}
.n_Library .fl03 .img{ position: relative;}
.n_Library .fl03 .img .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: flex-end; padding: 0 .6rem}
.n_Library .fl03 .img .top p{ width: 6.5rem; color:#fff}

.n_Library .fl04{ padding: 0 0 .8rem;}
.n_Library .fl04 .content{display: flex;flex-wrap: wrap;align-items: center;}
.n_Library .fl04 .content .left{width: 6.9rem;position: relative;z-index: 1;padding: .46rem .32rem .46rem 0;overflow: hidden;order: 1;}
.n_Library .fl04 .content .left img{ width:100%}
.n_Library .fl04 .content .left::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #c30d23;transform: skewX(-8deg) translateX(15%);z-index: -1;}
.n_Library .fl04 .content .right{width: calc(100% - 6.9rem);padding: 0 .8rem 0 0;}

/* Overview2 */
.over{background: url(../images/ovbg1.png) no-repeat right bottom;padding-bottom: 1rem;}
.ove1{margin-bottom: 1rem;align-items: center;}
.ov-l{width: 5.57rem;}
.ov-r{width: calc(100% - 5.57rem);padding-left: 0.6rem;}
.ov-l::after{width: 100%;height: 100%;background: #c30d23;left: -0.3rem;bottom: -0.3rem;}
.ov-l .imged{padding-bottom: 62.5%;}
.ov-r p,.ov2-l p,.ov3-t p,.ov5 p{font-size: 0.24rem;line-height: .4rem;color: #000;font-family:SourceSansPro-Regular;}
.ov2-l{width: 60%;padding-left: 0.5rem;border-left: 0.03rem solid #c30d23;}

.ov3{padding: 1.1rem 0;background: url(../images/ovbg.png) no-repeat center;background-size: cover;}
.ov3-t{width: 70%;background: rgba(255,255,255,0.93);padding: 0.5rem;}
.ov4{padding: 1rem 0 0.7rem;background: url(../images/ovbg2.png) no-repeat bottom center/cover;}
.ovswiper{width: 60%;padding-bottom: 1.2rem;margin-left: 0;}
.ovswiper li h2{font-size: 0.8rem;color: #bf0318;font-family: SourceSansPro-Regular;margin-bottom: 0.3rem;}
.ovswiper li p{font-size: 0.24rem;line-height: 1.5;color: #333;font-family: SourceSansPro-Regular;text-align: initial;}
.ovswiper .swiper-button-prev,.ovswiper .swiper-button-next{width: 0.43rem;height: 0.43rem;border-radius: 50%;background: url(../images/ovnext.png) no-repeat center #bf0318;top: auto;bottom: 0;}
.ovswiper .swiper-button-prev{transform:rotateY(180deg);left:auto;right:0.6rem;}
.ovswiper .swiper-button-next.swiper-button-disabled,.ovswiper .swiper-button-prev.swiper-button-disabled{opacity:0.3;}
.ovswiper .swiper-scrollbar{background: #edeef0;}
.ovswiper.swiper-container-horizontal>.swiper-scrollbar{width: calc(100% - 1.5rem);height: 2px;bottom: 0.2rem;}
.ovswiper .swiper-scrollbar-drag{background:#c30d23;}
.ov5{padding: 1rem 0;background: url(../images/ovbg3.png) no-repeat center/cover;}
.ov5 p{margin-bottom: 0.4rem;}
/* list */
.ul-listb1{padding-bottom: 0.5rem;}
.ul-listb1 .con{height: .8rem;border-bottom:1px solid #dfdfdf;overflow:hidden;line-height:0.28rem;}
.ul-listb1 .con:hover .tit{color: #c30d23;}
.ul-listb1 .date{font-size:0.14rem;color:#999;padding-left:0.3rem;/* border-left:1px solid #e5e5e5; */margin-top:0.26rem;width: 1.5rem;height: 0.28rem;line-height: 0.28rem;}
.ul-listb1 .tit{font-size:0.18rem;color:#333;height:0.28rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0.26rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;width: calc(100% - 1.5rem);}
.page{margin: 0.2rem 0 ;}
.page img{margin: auto;display: block;}
/* piclist */
.piclist ul{margin: 0 -0.15rem;justify-content: center;}
.piclist li{width:33.3%;margin-bottom: 0.35rem;padding: 0 0.15rem;}
.piclist li p{height: 0.6rem;line-height: 0.6rem;padding: 0 0.15rem;font-size: 0.16rem;color: #333;background: #f5f2f2;transition: 0.5s;}
.piclist li:hover p{color: #c30d23;}
/* content */
.news_title .new_txt {
  font-size: .34rem;
  color: #222;
  padding-bottom: .25rem;
  line-height: 1.5;
  text-align: left;
}
.news_title .new_txt1 {
  font-size: .34rem;
  color: #222;
  padding-bottom: .25rem;
  line-height: 1.5;
  text-align: center;
  font-family: BellMT-Bold;
}


.news_title .new_time {width: 100%;text-align: left;}
.news_title .new_time .time {
  font-size: .18rem;
  color: #a3a9bb;
  opacity: 0.8;
  padding-bottom: .15rem;
  position: relative;
  padding-bottom: .35rem;
  width: 100%;
}
.news_title .new_time .time::after {
  content: " ";
  width: 100%;
  height: .01rem;
  left: 0;
  top: 75%;
  background: #ccc;
  position: absolute;
}

.news_title .new_time .time a {
  padding-right: .2rem;
  color: #222;
  font-size: 0.16rem;
  line-height: 1.5;
}

table{ margin: 0 auto; max-width: 100%}
#vsb_content_2 span, .news_bod *{font-family: Times New Roman !important;}
.news_bod {margin-top: .2rem;}
.news_bod .scroll{width: 100%;overflow: hidden;overflow-x: auto;}
.news_bod p {font-size: .20rem !important;line-height: .4rem !important;margin: 0.15rem 0;/***text-indent: 0 !important;***/color: #444;}
.news_bod *{font-size: .24rem !important; line-height: .4rem !important;}
.news_bod td,.news_bod td span,.news_bod td p{font-size: .2rem !important; line-height:1.2 !important; }
.news_bod td{padding: 8px!important; text-indent: 0 !important}
.news_bod td img{ margin: 0 !important}
.news_bod table{/* width:80%; */}

.news_bod .text {margin-top: .5rem;margin-bottom: .5rem;}
.new_miew {
  border-top: .01rem solid #a2a7b8;
  border-bottom: .01rem solid #a2a7b8;
  padding: .3rem 0;
  margin-top: 0.5rem;
}
.new_miew a{font-size:0.18rem;line-height:0.3rem;color:#333;margin-bottom:0.15rem;display:block;}
.new_miew a:hover{color:#c30d23;}
embed,video{margin:0 auto!important;    /***width: 100%!important;***/}
.list_Graduate1 .box .con dl dd a{font-family: SourceSansPro-Regular;display: block;}
.news_bod p img{/* width:100% !important; */height:auto !important;border:none !important;}
.list_Graduate2{display: none;/* margin-top: -1.1rem; */}
/* 分流页 */
.fl-1{position: relative;z-index: 100;}
.fl-1 .wp{padding: 0 2.3rem;}
.fl-top{height: 2.05rem;}
.fl-top img{width: 2.8rem;}
.fl-top a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.fl-top::after{top: 0;width: 100%;height: 100%;background: url(../images/flheadbg.png) no-repeat center; background-size: 100% 100%;}
.fl-m{margin: 1.5rem 0 0.2rem;border-bottom: 1px solid #fff;}
.fl-m li{padding-bottom: 0.2rem;}
.fl-m li a{font-size: 0.42rem;font-weight: bold; padding-bottom:0.15rem; color: #fff;}
.fl-m li a::after{width: 0rem;height: 0.19rem;background: url(../images/flcir.png) no-repeat center;background-size: 100% 100%;left: 50%;transform: translateX(-50%);bottom: -0.1rem;}
.fl-m li.active a::after{width: 0.19rem;}
.fl-font{position: relative;z-index: 10;padding: 0 1rem;}
.fl-font p{font-size: 0.18rem;line-height: 0.36rem;color: #fff;text-align: center;}
.fl-link{margin-top: 0.5rem;}
.fl-link ul{justify-content: center;}
.fl-link li{margin-right: 0.15rem;}
.fl-link li a{border: 1px solid #fff;padding: 0.2rem 0.17rem;color: #fff;font-size: 0.24rem;}

.fl-2{position: absolute;left: 0;bottom: 0;overflow: hidden;height: 100vh;right: 0;top: 0;}
.fl-swiper{height: 100%;}
.fl-swiper .swiper-button-next,.fl-swiper .swiper-button-prev{width: 0.53rem;height: 0.07rem;left: auto;right: 2.6rem;background: url(../images/lb_prev.png) no-repeat center;background-size: 100% 100% !important;top: auto;bottom: 0.75rem;position: initial;}
.fl-swiper .swiper-button-next{background: url(../images/lb_next.png) no-repeat center;margin-top: 0.05rem;}
.fl-swiper .swiper-pagination{left: auto;width: 1.3rem;position: initial;display: flex;justify-content: space-around;}
.fl-swiper img{height: 100vh;object-fit: cover;width: 100%;}
.fl-dian{position: absolute;bottom: 0.75rem;right: 0.9rem;width: 2.5rem;height: 10px;display: flex;justify-content: space-between;align-items: center;}

@media (max-width: 1199px) {
  .fl-1 .wp{padding:0 0.3rem;}
  .fl-m li a::after{bottom:-0.12rem;}
}
@media (max-width: 767px) {

  .fl-m li a{font-size:0.24rem;}
  .fl-link li a{font-size:0.2rem;padding: 0.1rem;}
}
/* end */


.pb_sys_common .p_no a{ margin: 0px 0px 0px 7px;}

@media (min-width: 1199px) {
  .list_box_shizi li a:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 13px 0px; }
  .list_box_shizi li a:hover .con hr { width: 0.8rem; }
  
  .list_school li dl dd a:hover{ color: #e00f28; padding-left: .3rem;}
  .list_school li dl dd a:hover::before{ opacity: 1}
  
  .n_siji ul li a:hover{ background: #e00f28; color: #fff;}
  .n_siji ul li a:hover{ background: #e00f28; color: #fff;}
  
  .list_school_tree li:hover .a .con:before{width: 100%;height: calc(100% + .15rem);}
  .list_school_tree li:hover .a .con font{ color:#fff}
  .list_school_tree li:hover .a .con img{width: 15px;opacity: 1;}

  .list_school_tree li:hover:before{ border: #e00f28 1px solid}
  .list_school_tree li:hover:after{ background: #e00f28;}
  .list_school_tree li:hover .a:before{ background: #e00f28;}

}
@media (max-width: 1940px) and (min-width: 1900px) {
}
@media (max-width: 1830px) {
}
@media (max-width: 1630px) {
  .over{background-size: 46%;}
}
@media (max-width: 1400px) {
  .ovswiper{width: 80%;}
}
@media (max-width: 1330px) {
}
@media (max-width: 1199px) {
  .mianbao { display: none; }
  #m_n_nav { display: block; }
  .wp { padding: 0px 20px; }
  
  .w75{ padding: 0;}
  
  .n_Graduate .fl01 .content .left{width: 100%;padding: 0 0 .3rem;}
  .n_Graduate .fl01 .content .right{ width: 100%;}

}
@media (max-width: 1030px) {
}
@media (max-width: 991px) {
  .n_messages .content .left { width: 100%; }
  .n_messages .content .right {width: 100%;padding: .3rem 0 0;}

  .n_Achievements .fl02 .content .left{width: 100%;margin-bottom: .3rem;padding: .3rem 15px;}
  .n_Achievements .fl02 .content .right{ width: 100%}
  
  .list_Overviews2 li{ width: 33.33%; margin-bottom: .2rem;}
  
  .n_Overviews .fl04 .content .img{ width: 100%;}
  .n_Overviews .fl04 .content .right{width: 100%;padding: .3rem 0;}
  .n_Overviews .fl04 .content .img img{ width:100%; height:100%}
  
  .n_Library .fl01 .content .left{ width: 100%;}
  .n_Library .fl01 .content .right{width: 100%;padding: .3rem 0 0;}
  
  .n_Library .fl02 .content .right{ width: 100%;}
  .n_Library .fl02 .bg2{ display: none;}
  .n_Library .fl02 .bg1{width: 100%;transform: skewX(0) translateX(0);}
  .n_Library .fl02 .bg1 img{width:100%;margin: 0;}

  .n_Library .fl04 .content .left{ width: 100%;}
  .n_Library .fl04 .content .right{width: 100%;padding: 0;}

  .n_Library .fl03 .img .top p{width: 100%;margin: 0;}
  .ov2-l{width: 100%;background: rgba(255,255,255,0.9);padding: 0.3rem;}
  .ov-l{width: 30%;}
  .ove1{margin-bottom:0.4rem;}
.ov-r{width: 67%;padding: 0.2rem;background: rgba(255,255,255,0.9);}
.ov3,.ov5{padding: 0.4rem 0;}
.ov3-t{padding: 0.25rem;width: 100%;}
.ovswiper{width: 100%;padding-bottom: 0.5rem;}
.ov5 p{margin-bottom: 0.2rem;}

.n_messages .content .left .img{ overflow: hidden}
.n_messages .content .left .img .img_hezi {padding-bottom: inherit !important;}
.n_messages .content .left .img > img{bottom: auto;height: auto;}
.n_messages .content .left .top{ position: relative}
}
@media (max-width: 767px) {
  .list_box_shizi { margin-bottom: 0px; }
  .list_box_shizi li { width: 100%; margin-bottom: 15px; }
  .n_paddinds { padding: 0.5rem 0px; }
  .pages { margin: 0.4rem 0px 0px;}
  
  .list_school li .a .ll font{ font-size: .5rem;}
  .list_school li .a .rr{ padding: .3rem 0 0;}
  
  .n_siji{ margin-bottom: .4rem;}
  .n_sanji ul{ margin-bottom: .4rem;}
  
  .list_school li dl dd a{font-size: .24rem;line-height: 2;}

  .list_school li dl dd{ margin-bottom: .1rem}
  .list_school li .a .ll{ width: .9rem;}
  
  .list_school_tree li:nth-child(2n-1) a{ padding: 0 .3rem 0 0;}
  .list_school_tree li .a .con font{font-size: .22rem;color:#222;}

  .list_school_tree li .a:before{ width: .3rem}
  .list_school_tree li:nth-child(2n) a{ padding: 0 0 0 .3rem}
  
  .n_Achievements .fl01 .con{padding: .2rem 0 0 0;margin: .1rem 0 0;}
  .n_Achievements .fl01 .con:before{transform: translateX(-.05rem) skewX(10deg);}
  
  .n_Achievements .fl01 .con p, .n_Achievements .fl02 .content .left p, .n_Overviews .fl04 .p, .n_Overviews .fl02 .p, .n_Overviews .fl01 .p, .miso_p1{font-size: .26rem;line-height: 1.5;}
  
  .n_title001{ margin-bottom: .2rem;}
  .n_title001 h3{font-size: .36rem;}
  
  .n_Achievements .fl01{ padding: .5rem 0;}
  .n_Achievements .fl02{ padding: .5rem 0;}
  .list_Graduate1 .box li{ padding-bottom: .4rem;}
  
  .list_Graduate1 .box .con{ padding: 0 .3rem 0 0;}
  .list_Graduate1 .box:last-child .con{ padding: 0 0 0 .3rem;}
  
  .list_Graduate1 .box .con h3{font-size: .24rem;margin: .3rem 0 0.2em;}
  .list_Graduate1 .box .con dl dd{font-size: .22rem;line-height: 1.75;}
  
  .n_Graduate .fl01{ padding: .5rem 0;}
  .n_Graduate .fl02{ padding: 0 0 .5rem;}
  
  .n_Graduate p{font-size: .24rem;line-height: 1.5;}
  
  .n_Overviews .fl01 .content .left{width: 100%;padding: .3rem 15px .3rem .2rem;}
  .n_Overviews .fl01 .content .right{ display: none;}
  
  .list_Overviews1{ flex-wrap: wrap;}
  .list_Overviews1 li{ width: 100%; margin-bottom: .2rem;}
  .list_Overviews1 li .a h3{ font-size: .6rem;}
  .list_Overviews1 li .a{ height: 2.4rem;}
  
  .list_Overviews2 li{ width: 50%;}
  
  .n_Overviews .fl03 .content .img{ width: 100%;}
  .n_Overviews .fl03 .content .con{width: 100%;padding: .3rem 1rem;}
  .n_Overviews .fl03 .content::before{left: 10%;transform: skewX(-4deg);}

  .n_Overviews .fl03 .content .con h5{ font-size: .3rem; line-height: 1.875}
  .list_Overviews1{margin-bottom: 0.3rem;}
  .list_Overviews2 li:last-child{ width: 100%;}

  .n_Overviews .fl03{ padding: .5rem 0}

  .n_Overviews .fl01{ padding: .5rem 0}

  .n_Overviews .fl02{ padding: .5rem 0 0}
  .list_Overviews3 li{ margin: .2rem 0;}
  .list_Overviews2 li .a .con{height: 1.8rem;padding: .15rem .25rem;}
  .list_Overviews2 li .a .con h5{ line-height: 1.5}

  .n_Library .fl03 .img .top{ padding: 0 15px}

  .n_Library .fl03{padding: .5rem 0;}

  .n_Library .fl01, .n_Library .fl02{ padding: .5rem 0}
    .ov-l{width: 100%;margin: 0 0 0.3rem 0.3rem;}
.ov-r{width: 100%;padding: 0.2rem;}
.ov-l::after{/* left:0; */}
  .ovswiper li h2{font-size:0.4rem;}
  .ovswiper .swiper-button-prev{right:0.8rem;}
  .ov4{padding: 0.4rem 0;}
  .piclist ul{margin: 0 -0.1rem;}
  .piclist li{width: 50%;padding: 0 0.1rem;margin-bottom: 0.2rem;}
  .news_bod p{font-size:0.22rem !important;}
  

  .n_messages .content .left .img .img_hezi {padding-bottom: 0 !important;}

  .n_messages .content .left .img.img_zd > img{object-fit: fill;}
  .n_messages .content .left .top{ position: relative; padding: .5rem .3rem}

  .list_school_tree{ margin: 0 -.3rem}

  .n_school{ padding: .5rem 0}

  .n_Library .fl03 .img img{height: 6.4rem;width: 100%;object-fit: cover;}
  video,.news_bod p img{width:100% !important;}
  .ul-listb1 .con{height: auto;overflow: visible;padding-bottom: 0.2rem;}
  .ul-listb1 .tit{white-space: pre-wrap;text-overflow:clip;overflow: visible;height: auto;}
}
@media (max-width: 456px) {
   p{ text-align: inherit;}
}