@font-face {
    font-family: 'OpenSans-Bold';
    src: url('font/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSans-BoldItalic';
    src: url('font/OpenSans-BoldItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
    src: url('font/OpenSans-ExtraBoldItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('font/OpenSans-Italic.ttf');
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('font/OpenSans-Light.ttf');
}

@font-face {
    font-family: 'OpenSans-LightItalic';
    src: url('font/OpenSans-LightItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-Medium';
    src: url('font/OpenSans-Medium.ttf');
}

@font-face {
    font-family: 'OpenSans-MediumItalic';
    src: url('font/OpenSans-MediumItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('font/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('font/OpenSans-SemiBold.ttf');
}

@font-face {
    font-family: 'OpenSans-SemiBoldItalic';
    src: url('font/OpenSans-SemiBoldItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-BlackItalic';
    src: url('font/Roboto-BlackItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-BlackItalic';
    src: url('font/Roboto-BlackItalic.ttf');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('font/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('font/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('font/SourceHanSansCN-Medium.otf');
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('font/Poppins-Light.ttf');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('font/Poppins-Bold.ttf');
}

:root {
    --mainColor: #156fb9;
}

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

.flex {
    display: flex;
}

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

.flex-con {
    display: flex;
    align-items: center;
    justify-content: center;
}
.Ohd_2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;

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

.flex-cum {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex-wp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.index_box1Swiper a img,
.index_box2 li img,
.index_box3 li .img,
.index_box4 .img img,
.index_box5 li img,
.industryBox1 .img img,
.industryBox2 li img,
.industryBox3Con .img img,
.industryBox4Con .img img,
.industryBox5Swiper img,
.customizedBox1 .img,
.customizedBox1 .img img,
.customizedBox3 li img,
.customizedBox5Swiper img,
.customizedBox6 .img img,
.solutionsBox1 .con li img,
.applicationBox1 .img img,
.applicationBox2Swiper .img img,
.applicationBox3 li img,
.comCoverImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: bottom;
    transition: all 0.3s;
}

.index_box1Swiper a:hover img,
.index_box2 li:hover img,
.index_box3 li:hover .img,
.index_box4 .img:hover img,
.index_box5 li:hover img,
.industryBox1 .img:hover img,
.industryBox2 li:hover img,
.industryBox3Con .img:hover img,
.industryBox4Con .img:hover img,
.industryBox5Swiper .text:hover img,
.industryBox6 li:hover .icon,
.customizedBox1 .img:hover img,
.customizedBox1 .img:hover img,
.customizedBox3 li:hover img,
.customizedBox4 li:hover img,
.customizedBox5Swiper a:hover img,
.customizedBox6 .img:hover img,
.customizedBox7 ul li:hover img,
.customizedBox2 li:hover .icon,
.solutionsBox1 .con li:hover img,
.applicationBox1 .img:hover img,
.applicationBox2Swiper .swiper-slide:hover img,
.applicationBox3 li:hover img,
.comScaleImg:hover img {
    transform: scale(1.1);
}










.index_header {
    width: 100%;
    height: auto;
    position: sticky;
    z-index: 999;
    top: 0;
    background-color: #fff;
}

.index_headerTop {
    width: 100%;
    height: .9875rem;
    border-bottom: 1px solid rgba(233, 231, 231, 0.9);
}

.index_headerTop .logo {
    display: inline-block;
    width: 2.375rem;
    height: .65rem;
}

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

.index_headerTop .form {
    width: 10.1875rem;
    height: .6125rem;
    background-color: #f4f4f4;
    border-radius: .0625rem;
    border: solid 1px #e5e5e5;
}

.index_headerTop .form input[type="text"] {
    font-family: OpenSans-Regular;
    font-size: .2rem;
    padding-left: .3rem;
    color: #313131;
    opacity: 0.5;
    border: none;
    background-color: #f4f4f4;
    height: 100%;
    flex: 1;
}

.index_headerTop .form input[type="submit"] {
    cursor: pointer;
    width: .225rem;
    height: .2375rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic6.png) center no-repeat;
    background-size: contain;
    border: none;
    background-color: transparent;
    margin-right: .3125rem;
}

.index_headerTop .rt {
    height: 100%;
}

.index_headerTop .rt .icon {
    width: .4rem;
    height: .3625rem;
    object-fit: contain;
}

.language {
    width: auto;
    height: 100%;
}

.language_br {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: auto;
}

.language_br p {
    font-family: OpenSans-Regular;
    text-decoration: underline;
    font-size: .225rem;
    letter-spacing: .0125rem;
    color: #313131;
    padding-left: .1875rem;
    margin-left: .2125rem;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.language_br::after {
    display: block;
    content: '';
    width: .1125rem;
    height: .1rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic6-2.png) no-repeat;
    background-size: contain;
    margin-left: .0875rem;
    transition: all 0.3s;
}

.language_br.active::after {
    transform: rotate(180deg);
}

.language .con {
    position: absolute;
    display: none;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: .975rem;
    z-index: 888;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(253, 253, 253, 0.8);
    border-radius: 0 0 5px 5px;
}

.language .con a {
    display: inline-block;
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    color: #000;
    transition: all 0.3s;
    padding: 2%;
}

.language .con a:last-child {
    border-radius: 0 0 5px 5px;
}

.language .con a:hover {
    color: #ffffff;
    background-color: var(--mainColor);
}

.index_headerBto {
    width: 100%;
    height: .625rem;
}

.index_headerBto.inner {
    border-bottom: 1px solid #eee;
}

.menu-level1 {
    height: 100%;
    width: 10.1875rem;
    margin-left: .5rem;
}

.menu-level1>li>a {
    display: flex;
    align-items: center;
    font-family: OpenSans-SemiBold;
    font-size: .225rem;
    color: #000000;
}

.menu-level1>li>a::after {
    display: block;
    content: '';
    width: 9px;
    height: 7px;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic6-3.png) no-repeat;
    background-size: contain;
    margin-left: 5px;
    transition: all 0.3s;
}

.menu-level1>li:hover a::after {
    transform: rotate(180deg);
}

.headerSwiper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.header-prev{
	top: 50%;
	   position: absolute;
	    left: 5%;
		transform: translateY(-50%);
	   width: 21px ;
	    height: 42px ;
		cursor: pointer;
	    margin-top: -21px ;
		z-index: 66;
	    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/switch.png)  left center no-repeat;
}
.header-next{
	top: 50%;
	   position: absolute;
	    right: 5%;
		transform: translateY(-50%)  rotate(180deg);
	   width: 21px ;
	    height: 42px ;
		cursor: pointer;
	    margin-top: -21px ;
		z-index: 66; 
	    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/switch.png)  left center no-repeat;
}


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

.headerSwiper .swiper-slide {
    position: relative;
}

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

.headerSwiper .text h6 {
    font-family: Roboto-Bold;
    font-size: .45rem;
    line-height: .6rem;
    color: #16181e;
}

.headerSwiper .text .con {
    width: 37%;
}

.headerSwiper .text .icon {
    width: .6875rem;
    height: auto;
    object-fit: cover;
}

.headerSwiper .text .img {
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.headerSwiper .text .img p {
    font-family: OpenSans-SemiBold;
    font-size: .225rem;
    color: #16181e;
    margin-top: .125rem;
}

.headerSwiper .itemImg {
    margin: .3125rem 0 .5625rem 0;
}

.headerSwiper .imgs {
    width: auto;
    height: 8.125rem;
    object-fit: cover;
}

.com-more {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.075rem;
    height: .625rem;
    background-color: var(--mainColor);
    border-radius: .0625rem;
    font-family: OpenSans-Regular;
    font-size: .2rem;
    color: #ffffff;
    transition: all 0.3s;

}

.com-more::after,
.index_box1Swiper .more::after {
    display: block;
    content: '';
    width: .3rem;
    height: .1rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic6-5.png) no-repeat;
    background-size: contain;
    margin-left: .1375rem;

}

.com-more:hover {
    background: linear-gradient(45deg, #2d5de0, #156fd6);
    box-shadow:
        0 6px 0 #1857e0,
        0 10px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(-10px);
}


.header-pagination {
    width: 100%;
    position: absolute;
    z-index: 888;
    bottom: .375rem !important;
}

.header-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #414141;
    border-radius: 6px;
    transition: all 0.3s;
}

.header-pagination .swiper-pagination-bullet-active {
    width: 45px;
    background-color: var(--mainColor);
}

.com-tl {
    font-family: OpenSans-Bold;
    font-size: .45rem;
    color: #1c1c1c;
}

.index_box1 {
    width: 100%;
    height: auto;
    padding-top: .375rem;
}

.index_box1 .com-card,
.index_box4 .com-card,
.index_box3 .com-card {
    padding-bottom: .8125rem;
    border-bottom: .025rem solid #f4f4f4;
}

.index_box1Con {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #f4f4f4;
    padding: .6875rem 1.25rem;
    margin-top: .5rem;
}

.index_box1Swiper {

    width: 100%;
    height: auto;
    overflow-x: clip;
}

.index_box1Swiper a {
    display: inline-block;
    width: 100%;
    height: 6.45rem;
    background-color: #ffffff;
    box-shadow: 0px .0875rem .225rem 0px rgba(108, 108, 108, 0.16);
    border-radius: .0625rem;
    padding: .1rem .1rem .4375rem .1rem;
}

.index_box1Swiper .img {
    width: 100%;
    height: 3.25rem;
    overflow: hidden;
}
.index_box1Swiper .img  img{
	object-fit: contain;
}
.index_box1Swiper .text {
    width: 100%;
    height: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .25rem .125rem 0 .125rem;
}

.index_box1Swiper .text h6 {
    font-family: OpenSans-Bold;
    white-space: nowrap;
    font-size: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}

.com-txt2 {
    font-family: OpenSans-Light;
    font-size: .2rem;
    line-height: .3rem;
    text-align: left;
    color: #1c1c1c;
}

.index_box1Swiper .more {
    width: 100%;
    width: 4.3rem;
    height: .65rem;
    background-color: #f3f3f3;
    border-radius: .0625rem;
    font-family: OpenSans-SemiBold;
    font-size: .2rem;
    color: #3d3d3d;
    transition: all 0.3s;
}

.index_box1Swiper .more::after {
    filter: brightness(0.5);
}

.index_box1Swiper .more:hover {
    background-color: var(--mainColor);
    color: #fff;
}

.index_box1Swiper .com-txt2 {
    margin: .15rem 0 .3125rem 0;
}

.index_box1Swiper .more:hover::after {
    filter: none;
}

.index_box1-next,
.index_box1-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .85rem;
    height: .4375rem;
    background-color: #ffffff;
    border-radius: .2125rem;
    cursor: pointer;
    border: solid .0125rem #d9d9d9;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic6-5.png) center no-repeat;
    background-size: .3rem .1rem;
    filter: brightness(0.5);
    transition: all 0.3s;
}

.index_box1-next {
    left: .125rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic6-5-1.png) center no-repeat;
    background-size: .3rem .1rem;
}

.index_box1-prev {
    right: .125rem;

}

.index_box1-next:hover,
.index_box1-prev:hover {
    background-color: var(--mainColor);
    filter: none;
}

.index_box2 {
    width: 100%;
    height: auto;
    padding-top: .625rem;
}

.index_box2 .com-card {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #f4f4f4;
}

.index_box2 ul {
    width: 100%;
    height: 6.525rem;
    margin-top: .5rem;
}

.index_box2 li {
    position: relative;
    width: 2.375rem;
    cursor: pointer;
    height: 100%;
    transition: all 0.3s;
    overflow: hidden;
}

/* .index_box2 li .maxImg, 
.index_box2 li.active .minImg {
    display: none;
} */

.index_box2 li.active {
    width: 9.2375rem;
}

.index_box2 li.active .maxImg {
    display: block;
}
.index_box2 li .minImg{
	display: none;
}
.index_box2 li h6 {
    font-family: OpenSans-Bold;
    font-size: .25rem;
    line-height: .3rem;
    color: #000000;
}

.com-txt3 {
    font-family: OpenSans-Regular;
    font-size: .2rem;
    line-height: .375rem;
    color: #000000;
}

.index_box2 li .com-txt3 {
    overflow: hidden;
    height: 0;
    transition: all 0.3s;

}

.index_box2 li.active .com-txt3 {
    /* overflow: visible; */
    height: auto;
    margin: .125rem 0;
}

.index_box2 li.active .more {
    display: flex;
}

.index_box2 li .more,
.index_box3 li .more,
.index_box5 .text .more,
.industryBox5Swiper .more,
.solutionsBox1 .con li .more {
    display: none;
    align-items: center;
    font-family: Poppins-Regular;
    text-decoration: underline;
    font-size: .2rem;
    color: var(--mainColor);

}

.index_box2 li .more::after,
.index_box3 li .more::after,
.index_box5 .text .more::after,
.industryBox5Swiper .more::after,
.solutionsBox1 .con li .more::after {
    display: block;
    content: '';
    width: .3rem;
    margin-left: .125rem;
    height: .1rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic3-9.png) no-repeat;
    background-size: contain;
}

.index_box2 li .text {
    display: flex;
    align-items: end;
    width: 100%;
    height: 50%;
    position: absolute;
    padding: 0 .5rem .5625rem .25rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
}

.index_box2 li.active .text {
    display: inline;
    width: 9rem;
    bottom: .125rem;
    height: 2.1rem;
    background-color: rgba(248, 244, 244, 0.9);
    padding: .1875rem .4375rem .1875rem .375rem;
}

.index_box2 li.active h6 {
    color: #156fb9;
}

.index_box3 {
    width: 100%;
    height: auto;
    padding-top: 1.125rem;
}

.index_box3 .tl .com-more {
    border: solid 1px #d9d9d9;
    background-color: transparent;
    color: #000000;

}

.index_box3 .tl .com-more::after {
    filter: invert(1);
}

.index_box3 .tl .com-more:hover {

    color: #fff;
    border: none;
}

.index_box3 ul {
    margin-top: .5rem;
}

.index_box3 .tl .lt {
    width: 51%;
}

.index_box3 .tl .com-more:hover::after {
    filter: none;
}

.index_box3 .tl .com-txt2 {
    margin-top: .125rem;
}

.index_box3 li {
    position: relative;
    width: 4.1rem;
    height: 3.9rem;
    overflow: hidden;
    margin: 0 .35rem .375rem 0;
}

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

.index_box3 li .text,
.industryBox5Swiper .ls {
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    height: auto;
    bottom: .3125rem;
    transition: all 0.3s;
}

.index_box3 li:hover .text,
.industryBox5Swiper .text:hover .ls{
    height: 100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(238, 237, 237, 0.9);
}

.index_box3 li h6,

.industryBox5Swiper h6 {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    text-align: center;
    color: #ffffff;
    transition: all 0.3s;
}

.index_box3 li .com-txt2,
.industryBox5Swiper .com-txt2 {
    color: #000;
    display: none;
    transition: all 0.3s;
    text-align: center;
    margin: .225rem 0 .375rem 0;
    padding: 0 .5rem;
}

.index_box3 li:hover .com-txt2,
.industryBox5Swiper .text:hover .com-txt2{
    display: block;

}

.index_box3 li:hover h6,
.com-txt3.blk,
.industryBox5Swiper .text:hover h6 {
    color: #000;
}

.index_box3 li:hover .more,
.industryBox5Swiper .text:hover .more {
    display: flex;
}

.index_box4 {
    width: 100%;
    height: auto;
    padding-top: .625rem;

}

.index_box4Con {
    width: 100%;
    height: 7.225rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/bg1.png) left no-repeat;
    background-size: contain;
    padding-top: .5rem;
	    background-position-y: .4875rem;
}

