@charset "utf-8";
.net_internal {
  background-color: #f9f9f9;
}
.net_internal h1 {
  font-size: 36px;
  margin-top: 100px;
  width: 100%;
}
.net_map {
  width: 916px;
  height: 850px;
  margin: 65px 0 80px 120px;
  position: relative;
}
.net_international {
  background-color: #eee;
}
.net_international h1 {
  font-size: 36px;
  margin-top: 100px;
  width: 100%;
}
.net_national_map {
  position: relative;
  width: 916px;
  height: 418px;
  margin: 65px 0 80px 120px;
}
.net_map_exp {
  width: 42px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.net_map_exp img {
  width: 18px;
  height: 24px;
}
.net_map1 {
  left: 190px;
  top: 230px;
}
.net_map2 {
  left: 190px;
  top: 420px;
}
.net_map3 {
  left: 331px;
  top: 350px;
}
.net_map4 {
  left: 396px;
  top: 545px;
}
.net_map5 {
  left: 420px;
  top: 437px;
}
.net_map6 {
  left: 440px;
  top: 360px;
}
.net_map7 {
  left: 465px;
  top: 312px;
}
.net_map8 {
  left: 470px;
  top: 500px;
}
.net_map9 {
  left: 480px;
  top: 450px;
}
.net_map10 {
  left: 500px;
  top: 380px;
}
.net_map11 {
  left: 510px;
  top: 550px;
}
.net_map12 {
  left: 520px;
  top: 630px;
}
.net_map13 {
  left: 555px;
  top: 320px;
}
.net_map14 {
  left: 570px;
  top: 380px;
}
.net_map15 {
  left: 570px;
  top: 430px;
}
.net_map16 {
  left: 550px;
  top: 490px;
}
.net_map17 {
  left: 610px;
  top: 190px;
}
.net_map18 {
  left: 620px;
  top: 256px;
}
.net_map19 {
  left: 640px;
  top: 276px;
}
.net_map20 {
  left: 600px;
  top: 300px;
}
.net_map21 {
  left: 640px;
  top: 335px;
}
.net_map22 {
  left: 630px;
  top: 415px;
}
.net_map23 {
  left: 610px;
  top: 490px;
}
.net_map24 {
  left: 640px;
  top: 520px;
}
.net_map25 {
  left: 590px;
  top: 560px;
}
.net_map26 {
  left: 675px;
  top: 400px;
}
.net_map27 {
  left: 700px;
  top: 430px;
}
.net_map28 {
  left: 675px;
  top: 460px;
}
.net_map29 {
  left: 690px;
  top: 560px;
}
.net_map30 {
  left: 790px;
  top: 113px;
}
.net_map31 {
  left: 780px;
  top: 205px;
}
.net_map32 {
  left: 730px;
  top: 240px;
}
.net_phone {
  display: none;
}
.net_phone {
  /*width: 240px;*/
  /*height: 140px;*/
 /*padding-bottom: 10px;*/
 	width: auto;
 	height: auto;
 	padding: 10px 15px 15px;
  background-color: rgb(68, 7, 235);
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 3;
  border-radius: 5px;
  text-align: left;
  color: #fff;
}
.net_phone p {
  width: -webkit-max-content;
  width: max-content;
  font-size: 16px;
  float: left;
  /*margin: 16px 0 12px 8px;*/
 	margin: 7px 20px 0px 8px;
}
.net_phone span {
  float: left;
  margin-left: 8px;
}
.nation_map1 {
  left: 100px;
  top: 70px;
}
.nation_map2 {
  left: 200px;
  top: 260px;
}
.nation_map3 {
  left: 440px;
  top: 210px;
}
.nation_map4 {
  left: 470px;
  top: 60px;
}
.nation_map5 {
  left: 640px;
  top: 60px;
}
.nation_map6 {
  left: 680px;
  top: 120px;
}
.nation_map7 {
  left: 750px;
  top: 310px;
}
.net_map_china:hover {
  color: rgb(243, 100, 4);
}

@media (max-width:1199px){
  .net_internal h1 {
    font-size: 26px;
    margin-top: 80px;
    width: 100%;
  }
  .net_map {
    margin: 60px 0 60px 40px;
  }
  .net_international h1 {
    font-size: 26px;
    margin-top: 80px;
    width: 100%;
  }
  .net_national_map {
    width: 916px;
    height: 418px;
    margin: 60px 0 80px 40px;
  }
  .net_phone {
    width: 230px;
  }
  .net_map26 .net_phone, .net_map27 .net_phone, .net_map28 .net_phone, .net_map29 .net_phone, .net_map30 .net_phone,  .net_map31 .net_phone, .net_map32 .net_phone {
    left: -230px;
  }
  .nation_map7 .net_phone {
    top: -130px;
    left: -210px;
  }
}
@media (max-width: 991px){
  .net_internal h1 {
    font-size: 20px;
    margin-top: 60px;
    width: 100%;
  }
  .net_map {
    width: 100%;
    height: 720px;
    margin: 40px 0 60px 0;
  }
  .net_international h1 {
    font-size: 20px;
    margin-top: 60px;
    width: 100%;
  }
  .net_national_map {
    width: 100%;
    height: 320px;
    margin: 40px 0 80px 0;
  }
  .net_map_exp img {
    width: 16px;
    height: 20px;
  }
  .net_map1 {
    left: 130px;
    top: 170px;
  }
  .net_map2 {
    left: 160px;
    top: 350px;
  }
  .net_map3 {
    left: 240px;
    top: 290px;
  }
  .net_map4 {
    left: 320px;
    top: 440px;
  }
  .net_map5 {
    left: 340px;
    top: 357px;
  }
  .net_map6 {
    left: 360px;
    top: 300px;
  }
  .net_map7 {
    left: 375px;
    top: 260px;
  }
  .net_map8 {
    left: 380px;
    top: 410px;
  }
  .net_map9 {
    left: 390px;
    top: 370px;
  }
  .net_map10 {
    left: 410px;
    top: 310px;
  }
  .net_map11 {
    left: 410px;
    top: 450px;
  }
  .net_map12 {
    left: 420px;
    top: 510px;
  }
  .net_map13 {
    left: 455px;
    top: 260px;
  }
  .net_map14 {
    left: 460px;
    top: 310px;
  }
  .net_map15 {
    left: 460px;
    top: 350px;
  }
  .net_map16 {
    left: 450px;
    top: 400px;
  }
  .net_map17 {
    left: 480px;
    top: 160px;
  }
  .net_map18 {
    left: 500px;
    top: 220px;
  }
  .net_map19 {
    left: 515px;
    top: 236px;
  }
  .net_map20 {
    left: 490px;
    top: 250px;
  }
  .net_map21 {
    left: 520px;
    top: 275px;
  }
  .net_map22 {
    left: 510px;
    top: 345px;
  }
  .net_map23 {
    left: 490px;
    top: 400px;
  }
  .net_map24 {
    left: 520px;
    top: 420px;
  }
  .net_map25 {
    left: 480px;
    top: 460px;
  }
  .net_map26 {
    left: 540px;
    top: 330px;
  }
  .net_map27 {
    left: 565px;
    top: 350px;
  }
  .net_map28 {
    left: 550px;
    top: 380px;
  }
  .net_map29 {
    left: 556px;
    top: 460px;
  }
  .net_map30 {
    left: 650px;
    top: 100px;
  }
  .net_map31 {
    left: 620px;
    top: 160px;
  }
  .net_map32 {
    left: 580px;
    top: 200px;
  }
  .net_map26 .net_phone, .net_map27 .net_phone, .net_map28 .net_phone, .net_map29 .net_phone {
    left: 25px;
  }
  .net_map30 .net_phone,  .net_map31 .net_phone, .net_map32 .net_phone {
    left: -230px;
  }
  .nation_map1 {
    left: 80px;
    top: 70px;
  }
  .nation_map2 {
    left: 160px;
    top: 210px;
  }
  .nation_map3 {
    left: 380px;
    top: 180px;
  }
  .nation_map4 {
    left: 400px;
    top: 40px;
  }
  .nation_map5 {
    left: 540px;
    top: 50px;
  }
  .nation_map6 {
    left: 560px;
    top: 100px;
  }
  .nation_map7 {
    left: 640px;
    top: 260px;
  }
  
}
@media (max-width: 767px){	
  .net_internal, .net_international {
    padding: 0 15px;
  }
	.net_internal h1 {
    font-size: 20px;
    margin-top: 40px;
    width: 100%;
  }
  .net_map {
    width: 100%;
    height: auto;
    margin: 40px 0 30px 0;
  }
  .net_international h1 {
    font-size: 20px;
    margin-top: 60px;
    width: 100%;
  }
  .net_national_map {
    width: 100%;
    height: auto;
    margin: 40px 0 60px 0;
  }
  .net_map_exp img {
    width: 10px;
    height: 12px;
  }
  .net_map_exp > p {
    font-size: 10px;
    display: none;
  }
  .net_map1 {
    left: 16%;
    top: 28%;
  }
  .net_map2 {
    left: 19%;
    top: 48%;
  }
  .net_map3 {
    left: 31%;
    top: 40%;
  }
  .net_map4 {
    left: 40%;
    top: 60%;
  }
  .net_map5 {
    left: 40%;
    top: 50%;
  }
  .net_map6 {
    left: 44%;
    top: 40%;
  }
  .net_map7 {
    left: 47%;
    top: 36%;
  }
  .net_map8 {
    left: 48%;
    top: 55%;
  }
  .net_map9 {
    left: 49%;
    top: 49%;
  }
  .net_map10 {
    left: 51%;
    top: 42%;
  }
  .net_map11 {
    left: 52%;
    top: 60%;
  }
  .net_map12 {
    left: 53%;
    top: 68%;
  }
  .net_map13 {
    left: 57%;
    top: 36%;
  }
  .net_map14 {
    left: 58%;
    top: 42%;
  }
  .net_map15 {
    left: 57%;
    top: 47%;
  }
  .net_map16 {
    left: 56%;
    top: 53%;
  }
  .net_map17 {
    left: 62%;
    top: 22%;
  }
  .net_map18 {
    left: 64%;
    top: 28%;
  }
  .net_map19 {
    left: 65%;
    top: 31%;
  }
  .net_map20 {
    left: 62%;
    top: 33%;
  }
  .net_map21 {
    left: 66%;
    top: 37%;
  }
  .net_map22 {
    left: 65%;
    top: 46%;
  }
  .net_map23 {
    left: 62%;
    top: 53%;
  }
  .net_map24 {
    left: 67%;
    top: 56%;
  }
  .net_map25 {
    left: 60%;
    top: 60%;
  }
  .net_map26 {
    left: 69%;
    top: 43%;
  }
  .net_map27 {
    left: 72%;
    top: 46%;
  }
  .net_map28 {
    left: 70%;
    top: 50%;
  }
  .net_map29 {
    left: 71%;
    top: 60%;
  }
  .net_map30 {
    left: 84%;
    top: 14%;
  }
  .net_map31 {
    left: 81%;
    top: 22%;
  }
  .net_map32 {
    left: 75%;
    top: 26%;
  }
  .net_phone {
    width: 165px;
    height: auto;
    left: 20px;
    top: 20px;
    padding: 4px;
  }
  .net_phone p {
    width: 100%;
    font-size: 14px;
    margin: 6px 0 8px 0px;
  }
  .net_phone span {
    font-size: 10px;
    margin-left: 6px;
  }
  .net_map11 .net_phone, .net_map10 .net_phone, .net_map9 .net_phone,
  .net_map14 .net_phone, .net_map13 .net_phone, .net_map12 .net_phone,
  .net_map15 .net_phone, .net_map16 .net_phone, .net_map17 .net_phone,
  .net_map18 .net_phone, .net_map19 .net_phone, .net_map20 .net_phone, .net_map21 .net_phone, .net_map22 .net_phone, .net_map23 .net_phone, .net_map24 .net_phone, .net_map25 .net_phone, .net_map26 .net_phone, .net_map27 .net_phone, .net_map28 .net_phone, .net_map29 .net_phone, .net_map30 .net_phone, .net_map31 .net_phone, .net_map32 .net_phone {
    left: -160px;
  }
  .nation_map1 {
    left: 8%;
    top: 19%;
  }
  .nation_map2 {
    left: 18%;
    top: 61%;
  }
  .nation_map3 {
    left: 46%;
    top: 46%;
  }
  .nation_map4 {
    left: 50%;
    top: 13%;
  }
  .nation_map5 {
    left: 68%;
    top: 10%;
  }
  .nation_map6 {
    left: 72%;
    top: 27%;
  }
  .nation_map7 {
    left: 82%;
    top: 72%;
  }
  .nation_map5 .net_phone, .nation_map7 .net_phone {
    left: -150px;
  }
  .nation_map7 .net_phone {
    top: -120px;
  }
}