.know-more{ cursor: pointer; } .title-sec .title-wrap{ height: 0.43rem; } .title-sec .title-wrap .logo{ width: 0.20rem; height: auto; margin-right: 0.14rem; } .title-sec .title-wrap .title{ font-size: 0.36rem; font-weight: bold; font-style: italic; color: #FFFFFF; line-height: 0.36rem; opacity: 0.9; } .title-sec .title-tips{ margin-top: 0.10rem; margin-left: 0.34rem; font-size: 0.16rem; font-weight: 500; color: #FFFFFF; text-align: left; } /* 首页 */ .home-page{ margin-top: -1.4rem; right: 56%; } .home-page .home-title-img{ margin-left: -2rem; } /* 关于我们 卫康产业 */ .industry-page{ margin-top: -0.30rem; } .industry-page .industry-wrap{ /* width: 9.6rem; */ width: 10.2rem; margin-top: 0.4rem; flex-wrap: wrap; } .industry-page .industry-item{ transition: 0.2s transform; cursor: pointer; margin-right: 1rem; width: 4.6rem; margin-bottom: 0.3rem; } .industry-page .industry-item:hover{ transform: scale(1.04); } .industry-page .industry-item.clearMb{ margin-bottom: 0; } .industry-page .industry-item .i-img{ width: 100%; height: 2.2rem; object-fit: cover; } .industry-page .industry-item .i-name{ padding: 0 0.20rem; font-family: PingFang SC; font-weight: 500; color: #333333; background-color: #fff; height: 0.36rem; line-height: 0.36rem; font-size: 0.16rem; } .industry-page .industry-item:nth-child(2n){ margin-right: 0; } /* 产品中心 */ .prod-page{ margin-top: -0.60rem; } .prod-page .prod-wrap{ margin-top: 0.60rem; } .prod-page .prod-wrap .prod-item{ width: 4.2rem; height: auto; margin-right: 0.40rem; cursor: pointer; transition: transform 0.3s; } .prod-page .prod-wrap .prod-item:hover{ transform: scale(1.1); } .prod-page .prod-wrap .prod-item:last-child{ margin-right: 0; } .prod-page .prod-wrap .prod-item .i-img{ width: 100%; height: 2.2rem; object-fit: cover; } .prod-page .prod-wrap .prod-item .i-name{ padding: 0 0.20rem; font-family: PingFang SC; font-weight: 500; color: #333333; background-color: #fff; height: 0.36rem; line-height: 0.36rem; font-size: 0.16rem; } /* 视频专区 */ .video-page .img-wrap{ margin-top: 0.40rem; } .video-page .img-wrap .img-item{ margin-right: 0.2rem; width: 2.90rem; transition: 0.5s transform; cursor: pointer; } .video-page .img-wrap .img-item:hover{ transform: scale(1.06); } .video-page .img-wrap .img-item:last-child{ margin-right: 0; } .video-page .img-wrap .img-item .prod-img{ width: 100%; height: 2.00rem; object-fit: cover; } .video-page .img-wrap .prod-info{ height: 1.75rem; background-color: #fff; padding: 0 0.19rem; } .video-page .img-wrap .prod-info .name{ margin-top: 0.20rem; font-size: 0.20rem; line-height: 0.30rem; font-family: PingFang SC; font-weight: 500; color: #333333; } .video-page .img-wrap .prod-info .subname{ margin-top: 0.12rem; font-size: 0.14rem; line-height: 0.20rem; font-family: PingFang SC; font-weight: 500; color: #999999; } .video-page .img-wrap .img-item .see-btn{ /* margin-top: 0.42rem; */ width: 1.78rem; height: 0.38rem; background: #26A4AD; border-radius: 2px; line-height: 0.38rem; text-align: center; font-size: 0.16rem; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; margin: 0.30rem auto; } .video-page .know-more{ margin-top: 0.70rem; width: 1.78rem; height: 0.47rem; background: #37969D; cursor: pointer; } .video-page .know-more .txt{ font-size: 0.16rem; font-weight: 500; color: #FFFFFF; margin-right: 0.15rem; } .video-page .know-more .ic{ width: 0.55rem; height: auto; } .news-page{ width: 12rem; margin-top: -0.30rem; } .news-page .news-wrap{ margin-top: 0.6rem; flex-wrap: wrap; max-width: 12.00rem; } .news-page .news-wrap .img{ width: 3.00rem; height: 4.00rem; object-fit: cover; margin-right: 0.27rem; } .news-page .news-wrap .msg{ height: 0.30rem; font-size: 0.18rem; font-family: PingFang SC; color: #FFFFFF; line-height: 0.30rem; max-width: 8.00rem; margin-bottom: 0.18rem; } .news-page .news-wrap .msg:last-child{ margin-bottom: 0; } .news-page .know-more{ margin-top: 0.62rem; width: 1.78rem; height: 0.47rem; background: #37969D; cursor: pointer; } .news-page .know-more .txt{ font-size: 0.16rem; font-weight: 500; color: #FFFFFF; margin-right: 0.15rem; } .news-page .know-more .ic{ width: 0.55rem; height: auto; } .news-page .news-wrap .msg{ margin-bottom: 0.10rem !important; max-width: 90%; font-size: 0.16rem; } .news-page .news-wrap{ flex-wrap: nowrap; } .news-page .news-wrap .news-info{ width: 4rem; } /* 首页和关于我们未设 .img-wrap为产品和视频专区 */ .swiper-slide-content .news-wrap ,.swiper-slide-content .img-wrap{ width: 12.00rem; }