.head_wrapper {
    z-index: 20;
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    height: 1.333333rem;
    background: rgba(0, 0, 0, .1) !important
}

.head_wrapper.true {
    background: rgba(0, 0, 0, .3) !important
}

.head_wrapper .left {
    height: .266667rem;
    font-size: 1.57333rem;
    color: #fff
}

.head_wrapper .left img {
    position: absolute;
    top: .533333rem;
    left: 1.333333rem;
    width: 5.50667rem;
    height: .31467rem
}

.head_wrapper .right {
    margin-top: .453333rem;
    margin-right: 1.333333rem;
    height: .666667rem;
    font-size: .266667rem;
    color: #fff
}

.head_wrapper .right .more {
    width: .506667rem;
    height: .28rem
}

.head_wrapper .right a {
    margin-left: .4rem;
    display: inline-block;
    margin-bottom: .133333rem;
    height: .6rem;
    color: #fff;
    font-weight: lighter;
    text-decoration: none
}

.head_wrapper .right a.active {
    font-weight: 700
}

.head_wrapper .mobile_nav {
    position: fixed;
    right: -100%;
    width: 50%;
    height: 100vh;
    background-color: #fff
}

.head_wrapper .mobile_nav.true {
    right: 0;
    transition: all .2s ease-in
}

.head_wrapper .mobile_nav.false {
    right: -100%;
    transition: all .2s ease-in
}

.head_wrapper .mobile_nav .head {
    position: relative
}

.head_wrapper .mobile_nav .head .left .logo1 {
    top: .666667rem
}

.head_wrapper .mobile_nav .head .close {
    position: absolute;
    top: .266667rem;
    right: .4rem
}

.head_wrapper .mobile_nav .head .close img {
    width: .266667rem;
    height: .266667rem
}

.head_wrapper .mobile_nav .link_wrapper {
    margin-top: 3.2rem
}

.head_wrapper .mobile_nav a {
    display: block;
    margin-bottom: .266667rem;
    font-size: .426667rem;
    text-align: center;
    color: #000
}

@media only screen and (max-width: 1000px) {
    .head_wrapper.true {
        background: rgba(0, 0, 0, .3) !important
    }

    .head_wrapper .left img {
        left: .533333rem
    }

    .head_wrapper .right {
        margin-right: .533333rem
    }
}

* {
    margin: 0;
    padding: 0
}

