.swiper-slide.img .head-image { width: auto; height: 220px; } .head-mp4 { width: auto; height: 220px; } .head-mp4-block .swiper-container { width: auto; height: 220px; } .head-mp4-block .swiper-slide { width: auto; height: 220px; display: block; position: relative; overflow: hidden; } .head-mp4-block .pagination { position: absolute; z-index: 20; left: 10px; bottom: 10px; left: 50%; transform: translate(-50%, 0); } .head-mp4-block .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.1); border: 1px solid #fff; margin-right: 15px; cursor: pointer; } .head-mp4-block .swiper-active-switch { background: #fff !important; } .head-mp4-block .swiper-visible-switch { background: rgba(255, 255, 255, 0.1); } .head-mp4-block .swiper-pagination-bullet-active { background-color: #fff !important; } .head-mp4-block .swiper-container { --swiper-theme-color: #fff; } .home-main-wrapper { width: 100%; display: inline-block; text-align: center; } .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-main-wrapper .home-section { width: 100%; text-align: left; overflow: hidden; padding-top: 56px; box-sizing: border-box; } .head-image-wrapper .miniProgram { display: none; } .header-float-block { display: none; } /* 菜单栏 */ .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: 154px; width: 100%; display: inline-block; text-align: center; font-size: 0; } .home-menu .waybill { width: 100%; height: 84px; display: inline-block; background: #1B1C80; box-shadow: 2px -1px 6px 0 rgba(12, 12, 77, 0.38); border-radius: 4px 4px 0 0; padding: 24px 24px; box-sizing: border-box; } .home-menu .input-block { position: relative; } .home-menu .waybill .title { display: none; } .home-menu .waybill .input { display: inline-block; width: 100%; height: 36px; line-height: 36px; background: #FFFFFF; border-radius: 4px; box-sizing: border-box; padding-left: 10px; } .home-menu .waybill .input::-webkit-input-placeholder { font-size: 14px; line-height: 36px; color: rgba(0, 0, 0, 0.25); } .home-menu .waybill .input::-moz-placeholder { font-size: 14px; line-height: 36px; color: rgba(0, 0, 0, 0.25); } .home-menu .waybill .input:-ms-input-placeholder { font-size: 14px; line-height: 36px; color: rgba(0, 0, 0, 0.25); } .home-menu .waybill .input:-moz-placeholder { font-size: 14px; line-height: 36px; color: rgba(0, 0, 0, 0.25); } .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; } /* 菜单栏结束 */ .home-main-wrapper .video-block { width: 100%; height: auto; margin: 24px 0; padding: 0 24px; overflow: hidden; position: relative; box-sizing: border-box; } .home-main-wrapper .video-block .video-image { width: 100%; height: 170px; display: block; } .video-block .mobile-video-content { position: absolute; display: inline-block; text-align: center; width: 100%; left: 0; top: 40px; } .video-block .mobile-video-content span { height: 28px; font-size: 20px; font-weight: 500; text-align: center; color: #fff; line-height: 28px; } .video-block .video-content { display: none; } .video-block .video-btn-content { cursor: pointer; position: absolute; display: inline-block; text-align: center; width: 136px; height: 46px; left: 50%; bottom: 32px; transform: translate(-50%, 0); background-color: #fff; border-radius: 4px; padding: 12px 16px; box-sizing: border-box; } .video-btn-content span { width: 80px; height: 22px; font-size: 16px; font-weight: 500; text-align: left; color: #286ef0; line-height: 22px; padding-right: 5px; } .video-btn-content img { width: 10px; height: 10px; vertical-align: initial; } /* item1 */ .home-section.item1 { padding: 40px 24px 0; } .home-section.item2 { padding: 56px 24px 0; } .home-section.item1 .section-img, .home-section.item2 .section-img { display: none; } .home-section.item1 .section-content-img, .home-section.item2 .section-content-img { padding-bottom: 32px; } /* li img */ .home-section .item-img { width: 100%; height: 100%; } .home-section .item-title { font-size: 17px; font-weight: 500; color: #191919; letter-spacing: 0; padding-bottom: 8px; } .home-section .item-details { font-size: 12px; color: #333333; letter-spacing: 0; line-height: 17px; padding-bottom: 32px; } /* 核心业务 */ .business { display: block; } .business>.business-line { float: left; width: 2px; height: 16px; background: #E60012; margin-top: 3px; } .business>.business-title { padding-left: 8px; font-size: 16px; font-weight: 500; color: #333333; line-height: 22px; text-align: left; vertical-align: middle; } .business>ul { width: 100%; list-style: none; padding-top: 16px; overflow: hidden; } .business>ul li { display: inline-block; text-align: center; margin: 0 46px 0 0; } @media screen and (max-width: 415px) { .business>ul li { margin: 0 calc((100% - 196px)/3) 0 0; } } .business>ul li:last-child { margin-right: 0; } .business ul div { text-align: center; } .business ul li img { padding-bottom: 12px; width: 52px; height: 52px; } .business ul li span { display: block; font-size: 14px; line-height: 20px; color: #333333; letter-spacing: 0; text-align: center; font-weight: 500; } /* 综合物流解决方案 */ .home-section.item3 { padding: 56px 24px 0; } .home-section.item3 .announcement { margin-top: 24px; list-style: none; line-height: 181px; overflow: hidden; } .home-section.item3 .announcement li { float: left; text-align: center; display: block; width: 49%; height: 181px; box-sizing: border-box; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; position: relative; } .home-section.item3 .announcement li .title { position: absolute; z-index: 210; bottom: 24px; left: 0; width: 100%; line-height: 20px; font-size: 14px; color: #FFFFFF; text-align: center; padding: 0 18px; box-sizing: border-box; } .home-section.item3 .announcement li:nth-child(2) p.title { padding: 0 25px; } .announcement .announcement-animation { position: absolute; z-index: 200; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #E60012 !important; opacity: 0; } .announcement .animation-title { position: absolute; z-index: 210; width: 100%; text-align: center; font-size: 20px; color: #FFFFFF; /* padding-top: 96px; */ /* top: 320px; */ bottom: -320px; height: 28px; line-height: 28px; } .announcement .animation-line { position: absolute; z-index: 210; background-color: #fff; width: 24px; height: 2px; margin: 0 calc((100% - 24px)/2); text-align: center; bottom: -20px; opacity: 0; } .announcement .animation-detial { position: absolute; z-index: 210; font-size: 13px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 17px; padding: 0 9px; bottom: -20px; opacity: 0; } @media screen and (max-width: 380px) { .home-section.item3 .announcement li .title { padding: 0 20px; } .home-section.item3 .announcement li:nth-child(2) p.title { padding: 0 25px; } } @media screen and (max-width: 340px) { .home-section.item3 .announcement li .title { padding: 0 14px; font-size: 13px; } .announcement .animation-detial { font-size: 12px; line-height: 13px; } } /* li content */ .home-section.item3 .item-details { padding-bottom: 0; } .home-section.item3 .announcement li:last-child { margin-right: 0; } .home-section.item3 .announcement li:nth-child(1) { background-image: url('/images/home/img-e-commerce.png'); margin-right: 2%; } .home-section.item3 .announcement li:nth-child(2) { background-image: url('/images/home/img-chain.png'); } .home-section.item3 .announcement li:nth-child(3) { background-image: url('/images/home/img-special.png'); margin-right: 2%; margin-top: 8px; } .home-section.item3 .announcement li:nth-child(4) { background-image: url('/images/home/img-nonstop.png'); margin-top: 8px; } .home-section.item4 { padding-top: 64px; } /* item4 */ .home-section.item4 .advantages-content { padding: 0 24px 0; } .home-section.item4 .advantages-content .home-more { display: none; } .home-section.item4 .advantages-title { margin: 8px auto 32px 0; font-size: 17px; color: #191919; letter-spacing: 0; line-height: 24px; } .advantages-content ul { list-style: none; z-index: 10; text-align: left; vertical-align: top; width: 100%; padding-bottom: 40px; overflow: hidden; } .advantages-content ul .advantages-item { display: inline-block; vertical-align: top; width: 42.8%; } .advantages-content ul .advantages-item:nth-child(1), .advantages-content ul .advantages-item:nth-child(3) { padding-bottom: 48px; } .advantages-content ul .advantages-item:nth-child(2), .advantages-content ul .advantages-item:nth-child(4), .advantages-content ul .advantages-item:nth-child(6) { float: right; } .advantages-content .advantages-item .td-title { font-size: 17px; color: #333; font-weight: 500; letter-spacing: 0; } .advantages-content .advantages-item img { width: 46px; height: 46px; margin-bottom: 23px; } .advantages-content .advantages-item .td-line { margin: 24px 0 24px; background: #1B1C80; border-radius: 1px; width: 30px; height: 2px; } .advantages-content .advantages-item .td-detial { font-size: 13px; color: #333; letter-spacing: 0; text-align: justify; line-height: 24px; } .home-section.item4 .img-box { width: 100%; height: 211px; } .home-section.item4 .back-img { width: 100%; } .home-section.item4 .back-img.pc { display: none; } /* item5 */ .home-section.item5 { padding: 64px 0 55px 0; } .home-section.item5 .item-title { padding: 0 24px; display: inline-block; } /* 菜单栏 */ .home-section.item5 .important-news-menu { overflow: hidden; padding: 27px 24px 0; } .important-news-menu .news-menu.more { display: none; } .important-news-menu .news-menu { background: #fff; font-size: 14px; color: #333; letter-spacing: 0; text-align: center; padding-bottom: 2px; border-bottom: 2px solid #fff; float: left; margin-right: 24px; } .important-news-menu .selected { font-weight: 500; border-bottom: 2px solid #E60012 !important; } .home-section.item5 .news-menu.title-more { float: right; margin-right: 0; color: #1B1C80; padding-right: 24px; } /* 新闻 */ .home-section.item5 .news-content { list-style: none; overflow: hidden; height: 555px; display: block; width: 100%; box-sizing: border-box; padding: 0 24px; } .home-section.item5 .news-content .news-item { float: left; text-align: center; display: block; background: #F5F5F7; border-radius: 6px; padding: 16px 16px; width: 100%; margin-top: 16px; box-sizing: border-box; overflow: hidden; } .home-section.item5 .news-content .news-item:last-child { margin-right: 0; } .news-content .news-item .news-title { width: 100%; font-size: 14px; font-weight: 500; color: #333; letter-spacing: 0; text-align: justify; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-content .news-item .news-time { font-size: 14px; color: #666666; letter-spacing: 0; text-align: justify; padding: 8px 0 24px; } .news-content .news-item .news-detail { font-size: 14px; color: #666666; letter-spacing: 0; text-align: justify; line-height: 16px; height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* swiper2 */ .swiper-container .pagination1, .swiper-container .pagination2 { position: absolute; z-index: 20; left: 10px; bottom: 20px; left: 50%; transform: translate(-50%, 0); } .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: #DCDEE2; margin-right: 8px; cursor: pointer; } .swiper-visible-switch { background: #DCDEE2; } .swiper-active-switch { background: #E60012 !important; } .home-section.item5 #newsContent { height: 555px; } .swiper-container { width: 100%; height: 555px; /* padding-left: 24px; */ box-sizing: border-box; } /* swiper */ .swiper-pagination-bullet-active { background-color: #E60012 !important; } .home-section.item5 .swiper-container { --swiper-theme-color: #E60012; } .footer-block { /* display: none; */ /* height: 300px; */ height: auto; } #pc-footer { display: none; } /* 文字从下往上出现 */ .header-top-title, .section1-title, .section2-title, .section3-title, .header-top-more { position: relative; transform: translate3d(0, 60px, 0); transition: opacity 1250ms ease 50ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 50ms; opacity: 0; } .header-top-content, .section1-details, .section2-details, .section3-details, .section1-business, .section2-business, .section3-announcement, .section3-home-more { position: relative; transform: translate3d(0, 60px, 0); transition: opacity 1250ms ease 100ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 100ms; opacity: 0; } .header-top-title2, .section1-title2, .section2-title2, .section3-title2, .header-top-content2, .section1-details2, .section2-details2, .section3-details2, .section1-business2, .section2-business2, .section3-announcement2, .section3-home-more2 { animation: home-section-animation 1.1s; -webkit-animation: home-section-animation 1.1s; animation-fill-mode: forwards; } .header-top-more2 { animation: home-header-animation 1.1s; -webkit-animation: home-header-animation 1.1s; animation-fill-mode: forwards; } @-webkit-keyframes home-section-animation { 0% { transform: translate3d(0, 25px, 0); transition: opacity 1250ms ease 50ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 50ms; opacity: 0; } 100% { transform: translate3d(0px, 0px, 0px); transition: opacity 1250ms ease 0ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 0ms; opacity: 1; padding-top: 0; } } @-webkit-keyframes home-header-animation { 0% { transform: translate3d(0, 25px, 0); transition: opacity 1250ms ease 50ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 50ms; opacity: 0; } 100% { transform: translate3d(0px, 0px, 0px); transition: opacity 1250ms ease 0ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 0ms; opacity: 1; } }<!--0.00017809867858887-->