@font-face {
  font-family: "OpenSans";
  src: url("fonts/opensans.ttf");
}

@font-face {
  font-family: "Archivo";
  src: url("fonts/Archivo-Bold.ttf");
}

@font-face {
  font-family: "Archivo-SemiBold";
  src: url("fonts/Archivo-SemiBold.ttf");
}

@font-face {
  font-family: "Archivo-Regular";
  src: url("fonts/Archivo-Regular.ttf");
}

@font-face {
  font-family: "Archivo-Medium";
  src: url("fonts/Archivo-Medium.ttf");
}


:root {
  --mainColor: #418ed1;
  --bgColor: #f3f5fa;
}

body {
  padding-top: 0;
  overflow-x: visible;
  font-family: "OpenSans", system-ui, -apple-system, sans-serif;
}

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

.com-card {
  width: 17.5rem;
  height: 100%;
  margin: 0 auto;
  transition: all 0.3s;
}

.comHover:hover {
  box-shadow: 0 0 15px var(--mainColor);
  transform: translateY(-5px);
}

.com-tl {
  font-family: Archivo;
  font-size: .45rem;
  text-align: center;
  color: #000000;
}

.com-tl2 ,
.com-tl2 a{
  font-family: Archivo-SemiBold;
  font-size: .3rem;
  color: #000000;
}

.com-ls30 {
  font-size: .225rem;
  line-height: .375rem;
  letter-spacing: .0125rem;
  color: #616161;
}

.tranImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
  transition: all 0.3s;
}

.hoverImg:hover img,
.iderClassificationBox3 li:hover .bg,
.iderServiceBox3 .item li:hover img {
  transform: scale(1.1);
}

.iderHeader {

  z-index: 999;
  width: 100%;
  height: auto;
}

.iderHeadTop {

  width: 100%;
  height: 45px;
  background-color: var(--mainColor);
}

.iderHeadTop .lt img {
  width: 16px;
  height: auto;
  object-fit: contain;
  margin-right: 8px;
}

.iderHeadTop .lt a {
  margin-right: .7625rem;
}

.iderHeadTop .rt {
  height: 100%;
}

.iderHeadTop .lt p {
  font-size: 16px;
  color: #ffffff;
}
.iderHeader.inner .iderHeadBot ul a{
	color: #000 ;
}  
.iderHeader.inner .iderHeadBot{
	background-color: #fff;
}
.iderSearch .rt .search {
  width: 15px;
  height: 15px;
  object-fit: cover;
}

.iderHeadTop .iderSearch {
  height: 100%;
  position: relative;
  width: fit-content;
}

.iderSearch .search_click,
.iderSearch .header_search_box {
  height: 100%;
}

.iderSearch .header_search_box img {
  top: 50%;
  transform: translateY(-50%);
}

.language .icon {
  width: 22px;
  height: 18px;
  object-fit: cover;
  margin-right: 5px;
}

.language {
  position: relative;
  height: 100%;
  width: fit-content;
  cursor: pointer;
  margin-left: 20px;
}

.language p {
  font-size: 16px;
  color: #ffffff;
  margin-right: 15px;
}

.downLanguage a {
  font-size: .2rem;
  color: #000;
  transition: all 0.3s;
  line-height: .4375rem;
}

.downLanguage a:hover {
  color: var(--mainColor);
}

.language::after {
  display: block;
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  transition: all 0.3s;
  margin-left: 4px;
}

.language:hover::after {
  transform: rotate(180deg);
}

.downLanguage {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 45px;
  width: fit-content;
  height: auto;
  padding: .1875rem;
  background-color: #fff;
  box-shadow: 0 0 .125rem rgba(255, 255, 255, 0.7);
  border-bottom-left-radius: .125rem;
  border-bottom-right-radius: .125rem;
  z-index: 888;
}

.downLanguage .con {
  min-width: 100px;
  display: flex;
  flex-direction: column;
}

.iderHeadBot {
  position: fixed;
  top: 45px;
  z-index: 777;
  left: 0;
  width: 100%;
  height: 1.075rem;
  transition: all 0.3s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.iderHeadBot.active {
  top: 0;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
}

.iderHeadBot.active .menu-level1>li a {
  color: #000;
}

.iderHeadBot .contactUs a {
  color: #fff !important;
}

.iderHeadBot .logo {
  display: flex;
  align-items: center;
  width: 3.1625rem;
  height: .5625rem;
  margin-right: 3.25rem;
}

.iderHeadBot .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iderHeadBot .rt {
  flex: 1;
  height: 100%;
}

.menu-level1>li a {
  font-size: .225rem;
  letter-spacing: .0125rem;
  color: #ffffff;
  transition: all 0.3s;
}

.menu-level2 a,
.menu-level3 a {
  color: #000 !important;
  transition: all 0.3s;
}

.menu-level2 li a:hover,
.menu-level3 li:hover a{
	color:#fff !important;
}


.iderHeadBot .contactUs {
  width: 1.9125rem;
  height: .5375rem;
  background-color: var(--mainColor);
  border-radius: .2625rem;
  font-size: .225rem;
  text-align: center;
  line-height: .5375rem;
  letter-spacing: .0125rem;
  color: #ffffff;
  transition: all 0.3s;
}

.iderHeadBot .contactUs a {
  display: block;
  width: 100%;
}

.headerSwiper {
  position: relative;
  width: 100%;
  height: 12.15rem;
  overflow: hidden;
}
.headerSwiper  .samk{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
}
.headerSwiper .bg {
  width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: bottom;
}

.headerSwiper .swiper-slide,
.headerSwiper .com-card {
  position: relative;
}

#myVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.headerSwiper .text {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
}


.headerSwiper .text h2 {
  font-size: .9rem;
  font-family: "Archivo";
  width: 100%;text-align: center;
  color: #ffffff;

}

.headerSwiper .text h3 {
  font-size: .375rem;text-align: center;
  font-family: "Archivo";
  color: #ffffff;
  width: 100%;
  margin: .125rem 0;
}
.headerSwiper .text ul{
	
	width: 100%;
}
.headerSwiper .text li ,
.headerSwiper .text li p{
  width: 100%;
  font-size: .225rem;
  line-height: .45rem;text-align: center;
  color: #ffffff;
}

.headerSwiper-pagination {
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%);
  z-index: 55;
  bottom: 18px !important;
}

.headerSwiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 2px;
  background-color: #f3f5fa;
  border-radius: 1px;
  border-radius: 0;
  opacity: 1;
}

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

.iderIndexBox1 {
  width: 100%;
  height: auto;
  padding: 1rem 0 .7125rem 0;
}

.iderIndexBox1 .title {
  text-align: center;
  font-size: .225rem;
  color: #616161;
  margin-top: .125rem;
}

.iderIndexBox1 ul {
  width: 100%;
  height: auto;
  margin-top: .5rem;
}

.iderIndexBox1 li {
  width: 5.75rem;
  height: 5.5rem;
  background-color: var(--bgColor);
  margin: 0 .125rem .125rem 0;
}

.iderIndexBox1 li:nth-child(2),
.iderIndexBox1 li:last-child {
  margin-right: 0;
}

.iderIndexBox1 li:first-child {
  width: 11.625rem;
  background-color: #e5e9f4;
}

.iderIndexBox1 li .img {
  height: 4.375rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.iderIndexBox1 li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: .375rem;
}

.iderIndexBox1 li .img img {
  width: auto;
  height: auto;
  object-fit: contain;
  transition: all 0.3s;
}

.iderIndexBox1 li .text {
  flex: 1;
}

.iderIndexBox1 li .text .com-ls30 {
  flex: 1;
  margin: .25rem 0 .5rem 0;
}
.headerSwiper .text .mores{
	
	  margin-top: .1875rem;
	  margin: 0 auot;
}
.iderIndexBox1 li .text .mores ,
.headerSwiper .text .mores{ display: block;
  cursor: pointer;
  width: 1.9375rem;
  height: .5625rem;
  line-height: .5625rem;
  background-color: var(--mainColor);
  border-radius: .0625rem;
  font-size: .175rem;
  text-align: center;
  letter-spacing: .0125rem;
  transition: all 0.3s;
  color: #ffffff;
}

.iderIndexBox1 li:first-child a {
padding: 0;
}

.iderIndexBox1 li:first-child .img {
  width: 4.925rem;
  margin-left: .875rem;
  overflow: hidden;
  height: 4.925rem;
}

.iderIndexBox1 li .con {
  width: 100%;
  height: 100%;
  padding: .25rem .5rem .25rem .625rem;
}

.com-tl.lft {
  text-align: left;
}

.iderIndexBox2 {
  width: 100%;
  height: auto;
  padding: 1.375rem 0;
  background-color: var(--bgColor);
}

.iderIndexBox2 li {
  width: 4.3125rem;
  height: 4.425rem;
  position: relative;
  margin: 0 .075rem .075rem 0;
  overflow: hidden;
}.iderIndexBox2 li .samk{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	transition: all 0.3s; 
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.iderIndexBox2 li:hover  .samk{
	opacity: 1;
}
.iderIndexBox2 li:nth-child(3),
.iderIndexBox2 li:last-child {
  margin-right: 0;
}

.iderIndexBox2 li:first-child {
  width: 8.6875rem;
}

.iderIndexBox2 li .text {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  padding-bottom: .5625rem;
}

.iderIndexBox2 li .text .com-ls30 {
  line-height: .45rem;
  margin-top: .3125rem;
  flex: 1;
}

.iderIndexBox2 li .text .mores {
  text-decoration: underline !important;
  font-size: .2rem;
  color: var(--mainColor);
}

.iderIndexBox2 li .texts {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 0 0 .375rem .375rem;
  transition: all 0.3s;
}

.iderIndexBox2 li .texts::after {
  display: block;
  content: '';
  width: .55rem;
  position: absolute;
  bottom: .375rem;
  right: 0;
  height: .55rem;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im1-6.png) no-repeat;
  transition: all 0.3s;
  background-size: cover;
}

