/* 企业产品 */

.productMain {
    margin-top: 160px;
    background: url('../images/index/mainBg.png') no-repeat center;
    background-size: cover;
    padding: 30px 0 0;
}

.productCont {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.leftProductMenus {
    position: relative;
}


/* 左侧产品菜单分类 */

.productMenusBox {
    width: 190px;
    background: #ffffff;
    border-radius: 8px;
    height: 510px;
    overflow: auto;
}

.productCont {}


/* 左侧菜单分类列表 */

.productMenusList {
    padding: 0px;
}

.productMenusItem {
    /* border-bottom: 1px solid #dddddd; */
    /* margin-bottom: 10px; */
    cursor: pointer;
    padding: 10px 13px 0;
    box-sizing: border-box;
}


/* 左侧菜单激活 */

.productMenusList .productMenusActive {
    background: rgba(0, 0, 0, 0.1);
}

.productMenusList .productMenusActive h4 a {
    color: #01419D;
}

.productMenusList .productMenusActive .productChildMenus {
    border: none;
}

.productMenusItem h4 {
    margin-bottom: 4px;
}

.productMenusItem h4 a {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}

.productChildMenus {
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}

.productChildMenus li {
    margin-right: 8px;
}

.productChildMenus li a {
    display: block;
    font-size: 13px;
    color: #333333;
    cursor: pointer;
}

.productChildMenus li a:hover {
    color: #01419D;
}


/* 右侧（左侧当前分类下的所有产品分类） */

.allProductChildMenus {
    position: absolute;
    left: 190px;
    top: 0;
    width: 810px;
    z-index: 999;
    background: #ffffff;
    border: 1px solid #01419D;
    border-radius: 8px;
    display: none;
}

.allProductMenusCont {
    padding: 10px 15px;
    height: 490px;
    overflow: auto;
}

.allProductMenusTitle {
    margin-bottom: 15px;
}

.allProductMenusTitle h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.allProductMenusList {}

.allProductMenusList li {}

.allProductMenusList li h4 {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}

.allProductChildList {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}

.allProductChildList li {
    width: 25%;
}

.allProductChildList li a {
    font-size: 13px;
    color: #333333;
    cursor: pointer;
}

.allProductChildList li a:hover {
    color: #01419D;
}


/* 中间产品轮播图及产品列表 */

.productPhotosBox {
    width: 800px;
}


/* banner轮播图 */

.banner {
    width: 100%;
}

.bannerList {}

.bannerList li {
    width: 100%;
}

.bannerList li img {
    width: 100%;
    height: 400px;
    border-radius: 8px;
}


/* banner轮播图指示器 */

.banner li {
    cursor: pointer;
}

.banner .swiper-pagination-bullet {
    width: 48px;
    height: 4px;
    background: #ffffff;
    border-radius: 0;
}

.banner .swiper-pagination-bullet-active {
    background: #01419d;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 20px;
    width: 800px;
    left: 50%;
    margin-left: -430px;
    text-align: right;
}

.banner .swiper-pagination {}

.productPhotosList {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.productPhotosList li {}

.productPhotosList li a {
    display: block;
    cursor: pointer;
}

.productPhotosList li a img {
    width: 195px;
    height: 100px;
    border-radius: 5px;
}


/* 右侧登录框 */

.productLoginBox {
    width: 200px;
    background: #ffffff;
    border-radius: 8px;
}

.loginBox {
    padding: 10px;
}

.loginAvatarBox {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.loginAvatar {
    margin-right: 10px;
}

.loginAvatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.loginInfo {}

.loginInfo p {
    font-size: 14px;
    color: #666666;
}

.loginBtnBox {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 15px;
}

.loginBtn {
    font-size: 14px;
    color: #ffffff;
    background: #4E6EF2;
    padding: 5px 25px;
    border-radius: 5px;
}

.registerBtn {
    font-size: 14px;
    color: #ffffff;
    background: #999999;
    padding: 5px 25px;
    border-radius: 5px;
    margin-left: 10px;
}


/* 已登录 */

.loginedAvatarBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.loginUserBox {}

.loginUserInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loginUserName {
    font-size: 18px;
    color: #000000;
}

.userLogut {
    font-size: 14px;
    margin-right: 5px;
    color: #ffffff;
    background: #d51417;
    padding: 4px 15px;
    border-radius: 6px;
}

.loginUserMenu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
}

.loginUserMenu li {
    margin-right: 5px;
}

.loginUserMenu li a {
    font-size: 14px;
    cursor: pointer;
    padding-right: 5px;
    border-right: 1px solid #333333;
    height: 14px;
    line-height: 14px;
    display: block;
}

.loginUserMenu li:last-child a {
    padding-right: 0;
    border: none;
}

.loginUserName:hover,
.loginUserMenu li a:hover {
    color: #4E6EF2;
}

.loginUserName,
.userLogut {
    cursor: pointer;
}


/* 登录、退出下方菜单 */

.loginMenuList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.loginMenuList li {
    width: 33%;
    margin-bottom: 10px;
}

.loginMenuList li a {
    display: block;
    text-align: center;
    cursor: pointer;
}

.loginMenuList li a img {
    margin-bottom: 5px;
}

.loginMenuList li a p {
    font-size: 12px;
    color: #C4AD8A;
}


/* 优选货源 */

.platformDynamics {
    padding: 30px 0;
    background: #E2F4FE;
    background: url('../images/index/platformDynamicsBg.png') no-repeat center;
    background-size: 100% 100%;
}

.platformDynamicsCont {
    width: 1200px;
    margin: 0 auto;
}

.platformDynamicsList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.platformDynamicsList li {
    position: relative;
    overflow: hidden;
    width: 290px;
}

.platformDynamicsList li a {
    display: block;
}

.platformDynamicsList li a img {
    height: 217px;
    transition: 1s all;
    -moz-transition: 1s all;
    -webkit-transition: 1s all;
    -o-transition: 1s all;
    width: 100%;
}

.platformDynamicsList li a img:hover {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.platformDynamicsTitle {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.platformDynamicsTitle p {
    font-size: 16px;
    color: #ffffff;
    padding: 8px;
    height: 42px;
    background: rgba(1, 65, 157, 0.88);
    /* 超出两行显示省略号 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/* 爱采购 */

.newsUpdates {
    background: rgb(245, 245, 248);
    padding: 30px 0;
    margin-top: 40px;
}

.newsUpdatesCont {
    width: 1200px;
    margin: 0 auto;
}

.newsUpdatesTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newsUpdatesTitleLeft {}

.moreNewsUpdates {
    font-size: 18px;
    color: #333333;
    display: inline-block;
    cursor: pointer;
}

.moreNewsUpdatesBtn {
    display: flex;
    align-items: center;
    padding: 18px;
}

.newsUpdatesTitleLeft {
    font-size: 24px;
    color: #333333;
    border-left: 5px solid #01419D;
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
}

.moreNewsUpdatesArrow {
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.newsUpdatesList {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.newsUpdatesList li {
    width: 290px;
    height: 220px;
    padding: 20px;
    background: url('https://demo11v9.mbkfw.com/static/skin/s11skin/images/buy/hotItemBgc.png') no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
}

.newsUpdatesList li a {
    display: block;
    height: 200px;
    cursor: pointer;
    position: relative;
}

.recommendFlag {
    position: absolute;
    left: -20px;
    top: -20px;
}

.recommendFlag img {
    width: 45px;
}

.newsUpdatesPhoto {}

.newsUpdatesPhoto img {
    width: 100%;
}

.newsUpdatesTopic {
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    text-align: justify;
    /* 超出两行省略 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsUpdatesTopic:hover {
    color: #01419D;
}

.newsUpdatesTag {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    margin-top: 10px;
    /* 超出两行省略 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.companyName {
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
}

.newsUpdatesBottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.newsUpdatesArrowBtn {}

.newsUpdatesArrow {
    display: flex;
    font-size: 14px;
    background: #F2F4FA;
    color: #4E6EF2;
    padding: 4px 8px;
    border-radius: 4px;
}

.newsUpdatesArrow:hover {
    background: #01419D;
    color: #ffffff;
}

.newsUpdatesArrow img {}

.newsUpdatesDate {
    font-size: 16px;
    color: #999999;
}

.flexCenter {
    display: flex !important;
    justify-content: center;
    align-items: center;
}


/* 推荐、热门 */

.recommendProduct {
    width: 1200px;
    margin: 30px auto;
}

.recommendProductTop {
    display: flex;
    align-items: center;
    color: #ffffff;
}

.recommendProductTitle {
    font-size: 24px;
    border-left: 5px solid #01419D;
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
}

.recommendProductMenu {
    display: flex;
    align-items: center;
    margin-left: 80px;
}

.recommendProductMenu li {
    font-size: 16px;
    padding: 6px 15px;
    transition: all 0.2s linear;
    cursor: pointer;
}

.recommendProductMenu li:hover {
    font-weight: 600;
}

.recommendProductMenu .recommendProductActive {
    background: #014099;
    border-radius: 5px;
}


/* 推荐/热门产品列表 */

.recommendProductList {
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.recommendProductList li {
    width: 236px;
    min-height: 320px;
    background: #FFFFFF;
    box-shadow: 0px -2px 10px 0px rgba(0, 1, 16, 0.06);
    text-align: center;
    border-radius: 5px;
}

.recommendProductList li a {
    display: block;
    cursor: pointer;
}

.productPhoto {
    width: 236px;
    height: 236px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.productPhoto img {
    max-width: 100%;
}

.productPhoto img:hover {
    transform: scale(1.1);
    transition: all 0.5s linear;
}

.productPhoto .productRank {
    position: absolute;
    left: 8px;
    top: -4px;
}

.productPhoto .productRank img {}

.productName {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
}

.productName:hover {
    color: #014099;
    font-weight: 600;
}

.productAddress {
    font-size: 12px;
    color: #999999;
    margin-top: 4px;
}

.productPrice {
    font-size: 14px;
    color: #EF1F1F;
    margin-top: 6px;
}


/* 优选货源 */

.sourcesGoods {}

.sourcesGoods .goodsList {}

.sourcesGoods .goodsList li {
    min-height: 350px;
}

.productPrice {
    display: flex;
    justify-content: center;
    align-items: center;
}

.priceUnit {}

.productPrice strong {}

.productUnit {
    color: #999999;
    margin-left: 2px;
}


/* 优选厂商 */

.preferredManufacturer {}

.preferredManufacturerCont {
    width: 1200px;
    margin: 0 auto;
}

.preferredManufacturerTitle {
    display: flex;
    align-items: center;
}

.manufacturerTitleList {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-top: 5px;
}

.preferredManufacturerTitle li {
    font-size: 16px;
    color: #999999;
    margin-right: 6px;
}

.preferredManufacturerSwiper ul {}

.preferredManufacturerSwiper ul li {
    cursor: pointer;
}

.preferredManufacturerItem {
    padding: 20px;
    background: #eeeeee;
    border-radius: 10px;
}

.preferredManufacturerLogo {
    text-align: center;
}

.preferredManufacturerLogo img {
    width: 90px;
    height: 90px;
    border-radius: 5px;
}

.preferredManufacturerName {
    font-size: 18px;
    color: #999999;
    text-align: center;
    margin-top: 10px;
}

.preferredManufacturerSwiper .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    background: #cccccc;
    border-radius: 5px;
}

.preferredManufacturerSwiper .swiper-pagination-bullet-active {
    width: 48px;
    background: #01419d;
}

.preferredManufacturerSwiper .swiper-container-horizontal>.swiper-pagination-bullets,
.preferredManufacturerSwiper .swiper-pagination-custom,
.preferredManufacturerSwiper .swiper-pagination-fraction {
    bottom: 0px;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    position: relative;
}

.preferredManufacturerDetail {
    text-align: center;
    margin-top: 15px;
}

.preferredManufacturerDetailBtn {
    padding: 3px 12px;
    border-radius: 4px;
    color: #fa6600;
    border: 1px solid #fa6600;
    font-size: 16px;
    display: inline-block;
}


/* 新闻资讯 */

.newsInformation {
    width: 1200px;
    margin: 0 auto;
}

.newsInformationCont {}