@font-face {
  font-family: "ITCAVANTGARDESTD-BOLD";
  src: url("../font/ITCAVANTGARDESTD-BOLD.ttf");
  src: local("ITCAVANTGARDESTD-BOLD"),
    url("../font/ITCAVANTGARDESTD-BOLD.eot") format("eot"),
    url("../font/ITCAVANTGARDESTD-BOLD.ttf") format("ttf"),
    url("../font/ITCAVANTGARDESTD-BOLD.svg") format("svg"),
    url("../font/ITCAVANTGARDESTD-BOLD.woff") format("woff");
}

@font-face {
  font-family: "ITCAvantGardeStd-Md";
  src: url("../font/ITCAvantGardeStd-Md.ttf");
  src: local("ITCAvantGardeStd-Md"),
    url("../font/ITCAvantGardeStd-Md.eot") format("eot"),
    url("../font/ITCAvantGardeStd-Md.ttf") format("ttf"),
    url("../font/ITCAvantGardeStd-Md.svg") format("svg"),
    url("../font/ITCAvantGardeStd-Md.woff") format("woff");
}


@font-face {
  font-family: "gothambook-webfont";
  src: url("../font/gothambook-webfont.ttf");
  src: local("gothambook-webfont"),
    url("../font/gothambook-webfont.eot") format("eot"),
    url("../font/gothambook-webfont.ttf") format("ttf"),
    url("../font/gothambook-webfont.svg") format("svg"),
    url("../font/gothambook-webfont.woff") format("woff");
}


html {
  font-size: 13.33333vw;
  scroll-padding-top: 180px;
  scrollbar-gutter: stable;
}

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: 'gothambook-webfont', 'Microsoft YaHei', 'PingFang SC', sans-serif;
  color: #333;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.inner .content p,
.inner .content a,
.inner .content span {
  font-family: 'gothambook-webfont', 'Microsoft YaHei', 'PingFang SC', sans-serif;
}

a:hover,
a:focus {
  color: inherit;
}

li {
  list-style: none;
}

dl {
  margin-bottom: 0;
}


.pic {
  overflow: hidden;
  cursor: pointer;
}

.pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.clearfix:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

input::-webkit-input-placeholder {
  color: #ccc;
}

input:-moz-placeholder {
  color: #ccc;
}

input::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder {
  color: #ccc;
}

textarea::-webkit-input-placeholder {
  color: #ccc;
}

input:-moz-placeholder {
  color: #ccc;
}

input::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder {
  color: #ccc;
}

input,
textarea {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  border-radius: 0;
}

h1 {
  font-size: 65px;
  color: #333;
}

h2 {
  font-size: 38px;
}

h1,
h2,
h3 {
  margin-top: 10px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.section {
  padding: .2rem 0;
}

.more span {
  white-space: nowrap;
}
.about-con .more {
  margin-top: 30px;
}

.more svg {
  height: 100%;
}

.btn:hover,
.btn:focus {
  background-color: #3496d8;
  color: #fff;
}


a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  -moz-transition: background-color, color, 0.3s;
  -o-transition: background-color, color, 0.3s;
  -webkit-transition: background-color, color, 0.3s;
  transition: background-color, color, 0.3s;
}

a:focus-visible {
  outline: 2px solid #0068bd;
  outline-offset: 2px;
}

ul,
ol {
  margin: 0;
  padding: 0;
}


ul li {
  list-style: none;
}

/* 段落字号：PC 16px；≤1023px 14px；≤767px 13px（见 responsive.css） */
p {
  font-size: 16px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
  line-height: 1.5;
}

h4 {
  font-size: 18px;
}

h3 {
  font-size: 22px;
}

body.lang-en h3 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6,
span {
  font-size: 16px;
}


.mb60 {
  margin-bottom: .2rem;
}

.mg60 {
  margin-top: .2rem;
  margin-bottom: .2rem;
}

.pd40 {
  padding: 40px 0;
}

.pd60 {
  padding: .2rem 0;
}


.mb20 {
  margin-bottom: 20px;
}


.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3 {
  padding: 15px;
}

.clamp-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.ban_gy {
  background: url(../images/ban_gy.jpg) no-repeat center;
}

.ban_sb {
  background: url(../images/ban_sb.jpg) no-repeat center;
}

.ban_cp {
  background: url(../images/ban_cp.jpg) no-repeat center;
}


.ban_xw {
  background: url(../images/ban_xw.jpg) no-repeat center;
}


.ban_lx {
  background: url(../images/ban_lx.jpg) no-repeat center;
}


.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: relative;
}

.swiper-pagination {
  text-align: center;
  margin-top: 40px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 4%;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
  border: none
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
}

.swiper-pagination-bullet {
  width: 60px;
  height: 10px;
  display: inline-block;
  border: 1px solid #fff;
  background: none;
  opacity: 1;
  cursor: pointer;
}

.fancy {
  display: block;
  width: 100%;
  height: 100%;
}


.page_top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1020;
}

.page_top_index {
  background: none;
}

.page_top .sec_nav {
  display: none;
}

.page_top_index .sec_nav {
  display: none;
}

#header {
  z-index: 100;

  background: none;
}

.page_top_index #header {
  border-bottom: none;
}

.header_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}


.primary-nav {
  width: 100%;
  display: flex;
}

.page_top .logo {
  width: 1.5rem;
}

.page_top .logo-wrapper {
  padding-top: 25%;
}

#header .header-content {
  width: 100%;
  height: 100%;
}

.header-content .container {
  height: 100%;
}

.navigation>ul>li>.nav_wrap>a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  margin: 0 14px;
  text-align: center;
  color: #fff;
}



@-moz-keyframes fill {
  0% {
    width: 0px;
  }

  25% {
    width: 40px;
  }

  50% {
    width: 85px;
  }

  75% {
    width: 125px;
  }

  100% {
    width: 173px;
  }
}


.sec_nav {
  width: 100%;
}

