/* 首页menu */ .home-menu { margin: 0; padding: 0; min-width: 1190px; width: 100%; display: inline-block; text-align: center; } .home-menu ul { margin: 0 auto; list-style: none; height: 100px; line-height: 100px; width: 1190px; display: inline-block; text-align: right; background-color: #1C217E; border-radius: 4px; } .home-menu .waybill { width: 354px; height: 112px; display: inline-block; position: absolute; z-index: 999; left: 0; top: -12px; background: #1B1C80; border-radius: 4px 4px 0 4px; padding: 16px 30px 0 30px; box-sizing: border-box; } .home-menu .input-block { position: relative; height: 77px; } .home-menu .waybill .title { font-size: 16px; color: #FFFFFF; letter-spacing: 0; text-align: left; line-height: 18px; } .home-menu .waybill .input { position: absolute; display: inline-block; width: 290px; height: 40px; background: #FFFFFF; border-radius: 4px; box-sizing: border-box; top: 10px; left: 0; padding-left: 10px; } .home-menu .flex-item { display: inline-block; height: 100px; line-height: 100px; text-align: center; margin-right: 124px; } .home-menu .flex-item a { display: block; text-decoration: none; color: #fff; font-size: 16px; letter-spacing: 0; text-align: justify; line-height: 100px; } .home-menu .flex-item:last-child a { margin-right: 0; } .home-menu .flex-item>a>img { width: 28px; height: 28px; padding-right: 16px; } /* 主内容 */ .home-main-wrapper { max-width: 1440px; min-width: 1190px; width: 100%; display: inline-block; text-align: center; margin: 40px auto 24px; } .home-main-wrapper .home-section { max-width: 1440px; min-width: 1190px; width: 100%; text-align: center; padding-bottom: 80px; overflow: hidden; } .home-main-wrapper .home-section .content { overflow: hidden; text-align: center; width: 1190px; margin: 0 auto; } .home-main-wrapper .home-section.item1 .content { width: 1200px; } /* li 标题 */ .home-section .item-title { font-size: 39px; color: #333333; letter-spacing: 0; text-align: left; font-weight: 500; line-height: 56px; text-align: center; margin-top: 80px; } .service-products-list { display: block; list-style: none; overflow: hidden; min-width: 1190px; font-size: 0; padding-top: 56px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .service-products-list .products-item { vertical-align: top; background-color: #fff; display: inline-block; width: 278px; height: 414px; text-align: left; margin-right: 26px; border: 1px solid #dedede; border-radius: 6px; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; } .service-products-list .products-item:last-child { margin-right: 0; } .comprehensive-box { margin: 0; width: 100%; height: 240px; background-color: #fff; } .service-products-list .products-item .image { width: 100%; height: 240px; } .service-products-list .products-item .table-title { padding-top: 0px; vertical-align: middle; margin: 16px 24px 0 24px; line-height: 28px; color: #333; font-size: 19px; font-weight: 500; } .service-products-list .products-item .table-content { font-size: 15px; color: #333333; margin: 18px 24px 24px; line-height: 22px; vertical-align: middle; max-width: 230px; } .home-main-wrapper .home-section.item2 .content { position: relative; min-width: 1190px; max-width: 1440px; width: 100%; } .home-section.item2 .newback-image { min-width: 1190px; max-width: 1440px; width: 100%; height: auto; display: block; min-height: 538px; } .home-section.item2 .newContent-block { position: absolute; min-width: 1190px; width: 100%; height: 100%; display: block; text-align: center; top: 0; } .home-section.item2 .item-title { color: #fff; } .newContent-block .menu-more { margin: 24px auto; width: 1190px; overflow: hidden; } .newContent-block .title-more { float: right; color: #fff; font-size: 19px; line-height: 28px; } /* swiper2 */ .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: 256px; } /* swiper */ .swiper-pagination-bullet-active { background-color: #fff !important; } .home-section.item2 .swiper-container { --swiper-theme-color: #fff; } .new-content-list { width: 1190px; font-size: 0; margin-left: auto; margin-right: auto; text-align: left; } .new-content-list .new-item { display: inline-block; width: 378px; height: 204px; background: #fff; border-radius: 6px; margin-right: 28px; padding: 24px 16px; box-sizing: border-box; text-align: left; } .new-content-list .new-item:last-child { margin-right: 0; } .new-item .new-time { height: 16px; line-height: 16px; font-size: 13px; color: #333; margin-bottom: 8px; } .new-item .new-title { height: 60px; font-size: 21px; font-weight: 500; color: #191919; line-height: 30px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .new-item .new-detail { font-size: 13px; color: #666; letter-spacing: 0; line-height: 15px; height: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 24px; } .new-item .new-next { height: 20px; font-size: 13px; font-weight: 500; color: #1c1d80; line-height: 20px; } .home-section.item3 .item-title { margin-top: 0; } .home-section.item3 .sales-block { width: 100%; margin-top: 65px; overflow: hidden; } .sales-block img { width: 580px; height: 300px; float: left; margin-top: 10px; } .sales-block .sales-content { float: left; margin-left: 64px; overflow: hidden; width: 497px; height: 280px; } .sales-block a.content-title { display: block; font-size: 19px; 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; margin-left: 64px; width: 200px; height: 22px; font-size: 16px; font-weight: 500; text-align: justify; color: #1c1d80; line-height: 22px; margin-top: 8px; } .home-menu .flex-item.mobile { display: none; }