/* 首页 */
.mobile{
    display: none;
    width: 100%;
    height: 100%;
}
.mobile .head{
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.24rem;
    background-color: #ffffff;
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
}
.mobile .head img{
    width: 100%;
    height: 100%;
}
.mobile .head .logo{
    display: inline-block;
    width: 3.5rem;
}
.mobile .head .phone{
    margin-left: 2.1rem;
    display: inline-block;
    width: 0.53rem;
    height: 0.53rem;
}
.mobile .head .fold{
    margin-left: 0.4rem;
    display: inline-block;
    width: 0.53rem;
    height: 0.53rem;
}
.mobile #m_nav{
    z-index: 998;
    display: none;
    position: fixed;
    top: 1.24rem;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.57);
    overflow: scroll;
}
.mobile #m_nav ul{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #ffffff;
}
.mobile #m_nav ul li{
    width: 100%;
    min-height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-bottom: 1px #dedede solid;
    font-size: 0.36rem;
}
.mobile #m_nav ul li.active{
    color: #d33916;
}
.mobile #m_nav ul li a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.mobile #m_nav dl{
    display: none;
}
.mobile #m_nav dl dd{
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-top: 1px solid #dedede;
    font-size: 0.32rem;
    color: #000000;
    font-weight: normal;
    background: #f1f1f1;
}
.mobile .banner{
    width: 100%;
}
.mobile .banner .swiper-slide{
    width: 100% !important;
}
.mobile .mobileBanner{
    width: 100%;
    height: 100%;
}
.mobile .mobileBanner img{
    object-fit: fill;
}
.mobile .detailBanner img{
    height: 3rem;
    object-fit: cover;
}
/* 维保广告 */
.m_promotion{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 0.4rem 0;
    background: #f6f6f6;
}
.m_promotion .icon{
    width: 0.59rem;
    height: 0.64rem;
    margin-right: 0.32rem;
}
.m_promotion p{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.4rem;
	font-family:'SourceHanSansCN-Regular';
	font-size: 0.33rem;
    letter-spacing: 3px;
    color: #2b2b2b;
}
.m_promotion p span{
    text-align: left;
}
.m_promotion p .num{
    margin: 0 3px;
    font-family: 'Arial';
    font-style: normal;
	font-size: 0.54rem;
    letter-spacing: 4px;
    line-height: 22px;
}
.m_promotion .ask{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.8rem;
    margin-bottom: 0.2rem;
    line-height: 0.8rem;
    padding: 0 0.2rem;
    text-align: center;
	background-color: #f6f6f6;
    border: solid 2px #ee0000;
    font-family: SourceHanSansCN-Regular;
	font-size: 0.32rem;
	letter-spacing: 2px;
    color:  #ee0000;
    user-select: none;
}
.mobile .recommend{
    width: 100%;
}
.mobile .ConBox{
    margin-top: 0.6rem;
}
.mobile .ConBox .title{
    font-size: 0.36rem;
    line-height: 0.72rem;
    letter-spacing: 2px;
    text-align: center;
    color: #2b2b2b;
}
.mobile .ConBox .subtitle{
    font-size: 0.25rem;
    margin-top: 0;
    padding: 0 0.4rem;
}
.mobile .video_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.69rem;
    height: 0.84rem;
    margin: 0.6rem auto 0.8rem;
    font-size: 0.33rem;
    border: 0;
    cursor: pointer;
    color: #ffffff;
    background-color: #d33916;
    border-radius: 0.43rem;
    box-shadow: 1px 6px 7px 0px rgba(204, 204, 204, 0.68);
}
.mobile .video_btn span {
    display: inline-block;
    width: 0.375rem;
    height: 0.27rem;
    margin-left: 0.14rem;
    background: url(../img/video.png) center center no-repeat;
    background-size: cover;
}
.mobile .videoBox{
    padding-top: 0;
}
.mobile .videoBox .video{
    background: none;
}
.mobile .con_ul{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0.8rem;
    margin: 0 auto 0.8rem;
    background: url(../img/nav_bg.png)center center no-repeat;
    background-size: cover;
} 
.mobile .con_ul li{
    height: 0.8rem;
    margin-right: 0.8rem;
    line-height: 0.8rem;
    cursor: pointer;
    user-select: none;
    font-size: 0.36rem;
    letter-spacing: 0px;
    text-align: center;
}
.mobile .con_ul li:last-child{
    margin-right: 0;
}
.mobile .con_ul li.act::before,.mobile .con_ul li.ab_act::before {
    content: '';
    display: inline-block;
    width: calc(100%);
    height: 0.05rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #d33916;
}
.mServeProject .scrollWrapper{
    width: 100%;
    overflow-x: scroll;
    margin-top: 0.5rem;
    padding: 0 0.5rem;
}
.mServeProject .scrollWrapper::-webkit-scrollbar{
    width: 0;
}
.mServeProject .scrollWrapper .scrollList li{
    display: inline-block;
    margin-right: 0.35rem;
}
.mServeProject .scrollWrapper .scrollList{
    padding: 0;
    margin: 0;
    display: block;
    width: 33rem;
}
.mServeProject .scrollWrapper .scrollList a{
    display: inline-block;
    width: 6.15rem;
    height: 4.13rem;
    border-radius: 2px;
    background-color: #d33916;
}
.mServeProject .scrollWrapper .scrollList li:nth-child(1) a{
    background: url('../img/m_project01.png') center no-repeat;
    background-size: cover;
}
.mServeProject .scrollWrapper .scrollList li:nth-child(2) a{
    background: url('../img/m_project02.png') center no-repeat;
    background-size: cover;
}
.mServeProject .scrollWrapper .scrollList li:nth-child(3) a{
    background: url('../img/m_project03.png') center no-repeat;
    background-size: cover;
}
.mServeProject .scrollWrapper .scrollList li:nth-child(4) a{
    background: url('../img/m_project04.png') center no-repeat;
    background-size: cover;
}
.mServeProject .scrollWrapper .scrollList li:nth-child(5) a{
    background: url('../img/m_project05.png') center no-repeat;
    background-size: cover;
}
/* 物联网产品线 */
.mobile .m_product .zero{
    overflow-x: scroll;
}
.mobile .m_product .zero::-webkit-scrollbar{
    width: 0;
}
.mobile .m_product ul{
    width: 17.4rem;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.mobile .m_product ul li{
    width: 3rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.6rem;
    margin-left: 0.4rem;
}
.mobile .m_product ul li span{
    margin-top: 0.2rem;
    text-align: center;
    font-size: 0.25rem;
}
.m_productBox{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.57);
    z-index: 111111;
}
.m_productBox .box .close{
    position: absolute;
    top: 0.04rem;
    right: 0.04rem;
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background: url('../img/close.png') center no-repeat;
    background-size: cover;
    border-radius: 5px;
}
.m_productBox .box{
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #ffffff;
    padding: 6%;
	box-shadow: 2px 3px 4px 0px 
		rgba(187, 187, 187, 0.31);
	border-radius: 5px;
	border: solid 1px #e8e8e8;
}
.m_productBox .box .container::-webkit-scrollbar {
    display: none
  }
