body,html{
    font-family: Source Han Sans CN,Microsoft YaHei;
}

.oneStop_main{
    width: 100%;
}
.main_box{
    margin: 0 auto;
    background: #FFFFFF;
}
.background_FFF{
    background: #ebeffe;
}
.background_blue{
    background: #2F54F1;
}
.main_header{
    font-weight: 400;
    font-size: 0.2344rem;
    color: #010101;
    text-align: center;
    padding-bottom: 0.2604rem;
}
.main_title {
    position: relative;
    font-weight: 600;
    font-size: 0.0938rem;
    color: #000000;
    line-height: 0.1875rem;
    padding: 0.2604rem 0;
    z-index: 1;
}


.main_header_b{
    height:2.3438rem;
    background: url(../image/st.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    line-height: 0.4167rem;
    padding-bottom: 0;
}
.size_52{
    font-size: 0.2708rem;
    font-weight: bold;
    letter-spacing: 8px;
}
.main_header_t{
    color: #fff;
    font-weight: 400;
    font-size: 0.1563rem;
    color: #000000;
    text-transform: uppercase;
    text-align: left;

}
.main_header_t .font_color{
    color:#2F64F6 ;
}
.main_header_t .title{
    font-size: 0.125rem;
}
.main_title span {
    position: relative;
    font-size: 0.1667rem;
}

.construct_content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.construct_content_text{
    font-weight: 400;
    font-size:  0.0885rem;
    color: #010101;
    /* text-indent: 2em; */
    letter-spacing: 0.0052rem;
    text-align: left;
    line-height: 0.125rem;
    width: 60%;
}
.construct_content_text p{
    margin-bottom: 0.1042rem;
    line-height: 0.1458rem;
}
.construct_content_text p:last-child{
    margin-bottom: 0;
}
.construction_box{
    padding-top: 0.2604rem;
    background: url(../image/jsbj.png);
    background-size: 70% 100%;
    background-position: right;
    background-repeat: no-repeat;
}
.construction_title{
    text-align: left;
    font-size: 0.1667rem;
    font-weight: 600;
    margin-bottom: 0.2604rem;
}
.profession_box{
  display: flex;
  justify-content: space-between;
}
.margin_top_15{
    margin-top: 0.0781rem;
}
.profession_left{
    width: 30%;
    background-color: #fff;
    min-height: 159.9936px;
    height: auto;
    padding: 0.1302rem;
    transition: all .5s;
    padding-top: 0.1563rem;
}
.profession_left img{
    padding-bottom: 0.1563rem;   
}
.profession_right{
    width: 69%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.margin_right_15{
    /* margin-right: 0.0781rem; */
}
.profession_box_item{
    width: 49.5%;
    background-color: #fff;
    min-height: 0.8333rem;
    height: auto;
    padding: 0.1302rem;
    transition: all .5s;
}
.profession_img{
    text-align: center;
}
.profession_img img{
    width: 0.2865rem;
    margin-bottom: 0.1042rem;
}
.profession_box_item:hover,.profession_left:hover{
    box-shadow: 1px 0px 10px #ccc; 
    transform: scale(1.01); 
}
.profession_title{
    font-weight: 500;
    font-size: 0.1042rem;
    color: #010101;
    font-weight: bold;
    /* font-style: italic; */
    text-align: center;
    position: relative;
}

.profession_text{
    font-weight: 400;
    font-size:  0.0885rem;
    color: #7d7d7d;
    text-align: left;
    margin-top: 0.1302rem;
    line-height: 0.1458rem;
  }
/* 产品优势 */
.cpys_bottom{
    font-weight: 400;
    font-size:  0.0885rem;
    color: #010101;
    display: flex;
    justify-content: space-between;
}
.cpys_bottom img{
    width: 0.2865rem;
    margin-left: 0.1042rem;
}
.cpys_bottom p{
    position: relative;
    padding-left: 0.1042rem;
    text-align: left;
    margin: 0.1042rem 0;
    font-weight: bold;
    font-size: 0.1042rem;

}
.cpys_bottom p::after {
    background-color: #0758F1;
    content:""; 
    width:0.0156rem; 
    height:0.1563rem; 
    border-radius: 0.0625rem;
    position: absolute; 
    top:50%;
    transform: translateY(-50%);
    left: 0;
  }
.cpys_bottom .cpys_item{
    display: block;
    width: 24%;
    text-align: left;
}
.cpys_item_content{
    padding-left: 0.1042rem;
    line-height: 0.1458rem;
    font-size: 0.0885rem;
    color: #7d7d7d;
}

/* 方案构成 */
.fa_box{
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #C9C9C9;

}
/* .fa_box_hr{
    width: 100%;
    height: 0.0104rem;
    background-color: #C9C9C9;
} */
.fa_box_item{
    width: 24.5%;
    background: #fff;
    font-size:  0.0885rem;
    margin-top: 0.2604rem;
    padding: 0.1042rem;
    text-align: left;
    height: 1.8708rem;
    line-height: 0.1458rem;
    position: relative;
}
.fa_box_item .round{
    width: 0.2604rem;
    position: absolute;
    top: -0.3999rem;
    left: 50%;
    transform: translateX(-50%);
}
.fa_box_item .tiao{ 
    width: 0.625rem;
    position: absolute;
    top: -0.0621rem;
    left: 50%;
    transform: translateX(-50%);
}
.fa_box_item p{
    margin: 0.1302rem 0;
    font-weight: 600;
    font-size: 0.1042rem;
    text-align: center;
    position: relative;
}
.fwb_color{
    color:#7d7d7d;
}

  /* 系统核心功能 */
  .hot_box{
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #000000;
  }
  .hot_title {
    height: 0.1563rem;
    line-height: 0.1563rem;
    text-align: left;
    margin-bottom: 0.1302rem;
    font-size: 0.125rem;
    display: flex;
    align-items: center;
  }
  .hot_title_left img{
    width: 0.1302rem;
    vertical-align: middle;
    margin-right: 0.1042rem;
  }
  .hot_title_left .xcwd{
    width: 0.1563rem;
  }
  .hot_title div{
    font-weight: bold;
    display: flex;
    font-size: 0.1042rem;
  }
  .hot_title div:nth-child(1){
    margin-right: 0.0521rem;
  }
  .hot_item{
    width: 24%;
    height: 1.0417rem;
    box-shadow: -1px 0px 84px 6px rgba(136,136,136,0.11);
    padding: 0.1042rem;
    margin-top: calc((100% - 3*32.5%)/2);
    transition: transform 0.3s ease-in-out;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #D2D2D2;
    background: #fff;
  }
 .hot_box .hot_item:hover{
    box-shadow: 1px 0px 8px #ccc; /* 添加阴影效果 */
    transform: scale(1.02);
}
  .hot_title .block{
    border: 0.0052rem solid #1D60FF;
    font-size:  0.0885rem !important;
    width: 0.4167rem;
    height: 0.1563rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #1D60FF;
  }
  .margin_left{
    margin-left: 0.1344rem;
  }
  .hot_box li{
    font-weight: 400;
    margin-bottom: 0.0781rem;
    position: relative;
    line-height:0.1354rem !important;
    text-align: left;
    color: #7d7d7d;
    font-size: 0.0885rem;
  }
  
  /* 工作台布局 */
.gzt_box{
    background: url(../image/gztbj1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.gzt_main{
    position: relative;

}
.gzt_box_top{
    height: 2.0833rem;
    text-align: left;
    color: #fff;
    display: flex;
    align-items: center;
}
.gzt_box_top h2{
    font-weight: bold;
}
.gzt_box_top p{
    font-size: 20px;
}
.gzt_box_top .gzt_box_text{
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.gzt_box_bottom{
    /* padding: 25px; */
    display: flex;
    justify-content: space-between;
}
.gzt_bottom_left{
    width: 60%;
    text-align: left;
}
.gzt_bottom_left div{
    display: flex;
    color: #858585;
    margin: 0.1302rem 0;
    line-height: 0.1458rem;

    /* justify-content: space-around; */
}
.gzt_bottom_left div p:first-child{
    color: #000;
    /* flex: 1 1 200px; */
    min-width: 0.4948rem;
    text-align: right;
    margin-right: 0.0521rem;
}
.gzt_bottom_right{
    width:3.125rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.gzt_bottom_right img{
    
}
/* 计算机端功能 */
.bottom_title{
    text-align: left;
}
.bottom_title img{
    width: 0.1563rem;
    vertical-align: text-top;
    margin-top: -0.0417rem;
}
.jsj_img_1{
    width: 67%;
}
.jsj_title{
    width: 28%;
}
.jsj_title p{
    color: #88909B;
    font-size: 0.1667rem;
    font-weight: bold;
    font-family: SourceHanSansCN, SourceHanSansCN;
    text-align: left;
}
.jsj_title h2{
    font-size: 0.1667rem;
    font-weight: bold;
    text-align: left;
    margin: 0.1823rem 0;
}
.jsj_title span{
    display: inline-block;
    width: 0.2083rem;
    height: 0.1823rem;
    background: #2D5CF6;
    border-radius: 3px 3px 3px 3px;
    color:#FFFFFF;
    padding: 0.0104rem 0.026rem 0.026rem;
    margin-left: 0.1042rem;
    font-size: 0.1458rem;
    text-align: center;
}
.jsj_title{

}
.jsj_title_text{
    display: flex;
}
.jsj_title_text p{
    font-size:  0.0885rem;
    line-height: 0.1302rem;
    color:#5F5F5F;
    font-weight: 100;
    font-family: SourceHanSansCN, SourceHanSansCN;
}
.jsj_title_text img{
    width: 0.1042rem;
    height: 0.1042rem;
    margin-right: 0.0781rem;
}
.marginTop_120{
    margin-top: 0.625rem;
}
.page_box1{

}
.paddingBottom_35{
    padding-bottom: 0.1823rem;
}
.paddingTop_35{
    padding-top: 0.2604rem;
}
.page_img{
    width: 67%;
    position: relative;
}
.page1_img::after{
    content:"";
    position: absolute;
    top:50%;
    right: -30%;
    width: 30%;
    height: 1.8229rem;
    border-top: 2px dashed #2F54F1;
    border-right: 2px dashed #2F54F1;
}

.page_box2,.page_box3{
    margin-top: 0.2344rem;
    position: relative;
}
.page2_img::after{
    content:"";
    position: absolute;
    top:60%;
    /*transform: translateY(-50%);*/
    left: -30%;
    width: 30%;
    height: 1.3542rem;
    border-top: 2px dashed #2F54F1;
    border-left: 2px dashed #2F54F1;
}
.ccjg_img{
    width: 49.5%;
}
.page3_box{
    margin-top: 0.3125rem;
}
.ccjg_info{
    display: flex;
    justify-content: space-between;
    margin: 0.1302rem 0;
    border-bottom: 3px solid #2455F6;
    align-items: center;
}
.ccjg_info_item p{
    color:#58616F;
    font-size:  0.0885rem;
}
.ccjg_info_item{
    font-size:  0.0885rem;
    padding: 0.1302rem 0;
    text-align: left;
    color:#58616F;
}
.ccjg_info_item img{
    width: 0.0781rem;
    height: 0.0781rem;
    vertical-align: middle;
    margin-right: 0.0521rem;
}
.width100{
    width: 100%;
}
.tjfx_info{
    margin: 0.3125rem 0;
}
.page4_left,.page4_right{
    width: 49.5%;
}
.tjxf_text{
    margin: 0.0521rem;
    color: #5F5F5F;
}

/*移动端功能*/
.ydd_img_1{
    width: 56%;
}
/*.ydd_img_1 img{*/
/*    width: 70%;*/
/*}*/
.ydd_box,.yddpage_right{
    width: 38%;
}
.ydd_title{
    text-align: left;
    display: flex;
    margin-top: 0.1042rem;
}
.ydd_title .yw_title{
    font-size: 0.1354rem;
    font-weight: bold;
    margin-bottom: 0.0521rem;
}
.ydd_title .tb{
    width: 0.1302rem;
    height: 0.1302rem;
    vertical-align: top;
    margin-right: 0.0521rem;
}
.ydd_title .yw_described{
    color: #B0B0B0;
}
.ydd_margin,.rw2_img{
    margin-top: 0.2083rem;
}
.rw2_img{
    width: 80%;
}
.page4_left,.page4_right{
    width: 45%;
}
.yddpage_left{
    text-align: left;
    width: 63%;
}

.zfsq{
    align-items: center;
}
.yddpage_left img{
   width: 60%;
   text-align: left;
}




/* 底部 */
.footer{
    width: 100%;
    /* position: fixed;
    bottom: 0; */
    height: 1.0417rem;
    background:#494E5A;
    color: #fff;
    font-size:  0.0885rem;
    text-align: center;
}
.footer_content{
    line-height: 0.1502rem;
    text-align: center;
    padding-top: 0.2083rem;
}
.footer_content a{
    color: #fff;
    text-decoration: none;
}
.footer_content div {
    margin-bottom: 0.2083rem;
}

.beian img{
    width: 0.1042rem;
}