/* 
*   微信小程序产品案例
*/
.wxapp1{background:url(../images/wxapp-bg1.png) no-repeat center bottom;background-size:cover}
.wxapp2{background:url(../images/wxapp-bg2.jpg) no-repeat center top;background-size:cover}
.wxapp4{background:url(../images/wxapp-bg3.png) no-repeat center bottom;background-size:cover}
.wxapp5{background:url(../images/wxapp-bg4.png) no-repeat center top;background-size:cover}
.wxapp-project .wxapp-project_icon img{width:3.8rem}
.wxapp-project .wxapp-adv-item{transition:all .3s;-ms-transition:all .3s;cursor:pointer}
.wxapp-project .wxapp-adv-item.active{transform:scale(1.2)}
.reason .reason-left .reason-item:nth-child(2){position:relative;left:20%}
.reason .reason-right .reason-item:nth-child(2){position:relative;right:20%}
.reason .reason-item{min-height:7rem}
.reason .reason-left .reason-item{background:rgba(255,255,255,.1) url(../images/wxapp-advan1.png) no-repeat right center;background-size:6rem}
.reason .reason-left .reason-item:nth-child(2){background:rgba(255,255,255,.1) url(../images/wxapp-advan2.png) no-repeat right center;background-size:6rem}
.reason .reason-left .reason-item:nth-child(3){background:rgba(255,255,255,.1) url(../images/wxapp-advan3.png) no-repeat right center;background-size:6rem}
.reason .reason-right .reason-item:nth-child(1){background:rgba(255,255,255,.1) url(../images/wxapp-advan4.png) no-repeat right center;background-size:6rem}
.reason .reason-right .reason-item:nth-child(2){background:rgba(255,255,255,.1) url(../images/wxapp-advan5.png) no-repeat right center;background-size:6rem}
.reason .reason-right .reason-item:nth-child(3){background:rgba(255,255,255,.1) url(../images/wxapp-advan6.png) no-repeat right center;background-size:6rem}
.reason .reason-item .reason-item_content{font-size:.96rem;font-weight:100;opacity:.8}
.area .area-item{width:18%;height:10rem;overflow:hidden}
.area .area-item_box{height:100%;position:relative}
.area .area-item .area-bg{width:100%;height:100%;object-fit:cover}
.area .area-item .area-item_box-title{top:0;z-index:1;width:100%;height:100%}
.area .area-item .area-item_hover{position:absolute;top:0;width:100%;height:100%;background:rgba(20,120,254,.7);transform:rotateY(90deg);z-index:2}
.area .area-item .area-item_hover .area-item_hover-sumarry{font-size:.9rem;font-weight:100}
.advantage .advantage-icon{width:7rem;height:7rem}
.advantage .advantage-item{border-radius:1rem;width:23%;min-height:19rem;cursor: pointer;transition: all 0.3s;-ms-transition: all 0.3s;border: 1px solid transparent;}
.advantage .hr{display:block;background:#1678fe;width:2.4rem;height:4px}
.pg .pg-icon img{width:4.2rem;height:auto}
.pg .pg-item .title{left:4.4rem;top:0;line-height:4.4rem;min-width:6em}
.pg .pg-item1{top:10rem;left:0;animation:progress 1s linear alternate infinite;-webkit-animation:progress 1s linear alternate infinite;-moz-animation:progress 1s linear alternate infinite;-ms-animation:progress 1s linear alternate infinite}
.pg .pg-item2{top:4rem;left:12rem;animation:progress 1.2s linear alternate infinite;-webkit-animation:progress 1.2s linear alternate infinite;-moz-animation:progress 1.2s linear alternate infinite;-ms-animation:progress 1.2s linear alternate infinite}
.pg .pg-item3{top:9.4rem;left:20rem;animation:progress 2s linear alternate infinite;-webkit-animation:progress 2s linear alternate infinite;-moz-animation:progress 2s linear alternate infinite;-ms-animation:progress 2s linear alternate infinite}
.pg .pg-item4{left:44%;animation:progress 1.5s linear alternate infinite;-webkit-animation:progress 1.5s linear alternate infinite;-moz-animation:progress 1.5s linear alternate infinite;-ms-animation:progress 1.5s linear alternate infinite}
.pg .pg-item5{top:11rem;right:44%;animation:progress 1.3s linear alternate infinite;-webkit-animation:progress 1.3s linear alternate infinite;-moz-animation:progress 1.3s linear alternate infinite;-ms-animation:progress 1.3s linear alternate infinite}
.pg .pg-item6{top:3.6rem;right:22rem;animation:progress 1.5s linear alternate infinite;-webkit-animation:progress 1.5s linear alternate infinite;-moz-animation:progress 1.5s linear alternate infinite;-ms-animation:progress 1.5s linear alternate infinite}
.pg .pg-item7{right:12rem;animation:progress 2s linear alternate infinite;-webkit-animation:progress 2s linear alternate infinite;-moz-animation:progress 2s linear alternate infinite;-ms-animation:progress 2s linear alternate infinite}
.pg .pg-item8{top:10rem;right:7rem;animation:progress 1s linear alternate infinite;-webkit-animation:progress 1s linear alternate infinite;-moz-animation:progress 1s linear alternate infinite;-ms-animation:progress 1s linear alternate infinite}
.case .case-container_left{height:40rem}
.case .case-swiper_title-01{width:3.4rem;height:3.4rem}
.case .case-swiper_title-en{opacity:.3}
.case .case-swiper_icon{width:.9rem;height:.9rem;border:2px solid #1678fe}
.case .case-swiper_content-dec{margin-left:2.4rem}
.case .case-container_right .wxapp-post_excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}


/* 
* 系统开发
*/
.erp2{background:url(../images/erp-bg-2.jpg) no-repeat center top;background-size:cover}
.erp3{background:url(../images/erp-bg-3.png) no-repeat center top;background-size:cover}
.erp4{background:url(../images/erp-bg-4.png) no-repeat center top;background-size:cover}
.erp5{background:linear-gradient(-90deg,#4254f8,#2a82fe);background:-ms-linear-gradient(-90deg,#4254f8,#2a82fe)}
.erp6{background:url(../images/erp-bg-6.png) no-repeat center top;background-size:cover}
.erp_advantage{background:url(../images/erp-advantage-bg1.png) no-repeat center;background-size:160%}
.erp-progress{background:url(../images/erp-progress-bg.png) no-repeat center;background-size:90%}
.erp1 .erp-item{width:23%;height:25rem}
.erp1 .erp-item_hr{width:2.4rem;border-radius:1.5rem;overflow:hidden;height:2px}
.erp1 .area-item .area-item_hover{transform:rotateZ(0);background:0 0;transition:all .3s;-ms-transition:all .3s}
.erp1 .area-item .area-item_hover .area-item_hover-show{max-height:0!important;transition:all .3s;-ms-transition:all .3s;overflow:hidden}
.erp1 .area-item:hover .area-item_hover .area-item_hover-show{max-height:14rem!important;overflow:hidden}
.erp1 .area-item:hover .area-item_hover{background:rgba(0,110,242,.8)}
.advantage .advantage-item.active{transform:translate(0,-10%);box-shadow:0 8px 14px 0 rgb(20 120 254 / 46%)}
.erp2 .reason .reason-item{background:rgba(255,255,255,.1)}
.erp2 .number-image{left:50%}
.erp2 .number-image-top{top:0;transform:translate(-50%,-60%);transition: all 0.3s;-ms-transition: all 0.3s}
.erp2 .number-image-bottom{bottom:0;transform:translate(-50%,60%);transition: all 0.3s;-ms-transition: all 0.3s}
.erp2 .reason .reason-item:hover .number-image-bottom {transform:translate(-100%,60%)}
.erp2 .reason .reason-item:hover .number-image-top {transform:translate(-100%,-60%)}
.erp3 .erp-progress{margin-top:6rem}
.erp3 .erp-progress_right{transform:translate(0,32%)}
.erp3 .erp-progress_item{width:15rem;transition:all .3s;-ms-transition:all .3s}
.erp3 .erp-progress_right .erp-progress_item{width:12.6rem}
.erp3 .erp-progress_right .erp-progress_item-5{position:relative;top:-6.4rem}
.erp3 .erp-progress_right .erp-progress_item-5 .erp-progress_item-5_title{top:50%;right:0;transform:translate(-130%,-50%)}
.erp3 .erp-progress_icon{width:4.46rem;border-radius:50%;overflow:hidden}
.erp3 .erp-progress_child{width:7rem}
.erp3 .erp-progress .erp-progress_item-scale .erp-progress_icon{transform:scale(1.34)}
.erp3 .erp-progress_item:hover .erp-progress_icon{animation: progress_icon_rocate 0.5s;-ms-animation: progress_icon_rocate 0.5s}
.erp6 .erp-fqa>div{flex:1}
.erp6 .erp-fqa_item:before{position:absolute;top:50%;left:0;z-index:2;transform:translate(0,-50%);content:"";display:block;width:5px;height:5px;border-radius:50%;background:#bfbfbf}
.erp6 ul .erp-fqa_item .hr{display:block;position:absolute;top:50%;left:2px;z-index:1;transform:translate(0,-50%);width:1px;height:100%;background:#e2e2e2}
.erp6 ul .erp-fqa_item:hover .post_title{color:#1678fe!important}
.erp6 ul .erp-fqa_item:hover:before{background:#1678fe!important}
.erp6 ul .erp-fqa_item .text-b2{font-size:.9em}
.erp6 ul .erp-fqa_item:first-child .hr{transform:translate(0,0);height:50%}
.erp6 ul .erp-fqa_item:last-child .hr{transform:translate(0,-100%)}
@keyframes progress_icon_rocate{0%{transform:scale(1) rotateZ(0)}
50%{transform:scale(.9) rotateZ(-360deg)}
0%{transform:scale(1) rotateZ(-720deg)}
}