﻿@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900');
body {
	font-family:"Noto Sans SC", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html, body {
    background:#ffffff;
    overflow-x:hidden;
    font-size: 14px;
    scroll-behavior: smooth;
}
body.reside {
    overflow-y:hidden;
}

h3{
    font-size: 18px;
    font-weight: bold;
}
h4{
    font-size: 16px;
}

.common-space {
    height: 100px;
    clear: both;
}
a {
    color:#9B9B9B;
}
a:hover {
   text-decoration:none;
}
.huibg {
    background: transparent !important;
}

.mvh-100{
    min-height:100vh;
}
.bg-main { background-color:#004d85;}

.head .dropdown-menu{
    left:auto;
    right:0;
}
.bg-light {
    background-color: hsl(231, 33%, 96%) !important;
}
.bg-dark {
    background-color: #000000 !important;
    padding-top: inherit !important;
}
.bg-interface {
    background-color: transparent !important;
    padding-top: inherit !important;
}
.bg-interface.top-dark {
    padding-top: 38px !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
    font-size:15px;
    font-weight:500;
    line-height:25px;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: hsl(0, 0%, 100%);
}
.product_list .card {
    height:220px;
    overflow:hidden;
    box-shadow:0px 24px 46px 0px rgba(228,228,228,0.15);
    border-radius:10px;
}
.dash-widget-header {
    align-items: center;
    display: flex;
    margin-bottom: 15px;
}
.dash-widget-icon {
    align-items: center;
    border-radius: 4px;
    color: hsl(0, 0%, 100%);
    display: inline-flex;
    font-size: 1.875rem;
    height: 50px;
    justify-content: center;
    line-height: 48px;
    text-align: center;
    width: 50px;
    border-radius:50px;
}
.dash-count {
    font-size: 18px;
    margin-left: auto;
    color:rgba(0,0,0,0.1);
}
.section-header {
    min-height: 420px;
    height: 420px;
    max-height: 420px;
    position: relative;
}
.bg-main {
    /*background: url(../img/bg.jpg) no-repeat center bottom;*/
}
iframe.embed-responsive-item{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index:666;
}
a.back-to-top{display:none;position:fixed;bottom:62px;z-index: 6;right:15px;text-decoration:none}
a.back-to-top i{
    display:block;
    font-size:22px;width:58px;height:59px;line-height:59px;color:#fff;background:url("../images/ico-top.png") no-repeat;
    text-align:center;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}
a.back-to-top:focus,a.back-to-top:hover{text-decoration:none}
.bg-main .banner-img {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -917px;
}
@media screen and (max-width:414px){
    .bg-main .banner-img {
        margin-left: -550px;
    }
}
@media screen and (max-width:320px){

    .bg-main .banner-img {
        margin-left: -500px;
    }
}
@media screen and (min-width:321px) and (max-width:375px){

    .bg-main .banner-img {
        margin-left: -522px;
    }
}
@media (min-width: 768px) {
    .bg-main .banner-img {
            margin-left: -705px;
    }
}
@media screen and (min-width:992px){
#products,
#brand,#about{scroll-margin-top: 172px;}
    #health{scroll-margin-top: 239px;}
    .bg-main .banner-img {
            margin-left: -823px;
    }
}
@media (min-width: 1200px) {
    .bg-main .banner-img {
            margin-left: -917px;
			
    }
}
.btn-title{
    padding:13px 0;
}
.title_inte {
    position:absolute;
        top: -71px;
    right: 0;
}
.section-scaled .btn-title{
    border-radius:30px;
    opacity:0.5;
    border:2px solid rgba(255,255,255,1);
    padding:13px 45px;
    margin-left:auto;
    color:#FFFFFF;
    font-size:24px;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:33px;
}
.section-scaled {
    margin: -75px 0px 45px;
    border-radius: 10px 10px 0 0;
    position:relative;
}
@media screen and (min-width: 768px) {
   
}
.md-logo {
    width: 100px;
    display: inline-block;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    
.md-logo {
    width: auto;
    display: inherit;
    overflow: hidden;
}
}
.index_list .item {
    background:rgba(255,255,255,1);
    box-shadow:0px 24px 46px 0px rgba(240,241,245,1);
    border-radius:14px;
}
.img-fit {
    width:100%;
    height:100%;
   object-fit: cover;
}

@media (min-width: 768px) {
::-webkit-scrollbar {
    width: 5px; /*对垂直流动条有效*/
    height: 10px; /*对水平流动条有效*/
}
::-webkit-scrollbar-track{
            background-color:transparent;
        }
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ccc;
}
    .pc {
        display:none;
    }
.font64 {
    font-size:32px;
    color:#fff;
}
.banner_title .title1 {
    font-size: 45px;
}
}
@media (min-width: 1200px) {
.font64 {
    font-size:64px;
    color:#fff;
}

.banner_title .title1{
     position:relative;
     font-size:90px;
    font-weight:normal;
    color:rgba(55,115,200,0.5);
    line-height:113px;
    margin-bottom:35px;
}
}
.text-ls {
    color:#00C4FF;
}
.section-scaled.index_list {
    margin: -66px 0px 0px;
    border-radius: 10px 10px 0 0;
    z-index: 2;
}

.navbar-Design {
    padding-top:28px
}
.bg-dark.top-dark {
   padding-top: 19px !important;
    padding-bottom: 19px !important;
}
.index .navbar-Design {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    background: #ffffff;
    height: var(--height);
}
body{
    --height:172px;
    padding-top: var(--height);
}
@media (max-width: 991.98px) {
    body{--height:84px;}
    #products,
    #brand,#about, #health{scroll-margin-top: var(--height);}
    .md-logo img{height: 40px;}
    .navbar-dark .navbar-toggler-icon{

    }
    .bg-dark.top-dark {
     padding-top: 0 !important; 
    padding-bottom: inherit !important;
}
    .section-box {
    margin-top: 135px !important;
}
.bg-interface.top-dark {
    padding-top: 0 !important;
}
  #form-signin   .offcanvas-collapse {
      background:#000000;
      display: flex;
    justify-content: center;
    align-items: flex-end;
    }
  .navbar-Design ,.index .navbar-Design{
    padding: 15px 1rem;
}
    .md-logo img{
        width:100%;
    }
  .bg-interface {
    padding-top: 0;
    background-color: hsl(205, 100%, 25%) !important;
}
.navbar-Design .navbar-nav .nav-item{
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}
}
.navbar-Design .navbar-nav .nav-link{
    font-weight:400;
    color:#5B5B5B !important;
    line-height:28px;
    padding: 0 40px;
    border:1px solid transparent;
        position: relative;
}
.navbar-Design .navbar-nav .nav-item.active,.navbar-Design .navbar-nav .nav-link:hover{
    border-radius:4px;
    color:#0085C9 !important;
}
.navbar-Design .navbar-nav .nav-item.active a:after,.navbar-Design .navbar-nav .nav-link:hover a:after{
    position: absolute;
    content: "";
    display: block;
    height: 5px;
    width: 40%;
    margin: 0 auto;
    bottom: 0;
    z-index: 0;
    background: #fff;
}
.banner_title{
     position:relative;
}
.banner_title .title1 {
    color: rgba(55,115,200,0.5);
}
.banner2 .banner_title .title1 {
    color: rgba(255,255,255,0.5);
}
.btn-secondary {
    border-radius:10px;
}
 .mb-group {
        margin-bottom:25px !important;
    }
    .mb-group-end {
        margin-bottom:5px !important;
    }
