* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'MyCustomFont';
    src: url('../css/fonts/Raleway-SemiBold.ttf') format('woff2')
}
html,
body {
  font: calc(100vw / 120) arial, verdana;
  font-family: "Source Han Sans CN";
  /* background-color: #f7f7f7; */
}
ul,
li,
a {
    list-style: none;
    text-decoration: none;
}

.max {
    max-width: 97.5rem;
    margin: auto;
    box-sizing: border-box;
}

.header {
    padding: 1.875rem 0;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    background-color: #fff;
    /* border-top: .25rem solid #0088E3; */
}

.header-list,
.header-list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* a {
    cursor: default;
} */

a.disabled {
    opacity: 0.5;
    /* 降低透明度以表示禁用状态 */
    cursor: not-allowed;
    /* 显示禁止的光标样式 */
    pointer-events: none;
    /* 禁用鼠标和触摸事件 */
}

.header-list>div {
    display: flex;
    width: 60%;
    justify-content: space-between;
}

.header-list ul {
    width: 90%;
}

.header-list ul li {
    position: relative;
    display: flex;

}

.header-list ul li a {
    display: flex;
    flex-direction: column;
    font-family: PingFang;
    font-weight: bold;
    font-size: 1.125rem;
    color: #333333;
    text-align: center;
    padding-left: .625rem;
}

.header-list ul li::before {
    content: "";
    border-left: .125rem solid #007aff;
    height: 0;
    box-sizing: border-box;
}

.header-list ul li:hover::before {
    height: 2.4375rem;
    box-sizing: border-box;
}

.header-list ul li a p {
    font-weight: 400;
    font-size: .75rem;
    color: #999999;
    font-family: 'MyCustomFont', Arial, sans-serif;
}

.header-search {
    position: relative;
    cursor: pointer;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F92C4B;
    border-radius: 50%;
}
.header-search img{
  width: 1.125rem;
  height: 1.125rem;
}

.header-list ul li .op {
    padding-top: 1.25rem;
    border-left: .125rem solid #007aff;
    overflow: hidden;
    display: none;
    width: 10rem;
    position: absolute;
    left: 0;
    top: 2.4375rem;
    z-index: 99;
    box-shadow: 16px 1.6px 16px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    /* transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%); */
}

.header-list ul li .op p a {
    padding-left: 1.4375rem;
    font-family: '微软雅黑';
    font-size: 1.0625rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: left;
    box-sizing: border-box;
    font-weight: 400;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.header-list ul li .op p a:hover {
    color: #fff;
    transform: translateX(.9375rem);
    -webkit-transform: translateX(.9375rem);
    -moz-transform: translateX(.9375rem);
    -ms-transform: translateX(.9375rem);
    -o-transform: translateX(.9375rem);
}

.header-list ul li .op p:hover {
    background-color: #007aff;
}

.pc {
    display: none;
    /* width: 100%; */
    position: fixed;
    top: 7.25rem;
    right: 6.25rem;
    z-index: 99;
}

.header-search>div {
    display: none;
}

.pc-search {
    width: 21.875rem;

    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.4);
}

.pc-search input {
    width: 80%;
    height: 3.75rem;
    border: 0;
    outline: none;
    padding-left: 1.25rem;
}
.pc-search input::placeholder{
    font-size: 1.125rem;
    color: #999999; 
}
.pc-search p {
    width: 20%;
    height: 3.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

}

.pc-search p:hover img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.pc-search p:nth-child(2) {
    background-color: #007aff;
}