.iderIndexBox2 li .texts .com-ls30 {
  display: none;
  margin-top: .25rem;
}

.iderIndexBox2 li .texts .com-ls30,
.iderIndexBox2 li .texts .com-tl2 {
  color: #fff;
}

.iderIndexBox2 li:hover .com-ls30  {
  display: block;
}

.iderIndexBox2 li:hover .texts{
  padding-top: .3125rem;
  height: 100%;
}

.iderIndexBox2 li:hover .texts::after{
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im1-7.png) no-repeat;
  background-size: cover;
}

.iderIndexBox2 li:hover .texts   {
  width: 96%;
  height: 96%;
  left: 2%;
  bottom: 2%;
  border: 1px solid var(--mainColor);
}

.iderIndexBox3 {
  width: 100%;
  height: auto;
  padding: 1.25rem 0 .625rem 0;
  background-color: var(--mainColor);
}

.iderIndexBox3 .top .img {
  cursor: pointer;
  position: relative;
  width: 11.3625rem;
  height: 6.875rem;
  overflow: hidden;
  border-radius: 0px .5rem 0px .5rem;
  margin-left: .6875rem;
}

.iderIndexBox3 .top .img::after {
  position: absolute;
  display: block;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.05rem;
  height: .75rem;
  cursor: pointer;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im1-5.png) no-repeat;
  background-size: cover;
}

.iderIndexBox3 .top .text {
  flex: 1;
}

.iderIndexBox3 .top .com-tl,
.iderIndexBox3 .top .com-ls30,
.iderIndexBox3 .top .com-tl2 {
  color: #fff;
}

.iderIndexBox3 .top .com-tl2 {
  font-family: none;
  margin: .125rem 0;
}

.iderIndexBox3 .top .mores {
  display: block;
  width: 2.7rem;
  cursor: pointer;
  line-height: .5625rem;
  height: .5625rem;
  background-color: #ffffff;
  border-radius: .0625rem;
  font-size: .225rem;
  text-align: center;
  letter-spacing: .0125rem;
  margin-top: .25rem;
  color: var(--mainColor);
}

.iderIndexBox3 ul {
  width: 100%;
  margin-top: .625rem;
}

.iderIndexBox3 ul li {
  width: 4.25rem;
  height: 2.45rem;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px .0875rem 0px rgba(0, 0, 0, 0.08);
  border-radius: .0625rem;
}

.iderIndexBox3 li .icon {
  width: .525rem;
  object-fit: contain;
  height: auto;
  margin: .125rem 0;
}

.iderIndexBox3 li .nu,
.iderIndexBox3 li .nu h3 {
  font-size: .6rem;
  font-family: Archivo-SemiBold;
  letter-spacing: .0125rem;
  color: #ffffff;
}

.iderIndexBox3 li .nu p {
  font-size: .3rem;
  padding-top: .0625rem;
}

.iderIndexBox3 li .ls {
  font-size: .225rem;
  letter-spacing: .0125rem;
  color: #ffffff;
}

.iderIndexBox4 {
  width: 100%;
  height: auto;
  padding: .875rem 0;
  background-color: var(--bgColor);
}

.iderIndexBox4 ul {
  width: 100%;
  height: auto;
  margin-top: .5625rem;
}

.iderIndexBox4 ul li {
  width: calc((100% - .4875rem) / 4);
  height: 4.975rem;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: .5625rem .1875rem .3125rem .1875rem;
}

.iderIndexBox4 li img {
  width: .575rem;
  height: auto;
  object-fit: contain;
}

.com-ls16 ,
.com-ls16 a{
  font-size: .2rem;
  line-height: .375rem;
  color: #616161;
}

.iderIndexBox4 li .com-ls16 {
  text-align: center;
}

.iderIndexBox4 li h3 {
  font-size: .225rem;font-weight: 600;
  letter-spacing: .0125rem;
  color: var(--mainColor);
  margin: .3125rem 0 .4375rem 0;
}

.iderIndexBox5 {
  width: 100%;
  height: auto;
  padding: 1.125rem 0 .875rem 0;
}

.iderIndexBox5Swiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: .5rem;
}

.iderIndexBox5Swiper .img {
  width: 100%;
  height: 4.0875rem;
  overflow: hidden;
  transform: scale(0.9);
  transition: all 0.3s;
  opacity: 0.5;
}

.iderIndexBox5Swiper .swiper-slide {
  transition: 300ms;

}

.iderIndexBox5Swiper .swiper-slide-active .img,
.swiper-slide-duplicate-active .img {
  transform: scale(1);
  opacity: 1;
}



.iderIndexBox5-pagination {
  margin-top: .75rem;
}


.iderIndexBox6 {
  width: 100%;
  height: auto;
  padding: .875rem 0 1.0625rem 0;

}

.iderIndexBox6 .title a {
  text-decoration: underline !important;
  font-size: .2rem;
  color: var(--mainColor);
}

.iderIndexBox6Swiper {
  width: 100%;
  height: auto;
  margin-top: .45rem;
  overflow: hidden;
}

.iderIndexBox6Swiper .con {
  display: block;
  width: 100%;
  height: auto;
}

.iderIndexBox6Swiper .img {
  width: 100%;
  height: 4rem;
  overflow: hidden;
  position: relative;
}

.iderIndexBox6Swiper .time {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3.0625rem;
  height: .675rem;
  line-height: .675rem;
  background-color: rgba(67, 171, 240, 0.8);
  border-radius: .0125rem .375rem .0125rem .0125rem;
  font-size: .2rem;
  padding-left: .25rem;
  color: #ffffff;
}

.iderIndexBox6Swiper .text {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: .1875rem .25rem .5rem .375rem;
  height: 3.5375rem;
  transition: all 0.3s;
  background-color: var(--bgColor);
}

.iderIndexBox6Swiper .text h3 {
  font-size: .25rem;
  line-height: .45rem;
  font-weight: 600;
  color: #000000;
  transition: all 0.3s;
}

.iderIndexBox6Swiper .text .mores {
  font-size: .2rem;
  letter-spacing: .0125rem;
  color: rgba(0, 0, 0, 0.56);
  transition: all 0.3s;
}

.iderIndexBox6Swiper .swiper-slide-active .text {
  background-color: #ffffff;
  box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.11);
}

.iderIndexBox6Swiper .swiper-slide-active .text h3 {
  text-decoration: underline;
  color: var(--mainColor);
}

.iderIndexBox6Swiper .swiper-slide-active .text .mores {
  color: var(--mainColor);
  text-decoration: underline;
}

.iderIndexBox6Swiper .bto {
  margin-top: .625rem;
}

.iderIndexBox6-prev,
.iderIndexBox6-next {
  width: 51px;
  height: 43px;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im1-16.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  transition: all 0.3s;
}

.iderIndexBox6-prev {
  transform: rotate(180deg);
  margin-right: 6px;
}

.iderIndexBox6-prev:hover {
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im1-17.png) no-repeat;
  background-size: cover;
  transform: rotate(0);
}

.iderIndexBox6-next:hover {
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im1-17.png) no-repeat;
  background-size: cover;
  transform: rotate(180deg);
}




.iderIndexBox7 {
  width: 100%;
  height: auto;
  padding: 1.025rem 0;
}

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

.iderIndexBox7 ul {
  margin-top: .425rem;
}

.iderIndexBox7 li {
  width: 2.8125rem;
  height: 1.5rem;
  background-color: #ffffff;
  border-radius: 1px;
  overflow: hidden;
  border: solid 1px #e5e5e5;
  margin: 0 .125rem .2375rem 0;
  cursor: pointer;
  transition: all 0.3s;
}

.iderIndexBox7 li:nth-child(6n) {
  margin-right: 0;
}

.iderIndexBox7 li:hover {
  border: solid 1px var(--mainColor);
}

.iderIndexBox8 {
  width: 100%;
  height: 5.95rem;
}

.iderIndexBox8 .com-card {
  align-items: flex-start;
  justify-content: center;
}

.iderIndexBox8 h3 {
  font-family: Archivo-SemiBold;
  font-size: .6rem;
  line-height: .75rem;
  letter-spacing: .025rem;
  width: 55%;
  color: #f3f5fa;
}

.iderIndexBox8 a {
  display: block;
  width: 2.6875rem;
  height: .75rem;
  background-color: var(--mainColor);
  border-radius: .0625rem;
  text-align: center;
  line-height: .75rem;
  font-size: .225rem;
  letter-spacing: .0125rem;
  margin-top: .1875rem;
  color: #ffffff;
  transition: all 0.3s;
}

.iderFooter {
  width: 100%;
  height: auto;
  background-color: #122a3f;
}

.iderFooter .top {
  padding: .75rem 0 .3125rem 0;
}

