:root {
--title_color:#093258;
--theme_color:#00a2ea;
--content_color:#3d3d3d;
--subtheme_color:#093258;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.support_sales {
 padding: 137px 0px 0px;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.support_sales {
 padding: 4rem 0px 0px;
 }}
.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;
 }}
.support_sales .head {
 max-width: 496px;
 }
@media screen and (max-width: 768px){
.support_sales .head {
 max-width: unset;
 }}
.head .subtitle {
 font-size: 16px;
 line-height: 62px;
 color: rgb(48, 48, 48);
 text-transform: uppercase;
 letter-spacing: 4px;
 font-weight: 300;
 }
.fadeInLeft {
 animation-name: fadeInLeft;
 }
@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);
 }
.support_sales .container {
 background: url("https://huamei2.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/supports_1/assets/img/section-bg.jpg") center center / cover no-repeat;
 padding: 123px 0px 125px;
 margin-top: -62px;
 }
@media screen and (max-width: 768px){
.support_sales .container {
 padding: 2.5rem 0px;
 margin-top: 0px;
 }}
.flex {
 display: flex;
 }
.wrap {
 flex-wrap: wrap;
 }
.flex_middle {
 align-items: center;
 }
.gap {
 gap: 1.25rem;
 }
.support_sales .gap {
 gap: 1rem 5.48611%;
 }
.support_sales .video {
 width: 50.999%;
 aspect-ratio: 734 / 529;
 border-radius: 22px;
 overflow: hidden;
 position: relative;
 }
@media screen and (max-width: 1024px){
.support_sales .video {
 width: 100%;
 border-radius: 16px;
 }}
.support_sales .video video {
 width: 100%;
 height: 100%;
 object-fit: cover;
 }
.support_sales .video .play {
 width: 80px;
 aspect-ratio: 1 / 1;
 border-radius: 100%;
 overflow: hidden;
 border: 1px solid var(--theme_color);
 background-color: var(--theme_color);
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 cursor: pointer;
 transition: 0.3s;
 }
.support_sales .video .play::after {
 display: block;
 width: 100%;
 height: 100%;
 content: "";
 background: url("https://huamei2.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/supports_1/assets/img/icon-play.svg") center center / cover no-repeat;
 transition: 0.3s;
 }
.support_sales .video .play:hover {
 background-color: rgb(255, 255, 255);
 border-color: rgb(0, 0, 0);
 }
.support_sales .video .play:hover::after {
 filter: contrast(0) brightness(0);
 }
@media screen and (max-width: 768px){
.support_sales .video .play {
 width: 46px;
 }}
.support_sales .right {
 flex: 1 1 0%;
 }
@media screen and (max-width: 768px){
.support_sales .right {
 flex: 1 1 0%;
 }}
.support_sales .right h3 {
 font-size: 30px;
 line-height: 1.5;
 color: var(--theme_color);
 font-weight: 700;
 margin-bottom: 18px;
 }
@media screen and (max-width: 768px){
.support_sales .right h3 {
 font-size: 18px;
 margin-bottom: 1rem;
 }}
.support_sales .right p {
 font-size: 18px;
 line-height: 30px;
 font-weight: 300;
 color: var(--content_color);
 margin-bottom: 32px;
 }
@media screen and (max-width: 768px){
.support_sales .right p {
 font-size: 16px;
 line-height: 1.5;
 margin-bottom: 1.5rem;
 }}
a {
 color: inherit;
 font-size: inherit;
 text-decoration: none;
 }
.support_sales .right a {
 font-size: 18px;
 line-height: 22px;
 display: inline-flex;
 align-items: center;
 color: var(--title_color);
 font-weight: 600;
 gap: 12px;
 transition: 0.3s;
 }
.support_sales .right a:hover {
 text-decoration: underline;
 }
@media screen and (max-width: 768px){
.support_sales .right a {
 font-size: 16px;
 line-height: 1.5;
 gap: 10px;
 }}
.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/supports_1/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);
 }
.support_sales .right 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;
 }}
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;
 }

.support_sales .video input {
  position: absolute;
  z-index: 9;
  left: 1rem;
  top: 1rem;
  padding: 8px;
  width: 50%;
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.support_sales .video .poster {
  top: 4rem;
}
.toplevel_page_sytech_fronteditor .support_sales .video input {
  display: block;
}
 
@media screen and (max-width: 786px){


}
 
:root {
--theme_color:#00a2ea;
--title_color:#093258;
--content_color:#3d3d3d;
}
.support_contact {
 padding: 101px 0px;
 }
@media screen and (max-width: 768px){
.support_contact {
 padding: 4rem 0px 3rem;
 }}
.support_contact .content {
 max-width: 1474px;
 }
@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;
 }}
