:root{--map-color:#014099}
[v-cloak] {display: none !important;}
.inetwork_b{display: flex;justify-content: space-between;align-items: flex-start;height:760px;/*margin: 80px 0;*/margin: 4.17vw 0}
.main{width: calc(100% - 980px - 44px);height: 100%;display: flex;flex-direction: column;}
.main .title{font-size: 20px;color: #333;display: flex;align-items: center;line-height: 1;}
.main .title a{font-size: 30px;color: var(--map-color);font-weight: bold;padding-left: 15px;}
.main .tab{margin-top: 60px;height: calc(100% - 60px);overflow: hidden;display: flex;flex-direction: column;}
.main .tab .nav{display: flex;justify-content: space-between;}
.main .tab .nav span{width: 125px;line-height: 35px;border-radius: 100px;background: #F1F1F1;color: #535353;font-weight: bold;font-size: 20px;text-align: center;cursor: pointer;}
.main .tab .nav span.on{background: var(--map-color);color:#FEFEFF}
.main .tab .content{height: 100%;display: flex;flex-direction: column;overflow: hidden;}
.main .tab .content .top{display: flex;justify-content: space-between;margin-top: 23px;}
.main .tab .content .top .el-select{width: 260px;}
.main .tab .content .top .el-select > div{border-radius: 100px;height: 35px;line-height: 35px;}
.main .tab .content .top .el-select .el-icon{color: var(--map-color)}
.main .tab .content .top .el-input{width: 260px;}
.main .tab .content .top .el-input > div{border-radius: 100px;height: 35px;line-height: 35px;}
.main .tab .content .list{/*margin-top: 80px;*/margin-top: 4.17vw;height: 100%;overflow: hidden;display: flex;flex-direction: column;}
.main .tab .content .list .tip{font-size: 18px;color: #333333;display: flex;align-items: center;margin-bottom: 30px;}
.main .tab .content .list .tip span{padding-left: 5px;}
.main .tab .content .list .el-collapse{border: 1px solid #E5E5E5;}
.main .tab .content .list .el-collapse .el-collapse-item__header{background: #F1F1F1;border-color: #E5E5E5;font-size: 20px;color: #535353;font-weight: bold;padding:0 28px 0 36px;}
.main .tab .content .list .el-collapse .el-collapse-item__content{padding: 30px 42px 32px 35px;font-size: 16px;color: #535353;line-height: 28px;}
.map-wrap{position: relative;height: 100%;}
.map-wrap .dialog{width: 300px;position: absolute;left:400px;top:310px;border-radius: 15px;background: #FFFFFF;overflow: hidden;padding:30px 25px;box-sizing: border-box;color: #5A5A5A;box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);}
.map-wrap .dialog::before{content:'';display: block;;width: 100%;height:7px;background:var(--map-color);position: absolute;left:0;top:0;}
.map-wrap .dialog .title{font-size: 18px;color: var(--map-color);font-weight: bold;}
.map-wrap .dialog .contact{padding: 20px 0 15px;}
.map-wrap .dialog .item{display: flex;align-items: flex-start;line-height: 20px;padding-bottom: 15px;}
.map-wrap .dialog .item img{margin:3px 13px 0 0;}
.map-wrap .dialog .item.area .txt{display: flex;flex-direction: column;}
.map-wrap #map{width: 980px;height: 100%;}
.map-wrap .map-tooltip-wrap{pointer-events:auto !important;min-width: 180px;border-radius: 7px !important;border-color: transparent !important;}
.map-wrap .map-tooltip .item{padding: 8px 10px;font-size: 15px;color: #fff;font-weight: bold;cursor: pointer;position: relative;border-radius: 3px;overflow: hidden;}
.map-wrap .map-tooltip .item::after{content: '';position: absolute;;left: 0;top: 0;width:0;height: 100%;background: linear-gradient(to right, #2e46cc,transparent);opacity: 0;transition: all 0.5s;z-index: -1;}
.map-wrap .map-tooltip .item:hover::after{opacity: 1;width: 100%;}



@media (min-width:1801px) and (max-width:1900px){
    .inetwork_b{
        height: 752px;
    }
    .main {
        width: calc(100% - 950px - 44px);
    }
    .map-wrap #map{
        width: 950px;
    }
}
@media (min-width:1701px) and (max-width:1800px){
    .inetwork_b{
        height: 745px;
    }
    .main {
        width: calc(100% - 830px - 44px);
    }
    .map-wrap #map{
        width: 830px;
    }
}

@media (min-width:1601px) and (max-width:1700px){
    .inetwork_b{
        height: 740px;
    }
    .main {
        width: calc(100% - 785px - 44px);
    }
    .map-wrap #map{
        width: 785px;
    }
    .main .tab .content .top .el-select{
        width: 240px;
    }
    .main .tab .content .top .el-input{
        width: 240px;
    }
}

@media (min-width:1501px) and (max-width:1600px){
    .inetwork_b{
        height: 730px;
    }
    .main {
        width: calc(100% - 775px - 44px);
    }
    .map-wrap #map{
        width: 775px;
    }
    .main .title{
        font-size: 19px;
    }
    .main .title a{
        font-size: 29px;
    }
    .main .tab{
        margin-top: 55px;
        height: calc(100% - 55px);
    }
    .main .tab .nav span{
        font-size: 19px;
        width: 115px;
    }
    .main .tab .content .top .el-select{
        width: 230px;
    }
    .main .tab .content .top .el-input{
        width: 230px;
    }
    .main .tab .content .list .tip{
        font-size: 17px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__header{
        font-size: 19px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__content{
        font-size: 15px;
        line-height: 26px;
    }
}

@media (min-width:1401px) and (max-width:1500px){
    .inetwork_b{
        height: 718px;
    }
    .main {
        width: calc(100% - 775px - 44px);
    }
    .map-wrap #map{
        width: 775px;
    }
    .main .title{
        font-size: 18px;
    }
    .main .title a{
        font-size: 28px;
    }
    .main .tab{
        margin-top: 50px;
        height: calc(100% - 50px);
    }
    .main .tab .nav span{
        font-size: 18px;
        width: 105px;
    }
    .main .tab .content .top .el-select{
        width: 210px;
    }
    .main .tab .content .top .el-input{
        width: 210px;
    }
    .main .tab .content .list .tip{
        font-size: 17px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__header{
        font-size: 18px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__content{
        font-size: 15px;
        line-height: 26px;
    }
}

@media (min-width:1280px) and (max-width:1400px){
    .inetwork_b{
        height: 708px;
    }
    .main {
        width: calc(100% - 700px - 44px);
    }
    .map-wrap #map{
        width: 700px;
    }
    .main .title{
        font-size: 17px;
    }
    .main .title a{
        font-size: 27px;
    }
    .main .tab{
        margin-top: 45px;
        height: calc(100% - 45px);
    }
    .main .tab .nav span{
        font-size: 17px;
        width: 95px;
    }
    .main .tab .content .top .el-select{
        width: 195px;
    }
    .main .tab .content .top .el-input{
        width: 195px;
    }
    .main .tab .content .list .tip{
        font-size: 16px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__header{
        font-size: 17px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__content{
        font-size: 14px;
        line-height: 24px;
    }
}

@media (min-width:1200px) and (max-width:1279px){
    .inetwork_b{
        height: 700px;
    }
    .main {
        width: calc(100% - 650px - 44px);
    }
    .map-wrap #map{
        width: 650px;
    }
    .main .title{
        font-size: 16px;
    }
    .main .title a{
        font-size: 26px;
    }
    .main .tab{
        margin-top: 40px;
        height: calc(100% - 40px);
    }
    .main .tab .nav span{
        font-size: 16px;
        width: 95px;
    }
    .main .tab .content .top .el-select{
        width: 190px;
    }
    .main .tab .content .top .el-input{
        width: 190px;
    }
    .main .tab .content .list .tip{
        font-size: 16px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__header{
        font-size: 16px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__content{
        font-size: 14px;
        line-height: 24px;
    }

}

@media(max-width:1199px) {
    .inetwork_b{
        flex-wrap: wrap;
        height: auto;
        margin: 50px 0;
    }
    .main{
        width: 100%;
    }
    .main .title{
        justify-content: center;
    }
    .main .tab{
        margin-top: 35px;
    }
    .main .tab .nav{
        justify-content: center;
    }
    .main .tab .nav span{
        margin: 0 10px;
    }
    .main .tab .content .top{
        justify-content: center;
    }
    .main .tab .content .top .el-select{
        margin: 0 10px;
    }
    .main .tab .content .top .el-input{
        margin: 0 10px;
    }
    .main .tab .content .list{
        margin-top: 35px;
    }
    .map-wrap{
        width: 100%;
        height: 780px;
    }

}
@media(max-width:820px) {
    .main .title{
        font-size: 18px;
    }
    .main .title a{
        font-size: 26px;
    }
    .main .tab .nav span{
        font-size: 18px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__header{
        font-size: 18px;
    }
    .map-wrap{
        height: 650px;
    }
    .map-wrap #map{
        width: 100%;
    }
    .main .tab .content .list .tip{
        font-size: 16px;
    }


}
@media(max-width:768px) {
    .map-wrap{
        height: 610px;
    }
    .main .title{
        font-size: 16px;
    }
    .main .title a{
        font-size: 22px;
    }
}
@media(max-width:600px) {
    .inetwork_b{
        margin: 25px 0;
    }
    .main .tab .nav{
        flex-wrap: wrap;
    }
    .main .tab .nav span{
        width: 46%;
        margin: 0 2% 15px 2%;
        font-size: 16px;
    }
    .main .tab .content .top{
        margin-top: 10px;
        flex-wrap: wrap;
    }
    .main .tab .content .list{
        margin-top: 25px;
    }
    .main .tab .content .list .tip{
        margin-bottom: 25px;
    }
    .main .tab .content .top .el-select{
        width: 100%;
        margin: 0 0 15px 0;
    }
    .main .tab .content .top .el-input{
        width: 100%;
        margin: 0;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__header{
        font-size: 16px;
        padding: 0 25px;
    }
    .main .tab .content .list .el-collapse .el-collapse-item__content{
        padding: 25px;
    }
    .map-wrap{
        height: 350px;
    }
    .map-wrap .map-tooltip-wrap{
        display: none !important;
    }
}