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

@font-face{font-family:"Work Sans";font-style:normal;font-display:swap;font-weight:200;src:local(''),url(../fonts/Work_Sans/WorkSans-ExtraLight.woff2) format("woff2"),url(../fonts/Work_Sans/WorkSans-ExtraLight.woff) format("woff")}
@font-face{font-family:"Work Sans";font-style:normal;font-display:swap;font-weight:300;src:local(''),url(../fonts/Work_Sans/WorkSans-Light.woff2) format("woff2"),url(../fonts/Work_Sans/WorkSans-Light.woff) format("woff")}
@font-face{font-family:"Work Sans";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/Work_Sans/WorkSans-Regular.woff2) format("woff2"),url(../fonts/Work_Sans/WorkSans-Regular.woff) format("woff")}
@font-face{font-family:"Work Sans";font-style:normal;font-display:swap;font-weight:500;src:local(''),url(../fonts/Work_Sans/WorkSans-Medium.woff2) format("woff2"),url(../fonts/Work_Sans/WorkSans-Medium.woff) format("woff")}
@font-face{font-family:"Work Sans";font-style:normal;font-display:swap;font-weight:600;src:local(''),url(../fonts/Work_Sans/WorkSans-SemiBold.woff2) format("woff2"),url(../fonts/Work_Sans/WorkSans-SemiBold.woff) format("woff")}
@font-face{font-family:"Work Sans";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/Work_Sans/WorkSans-Bold.woff2) format("woff2"),url(../fonts/Work_Sans/WorkSans-Bold.woff) format("woff")}
@font-face{font-family:"Work Sans";font-style:normal;font-display:swap;font-weight:800;src:local(''),url(../fonts/Work_Sans/WorkSans-ExtraBold.woff2) format("woff2"),url(../fonts/Work_Sans/WorkSans-ExtraBold.woff) format("woff")}
@font-face{font-family:"Work Sans";font-style:normal;font-display:swap;font-weight:900;src:local(''),url(../fonts/Work_Sans/WorkSans-Black.woff2) format("woff2"),url(../fonts/Work_Sans/WorkSans-Black.woff) format("woff")}
@font-face{font-family:"Comic Neue";font-style:normal;font-display:swap;font-weight:300;src:local(''),url(../fonts/Comic_Neue/ComicNeue-Light.woff2) format("woff2"),url(../fonts/Comic_Neue/ComicNeue-Light.woff) format("woff")}
@font-face{font-family:"Comic Neue";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/Comic_Neue/ComicNeue-Regular.woff2) format("woff2"),url(../fonts/Comic_Neue/ComicNeue-Regular.woff) format("woff")}
@font-face{font-family:"Comic Neue";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/Comic_Neue/ComicNeue-Bold.woff2) format("woff2"),url(../fonts/Comic_Neue/ComicNeue-Bold.woff) format("woff")}

