@charset "utf-8";@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype");}
@font-face{font-family:"Cabin-Bold";src:url(../font/Cabin-Bold.ttf) format("truetype");}
@font-face{font-family:"Montserrat-Bold";font-style:normal;font-weight:700;src:url(../font/Montserrat-Bold.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Open-Sans";src:url(../font/Open-Sans.ttf) format("truetype");}
@font-face{font-family:"Roboto-Medium";src:url(../font/Roboto-Medium.ttf) format("truetype");}
@font-face{font-family:"Roboto-Bold";font-style:normal;font-weight:600;src:local("Roboto SemiBold"),local("Roboto-SemiBold"),url(../font/roboto-bold.woff) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Roboto-Regula";src:url(../font/Roboto-Regula.ttf) format("truetype");}
@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=1630982851573") format("truetype");}
body{color:#666;font-family:"Roboto-Regula",Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.65;}
*{box-sizing:border-box;padding:0;margin:0;}
li,ol,ul{list-style:none;margin-bottom:0;}
img{vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic;}
.clearfix::after{display:table;}
hr{margin-bottom:3rem;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#174277;}
a:hover{color:#1782d2;}
a:focus{outline:0;text-decoration:none;}
a,a:hover{text-decoration:none;}
a.link{color:#0065b0;font-style:italic;font-family:"Roboto-Bold";}
a.link:hover{color:#289fe1;text-decoration:underline;}
/*#my_video18,#my_video19,#my_video20,#my_video21,#my_video22{height:219px}
#my_video26{height:292px}
*/
.videoall video{max-height:219px;}
.img_list span{text-align:center;display:block;padding:0.5rem;font-size:0.9rem;}
.table-responsive{margin-bottom:2rem;}
.table{margin:6px 0 0 0;font-size:14px;}
.table tr.top{background:#0064af !important;color:#fff;text-align:center !important;}
.inquiry{color:#0089d1;}
.pro_modle .inquiry{background-color:#0064af;padding:0.3rem 1rem;}
.pro_modle .inquiry:hover{color:#fff;}
.table tr td{vertical-align:middle !important;padding:6px !important;text-align:center;}
.table_left tr td{text-align:left;}
.table tr:nth-child(odd){background-color:#f2f2f2;}
.table tr:nth-child(even){background-color:#fff;}
.table-img{width:100%;min-width:200px;}
.table-img img{width:200px;}
table,td{border:1px solid #ccc !important;}
.table1{width:auto;}
h3{font-size:1.4rem;color:#333;font-family:"Roboto-Medium";}
h3.pro_title{font-size:1.4rem;border-top:1px solid #eee;padding-top:2rem;margin-top:1rem;color:#333;}
.bg-light{padding:1rem 0;}
.bg-light h3{font-size:2rem;font-family:"Montserrat-Bold";position:relative;padding-bottom:1rem;}
.bg-light h3::before{position:absolute;content:"";width:80px;height:2px;background-color:#0089d1;left:0;right:0;bottom:0;margin:0 auto;}
.model_list{border:1px solid #d4d4d4;padding:1rem;margin-top:1rem;}
.model_title{font-size:1rem;font-family:"Roboto-Bold";}
h2,.etw_hometitle{display:block;line-height:1.35;padding:0;color:#000;font-size:1.8rem;margin-bottom:0;padding-bottom:0.5rem;font-family:"Montserrat-Bold";}
.small_title{font-size:1.2rem;color:#666;font-family:"Open-Sans";margin-bottom:2rem;}
.pdf_list{position:relative;padding:0.5rem;padding-left:2.5rem;background-color:#0089d1;color:#fff;border-radius:4px;transition:all 0.5s;margin-bottom:2rem;display:inline-block;margin-top:0.5rem;}
.pdf_list:hover{background-color:#174277;color:#fff;}
.pdf_list::before{position:absolute;content:"\f1c1";left:0.5rem;top:0;font-family:fontawesome;font-size:1.4rem;}
.pdf_list2::before{content:"\f1c3";}
#etw_top{position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#0065b0;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:#0089d1;}
.brief{color:#999;padding-top:1rem;margin-bottom:3rem;font-size:0.85rem;margin-top:2rem;}
/* #header */
#header{width:100%;height:auto;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;border-bottom:12px solid #0089d1;background-color:#fff;}
.headerin{padding-top:0.4rem;position:relative;max-width:1200px;width:98%;margin:0 auto;}
#etw_logo{width:auto;float:left;margin-bottom:0.5rem;position:relative; }
.top-nav{position:relative;float:left;margin-top:1.5rem;font-family:"Roboto-Bold";}
.navbar-expand-lg .navbar-collapse{justify-content:flex-end;}
.navbar-light .navbar-nav .nav-link{color:#414141;font-size:1.05rem;padding:0 0.7rem;position:relative;}
.navbar-light .navbar-nav .nav-item{position:relative;}
.navbar-light .navbar-nav .nav-item::after{content:"";position:absolute;width:45px;height:25px;left:0;right:0;margin:0 auto;bottom:-20px;background:#fff;transition:all 0.2s;transform-origin:left;opacity:0;border-radius:80%;z-index:0;}
.navbar-light .navbar-nav .nav-item:hover:after,.navbar-light .navbar-nav .active:after{opacity:1;}
.navbar-light .navbar-nav li a.nav-link:hover:before,.navbar-light .navbar-nav li.active a.nav-link:before{transform:scale(1);}
.dropdown-item{font-size:0.95rem;font-family:Arial,Helvetica,sans-serif;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link{color:#0089d1;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#0089d1;}
.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover,.navbar-light .navbar-nav .nav-item ul li > ol > li > a.active,.navbar-light .navbar-nav .nav-item ul li > ol > li > a:hover{color:#0089d1;background:none;}
.dropdown-menu{padding-top:0;}
.navbar-light .navbar-nav .nav-item ul li ol{padding:0 0.5rem;padding-left:1.5rem;}
.navbar-light .navbar-nav .nav-item ul li > ol > li > a{font-weight:normal;font-size:12px;display:block;color:#666;padding:0.2rem 0.5rem;}
@media screen and (min-width:991.98px){.top-nav .navbar-nav .row_big{position:absolute;background:#fff;padding:0 100px 0 100px;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);position:fixed;width:100% !important;left:0 !important;margin-left:0 !important;top:115px !important;z-index:999;border:none;}
.nav-fixed .navbar-nav .row_big{top:58px !important;}
.top-nav .navproinfo{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1440px !important;}
.top-nav .navclassname{display:block;color:#000;font-size:20px;padding-bottom:20px;text-transform:uppercase;}
.top-nav .navbar-nav .navright{width:100%;float:left;display:block;padding:20px 10px;}
.top-nav .navbar-nav .navright ul{width:100%;display:none;}
.top-nav .navbar-nav .navright ul.shownavpro{display:flex;flex-wrap:wrap;}
.top-nav .navbar-nav .navright ul.shownavpro li{width:32%;margin-left:1%;}
.top-nav .navbar-nav .navright ul.shownavpro li > a{font-family:"Roboto-Bold";position:relative;padding-left:0;margin-bottom:0.5rem;}
.top-nav .navbar-nav .navright ul.shownavpro li > a::before{position:absolute;content:"";width:100%;height:1px;background-color:#ccc;bottom:0;left:0;}
.top-nav .navbar-nav .navright ul.shownavpro li ol{background:none;padding-left:0;padding-top:0.5rem;}
.top-nav .navbar-nav .navright ul.shownavpro li ol a{font-size:0.9rem;color:#5c5c5c;font-family:"Roboto-Regula";display:block;padding-bottom:0.5rem;}
.top-nav .navbar-nav .navright ul.shownavpro li ol a:hover,.top-nav .navbar-nav .navright ul.shownavpro li ol a.dq{color:#0089d1;}
.top-nav .navbar-nav .row_big1 .navright ul.shownavpro li{width:100%;}
.top-nav .navbar-nav .row_big1 .navright ul.shownavpro li ol{display:flex;flex-flow:wrap;}
.top-nav .navbar-nav .row_big1 .navright ul.shownavpro li ol a{width:32%;margin-right:2%;}
.top-nav .navbar-nav .row_big1 .navright ul.shownavpro li ol a:nth-of-type(3n){margin-right:0%;}
.top-nav .navbar-nav .row_big2{margin:0;padding:0;}
.top-nav .navbar-nav .row_big2 .navright ul.shownavpro{display:block;}
.top-nav .navbar-nav .row_big2 .navright ul.shownavpro li{display:block;width:100%;margin-right:0%;}
.top-nav .navbar-nav .row_big2 .navright{padding:0 10px;}
.top-nav .navbar-nav .row_big2 .navright ul.shownavpro li > a{margin-bottom:0;}
.top-nav .navbar-nav .row_big2 .navright ul.shownavpro li:nth-last-child(1) > a::before{display:none;}
}
@media (max-width:1300.98px){.top-nav .navbar-nav .row_big{width:100% !important;margin-left:0 !important;left:0 !important;}
.top-nav .navbar-nav .navright{width:90%;}
}
@media (max-width:1199.98px){.navbar-light .navbar-nav a.nav-link{font-size:0.9rem;}
}
/*language*/
.etw_language > ul{position:relative;float:right;z-index:2;background-color:#0089d1;margin-top:1.8rem;}
.etw_language a:not([href]):not([tabindex]){color:#fff;cursor:pointer;}
.etw_language > ul > li > a{display:flex;padding:0.4rem 1.4rem;font-size:0.9rem;align-items:center;justify-content:space-around;}
.etw_language ul ul{display:none;position:absolute;top:100%;right:0;padding:0;background-color:#eee;min-width:100px;border-radius:4px;}
.etw_language ul ul a{display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;}
.etw_language ul ul li a:hover{color:#0065b0;}
.etw_language ul li:hover > ul{display:block;}
.etw_language .dropdown-item{min-width:100px;}
.iconfont{font-family:"iconfont" !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}
/* etw_banner */
#etw_banner{width:100%;margin:0 auto;text-align:center;position:relative;}
.banner_txt{width:100%;max-width:1100px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:"Montserrat-Bold";}
.banner_txt h1{font-size:3.2rem;text-shadow:2px 3px 2px #333;}
/* main_pro */
.webtitle{font-size:3rem;color:#1e1738;font-family:"Roboto-Bold";text-align:center;padding:2rem 0;}
.main_pro{width:100%;margin:0 auto;background:url(../images/pro_bg.jpg) no-repeat top;background-size:cover;padding-bottom:2rem;}
.main_pro .pro_item{height:100%;}
.main_pro .pro_item a{display:flex;flex-wrap:wrap;background-color:#fff;border-right:10px solid #0089d1;border-radius:8px;align-items:center;transition:all 0.3s;height:100%;}
.main_pro1 .pro_item a{border:1px solid #0089d1;}
.main_pro .pro_item a .pro_img img{mix-blend-mode:multiply;}
.main_pro .pro_item a:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);background-color:#0089d1;}
.main_pro .pro_item a:hover h4{color:#fff;}
.main_pro .pro_item a h4{flex:1;font-size:1.2rem;color:#414141;font-family:"Roboto-Bold";padding-right:1rem;text-align:right;}
.main_pro1 .pro_item a h4{width:100%;text-align:center;font-family:"Roboto-Regula";font-size:0.9rem;padding-top:1rem;}
.main_pro .pro_item_last a{background:none;}
.main_pro .pro_item_last{border:none;background:url(../images/pro_09.jpg) no-repeat;background-size:cover;border-radius:8px;height:100%;padding:1rem;}
.main_pro .pro_item_last a{border:1px solid #fff;border-radius:0;}
.main_pro .pro_item_last a h4{text-align:center;color:#fff;}
.main_pro .pro_item_last a:hover{border:none;background-color:#0089d1;}
/* custom_box */
.custom_box{width:100%;margin:0 auto;margin-bottom:5rem;}
.custom_des ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;}
.custom_des ul li{width:49%;margin-bottom:0.8rem;}
.custom_des ul li{display:block;background-color:#f4f7fc;padding:0.5rem 1rem;padding-left:3rem;color:#0a1121;font-size:1.22rem;height:100%;position:relative;transition:all 0.3s;font-size:0.95rem;}
.custom_des ul li::before{position:absolute;content:"";background:url(../images/icon_01.png) no-repeat;width:31px;height:31px;left:10px;top:5px;}
.btn-more{font-size:1.1rem;color:#323083;padding-left:0;}
.btn-read-more{font-size:0.9rem;background-color:#0089d1;width:100px;padding-bottom:0.4rem !important;}
.custom_img{position:relative;}
.custom_img::after{position:absolute;content:"";width:96%;height:100%;left:30px;top:30px;background-color:#fff;border:8px solid #0089d1;z-index:-1;transition:all 1s;}
.custom_img:hover::after{border-color:#323083;}
/* app_box */
.app_box{width:100%;margin:0 auto;background:url(../images/app_bg.jpg) no-repeat top;background-size:cover;padding-bottom:2rem;}
.app_box ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.app_box ul li{width:19%;margin-bottom:1rem;}
.app_box ul li:hover span{color:#1a8ccd;}
.app_box ul li a span{color:#1e1738;font-size:1.1rem;padding-top:0.5rem;display:block;transition:all 0.5s;}
.app_box ul li a p{color:#7b7b7c;line-height:1.35;font-size:0.9rem;}
/* app_box_n */
.app_box_n{width:100%;margin:0 auto;}
.app_box_n ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.app_box_n ul li{width:49%;margin-bottom:2rem;}
.app_box_n ul li a{display:flex;}
.app_box_n ul li a .app_name{flex:1;padding-left:1rem;color:#333;}
.app_box_n ul li a img{width:100%;}
.app_box_n ul li a .app_name span{font-family:"Roboto-Bold";font-size:1.2rem;}
.app_box_n .btn-more{background:#0089d1;font-size:0.9rem;color:#fff;padding-left:1rem;}
.app_box_n .btn-more:hover{background:#124ca0;}
/* manufacturing */
.manufacturing_box{width:100%;margin:0 auto;margin-top:4rem;overflow:hidden;}
.manufacturing_box .webtitle{padding-top:0;}
.manufacturing_box ul{background-color:#f4f7fc;padding:2rem;display:flex;flex-wrap:wrap;}
.manufacturing_img{position:relative;margin-bottom:3rem;margin:0 auto;}
.manufacturing_img::before{position:absolute;content:"";width:128px;height:126px;top:30px;right:-65px;background:url(../images/mang_bg1.jpg) no-repeat center;z-index:-1;}
.manufacturing_img::after{position:absolute;content:"";width:278px;height:252px;bottom:-60px;left:-140px;background:url(../images/mang_bg.jpg) no-repeat center;z-index:-1;}
.manufacturing_box ul li{width:49%;margin-bottom:0.5rem;}
.manufacturing_box ul li{color:#1e1738;font-size:1rem;position:relative;padding-left:1rem;display:block;}
.manufacturing_box ul li::before{position:absolute;content:" ";width:8px;height:8px;border-radius:50%;background-color:#0089d1;left:0;top:10px;}
.carousel-indicators li{width:10px;height:10px;border-radius:50%;background-color:#0089d1;}
/* about_box */
.about_box{width:100%;margin:0 auto;background:url(../images/about_bg.jpg) no-repeat bottom;background-size:cover;padding-bottom:3rem;}
.about_img{position:relative;}
.about_box ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.about_box ul li{border:1px solid #ddd;border-radius:8px;width:48%;transition:all 0.3s;}
.about_box ul li:hover{background-color:#eee;}
.about_box ul li img{width:100%;border-radius:8px 8px 0 0;}
.about_box ul li .li_txt{padding:1rem;padding-bottom:0;color:#838384;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.about_box ul li .li_txt span{color:#030020;font-size:1.1rem;padding-bottom:0.5rem;display:block;}
.about_box .btn-more{padding-left:1rem;font-size:1rem;color:#323083 !important;}
.big_title a{position:relative;padding-left:2.5rem;display:block;color:#1e1738;font-size:1.5rem;margin-bottom:1rem;font-family:"Roboto-Bold";}
.big_title a:hover{color:rgb(41 22 111);}
.big_title a::before{position:absolute;content:"";background:url(../images/icon_01.png) no-repeat;width:31px;height:31px;left:0;top:0;}
/* products_box */
.products_box ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2rem;margin-bottom:3rem;}
.products_box3 ul{justify-content:start;}
.products_box ul li{width:24%;background-color:#eee;transition:all 0.5s;margin-bottom:1rem;}
.products_box3 ul li{width:32%;margin-right:1%;}
.products_box3 ul li:nth-child(3n){margin-right:0;}
.products_box ul li:hover{background-color:#cddefa;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);}
.products_box ul li dl{padding:1rem;color:#5c5c5c;}
.products_box ul li dl dt{font-family:"Roboto-Bold";color:#000;font-size:1.2rem;line-height:1.35;padding-bottom:1rem;}
.products_box ul li:hover dt{color:#00aeef;}
.products_box ul li dl dd{position:relative;padding-left:0.8rem;font-size:0.9rem;}
.products_box ul li dl dd::before{position:absolute;content:"";width:5px;height:5px;border-radius:50%;background-color:#5c5c5c;left:0;top:8px;}
.app_banner .etw_hometitle{padding-top:6rem;padding-bottom:6rem;}
/* con_all */
.con_all{width:120px;text-align:center;margin-bottom:1rem;transition:all 0.3s;margin-top:1rem;margin-left:1rem;}
.con_all a{color:#fff;display:block;width:100%;background-color:#0089d1;border-radius:8px;padding:0.4rem;}
.con_all a:hover{background-color:#0089d1;}
/* siger_pro */
.siger_pro{width:100%;border:1px solid #d4d4d4;padding:1rem;border-radius:8px;margin-bottom:2rem;margin-top:1rem;}
.siger_pro h3{font-size:1rem;}
/* .etw_sidebar */
.etw_sidebar{background-color:#f4f7fc;float:right;}
.etw_proliist{border:1px solid #eee;padding:2rem;}
.etw_proliist h4{color:#323083;font-size:1.5rem;font-style:italic;font-family:"Roboto-Medium";}
.etw_proliist ul{border-top:1px solid #eee;margin-top:1rem; min-width:200px;}
.etw_proliist ul li{padding:0.5rem 0;border-bottom:1px solid #e3e3e3;}
.etw_proliist ul li ol{padding-left:1rem;}
.etw_proliist ul li ol li{border-bottom:none;padding:0;}
.etw_proliist ul li a{color:#626262;transition:all 0.5s;display:block;line-height:1.35;margin:0.5rem 0;}
.etw_proliist ul li ol a{font-size:0.9rem;position:relative;}
.etw_proliist ul li ol a::before{font-family:fontawesome;content:"\f105";position:absolute;left:-12px;right:0;margin:0 auto;font-size:1rem;}
.etw_proliist ul li ol a i,.etw_proliist ul li a i{float:right;color:#ff0000;margin-top:5px;}
.etw_proliist ul li a:hover,.etw_proliist ul li a.dq{color:#323083;}
/* container */
#container{width:100%;margin:0 auto;margin-top:128px;}
.pro_container{margin-top:140px !important;}
.content{width:98%;max-width:1200px;margin:2.5rem auto;}
.webtitle h3{font-size:2.2rem;color:#0065b0;text-align:center;position:relative;background:url(../images/t_01.jpg) no-repeat bottom center;padding-bottom:1em;}
.s_width{text-align:center;}
.bg_light{width:100%;margin:0 auto;background-image:linear-gradient(to bottom,#ccc,#f7f7f7);padding:1rem 0;padding-bottom:0;}
/* customization_detail */
.customization_detail{width:100%;margin:0 auto;}
.customization_detail > li{display:flex;flex-wrap:wrap;margin-bottom:2rem;align-items:center;background-color:#f7f7f7;padding:1rem;position:relative;z-index:0;}
.customization_detail > li::before{position:absolute;content:"";background-image:linear-gradient(#eee 23%,#dbdbdb 62%);width:0;height:100%;left:0;top:0;opacity:1;z-index:-1;transition:all 0.5s;}
.customization_detail > li:hover:before{width:100%;opacity:1;}
.customization_detail li .customization_img{width:35%;}
.customization_detail li .customization_des{flex:1;padding-left:1rem;}
.customization_detail li .customization_des strong{color:#0089d1;font-weight:normal;font-family:"Roboto-Bold";font-size:1.2rem;}
/* case_list */
.case_list{width:100%;margin:0 auto;margin-top:2rem;}
.case_list li{display:flex;border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:2rem;}
.case_list li:last-child{border-bottom:none;}
.case_list li .case_img{width:38%;padding-right:2rem;}
.case_list li .case_img img,.img_border{display:block;margin:0 auto;border:1px solid #d4d4d4;padding:5px;}
.case_list li .case_des{flex:1;}
.case_list li .case_des dt{font-size: 1.2rem;}
.case_list li .case_des dt a{line-height: 1.3;transition: 0.5s;color: #007bff;display: block;margin-bottom: 0.5rem;}
.case_list li .case_des dt a:hover{opacity: 0.6;}
.case_list li .case_des .btn-more{background:#0089d1;font-size:0.9rem;color:#fff;padding-left:1rem;}
.case_list li .case_des .btn-more:hover{background:#124ca0;}

/* tags */
#tags{display:flex;flex-wrap:wrap;}
#tags li{margin:0 5px 3px 0;color:#666;display:block;line-height:16px;padding:0.5rem;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:0.9rem;background-color:#eee;}
/* services_box */
.services_box{width:100%;margin-top:2rem;margin-bottom:1rem;overflow:hidden;display:flex;flex-wrap:wrap;}
.services_box a{display:block;}
.services_box dl{background-image:linear-gradient(#f8f8f8 23%,#e8e8e8 62%);padding:2rem;border:1px solid #eee;margin-bottom:2rem;transition:all 0.3s ease-out;width:100%;position:relative;z-index:0;}
.services_box dl::before{position:absolute;content:"";background-image:linear-gradient(#eee 23%,#dbdbdb 62%);width:0;height:100%;left:0;top:0;opacity:1;z-index:-1;transition:all 0.5s;}
.services_box dl:hover:before{width:100%;opacity:1;}
.services_box dl dt,.services_box dl dt a{display:flex;align-items:center;}
.services_box dl dt span{text-align:center;width:80px;height:80px;display:flex;justify-content:center;align-items:center;}
.services_box dl dt,.services_box dl dt a{font-size:1.4rem;margin-bottom:1rem;line-height:1.35;font-weight:normal;color:#000;font-family:"Montserrat-Bold";}
.services_box dl dt a:hover{color:#0089d1;}
.services_box dl strong{font-weight:normal;color:#000;font-family:"Roboto-Bold";}
.services_box .iconfont{color:#0089d1;background-color:#fff;border-radius:50%;padding:1rem;font-size:3rem;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);margin-right:1rem;font-weight:bold;}
/* sub_box */
.sub_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2rem;}
.sub_box li{width:32%;text-align:center;border-radius:8px;}
.sub_box li a img{border-radius:8px;}
.sub_box li a{display:block;position:relative;z-index:0;border-radius:8px;}
.sub_box li a::before{position:absolute;content:"";background-color:rgba(0,0,0,0.45);width:100%;height:100%;left:0;top:0;opacity:1;transition:all 0.5s;border-radius:8px;}
.sub_box li a:hover:before{width:100%;background-color:rgba(0,0,0,0.75);}
.sub_box li span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.6rem;font-family:"Montserrat-Bold";}
/* #quicknav */
#quicknav{height:auto;color:#0065b0;line-height:1.2rem;font-size:0.75rem;overflow:hidden;border-bottom:1px solid #eee;padding-bottom:0.5rem;}
#quicknav a{color:#5c5c5c;}
#quicknav ul{width:98%;max-width:1200px;margin:0 auto;}
#quicknav li{display:inline-block;padding:0.2rem 0.4rem 0.2rem 0;}
#quicknav li + li::before{padding:0 5px;color:#5c5c5c;content:"/\00a0";}
#quicknav a:hover{color:#0065b0;}
/* etw_set_feedback_form */
.etw_set_feedback_form{background-color:#eee;padding:1rem;border-radius:22px;margin-top:2rem;margin-bottom:2rem;}
#floatchatiframe2011{width:80%;margin:0 auto;}
.form_contact_title h3{font-size:2rem;font-family:"Montserrat-Bold";color:#333;padding-bottom:0.5rem;border-bottom:1px solid #ddd;text-align:center;}
/* ul.item */
ul.item{margin-bottom:5px;width:100%;float:none;}
ul.item li{position:relative;padding-left:1.8rem;text-align:left;padding-bottom:0.3rem;}
ul.item li a{color:#0065b0;font-family:"Roboto-Bold";}
ul.item li a:hover{text-decoration:underline;}
ul.item li:before{content:"\f058";font-family:fontawesome;position:absolute;left:9px;top:3px;color:#0065b0;font-size:0.8rem;}
ul.item_a li:before{color:#fff;}
ul.item_circle li:before{content:"\f111";font-size:0.5rem;top:6px;}
ul.item li span{font-family:"Roboto-Bold";font-size:1.1rem;color:#333;padding-right:1rem;}
/* sub_list */
.sub_list{width:100%;margin:2rem auto;display:flex;}
.sub_list_two{flex-wrap:wrap;}
.sub_list_two li{width:33%;}
.sub_list li a{padding:0.5rem;margin-right:1rem;background-color:#cddefa;display:block;color:#666;font-size:0.9rem;margin-bottom:5px;}
.sub_list li a:hover,.sub_list li a.dq{background-color:#eee;color:#00aae7;}
/* .left_pics */
.prodetail_item{background-color:#eee;padding:1rem;padding-top:2rem;margin:0 0.2rem;}
.left_pro_img{position:relative;}
.left_pics{width:100%;height:auto;margin:0 auto 1rem;text-align:center;position:relative;}
.left_pics img{width:auto;text-align:center;border:1px #eee solid;width:100%;display:block;}
.related_pic{width:100%;display:flex;flex-flow:wrap;justify-content:center;}
.related_pic a{width:18%;margin-right:2%;}
.related_pic a:nth-child(5n){margin-right:0;}
.related_pic a:nth-child(5n + 1){clear:both;}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid;margin:10px 0 5px 0;}
.related_pic img:hover{border:1px #000 solid;}
.related_pic span{font-size:0.75rem;line-height:0.9rem;display:block;text-align:center;}
.pro_detail_img{position:relative;}
.video_box{width:100%;position:relative;border:1px solid #0089d1;border-radius:8px;padding:2rem;}
.about-img{position:relative;}
.about-video,.about-video1{width:60px;height:60px;display:block;margin:0 auto;margin-bottom:0;margin-bottom:1rem;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0 auto;border-radius:50%;border:3px solid #fff;background-color:#0065b0;transition:all 0.3s;z-index:1;}
.video_icon{position:relative;left:inherit;bottom:inherit;transform:inherit;}
.about-video i,.about-video1 i{display:block;text-align:center;margin:0 auto;color:#fff;font-size:1.5rem;border-radius:50%;width:100%;height:100%;transition:all ease-in-out 1s;background:0 0;font-family:fontawesome;padding-left:0.4rem;box-shadow:0 0.5rem 1rem rgba(255,255,255,0.25);z-index:3;line-height:55px;}
.about-video:hover,.about-video1:hover{color:#fff;background-color:#00aeef;}
/* contact-info */
.contact_des p{line-height:1.45;}
.contact_des a{color:#666;}
.contact_des strong{font-size:1.1rem;color:#000;font-family:"Roboto-Bold";}
.feedback_form_contact{background-color:#eee;border:none;border-radius:8px;padding-top:1rem;padding-bottom:1rem;}
.form_contact_title{font-size:1.4rem;border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:1rem;}
ul.contact-info{padding:10px 0;margin:0;list-style:none;flex:1;}
ul.contact-info li,ul.contact-info li a{color:#656970;font-weight:500;margin-bottom:0;}
.almi-contact-info-box ul.item li{color:#656970;color:#333;}
.almi-contact-info-box strong{font-weight:normal;font-size:1.2rem;color:#000;display:block;padding-bottom:0.5rem;}
.plyr--stopped.plyr__poster-enabled .plyr__poster{background:#fff;background-image:none;width:auto;}
.videoall .plyr--stopped.plyr__poster-enabled .plyr__poster{width:100% !important;background-size:cover;}
span.icon-play{cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 0 0 6px;display:block;text-align:center;margin:0 auto;color:#fff;background-color:#0089d1;font-size:28px;border-radius:10px;width:60px;height:40px;line-height:28px;box-shadow:0px 0px 10px 5px rgba(31,31,31,0.329);;opacity:1;font-family:fontawesome;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
span.icon-play:hover{background-color:#174277;}
.video-text a i{padding-right:10px;}
.video-text a:hover{text-decoration:underline;}
.plyr__video-wrapper,.plyr__poster,.plyr--video{background-color:#fff !important;}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:0 !important;}
.plyr__video-wrapper{background-color:#fff;background:var(--plyr-video-background,var(--plyr-video-background,#fff));}
/* #footer */
#footer{width:100%;margin:0 auto;padding-top:1rem;color:#fff;background-color:#494949;}
#footer a{color:#fff;}
#footer a:hover{color:#fff00a;}
.f_logo{background-color:#e4e7ea;padding:1rem;color:#1e1738;position:absolute;top:-70px;left:0;position:relative;font-size:0.9rem;}
.f_logo::before{position:absolute;content:"";width:0;height:0;border-bottom:13px solid #5d5b64;border-right:13px solid transparent;top:1px;right:-13px;}
.f_logo a{text-align:center;margin:0 auto;display:block;padding-bottom:1rem;}
.etw_bottom{width:100%;text-align:left;font-size:0.9rem;color:#fff;position:relative;}
.etw_bottom .etw_foot_title{padding-bottom:0.5rem;border:none;color:#fff;font-size:1.4rem;position:relative;}
.etw_bottom .etw_foot_title a{color:#fff;font-size:1.066667rem;display:block;}
.etw_bottom .etw_foot_title a:hover{color:#000;text-decoration:none;}
.etw_bottom a{color:#fff;}
.etw_bottom a:hover{color:#000;}
.etw_bottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li{width:100%;float:left;}
.etw_bottom ul > li > a{display:block;padding-bottom:0.6rem;line-height:1.4rem;padding-left:1rem;color:#fff;position:relative;font-weight:400;position:relative;}
.etw_bottom ul > li > a:before{position:absolute;content:"\f105";left:2px;top:0px;font-family:fontawesome;color:#fff;}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:3px;padding-top:0.2rem;}
.cot_add:before{content:"\f041";position:absolute;left:0px;top:0px;color:#fff;font-family:fontawesome;font-size:20px;}
.cot_tel:before{content:"\f095";position:absolute;left:0px;top:0px;color:#fff;font-family:fontawesome;font-size:18px;}
.cot_email:before{content:"\f0e0";position:absolute;left:0px;top:0px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_people:before{content:"\f2be";position:absolute;left:0px;top:0px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_mobile:before{content:"\f10b";position:absolute;left:4px;top:0px;color:#fff;font-family:fontawesome;font-size:22px;}
.cot_fax:before{content:"\f1ac";position:absolute;left:0px;top:0px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before{content:"\f17e";position:absolute;left:0px;top:5px;color:#fff;font-family:fontawesome;font-size:18px;}
.etw_footin{width:100%;margin:0 auto;text-align:center;padding:1rem 0;background-color:rgba(51,51,51,1);position:relative;}
#etw_coper{margin-top:2px;width:100%;line-height:22px;}
#etw_coper a{display:block;color:#fff;font-size:0.75rem;}
#otherlink{clear:both;width:100%;height:auto;}
#otherlink a{color:#fff;display:inline-block;padding:0 8px;font-size:0.75rem;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #ccc;}
#otherlink a span{opacity:0.5;position:relative;top:0;font-size:12px;}
#otherlink a:hover{color:#fff00a;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out;}
/*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;}
@media (max-width:1198.98px){.navbar-light .navbar-nav .nav-link{font-size:0.9rem;}
#etw_logo{width:165px;}
}
@media (max-width:991.98px){.navfeed{display:none;}
#header{position:inherit;min-height:inherit;float:left;margin-bottom:1rem;background:none;border-bottom:5px solid #eee;}
.navbar-expand-lg{margin-top:1.4rem;padding-left:1.12rem;}
.top-nav .navbar-nav .navright{width:100%;}
.top-nav .navbar-nav .navright ul.shownavpro li > a{position:relative;padding-left:1rem;font-family:"Roboto-Regula";padding-top:0;font-size:1rem;}
.top-nav .navbar-nav .navright ul.shownavpro li > a::before{position:absolute;content:"";width:100%;height:1px;background-color:#eee;bottom:0;left:0;}
.top-nav .navbar-nav .navright ul.shownavpro li ol{background:none;padding-left:1.5rem;padding-top:0.5rem;}
.top-nav .navbar-nav .navright ul.shownavpro li ol a{font-size:0.9rem;color:#5c5c5c;font-family:"Roboto-Regula";display:block;padding-bottom:0.5rem;}
.top-nav .navbar-nav .navright ul.shownavpro li ol a:hover{color:#00aeef;}
.etw_language{margin-top:0.5rem;}
.etw_language ul li{position:relative;}
.etw_language ul li::before{position:absolute;content:"";width:1px;height:100%;background-color:#dbdbdb;top:0.2rem;right:-0.5rem;}
#etw_logo{width:90px;margin-top:0;padding-left:0.5rem;}
.top-nav{width:100%;margin-top:0;clear:both;display:block;}
.navbar-light .navbar-nav{background-color:#fff;}
.navbar{padding:0;}
.navbar-light .navbar-nav .show > .nav-link{color:#333;}
.navbar-light .navbar-nav a.nav-link:before{width:0;height:0;}
.navbar-light .navbar-nav .nav-item::after{display:none;}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#1a8ccd;background:none;}
.navbar-light .navbar-nav .show > .nav-link{background:none;}
.navbar-light .navbar-nav a.nav-link{font-weight:400;font-size:1.1rem;border-bottom:1px solid rgba(0,0,0,0.1);color:#333;padding:0.6rem;text-align:left;}
.dropdown-menu{border:none;}
.navbar-light .navbar-toggler{color:#fff;font-size:20px;margin:0rem 1rem 0 0;border-color:#212529;background-color:#0089d1;border:none;}
.navbar-nav .dropdown-menu{margin-top:0rem;}
#quicknav{display:none;}
.etw_language > ul{background-color:#fff;margin-top:0;}
}
@media (max-width:991.98px){#container,.pro_container{margin-top:0 !important;}
.content{padding-left:15px;padding-right:15px;margin-top:1rem;}
.sub_list{flex-wrap:wrap;}
.banner_txt h1{font-size:2.6rem;}
.main_pro .pro_item a{flex-wrap:wrap;justify-content:center;border:1px solid #0089d1;}
.main_pro .pro_item a .pro_img{text-align:center;width:100%;}
.main_pro .pro_item a h4{padding-top:1rem;width:100%;text-align:center;}
.main_pro .pro_item_last a h4{padding-top:0.5rem;}
.app_box ul{justify-content:start;}
.app_box ul li{width:24%;margin-right:1%;}
.app_box ul li:nth-child(4n){margin-right:0;}
.app_box ul li a span{font-size:1.1rem;}
.custom_img::after{display:none;}
.products_box ul{justify-content:start;}
.products_box ul li{width:32%;margin-right:1%;margin-bottom:1rem;}
.products_box ul li:nth-child(3n){margin-right:0;}
.app_box_n ul li a{flex-wrap:wrap;}
.app_box_n ul li a .app_img,.app_box_n ul li a .app_name{width:100%;padding-left:0;}
.etw_footin{margin-top:0;}
}
@media (max-width:768.98px){.banner_txt h1{font-size:2rem;}
.webtitle{font-size:2.2rem;padding:1rem 0;}
.etw_footin{margin-top:2rem;}
}
@media (max-width:650.98px){html{font-size:14px;}
.etw_footin{text-align:center;}
ul.item li{margin-left:0;}
#floatchatiframe2011,.feedback_form_contact #floatchatiframe2011{width:100%;}
.about-video{width:60px;height:60px;}
.about-video i{line-height:50px;}
.banner_txt h1{font-size:1.6rem;}
.app_box ul li{width:32%;}
.app_box ul li:nth-child(4n){margin-right:1%;}
.app_box ul li:nth-child(3n){margin-right:0;}
}
@media (max-width:575.98px){.videoall ul li{width:100%;margin-right:0;}
h2,.etw_hometitle{font-size:1.6rem;}
h3{font-size:1.3rem;}
.sub_list li{width:50%;}
.banner_txt h1{font-size:1.2rem;}
.webtitle{font-size:1.6rem;}
.app_box ul li{width:49%;}
.app_box ul li:nth-child(3n){margin-right:1%;}
.app_box ul li:nth-child(2n){margin-right:0;}
.products_box ul li{width:48%;}
.products_box ul li:nth-child(3n){margin-right:1%;}
.products_box ul li:nth-child(2n){margin-right:0;}
.customization_detail > li{justify-content:center;flex-wrap:wrap;}
.customization_detail li .customization_img{width:100%;text-align:center;margin-bottom:1rem;}
.customization_detail li .customization_img img{display:block;text-align:center;margin:0 auto;}
.customization_detail li .customization_des{flex:none;padding-left:0;width:100%;}
.case_list li{flex-wrap:wrap;}
.case_list li .case_img{width:100%;padding-right:0;margin-bottom:1rem;}
.case_list li .case_img img{display:block;margin:0 auto;}
.case_list li .case_des{flex:none;width:100%;}
.sub_box li{width:100%;margin-bottom:1rem;}
.sub_box li a img{width:100%;}
.manufacturing_box ul{padding:1rem;}
.about_box ul li p{display:none;}
}
@media (max-width:380.98px){h2,.etw_hometitle,.bg-light h3{font-size:1.5rem;}
h3{font-size:1.2rem;}
.sub_list li{width:100%;}
.products_box ul li{width:100%;}
.products_box ul li{margin-right:0;}
.app_box_n ul li,.custom_des ul{width:100%;}
}
.carousel-control-next-icon,.carousel-control-prev-icon{background-color:#333;background-image:none;height:20px;width:20px;position:relative;line-height:20px;cursor:pointer;border:1px solid #ccc;}
.carousel-control-next-icon::before{font-family:fontawesome;content:"\f105";position:absolute;top:0;left:0;right:0;margin:0 auto;font-size:1.2rem;}
.carousel-control-prev-icon::before{font-family:fontawesome;content:"\f104";position:absolute;top:0;left:0;right:0;margin:0 auto;font-size:1.2rem;}
.carousel-indicators li{background-color:#fff;}
.carousel-indicators .active{background-color:#00aae7;}
.carousel-control-next,.carousel-control-prev{background:none;border:none;z-index:2;}
/* 20220221 */
.review{color:#f00;font-size:18px;}
/*exbition*/
.layui-layer{background:#E6E6E6 !important;}
.layui-layer-dialog .layui-layer-content{word-break:keep-all !important;}
.layui-layer-title{color:#991e1c !important;font-size:18px !important;font-weight:700 !important;}
#myExhibition.layui-layer-content{padding:10px;}
.layui-layer-content img{margin-bottom:8px;}
/* reciew */
.layui-layer-btn .layui-layer-btn0{color:#fff !important;margin-bottom:2rem;}
/* 20220322 */
.navbar-light .navbar-nav .nav-link{padding-bottom:34px;}
.navbar-light .navbar-nav .nav-item::after{display:none;}
.table tr.top{background-color:#0089d1;}
.hub_tit{font-size:1.5rem;color:#000;position:relative;font-weight:bold;margin-bottom:20px;}
.hub_tit1{font-size:1.3rem;color:#000;margin-bottom:5px;border-bottom: 1px solid #eee;}
.hub_tit::after{content:"";position:absolute;left:0;bottom:0;width:100px;height:2px;background-color:#0089d1;}
.bgc{background-color:#eee;padding:20px;margin-bottom:20px;}
ul.item.w-33{display:flex;flex-flow:wrap;margin-bottom:20px;}
ul.item.w-33 li{width:33.33%;font-size:0.9rem;}
ul.item.item-25 li{width:25%;font-size:0.9rem;}
.etw_dimensions{font-size:1.2rem;font-weight:bold;color:#0065b0;font-style:oblique;border-top:1px solid #ccc;padding-top:10px;}
.products_box3 ul li{margin-right:2%;}
ul.sum li{font-size:1.2rem;font-family:'Roboto-Bold';margin-bottom:10px;}
ul.sum li span{width:30px;height:30px;line-height:30px;text-align:center;display:inline-block;font-family:'Roboto-Bold';border-top-left-radius:80%;border-top-right-radius:100%;border-bottom-right-radius:90%;border-bottom-left-radius:20%;color:rgb(255,255,255);margin-right:8px;word-wrap:break-word !important;box-sizing:border-box !important;background-color:#0089d1;}
.mySwiper{overflow:hidden;}
.mySwiper .swiper-slide{position:relative;background-size:cover;background:no-repeat center center;}
.mySwiper .swiper-slide img{width: 100%;display: block;}
.mySwiper .swiper-pagination-bullet{width:30px;height:8px;border-radius:5px;opacity:1;transition:0.5s;background-color:#fff;border: 1px solid #0065b0; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.mySwiper .swiper-pagination-bullet-active{background-color:#0065b0;width:60px;}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{opacity:0;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.mySwiper .swiper-button-next{right:-30px;}
.mySwiper .swiper-button-prev{left:-30px;}
.mySwiper:hover .swiper-button-next{opacity:1;right:10px;}
.mySwiper:hover .swiper-button-prev{opacity:1;left:10px;}
.mySwiper .banner_txt{background-color:rgba(255,255,255,0.25);padding:30px;border:4px solid #fff;left:40%;max-width:825px;}
.mySwiper .banner_txt.banner_txt1{background-color:transparent;border:none;}
.mySwiper .banner_txt h1{font-size:46px;font-family:"Roboto-Bold";color:rgb(255,255,255);line-height:1.5;text-align:center;text-shadow:0px 5px 5px rgba(0,0,0,0.5);}
.mySwiper .banner_txt.banner_txt1 h1{color:rgb(23,23,23);text-shadow:rgba(255,255,255,0.5) 2px 0 0,rgba(255,255,255,0.5) 0 2px 0,rgba(255,255,255,0.5) -2px 0 0,rgba(255,255,255,0.5) 0 -2px 0;}
.mySwiper .banner_txt.banner_txt1 h1 span{color:#190c72;}
.et_list1{background-color:#fff;margin:0 auto;display:flex;flex-flow:wrap;padding:0 180px;}
.et_list1 li{padding:0;float:none;width:14.28%;text-align:center;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.et_list1 li img{padding:0;border:none;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.et_list1 li span{font-weight:bold;}
.et_list1 li:hover{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);}
#footer .content{margin-top:0;}
.f_logo{top:-30px;background-color:transparent;position:initial;}
.f_logo::before{display:none;}
.f_logo p{color:#fff;}
.f_logo img{max-width:120px;}
#footer{padding-top:3rem;}
.etw_bottom .etw_foot_title{padding-top:30px;}
.etw_bottom{margin-bottom:30px;}
.etw_aboutList{overflow:hidden;display:flex;flex-flow:wrap;}
.etw_aboutList li{overflow:hidden;margin-bottom:20px;width:49%;margin-right:2%;padding:10px;background-image:linear-gradient(#f8f8f8 23%,#e8e8e8 62%);}
.etw_aboutList li:nth-of-type(2n){margin-right:0;}
.etw_aboutList li .pic{width:200px;float:left;margin-right:20px;overflow:hidden;}
.etw_aboutList li .pic img{width:100%;display:block;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.etw_aboutList li .txt{overflow:hidden;}
.etw_aboutList li .txt h3.tit a{font-size:1.1rem;font-weight:bold;}
.etw_aboutList li .txt p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom: 0;}
.etw_aboutList li:hover .pic img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);}
.slew_etw{display:flex;flex-flow:wrap;margin-bottom:20px;}
.slew_etw li{width:49%;margin-right:2%;border:1px solid #ccc;overflow:hidden;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}
.slew_etw li:nth-of-type(2n){margin-right:0;}
.slew_etw .pic{overflow:hidden;}
.slew_etw .pic img{width:100%;display:block;}
.slew_etw .txt{padding:20px;}
.products_box ul{justify-content:inherit}
.products_box ul li{margin-right:1.25%;}
.products_box ul li:nth-of-type(4n+4){margin-right:0;}
.products_box.products_box3 ul li:nth-of-type(4n+4){margin-right:1.25%;}
.main_pro .pro_item .pro_img{width: 190px;}
.main_pro .pro_item .pro_img img{width: 100%;display: block;}

@media (max-width:1199.98px){}
@media (max-width:991.98px){.products_box ul li:nth-of-type(4n+4){margin-right:1.25%;}
.etw_bottom .f_list1{width:100%;}
}
@media (max-width:768.98px){.etw_bottom .f_list1{display:none;}
.etw_aboutList li .pic{width:100%;float:none;margin-bottom:10px;}
.img-thumbnail{margin-bottom:20px;}
ul.item.item-25 li,ul.item.w-33 li{width:50%;}
.slew_etw li{width:100%;margin-right:0;margin-bottom:20px;}
.et_list1{display:none;}
.content-md-none{display:none;}
}
@media (max-width:380.98px){ul.item.item-25 li,ul.item.w-33 li{width:100%;}
.products_box ul li{width: 100%;margin-right: 0%;}
}
/* 20230221 */
.hode-btn,.show-btn{background-color:#0089d1;display:inline-block;border-radius:5px;width:60px;height:40px;cursor:pointer;padding:5px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.sm-hode-btn,.sm-show-btn{width: 40px;height: 30px;}


.hode-btn{animation-name:example;animation-duration:2s;animation-iteration-count:infinite;}
.show-btn{ margin: 0 auto;display: block;transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }
.show-btn:hover{ transform:translateY(-10px) rotate(180deg); -webkit-transform:translateY(-10px) rotate(180deg); -moz-transform:translateY(-10px) rotate(180deg); -ms-transform:translateY(-10px) rotate(180deg); -o-transform:translateY(-10px) rotate(180deg); }
.hode-btn svg,.show-btn svg{display:block;width:60%;margin:0 auto;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.hode-btn.on,.show-btn.on{display: none;}
.box-hide{display:none;}
@keyframes example{0%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);}
25%{transform:translateY(5px);-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);}
50%{transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);}
100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);}
}
.pdf_list1{border:none;padding:0px;overflow:hidden;display:inline-block;vertical-align:middle;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.pdf_list1::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid;border-radius:inherit;-webkit-transform:translate3d(0,100%,0) translate3d(0,-2px,0);transform:translate3d(0,100%,0) translate3d(0,-2px,0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.pdf_list1 .button_icon{position:absolute;top:100%;left:50%;padding:10px 20px;font-size:20px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
.pdf_list1>span{display:block;padding:10px 20px;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.pdf_list1:hover::before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.pdf_list1:hover .button_icon{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0);}
.pdf_list1:hover > span{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition-delay:0s;transition-delay:0s;}
.etw_faq .hide{display:none;}
.db{display: block;}
.dn{display: none;}

.etw_faq { background-color: #f4f7fc; padding: 15px;margin-bottom: 30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.etw_faq dt{font-size:19px;color:#0065b0;margin-bottom:20px;padding-right:26px;cursor:pointer;}
.etw_faq dd.db{display: block;}
.etw_faq dd p{margin-bottom: 0;}
.etw_faq dd{padding:20px;background:#FDFCFA;border-radius:5px;border:1px solid #F2EEE6;margin:20px 0 30px;position:relative;}
.etw_faq dd:after,dd:before{bottom:100%;left:6%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;}
.etw_faq dd:after{border-color:rgba(136,183,213,0);border-color:transparent;border-bottom-color:#FDFCFA;border-width:15px;margin-left:-15px;}
.etw_faq dd:before{border-color:rgba(194,225,245,0);border-color:transparent;border-bottom-color:#F2EEE6;border-width:17px;margin-left:-17px;}
.box-faq{background-color: #f4f7fc; padding: 15px;margin-bottom: 30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;}
.box-faq p{margin-bottom: 0;}

/* .videoall */
.videoall ul{width:100%;display: flex;flex-flow: wrap;}
.videoall ul li{width: 32%;margin-right:2%;margin-bottom:2rem;}
.videoall ul li img{width:100%;}
.videoall ul li a{display:block;text-align:center;line-height:18px; font-size:1rem;color:#333;display:block;text-decoration:underline;}
.videoall ul li a:hover{color:#0065b0;}
.videoall ul li:nth-of-type(3n){margin-right: 0%;}
.videoall .pic{position: relative;overflow: hidden;}
.videoall .pic::after{ content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); transform:translate(-50%,-50%); transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.videoall .pic img{width: 100%;display: block;}
.videoall .pic:hover::after{ opacity: 0; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); }
.videoall1 ul li{ width: 100%; display: flex; flex-flow: wrap;  margin-right: 0%; align-items: center; background-color: #f7f7f7; border-radius:0 0 30px 0 ; -webkit-border-radius:0 0 30px 0 ; -moz-border-radius:0 0 30px 0 ; -ms-border-radius:0 0 30px 0 ; -o-border-radius:0 0 30px 0 ; }
.videoall1 .pic{width: 40%;}
.videoall1 .txt{width: 60%;padding: 20px;}
.videoall1 .txt .tit a{ font-size:1.4rem;margin-bottom: 15px; color:#333; text-align: left; text-decoration:none; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; }
.videoall1 .txt .tit a:hover{color: #0065b0;}
.plyr__video-wrapper,.plyr__poster,.plyr--video{background-color: #fff !important;}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity: 0 !important;}
.plyr__video-wrapper {background-color: #fff;background: var(--plyr-video-background,var(--plyr-video-background,#fff));}

.sendinquiry{display:inline-flex;flex-wrap:wrap;justify-content:start;cursor:pointer;text-align:center;position:relative;z-index:1;float:left;}
.sendinquiry span,.sendinquiry a{ color:#0065b0; padding:0.6rem 1.5rem; font-size:0.9rem; line-height:0.9rem; text-align:center; display:inline-block; margin:0 0 1rem 0; min-width:100px; position:relative; border:1px solid #0065b0; font-weight:500; z-index:1; transition:.5s all ease-in-out; text-transform:uppercase; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry a:hover,.sendinquiry span:hover{background:#0065b0;color:#fff;}
#video_right{width:69%;float:left;position:relative;}
#video_sidebar{width:28%;float:right;position:relative;}
#etw_videolist{ position:relative; margin:0 auto; background:#f4f7fc; padding:1rem; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
#etw_videolist .webtitle{font-size:1.5rem;line-height:1.5rem;text-align:left;padding:1rem 0;font-weight:500;color:#0065b0;}
#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; overflow: hidden; border-radius:10px; transition:.3s all ease-in-out; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
#etw_videolist ul>li a:hover,#etw_videolist ul>li a.dq{box-shadow: 1px 3px 1px 0px #000;;}
#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.75rem;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:#0065b0;}
#etw_videolist ul>li>a:hover:before,#etw_videolist ul>li>a.dq:before{color:#0065b0;}
#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}
.videoall1 ul li{width: 100%;}
.videoall1 .pic,.videoall1 .txt{width: 100%;}
#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:40%;}
.etwvideo_hub ul li ol li.product_con{width:60%;padding:0 1rem;}
.etwvideo_hub ul li ol li.product_con a{font-size:0.8rem;line-height:1rem;}
}

.ser_box .carousel-indicators li{border: 1px solid #0089d1;}
.ser_box01 .carousel-item span{position: absolute;left: 0;right: 0;bottom: 0;padding: 3px; text-align: center;background-color: rgba(255, 255, 255, 0.5);color: #000;font-size: 0.9rem;}
.ser_box01 .carousel-indicators{bottom: -15px;}
 
@media (max-width: 991.98px) {
	#etw_productlist{ display:none;}
}
#app_class_menu,#app_new_pro{ display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width: 100%; margin-bottom: 30px; padding: 15px;   border: 1px #ccc solid; overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:13px;line-height:20px;margin:0 0 5px; padding-bottom:8px;}
.newstime{ color: #333; padding:0 5px;  margin-bottom: 10px; display: inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#0e3d8f}
.etw_page{margin:0 auto;width:100%;overflow:hidden; }
.etw_page ul{ float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}

.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin:40px 0}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:45%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:12px;line-height:16px;display:block; position:relative; background:#f1f1f1;padding:5px 20px;}
.new_next a:before{content:"\f105"; font-family:fontawesome; font-size:20px; position:absolute; left:5px; top:20%; color:#0e3d8f;}
.new_prev a{ padding-left:20px;}
.new_prev a:before{content:"\f104"; font-family:fontawesome; font-size:20px; position:absolute; left:8px; top:20%; color:#0e3d8f;}
.new_next a:hover,.new_prev a:hover{color:#0e3d8f}
.news_related_li{width:24%;padding-right:1%;float:left}

.featured_for_recommand{
	line-height: 20px;
	
}
.featured_for_recommand .cap{
	display: inline-block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	position: relative;
}
.featured_for_recommand .cap::before{
	content: "";
	background: #29166f;
	height: 3px;
	width: 80px;
	position: absolute;
	bottom: 0;
transition: width .3s ease-in-out;
}
.featured_for_recommand:hover .cap::before{
	width:100%;
}
.morebutton{
	font-size: .8rem;
	padding:.8rem;
	border-radius: 25px;
	border:1px solid #ccc;
	display: inline-block;
	margin-top: .8rem;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3);
}
.pos-absolute{ position:absolute;  }
.pos-relative{ position:relative; padding:0px; }
.bottom-center{
	bottom: 0px;
}

.bg-white-alpha-30{
	background:rgba(232, 232, 232, .9);
	width: 100%; 
	line-height: 30px;
	height: 30px;
	text-align: center;
}

.pos-relative img{
	max-height: 206px;
	height: 100%;
}


/* 2024-3-8 */
.video_more{ padding: .5rem 2rem; padding-left: 2rem; color: #154a92;transition: all .5s; position: relative; display: inline-block; font-size: 1rem;background-color: #fff;margin-top: 0.75rem;}
.video_more:hover{color: #fff;background-color: #154a92;}
.video_more::before{position: absolute;content: "\f105"; left: .5rem; top: .55rem;font-family:fontawesome; font-size:1rem; transition: all .5s;width: 20px;height: 20px;border-radius: 50%; display: flex;align-items: center;justify-content: center;text-align: center; padding-left: 4px;}
.video_more:hover::before{right: .5rem; }