body{
    min-width: 1180px;
}


















/*  start  */
.mq-slider{
    width: 100%;
    min-width: 1180px;
    min-height: 520px;
    overflow: hidden;
    background: url("../../img/introduceUmonitor/sliderBg.jpg") center top no-repeat;
}
.mq-slider-main{
    position: relative;
    width: 1180px;
    height: 520px;
    margin: 0 auto;
}
.mq-slider-left{
    width: 530px;
    padding: 114px 0 0 0;
}
.mq-txt1{
    font-size: 30px;
    color: #000;
}
.mq-slider-left h2{
    margin-bottom: 6px;
    font-size: 56px;
    color: #000;
}
.mq-txt2{
    height: 33px;
    width: 328px;
    line-height: 33px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background: url("../../img/introduceUmonitor/text_bg.jpg") center no-repeat;
    margin-bottom: 54px;
}
.mq-txt3{
    font-size: 14px;
    color: #222222;
    letter-spacing: 4px;
}
.mq-start-umonitor{
    display: block;
    width: 160px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 42px;
    font-size: 16px;
    color: #FFF;
    background: #fe5023;
    margin: 10px 0 18px;

}
.mq-start-umonitor:hover{
    background: rgba(254, 80, 35, 0.88);
}
.mq-txt4{
    line-height: 22px;
    font-size: 13px;
    color: #222222;

}
.mq-txt4 b{
    font-size: 16px;
}
.mq-slider-right{
    position: absolute;
    bottom: 0;
    right: -110px;
}
.mq-slider-right img{
    display: block;
}
.mq-intro-trait{
    background: #FFF;
    min-width: 1180px;
    padding-bottom: 44px;
}
.mq-intro-title{
    padding: 35px 0 32px;
    text-align: center;
}
.mq-intro-title h2{
    font-size: 36px;
    color: #222222;
}

.mq-intro-title span{
    font-size: 20px;
    color: #444;
}

.mq-intro-traitList{
    width: 1180px;
    margin: 0 auto;
}
.mq-intro-traitList li{
    float: left;
    width: 270px;
    height: 215px;
    background: #eceff8;
    margin-right: 32px;
}
.mq-intro-traitList li:last-child{
    margin-right: 0;
}
.mq-intro-traitList li i{
    display: block;
    height: 114px;
    margin: 26px 0 8px;
}
.mq-intro-traitList li .mq-intro-icon1{
    background: url("../../img/introduceUmonitor/icon1.png") center no-repeat;
}
.mq-intro-traitList li .mq-intro-icon2{
    background: url("../../img/introduceUmonitor/icon2.png") center no-repeat;
}
.mq-intro-traitList li .mq-intro-icon3{
    background: url("../../img/introduceUmonitor/icon3.png") center no-repeat;
}
.mq-intro-traitList li .mq-intro-icon4{
    background: url("../../img/introduceUmonitor/icon4.png") center no-repeat;
}
.mq-intro-traitList li p{
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: #222222;
}

.mq-intro-process{
    min-width: 1180px;
    background: #eceff8;
}
.mq-intro-processList{
    padding: 10px 0 34px;
}
.mq-intro-processList-inner{
    position: relative;
    width: 857px;
    margin: 0 auto;
    height: 352px;
    background: url("../../img/introduceUmonitor/cir_bg.png") center no-repeat;
}
.mq-intro-processList-inner>div{
    position: absolute;
}
.mq-intro-processList-inner>div div,.mq-intro-processList-inner i{
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: 0 auto;
}
.mq-intro-processList-inner .mq-intro-cirBg1{
    background: url("../../img/introduceUmonitor/cir_bg1.png") no-repeat;
}
.mq-intro-processList-inner .mq-intro-cirBg2{
    background: url("../../img/introduceUmonitor/cir_bg2.png") no-repeat;
}
.mq-intro-processList-inner i.mq-cir1{
    background: url("../../img/introduceUmonitor/cir_txt1.png") center no-repeat;
}
.mq-intro-processList-inner i.mq-cir2{
    background: url("../../img/introduceUmonitor/cir_txt2.png") center no-repeat;
}
.mq-intro-processList-inner i.mq-cir3{
    background: url("../../img/introduceUmonitor/cir_txt3.png") center no-repeat;
}
.mq-intro-processList-inner i.mq-cir4{
    background: url("../../img/introduceUmonitor/cir_txt4.png") center no-repeat;
}
.mq-intro-processList-inner i.mq-cir5{
    background: url("../../img/introduceUmonitor/cir_txt5.png") center no-repeat;
}

.mq-intro-processList-inner p{
    font-size: 20px;
    color: #333333;
    text-align: center;
}
.mq-intro-txt1{
    margin-bottom: 16px;
}
.mq-intro-txt2{
    margin-top: 15px;
}
.mq-intro-process1{
    left: 42px;
    top: 22px;
}
.mq-intro-process2{
    left: 328px;
    top: 22px;
}
.mq-intro-process3{
    left: 621px;
    top: 22px;
}
.mq-intro-process4{
    left: 162px;
    top: 172px;;
}
.mq-intro-process5{
    left: 465px;
    top: 172px;
}
.mq-intro-secrecy{
    min-width: 1180px;
    width: 100%;
    height: 476px;
    background: url("../../img/introduceUmonitor/footer_bg.png") center 12px no-repeat;
}
.mq-intro-secrecyMain{
    width: 652px;
    height: 228px;
    margin: 38px auto 0;
}
.mq-intro-secrecyMain p{
    padding: 40px 34px 28px;
    line-height: 30px;
    font-size: 16px;
    color: #222222;

}
.mq-intro-secrecyMain a{
    display: block;
    width: 160px;
    height: 42px;
    line-height: 42px;
    border-radius: 42px;
    margin: 0 auto;
    font-size: 16px;
    color: #ffffff;
    background: #fe5023;
    text-align: center;
}