.m_productBox .box .product{
    display: flex;
    flex-direction: column;
    margin-bottom: 0.2rem;
}
.m_productBox .box .product .desc .name{
    font-weight: bold;
    margin-top: 0.2rem;
    margin-bottom: 0.12rem;
    font-size: 0.38rem;
    letter-spacing: 2px;
	color: #353535;
}
.m_productBox .box .product .desc .model{
    font-size: 0.3rem;
    letter-spacing: 1px;
	color: #353535;
}
.m_productBox .box .params li{
    padding: 0.2rem 0;
    letter-spacing: 1px;
    font-size: 0.32rem;
	color: #353535;
    border-bottom: 1px solid #ebebeb;
}
.m_productBox .box .params li span{
    margin-left: 0.2rem;
    color: #a3a3a3;
}
.mobile .inteBox{
    width: 100%;
    display: block;
}
.mobile .adBox {
    width: 100%;
    display: block;
}
.mobile .adBox .pic {
    width: 100%;
    height: 7rem;
    padding: 0.4rem;
    background-image: linear-gradient(0deg, #f8f8f8 0%, #f6f5f5 50%, #f3f2f2 94%), linear-gradient( #fff7f4, #fff7f4);
}
.mobile .adBox .adCon{
    width: 100%;
}
.mobile .adBox .pic img {
    width: 80%;
    object-fit: contain;
    pointer-events: none;  
}
.mobile .inteBox .ad_tit {
    margin: 0.35rem 0 0.54rem;
    text-align: center;
    font-weight: bold;
    font-size: 0.28rem;
    letter-spacing: 1px;
    color: #1c1c1c;
}
.mobile .recommend .one .Con_pl .adCon{
    width: 100%;
}
.mobile .pl_con {
    width: 100%;
    padding: 0 0.5rem;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 0.32rem;
    letter-spacing: 0px;
    color: #1c1c1c;
}
.mobile .pl_con p:nth-of-type(n+2){
    display: none;
}
.mobile .pl_apply {
    display: flex;
    align-items: center;
    justify-content:center;
    margin-top: 0.46rem;
    padding: 0 0.5rem;
}
.mobile .pl_us {
    display: block;
    width: 2.3rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.3rem;
    text-align: center;
    color: #d33916;
    border: solid 1px #d33916;
    border-radius: 0.02rem;
    cursor: pointer;
    user-select: none;
}
.mobile .ad_more {
    display: block;
    width: 2rem;
    margin-left: calc(100% - 2.5rem);
    text-align: right;
	font-family: SourceHanSansCN-Regular;
	font-size: 0.32rem;
	letter-spacing: 0px;
	color: #d33916;
}
.mobile .Con_ad .adCon{
    width: 100%;
    padding: 0 0.5rem;
    box-sizing: border-box;
    overflow: hidden;
    letter-spacing: 0px;
    color: #1c1c1c;
}
.mobile .Con_ad .adCon p{
    font-size: 0.32rem !important;
}
.mobile .ad_us{
    display: block;
    width: 3.1rem;
    height: 0.8rem;
    margin: 0.46rem auto 0;
    text-align: center;
    font-size: 0.3rem;
    line-height: 0.8rem;
    background: #ffffff;
    color: #d33916;
    border: solid 1px #d33916;
    border-radius: 0.02rem;
}
.mobile .help_box{
    font-size: 0.2rem;
}
.mobile .help_box li {
    width: calc(100% - 1rem);
    min-height: 0.6rem;
    margin: 0 0.5rem 0.3rem;
    padding: 0.1rem;
    border: 1px solid #cccccc;
}
.mobile .help_box a{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    font-size: 0.32rem;
}
.mobile .help_box a .new_cont{
    display: flex;
    justify-content: space-between;
    margin: 0 0.2rem;
}
.mobile .help_box a .new_down{
    margin-bottom: 0.05rem;
}
.mobile .help_box a .new_tit{
    font-weight: bold;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mobile .help_box a .new_time{
    width: 40%;
    text-align: right;
}
/* OEM */
/* 智慧消防oem */
.mobile .mCon_oem{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 .5rem;
}
.mobile .mCon_oem .item{
    margin-bottom: .2rem;
}
.mobile .mCon_oem .item .title{
    position: relative;
    margin-bottom: .1rem;
    font-size: .32rem;
    font-weight: bold;
    color: #131313;
}
.mobile .mCon_oem .item .text{
    font-size: .25rem;
    color: #131313;
}
.mobile .mCon_oem .center{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
    background: url('../img/m_oem.png') center no-repeat;
    background-size: cover;
}
.mobile .mCon_oem .ui-circle{
    position: relative;
    top: .8rem;
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
}
.mobile .mCon_oem .circle1{
    position: absolute;
    top: -.8rem;
    left: -.8rem;
    width: 4.8rem;
    height: 4.8rem;
    border: 1px solid rgba(195, 15, 15, 0.7);
    animation: 4s scale1 0s infinite;
    border-radius: 50%;
}
.mobile .mCon_oem .circle2 {
    position: absolute;
    top: -.9rem;
    left: -.9rem;
    width: 5rem;
    height: 5rem;
    border: 1px solid rgba(195, 15, 15, 0.4);
    animation: 4s scale2 0s infinite;
    border-radius: 50%;
}
.mobile .mCon_oem .circle3 {
    position: absolute;
    top: -1rem;
    left: -1rem;
    width: 5.2rem;
    height: 5.2rem;
    border: 1px solid rgba(195, 15, 15, 0.1);
    animation: 4s scale3 0s infinite;
    border-radius: 50%;
}
@keyframes scale1{
    0%{transform:scale(0.7)}
    50%{transform:scale(0.8)}
    100%{transform:scale(0.7)}
}
@keyframes scale2{
    0%{transform:scale(0.7)}
    50%{transform:scale(0.9)}
    100%{transform:scale(0.7)}
}
@keyframes scale3{
    0%{transform:scale(0.7)}
    50%{transform:scale(1)}
    100%{transform:scale(0.7)}
}

.mMenuOption{
    width: 100%;
    margin: 0.8rem auto;
    padding: 0.5rem;
    background: url('../img/menu_options_bg.png') no-repeat center;
    background-size: cover;
}
.mobile .mMenuHead{
    margin-bottom: .4rem;
}
.mobile .mMenuHead .title{
    font-size: 0.36rem;
    line-height: 0.72rem;
    letter-spacing: 2px;
    text-align: center;
    color: #ffffff;
}
.mobile .mMenuHead .subtitle{
    font-size: 0.25rem;
    margin-top: 0;
    padding: 0 0.4rem;
    text-align: center;
    color: #ffffff;
}
.mMenuOption li p{
    width: 100%;
    height: .8rem;
    margin-bottom: 5px;
    line-height: 0.8rem;
    text-align: center;
    color: #ffffff;
    background-color: #cc0b02;
    border-radius: 2px;
    border: solid 1px #ffffff;
}
.mMenuOption li div{
    display: none;
}
.mMenuOption li.current p{
    background-color: #f9dbdb;
    box-shadow: 1px 2px .24rem 0px #ad0a01;
    color: #bd0707;
}
.mMenuOption li:first-child div{
    display: block;
}
/* 系统功能介绍 */
.mSysIntroduction{
    margin-bottom: .6rem;
}
.mSysIntroduction .monitor{
    display: flex;
    align-items: center;
    width: 100%;
    height: 2rem;
    padding: 0 .5rem;
    background-color: #e7e8ea;
}
.mSysIntroduction .info .title{
    margin-bottom: .1rem;
    font-weight: bold;
    font-size: .28rem;
}
.mSysIntroduction .info .text{
    font-size: .2rem;
}
.mSysIntroduction .list{
    display: flex;
    flex-wrap: wrap;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    box-sizing: border-box;
}
.mSysIntroduction .list li{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    padding: 0.5rem;
    background-color: #ffffff;
    border-top: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    box-sizing: border-box;
}
.mSysIntroduction .list li img{
    width: .8rem;
    height: .8rem;
    margin-bottom: 0.2rem;
}
.mSysIntroduction .list li .info .title{
    margin-bottom: .1rem;
    font-size: .28rem;
}
.mSysIntroduction .list li .info .text{
    font-size: .2rem;
    text-align: justify;
}

.m_engineBox .en_top {
    text-align: center;
}

.m_engineBox .en_top .title {
    font-size: 0.36rem;
    line-height: 0.72rem;
	letter-spacing: 2px;
	color: #2b2b2b;
}

.m_engineBox .en_top .subtitle {
    font-size: 0.25rem;
    letter-spacing: 2px;
	color: #2b2b2b;
    padding: 0 0.4rem;
}
.m_engineBox .en_icon li span {
    display: block;
    padding-top: 0.2rem;
    font-size: 0.28rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #2b2b2b;
}
.m_engineBox .en_icon .en_actn span{
    color: #d33916;
}
.m_engineBox .en_icon {
    display: flex;
    justify-content: space-between;
    padding: 0 0.5rem;
}

.m_engineBox .en_icon li {
    width: 20%;
    font-size: 0.17rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
}
.m_engineBox .enBox{
    height: auto;
    margin-top: 20px;
}
.m_engineBox .enBox .options {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 1.5rem;
}
.m_engineBox .enBox .options li {
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.25rem;
    margin-right: 0;
    border: solid 1px #ffffff;
    border-radius: 2px;
    color: #ffffff;
}
.m_engineBox .enBox .options li.en_nact{
    border: 1px solid #b22023;
}
.m_engineBox .en_value {
    width: 100%;
    padding: 0 0.5rem 0.5rem;
    text-align: left;
    line-height: 0.24rem !important;
    overflow: hidden;
}
.m_engineBox .en_value p,.m_engineBox .en_value div,.m_engineBox .en_value span{
    font-size: 0.28rem !important;
    line-height: 0.4rem !important;
}
.m_engineBox .en_value img{
    display: none;
}
#m_engineBox .en_icon .en_actn::before{
    left: calc(50% - 8px);
    bottom: -20px;
    width: 16px;
    height: 12px;
}
#m_case{
    position: relative;
    width: 100%;
    margin-top: 0.8rem;
}
.mobile .en_more{
    width: 2rem;
    margin-left: calc(100% - 2rem);
}
#m_case .title{
    width: 100%;
    text-align: center;
    font-size: 0.36rem;
    line-height: 0.72rem;
	letter-spacing: 2px;
	color: #2b2b2b;
}
#m_case .list{
    width: calc(100% - 1rem);
    margin: 0 0.5rem;
    display: flex;
    flex-wrap: wrap;
}
#m_case .list li{
    width: 30%;
    height: 1.6rem;
    margin-right: 5%;
    margin-top: 0.5rem;
    flex: auto;
    background-size: contain;
    box-shadow: 0px 0px 18px 0px 
		rgba(209, 209, 209, 0.52);
}
#m_case .list li:nth-of-type(3n){
    margin-right: 0;
}
#m_aboutBox{
    margin: calc(0.8rem + 36px) 0 0.8rem;
}
#m_aboutBox .boxAbout{
    margin-top: 0.5rem;
}
#m_aboutBox .title{
    margin-bottom: 0;
    font-size: 0.36rem;
    line-height: 0.72rem;
}
#m_aboutBox .subtitle{
    font-size: 0.25rem;
    padding: 0 0.4rem;
}
#m_aboutBox .introduce{
    padding: 0.4rem;
    height: auto;
    background-size: cover;
}
#m_aboutBox .introduce p,#m_aboutBox .introduce span{
    font-size: 0.28rem !important;
    line-height: 0.4rem !important;
    text-align: justify;
}
#m_aboutBox .introduce p{
    margin-bottom: 0.2rem !important;
}
.mobile .ab_ab2.introduce p:nth-child(n+4){
    display: none;
}
#m_aboutBox .ab_ab2.strength{
    padding: 0.4rem;
    height: auto;
}
#m_aboutBox .ab_ab2.strength p{
    margin-bottom: 0.32rem;
    font-size: 0.36rem;
    letter-spacing: 0;
    line-height: 0.68rem;
}
#m_aboutBox .ab_ab2.strength p span{
    position: relative;
    margin: 0 0.1rem;
    font-size: 0.6rem;
}
#m_aboutBox .ab_ab2.strength p span.plus::before{
    content: '+';
    font-size: 0.32rem;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: -0.32rem;
}
#m_aboutBox .ab_ab2.strength .info{
    display: block;
    padding-top: 0;
}

