:root {
  --mainColor:  #84c221;

}

@media screen and (min-width: 1920px) {
  html {
    font-size: 80px !important;
  }
}

.com-card {
  width: 1400px;
  height: 100%;
  margin: 0 auto;
}
.com-card2 {
  width: 17.5rem;
  height: 100%;
  margin: 0 auto;
}
.tranImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
  transition: all 0.3s;
}

.hoverImg:hover img,
.customizedBox5 li:hover img{
  transform: scale(1.1);
}

.comHover:hover {
  box-shadow: 0 0 15px rgba(88, 172, 19, 0.6);
  transform: translateY(-5px);
}
.com-tl{
  	font-size: 36px;
    text-align: center;
        font-weight: 900;
	color: #000000;
}
.customizedBox5 .title{
  	font-size: 16px;
	line-height:30px;
  text-align: center;
  margin-top: .125rem;
	color: #727272;
}

.customizedBox5{
  width: 100%;
  height: auto;
  padding-top: 75px ;
}
.customizedBox5 ul{
  margin-top: 45px;
}
.customizedBox5 .com-card{
  padding-bottom: 60px;
  border-bottom: 1px solid  rgba(0, 0, 0, 0.1);
}
.customizedBox5 li{
  	
  width: calc((100% - 48px) / 4);
    height: auto;
    margin: 0  16px   20px  0;
}
.customizedBox5 li:nth-child(4n){
  margin-right: 0;
}
.customizedBox5 li .img{
  width: 100%;
  display: flex;
  align-items:center;
  justify-content: center;
  	height: 3.7375rem;
    overflow: hidden;
        padding: .25rem;
	background-color: #f6f6f6;
}
.customizedBox5 li .img img{
width: auto;
height: 100%;
 object-fit: contain;
 transition: all 0.3s;
}

.customizedBox5 li  .name{
  width: 100%;
  	height: 62px;
    line-height: 62px;
    border-top: 1px solid #fff;
    text-align: center;
	background-color: #f6f6f6;
	border-radius: 1px;
  	font-size: 18px;
	color: #000000;
}


