.commonBanner{width:100%;height:5rem;position:relative;overflow:hidden}
.commonBanner .banner-img{width:100%;height:100%;object-fit:cover}
.commonBanner .content{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.commonBanner .content h5{font-weight:400;font-size:.54rem;color:#fff}
.commonBanner .content p{font-weight:400;font-size:.28rem;color:#fff;margin-top:.46rem;letter-spacing:2px}
.intro-wrap{background:#f9f9f9;padding:1.1rem 0 .8rem 0;overflow:hidden}
.intro-wrap .intro-box{margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.intro-wrap .intro-box .left .title{font-weight:400;font-size:.36rem;color:#5049ef}
.intro-wrap .intro-box .left .p{font-weight:400;font-size:.16rem;color:#666;margin-top:.15rem}
.intro-wrap .intro-box .left .img{margin-top:.2rem;width:7.8rem;position:relative}
.intro-wrap .intro-box .left .img>img{width:100%}
.intro-wrap .intro-box .left .img .intro-list .intro-item{position:absolute}
.intro-wrap .intro-box .left .img .intro-list .intro-item:nth-child(1)::before,.intro-wrap .intro-box .left .img .intro-list .intro-item:nth-child(2)::before{display:block;content:'';position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;background:0 0;z-index:1}
.intro-wrap .intro-box .left .img .intro-list .intro-item:nth-child(1){left:1.75rem;top:1.6rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item:nth-child(2){left:4.4rem;top:1.91rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item:nth-child(3){right:2.04rem;top:2.72rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item:nth-child(4){right:1.99rem;top:4.5rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item:nth-child(3)>div .intro-detail{margin-right:.5rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div{position:relative;display:flex}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div>span{position:relative;padding-bottom:.15rem;color:#fff;width:max-content;height:max-content;font-size:.14rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div>span::after{content:'';width:.08rem;height:.08rem;background:#fff;border-radius:50%;position:absolute;bottom:.03rem;left:.1rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div>span::before{content:'';width:.14rem;height:.14rem;background:rgba(255,255,255,.2);border-radius:50%;position:absolute;bottom:0;left:.07rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item:nth-child(2)>div>span::after{left:.16rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item:nth-child(2)>div>span::before{left:.13rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div .intro-detail{background:#fff;border-radius:.1rem;width:5rem;z-index:3;margin-left:.5rem;display:none}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div .intro-detail .intro-detail-title{background:#5049ef;border-radius:.1rem .1rem 0 0;padding:.1rem .2rem;color:#fff;font-size:.2rem;text-align:center}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div .intro-detail .intro-detail-list{padding:0 .2rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div .intro-detail .intro-detail-list a{padding:.05rem .08rem .05rem 0;font-size:.16rem;border-bottom:1px solid #ddd;cursor:pointer;display:flex;align-items:center}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div .intro-detail .intro-detail-list a img{flex:none;width:.3rem;margin-right:.2rem}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div .intro-detail .intro-detail-list a:last-child{border-bottom:none}
.intro-wrap .intro-box .left .img .intro-list .intro-item>div .intro-detail .intro-detail-list a span{flex:none;font-size:.16rem;width:calc(100% - .77rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.intro-wrap .intro-box .left .img .intro-list .intro-item:hover>div .intro-detail{display:block}
.intro-wrap .intro-box .right{width:6rem;flex-shrink:0}
.intro-wrap .intro-box .right .title{height:.6rem;background:#5049ef;border-radius:.1rem .1rem 0 0;padding:0 .2rem;display:flex;justify-content:space-between;align-items:center}
.intro-wrap .intro-box .right .title p{font-weight:400;font-size:.18rem;color:#fff}
.intro-wrap .intro-box .right .list .item .first{padding:0 .2rem;display:flex;align-items:center;justify-content:space-between;height:.6rem;background:#fff;border-bottom:.01rem solid #f9f9f9}
.intro-wrap .intro-box .right .list .item .first .first-name{font-weight:400;font-size:.16rem;color:#5049ef}
.intro-wrap .intro-box .right .list .item .first .first-num{display:flex;align-items:center}
.intro-wrap .intro-box .right .list .item .first .first-num img{width:.9rem;margin-right:.35rem}
.intro-wrap .intro-box .right .list .item .first .first-num p{font-weight:400;font-size:.16rem;color:#5049ef}
.intro-wrap .intro-box .right .list .item .level-box .level{display:flex;align-items:center;justify-content:space-between;height:.6rem;background:#fff;border-bottom:.01rem solid #f9f9f9;padding:0 .2rem;opacity:.6}
.intro-wrap .intro-box .right .list .item .level-box .level .level-name{font-weight:400;font-size:.16rem;color:#5049ef}
.intro-wrap .intro-box .right .list .item .level-box .level .level-num{font-weight:400;font-size:.16rem;color:#5049ef}
.case-wrap{margin-top:.7rem;overflow:hidden;background:#fff}
.dom1Box{background:#fff}
.dw_mark{background:#fff}
.contact-title{padding:5vh 0}
.zhks_desc{display:flex;align-items:center;justify-content:center;margin:0.5rem 0;}
.mobile{display:none;}
/*.pc{display:block;}*/
/*#showID{display:block;}*/
.case-wrap .w1560{margin:.4rem auto .4rem}
.case-wrap .w1560 .case-class{display:flex}
.case-wrap .case_list{display:none;margin-top:.4rem}
.case-wrap .actived{display:block;animation:fadeIn .5s}
.case-wrap .w1560 .case-class .item{width:5.2rem;padding:.2rem;border-radius:.1rem;margin-right:.1rem;font-size:.18rem;background:#e0e0eb;text-align:center}
.case-wrap .w1560 .case-class .item:nth-child(4){margin-right:0}
.case-wrap .w1560 .case-class .on{color:#fff;background:#5049ef}
.case-wrap .w1560 .case-class .item.on a{color:#fff}
.case-wrap .case_list{margin-top:.1rem;margin-bottom: 1rem;}
.case-wrap .case_list .item{display:flex;align-items:center;justify-content:center;background:#f9f9f9}
.case-wrap .case_list .item:nth-child(even){background:#ffffff;}
.case-wrap .case_list .item:nth-child(even) .des-box{order:-1;justify-content:flex-end}
.case-wrap .case_list .item:nth-child(even) .des-box .des{margin-right:1.36rem}
.case-wrap .case_list .item .img{height:3.9rem;flex-shrink:0; display: flex;align-items: center;justify-content: center;}
.case-wrap .case_list .item .img img{width:100%;height:50%;object-fit:cover;background:#fff}
.case-wrap .case_list .item .des-box{display:flex;justify-content:flex-start}
.case-wrap .case_list .item .des-box .des{margin-left:.81rem;width:6.44rem}
.case-wrap .case_list .item .des-box .des .title{font-weight:400;font-size:.3rem;color:#000000}
.case-wrap .case_list .item .des-box .des .p{font-weight:400;font-size:.16rem;color:#666;line-height:.3rem;margin-top:.3rem;text-align: justify;}
.case-wrap .case_list .item .des-box .des .more{margin-top:.15rem;width:.41rem}
.case-wrap .case_list .item .des-box .des .more img{width:20px}
.caseDetails-wrap{margin:0 auto;padding:.7rem 0 1rem;overflow:hidden}
.caseDetails-wrap .title{font-weight:400;font-size:.48rem;color:#5049ef;padding-bottom:.35rem;position:relative}
.caseDetails-wrap .title::after{content:'';width:.4rem;height:.02rem;background:#5049ef;position:absolute;bottom:0;left:0}
.caseDetails-wrap .caseDetails-box{display:flex;justify-content:space-between;align-items:flex-start}
.caseDetails-wrap .caseDetails-box .left{width:10.8rem}
.caseDetails-wrap .caseDetails-box .left .p{margin-top:.3rem;margin-bottom:.3rem;font-weight:400;font-size:.16rem;color:#666;line-height:.3rem}
.caseDetails-wrap .caseDetails-box .left .trait-box{margin-bottom:.3rem;background:#f9f9f9;border-radius:.1rem .1rem .1rem .1rem;padding:.6rem .31rem;display:flex}
.caseDetails-wrap .caseDetails-box .left .trait-box .div1{width:5rem}
.trait1{position:relative;color:#5049ef;font-size:16px;font-weight:700}
.trait1::before{content:'';width:.08rem;height:.08rem;background:#5049ef;border-radius:50%;position:absolute;left:-.2rem;top:.15rem;transform:translateY(-50%)}
.caseDetails-wrap .caseDetails-box .left .trait-box .trait{padding:.12rem 0 .12rem .29rem;font-weight:400;font-size:.16rem;color:#000;line-height:.3rem}
.caseDetails-wrap .caseDetails-box .left .trait-box .trait:nth-child(2){padding-left:0}
.div3{display:flex;align-items:center}
.div3 .shu{content:'';width:.01rem;height:.4rem;background:#5049ef;margin:0 .2rem}
.div2{padding-left:1rem;padding-top:.08rem;line-height:.4rem;font-size:16px}
.div2 p{position:relative}
.div2 p::before{content:'';width:.08rem;height:.08rem;background:#5049ef;border-radius:50%;position:absolute;left:-.2rem;top:.2rem;transform:translateY(-50%)}
.caseDetails-wrap .caseDetails-box .left .video{width:100%}
.caseDetails-wrap .caseDetails-box .left .video video{width:100%}
.caseDetails-wrap .caseDetails-box .left .tag-box{background:#5049ef;border-radius:.1rem .1rem .1rem .1rem;display:flex;margin-top:.6rem;flex-wrap:wrap;padding:.8rem;padding-bottom:0;margin-bottom:20px}
.caseDetails-wrap .caseDetails-box .left .tag-box .tag{display:flex;flex-direction:column;align-items:center;width:1.5rem;margin-bottom:.8rem;margin-right:.425rem}
.caseDetails-wrap .caseDetails-box .left .tag-box .tag:nth-child(5n){margin-right:0}
.caseDetails-wrap .caseDetails-box .left .tag-box .tag img{width:.55rem;height:.55rem;object-fit:contain}
.caseDetails-wrap .caseDetails-box .left .tag-box .tag p{font-weight:400;font-size:.16rem;text-align:center;color:#fff;line-height:.3rem}
.caseDetails-wrap .caseDetails-box .right{width:4rem;background:#fafafa;border-radius:.1rem .1rem .1rem .1rem;padding:.4rem .35rem}
.caseDetails-wrap .caseDetails-box .right .right-title{font-weight:400;font-size:.24rem;color:#000;padding-left:.15rem;position:relative}
.caseDetails-wrap .caseDetails-box .right .right-title::after{content:'';width:.02rem;height:.24rem;background:#5049ef;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.caseDetails-wrap .caseDetails-box .right .list{margin-top:.3rem}
.caseDetails-wrap .caseDetails-box .right .list .item{padding-left:.2rem;position:relative;font-weight:400;font-size:.16rem;color:#000;margin-bottom:.2rem}
.caseDetails-wrap .caseDetails-box .right .list .item::after{content:'';width:.1rem;height:.02rem;background:#5049ef;position:absolute;top:50%;left:0;transform:translateY(-50%)}
@media only screen and (max-width:1440px){.div3 .trait:nth-child(1)::after{content:'';width:.01rem;height:50%;background:#5049ef;position:absolute;right:30%;top:20%}
  .trait1{font-size:14px;white-space:nowrap}
  .intro-wrap .intro-box .left .p{font-size:14px}
  .intro-wrap .intro-box .left .img .intro-list .intro-item>div>span{font-size:14px}
  .intro-wrap .intro-box .right .list .item .first .first-name{font-size:14px}
  .intro-wrap .intro-box .right .list .item .first .first-num p{font-size:14px}
  .case-wrap .case_list .item .des-box .des .p{font-size:14px}
  .intro-wrap .intro-box .right .list .item .level-box .level .level-name{font-size:14px}
  .intro-wrap .intro-box .right .list .item .level-box .level .level-num{font-size:14px}
  .caseDetails-wrap .caseDetails-box .left .trait-box .div4{width:7.2rem}
}
@media screen and (max-width:1024px){.intro-wrap .intro-box .left .img .intro-list{display:none}
  .case-wrap .w1560{padding:0 .3rem;margin:.4rem auto 0}
  .case-wrap .w1560 .case-class{flex-wrap:wrap}
  .case-wrap .w1560 .case-class .item{width:calc(50% - .075rem);margin-bottom:.2rem;margin-right:.15rem;font-size:.28rem}
  .case-wrap .w1560 .case-class .item:nth-child(2n){margin-right:0}
}
@media only screen and (max-width:900px){.intro-wrap{padding:.63rem 0 1rem 0}
  .intro-wrap .intro-box{flex-direction:column;padding:0 .3rem}
  .intro-wrap .intro-box .left{width:100%}
  .intro-wrap .intro-box .left .title{font-size:.5rem}
  .intro-wrap .intro-box .left .p{font-size:.28rem;margin-top:.25rem}
  .intro-wrap .intro-box .left .img{margin-top:.45rem;width:100%}
  .intro-wrap .intro-box .right{margin-top:.65rem;width:100%;flex-shrink:0}
  .intro-wrap .intro-box .right .title{height:1rem;padding:0 .23rem}
  .intro-wrap .intro-box .right .title p{font-size:.28rem}
  .intro-wrap .intro-box .right .list .item .first{padding:0 .23rem;height:.8rem}
  .intro-wrap .intro-box .right .list .item .first .first-name{font-size:.28rem}
  .intro-wrap .intro-box .right .list .item .first .first-num{display:flex;align-items:center}
  .intro-wrap .intro-box .right .list .item .first .first-num img{width:.8rem;margin-right:.1rem}
  .intro-wrap .intro-box .right .list .item .first .first-num p{font-size:.28rem}
  .intro-wrap .intro-box .right .list .item .level-box .level{height:.8rem;padding:0 .23rem}
  .intro-wrap .intro-box .right .list .item .level-box .level .level-name{font-size:.28rem}
  .intro-wrap .intro-box .right .list .item .level-box .level .level-num{font-size:.28rem}
  .case-wrap{margin-top:.7rem;overflow:hidden}
  .case-wrap .case_list{margin-top:.3rem}
  .case-wrap .case_list .item{flex-direction:column}
  .case-wrap .case_list .item:nth-child(even) .des-box{order:0;justify-content:flex-end}
  .case-wrap .case_list .item:nth-child(even) .des-box .des{margin-right:0}
  .case-wrap .case_list .item .img{width:100%;height:4rem;flex-shrink:0}
  .case-wrap .case_list .item .des-box{width:100%;display:flex;justify-content:flex-start;padding:.7rem .3rem}
  .case-wrap .case_list .item .des-box .des{margin-left:0;width:100%}
  .case-wrap .case_list .item .des-box .des .title{font-size:.36rem}
  .case-wrap .case_list .item .des-box .des .p{font-size:.28rem;color:#666;line-height:.5rem;margin-top:.4rem;text-align:justify}
  .case-wrap .case_list .item .des-box .des .more{margin-top:.15rem;width:.6rem}
  .case-wrap .case_list .item .des-box .des .more img{width:20px}
  .caseDetails-wrap{margin:0 auto;padding:.7rem 0 0;overflow:hidden}
  .caseDetails-wrap .title{padding:0 .3rem;padding-bottom:.25rem}
  .caseDetails-wrap .title::after{width:.61rem;height:.02rem;left:.3rem}
  .caseDetails-wrap .caseDetails-box{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}
  .caseDetails-wrap .caseDetails-box .left{width:100%;padding:0 .3rem}
  .caseDetails-wrap .caseDetails-box .left .p{margin-top:.45rem;font-size:.28rem;color:#666;line-height:.5rem}
  .caseDetails-wrap .caseDetails-box .left .trait-box{margin-top:.3rem;margin-bottom:.4rem;background:#f9f9f9;border-radius:.1rem .1rem .1rem .1rem;padding:.6rem .3rem;display:flex;justify-content:space-between;flex-direction:column}
  .caseDetails-wrap .caseDetails-box .left .trait-box .div1{width:100%}
  .trait1{width:auto}
  .caseDetails-wrap .caseDetails-box .left .trait-box .div1{padding:0 .3rem}
  .caseDetails-wrap .caseDetails-box .left .trait-box .div2{padding:0 0 0 .3rem;font-size:16px;line-height:30px;margin-top:.6rem}
  .div2 p::before{top:.25rem}
  .trait1::before{top:.25rem}
  .div3{justify-content:space-between}
  .div3 .shu{display:none}
  .caseDetails-wrap .caseDetails-box .left .trait-box .trait{width:50%;padding:0;font-size:.28rem;line-height:.5rem;margin-bottom:.35rem}
  .caseDetails-wrap .caseDetails-box .left .trait-box .trait::after{display:none}
  .caseDetails-wrap .caseDetails-box .left .trait-box .trait:last-of-type::after{display:none}
  .caseDetails-wrap .caseDetails-box .left .video{width:100%}
  .caseDetails-wrap .caseDetails-box .left .video video{width:100%}
  .caseDetails-wrap .caseDetails-box .left .tag-box{background:#5049ef;border-radius:.1rem .1rem .1rem .1rem;display:flex;margin-top:.6rem;flex-wrap:wrap;padding:.7rem .3rem;padding-bottom:.1rem}
  .caseDetails-wrap .caseDetails-box .left .tag-box .tag{display:flex;flex-direction:column;align-items:center;width:25%;margin-bottom:.6rem;margin-right:0}
  .caseDetails-wrap .caseDetails-box .left .tag-box .tag img{width:.86rem;height:.86rem}
  .caseDetails-wrap .caseDetails-box .left .tag-box .tag p{font-size:.23rem;text-align:center;margin-top:.2rem}
  .caseDetails-wrap .caseDetails-box .right{width:calc(100% - .6rem);margin:.6rem .3rem;padding:.6rem .3rem}
  .caseDetails-wrap .caseDetails-box .right .right-title{font-weight:400;font-size:.41rem;padding-left:.15rem;position:relative}
  .caseDetails-wrap .caseDetails-box .right .list{margin-top:.5rem}
  .caseDetails-wrap .caseDetails-box .right .list .item{padding-left:.2rem;font-size:.28rem;margin-bottom:.28rem}
  .caseDetails-wrap .caseDetails-box .right .list .item::after{content:'';width:.1rem;height:.02rem;background:#5049ef;position:absolute;top:50%;left:0;transform:translateY(-50%)}
  .mobile{display:none;}
}
@media (max-width:768px){
  .mobile{display:block;height: 400px;}
  .pc{display:none;}
  .case-wrap .w1560
  {
    padding: 0 .3rem;
    margin: .4rem auto 0;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 899px){
  .mobile{display:block;height: 900px;}
  .pc{display:none;}

}
@media (max-width:850px){
  .case-wrap .w1560
    {
      padding: 0 .3rem;
      margin: .4rem auto 0;
      width: 100%;
    }
}
.footer-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;padding:20px 50px;background:#343434;flex:1;color:#fff;background:#16365b url(../image/footer_bg.jpg) no-repeat center bottom/100% auto}
.footer-column{flex:1;margin:10px;padding:15px;border-radius:8px}
.footer-title{font-weight:700;font-size:18px;color:#fff;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #afafaf}
.footer-column-first{flex:2;margin:10px;padding:15px;border-radius:8px}
.footer-column-phone{font-size:28px;color:#5049ef;padding-bottom:10px;font-weight:700}
.footer-list{list-style:none}
.footer-list li{padding:8px 0}
.footer-list li:last-child{border-bottom:none}
.footer-list a{text-decoration:none;color:#afafaf;transition:color .3s;display:block}
.footer-list a:hover{color:#fff;padding-left:1px}
.footer-logo{margin:10px;padding:15px;border-bottom:1px solid #afafaf;width:100%;display:flex;justify-content:space-between;align-items:center}
.footer-logo .foot_tleft{width:8%;}
.map-container{position:relative;width:100vh;height:80vh;margin:20px auto;left:-150px;top:-50px}
.marker{position:absolute;width:60px;height:60px;background-color:rgba(0,100,255,.8);border-radius:50%;box-shadow:0 0 10px 5px rgba(0,150,255,.5);animation:glow 1s infinite alternate;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;text-align:center;cursor:pointer;z-index:20}
.project-info{position:absolute;width:3rem;padding:12px;background-color:rgba(255,255,255,.95);border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.25);font-size:0.16rem;line-height:1.4;z-index:15;transition:all .3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#333;animation:bounce 1.5s infinite ease-in-out}
@keyframes bounce{0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
.project-info:hover::after{content:"查看详情";position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);background:#5049ef;color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;z-index:25}
.connector{position:absolute;border-top:2px dashed #fff;z-index:10;transform-origin:left center}
.dashed-line{position:absolute;height:2px;overflow:hidden}
.dashed-line::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:repeating-linear-gradient(to right,#5049ef,#5049ef 5px,transparent 5px,transparent 10px)}
.dashed-line::after{content:'';position:absolute;left:0;top:0;width:30px;height:100%;background:linear-gradient(to right,transparent,#fff,#fff,transparent);animation:marquee 2s linear infinite}
@keyframes marquee{0%{transform:translateX(-100%)}
  100%{transform:translateX(300px)}
}
@keyframes glow{from{box-shadow:0 0 10px 5px rgba(0,150,255,.7)}
  to{box-shadow:0 0 15px 8px rgba(0,200,255,.9)}
}


.qipanjing{left:53%;top:39%}
.shenmu{left:58%;top:42%}
.zhungeerqi{left:60%;top:38%}
.luoyang{left:68%;top:45%}
.dingan{left:61%;top:84%}
.xuzhou{left:77%;top:50%}
.nanjing{left:74%;top:53%}
.yangzhou{left:80%;top:54%}
.anyang{left: 70%;top: 35%;}
.project-info_dingan{left: 20%; top: 84%; border-left: 8px solid #5049ef;}
.dashed-line_dingan{width: 2rem;left: 44%;top: 87%;transform: rotate(180deg);}
@media only screen and (max-width: 1920px){
  .dingan{left:60%;top:95%}
  .project-info_dingan{left: 12%; top: 94%; border-left: 8px solid #5049ef;}
  .dashed-line_dingan{width: 1.4rem;left: 44%;top: 98%;transform: rotate(180deg);}
}
@media (min-width: 1921px) and (max-width: 2560px){
  .dingan{left:56%;top:88%}
  .project-info_dingan{left: 22%; top: 88%; border-left: 8px solid #5049ef;}
  .dashed-line_dingan{width: 1.4rem;left: 44%;top: 90%;transform: rotate(180deg);}
}