.support_contact .supportlist > div {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 1rem 2.91723%;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.support_contact .supportlist > div {
 grid-template-columns: repeat(2, 1fr);
 }}
@media screen and (max-width: 768px){
.support_contact .supportlist > div {
 grid-template-columns: 1fr;
 gap: 1rem;
 }}
.supportlist .item_support a:hover {
 background-color: rgb(255, 255, 255);
 box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 10px;
 }
.supportlist .item_support a:hover::before {
 opacity: 1;
 }
.supportlist .item_support a {
 display: flex;
 flex-direction: column;
 height: 100%;
 background-color: rgb(245, 249, 252);
 border-radius: 32px;
 transition: 0.3s;
 padding: 12% 11% 3rem;
 position: relative;
 }
.supportlist .item_support a::before {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 border: 1px solid var(--theme_color);
 content: "";
 border-radius: 32px;
 transition: 0.3s;
 background-color: transparent;
 opacity: 0;
 pointer-events: none;
 }
@media screen and (max-width: 768px){
.supportlist .item_support a {
 border-radius: 20px;
 padding: 2rem 1.2rem;
 }}
@media screen and (max-width: 768px){
.supportlist .item_support a::before {
 border-radius: 20px;
 }}
.supportlist .item_support .icon {
 width: 113px;
 aspect-ratio: 1 / 1;
 border-radius: 100%;
 overflow: hidden;
 display: block;
 background: url("https://huamei2.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/supports_2/assets/img/bg-circle.svg") center center / cover no-repeat;
 }
@media screen and (max-width: 768px){
.supportlist .item_support .icon {
 width: 60px;
 }}
i {
 font-style: normal;
 }
.supportlist .item_support .icon i {
 display: block;
 content: "";
 width: 100%;
 height: 100%;
 aspect-ratio: 1 / 1;
 background: center center / cover no-repeat;
 }
.supportlist .item_support .info {
 flex: 1 1 0%;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 margin-top: 26px;
 overflow: hidden;
 }
@media screen and (max-width: 768px){
.supportlist .item_support .info {
 margin-top: 1rem;
 }}
.supportlist .item_support h3 {
 font-size: 30px;
 line-height: 42px;
 color: var(--title_color);
 margin-bottom: 18px;
 }
@media screen and (max-width: 768px){
.supportlist .item_support h3 {
 font-size: 18px;
 line-height: 1.5;
 margin-bottom: 10px;
 }}
.supportlist .item_support p {
 font-size: 17px;
 line-height: 26px;
 color: var(--content_color);
 font-weight: 300;
 margin-bottom: 16%;
 }
@media screen and (max-width: 768px){
.supportlist .item_support p {
 font-size: 14px;
 line-height: 1.5;
 margin-bottom: 20px;
 }}
.supportlist .item_support a:hover .link {
 transform: translateX(0px);
 }
.supportlist .item_support .link {
 display: inline-flex;
 align-items: center;
 margin-top: auto;
 gap: 10px;
 min-height: 26px;
 transform: translateX(calc(-100% + 18px));
 transition: 0.3s;
 }
@media screen and (max-width: 768px){
.supportlist .item_support .link {
 gap: 10px;
 min-height: 26px;
 transform: translateX(calc(-100% + 14px));
 }}
.supportlist .item_support .link p {
 font-size: 18px;
 color: var(--theme_color);
 font-weight: 600;
 transition: 0.5s;
 margin-bottom: 0px;
 }
@media screen and (max-width: 768px){
.supportlist .item_support .link p {
 font-size: 14px;
 }}
.supportlist .item_support a:hover .link i {
 transform: rotate(0deg);
 filter: unset;
 }
.supportlist .item_support .link i {
 display: block;
 content: "";
 width: 18px;
 height: 13px;
 background: url("https://huamei2.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/supports_2/assets/img/arrow-line-r.svg") center center / contain no-repeat;
 filter: contrast(0) brightness(0);
 transition: 0.3s;
 transform: rotate(-45deg);
 }
@media screen and (max-width: 768px){
.supportlist .item_support .link i {
 width: 14px;
 }}
 
@media screen and (max-width: 786px){


}