.index_box4 .text {
    flex: 1;
    padding: .125rem 0 .25rem .5625rem;
}

.index_box4 .img {
    width: 8.5625rem;
    height: 6.675rem;
    overflow: hidden;
    margin-left: .6rem;
}


.index_box4 .com-txt3 {
    margin: .225rem  0;
}

.index_box4 .text .icon {
    width: 100%;
    height: .7625rem;
    object-fit: cover;
    margin-top: 59px;
    vertical-align: bottom;
}

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

.index_box5 li {
    position: relative;
    width: 5.6125rem;
    height: auto;
}

.index_box5 li a {
    display: inline-block;
    width: 100%;
}

.index_box5 li .img {
    width: 100%;
    height: 3.8125rem;
    overflow: hidden;
}

.index_box5 .text h6 {
    font-family: Poppins-SemiBold;
    font-size: .25rem;
    line-height: .375rem;
    color: #3c3c3c;
}

.index_box5 .text .com-txt2 {
    color: rgba(0, 0, 0, 0.9);
    flex: 1;
    margin-top: .125rem;
}

.index_box5 ul {
    margin-top: 1.0375rem;
}

.index_box5 .time {
    position: absolute;
    width: .85rem;
    z-index: 3;
    top: -0.35rem;
    left: .275rem;
}

.index_box5 .time p {
    width: 100%;
    height: .5625rem;
    background-color: var(--mainColor);
    font-family: Poppins-Bold;
    font-size: .375rem;
    line-height: .5625rem;
    text-align: center;
    color: #ffffff;
}

.index_box5 .time .nu {
    width: 100%;
    height: .35rem;
    background-color: #e0872d;
    font-family: Poppins-Regular;
    font-size: .175rem;
    text-align: center;
    line-height: .35rem;
    color: #ffffff;
}

.index_box5 .text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: 0 0 .0625rem .0625rem;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    height: 3.75rem;
    transition: all 0.3s;
    padding: .3125rem .625rem .625rem .3125rem;
}

.index_box5 .text .more {
    display: flex;
    text-decoration: auto;
    color: #4b4b4b;
    transition: all 0.3s;
}

.index_box5 .text .more::after {
    filter: brightness(0.1);
}

.index_box5 li:hover .text {
    background-color: #ffffff;
    box-shadow: 0px .0875rem .225rem 0px rgba(21, 111, 185, 0.16);
    border: none;
}

.index_box5 li:hover .text .more {

    color: var(--mainColor);
    text-decoration: underline;
}

.index_box5 li:hover .text .more::after {
    filter: none;
}

.index_box6 {
    width: 100%;
    height: 1.4rem;
    background-color: var(--mainColor);
}

.index_box6 .lt img {
    width: auto;
    height: .6875rem;
    object-fit: cover;
    vertical-align: bottom;
}

.index_box6 .lt h6 {
    font-family: OpenSans-SemiBold;
    font-size: .45rem;
    margin-left: 1.125rem;
    color: #ffffff;
}

.index_box6 .rt a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border-radius: 5px;
    margin-left: 9px;
}

.index_box6 .rt a:first-child {
    background-color: #1338d7;
}

.index_box6 .rt a:nth-child(2) {
    background-color: #02a9f4;
}

.index_box6 .rt a:nth-child(3) {
    background-color: #cf1b1b;
}

.index_box6 .rt a:last-child {
    background-image: linear-gradient(270deg,
            #d16236 0%,
            #b7298d 100%),
        linear-gradient(#000000,
            #000000);
    background-blend-mode: normal,
        normal;
}

.index_footer {
    width: 100%;
    height: auto;
}

.index_footer ul {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    padding: .75rem 0 .5rem 0;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/bg2.png) left no-repeat;
    background-size: contain;
    background-position-y: 1.2125rem;
}

.index_footer ul li {
    display: flex;
    flex-direction: column;
}

.index_footer li h6 {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    letter-spacing: .0125rem;
    color: #000000;
    margin-bottom: .3125rem;
}

.index_footer li .ls {
    font-family: OpenSans-Regular;
    font-size: .2rem;
    line-height: .375rem;
    color: #000000;
}

.index_footer li .tl {
    font-size: .225rem;
    margin-bottom: .125rem;
    color: #000000;
}

.index_footer li:first-child .tl {
    font-family: OpenSans-Regular;

}

.index_footer li:nth-child(2) .tl {
    font-family: SourceHanSansCN-Medium;
}

.index_footer li a {
    font-family: OpenSans-Regular;
    text-decoration: underline;
    font-size: .2rem;
    line-height: .375rem;
    color: #000000;
    transition: all 0.3s;
}

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

.index_footer li .form {
    width: 4.725rem;
    height: auto;
}

.index_footer li .info {
    position: relative;
    width: 100%;
    height: .625rem;
    margin-bottom: .1125rem;
}

.index_footer li input[type=text] {
    width: 100%;
    height: 100%;
    font-family: OpenSans-Regular;
    font-size: 14px;
    padding-left: 14px;
    color: #000000;
    background-color: #ffffff;
    border-radius: .125rem 0px .125rem 0px;
    border: solid 1px #d9d9d9;
}

.index_footer li .text {
    height: 1.125rem !important;
    margin-bottom: 0;

}

.index_footer li textarea {
    width: 100%;
    height: 100% !important;
    background-color: #ffffff;
    border-radius: .125rem 0px .125rem 0px;
    border: solid 1px #d9d9d9;
    font-family: OpenSans-Regular;
    font-size: 14px;
    padding: 14px 0 0 14px;
    color: #000000;
    resize: none;
}

.index_footer li .info a {
    display: block;
    font-size: .175rem;
    color: #000000;
}

.index_footer li .btn {
    height: auto;
}

.index_footer li .info .tips {
    position: absolute;
    top: .0625rem;
    right: .125rem;
    color: red;
}

.index_footer li input[type=submit] {
    width: 2.05rem;
    line-height: .5625rem;
    cursor: pointer;
    height: .5625rem;
    background-color: var(--mainColor);
    border-radius: .0625rem;
    font-family: OpenSans-SemiBold;
    font-size: .2rem;
    text-align: center;
    letter-spacing: .0125rem;
    color: #ffffff;
    margin-top: .0625rem;
    border: none;
}

.index_footer .bottom {
    width: 100%;
    border-top: 1px solid #dcdcdc;
    padding: .3125rem 0;
}

.index_footer .bottom .lt {
    font-family: OpenSans-Light;
    font-size: .2rem;
    letter-spacing: .0125rem;
    color: #000000;
}

.index_footer .bottom .rt {
    font-family: OpenSans-Light;
    font-size: .2rem;
    color: #000000;
}

.innerBanner img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    vertical-align: bottom;
}

.comNav {
    width: 100%;
    height: auto;
    padding: 20px 0;
    position: sticky;
    z-index: 888;
    top: 1.6125rem;
    background-color: #fff;
}
.comNav ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.comNav a {
    display: flex;
    align-items: center;
    font-family: 'OpenSans-Regular';
    font-size: 16px;
    color: #666666;
    transition: all 0.3s;
}

/* .comNav a::after {
    display: block;
    content: '>';
    font-family: 'OpenSans-Regular';
    font-size: 16px;
    color: #666666;
    margin: 0 5px;

}

.comNav a:last-child::after {
    display: none;
} */

.comNav a:hover,
.comNav a:hover::after {
    color: var(--mainColor);
}

.industryBox1 {
    width: 100%;
    height: auto;
    padding-top: .5rem;
}

.industryBox1 .text {
    flex: 1;
    padding-top: .0875rem;
}

.industryBox1 .img {
    width: 8.7rem;
    height: 8.15rem;
    overflow: hidden;
    margin-left: .5625rem;
}

.industryBox1 .com-tl {
    margin-bottom: .15rem;
}

.industryBox1 .com-txt3,
.industryBox3 .com-txt3,
.industryBox6 li .com-txt3,
.customizedBox1 .text .com-txt3,
.customizedBox2 li .com-txt3,
.customizedBox4 .tl .com-txt3,
.customizedBox6 .com-txt3,
.solutionsBox1 .com-txt2,
.applicationBox1 .com-txt3,
.applicationBox3 .com-txt2,
.customizedBox2 li .ls {
    font-family: Poppins-Light;
}

.industryBox1 ul {
    width: 100%;
    margin-top: .5rem;
}

