body,html{background: #F2F5FA;width: 100%;height: auto;}
/* body::before{content: '';height: .5rem;display: block;} */
/* -------------------------------------------首页------------------------------------------------- */
/* 轮播图样式 */
.swiper-container {width: 100%;height: 2.7rem;}
.swiper-slide img{width: 100%;height: 100%;}
.my-bullet-active {width: .15rem !important;background: #fff !important;opacity: 1 !important;height: .05rem !important;border-radius: 20rem !important;transition: all .5s;}
.index-banner{width: 100%;overflow: hidden;}
.config-title{width: 80%;height: auto;font-size: .24rem;font-weight: bold;color: #010101;text-align: center;margin:.35rem auto;position: relative;}
.config-hig {width: 1.38rem;height: .01rem;background: #DDDDDD;position: absolute;bottom: -0.2rem;left: 50%;transform: translate(-50%,0);}
.config-hig::after {width: .5rem;height: .03rem;background: rgba(29, 132, 238, 1);content: '';position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0);border-radius: .015rem;}
.config-title-2 {height: auto;font-size: .15rem;font-weight: 400;color: #333333;margin: 0 auto;text-align: center;margin-bottom: .21rem;}
/* 分类导航 */
.classify-box {width: 100%;height: auto;background: #fff;display: flex;flex-wrap: wrap;padding: .30rem .15rem .1rem .15rem;justify-content: space-between;}
.classify-box .item {width: 25%;height: auto;display: flex;flex-direction:column;font-size: .14rem;font-weight: 500;color: #343434;align-items: center;padding-bottom: .2rem;}
.classify-box .item img{width: .675rem;height: .675rem;margin-bottom: .12rem;}
/* 三心软件开发十大优势为您保驾护航 */
.main-1 {width: 100%;overflow: hidden;}
.advantage-box {width: 100%;height: auto;padding: 0 .15rem 0 .15rem;}
.advantage-item {width: 92vw !important;height: 1rem !important;display: flex;position: relative;align-items: center;padding: 0 .20rem;box-sizing: border-box;margin-bottom: .1rem;}
.advantage-item .bgImg {width: 100%;height: 100%;position: absolute;z-index: -2;top: 0;left: 0;}
.advantage-item .show {width: 100%;height: 100%;background: rgba(0, 0, 0, .8);position: absolute;top: 0;left: 0;z-index: -1;}
.advantage-item .left {width: .44rem;height: .40rem;}
.advantage-item .left img {width: .44rem;height: .40rem;}
.advantage-item::after {width: .12rem;height: .21rem;background: url(../img/index-16.png)no-repeat;content: '';position: absolute;background-size: 100%;right: .15rem;top: 50%;transform: translate(0,-50%);}
.advantage-item .right {width: 75%;margin-left: .21rem;}
.advantage-item .right .t1 {width: 100%;font-size: .18rem;font-weight: 500;color: #FFFFFF;line-height: .24rem;font-weight: bold;margin-bottom: .1rem;}
.advantage-item .right .t2 {width: 100%;font-size: .12rem;font-weight: 400;color: #FFFFFF;opacity: 0.6;line-height: .18rem;}
.advantage {width: 100%;height: 100%;margin-bottom: .2rem;}
.advantage-pagination-active {width: .15rem !important;background: rgba(54, 136, 255, 1) !important;opacity: 1 !important;border-radius: 20rem !important;transition: all .5s;}
.swiper-slide2 {width: 1.5rem !important;text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/* 三心网-软件定制开发 */
.main-2 {width: 100%;height:auto;background: url(../img/index-32.png)no-repeat;background-size: 100%;padding: .25rem .15rem .15rem .15rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.main-2-msg {width: 100%;height: auto;background: #fff;border-radius: .1rem;display: flex;flex-direction: column;align-items: center;padding: .2rem .24rem;justify-content: center;}
.main-2-title {font-size: .24rem;font-weight: bold;color: #F97365;margin-bottom: .11rem;}
.main-2-title2 {font-size: .15rem;font-weight: 500;color: #F97365;margin-bottom: .15rem;}
.main-2-title3 {display: flex;font-size: .1rem;font-weight: 400;align-items: center;color: #F4504F;position: relative;margin-bottom: .2rem;justify-content: center;}
.main-2-title3 img{width: .15rem;height: .2rem;margin-right: .05rem;}
.main-2-title3::before {position: absolute;width: .15rem;height: .01rem;background: rgba(229, 229, 229, 1);content: '';top: 50%;left: -0.3rem;transform: translate(-50%,0);}
.main-2-title3::after {position: absolute;width: .15rem;height: .01rem;background: rgba(229, 229, 229, 1);content: '';top: 50%;right: -0.3rem;transform: translate(-50%,0);}
.main-2-title3-num {width: auto;height: .23rem;background: #F4504F;border-radius: .05rem;color: #fff;padding: 0 .1rem;}
.main-2-form {width: 100%;}
.main-2-inpue {width: 100%;height: .45rem;background: #FFFFFF;border: .01rem solid #E6E6E6;border-radius: .04rem;margin-bottom: .1rem;padding: 0 .1rem;}
.main-2-inpue input {width: 100%;height: 100%;border: none;}
.main-2-hint {font-size: .13rem;font-weight: 400;color: #F4504F;text-align: center;margin: .15rem auto;}
.main-2-submit {width: 100%;height: .45rem;background: linear-gradient(90deg, #FF997C 0%, #F4504F 100%);border-radius: .05rem;text-align: center;color: #fff;line-height: .45rem;}
.main-2-banner {width: 85%;height: .40rem;margin-top: .15rem;overflow: hidden;}
.main-2-banner .item {display: flex;justify-content: space-between;align-items: center;width: 100%;height: .40rem;background: #fff;border-radius: .2rem;padding: 0 .2rem;}
.main-2-banner .item img {width: .15rem;height: .24rem;margin: 0rem;}
.main-2-banner .item .item-right {display: flex;width: 90%;justify-content: space-between;font-size: .13rem;font-weight: 400;color: #333333;}
/* 36个行业软件开发解决方案 */
.main-3 {width: 100%;height: 6.51rem;background: url(../img/index-34.png)no-repeat;background-size: 100%;display: flex;flex-direction: column;justify-content: center;}
.main-3-content {width: 100%;height: auto;padding:0 .15rem;display: flex;flex-direction: column;align-items: center;}
.main-3-content-bottom {width: 100%;height: auto;display: flex;flex-wrap: wrap;margin-top: 0rem;justify-content: space-between;}
.main-3-content-bottom .item {display: flex;align-items: center;justify-content: center;width: 32.5%;height: 1.09rem;background: rgba(255, 246, 229, .2);margin-bottom: .04rem;}
.main-3-content-bottom .item2 {flex-direction: column;height: 1.5rem;align-items: center;}
.main-3-content-bottom .item3 {border-radius: .1rem 0rem 0rem 0rem;width: 49.2%;}
.main-3-content-bottom .item4 {border-radius: 0rem .1rem 0rem 0rem;width: 49.2%;}
.main-3-content-bottom .left2 {align-items: center;display: flex;flex-direction: column;margin-left: 0 !important;margin-top: .1rem;}.main-3-content-bottom img {width: .30rem;height: .27rem;}
.main-3-content-bottom .item .left {margin-left: .15rem;}
.main-3-content-bottom .item .left .text-1 {font-size: .16rem;font-weight: 500;margin-bottom: .05rem;color: #FFFFFF;font-weight: bold;}
.main-3-content-bottom .item .left .text-2 {font-size: .13rem;font-weight: 500;color: #FFFFFF;}
.main-3-content-bottom .item .left .text-3 {width: .2rem;height: .02rem;background: #FF6032;margin-top: .1rem;}
.main-3-more {width:auto;height: .4rem;background: #FF9602;display: inline-block;border-radius: .2rem;text-align: center;line-height: .4rem;font-size: .16rem;font-weight: 500;color: #FFFFFF;margin-top: .2rem;padding: 0 .2rem;}
/* 项目交付标准化 */
.main-4 {width: 100%;height: auto;background: #fff;padding: .35rem .15rem .25rem .15rem;}
.main-4-banner {width: 100%;overflow: hidden;height: 3.125rem;}
.main-4-banner .item {width: 1.5rem;height: 100%;background: url(../img/index-50.png)no-repeat rgba(1, 1, 1, .8);background-size: 100%;overflow: auto;}
.main-4-banner .item2 {background: linear-gradient(0deg, #2153EB 0%, #568FFF 100%) !important;transition: all .5s;}
.main-4-banner .item .top {width: 100%;display: flex;height: 1rem;align-items: center;justify-content: space-between;}
.main-4-banner .item .t1 {width:.8rem;height: .3rem;background: #666666;border-radius: 0rem .15rem .15rem 0;font-size: .15rem;font-weight: bold;line-height: .3rem;color: rgba(255, 255, 255, .7);/* opacity: .6; */}
.main-4-banner .item .t2 {width: .5rem;height: .5rem;margin-right: .05rem;}
.main-4-banner .item .t3 {font-size: .25rem;font-weight: bold;color: #FFFFFF;margin-bottom: .1rem;}
.main-4-banner .item .t4 {font-size: .18rem;font-weight: 500;color: #FFFFFF;margin-bottom: .05rem;}
.main-4-banner .item .t6 {background: rgba(255, 150, 2, 1);color: rgba(255, 255, 255, 1);transition: all .5s;}
.main-4-banner .item li {font-size: .14rem;font-weight: 400;color: #FFFFFF;opacity: 0.6;margin-bottom: .05rem;list-style: disc;}
/* 三心软件开发实力展示 */
.main-5 {padding: .25rem .15rem .15rem .15rem;}
.main-5-intro {font-size: .18rem;font-weight: bold;color: #000000;position: relative;padding-left: .1rem;margin-bottom: .2rem;}
.main-5-intro::before {position: absolute;width: .03rem;height: .15rem;background: rgba(29, 132, 238, 1);content: '';top: 50%;transform: translate(0,-50%);left: 0;}
.main-5-txt {font-size: .15rem;color: rgba(77, 77, 77, 1);}
.main-5-txt-a {color: rgba(29, 132, 238, 1);}
.main-5 .item-box {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: .2rem;}
.main-5 .item {display: flex;width: 50%;justify-content: center;padding:.1rem;position: relative;}
.main-5 .item img {width: .32rem;height: .32rem;}
.main-5 .item .right {width: 75%;margin-left: .14rem;height: auto;}
.main-5 .item .right .t1 {font-size: .18rem;font-weight: 500;color: #000000;font-weight: bold;}
.main-5 .item .right .t2 {font-size: .14rem;font-weight: 400;color: #4D4D4D;margin-top: .05rem;}
.main-5-site {width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main-5-site .item {width: 48%;height: auto;background: #FFFFFF;border-radius: 5px;display: flex;flex-direction: column;align-items: center;box-shadow: 0rem 0.01rem 0.04rem 0 rgba(0, 0, 0, 0.11);margin-bottom: .15rem;}
.main-5-site .item .txt{padding: .10rem 0;font-size: .15rem;font-weight: 400;color: #000000;}
.main-5-site .item img {width: 1.6rem;height: 1.16rem;}
.main-5-mission {width: 100%;height: 1.4rem;margin-bottom: .2rem;overflow: hidden;}
.main-5-mission .main-5-mission-item {width: 100%;height: 100%;background: rgba(244, 246, 250, 1);border-radius: .07rem;padding: .15rem;position: relative;}
.main-5-mission .main-5-mission-item .title {font-size: .17rem;font-weight: bold;color: #3688FF;margin-bottom: .1rem;position: relative;}
.main-5-mission .main-5-mission-item .txt{font-size: .14rem;font-weight: 400;color: #666666;width: 100%;height: .8rem;overflow: auto;}
.main-5-mission .main-5-mission-item .bgTxt {position: absolute;font-size: .8rem;font-weight: bold;right: 0;color: rgba(14, 133, 255, .1);top: 0;}
.main-5-mission .main-5-mission-item .title::before {width: .35rem;height: .01rem;position: absolute;bottom: -0.04rem;left: 0;content: '';background: rgba(54, 136, 255, 1);}
.main-5-culture {width: 100%;height: 6.7rem;background:url(../img/AboutUs-1.png);background-size: 100%;padding: .25rem .15rem;}
.main-5-intro-txt {font-size: .14rem;font-weight: 400;color: #FFFFFF;line-height: .21rem;width: 100%;height: 70%;overflow: auto;}
.main-5-intro-txt .hit {font-size: .14rem;font-weight: 500;color: #3688FF;line-height: .165rem;padding-left: 1.2rem;position: relative;margin: .05rem;}
.main-5-intro-txt .hit::before {position: absolute;width: .55rem;height: .01rem;content: '';left: 0.8rem;top: 50%;transform: translate(-50%,0);background:rgba(255, 255, 255, 1);}
.main-5-culture-banner {width: 100%;height: 1.02rem;background: url(../img/internet-26.png)no-repeat rgba(51, 51, 51, 1);background-size: 100%;border-radius: .075rem;overflow: hidden;}
.main-5-culture-banner .main-5-culture-banner-item {width: 100%;height: 100%;display: flex;align-items: center;padding: .1rem;overflow: auto;}
.main-5-culture-banner .main-5-culture-banner-item img {width: .4rem;height: .4rem;}
.main-5-culture-banner .main-5-culture-banner-item .right {margin-left: .1rem;width: 80%;}
.main-5-culture-banner .main-5-culture-banner-item .r1 {font-size: .15rem;font-weight: bold;color: #3688FF;margin-bottom: .1rem;}
.main-5-culture-banner .main-5-culture-banner-item .r2 {font-size: .13rem;font-weight: 400;color: #FFFFFF;line-height: .16rem;}
.main-5-culture-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;}
/* 战略合作客户 */
.main-6 {padding: .3rem 0 0 0;}
.main-6-banner {width: 100%;padding: .2rem 0;height: auto;overflow: hidden;}
.main-6-banner .item-box {width: 90%;height: auto;display: flex;flex-wrap: wrap;margin: 0 auto;justify-content: space-between;}
.main-6-banner .item-box img {width: 48%;height: .85rem;margin-bottom: .1rem;}
/* 1000+源码开发成功案例 */
.main-7 {width: 100%;height:4.95rem;background: url(../img/index-74.png)no-repeat #fff;background-size: 100%;padding-top: .35rem;overflow: hidden;display: flex;flex-direction: column;align-items: center;}
.main-7-banner {width: 100%;height: 2rem;margin-top: 0.4rem;}
.main-7-wrapper {width: 2.75rem !important;}
.main-7-banner .item {width: 100%;height: 100%;background: #fff;border-radius: .07rem;box-shadow: -0.005rem .01rem .05rem .005rem #C0C0C0;position: relative;padding: .5rem .3rem 0 .3rem;display: flex;flex-direction: column;/* justify-content: center; */align-items: center;}
.main-7-banner .item .t1 {font-size: .18rem;font-weight: 600;color: #000000;}
.main-7-banner .item .t2 {width: 100%;margin-top: 0.1rem;overflow: auto;font-size: .13rem;color: #333333;line-height: .23rem;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.main-7-banner .item .logo {width: .8rem;height: .8rem;border: .03rem solid #fff;position: absolute;top: -0.4rem;left: 50%;transform: translate(-50%,0);border-radius: 50%;}
/* 新闻资讯 */
.main-8 {display: flex;flex-direction: column;align-items: center;justify-content: center;padding-bottom: .2rem;}
.main-8-news {width: 100%;height: auto;padding: 0 .15rem;}
.main-8-head {width: 100%;height: .4rem;display: flex;justify-content: space-between;align-items: center;margin-bottom: .2rem;}
.head-item {width: 24%;background: #fff;text-align: center;border-radius: .04rem;height: auto;padding: .1rem 0;font-size: .14rem;font-weight: 500;color: #333333;transition: all .5s; box-shadow: -0.001rem .001rem .01rem .003rem #C0C0C0;}
.head-item-state {background: #007AFF;color: #fff;transition: all .5s;}
.main-8-content .item{display: flex;padding: .15rem 0;}
.main-8-content .item img{width: 1.31rem;height:.87rem;margin-right: .1rem;}
.main-8-content .item .msg{width: 60%;}
.main-8-content .item .msg .m1{font-size: .16rem;font-weight: 600;color: #000000;width: 100%;margin-bottom: .05rem;}
.main-8-content .item .msg .m2 {font-size: .14rem;font-weight: 400;color: #808080;width: 100%;margin-bottom: .05rem;}
/*---------------------------------------物联网------------------------------------------------------ */
/* 三心物联网系统开发解决方案 */
.main-9 {width: 100%;height: auto;padding: .2rem .10rem;background: #fff;display: flex;flex-direction: column;align-items: center;}
.main-9-nav {width: 100%;height: .55rem;display: flex;justify-content: space-between;}
.main-9-nav .item {width: 1.12rem;height: .55rem;background: #F6F8FC;border-radius: .05rem;padding: 0.08rem .20rem 0 .2rem;text-align: center;font-size: .14rem;font-weight: 500;color: #333333;transition: all .5s;}
.main-9-nav-state {background: rgba(0, 132, 255, 1) !important;color: #fff !important;transition: background-color .5s;}
.main-9-conten {width: 100%;height: auto;margin-top: .1rem;display: flex;justify-content: space-between;background: rgba(246, 248, 252, 1);flex-wrap: wrap;display: none;}
.main-9-conten-state {display: flex !important;}
.main-9-conten .item{display: flex;flex-direction: column;align-items: center;width: 33%;padding: .2rem .1rem;text-align: center;height: auto;font-size: .15rem;font-weight: 500;color: #000000;font-weight: bold;}
.main-9-conten .item img{width:.46rem;height: .46rem;margin-bottom: .15rem;}
/* 为政企提供值得信赖的物联网技术服务 */
.main-10{background: #fff;padding: .2rem .15rem;}
.main-10-content {width: 100%;height: auto;overflow: hidden;}
.main-10-content .item {width: 100%;height: auto;background: #FFFFFF;border-radius: .05rem;box-shadow: 0rem 0.01rem 0.04rem 0 rgba(0, 0, 0, 0.11);display: flex;padding: .16rem 0.15rem;justify-content: space-between;align-items: center;margin-bottom: .15rem;}
.main-10-content .item .right {width: 75%;}
.main-10-content .item .right .t1 {font-size: .17rem;font-weight: bold;color: #010101;margin-bottom: .05rem;}
.main-10-content .item .right .t2 {font-size: .13rem;color: #3C4254;line-height: .20rem;}
.main-10-content .item img {width: .55rem;height: .55rem;}
/* 创始团队 */
.main-11 {width: 100%;height: auto;padding: .3rem .1rem;background: rgba(0, 0, 0, 1);}
.main-11-box {width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main-11-box .item {width: 48%;height: 3.3rem;}
.main-11-box .item img {width: 100%;height: 1.7rem;}
.main-11-box .item-msg{width: 100%;height: 50%;margin-top: -0.3rem;}
.main-11-box .item-icon {width: 100%;height: .35rem;position: relative;}
.main-11-box .item-icon img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.main-11-box .item-icon .item-icon-name {position: absolute;z-index: 1;width: 100%;display: flex;justify-content: center;align-items: center;height: 100%;font-size: .10rem;font-weight: bold;color: #FFFFFF;}
.main-11-box .item-describe {font-size: .11rem;font-weight: 400;color: #333333;line-height: .18rem;width: 100%;height: 98%;padding: .10rem;overflow: auto;background: #fff;margin-top: -0.2rem;padding-top: .3rem;}
/* 地图 */
.main-12 {width: 100%;height: 3rem;background: pink;position: relative;}
.main-12-show {width: 3.45rem;height: 1.55rem;background: rgba(0, 0, 0, .6);display: flex;flex-direction: column;align-items: center;justify-content: center;top: 50%;left: 50%;position: relative;transform: translate(-50%,-50%);}
.main-12-show .title {font-size: .2rem;font-weight: bold;color: #FFFFFF;height: .4rem;position: relative;}
.main-12-show .title::before {position: absolute;width: .3rem;height: 0.045rem;content: '';left: 50%;bottom: 0;transform: translate(-50%,0);background: #3688FF;border-radius: 4px;}
.main-12-show .item {display: flex;margin-top: .1rem;align-items: center;font-size: .18rem;font-weight: 400;font-weight: bold;color: #FFFFFF;}
.main-12-show img{width: .15rem;height: .16rem;margin-right: .15rem;}
/*---------------------------------------------- 代驾 ------------------------------------------ */
/* 多终端同步运营让代驾公司赚钱更近一步 */
.main-13-banner {width: 100%;height: auto;padding: 0 .15rem;margin-bottom: .5rem;overflow: hidden;}
.main-13-banner .item-box {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main-13-banner .item {width: 48%;height: 2.055rem;background: url(../img/substitute-2.png)no-repeat rgba(32, 36, 63, 1);background-size: 100%;margin-bottom: .15rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.main-13-banner .item .t1 {font-size: .17rem;font-weight: bold;color: #FFFFFF;margin-bottom: .05rem;}
.main-13-banner .item .t2 {font-size: .13rem;color: #FFFFFF;line-height: .15rem;opacity: 0.8;width: 100%;padding: .05rem .15rem;height: 40%;overflow: auto;}
.main-13-banner .item .t3 {font-size: .12rem;font-weight: 400;color: #3688FF;line-height: .14rem;margin-top: .1rem;width: 65%;text-align: center;height: 15%;overflow: hidden;}
.main-13-banner .item .t4 {width: .70rem;height: .2rem;background: #FF9602;border-radius:.1rem;font-size: .09rem;font-weight: 400;color: #FFFFFF;text-align: center;line-height: .2rem;margin-top: .1rem;}
/* 为什么选择三心代驾系统开发 */
.main-14-top {width: 100%;height: auto;padding: 0 .20rem;justify-content: space-between;display: flex;align-items: center;margin-bottom: .2rem;}
.main-14-top .left {width: 1.4rem;height: .44rem;background: #999999;text-align: center;line-height: .44rem;color: #fff;border-radius: .22rem;}
.main-14-top .pk {width: .43rem;height: .22rem;background: url(../img/substitute-3.png)no-repeat;background-size: 100%;}
.main-14-top .right{width: 1.4rem;height: .44rem;background: rgba(29, 132, 238, 1);text-align: center;line-height: .44rem;color: #fff;border-radius: .22rem;}
.main-14-item-box {width: 100%;height: auto;padding: 0 .15rem;}
.main-14-item-box .item {display: flex;background: rgba(246, 248, 252, 1);font-size: .12rem;width: 100%;justify-content: space-between;margin-bottom: .01rem;}
.main-14-item-box .item .left {width: 35%;color: #333;padding: .15rem .05rem;line-height: .15rem;opacity: .7;}
.main-14-item-box .item .right {width: 35%;padding: .15rem .05rem;color: rgba(54, 136, 255, 1);overflow: hidden;}
.main-14-item-box .item .pk{background: rgba(236, 240, 247, 1);display: flex;align-items: center;justify-content: center;padding: 0 .1rem;color: rgba(153, 153, 153, 1);flex-direction: column;}
.main-14-item-box .item .pk-color {font-weight: bold;font-size: .2rem;opacity: .2;}
/* 代驾APP系统开发收益模式算法模拟 */
.main-15-top1 {display: flex;width: 100%;padding: 0 .15rem;justify-content: space-between;}
.main-15-top1 .item {background: rgba(54, 136, 255, 1);font-size: .15rem;font-weight: 400;color: #FFFFFF;text-align: center;padding: .1rem 0;display: flex;align-items: center;justify-content: center;}
.main-15-form {padding-bottom: .3rem;}
.main-15-top1-mun {display: flex;width: 100%;padding: 0 .15rem;justify-content: space-between;}
.main-15-top1-mun .item {background: rgba(246, 248, 252, 1);font-size: .15rem;font-weight: 400;text-align: center;padding: .1rem 0;font-weight: bold;}
/* 多方位赋能代驾运营者 */
.main-16 {width: 100%;height: auto;padding: .3rem 0 0 0;display: flex;flex-direction: column;justify-content: center;align-items: center;background: rgba(246, 248, 252, 1);}
.main-16-nav {display: flex;width: 95%;justify-content: space-between;}
.main-16-nav .item {width: 32.7%;height: .4rem;background: #FFFFFF;border-radius: .05rem;font-size: .14rem;font-weight: 500;text-align: center;line-height: .4rem;color: #333333;transition: all .5s;}
.main-16-nav .state {background: rgba(0, 132, 255, 1);color: #fff;transition: all .5s;}
.main-16-item-box {width: 100%;height: auto;padding: 0 .15rem;margin-top: .15rem;}
.main-16-item-1 {width: 100%;height: auto;background: #fff;display: flex;border-radius: .05rem;flex-wrap: wrap;}
.main-16-item-1 .item {width: 25%;display: flex;flex-direction: column;align-items: center;height: 1rem;font-size: .14rem;font-weight: 400;color: #000000;justify-content: center;}
.main-16-item-1 .item img {width: .34rem;margin-bottom: .05rem;height: .34rem;}
.main-16-moer {width: 80%;height: .4rem;background: #3688FF;border-radius: .2rem;margin: 0 auto;font-size: .16rem;text-align: center;line-height: .4rem;color: #FFFFFF;margin: .3rem auto;}
.main-16-item-2 {justify-content: center;/* padding: 0 1rem; */}
.main-16-item-2 .item{width: 50%;}
.main-16-item-3 {display: flex;flex-wrap: wrap;width: 100%;height: auto;background: #fff;}
.main-16-item-3 .item {display: flex;flex-direction: column;width: 50%;height: 2.4rem;justify-content: center;align-items: center;padding: 0 .15rem;margin-bottom: .2rem;overflow: auto;}
.main-16-item-3 .item img {width: .42rem;height: .42rem;margin-bottom: .1rem;}
.main-16-item-3 .item .t1 {font-size: .17rem;font-weight: bold;color: #000000;margin-bottom: .1rem;}
.main-16-item-3 .item .t2 {font-size: .12rem;font-weight: 400;color: #656565;line-height: .20rem;}
.main-16-item-4{width: 100%;height: auto;background: #fff;display: flex;border-radius: .05rem;flex-wrap: wrap;}.main-16-item-4 .item {width: 33%;}
.main-16-ok {width: 100%;height: auto;display: none;}
.main-16-ok-state {display: block !important;}
.main-16-offer {width: 1.55rem;height: .4rem;background: #FF9602;border-radius: 0.05rem;color: #fff;text-align: center;line-height: .4rem;margin: .2rem auto;}
/* ----------------------------------------- 案列中心------------------------------------------ */
/* 案列导航 */
.main-17-banner {width: 100%;height: 1.5rem;background: #fff;margin-top: .15rem;padding: .15rem;display: flex;overflow: hidden;}
.main-17-banner .item-box {display: flex;flex-wrap: wrap;width: 100%;height: 100%;overflow: hidden;/* justify-content: space-between; */}
.main-17-banner .item {width: 1.05rem;margin-left: .1rem;padding:0 .05rem;height: .45rem;background: rgba(246, 248, 252, 1);border-radius: .22rem;margin-bottom: .2rem;text-align: center;line-height: .45rem;transition: all .5s;font-size: .12rem;
color: #000;}
.main-17-banner .state {background: #007AFF;color: #fff;transition: all .5s;}
.main-18-caseBox {width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding: .5rem .15rem 0 .15rem;}
.main-18-caseBox .item {width: 1.67rem;height: 1.67rem;background: #FFFFFF;position: relative;justify-content: center;align-items: center;border-radius: .07rem;padding-top: .35rem;padding: .35rem .15rem 0 .15rem;box-shadow: 0rem 0.01rem 0.04rem 0 rgba(0, 0, 0, 0.11);margin-bottom: .5rem;}
.main-18-caseBox .item .title {width: 100%;text-align: center;font-size: .17rem;font-weight: 600;color: #000000;margin-bottom: .15rem;}
/* 案列item */
.main-18-caseBox .item .txt {font-size: .14rem;color: #666666;line-height: .17rem;width: 100%;height: auto}
.main-18-caseBox img {width: .56rem;height: .56rem;background: #fff;border-radius: 50%;position: absolute;top: -0.23rem;left: 50%;transform: translate(-50%,0);border: .02rem solid #fff;}
.paging {width: 1.1rem;height: .4rem;background: #FFFFFF;border: 0.01rem solid #E6E6E6;border-radius: 10px;margin: 0 auto;text-align: center;line-height: .4rem;font-size: .15rem;}
/* -----------------------------------------案例详情-------------------------------------------------- */
/* 案列展示 */
.main-19 {background: #fff;padding: .2rem 0;}
.main-19-banner {width: 100%;height: 3.3rem;position: relative;overflow: hidden;}
.main-19-banner img {width:1.8rem;height: 100%;}
.main-20 {margin-top: .10rem;padding: .20rem .10rem;background: #fff;font-size: .13rem;font-weight: 400;color: #4D4D4D;}
.main-20 img {width: 100% !important;}
/* ------------------------------------------App----------------------------------------------- */
/* 连续6年深度定制开发APP */
.main-21 {background: #fff;width: 100%;height: auto;padding-top: .3rem;}
.main-21-lists{background: #fff;width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-bottom: .3rem;}
.main-21-lists .list {display: flex;width: 81%;height: .85rem;background: #F6F8FC;border-radius: .05rem;padding:.1rem 0 0rem .4rem;position: relative;margin-bottom: .1rem;}
.main-21-lists .list img {width: .6rem;height: .6rem;position: absolute;top: 50%;left: -0.28rem;transform: translate(0,-50%);}
.main-21-lists .list .title {font-size: .17rem;font-weight: 600;color: #333333;}
.main-21-lists .list .txt{width: 100%;font-size: .14rem;font-weight: 400;color: #666B7F;line-height: .17rem;margin-top: .10rem;}
/* 选择三心APP开发公司6大理由 */
.main-22 {padding-bottom: .3rem;}
.main-22-banner {width: 100%;height: auto;overflow: hidden;}
.main-22-banner .item-box {width: 100%;}
.main-22-banner .item-box .item {width: 95%;border-radius: .05rem;margin: .10rem auto;height: auto;padding: .10rem;display: flex;flex-direction: column;padding-left: .5rem;position: relative;background: rgba(51, 51, 51, 1);}
.main-22-banner .item-box .item .title {font-size: .17rem;font-weight: 500;color: #3688FF;position: relative;}
.main-22-banner .item-box .item .title::before {width: .16rem;height: .16rem;position: absolute;background: url(../img/App-5.png)no-repeat;content: '';top: 50%;transform: translate(0,-50%);background-size: 100%;left: -.3rem;}
.main-22-banner .item-box .item .txt {font-size: .14rem;font-weight: 400;margin-top: .05rem;color: #FFFFFF;line-height: .24rem;}
.main-22-banner .item-box .item .bg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: .05rem;}
/* */
.main-23-banner {width: 100%;height: auto;padding: 0 .15rem .3rem .15rem;overflow: hidden;}
.main-23-banner .item-box {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main-23-banner .item-box img {width: .4rem;height: .4rem;margin-right: .07rem;}
.main-23-banner .item-box .item {width: 49%;height: .6rem;background: #FFFFFF;border-radius: 10px;display: flex;align-items: center;padding: 0 .1rem;margin-bottom: .15rem;font-size: .14rem;font-weight: 500;color: #333333;}
/* --------------------------------------- 新闻资讯 ------------------------------------*/
.main-24-nav {display: flex;width: 100%;height: .41rem;}
.main-24-nav .item {display: flex;align-items: center;justify-content: center;width: 25%;font-size: .14rem;font-weight: 500;color: #3C3C3C;position: relative;height: 100%;overflow: hidden;}
.main-24-nav .item::after {position: absolute;width: 0%;height: 0.0rem;background: #fff;content: '';bottom: 0rem;left: 50%;border-radius: 0.1rem;transform: translate(-50%,0);transition: all .5s;}
.main-24-nav .state::after {position: absolute;width: 60%;height: 0.02rem;background: rgba(54, 136, 255, 1);content: '';bottom: 0rem;left: 50%;border-radius: 0.1rem;transform: translate(-50%,0);transition: all .5s;}
.main-25 {width: 100%;height: auto;display: flex;flex-wrap: wrap;background: #fff;padding: 0 .10rem;justify-content: space-between;}
.main-25 .item {width: 47%;height:auto;display: flex;flex-direction: column;padding: .2rem 0;}
.main-25 .item img {width:100%;height: 1.09rem;}
.main-25 .item .t1 {font-size: .16rem;font-weight: 600;color: #000000;margin: .05rem 0;}
.main-25 .item .t2 {font-size: .12rem;font-weight: 400;color: #808080;margin: .05rem 0;}
.main-25 .item .t3 {display: flex;justify-content: space-between;width: 100%;margin: .05rem 0;flex-wrap: wrap;}
.main-25 .item .t3-item {width: 48%;height: .25rem;background: #FFFFFF;border: 0.005rem solid #3688FF;border-radius: .15rem;font-size: .12rem;font-weight: 400;color: #3688FF;text-align: center;line-height: .25rem;margin-bottom: .1rem;}
.main-25 .item .t4 {font-size: .14rem;font-weight: 400;color: #808080;}
.fax {position: sticky;top: 0.5rem;left: 0;z-index: 1;width: 100%;height: .5rem;display: flex;justify-content: space-around;align-items: center;box-shadow: 0rem 0.01rem 0.03rem 0rem rgba(0, 0, 0, 0.1)}
.main-24{background: rgba(246, 248, 252, 1);}
.main-26 {padding: 0 .15rem;}
.main-27 {margin-top: .2rem;width: 100%;height: auto;padding: .15rem;background: #fff;}
.main-27-top {width: 100%;padding:.3rem 0;display: flex;flex-direction: column;align-items: center;}
.main-27-top .main-27-title {width: 80%;font-size: .18rem;text-align: center;font-weight: bold;color: #000000;margin-bottom: .1rem;}
.main-27-tirm {display: flex;justify-content: space-between;font-size: .12rem;font-weight: 400;color: #666666;margin-bottom: .1rem;}
.main-27-url {font-size: .12;font-weight: 400;color: #666666;}
.main-27 .txt {padding-top: .2rem;font-size: .15rem;font-weight: 500;color: #4D4D4D;line-height: .21rem;}
.main-27 img {width: 100% !important;}
/* ------------------------------------------------小程序------------------------------------------- */
.main-28 {padding: .3rem 0;background: #fff;}
.main-28-banner {padding: 0 .15rem;overflow: hidden;}
.main-28-banner .item-box {display: flex;justify-content: space-between;flex-wrap: wrap;}
.main-28-banner .item{width: 48%;height: 2rem;background: #FFFFFF;box-shadow: 0 0.001rem 0.10rem 0.001rem rgba(0, 0, 0, 0.1);border-radius: 0.05rem;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: .15rem;}
.main-28-banner .item img {width:.565rem;height: .565rem;margin-bottom: .15rem;}
.main-28-banner .item .t1 {font-size: .17rem;font-weight: 600;color: #000000;}
.main-28-banner .item .t2 {font-size: .14rem;font-weight: 400;color: #4D4D4D;line-height: .19rem;margin-top: .12rem;width: 100%;padding: 0 .20rem;text-align: center;}
/* 三心小程序开发大势所趋 */
.main-29 {padding: .30rem 0;}
.main-29-banner {padding: 0 .15rem;overflow: hidden;}
.main-29-banner .item {width: 100%;height:auto;display: flex;box-shadow: 0 0.001rem 0.10rem 0.001rem rgba(0, 0, 0, 0.1);background: #fff;padding: .20rem;margin-bottom: .15rem;}
.main-29-banner .item img{width: .235rem;height: .235rem;margin-right: .11rem;}
.main-29-banner .item .right{width: 90%;height: 100%;}
.main-29-banner .item .right .r1 {font-size: .18rem;font-weight: bold;color: #000000;position: relative;width: 100%;}
.main-29-banner .item .right .r1::after {position: absolute;width: .66rem;height: .02rem;left: 0;bottom: -0.05rem;content: '';background: #0E85FF;}
.main-29-banner .item .right .r2 {width: 100%;font-size: .13rem;font-weight: 400;color: #4D4D4D;line-height: .20rem;margin-top: .1rem;}
/* 为什么小程序定制开发选三心网络 */
.main-30 {background: #fff;padding: .2rem .15rem;overflow: hidden;}
.main-30-banner .item-box {width: 100%;height: auto;display: flex;flex-direction: column;}
.main-30-banner .item-box .item {display: flex;box-shadow: 0 0.001rem 0.10rem 0.001rem rgba(0, 0, 0, 0.1);padding: .15rem ;align-items: center;margin-bottom: .15rem;}
.main-30-banner .item-box .item img {width: .45rem;height: .45rem;margin-right: .21rem;}
.main-30-banner .item-box .item .right {width: 80%;}
.main-30-banner .item-box .item .r1 {width: 100%;font-size: .17rem;font-weight: bold;color: #000000;margin-bottom: .11rem;}
.main-30-banner .item-box .item .r2 {width: 100%;font-size: .14rem;font-weight: 400;color: #666666;}
/* */
.main-31 {/* padding: .15rem; */background: #fff;}
.main-31-banner {width: 100%;height: 100%;padding-bottom: .2rem;overflow: hidden;}
.main-31-banner .item {width: 100%;height:2.7rem;padding: .09rem .09rem 0 .09rem;background: none;/* box-shadow: 0 0.001rem 0.10rem 0.001rem rgba(0, 0, 0, 0.1); */}
.main-31-banner .item img {width: 100%;height: auto;}
/* */
.main-32{background: rgba(246, 248, 252, 1);padding: .15rem 0;}
.main-32-banner {width: 100%;overflow: hidden;}
.main-32-banner .item {width: 100%;height: 3rem;background: #FFFFFF;border-radius: .1rem;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all .5s;}
.main-32-banner .item-state {box-shadow: 0 0.001rem 0.10rem 0.001rem rgba(0, 0, 0, 0.1);transition: all .5s;}
.main-32-banner .item img {width: 1rem;height: 1rem;}
.main-32-banner .item .t1 {font-size: .17rem;font-weight: bold;color: #000000;margin-top: .1rem;transition: all .5s;}.main-32-banner .item .t6 {color: #3688FF;transition: all .5s;}
.main-32-banner .item .t2 {width: 100%;font-size: .14rem;text-align: center;font-weight: 400;color: #3C4254;line-height: .18rem;margin-top: .1rem;padding: 0 .15rem;}
.main-32-banner .item .t3 {width: 1.05rem;height: .3rem;margin-top: .1rem;background: #FBA705;border-radius: .15rem;text-align: center;line-height: .3rem;color: #fff;font-size: .15rem;}
/* */
.main-33 {background: rgba(246, 248, 252, 1);padding: .2rem 0;}
.main-33-banner {width: 100%;height: auto;overflow: hidden;}
.main-33-banner .item-box {display: flex;flex-wrap: wrap;}
.main-33-banner .item {width: 50%;height: 1.93rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.main-33-banner .item-box .t1{font-size: .17rem;font-weight: bold;color: #000000;}
.main-33-banner .item-box .t2 {font-size: .5rem;font-weight: bold;color: rgba(187, 187, 187, .5);}
.main-33-banner .item-box .t3 {width: 100%;padding: 0 .1rem;font-size: .14rem;font-weight: 400;text-align: center;color: #333333;}
/* */
.main-34 {
width: 100%;
height: 7.062rem;
background: url(../img/aubg.png)no-repeat #fff;
background-size: 10% 100%;
background-position: .2rem;
position: relative;
}
.main-34 .item {
width: 100%;
height: auto;
position: relative;
}
.main-34 .item .img1{
position: absolute;
height:.13rem;
width: .46rem;
}
.main-34 .item .img2{
position: absolute;
height:.13rem;
width: .81rem;
}
.main-34 .item .t1 {
font-size: .18rem;
font-weight: bold;
color: #3688FF;
margin-bottom: .05rem;
}
.main-34 .item .t2 {
font-size: .15rem;
font-weight: 400;
color: #333333;
line-height: .18rem;
}
.main-35 {width: 100%;height: 0;overflow: hidden;}
.main-35-state {height: auto;}