html,
body {
    color: #262626;
    background: #F7F9FA
}

a:hover {
    color: #2769DC
}

.m-container {
    background-color: #fff
}

.swiper-slide {
    transform: translate3d(0, 0, 0)
}

.main-module {
    background-color: #fff
}

.main-module .slogan {
    display: block;
    width: 1.72rem;
    margin: 0 auto
}

.main-module .search-box {
    padding: .15rem .2rem
}

.main-module .search-box .radio {
    float: left;
    padding: 0 .16rem;
    height: .34rem;
    line-height: .34rem;
    font-size: .14rem;
    border-radius: .02rem .02rem 0 0;
    cursor: pointer
}

.main-module .search-box .radio input {
    display: none
}

.main-module .search-box .active {
    background-color: #2769dc;
    color: #fff
}

.main-module .search-box .inp-wrap {
    position: relative;
    border: .02rem solid #2769dc;
    border-radius: 0 .02rem .02rem;
    overflow: hidden
}

.main-module .search-box .inp {
    width: 100%;
    height: .48rem;
    line-height: .44rem;
    padding: 0 1rem 0 .2rem;
    outline: 0;
    font-size: .14rem;
    border: 0
}

.main-module .search-box .sub {
    position: absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: .48rem;
    line-height: .48rem;
    font-size: .16rem;
    text-align: center;
    color: #fff;
    background-color: #2769dc;
    outline: 0;
    border: 0;
    border-radius: 0
}

.main-module .swiper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.main-module .swiper-slide {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.main-module .sortSlider {
    padding: .12rem .1rem;
    line-height: .2rem;
    font-size: .15rem;
    color: #333;
    background-color: #F7F9FA;
    border-bottom: solid 1px #E0E6ED
}

.main-module .sortSlider::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: .4rem;
    height: 100%;
    background: linear-gradient(-270deg, rgba(247, 249, 250, 0) 0, #F7F9FA 100%)
}

.main-module .sortSlider .swiper-slide {
    width: auto;
    margin-right: .2rem
}

.main-module .adBannerSwiper {
    width: 3.55rem;
    padding: .1rem 0 0
}

.main-module .adBannerSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .04rem;
}

.main-module .adBannerSwiper .swiper-pagination {
    bottom: .1rem;
    width: 100%;
    text-align: center;
    font-size: 0
}

.main-module .adBannerSwiper .swiper-pagination-bullet {
    width: .16rem;
    height: .03rem;
    margin: 0 2px;
    background: #FFF;
    border-radius: 0
}

.main-module .company-type-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: .16rem .16rem
}

.main-module .company-type-box .spg-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: end;
    width: 100%;
    height: .58rem;
    text-align: center;
    color: #595959;
    font-size: .125rem
}

.main-module .company-type-box .spg-box .spg-img {
    margin-bottom: .05rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.main-module .company-type-box .spg-box .kx1,
.main-module .company-type-box .spg-box .kx2 {
    width: .24rem;
    padding: .02rem 0
}

.main-module .company-type-box .spg-box .kx3,
.main-module .company-type-box .spg-box .kx4,
.main-module .company-type-box .spg-box .kx5 {
    width: .28rem
}

.middle-module {
    padding: .1rem .1rem 0;
    background: url(../image/big-brand-bg1.png) no-repeat top center;
    background-size: 100%;
    border-radius: 8px 8px 0 0;
}

.middle-module .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: .28rem;
    line-height: .28rem;
    margin: .22rem 0;
    font-size: .2rem;
    font-weight: 600
}

.middle-module .title span {
    margin: 0 .08rem
}

.middle-module .title img {
    display: inline-block;
    width: .24rem
}

.middle-module .big-brand {
    padding: .1rem .1rem 0;
    background-color: #fff
}

.middle-module .big-brand .midTabSlider {
    width: 3.35rem;
    height: .42rem;
    line-height: .42rem;
    font-size: .14rem;
    border-top: solid 1px #E0E6ED;
    border-bottom: solid 1px #E0E6ED
}