.industryBox1 ul h6,
.industryBox3Con ul h6,
.customizedBox6 li h6,
.applicationBox4 li h6 {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: .6875rem;
    background-color: #ffffff;
    border: solid .0125rem #e5e5e5;
    padding: 0 .3125rem 0 .275rem;
    font-family: OpenSans-SemiBold;
    font-size: .225rem;
    text-align: left;
    letter-spacing: .0125rem;
    color: #0d1a2d;
    transition: all 0.3s;
}

.industryBox1 li,
.industryBox3Con li,
.customizedBox6 li,
.applicationBox4 li {
    margin-bottom: .1125rem;
    transition: all 0.3s;
}

.industryBox1 li .ls {
    display: none;
    padding: .25rem .375rem .25rem .225rem;
}

.industryBox1 ul h6::after,
.industryBox3Con ul h6::after,
.customizedBox6 ul h6::after,
.applicationBox4 ul h6::after {
    display: block;
    content: '+';
    font-family: Poppins-Regular;
    font-size: .3rem;
    color: #0d1a2d;
}

.industryBox1 li.active,
.industryBox3Con li.active,
.customizedBox6 li.active,
.applicationBox4 li.active {
    background-color: #ffffff;
    box-shadow: 0px .0875rem .225rem 0px rgba(108, 108, 108, 0.16);
    border-radius: .0625rem;
    margin-bottom: .25rem;
}

.industryBox1 li.active h6,
.industryBox3Con li.active h6,
.customizedBox6 li.active h6,
.applicationBox4 li.active h6 {
    border: none;
    color: var(--mainColor);
}

.industryBox1 li.active h6::after,
.industryBox3Con li.active h6::after,
.customizedBox6 li.active h6::after,
.applicationBox4 li.active h6::after {
    content: '';
    width: .225rem;
    height: .0375rem;
    background-color: var(--mainColor);
}

.industryBox1 .com-card {
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #e5e5e5;
}

.industryBox2 {
    width: 100%;
    height: auto;
    padding-top: .625rem;
}

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

.industryBox2 .com-card {
    padding-bottom: .375rem;
    border-bottom: 1px solid #e5e5e5;
}

.industryBox2 li {
    width: 8.5625rem;
    height: auto;
    margin: 0 .3625rem .75rem 0;
}

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

.industryBox2 li .img {
    width: 100%;
    height: 5.5rem;
    border-radius: .0625rem;
    overflow: hidden;
    border: solid 1px #e5e5e5;
}

.industryBox2 li .name {
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px 0;
    border-bottom: .0125rem solid #e5e5e5;
}

.industryBox2 .name h6 {
    font-family: OpenSans-SemiBold;
    font-size: .3rem;
    letter-spacing: .0125rem;
    color: #0d1a2d;
}

.industryBox2 li .name::after {
    display: block;
    content: '';
    width: 3.775rem;
    height: .0125rem;
    background-color: var(--mainColor);
    position: absolute;
    left: 0;
    bottom: -0.0063rem;
}

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

.industryBox3 ul {
    flex: 1;
}

.industryBox3Con {
    width: 100%;
    height: auto;
    margin-top: .9375rem;
}

.industryBox3 .com-tl {
    flex: 1;
}

.industryBox3 .tl .com-txt3 {
    width: 67%;
}

.industryBox3Con .text {
    display: none;
    padding: 0 .875rem .5rem .375rem;
}

.industryBox3Con .img {
    width: 8.7875rem;
    height: 6.2375rem;
    margin-right: .4375rem;
    overflow: hidden;
}

.industryBox3Con .com-txt3 {
    margin-top: .05rem;
}

.industryBox3Con .com-txt3 p {
    display: inline;
    font-family: Poppins-Bold;
}

.industryBox4 {
    width: 100%;
    height: auto;
    padding: .4375rem 0;
}

.industryBox4Con {
    width: 100%;
    height: auto;
    border: solid 1px #e5e5e5;
    padding: .625rem .675rem .6875rem .675rem;
}

.industryBox4Con .img {
    width: 7.9875rem;
    height: 5.3625rem;
    overflow: hidden;
    margin-left: .4125rem;
}

.industryBox4Con .text {
    flex: 1;
}

.industryBox4Con .text .tl {
    font-family: Poppins-Light;
    font-size: .225rem;
    line-height: .375rem;
    color: #1c1c1c;
}

.industryBox4Con {
    margin-top: .4375rem;
}

.industryBox4Con .text .com-txt3 {
    margin-top: .375rem;
}

.industryBox5 {
    width: 100%;
    height: auto;
}

.industryBox5 .com-card {
    padding-bottom: .75rem;
    border-bottom: 1px solid #e5e5e5;
}

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

.industryBox5Swiper a {
    position: relative;
    display: inline-block;
    height: 3.9rem;
    width: 100%;
    overflow: hidden;
}

.industryBox5-pagination {
    margin-top: .875rem;
}

.industryBox5-pagination .swiper-pagination-bullet,
.customizedBox5-pagination .swiper-pagination-bullet,
.applicationBox2-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 2px #d9d9d9;
    opacity: 1;
    transition: all 0.3s;
}

.industryBox5-pagination .swiper-pagination-bullet-active,
.customizedBox5-pagination .swiper-pagination-bullet-active,
.applicationBox2-pagination .swiper-pagination-bullet-active {
    background-color: var(--mainColor);
    border-color: var(--mainColor);
}

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

.industryBox6 .tl .ls {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    line-height: .3rem;
    color: #16181e;
    margin-top: .125rem;
}

.industryBox6 ul {
    width: 100%;
    margin-top: 1.25rem;
}

.industryBox6 ul li {
    width: calc(100% / 5);
    height: auto;
}

.industryBox6 li .text {
    height: 3.1rem;
    border-right: 1px solid rgba(221, 218, 218, 0.9);
    padding: .275rem .2rem 0 .2rem;
}

.industryBox6 li .icon {
    width: .75rem;
    height: auto;
    object-fit: contain;
    margin-left: .2rem;
    transition: all 0.3s;
}

.industryBox6 li h6 {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    color: var(--mainColor);
    margin-bottom: .1875rem;
}

.industryBox6 li:first-child .icon {
    margin-left: 0;
}

.industryBox6 ul li:last-child .text {
    border-right: none;
    padding-right: 0;
}

.industryBox6 ul li:first-child .text {
    padding-left: 0;
}

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

.customizedBox1 .com-card {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
}

.customizedBox1 .text {
    flex: 1;
}

.customizedBox1 .img {
    width: 7.775rem;
    height: 5.4rem;
    overflow: hidden;
    margin-left: .75rem;
}

.customizedBox1 .text .com-txt3 {
    margin-top: .1875rem;
}

.customizedBox2 {
    width: 100%;
    height: auto;
}

.customizedBox2 ul {
    flex-wrap: wrap;
}

.customizedBox2 .tl .ls {
    font-family: OpenSans-Bold;
    font-size: .3rem;
    color: #16181e;
    margin: .15rem 0 .8125rem 0;
}

.customizedBox2 li .icon {
    width: .525rem;
    height: auto;
    object-fit: contain;
    margin-right: .1375rem;
    transition: all 0.3s;
}

.customizedBox2 li h6 {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    color: #16181e;
    margin-bottom: .1625rem;
}

.customizedBox2 li .ls {
    font-size: .2rem;
    line-height: .35rem;
    color: #1c1c1c;
}

.customizedBox2 li {
    align-items: flex-start;
    width: 4.9375rem;
    margin: 0 1.3375rem .4375rem 0;
}

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

.customizedBox2 li .com-txt3 {
    margin-top: .125rem;
}

.customizedBox2 .more {
    cursor: pointer;
    width: 4.1125rem;
    text-align: center;
    height: .65rem;
    line-height: .65rem;
    background-color: var(--mainColor);
    border-radius: .0625rem;
    font-family: OpenSans-SemiBold;
    font-size: .2rem;
    color: #ffffff;
}

.customizedBox2 li:last-child {
    justify-content: right;
    padding-right: .1875rem;
}

.customizedBox3 {
    width: 100%;
    height: auto;
    margin-top: .25rem;
}

.customizedBox3 .com-card {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
}

.customizedBox3 li {
    width: 3.3375rem;
    height: auto;
}

.customizedBox3 li .img {
    width: 100%;
    height: 2.3875rem;
    overflow: hidden;
}

.customizedBox3 li .name {
    width: 100%;
    height: .625rem;
    font-family: OpenSans-SemiBold;
    font-size: .2rem;
    line-height: .3rem;
    color: #16181e;
    margin-top: .0625rem;
}

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

.customizedBox4 .tl {
    align-items: flex-start;
}

.customizedBox4 .tl .lt {
    width: 55%;
}

.customizedBox4 .tl .com-txt3 {
    flex: 1;
}

.customizedBox4 .tl .lt p {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    margin-top: .125rem;
    color: #16181e;
}

.customizedBox4 ul {
    margin-top: 1rem;
}

.customizedBox4 .com-card {
    padding-bottom: 1.125rem;
    border-bottom: 1px solid #e5e5e5;
}

.customizedBox4 li {
    width: calc(100% / 3);
    height: 312px;
    border-right: 1px solid #f4f4f4;
    padding: 0 .625rem;
}

.customizedBox4 li:first-child {
    padding-left: 0;
}

.customizedBox4 li:last-child {
    padding-right: 0;
    border-right: none;
}

.customizedBox4 li h6 {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    color: #16181e;
    margin: .1875rem 0 .1625rem 0;
}

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

.customizedBox5 {
    width: 100%;
    height: auto;
    padding-top: .5rem;
}

.customizedBox5Con {
    width: 100%;
    border: solid 1px #e5e5e5;
    height: auto;
    padding: .5rem .375rem .8125rem .375rem;
    margin-top: .625rem;
}

.customizedBox5Swiper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.customizedBox5Swiper a {
    display: inline-block;
    width: 100%;
    height: 4.125rem;
    background-color: #ffffff;
    box-shadow: 0px .0875rem .225rem 0px rgba(108, 108, 108, 0.16);
    border-radius: .0625rem;
    padding: .0875rem;
}

.customizedBox5Swiper .img {
    width: 100%;
    overflow: hidden;
    height: 2.7125rem;
}

.customizedBox5Swiper .name {
    font-family: OpenSans-Bold;
    font-size: .25rem;
    line-height: .375rem;
    padding: 0 .1625rem;
    margin-top: .125rem;
    color: #000000;
}

.customizedBox5-pagination {
    margin-top: .625rem;
}

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

.customizedBox6 .com-card {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
}

.customizedBox6 ul {
    margin-top: .375rem;
}

.customizedBox6 .img {
    width: 8.7rem;
    margin-left: .4375rem;
    height: 8.9375rem;
    overflow: hidden;
}

.customizedBox6 .lt {
    flex: 1;
}

.customizedBox6 .lt .tl {
    width: 82%;
}

.customizedBox6 .lt .tl p {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    margin: .15rem 0 .0625rem 0;
    color: #16181e;
}

.customizedBox6 .text {
    display: none;
    padding: 0 .1875rem .325rem .25rem;
}

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

.customizedBox7 ul {
    width: 100%;
    height: auto;
    align-items: flex-start;
    padding: .75rem .5rem .6875rem .375rem;
    border: solid 1px #e5e5e5;
    margin-top: .6875rem;
}

.customizedBox7 ul li {
    width: 2.375rem;
    height: auto;


}

.customizedBox7 li .img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 1.3125rem;
    height: 1.3125rem;
    background-color: var(--mainColor);
    border-radius: 50%;
}

.customizedBox7 li img {

    width: auto;
    height: .675rem;
    object-fit: contain;
    transition: all 0.3s;
}

.customizedBox7 li .img::after {
    position: absolute;
    top: 50%;
    left: -100%;
    transform: translateY(-50%);
    display: block;
    content: '';
    width: .3rem;
    height: .1rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic2-20.png) no-repeat;
    background-size: contain;
}

