.crm-banner{width: 100%;position: relative;}
.crm-banner .item{width: 100%;position: relative;height: 7rem;overflow: hidden;}
.crm-banner .item .img{width: 100%;position: absolute;left: 0;top: 0;z-index: 1;height: 100%;}
.crm-banner .item .img img{width: 100%;height: 100%;object-fit: cover;}
.crm-banner .item .txt{width: 12.8rem;height: 100%;display: flex;justify-content: flex-end;margin: auto;position: relative;z-index: 11;}
.crm-banner .item .txt .box{width: 5rem;height: 100%;display: flex;justify-content: flex-end;align-content: center;flex-wrap: wrap;}
.crm-banner .item .txt .box .txt_1{width: 100%;font-size: 0.48rem;font-weight: bold;color: #fff;text-align: right;}
.crm-banner .item .txt .box .txt_2{width: 100%;font-size: 0.2rem;font-weight: bold;color: #fff;margin-top: .4rem;text-align: right;}
.crm-banner .item .txt .box .txt_3{width: 100%;font-size: 0.16rem;color: #fff;opacity: 0.8;margin-top: 0.24rem;margin-bottom: 0.4rem;text-align: right;}
.crm-banner .item .txt .box .txt_4{width: 1.04rem;height: 0.48rem;border: 0.01rem solid #fff;font-size: 0.16rem;color: #fff;display: flex;justify-content: center;align-items: center;}
.crm-banner .item2{width: 100%;position: relative;height: 7rem;overflow: hidden;}
.crm-banner .item2 .img{width: 100%;position: absolute;left: 0;top: 0;z-index: 1;height: 100%;}
.crm-banner .item2 .img img{width: 100%;height: 100%;object-fit: cover;}
.crm-banner .item2 .txt{width: 12.8rem;height: 100%;display: flex;justify-content: flex-start;margin: auto;position: relative;z-index: 11;}
.crm-banner .item2 .txt .box{width: 5rem;height: 100%;display: flex;justify-content: flex-start;align-content: center;flex-wrap: wrap;}
.crm-banner .item2 .txt .box .txt_1{width: 100%;font-size: 0.48rem;font-weight: bold;}
.crm-banner .item2 .txt .box .txt_2{width: 100%;font-size: 0.2rem;font-weight: bold;margin-top: .4rem;}
.crm-banner .item2 .txt .box .txt_3{width: 100%;font-size: 0.16rem;opacity: 0.8;margin-top: 0.24rem;margin-bottom: 0.4rem;}
.crm-banner .item2 .txt .box .txt_4{width: 1.04rem;height: 0.48rem;border: 0.01rem solid #000000;font-size: 0.16rem;display: flex;justify-content: center;align-items: center;}
.crm-banner .swiper-pagination{text-align: right;width: 12.8rem;left: 50%;transform: translateX(-50%);bottom: 0.56rem;}
.crm-banner .swiper-pagination-bullet{background: #BBBDBF;}
.crm-banner .swiper-pagination-bullet-active{background: #fff;}


.crm-why{width: 100%;background-color: #fff;padding-top: 1.08rem;padding-bottom: 2.2rem;}
.crm-why .content{width: 12.8rem;margin: auto;}
.crm-why .content .top{width: 100%;}
.crm-why .content .top p{display: block;width: 100%;text-align: center;color: #252626;}
.crm-why .content .top p:nth-child(1){font-weight: bold;font-size: 0.32rem;margin-bottom: 0.32rem;}
.crm-why .content .top p:nth-child(2){font-size: 0.18rem;}
.crm-why .content .list{width: 100%;margin-top: 1rem;height: 3.4rem;position: relative;background: url("../images/index_p1.png")no-repeat;background-size: 100%;}
.crm-why .content .list .item_1{width: 3rem;height: 0.96rem;display: flex;position: absolute;left: 1.4rem;top: -0.2rem;}
.crm-why .content .list .item_1 .text{height: 100%;margin-right: 0.2rem;}
.crm-why .content .list .item_1 .text p{display: block;width: 100%;text-align: right;}
.crm-why .content .list .item_1 .text p:nth-child(1){font-size: 0.24rem;}
.crm-why .content .list .item_1 .text p:nth-child(2){font-size: 0.16rem;color: #4B4C4D;margin-top: 0.16rem;}
.crm-why .content .list .item_1 .img{width: 0.96rem;height: 100%;}
.crm-why .content .list .item_1 .img img{width: 100%;}

.crm-why .content .list .item_2{width: 3rem;height: 0.96rem;display: flex;position: absolute;right: 1.4rem;top: -0.2rem;}
.crm-why .content .list .item_2 .text{height: 100%;margin-left: 0.2rem;}
.crm-why .content .list .item_2 .text p{display: block;width: 100%;text-align: left;}
.crm-why .content .list .item_2 .text p:nth-child(1){font-size: 0.24rem;}
.crm-why .content .list .item_2 .text p:nth-child(2){font-size: 0.16rem;color: #4B4C4D;margin-top: 0.16rem;}
.crm-why .content .list .item_2 .img{width: 0.96rem;height: 100%;}
.crm-why .content .list .item_2 .img img{width: 100%;}

.crm-why .content .list .item_3{width: 3rem;height: 0.96rem;position: absolute;left: 0;top: 1.2rem;}
.crm-why .content .list .item_3 .text{width:100%;margin-top: 0.2rem;}
.crm-why .content .list .item_3 .text p{display: block;width: 100%;text-align: left;}
.crm-why .content .list .item_3 .text p:nth-child(1){font-size: 0.24rem;}
.crm-why .content .list .item_3 .text p:nth-child(2){font-size: 0.16rem;color: #4B4C4D;margin-top: 0.16rem;}
.crm-why .content .list .item_3 .img{width: 0.96rem;height: 100%;}
.crm-why .content .list .item_3 .img img{width: 100%;}

.crm-why .content .list .item_4{width: 3rem;height: 0.96rem;position: absolute;right: 0;top: 1.2rem;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.crm-why .content .list .item_4 .text{width:100%;margin-top: 0.2rem;}
.crm-why .content .list .item_4 .text p{display: block;width: 100%;text-align: right;}
.crm-why .content .list .item_4 .text p:nth-child(1){font-size: 0.24rem;}
.crm-why .content .list .item_4 .text p:nth-child(2){font-size: 0.16rem;color: #4B4C4D;margin-top: 0.16rem;}
.crm-why .content .list .item_4 .img{width: 0.96rem;height: 100%;}
.crm-why .content .list .item_4 .img img{width: 100%;}

.crm-why .content .list .item_5{width: 3rem;height: 0.96rem;position: absolute;bottom: -0.5rem;left: 47%;}
.crm-why .content .list .item_5 .text{width:100%;margin-top: 0.2rem;}
.crm-why .content .list .item_5 .text p{display: block;width: 100%;text-align: left;}
.crm-why .content .list .item_5 .text p:nth-child(1){font-size: 0.24rem;}
.crm-why .content .list .item_5 .text p:nth-child(2){font-size: 0.16rem;color: #4B4C4D;margin-top: 0.16rem;}
.crm-why .content .list .item_5 .img{width: 0.96rem;height: 100%;}
.crm-why .content .list .item_5 .img img{width: 100%;}


.crm-function{width: 100%;background: url("../images/Ih-function-bg.jpg")no-repeat;background-size: 100% 100%;padding: 0.8rem 0;}
.crm-function .content{width: 12.8rem;margin: auto;}
.crm-function .content .top{width: 100%;}
.crm-function .content .top p{display: block;width: 100%;text-align: center;color: #252626;}
.crm-function .content .top p:nth-child(1){font-weight: bold;font-size: 0.32rem;margin-bottom: 0.32rem;}
.crm-function .content .top p:nth-child(2){font-size: 0.18rem;}
.crm-function .content .list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0.8rem;}
.crm-function .content .list .item{width: 24%;height: 2.68rem;border-radius: 0.12rem;background-color: #fff;display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start; margin-bottom: 0.16rem;padding: 0.4rem;box-sizing: border-box;}
.crm-function .content .list .item .icon{width: 100%;text-align: center;}
.crm-function .content .list .item .icon img{width: 0.56rem;}
.crm-function .content .list .item .line{width: 0.32rem;height: 0.04rem;border-radius: 0.1rem;background-color: #0698EB;margin: 0.24rem auto;}
.crm-function .content .list .item .txt{width: 100%;}
.crm-function .content .list .item .txt p{display: block;text-align: center;width: 100%;}
.crm-function .content .list .item .txt p:nth-child(1){font-size: 0.22rem;font-weight: bold;}
.crm-function .content .list .item .txt p:nth-child(2){font-size: 0.16rem;color: #4B4C4D;margin-top: 0.16rem;}

.crm-safe{width: 100%;background-color: #F1F4F9;padding: 0.8rem 0;}
.crm-safe .content{width: 12.8rem;margin: auto;}
.crm-safe .content .top{width: 100%;}
.crm-safe .content .top p{display: block;width: 100%;text-align: center;color: #252626;}
.crm-safe .content .top p:nth-child(1){font-weight: bold;font-size: 0.32rem;margin-bottom: 0.32rem;}
.crm-safe .content .top p:nth-child(2){font-size: 0.18rem;}
.crm-safe .content .box{width: 100%;display: flex;justify-content: space-between;margin-top: 0.8rem;}
.crm-safe .content .box .left{width: 3.63rem;display: flex;align-content: center;flex-wrap: wrap;}
.crm-safe .content .box .left .txt{width: 100%;margin-bottom: 0.4rem;}
.crm-safe .content .box .left .txt p{display: block;width: 100%;}
.crm-safe .content .box .left .txt p:nth-child(1){font-size: 0.22rem;font-weight: bold;position: relative;z-index: 10;line-height: 1;}
.crm-safe .content .box .left .txt p:nth-child(1)::before{content: '';width: 0.38rem;height: 0.08rem;background: linear-gradient(270deg, rgba(15, 121, 232, 0.25) 0%, #00ADEE 100%);position: absolute;left: 0;bottom: 0;z-index: -1;}
.crm-safe .content .box .left .txt p:nth-child(2){font-size: 0.16rem;margin-top: 0.24rem;}
.crm-safe .content .box .right img{width: 7.65rem;}

.crm-need{width: 100%;padding: 0.8rem 0;background-color: #fff;}
.crm-need .content{width: 12.8rem;margin: auto;}
.crm-need .content .top{width: 100%;}
.crm-need .content .top p{display: block;width: 100%;text-align: center;color: #252626;}
.crm-need .content .top p:nth-child(1){font-weight: bold;font-size: 0.32rem;margin-bottom: 0.32rem;}
.crm-need .content .top p:nth-child(2){font-size: 0.18rem;}
.crm-need .content .box{width: 100%;height: 3.27rem;display: flex;justify-content: space-between;margin-top: 0.8rem;}
.crm-need .content .box .left img{width: 3.8rem;}
.crm-need .content .box .right{padding: 0.6rem 0 0.6rem 0.6rem;box-sizing: border-box; width: 8.36rem;height: 100%;background: linear-gradient(to right, rgba(216, 234, 255, 0.66) 0%, rgba(248, 251, 255, 0.73) 66%, #FFFFFF 100%);border-radius: 0.12rem;position: relative;}
.crm-need .content .box .right .tag{width: 2.46rem;position: absolute;top: -0.38rem;left: 0.4rem;}
.crm-need .content .box .right .tag img{width: 100%;}
.crm-need .content .box .right .list{width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: space-between;}
.crm-need .content .box .right .list .item{width: 40%;margin-bottom: 0.24rem;}
.crm-need .content .box .right .list .item p{display: block;position: relative;}
.crm-need .content .box .right .list .item p:nth-child(1){font-size: 0.2rem;font-weight: bold;text-indent: 0.1rem;line-height: 1;}
.crm-need .content .box .right .list .item p:nth-child(1)::before{content: '';width: 0.04rem;height: 0.2rem;background-color: #00A0E9;border-radius: 0.1rem;position: absolute;left: 0;top: 0;}
.crm-need .content .box .right .list .item p:nth-child(2){font-size: 0.14rem;color: #4B4C4D;margin-top: 0.14rem;}

.crm-news{width: 100%;padding: 0.8rem 0;background: linear-gradient(180deg, #FFFFFF 0%, #D8EAFF 100%);}
.crm-news .content{width: 12.8rem;margin: auto;}
.crm-news .content .top{width: 100%;}
.crm-news .content .top p{display: block;width: 100%;text-align: center;color: #252626;}
.crm-news .content .top p:nth-child(1){font-weight: bold;font-size: 0.32rem;margin-bottom: 0.32rem;}
.crm-news .content .top p:nth-child(2){font-size: 0.18rem;}
.crm-news .content .box{width: 100%;height: 4.5rem;display: flex;justify-content: space-between;margin-top: 0.8rem;}
.crm-news .content .box .left{width: 4.84rem;height: 100%;background-color: #fff;display: block;}
.crm-news .content .box .left .img{width: 100%;height: 2.78rem;overflow: hidden;}
.crm-news .content .box .left .img img{width: 100%;transition: 0.5s;}
.crm-news .content .box .left .txt{width: 100%;padding: 0.4rem;box-sizing: border-box;}
.crm-news .content .box .left .txt .date{width: 100%;font-size: 0.16rem;color: #7D7E80;}
.crm-news .content .box .left .txt .title{width: 100%;display: flex;justify-content: space-between;margin-top: 0.2rem;}
.crm-news .content .box .left .txt .title .l{width: 80%;font-size: 0.22rem;font-weight: bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.crm-news .content .box .left .txt .title .r{width: 20%;display: flex;justify-content: flex-end;align-items: center;}
.crm-news .content .box .left .txt .title .r .icon{transition: 0.5s; width: 0.4rem;height: 0.4rem;border-radius: 0.4rem;display: flex;justify-content: center;align-items: center;border: 0.83px solid #EBEDF0;}
.crm-news .content .box .left .txt .title .r .icon i{transform: rotateY(180deg)}
.crm-news .content .box .left:hover .img img{transform: scale(1.1);}
.crm-news .content .box .left:hover .title .l{color: #00A0E9;}
.crm-news .content .box .left:hover .title .r .icon{background-color: #00A0E9;color: #fff;}

.crm-news .content .box .right{width: 7.64rem;height: 100%;background-color: #fff;padding: 0.48rem 0.5rem;box-sizing: border-box;}
.crm-news .content .box .right .item{display: flex;width: 100%;justify-content: space-between;margin-bottom: 0.5rem;}
.crm-news .content .box .right .item .l{display: flex;flex-wrap: wrap;align-content: center;justify-content: center;}
.crm-news .content .box .right .item .l p{display: block;width: 100%;text-align: center;}
.crm-news .content .box .right .item .l p:nth-child(1){font-size: 0.4rem;font-weight: bold;}
.crm-news .content .box .right .item .l p:nth-child(2){font-size: 0.16rem;color: #7D7E80;margin-top: 0.12rem;}
.crm-news .content .box .right .item .r{width: 84%; display: flex;justify-content: space-between;align-items: center;border-left: 0.83px solid #EBEDF0;padding-left: 0.24rem;box-sizing: border-box;}
.crm-news .content .box .right .item .r .txt{width: 80%;}
.crm-news .content .box .right .item .r .txt .title{width: 100%;font-size: 0.2rem;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.crm-news .content .box .right .item .r .txt .description{color: #7D7E80; width: 100%;font-size: 0.16rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;margin-top: 0.18rem;}
.crm-news .content .box .right .item .r .icon{width: 0.4rem;height: 0.4rem;transition: 0.5s;border-radius: 0.4rem;display: flex;justify-content: center;align-items: center;border: 0.83px solid #EBEDF0;}
.crm-news .content .box .right .item .r .icon i{transform: rotateY(180deg)}

.crm-news .content .box .right .item:hover .r .txt .title{color: #00A0E9;}
.crm-news .content .box .right .item:hover .r .icon{background-color: #00A0E9;color: #fff;}
.crm-news .content .box .right .item:hover .l p:nth-child(1){color: #00A0E9;}
