.solution-content { width: 100%; background: linear-gradient(134.68deg, rgba(25, 147, 255, 0.5) 4.56%, rgba(255, 255, 255, 0) 39.43%), linear-gradient(237.97deg, rgba(32, 209, 176, 0.5) 4.58%, rgba(255, 255, 255, 0) 35.31%), linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); } .solution-view a:hover { text-decoration: none; } .solution-view img{ width: auto; } .solution-all-header { display: flex; justify-content: space-between; width: 1182px; margin: auto } .solution-all-title { display: flex; font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 48px; line-height: 67px; text-align: center; padding-top: 133px; width: 440px; } .all_title { background: linear-gradient(91.82deg, #007EEF 1.54%, #00CAA5 98.46%); -webkit-background-clip: text; margin-right: 20px; color: transparent; } .solution-header-desc { width: 440px; font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 18px; line-height: 200%; color: #888888; } .solution-all-right { width: 632px; height: 373px; margin-top: 50px; } .solution-all-right img { width: 100%; } /* 所有解決方案 */ .solution-all-list { background: linear-gradient(180deg, #007EEF 0%, rgba(25, 147, 255, 0.7) 100%); box-shadow: 0px 20px 20px rgba(24, 146, 255, 0.2); border-radius: 40px; width: 1200px; height: 560px; margin: 62px auto 128px; } .solution-all-ul { padding: 64px 88px; display: grid; grid-template-columns: repeat(3, 320px); grid-template-rows: repeat(2, 200px); grid-row-gap: 32px; grid-column-gap: 32px; } .solution-ul-li { background: #FFFFFF; box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); border-radius: 16px; padding: 30px; position: relative; /* height: 200px; */ } .solution-ul-desc { width: 200px; font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 14px; line-height: 160%; color: #888888; margin-left: 58px; margin-top: 16px; } .solution-ul-title { display: flex; justify-content: space-between; align-items: center; } .title-icon-titles { display: flex; align-items: center; } .title-icon-titles span { padding-left: 8px; font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 24px; line-height: 34px; display: flex; align-items: center; color: #222222; } /* 居家养老 */ .homecare-view img{ width: auto; } .homecare-banner { position: relative; width: 1395px; min-height: 341px; margin: auto; } .homecare-banner-img { position: absolute; width: 1395px; height: 341px; top: 0; left: 0; } .homecare-banner-content { width: 1104px; margin: auto; display: flex; justify-content: space-between; padding-top: 106px; } .homecare-banner-title { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 48px; line-height: 67px; color: #222222; } .homecare-banner-desc { width: 440px; height: 128px; font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 18px; line-height: 180%; text-indent: 36px; color: #888888; margin-top: 32px; } .homecare-banner-btn { width: 200px; height: 48px; font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 18px; line-height: 48px; background: linear-gradient(91.82deg, #007EEF 1.54%, #00CAA5 98.46%); box-shadow: 0px 24px 15px -10px rgba(24, 146, 255, 0.2); border-radius: 92px; text-align: center; color: #FFFFFF; margin-top: 40px; } .homecare-banner-g_img { width: 520px; height: 340px; } .homecare-banner-g_img img { width: 100%; } /* 十五 */ .homecare-shiwu { width: 1200px; margin:92px auto 0; background: linear-gradient(134.68deg, rgba(25, 147, 255, 0.3) 4.56%, rgba(255, 255, 255, 0) 39.43%), linear-gradient(237.97deg, rgba(32, 209, 176, 0.3) 4.58%, rgba(255, 255, 255, 0) 35.31%), linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); border-radius: 40px; } .homecare-shiwu-title { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 36px; line-height: 50px; text-align: center; color: #222222; padding-top: 80px; } .homecare-shiwu-content { padding: 80px; } .homecare-shiwu-list { display: grid; grid-template-columns: repeat(3, 320px); grid-template-rows: repeat(2, 200px); grid-row-gap: 16px; grid-column-gap: 48px; } .shiwu-li-title { display: flex; align-items: center; font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 24px; line-height: 34px; align-items: center; color: #222222; } .shiwu-li-title span { margin-left: 16px; display: inline-block; } .shiwu-li-desc { width: 240px; font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 14px; line-height: 160%; color: #888888; margin-left: 60px; margin-top: 16px; } .homecare-shiwu-image { width: 1200px; margin: auto; } .homecare-shiwu-image div { display: flex; justify-content: center; align-items: center; } /* 床位js345线路检测 */ .homecare-bed { background: #F0FBF9; } .homecare-bed-group{ display: flex; justify-content: center; } .homecare-bed-title { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 36px; line-height: 50px; text-align: center; color: #222222; padding-top: 80px; } .homecare-bed-desc { width: 800px; font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 18px; line-height: 200%; text-align: center; color: #888888; margin: 64px auto; } .homecare-bed-content { padding: 0 80px 80px; width: 1200px; margin: auto; } .homecare-bed-list { display: grid; grid-template-columns: repeat(3, 320px); grid-template-rows: repeat(2, 228px); grid-row-gap: 32px; grid-column-gap: 32px; } .homecare-bed-ul-li { background: #FFFFFF; box-shadow: 0px 8px 8px rgba(0, 126, 239, 0.1); border-radius: 16px; padding: 28px; } .bed-li-title { display: flex; align-items: center; font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 24px; line-height: 34px; align-items: center; color: #222222; } .bed-li-title span { margin-left: 16px; display: inline-block; } .bed-li-desc { width: 200px; font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 14px; line-height: 160%; color: #888888; margin-left: 60px; margin-top: 16px; } /* 改造 */ .homecare-aging { width: 1100px; margin: auto; } .aging-header-content { display: grid; grid-template-columns: repeat(2, 530px); grid-template-rows: repeat(1, 188px); grid-column-gap: 40px; } .homecare-aging-title { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 36px; line-height: 50px; text-align: center; color: #222222; padding: 48px 0; } .aging-header-text { background: #F0FBF9; box-shadow: 0px 8px 8px rgba(0, 202, 165, 0.2); border-radius: 16px; padding: 33px; position: relative; } .aging-header-text_num { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 48px; line-height: 67px; text-align: center; color: #00CAA5; position: absolute; top: 20px; left: 48px; } .aging-header-text_desc { width: 400px; font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 14px; line-height: 180%; color: #222222; margin-left: 70px; margin-top: 18px; } .homecare-aging-content { position: relative; height: 1028px; margin-top: 40px; margin-bottom: 128px; } .aging-content-bg { position: absolute; width: 1100px; height: 1028px; } .aging-content-title{ font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 28px; line-height: 39px; text-align: center; color: #00CAA5; padding:48px 0; } .aging-content-views { position: absolute; bottom: 80px; left:0; right: 0; margin: auto; } .aging-content-group{ display: flex; justify-content: center; align-items: center; } .hursingHome-view { display: flex; justify-content: center; align-items: center; } .aging-content-ul { display: grid; grid-template-columns: repeat(3, 280px); grid-template-rows: repeat(4, 56px); grid-column-gap: 20px; grid-row-gap: 20px; } .aging-content-li { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 20px; line-height: 56px; text-align: center; background: linear-gradient(180deg, #00CAA5 0%, rgba(0, 202, 165, 0.7) 100%); box-shadow: 0px 30px 20px -10px rgba(0, 202, 165, 0.2); border-radius: 16px; color: #FFFFFF } /*慢病管理*/ .chronic-view img{ width:auto } .chronic-banner { position: relative; width: 1395px; min-height: 341px; margin: auto; } .chronic-banner-img { position: absolute; width: 1395px; height: 341px; top: 0; left: 0; } .chronic-banner-content { width: 1104px; margin: auto; display: flex; justify-content: space-between; padding-top: 106px; } .chronic-banner-title { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 48px; line-height: 67px; color: #222222; } .chronic-banner-desc { width: 440px; height: 128px; font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 18px; line-height: 180%; text-indent: 36px; color: #888888; margin-top: 32px; } .chronic-banner-btn { width: 200px; height: 48px; font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 18px; line-height: 48px; background: linear-gradient(91.82deg, #007EEF 1.54%, #00CAA5 98.46%); box-shadow: 0px 24px 15px -10px rgba(24, 146, 255, 0.2); border-radius: 92px; text-align: center; color: #FFFFFF; // margin-top: 40px; } .chronic-banner-g_img { width: 520px; height: 340px; } .chronic-banner-g_img img { width: 100%; } .chronic-content{ width: 1200px; margin:92px auto 0; background: linear-gradient(134.68deg, rgba(25, 147, 255, 0.3) 4.56%, rgba(255, 255, 255, 0) 39.43%), linear-gradient(237.97deg, rgba(32, 209, 176, 0.3) 4.58%, rgba(255, 255, 255, 0) 35.31%), linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); border-radius: 40px; padding:48px 60px; } /* 社区养老开始 */ .hursingHome-view { display: flex; flex-direction: column; align-items: center; padding-bottom: 88px; } .hursingHome-view .banner { width: 1395px; height: 341px; /*background-image: url(../images/solution/banner-tenant.png);*/ position: relative; padding-top: 91px; padding-left: 154px; } .hursingHome-view-banners{ width: 1100px; margin: auto; display: flex; justify-content: space-between; position: relative; } .hursingHome-view-banner-left{ } .hursingHome-view .banner .banner-tenant{ position: absolute; width: 1395px; height: 341px; top:0px; } .hursingHome-view .banner .banenrTitle { font-size: 48px; line-height: 67px; text-align: left; color: #222222; margin-top: 20px; } .hursingHome-view .banner .bannerMsg { text-indent: 2em; font-size: 18px; font-style: normal; font-weight: 400; line-height: 36px; text-align: left; width: 440px; color: #888888; margin-top: 32px; } .hursingHome-view .banner .bannerImg { /*position: absolute;*/ /*top: 100px;*/ /*right: 137px;*/ width: 520px; } .hursingHome-view .banner .freeBtn { /*position: absolute;*/ /*bottom: -66px;*/ width: 200px; height: 48px; margin-top: 30px; background: linear-gradient(91.82deg, #007eef 1.54%, #00caa5 98.46%); box-shadow: 0px 24px 15px -10px rgba(24, 146, 255, 0.2); border-radius: 92px; font-size: 18px; line-height: 48px; text-align: center; color: #ffffff; } .hursingHome-view .workFlow { margin-top: 155px; width: 1200px; height: 690px; background: linear-gradient( 134.68deg, rgba(25, 147, 255, 0.3) 4.56%, rgba(255, 255, 255, 0) 39.43% ), linear-gradient( 237.97deg, rgba(32, 209, 176, 0.3) 4.58%, rgba(255, 255, 255, 0) 35.31% ), linear-gradient(180deg, #ffffff 0%, #ffffff 100%); border-radius: 40px; } .hursingHome-view .workFlow img { width: 1081px; position: relative; top: 68px; left: 51px; } .hursingHome-view .nursingCenter { margin-top: 300px; position: relative; } .hursingHome-view .nursingCenter img { width: 1257px; } .hursingHome-view .nursingCenter .nursingCenterAccount { position: absolute; top: 46px; right: 69px; width: 459px; height: 374px; background: #007eef; border-radius: 24px; box-sizing: border-box; padding: 48px 58px 52px; } .hursingHome-view .nursingCenter .nursingCenterAccount .title { font-size: 36px; line-height: 50px; color: #ffffff; } .hursingHome-view .nursingCenter .nursingCenterAccount .about { margin-top: 32px; font-size: 18px; line-height: 180%; color: rgba(255, 255, 255, 0.8); } .hursingHome-view .canteen { margin-top: 96px; position: relative; } .hursingHome-view .canteen img { width: 1258px; } .hursingHome-view .canteen .canteenAccount { position: absolute; top: 59px; left: 74px; width: 459px; height: 447px; background: #00caa5; border-radius: 24px; box-sizing: border-box; padding: 57px 58px 52px; } .hursingHome-view .canteen .canteenAccount .title { font-size: 36px; line-height: 50px; color: #ffffff; } .hursingHome-view .canteen .canteenAccount .about { margin-top: 32px; font-size: 18px; line-height: 180%; color: rgba(255, 255, 255, 0.8); } /* 社区养老开始 */ .pension-yun { width: 1200px; margin: auto; background: linear-gradient(134.68deg, rgba(25, 147, 255, 0.3) 4.56%, rgba(255, 255, 255, 0) 39.43%), linear-gradient(237.97deg, rgba(32, 209, 176, 0.3) 4.58%, rgba(255, 255, 255, 0) 35.31%), linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); border-radius: 40px; margin-top: 92px; border-bottom-right-radius: 0; } .pension-yun-admin { display: flex; justify-content: space-between; padding: 120px 82px 0; // margin-top: 120px; } .pension-yun-list { display: grid; grid-template-columns: repeat(3, 180px); grid-row-gap: 20px; grid-column-gap: 16px; } .yun-list-item-btn { width: 180px; height: 56px; line-height: 56px; font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 20px; text-align: center; color: #FFFFFF; background: linear-gradient(180deg, #007EEF 0%, rgba(25, 147, 255, 0.7) 100%); box-shadow: 0px 4px 0px #017EEF, 0px 30px 20px -10px rgba(0, 117, 222, 0.2); border-radius: 16px; } .pension-admin-title { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 36px; line-height: 50px; text-align: center; color: #222222; width: 396px; margin: auto; } .pension-admin-title-desc { font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 18px; line-height: 200%; text-align: center; color: #888888; width: 288px; margin-top: 40px; margin: 40px auto 0; } .pension-yu-line { width: 90%; height: 1px; background: #C2E3FF; margin: 124px auto; } .pension-yun-design { display: flex; justify-content: space-between; padding: 0 82px 132px; } .pension-yun-design-left { margin-left: 50px; } .pension-design-title { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 36px; line-height: 50px; text-align: center; color: #222222; width: 216px; margin: auto; } .pension-design-title-desc { font-family: PingFang SC; font-style: normal; font-weight: normal; font-size: 18px; line-height: 200%; text-align: center; color: #888888; width: 144px; margin: 40px auto 0; } .pension-yun-design-list { display: flex; flex-wrap: wrap; width: 632px; } .pension-yun-design-item { margin-right: 16px; margin-bottom: 20px; width: 180px; } .pension-yun-design-item:nth-child(3n) { margin-right: 0; } .pension-yun-design-item.long { width: 240px; } .yun-design-item-btn { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 20px; line-height: 56px; text-align: center; color: #FFFFFF; background: linear-gradient(180deg, #00CAA5 0%, rgba(0, 202, 165, 0.7) 100%); box-shadow: 0px 4px 0px #00AE91, 0px 30px 20px -10px rgba(0, 202, 165, 0.2); border-radius: 16px; height: 56px; } .pension-highlights { width: 1200px; margin: auto; position: relative; height: 572px; margin-top: 50px; } .homecare-view .pension-highlights_bg { width: 100%; height: 100%; position: absolute; z-index: 1; } .pension-highlights-view { position: absolute; top: 78px; left: 92px; z-index: 10; } .pension-highlights-content{ margin-top:50px; } .pension-highlights-title { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 44px; line-height: 62px; color: #FFFFFF; } .pension-highlights-item { display: flex; border-bottom: 1px solid #C2E3FF; padding-bottom: 20px; margin-bottom: 30px; } .pension-highlights-item:last-child{ border-bottom: none; } .pension-highlights-item-title { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 28px; line-height: 56px; color: #FFFFFF; } .pension-highlights-list { display: flex; align-items: center; margin-left:48px ; } .pension-highlights-list div { font-family: PingFang SC; font-style: normal; font-weight: 600; font-size: 20px; text-align: center; color: #222222; background: #FFFFFF; box-shadow: 0px 4px 0px #B2DBFF, 0px 30px 20px -10px rgba(0, 117, 222, 0.2); border-radius: 16px; width: 180px; height: 56px; margin-right: 16px; line-height: 56px; }