/*@font-face {*/
/*    font-family: "SourceHanSans";*/
/*    src: url("../../font/SourceHanSans/SourceHanSansCN-Regular.woff2") format("woff2");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
@font-face {
    font-family: PingFang-SC-Medium;
    src: url('../../ex-fonts/PingFang_Medium.woff2') format("woff2");
}

@font-face {
    font-family: YouSheBiaoTiHei;
    src: url('../../ex-fonts/YouSheBiaoTiHei.woff2') format("woff2");
}

@font-face {
    font-family: PangMenZhengDao;
    src: url('../../ex-fonts/PangMenZhengDaoBiaoTiTi.woff2') format("woff2");
}

@font-face {
    font-family: PingFang SC-Regular;
    src: url('../../ex-fonts/PingFang_SC_Regular.woff2') format("woff2");
}

@font-face {
    font-family: PingFang SC-Bold;
    src: url('../../ex-fonts/PingFang_Bold.woff2') format("woff2");
}

@font-face {
    font-family: PingFang SC;
    src: url('../../ex-fonts/PingFang_Medium.woff2') format("woff2");
}

@font-face {
    font-family: Source Han Sans CN;
    src: url('../../ex-fonts/SourceHanSansCN-Medium.woff2') format("woff2");
}

html,
body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: auto;
    background-color: white;
    /*font: 1.5rem "思源黑体", "SourceHanSans", "Microsoft YaHei", 微软雅黑, Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;*/
    font: 1rem "Microsoft YaHei", 微软雅黑,PingFang SC,  Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
}

div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*position: fixed;*/
}

