@charset "utf-8";@font-face{font-family:'HKGrotesk-Medium';src:url('/font/HKGrotesk-Medium.otf');}
@font-face{font-family:'HKGrotesk-Bold';src:url('/font/HKGrotesk-Bold.otf');}
@font-face{font-family:'HKGrotesk-Italic';src:url('/font/HKGrotesk-Italic.otf');}
@font-face{font-family:"iconfont";src:url("/font/iconfont.ttf?t=1622274305876") format("truetype");}
@font-face{font-family:"iconfont";src:url("/font/iconfont2.ttf?t=1679472751446") format("truetype");}
:root{
	--spacing-20:1.25rem;
	--border-radius-10:10px;
	--color-gray-light:#d7dce3;
	--size-24:1.4rem;
	--dark-red:#851f1b;
	--size20px:20px;
	--color-white:#fff;
	--transition-default-no-property:cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
	--transition-default:all var(--transition-default-no-property);
	--base-blue:#008eab;--base-black:#000;--max-content-width:1200px;--big-max-content-width:1400px;--inner-banner-height:300px;--box-size:200px;--footer-color:#dee2e3;--footer-mini-width:980px;--content-width-1100:1100px;--dark-blue-100-hsl:#222;}
.iconfont{font-family:"iconfont" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666; padding-right: 10px;}
.iconfont2{font-family:"iconfont2" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}

body{font-family:"HKGrotesk-Medium",Arial,Helvetica,sans-serif;font-size:1.0rem;line-height:1.5rem;background:#fff;}
p{ padding:0.5rem 0;margin:0;}
*{box-sizing:border-box;padding:0;margin:0;}
li,ol,ul{list-style:none;margin:0;}
img{vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic;}
.clear{clear:both;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;transition:all .5s;}
a:hover{color:#174277;}
a:focus{outline:0;text-decoration:none;}
a,a:hover{text-decoration:none;}
a.link{color:#174277;display:inline-block;text-decoration:underline;font-size:1.2rem;}
a.link:hover{color:#0075c1;text-decoration:none;}
.marleft{ margin-left:3.5rem; display: block;}
.bigwidth{ max-width:1290px; margin: 0 auto; padding-left:1.8%; }
.smallsize{ display: none;}
.bigsize{ display: inline-block;}
/* #header */
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;background:rgba(255 255 255 / 100%);visibility:visible;transition:.5s all ease-in-out;z-index:1000;box-shadow:4px 4px 100px 0 rgb(0 0 0 / 13%);}
.head_bg{ height: 0;}
.head_bg::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height:40px;background-color:#e6e6e6;}
.header_in{width:100%;max-width:1200px;margin:0 auto;position:relative;clear:both;height:113px;}
#etw_logo{width:15%;text-align:center;float:left;margin-top:2.6rem;transition:all .8s;}
#etw_logo img{max-width:100px;float:left;}
/* .etw_language */
.etw_languagebg{ background:#e6e6e6;height:45px;}
.etw_language{max-width:1200px;margin:0 auto;z-index:1000;position:relative;text-align:right;visibility:visible;}
.etw_language>ul{position:relative;margin:0;}
.etw_language>ul>li{position:relative}
.etw_language>ul>li>span{display:block}
.etw_language ul li ol{position:relative;display:block}

#etw_language{display:flex;flex-wrap:wrap;justify-content:flex-end;padding:14px 10px 0 0;}
#etw_language .dropdown-item{display:inline-block;width:auto;line-height:12px;padding:0.2rem 0.8rem;color:#333;min-width:auto !important;font-size:.9rem;position:relative;}
#etw_language a:last-child.dropdown-item{ padding-right:0;}
#etw_language .dropdown-item img{margin-right:5px;margin-top:1px;}
#etw_language .dropdown-item:hover{color:#1078f0;background:none;}
#etw_language .dropdown-item:focus{background:none !important;}
.etw_language a:not([href]):not([tabindex]){color:#fff;cursor:pointer}
.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}
@-webkit-keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
@keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
/*menu*/
.top-nav{z-index:999;width:85%;float:right;position:relative;padding-top:2rem;}
.navbar{padding:0 10px 0 0;display:flex;flex-flow:wrap;justify-content:space-between;align-items:center;}
.navbar-collapse{justify-content:flex-end}
.navbar-light .navbar-nav li.nav-item{position:relative;margin:0.5rem 1.0rem;}
.navbar-light .navbar-nav li:last-child.nav-item{ margin-right:0;}
.navbar-light .navbar-nav a.nav-link{color:#008eab;font-size:.95rem;line-height:1rem;position:relative;font-weight:300;text-transform:uppercase;font-family:'HKGrotesk-Bold';padding:0.6rem 0;}
.navbar-light .navbar-nav .active a.nav-link:before,.navbar-light .navbar-nav .show a.nav-link:before,.navbar-light .navbar-nav a.nav-link:hover:before{width:100%;}
.dropdown-toggle:after{position:relative;content:"\f107";font-family:FontAwesome;color:#008eab;width:auto;margin-left:0.1rem;height:auto;font-weight:300;vertical-align:top;font-size:18px;border:none;transition:.2s all ease-in-out;}
.navbar-light .navbar-nav .active .dropdown-toggle:after,.navbar-light .navbar-nav .show .dropdown-toggle:after,.navbar-light .navbar-nav a.dropdown-toggle:hover:after{transform:rotate(-180deg);color:#851f1b;top:58%;right:0px;}
.navbar-nav .dropdown-menu{box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);border:none;padding:1rem 0;border-radius:0;background-color:rgba(255,255,255,.96);margin:0;visibility:hidden;pointer-events:none;opacity:0;display:block;transition:all .3s ease 0s;}
.navbar-nav .dropdown-menu:before{content:"";position:absolute;width:0;height:0;border-bottom:6px solid #09244f;border-left:8px solid transparent;border-right:8px solid transparent;left:6%;top:-6px;display:none;}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}
.navbar-light .navbar-nav a.nav-link i{color:#008eab}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{background:0;color:#851f1b;}
.navbar-light .navbar-nav a.nav-link:before{  content:"";position:absolute;bottom:0px;left:0;height:2px;width:0;background:#851f1b;transition-delay:.1s;transition:.3s all linear;right:0;margin:0 auto;}
.navbar-light .navbar-nav .show>.nav-link{color:#851f1b}
.navbar-light .navbar-nav .dropdown-item{font-size:0.9rem;padding:0.5rem 1.2rem;font-weight:300;color:#333;position:relative;}
/*.navbar-light .navbar-nav .navleft{border-right:1px solid #efefef;}*/
.navbar-nav .dropdown-menu1{min-width:75rem;left:-35rem;padding:1rem 1rem 1rem 1rem;}
/*.navbar-nav .dropdown-menu1{left:-6rem;padding:1rem 2rem;}*/
.navbar-light .navbar-nav .dropdown-menu1 li{width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 ul.col-lg-3{ max-width:24%}
.navbar-light .navbar-nav .dropdown-menu1 ul.navbig{max-width:30%;flex:0 0 30%;}
.navbar-light .navbar-nav .dropdown-menu1 ul.navsmall{max-width:22%}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item{border-bottom:1px dotted #aaa;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{min-height:82px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px dotted #aaa;align-items:left;text-align:left;background:0;position:relative;padding:1rem 1rem 0.6rem 0;font-size:1rem;color:#111;font-weight:400;white-space:normal;line-height:1.2rem;margin:0 0 0.5rem;padding-right:90px;}
.navbar-light .navbar-nav .dropdown-menu1 li:nth-child(1) .dropdown-item{ background:url(../images/pro1.png) no-repeat right;}
.navbar-light .navbar-nav .dropdown-menu1 li:nth-child(2) .dropdown-item{ background:url(../images/pro2.png) no-repeat right;}
.navbar-light .navbar-nav .dropdown-menu1 li:nth-child(3) .dropdown-item{ background:url(../images/pro3.png) no-repeat right;}
.navbar-light .navbar-nav .dropdown-menu1 li:nth-child(4) .dropdown-item{ background:url(../images/pro4.png) no-repeat right;}
.navbar-light .navbar-nav .dropdown-menu1 li:nth-child(5) .dropdown-item{ background:url(../images/pro5.png) no-repeat right;}
.navbar-light .navbar-nav .dropdown-menu1 li:nth-child(6) .dropdown-item{ background:url(../images/pro6.png) no-repeat right;}
/*.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:0;position:relative;padding:1rem 1rem 0.6rem 0;font-size:1rem;color:#111;font-weight:400;white-space:normal;line-height:1.2rem;margin:0 0 0.5rem;}*/
.navbar-nav .dropdown-menu li ol{position:relative;display:block;padding:0 0 0 0.2rem;width:100%;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li{position:relative;width:47%;display:inline-block;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li.smallpro,.navbar-light .navbar-nav .dropdown-menu1 li ol li.bigpro{width:100%;display:block;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a{font-weight:300;font-size:.85rem;color:#555;line-height:1rem;position:relative;padding:0.3rem 0 0.3rem 0.95rem;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li.smallpro a{font-weight:bold;}
.navbar-light .navbar-nav .dropdown-menu1 li>a:before{ display:none;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a:before{ display:block;position:absolute;content:'';background:#555;width:5px;height:5px;top:11px;left:3px;transition:.3s all ease-in-out;border-radius:50%;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li.smallpro a:before{ background:none;}
.navbar-nav .dropdown-menu li ol li a.active,.navbar-nav .dropdown-menu li ol li a:hover{color:#008eab;}
.navbar-nav .dropdown-menu li ol li a.dq:before,.navbar-nav .dropdown-menu li ol li a:hover:before{background:#046bbf;}
.navbar-light .navbar-nav a.dropdown-item.active,.navbar-light .navbar-nav a.dropdown-item:active,.navbar-light .navbar-nav a.dropdown-item:hover{background:0;color:#008eab;}
.navbar-nav .dropdown-menu li ol li a.active span,.navbar-nav .dropdown-menu li ol li a:hover span{color:#09244f}
.nav-item span.pro_icon{position:absolute;top:-15px;right:10px;color:#999;padding:0;font-size:34px;width:30px;height:30px;line-height:30px;display:none;text-align:center;font-weight:200;}
.header_icon a{color:#111;}

@media (max-width:991.98px){.top-nav{width:100%;float:left;background:#fff;margin:0;display:block;padding:0}
.top-nav:after,.top-nav:before{display:none;}
.navbar-nav .dropdown-menu{background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;left:0!important;top:0!important;margin-left:0!important;min-width:auto!important;display:none;border-top:none;}
.navbar-nav .dropdown-menu:before{display:none;}
.top-nav .navbar-nav .row{width:100%!important;box-shadow:none;margin:0;}
.navbar-light .navbar-nav .dropdown-item,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:#fff;padding:.4rem 1rem;border-bottom:none;font-size:.9rem;color:#333;white-space:normal;font-weight:300}
.navbar-light .navbar-nav .dropdown-menu>li{background:none;margin-left: 2rem;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{padding:.4rem 1rem .4rem 1.5rem;font-family:Lato}
.navbar-light .navbar-nav .dropdown-menu1 li:last-child .dropdown-item{border-bottom:none;}
.navbar-light .navbar-nav .dropdown-item:before{content:normal}
.navbar-nav .dropdown-menu1>li{width:100%;float:none;margin:0}
.navbar-nav .dropdown-menu li ol{display:none}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{display:none}
.navbar-light .navbar-nav .show>.nav-link{color:#333}
.navbar-light .navbar-nav li.nav-item{margin:0}
.navbar-light .navbar-nav li.nav-item:before{content:normal}
.navbar-light .navbar-nav a.nav-link:before{content:normal}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#09244f;background:0 0}
.navbar-light .navbar-nav .show>.nav-link{background:0 0}
.navbar-light .navbar-nav a.nav-link{font-size:1rem;border-bottom:1px solid rgba(0,0,0,.1);color:#111;padding:1rem;margin:0 1rem; width: 98%;}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{border-bottom:none}
.navbar-light .navbar-nav .dropdown-menu1 li.menu_img{display:none;}
.dropdown-menu{border:none}
.navbar-light .navbar-toggler{color:#333;font-size:2.4rem;margin:0.8rem 1rem 0 0;border:none;outline:0;z-index:200;position:relative;}
.nav-item span.pro_icon{display:block;top: 0;}
.nav-item span.caret{display:none}
.nav-item .dropdown-toggle::after{display:none;}
.navbar-light .navbar-nav li.nav-item:nth-child(5) a.nav-link:after{display:none;}
}

/* #container */
#container{width:100%;margin:158px auto 0 auto;position:relative;background:#fff;}
.content{width:95%;max-width:1200px;margin:0 auto;}

/****banner****/
#etw_banner{ background:url(../images/about.png) no-repeat bottom;max-height:1220px;padding-bottom:116px;}
.bannerimg{ max-height:591px;}
@media (min-width:1920px){
#etw_banner{background-size:100%;}
.bannerimg{height:591px;overflow:hidden;position:relative;background-size:100%;}
.bannerimg img{width:100%;position:absolute;bottom:0;}
}
.banner_about{ width:100%;max-width:1200px;margin:0 auto;max-height:50%;color:#fff;}
.bannervideo{ width:100px;height:100px;position:relative;margin:0 auto;color:#851f1b;padding-left:4%;}
.bannervideo a{ position:absolute;}
.bannervideo .video-btn {z-index:4;display:block;text-align:center;position:relative;border-radius:50%;width:52px;height:52px;line-height:52px;text-align:center;cursor:pointer;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.bannervideo .video-btn i {position:absolute;top:0;left:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#fff;}
.bannervideo .video-btn::after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;border-radius:50%;background:#851f1b;-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;}
.bannervideo a:hover .video-btn i{color:#851f1b;}
.bannervideo a:hover .video-btn::after{background:#ccc;}

.right_pics .pro_des .bannervideo a{border:1.5px solid #5595de;}
.right_pics .pro_des .bannervideo .video-btn::after{background:#5595de;}
.right_pics .pro_des .bannervideo a:hover{border:1.5px solid #008eab;}
.right_pics .pro_des .bannervideo a:hover .video-btn i{color:#fff;}
.right_pics .pro_des .bannervideo a:hover .video-btn::after{background:#008eab;}
.about_des .bannervideo{left:45%;top:50%;position:absolute;z-index:9;}
.about_des .bannervideo a,.video_des .bannervideo a{border:none;}
.video_des .bannervideo{left:35%;top:30%;position:absolute;z-index:9;}
.etwvideo_hub .video_b_hub .video_des .bannervideo{left:45%;top:42%;}

.banner_txt{ margin-top:-20px;}
.banner_txt p{ text-align:center;padding:0;margin:0;font-size:1.1rem;line-height:2rem;}
@media (min-width:980px){.banner_about p span{ display:block;}}
.about_box{ max-width:800px;margin:0 auto;font-size:0.9rem;padding:1rem 0;}
.about_box i{ float:left;width:45%;color:#fff;font-size:7.6rem;font-family:"HKGrotesk-Bold";display:block;line-height:9rem;position:relative;}
.about_box i span{ opacity:0.6;}
.about_box li i::before{ background:url(../images/icon1.png) no-repeat center;position:absolute;content:"";top:2.8rem;left:2.8rem;width:55px;height:55px;z-index:6;}
.about_box li:first-child i::before{ background:url(../images/icon1.png) no-repeat center;}
.about_box li:nth-child(2) i::before{ background:url(../images/inco2.png) no-repeat center;}
.about_box li:last-child i::before{ background:url(../images/inco3.png) no-repeat center;}
.about_box li>span{ display:block;font-size:2.5rem;line-height:3rem;font-family:"HKGrotesk-Italic";padding-top:1rem;}
.about_more a{ width:120px;height:2.4rem;border-radius:2rem;line-height:2.6rem;font-size:0.8rem;font-family:"HKGrotesk-Bold";background:#fff;text-transform:uppercase;display:block;color:#008eab;margin:0 auto;text-align:center;}
.about_more a:hover{background:#851f1b;color:#fff;}

.banner-with-box{ width:100%;height:var(--inner-banner-height);position:relative;}
.banner-box-img{ position:absolute;left:50%;bottom:-33px;width:133px;height:107px;background-image:url('/images/box-banner.png');background-repeat:no-repeat;background-size:100% 100%;}
#pro_banner{  background:url(../images/inner-banner.jpg);background-size:cover;position:relative;min-height:300px;overflow:hidden;}
#company_banner{  background:url(../images/company01.jpg);background-size:cover;position:relative;min-height:300px;overflow:hidden;filter:brightness(30%);}
.banner-cover{ width:100%;height:100%;background:linear-gradient(135deg, #292a3a, #536976);position:absolute;opacity:0.5 ;z-index:2;}
#pro_banner1 .banner-cover{opacity:0.3 ;}


#pro_banner1{background:url(../images/probanner.jpg);background-size:cover;position:relative;min-height:360px;overflow:hidden;}
.bannerproimg img{width:100%;}
.bannerpro_txt{ position:absolute;max-width:800px;margin:0 auto;width:100%;z-index:4;left:0;right:0;top:26%;background:rgba(00,00,00,0.5);text-align:center;border-radius:1rem;color:#fff;padding:2rem;}
#quicknav{width:100%;height:auto;color:#333;font-size:.9rem;overflow:hidden;padding:0.5rem 0;}
#quicknav a{color:#fff;}
.icon-home{ padding-right:0.5rem;}
#quicknav li{display:inline-block;padding:0.2rem 0.4rem 0.2rem 0;}
#quicknav li + li::before{padding:0 5px;color:#eee;content:"/\00a0";}
#quicknav a:hover{color:#ca1c0b;}
#quicknav li:last-child{color:#eee;}

.content_inner #quicknav{ padding:1rem 0;}
.content_inner #quicknav a{color:#333;}
.content_inner #quicknav li + li::before{color:#333;}
.content_inner #quicknav a:hover{color:#008eab;}
.content_inner #quicknav li:last-child{color:#008eab;}

.bannerprotxt{max-width:1200px;margin:0 auto;position:relative;z-index:88;color:#fff;}
.bannerprotxt #quicknav{width:60%;padding-top:1rem;}
.banner_h2{width:45%;margin:7rem 0 0 5.5rem;}
.banner_h2 h1{ display:block;margin-bottom:2rem;}
.banner_h2 h2{ font-size:1.6rem;padding-left:0.2rem;}
#pro_banner1 .banner_h2{ margin:4rem 0 0 0.5rem;}
#pro_banner1 .banner_h2 h1{margin-bottom:1rem;}
.bannerin_h2 h2{ padding-top:1rem; color:#fff;}

/* case_box */
.case_box{padding-bottom:2rem;overflow:hidden;}
.case_box li{ float:left;margin-right:11rem;}
@media (max-width:1500px){
    .case_box li{margin-right:9%;}
}
.case_box li:last-child{ margin:0;}
.case_box a{ border-bottom:1px solid #008eab;color:#008eab;padding-bottom:1rem;font-size:1.1rem;}
.case_box a .case_img{ display:block;width:100%;height:50px;margin-bottom:1rem;}
.case_box a:hover{ border-bottom:1px solid #851f1b;color:#851f1b;padding-bottom:1rem;}
/****banner END****/
.main_products_box{color:#008eab;text-align:center;padding:4rem 0 3rem 0;}
.main_products_box .etw_hometitle{ text-transform:uppercase;font-size:3rem;line-height:3.6rem;margin:0;}
.main_products_box p{ width:80%;margin:0 auto;display:block;font-size:1.2rem;line-height:1.6rem;}
.home_list{padding-top:2rem;position:relative;margin:0;}
.pro_item_home{position:relative;margin-bottom:3.5rem;}
.main_products_box .pro_img{padding:3px;border:3px solid #f2f2f2;transition:.3s all ease-in-out;}
.main_products_box .pro_des{position:absolute;bottom:-5.3rem;left:0;width:100%;color:#fff;padding:1rem 20px 1rem 10px;}
.main_products_box .pro_des span{width:80%;color:#008eab;padding:1rem .5rem;font-family:"HKGrotesk-Bold";line-height:1.3rem;font-size:1rem;float:left;display:flex;flex-direction:column;align-items:left;justify-content:center;text-align:left;}
.main_products_box .pro_des>span{background:#f7f7f7;min-height:115px;}
.main_products_box .pro_des .cart{ background:url(../images/cart.png) no-repeat right;width:48px;height:38px;float:right;z-index:6;}
.main_products_box .pro_item_home:hover .pro_img{border:3px solid #b1b1b1;transition:.3s all ease-in-out;}
.main_products_box a:hover .pro_des span{color:#851f1b;}
.main_products_box a:hover .pro_des .cart{ background:url(../images/carthover.png) no-repeat right;}

@media (max-width:991.98px){
    .main_products_box .pro_des{ padding: 0;}
    .main_products_box .pro_des span{ width: 100%;    padding:0.5rem 0.5rem 0.5rem 1rem; font-size: 1rem;}
    .main_products_box .pro_des .cart{ display: none;}
    .smallsize{ display: inline-block;}
    .bigsize{ display: none;}
}

/* app_box */
.home_bottom{ background:url(../images/homebottom.jpg) no-repeat bottom #e6e6e6;}
.app_box{text-align:center;}
.app_box .etw_hometitle a{color:#fff;}
.app_box .main_products_box{padding:5rem 0 0 0;}
@media (min-width:1920px){
.home_bottom{background-size:100%;}
}

.app_box .etw_hometitle a{color:#008eab;}
.app_box .pro_item_home{margin-bottom:0;}
.app_box .pro_img{padding:0px;border:none;}
.app_box .pro_des{position:absolute;top:30%;left:0;width:100%;color:#fff;padding:0;}
.app_box .pro_des span{ width:65%;color:#fff;font-family:"HKGrotesk-Medium";line-height:1.3rem;padding:0.5rem;font-size:.9rem;float:none;text-align:center;margin:0 auto;border-radius:5px;}
.app_box .pro_des>span{ background:rgba(0,142,171,0.8);min-height:6rem;}
.app_box .pro_item_home:hover .pro_img{border:none;transition:.3s all ease-in-out;}
.app_box a:hover .pro_des>span{background:rgba(238,238,238,0.8);color:#008eab;}
.app_box .col-sm-6,.app_box col-md-4{ padding:0;}

.app_box a .bannervideo{ width:42px;height:42px;color:#fff;}
.app_box a .bannervideo .video-btn {width:42px;height:42px;line-height:42px;}
.app_box a .bannervideo .video-btn::after{background:rgba(255,255,255,0.2);border:1px solid #fff;display:block;}
.app_box a:hover bannervideo{border:1px solid #ccc;}
.app_box a:hover .bannervideo .video-btn i{color:#fff;}
.app_box a:hover .bannervideo .video-btn::after{background:rgba(0,142,171,0.3);border:1px solid #008eab;}

.aboutlink_box .pro_item_home{border:1px solid #ccc;margin:1rem;background:#fff;text-align:left;box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.35);}
.aboutlink_box .pro_item_home img{padding:1.5rem 2rem 0 2rem;width:30%;}
.app_box .aboutlink_box .pro_des{ position:relative;bottom:0;color:#333;padding:1rem 2rem;line-height:1.6rem;min-height:11rem;}
.app_box .aboutlink_box .pro_des>span{background:#fff;font-size:1.3rem;color:#333;min-height:auto;line-height:1.6rem;display:block;width:100%;text-align:left;margin-bottom:0.5rem;padding:0;}
.app_box .aboutlink_box a:hover .pro_des>span{background:none;color:#008eab;}

.app_box2 .aboutlink_box{width:1600px;margin:0 auto;}
.app_box2 .aboutlink_box .pro_item_home{box-shadow:5px 5px 10px 0px rgba(2,58,92, 0.25);margin:0 1rem;}
.app_box2 .aboutlink_box .pro_item_home img{ display:block;border:none;border-bottom:2px solid #851f1b;border-radius:0;padding:0;margin:0;width:100%;}
.app_box2 .aboutlink_box .pro_item_home a:hover img{ display:block;border-bottom:2px solid #008eab;}
.app_box2 .aboutlink_box .pro_des{padding:0.5rem;}

.textcenter .aboutlink_box .pro_des>span{ text-align:center; font-size: 1.0rem;}
.textcenter  .aboutlink_box .pro_des{ min-height:6rem; }

.homebottom{padding:2rem 0;padding-bottom:0;width:100%;position:relative;text-align:left;color:#fff; }
.homebottom .content{width:100%;max-width:1360px;}
.pblist{overflow:hidden;margin:0.5rem auto;}
.homebottom .etw_foot_title,.homebottom .etw_foot_title a{position:relative;font-size:1.2rem;line-height:1.35rem;margin:.8rem 0;color:#fff;text-transform:uppercase;font-weight:bold;}
.homebottom .etw_foot_title a:hover{color:#ddd;text-decoration:none;letter-spacing:0.5px;}
.homebottom a{color:#eee;}
.homebottom a:hover{color:#aaa;}
.homebottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.homebottom ul li{width:100%;float:left;padding:0.4rem 0 0.4rem 1rem;background:url(../images/proinco.png) no-repeat left;}

.bottom_contact p{ text-transform:uppercase;width:70%;margin:0;}
.cot_tel,.cot_email,.cot_mobile,.cot_wechat {position:relative;padding-left:35px;display:block;margin-bottom:0.5rem;padding-top:0.2rem;color:#fff;font-family:fontawesome;}
.bottom_contact>div:before{position:absolute;left:1px;top:5px;font-size:20px;opacity:0.7;}
.cot_email:before {content:"\f0e0";}
.cot_tel:before {content:"\f095";}
.bottom_contact>.cot_tel:before{left:5px;}
.cot_wechat:before{content:"\f1d7";}
.cot_mobile:before {content:"\f232";}
.bottom_contact>.cot_mobile:before{font-size:25px;}

/* footer */
#footer{width:100%;text-align:center;margin:0 auto;font-size:.95rem;background:#e2e1e0;overflow:hidden;position:relative;}
.home_link{width:100%;overflow:hidden;margin:0 auto;padding:1rem 0 1.5rem 0;}
#otherlink{clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem;}
#otherlink a{color:#008eab;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #008eab;font-size:12px;}
#otherlink a span{opacity:0.5;position:relative;top:0;}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover{color:#851f1b;letter-spacing:0;border:1px solid #851f1b;}
#etw_coper a:hover{color:#851f1b;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.1s ease-in-out;}
#etw_coper{margin-top:2px;width:100%;line-height:22px;}
#etw_coper a{color:#008eab;font-size:12px;}

.etw_products_box{ transition:.3s box-shadow ease-in-out;margin-top:1rem;}
/* nav-tabs-list */
.nav-tabs-list{display:flex;margin-bottom:2rem;text-align:center;}
.etw_products_box .nav-tabs{ border:none;}
.nav-tabs-list li{ width:16.6%;font-size:0.9rem;}
.nav-tabs-list li a{transition:all .5s;padding:.5rem 2rem;color:#000;line-height:1.3rem;position:relative;display:block;}
.nav-tabs-list li img{ display:block;border:3px solid #008eab;border-radius:50%;margin-bottom:0.5rem;}
.nav-tabs-list li a:hover,.nav-tabs-list li a.active{color:#851f1b;}
.nav-tabs-list li a:hover img,.nav-tabs-list li a.active img{ display:block;border:3px solid #851f1b;}

.application{width:100%;padding:3rem 0 1rem 0;position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.app_left{width:35%;}
.app_left img{ border:5px solid #eee;padding:3px;border-radius:5px;}
.app_right{width:68%;margin:0 0 0 -4%;padding:0rem 2rem 1.5rem 3rem;box-shadow:0px 5px 50px 0px rgba(33, 33, 33, 0.15);position:relative;z-index:1;background:#fff;}
.mainpro .app_right{width:63%;margin:0;padding:0rem 2rem 1.5rem 3rem;box-shadow:none;}
.app_right .webtitle{  color:#111;position:relative;font-size:1.3rem;line-height:1.8rem;font-weight:500;padding:1.5rem 0 0.5rem 0;width:100%;margin:0;}
.app_right .webtitle:before{position:absolute;content:'';width:110%;height:2px;left:6%;bottom:14px;}
.app_right .webtitle a{color:#111;}
.app_right .webtitle a:hover{color:#851f1b}
.app_right p{font-size:1rem;line-height:1.6rem;font-weight:200;}
.app_right .more a{background:#008eab;color:#fff;padding:1rem 2rem;display:inline-block;text-align:center;font-weight:200;font-size:1rem;line-height:1rem;margin-bottom:1rem;}
.app_right .more a:hover{ background:#851f1b;}

.content_inner{width:100%;}
#etw_sidebar{width:20%;font-size:1rem;float:left;}
.etw_productlist{background:#f6f6f6;}
.etw_productlist ul{width:100%;}
.etw_productlist ul li>a{font-size:1rem;color:#eee;display:block;background:linear-gradient(90deg, #181940 0%, #008eab 100%);padding:.5rem;padding-left:1.5rem;position:relative;line-height:1.35;font-weight:400;border-bottom:1px solid #ccc;}
.etw_productlist ul li>a::before{position:absolute;content:"\f101";left:.5rem;top:.5rem;font-family:fontawesome;}
.etw_productlist ul li ol a{display:block;font-size:1.0rem;color:#666;position:relative;padding:.3rem 0.8rem 0.3rem 1.5rem;background:none;}
.etw_productlist ul li ol a::before{position:absolute;content:"";left:1.0rem;top:.8rem;width:0px;height:5px;background-color:#666;border-radius:50%;}
.etw_productlist ul li a:hover,.etw_productlist ul li>a.dqpro{ color:#fff;background:linear-gradient(90deg, #2d2e61 0%, #0bafd0 100%);}
.etw_productlist ul li ol a:hover,.etw_productlist ul li ol a.dqpro{color:#851f1b;background:none;}
.etw_productlist ul li:last-child a{border:none;}
.etw_productlist ul li.smallpro{background:#f4f4f4;}
.etw_productlist ul li.smallpro a{ font-size:0.9rem;color:#777;}

/*.etw_right{width:80%;padding:1rem 1% 2rem 3%;float:left;}*/
.etw_right{width:100%;}
.w-100{ padding:0;}
.etw_right .protitle_h2 span{color:#008eab;}
.etw_right .protitle_h2 h2{ font-size:1.6rem;}
.etw_right h2 span{color:#666;font-size:1.2rem;display:block;}
.pro_title h3{color:#999;font-size:1.1rem; font-style:italic;}

.right_pics{ float:right;width:46%;overflow:hidden; }
.right_pic{ position:relative;}
.etw_right a.imgsmall{ max-height:300px;display:flex;flex-direction:row;justify-content:center;align-items:center; overflow:hidden;}
.etw_right  .etw_gallery3  a.imgsmall{max-height:200px;}
.right_pic .etw_video,.provideo .etw_video{left:40%; top:41%;width:60px;height:60px;}
.right_pic .etw_video a,.provideo .etw_video a{width:60px;height:60px; background:url(../images/video_btn.png) no-repeat; background-size:95%;}
.right_pic .etw_video a:hover,.provideo .etw_video a:hover{background:url(../images/video_btnh.png) no-repeat;background-size:95%;}
.right_pic .bannervideo .video-btn,.provideo .bannervideo .video-btn{width:60px;height:60px; display:none;}
.right_pic .bannervideo .video-btn::after,.provideo .bannervideo .video-btn::after{background:none; border:8px solid #008eab;}
.right_pic .bannervideo a .video-btn i,.provideo .bannervideo a .video-btn i{color:#008eab;}
.right_pic .bannervideo a:hover .video-btn i,.provideo .bannervideo a:hover .video-btn i{color:#fff;}
.right_pic .bannervideo a:hover .video-btn::after,.provideo .bannervideo a:hover .video-btn::after{background:none;border:8px solid #fff;}
.etw_gallery3 .etw_video{ left:32%;}
.etw_gallery4 .etw_video{ left:28%;}
.etw_gallery6 .etw_video{ left:32%; top:31%;}

/*.right_pics figure a img{
	border-top: 10px solid var(--dark-red); 
	border-right:10px solid var(--dark-red); 
	border-bottom: 0px solid var(--dark-red);
	border-left: 0px solid var(--dark-red);
	transition:all .3s ease-in-out ;
}
.right_pics figure a img:hover{
	border-top: 0px solid var(--dark-red);
	border-right:0px solid var(--dark-red); 
	border-bottom: 10px solid var(--dark-red);
	border-left: 10px solid var(--dark-red);
}*/
.left_txt{ width:50%;float:left;}
.right_pic1{ float:right;width:66%;overflow:hidden;}
.left_txt1{ width:32%;float:left;}

.right_pic2{ float:right;width:43%;}
.left_txt2{ width:51%;float:left;}
.mt4{ margin-top:7rem;}
.mt2{ margin-top:5rem;}

.sendinquiry{cursor:pointer;text-align:center;position:relative;z-index:1;text-align:center;margin-top:1rem;}
.sendinquiry span,.sendinquiry a{color:#fff;padding:0.8rem 1.5rem;font-size:0.8rem;line-height:0.8rem;text-align:center;display:inline-block;margin:0.5rem 0 1rem 0;min-width:100px;position:relative;overflow:hidden;font-weight:300;z-index:1;transition:.5s all ease-in-out;text-transform:uppercase;border-radius:5px;background:#008eab;letter-spacing:0.05rem;}
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry a:hover,.sendinquiry span:hover{background:#851f1b;}
/*.rightquiry{ float:right; width:220px;  margin-top: 0;}*/
.rightquiry{  margin-top: -10px;
    float: right;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
}
.endiquiry{  margin-top: -10px;
    float: right;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
}
.right_pics .sendinquiry span,.right_pics .sendinquiry a{margin:0.5rem 0 0rem 0;}

.page_title{font-size: 1.2rem;
    font-weight: 600;
    display: block;
    margin-top:1rem;
    color: #000;
    background: url(../images/inco-pro.png) no-repeat left;
    padding-left: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    font-family: sans-serif;
    padding-bottom: 0.3rem;
}

.small_contents{
    display: inline-block;
    width: 49%;
    background: #f2f2f2;
    padding: 1rem;
    box-sizing: border-box;
}
.page_small_title{
    font-weight: 600;
    display: block;
    margin-top:1rem;
    color: #000;
    font-weight: bold;
    font-family: sans-serif;
}
.page_title1{ text-align:center;background:none;margin-top:3rem;font-size:2rem;text-transform:uppercase;line-height:3rem;}
.table td,.table1 td{padding:0.55rem;line-height:1.35rem;vertical-align:middle;font-size:.9rem;}
.table tr:last-child td{border-bottom:2px solid #851f1b;}
.table tr:first-child td,.table1 tr:first-child td{border-top:2px solid #851f1b;}
.table .inquiry,.table1 .inquiry{color:#008eab;text-decoration:underline;}
.table .inquiry:hover,.table1 .inquiry:hover{color:#c7dafd;}
.table tr td:first-child{ margin-right:3rem;font-weight:bold;}
/*.table tr:first-child td:first-child{ margin-top:-1px;}
.table tr:last-child td:first-child{ padding-bottom:3px;}*/

.table1 tr td:first-child,.table1 tr td.firsttab1{font-weight:bold;}
.table,.table1{ width:100%;}
.table1{border-bottom:2px solid #851f1b;}
.smalltable{ width:45%; float:left;}
.smalltable1{ width:45%; float:right;}

.main_txt{ position:relative;left:0;top:0;background:url(../images/main_txtbg.jpg) scroll;background-size:cover;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;}
.maintxt-cover{width:100%;height:100%;background:linear-gradient(90deg, #181940 0%, #008eab 100%);opacity:0.8;position:absolute;}
.main_txtbg{padding:0;border-right:5px solid #fff}
.main_txtbg .nav-tabs{border:none}
.main_txtbg ul{padding:1rem 0;margin:0;}
.main_txtbg li{padding:1rem 10% 1rem 6%;width:100%;text-align:left;}
.main_txtbg .nav-tabs-list li a{color: #fff;
    font-size: 1.2rem;
    display: block;
    padding: 0.5rem 0 0.5rem 0;
    border-bottom: 2px solid #008eab;
}
.main_txtbg li a span{color:#008eab;font-size:2rem;display:block;font-style:italic;margin-top:-0.3rem;float:left;padding-right:12px;}
.main_txtbg li a:hover,.main_txtbg li a.active,.tab-content li.firsttab a:hover,.tab-content li.firsttab a.active{color:#008eab;text-shadow:1px 1px #000;}
.main_txtbg li p,.tab-content li{color:#fff;}

.pro_col .nav-tabs-list li{ background:#008eab;}
.pro_col .nav-tabs-list li:first-child{ border-top-left-radius:5px;}
.pro_col .nav-tabs-list li:last-child{ border-top-right-radius:5px;}
.pro_col .nav-tabs-list li a{color:#fff;}
.pro_col .nav-tabs-list li a.active{ background:#fff;color:#333;}
.pro_col .tab-pane{ background:#fff;}
.pro_col .tab-pane li{color:#333;}

.main_txt .tab-content{width:100%;left:0;top:0;height:100%;padding:0; margin:0;}
.tab-pane{padding:20px 15px 15px 25px; margin:0;}
.main_txt .tab-content li{padding:0.5rem 1.5%;width:100%;display:block;}
.tab-content li.firsttab{color: #fff;
    font-size: 1.2rem;
    display: block;
    border-bottom: 3px solid #008eab;
    box-shadow: 0 1px 0px #fff;
    font-weight: bold;
    text-transform: uppercase;}
.tab-content li.firsttab a span{color:#008eab;font-size:2rem;display:block;font-style:italic;padding-bottom:0.5rem;}

.main_txt1{ border:none;}
.main_txt1 li{padding:1rem;width:25%;text-align:left;}
.main_txt1 li a{text-shadow:1px 1px #000;}
.main_txt1 li a:hover,.main_txt1 li a.active{color:#bcf4ff;}
.tab-pane img{ margin-bottom:1rem;}
ul.component-num li:before {position:absolute;content:"\f058";left:27px;width:30px;height:30px;font-family:fontawesome;font-size:16px;}
.main_txt .tab-content ul.component-num li{ padding-left:25px;}

ul.num{margin:5px 0;}
ul.num li{list-style:decimal; padding:0.2rem 0;margin-left:30px;}
ul.num li.longnumli{margin-left:25px;}
ul.num li::marker{color:var(--dark-red);}

.etw_picbig{ padding:1rem;}

.relatedpro{position:relative;}
.relatedpro ul{display:flex;flex-wrap:wrap;position:relative; margin-top:1rem;}
.relatedpro ul>li{width:20%;}
.relatedpro ul.owl-carousel_3>li{width:16%;}
.relatedpro ul li ol{width: 90%;
    display: block;
    /* box-shadow: 4px 4px 4px 0 rgba(25,42,70,.73); */
    border: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 2rem;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    background: linear-gradient(90deg, #69afd4 0%, #055363 100%);
    transition: .3s all ease-in-out;
}
.relatedpro ul li ol:hover {color:#ccc; transform: translateY(-10px); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);}
.relatedpro ul li ol li.product_con a{width:100%;padding:0.5rem;display:block;text-align:center;font-size:0.85rem;line-height:1.1rem;font-weight:300;color:var(--color-white); min-height:110px;display:flex;justify-content:center;align-items:center;}
.relatedpro ul.owl-carousel_3 li ol li.product_con a{ min-height:110px;}
.relatedpro ul li ol li.product_con a.dq,.relatedpro ul li ol li.product_con a:hover{color:#eee; text-decoration:underline;background:#851f1b;width:100%;}
.relatedpro ul li ol.aa li.product_con a:hover{color:#eee; text-decoration:underline;background:none;}
.relatedpro ul li ol.dq,.relatedpro ul li ol:hover{background:#851f1b;}
.relatedpro ul li ol li.product_img a{display:block;position:relative;overflow:hidden;}
.relatedpro ul li ol li.product_img img{transition:.5s all ease-in-out;}
.relatedpro ul li a:hover img{transform:scale(1.06);}

.relatedpro ul.owl-carousel4>li{width:50%;}
.relatedpro ul.owl-carousel4 li ol li.product_img{width:49%; float:left;max-height:120px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.relatedpro ul.owl-carousel4 li ol li.product_con{width:49%; float:right; padding:0 2rem;display:flex;justify-content:center;align-items:center;min-height:120px;}
.relatedpro3 ul.owl-carousel4>li{width:35%;}
.relatedpro3 ul li ol{width:99%;border-top-left-radius:6px;border-top-right-radius:6px;}
.relatedpro3 ul.owl-carousel4 li ol li.product_con{ width:100%;min-height:auto;}
.relatedpro3 ul li ol li.product_con a{min-height:auto; padding:0.5rem;}

.relatedpro ul.owl-carousel5>li{width:25%;}
.relatedpro3 ul.owl-carousel5>li{width:23%;}
.relatedpro3 ul.owl-carousel5>li.big{width:31%;}
.relatedpro3 ul.owl-carousel5>li ol{min-height:60px; display: flex; align-items: center;}
@media (max-width:991.98px){
.relatedpro1 ul>li{width:32%;margin-right:2%;}
.relatedpro ul>li:nth-of-type(5n){margin-right:2%;}
.relatedpro ul>li:nth-of-type(3n){margin-right:0%;}
}
@media (max-width:767.98px){.relatedpro li{width:100%;margin-right:0}
.relatedpro ul>li{width:49%;}
.relatedpro ul>li:nth-of-type(3n){margin-right:2%;}
.relatedpro ul>li:nth-of-type(2n){margin-right:0%;}
}
.owl-dots {display:block;text-align:center;margin:1rem 0 0 0;}
.owl-dot span {width:10px;height:10px;margin:0 5px;background:#b6cee9;outline:none;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;transition:all .3s ease;}
.owl-dot.active span, .owl-dot:hover span {background:#008eab;width:12px;height:12px;}
.relatedpro .owl-carousel .owl-nav button{ display:none;}

.feedback_bg{width:100%;position:relative;padding:0;margin:0 auto;overflow:hidden;background:url(../images/bg.jpg) no-repeat;background-size:cover;margin-top:3rem;}
.feedback_bg:before {position:absolute;content:'';background:linear-gradient(180deg,rgba(0,136,217,65%) -100%,#315568 71%);width:100%;height:100%;opacity:0.8;}
.feedback_box{margin:3rem 0 1rem 0;width:100%;position:relative;z-index:6;}
.etw_set_feedback_form{ background:transparent;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;}
.etw_set_feedback_form .inquirypic{
	width:497px;height:501px;}
#floatchatiframe2011 iframe{ background-color:transparent;width:100%;max-width:500px;}
.feedback_title{color:#fff;font-size:1.5rem;margin-bottom:2rem;font-weight:600;font-family:var(--font-caption);text-align:center;}
.feedback_title big{ color:var(--dark-red); display: block;}
.sendsubmit{ background:#ccc;}


#etw_top{position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#ccc;z-index:100;cursor:pointer;color:#fff;font-weight:700;line-height:28px;border-radius:50%;}
#etw_top a{color:#fff;}
#etw_top:hover{transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;background:#000;}



.left_share{position:relative;display:flex;}
.left_share a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-right:.5rem;transition:all .5s;color:#fff !important;border-radius:50%;font-size:1rem;border:1px solid rgba(256,256,256,.1);}
.left_share a:hover{background-color:#1363c6;}
/* .top-nav */


.about_list{padding:3rem 0;font-size:1.1rem;background:#fff;}
.about_list .card{ border:none;}
.about_list .webtitle{font-size:2rem;color:#136caf;font-weight:400;}
.about_list .webtitle span{font-weight:600;}
.ys{color:#136caf;}

.imggallery{ position:relative;width:100%;padding:1.6rem 0 1rem 0;}
.imggallery .imgborders{ border-radius:0 35px 0 0;box-shadow:0 0 20px rgba(0, 0, 0, .5);transition:box-shadow .3s ease-in-out;width:400px;position:relative;z-index:2;}
.imggallery .imgborders:hover{ box-shadow:0 0 20px rgba(0, 0, 0, .7);transition:box-shadow .3s ease-in-out;}
.about_list .card-header{ background:none;border:none;padding-bottom:0;padding:.75rem 0 0 1.25rem}
.about_list .pro_accordion .btn-link{background:#dddddd;position:relative;border-radius:0;}
.about_list .pro_accordion .btn-link::before{content:'';background:url(../images/icon1-1.png) no-repeat;position:absolute;width:26px;height:26px;right:15px;top:5px;}
.about_list .card-header .btn[aria-expanded="true"]{background:#136caf;color:#fff;}
.about_list .card-header .btn[aria-expanded="true"]::before{background:url(../images/icon-1.png) no-repeat right;}
.about_list .pro_accordion .card-body{ padding:1rem 1rem;border:1px solid #efefef;margin:0 0 0 1.25rem}
.about_list .btn a{color:#136caf;text-decoration:none;}
.about_list .btn[aria-expanded="true"] a{color:#fff;text-decoration:none;}
.about_list .col-2,.about_list .col-10{ padding:0 10px;}
.list_more{ width:220px;margin:1rem 0;background:#136caf;text-align:center;padding:0.5rem;}
.list_more a{color:#fff;}

/* main_products_box */

@media (max-width:991.98px){
.pro_item .pro_des{font-size:0.9rem;width:100%;}
.content .main_products_box .pro_item .pro_des{position: inherit; padding-bottom: 1rem;}
.head_bg{ display: none;}
#etw_logo {width: 15%;margin:0 0 0 1rem;}
.header_in{ height: auto;}
.etw_language{width:auto;height:auto;margin:0;float:right;}
.etw_language>ul>li::before{position:absolute;content:"";width:1px;height:100%;background-color:#ccc;top:-2%;right:1.4rem;}
.etw_language>ul>li>span{margin:1.5rem 3rem 0 0;text-align:center;width:40px;z-index:100;display:block;}
.etw_language ul li ol{position:absolute;width:100px;left:-1.8rem;top:2.2rem;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:1010;display:none}
#etw_language{width:100%;background:#fff;margin:0; display: block;}
#etw_language .dropdown-item{width:auto;color:#111;font-size:0.85rem;line-height:0.85rem;padding:0.6rem;clear:inherit;display:block;background:0 0;text-align:center;}
#etw_language .dropdown-item:hover{background:#fff}
#etw_language .dropdown-item img,.dis_none{display:none;}
.float-right{ float: right;}
}
@media (max-width:767.98px){
.pro_item{ margin-bottom:1rem;}
.content .main_products_box .pro_item .pro_des{font-size:1.2rem; position: inherit;}
.main_products_box .pro_des>span{ min-height: 70px;}
.main_products_box .etw_hometitle{font-size: 2rem;line-height:2.6rem;}
.main_products_box p{width: 95%;}
}

@media (max-width:1500px){
.app_item strong{background-size:18%;}
.app_item:hover strong{background-size:18%;}
.app_box .app_item{height:310px;}
}
@media (max-width:1300px){
.app_item strong{font-size:1.0rem;}
}
@media (max-width:1100px){
.app_box .col-md-auto {-ms-flex:0 0 33.3%;flex:0 0 33.3%;max-width:33.3%;margin-bottom:2rem;}
.app_item strong{background-size:12%;font-size:0.9rem;}
.app_item:hover strong{background-size:12%;}
}
@media (max-width:500px){
.app_box .col-md-auto {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.app_item strong{background-size:10%;font-size:0.9rem;width:80%;}
.app_item:hover strong{background-size:10%;}
}




/*content box start*/
.linebg{ background:#ccc;}
.col-box{ width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.row-box{ display:flex;flex-direction:row;justify-content:center;align-items:center;}
.col-box .content_caption{font-size:28px;line-height:36px;font-weight:500;letter-spacing:.6px;margin-bottom:10px;text-transform:uppercase;width:900px;}
.col-box .content_se_caption{    font-size:22px;font-weight:400;line-height:36px;letter-spacing:.4px;text-transform:uppercase;}
/*content box stop*/

/* brief_box */
.brief_box{padding:3rem 0;}
.brief{width:100%;font-size:1rem;color:#666;background:#E6ECF2;}
.brief_des{padding:1rem 1rem 1rem 0;}
.brief_des p{line-height:1.5;margin-bottom:0;}
.brief_img{position:relative;background:url(../images/biref_img.jpg) no-repeat center center;background-size:cover;height:100%;}
/* bg_color */
.bg_color{background-color:#f4f7fe;margin:3rem auto;padding:3rem 0;}
.hub_pro_box .pro_img img{mix-blend-mode:multiply;transition:all .5s;}
.hub_pro_box .pro_des a strong{color:#000;font-size:1.6rem;font-weight:bold;display:block;margin-bottom:1rem;transition:all .5s;position:relative;padding-left:0;}
.hub_pro_box .pro_des a strong::before{position:absolute;content:"\f0a8";right:0;top:0;font-family:fontawesome;transition:all .5s;opacity:0;}
.bg_color .hub_pro_box .pro_des a strong::before{left:0;right:inherit;content:"\f0a9";}
.small_pro{display:flex;}
.small_pro a{border:1px solid #0075c1;padding:.2rem 2rem;margin-right:1rem;background-color:#0075c1;color:#fff;border-radius:5px;transition:all .5s;}
.hub_pro_box .pro_des{position:relative;padding-bottom:5rem;}
.hub_pro_box .pro_des .more{position:absolute;right:0;bottom:0;}
.hub_pro_box .pro_des .more1{left:0 !important;right:inherit}
.small_pro a:hover{background-color:#05a2c7;}
.hub_pro_box .pro_img a:hover img{transform:scale(1.05);}
.hub_pro_box .pro_des a:hover strong{color:#05a2c7;padding-right:2rem;}
.hub_pro_box .pro_des a:hover strong::before{opacity:1;color:#05a2c7;}
.bg_color .hub_pro_box .pro_des a:hover strong{padding-left:2rem;}
/* inquiry_box */
.inquiry_box {display:flex;width:100%;background:#f2f2f2;padding:0 2rem;margin-bottom:3rem; text-align:center;}
.inquiry_title{color:#000;font-size:2rem;font-weight:bold;margin-bottom:1rem;position:relative;padding-bottom:1rem;}
.inquiry_title::before{position:absolute;content:"";left:0;right:0;width:60px;background-color:#0075c1;height:3px;margin:0 auto;text-align:center;bottom:0;}
.inquiry_button{background-color:#005aaf;color:#fff;padding:0.7rem 1.5rem;display:inline-block;margin-top:1rem;transition:all .5s;cursor:pointer;margin-left:1rem;font-size:1.0rem;}
.inquiry_button:hover{background-color:#047aea;}
/* other_box */
.protitle2{  font-size:2.2rem;line-height:2.6rem;font-weight:200;text-align:center;margin:1rem auto;position:relative;color:#111;width:100%;padding:1rem 0;font-family:'Poppins';}
.protitle2:before{position:absolute;content:'';background:#ccc;width:100%;height:1px;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%);}
.protitle2 span{
  display:inline-block;padding:0 2rem;background:#fff;z-index:1;position:relative;}
.protitle2 a{color:#111;position:relative;display:block;}
.protitle2 a:hover{color:#09244f;}
.protitle2 a:before{position:absolute;content:'';display:none;width:0;height:1px;margin:0 auto;background:#fff;left:0;right:0;bottom:24px;transition:.3s all ease-in-out;}
.protitle2 a:hover:before{width:920px;}
.other_pro{width:100%;margin:0 auto;position:relative;z-index:1;background:#fff;}
.other_pro ul{display:flex;flex-wrap:wrap;width:100%;max-width:var(--window-max-width);margin:0 auto;flex-direction:row;justify-content:space-between;}
.other_pro ul>li{width:12%;overflow:hidden;transition:.3s all ease-in-out;position:relative;background:#fff;margin-bottom:1rem;}
.other_pro ul>li:before{position:absolute;content:'';background:linear-gradient(180deg,#efefef,transparent,#efefef);width:100%;height:100%;left:0;top:0;transition:.3s all ease-in-out;transform:scaleX(0);}
.other_pro ul>li:hover{box-shadow:1px 1px 16px rgb(0 0 0 / 20%);}
.other_pro ul>li:hover:before{transform:scaleX(1);}
.other_pro ul>li:nth-child(4n){margin-right:0}
.other_pro ul>li:nth-child(4n+1){clear:both}
.other_pro ul li ol{width:100%;overflow:hidden;position:relative;}
.other_pro ul li ol li.product_img{width:100%;position:relative;}
.other_pro ul li ol li.product_img a{display:block;width:100%;position:relative;overflow:hidden;}
.other_pro ul li ol li.product_img img{width:100%;transition:.3s all ease-in-out;mix-blend-mode:multiply;}
.other_pro ul li ol li.product_con{text-align:center;margin:auto;width:100%;position:relative;}
.other_pro ul li ol li.product_con a{color:#333;display:block;padding:1rem;font-size:1rem;line-height:1.2rem;font-weight:300;text-align:center;}
.other_pro ul li ol li.product_con i{display:block;font-size:.9rem;color:#888;line-height:1.1rem;padding:.5rem 0}
.other_pro ul li ol:hover li.product_con a{color:#09244f;}
.other_pro ul li ol:hover li.product_img img{transform:scale(1.03);}


figure{margin:0;width:100%;display:table;clear:both}
.left_pic{width:100%;height:auto;float:right;margin:0 0 1.5rem 0;}
.left_pics{width:100%;position:relative;}
.left_pics::before{position:absolute;content:'';width:30%;height:30%;border-left:1px solid #ddd;border-top:1px solid #ddd;left:-0.3rem;top:-0.3rem;transition:.3s all ease-in-out;}
.left_pics::after{position:absolute;content:'';width:30%;height:30%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;right:-0.3rem;bottom:-0.3rem;transition:.3s all ease-in-out;}
.left_pics:hover:before,.left_pics:hover:after{width:40%;height:40%;border-color:#09244f;}
.left_pic img{max-width:100%;text-align:center;transition:.3s all ease-in-out;position:relative;}
.related_pic{width:100%;display:flex;flex-wrap:wrap;margin:0.5rem 0 0 0;}
.related_pic ul{display:flex;flex-flow:wrap}
.related_pic li{width:auto;float:left;overflow:hidden;margin:0;flex:1;padding:0 2px;display:flex;flex-wrap:wrap;}
.related_pic li a{display:block;position:relative;border:1px solid #eee;width:100%;font-size:0.8rem;text-align:center;}
.related_pic li a.imgdq{border:1px solid #09244f}
.related_pics li{width:18.4%;margin:0 2% 0.5rem 0;flex:none;}
.related_pics1 li{width:20%;margin:0;}
.related_pics2 li{width:16.66%;margin:0;}
.related_pics li:nth-child(5n){margin-right:0}
.related_pics li:nth-child(5n+1){clear:both}
.related_pics1 li:nth-child(6n){margin-right:0}
.related_pics1 li:nth-child(6n+1){clear:both}
.related_pic img{transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;}
.related_pic span{font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.related_pic1{width:100%;display:flex;flex-wrap:wrap;position:relative;margin:0 auto;}
.related_pic1 li{width:100%;margin:0 0 0.25rem 0;}
.related_pic1 li:last-child{margin:0;}
.item_mod{position:absolute;right:15%;top:3%;transition:.4s all ease-in-out;background:#09244f;width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px #09244f;-webkit-animation:scaleout 1.5s infinite ease-in-out;animation:scaleout 1.5s infinite ease-in-out;}
.item_mod span{opacity:0;visibility:hidden;display:block;background:rgba(17 166 163 / 95%);color:#fff;text-align:center;width:180px;font-size:0.95rem;line-height:1.2rem;font-weight:400;transition:.3s all ease-in-out;padding:0.5rem;border-radius:4rem;pointer-events:none;}
.item_mod small{line-height:1rem;margin:0.3rem 0 0;}
.item_txt{display:none;}
.left_pics:hover .item_mod{animation:none;right:35%;background:none;box-shadow:none;}
.left_pics:hover .item_mod span{visibility:visible;opacity:1;pointer-events:all;}
/* production_line */
.production_line{width:100%;margin:0 auto;background:url(../images/product_line_bg.jpg) no-repeat top center;padding-top:3rem;overflow:hidden;}
.production_line .webtitle{font-size:2.2rem;}
.production_line .webtitle,.production_des{color:#fff;}
.productionline_list{background-color:#fff;max-width:var(--window-max-width);margin:0 auto;margin-top:2rem;color:#000;display:flex;position:relative;align-items:center;}
.pline_title{font-size:1.5rem;}
.pline_left{width:22%;background-color:#eee;padding:1rem;padding-right:0;height:100%;}
.pline_right{width:76%;z-index:1;position:relative;color:#7a8798;line-height:1.55;}
.pline_right img{width:100%;}
.pline_right .text-center,.solution_box .text-center{margin-top:3rem;}
.pline_right .btn-more,.solution_box .btn-more{width:140px;margin:0 auto;text-align:center;z-index:0;}
.pline_right .btn-more:hover,.solution_box .btn-more:hover{background-color:#05a2c7;color:#fff;}
/* nav-tabs-list-productionline */
.nav-tabs-list-productionline{width:100%;margin:0 auto;border-bottom:none;}
.nav-tabs-list-productionline li{width:100%;}
.nav-tabs-list-productionline li a{width:100%;display:block;padding:1rem 1.5rem;background-color:#fff;color:#000;position:relative;margin-bottom:2px;border-bottom:1px solid #e5e5e5;}
.nav-tabs-list-productionline li a.active,.nav-tabs-list-productionline li a:hover{background-color:#05a2c7;color:#fff;}
.nav-tabs-list-productionline li:last-child a{border-bottom:none;}
.tab-content-des h4{color:#000;font-size:1.6rem;margin-bottom:1rem;font-family:"Poppins-Medium";}
.app_01 a{background:url(../images/app_01.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_01 a::before{position:absolute;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.45);top:0;left:0;}
.app_01 a p,.app_01 a .pro_list{position:relative;z-index:1;}
.app_01 a .pro_list{justify-content:center;}
.app_01 a .pro_list li{width:18%;}
.app_01 a .pro_list li span{font-size:.9rem;}
.app_02 a{background:url(../images/app_02.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_03 a{background:url(../images/app_03.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_04 a{background:url(../images/app_04.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_05 a{background:url(../images/banner_02.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_06 a{background:url(../images/app_06.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_07 a{background:url(../images/banner_01.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
/* small_pro_box */
.small_pro_box{margin:2rem auto;}
.small_pro_box .col-md-8{-ms-flex:0 0 16.666%;flex:0 0 16.666%;max-width:16.666%;padding:5px;}
.siger_pro_item{height:100%;border:1px solid #eee;padding:1rem;transition:all .5s;}
.siger_pro_item a{color:#666;}
.siger_pro_item a strong{display:block;margin-bottom:1rem;transition:all .5s;position:relative;left:0;font-size:.9rem;color:#666;}
.siger_pro_item a strong span{font-weight:bold;font-size:1.2rem;color:#000;display:block;}
.siger_pro_item a ul li{position:relative;padding-left:1rem;font-size:.9rem;}
.siger_pro_item a ul li::before{position:absolute;content:"";left:0;top:.7rem;width:4px;height:4px;border-radius:50%;background-color:#ccc;}
.siger_pro_item a:hover strong{color:#00489d;left:1rem;}
.siger_pro_item:hover{border:1px solid #00489d;}
.siger_pro_item img{margin-bottom:1rem;transition:all .5s;}
.siger_pro_item a:hover img{opacity:.59;}
.big_title{font-size:2rem;text-align:center;font-weight:bold;position:relative;}
.big_title a{color:#05a2c7;transition:all .5s;position:relative;z-index:1;background-color:#fff;padding:1rem 1rem;}
.big_title span{background-color:#fff;padding:1rem 1rem;position:relative;z-index:1;}
.big_title a::before{position:absolute;content:"";width:100%;height:3px;left:0;right:0;bottom:4px;margin:0 auto;text-align:center;background-color:#05a2c7;}
.big_title a:hover{color:#004680;}
.big_title::before{position:absolute;content:"";left:0;top:50%;transform:translateY(-50%);width:45%;background-color:#eee;height:2px;}
.big_title::after{position:absolute;content:"";right:0;top:50%;transform:translateY(-50%);width:45%;background-color:#eee;height:2px;}
.addinfo{
	display:block;background:#fff;}
.addinfo .memo{
	content:"";width:100%;height:282px;/* background:url(../images/bg.svg) no-repeat 50% 0 / auto 100%;*/
   
}
.addinfo .memo .caption{
	    font-size:2.0rem;color:var(--font-blue);font-weight:700;line-height:140%;font-family:var(--font-caption);}
.addinfo .memo .desc{
	font-size:1rem;}
.itembox{
	display:flex;flex-direction:row;justify-content:center;align-items:center;margin:5px;padding:5px;font-size:1.2rem;}
.itembox img{ width:30px;margin:5px;}
/* applications_box */
.applications_box{width:100%;margin-top:3rem;}
.applications_box a{color:#666;overflow:hidden;}
.applications_box a h3{font-size:1.6rem;font-weight:bold;color:#000;margin-bottom:1rem;transition:all .5s;}
.applications_box a strong{font-size:1.2rem;margin-bottom:1rem;display:block;line-height:1.35;}
.pro_list{display:flex;flex-wrap:wrap;}
.pro_list li{width:23.5%;margin-right:1%;text-align:center;}
.pro_list li img{margin-bottom:.5rem;}
.pro_list li:last-child{margin-right:0;}
.applications_box a:hover h3{color:#016acf;}
.applications_box a img{transition:all .5s;}
.applications_box a:hover img{transform:scale(1.02);}
.applications_box img{mix-blend-mode:multiply;}
/* process_img */
.process_img{display:flex;align-items:center;font-size:1.5rem;color:#016acf;}
.process_img img{padding:1rem;}
/* small_width */
.small_width{width:100%;max-width:800px;margin:0 auto;}
/* history_des */
.history_des strong{font-size:1.8rem;font-weight:bold;color:#000;font-family:Arial,Helvetica,sans-serif;}
.time_box>ul>li{margin-bottom:1rem;background-color:#eee;border:1px solid #ddd;padding:1rem;}
.history_img figure{margin-bottom:0;}
/* size_img */
.siger_pro_box strong{color:#333;font-size:1.1rem;}
.size_img{position:relative;}
.size_img strong{text-align:center;font-size:.9rem;color:#666;text-align:right;display:block;}
/* related_box */
.related_box .etw_hometitle{ font-size:1.0rem;text-transform:inherit;line-height:1.2rem;margin:0;}
.related_box .align-items-center{background:url(../images/casestudies_bkg.png);background-size:100%;padding:10px;transition:all .5s;}
/*.related_box a:before{ content:"";width:8px;height:8px;background:#ccc;position:absolute;left:0;}*/
.related_box a{margin-top:1rem;color:#005fb0;display:block;}
.related_box a:hover,.related_box a.dq{background-color:#eee;}
/*related start*/
.more_caption{ margin-top:3rem;font-size:1.5rem;font-family:var(--font-caption);display:flex;justify-content:center;align-items:center;clear:both;}
.related{display:flex;justify-content:flex-start;flex-wrap:wrap;position:relative;width:100%;padding:1rem;border-radius:5rem;}
.related .item{margin:0 2% 0 0;width:22.5%;position:relative;transition:.3s all ease-in-out;box-shadow:5px 6px 10px 0px #8ca6e012;border:2px solid #6c8ed714;padding:1rem;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;flex-direction:row;font-weight:300;background:#fff;border-radius:5rem;margin-top:5px;transition:all .3s ease-in-out ;}
.related .item:hover{ background:#efefef;transition:all .3s ease-in-out ;}
.related .item .caption{ padding:0;margin:0;}
.related .item .caption a small{ font-size:.85rem;}
.related .item .caption a{display:inline-block;height:100%;margin:0;padding:0;font-family:var(--font-caption);font-size:1.3rem;}
.related .item .caption a:after{ content:"" ;width:0px;height:5px;background:var(--dark-red);position:absolute;left:16px;bottom:12px;transition:all .3s ease-in-out ;}
.related .item:hover .caption a:after{ content:"" ;width:80px;height:5px;background:var(--dark-red);position:absolute;left:16px;bottom:12px;transition:all .3s ease-in-out ;}
.related .item .caption a.dqpro{color:#d62935;}
.relatedpro .item{width:48%;}
.relatedpro1 .item{width:31%;}
.other_after_inquiry{ width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#fff;}
.other_after_inquiry .other_content{ max-width:var(--window-max-width);}
/*related stop*/

/*Other products   */
.other_pro5 .memo{ width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.other_pro5 .memo .des{ max-width:900px;text-align:center;font-size:1rem;}
.other_pro5 .protitle2{ font-family:var(--font-caption);}
.other_pro5 .protitle2 strong{ color:var(--dark-red);font-weight:bold;}
.other_pro5 .protitle2 strong:after{ content:"" ;height:5px;width:80px;background:var(--dark-red);position:absolute;right:562px;bottom:-10px;transition:all .3s ease-in-out;}
.other_pro5 .protitle2:hover strong:after{ transition:all .3s ease-in-out;width:596px;background:var(--dark-red);position:absolute;right:45px;bottom:-10px;}
/*Other products   */

/* content_inner */

/* feedback_box */
/* pro_name */
.pro_name h2{font-size:1.6rem;font-weight:normal;font-weight:bold;}

.page_title01{font-size:1.6rem;}
.etw_tabtitle{width:100%;}
.etw_tabtitle .page_title{padding-bottom:0.3rem;font-weight:600;display:block;color:#000;float:left;width:40%;margin:0 !important}
.etw_tabtitle span{display:block;float:right;}
.inquiry_btn::before{display:none;}
.inquiry_btn{cursor:pointer;background-color:#fff;color:#333;border:1px solid #333;}
.pdf_btn{font-size:12px;position:relative;padding-left:2rem;color:#05a2c7;}
.pdf_btn::before{position:absolute;content:"\f1c1";font-family:fontawesome;font-size:1.5rem;left:0;top:-0.6rem;}
.pdf_btn:hover{color:#00489d;}


/* tags_box */
.tags_box{width:100%;margin:1rem auto;color:#666;border-bottom:1px solid #ddd;padding-bottom:.5rem;}
.tags_box ul{display:flex;flex-wrap:wrap;}
.tags_box ul li{padding:0.3rem 0.8rem;font-size:1rem;position:relative;}
.tags_box ul li::before{position:absolute;content:"";left:0;top:.5rem;width:1px;height:50%;background-color:#ccc;}
.tags_box ul li:first-child::before{display:none;}
.tags_box ul li:first-child{padding-left:0}
.tags_title{color:#000;}
/* .item */
.item{width:100%;display:flex;flex-wrap:wrap;}
.item li{width:100%;position:relative;padding-left:1.5rem;line-height:1.65;}
.item li::before{position:absolute;content:"";left:.5rem;top:.6rem;width:5px;height:5px;background-color:#666;border-radius:50%;}
.item li p{font-size:1rem;}
.item2{display:flex;flex-wrap:wrap;margin-bottom:2rem;}
.item2 li{width:auto;margin-right:2%;background-color:#00489d;color:#fff;padding:.3rem 1rem;margin-bottom:.5rem;}
.proitem{padding:8px 0;float:none;width:auto;overflow:hidden;}
.proitem>li{width:100%;padding:0 0 0.7rem 1.5rem;position:relative;}
.proitem>li::before{position:absolute;content:"\f046";left:1px;top:.4rem;font-family:'fontawesome';color:#0a284c;font-size:.9rem;}
.sfont{font-size:1.2rem;}
/* etw_gallery */
.etw_gallery{position:relative;width:100%;}
.etw_gallery ul{display:flex;flex-wrap:wrap;justify-content:center;position:relative;}
.etw_gallery ul li{margin:0 2% 2rem 0;position:relative;text-align:center;}
.etw_gallery ul li img{mix-blend-mode:multiply;transition:all .5s;transform:scale(1);border:1px solid #eee;width:100%;}
.etw_gallery ul li:hover img{transform:scale(1.1);}
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:49%;}
.etw_gallery3 ul li{width:32%;}
.etw_gallery4 ul li{width:23.5%;}
.etw_gallery5 ul li{width:18%;}
.etw_gallery6 ul li{width:14.66%;}
.etw_gallery2 ul li:nth-child(2n),.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(4n){margin-right:0;}
.etw_gallery ul li figure{width:100%;display:block;overflow:hidden;position:relative;margin-bottom:0;}
.etw_gallery ul li a .inquiry{display:block;color:#000;position:relative;display:inline-block;text-align:center;padding:1rem 1rem;text-decoration:none;font-style:italic;text-decoration:underline;}
.etw_gallery ul li a .inquiry:hover{text-decoration:none;color:#a0241c;}
.etw_gallery ul li p{margin-top:.5rem;font-size:1rem;color:#333;margin-bottom:0;text-align:center;line-height:1.35;}
.etw_gallery ul li span{line-height:1.25;color:#000;display:block;width:100%;font-size:.9rem;text-align:center; padding:0.5rem 0;}
.etw_gallery ul li.sendinquiry{display:flex; flex-direction:row; justify-content:center; align-items:center;}
.etw_gallery ul li.sendinquiry span{ width:120px;color:#fff;}
.etw_gallery ul li span strong{display:block;}
.etw_gallery ul li h5{font-size:1rem;color:#333;margin-top:1rem;margin-bottom:0;}
.etw_gallery ul li p{font-size:.9rem;text-align:left;color:#666;margin-top:0rem;}
.gallery_video_img{position:relative;}
.gallerytitle{ text-align:center;padding:1rem 0;margin-top:1rem;}
.gallerytitle p{line-height:3rem;}
.gallerytitle p strong{ font-size:2.0rem;color:#172C5F;}
.etw_gallery-min ul li{ max-height:240px;overflow:hidden;}
/* .left_pics */
.pro_bg{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(70%,#eee));background-image:linear-gradient(to right,#fff 0 30%,#eee 70% 100%);padding:2rem;padding-left:0;margin-bottom:2rem;}
.left_pro_img{position:relative;}
.left_pro_img a{position:relative;display:block;}
.left_pics{height:auto;margin:0 auto;text-align:center;position:relative;margin-bottom:1rem;order:1;width:100%;}
.left_pics img{text-align:center;mix-blend-mode:multiply}
.left_pics a{display:block;overflow:hidden}
.related_pic{width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;background-color:#eee;padding:5px;padding-top:10px;}
.related_pic a{width:18%;margin-right:1%;}
.related_pic a:nth-child(5n){margin-right:0;}
.related_pic img{width:100%;float:left;border:1px #eee solid;margin-bottom:5px;}
.related_pic img:hover,.related_pic a.imgdq img{border:1px #004680 solid;}
.related_pic span{font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
.left_pro_img .video_button{width:60px;height:60px;left:50%;}
/* siger_pro */
.bg_siger_pro{background-color:#f4f7fe;padding:1rem;margin-bottom:2rem;}
.siger_pro{margin-bottom:2rem;background-color:#fff;padding:1rem;border:1px solid #eee;}
.siger_pro_name{color:#000;font-size:1.5rem;font-weight:600;line-height:1.35;}
.pdf_button{font-size:1.6rem;color:#666;font-size:.9rem;margin-bottom:1rem;margin-top:1rem;display:inline-block;position:relative;padding-left:2.5rem;}
.pdf_button::before{content:"\f1c1";font-family:fontawesome;position:absolute;left:0;top:-1.5rem;color:#00489d;font-size:2rem;}
.siger_pro .item li{margin-bottom:.3rem;}

/*tags*/
#tags{width:100%;display:flex;margin-top:1rem;margin-bottom:2rem;}
.tags_title{float:left;margin-right:15px;color:rgb(255,255,255);font-size:1.25rem;text-align:center;padding:0 10px;background:rgb(68,67,73);border-radius:4px;}
#tags ul{width:100%;display:flex;}
#tags li{padding:7px 10px;border-radius:4px;margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:12px;background:#eee;}
/*sitemap*/
#sitemap{width:100%;margin:20px auto;font-size:13px;}
#sitemap .name{width:100%;font-size:15px;margin:10px 0;clear:both;}
#sitemap a{color:#0f599b;width:100%;display:block;background:#eee;font-weight:600;line-height:24px;}
#sitemap a.sname{margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline !important;background:0 0;font-size:14px;}
#sitemap a:hover{text-decoration:underline !important;}
#sitemap a.sname:hover{color:#0f599b;text-decoration:none !important;}
#sitemap p{margin:0 0 10px;line-height:22px;}
#sitemap .list_m{width:100%;height:auto;margin:10px 0;overflow:hidden;}
#sitemap .list_m a{width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px;}
#sitemap .list_m a:nth-child(2n + 1){clear:both;}
#sitemap .list_m a:hover{color:#0f599b;}
/* video */
/*video_hub*/
.video_btn{position:absolute;width:60px;height:60px;top:50%;left:50%;cursor:pointer;z-index:10;background:url(../images/video_btn.png) no-repeat center center;background-size:100% auto;border-radius:50%;transform:translate(-50%,-50%);transition:0.5s;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.video_btn:hover{opacity:0.7;}
.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;border:1px solid transparent;transition:.3s all ease-in-out;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.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{box-shadow: 5px 5px 5px #999;}
.etwvideo_hub ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;background:#f0f0f0;padding:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.etwvideo_hub ul li ol li.product_img{width:40%;position:relative;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.etwvideo_hub ul li ol li.product_img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0 0 0 / 40%);}
.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_btn{width:45px;height:45px;}
.etwvideo_hub ul li ol li.product_con{width:60%;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:400;}
.etwvideo_hub ul li ol li.product_con a:hover{color:#0f599b;}
.etwvideo_hub1 ul>li{width:32.5%;}
.etwvideo_hub1 ul>li:nth-child(3n){margin-right:2%;}
.etwvideo_hub1 ul>li:nth-child(3n+1){clear:none;}
.etwvideo_hub1 ul>li:nth-child(2n){margin-right:0;}
.etwvideo_hub1 ul>li:nth-child(2n+1){clear:both;}
.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;}
.etwvideo_hub ul li.video_b_hub{width:100%;margin:0 0 1.5rem;}
.etwvideo_hub ul li.video_b_hub ol li.product_con{padding:0 3rem;}
.etwvideo_hub ul li.video_b_hub ol li.product_con a{font-size:1.4rem;line-height:1.6rem;padding:1rem 0;font-weight:500;}
.etwvideo_hub ul li.video_b_hub ol li.product_con span{color:#111;font-size:0.95rem;display:block;line-height:1.4rem;}

@media (max-width:1025.98px){#etw_logo img{width:90px;}
}


@media (max-width:991.98px){
#header{position:relative;min-height:88px;display:block;padding-bottom:0;border-bottom:2px solid #0075c1;background-color:#fff;}
#container,#etw_content,.home_box{margin:0 auto;}
#header::before{height:2px;}
.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,.left_share{display:none;}

 

.banner_txt h1,.banner_txt p{display:none;}
.swiper-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{padding:1rem 1.5rem;background-color:#eee;}
.etw_right{width:100%;}
.pro_banner_box2{display:none;}
.webtitle{font-size:1.6rem;}
.etw_hometitle{font-size:2rem;}
.page_title01{font-size:1.4rem;}
.inquiry_title{font-size:1.6rem;}
h2,.etw_hometitle{font-size:1.8rem;}
.pro_banner_box{margin-bottom:1.5rem;min-height:100px;padding:2rem 0;}
.pro_banner_txt .swidth p{display:none;}
.big_title a{font-size:1.6rem;}
.big_title::before,.big_title::after{display:none;}
.hub_pro_box .pro_des a strong{font-size:1.4rem;}
.pro_name strong{font-size:1.6rem;}
.pro_name h2{font-size:1.4rem;}
.etw_tabtitle .page_title,.etw_tabtitle span{width:100%;margin-bottom:1rem;}
.related_box .webtitle{font-size:1.6rem;}
.siger_pro_box strong{margin-bottom:1rem;display:block;}
.app_box .pro_des span{width: 90%;}
.app_box .pro_des{ top: 20%;}
}
@media (max-width:800.98px){
.app_box .pro_des{ top: 15%;}
}
@media (max-width:767.98px){
.etw_gallery4 ul li{width:32%;}
.etw_gallery4 ul li:nth-child(4n){margin-right:2%;}
.etw_gallery4 ul li:nth-child(3n){margin-right:0;}
.etw_gallery5 ul li{width:32%;}
.etw_gallery5 ul li:nth-child(3n){margin-right:0;}
.etw_gallery4 ul li.nopro{ display:none;}
.pro_item_home .pro_des strong::after{display:none;}
.webtitle{margin-bottom:0rem;}
.more{margin-bottom:2rem;}
.about_des{padding-left:0;}
.about_box{padding:2rem 0;}
.etwvideo_hub ul>li{width:100%;margin-right:0%;}
body{font-size:1rem;}
.history_img{margin-bottom:1rem;}
.history_des strong{font-size:1.6rem;}
.brief_img{min-height:40vh;}
.video_button{width:60px;height:60px;}
.brief_des{padding:1rem;}
.other_inner .pro_des{height:140px;}
.process_img img{padding:0;}
.pro_list li{width:49%;margin-right:2%;}
.pro_list li img{width:100%;display:block;}
.pro_list li:nth-of-type(2n){margin-right:0%;}
.left_pics img{width:100%;display:block;}
.other_inner2 .pro_item,.app_01 a .pro_list li{width:49%;margin-right:2%;margin-bottom:1rem;}
.other_inner2 .pro_item:nth-of-type(2n),.app_01 a .pro_list li:nth-of-type(2n){margin-right:0%;}
.nav-tabs-list-productionline li{width:100%;margin-right:0%;}
.app_05 a{padding:1rem;}
.app_banner_box{min-height:150px;}
.pro_banner_txt .etw_hometitle,.pro_banner_txt h2{margin-bottom:0;padding-bottom:0;}
.pro_img img{width:100%;display:block;}
.inquiry_btn{margin-bottom:0.5rem;}
.owl-theme .owl-dots .owl-dot span{margin:2px 3px !important;}
.feedback_box,.related_box{padding:1rem;}
}
@media (max-width:650.98px){html{font-size:14px;}
.etw_gallery3 ul li,.etw_gallery4 ul li{width:48%;}
.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(3n){margin-right:2%;}
.etw_gallery3 ul li:nth-child(2n),.etw_gallery4 ul li:nth-child(4n){margin-right:0;}
.etw_gallery5 ul li{width:49%;}
.etw_gallery5 ul li:nth-child(3n){margin-right:2%;}
.etw_gallery5 ul li:nth-child(2n){margin-right:0;}
}
@media (max-width:575.98px){h2,.etw_hometitle{font-size:1.8rem;}
.etw_gallery6 ul li{width:32%;}
.etw_gallery6 ul li:nth-child(3n){margin-right:0;}
.etwvideo_hub ul li ol li.product_img,.etwvideo_hub ul li ol li.product_con{width:100%;text-align:center;}
.main_products_box .pro_des>span{ min-height:40px;}
#etw_video_list ul li,.related_pro ul li{width:100%;margin-right:0 !important;}
.etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li{width:100%;margin-right:0;}
}
.etw_products,.etw_products ul{width:100%}
.etw_products>ul{width:100%;display:flex;flex-wrap:wrap}
.etw_products>ul>li{  width:100%;transition:.3s all ease-in-out;position:relative;display:flex;margin:0 0 2rem;flex-wrap:wrap;align-items:center;padding:3rem;background:#f5f5f5;box-shadow:0 12px 18px 0 rgba(25,42,70,.23);}
.etw_products ul li ol,.etw_products ul li ol li{width:100%}
.etw_products ul li ol{display:flex;flex-wrap:wrap;width:100%;}
.etw_products ul li ol li.product_img{width:25%;float:left;position:relative;}
.etw_products ul li ol li.product_img a{  width:90%;display:block;overflow:hidden;position:relative;padding:0.3rem;background:#fff;}


.etw_products ul li ol li.product_img img{width:100%;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.etw_products ul li ol li.product_con{  width:60%;float:right;padding:0 3rem;text-align:left;}
.etw_products ul li ol li.product_con a{  font-size:1.6rem;font-weight:700;color:#333;padding:0.5rem 0;display:block;line-height:2.2rem;font-family:BarlowCondensed;text-transform:uppercase;letter-spacing:0.05rem;}
.etw_products ul li ol li.product_con span{  display:block;font-size:1.0rem;line-height:1.7rem;color:#333;font-family:BarlowCondensed;font-weight:200;}
.etw_products ul li ol li.product_con a.more{padding:0.5rem 1.5rem;color:#333;box-shadow:none;border-width:2px;border-style:solid;border-color:rgba(25,25,25,.1);font-size:0.9rem;font-weight:400;display:inline-block;margin:1rem 0;line-height:0.9rem;}
.etw_products ul>li ol li.product_con a:hover{color:#df5525}
.etw_products ul>li ol li.product_con a.more:hover{background-image:linear-gradient(135deg,#111,#df5525);color:#fff;border-color:#f8f8f8;}
.etw_products ul>li ol li.product_more{width:15%;display:flex;flex-wrap:wrap;align-items:center;}
.etw_products ul>li ol li.product_more a{  width:100%;background:#0062b2;color:#fff;text-align:center;padding:0.8rem 0;display:block;margin:0 auto;font-size:1.0rem;line-height:1.1rem;text-transform:uppercase;font-family:BarlowCondensed;border-radius:2rem;}
.etw_products ul>li ol li.product_more a:hover{color:#ff6b0f;}
.etw_products1>ul>li{ padding:2rem;}
.etw_products1 ul li ol li.product_con{width:70%;padding:0 1rem;}
.etw_products1 ul li ol li.product_img{width:30%;}
.etw_products1 ul li ol li.product_con span{font-size:1.0rem;}
.etw_products1 ul li ol li.product_con a{font-size:1.0rem;text-transform:none;line-height:1.3rem;}
.etw_products1 ul>li ol li .product_more{width:15%;display:block;align-items:right;margin:1rem 3rem 0 0;float:right;}
.etw_products1 ul>li ol li .product_more a{  width:100%;background:#0068bc;color:#fff;text-align:center;padding:0.5rem 0;display:block;margin:0 auto;font-size:1.1rem;line-height:1.1rem;text-transform:uppercase;font-family:BarlowCondensed;border-radius:1rem;}
.etw_smallproducts>ul>li{ width:47%;margin-right:3%;padding:1rem;}
.etw_smallproducts ul li ol li.product_con{  width:70%;padding:0 1rem;}
.etw_smallproducts ul li ol li.product_img{width:30%;margin-top:0.5rem;}
.etw_smallproducts ul li ol li.product_con a{ font-size:1.0rem;text-transform:inherit;padding:0 0 0.5rem 0;line-height:1.3rem;letter-spacing:0rem;}
.etw_smallproducts>ul>li.dq,.etw_smallproducts>ul>li:hover{ background:#e1e1e1;}
.etw_smallproducts ul li ol li.product_con span{font-size:0.9rem;line-height:1.5rem;}
.etw_smallproducts ul>li ol li a.product_more{width:100%;max-width:130px;background:#0062b2;color:#fff;text-align:center;padding:0.6rem 0;margin-top:1rem;display:block;float:right;font-weight:500;font-size:1.0rem;line-height:1.1rem;font-family:BarlowCondensed;border-radius:2rem;}

.etw_products2>ul>li{ width:30.3%;margin:80px 1.2% 1rem 1.2%;display:block;padding:0.8rem;}
.etw_products2>ul>li:hover{ background:#ddd;}
.etw_products2 ul li ol{ display:block;}
.etw_products2 ul li ol li.product_img{width:100%;float:none;display:block;position:relative;left:0;top:0;}
.etw_products2 ul li ol li.product_img a{ position:absolute;width:120px;height:120px;text-align:center;border-radius:100%;display:block;font-size:45px;color:#ffffff;display:block;left:34%;top:-75px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.etw_products2 ul li ol li.product_img a:hover img{transform:scaleX(-1);}
.etw_products2 ul li ol li.product_con{ width:100%;float:none;padding:45px 1rem 0rem 1rem;text-align:center;}
.etw_products2 ul li ol li.product_con a{ font-size:1.0rem;text-transform:inherit;padding:0.5rem 0 0 0;letter-spacing:0rem;}
.etw_products2 ul li ol li.product_con span{font-size:1.0rem;line-height:1.5rem;}
.etw_products2 ul>li ol li.product_more{width:auto;max-width:130px;display:block;margin:1rem auto;}
.etw_products2 ul>li ol li.product_more a{ text-transform:inherit;font-size:1.0rem;}

/* .timeline */
.timeline{list-style:none;position:relative;margin:0 auto;overflow:hidden;}
.timeline:after{content:"";position:absolute;top:0;left:50%;margin-left:-2px;background-color:rgba(0,0,0,0.2);height:100%;width:2px;border-radius:2px;display:block;}
.timeline .timeline-row{padding-left:50%;position:relative;z-index:2;}
.timeline .timeline-row .timeline-time{position:absolute;right:50%;top:0;text-align:right;font-size:4rem;line-height:1.3;color:#000;padding-right:8rem;font-family:HelveticaNeueLTStd-Hv;}
.timeline .timeline-row .timeline-time::before{position:absolute;content:"";right:0;top:34px;background-color:#ccc;width:120px;height:2px;}
.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:#0d1632;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 .timeline-content{margin-left:40px;position:relative;color:#333333;}
.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:23px 15px 2px 0;position:relative;z-index:10;}
.timeline .timeline-row:nth-child(2n) .timeline-content .panel-body{padding:23px 0 2px 15px;}
.timeline .timeline-row .timeline-content h2{font-size:22px;margin-bottom:12px;margin-top:0;line-height:1.2;}
.timeline .timeline-row .timeline-content p{margin-bottom:15px;}
.timeline .timeline-row .timeline-content img{margin-bottom:15px;}
.timeline .timeline-row{margin-bottom:4rem;}
.timeline .timeline-row:nth-child(odd) .timeline-time{color:#0d1632;}
.timeline .timeline-row:nth-child(odd) .timeline-time::before{position:absolute;content:"";right:inherit;left:0;top:34px;background-color:#ccc;width:120px;height:2px;}
.timeline .timeline-row:nth-child(odd){padding-left:0;padding-right:50%;}
.timeline .timeline-row:nth-child(odd) .timeline-time{right:auto;left:50%;text-align:left;margin-right:0;margin-left:0;padding-left:8rem;}
.timeline .timeline-row:nth-child(odd) .timeline-content{margin-right:40px;margin-left:0;}
.timeline .timeline-row:nth-child(odd) .timeline-content:after{left:auto;right:-41px;}
.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;}

.etw_shadowpic{width:100%;position:relative;}
.etw_shadowpic ul{display:flex;flex-flow:wrap;position:relative;}
.etw_shadowpic ul li{position:relative;padding:1rem;}
.etw_shadowpic ul li a{display:block;overflow:hidden;width:100%;border:4px solid #fff;box-shadow:1px 3px 8px rgba(0 0 0 / 10%);}
.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_pic1 ul li{width:auto;display:block;margin:0 auto;}
.etw_pic2 ul li{width:50%;}
.etw_pic3 ul li{width:33.333%;}
.etw_pic4 ul li{width:25%;}
.w_50{ width:50%;margin:0 auto;padding-bottom:1.2rem;}
.ys{ font-size:1.2rem;line-height:2rem;color:#136eb6;}
.txt ul li{float:none;padding:0.6rem 0 0 1.8rem;width:100%;position:relative;text-align:left;}
.txt ul li span{position:absolute;left:6px;top:0.6rem;color:#136eb6;font-weight:bold;}
.pro_name{ width:60%;float:left;}
.etw_right h2{ display:block;font-size:2rem;font-weight: bold;}
.nocol{ background:none;padding:0;}
/*public class*/
.flex_row_start{ display:flex;flex-direction:row;justify-content:flex-start;align-items:center;}
.w_45{ width:45%;}
.w_30{ width:30%;}
.w_90{ width:98%;}
.f_left{ float:left;}
.bg_transparent{ background:transparent;}
/*public class*/
.production-process{ width:100%;display:block;padding:2rem 0 0 0;margin:1rem 0 2rem 0;}
.production-process .etw_hometitle1{width:28%;margin:0 auto 1rem auto;text-align:center;border-bottom:1px solid #333;}
.production-process .etw_hometitle1 span{ display:block;border-bottom:1px solid #333;padding-bottom:10px;color:#0b3c96;}
.production-process  li{ display:inline-block;width:16.6%;float:left;margin:1rem 0;}
.production-process  li span{
border:5px solid #001f58;background:#eee;display:flex;color:#032157;text-shadow:0 0px 1px #fff;min-height:130px;width:70%;padding:10px;float:left;border-radius:10rem;text-align:center;flex-direction:row;justify-content:center;align-items:center;}
.production-process  li i.arrow{width:30%;height:50px;background:url(../images/arrow.png) no-repeat center 15px;background-size:60%;display:inline-block;padding:1px 1rem;float:left;margin-top:40px;}
.production-process ul.arrow_left li span{ float:right;}
.production-process ul.arrow_left li i.arrow{ float:left;}

/*for products page*/

.allpro{ display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;max-width:var(--window-max-width);width:100%;background:transparent;margin:30px 0;}
.allpro .item{ width:48%;position:relative;margin:30px 0;}
.allpro .item:hover .inside{ box-shadow:0 0 25px rgb(0 0 0 / 10%);}
.allpro .item .inside{ width:90%;background:#dfe9f8;padding-right:30%;padding-top:63px;padding-left:50px;padding-bottom:60px;min-height:300px;border-radius:5px;transition:box-shadow .3s ease-in-out;}

.allpro .item .inside .headline{font-family:'Ubuntu-Medium';font-weight:bold;font-size:20px;line-height:1.15;letter-spacing:0.025em;color:#00223e;text-transform:uppercase;margin:0;min-height:49.5px;}

.allpro .item .inside .image-container {
    position:relative;width:490px;text-align:right;}
.allpro .item .inside .image-container figure {
        position:absolute;top:0%;right:-3.5%;display:inline-block;width:250px;height:250px;border-radius:100%;border:1px solid #80acd3;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;transition:border .3s ease-in-out;}
.allpro .item .inside:hover .image-container figure{
	border:2px solid #80acd3;transition:border .3s ease-in-out;}
.allpro .item .inside .image-container.ready {
    height:60px;}
.allpro .item .inside .image-container figure .line{
          display:block;width:100%;height:1px;background-color:#80acd3;position:absolute;left:0;top:50%;-moz-transform:translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);-o-transform:translate(-100%, -50%);-ms-transform:translate(-100%, -50%);transform:translate(-100%, -50%);}
.allpro .item .inside .image-container figure .line::before{
      content:"";display:block;width:8px;height:8px;background-color:#80acd3;border-radius:100%;position:absolute;top:50%;left:0;-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);}
    .allpro .item .inside .image-container figure img {
    display:block;width:88%;height:88%;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:100%;-moz-object-fit:cover;-webkit-object-fit:cover;-o-object-fit:cover;-ms-object-fit:cover;object-fit:cover;-moz-object-position:center center;-webkit-object-position:center center;-o-object-position:center center;-ms-object-position:center center;object-position:center center;font-family:"object-fit:cover;object-position:center center;";transition:box-shadow .3s ease-in-out;}
.allpro .item .inside:hover .image-container figure img {
	box-shadow:0 0 25px rgb(0 0 0 / 10%);transition:box-shadow .3s ease-in-out;}
.allpro .item .inside .image-container figure img:hover {
	box-shadow:0 0 25px rgb(0 0 0 / 40%);transition:box-shadow .3s ease-in-out;}
.allpro .item .inside .text {
    font-family:sans-serif;font-weight:300;font-size:16px;line-height:1.38888889;color:#002a4d;width:100%;max-height:201px;text-overflow:ellipsis;overflow:hidden;}

.allpro .item .inside .link {
    display:inline-block;font-weight:500;font-size:18px;line-height:1.16666667;color:#00223e;padding-bottom:5px;text-decoration:none;position:relative;line-height:normal;padding-bottom:2px;margin-top:30px;}

.allpro .item .inside .link::after {
    content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#00223e;visibility:visible;-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.allpro .item .inside .link:hover::after {
    content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#00223e;visibility:visible;-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
/*for products page*/
/*for footer applications*/
.footerapplications{
	width:100%;margin:50px 0;background:url(../images/Metal-Background-rs.jpg) bottom right;background-size:100%;}
.footerapplications .content{
	max-width:80%;padding:50px 0;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;align-items:center;}
.footerapplications .content .item{ width:48%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:30px 10px }

.footerapplications .content .itemadd{
	background:rgba(1,33,63,0.3);}
.footerapplications .content .item_2{
	background:rgba(1,33,63,0.5);}
.footerapplications .content .item figure {
    position:relative;width:100px;height:100px;border:1px solid #7eabd5;border-radius:100%;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.footerapplications .content .item figure .svg {
    position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:80%;height:80%;z-index:2;border-radius:50%;}
.footerapplications .content .item .text {
    white-space:normal;word-break:break-word;max-width:80%;}

.footerapplications .content .item .text strong {
    display:block;font-family:'Roboto-Bold';font-weight:bold;font-size:24px;line-height:1.16666667;letter-spacing:0.025em;color:#fff;text-shadow:0 0 15px rgba(255,255,255,0.52);margin:0;}
.footerapplications .content .item .text span {
    display:block;font-family:sans-serif;font-weight:300;font-size:16px;line-height:1.38461538;margin-top:10px;color:#fff;max-height:86px;text-overflow:ellipsis;}
.footerapplications .content .captions{
	font-weight:bold;font-family:'Ubuntu-Bold';font-size:30px;text-align:center;padding:10px 0 20px 0;width:100%;color:#00223e;}
/*for footer applications*/
/*for hub pages start*/
.hubpagepro{ width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding-bottom:30px;}
.hubpagepro .item{ width:48%;position:relative;border-radius:5px;height:400px;margin-top:50px;}
.hubpagepro .item .img{ width:100%;height:100%;position:absolute;left:0;top:0;border-radius:5px;}
.hubpagepro .item .text-container {
        position:absolute;z-index:2;background-color:rgba(255,255,255,0.8);padding:20px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#00223e;border-radius:5px;left:0;bottom:0px;width:100%;}
.hubpagepro .item .text-container .memo {
    display:block;font-family:'Ubuntu-Light';font-weight:normal;font-size:13px;line-height:1.38461538;margin:0;padding:0;}
.hubpagepro .item .text-container .name{
	font-family:'Ubuntu-Bold';font-weight:bold;color:#00223e;}
.hubpagepro .item .text-container .readmore_container {
    margin:18px 0 0 0;}
.hubpagepro .item .text-container .readmore_container a {
    display:inline-block;color:#00223e;font-family:'Ubuntu-Light';font-weight:normal;font-size:13px;line-height:1.07692308;padding-bottom:5px;text-decoration:none;position:relative;line-height:normal;}
.hubpagepro .item .text-container .readmore_container a:after {
    content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#00223e;visibility:visible;-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.hubpagepro .item .text-container .readmore_container a:hover:after {
    visibility:hidden;-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}
/*for hub pages stop*/

/*for company overview*/
.banner_overview{
	min-height:300px;padding:3rem 0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.banner_overview .img{
	width:100%;height:100%;background-image:url("/images/company.jpg");background-repeat:no-repeat;background-position-x:0;background-position-y:-200px;filter:brightness(25%);background-size:100% auto;position:absolute;left:0;}
/*for company overview*/
.relatedpro{width:100%;position:relative;max-width:1200px;margin: 30px auto 0;}
.relatedpro3{ margin:0 auto;}
.relatedpro .other_item{ width:100%;padding-left:10px;}
.relatedpro .w_30{ width:100%;}
.relatedpro .right_pics{ width:100%;margin:0}
.owl-carousel .owl-nav span{ display:block;color:#ccc;}
.relatedpro .other_item .right_pic .nopro{ padding:2rem 1rem 1rem 1rem;font-size:1.0rem;}
.relatedpro .other_item .right_pic .nopro .gotolinks,.relatedpro .other_item .right_pic .nopro span{ font-size:1.6rem;}
.other_bottom{ text-align:center;padding:1rem 0;}
.right_pic .other_bottom .inquirybtn{ display:block;line-height:40px;text-transform:uppercase;font-weight:bolder;border-top:1px solid #fff;border-left:1px solid #fff;}
.right_pic .other_bottom .m-2{margin:0 auto!important;margin:0 auto;}

/*add by mysteo*/
.is-show{position:absolute;visibility:visible;opacity:1;transition:visibility .2s ease,opacity .2s ease,left .2s ease}

.inner-content{
	width:95%;max-width:1200px;margin:50px auto;}
.downmenu{ display:inline-block;position:relative;}
.navbar-light .navbar-nav a.downmenu:after{    position: relative;
    content: "\f107";
    font-family: FontAwesome;
    color: #333;
    width: auto;
    margin-left: 0.1rem;
    height: auto;
    font-weight: 300;
    vertical-align: top;
    font-size: 18px;
    border: none;
    transition: .2s all ease-in-out;
}

.navbar-light .navbar-nav .downmenu:hover:after{transform:rotate(-180deg);color:#09244f;top:58%;right:0px;}

.downmenu:before{
	content:"";position:absolute;bottom:0px;left:0;height:2px;width:0;background:#851f1b;transition-delay:.1s;transition:.3s all linear;right:0;margin:0 auto;}

.is-active-bg{
	width:100%;background:#f7f7f7;}
.h500{height:500px;}
.h300{ height:300px;}
.h200{ height:200px;}
.is-hide{    height:0;visibility:hidden;opacity:0;}
.is-list, .is_pro_list{ display:flex;flex-direction:row;justify-content:center;align-items:flex-start;box-sizing:border-box;}
.is-list .cnt-body,.is_pro_list .cnt-body{
	width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;box-sizing:border-box;padding:1.4rem 0;}
.max-w-1200{
	max-width:var(--max-content-width);}
.max-w-1400{
	max-width:var(--big-max-content-width);}
.is-list .cnt-body .is-list-nav, .is_pro_list .cnt-body .is-list-nav{
	font-size:.9rem;box-sizing:border-box;padding:0 5px 0 0;}
.is-list .cnt-body .is-list-nav:last-child,.is_pro_list .cnt-body .is-list-nav:last-child{
	padding:0;}
.is-list .cnt-body .is-list-nav li a,.is-list .cnt-body .col-flex a,.is_pro_list .cnt-body .is-list-nav li a,.is_pro_list .cnt-body .col-flex a{
	color:var(--base-black);font-weight:bold;padding:0.2rem 1rem 0.3rem 1rem; display:block;line-height:1.1rem;}
.is-list .cnt-body .is-list-nav li a.active,.is-list .cnt-body .col-flex a.active,.is-list .cnt-body .is-list-nav li a:hover,.is-list .cnt-body .col-flex a:hover{color:#851f1b;}
.is_pro_list .cnt-body .is-list-nav li a.active,.is_pro_list .cnt-body .col-flex a.active,.is_pro_list .cnt-body .is-list-nav li a:hover,.is_pro_list .cnt-body .col-flex a:hover{color:#851f1b;}
.is-list .cnt-body .is-list-nav li a:after,.is-list .cnt-body .col-flex a.mt-2:after{
	color:transparent;text-shadow:0.5em 0 #dc002f;content:"›";}
.is_pro_list .cnt-body .is-list-nav li a:after,.is_pro_list .cnt-body .col-flex a.mt-2:after{
	color:transparent;text-shadow:0.5em 0 #dc002f;content:"›";}	
	.navtop{ background:none;}
.navlist{ max-width:298px; background:#f7f7f7; margin-left:10%;}
.col-flex{
	display:flex;flex-direction:column;justify-content:space-between;align-items:center;}
.col-flex-center{
	justify-content:center;}

.row-flex-center{
	display:flex;flex-direction:row;justify-content:center;align-items:center; }
.row-flex-right{
	justify-content:flex-end;}
.row-flex-left{
	justify-content:flex-start;}
.row-flex-start{
	align-items:flex-start;}
.row-flex-end{
	align-items:flex-end;}
.row-flex-between{justify-content:space-between;}
.row-flex-wrap{ flex-wrap:wrap;}
.video-circle{width:80px;height:80px;border:4px solid #fff;border-radius:50%;}
.video-play {width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:30px solid #fff;cursor:pointer;transform:rotateZ(-90deg);}

.banner-box-ads{width:100%;height:var(--inner-banner-height);position:absolute;left:0;top:0;z-index:5;}

.banner-box-container{width:100%;max-width:var(--max-content-width);height:100%;position:relative;}
.banner-box-ads-cover{position:absolute;bottom:-30px;left:0;width:400px;height:200px;background:linear-gradient(90deg, #0277b8 0%, #061f5c 100%);transition:bottom .5s ease-in-out
}
.banner-box-ads-cover:hover{bottom:-20px;transition:bottom .5s ease-in-out
}
.banner-box-ads-cover .inner{width:100%;height:100%;position:relative;}
.banner-box-ads-cover .inner .left{position:absolute;left:-50px;top:-50px;width:var(--box-size);height:var(--box-size);}
.banner-txt{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:flex;flex-direction:column;}
/*box style*/
.banner-txt .wrap {perspective:1800px;perspective-origin:50% 100px;transform:scale(0.5);transition:all .3s ease-in-out;}

.banner-txt .wrap .cube {position:relative;width:var(--box-size);height:var(--box-size);transform-style:preserve-3d;animation:boxtransform 5s infinite linear;}
.banner-txt .wrap .cube div {position:absolute;width:var(--box-size);height:var(--box-size);}
.banner-txt .wrap .cube .back {transform:translateZ(-100px) rotateY(180deg);background:url('/images/box/back.jpg') no-repeat;}
.banner-txt .wrap .cube .right {transform:rotateY(-270deg) translateX(100px);transform-origin:top right;background:url('/images/box/right.jpg') no-repeat;}
.banner-txt .wrap .cube .left {transform:rotateY(270deg) translateX(-100px);transform-origin:center left;background:url('/images/box/left.jpg') no-repeat;}
.banner-txt .wrap .cube .top {transform:rotateX(-90deg) translateY(-100px);transform-origin:top center;background:url('/images/box/top.jpg') no-repeat;}
.banner-txt .wrap .cube .bottom {transform:rotateX(90deg) translateY(100px);transform-origin:bottom center;background:url('/images/box/top.jpg') no-repeat;}
.banner-txt .wrap .cube .front {transform:translateZ(100px);background:url('/images/box/front.jpg') no-repeat;}
/*box style*/
.banner-box-ads-cover .inner .right{width:100%;height:100%;position:absolute;right:0;top:0;padding:3rem;}
.banner-box-ads-cover .inner .right .innertxt{ width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:0 auto;}
.banner-box-ads-cover .inner .right .innertxt .smalltxt{ color:#fff;font-size:1.1rem;font-family:monospace;word-spacing:-7px;}
.banner-box-ads-cover .inner .right .innertxt .smalltxt .big{ font-size:1.3rem;font-weight:bolder;}
.banner-box-ads-cover .inner .right .innertxt .captions{ font-family:impact;font-size:1.5rem;color:#fff;line-height:1.7rem;}
 
.prohub{width:100%;margin-top:45px;}
.prohub .eachbox{width:380px;height:550px;box-sizing:border-box;margin-top:30px;position:relative;overflow:hidden;}
.prohub .eachbox .img{width:100%;height:100%;position:absolute;z-index:1;}
.prohub .eachbox .cover{position:absolute;width:100%;height:100%;z-index:2;background:linear-gradient(180deg,rgba(11,31,44,0),#0b1f2c 100%);transition:background .3s ease-in-out;}
.prohub .eachbox:hover .cover{background:linear-gradient(180deg,rgba(5,42,64,0) -100%,#012336 71%);transition:background .3s ease-in-out;}
.prohub .eachbox .txt{position:absolute;bottom:-260px;left:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:420px;box-sizing:border-box;padding:1.5rem;transition:all .3s ease-in-out;}
.prohub .eachbox:hover .txt{bottom:50px;transition:all .3s ease-in-out;}
.prohub .eachbox .txt .func{display:block;line-height:20px;font-weight:800;font-size:16px;color:#47c7ef;position:relative;padding-bottom:18px;margin-bottom:24px;cursor:pointer;}
.prohub .eachbox .txt .func:before{position:absolute;display:block;width:86px;height:2px;left:0;content:" ";background:#47c7ef;bottom:0;transition:width .3s ease-in-out;}
.prohub .eachbox .txt .func:hover:before{transition:width .3s ease-in-out;width:106px;}
.prohub .eachbox .txt .func a{color:#47c7ef;}
.prohub .eachbox .txt .func a:hover{color:#016acf;}
.prohub .eachbox .txt .captions{color:#fff;font-size:1.1rem;font-weight:bold;}
.prohub .eachbox .txt .captions1{ text-align:center;border:1px solid #008eab;background:rgba(0,136,217,65%);border-radius:10px;width:90px;line-height:2rem;margin:1rem auto 0 auto;}
.prohub .eachbox .txt .captions a{color:#fff;}
.prohub .eachbox .txt .captions a:hover{color:#47c7ef;}
.prohub .eachbox .txt .memo{font-size:.85rem;line-height:1rem;color:#fff;height:80px;text-overflow:ellipsis;overflow:hidden;}
.prohub .eachbox .txt .lists{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;box-sizing:border-box;width:100%;}

.prohub .eachbox .txt .lists .name{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid transparent;border-bottom:1px solid #3e505c;color:#fff;width:100%;margin:5px 0;}
.prohub .eachbox .txt .lists .icon{width:1.5em;height:1.5em;display:inline-flex;flex:none;align-items:center;justify-content:center;vertical-align:middle;}

.gallery-factory{/*background:linear-gradient(180deg,rgba(0 136 217,65%) -100%,#315568 71%)*/background:linear-gradient(180deg,rgba(0,136,217,65%) -100%,#315568 71%);width:100%;}
.gallery{width:95%;max-width:1200px;}
.overline-section {margin-bottom:0.5rem;}
.items-center {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
.overline-section .overline{color:#fff;text-transform:uppercase;}
.overline-section .overline-line {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:1px;margin-left:2rem;margin-bottom:1rem;background-color:rgba(255, 255, 255, 0.25);}
.button{color:#fff;background-color:rgba(0,0,0,0);border:solid 2px;border-color:rgba(255, 255, 255, 0.25);padding:12px 24px;margin-left:2rem;}

.gallery .imgsgallery{margin:0px 0 50px 0;width:100%;}
.gallery .imgsgallery .left:hover .captions .txt{left:50px;transition:left .3s ease-in-out;}
.gallery .imgsgallery .left .captions .txt{left:0px;transition:left .3s ease-in-out;}
.gallery .imgsgallery .left:hover .imgs .img{transform:scale(1.1);transition:transform 0.3s ease-in-out, filter .3s ease-in-out;filter:brightness(100%);}
.gallery .imgsgallery .left .imgs .img{transform:scale(1);transition:transform 0.3s ease-in-out, filter .3s ease-in-out;filter:brightness(80%);}

.gallery .imgsgallery .right:hover .captions .txt{right:50px;transition:right .3s ease-in-out;}
.gallery .imgsgallery .right .captions .txt{right:0;transition:right .3s ease-in-out;}
.gallery .imgsgallery .right:hover .imgs .img{transform:scale(1.1);transition:transform 0.3s ease-in-out, filter .3s ease-in-out;filter:brightness(100%);}
.gallery .imgsgallery .right .imgs .img{transform:scale(1);transition:transform 0.3s ease-in-out, filter .3s ease-in-out;filter:brightness(80%);}
.gallery .imgsgallery .item .captions{width:100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:2;font-weight:bold;font-family:"impact"
}
.gallery .imgsgallery .item .captions .txt{	position:absolute;top:120px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.gallery .imgsgallery .item .captions .txt .h1{	font-size:28px;width:340px;}
.gallery .imgsgallery .item .captions .txt .memo{font-size:1.3rem;font-family:'HKGrotesk-Medium' ;}
.gallery .imgsgallery .item .captions .rightbox{
	width:340px;align-items:flex-end;}
.gallery .imgsgallery .item .captions .txt .more{
	display:flex;flex-direction:row;justify-content:center;align-items:center;width:45px;height:45px;border:2px solid rgba(255, 255, 255, 0.25);}
.gallery .imgsgallery .item .imgs{
	width:380px;height:470px;position:relative;z-index:1;}
.gallery .imgsgallery .item .imgs .img{
	width:380px;height:470px;position:absolute;}

.gallery .imgsgallery .item .imgs .mt10{
	margin-top:40px;}
.mt20{
	margin-top:80px;}
.mt30{
	margin-top:140px;}
.ml10{
	margin-left:40px;}
.ml15{
	margin-left:60px;}
.ml35{
	margin-left: 120px;
}
.mr35{
	margin-right:120px ;
}
.text-right{
	text-align:right;}
.z-1{
	z-index:1;}
.z-2{
	z-index:2;}
.footer_content{
	background:var(--footer-color);width:100%;}
.footer_content .container{
	width:95%;max-width:900px; padding:3rem 0;}
.footer_content .company{
	width:36%;}
.footer_content .company h2{ font-size: 1.6rem;
	font-family:impact;}
.footer_content .company .memo{
	font-size:.85rem;}
.footer_content .container .contactus{
	margin-left:10%;}
.footer_content .container .contactus .email{
	color:#fff;padding:10px 20px;border:1px solid #fff;background:var(--base-blue);border-radius:15px;overflow:hidden;font-size:.85rem;}
.footer_content .container .contactus .whatsapp{
	color:#ccc;background:#fff;border:1px solid #ccc;}

.footer_nav{
	background:var(--footer-color);width:100%;}
.footer_nav .footer_nav_left{
	flex-grow:1;height:300px;}
.footer_nav .footer_nav_center{
	width:100%;max-width:var(--max-content-width);border-radius:35px 0 0 0;height:300px;background:linear-gradient(180deg,rgb(141 150 156 / 65%) -100%,#3f6579 71%)
}
.footer_nav .footer_nav_center a{ color:#fff;font-size:.8rem;}
.circlelogo{
	width:80px;height:80px;mix-blend-mode:multiply;}
.companyname{
	font-size:.8rem;color:#fff;text-transform:uppercase;max-width:250px;display:block;}
.footer_nav .footer_nav_right{
	flex-grow:1;height:300px;background:linear-gradient(180deg,rgb(141 150 156 / 65%) -100%,#3f6579 71%)

}

/*company*/
.h2_captions{
	font-family:impact;font-size:24px;}
.h2_captions .big{
	font-size:28px;color:var(--dark-red);}
.pos-reative{
	position:relative;}
.pos-absolute{
	position:absolute;}
.pos-row-center{
	top: 0;
	left: 50%;
}	

.company-caption{ color:#fff;font-family:"impact" }
.empty-font{
	font-size:6rem;line-height:6rem;font-family:impact;-webkit-text-stroke:1px #fff;color:rgba(0,88,124,.15);display:inline-block;}
.font-base-color{ color:var(--base-blue);}
.font-impact{ font-family:inherit; font-weight: bold;}
.font-sans{ font-family:sans-serif;}
.uppercase{text-transform:uppercase;}
.font-size-24{ font-size:2rem;}
.font-size-20{ font-size:1.5rem;color:#333;}
.font-red{ color:var(--dark-red);}
 
.h800{ height:800px;}
.history_des{ font-size:1.1rem; padding:0 20px 0 6px;}
.history_caption{ font-size:32px;line-height:1.4rem;color:#008eab;padding-left:6px;}
.historyleft li.is-flex{ display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start;}
.historyleft ol{width:50%;position:relative;border-right:1px solid #dee2e6; float:left; clear:both; padding:1rem 0;}
.historyleft ol.righthistory{width:50%;position:relative; border:none;border-left:1px solid #dee2e6;float:right; clear:both; right:1px;}
.historyleft ol::before{
	position:absolute;content:"";width:20px;height:20px;background:#000;position:absolute;right:-10px;transition:background .3s ease-in-out;}
.historyleft ol.righthistory::before{left:-10px;}

.historyright ol::after{
	position:absolute;content:"";width:20px;height:20px;background:#000;position:absolute;right:-10px;top:0;transition:background .3s ease-in-out;}
.historyleft ol:hover::before,.historyright ol:hover::after{
	background:#008eab;transition:background .3s ease-in-out;}
.before-bg-red{
	content:" ";background:var(--dark-red);display:block;position:absolute;height:100%;width:95%;z-index:0;left:-20px;top:-30px;}
.after-bg-red{
	content:" ";background:var(--dark-red);display:block;position:absolute;height:100%;width:97%;z-index:0;left:30px;top:-30px;}
.historyleft .leftside .imgs img{
	position: absolute;
	width: 60px;
	height: 60px;
	border: none;
	top: 10px;
	left: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.historyleft .rightside .imgs img{
	position: absolute;
	width: 60px;
	height: 60px;
	border: none;
	top: 30px;
	right: 60px;
	border-radius: 50%;
	overflow: hidden;

}
.category-content{
	box-shadow:0 0 10px rgba(0, 0, 0, .2);transition:box-shadow .3s ease-in-out;}

.category-content:hover{
	box-shadow:0 0 10px rgba(0, 0, 0, .5);transition:box-shadow .3s ease-in-out;}

.category-content .item{
	width:50%;height:300px;overflow:hidden;}
.category-content .txt{
	width:50%;padding:30px 50px 30px 50px;background:#f9fafb;border-radius:4px; text-align:left;word-break:break-word;transition:all .3s ease-in-out; min-height: 300px;}
.category-content .txt h3{ font-size:1.3rem;}
.category-content .txt p{color:#333;}
.imgright,.disblock{ display:block; clear:both; margin:3rem 0; overflow:hidden; box-shadow:none;}
.etw_right .disblock,.etw_right .imgright{margin:0 0 2rem 0; padding:1.2rem;}
.etw_right .category-content:hover{box-shadow:none;  transition:none;}
.disblock{background: #f9fafb;}
.imgright{background: #fff;}
.imgright .item,.disblock .txt{ float: right;}
.imgright .txt,.disblock .item{ float:left; background:none;}
.category-content .item a{ width:100%;}
.category-content .txt a h3{font-family:source-sans-pro,sans-serif;}
.category-content .txt a.moretxt{ background:#cd0e2d;color:#fff; width:100px; text-align:center; line-height:36px; border-radius:15px; height:36px;margin-top:0.5rem;}

.etw_video{ position:absolute;left:50%;top:50%;z-index:99;}
.pro_des .etw_video{left:50.5%;top:44%;}
.etw_video .video-btn{width:102px;height:102px;}
 @keyframes boxanimate {
 	0%{
 		top:-50px;}
    50%{
    	top:-20px;} 
    100%{
    	top:-50px;}
 }
 @keyframes boxtransform {
	from { transform:rotateY(0) rotateX(45deg);}
	to { transform:rotateY(360deg) rotateX(45deg);}
}

#etw_form{width:100%;display:flex;flex-flow:wrap;margin:3rem 0 2rem 0}
#etw_form_title{font-size:2rem;color:#0e2544;position:relative;padding:0;line-height:2rem;margin:2rem 0 1rem 0;font-weight:700;font-style:oblique;}
#etw_set_feedback_form{width:100%;padding:1rem 2rem;}
.contact_info #etw_set_feedback_form{padding:1rem 2rem;margin:0;background:#f5f5f5;}
#floatchatiframe2011{margin:0 auto}

.video_left{width:40%;float:left;color:#111;font-size:2rem;line-height:2.2rem;padding:1rem 0 0;font-weight:400;}
.video_right{width:40%;float:right;color:#111;font-size:2rem;line-height:2.2rem;font-weight:400;text-align:center;}

#video_right{width:69%;float:left;position:relative;}
#video_sidebar{width:28%;float:right;position:relative;}
#etw_videolist{position:relative;margin:0 auto;padding:2rem 1.5rem;background:url(../images/menubg.jpg) no-repeat top;background-size:auto;background-size:cover; border-radius:20px;}
#etw_videolist .webtitle{text-align:left;font-size:1.6rem;line-height:1.6rem;padding:1rem 0 2.5rem 0.5rem;color:#111;font-weight:200;border-radius:2rem;position:relative;transition:.3s all ease-in-out;width:100%;margin:0;}
#etw_videolist .webtitle:before{position:absolute;content:'';background:linear-gradient(90deg,transparent,#ccc,transparent);width:80%;height:1px;left:0;bottom:16px;}
#etw_videolist>ul{position:relative;display:flex;flex-wrap:wrap;}
#etw_videolist>ul>li{width:100%;position:relative;display:block;}
#etw_videolist>ul>li>a{width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0.3rem 0;border-radius:0 2rem 2rem 0;transition:.3s all ease-in-out;}
#etw_videolist>ul>li a:hover,#etw_videolist>ul>li>a.dq{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;}
#etw_videolist>ul>li>a.dq span,#etw_videolist>ul>li>a:hover span{color:#fff;}
#etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before{color:#fff;}
#video_right video{width:100% !important;}
@media (max-width:991.98px){.etwvideo_hub ul > li{width:100%;margin:0 0 1rem 0;}
#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;}
}
@media (max-width:575.98px){.videoall 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;text-align:center;padding:0.5rem 0;}
.etwvideo_hub ul li ol li.product_img{width:100%;}
.etwvideo_hub ul li ol li.product_con{width:100%;padding:1rem 0 0 0;}
.etwvideo_hub ul li ol li.product_con a{font-size:0.95rem;line-height:1rem;}
.etwvideo_hub ul li.video_b_hub ol li.product_img{width:100%;}
.etwvideo_hub ul li.video_b_hub ol li.product_con{width:100%;padding:0 2rem 2rem;}
.video_des .bannervideo{top: 40%;}
}

/*add by mysteo*/
.about_flex{
	display: flex;
    grid-gap: var(--spacing-20);
    gap: var(--spacing-20);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.about_flex .active .about_card_label .more{
	border: 1px solid #ccc;
    background: #ccc;
    color: #000;
}
.about_flex .active .about_card_label .title span{
	position: relative;
}
.about_flex .active .about_card_label .title span::before{
	position: absolute;
	content: "";
	background: #b8949e;
    height: 5px;
    width: 90px;
    bottom: -10px;
    border-radius: 5px;
}
.about_card{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    width: 20%;
    max-width:220px;
    border-radius: var(--border-radius-10);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    text-decoration: none;
    z-index: 0;
    transition: transform .3s ease-in-out;
}

.about_card:hover{
	transform: translateY(-10px);
}

.about_card::before{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--color-gray-light);
    border-bottom-left-radius: var(--border-radius-10);
    border-bottom-right-radius: var(--border-radius-10);
    z-index: -1;
}
.about_card img{
	-ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 100%;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    border-bottom-left-radius: var(--border-radius-10);
    border-bottom-right-radius: var(--border-radius-10);
}
.about_card .about_card_label{
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: calc(30% + 21px);
    -webkit-transform: translateY(-21px);
    transform: translateY(-21px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.about_card .about_card_label .title{
	display: flex;
}
.about_card .about_card_label .title span{
	vertical-align: top;
    background-color: #fff;
    font-size: var(--size-24);
    font-weight: 300;
    line-height: 1.2;
    padding-top: .66rem;
    font-family: 'HKGrotesk-Bold';
}
.about_card .about_card_label .title::after,.about_card .about_card_label .title::before{content:"";display:inline-block;height:21px;width:33px;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzMyAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTE5LjAzMSA0LjQ1M0wxMi4xNTU4IDE0Ljc2NThDOS41NTkzIDE4LjY2MDYgNS4xODgwNiAyMSAwLjUwNzExMyAyMUgzMi45OTk3VjBIMjcuMzUxNUMyNC4wMDggMCAyMC44ODU3IDEuNjcxMDIgMTkuMDMxIDQuNDUzWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=)}
.about_card .about_card_label .title::after{
	transform: scaleX(-1);
}
.about_card .about_card_label .more{
	padding: 0 .8em;
    text-transform: uppercase;
    border-radius: 9999px;
    font-size: 80%;
    border: 1px solid var(--color-black);
    font-weight: 500;
    font-style: italic;
    margin-top: var(--spacing-20);
    margin-bottom: var(--spacing-8);
    -webkit-transition: all var(--transition-mouseout);
    -o-transition: all var(--transition-mouseout);
    transition: all var(--transition-mouseout);
}

/*history*/
.bottom_line{
	position: relative;
}
.bottom_line::before{
	position: absolute;
	content: "";
	background: #ccc;
	width: 50px;
	height: 5px;
	border-radius: 5px;
	bottom: -15px;
}
/*history*/
/*video play*/
.video-play-btn{
	max-width: 715px;
    width: 100%;
    padding-left: var(--size20px);
    padding-right: var(--size20px);
    height: 250px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.video-play-frame{
	width: 262px;
    height: 262px;
    display: block;
    position: absolute;
    bottom: 8px;
    left: calc(50% - (262px/2));
    z-index: 1;
    pointer-events: none;
}
.video-play-bg{
	background-image: url(../images/video-circle-light.svg);
}
.video-play-bg{
	display: block;
    width: 100%;
    height: 100%;
    -webkit-animation: rotating 20s linear infinite;
    animation: rotating 20s linear infinite;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.play-video__inner{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
}
.play-video__inner-action{
	width: 100px;
    height: 100px;
    font-size: 38px;
    border-radius: 100%;
    background-color: var(--dark-red);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 27px;
    color: var(--dark-red);
    position: absolute;
    cursor: pointer;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    padding-left: 6px;
    z-index: 3;
    margin-top: -14px;
}

.video-126{
	position: absolute;
	bottom: -126px;
}
.border-radius-20{
	border-radius: 20px;
    padding: 8px 10px;
    display: inline-block;
    box-shadow: 0 0 10px 0 rgb(176 176 176 / 50%);
}

.related-machine .itemname{
	left: 15px;
    bottom: -170px;
    color: #fff;
    padding: 10px;
    background: rgb(85 121 146 / 90%);
    border-left: 5px solid var(--dark-red);
    transition: .3s all ease-in-out; width:89%; font-size:0.9rem; line-height:1rem; min-height:71px;display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.related-machine .itemname-small{
	left: 15px;
	bottom: 15px;
	color: #fff;
	font-size: .85rem;
	background: rgb(85 121 146 / 50%);
	padding: 5px;
	border-left: 5px solid var(--dark-red);
	transition: .3s all ease-in-out;
}
.related-machine .itemname:hover{
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}
.related-machine:hover .itemname,.related-machine:hover .itemname-small{
border-left: 0px solid var(--dark-red);
border-right: 5px solid var(--dark-red);
}
.related-machine .captions{
	    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: radial-gradient(#034390, transparent);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -103px;
    left: -25px;
    transition: .3s all ease-in-out;
}
.related-machine .captions:hover{
	transform: translateY(-10px);
}
.related-machine .captions .text{
	background: #fff;
	padding: 10px;
	border-radius: 35px;
	font-family: impact;
}
.inquiry-box{
	background: url('/images/inquiry-box-for-box-machine.jpg') no-repeat;
	max-width: 1920px;
    width: 100%;
	margin: 0 auto;
	position: relative;
	height: 500px;
}
.inquiry-box::before{
	content: "";
    left: 0;
    right: 0;
    height: 66px;
    width: 100%;
    background-image: url(/images/hero-slanted-corner.svg),url(/images/hero-slanted-corner-flip.svg);
    position: absolute;
    background-position: top left,top right;
    top: 0px;
    transform: scaleY(-1);
    background-repeat: no-repeat;
}
.inquiry-box::after{
	 left: 0;
    right: 0;
    content: "";
    height: 66px;
    width: 100%;
    position: absolute;
    background-image: url(../images/hero-slanted-corner.svg),url(../images/hero-slanted-corner-flip.svg);
     background-position: bottom left,bottom right;
    bottom: 0;
    background-repeat: no-repeat;
}
.inquiry-box .allbox{
	    width: 80%;
    background: rgba(255, 255, 255, .9);
    margin: 50px 0;
    border-radius: 18px;
    padding: 20px;
    transition: all .3s ease-in-out;
	border:5px solid rgba(255, 255, 255, .0);
}
.inquiry-box .allbox:hover{
	background: rgba(255, 255, 255, .8);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
	border:5px solid var(--dark-red);
	transition: all .3s ease-in-out;
}
.children-nav{ position:relative; }
.children-nav .itemlist{width:360px; position:absolute; left:298px;  top:0; display:none; flex-direction:column; justify-content:flex-start; align-items:flex-start; background: #fefefe;    font-weight: normal;
    font-size: .85rem;
    padding: 15px;
   }
.children-nav:hover .itemlist{ display:block; }
.children-nav .itemlist .item{ padding:5px;  position: relative;}    
.children-nav .itemlist .item::before{ content:""; width:10px; height:1px; background:var(--dark-red); position:absolute; left:10px; bottom:0; transition:all .3s ease-in-out; }
.children-nav .itemlist .item:hover::before{
	width: 80%;
}
.children-nav .is_pro_list .cnt-body .is-list-nav li .itemlist a:after{display:none;}
.sizecan{  margin-bottom: 1.5rem;}
@keyframes rotating{
	0%{-webkit-transform:rotate(0); transform:rotate(0)} 
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
/*video play*/
/*add by mysteo*/
.component-r-pic{ width:360px; float:right; margin-left:12px;}
.d-block1{ display:block;}
.d-none1{ display: none;}
.content .inner-content{ width: 100%;}

@media screen and (min-width:991.98px) {.top-nav .navbar-nav .row {position:absolute;padding:0;box-shadow:none;position:fixed;width:100% !important;top:112px !important;max-width:800px !important;left:60% !important;margin-left:-400px !important;border-radius:0;border:none;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; background: #eee !important;}
.top-nav .navleft {padding-left:0;width:36%;max-width:380px;float:left;}
.top-nav .navproinfo {display:flex;flex-wrap:wrap;}
.top-nav .navclassname {display:block;color:#00467f;font-size:20px;padding-bottom:20px;text-transform:uppercase;}
.top-nav .navbar-nav .row .navleft li {line-height:45px;border-bottom:1px #ccc solid;clear:both;}
.top-nav .navbar-nav .row .navleft li:last-child {border:none;}
.top-nav .navbar-nav .row .navleft li a {padding:10px 22px 10px 8px;display:block;border-left:5px #eee solid;background-color:#eee;line-height:1.5rem;color:#333;position:relative;font-family:TitilliumWeb-Bold;}
.top-nav .navbar-nav .row .navleft li a::before {position:absolute;content:"\f105";font-family:fontawesome;right:0.5rem;top:0.5rem;font-size:1.1rem;}
.top-nav .navbar-nav .row .navleft li a.lidq,.top-nav .navbar-nav .row .navleft li a:hover {border-left:5px #ffffff solid;color:#ea252d;background:#fff;}
.top-nav .navbar-nav .navright {width:64%;float:left;display:block;background-color:#fff; padding:0.5rem 2rem;}
.top-nav .navbar-nav .navright ul {width:100%;display:none; padding: .5rem 0   }
.top-nav .navbar-nav .navright ul.shownavpro {display:block;}
.top-nav .navbar-nav .navright ul > li {width:100%; margin-right:.5rem; float:left;clear:inherit; margin-bottom: .5rem;position: relative;}
.top-nav .navbar-nav .navright ul.no-bottom li::before{display: none;}
.top-nav .navbar-nav .navright ul > li:nth-child(3n){margin-right: 0;}
.top-nav .navbar-nav .navright ul > li:nth-child(3n+1){clear: both;}
.top-nav .navbar-nav .navright ul > li > a {color:#000;display:flex; flex-wrap: wrap; position:relative;font-size:.9rem; padding-bottom: .3rem; line-height: 1.35;  }
.top-nav .navbar-nav .navright ul > li > a span{display: flex; width: 100%; text-align: center; padding:.5rem; height: 48px; align-items: center; justify-content: center;}
.top-nav .navbar-nav .navright ul > li > a:hover,.top-nav .navbar-nav .navright ul > li > a.active,.top-nav .navbar-nav .navright ul > li dl a:hover {text-decoration:underline;color:#ea252d;}
.top-nav .navbar-nav .navright ul > li ol {width: 100%; display: flex; flex-wrap: wrap;}
.top-nav .navbar-nav .navright ul > li ol a{display: block; font-size: .8rem; position: relative; width: 32%; margin-right: 2%; color: #555; padding-left:1rem; position: relative;}
.top-nav .navbar-nav .navright ul > li ol a:nth-child(3n){margin-right: 0;}
.top-nav .navbar-nav .navright ul > li ol a::before{position: absolute;content: "\f101";left: 0rem; top: 0;font-family:fontawesome; font-size: 12px;}
.top-nav .navbar-nav .navright ul > li ol a:hover,.top-nav .navbar-nav .navright ul > li ol a.active{color: #ea252d;}
.table tr td:first-child{display:block;}
.bignone{ display: none;}
}
@media screen and (max-width:1200px) {
    .after-bg-red,.before-bg-red{ display: none;}
    .inner-content .pt-4,.inner-content .m-4{padding-top:1rem !important;margin:0rem !important; }
    .mt20{margin:2rem 0;}
    .related-machine .itemname{bottom: -130px;}
    .category-content .txt h3{ font-size: 1rem;}
    .relatedpro3 ul.owl-carousel4>li{ width:50%}
    .prohub .eachbox{width:320px;height:463px;}
.prohub .eachbox .txt{bottom:-238px;}
.prohub .eachbox .txt .func{ height: 46px;}
.prohub .eachbox:hover .txt{bottom:20px;}
.relatedpro .page_title{ width: 95%; margin: 0 auto;}
}
@media screen and (max-width:1020px) {
    .prohub .eachbox{width:300px;height:434px;}    
.prohub .eachbox .txt .memo{ height: 100px;}
.prohub .eachbox .txt{bottom:-218px;}
.prohub .eachbox:hover .txt{bottom:10px;}
.gallery-factory{ display: none;}
}
@media screen and (max-width:991.98px) {
    .case_box,.about_box,.about_more{ display: none;}
    #etw_banner{ padding-bottom: 136px;}
    .main_products_box{ padding-top: 0;}
    .bannervideo{padding-left:6%;}
    .navbar-light .navbar-nav a.downmenu:after{ display: none;}
    .navright{ display: none;}
    .children-nav{ width:100%; padding-left: 2rem;}
    .children-nav a{color:#666;border-bottom: 1px dotted #aaa; padding:.4rem 1rem; display: block;}
    .children-nav a:hover{color:#016acf;}
    .bigcon{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom:0rem !important;padding-left: 3rem;}
    .smallcon{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .homebottom{ padding: 0 0 1rem 0;}
    .homebottom ul li{padding: 0.2rem 0 0.2rem 1rem;}
    .inner-content{ margin: 0 auto; clear: both;}
    .app_box2 .col-md-3{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .border-radius-20{border-radius:0; margin:0.5rem 0;}
    .related-machine .itemname{ display: block; position:inherit; bottom: 0;background:none;border-left:0;color:#333;box-shadow:none;}
    .related-machine .itemname:hover{color:#0089a6;background:none;border-right:0;box-shadow:none;}
    .related-machine:hover .itemname{ border: none;}
    .inner-content .col-7,.inner-content .col-5{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;}    
    .inner-content .d-block1{ display:none;}
    .inner-content .d-none1{ display: block; margin-bottom: 1rem; text-align:center;}
    .footer_content .company{ width:50%;}
    .footer_nav_center .p-4,.footer_nav_center m-4{padding-top:0rem !important;padding:0rem !important;margin:0rem !important; }
    .historyleft ol,.historyleft ol.righthistory{ width: 100%; border:none;}
    .historyleft ol::before{  background: none;}
    .historyleft .leftside .imgs img,.historyleft .rightside .imgs img{ display: none;}
    .ml35,.mr35,.ml15{ margin: 0;}
    .related-about{ margin-top: 1rem;}
    .right_pics,.left_txt{ width: 100%;}
    .table tr td:first-child{ margin-right:0;font-weight:bold;}
    .relatedpro ul>li{ width:33%}
    .relatedpro ul>li:nth-of-type(5n){ margin-right: 0;}
    .relatedpro ul.owl-carousel_3>li{width:32%;}
    .relatedpro3 ul.owl-carousel5>li,.relatedpro3 ul.owl-carousel5>li.big{ width: 50%; }
    .relatedpro3 ul.owl-carousel5>li ol{margin-bottom:0.5rem}
    .relatedpro ul.owl-carousel4 li ol li.product_con{padding: 0 1rem;}
    .about_flex{ display: block;}
    .about_card{ width: 31%; float: left; margin:0 2% 2rem 0;max-width:none;}
    .about_card:nth-of-type(4n){ clear: both;}
    .small_contents{ width:100%; height: auto;}
    
    .prohub .eachbox{width:260px;height:376px;}    
.prohub .eachbox .txt .memo{ display: none;}
.prohub .eachbox .txt{bottom:-248px;}
.prohub .eachbox:hover .txt{bottom:-80px;}
.aboutlist{ display: none;}
.right_pic{ text-align: center;}
.left_txt2,.right_pic2{ width:100%;}
}
@media (max-width:830px){
    .prohub .eachbox{width:220px;height:318px;}
    .prohub .eachbox .txt{bottom:-248px;}
    .prohub .eachbox:hover .txt{bottom:-100px;}
}
@media (max-width:767.98px){
    .video-play-frame{width: 162px;height: 162px;bottom: 50px;left: calc( 50% - ( 162px / 2));}
    .bannervideo{padding-left:10%;}
    .home_bottom {background:#e6e6e6;}
    .homebottom { background:#0089a6; margin-top:1.5rem; padding-top: 1rem;}
    .bigcon{padding-left:1rem;}
    .footer_content .col-6,.allbox .col-8,.main_txt .col-sm-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;}
    .mt20{margin:1rem 0;}
    .d-block1{ display:none;}
    .d-none1{ display: block;}
    .row-flex-center{ display: block;}
    .footer_content .company{ width:100%;}
    .footer_nav_left,.footer_nav_right{ display: none;}
    .footer_nav_center .col-4:first-child{ display: none;}
    .footer_nav_center .col-4{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .footer_nav .footer_nav_center{ height: auto;}
    .footer_content .container .contactus{ margin: 0;}
    .category-content .item,.category-content .txt{width:100%;height:auto; min-height: auto;}
    .category-content .img{ max-width: 600px; margin: 0 auto; float: inherit;}
    .category-content .img a{ text-align: center;}
    .small_contents{ width: 98%;}
    .allbox .col-4{ display: none;}
    .relatedpro ul>li{ width:50%}
    .relatedpro ul>li:nth-of-type(3n){ margin-right: 0;}
    .gallery-factory{ display: none;}
    #floatchatiframe2011{ margin-top: 2rem;}
    .h300{ height: auto;}
    .main_txtbg{ border:none;}
    .main_txt1 li{ width: 50%;}
    .component-r-pic{ float: none; margin: 0; width:100%;}
    .relatedpro ul.owl-carousel_3>li{width:48%;}
    .relatedpro ul.owl-carousel4>li{ width: 100%;}
    .relatedpro ul li ol{ margin-bottom: 0.5rem;}
    .relatedpro ul.owl-carousel5>li{ width: 50%;}
    .banner-box-ads-cover{ display: none;}
    
    .product_con{ display:flex;}
    .prohub .eachbox{width:350px;height:506px;}
    .prohub .eachbox .txt{bottom:-238px;}  
    .prohub .eachbox .txt .memo{ display:block; height: 88px;}
    .prohub .eachbox .txt .func{ height: 46px;}
    .prohub .eachbox:hover .txt{bottom:20px;}
    .about_card{ width:48%;}
    .about_card:nth-of-type(3n){ clear: both;}
    .about_card:nth-of-type(4n){ clear:none;}
    .etwvideo_hub ul li.video_b_hub ol li.product_con span{ display: none;}
    .smalltable,.smalltable1{ width: 100%; float: none; margin-bottom: 0;}
    .smalltable tr:last-child td{border-bottom: 1px solid #dee2e6;}
    .smalltable1 tr:first-child td{ border-top: none;}
    .about_des .bannervideo {left: 35%;top:40%;}
}
@media screen and (max-width:745px) {
    .prohub .eachbox{width:300px;height:434px;}    
.prohub .eachbox .txt .memo{ height: 100px;}
.prohub .eachbox .txt{bottom:-218px;}
.prohub .eachbox:hover .txt{bottom:10px;}
}
@media screen and (max-width:650px) {
    .prohub .eachbox{width:270px;height:390px;}    
    .prohub .eachbox .txt .memo{ display: none;}
    .prohub .eachbox .txt{bottom:-258px;}
    .prohub .eachbox:hover .txt{bottom:-120px;}
}
@media (max-width:575.98px){
.smallcon,.app_box2 .col-md-3,.footer_nav_center .col-4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;}
.relatedpro3 ul.owl-carousel5>li,.relatedpro3 ul.owl-carousel5>li.big{ width:100%; height: auto;}
#etw_set_feedback_form{ padding: 1rem 0;}
.inquiry_box{padding: 0;}

.product_con{ display:block;}
    .prohub .eachbox{width:100%;height:auto;}   
    .prohub .eachbox .img{ position: inherit;}
    .prohub .eachbox .txt{background:linear-gradient(180deg,rgba(11,31,44,0.5),#0b1f2c 100%);}
    
    .about_card{ width:100%; margin-right: 0;}
    .about_card:nth-of-type(3n){ clear:none;}
    .about_des .bannervideo {left: 35%;top: 35%;}
}
@media (max-width:480px){}