/**
 * 
 * @authors Kevin
 * @date    2020-12-14 14:52:26
 */
@import url(product.css);
@import url(service.css);
@import url(page.css);
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ccw-button {
  padding: 0 2.3438vw;
  border: 0.1563vw solid #215493;
  color: #215493;
  font-size: 1.0417vw;
  line-height: 2.6042vw;
  display: inline-block;
  text-decoration: none !important;
}
.ccw-button:after {
  display: none !important;
}
.smcontainer {
  padding-left: 6.77vw;
  padding-right: 6.77vw;
}
a.btn.btn-primary {
  display: inline-block;
  border: 1px solid #fdd000;
  padding: 0.78125vw 4.6875vw 0.78125vw 1.5625vw;
  background: transparent url('../image/btn-arrow-yellow.png') 90% 50% no-repeat;
  background-size: 2.1875vw 0.625vw;
  font-size: 1.35vw;
  color: #fdd000;
  line-height: 1;
}
a.btn.btn-primary:hover {
  background: #fdd000 url('../image/btn-arrow-blue.png') 90% 50% no-repeat;
  background-size: 2.1875vw 0.625vw;
  color: #003b83;
}
.bg-f8f8f8 {
  background-color: #f8f8f8 !important;
}
.bg-00387c {
  background-color: #00387c !important;
}
.bg-e9e9e9 {
  background-color: #e9e9e9 !important;
}
.mb {
  display: none !important;
}
#page {
  margin: 0 auto;
}
#pageHeader {
  position: fixed;
  box-shadow: 0px 0px 10px #ccc;
  z-index: 100;
  width: 100%;
  background: #fff;
}
#pageHeader .logo {
  width: 6.5625vw;
  transform: scale(1.15);
  margin-right: 20px;
}
#pageHeader:before {
  content: '';
  display: block;
  height: 8px;
  font-size: 0;
  background: url('../image/line-brand.png') center top no-repeat;
  background-size: 100% 100%;
}
#pageHeader .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 80px;
  padding-right: 80px;
  height: 101px;
}
#pageHeader .header-container ul.menu {
  height: 100%;
}
#pageHeader .header-container ul.menu li {
  display: inline-block;
  height: 100%;
  margin-right: 2vw;
}
#pageHeader .header-container ul.menu li.menu {
  display: none;
}
#pageHeader .header-container ul.menu li:hover a {
  border-color: #003b83;
}
#pageHeader .header-container ul.menu li:hover .submenu {
  display: block;
  animation: fadeIn 3s ease;
}
#pageHeader .header-container ul.menu li.active a {
  border-color: #003b83;
}
#pageHeader .header-container ul.menu li a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  border-bottom: 4px solid transparent;
  font-size: 1.1vw;
  color: #333;
  line-height: 1;
  box-sizing: border-box;
  outline: none;
}
#pageHeader .header-container ul.menu li a:after {
  content: '';
  display: inline-block;
  margin-left: 0.5vw;
  width: 0.46875vw;
  height: 0.46875vw;
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
}
#pageHeader .header-container ul.menu li .menu-tool {
  display: none;
}
#pageHeader .header-container ul.menu li .submenu {
  z-index: 100;
  display: none;
  position: absolute;
  top: 109px;
  left: 0;
  background: #fff;
  padding: 2.6042vw 6.77vw 7.8125vw;
  width: 100vw;
  box-sizing: border-box;
  border-top: 1px solid #e4e4e4;
  border-bottom: 2px solid #003b83;
}
#pageHeader .header-container ul.menu li .submenu > h5 {
  font-size: 1.5625vw;
  font-weight: 400;
  padding-bottom: 2.6042vw;
}
#pageHeader .header-container ul.menu li .submenu > div {
  display: flex;
}
#pageHeader .header-container ul.menu li .submenu > div ul {
  width: 18.924vw;
  margin-right: 2.6042vw;
}
#pageHeader .header-container ul.menu li .submenu > div ul li {
  margin: 0;
  display: block;
  height: auto;
}
#pageHeader .header-container ul.menu li .submenu > div ul li.submenu-title {
  line-height: 2.0833vw;
  font-size: 1.0417vw;
  border-bottom: 3px solid #ebebeb;
  padding-bottom: 10px;
}
#pageHeader .header-container ul.menu li .submenu > div ul li:not(.submenu-title) {
  padding-top: 1.5625vw;
}
#pageHeader .header-container ul.menu li .submenu > div ul li a {
  padding: 0;
  border-bottom: none;
  line-height: 1;
  font-size: 1.0417vw;
  color: #013b83;
}
#pageHeader .header-container ul.menu li .submenu > div ul li a:hover {
  text-decoration: underline;
}
#pageHeader .header-container ul.menu li .submenu > div ul li a:after {
  display: none;
}
#pageHeader .header-container ul.menu li .submenu > div .menu-advertisement {
  width: 21.875vw;
  display: block;
  padding: 0;
  border-bottom: none;
}
#pageHeader .header-container ul.menu li .submenu > div .menu-advertisement:after {
  display: none;
}
#pageHeader .header-container ul.menu li .submenu > div .menu-advertisement img {
  display: block;
  width: 100%;
}
#pageHeader .header-container ul.menu li .submenu > div .menu-advertisement p {
  padding-top: 1.0417vw;
  font-size: 1.0417vw;
  line-height: 1.3;
}
#pageHeader .header-container ul.utilities {
  display: flex;
}
#pageHeader .header-container ul.utilities li {
  margin-left: 20px;
}
#pageHeader .header-container ul.utilities li button {
  display: flex;
  align-items: center;
  border: 0;
  background: transparent;
  font-size: 1.1vw;
  color: #333;
  line-height: 1;
}
#pageHeader .header-container ul.utilities li button img {
  width: 1.5625vw;
}
#pageBody {
  /*padding-top: 109px;*/
}
#pageFooter {
  background: #f8f8f8;
}
#pageFooter .footer-container {
  display: flex;
  padding-top: 3.75vw;
  padding-bottom: 3.75vw;
}
#pageFooter .footer-container .footer-column {
  width: 20%;
}
#pageFooter .footer-container .footer-column h4 {
  margin-bottom: 2.1875vw;
  font-size: 1.25vw;
  color: #003b83;
  font-weight: 400;
}
#pageFooter .footer-container .footer-column ul li {
  margin-bottom: 0.78125vw;
}
#pageFooter .footer-container .footer-column ul li a {
  font-size: 1.1vw;
  color: #221815;
}
#pageFooter .footer-container .footer-column ul li a:hover {
  text-decoration: underline;
}
#pageFooter .footer-container .footer-column.socials {
  position: relative;
}
#pageFooter .footer-container .footer-column.socials > a {
  margin-top: 20px;
  width: 100%;
  color: #333;
  font-size: 1.5625vw;
  display: flex;
  align-items: center;
}
#pageFooter .footer-container .footer-column.socials > a img {
  width: 1.5625vw;
  margin-right: 0.5208vw;
}
#pageFooter .footer-container .footer-column.socials .Wechart {
  position: relative;
  display: inline-block;
}
#pageFooter .footer-container .footer-column.socials .Wechart:hover .qrcode {
  display: block;
}
#pageFooter .footer-container .footer-column.socials .Wechart .qrcode {
  position: absolute;
  display: none;
  background: #003b83;
  padding: 0;
  text-align: center;
  left: 50%;
  top: 105%;
  transform: translateX(-50%);
  font-size: 14px;
}
#pageFooter .footer-container .footer-column.socials .Wechart .qrcode::before {
  content: '';
  border-bottom: 10px solid #003b83;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
#pageFooter .footer-container .footer-column.socials .Wechart .qrcode img {
  margin: 0;
  padding: 10px;
  width: 132px;
}
#pageFooter .footer-container .footer-column.socials img.icon-social {
  width: 2vw;
  padding: 0.3125vw 0;
  margin: 0 1vw 0 0;
  cursor: pointer;
}
#pageFooter .footer-copyright {
  background: #003b83;
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
  font-size: 0.8333vw;
  color: white;
}
#pageFooter .footer-copyright a {
  color: white;
}
#pageFooter .footer-copyright a:hover {
  text-decoration: underline;
}
#key-visual {
  font-size: 0;
}
#key-visual img {
  width: 100%;
}
#key-visual .swiper-slide:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1000;
  background: url('../image/kv-mask.png') no-repeat;
  background-size: cover;
}
#key-visual .swiper-slide.hide::before {
  display: none;
}
#key-visual .swiper-slide .container {
  display: flex;
  position: absolute;
  width: 35vw;
  height: 100%;
  z-index: 2000;
}
#key-visual .swiper-slide .container .content {
  padding-top: 5vw;
}
#key-visual .swiper-slide .container .content h2 {
  margin-bottom: 15px;
  font-size: 3.75vw;
  color: #fdd000;
  line-height: 1.2;
  font-weight: 400;
}
#key-visual .swiper-slide .container .content > div {
  margin-bottom: 20px;
  font-size: 1.35vw;
  color: white;
}
#key-visual .swiper-slide > a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 800;
}
#key-visual .swiper-pagination {
  bottom: auto;
  top: 35vw;
}
#key-visual .swiper-pagination .swiper-pagination-bullet {
  margin: 0 24px;
  border-radius: 4px;
  background: white;
  opacity: 1;
  transition: 0.3s width;
}
#key-visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  background: #ea980a;
}
#kv {
  position: relative;
}
#kv > img {
  width: 100%;
  display: block;
}
#kv .kv-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
#kv .kv-content .container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 95;
}
#kv .kv-content h1 {
  margin-bottom: 1.5625vw;
  font-size: 3.125vw;
  display: flex;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}