.iderFooter .top .lt {
  width: 3.1875rem;
  height: auto;
  margin-right: 1.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.iderFooter .top ul {
  flex: 1;
  display: flex;
  justify-content: space-between;
}

.iderFooter .top .lt .logo {
  width: 3.1625rem;
  object-fit: cover;
  height: .5625rem;
}

.iderFooter .top .text {
  flex: 1;
  width: 100%;
  margin-top: .5rem;
}

.iderFooter .top .text .item img {
  height: auto;
  object-fit: contain;
  margin-right: .15rem;
}

.iderFooter .top .text .item p {
  font-size: .2rem;
  line-height: .375rem;
  flex: 1;
  color: #f3f5fa;
}

.footerLink a {
  width: .475rem;
  height: .475rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: .05rem;
  margin-right: 10px;
  transition: all 0.3s;
}

.footerLink a:hover {
  background-color: var(--mainColor);
  transform: translateY(-10px);
}

.footerLink a img {
  width: auto;
  height: .225rem;
  object-fit: contain;
}

.iderFooter li h3 {
  font-size: .225rem;
  font-family: Archivo;
  letter-spacing: .0125rem;
  color: #f3f5fa;
  margin-bottom: .375rem;
}

.iderFooter li {
  display: flex;
  flex-direction: column;
}

.iderFooter li a {
  font-size: .2rem;
  line-height: .375rem;
  color: #f3f5fa;
  transition: all 0.3s;
}

.iderFooter li a:hover {
  color: var(--mainColor);
  text-decoration: underline !important;
}

.iderFooter li .form {
  width: 4.6875rem;
  height: auto;
}

.iderFooter li .form .info {
  position: relative;
  height: .625rem;
  margin-bottom: .0625rem;
}

.iderFooter li input[type=text] {
  height: 100%;
  width: 100%;
  font-size: .2rem;
  padding-left: .1875rem;
  color: #f3f5fa;
  background-color: rgba(240, 233, 233, 0.1);
}

.iderFooter li input[type=text]::placeholder,
.iderFooter li .form .info textarea::placeholder {
  color: #f3f5fa;
}

.iderFooter li .form .info.textarea {
  width: 100%;
  height: 1.25rem;
}

.iderFooter li .form .info textarea {
  height: 100%;
  width: 100%;
  background-color: rgba(240, 233, 233, 0.1);
  font-size: .2rem;
  padding: .1875rem 0 0 .1875rem;
  color: #f3f5fa;
}

.iderFooter li .form .lss {
  font-size: .2rem;
  line-height: .3rem;
  color: #f3f5fa;
  margin: .15rem 0 .1875rem 0;
}

.iderFooter li input[type=submit] {
  width: 2.6875rem;
  height: .5625rem;
  line-height: .5625rem;
  background-color: var(--mainColor);
  border-radius: .0625rem;
  font-size: .2rem;
  text-align: center;
  letter-spacing: .0125rem;
  color: #ffffff;
  transition: all 0.3s;
  margin-bottom: .25rem;

}

.iderFooter .bottom {
  font-size: .2rem;
  line-height: .45rem;
  padding: .375rem 0;
  border-top: 1px solid rgba(247, 242, 242, 0.12);
  letter-spacing: .0125rem;
  color: #f3f5fa;
}

/* Classification */
.innerBanner {
  position: relative;
  width: 100%;
  height: 9.325rem;
}

.innerBanner .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

.comNav {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: .2875rem;
}

.comNav a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #d7d8d8;
  transition: all 0.3s;
}
.comNav  ul{
	display: flex;
	    align-items: center;
	    flex-wrap: wrap;
}
.comNav  ul i{
	color: #fff !important;
	display: inline-block;
	margin: 0 3px;
}
.comNav a:hover,
.comNav a.active {
  font-weight: 700;
}

.iderClassificationBox1 {
  width: 100%;
  height: auto;
  padding-top: .9375rem;
}

.iderClassificationBox1 .com-card {
  align-items: baseline;
  padding-bottom: .75rem;
  align-items: flex-start;
  border-bottom: 1px solid rgba(204, 198, 198, 0.2);
}

.iderClassificationLt {
  width: 4.125rem;
  height: auto;
  margin-right: .85rem;
  position: sticky;
  top: 1.125rem;
  z-index: 33;
}

.iderClassificationLt .lt {
  width: 100%;
background-color: #fff;
  position: sticky;
  top: 30px;
}

.iderClassificationLt .title {
  width: 100%;
  height: .725rem;
  background-color: var(--mainColor);
  border-radius: .025rem;
  background-color: var(--mainColor);
  font-family: Archivo-SemiBold;
  font-size: .3rem;
  line-height: .725rem;
  padding-left: .3rem;
  color: #ffffff;
}

.iderClassificationLt .menus {
  width: 100%;
  height: auto;
  background-color: #fff;
  margin-top: .25rem;
}

.iderClassificationLt .menus>.menu-items>a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-family: Archivo-SemiBold;
  font-size: .225rem;
  height: .625rem;
  border-bottom: 1px solid #4a4a4a;
  color: #000000;
  transition: all 0.3s ease;
}

.iderClassificationLt .arrow {
	position: relative;
right:0;
flex:1;
 height: 100%;
  cursor: pointer;
  z-index: 2;

}
.iderClassificationLt .arrow::after{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: .15rem;
	height: .1rem;
	background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im2.png) no-repeat;
	background-size: cover;
	  filter: brightness(0);
	  transition: all 0.3s;
}
.iderClassificationLt .submenus {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s;
}

.iderClassificationLt .menu-items.active>a {
  border-bottom: none;
}

.iderClassificationLt .menu-items.active .arrow::after {
  transform: translateY(-50%) rotate(-90deg);
  filter: none;
}

.iderClassificationLt .menu-items.active .submenus {
  max-height: 600px;
  overflow: visible;
}

.iderClassificationLt .submenus a {
  display: flex;
  align-items: center;
  font-size: .2rem;
  line-height: .375rem;
  color: #616161;
  transition: all 0.3s; 
}
.iderClassificationLt .submenus a:hover{
  color:var(--mainColor);
}
.iderClassificationLt .submenus a.active{
	color:var(--mainColor);
}

.iderClassificationLt .submenus a::before {
  display: block;
  content: '';
  width: .075rem;
  height: .075rem;
  border-radius: 50%;
  margin-right: .0875rem;
  background-color: #4a4a4a;
}

.iderClassificationRt {
  flex: 1;
}

.iderClassificationRt .title {
  margin-top: .0625rem;
}

.iderClassificationRt .title .com-ls16 {
  margin-bottom: .3125rem;

}

.iderClassificationRt ul.flex-wp {
  width: 100%;
  margin-top: .4375rem;
  height: auto;
}

.iderClassificationRt .flex-wp li {
  width: 3.05rem;
  height: auto;
  margin: 0 .1rem .375rem 0;
}

.iderClassificationRt .flex-wp li:nth-child(4n) {
  margin-right: 0;
}

.iderClassificationRt .flex-wp li .img {
  width: 100%;
  height: 2.825rem;
  border: solid .0125rem #f3f5fa;
  overflow: hidden;
}

.iderClassificationRt li .text {
  width: 100%;
  height: 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: .125rem .25rem .3rem .1875rem;
  background-color: #f3f5fa;
  border-radius: 1px;
}

.com-tl3 {
  font-size: .2rem;
  line-height: .3rem;
  color: #616161;
  font-weight: 600;
  transition: all 0.3s;
}

.iderClassificationRt li .mores {
  width: 2.4rem;
  height: .575rem;
  line-height: .575rem;
  border-radius: .075rem;
  border: solid 1px var(--mainColor);
  font-size: .2rem;
  transition: all 0.3s;
  text-align: center;
  color: var(--mainColor);
}

.iderClassificationRt li:hover .com-tl3 {
  color: var(--mainColor);
}

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

.iderClassificationBox2 {
  width: 100%;
  height: auto;
  padding: 1rem 0;
}

.iderClassificationBox2 .table {
  display: block;
  width: 100%;
overflow-x: scroll;
  margin-top: .5625rem;
}

.iderClassificationBox2 table {
  width: 100%;
  height: auto;
  overflow-x: scroll;
}

.iderClassificationBox2 table th {
  font-size: .225rem;
  height: .725rem;
  color: #ffffff;
      white-space: nowrap;
  background-color: var(--mainColor);
  border-radius: 1px;
  border-right: 1px solid #fff;
}

.iderClassificationBox2 table td {
  height: 58px;
  border-radius: .0125rem;
  font-size: .2rem;
  color: #000000;
      white-space: nowrap;
  background-color: #f3f5fa;
  border: 1px solid #fff;
  text-align: center;
}

.iderClassificationBox2 table tr td:first-child {
  width: 30%;
}

.iderClassificationBox2 table tr:nth-child(2n) td {
  background-color: #d6dcec;
}

.iderClassificationBox2 table .dot {
  width: 9px;
  height: 9px;
  background-color: #252525;
  border-radius: 50%;
  margin: 0 auto;
}

.iderClassificationBox3 {
  width: 100%;
  height: auto;
  padding: .75rem 0 1.25rem 0;
  background-color: var(--bgColor);
}

.iderClassificationBox3 ul {
  margin-top: .625rem;
}

.iderClassificationBox3 ul li {
  cursor: pointer;
  width: 100%;
  display: flex;
  height: 5.5rem;
  border-radius: 1px;
}

.iderClassificationBox3 ul li:nth-child(2n) {
  flex-direction: row-reverse;
}

.iderClassificationBox3 .img {
  width: 8.7375rem;
  height: 100%;
  overflow: hidden;
}

.iderClassificationBox3 .text {
  flex: 1;
  height: 100%;
  background-color: #ffffff;
  padding: .9375rem 1.125rem .25rem .6875rem;
}

.iderClassificationBox3 .text .title {
  margin-bottom: .25rem;
}

.iderClassificationBox3 .text .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4875rem;
  height: 1.375rem;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im2-1.png) no-repeat;
  background-size: cover;
  margin-right: .3375rem;
}

.iderClassificationBox3 .text .icon img {
  width: auto;
  height: .625rem;
  object-fit: contain;
  transition: all 0.5s;
}