#m_aboutBox .ab_ab2.strength .info ul li{
    font-size: 0.27rem;
    color: #ffffff;
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 0.04rem;
}
#m_aboutBox .ab_mid:last-child{
    padding: 0.5rem;
}
#m_newsBox{
    margin-bottom: 0.5rem;
}
#m_newsBox .title{
    font-size: 0.36rem;
    line-height: 0.72rem;
}
#m_newsBox .content{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
}
#m_newsBox .content .c_left{
    width: calc(100% - 1rem);
    margin: 0 0.5rem 0.3rem;
}
#m_newsBox .content .c_left img{
    height: 2.7rem;
}
#m_newsBox .content .c_right{
    width: calc(100% - 1rem);
    margin: 0 0.5rem;
}
#m_newsBox .content .c_right li{
    height: 1.2rem;
}
#m_newsBox .content .c_right li a{
    font-size: 0.3rem;
    margin-bottom: 0;
}
#m_newsBox .content .c_right li span{
    font-size: 0.3rem;
}
.mobile .newsBox .content .c_right li:first-child{
    border-top: none;
}
.mobile .newsBox .content .c_right li:last-of-type{
    margin-bottom: 0;
}
#feedback{
    padding: 0.5rem;
    background: #e9e9e9;
}
#feedback .us_sub input {
    width: 3.2rem;
    height: 0.8rem;
    font-size: 0.25rem;
    font-weight: 400;
    padding-left: 0.25rem;
    margin-bottom: 0.32rem;
}  
#feedback .us_sub textarea {
    width: 100%;
    height: 3rem;
    font-size: 0.25rem;
    padding-left: 0.25rem;
    padding-top: 0.25rem;
    margin-bottom: 0.32rem
}  
#feedback .sub_bt {
    width: 1.8rem;
    height: 0.8rem;
    margin-left: calc(100% - 1.8rem);
    background: #b22023;
    border-radius: 0.05rem;
    outline: none;
    font-size: 0.25rem;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    border: none;
}
.m_ad{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 0.5rem 0;
    background: #353535;
    border-bottom: 1px solid #727272;
}
.m_ad .icon{
    display: inline-block;
    width: 0.64rem;
    height: 0.64rem;
    vertical-align: middle;
    background: url('../img/ad_cloud.png') center no-repeat;
    background-size: cover;
    margin-right: 0.26rem;
}
.m_ad p{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.24rem;
	font-family:'SourceHanSansCN-Regular';
	font-size: 0.4rem;
    letter-spacing: 3px;
    color: #ffffff;
}
.m_ad p span{
    color: #ff0303;
}
.m_ad p .num{
    margin: 0 3px;
    font-family: 'Arial';
    font-style: normal;
	font-size: 0.54rem;
    letter-spacing: 4px;
    line-height: 22px;
}
.m_ad .ask{
    display: inline-block;
	height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.2rem;
    text-align: center;
	background-color: #353535;
    border: solid 2px #ff0303;
    font-family: SourceHanSansCN-Regular;
	font-size: 0.32rem;
	letter-spacing: 2px;
    color: #ff0303;
    user-select: none;
}
#m_footer{
    padding: 0.7rem 0.5rem;
    background: #353535;
    color: #272727;
}
#m_footer .title{
    margin-bottom: 0.4rem;
    font-size: 0.38rem;
    font-weight: bold;
    color: #ffffff;
}
#m_footer .fot_us p{
    margin: 0;
    margin-bottom: 0.18rem;
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 0.3rem;
    color: #ffffff;
}
#m_footer .fot_us p:nth-child(1)::before{
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background: url('../img/call.png') center no-repeat;
    background-size: contain;
}
#m_footer .fot_us p:nth-child(2)::before{
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background: url('../img/map.png') center no-repeat;
    background-size: contain;
}
#m_footer .fot_us p:nth-child(3)::before{
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background: url('../img/email.png') center no-repeat;
    background-size: contain;
}
#m_footer .fot_us p:last-child{
    padding-bottom: 0;
    border: 0;
}
#m_footer .fot_us img{
    width: 0.3rem;
    height: 0.3rem;
}
#m_footer .fot_us p span{
    padding-left: 0.5rem;
    line-height: 0.3rem;
}
#m_footer .fot_code{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 0.6rem;
}
#m_footer .fot_code img{
    width: 2rem;
    height: 2rem;
}
#m_footer .footBox{
    width: calc(100%);
}
#m_footer .foot_left{
    width: 100%;
    padding: 0;
}
.mobile .apBox {
    width: 90%;
    text-align: center;
    background: rgba(247, 247, 247, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.mobile .apBox .app_cancel{
    margin-right: 10px;
}
.mobile .apBox .app_cancel,.mobile .apBox .app_submit{
    width: 128px;
}
.mobile .apBox textarea{
    margin-bottom: 16px;
}
.mobile .con_fix{
    width: 90%;
    height: 500px;
    text-align: center;
    background: rgba(247, 247, 247, 1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 15px;
    position: absolute;
    top: 5%;
    left: 5%;
}
/* 详情页 */
.mobile .detail{
    margin: 0.8rem 0 0.5rem;
}
.mobile #dright .dTitle h6{
    font-size: 0.42rem;
    margin-bottom: 0;
}
.mobile #dright .dTitle p{
    margin-right: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.32rem;
}
.mobile #dright .ce_nv{
    padding: 0 0.5rem;
}
.mobile .detail .dnewBox{
    width: 100%;
    padding: 0 0.5rem;
}
.mobile .detail .dnewBox .n_top a{
    display: inline-block;
    width: 100%;
    height: 0.4rem;
    margin-bottom: 0.25rem;
    font-size: 0.36rem;
    font-weight: 500;
    line-height: 0.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.mobile .detail .dnewBox .n_top .content{
    display: flex;
    justify-content: space-between;
}
.mobile .detail .dnewBox .n_top .n_left{
    width: 55%;
}
.mobile .detail .dnewBox .n_top .n_left p{
    margin-top: 0;
    font-size: 0.32rem;
}
.mobile .detail .dnewBox .n_top .n_left span{
    font-size: 0.28rem;
}
.mobile .detail .dnewBox .n_top .n_right{
    width: 40%;
}
.mobile .detail .dnewBox .n_top .n_right img{
    object-fit: fill;
}

.mobile .fire_cases .case{
    margin: 0;
    width: calc(50% - 0.75rem);
    margin: 0 0.5rem 0.5rem;
    box-sizing: border-box;
}
.mobile .fire_cases .case:nth-child(even){
    margin-left: 0;
}
.mobile .fire_cases .case p{
    font-size: 0.28rem;
}
.mobile #dright{
    width: 100%;
}
.mobile .pageination span:hover{
    border: 1px solid #b1b1b1;
    color: #000000;
    background-color: #ffffff;
}
.mobile .pageination span.active{
    background-color: #b22023;
    color: #ffffff;
    border-color: #b22023;
}
.mobile .dzb_tit{
    width: auto;
    word-break : break-all ;   /* IE 允许词内换行 */
    word-wrap : break-word ;   /* IE 内容将在边界内换行 */  
}
.mobile .n_num, .pageshow > div{
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
}

