:root {
    --mainColor: #1b44a1;
}
	  


.header {
  position: sticky;
  top: 0;
  z-index: 99;
  background: #ffffff;
}

.header.indexHeader {
  position: fixed;
  left: 0;
  right: 0;
  top: 20px;
  background: none;
  transition: all .3s;
}

.header.is_stuck, .header.indexHeader.is_stuck {
  top: 0;
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 #000000;
  -moz-box-shadow: 0 0 10px 0 #000000;
  box-shadow: 0 0 10px 0 #000000;
  transition: all .3s;
}

.header.indexHeader .pc_menu .conBox {
  background: rgba(255, 255, 255, .8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 40px;
  transition: all .3s;
}

.header.indexHeader.is_stuck .pc_menu .conBox {
  padding: 0;
  transition: all .3s;
}

.header .conBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header .logo {
  line-height: 0;
}

.navBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header .nav_list > li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  zoom: 1;
  float: left;
  text-align: center;
  margin-right: 50px;
}

.header .nav_list > li > a {
  display: flex;
}

.header .nav_list > li > a > span {
  font-size: 16px;
  color: #000000;
  line-height: 80px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .5s;
}

.header .nav_list > li.active > a span, .header .nav_list > li.on > a span {
  color: #1b44a1;
}

.nav_list > li > a > i {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  float: left;
  width: 12px;
  height: 80px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/reset/dropdown_menu.png") no-repeat right center;
  -moz-transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -ms-transition: all linear .3s;
}

.nav_list > li:hover i {
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.nav_normal > li {
  position: relative;
}

.nav_normal > li .dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 0;
  min-width: 160px;
  display: none;
  z-index: 1;
  background: #ffffff;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

.nav_normal .dropdown_menu li {
  width: 100%;
}

.nav_normal .dropdown_menu li a {
  display: block;
  height: 38px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 38px;
  font-size: 16px;
  color: #000000;
  white-space: nowrap;
}

.nav_normal .dropdown_menu li:hover > a {
  background: #1b44a1;
  color: #ffffff;
}

.nav_normal .dropdown_menu li.Three_menu {
  position: relative;
}

.nav_normal .dropdown_menu li.Three_menu > ul {
  position: absolute;
  top: 0;
  left: 100%;
  background: #ffffff;
  min-width: 160px;
  padding: 5px 0;
  z-index: 3;
  display: none;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.nav_normal .dropdown_menu li.Three_menu.on > a {
  background: #1b44a1;
  color: #ffffff;
}

.header_search_box {
  position: relative;
  width: 70px;
  height: 40px;
}

.header_search_box .search_click {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #1b44a1;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}

.header_search_box .search_form {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  padding: 0 20px;
  background: #1b44a1;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  overflow: hidden;
  z-index: -1;
  transition: all .3s;
}

.header_search_box .search_form.active {
  width: 240px;
  z-index: 1;
  transition: all .3s;
}

.header_search_box .search_form .inp_control {
  width: 200px;
  height: 40px;
  border: 0;
  background: none;
  color: #ffffff;
}

.header_search_box .search_form .inp_control::-webkit-input-placeholder {
  color: #ffffff;
}

.header_search_box .search_form .inp_control:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.header_search_box .search_form .inp_control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.header_search_box .search_form .inp_control:-ms-input-placeholder {
  color: #ffffff;
}

.header_search_box .search_form .btn_search {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 30px;
  top: 0;
  font-size: 0;
  border: 0;
  cursor: pointer;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/search.png") no-repeat center center;
}

.header_search_box .search_form .close {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 30px;
  height: 40px;
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
}

.langBox {
  cursor: pointer;
  margin-left: 10px;
  position: relative;
}

.lang_btn {
  display: flex;
  align-items: center;
}

.langBox span {
  display: inline-block;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #232323;
  cursor: pointer;
  transition: all .3s;
}

.langBox ul {
  position: absolute;
  z-index: 20;
  right: 0;
  border: 1px solid #EEEEEE;
  background: #ffffff;
  display: none;
}

.langBox ul a {
  display: block;
  line-height: 28px;
  padding: 0 10px;
  color: #1b44a1;
}

.langBox ul li a:hover {
  background: #1b44a1;
  color: #ffffff;
}

.mob_menu {
  display: none;
}

.footerInfo {
  padding: 45px 0;
  background: #1b44a1;
}

.footerInfo .text {
  text-align: center;
}

.footerInfo .text p {
  font-size: 30px;
  color: #ffffff;
  font-weight: bold;
}

.footerInfo .text a {
  display: inline-block;
  color: #1b44a1;
  margin-top: 15px;
  width: 195px;
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #ffffff;
}

.footerInfo .text a:hover {
  background: #0b111f;
  color: #ffffff;
}

.footerMenuBox {
  position: relative;
  background: #0b111f;
}

.footerMenuBox .container {
  display: flex;
}

.footerMenuBox:before {
  position: absolute;
  content: '';
  width: 30%;
  top: 0;
  bottom: 0;
  right: 0;
  background: #0c152c;
}

.footerMenuBox .footerMenu {
  position: relative;
  width: 65%;
  padding: 85px 0;
}

.footerMenuBox .footerMenu .itemBox {
  display: flex;
  gap: 65px;
}

.footerMenuBox .footerMenu .itemBox h3 {
  padding-top: 25px;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  text-transform: uppercase;
}

.footerMenuBox .footerMenu .itemBox .info_list {
  padding-top: 25px;
}

.footerMenuBox .footerMenu .itemBox .list {
  max-width: 410px;
  padding: 15px 20px;
  border: 1px solid #242936;
}

.footerMenuBox .footerMenu .itemBox .list p {
  color: #ffffff;
  line-height: 1.6;
  font-weight: 300;
}

.footerMenuBox .footerMenu .itemBox .list span {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
}

.footerMenuBox .footerMenu .itemBox ul {
  padding-top: 25px;
  max-width: 280px;
}

.footerMenuBox .footerMenu .itemBox ul li {
  margin-bottom: 10px;
}

.footerMenuBox .footerMenu .itemBox ul a, .footerMenuBox .footerMenu .itemBox ul p {
  font-size: 16px;
  color: #ffffff;
  line-height: 2;
  font-weight: 300;
}

.footerMenuBox .socialMedia {
  position: absolute;
  left: 0;
  bottom: 20px;
}

.footerMenuBox .socialMedia ul {
  display: flex;
  align-items: center;
  gap: 40px;
}

.footerMenuBox .footerForm {
  position: relative;
  z-index: 2;
  width: 35%;
  padding: 85px 0 50px 85px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #0c152c;
  overflow: hidden;
}

.footerMenuBox .footerForm h3 {
  padding-top: 25px;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
}

.footerMenuBox .footerForm form {
  padding-top: 25px;
  display: flex;
  flex-direction: column;
}

.footerMenuBox .footerForm .info {
  margin-bottom: 20px;
  line-height: 0;
  position: relative;
}

.footerMenuBox .footerForm .info.name {
  padding-right: 40px;
  border-bottom: 1px solid #3d4456;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/name.png") no-repeat right 5px;
}

.footerMenuBox .footerForm .info.email {
  padding-right: 40px;
  border-bottom: 1px solid #3d4456;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/email.png") no-repeat right 5px;
}

.footerMenuBox .footerForm .info.message {
  padding-right: 40px;
  border-bottom: 1px solid #3d4456;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/message.png") no-repeat right 5px;
}

.footerMenuBox .footerForm .info .tips {
  position: absolute;
  bottom: -20px;
  left: 0;
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #ff0000;
}

.footerMenuBox .footerForm input[type="text"], .footerMenuBox .footerForm textarea {
  width: 100%;
  height: 50px;
  background: none;
  border: 0;
  font-size: 14px;
  color: #ffffff;
}

.footerMenuBox .footerForm textarea {
  resize: none;
  height: 100px;
  padding: 10px 0;
}

.footerMenuBox .footerForm input[type="text"]::placeholder, .footerMenuBox .footerForm textarea::placeholder {
  color: #ffffff;
}

.footerMenuBox .footerForm p {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.6;
}

.footerMenuBox .footerForm p a {
  color: #ffffff;
  text-decoration: underline;
}

.footerMenuBox .footerForm input[type="submit"] {
  width: 100%;
  height: 52px;
  border: 0;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #1b44a1;
  cursor: pointer;
}

.footerMenuBox .footerForm input[type="submit"]:hover {
  background: #ffffff;
  color: #1b44a1;
}

.footerCopyright {
  border-top: 1px solid #252d42;
  padding: 35px 0;
  background: #0b111f;
}

.footerCopyright .box {
  display: flex;
  justify-content: space-between;
}

.footerCopyright p {
  color: #ffffff;
  font-size: 16px;
}

.banner_swiper .swiper-slide {
  line-height: 0;
}

.banner_swiper .swiper-button-next {
  right: 5%;
}

.banner_swiper .swiper-button-prev {
  left: 5%;
}

.banner_swiper .swiper-pagination-bullet {
  width: 16px;
  height: 5px;
  opacity: 1;
  background: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.banner_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1b44a1;
}

.indexProduct {
  padding: 70px 0;
  background: #f6f7f8;
}

.indexProduct .title h2 {
  font-size: 36px;
  color: #000000;
  font-weight: bold;
  padding-bottom: 40px;
  text-align: center;
}

.indexProduct .tabBtnBox {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 60px;
}

.indexProduct .btnBox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  position: relative;
}

.indexProduct .btnBox:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #ececed;
}

.indexProduct .btnBox .btn {
  padding: 0 20px 30px;
  position: relative;
  font-size: 16px;
  color: #000000;
  text-align: center;
  cursor: pointer;
}

.indexProduct .btnBox .btn:hover, .indexProduct .btnBox .btn.active {
  color: #1b44a1;
}

.indexProduct .btnBox .btn:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #ececed;
}

.indexProduct .btnBox .btn:hover:before, .indexProduct .btnBox .btn.active:before {
  background: #1b44a1;
}

.indexProduct .btnBox .btn:after {
  position: absolute;
  content: '';
  bottom: -12px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 22px;
  background: #1b44a1;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
}

.indexProduct .btnBox .btn:hover:after, .indexProduct .btnBox .btn.active:after {
  opacity: 1;
}

.indexProduct .switch {
  display: none;
}

.indexProduct .switch.active {
  display: block;
}

.indexProduct .itemBox {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

}

.indexProduct .item {
  width: 32%;
  margin-left: 2%;
}
.indexProduct .item:nth-of-type(3n+1){
  margin-left: 0;
}

.indexProduct .list {
  text-align: center;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 100%;
}

.indexProduct .list:last-child {
/*   margin-top: 16px; */
}

.indexProduct .item:nth-child(2) .list {
  height: 100%;
  margin: 0;
}

.indexProduct .list:hover {
  background: #e2e6e8;
}

.indexProduct .list .text {
  padding: 0 10px;
}

.indexProduct .list .text h3 {
  padding-top: 35px;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 10px;
}

