/*banner*/
.banner-con {
    width: 100%;
    background-color: #00071b;
}
.banner-con .intelligent-img {
    width: 4.41rem;
}
/*banner-end*/

.int-info{
    position: relative;
    width: 100%;
    height: 5.1rem;
}
.int-info .info-bg {
    width: 100%;
    height: 1.9rem;
    background-image: url("../../../statics/images/hcr_m/intelligent/info-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.int-info .title-box{
    position: absolute;
    left: 2.2rem;
    top: 0;
    line-height: 1.8rem;
    font-size: .34rem;
    color: #2288df;
}
.int-info .title-box .analysis-icon{
    background-image: url("../../../statics/images/hcr_m/intelligent/analysis-icon.png");
}
.int-info .title-box .fusion-icon{
    background-image: url("../../../statics/images/hcr/intelligent/fusion-icon.png");
}
.int-info ul{
    float: right;
    width: 100%;
    padding-left: 1.45rem;
}
.int-info ul li{
    width: 100%;
    /* height: .6rem; */
    padding-left: 35px;
    margin-bottom: 10px;
    line-height: .6rem;
    font-size: .3rem;
    color: #4c4c4c;
    background-image: url(../../../statics/images/hcr/intelligent/li-icon.png);
    background-repeat: no-repeat;
    background-position: 10px .23rem;
}
.feature-box{
    width: 100%;
    height: 4.2rem;
    background-color: #2288df;
}
.feature-box .box-container{
    height: 4.2rem;
    color: #fff;
    text-align: center;
    background: url("../../../statics/images/hcr/intelligent/line-bg.png") center no-repeat;
    background-position-y: bottom;
    background-size: cover;
}
.feature-box .box-container h3{
    padding-top: 0.55rem;
}
h3{
    font-size: .4rem;
    font-weight: normal;
    color: #fff;
    text-align: center;
}
.feature-box .box-container p{
    margin-top: .5rem;
    font-size: .3rem;
    padding: 0 .25rem;
    line-height: .45rem;
}
.scene-box {
    width: 100%;
    height: 7.25rem;
    background-color: #fafbff;
}
.scene-box .box-container{
    height: 7.25rem;
    padding-top: 1.3rem;
    color: #4c4c4c;
}
.scene-box .box-container h3{
    margin-bottom: .65rem;
    color: #4c4c4c;
}
.scene-box .top {
    height: 1.7rem;
    padding: 0 .57rem;
}
.scene-box .bottom {
    height: 1.7rem;
    padding: 0 .59rem;
}
.scene-box .top img,
.scene-box .bottom img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.scene-box .top img {
    width: 6.36rem;
}
.scene-box .bottom img {
    width: 6.32rem;
}
.scene-box li{
    float: left;
    height: 1rem;
    padding-top: .2rem;
    font-size: .28rem;
    text-align: center;
}
.scene-box .top li {
    width: 2.12rem;
}
.scene-box .bottom li {
    width: 1.58rem;
}
.advantage-box{
    position: relative;
    height: 6.8rem;
}
.advantage-box .advantage-bg {
    width: 100%;
}
.advantage-box h3{
    position: absolute;
    right: 1.56rem;
    top: 2rem;
    font-size: .4rem;
}
.advantage-box p{
    position: absolute;
    width: 100%;
    right: 0;
    top: 4.1rem;
    font-size: 0.28rem;
    line-height: .4rem;
    color: #333;
    padding: 0 0.56rem;
}
.technology-box{
    width: 100%;
    height: 7rem;
    padding-top: .55rem;
    background: url("../../../statics/images/hcr_m/intelligent/technology-bg.png") center no-repeat;
    background-size: 100% 100%;
    background-color: #2288df;
}
.technology-box ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.technology-box ul li{
    width: calc((100% - 50px)/3);
    height: 2.7rem;
}
.technology-box ul{
    margin-top: .7rem;
}
.technology-box li .technology-img{
    width: .6rem;
    height: .6rem;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}
.technology-box li .technology-img1{
    background-image: url("../../../statics/images/hcr/intelligent/technology-img1.png");
}
.technology-box li .technology-img2{
    background-image: url("../../../statics/images/hcr/intelligent/technology-img2.png");
}
.technology-box li .technology-img3{
    background-image: url("../../../statics/images/hcr/intelligent/technology-img3.png");
}
.technology-box li .technology-img4{
    background-image: url("../../../statics/images/hcr/intelligent/technology-img4.png");
}
.technology-box li .technology-img5{
    background-image: url("../../../statics/images/hcr/intelligent/technology-img5.png");
}
.technology-box li .technology-img6{
    background-image: url("../../../statics/images/hcr/intelligent/technology-img6.png");
}
.technology-box li p{
    margin-top: 0.25rem;
    font-size: .26rem;
    line-height: 0.45rem;
    text-align: center;
    color: #fff;
    width: 78%;
    margin-left: auto;
    margin-right: auto;
}
.scheme-box{
    position: relative;
    height: 10.5rem;
    margin-top: .8rem;
    padding: 0 25px;
}
.scheme-box  p{
    margin-top: .55rem;
    margin-bottom: .7rem;
    font-size: .28rem;
    line-height: .45rem;
    text-align: center;
}
.scheme-box .scheme-bg {
    display: block;
    width: 6.6rem;
    margin-left: auto;
    margin-right: auto;
}
.result-box{
    color: #4c4c4c;
    padding-bottom: 1rem;
}
.result-box h3{
    color: #4c4c4c;
}
.result-box p{
    margin-top: .3rem;
    font-size: .3rem;
    text-align: center;
}
.result-box ul{
    width: 100%;
    margin-top: .45rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.result-box ul li{
    width: 3.3rem;
    height: 2.35rem;
}
.result-box li .result-img{
    width: .66rem;
    height: .66rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}
.result-box li.result-li-1 {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.result-box li.result-li-2 {
    border-bottom: 1px solid #ebebeb;
}
.result-box li.result-li-3 {
    border-right: 1px solid #ebebeb;
}

.result-box li .result-img1{
    background-image: url("../../../statics/images/hcr_m/intelligent/result-img1.png");
}
.result-box li .result-img2{
    background-image: url("../../../statics/images/hcr_m/intelligent/result-img2.png");
}
.result-box li .result-img3{
    background-image: url("../../../statics/images/hcr_m/intelligent/result-img3.png");
}
.result-box li .result-img4{
    background-image: url("../../../statics/images/hcr_m/intelligent/result-img4.png");
}
.result-box li p{
    margin-top: .15rem;
    text-align: center;
    font-size: .3rem;
}
p.info-title{
    font-size: .3rem;
    text-align: center;
    color: #4c4c4c;
    padding-top: .3rem;
    padding-bottom: .2rem;
}
.int-info .fusion-bg {
    background-image: url("../../../statics/images/hcr_m/intelligent/fusion-bg.png");
}
.int-info ul.fusion-ul li {
    line-height: .45rem;
    padding-right: .25rem;
    padding-top: .07rem;
    padding-bottom: .07rem;
}
.demand-box{
    width: 100%;
    background: url("../../../statics/images/hcr_m/intelligent/demand-bg.png") center no-repeat;
    background-size: cover;
}
.demand-box .box-container{
    position: relative;
    height: 4.8rem;
}
.demand-box .demand-info{
    position: absolute;
    left: .25rem;
    top: 1.4rem;
    width: 3.65rem;
}
.demand-box .demand-info h3 {
    text-align: left;
}
.demand-box .demand-info p{
    margin-top: .25rem;
    color: #fff;
    font-size: .26rem;
    line-height: .45rem;
    text-align: left;
}
.fusion-advantage{
    height: 4.5rem;
    padding-top: 1.4rem;
    color: #4c4c4c;
}
.fusion-advantage h3{
    color: #4c4c4c;
}
.fusion-advantage ul{
    height: 1.8rem;
    margin-top: .7rem;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../../../statics/images/hcr_m/intelligent/fusion-advantage-bg.png");
    background-repeat: no-repeat;
    background-size: 6.45rem auto;
    background-position: center 0;
}
.fusion-advantage ul li{
    float: left;
    width: 1.8rem;
    padding-top: 1.25rem;
    line-height: .45rem;
    text-align: center;
    font-size: .28rem;
}
.fusion-advantage ul li:nth-child(1){
    padding-left: .17rem;
}
.fusion-advantage ul li:nth-child(2){
    margin-left: 1.05rem;
}
.fusion-advantage ul li:nth-child(3){
    margin-left: .90rem;
}
.data-origin{
    position: relative;
    margin-top: 1.4rem;
    height: 5.5rem;
    background: url("../../../statics/images/hcr_m/intelligent/data-origin-bg.png") center no-repeat;
    background-size: 100% auto;
}
.data-origin h3{
    color: #4c4c4c;
}
.data-origin .data-item{
    position: absolute;
    width: 2rem;
    color: #fff;
    top: 1.7rem;
}
.data-origin .big-data{
    left: .25rem;
}
.data-origin .small-data{
    width: 1.65rem;
    right: .25rem;
}
.data-origin .data-item h4{
    font-size: .28rem;
    font-weight: normal;
}
.data-origin .data-item li{
    width: 2rem;
    padding-left: .25rem;
    font-size: .24rem;
    background-image: url(../../../statics/images/hcr/intelligent/li-white-icon.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    line-height: .45rem;
}
.search-engine{
    height: 2.93rem;
    margin-top: .95rem;
    color: #4c4c4c;
}
.search-engine h3{
    color: #4c4c4c;
}
.search-engine p{
    margin-top: .5rem;
    font-size: .3rem;
    padding: 0 .25rem;
    line-height: .45rem;
}
.label-box{
    margin-top: 100px;
    color: #4c4c4c;
}
.label-box h3{
    color: #4c4c4c;
}
.label-box .info-title{
    font-size: .34rem;
    text-align: center;
    margin-top: .25rem;
}
.label-box .down-arrow{
    width: 100%;
    margin-top: .15rem;
    text-align: center;
    font-size: .34rem;
    color: #2288df;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.label-box ul{
    margin-top: .2rem;
    padding: .25rem;
    position: relative;
    padding-left: .45rem;
}
.label-box ul li{
    position: relative;
    width: 2.2rem;
    float: left;
}
.right-arrow-box {
    position: absolute;
    width: 1rem;
    height: .15rem;
    display: flex;
    justify-content: space-around;
    margin-top: .45rem;
}
.mg-b-150 {
    margin-bottom: 1.45rem;
}
.right-arrow-box-1 {
    left: 2.16rem;
}
.right-arrow-box-2 {
    left: 4.36rem;
}
.right-arrow-box-3 {
    flex-direction: column;
    height: 1.3rem;
    width: .15rem;
    top: 1.6rem;
    right: 1.52rem;
}
.right-arrow-box-4 {
    left: 4.36rem;
    bottom: 1.4rem;
}
.right-arrow-box-5 {
    left: 2.16rem;
    bottom: 1.4rem;
}
.right-arrow-icon {
    width: 0;
    height: 0;
    border: .12rem solid #2288df;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.right-arrow-box-3 .right-arrow-icon {
    width: 0;
    height: 0;
    border: .12rem solid #2288df;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    margin: .05rem 0;
}
.right-arrow-box-4 .right-arrow-icon ,
.right-arrow-box-5 .right-arrow-icon {
    width: 0;
    height: 0;
    border: .12rem solid #2288df;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.label-box li div{
    width: 1.14rem;
    height: 1.14rem;
    margin: 0 auto;
}
.label-box li .label-img1{
    background: url("../../../statics/images/hcr_m/intelligent/label-img1.png") center no-repeat;
    background-size: 1.14rem 1.14rem;
}
.label-box li .label-img2{
    background: url("../../../statics/images/hcr_m/intelligent/label-img2.png") center no-repeat;
    background-size: 1.14rem 1.14rem;
}
.label-box li .label-img3{
    background: url("../../../statics/images/hcr_m/intelligent/label-img3.png") center no-repeat;
    background-size: 1.14rem 1.14rem;
}
.label-box li .label-img4{
    background: url("../../../statics/images/hcr_m/intelligent/label-img4.png") center no-repeat;
    background-size: 1.14rem 1.14rem;
}
.label-box li .label-img5{
    background: url("../../../statics/images/hcr_m/intelligent/label-img5.png") center no-repeat;
    background-size: 1.14rem 1.14rem;
}
.label-box li .label-img6{
    background: url("../../../statics/images/hcr_m/intelligent/label-img6.png") center no-repeat;
    background-size: 1.14rem 1.14rem;
}
.label-box li p{
    text-align: center;
    font-size: .28rem;
    margin-top: .2rem;
}
.label-box .user-box{
    width: 100%;
    height: 2rem;
    margin-top: 40px;
    padding: .2rem .25rem 0 .25rem;
    color: #fff;
    text-align: center;
    line-height: .45rem;
    background-color: #2288df;
}
.label-box .user-box .num{
    font-size: .34rem;
}
.label-box .user-box .text{
    margin-top: .15rem;
    font-size: .28rem;
}
.technique-box{
    margin-top: 90px;
    color: #4c4c4c;
}
.technique-box h3{
    color: #4c4c4c;
}
.technique-box h4{
    margin-top: .6rem;
    font-size: .32rem;
    text-align: center;
    font-weight: normal;
    margin-bottom: .7rem;
}
.technique-box ul{
    display: flex;
    justify-content: center;
}
.technique-box ul li{
    width: 2.8rem;
    margin-bottom: .7rem;
}
.technique-box ul li.mg-l-0{
    margin-left: 0;
}
.technique-box li div{
    width: .8rem;
    height: .8rem;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}
.technique-box li .technique-img1{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img1.png");
}
.technique-box li .technique-img2{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img2.png");
}
.technique-box li .technique-img3{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img3.png");
}
.technique-box li .technique-img4{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img4.png");
}
.technique-box li .technique-img5{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img5.png");
}
.technique-box li .technique-img6{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img6.png");
}
.technique-box li .technique-img7{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img7.png");
}
.technique-box li .technique-img8{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img8.png");
}
.technique-box li .technique-img9{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img9.png");
}
.technique-box li .technique-img10{
    background-image: url("../../../statics/images/hcr_m/intelligent/technique-img10.png");
}
.technique-box li p{
    margin-top: .2rem;
    font-size: .26rem;
    text-align: center;
}
.use-item-box {
    height: 100%;
    margin-top: .55rem;
}
.use-box .use-item{
    width: 100%;
    height: 4rem;
    margin-bottom: .4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: relative;
}
.use-box .use-crm{
    background-image: url("../../../statics/images/hcr_m/intelligent/int-crm-bg.png");
}
.use-box .use-ai{
    background-image: url("../../../statics/images/hcr_m/intelligent/int-ai-bg.png");
}
.use-box .use-gov{
    background-image: url("../../../statics/images/hcr_m/intelligent/int-gov-bg.png");
}
.use-box .use-city{
    background-image: url("../../../statics/images/hcr_m/intelligent/int-city-bg.png");
}
.use-box .use-med{
    background-image: url("../../../statics/images/hcr_m/intelligent/int-med-bg.png");
}
.use-item h3{
    position: absolute;
    top: 1.8rem;
    width: 2.5rem;
    text-align: center;
    font-size: .3rem;
    color: #4c4c4c;
}
.use-item h3.align-left {
    left: .4rem;
}
.use-item h3.align-right {
    right: .44rem;
}
.use-item-box p{
    margin-top: .2rem;
    font-size: .26rem;
    line-height: .45rem;
    padding: 0 .25rem;
}
.use-item-box .dash-line {
    width: 7rem;
    height: .4rem;
    margin-left: .25rem;
    margin-bottom: .45rem;
    border-bottom: 0.01rem dashed #d6ecfd;
}
