.bannar { width: 100%; height: 57.5rem; position: relative; } .bannar .bannar_text_btn { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: .1s; font-weight: 500; padding: 1.25rem 1.875rem; border-radius: 4px; position: absolute; color: #fff; background-color: #409eff; border-color: #409eff; bottom: 4rem; left: 10rem; } .bannar .bannar_text_btn a { color: #fff; font-size: 1.5rem; } .bannar .bannar_text { position: absolute; left: 9.875rem; bottom: 9.375rem; } .bannar .bannar_text .bannar_text_item { font-family: PingFangSC, PingFang SC; font-size: 34px; color: #5c5d61; line-height: 4.375rem; } .bannar .bannar_text .bannar_text_title { font-size: 5.625rem; color: #12174e; margin-bottom: 3.75rem; } .customer_integration { width: 100%; height: 51.875rem; display: flex; align-items: center; justify-content: center; } .customer_integration .customer_integration_conter { display: flex; flex-direction: column; justify-content: center; } .customer_integration .customer_integration_conter .integrationImg { width: 180px; height: 180px; padding-bottom: 0.625rem; margin: auto; } .customer_integration .customer_integration_conter .integrationImg img { width: 100%; height: 100%; } .customer_integration .customer_integration_conter .integrationText { font-size: 34px; color: #354155; } .core { background: #f8f9ff; width: 100%; position: relative; padding: 6.25rem 0 6rem 0; } .core .core-title { color: #000000; font-size: 3.125rem; padding-bottom: 1.4375rem; text-align: center; } .core .core-text { color: #5a5a5a; font-size: 1.625rem; text-align: center; } .core .core-content { padding-top: 4.875rem; width: 100rem; height: 41.25rem; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .core .core-content .core-content-item { width: 31.875rem; height: 18.75rem; display: flex; flex-direction: column; justify-content: flex-end; background: #fff; position: relative; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.06); } .core .core-content .core-content-item .item-img { width: 14.375rem; height: 14.375rem; position: absolute; top: 0.875rem; right: 3.75rem; } .core .core-content .core-content-item .item-img img { width: 100%; height: 100%; } .core .core-content .core-content-item .item-text { height: 4.125rem; display: flex; align-items: center; line-height: 2.0625rem; font-size: 1.5rem; color: #5a5a5a; padding: 1.625rem 0 1.75rem 2.3125rem; position: relative; z-index: 1; } .core .core-content .core-content-item .item-title { font-size: 2rem; color: #000000; padding-left: 2.3125rem; } .demand { background: #fff; width: 100%; height: 62.5rem; padding: 7.0625rem 0 7.75rem 0; display: flex; flex-wrap: wrap; justify-content: center; align-content: space-around; } .demand .demand-title { width: 100%; text-align: center; font-size: 3.125rem; color: #000000; } .demand .demand-content { position: relative; width: 59.375rem; height: 46.875rem; padding-bottom: 1.375rem; } .demand .demand-content .demand-item { position: absolute; } .demand .demand-content .demand-item .demand-item-title { display: flex; align-items: center; font-size: 1.75rem; color: #000000; } .demand .demand-content .demand-item .demand-item-title .item-title-img { width: 2.5rem; height: 2.5rem; } .demand .demand-content .demand-item .demand-item-text { font-weight: 500; font-size: 1.375rem; color: #5a5a5a; line-height: 2.25rem; padding-top: 0.25rem; } .demand .demand-content .orientation1 { top: 2.75rem; left: -6.875rem; } .demand .demand-content .orientation2 { top: 2.75rem; right: -11.75rem; } .demand .demand-content .orientation3 { top: 17.875rem; left: -23.75rem; } .demand .demand-content .orientation4 { top: 17.875rem; right: -22.625rem; } .demand .demand-content .orientation5 { bottom: 2rem; left: -6.4375rem; } .demand .demand-content .orientation6 { bottom: 2rem; right: -4.0625rem; } .demand img { width: 100%; height: 100%; } .exhibition { width: 100%; padding: 6rem 0; background: #f8f9ff; } .exhibition .exhibition-title { text-align: center; font-size: 3.125rem; line-height: 4.375rem; padding-bottom: 1.6875rem; } .exhibition .exhibition-content { width: 103.5625rem; margin: auto; display: flex; justify-content: space-between; } .exhibition .exhibition-content .exhibition-item { display: flex; } .exhibition .exhibition-content .exhibition-item .exhibition-item-line { width: 0.125rem; height: 55rem; background: #979797; position: relative; } .exhibition .exhibition-content .exhibition-item .exhibition-item-line .optFor { width: 0.3125rem; height: 5rem; background: #3f76f7; position: relative; left: 50%; transform: translateX(-50%); transition: 0.5s; } .exhibition .exhibition-content .exhibition-item .exhibition-item-text { padding-left: 1.75rem; } .exhibition .exhibition-content .exhibition-item .exhibition-item-text .text { height: 5rem; display: flex; align-items: center; color: #6f7b8f; font-size: 1.75rem; cursor: pointer; } .exhibition .exhibition-content .exhibition-item .exhibition-item-text .text-On { color: #000000; } .exhibition .exhibition-content .exhibition-show { margin-top: 4.375rem; width: 90.625rem; height: 48.75rem; background: url("../../image/customerNew/characteristicDisplay.png") no-repeat; background-size: cover; position: relative; } .exhibition .exhibition-content .exhibition-show .exhibition-show-carouselImage { position: absolute; top: 3.8125rem; left: 11.0625rem; width: 67.0625rem; height: 37.6875rem; } .exhibition .exhibition-content .exhibition-show .exhibition-show-carouselImage img { width: 100%; height: 100%; } .solution { padding: 7.375rem 0 0 0; background: #fff; } .solution .solution-title { font-size: 3.125rem; color: #000000; line-height: 4.375rem; text-align: center; margin-bottom: 8.125rem; } .solution .solution-content { width: 101.125rem; height: 40.625rem; display: flex; justify-content: space-between; flex-wrap: wrap; margin: auto; } .solution .solution-content .solution-item { width: 18.75rem; height: 18.75rem; margin-right: 1.5625rem; border-radius: 0.25rem; overflow: hidden; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.06); } .solution .solution-content .solution-item:nth-child(5n) { margin-right: 0; } .solution .solution-content .solution-item:nth-child(2) .solution-item-title { background: #58c1f1; } .solution .solution-content .solution-item:nth-child(4) .solution-item-title { background: #58c1f1; } .solution .solution-content .solution-item:nth-child(7) .solution-item-title { background: #58c1f1; } .solution .solution-content .solution-item:nth-child(9) .solution-item-title { background: #58c1f1; } .solution .solution-content .solution-item .solution-item-title { width: 100%; height: 5.625rem; font-size: 1.75rem; color: #fff; display: flex; padding-left: 1.25rem; align-items: center; background: #20a0ff; box-sizing: border-box; } .solution .solution-content .solution-item .solution-item-text { width: 100%; height: 13.125rem; font-size: 1.5rem; line-height: 2.0625rem; color: #5a5a5a; padding: 2.125rem 1.25rem; box-sizing: border-box; } .customerReviews { padding: 6.25rem 0 7.5rem 0; background: #fff; } .customerReviews .customerReviews-title { font-size: 3.125rem; color: #000000; line-height: 4.375rem; text-align: center; margin-bottom: 7.6875rem; } .customerReviews .customerReviews-content { width: 100rem; height: 37.5rem; margin: auto; position: relative; } .customerReviews .customerReviews-content .carousel-item-box { width: 100%; height: 100%; position: relative; } .customerReviews .customerReviews-content .carousel-item-box .carousel-item-title, .customerReviews .customerReviews-content .carousel-item-box .carousel-item-text { position: absolute; left: 5.875rem; z-index: 1; color: #255980; font-weight: 500; line-height: 5rem; } .customerReviews .customerReviews-content .carousel-item-box .carousel-item-title { font-size: 2rem; top: 2.875rem; } .customerReviews .customerReviews-content .carousel-item-box .carousel-item-text { top: 8.125rem; font-size: 1.625rem; } .customerReviews .customerReviews-content .carouselImage { width: 100%; height: 100%; border-radius: 0.375rem; overflow: hidden; } .customerReviews .customerReviews-content .carouselImage img { width: 100%; height: 100%; } .customerReviews .icon { position: absolute; display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; cursor: pointer; top: 50%; transform: translateY(-50%); } .customerReviews .icon img { width: 75%; height: 75%; } .customerReviews .left { left: -7.1875rem; } .customerReviews .right { right: -7.1875rem; } /* 咨询 */ .zhixun { display: block; position: fixed; bottom: 7.5rem; right: 2.5rem; padding: 1rem; background: #fff; box-shadow: 0.1875rem 0.1875rem 0.625rem #ccc; z-index: 99999999; text-align: center; } .zhixun p { margin: 8px 0; } .zhixun img { width: 8rem; } .tabOn { background: #fff; color: #20a0ff !important; } .white { background: #fff !important; } /* 质询图标 */ .consulting { width: 3.125rem; height: 3.125rem; border-radius: 50%; background: #fff; position: fixed; bottom: 3.75rem; right: 6.25rem; z-index: 4; box-shadow: 0 0 1.25rem 0px #cbcbcb; cursor: pointer; display: flex; align-items: center; justify-content: center; } .consulting:hover { background: #3396fb; } .conImgConImg { width: 2.5rem; height: 2.5rem; position: relative; margin-top: 1.5625rem; margin-left: 1.125rem; } .conImgConImg img { width: 100%; }