@media screen and (min-width: 24rem) {
    html,
    body {
        /* font-size: 80px; */
    }
}

@media screen and (max-width: 4.6875rem) {
    html,
    body {
        /* font-size: 13.328px; */
    }
}

@font-face {
    font-family: Mulish;
    src: url(../font/static/Mulish-Light.ttf);
}

.w {
    width: 20rem;
    margin: 0 auto;
}
.w2 {
    width: 12rem;
    margin: 0 auto;
}
.footer-center {
    text-align:center;
    margin: 0 auto;
    color:#fff;
    /* font-size:12px; */
}
.footer-center a{
    color: #fff;
}


img {
    width: 100%;
}

header {
    height: 1.425rem;
    display: flex;
    align-items: center;
    background: white;
    position: sticky;
    top: 0;
    z-index: 99999 !important;
}

header .w {
    display: flex;
    justify-content: space-between;
}

header .logo {
    width: 150px;
}

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

header nav ul li a {
    font-style: normal;
    font-weight: 600;
    /*  */
    color: #373F41;
}

header nav ul li {
    margin: 0 .4875rem;
}

/* header nav ul {
    display: flex;
} */

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

.function .login {
    width: 1.3rem;
    height: .65rem;
    border: .0125rem solid #F39800;
    margin-left: .9125rem;
}

.function .login a {
    
    display: block;
    width: 100%;
    height: 100%;
    /*  */
    color: #F39800;
    text-align: center;
    line-height: .65rem;
    font-weight: 700;
}

.function .sign {
    width: auto;
    height: .65rem;
    background: #384488;
    border: .0125rem solid #ED3237;
    margin-left: .2375rem;
    margin-right: .4rem;
}

.function .sign a {
    
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 700;
    /*  */
    color: white;
    text-align: center;
    line-height: .65rem;
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
}

.function>a {
    font-weight: 600;
    /*  */
    color: #373F41;
}

/* header .w>div {
    display: flex;
} */

.banner {
    position: relative;
    /* height: 10.9125rem; */
}

.banner .imgbox {
    height: 100%;
}

.banner .imgbox img {
    height: 100%;
}

.banner .banner-con {
    position: absolute;
    top: 2.0125rem;
    left: 2.675rem;
}

.banner .banner-con h5 {
    /*  */
    /* font-weight: 800; */
    /*  */
    color: #F39800;
}

.banner .banner-con h1 {
    /* font-weight: 700;
    font-size: .7125rem; */
    color: #FFFFFF;
    margin-top: .4875rem;
    width: 5.6875rem;
}

.banner .banner-con p {
    width: 7.3875rem;
    font-weight: 400;
    /* font-size: .25rem; */
    line-height: .35rem;
    color: #FFFFFF;
    margin-top: .65rem;
}

.banner .banner-con>a {
    /*  */
    display: block;
    width: 2.8375rem;
    height: .675rem;
    background: #F39800;
    font-weight: 700;
    /*  */
    color: #FFFFFF;
    text-align: center;
    line-height: .675rem;
    margin-top: .9rem;
}

.university h1 {
    /*  */
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    width: 13.95rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 1.4375rem;
    margin-bottom: 1.4375rem;
}

.active {
    color: #F39800;
}

.uni-c {
    background: rgba(56,68,136,0.06);
}

.uni-c ul li .imgbox {
    width: .65rem;
    margin: 0 auto;
}

.uni-c ul li h5 {
    /*  */
    font-style: normal;
    font-weight: 700;
    /* font-size: .2875rem; */
    text-align: center;
    margin-top: .4rem;
    margin-bottom: .2375rem;
}

.uni-c ul {
    display: flex;
    justify-content: space-between;
    padding: .975rem 0 .8875rem 0;
}

.uni-c ul li p {
    /*  */
    font-style: normal;
    font-weight: 400;
    /*  */
    width: 5.6rem;
    text-align: center;
}

.office .office-con h5 {
    /*  */
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    color: #373F41
}

.office .office-con p {
    /*  */
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    color: #6C7476;
    width: 8.775rem;
    margin-top: .5125rem;
}

.office .office-con {
    padding: 3.125rem 0;
}

.office .office-con>a {
    display: block;
    width: 2.4rem;
    height: .675rem;
    background: #F39800;
    /*  */
    font-style: normal;
    font-weight: 700;
    /*  */
    color: #FFFFFF;
    text-align: center;
    line-height: .675rem;
    margin-top: 1.1rem;
}

.office .w {
    display: flex;
    justify-content: space-between;
}

.office .mySwiper1 {
    width: 8.9375rem;
    height: 7.15rem;
    margin-right: 0;
    margin-top: 1.3rem;
}

.mySwiper1 .swiper-button-next:after,
.mySwiper1 .swiper-button-prev:after {
    color: #F39800;
}

.mySwiper1 .swiper-button-next {
    right: .7875rem;
}

.mySwiper1 .swiper-button-prev {
    left: .7875rem;
}

.Milestones {
    background: rgba(56,68,136,0.06);
    padding: 1.5rem 0 1.6rem 0;
}

.Milestones h1 {
    /*  */
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    color: #373F41;
    text-align: center;
}

.message {
    background: rgba(56,68,136,0.06);
    margin-top: 1.5rem;
}

.message .mySwiper2 .swiper-slide .imgbox {
    width: 3.075rem;
    height: 3.075rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: .6875rem;
    margin-bottom: .4625rem;
}

