@charset "utf-8";

.header{background: #fff;/* box-shadow: 0 0 .15rem rgba(0,0,0,.1); */}
.header:before{visibility: hidden;opacity: 0;}
.header .topnav ul li>a{ color: #000}
.header .topnav ul li i.plus{ color: #000}
.header .topser a, .header .lan a{ color: #666}
.header .topnav .line{ background: rgba(102,102,102,.41);}
.header #openBtn .lcbody .lcitem{ background: #666;}
.header .logo img.i1{ opacity: 0; visibility: hidden}
.header .logo img.i2{opacity: 1;visibility: visible;}


/*翻页条*/
.pagebar{margin: .8rem auto 0 auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;margin: 0 .04rem;/* min-width: .36rem; */margin-bottom: .1rem;}
.pagebar>.p_goto{margin-bottom: .1rem;padding: 0 .1rem;height: .36rem;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .2rem;white-space: nowrap;}
.pagebar .p_pages span{padding: 0 .1rem;height: .5rem;display: flex;margin: 0 .1rem;box-sizing: border-box;border-radius: 0;min-width: .5rem;color: #333;align-items: center;justify-content: center;position: relative;z-index: 1;margin-bottom: .1rem;border-radius: 50vw;cursor: pointer;}
.pagebar .p_pages span i{font-size: .2rem;font-family: "lib"}
.pagebar span.p_goto:before,.p_pages span:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #f2f2f2;border-radius: 0;z-index: -1;border-radius: 50vw;}
.p_pages span a, .pagebar span a{display: flex;align-items: center;border-radius: 0;justify-content: center;margin: 0 -.1rem;height: 100%;width: calc(100% + .2rem);padding: 0 .1rem; transition: .5s;}
.p_pages svg{width: .16rem;height: .16rem; transition: .5s;}
.pagebar .p_last + span, .pagebar .p_last + span + span{padding: 0;margin-right: -.05rem;}
.p_pages .p_goto + span{ padding: 0;}
.p_pages .p_t:before{ display: none}
.p_goto{margin: 0 .03rem;position: relative; z-index: 1;}
.p_goto input{display: flex;align-items: center;justify-content: center;height: .36rem;padding: 0;transition: .5s;position: relative;z-index: 1;border: none;border-radius: 0;width: .3rem;}
.p_goto a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;}
.p_goto a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

.p_first_d{display:none !important;}
.p_last_d{display:none !important;}
.p_first{display:none !important;}
.p_last{display:none !important;}

.p_pages span.p_no_d{background: #7229c6;color: #fff!important}
.p_pages span.p_no_d:before{ background: #7229c6}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #7229c6;color:#fff!important;border-radius: 50vw;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #7229c6 1px solid;}

@media(max-width: 1025px){
    
}
@media(min-width: 769px){

}
@media(max-width: 769px){
    .pagebar{margin: .35rem auto 0 auto;}
    .pagebar .p_pages span{min-width: .36rem;height: .36rem;margin: 0 .04rem;}
    .pagebar *{ font-size: .16rem}

    .navShow .header .logo img.i2{ opacity: 0; visibility: hidden}
    .navShow .header .logo img.i1{opacity: 1;visibility: visible;}
    .header .topnav ul li>a{ color: #fff;}
    .header .topnav ul li i.plus{ color: #fff;}
    .header .topser a, .header.on .lan a{ color: #fff}
}

.n_pad1{ padding: .6rem 0 1rem;}

.n_container{position: relative;z-index: 1;min-height: 50vh;margin: 1.16rem 0 0;overflow: hidden;}
.n_container::before{content: "";position: absolute;top: 0;right: 0;left: 0;height: 1.6rem;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #F8F8F8 100%);z-index: -1;pointer-events: none;}

.n_tit1{ margin: 0 0 .55rem; text-align: center; flex-direction: column; align-items: center;}
.n_tit1 h3{font-size: .64rem;color: #000000;min-width: 4.6rem;border-bottom: #000000 1px solid;padding: 0 0 .3rem;font-weight: normal;line-height: 1;max-width: 100%;}

.n_ej{width: 100%;justify-content: center;margin: .2rem 0 0;position: relative;}
.n_ejs{padding-bottom: .5rem;}
.n_ej li{padding: 0 0;}
.n_ej .a:after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: .23rem; background: #cfcfcf;}
.n_ej .a{font-size: .24rem;color: #000000;transition: .5s;display: flex;height: .48rem;justify-items: center;align-items: center;padding: 0 .52rem;position: relative}
.n_ej .a:before{content: "";position: absolute;top: 0;right: .3rem;bottom: 0;left: .3rem;background: #7229c6;border-radius: 50vw;z-index: -1;transition: .5s;opacity: 0}

.n_ej li.on .a:before{ opacity: 1}
.n_ej li.on .a{ color: #fff}

.n_ej li:last-child .a:after{ display: none;}

.n_sj{position: absolute;top: calc(100% - .2rem);left: 50%;transform: translateX(-50%);justify-content: center;}
.n_sj li{ padding: 0 .12rem}
.n_sj a{font-size: .18rem;color: #777;transition: .5s;line-height: 1.5;}

.n_sj li.on a, .n_sj a:hover{ color: #7229c6}

.h6s1{font-family: 'Marcellus';color: #000000;font-size: .18rem;}

.nt1{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .66rem .95rem; }
.nt1 li{ min-width: 0;}
.nt1 .imgBox .img{ padding-bottom: 63.82%;}
.nt1 .txt{ padding: .32rem 0 .2rem; border-bottom: #e3d4f4 1px solid;}
.nt1 .txt::after{ content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; background: #7229c6; transition: .5s;}
.nt1 h4{ height: .48rem}
.nt1 h6{ margin: .3rem 0 0}

@media(min-width: 769px){
    .nt1 .a:hover .txt::after{ width: 100%; left: 0; }
}
@media(max-width: 768px){
    .n_container{margin: .7rem 0 0;}
    .n_tit1 h3{font-size: .28rem;min-width: 100%;padding: 0 0 .2rem;}
    .n_pad1{ padding: .3rem 0 .6rem;}
    .n_ej .a{font-size: .2rem;height: .4rem;padding: 0 .15rem;}
    .n_ej .a:before{ left: 0; right: 0}
    .n_ej .a:after{ display: none}
    .n_ej li{padding: 0;width: 100%;text-align: left;}
    .n_sj{position: relative;top: 0;left: 0;transform: none;padding: .15rem 0;}
    .n_sj a{ text-align: left}
    .n_sj li{ padding: 0 15px}

    .n_tit1{ margin: 0 0 .25rem}
    .nt1{ grid-template-columns: repeat(1, 1fr); grid-gap: .25rem .25rem; }
    .nt1 .txt{ padding: .2rem 0 .16rem;}
    .nt1 h6{ margin: .15rem 0 0}
    
}

.w1390 .wp{ max-width: 13.9rem;}

.ar_tit{position: relative;z-index: 1;margin: .4rem 0 .5rem;text-align: center;}
.ar_tit h3{font-size: .4rem;color: #000000;line-height: 1.35;margin: 0 auto;font-weight: normal;max-width: 90%;}
.ar_tit .con .ll{justify-content: center;width: 2.52rem;border-bottom: #000000 1px solid;padding: .12rem;margin: .4rem auto 0;}
.ar_tit .con .ll p{font-size: .24rem;color: #000000;line-height: .24rem;display: flex;flex-wrap: wrap;align-items: center;margin: 0 1.35vw;}
.ar_tit .con .ll p img{ width: .22rem; margin: 0 .1rem 0 0}

.details .arc-con p{ text-indent: 2em;}

.ar_tj{border-top: 1px solid #000000;padding: .3rem 0 0;position: relative;z-index: 1;margin: .7rem 0 0;display: block;}
.ar_tj .a{display: flex;font-size: .2rem;color: #000000;line-height: .28rem;margin: .1rem 0;transition: .5s;width: 100%;/* white-space: nowrap; */align-items: flex-start;}
.ar_tj .a span{display: flex;justify-content: center;align-items: center;width: .8rem;height: .28rem;border: #000000 1px solid;border-radius: 50vw;margin: 0 .15rem 0 0;transition: .5s;min-width: .8rem;}

.arc-con1 img{margin-top: 0 !important;margin-bottom: 0 !important}

@media(min-width: 1024px){
    .ar_tj .a:hover{ color: #7229c6;}
    .ar_tj .a:hover span{ border: #7229c6 1px solid; background: #7229c6; color: #fff}
}
@media(max-width: 1024px){
}
@media(max-width: 769px){
    .ar_tit h3{ font-size: .22rem;}
    .ar_tit .con .ll p{margin: 0 .1rem;font-size: .15rem;}

    .ar_tj{padding-top: .15rem;margin: .5rem 0 0;}
    .ar_tj .a{font-size: .16rem;margin: .1rem 0;max-width: 100%;width: 100%;}
    .ar_tj .a:nth-child(2){ text-align: left;}
    .arc-con img{margin: .1rem auto;}
    .ar_tit .con .ll{ margin: .1rem auto 0}
    .ar_tit{margin: .3rem 0 .3rem;}
} 
@media(max-width: 560px){
} 

.leadership{ padding: .4rem 0 0;}
.leadership .left{width: 4.07rem;max-width: 100%;}
.leadership .right{ width: calc(100% - 4.07rem - 1.2rem)}
.p_first_d{display:none !important;}
.p_last_d{display:none !important;}
.p_first{display:none !important;}
.p_last{display:none !important;}
@media(max-width: 769px){
    .leadership{ padding: 0;}
    .leadership .right{width: 100%;padding: .3rem 0 0;}

    .leadership .left{margin: 0 auto;width: 60%;}
}

.h3-1{font-size: .48rem;color: #7229c6;margin: 0 0 .5rem;font-weight: normal;}

.academics .box{ margin: 0 0 .8rem;}
.academics .box2 .h3-1{ white-space: nowrap;}
.academics .box2 .left{ width: calc(100% - 10.13rem - 1.15rem); }
.academics .box2 .left .arc-con{ margin: .6rem 0;}
.academics .box2 .right{ width: 10.13rem; max-width: 100%;}

.nt2{ margin: 0 0 .5rem;}
.nt2 dt{ font-size: .2rem; color: #000; line-height: 1.5; padding: .05rem 0;}
.nt2 dd{ font-size: .2rem; color: #000; line-height: 1.5; padding: .05rem 0 .05rem .6rem;}

.mtab1{ margin: .64rem 0 0;}
.mtab1 .hd{ width: 2.07rem;}
.mtab1 .hd ul{ position: sticky; top: 1.4rem}
.mtab1 .hd ul li{margin: 0 0 .16rem;}
.mtab1 .hd ul li .a{display: flex;height: .53rem;border: #000000 1px solid;border-radius: 50vw;font-size: .32rem;color: #000000;justify-content: center;align-items: center; transition: .5s;}
.mtab1 .bd{ width: calc(100% - 2.07rem - .6rem); padding: .4rem .66rem; background: #f0f0f0}

.mtab1 .hd ul li.on .a{ border: #7229c6 1px solid; color: #7229c6;}

.nt3 li{ font-size: .2rem; color: #000000; line-height: 1.5; padding: .08rem 0;}

.academics .box4 .left{ width: calc(100% - 9.14rem - 1.15rem); }
.academics .box4 .right{ width: 9.14rem; max-width: 100%;}

.h3-2{font-size: .26rem;color: #7229c6;margin: .6rem 0 .4rem;font-weight: normal;}

@media(max-width: 769px){
    .academics .box2 .left{ width: 100%;}
    .academics .box2 .right{ width: 100%;}

    .academics .box2 .h3-1{ white-space: normal;}
    .h3-1{font-size: .24rem;margin: 0 0 .3rem;}
    .academics .box2 .left .arc-con{ margin: .3rem 0;}

    .academics .box{ margin: 0 0 .5rem;}

    .mtab1 .hd{width: 100%;margin: 0 0 .2rem;}
    .mtab1 .bd{width: 100%;padding: .25rem 15px;}
    .mtab1 .hd ul li .a{font-size: .24rem;height: .45rem;}
    .mtab1{ margin: .34rem 0 0;}
    .nt3 li{ font-size: .18rem;}

    .academics .box4 .left{ width: 100%}
    .academics .box4 .right{width: 100%;padding: .4rem 0 0;}
    .nt2 dd{ padding: .05rem 0 .05rem .4rem;}
    .n_ejs{padding-bottom: 0;}
}