/* 产品中心 */
.product-page-main {
    margin-bottom: 120px;
}

/* 广告位 */
.banner-container {
    margin-bottom: 96px;
}
.banner-container img {
    width: 100%;
}
.banner-container .banner-first-href {
    position: absolute;
    top: 45%;
    left: 8.5%;
    width: 34%;
    height: 60%;
}
/*第一个轮播图*/
.banner-first-href .href-item {
    width: 100%;
    height: 31px;
    margin-bottom: 24px;
}
.banner-first-href .href-item .item-title {
    display: inline-block;
    width: 187px;
    height: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 31px;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    background-color: #0859C0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    /*background-image: url();*/
}
.banner-first-href .href-item ul {
    height: 100%;
    display: inline-block;
}
.banner-first-href .href-item .li-pro {
    display: inline-block;
    width: fit-content;
    height: 100%;
    margin-left: 9px;
    line-height: 31px;
    font-size: 16px;
    color: #333;
}
.banner-first-href .href-item .li-pro a {
    font-size: 16px;
    color: #333;
}
.banner-first-href .href-more {
    display: inline-block;
    width: 276px;
    height: 61px;
    margin-top: 49px;
    border: 1px solid #333;
    border-radius: 61px;
    text-align: center;
    line-height: 59px;
    font-size: 29px;
    box-sizing: border-box;
    color: #333;
}
.banner-first-href .href-more:hover {
    background-color: #0859C0;
    border: 1px solid #0859C0;
    color: #fff;
}

.module-header .pro-search {
    position: relative;
    margin-left: 141px;
    max-width: 50%;
    min-width: 100px;
    width: 694px;
    height: 48px;
    padding: 0 67px 0 19px;
    background: #FFFFFF;
    border-radius: 30px;
    border: 1px solid #D1D1D1;
    overflow: hidden;
}
.module-header .pro-search .search-btn {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
    background: #0859C0 url('../../image/common/search1.png')no-repeat center / 21px 21px;
    cursor: pointer;
}
.module-header .pro-search img {
    position: absolute;
    right: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 21px;
    height: 21px;
    flloat: left;
}
.module-header .pro-search input {
    width: 100%;
    height: 100%;
    border: 0;
}
.module-header .pro-search input:focus,
    .module-header .pro-search input:hover {
    outline: none;
    border: none;
    caret-color: #333333;
}

.product-page-main .module-body {
    margin-top: 62px;
}

.product-content {}

.product-content .detail-content {}

.product-content .child-lis {
    width: calc(25% - 15px);
    height: 380px;
    margin-left: 20px;
    margin-bottom: 20px;
    background: rgba(255,255,255,0.4);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.2s ease-in;
    cursor: pointer;
}
.product-content .child-lis:nth-child(4n + 1) {
    margin-left: 0;
}
.product-content .child-lis .lis-img {
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.product-content .child-lis .lis-img img {
    min-width: 40%;
    max-height: 90%;
    max-width: 90%;
    vertical-align: middle;
}
.product-content .child-lis .lis-content {
    width: 100%;
    height: 100px;
    padding: 22px;
    text-align: center;
    background: #DBE2EA;
    overflow: hidden;
    transition: all 0.2s ease-in;
}
.product-content .lis-content .title {
    font-size: 18px;
    color: #333333;
    transition: all 0.2s ease-in;
}
.product-content .lis-content .info {
    font-size: 16px;
    color: #333333;
    transition: all 0.2s ease-in;
}
.product-content .child-lis:hover {
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
}
.product-content .child-lis:hover .lis-content {
    background: #0859C0;
}
.product-content .child-lis:hover .title,
    .product-content .child-lis:hover .info {
    color: #FFFFFF;
}