* {padding: 0;margin: 0;list-style: none;text-decoration: none;outline: none;font-family: 'Arial','PingFang SC', 'Microsoft YaHei', sans-serif}

body {width: 100%;overflow-x: hidden;font-family: 'Arial','PingFang SC', 'Microsoft YaHei', sans-serif}

html {font-size: 62.5%}

*,*::after,*::before {box-sizing: border-box}

img {object-fit: cover;vertical-align: middle}

img:not(.none) {max-width: 100%;max-height: 100%}

textarea {resize: none;font-family: inherit}

button {border: none;cursor: pointer}

.bezier .swiper-wrapper,.div_bezier {transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important}

table {border-collapse: collapse}

[data-scrollbar] {height: 100vh}
 

._scroll_y {position: fixed;top: 0;right: 3px;width: 6px;height: 100vh;z-index: 9999;border-radius: 10px;display: none;}

._scroll_y div {width: 100%;height: 0;border-radius: 10px;background: black;opacity: 0;position: relative;transition: opacity 0.3s ease;cursor: grab}

::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.5);border-radius: 0.4rem}

::-webkit-scrollbar-track {background-color: transparent}

[data-wheel]::-webkit-scrollbar {width: 7px}

[data-wheel]::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.2);border-radius: 0.4rem}

[data-wheel]::-webkit-scrollbar-track {background-color: transparent}

html.lenis,html.lenis body {height: auto}

.lenis.lenis-smooth {scroll-behavior: auto !important}

.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain}

.lenis.lenis-stopped {overflow: hidden}

.lenis.lenis-scrolling iframe {pointer-events: none}

@media screen and (max-width: 1024px) {.scrollbar-thumb {width:0 !important}}

.scrollbar-track-y {z-index: 9999 !important}

.scrollbar-track {background-color: transparent !important;right: 0 !important}

.scrollbar-track:hover {cursor: grab}

.scrollbar-thumb {background: rgba(0,0,0,0.5) !important}

section {overflow: hidden}

section.unset {overflow: unset}

.common_bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1} 

@keyframes floating {0%, 100% {transform: translate(0%, -50%)}

    25% {transform: translate(5px, calc(-50% + 15px))}

    50% {transform: translate(10px, calc(-50% + 5px))}

    75% {transform: translate(0%, calc(-50% + 15px))}}

@keyframes roteAnimate {100% {transform: rotate(1turn)}}

body.acquiesce .header {height: 90px;background: #fff}

body.acquiesce .header .logo img:first-child {opacity: 0}

body.acquiesce .header .logo img:last-child {opacity: 1}

body.acquiesce .header .r .nav .item .show p {color: #111111}

body.acquiesce .header .r .nav .item .show .iconfont {color: #111}

body.acquiesce .header .r .other {filter: invert(100%)} 

.parallax .common_bg {transform: scale(1.1);transition: 4s ease}

.parallax .common_bg.on {transform: scale(1)} 

.common_section1 {padding: 269px 0 0 0}

.common_section1 .wrap .title {padding: 0 60px;font-weight: bold;font-size: 60px;color: #111111;margin: 0 0 50px;text-transform: uppercase}

.common_section1 .wrap .title .dis {display: flex;justify-content: space-between}

.common_section1 .wrap .title .dis .l h1 {font-size: 60px;margin: 0 0 5px}

.common_section1 .wrap .title .dis .l p {font-weight: 600;font-size: 20px;color: #111111}

.common_section1 .wrap .title .dis .r_list {width: 693px;font-weight: 400;font-size: 18px;color: #111111;line-height: 30px}

.common_section1 .wrap .content {width: 100%;position: relative}

.common_section1 .wrap .content img {width: 100%}

.common_section1 .wrap .content .position {position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding: 0 60px;width: 100%;z-index: 2;font-weight: 600;font-size: 50px;color: #FFFFFF}

.common_paging {display: flex;align-items: center;justify-content: center}

.common_paging a:not(:first-child,:last-child) {font-weight: 400;font-size: 20px;color: #111111;margin: 0 14px;transition: .6s ease;position: relative;top: 1px}

.common_paging a:first-child .iconfont {transform: rotate(180deg)}

.common_paging a:first-child,.common_paging a:last-child {width: 55px;height: 55px;background: #EFEFF1;border-radius: 4px;display: flex;align-items: center;justify-content: center;transition: .6s ease;margin: 0 17px}

.common_paging a:first-child .iconfont,.common_paging a:last-child .iconfont {color: #FF6000;transition: .6s ease}

.common_paging a:first-child:hover,.common_paging a:last-child:hover {background: #111111}

.common_paging a:first-child:hover .iconfont,.common_paging a:last-child:hover .iconfont {color: #fff}

.common_paging a:hover {color: #FF6000}

.common_paging a.on {color: #FF6000}

.common_section1 {padding: 269px 0 0 0}

.common_section1 .wrap .title {padding: 0 57px;font-weight: bold;font-size: 60px;color: #111111;margin: 0 0 32px;text-transform: uppercase;font-family: 'Poppins SemiBold b',sans-serif}

.common_section1 .wrap .content {width: 100%;position: relative;overflow: hidden}

.common_section1 .wrap .content.aos-animate img {transform: scale(1)}

.common_section1 .wrap .content img {width: 100%;transform: scale(1.2);transition: 6s}

.common_section1 .wrap .content .text {font-weight: 600;font-size: 50px;color: #FFFFFF;line-height: 60px;position: absolute;left: 60px;top: 50%;transform: translateY(-50%)}

.common_message {padding: 100px 0 110px 0;background: #fff}

.common_message .wrap {width: 1560px;margin: auto;display: flex;justify-content: space-between}

.common_message .wrap .l {width: 641px;font-weight: 400;font-size: 36px;color: #111111;line-height: 46px;text-align: left;font-style: normal;text-transform: none}

.common_message .wrap .r {width: 780px}

.common_message .wrap .r .title {font-weight: bold;font-size: 50px;color: #111111;line-height: 30px;text-align: left;font-style: normal;margin: 0 0 70px;text-transform: uppercase;font-family: 'Poppins SemiBold b',sans-serif}

.common_message .wrap .r .content input {width: 100%;height: 60px;border: none;border-bottom: 1px solid rgba(183,177,172,0.3);font-weight: 400;font-size: 18px;font-style: normal;text-transform: none}

.common_message .wrap .r .content input:first-child {border-top: 1px solid rgba(183,177,172,0.3)}

.common_message .wrap .r .content input::placeholder {color: #928B85}

.common_message .wrap .r .content button {margin: 47px 0 0 0;width: 160px;height: 50px;background: #111111;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 18px;color: #FFFFFF;text-align: center;font-style: normal;text-transform: uppercase;transition: .6s ease}

.common_message .wrap .r .content button:hover {background: #FF6000}