.fullpage_wrapper {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.fullpage_wrapper ul {
    position: relative;
    top: 0
}

.fullpage_wrapper li {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center
}

.fullpage_wrapper .carImg {
    min-height: 26.666667rem;
    padding-bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fullpage_wrapper .carImg, .fullpage_wrapper .fullImg {
    width: 100%;
    object-fit: cover
}

.fullpage_wrapper .posText {
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    color: #fff
}

.fullpage_wrapper .posText.black {
    color: #000
}

.fullpage_wrapper .posText .line-1 {
    padding: 0 .533333rem;
    margin-bottom: .666667rem;
    font-size: .59787rem;
    font-weight: 700
}

.fullpage_wrapper .posText .line-1.fir {
    padding: 0 .133333rem;
    display: inline;
    background: rgba(0, 0, 0, .4)
}

.fullpage_wrapper .posText .line-2 {
    padding: 0 .533333rem;
    font-size: .31467rem
}

.fullpage_wrapper .posText .line-2.fir {
    padding: 0 .133333rem;
    display: inline;
    background: rgba(0, 0, 0, .4)
}

.fullpage_wrapper .posText .line-3 {
    padding: 0 .533333rem;
    margin-bottom: .533333rem;
    font-size: .2832rem
}

.fullpage_wrapper .posText .line-3.fir {
    padding: 0 .133333rem;
    display: inline;
    background: rgba(0, 0, 0, .4)
}

.fullpage_wrapper .posText .link {
    display: block;
    margin: 0 auto .266667rem;
    width: 3.066667rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    font-size: .25173rem !important;
    color: #000;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .533333rem
}

.fullpage_wrapper .posText .link.dark {
    color: #fff;
    background-color: rgba(0, 0, 0, .8)
}

.fullpage_wrapper .posText .link.fir {
    margin-top: .533333rem
}

.mobile_fullpage .wrap {
    position: relative
}

.mobile_fullpage .wrap .fullImg {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.mobile_fullpage .wrap .posText {
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    color: #fff
}

.mobile_fullpage .wrap .posText.black {
    color: #000
}

.mobile_fullpage .wrap .posText .line-1 {
    padding: 0 .533333rem;
    margin-bottom: .666667rem;
    font-size: .59787rem;
    font-weight: 700
}

.mobile_fullpage .wrap .posText .line-2 {
    padding: 0 .533333rem;
    font-size: .31467rem
}

.mobile_fullpage .wrap .posText .line-3 {
    padding: 0 .533333rem;
    margin-bottom: .533333rem;
    font-size: .2832rem
}

.mobile_fullpage .wrap .posText .link {
    display: block;
    margin: 0 auto .266667rem;
    width: 3.066667rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    font-size: .25173rem !important;
    color: #000;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .533333rem
}

.mobile_fullpage .wrap .posText .link.dark {
    color: #fff;
    background-color: rgba(0, 0, 0, .8)
}

@media only screen and (max-width: 1000px) {
    .fullpage_wrapper {
        position: relative;
        width: 100%;
        overflow: scroll
    }
}

.footer {
    width: 100%;
    height: .933333rem;
    font-size: .25173rem;
    line-height: .933333rem;
    text-align: center;
    color: #000;
    border-top: .026667rem solid hsla(0, 0%, 40.4%, .8);
    background-color: #fff
}

.footer.fixed {
    position: fixed;
    bottom: 0
}

.footer .links {
    color: #000;
    text-decoration: underline
}

@media only screen and (max-width: 1000px) {
    .footer {
        font-size: .128rem
    }
}

body, html {
    margin: 0;
    width: 100%;
    height: 100%
}

.textImg, .workImg {
    width: 100%;
    height: 74vh;
    object-fit: cover
}

.work_content {
    position: relative;
    text-align: center;
    height: 26vh
}

.work_content .title {
    padding-top: 1.52rem;
    margin-bottom: 1.0944rem;
    color: #0a62a7;
    font-weight: 700;
    font-size: .5664rem;
    line-height: .48rem
}

.work_content .text {
    padding: 0 .266667rem;
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.work_content .link-wrap {
    margin-top: .4rem
}

.work_content .link {
    display: block;
    margin: 0 auto;
    padding: 0 .266667rem;
    min-width: 3.066667rem;
    max-width: 4rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    font-size: .186667rem !important;
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    border-radius: .533333rem
}

.work_content .link.true {
    max-width: 4.666667rem
}

@media only screen and (max-width: 1000px) {
    .workImg {
        width: 100%;
        height: 60vh;
        object-fit: cover
    }

    .work_content {
        height: 40vh
    }
}

.relation_wrapper .bgcImg {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.relation_wrapper .loginIn {
    position: absolute;
    top: 2.6rem;
    width: 100%
}

.relation_wrapper .loginIn .wraps {
    margin: 0 auto;
    width: 4.4rem;
    height: 1.333333rem;
    font-size: .22027rem
}

.relation_wrapper .loginIn .input-title {
    margin-top: .213333rem;
    margin-bottom: .053333rem;
    width: 4.4rem;
    text-align: center;
    color: #faad14;
    font-size: 18px;
    font-weight: bold;
}

.relation_wrapper .loginIn .input-in {
    border: .026667rem solid #faad14;
    background: rgba(128, 23, 23, 0)
}

.relation_wrapper .loginIn .sub {
    margin-top: .266667rem
}

.relation_wrapper .loginIn input {
    height: .833333rem;
    width: 4.4rem;
    color: #000;
    font-weight: 700;
    text-indent: .133333rem;
    border: .013333rem solid #fff;
    background-color: #fff;
    border-radius: .106667rem;
    font-size:14px;
}

.relation_wrapper .container {
    width: 22.4rem;
    margin: 2rem auto
}

.relation_wrapper .container p {
    margin-bottom: 0;
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.relation_wrapper .container .blank {
    margin-bottom: .666667rem
}

@media only screen and (max-width: 1000px) {
    .relation_wrapper .bgcImg {
        width: 100%;
        height: 100vh;
        object-fit: cover
    }

    .relation_wrapper .loginIn {
        top: 1.666667rem
    }

    .relation_wrapper .container {
        padding: 0 .533333rem;
        margin: 1.066667rem auto 0;
        width: 100%
    }
}

.innovation_wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

.innovation_wrapper ul {
    position: relative;
    top: 0
}

.innovation_wrapper li {
    width: 100%;
    height: 100vh;
    font-size: .472rem;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: #efeff0
}

.innovation_wrapper li:nth-child(2) {
    background-color: #fff
}

.innovation_wrapper .img {
    position: absolute;
    right: 0;
    width: 50%
}

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

.innovation_wrapper .fullImg {
    width: 100%;
    object-fit: cover
}

.innovation_wrapper .posText {
    position: absolute;
    top: 45%;
    left: 2.466667rem;
    width: 100%;
    text-align: left;
    color: #fff
}

.innovation_wrapper .posText.black {
    color: #000
}

.innovation_wrapper .posText .line-1 {
    font-size: .53493rem;
    font-weight: 700
}

.innovation_wrapper .posText .line-2 {
    font-size: .2832rem
}

.innovation_wrapper .posText .line-3 {
    margin-bottom: .533333rem;
    font-size: .2832rem
}

.innovation_wrapper .posText .line-4 {
    font-size: .22027rem
}

.innovation_wrapper .posText .link {
    display: block;
    margin-top: .533333rem;
    margin-bottom: .666667rem;
    color: #000;
    font-weight: 700;
    font-size: .2832rem;
    line-height: .186667rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.moblie_inn li:nth-child(2) {
    background-color: #fff
}

.moblie_inn .posText {
    padding: 3.866667rem 0 0 .533333rem;
    height: 40vh;
    box-sizing: border-box
}

.moblie_inn .posText.black {
    color: #000
}

.moblie_inn .posText .line-1 {
    font-size: .53493rem;
    font-weight: 700
}

.moblie_inn .posText .line-2 {
    font-size: .2832rem
}

.moblie_inn .posText .line-3 {
    margin-bottom: .533333rem;
    font-size: .2832rem
}

.moblie_inn .posText .line-4 {
    font-size: .22027rem
}

.moblie_inn .posText .link {
    display: block;
    margin-top: .533333rem;
    margin-bottom: .666667rem;
    color: #000;
    font-weight: 700;
    font-size: .2832rem;
    line-height: .186667rem;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.moblie_inn .img .fullImg {
    width: 100%;
    height: 60vh;
    object-fit: cover
}

.list .heads {
    display: flex;
    justify-content: space-between;
    line-height: 1.066667rem;
    border-top: .026667rem solid #e2e3e3
}

.list .heads .name {
    font-weight: 700
}

.list .heads .direction, .list .heads .name {
    font-size: .2832rem;
    color: #666
}

.list .heads .fold {
    margin-right: .186667rem;
    font-weight: 700;
    font-size: .472rem;
    color: #000;
    width: .266667rem
}

.list .heads .fold .arr_r {
    width: .133333rem;
    height: .24rem
}

.list .heads .fold .arr_d {
    width: .24rem;
    height: .133333rem
}

.list .desc {
    margin-bottom: 1.173333rem
}

.list .desc .titles {
    margin-top: .666667rem;
    margin-bottom: .186667rem;
    text-align: left;
    font-size: .34613rem;
    font-weight: 500;
    color: #000
}

.list .desc .titles.fir {
    margin-top: .4rem
}

.list .desc .con {
    margin-left: .266667rem;
    width: 21.333333rem
}

.detail0, .list .desc .con .texts {
    text-align: left;
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

@media only screen and (max-width: 1000px) {
    .list .desc .con {
        padding: 0 .533333rem;
        width: 100%
    }
}

.recruitImg {
    width: 100%;
    height: 43vh;
    object-fit: cover
}

.recruit_content .poem {
    margin: 1.333333rem auto;
    width: 22.4rem
}

.recruit_content .poem .top {
    display: flex;
    justify-content: space-between
}

.recruit_content .poem .top .left {
    position: relative;
    width: 10.666667rem;
    height: 6.58667rem
}

.recruit_content .poem .top .left .text {
    text-align: left;
    font-size: .50347rem;
    color: #000
}

.recruit_content .poem .top .left .line {
    margin: .906667rem 0 0;
    text-align: right
}

.recruit_content .poem .top .right .img {
    width: 9.88rem;
    height: 6.58667rem;
    border-radius: .053333rem;
    object-fit: cover
}

.recruit_content .poem .desc {
    margin-top: 1.066667rem;
    text-align: left;
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.recruit_content .recruit {
    margin: 0 auto;
    width: 22.4rem
}

.recruit_content .recruit .leftTitle {
    margin-bottom: .8rem;
    font-size: .50347rem;
    line-height: .48rem;
    text-align: left;
    color: #000
}

.recruit_content .resume {
    margin: 0 auto;
    width: 22.4rem
}

.recruit_content .resume .leftTitle {
    margin-bottom: .2rem;
    font-size: .50347rem;
    line-height: .48rem;
    text-align: left;
    color: #000
}

.recruit_content .resume .title1 {
    margin-bottom: .366667rem;
    font-weight: 200;
    font-size: .2832rem;
    color: #666
}

.recruit_content .wraps {
    margin-bottom: 1.333333rem;
    width: 22.4rem
}

.recruit_content .wraps .list:last-child {
    border-bottom: .026667rem solid #e2e3e3
}

.FAQ {
    margin: 1.333333rem auto 2.666667rem;
    width: 22.4rem
}

.FAQ .leftTitle {
    margin-bottom: .8rem;
    font-size: .50347rem;
    line-height: .48rem;
    text-align: left;
    color: #000
}

.FAQ .heads .name {
    font-weight: 500;
    font-size: .2832rem;
    color: #666
}

.FAQ .wraps {
    margin-bottom: 1.333333rem;
    width: 22.4rem
}

.FAQ .wraps .list:last-child {
    border-bottom: .026667rem solid #e2e3e3
}

.FAQ .wraps .list:nth-child(5) .desc .detail .con .texts:nth-child(2) {
    text-decoration: underline;
    color: #0a62a7
}

@media only screen and (max-width: 1000px) {
    .recruit_content .poem {
        padding: 0 .533333rem;
        margin: 0 auto;
        width: 100%
    }

    .recruit_content .poem .top {
        display: block;
        margin-top: 1.6rem
    }

    .recruit_content .poem .top .left {
        width: 100%
    }

    .recruit_content .poem .top .right .img {
        width: 100%;
        object-fit: cover
    }

    .recruit_content .recruit {
        padding: 0 .533333rem;
        margin: 0 auto;
        width: 100%
    }

    .recruit_content .recruit .leftTitle {
        margin-top: .4rem
    }

    .recruit_content .resume {
        padding: 0 .533333rem;
        margin: 0 auto;
        width: 100%
    }

    .recruit_content .wraps {
        margin-bottom: 1.333333rem
    }

    .FAQ, .recruit_content .wraps {
        padding: 0 .533333rem;
        width: 100%
    }

    .FAQ {
        margin: 1.333333rem auto 2.666667rem
    }

    .FAQ .wraps {
        padding: 0 .533333rem;
        margin-bottom: 1.333333rem;
        width: 100%
    }
}

.blank_1 {
    height: 3.866667rem;
    text-align: center;
    color: #0a62a7;
    font-weight: 700;
    font-size: .5664rem;
    line-height: 3.866667rem
}

.notion_wrapper {
    margin-bottom: 1.066667rem;
    height: 10.266667rem;
    background-color: #e6e6e7
}

.notion_wrapper.dark {
    background-color: #221815
}

.notion_wrapper .notion_content {
    display: flex;
    margin: 0 auto .933333rem;
    width: 22.4rem;
    height: 10.266667rem;
    background-color: #e6e6e7
}

.notion_wrapper .notion_content .left {
    width: 50%;
    font-size: .472rem;
    background-color: #e6e6e7
}

.notion_wrapper .notion_content .left.dark {
    background-color: #221815
}

.notion_wrapper .notion_content .left.dark .title {
    color: #fff;
    font-size: .62933rem
}

.notion_wrapper .notion_content .left.dark p {
    margin-top: .266667rem;
    width: 8.4rem;
    text-align: left;
    font-size: .31467rem;
    font-weight: 200;
    color: #fff
}

.notion_wrapper .notion_content .left.white .title {
    color: #000;
    font-size: .62933rem
}

.notion_wrapper .notion_content .left.white p {
    margin-top: .266667rem;
    width: 8.4rem;
    text-align: left;
    font-size: .31467rem;
    font-weight: 200;
    color: #000
}

.notion_wrapper .notion_content .left .title {
    margin: 1.546667rem 0 .6rem;
    width: 8.4rem;
    text-align: left;
    font-size: .62933rem;
    font-weight: 700;
    color: #000
}

.notion_wrapper .notion_content .left .line_1 {
    margin-top: 3.066667rem;
    width: 8.4rem;
    height: 3.066667rem;
    text-align: left;
    font-size: .31467rem;
    color: #000
}

.notion_wrapper .notion_content .right {
    width: 50%
}

.notion_wrapper .notion_content .right img {
    width: 100%;
    height: 10.266667rem
}

.text_area {
    display: flex;
    margin: 0 auto .8rem;
    width: 22.4rem
}

.text_area .left {
    margin-top: .533333rem;
    width: 50%
}

.text_area p {
    width: 9.866667rem;
    font-size: .3776rem;
    color: #000
}

.work_notion {
    margin: 0 auto;
    width: 22.4rem
}

.work_notion .content {
    display: flex;
    margin-bottom: .4rem
}

.work_notion .content .left {
    color: #000;
    width: 7.86667rem;
    font-size: .5664rem
}

.work_notion .content .right {
    width: 14.38027rem
}

.work_notion .content .right p {
    margin-bottom: .666667rem;
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.work_notion .nontion_img {
    margin-bottom: 2.133333rem;
    width: 100%;
    height: 6.29333rem
}

.work_notion .img_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.133333rem
}

.work_notion .img_box .nontion_img1 {
    width: 6.29333rem;
    height: 6.29333rem
}

.scholarship_wrapper {
    margin: 0 auto 2.666667rem;
    width: 22.4rem
}

.scholarship_wrapper .title {
    margin: 1.333333rem 0 1.066667rem;
    text-align: left;
    font-weight: 700;
    font-size: .50347rem;
    color: #0a62a7
}

.scholarship_wrapper .img {
    width: 100%;
    height: 5.333333rem;
    object-fit: cover
}

.scholarship_wrapper .con {
    margin: 1.066667rem 0
}

.scholarship_wrapper .con p {
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.scholarship_wrapper .con .right {
    text-align: right
}

.scholarship_wrapper .intr {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.866667rem
}

.scholarship_wrapper .intr .left .title {
    margin-top: 0;
    margin-bottom: .4rem;
    font-size: .34613rem;
    font-weight: 500;
    color: #000
}

.scholarship_wrapper .intr .left p {
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

@media only screen and (max-width: 1000px) {
    .scholarship_wrapper {
        padding: 0 .533333rem;
        margin: 0 auto;
        width: 100%
    }
}

.competition_content {
    margin: 0 auto;
    width: 22.4rem
}

.competition_content .content {
    margin-bottom: 2.666667rem
}

.competition_content .content p {
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.competition_content .title {
    margin: 1.333333rem 0 1.946667rem;
    font-weight: 700;
    font-size: .5664rem;
    color: #0763a7
}

.competition_content .top {
    display: flex;
    justify-content: space-between
}

.competition_content .top .left {
    width: 7.6rem
}

.competition_content .top .left .img {
    width: 7.6rem;
    height: 10.24rem
}

.competition_content .top .left p {
    margin-top: 2.4rem;
    font-size: .2832rem;
    font-weight: 200;
    color: #666;
    width: 7.6rem
}

.competition_content .top .right {
    width: 7.6rem
}

.competition_content .top .right .img {
    margin-top: 2.4rem;
    width: 7.6rem;
    height: 10.24rem
}

.competition_content .top .right p {
    font-size: .2832rem;
    font-weight: 200;
    color: #666;
    width: 7.6rem
}

.competition_content .bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 5.146667rem;
    margin-bottom: 1.866667rem
}

.competition_content .bottom p {
    font-size: .2832rem;
    font-weight: 200;
    color: #666;
    width: 7.6rem
}

.competition_content .bottom .img {
    width: 7.6rem;
    height: 10.24rem
}

@media only screen and (max-width: 1000px) {
    .competition_content {
        padding: 0 .533333rem;
        margin: 0 auto;
        width: 100%
    }
}

.culture_content .textImg {
    width: 100%;
    height: 74vh;
    object-fit: cover
}

.culture_content .head {
    height: 26vh;
    text-align: center
}

.culture_content .head .title {
    padding-top: 1.216rem;
    margin-bottom: 1.216rem;
    font-weight: 700;
    font-size: .50347rem;
    line-height: .50347rem;
    color: #0a62a7
}

.culture_content .head .text {
    font-size: .2832rem;
    font-size: 200;
    color: #666
}

.culture_content .img_wrapper {
    position: relative
}

.culture_content .img_wrapper .t {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.1328rem;
    color: #fff
}

.culture_content .desc {
    display: flex;
    justify-content: space-between;
    padding-bottom: .986667rem;
    margin: 0 auto;
    width: 22.4rem
}

.culture_content .desc .dtl {
    width: 5.333333rem
}

.culture_content .desc .dtl .title {
    margin: .64rem 0 1.173333rem;
    font-size: .31467rem;
    color: #0a62a7
}

.culture_content .desc .dtl p {
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.culture_content .desc .dtl .img {
    margin-top: .64rem;
    width: 5.333333rem;
    height: 5.333333rem;
    border-radius: 100%
}

.culture_content .desc .dtl ul {
    margin-left: .266667rem;
    width: 5.066667rem
}

.culture_content .desc .dtl ul li {
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.b {
    font-weight: 700 !important
}

.nmt {
    margin-bottom: 0
}

@media only screen and (max-width: 1000px) {
    .culture_content .textImg {
        width: 100%;
        height: 50vh;
        object-fit: cover
    }

    .culture_content .desc {
        display: block;
        width: 100%
    }

    .culture_content .desc .dtl {
        padding: 0 .533333rem;
        width: 100%
    }

    .culture_content .desc .dtl ul {
        width: 100%
    }
}

.mission_content {
    display: flex;
    margin: 1.333333rem auto 2.266667rem;
    width: 22.4rem
}

.mission_content.bot {
    margin-bottom: 0
}

.mission_content.top {
    margin-top: 0
}

.mission_content .left {
    width: 7.6rem;
    font-weight: 700;
    font-size: .50347rem;
    color: #0a62a7
}

.mission_content .right {
    width: 18.8rem
}

.mission_content .right p {
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.mission_content .right .title {
    margin-top: .666667rem;
    font-size: .34613rem;
    font-weight: 500;
    color: #000
}

.mission_content .right .title.fir {
    margin-top: 0
}

.mission_Img {
    width: 100%;
    height: 15.333333rem;
    object-fit: cover
}

@media only screen and (max-width: 1000px) {
    .mission_Img {
        width: 100%;
        height: 50vh;
        object-fit: cover
    }

    .mission_content {
        display: block !important;
        padding: 0 .533333rem;
        margin: 1.333333rem auto 2.266667rem;
        width: 100%
    }

    .mission_content .left {
        margin-bottom: .4rem
    }

    .mission_content .right {
        width: 100%
    }
}

.tea_content {
    margin: 0 auto;
    width: 22.4rem
}

.tea_content .title {
    margin: 1.333333rem 0 1.866667rem;
    text-align: center;
    font-weight: 700;
    font-size: .50347rem;
    color: #0a62a7
}

.tea_content .con_img {
    width: 100%;
    height: 5.333333rem
}

.tea_content .con {
    margin-top: 1.333333rem;
    margin-bottom: 1.866667rem;
    height: 10.4rem
}

.tea_content .con, .tea_content .con .dtl {
    display: flex;
    justify-content: space-between
}

.tea_content .con .dtl {
    flex-direction: column;
    width: 5.333333rem
}

.tea_content .con .dtl .text {
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.tea_content .con .dtl .img {
    width: 5.333333rem;
    height: 5.333333rem;
    border-radius: .053333rem
}

.env_content {
    margin: 0 auto;
    width: 22.4rem
}

.env_content .title {
    margin: 1.333333rem 0 1.866667rem;
    text-align: left;
    font-weight: 700;
    font-size: .50347rem;
    color: #0a62a7
}

.env_content .con {
    display: flex;
    justify-content: space-between;
    position: relative
}

.env_content .con .left p {
    margin-bottom: 0;
    font-size: .44053rem;
    color: #666
}

.env_content .con .left.down {
    display: flex;
    flex-direction: column-reverse
}

.env_content .con .right p {
    margin-bottom: 0;
    font-size: .44053rem;
    color: #666
}

.env_content .con .right.down {
    position: absolute;
    bottom: 0;
    left: 7.552rem
}

.env_content .con.y {
    top: -4.72rem
}

.env_content .con.last {
    top: -3.14667rem;
    margin: .933333rem 0
}

.env_content .cons {
    position: relative;
    top: -3.14667rem
}

.env_content .cons .top {
    margin-bottom: 0
}

.env_content .cons .top .img {
    width: 100%;
    height: 10.266667rem;
    border-radius: .026667rem;
    object-fit: cover
}

.env_content .cons .bot {
    margin-top: .533333rem
}

.env_content .cons .bot p {
    margin-bottom: 0;
    font-size: .44053rem;
    color: #666
}

.circle {
    width: 9.44rem;
    height: 9.44rem;
    border-radius: 100%
}

.rec {
    width: 6.92267rem;
    height: 10.4784rem;
    border-radius: .026667rem
}

.env_mobile {
    padding: 0 .533333rem;
    margin-bottom: 1.066667rem
}

.env_mobile .title {
    margin: 1.333333rem 0 1.866667rem;
    text-align: left;
    font-weight: 700;
    font-size: .426667rem;
    color: #0a62a7
}

.env_mobile p {
    margin-bottom: 0;
    font-size: .426667rem;
    color: #000
}

.env_mobile .img1 {
    margin-bottom: .266667rem;
    width: 100%;
    height: 4.8rem;
    object-fit: cover
}

.env_mobile .circle {
    margin-top: .533333rem;
    width: 8rem;
    height: 8rem
}

.env_mobile .rec {
    margin-top: .533333rem;
    margin-bottom: 1.066667rem;
    width: 5.866667rem;
    height: 8.88rem;
    border-radius: .026667rem
}

.env_mobile .right {
    margin-bottom: 1.066667rem;
    text-align: right
}

.env_mobile .right p {
    display: inline-block;
    width: 5.866667rem;
    text-align: left
}

.seminar_content {
    margin: 0 auto;
    width: 22.4rem
}

.seminar_content .title {
    margin: 1.333333rem 0 .533333rem;
    text-align: left;
    font-weight: 700;
    font-size: .50347rem;
    color: #0a62a7
}

.seminar_content p {
    font-size: .2832rem;
    color: #666;
    font-weight: 200;
    text-align: left
}

.seminar_content .blank {
    margin-bottom: .533333rem
}

.seminar_content .img {
    margin: 1.333333rem 0 1.866667rem;
    width: 100%;
    height: 10.266667rem
}

.top {
    margin-bottom: 1.866667rem
}

.mobile_com {
    padding: 0 .533333rem;
    margin-bottom: 1.066667rem
}

.mobile_com .title {
    margin: 1.333333rem 0 1.946667rem;
    font-weight: 700;
    font-size: .48rem;
    color: #0763a7
}

.mobile_com .img {
    margin: 1.066667rem 0;
    width: 7.6rem;
    height: 10.24rem
}

.mobile_com .right {
    text-align: right
}

.mobile_com .right .img1 {
    margin-bottom: 1.066667rem;
    width: 7.6rem;
    height: 10.24rem
}

.mobile_com p {
    font-size: .24rem;
    font-weight: 200;
    color: #666
}

.product_content {
    margin: 0 auto 1.866667rem;
    width: 19.733333rem;
    position: relative;
    top: -.666667rem
}

.product_content .img {
    margin-top: 1.866667rem;
    width: 100%;
    height: 10.466667rem
}

.product_content .title {
    margin-top: .8rem;
    margin-bottom: .133333rem;
    font-size: .31467rem;
    color: #000;
    font-weight: 500
}

.product_content p {
    margin-bottom: 0;
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.product_content .nav {
    display: flex;
    margin-top: 2.133333rem;
    width: 100%;
    height: .533333rem
}

.product_content .nav .item {
    flex: 1 1;
    font-size: .31467rem;
    line-height: .8rem;
    font-weight: 500;
    color: #666;
    cursor: pointer
}

.product_content .nav .item .line {
    width: 100%;
    height: .026667rem;
    background-color: #c9cacb
}

.product_content .nav .item .line.active {
    background-color: #0a62a7
}

.product_content .chart_wrap {
    margin: 1.866667rem auto 0;
    width: 16rem
}

.product_content .chart_wrap h2, .product_content .chart_wrap h3 {
    font-size: .31467rem;
    color: #000
}

.product_content .chart_wrap button {
    width: 1.333333rem;
    height: .533333rem;
    font-size: .31467rem;
    color: #000
}

.product_content .chart_wrap .title {
    text-align: center;
    font-size: .34613rem;
    font-weight: 500;
    color: #000
}

.product_content .highcharts-menu-item {
    height: 3vh !important
}

.product_content .highcharts-button-box {
    position: relative;
    top: -.266667rem
}

.product_content .highcharts-title {
    font-size: .2832rem !important;
    font-weight: 200 !important;
    color: #666 !important
}

.product_content h1 {
    text-align: center
}

.product_content .product_detail .title {
    margin: 1.333333rem 0 0;
    font-size: .50347rem;
    line-height: .50347rem;
    font-weight: 700;
    color: #0763a7
}

.product_content .product_detail .title.over {
    color: #999
}

.product_content .product_detail .titles {
    margin-top: .8rem;
    margin-bottom: .133333rem;
    font-size: .31467rem;
    color: #000;
    font-weight: 500
}

.product_content .product_detail .text {
    font-size: .2832rem;
    color: #666;
    font-weight: 200
}

.product_content .product_detail .text span {
    background-color: #ff0
}

@media only screen and (max-width: 1000px) {
    .product_content {
        padding: 0 .533333rem;
        margin: 0 auto 1.066667rem;
        width: 100%
    }

    .product_content .chart_wrap {
        width: 100%
    }
}

.product_Img {
    height: .000013rem
}

.contantImg, .product_Img {
    width: 100%;
    object-fit: cover
}

#map, .contantImg {
    height: 58vh
}

#map {
    width: 100%
}

.contact_content {
    margin: 0 auto;
    width: 22.4rem
}

.contact_content .title {
    margin: 1.333333rem 0 1.866667rem;
    font-weight: 700;
    font-size: .50347rem;
    color: #0a62a7
}

.contact_content .wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.733333rem
}

.contact_content .wrap .left p {
    font-size: .2832rem;
    font-weight: 200;
    color: #666
}

.contact_content .wrap .left .blank {
    margin-bottom: .4rem
}

.contact_content .wrap .right {
    position: relative
}

.contact_content .wrap .right img {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.76907rem;
    height: 2.76907rem
}

@media only screen and (max-width: 1000px) {
    .contact_content {
        padding: 0 .533333rem;
        margin: 0 auto;
        width: 100%
    }
}

body {
    z-index: 0;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "微软雅黑", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    over-flow: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace
}

#root {
    position: relative
}
@media (min-width: 1441px){
    .m{
        display: none;
    }
}
@media (min-width: 1366px)and (max-width: 1440px){
    .m{
        display: none;
    }
}
@media (min-width: 1024px) and (max-width: 1365px){
    .m{
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1023px){
    .pc{
        display: none;
    }
}
@media (min-width: 431px) and (max-width: 767px){
    .pc{
        display: none;
    }
}
@media (max-width: 430px){
    .pc{
        display: none;
    }
}

/*# sourceMappingURL=main.74572140.chunk.css.map */