@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;
}