.middle-module .big-brand .midTabSlider .swiper-slide {
    width: auto;
    text-align: center
}

.middle-module .big-brand .midTabSlider .swiper-slide-active {
    color: #262626;
    font-weight: 400
}

.middle-module .big-brand .midTabSlider .slide-active {
    color: #2769DC;
    font-weight: 600
}

.middle-module .big-brand .midTabSlider .slide-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.1rem;
    width: .2rem;
    height: .03rem;
    background-color: #2769DC
}

.middle-module .big-brand .midCompanyIntroSwiper {
    width: 100%;
    padding-bottom: .4rem
}

.middle-module .big-brand .company-intro {
    position: relative;
    padding: .2rem .2rem .2rem .43rem
}

.middle-module .big-brand .company-intro .icon {
    position: absolute;
    top: .18rem;
    left: .06rem;
    display: inline-block;
    width: .33rem;
    height: .64rem;
    font-size: .6rem;
    font-weight: 400;
    color: #E8EDF2;
    line-height: .64rem
}

.middle-module .big-brand .company-intro h3 {
    font-size: .14rem;
    font-weight: 400;
    color: #595959;
    line-height: .24rem;
    height: .72rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.middle-module .big-brand .bigBrandProSwiper {
    position: relative
}

.middle-module .big-brand .bigBrandProSwiper .swiper-slide {
    width: 50%
}

.middle-module .big-brand .bigBrandProSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.middle-module .big-brand .bigBrandProSwiper .name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .3rem;
    line-height: .3rem;
    padding: 0 .1rem;
    text-align: center;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, .6)
}

.middle-module .big-brand .swiper-pagination {
    bottom: -.16rem;
    width: 100%;
    font-size: 0
}

.middle-module .big-brand .swiper-pagination .swiper-pagination-bullet {
    width: .16rem;
    height: .03rem;
    margin: 0 .02rem;
    background: rgba(39, 105, 220, .5);
    border-radius: 0
}

.middle-module .big-brand .swiper-pagination .swiper-pagination-bullet-active {
    background: #2769DC
}

.middle-module .high-company {
    overflow: hidden;
    margin: 0 -.1rem;
    padding: .12rem 0 0rem;
}

.middle-module .high-company .title {
    color: #fff
}

.middle-module .high-company .highCompanySwiper {
    padding: 0 .1rem;
    overflow: visible
}

.middle-module .high-company .swiper-slide {
    position: relative;
    overflow: hidden;
    height: 2.42rem;
    background-color: #fff;
    border: solid 4px #fff;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.middle-module .high-company .swiper-slide::after {
    content: '';
    position: absolute;
    left: .12rem;
    top: 0;
    width: .16rem;
    height: .16rem;
    background: url(../image/bz.png) no-repeat center
}

.middle-module .high-company .swiper-slide img {
    max-width: 100%;
    max-height: 80%;
    width: 100%;
    height: 80%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: -.48rem;
    bottom: 0;
    margin: auto
}

.middle-module .high-company .swiper-slide .name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .45rem;
    padding: .03rem .1rem;
    text-align: center;
    font-size: .123rem;
    font-weight: 400;
    color: #262626;
    line-height: 1.5;
    background-color: #fff;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.index-product {
    /*margin-top: -.1rem;*/
    overflow: hidden;
    background: #F7F9FA
}

.index-product .module-box {
    position: relative;
    margin: .2rem .1rem;
    box-shadow: 0 2px 4px 0 #F1F4F7;
    border-radius: 5px;
    overflow: hidden
}

