@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-style: normal;
  font-weight: 300;
  src: url(../fonts/Barlow-light-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-style: normal;
  font-weight: 300;
  src: url(../fonts/Barlow-light-latin.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;
}

/* latin-ext */
@font-face {
  
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Barlow-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-style: normal;
  font-weight: 400;
  src: url(../fonts/Barlow-latin.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;
}

/* latin-ext */
@font-face {
  
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Barlow-bold-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-style: normal;
  font-weight: 700;
  src: url(../fonts/Barlow-bold-latin.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;
}

/* latin-ext */
@font-face {
  
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Archivo-Black-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-style: normal;
  font-weight: 400;
  src: url(../fonts/Archivo-Black-latin.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:Arial, Helvetica, sans-serif;font-size:1.1rem;line-height:1.55; background-color: #fff;font-weight: 300;}
.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;font-weight: bold;}
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; }
.etw_pdf a{color: #333; padding-left: 1.5rem;position: relative;font-size: .9rem;}
.etw_pdf a::before{position: absolute;content: "\f1c1";left: 0;top: -.2rem;font-family:fontawesome; color: #9a0000;}
.etw_pdf a:hover{color: #9a0000;}
.table td{padding: .3rem .8rem;line-height: 1.35; vertical-align: middle; font-size: 1.1rem; border: none; border-right: 1px solid #ccc;background-color:#f2f2f2}
.table .top{font-weight:600;}
.table .top td{ color: #fff; padding: .5rem .8rem; background: #CE1727; }
.table .top td .inquiry{color: #fff;}
.table_img img{mix-blend-mode: multiply; height: 60px;}
.table_img h3{font-size: 1rem;}
.table tr:nth-child(2n) td{background-color:#fff}
.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:#000 !important;}
.theme-box-name {background:#c10f1b !important;text-transform:uppercase;border-left:1px #000 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{ position: relative;margin-bottom: 1rem; padding-bottom: .5rem;}
.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;}
h2 small{display: block; color: #666; font-size: 1.6rem;}
.page_title{font-size: 1.6rem; position: relative; color: #000;  display: block;  font-weight: 500; margin-bottom:1.5rem; line-height: 1.35;   }

.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:#c7000b;}
#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:#c7000b;}
#etw_top:hover a{color: #fff;}
/* #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.86);  padding:0 1rem;    box-shadow: 0 0 25px rgb(0 0 0 / 10%);}
.header_in {width:100%;max-width:1320px;margin:0 auto; position: relative;}

#etw_logo {width:auto;text-align:center;float:left; margin-top:.3rem;  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;}


/* .top-nav */
.top-nav {width:auto;float:right;padding-left:2rem; transition: all .8s;  margin-top: .5rem; }
.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; 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;}
}

.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 0.8rem;color:#333;  position: relative; font-size: 1rem; font-weight: 700; }
.navbar-light .navbar-nav a.nav-link::before{content:"";position:absolute;left:50%;bottom: -15px;width:0px;height:3px;background-color:#c7000b;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:#c7000b;}
.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:#c7000b !important; }
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#c7000b;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#c7000b!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:74rem;left:-22.5rem;padding:2rem 2rem 1rem;}

.navbar-nav .dropdown-menu2{min-width:38rem;left:-9.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:1.2rem;color:#1b1b1b;white-space:normal;line-height:1.3rem;text-align:left;margin:0 0 0.2rem;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{width:24px;height:24px;position:absolute;left:0;top:1px;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item:hover,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item.active{color:#c7000b;}
.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:#c7000b;}

@media screen and (min-width:991.98px){.top-nav .navbar-nav .dropdown-menu-pro{position:absolute;padding:0;box-shadow:none;position:fixed;width:100% !important;top:104px !important;max-width:1300px;left:50% !important;margin-left:-650px !important;border-radius:0;border:none;box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important;background-color:#f6f6f6}
.top-nav .navleft{padding-left:0;width:30%;max-width:380px;float:left;background-color:#fff}
.top-nav .navleft strong{font-weight:600;padding-left:1rem;padding-top:1rem;display:block;color:#002f6c;font-size:1.2rem}
.top-nav .navproinfo{display:flex;flex-wrap:wrap}
.top-nav .navclassname{display:block;color:#002f6c;font-size:20px;padding-bottom:20px;text-transform:uppercase}
.top-nav .navbar-nav .dropdown-menu-pro .navleft li{line-height:45px;border-bottom:1px #ccc solid;clear:both}
.top-nav .navbar-nav .dropdown-menu-pro .navleft li:last-child{border:none}
.top-nav .navbar-nav .dropdown-menu-pro .navleft li a{padding:.8rem 0 .8rem 1rem;display:block;background-color:#fff;line-height:1.5rem;color:#333;position:relative;font-size:1rem;white-space: normal;}
.top-nav .navbar-nav .dropdown-menu-pro .navleft li a::before{position:absolute;content:"\f105";font-family:fontawesome;right:0.5rem;top:0.5rem;font-size:1rem}
.top-nav .navbar-nav .dropdown-menu-pro .navleft li a.lidq,.top-nav .navbar-nav .dropdown-menu-pro .navleft li a:hover{color:#c10f1b}
.top-nav .navbar-nav .navright{width:70%;box-sizing:border-box;padding:2rem 2rem; padding-right: 0;float:left;display:block}
.top-nav .navbar-nav .navright ul{width:100%;display:none;padding:.5rem 0}
.top-nav .navbar-nav .navright ul.shownavpro{display:block}
.top-nav .navbar-nav .navright ul > li{width:18.5%;padding:0 5px;float:left;clear:inherit;margin-right:1%; text-align: center; margin-bottom: .5rem;}
.top-nav .navbar-nav .navright ul > li:nth-child(4n){margin-right: 0;}
.top-nav .navbar-nav .navright ul > li:nth-child(5n+1){clear:both}
.top-nav .navbar-nav .navright ul > li span{display: block; margin-top: .5rem;}
.top-nav .navbar-nav .navright ul > li > a{color:#666;display:block;position:relative;font-size:14px;padding-bottom:.3rem;margin-bottom:.5rem;line-height:1.35}

.top-nav .navbar-nav .navright ul > li > a:hover,.top-nav .navbar-nav .navright ul > li dl a:hover,.top-nav .navbar-nav .navright ul li a.active{text-decoration:underline;color:#c10f1b}
}



@media screen and (max-width:1299.98px){
  .top-nav .navbar-nav .dropdown-menu-pro{width: 100%;}
  .navbar-expand-lg .navbar-nav .nav-link{padding: .5rem;text-transform: initial;}
  .top-nav .navbar-nav .dropdown-menu-pro{max-width:1100px;margin-left:-550px !important;}
  .top-nav .navbar-nav .navright ul > li{width: 26%;}
}
.top-nav .navbar-nav .navright ul h3{font-size:1.1rem;margin-bottom:0}
.top-nav .navbar-nav .navright ul ol{width:49%;float:left}
.top-nav .navbar-nav .navright ul ol:nth-child(2n){margin-right:0}
.top-nav .navbar-nav .navright ul ol:nth-child(2n+1){clear:both}
.top-nav .navbar-nav .navright ul ol li a{font-size:.9rem;padding-left:1.5rem;display:block;position:relative}
.top-nav .navbar-nav .navright ul ol li a::before{position:absolute;content:"";width:5px;height:5px;background-color:#666;left:.5rem;top:.7rem;border-radius:50%}






@media (max-width:1260px) {


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

  .top-nav .navbar-nav .dropdown-menu-pro{max-width:1000px;margin-left:-500px !important;}
}

/* .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;}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.2rem .8rem;color:#333;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;}


/* 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;}
#etw_banner img {display:block;width:100%;text-align:center;margin:0 auto;}
#etw_banner .swiper-pagination-bullet {cursor:pointer;width:14px;height:14px;background:none;opacity:1;margin:0 6px;font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:none;background-color:#eee}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#c7000b;cursor:pointer;}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev {width:50px;height:50px;background-image:none;background:rgb(0, 0, 0,.15);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; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; border-radius: 50%;}
#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:hover .swiper-button-next:after,#etw_banner:hover .swiper-button-prev:after {opacity:1;}

.banner_txt {position:absolute;top:26%;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_txt1{width: 45%; top: 32%; background-color: #c7000b; margin: inherit; right: inherit;-webkit-clip-path: polygon(0% 0%, 95% 0, 90% 49%, 94% 100%, 0% 100%);clip-path: polygon(0% 0%, 95% 0, 90% 49%, 94% 100%, 0% 100%);}
.banner_inner1 {width:100%; padding: 2rem; padding-left: 6rem;padding-right: 6rem; }
.banner_txt1 h1,.banner_inner2 h2 {font-size:2.4rem;position:relative;margin-bottom: 1rem; }
.banner_txt1 p{font-size: 1rem;}

.banner_inner2{max-width: 800px; margin: 0 auto; text-align: center;     background: rgba(0, 2, 4, 0.2); padding: 3rem;} 
.banner_txt .more_btn{margin: 0 auto;margin-top: 1rem;}
.more_btn{display: inline-block; padding: .5rem 2rem; background-color: #c7000b; color: #fff;  font-size: 1rem; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .36);}
.more_btn:hover{background-color: #666; color: #fff;}



/* home_aboutus_des */
.home_aboutus_des{ position: relative; padding-top: 4rem; margin-bottom: 4rem; overflow: hidden;}
.home_aboutus_des .webtitle span{color: #c7000b;}
.home_aboutus_des .content{max-width: 1300px; background-color: #fff; }
.home_aboutus_des .adv_item{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1rem; border-bottom: 1px solid #eee; padding-bottom: 1rem; font-size: 1rem; line-height: 1.35; align-items: center;}
.home_aboutus_des .adv_item:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.home_aboutus_des .adv_item .adv_img{width: 30%; order: 1; overflow: hidden;}
.home_aboutus_des .adv_item .adv_img img{transition: all .5s;}
.home_aboutus_des .adv_item .adv_img:hover img{transform: scale(1.05);}
.home_aboutus_des .adv_item .adv_des .adv_title a:hover{color: #000;}
.home_aboutus_des .adv_item .adv_des{width: 66%;  order: 0;}
.home_aboutus_des .adv_item .adv_des .adv_title a{ font-size: 1.2rem; color: #c7000b; font-weight: 600;margin-bottom: .5rem; display: block; }
.webtitle{font-size:2.6rem;  line-height: 1.45; line-height: 1.35;position: relative; padding-bottom: .5rem; margin-bottom: 1rem;}
.webtitle::before{position: absolute; content: ""; left: 0; bottom: 0; background-color: #c7000b; bottom: 0; width: 100px; height:1px;}
.text-center::before{left: 0; right: 0; margin: 0 auto;}
.about_title_bg{font-size: 145px;color: rgba(0, 0, 0, 0);  text-transform: uppercase;
  line-height: 0.887;-webkit-text-stroke: 1px rgb(189 189 189 / 46%);-moz-transform: matrix(1.33619883780797, 0, 0, 1.33619883780797, 0, 0);-webkit-transform: matrix(1.33619883780797, 0, 0, 1.33619883780797, 0, 0); -ms-transform: matrix(1.33619883780797, 0, 0, 1.33619883780797, 0, 0);
 position: relative; text-align: center; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; opacity: .35; }
.home_aboutus_des .about_img{position: relative; margin-top: 1rem;}
 
.video_img{position: relative;}
 .video-play-button {width:80px;height:80px;line-height:80px;color:#fff;background-color:#ff9800;background:linear-gradient(to top,#ed1c25 55%,#970d14);display:flex;align-content:center;justify-content:center;border-radius:50%;font-size:1.8rem;padding-left:0.4rem;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s linear;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;box-shadow: 0 0 0 0.85rem rgba(255,255,255,0.5);}
 .video-play-button:before {content:"\f04b";}
 .video-play-button:hover {background:linear-gradient(to top,#7d0a10,#ed1c25);}


/* about_adv_list */
.about_adv_list li{margin-bottom:1rem; display: flex; font-weight:1.5rem; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 1rem;margin-left:6rem; width: 80%;}
.about_adv_list li .img_box{margin-right: 2rem; width: 100px;}
.about_adv_list li .img_des{width: 70%;}
.about_adv_list li .img_des strong{ display: block; color: #c7000b; font-size: 1.6rem;}
.about_adv_list li:nth-child(2n){margin-left: 2rem;}
.bottom_img_bg{position: absolute; bottom: 0; right: 0; z-index: 0;}
/* home_big_products_box */
.home_big_products_box .about_title_bg{opacity: 1;}
.home_big_products_box{position: relative; overflow: hidden; padding: 4rem 0; padding-bottom: 6rem; display: flex; justify-content: end;}
.home_big_products_box .homepro_content{position: relative; width: 85%;  }
.home_big_products_box .homepro_content .webtitle{color: #fff;}
.home_big_products_box .homepro_content .webtitle::before{background-color: #fff;}
.home_big_products_box::before{
  background-image: linear-gradient(258deg, #FF0000 20%, #BD0000 98%);
  position: absolute;
  content: "";
  bottom: 100px;
  width: 110%;
  height: 900px;
  left: -5%;
  transform: rotate(-3deg);
}
/* big_products_inner */
.big_products_inner{display: flex; flex-wrap: wrap;}
.big_products_inner .pro_item{width: 13.3%; background-color: #EBEBEB; margin-right: 1%; box-shadow: 0px 40px 80px 0 rgba(0, 0, 0, 0.2);transition: all 0.2s; display: flex; flex-direction: column; padding-bottom: 2rem;transition: all .5s;}
.big_products_inner .pro_item:nth-child(7n){margin-right: 0;}
.big_products_inner .pro_item .pro_des a{color: #c10f1b; font-weight: 600; display: block; line-height: 1.35; margin-top: 1rem; padding: 1rem; }
.big_products_inner .pro_item .pro_des{order:0;}
.big_products_inner .pro_item .pro_img{order: 1;}
.big_products_inner .pro_item .pro_img img{transition: all .5s;}
.big_products_inner .pro_item:hover .pro_img img{transform: scale(1.2);}
.big_products_inner .pro_item:hover {background-color: #DB382C;}
.big_products_inner .pro_item:hover a{color: #fff;}
/* .main_products_box */
.main_products_box{background: url(../images/inquiry_img_bg.jpg) no-repeat top center; background-size: cover; padding: 4rem 0;}
.main_products_box .webtitle{color: #fff;}
.main_products_box .big_products_inner .pro_item{width: 100%;margin-right: 0 !important;box-shadow:none; border: 10px solid #fff;  background-color: #fff;}
.main_products_box .big_products_inner .pro_item .pro_des a{display: block; height: 60px; margin-top: 0;}
.main_products_box .big_products_inner .pro_item .pro_des{order:1; margin-top: 0;}
.main_products_box .big_products_inner .pro_item .pro_img{order: 0;}
.main_products_box .big_products_inner .pro_item .pro_img{background: url(../images/pro_bg.jpg) no-repeat top center;  background-size: contain;}
.main_products_box .big_products_inner .pro_item:hover a{color: #333;}


/* featured_products */
.featured_products{background: #f3f3f3; padding: 4rem 0; background: url(../images/product_bg.webp) no-repeat top center; background-size: cover; position: relative; overflow: hidden; }
.featured_products .about_title_bg {top: 2rem;}
.text-center::before{left: 0; right: 0; margin: 0 auto;}
.featured_products .pro_item{height: 100%; background-color: #fff; border: 10px solid #fff;}
.featured_products .pro_item .pro_des a{color: #333; font-size: 1.1rem; position: relative; padding-right: 3rem; display: block;  line-height: 1.35; font-weight: 600;  }
.featured_products .pro_item .pro_des a::before{position: absolute;content: "\f144";font-family: bootstrap-icons; right: 0; top: 5px; width: 40px; height: 40px; background-color: #c7000b; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: normal; border: 2px solid #f2f2f2;transition: all .5s;}
.featured_products .pro_item .pro_des{padding: 1rem;}
.featured_products .pro_item .pro_img{ overflow: hidden;}
.featured_products .pro_item .pro_img img{transition: all .5s;}
.featured_products .pro_item:hover .pro_img img{transform: scale(1.05);}
.featured_products .pro_item:hover .pro_des a{color: #c7000b;}
.featured_products .pro_item:hover .pro_des a::before{right: -5px;}
.other_products .content{max-width: 1500px;}
.other_products ul{display: flex; flex-wrap: wrap;position: relative; margin-top: 2rem;}
.other_products ul li{width: 18.5%; margin-right: 1%; background-color: #fff; margin-bottom: 1rem; padding: 1rem; overflow: hidden;}
.other_products ul li:nth-child(5n){margin-right: 0;}
.other_products ul li span{color: #333; font-size: 1.1rem; position: relative; padding-right:2rem; display: block;  line-height: 1.35; font-weight: 600; margin-top:1rem; }
.other_products ul li span::before{position: absolute;content: "\f144";font-family: bootstrap-icons; right: 0; top: 5px; width: 30px; height: 30px; background-color: #c7000b; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: normal; border: 2px solid #f2f2f2;transition: all .5s;}
.other_products ul li img{transition: all .5s;}
.other_products ul li:hover img{transform: scale(1.05);}

.other_products ul li:hover:hover span{color: #c7000b;}
.other_products ul li:hover:hover span::before{right: -5px;}



/* .our_company_tour */
.compant_title_bg{ position: relative; overflow: hidden; padding-top: 4rem;}
.compant_title_bg .about_title_bg {top: 1rem;}
.compant_title_bg .webtitle::before{left: 0; right: 0; margin: 0 auto; }
.our_company_tour{width:100%;margin:0 auto;position:relative;display:flex;flex-wrap:wrap;}


.our_company_tour p{font-size:1.1rem;line-height:1.5rem;width:100%;margin:0 0 2rem;color:#555;text-align:left;}
.app_left{width: 50%;position: relative;}
.app_right{width: 50%;position: relative;}
.our_company_tour ul{display:flex;flex-wrap:wrap;position:relative;width:100%;}
.our_company_tour ul li{width:50%;margin:0;position:relative;overflow:hidden;}
.our_company_tour ul li.app_big_items{width: 100%;}
.our_company_tour ul li a{display:block;position: relative;}
.our_company_tour ul li a:before{position: absolute;content: '';background: #000;width: 100%;height: 100%;opacity: .3;left: 0;top: 0;transition: .3s all ease-in-out;}
.our_company_tour ul li a:hover:before{opacity: 0;}
.our_company_tour ul li a span{display: inline-block;width: 80%;position: absolute;left: 0;right: 0;margin: 0 auto; top: 50%;transform: translateY(-50%); color:#fff;font-weight:300;font-size:1.3rem;line-height:1.4rem; letter-spacing: 0.1rem;text-align: center;border-top: 1px solid rgba(255,255,255,.3);border-bottom: 1px solid rgba(255,255,255,.3);padding: 0.3rem 0;transition: .3s all ease-in-out;}
.our_company_tour ul li a:hover span{transform: scale(1.1);opacity: 0;}
.our_company_tour ul li a:hover{color:#d6382e;}
.our_company_tour ul li ol li.product_con a:before{width:100%;position:absolute;content:'';background:#fff;width:100%;height:0;left:0;bottom:0;transition:all .2s .3s linear;z-index:-1;}
.our_company_tour ul li ol:hover li.product_con a:before{height:100%;}
/* bottom_inquiry_box */
.bottom_inquiry_box{margin: 4rem auto;}
.bottom_inquiry_box .content{box-shadow: 0 3px 7px 0 rgb(15 15 15 / .15);  background-color: #fff; max-width: 1000px;}
.bottom_inquiry_box .webtitle{background-color: #c7000b; color: #fff; height: 100%; padding: 3rem; text-align: center; margin-bottom: 0; } 
.bottom_inquiry_box .webtitle::before{display: none;}
.bottom_inquiry_box .webtitle span{display: block;}
.bottom_inquiry_box .inquiry_right_txt{height: 100%; padding: 3rem; font-size: 1.2rem; font-weight: 400;}
.bottom_inquiry_box .inquiry_right_txt .inquiry_menu{cursor: pointer; text-transform: uppercase; border: 1px solid #c7000b; display: inline-block; padding: .5rem 2rem; font-weight: 600; margin-top: 1rem; transition: all .5s;}
.bottom_inquiry_box .inquiry_right_txt .inquiry_menu:hover{background-color: #c7000b; color: #fff;}

/* pro_banner_box */
.pro_banner_box{background: url(../images/pro_banner_01.jpg) no-repeat top center; background-size: cover; min-height: 360px; color: #fff; display: flex; align-items: center;}
.pro_banner_box .pro_banner_txt{width: 100%; max-width: 700px;}
.pro_banner_box .pro_banner_txt h2{ font-weight: 400; font-size: 2.4rem;}
.pro_banner_box2{background: url(../images/pro_banner_02.jpg) no-repeat top center; background-size: cover;min-height: 360px; }
.pro_banner_box3{background: url(../images/pro_banner_03.jpg) no-repeat top center; background-size: cover;min-height: 360px; }
.pro_banner_box4{background: url(../images/pro_banner_04.jpg) no-repeat top center; background-size: cover;min-height: 300px;}
.pro_banner_box4 .etw_hometitle{font-size: 1.8rem; }
.application_banner_box{background: url(../images/app_banner_img.jpg) no-repeat top center; background-size: cover;min-height: 360px;}
.application_banner_box .app_banner_txt{margin: 0 auto; text-align: center;max-width: 1000px;}
.application_banner_box .app_banner_txt .webtitle::before{margin: 0 auto; right: 0;}
.news_banner_box{background: url(../images/news_banner_img.jpg) no-repeat top center; background-size: cover;min-height: 280px; }
.news_banner_box .webtitle{font-size: 1.8rem;}



/* about_banner_box */
.about_banner_box{background: url(../images/about_banner_img_01.jpg) no-repeat top center; background-size: cover;min-height:500px; position: relative;}
.about_banner_box::before{position: absolute; content: ""; width: 75%; background-color: #fff; height: 80px; bottom: 0; left: 0;}
.about_banner_box .pro_banner_txt{position: absolute; bottom: 0; max-width: 1200px;}
.about_banner_box .pro_banner_txt .etw_hometitle{color: #c7000b;}
.process_banner{background: url(../images/process_banner_img.jpg) no-repeat top center; background-size: cover;min-height:300px; position: relative;}
.process_banner::before{ height: 40px;}

.company_adv li{color: #fff; border-radius: 10px;  position: relative; padding-left: 2rem;}
.company_adv li::before{position: absolute; content: "\f26a";font-family: bootstrap-icons; left: 0; top: 0; color: #CE1727;}
.company_adv li strong{ font-weight: 600; font-size: 1.2rem;color: #fff; line-height: 1.35; margin-bottom: .3rem;  }
.company_adv li strong sub{font-weight: 400;font-size: .9rem; }


/* product_style */
.product_style .big_cate_format a{color: #c7000b; font-size: 2rem; font-weight: 500; margin-top: 1rem; display: block; margin-bottom: 1rem; text-align: center;}
.product_style .sub2_link{position: relative; margin-top: 1rem; }
.product_style .sub2_link::before{position: absolute;content: ""; width: 100%; height: 1px; background-color: #f2f2f2; top: 1.5rem;}
.product_style .sub2_link a{color: #666; font-size: 1.4rem;  margin-bottom: 1rem; position: relative; background-color: #fff; display: inline-block; padding-right: 2rem;}

/* products_top_des */
.products_top_des{background-color: #f2f2f2; padding: 4rem 0;}
.products_adv_list li{margin-bottom: 1.5rem; line-height: 1.35; }
.products_adv_list li strong{color: #c10f1b; position: relative; padding-left: 2rem; display: block; margin-bottom: .5rem;}
.products_adv_list li strong::before{position: absolute;content: "\f26b";font-family: bootstrap-icons; left: 0; top:0;}


.product_style .no_list{display: flex; flex-wrap: wrap; justify-content: center;}
.product_style .no_list >li{width: 32%; margin-right: 1%; }
.product_style .no_list >li ol{display: flex; flex-wrap: wrap; align-items: center;box-shadow: 2px 2px 10px 0px #0000003d; margin-bottom: 2rem;}
.product_style .no_list >li ol li.product_img{width: 50%; padding: 1rem;}
.product_style .no_list >li ol li.product_con{width: 50%;}
.product_style .no_list >li ol li.product_con a{color: #333; padding: 1rem; display: block; font-size: 1rem;}

.li_pro_hide{ display:none;}
.pro_lr_show{ display:block;}
.cl_show_hide{text-align: center;}
.cl_show_hide i { font-size:3rem; line-height:30px; color:#e42129;border-radius: 50%; width: 50px; height: 50px; background-color: #ccc;
  border-bottom-right-radius: 50%;border-bottom-right-radius: 0; display: flex; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer;}

/* tab_li */
.tab_li ul{display: flex; position: relative; margin-top: 2rem;justify-content: center; margin-bottom: 2rem;}
.tab_li ul li{ padding: .5rem 1rem; cursor: pointer; color: #666; transition: all .5s ease; width: 18%; text-align: center; font-weight: 600; line-height: 1.35; font-size: .9rem; }
.tab_li ul li img{width: 80px; margin: 0 auto;}
.tab_li ul li span{display: block;}
.tab_li ul li.dq,.tab_li ul li:hover{color: #c7000b; }
.tabfixed{position:fixed;top:106px;left:0;margin:0;z-index:2;width:100%;background:#fff;right:0;box-shadow:0 3px 10px rgb(0 0 0 / 20%);}
.tabfixed ul{max-width:1200px;width:100%;margin:0 auto 0.5rem; }
.tabfixed ul li img{width: 50px;}
@media (max-width:991.98px){.tabfixed{position:relative;top:auto;left:auto;right:auto;}
.tabfixed ul{background:#dde2e6;}
.tabfixed ul li{color:#333;}
.tabfixed li:before{background:#333;}
.tab_li{display:none;}
}
/* inquiry_bottom_box */
.inquiry_bottom_box .content{display: flex; flex-wrap: wrap; align-items: center; margin: 3rem auto; margin-bottom: 5rem;}
.inquiry_bottom_box{ margin-bottom: 3rem; }
.inquiry_bottom_box .left_txt_box{padding: 3rem;background-color: #f2f2f2; width: 60%; line-height: 1.35; position: relative;}
.inquiry_bottom_box .left_txt_box strong{display: block; margin-bottom: 1rem; font-size: 1.8rem;}
.inquiry_bottom_box .right_txt_box{padding: 3rem; background-color: #c7000b; color: #fff;width: 40%;box-shadow: 0 30px 20px -15px rgba(100, 100, 100, 0.4); font-size: 1.8rem; line-height: 1.35;}
.inquiry_bottom_box .inquiry_menu{border: 2px solid #c7000b; cursor: pointer; display: inline-block; padding: .8rem 1.5rem; background-color: #fff; color: #c7000b; position: absolute; bottom: -2rem; left: 3rem; font-weight: 600; font-size: 1.2rem;}
/* pro_des_bottom */
.pro_des_bottom{margin-bottom: 3rem;}
/* product_sub_box */
.product_sub_box .sub2_link,.product_smallhub_box .sub2_link{position: relative;text-align: center; margin-bottom: 1rem; margin-top: 2rem; }
.product_sub_box .sub2_link a,.product_smallhub_box .sub2_link a{display: inline-block; text-align: center; color: #c7000b; font-size: 1.6rem; position: relative; z-index: 1; background-color: #fff; padding: 0 2rem;  }
.product_sub_box .sub2_link a:hover,.product_smallhub_box .sub2_link a:hover{color: #000;}
.product_sub_box .sub2_link::before,.product_smallhub_box .sub2_link::before{position: absolute; content: ""; width: 50%; height: 1px; background-color: #c7000b; top: 1.5rem; left: 0; right: 0; margin: 0 auto;}
.product_sub_box ul{display: flex; flex-wrap: wrap; justify-content: center; }
.product_sub_box ul>li{width: 18.85%; margin-right: 1%; margin-bottom: 1rem; background-color: #fff; text-align: center;   border: 1px solid #ddd; border-radius: 10px;border-radius: 10px; transition: all .5s;}
.product_sub_box ul>li a{color: #666; display: block;line-height: 1.35;}
.product_sub_box ul>li ol li.product_img{ background-color: #f2f2f2;  overflow: hidden; margin-bottom: .5rem;padding: 1rem;border-radius: 10px 10px 0 0;}
.product_sub_box ul>li ol li.product_img img{mix-blend-mode: multiply; transition: all .5s; }
.product_sub_box ul>li ol li.product_con{padding: 1rem; font-size: .9rem; }
.product_sub_box ul>li:hover{box-shadow: 0px 4px 18px 3px rgba(213, 221, 234, .5)}
.product_sub_box ul>li:hover ol li.product_img img{transform: scale(1.05);} 
.product_sub_box_01 ul>li{width: 24%; margin-right: 1%;}



/* pro_top_des */
.pro_top_des{margin-top: 3rem;}
.pro_top_des h2{ font-weight: 600;}
/* product_smallhub_box */
.product_smallhub_box{margin-top: 1rem;}
.product_smallhub_box ul>li{background-color: #f2f2f2; padding:2rem 3rem;margin-bottom: 2rem; }
.product_smallhub_box ul>li ol{justify-content: space-between; display: flex; flex-wrap: wrap; align-items: center;}
.product_smallhub_box ul>li ol li.product_img{width: 24%;}
.product_smallhub_box ul>li ol li.product_con{width: 74%; padding: 2rem; }
.product_smallhub_box ul>li ol li.product_con a{color: #333; font-size: 1.8rem; display: block; line-height: 1.35; margin-bottom: 1rem; border-bottom: 1px solid #ddd; padding-bottom: 1rem; position: relative;}
.product_smallhub_box ul>li ol li.product_con>a::before{position: absolute;content: ""; width: 100px; height: 4px; background-color: #c10f1b; bottom: -2px; left: 0;}


.product_smallhub_box ul>li ol li.product_con a:hover{ color: #c7000b;}
.product_smallhub_box ul>li ol li.product_con .link_more{display: flex;}
.product_smallhub_box ul>li ol li.product_con .link_more a{font-size: 1.2rem; display: block; width: 100px;color: #666; margin-bottom: 0; position: relative; border: none;}
.product_smallhub_box ul>li ol li.product_con .link_more a::before{position: absolute;content: ""; width: 1px; height: 20px; right:18px; top: 3px; background-color: #ccc;}
.product_smallhub_box ul>li ol li.product_con .link_more span{font-size: 1.2rem; display: block; width: 100px; cursor: pointer; transition: all .5s;color: #666;line-height: 1.35; }
.product_smallhub_box ul>li ol li.product_con .link_more a:hover,.product_smallhub_box ul>li ol li.product_con .link_more span:hover{ text-decoration: underline; color: #c7000b;}
/* our_manufacturing_box */
.our_manufacturing_box{background-color: #f2f2f2;overflow: hidden; }
.our_manufacturing_box .manufacturing_right_txt{ display: flex; flex-direction: column; justify-content: center; height: 100%; padding-left: 3rem; font-size: 1.6rem;color: #333; line-height: 1.35; font-weight: 600; }
.our_manufacturing_box .manufacturing_right_txt .webtitle{text-transform: uppercase; color: #c7000b;}
.our_manufacturing_box .left_pic_box{padding: 3rem;}



/* pro_top_bg_box */
.pro_top_bg_box{background: linear-gradient(to top,#fff,#f2f2f2); padding-top: 2rem;}



/* pro_top_img_box */
.pro_top_img_box{ margin-bottom: 2rem; background-color: #fff; padding: 2rem;}
.pro_top_img_box .pro_des h2{font-weight: 600;}
.pro_top_img_box .pro_img img{width: 100%;}
/* sendinquiry */
.sendinquiry{ display: inline-block; padding:.5rem 1rem;color: #c7000b; margin-top: 1rem; border-radius: 40px; cursor: pointer; border-bottom: 3px solid #6a6868;background-color: #f2f2f2; }
/* related_products_box */
.related_products_box{background-color: #f2f2f2; padding: 3rem 0; padding-bottom: 2rem; margin-top: 3rem;}
.small_webtitle{font-size:1.6rem;}
.related_products_inner{display: flex; flex-wrap: wrap;}
.related_products_inner>li{width: 23%; margin-right: 2%; background-color: #fff; padding: 2rem;box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.11); margin-bottom: 1rem;}
.related_products_inner>li:nth-child(4n){margin-right: 0;}
.related_products_inner>li ol li.product_img{margin-bottom: 1rem; border-bottom: 2px solid #666; padding-bottom: 1rem;}
.related_products_inner>li ol li.product_con a{color: #333; font-size: 1.1rem; font-weight: 600; display: block; line-height: 1.35;}
.related_products_inner>li:hover ol li.product_img,.related_products_inner>li.dq ol li.product_img{border-color: #c7000b;}
.related_products_inner>li:hover ol li.product_con a,.related_products_inner>li.dq ol li.product_con a{color: #c7000b;}
.related_products_inner1>li{width: 19.2%;margin-right: 1%;}
.related_products_inner1>li:nth-child(4n){margin-right: 1%;}
.related_products_inner1>li:nth-child(5n){margin-right: 0;}

/* inquiry_bg */
.inquiry_bg{background: url(../images/product_bg.webp) no-repeat top center;}

/* inquiry_top_des */
.inquiry_top_des{background: url(../images/inquiry_img_bg.jpg) no-repeat top center; background-size: cover; padding: 4rem 0; padding-bottom: 8rem;}
.inquiry_top_des .top_des{text-align: center; width: 100%; max-width: 1000px; margin: 0 auto; color: #fff; font-size: 1.5rem; font-weight: 300; }
.inquiry_top_des .top_des p{font-size: 1rem;font-weight: 300;line-height: 1.6rem;}
/* inquiry_box */
.inquiry_box .content{background-color: #fff; padding: 4rem; border-radius: 10px;     position: relative;    box-shadow: 0 0 23px rgba(0, 1, 1, 0.13);    margin-top: -5rem;}
.inquiry_right strong{color: #c7000b; font-size: 1.8rem; display: block; margin-bottom: 1rem;  }
.inquiry_left{background-color: #c7000b; padding: 3rem; border-radius: 10px;}
.inquiry_left a{color: #fff;}
.inquiry_left strong{color: #fff; font-size: 1.8rem; display: block; margin-bottom: 1rem;  }
.inquiry_right,.inquiry_left{height: 100%;}
.inquiry_left .img_box{width: 85px; height: 85px; background-color: #fff; border-radius: 50%; margin: 0 auto; text-align: center; margin-bottom: 2rem; padding: .5rem;}
.etw-inquery-container{padding: 0 !important;}
.item_list li{position: relative; margin-bottom: 1rem; padding-left:1rem;}
.item_list li::before{position: absolute;content: ""; width: 6px; height: 6px; background-color: #666; left: 0; top: .7rem; border-radius: 50%; }
.small_font_bg{font-size: 1rem; color: #666; border-top: 1px solid #ccc; padding-top: 1rem; margin-top: 2rem;}
/* quality_control_content */
.quality_control_content{margin: 3rem auto;}
.quality_control_content .small_webtitle a{color: #c10f1b;}
.quality_control_content .right_box{ color: #333; padding: 3rem; background: linear-gradient(45deg,#f3f3f3,#c8c8c8,#f3f3f3,#fff);
  box-shadow: 0 0 18px rgba(0, 0, 0, .2);}

.quality_control_content .owl-carousel .owl-nav{top: inherit; bottom: 2.45rem;}
.quality_control_content .owl-carousel .owl-nav button.owl-prev{left: 0; width: 40px; height: 40px; background-color: #fff; display: flex; align-items: center;  justify-content: center;}
.quality_control_content .owl-carousel .owl-nav button.owl-next{right: inherit !important;left: 45px; width: 40px; height: 40px; background-color: #fff; display: flex; align-items: center;  justify-content: center;   }
.quality_control_content .owl-carousel .owl-nav button.owl-prev span, .quality_control_content .owl-carousel .owl-nav button.owl-next span{margin-top: -1rem; color: #c10f1b;}
.quality_control_content .owl-carousel .owl-nav button.owl-next{right: 0;}
.quality_control_content .owl-theme .owl-nav.disabled + .owl-dots{display: none;}
.quality_control_content .more_btn{border: 2px solid #fff; margin-top: 2rem;}
.quality_control_content .left_img_box ul li{position: relative;}
.quality_control_content .left_img_box ul li::before{position: absolute;content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .1); top: 0; left: 0;}



/* about_page */



.about_page .about_right_img{position: relative;}
.about_page .about_right_img img{position: relative;}
.about_page .about_right_img::before{position: absolute;content: ""; width: 100px; height: 120px; background-color: #c7000b; bottom: -1rem; right: -1rem;}
.about_us_img{margin-bottom: 3rem;}
.about_us_img strong{color: #c7000b; font-size: 1.8rem; display: block; line-height: 1.35;  margin-bottom: 1rem;}
.about_us_img img{box-shadow: 0 20px 20px -10px rgba(100, 100, 100, 0.4);}
/* history_box */
.history_box{background-color: #f2f2f2; padding: 3rem 0;}
.history_box strong{display: block; font-size: 1.6rem; color: #fff; display: block; margin-bottom: .5rem;}
.history_box li{background: linear-gradient(90deg,#c10f1b,#c7000b); height: 565px; padding:1.5rem; color: #fff; font-size: 1rem; line-height: 1.35; border-radius: 10px;   }
/* process_list */
.process_list{width: 80%; margin: 0 auto; margin-top: 2rem;}
.process_list ul li{display: flex; flex-wrap: wrap; margin-bottom: 1rem; justify-content: space-between; align-items: center; background-color: #f2f2f2; padding: 2rem;}
.process_list ul li .pro_img{width: 32%;}
.process_list ul li .pro_des{width: 62%; padding:0 2rem;}
/* quality_box */
.quality_box{margin-bottom: 3rem;}
.quality_box .quality_item{background-color: #f2f2f2; padding: 1rem 1.5rem; height: 100%; border-radius: 0 0 10px 10px; text-align: center; border-top: 3px solid #c7000b; font-size: 1rem;        box-shadow: 0 0 11px rgba(0, 0, 0, .1);}
/* etw_pic_list */
.etw_pic_list ul{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 2rem; }
.etw_pic_list ul li{width: 32%; margin-right: 2%; margin-bottom: 1rem; text-align: center; box-shadow: 0 0 18px rgba(0, 0, 0, .2); background-color: #fff; padding-bottom:1.5rem;}
.etw_pic_list ul li:nth-child(3n){margin-right: 0;}
.etw_pic_4 ul li{width: 23.5%;}
.etw_pic_4 ul li:nth-child(4n){margin-right: 0;}
.etw_pic_4 ul li:nth-child(3n){margin-right: 2%;}
.etw_pic_4 ul li span{padding: 0 0.5rem;}





/* why_box */
.why_box{background-color: #f2f2f2; padding: 3rem 0; margin-top: 3rem; margin-bottom: 3rem;}
.why_title{font-size: 2rem; font-weight: 600; margin-bottom: 1.5rem; color: #c7000b; line-height: 1.35; }
.why_box .why_item_box{text-align: center; padding: 2rem; padding-bottom: 0; }
.why_box .why_item_box strong{display: block; text-transform: uppercase; margin-bottom: 1rem;}

ul.adv_item li{position: relative; padding-left: 2rem; line-height: 1.55; margin-bottom:1.3rem; }
ul.adv_item li::before{position: absolute;content: "\f269";font-family: bootstrap-icons; color: #c7000b; left: 0; top: 0;}
ul.adv_item li strong{display: inline-block; font-size: 1.2rem; padding-bottom: .5rem; font-weight: 300; }
ul.adv_item li b{display: block;}
/* app_top_des */
.app_top_des{margin-top: 3rem;}
/* application_hub */
.application_hub ul{ display: flex; flex-wrap: wrap; margin-top: 1rem; }
.application_hub ul>li{ width: 22%; margin-right: 4%; margin-bottom: 2rem; position: relative; border-radius: 10px;}
.application_hub ul>li:nth-child(4n){margin-right: 0;}
.application_hub ul>li ol li.product_con a{width: 80%; position: absolute; background-color: #c7000b; display: block; color: #fff; padding:.5rem 1rem; border-radius: 5px; bottom: 2rem; right: -2rem;  font-weight: 800; transition: all .5s;}
.application_hub ul>li ol li.product_img{overflow: hidden;border-radius: 10px;}
.application_hub ul>li ol:hover li.product_con a{right: 0; background-color: #666; }
/* application_inner_page */
.application_inner_page .content{background-color: #fff; padding: 3rem; padding-bottom: 0; position: relative; margin-top: -4rem;} 
/* product_recommend */
.product_recommend ul{display: flex; flex-wrap: wrap; margin-top: 3rem; justify-content: center;}
.product_recommend ul>li{width: 18%; margin-right: 2%; background-color: #eee; padding: 15px; margin-bottom:1rem; transition: all .5s;}
.product_recommend ul>li:nth-child(5n){margin-right: 0;}
.product_recommend ul>li ol li.product_con a{color: #333; font-size: .9rem; line-height: 1.35; display: block; text-align: center; }
.product_recommend ul>li ol li.product_img{margin-bottom: 1rem;}
.product_recommend ul>li:hover{background-color: #ddd;}
/* other_application_box */
.other_application_box{background-color: #f2f2f2; padding: 3rem 0;}
.other_application_box ul{display: flex; flex-wrap: wrap;}
.other_application_box ul>li{width: 23%; margin-right: 2%;text-align: center; margin-bottom: 1.5rem;}
.other_application_box ul>li:nth-child(4n){margin-right: 0;}
.other_application_box ul>li ol li.product_img img{width: 200px; height: 200px; object-fit: cover; border-radius: 50%; margin: 0 auto; border: 15px solid #fff; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.21); margin-bottom: 1rem; transition: all .5s;}
.other_application_box ul>li ol li.product_con a{color: #333;}
.other_application_box ul>li ol:hover li.product_img img{transform: scale(1.05);}
/* othernews_link */
.othernews_link{margin-top: 3rem;}
.othernews_link a{color: #333; position: relative; padding-left: 3rem; display: block;}
.othernews_link{display: flex; flex-wrap: wrap;}
.othernews_link li{width: 49%; margin-right: 2%; background-color: #eee; padding: 1rem; margin-bottom: 1rem;}
.othernews_link li:nth-child(2n){margin-right: 0;}
.othernews_link li a:before{font-family: bootstrap-icons; content: "\f138"; left: 0; top: 0; position: absolute;}
.othernews_link li a:hover,.othernews_link li a.dq{color: #c7000b;}


/* accordion */
.accordion{position:relative;}
.card{background:0;border:none;box-shadow: 0 5px 18px rgba(76,76,76,.079); margin-bottom: 1.5rem;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:1.25rem;color:#161412;position:relative;line-height:1.355;white-space:normal;padding:1.5rem 4rem 1.5rem 1.5rem;font-weight:600;}
.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:35px;height:35px;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:1rem;line-height:1.5rem;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;}
/* faq_list */
.faq_list{ width: 85%; margin: 0 auto;margin-bottom: 3rem;}





/* newslist */
.news_page .content{background-color: #fff; padding: 3rem; padding-bottom: 0; position: relative; margin-top: -4rem;}
#app_class_menu,#app_new_pro{display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%; margin-bottom: 1rem;}
.news_list ul{width:100%;margin-bottom:30px;padding:15px;background:#eee;border:1px #ccc solid;overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:13px;line-height:20px;margin:0 0 5px;padding-bottom:8px;}
.newstime{color:#333;padding:0 5px;margin-bottom:10px;display:inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#0e3d8f}
.etw_page{margin:0 auto;width:100%;overflow:hidden;}
.etw_page ul{float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}
.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin:40px 0}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:45%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:12px;line-height:16px;display:block;position:relative;background:#f1f1f1;padding:5px 20px;}
.new_next a:before{content:"\f105";font-family:fontawesome;font-size:20px;position:absolute;left:5px;top:20%;color:#0e3d8f;}
.new_prev a{padding-left:20px;}
.new_prev a:before{content:"\f104";font-family:fontawesome;font-size:20px;position:absolute;left:8px;top:20%;color:#0e3d8f;}
.new_next a:hover,.new_prev a:hover{color:#0e3d8f}
.news_related_li{width:24%;padding-right:1%;float:left}
/* news_sidebar */
#news_sidebar{background-color: #eee; padding: 2rem; }
#news_sidebar ul li a{color: #333; display: block; line-height: 1.35; border-bottom: 1px solid #fff; padding-bottom: .5rem; margin-bottom: .5rem;}
#news_sidebar ul li a:hover,#news_sidebar ul li a.dq{color: #c7000b;}
#news_sidebar ul li:last-child a{border: none;}
#news_sidebar .news_title a{font-weight: 600; font-size: 1.8rem; margin-bottom: 1rem; color: #c7000b;  display: block;}
#productsformat .nav_name a{display: block; position: relative; padding-left: 2.3rem; color: #c7000b; margin-bottom: .5rem; font-weight: 800;}
#productsformat .nav_name a::before{position: absolute;content: "\f133";font-family: bootstrap-icons; left: 0; top: 0; font-size: 1.4rem; transition: all .5s;}
#productsformat .nav_name a:hover{color: #000;}
#productsformat .nav_name a:hover::before{left: 5px;}
/* guide_list */
.guide_list {display: flex; flex-wrap: wrap; margin: 1rem auto;}
.guide_list li{width: 49%; margin-right: 2%; padding: 2rem; margin-bottom: 1rem;box-shadow: 0 0 8px rgba(0, 0, 0, .1); background: linear-gradient(66deg,#c8c8c8,#f8f8f8,#c8c8c8);}
.guide_list li:nth-child(2n){margin-right: 0;}
/* contact_list */
.contact_list{display: flex; flex-wrap: wrap;}
.contact_list li{width: 49%; margin-right: 2%; font-size: .9rem;}
.contact_list li:nth-child(2n){margin-right: 0;}
.contact_list li b{font-weight: 600;}

/* 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; text-align: center;border-radius: 10px; overflow: hidden;}
.video_hub ul li:nth-child(2n){margin-right:0;}
.video_hub ul li a{color: #333; font-weight: 300; display: flex; align-items: center; font-size: 1.2rem; font-weight: 600;  }
.video_hub ul li a .video_img{width: 50%;}
.video_hub ul li a span{width: 50%; display: block;  padding: 5px; line-height: 1.35;}
.video_hub ul li a .video_img .video-play-button1{width: 35px; height: 35px; line-height: 35px;box-shadow: 0 0 0 0.35rem rgba(255,255,255,0.5);}
.video_hub ul li a .video_img .video-play-button1::before{font-size: 1rem;}
.video_img{position: relative;}

  /* #etw_videolist */
  #etw_videolist{position:relative;margin:0 auto;background:#f5f5f5;padding:1rem ; }
  #etw_videolist .webtitle{font-size:1.5rem;line-height:1.6rem;text-align:left;font-weight:700;color:#c7000b; 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:#c7000b;}
  #etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before{color:#c7000b;}
  #etw_videolist strong{display: block; margin-top: 1rem;}



  #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: #c7000b; 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:#c7000b;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; margin-bottom: 3rem; }
  .company_video_txt{ height: 100%; padding: 2rem; font-weight: 300;}
  .company_video_txt strong a{font-size: 1.4rem; font-weight: 700; color: #023b7d; display: block; margin-bottom: 1rem; }
  .company_video_img a img{width: 100%; height: 100%; object-fit: cover;}
  .company_video_img{height: 100%;}



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


/* #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%; margin-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:#c7000b;}
#quicknav li:last-child{color: #c7000b;}

.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;  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 #c7000b 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;  overflow: hidden; position: relative; background-size: cover; border-top: 5px solid #c7000b; background: url(../images/foot_bg1.jpg) no-repeat top center; background-size: cover;  }
.foot_logo strong{font-size: 1.2rem; display: block; margin-top: 1.5rem;}


.etw_bottom {padding:4rem 0; padding-bottom: 2rem;  width:100%;margin:0 auto;position:relative;text-align:left;  color:#fff; font-weight: 300; font-size: 1rem;  z-index: 1; }
.home_link {width:100%; overflow:hidden;margin:0 auto;padding:.5rem 0;position: relative;}
#footer a:hover {color:#ff9800;}
.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; }




.etw_bottom strong{color: #fff;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#fff; font-weight: 300; font-size: 1rem;}
.etw_bottom a:hover {color:#0192C7;}
.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;}
.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:5px;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:#0192C7;}
#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) {
  .home_big_products_box .homepro_content{width: 96%; margin: 0 auto;  }




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

  #etw_content,.etw_bottom,.content{padding-left:15px;padding-right:15px;}
  .video_right_box{display: none;}
  .banner_txt{top: 50%;transform: translateY(-50%);}

  
}
@media (max-width:1299.98px) {
.top-nav {padding-left:0;}
  .banner_txt1{width: 60%;}
  .banner_txt1 h1{font-size: 2rem;}
  .our_manufacturing_box .manufacturing_right_txt .webtitle{font-size: 2rem;line-height: 2.4rem;} 
  .our_manufacturing_box .manufacturing_right_txt{padding-left: 1rem;}
  .our_manufacturing_box .manufacturing_right_txt p{font-size: 1.25rem;line-height: 1.7rem;}

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

  
 

}

@media (max-width:1025.98px){
  .banner_txt1 h1{font-size: 1.75rem;}
  .banner_txt1 p{font-size: 1rem;line-height: 1.2rem;}
  .banner_txt1{top: 50%;transform: translateY(-50%);}

  
}
@media (max-width:991.98px) {
  .banner_inner2 h2{font-size: 1.75rem;;line-height: 2rem;margin-bottom: 0;}
  .banner_txt1 h1{font-size: 1.35rem;}
  .banner_txt1 p{font-size: 0.9em;line-height: 1.1rem;}
  .banner_inner1{padding: 1rem 3rem 1rem 1rem;}
  #header {position:relative;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: 1.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.8rem 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;color: #333;padding-left: 1rem;padding-top: 0.6rem;padding-bottom: 0.6rem;border-bottom: 1px solid #eee;}
.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:#c7000b;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#c7000b;}

.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;}
.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;}

.top-nav .navbar-nav .dropdown-menu-pro{margin-left:0px !important;}



/* .etw_language */
.etw_language {background:none;width:auto; padding-top: .5rem; }
.etw_language {display:block;float:right;height:auto;margin-top: 1.5rem;}
.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;z-index: 10;}
.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: 1rem;}
.pro_content{width: 100%;}
.big_products_inner .pro_item{width: 24.25%;margin-bottom: 0.5rem;}
.big_products_inner .pro_item:nth-child(4n){margin-right: 0;}
.inquiry_bottom_box .right_txt_box{padding: 1.5rem;font-size: 1.5rem;}
.pro_banner_box4 .etw_hometitle{text-shadow: 0 0 5px #000;}
.inquiry_left{padding: 1.25rem;}
.inquiry_left strong{font-size: 1.5rem;}
.other_products ul li{width: 32%;margin-right: 2%;}
.other_products ul li:nth-child(5n){margin-right: 2%;}
.other_products ul li:nth-child(3n){margin-right: 0;}
.quality_control_content .right_box img{width: 100%;}
.about_page .about_right_img::before{display: none;}
.application_hub ul>li{width: 48%;}
.application_hub ul>li:nth-child(2n){margin-right: 0;}
.product_recommend ul>li{width: 32%;}
.product_recommend ul>li:nth-child(5n){margin-right: 2%;}
.product_recommend ul>li:nth-child(3n){margin-right: 0;}
.webtitle,.pro_banner_box .pro_banner_txt h2{font-size: 2rem;}
.about_title_bg{display: none;}
.pro_banner_box{min-height: auto; padding: 2rem 0;}
.about_banner_box{min-height: 220px;}
.about_banner_box::before{display: none;}
.about_us_img{margin-bottom: 0; padding: 1rem; padding-top: 0;}
.about_us_img strong{font-size: 1.2em;}
.about_page{margin-top: 1.5rem;}
.application_inner_page .content,.news_page .content{margin-top: 0; padding: 1.5rem;}
.news_banner_box{display: none;}
#etw_videolist > ul > li{width: 49%;}
#etw_videolist > ul > li:nth-child(2n){margin-right: 0;}
#etw_videolist strong{width: 100%; display: block;}
}
@media (max-width:768.98px) {
  .banner_inner2 h2{font-size: 1.5rem;line-height: 1.75rem;}
  .banner_inner2 p{margin-bottom: 0;}
  .app_left,.app_right{width: 100%;}
  .product_style .no_list >li,.product_sub_box ul>li,.related_products_inner>li,.other_application_box ul>li{width: 49%;margin-right: 2%;}
  .product_style .no_list >li:nth-child(3n){margin-right: 2%;}
  .product_style .no_list >li:nth-child(2n),.product_sub_box ul>li:nth-child(2n),.related_products_inner>li:nth-child(2n),.other_application_box ul>li:nth-child(2n){margin-right: 0;}
  .inquiry_bottom_box .right_txt_box{text-transform: initial;}
  .inquiry_left{margin-bottom: 1.25rem;}
  .inquiry_right{margin-top: 1rem;}
  .process_list{width: 100%;}
  .video_hub ul li{width: 100%;margin-right: 0;}
  .product_smallhub_box ul > li ol li.product_con p{display: none;}
  .product_smallhub_box ul > li ol li.product_con .link_more a{font-size: 1rem;}
  .our_manufacturing_box .manufacturing_right_txt p{}
}
@media (max-width:650.98px) {
  html {font-size:14px; }
  .product_recommend ul>li{width: 49%;}
.product_recommend ul>li:nth-child(3n){margin-right: 2%;}
.product_recommend ul>li:nth-child(2n){margin-right: 0;}
.webtitle,.pro_banner_box .pro_banner_txt h2{font-size: 1.6rem;}
.inquiry_bottom_box .right_txt_box{font-size: 1.2rem;}
.inquiry_bottom_box .inquiry_menu{position: relative; left: 0; bottom: 0; margin-top: 2rem;}
.our_manufacturing_box .manufacturing_right_txt .webtitle{font-size: 1.45rem;} 

}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.6rem;}
  .banner_txt1 p,.banner_inner2 p,.banner_txt .more_btn{display: none;}
  .banner_txt1 h1{font-size: 1rem;margin-bottom: 0;}
  #etw_logo{width: 140px;}
  .banner_inner2 h2{font-size: 1.2rem;line-height: 1.4rem;}
  .big_products_inner .pro_item{width: 49.5%;}
.big_products_inner .pro_item:nth-child(2n){margin-right: 0;}
.home_big_products_box{background: #f00;}
.home_big_products_box::before{background-image: linear-gradient(258deg, #FF0000 20%, #FF0000 98%)}
.our_company_tour ul li a span{width: 90%;letter-spacing: 0;font-size: 1.1rem;}
.product_style .no_list >li{width: 100%!important;margin-right: 0!important;}
.inquiry_bottom_box .left_txt_box,.inquiry_bottom_box .right_txt_box,.product_smallhub_box ul>li ol li.product_img,.product_smallhub_box ul>li ol li.product_con,.process_list ul li .pro_img,.process_list ul li .pro_des{width: 100%;}
.process_list ul li .pro_des{padding: 1rem 0 0 0;}
.inquiry_bottom_box .inquiry_menu{bottom: 1rem;}
.inquiry_bottom_box .left_txt_box{padding: 2rem;}
.product_smallhub_box ul>li ol li.product_con{padding: 1rem 0;}
.other_products ul li,.etw_pic_list ul li{width: 49%;margin-right: 2%;}
.other_products ul li:nth-child(3n),.etw_pic_list ul li:nth-child(3n){margin-right: 2%;}
.other_products ul li:nth-child(2n),.etw_pic_list ul li:nth-child(2n){margin-right: 0;}

#etw_banner img{object-fit: cover; height: 220px;}
.banner_txt  h2,.banner_txt1 h1{ font-size: 1.6rem; font-weight: 600; line-height: 1.34;}
.video-play-button{width: 50px; height: 50px;line-height: 50px;}
.homepro_content .big_products_inner .pro_item:last-child{display: none;}
.product_smallhub_box ul > li{padding: 1rem;}
.product_smallhub_box ul > li ol li.product_img{ text-align: center;}
.product_smallhub_box ul > li ol li.product_con a{font-size: 1.4rem;}
.foot_logo img{width: 150px;}
.inquiry_top_des .top_des{font-size: 1.2rem;}
.etw_hometitle{font-size: 1.8rem;   font-weight: 700;}
.related_products_inner > li{padding: 5px;}
}
@media (max-width:480.98px) {
  #etw_video_list ul li,.related_pro ul li,#etw_videolist > ul > li{width: 100%; margin-right: 0 !important;}
  .home_aboutus_des .adv_item .adv_img,.home_aboutus_des .adv_item .adv_des{width: 100%;}
  .history_box li{height: 345px;}

.application_hub ul>li{width: 48%;}
.application_hub ul>li{width: 100%;margin-right: 0!important;}
.application_hub ul>li ol li.product_con a{right: 0;}
.other_application_box ul>li,.contact_list li{width: 100%!important;margin-right: 0!important;}
.news_list ul>li>ol>li.product_img{width: 100%;height: auto;}
.news_list ul>li>ol>li.product_con{width: 100%;}
}
@media (max-width:360.98px) {
  .etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li,.other_products ul li, .etw_pic_list ul li{width: 100%; margin-right: 0 !important;}
}