/*滚动条的宽度*/
::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
::-webkit-scrollbar-track {
    width: 0.625rem;
    background-color: #ccc;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

/*滚动条的设置*/
::-webkit-scrollbar-thumb {
    background-color: #808080;
    background-clip: padding-box;
    min-height: 1.75rem;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

/*滚动条移上去的背景*/
::-webkit-scrollbar-thumb:hover {
    background-color: #0d1b20;
}

/*菜单*/
button a {
    list-style: none;
    color: #346DFF;
}

button a:hover {
    color: #346DFF;
}

.nav {
    width: 100%;
    height: 5rem;
    position: fixed;
    top: 0;
    left: 0;
    background: url(../../img/base/nav-back.png);
    z-index: 100;
}

.nav-cont {
    width: 120rem;
    margin: 0 auto;
}

.nav-main {
    width: 112.5rem;
    height: 5rem;
    margin: 0 auto;
    display: flex;
    position: relative;
}

.logo {
    width: 13.6875rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.logo img {
    width: 100%;
    height: 3.75rem;
}

.nav-title {
    width: 46.25rem;
    height: 100%;
    display: flex;
    justify-content: space-between;
    margin-left: 19.75rem;
}

.nav-title-home a, .nav-title-about a {
    list-style: none;
    color: #FFFFFF;
    width: 100%;
}

.nav-title-home a:hover, .nav-title-about a:hover {
    list-style: none;
    color: #FFFFFF;
    width: 100%;
}

.nav-title-home, .nav-title-about {
    font-size: 1.25rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 5rem;
    position: relative;
}

/*.nav-line{*/
/*    width: 100%;*/
/*    height: 0.1875rem;*/
/*    background: #FFFFFF;*/
/*    border-radius: 0.125rem;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*}*/
.nav-phone {
    width: 2.25rem;
    height: 100%;
    margin-left: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.nav-phone {
    width: 2.25rem;
    height: 2.25rem;
    display: block;
    margin-top: 1.4375rem;
}

.nav-button {
    width: 13.125rem;
    height: 2.1875rem;
    line-height: 1.875rem;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    margin-top: 1.4375rem;
    margin-left: 3.125rem;
}

.nav-button button {
    width: 6.25rem;
    height: 2.1875rem;
    border: 0.0625rem solid #FFFFFF;
    border-radius: 1.125rem;
    list-style: none;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0);
}

.nav-phone-num {
    width: 13.75rem;
    height: 3.4375rem;
    text-align: center;
    position: absolute;
    top: 2.25rem;
    left: -1.25rem;
    background: url(../../img/menu/pone-num.png);
    background-size: 100% 100%;
    font-size: 1.25rem;
    font-weight: 500;
    color: #333333;
    line-height: 3.75rem;
    display: none;
    z-index: 1000;
}

.er-kuang, .er-kuang1 {
    position: fixed;
    width: 100%;
    height: 43.375rem;
    top: 5rem;
    left: 0;
    z-index: 1000;
    display: none;
}

.er-menu, .er-menu1 {
    margin: 0 auto;
    width: 100%;
    height: 43.375rem;
    z-index: 100;
    display: flex;
    display: none;
    z-index: 1000;
}

.er-main, .er-main1 {
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    float: left;
    position: relative;
}

.er-ulk {
    width: 100%;
    display: flex;
}

.er-main ul, .er-fen ul, .er-main1 ul, .er-fen1 ul {
    width: 100%;
    list-style: none;
    height: 35.8125rem;
    width: 100%;

}

.menu-checked .nav-line {
    width: 100%;
    height: 0.1875rem;
    background: #FFFFFF;
    border-radius: 0.125rem;
    position: absolute;
    bottom: 0;
}

.er-ulk li, .er-ulk1 li {
    width: 100%;
    height: 14.4375rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.cds-box {
    width: 43.75rem;
    height: 10.6875rem;
    display: flex;
    border-radius: 0.1rem;
    position: absolute;
    right: 1.25rem;
}

.er-cont {
    display: flex;
    flex-direction: column;
}

.er-logo {
    width: 9.375rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1.875rem;
}

.er-es {
    display: block;
    margin: 0 auto;
    width: 5.625rem;
    height: 5.625rem;
}

.er-cds {
    display: block;
    margin: 0 auto;
    width: 9.375rem;
    height: 5.3125rem;
}

.er-gedu {
    display: block;
    margin: 0 auto;
    width: 6.5rem;
    height: 5.625rem;
}

.er-grs {
    display: block;
    margin: 0 auto;
    width: 4.25rem;
    height: 5.625rem;
}

.er-title {
    font-size: 1.375rem;
    font-weight: bold;
    color: #000000;
    line-height: 2.125rem;
    margin: 1.1875rem 2.5rem 1.1875rem;
}

.er-word {
    width: 28.125rem;
    height: 2.25rem;
    font-size: 1rem;
    font-weight: 500;
    color: #999999;
    line-height: 1.25rem;
    margin: 0 2.5rem 1.25rem;
}

.er-main button, .er-main1 button {
    width: 8.75rem;
    height: 2.1875rem;
    border: 0.0625rem solid #346DFF;
    border-radius: 0.625rem;
    margin-left: 2.5rem;
    background: rgba(255, 255, 255, 0);
    line-height: 2.1875rem;
}

.er-main a, .er-fen-cont a, .er-main1 a {
    font-size: 1.375rem;
    font-weight: 500;
    color: #346DFF;
}

.er-main a:hover, .er-fen-cont a:hover, .er-main1 a:hover {
    font-size: 1.375rem;
    font-weight: 500;
    color: #346DFF;
}

.er-fen, .er-fen1 {
    width: 50%;
    height: 100%;
    background: rgba(227, 235, 255, 0.9);
    display: flex;
    float: left;
    position: relative;
}

.er-fen ul, .er-fen1 ul {
    position: absolute;
    left: 1.25rem;
    top: 1.875rem;
}

.er-fen li, .er-fen1 li {
    width: 43.75rem;
    height: 8rem;
    display: flex;
    margin-top: 1.25rem;
}

.er-fen li:nth-child(1), .er-fen1 li:nth-child(1) {
    margin-top: 0rem;
}

.er-fli {
    height: 9.0625rem;
}

.er-fen-cont {
    display: flex;
    flex-direction: column;
    margin: 0.8125rem 3.8125rem 0;
}

.er-fcont {
    margin: 1.625rem 3.8125rem 0;
}

.er-fen-title {
    font-size: 1.125rem;
    font-weight: bold;
    color: #000000;
    line-height: 1.125rem;
}

.er-fen-word {
    width: 36rem;
    height: 2.25rem;
    font-size: 1rem;
    font-weight: 500;
    color: #999999;
    line-height: 1.25rem;
    margin: 0.625rem 0 0.5625rem;
}

.er-fword {
    width: 23rem;
    font-size: 1rem;
    font-weight: 500;
    color: #999999;
    line-height: 1.25rem;
    margin: 0.625rem 0 0.5625rem;
}

.er-fen button, .er-fen1 button {
    width: 8.75rem;
    height: 2.1875rem;
    border: 0.0625rem solid #346DFF;
    border-radius: 0.625rem;
    background: rgba(255, 255, 255, 0);
    line-height: 2.1875rem;
}

.er-fen li:hover {
    border: 0.0625rem solid #346DFF;
    box-shadow: 0rem 0rem 1.125rem 0.125rem rgba(52, 109, 255, 0.2);
}
.navt{
    width: 100%;
    height: 5rem;
    background: #fff;
    z-index: 100;
    display: none;
}
.phone-nav{display: none;}
.p-three .p-ert{
    font-size: 0.75rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
}
.p-zsgl{
    width: 100%;
    background: #F2F2F2;
    font-size: 0.75rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #999999;
display: flex;
    flex-direction: column;
}
.p-zsgl span{
    width: 90%;
    line-height: 2.8125rem;
    height: 2.8125rem;
    display: block;
    margin-left: 1.25rem;
}
/*banner*/
/* 轮播 */
.banner {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.banner-home {
    width: 100%;
    height: 100%;
    background: url(../../img/home/banner_home.jpg);
    background-size: 100% 100%;
    position: relative;
}

.ban {
    width: 120rem;
    height: 67.5rem;
    position: relative;
}

.ban img {
    width: 33.1875rem;
    height: 12.875rem;
    position: absolute;
    top: 45%;
    left: 8%;
}

.banner_gis {
    width: 100%;
    height: 100%;
    background: url(../../img/about/banner.jpg);
    background-size: 100% 100%;
    position: relative;
}

.box {
    position: absolute;
    top: 40%;
    right: 7%;
    width: 52.8125rem;
    height: 17.375rem;
    align-items: center;
    font-size: 2rem;
    font-weight: bold;
    color: #F8F8F8;
    line-height: 3.125rem;
    letter-spacing: 0.125rem;
}

.box-item {
    background: linear-gradient(270deg, rgba(80, 118, 253, 0) 0%, #5076FD 52%, rgba(115, 146, 255, 0) 100%);
    width: 52.8125rem;
    height: 3.125rem;
    text-align: center;
}

.box-size {
    font-size: 1.5rem;
}

.banner-c {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.banner-cds {
    width: 100%;
    height: 100%;
    background: url(../../img/cds/index/banner-cds.png);
    background-size: 100% 100%;
    position: relative;
}

.banner-cds-main {
    width: 41.5rem;
    height: 35.4375rem;
    position: absolute;
    top: 16.0625rem;
    left: 6.875rem;
}

.banner-cds-main img:nth-child(1) {
    width: 17.125rem;
    height: 9.6875rem;
    margin: 0 auto;
    display: block;
}

.banner-cds-main img:nth-child(2) {
    width: 100%;
    height: 25.875rem;
    margin: 0 auto;
    display: block;
}

.banner-gedu {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.banner-school {
    width: 100%;
    height: 100%;
    background: url(../../img/gedu/index/banner-school.jpg);
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ban {
    margin: 0 auto;
    width: 120rem;
    height: 67.5rem;
    position: relative;
}

.banner-title {
    width: 70.4375rem;
    height: 23.0625rem;
    background: url(../../img/gedu/index/banner-title.png);
    background-size: 100% 100%;
    position: absolute;
    top: 17.8125rem;
    left: 25.125rem;
}

.firstpages {
    width: 100%;
    height: 100%;
    background: url(../../img/grs/banner.jpg) no-repeat;
    background-size: 100% 100%;
}

.first-banner{
    height: 29rem;
    width: 94.5rem;
    position: relative;
    margin: auto;
    top: 28.52%;
}

.grs-logo1 {
    width: 10.6875rem;
    height: 14.0625rem;
    background: url("../../img/grs/GRS.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 17.4375rem;
}

.slogan {
    width: 45.375rem;
    height: 12.875rem;
    background: url("../../img/grs/slogan.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 16.125rem;
}
.right-button{
    position: fixed;
    right: 1.875rem;
    top: 70%;
    width: 5rem;
    height: 20rem;
    /*display: none;*/
    flex-direction: column;
    justify-content: space-between;
    z-index: 10000;
}
.right-phone,.right-email,.right-top{
    width: 5rem;
    height: 5rem;
    background: #346DFF;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.right-phone img,.right-email img,.right-top img{
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
}
@media screen and (max-width: 62.1875rem) {
    .navs {
        height: 2.75rem;
        position: fixed;
        top: 0;
        display: none;
        z-index: 100;
    }

    .navt {
        display: block;
        height: 2.75rem;
        position: relative;
        top: 0;
        z-index: 100;
    }

    .nav {
        display: none;
    }

    .nav-cont {
        width: 100%;
        margin: 0 auto;
    }

    .nav-main {
        width: 100%;
        margin: 0 auto;
        display: flex;
        position: relative;

    }

    .logo, .nav-title, .nav-phone {
        display: none;
    }

    .phone {
        position: fixed;
        z-index: 100;
        top: 0;
        width: 100%;
        height: 2.75rem;
    }

    .phone-nav {
        display: block;
        position: fixed;
        width: 100%;
        height: 2.75rem;
        background: #FFFFFF;
        box-shadow: 0rem 0.625rem 0.625rem 0rem rgba(0, 0, 0, 0.06);
    }

    .phone-nav-logo {
        position: absolute;
        width: 6.1875rem;
        height: 1.6875rem;
        background: url(../../img/menu/logo-blue.png);
        background-size: 100%;
        top: 0.5625rem;
        left: 1.3125rem;
    }

    .phone-nav-right {
        position: absolute;
        top: 0.8125rem;
        right: 1.25rem;
    }

    .phone-nav-right img:nth-child(1) {
        width: 1.125rem;
        height: 1.125rem;
        display: none;
    }

    .phone-nav-right img:nth-child(2) {
        width: 1.125rem;
        height: 1.125rem;
        margin-left: 1.875rem;
    }

    .phone-er {
        width: 100%;
        position: fixed;
        top: 2.75rem;
        display: none;
        background: #F8F8F8;
        z-index: 100;
    }

    .p-er-main {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 0 25rem;
    }

    .p-er-main .p-ert:nth-child(1) {
        margin-top: 1.25rem;
    }

    .p-ert {
        width: 20.9375rem;
        height: 3.25rem;
        background: #F8F8F8;
        margin: 0 auto;
        font-size: 0.875rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #333333;
        line-height: 3.25rem;
        position: relative;
        border-bottom: 0.0625rem solid #EEEEEE;
    }

    .p-ert a, .p-ert a:hover {
        list-style: none;
        font-size: 0.875rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #333333;
        line-height: 3.25rem;
    }

    .p-ert img {
        width: 0.875rem;
        height: 0.5rem;
        position: absolute;
        top: 1.3125rem;
        right: 1.25rem;
    }
    /*banner*/

    .banner-home {
        width: 23.4375rem;
        height: 100%;
        background: url(../../img/home/phone/banner_.png);
        background-size: 100% 100%;
        position: relative;
    }

    .ban {

        /*display: none;*/
        width: 120rem;
        height: 67.5rem;
        position: relative;
    }

    .ban img {
        display: none;
        width: 33.1875rem;
        height: 12.875rem;
        position: absolute;
        top: 45%;
        left: 8%;
    }
    .banner_gis {
        width: 23.4375rem;
        height:100%;
        background: url(../../img/home/phone/about-ban.png);
        background-size: 100% 100%;
        position: relative;
    }

    .box {
        display: none;
        position: absolute;
        top: 40%;
        right: 7%;
        width: 52.8125rem;
        height: 17.375rem;
        align-items: center;
        font-size: 2rem;
        font-weight: bold;
        color: #F8F8F8;
        line-height: 3.125rem;
        letter-spacing: 0.125rem;
    }

    .box-item {
        display: none;
        background: linear-gradient(270deg, rgba(80, 118, 253, 0) 0%, #5076FD 52%, rgba(115, 146, 255, 0) 100%);
        width: 52.8125rem;
        height: 3.125rem;
        text-align: center;
    }

    .box-size {
        display: none;
        font-size: 1.5rem;
    }
    .banner-c {
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }

    .banner-cds {
        width: 100%;
        height: 100%;
        background: url(../../img/cds/index/banner-cds.jpg);
        background-size: 100% 100%;
        position: relative;
    }

    .banner-cds-main {
        width: 8.5rem;
        height: 7.8125rem;
        position: absolute;
        top: 2.6875rem;
        left: 1.0625rem;
    }

    .banner-cds-main img:nth-child(1) {
        width: 3.375rem;
        height: 1.9375rem;
        margin: 0 auto;
        display: block;
    }

    .banner-cds-main img:nth-child(2) {
        width: 100%;
        height: 5.875rem;
        margin: 0 auto;
        display: block;
    }
    /*.layui-carousel{margin-top: 2.75rem}*/
    .banner-gedu {
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }
    .banner-school {
        width: 100%;
        height: 100%;
        background: url(../../img/gedu/index/banner-school.jpg);
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .ban {
        margin: 0 auto;
        width: 23.4375rem;
        height:100%;
        position: relative;
    }

    .banner-title {
        width: 18.3125rem;
        height: 6rem;
        background: url(../../img/home/phone/banner-title.png);
        background-size: 100% 100%;
        position: absolute;
        top: 2rem;
        left: 2.5625rem;
    }
    .first-banner{
        height: 6.875rem;
        width: 19.5625rem;
        position: relative;
        margin: auto;
        top: 28.52%;
    }

    .grs-logo1 {
        width: 10.75rem;
        height: 6.9375rem;
        background: url(../../img/grs/banner/title.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 1.875rem;
    }

    .slogan {
        display: none;
        width: 45.375rem;
        height: 12.875rem;
        background: url("../../img/grs/slogan.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 16.125rem;
    }
    .right-phone,.right-email,.right-top{
        width: 3rem;
        height: 3rem;
        background: #346DFF;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .right-phone img,.right-email img,.right-top img {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 auto;
    }
    .right-button{
        position: fixed;
        right: 1rem;
        top: 70%;
        width: 3rem;
        height: 20rem;
        display: block;
        flex-direction: column;
        justify-content: space-between;
        z-index: 10000;
    }
}