@font-face {
    font-family: Museo100;
    src: url('../Fonts/MuseoSans-100.otf');
}

@font-face {
    font-family: Museo300;
    src: url('../Fonts/MuseoSans-300.otf');
}

@font-face {
    font-family: Museo500;
    src: url('../Fonts/MuseoSans_500.otf');
}

@font-face {
    font-family: Museo700;
    src: url('../Fonts/MuseoSans_700.otf');
}

html,
body {
    font-size: 10px;
    width: 100%;
    overflow-x: hidden;
}

* {
    font-family: Museo300, 'MuseoSans-300', 'Arial', 'sans-serif', Helvetica;
    box-sizing: border-box;
    color: #58595B;
    line-height: 1.2;
}

ul,
ol {
    list-style: none;
}

.clearfix {
    clear: both;
}

.container-fluid{
    max-width: 176rem;
}

/* home */

#home-img {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
}

#header button{
    border: none;
    outline: none;
    background-color: transparent;
}

#header{
    background-color: #ffffff;
}

#header ul>li {
    width: auto;
    position: relative;
}

#header ul li a{
    display: inline-block;
    text-decoration: none;
    color: #58595B;
    font-family: Museo300, 'MuseoSans-300', 'Arial', 'sans-serif', Helvetica;
}

#header ul li a h4{
     color: #004D9B;
     font-family: Museo700, 'MuseoSans-700', 'Arial', 'sans-serif', Helvetica;
 }

#header ul li a:hover{
    text-decoration: none;
}

 #header ul li i{
     display: block;
     width: 0;
     position: relative;
     background-color: #ffffff;
     transition: .3s;
}

#header ul li ol{
     position: absolute;
     display: none;
     z-index: 9;
     background: #E6E7E8;
}

#header ul li ol li{
    margin: 1rem 0;
    transition: .3s;
}

#header ul li:hover i{
     background-color: #004D9B;
     width: 100%;
 }

 #header ul li select{
     position: absolute;
 }

 #header ul li:hover ol{
     display: block;
 }
 
 #header ul li:hover select{
     display: block;
 }

 .showMore span{
     color: #004D9B;
 }

footer {
    background-color: #E6E7E8;
}

footer .footer {
    margin: 0 auto;
}

footer .footer .footer-item h4 a {
    color: #38353B;
    font-family: Museo700, 'MuseoSans-700', 'Arial', 'sans-serif', Helvetica;
    font-weight: 700;
}

footer .footer .footer-item h4 a,
footer .footer .footer-item h4 a:hover {
    text-decoration: none;
}

footer .footer .footer-item i {
    color: #38353B;
}

footer .footer hr {
    background-color: #38353B;
    height: 2px;
}

.footer-bt-left span{
    cursor: pointer;
}

.serv_item1_item li,
.serv_item2_item li{
    margin: 1.3rem 0;
}

