@font-face {
    font-family: myFont;
    src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: myFont01;
    src: url('../fonts/Montserrat-Black.ttf');
}
html,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
.uk-button,
.uk-navbar-nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a,
span {
    font-family: myFont !important;
}

body {
    margin: 0 auto;
    min-width: 1200px;
}

html {
    scroll-behavior: smooth;
}

section {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-focus-nav {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.right-focus-nav a {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #eee;
    transition: background-color 0.3s ease;
}

.right-focus-nav a.uk-active {
    background-color: #d0d625;
}

.uk-navbar-container {
    background-color: #333 !important;
}

.uk-navbar-nav li a {
    color: white;
}

.uk-navbar-nav li a:hover {
    color: #3b82f6;
}

.uk-navbar-nav li a.uk-active {
    color: #3b82f6;
    background-color: rgb(208, 214, 37);
    padding: 0 50px;
    color: #333;
}

#section1 {
    background: url(../img/ad_bg.jpg) no-repeat center center;
    background-size: cover;
}

#section2 {
    background: url(../img/slide_bg.jpg) no-repeat center center;
    background-size: cover;
}

#section3 {
    background: url(../img/ab_bg.jpg) no-repeat center center;
    background-size: cover;
}

#section4 {
    background: linear-gradient(to right, #333 33.33%, #222 33.33%, #222 66.66%, #333 66.66%);
}

#section5 {
    background: url(../img/c_bg.jpg) no-repeat center center;
    background-size: cover;
}

.uk-font-01 {
    font-family: myFont01 !important;
}

.my-radius {
    border-radius: 15px;
}

.my-radius2 {
    border-radius: 50px;
}

.my-radius3 {
    border-radius: 30px;
}

.uk-logo-gradient {
    background: -moz-linear-gradient(90deg, rgb(47, 47, 47) 0%, rgb(72, 72, 72) 49%, rgb(94, 94, 94) 49%, rgb(162, 162, 162) 100%);
    background: -webkit-linear-gradient(90deg, rgb(47, 47, 47) 0%, rgb(72, 72, 72) 49%, rgb(94, 94, 94) 49%, rgb(162, 162, 162) 100%);
    background: -ms-linear-gradient(90deg, rgb(47, 47, 47) 0%, rgb(72, 72, 72) 49%, rgb(94, 94, 94) 49%, rgb(162, 162, 162) 100%);
}

.ad_button {
    width: 280px;
    height: 100px;
    border-radius: 20px;
    color: #FFF;
    font-size: 1.8rem;
    background-image: -moz-linear-gradient(90deg, rgb(208, 214, 37) 0%, rgb(139, 106, 16) 50%, rgb(184, 139, 30) 50%, rgb(255, 156, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(208, 214, 37) 0%, rgb(139, 106, 16) 50%, rgb(184, 139, 30) 50%, rgb(255, 156, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(208, 214, 37) 0%, rgb(139, 106, 16) 50%, rgb(184, 139, 30) 50%, rgb(255, 156, 0) 100%);
    transition: all 0.3s ease;
}

.ad_button:hover {
    color: #333333;
    background-image: -moz-linear-gradient(90deg, rgb(255, 156, 0) 0%, rgb(184, 139, 30) 50%, rgb(139, 106, 16) 50%, rgb(208, 214, 37) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 156, 0) 0%, rgb(184, 139, 30) 50%, rgb(139, 106, 16) 50%, rgb(208, 214, 37) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 156, 0) 0%, rgb(184, 139, 30) 50%, rgb(139, 106, 16) 50%, rgb(208, 214, 37) 100%);
}

.gi_button {
    width: 600px;
    height: 100px;
    font-size: 2rem;
    color: #FFF;
    border-radius: 50px;
    background-image: -moz-linear-gradient(90deg, rgb(208, 214, 37) 0%, rgb(139, 106, 16) 50%, rgb(184, 139, 30) 50%, rgb(255, 156, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(208, 214, 37) 0%, rgb(139, 106, 16) 50%, rgb(184, 139, 30) 50%, rgb(255, 156, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(208, 214, 37) 0%, rgb(139, 106, 16) 50%, rgb(184, 139, 30) 50%, rgb(255, 156, 0) 100%);
    transition: all 0.3s ease;
}

.gi_button:hover {
    width: 600px;
    height: 100px;
    font-size: 2rem;
    color: #222;
    border-radius: 50px;
    background-image: -moz-linear-gradient(90deg, rgb(255, 156, 0) 0%, rgb(184, 139, 30) 50%, rgb(139, 106, 16) 50%, rgb(208, 214, 37) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 156, 0) 0%, rgb(184, 139, 30) 50%, rgb(139, 106, 16) 50%, rgb(208, 214, 37) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 156, 0) 0%, rgb(184, 139, 30) 50%, rgb(139, 106, 16) 50%, rgb(208, 214, 37) 100%);
}

.f_cl {
    width: 200px;
    height: 60px;
    line-height: 60px;
    color: #eee;
    border-radius: 10px;
    font-size: 1rem;
    background-image: -moz-linear-gradient( 90deg, rgb(73,73,73) 0%, rgb(73,73,73) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(73,73,73) 0%, rgb(73,73,73) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(73,73,73) 0%, rgb(73,73,73) 100%);
}
.h_b{
    position: relative;
    display: inline-block;
    padding: 0 20px; /* 文本与边框之间的间距 */
}

.h_b::before {
    content: '';
    position: absolute;
    top: -5px;
    width: 90%;
    height: 2px; /* 边框的高度 */
    background-color: #d0d625; /* 边框的颜色 */
}
.h_b::before {
    left: 0;
    margin-left: 15px; /* 文本与边框之间的间距 */
}