@charset "utf-8"; html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);} @media screen and (min-width:320px){html{font-size: 10px;}} @media screen and (min-width:360px){html{font-size: 11.25px;}} @media screen and (min-width:375px){html{font-size: 11.7px;}} @media screen and (min-width:480px){html{font-size: 15px;}} @media screen and (min-width:414px){html{font-size: 13px;}} @media screen and (min-width:560px){html{font-size: 17.5px;}} @media screen and (min-width:640px){html{font-size: 20px;}} .contentes { width: 81.25rem; margin: auto; position: relative; } .contentes img { width: 100%; height: 100%; } /* 质询图标 */ .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%; } /* 咨询 */ .zhixun { display: block; position: fixed; bottom: 7.5rem; right: 2.5rem; padding: 1rem; background: #fff; box-shadow: .1875rem .1875rem .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; } /* 产品介绍 */ .product { width: 100%; position: fixed; z-index: 10; top: 6.25rem; left: 0; background: #fff; height: 20.75rem; border-top: .0625rem solid rgb(163, 163, 163); box-shadow: 1px 3px 5px 0px #ddd; } .connont { width: 81.25rem; margin: auto; } .tils::before { content:""; height: .125rem; width: 100%; bottom: 0rem; left: 0; background: #37B8FF; position: absolute; } /* 导航下拉 */ .management { margin-top: 1.25rem; width: 33.75rem; font-size: 1rem; } .management h3 { width: 100%; font-size: 1rem; font-weight: normal; color: #333333; line-height: 2.5rem; border-bottom: .0625rem solid rgb(180, 180, 180); margin-left: 1.25rem; } .management ul { margin-top: .625rem; width: 11.25rem; } .management li{ margin-top: .625rem; line-height: 2.5rem; cursor:pointer; padding-left: 1.25rem; } .management a { color: #333; } .management li:hover { background: #F0F4FF; border-radius: .625rem; color: #3370FF; } /* js锁添加的样式 */ .tils::before { content:""; height: .125rem; width: 100%; bottom: 1rem; left: 0; background: #37B8FF; position: absolute; } .hanAll { background: #fff !important; box-shadow: .0625rem .1875rem .3125rem 0px #ddd; } .abc .til { color: #fff !important; } .abc .til a{ color: #fff !important; } .navigationBarBack { /* background: #f6fef9; */ background-color:transparent !important; } .navigationBar { box-shadow:none; } .navigationTitle a { color: #333 !important; } .navigationTitle { color: #333 !important; } /* bannar */ .bannar { width: 100%; margin: auto; position: relative; } .bannar img { width: 100%; } .bannarCon { position: absolute; z-index: 1; top: 15.625rem; left: 50%; width: 81.25rem; margin-left: -40.625rem; } .bannarConTil { font-size: 3.75rem; color: #fff; letter-spacing: .375rem; } .bannarConTilP { font-size: 1.5rem; color: #fff; letter-spacing: .25rem; margin-top: 2.5rem; margin-bottom: 10.3125rem; } .bannBtn { width: 12.5rem; height: 3.875rem; border-radius: 3.875rem; border: .125rem solid #fff; display: flex; justify-content: center; align-items: center; font-size: 1.375rem; } .bannarCon a { color: #fff; letter-spacing: .1875rem; } /* 随访管家 */ .collaborationTeam { width: 100%; background: #ffffff; height: 250vh; } .collTeam { height: 100vh; box-sizing: border-box; position: sticky; top: 6.375rem; background: url(../image/followup/backk.jpg) no-repeat center; background-size: 100% 114%; } .collCent { display: flex; justify-content: center; flex-wrap: wrap; box-sizing: border-box; padding-top: 12.5rem; } .collCentDiv { } .collCentImg { width: 8.125rem; height: 8.125rem; position: relative; z-index: 2; } .collCentFonts { font-size: 2.25rem; color: #333; overflow: hidden; width: 100%; /* padding-left: 2.5rem; */ text-align: center; padding-top: 1.5625rem; } .collCentFonts span { color: #5e95f8; } /* 专业流程 */ .professional { width: 100%; background: #fbfefb; } .professionalBox { position: relative; width: 100%; height: 46.25rem; padding-top: 3.75rem; } .professionalBoxTil { position: absolute; font-size: 3.125rem; font-family: '黑体'; line-height: 5.625rem; padding-top: 2.5rem; } .professionalBoxTil span { font-size: 4.0625rem; } .professionalBoxTil i { font-style: normal; color: #7669f6; } .professionalBoxTilRight { position: relative; width: 54.8rem; height: 46.25rem; } .proList, .proListLeft { font-size: 1.25rem; color: #6b5cf5; line-height: 2.5rem; } .proList { position: absolute; right: 0rem; top: 8.2496rem } .proListLeft { position: absolute; left: 0; bottom: 4.375rem; } .proList span, .proListLeft span { display: inline-block; margin-right: .625rem; font-size: 1.875rem; } .collections { width: 43.75rem; height: 38.4375rem; position: relative; } .huabanOne { width: 10rem; height: 15rem; background-size: 100%; margin: auto; box-sizing: border-box; padding-top: 2.5rem; } .huabanOne div { text-align: center; margin-top: .5rem; font-size: 1.375rem; font-family: '黑体'; color: #fff; } .rotating { position:absolute; top: 0; left: 50%; margin-left: 5rem; height: 46.5rem; margin: auto; width: 10rem; } .huanOne { background: url(../image/followup/huaban1.png) no-repeat center; } .huanOneIon { background: url(../image/followup/huabanIon.png) no-repeat -295px 0; width: 42px; height: 41px; margin: auto; } .huanTwo { background: url(../image/followup/huaban2.png) no-repeat center; } .huanTwoIon { background: url(../image/followup/huabanIon.png) no-repeat -517px -77px; width: 44px; height: 44px; margin: auto; } .huanThere { background: url(../image/followup/huaban3.png) no-repeat center; } .huanThereIon { background: url(../image/followup/huabanIon.png) no-repeat -579px -303px; width: 43px; height: 46px; margin: auto; } .huanFour { background: url(../image/followup/huaban4.png) no-repeat center; } .huanFourIon { background: url(../image/followup/huabanIon.png) no-repeat -467px -499px; width: 45px; height: 44px; margin: auto; } .huanFive { background: url(../image/followup/huaban2.png) no-repeat center; } .huanFiveIon { background: url(../image/followup/huabanIon.png) no-repeat -130px -499px; width: 55px; height: 44px; margin: auto; } .huanXis { background: url(../image/followup/huaban3.png) no-repeat center; } .huanXisIon { background: url(../image/followup/huabanIon.png) no-repeat 0 -307px; width: 45px; height: 46px; margin: auto; } .huanSeven { background: url(../image/followup/huaban1.png) no-repeat center; } .huanSevenIon { background: url(../image/followup/huabanIon.png) no-repeat -68px -77px; width: 46px; height: 44px; margin: auto; } /* 轻松管理 */ .easyMan { font-family: '黑体'; } .easyMan h2{ width: 100%; text-align: center; font-size: 3.125rem; color: #333333; font-weight: normal; margin: 3.75rem 0; } .easyMan span{ color: #6b5cf5; } .easyManBox { width: 75rem; height: 31.875rem; margin: auto; box-shadow: 4px 6px 20px 0px #c1c1c1; margin-bottom: 6.875rem; display: flex; justify-content: flex-end; box-sizing: border-box; /* padding-top: 2.9375rem; */ position: relative; } .easyManBox img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .easyManBoxCon { margin-top: 2.9375rem; width: 39.1875rem; height: 23.4375rem; position: relative; z-index: 1; margin-right: 2rem; } .easyManBoxCon img{ width: 34.375rem; height: 21.125rem; position: absolute; top: 2.125rem; left: 2.8125rem; } .easyManBoxConCli { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .easyManBoxConCliOne { width: 11.6875rem; height: 4.125rem; border-radius: .625rem; overflow: hidden; box-sizing: border-box; background: #fff; border: .0625rem solid #bebebe; position: relative; z-index: 1; margin-bottom: 5.3125rem; cursor: pointer; } .easyManBoxConCliOne span { display: inline-block; width: .875rem; height: .875rem; border-radius: 50%; margin: .25rem 0 0 .875rem; background: #fff; } .easyManBoxConCliOneTil { width: 100%; height: 1.25rem; } .easyManBoxConCliOneCen { width: 100%; text-align: center; line-height: 2.5rem; color: #595959; font-size: 1.25rem; } .easyOn { border: .0625rem solid #3475c5; } .easyOn span { background: #3475c5; } .easyOn .easyManBoxConCliOneCen { color: #ada6f9; } /* 随访管家 */ .housekeeper { background: #f3f3fd; padding: 7.5rem 0; } .housekeeperCon { height: 36.25rem; width: 68.75rem; /* margin: auto; */ border-radius: 1.25rem; border: 1px solid #b3b3b3; position: relative; overflow: hidden; background: #fff; display: flex; box-shadow: .125rem .125rem .625rem .0625rem #cfcfcf;; } .housekCon { width: 75rem; margin: auto; position: relative; } .housekeeperConZuo { display: inline-block; width: 14.5rem; border-right: .0625rem solid #e5e6e8; background: #f7f8fa; height: 36.25rem; } .housekeeperConZuoUl, .housekeeperConZuoLi { display: flex; align-items: center; height: 4.5rem; color: #333; font-family: '黑体'; border-bottom: .0625rem solid #e5e6e8; } .housekeeperConZuoUl { font-size: 1.5rem; font-weight: bold; } .housekeeperConZuoLi { font-size: 1rem; cursor: pointer; } .housekeeperConZuoUl img, .housekeeperConZuoLi img{ width: 2.25rem; height: 2.25rem; margin: 0 .9375rem 0 1.375rem; } .housekeeperOn { background: #e5e6e8; } .housekeeperConYou { width: 54.0625rem; display: inline-block; height: 36.25rem; background: url(../image/followup/huoLeft.jpg) no-repeat left; background-size: 15.625rem 100%; position: relative; } .housekeeperConYouTil { font-size: 3.125rem; color: #555555; font-family: '黑体'; font-weight: bold; position: absolute; top: 50%; margin-top: -6.125rem; left: 3.75rem; } .housekeeperConYouTil span { color: #6f5ff4; } .housekeeperConYouCon { width: 38.75rem; height: 35rem; border-radius: 1.25rem; overflow: hidden; border: .0625rem solid #b3b3b3; position: absolute; right: .875rem; top: .5625rem; background: #f6f8f9; box-shadow: .0625rem .0625rem .375rem 0 #d1d1d1 } .housekeeperConYouConTli { width: 100%; background: #fff; height: 3.75rem; display: flex; border-bottom: .0625rem solid #e5e6e8; font-size: 1.375rem; font-family: '黑体'; color: #6f5ff4; align-items: center; font-weight: bold; } .housekeeperConYouConTli img { width: 1.25rem; height: 1.25rem; display: inline-block; margin: 0 1.25rem; } .housekeeperConYouConBon { width: 100%; height: 31.25rem; background: url(../image/followup/dibuBon.jpg) no-repeat bottom; background-size: 100% 6.375rem; } .housekConImg { width: 49.375rem; height: 25.625rem; position: absolute; top: 5.75rem; right: 0; box-shadow: .25rem .1875rem 1.25rem .1875rem #d1d1d1; } .housekConImg img { width: 100%; height: 100%; } /* 客户评价 */ .evaluation { width: 100%; height: 81.25rem; background-image: linear-gradient(#fff, #d8cef6); } .evaluationKehuTil { text-align: center; font-family: '黑体'; } .evaluationKehuTil h2 { text-align: center; font-size: 3.125rem; font-weight: normal; color: #1381ea; padding: 3.5rem 0 .9375rem 0; } .evaluationKehuTil p { text-align: center; font-size: 1.625rem; color: #595959; margin-bottom: 5.5rem; } .evaluationKehuCon { width: 76.25rem; margin: auto; display: flex; justify-content: space-around; } .evaluationKehuConLi { width: 16.875rem; height: 28.5rem; border-radius: 1.25rem; overflow: hidden; cursor: pointer; } .evaluationKehuConImg { width: 10.6875rem; height: 10.6875rem; margin: auto; border-radius: 10.6875rem; margin-top: 3.125rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .evaluationKehuCon h3 { font-weight: normal; font-family: '黑体'; font-size: 1.75rem; margin-top: 1.5rem; margin-bottom: 2.9375rem; padding-left: 3rem; } .evaluationKehuCon p { width: 100%; font-size: 1rem; color: #555555; /* font-family: '黑体'; */ text-align: center; line-height: 1.5rem; } .evaluationKehuConLi:hover { background: #5931db; } .evaluationKehuConLi:hover img { border: .3125rem solid #6bbdd9; border-radius: 50%; } .evaluationKehuConLi:hover h3 { color: #fff; } .evaluationKehuConLi:hover p { color: #fff; } /* 产品定价 */ .pricing { width: 75rem; margin: auto; margin-top: 3.125rem; } .pricing h2 { /* font-weight: normal; */ font-size: 2.8125rem; color: #333; margin-bottom: 2.8125rem; } .pricingsConTop { display: flex; flex-wrap: wrap; box-shadow: 0 0 20px 1px #b1b1b1; border-radius: .625rem; /* border-bottom: 1px solid #333; */ /* border-right: 1px solid #333; */ } .pricingsConTop div { color: #333333; width: 50%; line-height: 3.75rem; text-align: center; font-size: 1.25rem; box-sizing: border-box; border-top: 1px solid #939393; /* border-left: 1px solid #333; */ } /* 底部 */ .footer-frame { width: 100%; height: 24px; } .footer { padding-top: 48px; padding-bottom: 8px; background-color: #20a0ff; margin-top: -0.125rem; } .footer .footer-col { margin-bottom: 36px; } .footer h4 { margin-bottom: 10px; color: #fff; } .footer .list-unstyled, .footer p { color: #f3f7fd; } .footer .footer-col.middle .list-unstyled .fas { color: #fff; font-size: 8px; line-height: 24px; } .footer .footer-col.middle .list-unstyled .media-body { margin-left: 8px; } .footer .footer-col.last .list-unstyled .fas { color: #fff; font-size: 14px; line-height: 24px; } .footer .footer-col.last .list-unstyled .media-body { margin-left: 10px; } .footer .footer-col.last .list-unstyled .fas.fa-globe { margin-left: 16px; margin-right: 10px; } .navbar { padding: 0 !important; } .ulss { display: inline-block; } .alss { display: flex; justify-content: space-around; width: 87.5rem; margin: auto; } .footsst { background: #d7cef6; } .copyright { width: 100%; text-align: center; line-height: 2.5rem; color: #fff; font-size: 1rem; background: #20a0ff; border-top: 1px solid #565656; }