.sec_nav ul li {
  position: relative;
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  background: -webkit-linear-gradient(#666, #666);
  background: -o-linear-gradient(#666, #666);
  background: -moz-linear-gradient(#666, #666);
  background: linear-gradient(#666, #666);
}

.sec_nav ul li:hover {
  background-color: #1c3392;
}

.sec_nav ul li:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: #fff;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.sec_nav ul li.border_b:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.sec_nav ul li:nth-child(3):before,
.sec_nav ul li:nth-child(6):before {
  background-color: transparent;
}

.sec_nav ul li a {
  display: block;
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #fff;
}


.ban-index {
  position: relative;
  overflow: hidden;
}

.ban-index {
  display: block;
  position: relative;
  background: url(../images/index-ban.jpg) no-repeat center;
  background-size: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  width: 100%;
  height: auto;
  padding-top: 48.25%;
}

.ban-index-txt {
    position: absolute;
    top: 50%;
    left: 32%;
    transform: translate(-50%, -50%);
 color: #fff;
}
.ban-txt-box {
  position: relative;
  padding-left: 2vw;
  padding-top: 2vw;
}
.ban-txt-box  .ban-txt {
  position: relative;
  z-index: 2;
}
.ban-txt>span {
  font-size: 4.3vw;
  line-height: 1.1;
  font-family: 'ITCAVANTGARDESTD-BOLD', sans-serif;
  text-transform: uppercase;
}
.ban-index-en h1,
.ban-index-en h2
{
  font-family: 'ITCAVANTGARDESTD-BOLD', sans-serif;
  text-transform: uppercase;
}
.ban-index-txt>span,
.ban-index-txt h1,
.ban-index-txt a
{
  color: #fff;
}
.ban-index-txt h1 b {
  color: #99ff00;
}
.ban-index-txt h4 {
  letter-spacing: 6px;
}
.ban-index-txt h4 {
  margin-bottom: 20px;
}
.ban-index-txt .more {
  border: 1px solid #fff;
}

.ban-index-txt>img {
  width: 30vw;
}


.banner {
  position: relative;
  display: flex;
  justify-content: flex-start;
  padding-left: 20%;
  align-items: center;
  width: 100%;
  height: 528px;
  color: #fff;
  background-size: cover;
}

.banner:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  content: '';
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 40%);
  z-index: 2;
}

.banner .banner-txt {
  position: relative;
  z-index: 3;
}
.banner h2 {
  color: #fff;
  margin: 0;
  line-height: 1.2;
  font-weight: 500;
}

.banner span {
  display: block;
  margin-bottom: 12px;
  font-size: 30px;
  font-family: "ITCAvantGardeStd-Md", Arial, sans-serif;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
}


.section .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.about {
  background-color: #f6f6f6;
}

.sec-ti {
  text-align: center;
  margin-bottom: .2rem;
}
.sec-ti h2 {
  color: #0068bd;
}
.sec-ti-left {
  text-align: left;
}

.about-con {
  text-align: center;
}

.about-con .sec-ti {
  margin-bottom: 20px;
}

.about-con .pic {
  padding-right: 6%;
}

.about-con .pic img {
  width: 100%;
  height: auto;
}

.about-con p {
  line-height: 1.7;
}

.about-con .txt {
  text-align: left;
}

.about-icon-list {
  margin-top: .1rem;
}
.about-icon-list p {
  line-height: 1.5;
  margin-bottom: 0;
}
.about-icon-list .item {
  display: flex;
  align-items: center;
}

.about-icon-list .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 1px solid #333;
  background-color: #fff;
  margin-right: 15px;
}
.about-icon-list .txt {
  flex: 1;
}
.about-icon-list .pic img {
  width: 50%;
  height: auto;
}

.sec-ti-white h2,
.sec-ti-white h3 {
  color: #fff;
}

.sec-ti h2 {
  line-height: 1;
  margin-bottom: 15px;
  margin-top: 8px;
}

.minfluo-index .sec-ti h2,
.profile-page .sec-ti h2 {
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0;
}

.cate-con .list li {
  margin-bottom: 30px;
}

.cate-con .list li:hover a {
  color: #fff;
  background: url(../images/cate-item-bg.jpg) no-repeat center;
  background-size: cover;
}

.cate-con .list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all ease .4s;
}


.cate-con .list .pic {
  width: 100%;
  height: 270px;
}

.cate-con .list a {
  padding: 36px 25px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.cate-con .list li a {
  height: 185px;
}

.cate-con .list .more {
  display: block;
  margin-top: 10px;
}

.cate-con .pic {
  height: 252px;
}

.cate-con .cate-item .txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 20px 22px;
  background-color: #f2f2f2;
}

.minfluo-product .cate-item.active a,
.minfluo-product .cate-item:hover a{
    position: relative;
    background: #f7f7f7;
    box-shadow: none;
    transform: none;
}


.minfluo-product .cate-item.active .pic:after,
.minfluo-product .cate-item:hover .pic:after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    z-index:2;
}


.minfluo-product .pic{
    position:relative;
}


.minfluo-product .cate-item.active .txt i,
.minfluo-product .cate-item:hover .txt i{
    background: none;
}
.cate-con .txt-l {
  width: 79%;
}

.arrow-top-right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #0068bd;
  border-radius: 50%;
}

.arrow-top-right svg {
  width: 50%;
  stroke: #fff;
}


.advantage {
  padding-top: 0;
}
.adv-title {
  background: url(../images/adv-title-bg.jpg) no-repeat center;
  background-size: cover;
  padding: .2rem 0;
}

.adv-title .title {
  display: block;
}

.adv-title h2,
.adv-title h4,
.adv-title span,
.adv-title p {
  color: #fff;
}

.adv-title h2 {
  margin-top: 0;
}

.adv-title span {
  font-size: .1rem;
}

.adv-title .title-box,
.adv-txt-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.adv-con {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  height: 649px;

  gap: 10px;
}

.adv-con .pic {
  height: 100%;
}


.adv-con-l {
  width: 15%;
  height: 100%;
  position: relative;
}


.adv-con-m {
  width: 25%;
  height: 100%;
}


.adv-con-m .swiper-slide {
  opacity: 0.6;
  transition: 0.3s;
  cursor: pointer;
}


.adv-con-m .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #1abc9c;
}


.adv-con-r {
  width: 58%;

  height: 100%;
  position: relative;

  overflow: hidden;
}


.custom-controls {
  position: absolute;
  bottom: 0;
  right: 16vw;
  width: 200px;

  height: 60px;
  background-color: #3bddb8;

  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  color: #fff;
}


.custom-pagination {
  font-size: 22px;
  width: auto;

  position: static;
  text-align: left;
}

.custom-pagination span {
  font-size: 22px;
}


.nav-arrows {
  display: flex;
  gap: 15px;
}

.swiper-btn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 20px;
  user-select: none;
}


.news {
  position: relative;
}
footer {
  color: #fff;
  background-color: #1c1c1c;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #fff;
}

