@charset "utf-8";
/* Fonts */
@import '../fonts/fontawesome/font-awesome.min.css';
@import '../fonts/bootstrap-icons/bootstrap-icons.min.css';
/* Animate */
@import 'animate.min.css';
@font-face{font-family:iconfont;src:url(../fonts/iconfont.ttf?t=1622274305876) format("truetype")}
.iconfont{cursor:pointer;font-family:iconfont !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
:root{--main-color:#dcc279;--title-color:#c99f72;--hover-color:#97784e;--light-color:#db240b;--blue-color:#079bc4}
*{box-sizing:border-box;padding:0;margin:0}
#header,#container,#footer{width:100%}
body{color:#222;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;overflow-x:hidden}
@media (min-width:576px){.container,.container-sm{max-width:calc(100% - 5px);justify-content:center}
}@media (min-width:768px){.container,.container-md,.container-sm{max-width:calc(100% - 30px)}
}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:calc(100% - 30px)}
}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1200px}
}li,ol,ul{list-style:none;margin-bottom:0}
p{margin-bottom:1rem;line-height:1.5;font-size:1rem;text-rendering:optimizeLegibility}
em,i{font-style:italic;line-height:inherit}
strong,b{font-weight:700;line-height:inherit}
small{font-size:80%;line-height:inherit}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:Arial, Helvetica, sans-serif;font-style:normal;font-weight:bold;color:inherit;text-rendering:optimizeLegibility}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small{line-height:0;color:#8a8a8a}
h1,.h1{font-size:2rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}
h2,.h2{font-size:1.75rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}
h3,.h3{font-size:1.25rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}
h4,.h4{font-size:1.3125rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}
h5,.h5{font-size:.9rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}
h6,.h6{font-size:1rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}
img{display:block;max-width:100%;height:auto;transition:all .4s}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;transition:all .4s;color:#000;text-decoration:none}
a:hover{text-decoration:none;color:var(--main-color)}
.imgbox{width:100%;display:block;overflow:hidden;position:relative}
.imgbox img{transition:all 0.5s}
.imgbox-100::before{content:'';display:block;padding-top:100%}
.imgbox-75::before{content:'';display:block;padding-top:75%}
.imgbox-5625::before{content:'';display:block;padding-top:56.25%}
.imgbox-50::before{content:'';display:block;padding-top:50%}
.imgbox-375::before{content:'';display:block;padding-top:37.5%}
.imgbox:hover img{transform:scale(1.1)}
.img-abs{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%;max-height:100%;display:block;margin:auto;padding:auto;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.img-cover{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
figure{margin:0}
/* etw-imgs-list */
.etw_photo{display:flex;flex-wrap:wrap;width:calc(100% + 10px);margin-left:-5px}
.etw_photo li{width:calc(100% - 10px);padding:0 5px;margin-bottom:10px;display:flex;flex-direction:column}
.etw_photo li a{display:flex;align-items:center;justify-content:center;transition:all 0.4s;border:1px solid #ccc;overflow:hidden}
.etw_photo li:hover a{box-shadow:0 0 5px rgba(0,0,0,.2)}
.etw_photo li span{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding:.5rem;text-align:center;font-size:1rem;line-height:1.3; text-transform: capitalize;}
.etw_photo li:hover a img{transform:scale(1.05)}
.etw_photo li:hover a span{color:var(--hover-color)}
.etw_photo2{justify-content:space-between}
.etw_photo2 li{width:50%}
.etw_photo3 li{width:calc(100% / 3)}
.etw_photo4 li{width:25%}
.etw_photo5 li{width:20%}
.etw_photo6 li{width:calc(100% / 6)}
.table-responsive table{width:100%;margin:0;color:#000}
.table th,.table td{vertical-align:middle}
.table1 th,.table1 td{border:8px solid #fff;background-color:#f6f6f6}
.table1 th{font-weight:bold}
.table-striped tbody tr:nth-of-type(odd){background-color:#fff}
.table-striped tbody tr:nth-of-type(even){background-color:rgba(0,0,0,.05)}
.table2 td,.table2 th{border-top-color:var(--blue-color)}
.table2 tr:nth-child(1) td,.table2 tr:nth-child(1) th{border-top:none}
.video_btn{z-index:3;cursor:pointer;width:60px;height:60px;background-color:var(--blue-color);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding-left:5px;transition:all .4s}
.video_btn::before{content:'\f04b';font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;color:#fff;font-size:1.5rem;transition:all .4s}
.video_smallbtn{width: 40px; height: 40px;}
.video_smallbtn::before{font-size: 1rem;}
/* Home */
/* etw_language */
.etw_language{background-color:var(--main-color);margin-left:1rem;display:flex;float:right}
.etw_language>ul{display:flex;flex-wrap:wrap}
.etw_language>ul>li{position: relative; display: flex;}
.etw_language>ul>li>span{display:flex;flex-wrap:wrap; min-height:80px; align-items: center; justify-content: center; font-size: .95rem; color: #fff; padding: 0 1rem; transition: all .4s;}
.etw_language>ul>li:hover>span{background-color: var(--hover-color);}
.etw_language>ul>li>ol{display: none; width: 100%; position: absolute; left: 0; top: 80%; background-color: #fff;display: flex; flex-direction: column;transition: .3s all ease-in-out;opacity: 0;overflow: hidden;height: 0;}
.etw_language>ul>li:hover>ol{opacity: 1;overflow: inherit; height: auto;box-shadow: 0px 15px 5px rgba(0,0,0,0.15); top: 100%;}
.etw_language>ul>li>ol>li{width: 100%;}
#etw_language{display:flex;height:100%;flex-direction: column;}
#etw_language>a{padding:.2rem 1rem !important;color:#000;display:flex; text-align: left; font-size: .9rem;margin-top: 1px;}
#etw_language>a>img{margin-right:.3125rem}
#etw_language>a:hover{background-color:var(--hover-color);color:#fff}
@media (max-width:991.98px){
.etw_language>ul>li>span{font-size: 1.8rem; color: #333; min-height:inherit;}
.etw_language>ul>li:hover>span{background-color: initial;}
}
/* header */
#header{position:sticky;left:0;top:0;background:url(../images/menu-background.png) no-repeat center center #fff;background-size:contain;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:12}
#header>.container{padding:0}
#etw_logo{padding:.625rem 0;display:flex;float:left}
#etw_logo>a{display:flex;align-items:center}
#etw_logo>a>img{display:block;max-width:100%;height:60px}
#etw_logo>a>span{font-size:.875rem;color:#333;padding-left:0.8rem;margin-left:0.8rem;border-left:1px solid rgba(0,0,0,0.1)}
#etw_logo>a:hover{color:initial}
nav{flex:1;margin:0 auto;display:flex;flex-direction:row-reverse;justify-content:space-between}
nav .navbar{width:100%;padding:0;justify-content:flex-end}
nav .navbar-collapse{flex-grow:0;border:none;height:100%;align-items:initial}
.navbar-expand-lg .navbar-nav .nav-item{display:flex;margin-left:.5rem}
.navbar-expand-lg .navbar-nav .nav-link{display:flex;align-items:center;justify-content:center;color:#000;text-transform:uppercase;padding:.5rem;font-size:1.125rem;min-height:80px;font-family:Arial, Helvetica, sans-serif;font-weight:600;position:relative}
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;left:50%;bottom:1rem;width:0px;height:2px;background-color:var(--hover-color);transform:translateX(-50%);transition:0.5s;border-radius:5px}
.dropdown-toggle::after{content:"\f107";color:var(--hover-color);border:none;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;transition:all 0.3s}
nav .navbar-nav .nav-item.active .nav-link,nav .navbar-nav .nav-item:hover .nav-link{color:var(--hover-color) !important}
nav .navbar-nav .nav-item.active .nav-link::after,nav .navbar-nav .nav-item:hover .nav-link::after{transform:rotate(180deg)}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item:hover .nav-link::before{width:100%}
.pro_icon{display:none}
.dropdown-menu{left:0;top:150%;border:none;margin:0;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:all .3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block;padding:.5rem}
.dropdown-menu .dropdown-item{color:#000;padding:0.55rem 1rem;line-height:1.375rem;font-size:1rem;position:relative}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item.active,.dropdown-menu ol a:hover,.dropdown-menu ol a.active{background:var(--main-color);color:#fff;text-decoration:none}
.dropdown-menu .dropdown-item:hover::before,.dropdown-menu .dropdown-item.active::before,.dropdown-menu ol a:hover:before,.dropdown-menu ol a.active:before{color:var(--light-color)}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block}
.dropdown-menu1{min-width:30rem}
.dropdown-menu1 li{width:100%;float:left}
.dropdown-menu1 li>a{display:block;position:relative;padding-left:1rem}
.dropdown-menu1 li>a::before{content:'';width:6px;height:6px;background-color:var(--main-color);border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.dropdown-menu1 li:nth-child(even){float:right}
@media (max-width:1099.98px){#etw_language>a{padding:0 1rem !important}
.navbar-expand-lg .navbar-nav .nav-link{font-size:1rem}
}
@media (max-width:991.98px){#header{background:url(../images/menu-background.png) no-repeat center top #fff;background-size:auto 80px;position:relative}
.navbtn{float:right;margin-top:20px;margin-left:36px}
.navbtn .navbar-toggler{width:40px;border:1px solid #000;padding:0;height:40px}
.etw_language{margin-left:0;background:none;margin-top: 1.8rem;}
.etw_language>ul>li{align-items:center;position:relative}
.etw_language>ul>li>ol{display:none}
#etw_language{width:fit-content;position:absolute;left:50%;top:100%;transform:translateX(-50%);padding: 0.3rem 0;}
#etw_language>a{background:#f5f5f5;color:#333;height:auto;padding: 0.3rem 1rem !important;margin-top:0px;}
#etw_language>a>img{display:none}
nav{width:100%;float:left}
nav .navbar-collapse{height:auto}
.navbar-expand-lg .navbar-nav .nav-item{width:100%;flex-direction:column}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;justify-content:space-between;min-height:50px;padding:0 1rem}
.navbar-expand-lg .navbar-nav .nav-link::before,.navbar-expand-lg .navbar-nav .nav-link::after{display:none}
.navbar-nav .dropdown-menu{display:none;width:100%;position:relative;top:initial;left:initial;min-width:100%}
nav .navbar-nav .nav-item.active .nav-link{background-color:var(--hover-color);color:#fff !important}
.pro_icon{display:flex;align-items:center;justify-content:center;width:30px;height:50px;font-size:2rem;position:relative;z-index:2}
}@media (max-width:767.98px){.mb-5{margin-bottom:2rem !important}
figure img{width:100%;margin-bottom:0.5rem}
#header>.container{padding:0 15px}
.etw_photo li span,.table th,.table td{font-size:0.9rem}
.etw_photo5 li,.etw_photo6 li{width:calc(100% / 3)}
.col-md-3 img{width:100%}
.video_btn{width:40px;height:40px}
#etw_logo {
    width: 160px;
}
#etw_logo>a>img{width: 100%;height: auto;}
}@media (max-width:649.98px){.etw_photo4 li{width:50%}
.mb-5{margin-bottom:1rem !important}
}@media (max-width:479.98px){.etw_photo3 li,.etw_photo5 li,.etw_photo6 li{width:50%}
}
/* #footer */
#footer{position:relative;overflow:hidden;border-top:10px solid var(--main-color)}
.footer{width:100%;padding:2rem 0 1.5rem 0;position:relative}
.footer>.container{display:flex;flex-wrap:wrap}
.footer_list{display:flex;flex-wrap:wrap;flex-direction:column}
.footer_list>li{width:100%}
.footer_list>li>a{display:inline-block;color:#000;line-height:1;font-size:1.125rem;position:relative;padding-left:.75rem;margin-bottom:.5rem}
.footer_list>li>a::before{content:'';width:2px;background-color:var(--main-color);position:absolute;left:0;top:3px;bottom:3px}
.footer_sublist{display:flex;flex-wrap:wrap}
.footer_sublist>li{width:100%}
.footer_sublist>li>a{color:#000;font-size:1rem;line-height:1.625rem;position:relative;padding-left:.75rem}
.footer_sublist>li>a::before{content:'';width:5px;height:1px;background:#1d1d1d;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.footer_list li a:hover{color:var(--hover-color);text-decoration:underline}
.footer_list>li:not(:first-child){margin-top:15px}
.footer_box{width:23%}
.footer_box:nth-child(2){width:51%;padding-left:30px}
.footer_box:nth-child(2) .footer_sublist{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.footer_box:nth-child(2) .footer_sublist>li{width:49%}
.footer_box:nth-child(3){width:26%;padding-left:30px}
.footer_logo{display:flex;margin-bottom:.5rem}
.footer_logo img{max-height:60px}
.co p{display:flex;align-items:center;margin-bottom:.3rem;font-size:.9rem;line-height:1.4}
.co p i{font-size:1.1rem;margin-right:.7rem}
.co p a{color:#000}
.co p a:hover{color:var(--main-color);text-decoration:underline}
.co .co_name{color:#000;font-size:1.125rem;line-height:1.625rem;position:relative;padding-left:.75rem;margin-bottom:.5rem}
.co .co_name::before{content:'';width:2px;background-color:var(--main-color);position:absolute;left:0;top:3px;bottom:3px}
.footer_text img{display:block;max-width:80%;height:auto;margin-bottom:1rem}
.footer_text strong{display:block;margin-bottom:.5rem;font-size:1.125rem;line-height:1.3}
.footer_text p{font-size:.95rem;line-height:1.4}
/*share*/
.left_share{position:relative;display:flex;flex-wrap:wrap;margin:1rem auto 0}
.left_share a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin:.25rem .5rem 0 0;transition:all .5s;background:var(--main-color);border-radius:50%;font-size:1.4rem}
.left_share a svg{transition:.3s all ease-in-out;width:25px;height:25px}
.left_share a svg g,.left_share a svg path{fill:#fff}
.left_share a:hover{transform:translateY(-5px);background-color:var(--hover-color)}
.left_share a.icon_twitter,.left_share a.icon_linkedin{padding:0.5rem}
.left_share a.icon_telegram{padding:0.3rem 0.5rem 0.3rem 0.3rem}
.left_share a.icon_facebook{padding:0.3rem}
.left_share a.icon_pinterest{padding:0.4rem}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:0 0 1rem 0}
#otherlink{clear:both;width:100%;height:auto;font-size:0.9rem;display:flex;justify-content:center}
#otherlink a{color:#000;display:inline-block;padding:0 4px;margin:0 4px;line-height:22px;margin-bottom:5px;border:1px solid #000;font-size:.9rem}
#otherlink a span{opacity:0.5;position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--hover-color)}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out}
#etw_coper{width:100%;line-height:22px;font-size:0.9rem;display:flex;justify-content:center}
#etw_coper a{color:#000;font-size:1rem}
/* #etw_top */
#etw_top{position:fixed;width:40px;height:40px;right:15px;bottom:100px;text-align:center;background:#999;z-index:100;cursor:pointer;line-height:38px;border-radius:50%;transition:.5s all ease-in-out}
#etw_top a{color:#fff;font-size:.9rem}
#etw_top:hover{background:#999;transform:translateY(-.5rem)}
#etw_top:after{position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)}
@media (max-width:991.98px){.footer_box:nth-child(2){width:40%}
.footer_box:nth-child(2) .footer_sublist>li{width:100%;margin-bottom:0.2rem}
.footer_box:nth-child(3){width:36%;padding-left:20px}
}@media (max-width:767.98px){h2{font-size:1.65rem}
.footer{padding:1.5rem 0}
.footer_box:nth-child(1){width:100%}
.footer_box:nth-child(2){width:100%;padding-left:0;margin-bottom:1rem}
.footer_box:nth-child(2) .footer_sublist>li{width:49%}
.footer_box:nth-child(3){width:100%;padding-left:0}
.left_share{display:none}
.footer_text img{width:160px}
.footer_text strong{font-size:1.05rem}
.footer_text p{font-size:0.9rem}
.col-md-6 .call_btn,.col-md-6 .dropdown,.col-md-6 .related_pic{margin-bottom:1rem}
.dropdown img{width:100%}
}@media (max-width:575.98px){.footer_box:nth-child(2) .footer_sublist>li{width:100%}
.etw_root{padding:1rem 0}
h2{font-size:1.5rem;margin-bottom:0.5rem}
}@media (max-width:575.98px){.etw_photo2 li{width:100%}
}
/* #quicknav */
.quicknav{width:100%;padding:.3rem 0;position:absolute;left:0;bottom:0;z-index:3}
.quicknav ul{width:100%;display:flex;align-items:center;color:rgba(255,255,255,0.8)}
.quicknav ul::before{content:"\f015";font-size:1.25rem;margin-right:0.75rem;color:#fff;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
.quicknav a{color:rgba(255,255,255,0.8);font-size:.9rem}
.quicknav li{display:flex;align-items:center;text-transform:capitalize;padding:0.2rem .625rem 0.2rem 0}
.quicknav li+li::before{content:"\f105";padding:0 .625rem 0 0;color:rgba(255,255,255,0.8);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
.quicknav a:hover{text-decoration:underline;color:rgba(255,255,255,1)}
.quicknav li:last-child{padding-right:0;color:rgba(255,255,255,1)}
.quicknav_box .quicknav{position:relative}
.quicknav_box .quicknav ul,.quicknav_box .quicknav a,.quicknav_box .quicknav li+li::before{color:rgba(0,0,0,0.8)}
.quicknav_box .quicknav ul::before{color:#000}
.quicknav_box .quicknav a:hover{text-decoration:underline;color:var(--main-color)}
.quicknav_box .quicknav li:last-child{color:var(--main-color)}
/* #feedback */
.feedback{width:100%;padding:1.5rem;border-radius:10px}
.feedback>.webtitle{color:var(--main-color);font-weight:bold;text-align:center;font-size: 1.75rem; text-transform: capitalize;}
.call_btn{display:flex}
.call_btn a{font-family:Arial, Helvetica, sans-serif;font-size:1rem;font-style:italic;color:#fff;border:none;padding:0.4rem 1.5rem;transition:all 0.4s;font-weight:bold;text-transform:uppercase;position:relative;z-index:0}
.call_btn a::before{content:'';width:100%;height:100%;background-color:var(--blue-color);border-radius:30px;transition:all 0.5s ease 0s;position:absolute;left:0;top:0;z-index:-2}
.call_btn a:hover{margin-left:.5rem;color:#333}
.call_btn a:hover::before{border-radius:5px;transform:skew(20deg);background-color:var(--main-color)}
.items{display:flex;flex-wrap:wrap;margin-bottom:1rem}
.items dt{margin-bottom:.25rem}
.items dd,.items li{width:100%;line-height:1.3;margin-bottom:0.4rem;padding-left:1.7rem;position:relative}
.items dd::before,.items li::before{content:"\f271";font-family:bootstrap-icons !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:0;top:2px;color:var(--blue-color)}
.items dd:last-child,.items li:last-child{margin:0}
.items2 dd,.items2 li{padding-left:1.1rem}
.items2 dd::before,.items2 li::before{content:'';width:5px;height:5px;background-color:var(--main-color);position:absolute;left:5px;top:8px;transform:rotate(45deg)}
.items_auto li{width:auto;margin-right:1rem}
.pdf_more{display:flex;margin-top:1rem;margin-bottom:1rem}
.pdf_more a{position:relative;padding:.3rem 1.5rem;padding-left:3rem;background-color:var(--main-color);font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:1.15rem;border-radius:30px;color:#000}
.pdf_more a::before{content:"\f756";display:inline-block;font-family:bootstrap-icons !important;line-height:1;position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#000;font-size:1.2rem;transition:all .4s}
.pdf_more a:hover{background-color:var(--blue-color);color:#fff}
.pdf_more a:hover::before{color:#fff}
/* #banner */
#etw_banner{width:100%;overflow:hidden}
#etw_banner .swiper{width:100%}
#etw_banner .swiper .swiper-slide>img{margin:0 auto}
#etw_banner .swiper .swiper-pagination-bullet{background-color:var(--white)}
#etw_banner .swiper .prev-button,#etw_banner .swiper .next-button{color:#fff;cursor:pointer;text-shadow:0 0 10px rgba(0,0,0,0.2);font-size:2rem;display:flex;align-items:center;justify-content:center;position:absolute;left:-2%;top:50%;transform:translateY(-50%);z-index:5;transition:all 0.4s}
#etw_banner .swiper .next-button{left:auto;right:-2%}
#etw_banner .swiper:hover .prev-button{left:2%}
#etw_banner .swiper:hover .next-button{right:2%}
.banner_box{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2}
.banner_text h2{font-size:2.5rem;font-family:Arial, Helvetica, sans-serif;line-height:1.6}
.banner_text h2 span i{color:#fff;font-style:normal}
.banner_text p{font-size:1.25rem;display:block;overflow:hidden;margin-bottom:4.5rem}
.banner_text a{display:inline-block;padding:.5rem 1.5rem;background-color:var(--main-color);color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1.5rem;text-transform:uppercase;font-weight:bold;font-style:italic;border-radius:30px}
.banner_text a:hover{background-color:var(--blue-color);color:#fff}
.banner_box1{left:-3%}
.banner_box1 .banner_text h2{max-width:70%}
.banner_box1 .banner_text p{max-width:37%}
.banner_box2 .banner_text{text-align:center}
.banner_box2 .banner_text h2,.banner_box2 .banner_text p{color:#fff}
.banner_box3{height:100%;background-image:linear-gradient(transparent,#000);display:flex;align-items:center;justify-content:center}
@media (max-width:1299.98px){.banner_box1{left:0}
}@media (max-width:1099.98px){#etw_banner .swiper .swiper-slide{min-height:300px}
#etw_banner .swiper .swiper-slide>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.banner_box{left:0 !important;padding:0 40px}
.banner_text h2{font-size:2rem}
.banner_text p{margin-bottom:2rem}
}@media (max-width:991.98px){.banner_text h2{font-size:1.5rem}
.banner_text p{margin-bottom:1rem;font-size:1.1rem;line-height:1.25rem}
.banner_box1 .banner_text p{max-width:50%}
.banner_text a{padding:.4rem 1rem;font-size:1rem}
}@media (max-width:767.98px){.banner_text h2{font-size:1.25rem;line-height:1.5rem}
.pdf_more{margin-top:0.5rem;margin-bottom:0.5rem}
.banner_text p,.pdf_more a{font-size:1rem}
.banner_text a{padding:.3rem .7rem;font-size:.9rem}
#etw_banner .swiper .swiper-slide{min-height:240px}
h4{font-size:1.2rem}
.items dt,.items dd,.items li,.call_btn a{font-size:0.9rem}
#quicknav{display:none}
}@media (max-width:649.98px){.banner_text p{display:none}
}@media (max-width:575.98px){.banner_text{display:none}
.banner_box3{background-image:none}
h4{font-size:1.1rem}
}.more{display:flex}
.more a{line-height:1;font-size:1.25rem;color:#fff;font-family:Arial, Helvetica, sans-serif;font-style:italic;text-transform:uppercase;position:relative;text-decoration:none;padding:.5rem 1.5rem;border-radius:30px;overflow:hidden;position:relative;z-index:0}
.more a::before{content:'';width:100%;height:100%;background-color:var(--blue-color);transition:all .5s;position:absolute;right:0;bottom:0;z-index:-2;transform:skew(0)}
.more a:hover{color:#333}
.more a:hover::before{background-color:var(--main-color)}
.more1{display:flex}
.more1 a,.more1 span{display:inline-block;font-size:1.2rem;color:var(--blue-color);line-height:1;transition:all .4s;position:relative;font-family:Arial, Helvetica, sans-serif;font-size:.9rem;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;padding-left:25px;padding-right:20px}
.more1 a::before,.more1 span::before{content:'';width:14px;height:14px;background:var(--blue-color);margin-right:10px;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.more1 a::after,.more1 span::after{content:"\f105";display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:0;-webkit-transition:right 0.4s ease-in-out;transition:right 0.4s ease-in-out;width:14px;height:14px;font-size:1.1rem;color:var(--blue-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
.more1 a:hover::after,.more1 span:hover::after{width:3px;background:var(--blue-color);overflow:hidden;right:calc(100% - 21px)}
.more2{display:flex}
.more2>a{display:flex;align-items:center;color:var(--hover-color);font-size:1.3125rem;font-weight:700;position:relative;padding-left:25px;padding-right:20px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-transform:uppercase}
.more2>a::before{content:'';display:inline-block;width:14px;height:14px;background:var(--hover-color);margin-right:10px;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.more2>a::after{content:"\f105";color:var(--hover-color);font-size:1.25rem;display:flex;align-items:center;justify-content:center;line-height:1;position:absolute;top:50%;right:0px;width:14px;height:14px;transform:translateY(-50%);transition:right 0.4s ease-in-out 0s;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
.more2>a:hover{padding-left:28px;padding-right:0}
.more2>a:hover::after{width:3px;background:var(--hover-color);overflow:hidden;right:calc(100% - 21px)}
/* index */
.etw_box{padding:3rem 0}
.etw_title{display:flex;flex-wrap:wrap;justify-content:center;position:relative;margin-bottom:1.875rem;color:var(--main-color)}
.etw_title .h2{line-height:1;font-size:2.2rem;margin-bottom:0;font-family: "Roboto Slab",sans-serif;font-style: normal;font-weight: bold;color: inherit;text-rendering: optimizeLegibility;}
.homeAbout{padding:5rem 0;position:relative;overflow:hidden;background:url(../images/bj1.webp) no-repeat center center;background-size:cover}
.homeAbout::before{content:"";width:100%;height:100%;background-color:#fff;opacity:.9;position:absolute;left:0;top:0}
.homeAbout .h2{line-height:1.1;margin-bottom:1.25rem;font-family:Arial, Helvetica, sans-serif;letter-spacing:3px;font-size:2.0rem;font-weight: bold;text-rendering: optimizeLegibility;color: inherit;}
.homeAbout .h2 small{display:block;overflow:hidden;font-size:1.25rem;font-weight:400;line-height:2.5rem;letter-spacing:0;color:#000;font-family:Arial, Helvetica, sans-serif;}
.homeAbout p{font-size:1rem;line-height:1.5;margin-bottom:1.25rem}
.homeAbout_img{position:relative}
.homeAbout_img a.imgbox{position:relative;z-index:2}
.homeAbout_img::before{content:"";width:70%;height:120%;background-color:var(--main-color);position:absolute;left:50%;top:50%;transform:translateY(-50%) skew(-20deg)}
.homeAbout_img div.imgbox{width:200px;position:absolute;left:-15px;top:-10%;z-index:2}
.homeAbout_img a.imgbox:hover .video_btn{background-color:var(--main-color)}
.homePro ul{display:flex;flex-wrap:wrap;width:calc(100% + 16px);margin-left:-8px}
.homePro ul li{width:25%;padding:0 8px;margin-bottom:16px;display:flex}
.homePro ul li a{width:100%;position:relative;overflow:hidden;border:1px solid #ccc}
.homePro ul li a>h5{padding:1rem;line-height:1.4;color:#222;font-weight:normal}
.homePro ul li a>h5::before{content:'';width:60px;height:2px;background-color:var(--blue-color);display:block;margin-bottom:.5rem}
.homePro ul li a .textbox{width:calc(100% + 2px);height:calc((100% + 2px));display:flex;flex-direction:column;justify-content:center;padding:1rem;background-color:#fff;border:1px solid #ccc;position:absolute;left:-1px;top:102%;transition:all .4s}
.homePro ul li a .textbox h5{color:#222;margin-bottom:1rem;text-align:left}
.homePro ul li a .textbox h5::after{content:"";width:60px;height:2px;background-color:var(--blue-color);display:block;margin-top:1rem}
.homePro ul li a .textbox p{height:88px;font-size:1rem;line-height:22px;overflow:hidden;color:#222}
.homePro ul li a:hover .imgbox>img{transform:scale(1)}
.homePro ul li a:hover .textbox{top:-1px}
.homeApp{position:relative;background:url(../images/app-bj.webp) no-repeat center center;background-size:cover;background-attachment:fixed}
.homeApp::before{content:'';width:100%;height:100%;background-color:#fff;opacity:.8;position:absolute;left:0;top:0}
.homeApp>.container{position:relative;z-index:2}
.homeApp .etw_title{display:flex}
.homeApp .etw_title>.h2{background-color:var(--main-color);color:#fff;padding:2rem;display:flex;align-items:center;justify-content:center}
.homeApp .etw_title>p{flex:1;color:#222;margin:0;background-color:rgba(255,255,255,0.4);padding:1.5rem 2rem;position:relative;z-index:2}
.homeApp_content{position:relative;padding:0 50px}
.homeApp .swiper{padding:0 10px;margin:0 -10px}
.homeApp .swiper-slide{height:auto;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.homeApp .swiper-slide .textbox{flex:1;display:flex;justify-content:space-between;flex-direction:column;padding:1rem 1.5rem}
.homeApp .swiper-slide .textbox>h4>a{color:#000}
.homeApp .swiper-slide .textbox p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.3}
.homeApp .swiper-slide .textbox>h4>a:hover{color:var(--main-color)}
.homeApp .swiper-slide .textbox .more a{font-size:1rem}
.homeApp .prev-button,.homeApp .next-button{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--blue-color);color:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);box-shadow:0 0 10px rgba(0,0,0,0.1);font-size:1rem;cursor:pointer;transition:all .4s}
.homeApp .next-button{left:auto;right:0}
.homeApp .prev-button:hover,.homeApp .next-button:hover{background-color:var(--main-color);color:#fff}
.homeApp .prev-button.swiper-button-disabled,.homeApp .next-button.swiper-button-disabled{cursor:default;opacity:.5}
.homeApp .prev-button.swiper-button-disabled:hover,.homeApp .next-button.swiper-button-disabled:hover{background-color:var(--blue-color)}
.homeCase_imgbox{width:100%;display:flex;flex-wrap:wrap;position:relative;margin:0}
.homeCase_imgbox>dt{width:fit-content;font-family:Arial, Helvetica, sans-serif;background-color:#fff;padding:1.5rem 1rem;font-size:2rem;color:var(--main-color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}
.homeCase_imgbox>dt>a{color:inherit}
.homeCase_imgbox>dd{width:50%;border:4px solid #fff;display:flex}
.homeCase_imgbox>dd>a{position:relative}
.homeCase_imgbox>dd>a>span{display:block;width:80%;background-color:#fff;padding:.5rem .6rem 1.1rem .6rem;font-size:.9rem;line-height:1.3;color:#000;position:absolute;left:0;top:0;z-index:2}
.homeCase_imgbox>dd>a>span::before{content:'';width:0;height:2px;background-color:var(--main-color);position:absolute;left:50%;bottom:.5rem;transform:translateX(-50%);transition:all .4s}
.homeCase_imgbox>dd:nth-child(3){align-items:flex-end}
.homeCase_imgbox>dd:nth-child(3)>a{width:90%}
.homeCase_imgbox>dd:nth-child(3)>a>span{left:auto;right:0}
.homeCase_imgbox>dd:nth-child(4){justify-content:flex-end}
.homeCase_imgbox>dd:nth-child(4)>a{width:90%;height:90%}
.homeCase_imgbox>dd:nth-child(4)>a>span{top:auto;bottom:0}
.homeCase_imgbox>dd:nth-child(5)>a>span{left:auto;right:0;top:auto;bottom:0}
.homeCase_imgbox>dd>a:hover>span::before{width:calc(100% - 1rem)}
.homeCase .etw_title{display:flex;flex-direction:column;background:url(../images/case_logo.png) no-repeat left center;background-size:contain;padding:1.5rem 0 1.5rem 4rem}
.homeCase .etw_title small{color:#000;font-size:1rem;margin-bottom:.5rem}
@media (max-width:1099.98px){.homeAbout{padding:4rem 0}
}@media (max-width:991.98px){.etw_title{margin-bottom:1.5rem}
.etw_title .h2{font-size:2rem}
.homeAbout{padding:3rem 0}
.homeAbout .h2{font-size:2rem}
.homePro ul li a .textbox{display:none}
.homeAbout .h2 small{font-size:1.1rem}
}@media (max-width:767.98px){p{font-size:0.9rem}
.etw_box{padding:2rem 0}
.etw_title{margin-bottom:1rem}
.etw_title .h2{font-size:1.8rem}
.homeAbout{padding:2rem 0}
.homeAbout .h2{font-size:1.8rem}
.homeAbout_img{margin-bottom:1rem}
.homeAbout_img::before{display:none}
.homeAbout_img a.imgbox{display:flex;justify-content:center}
.homePro ul li{width:calc(100% / 3)}
.homePro ul li:nth-child(7),.homePro ul li:nth-child(8){display:none}
.more a,.more2>a,.homeAbout p{font-size:0.9rem}
.homeAbout .h2 small{font-size:1rem}
}@media (max-width:575.98px){.etw_title .h2{font-size:1.6rem}
.etw_box{padding:1.5rem 0}
.homeAbout{padding:1.5rem 0}
.homeAbout .h2{font-size:1.5rem}
.homeAbout p{margin-bottom:1rem}
.homePro ul li{width:50%}
.homePro ul li:nth-child(7),.homePro ul li:nth-child(8){display:flex}
.homeApp .etw_title>.h2{width:100%;padding:1rem}
.homeApp .etw_title>p{padding:1rem}
.homeApp .swiper-slide img{width:100%}
.homeApp .swiper-slide .textbox{padding:1rem}
.homeCase_imgbox>dt{width:100%;padding:0 0 1rem 0;font-size:1.5rem;position:relative;left:initial;top:initial;transform:initial;text-align:center}
.homeCase_imgbox>dd{border:4px solid #fff;display:flex}
.homeCase_imgbox>dd>a{flex:1;width:100% !important;height:auto !important;display:flex;flex-direction:column}
.homeCase_imgbox>dd>a>span{flex:1;display:flex;width:100%;position:relative;left:initial;top:initial;padding:.8rem .5rem;background-color:#f5f5f5;text-align:center}
.homeCase_imgbox>dd>a>span::before{display:none}
.homeCase_imgbox>dd>a:hover>span{background-color:var(--hover-color);color:#fff}
}@media (max-width:480.98px){img{width:100%}
.homePro ul li{width:100%}
.homeCase_imgbox>dd{width:100%;border:2px solid #fff}
}
/* index-end */
/* nbanner */
.nbanner{width:100%;overflow:hidden;min-height:250px;position:relative;display:flex;padding-bottom:40px}
.nbanner>.container{position:relative;z-index:3;display:flex;align-items:center}
.nbanner::before{content:'';width:100%;height:100%;background-color:#000;opacity:.4;position:absolute;left:0;top:0;z-index:1}
.nbanner_title{width:100%;display:flex;justify-content:center;position:relative;text-align:center}
.nbanner_title h3,.nbanner_title .etw_hometitle{width:100%;font-size:2rem;line-height:1.4;color:#fff;font-weight:bold;font-style:italic;text-align:center;margin:0;font-family:Arial, Helvetica, sans-serif;}
.nbanner_title h3 span{display:block;font-size: 1.6rem;}
.nbanner_title .etw_hometitle{border-bottom:none;padding:0}
.proBanner{width:100%;overflow:hidden;min-height:250px;position:relative;display:flex;flex-wrap:wrap}
.proBanner::before{content:'';width:100%;position:absolute;left:0;top:0;bottom:50px;background-color:rgba(70,70,70,1)}
.proBanner::after{content:'';width:50%;height:100%;position:absolute;right:50%;top:0;background-color:var(--blue-color);transform:skew(5deg) translateX(-10px)}
.proBanner img{width:50%;position:relative;z-index:2;transform:skew(5deg) translateX(-20px)}
.proBanner_box{width:50%;position:relative;display:flex}
.proBanner_box .nbanner_title{padding-left:50px;padding-bottom:50px;display:flex;align-items:center;justify-content:flex-start}
.proBanner_box .nbanner_title h3{text-align:left;font-size:1.875rem}
.proBanner_box .quicknav ul,.proBanner_box .quicknav ul::before,.proBanner_box .quicknav a,.proBanner_box .quicknav li+li::before{color:#000}
.proBanner_box .quicknav li:last-child{color:var(--main-color)}
@media (max-width:1440.98px){.proBanner_box .nbanner_title h3{font-size:1.625rem}
}@media (max-width:1300.98px){.proBanner_box .nbanner_title h3{font-size:1.375rem}
}@media (max-width:1100.98px){.proBanner_box .nbanner_title h3{font-size:1.25rem}
}@media (max-width:991.98px){.proBanner_box .nbanner_title h3{font-size:1.75rem}
.nbanner_title h3,.nbanner_title .etw_hometitle{font-size:1.8rem}
.proBanner{padding-bottom:40px}
.proBanner img{width:100%;transform:skew(0) translateX(0)}
.proBanner_box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9}
.proBanner::before{bottom:40px;z-index:3;background-color:rgba(70,70,70,.5)}
.proBanner::after{display:none}
.proBanner_box .nbanner_title{padding-left:0;padding-bottom:50px;justify-content:center;position:relative;z-index:3}
}@media (max-width:767.98px){.proBanner{padding-bottom:0;min-height:240px}
.proBanner::before{bottom:0}
.proBanner_box .nbanner_title{padding-bottom:0}
.proBanner_box .nbanner_title h3{font-size:1.6rem;padding:0 1rem}
.nbanner_title h3,.nbanner_title .etw_hometitle{font-size:1.6rem}
.nbanner{min-height:240px}
}@media (max-width:575.98px){.proBanner_box .nbanner_title h3{font-size:1.4rem;padding:0 1rem}
}
/* etw_brief */
.etw_brief{padding-top:2rem}
.etw_brief h2,.etw_hometitle{width:100%;text-align:center;font-size:2rem;font-weight:bold;line-height:1;margin-bottom:1rem;color:var(--main-color)}
.etw_brief p{max-width:80%;line-height:1.4;margin:0 auto}
/* Products */
.pro_list{display:flex;flex-wrap:wrap;justify-content:space-between}
.pro_list>li{width:calc(50% - 10px);margin-bottom:20px;display:flex;box-shadow:0 0 10px rgba(0,0,0,0.3);position:relative;overflow:hidden}
.pro_list>li .imgbox:hover>img{transform:scale(1)}
.pro_list>li .textbox{padding:1rem 2rem;width:55%;position:absolute;right:0;top:0;bottom:0;z-index:3;display:flex;flex-direction:column;justify-content:center}
.pro_list>li .textbox::before{content:'';width:100%;height:250%;border-radius:50% 0 0 50%;background-color:rgba(255,255,255,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}
.pro_list>li .textbox h3{width:100%;font-size:1.375rem;line-height:1.4;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;text-rendering:optimizeLegibility;margin-bottom:.5rem;margin-bottom:1rem}
.pro_list>li .textbox h3>a{color:#000}
.pro_list>li .textbox h3>a:hover{color:var(--main-color)}
.pro_list>li .textbox p{line-height:24px;font-size:1rem;max-height:72px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.pro_list>li .textbox>a{width:fit-content;display:inline-flex;align-items:center;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:var(--hover-color);font-size:1.1rem;line-height:1;transition:all .5s;position:relative;padding-right:1.5rem}
.pro_list>li .textbox>a::after{content:"\f054";line-height:1;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;right:0;top:50%;transform:translateY(-45%)}
.pro_list>li .textbox>a:hover{color:var(--blue-color)}
.pro_list>li .textbox>a:hover::after{color:var(--blue-color)}
.inquiryForm{padding:2rem 0 3rem 0}
.inquiryForm>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
.inquiryForm_left{width:48%;display:flex;flex-direction:column;justify-content:center}
.inquiryForm_left .h2{color:#000;font-size:1.625rem;line-height:1.5;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:1.5rem}
.inquiryForm_left p{font-size:1.1rem;line-height:1.5;margin-top:.5rem;margin-bottom:1.25rem;color:#222}
.inquiryForm_btn{display:flex}
.inquiryForm_btn .more{margin-right:2rem;transition:all .4s}
.inquiryForm_btn .more:hover{margin-left:1rem}
.inquiryForm_right{width:48%;padding:2.5rem 0;position:relative}
.inquiryForm_right::before{content:'';width:50%;height:100%;background-color:var(--main-color);position:absolute;left:68%;top:0;bottom:0;transform:skew(-20deg)}
.inquiryForm3{padding:4rem 0}
.inquiryForm3>.container{padding:0;box-shadow:0 0 50px rgba(0,0,0,0.2)}
.inquiryForm3 .inquiryForm_left{width:50%;padding:2rem}
.inquiryForm3 .inquiryForm_left .h2{font-size:1.625rem;line-height:1.5;margin-bottom:1.5rem}
.inquiryForm3 .inquiryForm_left p{margin:0 0 1rem 0}
.inquiryForm3 .inquiryForm_right{width:50%;padding:0}
.inquiryForm3 .inquiryForm_right::before{display:none}
@media (max-width:1199.98px){.pro_list>li .textbox{padding:1rem 1.5rem}
.pro_list>li .textbox h3{line-height:1.2}
}@media (max-width:991.98px){.pro_list>li{width:100%}
.inquiryForm_btn{flex-wrap:wrap}
.inquiryForm_btn .more,.inquiryForm_btn .more2{margin-bottom:1rem}
}@media (max-width:767.98px){.etw_brief h2,.etw_hometitle{font-size:1.8rem}
.pro_list>li .textbox h3{font-size:1.2rem}
.pro_list>li .textbox>a,.pro_list>li .textbox p{font-size:0.9rem;line-height:1.4}
.inquiryForm{padding:1rem}
.inquiryForm_left .h2{font-size:1.5rem}
.inquiryForm>.container{justify-content:center}
}@media (max-width:649.98px){.pro_list>li .textbox{padding:1rem}
.pro_list>li .textbox::before{border-radius:0}
.inquiryForm>.container{flex-direction:column-reverse}
.inquiryForm_left,.inquiryForm_right{width:100%}
.inquiryForm_right{margin-bottom:1rem;padding:0}
.inquiryForm_btn .more,.inquiryForm_btn .more2{margin-bottom:0.5rem}
.inquiryForm_left .h2{line-height:1.3}
.inquiryForm_right::before{display:none}
}@media (max-width:575.98px){.etw_brief h2,.etw_hometitle{font-size:1.5rem;margin-bottom:0.5rem}
.pro_list>li .textbox h3{font-size:1.1rem}
.inquiryForm_left .h2{font-size:1.4rem}
}@media (max-width:479.98px){.pro_list>li .textbox::before{display:none}
.pro_list>li{flex-direction:column;align-items:center}
.pro_list>li .textbox{position:relative;width:100%}
}.proApp{padding:3rem 0}
.proApp_content{padding:2rem;padding-bottom:0;position:relative}
.proApp .swiper-slide>a{display:flex;width:100%;position:relative;border-radius:10px;overflow:hidden}
.proApp .swiper-slide>a h4{width:100%;height:100%;background-color:rgba(0,0,0,0.3);color:#fff;padding:1rem;display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.proApp .swiper-slide>a:hover .imgbox img{transform:scale(1.1)}
.proApp .swiper-pagination-progressbar{height:5px}
.proApp .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--main-color)}
.proApp .prev-button,.proApp .next-button{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--main-color);color:#fff;margin-top:1rem;position:absolute;left:0;top:50%;transform:translateY(-50%);box-shadow:0 0 10px rgba(0,0,0,0.1);font-size:1rem;cursor:pointer;transition:all .4s}
.proApp .next-button{left:auto;right:0}
.proApp .prev-button:hover,.proApp .next-button:hover{background-color:var(--hover-color);color:#fff}
.proApp .prev-button.swiper-button-disabled,.proApp .next-button.swiper-button-disabled{cursor:default;opacity:.5}
.proApp .prev-button.swiper-button-disabled:hover,.proApp .next-button.swiper-button-disabled:hover{background-color:var(--main-color)}
@media (max-width:991.98px){.etw_brief{padding-top:1.5rem}}
@media (max-width:767.98px){.etw_brief{padding-top:1rem}.etw_brief p{max-width:100%}.proApp{padding:2rem 0}}
@media (max-width:575.98px){.proApp{padding:1rem 0}}
/* Products-End */
/* Products-Details */
.proDetails h2,.proDetails .h2{color:var(--title-color);margin-bottom:1rem}
.proDetails h3{font-size:1.4rem;color:var(--title-color);font-style:italic;position:relative}
.proDetails p{font-size:1.1rem;line-height:1.6}
.table2 h3{background-color:var(--main-color);color:#fff;padding:.5rem 1rem;margin:0;font-size:1.2rem}
.table2 h3::before{display:none}
.proDetailsApp{padding:3rem 0}
.proDetailsApp ul{display:flex;flex-wrap:wrap;width:calc(100% + 16px);margin-left:-8px}
.proDetailsApp ul li{width:25%;padding:0 8px;margin-bottom:16px;display:flex}
.proDetailsApp ul li a{width:100%;display:flex;overflow:hidden;border-radius:10px;position:relative}
.proDetailsApp ul li a h4{margin:0;color:#fff;font-weight:normal;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.2);position:absolute;left:0;right:0;top:0;bottom:0;z-index:2}
.proDetailsApp ul li:nth-child(3),.proDetailsApp ul li:nth-child(4){width:50%}
.proDetailsApp ul li a:hover .imgbox img{transform:scale(1.1)}
.card{margin-bottom:.625rem}
.card-header{padding:0;background-color:#fff;border-bottom:none}
.card-header a:hover span{color:var(--light-color)}
.card-link{width:100%;display:block;padding:.7rem 1.2rem;font-size:1rem;font-family:Arial, Helvetica, sans-serif;font-weight:bold;position:relative;line-height:1.5rem}
.card-link>span{display:block;font-size:1rem;overflow:hidden;padding-right:1.5rem;color:#000;transition:all .3s}
.card-link::before{content:"\f059";font-size:1.2rem;color:var(--main-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;float:left;margin-right:.5rem}
.card-link::after{content:"\f055";font-size:1.2rem;color:var(--main-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;right:.625rem;top:.5rem;transition:all 0.3s}
.card-body{padding:.625rem;padding-top:0;line-height:1.4rem;padding-left:2.5rem;font-family:Arial, Helvetica, sans-serif;}
.card-link[aria-expanded="true"]::after{transform:rotate(-45deg)}
.inquiryForm2{background:url(../images/bj2.webp) no-repeat center center;background-size:cover;background-attachment:fixed;overflow:hidden;position:relative}
.inquiryForm2::before{content:'';width:100%;height:100%;background-color:rgba(255,255,255,0.8);position:absolute;left:0;top:0;z-index:0}
.inquiryForm2>.container{position:relative;z-index:2}
.inquiryForm2 .inquiryForm_right{width:100%}
.inquiryForm2 .inquiryForm_right .h2{color:var(--blue-color);font-style:italic;line-height:1.2;text-align:center;text-transform:uppercase;margin-bottom:1rem;font-size:2.1rem;font-family: "Roboto Slab",sans-serif;font-weight: bold;}
.inquiryForm2 .inquiryForm_right p{margin:0;text-align:center}
.inquiryForm2 .inquiryForm_right::before{display:none}
.inquiryForm4{background:url(../images/bj1.webp) no-repeat center center;background-size:cover;background-attachment:fixed;overflow:hidden;position:relative;padding:3rem 0}
.inquiryForm4::before{content:'';width:100%;height:100%;background-color:rgba(255,255,255,0.8);position:absolute;left:0;top:0;z-index:0}
.inquiryForm4>.container{position:relative;z-index:2}
.inquiryForm4 .inquiryForm_left{width:100%;box-shadow:initial;text-align:center;align-items:center}
.inquiryForm4 .inquiryForm_left .h2{max-width:55%}
.proSelect .etw_title .h2{color:#222}
.proSelect ul{display:flex;flex-wrap:wrap;width:calc(100% + 16px);margin-left:-8px}
.proSelect ul li{width:25%;padding:0 8px;margin-bottom:16px;display:flex}
.proSelect ul li a{width:100%;display:flex;flex-direction:column;box-shadow:0 0 30px rgba(0,0,0,0.1)}
.proSelect ul li a .textbox{padding:1rem 1.5rem}
.proSelect ul li a .textbox h4{color:#000;font-size:1.15rem}
.proSelect ul li a .textbox .more1{margin-bottom:.5rem}
.proSelect ul li a .textbox .more1>span{text-decoration:underline}
.proSelect ul li a:hover .textbox h4{color:var(--blue-color)}
.proDetailsAbout .row{box-shadow:0 0 20px rgba(0,0,0,0.1)}
.proDetailsAbout .row .col-md-6{background-color:#fff}
.proDetailsAbout .etw_title{justify-content:flex-start;margin-bottom:1.25rem}
.proDetailsAbout .etw_title .h2{font-size:1.6rem;font-weight:normal}
.proDetailsAbout p{font-size:.95rem}
.proDetails_list{display:flex;flex-wrap:wrap;justify-content:space-between}
.proDetails_list li{width:49%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.proDetails_list li a.imgbox{width:48%;padding:5px;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.proDetails_list li .textbox{width:48%}
.proDetails_list li .textbox p{margin:0}
@media (max-width:991.98px){.proSelect ul li a .textbox{padding:1rem}
.proSelect ul li a .textbox h4{font-size:1.1rem}
.inquiryForm2 .inquiryForm_right .h2{font-size:2rem}
.proSelect ul li a .textbox .more1>span{font-size:0.8rem}
.proDetails_list li{width:100%;margin-bottom:1rem;align-items:center}
.proDetails_list li a.imgbox{width:30%}
.proDetails_list li .textbox{width:68%}
}@media (max-width:767.98px){.mb-4{margin-bottom:1rem !important}
.inquiryForm>.container{align-items:center;padding:0;width:100%}
.inquiryForm>.container .row.align-items-center{flex-direction:column-reverse;width:100%}
.row.align-items-center .col-md-6 .more{margin-bottom:1rem}
.inquiryForm>.container .row{padding:0}
.inquiryForm2 .inquiryForm_right{padding:2rem 0 1rem}
.proDetails h3{font-size:1.3rem}
.table1 th,.table1 td,.card-body{font-size:0.9rem}
.proDetails p.mb-0{margin-bottom:1rem !important}
.proSelect ul li{width:50%}
.imgbox img{width:100%}
.proDetails p{font-size:1rem}
.proDetails h2{margin-bottom:0.5rem}
}@media (max-width:649.98px){.inquiryForm2 .inquiryForm_right{padding:1rem 0}
}@media (max-width:575.98px){.proDetails h3{font-size:1.2rem}
.proDetails p{font-size:0.9rem}
}@media (max-width:479.98px){.proSelect ul li{width:100%}
.proDetails_list li a.imgbox{width:100%;margin-bottom:0.5rem}
.proDetails_list li .textbox{width:100%}
}.table-app .table tr td:first-child{background-color:#f8f9fa;color:#000;font-weight:bold;width:14%}
.table_title{position:relative}
.table_title>div{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:row-reverse;position:absolute;left:0;top:0;overflow:hidden}
.table_title>div::before{content:'';width:200%;height:1px;background-color:#ccc;position:absolute;left:0;top:0;transform:rotate(31deg);transform-origin:left top}
.table_title>div>span{width:50%;display:flex;align-items:center;justify-content:center;padding-bottom:2rem}
.table_title>div>span:nth-child(2){padding:2rem 0 0 0}
.table_title2>div::before{transform:rotate(48deg)}
.proFlow{display:flex;flex-wrap:wrap;justify-content:center}
.proFlow li{width:100%;margin-bottom:10px;display:flex}
.proFlow li .textbox{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#f5f5f5;padding:1.25rem;border-radius:10px}
.proFlow li .textbox .proFlow_nub{color:var(--blue-color);text-transform:uppercase;font-weight:bold}
.proFlow li .textbox p{flex:1;margin:0;padding-left:1.5rem}
.etw_photo23 li:nth-child(3),.etw_photo23 li:nth-child(4),.etw_photo23 li:nth-child(5){width:calc(100% / 3)}
/* .left_pics */
.left_pics{width:100%;height:auto;position:relative;box-shadow:10px 10px 10px rgba(0,0,0,0.1)}
.left_pics img{text-align:center;border:1px solid #eee}
.left_pics a{display:block;overflow:hidden}
.related_pic{width:100%;display:flex;flex-flow:wrap;justify-content:center;margin-top:1rem}
.related_pic a{width:calc(100% / 5);padding:0 5px}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid}
.related_pic img:hover,.related_pic a.imgdq img{border:1px var(--main-color) solid}
/* Products-Details-End */
/* Applications */
.applications .etw_title{flex-direction:column}
.applications .etw_title h2{text-align:center;line-height: 1;font-size: 2.2rem;margin-bottom: 0;}
.applications .etw_title h2::after{content:'';width:80px;height:2px;background-color:var(--blue-color);display:block;margin:1.5rem auto}
.applications .etw_title p{max-width:65%;margin:0 auto;color:#000}
@media (max-width:991.98px){
 .applications .etw_title h2{ font-size:2rem;}
}
@media (max-width:767.98px){
 .applications .etw_title h2{ font-size:1.8rem;}
}
@media (max-width:575.98px){
 .applications .etw_title h2{ font-size:1.6rem;}
}
.applications ul{display:flex;flex-wrap:wrap}
.applications ul li{width:100%;margin-bottom:80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.applications ul li .imgbox{width:35%;padding:5px;box-shadow:0 0 20px rgba(0,0,0,0.5)}
.applications ul li .textbox{width:60%}
.applications ul li .textbox h4{width:fit-content;margin-bottom:1rem}
.applications ul li .textbox h4 a{color:#000}
.applications ul li .textbox h4 a:hover{color:var(--main-color)}
.applications ul li .textbox h4::after{content:'';width:60px;height:2px;background-color:var(--main-color);display:block;transition:all .4s;margin-top:.25rem}
.applications ul li .textbox .more a{font-size:1.05rem}
.applications ul li .textbox .more a:hover{margin-left:.5rem}
.applications ul li .textbox h4:hover::after{width:100%}
.applications ul li:last-child{margin-bottom:0}
.appCase ul{display:flex;flex-wrap:wrap;width:calc(100% + 24px);margin-left:-12px}
.appCase ul li{width:calc(100% / 3);padding:0 12px;margin-bottom:24px;display:flex}
.appCase ul li>ol{width:100%;display:flex;flex-direction:column;box-shadow:0 0 15px rgba(0,0,0,0.2);background-color:#fff}
.appCase ul li .textbox{flex:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}
.appCase ul li .textbox h5{margin-bottom:1rem}
.appCase ul li .textbox p{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;line-height:1.4}
.recommend .etw_title p{color:#000;margin-top:.5rem;margin-bottom:0}
.recommend ul{display:flex;flex-wrap:wrap;width:calc(100% + 16px);margin-left:-8px}
.recommend ul li{width:25%;padding:0 8px;margin-bottom:16px;display:flex}
.recommend ul li>ol{width:100%;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.recommend ul li .textbox{flex:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}
.recommend ul li .textbox h3{font-size:1.125rem;margin-bottom:1rem}
.recommend ul li .textbox p{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;line-height:1.3}
.recommend2 ul{width:100%;margin:0}
.recommend2 ul li{width:100%;padding:0;margin-bottom:2rem}
.recommend2 ul li:last-child{margin:0}
.recommend2 ul li>ol{flex-wrap:wrap;flex-direction:row}
.recommend2 ul li .imgbox{width:42%;display:inline-flex;justify-content:center;align-items:center}
.recommend2 ul li .textbox{width:58%;padding:1rem;padding-left:2rem;justify-content:center}
.recommend2 ul li .textbox p{flex:none;line-height:24px;max-height:100px;overflow:hidden}
.appDetails>.container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.appDetails_left{width:24%;background-color:#f8f9fa;border:1px solid var(--main-color);box-shadow:0 0 10px rgba(0,0,0,0.1);position:sticky;top:80px}
.appDetails_left .webtitle{font-size:1.3rem;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;color:var(--main-color);padding:1rem}
.appDetails_left ul{display:flex;flex-direction:column}
.appDetails_left ul li{border-top:1px solid #ddd}
.appDetails_left ul li a{display:block;overflow:hidden;padding:.5rem 1rem;color:#000;font-size:1rem}
.appDetails_left ul li a:hover,.appDetails_left ul li a.active{background-color:var(--main-color)}
.appDetails .etw_title{flex-direction:column;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid #ddd}
.appDetails .etw_title small{display:block;overflow:hidden;margin-top:.5rem;font-size:1.1rem;color:#000;opacity:.5}
.appDetails .etw_title .etw_hometitle{margin-bottom: 0; text-align: left;}
.appDetails_right{width:70%}
.choose{padding:1rem 0 1rem 0}
.choose .etw_title{border-bottom:none;margin-bottom:1rem;padding-bottom:0}
.choose .etw_title .h2{font-size:1.5rem}
.choose ul{display:flex;flex-direction:column}
.choose ul li{width:100%;position:relative;padding-left:1.5rem}
.choose ul li::before{content:'';width:6px;height:6px;background-color:var(--blue-color);position:absolute;left:.5rem;top:.6rem}
.choose ul li p{line-height:1.4}
.appDetailsApp{padding-bottom:0}
.appDetailsApp .proApp_content{padding:0 0 2rem 0}
.appDetailsApp .swiper-pagination-progressbar{top:auto !important;bottom:0}
.appDetailsApp_btn{display:flex;align-items:center}
.appDetailsApp .prev-button,.appDetailsApp .next-button{margin:0;position:relative;transform:initial;top:initial;background-color:initial;box-shadow:initial;color:#000;font-size:1.5rem}
.appDetailsApp .prev-button:hover,.appDetailsApp .next-button:hover{background-color:initial;color:var(--hover-color)}
.appDetailsApp .prev-button.swiper-button-disabled:hover,.appDetailsApp .next-button.swiper-button-disabled:hover{background-color:initial}
.appDetailsApp .swiper-slide>a h4{align-items:flex-start;font-weight:normal;font-size:1.125rem;text-align:left;padding:.7rem 1.2rem;justify-content:flex-start;margin:0;height:50px;top:auto;bottom:0;transform:translate(0);transition:all .4s}
.appDetailsApp .swiper-slide>a h4::after{content:"\f105";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;right:1rem;bottom:.7rem}
.appDetailsApp .swiper-slide>a:hover h4{height:100%;padding-top:2rem}
.appDetailsApp .swiper-slide>a>p{width:100%;font-size:.875rem;line-height:1.375rem;color:#fff;padding:0 1.8rem 0 1rem;max-height:0;overflow:hidden;position:absolute;left:0;bottom:0;z-index:2;transition:all .4s}
.appDetailsApp .swiper-slide>a:hover>p{max-height:88px}
/* Applications-End */
/* About */
.history{position:relative;overflow:hidden;padding:0 50px}
.history::before{content:'';width:100%;height:2px;background-color:var(--main-color);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.history .swiper-slide{height:auto;display:flex;flex-direction:column}
.history .swiper-slide .history_year{position:relative;padding-bottom:2rem;text-align:center;font-size:2rem;color:var(--main-color);font-family:Arial, Helvetica, sans-serif;display:flex;align-items:flex-end;justify-content:center;line-height:1}
.history .swiper-slide .history_year::before{content:'';width:1rem;height:1rem;border-radius:50%;background-color:#fff;border:3px solid var(--main-color);position:absolute;left:50%;bottom:-.5rem;transform:translateX(-50%)}
.history .swiper-slide .history_content{padding-top:2rem;font-size:1rem;line-height:1.5rem}
.history .swiper-slide:nth-child(odd){flex-direction:column-reverse}
.history .swiper-slide:nth-child(odd) .history_year{display:flex;align-items:flex-start;padding:2rem 0 0 0}
.history .swiper-slide:nth-child(odd) .history_year::before{bottom:auto;top:-.5rem}
.history .swiper-slide:nth-child(odd) .history_content{padding:0 0 2rem 0}
.history .prev-button,.history .next-button{width:40px;height:40px;border-radius:50%;background-color:var(--main-color);position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#fff}
.history .next-button{left:auto;right:0}
.history .swiper-button-disabled{display:none}
.companyInfo ul{display:flex;flex-wrap:wrap;width:100%}
.companyInfo ul li{width:calc(100% / 3);padding:0 15px;margin-bottom:30px;display:flex}
.companyInfo ul li>a{width:100%;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.companyInfo ul li>a .textbox{padding:1.5rem}
.companyInfo ul li>a .textbox p{color:#000;font-size:.95rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.companyInfo ul li>a:hover .imgbox img{transform:scale(1.1)}
.company .etw_title .etw_hometitle{font-size: 2.2rem; margin: 0; line-height: 1; text-align: left;}
/* About-End */
/* Case Studies */
.case_list{display:flex;flex-wrap:wrap}
.case_list li{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;align-items:center}
.case_list li .imgbox{width:50%}
.case_list li .textbox{width:50%;padding:1.25rem 1.875rem;padding-left:1rem}
.case_list li .textbox .h2{font-size:24px;line-height:30px;margin-bottom:1rem;position:relative;font-family: "Roboto Slab",sans-serif;font-weight: bold;}
.case_list li .textbox .h2::before{content:'';width:4px;position:absolute;left:-1.25rem;top:34px;bottom:4px;background-color:var(--main-color)}
.case_list li .textbox .h2 span{display:block;font-weight:normal;font-size:1.1rem;line-height:25px;color:var(--blue-color);margin-bottom:5px;text-transform:uppercase}
.case_list li .textbox p{opacity:.9;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.case_list li:nth-child(even){flex-direction:row}
.case_list li:nth-child(even) .textbox{padding:1.875rem;padding-right:0;padding-left:2.5rem}
.caseMore .h2{margin-bottom:1rem;font-size: 1.75rem;line-height: 1.4;font-family: "Roboto Slab",sans-serif;font-weight: bold;}
@media (max-width:991.98px){
 .caseMore .h2{ font-size:2rem;}
}
@media (max-width:767.98px){
 .caseMore .h2{ font-size:1.8rem;}
}
@media (max-width:575.98px){
 .caseMore .h2{ font-size:1.5rem;}
}
.caseMore_content{display:flex;flex-wrap:wrap;justify-content:space-between}
.caseMore_content .etw_photo{width:50%}
.caseDetails .etw_hometitle{text-transform:uppercase;font-size:1rem;font-weight:normal;color:var(--blue-color);text-align:left}
.caseDetails .etw_hometitle span{font-weight:bold;font-size:1.75rem;color:var(--main-color);display:block;text-transform:capitalize;margin-top:.5rem}
.caseDetails h5{position:relative}
.caseDetails h5::before{content:"";width:3px;height:100%;background-color:var(--main-color);position:absolute;left:-15px;top:0}
.recommended .etw_title{margin-bottom:1rem}
.recommended p>span{color:var(--blue-color)}
.recommended ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.recommended ul li{width:calc(50% - 15px);display:flex;flex-wrap:wrap;margin-bottom:30px;background-color:#f5f5f5}
.recommended ul li a.imgbox{width:40%}
.recommended ul li .textbox{width:60%;padding:1rem;padding-left:2rem}
.recommended ul li .textbox p{font-size:.95rem;height:3rem;line-height:1.5rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recommended2 ul li{width:100%;align-items:center}
.recommended2 ul li:last-child{margin-bottom:0}
.recommended2 ul li a.imgbox{width:30%}
.recommended2 ul li .textbox{width:70%;padding:1.5rem;padding-left:2.5rem}
.recommended2 ul li .textbox p{height:6rem;-webkit-line-clamp:4}
.recommended-white ul li{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.other_case ul{display:flex;flex-wrap:wrap;width:calc(100% + 16px);margin-left:-8px}
.other_case ul li{width:calc(100% / 3);padding:0 8px;margin-bottom:16px;display:flex}
.other_case ul li>ol{width:100%;display:flex;flex-direction:column;background-color:#fff}
.other_case ul li .textbox{flex:1;display:flex;flex-direction:column;padding:1rem}
.other_case ul li .textbox h5{margin-bottom:1rem}
.other_case ul li .textbox h5 span{display:block;font-size:1rem;font-weight:normal;color:var(--main-color);text-transform:uppercase}
.other_case ul li .textbox p{height:4.5rem;font-size:.95rem;line-height:1.5rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.other_case ul li .textbox .more2>a{font-size:1rem}
.outcomes_img{margin-top:-100px}
.other_case2 ul li>ol{background-color:#f5f5f5}
/* Case Studies-End */
/* Capabilities */
.caps_list{display:flex;flex-wrap:wrap;width:calc(100% + 16px);margin-left:-8px}
.caps_list li{width:25%;padding:0 8px;margin-bottom:16px;display:flex}
.caps_list li>ol{width:100%;background-color:#f5f5f5;display:flex;flex-wrap:wrap;flex-direction:column}
.caps_list li .textbox{padding:1.25rem}
.caps_list li .textbox p{margin:0;font-size:.95rem;line-height:1.5rem}
/* Capabilities-End */
/* Services */
.services h5 {position: relative;}
.services h5::before{content:"";width:3px;height:100%;background-color:var(--main-color);position:absolute;left:-15px;top:0}
/* Services-End */
/* videos */
.video{padding:1rem 0 2.5rem 0}
.video .etw_hometitle{color:var(--main-color);font-size:2.2rem;font-weight:bold;text-transform:uppercase;border-bottom:none;padding-bottom:0}
.video_title{font-size:1.5rem;line-height:1.8rem;font-weight:bold;text-transform:capitalize;display:flex;justify-content:center;color:var(--main-color);margin-bottom:1.5rem;position:relative;font-family:Arial, Helvetica, sans-serif;}
.video_title::before{content:'';width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--main-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.video_title>span{background-color:#fff;position:relative;z-index:2;padding:0 1.5rem;font-family:Arial, Helvetica, sans-serif;font-style:italic}
.video_hub{display:block;margin-bottom:2rem}
.video_hub ul{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px}
.video_hub ul li{width:calc(100% / 3);padding:0 15px;display:flex;transition:all 0.4s;margin-bottom:30px}
.video_hub ul li a{width:100%;display:flex;flex-direction:column;background-color:#f5f5f5;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.video_hub ul li a .video_img{width:100%;position:relative}
.video_hub ul li a .video_img .video_btn{width:44px;height:44px}
.video_hub ul li a .video_img .video_btn::before{font-size:1rem}
.video_hub ul li a .video_text{width:100%;padding:.5rem;font-size:1.1rem;color:#000;transition:all 0.4s;text-align:center;font-family:Arial, Helvetica, sans-serif;}
.video_hub ul li:hover{filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%))}
.video_hub ul li:hover a .video_text{color:var(--hover-color)}
.video_hub1 ul li{width:100%;margin:0}
.video_hub1 ul li a{flex-direction:row;align-items:center;-webkit-clip-path:polygon(100% 0,100% 85%,95% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 85%,95% 100%,0 100%,0 0)}
.video_hub1 ul li a .video_img>img{-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 100%,0 0)}
.video_hub1 ul li a .video_img .video_btn{width:60px;height:60px}
.video_hub1 ul li a .video_img .video_btn::before{font-size:1.4rem}
.video_hub1 ul li a .video_text{padding:1rem;padding-left:2.5rem;text-align:left}
.video_hub1 ul li a .video_text>h3{color:var(--main-color);font-size:1.3rem;font-weight:700;margin-bottom:1rem;transition:all 0.4s}
.video_hub1 ul li a .video_text>p{margin:0;font-size:1rem;line-height:1.4}
.video_hub1 ul li:hover a .video_text{color:#000;opacity:.9}
.video_hub1 ul li:hover a .video_text>h3{color:var(--hover-color)}
.video{display:flex;flex-wrap:wrap;justify-content:space-between}
#video_right{width:68%}
#video_right h2{font-size:1.625rem;font-weight:bold;color:var(--hover-color);font-style:italic;text-transform:capitalize}
#video_right video{width:100%}
.video_more{margin-bottom:2rem}
.video_more a,.video_more span{padding:.4rem 1.2rem;border:2px solid var(--main-color);color:var(--main-color);border-radius:20px;font-family:Arial, Helvetica, sans-serif;font-style:italic}
.video_more a:hover,.video_more span:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
#video_sidebar{width:28%;background-color:#f8f9fa;box-shadow:0 0 20px rgba(0,0,0,0.1)}
#etw_videolist{width:100%}
#etw_videolist .webtitle{font-size:1.4rem;color:var(--main-color);font-family:Arial, Helvetica, sans-serif;font-style:italic;background-color:var(--main-color);color:#fff;text-align:center;padding:.5rem;font-weight:bold}
#etw_videolist ul{display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1rem}
#etw_videolist ul:last-child{margin:0}
#etw_videolist ul li{margin-bottom:1rem}
#etw_videolist ul li a{display:flex;align-items:center;color:#000;line-height:1.2}
#etw_videolist ul li a img{width:30%}
#etw_videolist ul li a span{width:70%;font-size:1rem;padding-left:1rem;text-transform:capitalize}
#etw_videolist ul li a.dq span{color:var(--main-color)}
#etw_videolist ul li:last-child{margin:0}
#etw_videolist .video_more{display:none}
.recommend_video ul li>ol{background-color:#fff}
.contact{padding:1rem 0 2rem 0;font-family:Arial, Helvetica, sans-serif;}
.contact_name{font-size: 1.4rem; color: var(--hover-color);}
.contact a{color:var(--red);text-decoration:underline}
.contact a:hover{text-decoration:none}
.contact .webtitle h2{color:var(--hover-color);text-align:left;text-transform:uppercase;font-weight:bold}
/* Overview */
.overview{width:100%;overflow:hidden}
.overview_box{padding:2rem 0}
.overview_title{font-size:1.875rem;color:var(--main-color);text-transform:uppercase;text-align:center;font-weight:bold;position:relative;margin-bottom:1.25rem;line-height: 1.4;font-family: "Roboto Slab",sans-serif;}
.overview_title>span{position:relative;padding:0 1.5rem;background-color:#fff}
.overview_title::before{content:'';width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--main-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.overview_more{display:flex;justify-content:center;margin-top:.5rem}
.overview_more>a{display:inline-block;padding:.5rem 1.5rem;padding-right:2.5rem;color:#fff;letter-spacing:2px;font-size:1.1rem;background-color:var(--main-color);text-transform:uppercase;font-style:italic;border-radius:30px;position:relative}
.overview_more>a::after{content:"\f138";color:#fff;display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .4s}
.overview_more>a:hover{background-color:var(--hover-color);padding-right:4rem}
.overview_more>a:hover::after{right:1.5rem}
.overview_com{display:flex;flex-wrap:wrap;justify-content:space-between;font-family:Arial, Helvetica, sans-serif;}
.overview_com li{width:calc(50% - 10px);margin-bottom:20px}
.overview_com li h3{padding-bottom:1rem;position:relative}
.overview_com li h3::before{content:'';width:100%;height:1px;background-color:#ccc;position:absolute;left:0;bottom:2px}
.overview_com li h3::after{content:'';width:50px;height:5px;background-color:var(--main-color);position:absolute;left:0;bottom:0;transition:all .4s}
.overview_com li p{margin-bottom:0;color:#000;opacity:.8;font-size:1rem}
.overview_com li:hover h3::after{width:100%}
.overview_box .etw_photo li{margin-bottom:1.5rem}
.overview_box .etw_photo li span{box-shadow:0 0 10px rgba(0,0,0,0.1)}
.overviewPro{display:flex;flex-wrap:wrap}
.overviewPro li{width:100%;margin-bottom:1.875rem;box-shadow:0 0 10px rgba(0,0,0,0.1);display:flex;flex-wrap:wrap}
.overviewPro li .imgbox{width:40%;display:flex;align-items:center}
.overviewPro li .textbox{width:60%;padding:1rem;padding-left:2rem;display:flex;flex-direction:column;justify-content:center}
.overviewPro li .textbox>h3{font-size:1.3rem;font-weight:bold}
.overviewPro li .textbox>p{font-size:.95rem;line-height:1.4}
.overviewPro li .textbox>dl{display:flex;flex-wrap:wrap;overflow:hidden}
.overviewPro li .textbox>dl dd{margin-bottom:.25rem}
.overviewPro li .textbox>dl dd:last-child{margin-bottom:0}
.overviewPro li .textbox>.more>a:hover{color:#fff;margin-left:.6rem}
.overviewPro li .textbox>.more>a:hover::before{background-color:var(--hover-color)}
.overviewPro_list dl{display:flex;flex-wrap:wrap;justify-content:space-between}
.overviewPro_list dd{width:60%}
.overviewPro_list dd:nth-child(even){width:40%}
.overviewPro .items3 dd{width:20%}
.overviewApp{padding:0}
.overviewApp_title{padding:2rem 0}
.overviewApp_title .overview_title,.overviewApp_title .overview_title h2{margin-bottom:0}
.overviewApp_content{padding:3rem 0;overflow:hidden;background:url(../images/bj3.webp) no-repeat center center;background-size:cover;background-attachment:fixed;position:relative;z-index:2}
.overviewApp_content::before{content:'';width:100%;height:100%;background-color:#fff;opacity:.8;position:absolute;left:0;top:0;z-index:-1}
.overviewApp_content ul{display:flex;flex-wrap:wrap;width:calc(100% + 40px);margin-left:-20px}
.overviewApp_content ul li{width:25%;padding:0 20px;margin:20px 0;display:flex}
.overviewApp_content ul li>a{width:100%;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);font-size:1.2rem;border-radius:10px}
.overviewInfo ul li>a .textbox{padding:.5rem;background-color:#f8f9fa}
.overviewInfo ul li>a .textbox h4{margin:0;text-align:center;font-weight:normal}

.over_h2{font-size: 1.75rem;line-height: 1.4;margin-top: 0;margin-bottom: .5rem;font-family: "Roboto Slab",sans-serif;font-weight: bold;}
@media (max-width:991.98px){.appDetails>.container{flex-direction:column-reverse}
#video_sidebar,#video_right,.appDetails_right,.appDetails_left{width:100%;float:none}
#etw_videolist ul,.appDetails_left ul{flex-direction:row;flex-wrap:wrap;margin-bottom:0}
.appDetails_left ul li{border-top:0;border-bottom:1px solid #ddd}
#etw_videolist>ul>li,.appDetails_left>ul>li{width:49%;margin:0 2% 1rem 0}
#etw_videolist>ul>li:nth-child(2n),.appDetails_left>ul>li:nth-child(2n){margin-right:0}
#etw_videolist>ul>li:nth-child(2n+1),.appDetails_left>ul>li:nth-child(2n+1){clear:both}
.overview_title>span{font-size:2rem}
.recommended ul li a.imgbox{display:inline-flex;align-items:center}
}@media (max-width:767.98px){.col-md-6 a img{width:100%;margin-bottom:1rem}
.row .col-12{margin-bottom:1rem}
.applications ul li{margin-bottom:2rem}
.left_pics img,.recommended-white ul li{width:100%}
.applications .etw_title p{max-width:100%}
.applications ul li .textbox .more a,.recommend ul li .textbox p{font-size:0.9rem}
.inquiryForm3 .inquiryForm_left .h2{font-size:1.5rem;line-height:1.4}
.appCase ul li,.recommend ul li,.companyInfo ul li,.other_case ul li{width:50%}
.recommend2 ul li{width:100%}
.video_hub1 ul li a{clip-path:none;flex-direction:column}
.video_hub1 ul li a .video_text{padding-left:1rem}
.video_hub ul li a .video_text{font-size:1rem}
.history::before,.overview_title::before,.history .swiper-slide .history_year::before{display:none}
.history .swiper-slide:nth-child(odd){flex-direction:column}
.history .swiper-slide:nth-child(odd) .history_year,.history .swiper-slide .history_year,.history .swiper-slide:nth-child(odd) .history_content,.history .swiper-slide .history_content{align-items:end;padding:1rem 0}
.history .swiper-slide .history_year,.history .swiper-slide:nth-child(odd) .history_year{flex:none;height:auto !important;padding:1rem 0 0}
.history .swiper-slide .history_content{height:auto !important}
.overview_box{padding:1.5rem 0}
.overview_title>span{font-size:1.8rem}
.overview_title>span{padding:0}
.overview_more>a,.other_case ul li .textbox .more2>a{font-size:0.9rem}
.case_list li .textbox .h2{font-size:1.4rem}
.inquiryForm4 .inquiryForm_left .h2{max-width:80%}
.appDetails_right{padding-top:1rem}
.caps_list li{width:calc(100% / 3)}
}@media (max-width:649.98px){.overview_title>span{font-size:1.5rem}
.inquiryForm3 .inquiryForm_left,.inquiryForm3 .inquiryForm_right,.overview_com li,.case_list li .imgbox,.case_list li .textbox{width:100%}
.case_list li{margin-bottom:1rem}
.case_list li:last-child{margin-bottom:0}
.inquiryForm3 .inquiryForm_left{padding:1rem}
.case_list li .textbox,.case_list li:nth-child(even) .textbox{padding:1rem 1.5rem}
.inquiryForm3 .inquiryForm_right{margin-bottom:0}
.inquiryForm3 .inquiryForm_left .h2{font-size:1.4rem;line-height:1.3;margin-bottom:1rem}
.video_hub ul li,.overview_box .etw_photo li,.overviewApp_content ul li,.caps_list li{width:50%}
.video_hub1 ul li{width:100%}
.video_hub ul li a .video_img .video_btn{width:36px;height:36px}
.overview_box{padding:1rem 0}
}@media (max-width:575.98px){.other_case ul li .textbox h5{margin-bottom:0.5rem}
.appCase ul li,.recommend ul li,.recommend2 ul li .imgbox,.recommend2 ul li .textbox,.companyInfo ul li,.overviewPro li .imgbox,.overviewPro li .textbox,.other_case ul li{width:100%}
.recommend2 ul li .textbox,.overviewPro li .textbox{padding-left:1rem}
.other_case ul li .textbox p{height:auto;min-height:3rem}
.recommend ul li .textbox h3{margin-bottom:0.5rem}
#etw_videolist>ul>li,.appDetails_left>ul>li{width:100%;margin:0 0 1rem 0}
#etw_videolist>ul>li>a{border-radius:0}
#etw_videolist>ul>li img,.appDetails_left>ul>li img{width:100%;float:none}
#etw_videolist>ul>li span,.appDetails_left>ul>li span{width:100%;float:none;padding:0.5rem 0}
.etwvideo_hub ul li ol li.product_img{width:40%}
.etwvideo_hub ul li ol li.product_con{width:60%;padding:0 1rem}
.etwvideo_hub ul li ol li.product_con a{font-size:0.8rem;line-height:1rem}
#etw_videolist,.appDetails_left{padding:1rem}
.over_h2{ font-size:1.5rem;}
}@media (max-width:479.98px){.applications ul li .imgbox,.applications ul li .textbox,.video_hub ul li,.recommended ul li a.imgbox,.recommended ul li .textbox,.caps_list li{width:100%}
.recommended ul li .textbox{padding-left:1rem}
.applications ul li .imgbox{margin-bottom:1rem}
}
/* Overview-End */