:root {
--subtheme_color:#093258;
--title_color:#093258;
--theme_color:#00a2ea;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
.home_banner .home_banner_swiper {
 overflow: hidden;
 position: relative;
 color: rgb(255, 255, 255);
 background-color: var(--subtheme_color);
 }
ul {
 list-style: none;
 }
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform, -webkit-transform;
 box-sizing: content-box;
 }
.swiper-container-android .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
li.swiper-slide {
 height: auto;
 }
.home_banner .home_banner_swiper .swiper-slide {
 overflow: hidden;
 padding: 120px 0px;
 background: url("https://huamei2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_0/assets/img/home-banner.jpg") center center / cover no-repeat;
 position: relative;
 }
.home_banner .home_banner_swiper .swiper-slide::before {
 width: 100%;
 height: 100%;
 background-image: linear-gradient(transparent, rgb(255, 255, 255), transparent);
 opacity: 0;
 content: "";
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 0;
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform, -webkit-transform;
 }
@media screen and (max-width: 1024px){
.home_banner .home_banner_swiper .swiper-slide::before {
 opacity: 0.8;
 }}
@media screen and (max-width: 768px){
.home_banner .home_banner_swiper .swiper-slide {
 padding: 4rem 0px;
 }}
.banner_content {
 max-width: 1554px;
 margin: 0px auto;
 position: relative;
 }
.banner_content {
 max-width: 1560px;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.banner_content, .home_support .content, .support_contact .content, .content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.banner_content, .home_support .content, .support_contact .content, .content {
 max-width: 1250px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 padding: 0px 1.2rem;
 }}
.flex {
 display: flex;
 }
.flex_middle {
 align-items: center;
 }
.home_banner .home_banner_swiper .swiper-slide .flex {
 padding: 4rem 0px;
 min-height: 681px;
 }
@media screen and (max-width: 768px){
.home_banner .home_banner_swiper .swiper-slide .flex {
 padding: 3rem 0px 4rem;
 min-height: unset;
 }}
.home_banner .head_banner {
 max-width: 700px;
 padding-bottom: 4%;
 }
@media screen and (max-width: 768px){
.home_banner .head_banner {
 max-width: unset;
 padding-bottom: 0px;
 }}
.head_banner .title {
 width: 100%;
 display: inline-block;
 font-size: 117px;
 line-height: 1.15;
 font-weight: 800;
 background: linear-gradient(to right, rgb(6, 71, 124), rgb(51, 143, 207), rgb(123, 222, 255)) text;
 color: transparent;
 position: relative;
 }
.head_banner .title::after {
 width: 100%;
 height: 1px;
 content: "";
 background-image: linear-gradient(to right, rgb(16, 162, 237), rgb(7, 169, 232), rgb(123, 222, 255));
 position: absolute;
 left: 0px;
 bottom: 0px;
 }
.fadeInLeft {
 animation-name: fadeInLeft;
 }
@media screen and (max-width: 768px){
.head_banner .title, .page_banner .head_banner .title {
 font-size: 25px;
 line-height: 1.5;
 }}
.head_banner .desc_big {
 font-size: 32px;
 line-height: 65px;
 color: var(--title_color);
 font-weight: 600;
 letter-spacing: 1px;
 }
.home_banner .head_banner .desc_big {
 margin: 7px 0px 4px;
 }
@media screen and (max-width: 768px){
.head_banner .desc_big, .page_banner .head_banner .desc_big {
 font-size: 16px;
 line-height: 1.5;
 letter-spacing: normal;
 }}
.head_banner .desc {
 font-size: 17px;
 line-height: 28px;
 color: rgba(0, 0, 0, 0.75);
 hyphens: auto;
 font-weight: 300;
 }
@media screen and (max-width: 768px){
.head_banner .desc, .page_banner .head_banner .desc {
 font-size: 14px;
 line-height: 1.5;
 }}
a {
 color: inherit;
 font-size: inherit;
 text-decoration: none;
 }
.btn {
 display: inline-flex;
 vertical-align: top;
 align-items: center;
 justify-content: center;
 font-size: 18px;
 line-height: 22px;
 border-radius: 8px;
 font-weight: 500;
 transition: 0.3s;
 gap: 12px;
 cursor: pointer;
 color: rgb(255, 255, 255);
 padding: 18px 26px;
 min-width: 192px;
 background-color: var(--theme_color);
 border: 1px solid var(--theme_color);
 }
.btn:hover {
 background-color: rgb(255, 255, 255);
 color: var(--title_color);
 }
.home_banner .head_banner .btn {
 margin-top: 20px;
 }
@media screen and (max-width: 768px){
.btn {
 font-size: 14px;
 padding: 11px 22px;
 min-width: 120px;
 line-height: 1.5;
 gap: 6px;
 }}
.swiper_btns {
 display: flex;
 gap: 30px;
 }
.swiper_btns.middle {
 width: 98%;
 max-width: 1540px;
 justify-content: space-between;
 position: absolute;
 z-index: 2;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 pointer-events: none;
 }
.home_banner .swiper_btns {
 max-width: unset;
 top: 47%;
 width: 99.5%;
 }
@media screen and (min-width: 768px) and (max-width: 1024px){
.swiper_btns {
 gap: 2rem;
 }}
@media screen and (max-width: 768px){
.swiper_btns {
 gap: 1rem;
 }}
