@charset "utf-8";

/* bootstrap-icons */
@import "../fonts/bootstrap-icons/bootstrap-icons.min.css";

@font-face {font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype");font-display: swap;}


/* latin-ext */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Libre-Franklin-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;font-display: swap;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Libre-Franklin-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;font-display: swap;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight:500;
  src: url(../fonts/Libre-Franklin-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;font-display: swap;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Libre-Franklin-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;font-display: swap;
}

/* latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Libre-Franklin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap;
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Libre-Franklin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap;
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Libre-Franklin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Libre-Franklin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap;
}







@font-face {font-family:"iconfont";src:url("../fonts/iconfont.ttf?t=1622274305876") format("truetype");font-display: swap;}







.iconfont {font-family:"iconfont" !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}




body {color:#333;font-family:'Libre Franklin', Arial, Helvetica, sans-serif;font-size:1rem;line-height:1.65; background-color: #fff;font-weight: 400;}
.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;}
strong {display:inline-block;color:#1b1b1b; position: relative; font-size: 1.2rem;}
strong text{color:#002d5d;}
b{color: #333;}
.inquiry{color: #023b7d; text-decoration: none;}
.inquiry:hover{color: #0075c1;}
a {text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;transition: all .5s; }
a:hover {color:#174277;}
a:focus {outline:0;text-decoration:none;}
a,a:hover {text-decoration:none;}
a.link {color:#174277;display:inline-block;text-decoration:underline;font-size: 1.2rem;}
a.link:hover {color:#0075c1;text-decoration:none;}
.btn-secondary {padding:0rem 0.5rem;}
.layui-layer-dialog .layui-layer-content{display: none;}
.layui-layer-btn .layui-layer-btn0{ background: none !important;font-size: 1.4rem;border: none !important;}
.layui-layer-btn a{height:50px !important;line-height: 50px !important;}
.btn:not(:disabled):not(.disabled) {cursor:pointer;}
.review {color:#004680;font-size:18px;}
.brief {width:100%;margin:1rem auto; font-size:1rem;color:#666;}
.etw_pdf{position: relative; padding: 3rem 0; }
.etw_pdf a{color: #333; padding-left: 2.5rem;position: relative; display: block; font-size: 1.2rem;}
.etw_pdf a::before{position: absolute;content: "\f63e"; font-family: bootstrap-icons;left: 0;top: -.2rem; color: #00aec4;font-size: 1.5rem;}
.etw_pdf a:hover{color: #0075c1;}
.table td{padding: .8rem .8rem;line-height: 1.35; vertical-align: middle;  border: none; border-right: 1px solid #ccc; }
.table .top{font-weight: bold;}
.table .top td{background-color: #f2f2f2 ; color: #000; padding: .8rem .8rem;}
.table .top td .inquiry{color: #fff;}

.table tr:nth-child(2n) {background-color:#f9f9f9}
.table tr td:last-child{border: none;}
.table{border-bottom:  1px solid #ccc;}
.border-none{border:none !important }
.table-bordered td{border: 1px solid #ccc;}
.table-bordered tr td:last-child{ border: 1px solid #ccc; }




.inquiry{color: #004680; text-decoration: underline;}
.inquiry:hover{color: #002d5d;}

.theme-send-inquiry-box {background:#0054a7 !important;}
.theme-box-name {background:#00aec4 !important;text-transform:uppercase;border-left:1px #002d5d solid !important;}

h3 {font-size: 1.2rem;}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle{display:block;font-size: 2rem; margin: 0; padding-bottom: 1rem;  line-height: 1.15; font-weight: 600;}
.etw_hometitle{ font-size: 2.4rem; position: relative;margin-bottom: 1rem; padding-bottom: .5rem;}
.etw_hometitle span{font-weight: 200;}
.small_font{font-size: 1.6rem; color: #002d5d;}
.pro_name{color: #666; font-size: 1.1rem; position: relative;line-height: 1.35;margin-top: -.5rem; margin-bottom: .8rem; position: relative; border-bottom: 1px solid #eee; padding-bottom: 1rem; }
.color_font{color: #333; font-size: 1.4rem; margin-top: 1rem;border-bottom: 1px solid #333; padding-bottom: 1rem; margin-bottom: 1rem;}
h3.pro_model{color: #666; font-size: 1.2rem; margin-bottom: 1rem;color: #002d5d; position: relative; padding-bottom: 1rem; margin-bottom: 1rem;}
h3.pro_model::before{position: absolute;content: ""; width: 30px; height: 2px; background-color: #002d5d; bottom: 0; left: 0;}
h2 strong{font-size: 2.2rem;}

.page_title{font-size: 1.4rem; position: relative;  display: block;  font-weight: 600; margin-bottom: 1rem; margin-top: 1rem; padding-bottom: .5rem;}
.page_title::before{position: absolute;content: "";width:100px; height: 1px; background-color: #002d5d; left: 0; bottom:0;}
.font_fold{font-size: 1.2rem; color: #000;}
.contact_des a{ color: #002d5d; 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;}
.contact_des b{font-weight: 600;}
.contact_des h3.title01{font-size: 1.5rem;}

.indent-left{padding-left: 3.8rem;}
#etw_top {position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#f2f2f2;z-index:100;cursor:pointer;color:#333;font-weight:700;line-height:28px;border-radius:50%;}
#etw_top a {color:#002d5d;}
#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:#0054a7;}
/* #header */
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left; transition: all .5s; padding:0 1rem;      }
.header_in {width:100%;max-width:1200px;margin:0 auto; position: relative;}
#etw_logo {width:auto;text-align:center;float:left; margin-top:1.5rem;  transition: all .8s; }
#etw_logo a{width: 100%; display: flex; align-items: center;}
#etw_logo h1{color: #666; font-size: .9rem; display: block; display: block; width: 100%; max-width: 170px; text-align: center; padding-left:.8rem;line-height: 1.35;}
.logo_01,.nav-fixed .logo_02{display: none;}
.nav-fixed .logo_01{display: block;}



/* .top-nav */
.top-nav {width:auto;float:right;padding-left:2rem; transition: all .8s;  margin-bottom: 1rem; }
.top-nav .navbar {padding:0;float:right;}


.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:.5rem 1rem;color:#fff; text-transform: uppercase; position: relative;font-size: 1rem;}
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;left:50%;bottom: -16px;width:0px;height:3px;background-color:#00aec4;transform:translateX(-50%);transition:0.5s;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item .nav-link:hover::before{width:100%;}

