.section-plan{position:relative;z-index:0;box-sizing:border-box}
.section-plan-all{position:relative;width:100%;}
.section-plan .dabit h2,.boConD .dabit h2{color:#fff}
.section-plan .dabit p{color:rgba(255,255,255,.5)}
.section-wrapper{width:100%;}
.plan-content{position:relative;height:698px;}
.plan-content:before,.plan-content:after{content:" ";display:table}
.plan-container{float:left;height:100%;width:87.08%;overflow:hidden}
.plan-wrapper{position:relative;left:0;height:100%;font-size:0;white-space:nowrap}
.plan-slide{display:inline-block;position:relative;height:100%;width:14.83%;background-repeat:no-repeat;background-position:center top;background-size:cover;font-size:1rem;overflow:hidden;vertical-align:top;white-space:normal;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.plan-slide.open{width:55.51%}
.plan-card-bg{position:relative;width:100%;height:100%;transition:.2s}
.plan-card-bg img{display:block;position:absolute;top:-10000px;right:-10000px;bottom:-10000px;left:-10000px;height:100%;margin:auto;object-fit: cover;}
.plan-slide.open .plan-card-bg img{height:101%}
.plan-card-bg:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;transition:.2s}
.plan-wrapper .plan-slide:nth-child(4) .plan-card-bg:after{opacity:.5}
.plan-wrapper .plan-slide:last-child .plan-card-bg:after{opacity:.6}
.plan-slide:not(.open):hover .plan-card-bg:after{opacity:.2}
.plan-slide.open .plan-card-collapse{opacity:0}
.plan-card-collapse{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;transition:.5s;/*padding:200px 70px 0 50px;*/
}
.plan-card-collapse .tit{font-size:30px;font-weight:700;color:#ffffff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:30%;}
.plan-card-collapse .tit a{font-size:30px;font-weight:700;color:#ffffff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:30%;}
.plan-card-collapse .pic{margin-top:80px;}
.plan-card-collapse-inner{position:absolute;top:29%;width:100%;/* margin-top:-63px;*/
 font-size:0;text-align:center;letter-spacing:1px;padding:0px 10px;}
.plan-card-collapse-inner .tit{font-size:24px;font-weight:700;color:#ffffff;}
.plan-card-collapse-inner.gengdg{height:100% !important;margin:0;top:0}
.plan-card-collapse-inner.gengdg .dian{position:absolute;top:117px;left:50%;margin-left:-24px;width:48px;height:8px}
.plan-card-collapse-inner.gengdg .dian span{width:8px;height:8px;border-radius:50%;border:2px solid #fff;margin:0 4px;float:left;display:block}
.plan-card-collapse-inner.gengdg .dian{position:absolute;top:117px;left:50%;margin-left:-24px;width:48px;height:8px}
.plan-card-collapse-inner.gengdg .wena{position:absolute;top:137px;left:0;width:100%;height:34px;text-align:center;line-height:34px;font-size:20px;color:#fff;letter-spacing:1px}
.plan-card-collapse-inner .xsytb1{width:62px;height:62px;background-position:0 -114px;margin:0 auto}
.plan-card-collapse-inner .tb2{background-position:-62px -114px}
.plan-card-collapse-inner .tb3{background-position:-124px -114px}
.plan-card-collapse-inner .tb4{background-position:-186px -114px}
.plan-card-collapse-inner .tb5{background-position:-248px -114px}
.plan-card-collapse-inner .tb6{background-position:-310px -114px}
.plan-card-collapse-inner i{width:20px;height:2px;display:block;background:#596efb;margin:13px auto 19px}
.plan-card-collapse-inner .h2{font-size:20px;color:#fff;line-height:30px}
.plan-slide.open .plan-card-open{opacity:1;visibility:visible}
.plan-card-open{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0;visibility:hidden}
.plan-card-open-inner{position:absolute;top:50%;left:13%;right:13%;width:74%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);margin:auto;color:#fff;letter-spacing:1px}
.plan-card-open-inner .tit{font-size:24px;font-weight:700;color:#ffffff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.plan-card-open-inner .pic{margin-top:30px;}
.plan-card-open-inner .txt{margin-top:50px;font-size:18px;font-weight:normal;line-height:30px;color:#ffffff;}
.plan-card-open-inner .txt p{-webkit-line-clamp:5;}
.plan-recommend{display:inline-block;font-size:14px;line-height:24px}
.plan-recommend h2{color:rgba(255,255,255,.7);font-size:14px;line-height:24px}
.plan-recommend ul{margin-top:8px;height:auto;overflow:hidden;text-align:center}
.plan-recommend ul>li{display:inline-block}
.plan-recommend ul>li a{transition:.2s;color:#fff;font-size:14px;line-height:24px}
.plan-recommend ul>li a:hover{text-decoration:underline}
.plan-recommend ul>li+li:before{content:"\2002|\2002";opacity:.5}
.plan-ctrl{float:left;position:relative;width:12.92%;height:100%;overflow:hidden;color:#fff;cursor:pointer}
.plan-ctrl-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../images/com-section2-bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;transition:.2s}
.plan-ctrl-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#060606;opacity:.9;transition:.2s}
.plan-ctrl .plan-ctrl-arrow{-webkit-transform:rotateY(0) scale(.88);-moz-transform:rotateY(0) scale(.88);-ms-transform:rotateY(0) scale(.88);-o-transform:rotateY(0) scale(.88);transform:rotateY(0) scale(.88)}
.plan-ctrl.active .plan-ctrl-arrow{-webkit-transform:rotateY(180deg) scale(.88);-moz-transform:rotateY(180deg) scale(.88);-ms-transform:rotateY(180deg) scale(.88);-o-transform:rotateY(180deg) scale(.88);transform:rotateY(180deg) scale(.88)}
.plan-ctrl-arrow{display:block;position:absolute;top:50%;left:50%;width:20px;height:28px;margin-left:-10px;margin-top:-14px;-moz-transition:all .2s;-ms-transform:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.plan-ctrl-arrow span{display:block;width:28px;height:28px;margin-left:-12px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.plan-ctrl-arrow span:before{content:"";display:block;width:100%;border-top:solid 4px;border-radius:2px}
.plan-ctrl-arrow span:after{content:"";display:block;width:4px;height:100%;border-right:solid 4px;border-radius:2px;margin-top:-4px;margin-left:0px;}
@media(max-width: 992px){
    .plan-content{height: 500px;}
}