@charset "utf-8";

.h_word_map {background: #f5f5f5;display: flex;align-items: flex-start;justify-content: space-between;margin:50px auto 0;padding:4rem 4rem 1rem;}
@media (max-width: 1260px) {
.h_word_map {flex-direction: column;padding: 0.4rem 0.5rem;}
}
.h_word_map .right {width:22%;}
@media (max-width: 991px) {
.h_word_map .right {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
}
.h_word_map .right .list {border-top: 1px solid #e9e9e9;padding-top: 1.18rem;position: relative;}
@media (max-width: 991px) {
.h_word_map .right .list {width: 47%;margin-bottom: 0.4rem;}
}
.h_word_map .right .list:hover i {left: calc(100% - 20px);}
.h_word_map .right .list i {position: absolute;display: block;transition: all 0.3s;background: #005ad2;width: 20px;height: 1px;top: -1px;left: 0;}
.h_word_map .right .list > span {font-size: 2.38rem;font-weight: bold;color: #005ad2;line-height: 1;display: block;margin-bottom: 1rem;}
@media (max-width: 767px) {
.h_word_map .right .list > span {font-size: 0.52rem;}
}
.h_word_map .right .list .g_p {margin-bottom: 2rem;}
.h_word_logo .word_logo_swi {border-left: 1px solid #ececec;border-right: 1px solid #ececec;}
.h_word_logo .word_logo_swi .img {border: 1px solid #ececec;}
.h_word_logo .pub_nav {cursor: pointer;position: absolute;top: 50%;z-index: 10;display: flex;align-items: center;transform: translateY(-50%);}
.h_word_logo .pub_nav:hover path {fill: #005ad2 !important;}
.h_word_logo .pub_nav.pub_prev {left: 13px;transform: translateY(-50%) rotate(180deg);}
.h_word_logo .pub_nav.pub_next {right: 13px;}
.h_word_logo .pub_nav svg {width: 6px;}
.h_word_logo .pub_nav svg path {fill: #999;}
.g_line {position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;}
.g_line svg {width: 100%;height: 100%;}
.g_line svg .st91 {z-index: 1;fill: none;stroke: #005ad2;stroke-width: 1;stroke-miterlimit: 10;stroke-dashoffset: 800;stroke-dasharray: 800;animation: animation-line 8.5s ease-in forwards infinite;}
@keyframes animation-line {
0% {stroke-dashoffset: 800;}
25% {stroke-dashoffset: 0px;}
50% {stroke-dashoffset: 0px;}
75% {stroke-dashoffset: -800;}
100% {stroke-dashoffset: -800;}
}




@media (max-width: 991px) {
  .g_map_box {
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 767px) {
  .g_map_box {
    overflow-x: auto;
    width: 100%;
  }
}
.g_map_box .g_map {
  width: 100%;
  position: relative;
}
.g_map_box .g_map .img img{width:100%;}
@media (max-width: 991px) {
  .g_map_box .g_map {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .g_map_box .g_map {
    width: 500px;
    height: 100%;
    font-size:10px;
  }
  .g_map_box .g_map .country li img{width: 7px;}
}
.g_map_box .g_map .core {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 0 0.29rem rgba(0, 0, 0, 0.17);
  position: absolute;
  left: 76.2%;
  top: 46%;
  z-index: 10;
}
@media (max-width: 991px) {
  .g_map_box .g_map .core {
    width: 28px;
    height: 28px;
    left: 74.2%;
    top: 42%;
  }
  
}
.g_map_box .g_map .core img {
  width: 50%;
  height: auto;
}
.g_map_box .g_map .country li {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 10;
}
.g_map_box .g_map .country li img {
  width: 13px;
  height: auto;
  background: #fff;
}
.g_map_box .g_map .country li p {
  margin-left: 6px;
  white-space: nowrap;
}
.g_map_box .g_map .country .cou1 {
  left: 75%;
  top: 20%;
}
.g_map_box .g_map .country .cou2 {
  left: 81.5%;
  top: 39%;
}
.g_map_box .g_map .country .cou3 {
  left: 84%;
  top: 42%;
}
.g_map_box .g_map .country .cou4 {
  left: 94%;
  top: 88%;
}
.g_map_box .g_map .country .cou5 {
  left: 80%;
  top: 53%;
}
.g_map_box .g_map .country .cou6 {
  left: 84%;
  top: 76%;
}
.g_map_box .g_map .country .cou7 {
  left: 76%;
  top: 57%;
}
.g_map_box .g_map .country .cou8 {
  left: 53%;
  top: 79%;
}
.g_map_box .g_map .country .cou9 {
  left: 28%;
  top: 83%;
}
.g_map_box .g_map .country .cou10 {
  left: 34%;
  top: 68%;
}
.g_map_box .g_map .country .cou11 {
  left: 18%;
  top: 40%;
}
.g_map_box .g_map .country .cou12 {
  left: 17%;
  top: 26%;
}
.g_map_box .g_map .country .cou13 {
  left: 4%;
  top: 18%;
}
.g_map_box .g_map .country .cou14 {
  left: 52%;
  top: 18%;
}
.g_map_box .g_map .country .cou15 {
  left: 50%;
  top: 31%;
}
.g_map_box .g_map .country .cou16 {
  left: 59%;
  top: 50%;
}
.g_map_box .g_map .country .cou17 {
  left: 75%;
  top: 62%;
}
.g_map_box .g_map .country .cou18 {
  left: 18%;
  top: 49%;
}
.g_map_box .g_map .country .cou19 {
  left: 74.5%;
  top: 60.5%;
}
.g_map_box .g_map .country .cou20 {
  left: 41.5%;
  top: 20%;
}


@media screen and (max-width:1580px){
  .h_word_map{margin: 30px auto 0;padding: 4rem 2rem 1rem;}
  .h_word_map .right .list>span{font-size: 1.5rem;margin-bottom: 0.5rem;}
  .h_word_map .right .list .g_p {margin-bottom: 1rem;}
  .h_word_map .right {width: 16%;}
  .h_word_map .right .list{padding-top: 1rem;}
  .g_map_box{margin-right:2%}
}

@media screen and (max-width:980px){
  .h_word_map{padding:1rem;}
  .h_word_map .right{width:100%;}
  .h_word_map .right .list>span{font-size: 1.2rem;}
  .h_word_map .right .list .g_p{color: #555;}
  .pr5 .swiper-button-prev1{left: 3px;width: 20px;}
  .pr5 .swiper-button-next1{right:3px;width: 20px;}
  .pr5 .swiper-button-prev1 span, .pr5 .swiper-button-next1 span{line-height: 18px;font-size:14px;}
}