.services-banner{ width: 100%; height: 540px; background: url(../images/services_bgIxo.png); background-size: 100% 100%; background-repeat: no-repeat; } .services-bannertit{ /*height:50px;*/ line-height: 50px; font-size:48px; font-weight:500; color:rgba(255,255,255,1); text-align: center; margin: 191px auto 44px; } .services-bannertext{ height:25px; line-height:25px; font-size:24px; font-weight:500; color:rgba(255,255,255,1); text-align: center; margin: 0 auto; } .services-content{ background-color: #fff; } .services_bgF7F8FA{ background-color: #F7F8FA; width: 100%; } .section{ padding: 0 !important; } /*tab sta */ .services-wrap{ /*height: 680px;*/ /*width: 1200px;*/ margin: 0 auto; width: 100%; } /*1 tab*/ .services-wrap-left-1{ background: url("../images/services_saasIco1.png") no-repeat center center; background-size:100% 100%; height: 494px; margin: 102px auto 0; } .services-wrap-right-1{ /*width: 100%;*/ height: 400px; margin: 177px auto 0; } /*1----tab 右侧 切换部分 sta*/ .services-soft-wrap{ height: 168px; /*width: 100%;*/ /*width: 543px;*/ border-bottom: 2px solid rgba(228,229,229,1); display: flex; } .services-soft-wrap li { flex: 1; color: rgba(6,14,19,.8); font-size:20px; cursor: pointer; height: 168px; position: relative; /*width: 133px;*/ } .services-soft-wrap li:nth-of-type(1) { padding-top: 114px; background: url(../images/services_titico1.png) no-repeat center 0; } .services-soft-wrap li:nth-of-type(1).active { color: #3F9FFE; padding-bottom: 22px; /*border-bottom: 2px solid rgba(63,159,254,1);*/ background: url(../images/services_titico1_active.png) no-repeat center 0; } .services-soft-wrap li:nth-of-type(2) { padding-top: 114px; background: url(../images/services_titico2.png) no-repeat center 0; margin-right: 72px; margin-left: 72px; } .services-soft-wrap li:nth-of-type(2).active { color: #3F9FFE; padding-bottom: 22px; /*border-bottom: 2px solid rgba(63,159,254,1);*/ background: url(../images/services_titico2_active.png) no-repeat center 0; } .services-soft-wrap li:nth-of-type(3) { padding-top: 114px; background: url(../images/services_titico3.png) no-repeat center 0; } .services-soft-wrap li:nth-of-type(3).active { color: #3F9FFE; padding-bottom: 22px; /*border-bottom: 2px solid rgba(63,159,254,1);*/ background: url(../images/services_titico3_active.png) no-repeat center 0; } /*1------tab 右侧 cont*/ .services-section-wrap,.services-section-user,.services-section-park{ height: 100px; margin-top: 58px; } .services-soft-bottom-title{ height:30px; font-size:30px; font-weight:500; color:rgba(0,0,0,1); margin-bottom: 22px; text-align: left; } .services-soft-bottom-des{ text-align: left; height:44px; line-height: 22px; font-size:16px; font-weight:400; color:rgba(0,0,0,0.7); } /*----2------ tab sta*/ /*2 tab*/ .services-wrap-left-2{ /*width: 543px;*/ /*width: 100%;*/ height: 400px; margin: 165px auto 0; } .services-wrap-right-2{ background: url("../images/services_parkIco1.png") no-repeat; background-size:100% 100%; /*width: 558px;*/ /*width: 100%;*/ height: 574px; margin: 67px auto 0; /*margin-left: 10px;*/ } /*-------2---*/ .services-park-wrap{ display: flex; height: 168px; /*width: 543px;*/ /*width: 100%;*/ border-bottom: 2px solid rgba(228,229,229,1);; } .services-park-wrap li { flex: 1; color: rgba(6,14,19,.8); font-size:20px; cursor: pointer; height: 168px; position: relative; } .services-park-wrap li:nth-of-type(1) { padding-top: 114px; background: url(../images/services_titico4.png) no-repeat center 0; } .services-park-wrap li:nth-of-type(1).active { color: #3F9FFE; padding-bottom: 22px; /*border-bottom: 2px solid rgba(63,159,254,1);*/ background: url(../images/services_titico4_active.png) no-repeat center 0; } .services-park-wrap li:nth-of-type(2) { padding-top: 114px; background: url(../images/services_titico5.png) no-repeat center 0; margin-right: 72px; margin-left: 72px; } .services-park-wrap li:nth-of-type(2).active { color: #3F9FFE; padding-bottom: 22px; /*border-bottom: 2px solid rgba(63,159,254,1);*/ background: url(../images/services_titico5_active.png) no-repeat center 0; } .services-park-wrap li:nth-of-type(3) { padding-top: 114px; background: url(../images/services_titico6.png) no-repeat center 0; } .services-park-wrap li:nth-of-type(3).active { color: #3F9FFE; padding-bottom: 22px; /*border-bottom: 2px solid rgba(63,159,254,1);*/ background: url(../images/services_titico6_active.png) no-repeat center 0; } /*----3------ tab sta*/ /*---3 tab*/ .services-wrap-left-3{ background: url("../images/services_userIco1.png") no-repeat; background-size:100% 100%; /*width: 568px;*/ /*width: 100%;*/ height: 593px; margin: 67px auto 0; /*margin-left: 10px;*/ } .services-wrap-right-3{ /*width: 543px;*/ /*width: 100%;*/ height: 400px; margin: 165px auto 0; /*margin-left: 20px;*/ } /*-------3---*/ .services-user-wrap{ display: flex; height: 168px; /*width: 543px;*/ /*width: 100%;*/ border-bottom: 2px solid rgba(228,229,229,1);; } .services-user-wrap li { flex: 1; color: rgba(6,14,19,.8); font-size:20px; cursor: pointer; height: 168px; position: relative; } .services-user-wrap li:nth-of-type(1) { padding-top: 114px; background: url(../images/services_titico7.png) no-repeat center 0; margin-right: 72px; } .services-user-wrap li:nth-of-type(1).active { color: #3F9FFE; padding-bottom: 22px; /*border-bottom: 2px solid rgba(63,159,254,1);*/ background: url(../images/services_titico7_active.png) no-repeat center 0; } .services-user-wrap li:nth-of-type(2) { padding-top: 114px; background: url(../images/services_titico8.png) no-repeat center 0; margin-right: 72px; } .services-user-wrap li:nth-of-type(2).active { color: #3F9FFE; padding-bottom: 22px; /*border-bottom: 2px solid rgba(63,159,254,1);*/ background: url(../images/services_titico8_active.png) no-repeat center 0; } .services-user-wrap li:nth-of-type(3) { padding-top: 114px; background: url(../images/services_titico9.png) no-repeat center 0; } .services-user-wrap li:nth-of-type(3).active { color: #3F9FFE; padding-bottom: 22px; /*border-bottom: 2px solid rgba(63,159,254,1);*/ background: url(../images/services_titico9_active.png) no-repeat center 0; } /*footer sta*/ .services-foottit{ height:38px; line-height:38px; font-size:36px; font-weight:500; color:rgba(0,0,0,1); margin: 0px auto 71px; } .services-foot-cont{ width: 100%; } .services-foot-div{ height: 362px; background:rgba(255,255,255,1); box-shadow:2px 2px 2px 2px rgba(234,235,235,0.48); } .services-foot-div div:nth-of-type(1){ height: 219px; width: 100%; } .services-footmsgtit{ /*width:150px;*/ height:33px; font-size:29px; font-weight:bold; color:rgba(78,166,253,1); line-height:33px; text-align: left; margin-left: 40px; margin-top: 25px; } .services-footmsg{ font-size: 16px; font-weight: 500; color: rgba(0,0,0,0.6); line-height: 28px; text-align: left; padding: 0 20px 0 40px; } .services-footIco1{ background: url("../images/services_footIco1.png") no-repeat; /*background-size: ;*/ } .services-footIco2{ background: url("../images/services_footIco2.png") no-repeat; /*background-size: ;*/ }.services-footIco3{ background: url("../images/services_footIco3.png") no-repeat; /*background-size: ;*/ } /*.ai-success-stories-list-bar{ position: absolute; left: 0; bottom: 0px; width: 50%; height: 2px; background: rgba(63,159,254,1); transition:width .8s; -webkit-transition:width .8s; } .ai-bar{ width:100%; transition:width .8s; -webkit-transition:width .8s; }*/