
/* 首页轮播 */
.banner-main{width: 100%;height: 8.64rem;position: relative;max-height: 864px;overflow: hidden;}
.banner-main img{width: 100%;height: 100%;object-fit: cover;}
.banner-main .swiper-slide{position: relative;}
.banner-main .handle{width: 3.2rem;
    height: 0.72rem;
 background: linear-gradient(270deg, #FFA664 0%, #FF4842 100%);border-radius: 36px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;
 margin:  26% auto auto;font-size: 1vw;color: #FFFFFF;
 /* min-height: 40px; */
}
.swiper-handle {position: absolute;right: 3.69rem;bottom:1.56rem ;z-index: 1000;}
.swiper-handle >div{width: .48rem;height: .48rem;background-color: red;
    background: url('../image//index/swiper-right.png') center center no-repeat;background-size: contain;
    cursor: pointer;
}
.swiper-handle .button-prev{transform: rotate(180deg);}
.swiper-handle .button-next{margin-left: .1rem;}
.swiper-handle .swiper-button-disabled{opacity: .5;}
/* 软件产品及场景应用 */
.software-main{padding-bottom: 1rem;}
.software-list{height: 4.91rem;max-height: 491px;}
.software-title{margin-top: 1rem;padding-bottom: .7rem;}
.software-title{text-align: center;}
.software-title .name{font-size: 20px;}
.software-title .text {color: #BAC2CB;font-size: 14px;margin-top: .14rem;}
.software-title .text::after{content:'';width: 0.59rem;height: 1px;background-color: #3E5368;display: block;
margin: .2rem auto 0;}
/*  */
.software-main .list{height: 100%;position: relative;width: 8.6rem;
    /* max-width: 860px */
    ;}
.software-main .list > li{height: 100%;
    position: relative;width: 100%;display: none;}
.software-main .list>li.active{display: block;}
.software-main .list img{width: 100%;height: 100%;object-fit: cover;-webkit-object-fit: cover;}
.software-main .list .des-content{position: absolute;
width: 100%;height: 100%;left: 0;top: 0;padding: .95rem .6rem 0;color: #fff;font-weight: 400;}
.software-main .list .des-content .title{font-weight: 600;
    
    /* font-size: .2rem; */

}
.software-main .title::after{content:'';width: .32rem;margin-top: .2rem;height: 1px;background-color: #fff;display: block;}
.software-main .text{margin-top: .2rem;line-height: 1.5;
    /* font-size: .16rem; */
}
.software-main .title-service{margin-top: .16rem;
    /* font-size: .16rem; */
}
.software-main .service-list{margin-top: .1rem;}
.software-main .service-list li{padding: 0 .12rem;margin-right: .1rem;background-color: rgba(54, 97, 161,.64); border-radius: 0.05rem;line-height: 1.6;font-size: .14rem;}
.software-main .more{position: absolute;left: .6rem;bottom: .5rem;border: 1px solid #FE9031;border-radius: 0.06rem;width: 140px;
    line-height: .48rem;text-align: center;color: #FE9031;font-size: .2rem;}
/*  */
.software-list .nav{width: 3.3rem;color: #152E4A;background-color: #fff;padding-top: .24rem;padding-left: .6rem;
    /* max-width: 330px; */
    text-align: right;padding-right: .28rem;}
.software-list .nav a{display: inline-block;}
.software-list .nav li{width: 2.42rem;
    line-height: 0.52rem;margin-top: .14rem;text-align: right;padding-right: .32rem;position: relative;}
.software-list .nav li::before{content:'';width: .24rem;height: .24rem;top: 50%;background: url('../image/index/arrow-left.png') center center no-repeat;background-size:contain;left: .24rem;position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.software-list .nav li::after{content:'';width:1px;height: 0.22rem;background-color:#FE9031;top: 50%;right: 0;position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

        .software-list .nav li:hover{cursor: pointer;}
.software-list .nav li:hover,.software-list .nav li.active{color: #fff;background: linear-gradient(270deg, #FE9031 0%, #FE9031 100%);border-radius: 0.06rem;}
.software-list .nav li:hover::after,
.software-list .nav li.active::after{
    opacity: 0;
}
.index-title::after{ content:'';display:block;width: .4rem;height: 1px;background-color:#FFFFFF;margin-top: .18rem;}
/* 场景运营与解决方案 */
.programme-main{width: 100%;padding-bottom: .87rem;
    background: url('../image/index/bg.jpg') center center no-repeat;
background-size: cover;
background-color: rgba(47, 61, 94, .74);
}
.programme-main .list-main{background: linear-gradient(74deg, #21293D 0%, #222F4B 100%);}
.programme-border{content:'';display:block;width: 100%;height: 10px;background: linear-gradient(270deg, #FFA664 0%, #FF4842 100%);}
.programme-main .programme-title{padding: .32rem 0;color: #fff;}
/* .programme-main .list{border: 1px solid #6D6D6D;} */
.programme-main .list li,.programme-main .list >a{
    
    width: 25%;
    border-top: 1px solid #6D6D6D;
    border-bottom: 1px solid #6D6D6D;
    border-right:1px solid #6D6D6D; ;
    /* border-right: ; */
}

.programme-main .list li:nth-child(1){
    border-left:1px solid #6D6D6D; ;
    /* border-top: ; */
    /* border: 1px solid #6D6D6D; */
}
.programme-main .list li:hover{
    border-width: 0;
    /* padding-left: 1px; */
}
/* .programme-main .list li,
.programme-main .list>a{border-top-width: 0;} */
/* .programme-main .list li{} */
.programme-main .list li{padding: .48rem .3rem .81rem .24rem;position: relative;color: #fff;}
.programme-main .list li:hover{cursor: pointer;}
.programme-main .list .name{}
.programme-main .list .des {font-size: 12px;line-height: 1.5;margin-top: .24rem;}
.programme-main .list img{margin-top:.4rem ;width: 100%;height: auto;display: block;}
.programme-main .list img.active{display: none;}
.programme-main .list .more {line-height: 36px;
    background-color: #222D46;
    border-radius: 4px;width: 144px;position: absolute;
left: .24rem;bottom: .27rem;padding-left: 13px;padding-right: 12px;visibility: hidden;}
.programme-main .list .more::after{content:'';width: 24px;height: 24px;background: url('../image/index/arrow-right.png') right center no-repeat;background-size: contain;}
.programme-main .list .more {}
.programme-main .list li:hover,.programme-main .list li.active{background: linear-gradient(180deg, #FFA564 0%, #FF4842 100%);}
.programme-main .list li:hover img{
    display: none;
}.programme-main .list li:hover img.active{
    display: block;
}
.programme-main .list li:hover .more ,
.programme-main .list li.active .more{
    visibility: initial;
}
.programme-main .list li *{z-index: 10;position: relative;}
/* .programme-main .list li::after{content:'';background: radial-gradient(circle farthest-side at left top, #FFD0AE 0%, rgba(255, 72, 66, 0) 100%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 0;} */


/* 合作伙伴 */
.cooperation-main{padding-bottom: .88rem;}
.cooperation-main .cooperation-title::after{background-color: #152E4A;}
.cooperation-main .cooperation-title{padding-top: 1rem;}
.cooperation-main .nav{margin-top: .43rem;padding-bottom: 1px;border-bottom: 1px solid #A9AFBE;}
.cooperation-main .nav li{cursor: pointer;}

.cooperation-main .nav li:not(last-child){margin-right: .5rem;}
.cooperation-main .nav li::after{content: '';width: .66rem;height: 3px;margin: .1rem auto 0;display: block;background-color: #FE9031;visibility: hidden;}
.cooperation-main .nav li.active::after{visibility: initial;}

.cooperation-main .list{margin: 0 -.425rem;padding-top: .8rem;}
.cooperation-main .list .tabel-item{display: none;}
.cooperation-main .list .tabel-item.active{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;}
.cooperation-main .list li{width: 20%;padding: 0 .425rem;position: relative;margin-bottom: 32px;}

.cooperation-main .list img{width: 100%;height: 100%;object-fit: contain;;
    -webkit-object-fit: contain;}
        .cooperation-main .list li img:nth-child(2){
            display: none;
        }
.cooperation-main .list li:hover img:nth-child(1) {
    display: none;
}

.cooperation-main .list li:hover img:nth-child(2) {
    display: block;
}
.cooperation-main .list li::after{content:'';display: block;padding-top: 52%;pointer-events: none;}
.cooperation-main .list .item{
    position: relative;width: 100%;
    display: block;
    height: 100%;
    cursor: pointer;
}