#kv .kv-content p {
  width: 52vw;
  font-size: 1.1vw;
  color: white;
}
#kv.mask:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 90;
  background: url('../image/kv-mask-430.png') no-repeat;
  background-size: cover;
}
#crumb {
  border-bottom: 1px solid #e9eaee;
}
#crumb ul {
  display: flex;
  padding: 0.7813vw 0;
}
#crumb ul li {
  font-size: 0.9375vw;
  padding-right: 0.5208vw;
  display: flex;
  align-items: center;
  line-height: 1;
}
#crumb ul li::after {
  content: '>';
  display: inline-block;
  padding-left: 0.5208vw;
}
#crumb ul li:last-child::after {
  content: '';
}
#crumb ul li a {
  color: #333;
}
#secondNav {
  background: #fdd000;
}
#secondNav ul {
  display: flex;
  justify-content: flex-start;
}
#secondNav ul li {
  padding: 0.9375vw 0.625vw;
  margin-right: 4.6875vw;
  font-size: 1.1458vw;
  color: #333;
  border-bottom: 4px solid transparent;
}
#secondNav ul li.active {
  color: #003b83;
  border-color: #003b83;
}
#home-products {
  position: relative;
  margin-top: -12.5vw;
  z-index: 2;
}
#home-products .home-products-items {
  display: flex;
}
#home-products .home-products-items[type='new'] {
  flex-wrap: wrap;
}
#home-products .home-products-items[type='new'] .home-products-item:nth-child(-n + 2) {
  width: 50%;
  flex: auto;
}
#home-products .home-products-items[type='new'] .home-products-item:nth-child(2) {
  background-color: #f7f7f7;
}
#home-products .home-products-items[type='new'] .home-products-item:nth-child(3) {
  background-color: #eaeaea;
}
#home-products .home-products-items[type='new'] .home-products-item:nth-child(4) {
  background-color: #f3f3f3;
}
#home-products .home-products-items[type='new'] .home-products-item:nth-child(5) {
  background-color: #f0f0f0;
}
#home-products .home-products-items .home-products-item {
  position: relative;
  flex: 1;
  height: auto;
  padding: 2.5vw 0 5vw 0;
  background-color: #ececec;
  transition: all 0.5s;
}
#home-products .home-products-items .home-products-item img {
  display: block;
  max-width: 100%;
  margin: 0 auto 2.34375vw;
  height: 10.2083vw;
}
#home-products .home-products-items .home-products-item .content {
  padding: 0 2vw;
}
#home-products .home-products-items .home-products-item .content h3 {
  margin-bottom: 1.5625vw;
  font-size: 1.5vw;
  color: #333;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: 400;
}
#home-products .home-products-items .home-products-item .content p {
  font-size: 1.1vw;
  color: #333;
  line-height: 1.3;
}
#home-products .home-products-items .home-products-item .link {
  position: absolute;
  padding-right: 2.8125vw;
  left: 2.5vw;
  bottom: 2.5vw;
  display: inline-block;
  font-size: 1.1vw;
  color: #ffa202;
  text-transform: uppercase;
  background: transparent url('../image/btn-arrow-yellow.png') 100% 50% no-repeat;
  background-size: 2.1875vw 0.625vw;
}
#home-products .home-products-items .home-products-item:hover {
  background: url('../image/home-product-bg_hover.png') no-repeat;
  background-size: cover;
}
#home-products .home-products-items .home-products-item:hover .link {
  color: white;
  background: transparent url('../image/btn-arrow-white.png') 100% 50% no-repeat;
  background-size: 2.1875vw 0.625vw;
}
#home-products .swiper-pagination {
  display: none;
}
#home-links {
  margin-top: 2.6vw;
  font-size: 0;
}
#home-links img.image {
  display: inline-block;
  width: 100%;
}
#home-links .home-links-items {
  display: flex;
}
#home-links .home-links-items .home-links-item {
  position: relative;
  display: block;
  width: 33.33%;
  border-right: 1px solid #c0c0bf;
  padding-top: 3.6vw;
  padding-bottom: 3.6vw;
  box-sizing: border-box;
  background: #fff;
  transition: all 0.5s;
}
#home-links .home-links-items .home-links-item.active {
  width: 100%;
}
#home-links .home-links-items .home-links-item:last-child {
  border-right: 0;
}
#home-links .home-links-items .home-links-item h4 {
  margin-bottom: 2vw;
  font-size: 1.5625vw;
  color: #333;
  text-transform: uppercase;
}
#home-links .home-links-items .home-links-item p {
  font-size: 1.1vw;
  color: #333;
  line-height: 1.5;
}
#home-links .home-links-items .home-links-item .event-scroll {
  height: 8.5938vw;
  overflow: hidden;
}
#home-links .home-links-items .home-links-item .event-scroll ul li {
  display: flex;
  margin-bottom: 1vw;
  flex-direction: column;
}
#home-links .home-links-items .home-links-item .event-scroll ul li label {
  white-space: nowrap;
  font-size: 1.1vw;
  color: #ea980a;
  margin-bottom: 0.5vw;
}
#home-links .home-links-items .home-links-item .event-scroll ul li > a {
  font-size: 1.1vw;
  color: #333;
  line-height: 1.3;
}
#home-links .home-links-items .home-links-item .event-scroll ul li > a:hover {
  text-decoration: underline;
}
#home-links .home-links-items a.home-links-item:hover {
  background: #fdd000;
}
#home-links .home-links-items a.home-links-item:before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: 3.6vw;
  background: url('../image/arrorw-link-yellow.png') no-repeat;
  background-size: cover;
}
#home-links .home-links-items a.home-links-item:hover:before {
  background: url('../image/arrorw-link-white.png') no-repeat;
  background-size: cover;
}
#home-industries {
  position: relative;
  font-size: 0;
}
#home-industries img.image {
  width: 100%;
}
#home-industries .home-industries-content {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#home-industries .home-industries-content h2 {
  margin-bottom: 1.8vw;
  font-size: 1.5625vw;
  color: white;
  font-weight: 400;
  text-transform: uppercase;
}
#home-industries .home-industries-content > p {
  margin-bottom: 4.6875vw;
  font-size: 1.1vw;
  color: white;
  line-height: 1.3;
}
#home-industries .home-industries-content .home-industries-items {
  display: flex;
  flex-wrap: wrap;
  width: 60vw;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 10.3125vw;
  height: 6.875vw;
  padding: 0.78125vw 0.75vw;
  margin-right: 2.6vw;
  margin-bottom: 2vw;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  font-size: 1vw;
  color: white;
  text-transform: uppercase;
  transition: background 0.2s;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:before {
  content: '';
  position: absolute;
  width: 1.875vw;
  height: 1.875vw;
  right: 0.75vw;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:nth-child(1):before {
  background: url('../image/home-industries-icon_01.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:nth-child(2):before {
  background: url('../image/home-industries-icon_02.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:nth-child(3):before {
  background: url('../image/home-industries-icon_03.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:nth-child(4):before {
  background: url('../image/home-industries-icon_04.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:nth-child(5):before {
  background: url('../image/home-industries-icon_05.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:nth-child(6):before {
  background: url('../image/home-industries-icon_06.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:nth-child(7):before {
  background: url('../image/home-industries-icon_07.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:last-child {
  border-color: transparent;
  justify-content: center;
  align-items: center;
  letter-spacing: 5px;
  font-size: 2vw;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:last-child:before {
  display: none;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:last-child:hover {
  border-color: transparent;
  background: transparent;
  color: #fdd000;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:hover {
  border-color: #fdd000;
  background: #fdd000;
  color: #003b83;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:hover:nth-child(1):before {
  background: url('../image/home-industries-icon_01_hover.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:hover:nth-child(2):before {
  background: url('../image/home-industries-icon_02_hover.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:hover:nth-child(3):before {
  background: url('../image/home-industries-icon_03_hover.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:hover:nth-child(4):before {
  background: url('../image/home-industries-icon_04_hover.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:hover:nth-child(5):before {
  background: url('../image/home-industries-icon_05_hover.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:hover:nth-child(6):before {
  background: url('../image/home-industries-icon_06_hover.png') no-repeat;
  background-size: cover;
}
#home-industries .home-industries-content .home-industries-items a.home-industries-item:hover:nth-child(7):before {
  background: url('../image/home-industries-icon_07_hover.png') no-repeat;
  background-size: cover;
}
#products {
  padding-bottom: 5vw;
}
#products .products-items {
  display: flex;
  flex-wrap: wrap;
}
#products .products-items[type='new'] .products-item {
  width: 50%;
  flex: auto;
}
#products .products-items[type='new'] .products-item:nth-child(3),#products .products-items[type='new'] .products-item:nth-child(4),#products .products-items[type='new'] .products-item:nth-child(5) {
  width: 33%;
  flex: auto;
}
#products .products-items[type='new'] .products-item .product-item-content {
  padding-bottom: 9.8958vw;
}
#products .products-items[type='new'] .products-item .product-item-content .link {
  bottom: 9.8958vw;
}
#products .products-items[type='new'] .products-item img.productImg {
  width: auto;
  height: 8.2292vw;
  left: 50%;
  bottom: 0.5208vw;
  transform: translateX(-50%);
}
#products .products-items .products-item {
  position: relative;
  flex: 1;
}
#products .products-items .products-item img {
  width: 100%;
  display: block;
}
#products .products-items .products-item img.productImg {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -10%;
  z-index: 89;
}
#products .products-items .products-item .product-item-content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 4.427vw 2.6vw;
  box-sizing: border-box;
  z-index: 90;
}
#products .products-items .products-item .product-item-content h2 {
  margin-bottom: 2.6vw;
  font-size: 1.4125vw;
  color: white;
  font-weight: 400;
  text-transform: uppercase;
}
#products .products-items .products-item .product-item-content p {
  font-size: 1.1vw;
  color: white;
  line-height: 1.3;
}
#products .products-items .products-item .product-item-content a.link {
  position: absolute;
  padding-right: 2.8125vw;
  left: 2.5vw;
  bottom: 8.5vw;
  display: inline-block;
  font-size: 1.1vw;
  color: #ffa202;
  text-transform: uppercase;
  background: transparent url('../image/btn-arrow-yellow.png') 100% 50% no-repeat;
  background-size: 2.1875vw 0.625vw;
}
#products .products-items .products-item:hover:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 89;
  background: url('../image/img-products-items_hover.jpg') no-repeat;
  background-size: cover;
}
#products .products-items .products-item:hover .product-item-content h2 {
  color: #333;
}
#products .products-items .products-item:hover .product-item-content p {
  color: #333;
}
#products .products-items .products-item:hover .product-item-content a.link {
  color: white;
  background: transparent url('../image/btn-arrow-white.png') 100% 50% no-repeat;
  background-size: 2.1875vw 0.625vw;
}
#products-detail {
  padding-top: 5.46875vw;
  background: url('../image/product-detail-bg.png') top right no-repeat;
  background-size: 22.6563vw 12.3438vw;
}
#products-detail .product-header {
  margin-bottom: 3vw;
  display: flex;
  justify-content: space-between;
}
#products-detail .product-header .product-show {
  position: relative;
  width: 39.0625vw;
}
#products-detail .product-header .product-show.m {
  display: none;
}
#products-detail .product-header .product-show.pc .product-show-thumb {
  position: relative;
}
#products-detail .product-header .product-show.pc .product-show-thumb.productCommon .swiper-slide {
  width: 8.7109vw;
  cursor: pointer;
}
#products-detail .product-header .product-show.pc .product-show-thumb.productCommon .swiper-slide:not(:nth-of-type(1)) {
  margin-left: 1.4063vw;
}
#products-detail .product-header .product-show.pc .product-show-thumb .swiper-button-prev {
  left: -45px;
  outline: none;
}
#products-detail .product-header .product-show.pc .product-show-thumb .swiper-button-next {
  right: -45px;
  outline: none;
}
#products-detail .product-header .product-show.pc .product-show-thumb .swiper-button-next.swiper-button-disabled,
#products-detail .product-header .product-show.pc .product-show-thumb .swiper-button-prev.swiper-button-disabled {
  cursor: not-allowed;
  z-index: 4;
}
#products-detail .product-header .product-show .product-show-image {
  font-size: 0;
}
#products-detail .product-header .product-show .product-show-image img,
#products-detail .product-header .product-show .product-show-image video {
  width: 100%;
  height: 20vw;
}
#products-detail .product-header .product-show .product-show-image video {
  margin-bottom: 20px;
}
#products-detail .product-header .product-show .product-show-virtual {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#products-detail .product-header .product-show .product-show-virtual a.btn-virtual {
  display: inline-block;
  width: 3.6vw;
  height: 3.6vw;
  margin-left: 0.52vw;
  text-indent: -999em;
  overflow: hidden;
}
#products-detail .product-header .product-show .product-show-virtual a.btn-virtual.v360 {
  background: url('../image/icon-virtual_360.png') no-repeat;
  background-size: cover;
}
#products-detail .product-header .product-show .product-show-virtual a.btn-virtual.v720 {
  background: url('../image/icon-virtual_720.png') no-repeat;
  background-size: cover;
}
#products-detail .product-header .product-show .product-show-thumb {
  font-size: 0;
}
#products-detail .product-header .product-show .product-show-thumb li {
  position: relative;
  width: 8.7109vw;
  cursor: pointer;
}
#products-detail .product-header .product-show .product-show-thumb li:not(:nth-of-type(1)) {
  margin-left: 1.4063vw;
}
#products-detail .product-header .product-show .product-show-thumb li:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #e9eaee;
  box-sizing: border-box;
}
#products-detail .product-header .product-show .product-show-thumb li img {
  width: 100%;
}
#products-detail .product-header .product-show .product-show-thumb li.active:before {
  border: 2px solid #fdd000;
}
#products-detail .product-header .product-summary {
  width: 43.75vw;
}
#products-detail .product-header .product-summary h1 {
  margin-top: 0;
  font-size: 3.125vw;
  color: #333;
  font-weight: 400;
  text-transform: uppercase;
}
#products-detail .product-header .product-summary .product-summary-tab {
  display: flex;
  align-items: center;
  margin-bottom: 2vw;
}
#products-detail .product-header .product-summary .product-summary-tab li {
  margin-right: 0.5vw;
  padding: 0.677vw 0.9375vw;
  border: 1px solid #fdd000;
  font-size: 1.354vw;
  color: #fdd000;
  cursor: pointer;
}
#products-detail .product-header .product-summary .product-summary-tab li.active {
  background: #fdd000;
  color: #333;
}
#products-detail .product-header .product-summary .product-summary-content {
  font-size: 1.1vw;
  color: #333;
  line-height: 1.3;
  margin-left: 20px;
}
#products-detail .product-header .product-summary .product-summary-content:nth-of-type(2),
#products-detail .product-header .product-summary .product-summary-content:nth-of-type(3) {
  display: none;
}
#products-detail .product-header .product-summary .product-summary-content li {
  list-style: disc;
  margin-bottom: 0.78vw;
}
#products-detail .product-header .product-summary .product-summary-content p {
  margin-bottom: 0.78vw;
}
#products-detail .product-header .product-related-links {
  display: flex;
}
#products-detail .product-header .product-related-links .related-links {
  display: flex;
  align-items: center;
  margin-right: 2.864vw;
  font-size: 1.1vw;
  color: #003b83;
}
#products-detail .product-header .product-related-links .related-links:before {
  content: '';
  width: 2.6vw;
  height: 2.6vw;
  margin-right: 0.5vw;
  background: url('../image/icon-product-related-links.png') no-repeat;
  background-size: 5.2vw 7.8vw;
}
#products-detail .product-header .product-related-links .related-links.compare:before {
  background-position: 0 0;
}
#products-detail .product-header .product-related-links .related-links.inquiry:before {
  background-position: 0 -2.6vw;
}
#products-detail .product-header .product-related-links .related-links.download:before {
  background-position: 0 -5.2vw;
}
#products-detail .product-header .product-related-links .related-links:hover {
  color: #fdd000;
}
#products-detail .product-header .product-related-links .related-links:hover.compare:before {
  background-position: -2.6vw 0;
}
#products-detail .product-header .product-related-links .related-links:hover.inquiry:before {
  background-position: -2.6vw -2.6vw;
}
#products-detail .product-header .product-related-links .related-links:hover.download:before {
  background-position: -2.6vw -5.2vw;
}
#products-detail .product-promotion {
  margin-bottom: 3vw;
}
#products-detail .product-promotion img {
  display: block;
  width: 100%;
}
#products-detail .product-intro .product-intro-tab {
  z-index: 10;
  position: sticky;
  top: 0px;
  background: #003b83;
}
#products-detail .product-intro .product-intro-tab ul {
  display: flex;
  justify-content: center;
}
#products-detail .product-intro .product-intro-tab ul li {
  margin: 0 2.34375vw;
  padding: 1vw 0.5vw;
  border-bottom: 4px solid transparent;
  font-size: 1.25vw;
  color: white;
}
#products-detail .product-intro .product-intro-tab ul li.active {
  border-color: #fdd000;
  color: #fdd000;
}
#products-detail .product-intro .product-intro-content:not(:nth-of-type(2)) {
  display: none;
}
#products-detail .product-intro .product-intro-content .page-section:nth-child(even) {
  background: #f8f8f8;
}
#products-detail .product-intro .product-intro-content .text-content {
  display: flex;
  justify-content: space-between;
}
#products-detail .product-intro .product-intro-content .text-content .text {
  width: 41.6667vw;
}
#products-detail .product-intro .product-intro-content .text-content .text h1 {
  margin-bottom: 1.0417vw;
  font-size: 2.5vw;
  line-height: 1.25;
  font-weight: 400;
}
#products-detail .product-intro .product-intro-content .text-content .text h2,
#products-detail .product-intro .product-intro-content .text-content .text h3 {
  border-left: none;
  padding-left: 0;
  color: #333;
  margin-bottom: 1.0417vw;
  font-size: 1.875vw;
  line-height: 1.25;
  font-weight: 400;
}
#products-detail .product-intro .product-intro-content .text-content .text h4,
#products-detail .product-intro .product-intro-content .text-content .text h5,
#products-detail .product-intro .product-intro-content .text-content .text h6 {
  margin-bottom: 1.0417vw;
  font-size: 1.25vw;
  line-height: 1.25;
  font-weight: 400;
}
#products-detail .product-intro .product-intro-content .text-content .text ul,
#products-detail .product-intro .product-intro-content .text-content .text ol {
  margin-left: 20px;
}
#products-detail .product-intro .product-intro-content .text-content .text ul li,
#products-detail .product-intro .product-intro-content .text-content .text ol li {
  margin-bottom: 1vw;
  font-size: 1.1vw;
  color: #333;
  line-height: 1.3;
}
#products-detail .product-intro .product-intro-content .text-content .text ul li {
  list-style: disc;
}
#products-detail .product-intro .product-intro-content .text-content .text ol li {
  list-style: decimal;
}
#products-detail .product-intro .product-intro-content .text-content .image {
  width: 41.6667vw;
}
#products-detail .product-intro .product-intro-content .text-content .image img {
  width: 100%;
}
#products-detail .product-intro .product-intro-content .text-content.text-image {
  flex-direction: row-reverse;
}
#products-detail .product-intro .product-intro-content .text-content.text-image.column21 .text {
  width: 63%;
}
#products-detail .product-intro .product-intro-content .text-content.text-image.column21 .image {
  width: 33%;
}
#products-detail .product-intro .product-intro-content .text-content.text-image.column12 .text {
  width: 33%;
}
#products-detail .product-intro .product-intro-content .text-content.text-image.column12 .image {
  width: 63%;
}
#products-detail .product-intro .product-intro-content .text-content.image-text {
  flex-direction: row;
}
#products-detail .product-intro .product-intro-content .text-content.image-text.column21 .text {
  width: 33%;
}
#products-detail .product-intro .product-intro-content .text-content.image-text.column21 .image {
  width: 63%;
}
#products-detail .product-intro .product-intro-content .text-content.image-text.column12 .text {
  width: 63%;
}
#products-detail .product-intro .product-intro-content .text-content.image-text.column12 .image {
  width: 33%;
}
#products-detail .product-intro .product-intro-content .text-content.full-image .image {
  width: 100%;
}
#products-detail .product-intro .product-intro-content .text-content.full-image .image img {
  height: auto;
  max-height: none;
}
#products-detail .product-intro .product-intro-content .text-content.full-text .text {
  width: auto;
}
#products-detail .product-intro .product-intro-content .product-intro-specification {
  padding-top: 3.5vw;
  padding-bottom: 3.5vw;
}
#products-detail .product-intro .product-intro-content .product-intro-specification table {
  font-size: 1.1vw;
}
#products-detail .product-intro .product-intro-content .product-intro-specification table tr {
  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}