.message .mySwiper2 .swiper-slide p {
    /*  */
    font-style: normal;
    font-weight: 600;
    /* font-size: .2875rem; */
    line-height: normal;
    width: 16.25rem;
    text-align: center;
    margin: 0 auto;
}

.message .mySwiper2 .swiper-slide h5 {
    /*  */
    font-style: normal;
    font-weight: 600;
    /* font-size: .25rem; */
    color: #6C7476;
    margin-top: .65rem;
    text-align: center;
    margin-bottom: .6625rem;
}

.mySwiper2 .swiper-button-next:after,
.mySwiper2 .swiper-button-prev:after {
    color: #ED3237;
}

.mySwiper2 .swiper-button-next {
    right: 1.3rem;
}

.mySwiper2 .swiper-button-prev {
    left: 1.3rem;
}


/* .cooperation {
    padding: 100px 0 50px 0;
} */

.cooperation ul li {
    height: 1.375rem;
    width: auto;
    margin: 0 .95rem;
    margin-bottom: .95rem;
}

.cooperation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

footer {
    background: #384488;
    padding: .4875rem 0 .3875rem 0;
}

footer .foo-l {
    display: flex;
    flex-direction: column;
}

footer .foo-l h5 {
    /*  */
    font-style: normal;
    font-weight: 700;
    /* font-size: .3875rem; */
    color: #FFFFFF;
    margin-bottom: .5125rem;
}

footer .foo-l a {
    /*  */
    font-style: normal;
    font-weight: 400;
    /*  */
    color: #FFFFFF;
}

footer .foo-l a:nth-of-type(3) {
    margin-top: .2375rem;
    margin-bottom: .2375rem;
}

footer .foo-l .share {
    display: flex;
    margin-top: .4375rem;
}

footer .foo-l .share .imgbox {
    width: .4rem;
    height: .4rem;
    margin-right: .4rem;
}

footer .foo-l .share .imgbox img {
    height: 100%;
}

footer .w .t {
    display: flex;
    justify-content: space-between;
}

footer ul li {
    display: flex;
    flex-direction: column;
    margin-right: .625rem;
}

footer ul {
    display: flex;
    justify-content: space-around;
    margin-top: .1875rem;
}

footer ul li h5 a {
    /*  */
    font-style: normal;
    font-weight: 700;
    /* font-size: .2875rem; */
    color: #FFFFFF;
    margin-bottom: .4rem;
}

footer ul li a {
    /*  */
    font-style: normal;
    font-weight: 400;
    /*  */
    color: #FFFFFF;
    margin-bottom: .2375rem;
}

footer .b {
    display: flex;
    justify-content: center;
    margin-top: .6125rem;
}

footer .b p {
    
    font-style: normal;
    font-weight: 600;
    
    color: #FFFFFF;
}

footer .b .b-r a {
    
    font-style: normal;
    font-weight: 600;
    
    color: #FFFFFF;
    margin-left: .5125rem;
}

.Milestones .Milestones-c {
    width: 6.6875rem;
    height: 2.4rem;
    border: 1px solid #ED3237;
    background: #FFFFFF;
    padding: .4125rem .1rem .325rem .6625rem;
    margin: 0 auto;
    margin-top: .825rem;
    margin-bottom: 1.975rem;
}

.Milestones .Milestones-c h1 {
    text-align: left;
}

.Milestones .Milestones-c p {
    
    font-weight: 400;
    /* font-size: .25rem; */
}

.Milestones .line {
    /* background: #F39800; */
    width: 100%;
    height: 2px;
    display: flex;
}

.Milestones .line p {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .2875rem; */
    color: #373F41;
    margin-top: -0.65rem;
    position: relative;
    cursor: pointer;
}

.Milestones .line p::after {
    content: "";
    width: .4rem;
    height: .4rem;
    background: url(../images/right.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -0.0625rem;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, 0);
}

.Milestones .line p:nth-of-type(3n-1) {
    margin-right: .3rem;
    margin-left: 1rem;
}

.Milestones .line p:nth-of-type(1) {
    margin-right: 3rem;
}

.Milestones .line p:nth-of-type(3n+1) {
    margin-left: 1.5rem;
}

.Milestones .line p:nth-of-type(1) {
    margin-left: .7rem;
}

.Milestones .line p:nth-of-type(3n) {
    margin-top: .175rem;
}

.Milestones .line p:nth-of-type(3n)::after {
    content: "";
    bottom: .075rem;
}

.Milestones .timer {
    height: 1.625rem;
    display: flex;
    overflow: auto;
    flex-direction: column;
    justify-content: center;
}

.Milestones .time1 {
    position: relative;
}

.timer .line2 {
    background: #ED3237;
    width: 100%;
    height: 2px;
    display: flex;
    position: absolute;
    top: 43%;
    left: 0;
    transform: translate(0, -50%);
}

.ck {
    color: #F39800 !important;
}

.menu {
    display: none;
    width: 30px;
    height: 30px;
}


/* header {
    position: relative;
} */

.mobile-nav {
    position: absolute;
    top: 50px;
    right: 0;
    background: white;
    width: 32%;
    z-index: 9999;
}

header .mobile-nav ul li {
    text-align: center;
}

header .mobile-nav ul li a {
    height: 100%;
    width: 100%;
    line-height: 54px;
    /* font-size: 14px; */
}

footer .b-r {
    display: flex;
}

