@charset "utf-8";


.map{ position:relative;width:1200px; margin:0 auto;}
.map .citymap{display:block;position: absolute;}
.map img{width:100%;}
.map a{color: #ffffff;font-size:14px;text-decoration:none;background: #bb0505;border-radius: 3px;padding: 5px 10px;opacity: 0;}
.map a:hover{ color:#ffffff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}

.contact-box .map{height:5.5rem}
.vbox{padding:.2rem 0 1rem}
.network-box{background: url(../jpg/mapbg.jpg);}
.network-box .ihd .en2{font-size:.48rem;text-transform:uppercase;font-style:italic;color:#333;}
.network-box .ihd h2{font-size:.4rem;font-weight:700;color:#333;}
.network-box .ihd p{color:#666;padding-left:50px;text-indent: 2em;}
.vbox .title {text-align:center;padding:40px 0px;}
.vbox .title h2{font-size:.4rem;font-weight:700;color:#333;}
.vbox .title p{color: #666;font-size: 20px;line-height: 40px;margin-top: 10px;}
@media (max-width:768px){.network-box .ihd h2,.vbox .title h2{font-size:24px}
.map{width:100%;}
}
.network-box .wrap{position:relative}
@media (min-width:992px){.network-box .wrap{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
}
.network-box .ihd{color:#fff}
.network-box .info{color:#bb0605;margin-top:3rem;font-size:18px}
.network-box .info b{color:#bb0605;font-weight:400;display:block;margin-bottom:5px}
.network-box .info .maplist,.network-box .info .list{width:100%;overflow:hidden;}
.network-box .info .maplist li { float:left;margin-right:20px;line-height:28px;font-size:16px;color: #666;}
.network-box .info .maplist li:before{ width: 6px;height: 6px;background-color: #bb0303;margin-right: 10px;content: "";display: inline-block; position: relative; top: 50%;transform: rotate(45deg) translateY(-50%);}

.network-box .info .list{display: flex;align-items: center;font-size: 18px;font-family: Arial;margin-top:20px;}
.network-box .info .list .li{display: flex;align-items: center;margin-left: 8px;margin-right: 5px;}
.network-box .info .list .se{width: 50px;height: 15px; box-shadow: 0 5px 8px rgba(140,143,116,.54);margin-right: 8px;}
.network-box .info .list .num{font-size:16px;color: #666;}

.network-box .info p{color:#333;}
.network-box .rightbox{position:relative;color:#bbb;width:7.28rem;height:5.87rem}
.network-box .rightbox .cn{width:100%;height:100%;display:block;background:url(../png/maps.png) no-repeat center center;background-size:contain}
.network-box .rightbox .addr{display:none;width:240px;color:#333;padding:.2rem;border-radius:10px;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translateX(-50%);z-index:5;bottom:100%;margin-bottom:.14rem;background-color:#f5c61c}
.network-box .rightbox li{position:absolute;font-size:16px;cursor:pointer}
.network-box .rightbox li:hover{color:#f5c61c}
.network-box .rightbox li i{font-size:18px;color:#f5c61c}
.network-box .rightbox li .tag{line-height:.3rem;height:.3rem;position:relative}
.network-box .rightbox li .tag>*{display:inline-block;vertical-align:middle}
.network-box .rightbox li .tag::after{content:'';display:block;width:0;height:0;border:10px solid transparent;border-top-color:#f5c61c;position:absolute;left:-1px;top:-14px;display:none}
.network-box .rightbox li.active{color:#f5c61c}
.network-box .rightbox li.active .addr{display:block}
.network-box .rightbox li.active .tag::after{display:block}
.network-box .rightbox .li1{left:3.3rem;top:3.7rem}
.network-box .rightbox .li2{left:5.72rem;top:3.4rem}
.network-box .rightbox .li3{left:5.7rem;top:3.85rem}
.network-box .rightbox .li4{left:5rem;top:4.66rem}
.network-box .rightbox .li5{left:5.1rem;top:4.9rem}
.network-box .wapcity{display:none;}
@media (max-width:1200px){.network-box .rightbox .li1{left:3.3rem;top:3.7rem}
.network-box .rightbox .li2{left:5.62rem;top:3.4rem}
.network-box .rightbox .li3{left:5.6rem;top:3.85rem}
.network-box .rightbox .li4{left:4.8rem;top:4.66rem}
.network-box .rightbox .li5{left:5rem;top:4.9rem}
.network-box .rightbox .li5 .tag::after{top:15px!important}
}
.network-box .rightbox .li5.active .tag::after{border-top-color:transparent;border-bottom-color:#f5c61c;top:20px}
.network-box .rightbox .li5.active .addr{bottom:auto;top:100%;margin-top:10px}
@media (max-width:992px){.network-box .rightbox{margin:0 auto;width: 100%; height:auto;}
.network-box .city{display:none;}
.network-box .wapcity p{color:#d19d48; text-align:left;font-size:16px;margin-bottom:10px;}
.network-box .wapcity{display: inline-block;margin-top: 20px;}
.network-box .wapcity a{float:left;display:block; padding:5px; margin:5px 3px;border:1px #ccc solid;}
.network-box .wapcity a:hover{background:#bb0605; color:#fff;}
.network-box .ihd{text-align:center}
.network-box .ihd br{display:none}
.network-box .info{margin-top:.5rem;text-align:center}
}
@media (max-width:768px){.network-box .rightbox li{font-size:14px}
.network-box .rightbox li .addr{display:none!important}
.network-box .rightbox li .tag::after{display:none!important}
}
.network-box .xs-addr{color:#fff}
.network-box .xs-addr .tag{color:#f5c61c;font-size:18px;margin-bottom:5px}
.network-box .xs-addr .addr{font-size:16px}


.case_sum_details .index3 .title .en {font-size: 20px;font-weight: bold;color: #ffffff;text-transform: uppercase;}
.case_sum_details .title .zh {font-size: 46px;line-height: 1.3;color: #222222;font-weight: 500;padding: 15px 0;}
.case_sum_details .title .zh_tips {font-size: 20px;line-height: 1.3;color: #FFFFFF;padding: 15px 0;}
.index3 {background: center center no-repeat;background-size: cover;}
.index3 .title {margin: 0;padding-bottom: 0;margin-bottom: -16%;}
.index3 .title .zh {color: #FFFFFF;}
.index3 .title .zlms{top: 60px;position: relative;}
.index3 .title .zlms p{font-size: 18px;width: 26%;text-align: justify;margin-top: 20px;line-height: 30px;color: #c6e7c9;font-weight: normal;}
.index3 .map {max-width: 1250px;float: right;margin-right: -5%;position: relative;width: 85%;}
.map_dian {}
.map_dian li {position: absolute;width: 11px;height: 30px;cursor: pointer;}
.map_dian li:nth-child(1) {top: 35%;right: 38.5%;}
.map_dian li:nth-child(2) {top: 57%;right: 29%;}
.map_dian li:nth-child(3) {top: 53%;left: 67%;}
.map_dian li:nth-child(4) {top: 50%;left: 50%;}
.map_dian li:nth-child(5) {top: 60%;left: 44%;}
.map_dian li:nth-child(6) {top: 61%;left: 55%;}
.map_dian li:nth-child(7) {bottom: 16%;right: 39%;}
.map_dian li:nth-child(8) {left: 37%;bottom: 18%;}
.map_dian li:nth-child(9) {bottom: 5%;left: 52%;}
.map_dian li:nth-child(10) {
    top: 43%;
    left: 61%;
}
.map_dian li:nth-child(11) {
    top: 42%;
    left: 69%;
}
.map_dian li:nth-child(12) {
    bottom: 32%;
    right: 30.6%;
}
.map_dian li:nth-child(13) {
    bottom: 26%;
    right: 38.6%;
}
.map_dian .dian {}
.map_dian .wrapper {position: relative;}
/*.map_dian */
.map_dian .d1 {margin: auto;width: 11px;height: 11px;background: #FFFFFF;border-radius: 50%;transition: all 0s;}
.map_dian li:hover .d1 {background: #1e9f48;transition: all .3s;}
.map_dian li:hover .win {display: block;}
.map_dian .win {display: none;position: absolute;left: 75px;bottom: 0;width: 360px;border-radius: 0 30px;overflow: hidden;background: #FFFFFF;z-index: 10;}
.map_dian .lans {padding: 1.5vw;}
.map_dian .tit {font-size: 22px;color: #089a3e;}
.map_dian .address {margin-top: 7px;font-size: 18px;color: #444444;font-weight: lighter;}
.map_dian .address img {margin-right: 2px;}
.map_dian .line {margin: -2px auto;width: 5px;height: 30px;background: url("../icon_line1.html") top left no-repeat;animation: line4 1.8s linear infinite;position: relative;z-index: 5;}
.map_dian li:hover .line {background: url("../icon_line2.html") top left no-repeat;animation: line4 0s linear infinite;}
@-webkit-keyframes line4 {0% {    background-position: 0 0;}100% {    background-position: 0 -7px;}}
.map_dian li:hover .quan {opacity: 1;}
.map_dian .quan {opacity: 0;width: 15px;height: 15px;background: #089a3e94;position: absolute;bottom: 5px;left: calc(50% - 7px);border-radius: 50%;animation: quan 1.8s linear infinite;box-shadow: 0 0 0 10px #089a3e42;transition: all .3s;}
@-webkit-keyframes quan {0% {    box-shadow: 0 0 0 15px rgba(64, 196, 255, .2);}50% {    box-shadow: 0 0 0 3px rgba(64, 196, 255, .2);}100% {    box-shadow: 0 0 0 15px rgba(64, 196, 255, .2);}}
.map_dian .loc {font-size: 22px;color: #FFFFFF;position: absolute;width: auto;left: 165%;white-space: nowrap;top: -30px;height: 50px;padding-top: 20px;width: 100px;}
.map_dian li:nth-child(7) .loc{
    left: -425%;
}