/* 公共样式 */
    
    @font-face {
        font-family: impact;
        src: url(../fonts/IMPACT.TTF);
    }
    /* 内页导航 */
    
    .sub-cate {
        height: 1rem;
        border-bottom: 1px solid #ededed;
    }
    
    .sub-cate .wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    
    .sub-cate .wrapper .leftside {
        background-color: #235e9a;
        line-height: 1rem;
        /* padding: 0 0 0 160px; */
        transition: all 0.4s;
        width: 40%;
    }
    
    .sub-cate .wrapper .leftside .page_name {
        font-size: 0.28rem;
        color: #fff;
        font-weight: bold;
        position: relative;
        padding: 0 0 0 30%;
    }
    
    .sub-cate .wrapper .leftside .page_name::before {
        content: '';
        width: 0.53rem;
        height: 0.25rem;
        background: url(../images/home-icon.png)no-repeat center;
        position: absolute;
        top: .37rem;
        left: 10px;
        background-size: contain;
    }
    
    .sub-cate .wrapper .leftside .page_name::after {
        content: '';
        width: 0.1rem;
        height: 0.2rem;
        background: url(../images/arrow-icon.png)no-repeat center;
        position: absolute;
        right: 10px;
        top: .4rem;
        background-size: contain;
    }
    
    .sub-cate .wrapper .rightside {
        background-color: #fff;
        height: 1rem;
        width: 55%;
    }
    
    .sub-cate .wrapper .rightside .catelist .swiper .swiper-scrollbar {
        height: 2px;
        bottom: -1px;
    }
    
    .sub-cate .wrapper .rightside .catelist .swiper .swiper-scrollbar .swiper-scrollbar-drag {
        background: #235e9a;
    }
    
    .sub-cate .wrapper .rightside .catelist {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0 0 0 4px
    }
    
    .sub-cate .wrapper .rightside .catelist .cateitem {
        font-size: 0.2rem;
        color: #323232;
        margin: 0 4px;
        height: 70%;
        line-height: 1rem;
        user-select: none;
        font-size: 0.26rem;
        display: inline-block;
    }
    
    .sub-cate .wrapper .rightside .catelist .active {
        font-weight: bold;
        color: #235e9a;
        border-bottom: 2px solid #235e9a;
    }
    
    .sub-cate .swiper .swiper-slide {
        text-align: center;
    }
    
    #maxk {
        position: fixed;
        z-index: 109;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.87);
        top: 0;
        display: none;
    }
    
    .container .subtitlebox .title {
        font-size: 0.46rem;
        font-weight: bold;
        color: #222;
        padding: 0.2rem 0 0px 0;
        text-align: center;
    }
    
    .container .subtitlebox .subtitle {
        font-size: 0.2rem;
        color: #6666;
        margin: 0.1rem 0 0.4rem 0;
        text-align: center;
    }
    
    .container .cate-box {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #eee;
    }
    
    .container .cate-box .titlebox .title {
        font-size: 0.46rem;
        color: #222;
        padding: 15px 0 30px 0;
    }
    
    .container .cate-box .newscatelist {
        display: flex;
        align-items: flex-end;
        padding: 0 0 0.46rem 0;
    }
    
    .container .cate-box .newscatelist ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
    }
    
    .container .cate-box .newscatelist ul li {
        display: inline;
        margin: 0.2rem 0.1rem;
        width: 21%;
        text-align: center;
    }
    
    .container .cate-box .newscatelist ul li a {
        color: #737373;
        font-size: 0.2rem;
        position: relative;
    }
    
    .container .cate-box .newscatelist ul .active a {
        color: #2864be;
    }
    
    .container .cate-box .newscatelist ul .active a::before {
        width: 16px;
        height: 2px;
        content: '';
        background: #2864be;
        position: absolute;
        left: -0.28rem;
        top: 0.10rem;
    }
    
    .container .prevnext {
        width: 96%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        border-top: 1px solid #efefef;
        padding: 10px 0 0 0;
    }
    
    .container .titlebox .title {
        color: #222;
        font-weight: bolder;
        font-size: 0.46rem;
        text-align: center;
    }
    
    .container .titlebox .subtitle {
        font-size: 0.39rem;
        color: #666;
        line-height: 0.39rem;
        text-align: center;
        margin: 0.1rem 0 0.2rem 0;
        display: block;
    }
    
    .container .prevnext .prev,
    .next {
        font-size: 0.16rem;
        color: #333;
        padding: 10px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 48%;
    }
    
    .container .prevnext .next {
        text-align: right;
    }
    
    .container {
        padding: 2% 2%;
        width: 96%;
    }
    
    .container .titledemo {
        animation-name: fadeInUp;
        visibility: visible;
    }
    
    .container .titledemo .title {
        font-size: 0.42rem;
        color: #fff;
        text-align: center;
        padding: 0.2rem 0 0.2rem 0;
        font-weight: bold
    }
    
    .container .titledemo .subtitle {
        font-size: 0.2rem;
        color: #fff;
        padding: 0 0 20px 0;
        display: block;
        text-align: center;
    }
    /* 分页样式 */
    
    .pagination {
        display: flex;
        justify-content: center;
    }
    
    .pagination li {
        width: 30px;
        height: 30px;
        margin: 10px 10px;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 30px;
    }
    
    .pagination .disabled {
        opacity: 0.5;
    }
    
    .pagination .active {
        background: rgb(35, 70, 110);
        color: #fff;
    }
    /* ELEVEN */
    
    .hamburger .line {
        width: 0.56rem;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 8px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .hamburger:hover {
        cursor: pointer;
    }
    
    #hamburger-11 {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    #hamburger-11.is-active {
        animation: smallbig 0.6s forwards;
    }
    
    @keyframes smallbig {
        0%,
        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }
        50% {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }
    }
    
    #hamburger-11.is-active .line:nth-child(1),
    #hamburger-11.is-active .line:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    
    #hamburger-11.is-active .line:nth-child(3) {
        width: 0;
    }
    
    #hamburger-11.is-active .line:nth-child(1) {
        -webkit-transform: translateY(11px) rotate(45deg);
        -ms-transform: translateY(11px) rotate(45deg);
        -o-transform: translateY(11px) rotate(45deg);
        transform: translateY(11px) rotate(45deg);
    }
    
    #hamburger-11.is-active .line:nth-child(2) {
        -webkit-transform: translateY(1px) rotate(-45deg);
        -ms-transform: translateY(1px) rotate(-45deg);
        -o-transform: translateY(1px) rotate(-45deg);
        transform: translateY(1px) rotate(-45deg);
    }
    /* 导航栏 */
    
    header {
        height: 0.9rem;
        position: absolute;
        z-index: 99;
        width: 100%;
    }
    
    header .logo {
        padding: 0.22rem 0 0 0.1rem;
    }
    
    header .logo img {
        width: 2.14rem;
        height: 0.68rem;
    }
    
    header .container .menuicon {
        margin: 0.15rem 0.15rem 0 0;
        position: relative;
    }
    
    header .container .menuicon .mopen {
        width: 0.68rem;
        height: 0.6rem;
    }
    
    header .container .menuicon .mclose {
        display: none;
        width: 0.68rem;
        height: 0.6rem;
    }
    
    header .container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 0;
        position: absolute;
        z-index: 111;
    }
    /* 移动端导航 */
    
    .mobilenav {
        position: absolute;
        z-index: 110;
        width: 100%;
        /* background: #fff; */
        height: 100vh;
        left: -100%;
        transition: all 0.4s;
        padding: 2rem 0 0 0;
    }
    
    .mobilenav ul li {
        text-align: center;
    }
    
    .mobilenav ul li .navitem {
        font-size: 16px;
        padding: 20px 20px;
        display: block;
        /* border-bottom: 1px solid #403d3d; */
        color: #fff;
    }
    
    .mobilenav ul li .subnav ul li {
        /* border-bottom: 1px solid #403d3d; */
        padding: 10px 0 10px 45%;
    }
    
    .mobilenav ul li .subnav .subitem {
        font-size: 14px;
        padding: 0;
        position: relative;
        border: 0;
        text-align: left;
    }
    
    .mobilenav ul li .subnav .subitem::before {
        content: '';
        background: #a1a1a1;
        width: 10px;
        height: 1px;
        position: absolute;
        left: -15px;
        top: 10px;
    }
    
    .subnav {
        height: 0px;
        overflow: hidden;
        /* padding: 0 0 6px 0; */
    }
    /* banner */
    
    .banner {
        position: relative;
    }
    
    .banner .swiper-pagination-bullet {
        background: #fff;
    }
    
    .banner .swiper-pagination-bullet-active {
        background: #235e9a;
    }
    
    .banner .s-ban {
        position: absolute;
        bottom: 38px;
        right: 10px;
        z-index: 10;
    }
    
    .banner .s-ban {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .banner .s-ban .item {
        margin: 0 4px;
    }
    
    .banner .s-ban .item img {
        width: 1.8rem;
        height: 0.9rem;
        border: 1px solid #fff;
    }
    
    .banner .s-ban .active img {
        border: 2px solid #235e9a;
    }
    /* 首页简介 */
    
    .index-about {
        height: 1240px;
        background: url(../images/picture/about/index-about.jpg)no-repeat center;
        background-size: cover;
    }
    
    .index-about .container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    
    .index-about .container .introbox {
        width: 100%;
        padding: 44px 0 0 0;
    }
    
    .index-about .container .introbox .indexaboutlogo {
        display: block;
        margin: 0 0 42px 0;
        width: 2.52rem;
        height: 1.19rem;
    }
    
    .index-about .container .introbox .intro {
        font-size: 0.2rem;
        color: #000000;
        margin: 27px 0;
        line-height: .32rem;
    }
    
    .index-about .container .seemore {
        width: 1.8rem;
        color: #fff;
        height: 0.56rem;
        border-radius: 25px;
        background: #235e9a;
        text-align: center;
        display: block;
        line-height: 0.56rem;
        margin: 30px 0 0 0;
        font-size: 0.2rem;
    }
    
    .index-about .container .numlist {
        display: flex;
        flex-direction: row;
        padding: 1rem 1% 0 0;
        transition: all 0.4s;
        flex-wrap: wrap;
    }
    
    .index-about .container .numlist .item {
        margin: 10px 0;
        width: 42%;
    }
    
    .index-about .container .numlist .item div {
        font-size: 0.6rem;
        color: #fff;
        font-weight: bold;
        font-family: impact;
        transition: all 0.4s;
    }
    
    #map {
        transition: all 0.4s;
    }
    
    .index-about .container .numlist .item div i {
        font-size: 0.2rem;
        color: #fff;
        font-weight: 300;
        padding: 0 0 0 2px;
    }
    
    .index-about .container .numlist .item div i sup {
        font-size: 0.2rem;
        color: #fff;
    }
    
    .index-about .container .numlist .item p {
        font-size: 0.22rem;
        color: #fff;
    }
    /* accordion? */
    
    .accordion .container .wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .accordion .container .wrapper .item {
        width: 48%;
        margin: 1%;
    }
    
    .accordion .container .wrapper .item .picbox {
        width: 100%;
        height: 1.9rem;
        overflow: hidden;
    }
    
    .accordion .container .wrapper .item .picbox img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .accordion .container .wrapper .item .txtbox {
        height: 0.76rem;
        background-color: #235e9a;
        line-height: 0.76rem;
    }
    
    .accordion .container .wrapper .item .txtbox p {
        color: #fff;
        font-size: 0.26rem;
        text-align: center;
    }
    /* 首页案例展示 */
    
    .index-cases {
        position: relative;
        overflow: auto;
        padding: 0 0 21px 0;
        overflow-x: hidden;
    }
    
    .index-cases .container .entitle {
        padding: 20px 0 10px 0;
        font-weight: 400;
        color: #333;
        font-size: 0.36rem;
    }
    
    .index-cases .container .cntitle {
        font-size: 0.42rem;
        color: #333;
        font-weight: bold;
    }
    
    .index-cases .container .control {
        width: 100%;
        text-align: right;
        margin: 0 0 20px 0;
    }
    
    .index-cases .container .control .caseprev {
        cursor: pointer;
    }
    
    .index-cases .container .control .casenext {
        cursor: pointer;
    }
    
    .index-cases .container .swiper {
        width: 100%;
    }
    
    .index-cases .container .swiper .swiper-button-prev {
        opacity: 0;
        ;
    }
    
    .index-cases .container .swiper .swiper-button-next {
        opacity: 0;
    }
    
    .index-cases .container .swiper .name {
        font-size: 0.3rem;
        color: #333;
        font-weight: 600;
        padding: 0.1rem 0 0.2rem 0;
    }
    
    .index-cases .container .swiper .subname {
        font-size: 0.22rem;
        color: #333;
        font-weight: 400;
    }
    
    .index-cases .container .swiper .swiper-slide img {
        width: 100%;
    }
    /* 证书资质 */
    
    .certifi {
        /* height: 756px; */
        background: url(../images/picture/certifi/bg.jpg)no-repeat center;
    }
    
    .certifi .swiper-wrapper {
        padding: 0 0 30px 0;
    }
    
    .certifi .swiper .swiper-wrapper .swiper-slide img {
        max-width: 98%;
    }
    
    .certifi .swiper .swiper-pagination-bullet-active {
        background: #235e9a;
    }
    /* 品牌合作 */
    
    .brand {
        /* height: 656px; */
        background: url(../images/picture/brand/bg.jpg)no-repeat center;
    }
    
    .brand .container .brandlist {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .brand .container .brandlist .item {
        width: 48%;
        height: 1.1rem;
        margin: 0.5%;
        background: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .brand .container .brandlist .item img {
        max-width: 50%;
    }
    
    .brand .swiper .swiper-wrapper {
        padding: 0 0 50px 0;
    }
    
    .brand .swiper .swiper-pagination-bullet {
        background: #fff;
        width: 12px;
        height: 12px;
        margin: 0 8px;
    }
    
    .brand .swiper .swiper-pagination-bullet-active {
        background: #235e9a;
    }
    
    .brand .container .titledemo .subtitle {
        font-size: 0.28rem;
        padding: 30px 0 0 0;
    }
    /* 首页新闻 */
    
    .index-news {
        padding: 10px 0 0.5rem 0;
    }
    
    .index-news .container .wrapper {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    
    .index-news .container .wrapper .leftside {
        width: 100%;
    }
    
    .index-news .container .wrapper .leftside .titledemo {
        max-width: 100%;
    }
    
    .index-news .container .wrapper .leftside .titledemo .title {
        color: #000;
        text-align: center;
    }
    
    .index-news .container .wrapper .leftside .titledemo .subtitle {
        color: #000;
        text-align: center;
    }
    
    .index-news .container .wrapper .leftside .catelist {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
    .index-news .container .wrapper .leftside .catelist .item {
        background: #e7e7e7;
        font-size: 0.22rem;
        color: #333;
        height: 0.68rem;
        text-align: center;
        line-height: 0.68rem;
        margin: 0 0 1px 0;
        flex-grow: 1;
    }
    
    .index-news .container .wrapper .leftside .catelist .active {
        background: url(../images/picture/news/cate-bg.png)no-repeat center;
        color: #fff;
        user-select: none;
    }
    
    .index-news .container .wrapper .rightside {
        width: 100%;
    }
    
    .newslist {
        display: flex;
        justify-content: flex-start;
        padding: 10px 0 0 0;
        flex-direction: column;
    }
    
    .newslist .item {
        width: 100%;
        margin: 5px 0;
        padding: 20px 0;
        background: #f4f4f4;
        flex-grow: 1;
        position: relative;
    }
    
    .index-news .catelist .item {
        position: relative;
    }
    
    .index-news .catelist .item i {
        display: block;
        width: 6px;
        height: 6px;
        background: #235e9a;
        position: absolute;
        left: 50%;
        margin: -3px;
        transform: rotate(45deg);
        bottom: 0;
        display: none;
    }
    
    .index-news .catelist .active i {
        display: block;
    }
    
    .newslist .swiper .swiper-wrapper {
        padding: 0 0 40px 0;
    }
    
    .newslist .item:nth-child(2) {
        margin: 5px 3px;
    }
    
    .newslist .item .picbox {
        width: 100%;
        height: 233px;
        margin: 0 auto;
    }
    
    .newslist .item .picbox img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .newslist .item .textbox {
        padding: 10px 0;
        width: 95%;
        margin: 0 auto;
    }
    
    .newslist .item .textbox .title {
        font-size: 0.22rem;
        color: #000000;
        font-weight: bold;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        padding: 10px 0 10px 0;
    }
    
    .newslist .item .textbox .cont {
        font-size: 0.18rem;
        color: #333;
        font-weight: 400;
        text-align: justify;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
    .index-news .container .swiper-wrapper {
        padding: 0 0 10px 0;
    }
    
    .index-news .container .swiper .swiper-pagination-bullet {
        background: #235e9a;
    }
    /* 联系我们contact-us */
    
    .contact-us .container .logo {
        display: block;
        margin: 90px auto 0;
        max-width: 80%;
    }
    
    .contact-us .container .qrcode {
        display: block;
        margin: 30px auto 60px;
    }
    
    .contact-us .container .infolist {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 20px 0 50px;
    }
    
    .contact-us .container .infolist .item {
        flex-grow: 1;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
        margin: 0 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        max-width: 24%;
        height: 260px;
        padding: 20px 0 0 0;
    }
    
    .contact-us .container .infolist .item:first-child .cont {
        font-weight: bold;
        font-size: 0.28rem;
    }
    
    .contact-us .container .infolist .item .icon {
        width: 88px;
        height: 88px;
    }
    
    .contact-us .container .infolist .item .name {
        font-size: 0.24rem;
        font-weight: 500;
        margin: 10px 0;
    }
    
    .contact-us .container .infolist .item .cont {
        font-size: 18px;
        color: #000;
        width: 80%;
    }
    /* 联系我们contact-us */
    
    .contact-us .container .logo {
        display: block;
        margin: 90px auto 0;
    }
    
    .contact-us .container .qrcode {
        display: block;
        margin: 30px auto 60px;
    }
    
    .contact-us .container .infolist {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 20px 0 50px;
    }
    
    .contact-us .container .infolist .item {
        flex-grow: 1;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
        margin: 0 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        max-width: 100%;
        height: 260px;
        padding: 20px 0 0 0;
    }
    
    .contact-us .container .infolist .item:first-child .cont {
        font-weight: bold;
        font-size: 24px;
    }
    
    .contact-us .container .infolist .item .icon {
        width: 88px;
        height: 88px;
    }
    
    .contact-us .container .infolist .item .name {
        font-size: 0.24rem;
        font-weight: 500;
        margin: 10px 0;
    }
    
    .contact-us .container .infolist .item .cont {
        font-size: 0.22rem;
        color: #000;
        width: 80%;
        text-align: center;
    }
    
    .mapwrapper {
        display: flex;
        flex-direction: column;
        margin: 20px 0 50px;
    }
    
    .mapwrapper .map {
        width: 90%;
        height: 300px;
        margin: 4% 5%;
    }
    /* 关于99905银河 */
    
    .about {
        background: url(../images/picture/about/about-bg.jpg)no-repeat center;
        background-size: cover;
    }
    
    .about .container .wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px 0 0 0;
    }
    
    .about .container .wrapper .leftside {
        flex-grow: 1;
    }
    
    .about .container .wrapper .leftside img {
        width: 2.52rem;
        height: 1.19rem;
        display: block;
        margin: 0 auto;
    }
    
    .about .container .wrapper .middle {
        flex-grow: 1;
        padding: 20px 0px;
        transition: all 0.4s;
    }
    
    .about .container .wrapper .middle p {
        font-size: 0.22rem;
        padding: 8px 0;
        line-height: 0.36rem;
        transition: all 0.4s;
    }
    
    .about .container .wrapper .middle p span {
        font-weight: bold;
    }
    
    .about .container .wrapper .rightside {
        flex-grow: 1;
    }
    
    .about .container .wrapper .rightside img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }
    
    .about-certifi {
        background: #f4f4f4!important;
    }
    
    .about-certifi .container .titledemo .title {
        color: #000;
    }
    
    .about-certifi .container .titledemo .subtitle {
        color: #000;
    }
    /* 关于我们——生产基地 */
    
    .pro-base {
        padding: 0 0 10px 0;
        width: 100%;
    }
    
    .pro-base .container .swiper .swiper-wrapper {
        padding: 0 0 50px 0;
    }
    
    .pro-base .container .swiper .swiper-wrapper .swiper-slide img {
        max-width: 98%;
    }
    
    .pro-base .container .swiper .swiper-pagination-bullet {
        border-radius: 0;
        border: 2px solid #b6b6b6;
        background: #fff;
    }
    
    .pro-base .container .swiper .swiper-pagination-bullet-active {
        background: #235e9a;
        border-color: #235e9a;
    }
    
    .pro-base .container .titledemo .title {
        color: #000;
    }
    /* 招聘 */
    
    .recruit .container .title {
        font-size: 0.42rem;
        color: #333333;
        padding: 20px 0 20px 0;
    }
    
    .recruit .container .wrapper {
        display: flex;
        flex-direction: column;
        padding: 0 0 68px 0;
    }
    
    .recruit .container .wrapper .catelist {
        width: 100%;
    }
    
    .recruit .container .wrapper .catelist .cateitem {
        height: 70px;
        font-size: 0.28rem;
        color: #000;
        display: block;
        text-align: center;
        line-height: 70px;
    }
    
    .recruit .container .wrapper .catelist .active {
        background: #235e9a;
        color: #fff;
    }
    
    .recruit .container .wrapper .contentlist {
        width: 100%;
    }
    
    .recruit .container .wrapper .contentlist .content {
        margin: 0 0 5px 0;
        position: relative;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
        overflow: hidden;
    }
    
    .recruit .container .wrapper .contentlist .content .v {
        position: absolute;
        right: 60px;
        top: 45px;
    }
    
    .recruit .container .wrapper .contentlist .content .h {
        position: absolute;
        right: 55px;
        top: 50px;
    }
    
    .recruit .container .wrapper .contentlist .content .title {
        font-size: 0.26rem;
        color: #000;
        padding: 29px;
    }
    
    .recruit .container .wrapper .contentlist .content .cont {
        padding: 0 0 0 10px;
        max-height: 1px;
        overflow: hidden;
        transition: all 0.4s;
    }
    
    .recruit .container .wrapper .contentlist .active .cont {
        max-height: 1000px;
        transition: all 0.4s;
    }
    
    .recruit .container .wrapper .contentlist .active .v {
        display: none;
    }
    
    .recruit .container .wrapper .contentlist .content .cont p {
        font-size: 0.2rem;
        color: #333;
        font-weight: bold;
    }
    
    .recruit .container .wrapper .contentlist .content .cont span {
        font-size: 0.2rem;
        color: #333;
        line-height: 28px;
        display: block;
        margin: 0 0 30px 0;
    }
    /* 关于我们——生产基地 */
    
    .pro-base {
        padding: 0 0 20px 0;
        width: 100%;
    }
    
    .pro-base .container .swiper .swiper-wrapper {
        padding: 0 0 50px 0;
    }
    
    .pro-base .container .swiper .swiper-wrapper .swiper-slide img {
        max-width: 98%;
    }
    
    .pro-base .container .swiper .swiper-pagination-bullet {
        border-radius: 0;
        border: 2px solid #b6b6b6;
        background: #fff;
    }
    
    .pro-base .container .swiper .swiper-pagination-bullet-active {
        background: #235e9a;
        border-color: #235e9a;
    }
    
    .pro-base .container .titledemo .title {
        color: #000;
    }
    /* 新闻中心 */
    
    .news-center {
        background: #f4f4f4;
    }
    
    .news-center .container .newslist .item {
        background: #fff;
    }
    
    .news-center .container .newslist .item .picbox {
        width: 100%;
        max-height: 280px;
    }
    /* 新闻详情 */
    
    .news-detail {
        background: #f4f4f4;
        padding: 65px 0;
    }
    
    .news-detail .container .content {
        background: #fff;
        padding: 0 0 50px 0;
    }
    
    .news-detail .container .content .title {
        font-size: 0.36rem;
        color: #000;
        padding: 30px 0 10px;
        text-align: center;
    }
    
    .news-detail .container .content .date {
        font-size: 0.2rem;
        color: #000;
        text-align: center;
        margin: 0 0 30px 0;
    }
    
    .news-detail .container .content .cont {
        font-size: 0.18rem;
        text-indent: 0.32rem;
        line-height: 0.36rem;
        text-align: center;
        max-width: 100%;
        margin: 20px auto;
    }
    
    .news-detail .container .content img {
        max-width: 100%;
        display: block;
        margin: 10px auto;
    }
    /* 生产实力 */
    
    .product-pow {
        background: #f4f4f4;
    }
    
    .product-pow .container {
        display: flex;
        flex-direction: column;
    }
    
    .product-pow .container img {
        max-width: 100%;
        display: block;
        margin: 15px auto;
    }
    
    .product-pow .container .txtbox {
        padding: 30px 0 0 0;
    }
    
    .product-pow .container .txtbox .title {
        font-size: 0.42rem;
        color: #000;
        font-weight: bold;
        margin: 0 0 25px 0;
        text-align: center;
    }
    
    .product-pow .container .txtbox .cont {
        font-size: 0.24rem;
        color: #000;
        line-height: 0.42rem;
        text-indent: 0.48rem;
    }
    
    .product-pow .container .txtbox .cont span {
        font-size: 0.24rem;
        font-weight: bold;
        color: #ee0000;
    }
    /* weiyu */
    
    .weiyu .container .content {
        padding: 20px 0 0 0;
    }
    
    .weiyu .container .content .title {
        font-size: .42rem;
        color: #235e9a;
        font-weight: bold;
        margin: 0 0 30px 0;
    }
    
    .weiyu .container .content .title2 {
        font-size: 0.3rem;
        color: #2d2d2d;
        margin: 0 0 10px 0;
        font-weight: bold;
    }
    
    .weiyu .container .content .subtitle {
        font-size: 0.24rem;
        color: #333;
        margin: 0 0 20px 0;
    }
    
    .weiyu .container .content .subtitle2 {
        font-size: 0.24rem;
        color: #2d2d2d;
        margin: 0 0 40px 0;
    }
    
    .weiyu .container .content img {
        display: block;
        max-width: 100%;
        margin: 20px auto;
    }
    /* 产品特点 */
    
    .pro-features {
        background: #f4f4f4;
        padding: 0 0 60px 0;
    }
    
    .pro-features .container .titledemo .title {
        color: #000;
        text-align: left;
    }
    
    .pro-features .container .pro-list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    .pro-features .container .pro-list .item {
        width: 48%;
        margin: 1%;
        background: #fff;
    }
    
    .pro-features .container .pro-list .item .picbox {
        width: 100%;
        display: block;
        margin: 0 auto;
        height: 1.9rem;
    }
    
    .pro-features .container .pro-list .item .picbox img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: all 0.4s;
        object-fit: cover;
    }
    
    .pro-features .container .pro-list .item .picbox:hover img {
        transition: all 0.4s;
        transform: scale(1.01);
    }
    
    .pro-features .container .pro-list .item .txtbox {
        width: 100%;
    }
    
    .pro-features .container .pro-list .item .txtbox .name {
        font-size: 0.26rem;
        color: #000;
        font-weight: 600;
        padding: 10px 4px;
    }
    
    .pro-features .container .pro-list .item .txtbox .name span {
        font-size: 0.2rem;
        color: #000;
        font-weight: 400;
        padding: 0 0 0 10px;
    }
    /* 产品中心 */
    
    .pro-center .container .titledemo .title {
        color: #000;
    }
    
    .pro-center .container .wrapper {
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 0 0 10px 0;
        flex-wrap: wrap;
    }
    
    .pro-center .container .wrapper .left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        width: 48%;
    }
    
    .pro-center .container .wrapper .item {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    
    .pro-center .container .wrapper .item:first-child {
        margin: 0 2% 0 0;
    }
    
    .pro-center .container .wrapper .item img {
        width: 100%;
        transition: all 0.4s;
    }
    
    .pro-center .container .wrapper .item:hover img {
        transition: all 0.4s;
        transform: scale(1.02);
    }
    
    .pro-center .container .wrapper .item .title {
        font-size: 0.24rem;
        color: #fff;
        position: absolute;
        bottom: 10px;
        left: 10px;
    }
    
    .pro-center .container .wrapper .center {
        width: 48%;
        margin: 0 0 0 2%;
    }
    
    .pro-center .container .wrapper .center .item {
        width: 100%;
        height: 100%;
        margin: 0;
    }
    
    .pro-center .container .wrapper .right {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 100%;
    }
    /* robot */
    
    .robot .container .content {
        padding: 30px 0 0 0;
    }
    
    .robot .container .content .title {
        font-size: 0.42rem;
        color: #235e9a;
        font-weight: bold;
        margin: 0 0 10px 0;
        ;
    }
    
    .robot .container .content .subtitle {
        font-size: 0.24rem;
        color: #333;
        margin: 0 0 10px 0;
    }
    
    .robot .container .content .cont {
        width: 100%;
        font-size: 0.2rem;
        line-height: 0.32rem;
        margin: 10px 0;
        text-indent: 0.4rem;
    }
    
    .robot .container .content .cont:last-child {
        font-weight: bold;
    }
    
    .robot .container img {
        max-width: 100%;
        display: block;
        margin: 20px auto;
    }
    /* 系统特点 */
    
    .system {
        background: #f4f4f4;
        padding: 0 0 50px 0;
    }
    
    .system .container .titledemo .title {
        color: #000;
    }
    
    .system .container .systemlist {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    .system .container .systemlist .item {
        width: 48%;
        margin: 1%;
        background: #fff;
    }
    
    .system .container .systemlist .item:last-child {
        margin: 0;
    }
    
    .system .container .systemlist .item .picbox {
        width: 94%;
        display: block;
        margin: 0 auto;
    }
    
    .system .container .systemlist .item .picbox .pic {
        width: 100%;
        max-height: 2.1rem;
        overflow: hidden;
    }
    
    .system .container .systemlist .item .picbox .pic img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: all 0.4s;
    }
    
    .system .container .systemlist .item .picbox .pic:hover img {
        transition: all 0.4s;
        transform: scale(1.01);
    }
    
    .system .container .systemlist .item .picbox .type {
        background: #235e9a;
        font-size: 0.24rem;
        text-align: left;
        height: 0.5rem;
        line-height: 0.5rem;
        width: 96%;
        display: block;
        color: #fff;
        padding: 0 0 0 4%;
        margin-top: -6px;
    }
    
    .system .container .systemlist .item .txtbox {
        width: 94%;
        padding: 20px 0 0 10px;
    }
    
    .system .container .systemlist .item .txtbox .cont {
        font-size: 14px;
        color: #000;
        line-height: 24px;
        padding: 0 0 8px 20px;
        position: relative;
    }
    
    .system .container .systemlist .item .txtbox .cont::before {
        content: '';
        width: 8px;
        height: 8px;
        background: #2864be;
        border-radius: 50%;
        position: absolute;
        left: 4px;
        top: 8px;
    }
    /* closed loop */
    
    .closed-loop .container .wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    .closed-loop .container .wrapper .txtbox {
        width: 100%;
    }
    
    .closed-loop .container .wrapper .txtbox .title {
        font-size: 0.42rem;
        color: #000;
        font-weight: bold;
        padding: 30px 0 20px 0;
        text-align: center;
    }
    
    .closed-loop .container .wrapper .txtbox .title2 {
        font-size: 0.32rem;
        font-weight: bold;
        color: #235e9a;
        margin: 50px 0 0 0;
    }
    
    .closed-loop .container .wrapper .txtbox .subtitle {
        font-size: .24rem;
        color: #000;
    }
    
    .closed-loop .container .wrapper .txtbox .subtitle2 {
        font-size: 0.2rem;
        color: #000;
    }
    
    .closed-loop .container .wrapper .picbox img {
        max-width: 100%;
        display: block;
        margin: 20px auto;
    }
    /* 统计 */
    
    .statistical {
        background: #f4f4f4;
    }
    
    .statistical .container .wrapper {
        display: flex;
        flex-direction: column;
    }
    
    .statistical .container .wrapper .txtbox {
        width: 100%;
        padding: 20px 0 0 0;
    }
    
    .statistical .container .wrapper .txtbox .title2 {
        font-size: .42rem;
        font-weight: bold;
        color: #235e9a;
        margin: 10px 0 0 0;
        text-align: center;
    }
    
    .statistical .container .wrapper .txtbox .subtitle2 {
        font-size: .26rem;
        color: #000;
        text-align: center;
    }
    
    .statistical .container .wrapper .picbox img {
        display: block;
        max-width: 100%;
        margin: 20px auto;
    }
    /* 可定制化报告形式 */
    
    .report {
        background: url(../images/picture/business/report-bg.jpg)no-repeat center;
        background-size: cover;
    }
    
    .report .container .titledemo .title {
        color: #fff;
        font-size: 0.42rem;
    }
    
    .report .container .reportimg {
        display: block;
        padding: 10px 0 20px;
        margin: 0 auto;
        max-width: 100%;
    }
    /* 特色功能 */
    
    .characteristic {
        padding: 0 0 20px 0;
    }
    
    .characteristic .container .title {
        color: #000;
    }
    
    .characteristic .container .wrapper {
        display: flex;
        flex-direction: column;
    }
    
    .characteristic .container .wrapper .txtbox {
        padding: 20px 0 0 0;
    }
    
    .characteristic .container .wrapper .txtbox .title {
        font-size: .42rem;
        color: #235e9a;
        font-weight: bold;
    }
    
    .characteristic .container .wrapper .txtbox .subtitle {
        font-size: 16px;
        padding: 10px 0 20px 0;
        color: #000;
    }
    
    .characteristic .container .wrapper .txtbox .cont {
        font-size: 16px;
        color: #000;
        max-width: 460px;
        padding: 0 0 20px 0;
    }
    
    .characteristic .container .wrapper .txtbox .cont span {
        font-weight: bold;
    }
    
    .characteristic .container .wrapper .picbox {
        max-width: 100%;
    }
    
    .characteristic .container .wrapper .picbox img {
        max-width: 100%;
    }
    
    .characteristic .container .btmtxt {
        font-size: 0.24rem;
        margin: 20px 0;
        text-align: center;
        color: #000;
    }
    /* 自动识别规律性爆点 */
    
    .law {
        background: url(../images/picture/business/law-bg.jpg)no-repeat center;
        background-size: cover;
    }
    
    .law .container .titledemo .title {
        color: #000;
        font-size: 0.32rem;
        padding: 0.5rem 0 0 0px;
    }
    
    .law .container .law-pic {
        display: block;
        margin: 20px auto;
        max-width: 100%;
    }
    /* 深度学习功能 */
    
    .study {
        padding: 50px 0;
    }
    
    .study .container .title {
        font-size: 0.32rem;
        color: #235e9a;
        font-weight: bold;
        padding: 0 0 20px 0;
    }
    
    .study .container .subtitle {
        font-size: 0.24rem;
        color: #000;
        padding: 0 0 50px 0;
    }
    
    .study .container img {
        display: block;
        margin: 0 auto 30px;
        max-width: 100%;
    }
    
    .study .container .btmtxt {
        font-size: 0.24rem;
        color: #000;
    }
    /* workers */
    
    .workers .container .cont {
        width: 100%;
        font-size: 0.25rem;
        color: #000;
        line-height: 32px;
        text-indent: 32px;
        margin: 0 0 20px 0;
        transition: all 0.4s;
    }
    
    .workers .container .content {
        padding: 40px 0 0 0;
    }
    
    .workers .container .content .title {
        font-size: .42rem;
        color: #235e9a;
        font-weight: bold;
    }
    
    .workers .container .content .title2 {
        font-size: 0.3rem;
        color: #2d2d2d;
        margin: 0 0 10px 0;
        font-weight: bold;
    }
    
    .workers .container .content .subtitle {
        font-size: 0.28rem;
        color: #333;
        margin: 5px 0 20px 0;
    }
    
    .workers .container .content .subtitle2 {
        font-size: 0.28rem;
        color: #2d2d2d;
        margin: 0 0 40px 0;
    }
    /* 新型"四有"产业工人队伍  */
    
    .four {
        background: #f4f4f4;
        padding: 0 0 50px 0;
    }
    
    .four .container .titledemo .title {
        color: #000;
    }
    
    .four .container .fourlist {
        display: flex;
        flex-wrap: wrap;
    }
    
    .four .container .fourlist .item {
        width: 48%;
        margin: 2% 1%;
        background: #fff;
    }
    
    .four .container .fourlist .item .picbox {
        width: 94%;
        display: block;
        margin: 0 auto;
    }
    
    .four .container .fourlist .item .picbox .pic {
        width: 100%;
        max-height: 2.1rem;
        overflow: hidden;
    }
    
    .four .container .fourlist .item .picbox .pic img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: all 0.4s;
    }
    
    .four .container .fourlist .item .picbox .pic:hover img {
        transition: all 0.4s;
        transform: scale(1.01);
    }
    
    .four .container .fourlist .item .picbox .type {
        background: #235e9a;
        font-size: 0.3rem;
        text-align: left;
        height: 0.6rem;
        line-height: 0.6rem;
        width: 96%;
        display: block;
        color: #fff;
        padding: 0 0 0 4%;
        margin-top: -6px;
    }
    
    .four .container .fourlist .item .txtbox {
        width: 94%;
    }
    
    .four .container .fourlist .item .txtbox .cont {
        font-size: 0.22rem;
        color: #000;
        line-height: 0.32rem;
        padding: 10px;
        text-align: justify;
    }
    /* 关于我们vr-mode */
    
    .vr-mode {
        height: 290px;
        background: #f4f4f4;
    }
    
    .vr-mode .container .titledemo {
        padding: 20px 0 0 0;
    }
    
    .vr-mode .container .titledemo .title {
        color: #000;
    }
    
    .vr-mode .container .titledemo .subtitle {
        color: #000;
    }
    
    .vr-mode .container .vr-icon {
        display: block;
        margin: 0 auto;
        padding: 30px 0 10px;
    }
    /* 领创全钢爬架 */
    
    .climb .container .content {
        padding: 20px 0 0 0;
    }
    
    .climb .container .content .title {
        font-size: .42rem;
        color: #235e9a;
        font-weight: bold;
        margin: 0 0 30px 0;
    }
    
    .climb .container .content .title2 {
        font-size: 0.3rem;
        color: #2d2d2d;
        margin: 0 0 10px 0;
        font-weight: bold;
    }
    
    .climb .container .content .subtitle {
        font-size: 0.24rem;
        color: #333;
        margin: 0 0 20px 0;
    }
    
    .climb .container .content .subtitle2 {
        font-size: 0.24rem;
        color: #2d2d2d;
        margin: 0 0 40px 0;
    }
    
    .climb .container .content img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }
    
    .spacevideo .container video {
        max-width: 100%;
        height: 4rem;
        display: block;
        margin: 0 auto;
        background: #000;
    }
    
    .spacevideo .container .boxer {
        /* background: #000; */
        margin: 0.5rem auto;
    }
    
    .showspace {
        background: #f4f4f4;
    }
    
    .showspace .container .title {
        font-size: 0.4rem;
        color: #333;
        font-weight: bold;
        text-align: center;
        padding: 0.3rem 0 0 0;
    }
    
    .showspace .container .catelist {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 18px 0 35px 0;
        width: 100%;
        overflow-x: scroll;
    }
    
    .showspace .container .catelist .cate {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .26rem;
        color: #333;
        margin: 0 22px 0 0;
        /* width: max-content; */
        height: 0.8rem;
        letter-spacing: 1px;
        background: #fff;
        padding: 0 10px;
    }
    
    .showspace .container .catelist .cate img {
        margin: 0 15px 0 0;
    }
    
    .showspace .container .catelist .cate span {
        width: 1rem;
    }
    
    .showspace .container .catelist .active {
        background: #235e9a;
        color: #fff;
    }
    
    .showspace .container .wrap {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: max-content;
        flex-direction: column;
    }
    
    .showspace .container .wrap .lside {
        height: max-content;
        width: 100%;
        /* margin: 0 10px d0 0; */
    }
    
    .showspace .container .wrap .lside .swiper .swiper-wrapper .swiper-slide {
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 7rem;
        position: relative;
    }
    
    .showspace .container .wrap .lside .swiper .swiper-wrapper .swiper-slide .namebar {
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #396ea4;
        height: 0.8rem;
        width: calc(100% - 0.52rem);
        padding: 0 0 0 0.52rem;
        color: #fff;
        font-size: 0.3rem;
        font-weight: bold;
        line-height: 0.8rem;
    }
    
    .showspace .container .wrap .lside .swiper .swiper-wrapper .swiper-slide img {
        max-width: 95%;
    }
    
    .showspace .container .wrap .rside {
        height: max-content;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
    }
    
    .showspace .container .wrap .rside .item {
        margin: 10px 0;
        flex-grow: 1;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        height: 1rem;
        width: 25%;
    }
    
    .showspace .container .wrap .rside .item:last-child {
        margin: 10px 0;
    }
    
    .showspace .container .wrap .rside .item img {
        height: 100%;
        object-fit: contain;
        max-width: 100%;
    }
    
    .showspace .container .wrap .rside .item:last-child img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-width: 100%;
    }
    
    .showspace .container .wrap .rside .active {}
    
    .showspace #w0 {
        display: flex;
    }
    
    .showspace #w1 {
        display: none;
    }
    
    .showspace #w2 {
        display: none;
    }
    
    .shipshow {
        background: #f4f4f4;
        padding: 5px 0 10px 0;
    }
    
    .shipshow .container .wrap {
        /* display: flex; */
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        display: none;
    }
    
    .shipshow .container .wrap .item {
        width: calc(100% / 2 - 45px);
        margin: 0 10px 10px 0;
        padding: 25px 20px;
        background: #fff;
    }
    
    .shipshow .container .L0 {
        display: flex;
    }
    .shipshow .container .wrap .item:nth-child(2n-1){
        margin: 0 0 10px 0;
    }
    .shipshow .container .wrap .item:first-child {
        width: calc(100% / 1 - 40px);
        margin: 0 0 10px 0;
    }
    
    .shipshow .container .wrap .item .top {
        display: flex;
        justify-content: flex-start;
        padding: 0 0 12px 0;
        align-items: center;
        border-bottom: 1px solid #d0d0d0;
        margin: 0 0 12px 0;
    }
    
    .shipshow .container .wrap .item .top img {
        margin: 0 8px 0 0;
        width: 0.3rem;
    }
    
    .shipshow .container .wrap .item .top .name {
        font-size: 0.26rem;
        color: #333;
        font-weight: bold;
    }
    
    .shipshow .container .wrap .item span {
        display: block;
        margin: 0 0 5px 0;
        font-size: 0.22rem;
        color: #333;
    }
    
    .shipshow .container .wrap .item:first-child .ls {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
    }
    
    .shipshow .container .wrap .item:first-child .ls span {
        width: calc(100% / 2);
        margin: 5px 0;
    }
    
    .lesadv {
        padding: 0.1rem 0 0.4rem 0;
    }
    
    .lesadv .container .title {
        text-align: center;
        font-size: calc(1vw + 12.8px);
        color: #333;
        font-weight: bold;
    }
    
    .lesadv .container .wrap {
        display: flex;
        justify-content: flex-start;
        padding: 30px 0 0 0;
        flex-wrap: wrap;
    }
    
    .lesadv .container .wrap .item {
        width: calc(100% / 2 - 0.35rem);
        margin: 0 0.1rem 0.1rem 0;
        border: 1px solid #ddd;
        padding: 0.7rem 0.1rem 20px;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        /* height: 2rem; */
        background: #fff;
    }
    
    .lesadv .container .wrap .item:nth-child(2n) {
        margin: 0 0 0.1rem 0;
    }
    
    .lesadv .container .wrap .item img {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 0.65rem;
    }
    
    .lesadv .container .wrap .item .name {
        font-size: 0.26rem;
        color: #333;
        font-weight: bold;
        margin: 0 0 5px 0;
    }
    
    .lesadv .container .wrap .item .desc {
        font-size: 0.22rem;
        color: #333;
        line-height: 0.38rem;
    }
    
    .lesadv .container .wrap .item .cover {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #235e9a;
        z-index: -1;
        right: 0px;
        bottom: 0px;
        opacity: 0;
        transition: all 0.1s;
    }
    
    .lesadv .container .wrap .item:hover .cover {
        opacity: 1;
        transition: all 0.1s;
        right: -6px;
        bottom: -6px;
    }
    
    .lesadv .container .bigpic {
        max-width: 100%;
        display: block;
        margin: 0.1rem auto;
    }
    /* 底部 */
    
    footer {
        background: #333333;
        padding: 0 0 80px 0;
    }
    
    footer .container {
        animation-name: fadeInUp;
        visibility: visible;
    }
    
    footer .container .wrapper {
        display: flex;
        flex-direction: column;
    }
    
    footer .container .btm-cate {
        padding: 60px 0 0 0;
    }
    
    footer .container .btm-cate ul li {
        display: inline-block;
        margin: 0 5% 0 0;
    }
    
    footer .container .btm-cate ul li a {
        display: block;
        color: #fff;
    }
    
    footer .container .btm-cate ul li .catetitle {
        font-size: 18px;
        margin: 0 0 30px 0;
    }
    
    footer .container .btm-cate ul li .subcate {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.6);
        margin: 5px 0;
    }
    
    footer .container .logoinfo,
    .qrcode {
        flex-grow: 1;
    }
    
    footer .container .logoinfo {
        padding: 0.66rem 0 0 0;
    }
    
    footer .container .logoinfo p {
        color: #fff;
    }
    
    footer .container .logoinfo p:nth-child(1) {
        font-size: 0.26rem;
    }
    
    footer .container .logoinfo p:nth-child(2) {
        font-size: 0.28rem;
        font-weight: bold;
    }
    
    footer .container .logoinfo p:nth-child(3) {
        font-size: 0.2rem;
        padding: 0.3rem 0 0 0;
        color: rgba(255, 255, 255, 0.6);
    }
    
    footer .container .logoinfo p:nth-child(4) {
        font-size: 0.2rem;
        padding: 0.1rem 0 0 0;
        color: rgba(255, 255, 255, 0.6);
    }
    
    footer .container .logoinfo p:nth-child(5) {
        font-size: 0.22rem;
        padding: 0.4rem 0 0 0;
        color: rgba(255, 255, 255, 0.6);
    }
    
    footer .container .btm-cate {
        flex-grow: 2;
    }
    
    footer .container .wrapper .qrcode {
        display: flex;
        padding: 61px 0 40px 0;
        justify-content: flex-end;
    }
    
    footer .container .qrcode .qrcodebox {
        margin: 0 20px 0;
    }
    
    footer .container .qrcode .qrcodebox p {
        text-align: center;
        margin: 4px 0;
        color: #fff;
        font-size: 16px;
        ;
    }
    
    footer .info {
        background: #272727;
    }
    
    footer .info a {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.5);
        padding: 20px 0;
        display: block;
        text-align: center;
    }
    
    .tabbar {
        height: 1.15rem;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #111;
        z-index: 99;
        padding: 0 0 12px 0;
        max-width: 768px;
    }
    
    .tabbar .wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .tabbar .wrapper .tabitem {
        flex-grow: 1;
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 1.15rem;
        opacity: 0.3;
    }
    
    .tabbar .wrapper .active {
        opacity: 1;
        background: #235e9a;
    }
    
    .tabbar .wrapper .tabitem img {
        display: block;
        margin: 10px 0 10px 0;
    }
    
    .tabbar .wrapper .tabitem span {
        color: #fff;
        font-size: 0.2rem;
    }
    
    .gbf_model1 {
        background: #f4f4f4;
        padding: calc(2vw + 21.2px) 0 1vw 0;
    }
    
    .gbf_model1 .container .wrap {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0.5rem 0;
        flex-direction: column;
    }
    
    .gbf_model1 .container .wrap .pbox {
        width: 100%;
    }
    
    .gbf_model1 .container .wrap .pbox img {
        max-width: 100%;
    }
    
    .gbf_model1 .container .wrap .tbox {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    
    .gbf_model1 .container .wrap .tbox .name {
        font-size: .32rem;
        color: #333;
        font-weight: bold;
        padding: 0.3rem 0 0.2rem 0;
    }
    
    .gbf_model1 .container .wrap .tbox .cont {
        font-size: 0.22rem;
        color: #333;
        line-height: 0.36rem;
    }
    
    .hotadv .container .title {
        font-size: .32rem;
        color: #333;
        font-weight: bold;
        text-align: center;
        padding: 0.6rem 0 0.4rem 0;
    }
    
    .hotadv .container .bgpic {
        max-width: 100%;
    }
    
    .hotadv .container .list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0.4rem 0 0.3rem 0;
    }
    
    .hotadv .container .list .item {
        width: calc(100% / 2 - 10px);
        margin: 0 20px 20px 0;
        overflow: hidden;
    }
    
    .hotadv .container .list .item:nth-child(2n) {
        margin: 0 0 20px 0;
    }
    
    .hotadv .container .list .item .pbox {
        width: 100%;
        height: 2rem;
        overflow: hidden;
    }
    
    .hotadv .container .list .item .pbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.4s;
    }
    
    .hotadv .container .list .item .pbox:hover img {
        transition: all 0.4s;
        transform: scale(1.05);
    }
    
    .hotadv .container .list .item .name {
        font-size: 0.26rem;
        color: #333;
        font-weight: bold;
        padding: 0.1rem 0 0.05rem 0;
    }
    
    .hotadv .container .list .item .cont {
        font-size: 0.2rem;
        color: #333;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
    .gbf_room {
        position: relative;
    }
    
    .gbf_room .container .toptxt {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 9;
    }
    
    .gbf_room .container .toptxt .name {
        color: #fff;
        font-size: 0.36rem;
        font-weight: bold;
        margin: 0.3rem 0 .4rem 0;
        text-align: center;
    }
    
    .gbf_room .container .toptxt .list {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
    }
    
    .gbf_room .container .toptxt .list .item {
        display: flex;
        width: calc(100% / 2 - 10px);
        margin: 0 0 0.2rem 0;
    }
    
    .gbf_room .container .toptxt .list .item img {
        margin: 0 5px 0 0;
        width: .54rem;
        height: .54rem;
    }
    
    .gbf_room .container .toptxt .list .item div p {
        color: #fff;
        font-size: .24rem;
        font-weight: bold;
    }
    
    .gbf_room .container .toptxt .list .item div span {
        color: #fff;
        font-size: .2rem;
    }
    
    .gbf_room .container .titlebox {
        position: absolute;
        left: 10px;
        top: 43%;
        width: calc(100% - 18px);
    }
    
    .gbf_room .container .titlebox p {
        font-size: calc(1vw + 16.8px);
        color: #333;
        font-weight: bold;
    }
    
    .gbf_room .container .titlebox .cont {
        color: #333;
        font-size: calc(0.5vw + 10.4px);
        max-width: 680px;
        font-weight: 400;
    }
    
    .gbf_room .container .dlist {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: -1.5rem 0 0 0;
    }
    
    .gbf_room .container .dlist .item {
        width: calc(100% / 2 - 10px);
        margin: 0 10px 0 0;
    }
    
    .gbf_room .container .dlist .item .pbox {
        height: 2rem;
    }
    
    .gbf_room .container .dlist .item .pbox img {
        max-width: 100%;
    }
    
    .gbf_room .container .dlist .item .name {
        font-size: .2rem;
        color: #333;
        line-height: .42rem;
        margin: 0 0 10px 0;
        width: 90%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .gbf_view {
        background: #f4f4f4;
        padding: 0.5rem 0;
        position: relative;
    }
    
    .gbf_view .container .title {
        font-size: calc(1vw + 16.8px);
        font-weight: bold;
        color: #333;
        text-align: center;
        margin: 0 0 20px 0;
    }
    
    .gbf_view .container .swiper .swiper-wrapper .swiper-slide img {
        max-width: 100%;
    }
    
    .gbf_view .container .swiper .swiper-wrapper {
        padding: 0 0 0.8rem 0;
    }
    
    .gbf_view .container .swiper .swiper-pagination-bullet {
        background: #ddd;
        border-radius: 0;
        width: 13px;
        height: 13px;
        opacity: 1;
    }
    
    .gbf_view .container .swiper .swiper-pagination-bullet-active {
        background: #235e9a;
    }
    
    .gbf_view .container .swiper .swiper-wrapper .swiper-slide .tbox {
        background: #235e9a;
        width: calc(100% - 20px);
        height: 0.7rem;
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 4px 0 4px 20px;
    }
    /* .gbf_view .container .swiper .swiper-wrapper .swiper-slide .tbox .wrap {
        max-width: 420px;
        max-height: 110px;
        width: calc(21.875vw - 40px);
        height: calc(5.729vw - 40px);
        border: 1px solid #fff;
        padding: 20px;
    } */
    
    .gbf_view .container .swiper .swiper-wrapper .swiper-slide .tbox .wrap .name {
        font-size: 0.26rem;
        color: #fff;
        font-weight: bold;
    }
    
    .gbf_view .container .swiper .swiper-wrapper .swiper-slide .tbox .wrap .cont {
        color: #fff;
        font-size: 0.2rem;
    }
    
    .gbf_pro .container .wrap {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .gbf_pro .container .wrap .mode {
        width: calc(100% / 1);
        border-bottom: 1px solid #ddd;
        text-align: center;
        padding: .5rem 0;
    }
    
    .gbf_pro .container .wrap .mode:last-child {
        border: 0;
    }
    
    .gbf_pro .container .wrap .mode .pbox {
        height: 22.18vw;
        min-height: 280px;
    }
    
    .gbf_pro .container .wrap .mode .pbox img {
        max-width: 100%;
        max-height: 100%;
    }
    
    .gbf_pro .container .wrap .mode .tbox {
        width: 100%;
    }
    
    .gbf_pro .container .wrap .mode .tbox .name {
        font-size: .26rem;
        color: #333333;
        font-weight: bold;
        padding: 5px 0 15px 0;
    }
    
    .gbf_pro .container .wrap .mode .tbox .colorlist {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0 30px 0;
    }
    
    .gbf_pro .container .wrap .mode .tbox .colorlist .color {
        width: 53px;
        height: 18px;
        border: 1px solid #000;
        margin: 0 24px 0 0;
    }
    
    .gbf_pro .container .wrap .mode .tbox .colorlist .c1 {
        background: #ccced1;
    }
    
    .gbf_pro .container .wrap .mode .tbox .colorlist .c2 {
        background: #fff;
    }
    
    .gbf_pro .container .wrap .mode .tbox .colorlist .c3 {
        background: #3e3a39;
    }
    
    .gbf_pro .container .wrap .mode .detail {
        margin: 0 auto;
        width: max-content;
    }
    
    .gbf_pro .container .wrap .mode .detail .item {
        margin: 0 0 10px 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: max-content;
    }
    
    .gbf_pro .container .wrap .mode .detail .item img {
        margin: 0 5px 0 0;
        width: 0.25rem;
    }
    
    .gbf_pro .container .wrap .mode .detail .item p {
        font-size: .2rem;
        color: #333;
        line-height: 0.4rem;
    }
    
    .aboutrack .wrap .tbox .name {
        font-size: 0.36rem;
        color: #282828;
        font-weight: bold;
        margin: 0 0 10px 0;
    }
    
    .aboutrack .wrap .tbox .desc {
        color: #282828;
        font-size: 0.21rem;
        line-height: 0.42rem;
        padding: 0 0 .2rem 0;
    }
    
    .proshow {
        background: #f4f4f4;
        padding: 2.5vw 0;
    }
    
    .proshow .container .title {
        font-size: .32rem;
        color: #333;
        font-weight: bold;
        text-align: center;
    }
    
    .proshow .container .desc {
        font-size: 0.24rem;
        color: #333;
        position: relative;
        width: max-content;
        margin: 20px auto 0;
        text-align: center;
        display: block;
    }
    
    .proshow .container .desc::before {
        position: absolute;
        content: '';
        width: 0.7rem;
        height: 1px;
        background: #235e9a;
        left: -0.9rem;
        top: 10px;
    }
    
    .proshow .container .desc::after {
        position: absolute;
        content: '';
        width: 0.7rem;
        height: 1px;
        background: #235e9a;
        right: -0.9rem;
        top: 10px;
    }
    
    .proshow .container .catelist {
        overflow-x: scroll;
    }
    
    .proshow .container .catelist .mp {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding: 0.2rem 0;
        width: max-content;
    }
    
    .proshow .container .catelist .cate {
        width: 3rem;
        height: 0.8rem;
        background: #fff;
        border: 1px solid #ccc;
        color: #000;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.22rem;
        margin: 0 0.1rem 0.2rem 0;
        cursor: pointer;
        padding: 0 .15rem;
    }
    
    .proshow .container .catelist .cate:hover {
        background-color: #235e9a;
        color: #fff;
    }
    
    .proshow .container .catelist .active {
        background-color: #235e9a;
        color: #fff;
    }
    
    .proshow .swi_wrap {
        display: none;
        justify-content: flex-start;
        width: 100%;
        flex-direction: column;
        /* height: 43vw; */
    }
    
    .proshow .swi_active {
        display: flex;
    }
    
    .proshow .swi_wrap .maininfo {
        width: 100%;
    }
    
    .proshow .swi_wrap .maininfo .pbox {
        height: 5rem;
    }
    
    .proshow .swi_wrap .maininfo .pbox .bigpic {
        max-width: 95%;
        display: block;
        margin: 0 auto;
        max-height: 95%;
    }
    
    .proshow .swi_wrap .maininfo .name {
        font-size: 0.3rem;
        font-weight: bold;
        color: #333;
        padding: 0.15rem 0 0 0.15rem;
    }
    
    .proshow .swi_wrap .maininfo .delist {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0.15rem 0;
    }
    
    .proshow .swi_wrap .maininfo .delist .item {
        width: calc(100% / 2 - 0.15rem);
        margin: 0 0 0.2rem 0;
        padding: 0 0 0 .15rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    .proshow .swi_wrap .maininfo .delist .item img {
        width: 0.24rem;
        height: 0.24rem;
        margin: 0 0.1rem 0 0;
    }
    
    .proshow .swi_wrap .maininfo .delist .item span {
        font-size: 0.2rem;
        color: #333;
    }
    
    .proshow .swi_wrap .maininfo .delist .item span b {
        margin: 0 6px 0 0;
    }
    
    .proshow .swi_wrap .maininfo .delist .item span .white {
        width: 0.3rem;
        height: 0.3rem;
        border: 1px solid #cdcdcd;
        background: #eeefef;
        display: inline-block;
        border-radius: 50%;
        margin: 0 10px -5px 0;
    }
    
    .proshow .swi_wrap .maininfo .delist .item span .golden {
        width: 0.3rem;
        height: 0.3rem;
        border: 1px solid #cdcdcd;
        background: linear-gradient(121deg, #cd973d 20%, #efe1bd 80%);
        display: inline-block;
        border-radius: 50%;
        margin: 0 10px -5px 10px;
    }
    
    .proshow .swi_wrap .maininfo .delist .item span .black {
        width: 0.3rem;
        height: 0.3rem;
        border: 1px solid #cdcdcd;
        background: #000;
        display: inline-block;
        border-radius: 50%;
        margin: 0 10px -5px 10px;
    }
    
    .proshow .swi_wrap .swiper {
        width: 100%;
        height: 6rem;
    }
    
    .proshow .swi_wrap .swiper {
        padding: 0 0 0.8rem 0;
    }
    
    .proshow .swi_wrap .swiper .swiper-wrapper .swiper-slide img {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .proshow .swi_wrap .swiper .swiper-scrollbar {
        position: absolute;
        left: 0%;
        bottom: 8px;
        z-index: 50;
        height: 5px;
        width: 100%;
        background: #ebebeb;
    }
    
    .proshow .swi_wrap .swiper .swiper-scrollbar-drag {
        background: #235e9a;
    }
    
    .proshow .swi_wrap .swiper .prev {
        position: absolute;
        bottom: 1px;
        cursor: pointer;
    }
    
    .proshow .swi_wrap .swiper .next {
        position: absolute;
        bottom: 1px;
        transform: rotate(180deg);
        left: 50px;
        filter: invert(1);
        filter: grayscale(1) brightness(2.5);
        cursor: pointer;
    }
    
    .proshow .swi_wrap .swiper .next:hover {
        filter: none;
    }
    
    .proshow .container .func {
        width: 100%;
        margin: 0.5rem 0;
        background: #fff;
        height: max-content;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    
    .proshow .container .func .lside {
        width: 100%;
        /* height: 0.6rem; */
        background: #235e9a;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        padding: .2rem 0;
    }
    
    .proshow .container .func .lside img {
        margin: 0 0.1rem 0 0;
        width: 0.25rem;
    }
    
    .proshow .container .func .lside span {
        width: max-content;
        font-size: 0.22rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }
    
    .proshow .container .func .rside {
        width: calc(100% - 0.4rem);
        padding: 0.3rem 0.2rem;
    }
    
    .proshow .container .func .rside .list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .proshow .container .func .rside .list .item {
        width: calc(100% / 2);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 20px 0;
    }
    
    .proshow .container .func .rside .list .item i {
        display: block;
        width: 8px;
        height: 8px;
        background: #09529b;
        margin: 0 15px 0 0;
    }
    
    .proshow .container .func .rside .list .item p {
        font-size: 0.21rem;
        color: #333;
    }
    
    .advlist .container .wrap {
        padding: 0.2rem 0;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    .advlist .container .wrap .item {
        width: calc(100% / 2 - 0.9rem);
        margin: 0 0.2rem 0.2rem 0;
        border: 2px solid #dddddd;
        padding: 0.2rem 0.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
    }
    
    .advlist .container .wrap .item img {
        margin: 0 0 10px 0;
    }
    
    .advlist .container .wrap .item p {
        font-size: 0.2rem;
        color: #333;
    }
    
    .pain .container .title {
        font-size: 0.36rem;
        color: #282828;
        font-weight: bold;
        text-align: center;
        padding: 20px 0;
    }
    
    .pain .container .wrap {
        height: max-content;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    
    .pain .container .wrap .lside {
        height: max-content;
        width: 100%;
        height: 3.5rem;
    }
    
    .pain .container .wrap .lside .item {
        width: 100%;
        height: 100%;
        /* overflow: hidden; */
    }
    
    .pain .container .wrap .lside .item .pbox {
        width: 100%;
        height: 83%;
        overflow: hidden;
        position: relative;
    }
    
    .pain .container .wrap .lside .item .pbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .pain .container .wrap .lside .item .pbox span {
        position: absolute;
        background: rgba(35, 94, 154, .8);
        height: 0.7rem;
        width: calc(100% - 0.2rem);
        padding: 0 0 0 0.2rem;
        font-size: 0.22rem;
        color: #fff;
        font-weight: bold;
        bottom: 0;
        left: 0;
    }
    
    .pain .container .wrap .lside .item .tbox p {
        font-size: 0.21rem;
        color: #333;
        padding: 6px 0;
        line-height: 0.42rem;
    }
    
    .pain .container .wrap .rside {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
    
    .pain .container .wrap .rside .mode {
        width: 100%;
        height: 49%;
        display: flex;
        justify-content: space-between;
    }
    
    .pain .container .wrap .rside .mode .item {
        /* height: 100%; */
        width: calc(100vw / 2 - 0.2rem);
        margin: 0 0.2rem 0.2rem 0;
        position: relative;
        height: max-content;
    }
    
    .pain .container .wrap .rside .mode .item:last-child {
        margin: 0 0 0.2rem 0;
    }
    
    .pain .container .wrap .rside .mode .item .pbox {
        position: relative;
    }
    
    .pain .container .wrap .rside .mode .item .pbox img {
        width: 100%;
        height: 100%;
    }
    
    .pain .container .wrap .rside .mode .item .pbox span {
        position: absolute;
        background: rgba(35, 94, 154, .8);
        height: 0.7rem;
        width: calc(100% - 0.2rem);
        padding: 0 0 0 0.2rem;
        line-height: 0.7rem;
        font-size: 0.22rem;
        color: #fff;
        font-weight: bold;
        bottom: 0;
        left: 0;
    }
    
    .pain .container .wrap .rside .mode .item .tbox p {
        font-size: 0.21rem;
        color: #333;
        padding: 6px 0;
        line-height: 0.42rem;
    }
    
    .hot_glass .container .title {
        font-size: 0.36rem;
        color: #282828;
        font-weight: bold;
        text-align: center;
    }
    
    .hot_glass .container .desc {
        font-size: 0.2rem;
        color: #333;
        text-align: center;
        max-width: 95%;
        margin: 10px auto;
    }
    
    .hot_glass .container img {
        display: block;
        margin: 0.2rem auto 0;
    }
    
    .cus_glass {
        padding: 0.6rem 0 0.1rem 0;
        background: #f4f4f4;
    }
    
    .cus_glass .container .maintitle {
        font-size: 0.36rem;
        color: #333;
        font-weight: bold;
        text-align: center;
    }
    
    .cus_glass .container .maindesc {
        font-size: 0.24rem;
        color: #333;
        text-align: center;
        margin: 10px auto;
    }
    
    .cus_glass .container .glasslist .item {
        position: relative;
        margin: 0 0 .15rem 0;
    }
    
    .cus_glass .container .glasslist .item img {
        max-width: 100%;
    }
    
    .cus_glass .container .glasslist .item .tbox {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.8rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: calc(100% - 0.2rem);
        padding: 0 0 0 .2rem;
        flex-direction: column;
        background: #356aa0;
    }
    
    .cus_glass .container .glasslist .item .tbox .title {
        font-size: 0.26rem;
        color: #fff;
        font-weight: bold;
    }
    
    .cus_glass .container .glasslist .item .tbox .desc {
        color: #fff;
        font-size: .2rem;
    }
    
    .shopmall {
        padding: 0.2rem 0;
        background: #f4f4f4;
    }
    
    .shopmall .container .wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .shopmall .container .wrap .mode {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        flex-direction: column;
        width: 49.5%;
        height: 1.8rem;
    }
    
    .shopmall .container .wrap .mode span {
        font-size: .215rem;
        color: #333;
        line-height: 0.48rem;
        margin: 0 0 0 12px;
    }
    
    .shopmall .container .wrap .mode img {
        width: .7rem;
        height: .7rem;
    }
    /* 媒介查询 */
    /* 大屏幕（老款笔记本1366） */
    
    @media (max-width: 1366px) {}
    /* 大屏幕（老款笔记本1200） */
    
    @media (max-width: 1200px) {}
    /* 中等屏幕（平板模式1024） */
    
    @media (max-width: 1024px) {}
    /* 小屏幕（平板） */
    
    @media (max-width: 640px) {}
    /* 大屏幕（手机） */
    
    @media (max-width: 414px) {}
    /* 小屏幕（手机) */
    
    @media (max-width: 375px) {}