/* 样品展示 */

.proswiper {
    overflow: hidden;
    height: 9rem;
}

.sample {
    width: 100%;
    height: auto;
}

.sample_middle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.sample_middle .samples-item {
    cursor: pointer;
    width: auto;
    height: .6875rem;
    background-color: #00569c;
    border-radius: .3375rem;
    border: solid .025rem #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .1625rem;
}

.sample_middle .samples-item:last-child {
    margin-right: 0;
}

.sample_middle .samples-item span {
    padding: 0 .4375rem;
    font-size: .2125rem;
    color: #ffffff;
}

.sample_middle .samples-item.active {
    background-color: #2cab36;
}

.sample_bottom {
    margin-top: .25rem;
    width: 100%;
}

.pro {
    text-align: center;
    width: 4.2875rem;
    height: 4.2125rem;
    background-color: #f5f5f5;
    border-radius: .125rem;
    padding: .1rem .125rem .2rem .125rem;
}

.pro_pic {
    position: relative;
    width: 3.9875rem;
    height: 2.875rem;
  
}

.pro_pic .watermark {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.pro_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lpro .swiper-slide {
    width: 3.9875rem;
    height: 2.875rem;
    height: calc((100% - 30px) / 2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_name {
    position: relative;
    width: 100%;
    height: .7875rem;
    line-height: .7875rem;
	   padding-top: .0625rem;
    margin-top: .3125rem;
	     letter-spacing: .0125rem;
    border-top: .0125rem solid #c9c9c9;
}

.pro_name img {
    position: absolute;
    left: 45%;
    top: -30%;
    width: .4625rem;
    height: .4625rem;
    object-fit: cover;
}

.pro_name span {
    font-size: .2625rem;
    color: #000000;
}

.pro_line {
    margin: .125rem auto 0;
    width: 1.375rem;
    height: .0125rem;
    background: #0065b5;
}

.pro_more {
    font-size: .2125rem;
    color: #0065b5;
    margin-top: .1875rem;
}

.lpro {
    display: none;
}

.sample_look {
    width: 2.7625rem;
    height: .975rem;
    text-align: center;
    margin: auto;
    background: #e67817;
    border-radius: .475rem;
}

.sample_look_a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .275rem;
    margin-top: .475rem;
}

.sample_look_img {
    width: .4875rem;
    height: .5375rem;
    object-fit: cover;
    margin-right: .25rem;
}