@media screen and (min-width: 320px) and (max-width: 575px) {
    * {
        font-size: 1.9rem;
    }
    html,
    body {
        padding: 0!important;
    }
    #header{
        max-width: 176rem;
        height: 8.5rem;
        padding-top: 1.5rem;
        background-color: #ffffff;
    }
 
    #header .logo{
        width: 28.3rem;
     }
 
     #header button img{
         width: 3rem;
     }

    #header ul>li {
        width: auto;
        height: 8.5rem;
        line-height: 8.5rem;
        position: relative;
        padding: 0 1.5rem;
    }
 
    #header ul li a{
        font-size: 2rem;
    }
 
    #header ul li a h4{
         font-size: 1.8rem;
     }
 
    #header ul li a:hover{
        text-decoration: none;
    }
 
    #header ul li.lang a img{
        width: 2.5rem;
    }
 
    #header ul li select{
        display: none;
        border: none;
    }
 
     #header ul li i{
         display: block;
         width: 0;
         height: 0.3rem;
         top: -4rem;
         transition: .3s;
    }
 
    #header ul li ol{
         display: none;
         z-index: 9;
         width: 43rem;
         top: 10.5rem;
         padding: 3rem;
    }
 
    #header ul li ol li{
        margin: 1rem 0;
        transition: .3s;
    }
 
    #header ul li:hover i{
         background-color: #004D9B;
         width: 100%;
     }
 
     #header ul li select{
         top: 10.5rem;
         z-index: 99;
         padding: 1rem;
     }
 
     #header ul li:hover ol{
         display: block;
     }
     
     #header ul li:hover select{
         display: block;
     }

     .menu-icon{
         display: block;
     }

     #fix-header .modal .modal-content ul > li.lang div{
        width: 10.6rem;
        height: 4.0rem;
        line-height: 4.0rem;
        padding: 0 0.5rem;
     }

     #fix-header .modal .modal-content ul > li.lang img{
        width: 2.5rem;
     }
    
     #fix-header .modal .modal-content{
        padding: 1.5rem 0 1.5rem 0;
     }

     #fix-header .modal .modal-content ul > li{
         padding: 0 1.5rem 0 1.5rem;
         margin: 1.3rem 0;
     }

     #fix-header .modal .modal-content ul > li.services{
         padding: 0;
     }

     #fix-header .modal .modal-content ul > li.services>a{
         padding: 0 1.5rem;
     }

     #fix-header .modal .modal-content ul > li.lang div{
        border: .1rem solid #004D9B;
        border-radius: 0.5rem;
    }
   
    #fix-header .modal .modal-content ul > li.lang div select,
    #fix-header .modal .modal-content ul > li.lang div select option{
       font-size: 1.8rem;
       font-family: Museo700, 'MuseoSans-700', 'Arial', 'sans-serif', Helvetica;
       font-weight: 700;
       border:none;
       outline: none;
       background-color: transparent;
       color: #004d98;;
    }
   
    #fix-header .modal .modal-content ul{
       padding-left: 0;
   }
   
   #fix-header .modal .modal-content ul > li >ol >li >ol{
       padding-left: 0;
   }
   
   #fix-header .modal .modal-content ul > li >ol{
       padding: 1.5rem 1.5rem 1.5rem 4rem;;
       background: #D0CDCD;
       
   }
   
   #fix-header .modal .modal-content ul > li a h4{
       font-size: 2.4rem;
       font-family: Museo700, 'MuseoSans-700', 'Arial', 'sans-serif', Helvetica;
       font-weight: 700;
       color: #004D9B;
   }
   
   #fix-header .modal .modal-content ul > li >ol>li{
       margin: 1.3rem 0;
   }
   
   #fix-header .modal .modal-content ul > li >ol li a{
       font-size: 1.7rem;
       color: #58595B;
   }
   
   #fix-header .modal .modal-content ul > li >ol li a h5{
       font-size: 2.1rem;
       font-family: Museo700, 'MuseoSans-700', 'Arial', 'sans-serif', Helvetica;
       font-weight: 700;
       color: #004d98;
   }
   
   #fix-header .modal .modal-content ul > li >ol li a.active h5{
       color: #58595B;;
   }
   
   #fix-header .modal .modal-content{
        background-color: #E6E7E8;
    }
   
    #fix-header .modal .modal-content ul > li a,
    #fix-header .modal .modal-content ul > li a:hover{
        text-decoration: none;
    }

    #home-banner {
        background-image: url(./../image/services/phone/banner.png);
        background-size: auto;
        background-position: top;
        background-attachment: local!important;
    }
    #home-banner .banner-content {
        max-width: 176rem;
        min-height: 23.6rem;
        max-height: 30rem;
    }
    #home-banner h2 {
        font-size: 3rem;
        max-width: 22rem;
        line-height: 1;
        position: relative;
        top: -3rem;
    }
    #home-banner p {
        position: relative;
        top: -3rem;
    }
    #home-banner p a {
        font-size: 1.0rem;
    }
    #home-banner p a::before {
        width: 4rem;
        height: 0.1rem;
    }
    footer .footer {
        max-width: 176rem;
    }
    footer .footer .footer-top-right {
        padding-top: 3rem;
    }
    footer .footer .footer-item h4 a {
        font-size: 1.6rem;
    }
    footer .footer .footer-item .contact a {
        font-size: 2rem;
    }
    footer .footer .footer-item .contact {
        margin-bottom: 4.5rem;
    }
    footer .footer .footer-member {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important;
    }
    footer .footer .footer-item h4 {
        margin-bottom: 1.5rem;
    }
    footer .footer .footer-item i {
        font-size: 1.5rem;
        margin-right: 1rem;
    }
    footer .footer .footer-item {
        align-items: baseline;
    }
    footer .footer .footer-bottom span {
        font-size: 0.9rem;
    }
    .footer-bt-right {
        text-align: right;
    }
    footer .footer .footer-logo {
        max-width: 15.5rem;
        margin: 2rem 0;
    }
    footer .footer .sgs {
        max-width: 17.9rem;
    }
    footer .footer .membership {
        max-width: 9.4rem;
    }
    footer .footer hr {
        height: 1px;
    }
    .ds-sm-block {
        display: block;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    html {
        padding: 0!important;
        overflow-x: hidden;
    }
    * {
        font-size: 1.7rem;
    }
    /* home */
    #header{
        max-width: 176rem;
        height: 10.5rem;
        background-color: #ffffff;
    }
 
    #header .logo{
        width: 42rem;
     }
 
     #header button img{
         width: 5rem;
     }

    #header ul>li {
        width: auto;
        height: 10.5rem;
        line-height: 10.5rem;
        position: relative;
        padding: 0 1.5rem;
    }
 
    #header ul li a{
        font-size: 2rem;
    }
 
    #header ul li a h4{
         font-size: 1.8rem;
     }
 
    #header ul li a:hover{
        text-decoration: none;
    }
 
    #header ul li.lang a img{
        width: 2.5rem;
    }
 
    #header ul li select{
        display: none;
        border: none;
    }
 
     #header ul li i{
         display: block;
         width: 0;
         height: 0.3rem;
         top: -4rem;
         transition: .3s;
    }
 
    #header ul li ol{
         display: none;
         z-index: 9;
         width: 43rem;
         top: 10.5rem;
         padding: 3rem;
    }
 
    #header ul li ol li{
        margin: 1rem 0;
        transition: .3s;
    }
 
    #header ul li:hover i{
         background-color: #004D9B;
         width: 100%;
     }
 
     #header ul li select{
         top: 10.5rem;
         z-index: 99;
         padding: 1rem;
     }
 
     #header ul li:hover ol{
         display: block;
     }
     
     #header ul li:hover select{
         display: block;
     }

     .menu-icon{
         display: block;
     }

     #fix-header .modal .modal-content ul > li.lang div{
        width: 10.6rem;
        height: 4.0rem;
        line-height: 4.0rem;
        padding: 0 0.5rem;
     }

     #fix-header .modal .modal-content ul > li.lang img{
        width: 2.5rem;
     }
    
     #fix-header .modal .modal-content{
        padding: 1.5rem 0 1.5rem 0;
     }

     #fix-header .modal .modal-content ul > li{
         padding: 0 1.5rem 0 1.5rem;
         margin: 1.3rem 0;
     }

     #fix-header .modal .modal-content ul > li.services{
         padding: 0;
     }

     #fix-header .modal .modal-content ul > li.services>a{
         padding: 0 1.5rem;
     }

     #fix-header .modal .modal-content ul > li.lang div{
        border: .1rem solid #004D9B;
        border-radius: 0.5rem;
    }
   
    #fix-header .modal .modal-content ul > li.lang div select,
    #fix-header .modal .modal-content ul > li.lang div select option{
       font-size: 1.8rem;
       font-family: Museo700, 'MuseoSans-700', 'Arial', 'sans-serif', Helvetica;
       font-weight: 700;
       border:none;
       outline: none;
       background-color: transparent;
       color: #004d98;;
    }
   
    #fix-header .modal .modal-content ul{
       padding-left: 0;
   }
   
   #fix-header .modal .modal-content ul > li >ol >li >ol{
       padding-left: 0;
   }
   
   #fix-header .modal .modal-content ul > li >ol{
       padding: 1.5rem 1.5rem 1.5rem 4rem;;
       background: #D0CDCD;
       
   }
   
   #fix-header .modal .modal-content ul > li a h4{
       font-size: 2.4rem;
       font-family: Museo700, 'MuseoSans-700', 'Arial', 'sans-serif', Helvetica;
       font-weight: 700;
       color: #004D9B;
   }
   
   #fix-header .modal .modal-content ul > li >ol>li{
       margin: 1.3rem 0;
   }
   
   #fix-header .modal .modal-content ul > li >ol li a{
       font-size: 1.7rem;
       color: #58595B;
   }
   
   #fix-header .modal .modal-content ul > li >ol li a h5{
       font-size: 2.1rem;
       font-family: Museo700, 'MuseoSans-700', 'Arial', 'sans-serif', Helvetica;
       font-weight: 700;
       color: #004d98;
   }
   
   #fix-header .modal .modal-content ul > li >ol li a.active h5{
       color: #58595B;;
   }
   
   #fix-header .modal .modal-content{
        background-color: #E6E7E8;
    }
   
    #fix-header .modal .modal-content ul > li a,
    #fix-header .modal .modal-content ul > li a:hover{
        text-decoration: none;
    }

    #home-banner {
        background-image: url(./../image/services/phone/banner.png);
        background-size: auto;
        background-position: top;
    }
    #home-banner .banner-content {
        max-width: 176rem;
        min-height: 23.6rem;
        max-height: 30rem;
    }
    #home-banner h2 {
        font-size: 3rem;
        max-width: 22rem;
        line-height: 1;
        position: relative;
        top: -3rem;
    }
    #home-banner p {
        position: relative;
        top: -3rem;
    }
    #home-banner p a {
        font-size: 1.0rem;
    }
    #home-banner p a::before {
        width: 4rem;
        height: 0.1rem;
    }
    footer .footer {
        max-width: 176rem;
    }
    footer .footer .footer-top-right {
        padding-top: 3rem;
    }
    footer .footer .footer-item h4 a {
        font-size: 1.6rem;
    }
    footer .footer .footer-item .contact a {
        font-size: 2rem;
    }
    footer .footer .footer-item .contact {
        margin-bottom: 4.5rem;
    }
    footer .footer .footer-member {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important;
    }
    footer .footer .footer-item h4 {
        margin-bottom: 1.5rem;
    }
    footer .footer .footer-item i {
        font-size: 1.5rem;
        margin-right: 1rem;
    }
    footer .footer .footer-item {
        align-items: baseline;
    }
    footer .footer .footer-bottom span {
        font-size: 0.9rem;
    }
    .footer-bt-right {
        text-align: right;
    }
    footer .footer .footer-logo {
        max-width: 15.5rem;
        margin: 2rem 0;
    }
    footer .footer .sgs {
        max-width: 17.9rem;
    }
    footer .footer .membership {
        max-width: 9.4rem;
    }
    footer .footer hr {
        height: 1px;
    }
    .ds-sm-block {
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    * {
        font-size: 1.2rem;
    }
    /* home */
    #header{
        max-width: 176rem;
        height: 8.5rem;
        background-color: #ffffff;
    }
 
    #header .logo{
        width: 20rem;
     }
 
    #header ul>li {
        width: auto;
        height: 8.5rem;
        line-height: 8.5rem;
        position: relative;
        padding: 0 1.5rem;
    }
 
    #header ul li a{
        font-size: 2rem;
    }
 
    #header ul li a h4{
         font-size: 1.8rem;
     }
 
    #header ul li a:hover{
        text-decoration: none;
    }
 
    #header ul li.lang a img{
        width: 2.5rem;
    }
 
    #header ul li select{
        display: none;
        border: none;
    }
 
     #header ul li i{
         display: block;
         width: 0;
         height: 0.3rem;
         top: -2.5rem;
         transition: .3s;
    }
 
    #header ul li ol{
         display: none;
         z-index: 9;
         width: 26rem;
         top: 8.5rem;
         padding: 2rem;
         left: -4rem;
    }
 
    #header ul li ol li{
        margin: 1rem 0;
        transition: .3s;
    }
 
    #header ul li.lang ol {
        width: 8rem;
        padding: 1rem;
        left: -1rem;
    }

    #header ul li:hover i{
         background-color: #004D9B;
         width: 100%;
     }
 
     #header ul li select{
         top: 8.5rem;
         z-index: 99;
         padding: 1rem;
     }
 
     #header ul li:hover ol{
         display: block;
     }
     
     #header ul li:hover select{
         display: block;
     }

     .menu-icon{
        display: none;
    }
    #home-banner{
        background-position: top;
    }
    #home-banner .banner-content {
        max-width: 176rem;
        min-height: 28rem;
        max-height: 97.8vh;
    }
    #home-banner h2 {
        font-size: 4rem;
        max-width: 30rem;
        line-height: 1;
    }
    #home-banner p a::before {
        width: 5.2rem;
        height: 0.1rem;
    }

    footer .footer {
        max-width: 176rem;
    }
    footer .footer .footer-top-right {
        padding-top: 3rem;
    }
    footer .footer .footer-item h4 a {
        font-size: 0.9rem;
    }
    footer .footer .footer-item h4 {
        margin-bottom: 1.5rem;
    }
    footer .footer .footer-item i {
        font-size: 1.5rem;
        margin-right: 1rem;
    }
    footer .footer .footer-item {
        align-items: baseline;
    }
    /* footer .footer .footer-item .member-logo img {
        max-width: 17rem;
    } */
    footer .footer .footer-bottom span {
        font-size: 0.9rem;
    }
    .footer-bt-right {
        text-align: right;
    }
    footer .footer .footer-logo {
        max-width: 9.6rem;
    }
    footer .footer .sgs {
        max-width: 8rem;
    }
    footer .footer .membership {
        max-width: 9.4rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    * {
        font-size: 2rem;
    }
    /* home */
   
        /* home */
   
    #header{
        max-width: 176rem;
        height: 12.5rem;
        background-color: #ffffff;
    }
 
    #header .logo{
         width: 30rem;
     }
 
    #header ul>li {
        width: auto;
        height: 12.5rem;
        line-height: 12.5rem;
        position: relative;
        padding: 0 2rem;
    }
 
    #header ul li a{
        font-size: 2.2rem;
    }
 
    #header ul li a h4{
         font-size: 2rem;
     }
 
    #header ul li a:hover{
        text-decoration: none;
    }
 
    #header ul li.lang a img{
        width: 3.5rem;
    }
 
    #header ul li select{
        display: none;
        border: none;
    }
 
     #header ul li i{
         display: block;
         width: 0;
         height: 0.3rem;
         top: -4rem;
         transition: .3s;
    }
 
    #header ul li ol{
         display: none;
         z-index: 9;
         width: 31rem;
         top: 12.5rem;
         padding: 3rem;
         left: -4rem;
    }
 
    #header ul li ol li{
        margin: 1rem 0;
        transition: .3s;
    }

    #header ul li.lang ol {
        width: 8rem;
        padding: 1rem;
        left: 0;
    }
 
    #header ul li:hover i{
         background-color: #004D9B;
         width: 100%;
     }
 
     #header ul li select{
         top: 12.5rem;
         z-index: 99;
         padding: 1rem;
     }
 
     #header ul li:hover ol{
         display: block;
     }
     
     #header ul li:hover select{
         display: block;
     }

     .menu-icon{
        display: none;
    }

    #home-banner .banner-content {
        max-width: 176rem;
        min-height: 36.8rem;
        max-height: 97.8vh;
    }
    #home-banner h2 {
        font-size: 5rem;
        max-width: 30rem;
        line-height: 1;
    }
    #home-banner p a::before {
        width: 10.2rem;
        height: 0.2rem;
    }

    footer .footer {
        max-width: 176rem;
    }
    footer .footer .footer-top-right {
        padding-top: 5rem;
    }
    footer .footer .footer-item h4 a {
        font-size: 2rem;
    }
    footer .footer .footer-item h4 {
        margin-bottom: 3rem;
    }
    footer .footer .footer-item i {
        font-size: 1.5rem;
        margin-right: 1rem;
    }
    footer .footer .footer-item {
        align-items: baseline;
    }
    footer .footer .footer-bottom span {
        font-size: 1.2rem;
    }
    .footer-bt-right {
        text-align: right;
    }
    footer .footer .footer-logo {
        max-width: 14rem;
    }
    footer .footer .sgs {
        max-width: 14rem;
    }
    footer .footer .membership {
        max-width: 15rem;
    }
}