#products-detail .product-intro .product-intro-content .product-intro-specification table tr th,
#products-detail .product-intro .product-intro-content .product-intro-specification table tr td {
  padding: 0.8333vw 1.77vw;
}
#products-detail .product-intro .product-intro-content .product-intro-specification table tr td {
  border-left: 1px solid rgba(151, 151, 151, 0.2);
}
#products-detail .product-intro .product-intro-content .product-intro-specification table tr th {
  background: #eeeeee;
  text-align: left;
  color: #838383;
  font-weight: normal;
}
#products-detail .product-intro .product-intro-content .product-intro-specification table tr td:first-child {
  background: #f8f8f8;
  border-left: none;
}
#products-detail .product-intro .product-intro-content .product-intro-specification table tr:nth-child(odd) td {
  background: #f8f8f8;
}
#related-info {
  padding: 3.125vw 0;
  margin: 0.7813vw 0;
}
#related-info h2 {
  margin-bottom: 2.6vw;
  border-left: 7px solid #fdd000;
  padding-left: 1.3vw;
  font-size: 2.5vw;
  color: #003b83;
  font-weight: 400;
}
#related-info .related-info-items {
  display: flex;
  justify-content: flex-start;
}
#related-info .related-info-items .related-info-item {
  position: relative;
  width: 28.125vw;
  background: white;
  box-shadow: 0px 0px 2px #e9eaee;
  margin-right: calc(50% - 42.1875vw);
  display: block;
}
#related-info .related-info-items .related-info-item:nth-of-type(3n + 3) {
  margin-right: 0;
}
#related-info .related-info-items .related-info-item .image {
  font-size: 0;
}
#related-info .related-info-items .related-info-item .image img {
  width: 100%;
  height: 15.8333vw;
}
#related-info .related-info-items .related-info-item .related-info-item-content {
  padding: 2.29vw 2.08vw 4.6vw;
}
#related-info .related-info-items .related-info-item .related-info-item-content h4 {
  margin-bottom: 1.25vw;
  font-size: 1.5625vw;
  color: #333;
  line-height: 1.3;
  font-weight: 400;
}
#related-info .related-info-items .related-info-item .related-info-item-content p {
  font-size: 1.1vw;
  color: #333;
  line-height: 1.5;
}
#related-info .related-info-items .related-info-item .link {
  position: absolute;
  left: 2.08vw;
  bottom: 2vw;
  display: inline-block;
  width: 1.25vw;
  height: 0.8334vw;
  background: url('../image/arrow-link-short.png') no-repeat;
  background-size: 2.5vw 0.8334vw;
}
#related-info .related-info-items .related-info-item:hover {
  background: #fdd000;
  text-decoration: none;
}
#related-info .related-info-items .related-info-item:hover .link {
  background-position: -1.25vw 0;
}
#news-items {
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
}
#news-items dl dd {
  padding-bottom: 1.5625vw;
  margin-bottom: 1.5625vw;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
}
#news-items dl dd:hover h4:after {
  background-position-x: 0;
}
#news-items dl dd h4 {
  position: relative;
  padding-left: 2vw;
  margin-bottom: 1vw;
  font-size: 1.25vw;
  color: #333;
  line-height: 1.3;
  font-weight: 400;
}
#news-items dl dd h4:before {
  position: absolute;
  left: 0.5vw;
  top: 0.4vw;
  content: '';
  width: 8px;
  height: 8px;
  background: #333;
  border-radius: 50%;
}
#news-items dl dd h4:after {
  content: '';
  display: inline-block;
  margin-left: 0.5vw;
  width: 1.25vw;
  height: 0.8334vw;
  background: url(../image/arrow-link-short.png) -1.25vw 0 no-repeat;
  background-size: 2.5vw 0.8334vw;
}
#news-items dl dd h4:hover:after {
  background: url(../image/arrow-link-short.png) 0 0 no-repeat;
  background-size: 2.5vw 0.8334vw;
}
#news-items dl dd label {
  display: block;
  margin-bottom: 1.25vw;
  margin-left: 2vw;
  font-size: 1.1vw;
  color: #333;
}
#news-items dl dd p {
  margin-left: 2vw;
  font-size: 1.1vw;
  color: #333;
  line-height: 1.3;
}
#news-detail .news-header {
  position: relative;
  margin: 2vw 0;
  width: 100%;
  height: 11.3542vw;
  background: url('../image/summary-bg.jpg') no-repeat;
  background-size: 100% 100%;
}
#news-detail .news-header .container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-sizing: border-box;
}
#news-detail .news-header .container .news-header-content h1 {
  margin-bottom: 0.5vw;
  font-size: 2.1vw;
  color: #333;
  font-weight: 400;
}
#news-detail .news-header .container .news-header-content p {
  font-size: 1.041vw;
  padding-top: 1.3021vw;
  line-height: 1.5;
}
#news-detail .news-header .container .social {
  text-align: right;
}
#news-detail .news-header .container .social span.icon-social {
  display: inline-block;
  font-size: 0;
  padding: 0.3125vw;
  margin: 0 0.2vw;
  border-radius: 50%;
  cursor: pointer;
}
#news-detail .news-header .container .social span.icon-social img {
  width: 2vw;
}
#find-dealer .find-dealer-header {
  padding-top: 2vw;
  padding-bottom: 2vw;
  text-align: center;
  background: url('../image/dealer-bg.png') center no-repeat;
}
#find-dealer .find-dealer-header select {
  position: relative;
  padding: 0.78125vw 1.25vw;
  border: 1px solid #d9dee6;
  width: 25.3125vw;
  font-size: 1.1vw;
  color: #333;
  background: white url('../image/arrow-select.png') 96% center no-repeat;
}
#find-dealer .find-dealer-header select:after {
  position: absolute;
  content: '';
  width: 0.78125vw;
  height: 0.78125vw;
  box-sizing: border-box;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}
#find-dealer .find-dealer-map {
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
}
#find-dealer .find-dealer-map .map-container {
  height: 28.125vw;
}
#find-dealer .find-dealer-map .map-container img {
  width: 100%;
}
#find-dealer .find-dealer-result h4 {
  margin-bottom: 1.82vw;
  font-size: 1.5625vw;
  color: #333;
  font-weight: 400;
}
#find-dealer .find-dealer-result .find-dealer-result-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#find-dealer .find-dealer-result .find-dealer-result-items .find-dealer-result-item {
  width: 42.5vw;
  margin-bottom: 1.5625vw;
  padding: 2.5vw 2.8125vw;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  background: #fff url('../image/dealer-item-active.png') no-repeat;
  background-size: cover;
}
#find-dealer .find-dealer-result .find-dealer-result-items .find-dealer-result-item:hover {
  background: #fdd000 url('../image/dealer-item.png') no-repeat;
  background-size: cover;
}
#find-dealer .find-dealer-result .find-dealer-result-items .find-dealer-result-item h5 {
  margin-bottom: 1.71875vw;
  font-size: 1.5625vw;
  color: #333;
  font-weight: 400;
}
#find-dealer .find-dealer-result .find-dealer-result-items .find-dealer-result-item ul li {
  margin-bottom: 0.9375vw;
  font-size: 1.0417vw;
  color: #333;
  line-height: 1.3;
}
#find-dealer .find-dealer-result .find-dealer-result-items .find-dealer-result-item ul li:last-child {
  margin-bottom: 0;
}
#find-dealer .find-dealer-result .find-dealer-result-items .find-dealer-result-item ul li a {
  color: #003b83;
  text-decoration: underline;
}
#find-dealer .page-wrap .pager {
  margin-top: 0;
  margin-bottom: 20px;
}
#filter {
  position: relative;
  background-color: #003b83;
  padding: 3vw 0;
}
#filter:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15.15625vw;
  height: 7.76vw;
  background: url('../image/bg-filter_left.png');
  background-size: contain;
  z-index: 1;
}
#filter:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 14.21875vw;
  height: 6.97917vw;
  background: url('../image/bg-filter_right.png');
  background-size: contain;
  z-index: 1;
}
#filter .filter-options {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
}
#filter .filter-options .filter-option {
  display: flex;
  align-items: center;
  width: 18vw;
  padding: 20px 30px;
  margin-right: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 20px;
  color: white;
}
#filter .filter-options .filter-option .filter-option-checkbox {
  position: relative;
  margin-right: 10px;
  font-size: 0;
  width: 20px;
  height: 20px;
}
#filter .filter-options .filter-option .filter-option-checkbox input[type='checkbox'] {
  width: 20px;
  height: 20px;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