.index-product .module-box1 {
    background: linear-gradient(180deg, #E1E6EB 0, #BCC8D9 100%)
}

.index-product .module-box2 {
    background: linear-gradient(180deg, #EBEAE6 0, #E6E1DB 100%)
}

.index-product .module-box3 {
    background: linear-gradient(180deg, #DEE5E3 0, #C0D2CC 100%)
}

.index-product .module-box4 {
    background: linear-gradient(180deg, #E1E6EB 0, #BCC8D9 100%)
}

.index-product .module-box5 {
    background: linear-gradient(180deg, #DEDFEA 0, #C5C7D6 100%)
}

.index-product .module-box6 {
    background: linear-gradient(180deg, #E4E4E4 0, #CBCBCB 100%)
}

.index-product .module-box7 {
    background: linear-gradient(180deg, #DEE5E3 0, #C0D2CC 100%)
}

.index-product .module-box8 {
    background: linear-gradient(180deg, #E4E4E4 0, #CBCBCB 100%)
}

.index-product .module-box9 {
    background: linear-gradient(180deg, #EBEAE6 0, #E6E1DB 100%)
}

.index-product .module-box10 {
    background: linear-gradient(180deg, #DEDFEA 0, #C5C7D6 100%)
}

.index-product .module-box .top {
    /*height: .9rem;*/
    padding: .125rem 0;
    text-align: center
}

.index-product .module-box .top h3 {
    margin-bottom: .06rem;
    font-size: .18rem;
    font-weight: 600;
    line-height: .23rem;
    color: #262626
}

.index-product .module-box .top p {
    font-size: .12rem;
    line-height: .16rem;
    color: rgba(38, 38, 38, .4)
}

.index-product .content-wrap {
    overflow: hidden;
    background-color: #fff
}

.index-product .product-category {
    display: -ms-flexbox;
    display: flex;
    margin: .12rem;
    padding: .08rem;
    background-color: #F7F9FA;
    border-radius: 2px
}

.index-product .product-category .item-card {
    width: 33.33333%;
    text-align: center;
    background-color: #fff;
    border: solid 1px #E8EDF2;
    border-right: 0
}

.index-product .product-category .item-card:last-child {
    border-right: solid 1px #E8EDF2
}

.index-product .product-category .pic {
    position: relative;
    display: block;
    width: .6rem;
    height: .6rem;
    margin: .12rem auto .08rem
}

.index-product .product-category .pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.index-product .product-category .name {
    margin-bottom: .12rem;
    padding: 0 .1rem;
    color: #595959;
    line-height: .17rem;
    font-size: .12rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.index-product .product-list .item {
    float: left;
    width: 50%;
    padding: .2rem .15rem .12rem;
    font-size: .13rem;
    border-top: solid 1px #F1F4F7
}

.index-product .product-list .item:nth-child(2n+1) {
    border-right: solid 1px #F1F4F7
}

.index-product .product-list .item .img-box {
    position: relative;
    width: 1.45rem;
    height: 1.16rem;
    margin: 0 auto
}

.index-product .product-list .item .img-box img {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.index-product .product-list .item .name {
    height: .365rem;
    margin: .08rem 0 .05rem;
    color: #262626;
    font-size: .126rem;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.index-product .product-list .item .money {
    color: #ED1C24;
    line-height: 1.4;
    text-align: center
}

.index-product .product-list .item .cname {
    height: .305rem;
    color: #777777;
    font-size: .105rem;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.index-product .power-company .tilte {
    height: .6rem;
    line-height: .6rem;
    padding: 0 .24rem;
    font-size: .16rem;
    font-weight: 600;
    color: #262626;
    background: #F1F4F7
}

.index-product .power-company .company-list .item {
    float: left;
    width: 33.333333%;
    padding: .12rem;
    font-size: .12rem;
    border-top: solid 1px #F1F4F7;
    border-right: solid 1px #F1F4F7
}

.index-product .power-company .company-list .item:nth-child(3n) {
    border-right: 0
}

.index-product .power-company .company-list .item .img-box {
    position: relative;
    width: .95rem;
    height: .33rem;
    margin: 0 auto
}

.index-product .power-company .company-list .item .img-box img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.index-product .power-company .company-list .item .name {
    margin-top: .12rem;
    text-align: center;
    color: #262626;
    line-height: .16rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}