.customizedBox7 li .name {
    width: 100%;
    font-family: OpenSans-Bold;
    font-size: .225rem;
    line-height: .3rem;
    color: #000000;
    text-align: center;
    margin-top: .15rem;
}

.customizedBox7 li:first-child .img::after {
    display: none;
}

.index_box1.inner .index_box1Swiper .more:hover {
    text-decoration: underline;
}

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

.solutionsBox1 .tl .com-txt2 {
    width: 60%;
}

.solutionsBox1 .con li {
    position: relative;
    width: 4.1rem;
    height: auto;
    margin: 0 .35rem .375rem 0;
}

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

.solutionsBox1 .img {
    width: 100%;
    height: 3.9rem;
    overflow: hidden;
}

.solutionsBox1 .con {
    margin-top: .625rem;
}

.solutionsBox1 .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 2.0625rem;
    background-color: #ffffff;
    box-shadow: 0px 0px .1125rem 0px rgba(0, 0, 0, 0.09);
    padding: .125rem .25rem .375rem .25rem;
}

.solutionsBox1 .text h6 {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    text-align: center;
    color: #000000;
}

.solutionsBox1 .text .com-txt2 {
    color: #000000;
    text-align: left;
    flex: 1;
    margin-top: .125rem;
}

.solutionsBox1 .con li .more {
    display: flex;
    font-family: Poppins-Regular;
    color: #666666;
    text-decoration: none;
    transition: all 0.3s;
}

.solutionsBox1 .con li .more::after {
    display: flex;
    filter: grayscale(1);
    transition: all 0.3s;
}

.solutionsBox1 .con li:hover .more {
    text-decoration: underline;
    color: var(--mainColor);
}

.solutionsBox1 .con li:hover .more::after {
    filter: none;
}

.solutionsBox1 .con li::after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: '';
    height: .075rem;
    width: 0%;
    transition: all 0.3s;
    background-color: var(--mainColor);
}

.solutionsBox1 .con li:hover::after {
    width: 100%;
}

.applicationBox1 {
    width: 100%;
    height: auto;
    padding-top: .75rem;
}

.applicationBox1 .com-card,
.applicationBox3 .com-card {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e5e5e5;
}

.applicationBox1 .img {
    width: 7.775rem;
    height: 8.3125rem;
    overflow: hidden;
    margin-left: .625rem;
}

.applicationBox1 .lt {
    flex: 1;
}

.applicationBox1 .tl p {
    font-family: Poppins-SemiBold;
    font-size: .3rem;
    color: #1c1c1c;
    margin: .125rem 0 .0625rem 0;
}

.applicationBox1 .com-txt3 {
    margin-bottom: .375rem;
}

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

.applicationBox2Con {
    width: 100%;
    height: auto;
    margin-top: .4375rem;
    padding: .4875rem;
    border: solid 1px #e5e5e5;
}

.applicationBox2Swiper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.applicationBox2Swiper .img {
    width: 100%;
    height: 4.275rem;
    border: solid .025rem #d9d9d9;
    overflow: hidden;
}

.applicationBox2Swiper .name {
    width: 100%;
    font-family: OpenSans-SemiBold;
    font-size: .225rem;
    text-align: center;
    color: #16181e;
    margin-top: .1875rem
}

.applicationBox2-pagination {
    margin-top: .625rem;
}

.applicationBox3 {
    width: 100%;
    height: auto;
    padding-top: 1.0625rem;
}

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

.applicationBox3 li {
    height: 3.9rem;
    width: calc((100% - .175rem) / 2);
    margin: 0 .175rem .3125rem 0;
}

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

.applicationBox3 li .img {
    width: 4.1rem;
    height: 100%;
    overflow: hidden;
}

.applicationBox3 li .text {
    flex: 1;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px .1125rem 0px rgba(0, 0, 0, 0.09);
    padding: .25rem .2125rem .25rem .25rem;
}

.applicationBox3 li h6 {
    font-family: OpenSans-Bold;
    font-size: .225rem;
    line-height: .375rem;
    color: #000000;
    margin-bottom: .125rem;
}

.applicationBox3 .com-txt2 {
    color: #000;
}

.index_box1.inner .com-card {
    border-bottom: none;
}

.applicationBox4 {
    width: 100%;
    height: auto;
    padding-bottom: .625rem;
}

.applicationBox4 ul {
    margin-top: .3625rem;
}

.applicationBox4 li .text {
    display: none;
    padding: .125rem 2.375rem .3125rem .3rem;
}

.applicationBox4 li h6 {
    font-family: OpenSans-SemiBoldItalic;
    color: #0d1a2d;
}

.applicationBox4 li h6::after {
    font-size: .225rem;
}

.applicationBox4 li.active h6::after {
    width: .1375rem;
    height: .0375rem;
}

.agreementBox {
    width: 100%;
    height: auto;
}

.agreementBoxCon h2 {
    font-size: 18px;
    margin-bottom: 2%;
}

.agreementBoxCon p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}

.com-ls30 {
    font-family: OpenSans-Light;
    font-size: .2rem;
    line-height: .375rem;
    color: #3a3a3a;
}

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

.iderCategoryBox1 .img {
    width: 6.1rem;
    height: 4.3125rem;
    border-radius: .0125rem;
    overflow: hidden;
    margin-left: .6875rem;
}

.iderCategoryBox1 .text {
    flex: 1;
}

.iderCategoryBox1 .text ul {
    width: 100%;
    border-bottom: 1px solid rgba(44, 44, 44, 0.1);
    margin: .375rem 0 .0875rem 0;
}

.iderCategoryBox1 .text li {
    display: flex;
    align-items: center;
    font-family: OpenSans-Regular;
    font-size: .225rem;
    color: #3a3a3a;
    margin: 0 .3875rem .225rem 0;
}

.iderCategoryBox1 .text li::before {
    display: block;
    content: '';
    width: .0875rem;
    height: .0875rem;
    background-color: #797979;
    border-radius: 50%;
    margin-right: .075rem;
}

.iderCategoryBox2 {
    width: 100%;
    height: auto;
    padding-top: .25rem;

    border-bottom: .0125rem solid #f8f8f8;
}

.iderCategoryBox2 .item {
    cursor: pointer;
    position: relative;
    font-family: OpenSans-Regular;
    font-size: .225rem;
    display: block;
    color: #1a1a1a;
    padding-bottom: .15rem;
    margin-right: .55rem;
}

.iderCategoryBox2 .item:hover::after,
.iderCategoryBox2 .item.active::after {
    width: 100%;
}

.iderCategoryBox2 .item::after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: '';
    width: 0;
    transition: all 0.3s;
    height: .0125rem;
    background-color: #1a1a1a;
}

.iderCategoryBox2List {
    width: 100%;
    height: auto;
    padding-bottom: 1.375rem;
    background-color: #f8f8f8;
}

.iderCategoryBox2List .items,
.iderOverviewBox1 {
    width: 100%;
    height: auto;
}

.iderOverviewBox1 {
    padding-top: .625rem;

}

.iderOverviewBox1Con .topText {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 1px;
    margin: .325rem 0 .5625rem 0;

}

.iderOverviewBox1Con .topText .top {
    width: 100%;
    background-color: #fff;
    height: 6.9375rem;
    padding: .65rem .75rem .625rem .5875rem;
}

.iderOverviewBox1Con .topText .top ul {
    flex: 1;
}

.iderOverviewBox1Con .topText li {
    font-family: OpenSans-SemiBold;
    font-size: .3rem;
    line-height: .6rem;
    color: #3a3a3a;
}

.iderOverviewBox1Con .topText .img {
    width: 7.4375rem;
    height: 5.3625rem;
    overflow: hidden;
}

.iderOverviewBox1Con .topText .btoText {
    width: 100%;
    height: 1.025rem;
    background-color: rgba(32, 32, 32, 0.1);
    font-family: OpenSans-Bold;
    font-size: .375rem;
    line-height: 1.025rem;
    text-align: center;
    color: #797979;
}

.iderOverviewBox1Con .itemList {
    width: 100%;
    height: 6.35rem;
    background-color: #ffffff;
    margin-bottom: .15rem;
}

.iderOverviewBox1Con .itemList .con {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: .475rem .2625rem .375rem .875rem;
}

.iderOverviewBox1Con .itemList .img {
    max-width: 8.0625rem;
    height: 100%;
    overflow: hidden;
}

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

.iderOverviewBox1Con .itemList .text {
    padding-top: .75rem;
}

.iderOverviewBox1Con .itemList .text p {
    font-family: OpenSans-SemiBold;
    font-size: .3rem;
    line-height: .6rem;
    color: #3a3a3a;
}

.iderOverviewBox1Con .itemList li {
    display: flex;
    align-items: center;
    font-family: OpenSans-Light;
    font-size: .3rem;
    line-height: .5rem;
    color: #3a3a3a;
}

.iderOverviewBox1Con .itemList li::before {
    display: block;
    content: '';
    width: .125rem;
    height: .125rem;
    margin-right: .125rem;
    border-radius: 50%;
    background-color: #797979;

}

.iderOverviewBox1 .bto {
    width: 100%;
    height: auto;
    padding-top: .75rem;
}
.iderOverviewBox1 .bto ul{
	flex-wrap: wrap;
}

.iderOverviewBox1 .bto li {
    width: 5.5rem;
    height: auto;
    border-radius: 1px;
	margin-bottom: 2%;
}

.iderOverviewBox1 .bto li .img {
    width: 100%;
    background-color: #fff;
    height: 5.075rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: .25rem;
}

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

.iderOverviewBox1 .bto li .name {
    width: 100%;
    height: 1.25rem;
    background-color: #ffffff;
    margin-top: .025rem;
    font-family: OpenSans-SemiBold;
    font-size: .3rem;
    letter-spacing: .0125rem;
    color: #000000;
    text-align: center;
    line-height: 1.25rem;
}

.iderSpecificationBox1 {
    padding-top: .625rem;
}
.iderSpecificationBox1Item{
    margin-bottom: 3%;
}
.iderSpecificationBox1Item  .remoTxt{
	display: none;
}
.iderSpecificationBox1Item .table{
	    margin-top: 2%;
}

.iderSpecificationBox1Item th{
	font-size: 18px !important;
	text-align: center;
	color: #000 !important;
	border-right: 1px solid #dcdcdc;
}
.iderSpecificationBox1Item th span{
		color: #000 !important;
		font-size: 18px !important;
}
.iderSpecificationBox1Item .slider_table{
	max-height: 700px;
	    border: 1px solid #dcdcdc;
}
.iderSpecificationBox1Item .slider_table tr:first-child th{
	position: sticky;
	top: -1px;
	    z-index: 10;
    background-color: #eeeff1;
   box-shadow: inset 0px 0px 0px 1px #dcdcdc;
}
.iderSpecificationBox1Item.tr2 tbody tr:nth-child(2)  td:not(:first-child){
	position: sticky;
		top: 32px;
		    z-index: 10;
	 background-color: #eeeff1;
	box-shadow: inset 0px 0px 0px 1px #dcdcdc;
}
.iderSpecificationBox1 .slider_table td{
	height: 40px;
}
.iderSpecificationBox1Item .slider_table tr td:first-child{
	position: sticky;
	left: 0 ;
	    z-index: 20;
	    box-shadow: inset -1px 0px 0px 0px #dcdcdc;
}
.iderSpecificationBox1Item .slider_table tr:first-child th:first-child{
	   z-index: 30;
	   left: 0;
}


.iderSpecificationBox1 .com-tl2 {
    font-family: OpenSans-SemiBold;
    font-size: .25rem;
    margin: .3125rem 0 .25rem 0;
    color: #3a3a3a;
}

.iderSpecificationBox1 thead th {
    height: .8rem;
    background-color: #b5b5b5;
  font-family: OpenSans-Bold;
    font-size: .225rem;
    color: #ffffff;
    padding: 0;
}
.iderSpecificationBox1 thead .hdTxt div{
	font-family: OpenSans-Bold;
	  font-size: .225rem;
}
.iderSpecificationBox1 thead .hdTxt {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 .2875rem;
    justify-content: space-between;
}