footer h1 {
  color: #fff;
  margin-bottom: 20px;
}

.foot_con {
  padding: 45px 0;
}

.foot_con_t .box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}

.foot_con_t .box .foot_item:last-child {
  margin-right: 0;
}

.foot_con_t .foot_item ul {
  display: flex;
  flex-wrap: wrap;
}


.foot_con_t h4 {
  color: #fff;
  margin-bottom: 20px;
}

.foot_con_t span {
  margin-bottom: 10px;
}

.foot_con_t li {
  width: 45%;
  margin-right: 15px;
  margin-bottom: 15px;
}

.foot_con_t li:nth-child(2n+2) {
  margin-right: 0;
}

.foot_cont li {
  width: 100%;
}

.foot_cont li a:nth-child(1) {
  margin-right: 20px;
}

.foot_con_t .foot_pro li {
  width: calc((100% - 31px) / 3);
}

.foot_con_t .foot_pro li:nth-child(2n + 2) {
  margin-right: 15px;
}

.foot_con_t .foot_pro li:nth-child(3n + 3) {
  margin-right: 0;
}
.foot_con_en .foot_con_t .foot_pro li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}

.foot_con_en .foot_con_t .foot_pro li:nth-child(3n+3),
.foot_con_en .foot_con_t .foot_pro li:nth-child(2n+2) {
  margin-right: 0;
}

.foot_con_en .foot_con_t .foot_pro ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 15px;
}

.foot_con_en .foot_con_t .foot_pro ul::before,
.foot_con_en .foot_con_t .foot_pro ul::after {
  display: none;
  content: none;
}

.foot_con_en .foot_item {
  min-width: 20%;
}
.foot_con_en .foot_con_t .foot_about,
.foot_con_en .foot_con_t .foot_pro {
  margin-right: 3vw;
}
.foot_con_b {
  padding-top: 30px;
  text-align: center;
  border-top: 1px solid #828282;
}


.foot_con_b .copyright a,
.foot_con_b .copyright span {
  position: relative;
  display: inline-block;
  line-height: 1.7;
  padding: 0 10px;
}

.foot_con_b .copyright a:not(:last-of-type)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 28%;
  width: 1px;
  height: 44%;
  background-color: #616161;
}


.foot_item b {
  font-family: "ITCAVANTGARDESTD-BOLD";
  font-size: 28px;
}


/* ===== Minfluo index: header ===== */
.page_top_index {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 20;
  background: transparent;
}

.page_top_index #header {
  background: transparent;
  box-shadow: none;
}

.page_top_index .header-content {
  height: 132px;
  background: transparent;
}


.page_top_index .header_top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 132px;
  gap: 70px;
}


.page_top_index .logo-wrapper {
  width: 100%;
  height: 100%;
  background: url("../images/logo.png") left center / contain no-repeat;
}

.minfluo-logo {
  display: block;
  width: 100%;
  height: 86px;
  background: url("../images/logo.png") left center / contain no-repeat;
}

.page_top_index .minfluo-logo {
  position: relative;
  background: url("../images/logo-index.png") left center / contain no-repeat;
}

.page_top_index .minfluo-logo:before {
  display: none;
}

.page_top_index .header_nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
  min-width: 0;
}

.page_top_index .primary-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.page_top_index .primary-nav .tab {
  position: relative;
  float: none;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin: 0;
  padding: 0 14px;
  line-height: 1;
  flex: 0 0 auto;
}

.page_top_index .primary-nav .tab:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: rgba(255, 255, 255, 0.72);
}

.page_top_index .primary-nav .tab:last-child:after {
  display: none;
}

.page_top_index .primary-nav .lang-switch:after,
.page_top_index .primary-nav .search-tab:after {
  display: none;
}

.page_top_index .primary-nav .tab:has(+ .lang-switch):after {
  display: none;
}

.page_top_index .primary-nav .nav_wrap {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1;
}

.page_top_index .primary-nav .nav_wrap > a {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.page_top_index .primary-nav .icon_wrap {
  display: none;
}

.page_top_index .primary-nav .lang-switch {
  position: relative;
  margin-left: 32px;
}

.page_top_index .lang-switch .nav_wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page_top_index .lang-switch-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}

.page_top_index .lang-globe {
  display: block;
  width: 32px;
  height: 32px;
}

.page_top_index .lang-switch-menu {
  position: absolute;
  left: 50%;
  top: calc(100% + 16px);
  z-index: 1100;
  min-width: 196px;
  padding: 10px 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 10px);
  transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
  overflow: visible;
}

.page_top_index .lang-switch-menu:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  transform: translateX(-50%);
}

.page_top_index .lang-switch:hover .lang-switch-menu,
.page_top_index .lang-switch.is-open .lang-switch-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.page_top_index .lang-switch-menu .lang-switch-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 14px 20px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  box-sizing: border-box;
}

.page_top_index .lang-switch-menu .lang-switch-item span {
  display: inline-block;
  flex: 0 1 auto;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.page_top_index .lang-switch-menu .lang-switch-item + .lang-switch-item {
  border-top: 1px solid #ececec;
}

.page_top_index .lang-switch-menu .lang-switch-item:hover {
  background: #f5f8fb;
  color: #333;
}

.page_top_index .lang-switch-menu .lang-switch-item.is-active {
  color: #0068bd;
}

.page_top_index .lang-switch-menu .lang-flag {
  display: block;
  width: 24px;
  height: 16px;
  flex: 0 0 24px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  object-fit: cover;
  vertical-align: middle;
}

.page_top_index .product-nav {
  position: relative;
}

.page_top_index .product-nav .nav_wrap {
  position: relative;
}

.page_top_index .product-sub-menu {
  position: absolute;
  left: 50%;
  top: calc(100% + 16px);
  z-index: 1100;
  min-width: 240px;
  max-width: 320px;
  padding: 10px 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 10px);
  transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
  overflow: visible;
}

.page_top_index .product-sub-menu:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  transform: translateX(-50%);
}

.page_top_index .product-nav:hover .product-sub-menu,
.page_top_index .product-nav.is-open .product-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.page_top_index .product-sub-menu .product-sub-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 14px 20px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow: visible;
  text-overflow: clip;
  box-sizing: border-box;
}