@media screen and (max-width: 768px){
.home_banner .swiper_btns {
 display: none;
 }}
.swiper_btns div {
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 64px;
 aspect-ratio: 1 / 1;
 border-radius: 100%;
 background-color: var(--theme_color);
 border: 1px solid var(--theme_color);
 transition: 0.3s;
 }
.swiper_btns div::after {
 content: "";
 display: block;
 width: 7px;
 height: 13px;
 transition: 0.3s;
 background: url("https://huamei2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_0/assets/img/arrow-b.svg") center center / contain no-repeat;
 filter: contrast(0) brightness(2);
 }
.swiper_btns div:hover {
 border-color: var(--subtheme_color);
 background-color: var(--subtheme_color);
 }
.swiper_btns div:hover::after {
 filter: contrast(0) brightness(2);
 }
.swiper_btns .swiper-button-disabled {
 border-color: rgba(23, 23, 23, 0.5);
 background-color: transparent;
 pointer-events: none;
 }
.swiper_btns .swiper-button-disabled::after {
 filter: unset;
 }
.swiper_btns.middle div {
 pointer-events: all;
 }
.swiper_btns.middle .swiper-button-disabled {
 pointer-events: none;
 }
.home_banner .swiper_btns div {
 border-color: transparent;
 background-color: transparent;
 }
.home_banner .swiper_btns div::after {
 width: 12px;
 height: 22px;
 background-image: url("https://huamei2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_0/assets/img/arrow-l.svg");
 filter: contrast(0) brightness(2);
 }
.home_banner .swiper_btns div:hover::after {
 filter: none;
 }
@media screen and (min-width: 768px) and (max-width: 1440px){
.swiper_btns div {
 width: 3.5rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.swiper_btns div {
 width: 3rem;
 }}
@media screen and (max-width: 768px){
.swiper_btns div {
 width: 40px;
 height: 40px;
 }}
@media screen and (max-width: 768px){
.swiper_btns div::after {
 width: 12px;
 height: 12px;
 }}
.swiper_btns .btn_next::after {
 transform: rotate(180deg);
 }
.scrollbar_box {
 display: flex;
 align-items: center;
 font-size: 18px;
 line-height: 1;
 gap: 18px;
 }
.scrollbar_box.white {
 color: rgb(255, 255, 255);
 }
.home_banner .scrollbar_box {
 position: absolute;
 left: 0px;
 bottom: 0px;
 z-index: 9;
 padding-bottom: 7.5%;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.home_banner .scrollbar_box {
 width: calc(100% - 2.4rem);
 left: 1.2rem;
 }}
@media screen and (max-width: 768px){
.scrollbar_box {
 font-size: 14px;
 gap: 12px;
 }}
@media screen and (max-width: 768px){
.home_banner .scrollbar_box {
 left: 1.2rem;
 bottom: 2rem;
 padding: 0px;
 }}
.scrollbar_box.white .swiper-scrollbar {
 background-color: rgba(255, 255, 255, 0.3);
 }
.scrollbar_box .swiper-scrollbar {
 width: 156px;
 height: 2px;
 background-color: rgba(61, 61, 61, 0.3);
 }
.swiper-scrollbar {
 border-radius: 10px;
 position: relative;
 background: rgba(0, 0, 0, 0.1);
 }
.scrollbar_box.white .swiper-scrollbar .swiper-scrollbar-drag {
 background-color: rgb(255, 255, 255);
 }
.scrollbar_box .swiper-scrollbar .swiper-scrollbar-drag {
 cursor: grab;
 background-color: rgb(22, 22, 22);
 }
.swiper-scrollbar-drag {
 height: 100%;
 width: 100%;
 position: relative;
 background: rgba(0, 0, 0, 0.5);
 border-radius: 10px;
 left: 0px;
 top: 0px;
 }
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){


}
 
:root {
--title_color:#093258;
}
.home_digital {
 margin-top: -58px;
 overflow: hidden;
 padding-bottom: 50px;
 }
@media screen and (max-width: 1024px){
.home_digital {
 margin-top: -2rem;
 }}
@media screen and (max-width: 768px){
.home_digital {
 margin-top: -1rem;
 padding-bottom: 2rem;
 }}
.content {
 max-width: 1440px;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.banner_content, .home_support .content, .support_contact .content, .content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.banner_content, .home_support .content, .support_contact .content, .content {
 max-width: 1250px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 padding: 0px 1.2rem;
 }}
.home_digital .nums {
 position: relative;
 z-index: 1;
 }
.home_digital .nums::before {
 position: absolute;
 content: "";
 width: 111.389%;
 height: 100%;
 background-image: linear-gradient(to top, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0.6));
 bottom: 0px;
 left: -5.2%;
 border-radius: 15px;
 box-shadow: rgba(224, 224, 224, 0.35) 0px 20px 15px;
 }
@media screen and (max-width: 1024px){
.home_digital .nums::before {
 background-image: linear-gradient(to top, rgb(255, 255, 255) 95%, rgba(255, 255, 255, 0.6));
 }}
@media screen and (max-width: 768px){
.home_digital .nums {
 padding: 1rem 0px;
 }}
@media screen and (max-width: 768px){
.home_digital .nums::before {
 width: 100vw;
 border-radius: 0px;
 left: -1.2rem;
 }}
.home_digital .nums > div {
 position: relative;
 gap: 1rem 2%;
 z-index: 1;
 display: flex;
 justify-content: space-between;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.home_digital .nums > div {
 padding-right: 0px;
 }}
