*, *::after, *::before {
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none
}

html, body {
    scroll-behavior: smooth
}

body {
    font-family: "Open Sans", "微软雅黑", Arial, sans-serif;
    font-size: 23px;
    color: #5e7e29
}

input, button, select, textarea {
    padding: 0;
    outline: none;
    border: 0
}

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

video {
    vertical-align: top
}

img {
    max-width: 100%;
    vertical-align: top;
    border: 0;
    -webkit-user-drag: none
}
.des-h4-table p img{
    height:auto;
}

*::-webkit-scrollbar {
    display: none
}

.site-mark {
    background: #5e7e29;
    border-radius: 50%;
    width: 1.09375vw;
    height: 1.09375vw;
    cursor: pointer;
    position: relative
}

.site-mark::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: #5e7e29;
    opacity: 0.4;
    border-radius: 50%;
    animation: 1s scale linear infinite;
    animation-delay: 200ms;
    z-index: 1
}

.site-mark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: #5e7e29;
    opacity: 0.4;
    border-radius: 50%;
    animation: 1s scale linear infinite;
    animation-delay: 600ms;
    z-index: 1
}

.chover {
    position: relative
}

.chover:hover .pic1 {
    transform: scale(1.1)
}

.chover:hover .btn {
    color: #fff;
    background: #bbc25c !important;
    border-color: #bbc25c !important
}

.chover:hover .btn3 {
    color: #fff;
    background: #bbc25c !important;
    border-color: #bbc25c !important;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3)
}

.chover:hover .btn2 {
    color: #5E7E29;
    border-color: #bbc25c !important
}

.chover:hover .aline {
    width: 100%
}

.chover .btn, .chover .btn2, .chover .btn3 {
    transition: all 0.6s
}

.chover .aline {
    width: 0%;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #5E7E29;
    transition: all 0.6s;
    height: 1px
}

.chover .pic1 {
    will-change: transform;
    transition: all 0.6s;
    display: block
}

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.row40 {
    margin-left: -2.08333vw;
    margin-right: -2.08333vw
}

.row20 {
    margin-left: -1.04167vw;
    margin-right: -1.04167vw
}

.w1440 {
    width: 75vw;
    margin: 0 auto
}

.w1600 {
    width: 83.33333vw;
    margin: 0 auto
}

.w1666 {
    width: 86.77083vw;
    margin: 0 auto
}

.w1680 {
    width: 87.5vw;
    margin: 0 auto
}

.w1730 {
    width: 90.10417vw;
    margin: 0 auto
}

.site-h2 {
    font-size: 2.08333vw;
    font-family: Kelson Sans;
    color: #5E7E29
}

@font-face {
    font-family: "Open Sans";
    src: url("../font/OpenSans-Regular.ttf")
}

@font-face {
    font-family: "Open Sans-light";
    src: url("../font/OpenSans-Light.ttf")
}

@font-face {
    font-family: "Open Sans-Semibold";
    src: url("../font/OpenSans-Semibold.ttf")
}

@font-face {
    font-family: "Kelson Sans";
    src: url("../font/Kelson-Sans-Regular.ttf")
}

@-webkit-keyframes scale {
    100% {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0
    }
}

@keyframes scale {
    100% {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0
    }
}

@media screen and (max-width: 768px) {
    .row40 {
        margin-left: 0;
        margin-right: 0
    }

    .row20 {
        margin-left: 0;
        margin-right: 0
    }

    .w1600, .w1440 {
        width: 100%
    }

    .w1666 {
        width: 100%
    }

    .w1680 {
        width: 100%
    }

    .w1730 {
        width: 100%
    }
}