.navbar-expand-lg .navbar-nav .dropdown-menu {top:56px; transition: all .5s;box-shadow: 0 15px 22px -10px rgb(0 51 153 / 30%);background-color: rgb(255 255 255 / 100%);border-radius: 0 0 1rem 1rem;padding:1rem .8rem; border: none; border-top: 1px solid #eee; }
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {color:#333;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; font-weight: 300;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a {color:#333;display:block;padding-top:0.2rem;padding-bottom:0.2rem;padding-left:2rem;font-size:0.9rem;position:relative;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a.active {color:#00aec4;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a::before {position:absolute;content:"\f0da";left:1rem;top:0.2rem;font-family:fontawesome;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li:last-child > a {border-bottom:none;}
.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,.dropdown-menu-one li > a.active {color:#00aec4 !important; }
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#00aec4;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#00aec4!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:1rem;color:#333;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}

.top-nav ul>li>ul.dropdown-menu>li {position:relative}

.navbar-nav .dropdown-menu1{min-width: 58rem;left: -26.5rem;padding:2rem 2rem 1rem;}

.navbar-nav .dropdown-menu2{min-width: 38rem;left: -13.5rem;padding:2rem 2rem 1rem;}


.navbar-light .navbar-nav .dropdown-menu1 li{width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:0;position:relative;padding:0.4rem 0 0.4rem 0.3rem;font-size:1rem;color:#1b1b1b;white-space:normal;line-height:1.3rem;text-align:left;margin:0 0 0.2rem; font-weight: 500;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item:hover,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item.active{color:#00aec4;}
.navbar-nav .dropdown-menu li ol{position:relative;display:block;padding:0.3rem 0;width:100%;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li{width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a{width:100%;display:block;position:relative;padding:0.2rem 0 0.2rem 1.5rem;color:#333;line-height:1.35rem;position: relative; margin-bottom: .3rem;font-size: .9rem;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a::before{position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;left: .5rem;top: .7rem;background-color: #666;}
.navbar-nav .dropdown-menu li ol li a.active,.navbar-nav .dropdown-menu li ol li a:hover{color:#00aec4;}
.navbar-nav .dropdown-menu2 li ol li a{color: #333; font-size: .9rem; position: relative; display: block; padding-left: 1rem; margin-bottom: .5rem;}
.navbar-nav .dropdown-menu2 li ol li a::before{position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #666; left: 0; top: .65rem;}



@media (max-width:1199.98px) {.navbar-expand-lg .navbar-nav .nav-link{padding: 0.4rem 0.8rem;font-size: 0.9rem;}
.navbar-nav .dropdown-menu2{left: -15rem;}

}
@media (max-width:991.98px) {strong{font-size: 1.1rem;}

}
@media (max-width:767.98px) {.etw_hometitle{font-size: 2rem;}
.etw_pdf{padding: 2rem 0 1rem;}
.etw_pdf a{font-size: 1rem;}
}

/* .etw_language */
.etw_language {float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:42%;height:32px;line-height:22px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem;margin-top:.5rem; }
#etw_language {float:right;width:auto;text-align:right; background:#fff}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.2rem .8rem;color:#000;min-width:auto !important;font-size:.9rem;position:relative;}
#etw_language .dropdown-item::before {position:absolute;content:"";right:0;top:.2rem;width:1px;height:15px;background-color:#ccc;}
#etw_language .dropdown-item:last-child::before {display:none;}
#etw_language .dropdown-item img {margin-right:5px; margin-top: 1px;}
#etw_language .dropdown-item:hover {color:#000;background:none;}
#etw_language .dropdown-item:focus {background:none !important;}

.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; margin-top: 0 !important;background-color:rgba(255,255,255,0.96)  !important;}

@keyframes fadeInDown {from {opacity:0;transform:translate3d(0,-100%,0);}
to {opacity:1;transform:none;}
}
.nav-fixed #etw_language .dropdown-item,.nav-fixed .navbar-expand-lg .navbar-nav .nav-link{color: #333;}
.nav-fixed .navbar-expand-lg .navbar-nav .nav-link:hover{color: #00aec4;}

.pro_header #etw_language .dropdown-item,.pro_header .navbar-expand-lg .navbar-nav .nav-link{color: #333 ; }
.pro_header .logo_01{display: block;}
.pro_header .logo_02{display: none;}

.navbar-light .navbar-nav .video_item .nav-link{background: linear-gradient(to top,#00aec4,#0075c1); color: #fff; border-radius: 3px; padding-left: 50px; position: relative; }
.navbar-light .navbar-nav .video_item .nav-link::before{display: none;}
.navbar-light .navbar-nav .video_item .nav-link::after{position: absolute;content: "\f4f2";font-family: bootstrap-icons !important;left: 1rem;
  top: .15rem;font-size: 1.4rem;}
  .navbar-light .navbar-nav .video_item.active > .nav-link{color: #fff !important;}
  

/* banner */
#etw_banner {width:100%;position:relative;margin:0 auto;text-align:center;color:#fff;overflow:hidden;}
#etw_banner::before{position: absolute; content: ""; width: 100%; height: 100%;  top: 0; left: 0; background: linear-gradient(to right, rgba(0,0,0,0.45) 15%,rgb(0,0,0,0.1) 65%);}

#etw_banner img {display:block;width:100%;text-align:center;margin:0 auto;}

.banner_txt {position:absolute;top:36%;left:0;right:0;margin:0 auto;text-align:left;line-height:1.55;width:100%;max-width:1200px;color:#fff;z-index:1;}

.banner_inner1 {width:100%;max-width:850px; }
.banner_txt1 h1 {font-size:2.2rem;position:relative;margin-bottom: 1.5rem; font-weight: 700;}
.banner_txt1 p{font-size: 1rem;}
.more_btn{display: inline-block; padding:.5rem 2rem; background-color: #00aec4; color: #fff; border-radius: 22px; margin-top: 1rem; font-weight: 700; font-size: .9rem;    box-shadow: 0px 3px 25px 0px rgb(1, 146, 199,.5); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
.more_btn:hover{background-color: #004d9d; color:#fff;}
#etw_banner .banner_bg_img{position: absolute; bottom: 0; right: 0; }
#etw_banner video{display: block; width: 100%;}



/* our_capabilities */
.our_capabilities{margin: 4rem auto; color: #666;  }
.webtitle{font-size: 1.8rem; line-height: 1.35; font-weight: 500; margin-bottom: 2rem; padding-bottom: 2rem; position: relative;}
.webtitle::before{position: absolute;content: ""; width: 120px; height: 6px; background-color: #00aec4;    box-shadow: 0px 4px 8px 0px rgb(1, 146, 199,0.5); bottom: 0; left: 0; border-radius: 4px;}
.text-center::before{left: 0; right: 0; margin: 0 auto;}
.our_capabilities .cap_img_box{position: relative;}
/* main_products */
.main_products{background-color: #f2f2f2; padding: 4rem 0; padding-bottom:5.9rem; background: url(../images/pro_bg_img.jpg) no-repeat top;}
.main_products .pro_item{background-color: #fff; border-radius: 10px; padding: 2rem;    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); height: 100%; transition: all .5s; position: relative; top: 0;}
.main_products .pro_item .pro_img{margin-bottom: 2rem;}
.main_products .pro_item .pro_des a{display: block; color: #333; font-size: 1.4rem; position: relative; padding-top: 2rem; font-weight: 500; line-height: 1.35;}
.main_products .pro_item .pro_des a::before{position: absolute;content: ""; width: 50px; height: 6px; background-color: #0054a7; left: 0; top: 0; border-radius: 10px;transition: all .5s; }

.main_products_inner{padding-bottom: 4rem; }
.main_products .pro_item:hover a{color: #00aec4;}
.main_products .pro_item:hover{top: 1rem;}
.main_products .pro_item:hover .pro_des a::before{width: 100px; background-color:#00aec4 ;}
/* why_us_wrap */
.why_us_wrap{position: relative;  padding: 4rem 0; background-color: #0054a7;} 
.why_us_wrap .content{position: relative; color: #fff;}
.why_us_wrap .why_left_box strong{color: #fff; display: block; margin-bottom: 2rem;}
.why_us_wrap .why_item{background-color: #fff; border-radius: 10px; overflow: hidden;}
.why_us_wrap .why_item img{border-radius: 10px 10px 0 0;}
.why_us_wrap .why_item a{color: #333; text-align: center; display: block;}
.why_us_wrap .why_item a span{display: block; padding: 1rem;font-size:.88rem;}
.why_us_wrap .bg_text{ -webkit-text-stroke-width: 1px;stroke-width: 1px;-webkit-text-stroke-color: #fff;stroke: #fff;color: #FFFFFF00; font-size: 7rem; position: absolute; left: 0; margin: 0 auto; top: 10px;writing-mode: vertical-rl; opacity: .15; font-weight: 700; }
.why_us_wrap .why_item span{display: block; height: 160px;}


/* clients_wrap */
.clients_wrap{margin: 4rem auto;}
.clients_wrap img{filter: grayscale(100%);transition: .3s linear; border: 1px solid #eee;padding: 1rem;background-color: #fff;}
.clients_wrap li{margin: 10px; }
.clients_wrap img:hover{filter:none}
/* application_wrap */
.application_wrap{background-color: #f2f2f2; padding: 4rem 0; position: relative; margin-top: 7rem;}
.application_wrap .application_bg_img{position: absolute; top: -105px; right: 0;}
.application_wrap .app_item{background-color: #fff; padding: 1rem; color: #666; height: 100%;}
.application_wrap .app_item a{color: #333; color: #666; }
.application_wrap .app_item span{display: block;margin-top: 1rem; font-size: .9rem; text-transform: uppercase;}
.application_wrap .app_item strong{display: block; margin-bottom: 1rem; transition: all .5s;}
.application_wrap .app_item p{color: #666; font-size: .9rem;}
.application_wrap .app_item .app_img{ overflow: hidden;}
.application_wrap .app_item img{transition: .3s linear;}
.application_wrap .app_item:hover img{transform: scale(1.05);}
.application_wrap .app_item:hover a,.application_wrap .app_item:hover a strong{color: #00aec4;}
/* pro_banner_box */
.pro_banner_box{min-height: 450px; position: relative; background: url(../images/pro_banner_img_01.jpg) no-repeat top center; background-size: cover;}
.pro_banner_01{min-height: 450px; position: relative; background: url(../images/pro_banner_img_02.jpg) no-repeat top center; background-size: cover;}
.pro_banner_02{min-height: 450px; position: relative; background: url(../images/pro_banner_img_03.jpg) no-repeat top center; background-size: cover;}
.about_banner{min-height: 320px; position: relative; background: url(../images/about_banner_img.jpg) no-repeat top center; background-size: cover;}
.research_banner{min-height: 320px; position: relative; background: url(../images/research_banner_img.jpg) no-repeat top center; background-size: cover;}
.quality_banner{min-height: 320px; position: relative; background: url(../images/quality_banner_img.jpg) no-repeat top center; background-size: cover;}
.service_banner{min-height: 320px; position: relative; background: url(../images/service_banner_img.jpg) no-repeat top center; background-size: cover;}
.capabilities_banner{min-height: 320px; position: relative; background: url(../images/capabilities_banner_img.jpg) no-repeat top center; background-size: cover;}
.company_banner{min-height: 450px; position: relative; background: url(../images/company_banner_img.jpg) no-repeat top center; background-size: cover;}


.app_banner_img{min-height: 450px; position: relative; background: url(../images/app_banner01.jpg) no-repeat top center; background-size: cover;}
.app_banner_01{min-height: 320px; position: relative; background: url(../images/app_banner02.jpg) no-repeat top center; background-size: cover;}
.app_banner_02{min-height: 320px; position: relative; background: url(../images/app_banner03.jpg) no-repeat top center; background-size: cover;}
.app_banner_03{min-height: 320px; position: relative; background: url(../images/app_banner04.jpg) no-repeat top center; background-size: cover;}
.app_banner_04{min-height: 320px; position: relative; background: url(../images/app_banner05.jpg) no-repeat top center; background-size: cover;}
.app_banner_05{min-height: 320px; position: relative; background: url(../images/app_banner06.jpg) no-repeat top center; background-size: cover;}
.function_banner{min-height: 360px; }
.video_banner{min-height: 320px; position: relative; background: url(../images/video_banner_img.jpg) no-repeat top center; background-size: cover;}


@media (max-width:1299.98px) {.products_left_txt{width: 80%;}


}
@media (max-width:1199.98px) {.banner_txt{top: 6rem;padding-left: 2rem;}

}
@media (max-width:1099.98px) {.banner_inner .more_btn,#etw_banner .banner_bg_img{display: none;}
.banner_txt{top: 28%}
  
 

}

@media (max-width:991.98px){.navbar-light .navbar-nav .video_item .nav-link{padding-left: 0.5rem;color: #333;background: transparent;border-bottom: 0;}
.navbar-light .navbar-nav .video_item .nav-link::after{display: none;}
.navbar-light .navbar-nav .nav-link:hover span.pro_icon,.navbar-light .navbar-nav .show > .nav-link span.pro_icon,.navbar-light .navbar-nav .active > .nav-link span.pro_icon{color: #fff;}
.pro_header .logo_01, .logo_01{display: block;}
.pro_header .logo_02, .logo_02,.banner_txt1 p{display: none;}
.banner_txt{padding: 0 2rem;}
.banner_txt1 h1{font-size: 2rem;}
.our_capabilities,.clients_wrap{margin: 3rem auto;}
.main_products,.why_us_wrap,.application_wrap{padding: 3rem 0;}
.main_products .pro_item{padding: 2rem 1rem 1rem;}
.main_products .pro_item .pro_des a{font-size: 1.2rem;}
.why_left_box{margin-bottom: 2rem;}
.application_wrap{margin-top: 2rem;}
.application_wrap .application_bg_img{display: none;}
.products_left_txt{width: 50%;}
.webtitle{font-size: 1.8rem;}
}
@media (max-width:767.98px) {.banner_txt1 h1{display: none;}
.our_capabilities,.clients_wrap{margin: 2rem auto;}
.webtitle{font-size: 1.8rem;margin-bottom: 1rem;padding-bottom: 1rem;}
.webtitle::before{height: 3px;}
.more_btn{margin-top: 0.5rem;}
.img_top img{width: 100%;}
.main_products{padding: 1rem 0;}
.why_us_wrap,.application_wrap{padding: 2rem 0;}
.application_wrap .app_item .app_img img{width: 100%;}
.company_banner,.capabilities_banner,.research_banner,.quality_banner,.service_banner,.app_banner_01,.app_banner_02,.app_banner_03,.app_banner_04,.app_banner_05,.function_banner{min-height: 220px;}
.app_banner_img.pro_banner_box{min-height: 300px;}
.products_left_txt,.col-md-6 img{width: 100%;}
}

@media (max-width:575.98px){

  
}



.pro_banner_box::before{ position: absolute; content: ''; width: 100%; height: 100%;opacity: .58; background: linear-gradient(180deg,#000 0,transparent 100%);}
.pro_banner_box::after{ position: absolute; content: ''; content: '';display: block;top: 0;left: 0;height: 100%;width: 75%;
  opacity: .5;background: linear-gradient(90deg,#000 0,transparent 100%); }
.pro_banner_box .content{ color: #fff; position: absolute; bottom: 3rem; left: 0; right: 0; margin: 0 auto; z-index: 3;}
.pro_banner_box .pro_banner_txt {max-width: 650px;}
.pro_banner_box .pro_banner_txt h2,.pro_banner_box .pro_banner_txt .etw_hometitle{font-size: 2.6rem; font-weight: 600;}
.pro_banner_box .pro_banner_txt strong{display: block; color: #fff; text-transform: uppercase; font-weight: 200; margin-top: 2rem;}
.about_banner .etw_hometitle span{font-weight: 600; display: block;}

.app_banner_img .pro_banner_txt h2{font-size: 1.8rem;}



/* products_page */
.products_top_des{margin: 4rem auto; position: relative; line-height: 2; }
.products_top_des .rigt_img_video{position: absolute; top: -2rem; right: 0; width: 100%; max-width: 450px;}
.products_top_des .rigt_img_video video{display: block; width: 100%;}

.products_top_des .webtitle{font-weight: 300;}
.products_top_des .webtitle span{font-weight: 700; color: #1b1b1b;}
.products_top_des p{color: #666;}
/* hub_products_wrap */
.hub_products_wrap{background: #f2f2f2;padding: 4rem 0;}
.hub_products_wrap .content{background-color: #fff; padding: 3rem;}
.hub_products_wrap .pro_des ul{display: flex; flex-direction: row; }
.hub_products_wrap .pro_des ul li{width: 26%; margin-right:8%; text-align: center; line-height: 1.35; border-radius: 10px; overflow: hidden;}
.hub_products_wrap .pro_des ul li img{border-radius: 10px; }
.hub_products_wrap .pro_des ul li:nth-child(3n){margin-right: 0;}
.hub_products_wrap .pro_des ul li span{display: block; margin-top: .5rem;}
.hub_products_wrap .pro_item{background-color: #fff; margin-bottom: 2rem;}
.hub_products_wrap .pro_item .pro_des a{display: block; color: #333; font-size: 1.4rem; margin-bottom: 1rem; line-height: 1.35;}
.hub_products_wrap .pro_item .pro_des{padding-left: 3rem;}
.hub_products_wrap .pro_item .pro_des p{font-weight: 200; color: #666;line-height: 1.35;}
.hub_products_wrap .pro_item .pro_img{box-shadow: 15px 18px 12px 2px rgba(0,0,0,0.1);}
.hub_products_wrap .pro_item .pro_img img{width: 100%;}
.hub_products_wrap .pro_item .pro_des a span{display: block; font-weight: 600;font-size: 1.8rem;}
.hub_products_wrap .pro_item .pro_des a:hover{color: #0075c1;}
/* types_products */
.types_products{margin-top: 3rem;}
.types_products ul li{display: flex; flex-wrap: wrap; align-items: center; background-color: #f2f2f2; text-align: center; border-bottom: 1px solid #ddd; }
.types_products ul li .types_img img{transition: all .5s; position: relative; z-index: 1;}
.types_products ul li .types_img{width: 18%;max-width: 200px; margin-right: 1%; text-align: center; position: relative; overflow: hidden;margin: 8px; }
.types_products ul li .types_img:hover img{transform: scale(1.05);}

.types_products ul li .types_img strong{font-weight: normal; position: absolute; bottom: .5rem; left: 0; right: 0; font-weight: normal; font-size: 1rem; color: #fff;z-index: 2}
.types_products ul li .types_img a::before{position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.45);z-index: 2;}
.types_products ul li .additives_wrap{width: 25%; margin-right: 1%;}
.types_products ul li .processing_wrap{width: 20%; margin-right: 1%;}
.types_products ul li .uses_wrap{width: 33%;}
.types_products ul li .types_title{width: 24%; margin-right: 1%;font-weight: 600; padding: 1rem; text-align: left;}
.types_products ul li .types_title:last-child{margin-right: 0; padding-left: 5%;width: 18%; }
.types_products ul li:first-child{margin-bottom: 0;background-color: #ddd; }

/* inquiry_bottom_box */
.inquiry_bottom_box{ color: #fff; padding:2rem 0; background: linear-gradient(to top,#00aec4,#0075c1); font-weight: 500; }
.inquiry_bottom_box strong{font-weight: 700; font-size: 2rem; margin-bottom: 1rem; display: block;line-height: 1.35;color: #fff;}

.inquiry_bottom_box ul {margin-bottom: 1rem;}
.inquiry_bottom_box ul li{color: #fff; margin-bottom: .5rem; }
.inquiry_bottom_box ul li a{color: #fff;}
.inquiry_bottom_box .inquiry_menu{padding:.5rem 2rem; display: inline-block; font-size: 1rem; background-color: #00aec4; border-radius: 42px; cursor: pointer;  text-align: center; transition: all .5s;}
.inquiry_bottom_box .inquiry_menu:hover{background-color: #0075c1;}
/* our_advantage_wrap */
.our_advantage_wrap{margin: 0 auto; overflow: hidden;}
.adv_img_box ul{display: flex; flex-wrap: wrap;}
.adv_img_box ul li{width: 50%; }
.adv_img_box ul li img{width: 100%;}
.adv_img_box ul li .img_01 img{height: 300px; object-fit: cover;}
.adv_img_box ul li .img_02 img{height: 280px; object-fit: cover;}
.adv_img_box ul li:nth-child(2n) img{height: 580px; object-fit: cover;}
.our_advantage_wrap .adv_left{padding: 3rem; padding-left: 22%;}
.our_advantage_wrap .adv_left ul li a{padding:1rem 3rem;border-bottom: 1px solid  #333; padding-bottom: 1rem; margin-bottom: 1rem; display: inline-block; color: #1b1b1b; position: relative;}
.our_advantage_wrap .adv_left ul li a::before{position: absolute;content: "\f3cc";font-family: bootstrap-icons; left: 0; top: 1rem; color: #666;font-size: 1.3rem; }
.our_advantage_wrap .adv_left ul li:nth-child(2n) a::before{content: "\f8bf";}
/* production_video */
.production_video{background: #f2f2f2; padding: 4rem 0;}
.production_video .webtitle span{display: block; }
.production_video .video_item{background-color: #fff;box-shadow: 0 3px 25px 0 rgba(58,58,58,.1); border-radius: 5px; width: 90%; margin: 0 auto; position: relative; transition: all .5s; overflow: hidden; } 
.production_video .video_item span{display: block; padding: 1rem;}
.production_video .video_item a{color: #0054a7;}
.production_video .video_item a span{font-weight: 500; font-size: 1.2rem; display: block; line-height: 1.35; }
.production_video .video_item img{border-radius: 5px 5px 0 0;transition: all .5s;}
.production_video .video_item .read_more_btn{color: #666; text-align: right; padding-bottom: 1rem; padding-right: 4rem; font-size: .9rem; position: relative; }
.production_video .video_item .read_more_btn::before{position: absolute;content: "\f285";font-family: bootstrap-icons; width: 30px; height: 30px; top: 0; right: 1rem; background-color: #f2f2f2; display: flex; align-items: center; justify-content: center; border-radius: 5px;transition: all .5s;}
.production_video .video_item:hover,.production_video .video_item:hover img{transform: scale(1.05);}
.production_video .video_item:hover .read_more_btn::before{background-color: #0054a7; color: #fff;}

/* accordion */
.accordion{position:relative; margin: 4rem auto;}
.card{background:0;border:none;box-shadow: 0 5px 18px rgba(76,76,76,.079); margin-bottom: 1rem;border-radius: 5px !important;}
.card-header{transition:.3s all ease-in-out;border-bottom:none;border-radius:0 !important;background:#fff;padding:0; }
.card-header:hover{background:#ddd; }
.card-header .btn{font-size:1rem;color:#161412;position:relative;line-height:1.355;white-space:normal;padding:1rem 3rem 1rem 1.5rem;font-weight:500;}
.card-header .btn a{color:#000;}
.card-header .btn:hover a{color:#000;}
.card-header .btn:before{content:"\f282";position:absolute;right:20px;top:18px;width:25px;height:25px;transition:.3s all ease-in-out;opacity:.5; background-color: #f2f2f2; border-radius: 50%;  display: flex; align-items: center; justify-content: center; font-family: bootstrap-icons}
.card-body{position:relative;margin:0 0 1rem 0;padding:1rem 2rem 1rem 3rem;font-size:.9rem;line-height:1.35rem;color:#555; font-weight: 300; }
.card-header .btn span{float:right;font-size:3rem;color:#777;font-weight:100;transition:.3s all ease-in-out;}
.card-header .btn:hover span{transform:rotate(135deg);color:#861a22;}
.btn:hover,.btn[aria-expanded="true"],.btn-link.focus,.btn-link:focus{text-decoration:none;color:#000;}
.btn:hover:before,.btn[aria-expanded="true"]:before{transform:rotate(180deg);}
.btn[aria-expanded="true"] span{transform:rotate(135deg);color:#666;}
/* custom_wrap */
.custom_wrap{margin-bottom: 4rem;}
.custom_wrap .custom_item{ padding: 2rem; height: 100%; background-image: url(../images/footer-background.png); margin: 0 auto;box-shadow: 0 3px 25px 0 rgba(58,58,58, .4); color: #666; background-color: #f2f2f2; background-position: -170px -280px; background-repeat: no-repeat;}
.custom_wrap .custom_item strong{display: block; margin-bottom: 1rem; color: #00aec4; font-weight: 200; font-size: 1.6rem; line-height: 1.35;}
/* pro_top_des */
.pro_top_des{margin-top: 3rem;}
/* item_list */
.item_list h3{font-size: 1.4rem; font-weight: 600; color: #0075c1;}
.item_list li strong{font-weight: 500; font-size: 1rem; display: block;}
.item_list li{position: relative; padding-left: 1rem; line-height: 1.35; margin-bottom: .5rem;}
.item_list li::before{position: absolute;content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #666; left: 0; top: .5rem;}

/* small_hub_products */
.small_hub_products{background-color: #f2f2f2;  padding: 4rem 0; padding-bottom: 1rem; margin-top: 3rem;}
.small_hub_products .pro_item{margin-bottom: 3rem;}
.small_hub_products .pro_item .pro_des{color: #666; line-height: 1.45; font-weight: 200;}
.small_hub_products .pro_item .pro_des a{color: #0054a7; font-size: 1.6rem; text-transform: uppercase; font-weight: 500; display: block; margin-bottom: 1rem;}
.small_hub_products .pro_item:hover .pro_des a{color: #00aec4;}
.small_hub_products .pro_item .pro_des a.more_link{font-size: .9rem; text-transform: none; padding-left: 2.5rem; position: relative; margin-bottom: 0; padding-top: .5rem; }
.small_hub_products .pro_item .pro_des a.more_link::before{position: absolute; content: "\f136";font-family: bootstrap-icons; left: 0; top: 0; font-size: 1.5rem;}
.small_hub_products .pro_item .pro_img img{transition: all .5s;}
.small_hub_products .pro_item:hover img{transform: scale(1.05);}
/* properties_list */
.applications_properties_bg{margin: 3rem auto;}
.properties_list{display: flex; flex-wrap: wrap;}
.properties_list li{width: 49%; margin-right: 2%; margin-top: 2rem; position: relative; color: #666; line-height: 1.35; font-size: .9rem;}
.properties_list li:nth-child(2n){margin-right: 0;}
.properties_list li::before{position: absolute;content: "\f270";font-family: bootstrap-icons; top: -2rem; left: 0; font-size: 1.4rem; color: #00aec4;}
.properties_list li b{display: block; color: #000; font-size: 1.1rem; margin-bottom: .5rem;}
.properties_list_big li{width: 100%; margin-right: 0 !important; margin-bottom: 1rem;}



/* .manufacturing_capabilities_wrap */
.top_txt_wrap{margin-bottom: 1rem;}
.manufacturing_capabilities_wrap{background: linear-gradient(to top,#00aec4,#0075c1);color: #fff; padding: 4rem 0; margin-top: 8rem; position: relative;  }
.manufacturing_capabilities_wrap::before{position: absolute;content: ""; width: 100%; height: 25%; bottom: 0; left: 0; background-color: #fff;}
.big_title{font-size: 1.4rem; font-weight: 600; margin-bottom: 1rem;}
.manufacturing_capabilities_wrap .cap_item{ height: 100%; padding:3rem 2rem; background: url(../images/cap_img_bg.jpg) no-repeat top center; border-radius: 10px; overflow: hidden;box-shadow: 10px 10px 10px 0 rgba(0,54,91,.25);}
.manufacturing_capabilities_wrap .cap_item strong a{color: #fff; font-size: 1.4rem; display: block; margin-bottom: 1rem; padding-left: 1rem;}
.manufacturing_capabilities_wrap .cap_item p{background-color: rgb(1, 20, 35,.6); padding: 1.5rem; font-size: .9rem; position: relative; margin-right: -3rem; border-radius: 10px 0 0 10px; font-weight: 200;}
.manufacturing_capabilities_wrap .col-md-6:nth-child(2) .cap_item{ background: url(../images/cap_img_bg2.jpg) no-repeat top center; }
.manufacturing_capabilities_wrap .manufacturing_bg_img{ position: absolute; top: -105px; right: 0;}
.manufacturing_capabilities_wrap .cap_item p a.more{display: block; background-color: #00aec4; padding: .5rem 0; color: #fff; margin-top: 1rem; width: 100px; border-radius: 22px; text-align: center;font-size: 12px;  }
.manufacturing_capabilities_wrap .cap_item p a.more:hover{background-color: #0054a7;}
/* pro_top_bg */
.pro_top_bg{background-color: #f2f2f2; padding: 1rem 0; margin-bottom: 3rem; position: relative; padding-bottom: 6rem;}
.pro_top_bg img{mix-blend-mode: multiply;}
.pro_top_bg .pro_svg_bg{ position: absolute; bottom: 0; right: 0;}



.top_title_wrap strong{ font-size: 1.8rem; text-transform: uppercase; font-weight: 200; line-height: 1.35; display: block; margin-top: 2rem; margin-bottom: 1rem;}
.small_h2_title{text-transform: uppercase; color: #00aec4; display: block;}

.sendinquiry{display: inline-block; padding: .5rem 2.5rem;background: linear-gradient(90deg, #f5f5f5 25%, #E6E6E6 75%); color: #333; border-radius: 10px; margin-top: 1rem; position: relative;  cursor: pointer; transition: all .5s; border: 1px solid #ccc;}
/* more_img_list */
.more_img_list{margin: 2rem auto; }
.more_img_list img{mix-blend-mode: multiply;}
.more_img_list li{background-color: #f9f9f9;}
/* video_production_wrap */
.video_production_wrap{background: linear-gradient(85deg,#32b0e3 2.82%,#167ec0 67.26%,#0075bf 95.99%); padding: 2rem 0; color: #fff;}
.video_production_wrap .video_des{font-size: 2rem; font-weight: 600; line-height: 1.35; }
.video_production_wrap .video_des span{ font-weight: 200; display: block; font-size: 1.6rem;}
/* video_img */
.video_img{position: relative;}
.video_img::before{position: absolute;content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.15); top: 0; left: 0;}
/* video-play-button */
.video-play-button{width: 60px; height: 60px; background-color: #00aec4; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; border-radius: 3px; color: #fff;}
.video-play-button::before{position: absolute;content: "\f4f4";font-family: bootstrap-icons; font-size: 2.6rem;}




@media (max-width:991.98px){
  .video_img img, .img_box img,.pro_img img{width: 100%;}
  .hub_products_wrap,.production_video{padding: 3rem 0;}
  .products_top_des,.accordion{margin: 3rem auto;}
  .products_top_des .rigt_img_video{width: 48%;top:0;}
  .our_advantage_wrap .adv_left{padding: 2rem;}
  .our_advantage_wrap .adv_left ul{display: flex;}
  .our_advantage_wrap .adv_left ul li{margin-right: 2rem;}
  .pro_top_bg{padding: 1rem 0;margin-bottom: 2rem;}
  .pro_top_bg img{width: 100%;}
  .pro_top_bg .pro_svg_bg,.manufacturing_capabilities_wrap .manufacturing_bg_img{display: none;}
  .pro_img_des .pro_des{margin-top: 2rem;}
  .img_box{margin-bottom: 1rem;}
  .types_products ul li .types_img,.types_products ul li .additives_wrap,.types_products ul li .processing_wrap,.types_products ul li .uses_wrap,.types_products ul li .types_title{width: 24%;margin-right: 1%;}
  .types_products ul li .types_img{margin: 8px 1%;width: 23%;}
  .types_products ul li .types_title{text-align: center;}
  .types_products ul li .types_title:last-child{width: 24%;padding-left: 1rem;}
  .manufacturing_capabilities_wrap{padding: 3rem 0;margin-top: 2rem;}
}

@media (max-width:767.98px){.pro_banner_box .pro_banner_txt .etw_hometitle{font-size: 2rem;line-height: 1.3;}
.inquiry_bottom_box strong{font-size: 1.8rem;line-height: 1.3;}
.hub_products_wrap,.production_video{padding: 2rem 0;}
.hub_products_wrap .content{padding: 2rem;}
.hub_products_wrap .pro_item .pro_des{padding-left: 0;}
.hub_products_wrap .pro_item .pro_des a,.manufacturing_capabilities_wrap .cap_item strong a{font-size: 1.2rem;}
.hub_products_wrap .pro_item .pro_des a span{font-size: 1.6rem;}
.properties_list li{width: 100%;margin-bottom: 1rem;}
.big_title{font-size: 1.4rem;}
.pro_banner_box{min-height: 220px;}
.products_top_des,.accordion{margin: 2rem auto;}
.products_top_des .rigt_img_video{width: 100%;position: static;max-width: 100%;margin-bottom: 2rem;}
.custom_wrap{margin-bottom: 1rem;}
.more_img_list,.types_products{margin-top: 1rem;}
.pro_top_des{margin-top: 2rem;}
.min_table{overflow-x: auto;}
.min_table ul{min-width: 750px;}
.applications_properties_bg{margin: 1rem auto 2rem;}
.manufacturing_capabilities_wrap{padding: 2rem 0;margin-top: 1rem;}
.manufacturing_capabilities_wrap .cap_item{padding: 2rem 4rem;box-shadow: none;}
.manufacturing_capabilities_wrap .cap_item p{margin-right: 0;border-radius: 0;}
}

@media (max-width:649.98px){.manufacturing_capabilities_wrap .cap_item{padding: 2rem;}

  
}
@media (max-width:575.98px){

  .pro_banner_txt p{display: none;}
}

/* typical_app_bg */
.typical_app_bg{padding: 2rem 0; background-color: #f2f2f2;}
.typical_app_bg ul{display: flex; flex-wrap: wrap;}
.typical_app_bg ul li{width: 32%; margin-right: 2%; background-color: #fff; padding: 1.5rem; margin-bottom: 1.5rem; font-size: .9rem;}
.typical_app_bg ul li p{margin-bottom: 0;}
.typical_app_bg ul li:nth-child(3),.typical_app_bg ul li:last-child{margin-right: 0;}
.typical_app_bg ul li b{display: block;font-size: 1.1rem; margin-bottom: .5rem;}
.typical_app_bg ul li:nth-child(4),.typical_app_bg ul li:nth-child(5){width: 49%; }
/* rubber_products_wrap */
.rubber_products_wrap{background-color: #f2f2f2; padding: 1rem 0; margin-top: 3rem;}
.rubber_products_wrap .rubber_item{background-color: #fff; height: 100%; border-radius: 5px; overflow: hidden;box-shadow: 0 3px 25px 0 rgba(58,58,58,.1);}
.rubber_products_wrap .pro_des{padding: 1rem; font-size: .9rem;}
.rubber_products_wrap .pro_des strong{display: block; margin-bottom: 1rem; line-height: 1.35;}
.rubber_products_wrap .pro_img img{object-fit: cover; height: 200px; width: 100%;}
/* properties_bg */
.properties_bg{ background: url(../images/properties_img_bg.jpg) no-repeat top left; padding-top: 4rem;}
/* packaging_wrap */
.packaging_wrap{margin-top: 2rem; background: linear-gradient(to left,#fff,#f2f2f2); padding: 3rem 0;}
.support_service_wrap{margin: 3rem auto;}
/* feedback_box */
.feedback_box{background-color: #f2f2f2; padding: 3rem 0;}
.feedback_box .webtitle{font-size: 1.7rem;}
.feedback_box .feedback_des{background: url(../images/footer-background.png) no-repeat top left #00aec4; color: #fff; padding: 3rem; border-radius: 10px; height: 100%;}
.feedback_box .feedback_des a{color: #fff;}
#feedback2017 .etw-inquery-btn{background-color: #00aec4; color: #fff;}
#feedback2017 .etw-inquery-btn:hover{background-color: #0054a7;}
#feedback2017 .etw-inquery-container{padding: 0;}
/* products_why_warap */
.products_why_warap{background: linear-gradient(85deg,#00aec4 2.82%,#167ec0 67.26%,#0075bf 95.99%); padding: 3rem 0; color: #fff;}
.products_why_warap h4 ,.related_prodcuts_box h4,.market_solution_wrap h4,h4.small_title{color: #fff; font-weight: 500; text-transform: uppercase; color: #f8b62d; margin-bottom: 1rem;}
.products_why_warap strong{color: #fff; display: inline;}
.products_why_warap .big_title{font-weight: 200; font-size: 1.4rem; line-height: 1.35;}
.products_why_warap .big_title span{font-weight: 600;font-size: 1.8rem;}
.products_why_warap ul{border-top: 1px solid #047c8c;margin-top: 2rem; }
.products_why_warap ul li a{display: block; color: #fff; font-weight: 600; border-bottom: 1px solid #047c8c; padding: 1rem 0; position: relative;}
.products_why_warap ul li a::before{position: absolute;content: "\f134";font-family: bootstrap-icons; top: 1rem; right: 1rem; font-weight: 200; font-size: 1.5rem; transition: all .5s ease-in;}
.products_why_warap ul li a:hover::before{right: 0;}
/* related_prodcuts_box */
.related_prodcuts_box{ background: linear-gradient(to top,#f2f2f2,#fff); padding: 3rem 0;}
.related_prodcuts_box .big_title{font-size: 1.8rem; line-height: 1.35;}
.related_prodcuts_box .big_title span{display: block; font-weight: 200;font-size: 1.8rem;}
.related_prodcuts_box .pro_item{background-color: #fff; height: 100%;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden;transition: all .5s;}
.related_prodcuts_box .pro_item .pro_des{padding: 1rem;}
.related_prodcuts_box .pro_item .pro_des a{font-size: 1.2rem; color: #1b1b1b; font-weight: 500; display: block; line-height: 1.35;position: relative; padding-top: 1rem;}
.related_prodcuts_box .pro_item .pro_des a span{display: block;}
.related_prodcuts_box .pro_item .pro_des a::before{position: absolute;content: ""; width: 30px; height: 3px; background-color: #00aec4; top: 0; left: 0; border-radius: 5px; transition: all .5s; }
.related_prodcuts_box .pro_item:hover a{color: #0054a7;}
.related_prodcuts_box .pro_item:hover a::before{background-color: #0054a7; width: 100px;}

/* market_solution_wrap */
.market_solution_wrap{margin: 3rem auto; }
.market_solution_wrap .app_item a{color: #1b1b1b;}
.market_solution_wrap .app_item a span{display: block;}
.market_solution_wrap .app_item .app_img{overflow: hidden;}
.market_solution_wrap .app_item .app_img img{width: 100%; object-fit: cover; height: 360px; transition: all .5s;}
.market_solution_wrap .app_item .app_des{margin-top: 1rem; padding-left: 1rem; border-left: 1px solid #00aec4;}
.market_solution_wrap .app_item .app_des strong{text-transform: uppercase;transition: all .5s;}
.market_solution_wrap .app_item:hover .app_img img{transform: scale(1.05);}
.market_solution_wrap .app_item:hover a,.market_solution_wrap .app_item:hover a strong{color: #00aec4;}
.market_solution_wrap .big_title{font-weight: 200; line-height: 1.35;}
.market_solution_wrap .big_title span{display: block; font-weight: 600;}
.market_solution_wrap a.explore_btn{color: #1b1b1b; font-weight: 600; text-transform: uppercase;  display: inline-block; position: relative; padding-bottom: .5rem; padding-right: 3rem;}
.market_solution_wrap a.explore_btn::before{position: absolute; content: ""; width: 100%; height: 2px; background-color: #00aec4; bottom: 0; left: 0;}
.market_solution_wrap a.explore_btn::after{position: absolute;content: "\f134";font-family: bootstrap-icons; top: 0; right:5px; color: #00aec4; transition: all .5s;}
.market_solution_wrap a.explore_btn:hover::after{right: 0;}
.market_solution_wrap p{color: #666;}
/* bg_top_color */
.bg_top_color{background-color: #f2f2f2;}
.pro_img_des_top{margin: 3rem auto; margin-bottom: 2rem;}
/* typical_application_box */
.typical_application_box{background-color: #f2f2f2; padding: 1rem 0;}
.typical_application_box .typical_item{margin-bottom: 2rem; background-color: #fff; padding: 2rem; height: 100%;}
.typical_application_box .typical_item p{margin-bottom: 0;}
.typical_application_box .typical_item strong{display: block; margin-bottom: 1rem; line-height: 1.35}
.typical_application_box .typical_item .pro_img img{width: 100%; object-fit: cover; height: 200px;}
.typical_application_box .typical_item .pro_img_auto img{height: auto;}


/* more_pic_list */
.more_pic_list ul{display: flex;margin-top: 2rem;}
.more_pic_list ul li{ margin-right: 1%; }
.more_pic_list ul li img{border: 1px solid #eee;}
.more_pic_list ul li:last-child{margin-right: 0;}

/* types_FKM_box */
.types_FKM_box ul{display: flex; flex-wrap: wrap;}
.types_FKM_box ul li{width: 32%; margin-right: 2%; display: flex; flex-wrap: wrap; background-color: #f2f2f2; margin-bottom: 3rem;    box-shadow: 0 10px 30px -10px rgba(151, 163, 184, 0.5); overflow: hidden; border-radius: 10px; }
.types_FKM_box ul li:nth-child(3n){margin-right: 0;}
.types_FKM_box ul li .pro_img{width: 32%;}
.types_FKM_box ul li .pro_des{width: 58%; display: flex; align-items: center;}
.types_FKM_box ul li .pro_des a{color: #1b1b1b;  font-weight: 600; padding:1rem;}
.types_FKM_box ul li:hover .pro_des a,.types_FKM_box ul li.dq .pro_des a{color: #00aec4;}
/* pdf_link */
.pdf_link{color: #00aec4; position: relative; padding-left: 2rem; padding-bottom: .5rem;}
.pdf_link::before{position: absolute; content: "\f63e"; font-family: bootstrap-icons; left:.5rem; top: -.8rem; font-size: 1.5rem;}
.pdf_link::after{position: absolute;content: ""; width: 100%; height: 2px; background-color: #00aec4; left: 0; bottom: 0;}
/* application_page */
.application_page{padding-top: 4rem;}
/* application_inquiry */
.application_inquiry{background-color: #00aec4; padding: 2rem; margin-top: 3rem; color: #fff; font-size: 1.4rem; font-weight: 600;}
.app_inquiry_menu{cursor: pointer; position: relative; display: inline-block; padding-right: 2.5rem; padding-bottom: .5rem; }
.app_inquiry_menu::before{position: absolute;content: "\f134";font-family: bootstrap-icons; top: 0; right:5px;  transition: all .5s; }
.app_inquiry_menu::after{position: absolute; content: ""; width: 100%; height: 2px; background-color: #fff; left: 0; bottom: 0;}
.app_inquiry_menu:hover::before{right: 0;}
/* industries_hub_wrap */
.industries_hub_wrap{margin-top: 3rem;}
.industries_hub_wrap .app_item{font-size: .9rem;color: #666;}
.industries_hub_wrap .app_item .app_img{margin-bottom: 1rem;}
.industries_hub_wrap .app_item .app_des a{color: #1b1b1b; display: block; line-height: 1.35; position: relative; padding-right: 3rem;}
.industries_hub_wrap .app_item .app_des a::before{position: absolute; content: "\f134"; font-family: bootstrap-icons; right:1rem; top:1rem; color: #00aec4; font-size: 1.4rem;transition: all .5s;}
.industries_hub_wrap .app_item .app_des a span{display: block; color: #666;}
.industries_hub_wrap .app_item .app_des a strong{display: block; margin-bottom: 1rem; transition: all .5s;}
.industries_hub_wrap .app_item:hover .app_des a strong{color: #00aec4;}
.industries_hub_wrap .app_item:hover .app_des a::before{right: 0;}
/* bg_color */
.bg_color{background-color: #f2f2f2; padding: 3rem 0;}
/* appitem_list */
.appitem_list{margin-top: 2rem;}
.appitem_list li{margin-bottom: 1rem; position: relative; padding-left: 3rem;}
.appitem_list li::before{position: absolute;content: "\f270"; font-family: bootstrap-icons; left: 0; top:0; color: #00aec4; font-size: 1.4rem;}
/* recommend_pro_wrap */
.recommend_pro_wrap{background: #f2f2f2; padding: 3rem 0; margin-top: 3rem;}
/* detail_img_box */
.detail_img_box{margin-top: 3rem; margin-bottom: 1rem;}
.detail_img_box .details_item{font-size: .9rem; box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1); height: 100%;}
.detail_img_box .details_item p{margin-bottom: 0; font-weight: 500;font-size: 1rem;}
.detail_img_box .details_item strong{display: block; margin-bottom: .5rem; line-height: 1.35;font-size: 1rem;}
.detail_img_box .details_item .pro_des{padding: 1rem;}
/* clients_list */
.clients_list{display: flex; margin-bottom: 3rem;}
.clients_list li{margin-right: 2%; width: 12%;}
.clients_list li img {filter: grayscale(100%);transition: .3s linear;border: 1px solid #eee;padding: 1rem;background-color: #fff;}
/* function_img */
.function_img{position: relative; }
.function_img img{position: relative; border-radius: 10px;}
.function_img::before{position: absolute; content: ""; width: 100%; height: 100%; background-color: #00aec4; right: 1rem; bottom: 1rem;border-radius: 10px;} 
/* Ring_item */
.Ring_item{margin-top: 3rem;}
.Ring_item .webtitle a{color: #333;}
/* about_top_des */
.about_top_des{margin: 3rem auto;}
.about_top_des .etw_hometitle{position: relative; padding-bottom: 2rem; margin-bottom: 2rem;}
.about_top_des .etw_hometitle::before{position: absolute;content: ""; width: 120px; height: 6px; background-color: #00aec4;    box-shadow: 0px 4px 8px 0px rgb(1, 146, 199,0.5); bottom: 0; left: 0; border-radius: 4px;}
/* about_inner_img */
.about_inner_img{overflow: hidden; margin-bottom: 2rem;}
/* why_us_about_wrap */
.why_des_top{margin-bottom: 2rem;}
.why_us_about_wrap{background-color: #f2f2f2; padding: 3rem 0; margin-top: 3rem;}
.why_us_about_wrap .why_item{background-color: #fff; padding: 2rem; height: 100%;box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); font-size: .9rem; }
.why_us_about_wrap .why_item .img_box{display: flex; flex-wrap: wrap; margin-bottom: 1rem; align-items: center;}
.why_us_about_wrap .why_item .img_box img{width: 60px;}
.why_us_about_wrap .why_item .img_box strong{width: 70%; display: block; line-height: 1.35; margin-left: 1rem;}
/* dedicated_box */
.dedicated_box{margin: 3rem auto;}
.dedicated_box .webtitle{font-size: 1.8rem;}
/* quality_inner */
.quality_inner{margin-top: 3rem;}
.quality_inner .properties_list li{font-size: 1rem; line-height: 1.55; color: #333;}
/* service_list */
.service_list{ width: 90%; margin: 3rem auto; }
.service_list ul li strong{display: block; font-size: 1.3rem; margin-bottom: 1rem;}
.service_list ul li figure{margin-bottom: 0;}
.service_list ul li .service_des{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 2rem;}
.service_list ul li .col-md-6{margin: 0; padding: 0;}
/* faq_inner */
.faq_inner{margin-top: 3rem;}
.video_img{position: relative;}
/* video_menu */
.video_menu{width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9; cursor:pointer; opacity: .95; background-color: #00aec4; border-radius: 3px;}
.video_menu::before{content: '\F4F4';display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size: 2.5rem; color: #fff; padding-left: 5px;}
.video_menu::after{content: ''; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; border-radius: 3px; animation:move 2s infinite; background-color: #00aec4; z-index: -1;}

@-webkit-keyframes move{
	0%{width: 100%; height: 100%; opacity: 1;}
	100%{width: 200%; height: 200%; opacity: 0;}
}
@keyframes move{
	0%{width: 100%; height: 100%; opacity: 1;}
	100%{width: 200%; height: 200%; opacity: 0;}
}
/* cap_box_top_des */
.cap_box_top_des{max-width: 1000px; margin: 0 auto; text-align: center; line-height: 1.75;}
.cap_box_top_des strong{color: #00aec4; font-style: italic; font-size: 1rem;}
/* equipment_wrap */
.equipment_wrap{margin: 3rem auto;}
.equipment_wrap .webtitle{font-size: 1.8rem;}

/* company_box_wrap */
.company_box_wrap{margin: 3rem auto;}
.company_box_wrap .big_title a{color: #00aec4; font-size: 1.8rem; text-transform: uppercase; font-weight: 400;}
.company_box_wrap p strong{color: #00aec4;font-weight: 400; font-size: 1rem; display: inline; font-style: italic; }
/* about_hub_wrap */
.about_hub_wrap{background-color: #f2f2f2; padding: 4rem 0;}
.about_hub_wrap .about_item{height: 100%; background-color: #fff;  border-radius: 5px;box-shadow: 0 3px 25px 0 rgba(58,58,58,.1); position: relative; padding-bottom: 3rem;}
.about_hub_wrap .about_item img{border-radius:5px 5px 0 0}
.about_hub_wrap .about_item .img_des{padding: 1.5rem; padding-bottom: 0;  color: #666; font-size: .9rem; line-height: 1.55;}
.about_hub_wrap .about_item .img_box{position: relative; overflow: hidden;}
.about_hub_wrap .about_item .img_box img{transition: all .5s;}
.about_hub_wrap .about_item:hover .img_box img{transform: scale(1.05);}
.about_hub_wrap .about_item .img_des a{color: #00aec4; font-size: 1.2rem; font-weight: 500; display: block; line-height: 1.35; text-transform: uppercase; margin-bottom: 1rem;}
.about_hub_wrap .about_item .img_des a.more{color: #666; font-weight: 400; font-size: .9rem; text-transform: none;position: absolute; bottom: 0; right: 2rem; padding-right: 3rem;}
.about_hub_wrap .about_item .img_des a.more::before{position: absolute;content: "\f285";font-family: bootstrap-icons; width: 30px; height: 30px; top: -.35rem; right: 0; background-color: #f2f2f2; display: flex; align-items: center; justify-content: center; border-radius: 5px;transition: all .5s;}
.about_hub_wrap .about_item:hover .img_des a.more{color: #00aec4;}
/* overview_banner */
.overview_banner {width:100%;position:relative;margin:0 auto;color:#fff;overflow:hidden;  }
.overview_banner::before{position: absolute; content: ""; width: 100%; height: 100%;  top: 0; left: 0; background: linear-gradient(to right, rgba(0,0,0,0.45) 15%,rgb(0,0,0,0.1) 65%);}
.overview_banner video{display: block; width: 100%; object-fit: cover; height: 450px;}
.overview_banner .overview_banner_txt{position: absolute; bottom: 2rem; left: 0; right: 0; margin: 0 auto;}
.overview_banner .overview_banner_txt span{display: block;}
/* overview_company_des */
.overview_company_des{margin: 3rem auto;}
.overview_company_des .video_img{border-radius: 10px; overflow: hidden;}
.overview_company_des .webtitle a{color: #00aec4;}
.about_adv li{margin-bottom:1rem; padding-left: 2rem; position: relative;}
.about_adv li strong{color: #00aec4; font-size: 1rem;}
.about_adv li::before{position: absolute;content: "\f270";font-family: bootstrap-icons;color: #00aec4; left: 0; top: 0;}
.overview_box span{display:block;}
.overview_box .content{max-width: 1200px;}
.caption-name{font-size:2rem;width:100%;line-height:2rem;text-align:center;margin-bottom:2rem; font-weight: 600; text-transform: uppercase;}
.caption-name small{display:block;width:100%;color:#999;font-weight:600;font-style:oblique;font-size:1.2rem;line-height:1.3rem;text-transform:none;margin:0 0 0.5rem;}
.overview_box .items{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-top:40px;}
.overview_box .items .item{width:49%;margin-right:2%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
.overview_box .items .item:nth-child(2n){margin-right:0;}
.overview_box .items .item:nth-child(2n+1){clear:both;}
.overview_box .items .item .simple-name-label{font-size:1.4rem;text-align:left;height:2rem;border-bottom:1px solid #ccc;position:relative;height:50px;width:90%;}
.overview_box .items .item .simple-name-label::before{transition:width .3s ease-in-out;content:"";background:#00a3e0;width:40px;height:4px;position:absolute;bottom:-2px;}
.overview_box .items .item:hover .simple-name-label::before{width:100%;transition:width .3s ease-in-out;}
.overview_box .items .item .simple-name-value{font-size:1rem;text-align:left;color:#555;}
.overview_box .detail{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;line-height:1.6rem;margin:0 0 0.2rem;}
.overview_box .detail .value{font-size:1rem;padding-left:6px;}
.overview_box .items .item .longtxt{padding-top:20px;padding-right:35px;}
.overview_box .items .item .img{border:1px solid #ccc;width:100%;height:350px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.overview_box .border-top{border-top:1px solid #ccc;padding-top:20px;padding-bottom:25px;margin-top:50px;}


.overview_item ul li ol li.product_con span{margin:0.5rem 0 1rem 0;}

.table-responsive{margin-bottom: 0.5rem;}

@media (max-width:991.98px){.overview_box .caption-name{font-size:1.6rem;line-height:1.8rem;}
.overview_box .items .item .simple-name-label{font-size:1.2rem;line-height:1.4rem;}
.about_hub_wrap,.application_page{padding: 3rem 0;}
}
@media (max-width:767.98px){.company_box_wrap{padding: 2rem 0;margin: 1rem auto;}
.video_img{margin-bottom: 1rem;}
.about_hub_wrap,.bg_color,.application_page{padding: 2rem 0;}
.about_hub_wrap .about_item .img_box img,.related_prodcuts_box .pro_item img,.packaging_wrap img{width: 100%;}
.equipment_wrap,.overview_company_des{margin: 2rem auto;}
.equipment_wrap .webtitle{font-size: 1.6rem;line-height: 1.4;}
.overview_banner video{height: 220px;}
.market_solution_wrap{margin: 1rem auto 2rem;}
.feedback_box{padding: 2rem 0;}
.feedback_box .right_feedback{padding-top: 2rem;}
.feedback_box .webtitle{font-size: 1.6rem;}
.about_top_des,.dedicated_box,.service_list{margin: 2rem auto;}
.about_top_des .etw_hometitle{padding-bottom: 1rem;margin-bottom: 1rem;}
.about_top_des .etw_hometitle::before{height: 3px;}
.why_us_about_wrap,.recommend_pro_wrap{padding: 2rem 0;margin-top: 2rem;}
.why_des_top{margin-bottom: 1rem;}
.application_inquiry{margin-top: 1rem;font-size: 1.2rem;}
.industries_hub_wrap{margin-top: 2rem;}
.related_prodcuts_box{padding: 1rem 0;}
.related_prodcuts_box .big_title,.related_prodcuts_box .big_title span{font-size: 1.6rem;}
.detail_img_box{margin-top: 2rem;}
.clients_list{margin-bottom: 2rem;}
.clients_list li{width: 18%;}
.typical_app_bg{padding: 1rem 0;}
.typical_app_bg ul li,.typical_app_bg ul li:nth-child(4), .typical_app_bg ul li:nth-child(5){width: 100%;margin-right: 0;}
.pro_img_des_top{margin: 2rem auto 1rem;}
.packaging_wrap{margin-top: 1rem;padding: 2rem 0;}
.support_service_wrap{margin: 2rem auto 1rem;}
.types_FKM_box ul li{width: 49%;margin-bottom: 1rem;}
.types_FKM_box ul li:nth-child(3n){margin-right: 2%;}
.types_FKM_box ul li:nth-child(2n){margin-right: 0;}
.Ring_item{margin-top: 2rem;}
}
@media (max-width:575.98px){.overview_box .items{margin-top:0;}
.overview_box .items .item{width:100%;margin-right:0;margin-bottom:1.5rem;}
.overview_box .items .item .simple-name-label{height:40px;}
.overview_box .items .item .simple-name-value{margin-top:0.6rem !important;}
.types_FKM_box ul li{width: 100%;margin-right: 0;}
.types_FKM_box ul li:nth-child(3n){margin-right: 0;}
}
/* about_bg_box */
.about_bg_box{background: url(../images/about_bg.jpg) no-repeat bottom center; background-size: cover; padding-bottom: 1rem;}
/* research_wrap */
.research_wrap_inner{overflow: hidden;}
.research_wrap .webtitle a,.quality_control_wrap .webtitle a,.capabilities_box .webtitle a{color: #00aec4;}
.research_img{background: url(../images/research_bg_img.png) no-repeat top right; width: 100%; height: 100%; background-size:cover ;}
.research_des{padding: 3rem; max-width: 760px; float: right;}
/* quality_control_wrap */
.quality_control_wrap{background: #f2f2f2; padding: 4rem 0;}
.quality_control_wrap ul{background-color: #fff;  position: relative; margin-left: -8rem; padding: 2rem;margin-top: 2rem; display: flex;justify-content: center;}
.quality_control_wrap ul li{width: auto; text-align: center; font-size: 1.2rem; font-weight: 600; color: #666; margin-right: 4%; }
.quality_control_wrap ul li:last-child{margin-right: 0;}
/* capabilities_box */
.capabilities_box{margin: 3rem auto;}
/* contact_content */
.contact_content{margin-top: 3rem;}
.feedback_bg{padding: 2rem; background-color: #f2f2f2;}

/* video_hub */
.video_hub ul{display: flex; flex-wrap: wrap; margin-bottom: 3rem;}
.video_hub ul li{width: 49%; margin-right: 2%; background-color: #f2f2f2; margin-bottom: 1rem; border-radius: 10px; overflow: hidden;}
.video_hub ul li:nth-child(2n){margin-right:0;}
.video_hub ul li a{color: #333; display: flex; align-items: center; font-size: 1.2rem; }
.video_hub ul li a .video_img{width: 50%;}
.video_hub ul li a span{width: 50%; display: block;  padding: 1rem; line-height: 1.35;}
.video_hub .video-play-button{width: 35px; height: 35px;}
.video_hub .video-play-button::before{font-size: 1.5rem;}
.video_hub ul li:hover a span{color: #00aec4;}

  /* #etw_videolist */
  #etw_videolist{position:relative;margin:0 auto;background:#f5f5f5;padding:1rem ; }
  #etw_videolist .video_title{font-size:1.5rem;line-height:1.6rem;text-align:left;font-weight:700;color:#00aec4; margin-bottom: 1rem;}
  #etw_videolist>ul{position:relative;display:flex;flex-wrap:wrap;}
  #etw_videolist>ul>li{width:100%;position:relative;display:block;}
  #etw_videolist>ul>li>a{width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0.3rem 0;border-radius:0 2rem 2rem 0;transition:.3s all ease-in-out;}
  #etw_videolist>ul>li a:hover{box-shadow:1px 3px 6px rgba(0 0 0 / 30%);}
  #etw_videolist>ul>li img{width:30%;float:left;}
  #etw_videolist>ul>li span{width:70%;float:right;padding:0.3rem 0.8rem;color:#333;font-size:.9rem;line-height:1.3rem;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:#00aec4;}
  #etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before{color:#00aec4;}
  #video_right video{width:100% !important;}
  .video_content{ background-color: #fff; padding: 2rem;}
  .etw_right video{display: block; width: 100%;}
  .etw_right .viewmore_btn{background-color: #00aec4; color: #fff;}
  /* video_more */
.video_more{cursor:pointer;padding:.8rem 2.5rem .8rem 1.5rem;color:#fff;transition:all .5s;position:relative;display:inline-block;font-size:1rem;line-height:1rem;background-color:#00aec4;font-weight:200;margin:1rem 0;}
.video_more::before{position:absolute;content:"\f105";right:1rem;top:50%;transform:translateY(-50%);font-family:fontawesome;font-size:1.2rem;transition:all .5s;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding-right:4px;transition:.3s all ease-in-out;}
.video_more:hover:before{right:0.5rem;}

  #etw_videolist .videohid{display:none;}
  
  /* company_video_box */
.company_video_box{background-color: #f2f2f2;  }
.company_video_txt{ height: 100%; padding: 2rem; font-weight: 300;}
.company_video_txt strong a{font-size: 1.4rem; font-weight: 700; color: #333; display: block; margin-bottom: 1rem; }
.company_video_img a img{width: 100%; height: 100%; object-fit: cover;}
.company_video_img{height: 100%;}
.company_video_txt a:hover{color: #00aec4;}
/* .big_video_title */
.big_video_title{font-size: 1.6rem; margin-top: 3rem; font-weight: 500; text-transform: uppercase; text-align: center; position: relative; padding-bottom: 1rem; margin-bottom: 2rem;}
.big_video_title::before{position: absolute;content: ""; width: 50px; height: 1px; background-color: #00aec4; left: 0; right: 0; margin: 0 auto; bottom: 0;}

/* video_page */
.video_page{margin-top: 3rem;}
/* r-d-img_item */
.r-d-img_item{position: relative;}
.r-d-img_item a::before{position: absolute;content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); top: 0; left: 0;}
.r-d-img_item span{position: absolute; bottom: 8px; left: 0; right: 0; margin: 0 auto; color: #fff;}
/* material_sourcing_list */
.material_sourcing_list {display: flex; flex-wrap: wrap; margin-bottom: 2rem;}
.material_sourcing_list li{width: 49%; margin-right: 2%; background-color: #f2f2f2; padding: 2rem;}
.material_sourcing_list li img{ width: 60px; margin: 0 auto; margin-bottom: 1rem;}
.material_sourcing_list li:nth-child(2n){margin-right: 0;}



/* #container */
#container {width:100%;margin:0 auto;margin-top:98px;}
.home_box{margin-top: 0 !important;}
.content {width:100%;max-width:1200px;margin:0 auto; }

/* #quicknav */
#quicknav {width:100%;margin:0 auto;height:auto;color:#666;font-size:.85rem;overflow:hidden;position:relative;font-weight: 400; }
#quicknav ul{width: 100%; max-width: 1200px; margin: .5rem auto;}
#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:#00aec4;}
#quicknav li:last-child{color: #00aec4;}

.quicknav_01{border: none !important; }
.quicknav_01 a{color: #fff !important;}
.quicknav_01 li + li::before,.quicknav_01 li:last-child{color: #fff !important;}




/* .left_pics */
.pro_bg{background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(70%, #eee));
  background-image: linear-gradient(to right, #fff 0 30%, #eee 70% 100%);padding: 2rem; padding-left: 0; margin-bottom: 2rem;}
.left_pro_img{position:relative; }
.left_pro_img a {position:relative;display:block;}
.left_pics {height:auto;margin:0 auto;text-align:center;position:relative; margin-bottom: 1rem;order: 1;width: 100%; }
.left_pics img {text-align:center;mix-blend-mode: multiply }
.left_pics a {display:block;overflow:hidden}
.related_pic {width:100%; position: relative;  display: flex; flex-wrap: wrap;justify-content: center; background-color:#eee ; padding: 5px; padding-top: 10px; }
.related_pic a {width:18%; margin-right: 1%;}
.related_pic a:nth-child(5n){margin-right: 0;}
.related_pic img {width:100%;height:auto;float:left;border:1px #eee solid; margin-bottom: 5px;}
.related_pic img:hover,.related_pic a.imgdq img {border:1px #004680 solid;}
.related_pic span {font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
.left_pro_img .video_button{width: 60px; height: 60px; left: 50%;}



/* footer */
#footer {width:100%;text-align:center;margin:0 auto; background-color: #167ec0;background-image: url(../images/footer-background.png);
  background-position: top left;background-repeat: no-repeat; overflow: hidden; position: relative;   }
.etw_bottom {padding:4rem 0; padding-bottom: 2rem;  width:100%;margin:0 auto;position:relative;text-align:left;  color:#fff;  z-index: 1; }
.home_link {width:100%; overflow:hidden;margin:0 auto;padding:.5rem 0; position: relative; border-top: 1px solid rgb(255, 255, 255,.15);}
#footer a:hover {color:#00aec4;}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a {position:relative;font-size:1.4rem;line-height:1.35;margin-bottom:.8rem;color: #fff;  text-transform: uppercase; font-weight: 600; padding-bottom: 1rem;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#fff!important;text-decoration:none;}
.etw_bottom .etw_foot_title::before{position: absolute;content: ""; width: 30px; height: 3px; background-color: #fff; left: 0; bottom: 0; }
.foot_logo{position: relative; height: 100%;}
.foot_logo::before{position: absolute;content: ""; content: ""; width: 1px; height: 100%; top: 0; right: -1.5rem; background-color: rgba(255, 255, 255, 0.1);}
.logo_foot_txt{display: block; margin-bottom: 1rem; margin-top: 1.5rem; font-weight: 200; line-height: 1.35; font-size: 1rem;}

.etw_bottom strong{color: #fff;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#fff;}
.etw_bottom a:hover {color:#00aec4;}
.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;}
.etw_bottom ul > li > a {display:block;line-height:1.25rem;color:#fff;position:relative;position:relative;padding:.3rem 0; padding-left: .8rem; font-size: .9rem; }
.etw_bottom ul > li > 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:#fff;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;left:0px;top:3px;color:#fff;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f007";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:2px;top:-3px;color:#fff;font-family:fontawesome;font-size:26px;}
.cot_fax:before {content:"\f1ac";position:absolute;left:0px;top:2px;color:#fff;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content:"\f1d7";position:absolute;left:0px;top:2px;color:#fff;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;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:#00aec4;}
#otherlink a:hover span {opacity:1;top:-2px;transition:all 0.3s ease-in-out;}


@media (max-width:1680.98px) {
  .video_right_box{right: -32%;  }


}
@media (max-width:1440.98px) {
  .video_right_box{right: -48%;  }
}
@media (max-width:1300.98px) {

  #etw_content,.etw_bottom,.content{padding-left:15px;padding-right:15px;}
  .video_right_box{display: none;}

  
}
@media (max-width:1299.98px) {
.top-nav {padding-left:0;}




}
@media (max-width:1199.98px) {

  
 

}

@media (max-width:1025.98px){

  
}
@media (max-width:991.98px) {
  #header {position:inherit;min-height:inherit;display:block;padding-bottom:0;background-color: #fff;}
#container,#etw_content,.home_box {margin:0 auto;}
#header::before {height:2px;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,#quicknav {display:none;}
.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;padding:.5rem 0.75rem;position:relative;z-index:1;margin-top: 0.5rem;}
.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 0.5rem;border-right:none;font-size:1.1rem;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 > li > a {font-size:1rem;}
.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 > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link {border-radius:0;color:#fff !important;background-color:#002d5d;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#002d5d;}

.top-nav {width:100%;float:left;background:#fff;margin:0;display:block;padding:0 !important;}

.top-nav:after,.top-nav:before,.top-nav ul>li>ul.dropdown-menu>li>.second_list {display:none;}
.navbar-nav .dropdown-menu {background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;left:0!important;top:0!important;margin-left:0!important;min-width:auto!important}
.top-nav .navbar-nav .row,.nav-fixed .top-nav .navbar-nav .row {width:100%!important;box-shadow:none !important;top: auto !important;margin: 0 !important;left: auto !important;}
.top-nav .navbar-nav .navright{display: none;}
.top-nav .navleft{width: 100%;float: none;padding: 0.5rem 1rem;}
.top-nav .navbar-nav .row .navleft li{line-height: 1.5rem;}
.top-nav .navbar-nav .row .navleft li a{
  color: #111;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.4rem 0 0.4rem 0.5rem;
}
.top-nav .navbar-nav .row .navleft li a:hover,.top-nav .navbar-nav .row .navleft li a.lidq{color: #004680;}

/* .etw_language */
.etw_language {background:none;width:auto; padding-top: .5rem; }
.etw_language {display:block;float:right;height:auto;padding-top: 0;margin-top: 0.8rem;}
.etw_language > ul {position:relative;float:right;font-size:1rem;border-radius:8px; }
.etw_language > ul > li span {cursor: pointer;float:left;padding:.8rem 1rem; }
.etw_language ul ul {display:none;position:absolute;top:100%; left: -1rem; padding:0;background-color:#eee;min-width:100px; border-radius: 10px; }
.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 > ul {display:block;}
.etw_language .dropdown-item {min-width:100px;}
.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:hover {color:#004680 !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img{display:none;}
#etw_logo{margin-top: 0.5rem;margin-bottom: 1rem;}
.pro_content{width: 100%;}
.research_des{padding: 2rem; float: none; max-width: inherit; width: 100%;}
.quality_control_wrap{padding: 3rem 0;}
.capabilities_box{margin: 2rem auto;}
#etw_videolist > ul > li{width: 48%;}
#etw_videolist > ul > li:nth-child(2n){margin-right: 0;}

}
@media (max-width:767.98px) {.etw_bottom{padding: 2rem 0;}
.quality_control_wrap{padding: 2rem 0;}
.quality_control_wrap img{width: 100%;}
.quality_control_wrap .des_box{margin-top: 2rem;}
.quality_control_wrap ul{margin-left: 0;}
.quality_control_wrap ul li{font-size: 1rem;}
.material_sourcing_list{margin-bottom: 1rem;}
.material_sourcing_list li{width: 100%;margin-right: 0;margin-bottom: 1rem;}
h2,.etw_hometitle {font-size:1.8rem;}
.big_video_title{margin-top: 2rem;margin-bottom: 1rem;}
.company_video_txt{padding: 1.5rem;}
.hub_products_wrap .pro_item{background-color: #f2f2f2; padding: 2rem;}
.video_hub ul li a{font-size: 1rem;}
}
@media (max-width:650.98px) {
  html {font-size:14px; }
  .video_hub ul li{width: 100%;margin-right: 0;}
  .video_hub ul li:last-child,.video_hub ul li a .video_img{margin-bottom: 0;}
  .webtitle{font-size: 1.6rem;}
  .our_advantage_wrap .adv_left ul li a{padding: 1rem; padding-left: 2rem;}
  .inquiry_bottom_box strong{font-size: 1.5rem;}
  .more_pic_list ul li{width: 49%;}
  .more_pic_list ul li:nth-child(2n){margin-right: 0;}
  .pro_banner_box .pro_banner_txt h2, .pro_banner_box .pro_banner_txt .etw_hometitle{font-size: 1.6rem;}
}
@media (max-width:575.98px) {.quality_control_wrap ul{padding: 1.5rem 1rem;}
.hub_products_wrap .pro_des ul{display: none;}
#etw_logo img{width: 180px;}
#etw_videolist > ul > li{width: 100%; margin-right: 0;}
.more_pic_list ul{flex-wrap: wrap;}
}
@media (max-width:480.98px) {
  #etw_video_list ul li,.related_pro ul li,.more_pic_list ul li{width: 100%; margin-right: 0 !important;}
.more_pic_list ul li img{width: 100%;}
}
@media (max-width:380.98px) {
  .etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li{width: 100%; margin-right: 0;}
}
@media (max-width:320.98px) {



}

/*2025-7-22*/
/* etw_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{margin:0 2% .5rem 0;position:relative;}
.etw_gallery ul li img{mix-blend-mode: multiply; transition: all .5s; transform: scale(1); border: 1px solid #eee;}
.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 !important;}
.etw_gallery ul li figure{width:100%;display:block;overflow:hidden;position:relative; margin-bottom: 0; }
.etw_gallery ul li span{padding:.4rem 1rem;line-height:1.25;color: #666;  display: block; width: 100%; font-size: .9rem; padding-bottom: 1rem;text-align: center;}
.etw_gallery ul li span strong{display: block;}
.etw_gallery ul li p{margin-top: .5rem; font-size: 1rem; color: #333; margin-bottom: 0; text-align: center; line-height: 1.35; }
@media (max-width:991.98px) {
  .etw_gallery5 ul li{width: 23.5%;}
  .etw_gallery5 ul li:nth-child(5n){margin-right: 2%;}
  .etw_gallery5 ul li:nth-child(4n){margin-right: 0;}
  .etw_gallery6 ul li{width: 23.5%;}
  .etw_gallery6 ul li:nth-child(6n){margin-right: 2%;}
  .etw_gallery6 ul li:nth-child(4n){margin-right: 0;}
}
@media (max-width:767.98px) {
  .etw_gallery4 ul li{width: 32%;}
  .etw_gallery4 ul li:nth-child(4n){margin-right: 2%;}
  .etw_gallery4 ul li:nth-child(3n){margin-right: 0;}
  .etw_gallery5 ul li{width: 32%;}
  .etw_gallery5 ul li:nth-child(4n){margin-right: 2%;}
  .etw_gallery5 ul li:nth-child(3n){margin-right: 0;}
  .etw_gallery6 ul li{width: 32%;}
  .etw_gallery6 ul li:nth-child(4n){margin-right: 2%;}
  .etw_gallery6 ul li:nth-child(3n){margin-right: 0;}
}
@media (max-width:575.98px) {
  .etw_gallery3 ul li{width: 49%;}
  .etw_gallery3 ul li:nth-child(3n){margin-right: 2%;}
  .etw_gallery3 ul li:nth-child(2n){margin-right: 0;}
  .etw_gallery4 ul li{width: 49%;}
  .etw_gallery4 ul li:nth-child(3n){margin-right: 2%;}
  .etw_gallery4 ul li:nth-child(2n){margin-right: 0;}
  .etw_gallery5 ul li{width: 49%;}
  .etw_gallery5 ul li:nth-child(3n){margin-right: 2%;}
  .etw_gallery5 ul li:nth-child(2n){margin-right: 0;}
  .etw_gallery6 ul li{width: 49%;}
  .etw_gallery6 ul li:nth-child(3n){margin-right: 2%;}
  .etw_gallery6 ul li:nth-child(2n){margin-right: 0;}
}
@media (max-width:420px) {
  .etw_gallery2 ul li,.etw_gallery3 ul li,.etw_gallery4 ul li,.etw_gallery5 ul li,.etw_gallery6 ul li{width: 100%; margin-right:0;}
  .etw_gallery2 ul li:nth-child(2n),.etw_gallery3 ul li:nth-child(2n),.etw_gallery4 ul li:nth-child(2n),.etw_gallery5 ul li:nth-child(2n),.etw_gallery6 ul li:nth-child(2n){margin-right: 0;}
}


/*2021217*/
.video_imgs .video_menu{width: 3rem; height: 3rem;}
.video_imgs .video_menu::before{font-size: 1.5rem;padding-left:0px;}
.video_imgs .video_menu::after{ display: none;}
.hub_products_wrap1 .col-sm-6 a{color:#333;  font-size:1.1rem; line-height: 1.5rem;}
.hub_products_wrap1 .col-sm-6 a img{ padding-bottom: 1rem;}
.hub_products_wrap1 .col-sm-6 a:hover{color:#004680;}
.col-sm-6 span{ padding-top: 0.5rem; display: block;}
.w-300{ max-width:600px;}
.w-300 a{background:#f7f6f6; padding:0.5rem 1rem; float: left; display: inline; margin-right: 0.3rem;color:#333;}
.w-300 a:hover,.w-300 a.dq{background:#004680;color:#fff;}

.hub_products_wrap1 .read_more_btn{color: #666; text-align: right; padding: 0.2rem 4rem 0.5rem 0; font-size: .9rem; position: relative;  margin-top: 1rem;}
.hub_products_wrap1 .read_more_btn::before{position: absolute;content: "\f285";font-family: bootstrap-icons; width: 30px; height: 30px; top: 0; right: 1rem; background-color: #f2f2f2; display: flex; align-items: center; justify-content: center; border-radius: 5px;transition: all .5s;}
.hub_products_wrap1 a:hover .read_more_btn::before{background-color: #0054a7; color: #fff;}
.hub_products_wrap1 a:hover .read_more_btn{color:#004680}

.table_width120{ width: 120%;}