@media screen and (max-width: 1366px) {
    .cooperation ul li img {
        height: 100%;
    }
    .Milestones .timer {
        height: 100px;
    }
    .Milestones .line p {
        margin-top: -40px;
    }
}

@media screen and (max-width: 1024px) {
    .function .sign {
        width: 50px;
    }
}

@media screen and (max-width: 768px) {
    .w {
        width: 95%;
        margin: 0 auto;
    }
    /* header nav {
        display: none;
    } */
    header {
        height: 50px;
    }
    header .logo {
        width: 50px;
    }
    .function .login a {
        /* font-size: 12px; */
        line-height: 30px;
    }
    .function .sign a {
        /* font-size: 12px; */
        line-height: 30px;
    }
    .function .login {
        width: 60px;
        height: 30px;
    }
    .function .sign {
        width: 60px;
        height: 30px;
    }
    .banner .banner-con h5 {
        /* font-size: 20px; */
    }
    .banner .banner-con h1 {
        /* font-size: 20px; */
        width: 100%;
    }
    .banner .banner-con p {
        /* font-size: 12px; */
        width: 100%;
        line-height: normal;
    }
    /* .banner {
        height: 832px;
    } */
    .banner .banner-con>a {
        width: 150px;
        height: 30px;
        line-height: 30px;
    }
    .university h1 {
        /* font-size: 18px; */
        width: 100%;
    }
    .uni-c ul li h5 {
        /* font-size: 16px; */
    }
    .uni-c ul li .imgbox {
        width: 35px;
        margin-top: 20px;
    }
    .uni-c ul li p {
        /* font-size: 14px; */
        margin: 0 auto;
        width: 300px;
    }
    .uni-c ul {
        display: block;
    }
    .office .office-con {
        width: 100%;
        text-align: center;
    }
    .office .office-con>a {
        margin: 0 auto;
        margin-top: 20px;
        width: 100px;
        height: 30px;
        line-height: 30px;
        /* font-size: 12px; */
    }
    .office .mySwiper1 {
        width: 100%;
        height: auto;
        margin: auto;
        margin-bottom: 20px;
    }
    .office .office-con p {
        width: 100%;
        /* font-size: 14px; */
    }
    .office .office-con h5 {
        /* font-size: 16px; */
    }
    .Milestones h1 {
        /* font-size: 20px; */
    }
    .Milestones .Milestones-c h1 {
        /* font-size: 16px; */
    }
    .Milestones .Milestones-c p {
        /* font-size: 14px; */
    }
    .Milestones .line p {
        /* font-size: 14px; */
    }
    .Milestones .line p:nth-of-type(3n)::after {
        bottom: -2px;
    }
    .Milestones .line p::after {
        bottom: -5px;
        width: 25px;
        height: 25px;
    }
    .message .mySwiper2 .swiper-slide p {
        /* font-size: 14px; */
        line-height: normal;
    }
    .message .mySwiper2 .swiper-slide h5 {
        /* font-size: 14px; */
    }
    footer .foo-l h5 {
        /* font-size: 16px; */
    }
    footer .foo-l a {
        /* font-size: 14px; */
    }
    footer .foo-l .share .imgbox {
        width: 30px;
        height: 30px;
    }
    .office .w {
        flex-wrap: wrap;
    }
    footer .w .t {
        flex-wrap: wrap;
    }
    footer .foo-l {
        width: 100%;
        text-align: center;
    }
    footer ul {
        margin: 0 auto;
    }
    footer .foo-l .share {
        margin: 10px auto;
    }
    footer ul li h5 a {
        /* font-size: 14px; */
    }
    footer ul li a {
        /* font-size: 12px; */
    }
    footer .b .b-r a {
        /* font-size: 12px; */
        margin-left: 0;
    }
    footer .b p {
        /* font-size: 12px; */
    }
}

@media screen and (max-width: 550px) {
    /* .banner {
        height: 250px;
    } */
    .banner .banner-con {
        top: 5px;
        left: 5px;
    }
    .Milestones .Milestones-c {
        width: 350px;
        height: 116px;
    }
    .message .mySwiper2 .swiper-slide p {
        width: 300px;
    }
    footer ul {
        flex-wrap: wrap;
    }
    footer ul li {
        width: 50%;
        margin-right: 0;
        text-align: center;
        margin-top: 10px;
    }
    footer .b p {
        width: 100%;
    }
    footer .b-r {
        width: 100%;
        justify-content: space-around;
    }
    footer .b {
        flex-wrap: wrap;
        text-align: center;
    }
}

@media screen and (max-width: 414px) {
    .menu img {
        vertical-align: super;
    }
}


/* ------------------------------------------------------------------ */

.p-ban {
    background: rgba(243, 152, 0, 0.06);
    padding-top: 2.075rem;
    padding-bottom: 2.075rem;
}

.p-ban h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .7125rem; */
    color: #373F41;
    text-align: center;
}

.p-ban .w>p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    width: 11.8625rem;
    margin: 0 auto;
    text-align: center;
    margin-top: .5125rem;
    line-height: .35rem;
}

.p-ban form {
    width: 11.7rem;
    margin: 0 auto;
}

.p-ban form>div {
    display: flex;
    justify-content: space-between;
}

.p-ban form input {
    width: 100%;
    padding: .175rem .25rem;
    
    font-style: normal;
    font-weight: 400;
    
    border: none;
    background: #F4F5F4;
    -webkit-box-sizing: border-box;
}

