:root {
  --theme_color: #000;
  --subtheme_color: #fff;
  --hover_color: #f5f5f5;
  --title_color: #1f1f1f;
  --content_color: #595959;
  --bg_color: #f2f5f5;
  --border_color: #e4e4e7;
}
html {
  font-size: 10px;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
section {
 background-color: rgb(255, 255, 255);
 position: relative;
 z-index: 2;
 }
.page_banner_sm {
 z-index: 3;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 1024px){
.page_banner_sm {
 padding-bottom: 0px;
 }}
.content {
 max-width: 134.4rem;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 768px) and (max-width: 1440px){
.content_small, .content {
 padding: 0px 2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content_small, .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content {
 max-width: 736px;
 padding: 0px;
 }}
@media screen and (max-width: 767px){
.content, .content_small {
 padding: 0px 16px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.flex_middle {
 align-items: center;
 }
.page_banner_sm:has(.nums) .flex {
 padding-top: 8rem;
 overflow: unset;
 }
.page_banner_sm .flex {
 border-radius: 4.8rem;
 background: center center / cover no-repeat;
 padding: 2rem 11.2rem;
 gap: 1.4rem;
 position: relative;
 min-height: 40rem;
 overflow: hidden;
 }
.page_banner_sm .flex::before {
 width: 76.9%;
 height: 100%;
 background: rgba(0, 0, 0, 0.2);
 position: absolute;
 top: 0px;
 left: 0px;
 content: "";
 border-radius: 4.8rem 0px 0px 4.8rem;
 z-index: 0;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.page_banner_sm:has(.num) .flex {
 padding-left: 3.2rem;
 padding-right: 3.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.page_banner_sm .flex::before {
 width: 100%;
 border-radius: 4.8rem;
 }}
@media screen and (max-width: 1024px){
.page_banner_sm:has(.nums) .flex {
 padding: 6rem 3.2rem;
 }}
@media screen and (max-width: 1024px){
.page_banner_sm .flex {
 padding: 6rem;
 min-height: unset;
 gap: 4.1rem;
 }}
@media screen and (max-width: 1024px){
.page_banner_sm .flex::before {
 width: 100%;
 border-radius: 4.8rem;
 }}
@media screen and (max-width: 767px){
.page_banner_sm:has(.nums) .flex {
 padding: 2.4rem 1.2rem;
 }}
@media screen and (max-width: 767px){
.page_banner_sm .flex {
 padding: 2.4rem;
 min-height: unset;
 gap: 2.4rem;
 background-position: left top;
 }}
.page_banner_sm .banner_head {
 text-shadow: rgb(96, 96, 96) 2px 2px 0px;
 position: relative;
 z-index: 2;
 padding: 0px 0.8rem;
 }
.page_banner_sm .banner_head {
 text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 0px;
 max-width: 53rem;
 margin-left: -5.5rem;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.page_banner_sm .banner_head {
 margin: 0px;
 }}
@media screen and (max-width: 1024px){
.page_banner_sm .banner_head {
 margin: 0px;
 padding: 0px;
 }}
@media screen and (max-width: 1024px){
.page_banner_sm:has(.nums) .banner_head {
 max-width: unset;
 }}
@media screen and (max-width: 767px){
.page_banner_sm:has(.nums) .banner_head {
 padding: 0px 1.2rem;
 }}
.banner_head h1 {
 font-size: 5.6rem;
 line-height: 6.4rem;
 color: var(--subtheme_color);
 font-weight: 400;
 }
.page_banner_sm .banner_head h1 {
 margin-bottom: 2.4rem;
 }
@media screen and (max-width: 1024px){
.page_banner_sm .banner_head h1 {
 margin-bottom: 4rem;
 }}
@media screen and (max-width: 767px){
.banner_head h1 {
 font-size: 3.2rem;
 line-height: 4rem;
 }}
.banner_head .desc {
 color: rgb(255, 255, 255);
 font-size: 2.4rem;
 font-weight: 400;
 line-height: 3.2rem;
 }
.page_banner_sm:has(.nums) .banner_head .desc {
 min-height: 12.8rem;
 padding-bottom: 0px;
 }
.page_banner_sm .banner_head .desc {
 padding-bottom: 1rem;
 }
@media (min-width: 576px) and (max-width: 768px){
.page_banner_sm:has(.nums) .banner_head .desc {
 max-width: 31.7rem !important;
 }}
@media screen and (max-width: 1024px){
.page_banner_sm .banner_head .desc {
 margin-bottom: 0px;
 }}
@media screen and (max-width: 1024px){
.page_banner_sm:has(.nums) .banner_head .desc {
 min-height: unset;
 max-width: unset;
 }}
@media screen and (max-width: 767px){
.banner_head .desc {
 font-size: 1.6rem;
 line-height: 2.4rem;
 }}
@media screen and (max-width: 767px){
.page_banner_sm:has(.nums) .banner_head .desc {
 max-width: unset;
 }}
.page_banner_sm .box {
 width: 100%;
 border-radius: 24px;
 background: rgb(255, 255, 255);
 box-shadow: rgba(161, 161, 161, 0.01) 0px 10.9rem 4.3rem 0px, rgba(161, 161, 161, 0.05) 0px 6.1rem 3.7rem 0px, rgba(161, 161, 161, 0.09) 0px 2.7rem 2.7rem 0px, rgba(161, 161, 161, 0.1) 0px 0.7rem 1.5rem 0px;
 position: relative;
 z-index: 2;
 margin-bottom: -8rem;
 }
@media screen and (max-width: 1024px){
.page_banner_sm .box {
 margin-bottom: -11.8rem;
 }}
@media screen and (max-width: 767px){
.page_banner_sm .box {
 margin-bottom: -9rem;
 }}
.page_banner_sm .nums > div {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 padding: 0px 4.5%;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.page_banner_sm .nums > div {
 padding: 0px;
 }}
@media screen and (max-width: 1024px){
.page_banner_sm .nums > div {
 padding: 0px;
 grid-template-columns: 1fr 40% 1fr;
 }}
@media screen and (max-width: 767px){
.page_banner_sm .nums > div {
 grid-template-columns: 1fr;
 gap: 1.6rem;
 padding: 1.6rem 2.4rem;
 }}
.page_banner_sm .nums .item {
 text-align: center;
 padding: 13.1% 2rem 12%;
 position: relative;
 }
.page_banner_sm .nums .item::after {
 width: 1px;
 height: 100%;
 max-height: 6.4rem;
 background-color: rgb(224, 224, 224);
 content: "";
 position: absolute;
 top: 50%;
 right: 0px;
 transform: translateY(-50%);
 }
@media screen and (max-width: 1024px){
.page_banner_sm .nums .item {
 padding: 4rem 1rem;
 }}
@media screen and (max-width: 767px){
.page_banner_sm .nums .item {
 display: flex;
 align-items: center;
 padding: 0px;
 gap: 1.6rem;
 }}
@media screen and (max-width: 767px){
.page_banner_sm .nums .item::after {
 display: none;
 }}
.page_banner_sm .nums .item span {
 color: rgb(0, 0, 0);
 font-size: 4rem;
 font-weight: 600;
 line-height: 1;
 position: relative;
 padding: 0px 1rem;
 z-index: 2;
 margin-bottom: 0.3rem;
 display: inline-block;
 }
.page_banner_sm .nums .item span::before {
 width: 100%;
 height: 0.8rem;
 background-color: rgb(242, 232, 217);
 position: absolute;
 bottom: 0.2rem;
 left: 0px;
 content: "";
 z-index: -1;
 }
.page_banner_sm .nums .item:nth-child(1) span::after {
 content: "%";
 }
@media screen and (max-width: 1024px){
.page_banner_sm .nums .item span {
 line-height: 4.8rem;
 margin-bottom: 0px;
 }}
@media screen and (max-width: 767px){
.page_banner_sm .nums .item span {
 font-size: 2.4rem;
 line-height: 3.2rem;
 padding: 0px;
 text-align: center;
 }}
.page_banner_sm .nums .item p {
 font-size: 1.4rem;
 line-height: 2.2rem;
 color: var(--content_color);
 }
@media screen and (max-width: 767px){
.page_banner_sm .nums .item p {
 flex: 1 1 0%;
 text-align: left;
 font-size: 1.2rem;
 }}
.page_banner_sm .nums .item:nth-child(2) span::after {
 content: "+";
 }
.page_banner_sm .nums .item:nth-child(3n)::after {
 display: none;
 }
.page_banner_sm .nums .item:nth-child(3) span::after {
 content: "k+";
 }
button, input, textarea {
 outline: none;
 border: none;
 font-family: unset;
 color: var(--title_color);
 }
input[type="submit"], button {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
 
@media screen and (max-width: 786px){


}