|
|
@@ -0,0 +1,810 @@
|
|
|
+@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: 18.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: 0;
|
|
|
+ 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: 0;
|
|
|
+ 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;
|
|
|
+}
|
ggooalice