.iderClassificationBox3 li:hover .icon img {
  transform: rotate(360deg);
}

.iderClassificationBox3 .text h3 {
  font-family: Archivo-SemiBold;
  font-size: .3rem;
  color: #000000;
}


.iderClassificationBox4 {
  width: 100%;
  height: auto;
  padding-top: 1.375rem;
}

.iderClassificationBox4 .com-card {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(71, 71, 71, 0.2);
}

.iderClassificationBox4 .img {
  width: 7.6125rem;
  overflow: hidden;
  height: 8.1125rem;
  border-radius: 1px;
  margin-right: .4125rem;
}

.iderClassificationBox4 .text {
  flex: 1;
}

.iderClassificationBox4List {
  width: 100%;
  margin-top: .375rem;
  height: auto;
}

.iderClassificationBox4List .item {
  transition: all 0.3s;
  margin-bottom: .1875rem;
}

.iderClassificationBox4List .item .tl {
  cursor: pointer;
  width: 100%;
  height: .75rem;
  padding: 0 .25rem;
  transition: all 0.3s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.iderClassificationBox4List .item .tl h3 {
  font-family: Archivo-Medium;
  font-size: .275rem;
  color: #000000;
}

.iderClassificationBox4List .item .tl::after {
  display: block;
  content: '';
  width: .4375rem;
  cursor: pointer;
  height: .4375rem;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im2-6.png) no-repeat;
  background-size: cover;
  transition: all 0.3s;
}

.iderClassificationBox4List .item li {
  font-size: .2rem;
  line-height: .45rem;
  padding-left: .2125rem;
  color: #5c5c5c;
  position: relative;
}

.iderClassificationBox4List .item li::after {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: '';
  width: .1125rem;
  height: .1125rem;
  border-radius: 50%;
  background-color: #418ed1;
}

.iderClassificationBox4List .item .lss {
  display: none;
}

.iderClassificationBox4List .item .lss p {
  font-family: OpenSans-SemiBold;
  font-size: .2rem;
  margin-bottom: .0625rem;
  color: #252525;
  transition: all 0.3s;
}

.iderClassificationBox4List .item.active {
  background-color: #ffffff;
  box-shadow: 0px 0px .3375rem 0px rgba(108, 108, 108, 0.2);
  padding: .125rem .25rem .25rem;
  margin-bottom: .3125rem;
}

.iderClassificationBox4List .item.active .tl {
  padding: 0;
}

.iderClassificationBox4List .item.active .tl {
  border-bottom: none;
}

.iderClassificationBox4List .item.active .tl::after {
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im2-7.png) no-repeat;
  background-size: cover;
}

.iderClassificationBox5 {
  width: 100%;
  height: auto;
  padding-top: .875rem;
}

.iderClassificationBox5 ul {
  margin-top: .4375rem;
}

.iderClassificationBox5 li {
  width: 4.325rem;
  height: auto;
}

.iderClassificationBox5 li .img {
  width: 100%;
  padding: .225rem .5rem;
  height: 4.1375rem;
  background-color: var(--bgColor);
  overflow: hidden;
}

.iderClassificationBox5 li .img img {
  height: auto;
}

.iderClassificationBox5 li .name {
  width: 100%;
  font-size: .25rem;
  text-align: center;
  color: #000000;
  border-top: 1px solid #fff;
  height: 1.05rem;
  line-height: 1.05rem;
  background-color: var(--bgColor);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iderClassificationBox6 {
  width: 100%;
  height: auto;
  padding: 1.125rem 0 .875rem 0;
}
.iderClassificationBox6 .com-card{
  position: relative;
}
.iderClassificationBox6  .bg{
  width: 100%;
  height: auto;
  object-fit: cover;
  vertical-align: bottom;
}

.iderClassificationBox6 .con {
  width: 100%;
  height: 5.1625rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  justify-content: center;
}

.iderClassificationBox6 .con h3 {
  font-family: Archivo-SemiBold;
  font-size: .45rem;
  color: #000000;
}

.iderClassificationBox6 .con .ls {
  font-size: .225rem;
  line-height: .45rem;
  width: 60%;
  text-align: center;
  margin: .125rem 0 .3125rem 0;
  color: #000000;
}

.iderClassificationBox6 .con .mores {
  width: 2.4rem;
  height: .575rem;
  cursor: pointer;
  display: block;
  line-height: .575rem;
  background-color: var(--mainColor);
  border-radius: .075rem;
  font-size: .225rem;
  text-align: center;
  letter-spacing: 1px;
  transition: all 0.3s;
  color: #ffffff;
}

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

.innerBanner .text h2 {
  font-family: Archivo;
  font-size: .6rem;
  color: #ffffff;
}

.innerBanner .text .ls {
  font-size: .25rem;
  line-height: .45rem;
  letter-spacing: .0125rem;
  color: #ffffff;
  margin-top: .125rem;
  width: 49%;
}

.iderServiceBox1 {
  width: 100%;
  height: auto;
  padding: .875rem 0;
  background-color: var(--bgColor);
}

.iderServiceBox1 .text {
  margin-top: .3125rem;
}

.iderServiceBox1 .text .com-ls30 {
  margin-bottom: .3125rem;
}

.iderServiceBox2 {
  width: 100%;
  height: auto;
  padding-top: .875rem;
}

.iderServiceBox2 .com-card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.iderServiceBox2 .title {
  margin-top: .125rem;
  text-align: center;
}

.iderServiceBox2 ul {
  width: 100%;
  height: auto;
  margin-top: 1.125rem;
  justify-content: space-between;
}

.iderServiceBox2 ul li {
  width: calc((100% - 1rem) / 3);
  margin-bottom: 1.125rem;
  cursor: pointer;
}

.iderServiceBox2 li .img {
  width: .975rem;
  height: .975rem;
  background-color: #ffffff;
  box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.13);
  border-radius: 50%;
  transition: all 0.5s;
  margin-right: .2125rem;
}

.iderServiceBox2 li .img img {
  width: .525rem;
  height: auto;
  object-fit: contain;
}

.iderServiceBox2 li .text {
  flex: 1;
}

.iderServiceBox2 li .text h3 {
  font-family: Archivo;
  font-size: .3rem;
  letter-spacing: .0125rem;
  color: #3d3d3d;
  transition: all 0.3s;
  margin-bottom: .125rem;
}

.iderServiceBox2 ul li:hover h3 {
  text-decoration: underline;
  color: var(--mainColor);
  transform: translateX(10%);
}

.iderServiceBox2 ul li:hover .img {
  transform: rotate(360deg);
}

.iderServiceBox3 {
  width: 100%;
  height: auto;
  padding-top: .6875rem;
}

.iderServiceBox3 .com-card {
  padding-bottom: 1.125rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.iderServiceBox3 .com-tl {
  margin-bottom: .75rem;
}

.iderServiceBox3 .item .tl {
  font-family: Archivo-SemiBold;
  font-size: .3rem;
  white-space: nowrap;
  margin-bottom: .3125rem;
  color: rgba(0, 0, 0, 0.7);
}

.iderServiceBox3 .item .tl::after {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  margin-left: .225rem;
  background-color: rgba(0, 0, 0, 0.1);
}

.iderServiceBox3 .item li {
  width: 4.25rem;
  cursor: pointer;
  height: 2.1rem;
  background-color: #ffffff;
  box-shadow: 0px 0px .225rem 0px rgba(0, 0, 0, 0.11);
  border-radius: 1px;
  margin: 0 .1625rem .15rem 0;
}
.iderServiceBox3 .item:last-child li:last-child{
	display: flex;
	align-items: center;
	justify-content: center;
}
.iderServiceBox3 .item li:nth-child(4n) {
  margin-right: 0;
}
.iderServiceBox3 .list-paddingleft-2,
.iderServiceBox5 .list-paddingleft-2,
.iderServiceBox6 .list-paddingleft-2,
.iderApplicationBox3 .list-paddingleft-2,
.iderClassificationBox5 .list-paddingleft-2,
.iderClassificationBox3 .list-paddingleft-2,
.iderAboutBox4Con .list-paddingleft-2,
.iderIndexBox7  .list-paddingleft-2,
.iderAboutBox7 .list-paddingleft-2,
.iderIndexBox1 .list-paddingleft-2,
.iderIndexBox2 .list-paddingleft-2{
	padding: 0 !important;
}
.productCrumbs{
  margin-top: 1.075rem;
}

.iderServiceBox3 .item li .img {
  width: 100%;
  height: 1.5rem;
  overflow: hidden;
  padding: .1875rem .375rem;
}

.iderServiceBox3 .item li img {
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: all 0.3s;
}

.iderServiceBox3 .item li .name {
  font-size: .2rem;
  text-align: center;
  color: #000000;
  transition: all 0.3s;
}

.iderServiceBox3 .item li:hover .name {
  color: var(--mainColor);
}

.iderServiceBox3itm1 {
  margin-bottom: .375rem;
}

.iderServiceBox3itm2 li:last-child .name {
  font-size: .3rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  color: var(--mainColor);
}

.iderServiceBox4 {
  width: 100%;
  height: auto;
  padding: .75rem 0;
}

.iderServiceBox4Swiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: .675rem;
}

.iderServiceBox4Swiper .img {
  width: 100%;
  height: 4.2875rem;
  overflow: hidden;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
  padding: .1625rem;
}

.iderServiceBox4Swiper .img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: all 0.3s;
}

.iderServiceBox4-pagination {
  margin-top: .5rem;
}

.iderServiceBox5 {
  width: 100%;
  height: auto;
  background-color: var(--bgColor);
  padding: .75rem 0;
}

