@charset "UTF-8";



/*******************解决方案***********************/
.pro-programme { background-position:center bottom; color:#333; padding:1.15rem 0px 2.02rem; overflow:hidden; }
.pro-programme .page-sub h3 { position:relative; padding:0px 0px 0.13rem; margin-top:-0.19rem; }
.pro-programme .page-sub h3:before { content:""; background:#0766bd; height:0.04rem; border-radius:0.02rem; width:0.6rem; position:absolute; left:50%; margin-left:-0.3rem; bottom:0px; }
.pro-programme .page-sub h4 { padding-top:0.24rem; }
.pro-programme .bg_container { height:2.59rem; }
.pro-programme .page-text { color:#333; padding:0.19rem 0.2rem 0.31rem 0px; }
.pro-programme .page-con { padding:0px 0.15rem; line-height:1.35; }
.pro-programme .page-more { padding-top:0.46rem; opacity:0;filter:alpha(opacity=0); }
.pro-programme .page-more span { background:#fff; color:#f85d8b; display:inline-block; min-width:1.6rem; line-height:2.75;border-radius:0.05rem; padding:0px 0.1rem; }
.pro-programme .swiper-slide:hover .page-text { padding-left:0.42rem; background:#f85d8b; color:#fff; }
.pro-programme .swiper-slide:hover .page-more { opacity:1;filter:alpha(opacity=100); }
.pro-programme .page-img { overflow:hidden; }
.pro-programme .page-img .bg_container { background-size:contain; }
.pro-programme .swiper-container { overflow:visible; }
.pro-programme .page-scroll { overflow:hidden; position:relative; padding:0px 11.5%; margin-top:0.54rem;  }
.pro-programme .page-btn { width:0.8rem; height:0.8rem; z-index:999; background:#f85d8b; top:0.89rem; margin-top:0px; border-radius:50%;  }
.pro-programme .swiper-button-next:before {position:absolute; width:0.16rem; right:0.33rem; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.pro-programme .swiper-button-next:after {position:absolute; width:0.16rem; margin-top:-1px; right:0.33rem; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.pro-programme .swiper-button-prev:before {position:absolute; width:0.16rem; left:0.33rem; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.pro-programme .swiper-button-prev:after {position:absolute; width:0.16rem; margin-top:1px; left:0.33rem; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.pro-programme .swiper-button-prev { left:12.5%; margin-left:-0.33rem;  }
.pro-programme .swiper-button-next { right:12.5%; margin-right:-0.33rem;  }

.pro-programme .swiper-button-disabled { opacity:1; background:#d2d2d2; pointer-events:auto; }


@media only screen and (max-width:1640px){
.pro-programme .swiper-button-prev { left:4%;  }
.pro-programme .swiper-button-next { right:4%;  }
.pro-programme .page-scroll { padding:0px 4%; }
}

@media only screen and (max-width:750px){
.pro-programme { padding:0.8rem 0px 0.8rem; }
.pro-programme .swiper-button-prev { left:5%;  }
.pro-programme .swiper-button-next { right:5%;  }
}


/*******************成功案例***********************/
.pro-case { background-position:center bottom; color:#fff; padding:0.91rem 0px 0.56rem; overflow:hidden; }
.pro-case .page-sub h3 { position:relative; padding:0px 0px 0.13rem; margin-top:-0.19rem; }
.pro-case .page-sub h3:before { content:""; background:#fff; height:0.04rem; border-radius:0.02rem; width:0.6rem; position:absolute; left:50%; margin-left:-0.3rem; bottom:0px; }
.pro-case .page-sub h4 { padding-top:0.24rem; }
.pro-case .bg_container { height:3.96rem; }
.pro-case .page-text { color:#fff; padding:0.34rem 0px; }
.pro-case .page-con {  line-height:1.35; }
.pro-case .pro-sub { line-height:1.875; margin-top:0.06rem; height:3.75em; max-height:3.75em; }
.pro-case .page-more { padding-top:0.31rem; }
.pro-case .page-more span { background:#f85d8b; color:#fff; display:inline-block; min-width:1.6rem; line-height:2.75; border-radius:0.05rem; padding:0px 0.1rem; }
.pro-case .page-img { overflow:hidden; }
.pro-case .page-scroll { position:relative; margin-top:0.58rem;  }
.pro-case .page-btn { width:0.8rem; height:0.8rem; z-index:999; background:#f85d8b; top:1.57rem; margin-top:0px; border-radius:50%;  }
.pro-case .swiper-button-next:before {position:absolute; width:0.16rem; right:0.33rem; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.pro-case .swiper-button-next:after {position:absolute; width:0.16rem; margin-top:-1px; right:0.33rem; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.pro-case .swiper-button-prev:before {position:absolute; width:0.16rem; left:0.33rem; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.pro-case .swiper-button-prev:after {position:absolute; width:0.16rem; margin-top:1px; left:0.33rem; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.pro-case .swiper-button-prev { left:-0.48rem; }
.pro-case .swiper-button-next { right:-0.48rem; }

.pro-case .swiper-button-disabled { opacity:1; background:#d2d2d2; pointer-events:auto; }

@media only screen and (max-width:1260px){
.pro-case .pro-sub { height:40px; max-height:40px; }
}

@media only screen and (max-width:750px){
.pro-case { padding-top:0.8rem; }	
.pro-case .pro-sub { height:3.75em; max-height:3.75em; }	
.pro-case .swiper-button-prev { left:-0.33rem; }
.pro-case .swiper-button-next { right:-0.33rem; }

}


/*******************成功案例详情页***********************/
.page-case-con { position:relative; overflow:hidden; }
.page-case-con .bg_container { height:100%; position:absolute; left:0px; top:0px; width:100%; }
.page-case-con .page-text { width:50%; background:rgba(0,62,123,0.9); float:right; color:#fff; padding:2.5rem 2.4rem 1.64rem 1.1rem; min-height:10.8rem; position:relative; z-index:3;  }
.page-case-con .page-txt { line-height:1.875; margin-top:0.19rem; }
.page-case-con .page-txt p { padding-bottom:0.16rem; }

.page-case-con .page-btn { width:0.8rem; display:none; height:0.8rem; z-index:999; background:#f85d8b; top:auto; bottom:0.48rem; margin-top:0px; border-radius:50%;  }
.page-case-con .swiper-button-next:before {position:absolute; width:0.16rem; right:0.33rem; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.page-case-con .swiper-button-next:after {position:absolute; width:0.16rem; margin-top:-1px; right:0.33rem; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.page-case-con .swiper-button-prev:before {position:absolute; width:0.16rem; left:0.33rem; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.page-case-con .swiper-button-prev:after {position:absolute; width:0.16rem; margin-top:1px; left:0.33rem; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.page-case-con .swiper-button-prev { left:50%; margin-left:1rem;  }
.page-case-con .swiper-button-next { right:auto; left:50%; margin-left:2rem;  }

.page-case-con .swiper-button-disabled { opacity:1; background:#d2d2d2; pointer-events:auto; }


@media only screen and (max-width:1640px){
.page-case-con .page-text { padding-right:1rem; padding-left:1rem; }
}
@media only screen and (max-width:750px){
.page-case-con .bg_container { position:relative; padding-bottom:56.25%; }	
.page-case-con .page-text { width:100%;  min-height:0px; padding:0.8rem 5% 1.5rem;}

}



/*******************解决方案详情页***********************/
.page-case-intro { color:#fff; padding:1.66rem 0px 1.01rem; }
.page-case-intro .page-img { width:47.91%; overflow:hidden; position:relative; }
.page-case-intro .page-img .bg_container { height:3.88rem; }
.page-case-intro .page-img .play-btn { position:absolute; z-index:3; cursor:pointer; width:0.5rem; height:0.68rem; background:url(../images/play02.png) no-repeat center center; left:50%; top:50%; margin:-0.34rem 0px 0px -0.25rem; background-size:100% 100%; }
.page-case-intro .page-img #pro_vodeo { position:absolute; display:none; left:0px; top:0px; width:100%; right:0px; height:100%; bottom:0px;  object-fit:fill; }
.page-case-intro .page-video.on .bg_container { opacity:0; filter:alpha(opacity=0); }
.page-case-intro .page-video.hover .play-btn { display:none; }
.page-case-intro .page-video.hover #pro_vodeo,.page-case-intro .page-video.on #pro_vodeo { display:block; }



.page-case-intro .page-text { width:47.91%; padding:0.27rem 0px 0px; }
.page-case-intro .page-content { margin-top:0.6rem;  }
.page-case-intro .page-txt { line-height:1.875; min-height:9.375em; margin-top:0.23rem; }
.page-case-intro .page-more { padding-top:0.31rem; }
.page-case-intro .page-more a { background:#f85d8b; padding:0px 0.2rem; letter-spacing:0px; color:#fff; margin-right:0.2rem; }
.page-case-intro .page-more a span { display:inline-block; padding-right:0.38rem; background:url(../images/down01.png) no-repeat right center; background-size:0.18rem 0.18rem; }
.page-case-intro .page-swiper { position:relative; }
.page-case-intro .page-btn { width:0.3rem;  height:0.3rem; z-index:999; top:50%; background:none; margin-top:-0.15rem; border-radius:50%;  }
.page-case-intro .swiper-button-next:before {position:absolute; width:0.1rem; right:0.1rem; height:0.02rem; top:50%;  content:""; border-radius:0.02rem; background:#00afde;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.page-case-intro .swiper-button-next:after {position:absolute; width:0.1rem; margin-top:-1px; right:0.1rem; height:0.02rem; border-radius:0.02rem; top:50%;  content:""; background:#00afde; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.page-case-intro .swiper-button-prev:before {position:absolute; width:0.1rem; left:0.1rem; height:0.02rem; top:50%;  content:""; border-radius:0.02rem; background:#00afde;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.page-case-intro .swiper-button-prev:after {position:absolute; width:0.1rem; margin-top:1px; left:0.1rem; height:0.02rem; border-radius:0.02rem; top:50%;  content:""; background:#00afde; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.page-case-intro .swiper-button-prev { left:-0.3rem; }
.page-case-intro .swiper-button-next { left:auto; right:-0.3rem;  }

.page-case-intro .swiper-button-disabled { opacity:1; display:none; background:none; pointer-events:auto; }




.page-case-characteristic { padding:1rem 0px; }
.page-case-characteristic .page-content { }
.page-case-characteristic .page-text { width:32.36%;  }
.page-case-characteristic h3 { color:#333; }
.page-case-characteristic .page-txt { color:#666; line-height:1.875; padding-top:0.13rem; }
.page-case-characteristic .page-txt p { padding:0.1rem 0px; }
.page-case-characteristic .page-img { width:62.5%; overflow:hidden;  }
.page-case-characteristic .page-img .bg_container { height:5.06rem; }

.page-case-characteristic .page-swiper { position:relative; }
.page-case-characteristic .page-btn { width:0.3rem;  height:0.3rem; z-index:999; top:50%; background:none; margin-top:-0.15rem; border-radius:50%;  }
.page-case-characteristic .swiper-button-next:before {position:absolute; width:0.1rem; right:0.1rem; height:0.02rem; top:50%;  content:""; border-radius:0.02rem; background:#00afde;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.page-case-characteristic .swiper-button-next:after {position:absolute; width:0.1rem; margin-top:-1px; right:0.1rem; height:0.02rem; border-radius:0.02rem; top:50%;  content:""; background:#00afde; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.page-case-characteristic .swiper-button-prev:before {position:absolute; width:0.1rem; left:0.1rem; height:0.02rem; top:50%;  content:""; border-radius:0.02rem; background:#00afde;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.page-case-characteristic .swiper-button-prev:after {position:absolute; width:0.1rem; margin-top:1px; left:0.1rem; height:0.02rem; border-radius:0.02rem; top:50%;  content:""; background:#00afde; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.page-case-characteristic .swiper-button-prev { left:-0.3rem; }
.page-case-characteristic .swiper-button-next { left:auto; right:-0.3rem;  }

.page-case-characteristic .swiper-button-disabled { opacity:1; display:none; background:none; pointer-events:auto; }



.page-case-scroll { position:relative; }
.page-case-scroll .page-text { position:relative; min-height:5.98rem; padding:1.83rem 1rem; z-index:3; width:50%; background:rgba(0,58,117,0.9); float:right; color:#fff; }
.page-case-scroll .page-sub { padding-top:0.25rem; }
.page-case-scroll .page-txt { line-height:2.25; margin-top:0.13rem; }
.page-case-scroll .page-btn { width:0.8rem; display:none; height:0.8rem; z-index:999; background:#f85d8b; top:auto; bottom:0.48rem; margin-top:0px; border-radius:50%;  }
.page-case-scroll .swiper-button-next:before {position:absolute; width:0.16rem; right:0.33rem; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.page-case-scroll .swiper-button-next:after {position:absolute; width:0.16rem; margin-top:-1px; right:0.33rem; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.page-case-scroll .swiper-button-prev:before {position:absolute; width:0.16rem; left:0.33rem; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.page-case-scroll .swiper-button-prev:after {position:absolute; width:0.16rem; margin-top:1px; left:0.33rem; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.page-case-scroll .swiper-button-prev { left:50%; margin-left:1rem;  }
.page-case-scroll .swiper-button-next { right:auto; left:50%; margin-left:2rem;  }

.page-case-scroll .swiper-button-disabled { opacity:1; background:#d2d2d2; pointer-events:auto; }


@media only screen and (max-width:750px){
.page-case-intro { padding:1rem 0px 1.01rem; }
.page-case-intro .page-img { width:100%;  }
.page-case-intro .page-img .bg_container { height:3.88rem; }
.page-case-intro .page-text { width:100%; padding-top:0.5rem;  }
.page-case-intro .page-txt {min-height:0px; padding-bottom:0.3rem;  }

.page-case-characteristic .page-text { width:100%; padding-top:0.5rem;  }
.page-case-characteristic .page-img { width:100%; }

.page-case-scroll .page-text { width:100%; padding:0.5rem 5% 1.5rem; min-height:0px; }



}