@media screen and (min-width: 1200px) and (max-width:1365px) {
    * {
        font-size: 2.4rem;
    }
    /* home */
   
    #header{
        max-width: 176rem;
        height: 15.5rem;
        background-color: #ffffff;
    }
 
    #header .logo{
         width: 38rem;
     }
 
    #header ul>li {
        width: auto;
        height: 15.5rem;
        line-height: 15.5rem;
        position: relative;
        padding: 0 2.5rem;
    }
 
    #header ul li a{
        font-size: 2.8rem;
    }
 
    #header ul li a h4{
         font-size: 2.4rem;
     }
 
    #header ul li a:hover{
        text-decoration: none;
    }
 
    #header ul li.lang a img{
        width: 3.5rem;
    }
 
    #header ul li select{
        display: none;
        border: none;
    }
 
     #header ul li i{
         display: block;
         width: 0;
         height: 0.3rem;
         top: -4rem;
         transition: .3s;
    }
 
    #header ul li ol{
         display: none;
         z-index: 9;
         width: 37rem;
         top: 15.5rem;
         left: -7rem;
         padding: 3rem;
    }
 
    #header ul li ol li{
        margin: 1rem 0;
        transition: .3s;
    }
 
    #header ul li:hover i{
         background-color: #004D9B;
         width: 100%;
     }
 
     #header ul li select{
         top: 15.5rem;
         z-index: 99;
         padding: 1rem;
     }
 
     #header ul li:hover ol{
         display: block;
     }
     
     #header ul li:hover select{
         display: block;
     }

     .menu-icon{
        display: none;
    }

    #header ul li.lang ol {
        width: 8rem;
        padding: 1rem;
        left: 0;
    }

    #home-banner .banner-content {
        max-width: 176rem;
        height: 43rem;
        max-height: 97.8vh;
        overflow: hidden;
    }
    #home-banner h2 {
        font-size: 8rem;
        max-width: 55rem;
        line-height: 1;
    }
    #home-banner p a::before {
        width: 17.2rem;
        height: 0.2rem;
    }
    footer .footer {
        max-width: 176rem;
    }
    footer .footer .footer-top-right {
        padding-top: 5rem;
    }
    footer .footer .footer-item h4 a {
        font-size: 2rem;
    }
    footer .footer .footer-item h4 {
        margin-bottom: 3rem;
    }
    footer .footer .footer-item i {
        font-size: 1.5rem;
        margin-right: 1rem;
    }
    footer .footer .footer-item {
        align-items: baseline;
    }
    footer .footer .footer-bottom span {
        font-size: 1.4rem;
    }
    .footer-bt-right {
        text-align: right;
    }
    footer .footer .footer-logo {
        max-width: 21rem;
    }
    footer .footer .sgs {
        max-width: 16rem;
    }
    footer .footer .membership {
        max-width: 17rem;
    }
}