.page_top_index .product-sub-menu .product-sub-item span {
  display: inline-block;
  flex: 1 1 auto;
  min-width: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.page_top_index .product-sub-menu .product-sub-item + .product-sub-item {
  border-top: 1px solid #ececec;
}

.page_top_index .product-sub-menu .product-sub-item:hover {
  background: #f5f8fb;
  color: #333;
}

.page_top_index .product-sub-menu .product-sub-item.is-active {
  color: #0068bd;
}

body.lang-en .page_top_index .product-sub-menu,
body.lang-en .navigation > ul > li .product-sub-menu {
  min-width: 300px;
  max-width: none;
  width: max-content;
}

body.lang-en .product-sub-menu .product-sub-item,
body.lang-en .product-sub-menu .product-sub-item span {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}

.page_top_index .search-tab {
  display: flex;
  align-items: center;
  margin-left: 8px;
  padding-right: 0;
  padding-left: 12px;
}

.page_top_index .search-tab .nav_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}

.page_top_index .search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(80, 164, 230, 0.72);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  font-size: 0;
  line-height: 32px;
}

.page_top_index .search-btn:hover {
  background: rgba(80, 164, 230, 0.86);
}

.page_top_index .search-btn img {
  position: static;
  display: block;
  width: 17px;
  height: 17px;
  margin: 0;
  object-fit: contain;
  transform: none;
}

.page_top_index .search-btn.is-active {
  background: #0068bd;
}

body.search-open {
  overflow: hidden;
}

.minfluo-search-panel {
  position: fixed;
  inset: 0;
  z-index: 3000;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.minfluo-search-panel.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.minfluo-search-panel__backdrop {
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: rgba(0, 24, 48, 0.55);
}

.minfluo-search-panel__box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3001;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
  transform: translateY(-100%);
  transition: transform 0.35s ease;
}

.minfluo-search-panel.is-open .minfluo-search-panel__box {
  transform: translateY(0);
}

body.search-open .page_top_index #header,
body.search-open .page_top_index .header-mobile-actions,
body.search-open .page_top_index .nav-toggle {
  visibility: hidden;
  pointer-events: none;
}

.minfluo-search-form {
  display: block;
  padding: 28px 0 32px;
}

.minfluo-search-form__label {
  display: block;
  margin-bottom: 16px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}

.minfluo-search-form__field {
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.minfluo-search-form__field input,
.minfluo-search-form__submit,
.minfluo-search-form__close {
  box-sizing: border-box;
  height: 52px;
  min-height: 52px;
}

.minfluo-search-form__field input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 18px;
  border: 1px solid #d6d6d6;
  border-radius: 999px;
  background: #fff;
  color: #333;
  font-size: 16px;
  line-height: normal;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.minfluo-search-form__field input:focus {
  border-color: #0068bd;
  box-shadow: 0 0 0 3px rgba(0, 104, 189, 0.12);
}

.minfluo-search-form__submit {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 108px;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  background: #0068bd;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease;
}

.minfluo-search-form__submit:hover {
  background: #00579f;
}

.minfluo-search-form__close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  min-width: 52px;
  padding: 0;
  border: 1px solid #d6d6d6;
  border-radius: 50%;
  background: #fff;
  color: #333;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.minfluo-search-result .sec-ti {
  margin-bottom: 24px;
  text-align: left;
}

.minfluo-search-result .sec-ti h2 {
  text-align: left;
}

.minfluo-search-count,
.minfluo-search-empty {
  margin: 0 0 28px;
  color: #333;
  font-size: 16px;
  line-height: 1.7;
  text-align: left;
}


/* ===== Minfluo index: banner ===== */
.minfluo-banner {
  position: relative;
  height: 720px;
  min-height: 560px;
  overflow: hidden;
  background: url("../images/index-banner.jpg") center / cover no-repeat;
}

.minfluo-banner:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(7, 32, 55, 0.34);
}

.minfluo-banner .minfluo-banner-content,
.minfluo-banner .minfluo-banner-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.minfluo-banner .minfluo-banner-inner {
      overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.minfluo-banner .minfluo-hero-text h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 8vw, 103px);
  line-height: 1.16;
  font-weight: 700;
  text-shadow: none;
  letter-spacing: 6px;
}

.minfluo-banner .minfluo-hero-text h1 b {
  display: inline;
  color: #15d3de;
  font-size: inherit;
  font-weight: 700;
}

.ban-index-en .minfluo-hero-text h1,
.ban-index-en .minfluo-hero-text h1 b {
  font-family: "ITCAVANTGARDESTD-BOLD", "ITC Avant Garde Gothic", Arial, sans-serif;
  letter-spacing: 0.06em;
  line-height: 1.1;
}

.ban-index-en .minfluo-hero-text h1 b {
  display: block;
  margin-top: 0.12em;
  color: #15d3de;
}

.ban-index-en .minfluo-hero-text {
  max-width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}

.minfluo-banner .minfluo-hero-text .minfluo-hero-subtitle {
  display: block;
  margin: 34px 0 0;
  color: #fff;
  font-size: clamp(14px, 2.2vw, 45px);
  line-height: 1.4;
  font-weight: 700;
}

.minfluo-banner .ban-index-txt,
.minfluo-banner .ban-txt-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  height: 100%;
}

.minfluo-banner .ban-txt-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

.minfluo-banner .ban-txt {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  transform: translate(-50%, -50%);
}

.minfluo-banner .ban-txt h1 {
  margin: 0;
  color: #fff;
  line-height: 1.16;
  font-weight: 700;
  letter-spacing: 0;
  text-shadow: none;
  transform: none;
}

.minfluo-banner .ban-txt h1 b {
  display: inline;
  color: #15d3de;
  font-weight: 700;
}

.minfluo-banner .ban-txt h4 {
  margin: 34px 0 0;
  color: #fff;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}

.minfluo-banner .scroll-tip {
  position: absolute;
  left: 50%;
  bottom: 58px;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.86);
  font-size: 16px;
  text-align: center;
}

.minfluo-banner .scroll-tip i {
     display: block;
    width: 27px;
    height: 42px;
    margin: 0 auto 10px;
    border: 2px solid rgba(255, 255, 255, 0.86);
    border-radius: 22px;
    position: relative;
}

.minfluo-banner .scroll-tip i:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 10px;
  width: 5px;
  height: 5px;
  margin-left: -2.5px;
  border-radius: 50%;
  background: #ff8c18;
  animation: minfluoMouseScroll 1.45s ease-in-out infinite;
}

@keyframes minfluoMouseScroll {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  28% {
    opacity: 1;
  }

  72% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(16px);
  }
}


/* ===== Minfluo index: common ===== */
.minfluo-index img {
  display: block;
  width: 100%;
}

