@charset "UTF-8";

.m-header {
    display: none;
}

.headernav {
    display: none;
}

.pc {
    display: block;
}

.mb {
    display: none;
}

@media (max-width: 1680px) {
    .about-a .left .t3 {
        height: 8rem;
        overflow: auto;
        padding-right: 1rem;
    }

    .service-a .imgbox .img1 {
        right: 6.975rem;
    }

    .pc-header .right-btn .nav .li .tit a {
        font-size: 16px;
    }

    .tit-18 {
        font-size: 16px;
    }

    .about-e .lef-box .tt1 {
        font-size: 14px;
    }

    .join_g .jg-container .swiper-slide .txt .t2 {
        font-size: 14px;
    }

    .join_h .cont .top .right .j-seach .inp {
        font-size: 14px;
    }

    .join_h .cont .top .right .j-select .tit {
        font-size: 14px;
    }

    .sub-nav .nav a {
        font-size: 16px;
    }

}

@media (max-width: 1360px) {
    footer .nav .li .sub {
        font-size: .6rem;
    }

    .join_h .cont .top .right .j-seach {
        height: 1.5rem;
    }

    .join_h .cont .top .right .j-select .tit {
        line-height: 1.5rem;
    }

    .join_h .cont .top .right .j-select {
        height: 1.5rem;
    }
}

