/* nyBody */
.nyBody{overflow-x: hidden;}

/* nyBanner */
.nyBanner{padding-bottom: 27.08%;position: relative;color: #FFFFFF;}
.nyBanner .title{position: absolute;left: 50%;top: 35%;transform: translateX(-50%);line-height: 1.5;font-size: 1rem;}
.nyBanner .title::before{content: "";width: 3.36rem;height: 3px;position: absolute;left: 0;bottom: -3px;background-image: linear-gradient(90deg, #8FCFFF 0%, #028AD5 100%);}
.nyBanner .nav{position: absolute;left: 50%;bottom: 2.7rem;transform: translateX(-50%);}
.nyBanner .nav li{min-width: 6.66rem;position: relative;}
.nyBanner .nav li a{display: block;position: relative;padding: 0.5rem 10px;text-align: center;line-height: 1rem;background: rgba(28, 66, 107, 0.4);backdrop-filter: blur(10px);font-size: 0.5rem;}
.nyBanner .nav li a::before{content: "";width: 80%;height: 2px;background: #FFFFFF;position: absolute;left: 10%;bottom: 0;transform: scale(0, 1);opacity: 0;}
.nyBanner .nav li a::after{content: "";width: 1px;height: 0.93rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #fff;opacity: 0.5;}
.nyBanner .nav li:first-child a::after{display: none;}
.nyBanner .nav li.on a,
.nyBanner .nav li a:hover{background: rgba(1, 61, 126, 0.81);;}
.nyBanner .nav li.on a::before,
.nyBanner .nav li a:hover::before{transform: scale(1);opacity: 1;}
.nyBanner .nav li.on a::after,
.nyBanner .nav li a:hover::after,
.nyBanner .nav li.hide a:after,
.nyBanner .nav li.chide a:after{opacity: 0;}

/* nyContent */
.nyContent{display: flex;}
.nyContent .rightContent{width: calc(100% - 8.13rem);box-sizing: border-box;}
.nyContent .rightContent .rightBox{padding: 1.2rem 0 3.33rem 3rem;}
.nyContent .rightContent.w100p{width: 100%;}
.nyContent .rightContent.w100p .rightBox{padding: 0.8rem 0 1.33rem;}

/* nySide */
.nySide{width: 8.13rem;position: relative;z-index: 3;margin-top: -1rem;}
.nySide::before,
.nySide::after{content: "";width:504px;height: 100%;position: absolute;right: 0;top: 0;}
.nySide::before{background: rgba(161, 209, 246, 0.19);}
.nySide::after{background: url(../images/side_bg.png) no-repeat center bottom;background-size: 100% auto;}
.nySide .title{position: relative;z-index: 2;padding: 1.4rem 0 2rem;}
.nySide .title::before{content: "";width: 504px;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/title_bg.jpg) no-repeat right center;background-size: cover;z-index: -1;}
.nySide .title h3{color: #FFFFFF;line-height: 1.2rem;padding: 0 0 1rem 0.3rem;font-size: 0.5rem;}
.nySide .title .line{display: block;height: 1px;background: #FFFFFF;position: relative;}
.nySide .title .line::before{content: "";width: 0.76rem;height: 0.76rem;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;position: absolute;left: -0.38rem;top: 50%;transform: translateY(-50%);}
.nySide ul{position: relative;z-index: 2;padding: 1.73rem 0;}
.nySide ul li a{display: block;padding: 0.5rem 10px 0.5rem 1.4rem;color: #333333;line-height: 0.8rem;position: relative;}
.nySide ul li a::before{content: "";width: 0.93rem;height: 1px;background: #0152AA;position: absolute;left: 0;top: 50%;transform-origin: left center;}
.nySide ul li.on a,
.nySide ul li a:hover{color: #0152AA;padding-left: 2.36rem;}
.nySide ul li.on a::before,
.nySide ul li a:hover::before{transform: scale(2,1);}

.nySide ul .navSub{display: none;}
.nySide ul .navSub ul{padding: 0.5rem 10px 0.5rem 1.6rem;}
.nySide ul .navSub ul li a{padding: 0.5rem 10px 0.5rem 0.8rem;color: #333333;}
.nySide ul .navSub ul li a::before{width: 0.3rem;background: currentColor;}
.nySide ul .navSub ul li.on a,
.nySide ul .navSub ul li a:hover{color: #0152AA;}
.innerNavBox{margin: -1.5rem 0 1.33rem;padding-top: 1.5rem;}
.innerNavBox .innerNav{margin: 0;flex: 1;padding-top: 0;}
.innerNavBox .moreStyle{width: 4.8rem;background: #fff;flex-shrink: 0;}



/* pathWrap */
.pathWrap{padding: 0.93rem 0 0.6rem;position: relative;color: #222222;line-height: 1.1rem;}
.pathWrap .line{width: 1400px;height: 1px;position: absolute;right: 0;bottom: 0;background: #DCDADA;}
.pathWrap .line::before{content: "";width: 0.76rem;height: 0.76rem;box-sizing: border-box;border: 1px solid #DCDADA;border-radius: 50%;position: absolute;left: -0.38rem;top: 50%;transform: translateY(-50%);}
.pathWrap .path{padding-left: 0.8rem;background: url(../images/icon_home.png) no-repeat left center;background-size: auto 0.53rem;font-size: 0.45rem;}
.pathWrap .path span{margin: 0 6px;font-family: "SimSun";}
.pathWrap .path a:hover{color: #0152AA;}
.nyContent .rightContent.w100p .pathWrap .line{width: 100%;}

/* nyTitle */
.nyTitle{margin-bottom: 2rem;color: #222222;line-height: 1.66rem;font-weight: normal;}
.nyTitle i{display: block;width: 7px;height: 1.33rem;margin-right: 10px;background-image: linear-gradient(135deg, #3EA0D6 0%, #0152AA 100%);}

/* innerNav */
.innerNav{margin: -1.5rem 0 1.33rem;display: flex;paddin-top: 1.5rem;}
.innerNav li{position: relative;background: #E4EEF5;border-bottom: 1px solid #D6D6D6;}
.innerNav li::before{content: "";width: 100%;height: calc(100% + 10px);position: absolute;left: 0;bottom: -1px;background-image: linear-gradient(135deg, #3EA0D6 0%, #0152AA 100%);transform-origin: center bottom;transform: scale(1, 0);opacity: 0;}
.innerNav li a{display: block;position: relative;z-index: 2;padding: 0.4rem 1.1rem;color: #666666;line-height: 0.7rem;}
.innerNav li.on a,
.innerNav li a:hover{color: #fff;}
.innerNav li.on::before,
.innerNav li:hover::before{transform: scale(1);opacity: 1;}

/* moreStyle */
.moreStyle{width: 4.03rem;height: 1.33rem;box-sizing: border-box;border: 1px solid #E8E8E8;border-radius: 0.66rem;color: #666666;}
.moreStyle .icon{margin-left: 5px;height: 0.4rem;filter: brightness(0) invert(0.5);}
.moreStyle:hover .icon,
a:hover .moreStyle .icon{filter: brightness(0) invert(1);transform: rotateZ(45deg);transition-delay: 0.1s;}


/* recruitList */
.recruitList .wrap{padding: 1rem;background: #FFFFFF;border: 1px solid #DDDDDD;}
.dateStyle{flex-shrink: 0;width: 2.8rem;height: 2.33rem;border-right: 1px solid #CCCCCC;display: flex;flex-direction: column;justify-content: center;line-height: 1;color: #666666;}
.dateStyle span{display: block;font-family: "Barlow-SemiBold";margin-bottom: 0.33rem;}
.dateStyle em{display: block;font-family: "Barlow-Regular";}
.recruitList .moreStyle{flex-shrink: 0;}
.recruitList .title{flex: 1;box-sizing: border-box;padding: 0 1rem;color: #333333;font-weight: normal;}
.recruitList .wrap:hover{border-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.recruitList .wrap:hover .title{color: #0152AA;}


/* page */
.page a{display: block;margin: 0 0.2rem;min-width: 1.4rem;height: 1.4rem;border: 1px solid #E8E8E8;background: #fff;text-align: center;line-height: 1.4rem;color: #333333;}
.page a .icon{filter: brightness(0) invert(0.5);height: 8px;}
.page a.on,
.page a:hover{border-color: #0152AA;background: #0152AA;color: #fff;}
.page a:hover .icon{filter: brightness(0) invert(1);}
.page a.disable{pointer-events: none;opacity: 0.4;}

/* subTitle */
.subTitle{margin-bottom: 0.4rem;padding-left: 0.4rem;position: relative;color: #222222;line-height: 0.93rem;font-weight: normal;}
.subTitle::before{content: "";width: 3px;height: 0.7rem;background: #0152AA;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

/* singlePage */
.singlePage .item{margin-bottom: 1.1rem;}
.singlePage .item:last-child{margin-bottom: 0;}
.singlePage .item .cont{padding-left: 0.4rem;}
.singlePage .item .cont .dl{display: flex;}
.singlePage .item .cont .dl > dt{min-width: 8.5rem;display: flex;}
.singlePage .item .cont .dl > dt span:first-child{min-width: 3.83rem;box-sizing: border-box;padding-right: 0.33rem;font-weight: bold;}
.singlePage .item .subTitle a{text-decoration: underline;color: #0152AA;}

/* tableStyle */
.tableStyle table{width: 100%;border-collapse:collapse;}
.tableStyle th{background: #E4EEF5;border: 1px solid #E9E9E9;padding: 7px;}
.tableStyle td{padding: 0.5rem;border: 1px solid #E9E9E9;background: #fff;}


/* mentor */
.mentor{display: flex;flex-wrap: wrap;}
.mentor li{width: 33.33%;box-sizing: border-box;padding: 0  0.66rem 0 0.4rem;margin-bottom: 2rem;position: relative;color: #222222;line-height: 0.7rem;}
.mentor li::before{content: "";width: 3px;height: 1.86rem;position: absolute;left: 0;top: 4px;background: #0152AA;}
.mentor li .ch,
.mentor li .en{font-weight: normal;font-size: 0.45rem;}
.mentor li .en{margin-top: 0.33rem;color: #0152AA;}
.mentor li:hover .ch{color: #0152AA;}


/* arrivingSchool */
.arrivingSchool .med{position: relative;margin-top: 2rem;}
.arrivingSchool .med .map1{position: absolute;right: 0;bottom: 5rem;width: 81.42%;z-index: -1;}
.arrivingSchool .med .wrap{width: 63.35%;box-sizing: border-box;padding: 1.1rem 1.1rem 5.76rem;background-image: linear-gradient(135deg, #3EA0D6 0%, #0152AA 100%);color: #fff;}
.arrivingSchool .med .cont{padding-left: 1.2rem;}
.arrivingSchool .med .cont .ul{padding-top: 0.83rem;}
.arrivingSchool .med .cont .ul li{list-style: disc;margin-bottom: 10px;list-style-position: inside;}
.arrivingSchool .med .cont .ul li:last-child{margin-bottom: 0;}
.arrivingSchool .map2{margin-top: -4.06rem;position: relative;z-index: 2;display: flex;justify-content: flex-end;}
.arrivingSchool .map2 img{width: 81%;}

/* lawsList */
.lawsList .wrap{padding: 1rem 0 1rem 1rem;background: #FFFFFF;border: 1px solid #DDDDDD;position: relative;}
.lawsList .icon{width: 1.66rem;height: 100%;position: absolute;right: 0;top: 0;}
.lawsList .icon::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(135deg, #3EA0D6 0%, #0152AA 100%);opacity: 0;}
.lawsList .icon img{position: relative;z-index: 2;}
.lawsList .text{flex: 1;padding: 0 1rem;overflow: hidden;color: #666666;line-height: 0.93rem;}
.lawsList .title{color: #333333;font-weight: normal;line-height: 1.1;margin-bottom: 0.66rem;}
.lawsList .wrap:hover{border-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.lawsList .wrap:hover .title{color: #0152AA;}
.lawsList .wrap:hover .icon::before{opacity: 1;}
.lawsList .wrap:hover .icon img{filter: brightness(0) invert(1);}

/* teacherList */
.teacherList{display: flex;flex-wrap: wrap;}
.teacherList li{width: 21.5%;margin-right: 4.66%;}
.teacherList li:nth-child(4n){margin-right: 0;}
.teacherList .wrap{display: block;padding: 0.8rem 0.8rem 1.2rem;background: #E4EEF5;text-align: center;color: #666666;line-height: 0.71rem;}
.teacherList .pic{padding-bottom: 128.81%;position: relative;overflow: hidden;margin-bottom: 1.5rem;}
.teacherList .pic span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.teacherList .pic img{max-width: 100%;max-height: 100%;}
.teacherList .wrap:hover{background: #D7ECFB;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}


/* partyList */
.partyList{display: flex;flex-wrap: wrap;}
.partyList li{width: 33.33%;box-sizing: border-box;position: relative;border: 1px solid #E4E4E4;background: #fff;margin-left: -1px;}
.partyList li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/party_bg.jpg) no-repeat center;background-size: cover;opacity: 0;}
.partyList .wrap{display: block;position: relative;z-index: 2;padding: 0.8rem 1.5rem 0.9rem;}
.partyList .top{align-items: flex-end;}
.partyList .date{display: flex;flex-direction: column;color: #0152AA;font-family: "Barlow-SemiBold";}
.partyList .date span{display: block;line-height: 2rem;}
.partyList .date em{display: block;line-height: 1;}
.partyList .more{color: #666666;}
.partyList .more .icon{margin-left: 5px;height: 0.43rem;}
.partyList .pic{margin: 1rem 0 0.9rem;padding-bottom: 63.49%;position: relative;overflow: hidden;}
.partyList .title{color: #313131;line-height: 1rem;height: 2rem;overflow: hidden;}
.partyList li:hover{border-color: #F5F5F5;}
.partyList li:hover::before{opacity: 1;}
.partyList li:hover .more{filter: brightness(0) invert(1);}
.partyList li:hover .date,
.partyList li:hover .title{color: #fff;}
.partyList li:hover .more .icon{transform: rotateZ(45deg);}

/* newsList */
.newsList .wrap{padding: 0.7rem 2.63rem 0.7rem 0.7rem;background: #FFFFFF;border: 1px solid #DDDDDD;}
.newsList .pic{flex-shrink: 0;width: 11rem;}
.newsList .pic span{display: block;padding-bottom: 62.42%;position: relative;overflow: hidden;}
.newsList .date{padding-left: 1.2rem;border-left: 1px solid #CCCCCC;display: flex;flex-direction: column;align-items: flex-start;color: #666666;line-height: 1;}
.newsList .date span{display: block;font-family: "Barlow-SemiBold";}
.newsList .date em{display: block;font-family: "Barlow-Regular";margin: 0.3rem 0 1rem;}
.newsList .date .icon{height: 0.5rem;filter: brightness(0) invert(0.5);}
.newsList .text{flex: 1;overflow: hidden;padding: 1.3rem 2.46rem 0.8rem 1.2rem;color: #666666;line-height: 0.93rem;}
.newsList .text .title{color: #333333;line-height: 0.66rem;padding-bottom: 1rem;margin-bottom: 0.3rem;border-bottom: 1px solid #E9E9E9;position: relative;}
.newsList .text .title::before{content: "";width: 1rem;height: 1px;background: #979797;position: absolute;left: 0;bottom: -1px;}
.newsList .text .desc{height: 2.79rem;overflow: hidden;}
.newsList .wrap:hover{border-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.newsList .wrap:hover .text .title,
.newsList .wrap:hover .date{color: #0152AA;}
.newsList .wrap:hover .date .icon{filter: brightness(1) invert(0);}
.newsList .wrap:hover .text .title::before{width: 100%;background: #0152AA;}

/* download */
.download{flex-wrap: wrap;}
.download li{width: 48.57%;}
.download .wrap{background: #FFFFFF;box-shadow: 0 4px 20px 2px rgba(92,106,104,0.07);}
.download .more{width: 3.73rem;height: 4rem;background: rgba(0, 63, 113, 0.05);flex-direction: column;color: #333333;position: relative;}
.download .more::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(135deg, #3EA0D6 0%, #0152AA 100%);opacity: 0;}
.download .more .icon{margin-top: 0.33rem;height: 0.4rem;}
.download .more .icon,
.download .more span{position: relative;z-index: 2;}
.download .text{flex: 1;padding: 0 1.33rem;color: #666666;line-height: 0.7rem;overflow: hidden;}
.download .text .date{font-family: "Barlow-Regular";}
.download .title{color: #333333;margin-bottom: 0.66rem;}
.download .wrap:hover .more::before{opacity: 1;color: #fff;opacity: 1;}
.download .wrap:hover .more{color: #fff;}
.download .wrap:hover .more .icon{filter: brightness(0) invert(1);transform: rotateZ(45deg);}
.download .wrap:hover .title{color: #0152AA;}

/* passage */
.passage .psgTitle{margin-bottom: 1.33rem;}
.passage .psgTitle .title{color: #333333;text-align: center;margin-bottom: 0.6rem;}
.passage .psgTitle .info{color: #666666;line-height: 1.06rem;}
.passage .psgTitle .info .item{margin: 0 0.8rem;}
.passage .share a{margin-left: 0.33rem;}
.passage .share img{filter: brightness(0) invert(0.5);opacity: 0.6;}
.passage .share a:hover img{filter: brightness(1) invert(0);opacity: 1;}
.passage .fontSize a{width: 1.06rem;height: 1rem;border: 1px solid #E4E4E4;border-radius: 4px;background: #fff;text-align: center;line-height: 1rem;color: #999999;margin-right: 0.26rem;}
.passage .fontSize a:last-child{margin-right: 0;}
.passage .fontSize a img{filter: brightness(0) invert(0.5);}
.passage .fontSize a:hover img{filter: brightness(0) invert(1);}
.passage .fontSize a:hover{border-color: #0152AA;background: #0152AA;}
.passage .psgCont{padding-bottom: 1rem;border-bottom: 1px solid #E4E4E4;margin-bottom: 1.5em;min-height: 300px;}
.passage .psgLink{color: #666666;line-height: 1.06rem;}
.passage .psgLink ul li a:hover{color: #0152AA;}




@media screen and (max-width: 1620px){
}
@media screen and (max-width: 1480px){
.nySide .title .line{margin-top: -1px;}
.passage .psgTitle .info .item{margin: 0 0.4rem;}
}

@media screen and (max-width: 1300px){
}


@media screen and (max-width: 1024px){
.nyBanner .nav li{min-width: 5rem;}
.nyBanner .nav li a{padding: 0.5rem 10px;}


.recruitList .wrap{padding: 0.5rem;}

.mentor li{width: 33.33%;}

.teacherList .wrap{padding: 0.5rem;}
.teacherList .pic{margin-bottom: 0.5rem;}

.partyList .wrap{padding: 0.6rem;}

.newsList .pic{width: 8rem;}
.newsList .text{padding: 0 1rem;}
.newsList .text .title{padding-bottom: 0.5rem;}
.newsList .text .desc{height: auto;max-height: 2.79rem;}

.download .text{padding: 0 0.6rem;}
}

@media screen and (max-width: 760px){
.nyBanner .nav,
.nySide{display: none;}

.nyBanner{padding-bottom: 40%;}
.nyBanner .title{font-size: 1rem;top: 50%;transform: translate(-50%, -50%);}

.pathWrap{padding: 0.3rem 0;}
.pathWrap .line{width: 100%;}

.nyContent .rightContent{width: 100%;}
.nyContent .rightContent .rightBox,
.nyContent .rightContent.w100p .rightBox{padding: 1rem 0;}


.nyTitle{margin-bottom: 1.2rem;}
.dateStyle{width: 2.5rem;height: 2rem;}

.innerNav{margin: 0 0 1rem;justify-content: center;}
.innerNavBox{margin: 0 0 1rem;}

.recruitList .title{padding: 0 0.5rem;}
.recruitList .moreStyle{display: none;}

.page .num,
.page span{display: none;}
.page .on{display: block;}

.singlePage .item{margin-bottom: 0.8rem;}
.singlePage .item .cont .dl{display: block;padding-bottom: 0.3rem;border-bottom: 1px solid #E9E9E9;margin-bottom: 0.3rem;}


.mentor li{width: 50%;margin-bottom: 1rem;}
.mentor li .en{margin-top: 3px;}

.arrivingSchool .med .wrap,
.arrivingSchool .map2 img{width: 100%;}
.arrivingSchool .map2,
.arrivingSchool .med{margin-top: 1rem;}
.arrivingSchool .med .map1{display: none;}
.arrivingSchool .med .wrap{padding: 0.8rem 0.8rem 1.2rem;}
.arrivingSchool .map2{display: block;}

.lawsList .wrap{padding: 0.5rem 0 0.5rem 0.5rem;}
.lawsList .icon{display: none;}
.lawsList .text{padding: 0 0.5rem;}
.lawsList .title{margin-bottom: 0.3rem;}

.teacherList{justify-content: space-between;}
.teacherList li{width: 49%;margin-right: 0;}

.partyList li{width: 50%;}

.newsList .wrap{padding: 0.5rem;display: block;}
.newsList .date{padding-left: 0.6rem;}
.newsList .pic{width: 100%;}
.newsList .text{padding: 0.5rem 0;}
.newsList .date{padding: 0;border-left: none;}
.newsList .date em{margin: 0.2rem 0 0.5rem;}

.download li{width: 100%;}
.download .more{width: 2.8rem;height: 3.2rem;}
.download .title{margin-bottom: 0.3rem;}


.passage .psgTitle{margin-bottom: 0.8rem;}
.passage .psgTitle .title{margin-bottom: 0.4rem;}
.passage .share,
.passage .fontSize{display: none;}
.passage .psgTitle .info .item{margin: 0 4px;}
.passage .psgCont{padding-bottom: 0.8rem;margin-bottom: 0.8rem;}
.passage .psgLink .btn{display: none;}
}

@media screen and (max-width: 468px){
.mentor li{width: 100%;padding-right: 0;}

.partyList li{width: 100%;}
.partyList .pic{margin: 0.5rem 0;}
.partyList .title{height: auto;max-height: 2rem;}

.innerNavBox{display: block;}
.innerNavBox .moreStyle{margin: 0.5rem auto 0;}
}