.iderServiceBox5 ul {
  width: 100%;
  margin-top: .875rem;
}

.iderServiceBox5 li {
  position: relative;
  width: 4.2125rem;
  height: auto;
  cursor: pointer;
  margin: 0 .2125rem .6875rem 0;
}

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

.iderServiceBox5 li .img {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 3.5875rem;
}

.iderServiceBox5 li .nu {
  position: absolute;
  width: 1.3375rem;
  left: 50%;
  transform: translateX(-50%);
  top: -0.2375rem;
  height: .475rem;
  font-family: Archivo-SemiBold;
  font-size: .225rem;
  line-height: .475rem;
  z-index: 2;
  text-align: center;
  color: #ffffff;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im4.png) no-repeat;
  background-size: cover;
}

.iderServiceBox5 li .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all 0.3s;

  background-color: rgba(66, 140, 209, 0.9);
}

.iderServiceBox5 li .text h3 {
  font-family: Archivo-SemiBold;
  font-size: .225rem;
  color: #f4f4f4;
  margin-bottom: .125rem;
}

.iderServiceBox5 li .text .com-ls16 {
  color: #fff;
}

.iderServiceBox5 li .name {
  width: 100%;
  height: .825rem;
  line-height: .825rem;
  text-align: center;
  background-color: #ffffff;
  border: solid 1px #ffffff;
  font-family: Archivo-SemiBold;
  font-size: .225rem;
  text-align: center;
  color: #292929;
}

.iderServiceBox5 li:hover .text {
  height: 100%;
  overflow: visible;
  padding: .75rem .4125rem .25rem .4125rem;
}

.iderServiceBox6 {
  width: 100%;
  height: auto;
  padding: 1.125rem 0;
}

.iderServiceBox6 ul {
  margin-top: .625rem;
}

.iderServiceBox6 li {
  width: 5.8rem;
  height: auto;
  margin: 0 .05rem  .2375rem 0;
}

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

.iderServiceBox6 li .img {
  width: 100%;
  height: 4.025rem;
  overflow: hidden;
}

.iderServiceBox6 li .text {
  width: 100%;
  height: 2.9375rem;
  padding: .3125rem .3125rem .1875rem .3125rem;
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
}

.iderServiceBox6 li h3 ,
.iderServiceBox6 li h3 a{
  font-family: Archivo;
  font-size: .225rem;
  letter-spacing: .0125rem;
  text-align: center;
  margin-bottom: .125rem;
  color: #418ed1;
}

.iderServiceBox6 li .com-ls16 {
  text-align: center;
}

.iderServiceBox7 {
  width: 100%;
  height: auto;
  padding: .75rem 0;
  background-color: var(--bgColor);
}

.iderServiceBox7Con {
  width: 100%;
  height: auto;
  margin-top: 1.25rem;
}

.iderServiceBox7Con .itemList {
  width: calc((100% - 1.2rem) / 2);
}

.iderServiceBox7Con .item .tl {
  cursor: pointer;
  height: .75rem;
  border-bottom: 1px solid #3d3d3d;
  transition: all 0.3s;
}

.iderServiceBox7Con .item .tl h3 {
  font-family: Archivo-Medium;
  font-size: .225rem;
  letter-spacing: .0125rem;
  transition: all 0.3s;
  flex: 1;
  margin-right: .125rem;
  color: #3d3d3d;
}

.iderServiceBox7Con .item .text {
  display: none;
  padding: .125rem 0 .375rem 0;
}

.iderServiceBox7Con .item .tl::after {
  display: block;
  content: '+';
  font-size: .3rem;
  color: #3d3d3d;
}

.iderServiceBox7Con .item.active .tl {
  border-bottom: 1px solid var(--mainColor);
}

.iderServiceBox7Con .item.active .tl h3 {
  color: var(--mainColor);
}

.iderServiceBox7Con .item.active .tl::after {
  display: block;
  font-size: .5rem;
  content: '-';
  color: var(--mainColor);
}
.list-paddingleft-2{
	padding: 0 !important;
}
.iderClassificationBox5.inner {
  padding: 1.25rem 0;
}
.iderClassificationBox5.inner  ul{
	flex-wrap: wrap;
	justify-content: flex-start;
}
.iderClassificationBox5.inner li {
         margin: 0 .0625rem .125rem 0;
}
.iderClassificationBox5 li:nth-child(4n){
	margin-right: 0;
}
.iderIndexBox8 .ls {
  font-size: .375rem;
  letter-spacing: .025rem;
  margin: .125rem 0;
  color: #f3f5fa;
}

.iderAboutBox1 {
  width: 100%;
  height: auto;
  padding: 1rem 0;
}

.iderAboutBox1 .img {
  width: 8.0625rem;
  overflow: hidden;
  height: 6.9625rem;
  margin-left: .5rem;
}

.iderAboutBox1 .text {
  flex: 1;
}

.iderAboutBox1 .text .com-tl {
  margin-bottom: .0625rem;
}

.iderAboutBox1 .text .com-ls16 {
  margin-bottom: .25rem;
}

.iderAboutBox1 .text .bto a {
  display: block;
  cursor: pointer;
  width: 2.9375rem;
  height: .625rem;
  border-radius: .0625rem;
  border: solid 1px var(--mainColor);
  font-family: Archivo-SemiBold;
  font-size: .225rem;
  text-align: center;
  line-height: .625rem;
  color: var(--mainColor);
  margin-right: .125rem;
  transition: all 0.3s;
}

.iderAboutBox1 .text .bto a:first-child {
  background-color: var(--mainColor);
  color: #fff;
}

.iderAboutBox2 {
  width: 100%;
  height: auto;
  padding: .875rem 0;
  background-color: var(--bgColor);
}

.iderAboutBox2Con {
  width: 100%;
  height: auto;
  margin-top: .6875rem;
}

.iderAboutBox2Con .item {
  width: calc((100% - .3125rem) / 2);
  background-color: #ffffff;
  border-radius: .125rem;
  height: 8.9rem;
  padding-top: .4375rem;
}

.iderAboutBox2Con .item .icon {
  width: 1rem;
  height: auto;
  object-fit: contain;
}


.iderAboutBox2Con .item h3 {
  font-family: Archivo-SemiBold;
  font-size: .3rem;
  color: var(--mainColor);
  margin: .1875rem 0;
}

.iderAboutBox2Con .item .tl {
  font-size: .225rem;
  font-weight: 600;
  color: #000000;
}

.iderAboutBox2Con .item li ,
.iderAboutBox2Con .item li p{
  font-size: .2rem;
  line-height: .375rem;
  color: #000000;
}

.iderAboutBox2Con .itemLt {
  padding: .4375rem 1rem .25rem .6875rem;
}

.iderAboutBox2Con .itemRt h3 {
  padding-left: .65rem;
}

.iderAboutBox2Con .itemRt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.iderAboutBox2Con .itemRt .icon {
  margin-left: .65rem;
}

.iderAboutBox2Con .itemRt .text {
  padding: 0 1rem 0 .65rem;
  flex: 1;

}

.iderAboutBox2Con .itemRt .img {
  width: 100%;
  height: 3.1rem;
  overflow: hidden;
  border-radius: 0 0 .125rem .125rem;
}



.iderAboutBox4 {
  width: 100%;
  height: auto;
  padding: 1.125rem 0 .75rem 0;
}

.iderAboutBox4 .com-tl {
  margin: .375rem 0 .125rem 0;
}

.iderAboutBox4 .nav .item {
  width: 2.25rem;
  cursor: pointer;
  height: .625rem;
  line-height: .625rem;
  background-color: #f3f5fa;
  border-radius: .0625rem;
  border: solid 1px #e5e5e5;
  font-family: Archivo-SemiBold;
  font-size: .225rem;
  text-align: center;
  margin-right: .1375rem;
  transition: all 0.3s;
  color: #000000;
}

.iderAboutBox4 .nav .item:last-child {
  margin-right: 0;
}

.iderAboutBox4 .nav .item.active {
  background-color: var(--mainColor);
  color: #fff;
}

.iderAboutBox4 .title {
  text-align: center;
  width: 70%;
  margin: 0 auto;
}

.iderAboutBox4Con {
  width: 100%;
  height: auto;

}
.iderAboutBox4Con ul{
	  margin-top: .4375rem;
}
.iderAboutBox4Con li {
  width: 4.125rem;
  cursor: pointer;
  height: 3.0625rem;
  overflow: hidden;
  margin: 0 .325rem .375rem 0;
}

.iderAboutBox4List {
  display: none;
}

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

.iderAboutBox5 {
  width: 100%;
  height: auto;
  padding: .75rem 0 .625rem 0;
  background-color: var(--bgColor);
}

.iderAboutBox5 ul {
  margin-top: .5625rem;
}

.iderAboutBox5 li {
  width: 5.625rem;
  height: auto;
}

.iderAboutBox5 li .img {
  width: 100%;
  height: 3.6625rem;
  border-bottom: .05rem solid var(--mainColor);
}