@media (min-width: 992px) {
.navbar-Design{
     transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

    .h-md-100 {
        height:100%;
    }   
.navbar-dark .navbar-nav .nav-link {
    padding-left: 25px;
    padding-right: 25px;
}
    .section-box {
        margin-top:173px !important;
    }
.banner_title .title1{
     position:relative;
    font-weight:normal;
    color:rgba(55,115,200,0.5);
    line-height:113px;
    margin-bottom:35px;
}
.banner_title .title2{
     position: absolute;
    bottom: -21px;
    left: 0;
    right: 0;
}
.banner2 .banner_title .title2{
   transform: scale(1.7);
}
.navbar-Design .navbar-nav .nav-link{
    font-size:18px;
    font-family: Arial;
    position:relative;
    display: flex;
    color: #5B5B5B;
    justify-content: center;
}

.navbar-Design .btn {
    font-size:20px;
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:28px;
}
    .text-a {
        font-size:18px;
        font-weight:400;
        color:rgba(204,203,203,1);
        line-height:25px;
        margin-top: 35px;
    }
 

}
.navbar-Design .navbar-nav .nav-link.active{
    color:#D1B05E;
}




.swiper-product img{
    border: 2px solid #333333;
}
.swiper-product{
   padding-right:90px;
   padding-left:90px;
        position: relative;
}
.swiper-product .swiper-container{

}
.swiper-product .swiper-wrapper{

}
.swiper-product .swiper-button-next,.swiper-product .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 56px;
    height: 181px;
    background-color: #496BF2;
    margin-top: -90px;
}
.swiper-product .swiper-button-next,.swiper-product  .swiper-container-rtl .swiper-button-prev{
   background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-product .swiper-button-prev,.swiper-product  .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

}
.footer {
   background: #282828;
}
@media (min-width: 992px) {

        .footer h3 {
            margin-bottom: 1.25vw;
        }

            .footer h3 span {
                font-size: 1.4583vw;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 1.3541vw;
                border-bottom: 1px solid #ffffff;
                padding-bottom: 0.7291vw;
                display: inline-block;
            }

        .footer p {
            font-size: 1.09375vw;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 1.3541vw;
            margin-bottom: 0.5208vw;
        }
}
@media (max-width: 768px) {
    .swiper-product {
        padding:0;
    }
    .section-scaled.index_list {
    margin: -40px auto 0px 15px;
}
      .swiper-product .swiper-button-next, .swiper-product .swiper-button-prev{
            display:none;
        }

   .footer {
    background: #333333;
    color: #fff;
    padding: 40px 15px;
}
   .footer p{
    font-size: 14px;
    margin-bottom: 0;
}
    .germdir {
        margin-top:0;
    }
}

#preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999;background-color:rgba(0,0,0,.4)}

.loader{position:relative;top:50%;margin:0 auto;width:50px;height:50px;border-radius:100%}

#loader-1:after,#loader-1:before{position:absolute;top:-10px;left:-10px;width:100%;height:100%;border:7px solid transparent;border-radius:100%;content:"";border-top-color:#003091}

#loader-1:before{z-index:100;animation:spin 1s infinite}

#loader-1:after{border:7px solid #f2f2f2}

@keyframes spin{0%{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg)}

}
.form-group {
    position:relative;
}

html {
}
body.shown {
    overflow-y: hidden;
    position: relative;
}
.btn-width {
    min-width: 16rem;
    margin: 0 auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.installexample {
    
}
.row-10 div[class*="col"] {
    margin-bottom: 15px;
}
/**news*/
img{max-width: 100%;}
.search-btn{background: transparent;outline: 0;border: none;}
.search-btn:hover.search-btn:focus,.search-btn:active{outline: 0;border: none;}
.navbar .container{align-self: flex-end;padding-bottom: 20px;}
.offcanvas-collapse{align-items: flex-end;align-self: flex-end;}
.navbar-nav-btn{margin-bottom: 24px;}
.navbar-nav-btn .line{width: 1px; height: 29px;margin: 0 11px;}
.navbar-nav-btn .nav-link{font-size: 21px !important;padding: 0 !important;}
.logo-txt{color: #002052;font-size: 17px;    align-self: flex-end;}
.section-banner{}
.section-banner img{width: 100%;}
.section-product{margin-top: -75px;}
.product-item{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.product-list{
    position: relative;
    background: #FD6A03;
    padding-top: 2px;
}
.product-list ._img{}
.product-list ._img img{display: block;width: 100%;}
.product-list ._info{
    background: #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    position: absolute;
    left: 0;
    right: 0;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    font-weight: 400;
    font-size: 21px;
    color: #083791;
}
.product-list .ico-title{height: 28px;width: auto;}
.product-list.two ._info{gap: 30px;}
.product-list.three ._info{color: #FD6A03;gap: 30px;}
a{outline: 0;}
@media (min-width: 1200px) {
    .container {
        max-width: 1380px;
    }
}
.section-brand{
    padding-top: 67px;
    padding-bottom: 165px;
}
.brand-item{
    display: grid;
    gap: 35px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.brand-list{}
.brand-list h3{
    font-weight: bold;
    font-size: 20px;
    color: #083791;
    line-height: 27px;
    margin: 0 0 6px 0;
}
.brand-list h2{
    font-weight: bold;
    font-size: 21px;
    color: #083791;
    margin: 0 0 23px 0;
}
.brand-list p{
    font-weight: 300;
    font-size: 16.8px;
    color: #727E91;
    line-height: 29px;
}
.brand-list ._img{
    margin-bottom: 35px;
}
.brand-list .brand-top h2{
    font-weight: 400;
    font-size: 32px;
    color: #083791;
    margin: 0 0 27px 0;
}
.brand-list ._more{
    font-weight: 400;
    font-size: 18px;
    display: flex;
    align-items: center;
    color: #FD6A03;
}
.brand-list ._more:after{
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../images/more2.png") no-repeat;
    margin-left: 40px;
}
._br{display: block;}
.pro-more{
    display: flex;
    --bg:#191D6A;
}
.pro-more a{
    display: flex;
    max-width: content-box;
    align-items: center;
    background: var(--bg);
    border-radius: 10px;
    height: 50px;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    padding: 0 8px 0 17px;
}
.pro-more a:after{
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background: url("../images/more1.png") no-repeat;
    margin-left: 7px;
}
.section-health{
    min-height: 794px;
    background-image: url('../images/health-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /*background-attachment: fixed;*/
}
.health-nav{
    background: #191D6A;
    max-width: 546px;
    padding: 25px 24px 57px 16px;
    margin-top: -67px;
    border-top: 2px solid #FD6A03;
}
.health-nav h3{
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 27px;
    margin: 0 0 8px 0;
}
.health-nav h2{
    font-weight: 400;
    font-size: 32px;
    color: #FFFFFF;
    margin: 0 0 57px 0;
}
.health-ul{margin: 0;padding: 0;list-style: none;}
.health-li{
    position: relative;
    margin-bottom: 60px;
}
.health-li:after{
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 5px;
    display: block;
    background: url("../images/hr.png") no-repeat;
}
.health-li ._link{
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    padding: 8px 0;
    display: flex;
}
.health-li ._link:after{
    margin-left: auto;
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background: url("../images/more2.png") no-repeat;
    align-self: center;
}
.health-more{--bg: #FD6A03;}
.section-about{
    padding: 97px 0 104px;
}
.section-about .container{display: flex;}
.about-side{
    max-width: 264px;
    flex-shrink: 0;
}
.about-side h3{
    margin: 0 0 46px 0;
}
.about-side h3 ._en{
    font-weight: bold;
    font-size: 20px;
    color: #083791;
    line-height: 27px;
    margin-bottom: 8px;
}
.about-side h3 ._ch{
    font-weight: 400;
    font-size: 32px;
    color: #083791;
}
.about-side h2{
    font-weight: bold;
    font-size: 55px;
    color: #191D6A;
    line-height: 76px;
    margin: 0 0 150px 0;
}
.about-item{
    margin-left: auto;
    display: grid;
    grid-template-columns: 405px 405px;
}
.about-list{
    background: rgba(177, 183, 195, .3);
    padding: 54px 37px;
    position: relative;
}
.about-list >img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 100%;width: 100%;object-fit: cover;}
.about-list h4{
    font-weight: bold;
    font-size: 24px;
    color: #191919;
    margin: 0 0 20px 0;
}
.about-list p{
    font-weight: 400;
    font-size: 18px;
    color: #6A6B6D;
}
.about-more{-bg:#191D6A;max-width: 100%;}
.about-more > a{width: 100%;justify-content: space-between;}

.section-auth{
    padding: 43px 0 68px;
    min-height: 615px;
    background-image: url('../images/auth.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /*background-attachment: fixed;*/
}
.auth-side{}
.auth-side h3{
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 27px;
    margin: 0 0 10px 0;
}
.auth-side h2{
    font-weight: 400;
    font-size: 32px;
    color: #FFFFFF;
    margin: 0 0 70px 0;
}
.auth-side img{margin-bottom: 40px;}
.auth-more{--bg:#FD6A03;min-width: 240px;}
.auth-more > a{min-width: 240px;justify-content: space-between;}
button:focus{outline:0 !important;}
.footer-wrap{
    padding: 40px 5.31% 0;

}
.footer-top{
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 23px;
}
.footer-inner{
    border-top: 1px solid #6A6B6D;
    border-bottom: 1px solid #6A6B6D;
    display: flex;
    padding: 25px 21px 22px 87px;
}
.footer-inner ._img{}
.footer-inner ._info{
    margin-left: auto;;
}
.footer-contact{
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 36px;
    padding-top: 43px;
}
.footer-contact h4{
    font-weight: 400;
    font-size: 16px;
}
.footer-contact p{font-size: 30px}
.footer-box{display: flex;gap: 20px;}
.footer-box > a{
    font-weight: 300;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 36px;
}
._qrcode{
    display: flex;
    gap: 10px;
    margin-left: auto;
}
.qrcode-list{}
.qrcode-list > img{margin-bottom: 8px;}
.qrcode-list > p{text-align: center;font-size: 16px;}
.cc{
    display: flex;
    justify-content: center;
    gap: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 29px;
    padding: 17px 0 16px;
}
.brand-list:not(.brand-top){padding-top: 40px;}
@media screen and (min-width:992px) and (max-width:1200px){
    .navbar-Design .navbar-nav .nav-link{font-size: 16px;padding: 0 15px;}
    .product-list ._info{font-size: 16px;}
    .about-side h2{font-size: 34px;line-height: 1.5;}
    .about-more > a{font-size: 16px;}
    .about-side{padding-right: 20px;}
    .footer-inner{padding: 25px 20px 22px 20px;}
    .footer-box {gap: 10px;}
    .footer-box > a{font-size: 16px;}
    .brand-list ._img{margin-bottom: 15px;}
    .brand-list h2{font-size: 18px;margin-bottom: 15px;}
    .brand-list p{font-size: 16px;line-height: 24px;}
    .brand-list h3{font-size: 16px;line-height: 1;}
    .brand-list.brand-top h2{font-size: 16px;line-height: 1;}
    .pro-more a,
    .brand-list ._more{font-size: 16px;}
    .brand-list ._more:after,
    .health-li ._link:after{width: 16px;height: 16px;background-size: contain;}
    .health-li ._link{font-size: 16px;}
    .health-li{margin-bottom: 30px;}
    .about-item{    grid-template-columns: 315px 315px;}
    .about-list p{font-size: 16px;}
    .about-list h4{font-size: 16px;}
}
@media (max-width: 991.98px) {
    .navbar-Design .navbar-nav .nav-link{color: #ffffff !important;}
    .search-btn img{filter: invert(1)}
    .section-product{margin-top: 40px;}
    .product-item{display: block;}
    .product-list{background: transparent;border-top: 2px solid #FD6A03;padding-top: 0;}
    .product-list .ico-title{display: block;}
    .product-list ._info{display: block;height: auto;padding: 8px;}
    .brand-item{
        grid-template-columns:1fr;
    }
    .section-about .container{display: block;}
    .section-auth{background: #0b1370;}
    .about-item{display: flex;flex-wrap: wrap;}
    .about-item .about-list:nth-child(1){order: 1;}
    .about-item .about-list:nth-child(2){order: 2;}
    .about-item .about-list:nth-child(3){order: 4;}
    .about-item .about-list:nth-child(4){order: 3;}
    .about-list{padding: 0;}
    .about-list >img{position: relative}
    .about-list h4{padding:20px 15px 0px;}
    .about-list p{padding: 10px 20px;}
    .footer-inner{display: block;padding: 0 0 20px;}
    .footer-inner > ._img  img{ display: none;}
    .footer-box{gap: 5px;}
    .footer-top,
    .footer-contact,
    .footer-box > a,
    .cc{font-size: 16px;flex-wrap: wrap;gap: 10px;}
    .footer-contact p,
    .auth-side h2,
    .health-nav h2{font-size: 24px;}
    .auth-side h3,
    .health-nav h3{font-size: 18px;}
    .footer-contact{margin-bottom: 15px;padding-top: 20px;}
    a.back-to-top i{width: 38px;height: 38px;background-size: contain;background-repeat: no-repeat;}
    .auth-side img{margin: 0 auto 40px;}
    .auth-more{margin: 0 auto;text-align: center;justify-content: center;}
    .pro-more a{font-size: 16px;}
    .auth-side{text-align: center;}
    .about-list h4{font-size: 18px;margin: 0;}
    .about-list p{font-size: 16px;}
    .about-side h3 ._en{font-size: 18px;}
    .about-side h3 ._ch{font-size: 24px;}
    .about-side h2{font-size: 16px;line-height: 1;margin-bottom: 40px;}
    .about-side{margin: 0 auto 40px;text-align: center;}
    .about-side h3{margin-bottom: 16px;}
    ._br{display: none;}
    .health-nav{text-align: center;}
    .fa-angle-up:before{display: none;}
    .health-li ._link{font-size: 16px;}
    .health-li,
    .health-nav h2{margin-bottom: 40px;}
    .pro-more{justify-content: center;}
    .section-health{min-height: 0;}
    .health-li ._link:after{width: 16px;height: 16px;background-size: contain;}
    .brand-list p,
    .brand-list ._more{font-size: 16px;line-height: 24px;}
    .brand-list h2{font-size: 18px;margin-bottom: 15px;}
    .brand-list ._more:after{width: 16px;height: 16px;background-size: contain;}
    .brand-list ._img{margin-bottom: 15px;}
    .brand-list h3{font-size: 18px;}
    .brand-list.brand-top h2{font-size: 24px;}
    .brand-top{text-align: center;}
    .brand-list p{text-align: left;}
    .product-list ._info{font-size: 16px;text-align: center;}
    .product-list .ico-title{margin: 0 auto;}
    .logo-txt{display: none;}
}