/* banner图、导航 */
.header_top {
    position: fixed;
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: linear-gradient(to bottom, #616161, #ffffff00);
    z-index: 9;
    transition: background-color 0.5s;
}

.logo {
    display: grid;
    align-content: center;
    padding-left: 80px;
}

.logo img {
    width: 100%;
}

.header_top_right {
    display: flex;
    flex-direction: row;
}

.top_center {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.top_center .top_link{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.top_link ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 20px;
}
.cbmap{
    margin-right: 45px;
    font-size: 20px;
    line-height: 25px;
    color: #ffffff;
    cursor: pointer;
}
.top_link ul li {
    padding: 5px 15px;
}
.top_right{
    width: 20px;
    height: 20px;
}
.top_link ul li:nth-child(2) a {
    font-size: 18px;
    color: #ffffff;
}

.nav {
    padding-right: 80px;
}

.nav>ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.nav>ul>li {
    position: relative;
    display: inline;
}

.nav>ul>li>a {
    font-size: 1vw !important;
    color: #ffffff !important;
    font-weight: bold !important;
    line-height: 24px !important;
    padding: 5px 25px !important;
    font-family: Times New Roman !important;
}

.nav_child {
    position: absolute;
    width: 100%;
    background: #ffffff;
    border-top: 3px solid #f9ae31 !important;
    top: 28px;
    display: none;
}

.nav>ul>li:hover>.nav_child {
    display: block;
    border: 1px solid #6A49BF;
    border-color: rgba(106, 73, 191, 0.5);
}

.nav_child>ul {
    display: flex;
    flex-direction: column;
}

.nav_child>ul>li {
    width: 100%;
    padding: 10px 5px;
    text-align: center;
}

.nav_child>ul>li:hover {
    background-color: #6A49BF;
    color: #ffffff;
}

.nav_child>ul>li>a {
    font-size: 16px;
    font-family: Times New Roman;
}

/* 搜索 */
.search {
    width: 100%;
    height: 100%;
    background: url(../images/search.png) no-repeat 58% 50%;
}

#bnt_search {
    width: 100%;
    height: 100%;
}

#bnt_search a {
    width: 100%;
    height: 100%;
    display: block;
}

#j_seach_box {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
}

#j_seach_box .bg_box {
    position: fixed;
    z-index: 8;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
}

#j_seach_box .box_size {
    background: url(../images/x.png) no-repeat;
    width: 50px;
    height: 50px;
    z-index: 9;
    position: absolute;
    background-size: 50px;
    top: 35%;
    right: 24%;
    cursor: pointer;
}

#j_seach_box form {
    position: absolute;
    overflow: hidden;
    top: 45%;
    z-index: 9;
    width: 685px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#j_seach_box input[type="text"] {
    border: none;
    width: 560px;
    display: block;
    height: 60px;
    color: #434343;
    font-size: 15px;
    background: #FFF;
    line-height: 60px;
    float: left;
    text-indent: 15px;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    outline: none;
}

#j_seach_box input[type="submit"] {
    background: #6A49BF;
    height: 62px;
    width: 120px;
    cursor: pointer;
    border: none;
    color: #FFF;
    float: left;
    text-align: center;
    font-size: 24px;
    line-height: 40px;
}


.banner {
    position: relative;
}

.banner .hd {
    position: absolute;
    bottom: 59px;
    right: 264px;
    z-index: 1;
}

.banner .hd ul {
    display: flex;
    flex-direction: row;
}

.banner .hd ul li {
    width: 44px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    border-bottom: 2px solid #ffffff60;
    padding-bottom: 15px;
    position: relative;
}

.banner .hd ul li.on {
    font-size: 20px;
    font-weight: bold;
    line-height: 10px;
}

.banner .hd ul li.on::before {
    content: "";
    position: absolute;
    width: 44px;
    height: 5px;
    background-color: #ffffff;
    bottom: -3px;
    left: 0;
}

.banner .bd ul li img {
    width: 100%;
}

.banner .prev {
    position: absolute;
    background: url(../images/left01.png) no-repeat;
    opacity: 1;
    display: block;
    width: 38px;
    height: 25px;
    bottom: 59px;
    right: 192px;
}

.banner .next {
    position: absolute;
    background: url(../images/right01.png) no-repeat;
    opacity: 1;
    display: block;
    width: 38px;
    height: 25px;
    bottom: 59px;
    right: 110px;
}


