.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) -544px 0 no-repeat;} .part .hd h2 span{display: block;} .part .hd h2.icon2 .icon{ background:url(../images/service_bgsmallIco.png) -65px 0 no-repeat; } .part .hd h2.icon2.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -605px 0 no-repeat;} .part .hd h2.icon3 .icon{ background:url(../images/service_bgsmallIco.png) -127px 0 no-repeat; } .part .hd h2.icon3.active-nav .icon{ background:url(../images/service_bgsmallIco.png) -667px 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; }*/