*{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.3rem;
}
html{
    font-size: 50px;
}

.box{
    overflow: hidden;
    width: 100%;
}

/* .classify{
    position: relative;
} */
/* 介绍 */
.intro{
    width:100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-center;
    flex-direction: column;
    margin: .6rem 0;
    /*margin-top: 1.3rem;*/
}
.intro>.tbsame{
    width:100%;

}
.a{
    margin-bottom: 50px;
}
.intro>.tbsame>ul{
    width:98%;
    margin:0 auto;
}
.intro>.tbsame>ul li{
    text-align: center;
    float: left;
    width:25%;
    height:auto;
   
}
.intro>.tbsame>ul li>a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:center;
    flex-direction: column;
}
.intro>.tbsame>ul li>a>img{
    width: 0.55rem;
    height: 0.55rem;
    background-size: 100% 100%;
    margin-bottom: 10px;
}
.intro>.tbsame>ul li>a>span{
    display: block;
    font-size: 0.3rem;
    color: #333;
}

.swiper-container{

}

/* 金刚圈样式 */
.jg-classify{
    width:100%;
    margin-bottom: 17px;
}
.jg-classify ul{
    width: 100%;
    display: flex;
    justify-content: start; align-items: center;
    flex-wrap: wrap;
}
.li-style{
    width: 33% ;
    margin-top: 26px;
    text-align:center;
}
.li-style a>p{
    font-size: 0.28rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
}
.ul-sty-img{
    width:35%;
    height:35%;
    margin-bottom: 10px;
}

