/* 主内容 */ .home-main-wrapper { width: 100%; display: inline-block; text-align: center; } .home-main-wrapper .home-section { width: 100%; text-align: left; overflow: hidden; padding-top: 56px; text-align: center; box-sizing: border-box; } .home-section .item-title { font-size: 19px; line-height: 28px; font-weight: 500; color: #191919; letter-spacing: 0; padding-bottom: 16px; } .head-image-wrapper .head-content .content-back { position: absolute; display: inline-block; left: 24px; top: 50%; transform: translate(0, -50%); } .head-image-wrapper .head-content { padding-top: 0; } /* 菜单栏 */ .home-menu { margin: 0; padding: 0; width: 100%; display: inline-block; background-color: #1C217E; text-align: center; } .home-menu ul { margin: 0 auto; list-style: none; height: 86px; width: 100%; display: inline-block; text-align: center; font-size: 0; padding-top: 16px; box-sizing: border-box; } .home-menu .input-block { position: relative; } .home-menu .flex-item { display: inline-block; width: calc(100% / 4); text-align: center; } .home-menu .flex-item a { display: block; text-decoration: none; color: #fff; font-size: 12px; letter-spacing: 0; text-align: center; } .home-menu .flex-item:last-child a { margin-right: 0; } .home-menu .flex-item>a>img { width: 28px; height: 28px; display: block; margin: 0 auto 8px; } /* 菜单栏结束 */ /* item1 */ .home-section.item1 { padding: 40px 16px 0; } .service-products-list { display: block; list-style: none; overflow: hidden; width: 100%; font-size: 0; } .service-products-list .products-item { vertical-align: top; background-color: #fff; display: inline-block; width: calc((100% - 11px) / 2); text-align: left; border: 1px solid #dedede; border-radius: 6px; border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; } .service-products-list .products-item:nth-child(3), .service-products-list .products-item:nth-child(4) { margin-top: 11px; } .service-products-list .products-item:nth-child(2), .service-products-list .products-item:nth-child(4) { margin-left: 11px; } .service-products-list .products-item .image { width: 100%; height: 143px; } .service-products-list .products-item .table-title { padding-top: 0px; vertical-align: middle; margin: 12px 8px 0 8px; line-height: 22px; color: #333; font-size: 15px; font-weight: 500; } .service-products-list .products-item .table-content { font-size: 11px; color: #333333; margin: 8px 8px; line-height: 17px; vertical-align: middle; } /* item2 */ .home-section.item2 { padding: 40px 0 0; } .home-main-wrapper .home-section.item2 .content { position: relative; width: 100%; } .home-section.item2 .newback-image { width: 100%; height: 690px; } .home-section.item2 .newContent-block { position: absolute; width: 100%; height: 100%; padding: 40px 16px 20px; box-sizing: border-box; display: block; text-align: center; top: 0; } .home-section.item2 .item-title { color: #fff; } .newContent-block .menu-more { width: 100%; overflow: hidden; margin-bottom: 8px; } .newContent-block .title-more { float: right; color: #fff; font-size: 13px; line-height: 20px; } /* swiper */ .swiper-container .pagination1 { position: absolute; z-index: 20; left: 10px; bottom: 10px; left: 50%; transform: translate(-50%, 0); } .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: #DEDEDE; margin-right: 15px; cursor: pointer; } .swiper-visible-switch { background: #DEDEDE; } .swiper-active-switch { background: #fff !important; } .swiper-container { width: 100%; height: 555px; } /* swiper */ .swiper-pagination-bullet-active { background-color: #fff !important; } .home-section.item2 .swiper-container { --swiper-theme-color: #fff; } .new-content-list { width: 100%; font-size: 0; margin-left: auto; margin-right: auto; text-align: left; } .new-content-list .new-item { display: inline-block; width: 100%; height: 158px; background: #fff; border-radius: 6px; margin-bottom: 16px; box-sizing: border-box; text-align: left; padding: 24px 16px; } .new-content-list .new-item:last-child { margin-bottom: 0; } .new-item .new-time { height: 14px; line-height: 14px; font-size: 11px; color: #333; margin-bottom: 8px; } .new-item .new-title { height: 22px; font-size: 15px; font-weight: 500; color: #333; line-height: 22px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .new-item .new-detail { font-size: 11px; color: #666; letter-spacing: 0; line-height: 14px; height: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 24px; } .new-item .new-next { height: 17px; font-size: 11px; font-weight: 500; color: #1c1d80; line-height: 20px; } /* item3 */ .home-section.item3 { padding: 40px 16px; } .home-section.item3 img { width: 100%; height: 177px; } .sales-block .sales-content { margin-top: 16px; float: left; overflow: hidden; width: 100%; } .sales-block a.content-title { display: block; font-size: 15px; font-weight: 400; text-align: justify; color: #333; line-height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .sales-block a.next { float: left; width: 100%; height: 17px; font-size: 11px; font-weight: 500; text-align: justify; color: #1c1d80; line-height: 17px; margin-top: 8px; } .home-menu .pc { display: none; }