html { max-width: 100%; -webkit-font-smoothing: antialiased; } .home-page .init-animation { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .home-page .start-animation { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .home-page .section-business { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home-page .section-business .business-video { -webkit-box-flex: 1.14; -ms-flex: 1.14; flex: 1.14; position: relative; min-width: 710px; height: 658px; background-image: url(../../img/home/introduce-video-bg.jpg); background-size: cover; background-position: center center; } .home-page .section-business .video-content, .home-page .section-business .middle-shadow-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .home-page .section-business .middle-shadow-layer { z-index: 2; background: rgba(0, 0, 0, 0.6); } .home-page .section-business .business-item-detail { position: absolute; top: 0; left: 22%; bottom: 0; z-index: 3; } .home-page .section-business .business-item-detail .common-section-head { height: 335px; } .home-page .section-business .business-item-detail .title { margin-top: 40px; margin-bottom: 20px; color: #fff; } .home-page .section-business .business-item-detail .sub-title-desc { color: #fff; opacity: 0.8; padding-right: 216px; } .home-page .section-business .business-item-detail .business-item-num { font-size: 120px; font-weight: bold; line-height: 145px; margin: 24px 0 34px; } .home-page .section-business .business-item-detail .business-item-num .plus { font-weight: normal; } .home-page .section-business .business-summary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 570px; margin: 0; padding: 0; list-style: none; } .home-page .section-business .business-summary-item { cursor: pointer; height: 329px; width: 50%; padding-left: 40px; padding-top: 40px; float: left; background: linear-gradient(141deg, #454545 0%, #212121 100%); } .home-page .section-business .business-summary-item:hover { background: linear-gradient(316deg, #f26b1f 0%, #ff9800 100%); } .home-page .section-business .business-summary-item:hover .business-item-num { color: #fff; } .home-page .section-business .business-summary-item:hover .business-item-icon.city { background: url(../../img/home/introduce-city-white.svg); } .home-page .section-business .business-summary-item:hover .business-item-icon.company { background: url(../../img/home/introduce-enterprise-white.svg); } .home-page .section-business .business-summary-item:hover .business-item-icon.person { background: url(../../img/home/introduce-people-white.svg); } .home-page .section-business .business-summary-item:hover .business-item-icon.finacing { background: url(../../img/home/introduce-money-white.svg); } .home-page .section-business .business-summary .business-item-icon { display: inline-block; width: 84px; height: 84px; background-size: 100% 100%; background-repeat: no-repeat; } .home-page .section-business .business-summary .business-item-icon.city { background: url(../../img/home/introduce-city.svg); } .home-page .section-business .business-summary .business-item-icon.company { background: url(../../img/home/introduce-enterprise.svg); } .home-page .section-business .business-summary .business-item-icon.person { background: url(../../img/home/introduce-people.svg); } .home-page .section-business .business-summary .business-item-icon.finacing { background: url(../../img/home/introduce-money.svg); } .home-page .section-business .business-summary .business-item-info { color: #fff; } .home-page .section-business .business-summary .business-item-num { font-size: 40px; font-weight: bold; line-height: 48px; margin: 50px 0 9px; } .home-page .section-business .business-summary .business-item-num .plus { font-size: 32px; font-weight: normal; font-style: normal; } .home-page .section-business .business-summary .business-item-name { font-weight: 500; font-size: 18px; margin: 0 0 8px; } .home-page .section-business .business-summary .business-item-name-en { font-size: 14px; color: rgba(255, 255, 255, 0.8); } .home-page .section-product { background: url(../../img/home/product-bg.png) no-repeat; background-size: 100% 100%; } .home-page .section-product .section-product-bg { padding-top: 68px; } .home-page .section-product .common-section-head { margin-bottom: 57px; } .home-page .section-product .product-list a { text-decoration: none; color: #fff; display: block; width: 100%; height: 100%; } .home-page .section-product .product-list .product-list-item { float: left; margin-bottom: 30px; position: relative; overflow: hidden; min-width: 360px; width: 460px; } .home-page .section-product .product-list .product-list-item.item-yidayun, .home-page .section-product .product-list .product-list-item.item-chuhaiyi{ width: 704px; } .home-page .section-product .product-list .product-list-item.item-chuhaiyi { margin-right: 0; } .home-page .section-product .product-list .product-list-item .bg-transition { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; position: absolute; left: 0; right: -1px; top: 0; bottom: 0; z-index: 0; } .home-page .section-product .product-list .product-list-item a { position: relative; z-index: 1; } .home-page .section-product .product-list .product-list-item:hover .bg-transition { -webkit-transform: scale(1.2); transform: scale(1.2); } .home-page .section-product .product-list .product-list-item:hover .default-show { opacity: 0; } .home-page .section-product .product-list .product-list-item:hover .hover-show { opacity: 1; -webkit-animation: fadeInToTop 0.4s ease-in-out; animation: fadeInToTop 0.4s ease-in-out; } .home-page .section-product .product-list .item-align-center { height: 430px; text-align: center; margin-right: 2%; } .home-page .section-product .product-list .item-align-center .product-logo { width: 181px; height: 50px; margin: 52px auto 34px auto; } .home-page .section-product .product-list .item-align-center .split-line { display: block; margin: 0 auto; width: 60px; border-bottom: 3px solid #fff; margin-bottom: 34px; } .home-page .section-product .product-list .item-align-center .product-desc { font-size: 30px; font-weight: 500; color: #ffffff; line-height: 42px; margin-bottom: 58px; text-align: center; } .home-page .section-product .product-list .item-align-center .product-btn { width: 156px; height: 48px; border: 1px solid #ffffff; font-size: 22px; font-weight: 600; color: #ffffff; line-height: 30px; padding: 8px 14px; } .home-page .section-product .product-list .item-align-center .product-btn .icon-arrow-rt { -webkit-transition: 0.4s ease all; transition: 0.4s ease all; } .home-page .section-product .product-list .item-align-center .product-btn:hover .icon-arrow-rt { -webkit-transform: rotate(45deg); transform: rotate(45deg); } @-webkit-keyframes fadeInToTop { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInToTop { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .home-page .section-product .product-list .item-align-left { height: 200px; margin-right: 2%; } .home-page .section-product .product-list .item-align-left .default-show { position: absolute; margin-left: 40px; display: inline-block; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; z-index: 2; } .home-page .section-product .product-list .item-align-left .default-show .default-icon { display: block; width: 84px; height: 84px; margin: 24px auto 20px; } .home-page .section-product .product-list .item-align-left .hover-show { padding-left: 40px; opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .home-page .section-product .product-list .item-align-left .hover-show .product-logo { width: 140px; margin: 30px 0 20px; } .home-page .section-product .product-list .item-align-left .hover-show .product-desc { font-size: 18px; margin: 0 0 14px; } .home-page .section-product .product-list .item-align-left .product-btn { display: inline-block; font-size: 24px; font-weight: 500; line-height: 33px; position: relative; } .home-page .section-product .product-list .item-align-left .product-btn i { position: absolute; top: 10px; } .home-page .section-product .product-list .item-zwfw, .home-page .section-product .product-list .item-xxgx, .home-page .section-product .product-list .item-lhyg { margin-right: 0; } .home-page .section-product .product-list .item-hrwork .bg-transition { background-image: url(../../img/home/product-hrwork-bg@2x.jpg); } .home-page .section-product .product-list .item-ajly .bg-transition { background-image: url(../../img/home/product-anjuleye-bg@2x.jpg); } .home-page .section-product .product-list .item-zwfw .bg-transition { background-image: url(../../img/home/product-zwfw-bg-black@2x.jpg); } .home-page .section-product .product-list .item-gly .bg-transition { background-image: url(../../img/home/product-glyxt-bg-black@2x.jpg); } .home-page .section-product .product-list .item-xxgx .bg-transition { background-image: url(../../img/home/product-xxgx-bg-black@2x.jpg); } .home-page .section-product .product-list .item-szh .bg-transition { background-image: url(../../img/home/product-szhfw-bg-black@2x.jpg); } .home-page .section-product .product-list .item-lhyg .bg-transition { background-image: url(../../img/home/product-lhyg-bg-black@2x.jpg); } .home-page .section-product .product-list .item-yidayun .bg-transition { background-image: url(../../img/home/product-yidayun-bg-black@2x.jpg); } .home-page .section-product .product-list .item-chuhaiyi .bg-transition { background-image: url(../../img/home/product-chuhaiyi-bg-black@2x.jpg); } .home-page .section-product .product-list .bg-transition { background-repeat: no-repeat; background-size: cover; } .home-page .section-solution { position: relative; padding-bottom: 90px; } .home-page .section-solution .bg { position: absolute; height: auto; -webkit-animation: shake 5s linear infinite; animation: shake 5s linear infinite; } @-webkit-keyframes shake { form { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 30% { -webkit-transform: rotateZ(20deg); transform: rotateZ(20deg); } 50% { -webkit-transform: rotateZ(40deg); transform: rotateZ(40deg); } 70% { -webkit-transform: rotateZ(20deg); transform: rotateZ(20deg); } to { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @keyframes shake { form { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 30% { -webkit-transform: rotateZ(20deg); transform: rotateZ(20deg); } 50% { -webkit-transform: rotateZ(40deg); transform: rotateZ(40deg); } 70% { -webkit-transform: rotateZ(20deg); transform: rotateZ(20deg); } to { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } } .home-page .section-solution .solution-bg-l { left: 20px; top: -50px; width: 240px; } .home-page .section-solution .solution-bg-r { right: 30px; bottom: 30px; width: 224px; } .home-page .section-solution .status-tags { font-size: 14px; border-radius: 4px; padding: 2px 7px; color: #fff; margin-left: 8px; line-height: 20px; font-weight: 400; position: relative; top: -4px; } .home-page .section-solution .status-tags.bg-white { background-color: #fff; color: #212121; } .home-page .section-solution .status-tags.bg-green { background-color: #00c29b; } .home-page .section-solution .status-tags.bg-blue { background-color: #4483ff; } .home-page .section-solution .solution-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 120px; } .home-page .section-solution .solution-left { width: 360px; margin-right: 80px; } .home-page .section-solution .solution-left .sub-title-desc { padding-top: 8px; } .home-page .section-solution .solution-left .solution-link { -webkit-box-shadow: 0px 2px 40px 0px rgba(227, 229, 234, 0.75); box-shadow: 0px 2px 40px 0px rgba(227, 229, 234, 0.75); } .home-page .section-solution .solution-list { min-width: 850px; max-width: 1000px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .home-page .section-solution .solution-list .solution-hover-mask { position: absolute; width: 0; height: 0; z-index: 1; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; overflow: hidden; } .home-page .section-solution .solution-list .solution-hover-mask a { color: #fff; text-decoration: none; } .home-page .section-solution .solution-list .solution-hover-mask .mask-bg { width: 100%; height: 298px; background-repeat: no-repeat; background-size: cover; } .home-page .section-solution .solution-list .solution-hover-mask.zfrl { top: 0; left: 0; } .home-page .section-solution .solution-list .solution-hover-mask.zfrl .mask-bg { background-image: url(../../img/home/solution-bg-zfrl@2x.jpg); } .home-page .section-solution .solution-list .solution-hover-mask.hangye { top: 0; right: 0; } .home-page .section-solution .solution-list .solution-hover-mask.hangye .mask-bg { background-image: url(../../img/home/solution-bg-hy@2x.jpg); } .home-page .section-solution .solution-list .solution-hover-mask.ywgm { bottom: 0; left: 0; } .home-page .section-solution .solution-list .solution-hover-mask.ywgm .mask-bg { background-image: url(../../img/home/solution-bg-ywgm@2x.jpg); } .home-page .section-solution .solution-list .solution-hover-mask.jiaose { bottom: 0; right: 0; } .home-page .section-solution .solution-list .solution-hover-mask.jiaose .mask-bg { background-image: url(../../img/home/solution-bg-js@2x.jpg); } .home-page .section-solution .solution-list .solution-hover-mask .mask-info { height: 256px; background: linear-gradient(110deg, #ff9800 0%, #f26b1f 100%); padding: 16px 38px 24px; color: #fff; } .home-page .section-solution .solution-list .solution-hover-mask .mask-title { margin: 0; font-size: 32px; font-weight: bold; line-height: 44px; margin-bottom: 6px; } .home-page .section-solution .solution-list .solution-hover-mask .mask-logo { margin: 32px 0 16px; } .home-page .section-solution .solution-list .solution-hover-mask .mask-detail { list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home-page .section-solution .solution-list .solution-hover-mask .item-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .home-page .section-solution .solution-list .solution-hover-mask .item-link .icon-arrow-rt { width: 12px; height: 12px; background-size: 100% 100%; -webkit-transition: 0.4s ease all; transition: 0.4s ease all; } .home-page .section-solution .solution-list .solution-hover-mask .item-link:hover .icon-arrow-rt { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .home-page .section-solution .solution-list .solution-hover-mask .icon-list-wrapper { padding-top: 10px; } .home-page .section-solution .solution-list .solution-hover-mask .item-text-fullline { line-height: 22px; margin-bottom: 10px; width: 100%; } .home-page .section-solution .solution-list .solution-hover-mask .item-text-fullline .item-title { font-size: 18px; font-weight: bold; } .home-page .section-solution .solution-list .solution-hover-mask .item-text-fullline .item-desc { width: 100%; margin: 0; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2px; } .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link { width: 33%; } .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link .icon-block { display: block; margin-bottom: 10px; } .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link-inline { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link-inline .item-title { padding: 0 6px 0 16px; } .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link, .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link-inline { margin-bottom: 26px; } .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link .item-title, .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link-inline .item-title { font-size: 18px; } .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link .icon-inline, .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link-inline .icon-inline, .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link .icon-block, .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link-inline .icon-block { width: 24px; height: 24px; } .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link .icon-arrow-rt, .home-page .section-solution .solution-list .solution-hover-mask .item-icon-link-inline .icon-arrow-rt { position: relative; top: 1px; } .home-page .section-solution .solution-list-item { height: 267px; margin-bottom: 19px; background: #f7f8fa; border-radius: 2px; padding: 40px 0 0 40px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; float: left; width: 49%; margin-right: 2%; } .home-page .section-solution .solution-list-item:nth-child(2n) { margin-right: 0; } .home-page .section-solution .solution-list-item-title { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin: 0; font-size: 32px; font-weight: bold; color: #212121; line-height: 44px; } .home-page .section-solution .solution-list-item-content { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: -webkit-box; display: -ms-flexbox; display: flex; } .home-page .section-solution .solution-list-item-desc { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 200px; padding-top: 10px; padding-right: 32px; padding-bottom: 16px; font-size: 16px; font-weight: 400; color: #757575; line-height: 32px; } .home-page .section-solution .solution-list-item-icon { margin-top: 20px; width: 178px; height: 161px; } .home-page .section-solution .solution-list-item:hover .solution-list-item-content, .home-page .section-solution .solution-list-item:hover .solution-list-item-title { opacity: 0; } .home-page .section-solution .solution-list-item:hover .solution-hover-mask { width: 100%; height: 555px; z-index: 3; opacity: 1; } .home-page .section-technology { background-image: url(../../img/home/technology-bg.jpg); background-repeat: no-repeat; background-size: 100% 100%; color: #fff; } .home-page .section-technology .technology-wrapper { padding-top: 93px; padding-bottom: 93px; display: -webkit-box; display: -ms-flexbox; display: flex; } .home-page .section-technology .technology-left-item { min-width: 800px; max-width: 990px; margin-right: 90px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .home-page .section-technology .technology-left-item .technology-list li { position: relative; float: left; width: 50%; height: 267px; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .home-page .section-technology .technology-left-item .technology-list li:hover .info-wrapper { opacity: 0; -webkit-transform: translateY(-110px) rotateX(90deg); transform: translateY(-110px) rotateX(90deg); } .home-page .section-technology .technology-left-item .technology-list li:hover .hover-bg-transition { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .home-page .section-technology .technology-left-item .info-wrapper { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; padding: 46px 50px; position: relative; z-index: 1; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .home-page .section-technology .technology-left-item .technology-item-api .info-wrapper { background-image: url(../../img/home/api-bg.jpg); } .home-page .section-technology .technology-left-item .technology-item-chain .info-wrapper { background-image: url(../../img/home/chain-bg.jpg); } .home-page .section-technology .technology-left-item .technology-item-datax .info-wrapper { background-image: url(../../img/home/bigdata-bg.jpg); } .home-page .section-technology .technology-left-item .technology-intelligence .info-wrapper { background-image: url(../../img/home/intelligence-bg.jpg); } .home-page .section-technology .technology-left-item .technology-item-icon { width: 80px; height: 80px; margin-bottom: 16px; } .home-page .section-technology .technology-left-item .technology-item-title { font-size: 32px; font-weight: bold; line-height: 44px; margin: 0; margin-bottom: 10px; } .home-page .section-technology .technology-left-item .technology-item-desc { font-size: 18px; font-weight: 400; color: #ffffff; line-height: 25px; } .home-page .section-technology .technology-left-item .hover-bg-transition { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; background: linear-gradient(110deg, #ff9800 0%, #f26b1f 100%); padding: 34px 40px 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transform: translateY(110px) rotateX(-90deg); transform: translateY(110px) rotateX(-90deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .home-page .section-technology .technology-left-item .hover-bg-transition .icon-before, .home-page .section-technology .technology-left-item .hover-bg-transition .icon-after { display: block; width: 36px; height: 36px; position: absolute; background-repeat: no-repeat; background-size: 100% 100%; } .home-page .section-technology .technology-left-item .hover-bg-transition .icon-before { top: 20px; left: 24px; background-image: url(../../img/home/invest-quota1@2x.png); } .home-page .section-technology .technology-left-item .hover-bg-transition .icon-after { right: 25px; bottom: 16px; background-image: url(../../img/home/invest-quota2@2x.png); } .home-page .section-technology .technology-left-item .hover-bg-transition .hover-title { font-size: 32px; font-weight: bold; line-height: 50px; margin-top: 0; margin-bottom: 18px; } .home-page .section-technology .technology-left-item .hover-bg-transition .hover-text { margin: 0; font-size: 16px; line-height: 30px; } .home-page .section-technology .technology-right-info { padding-top: 16px; max-width: 360px; } .home-page .section-technology .technology-right-info .title { color: #fff; } .home-page .section-technology .technology-right-info .technology-desc { color: #fff; opacity: 0.8; } .home-page .section-technology .technology-right-info .technology-btn { background: #ffffff; color: #212121; } .home-page .section-invest { padding-top: 60px; padding-bottom: 70px; background: url(../../img/home/invest-bg.jpg) no-repeat; background-size: cover; } .home-page .section-invest .invest-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .home-page .section-invest .invest-list > li { width: 19%; height: 220px; -ms-flex-preferred-size: auto; flex-basis: auto; background-color: #fff; margin-bottom: 16px; } .home-page .section-invest .invest-item-static img { width: 100%; height: 100%; } .home-page .section-invest .invest-list-item { overflow: hidden; } .home-page .section-invest .invest-list-item:hover .invest-profile, .home-page .section-invest .invest-list-item:hover .invest-desc { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .home-page .section-invest .invest-profile, .home-page .section-invest .invest-desc { width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .home-page .section-invest .invest-profile-1 { width: 200px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 34px auto 30px; } .home-page .section-invest .boss-photo { display: inline-block; width: 70px; height: 70px; } .home-page .section-invest .invest-name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 16px; } .home-page .section-invest .company-name { margin: 0; font-size: 20px; font-weight: bold; color: #212121; line-height: 26px; display: inline-block; } .home-page .section-invest .company-name::after { content: ""; display: block; height: 3px; width: 100%; background: -webkit-gradient( linear, left top, left bottom, from(#f26b1f), to(#ff9800) ); background: linear-gradient(to bottom, #f26b1f, #ff9800); margin: 8px 0; min-width: 72px; } .home-page .section-invest .boss-name { display: block; } .home-page .section-invest .company-logo { height: 60px; width: auto; display: block; margin: 0 auto; } .home-page .section-invest .invest-desc { position: relative; /*padding: 54px 28px 32px;*/ padding: 15px 15px 0 15px; background: linear-gradient(110deg, #ff9800 0%, #f26b1f 100%); color: #ffffff; line-height: 24px; font-size: 16px; } .home-page .section-invest .invest-desc .icon-invest-desc1, .home-page .section-invest .invest-desc .icon-invest-desc2 { display: block; width: 36px; height: 36px; position: absolute; background-repeat: no-repeat; background-size: 100% 100%; } .home-page .section-invest .invest-desc .text { margin: 0; } .home-page .section-invest .invest-desc .icon-invest-desc1 { top: 20px; left: 24px; background-image: url(../../img/home/invest-quota1@2x.png); } .home-page .section-invest .invest-desc .icon-invest-desc2 { right: 25px; bottom: 16px; background-image: url(../../img/home/invest-quota2@2x.png); } .home-page .section-partner .parter-wraper { padding-top: 77px; text-align: center; } .home-page .section-partner .parter-title { margin: 0 0 22px; font-size: 48px; font-weight: bold; color: #212121; line-height: 65px; } .home-page .section-partner .parter-desc { margin-bottom: 60px; font-size: 18px; font-weight: 400; color: #757575; line-height: 25px; text-align: center; } .home-page .section-partner .part-img-wall { width: 100%; height: auto; margin-bottom: 70px; } .home-page .section-dynamic { position: relative; } .home-page .section-dynamic .left-bg-block, .home-page .section-dynamic .right-bg-block { position: absolute; display: inline-block; width: 210px; background-repeat: no-repeat; background-size: contain; } .home-page .section-dynamic .left-bg-block { top: -180px; left: 0; height: 273px; background-image: url(../../img/home/news-left-bg.png); } .home-page .section-dynamic .right-bg-block { right: 0; bottom: -40px; height: 375px; background-image: url(../../img/home/news-right-bg.png); } .home-page .section-dynamic .dynamic-title { font-size: 48px; font-weight: bold; color: #212121; line-height: 65px; margin-bottom: 72px; } .home-page .section-dynamic .dynamic-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home-page .section-dynamic .dynamic-left-book { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 530px; max-width: 571px; height: 357px; margin-right: 20px; position: relative; overflow: hidden; } .home-page .section-dynamic .dynamic-left-book:hover .book-cover { -webkit-transform: scale(1.05); transform: scale(1.05); } .home-page .section-dynamic .dynamic-left-book .book-cover { width: 100%; height: 100%; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .home-page .section-dynamic .dynamic-left-book .book-foot { width: 100%; position: absolute; bottom: 0; left: 0; height: 54px; background-color: rgba(0, 0, 0, 0.43); color: #fff; padding: 18px 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .home-page .section-dynamic .dynamic-left-book .book-name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; font-size: 18px; font-weight: 800; line-height: 25px; } .home-page .section-dynamic .dynamic-left-book .book-update-date { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.8); line-height: 20px; } .home-page .section-dynamic .dynamic-right-news { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 600px; height: 357px; -webkit-box-shadow: 0px 2px 20px 0px rgba(240, 240, 240, 0.75); box-shadow: 0px 2px 20px 0px rgba(240, 240, 240, 0.75); padding: 30px 0 0 30px; } .home-page .section-dynamic .dynamic-right-news .news-head-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .home-page .section-dynamic .dynamic-right-news .news-navs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .home-page .section-dynamic .dynamic-right-news .news-navs li { font-size: 22px; color: #212121; line-height: 30px; margin: 0 24px 14px 0; cursor: pointer; } .home-page .section-dynamic .dynamic-right-news .news-navs .news-nav-active { font-weight: bold; font-size: 26px; line-height: 35px; } .home-page .section-dynamic .dynamic-right-news .news-navs .news-nav-active::after { content: ""; display: block; border-bottom: 4px solid #f26b1f; width: 34px; margin: 10px auto 0; } .home-page .section-dynamic .dynamic-right-news .more-news { color: #212121; margin-right: 38px; text-decoration: none; font-weight: bold; } .home-page .section-dynamic .dynamic-right-news .icon-arrow-rt-white { position: relative; top: 2px; } .home-page .section-dynamic .dynamic-right-news .news-list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .home-page .section-dynamic .dynamic-right-news .list-content { padding-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; height: 230px; min-width: 465px; } .home-page .section-dynamic .dynamic-right-news .news-list-item { font-size: 16px; line-height: 25px; color: #757575; padding: 10px 0; } .home-page .section-dynamic .dynamic-right-news .news-list-item a { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #757575; } .home-page .section-dynamic .dynamic-right-news .news-list-item:hover .news-list-item-date, .home-page .section-dynamic .dynamic-right-news .news-list-item:hover .news-list-item-split, .home-page .section-dynamic .dynamic-right-news .news-list-item:hover .news-list-item-text { color: #f26b1f; } .home-page .section-dynamic .dynamic-right-news .news-list-item-dot { display: inline-block; width: 6px; height: 6px; background: #f26b1f; border-radius: 50%; margin-right: 20px; } .home-page .section-dynamic .dynamic-right-news .news-list-item-split { padding: 0 12px; } .home-page .section-dynamic .dynamic-right-news .news-list-item-text { margin: 0; color: #212121; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 400px; overflow: hidden; } .home-page .section-dynamic .dynamic-right-news .news-icon-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 240px; position: relative; } .home-page .section-dynamic .dynamic-right-news .news-icon-box .news-icon { position: absolute; bottom: 0; width: 100%; } @media (min-width: 1921px) { .home-page .section-business .video-content video { width: 1480px; margin-top: -170px; } } @media (max-width: 1904px) { .home-page .section-business .video-content video { width: 1200px; margin-left: -30px; margin-top: -16px; } .home-page .section-business .business-item-detail .sub-title-desc { padding-right: 120px; } .home-page .section-dynamic .left-bg-block, .home-page .section-dynamic .right-bg-block { display: none; } .home-page .section-solution .solution-bg-l, .home-page .section-solution .solution-bg-r { display: none; } } @media (max-width: 1680px) { .home-page .section-business .video-content video { width: 1200px; margin-left: -180px; margin-top: -10px; } .home-page .section-business .business-item-detail .sub-title-desc { padding-right: 60px; } } @media (max-width: 1460px) { .home-page .section-product .product-list .product-list-item { width: 32%; } .home-page .section-product .product-list .product-list-item.item-yidayun, .home-page .section-product .product-list .product-list-item.item-chuhaiyi{ width: 100%; } .home-page .section-technology .technology-right-info { padding-right: 24px; } .home-page .section-technology .technology-right-info .btn-icon-arrow { margin-left: 24px; } .home-page .section-solution .solution-left { min-width: 280px; padding-right: 24px; margin: 0; } .home-page .section-solution .solution-left .solution-link { margin-top: 64px; } } @media (max-width: 1366px) { .home-page .section-business .video-content video { width: 1250px; margin-left: -200px; margin-top: -20px; } .home-page .section-solution .solution-list-item-icon { width: 120px; height: 109px; margin-top: 73px; } .home-page .section-invest .invest-desc { font-size: 14px; line-height: 22px; } .home-page .section-technology .technology-left-item .technology-item-desc { font-size: 16px; } } @media (max-width: 1300px) { .home-page .section-business .video-content video { width: 1500px; margin-left: -210px; margin-top: -180px; } .home-page .section-business .business-item-detail .sub-title-desc { padding-right: 120px; } }