.section.about:not(.minfluo-about),
.section.category:not(.minfluo-product),
.section.advantage:not(.minfluo-advantage),
.section.news:not(.minfluo-news) {
  display: none;
}

.section {
  padding: 45px 0;
}

.minfluo-index .sec-ti h2 {
  position: relative;
  display: inline-block;
  margin: 0;
  color: #0068bd;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
}

.minfluo-index .sec-ti h2:after {
  content: "";
  position: absolute;
  right: -18px;
  top: 4px;
  width: 10px;
  height: 10px;
  background: #ff8c18;
}

.minfluo-index .sec-ti h3,
.profile-page .sec-ti h3 {
  margin: 4px 0 0;
  color: #9fd4ef;
  font-family: "ITCAvantGardeStd-Md", Arial, sans-serif;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.minfluo-index .sec-ti-center {
  text-align: center;
  margin-bottom: 54px;
}


/* ===== Minfluo index: about ===== */
.minfluo-about .about-con {
  display: flex;
  align-items: center;
}

.minfluo-about .about-con > .col-md-6:first-child {
  padding-left: 0;
}

.minfluo-about .about-con > .col-md-6:last-child {
  padding-right: 0;
}

.minfluo-about .about-con .pic {
  padding-right: 0;
}

.minfluo-about .pic img {
  aspect-ratio: 560 / 372;
  object-fit: cover;
}



.profile-about .txt {
  position: relative;
  min-height: auto;
  color: #333;
  font-size: 16px;
  line-height: 2;
}

.minfluo-about .txt p {
  margin-bottom: 12px;
}

.minfluo-about .about-txt-scroll p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .minfluo-about .about-txt-scroll {
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 32px;
    margin-right: 0;
    scrollbar-width: thin;
    scrollbar-color: #c8c8c8 transparent;
  }

  .minfluo-about .about-txt-scroll::-webkit-scrollbar {
    width: 3px;
  }

  .minfluo-about .about-txt-scroll::-webkit-scrollbar-track {
    background: transparent;
  }

  .minfluo-about .about-txt-scroll::-webkit-scrollbar-thumb {
    background: #d2d2d2;
    border-radius: 999px;
  }

  .minfluo-about .about-txt-scroll::-webkit-scrollbar-thumb:hover {
    background: #b8b8b8;
  }
}

.minfluo-about .more {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-top: 34px;
  padding-bottom: 12px;
  color: #333;
  font-size: 16px;
}

.minfluo-about .more:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 92px;
  height: 4px;
  background: #0068bd;
}

.minfluo-about .more:after {
  content: "";
  position: absolute;
  left: 96px;
  bottom: 0;
  width: 4px;
  height: 4px;
  background: #ff8c18;
}

.minfluo-about .about-watermark {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "AvantGarde CE", "AvantGardeCE", "ITC Avant Garde Gothic", "Century Gothic", Arial, sans-serif;
  color: transparent;
  -webkit-text-stroke: 1px #d6d8da;
  text-stroke: 1px #d6d8da;
  font-size: 104px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
  text-shadow: none;
  pointer-events: none;
}


/* ===== Minfluo index: show ===== */
.minfluo-show {
  position: relative;
  padding: 36px 0;
  background: #eef8fd;
  overflow: visible;
}


.minfluo-show::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 32%;
  background: url("../images/minfluo-show-bg.jpg") no-repeat center;
  background-size: cover;
  pointer-events: none;
  z-index: 1;
}

.minfluo-show .container.show-frame {
  position: relative;
  z-index: 2;
}

.minfluo-show .show-con {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: 256px;
  padding: 16px 0;
}


.minfluo-show .swiper-slide {
    width: auto !important;
    height: 100% !important;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: none;
}

.minfluo-show .swiper-slide-active {
  transform: none;
}

.minfluo-show .show-item img {
 display: block;
  height: 100% !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain;
}


.minfluo-show .show-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin: 0;
  border: 1.5px solid #ccdedf;
  background: #ffffff;
  color: #0068bd;
  font-family: Arial, sans-serif;
  font-size: 26px;
  line-height: 1;
  text-decoration: none;
  transition: all 0.25s ease;
}

.minfluo-show .show-arrow:hover {
  background: #0068bd;
  color: #ffffff;
  border-color: #0068bd;
  box-shadow: 0 4px 12px rgba(0, 104, 189, 0.2);
}

.minfluo-show .show-prev {
  right: 100%;
  left: auto;
  margin-right: 20px;
}

.minfluo-show .show-next {
  left: 100%;
  right: auto;
  margin-left: 20px;
}


/* ===== Minfluo index: product ===== */
.minfluo-product .cate-con {
  margin-left: -14px;
  margin-right: -14px;
}

.minfluo-product .cate-item {
  padding: 0 14px;
  margin-bottom: 34px;
}