/* 侧边定位 */
.Side_positioning {
    position: fixed;
    top: 50%;
    left: 50px;
    z-index: 8;
    transform: translateY(-50%);
}
.Side_positioning ul li{
    font-size: 18px;
    color: #75717A;
    margin: 30px 0;
    position: relative;
    cursor: pointer;
    padding-left: 15px;
    transition: all .3s ease-in-out;
}
.Side_positioning ul li::before{
    content: "";
    position: absolute;
    background: url(../images/round.png) no-repeat;
    background-size: 100%;
    height: 18px;
    width: 18px;
    bottom: 0;
    left: -18px;
}
.Side_positioning ul li.active{
    margin: 80px 0;
    color: #6E006C;
    font-weight: bold;
}
.Side_positioning ul li.active::before{
    background: url(../images/arrow_right.png) no-repeat;
    width: 26px;
    height: 22px;
    top: -2px;
    left: -20px;
}


/* News */
.News {
    background: url(../images/News_bg.png) no-repeat;
    background-size: cover;
    height: 900px;
}

.News_title p {
    font-size: 46px;
    font-weight: bold;
    color: #69005F;
    text-align: center;
    padding: 45px 0 40px 0;
    font-family: Times New Roman;
}

.News_list {
    width: 88.544%;
    float: right;
    position: relative;
    margin-top: 50px;
}

.News_list::before {
    content: "";
    position: absolute;
    width: 96.6%;
    height: 728px;
    bottom: 0;
    background-color: #69005F;
    left: 44px;
}

.picBtnTop {
    position: relative;
    overflow: hidden;
    zoom: 1;
    width: 86.0534%;
}

.picBtnTop .hd {
    width: 32.7586%;
    height: auto;
    right: 0;
    position: absolute;
    z-index: 2;
}

.picBtnTop .hd ul li {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
}

.picBtnTop .hd ul li img {
    border: 5px solid #ffffff;
    width: 199px;
    aspect-ratio: 199 / 135;
}

.picBtnTop .hd ul li.on img {
    border-color: #E6C390;
}

.picBtnTop .hd ul li.on {
    width: 110%;
    z-index: 1;
    position: relative;
    float: right;
}

