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%;
}
.part{ height: 635px; position: relative; overflow: hidden; width: 1000px; padding: 0;}
.part .con{ width: 100%; }
.part .bd, .part .bd ul {
    width: 100%;
    height: 100%;
}
.part .bd {
    width: 100%;
    float: left;
}
.part4 .phonebg{
    background: #f7f7f7 url(../images/service_bgsmallIco.png) 0 0 no-repeat;
}
.part .hd{width: 500px!important; margin-top: 100px; overflow: hidden;margin-left:500px; background: #fff; z-index: 1000;}
.part .hd h2{width: 110px !important; cursor: pointer; float: left; font-size: 20px; padding-bottom: 15px; margin-bottom: 0; text-align: center;}
.part .hd h2.active-nav{ border-bottom: solid 3px #3F9FFE;color:#3F9FFE; }
.part .hd h2 .icon{ width: 54px;height: 54px; margin-bottom: 15px; background:url(../images/service_bgsmallIco.png) -4px 0 no-repeat; display: inline-block; }
.part .hd h2.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -543px 0 no-repeat;}
.part .hd h2 span{display: block;}
.part .hd h2.icon2 .icon{ background:url(../images/service_bgsmallIco.png) -63px 0 no-repeat; }
.part .hd h2.icon2.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -254px 0 no-repeat;}
.part .hd h2.icon3 .icon{ background:url(../images/service_bgsmallIco.png) -125px 0 no-repeat; }
.part .hd h2.icon3.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -254px 0 no-repeat;}
.part .bd{width: 100%;float: left;}
.part3 .bd .txt , .part5 .bd .txt {float: right; width: 500px;}
.part4 .bd .txt {float: left; width: 416px; margin-left: 0px;}
.part4 .hd {
    width: 300px!important;
    margin: 100px auto 0;
    overflow: hidden;
    margin-left: 0px;
    background: #f7f7f7;
}
.part .line {
    width: 90%;
    /* margin: 0 auto; */
    height: 1px;
    background: #818181;
    overflow: hidden;
    position: absolute;
    bottom: 1px;
}
.part .bd .p1 {
    font-size: 30px;
    padding: 25px 0 5px;
}
.part .bd .p2 {
    font-size: 24px;
    color: #999999;
    font-weight: normal;
}
.part .bd .img {
    width: 433.6px;
    height: 395.2px;
    z-index: 10000000;
    margin: -100px 0 0 0%;
    float: left;
    /*overflow: hidden;*/
}
.part .bd .img img {
    /*border: solid 1px #b8b8b8;*/
    display: block;
    /*margin: 50px auto;*/
    width: 100%;
    height: 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;
}*/