.minfluo-product .cate-item a {
  display: block;
  background: #f7f7f7;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.minfluo-product .cate-item a:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}

.minfluo-product .pic {
  background: #050505;
  overflow: hidden;
}

.minfluo-product .pic img {
  aspect-ratio: 280 / 185;
  object-fit: cover;
}

.minfluo-product .cate-con .cate-item .txt {
  display: block;
  padding: 18px 22px 22px;
  background-color: #f6f6f6;
  text-align: center;
}

.minfluo-product .txt {
  padding: 18px 22px 22px;
}

.minfluo-product .txt h4 {
  margin: 0;
  color: #333;
  line-height: 1.35;
  font-weight: 500;
}

.minfluo-product .txt i {
  position: relative;
  display: block;
  width: 64px;
  height: 4px;
  margin: 14px auto;
  background: none;
}

.minfluo-product .txt i:before,
.minfluo-product .txt i:after {
  content: "";
  position: absolute;
  top: 0;
  height: 4px;
}

.minfluo-product .txt i:before {
  left: 0;
  width: 52px;
  background: #0068bd;
}

.minfluo-product .txt i:after {
  right: 0;
  width: 4px;
  background: #ff8c18;
}

.minfluo-product .txt p {
  margin: 0;
  color: #333;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

.section.category.minfluo-product.wowlist {
    --category-padding-top: 80px;
    --cate-item-margin-bottom: 30px;
    padding-bottom: calc(var(--category-padding-top) - var(--cate-item-margin-bottom));
}

.section.category.minfluo-product.wowlist .item,
.section.category.minfluo-product.wowlist li,
.section.category.minfluo-product.wowlist .item a,
.section.category.minfluo-product.wowlist li a {
    display: block;
}

.section.category.minfluo-product.wowlist .item > *,
.section.category.minfluo-product.wowlist li > *,
.section.category.minfluo-product.wowlist .item a > *,
.section.category.minfluo-product.wowlist li a > * {
    float: none;
    width: 100%;
    max-width: none;
}

.section.category.minfluo-product.wowlist .pic,
.section.category.minfluo-product.wowlist .txt,
.section.category.minfluo-product.wowlist .info {
    float: none;
    display: block;
    width: 100%;
}

.section.category.minfluo-product.wowlist .item,
.section.category.minfluo-product.wowlist li {
    overflow: hidden;
    background: #f6f6f6;
    text-align: center;
}

.section.category.minfluo-product.wowlist .item img,
.section.category.minfluo-product.wowlist li img {
    display: block;
    width: 100%;
    aspect-ratio: 372 / 253;
    width: auto !important;
    max-width: none !important;
    height: 150px !important;
    object-fit: contain !important;
}

.section.category.minfluo-product.wowlist .item .txt,
.section.category.minfluo-product.wowlist .item .info,
.section.category.minfluo-product.wowlist li .txt,
.section.category.minfluo-product.wowlist li .info {
    padding: 18px 20px 22px;
    background: #f6f6f6;
}

.section.category.minfluo-product.wowlist .item h3,
.section.category.minfluo-product.wowlist .item h4,
.section.category.minfluo-product.wowlist li h3,
.section.category.minfluo-product.wowlist li h4 {
    position: relative;
    margin: 0 0 38px;
    color: #333;
    font-weight: 500;
    line-height: 1.35;
}

.section.category.minfluo-product.wowlist .item h3::before,
.section.category.minfluo-product.wowlist .item h4::before,
.section.category.minfluo-product.wowlist li h3::before,
.section.category.minfluo-product.wowlist li h4::before,
.section.category.minfluo-product.wowlist .item h3::after,
.section.category.minfluo-product.wowlist .item h4::after,
.section.category.minfluo-product.wowlist li h3::after,
.section.category.minfluo-product.wowlist li h4::after {
    content: "";
    position: absolute;
    bottom: -24px;
    height: 4px;
}

.section.category.minfluo-product.wowlist .item h3::after,
.section.category.minfluo-product.wowlist .item h4::after,
.section.category.minfluo-product.wowlist li h3::after,
.section.category.minfluo-product.wowlist li h4::after {
    left: calc(50% - 34px);
    width: 58px;
    background: #006ddf;
}

.section.category.minfluo-product.wowlist .item h3::before,
.section.category.minfluo-product.wowlist .item h4::before,
.section.category.minfluo-product.wowlist li h3::before,
.section.category.minfluo-product.wowlist li h4::before {
    left: calc(50% + 30px);
    width: 4px;
    height: 4px;
    background: #ff6a00;
}

.section.category.minfluo-product.wowlist .item p,
.section.category.minfluo-product.wowlist li p {
    margin: 0;
    color: #333;
    line-height: 1.75;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}


.minfluo-product .cate-item.active {
  border-bottom: 0;
}

.minfluo-product .cate-item.active .txt {
  border-bottom: 0;
  box-sizing: border-box;
  box-shadow: inset 0 -5px 0 #006fd6;
}

.minfluo-product .cate-item > *:first-child {
  position: relative;
  overflow: hidden;
}

.minfluo-product .cate-item.active::before,
.minfluo-product .cate-item.active::after {
  content: none;
  display: none;
}

.minfluo-product .cate-item.active > *:first-child img {
  filter: brightness(28%);
  transition: filter 0.3s ease;
}

.minfluo-product .pic-hover-icons {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  pointer-events: none;
  opacity: 0;
}

.minfluo-product .cate-item.active .pic-hover-icons,
.minfluo-product .cate-item:hover .pic-hover-icons {
  opacity: 1;
}

.minfluo-product .pic-hover-icons::before,
.minfluo-product .pic-hover-icons::after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ff5a00;
  background-repeat: no-repeat;
  background-size: 34px 34px;
  background-position: center center;
  flex-shrink: 0;
}

.minfluo-product .pic-hover-icons::before {
  background-image: url("../images/ask.png");
  animation: cateAskIn 0.36s ease both;
}

.minfluo-product .pic-hover-icons::after {
  background-image: url("../images/loupe.png");
  animation: cateLoupeIn 0.36s ease both;
}

@keyframes cateAskIn {
  0% {
    opacity: 0;
    transform: scale(0.72);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes cateLoupeIn {
  0% {
    opacity: 0;
    transform: scale(0.72);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


/* ===== Minfluo index: advantage ===== */

.minfluo-advantage .adv-top {
  display: grid;
  grid-template-columns: 28% 72%;
  min-height: 470px;
}

.minfluo-advantage .adv-title {
  padding: 118px 11% 60px 16%;
  color: #fff;
  background: #0068bd url("../images/index-adv-bg.jpg") center / cover no-repeat;
}

.minfluo-advantage .adv-title span {
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}

.minfluo-advantage .adv-title span:after {
  content: "";
  position: absolute;
  right: -18px;
  top: 2px;
  width: 10px;
  height: 10px;
  background: #ff8c18;
}

.minfluo-advantage .adv-title h2 {
  margin: 8px 0 56px;
  line-height: 1.2;
}

.minfluo-advantage .adv-title p {
  margin: 0;
  font-size: 17px;
  line-height: 2;
}

.minfluo-advantage .adv-pic {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.minfluo-advantage .adv-pic img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 470px;
  object-fit: cover;
  object-position: center bottom;
}

.minfluo-advantage .adv-card {
  position: relative;
  z-index: 2;
  margin-top: -286px;
  background: #fff;
  box-shadow: 0 18px 38px rgba(16, 70, 105, 0.08);
}

.minfluo-advantage .adv-card li {
  padding: 0;
}

.minfluo-advantage .adv-card .item {
  min-height: 254px;
  padding: 48px 110px 48px 48px;
  background-color: #fff;
}

.minfluo-advantage .adv-card .item.active {
  color: #fff;
  background-color: #007bd7;
}

.minfluo-advantage .adv-card em {
  display: block;
  margin-bottom: 36px;
  font-style: normal;
  font-size: 32px;
  line-height: 1;
  font-weight: 400;
}

.minfluo-advantage .adv-card h3 {
  margin: 0 0 20px;
  line-height: 1.35;
  font-weight: 600;
}

.minfluo-advantage .adv-card p {
  margin: 0;
  color: #333;
  line-height: 1.85;
}

.minfluo-advantage .adv-card .active p {
  color: rgba(255, 255, 255, 0.88);
}

.minfluo-advantage .adv-title {
    background: url("../images/index-adv-title-bg.jpg") center center / cover no-repeat;
}

.minfluo-advantage .adv-card.row > li {
    position: relative;
    background-repeat: no-repeat;
    background-position: right -26%;
    background-size: auto 80%;
}

.minfluo-advantage .adv-card.row > li:nth-child(1) {
    background-image: url("../images/adv-item-01.png");
}

.minfluo-advantage .adv-card.row > li:nth-child(2) {
    background-image: url("../images/adv-item-02.png");
}

.minfluo-advantage .adv-card.row > li:nth-child(3) {
    background-image: url("../images/adv-item-03.png");
}


.minfluo-advantage .adv-card .row > li,
.minfluo-advantage .adv-card .row li,
.minfluo-advantage .adv-card .row > li > a,
.minfluo-advantage .adv-card .row > li > div,
.minfluo-advantage .adv-card .row li > a,
.minfluo-advantage .adv-card .row li > div {
    position: relative;
    background-repeat: no-repeat;
    background-position: right -26%;
    background-size: auto 80%;
}

.minfluo-advantage .adv-card .row > li:nth-child(1),
.minfluo-advantage .adv-card .row li:nth-child(1),
.minfluo-advantage .adv-card .row > li:nth-child(1) > a,
.minfluo-advantage .adv-card .row > li:nth-child(1) > div,
.minfluo-advantage .adv-card .row li:nth-child(1) > a,
.minfluo-advantage .adv-card .row li:nth-child(1) > div {
    background-image: url("../images/adv-item-01.png");
}

.minfluo-advantage .adv-card .row > li:nth-child(2),
.minfluo-advantage .adv-card .row li:nth-child(2),
.minfluo-advantage .adv-card .row > li:nth-child(2) > a,
.minfluo-advantage .adv-card .row > li:nth-child(2) > div,
.minfluo-advantage .adv-card .row li:nth-child(2) > a,
.minfluo-advantage .adv-card .row li:nth-child(2) > div {
    background-image: url("../images/adv-item-02.png");
}

.minfluo-advantage .adv-card .row > li:nth-child(3),
.minfluo-advantage .adv-card .row li:nth-child(3),
.minfluo-advantage .adv-card .row > li:nth-child(3) > a,
.minfluo-advantage .adv-card .row > li:nth-child(3) > div,
.minfluo-advantage .adv-card .row li:nth-child(3) > a,
.minfluo-advantage .adv-card .row li:nth-child(3) > div {
    background-image: url("../images/adv-item-03.png");
}

.minfluo-advantage .adv-card.row > li .item {
    background-repeat: no-repeat;
    background-position: right -26%;
    background-size: auto 80%;
}

.minfluo-advantage .adv-card.row > li:nth-child(1) .item {
    background-image: url("../images/adv-item-01.png");
}

.minfluo-advantage .adv-card.row > li:nth-child(2) .item {
    background-image: url("../images/adv-item-02.png");
}

.minfluo-advantage .adv-card.row > li:nth-child(3) .item {
    background-image: url("../images/adv-item-03.png");
}

.minfluo-advantage .adv-card.row > li,
.minfluo-advantage .adv-card.row > li .item {
    background-position: right -26%;
    background-size: auto 80%;
}

.minfluo-advantage .adv-card.row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.minfluo-advantage .adv-card.row > li {
    display: flex;
    align-items: stretch;
}

.minfluo-advantage .adv-card.row > li .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    min-height: 254px;
}


.minfluo-advantage .adv-card.row > li .item {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: right -26%;
  background-size: auto 80%;
}


.minfluo-advantage .adv-card.row > li:nth-child(1) .item,
.minfluo-advantage .adv-card.row > li:nth-child(2) .item,
.minfluo-advantage .adv-card.row > li:nth-child(3) .item {
  background-position: right -26%;
  background-size: auto 80%;
}

.minfluo-advantage .adv-top {
    min-height: 470px;
    height: auto;
    background-size: cover;
    overflow: hidden;
}

.minfluo-advantage {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible;
}

.minfluo-advantage .container {
    position: absolute;
        left: 50%;
    transform: translate(-50%, -100%);
}

.minfluo-advantage .adv-card.row > li {
    display: flex;
    height: 320px;
}

.minfluo-advantage .adv-card.row > li .item,
.minfluo-advantage .adv-card.row > li > div.item {
    width: 100%;
    min-height: 254px;
    height: 100%;
    overflow: visible;
    background-position: right -26%;
    background-size: auto 80%;
}


/* ===== Minfluo index: news ===== */
.minfluo-news {
  background: #eef8fd url("../images/news-bg.jpg") center bottom / cover no-repeat;
}

.minfluo-news .news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 30px;
  row-gap: 30px;
  overflow: hidden;
}

.minfluo-news .news-grid:empty {
  display: none;
}

.minfluo-news .news-pic {
  min-width: 0;
  overflow: hidden;
}

.minfluo-news .news-pic img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 250px;
  object-fit: cover;
}

.minfluo-news .news-card {
  display: block;
  min-height: 250px;
  padding: 30px;
  background: #fff;
  color: #333;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.minfluo-news .news-card.active {
  color: #fff;
  background: url("../images/news-item-active-bg.jpg") center center / cover no-repeat;
}

.minfluo-news .news-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

.minfluo-news .news-card span {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
}

.minfluo-news .news-card h3 {
  margin: 0 0 28px;
  line-height: 1.65;
  font-weight: 600;
}

.minfluo-news .news-card p {
  margin: 0 0 34px;
  color: #333;
  line-height: 1.8;
}

.minfluo-news .news-card.active p {
  color: rgba(255, 255, 255, 0.86);
}

.minfluo-news .news-card .news-card-em {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  font-style: normal;
  background: #eee;
}

.minfluo-news .news-card .news-card-em em {
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/arrow.png") center center / contain no-repeat;
  color: transparent;
  font-style: normal;
  line-height: 1;
  text-indent: -9999px;
  transform: rotate(-45deg);
  transform-origin: center center;
}

.minfluo-news .news-card.active .news-card-em {
  background: #ff8c18;
}

.minfluo-news .news-card.active .news-card-em em {
  background-image: url("../images/arrow-w.png");
}

.minfluo-news .news-card .news-card-em,
.minfluo-news .news-card .more,
.minfluo-news .news-card .more i,
.minfluo-news .news-card .more img,
.minfluo-news .news-card .more svg {
  transform: none;
}

.minfluo-news .news-card .news-card-em em,
.minfluo-news .news-card .more em,
.minfluo-news .news-card > em {
  display: inline-block;
  transform: rotate(-45deg);
  transform-origin: center center;
}

.minfluo-news .news-card > em {
  transform: none;
}

.minfluo-news .news-card > .news-card-em em {
  transform: rotate(-45deg);
}


.minfluo-news .news-card .news-card-em em{
  display: inline-block;
  transform: rotate(-45deg);
  transform-origin: center center;
}


/* ===== Inner pages: banner ===== */
.banner .banner-txt span {
  margin-bottom: 12px;
  font-family: "ITCAvantGardeStd-Md", Arial, sans-serif;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 400;
}

.banner .banner-txt h2 {
  line-height: 1.2;
  font-weight: 500;
}

.banner .profile-title-line {
  position: relative;
  display: block;
  width: 58px;
  height: 5px;
  margin-top: 26px;
  background: #0068bd;
}

.banner .profile-title-line:after {
  content: "";
  position: absolute;
  left: calc(100% + 8px);
  top: 0;
  width: 5px;
  height: 5px;
  background: #ff8c18;
}


/* ===== CoProfile: common ===== */
.profile-page {
  background: #fff;
}

.profile-page .section {
  padding: 45px 0;
}

.profile-page .sec-ti h2 {
  position: relative;
  display: inline-block;
  margin: 0;
  color: #0068bd;
  line-height: 1.2;
  font-weight: 700;
}

.profile-page .sec-ti h2:after {
  content: "";
  position: absolute;
  right: -18px;
  top: 4px;
  width: 10px;
  height: 10px;
  background: #ff8c18;
}

.profile-vision-copy .sec-ti h3 {
  margin: 0 0 8px;
  line-height: 1.25;
}

.profile-about {
  background: #fff;
}

.profile-page .profile-about .about-con {
  display: flex;
  align-items: flex-start;
}

.profile-about .about-con > .col-md-6:first-child {
  padding-left: 0;
}

.profile-about .about-con > .col-md-6:last-child {
  padding-right: 0;
}

.profile-about .pic {
  padding-right: 0;
}

.profile-about .pic img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 560 / 372;
  object-fit: cover;
  background: #e6eef4;
}

.profile-about .txt p {
  margin-bottom: 12px;
  color: #333;
  line-height: 2;
}

.profile-cert-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 44px;
  margin-top: 36px;
}