.iderSpecificationBox1 thead .hdTxt::after {
    position: absolute;

    left: 0;
    top: .4rem;
    display: block;
    content: '';
    width: 100%;
    height: .0125rem;
    transform: rotate(10deg);
    background-color: #dcdcdc;
}

.iderSpecificationBox1 th .Types {
    text-align: right;
    width: 100%;
}

.iderSpecificationBox1 tr td {
    height: .625rem;
    text-align: center;
    background-color: #ffffff;
    font-family: OpenSans-Light;
    font-size: .2rem;
    color: #3f3f3f;
    border: 1px solid #dcdcdc;

}
.iderSpecificationBox1 tr:first-child td{
	white-space: nowrap;
}
.iderSpecificationBox1 tr td:first-child {
      font-family: OpenSans-Bold;
    font-weight: 600;
    text-align: left;
    padding-left: .5rem;
	white-space: nowrap;
}

.iderDownBox1 {
    padding-top: .75rem;
}

.iderDownBox1 .table {
    width: 100%;
    height: auto;
    border-radius: 1px;
}

.iderDownBox1 table {
    width: 100%;
    height: auto;
    border: none;
    overflow: hidden;
    margin-top: .4625rem;
}

.iderDownBox1 thead {
    width: 100%;
    height: .75rem;
    background-color: #eeeff1;
    box-shadow: inset 0px -0.05rem 0px 0px #dcdcdc;

}

.iderDownBox1 thead th {
    border: solid 1px #e5e5e5;
    height: 100%;
    text-align: center;
    font-family: OpenSans-Regular;
    font-size: .2rem;
    font-weight: 600;
    border: none;
    color: #000000;
}


.iderDownBox1 tr td {
    height: .5625rem;
    background-color: #eeeff1;
    border-radius: 1px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    text-align: center;
    color: #505050;
    border: none;
}


.iderDownBox1 tr:nth-child(2n+1) td {
    background-color: #f8f8f8;
    overflow: hidden;
}

.iderDownBox1 tr td:last-child {
    padding: 0;
}

.iderDownBox1 tr td a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: .5625rem;
    font-family: OpenSans-Regular;
    font-size: .175rem;
    padding-left: 0;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic8.png) center no-repeat;
    background-size: .2rem .1625rem;
    background-position-x: .5rem;
    color: #505050;
    transition: all 0.3s;
}

.iderDownBox1 tr td:last-child:hover a {
    transform: translateX(3%);
    color: red;
}

.iderCategoryBox2List .items {
    display: none;
}


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

.iderDownsBox1Lt {
    width: 3.825rem;
    position: sticky;
    top: .625rem;
    height: auto;
    margin-right: .325rem;
    background-color: #fff;
    border-radius: 1px;
}

.iderDownsBox1 .iderDownBox1 {
    padding-top: 0;
    flex: 1;
}

.iderDownsBox1Lt .title {
    width: 100%;
    font-family: OpenSans-Regular;
    font-size: .225rem;
    text-align: center;
    height: .625rem;
    line-height: .625rem;
    background-color: var(--mainColor);
    color: #fff;

}

.iderDownsBox1Lt .iderDownsBox1Menu {

    width: 100%;
    height: auto;
    border-right: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
}

.iderDownsBox1Menu .tl {
    cursor: pointer;
    width: 100%;
    height: .625rem;
    padding: 0 .25rem;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;

}

.iderDownsBox1Menu .tl>a {
    font-family: OpenSans-Regular;
    font-size: .225rem;
    color: #3a3a3a;
	    display: flex;
	    width: 100%;
	    height: 100%;
	    align-items: center;
    transition: all 0.3s;
}

.iderDownsBox1Menu .iderDownsArrow {
    font-family: 'Poppins-Light';
    font-size: .3rem;
    color: #3a3a3a;
    width: .375rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: .375rem;
    transition: all 0.3s;
    cursor: pointer;
}

.iderDownsBox1Menu .tl:hover a,
.iderDownsBox1Menu .tl:hover .iderDownsArrow,
.iderDownsBox1Menu .item.active .tl>a {
    color: var(--mainColor);
}

/* .iderDownsBox1Menu .item.active .iderDownsArrow {
    transform: rotate(90deg);
    justify-content: center;
    color: var(--mainColor);
} */

.iderDownsBox1Menu .downList .con {
    display: flex;
    flex-direction: column;
    padding: 0 .125rem 0 .375rem;
}

.iderDownsBox1Menu .downList {
    display: none;
}

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

.iderDownsBox1Menu .downList a:hover {
    transform: translate(3%);
    color: var(--mainColor);
}

.iderDownsBox1 .form {
    position: relative;
    width: 3.6875rem;
    height: .575rem;
    background-color: #f4f4f4;
    border-radius: .0625rem;
    border: solid 1px #e5e5e5;
}

.iderDownsBox1 .form input[type=text] {
    width: 100%;
    border: none;
    height: 100%;
    background-color: transparent;
    font-family: OpenSans-Regular;
    font-size: .2rem;
    padding: 0 .5rem 0 .125rem;
    color: #313131;
}

.iderDownsBox1 .formBox {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: end;
}

.iderDownsBox1 .form input[type=submit] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: .5rem;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic6.png) center center no-repeat;
    background-size: .2375rem;
}


.iderDownsBox1 .iderDownBox1 table {
    margin-top: .1875rem;
}

.iderDownsBox1 .iderDownBox1 tr td a {
    background-position-x: .2125rem;
}

.iderProductDetail {
    width: 100%;
}

.iderProductDetail .nav {
    width: 100%;
    border-bottom: .025rem solid #262626;
}

.iderProductDetail .nav .item {
    width: 2.5875rem;
    height: .525rem;
    line-height: .525rem;
    background-color: #e5e5e5;
    border-radius: .125rem .125rem .0125rem .0125rem;
    cursor: pointer;
    margin-right: .1375rem;
    font-family: OpenSans-Light;
    font-size: .225rem;
    font-weight: 600;
    text-align: center;
    color: #000000;
    transition: all 0.3s;
}

.iderProductDetail .nav .item:hover,
.iderProductDetail .nav .item.active {
    background-color: #262626;
    color: #fff;
}

.iderProductDetailList {
    width: 100%;
    height: auto;
}

.iderProductDetailList .table {
    width: 100% !important;
    overflow: hidden;
    display: block;
}
.iderProductDetailList .table  table,
.iderProductDetailList  table{
	    width: 100% !important;
		border: none !important;
		margin-bottom: 2%;
}
.iderProductDetailList .table p ,
.iderProductDetailList  h2{
    font-family: OpenSans-Regular;
    font-size: .3rem;
    font-weight: 600;
    color: #363636;
    margin: .25rem 0 .125rem 0;
}
.iderProductDetailList  p{
	font-size: 16px;
	line-height: 30px;
}
.iderProductDetailList .items:first-child{
	margin-top: 2%;
}
.iderProductDetailList   table td{
	text-align: center !important; 
color: #000 !important;
font-size: 16px !important;
    border: 1px solid  #000 !important;
}
.iderProductDetailList   table td span{
	font-family: OpenSans-Light !important;
	color: #000 !important;
	    font-weight: bold;
}
.iderProductDetailList   table  th,
.iderProductDetailList   table  th span{
	    font-size: 20px !important;
	    font-weight: 700;
	    color: #000;
		border: none !important;
		margin-bottom: 2%;
}
.iderfeaturesBox .table .img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 7.775rem;
    outline-color: #000;
    background-color: #ffffff;
    border-radius: 1px;
    border: solid 1px #3a3a3a;
}

.iderfeaturesBox .table .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.iderProductDetailList .iderDownBox1 {
    padding-top: 0;
}

.iderProductDetailList .iderDownBox1 tr td a {
    background-position-x: 0;
}

.iderAccessoriesBox1 .title {
    width: 100%;
    height: .75rem;
    border-radius: 1px;
    margin-top: .375rem;
    border: solid 1px #e5e5e5;
}

.container_1400 {
    width: 17.5rem;
}

.iderAccessoriesBox1 .title .name {

    height: 100%;
    line-height: .75rem;
    font-family: OpenSans-Regular;
    font-size: .2rem;
    font-weight: 600;
    padding-left: .3125rem;
    color: #000000;
    background-color: #eeeff1;

}

.iderAccessoriesBox1 .title .types {
width: 1.5625rem;
}

.iderAccessoriesBox1 .title .code {
    width: 3.825rem;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
}

.iderAccessoriesBox1 .title .text {
    width: 4.275rem;
    border-right: solid 1px #e5e5e5;
}

.iderAccessoriesBox1 .title .imgs {
    flex: 1;
}

.iderAccessoriesSwiper {
    width: 100%;
    height: 12.25rem;
    overflow-y: scroll;
}
.iderAccessoriesBox1Swiper .bottom{
    margin-top: .3625rem;
    justify-content: end;
}
.iderAccessoriesBox1Swiper .bottom  .swiperItems{
    font-size: .225rem;
    color: #000;
    cursor: pointer;
    height: .5rem;
    width: fit-content;
    padding: 0 .25rem;
    line-height: .5rem;
    background-color: #e5e5e5;
    border-radius: .125rem .125rem .0125rem .0125rem;
    font-family: OpenSans-Light;
    font-weight: 600;
    margin:  0 .0625rem;
    transition: all 0.3s;
}
.iderAccessoriesBox1Swiper .bottom  .swiperItems:hover,
.iderAccessoriesBox1Swiper .bottom  .swiperItems.active{
    background-color: #000000;
    color: #ffff;
}

.activeItemsSwiper {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}
.activeItemsSwiper.active{
    height: auto;
    overflow: visible;
}
.iderAccessoriesSwiper .con {
    width: 100%;
    height: 1.75rem;
    border: solid 1px #e5e5e5;
    border-radius: 1px;
}

.iderAccessoriesSwiper .con .types {
    width: 1.5625rem;
    height: 100%;
    font-family: OpenSans-Light;
    font-size: .2rem;
    text-align: center;
    color: #000000;

}

.iderAccessoriesSwiper .con .code {
    width: 3.825rem;
    height: 100%;
    font-family: OpenSans-Light;
    font-size: .2rem;
    color: #000000;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
}

.iderAccessoriesSwiper .con .text {
    width: 4.275rem;
    height: 100%;
    font-family: OpenSans-Light;
    font-size: .2rem;
    line-height: .375rem;
    padding-left: .375rem;
    color: #000000;
    border-right: solid 1px #e5e5e5;
}

.iderAccessoriesSwiper .con .img {
    width: 3.4625rem;
    height: 100%;
    overflow: hidden;

    padding: .125rem;
}

.iderAccessoriesSwiper .con .img img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.iderproductDetailBox1 {
    width: 100%;
    height: auto;
}

.iderproductDetailBox1 .tops {
    width: 100%;
    height: auto;
    margin-bottom: .5625rem;
}
.iderproductDetailBox1 .tops .text{
	flex:1;
}
.iderproductDetailBox1Lt {
    width: 4.125rem;
    margin-right: .75rem;
}

.iderproductDetailBox1 .tops .img {
    width: 100%;
    height: 4.9375rem;
    overflow: hidden;
}

.iderproductDetailBox1 .tops .text p {
    font-family: OpenSans-Regular;
    font-size: .2rem;
    font-weight: 600;
    color: #9f9f9f;
}

.iderproductDetailBox1 .tops .text h3 {
    margin-top: .125rem;
    font-size: .3rem;
    font-weight: 700;
    line-height: .375rem;
    color: #000;
}

.iderproductDetailBox1 .tops .text .ls {
    font-family: OpenSans-Regular;
    font-size: .225rem;
    line-height: .375rem;

    color: #363636;
    margin-top: .0625rem;
}

.iderproductDetailBox1 .tops .Inquires {
    display: block;
    cursor: pointer;
    width: 3.5625rem;
    height: .5rem;
    line-height: .5rem;
    padding-left: .375rem;
    text-align: center;
    font-size: .225rem;
    color: var(--mainColor);
    font-weight: 600;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic10-7.png) center no-repeat;
    background-size: auto .25rem;
    background-position-x: .5rem;
    border: 1px solid var(--mainColor);
    transition: all 0.3s;
}


