:root {
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.home_banner {
 height: 510px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 position: relative;
 text-align: center;
 color: white;
 padding-top: 3rem;
 }
.home_banner::after {
 content: "";
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.14);
 opacity: 0.79;
 z-index: 1;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
.home_banner video {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 object-fit: cover;
 z-index: -1;
 }
.large_content {
 max-width: 1280px;
 margin: 0px auto;
 }
.home_banner .large_content {
 position: relative;
 z-index: 9;
 }
@media screen and (min-width: 786px) and (max-width: 1800px){
.content, .large_content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1600px){
.content, .large_content {
 max-width: 1400px;
 }}
@media screen and (min-width: 786px) and (max-width: 1400px){
.content, .large_content {
 max-width: 1200px;
 }}
@media screen and (min-width: 786px) and (max-width: 1200px){
.content, .large_content {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .large_content {
 max-width: 786px;
 }}
.home_banner h1 {
 font-size: 48px;
 font-weight: 500;
 padding-bottom: 20px;
 margin-bottom: 25px;
 font-family: Roboto, sans-serif;
 position: relative;
 }
.home_banner h1::after {
 content: "";
 width: 60px;
 height: 4px;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 bottom: 0px;
 background-color: white;
 }
.home_banner p {
 max-width: 1000px;
 margin: 0px auto;
 line-height: 1.5;
 font-family: "Fira Sans", sans-serif;
 }
a, h3 {
 font-family: "Fira Sans", sans-serif;
 }
a {
 color: rgb(28, 35, 47);
 text-decoration: none;
 font-size: 1rem;
 }
.home_banner a {
 width: 57px;
 text-indent: -9999px;
 display: inline-block;
 height: 57px;
 border: 1px solid rgb(255, 255, 255);
 margin-top: 93px;
 background: url("https://redbell.net/wp-content/plugins/sytech-fronteditor/sytpl/home_banner/assets/img/down.svg") center center / 80% no-repeat;
 }
button, input, textarea {
 outline: none;
 border: none;
 font-family: unset;
 }
input[type="submit"], button {
 cursor: pointer;
 }


.page-template-fronteditor .home_banner input{
  display: none;
}
.home_banner input{
  padding: 1rem;
  background-color: white;
  position: absolute;
  left: 50%;
  top: 10%;
  z-index: 9;
  color: #333;
}
.only_mobile{
  display: none;
}
.home_banner>.only_mobile img{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
 
@media screen and (max-width: 786px){

.home_banner {
 height: auto;
 padding-bottom: 3rem;
 }
.content, .large_content, .full_content {
 padding: 0px 1.2rem;
 }
.home_banner h1 {
 font-size: 30px;
 }
.home_banner p {
 font-size: 0.9rem;
 line-height: 1.5rem;
 }
.home_banner a {
 margin-top: 2rem;
 }
 .only_mobile{
    display: block;
  }
  .only_pc{
    display: none;
  }
}
.home_advantage {
 padding: 110px 0px 50px;
 background-color: rgb(247, 245, 233);
 }
.content {
 max-width: 1140px;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 786px) and (max-width: 1800px){
.content, .large_content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1600px){
.content, .large_content {
 max-width: 1400px;
 }}
@media screen and (min-width: 786px) and (max-width: 1400px){
.content, .large_content {
 max-width: 1200px;
 }}
@media screen and (min-width: 786px) and (max-width: 1200px){
.content, .large_content {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .large_content {
 max-width: 786px;
 }}
ul {
 list-style: none;
 }
.home_advantage ul {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 15px;
 }
.home_advantage ul li {
 padding: 20px 24px 24px;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;
 background-color: rgb(255, 252, 246);
 text-align: center;
 }
.home_advantage ul li strong {
 font-size: 23px;
 font-weight: 700;
 line-height: 1.1;
 display: block;
 max-width: 90%;
 margin: 0px auto;
 }
.home_advantage ul li p {
 color: rgb(156, 141, 124);
 font-size: 17px;
 line-height: 1.5;
 margin-top: 13px;
 }
.home_advantage ul li span {
 display: inline-block;
 width: 35px;
 height: 35px;
 margin-top: 0.5rem;
 background: url("https://redbell.net//wp-content/plugins/sytech-fronteditor/sytpl/home_advantage/assets/img/arrow-green.svg") center center / contain no-repeat;
 }
/*----custom_pc_start----*/  #XWC1WP .home_advantage{padding-top:110px;padding-bottom:100px;} /*----custom_pc_end----*/ 
/*----custom_mobile_start----*/ @media screen and (max-width: 786px) { #XWC1WP .home_advantage{} } /*----custom_mobile_end----*/
 
@media screen and (max-width: 786px){

.home_advantage {
 overflow: hidden;
 }
.home_advantage {
 padding: 4rem 0px;
 }
.home_advantage ul {
 grid-template-columns: repeat(1, 1fr);
 }
.home_advantage ul li {
 padding-top: 30px;
 }
.home_advantage ul li strong {
 font-size: 18px;
 }
.home_advantage ul li p {
 font-size: 15px;
 line-height: 1.5rem;
 }
}
 
/*
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;
} 

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 (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
}

 
@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%;
  }
}
.home_solutions {
 padding-bottom: 43px;
 }
.full_content {
 max-width: 1920px;
 margin: 0px auto;
 }
.home_solutions ul {
 display: flex;
 }
@media screen and (min-width: 786px) and (max-width: 1600px){
.home_solutions ul {
 flex-flow: wrap;
 }}
.home_solutions ul li {
 flex: 1 1 0%;
 position: relative;
 aspect-ratio: 475 / 370;
 overflow: hidden;
 color: white;
 }
@media screen and (min-width: 786px) and (max-width: 1600px){
.home_solutions ul li {
 width: 50%;
 flex: unset;
 }}
.home_solutions ul li a {
 position: absolute;
 inset: 0px;
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 color: white;
 }
.home_solutions ul li div.bg {
 background-color: rgba(0, 78, 44, 0.44);
 transition: all 1s ease 0s;
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 0;
 }
.home_solutions ul li:hover div.bg {
 transform: rotateY(90deg);
 }
.home_solutions ul li strong {
 font-size: 22px;
 text-align: center;
 color: rgb(255, 255, 255);
 font-weight: 400;
 display: block;
 margin-bottom: 10px;
 padding-bottom: 10px;
 position: relative;
 }
.home_solutions ul li strong::after {
 content: "";
 width: 50px;
 height: 2px;
 background-color: white;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 bottom: 0px;
 }
.home_solutions ul li img {
 position: absolute;
 left: 50%;
 top: 50%;
 z-index: -1;
 transform: translate(-50%, -50%);
 }
@media screen and (min-width: 786px) and (max-width: 1800px){
.home_solutions ul li img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 }}
.home_solutions ul li a p {
 font-size: 18px;
 padding: 0px 1.5rem;
 line-height: 20px;
 position: relative;
 transition: all 1s ease 0s;
 }
.home_solutions ul li:hover a p {
 transform: rotateY(90deg);
 }
 
@media screen and (max-width: 786px){

.content, .large_content, .full_content {
 padding: 0px 1.2rem;
 }
.home_solutions ul {
 flex-flow: wrap;
 }
.home_solutions ul li {
 width: 100%;
 flex: unset;
 aspect-ratio: 1 / 1;
 }
.home_solutions ul li a p {
 font-size: 15px;
 line-height: 1.5rem;
 }
}
 
:root {
--theme_color:#004e2c;
--title_color:#292929;
--content_color:#9ba182;
--p_color:rgb(155, 161, 130);
}
.home_intro {
 padding: 50px 0px 73px;
 background-color: rgb(252, 252, 247);
 }
@media screen and (min-width: 786px) and (max-width: 1800px){
.content, .large_content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1600px){
.content, .large_content {
 max-width: 1400px;
 }}
@media screen and (min-width: 786px) and (max-width: 1400px){
.content, .large_content {
 max-width: 1200px;
 }}
@media screen and (min-width: 786px) and (max-width: 1200px){
.content, .large_content {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .large_content {
 max-width: 786px;
 }}
.flex {
 display: flex;
 }
.flex_middle {
 align-items: center;
 }
.home_intro .left {
 width: 60%;
 }
.home_intro .left strong {
 color: rgb(41, 41, 41);
 font-family: "Fira Sans", sans-serif;
 font-size: 22px;
 font-weight: 600;
 line-height: 31px;
 }
.center {
 text-align: center;
 }
.border_btn {
 padding: 12px 25px;
 border: 3px solid var(--theme_color);
 color: var(--theme_color);
 display: inline-block;
 font-family: "Fira Sans", sans-serif;
 font-weight: 700;
 font-size: 24px;
 transition: all 0.3s ease 0s;
 }
.border_btn:hover {
 color: white;
 background-color: var(--theme_color);
 }
.home_intro .left .border_btn {
 margin-top: 85px;
 }
.home_intro .right {
 width: 40%;
 text-align: right;
 }
.home_intro .right img {
 width: 100%;
 height: auto;
 }
.home_intro .flex + .flex {
 margin-top: 140px;
 }
.home_intro .head {
 width: 62%;
 }
.head h2 {
 font-size: 3rem;
 line-height: 1;
 color: var(--title_color);
 font-weight: 600;
 font-family: "Fira Sans", sans-serif;
 }
.head h2 {
 color: rgb(41, 41, 41);
 font-size: 50px;
 font-weight: 700;
 line-height: 1.1;
 }
.home_intro .head h2 {
 color: rgb(41, 41, 41);
 font-family: "Fira Sans", sans-serif;
 font-size: 48px;
 font-weight: 600;
 }
.head p {
 color: var(--content_color);
 line-height: 1.5;
 }
.head p {
 line-height: 1.5rem;
 color: var(--p_color);
 font-size: 17px;
 }
.head h2 + p {
 margin-top: 1rem;
 }
.home_intro .head p {
 color: rgb(155, 161, 130);
 font-size: 17px;
 line-height: 1.3;
 font-weight: 400;
 margin-top: 1rem;
 }
.home_intro .head + .right {
 width: 38%;
 }
 
@media screen and (max-width: 786px){

.content, .large_content, .full_content {
 padding: 0px 1.2rem;
 }
.content > .flex {
 flex-flow: wrap;
 }
.home_intro .flex {
 flex-flow: wrap;
 }
.content > .flex > .left, .content > .flex > .right {
 width: 100%;
 }
.home_intro .flex .left {
 width: 100%;
 }
.home_intro .left strong {
 font-size: 18px;
 }
.home_intro .left p.center {
 text-align: left;
 }
.border_btn {
 padding: 0.7rem 2rem;
 font-size: 15px;
 }
.home_intro .left .border_btn {
 margin-top: 1rem;
 }
.home_intro .right {
 width: 100%;
 margin-top: 1rem;
 }
.home_intro .flex + .flex {
 margin-top: 2rem;
 }
.home_intro .head {
 width: 100%;
 }
.head h2 {
 font-size: 26px;
 white-space: unset;
 line-height: 1.4;
 }
.home_intro .head h2 {
 font-size: 26px;
 }
.head p {
 font-size: 0.9rem;
 line-height: 1.4;
 }
.head h2 + p {
 margin-top: 0px;
 }
.home_intro .head + .right {
 width: 100%;
 text-align: left;
 }
}
 
:root {
--title_color:#292929;
--p_color:rgb(155, 161, 130);
--theme_color:#004e2c;
}
.section-bg {
 background-color: rgb(247, 245, 233);
 }
.home_packing {
 padding: 65px 0px;
 }
@media screen and (min-width: 786px) and (max-width: 1800px){
.content, .large_content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1600px){
.content, .large_content {
 max-width: 1400px;
 }}
@media screen and (min-width: 786px) and (max-width: 1400px){
.content, .large_content {
 max-width: 1200px;
 }}
@media screen and (min-width: 786px) and (max-width: 1200px){
.content, .large_content {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .large_content {
 max-width: 786px;
 }}
.home_packing .packing_main {
 margin-top: 70px;
 }
.home_packing .packing_main > ul {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 20px;
 }
.home_packing .packing_main > ul > li {
 padding: 40px;
 box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 9px 0px;
 }
.home_packing .packing_main > ul > li strong {
 color: rgb(41, 41, 41);
 font-family: "Fira Sans", sans-serif;
 font-size: 22px;
 font-weight: 600;
 margin-bottom: 20px;
 display: block;
 }
.home_packing .packing_main > ul > li p {
 color: var(--p_color);
 margin-bottom: 30px;
 font-size: 17px;
 }
.home_packing .packing_main > ul > li li {
 color: var(--theme_color);
 font-weight: 500;
 padding-left: 21px;
 position: relative;
 margin-bottom: 0.6rem;
 font-family: "Fira Sans", sans-serif;
 }
.home_packing .packing_main > ul > li li::before {
 content: "";
 width: 14px;
 height: 14px;
 background: url("https://redbell.net//wp-content/plugins/sytech-fronteditor/sytpl/home_packing/assets/img/circle.svg") center center / contain no-repeat;
 position: absolute;
 left: 0px;
 top: 3px;
 }
.home_packing .packing_main > ul > li ul.flex {
 flex-flow: wrap;
 }
.home_packing .packing_main > ul > li ul.flex li {
 width: 50%;
 }
 
@media screen and (max-width: 786px){

.home_packing {
 overflow: hidden;
 }
.home_packing .packing_main {
 margin-top: 2rem;
 }
.home_packing .packing_main > ul {
 grid-template-columns: repeat(1, 1fr);
 }
.home_packing .packing_main > ul > li {
 padding: 1.2rem;
 }
.home_packing .packing_main > ul > li p {
 margin-bottom: 1rem;
 }
.home_packing .packing_main > ul > li ul.flex li {
 width: 100%;
 }
}
 
:root {
--theme_color:#004e2c;
--title_color:#292929;
--p_color:rgb(155, 161, 130);
}
.home_sourcing {
 }
.home_sourcing .left {
 width: 49%;
 padding: 200px 280px 192px 7.4%;
 background-color: var(--theme_color);
 }
.home_sourcing .left h2 {
 color: rgb(252, 252, 247);
 font-family: "Fira Sans", sans-serif;
 font-size: 48px;
 font-weight: 700;
 line-height: 48px;
 }
.head a {
 color: var(--theme_color);
 font-size: 22px;
 line-height: 1;
 font-weight: 600;
 display: inline-block;
 vertical-align: top;
 }
.home_sourcing .left .border_btn {
 border-color: rgb(255, 255, 255);
 color: rgb(255, 255, 255);
 font-size: 18px;
 font-weight: 400;
 border-width: 2px;
 margin-top: 1rem;
 }
.home_sourcing .right {
 width: 51%;
 background-color: white;
 padding: 60px 60px 40px;
 margin-left: -120px;
 margin-top: 30px;
 }
.home_sourcing .right li {
 padding-left: 44px;
 position: relative;
 }
.home_sourcing .right li::before {
 content: "";
 width: 28px;
 height: 28px;
 background: url("https://redbell.net//wp-content/plugins/sytech-fronteditor/sytpl/home_sourcing/assets/img/duigou.svg") center center / contain no-repeat;
 position: absolute;
 left: 0px;
 top: 0px;
 }
.home_sourcing .right li {
 margin-bottom: 22px;
 }
.home_sourcing .right li strong {
 font-family: "Fira Sans", sans-serif;
 font-size: 22px;
 display: block;
 margin-bottom: 5px;
 font-weight: 600;
 color: var(--theme_color);
 }
.home_sourcing .right li p {
 color: var(--p_color);
 font-family: "Fira Sans", sans-serif;
 line-height: 1.6rem;
 font-size: 16px;
 }
 
@media screen and (max-width: 786px){

.home_sourcing {
 overflow: hidden;
 }
.full_content > .flex {
 flex-flow: wrap;
 }
.full_content > .flex > .left, .full_content > .flex > .right {
 width: 100%;
 }
.home_sourcing .left {
 padding: 1.2rem;
 }
.home_sourcing .left h2 {
 font-size: 25px;
 line-height: 1.3;
 }
.head a {
 font-size: 18px;
 display: block;
 width: 100%;
 }
.home_sourcing .right {
 margin-left: 0px;
 padding: 1.2rem;
 }
.home_sourcing .right li strong {
 font-size: 18px;
 }
}
 
:root {
--title_color:#292929;
--content_color:#9ba182;
--p_color:rgb(155, 161, 130);
--theme_color:#004e2c;
}
.home_around {
 padding: 113px 0px 40px;
 }
@media screen and (min-width: 786px) and (max-width: 1800px){
.content, .large_content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1600px){
.content, .large_content {
 max-width: 1400px;
 }}
@media screen and (min-width: 786px) and (max-width: 1400px){
.content, .large_content {
 max-width: 1200px;
 }}
@media screen and (min-width: 786px) and (max-width: 1200px){
.content, .large_content {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .large_content {
 max-width: 786px;
 }}
.home_around .head {
 max-width: 900px;
 margin-left: auto;
 margin-right: auto;
 }
.home_around .around_main {
 margin-top: 75px;
 }
.home_around .around_main ul {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 20px;
 }
.home_around .around_main ul li {
 background-color: transparent;
 box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 10px 0px;
 aspect-ratio: 270 / 285;
 overflow: hidden;
 }
.home_around .around_main ul li > div {
 width: 100%;
 height: 100%;
 transition: all 1s ease 0s;
 }
.home_around .around_main ul li > div:nth-of-type(1) {
 padding-top: 80px;
 padding-bottom: 80px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 }
.home_around .around_main ul li:hover > div {
 transform: translateY(-100%);
 }
.home_around .around_main ul li .img {
 width: 50px;
 height: 50px;
 margin-bottom: 27px;
 }
.home_around .around_main ul li .img img {
 width: 100%;
 height: 100%;
 object-fit: contain;
 }
.home_around .around_main ul li a {
 padding-left: 35px;
 padding-right: 35px;
 display: block;
 text-align: center;
 line-height: 1.2;
 color: rgb(41, 41, 41);
 font-family: "Fira Sans", sans-serif;
 font-size: 16px;
 font-weight: 400;
 }
.home_around .around_main ul li > div:nth-of-type(2) {
 background-color: var(--theme_color);
 color: rgb(252, 252, 247);
 padding: 35px;
 text-align: center;
 }
.home_around .around_main ul li > div:nth-of-type(2) p {
 font-size: 17px;
 line-height: 1.5rem;
 }
 
@media screen and (max-width: 786px){

.home_around {
 padding: 4rem 0px;
 }
.home_around .around_main {
 margin-top: 2rem;
 }
.home_around .around_main ul {
 grid-template-columns: repeat(2, 1fr);
 gap: 1rem;
 }
.home_around .around_main ul li {
 aspect-ratio: unset;
 }
.home_around .around_main ul li > div {
 height: auto;
 }
.home_around .around_main ul li > div:nth-of-type(1) {
 padding: 20px 0px 0px;
 }
.home_around .around_main ul li a {
 padding-left: 20px;
 padding-right: 20px;
 }
.home_around .around_main ul li > div:nth-of-type(2) {
 padding: 0.5rem;
 background-color: transparent;
 }
.home_around .around_main ul li > div:nth-of-type(2) p {
 font-size: 0.9rem;
 line-height: 1.5rem;
 color: rgb(51, 51, 51);
 }
}
 
:root {
--title_color:#292929;
--theme_color:#004e2c;
--p_color:rgb(155, 161, 130);
}
@media screen and (min-width: 786px) and (max-width: 1800px){
.content, .large_content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1600px){
.content, .large_content {
 max-width: 1400px;
 }}
@media screen and (min-width: 786px) and (max-width: 1400px){
.content, .large_content {
 max-width: 1200px;
 }}
@media screen and (min-width: 786px) and (max-width: 1200px){
.content, .large_content {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .large_content {
 max-width: 786px;
 }}
.home_inspiring .head {
 margin-bottom: 40px;
 }
.home_inspiring .head h2 {
 line-height: 1.5;
 }
.home_inspiring .left {
 width: 49%;
 }
.home_inspiring .inspiring_swiper {
 overflow: hidden;
 padding-bottom: 20px;
 position: relative;
 }
.swiper_btns_po {
 display: flex;
 gap: 25px;
 }
.home_inspiring .inspiring_swiper .swiper_btns_po {
 position: absolute;
 right: 130px;
 z-index: 9;
 top: 50%;
 }
@media screen and (min-width: 786px) and (max-width: 1400px){
.home_inspiring .inspiring_swiper .swiper_btns_po {
 top: 73%;
 }}
.swiper_btns_po > div {
 background-color: var(--theme_color);
 width: 50px;
 height: 50px;
 color: white;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 23px;
 cursor: pointer;
 line-height: 1;
 font-weight: 400;
 padding-bottom: 0.3rem;
 transition: all 0.3s ease 0s;
 }
.swiper_btns_po > div:hover {
 filter: brightness(130%);
 }
.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);
 }
.home_inspiring .inspiring_swiper li {
 aspect-ratio: 930 / 550;
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform, -webkit-transform;
 }
.home_inspiring .inspiring_swiper li img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: -1;
 }
.home_inspiring .inspiring_swiper li > div {
 position: absolute;
 left: 90px;
 bottom: -20px;
 background-color: rgba(0, 78, 44, 0.643);
 color: white;
 max-width: 500px;
 min-height: 280px;
 padding: 45px 30px;
 }
.home_inspiring .inspiring_swiper li > div a {
 color: white;
 font-size: 24px;
 font-weight: 700;
 display: inline-block;
 padding-right: 40px;
 }
.home_inspiring .inspiring_swiper li > div p {
 font-size: 17px;
 line-height: 1.5rem;
 }
.home_inspiring .right {
 width: 51%;
 padding-left: 113px;
 padding-right: 110px;
 }
.home_inspiring .right strong {
 color: rgb(50, 41, 41);
 font-family: "Fira Sans", sans-serif;
 font-size: 22px;
 font-weight: 600;
 display: block;
 position: relative;
 padding-bottom: 20px;
 margin-bottom: 20px;
 }
.home_inspiring .right strong::after {
 content: "";
 width: 54px;
 height: 1px;
 background-color: rgb(51, 51, 51);
 position: absolute;
 left: 0px;
 bottom: 0px;
 }
.home_inspiring .right p {
 font-size: 17px;
 color: var(--p_color);
 line-height: 1.5rem;
 margin-bottom: 20px;
 }
.home_inspiring .right .border_btn {
 margin-top: 2rem;
 font-weight: 500;
 font-size: 22px;
 }
.home_inspiring .flex + .flex {
 margin-top: 160px;
 }
.home_inspiring .full_content div.flex:nth-of-type(2n) .right {
 padding-left: 90px;
 }
.home_inspiring .full_content div.flex:nth-of-type(2n) .inspiring_swiper .swiper_btns_po {
 left: 90px;
 right: unset;
 top: 45%;
 }
@media screen and (min-width: 786px) and (max-width: 1600px){
.home_inspiring .full_content div.flex:nth-of-type(2n) .inspiring_swiper .swiper_btns_po {
 top: 73%;
 }}
 
@media screen and (max-width: 786px){

.content, .large_content, .full_content {
 padding: 0px 1.2rem;
 }
.home_inspiring .inspiring_swiper .swiper_btns_po {
 display: none;
 }
.home_inspiring .inspiring_swiper li > div {
 position: unset;
 width: 100%;
 padding: 1.5rem;
 }
.home_inspiring .inspiring_swiper li > div a {
 font-size: 20px;
 line-height: 1.4;
 }
.home_inspiring .right {
 padding-left: 0px;
 padding-right: 0px;
 }
.home_inspiring .right p {
 font-size: 16px;
 line-height: 1.4rem;
 margin-bottom: 15px;
 }
.home_inspiring .right .border_btn {
 font-size: 0.9rem;
 margin-top: 1rem;
 }
.home_inspiring .flex + .flex {
 margin-top: 1rem;
 }
.home_inspiring .full_content div.flex:nth-of-type(2n) .right {
 padding-left: 0px;
 padding-bottom: 2rem;
 }
.home_inspiring .full_content div.flex:nth-of-type(2n) .right {
 order: 9;
 }
}
 
:root {
--theme_color:#004e2c;
--p_color:rgb(155, 161, 130);
}
.home_about {
 padding: 180px 0px 45px;
 }
@media screen and (min-width: 786px) and (max-width: 1800px){
.content, .large_content {
 padding: 0px 1.2rem;
 }}
@media screen and (min-width: 786px) and (max-width: 1600px){
.content, .large_content {
 max-width: 1400px;
 }}
@media screen and (min-width: 786px) and (max-width: 1400px){
.content, .large_content {
 max-width: 1200px;
 }}
@media screen and (min-width: 786px) and (max-width: 1200px){
.content, .large_content {
 max-width: 1000px;
 }}
@media screen and (min-width: 786px) and (max-width: 1000px){
.content, .large_content {
 max-width: 786px;
 }}
.home_about .left {
 width: 50%;
 }
.home_about .left .img {
 aspect-ratio: 550 / 560;
 }
.home_about .left .img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 }
.home_about .left .img div {
 position: absolute;
 left: 82px;
 top: 170px;
 color: white;
 max-width: 340px;
 }
.home_about .left .img div h2 {
 color: rgb(252, 252, 247);
 font-family: "Fira Sans", sans-serif;
 font-size: 48px;
 font-weight: 700;
 line-height: 48px;
 }
.home_about .left .img div .border_btn {
 font-size: 19px;
 font-weight: 400;
 color: white;
 border-color: white;
 border-width: 2px;
 margin-top: 21px;
 }
.home_about .right {
 width: 50%;
 }
.home_about .right {
 padding-left: 20px;
 }
.home_about .right li {
 padding-left: 44px;
 position: relative;
 margin-bottom: 22px;
 }
.home_about .right li strong, .home_about .right li strong a {
 font-family: "Fira Sans", sans-serif;
 font-size: 22px;
 display: block;
 margin-bottom: 5px;
 font-weight: 600;
 color: var(--theme_color);
 }
.home_about .right li strong::before {
 content: "";
 width: 28px;
 height: 28px;
 background: url("https://redbell.net//wp-content/plugins/sytech-fronteditor/sytpl/home_about/assets/img/duigou.svg") center center / contain no-repeat;
 position: absolute;
 left: 0px;
 top: 0px;
 }
.home_about .right li p {
 color: var(--p_color);
 font-family: "Fira Sans", sans-serif;
 line-height: 1.6rem;
 font-size: 16px;
 }
 
@media screen and (max-width: 786px){

.home_about {
 padding: 4rem 0px;
 }
.home_about .left .img {
 position: relative;
 }
.home_about .left .img div {
 width: 100%;
 height: 100%;
 left: 0px;
 top: 0px;
 max-width: unset;
 padding: 3rem 1.2rem 1.2rem;
 background-color: rgba(0, 0, 0, 0.5);
 }
.home_about .left .img div h2 {
 font-size: 1.5rem;
 line-height: 1.3;
 }
.home_about .left .img div .border_btn {
 font-size: 15px;
 }
.home_about .right {
 padding-left: 0px;
 padding-top: 1.5rem;
 }
.home_about .right li strong, .home_about .right li strong a {
 font-size: 18px;
 }
.home_about .right li p {
 font-size: 15px;
 }
}
 
@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
}

 
@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;
  }
}