#filter .filter-options .filter-option .filter-option-checkbox input[type='checkbox'] + span {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}
#filter .filter-options .filter-option .filter-option-checkbox input[type='checkbox']:checked + span {
  background: #fdd000;
}
#filter .filter-options .filter-option .filter-option-checkbox input[type='checkbox']:checked + span:before {
  content: '';
  width: 10px;
  height: 6px;
  border: 2px solid black;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
#products-list {
  padding: 1.25vw 0;
}
#products-list > div > h3,
#products-list .products-items > h3 {
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 1.0417vw;
  line-height: 1.3;
}
#products-list .products-items {
  display: none;
}
#products-list .products-items.active {
  display: flex;
  flex-wrap: wrap;
}
#products-list .products-items > li {
  width: 27.5vw;
  margin-right: 1.25vw;
  margin-bottom: 2.5vw;
  border: 1px solid #e9eaee;
  background: #f8f8f8;
  box-sizing: border-box;
}
#products-list .products-items > li:hover {
  border-color: #fdd000;
  background: #fdd000;
}
#products-list .products-items > li:nth-of-type(3n) {
  margin-right: 0;
}
#products-list .products-items > li .product-item-url {
  color: #333;
}
#products-list .products-items > li .product-item-url .product-image {
  background: white;
  cursor: pointer;
}
#products-list .products-items > li .product-item-url .product-image img {
  width: 100%;
  font-size: 0;
  display: block;
  max-width: 100%;
  height: 14.3vw;
}
#products-list .products-items > li .product-item-url .product-info {
  position: relative;
  padding: 2.34375vw 1.875vw;
}
#products-list .products-items > li .product-item-url .product-info h4 {
  margin-bottom: 1.25vw;
  font-size: 1.5625vw;
}
#products-list .products-items > li .product-item-url .product-info ol {
  height: 4.5vw;
}
#products-list .products-items > li .product-item-url .product-info ol li {
  font-size: 1.1vw;
  display: block;
  height: auto;
  max-height: 4.5vw;
  color: #333;
  line-height: 1.4;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
#products-list .products-items > li .product-cta {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #dfe5eb;
  padding: 1vw 1.875vw;
}
#products-list .products-items > li .product-cta a.cta {
  display: flex;
  align-items: center;
  font-size: 1.1vw;
  line-height: 1;
  color: #416a99;
}
#products-list .products-items > li .product-cta a.cta i {
  display: inline-block;
  width: 1.5625vw;
  height: 1.5625vw;
  margin-right: 5px;
}
#products-list .products-items > li .product-cta a.cta span {
  position: relative;
  display: inline-block;
  width: 1vw;
  height: 1vw;
  border: 1px solid rgba(0, 59, 131, 0.5);
  margin-right: 5px;
  box-sizing: border-box;
}
#products-list .products-items > li .product-cta a.cta.active span:before {
  content: '';
  width: 0.5vw;
  height: 0.25vw;
  border: 2px solid black;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
#products-list .products-items > li .product-cta a.cta.cta-compare i {
  background: url('../image/icon-product-cta_compare.png') no-repeat;
  background-size: contain;
}
#products-list .products-items > li .product-cta a.cta.cta-inquiry i {
  background: url('../image/icon-product-cta_inquiry.png') no-repeat;
  background-size: contain;
}
#industries {
  padding: 3.75vw 0;
}
#industries .industries-container {
  display: flex;
}
#industries .industries-container > h2 {
  display: none;
}
#industries .industries-container ul.industries-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #093c7c;
  z-index: 95;
}
#industries .industries-container ul.industries-menu li {
  padding: 0.8vw;
  border-top: 1px solid #0a4590;
  border-bottom: 1px solid #062c63;
  box-sizing: border-box;
  transition: width 0.3s;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#industries .industries-container ul.industries-menu li:before {
  content: '';
  width: 2.1875vw;
  height: 2.1875vw;
  margin-right: 1.25vw;
  background: url('../image/icon-industries.png') no-repeat;
  background-size: 28.4375vw 4.375vw;
}
#industries .industries-container ul.industries-menu li span {
  width: 11.5625vw;
  font-size: 0.9375vw;
  color: #d5d9e3;
  text-transform: uppercase;
}
#industries .industries-container ul.industries-menu li:nth-of-type(1):before {
  background-position-x: 0;
}
#industries .industries-container ul.industries-menu li:nth-of-type(2):before {
  background-position-x: -2.1875vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(3):before {
  background-position-x: -4.375vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(4):before {
  background-position-x: -6.5625vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(5):before {
  background-position-x: -8.75vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(6):before {
  background-position-x: -10.9375vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(7):before {
  background-position-x: -13.125vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(8):before {
  background-position-x: -15.3125vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(9):before {
  background-position-x: -17.5vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(10):before {
  background-position-x: -19.6875vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(11):before {
  background-position-x: -21.875vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(12):before {
  background-position-x: -24.0625vw;
}
#industries .industries-container ul.industries-menu li:nth-of-type(13):before {
  background-position-x: -26.25vw;
}
#industries .industries-container ul.industries-menu li:hover,
#industries .industries-container ul.industries-menu li.active {
  border-top-color: #fdd000;
  border-bottom-color: #fdd000;
  width: 110%;
  background-color: #fdd000;
}
#industries .industries-container ul.industries-menu li:hover span,
#industries .industries-container ul.industries-menu li.active span {
  color: #093c7c;
}
#industries .industries-container ul.industries-menu li:hover:before,
#industries .industries-container ul.industries-menu li.active:before {
  background-position-y: -2.1875vw;
}
#industries .industries-container .industries-items {
  position: relative;
  width: 68.90625vw;
  font-size: 0;
}
#industries .industries-container .industries-items .industries-item {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background-size: cover;
  background-repeat: no-repeat;
}
#industries .industries-container .industries-items .industries-item.active {
  display: block;
}
#industries .industries-container .industries-items .industries-item .industries-item-content {
  padding-top: 5.9375vw;
  padding-left: 3.75vw;
  width: 43.5625vw;
  box-sizing: content-box;
}
#industries .industries-container .industries-items .industries-item .industries-item-content h2 {
  margin-bottom: 1.5625vw;
  font-size: 1.875vw;
  font-weight: 400;
  text-transform: uppercase;
}
#industries .industries-container .industries-items .industries-item .industries-item-content p {
  margin-bottom: 1.875vw;
  font-size: 1.1vw;
  line-height: 1.3;
}
#testimonial > h3 {
  padding: 1.25vw 0;
  text-align: center;
  font-weight: 400;
  font-size: 1.0417vw;
  line-height: 1.3;
}
#testimonial .filter {
  padding: 3vw 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
#testimonial .filter::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 14.5833vw;
  height: 8.8542vw;
  background: url('../image/mask-case-left.png') left top;
  background-size: cover;
  z-index: 1;
}
#testimonial .filter::after {
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  width: 15.625vw;
  height: 19.7917vw;
  background: url('../image/mask-case-right.png') right bottom;
  background-size: cover;
  z-index: 1;
}
#testimonial .filter .filter-container {
  position: relative;
  z-index: 2;
  width: 68vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#testimonial .filter .filter-container .expend-btn {
  cursor: pointer;
  position: absolute;
  content: '';
  width: 60px;
  height: 60px;
  right: -20px;
  background: #f4f4f4;
  padding: 0.625vw 0.9375vw;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
#testimonial .filter .filter-container .expend-btn:before {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  background: url('../image/arrow-select.png') center center no-repeat;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
#testimonial .filter .filter-container .expend-btn.expend:before {
  transform: translate(-50%, -50%) rotate(180deg);
}
#testimonial .filter .filter-container h4 {
  margin-bottom: 0.78125vw;
  font-size: 1.1458vw;
  color: #333;
}
#testimonial .filter .filter-container ul {
  margin-bottom: 1.25vw;
  display: flex;
  flex-wrap: wrap;
}
#testimonial .filter .filter-container ul li {
  display: flex;
  align-items: center;
  width: 14.0625vw;
  background: #f4f4f4;
  padding: 0.625vw 0.9375vw;
  border: 1px solid #ccc;
  margin-right: 0.3125vw;
  margin-bottom: 0.3125vw;
}
#testimonial .filter .filter-container ul li:nth-child(n + 5) {
  display: none;
}
#testimonial .filter .filter-container ul li .filter-option-checkbox {
  flex: none;
  position: relative;
  margin-right: 10px;
  font-size: 0;
  width: 20px;
  height: 20px;
}
#testimonial .filter .filter-container ul li .filter-option-checkbox input[type='checkbox'] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
#testimonial .filter .filter-container ul li .filter-option-checkbox input[type='checkbox'] + span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: white;
}
#testimonial .filter .filter-container ul li .filter-option-checkbox input[type='checkbox']:checked + span {
  background: #fdd000;
}
#testimonial .filter .filter-container ul li .filter-option-checkbox input[type='checkbox']:checked + span:before {
  content: '';
  width: 10px;
  height: 6px;
  border: 2px solid #333;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
#testimonial .filter .filter-container ul li label {
  font-size: 1.1vw;
  color: #333;
}
#testimonial .filter .filter-container ul.expend li:nth-child(n + 5) {
  display: flex;
}
#testimonial .result-items {
  position: relative;
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
  display: flex;
  flex-wrap: wrap;
}
#testimonial .result-items .result-item {
  position: relative;
  width: 28.125vw;
  margin-bottom: 1.5625vw;
  margin-right: calc(50% - 42.1875vw);
}
#testimonial .result-items .result-item:nth-of-type(3n + 3) {
  margin-right: 0;
}
#testimonial .result-items .result-item .image {
  position: relative;
  font-size: 0;
  overflow: hidden;
}
#testimonial .result-items .result-item .image img {
  width: 100%;
  height: 15.8333vw;
  display: block;
}
#testimonial .result-items .result-item .image .video-control {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  padding: 1vw;
  box-sizing: border-box;
}
#testimonial .result-items .result-item .image .video-control:before {
  content: '';
  display: block;
  width: 1.71875vw;
  height: 1.71875vw;
  background: url('../image/img-testimonial-play.png') no-repeat;
  background-size: cover;
}
#testimonial .result-items .result-item .image .video-control hr {
  flex: auto;
  height: 0px;
  width: 21.875vw;
  color: #efefef;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  overflow: hidden;
}
#testimonial .result-items .result-item .image .video-control span {
  display: block;
  font-size: 1.1vw;
  color: white;
}
#testimonial .result-items .result-item .image:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: opacity 0.3s;
  z-index: 1000;
}
#testimonial .result-items .result-item .title {
  background: #053975;
  font-size: 1.0417vw;
  color: white;
  line-height: 1.5;
  transition: background 0.3s;
  overflow: hidden;
  height: 5.2085vw;
}
#testimonial .result-items .result-item .title a {
  display: block;
  margin: 1.0417vw 0;
  padding: 0 1.0417vw;
  height: auto;
  max-height: 3.1251vw;
  font-size: 1.0417vw;
  color: white;
  line-height: 1.5;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
