body {
    margin: 0;
    padding: 0;
}

a {
    color: lightblue;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
p {
    margin: 0;
    padding: 0;
}

.navbar {
    width: 100%;
    background-color: rgb(1, 19, 30);
    transition: background-color 0.8s;
    height: .7292rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.25rem;
    box-sizing: border-box;
}


.navbarLi {
    color: white;
}


.navbar li {
    padding: .0521rem .1042rem;
    cursor: pointer;
    border-bottom: .0156rem solid rgb(255, 255, 255, 0);
    font-size: .0938rem;
}

.navbar_active {
    border-bottom: .0156rem solid rgb(183, 0, 179) !important;
    transition: 400ms;
}

nav {
    z-index: 999999;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
}

nav li {
    position: relative;
    display: inline-block;
    padding: .0521rem .1042rem;
    cursor: pointer;
    font-weight: 500;
}

.ul_group {
    display: flex;
    align-items: center;
}

.ul_group .email {
    width: .1302rem;
    height: .1042rem;

}

.ul_group button {
    width: .7031rem;
    height: .2344rem;
    background-color: rgb(183, 0, 179);
    border-radius: .1563rem;
    color: #fff;
    font-size: .0938rem;
    border: 0;
    margin-right: .0521rem;
    margin-left: .1302rem;
    border: .0052rem solid rgb(183, 0, 179);
    transition: 400ms;
    cursor: pointer;
}
.ul_group button:hover {

    background-color: transparent;
    color: #fff;
    font-size: .0938rem;
    border: .0052rem solid #fff;
}

header {
    position: relative;
}

.drop_nav_group {
    position: absolute;
    width: 2.3698rem;
    background-color: #fff;
    border-bottom-left-radius: .026rem;
    border-bottom-right-radius: .026rem;
    padding: .1563rem .1823rem;
    box-sizing: border-box;
    transition: 400ms;
    box-shadow: 0rem .026rem .0521rem rgb(144, 144, 146, 0.5);
    z-index: 9999;
}
.drop_nav_group img{
    width: .0729rem;
    height: .125rem;
}
.drop_nav_group h3 {
    font-size: .0938rem;
    font-weight: 400;
}

.drop_nav_group_services {
    top: .7292rem;
    right: 2.8385rem;
    height: 1.3802rem;
}

.drop_nav_group_esg {
    top: .7292rem;
    right: 2.2135rem;
    height: 1.7188rem;
}

.drop_nav_group_values {
    top: .7292rem;
    right: 1.6927rem;
    height: 2.2396rem;
}

.drop_nav_group ul {
    list-style: none;
    padding: 0;
}

.drop_nav_group ul li {
    padding: .0781rem 0;
    font-size: .0833rem;
    display: flex;
    cursor: pointer;
}

.drop_nav_group ul li span {
    margin-left: .0521rem;
}

.drop_nav_line {
    height: .0052rem;
    width: 100%;
    background-color: #000;
    margin-top: .0781rem;
    margin-bottom: .0781rem;
}

.other_header {
    width: 100%;
    height: 3.6458rem;
    background: url(../images/service-bg.jpg);
    background-size: 100% 100%;
    background-position: center;
}

.title_group {
    width: 100%;
    height: 3.099rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.title_group h2 {
    font-size: .3385rem;
    color: #fff;
    font-weight: 500;
}


.footer {
    height: 1.7708rem;
    width: 100%;
    /* padding: .2604rem .3646rem 0 .2604rem; */
    background-color: rgb(44, 46, 52);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer h4 {
    color: #fff;
    font-size: .125rem;
    font-weight: 500;
}

.footer_content {
    display: flex;
}

.footer_line {
    width: 100%;
    height: .0052rem;
    background-color: #fff;
    margin-top: .0521rem;
    margin-bottom: .1302rem;
}

.footer_about_us {
    width: 2.9167rem;
}

.footer_about_us p {
    color: #fff;
    font-size: .0833rem;
    line-height: .1823rem;
}

.footer_esg {
    margin-left: .4167rem;
    width: 1.875rem;
}

.footer_esg ul {
    padding-left: .1042rem;
    width: 100%;
}

.footer_esg li {
    line-height: .1823rem;
    color: #fff;
    font-size: .0833rem;
    width: 100%;
}

.footer_core_values {
    margin-left: .5729rem;
    width: 1.875rem;
}

.footer_core_values ul {
    padding-left: .1042rem;
    width: 100%;
}

.footer_core_values li {
    line-height: .1823rem;
    color: #fff;
    font-size: .0833rem;
    width: 100%;
}

.copy_right {
    height: .3646rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(1, 19, 30);
}

.copy_right p {
    font-size: .0938rem;
    color: #fff;
}

.index_contact_bg {
    height: 1.7708rem;
    background: url(../images/index-contact.png);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
}

.index_contact_bg h2 {
    font-weight: 600;
    font-size: .3125rem;
    color: #fff;
}

.index_contact_bg button {
    width: .8333rem;
    height: .2604rem;
    background: transparent;
    border-radius: .1302rem;
    border: .0052rem solid #fff;
    color: #fff;
    font-size: .1146rem;
    margin-top: .2083rem;
    transition: 400ms;
    cursor: pointer;
}
.index_contact_bg button:hover {
    background: rgb(183, 0, 179);
    border: .0052rem solid rgb(183, 0, 179);
}

.fade-enter-active {
    transition: opacity 0.3s;
}

.fade-enter {
    opacity: 0;
}

.fade-leave-active {
    transition: opacity 0.3s;
}

.fade-leave-to {
    opacity: 0;
}
.footer_esg a{
    transition: 400ms;
    color: #fff;
}
.footer_esg a:hover{
    text-decoration: underline;
}
.footer_core_values a{
    transition: 400ms;
    color: #fff;
}
.footer_core_values a:hover{
    text-decoration: underline;
}