css/services.css

.services-banner{
    width: 100%;
    height: 600px;
    background: url(../images/services_bgIxo.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.services-bannertit{
    width:600px;
    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{
    width:450px;
    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%;
}
/*tab sta */
.services-wrap{
    height: 680px;
    /*width: 1200px;*/
    margin: 0 auto;
    width: 100%;
}
/*1 tab*/
.services-wrap-left-1{
    background: url("../images/services_saasIco.png") no-repeat;
    width: 542px;
    height: 494px;
    /*width: 100%;*/
    margin: 102px auto 0;
}
.services-wrap-right-1{
    width: 543px;
    /*width: 100%;*/
    height: 400px;
    margin: 177px auto 0;
    /*margin-left: 20px;*/
    /*margin-left: 78px;*/
}
/*1----tab  右侧 切换部分 sta*/
.services-soft-wrap{
    height: 168px;
    /*width: 100%;*/
    width: 543px;
    border-bottom: 2px solid rgba(228,229,229,1);;
}
.services-soft-wrap li {
    color: rgba(6,14,19,.8);
    font-size:20px;
    cursor: pointer;
    height: 168px;
    width: 133px;
}
.services-soft-wrap li:nth-of-type(1) {
    padding-top: 114px;
    background: url(../images/services_titico1.png) no-repeat center 0;
    margin-right: 72px;
}
.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;
}
.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;
    width: 400px;
}
.services-soft-bottom-title{
    width:360px;
    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;
    width:400px;
    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;
    margin-left: 20px;
}
.services-wrap-right-2{
    background: url("../images/services_parkIco.png") no-repeat;
    width: 558px;
    /*width: 100%;*/
    height: 574px;
    margin: 67px auto 0;
    /*margin-left: 10px;*/
}
/*-------2---*/
.services-park-wrap{
    height: 168px;
    width: 543px;
    /*width: 100%;*/
    border-bottom: 2px solid rgba(228,229,229,1);;
}
.services-park-wrap li {
    color: rgba(6,14,19,.8);
    font-size:20px;
    cursor: pointer;
    height: 168px;
    width: 133px;
}
.services-park-wrap li:nth-of-type(1) {
    padding-top: 114px;
    background: url(../images/services_titico4.png) no-repeat center 0;
    margin-right: 72px;
}
.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;
}
.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_userIco.png") no-repeat;
    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{
    height: 168px;
    width: 543px;
    /*width: 100%;*/
    border-bottom: 2px solid rgba(228,229,229,1);;
}
.services-user-wrap li {
    color: rgba(6,14,19,.8);
    font-size:20px;
    cursor: pointer;
    height: 168px;
    width: 133px;
}
.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;
}