.ovatuo {
    width: 100%;
    height: 100vh;
    overflow: auto;
}
.caursel3d-container {
    position: relative;
}

.showSelectImg-container {
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.showSelectImg {
  display: block;
  width: 600px;
  height: 100%;
  margin: 0 auto; }

.responsibility .more {
    top: 50px;
}
/* 420,260 */
/* .carousel3d { */
.caursel3d {
  display: block;
  position: relative;
  height: 600px;
  margin: auto; }

#carousel {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
 
  transform-style: preserve-3d;

  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: rotation; }

#carousel:hover {
    animation-play-state: paused;
}

#carousel figure {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    overflow: hidden;
}
.caursel3d img{
  cursor: pointer;
  transition: all .5s ease;
  
  width: 100%;
  height: 100%; }

.out {
    overflow: hidden;
    overflow-y: auto;
    &::-webkit-scrollbar {
        width: 1px;
        display: none;
    }
    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
    }
    &::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }
}

.mobile_navbar {
    display: none;
}

.menu {
   
}

.tong_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    ul {
        display: flex;
        align-items: center;
        li {
            font-size: 18px;
            color: #999999;
            transition: all .1s;
            margin-right: 48px;
            &:hover a {
                color: #fc6a00;
            }
            &.on a {
                color: #fc6a00;
            }
            a {
                color: #999999;
            }
        }
    }
    .search {
        overflow: hidden;
        width: 420px;
        height: 50px;
        position: relative;
        border-radius: 40px;
        border: 1px solid #222222;
        display: flex;
        align-items: center;
        font-size: 12px;
        padding-left: 25px;
        img {
            width: 20px;
        }
        input {
            width: calc(100% - 20px - 25px);
            height: 100%;
            border: none;
            outline: none;
            font-size: 18px;
            background: none;
            color: #333;
            padding-left: 22px;
            &::placeholder {
                color: #999999;
            }
        }
    }
}

.page_list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    &.border a {
        border: 1px solid #F2F2F2;
    }
    a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 42px;
        background: #fff;
        transition: all .1s;
        margin: 0 6px;
        padding: 0 5px;
        min-width: 42px;
        box-sizing: border-box;
        font-size: 14px;
        color: #222222;
        &.on {
            background: #fc6a00;
            color: #fff;
        }
        &:hover {
            background: #fc6a00;
            color: #fff;
        }
    }
}