input {
    -webkit-box-sizing: border-box;
}

textarea {
    -webkit-box-sizing: border-box;
}

.p-ban form p {
    
    font-style: normal;
    font-weight: 600;
    
    margin-bottom: .125rem;
    margin-top: 1.1625rem;
}

.p-ban form>div>div {
    width: 49%;
}

.p-ban form .form-r p {
    text-align: left;
}

.p-ban form>input {
    display: block;
    width: 100%;
    background: #F39800;
    margin: 0 auto;
    margin-top: .5125rem;
    color: white;
    cursor: pointer;
}

.support {
    padding: 1.4625rem 0;
    display: flex;
    justify-content: space-between;
}

.support .w {
    display: flex;
    justify-content: space-around;
}

.support .support-l {
    width: 7.8rem;
}

.support .support-l h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    line-height: .65rem;
}

.support .support-l p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    line-height: .35rem;
    margin-top: .5125rem;
    color: #6C7476;
}

.support .support-l a {
    display: inline-block;
    padding: .1875rem .2875rem;
    
    font-style: normal;
    font-weight: 700;
    
    margin-top: .9rem;
}

.support .support-l a:nth-of-type(1) {
    background: #F39800;
    color: white;
    margin-right: .4rem;
}

.support .support-l a:nth-of-type(2) {
    border: 1px solid #F39800;
    color: #F39800;
}

.support .support-r {
    width: 8.775rem;
}

.message2 {
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .p-ban h1 {
        /* font-size: 20px; */
    }
    .p-ban .w>p {
        /* font-size: 16px; */
        line-height: normal;
        width: 100%;
    }
    .p-ban form>div {
        flex-wrap: wrap;
    }
    .p-ban form>div>div {
        width: 100%;
    }
    .p-ban form input {
        padding: 10px 5px;
        /* font-size: 14px; */
    }
    .support .w>div {
        width: 50%;
    }
    .support .support-l h1 {
        /* font-size: 16px; */
        line-height: normal;
    }
    .support .support-l p {
        /* font-size: 14px; */
        line-height: normal;
    }
    .support .support-l a {
        padding: 10px;
        /* font-size: 12px; */
    }
    footer .foo-l .share {
        width: 100%;
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 425px) {
    .p-ban form {
        width: 70%;
    }
    .p-ban form>input {
        margin-top: 10px;
    }
    .support .w {
        flex-wrap: wrap;
    }
    .support .w>div {
        width: 100%;
    }
    .support .support-r {
        margin-top: 10px;
    }
    .support .support-l {
        text-align: center;
    }
    .message .mySwiper2 .swiper-slide .imgbox {
        width: 50px;
        height: 50px;
    }
    footer .b p {
        order: 1;
        margin-top: 10px;
    }
}


/* -------------------------------------------------------------- */

.s-con {
    padding-top: .5125rem;
}

.s-con h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    width: 16.25rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .8875rem;
}

.s-con .s-con-l {
    width: 8.775rem;
}

.s-con .s-con-l h5 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    margin-bottom: .1625rem;
    margin-top: 1.375rem;
}

.s-con .s-con-l p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    line-height: .35rem;
    color: #6C7476;
    margin-top: .325rem;
}

.s-con .s-con-l a {
    display: inline-block;
    padding: .1625rem .325rem;
    border: 1px solid #384488;
    
    font-style: normal;
    font-weight: 700;
    
    color: #384488;
    margin-top: .9375rem;
}

.s-con .s-con-r {
    width: 8.775rem;
}

.s-con ul li {
    display: flex;
    justify-content: space-around;
    padding: 1.3rem 0;
}

.s-con ul li:nth-of-type(even) .s-con-l {
    order: 1;
}

.work {
    background: rgba(243, 152, 0, 0.06);
    padding: .825rem 0 1.4375rem 0;
}

.work h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    text-align: center;
}

.work .w>p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    color: #6C7476;
    text-align: center;
    margin-top: .3875rem;
}

.work ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.work ul li {
    width: 30%;
    /* margin: 0 .8125rem; */
    margin-top: .8125rem;
}

.work ul li .imgbox {
    width: .525rem;
    margin: 0 auto;
}

.work ul li h5 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .2875rem; */
    color: #373F41;
    text-align: center;
    margin-top: .4375rem;
    margin-bottom: .1875rem;
}

.work ul li p {
    
    font-style: normal;
    font-weight: 400;
    
    line-height: .325rem;
    color: #373F41;
    text-align: center;
}

.start {
    padding: 1.05rem 0;
    text-align: center;
}

.start h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    color: #373F41;
    text-align: center;
    margin-bottom: .5125rem;
}

.start p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    color: #6C7476;
    text-align: center;
}

.start a {
    display: inline-block;
    padding: .175rem .2875rem;
    background: #384488;
    
    font-style: normal;
    font-weight: 700;
    
    color: #FFFFFF;
    margin-top: 1.1rem;
}

.letter {
    background: rgba(243, 152, 0, 0.06);
    padding: 2.275rem 0;
    text-align: center;
}

.letter h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    color: #373F41;
}

.letter p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    line-height: .35rem;
    color: #6C7476;
    width: 8.775rem;
    margin: 0 auto;
    margin-top: .5125rem;
}

.letter form {
    width: 8.9375rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: .9rem;
}