.iderproductDetailBox1 .tops .Inquires:hover {
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic10-8.png) center no-repeat;
    background-size: auto .25rem;
    background-position-x: .5rem;
    color: #fff;
    background-color: var(--mainColor);
}
/* ========= */
.iderAccessoriesBox1.cons .title .imgs {
    width: 3.4625rem;
    flex: none;
}

.iderAccessoriesBox1.cons .title .text {
    flex: 1;
}

.iderAccessoriesSwiper.cons .con .text {
    flex: 1;
}

.iderAccessoriesSwiper.cons .con .img {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ============= */

.iderAccessories-pagination {
    justify-content: end;

}

.iderAccessories-pagination .swiper-pagination-bullet {
    margin: 0 4px;
}

.iderProductDetailList .items {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
}

.iderProductDetailList .items.active {
    height: auto;
    overflow: visible;
}

.iderproductDetailBox1 .com-card {
    align-items: flex-start;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e5e5e5;
}

.iderproductDetailBox1Rt {
    flex: 1;
}

.iderproductDetailBox2 {
    width: 100%;
    height: auto;
    padding-top: .75rem;
}

.iderproductDetailBox2 .com-card {
    padding-bottom: .725rem;
    border-bottom: 1px solid #e0e0e0;
}

.iderproductDetailBox2 .img {
    width: 7.8375rem;
    height: 5.3625rem;
    margin-right: 1.25rem;
    overflow: hidden;
}

.iderproductDetailBox2 .text {
    flex: 1;
}

.iderproductDetailBox2 .text .com-ls30 {
    margin: .25rem 0 .5625rem 0;
    flex: 1;
}

.iderproductDetailBox2 .text .mores {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.05rem;
    cursor: pointer;
    height: .625rem;
    background-color: #ffffff;
    border-radius: .0625rem;
    border: solid 1px #d9d9d9;
    font-family: OpenSans-Regular;
    font-size: .225rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
}

.iderproductDetailBox2 .text .mores::after {
    display: block;
    content: '';
    width: .3rem;
    height: .1rem;
    margin-left: .15rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic10-9.png) no-repeat;
    background-size: contain;
}

.iderproductDetailBox3 {
    width: 100%;
    height: auto;
    padding: .6875rem 0;
}

.iderproductDetailBox3Menu {
    width: 3.3125rem;
    height: auto;
    margin-right: .25rem;
}

.iderproductDetailBox3Menu .menu-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: OpenSans-Regular;
    font-size: .225rem;
    font-weight: 600;
    color: #262626;
    margin-bottom: .25rem;

}

.submenu .menu-item a {
    justify-content: flex-start;
    font-family: OpenSans-Light;
    font-size: .2rem;
    color: #3a3a3a;
    padding-left: .125rem;
}

.submenu .menu-item a::before {
    display: block;
    content: '';
    width: .2625rem;
    border-radius: 50%;
    height: .2625rem;
    transition: all 0.3s;
    margin-right: .1125rem;
    border: solid .0125rem #bfbfbf;
}

.submenu.level-3 a {
    padding-left: .25rem;
}

.iderproductDetailBox3Menu .menu-item>a .Arrows {
    display: inline-block;
    font-family: Poppins-ExtraLight;
    width: .15rem;
    height: .1rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic8-1.png) no-repeat;
    background-size: cover;
    color: #3a3a3a;
    filter: brightness(0.5);
    transform: rotate(-90deg);
    transition: all 0.3s;
}

.submenu {
    display: none;
}

.iderproductDetailBox3Menu .menu-item>a .Arrows.active {
    filter: none;
    transform: rotate(0);
}

.iderproductDetailBox3Menu .menu-item>a.as {
    justify-content: space-between;
}

.iderproductDetailBox3Menu .menu-item>a.as::before {
    display: none;
}


.iderproductDetailBox3Menu .item .con li::before {
    display: block;
    content: '';
    width: .2625rem;
    border-radius: 50%;
    height: .2625rem;
    transition: all 0.3s;
    margin-right: .1125rem;
    border: solid .0125rem #bfbfbf;
}

.iderproductDetailBox3Menu .item .con li a {
    display: inline-block;
    flex: 1;
    transition: all 0.3s;
    width: 100%;
    font-family: OpenSans-Light;
    font-size: .2rem;
    color: #3a3a3a;
}


.submenu .menu-item a.active::before,
.toggle-btn.active a::before {
    background-color: #fff;
    border: .0875rem solid var(--mainColor);
}

.iderproductDetailBox3Rt {
    flex: 1;
}

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

.iderproductDetailBox3Rt .table {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    border-radius: 1px;
    border: solid 1px #e5e5e5;
}

.iderproductDetailBox3Rt .table .fistTd,
.iderproductDetailBox3Rt .table tr th:first-child {
    position: relative;
    z-index: 3;
}

.iderproductDetailBox3Rt .table th {
    height: .7875rem;
    background-color: #ffffff;
    border: none;
    white-space: nowrap;
    font-family: OpenSans-Regular;
    font-size: .2rem;
    padding-left: .125rem;
    color: #3a3a3a;
}

.iderproductDetailBox3Rt .table .img {
    width: 1.6875rem;
    height: 1.6875rem;
    overflow: hidden;
    margin-right: .125rem;
}

.iderproductDetailBox3Rt .table .text {
    display: inline-block;
    flex: 1;
}

.iderproductDetailBox3Rt .table tbody tr {
    position: relative;
    width: 100%;
    height: auto;

}

.iderproductDetailBox3Rt .table th:first-child {
    position: sticky !important;
    top: 0;
    left: 0;
    z-index: 22;
}

.iderproductDetailBox3Rt .table tbody tr td:nth-child(2n) {
    text-align: center;
}

.iderproductDetailBox3Rt .table td {
    border: none;
    padding: .25rem .125rem;
    transition: all 0.3s;
}

.iderproductDetailBox3Rt .table .text .ls {
    font-size: .175rem;
    line-height: .3rem;
    margin-bottom: .0625rem;
    color: #000000;
}

.iderproductDetailBox3Rt .table .text .lss {
    font-size: .175rem;
    line-height: .3rem;
    color: #000000;
}

.iderproductDetailBox3Rt .table .text .mores {
    font-family: OpenSans-Light;
    text-decoration: underline;
    font-size: .175rem;
    color: var(--mainColor);
    margin-top: .0625rem;
}

.iderproductDetailBox3Rt .table tbody tr:nth-child(2n +1) td {
    background-color: #f6f6f6;
    width: 50%;
}

.iderproductDetailBox3Rt .table tr td:first-child {
    position: sticky;
    z-index: 22;
    top: 0;
    left: 0;
    background-color: #fff !important;
}

.iderproductDetailBox3Rt .tdSamk {
    position: absolute;
    left: 0;
    top: 0;
    width: 4.6625rem;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 0px 3px 49px 0px rgba(0, 0, 0, 0.23);
    border-radius: 1px;
    z-index: 2;
}

.iderproductDetailBox3Rt .table tr:hover {
    background-color: #ffffff;
    box-shadow: 0px 3px 49px 0px rgba(0, 0, 0, 0.23);
    z-index: 3;
}

.iderproductDetailBox3Rt .table tr:hover td {
    background-color: #fff !important;
}

.toggle-btn {
    width: 100%;
    border: none;
    list-style: none;
    background-color: transparent;
    display: block;
}

.selected-item {
    width: fit-content;
    margin: 0 .125rem .0625rem 0;
    padding: .0625rem .125rem;
    font-size: .2rem;
    cursor: pointer;
    color: #000;
    border-radius: .0625rem;
    border: 1px solid var(--mainColor);
}

#reset-btn {
    background-color: var(--mainColor);
    color: #fff;
    cursor: pointer;
    font-size: .2rem;
    border: none;
    list-style: none;
    text-align: center;
    padding: .0625rem;
    border-radius: .0375rem;

}

.selected-items {
    margin-bottom: .25rem;
}

/* iderSubmenu */
.menu-items.active a::after {
    transform: rotate(180deg);
}

.iderSubmenu {
    width: 70%;
    padding-top: .125rem;
    height: auto;
    position: absolute;
    left: 50%;
    top: 100%;
    display: none;
    z-index: 666;
    opacity: 0;
	transform: translateX(-50%);
    transition: all 0.3s ease;
}

.iderSubmenu.active {
    display: block;
    opacity: 1;
}

.downMenuItem {
    display: none;
}

.iderSubmenuLt {
    width: 5.375rem;
    max-height: 9.75rem;
    background-color: #ffffff;
    border-radius: .125rem;
    margin-right: .25rem;
    transition: all 0.3s;
    padding: .375rem .4375rem .375rem .25rem;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0px 0px 40px rgba(137, 147, 168, .6);
}

.iderSubmenuLtRt {
    flex: 1;
    max-height: 9.75rem;
}

.iderSubmenu .com-title {
    font-family: OpenSans-Regular;
    font-size: .3rem;
    font-weight: 600;
    color: #000000;
}

.iderSubmenuLt .con {
    width: 100%;
    height: auto;
    margin-top: .375rem;
}
.iderSubmenuLt .con.remove .item::after,
.iderSubmenuLt .con.removes .item::after{
	display: none;
}
.iderSubmenuLt .con.remove .item:first-child::after{
	display: block;
}
.iderSubmenuLt .con .item {
    height: .5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    font-family: OpenSans-Regular;
    font-size: .2rem;
    color: #000000;
    border-radius: .25rem;
    font-weight: 600;
    padding: 0 .25rem;
    transition: all 0.3s;
}

.iderSubmenuLt .con .item a {
    color: #000000;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    font-size: .2rem;
}

.iderSubmenuLt .con .item::after {
    display: block;
    content: '';
    width: .15rem;
    height: .1rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic8-1.png) no-repeat;
    background-size: cover;
    transform: rotate(-90deg);
    filter: brightness(0);
    transition: all 0.3s;
}

.iderSubmenuLt .con .item:hover,
.iderSubmenuLt .con .item.active,
.iderSubmenuLt .con .item:hover a,
.iderSubmenuLt .con .item.active a {
    color: var(--mainColor);
    background-color: #f6f6f6;
}

.submenuRtList {
    display: none;
    background-color: #ffffff;
    border-radius: .125rem;
    overflow: hidden;
    padding: .3125rem .3125rem .25rem .4375rem;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0px 0px 40px rgba(137, 147, 168, .6);
}

.submenuRtList.active,
.btoRtList.active {
    display: block;
}

.iderSubmenuLt .con .item:hover::after,
.iderSubmenuLt .con .item.active::after {
    filter: none;
}


.iderSubmenuLtRt .con {
    width: 3.125rem;
    margin-right: .25rem;
    padding-top: .1875rem;
}
.iderSubmenuLtRt .con.solutions .item{
	width: calc(100% / 3);
}
.iderSubmenuLtRt .con .item {
    cursor: pointer;
    font-family: OpenSans-Light;
    font-size: .2rem;
    font-weight: 600;
    line-height: .45rem;
    color: #000000;
    transition: all 0.3s;
}

.iderSubmenuLtRt .con .item a {
    color: #000000;
    font-size: .2rem;
    font-weight: 600;
}

.iderSubmenuLtRt .con .item:hover,
.iderSubmenuLtRt .con .item.active,
.iderSubmenuLtRt .con .item:hover a,
.iderSubmenuLtRt .con .item.active a {
    color: var(--mainColor);
    text-decoration: underline;
}

.btoRtList {
    display: none;
}

.iderSubmenuLtRt .bto {
    height: 100%;
    overflow: hidden;
    align-items: flex-start;
}

.iderSubmenuLtRt .bto .btoRT {
    flex: 1;
    max-height: 8.075rem;
    overflow-y: scroll;
    padding-top: .1875rem;
}

.iderSubmenuLtRt .bto .btoRT::-webkit-scrollbar {
    width: 4px;
}