.iderAboutBox5 li .img img {
  width: auto;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

.iderAboutBox5 li .text {
  width: 100%;
  height: 5rem;
  background-color: #ffffff;
  padding: .5rem .375rem .25rem .3125rem;
}

.iderAboutBox5 li .text h3 {
  font-family: Archivo-SemiBold;
  font-size: .3rem;
  color: #000000;
}

.iderAboutBox5 li .text p {
  position: relative;
  font-size: .225rem;
  color: #000000;
  margin: .125rem 0 .375rem 0;
  padding-left: .5625rem;
}

.iderAboutBox5 li:first-child p {
  padding-right: 48%;
}

.iderAboutBox5 li .text p::after {
  position: absolute;
  left: 0;
  top: .15rem;
  display: block;
  content: '';
  width: .4375rem;
  height: .025rem;
  background-color: #000;
}

.iderAboutBox5 .title {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  margin-top: .125rem;
}

.iderAboutBox5 li .com-ls16,
.iderAboutBox5 .title {
  color: #000;
}



.iderAboutBox6 {
  width: 100%;
  height: auto;
  padding: .75rem 0;
}

.iderAboutBox6Swiper {
  width: 100%;
  height: auto;
  margin-top: .625rem;
  overflow: hidden;
}

.iderAboutBox6Swiper .img {
  width: 100%;
  height: 4.85rem;
  padding: .1875rem .15rem;
  overflow: hidden;
  background-color: #ffffff;
  border: solid 1px #d7d8d8;
}

.iderAboutBox6Swiper .img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: all 0.3s;
}

.iderAboutBox6Swiper .name {
  width: 100%;
  height: .9625rem;
  line-height: .9625rem;
  background-color: #f3f5fa;
  font-size: .225rem;
  text-align: center;
  color: #000000;
}

.iderAboutBox6-pagination {
  margin-top: .25rem;
}

.iderIndexBox7.inner {
  background-color: var(--bgColor);
}

.iderAboutBox7 {
  width: 100%;
  height: auto;
  padding: .75rem 0;
}

.iderAboutBox7 .title {
  margin-top: .125rem;
  text-align: center;
}

.iderAboutBox7Con {
  width: 100%;
  height: auto;
  margin-top: .4375rem;
}

.iderAboutBox7Con .lt {
  display: block;
  width: 7.275rem;
  height: auto;
  margin-right: .1875rem;
}

.iderAboutBox7Con .lt .img {
  width: 100%;
  height: 6.7875rem;
  overflow: hidden;
}

.iderAboutBox7Con .lt .text {
  width: 100%;
  height: 1.8125rem;
  justify-content: center;
  background-color: var(--bgColor);
}

.iderAboutBox7Con .lt .text h3 {
  font-size: .3rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: .25rem;
}

.iderAboutBox7Con .lt .mores {
  color: var(--mainColor);
  text-decoration: underline;
}

.iderAboutBox7Con .mores {
  font-size: .2rem;
  color: #0d0d0d;
  transition: all 0.3s;
}

.iderAboutBox7Con ul {
  flex: 1;
}

.iderAboutBox7Con li {
  width: 3.2rem;
  height: auto;
  margin: 0 .2125rem .3125rem 0;
}

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

.iderAboutBox7Con li .img {
  width: 100%;
  height: 3.4125rem;
  overflow: hidden;
}

.iderAboutBox7Con li:hover .mores {
  color: var(--mainColor);
  text-decoration: underline;
}

.iderAboutBox7Con li .text {
  width: 100%;
  height: .75rem;
  background-color: var(--bgColor);
  line-height: .75rem;
  text-align: center;
}

.iderApplicationBox1 .text h2 {
  font-size: .45rem;
}

.iderApplicationBox1 .text .ls {
  font-size: .3rem;
  line-height: .6rem;
  color: #f3f5fa;
  width: 34%;
}

.iderApplicationBox2 {
  width: 100%;
  height: auto;
  padding: 1rem 0;
}

.iderApplicationBox2 .text {
  margin-top: .375rem;
}

.iderApplicationBox2 .text .com-ls30 {
  margin-bottom: .3125rem;
}

.iderApplicationBox3 {
  width: 100%;
  height: auto;
  padding: .9375rem 0;
  background-color: var(--bgColor);
}

.iderApplicationBox3Con {
  width: 100%;
  margin-top: .75rem;
}

.iderApplicationBox3Con .item .tl {
  font-family: Archivo-SemiBold;
  font-size: .3rem;
  color: #000000;
  position: relative;
  margin-bottom: .1625rem;
  padding-left: .5rem;
}

.iderApplicationBox3Con .item {
  width: 8.6rem;
  height: auto;
  margin: 0 .3rem .5rem 0;
}

.iderApplicationBox3Con .item:nth-child(2n) {
  margin-right: 0;
}

.iderApplicationBox3Con .item .tl::before {
  display: block;
  content: '';
  position: absolute;
  left: .225rem;
  top: -0.1875rem;
  width: .0125rem;
  height: .6rem;
  transform: rotate(45deg);
  background-color: var(--mainColor);
}

.iderApplicationBox3Con .item .img {
  width: 100%;
  height: 4.8rem;
  overflow: hidden;
}

.iderApplicationBox3Con .item .text {
  width: 100%;
  height: 4.675rem;
  background-color: #ffffff;
  padding: .125rem .4375rem .25rem .3125rem;
}
.iderApplicationBox3Con .item .text .top{
	margin-bottom: 3%;
}
.iderApplicationBox3Con .item .text .top p {
  font-size: .2rem;
  line-height: .375rem;
  color: #616161;
}

.iderApplicationBox3Con .item .text .top p strong {
  font-weight: 700;
  font-size: .2rem;
  line-height: .375rem;
}

.iderApplicationBox3Con .item .text .ls p {
  font-family: Archivo-SemiBold;
  font-size: .225rem;
  color: #000000;
}
.iderApplicationBox3Con .item .text ul{
	margin-top: 2%;
}
.iderApplicationBox3Con .item li ,
.iderApplicationBox3Con .item li  p{
  font-size: .2rem !important;
  line-height: .3rem !important;
  font-family: inherit !important; 
  font-weight: normal !important; 
  color: #616161 !important;
  margin-bottom: .125rem;
}

.iderApplicationBox3Con .lastItem {
  width: 100%;
  height: 4.8rem;
  margin-right: 0;

}

.iderApplicationBox3Con .lastItem .bto {
  display: flex;
  height: 100%;
}

.iderApplicationBox3Con .lastItem .img {
  height: 100%;
  width: 8.6rem;
  overflow: hidden;
}

.iderApplicationBox3Con .lastItem .bto .text {
  flex: 1;
  height: 100%;
  padding-top: .5rem;
}

.iderApplicationBox4 {
  width: 100%;
  height: auto;
  padding: 1rem 0;
}

.iderApplicationBox4 ul {
  margin-top: .625rem;
  justify-content: space-between;
}

.iderApplicationBox4 li {
  cursor: pointer;
  width: calc((100% - .1875rem) / 2);
  margin-bottom: .15rem;
  height: 3.15rem;
  background-color: var(--bgColor);
  padding: .5rem .75rem .25rem .4875rem;
  border-radius: .0625rem;
}

.iderApplicationBox4 li .img {
  width: 1rem;
  border-radius: 50%;
  height: 1rem;
  background-color: rgba(57, 133, 177, 0.1);
  margin-right: .3375rem;
}

.iderApplicationBox4 li img {
  width: auto;
  height: .575rem;
  object-fit: contain;
  transition: all 0.3s;
}

.iderApplicationBox4 li .text {
  flex: 1;
}

.iderApplicationBox4 li .text h3 {
  font-family: Archivo-SemiBold;
  margin-bottom: .15rem;
  font-size: .25rem;
  color: var(--mainColor);
}

.iderApplicationBox4 li:hover img {
  transform: scale(1.1);
}

.iderApplicationBox4 li .text .com-ls16 {
  color: #000000;
}

.iderApplicationBox5 {
  width: 100%;
  height: auto;
  padding: 1.0625rem 0 1.1125rem 0;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/bg6.png) no-repeat;
  background-size: cover;
}

.iderApplicationBox5 .com-ls16,
.iderApplicationBox5 .com-tl {
  color: #fff;
}

.iderApplicationBox5 .title {

  text-align: center;
  width: 90%;
  margin: 0 auto;
  margin-top: .25rem;
}

.iderApplicationBox5 ul {
  margin-top: .625rem;
}

.iderApplicationBox5 li {
  box-shadow: 0px 0px .075rem 0px rgba(0, 0, 0, 0.05);
  width: 5.6875rem;
  height: auto;
}

.iderApplicationBox5 li .text {
  width: 100%;
  height: 3.3rem;
  padding: .5rem .25rem .1875rem .25rem;
  background-color: rgba(59, 152, 206, 0.4);
}

.iderApplicationBox5 li .name {
  width: 100%;
  height: 2.375rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: .375rem .25rem .25rem .4125rem;
  background-color: #ffffff;
}

.iderApplicationBox5 li .name .tl {
  font-size: .2rem;
  color: #000000;
}

.iderApplicationBox5 li .name p {
  font-size: .2rem;
  padding-left: .25rem;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im6-5.png) left center no-repeat;
  background-size: .1375rem .175rem;
  margin: .125rem 0;
  color: #000000;
}

.iderApplicationBox5 li .name h3 {
  font-family: Archivo-Medium;
  font-size: .25rem;
  color: var(--mainColor);
}

.iderApplicationBox5 li .iconImg {
  justify-content: end;
}

.iderApplicationBox5 li .iconImg img {
  width: .275rem;
  height: .275rem;
  object-fit: cover;
  margin-right: .0625rem;
}

.iderApplicationBox5 li .iconImg img:last-child {
  margin-right: 0;
}

.iderAboutBox3 {
  width: 100%;
  height: auto;
  padding: 1.5rem 0 2.125rem 0;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/bg4.png) no-repeat;
  background-size: cover;
}

.iderAboutBox3 .com-tl {
  color: #fff;
}

.iderAboutBox3Con {
  width: 100%;
  height: auto;
  /* background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/bg8.png) bottom no-repeat;
  background-size: 100%  .2125rem; */
}

.iderAboutBox3Swiper1 {
  width: 100%;
  height: auto;
  overflow-x: clip;
  margin-top: 2.125rem;
}