/* 推广部分 */
.m_part{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0.6rem 0.6rem;
    font-size: 0.32rem;
}
.m_part .title{
    text-align: center;
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #141414;
    letter-spacing: 2px;
    font-weight: bold;
}
.m_part ul{
    display: flex;
    justify-content: center;
    align-self: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0.6rem auto;
}
.m_part .ask{
    padding: 0.22rem 0.38rem;
    border-radius: 0.43rem;
    box-shadow: 0 2px 6px 0 rgba(122,121,121,0.54);
    background: #ca190d;
    letter-spacing: 3px;
    color: #ffffff;
    border: none;
    cursor: pointer;
}
.m_part .more{
    width: 3rem;
    display: inline-block;
    color: #e70000;
    font-size: 0.28rem;
}
.m_part li{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 0.32rem;
    color: #202020;
}
.m_part li span{
    font-size: 0.28rem;
    margin-top: 0.12rem;
    text-align: center;
}
.m_business{
    background: url("../img/business_bg.png") center no-repeat;
    background-size: cover;
}
.m_business ul{
    width: 100%;
}
.m_business li{
    width: 29%;
    height: 2rem;
    margin-right: 5%;
    margin-bottom: 0.4rem;
    border: 1px solid #e25b56;
    border-radius: 8px;
    box-sizing: border-box;
    background: #ffffff;
}
.m_business li:nth-child(3n){
    margin-right: 0;
}
.m_business li img{
    width: 40%;
}
.m_business li span{
    color: #202020;
}
.m_service ul{
    width: 100%;
}
.m_service li{
    width: 20%;
    margin-right: 5%;
    margin-bottom: 53px;
    justify-content: flex-start;
}
.m_service li:nth-child(4n){
    margin-right: 0;
}
.m_service li img{
    width: 100%;
}
.m_service li span{
    letter-spacing: 1px;
    color: #141414;
}
.m_cert{
    padding: 0;
    background: #f5f5f5;
}
.m_cert .info{
    display: flex;
    width: 100%;
}
.m_cert .info .left,.m_cert .info .right{
    width: 100%;
    flex-direction: column;
    padding-right: 0.5rem;
    color: #141414;
}
.m_cert .info li{
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 19px;
    letter-spacing: 0;
}
.m_cert .info li i{
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 22px;
    background: url("../img/m_star.png") center no-repeat;
    background-size: cover;
}
.m_customer,.about{
    
}
.m_customer li{
    width: 30%;
    margin-right: 5%;
    margin-bottom: 59px;
    justify-content: flex-start;
}
.m_customer li:nth-child(3n){
    margin-right: 0;
}
.m_customer li span{
    margin-top: 20px;
    color: #141414;
}
.m_customer .more{
    margin-left: calc(100% - 3rem);
    text-align: right;
}
.m_project ul{
    justify-content: flex-start;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
}
.m_project li{
    justify-content: flex-start;
    width: 33%;
    height: 2rem;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
}
.m_project li img{
    margin-top: 0.5rem;
    width: 30%;
    height: 30%;
}
.m_design{
    background: #f5f5f5;
}
.m_design li{
    justify-content: flex-start;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 53px; 
}
.m_design li:nth-child(2n){
    margin-right: 0;
}
.m_design li span{
    margin-top: 20px;
}
.m_electric{
    background: url('../img/dianli/electric_bg.jpg') center no-repeat;
    background-size: cover;
}
.m_electric ul{
    width: 100%;
    justify-content: center;
}
.m_electric li{
    justify-content: flex-start;
    width: 20%;
    margin-right: 5%;
    margin-bottom: 53px;
}
.m_electric li span{
    margin-top: 20px;
}
.m_about{
    background: #f5f5f5;
}
.m_about .content{
    width: 100%;
    padding: 0.6rem 0;
}
.m_about .content p{
    font-size: 0.32rem;
    line-height: 0.4rem;
    color: #141414;
    text-indent: 0.32rem;
    text-align: justify;
}
.m_about .content .more{
    margin-top: 0.5rem;
    margin-left: calc(100% - 3rem);
    text-align: right;
}
.m_form{
    background: url("../img/form_bg.jpg") center no-repeat;
    background-size: cover;
}
.m_form ul{
    flex-direction: column;
    margin-top: 60px;
}
.m_form li{
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
}
.m_form li span{
    font-size: 0.32rem;
    letter-spacing: 1px;
    color: #4c4c4c;
}
.m_form li span i{
    font-size: 0.24rem;
    color: #bf0c08;
    margin-right: 8px;
}
.m_form input{
    width: 100%;
    height: 81px;
    margin-top: 0.16rem;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    text-indent: 0.32rem;
    
}
.m_form button{
    width: 50%;
    height: 0.8rem;
    margin-top: 68px;
    margin-left: 25%;
    border-radius: 4px;
    background: #ca190d;
    font-size: 0.28rem;
    color: #ffffff;
    letter-spacing: 8px;
    border: none;
    cursor: pointer;
    text-align: center;
}
.m_footer{
    width: 100%;
    padding: 0.5rem;
    color: #ffffff;
    background-color: #ae1b11;
}
.m_footer .name{
    margin-bottom: 0.24rem;
    font-size: 0.38rem;
    font-weight: bold;
}
.m_footer li{
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
    letter-spacing: 1px;
}
.m_footer li:last-child{
    margin-bottom: 0;
}