@charset "utf-8";
/* font-awesome */
@import "../fonts/fontawesome/font-awesome.min.css";
/* bootstrap-icons */
@import "../fonts/bootstrap-icons/bootstrap-icons.min.css";
/* Animate */

@font-face{font-weight:400;font-style:normal;font-family:fontawesome;font-display:swap;src:url(//:) format("no404"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype")}
@font-face{font-weight:200;font-style:normal;font-family:Sora;src:local('Sora-Light'),local('Sora-Light'),url(../fonts/Sora-Light.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Sora;src:local('Sora-Regular'),local('Sora-Regular'),url(../fonts/Sora-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Urbanist;src:local('Urbanist-Regular'),local('Urbanist-Regular'),url(../fonts/Urbanist-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Montserrat-Italic;src:local('Montserrat-Italic'),local('Montserrat-Italic'),url(../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.woff2) format('woff2');font-display:swap;}
@font-face{font-weight:300;font-style:normal;font-family:Montserrat;src:local('Montserrat'),local('Montserrat'),url(../fonts/Montserrat/Montserrat-VariableFont_wght.woff2) format('woff2');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:Prompt;font-display:swap;src:url(//:) format("no404"),url(../fonts/Prompt/Prompt-Black.woff2) format("woff"),url(../fonts/Prompt/Prompt-Black.ttf) format("truetype")}
@font-face {font-family:"iconfont";src:url("../fonts/iconfont.ttf?t=1622274305876") format("truetype");font-display: swap;}
:root {
    --nav-height: 56px;
    --plus-height: 30px;
    --slide-icon-size: 60px;
    --footer-nav-height: 54px;
    --primary-color: #3fb498;
    --secondary-color: #63f2af;
    --link-color: #0041a6;
    --font-family-main: 'Montserrat', Arial, Helvetica, sans-serif;
    --font-family-second:'Prompt';
    --mobile-height:100svh;
    --max-content-widdth:1200px;
    --max-banner-content-width:1400px;
    --min-content-width:1000px;
    --tw-border-opacity: .4;
    --tw-bg-opacity: 1;
    --tw-bg-opacity-8: .8;
    --svg-border-white:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
    
    --play-button-shadow-size:20px;
	--play-button-shadow-size:20px;
	--text-color:255 255 255;

    --footer-bg-color:linear-gradient(90deg,#0041a6,#3fb498 100%,hsla(0,0%,100%,0) 222223%);
}
*, li, ol, ul {
    margin: 0;
    padding: 0;
}
a, a:hover {
    text-decoration: none;
}
html,body{
    overscroll-behavior: none; /* 禁止 pull-to-refresh 和页面的边缘反弹 */
    width: 100%;
}
body {
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: var(--primary-color);
    font-family: var(--font-family-main);
    font-size: 0.95rem;
    background: #fff;
    font-weight: 200;
    line-height: 1.4rem;
}

.iconfont {font-family:"iconfont" !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}

/* etw_language */
.etw_language{min-height: 40px; display: flex;}
.etw_language ul{width:100%; margin: 0; display:flex;flex-wrap:wrap; justify-content: flex-end;}
.etw_language ul>li{display:flex;flex-wrap:wrap; position: relative; padding: 0;}
.etw_language ul>li>span{width: 100%; display: flex; align-items: center; justify-content: center; padding: 0 1rem; font-size: .95rem; text-transform: uppercase; color: var(--bg-main);}
#etw_language{float:right;width:auto;text-align:right}
li::marker{
    content: '';
    list-style: none!important;
  padding-left: 0; 
}
#etw_language .dropdown-item{display:inline-block;width:auto;line-height:12px;padding:0.2rem .8rem;color:#003B5D;min-width:auto !important;font-size:.9rem;position:relative}
#etw_language .dropdown-item::before{position:absolute;content:"";right:0;top:.2rem;width:1px;height:15px;background-color:#ccc}
#etw_language .dropdown-item:last-child::before{display:none}
#etw_language .dropdown-item img{margin-right:5px;margin-top:1px}
#etw_language .dropdown-item:hover{color:#000;background:none}
#etw_language .dropdown-item:focus{background:none !important}
/* #otherlink */
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #fff;font-size:.9rem;}
#otherlink a span{position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--bg-main); opacity: 1;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out}
#etw_coper{width:100%;line-height:22px;font-size:1rem;display:flex;font-weight:300;justify-content:center}
#etw_coper a{color:#fff;font-size:.9rem;}

/* #quicknav */
.breadcrumb{position:absolute;z-index:9; top: 10%; left: 70%; background: rgba(212, 218, 214, 0.5); padding: 1rem;}
.breadcrumb li{display:flex;align-items: center; padding: 0 16px; position: relative; font-weight: 500;}
.breadcrumb li a{ color:#000!important}
/*inquiry box start*/
.bg-linear-to-bottom{
    background: linear-gradient(to bottom,#f7f7f7,#fff);
}
.bottom-line{
    position: relative;
    margin-bottom: 1rem;
}

.theme-send-inquiry-box {
    background: var(--primary-color) !important;
    border: 1px solid var(--secondary-color) !important;
  }
  .theme-box-name {
    background: var(--link-color)  !important;
    border-left: 1px solid hsla(205,100%,10%,1) !important;
  }
/*inquiry box stop*/
.justify-text {
    text-align: justify;
    text-align-last: justify;
}   
.row-center-cetner,.row-center-center{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.row-center-start{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}
.row-between-center{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.row-between-start{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.row-start-center{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.row-end-center{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.row-start-start{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.col-between-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.col-between-center{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.col-center-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.col-center-start{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.col-between-start{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.col-between-end{
    display: flex  ;
    flex-direction: column;
         justify-content: space-between;
         align-items: flex-end;
}
.col-start-end{
    display: flex  ;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}
.col-start-start{
    display: flex  ;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.grid-5{
    display: grid;
    margin: 0 auto;
    max-width: var(--max-content-widdth);
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 991.98px) {
    .col-between-right{flex-direction: row;flex-wrap: wrap;}
    
    
}
@media (max-width: 1199.98px) {
    .breadcrumb{left: auto;right: 10%;}
    
}
@media (max-width: 767.98px) {.row-between-center,.row-between-start{flex-wrap: wrap; }
.col-between-end{align-items: flex-start;}
.col-between-end .text-right{text-align: left;}
.breadcrumb{display: none;}
.flex-wrap-reverse{
    flex-wrap: wrap; /* 允许换行 */
    flex-direction: row-reverse; /* 反转项目顺序，主轴水平排列时 */
}
}
@media (max-width: 575.98px) {
    
}
.features:nth-child(odd) .txt .title{
    font-family: var(--font-family-main);
    font-size: 1.4rem;
    text-align: right;
}
.features:nth-child(even) .txt .title{
    font-family: var(--font-family-main);
    font-size: 1.4rem;
    text-align: left;
}
.features:nth-child(odd) .txt .memo{
    text-align: right;
}
.features:nth-child(even) .txt .memo{
    text-align: left;
}
.features .imgs>img{
    width: 200px;
}
.features-list .listset{
    list-style: none;
}
.features-list .listset .item{
    margin-bottom: 1rem;
}
.features-list .listset .item>strong{
    font-weight: bold;
}

.features-big-nums {
    list-style-type: none; 
    padding: 0; /* 去除内边距 */
    counter-reset: item; /* 初始化计数器 */
}

.features-big-nums li {
    display: flex; /* 使用flex布局 */
    align-items: center; /* 垂直对齐 */
    margin-bottom: 20px; /* 给每项加点间距 */
    position: relative;
    margin: 0;
    height: 110px;
    padding: 20px;
}

.img-with-border{
    border: 1PX solid #efefef;
}
.features-big-nums li::before {
    content: counter(item); /* 序号加点 */
    counter-increment: item; /* 每个li元素递增计数器 */
    margin-right: 20px; /* 给数字和文本之间添加间距 */
    font-weight: bold; /* 序号加粗 */
    width: 50px; /* 设置宽度为70px */
    height: 50px; /* 设置高度为70px */
    display: flex; /* 使用flex布局 */
    justify-content: center; /* 水平居中序号 */
    align-items: center; /* 垂直居中序号 */
    text-align: center; /* 确保序号数字居中 */
    font-size: 2.5rem; /* 调整字体大小以适应新的序号空间 */
    font-family: var(--font-family-second);
    color: #fff;
    background: #efefef;
    padding: 15px;
    border-radius: 0 15px 0 0;
}


.list-with-line{
    position: relative;
    padding-left: 20px;
}
.list-with-line::before{
    position: absolute;
    left: 0;
    top: 0;
    content: ' - ';

}

.w-20{
    width: 20%;
}
.w-80{
width: 80%;
}
.w-70{
    width: 70%;
}
.w-60{
width: 60%;
}
.w-40{
    width: 40%;
    overflow: hidden;
}
.w-30{
    width: 30%;
}
.w-25{
    width: 25%;
}
.h3-size{
    font-size: 1.6rem;
    font-family: var(--font-family-second);
}
.greentxt{
    color: var(--primary-color);
}
.no-board{
    border: none;
}
.faq-name{ 
    text-transform: none!important;
    font-size: 1rem;
    text-decoration: none;
    color: #333;
}
header{
    width: 100%;
    height: 96px;
    display: block;
}
.logo{
    height: 96px;
}
.logo>img{
    height: 100%;
}
.logo.show{
    display: block;
}
.logo.hidden{
    display: none;
}
.content{
    width: 100%;
    max-width: var(--max-content-widdth);
}
.content-mini{
    width: 100%;
    max-width: var(--min-content-width);
}
.content-fluid{
    width: 100%;
    max-width: var(--max-banner-content-width);
}
.video-16-9{
    aspect-ratio: 16 / 9;
}
.flex-wrap{
    flex-wrap: wrap;
}
.nav_lang{
    height: 100%;
}
.blue-mask{
    position: relative; 
    display: block; 
    overflow: hidden;
}
.blue-mask::after {
    content: ""; 
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right top, hsla(205,100%,44%,.7) 30%, transparent);
    z-index: 1; 
    opacity: 1; 
    transition: opacity 0.3s ease-in-out; 
}
.blue-mask:hover::after {
    opacity: 0; 
}
.blue-mask .blue-mask-title{
    z-index: 3;
    font-size: 1.3rem;
    font-family: var(--font-family-main);
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    transition: .3s all ease-in-out;
}
.blue-mask:hover .blue-mask-title{
    bottom: -40px;
}
.dropdown-menu1>ul{
 list-style: none;
}
.navbar{
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Montserrat;
}
.nav-item{
    margin: 0 1rem;
    display: inline-block;
}
.nav-item:last-child{
    margin: 0;
}
.nav-item span.pro_icon {position:absolute;top:0.5rem;right:1rem;color:#333;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}

.navbar-expand-lg .navbar-nav .nav-link{
    padding: 0;
    margin: 0;
}
.swiper-button-next, .swiper-button-prev{
    color: #fff!important;
}
.banner{
    position: relative;
}
.banner .swiper-pagination{
    position: absolute;
    bottom: 140px!important;
}
 .banner .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-color: gray;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active {
    background-color: white;
}

.banner .t-cover__arrow-wrapper{
    position: absolute;
    bottom: 30px;
    left: calc( 50% - 20px );
    cursor: pointer;
    display: inline-block;
    transition: all .2s ease-in-out;
}
.banner .t-cover__arrow-wrapper_animated {
    -webkit-animation: t-arrow-bottom 1.7s ease infinite;
    animation: t-arrow-bottom 1.7s ease infinite;
}
.banner .video-center{
    position: absolute;
    left: calc( 50% - 40px );
    top: calc( 70% - 40px );
    z-index: 9;
}
@keyframes t-arrow-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
    55% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.banner-icons{
    display: grid;
    margin: 0 auto;
    max-width: var(--max-banner-content-width);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top:-6rem ;
}
.banner-icons .block-content-item {
    position: relative;
    z-index: 10;
    margin-left: -1px;
    margin-top: -1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(168 157 153 / var(--tw-border-opacity));
    /* border-width: 1px;
    border-color: rgb(168 157 153 / var(--tw-border-opacity)); */
    --tw-border-opacity: .4;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(168 157 153 / var(--tw-text-opacity));
    transition: .3s all ease-in-out;
}
.banner-icons .block-content-item:hover{
    background-color: rgb(200 200 200 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.banner-icons .block-content-item.application-retail {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 5;
}

.block-content-item .block-content-icon {
    margin-bottom: 1rem;
    height: 5rem;
    width: auto;
    transition: all .3s ease-in-out;
}

.block-content-item:hover .block-content-icon {
    filter: var(--svg-border-white);
}

.banner-icons .block-content-item>img{
    transition: all .3s ease-in-out;
}
.banner-inside{
    height: 250px;
    position: relative;
    overflow: hidden;
}
.banner-h-auto{
    height: auto;
}

@media (max-width: 1199.98px) {
    .nav_lang{
        padding: 0 1rem;
        
    }
    .logo{margin-left: 1rem;}
}
@media (max-width: 991.98px) {
    .logo{
        flex: none;
        height: 50px;
    }
    .logo.show{
        display: none;
    }
    .logo.hidden{
        display: block;
    }
    .nav_lang{width: 100%;align-items: center;}
    header{height: auto;min-height: 50px;}
    .nav-item:last-child{margin: 0 1rem;}
    .video-16-9{width: 100%;}

    .features-big-nums li{width: 100% !important;padding-top: 0;height: auto;}
    
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,#quicknav {display:none;}
nav .navbar {float:left;width:100%;padding: 0;}
.nav-item span.pro_icon {display:block;}
.nav-item.show span.pro_icon{color: #fff;}
.nav-item.active span.pro_icon,.nav-item .active span.pro_icon,.nav-item:hover span.pro_icon{color: #fff;}
.navbar-light .navbar-toggler {color:#333;font-size:1.8rem;border:none !important;padding:.5rem 0.75rem;position:relative;z-index:1;}
.top-nav {width:100%;padding-left:0;margin-top:0;background-color:#eee; padding: 0;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0.6rem 0.5rem;border-right:none;font-size:1.2rem;border-bottom:1px solid #666;color:#333;text-transform:none; }
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before {display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {font-size:1rem;}
nav {padding:0;width: 100%;}
.dropdown-item {white-space:normal;padding-top:0.5rem;font-size:14px;}
.dropdown-toggle::after {display:none;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link {border-radius:0;color:#fff !important;background-color:#002d5d;}
.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#002d5d;}
.navbar-toggler:focus{box-shadow: none;}
/* .collapse.show{margin-top: 1rem;} */

.top-nav {width:100%;float:left;background:#fff;margin:0;display:block;padding:0 !important;}

.top-nav:after,.top-nav:before,.top-nav ul>li>ul.dropdown-menu>li>.second_list {display:none;}
.navbar-nav .dropdown-menu {background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;left:0!important;top:0!important;margin-left:0!important;min-width:auto!important}
.top-nav .navbar-nav .row,.nav-fixed .top-nav .navbar-nav .row {width:100%!important;box-shadow:none !important;top: auto !important;margin: 0 !important;left: auto !important;}
.top-nav .navbar-nav .navright{display: none;}
.top-nav .navleft{width: 100%;float: none;padding: 0.5rem 1rem;}
.top-nav .navbar-nav .row .navleft li{line-height: 1.5rem;}
.top-nav .navbar-nav .row .navleft li a{
    color: #111;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.4rem 0 0.4rem 0.5rem;
}
.top-nav .navbar-nav .row .navleft li a:hover,.top-nav .navbar-nav .row .navleft li a.lidq{color: #004680;}

/* .etw_language */
.etw_language {display:block;float:right;height:auto;flex: 1; }
.etw_language > ul {position:relative;float:right;font-size:1rem;border-radius:8px;}
.etw_language > ul > li span {cursor: pointer;float:left;padding:.8rem 1rem;font-size: 1.8rem; color: #666;margin-right: 1rem; }
.etw_language ul ol {display:none;position:absolute;top:100%; left: -1rem; padding:0;background-color:#eee;min-width:100px; border-radius: 10px;z-index: 9; }
.etw_language ul ol a {display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item {color:#333;padding:0.2rem 0 0 1.5rem;}
#etw_language .dropdown-item:hover {color:#60c2cf;}
.etw_language ul li:hover > ol {display:block;}
.etw_language .dropdown-item {min-width:100px;}
.etw_language #etw_language {float:none;margin-top:0;height:auto;}
.etw_language #etw_language a {line-height:1.5rem;width:100%;padding: 0.2rem 0.5rem;font-size: 0.9rem;}
.etw_language #etw_language a:hover {color:#004680 !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img{display:none;}

.banner-icons{margin-top: -4rem;}
.banner .swiper-pagination{bottom: 80px !important;}
}
@media (max-width: 767.98px) {
    .banner-icons{display: none;}
.banner-icons .block-content-item.application-retail{grid-row-start:auto;grid-row-end:auto;grid-column-start:auto;}
.banner .swiper-pagination{bottom: 10px !important;}
.h3-size{font-size: 1.4rem;}
.banner-inside{height: 220px;}
.banner-inside img{height: 100%;width: auto !important;max-width: none;position: relative;left: 50%;transform: translateX(-50%);}
.system-components, .system-components-white {
    padding: 1rem 0;
    margin-top: 0!important;
}
.display-none-xm{
    display: none;
    }
.display-xm{
    display: inline-block;
}
.system-components-list .memo{
    max-height: 60px;
    overflow: hidden;
}
.title-large {
    font-size: 1.3rem;
    line-height: 1.2;
    max-height: 50px;
    overflow: hidden;
}

}
@media (max-width: 575.98px) {
    
}
.box-with-header-white{
    position: relative;
}
.box-with-header-white::before{
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 100%);
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: -29px;
    background: #fff;
    z-index: 9;
}
.slag{
    position: absolute;
    left: 25%;
    top: 25%;
    z-index: 10;
    background-color: rgba(0, 0, 0, .3);
    padding: 2rem ;
    color: #fff;
}
.slag>.sm-txt{
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-family: var(--font-family-main);
}
.slag>h2{
    font-family: var(--font-family-second);
}
.banner-inside .slag{top: 30%;left: 15%;width: 70%;text-align: center;}
.banner-inside img{min-height: 100%;width: auto !important;position: relative;left: 50%;transform: translateX(-50%);max-width: none;}

.swiper-container {
    width: 100%;
    overflow: hidden;
  }
.slag-btn{
    position: absolute;
    left: 25%;
    top: 55%;
    z-index: 10;
}
.btn-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 200 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
[class^=btn-], [class*=" btn-"] {
    display: inline-flex;
    cursor: pointer;
    gap: .5rem;
    border-radius: 9999px;
    padding: 1rem 2rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
}

.bodycontent{
    width: 100%;
    /* margin-top: 4rem; */
    position: relative;
    overflow: hidden;
}

.bodycontent::before{
    content: '';
    background: var(--primary-color);
    width: 80px;
    height: 80px;
    position: absolute;
    top: -40px;
    left: -40px;
    transform: rotate(45deg);
}
.bodycontent .top-line{
    content: '';
    background: var(--secondary-color);
    width: 200px;
    height: 10px;
    position: absolute;
    top: 40px;
    left: -50px;
    transform: rotate(-45deg);
}
.bodycontent::after{
    content: '';
    background: #fff;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: -40px;
    right: -40px;
    transform: rotate(45deg);
}
.background-color-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.block-images {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.block-images {
    position: relative;
    padding: 1.5rem;
}

.block-images .block-content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: var(--max-banner-content-width);
}
.block-images .block-content-text {
    padding-bottom: 1.5rem;
}
[class^=block-] .block-content-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.txt .uppercase,.uppercase{
    text-transform: uppercase;
}
.no-uppercase{
    text-transform: none!important;
}
.txt .memo{
    font-family:Montserrat ;
    font-size: 1rem;
    width: 80%;
    color: #000;
}
.font-400{
    font-weight: 400;
}
.for-owners .item{
    max-width: 24%;
}
.for-owners .item>a{
    color: #333;
    margin-top: 10px;
}

.for-place{
    width: 100%;
    overflow-x: hidden;
}
.icons-lists .item{
    box-sizing: border-box;
    
}
.icons-lists .item .s-size{
    width: 150px;
    margin: .3rem;
}

.for-place .sm-txt,.index-company .sm-txt,.box .sm-txt{
    font-size: 1.2rem;
    color: var(--primary-color);
    position: relative;
}
.for-place .sm-txt::before,.index-company .sm-txt::before,.box .sm-txt::before{
    content: '';
    width: 40%;
    height: 1px;
    left: 0;
    bottom: -5px;
    position: absolute;
    background: var(--primary-color);
}
.location-icon{
    min-width: 50px;
    background:#ccc;
    display: block;
    padding: 5px;
}


@media (max-width: 1399.98px) {.slag.d-md-block{top: 12%;}
    
}
@media (max-width: 1199.98px) {.slag.d-md-block{top: 8%;right: 4rem;}
.slag-btn{display: none;}
}
@media (max-width: 991.98px) {.banner .xsm-txt{display: none;}
.slag.d-md-block{top: 12%;left: 4rem;}
.slag>h2{font-size: 1.5rem;line-height: 1.3;}
.for-place .w-40{width: 50%;}
.solutions_bottom .row-center-start{flex-wrap: wrap;padding: 0 1rem;}

}
@media (max-width: 767.98px) {.banner-inside .slag{left: 10%;width: 80%;padding: 1rem;top: 30%;}
.banner-inside .slag>.sm-txt{display: none;}
[class^=btn-], [class*=" btn-"]{padding: 0.5rem 1rem;font-size: 0.8rem;line-height: 1.2;}
.for-place .w-50,.for-place .w-40{width: 100% !important;}
.for-place .img-fluid{width: 100%;}
[class^=block-] .block-content-text{font-size: 1rem;line-height: 1.2;}
.for-owners{flex-wrap: wrap;}
.for-owners .item{max-width: 49%;margin-bottom: 1rem;}
.txt .memo{width: 100%;}
.box-with-header-white::before{display: none;}
.icons-lists .item{width: 33%;}
.icons-lists .item .s-size{width: 100%;padding: 0.5rem;}
.icons-lists .item .plant-name{font-size: 0.9rem;line-height: 1.2;}
.left_pro_img img{width: 100%;}
}
@media (max-width: 575.98px) {
    
}
@media (max-width: 479.98px) {.for-owners .item{max-width: 24%;}
.for-owners .item:last-child{margin-bottom: 0;}
.icons-lists .item{width: 50%;}
}

.swiper-wrapper-location{
    position: relative;
    width: 100%;
}
.swiper-wrapper-location .swiper-pagination-location{
    position: absolute;
    bottom: 10px!important; 
    right: 20px!important;
    z-index: 20;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}
.swiper-pagination-bullet{
    width: 15px!important;
    height: 2px!important;
    background-color: var(--link-color);
    border-radius: 0%!important;
}
/*index so*/
.swiper-wrapper-location .swiper-wrapper .swiper-slide,.swiper-wrapper-location .swiper-wrapper .swiper-slide>img{
    position: relative;
}
.swiper-wrapper-location .swiper-wrapper .swiper-slide .swiper-txt{
    position: absolute;
    bottom: 0%;
    left: 0%;
    text-transform: uppercase;
    padding: .1rem 1rem;
    background: rgba(212, 218, 214, 0.7);
    font-family: var(--font-family-main);
    font-size: 1rem;
    color: #000;
    width: 180px;
    position: relative;
}
.swiper-wrapper-location .swiper-wrapper .swiper-slide .swiper-txt .txt{
    font-size: .8rem;
    background: var(--primary-color);
    color: #fff;
    padding: .5rem 1rem;
    margin: .5rem 1rem;
    border-radius: 25px;
}
.swiper-wrapper-location .swiper-wrapper .swiper-slide .swiper-txt>img{
    width: 40px;
    filter: var(--svg-border-white);
}
/*index components start*/
.system-components,.system-components-white{
    background: #dddada;
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 3rem 0;
    margin: 3rem 0 0 0;
    position: relative;
}
.system-components::before{
    width: 100%;
    content: '';
    background: #efefef;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-clip-path: polygon(0 100%, 100% 71%, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 10%, 100% 100%, 0% 100%);
    z-index: 9;
}
.system-components-white::before{
    width: 100%;
    content: '';
    background: #fff;
    height: 30px;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-clip-path: polygon(0 100%, 100% 71%, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 10%, 100% 100%, 0% 100%);
    z-index: 9;
}
.system-components .title,.system-components-list .title,.index-company .title{
    font-family: var(--font-family-second);
    text-transform: uppercase;
    font-size: 2rem;
}
.title-large{
    font-family: var(--font-family-main);
    font-size: 1.5rem;
    line-height: 2rem;
}
.title-larger{
    font-family: var(--font-family-main);
    font-size: 1.7rem;
    line-height: 2rem;
}
.system-components .sm-title{
    font-family: var(--font-family-main);
    margin: 1rem 0;
}
.xsm-title,.xsm-txt{
    font-size: 1.2rem;
    font-family: var(--font-family-main);
    position: relative;
}
.xsm-title::before{
    content: '';
    width: 80%;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: -.7rem;
    left: 0;
}
.font-bold{
    font-weight: bold;
}
.pro-icons .circle-icon{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: #efefef;
    box-sizing: border-box;
    padding: .6rem;
    margin: .6rem;
}
.system-components-list {
    /* background: linear-gradient(to bottom, #ccc, #fff); */
    background: #efefef;
    position: relative;
}
.system-components-list .featureicons{
    position: absolute;
    top: -50px;
    left: 10%;
    width: 100px;
    z-index: 20;
}
.system-components-list .sm-imgs{
    width: 100%;
    padding: 3rem 0;
}
/*index components stop*/
/*index company start*/
.index-company{
    margin: 3rem 0;
}

.index-company .company-videos,.veideos-position{
    position: relative;
}
.index-company .company-videos .mask-img{
    position: absolute;
    top: 0;
    left: 0;
}
.index-company .company-videos .video-center,.veideos-position .video-center{
    position: absolute;
    left: calc( 50% - 40px );
    top: calc( 50% - 40px );
    z-index: 9;
}

.video_button::before {
    position: absolute;
    content: "\f04b";
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: fontawesome;
    color: #fff;
    font-size: 2rem;
    padding-left: .5rem;
  }
  .video_button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--link-color);
    
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0 0 25px rgb(0 0 0 / 20%);
    z-index: 1;
    border: 2px solid #fff;
    animation: 2s ease-in-out infinite alternate ping; position:absolute;
  }
  .veideos-position .video_button{
    position: absolute;
    top: calc( 50% - 30px );
    left: calc( 50% - 30px );
  }
/*index company stop*/

.swiper-container-cases{
    width: 100%;
    overflow: hidden;
    margin: 1rem 0;
}


@media (max-width: 991.98px) {.system-components,.system-components-white{padding: 1rem 0;margin-top: 2rem;}
.system-components .title, .system-components-list .title, .index-company .title{font-size: 1.8rem;line-height: 1.2;}
.system-components-list .sm-imgs{padding: 2rem 0;}
.title-large{font-size: 1.3rem;line-height: 1.2;}
.title-larger{font-size: 1.6rem;line-height: 1.2;}
.system-components-list .memo{font-size: 0.9rem;line-height: 1.4;}
.system-components-list .imgs, .system-components-list .imgs img{width: 100%;}
.system-components-list .imgs{padding: 0.5rem;}
.index-company{margin: 2rem 0;padding: 0 1rem;}
.index-company .company-videos{padding: 0 1rem;}
.index-company .company-videos img{width: 100%;}
}
@media (max-width: 767.98px) {.system-components .title, .system-components-list .title, .index-company .title{font-size: 1.6rem;}
.system-components .sm-title{font-size: 1.3rem;line-height: 1.2;}
.system-components img, .system-components-white img{width: 100%;}
.system-components::before{display: none;}
.system-components-list .sm-imgs{padding: 1rem 0;}
.title-larger{font-size: 1.4rem;}
.system-components-list .features:nth-child(2n+1){flex-direction: column-reverse;}
.index-company .row-center-center{flex-wrap: wrap;}
.index-company .row-center-center>.w-50{width: 100% !important;}
.index-company .company-videos{margin-bottom: 2rem;}
.system-components-white .w-70{width: 100%;}
.system-components-white::before{display: none;}
.features-content{padding: 0 1rem;}
.features-content .w-75,.system-components-white .w-75,.features-content .w-80,.features-content .w-80 a,.features-content .w-80 a img{width: 100% !important;}
.about_top .w-75{padding: 1rem;}
.about_top .w-75 .row-center-center{flex-wrap: wrap;}
}
@media (max-width: 575.98px) {
    .system-components-list .features{width: 50% !important;margin-bottom: 1rem;}
.system-components-list .features:last-child{margin-bottom: 0;}
}
@media (max-width: 575.98px) {
    
}
/*for footer start*/
.footer{
    background: var(--footer-bg-color);
    margin-top: 3rem;
    padding: 3rem;
}
.footer-no-margin{
    margin-top: 0;
}
.footer .footer-logo{
    width: 80px;
}
.footer-slog{
    color: #fff;
    font-family: var(--font-family-main); 
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.5rem;
}
.footernavs{
    flex-grow: 1;
    padding: 0 3rem ;
    margin-bottom: 2rem;
}

.footernavs .caption{
    font-weight: bold;
    margin-bottom: 1rem;
    color: #fff;
    font-family: var(--font-family-main);
    font-size: 1.2rem;
}
.footernavs .item{
    line-height: 1.8rem;
    color: #fff;
    line-height: 2rem;
    font-family: var(--font-family-main);
    font-size: 1rem;
}
.footernavs .icons{
    color: #fff;
    margin: .6rem;
    font-size: 1.4rem;
}
.box-first-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity));
    position: relative;
}
.box-first-light-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247 / var(--tw-bg-opacity-8));
    position: relative;
}
.box-first-gray .array-pos{
    width: 100px;
    position: absolute;
    top: -80px;
    left: 20% ;
    transform: rotate(90deg);
    z-index: 10;
}
.box-first-gray-line,.box-first-light-gray-line{
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 0%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 0%);
    position: absolute;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity));
    width: 100%;
    height: 30px;
    left: 0;
    top: -30px;
    z-index: 9;
}
.box-first-light-gray-line{
    background-color: rgb(247 247 247 / var(--tw-bg-opacity-8));
}
.box-first-gray-line-right{
    -webkit-clip-path: polygon(100% 0, 0 0, 100% 97%);
    clip-path: polygon(100% 0, 0 0, 100% 97%);
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 30px;
    left: 0;
    top: 0px;
    z-index: 9;
}
/* for footer stop*/

/*inquiry start*/
.inquiry-box{
    border-bottom-left-radius: 75pt;
    border-top-right-radius: 75pt;
    overflow: hidden;
    box-shadow: 0 17px 75px rgba(0, 0, 0, .1);
    position: relative;
}
.contactform__bottom__icon__wrapper {
    background-color: var(--primary-color);
    padding: 8px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    z-index: 1;
}
.feedback_box{
    padding: 75px 0px 75px 75px
}
.feedback_box-75{
    padding: 75px;
}
.contactform__bottom__right_wrapper {
    background-image: linear-gradient(to right, transparent, transparent, #9eb0ab);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-radius: 0 75px 0 75px;
}
.contactform__bottom__right{
    padding: 75px 75px 20px 75px;
    position: relative;
    z-index: 2;
}
.contactform__bottom_txt{
    padding: 0 75px;
}

.contactform__bottom_txt .icons{
    color: #37a59a;
    font-size: 1.4rem;
    width: 40px;
}
.contactform__bottom_txt .item{
    color: #37a59a;
    font-size: 1.2rem;
}
.contactform__bottom_txt>div{
    margin-top: 1rem;
}
.contactform__bottom__right>img {
    border-radius: 75pt;
    max-width: 200px;
    margin-bottom: 30px;
}
/*inquiry stop*/
/*吸吸灯的视频播放器开始*/
a[type=link],div[type=link]{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #fff;
    border-width: 0;
    }
    .video-play-button:before {
        content: "";
        box-sizing: content-box;
        top: calc(-1* var(--play-button-shadow-size));
        left: calc(-1* var(--play-button-shadow-size));
        padding: var(--play-button-shadow-size);
        background: radial-gradient(50% 50% at 50% 50%, rgb(var(--text-color) / 0), rgb(var(--text-color)));
        opacity: .3;
        border-radius: 100%;
        width: 100%;
        height: 100%;
        animation: 2s ease-in-out infinite alternate ping;
        position: absolute;
        }
       .video-play-button>svg{
           transform: translateX(4px);
       }
        @keyframes ping{0%{transform:scale(1)}to{transform:scale(.8)}}

/*吸吸灯的视频播放器结束*/


.nav-pills {
    display: flex; /* 将导航项放在一行 */
    gap: 10px; /* 设置按钮之间的间距 */
  }
.nav-pills .nav-link {
    padding: 2px 8px; /* 减小内边距 */
    font-size: .8rem; /* 调整字体大小 */
  }
  
  .nav-pills .nav-item {
    max-width: 250px;
    margin: 0;
    width: 48%;
  }
  
  .tab-content {
    margin-top: 10px;
    font-size: .85rem;
  }
  
  .nav-pills .nav-link.active {
    border: 1px solid #aeafae;
    border-radius: 10px;
  }
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: #c3cdcb;
  }
  .advantages .nav-link{
    color: #000;
  }
  
  .features-hide{
    display: none;
  }
  .tabs-text-left {
    position: relative;
  }
  .tabs-text-left .nav-link{
    text-align: left;
    color: #000;
  }
  .tabs-text-left .nav-link.active{
    background-color: transparent;
    color: #000;
    border: none;
    font-weight: bold;
    position: relative;
  }
  .tabs-text-left::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background:#efefef; 
    
  }
  .tabs-text-left .nav-link.active::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 30px;
    background: var(--primary-color);
    z-index: 9;
  }

 .for-applications .plant-name{
 margin: .8rem 0;
 }

 .table-style-1{
    border: none;
    line-height: 2rem;
 }
 .table-style-1 tr{
    border: none;
    border-bottom: 1px solid #999;
 }
 .each-sm-img-event,.img-with-txt{
    position: relative;
    display: block;
 }
 
 .each-sm-img-event .hiden-bottom{
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    background-color: rgba(212, 218, 214, 0.9);
    color: #333;
    transition: all .3s ease-in-out;
 }

 .each-sm-img-event:hover .hiden-bottom{
    bottom: 00px;
    left: 0;
 }
 .each-sm-img-event .txt {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 100px;
    height: 30px;
    background: rgb(168 157 153 / var(--tw-border-opacity));
color: #fff;
 }

 .img-with-txt .txt{
    position: absolute;
    display: inline-block;
    
    bottom: 10px;
    left: 10px;
    padding: 1rem;
    background: rgb(168 157 153 / .5);
    color: #fff;
 }
 .img-with-txt .blue-bg-txt{
    position: absolute;
    display: inline-block;
    
    bottom: 20px;
    left: 20px;
    padding: 1rem;
    background: rgb(3 70 165);
    transition: all .3s ease-in-out;
    color: #fff;
 }
 .img-with-txt .blue-bg-txt:hover{
    background: var(--primary-color);
 }
 .border-right-left{
    border-radius: 0 15px 0 15px;
 }
 .w400px{
    width: 400px;
 }
 .maps{
    margin: 2rem 2rem 0 0;
    width: 100%;
 }
 .maps>iframe{
    width: 90%;
    height: 270px;
 }

 .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background: #fff;
    color: var(--primary-color);
    /* background-color: #3fb498; */
}
u.inquiry{
    color: #fff;
    text-decoration: none;
}
.etw-inquery-btn {
    display: inline-flex;
    cursor: pointer;
    gap: .5rem;
    border-radius: 9999px;
    padding: 1rem 2rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-bg-opacity: 1!important;
    background-color: #37a59a!important;
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255 / var(--tw-text-opacity))!important;
}
.solutions {
    max-height: 400px;
    overflow: hidden;
    background-image: url(../images/bgcovers.svg);
    background-size: cover;
    background-position: center top;
}
.solutions .solutions-img{
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 1;
}
.solutions .solutions-txt{
    position: relative;
    z-index: 2;
    min-height: 200px;
}
.solutions .solutions-icons{
    transform: rotate(90deg);
    width: 50px;
}
.solutions .solutions-x-img{
    max-width: 400px;
}
.solutions::after {
    content: ""; 
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right top, hsl(215.19deg 96.43% 32.94%) 30%, transparent);
    z-index: 1; 
    opacity: 1; 
    transition: opacity 0.3s ease-in-out; 
}
@media (max-width: 1199.98px) {.solutions .img-with-txt{width: 50%;padding: 0 0.5rem;}
.solutions .img-with-txt img{width: 100%;}
.for-applications{grid-template-columns: repeat(4, minmax(0, 1fr));}
}
@media (max-width: 991.98px) {.footernavs{padding: 0 2rem;}
.footernavs .col-start-start{padding: 0 0.5rem;}
.footer{padding: 2rem;}
.footernavs .item{line-height: 1.3;margin-bottom: 0.5rem;}
.inquiry-left{padding: 0 1rem;width: 50%;}
.inquiry-box.w-60{width: 50%;}
.w-lg-100{width: 100% !important;}
.solutions{max-height: none;}
.solutions .solutions-txt{flex-wrap: wrap;}
.solutions .w-30,.solutions .w-70{width: 100%;}
.feedback_wrap .w-80{width: 100%;}
.contactform__bottom_txt{padding: 0 1rem;}
.contactform__bottom__right{padding: 75px 75px 20px 1rem;}
.contactform__bottom__right>img{margin-bottom: 0;}
.sw_top .w-75{width: 100% !important;padding: 0 1.5rem;}
.pro_con{padding: 0 1rem;}
.pro_con .w-60,.pro_con .w-80{width: 100%;}
.details_con .w-50{width: 100% !important;padding: 0 2rem;}
.for-applications{grid-template-columns: repeat(3, minmax(0, 1fr));padding: 0 1rem;}
.for-applications .plant-name{font-size: 0.9rem;line-height: 1.3;}
.tab-content>.tab-pane .row-between-start,.product_wrap .row-center-start{flex-wrap: wrap;}
.tab-content>.tab-pane .imgs,.tab-content>.tab-pane .imgs img,.tab-content>.tab-pane .components-txt{width: 100%;}
.tab-content>.tab-pane .components-txt .w-75{width: 100% !important;}
}
@media (max-width: 767.98px) {.footer .logos{margin: 0 auto 2rem;}
.footernavs.row-between-start{padding: 0;margin-bottom: 0;}
.footernavs .col-start-start{width: 100%;margin-bottom: 1rem;}
.footernavs .col-start-start:last-child .item{margin-bottom: 0;}
.inquiry-left{width: 100%;}
.inquiry-box.w-60{width: 100%;padding: 0 1rem;margin: 0 auto;box-shadow:none;border-radius: 0;overflow: initial;}
.flex-wrap .row-center-start{flex-wrap: wrap;}
.maps{margin: 2rem 0;}
.feedback_box-75{padding: 1rem;box-shadow: 0 17px 75px rgba(0, 0, 0, .1);}
.w-lg-100{flex-wrap: wrap;}
.w-lg-100 .w-50{width: 100% !important;padding: 1rem;}
.w-lg-100 .img-with-txt.w-40{width: 100%;padding: 0 1rem;margin-bottom: 0;}
.w-lg-100 .img-with-txt.w-40 img{width: 100%;}
.img-with-txt .blue-bg-txt{padding: 0.5rem;font-size: 0.8rem;}
.about_top{flex-wrap: wrap;}
.about_top .w-50,.about_top .w-40,.about_top .w-40 img,.sw_top .w-50{width: 100% !important;}
.about_top .w-40{padding: 0 1rem 1rem;}
.solutions_top .w-75{width: 100% !important;padding: 0 1rem;}
.solutions .w-60,.solutions .w-40,.solutions .w-40 img,.sw_top .w-40,.sw_top .w-60{width: 100%;}
.sw_top{padding: 0 1rem;}
.sw_top .row-center-start{flex-wrap: wrap;}
.sw_top .imgs img, .sw_top .w-80{width: 100%;}
.box-first-gray-line-right{display: none;}
.inquiry-box,.contactform__bottom__right_wrapper{border-radius: 0;}
.feedback_wrap .w-80{flex-wrap: wrap;flex-direction: column-reverse;}
.feedback_box{width: 100%;padding: 1rem;}
.contactform__bottom__right_wrapper{position: static;width: 100%;display: flex;align-items: center;}
.contactform__bottom__right{padding: 2rem 1rem 2rem 2rem;}
.pro_con .row-center-center{flex-wrap: wrap;margin-bottom: 2rem;}
.pro_con .row-center-center:last-child{margin-bottom: 0;}
.box-first-gray-line, .box-first-light-gray-line,.swiper-button-next, .swiper-button-prev{display: none !important;}
.for-applications{grid-template-columns: repeat(2, minmax(0, 1fr));}
.tabs-text-left{width: 100% !important;margin-bottom: 1rem;}
.tab-content.w-75{width: 100% !important;}
.tab-content.w-75 .imgs{margin-bottom: 1rem;}
.tab-content.w-75 .features-list{padding-bottom: 0 !important;}
.box .align-items-start{flex-wrap: wrap;}
.details_con .w-50,.sub_title{padding: 0 1rem;}
.w-75-xl{
    width: 75%!important;
}
.w-100-xl{
    width: 100%!important;
}
.display-none-sm{
    display: none;
}
}
@media (max-width: 575.98px) {.solutions .img-with-txt{width: 100%;}
.solutions .w-70{flex-wrap: wrap;}
.solutions .img-with-txt img{width: 100%;max-width: 100%;}
.contactform__bottom__right_wrapper{flex-direction: column;}
.contactform__bottom__right{padding-bottom: 1rem;}
.contactform__bottom_txt{margin-bottom: 1rem;}
.details_con .w-50{flex-wrap: wrap;}
.for-applications{grid-template-columns: repeat(2, minmax(0, 1fr));  }
.for-applications .item{
    margin: 0 1rem;
    height: 260px;
    overflow: hidden;
}
}
@media (max-width: 575.98px) {
    
}
/****card****/

.card-header .btn:before{
  content: '';
  position: absolute;
  right: 20px;
  top: 16px;
  background:
url(../images/icon4.png) no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  transition:
.3s all ease-in-out;
  opacity: .3;
}
.card-body{position:relative;margin:0 0 1rem 0;padding:1rem 2rem 1rem 1rem;font-size:0.95rem;line-height:1.4rem;color:#555;}
.card-header .btn span{float:right;font-size:3rem;color:#777;font-weight:100;transition:.3s all ease-in-out;}
.card-header .btn:hover span{transform:rotate(135deg);color:var(--primary-color);}
.btn:hover,.btn[aria-expanded="true"],.btn-link.focus,.btn-link:focus{text-decoration:none;}
.btn:hover:before,.btn[aria-expanded="true"]:before{transform:rotate(135deg);}
.btn[aria-expanded="true"] span{transform:rotate(135deg);color:#666;}
.card-header .btn {
    color: #333;
    position: relative;
    line-height: 1.4rem;
    white-space: normal;
    padding: 1rem 3rem 1rem 1rem;
    font-weight: 400;
    display: block;
}
/* 2025-4-14 */
 
.video_img{position: relative;display: flex;
  justify-content: center;
  align-items: center;}
.video_img img{ width:100%;}
.video_detail{padding: 0 1rem 1rem;width: 100%;}