.companyinfo{
    display: flex;
    gap: 20px;
    align-items: center;
}
.companyinfo .logo{
    width: 136px;
    height: 68px;
}
.companyinfo .text{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.companyinfo .text dt{
    font-size: 30px;
    color: #333333;
    width: 100%;
    margin-top: 20px;
}
.wap-show .companyinfo .text dt{
    font-size: 20px;
}
.wap-show .header-search .container{

    padding-bottom: 20px;
}
.shop-tags{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: 10px;
}
.shop-tags .tag1{
    position: relative;
}
.shop-tags .tag1 img{
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: -3px;
}
.shop-tags .tag1 div{
    padding: 0 6px 0 16px;
    height: 20px;
    border-radius: 20px;
    font-size: 12px;
    margin-left: 9px;
}
.shop-tags .grade-zs div{
    background: linear-gradient( 270deg, rgba(116, 112, 240, 0.3) 0%, rgba(94, 209, 255, 0.3) 100%);
    color: #4C1269;
}
.shop-tags .grade-bj div{
    background: linear-gradient( 270deg, rgba(112, 157, 240, 0.3) 0%, rgba(135, 240, 229, 0.3) 100%);
    color: #122F69;
}
.shop-tags .grade-hj div{
    background: linear-gradient( 270deg, rgba(240, 163, 112, 0.3) 0%, rgba(255, 248, 94, 0.3) 100%);
    color: #693B12;
}
.shop-tags .grade-pt div{
    background: linear-gradient( 270deg, rgba(113, 113, 113, 0.3) 0%, rgba(229, 229, 229, 0.3) 100%);
    color: #666666;
}
.shop-tags .grade-zz div{
    background: linear-gradient( 270deg, #717171 0%, #E5E5E5 100%);
    color: #000;
}
.shop-tags .tag2{
    height: 22px;
    background: #FAE9EA;
    border-radius: 1000px 1000px 1000px 1000px;
    font-size: 12px;
    color: #CA252D;
    line-height: 11px;
    display: flex;
    align-items: center;
    padding-right: 4px;
}
.shop-tags .tag2 div{
    width: 25px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background-image: url("../../imgs/baseIcon/year_bg.png");background-size: cover;
}
.shop-tags .tag3{
    display: flex;
    align-items: center;
    height: 22px;
    background: linear-gradient( 90deg, rgba(80, 83, 255, 0.1) 0%, rgba(80, 153, 255, 0.1) 100%), #FFFFFF;
    border-radius: 1000px 1000px 1000px 1000px;
    padding: 0 5px;
    gap: 4px;
}
.shop-tags .tag3 div{
    background: -webkit-linear-gradient(180deg, rgba(80, 83, 255, 1), rgba(80, 153, 255, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.shop-tags .tag3 img{
    width: 19px;
    object-fit: contain;
}
.shop-tags .tag4{
    font-size: 12px;
    color: #999999;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #F5F6FA;
    line-height: 22px;
    padding: 0 4px;
}

.search-box{
    position: relative;
    height: 40px;
    border: 1px solid transparent;
    background-image: linear-gradient(90deg,#FF8587,#C79AF9);
    border-radius: 40px;
    max-width: 360px;
    flex: 1;
    margin: 0 20px;
}
.search-box-cont{
    display: flex;
    align-items: center;
    padding: 3px;
    border-radius: 40px;
    background: #fff;
    height: 100%;
}
.search-box .type-select ._label span{
    flex: none;
}
.search-box .type-select{
    position: relative;
    height: 100%;
}
.search-box .type-select ._label{
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #040000;
    gap: 10px;
    cursor: pointer;
    padding: 0 17px;
}
.search-box .type-select ._label i{
    font-size: 12px;
}
.search-box .type-select ._options{
    position: absolute;
    background: #fff;
    display: none;
    width: fit-content;
    padding: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 8px 8px;
    z-index: 2;
    margin-top: 9px;
}
.search-box .type-select ._options div{
    line-height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #040000;
    font-size: 14px;
    border-radius: 8px 8px 8px 8px;
    white-space: nowrap;
}
.search-box .type-select ._options div:hover{
    color: var(--base-color);
    background: #FCF4F4;
}
.search-box .type-select ._options div.on{
    background: var(--base-color);
    color: #fff;
}
.search-box .search-list{
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
}
.search-box .search-list a{
    display: block;
    line-height: 30px;
    padding: 0 10px;
}
.search-box .search-list a:hover{
    color: var(--base-color);
}



.search-box input{
    font-size: 14px;
    padding: 0 3px;
    background: unset;
    border: none;
    flex: 1;
}
.search-box input::placeholder{
    width: 100%;
    color: rgba(0,0,0,0.2);
}
.search-box .submit-btn{
    display: flex;
    align-items: center;
    width: 91px;
    height: 100%;
    background: rgba(255,255,255,0.1);
    box-shadow: 0px 0px 20px 0px rgba(202,37,45,0.1);
    border-radius: 100px 100px 100px 100px;
    border: 1px solid rgba(255,255,255,0.2);
    justify-content: center;
    font-size: 15px;
    color: #040000;
    gap: 8px;
    cursor: pointer;
}
.search-box .submit-btn i{
    width: 16px;
    font-size: 16px;
    background-image: linear-gradient(to right, #85A3FF, #8A38F5);
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
}
.search-box .right-btns{
    display: flex;
    gap: 20px;
}
.search-box .right-btns a{
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #040000;
}
.search-box .right-btns a img{
    width: 36px;
    height: 36px;
}
.header-search .right-btns a{
    width: 112px;
    height: 32px;
    background: #F5F6FA;
    border-radius: 1000px 1000px 1000px 1000px;
    display: flex;
    justify-content: center;
    gap: 9px;
    font-size: 14px;color: #222222;
}
.header-search .right-btns a .icon-yishoucang{color: #CA252D}
.rowbox{
    padding: 20px;
    background: #fff;border-radius: 16px 16px 16px 16px;
    width: 100%;
}
.banner{
    height: 400px;
    background: #000;
    border-radius: 16px 16px 16px 16px;
    margin-top: 30px;
    position: relative;
}
.banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .banner-pagination{
    position: absolute;
    width: 100%;
    bottom: 30px;
    display: flex;
    justify-content: center;
    z-index: 99;
}
.banner .banner-pagination span{
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.5);
    border-radius: 100px 100px 100px 100px;
    border: 1px solid rgba(255,255,255,0.5);
}
.banner .banner-pagination span.swiper-pagination-bullet-active{

    width: 22px !important;
    background: #fff !important;

}
.home-content{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.gsjj{
    display: flex;
    gap: 20px;
}
.gsjj ._left{
    width: 468px;

}
.gsjj ._left .gsjj-swiper{
    height: 270px;
    border-radius: 8px 8px 8px 8px;
    position: relative;
}
.gsjj ._left .gsjj-swiper img{
    width: 100%;
    height: 100%;
}


.small-swiper{
    padding: 20px;
    width: 100%;

    flex-shrink: 0;
}
.small-swiper .swiper-wrapper{
    display: flex;
    gap: 0px;
}
.small-swiper .swiper-slide{
    width: fit-content;
}
.banner .banner-btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #FFFFFF;
    background-color: rgba(255,255,255,0.8);
    font-size: 16px;
    color: #999;
    text-align: center;
    line-height: 46px;
    z-index: 2;
}
.banner .banner-btn:hover{
    background: #fff;
    color: var(--base-color);
}
.banner:hover .banner-btn{
    display: block;
}
.banner .banner-btn.icon-fanye-zuo{
    left: 28px;
}
.banner .banner-btn.icon-fanye-you{
    right: 28px;
}
.small-swiper img,.small-swiper video{
    width: 94px;
    height: 53px;
    border-radius: 8px 8px 8px 8px;
    border: 2px solid #F7F8FC;
    object-fit: contain;
}
.small-swiper .swiper-slide-thumb-active img{
    border-color: #CA252D;
}
.small-swiper .iconfont,
.desc-swiper .iconfont{
    position: absolute;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 100px 100px 100px 100px;
    border: 1px solid #F7F8FC;
    color: #CA252D;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    z-index: 2;
    top: 25px;
}
.small-swiper .icon-jiantou-zuo{
    left: 10px;
}
.small-swiper .icon-jiantou-you{
    right: 10px;
}


.videobf{
    width: 57px;
    height: 57px;
    background: rgba(255,255,255,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    position: absolute;
    top: calc(50% - 28.5px);
    left: calc(50% - 28.5px);
    cursor: pointer;
}
.gsjj ._left .gsjj-swiper .item{
    position: relative;
    height: 100%;
}
.gsjj ._left .gsjj-swiper .item .tpic{
    height: 100%;
}
.gsjj ._left .gsjj-swiper video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gsjj ._left .gsjj-swiper .videobf i{
    color: #fff;
    font-size: 27px;
}
.gsjj ._left .gsjj-swiper .icon-jiantou-zuo,.gsjj ._left .gsjj-swiper .icon-jiantou-you{
    position: absolute;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 100px 100px 100px 100px;
    border: 1px solid #F7F8FC;
    color: #CA252D;
    font-size: 7px;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    z-index: 2;
    top: calc(50% - 10px);
}
.gsjj-swiper  .icon-jiantou-zuo{
    left: 10px;
}
.gsjj-swiper  .icon-jiantou-you{
    right: 10px;
}

.product-item ._btm-info ._name{
    text-align: left;
}
.product-item ._btm-info ._req-btn{
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.product-item ._btm-info ._price{
}
.gszs-item{
    text-align: center;
}
.gszs-item dt{
    margin-bottom: 10px;
}
.gszs-item .main-img{
    height: 219px;
    background: #F5F6FA;
    border-radius: 8px 8px 8px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.gszs-item .main-img img{max-height: 100%}
.page-title{
    font-size: 20px;
}
.page-title .more-btn{
    font-size: 16px;
    font-weight: initial;
}

.fqxp{
    margin-top: 30px;
    margin-bottom: 30px;}
.fqxp .page-title{
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #F4F4F4;
}


.fqxp .form{
    margin-top: 30px;
    margin-bottom: 15px;
    overflow: hidden;
}
.fqxp .req-line{
    display: flex;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}
._p-desc-name{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    color: #333333;
    line-height: 42px;
    margin-bottom: 20px;

}

._p-desc-name div {
    font-weight: bold;
}
.fqxp .req-line .req-val{
    flex: 1;
}
.sendSms{
    position: absolute;
    right: 20px;
    height: 100%;
    line-height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    top: 0;
}
.fqxp .req-line .req-label{
    width: 100px;font-size: 14px;
}

.fqxp textarea{
    height: 140px;
    padding: 10px;
    border-radius: 8px 8px 8px 8px;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
}
.fqxp .btn{
    width: 135px;
    height: 40px;
    background: linear-gradient( 270deg, #FC573F 0%, #CA252D 100%);
    border-radius: 24px 24px 24px 24px;
    display: flex;
    align-items: center;
    justify-content: center;font-size: 16px;
    color: #fff;
    margin-top:15px;
    float: right;
}
.req-btn{
    width: 135px;
    height: 40px;
    background: linear-gradient( 270deg, #FC573F 0%, #CA252D 100%);
    border-radius: 24px 24px 24px 24px;
    display: flex;
    align-items: center;
    justify-content: center;font-size: 16px;
    color: #fff;
    margin-top:15px;
    float: right;
    cursor: pointer;
}
.gsjj .right{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: 672px;
}
.gsjj .right dt{
    font-size: 20px;color: #333333;
}
.gsjj .right .rtop{
    width: 100%;
    display: flex;
    align-items: center;
    height: 84px;
    background: #F5F6FA;
    border-radius: 16px 16px 16px 16px;
}
.gsjj .right .rtop .item{
    width: 33.3%;
    border-right: 1px solid rgba(0,0,0,0.05);
    display: flex;
    justify-content: center;
    align-items: center;
}
.gsjj .right .rtop .item:nth-last-child(1){
    border: none;
}
.gsjj .right .rtop .item i{
    width: 44px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 1000px 1000px 1000px 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 10px;
}
.gsjj .right .rtop .item:hover i{
    color: #CA252D;
}
.gsjj .right .rtop .item .text span{display: block;
    font-size: 14px; color: #333}
.gsjj .right .rtop .item .text span.b{
    color: #000;
    margin-top: 4px;
}
.gsjj .right  .info{
    width: 100%;
}
.gsjj .right  .info .item{
    display: flex;
    color: #333333;
    line-height: 25px;
    font-size: 14px;
}
.gsjj .right  .info .item .label{
    width: 70px;
    flex: none;
}
.gsjj .right  .info .item .value{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: calc(100% - 80px);
}
.gsjj .right .info .item a{
    color: #CA252D;
}

.gsjj .right  .detail-info{
    color: #666666;
    margin-top: 10px;
}
.gsjj .right .zksq{
    float: right;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.gsjj .right .zksq i{
    margin-left: 6px;
    font-size: 12px;}
.filter{
    margin-top: 30px;
}
.zntw .list{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.zntw .item{
    background: #F5F6FA;border-radius: 8px 8px 8px 8px;
    padding: 12px;
}

.video-layer {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}

.video-layer.show {
    opacity: 1;
    visibility: visible;
}

.video-layer .container {
    width: 1200px;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
}

.video-layer .container video {
    display: block;
    width: 100%;
    border-radius: 6px;
    max-height: 70vh;
}

@media screen and (max-width: 800px) {
    .video-layer .container {
        width: 690px;
    }
    .gsjj ._left{
        width: 100%;
    }
    .gsjj .right .rtop .item .text span{
        font-size: 12px;
    }
    .gsjj{
        flex-wrap: wrap;
    }
    .gsjj .right .info .item{
        line-height: 22px;
    }
    .rowbox{
        padding: 15px;
    }
    .banner{
        height: auto;
    }
    .companyinfo .logo{
        width: 120px;
    }
}