.head{
    
    border-top: 2px solid #8b0012;
    position: fixed;
    z-index: 100;
    width: 100%;}
.head::before{
    content: "";
	width: 100%;
	height: 4rem;
	position: absolute;
	top: -0.5rem;
	left: 0;
	z-index: -1;
	background: url(../../images/phbs_2021/img/bg_header.png)  top left repeat-x;}

.fiexdTop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.25);
    animation: myFadeIn .5s ease-in-out forwards;}
.fiexdTop::before{content:"";display: none;height: 0;}
@keyframes myFadeIn {
    0%{
        transform: translateY(-100%);}
    100%{
        transform: translateY(0%);}
}
.head_wrap{
    padding: .25rem 0;
    display: flex;
    justify-content: space-between;}
.head_wrap .logo{
    height: .8rem;}
.head_wrap .logo img{
    height: 100%;
    width: auto;}
.head_wrap .logo a{
    width: 100%;
    height: 100%;}
.menu_btn{
    width: 45px;
    height: 42px;
    border-radius: 5px;
    border: 1px solid #8b0012;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;}
.menu_btn span{
    display: block;
    width: 22px;
    height: 2px;
    background-color: #8b0012;
    transition: all .35s;}
.menu_row span:first-child{
    margin-bottom: 6px;}
.menu_btn.active span:first-child{
    transform:translateY(3px) rotate(45deg);
    transition: all .35s;}
.menu_btn.active span:last-child{
    transform:translateY(-5px) rotate(-45deg);
    transition: all .35s;}
.menu{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	position: relative;
	z-index: 1;
	width: 63%;}
.menu_top ul{
    display: flex;
    float: right;}
.menu_top ul li{
    padding: 0 .1rem;
    border-right: 1px solid #666666;

    font-size: .16rem;}
.menu_top ul li a{
    color: #666666;}
.menu_top ul li:last-child{
    padding-right: 0;
    border-right: none;}


.menu_bottom { transform: translateY(0.25rem); position: absolute; bottom: 0; right: 0; width: 100%;}

.menu_bottom ul{
    display: flex;
    justify-content: space-between;}
.menu_bottom ul li{
    padding: 0 .22rem;
    position: relative;
	z-index: 1;
    font-size: .18rem;}
.menu_bottom ul li p a {
	padding: .25rem 0;
    color: #313131;
	font-size: .18rem;
	line-height: 1;
	position: relative;
	z-index: 1;}



.menu_bottom ul li ol.child_nav {
	padding:0;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: rgba(0,0,0,.5);
	width: 2.2rem;
	color: #fff;
	text-align: left;
	display: none;}

.menu_bottom ul li ol.child_nav li {
	display: block;
	text-decoration: none;
	padding: .15rem .25rem;
	font-size: .18rem;}

.menu_bottom ul li ol.child_nav li a { display: inline-block; padding-right: 23px;}


.menu_bottom ul li:hover { background-color: rgba(0,0,0,.5); padding: 0 .22rem 0 .22rem;}
.menu_bottom ul li:hover p a { color: #fff;}

.menu_bottom ul li:hover ol.child_nav { display: block;}
.menu_bottom ul li ol.child_nav li:hover { background-color: #8b0012;}
.menu_bottom ul li ol.child_nav li:hover a {
	background: url(../../images/phbs_edp_2022/icons/icon_next.png) right center no-repeat;
	background-size: auto 14px;}

.menu_bottom ul li ol.child_nav li:hover { padding: .15rem .25rem;}


/* .menu_bottom ul li:hover::after,
.menu_bottom ul li.active::after{
    content: "";
    position: absolute;
    width: .08rem;
    height: .18rem;
    background: url(../../images/phbs_edp_2022/icons/arrow-right.png) center center no-repeat;
    background-size: 160%;
    top: 50%;
    transform: translateY(-55%);
    right: 0.05rem;
} */


.banner{
    height: 100vh;
    color: #fff;
    overflow: hidden;

    top: 0;
    width: 100%;}
.sm-banner{display: none;}
.mySwiper1,.mySwiper_banner{
    height: 100%;
    position: relative;}
.mySwiper1 .swiper-slide,.mySwiper_banner .swiper-slide{
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index:1;}
.mySwiper1 .swiper-slide .container,.mySwiper_banner .swiper-slide .container{
    padding-top: 1.1rem;}
.mySwiper1 .swiper-slide h2,.mySwiper_banner .swiper-slide h2{
    font-size: .48rem;
    line-height: 1;
    margin-bottom: .45rem;}

.b_img_wrap{
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    z-index: -1;}
.b_img_wrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;}

.banner_describe {
    display: inline-block;}
.banner_describe h2:last-child{
    text-align: right;
    margin-top: .25rem;}
.swiper-pagination-bullet{
    background-color: #fff;
    opacity: 1;}
.swiper-pagination-bullet-active{
    position: relative;}
.swiper-pagination-bullet-active::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200%;
    height: 200%;
    transform: translate(-50%,-50%);
    border: 1px solid #fff;
    border-radius: 50%;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0  7px;}
@-webkit-keyframes scrollIN {
	from{ opacity: 0;   transform: translateY(-50%) scale(1.2);}
	to{ opacity: 1; transform: translateY(-50%) scale(1);}
}

@-ms-keyframes scrollIN {
	from{ opacity: 0; transform: translateY(-50%) scale(1.2);}
	to{ opacity: 1;   transform: translateY(-50%) scale(1);}
}

@-moz-keyframes scrollIN {
	from{ opacity: 1;  transform: translateY(-50%) scale(1.2);}
	to{ opacity: 1;  transform: translateY(-50%) scale(1);}
}
@keyframes scrollIN {
	from{ opacity: 0; transform: translateY(-50%) scale(1.2);}
	to{ opacity: 1;   transform: translateY(-50%) scale(1);}
}


@-webkit-keyframes scrollIN2 {
	0% { opacity:1;  transform:translateY(-50%) scale(1.2);}
	50% { opacity: 1; transform:translateY(-50%) scale(1);}
	100% { opacity: 1; transform:translateY(-50%)  scale(1.2);}
}

@-ms-keyframes scrollIN2 {
	0% { opacity:1;  transform:translateY(-50%) scale(1.2);}
	50% { opacity: 1; transform:translateY(-50%) scale(1);}
	100% { opacity: 1; transform:translateY(-50%)  scale(1.2);}
}

@-moz-keyframes scrollIN2 {
	0% { opacity:1;  transform:translateY(-50%) scale(1.2);}
	50% { opacity: 1; transform:translateY(-50%) scale(1);}
	100% { opacity: 1; transform:translateY(-50%)  scale(1.2);}
}
@keyframes scrollIN2 {
	0% { opacity:1;  transform:translateY(-50%) scale(1.2);}
	50% { opacity: 1; transform:translateY(-50%) scale(1);}
	100% { opacity: 1; transform:translateY(-50%)  scale(1.2);}
}
.sm_sidebar{
    transform: translateY(-38px);
    position: relative;
    z-index: 98;
    display: none;}
.sm_sidebar_menu{
    background-color: #8b0012;
    padding: 20px 0;}
.sm_sidebar h3{

    padding: 0 15px ;
    height: 38px;
    background-color: #8b0012;
    font-size: 22px;
    color: #fff;
    display: flex;
    width: 145px;
    align-items: flex-end;}
.sm_sidebar_menu ul{
    display: flex;
    flex-wrap: wrap;}
.sm_sidebar_menu ul li{
    flex-basis: calc(100% / 3);
    font-size: 18px;
    margin-bottom: 10px;}
.sm_sidebar_menu ul li.active span{
    display: inline-block;
    padding:3px 0;
    border-bottom: 2px solid #fff;}
.sm_sidebar h4{
    margin-top: 45px;
    font-size: 20px;
    font-weight: bold;
    color: #8b0012;
    padding-bottom: 10px;
    border-bottom: 1px solid #8b0012;}
.sm_menu_pop{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    padding-top: 100px;
    z-index: 99;
    display: none;}
.sm_menu_pop ul li{
    padding: 15px 25px;
    color: #fff;
    font-size: 20px;}
.sm_menu_pop ul li span{
    position: relative;}
.sm_menu_pop ul li span::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../../images/phbs_edp_2022/icons/arrow-right_white.png) no-repeat center center;
    background-size: 100%;
    top: 50%;
    opacity: 0;
    right: -40px;
    transform: translateY(-50%);}
.sm_menu_pop ul li.active{
    font-weight: bold;
    background-color: #8b0012;}
.sm_menu_pop ul li.active span::after{
    opacity: 1;}
.sm_menu_pop::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .8;
    z-index: -1;}
.apply_enter{
    width: 185px;
    position: fixed;
    right: 0;
    bottom: 20%;
    
    z-index: 111;
    color: white;
    transform: translateX(100%);
    box-shadow: 0 0 15px rgba(0,0,0,.25);
    transition: all .5s;}
.apply_enter.enter{
    transform: translateX(0);
    transition: all .5s;}
.btn_apply{
    display: flex;
	align-items: center;
	cursor: pointer;	
	position: absolute;
	left: -.8rem;
	top: 50%;	
	transform-origin: center  center;
	transform: translateY(-50%) scale(1.2);
	margin: 0;
	z-index: 2;
	opacity: 1;
	height: 1.6rem;
	width: 1.6rem;
	border-radius: 50% ;
	padding-left: .22rem;
	overflow: hidden;	
	background-color: #8b0012;
	box-shadow: 0 0 15px rgba(0,0,0,.25);
	color: #fff;
	font-size:16px;	
	animation: scrollIN2 2s ease-in-out infinite;}

img.rukou {    
	display: block;
    position: absolute;
    height:100%;
    top: 50%;
    left: 00;
	opacity: 1;
	transform-origin: center  center;
    transform: translateY(-50%) scale(1.2);
    z-index: -1; 
	animation: scrollIN 1s ease .3s forwards;}
.btn_apply span {
	display: inline-block;
	padding-right: 19px;
	background-image: url(../../images/phbs_edp_2022/icons/icon_next.png)  ;
	background-repeat: no-repeat;
	background-position: right center ;
	background-size: 8px; 
	position: absolute;
	top: 50%;
	transform: translateY(-50%);}
.consulting{
    position: relative;
    z-index: 5;
    background-color: #8b0012;
    padding: 20px 15px;}
.consulting .phone{
    position: relative;
    padding-bottom:15px;
    margin-bottom: 15px;}
.consulting .phone::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #808080;
    opacity: .6;
    bottom: 0;
    left: 0;}
.consulting .phone span{
    font-size: 12px;}
.consulting .phone p{
    font-size: 16px;
    line-height: 1.3;}
.consulting .question{
    padding-bottom: 25px;
    position: relative;
    margin-bottom: 15px;}
.consulting .question::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #808080;
    opacity: .6;
    bottom: 0;
    left: 0;}
