css/services.css

.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:44px;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align: center;
    margin: 191px auto 44px;
}
.servicessection-wrap{
    padding: 70px 0;
}
.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:542px 494px;
    height: 494px;
}
.services-wrap-right-1{
    /*width: 100%;*/
    height: 400px;
    margin: 70px auto 0;
    padding-left: 100px;
}
.services-wrap{
    padding: 70px 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,.7);
    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/service_bgsmallIco.png) no-repeat;
    background-position: -500px 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: 70px auto 0;
    padding-right: 100px;
}
.services-wrap-right-2{
    background: url("../images/services_parkIco1.png") no-repeat;
    background-size: 542px 494px;
    /*width: 558px;*/
    /*width: 100%;*/
    height: 494px;
    /*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: 542px 494px;
    /*width: 568px;*/
    /*width: 100%;*/
    height: 494px;
}
.services-wrap-right-3{
    /*width: 543px;*/
    /*width: 100%;*/
    height: 400px;
    margin: 70px auto 0;
    padding-left: 100px;
    /*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;
}*/