<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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:"OpenSans-Bold";src:url(../font/OpenSans-Bold.ttf) format("truetype");}
@font-face{font-family:"OpenSans-Regular";src:url(../font/OpenSans-Regular.ttf) format("truetype");}
@font-face{font-family:"OpenSans-Light";src:url(../font/OpenSans-Light.ttf) format("truetype");}
@font-face{font-family:"OpenSans-SemiBold";src:url(../font/OpenSans-SemiBold.ttf) format("truetype");}
@font-face{font-family:"OpenSansCondensed-Bold";src:url(../font/OpenSansCondensed-Bold.ttf) format("truetype");}
@font-face{font-family:"FiraSans-Light";src:url(../font/FiraSans-Light.ttf) format("truetype");}
@font-face{font-family:"FiraSans-Thin";src:url(../font/FiraSans-Thin.ttf) format("truetype");}
@font-face{font-family:"FiraSans-Regular";src:url(../font/FiraSans-Regular.ttf) format("truetype");}
@font-face{font-family:"FiraSans-Bold";src:url(../font/FiraSans-Bold.ttf) format("truetype");}
@font-face{font-family:"Inter-Bold";src:url(../font/Inter-Bold.ttf) format("truetype");}
@font-face{font-family:"Inter-Light";src:url(../font/Inter-Light.ttf) format("truetype");}
@font-face{font-family:"Inter-Regular";src:url(../font/Inter-Regular.ttf) format("truetype");}
@font-face{font-family:"Inter-Thin";src:url(../font/Inter-Thin.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=1671774797512") format("truetype");}
.iconfont{font-family:"iconfont" !important;font-size:1.5rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}
.iconfont2{font-family:"iconfont2" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}
body{color:#666;font-family:"OpenSans-Regular",Helvetica,sans-serif;font-size:0.95rem;line-height:1.5;background-color:#fff;}
.home_bg{background:#fff !important;}
*{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;}
.clear{clear:both;}
.clearfix::after{display:table;}
hr{margin-bottom:1rem;border-top:1px solid #ddd;}
.w-80{width:80%;}
strong{font-size:1.6rem;display:inline-block;color:#272727;font-family:"Inter-Regular";position:relative;padding-bottom:.5rem;margin-top:1rem;}
b{color:#333;}
.inquiry{color:#023b7d;text-decoration:none;}
.inquiry:hover{color:#0075c1;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;}
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;}
a.link:hover{color:#0075c1;text-decoration:none;}
.btn-secondary{padding:0rem 0.5rem;}
.layui-layer-btn a{color:#fff !important;margin-bottom:1rem !important;}
.btn:not(:disabled):not(.disabled){cursor:pointer;}
.review{color:#f00;font-size:18px;}
.brief{width:100%;margin:2rem auto;font-size:0.9rem;color:#666;}
.etw_pdf{position:relative;display:flex;align-items:center;}
.etw_pdf p{margin-bottom:0;}
.etw_pdf a{font-size:2rem;color:#224565;display:inline;padding-left:2rem;}
.table td{padding:.8rem 1rem;font-size:0.9rem;line-height:1.35;vertical-align:middle;}
.table130{ width:130%;}
.table_td_width{min-width:280px;width:450px;}
.table tr{background-color:#e1ecf7;}
.table2 tr{background-color:#fff;}
.table tr.top td{background-color:#007ec5 !important;color:#fff;font-size:1rem;}
.table tr:nth-child(2n){background-color:#c6daf0;}
.table2 tr:nth-child(2n){background-color:#fff;}
.table-bordered td{border:1px solid #fff;}
.table2 td{border:1px solid #8bc63e;padding:.3rem 1rem;}
.table2 tr.top td{background-color:#8bc63e !important;}
.table_top_01 tr.top td{background-color:#efa715 !important;border-color:#fbf1d6;}
.table_top_02 tr.top td{background-color:#64abcf !important;border-color:#badae9;}
.table_top_03 tr.top td{background-color:#f4a256 !important;border-color:#fbe1c8;}
.table_top_04 tr.top td{background-color:#f58220 !important;border-color:#fac89d;}
.table_top_05 tr.top td{background-color:#cd8c5d !important;border-color:#e9ccb7;}
.table_top_06 tr.top td{background-color:#c1458e !important;border-color:#dc97c0;}
.table_top_07 tr.top td{background-color:#e34668 !important;border-color:#ef97aa;}
.table_top_08 tr.top td{background-color:#f15921 !important;border-color:#f8b69d;}
.table_top_09 tr.top td{background-color:#f49e28 !important;border-color:#fad4a0;}
.table_top_10 tr.top td{background-color:#5d7aae !important;border-color:#b7c4db;}
.table_top_01 tr{background-color:#fbf1d6;}
.table_top_01 tr:nth-child(2n){background-color:#fae5b3;}
.table_top_01 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.table_top_02 tr{background-color:#e4f1fa;}
.table_top_02 tr:nth-child(2n){background-color:#cce3f3;}
.table_top_02 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.table_top_03 tr{background-color:#feebd6;}
.table_top_03 tr:nth-child(2n){background-color:#fad3af;}
.table_top_03 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.table_top_04 tr{background-color:#feebd8;}
.table_top_04 tr:nth-child(2n){background-color:#fdd9b6;}
.table_top_04 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.table_top_05 tr{background-color:#f4e4d4;}
.table_top_05 tr:nth-child(2n){background-color:#eacab2;}
.table_top_05 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.table_top_06 tr{background-color:#f1dbe6;}
.table_top_06 tr:nth-child(2n){background-color:#e5b9cf;}
.table_top_06 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.table_top_07 tr{background-color:#f8d8d7;}
.table_top_07 tr:nth-child(2n){background-color:#f4b3b5;}
.table_top_07 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.table_top_08 tr{background-color:#fee2d1;}
.table_top_08 tr:nth-child(2n){background-color:#fcc7a7;}
.table_top_08 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.table_top_09 tr{background-color:#fad8a9;}
.table_top_09 tr:nth-child(2n){background-color:#f49e28;}
.table_top_09 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.table_top_10 tr{background-color:#ced7e6;}
.table_top_10 tr:nth-child(2n){background-color:#fff;}
.table_top_10 td{border:1px solid #fff;padding:.4rem 1rem;font-size:0.9rem;}
.theme-send-inquiry-box{background:#0075c1 !important;}
.theme-box-name{background:#f39500 !important;text-transform:uppercase;border-left:1px #3498db solid !important;}
.down_list{width:100%;margin-bottom:1.5rem;clear:both;overflow:hidden;}
.down_list a{width:auto;display:inline-block;float:left;padding:0.3rem 1.5rem;border:1px #000 solid;cursor:pointer;background:#0075c2;color:#fff!important;}
.down_list a:hover{background:#f08200;color:#fff!important;}
h3{font-size:1.4rem;font-family:"Inter-Regular";}
h4{color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle{display:block;color:#333;font-size:2.4rem;font-family:"FiraSans-Bold";margin:0;padding-top:1rem;padding-bottom:1rem;letter-spacing:2px;}
.pro_name{color:#fcb814;font-size:1.2rem;position:relative;line-height:1.35;margin-top:-.5rem;position:relative;font-weight:bold;}
.color_font{color:#fcb814;}
.icon_name img{width:22px;height:22px;margin-right:6px;margin-top:4px;}
.model_txt{color:#666;position:relative;margin-bottom:1rem;font-size:1.4rem;margin-top:-1rem;}
.protitle{color:#000;font-family:"Inter-Regular";font-size:1.4rem;padding-bottom:1rem;position:relative;}
.protitle::before{position:absolute;content:"";bottom:5px;left:0;background-color:#0075c1;width:50px;height:4px;}
.big_font{color:#023b7d;font-size:1.2rem;margin-bottom:.5rem;position:relative;margin-top:1rem;}
.big_font1 h3{font-size:2rem;}
.contact_des a{color:#3498db;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.contact_des a:hover{color:#023b7d;}
.indent-left{padding-left:3.8rem;}
#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;}
.p_left_01{padding-left:74px;}
.font_css{font-size:1.1rem;color:#000;}
.align_items{align-items:center;}
/* #header */
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;transition:all .5s;background-color:rgba(255,255,255,0.65);}
.header_inner{background-color:#000;}
.header_in{width:100%;max-width:1200px;margin:0 auto;position:relative;}
#etw_logo{width:auto;text-align:center;float:left;margin-top:.5rem;margin-bottom:.5rem;transition:all .8s;}
#etw_logo a{display:flex;align-items:center;}
#etw_logo span{color:#666;font-size:1.2rem;display:block;display:block;width:100%;text-align:left;padding-left:.8rem;font-family:"Inter-Regular";line-height:1.35;text-transform:uppercase;}
#etw_logo span text{color:#0075c1;font-size:1.6rem;}
.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;background-color:#0075c1;border-radius:5px;font-size:1rem;}
.left_share a:hover{background-color:#000;}
/* .top-nav */
.top-nav{width:auto;float:right;padding-left:2rem;transition:all .8s;padding-top:1.2rem;}
.top-nav .navbar{padding:0;float:right;}
.nav-fixed{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;background:#fff !important;margin-top:0 !important;}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0);}
to{opacity:1;transform:none;}
}
.dropdown-menu-one{background-color:#eee;}
.navbar-expand-lg .navbar-collapse{flex-flow:row wrap !important;}
.navbar-expand-lg .navbar-nav{justify-content:center;}
.navbar-nav{width:100%;}
.navbar-light .navbar-nav .nav-link{transition:all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-link{padding:.2rem 0.6rem 2rem 0.6rem;font-size:1rem;color:#333;font-family:"OpenSans-SemiBold";}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:50px;transition:all .5s;box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);background-color:rgb(255 255 255 / 80%);backdrop-filter:blur(10px);border-radius:0 0 1rem 1rem;padding:0.5rem;min-width:20rem;}
.navbar-expand-lg .navbar-nav .dropdown-menu &gt; li &gt; a{color:#000;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1rem;border-bottom:1px solid #eee;background:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu &gt; li &gt; ol a{color:#000;display:block;padding-top:0.2rem;padding-bottom:0.2rem;padding-left:2rem;font-size:0.9rem;position:relative;font-family:"FiraSans-Light";}
.navbar-expand-lg .navbar-nav .dropdown-menu &gt; li &gt; ol a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu &gt; li &gt; ol a.active{color:#0075c1;}
.navbar-expand-lg .navbar-nav .dropdown-menu &gt; li &gt; ol a::before{position:absolute;content:"\f0da";left:1rem;top:0.2rem;font-family:fontawesome;}
.navbar-expand-lg .navbar-nav .dropdown-menu &gt; li:last-child &gt; a{border-bottom:none;}
.navbar-light .navbar-nav .active &gt; .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show &gt; .nav-link,.dropdown-menu-one li &gt; a.active{color:#0075c1;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#0075c1;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover{color:#0075c1 !important;}
.dropdown-item{font-size:0.9rem;}
.dropdown-item.active,.dropdown-item:active{background:none !important;}
.nav-item span.pro_icon{position:absolute;top:0.5rem;right:0.5rem;color:#f39500;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}
@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:70px !important;max-width:1200px;left:50% !important;margin-left:-600px !important;border-radius:0;border:none;box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important;background:#f5f3f4 !important;}
.top-nav .navleft{padding-left:0;width:20%;max-width:290px;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 0 10px 8px;display:block;border-left:5px #eee solid;background-color:#eee;line-height:1.5rem;color:#333;position:relative;}
.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{background:0 0;border-left:5px #ffffff solid;color:#0075c1;background:#fff;}
.top-nav .navbar-nav .navright{width:80%;float:left;display:block;background-color:#fff;}
.top-nav .navbar-nav .navright ul{width:100%;display:none;padding:1rem;position:relative;}
.top-nav .navbar-nav .navright ul::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.75);z-index:0;}
.top-nav .navbar-nav .navright ul.animal_bg{background:url(../images/animal_bg.jpg) no-repeat top right;float:left;background-size:cover;}
.top-nav .navbar-nav .navright ul.human_bg{background:url(../images/human_bg.jpg) no-repeat top right;float:left;background-size:cover;}
.top-nav .navbar-nav .navright ul.aroma_chemicals_bg{background:url(../images/aroma_chemicals_bg.jpg) no-repeat top right;float:left;background-size:cover;}
.top-nav .navbar-nav .navright ul.intermediates_bg{background:url(../images/intermediates_bg.jpg) no-repeat top right;float:left;background-size:cover;}
.top-nav .navbar-nav .navright ul.engineering_bg{background:url(../images/engineering_bg.jpg) no-repeat top right;float:left;background-size:cover;}
.top-nav .navbar-nav .navright ul.shownavpro{display:block;}
.top-nav .navbar-nav .navright ul .products_box{width:75%;float:left;margin-right:2%;position:relative;z-index:1;}
.top-nav .navbar-nav .navright ul .categories_box{width:23%;float:left;position:relative;z-index:1;}
.top-nav .navbar-nav .navright ul h3{font-weight:600;color:#000;}
.top-nav .navbar-nav .navright ul li{width:100%;padding:0 1%;float:left;clear:inherit;margin-bottom:1rem;position:relative;}
.top-nav .navbar-nav .navright ul li &gt; a{padding-left:1rem;color:#333;display:block;position:relative;font-size:1rem;padding-bottom:.3rem;line-height:1.35;padding-top:.2rem;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.top-nav .navbar-nav .navright ul li &gt; a::before{position:absolute;content:"";width:5px;height:5px;background-color:#333;left:0;top:.65rem;border-radius:50%;}
.top-nav .navbar-nav .navright ul li &gt; a:hover,.top-nav .navbar-nav .navright ul li &gt; a.active,.top-nav .navbar-nav .navright ul li dl a:hover{text-decoration:underline;color:#f39500;}
.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:.875rem;line-height:1.125rem;position:relative;width:23.5%;margin-right:.5rem;color:#555;padding-left:1rem;position:relative;}
.top-nav .navbar-nav .navright ul li ol a:nth-child(4n){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:#f39500;}
.top-nav .navbar-nav .navright ul li .class_1{display:block;padding-left:1rem;position:relative;}
.top-nav .navbar-nav .navright ul li .class_1:before{position:absolute;content:"";left:0rem;top:0.5rem;width:8px;height:8px;background:#000;}
.top-nav .navbar-nav .navright ul li .class_2{display:block;padding-left:2rem;position:relative;font-size:0.9rem;}
.top-nav .navbar-nav .navright ul li .class_2:before{position:absolute;content:"";width:6px;height:6px;background-color:#333;left:1rem;top:.6rem;border-radius:50%;}
.top-nav .navbar-nav .navright ul li .class_3{display:block;padding-left:3rem;position:relative;font-size:0.875rem;}
.top-nav .navbar-nav .navright ul li .class_3:before{position:absolute;content:"\f101";left:2rem;top:0.2rem;font-family:fontawesome;font-size:12px;}
.top-nav .navbar-nav .navright ul li ol.prosub{padding-left:3.1rem;}
.top-nav .navbar-nav .navright ul li ol.prosub a::before{content:"\f105";top:0.1rem;}
.prosub2{padding-left:2rem;}
}
/* .etw_language */
.etw_language{background:none;width:auto;margin-top:1rem;margin-left:1rem;background-color:#0075c2;color:#fff;}
.etw_language{display:block;float:right;height:auto;}
.etw_language span{padding-right:1rem;color:#fff;display:inline;}
.etw_language &gt; ul{position:relative;z-index:9;float:right;font-size:1rem;border-radius:8px;}
.etw_language &gt; ul a{display:flex;align-items:center;}
.etw_language &gt; ul &gt; li &gt; a{color:#000;padding:0rem 0.8rem;}
.etw_language ul ul{display:none;position:absolute;top:100%;padding:0;background-color:#ffffff;min-width:125px;}
.etw_language ul ul a{display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item{color:#333;padding:0.2rem 0 0 1.5rem;}
#etw_language .dropdown-item:hover{color:#8f99a5;}
.etw_language ul li:hover &gt; ul{display:block;}
.etw_language .dropdown-item{min-width:125px;}
.etw_language #etw_language{float:none;margin-top:0;height:auto;}
.etw_language #etw_language a{line-height:1.5rem;width:100%;}
.etw_language #etw_language a img{margin-top:6px;margin-right:3px;}
.etw_language #etw_language a:hover{color:#f00 !important;}
/* banner */
#etw_banner{width:100%;position:relative;margin:0 auto;text-align:center;color:#fff;overflow:hidden;}
#etw_banner .swiper-slide{height:100%;position:relative;width:100%;margin:0 auto;overflow:hidden;}
#etw_banner img{display:block;width:100%;text-align:center;margin:0 auto;}
#etw_banner .h3img{display:block;width:auto !important;text-align:center; float:left; position: relative;margin-right: 20px;}
#etw_banner .h32img{display:block;width:auto !important;text-align:center; float:left; position: relative;top: -36px; left: 24%;}
#etw_banner .swiper-pagination-bullet{cursor:pointer;width:12px;height:12px;background:none;border-radius:50%;opacity:1;background-color:#fff;margin:0 6px;font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:none;border:1px solid #0075c1;}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#0075c1;cursor:pointer;}
.swiper-container-horizontal &gt; .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:15px;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev{width:50px;height:95px;background-image:none;background-color:rgba(255,255,255,0);right:0;z-index:1;transform:translateY(-50%);transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
#etw_banner .swiper-button-prev{left:0;}
#etw_banner .swiper-button-next:hover,#etw_banner .swiper-button-prev:hover{background-color:rgba(255,255,255,0.2);}
#etw_banner .swiper-button-next::after,#etw_banner .swiper-button-prev::after{content:'';position:absolute;background:url(../images/arrow_next.png) no-repeat;background-size:cover;opacity:.6;width:25px;height:62px;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.3s all ease-in-out;}
#etw_banner .swiper-button-prev::after{background:url(../images/arrow_prev.png) no-repeat;background-size:cover;}
#etw_banner:hover .swiper-button-next:after,#etw_banner:hover .swiper-button-prev:after{opacity:1;}
.banner_txt{color:#333;max-width:1180px;position:absolute;top:32%;left:0;right:0;margin:0 auto;font-size:1.4rem;text-align:left;line-height:1.35;}
.banner_inner{width:100%;max-width:600px;}
.banner_txt h3{font-size:2.8rem;font-family:"FiraSans-Bold";margin-bottom:1rem;color:#0075c1;}
.banner_inner2{text-align:right;float:right;}
.more{padding:.8rem 3rem;padding-left:2rem;color:#0075c1;transition:all .5s;position:relative;margin-top:2rem;display:inline-block;font-size:1rem;}
.more:hover{color:#f39500;}
.more::before{position:absolute;content:"\f105";left:.5rem;top:50%;transform:translateY(-50%);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;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.more:hover::before{right:.5rem;}
/* about_box */
.about_box{width:100%;margin:0 auto;padding:2rem 0;margin-bottom:3rem;background:url(../images/about_bg.jpg) no-repeat center center;background-size:cover;}
.about_des{color:#000;}
.webtitle{font-size:2.4rem;color:#606060;letter-spacing:3px;line-height:1.15;margin-bottom:1rem;font-family:"OpenSans-SemiBold";}
.webtitle span{color:#f39500;}
.about_left_text{color:#777;}
.about_box ul li a{color:#000;font-size:1.1rem;display:inline-block;margin-bottom:.8rem;transition:all .5s;padding-left:1rem;padding-right:1rem;text-align:center;}
.about_box ul li a:hover{background-color:#f18101;color:#fff;}
/* why_us_box */
.why_us_box{width:100%;margin:0 auto;margin-bottom:3rem;}
.why_us_box ul{margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;}
.why_us_box ul li{margin-right:1rem;}
.why_us_box ul li img{border-radius:10px;}
.why_us_box ul li.left_box{width:50%;}
.why_us_box ul li.center_box{width:22%;}
.why_us_box ul li.right_box{width:22%;margin-right:0;}
.left_des_img{width:100%;display:flex;flex-wrap:wrap;}
.left_des_img .des_box{width:58%;margin-right:2%;font-size:1rem;position:relative;}
.left_des_img .des_box::before{position:absolute;content:"";background:url(../images/why_bg.jpg) no-repeat center;width:281px;height:93px;z-index:0;right:-1rem;bottom:30%;}
.left_des_img .img_box{width:40%;position:relative;bottom:0;transition:all .5s;}
.left_des_img .img_box:nth-of-type(2n-1){margin-right:0;display:none;}
.img_box2,.right_box{position:relative;position:relative;bottom:0;transition:all .5s;}
.right_box:hover{position:relative;bottom:0;transition:all .5s;}
.left_des_img .img_box span,.img_box2 span,.right_box span{position:absolute;left:0;right:0;margin:0 auto;bottom:1rem;text-align:center;color:#fff;font-size:1.6rem;}
.img_box:hover,.img_box2:hover,.right_box:hover{bottom:1rem;}
/* mainproducts_box */
.mainproducts_box{width:100%;background:url(../images/pro_bg.jpg) no-repeat top;background-size:cover;background-attachment:fixed;padding:3rem 0;margin-bottom:0;}
.mainproducts_box .swidth{width:100%;margin:0 auto;}
.mainproducts_box ul{width:100%;display:flex;flex-wrap:wrap;margin-top:2rem;}
.mainproducts_box ul li{width:32%;margin-right:2%;margin-bottom:1.5rem;}
.owl-carousel li{width:100% !important;}
.mainproducts_box ul li:nth-child(3n){margin-right:0;}
.mainproducts_box ul li a{display:block;position:relative;overflow:hidden;}
.mainproducts_box ul li a img{width:100%;}
.mainproducts_box ul li a h3{position:absolute;left:1rem;right:0;margin:0 auto;bottom:2rem;color:#fff;font-size:1.6rem;}
.hover_content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;display:inline-block;text-align:center;transition:all .5s;color:#fff;background-color:#0075c1;border-radius:22px;padding:.3rem 1rem;box-shadow:0 10px 10px 0px rgb(0 0 0 / 30%);font-size:1rem;}
.hover_overlay{position:absolute;width:100%;height:100%;top:0;left:0;visibility:hidden;background:#0075c1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(60deg);-ms-transform:perspective(600px) rotateY(60deg);-o-transform:perspective(600px) rotateY(60deg);transform:perspective(600px) rotateY(60deg);transform-style:preserve-3d;opacity:0;transition:all .5s;}
.mainproducts_box ul li a:hover .hover_overlay{-webkit-transform:perspective(800px) rotateY(60deg);-moz-transform:perspective(800px) rotateY(0deg);-ms-transform:perspective(800px) rotateY(0deg);-o-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg);transform-style:preserve-3d;visibility:visible;opacity:.4;transition:all .5s;}
.mainproducts_box ul li a:hover .hover_content,.mainproducts_box ul li:last-child .hover_content{opacity:1;}
.mainproducts_box ul li:last-child .overlay{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-color:#0075c1;opacity:.9;}
/* news_box */
.news_box{width:100%;margin:0 auto;background:url(../images/news_bg.jpg)no-repeat top;padding:3rem 0;}
.news_box .webtitle{color:#fff;margin-bottom:2rem;}
.news_box ul{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;}
.news_box ul li{width:30%;margin-right:4%;background-color:#f2f2f2;position:relative;padding-bottom:2rem;box-shadow:0 8px 46px 0 rgb(0 0 0 / 8%);}
.news_box ul li:last-child{margin-right:0;}
.news_box .product_img{overflow:hidden;max-height: 240px;}
.news_box .product_img img{transition:all .5s;transform:scale(1);}
.news_box .product_con{padding:1rem 2rem;font-size:.9rem;letter-spacing:1px;}
.news_box .product_con h4{font-size:1.4rem;text-align:center;color:#000;margin-bottom:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.news_box .product_con p{display:block;}
.news_box .product_con .desc{margin-bottom:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}
.news_box .product_con .more{margin-top:0;position:absolute;left:2rem;bottom:0;background-color:#0075c2;color:#fff;padding:.3rem 2rem;border-radius:22px;box-shadow:0 2px 28px 0 rgb(0 0 0 / 20%);}
.news_box .product_con .more:hover{background-color:#fff;color:#0075c2;}
.news_box .product_img a:hover img{transform:scale(1.05);}
/* hub_box */
.hub_box{width:100%;margin:3rem auto;}
.hub_box ul{width:100%;display:flex;flex-wrap:wrap;}
.hub_box ul li{width:100%;background-color:#eee;box-shadow:0 2px 28px 0 rgb(0 0 0 / 10%);position:relative;align-items:center;margin-right:0;display:flex;margin-bottom:2rem;}
.hub_box ul li .hub_img{overflow:hidden;}
.hub_box ul li .hub_img img{transition:all 1s;transform:scale(1);}
.hub_box ul li .hub_des{padding:2rem;font-size:1rem;}
.hub_box ul li .hub_des p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:1rem;}
.hub_box ul li .hub_des a h3{color:#333;font-size:1.6rem;margin-bottom:1rem;transition:all .5s;}
.hub_box ul li .hub_des a.more{background-color:#0075c1;padding:.3rem 2rem;color:#fff;margin-top:0;border-radius:22px;box-shadow:0 2px 28px 0 rgb(0 0 0 / 10%);}
.hub_box ul li .hub_des a.more:hover{background-color:#fff;color:#0075c1;}
.hub_box ul li .hub_des{width:50%;position:relative;}
.hub_box ul li .hub_img{width:50%;}
.hub_box ul li .hub_img a:hover img{transform:scale(1.05);}
.hub_box ul li .hub_des a:hover h3{color:#0075c2;}
/* pro_txt */
.hub_banner{position:relative;}
.hub_banner .swiper-slide::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:linear-gradient(120deg,rgba(0,117,194,0.9) 5%,rgba(69,172,52,0) 50%);z-index:1;}
.hub_banner01 .pro_txt{position: relative;padding: 100px 15px 80px;}
#etw_banner.hub_banner01 .swiper-slide{background: center center no-repeat;background-size: cover;}
.hub_banner01 img{display: none;}
.pro_txt{position:absolute;top:30%;left:0;right:0;margin:0 auto;width:100%;max-width:1200px;z-index:2;}
.pro_txt_top{top:20%;}
.pro_inner_des{width:100%;max-width:635px;text-align:left;font-size:0.85rem;line-height:1.35;}
.pro_inner_des p{text-shadow:2px 2px 3px #000;}
.pro_inner_des1{max-width:inherit;}
.small_font{font-size:.9rem;letter-spacing:1px;}
.pro_inner_des h2,.pro_inner_des .etw_hometitle{color:#fff;font-size:2rem;font-weight:600;text-shadow:0px 0px 5px #000;}
.aboutbanner_txt{font-size:4rem;top:40%;}
.aboutbanner_txt p{font-size:1.1rem;}
/* big_title */
.big_title{font-size:2rem;color:#000;margin-bottom:1rem;position:relative;color:#f18101;font-family:"Inter-Bold";}
/* application_box */
.application_box{margin:0 auto;width:100%;margin-bottom:4rem;}
.application_box ul{width:100%;background-color:#fff;margin-bottom:2rem;}
.application_box ul:nth-child(2n){background-color:#e0f2f9;}
.application_box ul li{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;padding:0 1rem;}
.application_box ul li .app_img{width:50%;order:0;position:relative;overflow:hidden;}
.application_box ul li .app_img img{width: 100%;display: block;}
.application_box ul li .app_img a::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:linear-gradient(120deg,rgba(245,235,226,0.9) 5%,rgba(69,172,52,0) 50%);}
.application_box ul:nth-child(2) li .app_img a::before{background:linear-gradient(120deg,rgba(154,220,242,0.9) 5%,rgba(69,172,52,0) 50%);}
.application_box ul:nth-child(3) li .app_img a::before{background:linear-gradient(120deg,rgba(255,241,214,0.9) 5%,rgba(69,172,52,0) 50%);}
.application_box ul:nth-child(4) li .app_img a::before{background:linear-gradient(120deg,rgba(74,89,74,0.9) 5%,rgba(69,172,52,0) 50%);}
.application_box ul:nth-child(5) li .app_img a::before{background:linear-gradient(120deg,rgba(227,214,223,0.9) 5%,rgba(69,172,52,0) 50%);}
.application_box ul li .app_img h3{color:#fff;position:absolute;left:2rem;bottom:1rem;transition:all .6s;font-size:1.4rem;z-index:1;text-shadow:1px 1px 2px rgba(0,0,0,0.58);}
.application_box ul li .app_img p{color:#fff;position:absolute;left:2rem;bottom:-3rem;transition:all .6s;-webkit-box-orient:vertical;-webkit-line-clamp:1;height:25px;overflow:hidden;display:-webkit-box;font-size:1rem;}
.application_box ul li .app_img a:hover h3{bottom:3rem;}
.application_box ul li .app_img a:hover p{bottom:1rem;z-index:1;}
.application_box ul li .app_des{width:50%;padding-left:2rem;font-size:1rem;order:1;}
.application_box ul li .app_des p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:1rem;}
.application_box ul li .app_des a h3{color:#0384d7;font-size:1.4rem;display:block;font-weight:300;margin-bottom:1rem;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.application_box ul li .app_des a h3:hover{color:#f18101;}
.application_box ul li .app_des h3{font-weight:600;color:#0384d7;}
.application_box ul:nth-child(2n) li .app_img{order:1;}
.application_box ul:nth-child(2n) li .app_des{order:0;padding-right:3rem;padding-left:0;}
.applibox_footer ul li{position:relative;padding:0;}
.applibox_footer ul li .app_des{font-size:0.875rem;padding-right:0.5rem;}
.applibox_footer a.read_more{display:inline-block;position:relative;color:#f08200;transition:all .5s;}
.applibox_footer a.read_more::before{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#f08200;transition:all .5s;}
.applibox_footer a.read_more:hover{color:#0075c2;}
.applibox_footer a.read_more:hover::before{background-color:#0075c2;}
.application_box_1{margin:0 auto;width:100%;margin-bottom:4rem;}
.application_box_1 ul{width:100%;display:flex;flex-wrap:wrap;}
.application_box_1 ul li{width:32%;margin:0 2% 1rem 0;position:relative;}
.application_box_1 ul li a:before{content:"";position:absolute;left:0;top:0;background:linear-gradient(60deg,rgba(204,204,204,0.5) 5%,rgba(69,172,52,0) 50%);width:100%;height:100%;}
.application_box_1 ul li:nth-child(3n){margin-right:0;}
.application_box_1 ul li:nth-child(3n+1){clear:both;}
.application_box_1 ul li a span{position:absolute;left:1rem;right:0;margin:0 auto;bottom:2rem;color:#fff;font-size:1.6rem;text-shadow:0px 1px 1px #000;transition:all .5s;}
.application_box_1 ul li a:hover span{color:#f08200;text-shadow:0px 1px 1px #fff;}
.application_box01 ul li .app_des p{overflow:inherit;display:block;}
/* product_box */
.product_box{width:100%;font-size:1rem;line-height:1.45;background-color:#f4f7fc;padding:3rem 0;padding-bottom:1rem;background:url(../products/product_box_bg.jpg) #f4f7fc no-repeat bottom center;position:relative;}
.product_box3{background:url(../products/product_box_bg3.jpg) #f4f7fc no-repeat bottom center;}
.product_box2{background:url(../products/product_box_bg2.jpg) #f4f7fc no-repeat bottom center;}
.product_box4{background:url(../products/product_box_bg4.jpg) #f4f7fc no-repeat bottom right;}
.product_box5{background:#f4f7fc;}
.product_boxbg{background:none;padding:0;}
.product_box h3{font-size:1.6rem;color:#333;}
.product_box ul{width:100%;display:flex;flex-wrap:wrap;}
.product_box ul li{width:23.5%;margin-right:2%;margin-bottom:1rem;text-align:center;background-color:#f08200;border-radius:10px;transition:all .5s;box-shadow:0 2px 28px 0 rgb(0 0 0 / 10%);}
.name_color ul li a{height:100px;display:flex;align-items:center;justify-content:center;}
.product_box ul li:nth-child(4n){margin-right:0;}
.product_box ul li a img{border-bottom:1px solid #eee;}
.product_box ul li a span{display:block;padding:.5rem .5rem;color:#fff;transition:all .5s;font-weight:bold;}
.product_box ul li:hover{background-color:#007ec5;}
.product_box .icon_img{width:100%;display:flex;align-items:center;margin-bottom:1rem;}
.product_box .icon_img img{width:80px;height:80px;margin-right:1rem;}
.name_color ul li.color_01{background-color:#f3b127;}
.name_color ul li.color_02{background-color:#69b3d9;}
.name_color ul li.color_03{background-color:#f4a256;}
.name_color ul li.color_04{background-color:#f58220;}
.name_color ul li.color_05{background-color:#cd8c5d;}
.name_color ul li.color_06{background-color:#c1458e;}
.name_color ul li.color_07{background-color:#e34668;}
.name_color ul li.color_08{background-color:#f15921;}
.name_color ul li.color_09{background-color:#f49e28;}
.name_color ul li.color_10{background-color:#5d7aae;}
.name_color ul li.color_11{background-color:#f08200;}
.name_color ul li:hover a span{color:#f18101;font-size:1.2rem;}
.name_color ul li:hover{background-color:#fff;}
.product_box_list ul li{width:22%;margin-right:4%;margin-bottom:2rem;border-radius:10px;transition:all .5s;box-shadow:10px 10px 15px rgba(0,0,0,.3);border-radius:0;}
.product_box_list ul li a span{font-size:1.2rem;}
/* inquiry_box */
.inquiry_box{width:100%;padding:4rem;text-align:center;margin:0 auto;margin-bottom:3rem;background:url(../products/inquiry_bg.jpg) no-repeat top center;background-size:cover;background-attachment:fixed;position:relative;color:#fff;}
.inquiry_box::before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-color:rgba(0,117,194,0.55);}
.inquiry_txt{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;background-color:rgba(255,255,255,0.25);padding:2rem;}
.inquiry_box h3{font-size:1.4rem;color:#fff;}
.inquiry_box small{display:block;font-family:"OpenSans-Light";padding-top:1rem;font-size:1.2rem;}
.inquiry_button{background-color:#fff;color:#000;display:inline-block;margin:0 auto;font-size:1.3rem;padding:.5rem 1rem;text-align:center;margin-top:1rem;box-shadow:0 10px 10px 0px rgb(0 0 0 / 30%);transition:all .5s;cursor:pointer;font-weight:600;border-radius:22px;}
.inquiry_button:hover{background-color:#f18101;color:#fff;}
/* other_products_box */
.other_products_box{width:100%;background:#f2f2f2;padding:3rem 0;padding-bottom:1rem;margin-bottom:3rem;position:relative;overflow:hidden;}
.other_products_box::before{position:absolute;content:"";width:100%;height:100%;background-image:url(../images/other-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;top:0;opacity:0.8;}
.tab-header{display:flex;width:100%;margin:0 auto;padding:0 1rem;}
.tab-header a{color:#000;background-color:#f2f2f2;padding:.2rem 1rem;border-radius:10px 10px 0 0;margin-right:2%;font-size:1.6rem;transition:all .5s;}
.tab-header a.tab-label-active,.tab-header a:hover{background-color:#0075c1;color:#fff;}
.tab-item{line-height:40px;border-bottom:1px solid #ebebeb;}
.other_products_box .content{width:100%;margin:0 auto;padding:0 1rem;}
.other_item ul{width:100%;display:flex;flex-wrap:wrap;}
.other_item ul li{width:23.5%;margin-right:2%;text-align:center;background-color:#fff;margin-bottom:1.5rem;border-radius:10px 10px 0 0;overflow:hidden;transition:all .5s;}
.other_item ul li a img{width:100%;border-radius:10px 10px 0 0;transition:all .5s;transform:scale(1);}
.other_item ul li a:hover img{transform:scale(1.05);opacity:.92;}
.other_item ul li:nth-child(4n){margin-right:0;}
.other_item_noimg ul li{width:11.5%;margin-right:1%;}
.other_item_noimg ul li:nth-child(4n){margin-right:1%;}
.other_item_noimg ul li:nth-child(8n){margin-right:0;}
.other_item_noimg ul li a span{font-weight:600;color:#fff;border-bottom:1px solid #eee;}
.other_item ul li span{color:#333;padding:.5rem 0;display:block;border-top:1px solid #eee;transition:all .5s;}
.other_item ul li:hover{background-color:#ecf6fc;}
.other_item ul li:hover span{color:#fcb814;}
.application_item{width:100%;display:flex;flex-wrap:wrap;margin-bottom:0;}
.application_item ul{width:49%;margin-right:2%;margin-bottom:2rem;}
.application_item ul:nth-child(2n){margin-right:0;}
.application_item ul li .app_img{width:100%;}
.application_item ul li{padding:0;}
.swiper_other .swiper-slide{display:none;}
.swiper_other .swiper-slide:first-child{display:block;}
/* research_box */
.research_box{width:98%;margin:0 auto;display:flex;flex-wrap:wrap;}
.research_box li{width:100%;box-shadow:0 25px 70px rgb(0 0 0 / 7%);background-color:#fff;border-bottom-left-radius:40px;margin-bottom:2rem;padding:2rem;position:relative;}
.research_box li:nth-child(2n){margin-right:0;}
/* bg_color */
.bg_color{background-color:#eee;padding:3rem 0;}
.research_box{background-color:#fff;padding:2rem;position:relative;margin-bottom:-4rem;}
.research_box .name_item{width:100%;display:flex;align-items:center;margin-bottom:1rem;}
.research_box .name_item h3{font-weight:600;font-size:1.4rem;color:#333;}
.research_box span{font-size:3rem;color:#fff;background-color:#016acf;border-bottom-left-radius:15px;width:70px;height:70px;display:block;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 70px rgb(0 0 0 / 7%);margin-right:2rem;}
/* font_bg */
.font_bg{margin-top:2rem;}
.font_bg h3{font-size:1.5rem;text-align:center;font-weight:bold;}
/* adv_box */
.adv_box{width:120%;padding:2rem 2rem;background-color:#f1f0f0;box-shadow:0 10px 20px 0 rgb(43 2 89 / 10%);padding-right:6rem;min-height:180px;}
.adv_img{box-shadow:0 10px 20px 0 rgb(43 2 89 / 10%);}
/* app_item_list */
.app_item_list{width:100%;display:flex;flex-wrap:wrap;margin-top:2rem;}
.app_item_list&gt;li{background-color:#f1f9f7;padding:2rem;margin-bottom:1.5rem;font-size:1rem;width:49%;margin-right:2%;}
.app_item_list&gt;li:nth-child(2n){margin-right:0;background-color:#eff5fb;}
.app_item_list&gt;li:nth-child(3n){background-color:#e1ecf7;}
.app_item_list&gt;li:nth-child(4n){background-color:#e6f2fb;}
.app_item_list&gt;li h3{color:#000;font-weight:600;}
.app_item_list b{color:#000;font-weight:normal;font-size:1.2rem;}
@media (max-width:768.98px){.app_item_list&gt;li{width:100%;margin-right:0;}
}
.pro_sub_bg{background-color:#f5f9fc;padding:1rem;}
/* pro_bg_page_box */
.pro_bg_page_box{width:100%;position:relative;padding:3rem 0;padding-top:0;}
.pro_bg_page_box h2,.pro_bg_page_box .etw_hometitle{background-color:#8bc63e;padding-bottom:0;color:#fff;border-bottom:1px solid #fff;}
.pro_bg_page_box .bg-white h2{background-color:#fff;color:#000;}
.bg_img_box{position:absolute;left:-16%;top:5%;width:600px;height:80%;}
.bg_img_box img{border-radius:50%;border-right:15px solid #8bc63e;}
.probg_inner{width:100%;max-width:1200px;margin:0 auto;}
.pro_model{padding:1rem;background-color:#8bc63e;color:#fff;height:100%;}
.pro_model .inquiry{color:#fff;font-size:1.4rem;font-weight:bold;transition:all .5s;}
.pro_model .inquiry:hover{color:#0075c1;}
/* .red_bg */
.red_bg h2{background-color:#b20e1e;}
.red_bg .bg_img_box img{border-right:20px solid #b20e1e;}
.red_bg .pro_model{background-color:#b20e1e;}
.red_bg .table2 td{border:1px solid #b20e1e;padding:.3rem 1rem;}
.red_bg .table2 tr.top td{background-color:#b20e1e !important;}
/* .yellow_bg */
.yellow_bg h2{background-color:#f48232;}
.yellow_bg .bg_img_box img{border-right:20px solid #f48232;}
.yellow_bg .pro_model{background-color:#f48232;}
.yellow_bg .table2 td{border:1px solid #f48232;padding:.3rem 1rem;}
.yellow_bg .table2 tr.top td{background-color:#f48232 !important;}
/* .purple_bg */
.purple_bg h2{background-color:#a13d96;}
.purple_bg .bg_img_box img{border-right:20px solid #a13d96;}
.purple_bg .pro_model{background-color:#a13d96;}
.purple_bg .table2 td{border:1px solid #a13d96;padding:.3rem 1rem;}
.purple_bg .table2 tr.top td{background-color:#a13d96 !important;}
/* .pink_bg */
.pink_bg h2{background-color:#ea6f8d;}
.pink_bg .bg_img_box img{border-right:20px solid #ea6f8d;}
.pink_bg .pro_model{background-color:#ea6f8d;}
.pink_bg .table2 td{border:1px solid #ea6f8d;padding:.3rem 1rem;}
.pink_bg .table2 tr.top td{background-color:#ea6f8d !important;}
/* brown */
.brown_bg h2{background-color:#b7723b;}
.brown_bg .bg_img_box img{border-right:20px solid #b7723b;}
.brown_bg .pro_model{background-color:#b7723b;}
.brown_bg .table2 td{border:1px solid #b7723b;padding:.3rem 1rem;}
.brown_bg .table2 tr.top td{background-color:#b7723b !important;}
/* yellow_bg */
.yellow_bg h2{background-color:#fcb814;}
.yellow_bg .bg_img_box img{border-right:20px solid #fcb814;}
.yellow_bg .pro_model{background-color:#fcb814;}
.yellow_bg .table2 td{border:1px solid #fcb814;padding:.3rem 1rem;}
.yellow_bg .table2 tr.top td{background-color:#fcb814 !important;}
/* red_bg2 */
.red_bg2 h2{background-color:#822443;}
.red_bg2 .bg_img_box img{border-right:20px solid #822443;}
.red_bg2 .pro_model{background-color:#822443;}
.red_bg2 .table2 td{border:1px solid #822443;padding:.3rem 1rem;}
.red_bg2 .table2 tr.top td{background-color:#822443 !important;}
.nav-tabs{margin-top:2rem;}
.tab_cont{background-color:#f5f9fc;padding:1.5rem 0;}
.tab_cont .tab-pane{display:none;}
.tab_cont .tab-pane.show{display:block;}
.tabin .nav-link{color:#000;background:#f2f2f2;margin-right:4px;cursor:pointer;font-size:0.9rem;padding:0.5rem;}
.tabin .nav-link.active,.tabin .nav-link:hover{background:#f39500;color:#fff;}
.pro_subname{color:#000;font-size:1.6rem;position:relative;line-height:1.35;position:relative;padding-bottom:1rem;padding-top:1rem;font-weight:bold;}
.sub_inquiry a{color:#f08200;font-size:0.875rem;display:inline-block;position:relative;padding-bottom:0.3rem;border:1px #f08200 solid;padding:4px 20px;}
.sub_inquiry a:hover{color:#fff;background:#f08200;}
/* inquiry_bg */
.inquiry_bg{width:100%;margin:2rem auto;padding:2rem;background:url(../images/pro_bg.jpg) no-repeat top;background-size:cover;background-attachment:fixed;}
.form_title{color:#000;font-size:2rem;font-weight:600;}
/*news*/
.etw_right{width:73%;float:right;}
.etw_sidebar{width:24%;float:left;padding:0 .25rem;margin-bottom: 3rem; }
/****Products List****/
#etw_productlist{width:100%;overflow:hidden;position:relative;border-top: 2px solid #f08200;background:#f8f8f8;}
#etw_productlist&gt;ul&gt;li{width:100%;border-top:1px #eee solid;}
#etw_productlist&gt;ul&gt;li&gt;a{display:block;font-size:0.875rem;color:#666;line-height:1.2rem;position:relative;border-bottom:1px solid #eee;padding:0.5rem 1rem 0.5rem 1.5rem;}
#etw_productlist&gt;ul&gt;li:first-child{border-top:none;}
#etw_productlist&gt;ul&gt;li:nth-last-child(1) a{border-bottom:none;}
#etw_productlist&gt;ul&gt;li&gt;a:before{content:"\f0da";font-family:fontawesome;position:absolute;left:0.4rem;top:10px;color:#000;font-size:0.875rem;text-align:center;line-height:12px;}
#etw_productlist&gt;ul li a:hover,#etw_productlist&gt;ul li a.dq{color:#f08200;}
#etw_productlist&gt;ul&gt;li ol{padding-top:0.6rem;}
#etw_productlist&gt;ul&gt;li ol li a{color:#666;font-size:0.75rem;padding-left:1.5rem;line-height:1.1rem;display:block;margin-bottom:0.6rem;padding-right:0.3rem;}
#etw_productlist&gt;ul&gt;li ol li a.dq,#etw_productlist&gt;ul&gt;li ol li a:hover{color:#f08200;background:none;}
@media (max-width:991.98px){#etw_productlist{display:none;}
.etw_container{overflow:hidden;}
}
@media (max-width:1200px){}
@media (max-width:991.98px){#container.homecontainer{margin-top:0;}
}
.etw_sidebar .etw_hometitle{display:block;color:#fff;font-size:1.25rem;font-weight:700;padding:0.5rem 0 0.5rem 1.25rem;margin:0;background:#0075c2;font-family:Arial,sans-serif;}
.etw_right figure a:hover img{opacity:.9;}
@media (max-width:991.98px){#container{margin-top:0px}
.etw_right,.etw_sidebar{width:100%;}
.etw_sidebar .title1,.etw_sidebar .title2,.etw_sidebar .title3{background:#124ca0;}
}

.related_news{margin-top:30px;border-top:1px #ccc dashed;padding-top:20px;background:#fafafa;box-shadow:1px 1px 4px 0 rgba(0,0,0,.2);}
.related_news .item{background:#eee;}
.related_news .item .product_img{height:150px;overflow:hidden;}
.related_news .item .product_con a{font-size:12px;line-height:16px;display:block;padding:5px 10px;}
.related_news .item:hover .product_con a{color:#da251d;}
#app_class_menu,#app_new_pro{display:none;}
.newslist{margin-top:0!important}
.newslist ul&gt;li&gt;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;background:#eee;overflow:hidden;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.news_list ul:hover{box-shadow:0px 5px 0px 0px #f08200;;}
.news_list ul&gt;li,.news_list ul&gt;li&gt;ol{width:100%}
.news_list ul&gt;li&gt;ol&gt;li.product_img{width:26%;height:150px;float:left;margin-right:2%;overflow:hidden;}
.news_list ul&gt;li&gt;ol&gt;li.product_con{overflow:hidden;width:72%}
.news_list ul&gt;li&gt;ol&gt;li.product_con a{font-size:16px;line-height:20px;color:#111;font-weight:bold;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&gt;li&gt;ol&gt;li.product_con a:hover{color:#f08200}
.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:#f08200;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:#f08200}
.news_related_li{width:24%;padding-right:1%;float:left}
.etw_reviewpro{padding:20px 0;}
.etw_reviewpro li{width:100%;}
.etw_reviewpro li a{display:block;color:#333;position:relative;padding-left:16px;}
.etw_reviewpro li a:hover{color:#ff4e4e;}
.etw_reviewpro li a:before{position:absolute;content:'';width:5px;height:5px;left:0px;top:8px;background:#777;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.etw_reviewpro li a:hover:before{background:#ff4e4e}
@media (max-width:767.98px){.news_list ul&gt;li&gt;ol&gt;li.product_img{float:none;width:100%;margin-right:0;margin-bottom:1rem;}
.news_list ul&gt;li&gt;ol&gt;li.product_img img{width:100%;display:block;}
.news_list ul&gt;li&gt;ol&gt;li.product_con{width:100%;float:none;}
}
/* #container */
#container{width:100%;margin:0 auto;margin-top:80px;}
.home_box{margin-top:0 !important;}
.content{width:100%;max-width:1200px;margin:0 auto;}
.page_box{width:100%;background-color:#fff;max-width:1200px;margin:0 auto;position:relative;z-index:1;padding:1rem;}
.line_bg{border-top:1px solid #eee;padding-top:2rem;}
/* #quicknav */
#quicknav{width:100%;margin:0 auto;height:auto;color:#666;font-size:.9rem;overflow:hidden;position:relative;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:1rem;}
#quicknav a{color:#666;}
#quicknav li{display:inline-block;padding:0.2rem 0.4rem 0.2rem 0;}
#quicknav li + li::before{padding:0 5px;color:#666;content:"/\00a0";}
#quicknav a:hover{color:#0075c1;}
#quicknav li:last-child{color:#0075c1;}
/* .item */
.item{width:100%;display:flex;flex-wrap:wrap;}
.items{display:block;}
.item li{width:100%;margin-bottom:.5rem;position:relative;padding-left:1.5rem;}
.item li::before{position:absolute;content:"";left:.5rem;top:.8rem;width:5px;height:5px;border-radius:50%;background-color:#fcb814;}
.item li p{font-size:1rem;}
.item2{display:flex;flex-wrap:wrap;}
.item2 li{width:48%;margin-right:2%;}
.item2 li:nth-child(2n){margin-right:0;}
.item_strong{font-size:1rem;margin-top:0;}
.item li p.item_source,p.item_source{color:#666;font-size:0.75rem;line-height:1rem;padding-top:0.5rem;}
.proitem{padding:8px 0;float:none;width:auto;overflow:hidden;}
.proitem&gt;li{width:100%;padding:0 0 0.7rem 1.5rem;position:relative;}
.proitem&gt;li::before{position:absolute;content:"\f046";left:1px;top:0rem;font-family:'fontawesome';color:#fcb814;}
.proitem&gt;li strong{font-size:1rem;}
/* etw_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{margin:0 2% 1rem 0;position:relative;background-color:#eee;}
.etw_gallery ul li img{mix-blend-mode:multiply;transition:all .5s;transform:scale(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 figure:before{position:absolute;content:'';background:rgba(0,0,0,.35);left:0;right:0;margin:0 auto;width:0;height:0;transition:.3s all ease-in-out;}
.etw_gallery ul li figure:after{position:absolute;content:"\f00e";color:#fff;font-size:2rem;line-height:3rem;font-family:FontAwesome;opacity:0;transition:.6s all ease-in-out;left:50%;top:50%;transform:translate(-50%,-50%);}
.etw_gallery ul li:hover figure:before{width:100%;height:100%;}
.etw_gallery ul li:hover figure:after{opacity:.6}
.etw_gallery ul li a .inquiry{display:block;text-decoration:none !important;color:#00467f;position:relative;padding-left:1.5rem;font-size:1.1rem;line-height:1.35;}
.etw_gallery ul li a .inquiry::after{position:absolute;content:"\f0e0";font-family:fontawesome;left:0;top:.2rem;font-size:.95rem;}
.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{padding:.5rem 1rem;line-height:1.25;color:#666;display:block;width:100%;font-size:0.9rem;padding-bottom:1rem;font-weight:400;text-align:center;}
.etw_gallery ul li a:hover img{transform:scale(1.02);}
.etw_gallery ul li span strong{display:block;}
/* .left_pics */
.left_pro_img,.products_img{position:relative;}
.left_pro_img a{position:relative;display:block;}
.left_pics{width:98%;height:auto;margin:0 auto;text-align:center;position:relative;}
.sample_img{position:absolute;right:.5rem;bottom:1rem;z-index:1;}
.left_pics img{text-align:center;}
.left_pics a{display:block;overflow:hidden}
.related_pic{width:100%;display:flex;flex-flow:wrap;position:relative;justify-content:center;}
.related_pic a{width:23.5%;margin-right:2%;}
.related_pic a:nth-child(4n){margin-right:0;}
.related_pic a:nth-child(4n + 1){clear:both;}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid;margin:10px 0 10px 0;}
.related_pic img:hover,.related_pic a.imgdq img{border:1px #3498db solid;}
.related_pic span{font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
/* footer */
#footer{width:100%;text-align:center;margin:0 auto;font-size:.95rem;background-color:#f5f3f4;overflow:hidden;}
.line_box{width:100%;height:10px;background-color:#fcb814;position:relative;}
.line_box::before{position:absolute;content:"";width:30%;height:10px;background-color:#0075c2;right:0;top:0;transform:skew(-25deg);}
.line_box::after{position:absolute;content:"";width:30%;height:10px;background-color:#f5f3f4;left:0;top:0;transform:skew(-25deg);}
.etw_bottom{padding:2rem 0;padding-bottom:0;width:100%;margin:0 auto;position:relative;text-align:left;color:#666;}
.logo_img{position:relative;margin-bottom:-3rem;z-index:2;}
.logo_img img{max-width:150px;}
.bottom_logo p{margin-top:1.5rem;}
.home_link{width:100%;overflow:hidden;background-color:#0075c2;margin:0 auto;padding:.5rem 0;}
#footer a:hover{color:#0075c1;}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a{position:relative;font-size:1.2rem;line-height:1.3;margin-bottom:.8rem;color:#333;font-family:"FiraSans-Bold";}
.etw_bottom .etw_foot_title{position:relative;}
.etw_bottom .etw_foot_title a:hover{color:#666!important;text-decoration:none;}
.pblist{overflow:hidden;margin:0.5rem auto;}
.pblist_box{width:100%;}
.etw_bottom a{color:#666;}
.etw_bottom a:hover{color:#0075c1;}
.etw_bottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li{width:100%;float:left;position:relative;margin-bottom:.5rem;}
.etw_bottom ul &gt; li &gt; a{display:block;line-height:1.25rem;color:#616161;position:relative;position:relative;padding:.3rem 0;font-size:1rem;padding-left:.8rem;font-family:"FiraSans-Regular";}
.etw_bottom ul &gt; li &gt; a::before{position:absolute;content:"\f105";left:0;top:.3rem;font-family:fontawesome;}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem;}
.cot_add:before{content:"\f041";position:absolute;left:0px;top:4px;color:#333;font-family:fontawesome;font-size:20px;}
.cot_tel:before{content:"\f095";position:absolute;left:0px;top:3px;color:#333;font-family:fontawesome;font-size:18px;}
.cot_email:before{content:"\f0e0";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px;}
.cot_people:before{content:"\f2be";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px;}
.cot_mobile:before{content:"\f10b";position:absolute;left:2px;top:-3px;color:#333;font-family:fontawesome;font-size:26px;}
.cot_fax:before{content:"\f1ac";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before{content:"\f232";position:absolute;left:0px;top:2px;color:#333;font-family:fontawesome;font-size:18px;}
#etw_coper{margin-top:2px;width:100%;line-height:22px;}
#etw_coper a{color:#fff;font-size:12px;}
#otherlink{clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem;}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #fff;font-size:12px;}
#otherlink a span{opacity:0.5;position:relative;top:0;}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:#f39500;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out;}
/*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;}
/* 20230818 */
.video-item{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);z-index:1;}
.video-item{display:-webkit-box;display:-ms-flexbox;display:flex;}
.video-item .video-btn{z-index:4;display:block;text-align:center;position:relative;border-radius:50%;width:90px;height:90px;line-height:90px;text-align:center;cursor:pointer;background-color:#f39500;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.video-item .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%;font-size:26px;color:#fff;}
.video-item .video-btn::after,.video-item .video-btn::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;border-radius:50%;background-color:#f39500;-webkit-animation:ripple 1.6s ease-out infinite;animation:ripple 1.6s ease-out infinite;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
@-webkit-keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0);}
50%{-webkit-transform:translate(100px);transform:translate(100px);}
100%{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
}
@keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0);}
50%{-webkit-transform:translate(100px);transform:translate(100px);}
100%{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
}
@-webkit-keyframes ripple{0%,35%{-webkit-transform:scale(0);transform:scale(0);opacity:1;}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.8;}
100%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);}
}
@keyframes ripple{0%,35%{-webkit-transform:scale(0);transform:scale(0);opacity:1;}
50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.8;}
100%{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);}
}
.about_box .video-item{position:inherit;display:block;transform:translate(0,0);margin-bottom:-6%;margin-left:6rem;}
.top-box{float:right;}
.top-box .link_video span{background-color:#f39500;color:#fff;font-size:1rem;width:125px;display:flex;align-items:center;cursor:pointer;line-height:1.2rem;padding:.2rem 1rem;margin:0.55rem 0 0.3rem 1rem;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.top-box .link_video span i{margin-right:1rem;font-size:1.5rem;}
.top-box .link_video span:hover,.top-box .link_video span.active{background-color:#0f599b;}
.top-nav{padding-top: 1.8rem;}
#etw_logo{margin-top: 1.2rem;}
.etw_language{margin:0.2rem 0 0.5rem;}
#container{margin-top: 96px;}
@media (max-width:991.98px){.top-box .link_video span{display:none;}
.etw_language{margin-top:1rem;}
}
@media (max-width:768.98px){.video-item .video-btn{display:none;}
.about_box .video-item{margin-bottom:0;}
}

@media (max-width:1580.98px){
    .pro_inner_des h2{font-size: 1.8rem;}
}
@media (max-width:1400.98px){.pro_inner_des h2{font-size: 1.2rem;
    padding: 0.6rem 0;}
}
@media (max-width:1300.98px){#etw_content,.header_in,.etw_bottom,.content{padding-left:15px;padding-right:15px;}
}
@media (max-width:1299.98px){.top-nav{padding-left:0;}
.navbar-expand-lg .navbar-nav .nav-link{padding:.2rem 0.8rem;}
.pro_txt{padding: 0 15px;}
}
@media (max-width:1199.98px){.navbar-expand-lg .navbar-nav .nav-link{font-size:.85rem;}
.banner_txt{text-align:center;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev{display:none;}
.banner_inner{max-width:inherit;}
.probg_inner{padding: 0 15px;}
.pro_inner_des h2{font-size: 1rem;}
.pro_inner_des{font-size: 0.775rem;line-height: 1.15;}
}
@media (max-width:1025.98px){}
@media (max-width:991.98px){#header{position:inherit;min-height:inherit;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;}
.top-nav .navbar-nav .navright{display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu{box-shadow:none;}
#etw_logo{margin-top:.5rem;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,.left_share,#quicknav{display:none;}
.etw_language{background-color:transparent;}
.etw_language &gt; ul &gt; li &gt; a text{display:none;}
.etw_language span{color:#333;font-size:1.8rem;}
.etw_language ul ul{border:1px solid #eee;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
#etw_language .dropdown-item{min-width:auto;padding:3px 10px;text-align:center;}
.navbar-expand-lg .navbar-nav .dropdown-menu{margin-top:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
.top-nav .navbar{float:left;width:100%;}
.nav-item span.pro_icon{display:block;}
.navbar-light .navbar-toggler{color:#333;font-size:2.5rem;border:none !important;margin-top:7px;padding:.5rem 0.75rem;position:relative;z-index:1;}
.top-nav{width:100%;padding-left:0;margin-top:0;background-color:#eee;padding:0;}
.navbar-expand-lg .navbar-nav .nav-link{padding:0.6rem 2.5rem 0.6rem 0.5rem;border-right:none;position:relative;font-size:1.2rem;border-bottom:1px solid #666;color:#333;text-transform:none;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before{display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu &gt; li &gt; a{font-size:1rem;}
.top-nav .navbar-nav .row .navleft li a{display:block;font-size:1rem;color:#333;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1rem;border-bottom:1px solid #eee;}
.navbar{padding:0;}
.dropdown-item{white-space:normal;padding-top:0.5rem;font-size:14px;}
.dropdown-toggle::after{display:none;}
.navbar-light .navbar-nav .active &gt; .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show &gt; .nav-link{border-radius:0;color:#fff;background-color:#00467f;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{border-radius:0;color:#fff;background-color:#00467f;}
#menu-items{border-radius:0 !important;}
.pro_banner{display:none;}
#etw_logo span{display:none;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev{display:none;}
.page_details .swiper-wrapper,.swiper-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.pro_list{padding:1rem;}
.swiper-container-horizontal &gt; .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{padding:1rem 1.5rem;background-color:#eee;}
/* .hub_banner{display:none;} */
.research_box{padding:1rem;}
.research_box li{padding:20px 15px;}
.research_box .name_item{display:block;}
.research_box span{margin:0 auto 15px;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;}
.research_box .name_item h3{text-align:center;}
.webtitle{font-size:2rem;}
.inquiry_box{padding:1rem;}
.inquiry_txt{padding:1rem;}
h2,.etw_hometitle{font-size:2rem;}
h2 br,.etw_hometitle br{display: none;}
.page_box .content{padding:0;}
.w-80{width:100%;}
.font_bg h3{font-size:1.3rem;}
.left_des_img .des_box::before{display:none;}
.left_des_img .img_box span,.img_box2 span,.right_box span{font-size:1.4rem;}
.aboutbanner_txt{padding: 0 15px;}
.hub_box ul li{width: 49%;margin-right: 2%;display: block;}
.hub_box ul li:nth-of-type(2n){margin-right: 0%;}
.hub_box ul li .hub_img,.hub_box ul li .hub_des{width: 100%;}
#etw_banner.hub_banner img{display: none !important;}
.pro_txt{position: relative;top: 0;padding: 15px;}
.pro_inner_des{margin-top: 0 !important;}
.hub_banner .swiper-slide::before{background: linear-gradient(120deg,rgba(0,117,194,0.9) 95%,rgba(69,172,52,0) 0%);}
.pro_inner_des h2, .pro_inner_des .etw_hometitle{text-shadow: none;}
#etw_banner.hub_banner .swiper-pagination{display: none;}
strong{font-size: 1.4rem;}
.big_title{font-size: 1.4rem;}
.product_box{overflow: hidden;}
.application_box_1{margin-bottom: 2rem;}
.application_box_1 ul li a span{font-size: 1.4rem;}
.form_title{font-size: 1.6rem;}
.tab-header a{font-size: 1.4rem;}
.product_box{padding: 2rem 0;}
.hub_banner01 .pro_txt{padding: 30px 15px;}
#etw_banner.hub_banner01 .swiper-slide{background-image: none !important;}
.pro_model{margin-bottom: 2rem;}
.bg_img_box{left: 0;width: 100%;}
.bg_img_box img{display: none;}
.inquiry_bg{padding: 2rem 1rem;}
.pro_inner_des h2{font-size: 1.2rem;}
.pro_inner_des{font-size: 0.85rem;line-height: 1.35;}
}
@media (max-width:768.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;}
.webtitle{font-size:1.8rem;letter-spacing:normal;}
.inquiry_box h3{font-size:1.2rem;}
.inquiry_button{font-size:1.1rem;}
.application_box ul li .app_img{width:100%;margin-bottom:1rem;}
.application_box ul li .app_des{width:100%;padding-left:0;}
.application_box ul:nth-child(2n) li .app_img{order:0;}
.application_box ul li .app_img h3{left:0rem;bottom:0;margin-bottom:0;background-color:rgba(243,150,0,0.8);padding:5px 10px;}
.about_box ul li a{background-color:#f18101;color:#fff;}
.mainproducts_box ul li{width:49%;margin-right:2%;}
.mainproducts_box ul li:nth-of-type(3n){margin-right:2%;}
.mainproducts_box ul li:nth-of-type(2n){margin-right:0%;}
.mainproducts_box ul li a .hover_overlay{-webkit-transform:perspective(800px) rotateY(60deg);-moz-transform:perspective(800px) rotateY(0deg);-ms-transform:perspective(800px) rotateY(0deg);-o-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg);transform-style:preserve-3d;visibility:visible;opacity:.4;}
.mainproducts_box ul li a .hover_content,.mainproducts_box ul li:last-child .hover_content{opacity:1;}
.mainproducts_box ul li a h3{font-size:1.4rem;}
.why_us_box ul li.left_box{width:100%;margin-bottom:1.5rem;margin-right:0%;}
.why_us_box ul li.center_box,.why_us_box ul li.right_box{width:48%;}
.why_us_box ul li.center_box img,.why_us_box ul li.right_box img{width:100%;display:block;}
.left_des_img .des_box{width:100%;margin-right:0%;}
.left_des_img .img_box{width:49%;margin-right:2%;}
.left_des_img .img_box:nth-of-type(2n-1){margin-right:0;display:block;}
.left_des_img .img_box img{width:100%;display:block;}
.img_box2{display:none;}
.why_us_box ul li.center_box{display:none;}
.hub_box ul li .hub_des a h3{font-size: 1.3rem;}
.hub_box ul li .hub_des{padding: 1rem;}
h2, .etw_hometitle{font-size: 1.6rem;}
.application_box_1 ul li{width: 49%;}
.application_box_1 ul li:nth-of-type(3n){margin-right: 2%;}
.application_box_1 ul li:nth-of-type(2n){margin-right: 0%;}
.product_box ul li{width: 32%;margin-right: 2%;}
.product_box ul li:nth-of-type(4n){margin-right: 2%;}
.product_box ul li:nth-of-type(3n){margin-right: 0%;}
.product_box h3{font-size: 1.4rem;}
.product_box ul li a span{font-size: 0.9rem;}
.adv_box{width: 100%;padding: 15px;}
.tab-header a{font-size: 1.2rem;}
.other_item ul li span{font-size: 0.9rem;}
.other_item ul li{width: 32%;}
.other_item ul li:nth-of-type(4n){margin-right: 2%;}
.other_item ul li:nth-of-type(3n){margin-right: 0%;}
.app_item_list&gt;li h3{font-size: 1.2rem;}

}
@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;}
}
@media (max-width:575.98px){.mainproducts_box ul li{width:100%;margin-right:0%;}
.mainproducts_box ul li:nth-of-type(3n){margin-right:0%;}
.mainproducts_box ul li:nth-of-type(2n){margin-right:0%;}
.left_des_img .img_box{width:100%;margin-right:0%;margin-bottom:1rem;}
.why_us_box ul li.center_box,.why_us_box ul li.right_box{width:100%;}
.hub_box ul li{width: 100%;margin-right: 0%;}
.application_box_1 ul li{width: 100%;margin-right: 0%;}
.application_box_1 ul li:nth-of-type(3n){margin-right: 0%;}
.tab-header{padding: 0;}
}
@media (max-width:480.98px){
    .product_box ul li{width: 49%;}
    .product_box ul li:nth-of-type(3n){margin-right: 2%;}
    .product_box ul li:nth-of-type(2n){margin-right: 0%;}
    .other_item ul li{width: 49%;}
    .other_item ul li:nth-of-type(3n){margin-right: 2%;}
    .other_item_noimg ul li:nth-of-type(3n){margin-right: 1%;}
.other_item ul li:nth-of-type(2n){margin-right: 0%;}
.application_item ul{width: 100%;margin-right: 0%;}
}
@media (max-width:380.98px){.etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li{width:100%;margin-right:0;}
.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(3n){margin-right:0%;}
.tab-header {display: block;}
.tab-header a{ margin-bottom: 15px; display: inline-block; border-radius:10px; -webkit-border-radius:0px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.tab-header a:nth-of-type(2n){margin-bottom: 0;}
}
@media (max-width:320.98px){}
.layui-layer-title{font-weight:bold;}
.downlayerbox{padding:20px;background:#fef7f0;}
.downline{width:100%;margin-bottom:10px;clear:both;overflow:hidden;}
.downline span{float:left;padding-right:8px;color:#000;display:block;width:100%;}
.downline i{color:#ce352c;}
.downline input{width:100%;}
.downline .downline_li{width:48%;margin-right:4%;float:left;}
.downline .downline_li:nth-child(2n){margin-right:0;}
.downlayerbox #mysecretBtn{float:left;background:#e11f1c;color:#fff;border:none;margin-top:5px;}
.downlayerbox .ajaximg{float:left;padding-left:6px;display:none;}

/*added it by mysteo*/
.video_container{
    position: relative;
}

.video_container .paly_icon,.video_container .video_paly_icon{
    
    z-index:4;display:block;text-align:center;position:relative;border-radius:50%;width:90px;height:90px;line-height:90px;text-align:center;cursor:pointer;background-color:#f39500;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
    /* background-color:rgb(255,255,255,.78);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:1.5rem;
    padding-left:.3rem;
    color:var(--green-color);
    border:5px solid var(--green-color);
    z-index:1;
    
    z-index: 22;
    cursor: pointer; */
}
.video_container .paly_icon i,.video_container .video_paly_icon 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%;font-size:26px;color:#fff;
}
.video_container .paly_icon{
    width:60px;
    height:60px;
    position: absolute;
    left: 22%;
    bottom: 5%;
    animation:pulse 2s infinite;
}
.video_container .video_paly_icon{
    width:40px;
    height:40px;
    position: absolute;
    left: calc( (100% - 40px ) / 2);
    bottom: calc( (100% - 40px ) / 2);
}
.video_container .left_10_80{
    left:10%;
    top:80%;
}
/* pulse btn */
@-webkit-keyframes pulse{
    0%{-webkit-box-shadow:0 0 0 0 rgba(182, 135, 74, 0.8);}
    70%{-webkit-box-shadow:0 0 0 45px rgba(93,158,117,0);}
    100%{-webkit-box-shadow:0 0 0 0 rgba(93,158,117,0);}
}
@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(93,158,117,0.8);box-shadow:0 0 0 0 rgba(182, 135, 74, 0.8);}
70%{-moz-box-shadow:0 0 0 45px rgba(93,158,117,0);box-shadow:0 0 0 45px rgba(93,158,117,0);}
100%{-moz-box-shadow:0 0 0 0 rgba(93,158,117,0);box-shadow:0 0 0 0 rgba(93,158,117,0);}
}


.allvideoslabel{
        color: var(--text-dark);
        text-decoration: none;
        font-size: 1.5rem;
        line-height: 1;
        font-weight: bold;
        font-family: "Century Gothic", sans-serif;
        margin: 0 40px;
}
.memoitem{
    font-size: .85rem;
font-family: "Century Gothic", sans-serif;
}
/*video stop*/

/*for video page start*/

.etwvideo_hub{position:relative;}
.etwvideo_hub ul{display:flex;flex-wrap:wrap;position:relative; padding-bottom:1rem; flex-direction: row; justify-content: space-between;}
.etwvideo_hub ul&gt;li{width: 48%;
    margin: 0 2% 2rem 0;
    position: relative;
    border: 1px solid #eee;
    transition: .3s all ease-in-out;
    background: #eff7fa;
    border-radius: 5px;
    box-shadow: 1px 3px 10px rgba(0 0 0 / 15%);}
.etwvideo_hub ul&gt;li:nth-child(3n){margin-right:0;}
.etwvideo_hub ul&gt;li:nth-child(3n+1){clear:both;}
.etwvideo_hub ul li ol{position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;}
.etwvideo_hub ul li ol li.product_img{width:100%;position:relative;}
.etwvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
 .etwvideo_hub ul li ol li.product_img a:before{position: absolute;content: ""; left: 0;  top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); transition: all .5s;}
.etwvideo_hub ul li ol li.product_img img{border-radius:5px; width:100%;}
.etwvideo_hub ul li ol li.product_con{width:100%;position:relative;padding:0 1rem; text-align: center;}
.etwvideo_hub ul li ol li.product_con a{display:block;font-size:0.875rem; line-height:2rem; padding: 5px 0; font-family:Arial, Helvetica, sans-serif;}
.etwvideo_hub ul li ol li.product_con a:hover{ color:#005bac;}

.etwvideo_hub ul li ol li.product_img a:hover:before{background-color: rgba(0,0,0,.2);}

#video_right .more_details a{color:#fff;font-size:0.875rem;text-transform:uppercase;background:#005aba;padding:0.4rem 2rem;border-radius:0.5rem;display:inline-block;margin:0.5rem 0 0 0;border:1px #aaa solid;font-weight:normal;box-shadow:0 1px 2px 0 rgba(0,0,0,.14),0 1px 4px 0 rgba(0,0,0,.12),0 2px 2px -1px rgba(0,0,0,.2);}
#video_right .more_details a:hover{border-color:#005aba;background:none;color:#005aba;}
/* video_button */
.video_button{width: 80px;height: 80px; position: absolute; border-radius: 50%;background-color: rgba(0,91,172,.6); top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;transition: all .5s; box-shadow: 0 0 25px rgb(0 0 0 / 20%);z-index: 1;border: 2px solid #fff;}
.video_button::before{position: absolute;content: "\f04b"; top: 50%;left: 50%;transform: translate(-50%,-50%);font-family:fontawesome;color: #fff;font-size: 2rem;padding-left: .5rem;}
.video_button:hover{background-color: #005bac;}
.small_video{width: 40px;height: 40px;}
.small_video::before{font-size: 1rem; padding-left: .3rem;}
@media (max-width:991.98px){
#video_sidebar,#video_right{width:100%}
#etw_videolist&gt;ul{display:block;display:flex;flex-wrap:wrap;}
#etw_videolist&gt;ul&gt;li{width:49%;margin-right:2%;}
#etw_videolist&gt;ul&gt;li:nth-child(2n){margin-right:0;}
#etw_videolist&gt;ul&gt;li:nth-child(2n+1){clear:both;}
.etwvideo_hub ul&gt;li{width:49%;}
.etwvideo_hub ul li ol li.product_img{width:100%;}
.etwvideo_hub ul li ol li.product_con{width:100%;text-align:center;}
.etwvideo_hub ul&gt;li:nth-child(3n){margin-right:2%;}
.etwvideo_hub ul&gt;li:nth-child(3n+1){clear:none;}
.etwvideo_hub ul&gt;li:nth-child(2n){margin-right:0;}
.etwvideo_hub ul&gt;li:nth-child(2n+1){clear:both;}
}
@media (max-width:575.98px){
#etw_videolist&gt;ul&gt;li{width:100%;margin-right:0;}
#etw_videolist&gt;ul&gt;li&gt;a{border-radius:0.3rem 6px 6px 0.3rem;}
.etwvideo_hub ul&gt;li{width:100%;margin-right:0;}
.etwvideo_hub ul&gt;li:nth-child(3n){margin-right:0%;}
}

/*for video page stop*/</pre></body></html>