.consulting .question p{
    font-size: 16px;}
.consulting .question p:first-child{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;}
.consulting .EDP p{
    font-size: 14px;
    word-break: break-all;}
.consulting .EDP :first-child{
    font-size: 16px;}
.consulting .EDP span{
    display: inline-block;
    font-size: 14px;
    margin: .2rem 0 .35rem;}
.consulting .qr_code {
    text-align: center;}
.consulting .qr_code img{
    width: 60%;
    margin-bottom: .1rem;}
.consulting .qr_code p{
    text-align: center;
    font-size: .14rem;}
@keyframes dath {
    0% {
        stroke-dasharray: 0,3500;}
    100% {
        stroke-dasharray: 3500,3500;}
}

.number{
    background-color: #392f30;
    padding: .25rem 0;}
.flex_wrap{
    display: flex;
    flex-wrap: wrap;}
.number-item{
    flex: 1;
    display: flex;
    color: #fff;
    margin-top: .1rem;
    border-right:1px solid #808080 ;
    justify-content: center;}
.number-item:first-child{
    justify-content: inherit;
    padding-left: .25rem;}
.number-item:last-child{
    flex-direction: column;
    align-items: flex-end;
    padding-right: .25rem;}
.flex_wrap :last-child{
    border-right: none;}
.flex_wrap .number-item:last-child .n_i_wrap{
    min-width: 1.6rem;}
