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

@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: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(../font/Oswald-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: '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;
}

/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*,figure{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{font-weight:700;}
.font500{font-weight:500;}
.brief{font-size:0.8rem; margin-bottom: 2rem;}

body{font-family: Roboto;color:#777; font-weight: 400; font-size:0.875rem;}
hr.dashed{ border-top:1px rgba(49,93,165,0.2) dashed;}
table{font-size: 0.875rem; font-weight: 400;}
table tr.top{white-space:nowrap; font-weight: 500; background-color: #06913a;color:#fff;}
.table td, .table th{padding:0.5rem;}
inquiry,u.inquiry {text-decoration:none;color:#3d3d3d; display:inline-block; margin:0 0 0 0; font-weight:100; }
u.inquiry:after{content:"ANFRAGEFORMULAR"; background:#06913a; border-radius:2px; color:#fff; text-align:center; line-height:1; padding:4px 8px; font-size:12px; display:inline-block; }
u.inquiry:hover:after{ background:#28a745;}
a{color:#06913a;}
.big_title{ text-align: center; font-size: 1.4rem;  margin: 1.5rem auto 1.5rem;font-weight: 500;font-family:'Oswald';position: relative; }
.big_title span{position: relative; color: #555;position: relative;display: inline-block;text-align: center;padding: 0 76px;background: #fff;position: relative;}
.big_title span:before{content:""; position: absolute; left:0; top:50%; width: 60px; height: 1px; background: #06913a;transform: translateY(-50%);} 
.big_title span:after{content:""; position: absolute; right:0; top:50%; width: 60px; height: 1px; background: #06913a;transform: translateY(-50%);}
.big_left_title{font-size: 1.3rem;  margin: 0.5rem auto 0.5rem;font-weight: 700; position: relative; padding-bottom: 0.875rem;}
.big_left_title span{position: relative; color: #555;position: relative;display: inline-block;text-align: center;padding: 0 76px;background: #fff;position: relative;}
.big_left_title span:before{content:""; position: absolute; left:0; top:50%; width: 60px; height: 1px; background: #06913a;transform: translateY(-50%);} 
.big_left_title span:after{content:""; position: absolute; right:0; top:50%; width: 60px; height: 1px; background: #06913a;transform: translateY(-50%);}
.sub_title{color:#666; font-size: 1rem; font-weight: 500;}

.big_title1{ text-align: center; font-size: 1.25rem;  margin: 1.5rem auto 1.5rem;font-weight: 500;font-family:'Oswald';position: relative; }
.big_title1 span{position: relative; color: #555;position: relative;display: inline-block;text-align: center;padding: 0 72px;background: #fff;position: relative;}
.big_title1 span:before{content:""; position: absolute; left:0; top:50%; width: 60px; height: 1px; background: #06913a;transform: translateY(-50%);} 
.big_title1 span:after{content:""; position: absolute; right:0; top:50%; width: 60px; height: 1px; background: #06913a;transform: translateY(-50%);} 

.readmore{display: inline-block; padding:0.3rem 0.5rem; font-weight: 500; font-size: 0.75rem; border:1px #eee solid; color:#06913a; border-radius:3px;  float: right;}
.readmore:hover{background-color: #f86c05;color:#fff;}

.content{padding:0 1rem 0px 1rem; max-width:1100px; margin:0 auto;}
.js-gallery-wrap{}
#header{width:100%; }
#headerin{margin:0px auto; background: #06913a; }
#top{background-color:#f7f7f7; height: 2.2rem; line-height: 2.2rem; }

#etw_logo{ float:left; margin:0; padding: 0.5rem 2rem;}
.navbtn{ margin-top:0.7rem;}
#etw_language{ float:right; text-align: right;}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.8rem; padding:0 0.5rem;color:#777; position: relative;}
#etw_language .dropdown-item:focus,#etw_language .dropdown-item:hover{color:#06913a;background-color: transparent;}

.top-nav{ width:80%; float: right; margin-top:0.5rem; padding-top: 0.3rem; }
.navbar{ padding:0;}
.navbar-collapse{}
.navbar-light .navbar-nav .nav-link{color:#fff; padding: 0.5rem 0.5rem; font-size: 0.95rem; font-weight: 500;}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#ffc107;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.875rem;}
.navbar-collapse .dropdown-menu{top:113%;}

#menu-items{ background-color:rgba(3,46,19,0.9); border-radius: 0;}
#menu-items a{color:#fff;}
#menu-items a.biglinks{font-size:1rem;font-weight: 500;font-family:'Oswald'; line-height: 1.2;}
#menu-items ul>li>a{font-size:0.875rem; font-weight: 400; position: relative;padding-left: 1rem;display: block;padding-bottom: 4px;}
#menu-items ul>li>a:before{content:"\f105"; font-family: fontawesome; position: absolute;left: 0;top: 0;}
#menu-items ul>li>a:hover{color:#ffc107;}

#container{overflow: hidden;}

#etw_banner{ position: relative;overflow: hidden;  text-align: center;}
#etw_banner img{ float:left; margin:0; width:100%;}
#etw_banner .des{ position: absolute; left: 0; top:40%;width:100%;}
#etw_banner .des1{  position: absolute; top:8%; left:33%;}
#etw_banner .des h2,#etw_banner .des1 h2{font-size:1.6rem; font-weight: 500;  color:#fff; line-height:1.6; font-family: "Oswald";}
#etw_banner .des1 h2{ color:#000;}
.inner_banner{ position: relative;}
.inner_banner .des{ position: absolute; top:30%; width: 100%; text-align: center; }
.inner_banner .des h2{font-size:1.5rem; font-family: "Oswald"; color:#fff; display: inline-block; padding: 1rem 3rem; background: linear-gradient(to right,rgba(6,145,58,0.1),rgba(6,145,58,0.6),rgba(6,145,58,0.6),rgba(6,145,58,0.6),rgba(6,145,58,0.1));}
#etw_banner .des2{top: 32%}
#etw_banner .des2 h2{color: #000;font-size: 2rem;text-shadow: 2px 2px 2px #fff;}

.banner_pdf{ position:absolute; right:0px; bottom:0px;}
.banner_pdf a{background:#06913a; color:#fff; padding:0.3rem 1rem 0.3rem 2rem; display:block; position:relative;}
.banner_pdf a:before{position:absolute;content:"\f1c1";font-family:fontawesome;left:0.9rem;top:0.3rem;}
.banner_pdf a:hover{color:#ffc107;}

.company{background-color: #f1f1f1; padding:1.2rem 0 1.5rem 0;}
.company .title{font-size:1.5rem; font-weight: 500; color:#333;font-family: "Oswald";}
.more{color:#333; font-size:0.75rem; text-transform: uppercase; font-weight: 500; display: inline-block; position: relative;}
.more:after{content:""; position: absolute; width:30px; height: 8px; background: url(../images/more.png) left center no-repeat;right:-40px; top:20%;}
.more:hover{color:#06913a;}

.history_date-list{padding-left:130px}
.history_date-list li{border-left:1px solid #CCC;box-sizing:border-box;cursor:pointer;margin-left:20px;padding:40px 10px 0 0;position:relative;height:auto; clear:both}
.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{content:"\f107";display:block; font-family:fontawesome; position:absolute;bottom:-15px;left:-7px;font-size: 20px;color:#ddd;}
.history_date-list li span{display: block; font-size:15px; margin-left:0; width:60px; height:60px; line-height:60px;text-align: center;border-radius:50%;background: #06913a;color:#fff; margin-bottom:15px; position:absolute;top:30px;left:-130px;}
.history_date-list li span:before{ position:absolute; content:""; width:70px; height:1px; border:1px #ddd dashed; left:60px; top:50%;} 
.history_date-list li:hover span{ background:#ffc107; 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} 

.mainpro{ }
.mainpro .title{font-family: 'Oswald';font-weight: 500; background: url(../images/num1.png) left center no-repeat;  padding:1.5rem 0 1.5rem 1.5rem; font-size: 1.5rem;color:#3a3a3c;}
.mainpro .title1{background: url(../images/num2.png) left center no-repeat;}
.mainpro .leftbg,.mainpro .rightbg{position:relative;}
.mainpro .leftbg img,.mainpro .rightbg img{position:relative; z-index: 1;}
.mainpro .leftbg:after{width:300%; position: absolute; right: 0; top:20%; height: 60%; content:""; background-color: #f1f1f1;}
.mainpro .rightbg:after{width:300%; position: absolute; left: 0; top:20%; height: 60%; content:""; background-color: #f1f1f1;}


.mainpro ul li a{ display:block; color:#777;}
.mainpro ul li a:hover{color:#06913a; text-decoration: underline;}

.etw_hometitle,h2[itemprop=name]{vertical-align: middle;display: flex;align-items: center;  padding:0.5rem 0 0.875rem;font-size:1.8rem; color:#495057; margin-bottom: 0;font-family: 'Oswald'; font-weight: 500;position: relative;}

.bottombg{background:url(../images/bottombg.png) no-repeat; background-position: 0% 5rem;background-color: #f1f1f1;}
.pagebottom{   padding: 1rem 0 3rem;}
.pagebottom .title{position:relative;}
.pagebottom .title:after{content:"";position: absolute; left: 0; bottom:0; width: 100%; height:1px; border-top:1px #e0e0e0 solid;}
.pagebottom .title span{display:inline-block; color:#3a3a3c; font-weight: 500; font-size: 1.8rem; padding: 0.2rem 1rem 0.5rem;font-family: 'Oswald'; text-transform: uppercase; position: relative;}
.pagebottom .title span:before{content:""; position: absolute; left: 45%; bottom:-0.25rem; width: 1rem;height:0.5rem;background: #f1f1f1; z-index: 1; }
.pagebottom .title span:after{content:""; position: absolute; left: 47%; bottom:-0.25rem; width: 0.5rem;height:0.5rem; background: #e0e0e0; border-radius: 50%; z-index: 2;}

.pagebottom .tit a{ display: block; color:#06913a;font-weight: 500; font-size:1.2rem;font-family: 'Oswald'; margin-bottom: 0.5rem;}
.pagebottom .info{ background:url(../images/lightning.png) center top 1rem no-repeat;padding-left: 0;padding-top: 5.5rem!important;}
.pagebottom ul{ display: flex; flex-flow: wrap;}
.pagebottom ul li{ width:100%;}
.pagebottom ul.wauto li{width:auto; margin-right: 2rem;}
.pagebottom ul li a{color:#06913a; display: block; padding:0.2rem 0 0.2rem 0.8rem;position: relative; font-weight: 500;font-size: 0.8rem;}
.pagebottom ul li a:before{content:"";position: absolute; left: 0; top: 45%; width: 4px; height: 4px; background: #06913a; border-radius: 50%;}
.pagebottom ul li a:hover{text-decoration:underline;}

.pagebottom .info{font-size: 0.95rem; padding-right: 2.5rem; position: relative;}
.pagebottom .info1{ background:url(../images/battery.png) center top 1rem no-repeat;padding-left: 0;padding-top: 5.5rem!important;}
.pagebottom .info1:after{content:""; position: absolute; top:0.7rem; right:-1.125rem; width: 1px; height:100%; border-right:1px #e0e0e0 solid;}
.pagebottom .info2{ background:url(../images/energy1.png) center top 1rem no-repeat;padding-left: 0;padding-top: 5.5rem!important;}
.pagebottom .info1:before{content:""; position: absolute; top:0.7rem; left:-1.125rem; width: 1px; height:100%; border-left:1px #e0e0e0 solid;}
.pagebottom .info1.noafter:after{display:none;}

#etw_producttitle{margin:0px auto 0px; height:auto; color:#666; padding:1rem 0; font-size:0.875rem; font-weight: 400;}
#etw_producttitle ul{margin-bottom:0;}
#etw_producttitle a{ color:#666; }
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 0.5rem 0 0.3rem;color:#06913a;content:"/"}
#etw_producttitle a:hover{color:#06913a; text-decoration:underline;}

.wrap{ display:flex;}
#etw_right{width:72%; position: relative;}
#etw_right:after{content:""; position: absolute; top: 0; right: -1.5rem; width: 1px; height:100%; border-left: 1px #f1f1f1 solid;}
#etw_sidebar{ width:24%; margin-left:4%; }

.etw_productlist{ background-color:#fff; padding:1rem 0rem;}
.etw_productlist .title{font-weight:400; margin-bottom: 0.5rem; font-size: 1.2rem; font-family: 'Oswald';color:#06913a;}
.etw_productlist ul li a{display:block;}
.etw_productlist ul>li{}
.etw_productlist ul>li:last-child{border-bottom:none;}
.etw_productlist ul>li>a{position:relative;display: block;padding:0.3rem 0 0.3rem 0.6rem; font-size:0.9rem; font-weight: 400;color:#06913a;}
.etw_productlist ul>li>a:before{content:"\f0da"; font-family: fontawesome; position: absolute;left: 0;top: 4px;}
.etw_productlist ul>li>a.dq,.etw_productlist ul>li>a:hover{ color:#000; text-decoration:none;}
.etw_productlist ul>li>ol{ padding:0px; clear: both;}
.etw_productlist ul>li>ol>li a{ display:block; color:#666;padding:0.3rem 0.2rem 0.2rem 0.875rem;position:relative; font-size:0.8rem; font-weight: 400; }
.etw_productlist ul>li>ol>li a:hover,.etw_productlist ul>li>ol>li a.dq{color:#06913a; text-decoration:none;}

ul.item{ margin-bottom:1rem;}
ul.item>li{ width:auto; margin:4px 0 6px 20px; list-style:decimal;}
ul.disc>li{list-style: disc; margin-bottom: 4px; }
ul.square>li{list-style:square;}
ul.lower_latin>li{list-style:lower-latin;}
ul.circle>li{list-style:circle;}
ul.item>li.none{list-style:none;}
ul.item.allnone>li{list-style:none; margin-left: 0;}
ul.line>li{list-style:none; position: relative;color: #999; font-size: 0.9rem;}
ul.line>li:before{ content:""; position: absolute; left:-20px; top:50%; width: 10px; height: 1px; border-top:1px #999 solid;}
ul.disc>li span{padding-left: 97px;}

.hub{width:100%;}
.hub>div{padding:1rem 0 1rem;}

.protitle{ text-align: center; margin-bottom: 1.5rem;}
.protitle a{display: inline-block; color:#06913a; font-size: 1.5rem; font-weight:500; padding:1rem 0; position: relative; text-transform: uppercase; font-family: 'Oswald';}
.protitle a:before{content:""; position: absolute;left:25%; bottom:0.5rem; width:50%; height:1px; border-top:3px #e18522 solid; }

.pro_img_title{display:flex; flex-flow: wrap;}
.pro_img_title>li{width:32%; margin-right: 2%; margin-bottom: 2%;}
.pro_img_title>li:nth-child(3n){margin-right:0;}
.pro_img_title>li>ol{display:flex;justify-content: center;}
.pro_img_title>li>ol>li{}

.pro_img_title>li>ol>li.product_img{width:32%;margin-right:3%; border: 1px #ccc solid;}

.pro_img_title>li>ol>li.product_con{ width: 65%; font-size: 0.8rem; font-weight: 400;}
.pro_img_title>li>ol>li.product_con a{color:#06913a; display: block;}
.pro_img_title>li>ol>li.product_con a:hover{color:#f86c05; text-decoration: underline;}

.pro>ul{display:flex;flex-flow: wrap; margin-bottom: 0;}
.pro>ul>li{width:49%; margin-right: 2%;background-color:#f5f5f5; margin-bottom: 2%;}
.pro>ul>li:nth-child(2n){margin-right:0;}
.pro>ul>li:last-child{ margin-right:0;}
.pro>ul>li .product_img{ background-color: #fff; text-align: center; padding-bottom: 0.5rem;}
.pro>ul>li .product_img img{width:60%; max-width: 100%;}
.pro>ul>li .product_con{padding:0.875rem 1rem 0.5rem;}
.pro>ul>li .product_con p{color:#666; font-size:0.9rem;}
.pro>ul>li .product_con .t{color:#333; font-weight: bold; display: block; margin-bottom: 0.2rem;}
.pro>ul>li .product_con .more{color:#06913a;font-size: 0.875rem; display: block; position: relative; padding-top: 0.875rem;}
.pro>ul>li .product_con .more:before{content:""; position: absolute; top:0rem; left: 0; width: 100%; height: 1px; border-top:1px #dbdbdb solid;}
.pro>ul>li .product_con .more:after{display:none;}
.pro>ul>li:hover img{opacity:0.7;}
.pro>ul>li:hover .product_con a{color:#06913a;}

.pro_img_txt{}
.pro_img_txt ul li ol{display:flex; flex-flow: row; align-items: center; margin-bottom: 1.8rem; }
.pro_img_txt ul li ol .product_img{width:11rem; margin-right:1rem; border:1px #e4eaf8 solid;}
.pro_img_txt ul li ol .product_con{ flex: 1;}
.pro_img_txt ul li ol .product_con a{color:#06913a; font-size: 1rem; font-weight: 500; display: block; }
.pro_img_txt ul li ol .product_con a:hover{color:#333;  text-decoration: underline;}
.pro_img_txt ul li ol .product_con span{font-size: 0.9rem;}


.pro4 ul{display:flex;flex-flow: wrap;}
.pro4 ul>li{width:23.5%; margin-right: 2%; margin-bottom: 2%; transition: all 0.3s;}
.pro4 ul>li:nth-child(4n){margin-right:0;}
.pro4 ul>li:last-child{ margin-right:0;}
.pro4 ul>li .product_img{ background-color: #fff; text-align: center; border:1px #e4eaf8 solid;}
.pro4 ul>li .product_img img{ width: 100%;}
.pro4 ul>li .product_con{padding:0.5rem 1rem; }
.pro4 ul>li .product_con a{font-weight:400; font-size:0.875rem; display: block; margin-bottom: 0.2rem; text-align: center;}
.pro4>ul>li .product_con p{color:#666; font-size:0.9rem;}
.pro4>ul>li .product_con .t{color:#333; font-weight: 500; font-size:1.1rem; display: block; padding: 0.5rem 0; position: relative;}
.pro4>ul>li .product_con .t:after{content:""; position: absolute; width: 30%; height: 1px; left: 35%; bottom:3px; border-top:3px #f86c05 double;}
.pro4>ul>li .product_con .more{color:#06913a;font-size: 0.875rem; font-weight: 500; display: block; position: relative; padding-top: 0.875rem;}
.pro4>ul>li .product_con .more:before{content:""; position: absolute; top:0rem; left: 0; width: 100%; height: 1px; border-top:1px #dbdbdb solid;}
.pro4 ul>li:hover img{opacity:0.7;}
.pro4 ul>li:hover .product_con a{text-decoration:underline;}
.pro4 ul>li:hover .product_con p{color:#fff;}
.pro4 ul>li:hover .product_con .t:after{border-top:3px #fff double;}

.pro3 ul>li{width:32%; }
.pro3 ul>li:nth-child(2n){margin-right:2%;}
.pro3 ul>li:nth-child(3n){margin-right:0;}
.pro3 ul>li .product_con a{ font-size:1rem;}



.number{ width:100%; display: flex; color: #222; flex-wrap: wrap; }
.number>li{  margin-right:2%; margin-bottom: 1rem; padding:3rem 1rem 1rem; border-radius: 5px;position: relative; box-shadow: 0px 3px 5px #9da297; font-size: 0.9rem;}
.number>li:before{content: ""; position: absolute; display: block; text-align: center; top:0; left: 0;width:100%;height:2.5rem; line-height:2.5rem;font-weight: 700; background: #fff3cd; border-top-left-radius: 5px;border-top-right-radius: 5px;color:#555; font-size: 1.1rem;}
.number>li:nth-child(1):before{content:"01";}
.number>li:nth-child(2):before{content:"02";}
.number>li:nth-child(3):before{content:"03";}
.number>li:nth-child(4):before{content:"04";}
.number>li:nth-child(5):before{content:"05";}
.number>li:nth-child(6):before{content:"06";}
.number>li:nth-child(7):before{content:"07";}
.number>li:nth-child(8):before{content:"08";}

.number2>li{width:49%;}
.number2>li:nth-child(2n){margin-right:0;}

.number3>li{width:32%;}
.number3>li:nth-child(3n){margin-right:0;}

.number4>li{width:23.5%;}
.number4>li:nth-child(4n){margin-right:0;}

.number6>li{width:15.8%; margin-right: 1%; padding: 3rem 0.2rem 0.5rem; font-size: 0.8rem; text-align: center;}
.number6>li:nth-child(6n){margin-right:0;}

.number7>li{width:13.4%; margin-right: 1%; padding: 3rem 0.2rem 0.5rem; font-size: 0.8rem; text-align: center;}
.number7>li:nth-child(7n){margin-right:0;}


.number_txt{ width:100%; color: #222; display: flex; flex-flow: wrap;}
.number_txt>li{ width:32%; margin-right:2%; margin-bottom: 1rem; padding: 1rem; border-radius: 5px;box-shadow: 0px 3px 5px #9da297; border-top: 5px #06913a solid; font-size: 0.9rem;color:#666;}
.number_txt>li:nth-child(3n){margin-right:0;}
.number_txt>li .title{ text-align: center; font-size: 1.2rem; padding-bottom: 0.7rem; margin-bottom: 0.5rem; color:#333; position: relative; line-height: 1.2; font-weight:500;font-family: 'Oswald';}
.number_txt>li .title:before{ content:""; border-bottom: 3px #06913a solid; width: 20%; left: 40%; position: absolute; bottom: 0;}

.number_txt4>li{width:23.5%;}
.number_txt4>li:nth-child(3n){margin-right:2%;}
.number_txt4>li:nth-child(4n){margin-right:0;}

.number_col_5>li{width:18.4%;}
.number_col_5>li:nth-child(3n){margin-right:2%;}
.number_col_5>li:nth-child(5n){margin-right:0;}


.img_center{width:100%;clear:both;margin:0.3rem auto 0.6rem auto;text-align:center; }
.img_center img{box-shadow:2px 2px 4px #ccc; padding:3px;}
.img_left,.img_right{width:48%;float:right; margin:0 0 14px 2%; text-align:center;}
.img_left{float:left;margin:0 3% 14px 0;}
.sswidth{ width:20%; min-width:150px;}
.swidth{ width:24.25%; min-width:150px;}
.smwidth{ width:31%; min-width:150px;}
.mswidth{ width:38%; min-width:150px;}
.mwidth{ width:38%; min-width:150px;}
.img_left img,.img_right img{ display:block; width:100%; box-shadow:2px 2px 4px #ccc; border-radius: 5px; padding:3px; transition:.3s}

.etw_photo{ margin:0.5rem 0;width:100%;height:auto;} 
.etw_photo ul{display:flex;width:100%;height:auto; flex-flow: wrap;}
.etw_photo ul li{display:block;margin:0 2% 0.875rem 0;text-align:center; position: relative;}
.etw_photo ul li img{display:block; width:100%;box-shadow:2px 2px 4px #ccc; padding: 4px; margin-bottom: 5px; position: relative;} 
.etw_photo ul li a{ color:#333;}
.etw_photo ul li span{ display:block; margin-bottom:3px; color:#fff;}
.etw_photo ul li p{ display:block;}
.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%;font-size:12px;}
.etw_pic6 ul li{width:15%;font-size:12px;}
.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;}

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%;}
#etw_form_title,.contact_title a{text-align:left;color:#333;font-size:1.2rem;padding:0px;position: relative; font-weight: 400; font-family: 'Oswald'; text-transform: uppercase;}
#floatchatiframe2011{ margin: 0 -15px;}
#etw_form{width:100%}

.othertitle{font-size: 1.2rem; font-weight:bold; padding-bottom: 0.5rem;}
.othertitle span{position:relative;}
.othertitle span:after{position:absolute;content:""; left: 0;bottom:-0.5rem; width: 5rem; height: 0.2rem; background: linear-gradient(to right,rgba(6, 145, 58,0.8),rgb(255,255,255));}

/*sitemap*/
#etw_map{width:100%;margin:0 auto}
#etw_map .name{width:100%;color:#315da5;background:#f1f1f1;margin-top:6px;line-height:20px;display:block;margin-bottom:4px; text-decoration: none; padding: 4px 0 4px 10px; font-weight: 500; border-radius: 3px;}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin:8px 5px; padding-left: 15px;}
#etw_map a:hover{text-decoration:none;color:#ed6861;}
#etw_map .name:hover{text-decoration:underline;}
#etw_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#etw_map .list_m a{ width:45%; display:block; float:left; color:#888; text-decoration:none; padding:0px 10px 0px 20px;}
#etw_map .list_m a:nth-child(2n+1){ clear:both}
#etw_map .list_m a:hover{text-decoration:underline; color:#ed6861}

#footer{ width:100%;height:auto;background:rgba(6,145,58,0.9);}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative; padding-bottom:1.2rem; }
#etw_homefooter{height:auto;padding:2rem 0 1rem 0; text-align:center; position:relative; width: 100%;}
#etw_homefooter a{padding:0 0.5rem 0 1rem;color:#fff; margin:0px;position:relative;font-size:0.875rem; font-weight: 500;}
#etw_homefooter a:last-child:after{display:none;}
#etw_homefooter a:hover{color:#ffc107; text-decoration:none;}
#etw_coper a{display:block;color:#fff; margin-top:1rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto;}
#otherlink a{color:#fff; font-size:0.75rem; display:inline-block;padding:0.05rem 0.3rem; margin-right:0.875rem; border:1px #fff solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#ffc107;border:1px #ffc107 solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}
.video_img1{position: relative;}
.video_img1 a{display: block;}
.video_img1 span{display: inline-block;position: relative;padding-right: 50px;}
.video_img1 span i{width:40px;height:40px;border-radius:50%;position:absolute;top:50%;right:0;transform:translateY(-50%);color:#fff;border:5px solid #06913a;background-color:#06913a;display:flex;align-items:center;justify-content:center;padding-left:.2rem;cursor:pointer;transition:all .5s;z-index:3;font-size:2rem; float:right}
.video_img1 i:hover{background-color:#fff; color:#06913a}
@media (max-width: 1500px) { 
	#etw_banner .des .desinfo{width:33%;}
	.inner_banner .des h2{font-size:1rem;}
}

@media (max-width: 1199.98px) { 
	#etw_banner{display:none;}
	.video_img1 i{ right:30%}
  .navbar-light .navbar-nav .nav-link{font-size: 0.875rem;padding: 0.5rem 0.3rem;}
}

@media (max-width: 991.98px) {
	#etw_banner .des h2 {font-size: 1.2rem;}
	.head,.inner_banner .des,.eaxm ul:after,.pagebottom .info:after,.pro_img_title,.etw_pic6{ display:none;}
	#etw_logo{margin-bottom:0;}
	.top-nav{width:100%; margin-top: 0;  padding-top: 0; overflow: hidden;}
	.navbar .navbar-collapse{border-top:1px #fff solid;}
	#header{position: relative;}
	#container{margin-top:0;}
	
}
 
@media (max-width: 767.98px) { 
	#container{background:#fff;}
	.etw_content{padding:1rem 0;box-shadow:0 0 0 0 #fff;}
	.mainpro .title{padding:1rem;}
	#etw_homefooter a{font-size:0.875rem;}
	.pro4 ul>li,.etw_pic4 ul li,.etw_pic3 ul li{width:49%; margin-bottom: 2%;}
	.pro4 ul>li:nth-child(2n),.etw_pic4 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(2n){margin-right:0;}
	.eaxm ul>li .product_img img{width:100%;}
	#etw_sidebar,#etw_producttitle,.inner_banner{ display:none;}
	#etw_right{width:100%;}
	.etw_hometitle, h2[itemprop=name]{font-size:1.2rem; margin-top: 0.5rem;}
  .pagebottom .info1:after,.pagebottom .info1:before{position: absolute;}
  
}
@media (max-width: 778px) {.video_img1 i{ right:14%} }
@media (max-width: 575.98px) { 
	.top-nav{border-top:none;}
	#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
	.pro>ul>li,.number_txt5>li,.number2>li,.number3>li,.img_left, .img_right{width:100%; margin-right:0;}
	.smwidth{width:100%;}
	.round_line:before{left:44%;}
	.pro_img_txt ul li ol .product_con span{display:none;}
	#otherlink a{font-size:0.5rem;}
  ul.disc>li span{padding-left: 0;}
  #etw_map .list_m a{width: 100%;}
}



/*News*/
#app_new_pro{display:none;}
.news_list{width:100%;float:left}
.news_list ul{margin-bottom:40px; overflow:hidden;}
.news_list ul>li>ol>li.product_img{float:left;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:20px;line-height:24px;color:#111;border-bottom:1px solid #333;display:block;padding:0 0 0 10px0;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; padding-bottom:5px;}
.news_list ul>li>ol>li.product_con a:hover{color:#979797}
.news_list ul>li>ol>li.product_con a.more{float:right;border-bottom:none;font-size:14px;color:#fff;background:#01348B;padding:0 8px;font-weight:400;border-radius:3px;text-transform:uppercase}
.news_list ul>li>ol>li.product_con a.more i{color:#01348B}
.news_list ul>li>ol>li.product_con a.more:hover{background:#e6e6e6;text-decoration:none!important;color:#333}
.news_list ul>li>ol>li.product_con a.more:hover i{color:#333}
.news_list b{font-family:Arial,Helvetica,sans-serif;color:#01348b;font-size:17px;font-weight:400}
.news_list img{margin:0 auto;display:block}
.newstime{color:#01348B}
.news_list ul li a span{color:#111;float:right;display:inline}
.news_list ul li a:hover{color:#01348B;text-decoration:underline!important}
.etw_page{margin:20px auto;width:380px;overflow:hidden;float:right}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:0 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:#01348B;background:#eee}
.etw_page li a.dq{background:#eee}
.news_des{ margin-bottom:5px;}
.news_detail{width:100%;float:left}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin-bottom:50px}
.news_name h3{text-align:center;color:#495057;font-size:25px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:50%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right;text-align:right}
.new_next a,.new_prev a{color:#000;font-size:14px;line-height:26px}
.new_next a:hover,.new_prev a:hover{color:#666}
.news_related_li{width:24%;padding-right:1%;float:left}
.news_more{ float:right; clear:both; margin-top:-20px;}

.first,.last{ display:none;}

@media (max-width: 575.98px) {
  .news_list ul>li>ol>li.product_img{ width:100%; margin-bottom:6px;}
  .news_list ul>li>ol>li.product_con{width:100%;}
}


/*video*/
.etw_video{width:23%;overflow:hidden;position:relative;margin:0 auto 20px;float:left;height:130px; border:1px #b7b2b2 solid;}
.etw_video a{top:0;font-size:22px;position:absolute;left:0;right:0;margin:auto;text-align:center;width:48px;height:48px;bottom:0}
.etw_video a span{padding:0px 0 0 4px;display:block;text-align:center;margin:0 auto;color:#e30613;font-size:16px; border-radius:50%;width:100%;height:100%;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s; font-family:fontawesome; background:#fff}
.etw_video img{max-width:150%}
.etw_video a:hover span{color:#fff; background:#e30613}
.etw_video:hover:before{width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);border-color:transparent;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s}

.videoall{ width:96%; margin:0 auto; max-width:1150px;}
.videoall ul{display:flex;flex-flow: wrap;}
.videoall ul li{width:49%;float: left;margin:0px 2% 20px 0;}
.videoall ul li a{display:block;text-align:center;padding: 10px; line-height:18px; font-size:1rem;text-decoration: underline; color: #555;-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.videoall ul li:nth-child(2n){margin:0px 0px 20px;margin-right: 0}
.videoall ul li:nth-child(2n+1){clear: both;}
.videoall ul li span{display:block;margin-bottom:10px; text-align:center; padding-top:5px;-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.videoall video{border: 1px solid #ccc;}
.plyr__video-wrapper,.plyr__poster,.plyr--video{background-color: #fff !important;}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity: 0 !important;}
.plyr__video-wrapper {background-color: #fff;background: var(--plyr-video-background,var(--plyr-video-background,#fff));}

.videoall ul li .video-js{ max-height:317px;}

.videoall ul li a{
  text-decoration:none;
  width:100%;
  height:35px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:1px solid #ddd;
  border-top: none;
  position:relative;
  overflow:hidden;
  text-decoration: underline;
  transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
}
.videoall ul li a::after{
  content:'';
  position:absolute;
  width:0;
  height:100%;
  transform:skew(45deg);
  background-color:#06913a;
  z-index:-1;
  transition:.5s;
  -webkit-transition:.5s;
}
.videoall ul li a:hover{
  color:#fff
}
.videoall ul li a:hover::after{
  width:200%;
}


@media (max-width: 767.98px) {
  .topbigurl a{ display:block;}
  .videoall ul li .video-js{ max-height:400px;}
}
@media (max-width: 420px) {
  .videoall ul li .video-js{ max-height:300px;}
}
.video_height{ max-height:inherit!important;}

.po_r{position: relative;}

span.icon-play,span.icon-play1 {
  width: 60px; height: 44px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%; 
    margin-left: 0;
    background: rgba(255, 255, 255, 0.473)  url(../images/video.png) no-repeat center center;font-size: 0;padding: 0; background-size: 100% auto;box-shadow: none;
  transform: translate(-50%,-50%);
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
  }
  span.icon-play2{cursor: pointer;width: 50px; height: 37px;margin-left: 10px;transform: translate(0,0);position: relative;left: inherit;right: inherit;}
  span.icon-play:hover{
    opacity: 0.9;
  }



@media (max-width: 1439.98px) {
	#etw_homefooter a{padding: 0 10px;}
}

@media (max-width: 767.98px) {
.videoall ul li{width:100%; margin-right:0;}
#etw_homefooter a{margin-bottom: 5px;display: inline-block;}
}

/*video*/
.h2video {color:#111; border:none; margin-bottom:1rem;}
#video_right{float: left;
width: 72%;
position: relative;}
#video_right video{ width:100%;}
#video_sidebar{float: right;
width: 25%;
position: relative;
margin: 0 auto;
box-shadow: 0 30px 50px rgb(0 0 0 / 16%);
background: #f5f5f5;
padding: 0.5rem 1rem 0 1rem;}
#video_sidebar .webtitle{text-align:left;font-size:1.4rem;margin:0.5rem 0;line-height:1.4rem;color:#06913a;font-weight:600;font-family: PlayfairDisplay; padding-bottom:0.5rem;}

#etw_videolist>ul{position:relative;margin:1rem 0 2rem 0;}
#etw_videolist>ul>li{width:100%;position:relative;margin:1rem 0;border-radius:0.5rem;}
#etw_videolist>ul>li img{width:50%;float:left;overflow:hidden;border-radius:0.3rem; border:1px #eee solid;}
#etw_videolist>ul>li>a{display:block;display:flex;flex-wrap:wrap;align-items:center;}
#etw_videolist>ul>li>a span{width:50%;float:right;padding:0.2rem 0 0.2rem 0.8rem;color:#333;font-size:0.8rem;line-height:0.95rem;position:relative;display:block; }
#etw_videolist>ul li a.dq span,#etw_videolist>ul li a:hover span{color:#06913a;}

.etwvideo_hub{position:relative;}
.etwvideo_hub ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub ul>li{width:32%;margin:0 2% 1rem 0;position:relative;border:1px solid #eee;transition:.3s all ease-in-out; background:#eff7fa;border-radius:5px;}
.etwvideo_hub ul>li:nth-child(3n){margin-right:0;}
.etwvideo_hub ul>li:nth-child(3n+1){clear:both;}
.etwvideo_hub ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.etwvideo_hub ul li ol li.product_img{width:100%;position:relative;}
.etwvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.etwvideo_hub ul>li ol .product_img a:after{  position: absolute;content: "\f0da";left: 50%;top: 50%; transform: translate(-50%,-50%); z-index: 1;font-family:fontawesome; font-size: 2rem; line-height:2rem; color:#fff;  background:#1e9b4d; border-radius:100%; border:2px #fff solid; width:42px; height:42px; text-align:center; padding-top:4px; padding-left:3px;}
.etwvideo_hub ul>li ol .product_img a:before{position: absolute;content: ""; width:100%; height:100%; top:0; left:0; background:rgba(0 0 0 / 40%);z-index: 1;}
.etwvideo_hub ul>li:hover ol .product_img a:after{color:#fff; background:#aa2828;}
.etwvideo_hub ul>li:hover ol .product_img a:before{background:rgba(0 0 0 / 15%);}

.etwvideo_hub ul li ol li.product_con{width:100%;position:relative;padding:0 1rem;}
.etwvideo_hub ul li ol li.product_con a{display:block;font-size:0.875rem;line-height:1.2rem;padding:0.5rem 0; color: #111;text-align: center;}
.etwvideo_hub ul li:hover ol li.product_con a{ color:#1e9b4d;}


.etwvideo_hub ul li ol li.product_con a:hover {}
#video_right .more_details a{color:#fff;font-size:0.875rem;text-transform:uppercase;padding:0.2rem 2rem;border-radius:1rem;display:inline-block;margin:0.5rem 0 0 0;background: linear-gradient(45deg,#06913a,#06913a);}
#video_right .more_details a:hover{box-shadow: 2px 5px 12px rgb(0 0 0 / 50%);}
@media (max-width:991.98px){
#video_sidebar,#video_right{width:100%}
#etw_videolist>ul{display:block;display:flex;flex-wrap:wrap;}
#etw_videolist>ul>li{width:49%;margin-right:2%;}
#etw_videolist>ul>li:nth-child(2n){margin-right:0;}
#etw_videolist>ul>li:nth-child(2n+1){clear:both;}
.etwvideo_hub ul>li{width:49%;}
.etwvideo_hub ul li ol li.product_img{width:100%;}
.etwvideo_hub ul li ol li.product_con{width:100%;text-align:center;}
.etwvideo_hub ul>li:nth-child(3n){margin-right:2%;}
.etwvideo_hub ul>li:nth-child(3n+1){clear:none;}
.etwvideo_hub ul>li:nth-child(2n){margin-right:0;}
.etwvideo_hub ul>li:nth-child(2n+1){clear:both;}
}
@media (max-width:575.98px){
#etw_videolist>ul>li{width:100%;margin-right:0;}
#etw_videolist>ul>li>a{border-radius:0.3rem 6px 6px 0.3rem;}
.etwvideo_hub ul>li{width:100%;margin-right:0;}
.etwvideo_hub ul>li:nth-child(3n){margin-right:0%;}
.video_img1 i{right:20%}
}
@media (max-width:434px){  
.video_img1 i{right:0%}
}
/* video_box */
 
.video_img{position: relative;}
.video_img a{display: block;}
.video_img i{width:60px;height:60px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;border:5px solid #06913a;background-color:#06913a;display:flex;align-items:center;justify-content:center;padding-left:.2rem;cursor:pointer;transition:all .5s;z-index:3;font-size:2rem; animation:pulse 2s infinite;}
.video_img i:hover{background-color:#fff; color:#06913a}
.video_bg{position: relative;}
.video_img::before,.video_bg a::before{position: absolute; content: "";top:50%;left:50%;transform:translate(-50%,-50%); width: 100%; height: 100%;  }

.video_bg{position: relative;}
.video_img1::before{position: absolute; content: "";top:50%;left:50%;transform:translate(-50%,-50%); width: 100%; height: 100%;  }
.protitle2{display:block;color:#000;font-size:1.25rem;margin:0.5rem 0 0.6rem 0;position:relative;padding-bottom:0.5rem;position:relative}
.protitle2 span{display:inline-block;width:auto;position:relative;padding-bottom:0.5rem;font-weight:bold;border-bottom:1px #dedede solid;}
.protitle2 span:after{content:"";position:absolute;left:0;bottom:-2px;height:3px;width:40px;background:#06913a;}
.protitle2 a:hover{color:#c32e24;}
 
/* pulse btn */
@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(46, 245, 39, 0.8);}
70%{-webkit-box-shadow:0 0 0 45px rgba(245,132,39,0);}
100%{-webkit-box-shadow:0 0 0 0 rgba(245,132,39,0);}
}
@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(39, 245, 49, 0.8);box-shadow:0 0 0 0 rgba(91, 180, 121, 0.8);}
70%{-moz-box-shadow:0 0 0 45px rgba(245,132,39,0);box-shadow:0 0 0 45px rgba(245,132,39,0);}
100%{-moz-box-shadow:0 0 0 0 rgba(245,132,39,0);box-shadow:0 0 0 0 rgba(245,132,39,0);}
}

.videoflash{ animation:pulse 2s infinite;}



/*2024-6-7*/
.layui-layer-btn a{color:#fff !important;margin-bottom:1rem !important;}
.review{font-size:18px;font-weight:bold;color:#F00;}
.layui-layer-btn .layui-layer-btn0{float:none;font-size:1.5rem;color:#fff !important;margin-bottom:28px;}
.layui-layer-btn{text-align:center !important;}
.layui-layer-btn a{padding:5px 15px !important;height:auto !important;}