.letter input:nth-of-type(1) {
    padding: .175rem .25rem;
    
    font-style: normal;
    font-weight: 400;
    
    width: 75%;
    border: none;
    background: #F4F5F4;
}

.letter input:nth-of-type(2) {
    background: #384488;
    padding: .1875rem .2875rem;
    border: none;
    
    font-style: normal;
    font-weight: 700;
    
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .s-con h1 {
        /* font-size: 20px; */
        width: 100%;
    }
    .s-con ul li {
        flex-wrap: wrap;
        padding: 8px 0;
    }
    .s-con .s-con-l {
        width: 100%;
    }
    .s-con .s-con-r {
        width: 100%;
    }
    .s-con ul li:nth-of-type(even) .s-con-l {
        order: 0;
    }
    .s-con .s-con-l h5 {
        /* font-size: 16px; */
    }
    .s-con .s-con-l p {
        /* font-size: 14px; */
        line-height: normal;
    }
    .s-con .s-con-l a {
        padding: 10px 20px;
        margin-bottom: 15px;
        /* font-size: 12px; */
    }
    .work h1 {
        /* font-size: 20px; */
    }
    .work .w>p {
        /* font-size: 16px; */
    }
    .work ul li .imgbox {
        width: 25px;
    }
    .work ul li {
        width: 40%;
    }
    .work ul li h5 {
        /* font-size: 14px; */
    }
    .work ul li p {
        /* font-size: 14px; */
        line-height: normal;
    }
    .start h1 {
        /* font-size: 20px; */
    }
    .start p {
        /* font-size: 14px; */
    }
    .start a {
        padding: 10px 20px;
        /* font-size: 12px; */
    }
    .letter h1 {
        /* font-size: 20px; */
    }
    .letter p {
        width: 100%;
        /* font-size: 14px; */
        line-height: normal;
    }
    .letter form {
        width: 100%;
    }
    .letter input:nth-of-type(1) {
        padding: 10px 20px;
        /* font-size: 14px; */
        width: 80%;
    }
    .letter input:nth-of-type(2) {
        width: 20%;
    }
}


/* ------------------------------------------------------------- */

.ct-ban {
    background: rgba(243, 152, 0, 0.06);
    padding: 2.225rem 0;
    text-align: center;
}

.ct-ban h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .7125rem; */
    color: #373F41;
    width: 11.8625rem;
    margin: 0 auto;
    text-align: center;
}

.ct-ban p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    width: 11.8625rem;
    text-align: center;
    margin: 0 auto;
    margin-top: .5125rem;
}

.ct-ban a {
    display: inline-block;
    padding: .1875rem .2875rem;
    margin-top: .9rem;
    
}

.ct-ban a:nth-of-type(1) {
    background: #384488;
    color: #fff;
    font-weight: 700;
    
    margin-right: .4rem;
}

.ct-ban a:nth-of-type(2) {
    color: #384488;
    border: .0125rem solid #384488;
    font-weight: 700;
    
}

.boxs {
    box-shadow: 0 0 .1875rem .1875rem rgba(243, 152, 0, .1);
}

.ouroffice {
    padding: 1.4625rem 0;
    border-bottom: .3125rem solid #ed3237;
    border-image-source: url(../images/xian.jpg);
    border-image-slice: 20 20 20 20;
}

.ouroffice h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    text-align: center;
    margin-bottom: .4rem;
}

.ouroffice ul li h5 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .2875rem; */
    color: #373F41;
    margin: .4875rem 0 .325rem 0;
}

.ouroffice ul li p {
    
    font-style: normal;
    font-weight: 400;
    
    color: #373F41;
}


/* .ouroffice ul li p:nth-of-type(2) {
    margin-bottom: 0.4875rem;
} */

.ouroffice ul li {
    position: relative;
}

.ouroffice ul li a {
    position: absolute;
    bottom: 0;
    
    font-style: normal;
    font-weight: 700;
    
    color: #F39800;
    display: inline-block;
}

.ouroffice ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.ouroffice ul li {
    margin-left: .2625rem;
    margin-right: .2625rem;
    margin-top: 0;
    padding: 5px;
    width: 5.9875rem;
    margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.ouroffice ul li {
    padding-bottom: .625rem;
}

@media screen and (max-width: 768px) {
    .ouroffice ul li {
        padding-bottom: 20px;
    }
}


/* .ouroffice ul li:hover {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);
    transition: all .5s;
} */

.Message {
    padding: 1.5375rem 0;
}

.Message .w {
    display: flex;
    justify-content: space-between;
}

.Message h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    margin-bottom: .25rem;
}

.Message .Mess-l {
    width: 47%;
}

textarea {
    resize: none;
}

.Message .Mess-l form input {
    width: 100%;
    padding: .175rem .25rem;
    
    font-style: normal;
    font-weight: 400;
    
    border: none;
    background: #F4F5F4;
    margin-top: .25rem;
}

.Message .Mess-l form textarea {
    width: 100%;
    margin-top: .25rem;
    border: none;
    background: #F4F5F4;
    padding: .175rem .25rem;
    
    font-style: normal;
    font-weight: 400;
    
}

.Message .Mess-l form input:nth-of-type(3) {
    background: #384488;
    
    font-style: normal;
    font-weight: 700;
    
    color: #fff;
    cursor: pointer;
}

.Message .Mess-r ul li .imgbox {
    margin-right: .2rem;
    width: .325rem;
    display: inline-block;
}