.iderAboutBox3Swiper1 .swiper-slide {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.iderAboutBox3Swiper1 .time {
  font-size: .3rem;
  transition: all 0.3s;
  color: #ffffff;
  margin-bottom: .375rem;
}

.iderAboutBox3Swiper1 .dot {
  position: relative;
  width: .275rem;
  height: .275rem;
  border-radius: 50%;
  border: .075rem solid #fff;
  background-color: var(--mainColor);
}

.iderAboutBox3Swiper1 .swiper-slide-thumb-active .dot::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.3rem;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-left: .125rem solid transparent;
  border-right: .125rem solid transparent;
  border-top: .125rem solid #fff;
  transition: all 0.3s ease;
}

.iderAboutBox3Swiper1 .swiper-slide-thumb-active .time {
  transform: scale(1.3);
  font-weight: bold;
}

.iderAboutBox3Swiper2 {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: .8rem;
}

.iderAboutBox3Swiper2 .text {
  width: 9.8625rem;
  height: 4.2875rem;
  background-color: rgba(255, 255, 255, 0.1);
  padding: .875rem .5rem .25rem .75rem;
  margin: 0 auto;
}

.iderAboutBox3Swiper2 .text h3 {
  font-size: .3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: .25rem;
  color: #ffffff;
}

.iderAboutBox3Swiper2 .text .com-ls16 {
  color: #fff;
  text-align: center;
}

.iderAboutBox3-prev,
.iderAboutBox3-next {
  position: absolute;
  cursor: pointer;
  width: .6rem;
  height: .65rem;
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im5-2.png) no-repeat;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
  z-index: 66;
  transition: all 0.3s;
}

.iderAboutBox3-next {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}

.iderAboutBox3-next:hover {
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im5-3.png) no-repeat;
  background-size: cover;
  transform: translateY(-50%) rotate(0);
}

.iderAboutBox3-prev {
  left: 0;
}