.hd_text {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: calc(100% - 198.5px);
    padding: 0 20px;
    background-color: #ffffff;
}
.hd_text_title{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.picBtnTop .hd ul li.on .hd_text {
    background-color: #E6C390;
}

.picBtnTop .hd ul li.on .hd_text .hd_text_time p,
.picBtnTop .hd ul li.on .hd_text .hd_text_title p {
    color: #ffffff;
}

.hd_text_time p {
    font-size: 12px;
    color: #2E3346;
}

.hd_text_title p {
    font-size: 18px;
    color: #2E3346;
    font-weight: bold;
    line-height: 22px;
    font-family: Times New Roman;
}

.picBtnTop .bd {
    width: 67.2414%;
    aspect-ratio: 1218.73 / 680;
    position: relative;
    height: 680px;
    z-index: 1;
}

.picBtnTop .bd ul li {
    position: relative;
    zoom: 1;
    vertical-align: middle;
}

.picBtnTop .bd ul li .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 146px;
    background: linear-gradient(to top, #69005F90, transparent);
    display: flex;
    flex-direction: column;
    padding: 0 28px;
}

.picBtnTop .bd ul li .title span {
    margin: 35px auto 15px 0;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    font-weight: bold;
    background-color: #69005F;
    padding: 7px 8px;
    border-radius: 5px;
    font-family: Times New Roman;

}

.picBtnTop .bd ul li .title a {
    color: #ffffff;
    line-height: 28px;
    font-size: 25px;
    font-weight: bold;
    font-family: Times New Roman;
}

.picBtnTop .bd ul li .title a+a {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
}



/* Why */
.Why{
    background: url(../images/Why_bg.png) no-repeat;
    background-size: cover;
    height: 900px;
    width: 100%;
}
.Why .Why_title>p{
    font-size: 46px;
    font-weight: bold;
    color: #69005F;
    text-align: center;
    padding: 45px 0 40px 0;
    font-family: Times New Roman;
}
.Why_cen{
    width: 76.196%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.Why_img{
    width: 49.172%;
    background: url(../images/Why_bg01.png) no-repeat;
    background-size: cover;
    aspect-ratio: 1 / 1;
}
.Why_img img{
    width: 66.480%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
}
.Why_list{
    width: 45.517%;
    display: flex;
    align-items: center;
}


/* Admissions */
.Admissions{
    background: url(../images/Admissions_bg.png) no-repeat;
    background-size: cover;
    height: 900px;
}
.Admissions_title p{
    font-size: 46px;
    font-weight: bold;
    color: #69005F;
    text-align: center;
    padding: 45px 0 40px 0;
    margin-bottom: 50px;
    font-family: Times New Roman;
}
.Admissions_cen{
    width: 77%;
    margin: auto;
    position: relative;
}
.Admissions_cen::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 394px;
    background-color: #6E006C;
    top: -50px;
}
.Admissions_list{
    width: 92.344%;
    margin: auto;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    zoom: 1;
    z-index: 1;
    position: relative;
}
.Admissions_list .hd{
    width: 28.427%;
    background: #DEC5D0;
    z-index: 2;
}
.Admissions_list .hd ul li{
    width: 84.571%;
    height: 80px;
    margin-left: 15.429%;
    border-bottom: 1px solid #FFFFFF;
    position: relative;
}
.Admissions_list .hd ul li.on a{
    color: #69005F;
}
.Admissions_list .hd ul li.on::before{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 88px;
    height: 2px;
    background-color: #69005F;
}
.Admissions_list .hd ul li.on::after{
    content: "";
    position: absolute;
    right: -80px;
    width: 80px;
    height: 80px;
    background: #DEC5D0 url(../images/right-green-arrow.png) no-repeat;
    background-size: 22px 5px;
    z-index: 1;
    background-position-x: 48px;
    background-position-y: 60px;
}
.Admissions_list .hd ul li a{
    font-size: 30px;
    color: #FFFFFF;
    line-height: 80px;
    font-weight: bold;
    font-family: Times New Roman;
}
.Admissions_list .bd{
    width: 71.572%;
    position: relative;
    z-index: 1;
}


/* Life */
.lift{
    background: url(../images/life_bg01.png) no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
}
.life_title p{
    font-size: 46px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding: 45px 0 40px 0;
    font-family: Times New Roman;
}
.life_cen{
    width: 76.196%;
    margin: auto;
    display: flex;
    flex-direction: row;
    padding-bottom: 111px
}
.life_cen_child01{
    width: 54.483%;
    float: left;
    position: relative;
    overflow: hidden;
}

.life_cen_child01 .hd{
    width: 100%;
    position: absolute;
    bottom: 22px;
    z-index: 2;
    overflow: hidden;
}
.life_cen_child01 .hd ul{
    display: flex;
    justify-content: center;
    flex-direction: row;
}
.life_cen_child01 .hd ul li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF20;
    margin: 0 7px;
}
.life_cen_child01 .hd ul li.on{
    background-color: #FFFFFF;
}
.life_cen_child01 .bd{
    position: relative;
    overflow: hidden;
}
.life_cen_child01 .bd::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 146px;
    bottom: 0;
    background: linear-gradient(to top, #69005F90, transparent);
    z-index: 1;
}
.life_cen_child01 .bd ul li a img{
    width: 100%;
}
.life_cen_child01 .bd ul li a p{
    position: absolute;
    bottom: 50px;
    width: 100%;
    max-width: 790px;
    padding: 0 30px;
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    font-family: Times New Roman;
    z-index: 1;
}
.life_cen_child02{
    width: 45.517%;
    float: right;
    overflow: hidden;
}
.life_cen_child02 li{
    width: 46.889%;
    float: left;
    margin: 0 0 2.6% 1.754%;
    position: relative;
    overflow: hidden;
}
.life_cen_child02 li:nth-last-child(1),
.life_cen_child02 li:nth-last-child(2){
    margin: 0 0 0 1.754%;
}
.life_cen_child02 li p{
    position: absolute;
    bottom: 0;
    height: 75px;
    width: 100%;
    text-align: center;
    line-height: 85px;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    background: linear-gradient(to top, #360A67, transparent);
    font-family: Times New Roman;
}
.life_cen_child02 li img{
    width: 100%;
}




/* Spotlight */
.Spotlight{
    width: 100%;
    background: url(../images/News_bg.png) no-repeat;
    background-size: cover;
}
.Spotlight_title p{
    font-size: 46px;
    font-weight: bold;
    color: #69005F;
    text-align: center;
    padding: 45px 0 40px 0;
    font-family: Times New Roman;
}
.Spotlight_cen{
    width: 100%;
    height: 410px;
    margin-bottom: 70px;
    overflow: hidden;
}
.Spotlight_list{
    width: 87.651%;
    float: right;
    overflow: hidden;
}
.Spotlight_list_child{
    box-shadow: -15px -20px 20px -22px #838080;
}
.Spotlight_list_hover{
    background-color: #C09974;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: -100%;
    width: 100%;
height: 100%;
    transition: top 0.5s ease;
}
.Spotlight_list_hover img{
    width: 146px;
}
.Spotlight_list_child:hover + .Spotlight_list_hover{
    top: 0 !important;
}
.Spotlight_list_hover:hover{
    top: 0 !important;
}
.Spotlight_list_hover span{
    width: 100%;
    padding: 0 10px 30px 24px;
    position: relative;
}
.Spotlight_list_hover span::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 24px;
    width: 30px;
    height: 2px;
    background-color: #ffffff;
}
.Spotlight_list_hover span a{
    width: 100%;
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: Times New Roman;
}
.Spotlight_list_hover p{
    padding: 30px 10px 50px 24px;
}
.Spotlight_list_hover p a{
    font-size: 18px;
    line-height: 30px;
    color: #ffffff65;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: Times New Roman;
}
.hover_more{
    background: url(../images/hover_more_bg.png) no-repeat;
    background-size: 100%;
    width: 33.972%;
    height: 36px;
    margin-left: 24px;
    margin-bottom: 33px;
    text-align: center;
    line-height: 36px;
}
.hover_more a{
    color: #69005F;
    font-size: 14px;
    font-family: Times New Roman;
}
.Spotlight_list .bd ul li{
    width: 365px;
    position: relative;
    float: left;
}
.hzrb{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 50px;
    background-color: #ffffff;
    box-shadow: -5px 0px 10px -5px #938e8e;
}
.hzrb img{
    width: 146px;
}
.hzrb a{
    width: 100%;
    padding: 0 10px 0 24px;
    color: #2E3346;
    font-size: 24px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: Times New Roman;
height:56px;
}
.hzrb_img{
    width: 100%;
}
.hzrb_img img{
    width: 100%;
}
.Spotlight_foot{
    background: url(../images/foot_bg.png) no-repeat;
    background-size: 100% 100%;
    height: 211px;
    position: relative;
}
.Spotlight_foot img{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* 内页尾部 */
.foot_logo{
    background: url(../images/foot_bg.png) no-repeat;
    background-size: 100% 100%;
    height: 211px;
    position: relative;
}
.foot_logo img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}