.Message .Mess-r ul li .imgbox img {
    vertical-align: middle;
}

.Mess-r ul li p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .225rem; */
    color: #373F41;
    display: inline-block;
}

.Mess-r ul li .po {
    display: inline-block;
}

.Mess-r ul li .po p {
    display: block;
}

.Message .Mess-r ul li:nth-of-type(3) .imgbox img {
    vertical-align: super;
}

.Mess-r ul li {
    margin-bottom: .225rem;
}

.Mess-r ul li:last-child {
    margin-top: .3875rem;
}

.news-ban {
    background: url(http://lcig.io/images/bg1.jpg?v=v20220423_1034) no-repeat;
    background-size: cover;
    /* padding-top: 1.5375rem; */
}

.news-ban h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .8125rem; */
    color: #384488;
    background: #fff;
    padding: 10px;
    margin-top: .5125rem;
}

.news-ban .news-ban-l .play {
    width: 8.775rem;
    position: relative;
    margin-top: .675rem;
}

video {
    width: 100%;
}


/* .news-ban .news-ban-l .play img {
    width: .8125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.news-ban {
    padding-bottom: .4125rem;
}

.news-ban .w {
    display: flex;
    justify-content: space-around;
}

.news-ban .news-ban-r {
    background: #fff;
    padding: .5125rem .5125rem .625rem .5125rem;
}

.news-ban .news-ban-r h1 {
    
    font-style: normal;
    font-weight: 600;
    color: #373F41;
    margin-top: 0;
}

.news-ban .news-ban-r form p {
    
    font-style: normal;
    font-weight: 600;
    
    color: #373F41;
    margin-top: .325rem;
    margin-bottom: .125rem;
}

.news-ban .news-ban-r form input {
    width: 100%;
    padding: .175rem .25rem;
    
    font-style: normal;
    font-weight: 400;
    
    color: #6C7476;
    border: none;
    background: #F4F5F4;
}

.news-ban .news-ban-r form select {
    width: 100%;
    padding: .175rem .25rem;
    
    font-style: normal;
    font-weight: 400;
    
    color: #6C7476;
    border: none;
    background: #F4F5F4;
}

.news-ban .news-ban-r form select option {
    border: none;
    padding: .2375rem .125rem;
}

.news-ban .news-ban-r form .choose input {
    display: inline-block;
    width: .325rem;
    height: .325rem;
    vertical-align: middle;
}

.news-ban .news-ban-r form .choose p:nth-of-type(1) {
    display: block;
    margin-top: .325rem;
}

.news-ban .news-ban-r form .choose p {
    display: inline-block;
    margin-right: .65rem;
    margin-top: 0;
}

.news-ban .news-ban-r form input:last-child {
    background: #F39800;
    
    font-style: normal;
    font-weight: 700;
    
    color: #fff;
    margin-top: .5125rem;
    cursor: pointer;
}

.events {
    padding-top: 1.425rem;
}

.events h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    color: #373F41;
    text-align: center;
}

.events .w>p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    color: #6C7476;
    text-align: center;
    width: 8.45rem;
    margin: 0 auto;
    margin-top: .3875rem;
}

.events .event-t {
    margin-bottom: .65rem;
}

.events .event-t h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    color: #373F41;
    text-align: left;
    margin-top: 1.7875rem;
    margin-bottom: .35rem;
}

.events h5 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .2875rem; */
    color: #373F41;
    text-align: center;
    margin-top: .4875rem;
    margin-bottom: .175rem;
}

.events p {
    
    font-style: normal;
    font-weight: 400;
    
    color: #373F41;
    width: 8.25rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .55rem;
}

.events .event-t .l {
    width: 45%;
    text-align: center;
}