.content {
    width: 100%;
    .main_natural {
        width: 100%;
        background: #fff;
        padding: 110px 0 75px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                font-size: 34px;
                color: #222222;
                font-weight: bold;
                letter-spacing: 2px;
            }
            .box {
                width: 100%;
                position: relative;
                overflow: hidden;
                margin-top: 100px;
                .mySwiper1{
                	width: 100%;
                	padding: 20px;
                	.swiper-slide{
                		width: 26.42857142857143%;
                		background: #fff;
                		box-shadow: 0 0 20px rgba(0,0,0,.1);
                		padding: 10px;
                		img{
                			display: block;
                			width: 100%;
                		}
                	}	
                }
            }
        }
    }
    .contact_map {
        width: 100%;
        img {
            display: block;
            width: 100%;
            height: 500px;
            object-fit: cover;
        }
    }
    .main_contacts {
        width: 100%;
        padding: 0 0 120px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            position: relative;
            ul {
                overflow: hidden;
                display: flex;
                margin-top: 110px;
                border-left: 1px solid #f9f9f9;
                flex-wrap: wrap;
                li {
                    width: 50%;
                    border-top: 1px solid #f9f9f9;
                    border-right: 1px solid #f9f9f9;
                    padding: 50px 3.4375vw;
                    p {
                        font-size: 18px;
                        color: #222222;
                        margin-bottom: 20px;
                        span {
                            font-weight: bold;
                        }
                    }
                    div {
                        display: flex;
                        align-items: center;
                        margin-top: 10px;
                        img {
                            display: block;
                        }
                        span {
                            font-size: 15px;
                            margin-left: 16px;
                            flex: 1;
                            color: #666666;
                        }
                    }
                }
            }
            .navbar {
                width: 100%;
                background: #fff;
                box-shadow: 0 0 10px rgba(0, 0, 0, .1);
                display: flex;
                position: relative;
                margin-top: -185px;
                align-items: center;
                div {
                    width: 33.33%;
                    padding: 75px 0;
                    position: relative;
                    &::after {
                        content: '';
                        width: 1px;
                        height: 80px;
                        background: #f6f6f6;
                        position: absolute;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                    &:last-child::after {
                        display: none;
                    }
                    img {
                        display: block;
                        margin: 0 auto;
                        margin-bottom: 10px;
                    }
                    span {
                        display: block;
                        text-align: center;
                        font-size: 18px;
                        color: #666666;
                    }
                }
            }
        }
    }
    .main_zzjg {
        width: 100%;
        padding: 90px 0 138px 0;
        background-image: url(../images/zzjgbg_03.jpg);
        background-size: cover;
        background-position: center center;
        .m {
            width: 1400px;
            margin: 0 auto;
            p {
                font-size: 34px;
                color: #222222;
                letter-spacing: 2px;
                margin-bottom: 138px;
            }
            img {
                display: block;
                margin: 0 auto;
                max-width: 90%;
            }
        }
    }
    .main_about_base {
        width: 100%;
        padding: 5.20833333333333vw 0 63px 13.54166666666667%;
        .title {
            display: block;
            font-size: 34px;
            color: #222222;
            letter-spacing: 2px;
            margin-bottom: 5.20833333333333vw;
        }
        .slide {
            width: 100%;
            margin-top: 3.64583333333333vw;
            overflow: hidden;
            padding-bottom: 45px;
            .mySwiper1 {
                width: 100%;
                .swiper-slide {
                    width: 35.41666666666667vw;
                    margin-right: 48px;
                    .lab {
                        width: 100%;
                        overflow: hidden;
                        transition: all .5s;
                        position: relative;
                        &:hover {
                            box-shadow: 8px 12px 20px rgba(0, 0, 0, 0.1);
                            a {
                                img {
                                    transform: scale(1.03);
                                }
                            }
                        }
                        a {
                            display: block;
                            width: 100%;
                            height: 100%;
                            img {
                                display: block;
                                transition: all .5s;
                                width: 100%;
                            }
                            span {
                                padding: 0 46px 33px 46px;
                                display: flex;
                                align-items: flex-end;
                                box-sizing: border-box;
                                width: 100%;
                                position: absolute;
                                left: 0;
                                bottom: 0;
                                background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
                                height: 100%;
                                font-size: 22px;
                                letter-spacing: 1px;
                                color: #fff;
                            }
                        }
                    }
                }
            }
        }
        .nav {
            width: 100%;
            overflow: hidden;
            position: relative;
            &::after {
                content: '';
                width: 100%;
                height: 2px;
                background: #eaeaea;
                position: absolute;
                left: 0;
                top: 8px;
            }
            .mySwiper {
                width: 100%;
                .swiper-slide {
                    width: 250px;
                    &.on .lab {
                        div {
                            background-image: url(../images/abouts_12.jpg);
                        }
                        span {
                            color: #222;
                        }
                    }
                }
            }
            .lab {
                cursor: pointer;
                width: 100%;
                z-index: 9;
                position: relative;
                div {
                    width: 16px;
                    height: 16px;
                    margin: 0 auto;
                    background-image: url(../images/abouts_14.jpg);
                    background-size: 100% 100%;
                    margin-bottom: 24px;
                    transition: all .1s;
                }
                span {
                    display: block;
                    text-align: center;
                    font-size: 18px;
                    letter-spacing: 1px;
                    color: #999999;
                }
            }
        }
    }
    .main_about_owner {
        overflow: hidden;
        width: 100%;
        margin-top: 5.20833333333333vw;
        position: relative;
        .bgs {
            width: 100%;
            display: block;
        }
        .m {
            width: 1400px;
            height: 100%;
            position: relative;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 0;
            margin: 0 auto;
            z-index: 99;
            padding-top: 5.72916666666667vw;
            .title {
                display: block;
                font-size: 34px;
                letter-spacing: 2px;
                color: #fff;
            }
            .box {
                width: 100%;
                display: flex;
                align-items: flex-start;
                margin-top: 5.72916666666667vw;
                height: calc(100% - 13.28125vw);
                position: relative;
                justify-content: flex-end;
                .grow {
                    width: 40.85714285714286%;
                    overflow: hidden;
                    p {
                        font-size: 22px;
                        color: #fff;
                        letter-spacing: 1px;
                    }
                    span {
                        display: block;
                        font-size: 14px;
                        color: #fff;
                        line-height: 30px;
                        margin-top: 25px;
                        opacity: .6;
                    }
                    a {
                        display: block;
                        font-size: 14px;
                        color: #fff;
                        line-height: 30px;
                        margin-top: 25px;
                        opacity: .6;
                    }
                }
                ul {
                    overflow: hidden;
                    display: flex;
                    align-items: flex-end;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    li {
                        overflow: hidden;
                        width: 228px;
                        height: 170px;
                        background: #fff;
                        cursor: pointer;
                        position: relative;
                        margin-right: 13px;
                        padding: 60px 0 0 28px;
                        &.on {
                            div {
                                transform: translateX(0);
                            }
                        }
                        p {
                            font-size: 22px;
                            margin-bottom: 10px;
                            color: #222222;
                        }
                        span {
                            display: block;
                            font-size: 14px;
                            color: #222222;
                        }
                        div {
                            width: 100%;
                            height: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background-image: url(../images/aboutss_07.jpg);
                            background-size: cover;
                            font-size: 30px;
                            letter-spacing: 2px;
                            color: #fff;
                            position: absolute;
                            left: 0;
                            top: 0;
                            transform: translateX(-100%);
                            transition: all .3s;
                        }
                    }
                }
            }
        }
    }
    .main_about_coming {
        overflow: hidden;
        width: 100%;
        display: flex;
        margin-top: 5.20833333333333vw;
        .info {
            overflow: hidden;
            width: calc(100% - 36.45833333333333%);
            position: relative;
            &>img {
                display: block;
                width: 100%;
            }
            .line {
                width: 100%;
                position: absolute;
                left: 0;
                bottom: 5.20833333333333vw;
                display: flex;
                align-items: center;
                justify-content: space-between;
                img {
                    width: 12.5vw;
                }
                div {
                    overflow: hidden;
                    width: calc(100% - 12.5vw - 19px);
                    background: rgba(0, 0, 0, .6);
                    padding: 35px 55px;
                    p {
                        font-size: 14px;
                        color: #fff;
                        line-height: 30px;
                    }
                }
            }
        }
        .grow {
            overflow: hidden;
            width: 36.45833333333333%;
            background-image: url(../images/abouts_06.jpg);
            background-size: cover;
            padding: 5.20833333333333vw 3vw 0 14.47916666666667vw;
            p {
                font-size: 34px;
                font-weight: bold;
                letter-spacing: 2px;
                color: #222222;
                margin-bottom: 2.08333333333333vw;
            }
            span {
                display: block;
                font-size: 16px;
                color: #666666;
                line-height: 30px;
            }
        }
    }
    .main_about_gk {
        width: 100%;
        display: flex;
        .pic {
            box-shadow: 0 0 20px rgba(0, 0, 0, .1);
            width: 50%;
            img {
                display: block;
                width: 100%;
                object-fit: cover;
            }
        }
        .grow {
            width: 50%;
            background-image: url(../images/abouts_04.jpg);
            background-size: cover;
            background-position: center center;
            padding: 15vw 5% 0 5%;
            &>p {
                font-size: 34px;
                letter-spacing: 2px;
                margin-bottom: 30px;
                color: #222222;
            }
            &>span {
                display: block;
                font-size: 16px;
                color: #666666;
                line-height: 30px;
                letter-spacing: 1px;
            }
            ul {
                overflow: hidden;
                display: flex;
                align-items: center;
                margin-top: 5.98958333333333vw;
                li {
                    overflow: hidden;
                    margin-right: 110px;
                    p {
                        font-size: 40px;
                        font-weight: bold;
                        line-height: 1;
                        margin-bottom: 12px;
                        color: #fc6a00;
                    }
                    span {
                        display: block;
                        font-size: 16px;
                        color: #fc6a00;
                    }
                }
            }
        }
    }
    .main_honour {
        width: 100%;
        background-image: url(../images/honourbanner_02.jpg);
        background-size: cover;
        background-position: center center;
        padding: 115px 0 180px 0;
        overflow: hidden;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                font-size: 34px;
                color: #222222;
                font-weight: bold;
                letter-spacing: 2px;
            }
            .box {
                width: 100%;
                margin-top: 25px;
                .mySwiper {
                    width: 100%;
                    .swiper-wrapper {
                        -webkit-transition-timing-function: linear !important;
                        /*之前是ease-out*/
                        -moz-transition-timing-function: linear !important;
                        -ms-transition-timing-function: linear !important;
                        -o-transition-timing-function: linear !important;
                        transition-timing-function: linear !important;
                        align-items: flex-end;
                    }
                    .swiper-slide {
                        margin: 0 14px;
                        height: 440px;
                        width: auto;
                        min-width: 170px;
                        transition: all .3s;
                        position: relative;
                        &:hover {
                            width: 540px;
                            .label {
                                .pic {
                                    width: 100%;
                                }
                                span {
                                    color: #fc6a00;
                                }
                            }
                        }
                    }
                }
                .label {
                    overflow: hidden;
                    width: 100%;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    .pic {
                        display: block;
                        border: 2px solid #000;
                        transition: all .3s;
                        transform-origin: center center;
                        width: 170px;
                        img {
                            display: block;
                            width: 100%;
                        }
                    }
                    span {
                        display: block;
                        text-align: center;
                        font-size: 16px;
                        white-space: nowrap;
                        color: #666666;
                        margin-top: 23px;
                    }
                }
            }
        }
    }
    .main_civilization {
        overflow: hidden;
        width: 100%;
        .boxs {
            width: 100%;
            height: 800px;
            background-image: url(../images/civilization_06.jpg);
            background-position: center center;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: center;
            .mid {
                overflow: hidden;
                font-size: 12px;
                padding-left: 160px;
                p {
                    color: #fff;
                    font-size: 28px;
                    margin-bottom: 25px;
                    span {
                        color: #fff;
                        font-weight: bold;
                    }
                }
                &>span {
                    display: block;
                    font-size: 15px;
                    opacity: 0.6;
                    line-height: 27px;
                    width: 500px;
                    color: #fff;
                }
                ul {
                    overflow: hidden;
                    padding: 18px 0 0 95px;
                    border-radius: 0 80px 80px 80px;
                    margin-top: 40px;
                    background: #FC6A00;
                    display: inline-flex;
                    align-items: center;
                    flex-wrap: wrap;
                    width: 606px;
                    li {
                        width: 50%;
                        margin-bottom: 20px;
                        font-size: 16px;
                        display: flex;
                        align-items: flex-end;
                        color: #fff;
                        span {
                            line-height: 1;
                            font-size: 20px;
                            margin-right: 5px;
                        }
                    }
                }
            }
        }
        .label {
            width: 100%;
            height: 452px;
            background-size: cover;
            background-position: center right;
            background-image: url(../images/civilization_03.jpg);
            display: flex;
            align-items: center;
            justify-content: center;
            &:nth-child(even) {
                background-position: center left;
                .m {
                    flex-direction: row-reverse;
                }
            }
            .m {
                width: 1400px;
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                .font {
                    overflow: hidden;
                    p {
                        font-size: 28px;
                        color: #222222;
                        span {
                            color: #222222;
                            font-weight: bold;
                        }
                    }
                    div {
                        overflow: hidden;
                        position: relative;
                        margin-top: 30px;
                        max-width: 440px;
                        &::after {
                            content: '';
                            width: 70px;
                            height: 6px;
                            background: linear-gradient(to right, #FC6A00, #F5EEE8);
                            position: absolute;
                            left: 0;
                            top: 16px;
                        }
                        span {
                            display: block;
                            font-size: 16px;
                            color: #545454;
                            line-height: 28px;
                            position: relative;
                            z-index: 9;
                        }
                    }
                }
            }
        }
    }
    .sustainable_green {
        overflow: hidden;
        width: 100%;
        background-image: url(../images/aboutkcx_25.jpg);
        background-size: 100%;
        background-position: center top;
        background-repeat: no-repeat;
        padding: 238px 0 115px 0;
        background-color: #F9F9F9;
        .m {
            width: 1400px;
            margin: 0 auto;
            .box {
                overflow: hidden;
                width: 100%;
                background: #fff;
                margin-top: 105px;
                display: flex;
                .pic {
                    width: 50%;
                    img {
                        display: block;
                        width: 100%;
                    }
                }
                .grow {
                    width: 50%;
                    padding: 85px 59px 0 59px;
                    p {
                        font-size: 34px;
                        font-weight: bold;
                        letter-spacing: 2px;
                        margin-bottom: 30px;
                        color: #222222;
                    }
                    span {
                        display: block;
                        font-size: 16px;
                        color: #555555;
                        line-height: 36px;
                    }
                }
            }
            .font {
                overflow: hidden;
                width: 100%;
                background: #fff;
                padding: 95px 10% 120px 10%;
                p {
                    text-align: center;
                    font-size: 34px;
                    color: #222222;
                    font-weight: bold;
                    margin-bottom: 35px;
                    letter-spacing: 2px;
                }
                span {
                    display: block;
                    font-size: 16px;
                    color: #555555;
                    line-height: 36px;
                    text-align: center;
                }
            }
        }
    }
    .sustainable_info {
        overflow: hidden;
        width: 100%;
        padding: 95px 0 125px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .tip {
                overflow: hidden;
                width: 100%;
                p {
                    font-size: 34px;
                    font-weight: bold;
                    margin-bottom: 38px;
                    color: #222222;
                }
                span {
                    display: block;
                    font-size: 16px;
                    color: #555555;
                    line-height: 36px;
                }
                img {
                    display: block;
                    width: 100%;
                    margin-top: 50px;
                }
            }
            .list {
                width: 100%;
                padding-top: 115px;
                .tit {
                    display: block;
                    font-size: 34px;
                    letter-spacing: 1px;
                    color: #222222;
                    font-weight: bold;
                }
                ul {
                    margin-top: 20px;
                    li {
                        overflow: hidden;
                        margin-top: 58px;
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        &:nth-child(even) {
                            flex-direction: row-reverse;
                        }
                        .pic {
                            width: 50%;
                            border-radius: 10px;
                            overflow: hidden;
                            img {
                                display: block;
                                width: 100%;
                            }
                        }
                        .grow {
                            width: 43.35714285714286%;
                            p {
                                font-size: 28px;
                                font-weight: bold;
                                margin-bottom: 24px;
                                color: #222222;
                            }
                            span {
                                display: block;
                                font-size: 16px;
                                color: #555555;
                                line-height: 36px;
                            }
                        }
                    }
                }
            }
        }
    }
    .main_sustainable {
        width: 100%;
        .news_lists {
            background: #fff;
            .m ul li {
                background: #F9F9F9;
            }
        }
        .sustainable_slide {
            overflow: hidden;
            width: 100%;
            height: 940px;
            .mySwiper {
                width: 100%;
                height: 100%;
                .swiper-slide {
                    width: 100%;
                    height: 100%;
                    background-image: url(../images/aboutkcx_07.jpg);
                    display: flex;
                    align-items: center;
                    background-size: cover;
                    .m {
                        width: 1400px;
                        margin: 0 auto;
                        .title {
                            font-size: 34px;
                            margin-bottom: 55px;
                            letter-spacing: 2px;
                            color: #222222;
                            font-weight: bold;
                        }
                        .box {
                            overflow: hidden;
                            width: 650px;
                            background: #fff;
                            padding: 80px 65px 70px 58px;
                            .pages {
                                display: flex;
                                align-items: center;
                                img {
                                    display: block;
                                    cursor: pointer;
                                }
                                i {
                                    display: block;
                                    text-align: center;
                                    font-size: 20px;
                                    width: 60px;
                                    color: #555555;
                                }
                            }
                            p {
                                font-size: 28px;
                                letter-spacing: 2px;
                                font-weight: bold;
                                margin-bottom: 20px;
                                color: #222222;
                            }
                            span {
                                display: block;
                                font-size: 18px;
                                letter-spacing: 1px;
                                color: #222222;
                                margin-bottom: 66px;
                            }
                            em {
                                display: block;
                                font-size: 14px;
                                min-height: 240px;
                                color: #555555;
                                line-height: 30px;
                            }
                        }
                    }
                }
            }
        }
        .main_sustainable_info {
            overflow: hidden;
            width: 100%;
            padding: 80px 0 115px 0;
            background: #F9F9F9;
            .m {
                width: 1400px;
                margin: 0 auto;
                position: relative;
                display: flex;
                justify-content: flex-end;
                .head {
                    overflow: hidden;
                    position: absolute;
                    top: 80px;
                    left: 105px;
                    p {
                        font-size: 34px;
                        color: #222222;
                        margin-bottom: 12px;
                        font-weight: bold;
                        letter-spacing: 1px;
                    }
                    span {
                        display: block;
                        color: #808080;
                        font-size: 13px;
                        letter-spacing: 1px;
                        text-transform: uppercase;
                    }
                }
                img {
                    display: block;
                    width: 66.42857142857143%;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                }
                .font {
                    width: 586px;
                    height: 780px;
                    background: #FE7919;
                    background-image: url(../images/kcxs_03.jpg);
                    background-size: cover;
                    padding: 135px 45px 0 160px;
                    p {
                        font-size: 28px;
                        margin-bottom: 28px;
                        color: #fff;
                    }
                    span {
                        display: block;
                        font-size: 14px;
                        color: #fff;
                        line-height: 30px;
                    }
                }
            }
        }
    }
    .main_about_join {
        width: 100%;
        padding-top: 65px;
        background-image: url(../images/about_join_16.jpg);
        background-size: 1920px;
        background-repeat: no-repeat;
        background-position: center bottom;
        .m {
            width: 1400px;
            margin: 0 auto;
            .pess {
                overflow: hidden;
                border-top: 1px solid #ECECEC;
                padding: 80px 0 0 0;
                .head {
                    overflow: hidden;
                    p {
                        font-size: 34px;
                        color: #222222;
                        font-weight: bold;
                        margin-bottom: 30px;
                        letter-spacing: 1px;
                    }
                    span {
                        display: block;
                        font-size: 22px;
                        color: #222222;
                        letter-spacing: 1px;
                    }
                }
                .box {
                    width: 100%;
                    height: 490px;
                    position: relative;
                    .lab {
                        position: absolute;
                        &.lab1 {
                            left: 1.28571428571429%;
                            top: 198px;
                        }
                        &.lab2 {
                            left: 26.07142857142857%;
                            top: 198px;
                        }
                        &.lab3 {
                            left: 48.21428571428571%;
                            top: 68px;
                        }
                        &.lab4 {
                            left: 68.92857142857143%;
                            top: 90px;
                        }
                        &.lab5 {
                            left: 88.07142857142857%;
                            top: 160px;
                        }
                        span {
                            display: block;
                            text-align: center;
                            font-size: 18px;
                            margin-bottom: 2px;
                            font-weight: bold;
                            color: #222222;
                        }
                        img {
                            display: block;
                            margin: 0 auto;
                        }
                    }
                }
            }
            .join {
                overflow: hidden;
                padding: 85px 0 75px 0;
                border-top: 1px solid #ECECEC;
                margin-top: 95px;
                p {
                    font-size: 34px;
                    color: #222222;
                    font-weight: bold;
                    margin-bottom: 55px;
                    letter-spacing: 2px;
                }
                span {
                    display: block;
                    font-size: 22px;
                    margin-bottom: 30px;
                    color: #222222;
                }
                em {
                    display: block;
                    font-size: 18px;
                    color: #666666;
                    line-height: 45px;
                    i {
                        color: #fc6a00;
                    }
                }
            }
            .link {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .label {
                    overflow: hidden;
                    width: 48.57142857142857%;
                    border-radius: 10px;
                    position: relative;
                    .zz {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        left: 0;
                        top: 0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        .mid {
                            overflow: hidden;
                            width: 100%;
                            p {
                                text-align: center;
                                font-size: 24px;
                                color: #fff;
                            }
                            ul {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                padding: 0 5%;
                                flex-wrap: wrap;
                                li {
                                    overflow: hidden;
                                    margin: 0 5px;
                                    border-radius: 40px;
                                    border: 1px solid #fc6a00;
                                    transition: all .1s;
                                    margin-top: 20px;
                                    &:hover {
                                        background: #fc6a00;
                                        a {
                                            color: #fff;
                                        }
                                    }
                                    a {
                                        height: 31px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        padding: 0 10px;
                                        min-width: 72px;
                                        box-sizing: border-box;
                                        font-size: 16px;
                                        color: #fc6a00;
                                    }
                                }
                            }
                        }
                    }
                    img {
                        display: block;
                        width: 100%;
                    }
                }
            }
            .fontbox {
                overflow: hidden;
                width: 100%;
                padding: 114px 4.64285714285714% 137px 4.64285714285714%;
                background-image: url(../images/about_join_08.jpg);
                background-repeat: no-repeat;
                background-position: center center;
                display: flex;
                align-items: center;
                justify-content: space-between;
                ul {
                    overflow: hidden;
                    li {
                        overflow: hidden;
                        padding: 38px 0;
                        width: 280px;
                        p {
                            font-size: 24px;
                            font-weight: bold;
                            color: #222222;
                            margin-bottom: 16px;
                        }
                        span {
                            display: block;
                            font-size: 16px;
                            color: #666666;
                            line-height: 30px;
                        }
                    }
                }
            }
            .tip {
                width: 100%;
                height: 400px;
                background-image: url(../images/about_join_04.jpg);
                background-size: cover;
                background-position: center center;
                overflow: hidden;
                border-radius: 15px;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                padding-right: 98px;
                div {
                    overflow: hidden;
                    span {
                        display: block;
                        font-size: 26px;
                        color: #fff;
                        line-height: 50px;
                    }
                }
            }
        }
    }
    .main_about_team {
        width: 100%;
        padding-bottom: 110px;
        .m {
            width: 1400px;
            margin: 0 auto;
            ul {
                overflow: hidden;
                li {
                    padding: 75px 0;
                    border-bottom: 1px solid #ECECEC;
                    &>p {
                        font-size: 34px;
                        color: #222222;
                        span {
                            color: #222222;
                            font-weight: bold;
                        }
                    }
                    .child {
                        overflow: hidden;
                        margin-top: 24px;
                        .lab {
                            display: flex;
                            align-items: flex-start;
                            margin-top: 36px;
                            p {
                                font-size: 20px;
                                line-height: 1.5;
                                color: #222222;
                                min-width: 135px;
                                margin-right: 50px;
                            }
                            div {
                                flex: 1;
                                display: flex;
                                flex-wrap: wrap;
                                span {
                                    font-size: 20px;
                                    margin-right: 15px;
                                    line-height: 1.5;
                                    color: #666666;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .main_about_develop {
        width: 100%;
        overflow: hidden;
        background-image: url(../images/aboutbg_02.jpg);
        background-size: cover;
        background-position: center right;
        .m {
            width: 1400px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 auto;
            position: relative;
            .title {
                font-size: 34px;
                font-weight: bold;
                position: absolute;
                left: 0;
                top: 88px;
                color: #222222;
            }
            .slide {
                overflow: hidden;
                width: calc(100% - 570px);
                display: flex;
                align-items: center;
                justify-content: flex-end;
                .info {
                    overflow: hidden;
                    max-width: 80%;
                    padding: 0 20px;
                    p {
                        font-size: 20px;
                        margin-bottom: 68px;
                        color: #fc6a00;
                    }
                    img {
                        display: block;
                        max-width: 100%;
                    }
                }
            }
            .navbar {
                width: 570px;
                padding: 20px 0;
                padding-top: 40px;
                height: 860px;
                position: relative;
                .line {
                    width: 1500px;
                    height: 1px;
                    background: #E9E9E9;
                    position: absolute;
                    right: 0;
                    div {
                        background: #fff;
                        padding: 0 30px;
                        position: absolute;
                        right: 448px;
                        top: 50%;
                        transform: translateY(-50%);
                        cursor: pointer;
                        z-index: 999;
                        img {
                            display: block;
                            cursor: pointer;
                        }
                    }
                    &.prev {
                        top: 360px;
                    }
                    &.next {
                        top: 520px;
                    }
                }
                &::after {
                    content: '';
                    width: 1px;
                    height: 100%;
                    background: #E9E9E9;
                    position: absolute;
                    right: 0;
                    top: 0;
                }
                .mySwiper {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    .swiper-slide {
                        width: 100%;
                        height: 160px;
                        &.swiper-slide-next+.swiper-slide {
                            .label {
                                p {
                                    color: #222222;
                                }
                            }
                        }
                    }
                }
                .label {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    height: 100%;
                    padding-right: 110px;
                    p {
                        font-size: 18px;
                        color: #999999;
                        display: flex;
                        letter-spacing: 1px;
                        align-items: flex-end;
                        span {
                            font-size: 28px;
                        }
                    }
                }
            }
        }
    }
    .about_navbar {
        width: 100%;
        background: #fff;
        position: relative;
        border-bottom: 1px solid #ECECEC;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        position: sticky;
        left: 0;
        top: 80px;
        z-index: 9999;
        .m {
            width: 1400px;
            margin: 0 auto;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            li {
                height: 100%;
                position: relative;
                font-size: 14px;
                margin-right: 40px;
                color: #666666;
                &.on a {
                    color: #fc6a00;
                }
                &:hover a {
                    color: #fc6a00;
                }
                a {
                    font-size: 14px;
                    color: #666666;
                    height: 60px;
                    display: flex;
                    transition: all .1s;
                    align-items: center;
                }
            }
        }
    }
    .des_banner {
        overflow: hidden;
        width: 100%;
        position: relative;
        span {
            display: block;
            width: 100%;
            text-align: center;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 56px;
            letter-spacing: 3px;
            color: #fff;
        }
        img {
            display: block;
            width: 100%;
        }
    }
    .main_cpxq {
        overflow: hidden;
        width: 100%;
        padding-top: 145px;
        .m {
            width: 1400px;
            margin: 0 auto;
            .menua {
                overflow: hidden;
                ul {
                    display: flex;
                    align-items: center;
                    li {
                        font-size: 16px;
                        color: #999999;
                        margin-right: 8px;
                        &:hover a {
                            color: #fc6a00;
                        }
                        a {
                            color: #999999;
                            transition: all .1s;
                        }
                    }
                }
            }
            .case {
                overflow: hidden;
                width: 100%;
                padding: 65px 0 88px 0;
                .title {
                    display: block;
                    font-size: 28px;
                    letter-spacing: 2px;
                    color: #222222;
                }
                .box {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    table {
                        width: 48.55714285714286%;
                        margin-top: 45px;
                        border-left: 1px solid #D9D9D9;
                        border-top: 1px solid #D9D9D9;
                        tr {
                            width: 100%;
                            th {
                                height: 70px;
                                border-right: 1px solid #D9D9D9;
                                border-bottom: 1px solid #D9D9D9;
                                font-size: 22px;
                                color: #222222;
                            }
                            td {
                                height: 65px;
                                border-right: 1px solid #D9D9D9;
                                border-bottom: 1px solid #D9D9D9;
                                text-align: center;
                                font-size: 18px;
                                color: #222222;
                            }
                        }
                    }
                }
            }
            .info {
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 40px;
                border-bottom: 1px solid #D9D9D9;
                img {
                    display: block;
                    width: 40.71428571428571%;
                }
                .fl {
                    overflow: hidden;
                    p {
                        font-size: 50px;
                        letter-spacing: 2px;
                        margin-bottom: 60px;
                        color: #222222;
                    }
                    div {
                        overflow: hidden;
                        margin-bottom: 45px;
                        span {
                            display: block;
                            font-size: 18px;
                            color: #555555;
                            line-height: 35px;
                        }
                    }
                }
            }
        }
    }
    .main_cptx {
        overflow: hidden;
        width: 100%;
        padding: 85px 0 122px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                display: block;
                font-size: 34px;
                font-weight: bold;
                color: #222222;
                letter-spacing: 2px;
            }
            .pic {
                display: block;
                width: 100%;
                margin-top: 60px;
            }
            &>ul {
                display: flex;
                align-items: center;
                li {
                    width: 50%;
                    height: 100px;
                    background-image: url(../images/cptx_05.jpg);
                    background-size: 100% 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer;
                    font-size: 20px;
                    letter-spacing: 1px;
                    color: #fff;
                    &.on {
                        background-image: url(../images/cptx_06.jpg);
                    }
                }
            }
            .fadein {
                overflow: hidden;
                width: 100%;
                margin-top: 60px;
                ul {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    li {
                        width: 100%;
                        position: relative;
                        padding-left: 4.6875vw;
                        &::after {
                            content: '';
                            width: 8px;
                            height: 20px;
                            background-image: url(../images/cptx_09.png);
                            background-size: 100% 100%;
                            position: absolute;
                            right: 0;
                            top: 50%;
                            transform: translateY(-50%);
                        }
                        &:last-child::after {
                            display: none;
                        }
                        p {
                            font-size: 44px;
                            font-weight: bold;
                            color: #222222;
                            line-height: 1;
                            margin-bottom: 16px;
                        }
                        span {
                            display: block;
                            font-size: 20px;
                            color: #666666;
                        }
                    }
                }
            }
        }
    }
    .main_cpfl_box {
        width: 100%;
        position: relative;
        .mySwiper1 {
            width: 100%;
            overflow: hidden;
            .swiper-slide {
                width: 100%;
                position: relative;
                .bg {
                    width: 100%;
                    display: block;
                }
                .m {
                    width: 1400px;
                    margin: 0 auto;
                    position: absolute;
                    left: 50%;
                    top: 0;
                    height: 100%;
                    transform: translateX(-50%);
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    .box {
                        overflow: hidden;
                        width: 616px;
                        background: #fff;
                        padding: 58px 68px 70px 68px;
                        .icon {
                            display: flex;
                            align-items: center;
                            img {
                                display: block;
                                margin-right: 18px;
                            }
                            span {
                                font-size: 30px;
                                letter-spacing: 1px;
                                color: #222222;
                            }
                        }
                        ul {
                            width: 100%;
                            margin-top: 15px;
                            li {
                                margin-top: 40px;
                                width: 100%;
                                &.on {
                                    .line {
                                        span {
                                            color: #fc6a00;
                                        }
                                        img {
                                            transform: rotate(180deg);
                                        }
                                    }
                                    .slide {
                                        display: block;
                                    }
                                }
                                .line {
                                    width: 100%;
                                    height: 55px;
                                    display: flex;
                                    cursor: pointer;
                                    align-items: center;
                                    border-bottom: 1px solid #F1F1F1;
                                    justify-content: space-between;
                                    padding-right: 18px;
                                    span {
                                        font-size: 16px;
                                        letter-spacing: 1px;
                                        color: #222222;
                                    }
                                    img {
                                        display: block;
                                        transition: all .2s;
                                    }
                                }
                                .slide {
                                    width: 100%;
                                    margin-top: 22px;
                                    overflow: auto;
                                    display: none;
                                    white-space: nowrap;
                                    font-size: 12px;
                                    &::-webkit-scrollbar {
                                        height: 6px;
                                    }
                                    &::-webkit-scrollbar-thumb {
                                        border-radius: 10px;
                                        background: rgba(0, 0, 0, 0.2);
                                    }
                                    &::-webkit-scrollbar-track {
                                        border-radius: 0;
                                        background: rgba(0, 0, 0, 0.1);
                                    }
                                    .lab {
                                        overflow: hidden;
                                        display: inline-block;
                                        width: 160px;
                                        margin-right: 9px;
                                        position: relative;
                                        img {
                                            display: block;
                                            width: 100%;
                                        }
                                        span {
                                            display: block;
                                            font-size: 12px;
                                            color: #222222;
                                            position: absolute;
                                            left: 14px;
                                            bottom: 10px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .main_cpfl {
        width: 100%;
        padding: 110px 0 60px 0;
        background: #F8F8F8;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                display: block;
                font-size: 34px;
                color: #222222;
                letter-spacing: 2px;
            }
            .nav {
                width: 100%;
                overflow: hidden;
                margin-top: 80px;
                position: relative;
                &::after {
                    content: '';
                    width: 100%;
                    height: 2px;
                    background: #eaeaea;
                    position: absolute;
                    left: 0;
                    top: 8px;
                }
                .mySwiper {
                    width: 100%;
                    .swiper-slide {
                        width: 16.6666666%;
                        &.on .lab {
                            div {
                                background-image: url(../images/abouts_12.jpg);
                            }
                            span {
                                color: #222;
                            }
                        }
                    }
                }
                .lab {
                    cursor: pointer;
                    width: 100%;
                    z-index: 9;
                    position: relative;
                    div {
                        width: 16px;
                        height: 16px;
                        margin: 0 auto;
                        background-image: url(../images/abouts_14.jpg);
                        background-size: 100% 100%;
                        margin-bottom: 24px;
                        transition: all .1s;
                    }
                    span {
                        display: block;
                        text-align: center;
                        font-size: 18px;
                        letter-spacing: 1px;
                        color: #999999;
                    }
                }
            }
        }
    }
    .main_zzrzs {
        overflow: hidden;
        width: 100%;
        padding: 80px 0 140px 0;
        background-image: url(../images/zzrzss_02.jpg);
        background-size: cover;
        background-position: center center;
        .m {
            width: 1400px;
            margin: 0 auto;
            p {
                font-size: 30px;
                color: #222222;
                margin-bottom: 26px;
                letter-spacing: 2px;
            }
            span {
                display: block;
                font-size: 18px;
                color: #555555;
            }
            .box {
                width: 100%;
                margin-top: 120px;
            }
        }
    }
    .main_cause_product {
        overflow: hidden;
        width: 100%;
        .item {
            width: 100%;
            display: flex;
            justify-content: space-between;
            &:nth-child(even) {
                flex-direction: row-reverse;
                .grow {
                    flex-direction: row-reverse;
                }
            }
            .pic {
                width: 50%;
                img {
                    display: block;
                    width: 100%;
                    object-fit: cover;
                }
            }
            .grow {
                width: 50%;
                overflow: hidden;
                background: #F4F4F4;
                display: flex;
                align-items: center;
                padding: 0 5.20833333333333vw;
                display: flex;
                align-items: center;
                div {
                    overflow: hidden;
                    width: 78%;
                    p {
                        font-size: 50px;
                        letter-spacing: 2px;
                        margin-bottom: 48px;
                        color: #222222;
                    }
                    span {
                        display: block;
                        font-size: 18px;
                        color: #222222;
                        line-height: 40px;
                    }
                }
            }
        }
    }
    .news_lists {
        width: 100%;
        background: #F5F5F5;
        padding: 78px 0 65px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                display: block;
                font-size: 34px;
                color: #222222;
                font-weight: bold;
                margin-bottom: 48px;
                letter-spacing: 2px;
            }
            ul {
                width: 100%;
                margin-bottom: 58px;
                li {
                    width: 100%;
                    background: #fff;
                    margin-bottom: 16px;
                    &:hover a {
                        .pic img {
                            transform: scale(1.03);
                        }
                        .grow {
                            p,
                            div i {
                                color: #fc6a00;
                            }
                        }
                    }
                    a {
                        display: flex;
                        justify-content: space-between;
                        padding: 30px 45px;
                        align-items: center;
                        box-sizing: border-box;
                        .pic {
                            overflow: hidden;
                            width: 230px;
                            img {
                                display: block;
                                width: 100%;
                                transition: all .5s;
                            }
                        }
                        .grow {
                            overflow: hidden;
                            width: calc(100% - 230px - 40px);
                            p {
                                font-size: 18px;
                                color: #222222;
                                transition: all .1s;
                                margin-bottom: 12px;
                            }
                            span {
                                display: block;
                                font-size: 13px;
                                color: #868686;
                            }
                            div {
                                display: flex;
                                align-items: flex-end;
                                margin-top: 30px;
                                justify-content: space-between;
                                em {
                                    display: block;
                                    font-size: 14px;
                                    color: #222222;
                                    line-height: 25px;
                                    width: 63.10679611650485%;
                                }
                                i {
                                    font-size: 14px;
                                    transition: all .1s;
                                    color: #979a9c;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .nullx {
        height: 80px;
    }
    .main_news_info {
        overflow: hidden;
        padding: 35px 0 120px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .menus {
                width: 100%;
                ul {
                    display: flex;
                    flex-wrap: wrap;
                    li {
                        font-size: 16px;
                        margin-right: 5px;
                        color: #999999;
                        &:hover a {
                            color: #fc6a00;
                        }
                        &:last-child a {
                            color: #fc6a00;
                        }
                        a {
                            color: #999999;
                        }
                    }
                }
            }
            .box {
                width: 100%;
                margin-top: 40px;
                display: flex;
                justify-content: space-between;
                .right {
                    width: 380px;
                    ul {
                        overflow: hidden;
                        li {
                            overflow: hidden;
                            border-bottom: 1px solid #D9D9D9;
                            &:hover a {
                                p {
                                    color: #fc6a00;
                                }
                            }
                            a {
                                padding: 25px 0;
                                box-sizing: border-box;
                                display: block;
                                p {
                                    font-size: 24px;
                                    color: #222222;
                                    display: -webkit-box;
                                    transition: all .1s;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 2;
                                    overflow: hidden;
                                    line-height: 32px;
                                }
                                span {
                                    display: block;
                                    font-size: 14px;
                                    color: #999999;
                                    line-height: 22px;
                                    margin-top: 18px;
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 3;
                                    overflow: hidden;
                                }
                            }
                        }
                    }
                    .head {
                        width: 100%;
                        font-size: 12px;
                        position: relative;
                        span {
                            font-size: 20px;
                            background: #fff;
                            padding-right: 12px;
                            display: inline-block;
                            letter-spacing: 1px;
                            box-sizing: border-box;
                            position: relative;
                            z-index: 99;
                            color: #999999;
                        }
                        &::after {
                            content: '';
                            width: 100%;
                            height: 1px;
                            background: #D9D9D9;
                            position: absolute;
                            left: 0;
                            top: 50%;
                        }
                    }
                }
                .left {
                    overflow: hidden;
                    width: 61%;
                    .head {
                        overflow: hidden;
                        padding-bottom: 35px;
                        border-bottom: 1px solid #D9D9D9;
                        p {
                            font-size: 50px;
                            letter-spacing: 1px;
                            color: #000;
                            margin-bottom: 20px;
                        }
                        span {
                            display: block;
                            font-size: 16px;
                            color: #999999;
                        }
                    }
                    .children {
                        width: 100%;
                        padding: 30px;
                        img {
                            display: block;
                            margin: 0 auto;
                            max-width: 100%;
                            margin-top: 30px;
                            margin-bottom: 30px;
                        }
                        span {
                            display: block;
                            font-size: 18px;
                            color: #555555;
                            line-height: 35px;
                            text-indent: 36px;
                        }
                    }
                }
            }
        }
    }
    .main_brand_list {
        overflow: hidden;
        width: 100%;
        padding: 75px 0 80px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                display: block;
                font-size: 30px;
                font-weight: bold;
                letter-spacing: 1px;
                color: #222222;
            }
            ul {
                width: 100%;
                margin-top: 25px;
                overflow: hidden;
                li {
                    overflow: hidden;
                    width: 100%;
                    margin-top: 20px;
                    background: #F6F6F6;
                    display: flex;
                    .pic {
                        width: 235px;
                        height: 100%;
                        img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                    .fl {
                        overflow: hidden;
                        width: calc(100% - 235px);
                        display: flex;
                        padding: 30px 0;
                        .downs {
                            width: 365px;
                            padding: 20px 35px;
                            padding-bottom: 0;
                            position: relative;
                            &::after {
                                content: '';
                                width: 1px;
                                height: 260px;
                                background: #E2E2E2;
                                position: absolute;
                                left: 0;
                                top: 50%;
                                transform: translateY(-50%);
                            }
                            &>p {
                                font-size: 18px;
                                color: #666666;
                                margin-bottom: 18px;
                            }
                            &>span {
                                font-size: 26px;
                                color: #222222;
                                margin-bottom: 18px;
                                letter-spacing: 1px;
                                margin-bottom: 20px;
                                display: block;
                                font-weight: bold;
                            }
                            .down {
                                overflow: hidden;
                                margin-top: 45px;
                                a {
                                    display: flex;
                                    align-items: center;
                                    span {
                                        font-size: 18px;
                                        color: #222222;
                                        margin-left: 8px;
                                    }
                                }
                            }
                            .des {
                                overflow: hidden;
                                display: flex;
                                flex-wrap: wrap;
                                div {
                                    overflow: hidden;
                                    display: inline-flex;
                                    height: 24px;
                                    font-size: 14px;
                                    color: #666666;
                                    border: 1px solid #D6D6D6;
                                    padding: 0 12px;
                                    margin-bottom: 9px;
                                    align-items: center;
                                    justify-content: center;
                                    cursor: pointer;
                                    margin-right: 10px;
                                    &.on {
                                        color: #fc6a00;
                                        border: 1px solid #fc6a00;
                                    }
                                    &:hover {
                                        color: #fc6a00;
                                        border: 1px solid #fc6a00;
                                    }
                                }
                            }
                        }
                        .font {
                            overflow: hidden;
                            width: calc(100% - 365px);
                            padding: 15px 60px 0 60px;
                            position: relative;
                            p {
                                font-size: 32px;
                                font-weight: bold;
                                letter-spacing: 1px;
                                margin-bottom: 35px;
                                color: #222222;
                            }
                            span {
                                display: block;
                                font-size: 14px;
                                min-height: 110px;
                                color: #666666;
                            }
                            a {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                width: 130px;
                                height: 40px;
                                font-size: 16px;
                                color: #666666;
                                border: 1px solid #D6D6D6;
                                transition: all .1s;
                                &:hover {
                                    color: #fff;
                                    background: #fc6a00;
                                    border: 1px solid #fc6a00;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .main_news_box {
        overflow: hidden;
        width: 100%;
        background: #fff;
        padding: 60px 0 75px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .video_list {
                width: 100%;
                margin-top: 120px;
                margin-bottom: 55px;
                .swiper-slide {
                    width: 77.14285714285714%;
                    margin: 0 20px;
                    &.swiper-slide-active .label {
                        div {
                            background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
                        }
                    }
                }
                .label {
                    overflow: hidden;
                    width: 100%;
                    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
                    position: relative;
                    transition: all .3s;
                    position: relative;
                    img {
                        display: block;
                        cursor: pointer;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                    }
                    video {
                        width: 100%;
                        object-fit: cover;
                        display: block;
                    }
                    div {
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(rgba(236, 238, 242, .9), rgba(236, 238, 242, .9));
                        position: absolute;
                        left: 0;
                        transition: all .3s;
                        bottom: 0;
                        padding: 40px 50px;
                        display: flex;
                        align-items: flex-end;
                        span {
                            font-size: 26px;
                            width: 100%;
                            color: #fff;
                            letter-spacing: 1px;
                            display: block;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
                }
            }
            .medium_list {
                width: 100%;
                margin-top: 55px;
                ul {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    margin-bottom: 40px;
                    li {
                        overflow: hidden;
                        width: 31.42857142857143%;
                        margin-bottom: 35px;
                        background: #fff;
                        box-shadow: 0 0 20px rgba(0, 0, 0, .03);
                        margin-right: calc((100% - 94.28571428571429%)/2);
                        &:hover {
                            .pic img {
                                transform: scale(1.03);
                            }
                        }
                        .pic {
                            width: 100%;
                            overflow: hidden;
                            img {
                                display: block;
                                width: 100%;
                                transition: all .5s;
                            }
                        }
                        .info {
                            overflow: hidden;
                            padding: 0 30px;
                            .b {
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                height: 40px;
                                span {
                                    font-size: 14px;
                                    color: #999999;
                                }
                            }
                            .t {
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                border-bottom: 1px solid #ECECEC;
                                padding: 20px 0;
                                .date {
                                    overflow: hidden;
                                    text-align: left;
                                    width: 72px;
                                    position: relative;
                                    &::after {
                                        content: '';
                                        width: 1px;
                                        height: 75px;
                                        background: #ECECEC;
                                        position: absolute;
                                        right: 0;
                                        top: 50%;
                                        transform: translateY(-50%);
                                    }
                                    p {
                                        font-size: 30px;
                                        font-weight: bold;
                                        color: #222222;
                                        margin-bottom: 10px;
                                        line-height: 1;
                                    }
                                    span {
                                        display: block;
                                        font-size: 14px;
                                        color: #999999;
                                    }
                                }
                                .grow {
                                    overflow: hidden;
                                    width: calc(100% - 72px);
                                    padding-left: 25px;
                                    p {
                                        font-size: 18px;
                                        line-height: 23px;
                                        color: #222222;
                                        margin-bottom: 6px;
                                        display: -webkit-box;
                                        -webkit-box-orient: vertical;
                                        -webkit-line-clamp: 2;
                                        overflow: hidden;
                                    }
                                    span {
                                        display: block;
                                        font-size: 14px;
                                        color: #666666;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        white-space: nowrap;
                                    }
                                }
                            }
                        }
                        &:nth-child(3n) {
                            margin-right: 0;
                        }
                    }
                }
            }
            .news_list {
                display: flex;
                flex-wrap: wrap;
                margin-top: 25px;
                justify-content: space-between;
                .label {
                    overflow: hidden;
                    width: 65.71428571428571%;
                    margin-top: 40px;
                    height: 395px;
                    position: relative;
                    &.on {
                        width: 31.42857142857143%;
                    }
                    img {
                        display: block;
                        transition: all .5s;
                        width: 100%;
                        object-fit: cover;
                        height: 100%;
                    }
                    &:hover {
                        img {
                            transform: scale(1.03);
                        }
                        .font div {
                            transform: translateY(-30px);
                            p {
                                margin-bottom: 10px;
                            }
                        }
                    }
                    .font {
                        width: 100%;
                        position: absolute;
                        left: 0;
                        background: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.4));
                        bottom: 0;
                        height: 100%;
                        padding: 0 20px;
                        display: flex;
                        align-items: flex-end;
                        justify-content: center;
                        div {
                            width: 100%;
                            transition: all .3s;
                            transform: translateY(50px);
                            p {
                                font-size: 22px;
                                color: #fff;
                                margin-bottom: 30px;
                                transition: all .1s;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                            span {
                                display: block;
                                font-size: 14px;
                                margin-bottom: 10px;
                                color: #fff;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;

                            }
                            em {
                                display: block;
                                font-size: 14px;
                                color: #fc6a00;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                    }
                }
            }
        }
    }
    .main_investor_notice {
        overflow: hidden;
        width: 100%;
        background: #F4F4F4;
        padding: 60px 0 110px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .navbar {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                a {
                    display: block;
                    font-size: 18px;
                    margin-right: 45px;
                    padding: 10px 0;
                    transition: all .1s;
                    color: #999999;
                    &.on {
                        color: #fc6a00;
                    }
                    &:hover {
                        color: #fc6a00;
                    }
                }
            }
            .main_bonus {
                overflow: hidden;
                width: 100%;
                margin-top: 70px;
                .title {
                    display: block;
                    font-size: 30px;
                    letter-spacing: 2px;
                    color: #222222;
                    font-weight: bold;
                }
                table {
                    width: 100%;
                    margin-top: 55px;
                    tr {
                        width: 100%;
                        &:nth-child(even) {
                            td {
                                background: #EEEEEE;
                            }
                        }
                        th {
                            height: 78px;
                            text-align: center;
                            font-size: 24px;
                            color: #fff;
                            background: #FC6A00;
                        }
                        td {
                            height: 80px;
                            text-align: center;
                            font-size: 20px;
                            color: #222222;
                            background: #fff;
                        }
                    }
                }
            }
            .moveabout {
                overflow: hidden;
                width: 100%;
                background: #fff;
                margin-top: 50px;
                ul {
                    overflow: hidden;
                    width: 100%;
                    padding: 0 50px;
                    li {
                        overflow: hidden;
                        border-bottom: 1px solid #ECECEC;
                        &:last-child {
                            border: none;
                        }
                        &:hover a .grow {
                            p {
                                color: #fc6a00;
                            }
                            div {
                                background-image: url(../images/news_10.png);
                            }
                        }
                        a {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            padding: 20px 0;
                            padding-left: 12px;
                            box-sizing: border-box;
                            min-height: 100px;
                            img {
                                display: block;
                            }
                            .grow {
                                overflow: hidden;
                                width: calc(100% - 76px);
                                display: flex;
                                align-items: flex-start;
                                justify-content: space-between;
                                p {
                                    font-size: 20px;
                                    font-weight: bold;
                                    transition: all .1s;
                                    width: calc(100% - 50px);
                                    line-height: 1.5;
                                    letter-spacing: 1px;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    color: #222222;
                                }
                                div {
                                    width: 24px;
                                    height: 7px;
                                    background-image: url(../images/news_07.png);
                                    margin-top: 6px;
                                    background-size: 100% 100%;
                                }
                            }
                        }
                    }
                }
            }
            .exchange_box {
                width: 100%;
                margin-top: 78px;
                .bot {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    margin-top: 20px;
                    .link {
                        overflow: hidden;
                        width: 53.28571428571429%;
                        height: 204px;
                        background-image: url(../images/exchange_07.jpg);
                        background-size: cover;
                        padding: 33px 0 0 58px;
                        p {
                            font-size: 20px;
                            color: #fff;
                            margin-bottom: 10px;
                        }
                        span {
                            display: block;
                            font-size: 24px;
                            color: #fff;
                            margin-bottom: 26px;
                        }
                        img {
                            display: block;
                        }
                    }
                    .info {
                        width: 21.71428571428571%;
                        height: 204px;
                        background: #fff;
                        padding: 44px 0 0 37px;
                        img {
                            display: block;
                            margin-bottom: 28px;
                        }
                        p {
                            font-size: 18px;
                            margin-bottom: 14px;
                            color: #555555;
                        }
                        span {
                            display: block;
                            font-size: 24px;
                            color: #222222;
                            font-weight: bold;
                        }
                    }
                }
                .top {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .font {
                        overflow: hidden;
                        width: 45.35714285714286%;
                        p {
                            font-size: 30px;
                            font-weight: bold;
                            color: #222222;
                            margin-bottom: 20px;
                        }
                        span {
                            display: block;
                            font-size: 18px;
                            color: #555555;
                            line-height: 34px;
                        }
                    }
                    .fr {
                        overflow: hidden;
                        width: 45.07142857142857%;
                        height: 224px;
                        background-image: url(../images/exchange_03.jpg);
                        background-size: cover;
                        background-position: right center;
                        padding: 28px 0 0 36px;
                        p {
                            font-size: 30px;
                            color: #222222;
                            font-weight: bold;
                            margin-bottom: 55px;
                        }
                        span {
                            display: block;
                            font-size: 18px;
                            color: 555555;
                            margin-bottom: 10px;
                        }
                        em {
                            display: block;
                            font-size: 26px;
                            color: #222222;
                            font-weight: bold;
                        }
                    }
                }
            }
            .fadein {
                width: 100%;
                margin-top: 40px;
                margin-bottom: 66px;
                .item1 {
                    width: 100%;
                    ul {
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        flex-wrap: wrap;
                        li {
                            overflow: hidden;
                            width: 49.28571428571429%;
                            background: #fff;
                            box-shadow: 0 0 20px rgba(0, 0, 0, .02);
                            margin-bottom: 20px;
                            display: flex;
                            justify-content: space-between;
                            box-sizing: border-box;
                            padding: 30px 45px;
                            .pic {
                                overflow: hidden;
                                width: 118px;
                                img {
                                    display: block;
                                    width: 100%;
                                }
                            }
                            .grow {
                                overflow: hidden;
                                width: calc(100% - 118px - 35px);
                                position: relative;
                                p {
                                    font-size: 20px;
                                    color: #222222;
                                    margin-bottom: 16px;
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 2;
                                    overflow: hidden;
                                }
                                span {
                                    display: block;
                                    font-size: 14px;
                                    color: #666666;
                                }
                                .btn {
                                    overflow: hidden;
                                    width: 100%;
                                    position: absolute;
                                    left: 0;
                                    bottom: 0;
                                    div {
                                        width: 130px;
                                        height: 28px;
                                        background: #E9E9E9;
                                        margin-bottom: 6px;
                                        &.on {
                                            background: #FC6A00;
                                            a {
                                                color: #fff;
                                            }
                                        }
                                        a {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            width: 100%;
                                            height: 100%;
                                            font-size: 14px;
                                            color: #222222;
                                            img {
                                                display: block;
                                                margin-right: 5px;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .item {
                    width: 100%;
                    ul {
                        overflow: hidden;
                        li {
                            overflow: hidden;
                            width: 100%;
                            background: #fff;
                            &:nth-child(even) {
                                background: #EEEEEE;
                            }
                            &:hover a .grow {
                                p {
                                    color: #fc6a00;
                                }
                                .des {
                                    span {
                                        color: #fc6a00;
                                    }
                                    div {
                                        background-image: url(../images/news_10.png);
                                    }
                                }
                            }
                            a {
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                padding: 28px 33px 30px 30px;
                                img {
                                    display: block;
                                }
                                .grow {
                                    overflow: hidden;
                                    width: calc(100% - 56px);
                                    p {
                                        font-size: 20px;
                                        transition: all .05s;
                                        color: #222222;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        white-space: nowrap;
                                    }
                                    .des {
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        margin-top: 8px;
                                        span {
                                            font-size: 14px;
                                            transition: all .05s;
                                            color: #666666;
                                        }
                                        div {
                                            width: 24px;
                                            height: 7px;
                                            background-image: url(../images/news_07.png);
                                            background-size: 100% 100%;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    &>.mySwiper {
        width: 100%;
        height: 100vh;
        overflow: hidden;
        &>.swiper-slide {
            width: 100%;
            height: 100vh;
            background-color: #F5F5F5;
        }
    }
    .header {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999999;
        background: rgba(255,255,255,0.3);
        height: 110px;
        transition: all .3s;
        padding: 0 64px;
        &.on {
            background: #fff;
            height: 80px;
            box-shadow: 0 0 20px rgba(0, 0, 0, .1);
            .logo {
                width: 176px;
            }
        }
        .logo {
            display: block;
            transition: all .2s;
        }
        .link {
            height: 100%;
            display: flex;
            align-items: center;
            & > ul {
                height: 100%;
                display: flex;
                & > li {
                    height: 100%;
                    position: relative;
                    &:hover > a {
                        color: #fc6a00;
                    }
                    &.on > a {
                        color: #fc6a00;
                    }
                    & > a {
                        font-size: 16px;
                        padding: 0 25px;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        transition: all .1s;
                        color: #222222;
                    }
                    &:hover{
                    	.childicon, .childlink{
                    		opacity: 1;
                    		visibility: initial;
                    		top: 100%;
                    	}
                    }
                    .childlink{
                    	background: #fff;
                    	box-shadow: 0 0 20px rgba(0,0,0,.1);
                    	position: absolute;
                    	left: 0;
                    	z-index: 999;
                    	display: inline-flex;
                    	padding: 25px 20px;
                    	top: 120%;
                    	transition: all .3s;
                    	opacity: 0;
                    	visibility: hidden;
                    	&.on{
                    		ul{
                    			margin-right: 35px;
                    			border-right: 1px solid #f3f3f3;
                    			&:last-child{
                    				border: none;
                    				margin-right: 0;
                    			}
                    			li:first-child{
                    				margin-bottom: 10px;
                    			}
                    		}
                    	}
                    	ul{
                    		overflow: hidden;
                    		li{
                    			width: 170px;
                    			font-size: 16px;
                    			font-weight: bold;
                    			color: #000000;
                    			a{
                    				display: flex;
                    				font-weight: normal;
                    				align-items: center;
                    				border-bottom: 1px solid #fff;
                    				padding: 15px 0;
                    				transition: all .1s;
                    				font-size: 16px;
                    				color: #222222;
                    				&:hover {
                    				border-bottom: 1px solid #f3f3f3;
                    					color: #666666;
                    			}
                    			}
                    		}
                    	}
                    }
                    .childicon{
                    	overflow: hidden;
                    	width: 400px;
                    	background: #fff;
                    	box-shadow: 0 0 20px rgba(0,0,0,.1);
                    	position: absolute;
                    	left: 0;
                    	top: 120%;
                    	transition: all .3s;
                    	opacity: 0;
                    	visibility: hidden;
                    	display: flex;
                    	align-items: center;
                    	flex-wrap: wrap;
                    	padding: 24px;
                    	&::after{
                    		content: '';
                    		width: 100%;
                    		height: 1px;
                    		background: #fff;
                    		position: absolute;
                    		left: 0;
                    		bottom: 24px;
                    	}
                    	a{
                    		display: block;
                    		width: 33.33%;
                    		border-right: 1px solid #f3f3f3;
                    		border-bottom: 1px solid #f3f3f3;
                    		padding: 13px 0 20px 0;
                    		box-sizing: border-box;
                    		&:nth-child(3n){
                    			border-right: none;
                    		}
                    		&:hover span{
                    			color: #fc6a00;
                    		}
                    		img{
                    			display: block;
                    			margin: 0 auto;
                    			margin-bottom: 4px;
                    		}
                    		span{
                    			font-size: 14px;
                    			color: #666666;
                    			text-align: center;
                    			display: block;
                    		}
                    	}
                    }
                }
            }
            .lang {
                height: 100%;
                padding-left: 5px;
                display: flex;
                align-items: center;
                position: relative;
                .line {
                    display: flex;
                    align-items: center;
                    height: 100%;
                    cursor: pointer;
                    img {
                        display: block;
                        margin-right: 5px;
                    }
                    span {
                        font-size: 16px;
                        color: #222222;
                    }
                }
            }
            .icon {
                height: 100%;
                display: flex;
                align-items: center;
                margin-left: 35px;
                div {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    background: #333333;
                    transition: all .1s;
                    margin-right: 22px;
                    &:hover {
                        background: #fc6a00;
                    }
                    a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 100%;
                        height: 100%;
                        img {
                            display: block;
                        }
                    }
                }
            }
        }
    }
    .header1 {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999999;
        height: 110px;
        transition: all .3s;
        padding: 0 64px;
        &.on {
            background: #fff;
            height: 80px;
            box-shadow: 0 0 20px rgba(0, 0, 0, .1);
            .logo {
                width: 176px;
                height: 45px;
                background-image: url(../images/logo.png);
            }
            .link{
            	ul li a {
            		color: #000;
            	}
            	.lang .line div{
            	background-image: url(../images/icon_11.png);
            }
            .lang .line span{
            	color: #000;
            }
            }
            
        }
        .logo {
            display: block;
            transition: all .2s;
            background-size: 100% 100%;
            width: 261px;
            height: 75px;
            background-image: url(../images/whiteheader_03.png);
        }
        .link {
            height: 100%;
            display: flex;
            align-items: center;
            ul {
                height: 100%;
                display: flex;
                li {
                    height: 100%;
                    position: relative;
                    &:hover a {
                        color: #fc6a00;
                    }
                    &.on a {
                        color: #fc6a00;
                    }
                    a {
                        font-size: 16px;
                        padding: 0 25px;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        transition: all .1s;
                        color: #fff;
                    }
                }
            }
            .lang {
                height: 100%;
                padding-left: 5px;
                display: flex;
                align-items: center;
                position: relative;
                .line {
                    display: flex;
                    align-items: center;
                    height: 100%;
                    cursor: pointer;
                    img {
                        display: block;
                    }
                    div{
                    	width: 20px;
                    	margin-right: 5px;
                    	height: 20px;
                    	background-image: url(../images/whiteheader_11.png);
                    	background-size: 100% 100%;
                    }
                    span {
                        font-size: 16px;
                        color: #fff;
                    }
                }
            }
            .icon {
                height: 100%;
                display: flex;
                align-items: center;
                margin-left: 35px;
                div {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    background: #fff;
                    transition: all .1s;
                    margin-right: 22px;
                    &:hover {
                        background: #fc6a00;
                    }
                    a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 100%;
                        height: 100%;
                        img {
                            display: block;
                        }
                    }
                }
            }
        }
    }
    .banner {
        width: 100%;
        height: 100vh;
        background-image: url(../images/banner.png);
        background-size: cover;
        background-position: center center;
        position: relative;
        .box {
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            .share {
                width: 520px;
                background: #fff;
                padding: 28px 0 0 0;
                &>p {
                    font-size: 18px;
                    color: #838383;
                    margin-left: 32px;
                    display: flex;
                    align-items: flex-end;
                    span {
                        font-size: 30px;
                        color: #838383;
                        margin-right: 6px;
                        letter-spacing: 3px;
                    }
                }
                div {
                    overflow: hidden;
                    width: 100%;
                    height: 70px;
                    background: #F5F5F5;
                    padding-left: 32px;
                    display: flex;
                    align-items: center;
                    margin-top: 28px;
                    p {
                        display: flex;
                        align-items: flex-end;
                        font-size: 34px;
                        font-weight: bold;
                        line-height: 1;
                        color: #fc6a00;
                        span {
                            font-size: 18px;
                            color: #fc6a00;
                            font-weight: normal;
                            margin-left: 22px;
                        }
                    }
                }
            }
            .news {
                overflow: hidden;
                width: calc(100% - 520px);
                background: #fff;
                box-shadow: 5px -20px 20px rgba(0, 0, 0, 0.06);
                position: relative;
                z-index: 9;
                display: flex;
                &>p {
                    width: 190px;
                    font-size: 24px;
                    color: #fc6a00;
                    text-align: right;
                    padding: 30px 28px 0 0;
                    border-right: 1px solid #f5f5f5;
                    letter-spacing: 2px;
                }
                ul {
                    width: calc(100% - 190px);
                    padding: 25px 38px;
                    li {
                        overflow: hidden;
                        &:first-child a {
                            span {
                                color: #fc6a00;
                            }
                        }
                        &:nth-child(2) a {
                            span {
                                color: #fc6a00;
                            }
                        }
                        &:nth-child(3) a {
                            span {
                                color: #fc6a00;
                            }
                        }
                        &:hover a {
                            span,
                            p {
                                color: #fc6a00;
                            }
                        }
                        a {
                            display: flex;
                            align-items: flex-start;
                            line-height: 25px;
                            padding: 3px 0;
                            span {
                                font-size: 14px;
                                display: block;
                                color: #000000;
                                transition: all .05s;
                            }
                            p {
                                font-size: 14px;
                                display: block;
                                color: #000000;
                                transition: all .05s;
                                flex: 1;
                                padding-left: 20px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                    }
                }
            }
        }
    }
    .main_fzjg {
        overflow: hidden;
        width: 100%;
        background-image: url(../images/fzjg_02.jpg);
        background-size: cover;
        background-position: center center;
        padding: 70px 0 190px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                display: block;
                font-size: 28px;
                color: #222222;
                letter-spacing: 2px;
            }
            ul {
                overflow: hidden;
                display: flex;
                margin-top: 130px;
                border-left: 1px solid #f9f9f9;
                flex-wrap: wrap;
                li {
                    width: 50%;
                    border-top: 1px solid #f9f9f9;
                    border-right: 1px solid #f9f9f9;
                    padding: 50px 3.4375vw;
                    p {
                        font-size: 18px;
                        color: #222222;
                        font-weight: bold;
                        margin-bottom: 20px;
                        span {
                            font-weight: bold;
                        }
                    }
                    div {
                        display: flex;
                        align-items: center;
                        margin-top: 10px;
                        img {
                            display: block;
                        }
                        span {
                            font-size: 15px;
                            margin-left: 16px;
                            flex: 1;
                            color: #666666;
                        }
                    }
                }
            }
        }
    }
    .main_scbj{
    	overflow: hidden;
    	width: 100%;
    	background: #F5F5F5;
    	padding: 96px 0 80px 0;
    	.m{
    		width: 1400px;
    		margin: 0 auto;
    		position: relative;
    		padding-bottom: 40px;
    		.maps{
    			width: 1001px;
    			height: 483px;
    			background-image: url(../images/mapss_03.jpg);
    			background-size: 100% 100%;
    			position: absolute;
    			right: 0;
    			top: 110px;
                .lab {
                    z-index: 9;
                    position: absolute;
                    &.lab1 {
                        right: 257px;
                        top: 126px;
                    }
                    &:hover .show {
                        bottom: 100%;
                        visibility: initial;
                        opacity: 1;
                    }
                    .line {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        cursor: pointer;
                        img {
                            display: block;
                        }
                        div {
                            width: 8px;
                            height: 8px;
                            background: #FC6A00;
                            border-radius: 50%;
                            margin-right: 4px;
                        }
                        span {
                            font-size: 16px;
                            color: #000000;
                        }
                    }
                    .show {
                        width: 378px;
                        position: absolute;
                        left: 0;
                        transition: all .3s;
                        z-index: 999;
                        bottom: 100%;
//                      opacity: 0;
//                      visibility: hidden;
                        padding-bottom: 32px;
                        .child {
                            width: 100%;
                            background: #fff;
                            border-left: 4px solid #FC6A00;
                            border-right: 4px solid #FC6A00;
                            padding: 30px 33px;
                            position: relative;
                            z-index: 9999;
                            box-shadow: 0 0 20px #EABCB6;
                            &::after {
                                content: '';
                                width: 17px;
                                height: 19px;
                                background-size: 100% 100%;
                                background-image: url(../images/icon_10.png);
                                position: absolute;
                                left: 48px;
                                bottom: -10px;
                            }
                            p {
                                font-size: 24px;
                                color: #000;
                                font-weight: bold;
                                margin-bottom: 10px;
                            }
                            span {
                                display: block;
                                font-size: 15px;
                                color: #333333;
                                line-height: 28px;
                            }
                        }
                    }
            }
    		}
    		& > p{
    			font-size: 38px;
    			letter-spacing: 2px;
    			margin-bottom: 36px;
    			font-weight: bold;
    			color: #000000;
    		}
    		& > span{
    			display: block;
    			font-size: 16px;
    			letter-spacing: 2px;
    			line-height: 28px;
    			width: 300px;
    			color: #000000;
    		}
    		ul{
    			margin-top: 60px;
    			width: 550px;
    			position: relative;
    			z-index: 999;
    			li{
    				overflow: hidden;
    				border-bottom: 1px solid #E2E2E2;
    				padding: 40px 0;
    				&.on{
    					.line{
    						p{
    							color: #fc6a00;
    						}
    						img{
    							transform: rotate(180deg);
    						}
    					}
    					.child{
    						display: block;
    					}
    				}
    				.line{
    					display: flex;
    					align-items: center;
    					justify-content: space-between;
    					padding: 0 10px;
    					cursor: pointer;
    					p{
    						font-size: 20px;
    						letter-spacing: 1px;
    						color: #222222;
    						font-weight: bold;
    					}
    					img{
    						transition: all .2s;
    					}
    				}
    				.child{
    					overflow: hidden;
    					margin-top: 40px;
    					display: none;
    					.des1{
    						width: 100%;
    						margin-top: 10px;
    						div{
    							overflow: hidden;
    							display: none;
    							align-items: center;
    							flex-wrap: wrap;
    							&.on{
    								display: flex;
    							}
    							span{
    								display: inline-flex;
    								height: 25px;
    								font-size: 14px;
    								color: #666666;
    								padding: 0 12px;
    								border-radius: 40px;
    								border: 1px solid #C4C4C4;
    								margin-right: 13px;
    								margin-top: 10px;
    								align-items: center;
    								cursor: pointer;
    								&.on{
    									color: #fc6a00;
    									border: 1px solid #fc6a00;
    								}
    								&:hover{
    									color: #fc6a00;
    									border: 1px solid #fc6a00;
    								}
    							}
    						}
    					}
    					.des{
    						display: flex;
    						align-items: center;
    						flex-wrap: wrap;
    						span{
    							display: block;
    							font-size: 14px;
    							color: #666666;
    							margin-bottom: 5px;
    							cursor: pointer;
    							padding-bottom: 10px;
    							margin-right: 22px;
    							position: relative;
    							&::after{
    									content: '';
    									width: 0px;
    									height: 2px;
    									background: #fc6a00;
    									position: absolute;
    									left: 50%;
    									transition: all .2s;
    									transform: translateX(-50%);
    									bottom: 0;
    								}
    							&.on{
    								color: #fc6a00;
    								&::after{
    									width: 16px;
    								}
    							}
    							&:hover{
    								color: #fc6a00;
    								&::after{
    									width: 16px;
    								}
    							}
    						}
    					}
    				}
    			}
    		}
    	}
    }
    .main_kjcx_news {
        overflow: hidden;
        width: 100%;
        padding: 125px 0 120px 260px;
        background: #F4F5F7;
        .title {
            font-size: 34px;
            color: #222222;
            letter-spacing: 2px;
        }
        .slide {
            overflow: hidden;
            width: 100%;
            margin-top: 78px;
            .mySwiper1 {
                width: 100%;
                .swiper-slide {
                    width: 440px;
                    margin-right: 39px;
                    .label {
                        width: 100%;
                        overflow: hidden;
                        background: #fff;
                        .pic {
                            width: 100%;
                            overflow: hidden;
                            img {
                                display: block;
                                width: 100%;
                            }
                        }
                        .info {
                            overflow: hidden;
                            width: 100%;
                            padding: 0 30px;
                            .b {
                                overflow: hidden;
                                width: 100%;
                                height: 40px;
                                border-top: 1px solid #ECECEC;
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                span {
                                    font-size: 14px;
                                    color: #999999;
                                }
                            }
                            .t {
                                display: flex;
                                align-items: center;
                                padding: 20px 0;
                                .date {
                                    overflow: hidden;
                                    width: 85px;
                                    position: relative;
                                    &::after {
                                        content: '';
                                        width: 1px;
                                        height: 76px;
                                        background: #ECECEC;
                                        position: absolute;
                                        right: 0;
                                        top: 50%;
                                        transform: translateY(-50%);
                                    }
                                    p {
                                        text-align: center;
                                        font-size: 30px;
                                        font-weight: bold;
                                        line-height: 1;
                                        margin-bottom: 10px;
                                        color: #222222;
                                    }
                                    span {
                                        display: block;
                                        font-size: 14px;
                                        text-align: center;
                                        color: #999999;
                                    }
                                }
                                .grow {
                                    width: calc(100% - 85px);
                                    padding-left: 23px;
                                    p {
                                        font-size: 18px;
                                        letter-spacing: 1px;
                                        color: #222222;
                                        margin-bottom: 8px;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        white-space: nowrap;
                                    }
                                    span {
                                        display: block;
                                        font-size: 14px;
                                        color: #666666;
                                        line-height: 22px;
                                        display: -webkit-box;
                                        -webkit-box-orient: vertical;
                                        -webkit-line-clamp: 2;
                                        overflow: hidden;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .main_kjcx_xy {
        width: 100%;
        margin-top: 210px;
        height: 800px;
        background-image: url(../images/kjcx_05.jpg);
        background-size: cover;
        background-position: center center;
        .m {
            width: 1400px;
            height: 100%;
            margin: 0 auto;
            .box {
                width: 540px;
                height: 100%;
                background-image: url(../images/kjcxbg_03.png);
                position: relative;
                padding: 6.04166666666667vw 3.64583333333333vw 0 3.125vw;
                &>p {
                    font-size: 34px;
                    color: #fff;
                    letter-spacing: 2px;
                    margin-bottom: 16px;
                }
                &>span {
                    display: block;
                    font-size: 16px;
                    color: #fff;
                    line-height: 30px;
                    opacity: 0.7;
                    margin-top: 40px;
                }
                ul {
                    overflow: hidden;
                    position: absolute;
                    left: 3.125vw;
                    bottom: 9.21875vw;
                    display: flex;
                    width: 100%;
                    li {
                        overflow: hidden;
                        margin-right: 2.96875vw;
                        p {
                            font-size: 20px;
                            color: #fff;
                            display: flex;
                            align-items: flex-end;
                            font-weight: bold;
                            line-height: 1;
                            margin-bottom: 10px;
                            span {
                                font-size: 40px;
                                font-weight: bold;
                                color: #fff;
                            }
                        }
                        em {
                            display: block;
                            font-size: 14px;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    .main_kjcx_zz {
        width: 100%;
        position: relative;
        .pic {
            width: 100%;
            display: block;
        }
        .box {
            overflow: hidden;
            padding-left: 260px;
            position: absolute;
            left: 0;
            bottom: -110px;
            width: 100%;
            p {
                font-size: 34px;
                letter-spacing: 2px;
                color: #fff;
                margin-bottom: 75px;
            }
            .slide {
                overflow: hidden;
                width: 100%;
                .mySwiper {
                    width: 100%;
                    .swiper-slide {
                        width: 336px;
                        margin-right: 26px;
                    }
                }
                .lab {
                    overflow: hidden;
                    width: 100%;
                    border: 2px solid #000;
                    img {
                        display: block;
                        width: 100%;
                    }
                }
            }
        }
    }
    .main_kjcx_top {
        overflow: hidden;
        width: 100%;
        background-image: url(../images/kjcx_02.jpg);
        background-size: cover;
        background-position: center center;
        padding: 100px 0 125px 0;
        .m {
            width: 1400px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 auto;
            ul {
                overflow: hidden;
                display: flex;
                align-items: center;
                li {
                    overflow: hidden;
                    margin-left: 4.6875vw;
                    &:first-child {
                        margin-left: 0;
                    }
                    p {
                        display: flex;
                        align-items: flex-start;
                        font-size: 20px;
                        font-weight: bold;
                        color: #fc6a00;
                        letter-spacing: 1px;
                        margin-bottom: 15px;
                        span {
                            font-size: 40px;
                            margin-right: 5px;
                            font-weight: bold;
                        }
                    }
                    em {
                        display: block;
                        font-size: 14px;
                        color: #666666;
                    }
                }
            }
            .font {
                overflow: hidden;
                width: 48.57142857142857%;
                p {
                    font-size: 34px;
                    color: #222222;
                    letter-spacing: 2px;
                }
                span {
                    display: block;
                    font-size: 16px;
                    color: #666666;
                    line-height: 30px;
                    margin-top: 35px;
                }
            }
        }
    }
    .main_jjfa {
        overflow: hidden;
        width: 100%;
        background: #F8F8F8;
        padding: 90px 0 130px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                display: block;
                font-size: 34px;
                color: #222222;
                letter-spacing: 2px;
            }
            ul {
                overflow: hidden;
                margin-top: 30px;
                li {
                    overflow: hidden;
                    width: 100%;
                    position: relative;
                    margin-top: 45px;
                    img {
                        display: block;
                        width: 100%;
                    }
                    a {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                    span {
                        display: block;
                        width: 430px;
                        max-width: 80%;
                        position: absolute;
                        left: 100px;
                        top: 50%;
                        transform: translateY(-50%);
                        line-height: 50px;
                        letter-spacing: 1px;
                        font-size: 26px;
                        color: #222222;
                    }
                }
            }
        }
    }
    .main_cause_form {
        overflow: hidden;
        width: 100%;
        background: #f8f8f8;
        padding: 95px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            display: flex;
            .pic {
                width: 50%;
                img {
                    display: block;
                    width: 100%;
                    object-fit: cover;
                    height: 100%;
                }
            }
            .form {
                overflow: hidden;
                width: 50%;
                background: #fff;
                padding: 80px 0 40px 70px;
                p {
                    font-size: 28px;
                    color: #222222;
                    margin-bottom: 28px;
                    span {
                        font-weight: bold;
                    }
                }
                input[type='text'] {
                    width: 448px;
                    max-width: 90%;
                    border: 1px solid #F6F6F6;
                    outline: none;
                    font-size: 16px;
                    margin-bottom: 22px;
                    color: #666666;
                    height: 55px;
                    padding-left: 24px;
                    background: none;
                }
                input[type='submit'] {
                    width: 448px;
                    max-width: 90%;
                    background: #FC6A00;
                    outline: none;
                    font-size: 19px;
                    border: none;
                    text-align: center;
                    outline: none;
                    color: #fff !important;
                    cursor: pointer;
                    height: 55px;
                }
            }
        }
    }
    .main_cases {
        overflow: hidden;
        width: 100%;
        padding: 66px 0 98px 13.54166666666667%;
        display: flex;
        justify-content: space-between;
        .slide {
            width: 750px;
            overflow: hidden;
            position: relative;
            .lab {
                overflow: hidden;
                width: 100%;
                position: relative;
                .b {
                    width: 100%;
                    display: block;
                }
                .line {
                    overflow: hidden;
                    width: calc(100% - 60px);
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    bottom: 0;
                    z-index: 999;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    border-top: 1px solid rgba(255, 255, 255, 0.2);
                    height: 107px;
                    .fl {
                        display: flex;
                        align-items: center;
                        p {
                            font-size: 40px;
                            font-weight: bold;
                            color: #fff;
                        }
                        span {
                            font-size: 24px;
                            color: #fff;
                            margin-left: 28px;
                        }
                    }
                    .btn {
                        display: flex;
                        align-items: center;
                        img {
                            cursor: pointer;
                            margin-left: 14px;
                        }
                    }
                }
            }
        }
        .font {
            overflow: hidden;
            width: calc(100% - 750px - 180px);
            p {
                font-size: 34px;
                color: #222222;
                margin-bottom: 110px;
                letter-spacing: 2px;
            }
            span {
                display: block;
                font-size: 28px;
                color: #222222;
                margin-bottom: 50px;
            }
            em {
                display: block;
                font-size: 16px;
                line-height: 30px;
                color: #666666;
            }
            a {
                display: block;
                font-size: 16px;
                color: #666666;
                margin-top: 66px;
                transition: all .1s;
                &:hover {
                    color: #fc6a00;
                }
            }
        }
    }
    .main_case_technology {
        overflow: hidden;
        background-image: url(../images/casebg_02.jpg);
        background-size: cover;
        padding: 100px 0 156px;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                display: block;
                font-size: 34px;
                letter-spacing: 2px;
                color: #222222;
                margin-bottom: 65px;
            }
            .box {
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: space-around;
                img {
                    display: block;
                }
            }
        }
    }
    .main_counter {
        overflow: hidden;
        width: 100%;
        background-image: url(../images/cases_06.jpg);
        background-size: cover;
        padding: 80px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            .title {
                display: block;
                font-size: 34px;
                letter-spacing: 2px;
                color: #fff;
                margin-bottom: 65px;
            }
            .btn {
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 66px;
                div {
                    overflow: hidden;
                    height: 80px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 20px;
                    min-width: 200px;
                    margin: 0 7px;
                    font-size: 20px;
                    color: #fff;
                    border: 1px solid #fff;
                    border-radius: 50px;
                    cursor: pointer;
                    &.on {
                        background: #fc6a00;
                        color: #fff;
                        border: none;
                    }
                }
            }
            .box {
                overflow: hidden;
                width: 100%;
                justify-content: center;
                align-items: flex-end;
                display: flex;
                &>img {
                    display: block;
                    margin: 0 35px;
                    margin-bottom: 33px;
                }
                .lab {
                    overflow: hidden;
                    width: 25.71428571428571%;
                    p {
                        font-size: 20px;
                        color: #fff;
                        margin-bottom: 30px;
                    }
                    select {
                        width: 100%;
                        height: 80px;
                        border: 1px solid #444546;
                        outline: none;
                        font-size: 16px;
                        color: #fff;
                        padding-left: 24px;
                        box-sizing: border-box;
                        background: none;
                        appearance: none;
                        background-image: url(../images/casef_06.png);
                        background-repeat: no-repeat;
                        background-position: right 22px center;
                    }
                }
            }
        }
    }
    .main_case_service {
        overflow: hidden;
        width: 100%;
        background: #f4f5f7;
        padding: 110px 0 130px 0;
        .m {
            width: 1400px;
            margin: 0 auto;
            position: relative;
            img {
                display: block;
            }
            div {
                overflow: hidden;
                width: 62.14285714285714%;
                background-image: url(../images/cases_03.jpg);
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                background-size: cover;
                min-height: 430px;
                padding: 4.6875vw 2.91666666666667vw 2.6875vw 4.16666666666667vw;
                border-right: 4px solid #fc6a00;
                p {
                    font-size: 34px;
                    letter-spacing: 2px;
                    margin-bottom: 30px;
                    color: #222222;
                }
                span {
                    display: block;
                    font-size: 16px;
                    color: #666666;
                    line-height: 30px;
                }
            }
        }
    }
    .main_gts {
        width: 100%;
        background-image: url(../images/qijjbg_02.jpg);
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-color: #f4f4f4;
        padding-bottom: 80px;
        z-index: 9999;
        overflow: hidden;
        margin-top: -314px;
        padding-top: 100px;
        .m {
            width: 1400px;
            position: relative;
            margin: 0 auto;
            ul {
                display: flex;
                flex-wrap: wrap;
                margin-top: 120px;
                li {
                    overflow: hidden;
                    width: 30.71428571428571%;
                    margin-bottom: 58px;
                    border: 2px solid #000;
                    margin-right: calc((100% - 92.14285714285713%)/2);
                    img {
                        display: block;
                        width: 100%;
                    }
                    &:nth-child(3n) {
                        margin-right: 0;
                    }
                }
            }
            .infos {
                width: 100%;
                background: #fff;
                background-image: url(../images/qyjjsbg1_03.jpg);
                background-size: cover;
                background-position: center right;
                position: relative;
                padding: 70px 65px;
                &::after {
                    content: '';
                    width: 500px;
                    position: absolute;
                    right: -500px;
                    background: #fff;
                    height: 100%;
                    top: 0;
                }
                p {
                    font-size: 26px;
                    letter-spacing: 2px;
                    color: #222222;
                    margin-bottom: 30px;
                }
                span {
                    display: block;
                    font-size: 14px;
                    color: #555555;
                    line-height: 35px;
                }
                img {
                    width: 200px;
                    position: absolute;
                    right: 0;
                    top: -100px;
                }
            }
        }
    }
    .main_fzjgs {
        width: 100%;
        position: relative;
        background-image: url(../images/fzjg_01.jpg);
        background-size: cover;
        height: 937px;
        background-position: center center;
        .m {
            width: 1400px;
            margin: 0 auto;
            height: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
            padding-bottom: 50px;
            .box {
                width: 430px;
                background: #fff;
                border-radius: 10px;
                padding: 0 24px;
                .more {
                    width: 100%;
                    a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding: 24px 0;
                        font-size: 12px;
                        color: #777777;
                        img {
                            margin-left: 5px;
                        }
                    }
                }
                ul {
                    overflow: hidden;
                    li {
                        overflow: hidden;
                        border-bottom: 1px solid #f9f9f9;
                        position: relative;
                        &:hover a>img {
                            opacity: 1;
                        }
                        a {
                            padding: 24px 0;
                            padding-left: 10px;
                            display: block;
                            box-sizing: border-box;
                            &>img {
                                position: absolute;
                                right: 14px;
                                top: 50%;
                                opacity: 0;
                                transition: all .2s;
                                transform: translateY(-50%);
                            }
                            p {
                                font-size: 16px;
                                margin-bottom: 10px;
                                color: #222222;
                            }
                            div {
                                display: flex;
                                align-items: center;
                                img {
                                    display: block;
                                    margin-right: 10px;
                                }
                                span {
                                    font-size: 13px;
                                    color: #666666;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .main_cybj_boxs {
        width: 100%;
        padding: 60px 0 110px 0;
        .title {
            display: block;
            text-align: center;
            font-size: 34px;
            color: #222222;
            letter-spacing: 2px;
        }
        .mySwiper1 {
            overflow: hidden;
            width: 100%;
            margin-top: 85px;
            position: relative;
            .btn {
                cursor: pointer;
                position: absolute;
                top: 50%;
                z-index: 999;
                transform: translateY(-50%);
                &.prev {
                    left: 18.54166666666667%;
                }
                &.next {
                    right: 18.54166666666667%;
                }
            }
            .swiper-slide {
                width: 61.19791666666667%;
                padding: 0 5.88541666666667%;
                &.swiper-slide-active .lab {
                    &::after {
                        opacity: 0;
                    }
                }
                .lab {
                    width: 100%;
                    overflow: hidden;
                    position: relative;
                    &::after {
                        content: '';
                        width: 100%;
                        height: 100%;
                        background: rgba(0, 0, 0, .5);
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        z-index: 1;
                    }
                    img {
                        display: block;
                        width: 100%;
                    }
                    span {
                        box-sizing: border-box;
                        font-size: 26px;
                        color: #fff;
                        position: absolute;
                        padding: 35px 50px;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-items: flex-end;
                        z-index: 9;
                        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
                    }
                }
            }
        }
    }
    .main_cybj_box {
        width: 100%;
        overflow: hidden;
        position: relative;
        .mySwiper {
            width: 100%;
            .swiper-slide {
                overflow: hidden;
                width: 100%;
                img {
                    display: block;
                    width: 100%;
                }
            }
        }
        .m {
            width: 1400px;
            margin: 0 auto;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            padding-top: 25px;
            z-index: 9999;
            overflow: hidden;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            bottom: 70px;
            .mySwiper1 {
                width: 100%;
                .swiper-slide {
                    cursor: pointer;
                    width: 33.33%;
                    position: relative;
                    &.on .lab {
                        div {
                            background-image: url(../images/abouts_12.jpg);
                        }
                        span {}
                    }
                    .lab {
                        div {
                            width: 16px;
                            height: 16px;
                            margin: 0 auto;
                            background-image: url(../images/abouts_14.jpg);
                            background-size: 100% 100%;
                            margin-bottom: 22px;
                            border-radius: 50%;
                        }
                        span {
                            display: block;
                            text-align: center;
                            font-size: 18px;
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    .main_cybj {
        width: 100%;
        padding: 70px 0;
        .m {
            width: 1400px;
            height: 400px;
            background-image: url(../images/cybj_04.jpg);
            background-size: cover;
            background-position: center center;
            border-radius: 20px;
            display: flex;
            margin: 0 auto;
            align-items: center;
            justify-content: flex-end;
            padding: 0 5.20833333333333vw 0 0;
            div {
                overflow: hidden;
                width: 34.89583333333333vw;
                p {
                    font-size: 15px;
                    color: #fff;
                    line-height: 30px;
                    margin-bottom: 38px;
                }
                span {
                    display: block;
                    font-size: 15px;
                    color: #fc6a00;
                }
            }
        }
    }
    .main_about {
        overflow: hidden;
        width: 100%;
        background-color: #F5F5F5;
        background-image: url(../images/icon_17.png);
        background-size: cover;
        background-size: 1055px;
        background-repeat: no-repeat;
        background-position: bottom left;
        height: calc(100vh - 80px);
        margin-top: 80px;
        position: relative;
        .pic {
            display: block;
            width: 45.20833333333333%;
            position: absolute;
            right: 0;
            bottom: 0;
        }
        .m {
            width: 1390px;
            margin: 0 auto;
            height: 100%;
            padding-top: 96px;
            .grow {
                position: relative;
                z-index: 99;
                &>p {
                    display: flex;
                    align-items: center;
                    font-size: 38px;
                    font-weight: bold;
                    letter-spacing: 3px;
                    color: #000000;
                    margin-bottom: 40px;
                    line-height: 1;
                    span {
                        font-size: 24px;
                        color: #000000;
                        margin-left: 10px;
                        line-height: 1;
                        letter-spacing: 0;
                        margin-bottom: -6px;
                    }
                }
                .info {
                    overflow: hidden;
                    width: 550px;
                    span {
                        display: block;
                        font-size: 14px;
                        color: #000000;
                        line-height: 32px;
                    }
                }
                .more {
                    overflow: hidden;
                    width: 153px;
                    height: 50px;
                    border: 1px solid #FC6A00;
                    transition: all .1s;
                    margin-top: 60px;
                    &:hover {
                        background: #FC6A00;
                        a {
                            color: #fff;
                        }
                    }
                    a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 100%;
                        height: 100%;
                        font-size: 18px;
                        color: #fc6a00;
                    }
                }
                ul {
                    overflow: hidden;
                    display: flex;
                    margin-top: 115px;
                    li {
                        margin-right: 70px;
                        p {
                            font-size: 58px;
                            color: #fc6a00;
                            line-height: 1;
                            margin-bottom: 14px;
                        }
                        span {
                            display: block;
                            font-size: 16px;
                            color: #fc6a00;
                        }
                    }
                }
            }
        }
    }
    .main_product {
        width: 100%;
        height: calc(100vh - 80px);
        background-color: #F5F5F5;
        margin-top: 80px;
        .mySwiper1 {
            width: 100%;
            height: 100%;
            overflow: hidden;
            .swiper-slide {
                width: 77.86458333333333%;
                height: 100%;
                .label {
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    background-image: url(../images/icon_21.jpg);
                    background-size: cover;
                    background-position: right;
                    padding: 140px 0 0 13.80208333333333%;
                    position: relative;
                    .head {
                        overflow: hidden;
                        p {
                            font-size: 38px;
                            font-weight: bold;
                            color: #000000;
                            margin-bottom: 25px;
                        }
                        span {
                            display: block;
                            font-size: 18px;
                            color: #000000;
                            line-height: 32px;
                            width: 345px;
                        }
                    }
                    .more {
                        overflow: hidden;
                        position: absolute;
                        left: 18%;
                        bottom: 145px;
                        border-bottom: 1px solid #fc6a00;
                        &:hover a {
                            img {
                                transform: translateX(-5px);
                            }
                        }
                        a {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            padding: 12px 0;
                            span {
                                font-size: 18px;
                                margin-right: 40px;
                                color: #fc6a00;
                            }
                            img {
                                display: block;
                                transition: all .1s;
                            }
                        }
                    }
                    .list {
                        display: flex;
                        flex-wrap: wrap;
                        margin-top: 70px;
                        align-items: flex-start;
                        p {
                            font-size: 18px;
                            color: #333333;
                            line-height: 50px;
                        }
                        ul {
                            overflow: hidden;
                            display: flex;
                            flex-wrap: wrap;
                            align-items: flex-start;
                            padding-left: 13px;
                            flex: 1;
                            li {
                                overflow: hidden;
                                border-radius: 40px;
                                border: 1px solid #fc6a00;
                                margin-right: 14px;
                                transition: all .1s;
                                &:hover {
                                    background: #fc6a00;
                                    a {
                                        color: #fff;
                                    }
                                }
                                a {
                                    display: flex;
                                    align-items: center;
                                    height: 50px;
                                    color: #fc6a00;
                                    padding: 0 17px;
                                    font-size: 16px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .main_news {
        width: 100%;
        height: calc(100vh - 80px);
        margin-top: 80px;
        background-color: #F5F5F5;
        overflow: hidden;
        background-image: url(../images/icon_07.png);
        background-size: cover;
        padding: 115px 0 0 13.80208333333333%;
        .title {
            font-size: 38px;
            font-weight: bold;
            letter-spacing: 3px;
            margin-bottom: 80px;
            color: #000000;
        }
        .box {
            overflow: hidden;
            padding-left: 264px;
            position: relative;
            .mySwiper2 {
                width: 100%;
                overflow: hidden;
                .swiper-slide {
                    width: 510px;
                    margin-right: 80px;
                    .label {
                        width: 100%;
                        margin-right: 80px;
                        overflow: hidden;
                        position: relative;
                        img {
                            display: block;
                            transition: all .5s;
                            width: 100%;
                        }
                        &:hover {
                            img {
                                transform: scale(1.03);
                            }
                        }
                        div {
                            width: 100%;
                            overflow: hidden;
                            position: absolute;
                            left: 0;
                            padding: 115px 34px 34px 34px;
                            bottom: 0;
                        }
                        p {
                            font-size: 24px;
                            color: #fff;
                            width: 100%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
                }
            }
            .btn {
                cursor: pointer;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                &.next {
                    left: 50px;
                }
            }
        }
    }
    .main_map {
        width: 100%;
        height: calc(100vh - 80px);
        margin-top: 80px;
        background-color: #F5F5F5;
        background-image: url(../images/icon_35.jpg);
        background-position: center;
        background-size: cover;
        .m {
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            .map {
                height: 100%;
                width: 706px;
                position: relative;
                .lab {
                    z-index: 9;
                    position: absolute;
                    &.lab1 {
                        left: 285px;
                        top: 393px;
                    }
                    &.lab2 {
                        left: 0px;
                        top: 360px;
                    }
                    &.lab3 {
                        left: 60px;
                        top: 465px;
                    }
                    &.lab4 {
                        left: 0px;
                        top: 630px;
                    }
                    &.lab5 {
                        left: 200px;
                        top: 570px;
                    }
                    &.lab6 {
                        left: 458px;
                        top: 460px;
                    }
                    &:hover .show {
                        bottom: 100%;
                        visibility: initial;
                        opacity: 1;
                    }
                    .line {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        cursor: pointer;
                        img {
                            display: block;
                        }
                        div {
                            width: 8px;
                            height: 8px;
                            background: #FC6A00;
                            border-radius: 50%;
                            margin-right: 4px;
                        }
                        span {
                            font-size: 16px;
                            color: #000000;
                        }
                    }
                    .show {
                        width: 378px;
                        position: absolute;
                        left: 0;
                        transition: all .3s;
                        z-index: 999;
                        bottom: 120%;
                        opacity: 0;
                        visibility: hidden;
                        padding-bottom: 32px;
                        .child {
                            width: 100%;
                            background: #fff;
                            border-left: 4px solid #FC6A00;
                            border-right: 4px solid #FC6A00;
                            padding: 30px 33px;
                            position: relative;
                            z-index: 9999;
                            box-shadow: 0 0 20px #EABCB6;
                            &::after {
                                content: '';
                                width: 17px;
                                height: 19px;
                                background-size: 100% 100%;
                                background-image: url(../images/icon_10.png);
                                position: absolute;
                                left: 48px;
                                bottom: -10px;
                            }
                            p {
                                font-size: 24px;
                                color: #000;
                                font-weight: bold;
                                margin-bottom: 10px;
                            }
                            span {
                                display: block;
                                font-size: 15px;
                                color: #333333;
                                line-height: 28px;
                            }
                        }
                    }
                }
            }
            .info {
                padding-top: 145px;
                &>p {
                    font-size: 38px;
                    margin-bottom: 35px;
                    color: #000000;
                    font-weight: bold;
                    letter-spacing: 3px;
                }
                &>span {
                    display: block;
                    font-size: 16px;
                    color: #000000;
                    margin-bottom: 30px;
                    width: 280px;
                    line-height: 26px;
                }
                em {
                    display: block;
                    color: #000000;
                    font-size: 12px;
                    line-height: 24px;
                    text-transform: uppercase;
                }
                ul {
                    display: flex;
                    margin-top: 116px;
                    li {
                        position: relative;
                        margin-right: 45px;
                        div {
                            width: 100%;
                            font-size: 30px;
                            color: #000000;
                            display: flex;
                            font-weight: bold;
                            line-height: 1;
                            align-items: center;
                            position: relative;
                            &::after {
                                content: '';
                                width: 30px;
                                height: 30px;
                                position: absolute;
                                background: linear-gradient(rgba(252, 108, 5, 0), rgba(252, 108, 5, 1));
                                left: 0;
                                bottom: 10px;
                            }
                            span {
                                display: block;
                                font-size: 30px;
                                color: #000000;
                                line-height: 1;
                                font-weight: bold;
                                margin-bottom: 12px;
                                position: relative;
                                z-index: 9;
                            }
                        }
                        p {
                            font-size: 14px;
                            color: #000000;
                        }
                    }
                }
            }
        }
    }
}

.footer {
    width: 100%;
    background: #E8E8EA;
    footer {
        width: 100%;
        font-size: 16px;
        padding: 35px 0;
        box-sizing: border-box;
        border-top: 1px solid #CCCCCC;
        color: #666666;
        text-align: center;
    }
    .link {
        overflow: hidden;
        padding: 70px 0 30px 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        .label {
            overflow: hidden;
            padding: 0 40px;
            &>p {
                font-size: 20px;
                color: #333333;
            }
            .code {
                overflow: hidden;
                display: flex;
                margin-top: 30px;
                margin-bottom: 20px;
                img {
                    display: block;
                    margin-right: 8px;
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
            .info {
                overflow: hidden;
                div {
                    overflow: hidden;
                    display: flex;
                    align-items: flex-start;
                    p {
                        line-height: 24px;
                        font-size: 14px;
                        color: #2E2E2F;
                    }
                    span {
                        display: block;
                        font-size: 14px;
                        color: #2E2E2F;
                        flex: 1;
                        line-height: 24px;
                    }
                }
            }
            ul {
                overflow: hidden;
                margin-top: 30px;
                div {
                    padding-left: 10px;
                }
                span {
                    display: block;
                    font-size: 14px;
                    line-height: 28px;
                    color: #000000;
                    margin-bottom: 5px;
                    font-weight: bold;
                }
                li {
                    font-size: 14px;
                    line-height: 28px;
                    &:hover a {
                        color: #fc6a00;
                        text-decoration: underline;
                    }
                    a {
                        color: #333333;
                        transition: all .05s;
                    }
                }
            }
        }
    }
}

@media (max-width: 1500px) {
    .m {
        width: 90% !important;
    }
    .content .main_about .m>p,
    .content .main_map .m .info>p,
    .content .main_product .mySwiper1 .swiper-slide .label .head p,
    .content .main_news .title {
        font-size: 30px;
    }
    .content .main_about .m ul li p {
        font-size: 48px;
    }
    .footer .link .label {
        padding: 0 30px;
    }
    .content .main_news .box .mySwiper2 .swiper-slide .label p {
        font-size: 18px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .head span {
        font-size: 16px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .list p {
        font-size: 16px;
        line-height: 40px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .more a span {
        font-size: 16px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .list ul li a {
        font-size: 14px;
        padding: 0 10px;
        height: 40px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .more {
        left: 14%;
    }
    .content .main_investor_notice .m .main_bonus table tr th {
        font-size: 20px;
    }
    .content .main_investor_notice .m .main_bonus table tr td {
        font-size: 20px;
    }
    .content .main_investor_notice .m .main_bonus table tr td {
        font-size: 18px;
    }
}

@media (max-width: 1300px) {
    .m {
        width: 90% !important;
    }
    .content .header .link ul li a {
        padding: 0 20px;
        font-size: 15px;
    }
    .content .header1 .link ul li a {
        padding: 0 20px;
        font-size: 15px;
    }
    .content .banner .box .share {
        width: 350px;
    }
    .content .banner .box .news {
        width: calc(100% - 350px);
    }
    .content .banner .box .share>p span {
        font-size: 24px;
    }
    .content .banner .box .share>p {
        font-size: 16px;
    }
    .content .banner .box .share div p {
        font-size: 30px;
    }
    .content .banner .box .news>p {
        width: 160px;
        font-size: 22px;
    }
    .content .header .logo {
        width: 176px;
    }
    .content .header1 .logo {
        width: 176px;
    }
    .content .main_about .m .grow>p,
    .content .main_about .m>p,
    .content .main_map .m .info>p,
    .content .main_product .mySwiper1 .swiper-slide .label .head p,
    .content .main_news .title {
        font-size: 26px;
    }
    .content .main_about .m .grow ul li p {
        font-size: 40px;
    }
    .content .main_about .m .grow .more a {
        font-size: 16px;
    }
    .content .main_about .m ul li p {
        font-size: 48px;
    }
    .footer .link .label {
        padding: 0 30px;
    }
    .content .main_news .box .mySwiper2 .swiper-slide .label p {
        font-size: 18px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .head span {
        font-size: 16px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .list p {
        font-size: 16px;
        line-height: 40px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .more a span {
        font-size: 16px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .list ul li a {
        font-size: 14px;
        padding: 0 10px;
        height: 40px;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .more {
        left: 14%;
    }
    .footer .link .label ul li {
        font-size: 13px;
    }
    .footer .link .label>p {
        font-size: 17px;
    }
    .footer footer {
        font-size: 14px;
    }
}

@media (max-width: 1000px) {
    .m {
        width: 100% !important;
    }
    .content .header {
        height: 1rem;
        padding: 0 .3rem;
        padding-right: 1.4rem;
    }
    .content .header .link ul {
        display: none;
    }
    .content .header.on {
        height: 1rem;
    }
    .content .header.on .logo {
        width: 2rem;
    }
    .content .header .logo {
        width: 2rem;
    }
    .content .header .link .icon {
        margin-left: 0;
    }
    .content .header .link .icon div {
        width: .3rem;
        height: .3rem;
        margin-right: .2rem;
        img {
            width: .25rem;
        }
    }
    .content .header .link .lang {
        padding-left: 0;
    }
    .content .header .link .lang .line img {
        width: .3rem;
    }
    .content .header .link .lang .line span {
        font-size: .24rem;
    }
    
    
     .content .header1 {
        height: 1rem;
        padding: 0 .3rem;
        padding-right: 1.4rem;
    }
    .content .header1 .link ul {
        display: none;
    }
    .content .header1.on {
        height: 1rem;
    }
    .content .header1.on .logo {
        width: 2rem;
    }
    .content .header1 .logo {
        width: 2rem;
    }
    .content .header1 .link .icon {
        margin-left: 0;
    }
    .content .header1 .link .icon div {
        width: .3rem;
        height: .3rem;
        margin-right: .2rem;
        img {
            width: .25rem;
        }
    }
    .content .header1 .link .lang {
        padding-left: 0;
    }
    .content .header1 .link .lang .line img {
        width: .3rem;
    }
    .content .header1 .link .lang .line span {
        font-size: .24rem;
    }
    
    
    .content .banner .box {
        display: block;
        width: 100%;
    }
    .content .banner .box .news {
        width: 100%;
        padding: .3rem;
        display: block;
        border-bottom: 1px solid #F5F5F5;
    }
    .content .banner .box .share {
        width: 100%;
        padding-top: .3rem;
    }
    .content .banner .box .news ul li a span {
        font-size: .22rem;
        line-height: 1.6;
    }
    .content .banner .box .news ul li a p {
        font-size: .22rem;
        line-height: 1.6;
    }
    .content .banner .box .share>p {
        font-size: .24rem;
        margin-left: .3rem;
        span {
            font-size: .3rem;
        }
    }
    .content .banner .box .share div {
        margin-top: .3rem;
        height: 1rem;
        padding-left: .3rem;
        p {
            font-size: .4rem;
            span {
                font-size: .24rem;
            }
        }
    }
    .content .banner .box .news>p {
        width: 100%;
        text-align: center;
        font-size: .3rem;
        padding: 0;
    }
    .content .banner .box .news ul {
        width: 100%;
        padding: .3rem 0;
        padding-bottom: 0;
    }
    .content .banner {
        background-size: 180% 50vh;
        background-repeat: no-repeat;
        background-position: center 2rem;
        background-color: #FEFEFE;
    }
    .content .main_about {
        background-size: 100%;
        height: calc(100vh - 1rem);
        margin-top: 1rem;
        .m {
            padding: .6rem .3rem;
        }
    }
    .content .main_product {
        background-size: 100%;
        height: calc(100vh - 1rem);
        margin-top: 1rem;
    }
    .content .main_news {
        background-size: 100%;
        height: calc(100vh - 1rem);
        margin-top: 1rem;
        padding: .5rem .3rem;
    }
    .content .main_map {
        background-size: 100%;
        height: auto;
        background: #F5F5F5;
        margin-top: 1rem;
    }
    .footer .link {
        padding: .5rem .3rem;
    }
    .footer .link .label {
        display: none;
    }
    .footer .link .label:last-child {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .footer .link .label>p {
        font-size: .28rem;
        text-align: center;
        font-weight: bold;
    }
    .footer .link .label .code {
        display: flex;
        justify-content: center;
        img {
            width: 1.2rem;
            margin: 0 .15rem;
        }
    }
    .out {
        background: #E8E8EA;
    }
    .footer .link .label .info div p {
        font-size: .22rem;
    }
    .footer .link .label .info div span {
        font-size: .22rem;
    }
    .footer footer {
        padding: .5rem .3rem;
        box-sizing: border-box;
        font-size: .22rem;
    }
    .content .main_map .m {
        display: block;
        width: 100%;
        padding: .5rem .3rem;
    }
    .content .main_map .m .info {
        width: 100%;
        padding: 0;
    }
    .content .main_map .m .info ul {
        margin-top: .9rem;
        li {
            width: 33.33%;
            margin: 0;
        }
    }
    .content .main_map .m .info ul li div span {
        font-size: .36rem;
        margin-bottom: .2rem;
    }
    .content .main_map .m .map {
        width: 100%;
        height: 6rem;
        background-image: url(../images/icon_35.jpg);
        background-size: 150%;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
    }
    .content .main_map .m .info ul li p {
        font-size: .26rem;
    }
    .content .main_map .m .info ul li div::after {
        width: .5rem;
        height: .5rem;
    }
    .content .main_map .m .info>p {
        margin-bottom: .5rem;
    }
    .content .main_map .m .info>span {
        font-size: .23rem;
        line-height: 1.8;
        margin-bottom: .3rem;
    }
    .content .main_map .m .info em {
        font-size: .23rem;
        line-height: 1.8;
    }
    .content .main_news .title {
        margin-bottom: .5rem;
    }
    .content .main_news .box {
        padding-left: 1rem;
        margin-top: 20vh;
    }
    .content .main_news .box .btn {
        width: .6rem;
    }
    .content .main_news .box .btn.next {
        left: 0;
    }
    .content .main_news .box .mySwiper2 .swiper-slide {
        width: 5rem;
        margin-right: .3rem;
    }
    .content .main_news .box .mySwiper2 .swiper-slide .label div {
        padding: .6rem .2rem .2rem .2rem;
        p {
            font-size: .24rem;
        }
    }
    .content .main_product .mySwiper1 .swiper-slide .label {
        width: 100%;
        background-size: cover;
        background-position: right;
        padding: .5rem .3rem;
    }
    .content .main_product .mySwiper1 .swiper-slide {
        width: 100%;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .head span {
        font-size: .24rem;
        line-height: 1.8;
    }
    .content .main_about .m .grow>p,
    .content .main_about .m>p,
    .content .main_map .m .info>p,
    .content .main_product .mySwiper1 .swiper-slide .label .head p,
    .content .main_news .title {
        font-size: .33rem;
    }
    .content .main_about .m .grow>p {
        margin-bottom: .5rem;
    }
    .content .main_about .m .grow .info {
        width: 100%;
    }
    .content .main_about .m .grow .more {
        width: 2.3rem;
        height: .8rem;
        margin-top: .6rem;
        a {
            font-size: .26rem;
        }
    }
    .content .main_about .m .grow ul {
        margin-top: 1rem;
        li {
            margin: 0;
            width: 33.33%;
            p {
                font-size: .35rem;
                margin-bottom: .2rem;
            }
            span {
                font-size: .26rem;
            }
        }
    }
    .content .main_about .m .grow .info span {
        font-size: .23rem;
        line-height: 1.8;
        width: 100%;
    }
    .content .main_about .m .grow>p span {
        font-size: .22rem;
        margin-bottom: -.03rem;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .list ul li {
        margin-bottom: .2rem;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .list p {
        font-size: .24rem;
        line-height: .5rem;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .list ul li a {
        font-size: .24rem;
        padding: 0 .2rem;
        height: .5rem;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .more {
        left: .3rem;
        bottom: 1rem;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .more a span {
        font-size: .24rem;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .more a img {
        width: .3rem;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .head p {
        color: #fff;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .head span {
        color: #fff;
    }
    .content .main_product .mySwiper1 .swiper-slide .label .list p {
        color: #fc6a00;
    }
    .content .main_map .m .map .lab.lab1 {
        left: 5rem;
        top: 2.6rem;
    }
    .content .main_map .m .map .lab .line span {
        font-size: .2rem;
    }
    .content .main_map .m .map .lab .line div {
        width: .1rem;
        height: .1rem;
    }
    .content .main_map .m .map .lab.lab2 {
        left: 2.6rem;
        top: 2.4rem;
    }
    .content .main_map .m .map .lab.lab3 {
        left: 3.2rem;
        top: 3.1rem;
    }
    .content .main_map .m .map .lab.lab4 {
        left: 2.6rem;
        top: 4rem;
    }
    .content .main_map .m .map .lab.lab5 {
        left: 4.2rem;
        top: 3.75rem;
    }
    .content .main_map .m .map .lab.lab6 {
        left: 5.7rem;
        top: 3.1rem;
    }
    .content .main_map .m .map {
        background-size: 200%;
    }
    .content .main_map .m .map .lab .line img {
        width: .9rem;
    }
    .content .main_map .m .map .lab .show .child {
        padding: .2rem;
        p {
            font-size: .26rem;
        }
        span {
            font-size: .2rem;
            line-height: 1.8;
        }
    }
    .content .main_map .m .map .lab .show {
        width: 3.6rem;
    }
    .menu {
        width: .45rem !important;
        position: absolute;
        right: .3rem;
        top: 50%;
        transform: translateY(-50%);
        display: block !important;
    }
    .mobile_navbar {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        z-index: 999999;
        left: 0;
        top: 0;
        display: none;
    }
    .mobile_navbar .box {
        width: 100%;
        position: absolute;
        right: 0%;
        bottom: 100%;
        overflow: auto;
        height: calc(100vh - 1rem);
        background: #fff;
        padding-top: .5rem;
    }
    .mobile_navbar .box > ul {
        overflow: hidden;
    }
    .mobile_navbar .box > ul > li {
        overflow: hidden;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .mobile_navbar .box > ul > li>a {
        display: flex;
        align-items: center;
        height: 100%;
        height: .9rem;
        padding-right: .2rem;
        padding-left: .3rem;
        font-size: .28rem;
        color: #333;
        justify-content: space-between;
    }
    .mobile_navbar .box > ul > li>a.on img {
        transform: rotate(90deg);
    }
    .mobile_navbar .box > ul > li>a img {
        transition: all .2s;
        width: .3rem;
    }
    .childer {
        overflow: hidden;
        padding-left: .3rem;
        display: none;
    }
    .childer > a {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ECECEC;
        height: 100%;
        height: .9rem;
        padding-left: .5rem;
        font-size: .26rem;
        color: #333;
    }
    .childer a:last-child {
        border: none;
    }
    .mobile_navbar .box>img {
        width: .55rem;
        margin: .3rem;
        float: right;
    }
    .mobile_navbar .box ul li  .childlink{
    	display: flex;
    	align-items: flex-start;
    	display: none;
    	padding-left: .3rem;
    	&.on ul li:first-child{
    		margin-bottom: .2rem;
    	}
    	ul{
    		width: 100%;
    		margin-top: .3rem;
    		li{
    			font-size: .28rem;
    			font-weight: bold;
    			a{
    				font-size: .24rem;
    				color: #333;
    				padding: .15rem 0;
    				display: block;
    				padding-left: .5rem;
    				box-sizing: border-box;
    			}
    		}
    	}
    }
   .mobile_navbar .box ul li .icons{
   	overflow: hidden;
   	width: 100%;
   	display: flex;
   	display: none;
   	flex-wrap: wrap;
   	a{
   		display: flex;
   		align-items: center;
   		width: 50%;
   		box-sizing: border-box;
   		padding: 0.3rem 0;
   		padding-left: .6rem;
   		img{
   			width: .4rem;
   			margin-right: .2rem;
   		}
   		span{
   			font-size: .26rem;
   			color: #333;
   		}
   	}
   }
    .content .main_investor_notice {
        padding: .6rem .3rem;
    }
    .content .main_investor_notice .m .navbar a {
        font-size: .26rem;
        padding: .1rem 0;
        margin: 0;
        margin-right: .2rem;
    }
    .content .main_investor_notice .m .main_bonus {
        margin-top: .5rem;
    }
    .content .main_investor_notice .m .main_bonus .title {
        font-size: .3rem;
        text-align: center;
        letter-spacing: 0;
    }
    .content .main_investor_notice .m .main_bonus table {
        margin-top: .5rem;
    }
    .content .main_investor_notice .m .main_bonus table tr th {
        font-size: .26rem;
        height: 1rem;
        padding: 0 .1rem;
    }
    .content .main_investor_notice .m .main_bonus table tr td {
        font-size: .24rem;
        padding: .3rem .1rem;
        height: auto;
    }
    .content .des_banner img {
        height: 3.6rem;
        object-fit: cover;
    }
    .content .main_investor_notice .m .exchange_box {
        margin-top: .5rem;
    }
    .content .main_investor_notice .m .exchange_box .top {
        display: block;
        width: 100%;
    }
    .content .main_investor_notice .m .exchange_box .top .font {
        width: 100%;
        margin-bottom: .3rem;
        p {
            font-size: .3rem;
            margin-bottom: .15rem;
        }
        span {
            font-size: .25rem;
            line-height: 1.6;
        }
    }
    .content .main_investor_notice .m .exchange_box .top .fr {
        width: 100%;
        float: none;
        padding: .3rem;
        height: 2.5rem;
        p {
            font-size: .28rem;
            margin-bottom: .3rem;
        }
        span {
            font-size: .24rem;
        }
        em {
            font-size: .33rem;
        }
    }
    .content .main_investor_notice .m .exchange_box .bot {
        margin-top: .2rem;
        flex-wrap: wrap;
        .link {
            width: 100%;
            height: 2.5rem;
            padding: .3rem;
            p {
                font-size: .28rem;
                margin-bottom: .3rem;
            }
            span {
                font-size: .26rem;
            }
            img {
                width: .4rem;
            }
        }
    }
    .content .main_investor_notice .m .exchange_box .bot .info {
        width: 49%;
        margin-top: .2rem;
        height: auto;
        padding: .3rem;
        img {
            width: .45rem;
            margin-bottom: .2rem;
        }
        p {
            font-size: .26rem;
        }
        span {
            font-size: .3rem;
        }
    }
    .content .main_investor_notice .m .moveabout {
        margin-top: .5rem;
    }
    .content .main_investor_notice .m .moveabout ul {
        padding: 0 .3rem;
        li {
            a {
                min-height: auto;
                padding: .3rem 0;
                img {
                    width: .5rem;
                }
            }
        }
    }
    .content .main_investor_notice .m .moveabout ul li a .grow {
        width: calc(100% - .9rem);
        p {
            font-size: .28rem;
            letter-spacing: 0;
            display: -webkit-box;
            white-space: normal;
            line-height: 1.6;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
    }
    .content .main_investor_notice .m .moveabout ul li a .grow div {
        width: .3rem;
        height: .13rem;
    }
    .content .main_investor_notice .m .fadein {
        margin-top: .5rem;
        margin-bottom: .6rem;
    }
    .content .main_investor_notice .m .fadein .item ul li a {
        min-height: auto;
        padding: .3rem;
        img {
            width: .5rem;
        }
        .grow {
            width: calc(100% - .9rem);
            p {
                font-size: .28rem;
                letter-spacing: 0;
                display: -webkit-box;
                white-space: normal;
                line-height: 1.6;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            .des {
                span {
                    font-size: .22rem;
                }
                div {
                    width: .3rem;
                    height: .13rem;
                }
            }
        }
    }
    .page_list a {
        height: .6rem;
        min-width: .6rem;
        padding: 0 .03rem;
        font-size: .26rem;
        img {
            width: 30%;
        }
    }
    .content .main_investor_notice .m .fadein .item1 ul li {
        width: 100%;
        margin-bottom: .2rem;
        padding: .3rem;
        .pic {
            width: 2rem;
        }
        .grow {
            width: calc(100% - 2.3rem);
            p {
                font-size: .28rem;
            }
            span {
                font-size: .24rem;
            }
        }
    }
    .content .main_investor_notice .m .fadein .item1 ul li .grow .btn {
        position: static;
        margin-top: .2rem;
    }
    .content .main_investor_notice .m .fadein .item1 ul li .grow .btn div {
        width: 100%;
        font-size: .26rem;
        height: .6rem;
        img {
            width: .25rem;
        }
    }
    .content .main_news_box {
        padding: .6rem .3rem;
    }
    .tong_head {
        display: block;
        width: 100%;
    }
    .tong_head ul li {
        width: 33.33%;
        text-align: center;
        font-size: .28rem;
        margin: 0;
    }
    .tong_head .search {
        width: 100%;
        height: .8rem;
        margin-top: .3rem;
        padding-left: .3rem;
        img {
            width: .35rem;
        }
    }
    .tong_head .search input {
        width: calc(100% - .35rem - .3rem);
        height: 100%;
        padding-left: .3rem;
        font-size: .26rem;
    }
    .content .main_news_box .m .video_list {
        margin-top: .6rem;
        margin-bottom: 0;
    }
    .content .main_brand_list {
        padding: .5rem .3rem;
    }
    .content .main_brand_list .m .title {
        font-size: .3rem;
    }
    .content .main_news_box .m .video_list .swiper-slide {
        width: 80%;
        margin: 0 .15rem;
    }
    .content .main_brand_list .m ul li {
        width: 100%;
        display: block;
        margin-top: .3rem;
    }
    .content .main_brand_list .m ul li .fl {
        width: 100%;
        padding: 0;
        float: none;
        display: block;
    }
    .content .main_brand_list .m ul li .fl .font p {
        font-size: .3rem;
        margin-bottom: .2rem;
    }
    .content .main_brand_list .m ul li .fl .font span {
        font-size: .26rem;
        min-height: auto;
    }
    .content .main_brand_list .m ul li .fl .font a {
        margin-top: .3rem;
        font-size: .26rem;
        width: 3rem;
        height: .7rem;
    }
    .content .main_brand_list .m ul li .fl .font {
        width: 100%;
        padding: .3rem;
    }
    .content .main_brand_list .m ul li .fl .downs {
        width: 100%;
        padding: .3rem;
        &>p {
            font-size: .26rem;
            margin-bottom: .2rem;
        }
        &>span {
            font-size: .3rem;
            margin-bottom: .3rem;
        }
    }
    .content .main_brand_list .m ul li .fl .downs .des div {
        font-size: .2rem;
        height: .4rem;
        padding: 0 .2rem;
        margin-bottom: .1rem;
    }
    .content .main_brand_list .m ul li .fl .downs .down {
        margin-top: .3rem;
        a {
            img {
                width: .3rem;
            }
            span {
                font-size: .26rem;
            }
        }
    }
    .content .main_brand_list .m ul li .pic {
        width: 3rem;
    }
    .content .main_brand_list .m ul li {
        display: flex;
        flex-direction: row-reverse;
    }
    .content .main_brand_list .m ul li .fl .downs::after {
        display: none;
    }
    .content .main_news_box .m .video_list .label div {
        padding: .2rem;
        span {
            font-size: .26rem;
            letter-spacing: 0;
        }
    }
    .content .main_news_box .m .video_list .label img {
        width: .6rem;
    }
    .content .main_brand_list .m ul li .fl {
        width: calc(100% - .6rem);
    }
    .content .nullx {
        height: 1rem;
    }
    .content .main_news_info {
        padding: .6rem .3rem;
    }
    .content .main_news_info .m .menus ul li {
        font-size: .26rem;
    }
    .content .main_news_info .m .box {
        margin-top: .5rem;
        display: block;
    }
    .content .main_news_info .m .box .left {
        width: 100%;
    }
    .content .main_news_info .m .box .left .head {
        padding-bottom: .3rem;
        p {
            font-size: .33rem;
            margin-bottom: .2rem;
            line-height: 1.6;
        }
        span {
            font-size: .24rem;
        }
    }
    .content .main_news_info .m .box .right {
        width: 100%;
        margin-top: .5rem;
    }
    .content .main_news_info .m .box .left .children {
        padding: .4rem 0;
    }
    .content .main_news_info .m .box .left .children img {
        margin: .3rem 0;
    }
    .content .main_news_info .m .box .left .children span {
        font-size: .26rem;
        line-height: 1.7;
    }
    .content .main_news_info .m .box .right .head span {
        font-size: .28rem;
    }
    .content .main_news_info .m .box .right ul li a {
        padding: .3rem 0;
        p {
            font-size: .3rem;
            line-height: 1.7;
        }
    }
    .content .main_news_info .m .box .right ul li a span {
        font-size: .25rem;
        line-height: 1.7;
    }
    .content .main_news_box .m .medium_list {
        margin-top: .5rem;
        ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            li {
                width: 49%;
                margin: 0;
                margin-bottom: .2rem;
            }
        }
    }
    .content .main_news_box .m .medium_list ul li .info {
        padding: 0 .2rem;
    }
    .content .main_news_box .m .medium_list ul li .info .t {
        padding: .2rem 0;
        display: block;
    }
    .content .main_news_box .m .medium_list ul li .info .t .date {
        width: 100%;
        text-align: center;
    }
    .content .main_news_box .m .medium_list ul li .info .t .date::after {
        display: none;
    }
    .content .main_news_box .m .medium_list ul li .info .t .date p {
        font-size: .3rem;
        margin-bottom: .1rem;
    }
    .content .main_news_box .m .medium_list ul li .info .t .date span {
        font-size: .26rem;
    }
    .content .main_news_box .m .medium_list ul li .info .t .grow {
        width: 100%;
        padding: 0;
        margin-top: .2rem;
    }
    .content .main_news_box .m .medium_list ul li .info .t .grow p {
        font-size: .26rem;
        line-height: 1.65;
    }
    .content .main_news_box .m .medium_list ul li .info .t .grow span {
        font-size: .22rem;
    }
    .content .main_news_box .m .medium_list ul li .info .b span {
        font-size: .22rem;
    }
    .content .main_news_box .m .news_list {
        margin-top: .3rem;
    }
    .content .main_news_box .m .news_list .label {
        margin-top: .2rem;
        height: 3.6rem;
        width: 100%;
        &.on {
            width: 100%;
        }
    }
    .content .main_news_box .m .news_list .label .font div p {
        font-size: .28rem;
    }
    .content .news_lists {
        padding: .6rem .3rem;
    }
    .content .news_lists .m ul li a {
        padding: 0;
        display: block;
    }
    .content .news_lists .m ul li a .pic {
        width: 100%;
    }
    .content .news_lists .m ul li a .grow {
        width: 100%;
        padding: .3rem;
    }
    .content .news_lists .m ul li a .grow p {
        font-size: .3rem;
        line-height: 1.6;
        margin-bottom: .1rem;
    }
    .content .news_lists .m ul li a .grow span {
        font-size: .22rem;
    }
    .content .news_lists .m ul li a .grow div {
        display: block;
        width: 100%;
        margin-top: .3rem;
        em {
            width: 100%;
            display: block;
            font-size: .24rem;
            line-height: 1.65;
        }
        i {
            display: block;
            margin-top: .2rem;
            font-size: .24rem;
        }
    }
    .content .about_navbar .m li{
    	margin: 0;
    	font-size: .23rem;
    }
    .content .about_navbar .m{
    	padding: .2rem 0;
    }
    .content .about_navbar .m li a{
    	height: .6rem;
    	padding: 0 .2rem;
    }
    .content .about_navbar{
    	top: 1rem;
    	position: static;
    }
    .content .main_civilization .label{
    	height: 4rem;
    }
    .content .main_civilization .label .m .font div{
    	display: none;
    }
    .content .main_civilization .label .m .font{
    	width: 100%;
    	text-align: center;
    }
    .content .main_civilization .label .m .font p{
    	font-size: .3rem;
    	font-weight: bold;
    }
    .content .main_civilization .label .m{
    	height: 100%;
    	background: rgba(255,255,255,0.55);
    }
    .content .main_civilization .boxs{
    	height: auto;
    	padding: 1rem 0;
    }
    .content .main_civilization .boxs .mid p{
    	font-size: .3rem;
    	font-weight: bold;
    	text-align: center;
    	margin-bottom: .2rem;
    }
    .content .main_civilization .boxs .mid > span{
    	font-size: .24rem;
    	line-height: 1.6;
    }
    .content .main_civilization .boxs .mid{
    	padding: 0;
    	width: 6.9rem;
    	margin: 0 auto;
    }
    .content .main_civilization .boxs .mid ul{
    	margin-top: .3rem;
    	padding: .3rem;
    	width: 100%;
    	padding-bottom: 0;
    	border-radius: 0 .3rem .3rem .3rem;
    	li{
    		width: 50%;
    		font-size: .24rem;
    		span{
    			font-size: .26rem;
    		}
    	}
    }
    .content .main_about_develop .m .title{
    	font-size: .33rem;
    	top: .6rem;
    	left: .3rem;
    }
    .content .main_about_develop .m .slide{
    	width: calc(100% - 2.5rem);
    	justify-content: center;
    }
    .content .main_about_develop .m .slide .info{
    	padding: 0;
    	p{
    		font-size: .28rem;
    		margin-bottom: .3rem;
    	}
    	img{
    		display: block;
    		width: 100%;
    	}
    }
    .content .main_about_develop .m .navbar .line{
    	width: 100%;
    }
    .content .main_about_develop .m .navbar .line.prev{
    	top: 3.6rem;
    }
     .content .main_about_develop .m .navbar .line.next{
    	top: 4.6rem;
    }
    .content .main_about_develop .m .navbar{
    	width: 2.5rem;
    	height: 6.6rem;
    	padding-top: 1.6rem;
    	padding-bottom: 0;
    }
    .content .main_about_develop .m .navbar .label{
    	padding: 0;
    	justify-content: center;
    }
    .content .main_about_develop .m .navbar .mySwiper .swiper-slide{
    	height: 1rem;
    }
    .content .main_about_develop .m .navbar .label p{
    	font-size: .22rem;
    	span{
    		font-size: .3rem;
    	}
    }
    .content .main_honour{
    	padding: 1rem .3rem;
    }
    .content .main_honour .m .title{
    	font-size: .33rem;
    }
    .title{
    	letter-spacing: 1px !important;
    }
    .content .main_honour .m .box{
    	margin-top: .8rem;
    }
    .content .main_natural{
    	padding: 1rem .3rem;
    }
    .content .main_natural .m .title{
    	font-size: .33rem;
    }
    .content .main_natural .m .box{
    	margin-top: .5rem;
    }
    .content .main_natural .m .box .mySwiper1 .swiper-slide{
    	padding: 2px;
    }
    .content .main_natural .m .box .mySwiper1 .swiper-slide{
    	width: 32%;
    }
    .content .main_honour .m .box .mySwiper .swiper-slide{
    	height: auto;
    	width: 2.8rem;
    }
    .content .main_honour .m .box .label .pic{
    	width: 2.8rem;
    }
    .content .main_honour .m .box .label span{
    	font-size: .24rem;
    	margin-top: .3rem;
    }
    .content .main_honour .m .box .label{
    	position: static;
    }
    .content .main_about_join{
    	padding: .6rem .3rem;
    }
    .content .main_about_join .m .tip{
    	height: 4rem;
    	padding: 0 .3rem;
    }
    .content .main_about_join .m .tip div span{
    	font-size: .24rem;
    	line-height: 1.6;
    	text-align: center;
    }
    .content .main_about_join .m .fontbox{
    	padding: .6rem 0;
    	background-size: 2rem;
    	background: #fff;
    	display: block;
    	ul{
    		width: 100%;
    		margin: 0;
    		li{
    			padding: .3rem 0;
    			p{
    				font-size: .28rem;
    				margin-bottom: .1rem;
    			}
    			span{
    				font-size: .24rem;
    				line-height: 1.6;
    			}
    		}
    	}
    }
    .content .main_about_join .m .link{
    	display: block;
    	.label{
    		margin-bottom: .2rem;
    		width: 100%;
    	}
    }
    .content .main_about_join .m .link .label .zz .mid p{
    	font-size: .28rem;
    }
    .content .main_about_join .m .link .label .zz .mid ul li{
    	margin-top: .3rem;
    	a{
    		height: .5rem;
    		padding: 0 .3rem;
    		font-size: .24rem;
    	}
    }
    .content .main_about_join .m .join{
    	padding: .6rem 0;
    	margin-top: .3rem;
    	p{
    		font-size: .3rem;
    		margin-bottom: .3rem;
    	}
    	span{
    		font-size: .26rem;
    		line-height: 1.6;
    		margin-bottom: .4rem;
    	}
    	em{
    		font-size: .26rem;
    		line-height: 1.6;
    	}
    }
    .content .main_about_join .m .pess{
    	padding: .6rem 0;
    }
    .content .main_about_join .m .pess .head p{
    	font-size: .3rem;
    	margin-bottom: .3rem;
    }
    .content .main_about_join .m .pess .head span{
    	font-size: .26rem;
    }
    .content .main_about_join .m .pess .box{
    	height: auto;
    	margin-top: .3rem;
    	display: flex;
    	flex-wrap: wrap;
    }
    .content .main_about_join .m .pess .box .lab{
    	position: static;
    	display: flex;
    	align-items: center;
    	margin: 0;
    	margin-top: .3rem;
    	width: 50%;
    	justify-content: flex-end;
    	flex-direction: row-reverse;
    	span{
    		font-size: .26rem;
    	}
    }
    .content .main_about_join .m .pess .box .lab img{
    	margin: 0;
    	margin-right: .3rem;
    	width: .5rem;
    }
    .content .main_sustainable .main_sustainable_info{
    	padding: .6rem .3rem;
    }
    .content .main_sustainable .main_sustainable_info .m{
    	display: block;
    }
    .content .main_sustainable .main_sustainable_info .m .font{
    	width: 100%;
    	margin-top: .6rem;
    	padding: .5rem;
    	height: auto;
    	padding-bottom: 4rem;
    	p{
    		font-size: .3rem;
    		margin-bottom: .3rem;
    	}
    	span{
    		font-size: .26rem;
    		line-height: 1.6;
    	}
    }
    .content .main_sustainable .main_sustainable_info .m img{
    	width: 100%;
    }
    .content .main_sustainable .main_sustainable_info .m .head{
    	position: static;
    	width: 100%;
    	text-align: center;
    	p{
    		font-size: .3rem;
    		margin-bottom: .2rem;
    	}
    	span{
    		font-size: .26rem;
    	}
    }
    .content .main_sustainable .sustainable_slide{
    	height: 10rem;
    }
    .content .main_sustainable .sustainable_slide .mySwiper .swiper-slide .m{
    	padding: 0 .3rem;
    }
    .content .main_sustainable .sustainable_slide .mySwiper .swiper-slide .m .title{
    	font-size: .3rem;
    	margin-bottom: .8rem;
    	text-align: center;
    }
    .content .main_sustainable .sustainable_slide .mySwiper .swiper-slide .m .box{
    	width: 100%;
    	padding: .5rem;
    }
    .content .main_sustainable .sustainable_slide .mySwiper .swiper-slide .m .box p{
    	font-size: .3rem;
    	margin-bottom: .3rem;
    }
    .content .main_sustainable .sustainable_slide .mySwiper .swiper-slide .m .box span{
    	font-size: .24rem;
    	margin-bottom: .5rem;
    }
    .content .main_sustainable .sustainable_slide .mySwiper .swiper-slide .m .box em{
    	font-size: .24rem;
    	line-height: 1.6;
    	min-height: auto;
    }
    .content .main_sustainable .sustainable_slide .mySwiper .swiper-slide .m .box .pages{
    	justify-content: center;
    	margin-top: .5rem;
    	img{
    		width: .6rem;
    	}
    	i{
    		font-size: .3rem;
    		width: 1.6rem;
    	}
    }
    .content .sustainable_info{
    	padding: .6rem .3rem;
    }
    .content .sustainable_info .m .tip p{
    	font-size: .3rem;
    	margin-bottom: .3rem;
    	text-align: center;
    }
    .content .sustainable_info .m .tip span{
    	font-size: .24rem;
    	line-height: 1.8;
    }
    .content .sustainable_info .m .tip img{
    	margin-top: .3rem;
    }
    .content .sustainable_info .m .list{
    	padding-top: .6rem;
    	.tit{
    		font-size: .3rem;
    		text-align: center;
    	}
    }
    .content .sustainable_info .m .list ul li{
    	margin-top: .3rem;
    	display: block;
    	.pic{
    		width: 100%;
    	}
    	.grow{
    		width: 100%;
    		padding: .3rem 0;
    		p{
    			font-size: .28rem;
    			margin-bottom: .1rem;
    		}
    		span{
    			font-size: .26rem;
    			line-height: 1.7;
    		}
    	}
    }
    .content .sustainable_green{
    	padding: .6rem .3rem;
    }
    .content .sustainable_green .m .font{
    	padding: .6rem .3rem;
    	p{
    		font-size: .3rem;
    		margin-bottom: .3rem;
    		letter-spacing: 1px;
    	}
    	span{
    		font-size: .26rem;
    		line-height: 1.7;
    	}
    }
    .content .sustainable_green .m .box{
    	margin-top: .6rem;
    	display: block;
    	.pic{
    		width: 100%;
    	}
    	.grow{
    		width: 100%;
    		padding: .3rem;
    		p{
    		font-size: .3rem;
    		margin-bottom: .3rem;
    		text-align: center;
    		letter-spacing: 1px;
    	}
    	span{
    		font-size: .26rem;
    		line-height: 1.7;
    	}
    	}
    }
    .content .news_lists .m .title{
    	font-size: .3rem;
    	margin-bottom: .6rem;
    }
    .content .main_about_team .m ul li{
    	padding: .6rem .3rem;
    }
    .content .main_about_team .m ul li > p{
    	font-size: .3rem;
    	font-weight: bold;
    }
    .content .main_about_team .m ul li .child{
    	margin-top: .3rem;
    }
    .content .main_about_team .m ul li .child .lab{
    	margin-top: .3rem;
    }
    .content .main_about_team .m ul li .child .lab p{
    	min-width: 20%;
    	font-size: .26rem;
    	margin-right: .2rem;
    }
    .content .main_about_team .m ul li .child .lab div span{
    	font-size: .26rem;
    }
    .content .main_about_team{
    	padding-bottom: .5rem;
    }
    .content .main_zzjg{
    	padding: .6rem .3rem;
    }
    .content .main_zzjg .m p{
    	font-size: .3rem;
    	font-weight: bold;
    	margin-bottom: .5rem;
    }
    .content .main_about_gk{
    	display: block;
    	width: 100%;
    	padding: 0;
    }
    .content .main_about_gk .pic{
    	width: 100%;
    }
    .content .main_about_gk .grow{
    	width: 100%;
    	padding: .5rem .3rem;
    	p{
    		font-size: .3rem;
    		font-weight: bold;
    		margin-bottom: .3rem;
    	}
    	span{
    		font-size: .26rem;
    		line-height: 1.7;
    	}
    }
    .content .main_about_gk .grow ul{
    	margin-top: .3rem;
    }
    .content .main_about_gk .grow ul li{
    	width: 33.33%;
    	margin: 0;
    	p{
    		text-align: center;
    		font-size: .36rem;
    		margin-bottom: .2rem;
    	}
    	span{
    		font-size: .24rem;
    		text-align: center;
    	}
    }
    .content .main_about_coming{
    	padding: 0;
    	display: block;
    	margin: 0;
    }
    .content .main_about_coming .grow{
    	width: 100%;
    	padding: .5rem;
    	p{
    		text-align: center;
    		font-size: .3rem;
    		margin-bottom: .3rem;
    	}
    	span{
    		font-size: .26rem;
    		line-height: 1.7;
    	}
    }
    .content .main_about_coming .info{
    	width: 100%;
    }
    .content .main_about_coming .info > img{
    	height: auto;
    	object-fit: cover;
    }
    .content .main_about_coming .info .line{
    	position: static;
    	display: block;
    	img{
    		display: none;
    	}
    	div{
    		width: 100%;
    		padding: .5rem;
    		p{
    			font-size: .26rem;
    			line-height: 1.7;
    		}
    	}
    }
    .content .main_about_owner{
    	margin: 0;
    	height: 12rem;
    	.bgs{
    		height: 100%;
    		object-fit: cover;
    	}
    }
    .content .main_about_owner .m{
    	padding: .5rem .3rem;
    }
    .content .main_about_owner .m .title{
    	text-align: center;
    	font-size: .3rem;
    	font-weight: bold;
    }
    .content .main_about_owner .m .box{
    	display: block;
    }
    .content .main_about_owner .m .box ul{
    	position: static;
    	justify-content: center;
    }
    .content .main_about_owner .m .box ul li{
    	width: 2rem;
    	height: 1.5rem;
    	padding: .3rem;
    	p{
    		font-size: .26rem;
    		margin-bottom: .1rem;
    	}
    	span{
    		font-size: .22rem;
    	}
    }
    .content .main_about_owner .m .box .grow{
    	width: 100%;
    	margin-top: .6rem;
    }
    .content .main_about_owner .m .box ul li div{
    	font-size: .28rem;
    }
    .content .main_about_owner .m .box .grow p{
    	font-size: .28rem;
    	letter-spacing: 0;
    	text-align: center;
    	font-weight: bold;
    }
    .content .main_about_owner .m .box .grow span{
    	font-size: .24rem;
    	line-height: 1.7;
    	margin-top: .3rem;
    }
    .content .main_about_owner .m .box .grow a{
    	font-size: .24rem;
    	line-height: 1.7;
    	margin-top: .3rem;
    	text-align: center;
    }
    .content .main_about_base{
    	padding: .5rem .3rem;
    }
    .content .main_about_base .title{
    	font-size: .3rem;
    	text-align: center;
    	font-weight: bold;
    	margin-bottom: .6rem;
    }
    .content .main_about_base .nav .mySwiper .swiper-slide{
    	width: 33.33%;
    }
    .content .main_about_base .nav .lab div{
    	margin-bottom: .3rem;
    }
    .content .main_about_base .nav .lab span{
    	font-size: .24rem;
    }
    .content .main_about_base .slide{
    	margin-top: .5rem;
    }
    .content .main_about_base .slide .mySwiper1 .swiper-slide{
    	width: 48%;
    	margin-right: 4%;
    }
    .content .main_about_base .slide .mySwiper1 .swiper-slide .lab a span{
    	padding: 0;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	font-size: .26rem;
    	letter-spacing: 0;
    }
    .content .main_cpfl{
    	padding: .6rem .3rem;
    }
    .content .main_cpfl .m .title{
    	font-size: .3rem;
    	font-weight: bold;
    	text-align: center;
    }
    .content .main_cpfl .m .nav{
    	margin-top: .5rem;
    }
    .content .main_cpfl .m .nav .mySwiper .swiper-slide{
    	width: 33.33%;
    	span{
    		font-size: .24rem;
    	}
    }
    .content .main_cpfl .m .nav .lab div{
    	margin-bottom: .3rem;
    }
    .content .main_cpfl_box{
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide{
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide .m{
    	padding: .5rem .3rem;
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide .bg{
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide .bg{
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
    	left: 0;
    	top: 0;
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide .m{
    	width: 100%;
    	position: relative;
    	z-index: 999;
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide .m .box{
    	padding: .5rem .3rem;
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide .m .box .icon img{
    	width: .5rem;
    	margin-right: .3rem;
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide .m .box .icon span{
    	font-size: .3rem;
    	font-weight: bold;
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide .m .box ul li .line{
    	height: .8rem;
    }
    .content .main_cpfl_box .mySwiper1 .swiper-slide .m .box ul li{
    	margin-top: .3rem;
    }
    .content .main_cptx{
    	padding: .6rem .3rem;
    }
    .content .main_cptx .m .title{
    	font-size: .3rem;
    	font-weight: bold;
    	text-align: center;
    }
    .content .main_cptx .m .pic{
    	margin-top: .6rem;
    }
    .content .main_cptx .m > ul li{
    	height: .8rem;
    	font-size: .28rem;
    }
    .content .main_cptx .m .fadein{
    	margin-top: .5rem;
    }
 	.content .main_cptx .m .fadein ul{
 		flex-wrap: wrap;
 		li{
 			width: 33.33%;
 			padding: .2rem 0;
 			&:nth-child(3n)::after{
 				display: none;
 			}
 			p{
 				font-size: .36rem;
 				text-align: center;
 				margin-bottom: .2rem;
 			}
 			span{
 				font-size: .24rem;
 				display: block;
 				text-align: center;
 			}
 		}
 	}   
 	.content .main_cpxq{
 		padding: 1.5rem .3rem;
 	}
 	.content .main_cpxq .m .menua ul li{
 		font-size: .24rem;
 		margin-right: .03rem;
 	}
 	.content .main_cpxq .m .info{
 		display: block;
 		padding-bottom: .6rem;
 		margin-top: .6rem;
 	}
 	.content .main_cpxq .m .info .fl{
 		width: 100%;
 		float: none;

 		p{
 			font-size: .33rem;
 			font-weight: bold;
 			margin-bottom: .3rem;
 			letter-spacing: 0;
 		}
 	}
 	.content .main_cpxq .m .info .fl div span{
 		font-size: .26rem;
 			line-height: 1.7;
 	}
 	.content .main_cpxq .m .info .fl div{
 		margin-bottom: .3rem;
 	}
 	.content .main_cpxq .m .info img{
 		display: block;
 		margin: 0 auto;
 		width: 60%;
 	}
 	.content .main_cpxq .m .case{
 		padding: .6rem 0;
 	}
 	.content .main_cpxq .m .case .title{
 		font-size: .3rem;
 		font-weight: bold;
 		letter-spacing: 0;
 	}
 	.content .main_cpxq .m .case .box table{
 		width: 100%;
 		margin: 0;
 		margin-top: .3rem;
 	}
 	.content .main_cpxq .m .case .box table tr th{
 		height: .8rem;
 		font-size: .28rem;
 	}
 	.content .main_cpxq .m .case .box table tr td{
 		height: .8rem;
 		font-size: .26rem;
 	}
 	.content .header1 .logo{
 		height: .7rem;
 	}
 	.content .main_cybj{
 		padding: .6rem .3rem;
 	}
 	.content .main_cybj .m{
 		height: auto;
 		padding: .5rem .3rem;
 	}
 	.content .main_cybj_box .m .mySwiper1 .swiper-slide .lab div{
 		margin-bottom: .2rem;
 	}
 	.content .main_cybj_box .m{
 		padding-top: .2rem;
 		bottom: .2rem;
 	}
 	.content .main_cybj_box .m .mySwiper1 .swiper-slide .lab span{
 		font-size: .24rem;
 		overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
 	}
 	.content .main_cybj .m div{
 		width: 100%;
 		span, p{
 			font-size: .24rem;
    line-height: 1.6;
    text-align: center;
    margin-bottom: .2rem;
 		}
 	}
 	.content .main_fzjg{
 		padding: .6rem .3rem;
 	}
 	.content .main_fzjg .m .title{
 		font-size: .3rem;
 		font-weight: bold;
 	}
 	.content .main_fzjg .m ul{
 		margin-top: .6rem;
 	}
 	.content .main_fzjg .m ul li{
 		width: 100%;
 		border: none;
 		padding: .3rem 0;
 		p{
 			font-size: .28rem;
 			margin-bottom: .2rem;
 		}
 		div{
 			img{
 				width: .2rem;
 			}
 			span{
 				font-size: .24rem;
 				margin-left: .1rem;
 			}
 		}
 	}
 	.content .main_cybj_boxs{
 		padding: .6rem 0;
 		padding-top: 0;
 	}
 	.content .main_cybj_boxs .title{
 		font-size: .3rem;
 		font-weight: bold;
 	}
 	.content .main_cybj_boxs .mySwiper1{
 		margin-top: .6rem;
 	}
 	.content .main_cybj_boxs .mySwiper1 .swiper-slide .lab span{
 		padding: 0;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		font-size: .28rem;
 	}
 	.content .main_cybj_boxs .mySwiper1 .btn{
 		width: .55rem;
 	}
 	.content .main_cybj_boxs .mySwiper1 .btn.prev{
 		left: 16%;
 	}
 	.content .main_cybj_boxs .mySwiper1 .btn.next{
 		right: 16%;
 	}
 	.content .main_gts{
 		margin-top: 0;
 		padding: 0 .3rem;
 		padding-top: 1rem;
 	}
 	.content .main_gts .m .infos::after{
 		display: none;
 	}
 	.content .main_gts .m .infos img{
 		width: 1.8rem;
 		top: -.7rem;
 	}
 	.content .main_gts .m .infos{
 		padding: 1.2rem .3rem .3rem .3rem;
 		p{
 			font-size: .3rem;
 			letter-spacing: 0;
 		}
 		span{
 			font-size: .24rem;
 			line-height: 1.7;
 			margin-bottom: .2rem;
 		}
 	}
 	.content .main_gts .m ul{
 		margin-top: .6rem;
 		padding-bottom: .3rem;
 		li{
 			margin-bottom: .3rem;
 		}
 	}
 	.content .main_fzjgs .m{
 		justify-content: center;
 		align-items: center;
 	}
 	.content .main_fzjgs .m .box{
 		width: 6.9rem;
 		padding: 0 .3rem;
 	}
 	.content .main_fzjgs .m .box ul li a{
 		padding: .3rem .1rem;
 	}
 	.content .main_fzjgs .m .box ul li a p{
 		font-size: .28rem;
 		margin-bottom: .2rem;
 	}
 	.content .main_fzjgs .m .box ul li a div span{
 		font-size: .24rem;
 	}
 	.content .main_fzjgs .m .box ul li a div img{
 		width: .23rem;
 	}
 	.content .main_fzjgs .m .box .more a{
 		padding: .3rem 0;
 		font-size: .24rem;
 		img{
 			width: .23rem;
 		}
 	}
 	.content .main_jjfa{
 		padding: .6rem .3rem;
 	}
 	.content .main_jjfa .m .title{
 		font-size: .3rem;
 		font-weight: bold;
 	}
 	.content .main_jjfa .m ul li{
 		margin-top: .2rem;
 	}
 	.content .main_jjfa .m ul{
 		margin-top: .3rem;

 	}
 	.content .main_jjfa .m ul li span{
 		width: 100%;
 		height: 100%;
 		top: 0;
 		max-width: 100%;
 		left: 0;
 		font-size: .28rem;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		padding: 0 .5rem;
 		letter-spacing: 0;
 		text-align: center;
 		box-sizing: border-box;
 		line-height: 1.7;
 		transform: translate(0);
 	}
 	.content .main_cause_form{
 		padding: .6rem .3rem;
 	}
 	.content .main_cause_form .m .pic{
 		display: none;
 	}
 	.content .main_cause_form .m .form{
 		width: 100%;
 		padding: .5rem .3rem;
 	}
 	.content .main_cause_form .m .form p{
 		font-size: .3rem;
 		font-weight: bold;
 		text-align: center;
 		margin-bottom: .4rem;
 	}
 	.content .main_cause_form .m .form input[type='text']{
 		width: 100%;
 		max-width: 100%;
 		font-size: .26rem;
 		padding-left: .3rem;
 		height: 1rem;
 		margin-bottom: .15rem;
 	}
 	.content .main_cause_form .m .form input[type='submit']{
 		width: 100%;
 		max-width: 100%;
 		height: 1rem;
 		font-size: .3rem;
 	}
 	.content .main_kjcx_top{
 		padding: .6rem .3rem;
 		display: block;
 	}
 	.content .main_kjcx_top .m{
 		display: block;
 	}
 	.content .main_kjcx_top .m .font{width: 100%;}
 	.content .main_kjcx_top .m .font p{
 		font-size: .3rem;
 		font-weight: bold;
 	}
 	.content .main_kjcx_top .m .font span{
 		font-size: .26rem;
 		line-height: 1.7;
 		margin-top: .3rem;
 	}
 	.content .main_kjcx_top .m ul{
 		margin-top: .5rem;
 	}
 	.content .main_kjcx_top .m ul li{
 		margin: 0;
 		width: 33.33%;
 	}
 	.content .main_kjcx_top .m ul li p{
 		font-size: .26rem;
 		letter-spacing: 0;
 		justify-content: center;
 		span{
 			font-size: .36rem;
 		}
 	}
 	.content .main_kjcx_top .m ul li em{
 		font-size: .24rem;
 		text-align: center;
 	}
 	.content .main_kjcx_zz .box{
 		padding-left: .3rem;
 		bottom: -.88rem;
 	}
 	.content .main_kjcx_zz .box .slide .mySwiper .swiper-slide{
 		width: 2.5rem;
 		margin-right: .2rem;
 	}
 	.content .main_kjcx_zz .box p{
 		font-size: .3rem;
 		font-weight: bold;
 		margin-bottom: .5rem;
 	}
 	.content .main_kjcx_xy{
 		margin-top: 1.3rem;
 	}
 	.content .main_kjcx_xy{
 		height: auto;
 		padding: .5rem .3rem;
 	}
 	.content .main_kjcx_xy .m .box{
 		padding: .5rem .3rem;
 		width: 100%;
 	}
 	.content .main_kjcx_xy .m .box ul{
 		position: static;
 		margin-top: .3rem;
 	}
 	.content .main_kjcx_xy .m .box > p{
 		font-size: .3rem;
 		font-weight: bold;
 	}
 	.content .main_kjcx_xy .m .box > span{
 		font-size: .25rem;
 		line-height: 1.6;
 		margin-top: .3rem;
 	}
 	.content .main_kjcx_xy .m .box ul li{
 		width: 33.33%;
 		margin: 0;
 	}
 	.content .main_kjcx_xy .m .box ul li p{
 		font-size: .28rem;
 		justify-content: center;
 		span{
 			font-size: .35rem;
 		}
 	}
 	.content .main_kjcx_xy .m .box ul li em{
 		font-size: .24rem;
 		margin-top: .2rem;
 		text-align: center;
 	}
 	.content .main_kjcx_news{
 		padding: .6rem 0 .6rem .3rem;
 	}
 	.content .main_kjcx_news .title{
 		font-size: .3rem;
 		font-weight: bold;
 	}
 	.content .main_kjcx_news .slide{
 		margin-top: .6rem;
 	}
 	.content .main_kjcx_news .slide .mySwiper1 .swiper-slide{
 		width: 4.5rem;
 		margin-right: .3rem;
 	}
 	.content .main_kjcx_news .slide .mySwiper1 .swiper-slide .label .info{
 		padding: 0 .2rem;
 	}
 	.content .main_kjcx_news .slide .mySwiper1 .swiper-slide .label .info .t{
 		padding: .2rem 0;
 	}
 	.content .main_kjcx_news .slide .mySwiper1 .swiper-slide .label .info .t .date{
 		width: 1.2rem;
 		p{
 			font-size: .3rem;
 			margin-bottom: .1rem;
 		}
 		span{
 			font-size: .24rem;
 		}
 	}
 	.content .main_kjcx_news .slide .mySwiper1 .swiper-slide .label .info .t .grow{
 		width: calc(100% - 1.2rem);
 		padding-left: .15rem;
 		p{
 			font-size: .26rem;
 			margin-bottom: .05rem;
 		}
 		span{
 			font-size: .22rem;
 			line-height: 1.66;
 		}
 	}
 	.content .main_kjcx_news .slide .mySwiper1 .swiper-slide .label .info .b{
 		height: .8rem;
 		span{
 			font-size: .22rem;
 		}
 	}
 	.content .main_scbj{
 		padding: .6rem .3rem;
 	}
 	.content .main_scbj .m .maps{
 		position: relative;
 		width: 100%;
 		background-size: 100%;
 		background-repeat: no-repeat;
 		height: 5rem;
 	}
 	.content .main_scbj .m > p{
 		font-size: .3rem;
 		margin-bottom: .2rem;
 	}
 	.content .main_scbj .m > span{
 		font-size: .26rem;
 		line-height: 1.7;
 		width: 100%;
 	}
 	.content .main_scbj .m ul{
 		width: 100%;
 		margin-top: .5rem;
 	}
 	.content .main_scbj .m ul li{
 		padding: .3rem 0;
 	}
 	.content .main_scbj .m ul li .line p{
 		font-size: .3rem;
 	}
 	.content .main_scbj .m ul li .line img{
 		width: .23rem;
 	}
 	.content .main_scbj .m ul li .child{
 		margin-top: .5rem;
 		padding: 0 .3rem;
 	}
 	.content .main_scbj .m ul li .child .des span{
 		font-size: .24rem;
 		margin-right: .2rem;
 		margin-bottom: .2rem;
 	}
 	.content .main_scbj .m ul li .child .des1 div span{
 		margin-top: .1rem;
 	}
 	.content .main_scbj .m .maps .lab .show .child{
 		padding: .3rem;
 		p{
 			font-size: .28rem;
 		}
 		span{
 			font-size: .24rem;
 			line-height: 1.7;
 		}
 	}
 	.content .main_scbj .m .maps{
 		margin-top: .66rem;
 	}
 	.content .main_scbj .m .maps .lab .show{
 		width: 4rem;
 		left: -2rem;
 	}
 	.content .main_scbj .m .maps .lab .line img{
 		width: .6rem;
 	}
 	.content .main_scbj .m .maps .lab.lab1{
 		right: 1.68rem;
 		top: 1rem;
 	}
 	.content .main_scbj .m .maps .lab .show .child::after{
 		left: 2.2rem;
 	}
 	.content .main_case_service{
 		padding: .6rem .3rem;
 	}
 	.content .main_case_service .m img{
 		width: 100%;
 	}
 	.content .main_case_service .m div{
 		position: static;
 		width: 100%;
 		min-height: auto;
 		transform: translate(0);
 		padding: .35rem;
 		p{
 			font-size: .3rem;
 			font-weight: bold;
 			text-align: center;
 			margin-bottom: .33rem;
 		}
 		span{
 			font-size: .26rem;
 			line-height: 1.7;
 		}
 	}
 	.content .main_counter{
 		padding: .6rem .3rem;
 	}
 	.content .main_counter .m .title{
 		font-size: .3rem;
 		text-align: center;
 		font-weight: bold;
 		margin-bottom: .6rem;
 	}
 	.content .main_counter .m .box{
 		display: block;
 	}
 	.content .main_counter .m .box .lab{
 		width: 100%;
 		p{
 			font-size: .26rem;
 			margin-bottom: .2rem;
 		}
 		select{
 			width: 100%;
 			height: 1rem;
 			background-size: .26rem;
 			font-size: .26rem;
 			padding-left: .2rem;
 		}
 	}
 	.content .main_counter .m .box > img{
 		margin: .3rem auto;
 	}
 	.content .main_counter .m .btn{
 		margin-top: .5rem;
 	}
 	.content .main_counter .m .btn div{
 		height: .8rem;
 		width: 2.5rem;
 		font-size: .26rem;
 		padding: 0;
 		min-width: 2.5rem;
 	}
 	.content .main_case_technology{
 		padding: .6rem .3rem;
 	}
 	.content .main_case_technology .m .title{
 		font-size: .3rem;
 		font-weight: bold;
 		text-align: center;
 		margin-bottom: .6rem;
 	}
 	.content .main_case_technology .m .box img{
 		width: 45%;
 	}
 	.content .main_cases{
 		display: block;
 		width: 100%;
 		padding: .6rem .3rem;
 	}
 	.content .main_cases .font{
 		width: 100%;
 		p{
 			font-size: .3rem;
 			font-weight: bold;
 			margin-bottom: .3rem;
 			text-align: center;
 		}
 		span{
 			font-size: .26rem;
 			text-align: center;
 			margin-bottom: .5rem;
 		}
 		em{
 			font-size: .24rem;
 			line-height: 1.7;
 		}
 	}
 	.content .main_cases .font a{
 		font-size: .26rem;
 		text-align: center;
 		margin-top: .3rem;
 	}
 	.content .main_cases .slide{
 		width: 100%;
 		margin-top: .6rem;
 	}
 	.content .main_cases .slide .lab .line .fl span{
 		font-size: .26rem;
 		margin-left: .2rem;
 	}
 	.content .main_cases .slide .lab .line .fl p{
 		font-size: .3rem;
 	}
 	.content .main_cases .slide .lab .line{
 		height: auto;
 		padding: .2rem 0;
 	}
 	.content .des_banner span{
 		font-size: .3rem;
 		font-weight: bold;
 	}
 	.content .main_cause_product .item{
 		display: block;
 		width: 100%;
 		margin-bottom: .2rem;
 	}
 	.content .main_cause_product .item .pic{
 		width: 100%;
 	}
 	.content .main_cause_product .item .grow{
 		width: 100%;
 		padding: .5rem .3rem;
 	}
 	.content .main_cause_product .item .grow div{
 		width: 100%;
 		p{
 			font-size: .3rem;
 			font-weight: bold;
 			margin-bottom: .3rem;
 		}
 		span{
 			font-size: .26rem;
 			line-height: 1.7;
 		}
 	}
 	.content .main_cause_product{
 		padding: .3rem;
 	}
 	.content .main_zzrzs{
 		padding: .6rem .3rem;
 	}
 	.content .main_zzrzs .m p{
 		font-size: .3rem;
 		text-align: center;
 		font-weight: bold;
 		margin-bottom: .2rem;
 	}
 	.content .main_zzrzs .m span{
 		font-size: .26rem;
 		text-align: center;
 		line-height: 1.7;
 	}
 	.content .main_zzrzs .m .box{
 		margin-top: .2rem;
 	}
 	.caursel3d{
 		height: 6rem;
 	}
 	#carousel figure{
 		width: 2rem;
 		height: 3.5rem;
 	}
 	.content .main_contacts{
 		padding: .6rem .3rem;
 	}
 	.content .main_contacts .m .navbar{
 		display: block;
 		padding: .3rem 0;
 		margin-top: -2rem;
 	}
 	.content .contact_map img{
 		height: 5rem;
 	}
 	.content .main_contacts .m .navbar div{
 		width: 100%;
 		padding: .3rem;
 	}
 	.content .main_contacts .m .navbar div img{
 		width: .5rem;
 	}
 	.content .main_contacts .m .navbar div span{
 		font-size: .25rem;
 	}
 	.content .main_contacts .m ul{
 		margin-top: .5rem;
 	}
 	.content .main_contacts .m ul li{
 		width: 100%;
 		padding: .5rem .2rem;
 		p{
 			font-size: .28rem;
 			font-weight: bold;
 			margin-bottom: .3rem;
 		}
 		div {
 			img{
 				width: .26rem;
 			}
 			span{
 				font-size: .24rem;
 				margin-left: .15rem;
 			}
			
 		}
		.active{
			color: #fc6a00;
			border-bottom: 1px solid #fc6a00;
		}
 	}
}