.profile-cert-item {
  display: flex;
  align-items: center;
  min-width: 0;
}

.profile-cert-item img {
  display: block;
  width: 62px;
  height: 62px;
  margin-right: 22px;
  object-fit: contain;
}

.profile-cert-item strong,
.profile-cert-item span {
  display: block;
  color: #333;
  line-height: 1.45;
}

.profile-cert-item strong {
  font-size: 20px;
  font-weight: 500;
}

.profile-cert-item span {
  font-size: 18px;
}


/* ===== CoProfile: solutions ===== */
.profile-solutions {
  background: #f4f4f4;
}


.profile-solution-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 308px;
  overflow: hidden;
  background: #fff;
}

.profile-solution-media {
  min-width: 0;
  min-height: 0;
  background: #dcebf7;
}

.profile-solution-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution-media-top {
  grid-column: 1 / span 2;
}

.solution-media-bottom {
  grid-column: 3 / span 2;
}

.profile-solution-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 64px 77px;
  background: #fff;
  color: #333;
}

.profile-solution-card .solution-title {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

.profile-solution-card .solution-title img {
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 14px;
  object-fit: contain;
}

.profile-solution-card h4 {
  margin: 0;
  color: #0068bd;
  line-height: 1.35;
  font-weight: 600;
}


.profile-solution-card li {
  position: relative;
  margin-bottom: 9px;
  padding-left: 18px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
}

.profile-solution-card li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border: 2px solid #ff8c18;
  border-radius: 50%;
  background: transparent;
}