@media screen and (max-width: 1024px){
.home_digital .nums > div {
 padding-right: 0px;
 }}
@media screen and (max-width: 768px){
.home_digital .nums > div {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 1rem;
 }}
.home_digital .nums .item {
 display: flex;
 flex-direction: column;
 padding: 52px 0px;
 }
@media screen and (max-width: 1024px){
.home_digital .nums .item {
 padding: 2rem 0px;
 }}
@media screen and (max-width: 768px){
.home_digital .nums .item {
 padding: 1rem 0px;
 }}
.home_digital .nums .item .info {
 font-size: 58px;
 line-height: 1.5;
 color: var(--title_color);
 display: flex;
 align-items: center;
 font-weight: 600;
 margin-bottom: 6px;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.home_digital .nums .item .info {
 font-size: 38px;
 }}
@media screen and (max-width: 768px){
.home_digital .nums .item .info {
 font-size: 22px;
 margin-bottom: 12px;
 }}
.home_digital .nums .item .icon {
 display: block;
 content: "";
 width: 70px;
 min-width: 70px;
 aspect-ratio: 1 / 1;
 background: center center / cover no-repeat;
 margin-right: 20px;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.home_digital .nums .item .icon {
 width: 50px;
 }}
@media screen and (max-width: 1024px){
.home_digital .nums .item .icon {
 margin-right: 12px;
 }}
@media screen and (max-width: 768px){
.home_digital .nums .item .icon {
 width: 46px;
 min-width: 46px;
 aspect-ratio: 1 / 1;
 background: center center / cover no-repeat;
 margin-right: 1rem;
 }}
.home_digital .nums .item .title {
 font-size: 20px;
 line-height: 31px;
 color: rgb(34, 34, 34);
 font-weight: 300;
 text-align: center;
 }
@media screen and (max-width: 1024px){
.home_digital .nums .item .title {
 font-size: 16px;
 }}
@media screen and (max-width: 768px){
.home_digital .nums .item .title {
 font-size: 14px;
 line-height: 1.5;
 text-align: left;
 }}
.home_digital .nums .item:last-child {
 margin-right: 0px;
 }
 
@media screen and (max-width: 786px){


}
 
:root {
--title_color:#093258;
--theme_color:#00a2ea;
--content_color:#3d3d3d;
--subtheme_color:#093258;
}
.home_technology {
 padding: 36px 0px 52px;
 }
@media screen and (max-width: 768px){
.home_technology {
 padding: 3rem 0px 0px;
 }}
@media screen and (min-width: 768px) and (max-width: 1600px){
.banner_content, .home_support .content, .support_contact .content, .content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.banner_content, .home_support .content, .support_contact .content, .content {
 max-width: 1250px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 padding: 0px 1.2rem;
 }}
.home_technology .head {
 max-width: 653px;
 }
.head .subtitle {
 font-size: 16px;
 line-height: 62px;
 color: rgb(48, 48, 48);
 text-transform: uppercase;
 letter-spacing: 4px;
 font-weight: 300;
 }
@media screen and (max-width: 768px){
.head .subtitle {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: normal;
 }}
.head h2 {
 font-size: 50px;
 line-height: 62px;
 color: var(--title_color);
 hyphens: auto;
 }
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.head h2 span {
 color: var(--theme_color);
 }
.home_technology .container {
 padding: 6.6% 0px;
 background: url("https://huamei2.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/home_2/assets/img/section-bg.jpg") center center / cover no-repeat;
 margin-top: -64px;
 }
@media screen and (max-width: 1024px){
.home_technology .container {
 margin-top: 0px;
 }}
@media screen and (max-width: 768px){
.home_technology .container {
 padding: 2rem 0px;
 }}
.wrap {
 flex-wrap: wrap;
 }
.gap {
 gap: 1.25rem;
 }
.home_technology .gap {
 gap: 1rem 5.5%;
 }
.home_technology .home_technology_swiper {
 max-width: 51.016%;
 aspect-ratio: 734 / 529;
 border-radius: 22px;
 overflow: hidden;
 }
@media screen and (max-width: 1024px){
.home_technology .home_technology_swiper {
 max-width: 100%;
 }}
@media screen and (max-width: 768px){
.home_technology .home_technology_swiper {
 border-radius: 12px;
 }}
.home_technology .home_technology_swiper .swiper-slide img {
 width: 100%;
 height: 100%;
 display: block;
 object-fit: cover;
 transition: 0.5s;
 }
.home_technology .home_technology_swiper .swiper-slide img:hover {
 transform: scale(1.03);
 }
.home_technology .items {
 flex: 1 1 0%;
 }
.home_technology .items > div {
 display: grid;
 }
.home_technology .items .item {
 border-bottom: 1px solid rgb(229, 229, 229);
 }
.home_technology .items .item.active .Q {
 color: var(--theme_color);
 font-weight: 700;
 }
.home_technology .items .item.active .Q::after {
 transform: rotate(180deg);
 }
.home_technology .items .item .Q {
 font-size: 30px;
 line-height: 1.5;
 font-weight: 600;
 color: rgb(119, 119, 119);
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 18px 0px;
 cursor: pointer;
 transition: 0.3s;
 }
