@media (max-width: 767px) {
  .eytitle span {
    line-height: 22px !important;
    font-size: 20px !important;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

@media (max-width: 360px) {
  .eytitle span {
    line-height: 20px !important;
    font-size: 18px !important;
  }
}

#web_msg.web_msg input,
#web_msg.web_msg textarea,
#web_msg.web_msg select {
  box-sizing: border-box;
}

#web_msg.web_msg .areatext {
  display: block;
  width: 100% !important;
  resize: none;
}

.cp_type .bd ul li.on > div {
  display: block;
}

#pages .page-status {
  display: none;
}

.webtop,
.neitop {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
}

.webtop.fxd {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
}

.eybanner,
.ey_banner {
  margin-top: 0 !important;
}

@media (min-width: 1081px) {
  .web_nav .nav_list > ul > li > ul {
    overflow: visible;
  }

  .web_nav .nav_list > ul > li > ul > li {
    position: relative;
    overflow: visible;
  }

  .web_nav .nav_list > ul > li > ul > li.has-third > a {
    padding-right: 20px;
  }

  .web_nav .nav_list > ul > li > ul > li.has-third > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: translateY(-50%) rotate(45deg);
  }

  .web_nav .nav_list > ul > li > ul > li > ul.nav-third {
    display: none;
    position: absolute;
    top: -2px;
    left: 100%;
    z-index: 10;
    width: 180px;
    background-color: #fff;
    border-top: 2px solid #237abf;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 2px 2px;
  }

  .web_nav .nav_list > ul > li > ul > li:hover > ul.nav-third {
    display: block;
  }

  .web_nav .nav_list > ul > li > ul > li > ul.nav-third li {
    width: 100%;
    border-bottom: 1px solid rgba(85, 87, 89, 0.1);
  }

  .web_nav .nav_list > ul > li > ul > li > ul.nav-third li:last-child {
    border-bottom: 0;
  }

  .web_nav .nav_list > ul > li > ul > li > ul.nav-third li a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #555;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
  }

  .web_nav .nav_list > ul > li > ul > li > ul.nav-third li a:hover {
    color: #237abf;
  }
}

@media (max-width: 1080px) {
  .web_nav .nav_list > ul > li ul.nav-third {
    display: block;
    position: static;
    width: 100%;
    background-color: #fff;
    border: 0;
    box-shadow: none;
  }

  .web_nav .nav_list > ul > li ul.nav-third li a {
    padding-left: 60px;
  }
}

/* Language switcher in the main navigation */
.webtop_main{padding-right:0}
.websearch:before,.websearch_btn:before{display:none}
.websearch{padding-left:26px}
.websearch_btn{padding-left:0;margin-left:8px}
.web_nav .nav_list>ul>li.nav-lang{position:relative;padding:0 4px;margin-left:4px}
.web_nav .nav_list>ul>li.nav-lang:before{display:none}
.web_nav .nav_list>ul>li.nav-lang>a{display:none}
.nav-lang .lang-switch{position:relative;right:auto;top:auto;transform:none;z-index:40;height:100%;display:flex;align-items:center}
.nav-lang .lang-current{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#237abf;cursor:pointer;line-height:1;box-shadow:none}
.nav-lang .lang-current:hover{background:transparent}
.nav-lang .lang-menu{position:absolute;left:50%;right:auto;top:calc(100% + 10px);min-width:142px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.16);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:all .18s ease;overflow:hidden}
.nav-lang:hover .lang-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-lang .lang-menu a{display:flex;align-items:center;gap:9px;padding:11px 13px;font-size:14px;line-height:1;color:#333;white-space:nowrap}
.nav-lang .lang-menu a:hover,.nav-lang .lang-menu a.active{background:#eef6ff;color:#237abf}
.nav-lang .lang-menu img{display:block;width:24px;height:16px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.14);flex:0 0 auto}
.globe-icon{display:block;width:30px;height:30px;object-fit:contain;flex:0 0 auto;transform:translateY(9px)}
@media screen and (max-width:1080px){.web_nav .nav_list>ul>li.nav-lang{padding:10px 18px;margin:0}.nav-lang .lang-switch{height:auto}.nav-lang .lang-current{width:44px;height:44px}.nav-lang .lang-menu{position:static;min-width:0;margin-top:8px;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:4px}.nav-lang:hover .lang-menu{transform:none}}


/* Keep 1920px banner artwork fully visible instead of cropping both sides. */
.eybanner {
  height: auto !important;
}

.eyba_swiper .swiper-container,
.eyba_swiper .swiper-slide {
  height: auto !important;
}

.eyba_swiper .swiper-slide img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important;
}

.ey_banner {
  height: auto !important;
  overflow: hidden;
}

.ey_banner img.ba_img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important;
}

.ey_banner .ba_con {
  pointer-events: none;
}



/* Contact page: allow long English address text to wrap fully. */
.ey_continfor_con .ey_cont_lxfs {
  height: auto !important;
  min-height: 200px;
  overflow: visible !important;
}

.ey_cont_lxfs ul {
  display: flex;
  align-items: stretch;
}

.ey_cont_lxfs ul li {
  float: none !important;
  min-height: 116px;
}

.ey_cont_lxfs ul li p {
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal !important;
}

@media (max-width: 767px) {
  .ey_cont_lxfs ul {
    display: block;
  }
}