/* 公司实力展示样式00000 */
.companyStrength{
    width: 100%;
    /* background-color: aqua; */
    box-sizing: border-box;
    padding: 0 9%;

}
.companyStrength .anlixy{
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;

}
.companyStrength .chanpinBag{
    width: 49.5%;
    position: relative;
}
.companyStrength .chanpinBag img{
    width: 100%;
}
.companyStrength .chanpinBag .text1{
    position: absolute;
    top: 28%;
    left: 31%;
    transform: translate(-22%,-26%);
    font-size: 0.58rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

/* 宣传语样式 */
.tagline{
    width: 100%;
    height: 3.04rem;
    background: url(/static/Mobile/img/img_1/homeTit.png) center center/cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tagline div:nth-child(1){
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: center;
}
.tagline p{
    width: 100%;
    height: 0.81rem;
    margin: 0.64rem 0 0.49rem 0;
    text-align: center;
    font-size: 0.3rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.5rem;
}
.tagline .talkBtn{
    width: 31%;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.28rem;
    border-radius: 5px;
    background: #06ABFB;
    color: #fff;
    font-family: Microsoft YaHei;
    font-weight: bold;
}

/* 产品轮播 */
.swiper-container1{
   width: 100%;
   /* height: 6.13rem; */
   margin: 0 auto !important;
   background: #F4F4F4;
}
.swiper-slide-img{
   width:4.16rem;
   height: 5.16rem;
}

/* 功能切换按钮样式 */
.weCanBtn{
    width: 100%;
    /* background:#36C6FF; */
}
.weCanBtn .systemUL{
    width: 100%;
    height: 1.14rem;
    line-height: 0.5em;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 0 !important;
}
.weCanBtn .systemUL::-webkit-scrollbar {
    display:none
}
.weCanBtn .systemUL .systemT{
    width: 1.66rem;
    height: 0.56rem;
    display: inline-block;
    border: 0.01rem solid #888888;
    border-radius: 10px;
    margin: 0 0 0 0.24rem !important;
    text-align: center;
    line-height: 0.56rem;
    background-color: honeydew;
    text-align: center;
    font-size: 0.20rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #666666;
}

/* 点击高亮  beijing  */
.development1{
    border: 0.01rem solid #06ABFB !important;
    background-color: #06ABFB !important;
    color: #ffffff !important;
}

.appDeve-box,.appletsDeve-box,.systemDeve-box,.gameDeve-box{
    width: 100%;
    display: flex;
    /* background-color: yellow; */
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.screenDeve-box{
    width: 100%;
}
.screenDeve-box img{
   width: 100%;
   height: 3.51rem;
   margin: 0 !important;
   vertical-align: middle;
}
.lineOfBusinessImg{
    width: 3.34rem ;
    height: 2.25rem;
    margin-bottom: 0.1rem;
}
.lineOfBusinessGame{
    width: 2.24rem ;
    height: 3.59rem;
    margin-bottom: 0.1rem;
}

/* 首页广告提示语3  */
.prompt-three img:nth-of-type(1){
    width: 100%;
    height: 0.72rem;
    margin-bottom: 0.3rem;
}
.prompt-three img:nth-of-type(2){
    width: 100%;
    height: 11.94rem;
    padding-bottom: 0.5rem;
}
.prompt-fouth img:nth-of-type(1){
    width: 100%;
    height: 0.72rem;
    margin-bottom: 0.3rem;
}
.prompt-fouth img:nth-of-type(2){
    width: 100%;
    height: 10.39rem;
}

/* 海报5 聚格相关 */
.poster-juge{
    width: 100%;
    height: 11.29rem;
    background: url('/static/Mobile/img/img_1/poster-juge-bg.png') center center/cover no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.poster-juge img:nth-of-type(1){
    width: 7.5rem;
    height: 0.72rem;
    display: block;
}
.poster-juge img:nth-of-type(2){
    width: 5.97rem;
    height: 4.79rem;
    display: block;
}

.poster-juge>a{
    width:1.65rem;
    height:0.48rem;
    display: block;
}
.poster-juge div:nth-of-type(1){
    width: 6.48rem;
    height: 3.18rem;
    overflow-y: scroll;
    text-align: center;
}
.poster-juge div:nth-of-type(1) p{
    text-indent: 2em;
    text-align: left;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

/* 新闻资讯  */
.msgType{
    width: 100%;
}
.msgType .msgList{
    width: calc(100% - 3rem);
    height: 1.09rem;
    white-space: nowrap;
    padding: 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    margin: 0 auto !important;
}
.msgType .msgList li{
    width: 2rem;
    height: 0.56rem;
    line-height: 0.56rem;
    border-radius: 3px;
    border: 1px solid #06ABFB;
    text-align: center;
    font-size: 0.26rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}
.msgListItemH{
    border: 0rem solid #06ABFB !important;
    background: linear-gradient(90deg, #12B7FB, #43DFCC);
    color: #ffffff !important;
    font-size: 0.24rem !important;
}

/* 资讯信息详情区域 */
.companyNews-box{
    width:100%;
}
.companyNews-box-ul{
   list-style: none !important;
}
.companyNews-box-li{
    width: 100%;
    display: flex;justify-content: center;align-items: center;
    margin-bottom: 0.42rem;
}
.companyNews-box-li .companyNewsDate{
    width:1.43rem;
    height:0.79rem;
    flex-shrink: 0;
    background: url("/static/Mobile/img/img_1/companyNews-date.png") no-repeat center / 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 10px;
}
.companyNews-box-li .companyNewsDate h1{
    font-size: 14px;
    font-weight: bold;
    padding-right: 10px;
}
.companyNews-box-li .companyNewsDate p{
    padding-right: 10px;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
}
.companyNews-fontSty{
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}

.companyNews-box-li>p{
    flex-shrink: 2;
    width: 60%;
    /* height: 0.79rem; */
    line-height: 0.26rem;
    text-align: left;
}
.companyNews-box-li>p span:nth-of-type(1){
    display: block;
    width: 100%; 
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    font-family: Microsoft YaHei;
    font-weight: 550;
    color: #333333;
    font-size: 0.26rem;
}
.companyNews-box-li>p span:nth-of-type(2){
    display: block;
    width: 100%;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.26rem;
    font-size: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;     
}
.checkMoreDetail>a{
    display: block;
    width: 2.07rem;
    height: 0.48rem;
    color: #0DADFB;
    font-size: 14px;
    border: 1px solid #0DADFB;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 0.48rem;
    margin: 0 auto 0.3rem auto;
}

/* 底部反馈栏 */
.demand-form{
    width: 100%;
    height: 6.19rem;
    background: url('/static/Mobile/img/img_1/demand-bg.png') no-repeat center / 100% 100%;
    overflow: hidden;
    /* padding:0.3rem 0.24rem 0.5rem o.24rem; */
}
.demand-form .demand-form-ul{
    width: 7.02rem;
    margin:0.3rem auto;
    /* background: #43DFCC; */

}
.demand-form-ul li:nth-of-type(1){
    width: 100%;
    height: 0.37rem;
    font-size: 0.38rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    line-height: 0.38rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.demand-form-ul li:nth-of-type(2){
    width: 100%;
    line-height: 0.8rem;
}
.demand-form-ul li:nth-of-type(2) img{
    width: 7.02rem;
    height: 0.76rem;
}
.demandFormName,.demandFormPhone,.demandFormProject{
    width:100%;
    height: 0.76rem;
    box-sizing: border-box;
    background: #fff;
    border: none;
    padding-left: 17px;
}
.demandFormProject{
    margin-bottom: 0.3rem;
}

.demand-form-ul li:nth-of-type(3){
    width: 100%; 
    font-size: 0.26rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: 0.7rem;
}

/* 底部咨询按钮 */
.consult-box{
    width: 7.5rem;
    height: 1.68rem;
    background: rgba(0, 0, 0,0.25);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.consult-box>div{
    width: 3.15rem;
    height: 0.92rem;
    border-radius: 0.1rem;
    font-size: 0.28rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.92rem;
}
.consult-box div:nth-child(1){
    background: #67D78B;
}
.consult-box div:nth-child(2){
    background: #FF5A58;
}









.same{
    width:100%;
    height: 160px;
    background-color: #eee;
    display: none;
    padding-top: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    margin-top: -30px;
}

.indexLis{
    float: left;
    width:100%;
    display: flex;
    align-items: center;
    justify-content:space-around;
} 
.indexLis>p{
  margin: 0;
  padding: 0;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content:center;
  margin-bottom:20px;
}
.indexLis>p>span:nth-of-type(1){
    display: block;
    width:5px;
    height:2px;
    background-color: #2084ff;
    margin-left: 4px;
    margin-right: 5px;
}
.indexLis>p>span:nth-of-type(2){
    display: block;
    font-size: 0.14rem;
    color: #333;
}
.indexLis>p>a{
    font-size: 0.25rem;
}
.shopChoice{

}
.headerHide{
    width: 100%;
    height: 6rem;
    background: #2589FF;
    position: absolute;
    display: none;
    top: 0.7rem;
    z-index: 999;
    padding: 0 .8rem;
}
.headerHide ul{
    width: 100%;
}
.headerHide ul::after{
    clear: both;
    content: '';
    display: block;
}
.headerHide ul li{
    float: left;
    width: 35%;
    text-align: center
}

.headerHide ul li p a{
    font-size: 0.28rem;
    color: #ffffff;
    text-decoration: none;
}
.classify>ul{

    display:flex;
    height: 0.7rem;
} 
.classify>ul li{
    width: 25%;
    line-height: 0.7rem;
    text-align: center;
}

.swiper-slide img{
    width: 100%;
    height: 100%;
}
.firm{
    height: 2.5rem;
}
.firm ul{
    display:flex;
}
.firm ul li{
    width: 25%;
    text-align: center;
}
.firm ul li img{
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    margin: 0.55rem auto 0 auto;
}
.firm ul li p{
    margin: 0.1rem 0 0 0;
}
.case{
    width: 100%;
    height: 1rem;
    background: url('/static/Mobile/img/img_1/title2.jpg') no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.case p{
    font-size: 0.2rem;
    text-align: center;
    color: #ffffff;
    margin: 0.1rem 0 0 0;
}
.content_li div button{
    /* width: 1.8rem; */
    height: .4rem;
    border: none;
    font-size: 0.22rem;
    border-radius: 0.2rem;
    background: #2589FF;
    color:#ffffff;
    display: block;
    padding: 0 0.3rem;
    margin: 0.6rem auto 0 auto;
}
.content_li div p{
    font-size: 0.18rem;
    text-align: center;
    margin: 0.1rem 0 0 0;
}
.content_li img{
    width: 100%;
    display: block;
    margin: 0.3rem 0 0 0;
}
.more button{
    width: 2.5rem;
    height: 0.6rem;
    border:0.02rem solid rgba(153,153,153,1);
    background: none;
    border-radius: 0.3rem;
    color: #333333;
    font-family: 500;
    display: block;
    margin: 0.2rem auto 0.3rem auto;
}
.more p{
    text-align: center;
    font-size:0.18rem;
    margin: 0.1rem 0 0.5rem 0;
}
.contentTwo{
    width: 100%;
    height: 5rem;
    background:rgba(238,238,238,1);
    position: relative;
}
.contentTwo img{
    width: 3.7rem;
    height: 3.17rem;
    position: absolute;
    top:1rem;
    /* right: 0.5rem; */
}
.contentTwo ul{
    width: 35%;
    height: 100%;
    margin: 0 0 0 8%;
    overflow: hidden;
}
.contentTwo ul li{
   
    height: 33.3%
}
.contentTwo .p{
    font-size: 0.4rem;
    color: #2589FF;
}
.end{
    width: 100%;
    height: .82rem;
    background: url('/static/Mobile/img/img_1/title1.jpg') no-repeat;
    background-size:100% 100%; 
}
.end>p{
    line-height: 0.82rem;
    font-size: 0.26rem;
    text-align: center;
}
.foot{
    background: #272731;
    overflow: hidden;
    height: 10.6rem;
    font-weight: 200;
}
.foot>p{
    color:#ffffff;
    text-align: center;
}
.footulOne{
    display: flex;
    margin: 0.8rem 0 0 0;
}
.footulOne li{
    width: 20%;
    margin: 0 0 0 10.2%;
}
.footulOne li p{
    font-size: 0.26rem;
    color: #ffffff;
    text-align: center;
}
.footulTwo{
    margin: 0.8rem 0 0 0;
}
.footulTwo li{
    width: 92%;
    height: 1rem;
    position: relative;
    background: #3E3E47;
    margin: 0.3rem auto 0 auto;
    overflow: hidden;
    padding: 0.15rem 0 .2rem 0;
}
.footulTwo li p{
    color: #ffffff;
    padding: 0rem 0 0rem 0.3rem;
  
}
.footulTwo li img{
    position: absolute;
    top: 30%;
    right: 0.3rem;
}

/* 内容区 */
.contents{
    width:100%;
    height: auto;
}
.contents ul{
    width: 100%;
}
.contents ul li{
    width: 100%;
    margin-top: -5px;
}
.contents ul li>img{
    width:100%;
    /* height: 530px; */
    background-size: 100% 100%;
}





.mod {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    display: none;
    z-index: 99999999999999999999999;
}
.mod_box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 5rem;
    height: 3rem;
    background: #fff;
    border-radius: .2rem;
    text-align: center;
    font-size:16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mod_box > div {
    width: 100%;
    margin: .3rem 0;
    
}
.mod_box > div img {
    width: .3rem;
    height: .3rem;
    vertical-align: middle;
    margin-right: .2rem;
}


.aBox{
    position: relative;
    z-index: 9;
    width:100%;
    box-sizing: border-box;
    background: #36C6FF;
    top:1.2rem;
    color:rgba(255,255,255,1);
    display: flex;
    text-align: center;
}
.aBox a{
    font-size:.28rem;
    color:rgba(255,255,255,1);
    line-height: 1rem;
    display: inline-block;
    flex: 1;
}
.aBox a.active{
    background:#4c8bff;
    border-bottom: 2px solid #fff;
}

.app_context{
    margin-top: 50px;
}