.home_technology .items .item .Q::after {
 width: 16px;
 height: 8px;
 content: "";
 display: inline-block;
 background: url("https://huamei2.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/home_2/assets/img/arrow-down.svg") center center / contain no-repeat;
 filter: contrast(0) brightness(0);
 transition: 0.3s;
 }
@media screen and (max-width: 768px){
.home_technology .items .item .Q {
 font-size: 18px;
 padding: 1rem 0px;
 }}
@media screen and (max-width: 768px){
.home_technology .items .item .Q::after {
 width: 12px;
 height: 6px;
 content: "";
 }}
.home_technology .items .item:first-child .A {
 display: block;
 }
.home_technology .items .item .A {
 display: none;
 font-size: 18px;
 line-height: 30px;
 color: var(--content_color);
 font-weight: 300;
 hyphens: auto;
 padding-bottom: 5%;
 }
@media screen and (max-width: 768px){
.home_technology .items .item .A {
 font-size: 14px;
 line-height: 1.5;
 padding-bottom: 1rem;
 }}
.home_technology .items .item .A p {
 margin-bottom: 32px;
 }
@media screen and (max-width: 768px){
.home_technology .items .item .A p {
 margin-bottom: 1rem;
 }}
.home_technology .items .item .A a {
 margin-top: auto;
 color: var(--title_color);
 font-weight: 600;
 display: inline-flex;
 align-items: center;
 gap: 11px;
 transition: 0.3s;
 }
.home_technology .items .item .A a:hover {
 text-decoration: underline;
 }
@media screen and (max-width: 768px){
.home_technology .items .item .A a {
 gap: 8px;
 }}
i {
 font-style: normal;
 }
.btn_circle {
 display: inline-flex;
 vertical-align: top;
 align-items: center;
 justify-content: center;
 border-radius: 100%;
 width: 52px;
 aspect-ratio: 1 / 1;
 content: "";
 transition: 0.3s;
 cursor: pointer;
 border: 1px solid var(--theme_color);
 background-color: var(--theme_color);
 }
.btn_circle::after {
 width: 13px;
 height: 11px;
 content: "";
 display: block;
 background: url("https://huamei2.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/home_2/assets/img/arrow-r.svg") center center / contain no-repeat;
 transition: 0.3s;
 filter: contrast(0) brightness(2);
 }
.btn_circle:hover {
 background-color: var(--subtheme_color);
 border-color: var(--subtheme_color);
 }
.home_technology .items .item .A a:hover .btn_circle {
 background-color: var(--subtheme_color);
 border-color: var(--subtheme_color);
 }
@media screen and (max-width: 768px){
.btn_circle {
 width: 2rem;
 }}
@media screen and (max-width: 768px){
.btn_circle::after {
 width: 10px;
 height: 10px;
 }}
.home_technology .items .item:last-child {
 border-bottom-color: transparent;
 }
 
@media screen and (max-width: 786px){


}
 
/*
Theme Name: Sytech Web
Author: The Sytech Team
Author URI:  https://sytech-web.cn
Description: A Beautiful, Fast Loading and SEO Ready Website
Version: 2.0.0
*/

* {
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
.content { 
	margin: 0 auto;
	position: relative;
}

html {
	scroll-behavior: smooth;
}
.flex {
	display: flex;
}
.wrap {
	flex-wrap: wrap;
}
.flex1 {
	flex:1;
}
.flex2 {
	flex:2;
}
.flex3 {
	flex:3;
}
.between {
	justify-content: space-between;
}
.center {
	text-align: center;
}
.boxshadow {
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	background: white;
}


.tools_part_vendor .tools_part_box{
  padding: 4rem 0px;
  text-align: center;
}

.tools_part_vendor .tools_part_box input{
  padding: .8rem 1rem;
  border-radius: 5px;
  min-width: 300px;
  border: 1px #ddd solid ;
}
.tools_part_vendor .tools_part_box button{
  background: white;
  border: 1px solid #f8f8f8;
  color: #4c4c4c;
  padding: 0.8rem 1.5rem;
  display: inline-block;
  font-weight: 500;
  border: none;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #33bde9;
  border: 1px solid #33bde9;
  color: white;
  padding: 0.8rem 1.5rem;
}
 
@media screen and (min-width: 786px)  and (max-width: 1600px) {
  
}
@media screen and (min-width: 786px)  and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1200px) {
  .content {
    max-width: 1000px;
  }
  .swiper_content {
    max-width: 1020px;
  }
  .solution_strength .head p {
    width: 70%;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1000px) {
  .content {
    max-width: 786px;
  }
  .swiper_content {
    max-width: 806px;
  }
  .solution_strength .head p {
    width: 90%;
  }
}
 
@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
}

 
:root {
--title_color:#093258;
--theme_color:#00a2ea;
--value:;
--subtheme_color:#093258;
}
.home_testimonials {
 padding: 50px 0px 140px;
 overflow: hidden;
 }
@media screen and (max-width: 768px){
.home_testimonials {
 padding: 3rem 0px;
 }}
@media screen and (min-width: 768px) and (max-width: 1600px){
.banner_content, .home_support .content, .support_contact .content, .content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.banner_content, .home_support .content, .support_contact .content, .content {
 max-width: 1250px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 padding: 0px 1.2rem;
 }}
.center {
 text-align: center;
 }
.fadeInUp {
 animation-name: fadeInUp;
 }