#testimonial .result-items .result-item:hover .image:before {
  opacity: 0;
}
#testimonial .result-items .result-item:hover .title {
  background: #fdd000;
}
#testimonial .testimonial-detail {
  width: 63.28125vw;
  margin: 0 auto;
  padding: 3.75vw 0;
}
#testimonial .testimonial-detail .result-item {
  position: relative;
}
#testimonial .testimonial-detail .result-item .image {
  position: relative;
  font-size: 0;
}
#testimonial .testimonial-detail .result-item .image img {
  width: 100%;
}
#testimonial .testimonial-detail .result-item .image .video-control {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1001;
  display: flex;
  align-items: center;
  padding: 1vw;
  box-sizing: border-box;
}
#testimonial .testimonial-detail .result-item .image .video-control:before {
  content: '';
  display: block;
  width: 1.71875vw;
  height: 1.71875vw;
  background: url('../image/img-testimonial-play.png') no-repeat;
  background-size: cover;
}
#testimonial .testimonial-detail .result-item .image .video-control hr {
  flex: auto;
  height: 0px;
  width: 21.875vw;
  color: #efefef;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  overflow: hidden;
}
#testimonial .testimonial-detail .result-item .image .video-control span {
  display: block;
  font-size: 1.1vw;
  color: white;
}
#testimonial .testimonial-detail .result-item .image .testimonial-iframe {
  width: 100%;
  height: 35.5729vw;
}
#testimonial .testimonial-detail .result-item .image .testimonial-iframe iframe {
  width: 100%;
  height: 100%;
}
#testimonial .testimonial-detail .result-item .title {
  padding: 2.1875vw 1.71875vw;
  background: #053975;
}
#testimonial .testimonial-detail .result-item .title h4 {
  margin-bottom: 1.875vw;
  font-size: 1.5625vw;
  color: white;
  font-weight: 400;
}
#testimonial .testimonial-detail .result-item .title p {
  font-size: 1.1vw;
  color: white;
  line-height: 1.3;
}
#language {
  position: relative;
  background-color: #003b83;
}
#language .map img {
  width: 100%;
}
#language .area {
  position: absolute;
  top: 0;
}
#language .area h4 {
  margin-bottom: 1.25vw;
  font-size: 1.46vw;
  color: #fdd000;
  font-weight: 400;
  text-align: center;
}
#language .area ul {
  width: 12vw;
  margin: 0 auto;
}
#language .area ul li {
  margin-bottom: 0.52vw;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
}
#language .area ul li a {
  display: block;
  padding: 0.78125vw;
  font-size: 1.25vw;
  color: white;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
}
#language .area ul li:hover {
  background: #fdd000;
  border-color: #fdd000;
}
#language .area ul li:hover a {
  color: #333;
}
#language .area.la {
  left: 22.3vw;
  top: 26.57vw;
}
#language .area.ma {
  left: 43.4375vw;
  top: 17.65625vw;
}
#language .area.ea {
  left: 68vw;
  top: 1.614vw;
}
#language .area.asia {
  left: 66.71875vw;
  top: 12.88542vw;
}
#language .area.asia ul {
  width: 15.246vw;
}
#contactus .contactus-container {
  display: flex;
  justify-content: space-between;
}
#contactus .contactus-container .map img,
#contactus .contactus-container .info img {
  width: 100%;
}
#contactus .contactus-container .map {
  width: 43.75vw;
}
#contactus .contactus-container .info {
  display: flex;
  flex-direction: column;
  width: 40.625vw;
}
#contactus .contactus-container .info .content {
  margin-top: 1.5vw;
}
#contactus .contactus-container .info .content h4 {
  margin-bottom: 1.5vw;
  font-size: 2vw;
}
#contactus .contactus-container .info .content p {
  font-size: 1.1vw;
  line-height: 1.5;
}
.services-items {
  margin: 2.6vw 0;
  display: flex;
  justify-content: space-between;
}
.services-items .services-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.9375vw 0;
  margin-right: 2px;
  background: white;
}
.services-items .services-item:before {
  content: '';
  width: 3.125vw;
  height: 3.125vw;
  background: url('../image/icon-service-support.png') no-repeat;
  background-size: 28.125vw 6.25vw;
}
.services-items .services-item:nth-of-type(2):before {
  background-position-x: -3.125vw;
}
.services-items .services-item:nth-of-type(3):before {
  background-position: -6.25vw 0;
}
.services-items .services-item:nth-of-type(4):before {
  background-position: -9.375vw 0;
}
.services-items .services-item:nth-of-type(5):before {
  background-position: -12.5vw 0;
}
.services-items .services-item:nth-of-type(6):before {
  background-position: -15.625vw 0;
}
.services-items .services-item:nth-of-type(7):before {
  background-position: -18.75vw 0;
}
.services-items .services-item:nth-of-type(8):before {
  background-position: -21.875vw 0;
}
.services-items .services-item:nth-of-type(9):before {
  background-position: -25vw 0;
}
.services-items .services-item:last-child {
  margin-right: 0;
}
.services-items .services-item:hover {
  background-color: #fdd000;
}
.services-items .services-item:hover:before {
  background-position-y: -3.125vw;
}
.page-section {
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
}
.page-section h2 {
  margin-bottom: 2.34375vw;
  border-left: 7px solid #fdd000;
  padding-left: 1.3vw;
  font-size: 2.5vw;
  color: #003b83;
  font-weight: 400;
}
.page-section h3 {
  margin-bottom: 1.5625vw;
  font-size: 2.5vw;
  line-height: 1.3;
  font-weight: 400;
}
.page-section p {
  margin-bottom: 0.9375vw;
  font-size: 1.1vw;
  color: #333;
  line-height: 1.4;
}
.page-section .page-section-cards {
  display: flex;
  justify-content: space-between;
}
.page-section .page-section-cards .page-section-card {
  position: relative;
  width: 20.833vw;
  overflow: hidden;
  font-size: 0;
}
.page-section .page-section-cards .page-section-card img {
  width: 100%;
}
.page-section .page-section-cards .page-section-card .page-section-card-content {
  position: absolute;
  padding: 1.354vw 1.875vw;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 30%);
  transition: bottom 0.3s;
}
.page-section .page-section-cards .page-section-card .page-section-card-content h5 {
  margin-bottom: 1.354vw;
  font-size: 1.5625vw;
  color: white;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
}
.page-section .page-section-cards .page-section-card .page-section-card-content h5.left {
  text-align: left;
}
.page-section .page-section-cards .page-section-card .page-section-card-content p {
  display: none;
  font-size: 1.1vw;
  color: #333;
  line-height: 1.3;
}
.page-section .page-section-cards .page-section-card .page-section-card-content hr {
  margin-bottom: 1.354vw;
  height: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.page-section .page-section-cards .page-section-card .page-section-card-content a.link {
  display: inline-block;
  width: auto;
  height: auto;
  padding-right: 2.8125vw;
  font-size: 1.1vw;
  color: #ffa202;
  text-transform: uppercase;
  background: transparent url('../image/btn-arrow-yellow.png') 100% 50% no-repeat;
  background-size: 2.1875vw 0.625vw;
}
.page-section .page-section-cards .page-section-card:hover .page-section-card-content {
  top: 0;
  bottom: 0;
  background: rgba(236, 194, 5, 0.9);
}
.page-section .page-section-cards .page-section-card:hover .page-section-card-content h5 {
  color: #333;
}
.page-section .page-section-cards .page-section-card:hover .page-section-card-content p {
  display: block;
}
.page-section .page-section-cards .page-section-card:hover .page-section-card-content hr {
  display: none;
}
.page-section .page-section-cards .page-section-card:hover .page-section-card-content a.link {
  color: white;
  background: transparent url('../image/btn-arrow-white.png') 100% 50% no-repeat;
  background-size: 2.1875vw 0.625vw;
}
.page-section .page-seciton-tabs {
  margin-bottom: 3.646vw;
  background: #003b83;
}
.page-section .page-seciton-tabs ul {
  display: flex;
  justify-content: center;
}
.page-section .page-seciton-tabs ul li {
  margin: 0 2.34375vw;
  padding: 1vw 0.5vw;
  border-bottom: 4px solid transparent;
  font-size: 1.25vw;
  color: #fff;
}
.page-section .page-seciton-tabs ul li a {
  color: #fff;
  text-decoration: none;
}
.page-section .page-seciton-tabs ul li.active {
  border-color: #fdd000;
  color: #fdd000;
}
.page-section .page-seciton-tabs ul li.active a {
  color: #fdd000;
}
.page-section .text ul,
.page-section .text ol {
  margin-left: 20px;
}
.page-section .text ul li,
.page-section .text ol li {
  margin-bottom: 0.78vw;
  font-size: 1.1vw;
  color: #333;
  line-height: 1.3;
}
.page-section .text ul li {
  list-style: disc;
}
.page-section .text ol li {
  list-style: decimal;
}
.page-section .image-only .image img {
  width: 100%;
}
.page-section .text-image {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.page-section .text-image .image,
.page-section .text-image .text {
  width: 41.6667vw;
}
.page-section .text-image .image img {
  width: 100%;
}
.page-section .text-image .image video {
  width: 100%;
}
.page-section .text-image.column21 .text {
  width: 63%;
}
.page-section .text-image.column21 .image {
  width: 33%;
}
.page-section .text-image.column12 .text {
  width: 33%;
}
.page-section .text-image.column12 .image {
  width: 63%;
}
.page-section .image-text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.page-section .image-text .image,
.page-section .image-text .text {
  width: 41.6667vw;
}
.page-section .image-text .image img {
  width: 100%;
}
.page-section .image-text .image video {
  width: 100%;
}
.page-section .image-text.column21 .image {
  width: 63%;
}
.page-section .image-text.column21 .text {
  width: 33%;
}
.page-section .image-text.column12 .image {
  width: 33%;
}
.page-section .image-text.column12 .text {
  width: 63%;
}
.page-section a.link {
  display: inline-block;
  width: 1.25vw;
  height: 0.8334vw;
  background: url(../image/arrow-link-short.png) no-repeat;
  background-size: 2.5vw 0.8334vw;
}
.news-content img {
  max-width: 100%;
}
.news-content .page-section {
  padding-top: 1.125vw;
  padding-bottom: 1.125vw;
}
.news-content .image {
  text-align: center;
}
.news-content .image span.caption {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}
.section-title {
  padding-top: 3.125vw;
  padding-bottom: 1.0417vw;
}
.section-title h2 {
  border-left: 7px solid #fdd000;
  padding-left: 1.3vw;
  font-size: 2.5vw;
  color: #003b83;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .ccw-button {
    padding: 0 25px;
    border: 2px solid #215493;
    color: #215493;
    font-size: 16px;
    line-height: 2;
    display: inline-block;
    text-decoration: none !important;
  }
  .ccw-button:after {
    display: none !important;
  }
  .pc {
    display: none !important;
  }
  .mb {
    display: block !important;
  }
  .container {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  a.btn.btn-primary {
    display: inline-block;
    border: 1px solid #fdd000;
    padding: 10px 35px 10px 10px;
    background: transparent url('../image/btn-arrow-yellow.png') 90% 50% no-repeat;
    background-size: 20px 5px;
    font-size: 13px;
    color: #fdd000;
    line-height: 1;
  }
  a.btn.btn-primary:hover {
    background: #fdd000 url('../image/btn-arrow-blue.png') 90% 50% no-repeat;
    background-size: 20px 5px;
    color: #003b83;
  }
  #pageHeader:before {
    background: url('../image/line-brand_mb.png') no-repeat;
    background-size: contain;
    height: 4px;
  }
  #pageHeader .logo {
    width: 73px;
  }
  #pageHeader .header-container {
    height: 61px;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  #pageHeader .header-container ul.menu {
    top: 61px;
    left: 0;
    display: none;
    position: fixed;
    height: calc(100vh - 111px);
    width: 100%;
    z-index: 99999;
    background: #fff;
  }
  #pageHeader .header-container ul.menu.active {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;
  }
  #pageHeader .header-container ul.menu > li {
    position: relative;
    display: block !important;
  }
  #pageHeader .header-container ul.menu li {
    height: 11.3333vw;
    line-height: 11.3333vw;
    background: #f8f8f8;
    margin: 0;
    border-bottom: 1px solid #d7d7d7;
    padding: 0 4.6667vw;
    display: flex;
    flex-wrap: wrap;
  }
  #pageHeader .header-container ul.menu li:hover .submenu {
    display: none;
  }
  #pageHeader .header-container ul.menu li.open-menu {
    position: relative;
    background: #003b83;
    height: auto;
    display: block;
  }
  #pageHeader .header-container ul.menu li.open-menu .submenu {
    display: block;
  }
  #pageHeader .header-container ul.menu li.open-menu > a {
    color: #fff;
  }
  #pageHeader .header-container ul.menu li.open-menu .menu-tool:after {
    background: #fff;
  }
  #pageHeader .header-container ul.menu li.open-menu .menu-tool:before {
    display: none;
  }
  #pageHeader .header-container ul.menu li .menu-tool {
    position: absolute;
    top: 0;
    right: 4.666vw;
    display: block;
    width: 5vw;
    height: 11.3333vw;
    transition: 0.3s transform;
  }
  #pageHeader .header-container ul.menu li .menu-tool::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 2px;
    margin: 0;
    border: none;
    background: #003b83;
    transform: translateY(-50%);
  }
  #pageHeader .header-container ul.menu li .menu-tool::before {
    top: 50%;
    right: 4px;
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    background: #003b83;
    transform: translate(-50%, -50%);
  }
  #pageHeader .header-container ul.menu li:first-of-type {
    border-top: 1px solid #d7d7d7;
  }
  #pageHeader .header-container ul.menu li .submenu {
    display: none;
    padding: 0;
    position: static;
    flex-direction: column;
    width: 100vw;
    transform: none;
    margin: 0 -4.6667vw;
    padding: 0 4.6667vw;
    max-width: 100vw;
    left: 0;
    transition: all 0.2s;
    border-bottom: none;
  }
  #pageHeader .header-container ul.menu li .submenu .submenu-title {
    display: none;
  }
  #pageHeader .header-container ul.menu li .submenu h5 {
    display: none;
  }
  #pageHeader .header-container ul.menu li .submenu > div {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #pageHeader .header-container ul.menu li .submenu > div > ul {
    width: 100%;
    order: 1;
  }
  #pageHeader .header-container ul.menu li .submenu > div > ul li {
    padding: 0 20px !important;
    background: #fff;
  }
  #pageHeader .header-container ul.menu li .submenu > div > ul li a {
    line-height: 11.3333vw;
    font-size: 4.2667vw;
    text-decoration: none !important;
  }
  #pageHeader .header-container ul.menu li .submenu > div > ul:last-of-type li:last-of-type {
    border: none;
  }
  #pageHeader .header-container ul.menu li .submenu > div .menu-advertisement {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #pageHeader .header-container ul.menu li .submenu > div .menu-advertisement p {
    padding: 15px 0;
    color: #333;
    line-height: 1.3;
    font-size: 4.2667vw;
    border-bottom: 1px solid #d7d7d7;
    width: 100%;
    font-weight: 400;
  }
  #pageHeader .header-container ul.menu li a {
    display: block;
    height: auto;
    line-height: inherit;
    width: calc(100% - 5vw);
    font-size: 4.2667vw;
    color: #003b83;
    padding: 0;
    border: none;
  }
  #pageHeader .header-container ul.menu li a::after {
    display: none;
  }
  #pageHeader .header-container ul.utilities li {
    margin-left: 10px;
  }
  #pageHeader .header-container ul.utilities li button {
    font-size: 0;
    padding: 0;
  }
  #pageHeader .header-container ul.utilities li button img {
    width: 15px;
  }
  #pageHeader .header-container ul.utilities li.menu {
    padding-left: 10px;
    border-left: 1px solid rgba(0, 59, 131, 0.3);
  }
  #pageHeader .header-container ul.utilities li.menu button > div {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
  }
  #pageHeader .header-container ul.utilities li.menu button > div.active span {
    top: 50% !important;
    left: 50%;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: 0 0;
  }
  #pageHeader .header-container ul.utilities li.menu button > div.active span:nth-of-type(2) {
    transform: rotate(-45deg) translate(-50%, -50%);
  }
  #pageHeader .header-container ul.utilities li.menu button > div.active span:nth-of-type(3) {
    display: none;
  }
  #pageHeader .header-container ul.utilities li.menu button > div span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    top: 2px;
    background-color: #003b83;
    transition: 0.3s;
  }
  #pageHeader .header-container ul.utilities li.menu button > div span:nth-of-type(2) {
    top: 7px;
  }
  #pageHeader .header-container ul.utilities li.menu button > div span:nth-of-type(3) {
    top: 12px;
  }
  #pageFooter .footer-container {
    flex-direction: column;
    padding: 0;
  }
  #pageFooter .footer-container .footer-column {
    width: auto;
  }
  #pageFooter .footer-container .footer-column h4 {
    position: relative;
    padding: 10px 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #d7d7d7;
    font-size: 18px;
  }
  #pageFooter .footer-container .footer-column h4:before,
  #pageFooter .footer-container .footer-column h4:after {
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    width: 12px;
    height: 2px;
    background: #003b83;
    transition: 0.3s transform;
  }
  #pageFooter .footer-container .footer-column h4:after {
    transform: rotate(90deg);
  }
  #pageFooter .footer-container .footer-column h4.active:after {
    transform: rotate(0deg);
  }
  #pageFooter .footer-container .footer-column h4.active + ul {
    display: block;
  }
  #pageFooter .footer-container .footer-column ul {
    display: none;
    background: #e6e6e6;
    padding: 13px 25px;
  }
  #pageFooter .footer-container .footer-column ul li {
    margin-bottom: 12px;
  }
  #pageFooter .footer-container .footer-column ul li:last-child {
    margin-bottom: 0;
  }
  #pageFooter .footer-container .footer-column ul li a {
    font-size: 16px;
    color: #221815;
  }
  #pageFooter .footer-container .footer-column.socials {
    padding: 40px 25px;
    text-align: left;
  }
  #pageFooter .footer-container .footer-column.socials > a {
    margin-top: 15px;
    width: 100%;
    color: #333;
    font-size: 18px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #pageFooter .footer-container .footer-column.socials > a img {
    width: 20px;
    margin-right: 10px;
  }
  #pageFooter .footer-container .footer-column.socials .Wechart {
    position: relative;
  }
  #pageFooter .footer-container .footer-column.socials .Wechart .qrcode {
    z-index: 555;
    top: auto;
    bottom: 150%;
    left: 165%;
  }
  #pageFooter .footer-container .footer-column.socials .Wechart .qrcode::before {
    border-bottom-color: transparent;
    border-top: 10px solid #003b83;
    top: auto;
    bottom: -20px;
    left: 16%;
  }
  #pageFooter .footer-container .footer-column.socials img.icon-social {
    margin: 0 15px 0 0;
    width: 25px;
  }
  #pageFooter .footer-copyright {
    padding: 14px 10px;
    font-size: 12px;
    text-align: center;
  }
  #key-visual .swiper-slide:before {
    background: url('../image/kv-mask_mb.png') no-repeat;
    background-size: cover;
  }
  #key-visual .swiper-slide .container {
    width: 75%;
  }
  #key-visual .swiper-slide .container .content h2 {
    margin-bottom: 16px;
    font-size: 31px;
  }
  #key-visual .swiper-slide .container .content p {
    margin-bottom: 13px;
    font-size: 14px;
  }
  #key-visual .swiper-pagination {
    top: 260px;
  }
  #key-visual .swiper-pagination .swiper-pagination-bullet {
    margin: 0 6px;
  }
  #key-visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
  }
  #kv .kv-content .container {
    top: 15%;
    align-items: flex-start;
    transform: translateY(0);
  }
  #kv .kv-content h1 {
    font-size: 31px;
    font-weight: 600;
  }
  #kv .kv-content p {
    width: 55%;
    font-size: 14px;
  }
  #kv.mask:before {
    background: url('../image/kv-mask-430_mb.png') no-repeat;
    background-size: cover;
  }
  #crumb {
    display: none;
  }
  #secondNav ul li {
    font-size: 15px;
    margin-right: 10px;
    padding: 15px 10px;
    border-width: 2px;
  }
  #home-products {
    padding-bottom: 35px;
  }
  #home-products .home-products-items {
    flex-wrap: nowrap!important;
  }
  #home-products .home-products-items[type='new'] .home-products-item:nth-child(-n + 2) {
    flex: none;
  }
  #home-products .home-products-items .home-products-item {
    padding: 25px 0 45px 0;
    height: auto;
    flex: none;
  }
  #home-products .home-products-items .home-products-item img {
    height: 45.3333vw;
  }
  #home-products .home-products-items .home-products-item .content {
    padding: 0 25px;
  }
  #home-products .home-products-items .home-products-item .content h3 {
    font-size: 21px;
  }
  #home-products .home-products-items .home-products-item .content p {
    font-size: 15px;
  }
  #home-products .home-products-items .home-products-item .link {
    left: 25px;
    bottom: 25px;
    padding-right: 50px;
    font-size: 14px;
    background-size: 30px 8px;
  }
  #home-products .home-products-items .home-products-item:hover .link {
    background-size: 30px 8px;
  }
  #home-products .swiper-pagination {
    bottom: 10px;
    left: 15px;
    right: 15px;
    display: block;
  }
  #home-products .swiper-pagination .swiper-pagination-bullet {
    margin: 0 8px;
    border: 2px solid #ea980a;
    border-radius: 50%;
    background: white;
    opacity: 1;
  }
  #home-products .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ea980a;
  }
  #home-links .home-links-items {
    flex-direction: column;
  }
  #home-links .home-links-items .home-links-item {
    padding: 38px 24px;
    width: auto;
    border-bottom: 1px solid #c9c9c8;
  }
  #home-links .home-links-items .home-links-item h4 {
    font-size: 21px;
    font-weight: 400;
  }
  #home-links .home-links-items .home-links-item p {
    font-size: 15px;
  }
  #home-links .home-links-items .home-links-item .event-scroll {
    height: 14.6667vw;
  }
  #home-links .home-links-items .home-links-item .event-scroll ul li {
    margin-bottom: 15px;
  }
  #home-links .home-links-items .home-links-item .event-scroll ul li label {
    font-size: 15px;
    margin-bottom: 5px;
  }
  #home-links .home-links-items .home-links-item .event-scroll ul li > a {
    font-size: 15px;
  }
  #home-links .home-links-items .home-links-item .event-scroll ul li:last-child {
    margin-bottom: 0;
  }
  #home-links .home-links-items a.home-links-item:before {
    width: 13px;
    height: 13px;
    background-size: cover;
  }
  #home-industries .home-industries-content h2 {
    margin-bottom: 15px;
    font-size: 21px;
  }
  #home-industries .home-industries-content > p {
    margin-bottom: 22px;
    font-size: 15px;
  }
  #home-industries .home-industries-content .home-industries-items {
    width: auto;
  }
  #home-industries .home-industries-content .home-industries-items a.home-industries-item {
    width: 27vw;
    height: 20vw;
    padding: 7px 8px;
    font-size: 11px;
  }
  #home-industries .home-industries-content .home-industries-items a.home-industries-item:before {
    width: 20px;
    height: 20px;
    right: 8px;
  }
  #home-industries .home-industries-content .home-industries-items a.home-industries-item:last-child {
    font-size: 20px;
  }
  #products {
    padding-top: 30px;
  }
  #products .products-items {
    flex-wrap: wrap;
  }
  #products .products-items .products-item {
    width: auto!important;
    margin-bottom: 20px;
    flex: auto!important;
  }
  #products .products-items .products-item img.productImg {
    width: 50%;
    left: auto;
    left: auto!important;
    right: 0;
    bottom: 0!important;
    height: 70px!important;
    transform: none!important;
  }
  #products .products-items .products-item .product-item-content {
    padding: 40px 20px 70px!important;
  }
  #products .products-items .products-item .product-item-content h2 {
    margin-bottom: 15px;
    font-size: 21px;
  }
  #products .products-items .products-item .product-item-content p {
    margin-bottom: 15px;
    font-size: 15px;
  }
  #products .products-items .products-item .product-item-content a.link {
    position: static;
    font-size: 14px;
    background-size: 21px 6px;
    padding-right: 30px;
  }
  #products .products-items .products-item:hover:before {
    background: url('../image/img-products-items_hover_mb.jpg') no-repeat;
    background-size: cover;
  }
  #products .products-items .products-item:hover .product-item-content a.link {
    background-size: 21px 6px;
  }
  #products-detail {
    padding-top: 30px;
    background: #fff;
  }
  #products-detail .product-header {
    display: block;
  }
  #products-detail .product-header .product-show {
    position: relative;
    width: auto;
    padding-bottom: 35px;
  }
  #products-detail .product-header .product-show.mb .product-show-image {
    font-size: 0;
  }
  #products-detail .product-header .product-show.mb .product-show-image img {
    width: 100%;
  }
  #products-detail .product-header .product-show.mb .product-show-image video {
    margin: 0;
  }
  #products-detail .product-header .product-show .swiper-pagination {
    bottom: 10px;
    left: 15px;
    right: 15px;
  }
  #products-detail .product-header .product-show .swiper-pagination .swiper-pagination-bullet {
    margin: 0 8px;
    border: 2px solid #ea980a;
    border-radius: 50%;
    background: white;
    opacity: 1;
  }
  #products-detail .product-header .product-show .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ea980a;
  }
  #products-detail .product-header .product-show .product-show-virtual {
    position: absolute;
    right: 0;
    z-index: 2;
  }
  #products-detail .product-header .product-show .product-show-virtual a.btn-virtual {
    width: 35px;
    height: 35px;
    margin-left: 15px;
    background-size: 50px 25px;
  }
  #products-detail .product-header .product-show .product-show-virtual a.btn-virtual:hover.v360 {
    background-position: -25px 0;
  }
  #products-detail .product-header .product-show .product-show-virtual a.btn-virtual:hover.v720 {
    background-position: -25px 0;
  }
  #products-detail .product-header .product-show .product-show-thumb {
    overflow: hidden;
    height: 0px;
    border-top: 1px solid #d7d7d7;
    margin-left: -15px;
    margin-right: -15px;
  }
  #products-detail .product-header .product-summary {
    width: auto;
  }
  #products-detail .product-header .product-summary h1 {
    margin-bottom: 15px;
    font-size: 27px;
  }
  #products-detail .product-header .product-summary .product-summary-tab {
    justify-content: space-between;
    margin-bottom: 18px;
  }
  #products-detail .product-header .product-summary .product-summary-tab li {
    flex: auto;
    margin-right: 10px;
    font-size: 13px;
    padding: 10px 12px;
    text-align: center;
  }
  #products-detail .product-header .product-summary .product-summary-tab li:last-child {
    margin-right: 0;
  }
  #products-detail .product-header .product-summary .product-summary-content {
    font-size: 15px;
  }
  #products-detail .product-header .product-summary .product-summary-content p,
  #products-detail .product-header .product-summary .product-summary-content li {
    margin-bottom: 15px;
  }
  #products-detail .product-header .product-summary .product-related-links {
    justify-content: space-between;
  }
  #products-detail .product-header .product-summary .product-related-links .related-links {
    font-size: 13px;
    margin-right: 15px;
  }
  #products-detail .product-header .product-summary .product-related-links .related-links:last-child {
    margin-right: 0;
  }
  #products-detail .product-header .product-summary .product-related-links .related-links:before {
    margin-right: 4px;
    width: 25px;
    height: 25px;
    background-size: 50px 75px;
  }
  #products-detail .product-header .product-summary .product-related-links .related-links.inquiry:before {
    background-position: 0 -25px;
  }
  #products-detail .product-header .product-summary .product-related-links .related-links.download:before {
    background-position: 0 -50px;
  }
  #products-detail .product-header .product-summary .product-related-links .related-links:hover.compare:before {
    background-position: -25px 0;
  }
  #products-detail .product-header .product-summary .product-related-links .related-links:hover.inquiry:before {
    background-position: -25px -25px;
  }
  #products-detail .product-header .product-summary .product-related-links .related-links:hover.download:before {
    background-position: -25px -50px;
  }
  #products-detail .product-promotion {
    margin-bottom: 20px;
  }
  #products-detail .product-intro .product-intro-tab {
    top: 65px;
  }
  #products-detail .product-intro .product-intro-tab ul {
    justify-content: flex-start;
    overflow: hidden;
    padding: 0 !important;
  }
  #products-detail .product-intro .product-intro-tab ul li {
    margin: 0 8px;
    padding: 15px 6px;
    font-size: 15px;
    white-space: nowrap;
  }
  #products-detail .product-intro .product-intro-content .text-content {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #products-detail .product-intro .product-intro-content .text-content.image-text,
  #products-detail .product-intro .product-intro-content .text-content.text-image,
  #products-detail .product-intro .product-intro-content .text-content.column12,
  #products-detail .product-intro .product-intro-content .text-content.column21 {
    flex-direction: column;
  }
  #products-detail .product-intro .product-intro-content .text-content .image,
  #products-detail .product-intro .product-intro-content .text-content .text {
    width: auto;
  }
  #products-detail .product-intro .product-intro-content .text-content .image {
    margin-bottom: 20px;
  }
  #products-detail .product-intro .product-intro-content .text-content .text h1 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  #products-detail .product-intro .product-intro-content .text-content .text h2,
  #products-detail .product-intro .product-intro-content .text-content .text h3 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  #products-detail .product-intro .product-intro-content .text-content .text h4,
  #products-detail .product-intro .product-intro-content .text-content .text h5,
  #products-detail .product-intro .product-intro-content .text-content .text h6 {
    font-size: 21px;
    margin-bottom: 15px;
  }
  #products-detail .product-intro .product-intro-content .text-content .text ul li {
    margin-bottom: 10px;
    font-size: 15px;
  }
  #products-detail .product-intro .product-intro-content .product-intro-specification {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  #products-detail .product-intro .product-intro-content .product-intro-specification table {
    font-size: 14px;
  }
  #products-detail .product-intro .product-intro-content .product-intro-specification table tr th,
  #products-detail .product-intro .product-intro-content .product-intro-specification table tr td {
    padding: 8px;
  }
  #products-detail .product-intro-mobile {
    height: 40px;
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    display: flex!important;
    align-items: center;
    background: #003b83;
    z-index: 10;
  }
  #products-detail .product-intro-mobile p {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex: 1;
    line-height: 1;
    font-size: 15px;
    font-style: normal;
  }
  #products-detail .product-intro-mobile p:last-of-type {
    border-left: 1px solid #4d76a8;
  }
  #products-detail .product-intro-mobile p i {
    margin-right: 4px;
    width: 25px;
    height: 25px;
    background-size: 100% 100%;
  }
  #products-detail .product-intro-mobile p i.compare {
    background-image: url(../image/icon-comparison.png);
  }
  #products-detail .product-intro-mobile p i.download {
    background-image: url(../image/icon-download.png);
  }
  #related-info {
    padding: 30px 0;
    margin: 2vw 0;
  }
  #related-info h2 {
    margin-bottom: 15px;
    border-left-width: 3px;
    padding-left: 13px;
    font-size: 25px;
  }
  #related-info .related-info-items {
    display: block;
  }
  #related-info .related-info-items .related-info-item {
    width: auto;
    margin-bottom: 20px;
    margin-right: 0;
  }
  #related-info .related-info-items .related-info-item .image {
    font-size: 0;
  }
  #related-info .related-info-items .related-info-item .image img {
    width: 100%;
    height: 53.8333vw;
  }
  #related-info .related-info-items .related-info-item .related-info-item-content {
    padding: 18px;
  }
  #related-info .related-info-items .related-info-item .related-info-item-content h4 {
    margin-bottom: 15px;
    font-size: 21px;
  }
  #related-info .related-info-items .related-info-item .related-info-item-content p {
    font-size: 15px;
    line-height: 1.3;
  }
  #related-info .related-info-items .related-info-item .link {
    position: static;
    width: 12px;
    height: 8px;
    margin-left: 18px;
    margin-bottom: 12px;
    background-size: 24px 8px;
  }
  #related-info .related-info-items .related-info-item:hover .link {
    background-position: -12px 0;
  }
  #news-items {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #news-items dl dd {
    padding-bottom: 17px;
    margin-bottom: 17px;
  }
  #news-items dl dd h4 {
    margin-bottom: 8px;
    padding-left: 13px;
    font-size: 21px;
  }
  #news-items dl dd h4:before {
    top: 10px;
    left: 0px;
    width: 4px;
    height: 4px;
  }
  #news-items dl dd h4:after {
    content: '';
    display: inline-block;
    margin-left: 0.5vw;
    width: 3.2vw;
    height: 2.1333vw;
    background: url(../image/arrow-link-short.png) -3.2vw 0 no-repeat;
    background-size: 6.4vw 2.1333vw;
  }
  #news-items dl dd h4:hover:after {
    background: url(../image/arrow-link-short.png) 0 0 no-repeat;
    background-size: 6.4vw 2.1333vw;
  }
  #news-items dl dd label {
    margin-bottom: 10px;
    margin-left: 13px;
    font-size: 15px;
  }
  #news-items dl dd p {
    margin-left: 13px;
    font-size: 15px;
  }
  #news-detail .news-header {
    background: url('../image/summary-bg.jpg') no-repeat;
    width: 100%;
    height: 36.8vw;
    padding: 8.66vw 0 7.33vw;
    margin: 0;
  }
  #news-detail .news-header .container {
    flex-wrap: wrap;
  }
  #news-detail .news-header .container .news-header-content h1 {
    margin-bottom: 23px;
    font-size: 21px;
  }
  #news-detail .news-header .container .news-header-content label {
    font-size: 15px;
  }
  #news-detail .news-header .container .social {
    width: 100%;
    text-align: right;
  }
  #news-detail .news-header .container .social span.icon-social {
    padding: 6px;
    margin: 0 2.5px;
  }
  #news-detail .news-header .container .social span.icon-social img {
    width: 20px;
  }
  #find-dealer .find-dealer-header {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
  }
  #find-dealer .find-dealer-header .container {
    display: flex;
    justify-content: space-between;
  }
  #find-dealer .find-dealer-header select {
    flex: 1;
    margin-right: 15px;
    width: 21.3333vw;
    padding-right: 15px;
    background: transparent url('../image/arrow-select-white.png') right center no-repeat;
    background-size: 9px 5px;
    border: 0;
    color: white;
    font-size: 15px;
  }
  #find-dealer .find-dealer-map {
    padding: 0 0 28px 0;
  }
  #find-dealer .find-dealer-map .map-container {
    height: 66.6667vw;
  }
  #find-dealer .find-dealer-result h4 {
    margin-bottom: 16px;
    font-size: 21px;
  }
  #find-dealer .find-dealer-result .find-dealer-result-items {
    flex-direction: column;
  }
  #find-dealer .find-dealer-result .find-dealer-result-items .find-dealer-result-item {
    width: auto;
    padding: 32px 15px;
    background-size: cover;
    margin-bottom: 15px;
  }
  #find-dealer .find-dealer-result .find-dealer-result-items .find-dealer-result-item h5 {
    margin-bottom: 20px;
    font-size: 21px;
  }
  #find-dealer .find-dealer-result .find-dealer-result-items .find-dealer-result-item ul li {
    margin-bottom: 10px;
    font-size: 15px;
  }
  #find-dealer .page-wrap .pager {
    margin-top: 0;
    margin-bottom: 15px;
  }
  #filter .filter-options {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #filter .filter-options .filter-option {
    width: 48%;
    padding: 10px;
    margin-right: 6px;
    margin-bottom: 9px;
    font-size: 13px;
    box-sizing: border-box;
  }
  #products-list {
    padding: 20px 0;
  }
  #products-list > div > h3 {
    font-size: 18px;
  }
  #products-list .products-items > li {
    width: auto;
    margin-right: 0;
  }
  #products-list .products-items > li .product-item-url .product-image img {
    height: auto;
  }
  #products-list .products-items > li .product-item-url .product-info {
    padding: 25px 16px;
  }
  #products-list .products-items > li .product-item-url .product-info h4 {
    font-size: 21px;
  }
  #products-list .products-items > li .product-item-url .product-info ol {
    height: auto;
  }
  #products-list .products-items > li .product-item-url .product-info ol li {
    max-height: none;
    font-size: 15px;
  }
  #products-list .products-items > li .product-cta {
    padding: 15px 16px;
  }
  #products-list .products-items > li .product-cta a.cta {
    font-size: 14px;
  }
  #products-list .products-items > li .product-cta a.cta span {
    width: 12px;
    height: 12px;
  }
  #products-list .products-items > li .product-cta a.cta i {
    width: 15px;
    height: 15px;
  }
  #products-list .products-items > li .product-cta a.cta.active span:before {
    width: 5px;
    height: 3px;
  }
  #industries {
    padding: 30px 0;
  }
  #industries .industries-container {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }
  #industries .industries-container > h2 {
    position: relative;
    display: flex;
    align-items: flex-start;
    background: #093c7c;
    padding: 15px 20px;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-transform: uppercase;
  }
  #industries .industries-container > h2 span {
    flex: 0 0 75vw;
  }
  #industries .industries-container > h2 > i {
    position: absolute;
    right: 15px;
    display: inline-block;
    content: '';
    top: 5px;
    width: 10px;
    height: 10px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(-45deg);
    transition: all 0.2s;
    margin: 10px;
  }
  #industries .industries-container > h2 > i.active {
    transform: rotate(135deg);
  }
  #industries .industries-container > h2 > div {
    content: '';
    width: 21px;
    height: 21px;
    margin-right: 15px;
    background: url('../image/icon-industries.png') no-repeat;
    background-size: 273px 42px;
  }
  #industries .industries-container ul.industries-menu {
    display: none;
    flex-wrap: wrap;
    flex-direction: row;
  }
  #industries .industries-container ul.industries-menu li {
    flex: none;
    width: 33%;
    min-height: 28.3333vw;
    flex-direction: column;
    align-items: center;
    padding: 20px 12px;
    border-left: 1px solid #0a4590;
    border-right: 1px solid #062c63;
  }
  #industries .industries-container ul.industries-menu li.active,
  #industries .industries-container ul.industries-menu li:hover {
    width: 33%;
  }
  #industries .industries-container ul.industries-menu li.active::before,
  #industries .industries-container ul.industries-menu li:hover::before {
    background-position-y: 0;
  }
  #industries .industries-container ul.industries-menu li span {
    width: auto;
    font-size: 12px;
    text-align: center;
  }
  #industries .industries-container ul.industries-menu li:before {
    margin-bottom: 16px;
    width: 21px;
    height: 21px;
    background-size: 273px 42px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(1):before {
    background-position-x: 0;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(2):before {
    background-position-x: -21px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(3):before {
    background-position-x: -42px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(4):before {
    background-position-x: -63px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(5):before {
    background-position-x: -84px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(6):before {
    background-position-x: -105px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(7):before {
    background-position-x: -126px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(8):before {
    background-position-x: -147px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(9):before {
    background-position-x: -168px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(10):before {
    background-position-x: -189px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(11):before {
    background-position-x: -210px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(12):before {
    background-position-x: -231px;
  }
  #industries .industries-container ul.industries-menu li:nth-of-type(13):before {
    background-position-x: -252px;
  }
  #industries .industries-container ul.industries-menu li:hover,
  #industries .industries-container ul.industries-menu li.active {
    width: 33%;
  }
  #industries .industries-container ul.industries-menu li:hover:before,
  #industries .industries-container ul.industries-menu li.active:before {
    background-position-y: -21px;
  }
  #industries .industries-container .industries-items {
    width: auto;
  }
  #industries .industries-container .industries-items .industries-item {
    background: none;
    position: relative;
  }
  #industries .industries-container .industries-items .industries-item img {
    width: 100%;
  }
  #industries .industries-container .industries-items .industries-item .industries-item-content {
    position: absolute;
    left: 0;
    top: 0;
    padding: 35px 25px;
    width: auto;
  }
  #industries .industries-container .industries-items .industries-item .industries-item-content h2 {
    margin-bottom: 15px;
    font-size: 21px;
  }
  #industries .industries-container .industries-items .industries-item .industries-item-content p {
    margin-bottom: 11px;
    font-size: 15px;
  }
  #testimonial > h3 {
    font-size: 16px;
  }
  #testimonial .filter {
    min-height: 22.6667vw;
  }
  #testimonial .filter::before {
    width: 37.3333vw;
    height: 22.6667vw;
  }
  #testimonial .filter:after {
    display: none;
  }
  #testimonial .filter .filter-container {
    width: auto;
    display: flex;
    flex-direction: column-reverse;
  }
  #testimonial .filter .filter-container .expend-btn {
    position: relative;
    height: 42px;
    width: 100%;
    right: 0;
  }
  #testimonial .filter .filter-container ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #testimonial .filter .filter-container ul li {
    width: 100%;
    padding: 10px;
    margin: 0 0 9px;
  }
  #testimonial .filter .filter-container ul li label {
    font-size: 14px;
  }
  #testimonial .filter .filter-container h4 {
    font-size: 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
  }
  #testimonial .filter .filter-container h4:after {
    content: '';
    width: 5px;
    height: 5px;
    margin-left: 5px;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    transform: rotate(-45deg) translateY(-50%);
  }
  #testimonial .result-items {
    flex-wrap: nowrap;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #testimonial .result-items .result-item {
    width: auto;
    margin-bottom: 15px;
    margin-right: 0;
  }
  #testimonial .result-items .result-item .image {
    width: 100%;
    height: 53.8333vw;
  }
  #testimonial .result-items .result-item .image img {
    width: 100%;
    height: 53.8333vw;
  }
  #testimonial .result-items .result-item .image:before {
    display: none;
  }
  #testimonial .result-items .result-item .image .video-control {
    padding: 6px 10px;
  }
  #testimonial .result-items .result-item .image .video-control:before {
    width: 24px;
    height: 24px;
  }
  #testimonial .result-items .result-item .image .video-control span {
    font-size: 13px;
  }
  #testimonial .result-items .result-item .title {
    background: #053975;
    font-size: 2.6667;
    color: white;
    line-height: 1.5;
    transition: background 0.3s;
    overflow: hidden;
    height: 78px;
  }
  #testimonial .result-items .result-item .title a {
    display: block;
    margin: 15px 0;
    padding: 0 15px;
    height: auto;
    max-height: 48px;
    font-size: 16px;
    color: white;
    line-height: 1.5;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
  }
  #testimonial .testimonial-detail {
    width: auto;
    padding-left: 3.125vw;
    padding-right: 3.125vw;
  }
  #testimonial .testimonial-detail .result-item {
    width: auto;
    margin-bottom: 10px;
  }
  #testimonial .testimonial-detail .result-item .image:before {
    display: none;
  }
  #testimonial .testimonial-detail .result-item .image .video-control {
    padding: 6px 10px;
  }
  #testimonial .testimonial-detail .result-item .image .video-control:before {
    width: 24px;
    height: 24px;
  }
  #testimonial .testimonial-detail .result-item .image .video-control span {
    font-size: 13px;
  }
  #testimonial .testimonial-detail .result-item .image .testimonial-iframe {
    width: 100%;
    height: auto;
  }
  #testimonial .testimonial-detail .result-item .title {
    padding: 20px 12px;
  }
  #testimonial .testimonial-detail .result-item .title h4 {
    margin-bottom: 14px;
    font-size: 19px;
  }
  #testimonial .testimonial-detail .result-item .title p {
    font-size: 15px;
  }
  #language {
    padding: 35px 15px;
  }
  #language .map {
    display: none;
  }
  #language .area {
    position: static;
    width: auto;
    margin-bottom: 20px;
  }
  #language .area h4 {
    margin-bottom: 20px;
    font-size: 21px;
    text-align: left;
  }
  #language .area ul {
    width: auto !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #language .area ul li {
    width: 48%;
    margin-bottom: 10px;
  }
  #language .area ul li a {
    padding: 8px;
    font-size: 14px;
  }
  #contactus .contactus-container {
    display: flex;
    flex-direction: column;
  }
  #contactus .contactus-container .map img,
  #contactus .contactus-container .info img {
    width: 100%;
  }
  #contactus .contactus-container .map {
    width: auto;
  }
  #contactus .contactus-container .info {
    flex-direction: column-reverse;
    width: auto;
  }
  #contactus .contactus-container .info .content {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #contactus .contactus-container .info .content h4 {
    margin-bottom: 15px;
    font-size: 24px;
  }
  #contactus .contactus-container .info .content p {
    font-size: 16px;
    line-height: 1.5;
  }
  .services-items {
    flex-wrap: wrap;
  }
  .services-items .services-item {
    flex: none;
    width: 32%;
    margin-bottom: 5px;
  }
  .services-items .services-item:before {
    margin-bottom: 5px;
    width: 45px;
    height: 45px;
    background-size: 405px 90px;
  }
  .services-items .services-item:nth-of-type(2):before {
    background-position-x: -45px;
  }
  .services-items .services-item:nth-of-type(3):before {
    background-position: -90px 0;
  }
  .services-items .services-item:nth-of-type(4):before {
    background-position: -135px 0;
  }
  .services-items .services-item:nth-of-type(5):before {
    background-position: -180px 0;
  }
  .services-items .services-item:nth-of-type(6):before {
    background-position: -225px 0;
  }
  .services-items .services-item:nth-of-type(7):before {
    background-position: -270px 0;
  }
  .services-items .services-item:nth-of-type(8):before {
    background-position: -315px 0;
  }
  .services-items .services-item:nth-of-type(9):before {
    background-position: -360px 0;
  }
  .services-items .services-item:last-child {
    margin-right: 0;
  }
  .services-items .services-item:hover {
    background-color: #fdd000;
  }
  .services-items .services-item:hover:before {
    background-position-y: -45px;
  }
  .page-section {
    padding-top: 30px;
    padding-bottom: 30px !important;
  }
  .page-section h2 {
    font-size: 25px;
    padding-left: 12px;
    margin-bottom: 17px;
    border-left-width: 3px;
  }
  .page-section h3 {
    font-size: 21px;
    margin-bottom: 14px;
  }
  .page-section p {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .page-section .page-seciton-tabs {
    margin-bottom: 13px;
    overflow: hidden;
  }
  .page-section .page-seciton-tabs ul {
    justify-content: flex-start;
    overflow-x: auto;
  }
  .page-section .page-seciton-tabs ul li {
    margin: 0 5px;
    padding: 15px 5px;
    font-size: 15px;
    white-space: nowrap;
  }
  .page-section .image-only .image img {
    width: 100%;
  }
  .page-section .text-image,
  .page-section .image-text {
    flex-direction: column;
  }
  .page-section .text-image .image,
  .page-section .image-text .image {
    margin-bottom: 18px;
  }
  .page-section .text-image .image,
  .page-section .image-text .image,
  .page-section .text-image .text,
  .page-section .image-text .text {
    width: auto !important;
  }
  .page-section .text ul li,
  .page-section .text ol li {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .page-section .page-section-cards {
    flex-wrap: wrap;
  }
  .page-section .page-section-cards .page-section-card {
    width: 48%;
    margin-bottom: 10px;
    background: #fdd000;
    pointer-events: none;
  }
  .page-section .page-section-cards .page-section-card .page-section-card-content {
    position: static;
    padding: 16px 12px;
    background: transparent;
  }
  .page-section .page-section-cards .page-section-card .page-section-card-content h5 {
    font-size: 21px;
    color: #333;
    text-align: center;
  }
  .page-section .page-section-cards .page-section-card .page-section-card-content p {
    display: none;
    font-size: 15px;
  }
  .page-section .page-section-cards .page-section-card .page-section-card-content hr {
    display: block;
  }
  .page-section .page-section-cards .page-section-card .page-section-card-content a.link {
    padding-right: 30px;
    font-size: 14px;
    background-size: 21px 6px;
  }
  .page-section .page-section-cards .page-section-card:hover .page-section-card-content p {
    display: none;
  }
  .page-section .page-section-cards.carousel .page-section-card {
    width: auto;
    pointer-events: none;
  }
  .page-section .page-section-cards.carousel .page-section-card .page-section-card-content {
    position: absolute;
    bottom: 0;
    padding-top: 48px;
    background: linear-gradient(to bottom, rgba(9, 60, 124, 0), #093c7c 30%);
  }
  .page-section .page-section-cards.carousel .page-section-card .page-section-card-content h5 {
    color: white;
  }
  .page-section .page-section-cards.carousel .page-section-card .page-section-card-content p {
    margin-bottom: 23px;
    display: block;
    color: white;
  }
  .page-section .page-section-cards.carousel .page-section-card .page-section-card-content hr {
    display: none;
  }
  .section-title {
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .section-title h2 {
    font-size: 30px;
    padding-left: 12px;
    border-left-width: 3px;
  }
  #cookie-notice {
    padding: 4vw 0 !important;
  }
  #cookie-notice .container {
    width: auto !important;
  }
}
#view360 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}
#view360 .view-content {
  position: absolute;
  width: 100vw;
  height: 100vh;
  padding: 20px;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
}
#view360 .view-content span {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 14px;
  color: #333;
  padding: 5px 10px;
  cursor: pointer;
  font-weight: bold;
}
#cookie-background {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 998;
  background: black;
  opacity: 0.5;
}
#cookie-notice {
  display: none;
  position: fixed;
  padding: 100px 0;
  bottom: 0;
  width: 100%;
  background: white;
  font-size: 16px;
  z-index: 999;
}
#cookie-notice a {
  color: #133f76;
  text-decoration: underline;
}
#cookie-notice .container {
  width: 50%;
  margin: 0 auto;
}
#cookie-notice .container p {
  line-height: 1.3;
}
#cookie-notice .btn {
  margin-top: 30px;
  text-align: center;
}
#cookie-notice .btn button {
  margin: 0 15px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: 0;
  background: transparent;
}
#cookie-notice .btn button:hover {
  color: #133f76;
}
#cookie-notice .btn button.accept {
  background: #133f76;
  color: white;
}
@media print {
  #pageHeader {
    position: static;
  }
  #pageHeader .header-container ul.utilities {
    display: none;
  }
  #pageBody {
    padding-top: 0;
  }
  #pageBody #crumb {
    padding: 10px 0;
  }
}