.n_i_wrap{
    text-align: center;}

.n_i_wrap p{
    text-align: center;
    font-size: .16rem;
    line-height: 1.5;}
.n_i_wrap p:last-child span,.n_i_wrap p:last-child i{
    display: inline-block;
    font-size: .48rem;
    font-style: normal;}

.n_i_wrap svg{
    height: .8rem;}
.n_i_wrap .cls-1{
    fill: #fff;
    stroke: #fff;
	stroke-width:2;
	
	stroke-dasharray:  3500;}
.n_i_wrap:hover .cls-1{
    fill: transparent;
    animation: dath 4s ease-in forwards;}

.screen1{
    position: relative;
    padding: 0.8rem 0 0.75rem;}
.screen1 .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background: url(../../images/phbs_edp_2022/watermark1.png) no-repeat ;
    background-size: cover;
    z-index: -2;}
.course{
    margin-bottom: .6rem;}
.public_tab{
    display: flex;
    justify-content: space-between;
    padding-bottom: .25rem;
    border-bottom: 1px solid #8b0012;
    margin-bottom: .3rem;}
.public_tab ul li{
    float: left;
    margin-right: .4rem;
    font-weight: bold;
    color: #392f30;
    font-size: .24rem;
    position: relative;
    cursor: pointer;}