.pc-search img {
    width: 30%;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.banner {
    position: relative;
}

.banner .swiper-slide {
    height: auto;
}

.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .bg {
    width: 100%;
    height: 5rem;
    position: absolute;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
}

.banner .swiper-wrapper {
    height: auto;
}

.banner .bg .swiper-button-prev,
.banner .bg .swiper-button-next {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    top: 28%;

}

.banner .bg .swiper-button-prev:hover,
.banner .bg .swiper-button-next:hover {
    background-color: #F92C4B;
}

.banner .bg .swiper-button-prev {
    left: 0;
}

.banner .bg .swiper-button-next {
    right: 0;
}

.banner .bg .swiper-button-prev::before,
.banner .bg .swiper-button-next::before {
    display: inline-block;
    width: 1.25rem;
    height: .9375rem;
    content: "";
    background-image: url('../images/arrowTop-fill2.png');
    background-size: 100% 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.banner .bg .swiper-button-next::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.banner .bg .swiper-button-next:hover::before {
    background-image: url('../images/arrowTop-fill.png');
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.banner .bg .swiper-button-prev:hover::before {
    background-image: url('../images/arrowTop-fill.png');
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.banner .bg p {
    font-family: PingFang;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    line-height: 3rem;
}

.banner .swiper-pagination {
    z-index: 99;
    width: 100%;
}

.banner .swiper-pagination .swiper-pagination-bullet {
    width: .875rem;
    height: .875rem;
    background: #0271BB;
    margin: 2rem .625rem;
}

/* 公告 */
.gg {
    padding-top: 6.25rem;
    background-image: url("../images/gg-left.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.gg .max {
    padding-bottom: 3.75rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gg .right {
    width: 28%;
    border: .0625rem solid #EDEDED;
    box-sizing: border-box;
    /* border-top: .25rem solid #007aff; */
    padding-top: 2.5rem;
}

.gg .left {
    width: 70%;
}

.gg .gg-title {
    margin: 0 1.25rem;
}

.gg-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;

}

.gg-title h3 {
    font-family: PingFang;
    font-weight: bold;
    font-size: 1.75rem;
    color: #333333;
    line-height: 1.5rem;
}

.gg-title p {
    font-family: Raleway;
    font-weight: 400;
    font-size: 1rem;
    color: #999999;
    line-height: 1.5rem;
    margin-top: .9375rem;
}

.gg-title a {
    font-size: 2.25rem;
    color: #878787;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.gg-title a:hover {
    transform: translate(.9375rem);
    -webkit-transform: translate(.9375rem);
    -moz-transform: translate(.9375rem);
    -ms-transform: translate(.9375rem);
    -o-transform: translate(.9375rem);
}

.gg-cont ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.5rem;
    border-bottom: .0625rem solid #EDEDED;
}

/* .gg-cont ul li a>p {
    margin: 0 1.875rem;
    margin-right: 3.125rem;
} */

.gg-cont .date p {
    font-family: PingFang;
    font-weight: bold;
    font-size: 1.75rem;
    color: #F92C4B;
}

.gg-cont .date p:last-child {
    font-weight: 400;
    font-size: 1rem;
}

.gg-cont .list p {
    font-family: PingFang;
    font-weight: 400;
    font-size: 1.125rem;
    color: #333333;
    max-width: 50.625rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.gg-cont .list p:last-child {
    font-weight: 400;
    font-size: .875rem;
    color: #999999;
    line-height: 2.5rem;

}

.right .gg-cont ul li a {
    padding: 2.3125rem 0;
    margin: 0 1.25rem;
}

.gg-cont ul li a:hover .list p:first-child {
    color: red;
}

.right .gg-cont .list p {
    max-width: none;
    white-space: wrap;
    font-family: PingFang;
    font-weight: 400;
    font-size: 1.125rem;
    color: #333333;
    line-height: 1.875rem;
    margin-left: .625rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right .gg-cont li:last-child {
    position: relative;
    background-image: url('../images/gen.png');
    height: 8.5rem;
    background-size: 100% 100%;
}

.right .gg-cont li:last-child a {
    position: absolute;
    padding: 0;
    bottom: 1.25rem;
    right: 3.125rem;
    width: 6.25rem;
    height: 2.3125rem;
    background-color: #fff;
    color: #F92C4B;
    text-align: center;
    justify-content: center;
    transition: all .6s;
    border-radius: 1.25rem 1.25rem;
    -webkit-border-radius: 1.25rem 1.25rem;
    -moz-border-radius: 1.25rem 1.25rem;
    -ms-border-radius: 1.25rem 1.25rem;
    -o-border-radius: 1.25rem 1.25rem;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.right .gg-cont li:last-child a:hover {
    background-color: #007aff;
    color: #fff;
}

.video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.video img {
    float: right;
    margin: 1.25rem;
    cursor: pointer;
}

.video div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* 学院 */
.xy {
    position: relative;
    height: 37.5rem;
    background-image: url('../images/23.png'), url('../images/1054.png');
    background-position: left, right;
    background-repeat: no-repeat;
    background-size: 50% 100%, 50% 100%;
}

.xy::after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(2, 113, 187, .8);
}

.xy>.max {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0;
}

.xy .max>div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 99;
    display: flex;
    box-sizing: border-box;
}

.xy .left,
.xy .right {
    width: 50.5%;
    position: relative;
    z-index: 99;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.xy .bb .yu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.4375rem;
    height: 8.4375rem;
    border: .0625rem dashed #F92C4B;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.xy .bb .yu img {
    width: 50%;
}

.xy .bb p:nth-child(2) {
    font-family: Raleway;
    font-weight: 400;
    font-size: 2.25rem;
    color: #FFFFFF;
    opacity: 0.5;
    margin-top: 2.5rem;
}

.xy .bb p:nth-child(3) {
    width: 100%;
    height: 2.9375rem;
    font-family: PingFang;
    font-weight: bold;
    font-size: 2.25rem;
    color: #FFFFFF;
    position: relative;
    margin-top: .625rem;
}

.xy .bb p:nth-child(3) span {
    position: absolute;
    z-index: 99;
    left: 0;
}

.xy .bb p:nth-child(3)::after {
    content: "";
    height: 1.25rem;
    width: 6.25rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #F92C4B;
}

.xy .right p:nth-child(3) span {
    right: 0;
}

.xy .right p:nth-child(3)::after {
    left: 83%;
}

.xy .bb .lc {
    height: 7.8125rem;
    width: 50%;
    position: absolute;
    bottom: -3.75rem;
    right: .5rem;
    border: .3125rem solid #fff;
    border-right-width: .0625rem;
    background-color: #F92C4B;
    border-radius: 6.25rem 0rem 0rem 6.25rem;
    -webkit-border-radius: 6.25rem 0rem 0rem 6.25rem;
    -moz-border-radius: 6.25rem 0rem 0rem 6.25rem;
    -ms-border-radius: 6.25rem 0rem 0rem 6.25rem;
    -o-border-radius: 6.25rem 0rem 0rem 6.25rem;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.xy .bb .lc a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.xy .bb .lc:hover {
    background-color: #007aff;
}

/* .xy .right .lc:hover {
    transform: translate(1.875rem);
    -webkit-transform: translate(1.875rem);
    -moz-transform: translate(1.875rem);
    -ms-transform: translate(1.875rem);
    -o-transform: translate(1.875rem);
} */

.xy .lc p:last-child {
    margin-top: 0;
    font-family: PingFang;
    font-weight: bold;
    font-size: 1.625rem;
    color: #FFFFFF;
    opacity: 1;
}

.xy .lc p:first-child {
    font-family: Raleway;
    font-weight: 400;
    font-size: 1rem;
    color: #FFFFFF;
}

.xy .right {
    width: 49.5%;
    display: flex;
    text-align: right;
    flex-direction: column;
    align-items: flex-end;
}

.xy .right .lc {
    left: -0.5rem;
    border-left-width: .0625rem;
    border-radius: 0rem 6.25rem 6.25rem 0rem;
    -webkit-border-radius: 0rem 6.25rem 6.25rem 0rem;
    -moz-border-radius: 0rem 6.25rem 6.25rem 0rem;
    -ms-border-radius: 0rem 6.25rem 6.25rem 0rem;
    -o-border-radius: 0rem 6.25rem 6.25rem 0rem;
}

/* 多彩校园 */
.xiao {
    padding-top: 12.5rem;
    padding-bottom: 6.25rem;
    background-image: url('../images/xiao-bg.png');
    background-position: left bottom;
}

.xiao .max {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.xiao .left {
    width: 50%;
}

.xiao .right {
    width: 45%;
}

.xiao .left .xiao-swiper {
    overflow: hidden;
    /* position: relative; */
}

.xiao .left .xiao-swiper video {
    height: 100%;
    max-height: 29.375rem;
}

.xiao-swiper .swiper-wrapper {
    height: 29.375rem;
}

.xiao-swiper .swiper-slide {
    position: relative;
    overflow: hidden;
}

.xiao-swiper .swiper-slide a img {
    width: 100%;
    height: 100%;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.xiao-swiper .swiper-slide a:hover img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

.xiao-swiper .swiper-slide div {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url('../images/bofang.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 6.75rem 6.75rem;
    cursor: pointer;
}

.xiao-swiper .swiper-slide div {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.xiao-swiper .swiper-slide div p {
    font-family: PingFang;
    font-weight: bold;
    font-size: 1.5rem;
    color: #FFFFFF;
    line-height: 1.5rem;
    padding-bottom: 3.125rem;
}

.my-video.controls-visible::-webkit-media-controls-panel {
    display: none !important;
}

.xiao-swiper .swiper-pagination {
    position: relative;
}

.xiao-swiper .swiper-pagination-bullet {
    width: .875rem;
    height: .875rem;
    background-color: #0271BB;
    margin: 2.0625rem .5rem;
}

.xiao .right .gg-title {
    border-bottom: .0625rem solid #EDEDED;
    padding-bottom: 1.5625rem;

}

.xiao .right .bao li a {
    display: block;
    width: 100%;
    padding: 2.5rem 0;
    padding-top: .625rem;
    border-bottom: .0625rem solid #EDEDED;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;

}

.xiao .right .bao li a p {
    font-family: PingFang;
    font-weight: 400;
    font-size: 1.125rem;
    color: #333333;
    line-height: 1.875rem;
    max-width: 43.75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.xiao .right .bao li a:hover p:last-child {
    /* font-size: 1.25rem; */
    /* font-weight: bold; */
    color: #F92C4B;
}

.xiao .right .bao li a p:first-child {
    width: 6.25rem;
    text-align: center;
    font-size: .875rem;
    color: #FFFFFF;
    background-color: #F92C4B;
    border-radius: 6.25rem;
    -webkit-border-radius: 6.25rem;
    -moz-border-radius: 6.25rem;
    -ms-border-radius: 6.25rem;
    -o-border-radius: 6.25rem;
    margin-bottom: .9375rem;
}

/* 院系设置 */

.yxsz {
    padding: 4.5625rem 0;
    background-image: url('../images/yuan-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.yxsz .gg-title {
    justify-content: center;
}

.yxsz-swiper {
    position: relative;
    width: 100%;
    height: 36.875rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.yxsz-swiper a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.yxsz-swiper img {
    max-width: 50.125rem;
    height: 100%;
    object-fit: scale-down;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.yxsz-swiper a:hover img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

.yxsz-swiper .swiper-wrapper {
    width: 100%;
    /* height: 100%; */
}

.yxsz-swiper .swiper-slide {
    position: relative;
}

.yxsz-swiper .swiper-slide .yxsz-text {
    width: 50.125rem;
    height: 100%;
    text-align: right;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 3.125rem;
    padding-top: 6.875rem;
    box-sizing: border-box;
}

.yxsz-text p {
    text-align: right;
    font-family: PingFang;
    font-weight: 800;
    font-size: 1.75rem;
    color: #FFFFFF;
    line-height: 1.875rem;
    margin-bottom: .625rem;
}

.yxsz-text p:last-child {
    width: 18.75rem;
    font-family: Raleway;
    font-weight: 400;
    font-size: 1rem;
    color: #FFFFFF;
    line-height: 1.875rem;
}

.yxsz-text::after,
.yxsz-text::before {
    position: absolute;
    content: "";
    display: block;
    width: 2.25rem;
    height: 2.25rem;

}

.yxsz-swiper .swiper-slide-active .yxsz-text::after {
    top: 2.1875rem;
    left: -1.25rem;
    border-top: .1875rem solid red;
    border-left: .1875rem solid red;
}

.yxsz-swiper .swiper-slide-active .yxsz-text::before {
    bottom: 2.1875rem;
    right: -1.25rem;
    border-bottom: .125rem solid red;
    border-right: .125rem solid red;
}

.yxsz-swiper .swiper-pagination-bullet {
    width: 1.3125rem;
    height: 1.3125rem;
    background: transparent;
    color: #0271BB;
    opacity: 1;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.yxsz-swiper .swiper-pagination-bullet-active {
    background-color: #0271BB;
    color: #fff;
}

.yxsz-swiper .arra {
    max-width: 50.125rem;
    width: 100%;
    position: relative;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.375rem;
}

.swiper-button-prev,
.swiper-button-next {
    width: 1.875rem;
    height: 1.4375rem;
    background-color: #F92C4B;
    background-image: url('../images/arrowTop-fill.png');
    background-size: 1.375rem .875rem;
}

.yxsz-swiper .swiper-button-prev {
    transform: rotate(180deg);
}

/*页脚*/
.foot {
    position: relative;
    height: 21.875rem;
    background-image: url("../images/10.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.foot::after {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(1, 23, 49, .8);

}

.foot .max {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    z-index: 99;
    padding-top: 5.625rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.foot ul {
    display: flex;
    width: 40%;
    flex-direction: row;
    flex-wrap: wrap;
}

.foot li {
    font-family: PingFang;
    font-weight: 400;
    font-size: 1rem;
    color: #FFFFFF;
    line-height: 3rem;
}

.foot li:not(.foot li:first-child)::before {
    width: .75rem;
    height: .9375rem;
    content: "";
    display: inline-block;
    background-image: url("../images/dizhi-2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: .625rem;
}

.foot li:nth-child(3)::before {
    background-image: url("../images/youbian.png") !important;
}

.foot li:nth-child(4)::before {
    background-image: url("../images/phone.png") !important;
}

.foot li:nth-child(5)::before {
    background-image: url("../images/chuanzhen.png") !important;
}

.foot li:not(.foot li:first-child):nth-child(2n-1) {
    margin-left: 1.25rem;
}

.ma {
    max-width: 6.4375rem;
    max-height: 6.875rem;
    text-align: center;
    font-family: PingFang;
    font-weight: 400;
    font-size: 1rem;
    color: #FFFFFF;
    line-height: 3rem;
}

.ma>img {
    width: 100%;
    height: 100%;
}

.foot-bot {
    background-color: #0088e3;
    font-family: PingFang;
    font-weight: 400;
    font-size: .875rem;
    color: #FFFFFF;
    line-height: 1.75rem;
    padding: 3.125rem 0;

}

.foot-bot .max {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.foot-bot ul:last-child li {
    position: relative;
    width: 16.875rem;
    height: 2.875rem;
    background-color: #33A0E9;
    border-radius: 6.25rem;
    font-weight: 400;
    font-size: 1rem;
    color: #FFFFFF;
    cursor: pointer;
}

.foot-bot ul:last-child li p {
    position: relative;
    line-height: 2.875rem;
    padding-left: 1.875rem;
}

.foot-bot ul:last-child li p:after {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(-50%);
    width: .5rem;
    height: .375rem;
    content: "";
    display: inline-block;
    background-image: url('../images/san.png');
    background-size: 100% 100%;
}

.foot-bot ul:last-child li div {
    bottom: 2.9375rem;
    display: none;
    width: 100%;
    position: absolute;
    flex-direction: column;
    overflow: scroll;
    z-index: 99;
    /* border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem; */
}

.foot-bot ul:last-child li div a {
    background-color: #FFFFFF;
    color: #000;
    padding-left: 1.25rem;
    height: 2.375rem;
    display: block;
    line-height: 2.375rem;
}

.foot-bot ul:last-child li div a:hover {
    background: #007aff;
    color: #FFFFFF;
}

.foot-bot ul:last-child li div::-webkit-scrollbar {
    display: none
}

.menu {
    display: none !important;
    align-items: center
}

.menu>img {
    display: none;
    cursor: pointer;
}

.menu-button {
    /* display: none; */
    padding: .9375rem;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.bar {
    position: relative;
    display: block;
    width: 1.875rem;
    height: .1875rem;
    margin: .3125rem auto;
    background-color: #DBDCDE;
    border-radius: .625rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.cross .bar:nth-of-type(1) {
    -webkit-transform: translateY(.9375rem) rotate(-45deg);
    -ms-transform: translateY(.9375rem) rotate(-45deg);
    transform: translateY(.9375rem) rotate(-45deg);

}

.menu-button .bar:nth-of-type(1) {
    margin-top: 0rem;
}

.menu-button .bar:nth-of-type(3) {
    margin-bottom: 0rem;
}

.cross .bar:nth-of-type(3) {
    transform: translateY(-0.125rem) rotate(45deg);
    -webkit-transform: translateY(-0.125rem) rotate(45deg);
    -moz-transform: translateY(-0.125rem) rotate(45deg);
    -ms-transform: translateY(-0.125rem) rotate(45deg);
    -o-transform: translateY(-0.125rem) rotate(45deg);
}

.cross .bar:nth-of-type(2) {
    opacity: 0;
}

/* 遮罩层 */
.new_navpanle {
    display: none;
    padding-top: 1.875rem !important;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #2781FC;
    box-sizing: border-box;
}

.new-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-title img {
    width: 2%;
    min-width: 1.5625rem;
    cursor: pointer;
}

.new-title img:first-child {
    min-width: 13.125rem;
    width: 30%;
}

.new-box .search {
    width: 22.5rem;
    height: 2.8125rem;
    float: left;
    /* border: .0625rem rgba(52, 51, 51, 0.5) solid; */
    margin: 1.875rem 0;
}

.new-box .search div {
    border: .0625rem solid #fff;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 .9375rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.new-box .search div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-box .search input {
    display: block;
    height: 100%;
    width: 90%;
    color: #fff;
    border: none;
    outline: none;
    background-color: transparent;
    line-height: 8px;
    font-size: 1.125rem;
    color: rgba(255, 255, 255, .5);
}

.new-box {
    display: flex;
    flex-direction: column;
}

.new-box ul {
    display: flex;
}

.new-box ul li {
    width: calc(100% / 7);
}

.new-box ul li a {
    position: relative;
    font-family: PingFang;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    line-height: 3rem;
    padding-bottom: .625rem;
    transition: .6s all;
}

.new-box ul li>a {
    font-size: 1.5rem;
    font-weight: bold;
}

.new-box ul li>a p {
    font-size: .875rem;
    line-height: .9375rem;
    color: #c4c3c3;
}

.new-box ul li a::after {
    width: 0;
    content: "";
    left: 0;
    bottom: 0;
    position: absolute;
    border-bottom: .1875rem solid #EA4134;
    transition: .6s all;
    -webkit-transition: .6s all;
    -moz-transition: .6s all;
    -ms-transition: .6s all;
    -o-transition: .6s all;
}

.new-box ul li a:hover::after {
    width: 100%;
}

.new-box ul li:hover a {
    color: #fff;
    cursor: pointer;
}

.list {
    width: 80%;
}


/*多彩校园 */
.dc {
    position: relative;

}

.thumbsSlider .swiper-button-prev,
.thumbsSlider .swiper-button-next {
    background-image: url('../images/arrowTop-fill-dc.png');
    background-color: transparent;
}

.dc-bg {
    width: 100%;
    top: 0;
    position: absolute;
    background: linear-gradient(90deg, #0088E3 0%, rgba(242, 35, 82, 0) 55%);
    height: 100%;
}

.dc img {
    max-height: 23.4375rem;

}

.dc .max {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    margin-left: -48.75rem;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.dc .max p {
    font-family: PingFang;
    font-weight: 400;
    font-size: 2.5rem;
    color: #FFFFFF;
    line-height: 3rem;
}

.dc .max p:last-child {
    font-size: 1.5rem;
}

.dc .max::before {
    position: absolute;
    content: "";
    height: 80%;
    margin-top: .5rem;
    border-left: .1875rem solid red;
}

.dc .max>div {
    padding-left: .9375rem;
}


.dc-title {
    display: flex;
    height: 3.75rem;
    align-items: center;
    background-color: #fff;
    padding-left: .625rem;
}

.dc-title p:first-child::before {
    content: "";
    display: inline-block;
    width: 1.0625rem;
    height: .9375rem;
    background-image: url('../images/shouye-3.png');
    background-size: 100% 100%;
    margin-right: .625rem;
}

.dc-title p:nth-child(2) {
    margin: 0 .625rem;
    font-family: PingFang;
    font-weight: 400;
    font-size: .875rem;
    color: #999999;
}

.dc-title a {
    font-family: PingFang;
    font-weight: 400;
    font-size: .875rem;
    color: #999999;

}

.dc-swiper {
    display: flex;
    justify-content: space-between;
}

.dc-swiper .left li {
    position: relative;
    border-left: .0625rem solid #EDEDED;
}

.dc-swiper .left a {
    display: block;
    margin-left: 1.25rem;
    border-bottom: .0625rem solid #EDEDED;
    font-family: PingFang;
    font-weight: 400;
    font-size: 1.125rem;
    color: #333333;
    line-height: 3rem;

}

.dc-swiper .left .active {
    font-weight: bold;
    color: #0088E3;
}

.dc-swiper .left li:not(.dc-swiper .left .No)::before {
    content: "";
    position: absolute;
    left: 0;
    border-left: .1875rem solid #F92C4B;
    height: 1.5625rem;
}

.dc-swiper .left {
    width: 15%;
}

.dc-swiper .right {
    width: 85%;
}

.right .swiper-wrapper {
    height: auto;
}

.right .swiper,
.right .swiper1 {
    overflow: hidden;
}

.right .swiper1 {
    width: 70.9375rem;
}

.right .swiper .swiper-slide img {
    width: 100%;
    height: 41.5625rem;
    object-fit: cover;
}

.right .swiper1 .swiper-slide {
    /* max-height: 10rem; */
    /* width: 14.1875rem !important; */
    width: 20%;
    cursor: pointer;
}

.right .swiper1 .swiper-slide img {
    width: 100%;
    height: 6.875rem;
    object-fit: cover;
}

.right .swiper1 .swiper-slide .text {
    text-align: center;
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 1.25rem;
    color: #333333;
    line-height: 2.5rem;
    border: .0625rem solid #EDEDED;
    border-top: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.right .swiper1 .swiper-wrapper {
    /* justify-content: center; */
    align-items: flex-end
}

.right .swiper1 .swiper-slide-thumb-active img {
    height: 11.25rem !important;
}

.dc-swiper .right {
    position: relative;
}

.thumbsSlider {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
}

.thumbsSlider .swiper-button-next,
.thumbsSlider .swiper-button-prev {
    top: 95%;
    opacity: 1;
    background-size: 1.875rem 1.5rem;
}

.thumbsSlider .swiper-button-prev {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.thumbsSlider .swiper-button-next {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.swiper-cont {
    margin-top: 6.25rem;
}

.swiper-cont p {
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 1.125rem;
    color: #333333;
    line-height: 3rem;
}

.swiper-cont h2 {
    font-family: SourceHanSansCN;
    font-weight: bold;
    font-size: 1.875rem;
    color: #333333;
    line-height: 3rem;
    position: relative;
}

.swiper-cont h2::before {
    position: absolute;
    content: "";
    width: 7%;
    bottom: -0.3125rem;
    border-bottom: .3125rem solid #F92C4B;
}

.dc-cont {
    position: relative;
    top: -3.75rem;

}

/* 学校概况 */

.xygk h2 {
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
}

.xygk h2:not(.xygk h2:first-child) {
    margin-top: 1.875rem;
}

.xygk p {
    line-height: 2.8125rem;
    text-indent: 2em;
}


/* 专业介绍 */
.zyjs {
    padding-bottom: 11.25rem;
    margin-top: 2.5rem;
}

.zyjs .zyjs-text {
    background: linear-gradient(0deg, #F4F9FE 0%, rgba(255, 255, 255, 0) 100%);
    margin-top: 1.25rem;
    padding: .625rem;
    padding-bottom: 1.25rem;
    box-sizing: border-box;
}

.zyjs .zyjs-text p {
    margin-bottom: 1.25rem;
    line-height: 1.875rem;

}

.zyjs .zyjs-text a {
    display: block;
    border: 0;
    background-color: #F92C4B;
    border-radius: 1.6875rem;
    height: 3.375rem;
    width: 12rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    font-size: 1.125rem;
    color: #FFFFFF;
    line-height: 3.375rem;
}

.zyjs .zyjs-text div {
    display: flex;
    justify-content: center;
}

.zyjs .zyjs-text:not(.zyjs li:first-child .zyjs-text) {
    display: none;
}

.zyjs li>p {
    cursor: pointer;
    height: 3.75rem;
    line-height: 3.75rem;
    border-bottom: .0625rem solid #EDEDED;
    font-family: SourceHanSansCN;
    font-weight: bold;
    font-size: 1.125rem;
    color: #333333;
    padding-left: .625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zyjs li:first-child>p::after {
    background-image: url('../images/jianhao.png');
    height: .25rem;
}

.zyjs li>p::after {
    display: inline-block;
    width: 1.625rem;
    height: 1.625rem;
    content: "";
    background-image: url('../images/jiahao-2.png');
    background-repeat: no-repeat;
    margin-right: 1.25rem;
}

.zyjs li>.add::after {
    height: 1.625rem !important;
    background-image: url('../images/jiahao-2.png') !important;
}

.zyjs li>.jian::after {
    background-image: url('../images/jianhao.png') !important;
    height: .25rem !important;
}

.zyjs .active {
    background-color: #0088E3 !important;
    color: #fff;
}

/* 招生政策 */
.zszc li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .0625rem dashed #B0B0B0;
}

.zszc li a:hover p {
    color: #0088E3;
}

.zszc li a p {
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 1.25rem;
    color: #333333;
    line-height: 2.25rem;
    padding: 1.5625rem 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.zszc li a p:first-child {
    max-width: 37.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zszc li a p:last-child {
    width: 12.5rem;
    color: #999999;
    text-align: right;
}

.pages {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3.125rem 0;
}

.pages a {
    display: inline-block;
    padding: .9375rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 1rem;
    color: #666666;
    line-height: 1.5rem;
    background-color: #F5F5F5;
}

.pages a:hover {
    background-color: #007aff;
    color: #fff;
}

.pages .active {
    background-color: #007aff;
    color: #fff;
}

/* 招生动态 */

.zsdt li a {
    display: flex;
    align-items: center;
    padding: 3.125rem 0;
    border-bottom: .0625rem dashed #B0B0B0;
    position: relative;
}

.zsdt li a::after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 0%;
    border-bottom: .0625rem solid #F92C4B;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.zsdt li a:hover {
    border: 0;
}

.zsdt li a:hover .text p:first-child {
    color: #F92C4B;
}

.zsdt li:hover a::after {
    width: 100%;
}

.zsdt .date {
    margin-right: 1.875rem;
    text-align: center;
    width: 5rem;
    color: #F92C4B;
    padding: .625rem;
    font-family: SourceHanSansCN;
    box-sizing: border-box;
    line-height: 1.5rem;
    border: .0625rem solid #F92C4B;
}

.zsdt .date p:first-child {
    font-weight: bold;
    font-size: 1.5rem;
    position: relative;
    margin-bottom: 1.25rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.zsdt .date p:first-child::before {
    position: absolute;
    content: "";
    bottom: -0.625rem;
    left: 0;
    width: 100%;
    border-bottom: .0625rem solid;
}

.zsdt .date p:last-child {
    font-weight: 400;
    font-size: .875rem;
}

.zsdt .text {
    width: 85%;
    overflow: hidden;
}

.zsdt .text p {
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 1.25rem;
    color: #333333;
    line-height: 2.25rem;
    max-width: 90.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zsdt .text p:first-child {
    font-weight: bold;


}

.zsdt .text p:last-child {
    font-size: .875rem;
    color: #777777;

}

/* 联系我们 */
.lxwm {
    padding: 3.75rem 0;
}

.lxwm .max>p {
    font-family: PingFang;
    font-weight: 400;
    font-size: 1.5rem;
    color: #333333;
    line-height: 3rem;
    margin-top: 4.375rem;
    margin-bottom: 2.1875rem;
}

.lxwm ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}

.lxwm li {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.lxwm li p {
    font-family: PingFang;
    font-weight: 400;
    font-size: 1.5rem;
    color: #333333;
    line-height: 3rem;
    position: relative;
    max-width: 12.5rem;
    /* overflow: hidden;
    text-overflow: ellipsis; */
    white-space: nowrap;
}

.lxwm li p:nth-child(2)::after {
    position: absolute;
    content: "";
    width: 1.875rem;
    bottom: 0;
    left: 50%;
    border-bottom: .1875rem solid #F92C4B;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
}

.lxwm li p:last-child {
    font-size: 1rem;
}

.lxwm li div {
    width: 5.1875rem;
    height: 5.1875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #007aff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;

}

.lxwm li:hover img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.lxwm li div img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.msg {
    /* background-image: url("../images/lxwm-bg.png"); */
    padding: 3.125rem;
    background-repeat: no-repeat;
}

.msg img {
    width: 100%;
}

.msg .from {
    width: 100%;
    height: 32.25rem;
    background-image: url('../images/lxwm-img.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.msg .from>div {
    width: 50%;
    padding-right: 1.25rem;
    float: right;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.msg .from input,
.msg .from textarea {
    width: 90%;
    height: 4.375rem;
    margin-top: 1.25rem;
    font-family: PingFang;
    font-weight: 400;
    font-size: 1.25rem;
    color: #999999;
    line-height: 3rem;
    padding-left: 1.25rem;
    outline: none;
    resize: none;
    border: .0625rem solid #EDEDED;
}

.msg .from textarea {
    height: 15rem;
}

.msg .from .btn {
    position: absolute;
    bottom: -1.875rem;
    left: 55%;
    cursor: pointer;
    width: 4.9375rem;
    height: 4.9375rem;
    padding: 0;
    color: #fff;
    border: 0;
    transform: translate(-50%);
    border-radius: 50%;
    background-color: #F92C4B;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
}

/* 考生问答 */
.kswd {
    margin-top: 2.25rem;
}

.kswd li .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.kswd li .title hr {
    width: 100%;
    border-color: #EDEDED;
}

.kswd li .title p {
    white-space: nowrap;
    font-family: PingFang;
    font-weight: bold;
    font-size: 1.5rem;
    color: #0088E3;
    line-height: 3rem;
}

.kswd li>p {
    font-family: PingFang;
    font-weight: 400;
    font-size: 1rem;
    color: #333333;
    line-height: 1.875rem;
    margin-bottom: 1.25rem;
}

.kswd li:hover .title hr {
    border-color: red;
}

.info {
    background-color: #F7F8FA;
    padding-bottom: 5rem;
}

.info .title {
    padding-top: 2.9375rem;
    padding-bottom: 1.5625rem;
}

.info .title a {
    font-family: PingFang;
    font-weight: 400;
    font-size: 1rem;
    color: #828A99;
}

.info .title a:hover {
    color: #333;
}

.info .title .active {
    color: #333333;
}

.info .cont {
    padding: 3.625rem;
    padding-bottom: 6.875rem;
    background-color: #fff;
}

.info .cont .max {
    text-align: center;
}

.info .cont h2 {
    max-width: 76.9375rem;
    margin: auto;
    margin-bottom: 4.0625rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info .time {
    border-bottom: .0625rem solid #EBEBEB;
    padding-bottom: 2.1875rem;
}

.info .time,
.info .time .left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.info .time .left {
    width: 35%;
}

.info .time .left p {
    height: .875rem;
    font-family: PingFang;
    font-weight: 400;
    font-size: .875rem;
    color: #666666;
    line-height: .875rem;
    padding: .75rem 1.25rem;
    border-radius: 1.125rem;
    border: .125rem solid #EBEBEB;
}

.info .social-share .icon-weibo,
.info .social-share .icon-wechat,
.info .social-share .icon-qq {
    color: #666666;
    border-color: #EBEBEB;
    width: 3.4375rem;
    height: 3.4375rem;
    font-size: 1.8125rem;
    line-height: 3.4375rem;
}

.info .sher-main img {
    width: auto;
    height: auto;
}

.info .sher-main a:nth-child(2n) {
    margin: 0 1.5rem;
}

.info .cont-text {
    padding-bottom: 6.25rem;
    border-bottom: .0625rem solid #EBEBEB;
    margin-bottom: 3.5625rem;
}

.info .cont-text p {
    text-align: justify
}

.info .cont-text p {
    font-size: 1rem;
    color: #4C4C4C;
    line-height: 3rem;
}

.info .cont-text .title {
    padding-top: 4.375rem;
    font-family: PingFang;
    font-weight: bold;
    font-size: 1.5rem;
    color: #1C1B1B;
    line-height: 3rem;
}


.info .lists,
.info .lists .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.info .lists .left {
    flex-direction: column;
    align-items: flex-start;
}

.info .lists .left a {
    font-family: PingFang;
    font-weight: 500;
    font-size: 1.25rem;
    color: #3A3A3A;
    line-height: 3rem;

}

.info .lists .left a:hover {
    color: #088EE7;
    font-weight: 500;
}

.info .lists .right a {
    text-align: center;
    width: 11.25rem;
    height: 2.875rem;
    line-height: 2.875rem;
    display: block;
    border-radius: 1.375rem;
    border: .125rem solid #EBEBEB;
    color: #666666;
    font-size: 1.125rem;
}

.info .lists .right a::before {
    content: "";
    display: inline-block;
    background-image: url('../images/daohang.png');
    width: 1.125rem;
    height: .8125rem;
    background-size: 100% 100%;
    margin-right: .625rem;
}

.info .lists .right a:hover {
    background-color: #088EE7;
    color: #fff;
}