/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol,
ul {
    list-style: none
}

q:after,
q:before {
    content: ''
}

abbr,
acronym,
fieldset,
img {
    border: 0
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.col-c,
.col-l,
.col_c,
.col_l,
.l {
    float: left
}

.col-r,
.col_r,
.r {
    float: right
}

.c {
    clear: both
}

.fix {
    zoom: 1
}

.fix:after,
.fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

em {
    font-weight: 400;
    font-style: normal
}

body {
    color: #333;
    font-size: .28rem;
    line-height: 1.5;
    font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #f9f9f9
}

img {
    max-width: 100%;
    border: none
}

input,
select,
textarea {
    font-size: .22rem;
    color: #333;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

::-ms-input-placeholder {
    color: #999
}

select::-ms-expand {
    display: none
}

a {
    color: #333;
    text-decoration: none
}

/*!-----------------[初始化结束]--------------*/
@font-face {
    font-family: DIN;
    src: url(../fonts/DIN-Bold.otf)
}

.wp {
    padding: 0 .2rem
}

@media (min-width:320px) {
    html {
        font-size: 43.6667px
    }
}

@media (min-width:360px) {
    html {
        font-size: 48px
    }
}

@media (min-width:375px) {
    html {
        font-size: 50px
    }
}

@media (min-width:384px) {
    html {
        font-size: 51.2px
    }
}

@media (min-width:414px) {
    html {
        font-size: 55.2px
    }
}

@media (min-width:448px) {
    html {
        font-size: 59.7333px
    }
}

@media (min-width:480px) {
    html {
        font-size: 48px
    }
}

@media (min-width:512px) {
    html {
        font-size: 68.2667px
    }
}

@media (min-width:544px) {
    html {
        font-size: 72.5333px
    }
}

@media (min-width:576px) {
    html {
        font-size: 76.8px
    }
}

@media (min-width:608px) {
    html {
        font-size: 81.0667px
    }
}

@media (min-width:640px) {
    html {
        font-size: 85.3333px
    }
}

@media (min-width:750px) {
    html {
        font-size: 100px
    }
}
.s-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .9;
    display: none;
    z-index: 999;
}
.m-snvbox.open .inner{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.m-snvbox .inner{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);position:fixed;left:0;top:0;width:4.9rem;height:100%;display:block;background-color:#fff;overflow-y:auto;overflow-x:hidden;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;z-index:1000}
.m-snvbox .cls{position:absolute;top:1rem;left:.25rem;width:.4rem;height:.4rem;cursor:pointer;background:url(../images/cls.png) center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;z-index:2}
.snv{position:absolute;left:0;top:0;bottom:0;display:block;background-color:#fafafa;width:2.05rem;padding-top:1.5rem}
.snv li{position:relative}
.snv .dropIcon{display:block;width:.23rem;height:.23rem;background:url(../images/drop.png) center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;position:absolute;top:50%;right:.18rem;margin-top:-.12rem}
.snv .v1{display:block;line-height:1.3rem;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;padding-left:.25rem;font-size:.3rem;color:#1f1f1f}
.snv .on .v1{background-color:#fff}
.snv .on .dropIcon{background-image:url(../images/drop2.png)}
.snv .sub{position:absolute;left:100%;top:-200%;width:2.85rem;padding:0 .4rem;display:none}
.snv .sub .v2{display:block;font-size:.3rem;color:#1f1f1f;border-bottom:1px solid #e8e6e6;line-height:1.3rem}
.s-bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.9;display:none;z-index:999}
.g-moreb2{display:block;font-size:.3rem;text-align:center;color:#343434;padding:.4rem 0 .6rem}
.m-swb2{padding:.36rem 0;border-bottom:1px solid #e8e6e6}
.m-swb2 .swiper-slide-active .con{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.m-swb2 .con{display:block;position:relative;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.m-swb2 .pic{height:3.6rem;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-border-radius:.07rem;-moz-border-radius:.07rem;border-radius:.07rem}
.m-swb2 .name{font-size:.26rem;color:#fff;line-height:1.4;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;position:absolute;left:.3rem;right:.3rem;bottom:.3rem}
.detail__bottom--wrapper.course-type-normal_course {
    display: -webkit-flex;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.iphonex-padding-bottom {
    box-sizing: initial;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.detail__bottom--wrapper {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    display: -webkit-flex;
    display: flex;
}

.detail__bottom--button {
    float: left;
    height: 38px;
    display: -webkit-flex;
    display: flex;
    /*-webkit-justify-content: space-between;*/
    /*justify-content: space-between;*/
}


.detail__bottom--button .agency-button i, .detail__bottom--button .contact-button i, .detail__bottom--button .fav-button i {
    width: 26px;
    height: 26px;
    display: block;
    background-size: 100% 100%;
    margin: 0 auto;
}

.detail__bottom--main {
    float: right;
    width: 50%;
}

.detail__bottom--wrapper.course-type-normal_course .detail__bottom--main .detail__bottom--container {
    padding-left: 0;
    padding-right: 0;
}

.detail__bottom--button .agency-button, .detail__bottom--button .contact-button, .detail__bottom--button .fav-button {
    width: 30px;
    height: 40px;
    margin-right: 24px;
    line-height: 0;
    text-align: center
}

.detail__bottom--button a, .detail__bottom--button .agency-button span, .detail__bottom--button .contact-button span, .detail__bottom--button .fav-button span {
    font-size: 12px;
    height: 14px;
    line-height: 18px;
    color: #000;
    text-decoration: none;
}

.detail__bottom--button .agency-button i {
    background-image: url("../images/wx.png");
}

.detail__bottom--button .fav-button i {
    background-image: url("../images/xf.png")
}

.detail__bottom--button .fav-button.is-active i {
    background-image: url("../images/st.png")
}

.detail__bottom--button .contact-button i {
    background-image: url("../images/st.png")
}

.detail__bottom--button .contact-button.is-active span {
    color: #000
}

.bottom-btn { /* display:block; */
    width: 100%;
    height: 38px;
    color: #fff;
    background: -webkit-gradient(linear,left top,right top,from(#f88d35),to(#f45122));
    background: -webkit-linear-gradient(left,#f88d35 0,#f45122 100%);
    background: oldlinear-gradient(left,#f88d35 0,#f45122 100%) -moz-;
    background: -o-linear-gradient(left,#f88d35 0,#f45122 100%);
    background: linear-gradient(90deg,#f88d35 0,#f45122 100%);
    border: transparent !important;
    padding: 0;
    font-size: 16px;
    border-radius: 20px
}

.bottom-btn:focus {
    outline: none
}
/*!****** lib.css end *******/
/*!****** bl *******/
.banner img {
    display: block;
    width: 100%
}

.ul-listb3 {
    margin-bottom: .46rem
}

.ul-listb3 li {
    margin-bottom: .3rem
}

.ul-listb3 .con {
    display: block;
    overflow: hidden;
    -webkit-border-radius: .16rem;
    -moz-border-radius: .16rem;
    border-radius: .16rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .03rem .06rem 1px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 .03rem .06rem 1px rgba(0, 0, 0, .16);
    box-shadow: 0 .03rem .06rem 1px rgba(0, 0, 0, .16)
}

.ul-listb3 .pic {
    float: left;
    width: 2.84rem;
    height: 3.7rem
}

.ul-listb3 .pic .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.ul-listb3 .txt {
    position: relative;
    overflow: hidden;
    /*padding: .6rem .4rem .1rem .56rem*/
    padding: .6rem .3rem .1rem .3rem
}

.ul-listb3 .tag {
    position: absolute;
    display: block;
    top: 0;
    left: .56rem;
    width: .31rem
}

.ul-listb3 .line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: .1rem
}

.ul-listb3 .line .name {
    font-size: .33rem;
    font-weight: 700;
    color: #333
}

.ul-listb3 .line .job {
    font-size: .18rem;
    color: #990a23;
    margin-left: .05rem
}

.ul-listb3 .msg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.15rem;
}

.ul-listb3 .msg div {
    background: #faf3f4;
    color: #990a23;
    text-align: center;
    font-size: 0.21rem;
    padding: 5px;
}

.ul-listb3 .desc {
    font-size: .2rem;
    color: #666;
    line-height: 0.4rem;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 1.2rem;
    min-height: 54px;
    margin-bottom: .15rem;
    text-overflow: ellipsis;
}

.ul-listb3 .icons {
    overflow: hidden;
    font-size: 0
}

.ul-listb3 .icons .icn {
    float: left;
    margin-right: .2rem;
    height: .8rem;
    line-height: .8rem
}

.ul-listb3 .icons .icn:last-child {
    margin-right: 0
}

.ul-listb3 .icons .icn img {
    display: inline-block;
    vertical-align: middle;
    max-width: .63rem;
    max-height: .63rem
}

.g-moreb1 {
    display: block;
    text-align: center;
    width: 2.58rem;
    height: .6rem;
    background: -webkit-gradient(linear, left top, right top, from(#f9b24a), to(#ff653f));
    background: -webkit-linear-gradient(left, #f9b24a 0, #ff653f 100%);
    background: oldlinear-gradient(left, #f9b24a 0, #ff653f 100%) -moz-;
    background: -o-linear-gradient(left, #f9b24a 0, #ff653f 100%);
    background: linear-gradient(90deg, #f9b24a 0, #ff653f 100%);
    -webkit-box-shadow: 0 0 .06rem rgba(232, 140, 64, .36);
    -moz-box-shadow: 0 0 .06rem rgba(232, 140, 64, .36);
    box-shadow: 0 0 .06rem rgba(232, 140, 64, .36);
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    margin: 0 auto;
    font-size: .3rem;
    color: #fff;
    line-height: .6rem
}

.row-a4 {
    overflow: hidden;
    padding-bottom: .4rem
}

.row-a4 .g-tit {
    margin-bottom: .4rem
}

.ul-picsb1 {
    overflow: hidden;
    margin: 0 -.04rem .42rem
}

.ul-picsb1 li {
    float: left;
    width: 50%
}

.ul-picsb1 .li1 {
    width: 100%
}

.ul-picsb1 .li1 .pic {
    padding-top: 61.97%
}

.ul-picsb1 .con {
    -webkit-border-radius: .12rem;
    -moz-border-radius: .12rem;
    border-radius: .12rem;
    overflow: hidden;
    margin: 0 .04rem .12rem
}

.ul-picsb1 .pic {
    display: block;
    position: relative;
    height: 0;
    padding-top: 130%;
    overflow: hidden
}

.ul-picsb1 .pic .img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.row-a5 {
    padding: .38rem 0 .94rem;
    overflow: hidden
}

.row-a5 .g-tit {
    margin-bottom: .65rem
}

.m-banb1 .swiper-container {
    padding-left: .2rem
}

.m-banb1 .swiper-slide {
    width: auto
}

.m-banb1 .con {
    display: block;
    width: 3.09rem;
    height: 1.78rem;
    position: relative;
    -webkit-border-radius: .12rem;
    -moz-border-radius: .12rem;
    border-radius: .12rem;
    overflow: hidden
}

.m-banb1 .txt {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: .3rem
}

.m-banb1 .icon {
    font-size: 0;
    height: .6rem;
    line-height: .6rem;
    overflow: hidden
}

.m-banb1 .icon img {
    display: inline-block;
    vertical-align: middle;
    max-height: .35rem
}

.m-banb1 .t {
    font-size: .28rem;
    color: #fff;
    font-weight: 700;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.m-banb1 .p {
    font-size: .18rem;
    color: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.row-a6 {
    overflow: hidden
}

.row-a6 .g-tit {
    margin-bottom: .4rem
}

.m-banb2 .pic img {
    display: block;
    width: 100%
}

.m-banb2 .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: .1rem;
    left: 0
}

.m-banb2 .swiper-pagination-bullet {
    background-color: #fff;
    width: .08rem;
    height: .08rem;
    opacity: 1;
    -webkit-border-radius: .04rem;
    -moz-border-radius: .04rem;
    border-radius: .04rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    margin: 0 2px !important
}

.m-banb2 .swiper-pagination-bullet-active {
    width: .24rem
}

.m-banb2 .txt {
    font-size: .26rem;
    color: #767676;
    line-height: 1.5;
    padding: .5rem 0 .74rem
}

.ban_imgs.swiper-container {
    padding-left: .2rem;
    margin-bottom: .5rem
}

.ban_imgs.swiper-container .swiper-slide {
    width: auto
}

.ban_imgs.swiper-container .pic {
    -webkit-border-radius: .16rem;
    -moz-border-radius: .16rem;
    border-radius: .16rem;
    width: 3.18rem;
    height: 1.64rem;
    overflow: hidden
}

.ban_imgs.swiper-container .pic img {
    display: block;
    width: 100%
}

.row-a7 {
    overflow: hidden;
    padding: 1.1rem 0 .65rem
}

.row-a7 .g-tit {
    margin-bottom: .4rem
}

.ul-icons {
    overflow: hidden;
    margin: 0 -.18rem
}

.ul-icons li {
    float: left;
    width: 33.33%
}

.ul-icons .con {
    display: block;
    margin: 0 .18rem .26rem;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: .12rem;
    -moz-border-radius: .12rem;
    border-radius: .12rem
}

.ul-icons .pic {
    font-size: 0;
    text-align: center;
    height: .7rem;
    line-height: .7rem;
    overflow: hidden
}

.ul-icons .pic img {
    display: inline-block;
    vertical-align: middle;
    max-height: .7rem
}

.row-a8 {
    position: relative;
    padding-bottom: .2rem
}

.row-a8 .g-tit {
    margin-bottom: .3rem
}

.row-a8::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0a0a0a;
    height: 2.28rem
}

.honor_imgs.swiper-container {
    padding-left: .2rem
}

.honor_imgs .swiper-slide {
    width: auto
}

.honor_imgs .pic {
    width: 1.86rem;
    height: 2.8rem;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden;
    text-align: center;
    line-height: 2.8rem;
    margin-bottom: .06rem
}

.honor_imgs .pic img {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.honor_imgs .name {
    font-size: .28rem;
    color: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    line-height: 2
}

.row-a9 {
    overflow: hidden;
    padding: .7rem 0 .35rem
}

.row-a9 .g-tit {
    margin-bottom: .58rem
}

.ul-fqas {
    overflow: hidden;
    margin: 0 -.12rem
}

.ul-fqas li {
    float: left;
    width: 50%
}

.ul-fqas li:nth-child(3) .con::after {
    background-image: url(../images/t-bg3.png)
}

.ul-fqas .con {
    display: block;
    overflow: hidden;
    margin: 0 .12rem .26rem;
    position: relative
}

.ul-fqas .con::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.02rem;
    background: url(../images/t-bg1.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    pointer-events: none
}

.ul-fqas .pic {
    position: relative;
    height: 0;
    padding-top: 96.22%;
    overflow: hidden
}

.ul-fqas .pic img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.ul-fqas .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    padding: 0 .2rem .25rem
}

.ul-fqas .icon {
    text-align: center;
    font-size: 0;
    height: .6rem;
    line-height: .6rem;
    overflow: hidden;
    margin-bottom: .06rem
}

.ul-fqas .icon img {
    display: inline-block;
    vertical-align: middle;
    max-height: .58rem
}

.ul-fqas .name {
    font-size: .28rem;
    color: #fff;
    font-weight: 700;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.g-bot_fix {
    height: 1.2rem
}

.g-bot_fix .box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 0 -3px 6px 1px rgba(0, 0, 0, .04);
    -moz-box-shadow: 0 -3px 6px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 -3px 6px 1px rgba(0, 0, 0, .04)
}

.g-bot_fix .con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1.17rem;
    padding: 0 .4rem
}

.g-bot_fix .l {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.g-bot_fix .item {
    text-align: center;
    display: block
}

.g-bot_fix .item .p {
    font-size: .24rem;
    color: #1a1a1a
}

.g-bot_fix .icon {
    font-size: 0;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    display: inline-block;
    position: relative
}

.g-bot_fix .icon img {
    display: inline-block;
    vertical-align: middle;
    max-height: .43rem
}

.g-bot_fix .icon .num {
    position: absolute;
    right: 0;
    font-size: .2rem;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    min-width: .27rem;
    line-height: .27rem;
    text-align: center;
    padding: 0 .04rem;
    background-color: #f45122
}

.g-bot_fix .btn {
    display: block;
    text-align: center;
    width: 2.68rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .34rem;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#f88d35), to(#f45122));
    background: -webkit-linear-gradient(left, #f88d35 0, #f45122 100%);
    background: oldlinear-gradient(left, #f88d35 0, #f45122 100%) -moz-;
    background: -o-linear-gradient(left, #f88d35 0, #f45122 100%);
    background: linear-gradient(90deg, #f88d35 0, #f45122 100%);
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    border-radius: .35rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .8rem
}

.bg-img {
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

/*!0316*/
.header.hide {
    top: -.85rem
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    height: .9rem;
    background-color: #121017;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.header .menu {
    cursor: pointer;
    display: block;
    width: .9rem;
    height: .9rem;
    background: url(../images/menu.png) center no-repeat;
    -webkit-background-size: .36rem .36rem;
    -moz-background-size: .36rem;
    -o-background-size: .36rem;
    background-size: .36rem;
    position: absolute;
    top: 0;
    right: 0
}

.header .logo {
    display: block
}

.header .logo img {
    display: block;
    width: 2.8rem;
    margin-left: 0.3rem;
    ;
}

.empty_hd {
    height: .9rem
}

.noscr {
    height: 100%;
    overflow: hidden
}

.row-xw {
    overflow: hidden
}

.row-xw .m-h3 {
    padding: .54rem 0 .1rem
}

.m-snvbox.open .inner {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.m-snvbox .inner {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    position: fixed;
    left: 0;
    top: 0;
    width: 7.2rem;
    height: 100%;
    display: block;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    z-index: 1000
}

.m-snvbox .cls {
    position: absolute;
    top: 1rem;
    left: .25rem;
    width: .4rem;
    height: .4rem;
    cursor: pointer;
    background: url(../images/cls.png) center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    z-index: 2
}

.snv {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-color: #fafafa;
    width: 2.8rem;
    padding-top: 1.5rem
}

.snv li {
    position: relative
}

.snv .dropIcon {
    display: block;
    width: .23rem;
    height: .23rem;
    background: url(../images/drop.png) center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: .18rem;
    margin-top: -.12rem
}

.snv .v1 {
    display: block;
    line-height: 1.2rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    padding-left: .25rem;
    font-size: .3rem;
    color: #1f1f1f
}

.snv .on .v1 {
    background-color: #fff
}

.snv .on .dropIcon {
    background-image: url(../images/drop2.png)
}

.snv .sub {
    position: absolute;
    left: 100%;
    top: -200%;
    width: 4.3rem;
    padding: 0 .4rem;
    display: none;
    text-align: center;
}

.snv .sub .v2 {
    display: block;
    font-size: .2rem;
    color: #1f1f1f;
    border-bottom: 1px solid #e8e6e6;
    line-height: 1.2rem
}

.s-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .9;
    display: none;
    z-index: 999
}

.g-moreb2 {
    display: block;
    font-size: .25rem;
    text-align: center;
    color: #343434;
    padding: .4rem 0 .6rem
}

.m-swb2 {
    padding: .36rem 0;
    border-bottom: 1px solid #e8e6e6
}

.m-swb2 .swiper-slide-active .con {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.m-swb2 .con {
    display: block;
    position: relative;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.m-swb2 .pic {
    height: 3.6rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-radius: .07rem;
    -moz-border-radius: .07rem;
    border-radius: .07rem
}

.m-swb2 .name {
    font-size: .26rem;
    color: #fff;
    line-height: 1.4;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: absolute;
    left: .3rem;
    right: .3rem;
    bottom: .3rem
}


.row-sz {
    overflow: hidden
}

.row-sz .ul-listb3 {
    margin-bottom: 0
}

.row-sz .ul-listb3 li:last-child {
    margin-bottom: 0
}

.m-swb4 {
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden
}

.m-swb4 .con {
    display: block;
    position: relative;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden
}

.m-swb4 .pic {
    height: 4.2rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative
}

.m-swb4 .video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.m-swb4 .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1.88rem;
    background: rgba(0, 0, 0, .24);
    overflow: hidden;
    width: 100%;
}

.m-swb4 .name {
    font-size: .26rem;
    color: #fff;
    line-height: 1.54;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: .4rem
}

.m-swb4 .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: .12rem;
    left: 0
}

.m-swb4 .swiper-pagination-bullet {
    position: relative;
    background-color: rgba(255, 255, 255, .3);
    width: 1.16rem;
    height: .04rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    margin: 0 2px !important
}

.m-swb4 .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 100%;
    background-color: #fff;
    z-index: 2
}

.m-swb4 .swiper-pagination-bullet-active::after {
    right: 0;
    transition: linear 8.1s
}

.row-ab8 {
    overflow: hidden;
    padding-bottom: .8rem
}

.row-ab8 .g-titleb1 {
    margin-bottom: .32rem
}

.m-swb6 {
    margin-bottom: .34rem
}

.m-swb6 .swiper-slide {
    width: auto
}

.m-swb6 .con {
    display: block;
    width: 5.2rem;
    height: 2.1rem;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.m-swb6 .info {
    position: absolute;
    top: 50%;
    left: 2.37rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-swb6 .icon {
    height: .9rem;
    line-height: .9rem;
    font-size: 0;
    overflow: hidden
}

.m-swb6 .icon img {
    display: inline-block;
    vertical-align: middle;
    max-height: .9rem
}

.m-swb6 .name {
    font-size: .32rem;
    color: #fff
}

.m-txtb3 {
    font-size: .26rem;
    color: #1a1a1a;
    line-height: 1.54
}

/*!0316end*/
.jl-row1 {
    padding: .5rem .0rem 0;
    overflow: hidden
}

.jl-tit1 {
    font-size: .5rem;
    color: #101010;
    margin-bottom: .68rem;
    font-weight: 700;
    line-height: 1
}

.jl-tab1 {
    display: flex;
    align-items: flex-end;
    margin-bottom: .33rem
}

.jl-tab1 li {
    display: block;
    font-size: .25rem;
    color: #999;
    position: relative;
    padding-bottom: .15rem;
    margin-right: .64rem;
    line-height: 1
}

.jl-tab1 li:last-child {
    margin-right: 0
}

.jl-tab1 li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    width: .5rem;
    height: .03rem;
    border-radius: .5rem;
    background: #990a23;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 2
}

.jl-tab1 .on {
    color: #333;
    font-weight: 700
}

.jl-tab1 .on::after {
    opacity: 1
}

.jl-list1 {
    position: relative;
    margin-right: -.2rem
}

.jl-list1 .con {
    display: block;
    font-size: 0
}

.jl-list1 .con img {
    display: block;
    width: 100%
}

.jl-list1 .info {
    padding: .41rem .47rem .33rem .29rem;
    background-color: #fff;
    box-shadow: 0 .03rem .06rem rgba(0, 0, 0, .16)
}

.jl-list1 .tit {
    font-size: .36rem;
    color: #0f0f0f;
    margin-bottom: .49rem
}

.jl-list1 .tit span {
    position: relative;
    z-index: 2
}

.jl-list1 .tit span::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .19rem;
    background-color: #ffc457;
    z-index: -1
}

.jl-swiper1 {
    height: 3.3rem;
    overflow: hidden;
    margin-bottom: .45rem
}

.jl-swiper1 .swiper-slide {
    height: .8rem !important;
    margin-bottom: .45rem
}

.jl-swiper1.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: linear
}

.jl-swiper1 .item {
    display: flex;
    align-items: center
}

.jl-swiper1 .icn {
    display: block;
    width: .8rem;
    margin-right: .17rem
}

.jl-swiper1 img {
    display: block;
    width: 100%
}

.jl-swiper1 .desc {
    flex: 1;
    font-size: .32rem;
    color: #484848
}

.jl-swiper1 .icn2 {
    display: block;
    width: .3rem
}

.jl-list1 .btn {
    display: block;
    line-height: .64rem;
    background-color: #1f1f1f;
    border-radius: .5rem;
    text-align: center;
    font-size: .26rem;
    color: #fff
}

.jl-ban1 {
    font-size: 0
}

.jl-ban1 img {
    display: block;
    width: 100%
}

.jl-tit2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .1rem
}
.plr4{
    padding: 0 0.4rem;
}
.mtop {
    margin-top: 1rem;
}

.mtop5 {
    margin-top: 0.5rem;
}

.jl-tit3 {
    margin-bottom: .32rem
}

.jl-tit2 .tit {
    width: 3.6rem;
}

.jl-tit2 .tit2 {
    width: 3.6rem;
}

.jl-tit2 .tit2 .img {
    width: 100%;
}

.jl-tit2 .tit .img {
    width: 100%;
}

.jl-tit2 .tit3 {
    width: 3.6rem;
}

.jl-tit2 .tit3 .img {
    width: 100%;
}

.jl-tit2 .more2 {
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #990a23;
    font-size: 0.24rem;
    text-align: center;
    border: solid 1px #990a23;
}

.jl-tit2 .more2 a {
    color: #990a23;
    font-size: 0.25rem;
}

.jl-tit2 .more2 img {
    width: 0.35rem;
    margin-left: 0.12rem;
    display: inline-block;

}

.jl-tit2 .more2 a img {
    width: 0.35rem;
    margin-left: 0.12rem;
    display: inline-block;

}

.jl-tit2 .img_title {
    width: 4.5rem;
}

.jl-tit2 .more3 {
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.25rem;
    text-align: center;
    border: solid 1px #fff;
}

.jl-tit2 .more3 img {
    width: 0.35rem;
    margin-left: 0.12rem;
    display: inline-block;

}

.xwzx_box_bg {
    width: 100%;
    background-image: url(../images/bg5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0rem 0.4rem 1rem;
}

.lqjj {
    width: 100%;
    box-sizing: border-box;
    padding: 0rem 0.4rem 0;
}

.xjplxys {
    width: 100%;
    background-image: url(../images/bg3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 1rem;
}

.SXJJ_BOX {
    width: 100%;
    background-image: url(../images/bg1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 1rem;
}

.rxsq_box {
    width: 100%;
    background-image: url(../images/bg2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* padding-bottom: 1rem; */
    padding: 0.2rem 0.5rem 0.5rem;
    margin-top: 1rem;
}

.student_bg {
    width: 100%;
    background-image: url(../images/bg4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 1rem;
}

.xyfc_bg {
    width: 100%;
    background-image: url(../images/bg9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.4rem 0;
}

.mxzxf_box {
    width: 100%;
    background-image: url(../images/bg9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.4rem 1rem;
}
.jl-slickbox1 {
    display: flex;
    align-items: flex-start;
    margin-bottom: .71rem
}

.jl-img1 {
    margin-bottom: .77rem;
    font-size: 0
}

.jl-pic1 {
    font-size: 0;
    margin-bottom: .16rem;
    border-radius: .1rem;
    overflow: hidden
}

.jl-img1 .con {
    border-radius: .1rem;
    overflow: hidden
}


.jl-imglist {
    display: flex;
    margin: 0 -.09rem
}

.jl-imglist .imgbox {
    flex: 1;
    display: block;
    padding: 0 .09rem
}

.jl-imglist .con {
    display: block;
    font-size: 0;
    margin-bottom: .2rem;
    border-radius: .16rem;
    overflow: hidden
}

.jl-imglist .con img {
    display: block;
    width: 100%
}

.jl-imglist .info {
    padding: .41rem .47rem .33rem .29rem;
    background-color: #fff;
    box-shadow: 0 .03rem .06rem rgba(0, 0, 0, .16);
    margin-bottom: .2rem
}

.jl-imglist .tit {
    font-size: .36rem;
    color: #0f0f0f;
    margin-bottom: .49rem
}

.jl-imglist .tit span {
    position: relative;
    z-index: 2
}

.jl-imglist .tit span::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .19rem;
    background-color: #ffc457;
    z-index: -1
}

.jl-imglist .btn {
    display: block;
    line-height: .64rem;
    background-color: #1f1f1f;
    border-radius: .5rem;
    text-align: center;
    font-size: .26rem;
    color: #fff
}

.jl-pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 9999;
    display: none
}

.jl-pop .pic {
    position: absolute;
    top: 50%;
    left: .2rem;
    right: .2rem;
    font-size: 0;
    transform: translateY(-50%);
    z-index: 2
}

.jl-tabinfo1 {
    position: relative
}

.jl-tabinfo1 .infobox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

.jl-tabinfo1 .infobox.on {
    position: relative;
    opacity: 1;
    visibility: visible
}

.fancybox-button {
    width: 100%;
    height: 100%
}

.fancybox-button svg {
    display: none !important
}


/*底部按钮 结束*/

/*!****** bl end *******/
/* .banner */
.hides{
    display: none !important;
}
.nav{
    width: 100%;
    height: 0.8rem;
    /*line-height: 0.8rem;*/
    background: url('../images/child_nav.png')no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0 0.4rem;
    color: #fff;
}
.nav p{
    font-weight: bold;
    font-size: 0.3rem;
}
.nav span{
    font-size: 0.2rem;
}
.Shows{
    display: flex;
}
.meun_ul{
    position: fixed;
    right: 0;
    top: 0.9rem;
    display: flex;
    flex-direction: column;
    width: 2rem;
}
.meun_ul li{
    width: 1.5rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background: #204666;
    text-align: center;
    
}

.meun_ul li a{
    color: #fff;
    font-size: 0.2rem;
}
.meun_ul li:hover a{
    color: #990a23;
}
.banners{
    width: 100%;
    margin-top: .9rem;
}
.banners img{
    width: 100%;
    display: block;
}
/* 入学申请 */
.rxsq {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem;
    position: relative;
}

.formData {
    width: 100%;
    box-sizing: border-box;
    margin-top: 0.2rem;
}

.banner-box-title {
    width: 100%;
    display: flex;
    margin-top: 0.36rem;
}

.banner-box-title div img {
    opacity: 0.3;
}

.banner-box-title div p {
    color: #fff;
    font-weight: bold;
    font-size: 0.3rem;
    margin: 0;
    margin-left: 0.2rem;
}

.formData .formData-items {
    width: 48%;
    height: 0.5rem;
    background: #fff;
    box-sizing: border-box;
    padding: 0 0.3rem;
    margin-bottom: 0.3rem;
}

.formData .formData-items input {
    height: 0.5rem;
    width: 87%;
    border-color: transparent;
}

.formData .formData-items input::placeholder {
    color: #666;
}

.formData .formData-items-btn {
    width: 48%;
    height: 0.5rem;
    background: #990b24;
    line-height: 0.4rem;
    color: #fff;
    text-align: center;
    font-size: 0.3rem;
}


.box_banner {
    width: 85%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0.3rem 0.2rem;
    position: absolute;
    top: -0.3rem;
    left:50%;
    transform: translate(-50%,-50%);
}

.box_banner .box_banner_items {
    width: calc(100% / 2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-right: solid 1px #ebebeb;
    cursor: pointer;
}

.box_banner .box_banner_items:last-child {
    border-right: 0;
}

.box_banner .box_banner_items .h1s {
    color: #333;
    font-size: 0.24rem;
    margin: 0;
    margin-bottom: 0.1rem;
    height: 1.1rem;
}

.box_banner .box_banner_items .span {
    color: #666;
    font-size: 0.2rem;
    display: block;

}

.box_banner .box_banner_items .xian {
    background: #C12027;
    width: 0.3rem;
    height: 0.04rem;
    margin-top: 0.2rem;
}

/* 升学佳绩 */
.sxjj {
    width: 100%;
    box-sizing: border-box;
    padding: 0.2rem 0.4rem;
}

.xsjj .News_Information_box_title {
    width: 50%;
}

.sxjj_content {
    width: 100%;
    margin-top: 0.5rem;
}

.sxjj_content_items {
    width: 48%;
    border-top: solid 0.02rem #fff;
    padding: 0.2rem 0;
}

.sxjj_content_items .percentage {
    font-size: 0.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #fff;
}

.sxjj_content_items .percentage span {
    font-size: 0.2rem;
}

.sxjj_content_items .p1 {
    font-size: .22rem;
    color: #fff;
    padding-bottom: 0.4rem;
}

.sxjj_content_items .p1 strong {
    color: #d8b06e;
    font-size: .22rem;
}

.sxjj_content_items .footer_btn_more {
    width: 100%;
    height: 0.4rem;
    color: #fff;
    line-height: .4rem;
    text-align: left;
    margin-bottom: 0.5rem;
}

.sxjj_content_items .footer_btn_more .img_more {
    width: 0.37rem;
    height: .12rem;
    margin-top: 0.15rem;
    margin-left: 0.2rem;
}
.sxjj_content_items:hover {
    border-top: solid 0.02rem #990a23;
}
.sxjj_content_items:hover .percentage {
    color: #990a23;
}

.sxjj_content_items:hover .percentage span {
    color: #fff;
}

.sxjj_content_items:hover .footer_btn_more {
    color: #990a23;
}

/* 辅仁国际学校的教育理念 */

.jyln_box {
    width: 100%;
    box-sizing: border-box;
    padding: 0.4rem 0.4rem 0.2rem;
}
.jyln  .img_title{
    width: 3.6rem;
    margin-top: 0.8rem;
    margin-left: 0.4rem;
}
.jyln_box .News_Information_box_title {
    width: 60%;
    
}


.jyln_box p {
    font-size: 0.2rem;
    color: #333;
   
}
.jyln_box p:last-child{
    margin-top: 0.3rem;
}
.jyln_box .jyln_icon {
    width: 3rem;
}


/* 新加坡留学优势 */

.xjblcys_box_content {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.xjblcys_box_content_list {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0.4rem;
}

.xjblcys_box_content_items {
    width: 48%;
    color: #000;
    text-align: center;
    background: url(../images/bg3_icon.png)no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.2rem;
}

.xjblcys_box_content_items .contnt {
    padding: 0.2rem;
    text-align: left;
}

.xjblcys_box_content_items .contnt h1 {

    font-size: 0.3rem !important;
}

.xjblcys_box_content_items .contnt .p0 {
    color: #333;
    font-size: 0.22rem !important;
}

.xjblcys_box_content_items .line {
    width: 0.4rem;
    height: 0.02rem;
    background: #990a23;
    margin: 0.3rem 0;
}

.common_title .News_Information_box_more {
    border-color: #fff !important;
}

.common_title .News_Information_box_more a {
    color: #fff !important;
}
/* 辅仁优势 */
.fryy {
    width: 100%;
    box-sizing: border-box;
    padding:0.2rem 0.4rem;
    margin: 0.5rem 0;
}

.fryy .News_Information_box_title {
    width: 100%;
}


.fryy .News_Information_box_title img {
    width: 3.6rem;
}

.fryy .News_Information_box_title .img1 {
    width: 4.8rem;
}

.fryy_box_content {
    width: 100%;
    margin-top: 0.6rem;
}

.fryy_box_content ul {
    width: 100%;
    flex-wrap: wrap;
}

.fryy_box_content ul li {
    width: 50%;
    border: solid 0.01rem #ebebeb;
    box-sizing: border-box;
    padding: 0.3rem;
    padding-bottom: 0.5rem;
}

.fryy_box_content ul li .title {
    font-size: 0.26rem;
    color: #990b24;
    margin-bottom: 0.2rem;
}

.fryy_box_content ul li .msg {
    font-size: 0.2rem;
    color: #666;
    text-align: justify;
}

.fryy_box_content ul li .footers {
    margin-top: 40px;
}

.fryy_box_content ul li .footers p {
    font-size: 20px;
    color: #999;
}

.fryy_box_content ul li .footers .icons {
    width: 40px;
    height: 40px;
    border: solid 1px #999;
    display: flex !important;
}

.fryy_box_content ul li .footers .icons img {
    width: 23px;
}


/* 轮播图 */
.xwzx {
    width: 100%;
}

.studentwork {
    width: 100%;
}

.xwzx .swiper-container {
    width: 100%;
    height: 100%;
}

.xwzx .swiper-slide {
    text-align: center;
    height: 86%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.9);
    background: rgba(0, 0, 0, 0.5);
}

.studentwork .swiper-slide {
    background: #fff;
}

.xwzx .swiper-slide .content {
    padding: 0.2rem 0.2rem 0.4rem
}

.xwzx .swiper-slide img {
    width: 100%;
}

.studentwork .swiper-slide img {
    width: 95%;
    margin: 0 auto;
    padding-top: 0.1rem;
}

.xwzx .swiper-slide .title {
    font-size: 0.28rem;
    color: #333;
    text-align: left;
    margin-bottom: 0.3rem;
}

.xwzx .swiper-slide .dec {
    font-size: 0.24rem;
    color: #666;
    text-align: left
}

.xwzx .swiper-slide .footers {
    width: 100%;
    margin-top: 0.2rem;
}

.xwzx .swiper-slide .footers span {
    font-size: 0.3rem;
    color: #666;
}

.xwzx .swiper-slide .footers div {
    width: 2rem;
    height: 0.5rem;
    line-height: 0.45rem;
    color: #990a23;
    font-size: 0.24rem;
    text-align: center;
    border: solid 1px #990a23;
}

.xwzx .swiper-slide .footers div img {
    width: 0.35rem;
    margin-left: 0.15rem;
}

.xwzx .swiper-slide-active {
    z-index: 999 !important;
}

.xwzx .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
    background: #fff;
}
.xyfcSwiper .swiper-slide img{
    width:100%
}
.mxzxfSwiper .swiper-slide img{
    width:100%
}
.xyfcSwiper .swiper-button-next {
    background: url("../images/right_more.png") no-repeat;
    background-size: 100% 100%;
    width: 40px;
    right: 0;
}

.mxzxfSwiper .swiper-button-prev {
    background: url("../images/left_more.png") no-repeat;
    background-size: 100% 100%;
    width: 40px;
    left: 0;
}

.mxzxfSwiper .swiper-button-next {
    background: url("../images/right_more.png") no-repeat;
    background-size: 100% 100%;
    width: 40px;
    right: 0;
}

.xyfcSwiper .swiper-button-prev {
    background: url("../images/left_more.png") no-repeat;
    background-size: 100% 100%;
    width: 40px;
    left: 0;
}


.xwzx .swiper-button-next {
    background: url("../images/s_right.png") no-repeat;
    background-size: 100% 100%;
}

.xwzx .swiper-button-prev {
    background: url("../images/s_left.png") no-repeat;
    background-size: 100% 100%;
}
.studentwork .swiper-button-prev {
    background: url("../images/left_more.png") no-repeat;
    background-size: 100% 100%;
    width: 40px;
    left: 0;
}

.studentwork .swiper-button-next {
    background: url("../images/right_more.png") no-repeat;
    background-size: 100% 100%;
    width: 40px;
    right: 0;
}
/* 合作院校 */
.hzyx {
    width: 100%;
    box-sizing: border-box;
    padding: 0.2rem .4rem;
    margin: 0rem 0 0.5rem ;
}

.hzyx .News_Information_box_title {
    width: 3.6rem;
}

.hzyx .News_Information_box_title img {
    width: 100%;
}

.hzyx_box_content {
    width: 100%;
    margin-top: 0.3rem;
}

.hzyx_box_content ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.hzyx_box_content ul li {
    width: 33.33%;
    border: solid 2px #ebebeb;
    box-sizing: border-box;
    padding: .3rem;
}

.hzyx_box_content ul li img {
    width: 173px;
}

.dibu {
    width: 100%;
    background: #001935;
    
}
.dububOttom{
    margin-bottom: 1rem;
}
.dibuFixed{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index:999999
}

.dibu ul {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0.2rem 0.2rem 0.3rem;
}

.dibu ul li {
    display: flex;
    flex-direction: column;
}

.dibu ul li .title {
    width: 3rem;
    margin-top: 0.3rem;
}

.dibu ul li>.icon a {
    width: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.1rem;
}

.dibu ul li>div img {
    width: 0.5rem;
    height: 0.5rem;
}

.dibu ul .title2 {
    font-size: 0.26rem;
    color: #fff;
}

.dibu ul li ul {
    display: flex;
    flex-direction: column;
}

.dibu ul li ul li {
    margin-top: 0.2rem;
}

.dibu ul li ul li p {
    color: #fff;
    font-size: 0.2rem;
}

.dibu ul li ul li .mobile {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.1rem;
}

.dibu ul li ul li .email {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.1rem;
}
/* child */
.meun_ul_list{
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.4rem;
}
.meun_ul_list .uls{
    width: 100%;
}
.meun_ul_list .uls .ul_title{
    height: 0.7rem;
    line-height: 0.7rem;
    border-bottom: solid 1px #e0e0e0;
    font-size: 0.3rem;
}

.meun_ul_list .uls .ul_title img{
    width: 0.1rem;
    
}
.meun_ul_list .uls  li .ul2{
    width: 100%;
    padding: 0.2rem 0;
    border-bottom: solid 1px #e0e0e0;
    display: none;
}
.meun_ul_list .uls  li .ul2 li{
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.25rem;
}
.childShow{
    display:block !important
}
/* .meun_ul_list .uls li:hover  .ul2{
    display: block;
} */
/* .meun_ul_list .uls li:hover .ul_title img{
    transform: rotate(90deg);
} */


.child_body {
    width: 100%;
    overflow: hidden;
	box-sizing: border-box;
    padding: 0.1rem 0.3rem;
  }
  
  .child_content_title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-bottom: solid 1px #ebebeb;
  }
  
  .child_content_title p {
    font-size: 26px;
    color: #333;
    font-weight: bold;
  }
  
  .child_content_title span {
    font-size: 16px;
    color: #999;
  }
  
  .child_body_items {
    width: 100%;
    padding-bottom:0.4rem;
    border-bottom: solid 1px #ebebeb;
    padding-top:0.4rem
  }
.child_body_items:last-child{
	border-bottom: 0
}
  .items_l {
    width: auto;
    display: flex;
    align-items: center;
  }
  
  .items_l .items_left {
    width: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 2.5rem;
    justify-content: center;
    position: relative;
  }
  
  .items_l .items_left p {
    font-size: 56px;
    color: #333;
    margin: 0;
    line-height: 55px;
    margin-right: 30px;
  }
  
  .items_l .items_left span {
    font-size: 16px;
    color: #999;
    margin-right: 30px;
  }
  
  .child_line {
    width: 30px;
    height: 2px;
    background: #999;
    position: absolute;
    right: 0.08rem;
    top: 1.2rem;
  }
  
  .items_l .items_right {
    width:100%;
  }
  
  .items_l .items_right .p {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
  }
  
  .items_l .items_right .items_count {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #999;
    margin-bottom: 25px;
  }
  
  .items_l .items_right .items_count>div img {
    margin-right: 5px;
  }
  
  .items_l .items_right .items_count>div:nth-child(2) {
    margin-left: 20px;
  }
  .items_l .items_right .items_count .date{
    font-size: 0.25rem;
    color: #666;
  }
  .items_l .items_right .msg {
    font-size: 16px;
    color: #666;
    margin-bottom: 0.2rem;
  }
  
  .icon_img {
    width: 100%;
  }
  
  .child_body_items:hover .items_l .items_left .child_line {
    background: transparent;
  }
  
  .child_body_items:hover .items_l .items_right .p {
    color: #990a23;
  }
  
  .child_body_items:hover .items_l .items_left {
    background: url('../images/child_active.png')no-repeat;
    background-size: 100% 100%;
    color: #fff;
  }
  
  .child_body_items:hover .items_l .items_left p,
  .child_body_items:hover .items_l .items_left span {
    color: #fff;
  }
  .footall {
      background: #1E2021;
    text-align: center;
    padding: 0.25rem 0;
    font-size: 0.23rem;
    color: #CFC6C6;
    width: 100%;
    margin-bottom: 0.55rem;
  }
  
    .footall a{
    color: #CFC6C6;
  }