.customizedBox6{
  width: 100%;
  height: auto;
  padding: 80px 0 ;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.customizedBox6 ul{
  margin-top: 35px;
}
.customizedBox6 li{
  width: calc((100% - 48px) / 4);
	height: 407px;
	background-color: #f6f6f6;
  padding: 55px  20px   20px 20px;
}
.customizedBox6 li .img{
  	width: 69px;
    border-radius: 50%;
	height: 69px;
  background-color: var(--mainColor);
}

.customizedBox6 li  h3{
  text-align: center;
  	font-size: 20px;
	color: var(--mainColor);
  margin: 14px 0  35px 0;
}

.com-ls24{
  	font-size: .2rem;
text-align: center;
	line-height: .3rem;
	color: #4e4e4e;
}
.customizedBox6 li .com-ls24{
  font-size: 14px;
  line-height: 24px;
}
.aboutBox5{
  width: 100%;
  height: auto;
  padding: 100px 0 ;
}
.aboutBox5 .img{
  position: relative;
  cursor: pointer;
  	width: 676px;
	height: 488px;
  margin-left: 35px;
  overflow: hidden;
}
.aboutBox5 .img::after,
.productCtionBox3 .img::after{
  display: block;
  content: '';
  	width: 67px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	height: 67px;
  background: url(../images/im1-4.png) no-repeat;
  background-size: cover;
  transition: all 0.3s;
}
.aboutBox5   .com-tl{
  text-align: left;
  margin-bottom: 10px;
}
.aboutBox5 .img:hover::after,
.productCtionBox3 .img:hover::after{
  transform: translate(-50%,-50%)  rotate(180deg);
}
.aboutBox5  .lt{
  padding-top: 10px;
  flex: 1;
}
.aboutBox5  .text .tl{
  margin-bottom: 0;
}
.com-ls30{
  font-size: 16px;
  color: #727272;
  line-height: 30px;
  margin-bottom: 20px;
}
.aboutBox6{
  width: 100%;
  height: auto;
  padding: 100px 0;
  	background-color: #f7f7f7;
}
.aboutBox6 .title{
  	font-size: 16px;
    margin-top: 10px;
    text-align: center;
	color: #727272;
}
.aboutBox6 .nav{
  width: 100%;
  height: auto;
  margin: 30px 0  35px 0 ;
}
.aboutBox6 .nav .item{
  	width: 140px;
    cursor: pointer;
height: auto;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 1px #eeeeee;
  	font-size: 18px;
text-align: center;
line-height: 38px;
	color: #000000;
  margin-right: 8px;
  transition: all 0.3s;
}
.aboutBox6 .nav .item:last-child{
  margin-right: 0;
}
.aboutBox6 .nav .item:hover,
.aboutBox6 .nav .item.active{
  background-color: var(--mainColor);
  color: #fff;
}

.aboutBox6Con{
  width: 100%;
  height: auto;
}
.aboutBox6Con li{
  width: calc((100% - 60px ) / 4);
  	height: 288px;
    overflow: hidden;
    margin:  0 20px 20px 0;
}
.aboutBox6Con .item{
  display: none;
}
.aboutBox6Con li:nth-child(4n){
  margin-right: 0;
}

.innerBanner{
  position: relative;
  width: 100%;
  height: auto;
}
.innerBanner .text{
  position: absolute;
 width: 100%;
 height: auto;
  top: 50%;
  transform: translateY(-50%);
}

.innerBanner  .text h1{
      width: 54%;
  	font-size: .45rem;
	line-height: .6rem;
	color: #f7f7f7;
}
.innerBanner  .text  .ls{
  	font-size: .225rem;
	color: #f7f7f7;
  margin-top: .25rem;
}
.innerBanner .bg{
  width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: bottom;
}

.Crumbs ul li.active a{
  color: var(--mainColor);
}


.productCtionBox1{
  width: 100%;
  height: auto;
  padding: .75rem 0 1.25rem 0;
  	background-color: #f7f7f7;
}
.productCtionBox1 .com-card2{
     align-items: flex-start;
}
.productLt{
 width: 3.625rem;
 height: auto;
   position: sticky;
 top: .25rem;
background-color: #f7f7f7;
margin-right: .9125rem;
z-index: 22;
}
.productLt  .lt{
  width: 100%;
  height: auto;
}

.productLt .title{
  width: 100%;
  	height: .6rem;
	background-color: var(--mainColor);
	border-radius: .025rem;
  line-height: .6rem;
  	font-size: .225rem;
	font-weight: 900;
  padding-left: .2125rem;
	color: #ffffff;
}
.productLtMenus{
  width: 100%;
  height: auto;
}
.productLtMenus  .menu-items {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #c9c9c9;
}
.productLtMenus .menu-items a{
  	font-size: .2rem;
    display: flex;
    height: .625rem;
    align-items: center;
    justify-content: space-between;
	color: #1a1a1a;
}
.productLtMenus .menu-items a.active{
  color: var(--mainColor);
}
.productLt  .arrows{
  cursor: pointer;
  width: 12px;
  height: 9px;
  background: url(../images/im1-5.png) no-repeat;
  background-size: cover;
  transform: rotate(-90deg);
      filter: brightness(0);
      transition: all 0.3s;
}
.productLt  .arrows.active{
  transform: rotate(0);
  filter: none;
}
.productLt .submenus .menu-items a{
  position: relative;
  height: .5rem;
  padding-left: .1625rem;
    transition: all 0.3s;
}
.productLt .submenus .menu-items a::after{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: block;
  content: '';
  	width: .0625rem;
    border-radius: 50%;
    transition: all 0.3s;
	height: .0625rem;
	background-color: #646464;
}
.submenus{
  display: none;
}
.productLt .submenus .menu-items a.active,
.productLt .submenus .menu-items a:hover
{
  color: var(--mainColor);
  text-decoration: underline !important;
}
.productLt .submenus .menu-items a.active::after,
.productLt .submenus .menu-items a:hover::after{
  background-color: var(--mainColor);
}

.productRt{
  flex: 1;
  height: auto;
}
.com-tl.lft{
  text-align: left;
}
.productRt .title  .com-ls30{
  margin-top: .125rem;
}

.productRt  li{
  	width: 3.125rem;
	height: 4.35rem;
  background-color: #fff;
  margin:  0  .15rem  .25rem 0;
  padding: .25rem  .1875rem  .3125rem  .1875rem;
}

.productRt  li  .img{
  width: 100%;
  height:2.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.productRt  li  .img  img{
  width: 100%;
  height: auto;
  object-fit: contain;
transition: all 0.3s;
}

.productRt  li:nth-child(4n){
  margin-right: 0;
}
.productRt  li h3{
  	font-size: .225rem;
	color: #646464;
      font-weight: 500;
  text-align: center;
}
.comInquire{
  display: block;
  	width: 1.6875rem;
	height: .55rem;
  line-height: .55rem;
	border-radius: .0625rem;
	border: solid 1px var(--mainColor);
  	font-size: .2rem;
text-align: center;
cursor: pointer;
margin-top: .15rem;
transition: all 0.3s;
	color: var(--mainColor);
}
.productRt  li:hover .comInquire{
  background-color: var(--mainColor);
  color: #fff;
}
.productCtionBox2{
  width: 100%;
  height: auto;
padding-top: .9375rem;
}
.productCtionBox2 ul{
  margin-top: .625rem;
}

.productCtionBox2 ul li{
  cursor: pointer;
   width: calc((100% - .225rem) / 4);
   	height: 3.425rem;
	background-color: #f7f7f7;
	border-radius: .0625rem;
  margin:  0 .075rem  .0625rem 0;
  padding: .5625rem  .25rem .125rem  .375rem;
}

.productCtionBox2 ul li:nth-child(4n){
  margin-right: 0;
}

.productCtionBox2  li .img{
  position: relative;
  	width: .525rem;
	height: .525rem;
  border-radius: 50%;
  margin-right: .1125rem;
  background-color: var(--mainColor);
}
.productCtionBox2  li img{
  position: absolute;
  	width: .475rem;
	height: .475rem;
  bottom: .1375rem;
  left: .075rem;
  transition: all 0.3s;
}

.productCtionBox2  li h3{
  	font-size: .25rem;
	font-weight: 600;
	color: var(--mainColor);
}
.productCtionBox2  li .comInquire{
  background-color: var(--mainColor);
  color: #fff;
  
}
.productCtionBox2  li .com-ls24{
  text-align: left;
  margin-top: .125rem;
}
.productCtionBox2  li:hover img{
  transform: scale(1.1);
}

.productCtionBox3{
  width: 100%;
  height: auto;
  padding: .875rem  0 .5rem 0;
}
.productCtionBox3 .img{
  position: relative;
  width: 100%;
  cursor: pointer;
  	height: 7.2rem;
    overflow: hidden;
    margin-top: .5625rem
}

.productCtionBox3 .img::after{
   width: .8375rem;
   height: .8375rem;
}

.productCtionBox4{
  width: 100%;
  height: auto;
padding:  1.25rem 0  1.125rem 0;
	background-color: #f7f7f7;
}

.productCtionBox4 ul{
  margin-top: .375rem;
}
.productCtionBox4  li{
  width: calc((100% -  15px) / 4);
  height: auto;
}
.productCtionBox4  li .img{
  width: 100%;
  	height: 4.2rem;
    border-radius: 1px;
    overflow: hidden;
}
.productCtionBox4  li  .name{
  width: 100%;
  	height: .95rem;
    line-height: .95rem;
    text-align: center;
	background-color: #ffffff;
	border-radius: 1px;
  font-weight: 500;
  	font-size: .225rem;
	color: var(--mainColor);
  transition: all 0.3s;
}

.productCtionBox4  li:hover .name{
  background-color: var(--mainColor);
  color: #fff;
}

.productCtionBox5{
  width: 100%;
  height: auto;
  padding: .9375rem 0  1rem 0;
}
.productCtionBox5Con{
  width: 100%;
  margin-top: .5rem;
}
.productCtionBox5Con .item{
  margin-bottom: .125rem;
}
.productCtionBox5Con .itemList{
  width: calc((100% -  .15rem ) / 2);
}
.productCtionBox5Con .item .tl{
  width: 100%;
  	height: .55rem;
    cursor: pointer;
	background-color: #f7f7f7;
  padding: 0 .275rem;
	border-radius: 1px;
}
.productCtionBox5Con .item .tl h3{
  	font-size: .2rem;
    font-weight: 500;
	color: #626262;
}
.productCtionBox5Con .item .tl::after{
  display: block;
  content: '+';
  font-weight: 600;
  	font-size: .3rem;
	color: #626262;
}
.productCtionBox5Con .item .text{
  display: none;
  width: 100%;
  height: auto;
  padding: .25rem .375rem .25rem  .25rem;
}
.productCtionBox5Con .item .text li{
  	font-size: 14px;
	line-height: 30px;
	color: #727272;
}
.productCtionBox5Con .item.active .tl::after{
  content: '-';
  font-size: .375rem;
  color: var(--mainColor);
}
.productCtionBox5Con .item.active .tl h3{
  color: var(--mainColor);
}

.productCtionBox5Con .item.active{
  	border: solid 1px #eeeeee;
    border-radius: 1px;
}
.industrydBox1{
  width: 100%;
 	height: 6.75rem;
}
.industrydBox1 .img{
  	width: 12.775rem;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
}
.industrydBox1 .text{
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
      justify-content: center;
 padding-left: 3.15rem;
  background-color: var(--mainColor);
}
.industrydBox1 .text  .com-tl{
  color: #fff;
  text-align: left;
  font-weight: 700;
}
.industrydBox1 .text  .tl{
  	font-size: .25rem;
	line-height: .375rem;
	color: #ffffff;
  margin: .125rem 0 ;
  width: 55%;
}
.industrydBox1 .text  li{
  	font-size: .3rem;
	line-height: .45rem;
	color: #ffffff;
}

.industrydBox1 .text .inquiry,
.industrydBox2 .text .inquiry{
  	width: 2.75rem;
	height: .65rem;
  line-height: .65rem;
	background-color: #ffffff;
	border-radius: .0625rem;
  	font-size: .225rem;
text-align:  center;
	color:var(--mainColor);
  cursor: pointer;
  transition: all 0.3s;
  margin-top: .375rem;
}

.industrydBox2{
  width: 100%;
  height: auto;
  padding-top: 1.25rem;
}
.industrydBox2 .com-card2{
  padding-bottom: 1.375rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.industrydBox2 .text{
   width: 4.375rem;
   height: auto;
   margin-right: 1rem;
}
.industrydBox2 ul{
  flex: 1;
}
.industrydBox2 .text  .com-ls30{
 margin: .1875rem  0  .125rem  0;
}
.industrydBox2 .text .inquiry{
  background-color: var(--mainColor);
  color: #fff;
  transition: all 0.3s;
}
.industrydBox2 li {
  cursor: pointer;
  width: calc((100% - .5375rem) / 2);
margin:  0 .5375rem  .5rem 0;
}
.industrydBox2 li:nth-child(2n){
  margin-right: 0;
}
.industrydBox2 li img{
    width: auto;
    height: .65rem;
    object-fit: contain;
    margin-right: .2125rem;
    transition:all 0.3s;
}
.industrydBox2 li .textRl{
  flex: 1;
  padding-bottom: .225rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.industrydBox2 li h3{
  	font-size: .25rem;
	color: var(--mainColor);
}
.industrydBox2 li p{
  	font-size: .225rem;
	color: #000000;
  margin-top: .125rem;
}
.industrydBox2 li:hover img{
  transform: scale(1.1);
}
.industrydBox3{
  width: 100%;
  height: auto;
 padding-top: .5625rem;
}
.industrydBox3 .com-card2{
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.industrydBox3 .title .ls{
  	font-size: .225rem;
	line-height: .375rem;
	color: #000000;
}
.industrydBox3 .title{
 margin-top: .4375rem;
}
.industrydBox3 .title .ls:last-child{
  margin-top:.25rem ;
}
.industrydBox3Con{
  width: 100%;
  height: auto;
  margin-top: .625rem;
}
.industrydBox3Con .item{
  width: calc((100% - .5rem) / 2);
  	height: 5.475rem;
  	background-color: rgba(128, 180, 31, 0.1);
	border-radius: .125rem;
  padding: .625rem   .5rem  .25rem  .6875rem;
  transition: all 0.3s;
  cursor: pointer;

}
.industrydBox3Con .item h3{
  	font-size: .375rem;
	color: var(--mainColor);
  font-weight: 600;
}
.industrydBox3Con .item ul{
  margin-top: .25rem;
}
.industrydBox3Con .item li{
position: relative;
  	font-size: .225rem;
	line-height: .45rem;
  padding-left: .375rem;
	color: #000000;
}
.industrydBox3Con .item li::after{
  position: absolute;
  top: .15rem;
  left: 0;
  display: block;
  content: '';
  	width: .175rem;
	height: .175rem;
  transform: rotate(45deg);
	background-color: var(--mainColor);
	border-radius: 1px;
}
.industrydBox3Con .item p{
  	font-size: .25rem;
	font-weight: 600;
	color: var(--mainColor);
  margin-top: .4375rem;
}
.industrydBox4{
  width: 100%;
  height: auto;
 padding: .625rem 0  .975rem 0;
}
.industrydBox4  ul{
  margin-top: .4375rem;
}
.industrydBox4 li{
  width: calc((100% - .975rem) / 3);
  height: auto;
}
.industrydBox4 li .img{
  width: 100%;
  	height: 4.1625rem;
    overflow: hidden;
}
.industrydBox4 li  .text{
  width: 100%;
  	height: 2.0625rem;
    padding: .25rem  .5625rem  .25rem  .375rem;
	background-color: #f0f0f0;
    transition: all 0.3s;
}
.industrydBox4 li  h3{
  	font-size: .3rem;
	color: #000000;
  font-weight: 600;
    transition: all 0.3s;
}
.industrydBox4 li  .ls{
  font-size: .225rem;
  line-height: .375rem;
  margin-top: .1875rem;
  color: #000;
  transition: all 0.3s;
}
.industrydBox4 li:hover .text{
  background-color: var(--mainColor);
}
.industrydBox4 li:hover .text h3,
.industrydBox4 li:hover .text .ls{
  color: #fff;
}

.industrydBox5{
  width: 100%;
  height:auto;
  padding: .875rem 0  .625rem 0;
  	background-color: #f7f7f7;
}
.industrydBox5 .com-card2{
  width: 18.025rem;
}
.industrydBox5 .title{
  	font-size: .2rem;
    margin-top: .125rem;
	line-height: .3rem;
  text-align: center;
	color: #2c2c2c;
}

.industrydBox5Con{
  width: 100%;
  height: auto;
  position: relative;
  margin-top: .4375rem;
}
.industrydBox5Swiper{
  width: 100%;
  height: auto;
  overflow: hidden;
}
.industrydBox5Swiper a{
  display: block;
  width: 100%;
	height: 4.375rem;
	background-color: #ffffff;
	border: solid 1px #eeeeee;
  padding: .25rem  .3125rem  .25rem   .3125rem;
}
.industrydBox5Swiper  .img{
  	width: 1.25rem;
	height: 1.25rem;
  margin-right: .15rem;
  border-radius: 50%;
	background-color: var(--mainColor);
  overflow: hidden;
}

.industrydBox5Swiper  .img img{
   width: 1.125rem;
   height: 1.125rem;
   object-fit: cover;
   transition: all  0.5s;
}
.industrydBox5Swiper .tl h3{
  	font-size: .3rem;
	font-weight: 700;
	color: #000000;
}
.industrydBox5Swiper .tl {
  padding-bottom: .25rem;
  margin-bottom: .1875rem;
  border-bottom: 1px solid #e3e3e3;
}
.industrydBox5Swiper .tl .rt{
  flex: 1;
}
.industrydBox5Swiper .tl  p{
	font-size: .2rem;
	line-height: .3rem;
  margin-top: .0625rem;
	color: #2c2c2c;
}

.industrydBox5Swiper .text .com-ls24{
  text-align: left;
  flex: 1;
}

.industrydBox5Swiper .text .mores{
  	font-size: .2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
	color: #b6b6b6;
  margin-top: .1875rem;
    transition: all 0.3s;
}
.industrydBox5Swiper .text .mores::after{
  display: block;
  content: '>';
    	font-size: .2rem;
	color: #b6b6b6;
  margin-left: .1875rem;
  transition: all 0.3s;
}
.industrydBox5Swiper a:hover .mores,
.industrydBox5Swiper a:hover  .mores::after{
  color: var(--mainColor);
}
.industrydBox5Con .bto{
  margin-top: .5625rem;
}
.industrydBox5Swiper a:hover  img{
  transform: scale(1.1);
}

.industrydBox5-pagination  .swiper-pagination-bullet{
  	width: 8px;
	height: 8px;
	background-color: #242424;
	opacity: 0.25;
  border-radius: 0;
  margin:  0 4px;
}

.industrydBox5-pagination  .swiper-pagination-bullet-active{
  background-color: var(--mainColor);
  opacity: 1;
}

.industrydBox5-prev,
.industrydBox5-next{
  position: absolute;
  top: calc(50% - .5625rem);
  z-index: 666;
  transform: translateY(-50%);
  	width: 19px;
	height: 32px;
  background: url(../images/im1-13.png)  no-repeat;
  background-size: cover;
  cursor: pointer;
  filter: grayscale(1);
  transition: all 0.3s;
}
.industrydBox5-prev{
  left: -0.9rem;
  transform: rotate(180deg);
}
.industrydBox5-next{
  right: -0.9rem;
}
.industrydBox5-next:hover{
  filter: none;
}
.industrydBox5-prev:hover{
   filter: none;
}

.industrydBox6{
  width: 100%;
  height: auto;
  padding: 1rem 0 ;
}
.industrydBox6 ul{
  margin-top: .75rem;
}

.industrydBox6 li{
  width: calc((100% - .75rem ) / 4);
  	height: 5.375rem;
	background-color: #f7f7f7;
	border: solid 1px #eeeeee;
  padding-bottom: .4375rem;
  justify-content: space-between;
}
.industrydBox6 li a{
  display: block;
  width: 100%;
    padding: .1625rem .375rem;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.industrydBox6  .img{
  width: 100%;
  height: 2.9rem;
  overflow: hidden;
}

.industrydBox6  li h3{
  	font-size: .225rem;
text-align: center;
	color: #646464;
}
.industrydBox6  li .mores{
  	width: 1.6875rem;
	height: .55rem;
  cursor: pointer;
  line-height: .55rem;
	border-radius: .0625rem;
	border: solid 1px var(--mainColor);
  	font-size: .2rem;
text-align:center;
	color: var(--mainColor);
  transition: all 0.3s;
}
.industrydBox6  li:hover .mores{
  background-color: var(--mainColor);
  color: #fff;
}
.innerBanner.inner .text{
  top: 42%;

}

.applicationBox1{
  width: 100%;
  height:auto;
  padding: .625rem 0 ;
}

.applicationBox1 .top{
  width: 100%;
  height: auto;
}
.applicationBox1 .top .img{
  	width: 11.5625rem;
    position: relative;
	height: 5.3rem;
  margin-left: .4375rem;
  overflow: hidden;
}

.applicationBox1 .top .mores{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0  0  .25rem  .25rem;
  height: auto;
}
.applicationBox1 .top  .text{
  flex: 1;
}
.applicationBox1 .top .mores h3{
  	font-size: .25rem;
	font-weight: 700;
	color: #ffffff;
}
.applicationBox1 .top .mores .arrws,
.applicationBox1 li  .arrws{
  position: absolute;
  right: 0;
  bottom: 0;
  	width: .625rem;
	height: .575rem;
background: url(../images/im1-14.png) no-repeat;
background-size: cover;
}
.applicationBox1 .top .text {
  padding-top: .625rem;
}
.applicationBox1 .top .text .ls{
  font-size: 14px;
  line-height: 30px;
  	color: #727272;
    margin-top: .375rem;
}
.applicationBox1 ul{
  margin-top: .375rem;
}

.applicationBox1 li{
  position: relative;
  width: calc((100% -  .625rem ) / 3);
  margin:  0 .3125rem   .25rem 0;
	height: 4.875rem;
  overflow: hidden;
}

.applicationBox1 li:nth-child(3n){
  margin-right: 0;
}

.applicationBox1 li h3{
  	font-size: .25rem;
	font-weight: 700;
	color: #ffffff;
}
.applicationBox1 li .text{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  padding:  0 0  .3125rem  .225rem ;
      justify-content: end;
  left: 0;
  bottom: 0;
}
.applicationBox1 li  .arrws{

background: url(../images/im1-15.png) no-repeat;
background-size: cover;
}


@media screen and (max-width: 1445px) {
.com-card{
  width: 100%;
  padding:  0 4%;
}
.aboutBox6Con li{
  height: auto;
}


}
@media screen and (max-width: 1200px) {
  .com-tl{
    font-size: 30px;
  }
    .aboutBox5 .com-card{
    flex-wrap: wrap;
  }
  .aboutBox5 .lt{
    flex: none;
    width: 100%;
  }
    .aboutBox5,
    .aboutBox6,
    .customizedBox6{
      padding: 20px 0;
    }
  .aboutBox5 .img{
    margin: 10px 0 0 ;
  }
.customizedBox5 li ,
.customizedBox6 li{
    width: calc((100% - 20px) / 3);
margin:  0 10px 10px 0;
}
.customizedBox5 li:nth-child(4n),
.customizedBox6 li:nth-child(4n){
  margin-right: 10px;
}
.customizedBox6 ul,
.applicationBox1 .top{
  flex-wrap: wrap;
}
.customizedBox5{
  padding-top: 20px;
}
.customizedBox5 .com-card{
  padding-bottom: 20px;
}
.customizedBox5 li:nth-child(3n),
.customizedBox6 li:nth-child(3n){
  margin-right: 0;
}
.applicationBox1 .top .text{
  flex: none;
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
}
.applicationBox1 .top .img{
  margin-left: 0;
}

}
@media screen and (max-width:1024px) {
.com-card2,
.industrydBox5 .com-card2{
  width: 100%;
  padding: 0 4%;
}
.applicationBox1,
.industrydBox4,
.industrydBox5,
.industrydBox6,
.productCtionBox1,
.productCtionBox3,
.productCtionBox4,
.productCtionBox5{
  padding: 20px 0;
}
.industrydBox2,
.industrydBox3,
.productCtionBox2{
  padding-top: 20px;
}
.industrydBox2 .com-card2,
.industrydBox3 .com-card2{
  padding-bottom: 20px;
}
.applicationBox1 li,
.industrydBox1,
.industrydBox4 li .img,
.industrydBox5Swiper a,
.industrydBox6 .img,
.productRt li .img,
.productRt li,
.productCtionBox4 li .img{
  height: auto;
}
.applicationBox1 li,
.industrydBox4 li,
.productCtionBox2 ul li{
  width: calc((100% - 10px ) / 2);
  margin:  0 10px 10px 0;
}
.applicationBox1 li:nth-child(3n),
.industrydBox4 li:nth-child(3n),
.productCtionBox2 ul li:nth-child(3n){
  margin-right: 10px;
}

.applicationBox1 li:nth-child(2n),
.industrydBox4 li:nth-child(2n),
.productCtionBox2 ul li:nth-child(2n){
  margin-right: 0;
}
.industrydBox1 .text .com-tl{
  font-size: 18px;
  line-height: 25px;
}
.industrydBox1 .text{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 3% 4%;
  background-color: rgba(88, 172, 19, 0.6);
}
.industrydBox1{
  position: relative;
}
.industrydBox1 .img,
.industrydBox2 .text,
.industrydBox3Con .item,
.productCtionBox3 .img{
  width: 100%;
  height: auto;
}
.industrydBox3Con,
.industrydBox4 ul,
.industrydBox5Con,
.industrydBox6 ul,
.productCtionBox2 ul,
.productCtionBox3 .img,
.productCtionBox4 ul,
.productCtionBox5Con{
  margin-top: 15px;
}
.industrydBox2 .text,
.industrydBox3Con .item,
.productCtionBox5Con .itemList{
  margin:  0 0 10px 0;
}
.industrydBox1 .text .tl,
.productLt,
.productCtionBox5Con .itemList{
  width: 100%;
}
.industrydBox2 .com-card2,
.industrydBox3Con ,
.industrydBox4 ul,
.industrydBox6 ul,
.productCtionBox1 .com-card2,
.productCtionBox4 ul,
.productCtionBox5Con {
  flex-wrap: wrap;
}
.industrydBox2 li h3,
.productLt .title,
.productCtionBox5Con .item .tl h3{
  font-size: 16px;
}
.industrydBox5Swiper .text .mores,
.industrydBox6 li h3,
.productLtMenus .menu-items a,
.productRt li h3,
.productCtionBox4 li .name{
  
  font-size: 15px;
}
.industrydBox2 li p,
.industrydBox3 .title .ls,
.industrydBox3Con .item li,
.industrydBox4 li .ls,
.industrydBox5 .title,
.industrydBox5Swiper .tl p,
.industrydBox5Swiper .text .com-ls24,
.productCtionBox2 li .com-ls24{
  font-size: 14px;
  line-height: 24px;
}
.industrydBox5-prev, 
.industrydBox5-next{
  position: static;
 
}
.industrydBox5-next{
 transform: translateY(0);
}
.industrydBox5-pagination{
  margin:  0 15px;
}

.industrydBox6 li,
.productRt li,
.productCtionBox4 li{
  width: calc((100% - 20px ) /3);
  margin:  0 10px 10px 0;
}
.industrydBox6 li:nth-child(4n),
.productRt li:nth-child(4n),
.productCtionBox4 li:nth-child(4n){
  margin-right: 10px;
}

.industrydBox6 li:nth-child(3n),
.productLt,
.productRt li:nth-child(3n),
.productCtionBox4 li:nth-child(3n){
  margin-right: 0;
}

.productRt{
  flex: none;
  width: 100%;
  margin-top: 10px;
}

}



@media screen and (max-width: 992px) {
  .com-tl{
    font-size: 30px;
  }
  .aboutBox6Con li {
    width: calc((100% - 20px ) / 3);
   margin:  0 10px 10px 0;
}
.customizedBox5 li ,
.customizedBox6 li{
    width: calc((100% - 10px) / 2);
}

.customizedBox5 li:nth-child(3n),
.customizedBox6 li:nth-child(3n){
  margin-right: 10px;
}
.customizedBox5{
  padding-top: 20px;
}
.customizedBox5 .com-card{
  padding-bottom: 20px;
}
.customizedBox5 ul{
  margin-top: 15px;
}
.customizedBox5 li:nth-child(2n),
.customizedBox5 li:nth-child(2n),
.customizedBox6 li:nth-child(2n){
  margin-right: 0;
}
.customizedBox5 li .img{
  height: auto;
}
.innerBanner .text h1{
  width: 100%;
}
.innerBanner .text h1{
  font-size: 18px;
  line-height: 25px;
}
.innerBanner .text .ls{
  font-size: 14px;
  line-height: 24px;
}

}

@media screen and (max-width: 768px) {
.aboutBox5 .img,
.applicationBox1 .top .img,
.productCtionBox2 ul li{
  width: 100%;
  height: auto;
}
.aboutBox5 .img::after,
.productCtionBox3 .img::after{
  width: 35px;
  height: 35px;
}
  .aboutBox6Con li ,
  .industrydBox6 li,
  .productRt li,
  .productCtionBox4 li{
    width: calc((100% - 10px ) / 2);
}
 .aboutBox6Con li:nth-child(3n),
 .industrydBox6 li:nth-child(3n),
   .productRt li:nth-child(3n),
     .productCtionBox4 li:nth-child(3n){
    margin-right: 10px;
  }
  .aboutBox6Con li:nth-child(2n),
  .industrydBox6 li:nth-child(2n),
  .productRt li:nth-child(2n),
  .productCtionBox4 li:nth-child(2n){
    margin-right: 0;
  }
.applicationBox1 .top .text .ls{
  margin-top: 10px;
}
.industrydBox4 li .text{
  height: auto;
  padding: 3%;
}
.industrydBox6 li{
  height: auto;
}
.productCtionBox2 ul li{
  margin-right: 0 !important;
  padding: 3%;
}
.productCtionBox5Con .item .tl h3{
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.productCtionBox5Con .item.active .tl{
  height: auto;
}
.productCtionBox5Con .item.active .tl h3{
  display: inline;
  padding: 2%;
}
}

@media screen and (max-width: 480px) {
  .com-tl {
    font-size: 20px;
}
.customizedBox5 li,
.applicationBox1 li,
.industrydBox2 li,
.industrydBox4 li,
.productRt li,
.productCtionBox4 li{
  width: 100%;
  margin-right: 0 !important;
}
.customizedBox6 li{
  width: 100%;
  height: auto;
  margin-right: 0 !important;
  padding:4%  3%;
}
.customizedBox6 li h3{
  margin: 15px 0;
}
.innerBanner .bg,
.industrydBox1 .img{
  height: 45vh;
}
.industrydBox2 li:last-child{
  margin-bottom: 0;
}
.industrydBox3Con .item{
  padding: 3%;
}

}


@media screen and (max-width: 375px) {
  .aboutBox6Con li,
  .industrydBox6 li{
    width: 100%;
    margin-right: 0 !important;
  }

}
















@media screen and (max-width: 1024px) {
  .searchForm {
    top: 60px;
  }

  .language {
    width: 23px;
    height: auto;
    object-fit: contain;
  }

  .languageSwitching {
    width: auto;
    position: relative;
    height: 100%;
  }

  .searchForm input[type="text"] {
    flex: none;
    width: 70%;
    height: 35px;
    font-size: 15px;
  }

  .searchForm input[type="text"]::placeholder {
    font-size: 15px;
  }

  .searchForm input[type="submit"] {
    width: fit-content;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    margin-left: 3%;
    border-radius: 5px;
    padding: 0 20px;
    background-color: var(--mainColor);
  }



  .languageSwitching a {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .mobileHeader .lt {
    height: 100%;
  }

  .mobileHeader .search {
    width: 24px;
    height: auto;
    object-fit: contain;
    margin-right: 10px;
  }


}

@media screen and (max-width: 768px) {

  .Fast_contact {
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0;
    z-index: 999;
    transform: translateY(0%);
    display: block;
  }

  .Fast_contact ul li.onlineservice_li {
    width: 33.33%;
    float: left;
    margin-bottom: 0;
    border-left: 1px solid #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .Fast_contact ul li.onlineservice_li.email_click {
    display: block
  }


  .Fast_contact ul li.onlineservice_li:nth-of-type(1) {
    border-left: 0
  }

  .Fast_contact ul li.onlineservice_li:nth-of-type(1),
   .Fast_contact ul li.onlineservice_li:nth-of-type(3) {
    display: block;
  }

  .inquireFormBox {
    top: 50%;
    left: 50%;
    width: 90%;
    margin: 0;
    transform: translate(-50%, -50%);
  }
  .onlineservice_tips{
  display: none !important;
}
}

@media screen and (max-width: 600px) {
  .searchForm input[type="text"] {
    width: 50%;
  }

  .ejectEmail_form {
    width: 90%;
  }

  .agreementBox {
    padding: 20px 0;
  }
}

@media screen and (max-width: 360px) {
  .mobileHeader .logo {
    align-items: center;
    justify-content: center;
  }

  .mobileHeader .logo img {
    width: 80%;
  }

  .ejectEmail_form {
    height: 100vh;
    width: 100%;
    overflow: overlay;
    padding: 3%;
  }
}