.event-b-box a {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.events a {
    
    font-style: normal;
    font-weight: 700;
    
    color: #F39800;
}

.events .event-t>div {
    display: flex;
    justify-content: space-between;
}

.event-b {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.event-b-box {
    position: relative;
    width: 5.9875rem;
    text-align: center;
    margin-bottom: .65rem;
    margin-right: .65rem;
}

.event-b-box p {
    width: 100%;
}

.events .w>ul {
    display: flex;
    margin-top: .975rem;
    justify-content: center;
    margin-bottom: 2.5625rem;
}

.events .w>ul li {
    width: .5125rem;
    height: .5125rem;
    border: 1px solid #E2E5E6;
    text-align: center;
    line-height: .5125rem;
    margin: 0 .075rem;
}

.events .w>ul li a {
    display: block;
    font-weight: 400;
}

.active2 {
    background: #F39800;
}

.active2 a {
    color: #fff;
}

.events .w>ul li:nth-of-type(6) {
    border: none;
    /* font-size: .4875rem; */
    color: #C3CBCD;
}

@media screen and (max-width: 768px) {
    .news-ban .w {
        flex-wrap: wrap;
    }
    .news-ban .news-ban-l .play {
        width: 62%;
        margin: 0 auto;
    }
    .news-ban h1 {
        text-align: center;
        margin-bottom: 10px;
        /* font-size: 20px; */
    }
    /* .news-ban .news-ban-l .play img {
        width: 50px;
    } */
    .news-ban .news-ban-r h1 {
        /* font-size: 20px; */
    }
    .news-ban .news-ban-r form p {
        /* font-size: 16px; */
    }
    .news-ban .news-ban-r form input {
        padding: 10px 8px;
        /* font-size: 12px; */
    }
    .news-ban .news-ban-r form select {
        padding: 10px 8px;
        /* font-size: 12px; */
    }
    .news-ban .news-ban-r form .choose input {
        width: 15px;
        height: 15px;
        vertical-align: inherit;
        margin: 0;
    }
    .news-ban .news-ban-r form input:last-child {
        /* font-size: 14px; */
    }
    .events h1 {
        /* font-size: 20px; */
    }
    .events .w>p {
        /* font-size: 14px; */
        width: 100%;
    }
    .events .w>ul li:nth-of-type(6) {
        /* font-size: 14px; */
    }
    .events .event-t h1 {
        /* font-size: 20px; */
    }
    .events .event-t .l {
        width: 49%;
    }
    .events h5 {
        /* font-size: 16px; */
    }
    .events p {
        /* font-size: 14px; */
        width: 100%;
    }
    .events a {
        /* font-size: 14px; */
    }
    .event-b-box {
        width: 49%;
    }
    .events .w>ul li {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .function>a {
        /* font-size: 12px; */
    }
    .banner .banner-con>a {
        /* font-size: 12px; */
    }
    .cooperation ul li {
        height: 50px;
    }
}

@media screen and (max-width: 425px) {
    .news-ban .news-ban-r form p {
        /* font-size: 14px; */
    }
}

@media screen and (max-width: 768px) {
    .ct-ban h1 {
        /* font-size: 18px; */
        width: 80%;
    }
    .ct-ban p {
        /* font-size: 14px; */
        width: 70%;
    }
    .ct-ban a:nth-of-type(1) {
        /* font-size: 12px; */
        padding: 10px;
    }
    .ct-ban a:nth-of-type(2) {
        /* font-size: 12px; */
        padding: 10px;
    }
    .ouroffice h1 {
        /* font-size: 18px; */
    }
    .ouroffice ul li {
        width: 50%;
    }
    .ouroffice ul li .imgbox {
        width: 100%;
    }
    .ouroffice ul li h5 {
        /* font-size: 16px; */
    }
    .ouroffice ul li p {
        /* font-size: 14px; */
    }
    .ouroffice ul li a {
        /* font-size: 13px; */
    }
    .letter input:nth-of-type(2) {
        /* font-size: 12px; */
    }
}

@media screen and (max-width: 425px) {
    .ouroffice ul li {
        width: 100%;
    }
    .ouroffice ul li .imgbox {
        width: 100%;
    }
    .ouroffice ul li h5 {
        /* font-size: 16px; */
    }
    .ouroffice ul li p {
        /* font-size: 14px; */
    }
    .ouroffice ul li a {
        /* font-size: 13px; */
    }
}


/* ------------------------------------------------------------ */

.second {
    padding: 1.95rem 0;
}

.second h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    color: #373F41;
    width: 15.4375rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .5125rem;
}

.second p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    color: #6C7476;
    width: 8.775rem;
    text-align: center;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .second h1 {
        /* font-size: 16px; */
        width: 100%;
    }
    .second p {
        width: 100%;
        /* font-size: 14px; */
    }
}


/* -------------------------------- */

.Mess-r {
    width: 47%;
    margin-top: 1.175rem;
}

.Mess-r .map {
    margin-top: .4875rem;
    width: 5.9875rem;
    height: 3.45rem;
}

.Mess-r #allmap {
    width: 100%;
    height: 100%;
}

.bigmap {
    height: 5.45rem;
}

.bigmap .map {
    width: 100%;
    height: 100%;
}

.bigmap #allmap {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .Message .Mess-l {
        width: 100%;
    }
    .Mess-r {
        width: 100%;
    }
    .Message .w {
        flex-wrap: wrap;
    }
    .Message h1 {
        /* font-size: 16px; */
    }
    .Message .Mess-l form input {
        padding: 10px 8px;
        /* font-size: 14px; */
    }
    .Message .Mess-l form textarea {
        padding: 10px 8px;
        /* font-size: 14px; */
    }
    .Message .Mess-l form input:nth-of-type(3) {
        /* font-size: 14px; */
    }
    .Message .Mess-r ul li .imgbox {
        width: 25px;
    }
    .Mess-r ul li p {
        /* font-size: 14px; */
        margin-top: 10px;
    }
    .Mess-r .map {
        height: 250px;
        width: 100%;
    }
    .Mess-r ul li .po p:nth-of-type(2) {
        margin-top: 0;
    }
    .Message .Mess-r ul li:nth-of-type(3) .imgbox img {
        vertical-align: text-top;
    }
}

@media screen and (max-width: 425px) {
    .Milestones .line p:nth-of-type(3n)::after {
        bottom: -4px;
    }
}

.play img {
    cursor: pointer;
}

.newdetail {
    padding: 1.4875rem 0;
}

.newdetail h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    color: #373F41;
    text-align: center;
}

.newdetail p {
    
    font-style: normal;
    font-weight: 400;
    /* font-size: .25rem; */
    width: 8.775rem;
    text-align: center;
    margin: 0 auto;
    margin-top: .5125rem;
}

.newdetail .imgbox1 {
    width: 18.0375rem;
    margin: 0 auto;
    margin-top: .775rem;
}

.newdetail .small {
    width: 14.95rem;
    margin: 0 auto;
    margin-top: 1.7rem;
    margin-bottom: 1.475rem;
}

