.home-slide {
    padding-top: 120px;
}

.home-slide img {
    width: 100%;
    height: 70vh;
}

/* .home-slide img {
    width: 74.5%;
    height: 85vh;
    position: absolute;
    top: 0;
}

.slide-fluid {
    width: 1418px;
    margin: 0 auto;
}

.home-slide .bg1 {
    background: url(../images/esban1.jpg) no-repeat center center;
    width: 100%;
    height: 85vh;
    filter: blur(10px);
    background-size: cover;
}

.home-slide .bg2 {
    background: url(../images/esban2.jpg) no-repeat center center;
    width: 100%;
    height: 85vh;
    filter: blur(10px);
}

.home-slide .bg3 {
    background: url(../images/esban3.jpg) no-repeat center center;
    width: 100%;
    height: 85vh;
    filter: blur(10px);
} */
.bannerbtn {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%);
}

.bannerbtn a {
    color: #333;
    background-color: #fdc236;
    padding: 10px 60px;
    border-radius: 6px;
}

.swiper {
    --swiper-theme-color: #fdc236;
    --swiper-pagination-color: #fdc236;
    /* 两种都可以 */
}

.swiper-pagination-bullet {
    background-color: #fff;
}

.home-service {
    background: url(../images/bgservice.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 100px;
}

.home-service .service-title::after {
    content: '';
    display: block;
    height: 3px;
    width: 10%;
    margin-top: 40px;
    background-color: #adadad;
}

.home-service .service-title h3 {
    color: #fdc236;
    font-weight: bold;
    font-size: 48px;
}

.home-service .service-title h4 {
    font-weight: bold;
    font-size: 30px;
}

.home-service .service-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-service .service-left p {
    margin: 20px 0 70px 0;
    line-height: 2.5;
    width: 40%;
}

.home-service .service-left .more {
    display: block;
    width: 20%;
    line-height: 2;
    text-align: center;
    color: #333;
    border: 2px solid #adadad;
}

.home-service .service-left .more:hover {
    border: 2px solid #fdc236;
    background-color: #fdc236;
}

.home-service .service-item {
    display: flex;
    flex-direction: column;
    padding: 10rem 30px;
}

.home-service .service-item:hover {
    background-color: #fdc236;
}

.home-service .service-item:hover h3,
.home-service .service-item:hover p {
    color: #fff;
}

.home-service .service-item:nth-child(2) {
    flex-direction: column-reverse;
    justify-content: space-between;
}

.home-service .service-item:nth-child(2) img {
    margin-bottom: 60px;
}

.home-service .service-item .service-item-title {
    margin-bottom: 60px;
}

.home-service .service-item .service-item-title h3 {
    font-size: 24px;
    font-weight: 600;
}

.home-service .service-item .service-item-title p {
    margin: 0;
    font-size: 24px;
}

.title {
    text-align: center;
}

.title h2 {
    color: #fdc236;
    font-weight: bold;
    font-size: 42px;
    text-transform: uppercase;
}

.title h3 {
    font-weight: bold;
    font-size: 46px;
}

.container {
    max-width: 100%;
    padding: 0;
    margin-top: 5rem;
}

.home-project {
    margin-top: 100px;
    margin-bottom: 100px;
}

.home-project .h-projectlist .h-projectimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-project .container .row {
    margin-left: 0;
    margin-right: 0;
}

.home-project .container .row>* {
    padding-left: 0;
    padding-right: 0;
}

.home-project .h-projectitem {
    position: relative;
}

.home-project .h-projectitem .h-projectimg {
    overflow: hidden;
    height: 21rem;
}

.home-project .h-projectitem .projectsearch {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.home-project .h-projectitem .project-more {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 20px;
    color: #333;
    font-weight: bold;
    text-align: center;
    background: #fdc236;
    line-height: 2;
    width: 70%;
    font-size: 21px;
    transition: all 0.8s ease;
    opacity: 0;
}

.home-project .h-projectitem:hover .projectsearch,
.home-project .h-projectitem:hover .project-more {
    opacity: 1;
}

.home-project .h-projectitem:hover .project-more {
    transform: translate(-50%, -20px);
}

.home-project .h-projectitem:hover .h-projectimg img {
    transform: scale(1.1);
}

.home-project .projectbtn {
    display: block;
    width: 8%;
    line-height: 2;
    text-align: center;
    color: #333;
    border: 2px solid #adadad;
    margin: 3rem auto 0 auto;
}

.home-project .projectbtn:hover {
    border: 2px solid #fdc236;
    background-color: #fdc236;
}

.hslide {
    height: 300px;
}

.hslide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0 20px;
}

.project-pagination .swiper-pagination-bullet {
    background-color: #fdc236;
}

.home-product {
    margin-bottom: 100px;
}

.home-product .product-bg {
    background: url(../images/bgproduct.jpg) no-repeat;
}

.home-product .product-bg span {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    margin-top: 3rem;
    padding: 5rem 0;
    display: block;
}

.home-product .h-productitem .h-productimg {
    overflow: hidden;
    height: 22rem;
}

.home-product .h-productitem .h-productimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-product .p .row>* {
    padding-left: 0;
    padding-right: 0;
}

.home-product .product-bg .h-productitem {
    position: relative;
}

.home-product .product-bg .h-productitem .h-productimg:hover img {
    transform: scale(1.1);
}

.home-product .product-bg .h-productitem p {
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
}

.home-product .productbtn {
    display: block;
    width: 8%;
    line-height: 2;
    text-align: center;
    color: #333;
    border: 2px solid #adadad;
    margin: 3rem auto 0 auto;
}

.home-product .productbtn:hover {
    border: 2px solid #fdc236;
    background-color: #fdc236;
}

.home-news {
    /* background: url(../images/bgnews.jpg) no-repeat;
    background-size: cover;
    background-position: center center; */
    padding: 5rem 0 5rem 0;
    border-bottom: 1px solid #fdc236;
}

.home-news .n {
    margin-top: 5rem;
}

.home-news .news-left {
    background-color: #f7f7f7;
    padding: 40px;
}

.home-news .news-left h3 {
    color: #222f31;
    font-size: 24px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home-news .news-left .h-news-time {
    color: #fdc236;
    margin: 15px 0;
}

.home-news .news-left .h-newsmore {
    display: block;
    width: 30%;
    text-align: center;
    background-color: #fdc236;
    border-radius: 30px;
    line-height: 3;
    color: #333;
    margin-top: 40px;
}

.home-news .news-right .h-newslist {
    display: flex;
}

.home-news .news-right .h-newslist .h-newstitle h3,
.home-news .news-right .h-newslist .h-newstext {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    color: #222f31;
}

.home-news .news-right .h-newslist .h-newstitle h3 {
    font-size: 22px;
}

.home-news .news-right .h-newslist .h-newstext {
    font-size: 18px;
    padding-top: 10px;
    line-height: 1.5;
}

.home-news .news-right .h-newslist .h-newstime {
    color: #b0b0b0;
    padding-left: 5rem;
}

.home-news .news-right .h-n {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.h-news {
    font-weight: 500;
    font-size: 32px;
}

.h-news-list p {
    margin-bottom: 0;
}

.h-news-list {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.h-news-list .h-companynews {
    white-space: nowrap;
    background-color: #6e757a;
    color: #fff;
    border-radius: 7px;
    padding: 5px 10px;
}

.h-news-list .h-timenews {
    white-space: nowrap;
    color: #fdc236;
    font-weight: 600;
    margin: 0 7%;
}

.h-news-list .h-contactnews p {
    font-weight: 600;
    text-indent: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.h-news-more {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.h-news-more a {
    font-size: 20px;
    font-weight: 600;
}

.home-box {
    padding: 5rem 0;
    border-bottom: 1px solid #fdc236;
}

.box-more {
    display: flex;
}

.box-btn {
    color: #333;
    background-color: #fdc236;
    text-align: center;
    padding: 10px 40px;
    border-radius: 6px;
}

.box-h2 {
    font-weight: 700;
}

.box-p {
    font-weight: 700;
    padding: 40px 0;
}

.box-p p {
    margin-bottom: 0;
    line-height: 2;
}

.box-btn:hover {
    opacity: 0.8;
    color: #333;
}

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

.main-h2 {
    text-align: center;
    font-weight: 700;
}

.main-box {
    padding: 5rem 0;
    border-bottom: 1px solid #fdc236;
}

.main-nav .target {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    border: 1px solid #dadada;
    margin-top: 40px;
}

.main-nav .target li {
    display: block;
    padding: 10px 60px;
    margin: 10px 0;
    border-right: 1px solid #dadada;
}

.main-nav .target li:last-child {
    border-right: 0;
}

.main-nav .target li a {
    color: #333;
    position: relative;
}

.main-nav .target li a::after {
    content: '';
    width: 14px;
    height: 8px;
    background: url(../images/xc_nav_jt.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -4px;
}

.fix {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    border: 1px solid #fdc236;
    margin-top: 40px;
    margin-bottom: 40px;
}

.fix li {
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    font-weight: bold;
    background-color: #fdc236;
}

@media screen and (max-width: 1024px) {
    .home-slide {
        padding-top: 70px;
    }

    .home-slide .bg1 {
        background: unset;
        filter: blur(0px);
    }

    .home-slide .bg2 {
        background: unset;
        filter: blur(0px);
    }

    .home-slide .bg3 {
        background: unset;
        filter: blur(0px);
    }

    .home-slide img {
        height: 250px;
        object-fit: unset;
    }

    /* 首页-服务领域 */
    .home-service {
        margin-bottom: 50px;
    }

    .home-service .service-title h3 {
        font-size: 32px;
    }

    .home-service .service-title h4 {
        font-size: 20px;
    }

    .home-service .service-title::after {
        margin-top: 15px;
    }

    .home-service .service-left p {
        width: unset;
        margin: 20px 0 20px 0;
        line-height: 2;
    }

    .home-service .service-item .h-serviceimg img {
        width: 100%;
        height: 100%;
    }

    .home-service .service-item {
        flex-direction: column-reverse;
        padding: 20px calc(var(--bs-gutter-x) * .5) 0 calc(var(--bs-gutter-x) * .5);
    }

    .home-service .service-item:nth-child(2) img {
        margin-bottom: 0;
    }

    .home-service .service-item:hover {
        background-color: transparent;
    }

    .home-service .service-item:hover h3,
    .home-service .service-item:hover p {
        color: #000;
    }

    .home-service .service-item .service-item-title h3 {
        font-size: 16px;
    }

    .home-service .service-item .service-item-title p {
        font-size: 14px;
    }

    .home-service .service-item:nth-child(2) {
        justify-content: flex-end;
    }

    .home-service .service-item .service-item-title {
        margin: 15px 0 30px 0;
    }

    /* 首页-项目展示 */
    .home-project {
        margin-bottom: 50px;
    }

    .container {
        margin-top: 2rem;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .title h2 {
        font-size: 32px;
    }

    .title h3 {
        font-size: 20px;
    }

    .home-project .h-projectitem .h-projectimg {
        height: 10rem;
    }

    .home-project .h-projectitem:hover .projectsearch,
    .home-project .h-projectitem:hover .project-more {
        opacity: 0;
    }

    .home-project .projectbtn {
        width: 30%;
        margin: 2rem auto 0 auto;
    }

    /* 首页-产品展示 */
    .home-product {
        margin-bottom: 50px;
    }

    .home-product .product-bg span {
        font-size: 20px;
        margin-top: 2rem;
        padding: 2.5rem 0;
    }

    .home-product .p .row>* {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .home-product .productbtn {
        width: 30%;
        margin: 2rem auto 0 auto;
    }

    /* 首页-新闻中心 */
    .home-news {
        padding: 2rem 0 5rem 0;
    }

    .home-news .n {
        margin-top: 2rem;
    }

    .home-news .news-left {
        padding: 20px;
        margin-bottom: 20px;
    }

    .home-news .news-left h3 {
        font-size: 20px;
    }

    .home-news .news-left .h-news-time {
        margin: 10px 0;
    }

    .home-news .news-left .h-newsmore {
        width: 40%;
        margin-top: 20px;
    }

    .home-news .news-right .h-newslist {
        margin-bottom: 40px;
    }

    .home-news .news-right .h-newslist .h-newstitle h3 {
        font-size: 18px;
    }

    .home-news .news-right .h-newslist .h-newstext {
        font-size: 14px;
    }

    .home-news .news-right .h-newslist .h-newstime {
        padding-left: 2rem;
    }

    .banner {
        padding-top: 70px !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1400px) {
    header .logo img {
        max-height: 50px;
    }

    .pc-head .hotline .h-contact .h-contacts p:last-child {
        font-size: 18px;
    }

    .home-service .service-left p {
        width: 50%;
        margin: 20px 0 50px 0;
    }

    .home-service .service-left .more {
        width: 25%;
    }

    .home-service .service-item .service-item-title {
        margin-bottom: 40px;
    }

    .home-service .service-item {
        padding: 5rem 15px;
    }

    .home-service .service-item .service-item-title p {
        font-size: 20px;
    }

    .home-project .projectbtn,
    .home-product .productbtn {
        width: 15%;
    }

    .home-product .product-bg span {
        padding: 3rem 0;
        font-size: 30px;
    }

    .home-service,
    .home-project,
    .home-product {
        margin-bottom: 70px;
    }

    .home-news {
        padding: 3rem 0 7rem 0;
    }

    .home-news .n {
        margin-top: 3rem;
    }

    .home-news .news-left {
        padding: 30px;
    }

    .home-news .news-left .h-newsmore {
        width: 40%;
    }

    .home-news .news-right .h-newslist .h-newstime {
        padding-left: 3rem;
    }

    .home-news .news-right .h-newslist .h-newstitle h3 {
        font-size: 20px;
    }

    .home-news .news-right .h-newslist .h-newstext {
        font-size: 16px;
    }

    footer {
        padding: 3rem 0;
    }

    .foot dl {
        padding: 0 3rem 0 0;
    }

    .foot dl dt {
        margin-bottom: 1rem;
        font-size: 21px;
    }

    .foot dl dd {
        line-height: 2;
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .home-slide img {
        height: 450px;
        object-fit: unset;
    }

    .home-service .service-left .more {
        width: 35%;
    }

    .home-product .h-productitem .h-productimg {
        height: 15rem;
    }
}

@media screen and (max-width: 768px) {
    .home-news .news-right .h-newslist .h-newstime {
        display: none;
    }
}

@media screen and (max-width: 456px) {
    .home-slide img {
        height: 150px;
        object-fit: unset;
    }

    .home-service,
    .home-project,
    .home-product {
        margin-bottom: 25px;
    }

    .home-service .service-left .more {
        width: 40%;
        font-size: 14px;
    }

    .home-service .service-item .service-item-title h3 {
        font-size: 14px;
    }

    .home-service .service-item .service-item-title p {
        font-size: 10px;
    }

    .title h2 {
        font-size: 24px;
    }

    .title h3 {
        font-size: 20px;
    }

    .home-project .h-projectitem .h-projectimg {
        height: 7rem;
    }

    .home-project .projectbtn {
        width: 40%;
        font-size: 14px;
    }

    .home-product .product-bg span {
        font-size: 16px;
    }

    .home-product .h-productitem .h-productimg {
        height: 14rem;
    }

    .home-product .productbtn {
        width: 40%;
        font-size: 14px;
    }

    .home-news {
        padding: 2rem 0 3rem 0;
    }

    .home-news .news-left h3 {
        font-size: 16px;
    }

    .home-news .news-left .h-newsmore {
        width: 50%;
        line-height: 2.5;
        font-size: 14px;
    }

    .home-news .news-right .h-newslist .h-newstitle h3 {
        font-size: 16px;
    }

    .home-news .news-right .h-newslist .h-newstext {
        font-size: 12px;
    }

    .home-news .news-right .h-newslist {
        margin-bottom: 25px;
    }

    .foot .foot-contact dt {
        font-size: 14px;
    }

    .foot .foot-contact dd {
        font-size: 10px;
    }

    .foot .ewm {
        width: 80px;
    }

    .h-news-list .h-companynews {
        display: none;
    }

    .h-news-list .h-timenews {
        margin: 0 5% 0 0;
    }

    .home-box {
        padding: 3rem 0;
    }

    .box-p {
        padding: 20px 0;
    }

    .box-more {
        justify-content: center;
        margin-bottom: 10px;
    }

    .home-project {
        margin-top: 50px;
    }

    .hslide {
        height: 150px;
    }
}

.banner {
    padding-top: 120px;
}

.banner img {
    width: 100%;
    height: 100%;
}

.main {
    margin-top: 50px;
    margin-bottom: 100px;
}

.sidebar .submenu {
    background: #fdc236;
    padding: 18px;
}

.sidebar .submenu dl {
    margin: 0;
}

.sidebar .submenu dl dt {
    font-size: 21px;
    font-weight: 400;
    color: #333;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    margin-bottom: 12px;
}

.sidebar .submenu dl dd {
    margin: 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .6);
}

.sidebar .submenu dl dd a {
    color: #333;
    display: block;
    padding: 10px 0;
}

.sidebar .submenu dl dd a:hover {
    transform: translateX(6px);
}

.sidebar .contactbox {
    background: #fdc236;
    color: #333;
    padding: 18px;
    margin-top: 6px;
}

.sidebar .contactbox h3 {
    font-size: 24px;
    margin-bottom: 12px;
}

.sidebar .contactbox p {
    line-height: 1.4;
    margin-bottom: 6px;
    font-size: 14px;
}

.breadcrumb li a {
    padding: 0 5px;
}

.breadcrumb {
    font-size: 14px;
    color: #999;
}

/* 公司简介  发展历程 */
.main .contents h1,
.main .contents h5 {
    text-align: center;
    line-height: 1.6;
}

.main .contents .content {
    line-height: 2;
    margin: 24px 0;
}

.main .contents .content .indent {
    text-indent: 2rem;
    margin-bottom: 0;
}

/* 荣誉资质 */
.main .contents .content .honor-item {
    margin-bottom: 20px;
    text-align: center;
}

.main .contents .content .honor-item .honor-img {
    height: 17rem;
}

.main .contents .content .honor-item .honor-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main .contents .content .honor-item p {
    padding: 0 20px;
    font-size: 14px;
}

/* 新闻资讯 */
.main .contents .content .news .news-item {
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 12px 0;
}

.main .contents .content .news .news-item .date {
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 30px;
    background: #eee;
    border-radius: 6px;
    line-height: 1.2;
    padding: 15px;
    float: left;
    margin-right: 12px;
    color: #333;
}

.main .contents .content .news .news-item .date span {
    font-size: 12px;
    display: block;
}

.main .contents .content .news .news-item h2 {
    font-size: 24px;
    line-height: 2;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.main .contents .content .news .news-item p {
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
}

.main .contents .content .news .news-item:hover .date {
    background-color: #fdc236;
}

.main .contents h5 {
    font-size: 14px;
    color: #ccc;
}

.main .content_text {
    padding: 6px;
}

.main .content_text p {
    margin-bottom: 0;
    line-height: 2.4;
}

.newsitem .newsimg {
    height: 15rem;
}

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

.newsitem p {
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.5;
    color: #333;
}

.newsitem {
    margin-bottom: 40px;
}

.newsh1 {
    margin-bottom: 40px;
    text-align: center;
}

.newsitem .newsdate {
    font-size: 16px;
    color: #6E758E;
}

/* 联系我们 */
.main .contents .content ul {
    margin: 20px 0 20px 0;
    padding: 0;
}

#map * {
    transition: unset;
}

/* 产品中心 */
.main .contents .content .product-item {
    text-align: center;
    margin-bottom: 20px;
}

.main .contents .content .product-item .product-img {
    height: 16rem;
    overflow: hidden;
    border: 1px solid #ddd;
}

.main .contents .content .product-item .product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main .contents .content .product-item p {
    margin: 0;
    line-height: 2.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    background-color: #ddd;
}

.main .contents .content .product-item:hover p {
    background-color: #fdc236;
}

.main .contents .content .product-item .product-img:hover img {
    transform: scale(1.1);
}

/* 轮辋制造过程 */
.procedure {
    margin-bottom: 20px;
}

.procedure .procedureh3 {
    margin-bottom: 10px;
}

.procedureimg {
    margin-bottom: 10px;
    height: 16rem;
}

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

/* 业务范围 */
.jobitem {
    border: 1px solid #eee;
    color: #333;
    padding: 20px;
    margin-top: 20px;
}

.jobitem h3 {
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
}

.jobitem h5 {
    padding: 30px 0;
}

.jobitem .jobtext p {
    margin-bottom: 0;
    line-height: 2;
    text-indent: 2rem;
}

.jobitem .jobbtn {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    border: 1px solid #eee;
    padding: 10px 0;
    color: #333;
}

.jobitem .jobbtn:hover {
    color: #fff;
    background: #fcc91a;
    border: 1px solid #fcc91a;
}

.partent {
    border: 1px solid #eee;
    height: 150px;
    margin-bottom: 20px;
}

.partent img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product p {
    margin-bottom: 0;
}

.product img {
    max-width: 100%;
    height: auto;
}

.newsitem:hover .newsimg img {
    transform: scale(1.1);
}

.productitem {
    margin-bottom: 20px;
    border: 1px solid #eee;
}

.productitem .productimg {
    height: 10rem;
}

.productitem .productimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}