/* 首页menu */ .swiper-slide.img .head-image { width: 100%; min-height: 498px; height: 41.875vw; /* 根据图片比例计算高度 */ } .head-mp4 { display: block; width: 100%; min-height: 498px; height: 41.875vw; } .head-mp4-block .swiper-container { width: 100%; position: relative; overflow: hidden; min-height: 498px; height: 41.875vw; } .head-mp4-block .swiper-wrapper { height: 41.875vw; } .head-mp4-block .swiper-slide { min-width: 1190px; width: 100%; height: auto; min-height: 498px; position: relative; overflow: hidden; height: 41.875vw; } .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-menu { margin: 0; padding: 0; min-width: 1190px; width: 100%; display: inline-block; background-color: #1C217E; 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; } .home-menu .waybill { width: 354px; height: 112px; display: inline-block; position: absolute; z-index: 999; left: 0; top: -12px; background: #1B1C80; box-shadow: 2px -1px 6px 0 rgba(12, 12, 77, 0.38); border-radius: 4px 4px 0 0; 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; } .home-menu .flex-item a { display: block; text-decoration: none; color: #fff; font-size: 16px; letter-spacing: 0; text-align: justify; line-height: 100px; margin-right: 124px; } .home-menu .flex-item:last-child a { margin-right: 0; } .home-menu .flex-item>a>img { width: 28px; height: 28px; padding-right: 4px; } /* 主内容 */ .home-main-wrapper { max-width: 1440px; min-width: 1190px; width: 100%; display: inline-block; text-align: center; margin: 80px auto 0; } .home-main-wrapper .video-block { min-width: 1190px; max-width: 1440px; height: auto; margin: 0 auto 80px; overflow: hidden; position: relative; } .home-main-wrapper .video-block .video-image { width: 100%; height: auto; display: block; } .video-block .mobile-video-content { display: none; } .video-block .video-content { position: absolute; display: inline-block; text-align: left; width: 463px; left: 45px; top: 50%; transform: translate(0, -50%); } .video-block .content-back .title { font-size: 22px; font-weight: 500; text-align: justify; color: #fff; line-height: 30px; padding-bottom: 16px; } .video-block .content-back .content { font-size: 14px; font-weight: 400; text-align: justify; color: #fff; line-height: 24px; text-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10); } .video-block .video-btn-content { cursor: pointer; position: absolute; display: inline-block; text-align: center; width: 146px; height: 52px; right: 45px; top: 50%; transform: translate(0, -50%); background-color: #fff; border-radius: 4px; padding: 15px 22px; box-sizing: border-box; } .video-btn-content span { 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; } .home-main-wrapper .home-section { max-width: 1440px; min-width: 1190px; text-align: center; /* margin-bottom: 100px; */ padding-bottom: 100px; overflow: hidden; } .home-main-wrapper .home-section .content { overflow: hidden; } .head-image-wrapper .miniProgram { z-index: 999; position: absolute; background: #fff; width: 160px; height: 180px; border-radius: 8px; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.33); right: 101px; bottom: 69px; padding: 12px 12px 9px; text-align: center; box-sizing: border-box; } .miniProgram .mini-img { width: 100%; height: auto; } .miniProgram .mini-title { padding-top: 6px; font-size: 11px; font-weight: 500; text-align: center; color: #333; line-height: 17px; } .header-float-block { z-index: 999; position: fixed; background: RGBA(0, 0, 0, 0.16); width: 74px; /* height: 216px; */ height: auto; right: 0; top: 239px; padding: 0; text-align: center; box-sizing: border-box; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0px 1px 5px rgba(0,0,0, 0.16); opacity: 1; } .header-float-block>ul { /* list-style: none; */ /* padding-top: 16px; padding-left: 8px; */ overflow: hidden; /* margin: 10px 0; */ border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .header-float-block>ul li { float: center; text-align: center; display: block; padding: 14px 12px 12px; background: #fff } .header-float-block>ul li.highlight { background: #E69C37; } .header-float-block ul li img { padding: 0 0 5px 0; width: 24px; height: 24px; } .header-float-block ul li p { font-size: 12px; color: #333; font-weight: 400; } .header-float-block>ul li.highlight p { color: #fff; } /* li 标题 */ .home-section .item-title { font-size: 35px; color: #1D1D1F; letter-spacing: 0; text-align: left; font-weight: 500; line-height: 36px; padding-bottom: 24px; } /* li content */ .home-section .item-details { font-size: 13px; color: #666666; letter-spacing: 0; text-align: left; line-height: 28px; padding-bottom: 64px; } .home-section .section-content { width: 435px; padding-left: 80px; padding-right: 80px; padding-top: 7.2%; text-align: left; } .home-section .section-img { overflow: hidden; min-width: 595px; max-width: 720px; height: auto; position: relative; width: 50vw; padding-bottom: 44%; } .home-section .item-img { width: 100%; position: absolute; left: 0; } .home-section.item1 .section-img { float: left; } .home-section.item1 .section-content { float: left; } /* 核心业务 */ .business { /* padding-top: 64px; */ display: inline-block; } .business>.business-line { float: left; width: 2px; height: 16px; background: #E60012; margin-top: 3px; } .business>.business-title { padding-left: 8px; font-size: 15px; font-weight: 500; color: #333330; line-height: 22px; text-align: left; vertical-align: middle; } .business>ul { list-style: none; padding-top: 16px; padding-left: 8px; overflow: hidden; } .business>ul li { float: left; text-align: center; display: block; margin: 0 70px 0 0; } .business ul div { width: 56px; text-align: center; } .business ul li img { padding: 0 0 10px 0; width: 52px; height: 52px; } .home-section.item1 .business ul li:nth-child(2) div { width: 84px; } .home-section.item1 .business ul li:nth-child(2) img { padding: 0 16px 10px 16px; } .business ul li span { font-size: 13px; color: #333333; letter-spacing: 0; text-align: center; } .home-section .home-more { display: inline-block; height: 50px; background-color: #E60012 !important; border-radius: 4px; margin-top: 48px; float: left; transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari and Chrome */ -o-transition: background-color 0.5s; /* Opera */ } .home-section .home-more:hover { background-color: #CF0111 !important; } .home-section .home-more a { font-size: 15px; color: #FFFFFF; letter-spacing: 0; line-height: 50px; padding: 14px 30px; } /* .home-section.item2 */ .home-section.item2 .section-img { float: right; } .home-section.item1 .section-content-img, .home-section.item2 .section-content-img { display: none; } .home-section.item2 .section-content { float: right; } .home-section.item2 .business ul li:nth-child(1) div { width: 84px; } .home-section.item2 .business ul li:nth-child(1) img { padding: 0 16px 10px 16px; } /* .home-section.item3 */ .home-section.item3 .content { width: 1190px; margin: 0 auto; } .home-section.item3 .announcement { margin-top: 48px; list-style: none; line-height: 320px; overflow: hidden; } .home-section.item3 .announcement li { float: left; text-align: center; display: block; margin-right: 18px; width: 284px; height: 320px; 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; top: 0; left: 0; width: 100%; height: 100%; font-size: 20px; color: #FFFFFF; letter-spacing: 0; text-align: center; } /* 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'); } .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'); } .home-section.item3 .announcement li:nth-child(4) { background-image: url('/images/home/img-nonstop.png'); } .announcement .announcement-animation { position: absolute; z-index: 200; bottom: 0; left: 0; width: 284px; height: 320px; 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 130px; text-align: center; bottom: -170px; } .announcement .animation-detial { position: absolute; z-index: 210; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 22px; padding: 0 24px; bottom: -170px; } /* .home-section.item4 */ .home-section.item4 .back-img { min-width: 1190px; max-width: 1440px; width: 100%; height: auto; display: block; min-height: 810px; } .home-section.item4 .back-img.mobile { display: none; } .home-section.item4 .content { position: relative; } .home-section.item4 .advantages-content { display: block; margin-left: -595px; width: 1190px; height: 100%; position: absolute; top: 0; left: 50%; } .home-section.item4 .advantages-content .content { position: absolute; display: inline-block; right: 0; top: 50%; transform: translate(0, -50%); width: 800px; height: 714px; background: rgba(255, 255, 255, 0.85); border-radius: 4px; text-align: left; } .home-section.item4 .advantages-title { margin: 52px auto 8px 40px; font-size: 35px; color: #191919; letter-spacing: 0; line-height: 36px; } .advantages-content ul { list-style: none; z-index: 10; text-align: left; vertical-align: top; padding: 0 40px; } .advantages-content ul .advantages-item { display: inline-block; padding: 40px 0 0; } .advantages-content ul .advantages-item:nth-child(2), .advantages-content ul .advantages-item:nth-child(5) { padding: 0 55px; } .advantages-content .advantages-item .td-title { font-size: 19px; color: #191919; 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: 35px 0 23px; background: #1B1C80; border-radius: 1px; width: 30px; height: 2px; } .advantages-content .advantages-item .td-detial { font-size: 13px; color: #191919; letter-spacing: 0; text-align: justify; line-height: 24px; max-width: 200px; } .home-section.item4 .home-more { margin: 42px auto auto 40px; } /* .home-section.item5 */ .home-section.item3 .item-title, .home-section.item5 .item-title { color: #191919; } .home-section.item5 .content { width: 1190px; margin: 0 auto; } .home-section.item5 .item-title { text-align: center; } /* 菜单栏 */ .home-section.item5 .important-news-menu { overflow: hidden; padding: 60px 0 30px; } .home-section.item5 .title-more { display: none; } .important-news-menu .news-menu { font-size: 19px; color: #191919; letter-spacing: 0; text-align: center; background-color: #fff; padding-bottom: 5px; border-bottom: 4px solid #fff; float: left; margin-right: 40px; } .important-news-menu .selected { color: #191919; font-weight: 500; border-bottom: 4px solid #E60012 !important; } .important-news-menu .more { float: right; margin-right: 0; } .important-news-menu .more:hover { color: #1B1C80; } /* 新闻 */ .home-section.item5 .news-content { list-style: none; overflow: hidden; height: 265px; width: 100%; min-width: 1190px; } .home-section.item5 .news-content .news-item { float: left; text-align: center; display: block; margin-right: 28px; background: #F5F5F7; border-radius: 6px; padding: 20px 15px 20px 15px; width: 348px; /* height: 159px; */ overflow: hidden; } .home-section.item5 .news-content .news-item:last-child { margin-right: 0; } .news-content .news-item .news-title { font-size: 17px; font-weight: 500; color: #191919; letter-spacing: 0; text-align: justify; line-height: 26px; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-content .news-item .news-time { font-size: 13px; color: #666666; letter-spacing: 0; text-align: justify; padding: 12px 0 20px; } .news-content .news-item .news-detail { font-size: 14px; color: #666666; letter-spacing: 0; text-align: justify; line-height: 26px; height: 52px; 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: 10px; left: 50%; transform: translate(-50%, 0); } .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: #DCDEE2; margin-right: 15px; cursor: pointer; } .swiper-visible-switch { background: #DCDEE2; } .swiper-active-switch { background: #E60012 !important; } .home-section.item5 #newsContent { height: 265px; } .home-section.item5 .swiper-container { width: 100%; height: 265px; } /* swiper */ .swiper-pagination-bullet-active { background-color: #E60012 !important; } .home-section.item5 .swiper-container { --swiper-theme-color: #E60012; } /* 文字从下往上出现 */ .header-top-title, .header-top-content, .section1-title, .section2-title, .section3-title, .section1-details, .section2-details, .section3-details, .section1-business, .section2-business, .section3-announcement, .section3-home-more { position: relative; } .header-top-more { position: relative; } .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, 100px, 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, 50px, 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; } } /* 图片淡入 */ /* .section1-img, .section2-img { transition: opacity 1.1s; transition-delay: 1.1s; opacity: 0; } .section1-img2, .section2-img2 { opacity: 1; transition: opacity 1.5s ease 0s; } */<!--0.00017595291137695-->