.iderSubmenuLtRt .bto .btoRT::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.iderSubmenuLtRt .bto .btoRT::-webkit-scrollbar-thumb {
    background: #888;
    cursor: pointer;
    border-radius: 2px;
}

.iderSubmenuLtRt .bto .btoRT::-webkit-scrollbar-thumb:hover {
    background: var(--mainColor);
    cursor: pointer;
}



.iderSubmenuLtRt .bto .btoRT ul {
    align-items: baseline;
}

.iderSubmenuLtRt .btoRT li {
    width: calc((100% - .3625rem) / 2);
    height: auto;
    margin: 0 .3625rem .375rem 0;
}

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

.iderSubmenuLtRt .btoRT .img {
    width: 100%;
    height: 2.125rem;
    border-radius: .0625rem;
    overflow: hidden;
    border: solid .0125rem #e5e5e5;
}

.iderSubmenuLtRt .btoRT .img img {
    object-fit: contain;
}

.iderSubmenuLtRt .btoRT .text {
    width: 100%;
    height: auto;
    padding: .125rem .1875rem 0 0;
}

.iderSubmenuLtRt .btoRT .name {
    font-family: OpenSans-SemiBold;
    font-size: .2rem;
    color: #000000;
}

.iderSubmenuLtRt .btoRT .ls {
    font-family: OpenSans-Light;
    font-size: .2rem;
    font-weight: 600;
    line-height: .3rem;
    margin: .0875rem 0 .1875rem 0;
    color: #000000;
}

.iderSubmenuLtRt .btoRT .mores {
    font-family: Poppins-Regular;
    font-size: .2rem;
    display: flex;
    align-items: center;
    color: #666666;
    transition: all 0.3s;
}

.iderSubmenuLtRt .btoRT .mores::after {
    display: block;
    content: '';
    width: .3rem;
    filter: grayscale(1);
    height: .1rem;
    margin-left: .125rem;
    background: url(https://amissiontech.usa18.wondercdn.com/public/static/images/home/en-us/ic10-10.png) no-repeat;
    background-size: cover;
    transition: all 0.3s;
}

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

.iderSubmenuLtRt .btoRT li:hover .mores::after {
    filter: none;
}

.submenuDisplay {
    display: none !important;
}


























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

}

@media screen and (max-width: 1024px) {
    .com-card {
        width: 100%;
        padding: 0 4%;
    }

    .customizedBox6 .img,
    .industryBox1 .img,
    .industryBox3Con .img {
        display: none;
    }

    .com-tl,
    .index_box6 .lt h6,
    .iderproductDetailBox1 .tops .text h3,
    .iderfeaturesBox .table p,
    .iderDownsBox1Lt .title {
        font-size: 16px;
    }

    .index_footer li h6,
    .applicationBox1 .tl p,
    .applicationBox3 li h6,
    .applicationBox4 li h6,
    .customizedBox2 .tl .ls,
    .customizedBox4 li h6,
    .industryBox2 .name h6,
    .industryBox1 ul h6,
    .industryBox3Con ul h6,
    .customizedBox6 li h6,
    .applicationBox4 li h6,
    .iderproductDetailBox1 .tops .Inquires,
    .iderProductDetail .nav .item,
    .iderAccessoriesBox1 .title .name,
    .iderproductDetailBox3Menu .menu-item a {
        font-size: 15px;
    }

    .com-txt2,
    .com-txt3,
    .index_footer li .ls,
    .index_footer .bottom .lt,
    .customizedBox3 li .name,
    .agreementBoxCon p {
        font-size: 14px;
        line-height: 20px;
    }

    .iderproductDetailBox1 .tops .text .ls {
        font-size: 14px;
        line-height: 24px;
    }

    .index_box1Swiper .more,
    .iderSpecificationBox1 tr td,
    .iderfeaturesBox .table td,
    .iderAccessoriesSwiper .con .types,
    .iderAccessoriesSwiper .con .code,
    .iderAccessoriesSwiper .con .text,
    .iderDownsBox1Menu .tl>a,
    .iderDownsBox1Menu .downList a {
        font-size: 14px;
    }

    .index_box1Con,
    .index_box2 ul,
    .index_box3 ul,
    .applicationBox2Con,
    .applicationBox3 ul,
    .industryBox5Swiper,
    .customizedBox4 ul,
    .customizedBox5Con,
    .customizedBox7 ul,
    .industryBox2 ul,
    .industryBox3Con,
    .industryBox6 ul {
        margin-top: 15px;
    }

    .applicationBox1 .com-txt3 {
        margin-bottom: 10px;
    }

    .index_box1 .com-card,
    .index_box4 .com-card,
    .index_box3 .com-card,
    .index_box2 .com-card,
    .index_box5,
    .applicationBox1 .com-card,
    .applicationBox3 .com-card,
    .industryBox5 .com-card,
    .customizedBox1,
    .customizedBox1 .com-card,
    .customizedBox3 .com-card,
    .customizedBox4 .com-card,
    .customizedBox6 .com-card,
    .industryBox1 .com-card,
    .industryBox3,
    .industryBox6 {
        padding-bottom: 20px;
    }

    .index_box2,
    .index_box3,
    .index_box5,
    .applicationBox1,
    .applicationBox2,
    .applicationBox3,
    .customizedBox1,
    .customizedBox4,
    .industryBox3,
    .industryBox6 {
        padding-top: 20px
    }

    .index_box4Con,
    .index_box5 ul,
    .index_footer ul,
    .applicationBox1 .com-card,
    .customizedBox1 .com-card,
    .customizedBox3 ul,
    .customizedBox4 .tl,
    .customizedBox4 ul,
    .customizedBox6 .com-card,
    .customizedBox7 ul,
    .industryBox3 .tl,
    .industryBox4Con,
    .industryBox6 ul,
    .iderOverviewBox1 .bto ul,
    .iderproductDetailBox1 .com-card,
    .iderproductDetailBox1 .tops,
    .iderproductDetailBox2 .com-card,
    .iderproductDetailBox3 .com-card,
    .iderDownsBox1 .com-card {
        flex-wrap: wrap;
    }

    .iderDownsBox1 {
        padding: 20px 0;
    }

    .index_box4 {
        padding-top: 0;
    }

    .index_box1Swiper .img,
    .index_box1Swiper a,
    .index_box3 li,
    .index_box4Con,
    .index_box4 .img,
    .index_box5 li .img,
    .applicationBox1 .img,
    .applicationBox2Swiper .img,
    .customizedBox1 .img,
    .customizedBox3 li .img,
    .customizedBox5Swiper .img,
    .customizedBox5Swiper a,
    .industryBox2 li .img,
    .industryBox4Con .img,
    .solutionsBox1 .img,
    .iderfeaturesBox .table .img {
        height: auto;
    }

    .index_box4 .img,
    .applicationBox1 .img,
    .customizedBox1 .img,
    .industryBox4Con .img {
        margin-left: 0;
    }

    .index_headerTop .form {
        flex: 1;
        margin: 0 5%;
    }

    .index_box4Con {
        background: none;
    }

    .headerSwiper .text h6 {
        font-size: 16px;
        line-height: 25px;
    }

    .headerSwiper .imgs {
        height: 30vh;
    }

    .headerSwiper .text h6 {
        margin-bottom: 15px;
    }

    .headerSwiper .itemImg,
    .index_footer ul li:nth-child(3),
    .customizedBox7 li .img::after {
        display: none;
    }

    .index_box2 li {
        width: 20%;
    }

    .index_box2 li.active {
        width: 40%;
    }

    .index_box2 li.active .text,
    .customizedBox4 .tl .lt,
    .industryBox3 .tl .com-txt3,
    .iderproductDetailBox1 .tops .text,
    .iderDownsBox1Lt {
        width: 100%;
        height: auto;
    }

    .iderDownsBox1Lt {
        margin: 0 0 10px 0;
    }

    .index_box3 li {
        width: calc((100% - 20px) / 3);
        margin: 0 10px 10px 0;
    }

    .index_box3 li:nth-child(4n) {
        margin-right: 10px;
    }

    .index_box3 li:nth-child(3n),
    .index_box5 li:nth-child(2n),
    .applicationBox3 li {
        margin-right: 0;
    }

    .index_box4 .text,
    .applicationBox1 .lt,
    .customizedBox1 .text,
    .industryBox4Con .text {
        flex: none;
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }

    .index_box5 li {
        width: calc((100% - 10px) / 2);
        margin: 0 10px 30px 0;
    }

    .index_box5 ul {
        margin-top: 40px;
    }

    .index_footer ul li {
        margin-bottom: 10px;
    }

    .applicationBox3 li,
    .customizedBox6 .lt .tl {
        width: 100%;
    }

    .customizedBox2 li {
        width: calc((100% - 4%) / 2);
        margin: 0 4% 10px 0;

    }

    .customizedBox2 li:nth-child(3n) {
        margin-right: 4%;
    }

    .customizedBox2 li:nth-child(2n),
    .customizedBox3 ul li:nth-child(3n) {
        margin-right: 0;
    }

    .customizedBox2 li:last-child {
        justify-content: center;
    }

    .customizedBox2 .tl .ls {
        margin-bottom: 15px;
    }

    .customizedBox3 li {
        width: calc((100% - 20px) / 3);
        margin: 0 10px 10px 0;
    }

    .customizedBox3 ul {
        justify-content: flex-start;
    }

    .customizedBox4 li {
        width: calc(100% / 2);
    }

    .customizedBox4 li:last-child {
        padding: 0;
    }

    .customizedBox7 ul {
        padding: 2%;
        justify-content: flex-start;
    }

    .customizedBox7 ul li {
        width: calc((100% - 30px) / 3);
        margin: 0 10px 10px 0;
    }

    .industryBox2 li {
        width: calc((100% - 10px) / 2);
        margin: 0 10px 3% 0;
    }

    .industryBox2 li .name::after {
        width: 40%;
    }

    .industryBox6 ul {
        justify-content: flex-start;
    }

    .industryBox6 ul li {
        width: calc(100% / 3);
        margin-bottom: 3%;
    }

    .solutionsBox1 .con li {
        width: calc((100% - 20px) / 3);
        margin: 0 10px 20px 0;
    }

    .iderOverviewBox1 .bto li {
        width: calc((100% - 10px) / 2);
        margin: 0 10px 10px 0;
    }

    .solutionsBox1 .con li:nth-child(4n) {
        margin-right: 10px;
    }

    .solutionsBox1 .con li:nth-child(3n),
    .iderOverviewBox1 .bto li:nth-child(2n) {
        margin-right: 0;
    }

    .solutionsBox1 {
        padding: 20px 0;
    }

    .iderOverviewBox1 .bto li img {
        height: 100%;
        object-fit: contain;
    }

    .iderOverviewBox1 .bto li .name {
        height: auto;
        padding: 2%;
        line-height: 24px;
        font-size: 15px
    }

    .iderOverviewBox1 .bto,
    .iderDownBox1,
    .iderSpecificationBox1,
    .iderOverviewBox1 {
        padding-top: 20px;
    }

    .iderCategoryBox2List,
    .iderproductDetailBox1 .com-card,
    .iderproductDetailBox2 .com-card {
        padding-bottom: 20px;
    }

    .iderSpecificationBox1 tr td:first-child,
    .iderSpecificationBox1 tr th,
    .iderDownBox1 tr td,
    .iderDownBox1 tr th {
        white-space: nowrap;
    }

    .iderSpecificationBox1 tr th {
        padding: 0 10px;
    }

    .iderSpecificationBox1 table,
    .iderDownBox1 table,
    .iderfeaturesBox table {
        overflow-x: scroll;
    }

    .iderDownBox1 tr td {
        padding: 0 10px;
    }

    .iderDownBox1 tr td a {
        background-position-x: 0;

    }

    .iderProductDetail .nav .item {
        width: fit-content;
        padding: 0 15px;
    }

    .iderproductDetailBox1 .tops .Inquires {
        margin-top: 15px;
    }

    .iderProductDetailList .items,
    .iderDownsBox1 .form {
        width: 100%;
    }

    .iderproductDetailBox1Rt,
    .iderproductDetailBox2 .text,
    .iderproductDetailBox3Rt,
    .iderDownsBox1 .iderDownBox1 {
        flex: none;
        width: 100%;
    }

    .iderproductDetailBox2 .img {
        height: auto;
        margin: 0 0 10px 0;
    }

    .iderAccessoriesSwiper .con {
        height: 100%;
    }

    .iderproductDetailBox3Menu {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .iderproductDetailBox3Rt .table {

        overflow-x: scroll;
    }

    .iderproductDetailBox3Rt .tdSamk,
    .iderproductDetailBox3Rt .table tr th:first-child,
    .iderproductDetailBox3Rt .table tr td:first-child {
        width: 300px;
        display: block;
    }

    .iderDownsBox1 .iderDownBox1 tr td a {
        background-position-x: 0;
    }
}

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

    .comNav {
        top: 60px;
    }

    .iderCategoryBox1 .com-card {
        flex-wrap: wrap;
    }

    .iderCategoryBox1 .text {
        flex: none;
        width: 100%;
    }

    .iderCategoryBox1 {
        padding: 20px 0;
    }

    .iderCategoryBox1 .text li,
    .iderCategoryBox2 .item {
        font-size: 15px;
    }

    .iderOverviewBox1Con .itemList .text p {
        font-size: 16px;
    }

    .com-ls30,
    .iderOverviewBox1Con .topText li,
    .iderOverviewBox1Con .itemList li {
        font-size: 14px;
        line-height: 24px;
    }

    .iderOverviewBox1Con .itemList li::before {
        width: 5px;
        height: 5px;
    }

    .iderCategoryBox1 .img {
        margin: 10px 0 0;
        height: auto;
    }

    .iderOverviewBox1Con .topText .top ul,
    .iderOverviewBox1Con .itemList .text {
        width: 50%;
        flex: none;
    }

    .iderOverviewBox1Con .topText .img {
        width: auto;
        height: 100%;
    }

    .iderOverviewBox1Con .topText .img img {
        width: auto;
        height: 100%;
        object-fit: contain;
    }

    .iderSpecificationBox1 table,
    .iderDownBox1 table,
    .iderfeaturesBox table {
        min-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .headerSwiper .imgs {
        width: 50%;
        object-fit: contain;
    }

    .index_box3 li,
    .solutionsBox1 .con li {
        width: calc((100% - 10px) / 2);

    }

    .industryBox6 ul li {
        width: calc(100% / 2);
    }

    .index_box3 li:nth-child(3n),
    .solutionsBox1 .con li:nth-child(3n) {
        margin-right: 10px;
    }

    .index_box3 li:nth-child(2n),
    .solutionsBox1 .con li:nth-child(2n) {
        margin-right: 0;
    }

    .index_box3 .tl,
    .index_box6 .com-card,
    .index_footer .bottom .com-card,
    .comNav .com-card,
    .solutionsBox1 .tl {
        flex-wrap: wrap;
    }

    .index_box3 .tl .lt {
        width: 100%;
        margin-bottom: 15px;
    }

    .index_box5 .text {
        padding: 3%;
        height: auto;
    }

    .index_box6 {
        padding: 3% 0;
        height: auto;
    }

    .index_footer li .form,
    .index_footer li:last-child {
        width: 100%;
    }

    .index_box3 li .com-txt2,
    .industryBox5Swiper .com-txt2,
    .industryBox5Swiper .swiper-slide-active .com-txt2 {
        padding: 0 2%;
    }

    .index_box6 .rt {
        width: 100%;
        margin-top: 15px;
        justify-content: center;
    }

    .comNav {
        padding: 10px 0;
    }

    .solutionsBox1 .tl .com-txt2 {
        width: 100%;
        margin-top: 10px;
    }

    .iderOverviewBox1Con .topText .btoText {
        font-size: 16px;
    }

    .iderAccessoriesSwiper .con .img {
        width: 150px;
    }

    .iderAccessoriesSwiper .con .text {
        overflow-x: scroll;
    }

    .iderAccessoriesBox1 .title .imgs {
        flex: none;
    }

    .iderAccessoriesBox1 .title .name {
        width: calc(100% / 4);
    }

    .iderAccessoriesSwiper .con .types,
    .iderAccessoriesBox1 .title .code,
    .iderAccessoriesBox1 .title .types,
    .iderAccessoriesBox1 .title .text {
        white-space: nowrap;
        padding: 0 10px;
    }
	.index_box2 ul{
		flex-wrap: wrap;
		height: auto;
	}
	.index_box2 li.active .com-txt3,
	.index_box2 li .com-txt3{
	    overflow: visible !important;
	    height: auto !important;
	}
	.index_box2 li.active,
		.index_box2 li{
		width: 100% !important;
		margin-bottom: 10px;
	}
	.index_box2 li .text,
	.index_box2 li.active .text{
		position: static;
		background-color: transparent;
        flex-wrap: wrap;
		padding: 2%;
		transform: translate(0);
	}
	.index_box2 li.active .more,
	.index_box2 li .more{
		display: flex;
	}
	.index_box2 li.active .com-txt3,
	.index_box2 li .com-txt3{
		    margin: 10px  0;
		display: block;
	}
}


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

    .applicationBox3 li,
    .iderOverviewBox1Con .topText .top,
    .iderOverviewBox1Con .itemList .con {
        flex-wrap: wrap;
        height: auto;
    }

    .iderOverviewBox1Con .itemList {
        height: auto;
        margin-bottom: 10px;
    }

    .applicationBox3 li .text,
    .iderOverviewBox1Con .topText .top ul,
    .iderOverviewBox1Con .itemList .text {
        flex: none;
        width: 100%;
        padding-top: 0;
    }

    .iderOverviewBox1Con .itemList .img {
        width: 100%;
        margin-top: 10px;
    }

    .iderOverviewBox1Con .topText .top,
    .iderOverviewBox1Con .itemList .con {
        padding: 3%;
    }

    .customizedBox2 li,
    .customizedBox4 li,
    .industryBox4Con .img {
        width: 100%;
        height: auto;
        margin-right: 0 !important;
    }

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

    .customizedBox4 li {
        padding: 0 !important;
        margin-bottom: 4%;
        border-right: none;
    }

    .customizedBox3 ul li:nth-child(3n) {
        margin-right: 10px;
    }

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

    .customizedBox5Con {
        padding: 3% 2%;
    }

    .customizedBox6 {
        padding: 20px 0;
    }

    .industryBox4Con {
        padding: 2%;
    }

    .iderOverviewBox1Con .topText .btoText {
        height: auto;
        line-height: 25px;
        padding: 2%;
    }

    .iderOverviewBox1 .bto li .img {
        height: auto;
    }

    /* ===== */
    .iderAccessoriesSwiper {
        height: 400px;
    }

    .iderAccessoriesSwiper .con .code,
    .iderAccessoriesSwiper .con .types {
        width: 20%;
        overflow-x: scroll;

    }

    .iderAccessoriesSwiper .con div,
    .iderAccessoriesBox1 .title .name {
        width: 20% !important;
        padding: 0 2%;
    }

    .iderAccessoriesBox1.cons .title .imgs {
        width: 20%;

    }

    .iderAccessoriesSwiper .con .text {
        padding: 0 1%;
    }
	.videoListBox .list{
		width: calc((100% - 10px) / 2);
		margin:  0 10px 10px 0;
	}
	.videoListBox .list:nth-child(2n){
		margin-right: 0;
	}

}

