@charset "UTF-8";
/*fonts*/
/* swiper public */

.swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}

.swiper-container .swiper-slide a {
  display: block;
  overflow: hidden;
}

.swiper-container .swiper-slide a .itemImg {
  position: relative;
  max-width: 100%;
  margin: auto;
}

.swiper-container .swiper-slide a .itemImg img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.swiper-container .swiper-slide a .theInfo {
  overflow: hidden;
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  width: 18px;
  height: 32px;
}

.swiper-container .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}

.swiper-container .swiper-pagination-bullet-active {
  width: 40px;
  height: 15px;
  border-radius: 20px;
  background: #00a0e9;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 4px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(https://www.deltaww.com/images/icon/arrow-next.svg);
  background-size: cover;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url(https://www.deltaww.com/images/icon/arrow-back.svg);
  background-size: cover;
}

.forArrow {
  position: relative;
  overflow: visible;
}

.forArrow .swiper-button-prev,
.forArrow .swiper-button-next {
  margin-top: 5px;
  position: absolute;
  top: 50%;
}

.forArrow .swiper-button-prev {
  left: -38px;
}

.forArrow .swiper-button-next {
  right: -38px;
}

.swiper-button-next,
.swiper-button-prev {
  width: 18px;
  height: 32px;
}

/* mainTopImg -------------------------------- */
.mainTopImg {
  position: relative;
}

.mainTopImg img {
  position: absolute;
  opacity: 1;
  min-height: 100%;
  width: 100%;
  object-position: center center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}

.mainTopCountent {
  overflow: hidden;
}

.mainTopCountent .mainTitle .date {
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  margin-bottom: 8px;
}

.mainTopCountent .this-info b {
  color: #333333;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  display: block;
}

.mainTopCountent .this-info b sub,
.mainTopCountent .this-info b sup {
  font-size: 12px !important;
  color: #333333 !important;
  font-weight: bold;
}

.mainTopCountent .this-info p {
  color: #333333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  margin-bottom: 30px;
}

.mainTopCountent .this-info p:last-child {
  margin-bottom: 0px;
}

.mainTopCountent .this-pic img {
  width: 100%;
}

.mainTopCountent .full-pic {
  margin-top: 36px;
  width: 100%;
  display: inline-block;
}

.mainTopCountent .full-pic img {
  display: block;
  margin: 0 auto;
}

.mainTopCountent .full-page p {
  color: #333333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  margin-bottom: 30px;
}

.mainTopCountent .full-page p:last-child {
  margin-bottom: 0px;
}

/* pageNav -------------------------------- */
.pageNav {
  background-color: #5594c9;
}

.pageNav .main {
  overflow: unset;
}

.pageNav-list li a.active {
  text-decoration: none;
}

.pageNav-list li:hover {
  background: linear-gradient(to bottom, #348cc4 0%, #468dbe 85%, #488dbd 100%);
  background: -o-linear-gradient(to bottom, #348cc4 0%, #468dbe 85%, #488dbd 100%);
}

.pageNav-list li:hover a {
  text-decoration: none;
}

.pageNav-list li.open {
  display: block;
}

.fixed-top {
  width: 100%;
  position: fixed;
  z-index: 998;
}

/* item-wrap -------------------------------- */
.item-wrap {
  width: 100%;
}

.item-wrap:last-child {
  margin-bottom: 0px;
}

.item-wrap .the-title {
  margin-bottom: 20px;
  overflow: hidden;
}

.item-wrap .the-text {
  color: #333333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  margin-bottom: 20px;
}

.item-wrap .regulation,
.item-wrap .number-list {
  margin-bottom: 20px;
  margin-left: 20px;
}

.item-wrap .regulation li,
.item-wrap .number-list li {
  list-style: disc;
  color: #666666;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

.item-wrap .regulation li a,
.item-wrap .number-list li a {
  text-decoration: underline;
  color: #666666;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

.item-wrap .regulation li a:hover,
.item-wrap .number-list li a:hover {
  color: #00aeef;
  text-decoration: none;
}

.item-wrap .number-list li {
  list-style: decimal;
}

.item-wrap .annotation {
  margin-bottom: 20px;
}

.item-wrap .annotation li {
  color: #666666;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

.item-wrap .video {
  height: 0;
  overflow: hidden;
  position: relative;
}

.item-wrap .video iframe,
.item-wrap .video object,
.item-wrap .video embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.item-wrap .tag {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 6px 10px;
  background-color: #46b3e6;
  color: #ffffff !important;
  font-weight: normal !important;
  font-size: 20px !important;
  line-height: 24px !important;
  text-align: left;
}

.item-wrap .item-list-wrap {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -moz-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.item-wrap .item-list-wrap li {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  float: left;
  border: 1px solid #dddddd;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  /* box-shadow: x y blur spread color inset */
  transition: box-shadow 0.5s ease-in-out;
}

.item-wrap .item-list-wrap li:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  /* box-shadow: x y blur spread color inset */
}

.item-wrap .item-list-wrap li a {
  display: block;
  overflow: hidden;
  height: 100%;
}

.item-wrap .item-list-wrap li a .theInfo {
  background-color: rgba(64, 194, 243, 0);
  transition: background-color 0.5s ease-in-out;
}

.item-wrap .item-list-wrap li a:hover {
  text-decoration: none;
}

.item-wrap .item-list-wrap li a:hover .theInfo {
  background-color: #40c2f3;
}

.item-wrap .item-list-wrap li a:hover .theInfo .the-list-title {
  color: #ffffff;
}

.item-wrap .item-list-wrap li a:hover .theInfo .the-list-title sup,
.item-wrap .item-list-wrap li a:hover .theInfo .the-list-title sub {
  color: #ffffff;
}

.item-wrap .item-list-wrap li a .itemImg {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.item-wrap .item-list-wrap li a .itemImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.item-wrap .item-list-wrap li a .theInfo {
  overflow: hidden;
  height: 100%;
}

.item-wrap .item-H-wrap {
  margin-left: 0px;
}

.item-wrap .item-H-wrap li {
  width: 100%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  /* box-shadow: x y blur spread color inset */
  transition: box-shadow 0.5s ease-in-out;
  margin-bottom: 20px;
}

.item-wrap .item-H-wrap li a {
  display: block;
  overflow: hidden;
  height: 100%;
}

.item-wrap .item-H-wrap li a:hover {
  text-decoration: none;
}

.item-wrap .item-H-wrap li .itemImg img {
  width: 100%;
}

.item-wrap .item-H-wrap li .theInfo .the-list-title {
  color: #666666;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.item-wrap .item-H-wrap li .theInfo .the-list-desc,
.item-wrap .item-H-wrap li .theInfo .normal-content {
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
}

.item-wrap .item-H-wrap li ul.disc-item {
  margin: 8px 0px 8px;
}

.item-wrap .item-H-wrap li ul.disc-item li {
  padding: 0px;
  list-style: disc;
  margin-bottom: 0px;
  border: unset;
  margin-left: 20px;
  overflow: unset;
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
}

.item-wrap .item-H-wrap li ul.disc-item li:hover {
  box-shadow: none;
}

.item-wrap .detail {
  margin-bottom: 20px;
}

.item-wrap .detail li {
  position: relative;
  width: 100%;
  color: #333333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  padding: 6px 0px 6px 31px;
}

.item-wrap .detail li svg {
  width: 23px;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: 8px;
}

.item-wrap .detail li.blue-icon svg {
  color: #00aeef;
}

.item-wrap .detail li.mail a,
.item-wrap .detail li.world a {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  color: #333333;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}

.item-wrap .signature-wrap {
  width: 100%;
  overflow: hidden;
}

.item-wrap .signature-wrap .signature {
  width: 153px;
  float: right;
  margin-bottom: 0px;
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
}

.item-wrap .signature-wrap .signature strong {
  font-size: 18px;
  font-weight: bold;
}

/* reset tablet -----------------------------*/
/* tables still need 'cellspacing="0"' in the markup */
/* rwd-table -------------------------------- */
.rwd-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.rwd-table thead tr th {
  height: 54px;
  position: relative;
  color: #ffffff;
}

.rwd-table thead tr th span {
  position: relative;
  font-weight: bold !important;
  color: #ffffff !important;
  vertical-align: 13px;
}

.rwd-table thead tr th strong {
  margin-top: 5px;
  font-size: 13px !important;
  font-weight: normal !important;
  color: #ffffff !important;
  display: block;
  width: 100%;
  letter-spacing: -1px;
  line-height: 12px !important;
  font-weight: normal !important;
}

.rwd-table thead tr th .double-line {
  vertical-align: 2px;
}

.rwd-table thead tr th .switch {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

.rwd-table thead tr th .switch path {
  fill: rgba(255, 255, 255, 0.75);
}

.rwd-table thead tr th .switch:hover path {
  fill: white;
}

.rwd-table tbody tr {
  background-color: #ffffff;
}

.rwd-table tbody td {
  line-height: 20px;
}

/* tab -------------------------------- */
.tab-head {
  overflow: hidden;
  background: #53c6f1;
  background: -moz- linear-gradient(to bottom, #53c6f1 0%, #53c6f1 85%, #40b8f1 100%);
  background: -webkit- linear-gradient(to bottom, #53c6f1 0%, #53c6f1 85%, #40b8f1 100%);
  background: linear-gradient(to bottom, #53c6f1 0%, #53c6f1 85%, #40b8f1 100%);
  padding: 4px 4px 0px;
}

.tab-head li {
  float: left;
}

.tab-head li a {
  text-decoration: none;
  display: inline-block;
  padding: 15px;
  color: #ffffff !important;
}

.tab-head li a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.tab-head li.tab-active a {
  background-color: #ffffff;
  color: #000000 !important;
}

.tab-head li.tab-active a:hover {
  background-color: #ffffff;
}

.tab-form .tab-info {
  overflow: hidden;
}

.tab-form .tab-info .btn-wrap {
  width: 100%;
  overflow: hidden;
  display: inline-block;
}

.tab-form .tab-info .btn-wrap .btn-arrow {
  float: right;
}

/* carousel -------------------------------- */
.col-full {
  width: 100%;
}

.col-2 {
  float: left;
}

.carousel.swiper-container .swiper-slide {
  background-color: rgba(255, 255, 255, 0);
}

/* carouselWrap */
.carouselWrap {
  width: 100%;
}

.carouselWrap a {
  display: block;
}

.carouselWrap a .itemImg {
  position: relative;
  max-width: 100%;
  margin: auto;
  border: 1px solid #dddddd;
}

.carouselWrap a .itemImg img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.carouselWrap a .theInfo {
  overflow: hidden;
}

.carouselWrap a:hover {
  text-decoration: none;
}

.carouselWrap a:hover .itemImg {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  /* box-shadow: x y blur spread color inset */
}

/* services-link-item -------------------------------- */
.item-col-2 {
  display: block;
  overflow: hidden;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.item-col-2 .services-link-item a {
  display: block;
  overflow: hidden;
}

.item-col-2 .services-link-item a .services-link-img {
  float: left;
}

.item-col-2 .services-link-item a .services-link-caption .services-link-title {
  text-decoration: none;
  color: #34699a;
}

.item-col-2 .services-link-item .services-link-img {
  float: left;
}

.item-col-2 .services-link-item .services-link-caption .services-link-title {
  text-decoration: none;
}

.item-col-2 .services-link-item p.btn-mes {
  display: inline-block;
  text-decoration: underline;
  color: #6d6e71;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}

.item-col-4 {
  display: block;
  overflow: hidden;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.item-col-4 .services-link-item a {
  display: block;
  text-decoration: none;
}

.services-link-img {
  position: relative;
  width: 100%;
}

.services-link-img img {
  position: absolute;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.services-link-caption .services-link-title {
  color: #34699a;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

.services-link-caption .services-link-desc {
  overflow: hidden;
  color: #6d6e71;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
}

/* lightbox -------------------------------- */
.lightbox {
  display: block;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
}

.lightbox.active {
  z-index: 9999;
  left: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.lightbox-body {
  display: none;
  position: absolute;
  height: 0px;
  margin: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 10px;
  border-radius: 4px;
}

.lightbox-body .close {
  position: absolute;
}

.lightbox-body .close .close-img {
  width: 100%;
  color: #ffffff;
}

.lightbox-body .close .close-img path {
  fill: #ffffff;
}

/* lightbox-event -------------------------------- */
.lightbox-eventWrap {
  display: block;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
}

.lightbox-eventWrap.active {
  left: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.event-body {
  display: block;
  position: absolute;
  margin: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 10px;
  border-radius: 4px;
  opacity: 1;
}

.event-body .detail {
  display: none;
  overflow: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.event-body .detail::-webkit-scrollbar {
  width: 5px;
}

.event-body .detail::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.event-body .detail::-webkit-scrollbar-thumb {
  background: #888;
}

.event-body .detail::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.event-body .detail .intro {
  display: inline-block;
}

.event-body .leader-img img {
  width: 100%;
}

.event-body .leader-list .the-title {
  color: #666666;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}

.event-body .leader-list .the-title strong {
  display: block;
  color: #333333;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: left;
}

.event-body .the-introduce {
  color: #666666;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.event-body .close {
  position: absolute;
}

.event-body .close .close-img {
  width: 100%;
  color: #ffffff;
}

.event-body .close .close-img path {
  fill: #ffffff;
}

/* theDetail */
.theDetail {
  margin-top: 8px;
}

.theDetail p {
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 30px;
  text-align: left;
}

.theDetail p span {
  margin-right: 4px;
  width: 22px;
  color: #00aeef;
  vertical-align: 3px;
}

.theDetail p a {
  text-decoration: underline;
  color: #666666;
}

.theDetail p a:hover {
  text-decoration: none;
}

.container div,
.container span,
.container p,
.container a,
.container strong,
.container sub,
.container sup,
.container b,
.container ol,
.container ul,
.container li {
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
}

.container b,
.container strong {
  font-weight: bold;
}

.container sub {
  font-size: 12px !important;
  margin: 0px 1px;
}

.container sup {
  font-size: 12pxbtn-arrow;
  margin: 0px 1px !important;
}

.container .footer > a.goTop {
  color: #ffffff;
  line-height: 22px;
  line-height: 0px;
}

.mainSubTitle h1,
.mainSubTitle h2,
.mainSubTitle h3 {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 20px 0;
}

.colorTitle {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
  margin-bottom: 20px;
}

.colorTitle h1,
.colorTitle h2,
.colorTitle h3 {
  position: relative;
  color: #333333;
  font-size: 24px;
  line-height: 1.5;
  margin-top: 12px;
  display: inline-block;
}

.colorTitle h1::before,
.colorTitle h2::before,
.colorTitle h3::before {
  content: "";
  display: block;
  position: absolute;
  top: -13px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #408ab4;
}

.photoCategoryGroup {
  margin-bottom: 40px;
}

.photoCategoryGroup::after {
  display: block;
  content: "";
  clear: both;
}

.photoCategoryGroup .group {
  width: 100%;
}

.photoCategoryGroup .group.full-width {
  width: 100%;
  float: none;
}

.photoCategoryGroup .group.full-width a.photo {
  margin-bottom: 20px;
}

.photoCategoryGroup p,
.photoCategoryGroup ul,
.photoCategoryGroup ol {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.photoCategoryGroup ol,
.photoCategoryGroup ul {
  list-style: inside;
}

.photoCategoryGroup a.photo {
  display: block;
  text-decoration: none;
  background-color: #fff;
  text-align: center;
  margin-bottom: 30px;
}

.photoCategoryGroup a.photo img {
  display: block;
  object-fit: contain;
  object-position: center;
  max-width: 220px;
  margin: 0 auto;
}

.photoCategoryGroup a.photo .photoDetail {
  position: relative;
  padding: 7.5px 0;
  padding-left: 10px;
  padding-right: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  text-align: left;
  transition: background-color 0.5s ease-in-out;
}

.photoCategoryGroup a.photo .photoDetail span {
  display: block;
  color: #408ab4;
  font-size: 18px;
  line-height: 25px;
  transition: background-color 0.5s ease-in-out;
}

.photoCategoryGroup a.photo .photoDetail svg path {
  transition: background-color 0.5s ease-in-out;
}

.photoCategoryGroup a.photo .icon-next {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: auto;
}

.descGroup {
  margin-bottom: 40px;
}

.descGroup a.btn-arrow {
  background: #408ab4 !important;
  min-width: 110px;
  padding-left: 15px;
  padding-right: 35px;
}

.descGroup h3 {
  color: #408ab4;
  font-size: 32px;
  line-height: 1.3;
  margin: 0;
  margin-bottom: 20px;
}

.descGroup p {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  margin-bottom: 20px;
}

.descGroup::after {
  display: block;
  content: "";
  clear: both;
}

.colorLineGroup {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  justify-self: start;
}

.colorLineGroup .group {
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.borderLineGroup {
  background-color: #fff;
  padding: 16px;
  margin-bottom: 20px;
}

.borderLineGroup .group-icon {
  max-width: 88%;
}

.borderLineGroup h3 {
  color: #408ab4;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
}

.borderLineGroup p {
  color: #333;
  font-size: 14px;
  line-height: 21px;
  margin: 0;
  margin-bottom: 20px;
}

.borderLineGroup .line {
  position: relative;
  border-bottom: 5px solid #64d7d7;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -16px;
  margin-bottom: 16px;
  height: 0;
}

.borderLineGroup .line:before,
.borderLineGroup .line:after {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
}

.borderLineGroup .line:before {
  width: 55%;
  left: 0;
  background-color: #0087dc;
}

.borderLineGroup .line:after {
  top: 0;
  right: 0;
  width: 22%;
  background-color: #b9eb5f;
}

/* breadcrumb -------------------------------- */
.products .breadcrumb {
  margin-bottom: 0px;
}

.products .item-wrap .regulation {
  margin-bottom: 0px;
}

.products .item-wrap .annotation {
  margin-bottom: 0px;
}

.products .item-wrap .the-text b {
  margin-top: 0px;
  display: inline-block;
}

/* .item-list-wrap -------------------------------- */
/*.item-wrap .item-list-wrap li a .itemImg img
 @include mobile
 height: 100%
 width: unset
 @include tablet
 height: 100%
 width: unset
 @include desktop
 width: 100%*/
/* tab -------------------------------- */
/* news */
.news .newsPic {
  float: left;
}

.news .the-articel {
  display: inline-block;
  float: right;
  margin-bottom: 12px;
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
}

.news .news-list {
  float: right;
  overflow: hidden;
}

.news .news-list li {
  position: relative;
}

.news .news-list li:last-child {
  margin-bottom: 0px;
}

.news .news-list li::before {
  position: absolute;
  top: 5px;
  left: 0px;
  content: "";
  display: inline-block;
  width: 2px;
  height: 11px;
  background-color: #00aeef;
}

.news .news-list li a {
  display: block;
  margin-left: 8px;
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
}

.news .news-list li a:hover {
  text-decoration: none;
  color: #00aeef;
}

/* Videos */
.Videos .Videos-list {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -moz-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.Videos .Videos-list li {
  float: left;
  background-color: #333;
}

/* Video-style */
.Video-style {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.Video-style a {
  display: block;
  overflow: hidden;
}

.Video-style a .gradient {
  max-width: 100%;
  margin: auto;
}

.Video-style a .gradient img {
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.Video-style a .gradient:after {
  display: block;
  position: relative;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 62%, #000 96%);
  background-image: -o-linear-gradient(to top, rgba(0, 0, 0, 0) 62%, #000 96%);
  height: 150px;
  width: 100%;
  content: "";
  position: absolute;
  top: 0px;
}

.Video-style a .theInfo {
  position: absolute;
}

.Video-style a .theInfo::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(https://www.deltaww.com/images/icon/icon-youtube-w.svg) no-repeat;
  position: absolute;
  bottom: -50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  z-index: 3;
  transition: bottom 0.5s ease-in-out;
}

.Video-style a .theInfo:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  z-index: 1;
}

.Video-style a .theInfo .the-title {
  color: #ffffff;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  text-shadow: rgba(0, 0, 0, 0.85) 0px 1em 5em;
  overflow: hidden;
  position: absolute;
  z-index: 3;
}

/* service */

.service .service-list {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -moz-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.service .service-list li {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.service .service-list li:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  /* box-shadow: x y blur spread color inset */
}

/* service-style */
.service-style {
  width: 100%;
  height: 100%;
}

.service-style a {
  height: 100%;
  display: block;
  overflow: hidden;
}

.service-style a .this-pic {
  position: relative;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
}

.service-style a .this-pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.service-style a .theInfo .the-title {
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}

.service-style a:hover {
  text-decoration: none;
}

/* tool ------------------------------- */

.tool .tool-list {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -moz-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.tool .tool-list li {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.tool .tool-list li:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  /* box-shadow: x y blur spread color inset */
}

.tool .tool-list li:hover .theInfo {
  background-color: #929295;
}

.tool .tool-list li:hover .the-title,
.tool .tool-list li:hover .the-title a {
  color: #ffffff;
}

/* tool-style */
.tool-style {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.tool-style a {
  height: 100%;
  display: block;
}

.tool-style a:hover {
  text-decoration: none;
}

.tool-style .this-pic {
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.tool-style .this-pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.tool-style .theInfo {
  height: calc(100% - 24px);
  position: relative;
}

.tool-style .theInfo .the-title {
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
}

.tool-style .theInfo .the-title a {
  display: contents;
  text-decoration: underline;
}

.tool-style .theInfo .the-title a:hover {
  text-decoration: none;
}

/* Solutions -------------------------------- */

/* SolutionsWrap(swiper-public) */
.SolutionsWrap {
  width: 100%;
  overflow: hidden;
}

.SolutionsWrap a .itemImg {
  overflow: hidden;
}

.SolutionsWrap a:hover {
  text-decoration: none;
}

/* lightbox-body -------------------------------- */
.lightbox-body iframe,
.lightbox-body object,
.lightbox-body embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* show-mainProduct -------------------------------- */
.show-mainProduct {
  display: block;
  margin: 0;
  background-color: #fff;
  padding: 0px;
  border-radius: 4px;
  opacity: 1;
}

.show-mainProduct .mainProduct-top {
  padding: 0px;
  width: 100%;
}

.show-mainProduct .mainProduct-top .swiper-wrapper .swiper-slide a {
  height: 100%;
}

.show-mainProduct .mainProduct-top .swiper-wrapper .swiper-slide img {
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.show-mainProduct .mainProduct-top .swiper-button-next {
  background-image: url(https://www.deltaww.com/images/icon/arrow-next.svg);
}

.show-mainProduct .mainProduct-top .swiper-button-prev {
  background-image: url(https://www.deltaww.com/images/icon/arrow-back.svg);
}

.show-mainProduct .gallery-top {
  width: 100%;
}

.show-mainProduct .gallery-top .swiper-slide {
  background-color: #fff;
}

.show-mainProduct .gallery-thumbs {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}

.show-mainProduct .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
  cursor: pointer;
}

.show-mainProduct .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

/* lightbox-picwrap -------------------------------- */
.lightbox-picwrap {
  display: block;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
}

.lightbox-picwrap.active {
  left: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.photoLightbox {
  display: block;
  position: absolute;
  max-width: 840px;
  width: calc(100% - 30px);
  margin: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
  opacity: 1;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.photoLightbox .gallery-top {
  border: 1px solid rgba(51, 51, 51, 0.3);
}

.photoLightbox .gallery-top .swiper-slide {
  height: 505px;
}

.photoLightbox .gallery-thumbsbox {
  background-color: rgba(51, 51, 51, 0.1);
}

.photoLightbox .gallery-thumbsbox .swiper-slide {
  width: 111px;
  height: 74px;
}

.photoLightbox .gallery-thumbsbox .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.photoLightbox .gallery-thumbsbox .swiper-slide.active .lightboxPhoto:before {
  opacity: 1;
}

.photoLightbox .gallery-thumbsbox .lightboxPhoto {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.photoLightbox .gallery-thumbsbox .lightboxPhoto::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #408ab4;
  opacity: 0;
  transition: all 0.3s ease-in;
}

.photoLightbox figure {
  display: block;
  position: relative;
  height: 100%;
}

.photoLightbox figure img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  object-position: center center;
}

.photoLightbox figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  background-color: rgba(51, 51, 51, 0.85);
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.photoLightbox figure figcaption p {
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

.photoLightbox .swiper-slide img {
  max-width: 100% !important;
}

.photoLightbox .photoAll-top {
  padding: 0px;
}

.photoLightbox .photoAll-top .swiper-wrapper .swiper-slide img {
  width: unset;
  max-width: unset;
  height: 100%;
}

.photoLightbox .photoAll-top .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27 44' style='enable-background:new 0 0 27 44%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23fff%3B%7D%3C/style%3E%3Cpath class='st0' d='M27 22L27 22L5 44l-2.1-2.1L22.8 22L2.9 2.1L5 0L27 22L27 22z'/%3E%3C/svg%3E");
  background-size: 16px auto;
  background-position: center;
  background-color: rgba(51, 51, 51, 0.6);
  width: 50px;
  height: 50px;
  right: 0;
}

.photoLightbox .photoAll-top .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.0.0 SVG Export Plug-In .SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27 44' style='enable-background:new 0 0 27 44%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23fff%3B%7D%3C/style%3E%3Cpath class='st0' d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44L0 22L0 22L0 22z'/%3E%3C/svg%3E");
  background-size: 16px auto;
  background-position: center;
  background-color: rgba(51, 51, 51, 0.6);
  width: 50px;
  height: 50px;
  left: 0;
}

.photoLightbox .swiper-container .swiper-button-next,
.photoLightbox .swiper-container .swiper-button-prev {
  display: block !important;
}

.photoLightbox .swiper-button-next.swiper-button-disabled,
.photoLightbox .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.photoLightbox .swiper-container {
  padding-bottom: 0;
}

.photoLightbox .close {
  position: absolute;
}

.photoLightbox .close .close-img {
  width: 100%;
  color: #ffffff;
}

.photoLightbox .close .close-img path {
  fill: #ffffff;
}

.photoLightbox .gallery-top {
  width: 100%;
}

.photoLightbox .gallery-top .swiper-slide {
  background-color: #fff;
}

.photoLightbox .gallery-thumbsbox {
  margin-top: 15px;
  padding: 5px 10px 15px;
  margin-left: -15px;
  margin-right: -15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.photoLightbox .gallery-thumbs .swiper-slide {
  background-color: #fff;
}

.photoLightbox .gallery-thumbs .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.photoLightbox .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.photoLightbox .gallery-thumbs:hover {
  box-shadow: unset;
  cursor: pointe;
}

.products .list-wrapper {
  margin-bottom: 20px;
  display: block;
}

.products .list-wrapper > p {
  float: right;
  display: inline-block;
  margin-right: 12px;
}

.products .list-wrapper > p:first-child {
  margin-right: 0px;
}

.products .list-wrapper .dlInner {
  position: relative;
  width: calc(100% - 34px);
  overflow: hidden;
  padding: 16px;
  border: 1px solid #dddddd;
}

.products .list-wrapper .dlInner:nth-child(n + 2) {
  border-top: 0px;
}

.products .list-wrapper .dlInner h2 {
  color: #333333;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  margin-bottom: 5px;
}

.products .list-wrapper .dlInner h3 {
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  margin-bottom: 5px;
}

.products .list-wrapper .dlInner p.info {
  color: #999999;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  margin-bottom: 8px;
}

.products .list-wrapper .dlInner p.info strong {
  font-size: 13px !important;
  color: #666666;
}

.products .list-wrapper .dlInner .dlFile {
  overflow: hidden;
  display: block;
}

.products .list-wrapper .dlInner .dlFile li {
  float: left;
  position: relative;
  margin-right: 20px;
}

.products .list-wrapper .dlInner .dlFile li:last-child {
  margin-right: 0px;
}

.products .list-wrapper .dlInner .dlFile li a {
  display: block;
  text-decoration: underline;
  color: #000000 !important;
  font-weight: normal !important;
  font-size: 13px !important;
  line-height: 15px !important;
  text-align: left;
}

.products .list-wrapper .dlInner .dlFile li a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
}

.products .list-wrapper .dlInner .dlFile li a:hover {
  text-decoration: none;
}

.products .list-wrapper .dlInner .dlFile li a strong {
  display: block;
  font-size: 13px !important;
}

.products .list-wrapper .dlInner .dlFile li.pdf a::before {
  background: url(../jpg/icon-pdf.jpg);
  background-size: cover;
}

.products .list-wrapper .dlInner .dlFile li.zip a::before {
  background: url(../jpg/icon-zip.jpg);
  background-size: cover;
}

/* tab -------------------------------- */

.download .tab-form_download li {
  display: block;
}

.download .tab-form_download li .tab-info .btn-wrap {
  background: #ffffff;
  background: -moz- linear-gradient(to bottom, #ebebeb 8%, #ebebeb 10%, #fff 50%);
  background: -webkit- linear-gradient(to bottom, #ebebeb 8%, #ebebeb 10%, #fff 50%);
  background: linear-gradient(to bottom, #ebebeb 8%, #ebebeb 10%, #fff 50%);
}

.download .tab-form_download li .tab-info .btn-wrap .align-box {
  margin: 0 auto;
}

/* tab-info */
.download .tab-info {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.download .tab-info .conditionBox {
  float: left;
}

.download .tab-info .conditionBox .selecWrap {
  float: left;
}

.download .tab-info .conditionBox .selecWrap select {
  width: 100%;
  border: 1px solid #dddddd;
  padding: 0px 20px 0px 10px;
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
}

.download .tab-info .conditionBox .selecWrap select:focus {
  box-shadow: 0px 0px 3px 0px rgba(83, 198, 241, 0.5);
  /* box-shadow: x y blur spread color inset */
  border-color: rgba(83, 198, 241, 0.5);
}

.download .tab-info .conditionBox .selecWrap select option {
  border-color: rgba(83, 198, 241, 0.5);
}

.download .tab-info .conditionBox .listTitle {
  float: left;
  color: #000000;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  text-align: left;
  border-left: 2px solid #00aeef;
  padding-left: 5px;
  margin: 10px 0px;
}

.download .tab-info .twoColumns {
  float: left;
}

.download .tab-info .filters-method {
  overflow: hidden;
  clear: both;
  padding: 8px 0px 12px;
}

.download .tab-info .filters-method .listTitle {
  float: right;
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
}

.download .tab-info .filters-method a.filter-btn {
  display: inline-block;
  float: right;
  text-decoration: underline;
  margin-left: 10px;
  color: #00aeef;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  text-align: left;
}

.download .tab-info .filters-method a.filter-btn span {
  width: 16px;
  color: #00aeef;
  margin-right: 2px;
  line-height: 20px;
}

.download .tab-info .filters-method a.filter-btn:hover {
  text-decoration: none;
}

.download .tab-info .remind-text {
  position: relative;
  padding-left: 30px;
}

.download .tab-info .remind-text a {
  color: #666666;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  text-decoration: underline;
}

.download .tab-info .remind-text a:hover {
  text-decoration: none;
}

.download .tab-info .remind-text img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 25px;
  height: auto;
}

.supportList {
  overflow: hidden;
}

.supportList li img {
  width: 28px;
  height: auto;
  float: left;
  margin-right: 15px;
}

.supportList li .theContent {
  width: calc(100% - 43px);
  margin-bottom: 20px;
  overflow: hidden;
}

.intro ul.uk-slider-items li,
.intro ul.uk-slider-nav li {
  list-style: none;
}

.border-b {
  width: 60%;
  position: relative;
  border-bottom: 5px solid #64d7d7;
  margin-bottom: 18px;
  margin-top: 15px;
}

.border-b::after,
.border-b::before {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
}

.border-b::before {
  width: 55%;
  left: 0;
  background-color: #0087dc;
}

.border-b::after {
  right: 0;
  width: 22%;
  background-color: #b9eb5f;
}

.border-b::after,
.border-b::before {
  bottom: -5px;
}

/* catrogory-intro 不採用*/
.item-wrap.clean::after {
  content: "";
  display: block;
  clear: both;
}

.partnerGroup {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px;
}

.partnerGroup .partnerItem {
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  max-width: 100%;
  padding: 0 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.partnerGroup .partnerItem img {
  max-width: 100%;
  height: auto;
}

.partnerGroup .partner_data {
  height: 100%;
  padding: 20px 15px;
  border: 1px solid #ddd;
  background-color: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.partnerGroup .partner_name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.partnerGroup p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.partnerGroup p a,
.partnerGroup p span a,
.partnerGroup p a span[uk-icon] {
  color: #46b3e6;
}

.partnerGroup span[uk-icon] {
  font-size: 14px;
}

.partnerGroup .partner_logo {
  margin-bottom: 10px;
}

.partnerGroup .partner_logo a {
  display: block;
  background-color: #fff;
}

.partnerGroup .partner_logo a img {
  display: block;
  transition: all 0.4s ease;
  width: 100% !important;
  height: auto !important;
}

.partnerGroup .partner_logo:hover img {
  opacity: 0.4;
}

.collapseListBox {
  margin-bottom: 60px;
}

ul.collapseList {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin: 15px 0;
}

ul.collapseList .uk-accordion-content {
  margin-top: 0 !important;
}

ul.collapseList li.collapseList-item {
  list-style: none !important;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 0;
}

ul.collapseList li.collapseList-item::marker {
  display: none;
}

ul.collapseList a.uk-accordion-title {
  display: block;
  width: 100%;
  color: #009fdf;
  padding: 10px 0;
  text-decoration: none;
}

ul.collapseList a.uk-accordion-title::before {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}

ul.collapseList .collapseList-content {
  padding: 15px 0;
}

.evcharging-section .line {
  position: relative;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -16px;
  margin-bottom: 16px;
  height: 5px !important;
  overflow: hidden;
  background-color: #64d7d7;
  border: none !important;
}

.evcharging-section .line:before,
.evcharging-section .line:after {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
  z-index: 10;
}

.evcharging-section .line:before {
  width: 55%;
  left: 0;
  background-color: #0087dc;
}

.evcharging-section .line:after {
  top: 0;
  right: 0;
  width: 22%;
  background-color: #b9eb5f;
}

.evcharging-section .colorLineGroup {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.evcharging-section .group {
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.evcharging-section .borderLineGroup {
  background-color: #fff;
  padding: 16px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.evcharging-section .group-icon {
  max-width: 100px;
  display: block;
  margin: 10px auto;
}

.evcharging-section h3 {
  color: #408ab4;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}

.evcharging-section p {
  color: #333;
  font-size: 16px;
  line-height: 21px;
  margin: 0;
  margin-bottom: 20px;
}

.evcharging-section .btn-arrow.bg-blue {
  background-color: #408ab4 !important;
}

.evcharging-section .titleBottomLine {
  font-size: 16px;
  line-height: 1.5;
}

.evcharging-section .titleBottomLine .inner {
  display: inline-block;
}

.evcharging-section .titleBottomLine .inner .line {
  max-width: 90px;
  margin-left: 0;
  margin-right: 0;
}

.evcharging-section .titleBottomLine .inner h3 {
  color: #333;
}

.evcharging-section a.btn-arrow {
  background: #408ab4 !important;
  padding-left: 15px;
  padding-right: 35px;
}

.evcharging-section .descGroup {
  margin-bottom: 40px;
}

.evcharging-section .descGroup::after {
  display: block;
  content: "";
  clear: both;
}

.evcharging-section .descGroup h3 {
  color: #333;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
  margin-bottom: 30px;
}

.evcharging-section .descGroup h3 p {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  margin-bottom: 20px;
}

.evcharging-section .descGroup h3::after {
  display: block;
  content: "";
  clear: both;
}

.evcharging-section .descGroup .item {
  float: none;
}

.evcharging-section .descGroup .item .photo {
  margin-bottom: 20px;
}

.evcharging-section .descGroup.style2 .item:nth-child(2) {
  float: left;
}

.evcharging-section .descGroup.style2 .item:nth-child(1) {
  float: right;
}

.evcharging-section .descGroup.style3 .item:nth-child(1) {
  float: left;
}

.evcharging-section .descGroup.style3 .item:nth-child(2) {
  float: right;
}

.evcharging-section .descGroup .titleBottomLine h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  margin-bottom: 30px;
  color: #333;
}

.category-accordion .uk-accordion-title:before {
  display: none;
}

.category-accordion .uk-accordion-title:before:hover {
  text-decoration: none;
}

.category-accordion-content .btn-gray-solid {
  position: relative;
  display: inline-block;
  padding: 4px 8px 3px;
  padding-right: 30px;
  border: 2px solid #ddd;
  font-size: 14px;
  line-height: 1;
  color: #666 !important;
  background: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.category-accordion-content .btn-gray-solid .text {
  display: none;
}

.category-accordion-content .btn-gray-solid .text.more {
  display: inline-block;
}

.category-accordion-content .btn-gray-solid .icon {
  position: absolute;
  top: 50%;
  right: 5px;
  display: inline-block;
  color: #666;
  font-size: 10px;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition:
    transform 0.5s ease,
    -webkit-transform 0.5s ease;
  -webkit-transform: scaleY(-1) translateY(50%);
  transform: scaleY(-1) translateY(50%);
}

.category-accordion-content .btn-gray-solid.ml-30 {
  margin-left: 30px;
}

.category-accordion-content .btn-gray-solid:hover {
  text-decoration: none;
}

.category-accordion-content.uk-open .btn-gray-solid .text.hide {
  display: inline-block;
}

.category-accordion-content.uk-open .btn-gray-solid .text.more {
  display: none;
}

.category-accordion-content.uk-open .btn-gray-solid .icon {
  -webkit-transform: scaleY(1) translateY(-50%);
  transform: scaleY(1) translateY(-50%);
}

@use "sass:math" {
}
.swiper--page--nav {
  position: relative;
}

.swiper--page--nav .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.swiper--page--nav .swiper--prev,
.swiper--page--nav .swiper--next {
  margin-top: 8px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 66px;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: linear-gradient(to right, rgba(85, 148, 201, 0) 0, #5594c9 40%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.swiper--page--nav .swiper--prev::before,
.swiper--page--nav .swiper--next::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: white white transparent transparent;
  -webkit-transform: translateX(-2px) rotate(45deg);
  transform: translateX(-2px) rotate(45deg);
}

.swiper--page--nav .swiper--prev {
  background: linear-gradient(to left, rgba(85, 148, 201, 0) 0, #5594c9 40%);
}

.swiper--page--nav .swiper--prev::before {
  -webkit-transform: translateX(2px) rotate(-135deg);
  transform: translateX(2px) rotate(-135deg);
}

.swiper--page--nav .swiper--next {
  left: 100%;
}

.swiper--page--nav main {
  position: relative;
  z-index: 1;
}

.swiper--page--nav swiper-container {
  height: 86px;
}

.swiper--page--nav swiper-slide,
.swiper--page--nav .swiper-slide {
  width: unset;
}

.swiper--page--nav a.nav--item {
  position: relative;
  display: block;
  text-decoration: none;
  cursor: pointer;
  color: white;
  padding: 27px 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  transition: background-color 0.5s ease-in-out;
}

.swiper--page--nav a.nav--item:hover {
  color: white;
  background: rgba(64, 194, 243, 0.3);
}

.swiper--page--nav a.nav--item.active {
  color: white;
  background: rgba(64, 194, 243, 0.3);
}

.swiper--page--nav a.nav--item.active::after {
  bottom: -10px;
  border-color: #3b86b1 transparent transparent transparent;
}

.pageNav {
  transition: all 0.5s ease;
  background: #5594c9;
}

.pageNav.fixed-top {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.section--hero {
  position: relative;
  width: 100%;
  aspect-ratio: 160/85;
  max-height: calc(100vh - 83px);
}

.section--hero .main {
  position: relative;
  z-index: 2;
  height: 100%;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section--hero .banner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #004496;
}

.section--hero .banner img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}

.section--hero .section__title {
  position: relative;
  max-width: 440px;
}

.section--hero .section__title .title {
  position: relative;
  font-size: 72px;
  font-weight: 600;
  line-height: 1.2;
  color: white;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.section--hero .section__title .title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 100px;
  height: 4px;
  background: linear-gradient(to right, #36a8ee 60%, #64d7d7 60%, #64d7d7 80%, #b9eb5f 80%);
}

.section--hero .section__title .text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: white;
}

.section--hero + .main > .breadcrumb {
  margin: 16px 0 !important;
}

.section--hero + .main + * {
  border-top: 1px solid #cdcdcd;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

#PageNavApp .main + .main {
  width: 100%;
  padding: 0;
}

.item-wrap > a {
  position: absolute;
  -webkit-transform: translateY(-250px);
  transform: translateY(-250px);
  display: inline-block;
  width: 10px;
  aspect-ratio: 1/1;
  font-size: 0;
}

.section__hero {
  position: relative;
  width: 100%;
  height: 400px;
}

.section__hero .hero__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.section__hero .main {
  position: relative;
  height: 400px;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
}

.section__hero .hero__caption {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  max-width: 50%;
}

.section__hero .hero__caption .title {
  color: white;
  font-family: Arial, sans-serif;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  text-transform: uppercase;
}

.section__hero .hero__caption .text {
  color: white;
  font-family: Arial, sans-serif;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.section__hero .buttons {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 32px;
}

.section__hero a.button--text[href] {
  color: white;
  font-family: Arial, sans-serif;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.section__hero a.button--text[href]::after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid white;
  border-right: 2px solid white;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.section__hero a.button--text[href]:hover::after {
  -webkit-transform: translateX(4px) rotate(45deg);
  transform: translateX(4px) rotate(45deg);
}

@media (max-width: 767px) {
  .swiper-container {
    padding-bottom: 35px;
  }

  .mainTopImg {
    height: 125px;
  }

  .mainTopCountent .mainTitle {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }

  .mainTopCountent .this-info {
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
  }

  .mainTopCountent .this-pic {
    width: 100%;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 20px;
  }

  .mainTopCountent .text-around {
    width: 100%;
    margin: 20px 0px;
  }

  .mainTopCountent .full-pic {
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 20px;
  }

  .mainTopCountent .full-page {
    width: 100%;
  }

  .mainTopCountent .full-page img.text-around {
    width: 100%;
    margin: 20px 0px;
  }

  .item-wrap {
    margin-bottom: 20px;
  }

  .item-wrap .video {
    padding-bottom: 56.25%;
  }

  .item-wrap .item-list-wrap li {
    width: 48.72979%;
    margin-left: 2.54042%;
    margin-bottom: 20px;
  }

  .item-wrap .item-list-wrap li:nth-child(2n + 1) {
    margin-left: 0px;
  }

  .item-wrap .item-list-wrap li a .itemImg {
    height: 117px;
  }

  .item-wrap .item-list-wrap li a .theInfo {
    width: calc(100% - 20px);
    padding: 10px;
  }

  .item-wrap .item-H-wrap li {
    padding: 15px;
  }

  .item-wrap .item-H-wrap li .itemImg {
    width: 100%;
    height: auto;
  }

  .item-wrap .item-H-wrap li .theInfo {
    width: 100%;
  }

  .rwd-table tbody tr {
    display: block;
    background: #ffffff;
    width: calc(100% - 2px);
    margin-bottom: 20px;
  }

  .rwd-table tbody tr:nth-last-child(-n + 1) {
    margin-bottom: 0px;
  }

  .tab-head {
    display: none;
  }

  .tab-form .tab-title {
    position: relative;
    display: block;
    padding: 15px;
    width: calc(100% - 30px);
    background-color: #53c6f1;
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 15px;
  }

  .tab-form .tab-title::before,
  .tab-form .tab-title::after {
    content: "";
    display: inline-block;
    background-color: #ffffff;
    width: 15px;
    height: 1px;
    position: absolute;
    top: 23px;
    right: 10px;
  }

  .tab-form .tab-title::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition:
      transform 0.5s ease-in-out,
      -webkit-transform 0.5s ease-in-out;
  }

  .tab-form .tab-active .tab-title::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .tab-form .tab-info {
    max-height: 0px;
    transition: max-height 0.5s ease-in-out;
  }

  .tab-form .tab-info .btn-wrap {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .tab-form .tab-info-active {
    max-height: 30000px;
    margin-bottom: 10px;
  }

  .col-2 {
    width: 100%;
    margin-bottom: 30px;
  }

  .col-2:last-child {
    margin-bottom: 0px;
  }

  .carouselWrap a .itemImg {
    height: 78px;
    overflow: hidden;
  }

  .carouselWrap a .theInfo {
    width: calc(100% - 20px);
    padding: 10px;
  }

  .item-col-2 .services-link-item {
    width: 48.72979%;
    margin-left: 2.54042%;
    float: left;
    margin-bottom: 30px;
  }

  .item-col-2 .services-link-item:nth-child(odd) {
    margin-left: 0px;
  }

  .item-col-2 .services-link-item:nth-last-child(-n + 2) {
    margin-bottom: 0px;
  }

  .item-col-2 .services-link-item a .services-link-caption .services-link-title {
    text-align: center;
  }

  .item-col-2 .services-link-item .services-link-caption .services-link-title {
    text-align: center;
  }

  .item-col-2 .services-link-item p.btn-mes {
    display: block;
    text-align: center;
  }

  .item-col-4 .services-link-item {
    width: 48.72979%;
    margin-left: 2.54042%;
    float: left;
    margin-bottom: 30px;
  }

  .item-col-4 .services-link-item:nth-child(odd) {
    margin-left: 0px;
  }

  .item-col-4 .services-link-item:nth-last-child(-n + 2) {
    margin-bottom: 0px;
  }

  .services-link-img {
    height: 75px;
    margin-bottom: 25px;
  }

  .services-link-caption .services-link-title {
    margin-bottom: 0px;
    clear: both;
    text-align: center;
  }

  .services-link-caption .services-link-desc {
    display: none;
    text-align: center;
  }

  .lightbox-body {
    width: 90%;
    padding-bottom: 56.25%;
  }

  .event-body {
    width: 90%;
    padding-bottom: 10px;
    position: fixed;
    height: auto;
    max-height: calc(100% - 120px);
  }

  .event-body .detail {
    padding: 30px;
    max-height: calc(100vh - 190px);
    overflow-y: scroll;
  }

  .event-body .leader-img {
    float: right;
    width: 100%;
  }

  .event-body .leader-list {
    float: left;
    width: calc(100% - 0px);
    margin-top: 20px;
  }

  .event-body .leader-list .the-title {
    font-size: 13px;
    line-height: 15px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    max-height: unset;
  }

  .event-body .leader-list .the-title strong {
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0px 8px;
  }

  .event-body .the-introduce {
    width: calc(100% - 0px);
    margin-top: 12px;
    overflow: hidden;
    display: inline-block;
  }

  .news .newsPic {
    display: none;
  }

  .news .the-articel {
    width: 100%;
  }

  .news .news-list {
    width: 100%;
  }

  .news .news-list li {
    margin-bottom: 15px;
  }

  .Videos .Videos-list li {
    width: 48.72979%;
    margin-left: 2.54042%;
    margin-top: 20px;
  }

  .Videos .Videos-list li:nth-child(odd) {
    margin-left: 0px;
  }

  .Videos .Videos-list li:nth-child(-n + 2) {
    margin-top: 0px;
  }

  .Video-style {
    height: 150px;
  }

  .Video-style a .theInfo {
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    padding: 12px;
  }

  .Video-style a .theInfo .the-title {
    font-size: 15px;
    line-height: 20px;
    top: 12px;
    width: calc(100% - 24px);
  }

  .service .service-list li {
    width: 48.72979%;
    margin-left: 2.54042%;
    margin-bottom: 20px;
  }

  .service .service-list li:nth-child(odd) {
    margin-left: 0px;
  }

  .service .service-list li:nth-last-child(-n + 2) {
    margin-bottom: 0px;
  }

  .service-style a .this-pic {
    height: 150px;
  }

  .service-style a .theInfo {
    width: calc(100% - 24px);
    padding: 12px;
  }

  .service-style a .theInfo .the-title {
    font-size: 15px;
    line-height: 20px;
  }

  .tool .tool-list li {
    width: 100%;
    margin-bottom: 20px;
  }

  .tool-style .this-pic {
    width: 140px;
    height: 100px;
    float: left;
  }

  .tool-style .theInfo {
    width: calc(100% - 164px);
    padding: 12px;
    float: right;
  }

  .tool-style .theInfo .the-title {
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% - 24px);
  }

  .tool-style .only-title {
    width: calc(100% - 32px);
    height: unset;
    padding: 16px;
    float: unset;
  }

  .tool-style .only-title .the-title {
    position: unset;
    top: unset;
    -webkit-transform: none;
    transform: none;
    line-height: 22px;
  }

  .SolutionsWrap a .itemImg {
    height: 150px;
  }

  .SolutionsWrap a .theInfo {
    width: calc(100% - 20px);
    padding: 10px;
    height: 56px;
  }

  .show-mainProduct {
    width: 100%;
    padding-bottom: 1.25%;
  }

  .photoLightbox {
    padding-bottom: 0;
  }

  .photoLightbox .gallery-top .swiper-slide {
    height: auto;
  }

  .photoLightbox {
    height: auto;
    width: calc(100% - 30px);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .photoLightbox .gallery-thumbsbox {
    padding: 15px;
  }

  .products .list-wrapper .dlInner .dlFile li a {
    padding-left: 22px;
    height: 18px;
  }

  .products .list-wrapper .dlInner .dlFile li a::before {
    width: 15px;
    height: 18px;
  }

  .products .list-wrapper .dlInner .dlFile li a strong {
    padding: 0px;
  }

  .download .tab-form_download {
    margin-bottom: 20px;
  }

  .download .tab-form_download .tab-info {
    max-height: unset;
    position: relative;
  }

  .download .tab-form_download .tab-title {
    margin-bottom: 0px;
  }

  .download .tab-form_download li {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
  }

  .download .tab-form_download li .tab-info {
    display: block;
  }

  .download .tab-form_download li .tab-info .btn-wrap {
    margin-top: 12px;
    padding: 20px 0px 10px;
  }

  .download .tab-info .conditionBox {
    width: calc(100% - 0px);
    overflow: hidden;
  }

  .download .tab-info .conditionBox .selecWrap {
    width: calc(100% - 0px);
  }

  .download .tab-info .conditionBox .listTitle {
    width: 100%;
  }

  .download .tab-info .twoColumns {
    width: calc(100% - 0px);
    overflow: hidden;
  }

  .download .tab-info .filters-method {
    position: absolute;
    top: 0;
    right: 0;
  }

  .download .tab-info .filters-method .listTitle {
    display: none;
  }

  .download .tab-info .remind-text {
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    clear: both;
    margin-top: 20px;
  }

  .download .tab-info .remind-text a {
    vertical-align: 0px;
    line-height: 15px;
  }

  .download .tab-info .remind-text img {
    top: 0px;
  }

  .section__hero {
    height: 300px;
  }

  .section__hero .main {
    height: 300px;
  }

  .section__hero .hero__caption {
    max-width: 100%;
  }

  .section__hero .hero__caption .title {
    font-size: 32px;
    line-height: 40px;
  }

  .section__hero .hero__caption .text {
    font-size: 14px;
    line-height: 20px;
  }

  .section__hero .buttons {
    gap: 16px;
  }

  .section__hero a.button--text[href]::after {
    width: 7px;
    height: 7px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .section__hero a.button--text[href]:hover::after {
    -webkit-transform: translateX(1px) rotate(45deg);
    transform: translateX(1px) rotate(45deg);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .swiper-container {
    padding-bottom: 45px;
  }

  .swiper-container.swiper-container .swiper-pagination {
    display: block;
    bottom: 4px;
  }

  .mainTopImg {
    height: 300px;
  }

  .item-wrap .video {
    padding-bottom: 30.25%;
  }

  .item-wrap .item-list-wrap li {
    width: 23.68421%;
    margin-left: 1.75439%;
    margin-bottom: 20px;
  }

  .item-wrap .item-list-wrap li:nth-child(4n + 1) {
    margin-left: 0px;
  }

  .item-wrap .item-list-wrap li a .itemImg {
    height: 124px;
  }

  .item-wrap .item-list-wrap li a .theInfo {
    width: calc(100% - 30px);
    padding: 15px;
  }

  .item-wrap .item-H-wrap li {
    padding: 24px;
  }

  .rwd-table tbody {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .rwd-table tbody tr {
    background: #ffffff;
    float: left;
    width: calc(50% - 12px);
    margin-left: 20px;
    margin-bottom: 20px;
  }

  .rwd-table tbody tr:nth-child(odd) {
    margin-left: 0px;
  }

  .col-2 {
    width: calc(50% - 15px);
    margin-right: 30px;
  }

  .col-2:last-child {
    margin-right: 0px;
  }

  .carousel.swiper-container .swiper-pagination {
    display: block;
    bottom: 4px;
  }

  .carouselWrap a .itemImg {
    height: 84px;
    overflow: hidden;
  }

  .carouselWrap a .theInfo {
    width: calc(100% - 30px);
    padding: 15px;
  }

  .item-col-2 .services-link-item {
    width: 49.12281%;
    margin-left: 1.75439%;
    float: left;
    margin-bottom: 30px;
  }

  .item-col-2 .services-link-item:nth-child(odd) {
    margin-left: 0px;
  }

  .item-col-2 .services-link-item:nth-last-child(-n + 2) {
    margin-bottom: 0px;
  }

  .item-col-4 .services-link-item {
    width: 23.68421%;
    margin-left: 1.75439%;
    float: left;
  }

  .item-col-4 .services-link-item:first-child {
    margin-left: 0px;
  }

  .services-link-img {
    height: 80px;
    margin-bottom: 30px;
  }

  .lightbox-body {
    width: 600px;
    padding-bottom: 44.25%;
    position: relative;
  }

  .event-body {
    width: 600px;
    padding-bottom: unset;
    position: fixed;
    height: auto;
  }

  .event-body .detail {
    margin: 30px;
    max-height: calc(100vh - 190px);
    overflow-y: scroll;
  }

  .event-body .leader-img {
    float: left;
    width: 290px;
  }

  .event-body .leader-list .the-title {
    max-height: unset;
  }

  .event-body .leader-list .the-title strong {
    margin: 0px 0px 12px;
  }

  .event-body .the-introduce {
    margin-top: 24px;
  }

  .photoCategoryGroup .group:nth-child(1) {
    width: 348px;
    float: left;
  }

  .photoCategoryGroup .group:nth-child(2) {
    float: left;
    width: calc(100% - 348px);
    padding-left: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .photoCategoryGroup .group.full-width:nth-child(1),
  .photoCategoryGroup .group.full-width:nth-child(2) {
    width: 100%;
    float: none;
  }

  .photoCategoryGroup .group.full-width a.photo {
    float: left;
    width: 348px;
    margin-right: 40px;
    margin-bottom: 40px;
  }

  .photoCategoryGroup a.photo img {
    max-width: 220px;
  }

  .descGroup .item:nth-child(1) {
    float: left;
    width: 348px;
  }

  .descGroup .item:nth-child(2) {
    float: left;
    width: calc(100% - 348px);
    padding-left: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .colorLineGroup {
    margin-left: -20px;
    margin-right: -20px;
  }

  .colorLineGroup .group {
    -moz-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
  }

  .colorLineGroup .group:nth-child(2n) {
    padding-top: 20px;
  }

  .borderLineGroup {
    margin-right: 40px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .Videos .Videos-list li {
    width: 23.68421%;
    margin-left: 1.75439%;
    margin-top: 20px;
  }

  .Videos .Videos-list li:nth-child(4n + 1) {
    margin-left: 0px;
  }

  .Videos .Videos-list li:nth-child(-n + 4) {
    margin-top: 0px;
  }

  .Video-style {
    height: 150px;
  }

  .Video-style a .theInfo {
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    padding: 12px;
  }

  .Video-style a .theInfo .the-title {
    top: 12px;
    width: calc(100% - 24px);
  }

  .service .service-list li {
    width: 23.68421%;
    margin-left: 1.75439%;
    margin-bottom: 20px;
  }

  .service .service-list li:nth-child(4n + 1) {
    margin-left: 0px;
  }

  .service .service-list li:nth-last-child(-n + 4) {
    margin-bottom: 0px;
  }

  .service-style a .this-pic {
    height: 150px;
  }

  .service-style a .theInfo {
    width: calc(100% - 20px);
    padding: 10px;
  }

  .tool .tool-list li {
    width: 23.68421%;
    margin-left: 1.75439%;
    margin-top: 20px;
  }

  .tool .tool-list li:nth-child(4n + 1) {
    margin-left: 0px;
  }

  .tool .tool-list li:nth-child(-n + 4) {
    margin-top: 0px;
  }

  .tool-style .this-pic {
    height: 140px;
    margin: auto;
  }

  .tool-style .theInfo {
    width: calc(100% - 20px);
    padding: 10px;
  }

  .Solutions {
    height: 270px;
  }

  .SolutionsWrap a .itemImg {
    height: 206px;
  }

  .SolutionsWrap a .theInfo {
    width: calc(100% - 30px);
    padding: 15px;
    height: 35px;
  }

  .show-mainProduct {
    padding-bottom: 1.25%;
  }

  .show-mainProduct .gallery-top {
    height: 250px;
  }

  .show-mainProduct .gallery-thumbs {
    height: 25%;
  }

  .photoLightbox .gallery-top .swiper-slide {
    height: 400px;
  }

  .photoLightbox {
    padding-bottom: unset;
  }

  .photoLightbox .photoAll-top .swiper-button-next {
    display: block;
  }

  .photoLightbox .photoAll-top .swiper-button-prev {
    display: block;
  }

  .photoLightbox .swiper-container .swiper-button-next,
  .photoLightbox .swiper-container .swiper-button-prev {
    display: block;
  }

  .photoLightbox .swiper-container {
    padding-bottom: 0;
  }

  .photoLightbox .gallery-thumbsbox {
    padding: 15px;
  }

  .download .tab-info .conditionBox .selecWrap {
    width: calc(100% - 0px);
  }

  .download .tab-info .remind-text {
    display: inline-block;
    margin-top: 9px;
  }

  .download .tab-info .remind-text a {
    vertical-align: 2px;
  }

  .partnerGroup .partnerItem {
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1025px) {
  .swiper-container {
    padding: 10px;
  }

  .swiper-container.swiper-container .swiper-pagination {
    display: none;
  }

  .swiper-container .swiper-slide {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    /* box-shadow: x y blur spread color inset */
    transition: box-shadow 0.5s ease-in-out;
  }

  .swiper-container .swiper-slide:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    /* box-shadow: x y blur spread color inset */
  }

  .swiper-container .swiper-slide a .itemImg {
    overflow: hidden;
  }

  .swiper-container .swiper-button-next,
  .swiper-container .swiper-button-prev {
    display: block;
  }

  .mainTopImg {
    height: 300px;
  }

  .pageNav {
    height: 76px;
    top: 0px;
    transition: top 0.5s ease-in-out;
  }

  .pageNav-list li {
    position: relative;
    float: left;
  }

  .pageNav-list li a {
    display: inline-block;
    padding: 30px 15px;
    color: #ffffff;
    background: rgba(59, 134, 177, 0);
    transition: background-color 0.5s ease-in-out;
  }

  .pageNav-list li a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: rgba(85, 148, 201, 0) transparent transparent transparent;
    transition-delay: 3s;
    transition: bottom 0.5s ease-in-out;
  }

  .pageNav-list li a.active {
    background: linear-gradient(to bottom, #1184c0 0%, #3b86b1 85%, #3b86b1 100%);
    background: -o-linear-gradient(to bottom, #1184c0 0%, #3b86b1 85%, #3b86b1 100%);
  }

  .pageNav-list li a.active::after {
    bottom: -10px;
    border-color: #3b86b1 transparent transparent transparent;
  }

  .fixed-top {
    top: 80px;
  }

  .item-wrap {
    margin-bottom: 36px;
  }

  .item-wrap .the-title {
    color: #333333 !important;
    font-weight: bold !important;
    font-size: 24px !important;
    line-height: 30px !important;
    text-align: left;
  }

  .item-wrap .video {
    padding-bottom: 27.25%;
  }

  .item-wrap .item-list-wrap li {
    width: 23.52941%;
    margin-left: 1.96078%;
    margin-bottom: 20px;
  }

  .item-wrap .item-list-wrap li:nth-child(4n + 1) {
    margin-left: 0px;
  }

  .item-wrap .item-list-wrap li a .itemImg {
    height: 165px;
  }

  .item-wrap .item-list-wrap li a .theInfo {
    width: calc(100% - 24px);
    padding: 12px;
  }

  .item-wrap .item-list-wrap li a .theInfo .the-list-title {
    color: #666666;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
  }

  .item-wrap .item-H-wrap li {
    padding: 24px;
  }

  .item-wrap .item-H-wrap li:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    /* box-shadow: x y blur spread color inset */
  }

  .item-wrap .item-H-wrap li:hover a .theInfo .the-list-title {
    color: #40c2f3;
  }

  .item-wrap .detail li.mail a:hover,
  .item-wrap .detail li.world a:hover {
    text-decoration: none;
    color: #00aeef;
  }

  .article-color .the-title {
    color: #444;
    font-weight: 600;
  }

  .rwd-table td,
  .rwd-table th {
    vertical-align: middle;
    border: 1px solid #e0e0e0;
    text-align: left;
    text-align: center;
  }

  .rwd-table thead {
    display: table-header-group;
    background-color: #00aeef;
  }

  .rwd-table thead tr th strong {
    position: absolute;
    bottom: -13px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .rwd-table tbody tr:nth-child(even) {
    background-color: #e9eff2;
  }

  .rwd-table tbody td {
    padding: 15px 0px;
  }

  .col-2 {
    width: calc(50% - 15px);
    margin-right: 30px;
  }

  .col-2:last-child {
    margin-right: 0px;
  }

  .carousel {
    padding-bottom: 35px;
  }

  .carousel.swiper-container .swiper-pagination {
    display: block;
    bottom: 4px;
  }

  .carousel.swiper-container .swiper-slide {
    box-shadow: none;
    transition: none;
  }

  .carouselWrap a .itemImg {
    height: 120px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    /* box-shadow: x y blur spread color inset */
    transition: box-shadow 0.5s ease-in-out;
  }

  .carouselWrap a .theInfo {
    width: calc(100% - 30px);
    padding: 15px;
  }

  .carouselWrap a .theInfo .the-title {
    color: #666666;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    overflow: hidden;
  }

  .item-col-2 .services-link-item {
    width: 49.01961%;
    margin-left: 1.96078%;
    float: left;
    margin-bottom: 30px;
  }

  .item-col-2 .services-link-item:nth-child(odd) {
    margin-left: 0px;
  }

  .item-col-2 .services-link-item:nth-last-child(-n + 2) {
    margin-bottom: 0px;
  }

  .item-col-2 .services-link-item a:hover .services-link-title {
    color: #34699a;
    text-decoration: underline;
  }

  .item-col-2 .services-link-item a:hover .services-link-desc {
    color: #34699a;
  }

  .item-col-2 .services-link-item a:hover p.btn-mes {
    color: #34699a;
    text-decoration: none;
  }

  .item-col-4 .services-link-item {
    width: 23.52941%;
    margin-left: 1.96078%;
    float: left;
  }

  .item-col-4 .services-link-item:first-child {
    margin-left: 0px;
  }

  .item-col-4 .services-link-item a:hover .services-link-title {
    text-decoration: underline;
  }

  .item-col-4 .services-link-item a:hover .services-link-desc {
    color: #34699a;
  }

  .services-link-img {
    height: 100px;
    margin-bottom: 30px;
  }

  .lightbox-body {
    width: 800px;
    padding-bottom: 37.25%;
  }

  .lightbox-body .close {
    width: 30px;
    height: 30px;
    top: -50px;
    right: -50px;
  }

  .lightbox-body .close .close-img {
    height: 30px;
  }

  .event-body {
    width: 800px;
    padding-bottom: unset;
    position: fixed;
    height: auto;
  }

  .event-body .detail {
    margin: 40px 0px;
    padding: 0px 40px;
    max-height: calc(100vh - 370px);
    overflow-y: auto;
  }

  .event-body .leader-img {
    float: left;
    width: 290px;
  }

  .event-body .leader-list .the-title {
    max-height: unset;
  }

  .event-body .leader-list .the-title strong {
    margin: 0px 0px 12px;
  }

  .event-body .the-introduce {
    margin-top: 36px;
  }

  .event-body .close {
    width: 30px;
    height: 30px;
    top: -50px;
    right: -50px;
  }

  .event-body .close .close-img {
    height: 30px;
  }

  .pageNav-list li a {
    padding: 27px 15px;
  }

  .photoCategoryGroup .group:nth-child(1) {
    width: 348px;
    float: left;
  }

  .photoCategoryGroup .group:nth-child(2) {
    float: left;
    width: calc(100% - 348px);
    padding-left: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .photoCategoryGroup .group.full-width:nth-child(1),
  .photoCategoryGroup .group.full-width:nth-child(2) {
    width: 100%;
    float: none;
  }

  .photoCategoryGroup .group.full-width a.photo {
    float: left;
    width: 348px;
    margin-right: 40px;
    margin-bottom: 40px;
  }

  .photoCategoryGroup a.photo {
    margin-bottom: 0;
  }

  .photoCategoryGroup a.photo:hover .photoDetail {
    background-color: #40c2f3;
  }

  .photoCategoryGroup a.photo:hover span {
    color: white;
  }

  .photoCategoryGroup a.photo:hover svg path {
    fill: white;
  }

  .photoCategoryGroup a.photo img {
    max-width: 100%;
  }

  .descGroup .item:nth-child(1) {
    float: left;
    width: 348px;
  }

  .descGroup .item:nth-child(2) {
    float: left;
    width: calc(100% - 348px);
    padding-left: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .colorLineGroup {
    margin-left: -20px;
    margin-right: -20px;
  }

  .colorLineGroup .group {
    -moz-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
  }

  .colorLineGroup .group:nth-child(2n) {
    padding-top: 20px;
  }

  .borderLineGroup {
    margin-right: 40px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .Videos .Videos-list li {
    width: 23.52941%;
    margin-left: 1.96078%;
    margin-top: 20px;
  }

  .Videos .Videos-list li:nth-child(4n + 1) {
    margin-left: 0px;
  }

  .Videos .Videos-list li:nth-child(-n + 4) {
    margin-top: 0px;
  }

  .Video-style {
    height: 175px;
  }

  .Video-style a .theInfo {
    width: calc(100% - 40px);
    padding: 20px;
    height: calc(100% - 40px);
  }

  .Video-style a .theInfo:after {
    bottom: -200px;
    background-color: rgba(0, 160, 233, 0);
    transition: all 0.5s ease-in-out;
  }

  .Video-style a .theInfo .the-title {
    top: 20px;
    width: calc(100% - 40px);
  }

  .Video-style a:hover .theInfo:after {
    bottom: 0px;
    background-color: rgba(0, 160, 233, 0.85);
  }

  .Video-style a:hover .theInfo:before {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
  }

  .service .service-list li {
    width: 23.52941%;
    margin-left: 1.96078%;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    /* box-shadow: x y blur spread color inset */
    transition: box-shadow 0.5s ease-in-out;
  }

  .service .service-list li:nth-child(4n + 1) {
    margin-left: 0px;
  }

  .service .service-list li:nth-last-child(-n + 4) {
    margin-bottom: 0px;
  }

  .service-style a .this-pic {
    height: 168px;
  }

  .service-style a .theInfo {
    width: calc(100% - 24px);
    padding: 12px;
  }

  .service-style a:hover .theInfo .the-title {
    color: #00aeef;
  }

  .tool .tool-list li {
    width: 23.52941%;
    margin-left: 1.96078%;
    margin-top: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    /* box-shadow: x y blur spread color inset */
    transition: box-shadow 0.5s ease-in-out;
  }

  .tool .tool-list li:nth-child(4n + 1) {
    margin-left: 0px;
  }

  .tool .tool-list li:nth-child(-n + 4) {
    margin-top: 0px;
  }

  .tool-style a:hover .theInfo .the-title {
    color: #ffffff;
  }

  .tool-style .this-pic {
    height: 140px;
    margin: auto;
  }

  .tool-style .theInfo {
    width: calc(100% - 24px);
    padding: 12px;
  }

  .Solutions {
    height: 270px;
  }

  .SolutionsWrap a .itemImg {
    height: 200px;
  }

  .SolutionsWrap a .theInfo {
    width: calc(100% - 30px);
    padding: 15px;
    height: 40px;
  }

  .SolutionsWrap a .theInfo .the-title {
    color: #666666;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    height: 40px;
    overflow: hidden;
  }

  .SolutionsWrap a:hover .theInfo {
    background-color: #46b3e6;
  }

  .SolutionsWrap a:hover .theInfo .the-title {
    color: #ffffff;
  }

  .show-mainProduct {
    width: 350px;
    height: 315px;
  }

  .show-mainProduct .mainProduct-top .swiper-button-next {
    top: calc(50% - 22px);
    right: 10px;
  }

  .show-mainProduct .mainProduct-top .swiper-button-prev {
    top: calc(50% - 22px);
    left: 10px;
  }

  .show-mainProduct .gallery-top {
    height: 250px;
  }

  .show-mainProduct .gallery-thumbs {
    height: 21%;
  }

  .show-mainProduct .gallery-thumbs .swiper-slide:hover {
    box-shadow: unset;
  }

  .photoLightbox .gallery-top .swiper-slide {
    height: 505px;
  }

  .photoLightbox {
    padding-bottom: unset;
  }

  .photoLightbox .swiper-container .swiper-slide:hover {
    box-shadow: none;
  }

  .photoLightbox .close {
    width: 30px;
    height: 30px;
    top: -30px;
    right: -36px;
  }

  .photoLightbox .close .close-img {
    height: 30px;
  }

  .download .tab-form_download li .tab-info .btn-wrap .align-box {
    width: 205px;
  }

  .download .tab-info .conditionBox .selecWrap {
    width: calc(100% - 0px);
  }

  .download .tab-info .remind-text {
    display: inline-block;
    margin-top: 9px;
  }

  .download .tab-info .remind-text a {
    vertical-align: 2px;
  }

  .partnerGroup .partnerItem {
    -moz-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
    max-width: 33.3%;
  }

  .evcharging-section a.btn-arrow {
    min-width: 110px;
  }

  .pageNav {
    width: 100%;
  }

  .pageNav .main + .main {
    display: none;
  }
}

@media (max-width: 1024px) {
  .swiper-container .swiper-button-next,
  .swiper-container .swiper-button-prev {
    display: none;
  }

  .pageNav {
    min-height: 50px;
    max-height: 1000px;
  }

  .pageNav-list {
    position: relative;
  }

  .pageNav-list::before {
    content: attr(data-active-item);
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 0;
    color: #fff;
  }

  .pageNav-list::after {
    content: "";
    display: block;
    width: 10px;
    height: 22px;
    background-image: url(https://www.deltaww.com/images/icon/icon-select.svg);
    position: absolute;
    top: 15px;
    right: 0;
  }

  .pageNav-list li {
    display: none;
    padding: 15px 0px;
    color: #ffffff;
    background-color: #5594c9;
  }

  .pageNav-list li:first-child {
    padding-top: 65px;
  }

  .pageNav-list li a {
    display: block;
    color: #ffffff;
  }

  .fixed-top {
    top: 71px;
  }

  .item-wrap .the-title {
    color: #333333 !important;
    font-weight: bold !important;
    font-size: 20px !important;
    line-height: 26px !important;
    text-align: left;
  }

  .item-wrap .item-list-wrap li a .theInfo .the-list-title {
    font-size: 15px;
    line-height: 18px;
  }

  .article-color .the-title {
    color: #444;
    font-weight: 600;
  }

  .rwd-table tr {
    border: 1px solid #e0e0e0;
    box-shadow: 2px 2px 4px #e0e0e0;
  }

  .rwd-table thead {
    display: none;
  }

  .rwd-table tbody td {
    display: block;
    overflow: hidden;
    width: calc(100% - 30px);
    padding: 8px 15px;
  }

  .rwd-table tbody td:nth-child(even) {
    background-color: #dadbdd;
  }

  .rwd-table tbody td:last-child {
    margin-bottom: 0px;
  }

  .rwd-table tbody td::before {
    content: attr(data-table-name);
    display: inline-block;
    width: 115px;
    height: 16px;
    margin-right: 5px;
    font-weight: bold;
    color: #424242;
  }

  .rwd-table tbody td span {
    width: calc(100% - 120px);
    display: block;
    float: right;
  }

  .carouselWrap a .theInfo .the-title {
    font-size: 15px;
    line-height: 18px;
  }

  .lightbox-body .close {
    width: 20px;
    height: 20px;
    top: -30px;
    right: -0px;
  }

  .event-body .close {
    width: 20px;
    height: 20px;
    top: -30px;
    right: -0px;
  }

  .event-body .close .close-img {
    height: 20px;
  }

  .tool-style a:hover .theInfo .the-title {
    color: #ffffff;
  }

  .SolutionsWrap a .theInfo .the-title {
    font-size: 15px;
    line-height: 18px;
  }

  .show-mainProduct .mainProduct-top .swiper-button-next {
    right: 10px;
    display: block;
  }

  .show-mainProduct .mainProduct-top .swiper-button-prev {
    left: 10px;
    display: block;
  }

  .photoLightbox .close {
    width: 20px;
    height: 20px;
    top: -30px;
    right: -0px;
  }

  .photoLightbox .close .close-img {
    height: 20px;
  }

  .download .tab-form_download li .tab-info .btn-wrap .align-box {
    width: 206px;
  }

  .section--hero {
    aspect-ratio: 375/630;
  }

  .section--hero .section__title {
    position: static;
    padding-bottom: 16px;
  }

  .section--hero .section__title .title {
    font-size: 40px;
  }

  .section--hero .section__title .text {
    font-size: 16px;
  }

  #PageNavApp .pageNav-list {
    padding-top: 48px;
  }

  #PageNavApp .pageNav-list li {
    padding: 8px 16px;
  }

  #PageNavApp .pageNav-list:before {
    left: 16px;
  }

  #PageNavApp .pageNav-list:after {
    right: 16px;
  }

  .pageNav {
    width: 100%;
  }

  .pageNav .main:first-child {
    display: none;
  }

  .item-wrap > a {
    -webkit-transform: translateY(-180px);
    transform: translateY(-180px);
  }
}

@media (min-width: 768px) {
  .mainTopCountent .mainTitle {
    width: 100%;
    float: left;
  }

  .mainTopCountent .this-pic {
    width: 350px;
    float: right;
  }

  .mainTopCountent .text-around {
    float: right;
    width: 350px;
    margin: 0px 0px 20px 20px;
  }

  .mainTopCountent .full-page {
    width: 100%;
    margin-right: 0px;
  }

  .mainTopCountent .full-page img.text-around {
    float: right;
    width: 350px;
    margin: 0px 0px 20px 20px;
  }

  .item-wrap .item-H-wrap li .itemImg {
    float: left;
    width: 200px;
    height: auto;
  }

  .item-wrap .item-H-wrap li .theInfo {
    float: right;
    width: calc(100% - 220px);
  }

  .tab-head {
    display: block;
  }

  .tab-form .tab-title {
    display: none;
  }

  .tab-form .tab-info {
    margin-top: 38px;
    display: none;
  }

  .tab-form .tab-info .btn-wrap {
    margin-top: 30px;
  }

  .tab-form .tab-info-active {
    display: block;
  }

  .item-col-2 .services-link-item a .services-link-img {
    width: 186px;
    margin-bottom: 0px;
  }

  .item-col-2 .services-link-item a .services-link-caption {
    float: right;
    width: calc(100% - 210px);
  }

  .item-col-2 .services-link-item a .services-link-caption .services-link-title {
    text-align: left;
  }

  .item-col-2 .services-link-item .services-link-img {
    width: 186px;
    margin-bottom: 0px;
  }

  .item-col-2 .services-link-item .services-link-caption {
    float: right;
    width: calc(100% - 210px);
  }

  .item-col-2 .services-link-item .services-link-caption .services-link-title {
    text-align: left;
  }

  .services-link-caption .services-link-title {
    margin-bottom: 20px;
  }

  .services-link-caption .services-link-desc {
    max-height: 80px;
    display: block;
  }

  .event-body .leader-list {
    float: right;
    width: calc(100% - 320px);
  }

  .event-body .the-introduce {
    float: right;
    width: calc(100% - 0px);
  }

  .news .newsPic {
    display: inline-block;
  }

  .news .the-articel {
    width: calc(100% - 225px);
  }

  .news .news-list {
    width: calc(100% - 225px);
  }

  .news .news-list li {
    margin-bottom: 15px;
  }

  .service {
    overflow: unset !important;
  }

  .tool {
    overflow: unset !important;
  }

  .products .list-wrapper .dlInner p.info {
    display: inline-block;
    margin-right: 15px;
  }

  .products .list-wrapper .dlInner .dlFile li a {
    padding-left: 28px;
    height: 23px;
  }

  .products .list-wrapper .dlInner .dlFile li a::before {
    width: 19px;
    height: 23px;
  }

  .products .list-wrapper .dlInner .dlFile li a strong {
    padding: 4px 0;
  }

  .download .tab-form_download {
    overflow: hidden;
    margin-bottom: 20px;
  }

  .download .tab-form_download li .tab-info {
    margin-top: 0px;
    display: block;
  }

  .download .tab-form_download li .tab-info .btn-wrap {
    padding: 20px 0px;
    margin-top: 25px;
  }

  .download .tab-info .conditionBox {
    width: calc((100% / 3) - 16px);
    display: block;
    margin-right: 24px;
  }

  .download .tab-info .conditionBox:nth-child(3n + 3) {
    margin-right: 0px;
  }

  .download .tab-info .conditionBox .listTitle {
    width: 100%;
  }

  .download .tab-info .conditionBoxFlexible {
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: wrap row;
    flex-flow: wrap row;
  }

  .download .tab-info .conditionBoxFlexible .conditionBox {
    float: none !important;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto !important;
    margin-right: 0 !important;
    padding-right: 24px;
  }

  .download .tab-info .conditionBoxFlexible .conditionBox.sz-sm {
    -moz-box-flex: 180px;
    -ms-flex: 180px;
    flex: 180px;
    max-width: 180px;
  }

  .download .tab-info .conditionBoxFlexible .conditionBox:last-child {
    padding-right: 0 !important;
  }

  .download .tab-info .twoColumns {
    width: calc((100% / 2) - 12px);
    display: block;
    margin-right: 24px;
  }

  .download .tab-info .twoColumns:nth-child(3n + 3) {
    margin-right: 0px;
  }

  .download .tab-info .filters-method {
    display: inline-block;
    float: right;
  }

  .evcharging-section .colorLineGroup {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    width: 100%;
    margin-left: -20px;
    margin-right: -20px;
  }

  .evcharging-section .group {
    -moz-box-flex: 25% !important;
    -ms-flex: 25% !important;
    flex: 25% !important;
    max-width: 25% !important;
  }

  .evcharging-section .group:nth-child(2n) {
    padding-top: 20px;
  }

  .evcharging-section .borderLineGroup {
    position: relative;
    margin-right: 55px;
    margin-left: 20px;
    margin-right: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .evcharging-section .descGroup .item:nth-child(1) {
    float: left;
    width: calc(50% - 40px) !important;
  }

  .evcharging-section .descGroup .item:nth-child(2) {
    float: left;
    width: calc(100% - 50%) !important;
    padding-left: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .evcharging-section .descGroup.style3 .item:nth-child(1) {
    width: calc(348px - 20px) !important;
  }

  .evcharging-section .descGroup.style3 .item:nth-child(2) {
    width: calc(100% - 348px) !important;
    padding-left: 20px;
  }
}

@media screen and (-ms-high-contrast: active) and (min-width: 1025px),
  (-ms-high-contrast: none) and (min-width: 1025px) {
  .rwd-table thead tr th strong {
    bottom: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .section__hero {
    height: 300px;
  }

  .section__hero .main {
    height: 300px;
  }

  .section__hero .hero__caption {
    max-width: 75%;
  }

  .section__hero .hero__caption .title {
    font-size: 40px;
    line-height: 48px;
  }

  .section__hero .hero__caption .text {
    font-size: 16px;
    line-height: 24px;
  }

  .section__hero .buttons {
    gap: 16px;
  }

  .section__hero a.button--text[href]::after {
    width: 9px;
    height: 9px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .section__hero a.button--text[href]:hover::after {
    -webkit-transform: translateX(2px) rotate(45deg);
    transform: translateX(2px) rotate(45deg);
  }
}
/*# sourceMappingURL=products.min.css.map */