.newdetail .small h1 {
    
    font-style: normal;
    font-weight: 700;
    /* font-size: .5125rem; */
    color: #373F41;
    text-align: left;
}

.newdetail .small p {
    width: 100%;
    text-align: left;
}

.newdetail .small .imgbox {
    margin-top: .65rem;
}

.like {
    border-bottom: none;
}

.like ul {
    border-bottom: none;
}

.like ul li {
    width: 6.2875rem;
    margin: 0 .18rem;
}

.like ul li .imgbox {
    width: 100%;
}

.like ul li p {
    width: 100%;
    text-align: left;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .newdetail h1 {
        /* font-size: 16px; */
    }
    .newdetail p {
        width: 100%;
        /* font-size: 14px; */
    }
    .newdetail .imgbox1 {
        width: 95%;
    }
    .newdetail .small h1 {
        /* font-size: 16px; */
    }
    .newdetail .small {
        width: 100%;
    }
    .like ul {
        flex-wrap: wrap;
    }
    .like ul li {
        width: 100%;
    }
}

input[type="button"],
input[type="submit"],
input[type="reset"],
textarea {
    -webkit-appearance: none;
}

.aa::-webkit-media-controls {
    display: none !important;
}

.mySwiper .swiper-button-next:after,
.mySwiper .swiper-button-prev:after {
    /* font-size: .6125rem; */
}

.Milestones .Milestones-c h1 {
    white-space: nowrap;
}

.Milestones .Milestones-c {
    overflow: hidden;
}

.hua {
    animation-name: right;
    animation-duration: .2s;
    animation-timing-function: linear;
}

.hua1 {
    animation-name: left;
    animation-duration: .2s;
    animation-timing-function: linear;
}

@keyframes left {
    0% {
        transform: translateX(-200%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes right {
    0% {
        transform: translateX(200%);
    }
    100% {
        transform: translateX(0);
    }
}

.cooperation ul li:hover {
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
}

.s-con .s-con-l a:hover {
    background: #ED3237;
    color: #fff;
    transition: all .3s;
}

.work ul li:hover .imgbox img {
    transform: rotateY(360deg);
    transition: all .5s;
}

.events .event-t .l .imgbox {
    overflow: hidden;
}

.events .event-t .l:hover .imgbox img {
    transform: scale(1.2);
}

.event-b-box .imgbox {
    overflow: hidden;
    height: 4.5rem;
}

.event-b-box:hover .imgbox img {
    transform: scale(1.2);
}

.uni-c ul li:hover .imgbox img {
    transform: rotateY(360deg);
    transition: all .5s;
}

textarea {
    -webkit-appearance: none;
}

@media screen and (max-width: 768px) {
    .mySwiper .swiper-button-next:after,
    .mySwiper .swiper-button-prev:after {
        /* font-size: 14px; */
    }
}

.v {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.Milestones .timer::-webkit-scrollbar-thumb {
    background: #ED3237 !important;
    height: 5px !important;
}

.Milestones .timer::-webkit-progress-bar {
    background: red !important;
    color: red !important;
    height: 5px !important;
}

.Milestones .timer::-webkit-scrollbar {
    background: transparent !important;
    height: 5px !important;
}

.concon {
    display: flex;
}

.concon h1 {
    /* font-size: .325rem; */
    margin-right: .25rem;
}

.Milestones .Milestones-c {
    position: relative;
}

.Milestones .Milestones-c::after {
    position: absolute;
    content: "";
    height: 80%;
    width: 2px;
    background: #ED3237;
    top: 50%;
    left: 23%;
    transform: translate(0, -50%);
}

.concon p {
    
}

@media screen and (max-width: 768px) {
    .concon::before {
        left: 42px;
    }
    .concon h1 {
        margin-right: 18px;
    }
}

@media screen and (max-width: 768px) {
    .Milestones .Milestones-c {
        width: 350px;
        height: 116px;
    }
    .Milestones .Milestones-c::after {
        left: 19%;
    }
}

@media screen and (max-width: 550px) {
    .Milestones .Milestones-c::after {
        left: 17%;
    }
}

footer .share {
    display: flex;
}

    footer .share.logo {
        width: 3.2rem;
    }

footer .share .imgbox {
    width: .4375rem;
    height: .4375rem;
    margin: 0 .1rem;
}

    footer .share .imgbox-logo {
        width: 3rem;
        height: .4375rem;
        margin: 0 .1rem;
    }

footer .share .imgbox img {
    width: 100%;
    height: 100%;
}

footer .foo-l {
    width: 20%;
}

@media screen and (max-width: 768px) {
    footer .w .t {
        display: block;
    }
    footer .foo-l {
        margin: 0 auto;
    }
    footer .share .imgbox {
        width: 30px;
        height: 30px;
    }
    footer .share {
        justify-content: space-around;
    }
    footer ul li {
        margin-right: 0;
    }
}

@media screen and (max-width: 550px) {
    footer ul li {
        width: auto;
    }
}

@media screen and (max-width: 768px) {
    .ouroffice ul li {
        margin: 0;
    }
}

.mobile-nav nav ul {
    border: 2px solid #F39800;
}

@media screen and (max-width: 768px) {
    .news-ban-l {
        width: 100%;
    }
    .event-b-box {
        margin-right: 0;
    }
    .event-b {
        justify-content: space-between;
    }
    .event-b-box .imgbox {
        height: 8.5rem;
    }
}

.contentBody {
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}