@media (max-width: 996px) {
    .pinfo-nva {
        display: none;
    }

    .sun-banner .bg {
        height: 100%;
    }

    .play-btn {
        width: 3rem;
    }

    .mb {
        display: block;
    }

    .pc {
        display: none;
    }

    .view {
        padding: 0 23px;
    }

    .pc-header {
        display: none;
    }

    .m-header {
        display: flex;
        height: 2.175rem;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 0 23px;
        padding-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .m-header.on {
        background-color: #fff;
    }

    .m-header .logo {
        display: block;
        width: 5.1rem;
        position: relative;
    }

    .m-header .op1 {
       
    }

    .m-header .op2 {
        opacity: 1;
        position: absolute;
        top: 0;
        left: 0;
    }

    .m-header .left-btn .op1 {
        opacity: 0;
    }

    .m-header .left-btn .op2 {
        opacity: 1;

    }

    .m-header .right-btn {
        display: flex;
        align-items: center;
    }

    .m-header .right-btn .list {
        display: flex;
    }

    .m-header .right-btn .list .li {
        margin: 0 .325rem;
    }

    .m-header .right-btn .list .li svg {
        fill: #fff;
        width: .7rem;
        height: .7rem;
    }

    .m-header .right-btn .list .li svg {
        fill: #8FC31F;

    }

    .banner-page {
        right: 0;
    }

    .zk_search_wrap {
        width: 100%;
        padding: 1rem 23px;
    }

    .pc_seachbox {
        height: auto;
    }

    .head_seachbox .seach_input {
        background-size: .5rem;
    }

    .head_seachbox .seach_submit {
        width: 3rem;
    }

    .m-header .right-btn .nume {
        width: 2.2rem;
        height: 2.2rem;
        background: #8FC31F;
        position: relative;
    }

    .m-header .right-btn .nume .img {
        width: .725rem;
    }

    .m-header .right-btn .nume.on .op1 {
        opacity: 0;
    }
    .m-header .right-btn .nume .op2{
        opacity: 0;
    }
    .m-header .right-btn .nume .op2 {
        width: 18px;
    }

    .m-header .right-btn .nume.on .op2 {
        opacity: 1;
    }

    .banner-container .banner-slide .txt {
        width: 100%;
        top: 30%;
    }

    .banner-container .banner-slide.swiper-slide-active .txt {
        top: 20%;
        opacity: 1;
    }

    .banner-container .banner-slide .txt .t1 {
        font-size: 1.2rem;
    }
    .join_b{
        overflow: hidden;
    }
    .headernav {
        position: fixed;
        width: 100%;
        background-color: #fff;
        left: 0;
        top: 2.175rem;
        height: calc(100vh - 2.175rem);
        overflow-y: auto;
        z-index: 99;
        display: none;
    }

    .sollor {
        display: none;
    }

    .headernav .li {
        background-color: rgba(0, 0, 0, 0.05);
        position: relative;
    }

    .headernav .li:nth-child(2n) {
        background-color: #fff;
    }

    .headernav .li .tit {
        display: block;
        line-height: 2.5rem;
        width: 100%;
        font-size: 0.55rem;
        position: relative;
        color: #333;
        font-weight: 500;
    }

    .headernav .li .tit:after {
        content: "";
        width: 0.4rem;
        height: 0.4rem;
        border-right: 2px solid #999999;
        border-bottom: 2px solid #999999;
        position: absolute;
        right: 3.8%;
        top: 50%;
        transform: rotate(45deg);
        transition: all 0.3s;
        margin-top: -0.2rem;
    }

    .indexmenu {
        display: none;
    }

    .banner .swiper-slide .txt .tit-60 p:last-child {
        margin-left: 0;
        margin-top: 0.2rem;
    }

    .headernav .li:nth-child(1) .tit:after {
        display: none;
    }

    .headernav .li .sub_tit {
        width: 100%;
        /* background-color: #4F9C68; */
        padding-bottom: 1rem;
        display: none;
    }

    .headernav .li .sub_tit a {
        display: block;
        line-height: 1.5rem;
        padding-left: 1.5rem;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
        font-size: .5rem;
    }

    .oneli .s-li a {
        padding-left: 2rem !important;
        ;
    }

    .oneli .s-li a:first-child {
        padding-left: 1.5rem !important;
        ;
    }

    .headernav .li .sub_tit .s-li a:after {
        left: 1.5rem;
    }

    .headernav .li .sub_tit .s-li a:first-child::after {
        left: .7rem;
    }

    .headernav .li .sub_tit a:after {
        content: "";
        width: 8px;
        height: 8px;
        background: #FFFFFF;
        border-radius: 50%;
        position: absolute;
        left: 0.7rem;
        top: 50%;
        margin-top: -4px;
    }

    .headernav .li.on {
        background-color: #8FC31F;
    }

    .headernav .li.on .tit {
        color: #fff !important;
    }

    .headernav .li.on .tit:after {
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(-135deg);
    }

    .home-a .one-box video {
        display: none;
    }

    .home-a .hover-box {
        display: block;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    }

    .home-a .one-box .cont .t2 {
        margin-top: 0;
    }

    .home-a .one-box .cont .list {
        display: none;
    }

    .home-a .one-box .cont {
        justify-content: flex-start;
        padding-top: 4rem;
    }

    .home-a .one-box .cont .t4 {
        width: 100%;
        padding-right: 8.3%;
        color: #000;
    }

    .home-a .one-box .cont .t3 {
        color: #333;
        font-weight: 500;

    }

    .home-a .one-box .cont .more {
        margin-top: 1.5rem;
    }

    .more {
        padding: .5rem;
    }

    .more .icon {
        margin-left: 17px;
    }

    .home-a .one-box .cont .tit {
        width: auto;
        margin-top: 1.85rem;
    }

    .home-a.on .one-box .cont .t3 {
        transition-delay: 1s !important;
    }

    .about-e .list .li .icon {
        width: 1rem;
        margin-bottom: 0.5rem;
    }

    .home-a.on .one-box .cont .t4 {
        transition-delay: 1.2s !important;
        font-size: 15px;
    }

    .home-b .left {
        display: none;
    }

    .home-b .right {
        width: 100%;
    }

    .home-b .right .li {
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .home-b .right .li .icon {
        margin-right: 0;
        margin-bottom: .5rem;

    }

    .home-b {
        background-position: center;
    }

    .home-c {
        padding: 0 23px;
    }

    .home-c .tit {
        margin-top: 3rem;
    }

    .home-c .more {
        display: none;
    }

    .home-c .cont {
        margin-top: 1rem;
    }

    .home-c .cont .left {
        width: 100%;
        height: 9rem;
        padding-top: 0;
        overflow: hidden;
    }

    .home-c .cont .right {
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }

    .home-c .cont .left .txt {
        width: 96%;
        position: absolute;
        bottom: 1rem;
        padding-left: 4.5rem;
        left: 0;
        z-index: 3;
    }

    .home-c .cont .left .img {
        transform: translateY(0%);
    }

    .new-pagination {
        position: relative;
        left: 0 !important;
        margin-top: .35rem;
        text-align: center;
    }

    .new-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .home-c .cont .right a .txt {
        width: calc(100% - 5rem);
        padding: 0 0.5rem;
    }

    footer .nav {
        display: none;
    }

    .sub-nav {
        display: none;
    }

    footer {
        padding: 0 23px;
    }

    footer .bot .ewmlist {
        position: relative;
        bottom: auto;
        right: auto;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-bottom: 2rem;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin-bottom: 1rem;
    }

    footer .bot .ewmlist .tit-14 {
        font-size: 14px;
        margin-top: .25rem;
    }

    footer .bot .t1 {
        text-align: center;
    }

    footer .bot .t2 {
        text-align: center;
    }

    footer .bot .t2 p span {
        width: auto;
        display: none;
    }

    .tit-16 {
        font-size: 14px;
    }

    .tit-18 {
        font-size: 16px;
    }

    footer .bot .list {
        display: none;
    }

    footer .bot .t3 {
        font-size: 14px;
        text-align: center;
        border-top: 1px solid rgba(0, 0, 0, .1);
        padding-top: 1rem;
    }

    footer .bot {
        padding-bottom: 1rem;
    }

    .home-c.on .tit .col-666 {
        line-height: 1.5;
    }

    .por-banner {
        height: 15.5rem;
    }

    .por-banner .txt .icon {
        width: 2rem;
        margin-bottom: .5rem;
    }

    .tit-70 {
        font-size: .85rem;
    }

    .products .list {
        display: block;
    }

    .products .list a {
        width: 100%;
    }

    .products {
        padding: 1rem 0;
    }

    .dwpage a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .sun-banner {
        height: 15.5rem;
    }

    .sun-banner .txt {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
    }

    .about-a {
        height: auto;
    }

    .about-a {
        padding-top: 1.5rem;
    }

    .about-a .mimgbox {

        margin-top: 3rem;
    }

    .about-a .mimgbox img {
        width: 100%;
    }

    .about-a .left {
        width: 100%;

    }

    .about-a .left .t1 {
        font-size: .8rem;
    }

    .about-a .left .t2 {
        margin-top: .85rem;
    }

    .about-a .left .t3 {
        margin-top: 1rem;
        height: auto;
        padding-right: 0;
    }

    .about-b .videobox {
        height: 9rem;
    }

    .about-c .left {
        width: 100%;
        height: auto;
    }

    .about-c .left .table .li {
        margin: 0 1rem;
    }

    .about-c .left .bglist {
        height: 7rem;
    }

    .about-c .right {
        height: 11rem;
        margin-top: 0;
        width: 100%;
    }

    .about-c .right .li {
        padding: 1rem;
    }

    .about-c .right .t1 {
        font-size: .8rem;
    }

    .about-c .right .t2 {
        font-size: .5rem;
        margin-top: .5rem;
    }

    .about-e .lef-box .box2 {
        height: auto;
    }

    .about-d {
        padding-top: 1.5rem;
    }

    .about-d .list .li .txt {
        width: 100%;
        height: auto;
        padding: 2rem 1rem;
        margin-top: 6rem;
    }

    .about-d .list .li .imgbox {
        width: 100%;
        float: left;
        margin-left: 0;
        position: absolute;
        z-index: 1;
        top: 1rem;
        right: 0;
    }

    .about-d .list .li .imgbox .img2 {
        position: absolute;
        bottom: 0;
        right: -100%;
        transform: translateY(100%);
        width: 12rem;
    }

    .about-d .list .li .imgbox .img1 {
        margin-left: 23px;
    }

    .about-d .list .li .imgbox .img3 {
        position: absolute;
        right: -3rem;
        width: 11rem;
        bottom: -8.35rem;
        transform: translateY(100%);
    }

    .about-d .list .li:nth-child(2) .txt {
        width: 100%;
        float: right;
        margin-left: 0;
        border-radius: 0 0 0 2.5rem;
        margin-right: -1.5rem;
        padding-right: 2.5;
    }

    .about-d .list {
        width: 100%;
    }

    .about {
        overflow: hidden;
    }

    .about-d .list .li:nth-child(2) .txt {
        margin-top: 6.7rem;
    }

    .about-d .list .li:nth-child(2) .imgbox {
        width: 120%;
        margin-left: 0;
        margin-top: 0;
        left: -46px;
        top: 2rem;
    }

    .about-d .list .li .txt .t1 {
        font-size: 1rem;
        line-height: 1.5;
    }

    .about-e .lef-box .tt1 {
        padding-bottom: 2rem;
    }

    .about-g .his-container .swiper-slide .li {
        width: 8px;
        height: 8px;
        transform: translate(4px, -3px);
    }

    .about-d .list .li:nth-child(3) .txt {
        width: 117%;
        margin-top: 6rem;
        margin-left: -1rem;
        border-radius: 0 3rem 0 0;
    }

    .about-d .list .li:nth-child(3) .imgbox {
        width: 120%;
        top: -2rem;
    }

    .about-e {
        padding: 1.5rem 0;
    }

    .about-e .t1 {
        margin-top: .5rem;
        font-size: .8rem;
    }

    .about-e .t2 {
        margin-top: .5rem;
    }

    .about-e .t2 {
        width: 100%;
    }

    .about-e .imgbox1 {
        top: 0;
        position: relative;
        margin-top: 1rem;
    }

    .about-e .lef-box {
        width: 110%;
        height: auto;
        margin-top: 0;
        margin-left: 0;
    }

    .about-e .imgbox2 {
        position: relative;
        left: 0;
        top: auto;
    }

    .about-e .imgbox1 .img1 {
        width: 12.225rem;
        transform: translateX(1rem);
    }

    .about-e .imgbox1 .img3 {
        position: absolute;
        top: 5.15rem;
        width: 6.3rem;
        z-index: 4;
        left: -2rem;
    }

    .about-e .lef-box .box2 {
        position: relative;
        width: 90%;
    }

    .about-e .imgbox2 .img1 {
        width: 7rem;
    }

    .about-e .imgbox2 .img2 {
        position: absolute;
        width: 6.525rem;
        top: 1.875rem;
        z-index: 1;
        left: 7rem;
    }

    .about-e .list {
        position: relative;
        right: 0;
        bottom: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .about-e .list .li {
        width: 50%;
        margin-top: 1rem;
        margin-bottom: 1rem;
        flex-direction: column-reverse;
    }

    .about-e .list .li .numbox .col-333 {
        font-size: .45rem;
    }

    .about-g .t2 {
        font-size: 1rem;
        margin-top: 1rem;
    }

    .about-g .his-container .swiper-slide .li1 {
        left: 10%;
        bottom: 0.3rem;
    }

    .about-g .his-container .swiper-slide .li2 {
        left: 7.2rem;
        bottom: 1.3rem;
    }

    .about-g .his-container .swiper-slide .li3 {
        left: 12rem;
        bottom: 5.5rem;
    }

    .about-g .his-container {
        width: 100%;
        left: 0;
    }

    .about-g .his-container .prev,
    .about-g .his-container .next {
        top: -50%;
        width: 1.25rem;
        height: 1.25rem;
    }

    .about-g .his-container .prev img,
    .about-g .his-container .next img {
        width: 24%;
    }

    .about-g .his-container .prev {
        left: 23px;
    }

    .about-g .his-container .next {
        right: 23px;
    }

    .about-g .his-container .t4 {
        opacity: 0;
    }

    .about-g .his-container .txt {
        width: 70%;
        position: absolute;
        top: -3rem;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        font-size: .5rem;
    }

    .toTop {
        display: none;
    }

    .service-a {
        padding-top: 1.5rem;
        height: auto;
    }

    .service-a .imgbox {
        position: relative;
        margin-top: 2.1rem;
    }

    .service-a .imgbox {
        width: 100%;
        text-align: right;
        right: 0;
        margin-left: 23px;
    }

    .service-a .imgbox img {
        display: inline-block;

    }

    .service-a .imgbox .img1 {
        width: 12.2rem;
        position: absolute;
        bottom: 0;
        right: 5rem;
        z-index: 2;
        transform: translateY(35%);
    }

    .service-a .t1 {
        width: 100%;
    }

    .service-a .a-stit {
        margin-top: 1rem;
        line-height: 1.5;
    }

    .service-b {
        padding-top: 4rem;
        padding-bottom: 7.5rem;
    }

    .service-b .imgbox1 .img1 {
        width: 8.775rem;
    }

    .service-b .imgbox1 .img2 {
        width: 7.475rem;
    }

    .service-b .imgbox1 .img3 {
        position: absolute;
        right: -23px;
        left: auto;
        width: 7.775rem;
        top: 2.8rem;
    }

    .service-b .imgbox1 .img3 .txt {
        padding: 1.05rem;
        background: #fff;
    }

    .service-b .imgbox2 {
        margin-top: 4.125rem;
        padding-left: 0;
        position: relative;
    }

    .service-b .imgbox4 {
        position: relative;
        right: auto;
        top: 5.8rem;
    }

    .service-b .imgbox4 .txt {
        height: auto;
    }

    .service-b .imgbox3 {
        display: none;
    }

    .service-b .imgbox2 .txt {
        position: absolute;
        width: 10.725rem;
        height: 6.5rem;
        background-color: #fff;
        border-radius: 0 0 2.5rem 0;
        left: 0;
        top: -1.5rem;
        z-index: 3;
        padding: 1rem;
    }

    .service-b .imgbox2 .img1 {
        width: 80%;
        margin-left: 30%;
    }

    .service {
        overflow: hidden;
    }

    .service-b .imgbox2 .img2 {
        position: absolute;
        width: 9rem;
        left: 0;
        bottom: -2rem;
        z-index: 1;
    }

    .service-b .imgbox4 .txt {
        padding: 1rem;
        height: 6rem;
        width: 85%;
        top: 0;
    }

    .service-b .imgbox4 .img1 {
        width: 10.85rem;
        margin-left: 2rem;
    }

    .service-b .imgbox4 .img2 {
        width: 6.325rem;
        position: absolute;
        bottom: -1.975rem;
        left: 0;
    }

    .service-c {
        padding: 1.5rem 0;
    }

    .service-c .list a {
        width: 100%;
        margin-bottom: 1rem;
    }

    .service-c .list a:last-child {
        margin-bottom: 0;
    }

    .service-c .list a .txt .t2 {
        display: block;
    }

    .service-c .list a .txt .icon img {
        width: 50%;
    }

    .service-d {
        padding: 1.5rem 0;
    }

    .service-d .t1 {
        width: 100%;
    }

    .join_d {
        padding: 1.5rem 0;
        padding-top: 3rem;
    }

    .join_d .list {
        overflow: hidden;
    }

    .join_d .list .li {
        height: 12rem;
        padding: 0 0.5rem;
        padding-top: 2.025rem;
    }

    .join_d .list .li:nth-child(1) {
        transform: translateX(0);
    }

    .join_d .list .li:nth-child(4) {
        transform: translateX(0);
    }

    .join_d .list .li .tt2 br {
        display: none;
    }

    .service-d.join_d .list .li .icon img {
        width: 50%;
    }

    .service-d .simgbox2 {
        margin-top: 1rem;
    }

    .service-d .simgbox2 .img1 {
        width: 100%;
    }

    .service-d .simgbox2 .txt {
        width: 100%;
        height: auto;
        position: relative;
        left: 0;
        top: 0;
        padding: 1rem;

    }
    .nesw-a .news-container .swiper-slide{
        overflow: hidden;
    }

    .service-d .videolist .wow {
        width: calc((100% - .5rem)/ 2);
        margin-left: 0;
        margin-right: .5rem;
        height: 5rem;
        position: relative !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        float: left;
        margin-top: 0.5rem !important;

    }
    .pinfo-a .txt .imglist .li{
        margin:  0 0.25rem;
    }
    .pinfo-a .txt .imglist .li .tit-16{
        font-size: 12px;
    }
    .join_a .rig-box .t1{
        width: 100%;
    }
    .service-f .list .li .t{
        line-height: 1.5;
    }
    .service-d .videolist .wow .play-btn {
        width: 1rem;
    }
    .service-d .videolist .wow:nth-child(2n) {
        margin-right: 0;
    }

    .por-banner .bg {
        height: 100%;
    }

    .por-banner .play-btn {
        width: 3rem;
        text-align: center;
        height: 3rem;
    }

    .por-banner .play-btn img {
        width: 1rem;
        margin-top: 1rem;
        display: inline-block;
    }

    .service-d .videolist .txt {
        font-size: 14px;
    }

    .service-d .videolist .txt {
        padding: 0.5rem;
    }

    .service-e {
        padding: 1.5rem 0;
    }

    .nesw-a .news-container .swiper-slide .img {
        width: 100%;
        height: 7rem;
    }

    .service-e .news-container .swiper-slide .txt {
        width: 100%;
        padding: 1rem 0;
    }

    .tit-14 {
        font-size: 12px;
    }

    .service-f .bg {
        padding: 1.5rem 0;
    }

    .service-f .list .li {
        padding: 0 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-right: 0;
    }

    .service-f .list .li .ewm {
        width: 4rem;
    }



    .service-f .list .swiper-wrapper {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 2rem;
    }

    .nesw-a .news-container .swiper-slide .txt {
        width: 100%;
        padding: 1rem 0;
    }

    .nesw-a {
        padding-bottom: 1.5rem;
    }

    .news-b {
        margin-top: 0;
        padding-top: 1.5rem;
    }

    .news-b .list a {
        flex-direction: column;
    }

    .news-b .list a .img {
        width: 100%;
    }

    .news-b .list a .txt {
        width: 100%;
        padding: 1rem 0;
    }

    .staff {
        padding: 1.5rem 0;
    }

    .staff .tit {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
    }

    .staff .tit .table {
        margin-top: 1rem;
    }

    .staff .tit .table .li {
        padding: .5rem;
    }

    .staff .list a {
        width: 100%;
    }

    .news-info {
        padding: 0 23px;
        padding-top: 3rem;
        padding-bottom: 1.5rem;
    }

    .news-info .cont-box .bot {
        padding-top: 0.775rem;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .story .list .li {
        width: 100%;
    }

    .join_a {
        padding-top: 1.5rem;
    }

    .join_a .lef-box {
        width: 100%;
    }

    .join_a .rig-box {
        width: 100%;
        padding-left: 0;
        padding: 0 23px;
    }

    .join_a .rig-box .imgbox {
        position: relative;
        right: 0;
        margin-top: 5rem;
    }

    .join_a .rig-box .imgbox .imgb2 {
        width: 4.95rem;
        position: absolute;
        top: 0;
        right: -23px;
        transform: translateY(-100%);
    }

    .join_a .rig-box .imgbox .imgb1 {
        width: 52%;
        margin-left: 55%;
    }

    .join_a .rig-box .imgbox .imgb3 {
        position: absolute;
        bottom: 0;
        right: 45%;
        width: 8.6rem;
    }

    .join_a .rig-box .imgbox .imgb4 {
        position: absolute;
        bottom: 0;
        right: 45%;
        width: 5.075rem;
    }

    .join_a .lef-box {
        padding: 1rem 23px;
        padding-bottom: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .join_a .lef-box .li {
        width: 50%;
        margin-bottom: 2rem;
        flex-direction: column;
        align-items: center;
        float: left;
    }

    .join_a .lef-box .li:first-child .numbox .nt1 .dw {
        display: block;
        margin-top: .5rem;
    }

    .join_a .lef-box .li .numbox .nt1 .dw {
        /* display: block; */
        /* margin-top: .5rem; */
    }

    .join_a .lef-box .li .icon {
        height: 2rem;
    }

    .join_d .list .li .tt1 {
        font-size: .66rem;
    }

    .join_b {
        padding-top: 8.725rem;
        padding-bottom: 6rem;
    }

    .join_b .imgbox {
        margin-left: 0;
    }

    .join_b .imgbox .img4 {
        position: absolute;
        left: 0;
        bottom: 16.325rem;
        width: 9.45rem;
    }

    .join_b .imgbox .img3 {
        position: absolute;
        bottom: 68%;
        left: 0;
        width: 9.45rem;
    }

    .join_b .imgbox .img2 {
        position: absolute;
        bottom: 14.325rem;
        width: 12.6rem;
        right: 0;
    }

    .join_b .rightbox {
        position: absolute;
        top: 14.05rem;
        left: 0;
        padding: 1rem 23px;
    }

    .join_c {
        padding-top: 0;
    }

    .join_c .txt {
        width: 100%;
    }

    .join_c .imgbox {
        width: 100%;
        float: right;
        position: relative;
        margin-top: 1rem;
    }

    .join_c .imgbox .img2 {
        width: 8rem;
        position: absolute;
        bottom: -2.5rem;
        left: 64%;
        transform: translateX(-100%);
    }

    .join_d {
        /* padding-top: 4rem;
        padding-bottom: 1.5rem; */
    }

    .join_d .t2 {
        width: 100%;
        padding: 0 23px;
    }

    .join_d .list .li {
        width: 100%;
        margin-bottom: 0.5rem;
        height: 9.5rem;
    }

    .join_d .list .li .icon img {
        width: 50%;
    }

    .join_e .left {
        width: 100%;
        padding: 1.5rem 23px;
    }

    .join_f {
        padding: 1.5rem 0;
    }

    .join_f .jf-container .swiper-slide {
        width: 100%;
    }

    .join_f .jf-container .swiper-slide .img {
        height: 9rem;
    }

    .join_f .jf-container .swiper-slide.swiper-slide-active .img {
        transform: translate(0rem, 0rem);
    }

    .join_f .jf-container .swiper-slide.swiper-slide-active {
        width: 100%;
    }

    .join_f .jf-container .swiper-slide.swiper-slide-active .img {
        height: 9rem;
    }

    .join_f .jf-container .swiper-slide.swiper-slide-active .img .bg {
        transform: translate(0rem, 0rem);
    }

    .join_f .jf-container .swiper-slide .txt {
        position: relative !important;
        bottom: auto !important;

        left: auto !important;

        right: auto !important;
        top: auto !important;

    }

    .join_f .jf-container .swiper-slide:nth-child(2n) {
        padding: 0;
    }

    .join_g {
        padding: 1.5rem 0;
    }

    .join_g .table .li {
        padding: 0.25rem 0.5rem;
    }

    .join_g .jg-container .swiper-slide {
        width: 100%;
    }

    .join_g .jg-container .swiper-slide:nth-child(2n) {
        margin-top: 0;
    }

    .join_g .prev {
        left: 1rem;
    }

    .join_g .prev,
    .join_g .next {
        opacity: 1;
    }

    .join_g .next {
        right: 1rem;
    }

    .join_h {
        padding: 1.5rem 0;
    }

    .join_h .cont .top {
        flex-direction: column;
    }

    .join_h .cont .top .right .j-seach {
        margin-top: 1rem;
        width: 100%;
    }

    .join_h .cont .top .right .j-select {
        margin-top: .25rem;
        width: 48%;
        height: 1.5rem;
    }

    .join_h .cont .top .right .j-select .tit {
        line-height: 1.5rem;
        font-size: 14px;
    }

    .join_h .cont .top .right .j-seach .inp {
        font-size: 14px;
    }

    .job-cont .j-type {
        line-height: 1.5;
    }

    .join_h .cont .top .right .j-seach {
        height: 1.5rem;
    }

    .join_h .ajax-list .list .li .t3 {
        height: auto;
        margin-bottom: 0.5rem;
    }

    .job-cont .list .job-continfo {
        font-size: 14px;
    }

    .join_h .cont .top .right .j-seach .subt {
        height: 1.5rem;
    }

    .join_h .ajax-list .list .li {
        width: 100%;
    }

    .showmore .icon {
        margin-top: .5rem;
    }

    .showmore .icon img {
        width: 1.5rem;

    }

    .join_j {
        padding: 1.5rem 0;
    }

    .join_j .list .li {
        width: 100%;
        margin-bottom: 1rem;
        height: auto;
        padding-bottom: 1rem;
    }

    .join_j .saharelist .li a {
        width: 1rem;
        height: 1rem;
    }

    .join_j .saharelist .li a img {
        width: 50%;
    }

    .join_j .saharelist .li {
        padding: 0 .2rem;
    }

    .join_j .saharelist .li:first-child {
        padding-left: 0;
    }

    .join_j .saharelist .li:last-child {
        padding-right: 0;
    }

    .video .top {
        display: flex;
        padding-bottom: 0.825rem;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }

    .video .top .right {
        width: 100%;
        margin-top: 1rem;
    }

    .video .top .right .li .icon {
        width: 1rem;
        height: 1rem;
    }

    .video .top .right .li .tit-22 {
        font-size: 13px;
    }

    .video .ajax-list .left {
        width: 100%;
        float: left;
        padding-left: 0;
        padding-top: 1.2rem;
    }

    .video .ajax-list .left .li {
        padding-left: 0.2rem;
    }

    .video .ajax-list .right .list .li {
        width: 100%;
    }

    .video .ajax-list .right {
        padding-left: 0rem;
        width: 100%;
        border-left: 0;
        padding-bottom: 1.5rem;
    }

    .video .ajax-list .right .list .li .img {
        height: 8rem;
    }

    .video .top .vseachs {
        width: 100%;
    }

    .video .top {
        width: 100%;
    }

    .video .top .left {
        width: 100%;
    }

    .video .ajax-list .right .list .li .txt {
        padding-top: 0.375rem;
        display: flex;
        align-items: center;
    }

    .pinfo-banner .txt {
        font-size: 1.2rem;
        display: none;
    }

    .pinfonav {
        display: none;
    }

    .pinfo-a .txt .t2 {
        font-size: 1rem;
    }

    .pinfo-a .txt .t1 {
        font-size: .8rem;
    }

    .pinfo-b .li {
        padding-left: 23px;
        width: 100%;
    }

    .pinfo-b .li .imgbox {
        width: 100%;
    }

    .pinfo-b .li .txt {
        padding-top: 0;
        width: 100%;
        padding-right: 23px;
    }

    .pinfo-b .twoli .imgbox {
        width: 100%;
        margin-top: 1rem;
    }

    .pinfo-b .twoli .txt {
        padding-top: 0;
        width: 100%;
        padding: 0 23px;
        padding-bottom: 1.5rem;
        margin-left: 0;
    }

    .pinfo-c {
        height: 7.5rem;
        overflow: hidden;
    }

    .pinfo-d .acbox {
        white-space: normal;
    }

    .pinfo-d .pd-a {
        display: block;
        width: 100%;
    }

    .pinfo-d {
        height: auto;
    }

    .pinfo-d .pd-a .txt {
        left: 23px;
        width: 100%;
        padding-right: 23px;
    }

    .pinfo-d .pd-a .txt {
        white-space: normal;
    }

    .pinfo-d .pd-a .txt .t2 {
        width: 96%;
    }

    .pinfo-d .pd-a {
        height: 100vh;
    }

    .pinfo-d .pd-a .txt .t1 {
        font-size: .87rem;
    }

    .pinfo-d .pd-a.pd-b .txt {
        left: 20%;
    top: 72vh;
    width: 80%;
    }

    .pinfo-e {
        padding-top: 1.6rem;
    }

    .pinfo-e .table {
        white-space: nowrap;
        overflow: auto;
    }

    .pinfo-e .table .li {
        padding: 0.5rem 0.5rem;
        text-align: center;
        font-size: 13px;
    }

    .pinfo-e .table .li:nth-child(2n) {
        width: auto;
    }

    .pinfo-e .table .li:nth-child(3n) {
        text-align: center;
    }

    .pinfo-e .cont .li {
        padding: 0 23px;
        padding-bottom: 1rem;
    }

    .pinfo-e .cont .li .tit-42 {
        font-size: 24px;
        line-height: 1.2;
    }

    .pinfo-f .pf-container .swiper-slide {
        width: 100%;
    }

    .pinfo-f {
        padding: 1.5rem 23px;
    }

    .pinfo-f .t2 {
        width: 100%;
    }

    .pinfo-f .t3 {
        width: 100%;
    }

    .pinfo-g .txt {
        position: relative;
        top: auto;
        left: auto;
        background-color: #000;
        padding: 1.5rem 23px;
    }

    .pinfo-g .txt .t2 {
        width: 100%;
        margin-top: .75rem;
    }

    .pinfo-g .txt .t3 {
        width: 100%;
    }

    .pinfo-h {
        padding-top: 1.5rem;
    }

    .pinfo-h .ph-container .swiper-slide {
        width: 100%;
        transform: translateY(0);
    }

    .pinfo-h .ph-container {
        padding-bottom: 1.5rem;

    }
    .pinfo-i .pi-container{
        overflow: hidden;
    }
    .pinfo-i .pi-container .swiper-slide.swiper-slide-active {
        width: 100%;
    }

    .pinfo-i .pi-container .swiper-slide.swiper-slide-active {
        transform: scale(1) translateY(0);
        opacity: 1;
        color: #8FC31F;
    }

    .pinfo-i .pi-container {
        margin-top: 1.5rem;
        padding: 0 1.5rem;
    }

    .pinfo-i .pi-container .swiper-slide .img {
        height: 8rem;
    }

    .pinfo-i .prev,
    .pinfo-i .next {
        width: 1.5rem;
        height: 1.5rem;
        top: 38%;
    }
    .pinfo-c .imgspc{
        height: auto;
    }
    .pinfo-i .prev svg,
    .pinfo-i .next svg {
        width: 20px;
    }

    .pinfo-i .prev {
        left: .5rem;
    }

    .pinfo-i .next {
        right: .5rem;
    }

    .pinfo-j .pj-container .swiper-slide {
        width: 100%;
    }

    .pinfo-j {
        padding: 1.5rem 0;
    }

    .searchinfo .view {
        padding: 0 23px;
    }

    .searchinfo .se-top .subt .icon {
        margin-left: 0.2rem;
    }

    .searchinfo .se-top .txt {
        font-size: 16px;
    }

    .searchinfo .cont .table {
        white-space: nowrap;
        overflow: auto;
    }

    .searchinfo .cont .table a {
        margin-left: 0;
        margin-right: 20px;
    }

    .searchinfo .cont .list a {
        width: 100%;
        line-height: 1.5;
    }

    .searchinfo .dwpage {
        margin-top: 2.5rem;
    }

    .logins .wrap {
        width: 100%;
    }

    .logins {
        background: #fff !important;
        height: auto;
    }

    .logins .wrap .logining {
        padding: 1rem;
    }

    .logins .wrap {
        position: relative;
        left: auto;
        top: auto;
        transform: translate(0);
        padding: 0 23px;
        padding-top: 3rem;
    }

    .logins .wrap .register {
        padding: 1rem;
    }

    .logins .wrap .register .li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0;
        flex-direction: column;
    }

    .logins .wrap .register .li .input-box {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .job-cont .apply button {
        font-size: .5rem;
    }

    .dolig .box {
        width: 90%;
        height: auto;
        background-color: #fff;
        position: relative;
        top: 50%;
        box-sizing: border-box;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 0.125rem;
        padding-bottom: 0.4rem;
    }

    .dolig_tit {
        padding-top: .6rem;
        text-align: center;
        width: 100%;
        font-size: 16px;
        color: #333;
    }

    .dolig_input {
        width: 100%;
        height: 1.5rem;
        margin-top: 0.3rem;
        border: 1px solid #e8e8e8;
    }

    .dolig_from {
        position: relative;
        left: 10%;
        transform: translateX(0);
        width: 80%;
    }

    .dolig_input .lab {
        width: 16%;
        height: 100%;
        float: left;
        box-sizing: border-box;
        position: relative;
    }

    .dolig_input input {
        width: 84%;
        float: right;
        height: 100%;
        font-size: .4rem;
        box-sizing: border-box;
        padding-left: 0.2rem;
    }

    .yzmbox {
        width: 100%;
        height: .75rem;
        margin-top: 0.3rem;
    }

    .dolig_input .lab4 {
        width: 16%;
    }

    .dolig_input .input4 {
        width: 53%;
    }

    .sp2 {
        font-size: 14px;
        z-index: 1;
        vertical-align: top;
    }

    .jl {
        margin-top: 0.3rem;
    }

    .jl a span:first-child {
        font-size: 0.24rem;
        color: #005064;
        border-bottom: 1px solid #005064;
    }

    .jl a span {
        font-size: 0.20rem;
        color: #8e8e8e;
    }

    .dolig_submit input {
        width: 100%;
        font-size: .5rem;
    }

    .pinfo-banner.nomb {
        display: none;
    }

    .dolig .box {
        padding: 1rem 0;
    }

    .star-a .bg .img {
        width: 80%;
        bottom: 1.5rem;
    }

    .star-a {
        height: 17.375rem;
    }

    .star-a .bg {
        padding-top: 3.5rem;
    }

    .star-b {
        padding-top: 1.5rem;
    }

    .star-b .t2 {
        width: 85%;
        font-size: 16px;
    }

    .star-b .img {
        height: 6rem;
    }

    .pinfo-banner {
        height: 50vh;
    }

    .star-d .txt {
        position: absolute;
        top: 4rem;
        left: 6%;
    }

    .star-d .imgbox {
        position: absolute;
        top: 53%;
        left: 4%;
        width: 14.75rem;
    }

    .star-d .imgbox5 {
        width: 16rem;
        left: -20%;
        opacity: 0;
        z-index: 1;
        top: 50%;
    }

    .star-e,
    .star-f {
        padding: 1.5rem 6%;
    }

    .star-e .left {
        width: 100%;
        float: left;
    }

    .star-e .right {
        width: 100%;
        padding: 0;
    }

    .star-e .right .t1 {
        padding: 0;
    }

    .star-e .right .t2 {
        padding: 0;
        width: 100%;
    }

    .star-g {
        height: auto;
        padding-top: 1.5rem;
    }

    .star-g .list {
        display: flex;
        margin-top: 1.55rem;
        position: relative;
        z-index: 3;
        justify-content: center;
        flex-direction: column;
    }

    .star-g .list .li {
        width: 94%;
        margin: 0 3%;
        height: 8.5rem;
        margin-bottom: .5rem;
    }

    .star-h .sh-container {
        height: 7rem;
    }

    .star-h .sh-container .sh-pagination {

        bottom: 0.5rem !important;
    }

    .star-f .list {
        margin-top: 1.325rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .star-f .list .left {
        width: 100%;
    }

    .star-f .list .left .li .icon img {
        max-height: 100%;
    }

    .star-f .list .left .li .tit-18 {
        font-size: 12px;
    }

    .star-f .list .middle {
        padding: 0 1.5rem;
        display: flex;
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
    }

    .star-f .list .middle .li {

        padding: 0.25rem 0.4rem;
        border-radius: 0.5rem;
        line-height: 1;
        color: #fff;
        margin: 0.625rem 0.2rem;
        background: #138063;
        font-size: .5rem;
        transition: all 0.5s;
        white-space: nowrap;
    }

    .star-f .list .right {
        width: 100%;
        margin-top: 1rem;
    }

    .pinfo-e .cont {
        height: 14rem;
        position: relative;
    }

    .pinfo-e .cont .li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .pinfo-e .cont .li1 .list {
        margin-top: 2.875rem;
        font-size: 0;
        white-space: nowrap;
        overflow: auto;
    }

    .pinfo-e .cont .li1 .list .sli {
        width: 8rem;
        display: inline-block;
        margin: 0 0.5rem;
        vertical-align: top;
    }

    .home-a .one-box .cont .t3 {
        font-size: 18px;
    }

    .home-b .left {
        display: block;
        width: 100%;
        height: 20%;
        padding: 0 6%;
    }

    .home-b .right {
        height: 80%;
    }

    .home-b .left .bglist {
        display: none;
    }

    .home-b .left .t1 {
        color: #8FC31F;
        font-weight: bold;
        line-height: 1;
        margin-top: 1rem;
    }

    .home-b .left .t2 {
        color: #333;

        margin-top: 0.5rem;
    }

    .service-c .list a .txt {
        background: rgba(143,195,31,.8);

    }
    .service-c .list a .txt .icon{
        margin-top: 1.8rem;
    }

    .service-c .list a .txt .t1 {

        color: #F4F4F4;
    }

    .service-c .list a .txt .t2 {
        display: block;
    }

    .service-c .list a .txt .icon {
        background-color: #fff;

    }


    .service-c .list a .txt .icon .c1 {
        margin-top: -2rem;
        transition: all 0.5s;
    }

    .service-c .list a .txt .icon .c2 {
        opacity: 1;
    }

    .nesw-a .news-container .swiper-slide .txt .t3 {
        height: 67.2px;
        overflow: hidden;
    }

    .news-info .mbx .t {
        font-size: 12px;
    }

    .news-info .mbx .tit-16 {
        font-size: 12px;
    }

    .news-info .mbx .icon {
        margin-right: 0.2rem;
        display: inline-block;
        transform: translateY(1px);
        width: 12px;
    }

    .news-b .list a .txt .t1 {
        font-size: .7rem;
        line-height: 1.5;
    }

    .story .list .li .txt {
        padding-top: 0.375rem;
        display: flex;
        align-items: center;
    }

    .pinfo-a .imgbox {
        width: 100%;
        bottom: 2rem;
    }

    .pinfo-b .twoli {
        display: block;
    }

    .home-a .one-box .cont .tit .icon {
        width: 50px;
        height: 50px;

    }

    .home-a .one-box .cont .tit .icon img {
        max-width: 50%;
    }

    .home-b .right .li .icon {
        width: 1rem;
    }

    .home-b .right .li .tit-22 {
        width: auto;
    }

    .home-b .right .li:last-child img {
        width: .5rem;
    }

    footer .bot .ewmlist .tit-14 {
        font-size: 12px;
    }

    .por-banner .txt {
        top: 50%;
    }

    .pinfo-a {
        height: 23rem;
    }

    .pinfo-b .twoli .imgbox {
        margin-bottom: .75rem;
    }

    .pinfo-b .li .imgbox {
        margin-bottom: .75rem;
    }

    .pinfo-b .twoli {
        margin-top: 1.5rem;
        padding-top: 0;
    }

    .toTop {
        display: none !important;
    }

    .pinfo-b .li .txt .t1,
    .pinfo-b .twoli .txt .t1 {
        font-size: 28px;
        line-height: 1.2;
    }

    .pinfo-b .li .txt .t2,
    .pinfo-b .twoli .txt .t2 {
        font-size: 16px;
    }

    .star-c {
        padding: 1.5rem 1rem;
    }

    .star-c .left {
        width: 100%;
        padding-left: 0;
    }

    .star-c .right {
        width: 100%;
        padding: 1.5rem 0;
    }

    .star-c .right .t1 {
        font-size: 28px;
    }

    .star-c .right .t2 {
        width: 100%;
    }

    .star-c .prev svg,
    .star-c .next svg {
        width: 1rem;
    }
    .star-c .prev{
        left: -.75rem;
    }
    .star-c .prev svg{
        transform: rotate(180deg) ;
    }

    .star-c .next {
        right: -0.75rem;
    }

    .star-d .txt {
        width: 85%;
    }

    .star-d .txt .tit-18 {
        line-height: 1.5;
    }

    .banner-page {
        right: 0;
        width: 100% !important;
        text-align: center;
        bottom: 1.5rem !important;
        top: auto;
    }

    .banner-page .swiper-pagination-bullet {
        margin: 0px 5px !important;
    }

    .home-b .right .li .icon {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background-color: #333;
        position: relative;
        opacity: 1;
    }

    .home-b .right .li .icon img {
        max-width: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        filter: grayscale(100%) brightness(1000%) !important;

    }

    .home-b .right .li.on {
        color: #999;
    }

    .home-b .right .li .tit-22 {
        font-size: 16px;
    }

    .home-b .right .li.on::after {
        display: none;
    }

    .home-b .right .li {
        border: 1px solid #E9EDF4;
    }

    .pinfo-banner .pvideo {
        display: none;
    }

    .imgspc {
        /* height: auto; */
    }

    .pinfo-c {
        height: auto;
    }

    .oneli {
        display: block;
        line-height: 1.5rem;
        padding-left: .5rem;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
        font-size: .5rem;
    }

    .oneli .stit {
        display: block;
        line-height: 1.5rem;
        width: 100%;
        font-size: 0.5rem;
        position: relative;
        color: #fff;
        font-weight: 500;
    }

    .oneli .stit:after {
        content: "";
        width: 0.2rem;
        height: 0.2rem;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        position: absolute;
        right: 3.8%;
        top: 50%;
        transform: rotate(45deg);
        transition: all 0.3s;
        margin-top: -0.2rem;
    }

    .oneli .s-li {
        display: none;
    }

    .imgspc {
        /* display: none !important; */
    }

    .star-c .starc-container {
        width: 100%;
    }

    .pinfo-banner .play-btn {
        display: none;
    }

    .main-wrapper{
        display: block !important;
      }
      .main-container .main-slide{
        height: 100vh;
      }
      .main-container{
        height: auto;
      }
      .sun-banner{
        margin-top: 2.175rem;
      }
      #car_audio{
        position: absolute;
        height: 100%;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        font-family: "object-fit: cover;";
        z-index: 1 !important;
    }
    
    .sun-banner #car_audio{
        position: absolute;
        height: 100%;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        font-family: "object-fit: cover;";
    }
    .sun-banner video{
        width: auto;
    }
    header{
        z-index: 9999999999999999999999999;
    }
    .main-container{
        z-index: 2;
    }
    .main-container{
        padding-top: 2.175rem;
    }
    .home-b{
        padding-top: 0;
    }
    .home-a .one-box .cont{
        padding-top: 2rem;
    }
    .home-c .tit{
        margin-top: 1rem;
    }
    .main-container .main-slide:last-child{
        height: auto;
    }
    .main-container footer{
        padding-top: 0;
    }
    .main-container .main-slide:nth-child(4){
        height: auto;
    }
    .home-b .left .t1{
        margin-top: 2rem;
    }
    .home-c .tit{
        margin-top: 2rem;
    }
    .por-banner{
        margin-top: 2.175rem;
    }
    .por-banner .txt{
        width: 80%;
    }
    .por-banner .txt .icon{
        display: none;
    }
    .por-banner .txt .tit-70{
        font-size: 44px;
        text-align: center;
    }
    .m-header{
        background-color: #fff;
    }
    .headernav .li:last-child .sub_tit{
        padding-bottom: 3rem;
    }
    .sun-banner .txt .tit-70{
        font-size: 1.2rem;
        text-align: center;
    }
}

.vjs-default-skin {

    height: 100%;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.m-banner {
    width: 100%;
    height: 100%;
}

.video-js {
    width: auto !important;

}


.banner-container .banner-slide {
    overflow: hidden;
}
/* .cavers{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    font-family: "object-fit: cover;";
    z-index: 1 !important;
} */
@media (max-width:1180px){
    .star-g .list .li{
        width: 12rem;
    }
    .star-g .list .li .con {
        /* justify-content: ; */

    }
    .star-g .list .li .con .p{
        width: 45%;
    }
}
@media (max-width:996px){
    .star-g .list .li .con{
        justify-content: flex-start;

    }
    .star-g .list .li .con .p{
        width: 33%;
    }
    .star-g .list .li{

    }
}