@media screen and (max-width: 500px) {
    .iderproductDetailBox3Rt .table tbody tr:nth-child(2n +1) td {
        width: 100%;
    }

    .iderproductDetailBox3Rt .table .img {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 10px;
    }

    .headerSwiper .bg {
        height: 60vh;
    }

    .headerSwiper .text .com-card,
    .index_box6 .lt {
        flex-wrap: wrap;
    }

    .index_box6 .lt {
        width: 100%;
        justify-content: space-between;
    }

    .headerSwiper .text .con,
    .index_box4 .img,
    .index_box1Swiper .more,
    .index_box3 li,
    .index_box2 li.active,
    .index_box5 li,
    .applicationBox1 .img,
    .applicationBox3 li .img,
    .customizedBox1 .img,
    .industryBox2 li,
    .industryBox6 ul li,
    .solutionsBox1 .con li,
    .iderCategoryBox1 .img,
    .iderOverviewBox1 .bto li {
        width: 100%;
    }

    .index_box6 .lt h6 {
        margin: 10px 0;
    }

    .headerSwiper .imgs {
        width: 90%;
        height: auto;
    }

    .index_box1Con {
        padding: 2% 4%;
    }

    .index_box1-next,
    .index_box1-prev {
        z-index: 888;
    }

    .index_box2 li.active .text {
        padding: 2%;
    }

    .applicationBox4 li .text {
        padding: 2% 4%;
    }

    .index_box2 li .text {
        padding: 10px 1%;
    }

    .index_box3 li,
    .index_box5 li,
    .industryBox2 li,
    .solutionsBox1 .con li,
    .iderOverviewBox1 .bto li {
        margin-right: 0 !important;
    }

    .index_box2 li,
    .industryBox6 ul li,
    .solutionsBox1 .text {
        width: auto;
    }

    .index_footer ul {
        padding: 20px 0;
    }

    .applicationBox2Con {
        padding: 4%;
    }

    .industryBox1 ul h6,
    .industryBox3Con ul h6,
    .customizedBox6 li h6,
    .applicationBox4 li h6 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        line-height: 41px;
        text-overflow: ellipsis;
        margin-right: 10px;
    }

    .industryBox1 li.active h6,
    .industryBox3Con li.active h6,
    .customizedBox6 li.active h6,
    .applicationBox4 li.active h6 {
        line-height: 20px;
        display: flex;
    }

    .customizedBox7 ul li,
    .iderCategoryBox1 .text li {
        width: calc((100% - 10px) / 2);
    }

    .iderProductDetail .nav .item {
        width: 100%;
    }

    .iderCategoryBox1 .text li,
    .iderProductDetail .nav .item {
        margin: 0 10px 10px 0;
    }

    .customizedBox7 ul li:nth-child(2n),
    .iderCategoryBox1 .text li:nth-child(2n),
    .iderProductDetail .nav .item {
        margin-right: 0
    }

    .customizedBox7 {
        padding: 20px 0;
    }

    .industryBox6 li .text {
        border-right: none;
        height: auto;
        padding: 0;
    }

    .industryBox6 li .icon {
        margin-left: 0;
    }

    .iderProductDetail .nav,
    .iderAccessoriesBox1Swiper .bottom {
        flex-wrap: wrap;
    }

    .iderAccessoriesBox1Swiper .bottom .swiperItems {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .iderproductDetailBox3Rt .table tr .fistTd {
        flex-wrap: wrap;
    }

    .iderproductDetailBox3Rt .table .text {
        flex: none;
        width: 100%;
    }

    .iderproductDetailBox3Rt .tdSamk,
    .iderproductDetailBox3Rt .table tr th:first-child,
    .iderproductDetailBox3Rt .table tr td:first-child {
        width: 160px;
    }
	.iderSpecificationBox1Item .slider_table {
	    max-height: 420px;
	}
	.index_box5 li  .img{
		max-height: 350px;
	}
	.applicationBox4 li.active h6{
		height: auto;
		padding: 2%  4%;
	}
	.newsBox .item .img{
		        max-height: 164px;
	}
	.videoListBox .list{
		width: 100%;
		margin-right: 0 !important;
	}
}

@media screen and (max-width: 420px) {
    .industryBox5Swiper a {
        height: auto;
    }

    .iderAccessoriesSwiper {
        height: 200px;
    }

    .iderAccessoriesSwiper .con div {
        padding: 0 10px;
        width: fit-content;
    }

    .customizedBox3 li {
        width: 100%;
        margin-right: 0 !important;
    }

    .customizedBox3 li .name {
        height: auto;
    }

    .iderfeaturesBox .table td {
        white-space: nowrap;
    }
}


@media screen and (max-width: 375px) {
    .index_box6 .lt {
        justify-content: center;
    }
}