/* 尾部 */
.foot{
    width: 100%;
    background-color: #69005F;
    z-index: 1;
    position: relative;
}
.icon{
    width: 100%;
    padding-top: 20px;
}
.icon ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.icon ul li{
    margin: 0 30px;
}
.icon ul li img{
    opacity: 0.73;
}
.other{
    width: 76.196%;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: auto;
}
.Student_Service span,
.Teaching_system span,
.Basic_information span{
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    line-height: 24px;
    font-family: Times New Roman;
}
.Student_Service ul,
.Teaching_system ul{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 200px;
}
.Student_Service ul,
.Teaching_system ul,
.Basic_information p{
    margin-top: 20px;
}
.Student_Service ul li,
.Teaching_system ul li,
.Basic_information p{
    font-size: 16px;
    color: #ffffff73;
    line-height: 28px;
    font-family: Times New Roman;margin-right: 30px;
}
.copyright{
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
    background-color: #600056;
    margin-top: 30px;
}



/* 隐藏导航 */
.hidden_map{
    width: 100%;
    height: 100%;
    background: url(../images/life_bg.png) no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    z-index: 9;
    transition: 0.5s;
    right: -100%;
}
.hidden_map.active{
    right: 0;
}
.close-btn{
    font-size: 65px;
    color: white;
    right: 50px;
    top: 10px;
    position: absolute;
    cursor: pointer;
}
.hidden_cen{
    width: 73.568%;
    margin: auto;
}
.hidden_logo{
    padding: 35px;
}
.hidden_nav{
    width: 100%;
}
.hidden_nav>ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.hidden_nav>ul>li{
    padding: 0 30px;
text-align: center;
}
.hidden_nav>ul>li>a{
    padding: 10px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    font-family: Times New Roman;
}
.hidden_nav_child{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.hidden_nav_child>ul>li{
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.hidden_nav_child>ul>li>a{
    color: #ffffff;
    opacity: .7;
    font-size: 17px;
    transition: all 0.5s ease-in-out;
    display: block;
}
.hidden_nav_child>ul>li>a:hover{
    color: #f9ae31;
    transform: translateX(10px);
}
.webMapBt.hover{
    display: block;
}
.oh{
    overflow-x: hidden;
    overflow-y: hidden;
}



.ph_imglist{
    width: 95%;
    margin: auto;
}
.title{
    width: 100%;
}
.title p{
    font-size: 26px;
    height: 74px;
    line-height: 74px;
    color: #69005f;
    position: relative;
}
.title p::before{
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: #69005f;
    bottom: 10px;
    left: 0;
}
.ph_imglist ul{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ph_imglist ul li{
    width: 48%;
    margin-bottom: 20px;
}
.ph_imglist ul li img{
    width: 100%;
    border: 2px solid #e1e1e1;
}
.ph_imglist ul li p{
    font-size: 16px;
    line-height: 26px;
    color: #555;
    text-align: center;
}
.ph-listcen{
    width: 95%; 
    margin: 20px auto;
}
.ph-listcen-title{
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #69005f;
    font-family: 'Times New Roman';
}
.ph-listcen-title p::first-letter{
    color: #C19A74;
}
.ph-listcen ul{
    margin-top: 30px;
}
.ph-listcen li{
    padding-left: 80px;
    position: relative;
    width: 100%;
    height: 158px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 25px;
}
.ph-listcen li::before{
    content: "";
    position: absolute;
    background: url(../images/before02.png) no-repeat;
    left: 0;
    top: 0;
    width: 79px;
    height: 158px;
    transform: rotateZ(180deg);
}
.ph-listcen li p{
    font-size: 19px;
    line-height: 27px;
}
.ph-imglist{
    width: 95%;
    margin: 30px auto;
}
.ph-up_imgcen{
    width: 100%;
}
.ph-up_imgcen img{
    width: 100%;
    width: 100%;
    border: 3px solid #69005F;
}
.ph-up_titlecen a{
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    border-bottom: 2px solid #E6E6E6;
}
.ph-up_titlecen span{
    font-size: 16px;
    color: #75717A;
    padding-top: 10px;
    width: 100%;
    display: block;
}
.ph-up_imgtm{
    font-size: 16px;
    color: #75717A;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.ph-up_imgtm a{
    background: url(../images/bg04.png) no-repeat;
    width: 124px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}
.ph-imglist_up{
    width: 100%;
    border-bottom: 3px solid #69005F;
    padding-bottom: 15px;
}
.ph-imglist_down{
    width: 100%;
    margin-top: 15px;
}
.ph-imglist_down li{
    width: 100%;
    margin-bottom: 20px;
}
.ph-down_imgcen img{
    width: 100%;
    border: 1px solid #75717A;
}
.ph-down_title a{
    font-size: 18px;
    line-height: 20px;
    color: #2E3346;
}
.ph-down_tm{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 16px;
    color: #75717A;
    line-height: 30px;
}
.ph-down_tm a{
    border: 1px solid #69005F;
    color: #69005F;
    border-radius: 15px;
    width: 100px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    letter-spacing: 2px;
}
.ph .blocklist{
    width: 95%;
    margin: auto;
}
.ph .blistcen{
    height: 1020px !important;
    padding-top: 30px;
    margin: 10px auto 50px;
}
.ph .blistcen ul li{
    width: 200px !important;
    height: 200px !important;
    padding: 10px !important;
}
.ph .blistcen ul li:nth-child(1){
    top: 0 !important;
    left: 20px !important;
    bottom: auto !important;
}
.ph .blistcen ul li:nth-child(2){
    top: 155px !important;
    right: 0 !important;
    left: auto !important;
}

.ph .blistcen ul li:nth-child(3){
    top: 300px !important;
    left: 0 !important;
    bottom: auto !important;
    z-index: 3;
}

.ph .blistcen ul li:nth-child(4){
    top: 460px !important;
    right: 0 !important;
    z-index: 4;
}

.ph .blistcen ul li:nth-child(5){
    top: 631px !important;
    left: 0 !important;
    right: auto !important;
    z-index: 5;
}

.ph .blistcen ul li:nth-child(6){
    top: 790px !important;
    z-index: 6;
}
.ph .blistcen .dt{
    width: 60px !important;
    height: 60px !important;
    top: 0 !important;
    left: 0 !important;
}
.ph .blistcen ul li a:nth-child(2){
    bottom: 24px !important;
    right: 50px !important;
    left: auto !important; 
}
.ph .blistcen ul li a:nth-child(1){
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 24px;
    height: auto;
}
.ph .blocklist .blist_title p{
    font-size: 44px;
    line-height: 44px;
}
.ph .itlist{
    width: 95% !important;
    margin: 20px auto;
}
.ph .itlist li{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.ph .itlist_lf,
.ph .itlist_rg{
    width: 100%;
}
.ph .itlist_lf img{
    width: 100%;
}
.ph .itlist_rgup p{
    font-size: 18px;
    line-height: 22px;
    margin: 10px 0;
}
.ph .itlist_rgup span{
    font-size: 14px;
    line-height: 16px;
}
.ph .itlist_rgdown p{
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
}
.ph .lfrgit{
    width: 95%;
    margin: 20px auto;
}
.ph .lfrgit_tilte p{
    font-size: 33px;
    line-height: 40px;
}
.ph .lfrgit_tilte p::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 26px;
    background: url(../images/bg01.png) no-repeat;
    right: 21px;
    bottom: 30px;
    background-size: 180px 26px;
}
.ph .lfrgit_cen{
    padding-top: 0 !important;
}
.ph .lfrgit_cen li{
    height: 500px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.ph .lfrgit_cen li img{
    width: 96%;
    height: auto;
    margin: 10px 2%;
    position: relative;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
}
.ph .lfrgit_rg{
    width: 96%;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    position: relative;
    margin: 10px 2%;
}
.ph .lfrgit_rg p{
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 23px;
}
.ph .lfrgit_rg span{
    font-size: 16px;
    line-height: 26px;
}
.ph .sycen{
    width: 95%;
    margin: 20px auto;
}
.ph .sycen_top{
    width: 100%;
}
.ph .jianjie_title{
    padding: 0 !important;
}
.ph .jianjie_title p{
    font-size: 34px;
}
.ph .jianjie_title p::before {
    content: "";
    position: absolute;
    background: url(../images/bg01.png) no-repeat;
    width: 180px;
    height: 26px;
    right: 12px;
    top: 47px;
    background-size: 180px 26px;
}
.ph .jianjiecen p{
    font-size: 16px;
    line-height: 22px;
    padding-top: 15px;
}
.ph .jianjie_more a p{
    font-size: 16px;
    line-height: 18px;
}
.ph .biaoge td{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ph .daoshi_title p{
    font-size: 34px;
}
.ph .daoshi_title p::before {
    content: "";    
    position: absolute;
    background: url(../images/bg01.png) no-repeat;
    width: 180px;
    height: 26px;
    right: 23px;
    top: 49px;
    background-size: 180px 26px;
}
.ph .daoshicen .bd ul li{
    margin: 0px 12.5px;
}
.ph .vedio .vedio_title{
    width: 100%;
    padding-bottom: 20px;
}
.ph .vedio_title p{
    font-size: 34px;
}
.ph .vedio_title p::before {
    content: "";
    position: absolute;
    background: url(../images/bg01.png) no-repeat;
    width: 180px;
    height: 26px;
    right: 20px;
    top: 49px;
    background-size: 180px 26px;
}
.ph .vedio_cen{
    width: 90%;
    margin: auto;
    height: auto;
}
.ph .vedio_cen img{
    width: 100%;
    top: auto;
    left: auto;
    transform: none;
}
.ph .sycen_bottom{
    height: 300px;
}
.ph .biaoge tbody tr{
    font-size: 16px !important;
}
.ph .article_cen{
    width: 95%;
    margin: 20px auto;
}
.ph .atcen{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid #69005f;
    padding: 10px;
    margin-top: 20px;
} 
.ph .atcen p{
    width: 100%;
    padding: 0;
}
.ph .atcen img{
    width: 100%;
}
.ph .visa{
    width: 95%;
    padding-bottom: 30px;
}
.ph .visa_title{
    padding: 30px 0px 80px 0px;
}
.ph .visa_title p{
    font-size: 34px;
}
.ph .visa_title p::before{
    content: "";
    position: absolute;
    background: url(../images/bg01.png) no-repeat;
    width: 180px;
    height: 26px;
    top: 20px;
    right: 75px;
    background-size: 180px 26px;
}
.ph .visa_cen ul{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.ph .visa_cen ul li{
    width: 85%;
    height: 260px;
}
.ph .visa_cen ul li:nth-child(1){
    margin-left: 15%;
}
.ph .visa_cen ul li:nth-child(2){
    margin-top: 60px;
}
.ph .visa_cen ul li:nth-child(1)::after{
    content: "";
    position: absolute;
    width: 68px;
    height: 68px;
    background-color: #C19A74;
    left: -34px;
    top: -34px;
    right: auto;
}
.ph .visa_cen ul li div{
    width: 90%;
}
.ph .visa_cen ul li:nth-child(2)::after{
    content: "";
    position: absolute;
    width: 104px;
    height: 104px;
    background-color: #C19A74;
    right: -52px;
    top: -52px;
    left: auto !important;
    bottom: auto !important;
}
.ph .tptt{
    width: 95%;
    padding-bottom: 80px;
}
.ph .tptt_title{
    padding: 30px 0px 80px 0px;
}
.ph .tptt_title p{
    font-size: 34px;
}
.ph .tptt_title p::before{
    content: "";
    position: absolute;
    background: url(../images/bg01.png) no-repeat;
    width: 180px;
    height: 26px;
    top: 20px;
    right: 0px;
    background-size: 180px 26px;
}
.ph .tptt_cen ul li{
    width: 120px;
    height: 120px;
}
.ph .tptt_cen ul li .tptt_chlid{
    width: 100%;
    height: 100%;
}
.ph .tptt_chlid a img{
    width: 60px;
}
.ph .tptt_chlid a p{
    font-size: 14px;
    top: 20px;
}
.ph .tptt_cen{
    height: 60px;
    background-size: 370px
}
.ph .tptt_cen ul li:nth-child(1){
    top: -40px;
}
.ph .tptt_cen ul li:nth-child(2){
    top: -10px;
}
.ph .tptt_cen ul li:nth-child(3){
    top: -35px;
}
.ph .study{
    width: 100%;
    background: none;
}
.ph .study_lf{
    width: 100%;
}
.ph .study_lf p{
    font-size: 34px;
    padding: 0;
    text-align: center;
    color: #69005f;
}
.ph .study_rg{
    width: 100%;
    height: auto;
}
.ph .study_rg ul li{
    width: 240px;
    height: 240px;
}
.ph .study_rg ul li:nth-child(1){
    top: 0;
    left: 0;
}
.ph .study_rg ul li:nth-child(2){
    top: 120px;
    right: 0;
}
.ph .study_rg ul li:nth-child(3){
    top: 240px;
    left: 0;
}
.ph .study_rg ul li:nth-child(4){
    top: 360px;
    right: 0;
}
.ph .study_rg ul li:nth-child(5){
    top: 480;
    left: 0;
}
.ph .study_rg ul li:nth-child(6){
    top: 600px;
    right: 0;
}
.ph .life{
    background: none;
    height: 780px;
}
.ph .life_lf{
    width: 100%;
}
.ph .life_rg p{
    font-size: 34px;
    text-align: center;
    padding: 0;
    color: #69005f;
}
.ph .life_lf ul li{
    width: 240px;
    height: 240px;
}
.ph .life_lf ul li:nth-child(1){
    top: 0;
    left: 0;
}
.ph .life_lf ul li:nth-child(2){
    top: 120px;
    right: 0;
}
.ph .life_lf ul li:nth-child(3){
    top: 240px;
    left: 0;
}
.ph .life_lf ul li:nth-child(4){
    top: 360px;
    right: 0;
    left: auto;
}
.ph .life_lf ul li:nth-child(5){
    top: 480px;
    left: 0;
}
.ph .life_lf ul li:nth-child(6){
    top: 600px;
    right: 0;
}
.ph .life_rg,
.ph .study_lf{
    padding: 20px 0;
}
.ph .study_rg ul li a img,
.ph .life_lf ul li a img{
    width: 80px;
}
.ph .study_rg ul li a:nth-child(2),
.ph .life_lf ul li a:nth-child(2){
    font-size: 16px;
}
.ph .activity_title{
    width: 100%;
    padding: 20px 0;
    margin: 0 auto 20px;
}
.ph .activity_title p{
    font-size: 34px;
}
.ph .activity_lb{
    width: 100%;
    height: 430px;
    margin-bottom: 30px;
}
.ph .activity_list{
    width: 100%;
    margin: 0;
}
.ph .activity_list ul{
    display: flex;
    flex-direction: column;
}
.ph .activity_list ul li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
.ph .activity{
    width: 95%;
    margin: 20px auto;
}
.ph .activity_lb .bd{
    padding-top: 30px;
}
.ph .activity_lb .bd ul li{
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}
.ph .activity_lbrg{
    width: 90%;
    margin: auto;
}
.ph .activity_lbrg img{
    width: 100%;
}
.ph .activity_lblf{
    width: 100%;
}
.ph .activity_lblf a:nth-child(1){
    font-size: 18px;
    width: 90%;
    margin: 20px auto;
}
.ph .activity_lblf a:nth-child(2){
    width: 90%;
    margin: auto;
    font-size: 16px;
}
.ph .activity_lb .prev{
    bottom: 30px;
    left: 50px;
    z-index: 9;
}
.ph .activity_lb .next{
    left: auto !important;
    bottom: 30px;
    right: 50px;
    z-index: 9;
}
.ph .activity_lb .hd{
    width: 100%;
    bottom: 35px;
    left: auto;
}
.ph .activity_lb .hd ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}
.ph .canteen{
    width: 95%;
    margin: 20px auto;
}
.ph .canteen_title{
    padding-top: 0;
    padding-bottom: 50px;
}
.ph .canteen_title p{
    font-size: 34px;
}
.ph .canteen_title p::before {
    content: "";
    position: absolute;
    background: url(../images/bg01.png) no-repeat;
    width: 180px;
    height: 26px;
    top: 19px;
    right: 45px;
    background-size: 180px 26px;
}
.ph .canteen ul li img{
    width: 100%;
}
.ph .canteen ul li{
    display: flex;
    flex-direction: column !important;
}
.ph .canteen ul li .canteen_cen{
    width: 100%;
    height: auto;
    padding: 10px;
    position: relative;
    top: 0;
    transform: none;
}
.ph .canteen ul li .canteen_cen>p{
    font-size: 18px;
}
.ph .canteen ul li .canteen_cen .time_cen{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ph .canteen ul li .canteen_cen .time_cen p{
    width: 50%;
    font-size: 16px;
    margin-bottom: 10px;
}
.ph .canteen ul li .canteen_cen a{
    bottom: 30px;
    right: 27px;
}
.ph .ph-cafe p::before{
    content: "";
    position: absolute;
    background: url(../images/bg01.png) no-repeat;
    width: 180px;
    height: 26px;
    top: 19px;
    right: 73px;
    background-size: 180px 26px;
}
.ph .activity .dl_list{
    width: 100%;
}
.ph .activity .dl_list ul li::before{
    content: "";
    position: absolute;
    background: url(../images/img/txt.png) no-repeat;
    width: 26px;
    height: 26px;
    background-size: 26px;
    left: 15px;
}
.ph .activity .dl_list ul li p{
    font-size: 16px;
    padding-left: 50px;
}
.ph .activity .dl_list ul li a{
    width: 80px;
}
.ph .sports{
    width: 95%;
    margin: 20px auto;
    padding-top: 0;
    padding-bottom: 30px;
}
.ph .sports .sports_title p{
    font-size: 34px;
    margin-bottom: 40px;
}
.ph .sports_title p::before{
    content: "";
    position: absolute;
    background: url(../images/bg01.png) no-repeat;
    width: 180px;
    height: 26px;
    top: 23px;
    right: 59px;
    background-size: 180px 26px;
}
.ph .sports_list .hd ul li{
    width: 48%;
    text-align: center;
    height: 56px;
}
.ph .alumni{
    width: 95%;
    margin: 20px auto;
    padding-top: 0;
    padding-bottom: 30px;
}
.ph .alumni .alumni_title p{
    font-size: 34px;
    margin-bottom: 40px;
}
.ph .alumni_title p::before{
    content: "";
    position: absolute;
    background: url(../images/bg01.png) no-repeat;
    width: 180px;
    height: 26px;
    top: 18px;
    right: 52px;
    background-size: 180px 26px;
}
.ph .alumni .alumni_cen{
    display: flex;
    flex-direction: column;
}
.ph .alumni .alumni_cen .alumni_img{
    width: 100%;
}
.ph .alumni .alumni_cen .al_rg{
    width: 100%;
    padding: 0 0 80px 0;
}
.ph .al_rg a{
    bottom: 25px;
    left: 0;
}
.ph .alumni .al_list{
    padding-top: 30px;
}
.ph .alumni .al_list ul{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.ph .alumni .al_list ul li{
    width: 100%;
}
.ph .al_list ul li .al_title{
    padding: 0;
}