.indexProduct .list .text p {
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.indexProduct .list .text a {
  display: inline-block;
  width: 155px;
  height: 44px;
  font-size: 16px;
  color: #ffffff;
  line-height: 44px;
  margin-top: 20px;
  background: #1b44a1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity: 0;
}

.indexProduct .list:hover .text a {
  opacity: 1;
}

.indexProduct .list .img {
  line-height: 0;
  text-align: center;
  /* aspect-ratio: 422/217; */
  margin-top: 50px;
}

/* .indexProduct .item:nth-child(2) .list .img {
  padding-top: 50px;
  aspect-ratio: auto;
} */

.indexSolution .title {
  padding-top: 70px;
}

.indexSolution .title h2 {
  font-size: 36px;
  color: #000000;
  font-weight: bold;
  padding-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}

.indexSolution .itemBox {
  display: flex;
justify-content: space-between;
}

.indexSolution .item {
 // width: 33.33%;
 width: calc((100%  - 30px ) / 3);
}

.indexSolution .item .conBox {
  position: relative;
}

.indexSolution .item .text {
  position: absolute;
  z-index: 2;
  top: 35px;
  left: 40px;
  right: 40px;
}

.indexSolution .item .text h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.indexSolution .item .text a {
  width: 155px;
  height: 45px;
  line-height: 43px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  border: 1px solid #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.indexSolution .item .text a:hover {
  background: #1b44a1;
  border-color: #1b44a1;
}

.indexSolution .item .img {
  line-height: 0;
}

.indexSolution .item .tag {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
}

.indexSolution .item .tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.indexSolution .item .tag li a {
  display: inline-block;
  padding: 12px 20px;
  color: #ffffff;
  font-size: 15px;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.indexSolution .item .tag li a:hover {
  background: #1b44a1;
}

.indexAbout {
  padding: 110px 0 70px;
}

.indexAbout .imgBox {
  position: relative;
}

.indexAbout .img {
  text-align: center;
  line-height: 0;
  overflow: hidden;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.indexAbout .text {
  position: absolute;
  width: 50%;
  bottom: 0;
  left: 0;
  padding-bottom: 60px;
  padding-left: 50px;
}

.indexAbout .text h2 {
  font-size: 120px;
  font-weight: bold;
  color: #ffffff;
}

.indexAbout .text p {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.8;
}

.indexAbout .text a {
  display: inline-block;
  width: 155px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin-top: 25px;
  color: #ffffff;
  background: #1b44a1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.indexAbout .text a:hover {
  background: #ffffff;
  color: #1b44a1;
}

.indexAbout .itemBox {
  display: flex;
  padding-top: 40px;
}

.indexAbout .item {
  width: 25%;
  text-align: center;
  position: relative;
}

.indexAbout .item:before {
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  margin-top: -40px;
  width: 1px;
  height: 80px;
  background: #cfd0d1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.indexAbout .item:last-child:before {
  display: none;
}

.indexAbout .item span {
  display: inline-block;
  font-size: 60px;
  color: #1b44a1;
  line-height: 1;
  font-weight: bold;
  position: relative;
}

.indexAbout .item  sub {
  position: absolute;
  bottom: 10px;
  display: inline-block;
  padding-left: 5px;
  font-size: 24px;
}

.indexAbout .item  sup {
  position: absolute;
  top: -5px;
  display: inline-block;
  padding-left: 5px;
  font-size: 44px;
  line-height: 1;
}

.indexAbout .item p {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  padding-top: 5px;
}

.indexWhyChooseUs {
  padding: 45px 0;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/index_whychooseus.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.indexWhyChooseUs .title {
  max-width: 880px;
  text-align: center;
  margin: auto;
  padding-bottom: 45px;
}

.indexWhyChooseUs .title h2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.indexWhyChooseUs .title p {
  font-size: 14px;
  color: #ffffff;
  line-height: 1.6;
}

.indexWhyChooseUs .itemBox {
  display: flex;
  gap: 10px;
  max-width: 1400px;
  margin: auto;
}

.indexWhyChooseUs .item {
  width: 50%;
}

.indexWhyChooseUs .item .conBox {
  padding: 50px;
  margin-bottom: 4px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  transition: all .3s;
}

.indexWhyChooseUs .item .conBox:hover {
  background: #1b44a1;
  transition: all .3s;
}

.indexWhyChooseUs .item .textBox {
  display: flex;
  align-items: flex-start;
}

.indexWhyChooseUs .item .textBox .ico {
  width: 90px;
}

.indexWhyChooseUs .item .textBox .text {
  width: calc(100% - 90px);
}

.indexWhyChooseUs .item .text h3 {
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  padding: 15px 0;
}

.indexWhyChooseUs .item .text p {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.8;
}

.indexWhyChooseUs .item .conBox:last-child {
  margin-bottom: 0;
}

.indexWhyChooseUs .item:first-child .conBox {
  height: 100%;
  margin-bottom: 0;
  position: relative;
  padding: 0;
}

.indexWhyChooseUs .item:first-child .textBox {
  position: absolute;
  bottom: 0;
  padding: 50px;
  flex-direction: column;
}
#main{
	position: relative;
}
.indexNew {
  padding: 85px 0;
  background: #f6f7f8;
}
#ripple-container{
	z-index: -1 !important;
}
.indexNew .title {
  text-align: center;
  padding-bottom: 35px;
}

.indexNew .title h2 {
  font-size: 36px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.indexNew .title p {
  font-size: 18px;
  color: #3c3c3c;
  line-height: 1.6;
}

.indexNew .conBox {
  display: flex;
}

.indexNew .leftNew {
  width: 50%;
  background: #ffffff;
}

.indexNew .leftNew .img {
  line-height: 0;
  text-align: center;
}

.indexNew .leftNew .text {
  padding: 25px 40px;
}

.indexNew .itemBox {
  width: 50%;
  padding-left: 12px;
}

.indexNew .item {
  display: flex;
  align-items: center;
  padding: 20px 15px;
  background: #ffffff;
  border-bottom: 1px solid #f6f7f8;
}

.indexNew .item .img {
  width: 325px;
  line-height: 0;
}

.indexNew .item .text {
  flex: 1;
  padding: 20px;
}

.indexNew .text span {
  display: inline-block;
  padding-left: 35px;
  line-height: 26px;
  font-size: 16px;
  color: #252525;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/index_new_ico.png") no-repeat left center;
}

.indexNew .text h3 a {
  display: block;
  font-size: 20px;
  color: #3c3c3c;
  font-weight: bold;
  padding: 10px 0;
}

.indexNew .text p {
  font-size: 14px;
  color: #000000;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.indexNew .text > a {
  display: inline-block;
  font-size: 16px;
  color: #000000;
  margin-top: 20px;
}

.indexNew .text > a:hover {
  color: #1b44a1;
  text-decoration: underline;
}

.pageBanner {
  position: relative;
  line-height: 0;
}

.pageBanner .porText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pageBanner .porText .container {
  height: 100%;
  display: flex;
  align-items: center;
}

.pageBanner .porText .text {
  width: 50%;
}

.pageBanner p {
  font-size: 36px;
  color: #ffffff;
  line-height: 1.5;
}

.productListBox {
  background: #f6f7f8;
  padding: 70px 0;
}

.productListBox .conBox {
  display: flex;
}

.collectionMenu {
  width: 425px;
}

.collectionMenu h2 {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 55px;
  background: #1b44a1;
}

.collectionMenu .item {
  background: #ffffff;
  margin-top: 10px;
}

.collectionMenu .item h3 {
  padding: 15px 45px 15px 15px;
  position: relative;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  cursor: pointer;
}

.collectionMenu .item:hover h3, .collectionMenu .item.active h3 {
  color: #1b44a1;
}

.collectionMenu .item h3:before {
  position: absolute;
  content: '+';
  width: 20px;
  height: 20px;
  line-height: 18px;
  top: 50%;
  margin-top: -10px;
  right: 15px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  background: #1b44a1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.collectionMenu .item.active h3:before {
  content: '-';
  font-size: 10px;
  font-weight: bold;
}

.collectionMenu .item ul {
  display: none;
  padding: 25px;
  border-top: 1px solid #f6f7f8;
}

.collectionMenu .item li {
  padding-left: 30px;
  position: relative;
}

.collectionMenu .item li:before {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  left: 0;
  top: 12px;
  border: 1px solid #000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.collectionMenu .item li.on:before {
  border: none;
  width: 16px;
  height: 16px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/productIco.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.collectionMenu .item li span {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #000000;
  cursor: pointer;
}

.collectionMenu .item li span a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.collectionMenu .item li.on span, .collectionMenu .item li span:hover {
  color: #1b44a1;
}

.collectionMenu .item dl {
  padding: 15px 0;
  display: none;
}

.collectionMenu .item a {
  display: block;
  position: relative;
  font-size: 16px;
  color: #000000;
  padding: 8px 0 8px 25px;
  font-weight: 300;
}

.collectionMenu .item a:hover {
  color: #1b44a1;
}

.collectionMenu .item a:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  background: #000000;
}

.collectionMenu .item a:hover:before {
  background: #1b44a1;
}

.collection_productList {
  width: calc(100% - 425px);
  padding-left: 55px;
}

.collection_productList .title {
  padding-bottom: 50px;
}

.collection_productList .title h1 {
  font-size: 48px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 20px;
}

.collection_productList .title p {
  font-size: 16px;
  color: #030000;
  line-height: 1.8;
}

.collection_productList .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.collection_productList .item {
  width: calc(33.33% - 14px);
  background: #ffffff;
}

.collection_productList .item .img {
  line-height: 0;
  text-align: center;
}

.collection_productList .item .text {
  text-align: center;
  padding: 30px 10px;
}

.collection_productList .item .text span {
  font-size: 16px;
  color: #000000;
}

.collection_productList .item .text h3 a {
  display: block;
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  padding: 10px 0 20px;
}

.collection_productList .item .text > a {
  display: inline-block;
  width: 155px;
  height: 44px;
  line-height: 42px;
  font-size: 16px;
  color: #0b111f;
  border: 1px solid #dddddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.collection_productList .item .text > a:hover {
  background: #1b44a1;
  color: #ffffff;
  border-color: #1b44a1;
}

.product_service {
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/collection-service.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.serviceAdvantage {
  padding: 110px 0;
}

.serviceAdvantage .title h2 {
  padding-bottom: 100px;
  color: #000;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}
.serviceAdvantage.product_service .title h2{
	color: #fff;
}
.serviceAdvantage .itemBox {
  display: flex;
  gap: 20px;
}

.serviceAdvantage .item {
  padding: 50px 30px;
  width: calc(25% - 10px);
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.serviceAdvantage .item:hover {
  background: #1b44a1;
}

.serviceAdvantage .ico {
  display: inline-block;
  background: #ffffff;
  line-height: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.serviceAdvantage .text h3 {
  padding: 25px 0;
  font-size: 20px;
  font-weight: bold;
  	color: #1b44a1;
  line-height: 1.4;
    transition: all 0.3s; 
}

.serviceAdvantage .text p {
  font-size: 16px;
  color: #000;
  line-height: 1.8;
  transition: all 0.3s; 
}
.serviceAdvantage .item:hover h3,
.serviceAdvantage .item:hover p{
	color: #fff;
}
.productCase {
  padding: 90px 0;
  background: #f6f7f8;
}

.productCase .title h2 {
  padding-bottom: 50px;
  color: #000000;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}

.productCase .itemBox {
  display: flex;
  gap: 30px;
}

.productCase .item {
  width: calc(25% - 15px);
  background: #ffffff;
}

.productCase .img {
  line-height: 0;
  text-align: center;
}

.productCase .text {
  padding: 30px 20px;
}

.productCase .text p {
  font-size: 18px;
  color: #000000;
  line-height: 1.6;
}

.productCase .text a {
  display: inline-block;
  padding-top: 20px;
  font-size: 16px;
  color: #1b44a1;
  text-decoration: underline;
}

.faqBox {
  padding: 90px 0;
}

.faqBox .title {
  text-align: center;
  padding-bottom: 50px;
}

.faqBox .title h2 {
  color: #16181e;
  font-weight: bold;
  font-size: 48px;
  padding-bottom: 10px;
}

.faqBox .title p {
  font-size: 20px;
  color: #4f4f4f;
}

.faqBox .itemBox {
  border-bottom: 1px solid #dcdcdc;
}

.faqBox .item {
  position: relative;
  padding: 30px 170px 30px 30px;
  border-top: 1px solid #dcdcdc;
  background: #ffffff;
  cursor: pointer;
  transition: all .3s;
}

.faqBox .item.active {
  border-top: 6px solid #1b44a1;
  -webkit-box-shadow: 0 0 10px 0 #dddddd;
  -moz-box-shadow: 0 0 10px 0 #dddddd;
  box-shadow: 0 0 10px 0 #dddddd;
  transition: all .3s;
}

.faqBox .item:before {
  position: absolute;
  content: '';
  top: 28px;
  right: 30px;
  width: 30px;
  height: 30px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/faqIco1.png") no-repeat center center;
  transition: all .3s;
}

.faqBox .item.active:before {
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/faqIco2.png") no-repeat center center;
  transition: all .3s;
}

.faqBox .item h3 {
  position: relative;
  font-size: 20px;
  color: #4f4f4f;
}

.faqBox .item .text {
  display: none;
  padding-top: 25px;
  margin-top: 25px;
  padding-right: 100px;
  border-top: 1px solid #ececec;
}

.faqBox .item .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.productDetailConBox {
  padding: 30px 0 0;
  background: #f6f7f8;
}

.productDetailConBox .productInfo {
  padding-bottom: 70px;
}

.productDetailConBox .productInfo .container {
  display: flex;
}

.productDetailConBox .productImageBox {
  width: 50%;
  overflow: hidden;
}

.productImageBox .smallImage .swiper-slide img { /*border: 2px solid #ffffff;*/
  line-height: 0;
}

.productImageBox .smallImage .swiper-slide-thumb-active img { /*border: 2px solid #1b44a1;*/
}

.productDetailConBox .productInfoBox {
  width: 50%;
  flex: 1;
  padding-left: 50px;
}

.productInfoBox h1 {
  font-size: 36px;
  font-weight: bold;
  padding: 20px 0;
  color: #000000;
}

.productInfoBox .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.6;
  margin-bottom: 10px;
}

.productInfoBox .itemBox {
  padding-top: 10px;
  margin-top: 20px;
  border-top: 1px solid #dddedf;
}

.productInfoBox .item {
  padding: 5px 40px;
  position: relative;
}

.productInfoBox .item:before {
  position: absolute;
  content: '';
  top: 8px;
  left: 14px;
  border-left: 7px solid #1b44a1;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.productInfoBox .item span {
  display: block;
  font-size: 16px;
  color: #1b44a1;
}

.productInfoBox .item .t {
  padding: 10px 0;
}

.productInfoBox .item .t p {
  font-size: 16px;
  color: #000000;
  line-height: 1.6;
}

.productInfoBox .btn a {
  display: inline-block;
  width: 255px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  background: #1b44a1;
  color: #ffffff;
  margin-top: 20px;
  font-size: 20px;
}

.productDetailBtn {
  position: sticky;
  top: 80px;
  background: #f6f7f8;
  z-index: 2;
  border-bottom: 3px solid #e0e1e2;
}

.productDetailBtn .container {
  display: flex;
}

.productDetailBtn .btn {
  margin-right: 35px;
}

.productDetailBtn .btn a {
  display: inline-block;
  padding: 25px 10px;
  font-size: 16px;
  color: #030000;
  font-weight: bold;
  position: relative;
}

.productDetailBtn .btn a:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 5px;
  bottom: -3px;
  left: 0;
  background: #1b44a1;
  opacity: 0;
}

.productDetailBtn .btn a.on {
  color: #1b44a1;
}

.productDetailBtn .btn a.on:before {
  opacity: 1;
}

.productFeatures .conBox {
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #c5c6c6;
}

.productFeatures .text {
  width: 44%;
  padding-right: 50px;
}

.productFeatures .text h2 {
  font-size: 48px;
  font-weight: bold;
  color: #030000;
}

.productFeatures .item {
  position: relative;
  margin-top: 25px;
  padding-left: 50px;
}

.productFeatures .item:before {
  position: absolute;
  content: '';
  width: 25px;
  height: 25px;
  left: 0;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/productIco.png") no-repeat center center;
}

.productFeatures .item h3 {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  padding: 5px 0 8px;
}

.productFeatures .item p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.productFeatures .img {
  width: 56%;
  flex: 1;
  line-height: 0;
}

.productSpecifications h2 {
  font-size: 48px;
  font-weight: bold;
  color: #030000;
  padding: 55px 0 30px;
}

.productSpecifications table {
  width: 100%;
  margin: auto;
}

.productSpecifications table tr {
  display: flex;
  gap: 10px;
  width: 100%;
}

.productSpecifications table td {
  width: 100%;
}

.productSpecifications table tr:first-child td {
  background: #1b44a1;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.productSpecifications th, .productSpecifications td {
  text-align: left;
  border-bottom: 1px solid #000000;
  padding: 15px 10px;
}

.productSpecifications td span, .productSpecifications td a {
  font-size: 16px;
  color: #1a1d25;
}

.productVideo h2 {
  font-size: 48px;
  font-weight: bold;
  color: #030000;
  padding: 80px 0 20px;
}

.productDrawings .itemBox {
  display: flex;
  gap: 20px;
  padding-top: 65px;
  margin-top: 95px;
  padding-bottom: 45px;
  border-top: 1px solid #c5c6c6;
}

.productDrawings .item {
  width: 100%;
}

.productDrawings h2 {
  font-size: 48px;
  font-weight: bold;
  color: #030000;
  padding-bottom: 30px;
}

.productDrawings .img {
  line-height: 0;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.productAccessories {
  padding: 80px 0 150px;
  background: #ffffff;
}

.productAccessories h2 {
  font-size: 48px;
  font-weight: bold;
  color: #030000;
  padding-bottom: 30px;
}

.accessoriesSwiper .swiper-button-next, .accessoriesSwiper .swiper-button-prev {
  width: 44px;
  height: 44px;
  top: 30%;
  background: rgba(255, 255, 255, .5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.accessoriesSwiper .swiper-button-next:hover, .accessoriesSwiper .swiper-button-prev:hover {
  background: #1b44a1;
}

.accessoriesSwiper .swiper-button-next:after, .accessoriesSwiper .swiper-button-prev:after {
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
}

.accessoriesSwiper .img {
  line-height: 0;
  text-align: center;
}

.accessoriesSwiper .text {
  padding: 35px 30px;
  background: #f6f7f8;
}

.accessoriesSwiper .text h3 {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

.accessoriesSwiper .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.productSetailCase .title h2 {
  text-align: left;
}

.productRelatedVideo h2 {
  padding: 80px 0 30px;
  font-size: 48px;
  font-weight: bold;
  color: #030000;
  border-top: 1px solid #c5c6c6;
}

.productRelatedVideo .itemBox {
  display: flex;
  gap: 30px;
  padding-bottom: 90px;
}

.productRelatedVideo .item {
  width: 100%;
}

.productRelatedProduct {
  padding-bottom: 100px;
}

.productRelatedProduct h2 {
  padding: 80px 0 30px;
  font-size: 48px;
  font-weight: bold;
  color: #030000;
  border-top: 1px solid #c5c6c6;
}

.productRelatedProduct .productRelated {
  padding: 0 40px;
}

.productRelated .swiper-button-prev {
  left: 0;
    display: block;
	background-image: none;
}

.productRelated .swiper-button-next {
  right: 0;
  display: block;
  	background-image: none;
}

.productRelated .swiper-button-prev:after, .productRelated .swiper-button-next:after {
  font-size: 30px;
  font-weight: bold;
  color: #aaa;
}

.productRelated .swiper-button-prev:hover:after, .productRelated .swiper-button-next:hover:after {
  color: #1b44a1;
}

.productRelatedProduct .swiper_item {
  background: #ffffff;
}

.productRelatedProduct .swiper_item .img {
  line-height: 0;
  text-align: center;
}

.productRelatedProduct .swiper_item .text {
  text-align: center;
  padding: 25px 10px;
  border-top: 1px solid #ececed;
}

.productRelatedProduct .swiper_item .text h3 a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 20px;
}

.productRelatedProduct .swiper_item .text > a {
  display: inline-block;
  width: 155px;
  height: 44px;
  font-size: 16px;
  line-height: 42px;
  color: #000000;
  border: 1px solid #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.productRelatedProduct .swiper_item .text > a:hover {
  color: #ffffff;
  border-color: #1b44a1;
  background: #1b44a1;
}

.serviceBanner .porText .container h1 {
  font-size: 60px;
  font-weight: bold;
  color: #ffffff;
}

.serviceBanner p {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.5;
}

.serviceBox1 {
  background: #f6f7f8;
}

.serviceBox1 .conBox {
  display: flex;
  flex-wrap: wrap;
  padding: 70px 0 110px;
  border-bottom: 1px solid #ececed;
}

.serviceBox1 .conBox .text {
  width: 50%;
  padding-right: 150px;
}

.serviceBox1 .conBox .text h2 {
  font-size: 48px;
  font-weight: bold;
  color: #000000;
  padding-top: 25px;
  padding-bottom: 30px;
}

.serviceBox1 .conBox .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.serviceBox1 .conBox .img {
  width: 50%;
}

.serviceBox2 .title {
  text-align: center;
  padding: 60px 0 80px;
}

.serviceBox2 .title h2 {
  font-size: 48px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 20px;
}

.serviceBox2 .title p {
  font-size: 24px;
  color: #000000;
}

.serviceBox2 .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  padding-bottom: 80px;
  position: relative;
  border-bottom: 1px solid #ececed;
}

.serviceBox2 .itemBox:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: #ececed;
}

.serviceBox2 .item {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(50% - 25px);
}

.serviceBox2 .item:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  top: -25px;
  background: #ececed;
}

.serviceBox2 .item:nth-child(1):before, .serviceBox2 .item:nth-child(2):before {
  display: none;
}

.serviceBox2 .item .img {
  width: 52%;
  line-height: 0;
}

.serviceBox2 .item .text {
  width: 48%;
  padding-left: 20px;
}

.serviceBox2 .item .text h3 {
  font-size: 24px;
  font-weight: bold;
  color: #1b44a1;
  padding-bottom: 15px;
  line-height: 1.4;
}

.serviceBox2 .item .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.6;
}

.serviceBox3 .title h2 {
  font-size: 48px;
  font-weight: bold;
  color: #000000;
  padding: 70px 0;
  text-align: center;
}

.serviceBox3 .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
  padding-bottom: 70px;
}

.serviceBox3 .item {
  width: calc(33.33% - 28px);
  border-left: 1px solid #ececed;
}

.serviceBox3 .item .img {
  line-height: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.serviceBox3 .item .img span {
  position: absolute;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  width: 100px;
  height: 70px;
  bottom: 0;
  left: -40px;
  padding-right: 23px;
  text-align: right;
  line-height: 70px;
  background: #1b44a1;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.serviceBox3 .item .text {
  padding: 25px 20px 40px 35px;
}

.serviceBox3 .item .text h3 {
  font-size: 20px;
  font-weight: bold;
  color: #1b44a1;
  padding-bottom: 10px;
}

.serviceBox3 .item .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.serviceBox4 {
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/serviceBg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.serviceBox6 {
  background: #f6f7f8;
}

.serviceBox6.productRelatedProduct h2 {
  border-top: 0;
  padding-top: 0;
  text-align: center;
}

.aboutBox1 {
  padding-top: 65px;
  background: #f6f7f8;
}

.aboutBox1 .title h1 {
  text-align: center;
  padding-bottom: 30px;
  font-size: 48px;
  font-weight: bold;
  color: #000000;
}

.aboutBox1 .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.aboutVideo {
  padding-top: 40px;
  line-height: 0;
  text-align: center;
}

.aboutVideo video {
  width: 100%;
}

.aboutBox2 {
  padding: 70px 0;
  background: #f6f7f8;
}

.aboutBox2 .title h2 {
  text-align: center;
  padding-bottom: 50px;
  font-size: 48px;
  font-weight: bold;
  color: #000000;
}

.aboutBox2 .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.aboutBox2 .item {
  width: calc(33.33% - 8px);
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.aboutBox2 .item .img {
  line-height: 0;
  text-align: center;
}

.aboutBox2 .item .text {
  padding: 20px;
}

/*.aboutBox2 .item{  display: flex;  flex-direction: row;  align-items: center;  background: #ffffff;  margin-bottom: 20px;}.aboutBox2 .item:nth-child(2n){  flex-direction: row-reverse;}.aboutBox2 .item .img{  width: 45%;  line-height: 0;}.aboutBox2 .item .text{  width: 55%;  padding: 20px 40px;}*/
.aboutBox2 .item .text h3 {
  font-size: 30px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 10px;
}

.aboutBox2 .item .text span {
  display: block;
  font-size: 18px;
  color: #1b44a1;
  padding-bottom: 20px;
}

.aboutBox2 .item .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.aboutBox3 {
  padding: 90px 0;
}

.aboutBox3 .title {
  max-width: 1400px;
  text-align: center;
  margin: auto;
  padding-bottom: 60px;
}

.aboutBox3 .title h2 {
  font-size: 48px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 20px;
}

.aboutBox3 .title p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.aboutTeamName {
  margin-bottom: 25px;
  border-bottom: 1px solid #d8d8d8;
}

.aboutTeamName .swiper-wrapper {
  justify-items: center;
}

.aboutTeamName .swiper-slide {
  text-align: center;
  width: auto !important;
  margin: 0 30px;
}

.aboutTeamName span {
  display: inline-block;
  padding: 30px 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  position: relative;
  cursor: pointer;
}

.aboutTeamName span:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  bottom: -1px;
  left: 0;
  background: #1b44a1;
  opacity: 0;
}

.aboutTeamName .swiper-slide.swiper-slide-thumb-active span:before {
  opacity: 1;
}

.aboutTeamImage .swiper-wrapper {
  width: 1400px;
}

.aboutTeamImage .swiper-button-next {
  right: 8%;
}

.aboutTeamImage .swiper-button-prev {
  left: 8%;
}

.aboutTeamImage .swiper-button-next, .aboutTeamImage .swiper-button-prev {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, .5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.aboutTeamImage .swiper-button-next:hover, .aboutTeamImage .swiper-button-prev:hover {
  background: #1b44a1;
}

.aboutTeamImage .swiper-button-next:after, .aboutTeamImage .swiper-button-prev:after {
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
}

.aboutTeamImage .swiper-slide {
  background: #000;
}

.aboutTeamImage .imgBox {
  opacity: .5;
  position: relative;
}

.aboutTeamImage .swiper-slide-active .imgBox {
  opacity: 1;
}

.aboutTeamImage .img {
  line-height: 0;
  text-align: center;
  border-bottom: 8px solid #000000;
}

.aboutTeamImage .swiper-slide-active .img {
  border-bottom-color: #1b44a1;
}

.aboutTeamImage .teamName {
  position: absolute;
  top: 130px;
  left: 60px;
}

.aboutTeamImage .teamName h3 {
  color: #ffffff;
  font-weight: bold;
  padding-bottom: 30px;
  font-size: 72px;
}

.aboutTeamImage .teamName span {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
}

.aboutTeamImage .text {
  position: absolute;
  bottom: 60px;
  left: 60px;
  right: 60px;
}

.aboutTeamImage .text p {
  font-size: 18px;
  color: #ffffff;
  line-height: 1.8;
}

.aboutBox4 {
  padding: 120px 0;
  background: #f6f7f8;
}

.aboutBox4 .conBox {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}

.aboutBox4 .corporateCulture, .aboutBox4 .values {
  width: calc(50% - 24px);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.aboutBox4 .corporateCulture {
  padding: 130px 50px 0;
  position: relative;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/aboutbj1.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.aboutBox4 .corporateCulture h2 {
  font-size: 48px;
  font-weight: bold;
  color: #ffffff;
}

.aboutBox4 .corporateCulture .textBox {
  position: absolute;
  bottom: 30px;
  left: 35px;
  right: 35px;
  padding: 40px 55px;
  background: rgba(27, 68, 161, .9);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.aboutBox4 .corporateCulture .text {
  margin-bottom: 25px;
  padding-left: 55px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/aboutIco1.png") no-repeat left 8px;
}

.aboutBox4 .corporateCulture .text:last-child {
  margin-bottom: 0;
}

.aboutBox4 .corporateCulture .text span {
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  display: block;
  padding: 10px 0;
}

.aboutBox4 .corporateCulture .text p {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.8;
}

.aboutBox4 .values {
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
}

.aboutBox4 .values .textBox {
  padding: 130px 0 90px 70px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/aboutBj2.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.aboutBox4 .values .textBox h2 {
  font-size: 48px;
  font-weight: bold;
  color: #ffffff;
  padding-bottom: 20px;
}

.aboutBox4 .values .textBox p {
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.8;
}

.aboutBox4 .values .itemBox {
  padding: 35px 80px 0;
}

.aboutBox4 .values .item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 45px;
}

.aboutBox4 .values .item .ico {
  line-height: 0;
  text-align: center;
  width: 64px;
}

.aboutBox4 .values .item .text {
  width: calc(100% - 64px);
  padding-left: 20px;
}

.aboutBox4 .values .item .text span {
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  display: block;
  padding: 10px 0;
}

.aboutBox4 .values .item .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.aboutBox5 {
  padding: 100px 0 160px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/aboutBj4.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.aboutBox5 .conBox {
  max-width: 1400px;
  margin: auto;
}

.aboutBox5 .title h2 {
  padding-bottom: 45px;
  font-size: 48px;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

.aboutBox5 .timeSwiper {
  padding-bottom: 3px;
}

.aboutBox5 .timeSwiper .swiper-slide {
	cursor: pointer;
  text-align: center;
}

.aboutBox5 .timeSwiper span {
  font-size: 18px;
  color: #000000;
  display: block;
  height: 50px;
  padding-top: 10px;
  transition: all .3s;
  cursor: pointer;
}

.aboutBox5 .timeSwiper .swiper-slide-thumb-active span {
  font-size: 24px;
  color: #1b44a1;
  padding-top: 0;
  transition: all .3s;
}
.aboutBox5 .timeSwiper .swiper-slide-thumb-active .name{
	  color: #1b44a1;
}

.aboutBox5 .timeSwiper .br{
	position: relative;
	width: 100%;
	height: 1px;
}
.aboutBox5 .timeSwiper .br::after {
	display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background: #1b44a1;
  bottom: 0;
  left: 0;
}
.aboutBox5 .timeSwiper .name{
	font-size: 18px;
	margin-top: 15px;
	
}
.aboutBox5 .timeSwiper .swiper-slide:before {
  position: absolute;
  content: '';
  width: 7px;
  height: 7px;
  bottom: 34px;
  left: 50%;
  margin-left: -4px;
  background: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.aboutBox5 .historySwiper {
  padding-top: 50px;
}

.aboutBox5 .historySwiper .swiper-button-next, .aboutBox5 .historySwiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.aboutBox5 .historySwiper .swiper-button-next:hover, .aboutBox5 .historySwiper .swiper-button-prev:hover {
  background: #1b44a1;
}

.aboutBox5 .historySwiper .swiper-button-next:after, .aboutBox5 .historySwiper .swiper-button-prev:after {
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
}

.aboutBox5 .historySwiper .text {
  padding: 0 100px 30px;
  text-align: center;
}

.aboutBox5 .historySwiper .text p {
  font-size: 24px;
  color: #000000;
  font-weight: bold;
  line-height: 1.6;
}

.aboutBox5 .historySwiper .img {
  line-height: 0;
  text-align: center;
}

.aboutBox6 {
  padding: 85px 0 120px;
  background: #f6f7f8;
}

.aboutBox6 h2 {
  text-align: center;
  font-size: 48px;
  color: #000000;
  font-weight: bold;
  padding-bottom: 60px;
}

.aboutBox6 .certificataSwiper {
  padding: 0 100px;
}

.aboutBox6 .certificataSwiper:before {
  position: absolute;
  content: '';
  width: 100px;
  height: 100%;
  top: 0;
  left: 0;
  background: #f6f7f8;
  z-index: 2;
}

.aboutBox6 .certificataSwiper:after {
  position: absolute;
  content: '';
  width: 100px;
  height: 100%;
  top: 0;
  right: 0;
  background: #f6f7f8;
  z-index: 2;
}

.aboutBox6 .certificataSwiper .swiper-button-next, .aboutBox6 .certificataSwiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.aboutBox6 .certificataSwiper .swiper-button-next:hover, .aboutBox6 .certificataSwiper .swiper-button-prev:hover {
  background: #1b44a1;
}

.aboutBox6 .certificataSwiper .swiper-button-next:after, .aboutBox6 .certificataSwiper .swiper-button-prev:after {
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
}

.aboutBox6 .img {
  line-height: 0;
  text-align: center;
}

.aboutBox7 {
  padding: 90px 0;
  background: #ffffff;
}

.aboutBox7 h2 {
  text-align: center;
  font-size: 48px;
  color: #000000;
  font-weight: bold;
  padding-bottom: 50px;
}

.aboutBox7 .itemBox {
  display: flex;
  gap: 10px;
}

.aboutBox7 .item {
  width: 490px;
}

.aboutBox7 .item:nth-child(2) {
  width: 596px;
}

.aboutBox7 .item .imgBox {
  position: relative;
  margin-bottom: 10px;
}

.aboutBox7 .item .imgBox:last-child {
  margin-bottom: 0;
}

.aboutBox7 .img {
  line-height: 0;
  text-align: center;
}

.aboutBox7 .text {
  position: absolute;
  top: 55px;
  left: 10px;
  right: 10px;
  text-align: center;
}

.aboutBox7 .text p {
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
}

.solutionBanner .text {
  padding: 55px 45px;
  background: rgba(27, 68, 161, .9);
}

.solutionBanner h1 {
  font-size: 48px;
  font-weight: bold;
  color: #ffffff;
  padding-bottom: 10px;
}

.solutionBanner p {
  font-size: 18px;
  color: #ffffff;
  line-height: 2;
}

.solutionBox1 {
  padding: 180px 0 140px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/solutionBj1.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.solutionBox1 .text {
  max-width: 1120px;
  margin: auto;
  text-align: center;
}

.solutionBox1 .text h2 {
  font-size: 48px;
  color: #000000;
  font-weight: bold;
  padding-bottom: 50px;
}

.solutionBox1 .text h3 {
  font-size: 30px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 35px;
}

.solutionBox1 .text p {
  font-size: 18px;
  color: #000000;
  line-height: 2;
}

.solutionBox2 .conBox {
  padding: 110px 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dddedf;
}

.solutionBox2 .con {
  width: 50%;
  padding-right: 50px;
}

.solutionBox2 .con .text h2 {
  font-size: 48px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 10px;
}

.solutionBox2 .con .text p {
  font-size: 18px;
  color: #000000;
  line-height: 1.6;
}

.solutionBox2 .con .img {
  line-height: 0;
  padding-top: 25px;
}

.solutionBox2 .itemBox {
  width: 50%;
  padding-top: 65px;
  padding-left: 15px;
}

.solutionBox2 .item {
  padding-left: 85px;
  margin-bottom: 50px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/solutionIco1.png") no-repeat left top;
}

.solutionBox2 .item:last-child {
  margin-bottom: 0;
}

.solutionBox2 .item span {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  padding-top: 5px;
  padding-bottom: 10px;
}

.solutionBox2 .item p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.solutionBox3 .title {
  padding: 115px 0 55px;
  text-align: center;
}

.solutionBox3 .title h2 {
  font-size: 48px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 15px;
}

.solutionBox3 .title p {
  font-size: 18px;
  color: #000000;
}

.solutionBox3 .itemBox {
  padding-bottom: 50px;
  border-top: 1px solid #dddedf;
}

.solutionBox3 .item {
  display: flex;
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid #dddedf;
}

.solutionBox3 .item .ico {
  width: 160px;
  line-height: 0;
  text-align: center;
}

.solutionBox3 .item h3 {
  width: calc(50% - 160px);
  font-size: 30px;
  color: #000000;
  font-weight: bold;
  padding-left: 50px;
}

.solutionBox3 .item .text {
  width: 50%;
  padding-left: 180px;
}

.solutionBox3 .item .text p {
  font-size: 18px;
  color: #000000;
  line-height: 2;
}

.solutionBox4 {
  display: flex;
  background: #1b44a1;
}

.solutionBox4 .img {
  width: 50%;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.solutionBox4 .img img {
  opacity: 0;
}

.solutionBox4 .conBox {
  width: 50%;
  padding-right: 20px;
  padding-top: 80px;
}

.solutionBox4 .conBox .text, .solutionBox4 .conBox .itemBox {
  max-width: 800px;
  padding-left: 50px;
}

.solutionBox4 .conBox .text {
  padding-bottom: 30px;
}

.solutionBox4 .conBox .text h2 {
  color: #ffffff;
  font-size: 48px;
  font-weight: bold;
  padding-bottom: 10px;
}

.solutionBox4 .conBox .text p {
  font-size: 18px;
  color: #ffffff;
}

.solutionBox4 .conBox .item {
  border-top: 2px solid #3257ab;
  padding: 25px 0;
  cursor: pointer;
}

.solutionBox4 .conBox .item:last-child {
  border-bottom: 2px solid #3257ab;
}

.solutionBox4 .conBox .item.on {
  border-top-color: #ffffff;
}

.solutionBox4 .conBox .item h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  padding-left: 50px;
  position: relative;
}

.solutionBox4 .conBox .item h3:before {
  position: absolute;
  content: '';
  top: 6px;
  left: 16px;
  border-left: 7px solid #ffffff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

.solutionBox4 .conBox .item.on h3:before {
  top: 10px;
  left: 14px;
  border-top: 7px solid #ffffff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.solutionBox4 .conBox .item .t {
  padding-top: 25px;
  display: none;
}

.solutionBox4 .conBox .item .t p ,
.solutionBox4 .conBox .item .t p span{
  font-size: 18px !important;
  color: #ffffff;
  line-height: 2;
}

.solutionBox5 {
  padding: 120px 0;
  background: #f6f7f8;
}

.solutionBox5 .title {
  text-align: center;
  padding-bottom: 70px;
}

.solutionBox5 .title h2 {
  font-size: 48px;
  color: #000000;
  font-weight: bold;
  padding-bottom: 20px;
}

.solutionBox5 .title p {
  font-size: 18px;
  color: #000000;
  line-height: 1.8;
}

.solutionBox5 .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.solutionBox5 .item {
  padding: 25px 45px 65px;
  width: calc(33.33% - 12px);
  background: #ffffff;
  transition: all .3s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.solutionBox5 .item:hover {
  background: #1b44a1;
  transition: all .3s;
}

.solutionBox5 .item .ico {
  line-height: 0;
  text-align: center;
  width: 80px;
  height: 80px;
  position: relative;
}

.solutionBox5 .item .ico img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s;
}

.solutionBox5 .item:hover .ico img {
  opacity: 0;
  transition: all .3s;
}

.solutionBox5 .item .ico img:last-child {
  opacity: 0;
  transition: all .3s;
}

.solutionBox5 .item:hover .ico img:last-child {
  opacity: 1;
  transition: all .3s;
}

.solutionBox5 .item h3 {
  padding: 10px 0;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  transition: all .3s;
}

.solutionBox5 .item p {
  font-size: 16px;
  color: #000000;
  line-height: 2;
  transition: all .3s;
}

.solutionBox5 .item:hover h3, .solutionBox5 .item:hover p {
  color: #ffffff;
  transition: all .3s;
}

.solutionBox6 {
  border-top: 1px solid #1b44a1;
  border-bottom: 1px solid #1b44a1;
  padding: 90px 0 60px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/solutionBj3.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.solutionBox6 h2 {
  text-align: center;
  padding-bottom: 85px;
  font-size: 48px;
  font-weight: bold;
  color: #ffffff;
}

.solutionBox6 .itemBox {
  display: flex;
  gap: 60px
}

.solutionBox6 .item {
  width: calc(33.33% - 40px);
}

.solutionBox6 .item .text {
  padding: 40px 45px 50px;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.solutionBox6 .item .text:before {
  position: absolute;
  content: '';
  bottom: -20px;
  left: 40px;
  border-top: 20px solid rgba(0, 0, 0, 0.5);
  border-left: 23px solid transparent;
  border-right: 23px solid transparent;
}

.solutionBox6 .item:hover .text {
  background: #1b44a1;
}

.solutionBox6 .item:hover .text:before {
  border-top-color: #1b44a1;
}

.solutionBox6 .item .text h3 {
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 35px;
}

.solutionBox6 .item .text p {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.8;
}

.solutionBox6 .item .img {
  margin-top: 55px;
  margin-left: 10px;
  width: 105px;
}

.solutionBox6 .item .img img {
  border: 4px solid #1b44a1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.solutionBox6 .item .img span {
  display: block;
  text-align: center;
  color: #ffffff;
  padding-top: 15px;
  font-weight: bold;
  font-size: 16px;
}

.solutionBox7 {
  background: #f6f7f8;
}

.solutionBox7.productRelatedProduct h2 {
  border-top: 0;
  text-align: center;
}

.whyBox1 {
  padding: 110px 0;
  background: #f6f7f8;
  border-bottom: 1px solid #dee0e2;
}

.whyBox1 .conBox {
  display: flex;
  flex-wrap: wrap;
}

.whyBox1 .textBox {
  width: 50%;
  padding-right: 140px;
}

.whyBox1 .textBox h2 {
  font-size: 48px;
  color: #000000;
  font-weight: bold;
  padding-bottom: 20px;
}

.whyBox1 .tabBtnBox {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #acacad;
}

.whyBox1 .tabBtnBox .btn {
  padding: 20px 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  position: relative;
  transition: all .3s;
  cursor: pointer;
}

.whyBox1 .tabBtnBox .btn:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  opacity: 0;
  background: #1b44a1;
  transition: all .3s;
}

.whyBox1 .tabBtnBox .btn.on:before, .whyBox1 .tabBtnBox .btn:hover:before {
  opacity: 1;
  transition: all .3s;
}

.whyBox1 .tabBtnBox .btn:last-child {
  margin-right: 0;
}

.whyBox1 .tabBtnBox .btn.on, .whyBox1 .tabBtnBox .btn:hover {
  color: #1b44a1;
  transition: all .3s;
}

.whyBox1 .switchBox .switch {
  display: none;
}

.whyBox1 .switchBox .switch.on {
  display: block;
}

.whyBox1 .switchBox .switch p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.whyBox1 .whySwiper1 {
  width: 50%;
}

.whyBox1 .whySwiper1 .swiper-button-next, .whyBox1 .whySwiper1 .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, .2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.whyBox1 .whySwiper1 .swiper-button-next:hover, .whyBox1 .whySwiper1 .swiper-button-prev:hover {
  background: #1b44a1;
}

.whyBox1 .whySwiper1 .swiper-button-next:after, .whyBox1 .whySwiper1 .swiper-button-prev:after {
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
}

.whyBox2 {
  padding: 110px 0;
  background: #f6f7f8;
  border-bottom: 1px solid #dee0e2;
}

.whyBox2 .title {
  max-width: 1400px;
  margin: auto;
  padding-bottom: 40px;
  text-align: center;
}

.whyBox2 .title h2 {
  font-size: 48px;
  color: #000000;
  padding-bottom: 20px;
  font-weight: bold;
}

.whyBox2 .title p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.whyBox2 .productionTabBtn {
  padding: 15px;
  display: flex;
  justify-content: center;
  background: #0b111f;
  gap: 20px;
}

.whyBox2 .productionTabBtn .btn {
  min-width: 265px;
  padding: 15px 20px;
  background: #242936;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
}

.whyBox2 .productionTabBtn .btn.on, .whyBox2 .productionTabBtn .btn:hover {
  background: #1b44a1;
}

.whyBox2 .productionSwitchBox {
  padding: 45px 100px;
  background: #ffffff;
}

.whyBox2 .switch {
  display: none;
}

.whyBox2 .switch.on {
  display: block;
}

.whyBox2 .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}

.whyBox2 .item {
  width: calc(25% - 36px);
}

.whyBox2 .item .img {
  line-height: 0;
  text-align: center;
  position: relative;
}

.whyBox2 .item .img:before {
  position: absolute;
  content: '';
  width: 75px;
  height: 75px;
  top: 50%;
  margin-top: -42px;
  right: -62px;
  z-index: 2;
  background: #ffffff url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/whyIco.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.whyBox2 .item:nth-child(4n) .img:before {
  display: none;
}

.whyBox2 .item .text {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  padding-top: 20px;
}

.whyBox3 {
  padding: 130px 0 80px;
  background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/whyBj.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.whyBox3 .title {
  text-align: center;
}

.whyBox3 .title h2 {
  font-size: 48px;
  color: #000000;
  padding-bottom: 20px;
  font-weight: bold;
}

.whyBox3 .title p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.whyBox3 .whyCertificateSwiper {
  padding: 100px 0;
}

.whyBox3 .whyCertificateSwiper .swiper-pagination-bullet-active {
  background: #eb702e;
}

.whyBox4 {
  padding: 125px 0 75px;
  background: #f6f7f8;
  border-bottom: 1px solid #dddedf;
}

.whyBox4 .conBox {
  max-width: 1400px;
  margin: auto;
}

.whyBox4 .title {
  text-align: center;
  padding-bottom: 95px;
}

.whyBox4 .title h2 {
  font-size: 48px;
  color: #000000;
  font-weight: bold;
  padding-bottom: 10px;
}

.whyBox4 .title p {
  font-size: 18px;
  color: #030000;
  line-height: 2;
}

.whyBox4 .img {
  line-height: 0;
  text-align: center;
}

.whyBox5 {
  padding: 80px 0;
  background: #f6f7f8;
}

.whyBox5 .title {
  max-width: 1000px;
  margin: auto;
  text-align: center;
  padding-bottom: 35px;
}

.whyBox5 .title h2 {
  font-size: 48px;
  color: #000000;
  font-weight: bold;
  padding-bottom: 10px;
}

.whyBox5 .title p {
  font-size: 18px;
  color: #030000;
  line-height: 2;
}

.whyBox5 .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
}

.whyBox5 .item {
  width: calc(25% - 27px);
  line-height: 0;
  text-align: center;
}

.caseBox {
  padding-bottom: 80px;
  background: #f6f7f8;
}

.caseBox .title {
  text-align: center;
  padding: 50px 0;
  max-width: 1400px;
  margin: auto;
}

.caseBox .title h1 {
  font-size: 48px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 20px;
}

.caseBox .title p {
  font-size: 18px;
  color: #000000;
  line-height: 2;
}

.caseBox .caseBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.caseBox .caseBtn a {
  display: block;
  padding: 15px 20px;
  font-size: 16px;
  color: #ffffff;
  border: 1px solid #1b44a1;
  background: #1b44a1;
  border-radius: 5px;
}

.caseBox .caseBtn a:hover {
  background: #ffffff;
  color: #000000;
}

.caseBox .itemBox {
  display: flex;
  flex-wrap: wrap;
  padding-top: 50px;
  gap: 30px;
}
.caseBox .itemBox .item .img{
	/* height: 384px; */
}
.caseBox .itemBox .item .img img{
	width: 100%;
	height: 100%;
	    aspect-ratio: 4 / 3;
	object-fit: cover;
}
.caseBox .item .text  h3 a{
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  overflow: hidden;
	  text-overflow: ellipsis;
}.caseBox .item .text  p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.caseBox .item {
  width: calc(33.33% - 20px);
  background: #ffffff;
}

.caseBox .item .img {
  line-height: 0;
  text-align: center;
}

.caseBox .item .text {
  padding: 20px;
}

.caseBox .item .text h3 a {
  font-size: 18px;
  /* font-weight: bold; */
  color: #000000;
  display: block;
  margin-bottom: 10px;
  height: 87px;
  display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

.caseBox .item .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
}

.caseBox .item .text > a {
  display: inline-block;
  padding: 15px 20px;
  margin-top: 20px;
  font-size: 16px;
  color: #ffffff;
  border: 1px solid #1b44a1;
  background: #1b44a1;
  border-radius: 5px;
}

.listBox {
  padding-bottom: 80px;
  background: #f6f7f8;
}

.listBox .title {
  text-align: center;
  padding: 50px 0;
  max-width: 1400px;
  margin: auto;
}

.listBox .title h1 {
  font-size: 48px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 20px;
}

.listBox .title p,
.listBox .title p span{
  font-size: 18px;
  color: #000000;
  line-height: 2;
    font-family: "Montserrat", sans-serif !important;
}

.listBox .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.listBox .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #ffffff;
}

.listBox .item .img {
  width: 40%;
  line-height: 0;
  text-align: center;
}

.listBox .item .text {
  width: 60%;
  padding: 20px;
}

.listBox .item .text h3 a {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  display: block;
  margin-bottom: 10px;
}

.listBox .item .text p {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listBox .item .text > a {
  display: inline-block;
  padding: 15px 20px;
  margin-top: 20px;
  font-size: 16px;
  color: #ffffff;
  border: 1px solid #1b44a1;
  background: #1b44a1;
  border-radius: 5px;
}

.newsConBox {
  padding: 80px 0;
  background: #f6f7f8;
}

.newsBox {
  padding-bottom: 50px;
  display: flex;
  align-items: center;
  gap: 40px;
}

.newsBox .left {
  width: calc(50% - 40px);
}

.newsBox .news {
  position: relative;
  padding: 40px;
  height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.newsBox .news a {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.newsBox .news .img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.newsBox .news .img img{
  position: absolute;
  top: 0;
  width: auto;
  height: 100%;
  transition: all .3s;
}
.newsBox .news:hover .img img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: all .3s;
}

.newsBox .news .text{
  position: relative;
  z-index: 2;
  background: rgba(27,68,161,.6);
  padding: 30px;
}
.newsBox .news h3 {
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
}

.newsBox .news span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 211px;
  height: 61px;
  background: #1b44a1;
  padding: 0 21px;
  font-size: 18px;
  color: #FFFFFF;
  font-family: arial;
  margin-top: 36px;
}

.newsBox .right {
  width: 50%;
  padding: 20px  0;
}

.newsBox form {
  position: relative;
  padding-right: 50px;
  margin-bottom: 50px;
}

.newsBox form input[type="text"] {
  width: 100%;
  height: 50px;
  padding: 0 10px;
  border: 1px solid #dddddd;
}

.newsBox form input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  border: 0;
  background: #1b44a1 url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/search.png") no-repeat center center;
}

.newsBox p {
  font-size: 16px;
  color: #969694;
  font-weight: 700;
}

.newsBox .list {
  margin-top: 30px;
  position: relative;
  padding: 10px;
  transition: all .3s;
  background: #fff;
  border: 1px solid #dddddd;
}
.newsBox .list:hover{
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px #dddddd;
  -moz-box-shadow: 0 0 5px #dddddd;
  box-shadow: 0 0 5px #dddddd;
  transition: all .3s;
}

.newsBox .list a {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.newsBox .list h3 {
  font-size: 18px;
  padding-bottom: 10px;
}

.newsBox .list span {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
}

.newsBox .list:hover span {
  color: #1b44a1;
}

.newItemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 51px;
}

.newItemBox .item {
  width: calc(33.33% - 34px);
  transition: all .3s;
  background: #fff;
}

.newItemBox .item:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  transition: all .3s;
}

.newItemBox .item .img {
  line-height: 0;
  text-align: center;
}

.newItemBox .item .text {
  padding: 20px;
}

.newItemBox .item .text a {
  display: block;
  font-size: 22px;
  color: #000000;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}

.newItemBox .item .text p {
  font-size: 16px;
  color: #333333;
  line-height: 1.6;
  margin-top: 20px;
}

.downloadConBox {
  padding: 80px 0;
  background: #f6f7f8;
}

.downloadConBox .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.downloadConBox .item {
  position: relative;
  width: calc(25% - 22.5px);
  border: 1px solid #dddddd;
  transition: all .3s;
}

.downloadConBox .item:hover {
  background: #1b44a1;
  transition: all .3s;
}

.downloadConBox .item a {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.downloadConBox .item .img {
  line-height: 0;
  text-align: center;
  overflow: hidden;
}

.downloadConBox .item .img img {
  width: 100%;
  transition: all .3s;
}

.downloadConBox .item:hover .img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: all .3s;
}

.downloadConBox .item .text {
  padding: 20px;
}

.downloadConBox .item .text h3 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  padding-bottom: 10px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all .3s;
}

.downloadConBox .item .text p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .3s;
}

.downloadConBox .item:hover .text h3, .downloadConBox .item:hover .text p {
  color: #ffffff;
  transition: all .3s;
}

.faqsConBox {
  padding: 80px 0;
  background: #f6f7f8;
}

.faqsConBox .itemBox {
  border-bottom: 1px solid #dddddd;
}

.faqsConBox .item {
  border-top: 1px solid #dddddd;
}

.faqsConBox .item h3 {
  /* padding: 20px 50px 20px 0; */
  padding: 20px 0;
  font-size: 24px;
  color: #000000;
  position: relative;
  cursor: pointer;
}

/* .faqsConBox .item h3:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 2px;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  background: #000000;
}

.faqsConBox .item h3:after {
  position: absolute;
  content: '';
  width: 2px;
  height: 16px;
  top: 50%;
  right: 16px;
  margin-top: -8px;
  background: #000000;
}

.faqsConBox .item h3.active:after {
  display: none;
} */

.faqsConBox .item .text {
  padding-bottom: 20px;
  /* display: none; */
}

.faqsConBox .item .text p {
  font-size: 18px;
  color: #000000;
  line-height: 1.6;
  font-weight: 300;
}

.videoConBox {
  padding: 80px 0;
  background: #f6f7f8;
}

.videoConBox .tit{
  padding-bottom: 20px;
}
.videoConBox .tit h2{
	font-weight: 600;
}
.videoConBox .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  padding-bottom: 40px;
}

.videoConBox .item {
  width: calc(26% - 30px);
}

.videoConBox .item .text h3 {
  font-size: 20px;
  color: #1A1A1A;
  margin-top: 17px;
}

.videoConBox .item .text span {
  display: block;
  font-size: 18px;
  color: #131313;
  font-weight: 300;
  padding-top: 10px;
}

.contactBox1 {
  padding: 50px 0;
  overflow: hidden;
}

.contactBox1 .contactInfo {
  width: 50%;
  float: left;
}

.contactBox1 .textBox {
  margin-bottom: 30px;
}

.contactBox1 .textBox h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 15px;
  color: #333;
}

.contactBox1 .textBox p {
  font-size: 16px;
  color: #333333;
  line-height: 1.6;
}

.contactBox1 .contactInfo ul li {
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  color: #333333;
  line-height: 1.6;
  background-repeat: no-repeat;
  background-position: left 7px;
}

.contactBox1 .contactInfo ul li.contactTel {
  background-image: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/contactTel.png");
}

.contactBox1 .contactInfo ul li.contactWhatsapp {
  background-image: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/contactWhatsapp.png");
}

.contactBox1 .contactInfo ul li.contactEmail {
  background-image: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/contactEmail.png");
}

.contactBox1 .contactInfo ul li.contactAddress {
  background-image: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/contactAddress.png");
}

.contactBox1 .contactInfo ul li a {
  font-size: 16px;
  color: #333333;
  line-height: 1.6;
}

.contactBox1 .contactInfo ul li a:hover {
  color: #1b44a1;
}

.contactBox1 .contactMap {
  width: 50%;
  float: left;
  display: flex;
  gap: 15px;
  padding-left: 40px;
  overflow: hidden;
}

.contactBox1 .contactMap .img {
  width: 50%;
}

.contactBox2 {
  padding: 60px 0;
  background: #f8f8f8;
}

.contactBox2 .container {
  background: #ffffff;
}

.contactBox2 .img {
  position: relative;
  width: 40%;
  height: 630px;
  float: left;
  overflow: hidden;
}

.contactBox2 .img img {
  position: absolute;
  height: 100%;
  width: auto;
  max-width: none;
}

.contactBox2 .contactFormBox {
  width: 60%;
  float: left;
  padding: 60px;
}

.contactBox2 h3 {
  font-size: 30px;
  color: #000000;
  font-weight: bold;
}

.contactBox2 p {
  font-size: 16px;
  color: #000000;
  line-height: 1.6;
  margin-top: 10px;
}

.contactBox2 .infoBox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 20px;
}

.contactBox2 .info {
  width: calc(50% - 5px);
}

.contactBox2 .info:last-child {
  width: 100%;
}

.contactBox2 .info input[type="text"] {
  width: 100%;
  height: 50px;
  padding: 10px;
  border: 1px solid #dddddd;
}

.contactBox2 .info textarea {
  width: 100%;
  height: 120px;
  padding: 10px;
  border: 1px solid #dddddd;
}

.contactBox2 .contactFormBox span {
  display: block;
  color: #000000;
  font-weight: 300;
  line-height: 1.6;
}

.contactBox2 .contactFormBox input[type="submit"] {
  width: 218px;
  height: 50px;
  background: #1b44a1;
  border-radius: 5px;
  display: block;
  margin-top: 26px;
  cursor: pointer;
  font-size: 16px;
  color: #FFFFFF;
}

.news_content_text ul,
.news_content_text ol{
  padding-left: 18px;
  list-style: auto;
}
.news_content_text p{
  padding: 5px 0;
}
.news_content_text ul li,
.news_content_text ol li{
  padding: 5px 0;
}

/*video end*/
.news_content_box {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
}
.news_content_left {
	width: 66.44%;
	height: auto;
}
.news_content_left_box {
	width: 100%;
	height: auto;
}
.news_content_left_box li {
	width: 100%;
	height: auto;
	background: #FFFFFF;
	border-bottom: 1px solid rgba(29, 88, 55, 0.1);
	margin-top: 23px;
	transition: all 0.6s;
}
.news_content_left_box li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
}
.news_content_left_time {
	width: 18.91%;
	height: auto;
	aspect-ratio: 201/172;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    background: rgb(1 62 201 / 24%);
}
.news_content_left_time h4 {
	font-size: 72px;
	color: var(--mainColor);
	text-align: center;
}
.news_content_left_time p {
	font-size: 24px;
	color: var(--mainColor);
	text-align: center;
	margin-top: 10px;
}
.news_content_left_box li:hover {
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
transform: translateY(-5px);
	border-bottom: none;
}
.news_content_right {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 26px;
	padding-right: 56px;
}
.news_content_right_left {
	width: 81.2%;
	height: auto;
}
.news_content_right_left h4 {
	font-size: 24px;
	color: #3D3D3D;
	transition: all 0.6s;
}
.news_content_right_left p {
	font-size: 16px;
	color: #4F4F4F;
	line-height: 1.6;
	font-family: "Lato-Light";
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news_content_right_right {
	font-size: 36px;
	font-family: "Poppins-Regular";
	color: var(--mainColor);
	opacity: 0.4;
	transition: all 0.6s;
}
.news_content_left_box li:hover .news_content_right_right {
	opacity: 1;
}
.news_content_left_box li:hover .news_content_right_left h4 {
	color: var(--mainColor);
}
.news_content_right_box {
	width: 30.44%;
	height: auto;
	padding-left: 46px;
	border-left: 1px solid rgba(29, 88, 55, 0.1);
	margin-top: 23px;
}
.news_content_right_title {
	font-size: 36px;
	color: #131313;
	font-family: "Lato-Bold";
}
.news_content_right_news_box {
	width: 100%;
	height: auto;
	margin-top: 28px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(29, 88, 55, 0.2);
}
.news_content_right_news_img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.news_content_right_news_img img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.6s;
}
.news_content_right_news_box h4 {
	font-size: 18px;
	color: var(--mainColor);
	margin-top: 16px;
}
.news_content_right_news_box p {
	font-size: 16px;
	color: #4F4F4F;
	line-height: 1.6;
	font-family: "Lato-Light";
	margin-top: 5px;
}
.news_content_right_news_box:hover .news_content_right_news_img img {
	transform: scale(1.1);
}
.news_content_right_ul {
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.news_content_right_ul li {
	width: 100%;
	height: auto;
	position: relative;
	padding-left: 24px;
}
.news_content_right_ul li + li {
	margin-top: 10px;
}
.news_content_right_ul li:after {
	content: "";
	display: block;
	width: 8px;
	height: auto;
	aspect-ratio: 1/1;
	background: var(--mainColor);
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.news_content_right_ul li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	font-size: 18px;
	color: #3D3D3D;
}
.news_content_right_ul li a:hover {
	color: var(--mainColor);
	text-decoration: underline;
}
@media (max-width: 1920px) {
	.header .nav_list > li {
	  margin-right: 15px;
	}
	
}
@media (max-width: 1600px) {
	.header .logo {
	    width: 15%;
	}


  .indexSolution .item .tag li a {
    font-size: 14px;
  }

  .indexAbout .text h2 {
    font-size: 100px;
  }

  .indexAbout .item span {
    font-size: 50px;
  }

  .indexAbout .item span sup {
    font-size: 34px;
  }

  .indexNew .text h3 a {
    padding: 0;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .footerMenuBox .footerMenu .itemBox .list {
    max-width: 300px;
  }

  .footerMenuBox .footerForm {
    padding-left: 40px;
  }

  .footerCopyright p {
    font-size: 14px;
  }

  .solutionBox3 .item .text {
    padding-left: 50px;
  }

  .solutionBox3 .item h3 {
    font-size: 20px;
  }

  .solutionBox4 .conBox {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .solutionBox4 .conBox .text p {
    font-size: 14px;
  }

  .solutionBox4 .conBox .item .t p {
    font-size: 14px;
  }

  .solutionBox4 .conBox .item h3 {
    font-size: 20px;
  }

  .aboutTeamImage .teamName h3 {
    font-size: 60px;
  }

  .aboutBox2 .item .text {
    padding: 50px;
  }

  .aboutTeamName .swiper-slide {
    margin: 0 10px;
  }

  .aboutBox4 .corporateCulture .textBox {
    padding: 20px;
  }

  .aboutBox4 .values .itemBox {
    padding: 30px;
  }

  .whyBox1 .textBox {
    padding-right: 80px;
  }

  .whyBox2 .productionSwitchBox {
    padding: 45px;
  }
}

@media (max-width: 1400px) {
  .header .nav_list > li {
    margin-right: 15px;
  }

  .indexSolution .item .tag li a {
    padding: 10px;
    font-size: 13px;
  }

  .indexAbout .text h2 {
    font-size: 80px;
  }

  .indexWhyChooseUs .item .text h3 {
    font-size: 20px;
  }

  .indexWhyChooseUs .item .text p {
    font-size: 14px;
  }

  .indexNew .item .img {
    width: 220px;
  }

  .indexNew .text h3 a {
    -webkit-line-clamp: 1;
  }

  .indexNew .text > a {
    font-size: 14px;
    margin-top: 10px;
  }

  .footerMenuBox .footerMenu .itemBox {
    gap: 30px;
  }

  .pageBanner p{
    font-size: 30px;
  }

  .collectionMenu {
    width: 300px;
  }

  .collectionMenu .item h3, .collectionMenu .item li span, .collectionMenu .item a {
    font-size: 14px;
  }

  .collection_productList {
    width: calc(100% - 300px);
  }

  .collection_productList .item .text h3 a {
    font-size: 20px;
  }

  .serviceAdvantage {
    padding: 80px 0;
  }

  .serviceAdvantage .title h2 {
    padding-bottom: 50px;
  }

  .serviceAdvantage .item {
    padding: 30px 20px;
  }

  .serviceAdvantage .text h3 {
    font-size: 16px;
  }

  .serviceAdvantage .text p {
    font-size: 14px;
  }

  .productCase {
    padding: 80px 0;
  }

  .faqBox .item .text {
    padding-right: 0;
  }

  .faqBox .item .text p {
    font-size: 14px;
  }

  .productInfoBox h1 {
    padding-top: 0;
  }

  .productInfoBox .text p {
    font-size: 14px;
  }

  .productDetailBtn .btn a {
    text-align: center;
    font-size: 14px;
  }

  .productInfoBox .btn a {
    font-size: 16px;
    width: 155px;
    height: 45px;
    line-height: 45px;
  }

  .productFeatures .item h3, .productFeatures .item p, .accessoriesSwiper .text p, .accessoriesSwiper .text h3 {
    font-size: 14px;
  }

  .accessoriesSwiper .text {
    padding: 15px;
  }

  .productDetailBtn .btn {
    margin-right: 0;
  }

  .productInfoBox .item {
    padding-right: 10px;
  }

  .productInfoBox .item .t p {
    font-size: 14px;
  }

  .productFeatures .conBox {
    padding: 50px 0;
  }

  .productSpecifications h2 {
    padding: 50px 0 20px;
  }

  .productVideo h2 {
    padding: 50px 0 20px;
  }

  .productDrawings .itemBox {
    margin-top: 50px;
    padding-top: 50px;
  }

  .productAccessories {
    padding: 50px 0;
  }

  .pageBanner .porText .text {
    width: 70%;
  }

  .solutionBox1 .text h3 {
    font-size: 24px;
  }

  .solutionBox2 .item {
    margin-bottom: 20px;
  }

  .solutionBox5 .item {
    padding: 25px;
  }

  .solutionBox6 .itemBox {
    gap: 30px
  }

  .solutionBox6 .item {
    width: calc(33.33% - 20px);
  }

  .serviceBox1 .conBox .text {
    padding-right: 50px;
  }

  .serviceBox1 .conBox .text h2 {
    padding-top: 0;
  }

  .serviceBox2 .title p {
    font-size: 18px;
  }

  .serviceBox2 .item .text h3 {
    font-size: 20px;
  }

  .serviceBox2 .item .text p {
    font-size: 14px;
  }

  .aboutTeamImage .teamName h3 {
    font-size: 50px;
  }

  .aboutTeamImage .swiper-wrapper {
    width: 1200px;
  }

  .whyBox1 {
    padding: 50px 0;
  }

  .whyBox1 .tabBtnBox .btn {
    font-size: 14px;
  }

  .whyBox1 .switchBox .switch p {
    font-size: 14px;
  }

  .whyBox2 {
    padding: 50px 0;
  }

  .whyBox2 .title p {
    font-size: 14px;
  }

  .whyBox2 .productionTabBtn .btn {
    font-size: 14px;
    min-width: 220px;
  }

  .whyBox2 .itemBox {
    gap: 20px
  }

  .whyBox2 .item {
    width: calc(25% - 15px);
  }

  .whyBox2 .item .img:before {
    width: 60px;
    height: 60px;
    right: -40px;
    margin-top: -30px;
  }

  .whyBox2 .item .text {
    font-size: 14px;
  }

  .whyBox3 {
    padding: 50px 0;
  }

  .whyBox3 .title p {
    font-size: 14px;
  }

  .whyBox3 .whyCertificateSwiper {
    padding: 30px 0 50px;
  }

  .whyBox4 {
    padding: 50px 0;
  }

  .whyBox4 .title {
    padding-bottom: 30px;
  }

  .whyBox4 .title p {
    font-size: 14px;
  }

  .whyBox5 {
    padding: 50px 0;
  }

  .whyBox5 .title p {
    font-size: 14px;
  }

  .whyBox5 .itemBox {
    gap: 20px
  }

  .whyBox5 .item {
    width: calc(25% - 15px);
  }

  .caseBox .item .text h3 a, .listBox .item .text h3 a {
    font-size: 18px;
  }

  .newsConBox {
    padding: 50px 0;
  }

  .newsBox .news {
    height: 420px;
  }

  .newsBox .news span {
    margin-top: 20px;
    height: 50px;
  }

  .newsBox .right {
    padding-right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .newsBox p {
    font-size: 14px;
  }

  .newsBox .list h3, .newsBox .list span {
    font-size: 16px;
  }

  .newItemBox {
    gap: 21px
  }

  .newItemBox .item {
    width: calc(33.33% - 21px);
  }

  .downloadConBox {
    padding: 50px 0;
  }

  .downloadConBox .itemBox {
    gap: 20px;
  }

  .downloadConBox .item {
    width: calc(25% - 15px)
  }

  .downloadConBox .item .text {
    padding: 10px;
  }

  .downloadConBox .item .text h3 {
    font-size: 16px;
  }

  .faqsConBox {
    padding: 50px 0;
  }

  .faqsConBox .item h3 {
    font-size: 20px;
  }

  .faqsConBox .item .text p {
    font-size: 16px;
  }

  .videoConBox {
    padding: 50px 0;
  }

  .videoConBox .itemBox {
    gap: 21px
  }

  .videoConBox .item {
    width: calc(33.33% - 14px);
  }

  .videoConBox .item .text h3 {
    font-size: 20px;
  }
}

@media (max-width: 1220px) {
  .collection_productList .title h1, .serviceAdvantage .title h2, .productCase .title h2, .faqBox .title h2, .productFeatures .text h2, .productSpecifications h2, .productVideo h2, .productDrawings h2, .productAccessories h2, .productCase .title h2, .productRelatedVideo h2, .productRelatedProduct h2, .solutionBanner h1, .solutionBox1 .text h2, .solutionBox2 .con .text h2, .solutionBox3 .title h2, .solutionBox4 .conBox .text h2, .solutionBox5 .title h2, .solutionBox6 h2, .serviceBox1 .conBox .text h2, .serviceBox2 .title h2, .serviceBox3 .title h2, .aboutBox1 .title h1, .aboutBox2 .title h2, .aboutBox3 .title h2, .aboutTeamImage .teamName h3, .aboutBox4 .corporateCulture h2, .aboutBox4 .values .textBox h2, .aboutBox5 .title h2, .aboutBox6 h2, .aboutBox7 h2, .whyBox1 .textBox h2, .whyBox2 .title h2, .whyBox3 .title h2, .whyBox4 .title h2, .whyBox5 .title h2, .caseBox .title h1, .listBox .title h1 {
    font-size: 40px;
  }

  .header.indexHeader .pc_menu .conBox {
    padding: 0 10px;
  }

  .header .nav_list > li {
    margin-right: 15px;
  }

  .header .nav_list > li > a > span {
    font-size: 14px;
  }

  .indexProduct {
    padding: 50px 0;
  }

  .indexProduct .tabBtnBox {
    margin-bottom: 40px;
  }

  .indexProduct .itemBox {
    gap: 10px;
  }

  .indexProduct .item {
    width: calc(33.33% - 7px);
  }

  .indexProduct .list .text h3 {
    font-size: 20px;
  }

  .indexProduct .list .text a {
    font-size: 14px;
  }

  .indexSolution .item .text h3 {
    font-size: 20px;
  }

  .indexSolution .item .tag {
    left: 10px;
    right: 10px;
    bottom: 10px;
  }

  .indexAbout .text {
    width: auto;
    right: 50px;
  }

  .indexAbout .text h2 {
    font-size: 60px;
  }

  .indexAbout .text p {
    font-size: 14px;
  }

  .indexAbout .item span {
    font-size: 40px;
  }

  .indexAbout .item span sub {
    font-size: 20px;
    bottom: 5px;
  }

  .indexAbout .item span sup {
    font-size: 30px;
  }

  .indexWhyChooseUs .item .conBox {
    padding: 30px;
  }

  .indexNew .item .text {
    padding: 10px;
  }

  .footerMenuBox .footerMenu {
    padding-top: 50px;
  }

  .footerMenuBox .footerForm {
    padding-top: 50px;
  }

  .pageBanner p {
    font-size: 26px;
  }

  .collectionMenu {
    width: 280px;
  }

  .collection_productList {
    width: calc(100% - 280px);
    padding-left: 20px;
  }

  .collection_productList .title {
    padding-bottom: 20px;
  }

  .collection_productList .title p {
    font-size: 14px;
  }

  .collection_productList .item .text {
    padding: 10px;
  }

  .collection_productList .item .text span, .collection_productList .item .text > a {
    font-size: 14px;
  }

  .serviceAdvantage {
    padding: 50px 0;
  }

  .serviceAdvantage .title h2 {
    padding-bottom: 30px;
  }

  .serviceAdvantage .itemBox {
    flex-wrap: wrap;
  }

  .serviceAdvantage .item {
    width: calc(50% - 10px);
  }

  .productCase {
    padding: 50px 0;
  }

  .productCase .title h2 {
    padding-bottom: 20px;
  }

  .faqBox {
    padding: 50px 0;
  }

  .faqBox .title p {
    font-size: 14px;
  }

  .faqBox .item {
    padding: 20px 50px 20px 20px;
  }

  .faqBox .item:before {
    top: 14px;
    right: 10px;
  }

  .faqBox .item h3 {
    font-size: 16px;
  }

  .faqBox .item .text {
    padding-top: 10px;
    margin-top: 10px;
  }

  .productCase .text p {
    font-size: 14px;
  }

  .productRelatedVideo h2 {
    padding: 50px 0 20px;
  }

  .productRelatedVideo .itemBox {
    padding-bottom: 50px;
  }

  .productRelatedProduct h2 {
    padding: 50px 0 20px;
  }

  .productRelatedProduct {
    padding-bottom: 50px;
  }

  .productRelatedProduct .swiper_item .text h3 a {
    font-size: 16px;
  }

  .productRelatedProduct .swiper_item .text > a {
    font-size: 14px;
  }

  .productCase .itemBox {
    column-gap: 20px;
  }

  .productCase .item {
    width: calc(33.33% - 13px);
  }

  .productRelatedVideo .itemBox {
    gap: 20px
  }

  .productDrawings h2 {
    padding-bottom: 20px;
  }

  .pageBanner .porText .text {
    padding: 20px;
  }

  .solutionBanner p {
    font-size: 14px;
  }

  .solutionBox1 {
    padding: 80px 0;
  }

  .solutionBox1 .text h2 {
    padding-bottom: 20px;
  }

  .solutionBox1 .text h3 {
    font-size: 20px;
    padding-bottom: 20px;
  }

  .solutionBox1 .text p {
    font-size: 14px;
  }

  .solutionBox2 .conBox {
    padding: 50px 0;
  }

  .solutionBox2 .con .text p {
    font-size: 14px;
  }

  .solutionBox2 .item p {
    font-size: 14px;
  }

  .solutionBox2 .item span {
    font-size: 20px;
  }

  .solutionBox3 .title {
    padding: 50px 0 30px;
  }

  .solutionBox3 .item {
    padding: 20px 0;
  }

  .solutionBox3 .item .ico {
    width: 100px;
  }

  .solutionBox3 .item h3 {
    padding-left: 20px;
    font-size: 16px;
  }

  .solutionBox3 .item .text {
    padding-left: 10px;
  }

  .solutionBox3 .item .text p {
    font-size: 14px;
  }

  .solutionBox4 .conBox .item {
    padding: 20px 0;
  }

  .solutionBox5 {
    padding: 50px 0;
  }

  .solutionBox5 .title {
    padding-bottom: 20px;
  }

  .solutionBox5 .item h3 {
    font-size: 20px;
  }

  .solutionBox5 .item p {
    font-size: 14px;
  }

  .solutionBox6 {
    padding: 50px 0;
  }

  .solutionBox6 h2 {
    padding-bottom: 20px;
  }

  .solutionBox6 .item .text {
    padding: 20px;
  }

  .solutionBox6 .item .text h3 {
    padding-bottom: 20px;
    font-size: 20px;
  }

  .solutionBox6 .item .text p {
    font-size: 14px;
  }

  .solutionBox6 .item .img span {
    font-size: 14px;
  }

  .serviceBox1 .conBox {
    padding: 50px 0;
  }

  .serviceBox1 .conBox .text p {
    font-size: 14px;
  }

  .serviceBox2 .title {
    padding: 50px 0 30px;
  }

  .serviceBox2 .title p {
    font-size: 14px;
  }

  .serviceBox2 .itemBox {
    gap: 20px;
    padding-bottom: 50px;
  }

  .serviceBox2 .item {
    width: 100%;
  }

  .serviceBox2 .itemBox:before, .serviceBox2 .item:before {
    display: none;
  }

  .serviceBox2 .item .img {
    width: 40%;
  }

  .serviceBox2 .item .text {
    width: 60%;
  }

  .serviceBox3 .title h2 {
    padding: 50px 0 20px;
  }

  .serviceBox3 .itemBox {
    gap: 20px
  }

  .serviceBox3 .item {
    width: calc(33.33% - 14px);
  }

  .serviceBox3 .item .text {
    padding: 20px;
  }

  .serviceBox3 .item .text h3 {
    font-size: 16px;
  }

  .serviceBox3 .item .text p {
    font-size: 14px;
  }

  .aboutBox1 {
    padding-top: 50px;
  }

  .aboutBox1 .text p {
    font-size: 14px;
  }

  .aboutBox2 {
    padding: 50px 0;
  }

  .aboutBox2 .title h2 {
    padding-bottom: 30px;
  }

  .aboutBox2 .item .text {
    padding: 20px;
  }

  .aboutBox2 .item .text h3 {
    font-size: 20px;
  }

  .aboutBox2 .item .text span {
    font-size: 14px;
    padding-bottom: 10px;
  }

  .aboutBox2 .item .text p {
    font-size: 14px;
  }

  .aboutBox3 {
    padding: 50px 0;
  }

  .aboutBox3 .title p {
    font-size: 14px;
  }

  .aboutBox3 .title {
    padding-bottom: 20px;
  }

  .aboutTeamName span {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .aboutTeamImage .swiper-wrapper {
    width: 999px;
  }

  .aboutTeamImage .teamName {
    top: 50px;
  }

  .aboutTeamImage .teamName h3 {
    padding-bottom: 20px;
  }

  .aboutTeamImage .teamName span {
    font-size: 20px;
  }

  .aboutTeamImage .text p {
    font-size: 16px;
  }

  .aboutBox4 {
    padding: 50px 0;
  }

  .aboutBox4 .conBox {
    gap: 30px
  }

  .aboutBox4 .corporateCulture, .aboutBox4 .values {
    width: calc(50% - 15px);
  }

  .aboutBox4 .corporateCulture {
    padding-top: 50px;
  }

  .aboutBox4 .corporateCulture .text span {
    font-size: 16px;
  }

  .aboutBox4 .corporateCulture .text p {
    font-size: 14px;
  }

  .aboutBox4 .values .textBox {
    padding: 50px;
  }

  .aboutBox4 .values .item .text span {
    font-size: 16px;
  }

  .aboutBox4 .values .item .text p {
    font-size: 14px;
  }

  .aboutBox5 {
    padding: 50px 0;
  }

  .aboutBox5 .title h2 {
    padding-bottom: 20px;
  }

  .aboutBox5 .timeSwiper span {
    font-size: 14px;
  }

  .aboutBox5 .timeSwiper .swiper-slide-thumb-active span {
    font-size: 20px;
  }

  .aboutBox5 .historySwiper .text p {
    font-size: 20px;
  }

  .aboutBox6 {
    padding: 50px 0;
  }

  .aboutBox6 h2 {
    padding-bottom: 20px;
  }

  .aboutBox6 .certificataSwiper {
    padding: 0;
  }

  .aboutBox6 .certificataSwiper:before, .aboutBox6 .certificataSwiper:after {
    display: none;
  }

  .aboutBox7 {
    padding: 50px 0;
  }

  .aboutBox7 h2 {
    padding-bottom: 20px;
  }

  .aboutBox7 .text {
    top: 20px;
  }

  .aboutBox7 .text p {
    font-size: 18px;
  }

  .whyBox1 .textBox {
    padding-right: 20px;
  }

  .whyBox1 .tabBtnBox .btn {
    text-align: center;
  }

  .caseBox .title p, .caseBox .caseBtn a, .caseBox .item .text p, .caseBox .item .text > a, .listBox .title p, .listBox .item .text p, .listBox .item .text > a {
    font-size: 14px;
  }

  .caseBox .item .text > a, .listBox .item .text > a {
    padding: 10px 15px;
  }

  .downloadConBox .itemBox {
    gap: 10px;
  }

  .downloadConBox .item {
    width: calc(25% - 7.5px);
  }

  .faqsConBox .item h3 {
    font-size: 16px;
  }

  .faqsConBox .item .text p {
    font-size: 14px;
  }

  .videoConBox .itemBox {
    gap: 10px;
  }

  .videoConBox .item {
    width: calc(50% - 5px);
    padding-bottom: 10px;
  }

  .videoConBox .item .text h3 {
    margin-top: 10px;
  }
  	.news_content_box {
  		flex-wrap: wrap;
  	}
		.news_content_left {
			width: 100% !important;
		}
		.news_content_right_box {
		    padding-left: 0;
		    border-left: none;
		    width: 50%;
		}
		
.pc_menu .container{
	width: 100%;
}
}

@media (max-width: 999px) {
  .collection_productList .title h1, .serviceAdvantage .title h2, .productCase .title h2, .faqBox .title h2, .productFeatures .text h2, .productSpecifications h2, .productVideo h2, .productDrawings h2, .productAccessories h2, .productCase .title h2, .productRelatedVideo h2, .productRelatedProduct h2, .solutionBanner h1, .solutionBox1 .text h2, .solutionBox2 .con .text h2, .solutionBox3 .title h2, .solutionBox4 .conBox .text h2, .solutionBox5 .title h2, .solutionBox6 h2, .serviceBox1 .conBox .text h2, .serviceBox2 .title h2, .serviceBox3 .title h2, .aboutBox1 .title h1, .aboutBox2 .title h2, .aboutBox3 .title h2, .aboutTeamImage .teamName h3, .aboutBox4 .corporateCulture h2, .aboutBox4 .values .textBox h2, .aboutBox5 .title h2, .aboutBox6 h2, .aboutBox7 h2, .whyBox1 .textBox h2, .whyBox2 .title h2, .whyBox3 .title h2, .whyBox4 .title h2, .whyBox5 .title h2, .caseBox .title h1, .listBox .title h1 {
    font-size: 36px;
  }

  .footerInfo .text a, .indexNew .title p, .indexSolution .item .text a, .indexNew .text span {
    font-size: 14px;
  }

  body {
    padding-top: 60px;
  }

  .pc_menu {
    display: none;
  }

  .mob_menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 100002;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }

  .mob_menu {
    height: 60px;
  }

  .logo_box {
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 0;
    font-size: 0;
    padding: 5px 0;
    zoom: 1;
  }

  .langBox .tp {
    height: 60px;
    display: flex;
    align-items: center;
    padding: 10px;
  }

  .langBox ul {
    width: auto;
    background: #35363b;
  }

  .langBox ul a {
    color: #ffffff;
  }

  .logo_box img {
    height: 100%;
  }

  .nav_toggle {
    color: #fff;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 50% 50%;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -13px;
    z-index: 999;
  }

  .nav_toggle {
    cursor: pointer;
    padding: 10px 35px 16px 0;
  }

  .header_search_box {
    position: absolute;
    top: 10px;
    right: 45px;
    width: 40px;
  }

  .header_search_box .search_click {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .langBox {
    position: absolute;
    top: 10px;
    right: 5px;
    background: #1b44a1;
  }

  .langBox span {
    height: 60px;
  }

  .nav_toggle span, .nav_toggle span:before, .nav_toggle span:after {
    cursor: pointer;
    height: 3px;
    width: 40px;
    background: #1b44a1;
    position: absolute;
    display: block;
    content: '';
  }

  .nav_toggle span:before {
    top: -10px;
  }

  .nav_toggle span:after {
    bottom: -10px;
  }

  .nav_toggle span, .nav_toggle span:before, .nav_toggle span:after {
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
  }

  .nav_toggle.active span {
    background-color: transparent;
  }

  .nav_toggle.active span:before, .nav_toggle.active span:after {
    top: 0;
  }

  .nav_toggle.active span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }

  .nav_toggle.active span:after {
    transform: translateY(-10px) rotate(-45deg);
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    top: 10px;
  }

  .mob_menu .m_nav {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    z-index: 2;
    overflow: auto;
    border-top: 1px solid #f0f0f0;
    margin-top: -1px;
  }

  .mob_menu .m_nav_list a {
    display: block;
    width: 100%;
    padding: 0 15px;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    color: #000000;
  }

  .mob_menu .m_nav_list > li {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    transition: transform .5s ease;
    transform: matrix(1, -1, 0, 1, 200, 100);
  }

  .mob_menu .m_nav_list .Three_menu {
    padding-left: 10px;
  }

  .mob_menu .m_nav_list > li > i {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #000;
    top: 8px;
    right: 10px;
    cursor: pointer;
    z-index: 2;
    background: url("https://yhwaterjetmachine.usa02.wondercdn.com/public/static/images/home/en-us/reset/li_click.png") no-repeat top center;
  }

  .mob_menu .m_nav_list > li > a {
    opacity: 0;
  }

  .mob_menu .m_nav_list .dropdown .dropdown_menu {
    height: 0;
    overflow: hidden;
  }

  .mob_menu .m_nav_list .dropdown .dropdown_menu.on {
    height: auto;
  }

  .mob_menu .m_nav_list .dropdown_menu > li {
    border-top: 1px solid #f0f0f0;
    background: #f5f5f5;
  }

  .footerInfo .text p {
    font-size: 20px;
  }

  .footerMenuBox:before {
    display: none;
  }

  .footerMenuBox .container {
    flex-wrap: wrap;
  }

  .footerMenuBox .footerMenu {
    width: 100%;
    padding-bottom: 0;
  }

  .footerMenuBox .footerMenu .itemBox {
    flex-wrap: wrap;
  }

  .footerMenuBox .footerMenu .item {
    width: 100%;
  }

  .footerMenuBox .footerMenu .item:nth-child(2) {
    display: none;
  }

  .footerMenuBox .footerMenu .itemBox .list {
    max-width: none;
  }

  .footerMenuBox .footerMenu .itemBox h3 {
    padding-top: 15px;
  }

  .footerMenuBox .footerMenu .itemBox ul {
    max-width: none;
    padding-top: 10px;
  }

  .footerMenuBox .socialMedia {
    position: inherit;
    bottom: auto;
    padding: 30px 0;
  }

  .footerMenuBox .footerForm {
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
  }

  .footerCopyright .box {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    gap: 10px;
  }

  .indexProduct .title h2 {
    padding-bottom: 20px;
  }

  .indexProduct .btnBox .btn {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .indexProduct .itemBox {
    flex-wrap: wrap;
  }

  .indexProduct .item {
    width: 100%;
    margin-left: 0;
  }

  .indexProduct .list .text a {
    opacity: 1;
  }

/*   .indexProduct .item:nth-child(2) .list .img, .indexProduct .item .list .img {
    padding-top: 10px;
  } */
  .indexProduct .list .img{
    margin-top: 10px;
  }

  .indexSolution .title {
    padding-top: 50px;
  }

  .indexSolution .title h2 {
    padding-bottom: 20px;
  }

  .indexSolution .itemBox {
    flex-wrap: wrap;
    max-width: 740px;
    margin: auto;
  }

  .indexSolution .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .indexSolution .item img {
    width: 100%;
  }

  .indexAbout {
    padding: 50px 0;
  }

  .indexAbout .img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .indexAbout .text {
    position: inherit;
    background: #1b44a1;
    padding: 20px;
  }

  .indexAbout .text h2 {
    font-size: 36px;
  }

  .indexAbout .text a {
    color: #000000;
    background: #fff;
  }

  .indexAbout .item:before {
    height: 40px;
    margin-top: -20px;
  }

  .indexAbout .item span {
    font-size: 30px;
  }

  .indexAbout .item p {
    font-size: 14px;
  }

  .indexWhyChooseUs .itemBox {
    flex-wrap: wrap;
  }

  .indexWhyChooseUs .item {
    width: 100%;
  }

  .indexWhyChooseUs .item:first-child .textBox {
    position: inherit;
    padding: 20px;
    flex-direction: row;
  }

  .indexWhyChooseUs .item .conBox {
    padding: 20px;
  }

  .indexNew {
    padding: 50px 0;
  }

  .indexNew .conBox {
    flex-wrap: wrap;
  }

  .indexNew .leftNew {
    width: 100%;
    border-bottom: 1px solid #f6f7f8;
  }

  .indexNew .itemBox {
    width: 100%;
    padding-left: 0;
  }

  .productListBox {
    padding: 50px 0;
  }

  .pageBanner .porText {
    position: inherit;
    background: #1b44a1;
    padding: 10px;
  }

  .pageBanner .porText .text {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .pageBanner p {
    font-size: 20px;
  }

  .crumbs_box ul a {
    font-size: 14px;
  }

  .productListBox .conBox {
    flex-wrap: wrap;
  }

  .collectionMenu {
    width: 100%;
  }

  .collection_productList {
    width: 100%;
    padding-left: 0;
    padding-top: 40px;
  }

  .collection_productList .itemBox {
    gap: 10px
  }

  .collection_productList .item {
    width: calc(50% - 5px);
  }

  .serviceAdvantage .item {
    width: 100%;
  }

  .productCase .itemBox {
    flex-wrap: wrap;
  }

  .productCase .item {
    width: 100%;
    text-align: center;
  }

  .productCase .text p, .productCase .text a {
    font-size: 14px;
  }

  .faqBox .title {
    padding-bottom: 20px;
  }

  .productDetailBtn {
    display: none;
  }

  .productDetailConBox .productInfo .container {
    flex-wrap: wrap;
  }

  .productDetailConBox .productImageBox {
    width: 100%;
  }

  .productDetailConBox .productInfoBox {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }

  .productRelatedVideo .itemBox {
    flex-wrap: wrap;
  }

  .productRelatedVideo .item {
    width: 100%;
  }

  .productFeatures .text {
    width: 100%;
    padding-right: 0;
  }

  .productFeatures .img {
    width: 100%;
    flex: none;
    padding-top: 20px;
  }

  .productRelatedProduct .productRelated {
    padding: 0;
  }

  .productRelated .swiper-button-next, .productRelated .swiper-button-prev {
    width: 44px;
    height: 44px;
    top: 30%;
    background: rgba(255, 255, 255, .5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }

  .productRelated .swiper-button-next:hover, .productRelated .swiper-button-prev:hover {
    background: #1b44a1;
    color: #ffffff;
  }

  .productRelated .swiper-button-next:after, .productRelated .swiper-button-prev:after {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
  }

  .productRelated .swiper-button-prev:hover:after, .productRelated .swiper-button-next:hover:after {
    color: #ffffff;
  }

  .productSetailCase .title h2 {
    text-align: center;
  }

  .solutionBox1 {
    padding: 50px 0;
  }

  .solutionBox1 .text h3 {
    font-size: 16px;
  }

  .solutionBox2 .con {
    width: 100%;
    padding-right: 0;
  }

  .solutionBox2 .itemBox {
    padding-left: 0;
    padding-top: 30px;
    width: 100%;
  }

  .solutionBox3 .item {
    flex-wrap: wrap;
  }

  .solutionBox3 .item .ico {
    width: 100%;
    text-align: left;
    padding-bottom: 15px;
  }

  .solutionBox3 .item h3 {
    width: 100%;
    padding-left: 0;
  }

  .solutionBox3 .item .text {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
  }

  .solutionBox4 {
    flex-wrap: wrap;
  }

  .solutionBox4 .img {
    width: 100%;
  }

  .solutionBox4 .conBox {
    width: 100%;
    padding: 50px 20px;
  }

  .solutionBox4 .conBox .text, .solutionBox4 .conBox .itemBox {
    margin: auto;
    padding: 0;
  }

  .solutionBox4 .conBox .item h3 {
    font-size: 18px;
  }

  .solutionBox5 .title p {
    font-size: 14px;
  }

  .solutionBox5 .item {
    width: calc(50% - 9px);
    padding: 15px;
  }

  .solutionBox5 .item .ico {
    width: 60px;
    height: 60px;
  }

  .solutionBox6 .itemBox {
    flex-wrap: wrap;
  }

  .solutionBox6 .item {
    width: 100%;
  }

  .solutionBox6 .item .img {
    margin-top: 35px;
  }

  .serviceBox1 .conBox .text {
    width: 100%;
    padding-right: 0;
  }

  .serviceBox1 .conBox .img {
    width: 100%;
    padding-top: 20px;
  }

  .serviceBox3 .item {
    width: calc(50% - 10px);
  }

  .aboutBox2 .item {
    flex-wrap: wrap;
    width: 100%;
  }

  .aboutBox2 .item .img {
    width: 100%;
  }

  .aboutBox2 .item .text {
    width: 100%;
  }

  .aboutTeamImage .swiper-wrapper {
    width: 740px;
  }

  .aboutTeamImage .teamName {
    top: 20px;
    left: 20px;
  }

  .aboutTeamImage .text {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }

  .aboutTeamImage .swiper-button-next, .aboutTeamImage .swiper-button-prev {
    background: #1b44a1;
  }

  .aboutBox4 .corporateCulture, .aboutBox4 .values {
    width: 100%;
  }

  .aboutBox4 .corporateCulture {
    padding: 30px;
  }

  .aboutBox4 .corporateCulture .textBox {
    position: inherit;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin-top: 30px;
  }

  .aboutBox4 .values .textBox {
    padding: 30px;
  }

  .aboutBox4 .values .item {
    margin-bottom: 20px;
  }

  .aboutBox5 .historySwiper .text {
    padding-left: 0;
    padding-right: 0;
  }

  .aboutBox5 .historySwiper .text p {
    font-size: 14px;
  }

  .aboutBox7 .itemBox {
    flex-wrap: wrap;
  }

  .aboutBox7 .item {
    width: 100% !important;
  }

  .aboutBox7 .item img {
    width: 100%;
  }

  .aboutBox7 .text {
    top: auto;
    bottom: 20px;
  }

  .whyBox1 .tabBtnBox {
    margin-bottom: 10px;
  }

  .whyBox1 .textBox {
    width: 100%;
    padding-right: 0;
  }

  .whyBox1 .whySwiper1 {
    width: 100%;
    margin-top: 20px;
  }

  .whyBox2 .productionTabBtn {
    gap: 10px;
  }

  .whyBox2 .productionTabBtn .btn {
    min-width: 0;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .whyBox2 .productionSwitchBox {
    padding: 20px;
  }

  .whyBox2 .item {
    width: calc(50% - 10px);
  }

  .whyBox2 .item .img:before {
    display: none;
  }

  .whyBox2 .item img {
    width: 100%;
  }

  .whyBox3 .whyCertificateSwiper .swiper-slide {
    text-align: center;
  }

  .whyBox5 .item {
    width: calc(50% - 10px);
  }

  .caseBox .itemBox {
    gap: 20px;
  }

  .caseBox .item {
    width: calc(50% - 10px);
  }

  .newsBox {
    flex-wrap: wrap;
  }

  .newsBox .news {
    height: auto;
    padding: 0
  }

  .newsBox .news .img{
    position: inherit;
    line-height: 0;
  }
  .newsBox .news .img img{
    position: inherit;
    height: auto;
    width: 100%;
  }
  .newsBox .news h3{
    color: #000000;
    padding-top: 10px;
    font-size: 20px;
  }

  .newsBox .left, .newsBox .right {
    width: 100%;
  }

  .newItemBox {
    gap: 20px;
  }

  .newItemBox .item {
    width: calc(50% - 10px);
  }

  .newItemBox .item .text a {
    font-size: 18px;
  }

  .newItemBox .item .text p {
    font-size: 14px;
    margin-top: 10px;
  }

  .downloadConBox .item {
    width: calc(50% - 5px);
  }

  .videoConBox .item .text h3 {
    font-size: 16px;
  }

  .videoConBox .item .text span {
    font-size: 14px;
  }

  .contactBox1 .contactInfo {
    width: 100%;
  }

  .contactBox1 .textBox {
    margin-bottom: 15px;
  }

  .contactBox1 .textBox h1 {
    font-size: 30px;
    margin-bottom: 0;
  }

  .contactBox1 .contactInfo ul li, .contactBox1 .contactInfo ul li a {
    font-size: 14px;
  }

  .contactBox1 .contactMap {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
    flex-wrap: wrap;
  }

  .contactBox1 .contactMap .img{
    width: 100%;
  }

  .contactBox2 .img {
    width: 100%;
    height: auto;
    line-height: 0;
  }

  .contactBox2 .img img {
    position: inherit;
    width: 100%;
  }

  .contactBox2 .contactFormBox {
    width: 100%;
    padding: 20px;
  }

  .contactBox2 p {
    font-size: 14px;
  }

  .contactBox2 .contactFormBox input[type="submit"] {
    width: 180px;
  }
}

@media (max-width: 740px) {
		.news_content_left_box li a {
			flex-wrap: wrap;
		}
		.news_content_right {
			width: 100%;
			flex: auto;
		}
		.news_content_left_time h4 {
			font-size: 4.8vw;
		}
		.news_content_left_time {
			width: 20vw;
		}
		.news_content_left_time p {
			font-size: 4.2vw;
			margin-top: 3.2vw;
		}
		.news_content_left_box li {
			margin-top: 5.8vw;
			padding-bottom: 3.2vw;
		}
		.news_content_right {
			padding: 0;
			margin-top: 3.6vw;
		}
		.news_content_right_left h4 {
			font-size: 3.8vw;
		}
		.news_content_right_left p {
			font-size: 3.6vw;
			line-height: 5.8vw;
			margin-top: 3.2vw;
		}
		.news_content_right_right {
			font-size: 4.8vw;
		}
		
		.news_content_right_box {
			width: 100%;
			margin-top: 5.8vw;
		}
		.news_content_right_title {
			font-size: 4.8vw;
		}
		.news_content_right_news_box {
			margin-top: 3.8vw;
		}
		.news_content_right_news_box h4 {
			font-size: 3.8vw;
			margin-top: 3.2vw;
		}
		.news_content_right_news_box p {
			font-size: 3.6vw;
			line-height: 5.8vw;
			margin-top: 3.2vw;
		}
		.news_content_right_news_box {
			padding-bottom: 3.2vw;
		}
		.news_content_right_ul {
			margin-top: 3.2vw;
		}
		.news_content_right_ul li {
			padding-left: 3.8vw;
		}
		.news_content_right_ul li a {
			font-size: 3.6vw;
		}
		.news_content_right_ul li:after {
			width: 1.2vw;
		}
  .indexProduct .title h2, .indexSolution .title h2, .indexAbout .text h2, .indexWhyChooseUs .title h2, .indexNew .title h2, .collection_productList .title h1, .serviceAdvantage .title h2, .productCase .title h2, .faqBox .title h2, .productFeatures .text h2, .productSpecifications h2, .productVideo h2, .productDrawings h2, .productAccessories h2, .productCase .title h2, .productRelatedVideo h2, .productRelatedProduct h2, .productInfoBox h1, .solutionBanner h1, .solutionBox1 .text h2, .solutionBox2 .con .text h2, .solutionBox3 .title h2, .solutionBox4 .conBox .text h2, .solutionBox5 .title h2, .solutionBox6 h2, .serviceBox1 .conBox .text h2, .serviceBox2 .title h2, .serviceBox3 .title h2, .aboutBox1 .title h1, .aboutBox2 .title h2, .aboutBox3 .title h2, .aboutTeamImage .teamName h3, .aboutBox4 .corporateCulture h2, .aboutBox4 .values .textBox h2, .aboutBox5 .title h2, .aboutBox6 h2, .aboutBox7 h2, .whyBox1 .textBox h2, .whyBox2 .title h2, .whyBox3 .title h2, .whyBox4 .title h2, .whyBox5 .title h2, .caseBox .title h1, .listBox .title h1 {
    font-size: 28px;
  }

  .indexProduct .btnBox:before {
    display: none;
  }

  .indexProduct .btnBox {
    flex-wrap: wrap;
  }

  .indexProduct .btnBox .btn:after {
    display: none;
  }

  .indexSolution .item .text {
    top: 20px;
    left: 20px;
    right: 20px;
  }

  .indexAbout .itemBox {
    flex-wrap: wrap;
  }

  .indexAbout .item {
    width: 50%;
    margin-bottom: 20px;
  }

  .indexAbout .item:before {
    display: none;
  }

  .solutionBox5 .item {
    width: 100%;
  }

  .serviceBox3 .item {
    width: 100%;
  }

  .serviceBox3 .item .img img {
    width: 100%;
  }

  .aboutTeamImage .swiper-wrapper {
    width: 95%;
  }

  .aboutTeamImage .teamName {
    position: inherit;
    top: auto;
    left: auto;
    right: auto;
    padding: 10px;
    background: #1b44a1;
  }

  .aboutTeamImage .teamName h3 {
    padding-bottom: 10px;
  }

  .aboutTeamImage .text {
    position: inherit;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 10px;
    background: #1b44a1;
  }

  .caseBox .item, .listBox .item .img, .listBox .item .text {
    width: 100%
  }

  .contactBox1 .textBox h1, .contactBox2 h3 {
    font-size: 24px;
  }
}

.productInfoBox  .ls{
	line-height: 25px;
}

.indexProduct .list .img,
.indexSolution .item .img,
.indexNew .leftNew .img,
.indexNew .itemBox .img,
.collection_productList .item .img,
.listBox .item .img,
.solutionBox2 .con .img,
.productRelatedProduct .swiper_item .img,
.productFeatures .img,
.productDrawings .img,
.accessoriesSwiper .img,
.productCase .img,
.serviceBox1 .conBox .img,
.serviceBox2 .item .img,
.serviceBox3 .item .img,
.aboutBox2 .item .img,
.aboutTeamImage .img,
.aboutBox5 .historySwiper .img,
.aboutBox6 .img,
.aboutBox7 .img,
.whyBox2 .item .img,
.caseBox .item .img,
.newItemBox .item .img{
	overflow: hidden;
}
.indexSolution .item .img  img{
	width: 100%;
	
}
.indexProduct .list .img  img,
.indexSolution .item .img  img,
.indexNew .leftNew .img  img,
.indexNew .itemBox .img  img,
.collection_productList .item .img img,
.listBox .item .img img,
.solutionBox2 .con .img  img,
.productRelatedProduct .swiper_item .img img,
.productFeatures .img img,
.productDrawings .img img,
.accessoriesSwiper .img img,
.productCase .img img,
.serviceBox1 .conBox .img img,
.serviceBox2 .item .img  img,
.serviceBox3 .item .img  img,
.aboutBox2 .item .img  img,
.aboutTeamImage .img img,
.aboutBox5 .historySwiper .img img,
.aboutBox6 .img img,
.aboutBox7 .img  img,
.swiper-backface-hidden .swiper-slide  img,
.whyBox2 .item .img img,
.caseBox .item .img  img,
.newItemBox .item .img img{
	transition: all 0.3s; 
}
.indexProduct .list:hover img,
.indexSolution .item:hover img,
.indexNew .leftNew:hover .img img,
.indexNew .itemBox:hover .img img,
.collection_productList .item:hover img,
.listBox .item:hover .img img,
.solutionBox2 .con .img:hover img,
.productRelatedProduct .swiper_item:hover img,
.productFeatures .img:hover img,
.productDrawings .item:hover img,
.accessoriesSwiper  .swiper-slide:hover img,
.productCase .item:hover img,
.serviceBox1 .conBox .img:hover img,
.serviceBox2 .item:hover img,
.serviceBox3 .item:hover img,
.aboutBox2 .item:hover img,
.aboutTeamImage .swiper-slide:hover img,
.historySwiper .swiper-slide:hover img,
.certificataSwiper .swiper-slide:hover img,
.aboutBox7 .item:hover img,
.swiper-backface-hidden .swiper-slide:hover img,
.whyBox2 .item:hover .img img,
.caseBox .item:hover .img img,
.newItemBox .item:hover .img img{
	transform: scale(1.1);
}

@media (max-width: 600px) {
	.logo_box a{
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    height: 100%;
	}
	.logo_box img {
	    width: 54%;
	    height: auto;
	}
	.index_solutions .name {
	    height: 100px;
	}
	
}
@media (max-width: 420px) {
	.logo_box img {
	    margin-right: 8%;
	}
	
}
  .privacyBox{
    line-height: 23px;
    transition: 350ms transform ease, 350ms opacity ease;
    background-color: #FFF;
    color: #333;
    border-radius: 4px;
    position: fixed;
    width: 220px;
    padding: 15px;
    z-index: 9999;
    box-shadow: 0 6px 40px rgba(0,0,0,.3);
    bottom: 20px;
    left: 20px;
    opacity: 1;
    font-weight: bold;
    box-sizing: initial;
  }
  .privacyBox p{
    margin-bottom: 10px;
    font-size: 14px;
  }
  .privacyBox p a{
    font-size: 14px;
    font-weight: bold;
    color: #1b44a1;
  }
  .privacyBox p a:hover{
    text-decoration: underline;
  }
  .privacyBox .btn{
    font-size: 15px;
    line-height: 15px;
    transition: 350ms ease background;
    display: block;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    background: #1b44a1;
    background: -webkit-gradient(radial, center bottom, 0, center 230, 230, from(#1b44a1), to(#1b44a1));
  }
  .privacyBox .btn:hover{
    background: -webkit-gradient(radial, center bottom, 0, center 230, 230, from(#1b44a1), to(#1b44a1));
  }