.bottom-bar {
    background-image: url(../img/bottom.f37ad550.png);
    background-position: center 10%;
    background-repeat: no-repeat;
    background-size: 100%
}

.bottom-free {
    font-size: 1.75rem;
    padding-right: 155px;
    padding-top: 20px
}

.bottom-phone {
    font-size: 1.25rem;
    padding-right: 46px;
    padding-top: 10px
}

.bottom-spacing {
    margin-top: 1rem !important
}

.bottom-get {
    background-color: #ffa03c;
    border: none
}

.bottom-footer {
    color: #a1a1a1
}

@media (min-width:1200px) and (max-width:1399px) {
    .bottom-free {
        font-size: 1.4rem
    }

    .bottom-phone {
        font-size: 1.1rem;
        padding-right: 40px
    }

    .bottom-spacing {
        margin-top: 1rem !important
    }

    .bottom-btns {
        height: 50px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bottom-free {
        font-size: 1.4rem
    }

    .bottom-phone {
        font-size: 1rem;
        padding-right: 21px
    }

    .bottom-spacing {
        margin-top: .6rem !important
    }

    .bottom-btns {
        height: 40px
    }

    .bottom-get {
        line-height: 12px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bottom-bar {
        background-size: 100% 100%
    }

    .bottom-free {
        font-size: 1.2rem
    }

    .bottom-phone {
        font-size: 1rem;
        padding-right: 21px
    }

    .bottom-spacing {
        margin-top: .6rem !important
    }

    .bottom-btns {
        height: 30px
    }

    .bottom-get {
        line-height: 5px
    }

    .bottom-footer {
        font-size: .9rem
    }
}

@media (min-width:600px) and (max-width:767px) {
    .bottom-bar {
        background-size: 100% 100%
    }

    .bottom-free {
        font-size: 1.2rem;
        padding-right: 20px
    }

    .bottom-phone {
        font-size: 1rem;
        padding-right: 21px
    }

    .bottom-spacing {
        margin-top: .6rem !important
    }

    .bottom-btns {
        height: 30px
    }

    .bottom-get {
        line-height: 5px
    }

    .bottom-footer {
        font-size: .8rem
    }
}

@media (min-width:500px) and (max-width:599px) {
    .bottom-bar {
        background-size: 100% 100%
    }

    .bottom-free {
        font-size: 1.2rem;
        padding-right: 26px
    }

    .bottom-phone {
        font-size: 1rem;
        padding-right: 21px
    }

    .bottom-spacing {
        margin-top: .6rem !important
    }

    .bottom-btns {
        height: 30px
    }

    .bottom-get {
        line-height: 5px
    }

    .bottom-footer {
        font-size: .8rem
    }
}

@media (max-width:499px) {
    .bottom-bar {
        background-size: 100% 100%
    }

    .bottom-free {
        font-size: 1rem;
        padding-right: 15px
    }

    .bottom-phone {
        font-size: 1rem;
        padding-right: 21px
    }

    .bottom-spacing {
        margin-top: .6rem !important
    }

    .bottom-btns {
        height: 30px
    }

    .bottom-get {
        line-height: 5px !important
    }

    .bottom-footer {
        font-size: .7rem
    }
}

.dropdown-menu[data-bs-popper] {
    left: -20px !important
}

.dropdown-menu {
    min-width: 7rem !important;
    text-align: center !important
}

.bar-myline {
    width: 0;
    height: 2px;
    background: #ffa03b;
    transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s
}

.nav-link:hover .bar-myline {
    width: 100%
}

.router-link-exact-active {
    color: #ffa03b !important
}

.nav-link.active {
    color: #ffa03b
}

.navbar-light .navbar-nav .nav-link {
    font-size: 20px
}

.riceculture-en {
    margin: 10px 0 0 20px
}

.riceculture {
    margin-top: 73px;
    margin-left: -85px
}

.flag {
    display: flex;
    left: 22px !important;
    align-items: center;
    z-index: 888
}

.myPicShowDialogClass .el-dialog {
    width: 824px
}

.myPicShowDialogClass .el-dialog__body,
.myPicShowDialogClass .el-dialog__header {
    padding: 0
}

.myPicShowDialogClass .el-dialog__headerbtn {
    position: absolute;
    top: 2px;
    right: 8px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 25px
}

.myPicShowDialogClass .el-input__inner {
    width: 300px;
    height: 50px
}

.pop-p {
    font-size: 24px;
    font-weight: 400;
    color: #707070;
    line-height: 32px;
    width: 100%;
    padding-top: 41px
}

.pop-right {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around
}

@media (max-width:992px) {
    .myPicShowDialogClass .el-dialog {
        width: 95%
    }

    .pop-right {
        width: 100%
    }

    .bar-myline,
    .nav-popimg {
        display: none
    }
}

@media (max-width:768px) {
    .riceculture-en {
        content: url(data:image/png;base64,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);
        height: 110px
    }
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50
}

.opa-left-box {
    width: 52%
}

.opa-left,
.opa-left-box {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

.opa-left {
    width: 100%;
    background-color: #fff
}

.opa-right-box {
    position: absolute;
    width: 48%;
    height: 100%;
    right: 0;
    top: 0
}

.opa-right {
    width: 100%;
    background-color: #fff
}

.dis-left-box,
.opa-right {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0
}

.dis-left-box {
    width: 52%
}

.dis-right-box {
    width: 52%
}

.dis,
.dis-right-box {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0
}

.dis {
    width: 100%;
    background: #fff;
    animation-delay: 1s;
    -webkit-animation-delay: 1s
}

._show {
    animation: _show .5s linear .5s;
    -webkit-animation: _show .5s linear .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes _show {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes _show {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

.hid {
    animation: _hid .5s linear;
    -webkit-animation: _hid .5s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes _hid {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes _hid {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.end-4 {
    right: -4% !important
}

.end-20 {
    right: 20% !important
}

.start-4 {
    left: -4% !important
}

.more-case {
    font-size: 16px;
    font-family: Noto Sans SC;
    font-weight: 500;
    color: #959595
}

.case-subtitle {
    color: #707070;
    font-weight: 700;
    font-size: 24px
}

.case {
    width: 100%;
    height: auto
}

.case-title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.case-para {
    opacity: .5
}

.case-top-right {
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    margin-top: 2%;
    margin-bottom: 2%
}

.case-bottom-btn,
.case-btn {
    position: absolute;
    bottom: 10%
}

@media screen and (min-width:2300px) {
    .case-subtitle {
        font-size: 32px !important
    }

    .case-para {
        font-size: 24px !important
    }

    .case-btn {
        font-size: 24px;
        width: 160px;
        right: 22%
    }

    .case-bottom-btn {
        font-size: 24px;
        width: 160px;
        left: 22%
    }
}

@media (min-width:2000px) and (max-width:2299px) {
    .case-subtitle {
        font-size: 30px !important
    }

    .case-para {
        font-size: 22px !important
    }

    .case-btn {
        font-size: 22px;
        width: 151px;
        right: 22%
    }

    .case-bottom-btn {
        font-size: 22px;
        width: 151px;
        left: 22%
    }
}

@media (min-width:1700px) and (max-width:1999px) {
    .case-subtitle {
        font-size: 28px !important
    }

    .case-para {
        font-size: 20px !important
    }

    .case-btn {
        font-size: 20px;
        width: 140px;
        right: 21%
    }

    .case-bottom-btn {
        font-size: 20px;
        width: 140px;
        left: 21%
    }
}

@media (min-width:1400px) and (max-width:1699px) {
    .case-subtitle {
        font-size: 28px !important
    }

    .case-para {
        font-size: 20px !important
    }

    .case-btn {
        font-size: 1rem;
        width: 140px;
        right: 21%
    }

    .case-bottom-btn {
        font-size: 1rem;
        width: 140px;
        left: 21%
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .case-btn {
        font-size: 1rem;
        width: 106px;
        right: 21%
    }

    .case-bottom-btn {
        font-size: 1rem;
        width: 106px;
        left: 21%
    }

    .case-para {
        font-size: 20px !important;
        padding-top: 0 !important
    }

    .case-square {
        right: -9% !important
    }

    .case-square,
    .case-sub-square {
        transform: scale(.8);
        top: 30% !important
    }

    .case-sub-square {
        left: -8% !important
    }

    .case-subtitle {
        font-size: 24px !important;
        padding-top: 16px !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .case-btn {
        font-size: 1rem;
        right: 21%
    }

    .case-bottom-btn {
        font-size: 1rem;
        left: 21%
    }

    .case-para {
        font-size: 18px !important;
        padding-top: 4px !important;
        margin-bottom: 8px !important
    }

    .case-square {
        right: -11% !important
    }

    .case-square,
    .case-sub-square {
        transform: scale(.7);
        top: 30% !important
    }

    .case-sub-square {
        left: -9% !important
    }

    .case-subtitle {
        font-size: 22px !important;
        padding-top: 8px !important;
        margin-bottom: 0 !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .case-btn {
        font-size: 1rem;
        width: 160px;
        right: 18%
    }

    .case-bottom-btn {
        font-size: 1rem;
        width: 160px;
        left: 18%
    }

    .case-para {
        font-size: 20px !important;
        padding-top: 1rem !important;
        -webkit-line-clamp: 8 !important
    }

    .case-square {
        right: -11% !important
    }

    .case-square,
    .case-sub-square {
        transform: scale(.7);
        top: 30% !important
    }

    .case-sub-square {
        left: -12% !important
    }

    .case-subtitle {
        font-size: 24px !important;
        padding-top: 2rem !important
    }

    .case-bg {
        content: url(../img/case-1-2.118d6872.png)
    }
}

@media (min-width:600px) and (max-width:767px) {
    .case-btn {
        font-size: 1rem;
        width: 121px;
        right: 18%
    }

    .case-bottom-btn {
        font-size: 1rem;
        width: 121px;
        left: 18%
    }

    .case-para {
        font-size: 20px !important;
        padding-top: .8rem !important
    }

    .case-square {
        right: -16% !important
    }

    .case-square,
    .case-sub-square {
        transform: scale(.7);
        top: 30% !important
    }

    .case-sub-square {
        left: -15% !important
    }

    .case-subtitle {
        font-size: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .case-bg {
        content: url(../img/case-1-2.118d6872.png)
    }
}

@media (min-width:500px) and (max-width:599px) {
    .case-btn {
        font-size: .8rem;
        right: 18%
    }

    .case-bottom-btn {
        font-size: .8rem;
        left: 18%
    }

    .case-para {
        font-size: 20px !important;
        padding-top: .8rem !important
    }

    .case-square {
        right: -20% !important
    }

    .case-square,
    .case-sub-square {
        transform: scale(.5);
        top: 30% !important
    }

    .case-sub-square {
        left: -17% !important
    }

    .case-subtitle {
        font-size: 1.5rem !important;
        padding-top: 1.5rem !important;
        font-weight: 600
    }

    .case-bg {
        content: url(../img/case-1-2.118d6872.png)
    }
}

@media (max-width:499px) {
    .case-btn {
        font-size: .8rem;
        right: 18%
    }

    .case-top-right {
        height: 270px
    }

    .case-bottom-btn {
        font-size: .8rem;
        left: 18%
    }

    .case-para {
        font-size: 15px !important;
        padding-top: .3rem !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .case-square {
        right: -25% !important
    }

    .case-square,
    .case-sub-square {
        transform: scale(.5);
        top: 30% !important
    }

    .case-sub-square {
        left: -25% !important
    }

    .case-subtitle {
        font-size: 1rem !important;
        padding-top: .8rem !important;
        font-weight: 600
    }

    .case-bg {
        content: url(../img/case-1-2.118d6872.png)
    }
}

.service-first {
    transition: transform .5s;
    scale: .9
}

.is_hover_first:hover .service-title {
    color: #ffa03b
}

.is_hover_first:hover .service-para {
    color: #000
}

.is_hover_first:hover .service-first {
    content: url(data:image/png;base64,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);
    transform: scale(1.1)
}

.service-second {
    transition: transform .5s;
    scale: .9
}

.is_hover_second:hover .service-title {
    color: #ffa03b
}

.is_hover_second:hover .service-para {
    color: #000
}

.is_hover_second:hover .service-second {
    content: url(data:image/png;base64,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);
    transform: scale(1.1)
}

.service-third {
    transition: transform .5s;
    scale: .9
}

.is_hover_third:hover .service-title {
    color: #ffa03b
}

.is_hover_third:hover .service-para {
    color: #000
}

.is_hover_third:hover .service-third {
    content: url(data:image/png;base64,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);
    transform: scale(1.1)
}

.service-fourth {
    transition: transform .5s;
    scale: .9
}

.is_hover_fourth:hover .service-title {
    color: #ffa03b
}

.is_hover_fourth:hover .service-para {
    color: #000
}

.is_hover_fourth:hover .service-fourth {
    content: url(data:image/png;base64,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);
    transform: scale(1.1)
}

.service-fifth {
    transition: transform .5s;
    scale: .9
}

.is_hover_fifth:hover .service-title {
    color: #ffa03b
}

.is_hover_fifth:hover .service-para {
    color: #000
}

.is_hover_fifth:hover .service-fifth {
    content: url(data:image/png;base64,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);
    transform: scale(1.1)
}

.service-sixth {
    transition: transform .5s;
    scale: .9
}

.is_hover_sixth:hover .service-title {
    color: #ffa03b
}

.is_hover_sixth:hover .service-para {
    color: #000
}

.is_hover_sixth:hover .service-sixth {
    content: url(data:image/png;base64,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);
    transform: scale(1.1)
}

.service-title {
    font-size: 1.2rem;
    font-weight: 600 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.service-para {
    padding: 0 10px;
    font-size: 15px;
    color: #959595
}

.service-text {
    margin-top: 6rem;
    margin-bottom: 5rem;
    font-weight: 400;
    font-family: Noto Sans SC
}

@media (min-width:1200px) and (max-width:1399px) {
    .service-circle {
        margin-left: -17px;
        transform: scale(.9);
        -ms-transform: scale(.9);
        -webkit-transform: scale(.9);
        -o-transform: scale(.9);
        -moz-transform: scale(.9)
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .service-circle {
        margin-left: -31px;
        transform: scale(.7);
        -ms-transform: scale(.7);
        -webkit-transform: scale(.7);
        -o-transform: scale(.7);
        -moz-transform: scale(.7)
    }

    .is_hover_fifth:hover .service-fifth,
    .is_hover_first:hover .service-first,
    .is_hover_fourth:hover .service-fourth,
    .is_hover_second:hover .service-second,
    .is_hover_sixth:hover .service-sixth,
    .is_hover_third:hover .service-third {
        transform: scale(.9)
    }
}

@media (min-width:600px) and (max-width:767px) {
    .service-circle {
        margin-left: -15px;
        transform: scale(.8);
        -ms-transform: scale(.8);
        -webkit-transform: scale(.8);
        -o-transform: scale(.8);
        -moz-transform: scale(.8)
    }

    .is_hover_fifth:hover .service-fifth,
    .is_hover_first:hover .service-first,
    .is_hover_fourth:hover .service-fourth,
    .is_hover_second:hover .service-second,
    .is_hover_sixth:hover .service-sixth,
    .is_hover_third:hover .service-third {
        transform: scale(.9)
    }
}

@media (min-width:500px) and (max-width:599px) {
    .service-circle {
        margin-left: -24px;
        transform: scale(.7);
        -ms-transform: scale(.7);
        -webkit-transform: scale(.7);
        -o-transform: scale(.7);
        -moz-transform: scale(.7)
    }

    .is_hover_fifth:hover .service-fifth,
    .is_hover_first:hover .service-first,
    .is_hover_fourth:hover .service-fourth,
    .is_hover_second:hover .service-second,
    .is_hover_sixth:hover .service-sixth,
    .is_hover_third:hover .service-third {
        transform: scale(.8)
    }
}

@media (max-width:499px) {
    .service-circle {
        margin-left: 2px;
        display: flex;
        width: 98%;
        align-items: center;
        justify-content: center
    }

    .service-para {
        font-size: 10px
    }

    .service-text {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .service-pic {
        width: 130px;
        height: 130px
    }
}

.container-fluid-my {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.line-top-center {
    border: 1px solid #ccc;
    border-top: none
}

.line-left-top {
    border-bottom: 1px solid #ccc
}

.line-bottom-center {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.choose-title {
    text-align: left;
    font-weight: 700;
    padding-top: 10px;
    margin-bottom: 0
}

.choose-para {
    font-size: 1.3rem;
    color: #959595;
    text-align: left;
    padding-right: 5px
}

.choose-img {
    float: left;
    margin-top: 11rem;
    margin-bottom: 2rem
}

.choose-grid {
    float: left;
    padding-left: 35px
}

.choose-sub {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.choose-sub-first {
    background: #2fafec;
    background-size: 100% 100%
}

.suspended {
    position: relative
}

.grid_fadein {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.grid_show {
    animation: grid_show .7s linear;
    -webkit-animation: grid_show .7s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.grid_hide,
.grid_show {
    transform-origin: center;
    -webkit-transform-origin: center
}

.grid_hide {
    animation: grid_hide .7s linear;
    -webkit-animation: grid_hide .7s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes grid_show {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes grid_show {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes grid_hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes grid_hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

.grid_hide1 {
    transform-origin: center;
    -webkit-transform-origin: center;
    animation: grid_hide1 .2s linear .2s;
    -webkit-animation: grid_hide1 .2s linear .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes grid_hide1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes grid_hide1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.choose-sub-second {
    background: #eb7630;
    background-size: 100% 100%
}

.choose-sub-third {
    background: #5074e4;
    background-size: 100% 100%
}

.choose-sub-fourth {
    background: #5ace9d;
    background-size: 100% 100%
}

.choose-sub-fifth {
    background: #dd77de;
    background-size: 100% 100%
}

.choose-sub-sixth {
    background: #74c751;
    background-size: 100% 100%
}

@media (min-width:1200px) and (max-width:1399px) {
    .choose-img {
        margin-top: 8rem
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .choose-img {
        margin-top: 5rem
    }
}

@media (min-width:768px) and (max-width:991px) {
    .choose-title {
        font-size: 1.5rem
    }

    .choose-para {
        font-size: 1rem
    }

    .choose-img {
        margin-top: 2rem;
        margin-bottom: .5rem;
        transform: scale(.8)
    }
}

@media (min-width:600px) and (max-width:767px) {
    .choose-grid {
        float: left;
        padding-left: 35px;
        padding-top: 21px
    }

    .choose-title {
        font-size: 1.3rem
    }

    .choose-para {
        font-size: .8rem
    }

    .choose-img {
        margin-top: 6px;
        margin-bottom: 1px;
        margin-left: 7px;
        transform: scale(.6);
        -ms-transform: scale(.6);
        -webkit-transform: scale(.6);
        -o-transform: scale(.6);
        -moz-transform: scale(.6)
    }
}

@media (min-width:500px) and (max-width:599px) {
    .choose-grid {
        padding-left: 35px;
        padding-top: 21px
    }

    .choose-title {
        font-size: 1.3rem
    }

    .choose-para {
        font-size: .5rem;
        margin-bottom: 0
    }

    .choose-img {
        margin-top: 6px;
        margin-bottom: 1px;
        margin-left: 7px;
        transform: scale(.6);
        -ms-transform: scale(.6);
        -webkit-transform: scale(.6);
        -o-transform: scale(.6);
        -moz-transform: scale(.6)
    }

    .choose-grid {
        float: left;
        padding-left: 10px;
        padding-top: 20px
    }
}

@media (max-width:499px) {
    .choose-title {
        font-size: 1.1rem
    }

    .choose-para {
        font-size: .5rem;
        margin-bottom: 0
    }

    .choose-img {
        margin-top: 0;
        margin-bottom: 0;
        transform: scale(.5);
        -ms-transform: scale(.5);
        -webkit-transform: scale(.5);
        -o-transform: scale(.5);
        -moz-transform: scale(.5)
    }

    .choose-grid {
        float: left;
        padding-left: 10px;
        padding-top: 20px
    }
}

.slick-prev {
    left: -24px
}

.slick-next {
    right: -24px
}

.slick-prev:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAYAAAD0OH0aAAAAiklEQVQ4jcWSSwrDMAwFh3RjcBpD73+XHKIfh3TXhdtbuIsqIEqx5EWo1jOPJyHwTQQyUHrgCrwseFRwBlILDsBN4LvIzRpXlTx5Oy+e5C74LPAKHC14WzBbyamnBsBD4NkCAQbg4AH1nKRK5bN09EjfL+CWViUFj6Qvdtm93n+k5pv/kp4eQUvlDZgnOBlqacmsAAAAAElFTkSuQmCC)
}

.slick-next:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAYAAAD0OH0aAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDctMTJUMTM6NDE6NDArMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA4LTI1VDE0OjEwOjQ4KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA4LTI1VDE0OjEwOjQ4KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdlZjg2OGZiLWJkZjctNGM3MS1hN2JlLWYwZGJiNmJkZWFjZCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ZWY4NjhmYi1iZGY3LTRjNzEtYTdiZS1mMGRiYjZiZGVhY2QiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZWY4NjhmYi1iZGY3LTRjNzEtYTdiZS1mMGRiYjZiZGVhY2QiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjdlZjg2OGZiLWJkZjctNGM3MS1hN2JlLWYwZGJiNmJkZWFjZCIgc3RFdnQ6d2hlbj0iMjAyMi0wNy0xMlQxMzo0MTo0MCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HmkX1QAAAIlJREFUOI211DEKwkAQheEPbQIbE/D+d/EQaiKxs1BvEQs3mG5nA079/8x7y7DwxIgkOG/MNVKf4UVqI1KLe5YGNBGpW226RuO1uKnstEk6YMrSuWbT0mnYGq+PSHDK0mMXNfLsS0DyLT3naMcSHD6ZZgVPJTjhIvgyVTH+B3c1MLxqYH6fQAj+AI4mOBlq/SGMAAAAAElFTkSuQmCC)
}

.profile-square {
    display: flex !important;
    align-items: center;
    justify-content: center
}

.introduction {
    background-color: #ffa03c;
    width: 97%;
    height: 355px;
    position: relative
}

.intor-textbox {
    width: 50%;
    padding: 50px 24px 24px 23px
}

.intro-title {
    margin: 0
}

.intro-subtitle,
.intro-title {
    font-size: 1.5rem;
    color: #fff
}

.intro-para {
    font-size: 1rem;
    color: #fff
}

.intro-pic-box {
    width: 100%;
    height: 100%
}

.intro-pic {
    position: absolute;
    right: -30px;
    bottom: -209px
}

.intro-rotationbox {
    padding: 52px 28px 0 0;
    float: left;
    width: 50%
}

.intro-company {
    padding: 0
}

.small-rotation {
    padding: 52px 19px 0 0
}

@media (min-width:1400px) {
    .slick-slider[data-v-3d1a4f76] {
        width: 93%
    }
}

@media (max-width:768px) {
    .profile-rotation {
        margin-left: 14px
    }

    .slick-prev {
        left: -16px
    }

    .slick-next {
        right: -20px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .intro-pic {
        right: -96px;
        bottom: -156px;
        transform: scale(.8);
        -ms-transform: scale(.8);
        -webkit-transform: scale(.8);
        -o-transform: scale(.8);
        -moz-transform: scale(.8)
    }

    .intro-rotationbox {
        padding: 52px 0 0 0;
        float: left;
        width: 57%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .intro-pic {
        right: -116px;
        bottom: -127px;
        transform: scale(.7);
        -ms-transform: scale(.7);
        -webkit-transform: scale(.7);
        -o-transform: scale(.7);
        -moz-transform: scale(.7)
    }
}

@media (min-width:768px) and (max-width:991px) {
    .intro-title {
        font-size: 1.5rem
    }

    .intro-subtitle {
        font-size: 1.3rem
    }

    .intro-para {
        font-size: .9rem
    }

    .intro-pic {
        right: -168px;
        bottom: -117px;
        width: 95%;
        transform: scale(.6);
        -ms-transform: scale(.6);
        -webkit-transform: scale(.6);
        -o-transform: scale(.6);
        -moz-transform: scale(.6)
    }

    .intro-bottom-line {
        width: 100% !important;
        height: 1px !important
    }
}

@media (min-width:600px) and (max-width:767px) {
    .intor-textbox {
        width: 100%
    }

    .intro-title {
        font-size: 1.2rem !important
    }

    .intro-subtitle {
        font-size: 1rem
    }

    .intro-para {
        font-size: .4rem
    }

    .intro-pic {
        display: none
    }

    .intro-bottom-line {
        width: 100% !important;
        height: 1px !important
    }
}

@media (min-width:500px) and (max-width:599px) {
    .introduction {
        height: 256px;
        top: 20px
    }

    .intor-textbox {
        width: 100%
    }

    .intro-title {
        font-size: 1.2rem !important
    }

    .intro-subtitle {
        font-size: 1rem
    }

    .intro-para {
        font-size: .4rem
    }

    .intro-pic {
        display: none
    }

    .intro-bottom-line {
        width: 100% !important;
        height: 1px !important
    }
}

@media (max-width:499px) {
    .introduction {
        width: 100%;
        height: 280px;
        top: 45px
    }

    .intor-textbox {
        width: 100%
    }

    .intro-title {
        font-size: 1rem !important
    }

    .intro-subtitle {
        font-size: .9rem
    }

    .intro-para {
        margin: -9px 0 0 0;
        font-size: .8rem
    }

    .intro-pic {
        display: none
    }

    .intro-bottom-line {
        width: 100% !important;
        height: 1px !important
    }

    .small-rotation {
        padding: 52px 6px 0 0
    }
}

.opaci {
    opacity: 0
}

.flyinup {
    animation: flyinup .5s linear;
    -webkit-animation: flyinup .5s linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.flyinup,
.flyinup_t {
    transition: transform .5s
}

.flyinup_t {
    animation: flyinup .5s linear .1s;
    -webkit-animation: flyinup .5s linear .1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.flyinup_th {
    animation: flyinup .5s linear .2s;
    -webkit-animation: flyinup .5s linear .2s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.flyinup_f,
.flyinup_th {
    transition: transform .5s
}

.flyinup_f {
    animation: flyinup .5s linear .3s;
    -webkit-animation: flyinup .5s linear .3s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.flyinup_fi {
    animation: flyinup .5s linear .4s;
    -webkit-animation: flyinup .5s linear .4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

.flyinup_fi,
.flyinup_s {
    transition: transform .5s
}

.flyinup_s {
    animation: flyinup .5s linear .5s;
    -webkit-animation: flyinup .5s linear .5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

@-webkit-keyframes flyinup {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes flyinup {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.line {
    background: #ffa03c;
    width: 3px;
    height: 57px;
    position: relative;
    left: 15px;
    float: left
}

.asia {
    width: 30px;
    height: 30px
}

.earth-line-small {
    display: none
}

.earth-title-left {
    font-weight: 700
}

.earth-title-right {
    text-align: left;
    color: #707070
}

.earth-data {
    display: flex;
    position: relative
}

.earth-category {
    text-align: left
}

.earth-percent {
    font-weight: 700;
    text-align: right
}

@media (min-width:1200px) and (max-width:1399px) {
    .line {
        height: 47px
    }

    .earth-title-right {
        font-size: 1rem
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .line {
        height: 47px
    }

    .earth-title-right {
        font-size: 1rem
    }
}

@media (min-width:768px) and (max-width:991px) {
    .line {
        height: 37px
    }

    .earth-title-left {
        font-size: 2rem
    }

    .earth-title-right {
        font-size: .6rem
    }
}

@media (min-width:600px) and (max-width:767px) {
    .line {
        height: 37px
    }

    .earth-title-left {
        font-size: 2rem
    }

    .earth-title-right {
        font-size: .6rem
    }
}

@media (min-width:500px) and (max-width:599px) {
    .line {
        height: 37px
    }

    .earth-data {
        margin: 0
    }

    .earth-title-left {
        font-size: 1.8rem
    }

    .earth-title-right {
        font-size: .5rem
    }
}

@media (max-width:499px) {
    .line {
        height: 47px
    }

    .earth-img {
        margin-bottom: 1rem
    }

    .earth-data {
        margin: 0
    }

    .earth-title-left {
        font-size: 1.5rem;
        margin-top: 10px
    }

    .earth-title-right {
        font-size: .7rem
    }

    .earth-line-small {
        display: inline
    }

    .earth-category {
        justify-items: center;
        padding-right: 0
    }

    .earth-category,
    .earth-percent {
        display: flex;
        align-items: center
    }
}

.choose-text {
    margin-top: 8rem;
    margin-bottom: 6rem;
    font-weight: 400;
    font-family: Noto Sans SC
}

.btn-primary {
    background-color: #ffa03b !important;
    border: none;
    border-radius: 0
}

.btn-primary:hover {
    background-color: #ff8c00 !important;
    border-radius: 0
}

.featurette-divider {
    margin: 5rem 0
}

.carousel {
    margin-bottom: -2rem
}

.carousel-caption {
    bottom: 3rem;
    z-index: 10
}

.carousel-fonttop {
    color: #000;
    font-weight: 700
}

.carousel-indicators {
    top: 58%;
    margin: 0
}

.carousel-indicators [data-bs-target] {
    background-color: #ffa03c
}

.indicators-i {
    width: 4% !important;
    height: 4px !important
}

.rotation-one {
    width: 1920px;
    height: 1147px;
    background: url(../img/rotation_1.cd2fcc42.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.gradient-top {
    background-image: -webkit-linear-gradient(left, #000, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.carousel-fontbottom {
    color: #666;
    width: 50%
}

.carousel-check {
    background-color: #ffa03c;
    border: none;
    border-radius: 0
}

.carousel-control-next,
.carousel-control-prev {
    filter: invert(100%)
}

.describe {
    width: 55%;
    padding-top: 3%;
    padding-bottom: 3%
}

.top-120 {
    top: 120% !important
}

.top-26 {
    top: 26% !important
}

.start-12 {
    left: 12% !important
}

.carousel-inner {
    overflow: visible
}

@media screen and (min-width:2300px) {
    .carousel-fonttop {
        font-size: 3rem
    }

    .carousel-fontbottom {
        font-size: 1.6rem
    }

    .carousel-btnbox {
        padding-top: 23px !important
    }

    .carousel-check {
        width: 190px;
        font-size: 1.6rem
    }

    .carousel-indicators {
        top: 55%
    }
}

@media (min-width:2000px) and (max-width:2299px) {
    .carousel-fonttop {
        font-size: 3rem
    }

    .carousel-fontbottom {
        font-size: 1.5rem
    }

    .carousel-btnbox {
        padding-top: 17px !important
    }

    .carousel-check {
        width: 200px;
        font-size: 1.5rem
    }

    .carousel-indicators {
        top: 58%
    }
}

@media (min-width:1700px) and (max-width:1999px) {
    .indicators-i {
        width: 5% !important
    }

    .carousel-fonttop {
        font-size: 2.6rem
    }

    .carousel-fontbottom {
        font-size: 1.3rem
    }

    .carousel-btnbox {
        padding-top: 16px !important
    }

    .carousel-check {
        width: 176px;
        font-size: 1.3rem
    }

    .carousel-indicators {
        top: 63%
    }
}

@media (min-width:1400px) and (max-width:1699px) {
    .indicators-i {
        width: 5% !important
    }

    .carousel-fonttop {
        font-size: 2.6rem
    }

    .carousel-fontbottom {
        font-size: 1.2rem
    }

    .carousel-btnbox {
        padding-top: 16px !important
    }

    .carousel-check {
        width: 176px;
        font-size: 1.2rem
    }

    .carousel-indicators {
        top: 68%;
        left: 11%
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .indicators-i {
        width: 5% !important
    }

    .carousel-fonttop {
        font-size: 2.4rem
    }

    .carousel-fontbottom {
        font-size: 1.1rem
    }

    .carousel-btnbox {
        padding-top: 8px !important
    }

    .carousel-check {
        width: 165px;
        font-size: 1.1rem
    }

    .carousel-indicators {
        top: 68%;
        left: 15%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .indicators-i {
        width: 5% !important
    }

    .carousel-fonttop {
        font-size: 2.3rem
    }

    .carousel-fontbottom {
        font-size: 1rem
    }

    .carousel-btnbox {
        padding-top: 0 !important
    }

    .carousel-check {
        width: 125px;
        font-size: 1rem
    }

    .carousel-indicators {
        top: 73%;
        left: 15%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .indicators-i {
        width: 6% !important
    }

    .carousel-fonttop {
        font-size: 1.8rem
    }

    .carousel-fontbottom {
        font-size: .2rem
    }

    .carousel-btnbox {
        padding-top: 0 !important
    }

    .carousel-check {
        width: 140px;
        font-size: .2rem
    }

    .carousel-indicators {
        top: 75%;
        left: 5%
    }
}

@media (min-width:600px) and (max-width:767px) {
    .indicators-i {
        width: 4% !important
    }

    .carousel-fonttop {
        font-size: 2rem
    }

    .carousel-btns {
        text-align: center !important;
        top: 70% !important;
        left: 0 !important;
        right: 0 !important
    }

    .carousel-fontbottom {
        font-size: .2rem;
        width: 100%
    }

    .carousel-btnbox {
        padding-top: 0 !important
    }

    .carousel-check {
        width: 187px;
        font-size: .2rem
    }

    .carousel-indicators {
        top: 64%
    }

    .indictors-my {
        justify-content: center !important
    }

    .bg-img {
        content: url(../img/rotation_1_2.a12b84a5.png)
    }
}

@media (min-width:500px) and (max-width:599px) {
    .carousel-fonttop {
        font-size: 2rem
    }

    .carousel-btns {
        text-align: center !important;
        top: 64% !important;
        left: 0 !important;
        right: 0 !important
    }

    .carousel-fontbottom {
        font-size: .2rem;
        width: 100%
    }

    .carousel-btnbox {
        padding-top: 0 !important
    }

    .carousel-check {
        width: 187px;
        font-size: .2rem
    }

    .carousel-indicators {
        top: 64%
    }

    .indictors-my {
        justify-content: center !important
    }

    .indicators-i {
        width: 4% !important
    }

    .bg-img {
        content: url(../img/rotation_1_2.a12b84a5.png)
    }
}

@media (max-width:499px) {
    .carousel-fonttop {
        font-size: 2rem
    }

    .carousel-btns {
        margin-top: 38% !important;
        margin-left: 0;
        left: 0;
        text-align: center !important
    }

    .carousel-fontbottom {
        font-size: .8rem;
        width: 100%
    }

    .carousel-btnbox {
        padding-top: 0 !important
    }

    .carousel-check {
        font-size: .8rem
    }

    .carousel-indicators {
        top: 63%
    }

    .indictors-my {
        justify-content: center !important
    }

    .bg-img {
        content: url(../img/rotation_1_2.a12b84a5.png)
    }

    .earth-line-large {
        display: none
    }

    .choose-text {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}