@font-face{font-weight:200;font-style:normal;font-family:Saira;src:local('Saira-Light'),local('Saira-Light'),url(../fonts/Saira-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:Saira;src:local('Saira-Regular'),local('Saira-Regular'),url(../fonts/Saira-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:400;font-style:normal;font-family:Saira;src:local('Saira-Medium'),local('Saira-Medium'),url(../fonts/Saira-Medium.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:500;font-style:normal;font-family:Saira;src:local('Saira-SemiBold'),local('Saira-SemiBold'),url(../fonts/Saira-SemiBold.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:600;font-style:normal;font-family:Saira;src:local('Saira-Bold'),local('Saira-Bold'),url(../fonts/Saira-Bold.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:700;font-style:normal;font-family:Saira;src:local('Saira-ExtraBold'),local('Saira-ExtraBold'),url(../fonts/Saira-ExtraBold.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-family:iconfont;src:url(../fonts/iconfont.ttf?t=1622274305876) format("truetype")}
:root {
	--font-family:"Work Sans";
	--color1:#50bfff;
	--color2:#001F31;
	--hover-color: #023e91;
	--logo1-color: #023e91;
	--logo2-color: #eb5c02;
	--bg-f1: #f1f1f1;
	--bg-f2: #f2f2f2;
	--bg-f3: #f3f3f3;
	--bg-f4: #f4f4f4;
	--bg-f5: #f5f5f5;
	--bg-f6: #f6f6f6;
}
.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}
.bg-f1 {background-color: var(--bg-f1) !important;}
.bg-f2 {background-color: var(--bg-f2) !important;}
.bg-f3 {background-color: var(--bg-f3) !important;}
.bg-f4 {background-color: var(--bg-f4) !important;}
.bg-f5 {background-color: var(--bg-f5) !important;}
* {box-sizing: border-box;padding: 0;margin: 0;}
#header,#container,#footer {width: 100%;}
body{color:#333;font-family: var(--font-family),sans-serif; font-weight:400; font-size: .875rem;line-height:24px;background-color:#fff;overflow-x:hidden}
li,ol,ul {list-style: none;margin-bottom: 0;}
h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6 {color: inherit; font-family: var(--font-family),sans-serif; font-weight: 600; margin-bottom: 1rem;}
h2,.h2 {font-size: 2.5rem;}
h3,.h3 {font-size: 2rem;}
h4,.h4 {font-size: 1.5rem;}
h5,.h5 {font-size: 1.25rem;}
h6,.h6 {font-size: 1rem;}
h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;font-size: inherit;}
a.h2:hover,a.h3:hover,a.h4:hover,a.h5:hover,a.h6:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: var(--hover-color) !important;}
p {font-size: 1rem; line-height: 24px; color: var(--main-color);}
strong,b {font-weight: 700;}
img{display:block;max-width:100%;height:auto;margin:0 auto;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;transition:all 0.5s;color:inherit;text-decoration:none}
a:hover{text-decoration:none;color: var(--hover-color);}
figure{width: 100%;display:flex;flex-wrap:wrap;margin:0}
figure>a{width: 100%; display: block;}
.imgbox{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all 0.4s}
a.imgbox>img{transition: all .4s ease-in-out;}
a.imgbox:hover>img{opacity: .8;}
.imgbox-100::before{content:"";display:block;padding-top:100%}
.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 .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}
.img-cover{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}
.textbox{width: 100%;display: flex; flex-wrap: wrap; flex: 1;}
@media (min-width:576px){.container{max-width:calc(100% - 10px)}}
@media (min-width:768px){.container{max-width:calc(100% - 30px)}}
@media (min-width:992px){.container{max-width:calc(100% - 50px)}}
@media (min-width:1260px){.container{max-width:1230px;display: block; margin: 0 auto;}}
/* public */
ul{display: flex; flex-wrap: wrap; width: 100%;}
ul li{display: flex; flex-wrap: wrap;}
ul li>ol{width: 100%; display: flex; flex-wrap: wrap; transition: all .4s ease-in-out;}

ul.etw_phone{width:calc(100% + 16px);margin-left:-8px; margin-bottom: 10px;}
ul.etw_phone li{width:100%;padding:0 8px;margin-bottom:16px;flex-direction:column;}
ul.etw_phone li a.imgbox,.etw_phone li .imgbox{box-shadow: 0 0 5px rgba(0,0,0,0.2); background-color: #fff; border-radius: 10px;}
ul.etw_phone li a.imgbox>img,.etw_phone li .imgbox>img{mix-blend-mode:multiply; }
ul.etw_phone li img{border-radius: 10px;}
ul.etw_phone li span{flex:1;width:100%;display:flex;align-items:flex-start;justify-content:center;text-align:center;color:var(--main-color);overflow:hidden;line-height:24px;padding:.6rem; background-color: #fff; font-size: .95rem; }
ul.etw_phone2{width:100%;margin:0;justify-content:space-between}
ul.etw_phone2 li{width:calc(50% - 10px);padding:0}
ul.etw_phone3 li{width:calc(100% / 3)}
ul.etw_phone4 li{width:25%}
ul.etw_phone5 li{width:20%}
ul.etw_phone6 li{width:calc(100% / 6)}

ul.items{width: 100%;margin-bottom: 1rem;}
ul.items>li{width:100%;line-height:24px;margin-bottom:1rem;padding-left:1rem;position:relative; flex-direction: column;}
ul.items>li::before{content:"";width: 6px; height: 6px; border-radius: 50%; background-color:var(--logo2-color);position: absolute; left: 0; top: 9px;}
ul.items>li>strong{display: block; margin-right: .5rem; color: #000; font-size: 1rem; }
ul.items>li>p{flex: 1;}
ul.items>li>p:last-child{margin-bottom: 0;}
ul.items>li>p>b{color: #333; }
ul.items2{justify-content: space-between;}
ul.items2>li{width: calc(50% - 10px);}
ul.items-row{margin-bottom: 1rem;}
ul.items-row>li{flex-direction: row; margin-bottom: 0;}

.table-responsive td>a{color: #fff !important;text-decoration: underline !important; font-weight: 400; cursor: pointer !important;}
.table-responsive td>a:hover{text-decoration: none !important;}
.table td, .table th {padding: .5rem; color: #000;}

.video_btn{width:60px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;cursor:pointer; background: url(../images/video_btn.png) no-repeat center center; background-size: 100% 100%;}
.video_btn::before{content: '';display: block; padding-top: 100%;}
.video_smallbtn{width: 6vh;}

.more{display:flex;}
.more>a{width:fit-content;display:flex;align-items: center; height: 42px; font-size:1rem; color:var(--logo1-color); border: 1px solid var(--logo1-color); text-transform:uppercase; padding: 0 1rem; transition:all 0.4s ease; position:relative; overflow:hidden; border-radius: 10px;}
.more>a::after{content: "\f138";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; margin-left: 1rem; position: relative; transition: all .4s ease;}
.more>a:hover{background-color: var(--logo1-color); color: #fff;}
.more>a:hover::after{transform: translateX(3px);}

@media (max-width:1199.98px){
ul.etw_phone6 li{width:calc(100% / 5)}
ul.etw_phone6 li:last-child{display:none}
}
@media (max-width:991.98px){
ul.etw_phone5 li{width:calc(100% / 4)}
ul.etw_phone5 li:last-child{display:none}
ul.etw_phone6 li{width:calc(100% / 3)}
ul.etw_phone6 li:last-child{display:block}
.h2,h2{font-size: 2.2rem;}
.h3,h3{font-size: 1.8rem;}
ul.etw_phone a{display: flex;}
ul.etw_phone li img{width: 100%;}
}
@media (max-width:767.98px){
ul.etw_phone3 li{width:calc(100% / 2)}
ul.etw_phone3 li:last-child{display:none}
ul.etw_phone5 li,ul.etw_phone4 li{width:calc(100% / 2)}
ul.etw_phone6 li{width:calc(100% / 2)}
.h2,h2{font-size: 2rem;}
.h3,h3{font-size: 1.6rem;}
p{font-size: 0.9rem;}
ul.etw_phone{width: 100%;padding: 0 1rem;margin-left: 0;}
}
@media (max-width:575.98px){
ul.etw_phone3 li{width:100%}
ul.etw_phone3 li:last-child{display:block}
ul.etw_phone5 li,ul.etw_phone4 li{width:100%}
ul.etw_phone5 li:last-child{display:block}
ul.etw_phone6 li{width:100%}
.h2,h2{font-size: 1.8rem;}
.h3,h3{font-size: 1.4rem;}
}
/* public-End */
/* etw_language */
.etw_language{min-height: 30px; display: flex; margin: 5px 0 10px 0;}
.etw_language ul{width:100%;display:flex;flex-wrap:wrap; justify-content: flex-end;}
.etw_language ul>li{display:flex;flex-wrap:wrap; position: relative;}
#etw_language{display:flex; height: auto; width: 100%;}
#etw_language>a{width: fit-content; padding:0 1rem;color:#fff;display:flex;justify-content:center;align-items:center; height: 30px; position: relative; text-align: center;}
#etw_language>a::after{content: ''; width: 1px; height: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff;}
#etw_language>a:last-child{margin-bottom: 0; padding-right: 0;}
#etw_language>a:last-child::after{display: none;}
#etw_language>a:hover{color:var(--logo2-color); text-decoration: underline; background: initial;}
/* header */
#header{position:fixed;left:0;top:0;z-index:12;}
#etw_logo{float: left; position: relative;z-index: 10;}
#etw_logo a{display: block; padding: 15px 0;}
#etw_logo a>img{display:block;max-width:100%;height:50px;}
nav{display: block;}
nav .navbar{padding:0;justify-content:flex-end}
nav .navbar-collapse{flex-grow:0;width:100%;border:none;height:100%;align-items:initial}
.navbar-expand-lg .navbar-nav{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end}
.navbar-expand-lg .navbar-nav .nav-item{display:flex;align-items:center;justify-content:center;margin-left: 2rem;}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;color:#fff;text-transform:uppercase;padding:0;min-height:40px;display:flex;align-items:center;justify-content:center;position:relative; font-size: 1rem;}
.navbar-light .navbar-nav a.nav-link::before{display: none;}
.navbar-light .navbar-nav .dropdown-toggle::after{content: "\f107"; transition:all 0.3s;margin-left:0.5rem;font-family: FontAwesome;	font-weight: normal;	font-style: normal;	text-decoration: inherit;	-webkit-font-smoothing: antialiased; border: none;}
nav .navbar-nav .nav-item.active .nav-link,nav .navbar-nav .nav-item:hover .nav-link,.navbar-light .navbar-nav .show>.nav-link{color:var(--logo2-color)}
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%;left: 0;}
.pro_icon{display:none}
.dropdown-menu{left:0;top:150%;border:none;margin:0;padding:0;border-radius:0;box-shadow: 0 15px 22px -10px rgb(0 51 153 / 30%);
	background-color: rgb(255 255 255 / 80%);backdrop-filter: blur(10px); border-radius:0 0 1rem 1rem;overflow:hidden;transition:all 0.3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block;border-top: 2px solid var(--hover-color);}
.dropdown-menu ul>li{width: 100%; border-bottom:1px dashed #ddd;}
.dropdown-menu ul>li:last-child{border-bottom:none}
.dropdown-menu .dropdown-item{color:#000;font-size:1rem;position:relative;display:flex;transition:all 0.5s;padding:0.6rem 1.2rem;font-weight:400; justify-content: space-between; align-items: center;}
.dropdown-menu .dropdown-item::after{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; margin-left: 2rem; position: relative; transition: all .4s ease;}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item.active{color:var(--hover-color); background-color: #f1f1f1; text-decoration:none}
.dropdown-menu .dropdown-item:hover::after{transform: translateX(3px);}
.dropdown-menu .dropdown-item:hover::after,.dropdown-menu .dropdown-item.active::after{color:var(--hover-color)}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}
.dropdown-menu1{min-width: 750px; padding: 1rem; transform: translateX(-15%);}
.dropdown-menu_list>li{border-bottom: none !important; margin-bottom: 1.5rem;}
.dropdown-menu_list>li:last-child{margin-bottom: 0;}
.dropdown-menu_list>li>a.dropdown-item{width: 100%; font-size: 1.2rem; font-weight: bold; padding: .5rem; border-bottom: 1px dashed #fff;}
.dropdown-menu_list>li>a.dropdown-item::after{display: none;}
.dropdown-menu_list>li>a.dropdown-item:hover,.dropdown-menu_list>li>a.dropdown-item.active{background-color: initial; color: var(--hover-color);}
.dropdown-menu_list>li>ol{display: flex; flex-wrap: wrap; padding: .5rem;}
.dropdown-menu_list>li>ol>li{width: 100%;}
.dropdown-menu_list>li>ol>li>a{padding: .2rem 0 .2rem 1rem;position: relative;font-size: 0.9rem;}
.dropdown-menu_list>li>ol>li>a::after{content:""; width: 6px; height: 6px; background-color: var(--logo2-color); position:absolute;left:0; top:.7rem; font-size: .85rem; transform: rotate(45deg);}
.dropdown-menu_list>li>ol>li>a:hover,.dropdown-menu_list>li>ol>li>a.active{color: var(--logo1-color);}

.header_fixed,.header{background-color: #fff;transition: background-color 200ms linear; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header_fixed .navbar-expand-lg .navbar-nav .nav-link,.header .navbar-expand-lg .navbar-nav .nav-link{color:#000;}
.header_fixed #etw_language>a{color: #000;}
.header_fixed #etw_language>a::after{background-color: #ccc;}
.header_fixed #etw_language>a:hover{color: var(--logo2-color);}

@media (max-width:991.98px){
	#header{position:relative;padding-top: 0;}
	#header>.container{display:flex;align-items:center; flex-wrap: wrap; justify-content: flex-end;}
	#header>.container>content{flex:1}
	.etw_language{width: auto; margin:0; background-color: initial;position: relative; overflow: visible; min-height: initial;padding: 0 1rem;}
	.etw_language>.container{margin: 0;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:110%;left:50%;transform:translateX(-50%);width: auto;}
  .etw_language .iconfont{font-size: 2.4rem;line-height: 1;}
	#etw_language{background-color:var(--bg-f5); box-shadow:0 0 10px rgba(0,0,0,0.2);}
	#etw_language>a{margin:0; min-height: 30px; line-height: 1; height:auto; padding:.5rem;color:#000;width: 100%;}
	#etw_language>a:last-child {padding: 0 1rem;}
	#etw_language>a:hover{background-color: var(--hover-color);color: #fff; text-decoration: none;}
	#etw_logo {margin-top: 0; flex: 1;display: flex;z-index: 0;}
	.navbtn{width:48px;height:43px;float:right;border:1px solid #000;display:flex;align-items:center;justify-content:center;border-radius:5px;}
	nav{width: 100%; border-top: 1px solid #ccc; margin-top: 1rem;}
	nav .navbar{position:relative;right:initial;top:inherit;z-index:10}
	.navbar-expand-lg .navbar-nav .nav-item{width:100%;flex-direction:column;margin: 0;}
	nav .navbar-light .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding:0.8rem 1.5rem;position:relative;font-size:1rem;justify-content:flex-start}
	.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#000;padding:0;font-size:34px;width:30px;height:calc(100% - 2px);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:200;z-index:2}
	.navbar-nav .dropdown-menu{display:none;width:100%;min-width:initial;max-width:100%;position:relative;left:initial;top:initial}
	.dropdown-toggle::after,#etw_language>a::after{display:none}
	.dropdown-menu{border-top: none;}
	.dropdown-menu ul>li:last-child{border-bottom:1px dashed #ddd;}
	.dropdown-menu1 li .dropdown-item{font-size:1rem;padding:0.5rem 2rem}
	.dropdown-menu1 li>ol{margin-bottom:0.5rem}
	.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:0;display:block}
  #etw_logo a>img{height: 40px;}
  .navbar-expand-lg .navbar-nav .nav-link{color: #333;}
  .navbar-nav .dropdown-menu.show{transform: none;}
}
/* Banner Video */
.etw_banner{width: 100%; overflow: hidden; position: relative;}
.etw_banner .swiper{width: 100%;}
.etw_banner .swiper .swiper-slide{min-height: 800px; max-height: 800px;}
.etw_banner .swiper .swiper-slide::before{content: ''; display: block; padding-top: 42%;}
.etw_banner .swiper .swiper-slide::after{content: '';position: absolute; inset: 0; background: transparent linear-gradient(162deg, rgba(0, 0, 0, 0.954902) 0%, rgba(56, 56, 56, 0) 100%) 0 0 no-repeat; display: flex; align-items: center;}
.banner_hover1{position: absolute; left: 10%; top: 35%; transform: translateY(-50%); z-index: 2;}
.banner_hover1 h2{color: #fff; font-size: 2.8rem; font-weight: 700; font-family: Saira-ExtraBold,sans-serif; margin-bottom: 0;}
.banner_hover1 h2 span{display: block; padding: 2rem 0; line-height: 1; text-shadow: 2px 2px 2px var(--logo2-color);}
.banner_hover1 h2 span:first-child{font-style: italic;}

.banner_hover2{width: 25%; position: absolute; left: 5%; top: 25%; z-index: 2;}
.banner_hover2 h2{display: flex; margin-bottom: 0; font-size: 2.8rem; font-weight: 700; font-family: Saira-ExtraBold,sans-serif; color: rgba(255,255,255,1);  line-height: 1.6; text-shadow: 1px 1px 1px var(--logo2-color);}

.banner_pagination{width: 100%; max-width: 1200px; position: absolute; left: 50%; bottom: 2rem; transform: translateX(-50%); display: flex; align-items: center; z-index: 3;}
.banner_pagination .swiper-pagination{width: 80% !important;height: 2px !important; position: relative; bottom: auto !important; height: 1px; background-color: rgba(255,255,255,0.5);}
.banner_pagination .swiper-pagination .swiper-pagination-bullet{height: 2px; background-color: #fff; border-radius: 0; margin: 0 !important; opacity: 1; position: absolute; left: 0; top: 0; animation-duration: 10s;	animation-timing-function: linear;	animation-iteration-count: 1}
.banner_pagination .swiper-pagination .swiper-pagination-bullet-active{animation-name: progress;}
.banner_pagination .prev-button,.banner_pagination .next-button{width: 3.5rem; height: 3.5rem; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; margin-left: 2rem;}
@keyframes progress {from {width: 0%}to{width:100%}}
/* Banner-end */
/* index */
section{width: 100%; overflow: hidden; padding: 4rem 0; display: block;}
.hometitle{display: flex; flex-direction: column; align-items: center;  font-size: 2.5rem; font-weight: 700; color: #000; margin-bottom: 2rem; text-align: center; line-height: 1.3;}

.homePros{position: relative;}
.homePros::before{content: ''; position: absolute; inset: 0; background-color: var(--logo1-color); opacity: .1;}
.homePros>.container{position: relative;z-index: 2;}
.homePros_list{width: calc(100% + 30px); margin-left: -15px;}
.homePros_list>li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px;}
.homePros_list>li>ol{flex-direction: column; border-radius: 20px; overflow: hidden; background-color: #fff;}
.homePros_list>li .textbox{flex-direction: column;}
.homePros_list>li .textbox a.h3{font-size: 1.4rem; color: #000; font-weight: 600; text-align: center; padding: 1rem; margin-bottom: 0;}
.homePros_list>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.homeVideos_box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.homeVideos_item{width: 100%; overflow: hidden; position: relative; display: flex;}
.homeVideos_item>video{width: 100%; height: 100%; float: left; position: absolute; inset: 0; object-fit: cover;}
.homeVideos_item::before{content: ''; display: block; padding-top: 56.25%;}
.homeVideos_left{width: 70%; padding-right: 10px; border-radius: 10px 0 0 10px; overflow: hidden;}
.homeVideos_right{width: 30%; border-radius: 0 10px 10px 0; display: flex; flex-direction: column; justify-content: space-between;}
.homeVideos_right>.homeVideos_item{height: calc(50% - 5px);}
.homeVideos_right>.homeVideos_item:nth-child(1){border-radius: 0 10px 0 0;}
.homeVideos_right>.homeVideos_item:nth-child(2){border-radius: 0 0 10px 0;}
.homeVideos_right>.homeVideos_item>.video_btn{width: 100%; background-size: 5rem;}

.homeApps{padding: 0; padding-left: 1.5rem; display: flex; flex-wrap: wrap;}
.homeApps .hometitle{margin-bottom: 3rem; font-size: 3rem;}
.homeApps_left{width: 25%; padding: 1.5rem; background-color: #fff;}
#thumbs{width: 100%; overflow: visible;}
#thumbs .swiper-slide{padding: 10px 0; border-bottom: 1px solid #eee;font-size: 1.5rem;display: flex;}
#thumbs .swiper-slide>a{width: 100%; display: flex;align-items: center; padding: .5rem 1rem; cursor: pointer; position: relative;}
#thumbs .swiper-slide>a>span.nums{font-size: .8rem; margin-right: 10px; position: relative; color: #666;}
#thumbs .swiper-slide>a>span.nums::before{content: '';width: 1px;height: 20px;background: var(--logo2-color);position: absolute;left: -10px;	top: 50%; transform: translateY(-50%); transition: all 0.3s ease-in;}
#thumbs .swiper-slide>a>span.name{flex: 1; font-size: 1.3rem;color: #666; font-weight: 300; transition: all 0.3s ease-in;}
#thumbs .swiper-slide>a .ball {position: absolute;left: 0;top: 50%;width: 20px;height: 20px;background-color: var(--logo2-color);border-radius: 50%;transform: translateY(-50%) scale(0);transition: transform 0.5s ease-in-out, left 0.5s ease-in-out;z-index: 9;animation:pulse 2s infinite;display: flex;justify-content: center;align-items: center; line-height: 1;}
#thumbs .swiper-slide>a .ball i{transition: all 0.3s ease-in; color: #fff; font-size: .8rem;}
#thumbs .swiper-slide>a:hover .ball,#thumbs .swiper-slide-thumb-active>a .ball {left: 100%;	transform: scale(1) translate(-100%,-50%);}
#thumbs .swiper-slide>a:hover>span.name,#thumbs .swiper-slide-thumb-active>a>span.name{padding-left: 10px; color: var(--logo2-color);}
.homeApps_right{width: 75%;}
#gallery{width: 100%; height: 100%;}
#gallery .swiper-slide{background-color: #ebedee;display: flex;}
.gallery_box{padding: 2rem; padding-right: 0; display: flex; flex-direction: column; justify-content: center;}
.gallery_box .nums{font-size: 1rem; color: #333; line-height: 1; margin-bottom: .5rem;}
.gallery_box .name{font-size: 2rem; color: #000;line-height: 1; margin-bottom: 1rem;}
.gallery_box .more>a{border: none; padding: 0; display: flex;align-items: center; height: auto; color: #666;  overflow: visible;}
.gallery_box .more>a>span{width: 4.5rem; height: 4.5rem; border-radius: 50%; border: 1px solid #70707040; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1; transition: all .4s ease-in; background-color: #fff; font-size: 2rem; color: #000; margin-right: .5rem;}
.gallery_box .more>a::after{display: none;}
.gallery_box .more>a:hover{background: initial; text-decoration: underline; color: var(--logo2-color);}
.gallery_box .more>a:hover>span{background-color: var(--logo2-color);	animation: pulse 2s infinite; color: #fff;}
.gallery_box .imgbox{width: 100%; height: 100%;}
@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(235,92,2,0.8)}
70%{-webkit-box-shadow:0 0 0 45px rgba(93,158,117,0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(93,158,117,0)}
}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(235,92,2,0.8);box-shadow:0 0 0 0 rgba(235,92,2,0.8)}
70%{-moz-box-shadow:0 0 0 45px rgba(93,158,117,0);box-shadow:0 0 0 45px rgba(93,158,117,0)}
100%{-moz-box-shadow:0 0 0 0 rgba(93,158,117,0);box-shadow:0 0 0 0 rgba(93,158,117,0)}}

.homeAbout>.container{display: flex;}
.homeAbout_left{width: 65%; display: flex;}
.homeAbout_left img{border-radius: 20px;}
.homeAbout_video{width: 100%; position: relative; overflow: hidden; border-radius: 20px;}
.homeAbout_video::before{content: ''; display: block; padding-top: 56.25%;}
.homeAbout_video>video{width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover;}
.homeAbout_right{width: 35%; position: relative; z-index: 2; padding: 2rem 0; display: flex;flex-direction: column; align-items: center;}
.homeAbout_box{flex: 1; width: 130%; margin-left: -30%; background-color: #fff; display: flex; flex-direction: column; padding: 2rem; padding-right: 4.5rem; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: relative;z-index: 0; overflow: hidden;border-radius: 20px;}
.homeAbout_box a.h3{font-size: 2.5rem; text-transform: uppercase; color: #000;}
.homeAbout_box::after{content: 'About RKE'; width: 100%; height: 100%; position: absolute; right: -102%; top: 5px; text-transform: uppercase; transform-origin: left top; transform: rotate(90deg); z-index: -1; font-size: 3.8rem; line-height: 1; color: #f1f1f1; opacity: .5; font-weight: 700;}
.homeAbout_box2{padding: 3rem; justify-content: center;}
.homeAbout_box2::after{display: none;}

.homePartners .swiper{width: 100%; height: 200px;}
.homePartners .swiper:hover{cursor: pointer;}
.homePartners .swiper-free-mode>.swiper-wrapper{transition-timing-function: linear !important;}
.homePartners .swiper .swiper-slide{height: auto; display: flex;}
.homePartners .swiper .swiper-slide>ul{width: calc(100% + 20px); margin-left: -10px; flex: 1;}
.homePartners .swiper .swiper-slide>ul>li{width: calc(100% / 6); padding: 5px;}
.homePartners .swiper .swiper-slide>ul>li .imgbox{background-color: #fff; padding: .5rem;}


@media (max-width:1699.98px){.homeApps_left{width: 380px;}
.homeApps_right{width: calc(100% - 380px);}
}
@media (max-width:1199.98px){.banner_pagination{left: 0;transform: none;padding: 0 2rem;}
.gallery_box{padding: 1rem;padding-right: 0;}
.gallery_box .more>a>span{width: 3rem;height: 3rem;}
}
@media (max-width:991.98px){section{padding: 3rem 0;}
.hometitle{font-size: 2.2rem;}
.homeApps{padding: 0 15px;}
.homeApps_left,.homeApps_right{width: 100%;}
.homeApps_left{padding: 0;margin-bottom: 1rem;}
.homeApps_left .swiper-vertical>.swiper-wrapper{flex-direction: row;flex-wrap: wrap;}
#thumbs .swiper-slide{width: 50%; min-height: 3rem;}
.homeApps .hometitle{font-size: 2.2rem;margin-bottom: 2rem;}
}
@media (max-width:767.98px){section{padding: 2rem 0;}
.hometitle{font-size: 2rem;}
.homeVideos_left{width: 100%;padding-right: 0; border-radius: 0;margin-bottom: 1rem;}
.homeVideos_right{width: 100%;flex-direction: row;flex-wrap: wrap;}
.homeVideos_right>.homeVideos_item:nth-child(1),.homeVideos_right>.homeVideos_item:nth-child(2){border-radius: 0;width: calc(50% - 0.5rem);height: 100%;}
.video_btn,.homeVideos_right>.homeVideos_item>.video_btn{width: 2vh;background-size: 100% 100%;}
.homeApps .hometitle{font-size: 2rem;margin-bottom: 1rem;}
#thumbs .swiper-slide>a>span.name{font-size: 1.1rem;}
.homePartners .swiper{height: 400px;}
.homePartners .swiper .swiper-slide>ul>li{width: calc(100% / 3);}
}
@media (max-width:575.98px){.homePros_list>li{width: 100%;}
.hometitle,.homeApps .hometitle{font-size: 1.8rem;}
.video_btn,.homeVideos_right>.homeVideos_item>.video_btn{width: 2vh;}
.homeVideos_right>.homeVideos_item:nth-child(1),.homeVideos_right>.homeVideos_item:nth-child(2){width: 100%; height: calc(50% - 5px);}
.homeVideos_right>.homeVideos_item:nth-child(1){margin-bottom: 1rem;}
#thumbs .swiper-slide{width: 100%;}
#gallery .swiper-slide>.d-flex{flex-direction: column;margin-bottom: 1rem;}
#gallery .swiper-slide>.d-flex .img-cover{position: static;}
#gallery .swiper-slide>.d-flex .imgbox{padding-right: 15px;}
}
@media (max-width:480.98px){
}
/* index-end */
/* #footer */
#footer{background-image:linear-gradient(#fff,#ccc); border-top: 5px solid var(--logo1-color);}
.footer{width:100%;position:relative;z-index: 0; overflow: hidden; padding: 3rem 0;}
.footer_logo{margin-bottom: 20px; display: flex; justify-content: flex-start;}
.footer_logo img{height:60px;}
.footer_contact{display:flex; flex-direction: column;}
.footer_contact p{width: fit-content; color:#000; display:flex; flex-wrap:wrap; align-items:center; margin-bottom: 5px;font-size: .9rem; padding-left: 1.5rem; position: relative;}
.footer_contact p i{position: absolute; left: 0; top: 0;}
.footer_contact p a{white-space: nowrap;}
.footer_contact p a:hover{text-decoration: underline; color: var(--hover-color);}

.footer a.h3{display: flex; text-transform: uppercase; font-size: 1.2rem; font-weight: 700; color: #000;font-family: var(--font-family),sans-serif; margin-bottom: 1rem;}
.footer_list{display:flex;flex-direction:column;}
.footer_list>li{display:block;margin-bottom: 10px;position: relative; padding-left: 1rem;}
.footer_list>li:last-child{margin-bottom: 0;}
.footer_list>li::before{content: "\f101";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;
	-webkit-font-smoothing: antialiased; color: var(--logo2-color); position: absolute; left: 0; top: 0; line-height: 24px;}
.footer_list>li>a{display: block; font-size: .85rem; color: #333; position: relative;}
.footer_list>li>a:hover{color: var(--hover-color); text-decoration: underline;}
/* #otherlink */
.etw_root{width:100%;overflow:hidden; padding:0 0 1.5rem 0; position:relative;z-index:2;}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#333;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #333;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(--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:1rem;display:flex;font-weight:300;justify-content:center}
#etw_coper a{color:#333;font-size:.9rem}
/* #etw_top */
#etw_top{position:fixed;width:40px;height:40px;right:15px;bottom:100px;text-align:center;background:var(--logo2-color);z-index:100;cursor:pointer;line-height:38px; transition:0.5s all ease-in-out; border-radius: 50%;}
#etw_top a{color:#fff;font-size:0.9rem;}
#etw_top:hover{background:#000;transform:translateY(-0.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,0.25) 0,rgba(0,0,0,0) 80%)}
.theme-send-inquiry-box{background:var(--hover-color)!important;border:1px solid var(--hover-color) !important;}
.theme-box-name{background:#000!important;border-left:1px solid var(--hover-color) !important}
/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2;}
#quicknav ul{width:100%;display:flex;}
#quicknav ul li{display:flex;align-items: center; padding: 0 16px; position: relative;height: 40px;}
#quicknav ul li::after{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; position: absolute; right: 0; top:50%; transform: translateY(-50%);}
#quicknav ul li:last-child::after{display: none;}
#quicknav ul li a{ font-size:0.9rem;text-transform:capitalize; }
#quicknav ul>li:first-child{padding-left: 0;}
#quicknav ul>li:first-child>a{text-decoration:none !important; font-size: 1.2rem;}
#quicknav ul>li:first-child>a>i{font-size: inherit;}
#quicknav ul li::after,#quicknav ul li a,#quicknav ul>li:first-child>a{color:#fff;}
#quicknav ul li:last-child{color: var(--logo2-color);}
#quicknav ul.quicknav li::after,#quicknav ul.quicknav li a{color:#000;}
#quicknav ul li a:hover{text-decoration:underline;color:var(--logo2-color)}
/* #quicknav-End */
/* Products */
#container{padding-top: 80px;}
.products_banner{width: 100%; overflow: hidden; position: relative; min-height: 300px; max-height: 400px;}
.products_banner::before{content: ''; display: block; padding-top: 56.25%;}
.products_banner::after{content: ''; position: absolute; inset: 0; background-color: #000; opacity: .5;z-index: 2;}
.products_banner>video{width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover;}
.products_banner_hover{width: 100%; position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 3;}
.products_banner_hover>h2{color: #fff; text-transform: uppercase; font-size: 3rem; margin-bottom: 2rem;}
.products_banner_hover #quicknav ul{justify-content: center;}

.h2_title{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.h2_title>span{display: flex; color: #000; font-size: 2.5rem; line-height: 1; position: relative; padding: 0 1.25rem;}
.h2_title>span::before,.h2_title>span::after{content: ''; width: 200px; height: 4px; position: absolute;top: 50%; transform: translateY(-50%); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; opacity: .3;}
.h2_title>span::before{background-image: url(../images/heng_right.png); left: 100%;}
.h2_title>span::after{background-image: url(../images/heng_left.png); right: 100%;}
.p_text{max-width: 75%; margin: 0 auto; text-align: center;}
.pros_list{margin-top: 2.5rem;}
.pros_list>li{width: 100%; margin-bottom: 40px;}
.pros_list>li:last-child{margin-bottom: 0;}
.pros_list>li>.row>.col-lg-6:nth-child(2){padding-left: 2rem;}
.pros_list>li .imgbox{background-color: #f5f5f5; padding: .5rem;}
.pros_list>li .imgbox img{mix-blend-mode: multiply;}
.pros_list>li .textbox{display: flex; flex-direction: column; justify-content: center;}
.pros_list>li .textbox a.h3{font-size: 1.5rem; color: #000;}
.pros_list>li .textbox p{color: #333;}
.pros_list>li .textbox dl{display: flex; flex-direction: column;}
.pros_list>li .textbox dl>dd{margin-bottom: 0; color: #666; position: relative; line-height: 24px; padding-left: .8rem;}
.pros_list>li .textbox dl>dd>strong{font-weight: 500; color: #333;}
.pros_list>li .textbox dl>dd::before{content: ''; width: 4px; height: 4px; background-color: var(--logo2-color); position: absolute; left: 0; top: 10px;}

.h3_title{display: flex; flex-direction: column; align-items: center; justify-content: center; color: #000; margin-bottom: 2rem;}
.h3_title>span>em,.h4_title>span>em{color: var(--logo2-color); font-style: normal;}
.accordion{width: 100%; max-width: 800px; margin: 0 auto; display: flex; flex-direction: column;}
.card{margin-bottom:0; border: none; border-bottom:1px dashed var(--logo2-color) !important; border-radius:0;}
.card-header{padding:0;border:none}
.card-link{width:100%;display:block;padding:1rem 0;font-size:1rem;font-weight:bold;position:relative;line-height:1.5rem}
.card-link>span{display:block;font-size:1.1rem;overflow:hidden;color:#000}
.card-link:hover>span{color:var(--logo1-color)}
.card-link::before{content:"\f107";font-size:1.3rem;color:var(--logo2-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;float:left;margin-right:0.7rem; transition: all .4s ease-in-out;}
.card-body{padding:1rem 1.5rem;padding-top:0;line-height:1.4rem; background-color: #f8f9fa;}
.card-body p{margin-top:0.5rem}
.card-body p:first-child{margin-top:0}
.card-link[aria-expanded="true"]::before{transform: rotate(-180deg);}
.accordion2 .card,.accordion2 .card-header,.accordion2 .card-body{background:none;}


.inquiryform{position: relative; overflow: hidden;}
.inquiryform::before{content: ''; width: 100%; position: absolute; left: 0; top: 1.5rem; bottom: 1.5rem; right: 0; background-image: linear-gradient(300deg, #50bfff 0%, #001F31 95%);}
.inquiryform_bj{width: 50%; height: 100%; position: absolute; left: 60%; top: 0; background: url(../images/inquiry_bj3.jpg) no-repeat center center #fff; background-size: contain; transform: skew(-20deg);}
.inquiryform_bj::before{content: ''; position: absolute; inset: 0; background-color: #1f4f6b; opacity: .9;}
.inquiryform_topbg::after{content: ''; width: 100%; height: 50%; background-color: #f0f0f0; position: absolute; left: 0; top: 0; z-index: -2;}
.inquiryform_bottombg::after{content: ''; width: 100%; height: 50%; background-color: #f8f9fa; position: absolute; left: 0; bottom: 0; z-index: -2;}

.inquiryform>.container{position: relative;z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between;}
.inquiryform_left{width: 60%;}
.inquiryform_left h3{font-size: 1.2rem; color: rgba(255,255,255,.8); margin-bottom: 0; padding-right: 2rem; font-weight: 400;
  line-height: 1.2;}
.inquiryform_left h3>span{display: block;font-size: 1.5rem; line-height: 1.4; color: #fff; text-transform: uppercase; font-weight: 700; margin-bottom: .4rem;}
.inquiryform_right{width: 35%;display: flex; justify-content: flex-end; align-items: center;}
.inquiryform_btn{display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
.inquiryform_btn>p{color: rgba(255,255,255,.8); font-size: .95rem;}
.inquiryform_btn>p>span{font-size: 1.3rem; color: var(--color1);}
.inquiryform_btn>a{width: fit-content; font-size: 1.5rem; font-weight: 600; color: #fff; display: flex; align-items: center;}
.inquiryform_btn>a>i{color: #fff; margin-right: 1rem;}

.prosPartner .swiper{width: 100%; margin-top: 1.5rem;}
.prosPartner .swiper-free-mode>.swiper-wrapper{transition-timing-function: linear !important;}
.prosPartner .swiper{padding: 5px;}
.prosPartner .swiper .swiper-slide{background-color: #fff;}
.prosPartner .swiper .swiper-slide>img{mix-blend-mode: multiply;}
.prosPartner2 .swiper .swiper-slide{background-color: #f8f9fa;}
/* Products-End */
/* Products-Details-Hub */
.details{padding-top: 0; background-image: linear-gradient(#f8f9fa,rgba(0,0,0,.1)); overflow: hidden;}
.details .container>.row>.col-12{margin-top: 2rem;}
.details .container>.row>.col-12:first-child{margin-top: 1rem;}
.details .h2_title{font-size: 2.5rem; color: var(--logo1-color); align-items: flex-start; margin-top: .5rem;width: 100%;}
.details small{display: block; font-size: 1.1rem; color: var(--logo1-color); padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px dashed #ccc;width: 100%;}
.inquiryBtn{display: flex;}
.inquiryBtn>a{padding: .4rem 1.5rem; background-color: var(--logo1-color); color: #fff; text-transform: uppercase; border-radius: 30px; font-size: 1rem;}
.inquiryBtn>a:hover{background-color: var(--logo2-color);}

.h4_title{color: var(--logo1-color); text-align: center; font-size: 1.6rem; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 2rem;}
.h4_title>img{width: 60px; margin:0 0 .4rem 0;}

.detailsParts .swiper .swiper-slide{display: flex; flex-direction: column; border-radius: 16px; overflow: hidden;}
.detailsParts .swiper .swiper-slide span{width:100%; display:flex;align-items:flex-end; justify-content:center;text-align:center;color:var(--main-color);overflow:hidden;line-height:24px;padding:.8rem; color: #000; font-size: 1rem;  position: absolute; left: 0; bottom: 0; z-index: 2; background-image: linear-gradient(rgba(255,255,255,0) 50%,rgba(255,255,255,.2));}
.detailsParts .prev-button,.detailsParts .next-button{width: 50px; height: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.25rem; transition: all .3s ease-in-out; border-radius: 10px;}
.detailsParts .next-button{left: auto; right: 0;}
.detailsParts .bi{position: absolute;left:0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);text-align: center;}

.details_pics_content{position: relative;}
.details_pics .swiper{width: 100%;}
.details_pics .swiper .swiper-slide{height: auto; display: flex; align-items:center; justify-content: center;}
.details_pics .swiper .swiper-slide span{position: absolute;bottom: 1.5rem;padding: 0.5rem;text-align: center;color: #fff;font-size: 1.1rem;font-family: Saira;display: block;}
.details_pics .swiper .swiper-slide img{transform: scale(.85); transition: all .4s; border-radius: 16px;}
.details_pics .prev-button,.details_pics .next-button{width: 50px; height: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.25rem; transition: all .3s ease-in-out; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2); color: #000;}
.details_pics .next-button{left: auto; right: 0;}
.details_pics .prev-button:hover,.details_pics .next-button:hover{background-color: var(--logo1-color); color: #fff;}
.details_pics .swiper .swiper-slide-active img{transform: scale(1);}

.specifications{position: relative; z-index: 0; padding: 2rem 0;}
.specifications::before{content: ''; width: 200%; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-image: linear-gradient(300deg, #50bfff 0%, #001F31 95%); opacity: .8; z-index: -1;}
.specifications .h4_title{color: #fff;}
.specificationsContent_box{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.specificationsContent-item{width: calc(50% - 40px);}
.specificationsContent-item>a{display: flex; color: #fff; text-decoration: underline; font-size: 1.2rem; margin-bottom: 1rem;}
.specificationsContent-item>a:hover{text-decoration: none; color: var(--logo2-color);}
.specificationsContent-item ul.items>li{color: #fff; margin-bottom: .5rem; font-size: 1rem;}
.specificationsContent-item p{color: #fff;}

.detailsApps>.row>.col-lg-6{display: flex;}
.detailsApps_items{width: 100%; display: flex; flex-direction: column; box-shadow: 0 0 15px rgba(0,0,0,0.2); margin-bottom: 30px; background-color: #fff;}
.detailsApps_items>p{width: 100%; padding: 1rem; padding-top: 0; margin-bottom: 0; text-align: center;  font-size: 1rem;}
ul.etw_phone_apps{width: 100%; margin-left: 0; margin-bottom: 0; flex: 1;}
ul.etw_phone_apps>li{padding: 0; margin-bottom: 0; padding: 1rem; flex-direction: column;}
ul.etw_phone_apps>li span{padding: 0;  font-size: .85rem; line-height: 20px; margin-bottom: .5rem;}

.features{display: flex; flex-direction: column; align-items: center;}
.features .h4_title::after{margin: .5rem auto 0 auto;}
.features ul.items{justify-content: space-between; margin-bottom: 0;}
.features ul.items>li{width: calc(50% - 10px);}
.features ul.items>li:first-child{width: 100%;}

@media (max-width:1199.98px){
  .inquiryform_right{width: 39%;}
}
@media (max-width:991.98px){
.footer_contact{margin-bottom: 1rem;}
.footer a.h3{margin-bottom: 0.6rem;}
.footer_list,.pros_list>li .imgbox{margin-bottom: 1.5rem;}
#container{padding-top: 0;}
.products_banner_hover>h2,.h2_title>span,.details .h2_title{font-size: 2.2rem;}
.p_text{max-width: 85%;}
.pros_list{margin-top: 2rem;}
.pros_list>li .textbox a.h3{font-size: 1.3rem;}
.pros_list>li{margin-bottom: 2rem;}
.pros_list>li>div{margin-left: 0;margin-right: 0;}
.inquiryform_bj{display: none;}
.inquiryform_left,.inquiryform_right{width: 100%;}
.inquiryform_left{margin-bottom: 1.5rem;}
.inquiryform_btn{align-items: flex-start;}
.inquiryform_right{justify-content: flex-start;}
.h4_title{margin-bottom: 1rem;margin-top: 1rem;}
}
@media (max-width:767.98px){
  .products_banner_hover>h2,.h2_title>span,.details .h2_title{font-size: 2rem;}
  .p_text{max-width: 100%;}
  .pros_list>li,.h3_title{margin-bottom: 1rem;}
  .inquiryform_left h3 > span,.h4_title{font-size: 1.4rem;}
  .inquiryform_left h3{font-size: 1.1rem;}
  .inquiryform_btn>p>span{font-size: 1.2rem;}
  .inquiryform_btn>a{font-size: 1.3rem;}
  .specificationsContent-item{width: calc(50% - 20px);}
  .specifications{padding: 2rem 1rem;}
  .features ul.items>li{width: 100%;}
}
@media (max-width:649.98px){
  .products_banner_hover>h2{margin-bottom: 0;}
  #quicknav{display: none;}
  .details{padding-top: 1rem;}
}
@media (max-width:575.98px){
  .h2_title>span,.details .h2_title{font-size: 1.8rem;}
  .h2_title>span::before,.h2_title>span::after{display: none;}
  .specificationsContent-item{width: 100%;}
}

.relatedPros{ padding: 3rem 0;}
.relatedPros_content{position: relative;}
.relatedPros .swiper .swiper-slide{height: auto; display: flex;}
.relatedPros .swiper .swiper-slide>ol{flex-direction: column;background-color: #f5f5f5; padding: 3px;}
.relatedPros .swiper .swiper-slide>ol a.imgbox{border-bottom: 3px solid var(--logo1-color);}
.relatedPros .swiper .swiper-slide>ol .textbox{flex: 1; flex-direction: column; padding: 1rem;}
.relatedPros .swiper .swiper-slide>ol .textbox a.h4{font-size: 1rem; color: #000; text-align: center;}
.relatedPros .swiper .swiper-slide>ol .textbox dl{flex: 1; display: none;}
.relatedPros .swiper .swiper-slide>ol .textbox dl>dd{margin-bottom: 0;}
.relatedPros .swiper .swiper-slide>ol .textbox dl>dd>strong{margin-bottom: 0; color: #333;}
.relatedPros .swiper .swiper-slide>ol .textbox p{display: none; min-height: 96px; max-height: 96px; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.relatedPros .swiper .swiper-slide>ol .textbox .more{justify-content: center;}
.relatedPros .swiper .swiper-slide>ol .textbox .more>a{padding: .4rem .8rem; font-size: .9rem; height: 32px; line-height: 30px; border: none;}
.relatedPros .swiper .swiper-slide>ol .textbox .more>a::after{margin-left: .3rem;}
.relatedPros .prev-button,.relatedPros .next-button{width: 40px; height: 40px; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; font-size: 1rem; background-color: #f5f5f5; transition: all .4s; border-radius: 10px;}
.relatedPros .next-button{left: auto; right: -50px;}
.relatedPros .prev-button:hover,.relatedPros .next-button:hover{background-color: var(--hover-color); color: #fff; border-color:  var(--hover-color);}

.inquiryform2{position: relative; overflow: hidden; background: url(../images/inquiry_bg.jpg) no-repeat center center; background-size: cover;}
.inquiryform2::before{content: '';position: absolute; inset: 0;z-index: 1;background-image: linear-gradient(#f5f5f5, #fff, #f5f5f5); opacity: .4;}
.inquiryform2>.container{position: relative;z-index: 3;}
.inquiryform2 h3{color: var(--logo1-color);  margin-top: 2rem;font-family: Saira;}
.inquiryform2 p{color: #000;font-size: 1.2rem;line-height: 1.8rem;}
.feedback{min-height: 480px;}
.feedback_title{font-size: 2rem; color: #000; font-weight: 600; text-align: center; padding: 1rem 1rem 0 1rem; line-height: 1;font-family: Saira;}

.detailsByApps{position: relative; overflow: hidden; z-index: 0;}
.detailsByApps::before{content: ''; width: 100%; height: 50%; background-color: #f5f5f5; position: absolute; left: 0; bottom: 0; z-index: -1;}
.detailsByApps_btn{float: right;}
.detailsByApps .swiper{margin-top: 2rem;}
.detailsByApps .swiper .swiper-slide{height: auto; display: flex;}
.detailsByApps .swiper .swiper-slide>ol{background-color: #fff; flex-direction: column; display: flex; border-bottom: 3px solid var(--logo1-color);}
.detailsByApps .swiper .swiper-slide>ol a.imgbox{width: 100%;}
.detailsByApps .swiper .swiper-slide>ol .textbox{display: flex; flex-direction: column; padding:1rem;}
.detailsByApps .swiper .swiper-slide>ol .textbox a.h4{flex: 1; font-size: 1rem;}
.detailsByApps .swiper .swiper-slide>ol .textbox .more>a{padding: 0; border: none; flex-direction: row-reverse;}
.detailsByApps .swiper .swiper-slide>ol .textbox .more>a::after{font-size: 1.1rem; color: #333; transition: all .4s; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 50%; border: 1px solid #ccc; margin: 0 1rem 0 0;}
.detailsByApps .swiper .swiper-slide>ol .textbox .more>a:hover{background:initial;color: var(--logo1-color);}
.detailsByApps .swiper .swiper-slide>ol .textbox .more>a:hover::after{background-color: var(--logo1-color); border-color: var(--logo1-color); color: #fff;}
.detailsByApps .swiper .swiper-slide>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2); }

.detailsByApps .swiper .swiper-pagination{bottom: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.detailsByApps .swiper .swiper-pagination-bullet{background-color: var(--logo1-color); opacity: 1;}
.detailsByApps .swiper .swiper-pagination-bullet-active{background-color: var(--logo2-color);}
.detailsByApps_btn{float: right; margin-top: -3.125rem; display: flex;}
.detailsByApps_btn .prev-button,.detailsByApps_btn .next-button{width: 34px; height: 26px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin-left: 1rem;}
.detailsByApps_btn .prev-button:hover,.detailsByApps_btn .next-button:hover{background-color: var(--logo1-color); border-color: var(--logo1-color); color: #fff;}
.detailsByApps_btn .prev-button.swiper-button-disabled,.detailsByApps_btn .next-button.swiper-button-disabled{opacity: .5; cursor: default;}

ul.itemsEddy>li{margin-bottom: 0;}

/* Products-Details-End */
/* By Application */
.byApplication{padding-top: 1rem;}
.byApplication ul{width: calc(100% + 30px); margin-left: -15px; justify-content: space-between;}
.byApplication ul>li{width: calc(100% / 2); padding: 0 15px; margin-top: 30px;}
.byApplication ul>li>ol{flex-direction: column; background-color: #fff; padding: 3px;}
.byApplication ul>li>ol a.imgbox{background-color: #f5f5f5; padding: 1rem 0;}
.byApplication ul>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.byApplication ul>li>ol a.imgbox>span{width: 100px;float: left; border-radius: 50%; position: absolute; right: 16%; top: 1rem; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.15);}
.byApplication ul>li>ol a.imgbox>span::before{content: ''; display: block; padding-top: 100%;}

.byApplication ul>li>ol .textbox{padding: 1rem; padding-right: 3.5rem; flex-direction: column; flex: 1; position: relative;}
.byApplication ul>li>ol .textbox a.h4{font-size: 1.2rem; color: #000; margin-bottom: .25rem;}
.byApplication ul>li>ol .textbox p{ flex: 1; color: #666; margin-bottom: .5rem; font-size: .9rem; line-height: 22px; margin-bottom: 0;}
.byApplication ul>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.more_icon{display: flex; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
.more_icon>a{width: 30px; height: 30px; border-radius: 50%; background-color: var(--logo2-color); display: flex; align-items: center; justify-content: center; color: #fff; line-height: 30px;}
.more_icon>a:hover{background-color: var(--hover-color);}

.mainPros{padding:0;}
.mainPros_title{position: relative; overflow: hidden; background: url(../images/inquiry_bj2.jpg) no-repeat center center; background-size: cover; padding: 2rem 0 10rem 0;}
.mainPros_title::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(300deg, #50bfff 0%, #001F31 95%); opacity: .9;}
.mainPros_title>.container{position: relative; z-index: 2;}
.mainPros_title .h3{color: #fff; font-size: 2rem; text-align: center; max-width: 80%; margin: 0 auto;}
.mainPros_title2 .h3{font-size: 1.5rem;}
.mainPros_content{margin-top: -8rem; position: relative; z-index: 3;}
.mainPros_content>.container{max-width: 1000px;}
.mainPros ul{width: calc(100% + 30px); margin-left: -15px;}
.mainPros ul>li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px; border-radius: 20px; overflow: hidden;}
.mainPros ul>li>ol{flex-direction: column; border-radius: 20px; overflow: hidden; background-color: #f8f9fa; margin-bottom: 10px;}
.mainPros ul>li>ol a.imgbox{padding: 1rem; padding-bottom: 0;}
.mainPros ul>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.mainPros ul>li>ol .textbox a.h3{padding: 1rem; margin-bottom: 0; font-size: 1.3rem; display: flex; justify-content: center; align-items: flex-start; text-align: center;}
.mainPros ul>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.byappsAbout_left{width: 100%; overflow: hidden; position: relative; border-radius: 20px;}
.byappsAbout_left::before{content: ''; display: block; padding-top: 75%;}
.byappsAbout_left>video{width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; z-index: 2;}
.byappsAbout_right{width: 120%; position: relative; z-index: 3; background-color: #fff; margin-left: -20%; padding: 2rem; padding-left: 4rem; padding-right: 0; border-radius: 20px;}
.byappsAbout_right small{font-size: 1.1rem;color: var(--logo2-color); text-transform: uppercase; font-weight: 400; display: block; margin-bottom: .25rem;}
.byappsAbout_right h3{font-size: 1.6rem;
  font-family: Saira;}

.detailsByApplication{padding-top: 0; background-image: linear-gradient(#f8f9fa,#f0f0f0);}
.detailsByApplication .container>.row>.col-12{margin-top: 3rem;}
.detailsByApplication .container>.row>.col-12:nth-child(1){margin-top: 1rem;}
.detailsByApplication h2{font-size: 2rem; line-height: 1.2; color: var(--logo1-color); margin-bottom: 2rem;}
.detailsByApplication ul.items_check2>li{padding-left: 1.875rem;}
.detailsByApplication ul.items_check2>li::before{content: "\f271"; width: auto; height: auto; border-radius: initial; background-color: initial; 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; color: var(--logo2-color); font-size: 1.25rem; top: 3px;}
.detailsByApplication ul.items_check2>li>strong{font-size: 1.1rem;}
.detailsByApplication .inquiryBtn{margin-bottom: 1.25rem;}
.imgbox_bg>img{mix-blend-mode: multiply;}
.detailsByApplication .bg{position: relative;z-index: 0;}
.detailsByApplication .bg::before{content: ''; position: absolute; width: 200%; height: 100%; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; background-image: linear-gradient(#f8f9fa,#fff);}

.details_pics{position: relative; z-index: 0; padding: 3rem 0; margin-top: 0 !important;}
.details_pics::before{content: ''; position: absolute; width: 200%; height: 100%; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; background-color: #fff;}
ul.etw_phoneIns>li:first-child{width: 100%;}

.h4_center{text-align: center;}
.h4_center::after{margin: 1rem auto 0 auto;}
ul.etw_phone_abs>li{position: relative;}
ul.etw_phone_abs>li .imgbox{border-radius: 10px; flex-direction: column; flex: 1;}
ul.etw_phone_abs>li span{width: 100%; display: flex;align-items:flex-start; justify-content: center; text-align: center; padding: .5rem; color: #333; font-size: .8rem; line-height: 20px;}
.table2 tr td:nth-child(2){text-align: center;}
ul.items-features li{font-size: 1rem; line-height: 24px;}
ul.items-technology{margin-bottom: 0;}
ul.items-technology li{font-size: 1rem; line-height: 24px; margin-bottom: 0;}
.assembly_list{width: calc(100% + 30px); margin-left: -15px;}
.assembly_list>li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px;}
.assembly_list>li>ol{flex-direction: column;}
.assembly_list>li>ol .imgbox{border-radius: 10px 10px 0 0;}
.assembly_list>li>ol .imgbox::before{content: ''; display:block; padding-top: 50%;}
.assembly_list>li>ol .textbox{flex-direction: column; background-color: #fff; padding: 1.25rem;}
.assembly_list>li>ol .textbox h6{margin-bottom: .5rem;}
.assembly_list>li>ol .textbox p:last-child{margin-bottom: 0;}
.assembly_list2>li{width: 25%;}

.etw_pics{width: 100%;}
.etw_pics>li{width: 100%;}
.etw_pics>li>ol{flex-direction: column; border-radius: 20px; overflow: hidden; position: relative; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.etw_pics>li>ol a.imgbox{margin-bottom: 2rem;}
.etw_pics>li>ol a.imgbox::before{content: ''; display: block; padding-top: 75%;}
.etw_pics>li>ol .textbox{width: 100%; position: absolute; left: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: center; text-align: center; font-size: 1rem; color: #000; background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.5)); padding: 1rem;}
.etw_pics3{width: calc(100% + 30px); margin-left: -15px;}
.etw_pics3>li{width: calc(100% / 3); padding: 0 15px; margin-bottom: 30px;}
.etw_pics4{width: calc(100% + 30px); margin-left: -15px;}
.etw_pics4>li{width: 25%; padding: 0 15px; margin-bottom: 30px;}
.etw_pics_shadow>li>ol{box-shadow: initial;}
/* By Application-End */
/* Applications */
.etw_hometitle{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.etw_hometitle>.h2{color: var(--logo1-color); text-transform: uppercase;}

.applications_banner{min-height: 600px;}
.applications_banner::after{background: rgba(7, 28, 76, .5);}
.applications_banner .products_banner_hover{justify-content: flex-start; padding-top: 150px;}
.applications_banner .products_banner_hover::before{content: '';background-image: url(../images/gray-shape2.svg);background-size: 100% 100%;	position: absolute;	bottom: -1px;	left: 0;height: 200px;width: 100%;	z-index: 2;}
.applications_banner .etw_hometitle>.h2{color: #fff;}
.applications_banner p{color: #fff; font-size: 1.25rem; line-height: 30px; max-width: 80%; margin: 0 auto; text-align: center;}
.applications_text{max-width: 50%; margin: 0 auto;}

.applications{padding-top: 0; margin-top: -150px; position:relative; z-index: 3;}
.applications::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 150px; bottom: 0; background-image: linear-gradient(#f8f9fa,#f0f0f0);z-index: -1;}
.applications_list{flex-direction: column; width: 100%;}
.applications_list>li{width: 100%; margin-top: 40px;}
.applications_list>li>.row{justify-content: space-between; flex-direction: row-reverse; align-items: center;}
.applications_list>li>.row>div:nth-child(1){display: flex; flex-wrap: wrap; justify-content: flex-end;}
.applications_list>li .imgbox{width: 85%; border-radius: 20px;}
.applications_list>li .iconbox{width: 100px; position: absolute; left: 8%; top: 20%; border-radius: 50%; background-color: var(--logo1-color); border: 6px solid #fff;}
.applications_list>li .iconbox>img{max-width: 70%;}
.applications_list>li .textbox a.h3{color: var(--logo1-color); margin-bottom: 1.5rem;}
.applications_list>li .textbox p{color: #000; margin-bottom: 1.5rem;}
.applications_list>li:nth-child(even)>.row{flex-direction: row;}
.applications_list>li:nth-child(even)>.row>div:nth-child(1){justify-content: flex-start;}
.applications_list>li:nth-child(even) .iconbox{left: auto; right: 8%;}

.mainPros2 .mainPros_title{background: #f8f9fa;}
.mainPros2 .mainPros_title::before{background: #fff;}
.mainPros2 .mainPros_title .h3{color: #000;}
.mainPros2 ul>li{overflow: visible;}
.byappsAbout2 .byappsAbout_right{margin: 0 -20px 0 0; padding: 3rem 4rem; background-color: #f8f9fa;}

.products_banner2 {max-height: 300px;}
.fasteners_banner .small{color: #fff; opacity: .8; margin-bottom: .5rem; font-size: 1.25rem;}
.fasteners_banner .etw_hometitle .h2{color: #fff;}
.fasteners{background-image: linear-gradient(#f8f9fa,#f0f0f0);position: relative;z-index: 3; overflow: visible;}
.fasteners .container>.row>.col-12{margin-top: 2rem;}
.fasteners .container>.row>.col-12:nth-child(1){margin-top: 0;}

.fasteners{padding-bottom: 0;}
ul.etw_phoneAll{margin-top: -8rem; position: relative; z-index: 4;}
ul.etw_phoneAll>li{border-right: 10px; overflow: hidden;}
ul.etw_phoneAll>li>ol{border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.1); position: relative; transition: initial;}
ul.etw_phoneAll>li>ol .imgbox,ul.etw_phoneAll>li>ol .imgbox>img{border-radius: initial; box-shadow: initial; mix-blend-mode: initial;}
ul.etw_phoneAll>li>ol .textbox{display: flex; align-items: center; justify-content: center; padding:1rem; font-size: 1rem; color: #000; position: absolute; left: 0; bottom: 0; z-index: 2;}

.appsCases{position: relative;z-index: 0; padding: 3rem 0;}
.appsCases::before{content: ''; width: 200%; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; background-color: #fff;}
.appsCases_list{display: flex; flex-direction: column;}
.appsCases_list>li{width: 100%; margin-bottom: 30px;}
.appsCases_list>li>.row{flex-direction: row-reverse; align-items: center;}
.appsCases_list>li>.row>div:nth-child(2){padding-right: 0;}
.appsCases_list>li h6{margin-bottom: .25rem;}
.appsCases_list>li ul.items>li{margin-bottom: 5px;}
.appsCases_list>li:nth-child(even)>.row{flex-direction: row;}
.appsCases_list>li:nth-child(even)>.row>div:nth-child(2){padding:0 0 0 0;}

.ourPros .h2{ margin-bottom: 0;text-align: center; color: #000; text-transform: uppercase;}
.ourPros ul{width: calc(100% + 30px); margin-left: -15px;}
.ourPros ul>li{width: 25%; padding: 0 15px; margin-top: 30px;}
.ourPros ul>li>ol{flex-direction: column;background-color: #f5f5f5; padding: 3px;}
.ourPros ul>li>ol a.imgbox{border-bottom: 3px solid var(--logo1-color);}
.ourPros ul>li>ol .textbox{flex: 1; flex-direction: column; padding: 1rem;}
.ourPros ul>li>ol .textbox a.h4{font-size: 1rem; color: #000; text-align: center; margin-bottom: 0;}
/* Applications-End */
/* About Us */
.about_banner{max-height: 300px;}
.etw_hometitle_white .h2{color: #fff;}
.about .container>.row>.col-12{margin-bottom: 2rem;}

.company_list{width: 100%;}
.company_list>li{width: 100%; margin-bottom: 2rem;}
.company_list>li>.row{flex-direction: row-reverse; align-items: center;}
.company_list>li>.row>div:nth-child(2){padding-right: 2rem;}
.company_list>li .imgbox>img{-webkit-clip-path: polygon(25% 0%, 100% 0, 100% 100%, 25% 100%, 0% 50%);	clip-path: polygon(25% 0%, 100% 0, 100% 100%, 25% 100%, 0% 50%); border-radius: 10px;}

.company_list>li:nth-child(even)>.row{flex-direction: row;}
.company_list>li:nth-child(even) .imgbox>img{-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); border-radius: 10px;}
.company_list>li:nth-child(even)>.row>div:nth-child(2){padding-left: 2rem;}

.aboutInfo{padding: 3rem 0 1.5rem 0;}
.aboutInfo ul{width: calc(100% + 30px); margin-left: -15px;}
.aboutInfo ul>li{width: 25%; padding: 0 15px; margin-bottom: 30px;}
.aboutInfo ul>li>ol{flex-direction: column; border-radius: 10px; overflow: hidden; background-color: #fff;}
.aboutInfo ul>li a.imgbox::before{content: ''; display: block; padding-top: 75%;}
.aboutInfo ul>li .textbox{padding: 1rem;}
.aboutInfo ul>li .textbox a.h3{font-size: 1.3rem;}
.aboutInfo ul>li .textbox p{min-height: 96px; max-height: 96px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.aboutInfo ul>li .textbox .more>a{font-size: .85rem; height: auto; padding: .3rem .8rem;}
.aboutInfo ul>li .textbox .more>a::after{margin-left: .3rem;}
.aboutInfo ul>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}

.aboutByapps .h3_title{text-align: center; max-width: 60%; margin: 0 auto; }
.aboutByapps ul{width: calc(100% + 30px); margin-left: -15px;}
.aboutByapps ul>li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.aboutByapps ul>li>ol{flex-direction: column; background-color: #fff; border-radius: 10px; overflow: hidden;}
.aboutByapps ul>li>ol a.imgbox{background-color: #fff; padding: 1rem 0;}
.aboutByapps ul>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.aboutByapps ul>li>ol a.imgbox>span{width: 100px;float: left; border-radius: 50%; position: absolute; right: 5%; top: 1rem; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.15);}
.aboutByapps ul>li>ol a.imgbox>span::before{content: ''; display: block; padding-top: 100%;}
.aboutByapps ul>li>ol .textbox{padding: 1rem; flex-direction: column; align-items: center; position: relative;}
.aboutByapps ul>li>ol .textbox a.h4{font-size: 1.1rem; color: #000; margin-bottom: .25rem;}
.aboutByapps ul>li>ol .textbox p{ flex: 1; color: #666; font-size: .9rem; line-height: 22px; text-align: center;}
.aboutByapps ul>li>ol .textbox .more_icon{position: relative; top: initial; transform: initial;}
.aboutByapps ul>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.aboutApps{background-image: linear-gradient(#f8f9fa,#ddd);}
.aboutApps .h3_title{margin-bottom: 0;}
.aboutApps ul{width: calc(100% + 30px); margin-left: -15px; justify-content: center;}
.aboutApps ul>li{width: 20%; padding: 0 15px; margin-top: 30px;}
.aboutApps ul>li>ol{border-radius: 10px; padding: 1rem; flex-direction: column; align-items: center;}
.aboutApps ul>li>ol a.imgbox{width: 100px; overflow: hidden; position: relative; background-color: var(--logo1-color); border-radius: 50%; margin-bottom: 1rem; box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.aboutApps ul>li>ol a.imgbox>img{max-width: 60%;}
.aboutApps ul>li>ol a.textbox{width: 100%; font-size: .95rem; font-weight: 600; color: #000; display: flex; align-items: center; justify-content: center; text-align: center;}
.aboutApps ul>li>ol:hover a.imgbox{background-color: var(--logo2-color);}
.aboutApps ul>li>ol:hover a.textbox{color: var(--logo2-color);}
/* About Us-End */
/* Company Profile */
.company .hometitle{font-size: 1.4rem;}
.company .hometitle::after{margin-top: .5rem; height: 3px;}
.company_heng{ margin-bottom: 2rem;}
.talent_list{width: calc(100% + 20px); margin-left: -10px; margin-bottom: 1rem;}
.talent_list>li{width: 25%; padding: 0 10px; margin-top: 20px;}
.talent_list>li>ol{flex-direction: column; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.talent_list>li>ol .textbox{padding: 1rem; flex-direction: column;}

.history{width: 100%; position: relative; flex-direction: column;}
.history::before{content: ''; width: 3px; height: 100%; background-color: #ddd; position: absolute; left: 200px; top: 0;}
.history>li{width: 100%; margin-bottom: 1rem; align-items: center;}
.history>li:last-child{margin-bottom: 0;}
.history>li h6{width: 200px; text-align: right; padding-right: 3rem; margin-bottom: 0; color: #000; position: relative;}
.history>li h6::after{content: ''; width: 1rem; height: 1rem; border-radius: 50%; position: absolute; right: -.6rem; top: 50%; transform: translateY(-50%); background-color: #fff; border: 4px solid var(--hover-color);}
.history>li p{width:calc(100% - 200px); margin-bottom: 0; padding: 1rem; padding-left: 3rem;}

.company_nav{display: flex; flex-wrap: wrap; justify-content: center; border-top: 1px dashed #ccc; padding-top: 2rem; margin-top: 2rem;}
.company_nav li{width: calc(100% / 6); padding: 0 10px; display: flex; flex-direction: column;align-items: center; justify-content: center; position: relative;}
.company_nav li::after{content: ''; width: 1px; height: 60%; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.company_nav li:last-child::after{display: none;}
.company_nav li a.imgbox{width: 90px; border-radius: 50%; box-shadow: 0 15px 15px rgba(0,0,0,0.2); margin-bottom: 1.5rem;}
.company_nav li a.imgbox::before{content: ''; display: block; padding-top: 100%;}
.company_nav li a.imgbox>img{max-width: 60%; filter: drop-shadow(0 90px var(--hover-color)); position: relative; transform: translateY(-90px);}
.company_nav li a.textbox{text-align: center; justify-content: center; color: #000; font-weight: bold;}
.company_nav li.active a.textbox,.company_nav li:hover a.textbox{color: var(--hover-color);}

.quality{width: 100%;}
.quality>li{width: 100%; border-bottom: 1px dashed #ccc; padding-bottom: 2rem; margin-bottom: 2.5rem;}
.quality>li:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 0;}
.quality>li h6{font-size: 1.1rem; margin-bottom: .5rem; color: var(--hover-color);}
.quality>li ul.items{padding-left: .5rem; margin-bottom: 0;}
.quality>li ul.items>li:last-child{margin-bottom: 0;}

.pdf_btn{display: flex; justify-content: flex-end;}
.pdf_btn>a{background-color: #000; padding: .5rem 1rem; border-radius: 30px; color: #fff; font-size: 1rem; margin: 0 5px 5px 0; display: flex;align-items: center;}
.pdf_btn>a>i{font-size: 1.2rem; margin-right: .5rem;}
.pdf_btn>a:hover{background-color: var(--hover-color);}

.testimonials{width: 100%; flex-direction: column;}
.testimonials>li{width: 100%; margin-top: 20px;}
.testimonials>li>ol{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); align-items: center;}
.testimonials>li>ol a.imgbox{width: 25%;}
.testimonials>li>ol .textbox{width: 75%; padding: 2rem; padding-left: 3rem; flex-direction: column;}
.testimonials>li>ol .textbox small{font-size: 1rem;display: block; margin-bottom: .5rem; color: var(--hover-color);}
/* Company Profile-End */
/* Contact Us */
.contact{padding:3rem 0}
.contact p{font-size:1rem;line-height:24px;margin-top:0.6rem; font-weight: 400;}
.contact a{font-size: 1rem;}
.contact strong{color:#000; margin-right: .25rem;}
.contact a{color:var(--hover-color)}
.contact a:hover{color:var(--logo-color2);text-decoration:underline}
.contact .co_name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--hover-color)}
.contact img{float: left;margin-top: .5rem;}
.contact .feedback{padding:2rem}
.contact .feedback .webtitle{font-size:1.875rem;color:var(--hover-color); font-weight: 900; text-transform: uppercase; margin-bottom: 1rem;}
.contact_map{margin-top: 1.5rem;}
/* Contact Us-End */
/* Overview */
.overview .etw_hometitle{padding: 1.5rem 0; margin-bottom: 0;}
.overview .etw_hometitle>div{margin-bottom: 0; color: var(--hover-color);}
.overview_box{padding:3rem 0;}
.overview_box:first-child{margin-top:0}
.overview_title{display: flex; justify-content: center; position:relative; margin-bottom: 2rem;}
.overview_title::before{content:"";width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--hover-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.overview_title>span{max-width:70%;text-align:center;display:inline-block;position:relative;padding:0 1.5rem;line-height:1.3;background-color:#fff; font-size:2rem;color:#000;font-weight:bold;text-transform:uppercase;}

.overviewAbout{padding-top: 1rem;}
.overviewAbout .overview_title{justify-content: flex-start; margin-bottom: 1rem;}
.overviewAbout .overview_title::before{display:none}
.overviewAbout .overview_title>span{padding:0;background-color: #f5f5f5; font-size: 2rem; text-transform: uppercase;}
.overview_more{display: flex;}
.overview_more>a{line-height: 40px; padding: 0 1.5rem; font-size: .95rem; background-color: #fff; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); text-transform: uppercase;}
.overview_more>a:hover{background-color: var(--hover-color); color: #fff;}

.overviewCompany ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.overviewCompany li{width:calc(50% - 20px);margin-top:30px;flex-direction: column;font-size:1rem; line-height: 24px;}
.overviewCompany li .overviewCompany-label{padding-bottom:1rem;position:relative;font-size:1.5rem;margin-bottom:1rem;color:#000}
.overviewCompany li .overviewCompany-label::before{content:"";width:100%;height:1px;background-color:#ccc;position:absolute;left:0;bottom:2px}
.overviewCompany li .overviewCompany-label::after{content:"";width:50px;height:5px;background-color:var(--hover-color);position:absolute;left:0;bottom:0;transition:all 0.4s}
.overviewCompany li .overviewCompany-value{margin-bottom:0;color:#333;font-size:1rem; line-height: 30px;}
.overviewCompany li:hover .overviewCompany-label::after{width:100%}

.overview_list>li>ol {flex-direction: row !important;}
.overview_list>li:last-child {margin-bottom: 40px;}
.apps_list2>li{background-color: #f1f1f1;}
.apps_list2>li:last-child {margin-bottom: 30px;}
.apps_list2>li .more>a{background-color: #f1f1f1;}
/* Overview-End */
/* videos */
.videoHub{padding:2rem 0 3rem 0;}
.videoHub>.container{display: flex; flex-direction: column;}
.videoHub .etw_hometitle{color:var(--hover-color);font-size:2.5rem;line-height:3rem;font-weight:600;text-transform:uppercase;margin-bottom:1rem}
.video_title{font-size:1.75rem;line-height:1.8rem;font-weight:600;text-transform:capitalize;display:flex;justify-content:center;color:#000;margin:2rem 0; position:relative}
.video_title::before{content:"";width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--hover-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.video_title>span{display:inline-block;background-color:#fff;position:relative;z-index:2;padding:0 30px;font-style:italic}
.video_hub1{width:100%;margin-bottom:30px;display:flex;flex-wrap:wrap}
.video_hub1 a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:var(--bg-f5)}
.video_hub1 a .video_img{width:50%;position:relative;overflow:hidden}
.video_hub1 a .video_img .video_btn{width:60px;height:60px}
.video_hub1 a .video_text{width:50%;padding:1.5rem;padding-left:2.5rem;text-align:left}
.video_hub1 a .video_text>h3{color:#000;font-size:1.3rem;font-weight:700;margin-bottom:1rem;transition:all 0.4s}
.video_hub1 a .video_text>p{margin:0;color:#000;font-size:1rem}
.video_hub1: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_hub1 a:hover .video_text>h3{color:var(--hover-color)}
.video_hub{width:100%;display:flex;flex-wrap:wrap}
.video_hub ul{width:calc(100% + 30px);margin-left:-15px;display:flex;flex-wrap:wrap;}
.video_hub ul li{width:calc(100% / 4);padding:0 15px;display:flex;transition:all 0.4s;margin-bottom:30px;}
.video_hub ul li a{width:100%;display:flex;flex:1;flex-direction:column;background-color:var(--bg-f5);overflow:hidden}
.video_hub ul li a .video_img{width:100%;position:relative}
.video_hub ul li a .video_img .video_btn{width:60px;height:60px;font-size:1rem}
.video_hub ul li a .video_text{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:capitalize;padding:1rem;font-size:1rem;line-height:1.25rem;font-weight:300;color:#000;transition:all 0.4s;position:relative}
.video_hub ul li a .video_text>span{position:relative;z-index:2}
.video_hub ul li a .video_text::before{content:"";width:100%;height:200%;border-radius:50%;background-color:var(--bg-f5);position:absolute;right:0;top:-20px}
.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_hub ul li a .video_img .video_btn::after{display:none}
.video_hub ul li a .video_img .video_btn::before{font-size:1rem}
.video{width:100%;padding:1rem 0 3rem 0}
.video>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
#video_right{width:65%}
#video_right h2{font-size:1.875rem;font-weight:600;color:#000}
#video_right video{width:100%}
.video_more{display:flex;padding: 0 1.5rem 1.5rem;} 
.video_more>a:hover,.video_more>span:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
#video_right .video_more{padding: 0;}

#video_sidebar{width:30%;background-color:var(--bg-f5);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1)}
#etw_videolist .webtitle{font-size:1.3rem;font-weight:600;color:#fff;text-transform:uppercase;background-color:var(--hover-color);padding:1rem;text-align:center;font-style:italic;border-radius:10px 10px 0 0}
#etw_videolist ul{display:flex;flex-direction:column;padding:1.5rem}
#etw_videolist ul li{margin-bottom:1rem}
#etw_videolist ul li a{display:flex;align-items:center}
#etw_videolist ul li a img{width:30%}
#etw_videolist ul li a span{width:70%;font-size:0.875rem;padding-left:1rem;font-weight:300}
#etw_videolist ul li a.dq span{color:var(--hover-color)}
#etw_videolist ul li:last-child{margin:0}
.videohid{display:none}
@media (max-width:991.98px){
	#video_right{width:100%}
	#video_sidebar{width:100%;margin-top:2rem}
  .feedback_title,.mainPros_title .h3{font-size: 1.8rem;}
  .byappsAbout_right{width: 100%;margin-left: 0;padding-left: 0;padding-bottom: 1rem;}
  .detailsByApplication{padding-top: 2rem;}
  .detailsByApplication .container>.row>.col-12{margin-top: 2rem;}
  .assembly_list2>li,.aboutInfo ul>li{width: 50%;}
  .applications_banner .products_banner_hover{padding-top: 2rem;}
  .applications_banner p{max-width: 100%;font-size: 1.1rem;}
  .applications_list>li{margin-top: 0;margin-bottom: 2rem;}
  .applications_list>li .imgbox{width: 92%;margin-bottom: 1.5rem;}
  .applications_list>li .iconbox{left: 2%;}
  .applications_list>li:nth-child(even) .iconbox{right: 2%;}
  .applications_list>li:last-child{margin-bottom: 0;}
  .mainPros_title .h3{max-width: 100%;}
  .byappsAbout2 .byappsAbout_right{padding: 2rem;}
  .byappsAbout_right h3{font-size: 1.4rem;}
  .company_list>li:nth-child(even)>.row>div:nth-child(2){padding-left: 15px;padding-right: 15px;}
  .company_list>li:last-child,.about .container>.row>.col-12:last-child{margin-bottom: 0;}
}
@media (max-width:767.98px){#video_sidebar{margin-top:1rem}
.products_banner{max-height: 300px;}
.details_pics,.relatedPros{padding: 2rem 0;}
.inquiryform2 h3{margin-top: 0;}
.inquiryform2 p{font-size: 1.1rem;line-height: 1.6rem;}
.feedback_title,.mainPros_title .h3{font-size: 1.6rem;}
.assembly_list>li,.byApplication ul>li{width: 100%;}
.mainPros ul>li>ol .textbox a.h3{font-size: 1.1rem;}
.detailsByApplication h2{font-size: 1.8rem;padding: 0 15px;}
.detailsByApplication .container>.row>.col-12{margin-top: 2rem;}
.ourPros ul>li{width: 50%;}
}
@media (max-width:649.98px){
  .etw_pics3{margin-left: 0;width: 100%;}
  .etw_pics3>li,.mainPros ul>li{width: 100%;}
  .mainPros ul>li>ol{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
  .assembly_list2>li{width: 100%;}
}
@media (max-width:575.98px){.detailsByApps .swiper .swiper-slide{justify-content: center;}
  .feedback_title{font-size: 1.4rem;}
  .relatedPros .swiper .swiper-slide{justify-content: center;}
  .detailsByApplication h2{font-size: 1.6rem;}
  .aboutInfo ul>li{width: 100%;margin-bottom: 1rem;padding: 0 1rem;}
}
@media (max-width:479.98px){
  .ourPros ul>li{width: 100%;}
}
/* videos-End */
ul.etw_phone_video{margin-bottom: 2rem;}
ul.etw_phone_video .video_btn{width: 100%; height: 100%; background-size: 4rem;}
ul.etw_phone_video.etw_phone4 .video_btn{width: 100%; height: 100%; background-size: 3rem;}
ul.etw_phone_video .video_btn::before{display: none;}

/*jxc css*/
.navbar-expand-lg .navbar-nav .nav-item{margin-right:2.5rem}
.navbar-expand-lg .navbar-nav .nav-link{font-family:Saira}
#quicknav{font-family:Saira}
.etw_hometitle > .h2{font-family:Saira;font-size:2.6rem;line-height:3rem}
.aboutInfo ul > li .textbox a.h3{font-size:1.3rem;font-family:Saira}
.aboutInfo ul > li .textbox p{font-size:0.9rem;line-height:1.4rem;margin:0;min-height:92px;max-height:92px}
.aboutInfo ul > li .textbox .more{width:100%;height:30px;flex-wrap:wrap;justify-content:flex-end;margin:0.5rem 0 0}
.aboutInfo ul > li .textbox .more > a{position:relative;padding:0;border:none;border-radius:0;height:30px;width:30px}
.aboutInfo ul > li .textbox .more > a:hover{background:none;margin:0 0 0 0.3rem}
.aboutInfo ul > li .textbox .more > a::after{position:absolute;content:'';background:url(../images/icon1.png) no-repeat;background-size:auto;background-size:cover;width:22px;height:22px;left:0;top:0;margin:0}
.service_box{position: relative;}
.service_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.service_box ul li{width: calc(calc(100% / 3) - 1.5%);position: relative;padding: 1rem 2rem;background: var(--bg-f1);display: block;clip-path: polygon(100% 0, 100% 93%, 90% 100%, 0 100%, 0 0);}
.service_box ul li h6{font-size: 1.4rem;line-height: 1.5rem;font-weight: 600;font-family: Saira;color: var(--hover-color);width: 100%;padding: 0.5rem 0;margin: 0;}
.service_box ul li dl dd{font-size: 0.9rem;position: relative;padding: 0 0 0 1rem;line-height: 1.4rem;}
.service_box ul li dl dd:before{position: absolute;content: '';background: var(--hover-color);width: 10px;height: 2px;left: 0;top: 11px;}
.service_icon{width: 100px;height: 100px;display: block;}
.apps_info{position: relative;}
.apps_info ul{display: flex;flex-wrap: wrap;position: relative; justify-content: space-between;}
.apps_info ul > li{width: calc(calc(100% / 5) - 0.5%);position: relative;background: #f2f2f2;padding: 6px;}
.apps_info ul li ol{display: block}
.apps_info ul li ol li.product_img{width: 100%;position: relative;}
.apps_info ul li ol li.product_con{width: 100%;position: relative;}
.apps_info ul li ol li.product_con a{font-size: 1.1rem;line-height: 1.3rem;font-family: Saira;padding: 1rem 1.5rem 1rem 1rem;font-weight: 500;}
.apps_info ul li ol li.product_con a.more{padding:0;position:absolute;background:url(../images/icon1.png) no-repeat;background-size:cover;width:18px;height:18px;right:0.5rem;top:18px;transition:.3s all ease-in-out;margin:0}
.apps_info ul li ol:hover li.product_con a.more{right:0.2rem}
.applications_banner{min-height:660px}
.applications_text{max-width:75%;margin:2rem auto}
.applications_list > li .textbox a.h3{color:var(--logo1-color);margin-bottom:1.5rem;font-family:Saira}
.applications_list > li .textbox p{color:#444;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8rem}
.textbox .more a{border: none;font-family: Saira;padding: 0;}
.textbox .more a:hover{padding: 0 1rem;}
ul.etw_phoneAll > li > ol .textbox{font-family: Saira;}
ul.item1{display: block;position: relative;}
ul.item1 li{width:100%;line-height:1.3rem;margin-bottom:0.6rem;padding-left:0.8rem;position:relative;font-size: 0.95rem;display: block;color: #333;}
ul.item1 li::before{content:"";width: 6px; height: 6px;  background-color:var(--logo2-color);position: absolute; left: 0; top: 7px;}
ul.item1 li strong{display: inline; color: #333; font-size: 1rem; font-family: Saira;width: auto;font-weight: 500;}
ul.item2{display:block;position:relative}
ul.item2 li{width:100%;line-height:1.5rem;margin-bottom:0.6rem;padding-left:1rem;position:relative;font-size:1rem}
ul.item2 li::before{content:"";width:6px;height:6px;background-color:var(--logo2-color);position:absolute;left:0;top:8px}
ul.item2 li strong{display:inline;margin-right:.5rem;color:#333;font-size:1rem;font-family:Saira;width:auto}
.products_banner2{min-height: 360px;}
.fasteners_banner .small{font-family: Saira;}
ul.etw_phoneAll {margin-top: -6rem; }
ul.etw_phone2 li {width: calc(50% - 5px);	margin: 0 0 10px; }
ul.etw_phoneAll > li > ol{border-radius: 0;}
ul.etw_phone1 li{padding: 0;}
.quicknav1{padding: 0.6rem 0;}
.quicknav1 ul li::after, .quicknav1 ul li a, .quicknav1 ul > li:first-child > a{color: #333 !important;}
.contact_info{overflow:hidden;font-family: Saira;font-weight: 300;}
.contact_info .inquiry_box{margin:0;flex-direction:row-reverse}
.contact_info .contact_box .con_txt{padding:0 0 0 .4rem}
.contact_info #etw_form_title{padding:0 0 .5rem .8rem;color:#333}
.contact_info p{font-size:1rem;margin-bottom:0.4rem;}
.contact_info p strong{font-size:1rem;font-weight:600;font-family: Saira;}
.contact_info .p_name{margin: 1rem 0;}
.contact_info .p_name strong{font-size:1.4rem;font-weight:600;color:#111;}
.contact_info p a{color:var(--hover-color);text-decoration:underline}
.contact_info p a:hover{text-decoration:none;color:var(--hover-color)}
.contact_info #etw_set_feedback_form{padding:3rem 2rem 1rem;margin:0;background:#f5f5f5;}
.contact_info #floatchatiframe2011{margin:0;min-height:460px;padding:0;background:0;border:none;box-shadow:none}
#etw_form_title{color: #333;font-size: 2rem;line-height: 2.2rem;font-family: Saira;font-weight: 600;}

@media (max-width:1199.98px){
	.navbar-expand-lg .navbar-nav .nav-item{margin-left: 1rem;margin-right: 1rem;}
 

}
@media (max-width:991.98px){
	.navbar-expand-lg .navbar-nav .nav-item{margin: 0;}
  .applications_banner{min-height: 320px;}
  .applications{margin-top: 0;}
  .applications_banner .products_banner_hover::before{display: none;}
  .products_banner::before{padding-top: 38%;}
  .applications_text{max-width: 85%;}
  .applications_list > li .textbox a.h3{margin-bottom: 0.6rem;}
  ul.etw_phoneAll{margin-top: 1rem;}
  .apps_info ul{justify-content: flex-start;}
  .apps_info ul > li{width: 32%;margin: 0 2% 1rem 0;justify-content: start;}
  .apps_info ul > li:nth-child(3n){margin-right: 0;}
  .etw_hometitle > .h2{font-size: 2.2rem;}
  .service_box ul li{width: 100%;margin-bottom: 2rem;}
}
@media (max-width:767.98px){
  .etw_hometitle{margin-bottom: 0.6rem !important;}
  .applications_text{max-width: 100%;}
  .apps_info ul li ol li.product_con a{font-size: 1rem;}
  .etw_hometitle > .h2{font-size: 2rem;line-height: 2.8rem;}
}
@media (max-width:575.98px){
	ul.etw_phone2 li{width: 100%;margin-bottom: 1rem;}
  .apps_info ul > li{width: 49%;}
  .apps_info ul > li:nth-child(3n){margin-right: 2%;}
  .apps_info ul > li:nth-child(2n){margin-right: 0;}
  .etw_hometitle > .h2{font-size: 1.8rem;line-height: 2.4rem;}
}

.inquiryform::before{top:1rem;bottom:1rem}
.inquiryform1{background:linear-gradient(180deg,#f8f9fa 50%,#fff 50%)}
.inquiryform_bj{background:none;overflow:hidden;left:58%;border-radius:1rem 0 0 1rem;transform:skew(-15deg)}
.inquiryform_bj:after{position:absolute;content:'';width:100%;height:100%;background:#001F31;z-index:0;pointer-events:none;opacity:.8}
.inquiryform_bj:before{background:url(../images/inquiry_bj3.jpg) no-repeat center;background-size:cover;opacity:1}
.inquiryform_left h3 > span{font-size:1.6rem;margin-bottom:.8rem;font-family:Saira}
.inquiryform_right{font-family:Saira}
.inquiryform_btn > p > span{padding:0 0 0 0.3rem}
.container1{max-width:1300px;display:block;width:94%;margin:0 auto}
.protitle{font-size:1.5rem;line-height:1.6rem;font-weight:600;font-family:Saira;color:#333;padding:1rem 0}
.protitle2{font-size:2rem;line-height:2.2rem;font-weight:700;font-family:Saira;color:#333;padding:1rem 0;display:flex;flex-wrap:wrap}
.appscase_box{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 1rem}
.appscase_left{width:32%;position:relative}
.appscase_right{width:54%;position:relative;padding:0 2rem 0 1rem}
.appscase_case{width:14%;border-radius:50%;overflow:hidden;position:relative;box-shadow:0 5px 8px -5px rgba(151,163,184,0.5),0 15px 16px -15px rgba(151,163,184,0.5),0 25px 32px -25px rgba(151,163,184,0.5)}
.appsCases_list h5{font-family:Saira;font-size:1.3rem;line-height:1.5rem;color:var(--hover-color)}
.ourPros .h2{margin-bottom:0;text-align:center;color:#333;text-transform:uppercase;font-family:Saira}
.ourPros ul > li > ol .textbox a.h4{color:#333;font-family:Saira}
.ourPros ul > li > ol a.imgbox{border-bottom:none}
#footer{font-family:Saira}
.footer a.h3{font-weight:600;font-family:Saira}
.footer_list > li > a{font-weight:300}

/****photo****/
.etw_photo{margin:0;width:100%;height:auto}
.etw_photo ul{display:flex;width:auto;height:auto;flex-flow:wrap}
.etw_photo ul li{margin:0 2% .5rem 0}
.etw_photo ul li:before{display:none !important;}
.etw_photo ul li.bg_photo{background:linear-gradient(180deg,#ccc,#eee);text-align:center;padding:1.5rem 0 1rem 0;}
.etw_photo ul li.bg_photo a{width:40%;margin:0 auto;}
.etw_photo ul li img{display:block;width:100%;transition:.5s all ease-in-out;-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-ms-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out;}
.etw_photo ul li a{display:block;overflow:hidden;}
.etw_photo ul li a:hover img{transform:scale(1.03);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);}
.etw_photo ul li span{display:block;text-align:center;font-size:0.9rem;line-height:1.2rem;font-weight:300;clear:both;margin:0.6rem 0;color:#111;}
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{width:25%;margin:0 0 4px 0;padding:0 2px !important;position:relative;}
.etw_gallery ul li:before{display:none !important;}
.etw_gallerys ul li{padding:0;margin:0;}
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:50%;}
.etw_gallery3 ul li{width:33.33%;}
.etw_gallery5 ul li{width:20%;}
.etw_gallery6 ul li{width:16.66%;}
.etw_gallery ul li a{width:100%;display:flex;overflow:hidden;position:relative;flex-wrap:wrap;align-items:center;justify-content:center;}
.etw_gallery ul li span{display:block;padding:0.5rem;text-align:center;font-size:0.9rem;line-height:1.1rem;font-weight:400;}
.etw_gallery ul li span.bottom_box{position:absolute;background:rgba(0 0 0 / 70%);bottom:0;left:0;padding:1rem;color:#fff;width:100%;display:block;}
.etw_gallery_bg ul li span{position:absolute;left:0;bottom:0;background:linear-gradient(0deg,#000,transparent);padding:2rem 1rem;display: block;width: 100%;color: #fff;font-size: 0.95rem;line-height: 1.2rem;}
.etw_shadowpic{width:100%;position:relative;}
.etw_shadowpic ul{display:flex;flex-flow:wrap;position:relative;}
.etw_shadowpic ul li{position:relative;}
.etw_shadowpic ul li a{
	display: block;
  overflow: hidden;
  width: 100%;
  border: 8px solid #fff;
  box-shadow: 0 12px 18px 0 rgba(25,42,70,.13);
}
.etw_shadowpic ul li a:before{bottom:0;content:"";left:50%;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;right:51%;top:0;background:rgba(255,255,255,.1) none repeat scroll 0 0;}
.etw_shadowpic ul li a:after{bottom:50%;content:"";left:0;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;right:0;top:50%;background:rgba(255,255,255,.1) none repeat scroll 0 0;}
.etw_shadowpic ul li a:hover:before,.etw_shadowpic ul li a:hover:after{left:0;right:0;top:0;bottom:0;transition:all 500ms ease-in-out 0s;-webkit-transition:all 500ms ease-in-out 0s;-moz-transition:all 500ms ease-in-out 0s;-o-transition:all 500ms ease-in-out 0s;-ms-transition:all 500ms ease-in-out 0s;}
.etw_shadowpic ul li span{display:block;text-align:center;font-size:1rem;line-height:1.2rem;font-weight:300;clear:both;margin:0.6rem 0;color:#333;}
.etw_shadowpic ul li img{transition:.3s all ease-in-out}
.etw_shadowpic ul li a:hover img{transform:none;}
.etw_radius ul li a{border:5px solid #fff;border-radius:50%;}
.etw_ce_img ul li span{display:block;width:100%;padding:0.5rem;text-align:center;}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49%}
.etw_pic3 ul li{width:32%}
.etw_pic4 ul li{width:23.5%}
.etw_pic5 ul li{width:18.4%}
.etw_pic6 ul li{width:15%}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:both}
@media (max-width:767.98px){.etw_pic5 ul li,.etw_pic6 ul li{width:32%}
.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:2%}
.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:none}
.etw_pic5 ul li:nth-child(3n),.etw_pic6 ul li:nth-child(3n){margin-right:0}
.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1){clear:both}
.img_right{margin:0 0 1rem 0;width:100%;float:none}
.img_left{width:100%;margin:0 0 1rem 0}
.etw_gallery ul li{width:50%;}
.etw_gallery1 ul li,.etw_pic1 ul li{width:100%;}
.etw_gallery3 ul li{width:33.33%;}
.etw_gallery5 ul li{width:33.33%;}
.etw_gallery6 ul li{width:33.33%;}
.etw_customer ul li{justify-content:center;display:flex;flex-wrap:wrap;}
.appscase_left{width: 100%;}
.appscase_right{width: 65%;}
.appscase_case{width: 35%;}
}
@media (max-width:575.98px){.etw_pic4 ul li,.etw_pic5 ul li,.etw_pic6 ul li{width:49%}
.etw_pic4 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(3n),.etw_pic6 ul li:nth-child(3n){margin-right:2%}
.etw_pic4 ul li:nth-child(3n+1),.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1){clear:none}
.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n),.etw_pic6 ul li:nth-child(2n){margin-right:0}
.etw_pic4 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1),.etw_pic6 ul li:nth-child(2n+1){clear:both}
.etw_pic2 ul li{width:100%;margin:0 0 1rem 0;}
.etw_gallery ul li span{font-size:.8rem;line-height:1rem;}
.etw_gallery3 ul li,.appscase_right,.appscase_case,.etw_pic3 ul li{width:100%;}
.etw_gallery5 ul li{width:50%;}
.etw_gallery6 ul li{width:50%;}
.appscase_right{margin-bottom: 1rem;}
.appscase_case{border-radius: 0;}
}
@media (max-width:429.98px){.etw_pic3 ul li{width:100%;margin:0 0 0.6rem 0;}
}

/*video_hub*/
.plyr--video,.plyr__poster,.plyr__video-wrapper{background-color:#fff!important}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:0!important}
.plyr__video-wrapper{background-color:#fff;background:var(--plyr-video-background,var(--plyr-video-background,#fff))}
.video_btn2{display:flex;flex-wrap:wrap;position:absolute;width:80px;height:80px;opacity:0.95;cursor:pointer;z-index:100;background:url(../images/video_btn.png) no-repeat;background-size:auto;background-size:cover;border-radius:50%;}
.etwvideo_hub{position:relative;}
.etwvideo_hub ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub ul>li{width:49%;margin:0 2% 1rem 0;position:relative;transition:.3s all ease-in-out;overflow:hidden;}
.etwvideo_hub ul>li:nth-child(2n){margin-right:0;}
.etwvideo_hub ul>li:nth-child(2n+1){clear:both;}
.etwvideo_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%));}
.etwvideo_hub ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;clip-path:polygon(100% 0%,100% 78%,95% 100%,0% 100%,0 0);background:#f5f5f5;}
.etwvideo_hub ul li ol li.product_img{width:35%;position:relative;}
.etwvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.etwvideo_hub ul li ol li.product_img .video_btn2{width:40px;height:40px;}
.etwvideo_hub ul li ol li.product_con{width:65%;position:relative;padding:0 1rem 0 1.5rem;}
.etwvideo_hub ul li ol li.product_con a{display:block;font-size:1rem;line-height:1.2rem;color:#111;padding:0.5rem 1rem 0.5rem 0;font-weight:300;font-family: Saira;}
.etwvideo_hub ul li ol li.product_con a:hover{color:var(--hover-color);}
.etwvideo_hub1{position:relative;}
.etwvideo_hub1 ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub1 ul>li{width:100%;margin:0;position:relative;transition:.3s all ease-in-out;overflow:hidden;box-shadow:inset 0 0 18px 0 rgba(25,42,70,.13);}
.etwvideo_hub1 ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;background:#f5f5f5;}
.etwvideo_hub1 ul li ol li.product_img{width:45%;position:relative;}
.etwvideo_hub1 ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center; overflow: hidden;}
.etwvideo_hub1 ul li ol li.product_img .video_btn2{width:70px;height:70px;z-index: 1;}
.etwvideo_hub1 ul li ol li.product_con{width:55%;position:relative;padding:0 2rem;}
.etwvideo_hub1 ul li ol li.product_con a{display:block;font-size:1.4rem;line-height:1.4rem;color:#111;padding:1rem 0;font-weight:500;font-family: Saira;}
.etwvideo_hub1 ul li ol li.product_con span{display: block;font-family: Saira;font-weight: 300;font-size: 1.05rem;line-height: 1.6rem;}
.etwvideo_hub1 ul li ol li.product_con a:hover{color:var(--hover-color);}
.other_video ul>li{border-radius:1rem;width:16%;}
.other_video ul li ol li.product_img:before{position:absolute;content:'';width:100%;height:100%;background:url(../images/linen_dark_alpha.png) no-repeat;left:0;top:0;z-index:1;}
.other_video ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.other_video ul li ol li.product_img .video_btn2{width:60px;height:60px;}
#video_right{width:69%;float:left;position:relative;}
#video_right h2{margin-top:0;}
#video_right .inquiry_box{background:#f6f6f6;padding: 3rem 2rem 1rem;}
#video_sidebar{
	width: 26%;
  float: right;
  position: relative;
  border-radius: 0;
  box-shadow: none;
}
#etw_videolist{position:relative;margin:0 auto;}
#etw_videolist .webtitle{font-style: normal;font-family: Saira;text-align: left;padding: 1rem 2rem;}
#etw_videolist>ul{position:relative;display:flex;flex-wrap:wrap;}
#etw_videolist>ul>li{width:100%;position:relative;display:block;margin: 0;}
#etw_videolist>ul>li>a{width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0.5rem 0;border-radius:0 2rem 2rem 0;transition:.3s all ease-in-out;}
#etw_videolist>ul>li a:hover{box-shadow:1px 3px 6px rgba(0 0 0 / 30%);}
#etw_videolist>ul>li img{width:30%;float:left;}
#etw_videolist>ul>li span{width:70%;float:right;padding:0.3rem 0.8rem;color:#333;font-size:0.85rem;line-height:1rem;font-weight:300;position:relative;display:block;transition:.3s all ease-in-out;font-family: Saira;}
#etw_videolist>ul>li>a.dq span,#etw_videolist>ul>li>a:hover span{color:var(--hover-color);}
#etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before{color:var(--hover-color);}
#etw_videolist .videohid{display:none;}
.video_more{display:block;width:170px;position:relative;}
.video_more span{display:block;background:var(--logo2-color);color:#fff;text-align:left;padding:0.8rem 0 0.8rem 0.5rem;font-size:1rem;line-height:1rem;position:relative;cursor:pointer;transition:.3s all ease-in-out;}
.video_more span::before{position:absolute;content:"\f105";position:absolute;right:7px;top:50%;transform:translateY(-50%);font-family:FontAwesome;color:#fff;font-size:22px;font-weight:300;transition:.3s all ease-in-out;}
.video_more span:hover:before{right:4px;}
#video_right video{width:100% !important;}
.video_flash:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;border-radius:50%;background-color:var(--hover-color);-webkit-animation:ripple 1.6s ease-out infinite;animation:ripple 1.6s ease-out infinite;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
@-webkit-keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0);}
50%{-webkit-transform:translate(100px);transform:translate(100px);}
100%{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
}
@keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0);}
50%{-webkit-transform:translate(100px);transform:translate(100px);}
100%{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
}
@-webkit-keyframes ripple{0%,35%{-webkit-transform:scale(0);transform:scale(0);opacity:.9;}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.5;}
100%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);}
}
@keyframes ripple{0%,35%{-webkit-transform:scale(0);transform:scale(0);opacity:.9;}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.5;}
100%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);}
}
@media (max-width:991.98px){.etwvideo_hub ul > li{width:100%;margin:0 0 1rem 0;}
.etwvideo_hub1 ul li ol li.product_img{width:100%;}
.etwvideo_hub1 ul li ol li.product_con{width:100%;position:relative;padding:1rem 2rem 2rem;}
#video_right{width:100%;float:none;}
#video_sidebar{width:100%;float:none;}
#etw_videolist > ul > li{width:49%;margin:0 2% 1rem 0;}
#etw_videolist > ul > li:nth-child(2n){margin-right:0;}
#etw_videolist > ul > li:nth-child(2n+1){clear:both;}
.video_btn2{width:60px;height:60px;}
#etw_videolist>ul{flex-direction: row;}
}
@media (max-width:575.98px){.videoall ul li,#etw_videolist > ul > li{width:100%;margin-right:0}
#etw_videolist > ul > li > a{border-radius:0;}
#etw_videolist > ul > li img{width:100%;float:none;}
#etw_videolist > 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{padding:1rem;}
}

/*history*/
.timeline{list-style:none;position:relative;margin:0 auto;overflow:hidden;padding:1rem 0;}
.timeline::before{content:"";position:absolute;top:0;left:50%;margin-left:-2px;background-color:#151515;height:100%;width:3px;display:block;}
.timeline::after{position:absolute;content:'';background:var(--hover-color);border-radius:50%;width:15px;height:15px;top:0;left:0;right:0;margin:0 auto;}
.timeline .timeline-row{
	padding-right: 50%;
  position: relative;
  z-index: 2;
  margin: 1rem 0 0;
}
.timeline .timeline-row:nth-child(odd){padding-right:0;padding-left:50%;}
.timeline .timeline-row:first-child{margin:0;}
.timeline .timeline-row .timeline-content{margin-right:3rem;position:relative;color:#333;display:flex;flex-wrap:wrap;}
.timeline .timeline-row .timeline-content:after{content:"";position:absolute;top:34px;left:-41px;height:2px;width:40px;background-color:rgba(0,0,0,0.2);z-index:-1;}
.timeline .timeline-row .timeline-content .panel-body{padding:80px 0 2px 0;position:relative;z-index:10;text-align:left;width:100%;}
.timeline .timeline-row .timeline-content .panel-body h5{font-size:1.2rem;line-height:1.4rem;padding:0.5rem 0;margin:0;font-weight:700;}
.timeline .timeline-row .timeline-content .panel-body p{
	font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
  color: #333;
}
.timeline .timeline-row:nth-child(odd) .timeline-content{margin-left:3rem;margin-right:0;}
.timeline .timeline-row:nth-child(odd) .timeline-content:after{left:auto;right:-41px;}
.timeimg{width:65%;display:block;text-align:left;margin:4rem 0 0;}
.timeimg img{display:block;border: 1px solid #eee;}
.timeline .timeline-row .timeline-time{font-family:Saira;position:absolute;right:0;left:0;margin:0 auto;top:10%;font-size:2rem;line-height:2rem;color:var(--hover-color);font-weight:700;width:215px;padding:1rem 0;text-align:center;background:#fff}
.timeline .timeline-row .timeline-time::before{position:absolute;content:"";right:107px;bottom:-20px;width:20px;height:50px;border-bottom:4px solid #151515;}
.timeline .timeline-row:nth-child(odd) .timeline-time::before{right:86px;}
.timeline .timeline-row .timeline-time small{display:block;color:white;text-transform:uppercase;opacity:0.75;font-size:11px;font-weight:400;}
.timeline .timeline-row .timeline-icon{position:absolute;top:30px;left:50%;margin-left:-6px;width:10px;height:10px;border-radius:50%;background-color:var(--hover-color);text-align:center;box-shadow:0 1px 2px rgba(0,0,0,0.1);overflow:hidden;padding:3px;color:white;font-size:14px;z-index:100;}
.timeline .timeline-row .timeline-icon > div{border-radius:50%;line-height:34px;font-size:16px;}
.timeline .timeline-row{margin-bottom:0;}
.timeline.animated .timeline-row .timeline-content{opacity:0;left:20px;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;}
.timeline.animated .timeline-row:nth-child(odd) .timeline-content{left:-20px;}
.timeline.animated .timeline-row.active .timeline-content{opacity:1;left:0;}
.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content{left:0;}
.timeline.animated .timeline-row:nth-child(1) .panel-body{padding:115px 0 2px 0;}
.timeline1 .timeline-row .timeline-time{font-size:1.2rem;line-height:1.4rem;}
.timeline1 .timeline-row .timeline-time span{font-size:2rem;display:block;}
.timeline .timeline-row:nth-child(2n+1) .timeline-time .timeimg{justify-content:flex-start;}
.timeline .timeline-row:nth-child(2n) .timeline-content{justify-content:end;}
.timeline .timeline-row:nth-child(2n) .timeline-content p{text-align:right;}
@media (max-width:991.98px){.timeline .timeline-row .timeline-time{font-size:2rem;}
.timeline1 .timeline-row .timeline-time{font-size:1.2rem;}
.timeline.animated .timeline-row:nth-child(1) .panel-body{padding:125px 0 2px 0;}
}
@media (max-width:768.98px){.timeline::before{left:3px;background:#999;}
.timeline .timeline-row,.timeline .timeline-row:nth-child(2n+1){padding:0 0 0 2rem;margin:0 0 2rem;}
.timeline .timeline-row .timeline-content::after,.timeline::after{display:none;}
.timeline .timeline-row .timeline-time::before,.timeline .timeline-row:nth-child(2n+1) .timeline-time::before{right:178px;bottom:16px;border-bottom:3px solid #999;}
.timeline .timeline-row .timeline-time{position:relative;right:auto;left:auto;top:0;text-align:left;margin:0 0 6px 0;padding:0;}
.timeline .timeline-row .timeline-time strong{display:inline-block;margin-right:10px;}
.timeline .timeline-row .timeline-icon{top:15px;left:7px;margin-left:0;}
.timeline1 .timeline-row .timeline-icon{top:6px;}
.timeline .timeline-row:nth-child(2n+1) .timeline-content{margin:0;}
.timeline .timeline-row .timeline-content{margin:0;position:relative;}
.timeline .timeline-row:nth-child(odd){padding-right:0;}
.timeline .timeline-row .timeline-time,.timeline .timeline-row:nth-child(odd) .timeline-time{position:relative;right:auto;left:auto;top:0;text-align:center;margin:0 0 6px 0;padding:0;}
.timeline.animated .timeline-row:nth-child(odd) .timeline-content{left:20px;}
.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content{left:0;}
.timeline .timeline-row:nth-child(2n+1) .timeline-content{margin-right:0;}
.timeline .timeline-row .timeline-content .panel-body,.timeline .timeline-row:nth-child(2n) .timeline-content .panel-body{padding:0 0 0 1rem;text-align:left;}
.timeline .timeline-row:nth-child(2n) .timeline-content{justify-content:start;}
.timeimg{margin:1rem 0;}
.timeline .timeline-row .timeline-content .panel-body p{font-size:1.05rem;line-height:1.5rem;}
.timeline .timeline-row:nth-child(2n) .timeline-content p{text-align:left;}
.timeline{margin-bottom: 1rem !important;}
.timeline .timeline-row:last-child{margin-bottom: 0;}
.timeline.animated .timeline-row:nth-child(1) .panel-body{padding:10px 0 2px 0;}
}
@media (max-width:430.98px){.timeimg{width:100%;margin:0;}
.timeimg img{border-radius:0;}
.timeline .timeline-row .timeline-content .panel-body,.timeline .timeline-row:nth-child(2n) .timeline-content .panel-body{width:100%;padding:0 1rem;}
}
/*new css*/
.etw_banner .swiper .swiper-slide{min-height:700px;max-height:700px;}
.etw_banner .swiper .swiper-slide::after{content:'';position:absolute;inset:0;background:transparent linear-gradient(162deg,rgba(0,0,0,0.8) 0%,rgba(56,56,56,0) 50%) 0 0 no-repeat;display:flex;align-items:center;}
.banner_pagination .prev-button, .banner_pagination .next-button{width: 3rem;height: 3rem;border: 2px solid rgba(255,255,255,.6);}
.banner_hover1{left: 8%; top: 42%;}
.banner_hover1 h2{color:#fff;font-size:6rem;font-weight:700;margin-bottom:0;font-family:Saira;line-height:7rem;display:block;text-shadow:2px 2px 2px var(--logo2-color)}
.banner_hover1 h2 span:first-child{padding:1rem 0;font-size:4rem;line-height:5rem;font-style:normal}
.banner_hover2{width:600px;position:absolute;left:8%;top:20%;z-index:2}
.banner_hover2 h2{display:flex;margin-bottom:0;font-size:3.8rem;font-weight:700;color:rgba(255,255,255,1);line-height:4.2rem;text-shadow:1px 1px 1px var(--logo2-color);font-family:Saira}
.banner_hover3{left:18%;top:30%;width:800px;position:absolute}
.banner_hover3 h2{color:#fff;font-family:Saira;font-size:5rem;line-height:5.5rem;margin:0 0 1.5rem;position:relative;z-index:1}
.banner_hover3 dl dd{color:#fff;padding:0 0 0 2rem;position:relative;font-size:1.4rem;line-height:1.8rem}
.banner_hover3 dl dd:before{position:absolute;content:'';background:#fff;width:10px;height:10px;border-radius:50%;left:9px;top:10px}
.banner_hover4{position:absolute;left:18%;top:35%;width:800px}
.banner_hover4 h2{color:#fff;font-family:Saira;font-size:3rem;line-height:3.5rem;margin:0 0 1.5rem}
.homePros_list > li .textbox a.h3{font-size:1.4rem;color:#333;font-weight:600;text-align:center;padding:1rem;margin-bottom:0;font-family:Saira}
.homePros_list > li > ol{padding:1rem 0}
.homePartners .swiper .swiper-slide > ul > li .imgbox{background:#f8f9fa}
.homePartners .swiper .swiper-slide > ul > li .imgbox img{mix-blend-mode:darken}
.video_btn2{z-index:10}
.company_list > li:nth-child(2n) .imgbox > img{clip-path:polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%);border-radius:2rem}
.company_list > li .imgbox > img{clip-path:polygon(10% 0,100% 0,100% 100%,10% 100%,0 50%);border-radius:2rem}
.homeVideos .hometitle{font-family:Saira;color:#333;font-weight:600;position:relative}
.homeVideos .hometitle:before{position:absolute;content:'';background:#eb5c02;width:100px;height:2px;left:0;right:0;margin:0 auto;bottom:-8px}
.gallery_box .name{font-family:Saira;font-weight:500}
.gallery_box .nums{color:#eb5c02;font-weight:300;font-family:Saira;letter-spacing:0.1rem;font-size:1.5rem}
.gallery_box .more > a > span{border:none}
.gallery_box .more > a{font-family:Saira;font-weight:300;color:#111;font-size:1.1rem}
.homeAbout_box{padding:3rem 4rem 3rem 3rem;box-shadow:0 5px 8px -5px rgba(151,163,184,0.5),0 15px 16px -15px rgba(151,163,184,0.5),0 25px 32px -25px rgba(151,163,184,0.5)}
.homeAbout_box p{color:#555}
.homeAbout_box a.h3{font-family:Saira}
.homePartners .hometitle{font-family:Saira}
.footer{padding:4rem 0 2rem}
.footer .container{border-bottom:1px solid rgba(0,0,0,.2);padding:0 0 3rem}
@media (max-width:1199.98px){
  .banner_hover4,.banner_hover3{left: 0;right: 0;margin: auto;}
}
@media (max-width:991.98px){.banner_hover2 h2,.banner_hover4 h2,.banner_hover3 h2{font-size: 2.8rem;line-height: 3.6rem;}
.banner_hover4,.banner_hover3{width: 100%;padding: 0 2rem;}
.banner_hover4{top: 28%;}
.etw_banner .swiper .swiper-slide{min-height: 560px;}
.banner_hover1 h2{font-size: 4.8rem;line-height: 4.2rem;}
.banner_hover1 h2 span:first-child{font-size: 3rem;line-height: 3.8rem;}
.homePros_list > li .textbox a.h3{font-size: 1.2rem;}
.homeAbout_box{padding: 2rem;}
.homeAbout_box a.h3{font-size: 2.2rem;}
.homeAbout>.container{flex-wrap: wrap;}
.homeAbout_right,.homeAbout_left,.homeAbout_left img{width: 100%;}
.homeAbout_box{width: 100%;margin-left: 0;}
.homeAbout_right{padding-top: 0;}
.footer{padding-top: 2rem;}
.footer .container{padding-bottom: 0.5rem;}
.footer_logo img{height: 50px;}
.company_list > li:nth-child(2n) .imgbox > img{margin-bottom: 1.5rem;width: 100%;}
}
@media (max-width:767.98px){.banner_hover2 h2,.banner_hover4 h2,.banner_hover3 h2{font-size: 2.2rem;line-height: 2.8rem;}
.banner_hover3 dl{display: none;}
.etw_banner .swiper .swiper-slide{min-height: 360px;}
.banner_hover2{width: 100%;padding: 0 2rem;left: 0;right: 0;margin: auto;}
.homeAbout_box a.h3{font-size: 2rem;}
.footer .container{padding: 0 1rem 0.5rem;}
.footer_logo img{height: 40px;}
.company_list > li:nth-child(2n) .imgbox > img,.company_list > li .imgbox > img{clip-path:none;}
}
@media (max-width:575.98px){
  .etw_banner h2{display: none;}
  .homeAbout_box a.h3{font-size: 1.8rem;}
}
@media (max-width:479.98px){
}
#app_class_menu,#app_new_pro{ display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width: 100%; margin-bottom: 30px; padding: 15px;  border: 1px #ccc solid; overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:14px;line-height:20px;margin:0 0 5px; padding-bottom:8px;}
.newstime{ color: #333; padding:0 5px;  margin-bottom: 10px; display: inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#0e3d8f}
.etw_page{margin:0 auto;width:100%;overflow:hidden; }
.etw_page ul{ float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}
.news_detail ul{margin-bottom: 1rem;}
.news_detail strong{padding:0;}
.news_detail img{margin:0 auto;display:block}
#news_video{ max-height:600px; margin-bottom:10px;}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px; margin-bottom:30px;}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:45%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:12px;line-height:16px;display:block; position:relative; background:#f1f1f1;padding:5px 20px;}
.new_next a:before{content:"\f105"; font-family:fontawesome; font-size:20px; position:absolute; left:5px; top:20%; color:#0e3d8f;}
.new_prev a{ padding-left:20px;}
.new_prev a:before{content:"\f104"; font-family:fontawesome; font-size:20px; position:absolute; left:8px; top:20%; color:#0e3d8f;}
.new_next a:hover,.new_prev a:hover{color:#0e3d8f}
.news_related_li{width:24%;padding-right:1%;float:left}

.etw_reviewpro{ padding:20px 0;}
.etw_reviewpro li{ width:100%;}
.etw_reviewpro li a{ display:block; color:#333; position:relative; padding-left:16px;}
.etw_reviewpro li a:hover{ color:#ff4e4e;}
.etw_reviewpro li a:before{position:absolute;content:'';width:5px;height:5px;left:0px;top:8px;background:#777;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.etw_reviewpro li a:hover:before{background:#ff4e4e}

@media (max-width:575.98px){
  .news_des{ display:none;}
  .news_list ul>li>ol>li.product_img{width:35%;height:120px;overflow:hidden}
  .news_list ul>li>ol>li.product_con{width:62%}
}

/* 2025-3-27 */
.video_img{position: relative;}
.video_detail{padding: 0 1rem 1rem;width: 100%;}