@charset "utf-8";
/* CSS Document */
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: local('Oswald Medium'), local('Oswald-Medium'), url(../font/oswald-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Teko Regular'), local('Teko-Regular'), url(../font/Teko-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Teko Medium'), local('Teko-Medium'), url(../font/Teko-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Teko SemiBold'), local('Teko-SemiBold'), url(../font/Teko-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'BarlowCondensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'), url(../font/BarlowCondensed-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'BarlowCondensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Barlow Condensed Medium'), local('BarlowCondensed-Medium'), url(../font/BarlowCondensed-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../font/roboto-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../font/roboto-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/roboto-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/roboto-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:iconfont;src:url(../font/iconfont.ttf?t=1622274305876) format('truetype')}


/****basic****/
body{color:#555; font-family:Roboto; font-size:0.875rem; background:#fff;}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
img{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
a{color:#333;transition:.3s all ease-in-out;blr:expression(this.onFocus=this.blur())}
a:hover{color:#23874e}
a:focus{outline:0;text-decoration:none}
a,a:hover{text-decoration:none}
a.link{color:#23874e;text-decoration:underline;font-weight:400;font-style:oblique}
a.link:hover{color:#76b916;text-decoration:underline}
b{color:#454545;font-size:1rem;line-height:1.3rem;margin:15px 0 6px 0;display:block;font-weight:500}
strong{font-size:.95rem;font-weight:700}
.etw_hometitle{display:block;font-size:4rem;line-height:4.2rem;padding:0 0 1.5rem 0;color:#111;margin:0;font-weight:400;}
.etw_hometitle small{display:block;color:#555;font-size:70%;line-height:2rem;font-weight:500}
h2{display:block; margin:0; padding:0.5rem 0 1rem 0;font-size:1.8rem; line-height:1.8rem; color:#000;font-weight:500;font-family: 'BarlowCondensed';}
.brief{ margin:20px 0;}
h2 span{ font-weight:400; display:inline-block; padding-top:0.5rem; font-family:'Roboto'; color:#666; font-size:1.2rem;}
h4.sname{font-size:1.1em;color:#999}
.subh2{ color:#228582; padding-bottom:1rem;}
.disnone{ display:none;}
hr{ border:none; border-bottom:1px #e6e6e6 solid; margin-bottom:0px;} 
inquiry,u.inquiry{text-decoration:none;color:#c32e24;display:block;margin:2px 0;font-weight:100;float:left}
u.inquiry:after{content:"INQUIRY";background:#0267b1;border-radius:2px;color:#fff;text-align:center;line-height:1;padding:4px 8px;font-size:12px;display:inline-block}
u.inquiry:hover:after{opacity:.6}
.nolr{padding-left:0;padding-right:0}
.aa{    padding-right: 5px;
  padding-bottom: 3px;}
.no_bd{border:none!important}
.table-responsive{margin:0 0 1.5rem 0}
.table{margin-bottom:0!important}
.table,td{border:none}
.table1{border:none}
.table tr td{vertical-align:middle!important;padding:12px 8px!important;font-size:.9rem;line-height:1.1rem;font-weight:300;border:1px solid #dee2e6}
.table1 tr td{border:1px solid #dee2e6}
.table tr.top td{color:#fff;padding:16px 8px 16px 8px!important;font-size:1.1rem;font-weight:400;background:#1e2b50}
.table1 tr.top td{background:#eee;border-bottom:none}
.table2,.table2 tr:first-child td{border-top:none!important}
.indent{padding-left:3.4rem}
.line1{width:90%;margin:2rem auto;background:linear-gradient(to right,#fff 0,#333 50%,#fff 100%);height:1px;border:none}
.clearfix::after{display:table;clear:both}
.brief{color:#555;font-size:.95rem;line-height:1.7rem;margin:1.5rem 0}
@media (max-width:991.98px){.etw_hometitle,.proname,h2{font-size:3rem;line-height:3.2rem}
h4{line-height:1.6rem;font-size:1.4rem}
}


/****header****/
#header{width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;background:#fff;z-index:1000;border-bottom:1px solid #ddd}
#header:before{position:absolute;content:'';width:100%;height:26px;background:#23874e;left:0;top:0}
.header1{border-bottom:none!important}
.header1:after{position:absolute;content:'';width:100%;height:16px;background:url(../images/header_bg.png) no-repeat;left:0;bottom:-7px}
.headerin{position:relative;margin:0 auto;width:100%;max-width:1200px;z-index:100}
.nav-fixed{background:#fff!important;margin:0 auto;box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;animation:.5s ease-in-out 0s normal none 1 running fadeInDown}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}
#etw_logo{float:left;width:200px;text-align:center;padding:0;position:relative;z-index:1;margin-top: 23px;margin-bottom: 10px;}
#etw_logo span{font-size:1rem;width:100%;max-width:300px;position:relative;color:#76b916;font-weight: 500;line-height: 1.25rem;}
.top_contact{float:right;background:#c9ad6e;margin:2rem 0 0 2rem}
.top_contact a{color:#fff;display:block;padding:.3rem 1rem .3rem 2.5rem;position:relative}
.top_contact a:before{content:"\f0e0";position:absolute;left:16px;top:5px;color:#fff;font-family:fontawesome;font-size:15px}
.header_top{background:#555;width:100%;height:32px}
.header_top .content{background:0;margin:0 auto}
.etw_language{width:70%;float:right;height:26px}
.etw_language>ul{position:relative;margin:0}
.etw_language>ul>li{position:relative}
.etw_language>ul>li>a{display:block}
.etw_language ul li ol{position:relative;display:block}
#etw_language{float:right;width:auto;text-align:right;margin:0 .5rem 0 0}
#etw_language .dropdown-item{display:inline-block;width:auto;font-size:.75rem;line-height:1.2rem;padding:.2rem .8rem;color:#fff;min-width:auto!important;font-weight:300;background:0;font-family:Arial}
#etw_language .dropdown-item img{padding:0 .3rem .1rem 0}
#etw_language .dropdown-item:hover{color:#ccc;background:0}
.etw_language a:not([href]):not([tabindex]){color:#fff;cursor:pointer}
.iconfont{font-family:iconfont!important;font-size:1.6rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out;-moz-animation:scaleout 2.5s infinite ease-in-out}
@-webkit-keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
@keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
#etw_top{position:fixed;width:40px;height:40px;right:55px;bottom:120px;text-align:center;background:#23874e;z-index:100;cursor:pointer;line-height:38px;border-radius:50%;transition:.5s all ease-in-out}
#etw_top a{color:#fff;font-size:.7rem}
#etw_top:hover{background:#999;transform:translateY(-.5rem)}
#etw_top:after{position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)}
@media (max-width:1199.98px){#etw_logo{margin-left:1rem}
}
@media (max-width:991.98px){#header{position:relative}
#header:before{display:none}
.nav-fixed{background:#fff!important;position:inherit;animation:none}
#etw_logo{width:160px;margin-top: 17px;}
.etw_language{width:auto;height:auto;margin:0}
.etw_language>ul>li::before{position:absolute;content:"";width:1px;height:100%;background-color:#ccc;top:-5%;right:1rem}
.etw_language>ul>li>a{margin:2.3rem 2.2rem 1rem 0;text-align:center;width:40px;z-index:100;display:block}
.etw_language ul li ol{position:absolute;width:100px;left:-1.8rem;top:2rem;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:1010;display:none}
#etw_language{width:100%;background:#fff;margin:0}
#etw_language .dropdown-item{width:auto;color:#333;line-height:1rem;padding:.6rem 0;clear:inherit;display:block;background:0 0;text-align:center}
#etw_language .dropdown-item:hover{background:#fff}

}
@media (max-width:575.98px){#header{border-bottom:1px solid #ddd}
#etw_logo{width: 145px;}
}


/*menu*/
.top-nav{z-index:999;width:auto;display:flex;flex-flow:wrap;justify-content:space-around;align-items:center;float:right;margin-top:34px;}
.navbar{padding:0}
.navbar-collapse{justify-content:flex-end}
.navbar-light .navbar-nav li.nav-item{position:relative}
.navbar-light .navbar-nav a.nav-link{color:#111;font-size:1rem;line-height:1.25rem;position:relative;margin:0 0.7rem;font-weight:400;letter-spacing:.01rem;padding:1.1rem 0}
.navbar-light .navbar-nav a.nav-link:before{content:"";position:absolute;bottom:8px;left:0;height:0;width:100%;background:#23874e;transition-delay:.1s;transition:.1s all linear;display:none}
.navbar-light .navbar-nav .active a.nav-link:before,.navbar-light .navbar-nav .show a.nav-link:before,.navbar-light .navbar-nav a.nav-link:hover:before{height:4px;display:none}
.navbar-nav .dropdown-menu{box-shadow:0 15px 22px -10px #999;border:none;padding:.3rem 1rem;left:1rem;border-radius:0;background:#fff;top:3.5rem}
.navbar-light .navbar-nav a.nav-link i{color:#999}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{background:0;color:#76b916}
.navbar-light .navbar-nav .dropdown-item{font-size:0.875rem;padding: 0.4rem 1.5rem;}
.navbar-light .navbar-nav .show>.nav-link{background:none;color:#76b916;}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:hover{background:#f0f0f0; color:#76b916;}
.navbar-light .navbar-nav  .dropdown-menu{box-shadow: 2px 2px 10px rgba(0,0,0,0.5);border-bottom: 4px solid #76b916;border-radius:0; padding:0; margin:0; background:#f7f7f7;}
.navbar-light .navbar-nav  .dropdown-menu li ol li a.dropdown-item{ padding-left:2.3rem; color:#999; font-size:0.75rem; line-height:1rem; position:relative;}
.navbar-light .navbar-nav  .dropdown-menu li ol li a.dropdown-item:before{content: "";position: absolute; height:5px; width:5px; background:#999;left:1.5rem;top:0.4rem;}
.navbar-light .navbar-nav  .dropdown-menu li ol li a.dropdown-item:hover{ color:#76b916; }
@media (max-width:1199.98px){.top-nav{float:right}
.navbar-light .navbar-nav a.nav-link{margin:0 0.2rem}
.logo_txt{font-size:1rem;top:1.2rem}
}
@media (max-width:991.98px){.top-nav{width:100%;float:left;background:#fff;margin:0;display:block;padding:0}
.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{width:100%!important;box-shadow:none}
.navbar-light .navbar-nav .dropdown-item,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:#fff;padding:.4rem 1rem .4rem 2.4rem;border-bottom:none;font-size:.9rem;color:#333;white-space:normal}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item:before{content:normal}
.navbar-nav .dropdown-menu1>li{width:100%;float:none;margin:0}
.navbar-nav .dropdown-menu li ol{display:none}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{display:none}
.navbar-light .navbar-nav .show>.nav-link{color:#333}
.navbar-light .navbar-nav li.nav-item{margin:0}
.navbar-light .navbar-nav li.nav-item:before{content:normal}
.navbar-light .navbar-nav a.nav-link:before{content:normal}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#23874e;background:0 0}
.navbar-light .navbar-nav .show>.nav-link{background:0 0}
.navbar-light .navbar-nav a.nav-link{font-size:1rem;border-bottom:1px solid rgba(0,0,0,.1);color:#333;padding:1rem;margin:0 1rem}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{border-bottom:none}
.dropdown-menu{border:none}
.navbar-light .navbar-toggler{color:#666;font-size:2.4rem;margin:1.45rem 1rem 0 0;border:none;outline:0;z-index:200;position:relative}  
}
/****header  END****/



/****banner****/
#etw_banner{width:100%;height:auto;position:relative;margin:0 auto;text-align:center;overflow:hidden;flex-flow:wrap;justify-content:center;display:flex;align-items:center}
.carousel-caption{left:0;right:0;top:24%;bottom:auto;padding:1rem 2rem;max-width:1200px;margin:0 auto;text-align:left;text-shadow:1px 1px 1px #333}
.carousel-caption h1{color:#fdab04;font-weight:600;font-size:2.6em;margin:0 0 1rem 0;line-height:3rem;text-shadow:1px 1px 1px #000;font-family:Oswald}
.carousel-caption h1 small{display:block}
.carousel-caption span{font-weight:300;font-size:1.2rem;line-height:1.8rem;display:block;margin:1rem 0 2rem 0}
.carousel-caption a.more{background:#23874e;color:#fff;padding:.5rem 1rem;font-size:1rem}
.carousel-caption a.more:hover{background:#002341}
.banner_txt{left:0;position:absolute;right:0;top:15%;bottom:auto;max-width:1200px;margin:0 auto;text-align:left;}
.bannerinfo1{max-width: 500px;margin-top: 12%;margin-left: 40%;position: relative;}
.bannerinfo1 h1{color:#76b916;font-weight:700;font-size:2rem;line-height:2.5rem;position: relative;padding-left: 46px;}
.bannerinfo1 h1 strong{position: absolute;left: 0;top: 10px;font-size: 4rem;color: #76b916;font-family: Poppins;}
.bannerinfo1 h1 span{color: #fff;display: block;}
.etw_more{position: absolute;right: 0;bottom: 6px;}
.etw_more a{display: inline-block;color: #fff;padding: 0.4rem 1rem;background: #76b916;font-size: 14px; }
.etw_more a:hover{background: #23874e;}
.bannerinfo2{width: 100%;text-align: center;margin-top: 5%;}
.bannerinfo2 span{color:#fff004;font-weight:700;font-size:2.6rem;line-height:3.2rem;max-width: 600px;justify-content: center;display: inline-block;} 
.etw_more1{width: 100%;float: left;margin-top: 1.25rem;text-align: center;}
.etw_more1 a{display: inline-block;color: #fff;padding: 0.4rem 1rem;background: #76b916;font-size: 14px; }
.etw_more1 a:hover{background: #23874e;}

.bannerinfo3{width: 100%;margin-top: 5%;}
.bannerinfo3 h1{color:#fff;font-weight:700;font-size:2.6rem;line-height:3.2rem;max-width: 720px;background: rgba(35,109,171,.6);padding: 1.2rem 2rem 1.2rem 2rem;} 
.etw_more2{width: 100%;float: left;margin-top: 1.25rem;}
.etw_more2 a{display: inline-block;color: #fff;padding: 0.4rem 1rem;background: #ef8f13;font-size: 14px; }
.etw_more2 a:hover{background: #23874e;}

.bannerinfo4{max-width: 480px;margin-top: 5%;}
.bannerinfo4 h1{color:#fff004;font-weight:700;font-size:2.5rem;line-height:3.1rem;text-transform: uppercase;}
.etw_more3{width: 100%;float: left;margin-top: 10px;}
.etw_more3 a{display: inline-block;color: #fff;padding: 0.4rem 1rem;background: #26480d;font-size: 14px; border: 2px solid #8fc320;}
.etw_more3 a:hover{background: #ef8f13;}

.bannerinfo5{max-width: 600px;padding-left: 10px;}
.bannerinfo5 h1{color:#fff;font-weight:700;font-size:2.5rem;line-height:3.1rem;}

.bannerinfo6{width: 100%;text-align: center;margin-top: 5%;}
.bannerinfo6 span{color:#fff004;font-weight:700;font-size:2.6rem;line-height:3.2rem;max-width: 600px;justify-content: center;display: inline-block;} 
.bannerinfo06{margin-top: 4%;}

.bannerinfo01{margin-top: 10%;}

.etw_content{width: 94%;max-width: 1200px;margin: 0 auto;}

.etw_about{width: 100%;float: left;margin-top: -2rem;z-index: 2;position: relative;}
.etw_about1{margin-top: 0;margin-bottom: 0.5rem;margin-top: 5px;background: #f8f8f8;padding: 1rem;border-radius: 10px;}
.etw_about1 img{width: 80px;padding-bottom: 10px;border-radius: 50%;}
.etw_about .etw_content{background: #e8f3eb;padding: 1rem 2rem;}
.etw_about ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_about ul li{width: 27%;float: left;padding: 0 1rem;text-align: center;}
.etw_about ul li:nth-child(3),.etw_about ul li:nth-child(4){width: 23%;}
.etw_about ul li span{position: relative;display: block;font-size: 1.4rem;font-weight: 700;text-align: center;color: #76b916;animation-name: example;
  animation-duration: 8s;
  animation-iteration-count: infinite;line-height: 1.8rem;padding-bottom: 6px;}
  @keyframes example
{
  0%   {left: 0;}
  25%  {left: 15px;}
  50%  {left: -15px;}
  100% {left: 0;}

}

@-moz-keyframes example /* Firefox */
{
  0%   {left: 0;}
  25%  {left: 15px;}
  50%  {left: -15px;}
  100% {left: 0;}
}

@-webkit-keyframes example /* Safari and Chrome */
{
  0%   {left: 0;}
  25%  {left: 15px;}
  50%  {left: -15px;}
  100% {left: 0;}
}

@-o-keyframes example /* Opera */
{
  0%   {left: 0;}
  25%  {left: 15px;}
  50%  {left: -15px;}
  100% {left: 0;}
}

.etw_hometitle{width: 100%;position: relative;font-size: 2rem;color: #76b916;font-weight: 700;padding-top: 17px;padding-bottom: 0.5rem;line-height: 2.4rem;}
.etw_hometitle:before{position: absolute;content: "";width: 50px;height: 20px;background: url(../images/icon.png) no-repeat left;border-left-width: 0;top: 0;}

.etw_certificate{width: 100%;float: left;}
.etw_certificate ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_certificate ul li{width: 24.25%;background: #f8f8f8;padding: 36px 1rem 1rem;margin-right: 1%;position: relative;margin-bottom: 1rem;text-align: center;border-bottom:1px dashed #ccc;}
.etw_certificate ul li:nth-child(4n){margin-right: 0;}
.etw_certificate ul li:before{position: absolute;content: "";width: 20px;height: 30px;background: url(../images/icon3.png) no-repeat;left: 5px;top: 0;}

.etw_company{width: 100%;float: left;margin-top: 2.5rem;}
.etw_company ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_company ul li:nth-child(1){width: 40%;float: left;}
.etw_company ul li:nth-child(2){width: 60%;padding-left: 3%;}
.etw_more4{width: 100%;float: left;margin-top: 0.5rem;}
.etw_more4 a{display: inline-block;text-align: center;color: #222;padding: 0.3rem 1rem;border: 2px solid #76b916}
.etw_more4 a:hover{background: #76b916;color: #fff;}

.mainpro{width: 100%;float: left;margin-top: 2.5rem;}
.mainpro ul{width: 100%;display: flex;flex-wrap: wrap;}
.mainpro ul>li{width: 33%;float: left;padding-right: 3%;}
.mainpro ul>li:nth-child(2){width: 67%;float: right;background: #e8f3eb;padding: 1rem 1rem 0 1rem;}
.mainpro ul>li ol{width: 100%;}
.mainpro ul>li ol li{width: 32%;float: left;margin-right: 2%;position: relative;margin-bottom: 1rem;}
.mainpro ul>li ol li:nth-child(3n){margin-right: 0;}
.mainpro ul>li ol li span{position: absolute;width: auto;display: inline-block;padding: 0.5rem 1.25rem;color: #fff;font-weight: 400;font-size: 1rem;text-align: center;border-top-right-radius: 20px;border-bottom-right-radius: 20px;background: rgba(0,0,0,.4);left: 0;bottom: 10px;}
.mainpro ul>li ol li span:hover{background: #76b916;}

.main_products{width: 100%;float: left;margin-top: 2.5rem;}
.pro_left{width: 30%;float: left;}
.pro_right{width: 67%;float: right;background: #e8f3eb;padding: 1rem 1rem 0 1rem;}
.pro_right ul{width: 100%;display: flex;flex-wrap: wrap;}
.pro_right ul>li{width: 66%;margin-right: 2%;float: left;position: relative;}
.pro_right ul>li:nth-child(2){width: 32%;margin-right: 0;margin-bottom: 1rem;}
.pro_right ul>li:nth-child(2) img{width: 100%;}
.pro_right ul>li ol{width: 100%}
.pro_right ul>li ol>li{width: 48.5%;margin-right: 3%;float: left;margin-bottom: 1rem;position: relative;}
.pro_right ul>li ol>li:nth-child(3){margin-right: 0;}
.pro_right ul>li ol>li:nth-child(1){width: 100%;margin-right: 0;}
.pro_right ul>li ol>li span,.pro_right ul>li span{position: absolute;width: auto;display: inline-block;padding: 0.5rem 1.25rem;color: #fff;font-weight: 400;font-size: 1rem;text-align: center;border-top-right-radius: 20px;border-bottom-right-radius: 20px;background: rgba(0,0,0,.4);left: 0;bottom: 10px;}
.pro_right ul>li ol>li span:hover,.pro_right ul>li span:hover{background: #76b916;}

.etw_why{width: 100%;float: left;margin-top: 2rem;}
.etw_why .etw_hometitle{text-align: center;}
.etw_why .etw_hometitle:before{left: 0;right: 0;margin: 0 auto;}
.etw_why ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_why ul>li{width: 32%;float: left;text-align: center;margin-right: 2%;margin-bottom: 0.8rem;}
.etw_why ul>li:nth-child(3n){margin-right: 0;}
.etw_why ul>li ol{width: 100%}
.etw_why ul>li ol>li.product_img{width: 100%;text-align: center;margin: 0 auto;}
.etw_why ul>li ol>li.product_img img{background: #76b916;position: relative;animation-name: myfirst;
  animation-duration: 5s;
  animation-iteration-count: 10;border-radius: 50%;}
  @keyframes myfirst
{
  0%   {transform: rotateZ(0deg);}
  33%  {transform: rotateZ(10deg);}
  67%  {transform: rotateZ(-10deg);} 
  100%  {transform: rotateZ(0deg);} 

}

@-moz-keyframes myfirst /* Firefox */
{
  0%   {transform: rotateZ(0deg);}
  33%  {transform: rotateZ(10deg);}
  67%  {transform: rotateZ(-10deg);} 
  100%  {transform: rotateZ(0deg);} 
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
  0%   {transform: rotateZ(0deg);}
  33%  {transform: rotateZ(10deg);}
  67%  {transform: rotateZ(-10deg);} 
  100%  {transform: rotateZ(0deg);} 
}

@-o-keyframes myfirst /* Opera */
{
  0%   {transform: rotateZ(0deg);}
  33%  {transform: rotateZ(10deg);}
  67%  {transform: rotateZ(-10deg);} 
  100%  {transform: rotateZ(0deg);} 
}


.etw_why ul>li ol>li.product_con{width: 100%;text-align: center;margin-top: 1rem;padding: 0 1rem;}
.etw_why ul>li ol>li.product_con a{display: block;font-size: 1rem;color: #76b916;font-weight: 500;text-align: center;padding-bottom: 10px;}
.etw_why ul>li ol>li.product_con a:hover{color: #000;text-decoration: underline;}

.etw_why1{width: 100%;float: left;}
.etw_why1 ul{width: 100%;float: left;}
.etw_why1 ul>li{width: 100%;float: left;margin-bottom: 1.5rem;border-bottom: 1px solid #ccc;}
.etw_why1 ul>li>ol,.etw_why1 ul>li>ol>li.product_con dl{width: 100%}
.etw_why1 ul>li>ol>li.product_img{width: 32%;float: left;}
.etw_why1 ul>li>ol>li.product_con{width: 65%;float: right;padding: 1rem 1rem 1rem 0;}
.etw_why1 ul>li>ol>li.product_con>a{display: block;color: #76b916;font-size: 1.2rem;line-height: 1.5rem;font-weight: bold;padding-bottom: 0.5rem;}
.etw_why1 ul>li>ol>li.product_con>a:hover{color: #000;text-decoration: underline;}
.etw_why1 ul>li>ol>li.product_con dl dt{width: 100%;position: relative;padding-left: 26px;padding-bottom: 6px;font-size: .9rem;color: #333;font-weight: 300;}
.etw_why1 ul>li>ol>li.product_con dl dt:before{position: absolute;content: "";width: 20px;height: 22px;background: url(../images/icon2.png) no-repeat;left: 0;top: 3px;}
@media (max-width: 575.98px) {
  .etw_why1 ul>li>ol>li.product_img{text-align: center;}
  .etw_why1 ul>li>ol>li.product_img,.etw_why1 ul>li>ol>li.product_con{width: 100%;}
  .etw_certificate ul li{width: 49%;margin-right: 2%}
  .etw_certificate ul li:nth-child(2n){margin-right: 0;}
  }


.etw_mainpro{width: 100%;float: left;margin-top: 1rem;}
.mian_title{width: 100%;position: relative;font-size: 1.5rem;text-align: center;padding-bottom: 0.4rem;margin-bottom: 1.2rem;font-weight: bold;text-transform: uppercase;}
.mian_title:after{position: absolute;content: "";width: 120px;height: 3px;background: #76b916;left: 0;right: 0;bottom: 0;margin: 0 auto;}
.etw_mainpro ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_mainpro ul>li{width: 31%;float: left;margin-right: 3.5%;margin-bottom: 1rem;background: #76b916;box-shadow: 0 1px 2px 0 rgb(118 185 22 / 30%), 0 2px 6px 2px rgb(118 185 22 / 15%);border-top-left-radius: 2rem;border-top-right-radius: 2rem;}
.etw_mainpro ul>li:nth-child(3n){margin-right: 0;}
.etw_mainpro1 ul>li{width: 23.5%;margin-right: 2%}
.etw_mainpro1 ul>li:nth-child(3n){margin-right: 2%}
.etw_mainpro1 ul>li:nth-child(4n){margin-right: 0;}
.etw_mainpro ul>li>ol{width: 100%}
.etw_mainpro ul>li>ol>li.product_img{width: 100%;background: #fff;border-top-left-radius: 2rem;border-top-right-radius: 2rem;}
.etw_mainpro ul>li>ol>li.product_img img{border-top-left-radius: 2rem;border-top-right-radius: 2rem;width: 100%;}
.etw_mainpro ul>li>ol>li.product_con{width: 100%;padding: 1rem;}
.etw_mainpro ul>li>ol>li.product_con a{display: block;text-align: left;font-size: 1rem;font-weight: bold;color: #fff;}
.etw_mainpro ul>li>ol>li.product_con a:hover{text-decoration: underline;}

/*install*/
.install{ width:100%;}
.install ul{ width:100%; max-width:1200px; margin:0 auto;display:flex;flex-flow: wrap;}
.install ul>li{ width:23.5%; margin:0.5rem 2% 0.5rem 0; background:#1f9f58;padding:1rem 0.5rem;}
.install ul>li:nth-child(4n){ margin-right:0;}
.install ul>li:nth-child(4n+1){ clear:both}
.install ul>li ol{ width:100%; text-align:center; position:relative;}
.install ul>li ol li.pro_img{ width:100%; position:relative;}
.install ul>li ol li.pro_img img{ }
.install ul>li ol li.pro_con{ width:100%;position:relative;}
.install ul>li ol li.pro_con span.pname{ color:#fff; display:block; text-align:center; position:relative; padding:0.5rem 0 0.8rem 0; font-size:1rem;}
.install ul>li ol li.pro_con span.pname:before{content:""; width:20%; height:2px; background:#7cbe42; position:absolute; left:0; right:0; bottom:0; margin:0 auto;}
.install ul>li ol li.pro_con span{color:#fff;font-size:0.75rem; line-height:1rem; display:block; padding:0.5rem 0.5rem 0 0.5rem;}
.install ul>li:hover{ background:#0c6835;}
.install ul>li:hover ol li.pro_con span.pname:before{ background:#1f9f58;}
@media (max-width: 575.98px) {
.install ul>li{ width:49%; margin-bottom:3rem;}
.install ul>li:nth-child(4n){ margin-right:2%;}
.install ul>li:nth-child(4n+1){ clear:none}
.install ul>li:nth-child(2n){ margin-right:0;}
.install ul>li:nth-child(2n+1){ clear:both}
}
/*install end*/

.videoall,.videoall ul{ width:100%; float:left;margin-top:1rem}
.videoall ul>li{width:49%; margin:0 2% 20px 0; float:left;}
.videoall ul>li:nth-child(2n){ margin-right:0}
.text-center{padding-top: 10px;}


.carousel-indicators{bottom:2rem}
.carousel-indicators li{width:15px;height:15px;margin:0 5px;border-radius:50%;background-color:rgba(255,255,255,.7)}
.carousel-indicators li.active{background:#23874e}
.bannerin{width:100%;position:relative;overflow:hidden}
.carousel-control-next,.carousel-control-prev{background:0;border:none;transition:.5s all ease-in-out;width:10%;left:3.5rem;opacity:.7}
.carousel-control-next{left:auto;right:3.5rem}
.carousel-control-next-icon,.carousel-control-prev-icon{width:39px;height:91px;cursor:pointer}
.carousel-control-prev-icon{background:url(../images/slider-arrow-left.png) no-repeat}
.carousel-control-next-icon{background:url(../images/slider-arrow-right.png) no-repeat}
.carousel-control-next:hover{right:3rem}
.carousel-control-prev:hover{left:3rem}
.etw_banner{position:relative;background:url(../images/app_bg.jpg) no-repeat;background-size:cover}
.etw_banner h2,.etw_banner p{color:#fff}
.etw_banner #quicknav{color:#fff}
.etw_banner #quicknav a{color:#ccc}
.etw_banner #quicknav a:hover{color:#fff}
.banner_text{color:#fff;width:94%;font-size:2rem;line-height:2.5rem;position:absolute;left:0;right:0;bottom:8%;max-width:1200px;margin:0 auto}
.banner_text h1{width:500px;font-size:1.6rem;text-shadow:2px 2px 3px #000}
.banner_text span{display:block}
@media (max-width:1599.98px){
.bannerinfo1{margin-top: 10%;}
}
@media (max-width:1399.98px){
.bannerinfo1{margin-top: 7%;}
.bannerinfo2{margin-top: -2%;}
.bannerinfo3{margin-top: -2%;}
.block-slider .bx-pager{bottom: 15%!important}
.etw_more2{padding-left: 1rem;}
.bannerinfo4{padding-left: 1rem;margin-top: -2%;}
.bannerinfo1 h1{text-shadow: 0 2px 2px #000;}
}
@media (max-width:1099.98px){ 
.bannerinfo1{margin-top: 4%;}
} 

@media (max-width:991.98px){#etw_banner{display:none}
.etw_about{margin-top: 0;}
.bannerinfo1{margin-top: 5%;}
} 
@media (max-width:767.98px){.etw_about ul li{width: 50%!important;margin-bottom: 6px;}
.etw_company ul li,.mainpro ul>li,.pro_left,.pro_right{width: 100%!important;margin-right: 0!important;}
.etw_more4{margin-bottom: 8px;}

}
@media (max-width:575.98px){.etw_about ul li,.pro_right ul>li ol>li{width: 100%!important;margin-right: 0;}
.mainpro ul>li ol li{width: 49%;margin-right: 2%}
.mainpro ul>li ol li:nth-child(3n){margin-right: 2%;}
.mainpro ul>li ol li:nth-child(2n){margin-right: 0;} 
.pro_right ul>li,.pro_right ul>li:nth-child(2){width: 49%}
.etw_why ul>li ol>li.product_con span{display: none;}
}
@media (max-width:480px){
  .pro_right ul>li,.mainpro ul>li ol li{width: 100%!important;margin-right: 0!important;}
  .pro_right ul>li img,.mainpro ul>li ol li img{width: 100%;}
}
/****banner END****/

/*history*/.history-box ul {position:relative;padding-top:50px;}
.history-box ul:before {top:0;content:"";width:4px;height:100%;position:absolute;background:#76b916;left:51%;}
.history-box li span {padding:5px 20px;color:#999;position:absolute;font-weight:bold;font-size:18px;display:inline-block;vertical-align:top;left:-96%;top:8px;} 
.history-box li:nth-child(even) span {padding:5px 20px;color:#999;position:absolute;font-weight:bold;font-size:18px;display:inline-block;vertical-align:top;left:26%;top:8px;}
.history-box div p > b {display:block;float:left;margin-top:0px;font-size:1.2rem;font-family:"Titillium Web Bold";}
.history-box div p {font-size:16px;line-height:1.5rem;text-align: center;padding-top: 10px;}
.history-box div p strong{font-size: 1.25rem;color: #76b916;}
.history-box div p:after {content:" ";clear:both;display:block;}
.history-box div p > span {display:block;float:right;width:88%;}
.history-box li div {padding-left: 25px;}
.history-box li:before {position:absolute;content:"";width:0;z-index:1;height:0;left:2%;top:15px;border-style:solid;border-width:16px 20px 16px 0px;display:block;border-color:transparent #f5f5f5 transparent transparent;} 
.history-box li {margin-bottom:30px;position:relative;width:45%;left:52.5%;}
.history-box li:nth-child(even) {padding-left:0px;text-align:right;left:5%;}
.history-box li:nth-child(even):before {display: none;} 
.history-box li:nth-child(even) div p > b {float:right;text-align:right;}
.history-box li:nth-child(even) div{padding-left: 0;padding-right: 25px;position: relative;}
.history-box li:nth-child(even) .history_img:before{position:absolute;content:"";width:0;z-index:1;height:0;right:-17px;top:15px;border-style:solid;border-width:16px 0px 16px 20px;display:block;border-color:transparent transparent transparent #f5f5f5;}
.history-box .etw_hometitle:before{display: none;}
.history-box .etw_hometitle{padding: 0;padding-left: 10px;}
.history-box li:nth-child(even) .etw_hometitle{padding: 0;padding-right: 10px;}
.history_img{width: 100%;background: #f5f5f5;padding: 1rem!important;border-radius: 10px;text-align: center;}
.history_img img{border-radius: 10px;}
.history-box li:nth-child(2){margin-top: -16%;}
.history-box li:nth-child(3){margin-top: -18%;}
.history-box li:nth-child(4){margin-top: -20%;}
.history-box li:nth-child(5){margin-top: -7%;}
.history-box li:nth-child(7){margin-top: -21%;}
.history-box li:nth-child(8){margin-top: -25%;} 
@media (max-width:1299.98px) {.history-box li span,.history-box li:nth-child(even) span {display:none;}
}
@media (max-width:575.98px) {.history-box ul {padding-top:0;}
.history-box li {width:100%;left:0;margin-top: 1rem!important;}
.history-box li:nth-child(even) {text-align:left;left: 0;}
.history-box li:nth-child(even) div p > b {float:left;}
.history-box ul:after,.history-box li span:before,.history-box ul:before,.history-box li:after ,.history-box li:before,.history-box li:nth-child(even):before,.history-box li:nth-child(even) .history_img:before{display:none;}
.history-box li div{padding-left: 0;}
.history-box li:nth-child(even) div{padding-right: 0;}
}

.history_date-list{padding-left:40px; margin-left:20px; margin-bottom:20px;display: flex;flex-wrap: wrap;}
.history_date-list li{border-left:1px solid #CCC;box-sizing:border-box;margin-left:100px;padding:60px 10px 0 0;position:relative;height:auto; clear:both}
.history_date-list li:first-child strong{ font-size:22px; padding-left:5px}
.history_date-list li:last-child{ padding-bottom:120px}
.history_date-list li:first-child:before{background-color:#999;content:"";display:block;position:absolute;top:0;left:-7px;height:14px;width:14px; border-radius:50%}
.history_date-list li:last-child:after{background:url(../images/icon.jpg) bottom center no-repeat;content:"";display:block;position:absolute;bottom:0;left:-8px;height:14px;width:16px}
.history_date-list li span{display: block; font-size:15px; margin-left:0; text-align: center;background: #76b916; margin-bottom:15px; position:absolute;top:60px;left:-145px; line-height:40px; width:130px; height:40px;font-weight: 700;color: #fff;}
.history_date-list li:hover span{ background:#23874e; color:#fff}
.history_date-list li p{position:relative;display:block; margin:0; padding:10px 20px;}  
.history_date-list li p:before{ position:absolute; content:""; border-right: 12px solid #ddd; border-top: 10px solid transparent; border-bottom:10px solid transparent; top:10px; left:-13px}
.history_date-list li .img_left{margin: 0 3% 0px 13px; width:40%} 
.history_date-list .img_left{width: 68%!important}

.auto-img{display: block;width:100%;}
.box{width:100%;}
.box1{width:100%;}
.box-cent{margin:0 auto;position: relative;}
.texbox{position: absolute; text-align: center;top:28%;left:50%;transform: translate(-50%, -50%);font-size: 49px;color:#072772}
.texbox1{position: absolute;text-align: center;top:45%;left:50%;transform: translate(-50%, -50%);font-size: 46px;color:#7cc133;font-weight:500}
.texbox2{position: absolute;width: 85%;top: 67%;left: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #ffffff;text-align:center}
.texbox3{background: #154f8e;padding: 0 5% 1.5rem;margin-top: -13%;color: #fff;text-align: center;}
.texbox span{font-size: 66px;font-weight:bold}

.bellin{width: 70%;position: absolute;top:16%;left:56%;transform: translate(-50%, -50%);}
.bellin1{width: 70%;position: absolute;top:49%;left:56%;transform: translate(-50%, -50%);}
.bellin2{width: 70%;position: absolute;top: 79%;left:56%;transform: translate(-50%, -50%);}
.bellin span{font-size: 20px;font-weight:500}
.bellin1 span{font-size: 20px;font-weight:500}
.bellin2 span{font-size: 20px;font-weight:500}

.bel{width: 31%;position: absolute;top:35%;left:30%;transform: translate(-50%, -50%);}
.bel1{width:35%;position: absolute;top:40%;left:79%;transform: translate(-50%, -50%);}
.bel2{width: 29%;position: absolute;top:78%;left:22%;transform: translate(-50%, -50%);}
.bel3{width: 30%;position: absolute;top:86%;left:74%;transform: translate(-50%, -50%);}



ul.item2>li {list-style: url("pre.gif") outside circle;margin: 0.2rem 0 0.3rem 18px;width: 98%;float: none;text-align: left;}


.etw_list{width: 100%;float: left;margin: 0 auto;position: relative;}
.etw_list ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_list ul>li{width: 49%;margin-right: 2%;background: #f8f8f8;padding: 1rem;position: relative;margin-bottom: 2rem;position: relative;} 
.etw_list ul>li:nth-child(2n){margin-right: 0}
.etw_list ul>li:last-child{width: 100%;margin-right: 0;}
.etw_list01 ul>li:last-child{width: 49%;}
.etw_list ul>li ol{width: 100%;padding-left: 20px;float: left;margin-top: 1rem;}
.etw_list ul>li ol li{width: 100%;float: left;list-style: disc;}
.etw_list img{position: absolute;width: 50px;height: 50px;left: 1rem;top: 1rem;}
.etw_title{width: 100%;font-size: 1rem;font-weight: 500;margin-top: 1rem;color: #333;}
.etw_list .etw_title{width: auto;float: left;padding-left: 60px;font-size: 1.1rem;}

@media (max-width:575.98px){
  .etw_list ul>li{width: 100%!important;margin-right: 0!important;}
}

.etw_guide{width: 100%;float: left;margin-bottom: 1rem;}
.etw_guide ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_guide ul li{width: 100%;float: left;border: 1px solid #ccc;padding: 0 1rem 1rem;border-bottom: 1px solid #fff;}
.etw_guide ul li span{display: block;padding: 1rem 0 0.6rem;font-size: 1rem;font-weight: 700;}
.etw_guide ul li ol{width: 100%;position: relative;padding: 1rem;border-left: 2px solid #76b916;background: #f3f3f3;float: left;} 
.etw_guide ul li p{margin-bottom: 0;}
.feedback1{ width:auto;margin-top: 0.7rem;position: relative;float: left;}  
.feedback1 a{ display:inline-block; color:#fff;text-align:center;position: relative;background:#f90; padding: 0.25rem 0.75rem;border-radius: 5px} 
.feedback1 a:hover{background: #000;} 
.etw_guide ul li:last-child{border-bottom: 1px solid #ccc;}

.etw_title1{width: 100%;font-size: 1.2rem;font-weight: 500;margin-top: 1rem;color: #333;position: relative;padding-bottom: 6px;margin-bottom: 10px;}
.etw_title1:after{position: absolute;content: "";width: 70px;height: 2px;background: #76b916;left: 0;bottom: 0;} 

.etw_rd1{width: 100%;background: #f8f8f8;padding: 1rem;}
.etw_rd1>ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_rd1>ul>li{width: 100%;float: left;margin-bottom: 1.5rem;}
.etw_rd1>ul>li>ol{width: 100%;}
.etw_rd1>ul>li>ol>li.product_img{width: 35%;float: right;}
.etw_rd1>ul>li>ol>li.product_img img{width: 100%}
.etw_rd1>ul>li>ol>li.product_con{width: 64%;float: left;background: #fff;padding: 1rem;border-right: 2px solid #76b916;}
.etw_rd1>ul>li:nth-child(1)>ol>li.product_img{margin-top: 20%;}

.whyus{ width:100%;}
.whyus ul li{ width:80%; display:block; border:4px #7cbe42 solid; min-height:218px; position:relative; padding:1rem 1rem 1rem 9rem; position:relative;clear:both;}
.whyus ul li:before{content:"";position: absolute; left:1rem;top:0px; width:100%; max-width:113px;height:98%; max-height:218px;}
.whyus ul li:nth-child(2n){ float:right; }
.whyus ul li:nth-child(1):before{ background:url(../images/1.jpg) left top no-repeat;background-size: 100% 100%}
.whyus ul li:nth-child(2):before{ background:url(../images/2.jpg) left top no-repeat;background-size: 100% 100%}
.whyus ul li:nth-child(3):before{ background:url(../images/3.jpg) left top no-repeat;background-size: 100% 100%}
.whyus ul li:nth-child(4):before{ background:url(../images/4.jpg) left top no-repeat;background-size: 100% 100%}
.whyus ul li:nth-child(5):before{ background:url(../images/5.jpg) left top no-repeat;background-size: 100% 100%}
.whyus ul li span{ color:#7cbe42; font-size:2rem; line-height:2.2rem; padding:0.5rem 0 1rem; 0; font-weight:700;}
.whyus ul li p{ font-size:1.2rem;}
@media (max-width: 767.98px) {
	.whyus ul li{ min-height:inherit; width:100%; margin-bottom:1rem;}
	.whyus ul li span{ font-size:1.8rem;}
	.whyus ul li p{ font-size:1rem;}
}





/*quick-link*/
#quicknav{height:auto; color:#444; line-height:1.2rem; font-size:0.8rem; overflow:hidden; background:#f3f3f3; padding:0.8rem 0;}
#quicknav a{color:#999;}
#quicknav ul{width:96%; max-width:1200px; margin:0 auto;}
#quicknav li{display:inline-block; padding:0.0rem 0.4rem 0.0rem 0px;}
#quicknav li+li::before{padding:0 5px;color:#666;content:"/\00a0"}
#quicknav a:hover{color:#228582}
@media (max-width: 575.98px) {
#quicknav{ display:none;}
}



/****container****/
#container{margin:142px auto 0 auto;width:100%;overflow:hidden}
.etw_container{background:#ebe9e2}
.content{width:94%;margin:1.5rem auto 2rem auto;max-width:1200px}
.content1{width:94%;margin:1.5rem auto 2rem auto;max-width:1100px} 
/****container  END****/

.etw_hometitle01{padding:0.5rem 0 1rem 0;font-weight:500; color:#000; font-size:1.6rem;line-height:1.8rem;color:#1f2639;}

/****products list****/
#etw_right{float:right;width:73%;position:relative} 
#etw_right figure a:hover img{opacity:.8}
#etw_sidebar{float:left;position:relative;width:23%;margin-top:-1.5rem}
#etw_sidebar .webtitle{color: #fff;font-size:1.2rem; line-height:1.4rem;font-weight:500;padding:0px;margin-top: 12px;background: #7cbe42; padding:0.8rem 1rem;border-radius:0 5px 0 0;}
#etw_sidebar .webtitle a{color:#333}
#etw_sidebar .webtitle a:hover{color:#76b916}
/****Products List****/
#etw_productlist{width:100%; overflow:hidden; position:relative;}
#etw_productlist{width:100%; overflow:hidden; position:relative;}
#etw_productlist>ul{overflow:hidden; width:100%;float:left;}
#etw_productlist>ul>li{width:100%;position:relative;border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
#etw_productlist ul>li>a{display:block; font-size:0.9375rem; color:#000; line-height:1.25rem; padding:0.875rem 1.5rem 0.875rem 1.2rem; border-bottom:1px #e3e3e3 solid;  position:relative;}
#etw_productlist>ul>li>a:before{content: "\f105"; color:#7cbe42; position:absolute; left:0.5rem; font-size:0.875rem; font-family:fontawesome} 
#etw_productlist ul>li>ol>li>a{font-size:0.875rem; display:block; line-height:1rem; color:#777; padding:0.7rem 1.5rem 0.7rem 1.2rem; border-bottom:1px #e3e3e3 solid;}

#etw_productlist ul li a:hover{ background:#f2f2f2; color:#7cbe42; text-decoration:none} 
#etw_productlist ul li a.dq{color:#7cbe42;} 
#etw_productlist ul li a:hover:before,#etw_productlist ul li a.dq:before{color:#7cbe42;}


.relatedpro1{width:100%;margin:1.5rem 0;border: 1px solid #ccc;}
.relatedpro1 ul li img{display:block;float:left;width:13%;margin:.8rem .5rem}
.relatedpro1 ul li{width:100%;border-bottom:1px solid #eee;display: flex;flex-wrap: wrap;}
.relatedpro1 ul li:last-child{border-bottom: none;}
.relatedpro1 ul li a{display:block;color:#333;width: 100%;}
.relatedpro1 ul li a:hover{color:#76b916}
.relatedpro1 ul li a span{padding-top: 19px;display: inline-block;}

@media (max-width: 991.98px) {
	#etw_productlist{ display:none;}
  #container{margin-top: 0;}
}

/****Left Inquiry****/
#etw_contact{width:100%;overflow:hidden;background-color: #f4f4f4;padding:1rem 1rem; margin-top:1rem;}
#floatchatiframe2023{ min-height:300px;}
#etw_sidebar .leftcontact{background: #edeef0; padding:1rem;}
#etw_sidebar .leftcontact a{ color:#555;}
#etw_sidebar .leftcontact a:hover{ color:#228582;}
.feedback{ width:100%;border:1px solid #e8e8e8;padding:1rem; padding-top:0;background: #fafafa;}
.feedback_title{display:block; color:#7cbe42; margin:1rem 0;  border-bottom:2px solid #7cbe42;position:relative; padding-bottom:0.2rem; font-size:1.2rem; font-weight:500; background: #fafafa; }
.feekinfo{font-size:1rem;}


/****Footer contact****/
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{ position:relative; padding-left:25px; display:block; margin-bottom:8px;}
.cot_add:before{content:'\f041';position:absolute; left:0px; top:0px; color:#000;font-family:fontawesome; font-size:20px;}
.cot_tel:before{content:"\f095";position:absolute; left:0px; top:0px; color:#000;font-family:fontawesome; font-size:18px;}
.cot_email:before{content:"\f0e0";position:absolute; left:0px; top:0px; color:#000;font-family:fontawesome; font-size:16px;}
.cot_people:before{content:"\f2be";position:absolute; left:0px; top:0px; color:#000;font-family:fontawesome; font-size:16px;}
.cot_mobile:before{content:"\f10b";position:absolute; left:3px; top:0px;color:#000; font-family:fontawesome; font-size:20px;}
.cot_fax:before{content:"\f1ac";position:absolute; left:0px; top:0px;color:#000; font-family:fontawesome; font-size:16px;}
.cot_whatsapp:before{content:"\f232";position:absolute; left:0px; top:0px;color:#000; font-family:fontawesome; font-size:18px;}
@media (max-width:991.98px){#etw_right,#etw_sidebar{width:100%}
#etw_productlist,#etw_sidebar .webtitle,.leftcontact,.relatedpro1{display:none}
}


/****content title****/  
.protitle{ color:#000; font-size:1.1rem; margin:1rem 0 0.7rem 0; position:relative; padding-bottom:10px; position:relative; text-align:left; clear:left; min-width:40%; display:inline-block;}
.protitle:before{ position:absolute; content:""; width:6px; height:6px;  background:#228582; left:0; bottom:-4px} 
.protitle span{ display:inline-block; width:auto; position:relative}
.protitle span:before{ position:absolute; content:""; width:100%; max-width:70px; height:1px; background:#228582; left:0; bottom:-12px;}
.protitle1{font-size: 1.5rem;padding-bottom: 0.8rem;}
.reltitle{ font-weight:400; font-size:0.95rem;padding-bottom:0px;}

.protitle2{width:100%;height:auto;font-weight:700;border:none;background:#f5f5f5;color:#333;line-height:1em;padding:10px 0 10px 10px;margin:0.6rem 0 0.2rem 0;border-left:3px solid #7cbe42;font-size:20px}
.protitle2 a{color:#333}
.protitle2 a:hover{ color:#7cbe42;}

.protitle3{margin-top: 2.3rem !important;}
.theme-box-name{background: #76b916!important;border-left: 1px solid #76b916!important;}
.theme-send-inquiry-box{background: #507c10!important;}

.etw_list1{width: 100%;float: left;margin: 0 auto}
.etw_list1 ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_list1 ul>li{width: 49%;float: left;margin-right: 2%;margin-bottom: 1rem;background: #f8f8f8;padding: 1rem;}
.etw_list0 ul>li{width: 24.25%;margin-right: 1%;}
.etw_list1 ul>li:nth-child(2n){margin-right: 0;}
.etw_list0 ul>li:nth-child(2n){margin-right: 1%;}
.etw_list0 ul>li:nth-child(4n){margin-right: 0;}
.etw_list1 ul>li ol{width: 100%}
.etw_list1 ul>li ol span{font-size: 1rem;font-weight: 500;color: #23874e;display: block;padding: 0.5rem 0;}
.etw_list1 ul>li ol .table tr td{font-weight: 400;}
.etw_list1 ul>li ol li{position:relative;padding-left:1.125rem;text-align:left;margin:0 0 .5rem 0;font-weight:400;width: 100%;}
.etw_list1 ul>li ol li:before{position:absolute;top:7px;left:3px;width:5px;height:5px;background:#23874e;content:"";transform:rotate(45deg)}
.etw_list1 p{padding-left: 18px;margin-bottom: 0;}
.etw_list02 .etw_title{width: 100%;padding-left: 0;}
.etw_list03 ul li{text-align: center;}
.etw_list03 img{position: relative;width: auto;height: auto;text-align: center;left: 0;top: 0;}
.etw_list03 .etw_title{width: 100%;padding-left: 0;font-size: 1rem;text-align: center;padding-top: 10px;}


.sub_title{ width:100%; margin-bottom:1rem; margin-top:1.5rem; overflow:hidden;}
.title_left{ width:80%; float:left;}
.title_right{ width:16%; float:right;}
.inquirytitle{font-size:1.6rem;float:left;padding:.3rem 8% .3rem 0;line-height:1.8rem;color:#fff}
.sendtop{margin-top:1.2rem}
.sendinquiry{display:inline-flex;flex-wrap:wrap;justify-content:center;cursor:pointer;text-align:center;position:relative;z-index:1}
.sendinquiry span {
  color: #fff;
  padding: .3rem 0.3rem;
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  transition: .3s all ease-in-out;
  margin: 0rem;
  position: relative;
  border-radius: 2rem 0 0 2rem;;
  min-width: 120px;
  box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);
  background-color: #26a44a;
}
.sendinquirySpan{
  border-radius: 0 2rem 2rem 0!important;
  min-width: 25px!important;
  background-color: #bddb2d !important;
  margin: 0rem !important;
}
.sendinquirySpan::after {
  position: relative;
  content: "\f105";
  font-family: FontAwesome;
  color: #fff;
  width: auto;
  height: auto;
  vertical-align: top;
  font-size: 18px;
  border: none;
  transition: .3s all ease-in-out;
}
.sendinquirySpan:hover{
  border-radius: 0 2rem 2rem 0!important;
  min-width: 25px!important;
  background-color: #e69f45 !important;
}
/* .sendinquiry span{color:#23874e;padding:.5rem 1.5rem;font-size:1rem;line-height:1rem;font-weight:200;text-align:center;display:inline-block;transition:.3s all ease-in-out;margin:1rem 0 2rem 0;position:relative;border-radius:2rem;min-width:180px;box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);border: 2px solid #23874e;} */
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry span:hover,.sendinquiry1:hover{background:#23874e;color:#fff}
.sendinquiry span:hover:before{background:#228ce0}  
.sendinquiryCenter{width: 100%;}
/* .etw_list1 ul > li ol span::before {position: absolute;content: '';border-bottom: 1px dashed #228582;left: 204px;top: 47.7%;width: 10%;height: 1px;transform: translateY(-50%);} */
.sendinquiry1 {cursor: pointer;position: relative;display: block;padding: 0rem 1rem;font-weight: 400; background-color: #26a44a;float: right;border-radius: 2rem 2rem 2rem 2rem;}
.sendinquiry1 span {color: #fff !important;font-size: 0.8rem!important;line-height: 1rem;display: block;}
.sendinquiry2{
  position: relative;
  width: 160px;
  display: block;
}
.sendinquiry2 span{
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 2rem;
  background: #7cbe42;
  box-shadow: 3px 3px 6px #296137;
  transition: all .3s;
  background-repeat: no-repeat;
  background-position: -135px -135px, 0 0;
  background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50%);
  background-size: 250% 250%, 100% 100%;
  transition: background-position 0s ease;
  font-family: 'BarlowCondensed';
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  text-transform: uppercase;
  cursor: pointer;
}
.sendinquiry2 span:hover{

  background-position: 0 0, 0 0;
  transition-duration: 0.9s;
}

.model_selection p{font-size:.85rem;line-height:1.6rem}
.btn.focus,.btn:focus{outline:0;box-shadow:none}
.btn1{width:40px;position:relative;display:inline-block}
.btn1:before{position:absolute;content:"\f103";font-family:FontAwesome;color:#23874e;border:1px solid #23874e;width:100%;left:0;top:0;font-size:1.2rem;display:flex;align-items:center;justify-content:center}
.btn1:focus:before{content:"\f102"}
.pdf{width:100%;margin:.8rem 0}
.pdf a{position:relative;display:inline-block;color:#23874e;font-weight:400;font-size:1rem;border:1px solid #23874e;border-radius:2rem;padding:.3rem 1rem .3rem 1rem;box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%)}
.pdf a:before{color:#23874e;transition:.3s all ease-in-out;content:"\f1c1";font-size:1rem;font-family:fontawesome;margin:0 .5rem 0 0}
.pdf a:hover{background:#23874e;color:#fff}
.pdf a:hover:before{color:#fff}
.pdf1{color:#23874e;display:inline-block;text-align:center;font-size:1rem;line-height:1.5rem;text-decoration:underline;font-weight:400}
.pdf1 a i{padding-right:.3rem;font-size:1rem}
.pdf1 a:hover{background:#333}
.color1{color:#ec0028;font-style:normal}
.pdf2{display:inline-block;width:15px;height:17px;margin:0 5px 0 0;text-align:center;position:relative}
.pdf2:before{color:#d83d33;content:"\f1c1";font-size:1rem;font-family:fontawesome} 

@media (max-width:767.98px){
  .box{display: none;}
.bo{display: none;}
}

/****related img****/
figure{margin-bottom:0;width:100%;display:table;clear:both}
.left_pic{width:100%;height:auto;float:right;margin:0 0 1.5rem 0;overflow:hidden}
.left_pics{width:100%;overflow:hidden}
.left_pic img{max-width:100%;text-align:center;transition:.3s all ease-in-out}
.related_pic{width:100%;display:flex;flex-wrap:wrap;margin:.5rem 0 0 0;justify-content:center}
.related_pic ul{display:flex;flex-flow:wrap}
.related_pic li{width:20%;float:left;overflow:hidden;margin:0 2% 0 0}
.related_pic li:nth-child(5n){margin-right:0}
.related_pic li:nth-child(5n+1){clear:both}
.related_pic li a{display:block;position:relative;border:2px solid #ddd}
.related_pic li a.imgdq{border:2px solid #23874e}
.related_pic img{transition:.3s all ease-in-out}
.related_pic span{font-size:.8rem;line-height:1rem;display:block;text-align:center;margin:.5rem 0}
.related_pic3 li{width:32%;margin:0 2% 0 0}
.related_pic3 li:nth-child(3n){margin-right:0}
.related_pic3 li:nth-child(3n+1){clear:both}
.first{font-size:1.1rem;line-height:1.8rem}
.first strong{font-size:1.1rem}
.etw_propic{width:100%;position:relative}
.etw_propic ul{display:flex;flex-flow:wrap}
.etw_propic ul li{width:100%;margin:0 0 .5rem 0}
.etw_propic ul li a{width:100%;display:block;border-radius:50%;box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%),0 2px 6px 2px rgb(60 64 67 / 15%);overflow:hidden}
.etw_propic ul li span{display:block;font-size:.75rem;line-height:1rem;text-align:center;color:#111;font-weight:400}
.etw_propic ul li img{border-radius:50%;overflow:hidden;transition:.3s all ease-in-out}
@media (max-width:991.98px){.first{margin:0 0 1rem 0}
}
@media (max-width:767.98px){.left_pic{float:none;text-align:center}
.table .left_pic{min-width:100px}
.etw_propic ul li{width:32%;margin:0 2% 1rem 0}
.etw_propic ul li:nth-child(3n){margin-right:0}
.etw_propic ul li:nth-child(3n+1){clear:both}
.etw_propic ul li:nth-child(4){display:none}
.etw_list0 ul>li{width: 49%!important;margin-right: 2%!important}
.etw_list0 ul>li:nth-child(2n){margin-right: 0!important;}
.etw_mainpro1 ul>li{width: 49%}
.etw_mainpro1 ul>li:nth-child(2n){margin-right: 0;}
}
@media (max-width:575.98px){.etw_list1 ul>li{width: 100%;margin-right: 0;
  }
}



/****photo****/
.etw_photo{margin:.5rem 0;width:100%;height:auto}
.etw_photo ul{display:flex;width:auto;height:auto;flex-flow:wrap}
.etw_photo-1 ul{display:flex;width:auto;height:auto}
.etw_photo ul li{margin:0 2% .5rem 0}
.etw_photo ul li img{display:block;margin-bottom:5px;width:100%;border:1px solid #ddd;transition:all .3s}
.no_bt ul li img{margin:0}
.etw_photo ul li a:hover img{border:1px solid #291d5a}
.etw_photo ul li span{display:block;text-align:center;font-size:.9rem;line-height:1rem;clear:both;margin-bottom:.8rem} 
.etw_photo1 ul li img{padding: 0 30%;border: none;}
.etw_photo1 ul li span{display: block;font-weight: 500;} 
.etw_photo3 ul li img{padding: 0 20%}
.etw_rd{background: #fff;padding: 1rem;}
.etw_rd ul li span{font-size: 1rem;color: #76b916;font-weight: 500;display: block;padding-top: 10px;}
.etw_rd ul li img{border: none!important;}
.etw_photo0 ul li span{font-size: .9rem;color: #444;font-weight: 400;display: block;padding-top: 10px;}
.etw_photo0 ul li img{border: none!important;padding: 0 1.5rem;} 
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49%}
.etw_pic3 ul li{width:32%}
.etw_pic4 ul li{width:23.5%}
.etw_pic5 ul li{width:18.4%}
.etw_pic6 ul li{width:15%}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:both}
.img_left,.img_right{float:left;margin:0 2% 14px 0;width:42%;text-align:center}
.img_right{float:right;margin:.4rem 0 1rem 3%;width:42%}
.table-responsive1{width: 55%;}
.img_left a,.img_right a{display:block;width:100%}
.img_left img,.img_right img{position:relative;z-index:2;transition:.3s all ease-in-out}
.img_center{width:100%;margin:.5rem 0;overflow:hidden;text-align:center}
.img_right1{width:32%;float:right;margin:0 0 1rem 3%}
.img_left1{width:46%;float:left; margin:0 2% 14px 0; text-align:center;}
.sswidth{ width:25%;}
.swidth{ width:35%;}
.bswidth{ width:50%;}
.bwidth{ width:55%;margin-right:30px;}
.bbwidth{ width:80%; margin-right:30px;}
.etw_pic2 .img_left{margin-right: 10px;}

.liimg{ width:22%; padding-right: 20px;margin-right: 0;}
.color1{ color:#037539; font-weight:500;}
.color2{ color:#e44f6f; font-weight:500;}
@media (max-width:767.98px){.etw_pic5 ul li,.etw_pic6 ul li{width:32%}
.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:2%}
.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:none}
.etw_pic5 ul li:nth-child(3n),.etw_pic6 ul li:nth-child(3n){margin-right:0}
.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1){clear:both}
.img_right{margin:0 0 1rem 0;width:100%;float:none}
.img_right3{margin:2.3rem 0 1rem 0 !important;width:100%;float:none}
.img_left{width:100%;margin:0 0 1rem 0}
.img_right1{margin:0 0 1rem 0;width:100%;float:none}
.etw_photo4 ul li{width:50%}
.etw_photo4 ul li:nth-child(2n+1){clear:both}
.table-responsive1{width: 100%;}
.prodq .img_left{width: 42%;}
.prodq p{padding-top: 30px!important;}
}
@media (max-width:575.98px){.etw_pic4 ul li,.etw_pic5 ul li{width:49%}
.etw_pic4 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(3n){margin-right:2%}
.etw_pic4 ul li:nth-child(3n+1),.etw_pic5 ul li:nth-child(3n+1){clear:none}
.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){margin-right:0}
.etw_pic4 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1){clear:both} 
.etw_photo1 ul li{width: 49%;margin-right: 2%}
.etw_photo1 ul li:nth-child(3n){margin-right: 2%}
.etw_photo1 ul li:nth-child(2n){margin-right: 0;}
.prodq p{padding-top: 10px!important;}
}
@media (max-width:460px){
  .prodq .img_left{width: 100%;margin-bottom: 0;}
.prodq p{padding-top: 5px!important;text-align: center;}

}



/****ul li style****/  
/****ul li style****/
.etw_color{font-weight: bold;color: #8ec21f;padding-top: 6px;display: block;}
ul.item{width:100%; float:none;}
ul.item{width:100%; float:none;}
ul.itemtwo{ display:flex;flex-flow: wrap; padding-bottom:0px;}
ul.item>li{list-style: decimal;margin:0 0 0.5rem 18px;width:98%; float:none; text-align:left;} 
ul.item1>li{list-style: decimal;margin:0 0 0.5rem 0;width:78%; float:none; text-align:left;} 
ul.itemtwo>li{ width:45%;font-size:0.8rem; line-height:1.2rem;}
ul.item>li.last{ margin-left:22px;}
ul.item1>li.last{ margin-left:22px;} 
ul.discitem{ margin-bottom:15px; float:none;}
ul.discitem>li{ width:auto; margin:0px 0 0.5rem 15px; list-style:disc ; line-height:20px; float:none;}
ol.pro_list{ margin-bottom:15px; float:none;}
ol.pro_list>li{ width:auto; margin:0px 0 0 18px; list-style:disc ; line-height:20px; float:none;}
ul.discitem0>li{list-style: none;margin-left: 0;margin-bottom: 10px;}
ul.discitem0>li img{width: 50px;padding-right: 15px;}
ul.discitem>li:nth-child(1){margin-top: 10px;}
ul.discitem>li.nostyle{ list-style:none;}
.discitem1 ul { width: 100%;}
.discitem1 ul li {width: 48%; float: left;margin:0px 0 0.5rem 15px; list-style:disc ; line-height:20px; }
#dis{list-style:none;}
ul.discitem2{float:none;padding:0 0 0 .5rem;margin:.5rem 0;overflow:hidden}
ul.discitem2 li{position:relative;padding-left:1.125rem;text-align:left;margin:0 0 .6rem 0}
ul.discitem2 li:before{position:absolute;top:6px;left:0;width:12px;height:11px;background:url(../images/arrow-right.png) no-repeat;background-size:cover;content:""}
ul.discitem3 li{position:relative;padding-left:1.8rem;text-align:left;margin:0 0 .6rem 0}
ul.discitem3 li:before{position:absolute;top:-3px;left:-3px;width:30px;height:30px;background:url(../images/discitem.png) no-repeat;background-size:cover;content:""}
ul.protable{width:100%}
ul.protable li{display:flex;width:100%;border-bottom:1px dotted #999;flex-flow:wrap}
ul.protable li strong{display:inline-block;display:flex;padding:.5rem 0;width:25%;font-weight:400;font-size:1rem;font-family:Oswald;align-items:center}
ul.protable li span{float:right;display:block;padding:.6rem 0 .6rem 5%;width:75%;border-left:1px dotted #999;font-size:.9rem}
ul.protable li:first-child strong{padding-top:0}
ul.protable li:first-child span{padding-top:.2rem}
.process{display:flex;padding-top:.5rem;width:100%;flex-flow:wrap;margin:0 0 1.5rem 0}
.process li{position:relative;display:inline-block;background:linear-gradient(90deg,#dedede,#fff,#dedede);margin:0 2rem .8rem 0;padding:.3rem .8rem .3rem .8rem;border:1px solid #1e2b50;font-size:1rem;color:#111;font-weight:400}
.process li:before{position:absolute;background:url(../images/arrow-right.png) no-repeat;background-size:cover;width:15px;height:14px;top:10px;right:-25px;content:""}
.process li:last-child:before{display:none}
.nav-tabs-list{border:none;position:relative;margin:1.5rem 0}
.nav-tabs-list:before{position:absolute;content:'';background:#ddd;width:100%;height:1px;left:0;bottom:0}
.nav-tabs-list li a{font-size:1rem;line-height:1.6rem;position:relative;display:inline-block;color:#111;font-weight:400;border-radius:.2rem .2rem 0 0;padding:.5rem 1.5rem;border:1px solid #fff;border-bottom:1px solid #ddd}
.nav-tabs-list li a.active:before,.nav-tabs-list li a:hover:before{width:100%}
.nav-tabs-list li a.active{color:#23874e;border:1px solid #ddd;border-bottom:1px solid #fff}
.tab-content p{color:#333;margin-bottom:0;font-size:.85rem;font-weight:400}
@media (max-width:767.98px){ul.discitem2 li{width:100%}
ul.discitem li{width:100%}
ul.item2 li{margin:0 4% 1rem 0;width:48%;font-size:1rem}
ul.item2 li:nth-child(3n){margin-right:4%}
ul.item2 li:nth-child(2n){margin-right:0}
ul.item2 li:nth-child(2n+1){clear:both}
ul.item2 li span{font-size:1.2rem}
.nav-tabs{border-bottom:none}
.nav-tabs-list li a{font-size:.9rem;padding:.5rem 1rem}
}
@media (max-width:575.98px){ul.item2 li{margin:0 0 1rem 0;width:100%;background:0 0;padding:0 1rem}
ul.item2 li:nth-child(3n){margin-right:0}
}
@media (max-width: 796px) {
  .discitem1 ul li {width: 47%;}
}

@media (max-width: 575.98px) {
  ul.itemtwo li{ width:96%;}
}


ul.protable{ width:100%;display:flex;flex-flow: wrap;}
ul.protable li{ width:100%; }
ul.protable li strong{ width:100%; display:inline-block;font-size:1.2rem; padding:0.5rem 0;font-family: 'BarlowCondensed'; font-weight:500;}
ul.protable li:first-child strong{ padding-top:0px;}
ul.protable li:first-child{border-bottom:1px dotted #999;}

@media (max-width: 575.98px) {
 ul.protable {padding-top:1rem; text-align:center;}
}
/****ul li style END****/



/**Products Hub**/
.etw_products,.etw_products ul{ width:100%; height:auto; overflow:hidden;}
.etw_products ul {display:flex;flex-flow: wrap;}
.etw_products ul>li{ width:23.5%; margin:0 2% 1.5rem 0;transition: all 0.3s;background:#dddddf;}
.etw_products ul li:nth-child(4n){ margin-right:0;}
.etw_products ul li:nth-child(4n+1){ clear:both}
.etw_products ul li ol,.etw_products ul li ol li{ width:100%;}
.etw_products ul li ol li.product_img{ text-align:center; overflow:hidden;}
.etw_products ul li ol li.product_img img{ width:100%;}
.etw_products ul li ol li.product_con{padding:0rem 0.5rem 0.6rem 0.5rem;}
.etw_products ul li ol li.product_con>a{color:#444444;display:block;line-height:1.2rem; text-align:center; position:relative; padding-bottom:0.5rem;}
.etw_products ul li ol li.product_con>a:before{position:absolute;content:"";left:0;right:0; margin:0 auto;bottom:0; background:#404040; width:36px; height:3px;}
.product_model{ background:#fff; text-align:center; font-size:1.25rem;}
.etw_products ul>li:hover ol li.product_con>a{ color:#228582;}
.etw_products ul>li:hover ol li.product_con>a:before{ background:#228582;}

.etwpro ul>li{ background:#fff; border:1px #ccc solid;}
.etwpro ul li ol li.product_con>a{ padding-top:0.3rem;}


.etw_products1{width:100%; height:auto; float:left}
.etw_products1>ul{ width:100%; display:flex; flex-flow: wrap; margin-bottom:0}
.etw_products1>ul>li{ width:49%; margin:0.5rem 2% 1rem 0;border: 1px dashed #7cbe42;} 
.etw_products1 ul li:nth-child(2n){ margin-right:0;}
.etw_products1 ul li:nth-child(2n+1){ clear:both}
.etw_products0>ul>li{width: 100%;margin-right: 0;}

.etw_products1>ul>li>ol,.etw_products1>ul>li>ol>li{ width:100%}
.etw_products1>ul>li>ol>li.product_img{width:45%; float:left; text-align:center; border:1px #dedede solid}
.etw_products1>ul>li>ol>li.product_img img{ width:100%} 
.etw_products1>ul>li>ol>li.product_con{ width:52%; float:right; color:#787878; padding:0.5rem 0;}
.etw_products1>ul>li>ol>li.product_con a{ display:block; text-align:left; font-size:1rem; line-height:1.25rem; color:#7cbe42;  padding:0.2rem 0 0.6rem 0;} 
.etw_products1>ul>li>ol>li.product_con a:hover{ color:#228582;}  
.etw_products1>ul>li>ol>li.product_con strong{font-size: .85rem;font-weight: 500;}
.etw_products1 ul li.product_con .more1 a{display:inline-block; color:#787878; border:1px #ccc dashed; text-align:center; font-size:0.75rem; padding:0.1rem 0.6rem; width:auto; margin-top:1rem;font-weight:400;border-radius:10px;}
.etw_products1 ul li.product_con .more1 a:hover{ color:#7cbe42; border:1px #7cbe42 solid; text-decoration:none;}
.etw_products1>ul>li>ol>li.product_img:hover{ border-color:#999;}
.etw_products0>ul>li>ol>li.product_img{width: 32%}
.etw_products0>ul>li>ol>li.product_con{width: 65%}

@media (max-width: 767.98px) {
.etw_products ul>li{ width:49%;}
.etw_products ul li:nth-child(3n){ margin-right:2%;}
.etw_products ul li:nth-child(3n+1){ clear:none}
.etw_products ul li:nth-child(2n){ margin-right:0;}
.etw_products ul li:nth-child(2n+1){ clear:both}
.etw_products ul li ol li.product_con>a{ font-size:0.85rem;}


.etw_products1>ul>li>ol>li.product_con{ padding-top:5px;}
.etw_products1>ul>li>ol>li.product_img{width:40%;}
.etw_products1>ul>li>ol>li.product_con{ width:55%;}
}

@media (max-width: 575.98px) {
.etw_products ul li ol li.product_con span{ font-size:0.8rem; line-height:1.1rem;}
.etw_products ul li ol li.product_more{ display:none;}
.discitem1 ul li {width: 100%;}

.etw_products1>ul>li>ol>li.product_img{width:100%;}
.etw_products1>ul>li>ol>li.product_con{ width:100%;padding: 0.5rem;}
}



/**related pro**/
.relatedpro{width:100%;height:auto;margin:2rem 0}
.relatednames{font-size:1.4rem;color:#313947;padding:.5rem 0;position:relative;font-family:Oswald}
.relatednames::before{content:"";color:#036439;position:absolute;left:0;bottom:0;border-bottom:1px dotted #333;width:150px}
.relatedpro ul{width:100%;height:auto;display:flex;flex-wrap:wrap}
.relatedpro li{width:49%;margin:0 2% 0 0;position:relative}
.relatedpro li:nth-child(2n){margin-right:0}
.relatedpro li:nth-child(2n+1){clear:both}
.relatedpro li a{display:block;padding:.3rem .5rem .3rem .8rem;color:#474747;color:#555;font-size:.85rem;line-height:1.2rem}
.relatedpro li a::before{content:"\f105";position:absolute;left:2px;top:.25rem;font-family:fontawesome}
.relatedpro li a.dq,.relatedpro li a:hover{color:#23874e}
@media (max-width:575.98px){.relatedpro li,.etw_mainpro ul>li{width:100%;margin-right:0}
}



/*other products*/

.othertitle{margin:10px 0 5px 0;position:relative;width:100%;overflow:hidden}
.othertitle:after{position:absolute;content:"";background:#228582;height:5px;width:100%; left:0px;right:5px;bottom:0;z-index:1;transform:skew(40deg);}
.othertitle span{font-size:16px;background:#228582;display:inline-block;padding:5px 10px 5px 15px;color:#fff;position:relative;font-weight:400;}
.othertitle span:before{position:absolute;content:"";right:-28px;top:0;border-left:28px solid #228582;border-top:32px solid transparent}
.othertitle span:after{position:absolute;content:"";top:0;background:#fff;width:10px;height:40px;transform:skew(40deg);right:-26px;z-index:3}

.otherpro{ width:100%; overflow:hidden; margin:0 auto;}
.otherpro ul{ width:100%; display:block;display: flex;flex-flow:wrap;}
.otherpro>ul>li{width:32%;margin:0rem 2% 1rem 0; display:inline-block;border:1px #eee solid; background:#f5f5f5;}
.otherpro>ul>li:nth-child(3n){ margin-right:0px;}
.otherpro>ul>li:nth-child(3n+1){ clear:both;}
.otherpro>ul>li>ol{width:100%;}
.otherpro ul li ol li.product_img,.otherpro ul li ol li.product_con{ width:100%; }
{ width:100%;}
.otherpro ul li ol li.product_con a{color:#333; line-height:1rem; display:block;font-size:0.8rem; padding:0.6rem 0.8rem; text-align:center;}
.otherpro ul>li:hover{ border-color:#ccc;}
.otherpro ul>li:hover ol li.product_img img{opacity: .9;}
.otherpro ul li:hover ol li.product_con a,.otherpro ul li ol.dq li.product_con a{color:#228582;}
@media (max-width: 767.98px) {
.otherpro ul>li{ width:32%;}
.otherpro ul>li:nth-child(4n){ margin-right:2%}
.otherpro ul>li:nth-child(4n+1){ clear:none}
.otherpro ul>li:nth-child(3n){ margin-right:0}
.otherpro ul>li:nth-child(3n+1){ clear:both}
} 
@media (max-width: 575.98px) {
.otherpro ul>li{ width:49%;}
.otherpro ul>li:nth-child(3n){ margin-right:2%}
.otherpro ul>li:nth-child(3n+1){ clear:none}
.otherpro ul>li:nth-child(2n){ margin-right:0}
.otherpro ul>li:nth-child(2n+1){ clear:both}
}
/*other products END*/


/*contact*/
#etw_form{width:100%;display:flex;flex-flow:wrap;margin:3rem 0 2rem 0}
#etw_form_title{font-size:2.2rem;color:#333;position:relative;line-height:2.4rem;margin-bottom:.5rem;font-weight:400}
#etw_set_feedback_form{width:100%;position:relative;}
#floatchatiframe2023{margin:0 auto}
#etw_form_title{text-align:left;color:#333;font-size:1.5rem;padding:0px;position: relative; font-weight: bold;}
#floatchatiframe2023{ margin: 0 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%} 
@media (max-width:1499.98px){.contact_box{padding:3rem 5rem}
}
@media (max-width:1199.98px){.contact_box{padding:3rem 2rem}
.form_box #etw_set_feedback_form{padding:0}
.sendinquiry1{padding: 0rem 0.8rem;}
.etw_list1 ul > li ol span{font-size: 0.8rem;}
}
@media (max-width:991.98px){.inquiry_box{width:94%;margin:1rem auto}
.contact_box,.inquiry_box:before{display:none}
.form_box{width:100%;padding:0 1rem;}
.form_box #etw_set_feedback_form{padding:0 3rem;margin:0}
}
@media (max-width:767.98px){#etw_set_feedback_form{margin:2rem 0 0 0}
.form_box #etw_form_title{font-size:2.6rem;line-height:2.8rem}
.contact_info .contact_box{display:block;width:100%}
.cot_area{margin:1rem 0 .7rem 0}
}
@media (max-width:575.98px){#etw_set_feedback_form,.etw_contactin{width:100%;margin-right:0}
.form_box #etw_set_feedback_form{padding:0 1rem}
.etw_about{display: none;}
}




/****footer****/
#footer{width:100%;height:auto;margin:0 auto;font-weight:200;font-size:.9rem;color:#fff;position:relative;background-size:cover;margin-top: 1.5rem;}
.footercop{width:100%;padding:1rem 0;text-align:center;font-size:.8rem;margin:0 auto;background: #356719;}
.etw_footin{width:100%;overflow:hidden;margin:0 auto;background: #356719;}
#etw_coper{margin-top:2px;width:100%;line-height:22px}
#etw_coper a{display:block;color:#eee}
#otherlink{clear:both;width:100%;height:auto}
#otherlink a{color:#fff;display:inline-block;padding:0 8px;margin-right:5px;line-height:22px;margin-bottom:5px}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#87b4c9}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
#etw_bottom{width:94%;max-width:1200px;margin:0 auto;padding:1rem 0;border-bottom:1px solid #4c4444;overflow: hidden;}  
#etw_bottom ul{width:100%;float:left;display:flex;flex-flow:wrap;}
#etw_bottom ul>li{width: 30%;float: left;margin-right: 2%;margin-bottom: 1rem;}
#etw_bottom ul>li:nth-child(2){width: 24%}
#etw_bottom ul>li:nth-child(3){width: 42%;margin-right: 0;}
#etw_bottom ul>li>a{font-weight: 700;color: #fdd000;display: block;font-size: 1rem;padding-bottom: 4px;}
#etw_bottom ul>li>a:hover{color: #76b916;text-decoration: underline;}
#etw_bottom ul>li ol{width: 100%}
#etw_bottom ul>li ol li{width: 100%;margin-bottom: 3px;}
#etw_bottom ul>li ol li a{display: block;color: #fff;font-size: 0.8rem;}
#etw_bottom ul>li ol li a:hover{color: #76b916;}
#etw_bottom ul>li:nth-child(3) ol li a{display: inline-block;}
#etw_bottom ul>li ol li strong{color: #fff;font-size: 0.875rem;font-weight: 700;}

@media (max-width:991.98px){#footer{background:#382f2f}
#etw_bottom{padding:1rem 0}
.bottom_logo,.bottom_txt{display:none}
#etw_bottom .webtitle{width:100%}
.home_contact{padding:0}
}
@media (max-width:767.98px){#footer:before{display:none}
#etw_bottom ul>li{width: 32%!important} 
#etw_bottom ul>li:nth-child(3n){margin-right: 0;} 
}
@media (max-width:575.98px){
#etw_bottom ul>li{width: 100%!important;margin-right: 0;} 
#etw_bottom ul>li ol li{width: 49.5%;float: left;margin-right: 1%}
#etw_bottom ul>li ol li:nth-child(2n){margin-right: 0}
#etw_bottom ul>li:nth-child(3){width: 100%;}
#etw_bottom ul>li:nth-child(3) ol li{width: 100%}
}

/****Footer  END****/



/*sitemap*/
#etw_map{width:100%;margin:0 auto}
#etw_map .name{width:100%;color:#111;margin:.5rem 0 1rem 0;display:block;padding:.5rem 0 .5rem 0;border-bottom:1px dashed #ddd;font-size:1.1rem;text-decoration:none;font-weight:400;position:relative}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px;padding-bottom: 5px;}
#etw_map a:hover{text-decoration:none}
#etw_map .name a{color:#111;margin:0;font-weight:700;text-decoration:none}
#etw_map .name:hover{color:#23874e}
#etw_map .list_m{width:100%;height:auto;margin-bottom:15px;padding:0 0 0 1rem;overflow:hidden}
#etw_map .list_m ul li{width:50%;display:block;float:left;padding:.2rem .5rem}
#etw_map .list_m ul li:nth-child(2n+1){clear:both}
#etw_map .list_m ul li a{color:#333;text-decoration:none;line-height:1rem;font-size:.9rem;margin:0 0 .5rem 0;font-weight:300;padding-bottom: 0;}
#etw_map .list_m ul li a:hover{text-decoration:underline;color:#23874e}
#etw_map a.subname{width:100%;display:block;text-decoration:underline;padding-left:0}
@media (max-width:767.98px){.footlogo{width:100%}
#etw_map .list_m ul li{width:100%}
}



/*tags & biref*/
#tags{width:100%;padding:.5rem 0 0 0}
#tags_title{display:inline-block;margin:0 .5rem 0 0;color:#999;font-size:.8rem;line-height:.8rem;text-align:left;position:relative;font-weight:500;padding:.3rem 0}
#tags li{margin:0 .5rem 0 0;color:#ccc;display:inline-block;line-height:.9rem;font-size:.8rem;padding:.3rem 0;position:relative}
#tags a:last-child:before{content:normal}
.biref{color:#fff;margin:0 0 1rem 0;font-size:.8rem;line-height:1.4rem}
@media (max-width:767.98px){#tags{display:none}
}




/****video****/
.video_title{display:block;font-size:1.2rem;padding:.5rem 0;text-align:center}
.video_show{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.video_btn{position:absolute;background:rgba(255 255 255 / 30%);z-index:10;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:30px;height:30px;border:3px solid #1c5375;border-radius:50%;padding:18px 12px 16px 21px;cursor:pointer;visibility:visible;box-shadow:1px 1px 5px #000;opacity:.9;transition:.3s all ease-in-out}
.video_btn:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:80px;height:80px;background:#fff;border-radius:50%;animation:pulse-border 2s ease-out infinite}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:.4}
100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}
.video_btn:hover{opacity:.7}
.about_img .video_btn{border-color:#fff;background:0;box-shadow:none;opacity:.8;padding:18px 14px 15px 20px}
.home_video{width:76px;height:76px;position:absolute;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background:url(../images/video.png);opacity:.7;transition:.3s all ease-in-out}
.home_video a{background:#23874e;color:#fff;padding:.5rem 1.5rem;display:block;border-radius:4px}
.home_video i{padding-left:.3rem;color:#0b3b6f;font-size:1.2rem}
.home_video:hover{opacity:1}
.etw_videoshow{display:none;width:100%;margin-bottom:20px}
.videoflow{overflow:hidden;max-height:200px;position:relative;cursor:pointer;margin-bottom:15px}
.videoflow:before{position:absolute;top:50%;left:50%;right:0;border-radius:50%;font-family:fontawesome;transform:translate(-50%,-50%);content:"\f04b";width:64px;height:64px;color:#23874e;background:#fff;font-size:2.4rem;padding:1.2rem 0 0 1.4rem;line-height:24px}
.videoflow:hover:before{background:#23874e;color:#fff}
.videoflow img{width:100%}
.video_box{position:absolute;left:-8px;top:1rem;padding:.4rem .8rem .3rem .8rem;background:linear-gradient(45deg ,#23874e,#ae2827);text-transform:uppercase;color:#fff;display:flex;justify-content:center;align-items:center;line-height:1rem;font-weight:400;cursor:pointer;transition:.3s all ease-in-out;border-radius:0 1.5rem 1.5rem 0;font-family:Poppins}
.video_box:before{content:"";position:absolute;width:0;height:0;border-right:8px solid #742e2e;border-top:0 solid transparent;border-bottom:10px solid transparent;left:0;bottom:-10px}
.video_box a{color:#fff;display:flex!important;justify-content:center;align-items:center}
.video_box i{display:inline-block;position:relative;margin:0 .4rem 0 0;width:21px;height:21px;font-style:normal}
.video_box i:before{content:"\f16a";font-family:fontawesome;font-size:1.3rem;color:#fff;line-height:1.3rem}
.video-text{text-align:center;width:100%;padding:.5rem 0;text-decoration:underline;font-weight:400;line-height:1.2rem;margin-bottom:1rem}
.video-text a:hover{color:#23874e}
.plyr--video,.plyr__poster,.plyr__video-wrapper{background-color:#fff!important}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:0!important}
.plyr__video-wrapper{background-color:#fff;background:var(--plyr-video-background,var(--plyr-video-background,#fff))}
@media (max-width:575.98px){.videoall ul li{width:100%;margin-right:0}
}





/*news*/
.news_list{width:100%}
.news_list>ul>li{background:#dde2e6;width:100%;overflow:hidden;padding:1.2rem;border:1px solid #ddd;margin-bottom:2rem}
.news_list ul li ol li.product_con{width:68%;float:right}
.news_list ul li ol li.product_con a{display:block;font-weight:400;font-size:1.2rem;color:#333;padding:0 0 .5rem 0;border-bottom:1px solid #333;margin-bottom:1rem;font-family:Oswald}
.news_list ul li ol li.product_con p{color:#333;font-size:.85rem}
.news_list ul li ol li.product_con a:hover{color:#999}
.news_list ul li ol li.product_con span{background:#23874e;color:#fff;display:block;padding:.5rem .5rem .3rem .5rem;float:left;font-size:.8rem;line-height:1rem}
.news_list ul li ol li.product_img{width:30%;float:left;margin-right:2%}
.news_list ul li ol li.product_img img{transition:.3s all ease-in-out;border:1px solid transparent}
.news_list ul li ol li.product_img img:hover{border:1px solid #333}
.news_name{text-align:center;margin-bottom:1.5rem}
@media (max-width:575.98px){.news_list ul li ol li.product_con,.news_list ul li ol li.product_img{width:100%;margin-right:0}
.news_list ul li ol li.product_img{margin:1rem 0}
}

/*tags*/
#tags{ width:100%; float:left;margin-top:1rem; padding:0 0.5rem;}
#tags_title{ display:block; color:#192634; font-size:1.4rem; font-weight: 500; line-height:1.8rem; text-align:left; padding:0 0 10px 0;} 
#tags a{padding:5px 10px;margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; background:#eee;}
#tags a:hover{ background:#e4e4e4;}