@media screen and (min-width:1200px){
    .container{
        width: 14.3rem;
        margin:0 auto;}
}
@media screen and (max-width:1600px) {
    .menu_top ul li {
        padding: 0 10px;
        font-size: 14px;}
    .menu_bottom ul li {
        font-size: 16px;}
}
@media screen and (max-width:1400px) {
    .tab_list .tab_item h4 {
        font-size: 20px;}
    .tab_list .tab_item p {
        font-size: 14px;}
    .tab_list .tab_item {
        height: 3.7rem;}
    .public_tab ul li {
        font-size: 16px;}
    
    .mySwiper2 .swiper-slide .c_describe {
        height: 1.6rem;
        padding: 0.2rem 1.5rem 0.25rem 0.15rem;
        border-bottom: none;}
    .mySwiper2 .swiper-slide .c_describe p {
        font-size: 18px;
        margin-bottom: 5px;}
    .mySwiper2 .swiper-slide .c_describe :last-child {
        font-size: 14px;}
}
@media screen and (max-width:1200px) {

    .mobile{display: block;}
    .consulting .phone span {
        font-size: 12px;}
    .consulting .phone p {
        font-size: 16px;}
    .consulting .phone {
        padding-bottom: 10px;
        margin-bottom: 10px;}
    .consulting .question {
        padding-bottom: 15px;
        margin-bottom: 10px;}
    .consulting .question p {
        font-size:16px;}
    .consulting .EDP :first-child {
        font-size: 16px;}
    .consulting .EDP p {
        font-size: 14px;}
    .consulting .EDP span {
        font-size: 14px;
        margin: 10px 0 18px;}
    .head_wrap .logo {
        height: 1.2rem;}
    .wrapper p{
        font-size: .3rem;}
    .o_c_details p {
        font-size: .3rem;}
    .page_location{
    
        left: 15px;
        padding: 6px 13px;

        font-size: 14px;}
    .tab_list .tab_item {
        height: 5.1rem;}
    .public_title {
        font-size: .45rem;
        padding-bottom: 0.33rem;
        margin-bottom: 0.5rem;
        position: relative;}
    .professor_info p {
        margin: 0.3rem 0 0.7rem;
        font-size: .24rem;}
    .mySwiper3 .swiper-slide {
 
        height: 5.5rem;}
    .alumni_tab_list .tab_item .i_imgwrap {
        height: 4rem;}
    .f_i_describe {
        height: 2.25rem;}
    .mySwiper4 {
        height: 5.2rem;}
    .news_info p {
        font-size: .33rem;}
    .news_await_describe span {
        font-size: .22rem;}
    .news_await_describe p {
        font-size: .26rem;}
    .f_i_describe p {
        font-size: .3rem;}
    .innerBanner {
        height: 5.7rem;
        margin-bottom: 0.9rem;}

    .custim_tab{
        margin-bottom: 25px;}
    .inner_title {
        font-size: 24px;
        height: auto;
        margin-bottom: 20px;}
    .custim_tab li{
        padding: 10px 0;}
    .custim_tab li a {
        font-size: 18px;}
    .financial_list li{
        height: 4.4rem;}
    .financial_list li .imgWrap {
        height: 3.55rem;}
    .li_describe h4 {
        font-size: .24rem;}
    .li_describe p{
        font-size: .2rem;}
    .backBtn{
        max-width: 300px;
        margin-bottom: 20px;}
    .backBtn a {
        font-size: .24rem;
        padding: 0.15rem .225rem;}
    .backBtn i {
        width: 0.24rem;
        height: 0.24rem;}
    .public_describe h4 {
        font-size: .36rem;}
    .details_title {
        padding: .21rem 0 .375rem;}
    .details_table2 td {
        font-size: .36rem;
        height: 1.05rem;}
    .de_btns {
        margin-left: 0.75rem;
        flex-basis: 2.5rem;}
    .de_btns>div a {
        width: 100%;
        font-size: .3rem;}
    .de_btns>div {
        margin-bottom: 0.3rem;
        height: 0.9rem;
        line-height: .9rem;}
    .o_c_details p {
        padding: .15rem .24rem;}
    .o_c_details .details_tilte2 {
        font-size: .42rem;
        margin-bottom: 0.18rem;}
    .details_list {
        font-size: .33rem;
        margin-bottom: .75rem;}
    .details_list li{
        margin-bottom: .1rem;}
    .details_table th {
        font-size: .36rem;
        padding: 0.15rem 0;}
    .content_title ul li {
        height: .55rem;
        width: 1.5rem;
        line-height: .55rem;
        font-size: .3rem;}
	
	
	
    .innerSearch {
        flex-basis: 3.2rem;
        height: 0.55rem;}
    .innerSearch i {
        width: 0.33rem;
        height: 0.42rem;
        right: 0.15rem;}
    .content_title {
        padding-bottom: 0.4rem;}
    .check_mon {
        padding: .24rem 0;
        margin-bottom: 0.45rem;}
    .check_mon span {
        width: 1.8rem;
        font-size: .3rem;}
    .check_mon i {
        width: 0.18rem;
        height: .2rem;
        left: 1.8rem;}
    .check_mon dl {
        width: 1.8rem;
        padding: 0.3rem .18rem;}
    .check_mon dl dd{
        font-size: .27rem;}
    .schedule_item {
        height: 3rem;
        padding: 0.75rem 0.33rem 0.45rem;
        margin-bottom: 0.3rem;}
    .schedule_item h4 {
        font-size: .33rem;
        margin-bottom: .12rem;}
    .schedule_item p {
        font-size: .27rem;
        line-height: 1.8;}
    .schedule_item span {
        width: 1.5rem;
        height: .55rem;
        position: absolute;
        line-height: .55rem;
        padding-left: 0.25rem;
        font-size: .3rem;}
    .course_item_smtitle {
        font-size: .3rem;
        padding: .15rem .24rem;
        margin-bottom: 0.35rem;}
    .public_list1 li {
        height: 6.65rem;
        margin-bottom: .6rem;}
    .mask {
        padding: 0.18rem 0;}
    .mask h3 {
        font-size: .4rem;}
    .li_msg p {
        font-size: .24rem;}
    .course_item_title {
        font-size: .45rem;
        padding: .25rem 0 0.45rem;
		margin-bottom: 37px;}
    .course_item dl dd img {
        height: 0.7rem;
        margin: 0 auto 0.3rem;}
    .course_item dl dd p {
        font-size: .4rem;}
    .course_item {
        font-size: .3rem;}
    .refer_item_left {
        font-size: .4rem;
        padding: 0.33rem 0;}
    .refer_item_right {
        padding: 0.33rem 0 0 .5rem;}
    .refer_item p {
        font-size: .3rem;}
    .process_item {
        flex-basis: calc(25% - 0.45rem);
        height: 2.5rem;
        margin-bottom: 0.65rem;
        margin-right: 0.6rem;}
    .process_item p{
        font-size: .36rem;}
    .process_item div {
        padding: 0.1rem 0.15rem;
        font-size: .27rem;}
    .table_title {
        padding: 0.33rem 0;
        font-size: .36rem;}
    .table_msg {
        padding: 0.33rem 0 0.33rem 0.65rem;
        font-size: .3rem;}
    .news-item {
        height:7rem;
        margin-bottom: 0.6rem;}
    .news-item .news_imgWrap {
        flex-basis: 61%;}
    .news_info span {
        font-size: .22rem;}
    .news-item .news_info p:nth-child(2) {
        margin-bottom: 0.25rem;
        font-size: .33rem;}
    .news-item .news_info p:nth-child(3) {
        font-size: .26rem;}
    .view_more a {
        font-size: .24rem;}
    .alumni_list li .imgWrap {
        height: 3.3rem;}
    .alumni_list_describe {
        height: 1.25rem;
        padding: 0.2rem 0.1rem;
        background-color: #f9f9f9;
        color: #8b0012;
        font-size: .14rem;
        transition: all .35s;}
    .alumni_list_describe {
        height: 2rem;
        padding: 0.3rem 0.15rem;
        font-size: .24rem;}
    .d_view_list .swiper-slide {
        height: 4.6rem;}
    .professor_info h3 {
        font-size: .45rem;}
    .d_view_info p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: .27rem;}
    .mien_list li .imgWrap {
        height: 3.3rem;}
    .mien_list li .info {
        height: 1.35rem;
        padding-top: 0.22rem;
        font-size: .36rem;}
    .tab2_list{
        height: 10.3rem;}
    .mySwiper2 .swiper-slide .imgWrap {
        height: 8.1rem;}
    .mySwiper2 .swiper-slide .c_describe {
        height: 2.2rem;
        background-color: #f9f9f9;
        padding: 0.3rem 3rem .4rem .25rem;}
    .mySwiper2 .swiper-slide .c_describe p {
        font-size: .33rem;
        margin-bottom: 0.1rem;}
    .mySwiper2 .swiper-slide .c_describe :last-child {
        font-size: .22rem;}
    .mySwiper_in3 .swiper-pagination_in3 {
        bottom: 2.5rem;}
    .mySwiper_in4 .swiper-slide {
        height: 5rem;}
    .tariler_info h4 {
        font-size: .4rem;
        line-height: 1.3;}
    .d_tariler_list li {
        padding: 0.75rem 0;}
    .d_tariler_list li .imgWrap {
        position: relative;
        overflow: hidden;
        height: 2.25rem;
        flex-basis: 38%;
        margin-right: 0.4rem;}
    .d_tariler_list li .imgWrap {
        height: 3.5rem;
        flex-basis: 6.3rem;}
    .d_tariler_list li .info h4 {
        font-size: .4rem;}
    .a_f_list li .imgWrap {
        flex-basis: 38%;
        height: 3.5rem;}
    .a_f_list li .info h4 {
        font-size: .4rem;}
    .a_f_list li .info p{
        font-size: .27rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;}
    .bulletin_list li {

        height: 2.4rem;
        margin-bottom: 0.35rem;
        padding: 0.44rem 0.33rem;
        font-size: .27rem;}
    .bulletin_list li p {
        font-size: .33rem;}
    .about_num li p {
        font-size: .33rem;}
    .about_num li h3 {
        font-size: .45rem;}
    .about_num li h3 span {
        font-size: .75rem;}
    .remarks p{
        font-size: .45rem;}
    .dean_remarks {
        height: 8rem;}
    .public_describe .public_h4 {
        font-size: .33rem;}
    .mySwiper_in2 .swiper-slide {
        height: 7rem;}
    .mapWrap {
        height: 8.1rem;}
    .address h4, .leaveWord h4 {
        font-size: .33rem;}
    .leaveWord h4 {
        margin-bottom: 0.1rem;}
    .leaveWord {
        flex-basis:7rem;}
    .leaveWord input, .leaveWord select {
        height: .72rem;
        margin-bottom: 0.3rem;
        padding-left: 0.225rem;}
    .leaveWord input::placeholder{
        font-size: .27rem;}
    .leaveWord select {
        font-size: .27rem;
        padding-left: 0.2rem;}
    .leaveWord button {
        height: .72rem;
        line-height: .72rem;

        font-size: .27rem;}
    .organization_list li {
        flex-basis: calc((100% / 3) - 8px);
        height: 6.3rem;}
    .organization_list li:nth-child(4n){
        margin-right: 12px;}
    .organization_list li:nth-child(3n){
        margin-right: 0;}
    .organization_list li .imgWrap {
        height: 5.1rem;}
    .organization_list li h4{
        font-size: .36rem;}
    .openCourses h4 {
        font-size: .49rem;

        margin-bottom: 0.4rem;}
    .o_c_title {
        font-size: .4rem;}
    .o_c_list_item{
        margin-bottom: .25rem;}
    .o_c_list_item>a {
        display: block;}
    .o_c_list_item>a p:first-child {
        display: inline-block;}
    .o_c_list_item .view_more {
        top: auto;
        bottom: 0;
        line-height: 1.8;
        transform: translateY(0);}
    .d_n_title {
        font-size: .27rem;

        padding-bottom: 0.45rem;
        margin-bottom: 0.45rem;}
    .d_n_title h4 {
        font-size: .4rem;}
}
@media screen and (max-width:1068px) {
    .head_wrap {
        padding: 10px 0 14px;}
    .menu_btn{
        display: flex;}
    .menu{
        display: none;}
    .head::before{height:7rem;}
    .head_wrap .logo {
        height: 42px;}
    .apply_enter {
        width: 140px;
        transform: translateX( 140px);}
    .btn_apply {
        width: 90px;
        height: 90px;
        left: -45px;
        padding-left: 15px;
        font-size: 12px;}
    .apply_enter{
        display: none;}
    .sm_consulting{
        display: block;}
    footer {
        padding: 40px 0 0;
        background-color: #fff;
        border-top: none;}
    .ft_logo{
        display: none;}
    .ft_fl{
        width: 100%;}
    .ft_fr {
        display: none;}
    .sm_ft_logo{
        width: 50%;}
    .sm_ft_logo img{
        width: 100%;}
    .jump{
        margin: 30px 0 30px;}
    .sm_ft_logo{
        display: block;
        max-width: 270px;}
    .jump .jump_item {
        padding: 5px 20px;
        border: 1px solid #333;
        color: #666;
        font-size: 16px;
        margin-bottom: 10px;
        margin-right: 10px;}
    .jump .jump_item a{
        color: #666;}
    .copyright {
        font-size: 12px;
        border-top: none;
        background-color: #8b0012;
        padding: 8px 15px;
        opacity: 1;}
}
@media screen and (max-width:768px) {
    .custom_details h2 {
        display: none;}
    .custim_tab li i {

        height: 20px;
        width: 8px;
        margin-left: 0.15rem;}
    .apply_enter{
        display: none;}
    .banner {
        height: 580px;
        display: none;}
    .sm-banner {display: block;width:100%;height: auto;}
    .sm-banner .sm_slide{display: block;width:100%;height: auto;}
    .sm-banner .sm_slide img{width:100%;height: auto;}
    .banner .swiper-slide{
        display: none;}
    .innerBanner .swiper-slide{
        display: block;}
    .banner .sm_slide{
        display: block;}
    .number .container{
        padding: 0;}
    .number-item {
        flex-basis: 50%;
        justify-content: center !important;
        padding:15px 0 !important;
        align-items: center !important;
        border-right: none !important;}
    .number-item:nth-child(-n+2){
        border-bottom: 1px solid #808080;}
    .n_i_wrap svg {
        height: 40px;
        margin-bottom: 10px;}
    .n_i_wrap p {
        font-size: 14px;
        line-height: 1.3;}
    .n_i_wrap p:last-child span, .n_i_wrap p:last-child i {
        font-size: 28px;}
    .screen1 {

        padding: 35px 0 20px;}
    .screen1 .bg {
        background: url(../../images/phbs_edp_2022/watermark.png) no-repeat -1% -60%;
        background-size: 150%;}
    .only_public_tab {
        margin-bottom: 25px;
        padding:0 15px;}
    .only_public_tab ul li {
        font-size: 22px;
        padding: 6px 12px;
        margin-right: 10px;}
    .only_public_tab ul li.active::after, .only_public_tab ul li:hover::after {

        border-width: 10px !important;
        
        bottom: -20px !important;}
    .public_tab .view_more {
        display: none;}
    .screen1 .container{
        padding: 0;}
    .scroll_wrap{
        height: 125px;
        overflow: hidden;}
    .tab_list{
        padding: 0 15px;
        overflow-x: scroll;}
    .tab_list>div{
        width: calc(150% + 5px);}
    .tab_list .tab_item {
        height: 125px;
        width: calc((100% / 3) - (20px / 3));
        margin-left: 10px;}
    .tab_list .tab_item::after{
        width: 100%;
        height: 100%;
        background-color: transparent;
        opacity: 1;
        background-image: linear-gradient(to bottom,transparent 50%,#8b0012);
        display: block;
        transform: translateY(0);}
    .tab_list .tab_item h4 {
        position: absolute;
        bottom: 15px;
        color: #fff;
        width: 100%;
        text-align: center;
		font-size: 16px;
		margin-bottom: 0;
		font-weight: normal;}
    .tab_list .tab_item:hover p{
        display: none;}
    .tab_list .tab_item:hover .view_more{
        display: none;}
    .tab_list .tab_item:hover h4{
        padding-bottom: 0;
        border: none;}
    .tab2_list{
        height: 260px;}
    .sm_view_more{
        display: block;
        margin: 30px 0 100px;}
    .sm_view_more a{
        justify-content: center;
        font-size: 18px !important;}
    .course2{
        padding: 30px 0 0 15px;}
    .public_tab{
        padding-bottom: 10px;
        margin-bottom: 15px;}
	
	.public_tab ul  { width: 100%;}
	 
    .public_tab ul li {
        margin-right: 5%;
        font-size: 18px;
        font-weight: bold;}
    .public_tab ul li.active::after {
        width: 1px;
        height: 8px;

        bottom: -10px;}
    .mySwiper2 {
        flex-basis: 100%;}
    .await_slide{
        display: none;}
    .mySwiper2 .swiper-slide .c_describe :last-child {
        display: none;}
    .mySwiper2 .swiper-slide .c_describe p {
        margin-bottom: 0px !important;}
    .course2 .sm_view_more{
        margin-bottom: 10px;}
    .public_title {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 25px;}
    .screen2 .public_title::after{height:3px;width:4em;}
    .screen3 .public_title::after{height:3px;width:4em;}
    .screen4 .public_title::after{height:3px;width:4em;}
    .mySwiper3 .swiper-slide {
        height: 380px;
        flex-direction: column;}
    .mySwiper3 .swiper-button-prev, .mySwiper3 .swiper-button-next{
        opacity: 1;
        width: 30px;
        height: 30px;}
    .mySwiper3 .swiper-button-prev::after, .mySwiper3 .swiper-button-next::after{
        font-size: 14px;}
    .professor_info h3 {
        font-size: 20px !important;
        color: #fff;}
    .professor_img{width:100%;display: block;}
    .professor_info {
     
        margin-left: 0;
        padding: 20px 0 35px;
        border-bottom: 1px solid #808080;}
    .professor_info p {
        margin: 15px 0 0;
        font-size: 14px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;}
    .professor_info .view_more{
        display: none;}
    .screen2{
        padding: 40px 0 ;}
    .screen2 .view_more,
    .screen3 .view_more{

        margin-bottom: 10px;}
    .screen2 .view_more a,
    .screen3 .view_more a{
        width: 100%;
        color: #fff;}
    .screen2 .view_more i,
    .screen3 .view_more i{
        background-image: url(../../images/phbs_edp_2022/icons/add_white.png);}
    .screen3{
        padding: 40px 0 0 0;}
    .alumni_tab_list .tab_item {
        flex-basis: 100%;
        margin-left: 0px;
        display: none;}
    .screen3 .tab_item:first-child{
        display: block;}
    .alumni_tab_list .tab_item .i_imgwrap {
        height: 190px;}
    .f_i_describe {
        height: auto;
        padding: 15px 10px 25px;}
    .f_i_describe span {
        font-size: 14px;}
    .f_i_describe p {
        font-size: 16px;
        font-weight: bold;
        margin-top: 5px;}
    .screen4{
        padding: 0 0 40px 0;}
    .news_title .view_more{
        display: none;}
    .mySwiper4{
        display: none;}
    .news_await_slide_item{
        margin-left: 10px;}
    .news_await_slide_item:first-child {
        margin-left: 0;}
    .news_await_imgWrap {
        height: 125px;}
    .news_await_describe span {
        font-size: 12px;}
    .news_await_describe p {
        font-size: 14px;}
    .news_await_describe {
        height:auto;
        padding: 15px 0 30px;
        border-bottom: none;}
    .page_location,
    .custim_tab,
    .inner_title,
    .backBtn{
        display: none;}
    .sm_sidebar{
        display: block;}
    .innerBanner {
        height: 175px;
        margin-bottom: 0px;}
    .public_page  p {
        display: none;}
    .wrapper {
        margin-bottom: 80px;}
    .wrapper p{
        font-size: 16px;}
    .o_c_details p {
        font-size: 16px;}
    .view_more a {
        font-size: 14px;}
    .financial_list li{
        flex-basis: 100%;
        height: auto;
        margin-bottom: 20px;
        margin-right: 0 !important;}
    .financial_list li .imgWrap {
        height: 170px;}
    .li_describe {
        position: static;
        background-color: #8b0012;
        padding: 10px 5px;}
    .li_describe h4 {
        font-size: 16px;
        color: #fff;}

    .course_item_title {
        font-size: 22px;
        padding: 10px 0 15px;}
    .mapWrap {
        height: 250px;
        margin-bottom: 30px;}
    .wrapper .flex_wrap{
        display: block;}
    .address h4, .leaveWord h4 {
        font-size: 20px;
		margin-bottom: 5px;}
    .leaveWord input, .leaveWord select {
        height: 40px;
        margin-bottom: 15px;
        padding-left: 15px;
        font-size: 16px;}
    .leaveWord input::placeholder{
        font-size: 16px;}
    .leaveWord select {
        padding-left: 12px;}
    .leaveWord button {
        height: 40px;
        line-height: 40px;
        font-size: 16px;}
    .public_describe .public_h4 {
        font-size: 18px;}
    .public_describe p {

        margin-bottom: 20px;
        word-break: break-all;
        text-align: justify;}
    .course_item_smtitle {
        font-size: 18px !important;
        padding: 15px 12px;
        margin-bottom: 20px;}
    .mySwiper_in2 .swiper-slide {
        width: 100%;
        margin-right: 0;
        height: 225px;
        margin-bottom: 20px;}
    .organization_list li {
        flex-basis: 100%;
        height: 270px;}
    .organization_list li .imgWrap {
        height: 210px;}
    .organization_list li h4 {
        font-size: 20px;}
    .dean_remarks {
        height: auto;
        margin-bottom: 25px;}
    .remarks{
        width: 100%;
        margin-top: 20px;
		margin-bottom: 25px;}
    .remarks p {
        font-size: 20px;}
    .dean {
        display: inline-block;
        position: relative;
        right: auto;
        height: 250px;
		    margin-left: 52%;}
    .sign {
		display: inline-block;
		position: absolute;
		left: 42px;
		bottom: 62%;}
    .sign img{
        width: 70px;}
    .public_describe h3 {
        font-size: 24px;
        margin-bottom: 20px;}
    .about_img {
        height: 150px;
        margin-bottom: 20px;}
    .public_describe h4 {
        font-size: 20px;
        margin-bottom: 20px;}
    .about_num li{
        flex-basis: 100%;
        padding: 0 0 !important;
        border: none !important;
        margin-bottom: 35px;}
    .about_num li p {
        font-size: 20px;}
    .about_num li h3 {
        font-size:24px;}
    .about_num li h3 span {
        font-size:36px;}
    .about_img2 {
        height: 180px;
        margin-bottom: 20px;}
    .public_list1 li {
        height: 6.65rem;
        margin-bottom: 0.6rem;}
    .public_list1 li {
        height: 200px;
        flex-basis: 100%;
        margin-bottom: 20px;
        margin-right: 0;}
    .mask{
        padding: 8px 0;}
    .public_list1 li:hover .mask, .mySwiper_in2 .swiper-slide:hover .mask {
        padding:8px 0;
        background-color: rgba(57, 47, 48, .9);}
    .mask h3{
        font-size: 20px;}
    .public_list1 li:hover .li_msg, .mySwiper_in2 .swiper-slide:hover .li_msg {
        display: none;}
    .public_list1 li:hover h3, .mySwiper_in2 .swiper-slide:hover h3 {
        text-align: center;
        margin-bottom: 0;}
    .course_item {
        font-size: 16px;}
    .course_item dl dd div {
        width: 100%;}
    
    
    .course_item dl {
        display: flex;
        width: 100%;
        transform: scale(.975);
        margin: 10px 0 30px;}
    .course_item dl dd img {
        height: 20px;
        margin: 0 auto 10px;}
    .course_item dl dd p {
        font-size: 13px;}
    
    .refer_item_left {
        flex-basis: 28%;}
    .refer_item_right div {
        flex-basis: 100%;
        margin-bottom: 10px;}
    .refer_item_left {
        font-size: 20px;
        padding: 15px 0;}

    .process_item div {
        padding: 3px 12px;
        font-size: 14px;}
    .refer_item_right {
        padding: 15px 0 0 20px;}
    .refer_item p {
        font-size: 16px;}
    .course_item .process {
        margin-top: 30px;}
    .process_item {
        flex-basis: calc(50% - 5px);
        height: 120px;
        margin-bottom: 15px;
        margin-right: 10px;}
    .process_item:nth-child(2n){
        margin-right: 0;}
    .process_row:nth-child(2n){
        flex-direction:initial ;}
    .process_row:nth-child(2n) .process_item{
        margin-left: 0;
        margin-right: 10px;}
    .process_row:nth-child(2n) .process_item:nth-child(2n){
        margin-right: 0;}
    .table_title {
        padding: 15px 0;
        font-size: 20px;}
    .table_msg {
        padding: 15px;}
    .refer_table {
        border-top: 2px solid #8b0012;
        margin-bottom: 80px;}
    .custom_details h2 {
        font-size: 22px;
        color: #8b0012;
        margin-bottom: 20px;}
    .case-list li {
        flex-basis: calc(50% - 5px);
        margin-right: 10px;
        height: 80px;}
    .case-list li:nth-child(2n){
        margin-right: 0;}
    .news-item .news_imgWrap {
        flex-basis: 100%;
        height: 225px;}
   
    .news-item {
        height: auto;
        margin-bottom: 30px;}
    .news-item .news_info {
        padding: 10px 15px;}
    .news_info span {
        font-size: 14px;}
    .news-item .news_info p:nth-child(2) {
        margin-bottom: 15px;
        font-size: 18px;}
    .news-item .news_info p:nth-child(3) {
        font-size: 15px;}
    .alumni_list li {
        flex-basis:100%;
        margin-right: 0;
        margin-bottom: 20px;}
    .alumni_list li .imgWrap {
        height: 190px;}
    .alumni_list_describe {
        height: auto;
        padding:10px 15px ;
        font-size: 14px;}
    .alumni_list_describe p{
        font-size: 18px;}
    .professor_list {
        display: block;}
    .mySwiper3 {
        flex-basis:100% ;
        position: relative;}
    .d_view_list {
        margin-bottom: 20px;
        padding-bottom: 20px;}
    .d_view_list .swiper-slide {
        height: 225px;}
    .d_view_info {
        margin-left: 0px;
        background-color: #8b0012;
        padding: 10px 15px;
        color: white;}
    .professor_info h3 {
        font-size: 24px;
        color: #fff;}
    .d_view_info p {
        -webkit-line-clamp: 99;
        margin: 10px 0 15px;}
    .d_view_info .view_more a {
        color: #fff;}
    .d_view_info .view_more i{
        background-image: url(../../images/phbs_edp_2022/icons/add_white.png);}
    .mien_list li {
        flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 20px;}
    .mien_list li .imgWrap {
        height: 210px;}
    .mien_list li .info {
        height: auto;
        padding: 10px 0px;
        font-size: 18px;}
    .mien_list li::after {
        height: 2px;}
    .mySwiper_in3 {
        margin-bottom: 25px;}
    .mySwiper2 .swiper-slide .imgWrap {
        height: 170px;}
    .mySwiper2 .swiper-slide .imgWrap p {
        padding: 3px 12px;
        font-size: 14px;}
    .mySwiper2 .swiper-slide .c_describe {
        height: auto;
        padding: 15px 0 25px 0;}
    .mySwiper2 .swiper-slide .c_describe p {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1.5;}
    .mySwiper2 .swiper-slide .c_describe :last-child {
        font-size: 14px;}
    .mySwiper_in4 {
        margin-bottom: 20px;}
    .mySwiper_in4 .swiper-slide {
        display: block;
        height: auto;}
    .mySwiper_in4 .swiper-slide .imgWrap {
       height: 175px;}
    .tariler_info {
        padding: 10px 15px 35px;
        font-size:16px;}
    .tariler_info h4 {
        font-size: 20px;
        line-height: 1.3;
        padding-bottom: 10px;
        margin-bottom: 10px;}
    .tariler_info .view_more {
        position: relative;
        margin-top: 10px;}
    .swiper-pagination_in4 {
        padding-left: 13px;}
    .swiper-pagination_in4 .swiper-pagination-bullet {
        background-color: #fff;}
    .swiper-pagination_in4 .swiper-pagination-bullet-active::after {
        border-color: #fff;}
    .d_tariler_list li {
        padding: 20px 0;}
    .d_tariler_list li a {
        display: block;}
    .d_tariler_list li .imgWrap {
        height: 180px; margin-right: 0;}
    .d_tariler_list li .info {
        flex: 1;
        font-size: .16rem;
        padding-top: 15px;}
    .d_tariler_list li .info h4 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 10px;}
    .a_f_list li {
        display: block;
        padding:20px 0;
        border-top: 1px solid #dcdcdc;}
    .a_f_list li .imgWrap {
        height: 175px;}
    .a_f_list li .info{
        padding-top: 15px;}
    .a_f_list li .info h4 {
        font-size: .4rem;}
    .a_f_list li .info h4 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 10px;}
    .a_f_list li .info p {
        font-size: 16px;
        -webkit-line-clamp: 2;}

    .bulletin h4 {
        margin-top: 38px;
        font-size: 22px;
        padding-bottom: 20px;
        margin-bottom: 25px;}
    .bulletin_list li {
        height: 120px;
        margin-bottom: 20px;
        flex-basis: 100%;
        padding: 20px 15px;
        font-size:16px;
        margin-right:0px;}
    
    .bulletin_list li p {
        font-size: 18px;
        margin-bottom: 10px;
        -webkit-line-clamp: 2;}
    .bulletin_list{
        margin-bottom: 60px;}
    .d_n_title {
        font-size: 16px;

        padding-bottom: 20px;
        margin-bottom: 25px;}
    .d_n_title h4 {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 10px;
        word-break: break-all;}
    .d_n_imgWrap {
        display: block;
        margin-bottom: 30px;}
    .d_n_imgWrap .d_n_imgWrap_item:first-child{
        margin-right: 0;}
    .d_n_imgWrap .d_n_imgWrap_item {
        margin-bottom: 20px;
        height: 225px;}
    .d_n_imgWrap_item>div {
        font-size: 14px;
        padding: 5px 10px;}
    .d_n_imgWrap1 .d_n_imgWrap_item:first-child {
        height:170px;}
    .backBtn a {
        font-size: 16px;
        padding: 10px 15px;}
    .backBtn i {
        width: 18px;
        height: 18px;}
    .details_table2 {
        flex-basis: 100%;}
    .details_table2 td {
        font-size: 16px;
        height: 40px;}
    .de_btns {
        margin-left: 0;
        flex-basis: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 15px;}
    .de_btns>div{
        flex-basis: 40%;
        height: 40px;}
    .de_btns>div a{
        height: 100%;
        line-height: 40px;
        font-size: 16px;
        background-color: #8b0012;
        color: #fff;}
    .o_c_details .flex_wrap {
        margin-bottom: 30px;}
    .o_c_details p {
        padding: 8px 12px;}
    .o_c_details .details_tilte2 {
        font-size: 24px;}
    .details_list {
        font-size: 16px;
        margin-bottom: 30px;}
    .details_list li {
        margin-bottom: 10px;}
    .details_table {
        margin-bottom: 20px;}
    .details_table th {
        font-size: 18px;
        padding: 8px 0;}
    .details_list li {
        font-size: 16px;}
    .details_table tbody td {
        padding: 15px 0;}
    .details_tr {
        margin-bottom: 25px;}
    .innerBanner>.container {
        width: 100%;}
    .content_title {
        display: block;
        padding-bottom: 30px;}
  
    .content_title ul li {
        height: 35px;
		width: 22.5%;
        /* width: 80px; */
        line-height: 35px;
        font-size: 16px;
        margin-bottom: 20px;}
	
	
	.content_title ul li:nth-child(4) { margin-right: 0;}
	
	
    .innerSearch {
        height: 35px;}
    .innerSearch input {
        padding: 0 10px;}
    .innerSearch i {
        width: 25px;
        height: 30px;
        right: 10px;}
    .check_mon span {
        width: 100px;
        font-size: 18px;}
    .check_mon{
        padding: 15px 0;
        margin-bottom: 20px;}
    .check_mon i {
        width: 14px;
        height: 14px;
        left: 105px;}
    .check_mon dl {
        width: 100px;
        padding: 20px 15px;}
    .schedule{
        margin-bottom: 60px;}
    .schedule_mode1,
    .schedule_mode2,
    .schedule_mode3{
        display: block;}
    .schedule_item1 {
        display: block;
        margin-right: 0px;}
    .schedule_mode3 .schedule_item2 {
        margin-right: 0px;}
    .schedule_item {
        position: relative;
        height: auto;
        padding: 40px 15px 15px;
        margin-bottom: 20px;}
    .schedule_item span {
        width: 80px;
        height: 28px;
        line-height:28px;
        padding-left: 10px;
        font-size: 14px;}
    .schedule_item1>div:nth-child(2) {
        margin-right: 0px;
        border-right: none;
        padding-bottom: 20px;
        border-bottom: 1px solid #dcdcdc;
        margin-bottom: 20px;}
    .schedule_item h4 {
        font-size: 18px;
        margin-bottom: 10px;
		line-height: 1.35;}
    .schedule_item p {
        font-size: 16px;}
    .schedule_mode2>div {
      
        margin-right: 0px;
        padding: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border: none;
        border-bottom: 1px solid #dcdcdc;}
    .openCourses h4 {
        font-size: 20px;
        margin-bottom: 30px;
        color: #8b0012;}
    .o_c_title {
        font-size: 18px;
        padding: 20px 0;
        flex-basis: 29%;}
    .o_c_list {

        padding: 20px 0  20px 10px;}
    .o_c_list_item {
        margin-bottom: 25px;}
    .o_c_list_item .view_more {
        position: relative;
        display: block;}
    .trailer {
        padding-top: 30px;
        position: relative;
        margin-bottom: 80px;}
    .trailer::after {
        height: 130px;}
	
	
	
	/* ds */
	.o_c_table { margin-bottom: 50px;}
	.sm_hot_btn span { height: auto;}
	.check_mon dl dd { font-size: 16px; margin-bottom: 10px;}
	
	.sm_sidebar_menu ul li {
	    flex-basis: auto;
	    font-size: 16px;
	    margin-right: 5%;
	    margin-bottom: 10px;}
	
	.customs,
	.custom_process,
	.custom_ban,
	.fillIn ,
	.custom_case {  padding: 35px 0;}
	
	.tab_list { padding: 0;}  
	
	.process_item p {  font-size: 16px; line-height: 1.35;}
	
	
	
	.fillIn .form,
	.custom_ban ul { display: block;}
	
	.fillIn .inputGroup {
	    flex: none;
	    display: block;
	    flex-wrap: wrap;
		width: 100%;}
	
	.inputGroup input:nth-child(-n+4) {  margin-bottom: 15px;}
	
	
	.inputGroup input { 
		width: 100%;  
		height: 35px; 
		margin-bottom: 15px; 
		font-size: 16px; 
		padding: 15px;}
	
	.fillIn button {
	    flex-basis: unset;
	    height: auto;
	    width: 100%;
	    margin-left: 0;
	    color: #333333;
	    font-size: 18px;
	    text-align: center;
	    line-height: 2;
	    border: none;
	    outline: none;
	    background-color: #ffffff;}
	
	
	
	
	.custom_ban ul li {  flex-basis: unset;  margin-bottom: 20px;  font-size: 18px;}
	.custom_ban ul li p { line-height: 1.5;}
	.custom_ban ul li p:nth-child(2) { font-size: 12px; margin-top: 5px;}
	
	
	.news_info p { margin: 5px 0 10px;}
	
	.news-item .news_info p:nth-child(3),
	.d_view_info p {
		font-size: 14px;
		display: -webkit-box;		
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical ;}
	
	.public_details_page { font-size: 14px; padding-top: 15px;}
	
	
	.public_page { padding-top: 20px;  display: block; text-align: center;}
	.public_page ul {display: block; text-align: center;}
	
	.page_prev a, 
	.page_next a ,
	.public_page ul li { display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px;}
	
	.sm_sidebar h4 { display: none;}
	
	.address .address-item {  margin-bottom: 25px;}
	.hotline p span {  font-size: 36px;  font-weight: bold;}
	
	.organization_list li .imgWrap { margin-bottom: 15px;} 
	.organization_list li { margin-right: 0; height: auto; margin-bottom: 25px;}
	
	.figure_info { position: static;}
	
	.swiper-pagination_in1 {
	    text-align: right;
	    padding-right: 10px;
	    bottom:10px !important;}
	
	.sm_sidebar_menu ul li.active span { padding: 0;}
	
	.head_wrap {  padding: 15px 0 14px;}
	
	.dean_remarks { background-image: url(../../images/phbs_edp_2022/dean_remarks_bg.png);}
	
	
	
	/* ds-end */
	
}


/* 竖屏 */
@media screen and (orientation: portrait) and (min-device-width: 500px){ 
	
	/* home */
	.number-item {  flex-basis: 25%;}
	.scroll_wrap { height: auto;}
	.tab_list .tab_item h4 { font-size: 20px; bottom:28px;}
	.sm_view_more {   display: block;  margin: 30px 0 60px;}
	.tab2_list { height: 411px;}
	.mySwiper3 .swiper-slide {  height: 330px;}
	.alumni_tab_list .tab_item .i_imgwrap { height: 390px;}
	.screen4 { border: none;}
	.news_await_imgWrap {  height: 213px;}
	.news_await_describe span {  font-size: 14px;}
	.news_await_describe p {  font-size: 18px;}
	
	
	/* home-end */
	
	
	.about_num li {
	    flex-basis: 50%;
	    padding: 0 0 !important;
	    border: none !important;
	    margin-bottom: 35px;}
	
	.about_img2 {
	    height: 258px;
	    margin-bottom: 20px;}
	
	.dean_remarks {
	    height: 421px;
	    margin-bottom: 25px;
		background-image: url(../../images/phbs_edp_2022/bg-ren.png);}
	
	.dean,.sign {	display: none;}
	
	.remarks {
	    width: 100%;
	    margin-bottom: 20px;
	    margin-left: 3%;
	    margin-top: 50px;}
	
	.sm_edp .container { position: relative;  z-index: 1; padding-left: 230px;}
	.sm_qrcode { position: absolute; top: 0; left: 20px; margin-top: 0;}
	.sm_qrcode img {  width: 107px;  margin-bottom: 10px;}
	
	.sm_hot_btn span {
	    flex: 1;
	    text-align: center;
	    height: auto;
	    font-size: 24px;
	    line-height: 55px;
	    border: 1px solid #fff;
	    border-radius: 5px;}
	
	.mySwiper_in2 .swiper-slide {
	    width: 100%;
	    margin-right: 0;
	    height: 370px;
	    margin-bottom: 20px;}
	
	.organization_list li { flex-basis: 32%; margin-right: 2% ;}
	.organization_list li:nth-child(3n) { margin-right: 0;}
	
	.organization_list li .imgWrap {  height: 249px;}
	.figure_info>div { display: block;     border-bottom: 1px solid #dcdcdc;  padding: 8px 0;}
	/* .figure_info>div.phone  { display: flex; justify-content: flex-start; flex-flow: row nowrap; }
	.figure_info>div.phone p:last-child { margin-left: 15px;} */
	
	.bulletin_list li,
	.bulletin_list li:nth-child(3n),
	.alumni_list li ,
	.alumni_list li:nth-child(3n) ,
	.mien_list li ,
	.mien_list li:nth-child(3n),
	.a_f_list li ,
	.a_f_list li:nth-child(3n),
	.public_list1 li ,
	.public_list1 li:nth-child(3n),
	.financial_list li,
	.financial_list li:nth-child(3n) { flex-basis: 49%; width: 49%; float: left; margin-right: 2%;}
	
	.financial_list li,
	.financial_list li:nth-child(3n) { margin-right: 2% !important;}
	
	
	.bulletin_list li:nth-child(2n) ,
	.alumni_list li:nth-child(2n) ,
	.mien_list li:nth-child(2n),
	.a_f_list li:nth-child(2n+1),
	.public_list1 li:nth-child(2n),
	.financial_list li:nth-child(2n) { margin-right: 0 !important;}
	
	.a_f_list li:first-child { width: 100%; float: none;}
	.a_f_list li:first-child .imgWrap {  height: 301px;}
	
	.public_list1 li {  height: 345px;}
	
	.sm_consulting {  display: block;  margin-top: 50px;}
	
	.tab_list .tab_item { height: 208px;}
	.process_item p {  font-size: 18px;  line-height: 1.25;}
	
	.case-list li {
	    flex-basis: calc(32% - 5px);
	    margin-right: 10px;
	    height: 80px;}
	
	.case-list li:nth-child(4n-2),
	.case-list li:nth-child(4n){ margin-right: 10px;}
	
	.inputGroup input {
	    width: 48%;
	    height: 46px;
		margin-right: 4%;
	    margin-bottom: 15px;
	    font-size: 18px;
	    padding: 15px;
		float: left;}
	
	.inputGroup input:nth-child(2n) { margin-right: 0;}
	
	.custom_ban ul li p { font-size: 20px;}
	.custom_ban ul li p:nth-child(2) {  font-size: 14px;  margin-top: 5px;}
	
	.mySwiper2 .swiper-slide .imgWrap {  height: 395px;}
	
	
}


@media screen and (orientation: landscape) and (min-device-width: 500px){ 
	
}