/* 轮播 */ .banner-index .banner-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.05rem; border-radius: 0; } .banner-index .swiper-wrapper{ min-height: 5.95rem; background: #f5f6f8; } /* 动态数字 */ .dynamicnum { display: flex; justify-content: space-between; padding: 0.35rem 0; } .dynamicnum .dynamicnum-item .dynamicnum-item-num { font-size: 0.42rem; } .dynamicnum .dynamicnum-item .dynamicnum-item-plus { position: absolute; z-index: 1; right: -0.17rem; top: 0.03rem; font-size: 0.28rem; } .dynamicnum .mgl54{ margin-left: 0.54rem; } /* 产品介绍 */ @media screen and (min-width: 769px) { .productdesc .productdesc-item { position: relative; width: calc(25% - 0.3rem); border-radius: 0.1rem; overflow: hidden; margin-left: 0.15rem; transition: all 0.5s; } .productdesc .productdesc-item:nth-child(4n + 1) { margin-top: 0.15rem; margin-left: 0; } .productdesc .productdesc-item:nth-child(1) { margin-top: 0; } } .productdesc .productdesc-item:hover { transform: translateY(-0.1rem); box-shadow: 0 0 0.27rem 0.02rem rgb(192 192 192 / 10%); } .productdesc .productdesc-item .productdesc-item-desc { position: absolute; width: 100%; left: 0; top: 10%; z-index: 1; } .productdesc .more-btn .more-btn-text { color: #787878; } .productdesc .more-btn:hover .more-btn-text { text-decoration: underline; } .productdesc .more-btn .more-btn-img { height: 0.12rem; } /* .productdesc .productdesc-item .productdesc-item-btn .productdesc-item-btn-text { color: #787878; } .productdesc .productdesc-item .productdesc-item-btn:hover .productdesc-item-btn-text { text-decoration: underline; } .productdesc .productdesc-item .productdesc-item-btn .productdesc-item-btn-img { height: 0.12rem; } */ /* .productdesc .productdesc-item .productdesc-item-btn .productdesc-item-btn-imga { height: 0.12rem; display: none; } */ /* .productdesc .productdesc-item .productdesc-item-btn:hover .productdesc-item-btn-img { display: none; } .productdesc .productdesc-item .productdesc-item-btn:hover .productdesc-item-btn-imga { display: block; } */ /* 行业解决方案 */ .solute { display: flex; justify-content: space-between; margin-top: 0.5rem; } .solute .solute-left { /* width: 71.42857142857143%; */ width: calc(1000% * 100 / 1400); } .solute .solute-left a.hand{ display: block; } .solute .solute-left .solute-left-img{ min-height: 5.15rem; } .solute .solute-nav { width: 100%; height: 0.2rem; font-size: 0.2rem; } .solute .solute-nav .solute-nav-item { width: 1.7rem; color: #999; /* flex: 0 0 auto; */ } .solute .solute-nav .solute-nav-item:hover { color: #333; } .solute .solute-nav .solute-nav-item.active { color: #333; } .solute .solute-nav .solute-nav-item ~ .solute-nav-item { border-left: 1px solid #ddd; } .solute .solute-right-line { width: 12%; height: 0.02rem; background-color: #0195FF; margin-right: 0.1rem; } .solute .solute-right-lan { height: 0.07rem; } .solute .more-btn .more-btn-text { color: #ffffff; } .solute .more-btn:hover .more-btn-text { text-decoration: underline; } .solute .more-btn .more-btn-img { height: 0.12rem; } .solute .solute-info { position: absolute; z-index: 1; left: -50%; top: calc(50% * 100 / 520); width: 150%; height: calc(100% - (100% * 100 / 520)); background-color: rgba(0,0,0,0.5); color: #ffffff; border-radius: 5%; padding: 15% 12%; } .solute .solute-info .solute-descitem { height: 0.16rem; border-left: 0.02rem solid #ffffff; padding-left: 0.2rem; font-size: 0.16rem; } .solute .solute-info .solute-descitem ~ .solute-descitem { margin-top: 0.15rem; } /* 服务支持 */ .servicesup-item { flex: 0 0 14.285714285714286%; margin-top: 0.5rem; } /* 他们都选择了维构 */ .tavgo .tavgo-item { flex: 0 0 20%; margin: 0.5rem 0; } .tavgo .tavgo-image { max-width: 100%; max-height: 0.6rem; } .border-radius2 { border-radius: 0.15rem } @media screen and (max-width: 768px) { /* 轮播 */ .banner-index .banner-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.05rem; border-radius: 0; } .banner-index .swiper-wrapper{ min-height: 2rem; } /* 动态数字 */ .dynamicnum { display: flex; justify-content: space-between; padding: 0.3rem 0; flex-wrap: wrap; } .dynamicnum .dynamicnum-item { width: 100%; } .dynamicnum .dynamicnum-item ~ .dynamicnum-item { margin-top: 0.2rem; } .dynamicnum .dynamicnum-item .dynamicnum-item-left { width: 1.2rem; display: flex; } .dynamicnum .dynamicnum-item .dynamicnum-item-num { font-size: 0.32rem; } .dynamicnum .dynamicnum-item .dynamicnum-item-plus { position: absolute; z-index: 1; right: -0.17rem; top: 0.03rem; font-size: 0.28rem; } .dynamicnum .mgl54{ margin-left: 0; } /* 产品介绍 */ .productdesc .productdesc-item { position: relative; width: 48%; border-radius: 0.1rem; overflow: hidden; transition: all 0.5s; margin-top: 0.15rem; } .productdesc .productdesc-item:hover { transform: translateY(-0.1rem); box-shadow: 0 0 0.27rem 0.02rem rgb(192 192 192 / 10%); } .productdesc .productdesc-item:nth-child(1), .productdesc .productdesc-item:nth-child(2) { margin-top: 0; } .productdesc .productdesc-item .productdesc-item-desc { position: absolute; width: 100%; left: 0; top: 10%; z-index: 1; } .productdesc .more-btn .more-btn-text { color: #787878; font-size: 0.16rem !important; } .productdesc .more-btn:hover .more-btn-text { text-decoration: underline; } .productdesc .more-btn .more-btn-img { height: 0.12rem; } /* 行业解决方案 */ .solute { display: block; justify-content: space-between; margin-top: 0.2rem; } .solute .solute-left { width: 100%; } .solute .solute-nav { width: 100%; height: 0.3rem; font-size: 0.18rem; } .solute .solute-nav .solute-nav-item { width: auto; padding: 0.05rem 0.15rem; color: #999; flex: 0 0 auto; } .solute .solute-nav .solute-nav-item:hover { color: #333; } .solute .solute-nav .solute-nav-item.active { color: #333; } .solute .solute-nav .solute-nav-item ~ .solute-nav-item { border-left: 1px solid #ddd; } .solute .solute-right-lineicon { display: none; } .solute .solute-right-line { width: 12%; height: 0.02rem; background-color: #0195FF; margin-right: 0.1rem; } .solute .solute-right-lan { height: 0.07rem; } .solute .more-btn .more-btn-text { color: #ffffff; font-size: 0.14rem !important; } .solute .more-btn:hover .more-btn-text { text-decoration: underline; } .solute .more-btn .more-btn-img { height: 0.12rem; } .solute .solute-info { position: relative; z-index: 1; left: 0; top: 0; width: 100%; height: max-content; background-color: rgba(0,0,0,0.5); color: #ffffff; border-radius: 5%; padding: 0.15rem; } .solute .solute-info .solute-info-item { margin-top: 0.1rem; } .solute .solute-info .solute-descitem { line-height: 0.14rem; /* height: 100%; */ border-left: 0.02rem solid #ffffff; padding-left: 0.2rem; font-size: 0.14rem; } .solute .solute-info .solute-descitem ~ .solute-descitem { margin-top: 0.1rem; } /* 服务支持 */ .servicesup-item { flex: 0 0 33.333333333333336%; margin-top: 0.3rem; } /* 他们都选择了维构 */ .tavgo .tavgo-item { flex: 0 0 33.333333333333336%; margin: 0.2rem 0; } .tavgo .tavgo-image { max-width: 85%; max-height: 0.4rem; } .border-radius2 { border-radius: 0.15rem; } }