.public_tab ul li:hover,.public_tab ul li.active{
    color: #8b0012;}
.public_tab ul li.active::after{
    content: "";
    position: absolute;
    width: .5px;
    height: .2rem;
    background-color: #a13240;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.25rem;}
.only_public_tab ul li{
    font-weight: bold;
    color: #392f30;
    font-size: .3rem;
    padding: .1rem .25rem;
    border-radius: 5px;}
.only_public_tab ul li:hover,.only_public_tab ul li.active{
    background-color: #8b0012;
    color: #fff;}
.only_public_tab ul li.active::after,.only_public_tab ul li:hover::after{
    width: 0;
    height: 0;
    border: .15rem solid #8b0012;
    border-color: #8b0012 transparent transparent transparent;
    bottom: -.3rem;
    background-color: transparent;
    transform: translate(-50%,0);}
.only_public_tab{
    border-bottom: none;
    margin-bottom: .1rem;
    position: relative;}

.view_more {
    display: inline-block;}
.only_public_tab .view_more{
    position: relative;
    bottom: 50%;
    transform: translateY(50%);
    right: 0;}
.view_more a{
    display: flex;
    align-items: center;
    font-size: .14rem;
    color: #666666;}
.view_more:hover a{
    color: #8b0012;
    font-weight: bold;}
.view_more a i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/phbs_edp_2022/icons/add.png) no-repeat center center;
    background-size: 100%;
    vertical-align: bottom;
    margin-left: 8px;}

.tab_list .tab_item{
    width: calc((100% / 3) - 10px);
    float: left;
    height: 3.45rem;
    margin-left: 15px;
    position: relative;
    padding: .4rem .2rem;
    color: #392f30;
    overflow: hidden;}
.tab_list .tab_item:first-child{
    margin-left: 0;}
.tab_list .tab_item .view_more a i{
    background-image: url(../../images/phbs_edp_2022/icons/add_white.png);}
.tab_list .tab_item img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
    z-index: -2;}
.tab_list .tab_item h4{
    font-size: .24rem;
    padding-bottom: 0;
    margin-bottom: .3rem;
    transition: all .35s;}
.tab_list .tab_item a h4{color:#fff;}


.tab_list .tab_item p{
    font-size: .14rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: none;}
.tab_list .tab_item .view_more{
    position: absolute;
    bottom: .4rem;
    display: none;}
.tab_list .tab_item::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: translateY(100%);
    background-color: #8b0012;
    opacity: .9;
    z-index: -1;
    transition: all .35s;}
.tab_list .tab_item:hover::after{
    transform: translateY(0);
    transition: all .35s;}
.tab_list .tab_item:hover h4{
    padding-bottom: .25rem;
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: all .35s;}
.tab_list .tab_item:hover p{
    display: block;
    color: #fff;}
.tab_list .tab_item:hover .view_more{
    display: block;}
.tab_list .tab_item:hover .view_more a{
    color: #fff;}
.tab_list .custom_course{
    display: none;}
.sm_view_more{
    display: none;}
.open_course .tab_item:first-child,.custom_course .tab_item:first-child{
    margin-left: 0;}
.tab2_list{
    position: relative;
    height: 6.75rem;}
.tab2_list>div{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;}
.c_active{
    display: flex;
    justify-content: space-between;
    z-index: 1;}
.c_a_trailer,.c_trailer{
    z-index: -1;
    display: flex;}
.mySwiper2{
    flex-basis: 75%;}
.mySwiper2 .swiper-slide{
    height: 100%;
    position: relative;}
.mySwiper2 .swiper-slide .imgWrap{
    width: 100%;
    height: 5.4rem;
    position: relative;
    overflow: hidden;}
.mySwiper2 .swiper-slide .imgWrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .35s;}
.mySwiper2 .swiper-slide .imgWrap p{
    position: absolute;
    padding: .1rem .17rem;
    background-color: #8b0012;
    color: #fff;
    font-size: .14rem;
    left: 0;
    bottom: 0;}
.mySwiper2 .swiper-slide .c_describe{
    height: 1.35rem;
    background-color: #f9f9f9;
    padding: .2rem .15rem .25rem .15rem;
    box-sizing: border-box;
    border-bottom: 2px solid #8b0012;}

.mySwiper2 .swiper-slide .c_describe p{
    font-size: .2rem;
    color: #392f30;
    font-weight: bold;
    margin-bottom: .05rem;}
.mySwiper2 .swiper-slide .c_describe :last-child{
    font-size: .14rem;
    color: #666666;
    font-weight: bold;
    line-height: 1.1;}
.mySwiper2 .swiper-slide:hover img{
    transform: translate(-50%,-50%) scale(1.05);
    transition: all .35s;}
.await_slide{
    flex:1 ;
    margin-left: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;}
.await_slide_item{
    width: 100%;
    height: calc(50% - 7.5px);
    margin-bottom: 15px;
    transition: all .35s;}
.await_slide .await_slide_item:last-child{
    margin-bottom: 0;}
.a_s_img_wrap{
    position: relative;
    height: 65%;
    width: 100%;
    overflow: hidden;}
.a_s_img_wrap img{
    width: 100%;
    height: 100%;}
.await_slide_item:hover img{
    transform:  scale(1.05);
    transition: all .35s;}
.await_slide_item:hover {
    font-weight: bold;}
.a_s_describe{
    height: 35%;
    background-color: #f9f9f9;
    padding: .1rem .12rem;}
.a_s_describe span{
    font-size: .14rem;
    color: #8b0012;}
.a_s_describe p{
    font-size: .18rem;
    color: #392f30;
    line-height: 1.5;
    margin-top: .1rem;}

.screen2{
    padding: .75rem 0 .75rem;
    background-color: #8b0012;}
.public_title{
    font-size: .3rem;
    padding-bottom: .22rem;
    margin-bottom: .4rem;
    color: #fff;
    position: relative;}
.screen2 .public_title::after{
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 1.2em;
    background-color: #fff;
    left: 0;}
.professor_list{
    display: flex;}
.mySwiper3{
    flex: 1;
    position: relative;}
.mySwiper3 .swiper-slide{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 4.05rem;}
.mySwiper3 .swiper-button-prev,.mySwiper3 .swiper-button-next {
    width: 0.4rem;
    height: 0.4rem;
    background-color: #8b0012;
    color: #fff;
    opacity: 0;
    transition: all .35s;}
.mySwiper3:hover .swiper-button-prev,
.mySwiper3:hover .swiper-button-next{
    opacity: 1 ;
    transition: all .35s;}
.mySwiper3 .swiper-button-prev::after,.mySwiper3 .swiper-button-next::after{
    font-size: .2rem;}
.professor_img{width:50%;height: 100%;float: left;}
.professor_img a{width:100%;height:100%;position: relative;}
.professor_info{
    padding-top: 65px;
    width:46%;
    float: left;
    margin-left:.5rem ;
    color: #fff;}

.professor_info .view_more i{
    background-image: url(../../images/phbs_edp_2022/icons/add_white.png);}
.professor_info h3{
    font-size: .3rem;
    line-height: 1.3;}
.professor_info p{
    margin: .3rem 0 .7rem;
    font-size: .16rem;}
.professor_info .view_more a{
    color: #fff;}
.screen3{
    padding: .75rem 0 1.15rem;
    background: url(../../images/phbs_edp_2022/screen3.png) no-repeat center center;
    background-size: cover;}
.screen3 .news_title .public_title {color: #fff;}
.screen3 .public_tab{
    border-color: white;}
.screen3 .public_tab li{
    color: #fff;
    opacity: .5;}.screen3 .public_tab li.active::after{
    background-color: #fff;}
.screen3 .public_tab ul li.active,.screen3 .public_tab ul li:hover{
    opacity: 1;
    color: #fff;}

.screen3 .public_tab ul li:last-child { margin-right: 0;}


.screen3 .view_more a{
    color: #fff;}
.screen3 .view_more i{
    background-image: url(../../images/phbs_edp_2022/icons/add_white.png);}

.figure{
    display: flex;}
.communication,.mien{
    display: none;}
.alumni_tab_list .tab_item{
    flex: 1;
    margin-left: 15px;
    transition: all .35s;}
.alumni_tab_list>div :first-child{
    margin-left: 0;}
.alumni_tab_list .tab_item .i_imgwrap{
    height: 2.9rem;
    width: 100%;
    position: relative;
    overflow: hidden;}
.alumni_tab_list .tab_item .i_imgwrap img{
    height: 100%;
    width: 100%;
	object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .35s;}
.alumni_tab_list .tab_item:hover img{
    transform:translate(-50%,-50%) scale(1.05) ;
    transition: all .35s;}
.alumni_tab_list .tab_item:hover{
    font-weight: bold;
    transition: all .35s;}
.f_i_describe{
    height: 1.5rem;
    background-color: #fff;
    padding: .25rem .2rem;}
.f_i_describe span{
    font-size: .14rem;
    color: #8b0012;}
.f_i_describe p{
    font-size: .18rem;
    color: #392f30;
    line-height: 1.5;
    margin-top: .1rem;}

.screen4{
    padding: .15rem 0 1rem;
    
    border-bottom: 2px solid #8b0012;
    position: relative;}
.screen4 .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../../images/phbs_edp_2022/screen4_watermark.png) no-repeat center bottom;
    background-size: 100%;
    z-index: -1;}
.news_title{
    position: relative;}
.news_title .public_title{
    color: #392f30;}
.news_title .public_title::after{
    content: "";
    height: 1px;
    width: 1.2em;
    background-color: #8b0012;
    position: absolute;
    bottom: 0;
    left: 0;}
.news_title .view_more{
    position: absolute;
    bottom: 0;
    right: 0;}
.news_list{
    display: flex;}
.mySwiper4{
    flex-basis: 59%;
    height: 4rem;}
.news_await_slide{
    flex: 1;
    display: flex;}
.news_await_slide_item{
    flex: 1;
    margin-left: 15px;}
.news_await_slide_item a{
    height: 100%;
    color: #392f30;}
.mySwiper4 .swiper-slide{
    display: flex;}
.news_imgWrap{
    flex-basis: 64%;
    position: relative;
    height: 100%;
    overflow: hidden;}
.news_imgWrap img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .35s;}
.news_info{
    flex: 1;
    padding: .6rem .25rem;
    color: #fff;
    background-color: #8b0012;}
.news_info .view_more i{
    background-image: url(../../images/phbs_edp_2022/icons/add_white.png);}
.news_info span{
    font-size: .14rem;
    color: #fff;}
.news_info p{
    font-size: .2rem;
    margin: .1rem 0 .5rem;
    line-height: 1.5;}
.news_info .view_more a{
    color: #fff;}
.news_await_imgWrap{
    height: 50%;
    width: 100%;
    position: relative;
    overflow: hidden;}
.news_await_imgWrap img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .35s;}
.news_await_describe{
    height: 50%;
    padding-top:.25rem ;
    box-sizing: border-box;
    border-bottom: 2px solid #8b0012;}
.news_await_describe span{
    color: #8b0012;
    font-size: .14rem;}
.news_await_describe p{
    margin-top: .1rem;
    font-size: .2rem;
    color: #392f30;
    line-height: 1.5;}
.mySwiper4 .swiper-slide:hover img{
    transform: translate(-50%,-50%) scale(1.05);
    transition: all .35s;}
.news_await_slide_item:hover{
    font-weight: bold;}
.news_await_slide_item:hover img{
    transform: translate(-50%,-50%) scale(1.05);}
.sm_consulting{
    display: none;}
.sm_ft_logo{
    display: none;}
.sm_consulting .hotline{
    padding: 40px 0;
    background-color: #8b0012;
    color: #fff;}
.sm_hot_btn{
    display: flex;}
.sm_hot_btn span{
    flex: 1;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border: 1px solid #fff;
    border-radius: 5px;}
.sm_hot_btn span:first-child{
    margin-right: 10px;}
.hotline p{
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 10px;}
.hotline p span{
    font-size: 22px;
    font-weight: bold;}
.sm_edp{
    padding: 40px 0 ;
    background-color: #392f30;
    font-size: 16px;
    color: #fff;}
.sm_edp h4{
    padding: 20px 0 15px;
    border-top: 1px solid #fff;
    font-size: 18px;
    color: #fff;}
.sm_qrcode{
    margin-top: 30px;
    text-align: center;}
.sm_qrcode img{
    width: 140px;
    margin-bottom: 10px;}
.sm_qrcode p{
    text-align: center;}
footer{
    padding-top: .6rem;
    background-color: #392f30;
    border-top: 5px solid #8b0012;
    color: #fff;}
.ft_fl{
    float: left;
    width: 27%;}
.ft_logo img{
    width: 2.8rem;}
.jump{
    margin-top: .35rem;}
.jump .jump_item{

    padding: .08rem .2rem;
    border: 1px solid #fff;
    float: left;
    font-size: .14rem;
    margin-bottom: .1rem;
    margin-right: .1rem;
    transition: all .35s;}
.jump_item:hover{
    background-color: #8b0012;
    border-color: #8b0012;
    font-weight: bold;
    transition: all .35s;}
.ft_fr{
    width: 65%;
    float: left;
    margin-left: 8%;
    display: flex;
    border-left: 1px solid #808080;}
.ft_fr dl{
    flex: 1;
    margin-left:.7rem ;}
.ft_fr dl dt{
    font-size: .16rem;
    font-weight: bold;
    margin-bottom: .25rem;}
.ft_fr dl dd{
    font-size: .14rem;
    padding-bottom: .05rem;
    margin-bottom: .1rem;
    border-bottom: 1px solid transparent;}
.ft_fr dl dd:hover{
    border-bottom: 1px solid #fff;}
.ft_fr .address dd{
    margin-bottom:.25rem ;}
.ft_fr dl dd:last-child{
    margin-bottom: 0;}
footer .container{
    padding-bottom: 1rem;}
.copyright{
    font-size: .12rem;
    border-top: 1px solid #808080;
    color: #ffffff;
    padding: .15rem 0;
    text-align: center;
    opacity: .5;}
.goTop{
    position: fixed;
    width: 37px;
    height: 37px;
    background: url(../../images/phbs_edp_2022/icons/gotop.png) no-repeat center center;
    background-size: 60%;
    background-color: #8b0012;
    bottom: 12%;
    right: .5rem;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
    box-shadow: 0 0 15px rgba(0,0,0,.25);
    transition: all .35s;}