@media screen and (min-width: 1366px) {
    * {
        font-size: 2.8rem;
    }
    /* home */
   #header{
       max-width: 176rem;
       height: 15.5rem;
       background-color: #ffffff;
   }

   #header .logo{
        width: 42.8rem;
    }

   #header ul>li {
       width: auto;
       height: 15.5rem;
       line-height: 15.5rem;
       position: relative;
       padding: 0 3.6rem;
   }

   #header ul li a{
       font-size: 2.8rem;
   }

   #header ul li a h4{
        font-size: 2.4rem;
    }

   #header ul li a:hover{
       text-decoration: none;
   }

   #header ul li.lang a img{
       width: 3.7rem;
   }

   #header ul li select{
       display: none;
       border: none;
   }

    #header ul li i{
        display: block;
        width: 0;
        height: 0.3rem;
        top: -4rem;
        transition: .3s;
   }

   #header ul li ol{
        display: none;
        z-index: 9;
        width: 41rem;
        top: 15.5rem;
        left: -3rem;
        padding: 5rem;
   }

   #header ul li ol li{
       margin: 1rem 0;
       transition: .3s;
   }

   #header ul li:hover i{
        background-color: #004D9B;
        width: 100%;
    }

    #header ul li select{
        top: 15.5rem;
        z-index: 99;
        padding: 1rem;
    }

    #header ul li.lang ol {
        width: 8rem;
        padding: 1rem;
        left: 0;
    }

    #header ul li:hover ol{
        display: block;
    }
    
    #header ul li:hover select{
        display: block;
    }

    .menu-icon{
        display: none;
    }

    #home-banner .banner-content {
        max-width: 176rem;
        min-height: 52rem;
        max-height: 97.8vh;
        overflow: hidden;
    }

    #home-banner h2 {
        font-size: 10rem;
        max-width: 60rem;
        line-height: 1;
    }

    #home-banner p a::before {
        width: 17.2rem;
        height: 0.2rem;
    }

    footer .footer {
        max-width: 176rem;
    }
    footer .footer .footer-top-right {
        padding-top: 5rem;
    }
    footer .footer .footer-item h4 a {
        font-size: 2rem;
    }
    footer .footer .footer-item h4 {
        margin-bottom: 3rem;
    }
    footer .footer .footer-item i {
        font-size: 1.5rem;
        margin-right: 1rem;
    }
    footer .footer .footer-item {
        align-items: baseline;
    }
    footer .footer .footer-bottom span {
        font-size: 1.4rem;
    }
    .footer-bt-right {
        text-align: right;
    }
    footer .footer .footer-logo {
        max-width: 21rem;
    }
    footer .footer .sgs {
        max-width: 16rem;
    }
    footer .footer .membership {
        max-width: 17rem;
    }
}

}