@media screen and (max-width: 768px){
.head .subtitle {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: normal;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.flex_top {
 align-items: flex-start;
 }
.home_testimonials .gap {
 margin-top: 49px;
 }
@media screen and (max-width: 1024px){
.home_testimonials .flex {
 flex-wrap: wrap;
 }}
@media screen and (max-width: 768px){
.home_testimonials .gap {
 margin-top: 2rem;
 gap: 1rem;
 }}
.home_testimonials .leftbox {
 min-width: 79.375%;
 margin-left: -16.1%;
 }
@media screen and (min-width: 768px) and (max-width: 1800px){
.home_testimonials .leftbox {
 margin-left: -8.1%;
 }}
@media screen and (min-width: 768px) and (max-width: 1600px){
.home_testimonials .leftbox {
 margin-left: -5.1%;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.home_testimonials .leftbox {
 min-width: 70%;
 margin-left: -2.1%;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.home_testimonials .leftbox {
 min-width: 77%;
 margin-left: -12.1%;
 }}
@media screen and (max-width: 1024px){
.home_testimonials .leftbox {
 min-width: unset;
 width: 100%;
 margin-left: 0px;
 }}
.item_effect {
 position: relative;
 width: 100%;
 aspect-ratio: 462 / 588;
 border-radius: 26px;
 overflow: hidden;
 }
.home_testimonials .item_effect {
 aspect-ratio: 1143 / 756;
 border-radius: 0px 26px 26px 0px;
 }
@media screen and (max-width: 1024px){
.home_testimonials .leftbox .item_effect {
 border-radius: 12px;
 }}
@media screen and (max-width: 768px){
.item_effect {
 border-radius: 12px;
 }}
.item_effect .pic {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-size: cover;
 }
.item_effect .pic .desc {
 position: absolute;
 bottom: 5.1%;
 right: 61px;
 font-size: 18px;
 line-height: 32px;
 font-weight: 300;
 color: rgb(255, 255, 255);
 z-index: 3;
 text-align: right;
 }
@media screen and (max-width: 768px){
.item_effect .pic .desc {
 bottom: 1rem;
 right: 1rem;
 font-size: 14px;
 line-height: 1.5;
 }}
.item_effect .pic .desc strong {
 font-size: 30px;
 font-weight: 500;
 display: block;
 margin-top: 2px;
 }
@media screen and (max-width: 768px){
.item_effect .pic .desc strong {
 font-size: 16px;
 margin-top: 0px;
 }}
.item_effect .left {
 z-index: 2;
 width: 50%;
 border-right: 4px solid rgb(255, 255, 255);
 }
@media screen and (max-width: 768px){
.item_effect .left {
 border-right: 3px solid rgb(255, 255, 255);
 }}
.item_effect .left span {
 width: 38px;
 aspect-ratio: 38 / 66;
 content: "";
 background: url("https://huamei2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_4/assets/img/scrollblock.svg") center center / cover no-repeat;
 cursor: pointer;
 display: block;
 position: absolute;
 top: 50%;
 right: -2px;
 transform: translate(50%, -50%);
 z-index: 3;
 }
@media screen and (max-width: 768px){
.item_effect .left span {
 width: 20px;
 }}
.item_effect .left .desc {
 text-align: left;
 min-width: 215px;
 right: unset;
 left: 59px;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.home_testimonials .leftbox .item_effect .left .desc {
 left: 85px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.home_testimonials .leftbox .item_effect .left .desc {
 left: 100px;
 }}
@media screen and (max-width: 1024px){
.home_testimonials .leftbox .item_effect .left .desc {
 left: 59px;
 }}
@media screen and (max-width: 768px){
.item_effect .left .desc {
 min-width: 215px;
 left: 1rem;
 }}
@media screen and (max-width: 768px){
.home_testimonials .item_effect .pic.left .desc {
 left: 1rem;
 }}
.swiper_content {
 max-width: 1470px;
 margin: 0px auto;
 position: relative;
 padding: 15px;
 overflow: hidden;
 }
.home_testimonials .swiper_content {
 min-width: 100vw;
 z-index: 3;
 margin-left: -7.4%;
 padding-top: 3.73%;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.swiper_content {
 padding: 15px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1600px){
.home_testimonials .swiper_content {
 margin-left: -17.4%;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.home_testimonials .swiper_content {
 margin-left: -6.4%;
 }}
@media screen and (max-width: 1024px){
.home_testimonials .swiper_content {
 min-width: 100%;
 margin-left: 0px;
 }}
@media screen and (max-width: 768px){
.swiper_content {
 padding: 10px 1.2rem;
 }}
.home_testimonials .home_testimonials_swiper {
 max-width: 606px;
 }
@media screen and (min-width: 768px) and (max-width: 1440px){
.home_testimonials .home_testimonials_swiper {
 max-width: 35%;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.home_testimonials .swiper_content .home_testimonials_swiper {
 max-width: 40%;
 }}
@media screen and (max-width: 1024px){
.home_testimonials .swiper_content .home_testimonials_swiper {
 max-width: 100%;
 }}
.home_testimonials .home_testimonials_swiper .swiper-slide {
 border-radius: 24px;
 overflow: hidden;
 border: 1px solid rgb(255, 255, 255);
 background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, rgb(255, 255, 255) 8%, rgb(255, 255, 255) 44%, rgba(255, 255, 255, 0.5) 100%);
 box-shadow: rgba(181, 181, 181, 0.25) 0px 8px 10px;
 padding: 10% 6.5% 2.6%;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 }
@media screen and (max-width: 768px){
.home_testimonials .home_testimonials_swiper .swiper-slide {
 border-radius: 12px;
 padding: 2rem 1rem 1rem;
 box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 6px;
 }}
.item_testimonial {
 display: flex;
 flex-direction: column;
 }
.item_testimonial .star {
 width: 146px;
 aspect-ratio: 146 / 21;
 margin-bottom: 34px;
 }
.item_testimonial .star::after {
 content: "";
 display: block;
 height: 100%;
 width: var(--value);
 background: url("https://huamei2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_4/assets/img/icon-star.svg") left center / 146px 100% no-repeat;
 }
.home_testimonials .home_testimonials_swiper .swiper-slide .item_testimonial .star {
 margin-bottom: 26px;
 }
@media screen and (max-width: 768px){
.item_testimonial .star {
 width: 120px;
 margin-bottom: 1rem;
 }}
@media screen and (max-width: 768px){
.item_testimonial .star::after {
 background-size: 120px 100%;
 }}
@media screen and (max-width: 768px){
.home_testimonials .home_testimonials_swiper .swiper-slide .item_testimonial .star {
 margin-bottom: 1rem;
 }}
.item_testimonial p {
 font-size: 24px;
 line-height: 38px;
 font-weight: 500;
 color: var(--title_color);
 margin-bottom: 75px;
 }
.home_testimonials .home_testimonials_swiper .swiper-slide .item_testimonial p {
 margin-bottom: 65px;
 hyphens: auto;
 }
@media screen and (max-width: 768px){
.item_testimonial p {
 font-size: 16px;
 line-height: 1.5;
 margin-bottom: 2rem;
 }}
@media screen and (max-width: 768px){
.home_testimonials .home_testimonials_swiper .swiper-slide .item_testimonial p {
 margin-bottom: 2rem;
 }}
.item_testimonial .name {
 margin-top: auto;
 font-size: 18px;
 line-height: 38px;
 color: rgb(77, 77, 77);
 font-weight: 400;
 }
@media screen and (max-width: 768px){
.item_testimonial .name {
 font-size: 14px;
 line-height: 1.5;
 }}
.item_testimonial .name strong {
 font-size: 20px;
 font-weight: 500;
 color: var(--title_color);
 }
.item_testimonial .name strong::after {
 content: " | ";
 font-weight: 400;
 color: rgb(77, 77, 77);
 }
.home_testimonials .home_testimonials_swiper .swiper-slide .item_testimonial .name strong {
 font-size: 18px;
 }
@media screen and (max-width: 768px){
.item_testimonial .name strong {
 font-size: 16px;
 }}
@media screen and (max-width: 768px){
.home_testimonials .home_testimonials_swiper .swiper-slide .item_testimonial .name strong {
 font-size: 14px;
 }}
.home_testimonials .home_testimonials_swiper .swiper-slide .product {
 width: 92.91%;
 display: flex;
 align-items: flex-start;
 font-size: 18px;
 line-height: 30px;
 color: rgb(22, 22, 22);
 font-weight: 300;
 border-top: 1px solid rgb(214, 214, 214);
 margin-top: 19px;
 padding: 29px 4px 12px;
 }
@media screen and (max-width: 768px){
.home_testimonials .home_testimonials_swiper .swiper-slide .product {
 width: 100%;
 font-size: 14px;
 line-height: 1.5;
 margin-top: 1rem;
 padding: 1rem 0px;
 align-items: center;
 }}
.img.img_cv {
 overflow: hidden;
 }
.home_testimonials .home_testimonials_swiper .swiper-slide .product .img {
 width: 28.832%;
 aspect-ratio: 138 / 138;
 }
@media screen and (max-width: 768px){
.home_testimonials .home_testimonials_swiper .swiper-slide .product .img {
 width: 28.832%;
 aspect-ratio: 138 / 138;
 }}
.img.img_cv img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 transition: 0.5s;
 }
.home_testimonials .home_testimonials_swiper .swiper-slide .product .info {
 flex: 1 1 0%;
 padding-top: 30px;
 }
@media screen and (max-width: 768px){
.home_testimonials .home_testimonials_swiper .swiper-slide .product .info {
 flex: 1 1 0%;
 padding-top: 0px;
 }}
.home_testimonials .home_testimonials_swiper .swiper-slide .product strong {
 font-size: 24px;
 font-weight: 700;
 color: var(--title_color);
 display: block;
 margin-bottom: 7px;
 }
@media screen and (max-width: 768px){
.home_testimonials .home_testimonials_swiper .swiper-slide .product strong {
 font-size: 16px;
 margin-bottom: 7px;
 }}
.home_testimonials .swiper_btns {
 position: absolute;
 gap: 41px;
 right: 0px;
 bottom: 0px;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.home_testimonials .swiper_btns {
 right: 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.home_testimonials .swiper_btns {
 position: static;
 transform: translate(0px);
 width: 100%;
 padding: 0px 1.2rem;
 justify-content: flex-end;
 margin-top: 1rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.swiper_btns {
 gap: 2rem;
 }}
@media screen and (max-width: 768px){
.swiper_btns {
 gap: 1rem;
 }}
@media screen and (max-width: 768px){
.home_testimonials .swiper_btns {
 gap: 1rem;
 position: static;
 transform: translate(0px);
 width: 100%;
 padding: 0px 1.2rem;
 justify-content: flex-end;
 margin-top: 1rem;
 }}
.swiper_btns div::after {
 content: "";
 display: block;
 width: 7px;
 height: 13px;
 transition: 0.3s;
 background: url("https://huamei2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_4/assets/img/arrow-b.svg") center center / contain no-repeat;
 filter: contrast(0) brightness(2);
 }
@media screen and (min-width: 768px) and (max-width: 1440px){
.swiper_btns div {
 width: 3.5rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.swiper_btns div {
 width: 3rem;
 }}
@media screen and (max-width: 768px){
.swiper_btns div {
 width: 40px;
 height: 40px;
 }}
@media screen and (max-width: 768px){
.swiper_btns div::after {
 width: 12px;
 height: 12px;
 }}
 
@media screen and (max-width: 786px){


}
 
:root {
--title_color:#093258;
--theme_color:#00a2ea;
--content_color:#3d3d3d;
}
.home_about {
 padding: 10px 0px 55px;
 position: relative;
 }
.home_about::before {
 width: 100%;
 aspect-ratio: 1925 / 1063;
 content: "";
 position: absolute;
 top: 0px;
 left: 0px;
 background: url("https://huamei2.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/home_5/assets/img/home-about-bg.png") center center / cover no-repeat;
 z-index: -1;
 }
@media screen and (max-width: 768px){
.home_about {
 padding: 2rem 0px 3rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1600px){
.banner_content, .home_support .content, .support_contact .content, .content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.banner_content, .home_support .content, .support_contact .content, .content {
 max-width: 1250px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 padding: 0px 1.2rem;
 }}
.between {
 justify-content: space-between;
 }
.flex_bottom {
 align-items: flex-end;
 }
@media screen and (max-width: 768px){
.home_about .gap {
 gap: 10px;
 }}
.flex1 {
 flex: 1 1 0%;
 }
.home_about .head .flex1 {
 max-width: 657px;
 }
@media screen and (min-width: 768px) and (max-width: 1440px){
.home_about .head .flex1 {
 max-width: 100%;
 }}
@media screen and (max-width: 768px){
.home_about .head .flex1 {
 flex: unset;
 max-width: 100%;
 }}
@media screen and (max-width: 768px){
.head .subtitle {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: normal;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.head .desc {
 font-size: 18px;
 line-height: 30px;
 color: var(--content_color);
 hyphens: auto;
 }
.home_about .head .desc {
 flex: 1 1 0%;
 max-width: 603px;
 font-weight: 300;
 }
@media screen and (min-width: 768px) and (max-width: 1440px){
.home_about .head .desc {
 flex: unset;
 width: 100%;
 max-width: unset;
 font-weight: 300;
 }}
@media screen and (max-width: 768px){
.head .desc {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
.home_about .head .desc {
 max-width: 100%;
 }}
.swiper_box {
 position: relative;
 }
.home_about .swiper_box {
 overflow: hidden;
 }
.home_about .home_about_swiper {
 margin-top: 58px;
 position: relative;
 }
@media screen and (max-width: 768px){
.home_about .home_about_swiper {
 margin-top: 2rem;
 }}
.home_about .home_about_swiper .swiper-slide {
 display: flex;
 flex-direction: column;
 }
.home_about .home_about_swiper .swiper-slide .img {
 border-radius: 10px;
 overflow: hidden;
 aspect-ratio: 546 / 395;
 transition: 0.3s;
 }
.home_about .home_about_swiper .swiper-slide .img:hover img {
 transform: scale(1.05);
 }
.home_about .home_about_swiper .swiper-slide .info {
 flex: 1 1 0%;
 padding: 30px 0px 47px;
 }
@media screen and (max-width: 768px){
.home_about .home_about_swiper .swiper-slide .info {
 padding: 1rem 0px 2rem;
 }}
.home_about .home_about_swiper .swiper-slide h3 {
 font-size: 26px;
 line-height: 1.5;
 color: var(--title_color);
 margin-bottom: 17px;
 }
@media screen and (max-width: 768px){
.home_about .home_about_swiper .swiper-slide h3 {
 font-size: 18px;
 margin-bottom: 1rem;
 }}
.home_about .home_about_swiper .swiper-slide p {
 font-size: 17px;
 line-height: 27px;
 color: rgb(53, 53, 53);
 font-weight: 300;
 }
@media screen and (max-width: 768px){
.home_about .home_about_swiper .swiper-slide p {
 font-size: 14px;
 line-height: 1.5;
 }}
.home_about .home_about_swiper .swiper-scrollbar {
 position: absolute;
 left: 0px;
 bottom: 3px;
 z-index: 50;
 height: 1px;
 width: 100%;
 }
@media screen and (max-width: 768px){
.home_about .home_about_swiper .swiper-scrollbar {
 position: absolute;
 left: 0px;
 bottom: 3px;
 z-index: 50;
 height: 1px;
 width: 100%;
 }}
 
@media screen and (max-width: 786px){


}
.home_certificates {
 padding: 68px 0px 67px;
 position: relative;
 overflow: hidden;
 }
.home_certificates::before {
 width: 100%;
 aspect-ratio: 1920 / 985;
 content: "";
 position: absolute;
 top: 0px;
 left: 0px;
 background: url("https://huamei2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_7/assets/img/home-certificate-bg.png") center center / cover no-repeat;
 z-index: -1;
 }
@media screen and (min-width: 768px) and (max-width: 1800px){
.home_certificates::before {
 height: 100%;
 }}
@media screen and (max-width: 768px){
.home_certificates {
 padding: 3rem 0px;
 }}
@media screen and (max-width: 768px){
.home_certificates::before {
 height: 100%;
 }}
@media screen and (min-width: 768px) and (max-width: 1600px){
.banner_content, .home_support .content, .support_contact .content, .content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.banner_content, .home_support .content, .support_contact .content, .content {
 max-width: 1250px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content, .header_content, .banner_content, .home_support .content, .support_contact .content {
 padding: 0px 1.2rem;
 }}
@media screen and (max-width: 768px){
.head .subtitle {
 font-size: 14px;
 line-height: 1.5;
 letter-spacing: normal;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.home_certificates .head .desc {
 font-size: 18px;
 max-width: 802px;
 margin: 20px auto 0px;
 color: rgb(63, 63, 63);
 opacity: 0.8;
 }
@media screen and (max-width: 768px){
.head .desc {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
.home_certificates .head .desc {
 font-size: 16px;
 max-width: unset;
 margin-top: 10px;
 }}
.home_certificates .home_certificates_img_swiper {
 max-width: 386px;
 margin: 60px auto 0px;
 }
@media screen and (max-width: 768px){
.home_certificates .home_certificates_img_swiper {
 max-width: 240px;
 margin-top: 2rem;
 }}
.home_certificates .home_certificates_img_swiper .swiper-slide {
 aspect-ratio: 386 / 358;
 transition: 0.3s;
 background-color: rgb(255, 255, 255);
 border-radius: 29px;
 overflow: hidden;
 box-shadow: rgba(223, 223, 223, 0.35) 0px 8px 10px;
 transform: scaleX(0.697192) scaleY(0.731162);
 transform-origin: right center;
 opacity: 0.6;
 }
@media screen and (max-width: 768px){
.home_certificates .home_certificates_img_swiper .swiper-slide {
 border-radius: 20px;
 }}
.home_certificates .home_certificates_img_swiper .swiper-slide img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 }
 .home_certificates .home_certificates_img_swiper .swiper-slide-active {
   transform: scale(1);
   opacity: 1;
   background-color: rgba(255, 255, 255, 0.45);
 }
 .home_certificates .home_certificates_img_swiper .swiper-slide-prev {
   transform-origin: center;
 }
 .home_certificates .home_certificates_img_swiper .swiper-slide-next {
   transform-origin: center;
 }
 .home_certificates .home_certificates_img_swiper .swiper-slide-next ~ .swiper-slide {
   transform-origin: left center;
 }
.home_certificates .home_certificates_intro_swiper {
 max-width: 492px;
 margin: 0px auto;
 overflow: hidden;
 padding: 56px 0px;
 }
@media screen and (max-width: 768px){
.home_certificates .home_certificates_intro_swiper {
 max-width: 100%;
 padding: 2rem 0px 1rem;
 }}
.home_certificates .home_certificates_intro_swiper .swiper-slide {
 text-align: center;
 }
.home_certificates .home_certificates_intro_swiper .swiper-slide h3 {
 font-size: 28px;
 color: var(--title_color);
 }
@media screen and (max-width: 768px){
.home_certificates .home_certificates_intro_swiper .swiper-slide h3 {
 font-size: 18px;
 }}
.home_certificates .home_certificates_intro_swiper .swiper-slide p {
 font-size: 17px;
 line-height: 28px;
 color: var(--content_color);
 font-weight: 300;
 margin-top: 10px;
 }
@media screen and (max-width: 768px){
.home_certificates .home_certificates_intro_swiper .swiper-slide p {
 font-size: 14px;
 line-height: 1.5;
 margin-top: 8px;
 }}
.home_certificates .swiper_btns {
 max-width: 1360px;
 top: 39%;
 }
@media screen and (min-width: 768px) and (max-width: 1024px){
.swiper_btns {
 gap: 2rem;
 }}
@media screen and (max-width: 768px){
.swiper_btns {
 gap: 1rem;
 }}
@media screen and (max-width: 768px){
.home_certificates .swiper_btns {
 position: static;
 transform: translate(0px);
 width: 100%;
 padding: 0px 1.2rem;
 justify-content: flex-end;
 margin-top: 1rem;
 }}
.swiper_btns div::after {
 content: "";
 display: block;
 width: 7px;
 height: 13px;
 transition: 0.3s;
 background: url("https://huamei2.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home_7/assets/img/arrow-b.svg") center center / contain no-repeat;
 filter: contrast(0) brightness(2);
 }
@media screen and (min-width: 768px) and (max-width: 1440px){
.swiper_btns div {
 width: 3.5rem;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.swiper_btns div {
 width: 3rem;
 }}
@media screen and (max-width: 768px){
.swiper_btns div {
 width: 40px;
 height: 40px;
 }}
@media screen and (max-width: 768px){
.swiper_btns div::after {
 width: 12px;
 height: 12px;
 }}
 
@media screen and (max-width: 786px){


}
 
@media screen and (min-width: 786px)  and (max-width: 1600px) {
  
}
@media screen and (min-width: 786px)  and (max-width: 1400px) {
  .content {
    padding: 0 1.2rem;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1200px) {
  .content {
    max-width: 1000px;
  }
}
@media screen and (min-width: 786px)  and (max-width: 1000px) {
  .content {
    max-width: 786px;
  }
}
 
@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
}