.iderAboutBox3-prev:hover {
  background: url(https://dohrecnc-en.usa18.wondercdn.com/public/static/images/home/en-us/im5-3.png) no-repeat;
  background-size: cover;
  transform: translateY(-50%) rotate(180deg);
}
.iderClassificationRt .page_box .page{
	border-right: none;
}
.iderClassificationRt .page_box{
	width: 100%;
}
.iderClassificationRt .page_box ul{
	    display: flex;
		    justify-content: end;
	    align-items: center;
	    flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
	.productCrumbs{
		margin-top: 0;
	}
	.innerBanner{
		height: auto;
	}
  .com-card {
    width: 100%;
    padding: 0 4%;
  }

  .headerSwiper {
    height: auto;
  }

  .headerSwiper .text h2 {
    width: 100%;
    font-size: 18px;
  }

  .com-tl,
  .innerBanner .text h2,
  .iderClassificationBox6 .con h3 {
    font-size: 18px;
  }

  .headerSwiper .text h3,
  .com-tl2,
  .iderIndexBox4 li h3,
  .iderIndexBox6 .title a,
  .iderIndexBox6Swiper .swiper-slide-active .text h3,
  .iderFooter li h3,
  .iderIndexBox1 .title,
  .iderAboutBox2Con .item h3,
  .iderAboutBox3Swiper2 .text h3,
  .iderAboutBox5 li .text h3,
  .iderApplicationBox3Con .item .tl,
  .iderApplicationBox4 li .text h3,
  .iderApplicationBox5 li .name .tl,
  .iderClassificationLt .menus>.menu-items>a,
  .iderServiceBox2 li .text h3,
  .iderServiceBox5 li .text h3 ,
  .iderServiceBox6 li h3,
    .iderServiceBox6 li h3 a,
  .iderServiceBox7Con .item .tl h3{
    font-size: 16px;
  }

  .headerSwiper .text li,
  .headerSwiper .text li p,
  .com-ls30,
  .com-ls16,
  .com-ls16 a,
  .iderFooter .top .text .item p,
  .iderFooter li .form .lss,
  .iderFooter .bottom,
  .iderAboutBox2Con .item li,
  .iderAboutBox2Con .item li p,
  .iderApplicationBox3Con .item .text .top p,
  .iderApplicationBox3Con .item .text .top p strong,
  .iderApplicationBox3Con .item li,
  .iderApplicationBox3Con .item li p,
  .iderClassificationLt .submenus a,
  .com-tl3 ,
  .iderClassificationBox6 .con .ls,
  .iderClassificationBox4List .item li{
    font-size: 14px;
    line-height: 24px;
  }

  .iderIndexBox1 li .text .mores,
  .iderIndexBox2 li .text .mores,
  .iderIndexBox3 .top .mores,
  .iderIndexBox6Swiper .text .mores,
  .iderIndexBox8 a,
  .iderFooter li input[type=submit],
  .iderAboutBox1 .text .bto a,
  .iderAboutBox2Con .item .tl,
  .iderAboutBox4 .nav .item,
  .iderAboutBox7Con .mores,
  .iderApplicationBox3Con .item .text .ls p ,
  .iderClassificationRt li .mores,
  .iderClassificationBox6 .con .mores,
  .iderClassificationBox4List .item .lss p{
    font-size: 15px;
  }

  .iderFooter li .form .info {
    margin-bottom: 10px;
  }

  .iderFooter li input[type=text],
  .iderFooter li .form .info textarea,
  .iderAboutBox5 li .text p,
  .iderAboutBox6Swiper .name,
  .iderApplicationBox5 li .name p,
  .iderClassificationBox2 table td,
  .iderClassificationBox2 table th ,
  .iderServiceBox3 .item li .name,
  .iderServiceBox5 li .name{
    
    font-size: 14px;
  }

  .iderIndexBox3 .top,
  .iderIndexBox3 ul,
  .iderIndexBox4 ul,
  .iderFooter .top,
  .iderAboutBox1 .com-card,
  .iderAboutBox2Con,
  .iderAboutBox5 ul,
  .iderAboutBox7Con,
  .iderApplicationBox3Con .lastItem .bto,
  .iderApplicationBox5 ul,
  .iderClassificationBox5 ul,
  .iderClassificationBox1 .com-card,
  .iderClassificationBox3 ul li ,
  .iderClassificationBox4 .com-card,
  .iderServiceBox7Con {
    flex-wrap: wrap;
  }

  .iderIndexBox1 ul,
  .iderIndexBox4 ul,
  .iderIndexBox7 ul,
  .iderAboutBox2Con,
  .iderAboutBox6Swiper,
  .iderAboutBox7Con,
  .iderApplicationBox3Con,
  .iderApplicationBox4 ul,
  .iderApplicationBox5 ul ,
  .iderClassificationBox2 .table,
  .iderClassificationBox3 ul,
  .iderServiceBox2 ul,
  .iderServiceBox6 ul,
  .iderServiceBox7Con{
    margin-top: 15px;
  }

  .iderIndexBox1,
  .iderIndexBox2,
  .iderIndexBox3,
  .iderIndexBox4,
  .iderIndexBox5,
  .iderIndexBox6,
  .iderIndexBox7,
  .iderFooter .top,
  .iderAboutBox1,
  .iderAboutBox2,
  .iderAboutBox3,
  .iderAboutBox4,
  .iderAboutBox5,
  .iderAboutBox6,
  .iderAboutBox7,
  .iderApplicationBox2,
  .iderApplicationBox3,
  .iderApplicationBox4,
  .iderApplicationBox5,
  .iderClassificationBox5.inner,
  .iderClassificationBox2 ,
  .iderClassificationBox3,
  .iderClassificationBox6,
  .iderServiceBox1,
  .iderServiceBox5,
  .iderServiceBox6,
  .iderServiceBox7{
    padding: 20px 0;
  }
    .iderClassificationBox1,
    .iderClassificationBox4,
    .iderServiceBox2,
    .iderServiceBox3{
      padding-top: 20px;
    }
  .iderClassificationBox1 .com-card,
  .iderClassificationBox4 .com-card,
  .iderServiceBox3 .com-card{
    padding-bottom: 20px;
  }
  .iderAboutBox3Swiper1 {
    margin-top: 20px;
  }

  .iderIndexBox1 li:first-child,
  .iderIndexBox2 li:first-child {
    width: 100%;
    margin-right: 0;
  }

  .iderIndexBox2 li,
  .iderIndexBox5Swiper .img,
  .iderIndexBox6Swiper .img,
  .iderIndexBox8,
  .iderAboutBox2Con .item,
  .iderAboutBox3Swiper2 .text,
  .iderAboutBox4Con li,
  .iderAboutBox5 li .img,
  .iderAboutBox6Swiper .img,
  .iderAboutBox7Con .lt .img,
  .iderAboutBox7Con li .img,
  .iderApplicationBox3Con .item .img,
  .iderApplicationBox3Con .item .text,
  .iderApplicationBox4 li,
  .iderClassificationBox5 li .img ,
  .iderClassificationRt .flex-wp li .img,
  .iderClassificationBox3 ul li,
  .iderClassificationBox6 .con,
  .iderServiceBox5 li .img,
  .iderServiceBox6 li .img{
    height: auto;
  }

  .iderFooter li .form,
  .iderAboutBox2Con .item,
  .iderAboutBox4 .title,
  .iderAboutBox5 .title,
  .iderApplicationBox1 .text .ls,
  .iderApplicationBox4 li,
  .iderApplicationBox5 .title,
  .iderClassificationBox3 .img,
  .iderClassificationBox6 .con .ls,
  .innerBanner .text .ls,
  .iderServiceBox7Con .itemList {
    width: 100%;
  }

  .iderAboutBox7Con .lt {
    width: 50%;
    margin: 0 0 10px 0;
  }

  .iderIndexBox2 li .text .com-ls30 {
    margin: 10px 0;
  }

  .iderIndexBox1 li,
  .iderIndexBox2 li,
  .iderIndexBox3 ul li,
  .iderIndexBox4 ul li,
  .iderAboutBox5 li,
  .iderApplicationBox3Con .item,
  .iderApplicationBox5 li,
  .iderClassificationBox5 li,
  .iderServiceBox2 ul li ,
  .iderServiceBox6 li{
    width: calc((100% - 10px) / 2);
    margin: 0 10px 10px 0;
  }

  .iderAboutBox4Con li,
  .iderAboutBox7Con li ,
  .iderClassificationRt ul.flex-wp li,
  .iderServiceBox3 .item li,
  .iderServiceBox5 li{
    width: calc((100% - 20px) / 3);
    margin: 0 10px 10px 0;
  }

  .iderIndexBox1 li:nth-child(2),
  .iderIndexBox7 li:nth-child(6n),
  .iderIndexBox7 li,
  .iderAboutBox4Con li:nth-child(4n),
    .iderClassificationRt ul.flex-wp li:nth-child(4n),
      .iderServiceBox3 .item li:nth-child(4n) ,
        .iderServiceBox5 li:nth-child(4n),
         .iderServiceBox6 li:nth-child(3n){
    margin-right: 10px;
  }

  .iderApplicationBox3Con .item ,
  .iderServiceBox2 ul li,
  .iderServiceBox5 li{
    margin-bottom: 20px;
  }

  .iderIndexBox1 li:nth-child(3),
  .iderIndexBox2 li:nth-child(5),
  .iderIndexBox3 ul li:nth-child(2n),
  .iderIndexBox4 ul li:nth-child(2n),
  .iderAboutBox4Con li:nth-child(3n),
  .iderAboutBox5 li:nth-child(2n),
  .iderAboutBox7Con li:nth-child(3n),
  .iderApplicationBox5 li:nth-child(2n),
  .iderClassificationBox5 li:nth-child(2n) ,
  .iderClassificationRt ul.flex-wp li:nth-child(3n),
  .iderServiceBox2 ul li:nth-child(2n),
  .iderServiceBox3 .item li:nth-child(3n),
  .iderServiceBox5 li:nth-child(3n),
  .iderServiceBox6 li:nth-child(2n){
    margin-right: 0;
  }

  .iderIndexBox2 li .text {
    padding-bottom: 15px;
  }

  .iderAboutBox2Con .item,
  .iderClassificationBox3 ul li {
    margin-bottom: 10px;
  }

  .iderIndexBox3 .top .img {
    width: 100%;
    height: auto;
    margin: 10px 0 0;
  }

  .iderIndexBox8 ,
  .iderClassificationBox6 .con{
    padding: 5% 0;
  }

  .iderIndexBox8 h3 {
    width: 100%;
    font-size: 18px;
    line-height: 30px;
  }

  .iderFooter li {
    display: none;
  }

  .iderFooter li:last-child {
    display: flex;
    margin-top: 15px;
  }

  .iderFooter .top .lt {
    width: 50%;
    margin-right: 0;
  }

  .iderAboutBox1 .text,
  .iderAboutBox7Con ul,
  .iderApplicationBox3Con .lastItem .bto .text,
  .iderClassificationBox3 .text ,
  .iderClassificationBox4 .text{
    flex: none;
    width: 100%;
  }

  .iderAboutBox1 .img,
  .iderAboutBox2Con .itemRt .img {
    height: auto;
    margin: 10px 0 0;
  }
.iderClassificationBox4 .img{
  height: auto;
  margin:  0 0 15px 0;
}
  .iderAboutBox2Con .item ,
  .iderClassificationBox3 .text{
    padding: 3%;
  }

  .iderAboutBox2Con .itemRt h3 {
    padding-left: 3%;
  }

  .iderAboutBox2Con .itemRt .icon {
    margin-left: 3%;
  }

  .iderAboutBox2Con .itemRt .text {
    padding: 0 3%;
  }

  .iderAboutBox2Con .item .icon {
    width: 40px;
  }

  .iderAboutBox3Swiper2 .text {
    width: 90%;
    padding: 3%;
  }

  .iderApplicationBox3Con .lastItem .img {
    width: 50%;
  }

  .iderApplicationBox3Con .lastItem {
    width: 100% !important;
    height: auto;
  }

  .iderClassificationLt {
    width: 100%;
    margin: 0 0 10px 0;
    position: static;
  }
  .iderClassificationRt{
    margin-top: 15px;
  }
  .iderClassificationBox2 table th,
  .iderClassificationBox2 table td{
        white-space: nowrap;
        padding:  0 10px;
  }
  .iderClassificationBox3 .text h3,
  .iderClassificationBox4List .item .tl h3{
    flex: 1;
  }
  .iderClassificationBox6 .con{
    padding: 5% 4%;
  }
.iderClassificationBox4List .item .tl::after{
  width: 25px;
  height: 25px;
  background-size: contain;
}
.iderServiceBox5 li:hover .text{
  padding: 30px 3% 3%;
}
}

@media screen and (max-width: 992px) {
  .iderHeader {
    display: none;
  }

  body {
    padding-top: 60px;
  }

  .iderAboutBox5 li .text,
  .iderApplicationBox5 li .text,
  .iderServiceBox6 li .text {
    height: auto;
  }
}


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

  .iderIndexBox1 li:first-child,
  .iderIndexBox6Swiper .text ,
  .iderServiceBox3 .item li .img{
    height: auto;
  }

  .ejectEmail_form {
    width: 95%;
  }

  .iderIndexBox1 li:first-child a {
    flex-wrap: wrap;
  }

  .iderFooter .top .lt,
  .iderAboutBox1 .img,
  .iderAboutBox7Con .lt,
  .iderApplicationBox3Con .lastItem .img,
  .iderClassificationBox4 .img {
    width: 100%;
  }

  .iderIndexBox6Swiper .text .com-ls16 {
    margin: 10px 0;
  }

  .iderIndexBox1 li:first-child .img {
    width: 100%;
    height: auto;
    margin: 10px 0 0;
  }

  .footerLink {
    margin-top: 15px;
  }

  .iderIndexBox2 li,
  .iderIndexBox4 ul li,
  .iderAboutBox5 li,
  .iderApplicationBox3Con .item,
  .iderApplicationBox5 li,
  .iderServiceBox2 ul li ,
  .iderServiceBox6 li{
    width: 100%;
    height: auto;
    margin-right: 0 !important;
  }

  .iderFooter .bottom {
    text-align: center;
  }

  .iderAboutBox4Con li,
  .iderAboutBox7Con li ,
  .iderClassificationRt ul.flex-wp li,
  .iderServiceBox3 .item li,
  .iderServiceBox5 li{
    width: calc((100% - 10px) / 2);
  }

  .iderAboutBox4Con li:nth-child(3n),
  .iderAboutBox7Con li:nth-child(3n),
    .iderClassificationRt ul.flex-wp li:nth-child(3n),
      .iderServiceBox3 .item li:nth-child(3n),
        .iderServiceBox5 li:nth-child(3n)    {
    margin-right: 10px;
  }

  .iderAboutBox4Con li:nth-child(2n),
  .iderAboutBox7Con li:nth-child(2n),
  .iderClassificationRt ul.flex-wp li:nth-child(2n),
  .iderServiceBox3 .item li:nth-child(2n),
  .iderServiceBox5 li:nth-child(2n) {
    margin-right: 0;
  }

  .iderAboutBox5 li:first-child p {
    padding-right: 0;
  }
  
.iderServiceBox7Con .item .tl h3{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iderServiceBox7Con .item.active .tl h3{
  display: inline-block;
}
}

@media screen and (max-width: 430px) {
  .iderApplicationBox4 li {
    flex-wrap: wrap;
    padding: 4%;
  }

  .iderIndexBox1 li,
  .iderServiceBox5 li {
    width: 100%;
    margin-right: 0 !important;
  }

  .iderIndexBox1 li,
  .iderIndexBox1 li .img,
  .iderApplicationBox5 li .name ,
  .iderServiceBox3 .item li{
    height: auto;
  }

  .iderApplicationBox4 li .img {
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .iderApplicationBox4 li .text {
    flex: none;
    width: 100%;
  }.iderServiceBox3 .item li{
    padding: 4% 2%;
  }

  .iderApplicationBox5 li .top {
    margin-bottom: 10px;
  }

  .iderIndexBox3 li .nu,
  .iderIndexBox3 li .nu h3 {
    font-size: 24px;
  }

  .iderIndexBox3 li .ls {
    text-align: center;
  }

  .iderIndexBox7 li {
    height: auto;
    width: calc((100% - 10px) / 2);
  }

  .iderIndexBox7 li:nth-child(2n) {
    margin-right: 0;
  }

  .innerBanner .bg {
    height: 30vh;
  }
.iderClassificationBox6  .bg {
    height: 35vh;
}


}
@media screen and (max-width: 420px) {
.iderClassificationRt ul.flex-wp li,
.iderServiceBox3 .item li{
 width: 100%;
 margin-right:  0 !important;
}
.iderClassificationRt li .text{
  height: auto;
}
.iderClassificationRt li .mores{
  margin-top: 10px;
}
}
@media screen and (max-width: 375px) {
  .headerSwiper .text li {
    display: none;
  }

  .iderAboutBox4Con li,
  .iderAboutBox7Con li,
  .iderClassificationBox5 li {
    width: 100%;
    margin-right: 0 !important;
  }

}