.solution-card-orange li:before {
  border-color: #fff;
}

.solution-card-blue li:before {
  border-color: #fff;
}

.profile-solution-card p {
  margin: 0;
  color: #333;
  line-height: 1.7;
}

.solution-card-blue {
  background: #0068c9;
  color: #fff;
}

.solution-card-blue h4,
.solution-card-blue li,
.solution-card-blue p,
.solution-card-orange h4,
.solution-card-orange li,
.solution-card-orange p {
  color: #fff;
}

.solution-card-orange {
  background: #ff8716;
  color: #fff;
}


/* ===== CoProfile: vision ===== */
.profile-vision {
  background: #fff;
}

.profile-vision-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.12fr);
  gap: 54px;
  align-items: center;
}

.profile-vision-copy .sec-ti {
  margin-bottom: 16px;
}

.profile-vision-copy .sec-ti h3 {
  margin: 0 0 8px;
  line-height: 1.25;
}

.profile-vision-copy .sec-ti h2 {
  line-height: 1.28;
}

.profile-vision-copy .sec-ti h2 br {
  display: none;
}

.profile-vision-copy h4 {
  margin: 18px 0 38px;
  color: #333;
  line-height: 1.4;
  font-weight: 500;
}

.profile-vision-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 22px;
  color: #333;
  font-size: 18px;
  line-height: 1.7;
}

.profile-vision-list em {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 2px 22px 0 0;
  border-radius: 50%;
  background: #ff8c18;
  color: #fff;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}

.profile-vision-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  background: #fff;
}

.vision-card,
.vision-photo,
.vision-empty {
  min-height: 238px;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}

.vision-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  text-align: center;
}

.vision-card strong {
  display: block;
  margin-bottom: 8px;
  color: rgba(0, 104, 189, 0.22);
  font-family: "ITCAvantGardeStd-Md", Arial, sans-serif;
  font-size: 40px;
  line-height: 1;
}

.vision-card h4 {
  margin: 0 0 18px;
  color: #0068bd;
  line-height: 1.3;
  font-weight: 600;
}

.vision-card p {
  margin: 0;
  color: #333;
  line-height: 1.75;
}

.vision-photo {
  background: #dcebf7;
}

.vision-empty {
  background: #fff;
  border-right: 0;
  border-bottom: 0;
}

.vision-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}