@charset "utf-8";@font-face {font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype");}
@font-face {font-family:"Arialbd";src:url(../font/Arialbd.ttf) format("truetype");}
@font-face {font-family:"Arial";src:url(../font/Arial.ttf) format("truetype");}
@font-face {font-family:"Poppins-Regular";src:url(../font/Poppins-Regular.ttf) format("truetype");}
@font-face {font-family:"Poppins-Bold";src:url(../font/Poppins-Bold.ttf) format("truetype");}
@font-face {font-family:"Poppins-Light";src:url(../font/Poppins-Light.ttf) format("truetype");}
@font-face {font-family:"iconfont";src:url("../font/iconfont.ttf?t=1622274305876") format("truetype");}
@font-face {font-family:"iconfont";src:url("../font/iconfont2.ttf?t=1658803351262") format("truetype");}
.iconfont {font-family:"iconfont" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;}
.iconfont2 {font-family:"iconfont2" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}
body {color:#000;font-family:"Poppins-Light", Helvetica,sans-serif;font-size:1rem;line-height:1.65;}
* {box-sizing:border-box;padding:0;margin:0;}
li,ol,ul {list-style:none;margin-bottom:0;}
img {vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic;}
.clear {clear:both;}
.clearfix::after {display:table;}
hr {margin-bottom:1rem;border-top:1px solid #ddd;}
strong {font-size:1.2rem;display:inline-block;font-weight:normal;color:#807f7f;padding-bottom:.5rem;padding-top:1rem;font-family:"Arialbd"; }
b {color:#333;font-size:1rem;font-weight:normal;font-family:"Arialbd";}
a {text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;}
a:hover {color:#174277;}
a:focus {outline:0;text-decoration:none;}
a,a:hover {text-decoration:none;}
a.link {color:#174277;display:inline-block;text-decoration:underline;}
a.link:hover {color:#289fe1;text-decoration:none;}
.btn-secondary {padding:0rem 0.5rem;}
.layui-layer-btn a {color:#fff !important;margin-bottom:1rem !important;}
.btn:not(:disabled):not(.disabled) {cursor:pointer;}
.layui-layer-dialog .layui-layer-content{display: none;}
.layui-layer-btn .layui-layer-btn0{color: #111 !important; background:none !important; border: none !important; margin-top: 1rem !important; font-size: 1.3rem ;}
.layui-layer-btn .layui-layer-btn0:hover{color: #eb5c14 !important;}
.review {color:#f00;font-size:18px;}
.brief {width:100%;margin:2rem auto;font-size:0.9rem;color:#666;}
.etw_pdf{position: relative; display: flex; align-items: center;}
.etw_pdf p{margin-bottom: 0;}
.etw_pdf a{font-size: 2rem; color: #224565; display: inline; padding-left: 2rem;}
.table td {vertical-align:middle;padding-top:.4rem;padding-bottom:.4rem;}
.table tr:nth-child(odd) {background-color:#f3f3f3;}
.table tr:nth-child(even) {background-color:#fff;}
.theme-send-inquiry-box {background:#000 !important;}
.theme-box-name {background:#eb5c14 !important;text-transform:uppercase;border-left:1px #eb5c14 solid !important;}
a.font-weight{color: #eb5c14;font-family:"Poppins-Bold"; font-size: 1.1rem;}
a.font-weight:hover{color: #000;}

h3 {font-size: 1.3rem;}
h4 {color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle {display:block;line-height:1.35;color:#000;font-size:2.2rem;padding-bottom:0.5rem; margin-top: 1rem;font-family:"Poppins-Bold"; text-transform: uppercase;}
.pro_name{color: #eb5c14; font-size: 1.2rem; position: relative;font-family:"Arialbd"; margin-bottom: 1rem; line-height: 1.35;}
.small_name{color: #f5f5f5; margin-top:-1rem; position: relative;}

.etw_hometitle {margin-bottom:1rem;}
#etw_top {position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#ccc;z-index:100;cursor:pointer;color:#fff;font-weight:700;line-height:28px;border-radius:50%;}
#etw_top a {color:#fff;}
#etw_top:hover {transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;background:#000;}
/* #header */
#header {width:100%;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;float:left;background:rgba(0, 0, 0, 0.5); transition: all .5s;}
.nav-fixed,.pro_header{background:rgba(0, 0, 0, 1) !important;}
.header_in {width:100%;max-width:1200px;margin:0 auto;}
#etw_logo {width:auto;text-align:center;float:left;margin-top:1.2rem;}
#etw_logo img{width: 150px;}
.top-nav {width:auto;float:right;padding-left:2rem;}
.top-nav .navbar {padding:0;float:right;}
.nav-fixed {box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;}
@keyframes fadeInDown {from {opacity:0;transform:translate3d(0,-100%,0);}
to {opacity:1;transform:none;}
}
.navbar-expand-lg .navbar-collapse {flex-flow:row wrap !important;}
.navbar-expand-lg .navbar-nav {justify-content:flex-end;}
.navbar-nav {width:100%;font-family:"Poppins-Regular";}
.navbar-light .navbar-nav .nav-link {color:#fff;transition:all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0.5rem;color:#fff;position:relative;font-size:0.9rem;}
.navbar-light .navbar-nav .nav-link:before {content:"";position:absolute;bottom:-0rem;left:0;right:0;margin:0 auto;height:1px;width:0;background:#eb5c14;transition-delay:0.1s;transition:0.1s all linear;border-radius:2rem;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before {width:100%;right:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu {padding-top:0;padding-bottom:0;top:43px;box-shadow:0px 10px 20px 0px rgb(0 0 0 / 20%);}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {background-color:#fff;color:#333;font-size:1rem;position:relative;display:block;transition:all 0.5s;padding-top:0.3rem;padding-bottom:0.3rem;position:relative;}

.navbar-expand-lg .navbar-nav .dropdown-menu > li > a::before {position:absolute;content:"\f105";font-family:fontawesome;left:.8rem;top:0.3rem;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link {color:#eb5c14; }
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {color:#eb5c14;}
.navbar-light .dropdown-item.active,.navbar-light .dropdown-item:hover {color:#eb5c14 !important;background-color: #eee !important;}
.dropdown-item {font-size:0.9rem;}
.dropdown-item.active {background-color:#fff}
.nav-item span.pro_icon {position:absolute;top:0.5rem;right:1rem;color:#eb5c14;padding:2px 8px;font-size:2rem;width:32px;height:28px;line-height:24px;display:none;text-align:center;}


.navbar-light .navbar-nav .dropdown-menu1{padding-bottom: 2rem;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:0;position:relative;padding:0.5rem 0 0.5rem 0.3rem;font-size:1rem;color:#333;font-family:"Poppins-Bold"; display: flex; align-items: center; margin-bottom: .5rem;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{margin-right: 1rem;}
.navbar-light .navbar-nav .dropdown-menu1 li a.dropdown-item{border-bottom:1px solid #ddd;}
.navbar-nav .dropdown-menu1{min-width:1200px;left:-330px;padding:0.3rem 1.5rem;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a{color: #666; font-size: .8rem; padding: .2rem;padding-left:1rem; display: block; position: relative; }
.navbar-light .navbar-nav .dropdown-menu1 li ol li a::before{position: absolute;content: ""; left: 0; top:.8rem; width: 4px; height: 4px; border-radius: 50%; background-color: #eb5c14; }
.navbar-light .navbar-nav .dropdown-menu1 li ol li a:hover,.navbar-light .navbar-nav .dropdown-menu1 li ol li a.active{color:#eb5c14 ;}





/* .etw_language */
.etw_language {float:right;display:flex;flex-wrap:wrap;margin-left:1rem;justify-content:flex-end;width:42%;height:32px;line-height:25px;z-index:1;position:relative;padding-left:1rem;padding-right:1rem; margin-top: .5rem; }
#etw_language {float:right;width:auto;text-align:right;}
#etw_language .dropdown-item {display:inline-block;width:auto;line-height:12px;padding:0.5rem .8rem;color:#fff;min-width:auto !important;font-size:1rem;position:relative; font-size: .9rem;font-family:"Arial";}
#etw_language .dropdown-item::before {position:absolute;content:"";right:0;top:.5rem;width:1px;height:15px;background-color:#4f4d4d;}
#etw_language .dropdown-item:last-child::before {display:none;}
#etw_language .dropdown-item img {margin-right:5px; margin-top: 2px;}
#etw_language .dropdown-item:hover {color:#eb5c14;background:none;}
#etw_language .dropdown-item:focus {background:none !important;}
/* banner */
#etw_banner {width:100%;position:relative;max-width:0 auto;text-align:center;}

/****swiper****/
#etw_banner  .swiper-container{z-index: 0;}
#etw_banner .swiper-pagination {display:block;width:100%;bottom:26px}
#etw_banner .swiper-pagination-bullet {opacity:0.4;}
#etw_banner .swiper-pagination-bullet-active {opacity:1;}
#etw_banner .swiper-pagination span {background-color:#fff;cursor:pointer;margin:0 5px!important;width:12px;height:12px;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev {width:24px;height:47px;background-image:none;background-color:rgba(255,255,255,.8);right:0;z-index:1;transform:translateY(-50%);transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
#etw_banner .swiper-button-prev {left:0;}
#etw_banner .swiper-button-next:hover,#etw_banner .swiper-button-prev:hover {background-color:rgba(255,255,255,0.5);}
#etw_banner .swiper-button-next::after,#etw_banner .swiper-button-prev::after {content:'';position:absolute;background:url(../images/arrow_next.png) no-repeat;background-size:cover;width:15px;height:35px;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.3s all ease-in-out;opacity:.9;}
#etw_banner .swiper-button-prev::after {background:url(../images/arrow_prev.png) no-repeat;background-size:cover;}
#etw_banner:hover .swiper-button-next:after,#etw_banner:hover .swiper-button-prev:after {opacity:.8;}
/****banner****/#etw_banner {width:100%;height:auto;position:relative;margin:0 auto;text-align:center;flex-flow:wrap;justify-content:center;display:flex;align-items:center}
.banner_txt {position:absolute;width:1200px;color:#fff; top: 20%; right: 0; left: 0; margin: 0 auto; text-align: right; }
.txt2{width: 620px; float: right;}
.banner_txt h1 {font-size:2.4rem;line-height:1.25;font-weight:500;margin:0 0 1.5rem;color:#fff;font-family:"Poppins-Bold";}
.banner_txt1{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); }
.txt1{ text-align: center; max-width: 820px; margin: 0 auto;} 
.banner_txt0{background-color: rgba(255, 255, 255, 0.2); max-width: 700px;  margin: 0 auto;  right: 0; padding: 2rem;}


/* .brand_story_box */
.brand_story_box{width: 100%; margin: 0 auto; background-color: #000; padding: 3rem 0;color: #d4d4d4;}
.webtitle{font-size: 2.4rem; text-align: center; font-family:"Poppins-Bold"; color: #fff; text-transform: uppercase; margin-bottom: .5rem; }
.small_font{font-size: 1.8rem; text-transform: none;}
.brand_story_box ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.brand_story_box ul li{width: 22%; margin-right: 3%; position: relative; top: 0; transition: all .5s;background-color: #eb5c14;}
.brand_story_box ul li:last-child{margin-right: 0;}
.brand_story_box p{text-align: center; width: 100%; max-width: 800px; margin: 0 auto; margin-bottom: 1.5rem; font-size: 1rem; color: #d4d4d4; line-height: 1.35;}
.brand_story_box ul li a h3{ color: #fff; text-align: center; padding: .5rem;transition: all .5s;}
.brand_story_box ul li:hover{top: .5rem;background-color: #eee;}
.brand_story_box ul li:hover a h3{ color: #000;}

/* brand_story_item */
.brand_story_item{width: 100%; margin: 2rem auto; padding: 3rem 0; background:url(../images/brand_01.jpg) no-repeat top; background-size: cover;}
.brand2{background: none; padding: 0;}
.brand_box{background-color: rgba(255, 255, 255, .9); padding: 3rem; width: 100%; display: flex;}
.brand_box .brand_story_logo{width: 30%; margin-right: 2%;  text-align: center;}
.brand_box .brand_story_logo span{display: block; padding: .5rem 0;font-family:"Poppins-Bold";font-size: 1.2rem;background-color:#eb5c14; color: #000;}
.brand_box .brandstoryinfo{width: 62%;}
.more2{color: #eb5c14; padding-left: 0; display: block;}
.more2 i{padding-left: .5rem;}
.brandstoryinfo_overhiden{
  height: 220px;
  overflow: auto !important;
  padding: 0 1rem;
    padding-left: 1rem;
  padding-left: 0;
  scrollbar-color: #000 #ccc;
  scrollbar-width: thin;}
.brand_box .brandstoryinfo::-webkit-scrollbar{width: 8px;}
.brand_box .brandstoryinfo::-webkit-scrollbar-track{background: rgb(200, 200, 200,.5);}
.brand_box .brandstoryinfo::-webkit-scrollbar-thumb{background: rgba(0, 0, 0); border-radius: 5px;}
.brand_box .etwtitle{font-family:"Poppins-Bold"; margin-bottom: .5rem;}



/* mainpro_box */
.mainpro_box{width: 100%; margin: 3rem auto; }
.mainpro_box .webtitle{color: #000;}
.first_pro{background: url(../images/background-1.png) no-repeat top ;}
.second_pro{background: url(../images/background-2.png) no-repeat top ;}
.third_pro{background: url(../images/background-3.png) no-repeat top ;}
.fourth_pro{background: url(../images/background-4.png) no-repeat top ;}
.mpro_item{position: relative;}
.mpro_item::before{position: absolute;content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); transition: all .5s;}
.mpro_img,.mpro_des{position: relative;z-index: 1;}
.mpro_des{width: 100%; margin: 0 auto; position: absolute; bottom: 0;}
.mpro_des a h3{font-size: 1.4rem; color: #fff;font-family:"Poppins-Bold"; margin-top: 2.5rem; margin-bottom: 1rem; background-color: rgba(235, 92, 20, 0.8); padding:1rem 2rem;  margin-bottom: 0;transition: all .5s;}
.mpro_des ul{width: 100%;display: flex; flex-wrap: wrap;}
.mpro_des ul li{width: 48%; margin-right: 2%; color: #444;position: relative; padding-left: 1rem;font-family:"Arial"; margin-bottom: .3rem;}
.mpro_des ul li:nth-child(2n){margin-right: 0; }
.mpro_des ul li::before{position: absolute;content: ""; left: 0; top: .6rem; width: 5px; height: 5px; border-radius: 50%; background-color: #eb5c14;}
.mpro_item:hover::before{background-color: rgba(255, 255, 255, 0.3);}
.mpro_item:hover a h3{color:#000;}


/* service_box */
.service_box{width: 100%; margin: 0 auto; background: url(../images/service_bg.jpg) no-repeat; background-size: cover; background-attachment: fixed; padding: 4rem 0; color: #fff;  }
.service_box .webtitle{margin-bottom: 1rem;}
.service_box p.swidth{width: 100%; max-width: 800px; margin: 0 auto; line-height: 1.35; margin-bottom: 2rem; text-align: center;}
.service_box p.swidth span{font-size: 1.6rem;font-family:"Arialbd";color: #eb5c14; font-style: italic; text-shadow: 1px 2px 1px #000;}
.siger_service{background-color: rgba(0, 0, 0, 0.8); padding:.5rem 1rem; font-size: .9rem; height: 100%; border-radius: 21px;border: 1px solid #000;color: #ebebeb; transition: all .5s;}
.siger_service h3{font-size: 1rem;font-family:"Poppins-Bold"; margin-bottom: 1rem; text-align: center;}
.siger_service p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;}

.siger_service span{color: #fff;text-align: center; display: block; font-size: 3rem; }
.siger_service a{color: #fff; display: block;}
.siger_service:hover{background-color: rgba(235, 92, 20, 0.8);}

.sigerinner_service{background-color: #eee; padding: 2rem;}
.sigerinner_service span{color: #fff; background-color:#eb5c14; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; }
.sigerinner_service .s_name{display: flex; align-items: center;}
.sigerinner_service .s_name h3{margin-left: 1rem;font-family:"Poppins-Bold"; font-size: 1.1rem;}

ul.item1{margin-left:0.25rem}
ul.item1 li{list-style:decimal;margin:4px 0 5px 20px;line-height:21px; font-size: .9rem;}
ul.item1 li strong{color: #000; font-size:.9rem;}

.etw_title1{font-family:"Poppins-Bold";position:relative;padding-left:1.5rem;color:#eb5c14;margin-bottom:0.5rem}
.etw_title1:before{position:absolute;content:"\f006";font-family:fontawesome;left:0;top:0;font-size:1.1rem;}




/* about_box */
.about_box{width: 100%; padding: 3rem 0; background: url(../images/about_bg.jpg) no-repeat bottom left #000; color: #fff;}
.webtitle span{color: #eb5c14; font-size: 3rem;padding-left:.5rem;  }
.btn_more{color: #fff; background-color: rgba(235, 92, 20, 0.9); padding: .5rem 2rem;font-family:"Poppins-Bold";    transform: skew(-18deg); display: block; width: 200px; margin: 0 auto; margin-top: 2rem; transition: all .5s; position: relative; left: 0; font-size: 1.2rem; text-transform: uppercase;}
.btn_more text{transform: skew(18deg); display: block;}
.btn_more:hover{background-color: rgba(255, 255, 255, 0.9); color: #000; left: 1rem;}
/* gallery_box */
.gallery_box{width: 100%; margin: 3rem auto;overflow: hidden;}
.gallery_box .webtitle{color: #000; margin-bottom: 1rem;}
.gallery_box ul{width: 100%; display: flex; flex-wrap: wrap;}
.gallery_box ul li{width: 25%; padding: 0 10px; margin-bottom: 1rem; overflow: hidden;}
.gallery_box ul li:nth-child(4n){margin-right: 0;}
.gallery_box ul li a{display: block; position: relative;}
.gallery_box ul li a img{transition: all .5s; transform: scale(1);}
.gallery_box ul li a::before{
  position: absolute;
  content: "";
  left: 25px;
  right: 25px;
  top: 25px;
  bottom: 25px;
  padding: 20px;
  background: rgba(35, 35, 35, 0.2);
  color: #fff;
  text-align: center;
  opacity: 0;
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -webkit-transition: -webkit-transform 0.6s, opacity 0.3s;
  -moz-transition: -moz-transform 0.6s, opacity 0.3s;
  transition: transform 0.6s, opacity 0.3s;
  border-radius: 50%;
  z-index: 1;

}
.gallery_box ul li a:hover:before{transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  opacity: 1; border-radius: 0;}
.gallery_box ul li a:hover img{transform: scale(1.15);}
/* video_box */
.video_box{width: 100%; margin: 3rem auto; margin-bottom: 0; background-color: #000; padding: 3rem 0;}
.pro_video_box{padding: 2rem; }
.video_box .webtitle{margin-bottom: 1rem;}
.video_item{width: 100%; height: 100%;}
.video_img{position: relative; text-align: center;}
.video_img::before{position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15);}
.video_play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; } 
.video_play i{font-size:5rem; color: rgba(255, 255, 255, 0.7);transition: all .5s;}
.video_play.video_play1 i{color: rgba(235, 92, 20, 0.8);}
.video_play:hover i{color: rgba(235, 92, 20, 0.6);}
.video_item span{color: #fff; display: block; padding-top: .5rem; text-align: center;}
/* .exhibition */
.exhibition {width:320px;height:251px;overflow-x:hidden;overflow-y:auto;position:fixed;right:6px; bottom:80px;z-index:9999;background:url(../images/exhibition.jpg) no-repeat center;box-shadow:0 1rem 3rem rgba(0,0,0,0.575); border-radius: 15px;}
.exh_box {position:relative;}
.exh_text {position:absolute;top:40px;left:30px;margin:0 auto;width:264px;float:left;}
.exh_text p {padding-bottom:0;font-size:14px;line-height:1.5;margin-bottom: 0;}
.exh_title1 {font-size:18px;float:left;margin-bottom:0;color:#333;display:block;clear:both;}
.exh_close a:hover {text-decoration:none;}
.exh_close a {color:#666;font-weight:400;text-align:left;display:block;font-size:22px;}
.exh_close {width:50px;height:auto;position:absolute;right:-23px;top:23px;}
.exh-btn-more {background-image:linear-gradient(to right,#eee,#ccc);color:#333;padding:3px 5px; margin-top:3px;font-size:12px;transition: all .5s;font-family:"Poppins-Bold";}
.exh-btn-more:hover{color: #eb5c14;}
@media (max-width:991.98px) {
.exhibition {display:none;}
}
/* pro_banner */
.pro_banner{width: 100%; position: relative; color: #fff; margin: 0 auto; overflow: hidden;}
.pro_banner img{width: 100%;}
.pro_bannertxt{position: absolute; bottom:0; right: -10%;width: 100%; max-width: 1000px;}
.txt_des{width: 100%; height: 100%; background-color: rgba(235, 92, 20, 0.8); padding:2rem 5rem; transform: skew(-20deg); }
.txt_inner{ transform: skew(20deg); width: 100%;max-width:650px;}
.txt_inner h3{font-family:"Poppins-Bold"; font-size: 1.5rem; text-transform:uppercase; margin-bottom: 1rem;}
.txt_inner p{font-size: 0.9rem;}
.brand_title{font-family:"Poppins-Bold";font-size: 1.8rem;margin-bottom: .5rem;}
.brand_story_info{width: 100%; font-size: .9rem; color: #fff;font-family:"Poppins-Light"; height: 110px;  overflow: auto !important; padding: 0 1rem; padding-left: 0; scrollbar-color:#000 #ccc; scrollbar-width: thin;}
.brand_story_info img{margin-bottom: 1.5rem; width: auto;}
.brand_story_info strong{color: #fff; padding-bottom: 0; padding-top: 0;}
.brand_story_info::-webkit-scrollbar{width: 8px;}
.brand_story_info::-webkit-scrollbar-track{background: rgb(200, 200, 200,.5);}
.brand_story_info::-webkit-scrollbar-thumb{background: rgba(0, 0, 0); border-radius: 5px;}
 

/* etw_title */
.etw_title{background-color:#eb5c14;margin-bottom: 2rem; margin-top: 2rem; }
.etw_title a,.etw_title span{transition: all .5s;font-size: 1.6rem; color: #fff;  display: block; width: 100%; max-width: 1200px; margin: 0 auto; padding: .2rem 0 }
.etw_title a:hover{color: #000;}
.page_title{color: #000; font-size: 1.4rem;}
/* etw_products */
.etw_products{width: 100%; margin: 0 auto; max-width: 1400px;}
.etw_products ul{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.etw_products_center ul{justify-content: center;}
.etw_products ul>li{width: 23.5%; margin-right: 2%; margin-bottom: 2rem; position: relative; padding-bottom: 2.5rem; }
.otherpro_box ul>li{padding-bottom: 0;}
.etw_products ul>li:nth-child(4n){margin-right: 0;}
.etw_products .product_img {position: relative; overflow: hidden;border: 1px solid #efefef; transition: all .5s; }
.etw_products .product_img img{transition: all 1s; transform: scale(1);}
.btn_video {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,100%);
  transition: all .5s;
  opacity: 0;
  width: 150px;
  padding:.5rem 1rem;
  background-color: rgba(235, 92, 20, 0.8);
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

.etw_products ul>li:hover .btn_video{
transform: translate(-50%);
opacity: 1;
}
.etw_products ul>li:hover a{color: #eb5c14;}
.etw_products .product_img span{position: absolute; top: 2%; left: 2%; width: 40px; background-color:#eb5c14; color: #fff; display: block; text-align: center; font-size: .8rem; padding: .5rem; border-radius: 5px;}
.product_con a{font-size: 1.2rem; color: #000; display: block; padding-top: 1rem;font-family:"Poppins-Regular"; line-height: 1.35; transition: all .5s;}
.product_con ol{margin-top: 1rem;}
.product_con ol li{font-size: .9rem; margin-bottom: 0; height: 100%;}
.product_con ol li strong{padding: 0; color: #666; padding-bottom: .2rem; font-size: .95rem;}
.etw_products .more1 a{font-size: .9rem; color: #eb5c14; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;transition: all .5s; font-family:"Poppins-Regular";}
.etw_products .more1 a::before{position: absolute;content: ""; width: 50px; height: 1px; background-color:#eb5c14; bottom: 0; left: 0;transition: all .5s; display: inline;}
.etw_products .more1 a:hover{color: #000;}
.etw_products .more1 a:hover::before{width: 80px;}
.etw_products2 ul li{width: 100%;}
.etw_products2 ul>li>ol{width: 100%; display: flex;}
.etw_products2 ul>li>ol>li.product_img{ margin-right: 2%; width: 32%; overflow: hidden;}
.etw_products ul>li:hover .product_img img{transform: scale(1.05); }
.etw_products ul>li:hover .product_img{border: 1px solid #eb5c14;}
/* adv_item */
.service_adv{width: 100%; margin: 3rem auto; margin-bottom: 2rem;}
.adv_item{width: 100%; height: 100%; background-color: #eee; padding: 2rem;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)}
.adv_item h4{color: #eb5c14;font-family:"Poppins-Bold"; margin-bottom: 1rem;}
.adv_item1::before,.adv_item2::before,.adv_item3::before{position: absolute; content: "1"; width: 60px; height: 60px; border-radius: 50%; background-color: #eb5c14; right: 0; left: 0; margin: 0 auto; top: -2rem; display: flex; align-items: center; justify-content: center; font-size: 2rem;font-family:"Arialbd"; color: #fff;}
.adv_item2::before{content: "2";}
.adv_item3::before{content: "3";}


/* inquiry_box */
.inquiry_box{width: 100%;padding: 4rem 0; color: #fff; background: url(../images/in_bg.jpg) no-repeat; background-size: cover; background-attachment: fixed;}
.inquiry_box h4{color: #fff; font-size: 2rem;font-family:"Poppins-Bold";}
.inquiry_txt span{font-size: 1.2rem;}
.inquiry_box a{background-color: #eb5c14; font-size: 1.5rem; color: #fff; padding:.5rem 2rem; padding-top: .2rem; border-radius: 22px; transition: all .5s;}
.inquiry_box a:hover{background-color:#000 ; color: #fff;}
.pro_des{font-family:"Poppins-Regular"; line-height: 1.65; color: rgba(0, 0, 0, 0.8); padding: 2rem;}
.item_list{width: 100%; display: flex; flex-wrap: wrap;}
.item_list li{width: 100%; margin-bottom:.5rem; padding-left: 1rem; position: relative;}
.item_list li::before{position: absolute;content: ""; width: 6px; height: 6px; background-color: #666; border-radius: 50%; top: .65rem; left: 0;}
.item_list li span{float:left;margin-right:10px;}
.item_list li .oh{overflow:hidden;line-height:1.5;}

.etw_list2 ul{display:block;}
.etw_list2 ul li{line-height:1.2;vertical-align:middle;margin-bottom:10px;}
.etw_list2 ul li strong{margin-bottom:5px;display:block;font-size:1.2rem; color: #000; font-size: 1.3rem;}
.etw_list2 ul li i.dis{width:5px;height:5px;background-color:#eb5c14;display:inline-block;margin-right:10px;transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);}



/* btn_inquiry */
.btn_inquiry{padding: 0.5rem; color: #fff; background-color: #eb5c14; display: inline-block; margin-top:1rem;font-family:"Poppins-Bold"; font-size: 1rem; border-radius: 5px; transition: all .5s;}
.btn_inquiry:hover{background-color: #000; color: #fff;}
/* pro_video_play */
.pro_video_play i{font-size: 1.5rem; padding-right:.5rem; }

/* inquiry_bg */
.inquiry_bg{width: 100%; margin: 3rem auto; margin-bottom: 0; background: url(../images/service_bg.jpg) no-repeat top;padding:4rem 0; background-size: cover;}
.etw_set_feedback_form{background-color: rgba(0, 0, 0, 0.5); padding: 2rem; height: 100%;}
.form_contact_title,.c_name{font-size:2rem; color: #fff;font-family:"Arialbd";} 
.inquiry_bg .brief{background-color: rgba(0, 0, 0, 0.5);height: 100%; margin-top: 0; color: #fff; font-size: .9rem; padding: 2rem; line-height: 1.455;}
.feedback_form{background: url(../images/inquiry_bg.jpg) no-repeat top center #eee;padding:2rem; background-size: cover;  }
.contact_content .form_contact_title,.c_name{color: #000;}
.c_name{font-size: 1.4rem; margin-bottom: 1rem;}
.contact_des strong{padding-top: 0; padding-bottom: 0;color: #000; font-size: 1rem;}
.pl-indent{padding-left: 5.4rem;}
.contact_des p{margin-bottom: .5rem;}

/* main_spac */
.main_spac{width: 100%; margin: 2rem auto; background-color: #666; padding: 2rem 0; color: #fff;}
.main_spac ul{width: 100%; display: flex; flex-wrap:wrap;}
.main_spac1 ul{justify-content: center;}
.main_spac ul li{width: 23.5%; margin-right: 2%; margin-bottom: 2rem; text-align: center;}
.main_spac ul li:nth-child(4n){margin-right: 0;}
.main_spac ul li span{display: block; font-size: 1rem; text-transform: uppercase; margin-top: .5rem;font-family:"Poppins-Bold";}
.main_spac ul li span small{font-size: .9rem; display: block;font-family:"Poppins-Regular"; color: #ccc; margin-bottom: .5rem;}
/* etw_product1 */
.etw_product1{width: 100%; margin: 0 auto; margin-top: 3rem;}
.etw_product1 ul li,.etw_product1 ul li ol{width: 100%;}
.etw_product1 ul li ol{display: flex; margin-bottom: 3rem;justify-content: space-between;}
.etw_product2 ul li ol{align-items: center;}
.etw_product1 ul li ol li.product_img{width: 40%; position: relative;}
.etw_product1 ul li ol li.product_img img{width: 100%; border-radius: 15px;}
.etw_product1 ul li ol li.product_img p{position: absolute;bottom: 1rem; left: 4%; right: 4%; margin: 0 auto; padding: 1rem; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 1.2rem;  margin-bottom: 0; border-left: solid #eb5c14 8px;}
.etw_product1 ul li ol li.product_con{width: 58%; padding:0 1rem; font-size: 1rem; line-height: 1.55;}
.etw_product1 ul li ol li.product_con h3{color:#eb5c14; font-size: 1.4rem;font-family:"Poppins-Bold"; margin-bottom: 1rem;}
.etw_product2 ul li ol{margin-bottom: 0;}
.etw_product2 ul li:nth-child(2n) ol li.product_con{order: 1; text-align: left;}
.etw_product2 ul li ol li.product_img{order: 1; width: 50%;}
.etw_product2 ul li ol li.product_con{width: 50%; padding:0 4rem;}

/* etw_product4 */
.etw_product4{width: 100%; margin: 0 auto;}
.etw_product4 ul{width: 100%; display: flex; flex-wrap: wrap;}
.etw_product4 ul>li{width: 32%; margin-right: 2%;}
.etw_product4 ul>li:nth-child(3n){margin-right:0;}
.etw_product4 ul li ol li.product_con h3{color:#000; font-size: 1.1rem;font-family:"Poppins-Bold"; margin-bottom: 1rem; margin-top: 1rem; line-height: 1.55;}
.etw_product4 ul li ol li.product_con{font-size:.9rem;}

/* .etw_list */
.table_bg{width: 100%; padding: 2rem; background-color: #eee; margin: 3rem auto;}
.etw_list{width:100%;float:left;margin-bottom:1.25rem;}
.etw_list ul{width:100%}
.etw_list ul li{width:100%;float:left;position:relative;margin-bottom:0.25rem;padding:0.25rem 0.25rem 0.25rem 1.5rem;border-bottom:1px dashed #ccc;}
.etw_list ul li span{float:left;margin-right:10px;}
.etw_list ul li .oh{overflow:hidden;line-height:1.5;margin-top:-3px;}
.etw_list ul li:before{position:absolute;content:"";background:#f7f7f7;width:8px;height:8px;border-radius:50%;border:2px solid #eb5c14;left:7px;top:.85rem;}
.etw_list strong{padding-top: 0; color: #333; font-size: 1rem;}

.video_all{width:100%;margin:1rem auto;margin-bottom:1rem;}
.video_all ul{width:100%;display:flex;flex-wrap:wrap;}
.video_all ul li{width:32%;margin:0 2% 2rem 0;text-align:center;float:left; background-image: linear-gradient(to left,#ccc,#eee); padding: 1rem;}
.video_all ul li:nth-child(3n){margin-right: 0;}
.video_all ul li a{color: #eb5c14; display: block; padding-top: 1rem;}
.video_all ul li a:hover{color: #000;}
.video_all.video_all1 li{width: 100%;margin-right: 2%;}
@media (max-width:991.98px){.video_all ul li{width:49%;margin-right:2%;}
.video_all ul li:nth-child(3n){margin-right:2%}
.video_all ul li:nth-child(2n){margin-right:0}



}
@media (max-width:575.98px){
.video_all ul li{width:100%!important;margin-right:0!important;margin-left:0!important;}
  
}

/* .item */
.item{width: 100%; display: flex; flex-wrap: wrap;}
.item li{width:100%; margin-bottom: .8rem; position: relative; padding-left: 1.5rem; line-height: 1.45;}
.item li::before{position: absolute;content: "\f046";font-family: fontawesome;left: 0; top:0; color: #eb5c14; font-size: 1rem;  }
.item li strong{padding-top: 0; color: #000;}
/* brandinfo_box */
.brandinfo_box .etwtitle{color: #000;font-family:"Poppins-Bold"; margin-bottom: .5rem;}

/* otherpro_box */
.otherpro_box{width: 100%; margin: 3rem auto; margin-bottom: 0;}
.otherpro_box .webtitle{color: #000;}

.history_date-list{padding-left:200px}
.history_date-list li{border-left:1px solid #CCC;box-sizing:border-box;cursor:pointer;margin-left:20px;padding:60px 10px 0 0;position:relative;height:auto;clear:both}
.history_date-list li:last-child{padding-bottom:70px}
.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 span{display:block;font-family:"Poppins-Bold"; font-size: 1.4rem;margin-left:0;width:150px;height:60px;line-height:60px;text-align:center;border-radius:2%;background:#ccc;margin-bottom:15px;position:absolute;top:60px;left:-200px;}
.history_date-list li span:before{position:absolute;content:"";width:30px;height:1px;border:1px #ddd dashed;left:160px;top:50%;}
.history_date-list li:hover span{background:#ff6e00;color:#fff;}
.history_date-list li p{position:relative;display:block;margin:0;padding:15px 20px 10px 20px; font-size: 1.2rem;}
 
.history_date-list li p a{font-size:1.2rem;color:#ff6e00;font-family:"Poppins-Bold";}
.history_date-list li p a:hover{color:#333;}


/* #container */
#container {width:100%;margin:0 auto;margin-top:80px;}
.home_box{margin-top: 0 !important;}
.content {width:100%;max-width:1200px;margin:0 auto; }


/* #quicknav */
#quicknav {width:100%;margin:0 auto;height:auto;color:#909090;font-size:.8rem;overflow:hidden;position:relative; background-color: #eee;border-bottom: 1px solid #e6e6eb;}
#quicknav a {color:#909090;}
#quicknav ul {width:100%;max-width:1200px;margin:0 auto;}
#quicknav li {display:inline-block;padding:0.2rem 0.4rem 0.2rem 0;}
#quicknav li:first-child::before{content: "\f015";font-family:fontawesome; font-size: 1.5rem; color:#eb5c14 ;}
#quicknav li:first-child a{padding-left: .5rem;}
#quicknav li + li::before {padding:0 5px;color:#909090;content:"/\00a0";}
#quicknav a:hover {color:#224565;}
#quicknav li:last-child{color:#eb5c14;font-family:"Arialbd";}

/* etw_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;position:relative;}
.etw_gallery ul li{margin:0 2% 2rem 0;position:relative; }
.etw_gallery ul li img{mix-blend-mode: multiply; transition: all .5s; transform: scale(1);}
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:49%;}
.etw_gallery3 ul li{width:32%;}
.etw_gallery4 ul li{width:23.5%;}
.etw_gallery5 ul li{width:18%;}
.etw_gallery2 ul li:nth-child(2n),.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(4n){margin-right: 0;}
.etw_gallery ul li figure{width:100%;display:block;overflow:hidden;position:relative;box-shadow: rgba(0,0,0,.3) 0 0 5px;  }
.etw_gallery ul li figure:before{position:absolute;content:'';background:rgba(0,0,0,.35);left:0;right:0;margin:0 auto;width:0;height:0;transition:.3s all ease-in-out;}
.etw_gallery ul li figure:after{position:absolute;content:"\f00e";color:#fff;font-size:2rem;line-height:3rem;font-family:FontAwesome;opacity:0;transition:.6s all ease-in-out; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.etw_gallery ul li:hover figure:before{width:100%;height:100%;}
.etw_gallery ul li:hover figure:after{opacity: .6}
.etw_gallery ul li a .inquiry{display: block; text-decoration: none !important; color: #65ac8d; position: relative; padding-left: 1.5rem;font-size:1.1rem;line-height:1.35;}
.etw_gallery ul li::before{position: absolute; content: ""; left: 0; right: 0; margin: 0 auto;  bottom:-.8rem; background-color: #eee; width: 100%; height: 1px; text-align: center; transition: all .6s;}
.etw_gallery ul li a .inquiry::after{position: absolute; content: "\f0e0";font-family:fontawesome; left: 0; top: .2rem; font-size: .95rem;}
.etw_gallery ul li p{margin-top: .5rem; font-size: 1rem; color: #666; margin-bottom: 0;}

.etw_gallery ul li span{display:block;padding:0 1rem;text-align:center;font-size:1rem;line-height:1.25;color: #333; width: 100%;}
.etw_gallery ul li a:hover img{transform: scale(1.02);}
.etw_gallery ul li:hover::before{width: 60%; background-color: #eb5c14;}

/* .left_pics */.left_pro_img,.pro_img {position:relative;}
.left_pro_img a {position:relative;display:block;}
.left_pics {width:98%;height:auto;margin:0 auto;text-align:center;position:relative;}
.sample_img {position:absolute;right:.5rem;bottom:1rem;z-index:1;}
.left_pics img {text-align:center; mix-blend-mode: multiply;}
.left_pics a {display:block;overflow:hidden}
.related_pic {width:100%;display:flex;flex-flow:wrap; position: relative;}
.pro_video_play{position: absolute; left: 4%; top: 28%; z-index: 1; cursor: pointer;}
.p_top{top: 24%;}
.pro_video_play i{font-size: 2.63rem; color:#eb5c14;  text-shadow: 1px 2px 3px #000; transition: all .5s;}
.pro_video_play i:hover{color: #000;}
.related_pic a {width:15%;margin-right:2%;}
.related_pic a:nth-child(6n) {margin-right:0;}
.related_pic a:nth-child(6n + 1) {clear:both;}
.related_pic img {width:100%;height:auto;float:left;border:1px #eee solid;margin:10px 0 10px 0;}
.related_pic img:hover,.related_pic a.imgdq img {border:1px #eb5c14 solid;}
.related_pic span {font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
/* video_show */
.video_show{width: 100%; text-align: center; margin: 1.5rem auto;}
.video_show a{color: #000;font-family:"Poppins-Bold"; font-size: 1.5rem; position: relative; display: inline-block; padding-left: 4rem; transition: all .5s; }
.video_show a::before{position: absolute;content: "\f01d";font-family:fontawesome; left: 0; top:-1.5rem; color: #eb5c14; font-size: 3.5rem;}
.video_show a:hover{color: #eb5c14;}
/* footer */
#footer {width:100%;text-align:center;margin:0 auto;overflow:hidden; font-size: .95rem; background: url(../images/bottom.jpg) no-repeat top #414046;}
.f_logo p{font-size: .9rem; margin-top: 1rem;}
.f_logo img{width: 150px;}

.etw_bottom {max-width:1200px;padding:2rem 0; padding-bottom: 0; width:100%;margin:0 auto;position:relative;text-align:left;  margin-bottom: 2rem; color:rgba(255, 255, 255, .7); }
.home_link {width:100%;overflow:hidden;background:#eb5c14;margin:0 auto;padding:.5rem 0; }
#footer a:hover {opacity: 0.8;}
#footer .left_share a i {color:#fff !important;font-size:1rem;padding:0 0.5rem;}
.etw_bottom .etw_foot_title {position:relative;font-size:1.6rem;line-height:1.35;position:relative;border-radius:5px;margin-bottom:.8rem;font-family:"Arialbd"; color: #fff;}
.etw_bottom .etw_foot_title {position:relative;}
.etw_bottom .etw_foot_title a:hover {color:#eb5c14!important;text-decoration:none;}
.pblist {overflow:hidden;margin:0.5rem auto;}
.pblist_box {width:100%;}
.etw_bottom a {color:#fff;}
.etw_bottom a:hover {color:#eb5c14;}
.etw_bottom ul {width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap;}
.etw_bottom ul li {width:100%;float:left;position:relative;}
.etw_bottom ul > li > a {display:block;line-height:1.25rem;color:rgba(255, 255, 255, .7);position:relative;font-weight:400;position:relative;padding:.3rem 0; font-size: .95rem; padding-left: .8rem;}
.etw_bottom ul > li > a::before{position: absolute;content: "\f105";left: 0; top:.3rem;font-family:fontawesome;}
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp {position:relative;padding-left:25px;display:block;margin-bottom:0.5rem;padding-top:0.2rem;}
.cot_add:before {content:"\f041";position:absolute;left:0px;top:4px;color:#b1b1bd;font-family:fontawesome;font-size:20px;}
.cot_tel:before {content:"\f095";position:absolute;left:0px;top:5px;color:#b1b1bd;font-family:fontawesome;font-size:18px;}
.cot_email:before {content:"\f0e0";position:absolute;left:0px;top:4px;color:#b1b1bd;font-family:fontawesome;font-size:16px;}
.cot_people:before {content:"\f2be";position:absolute;left:0px;top:2px;color:#b1b1bd;font-family:fontawesome;font-size:16px;}
.cot_mobile:before {content:"\f10b";position:absolute;left:4px;top:0px;color:#b1b1bd;font-family:fontawesome;font-size:22px;}
.cot_fax:before {content:"\f1ac";position:absolute;left:0px;top:0px;color:#b1b1bd;font-family:fontawesome;font-size:16px;}
.cot_whatsapp:before {content:"\f232";position:absolute;left:0px;top:0px;color:#b1b1bd;font-family:fontawesome;font-size:18px;}
#etw_coper {margin-top:2px;width:100%;line-height:22px;}
#etw_coper a {display:block;color:#fff;font-size:12px;}
#otherlink {clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem;}
#otherlink a {color:#fff;display:inline-block;padding:0 4px;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #fff;font-size:12px;}
#otherlink a span {opacity:0.5;position:relative;top:0;}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover {color:#b00811;}
#otherlink a:hover span {opacity:1;top:-2px;transition:all 0.3s ease-in-out;}
/* tags_box */.tags_box {width:100%;max-width:1200px;margin:1rem auto;margin-top:0;color:#fff;}
.tags_box ul {display:flex;flex-wrap:wrap;justify-content:center;}
.tags_box ul li {padding:0.5rem 0.5rem;font-size:12px;}
.tags_title {padding:0.1rem 0.5rem;}

/* .news */
#app_class_menu,#app_new_pro{ display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width: 100%; margin-bottom: 30px; padding: 15px; background: #f5f5f5;box-shadow: rgba(0,0,0,.2) 0 0 10px;overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:1.2rem;line-height:20px;color:#111;border-bottom:1px solid #ccc;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:13px;line-height:20px;margin:0 0 5px; padding-bottom:8px;}
.newstime{ color: #333; padding:0 5px;  margin-bottom: 10px; display: inline-block; font-size: .9rem;}
.news_list ul>li>ol>li.product_con a:hover{color:#ff6e00}
.etw_page{margin:0 auto;width:100%;overflow:hidden; }
.etw_page ul{ float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}

.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin:40px 0}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:45%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:12px;line-height:16px;display:block; position:relative; background:#f1f1f1;padding:5px 20px;}
.new_next a:before{content:"\f105"; font-family:fontawesome; font-size:20px; position:absolute; left:5px; top:20%; color:#ff6e00;}
.new_prev a{ padding-left:20px;}
.new_prev a:before{content:"\f104"; font-family:fontawesome; font-size:20px; position:absolute; left:8px; top:20%; color:#ff6e00;}
.new_next a:hover,.new_prev a:hover{color:#ff6e00}
.news_related_li{width:24%;padding-right:1%;float:left}


/*sitemap*/#sitemap {width:100%;margin:20px auto;font-size:13px;}
#sitemap .name {width:100%;font-size:15px;margin:10px 0;clear:both;}
#sitemap a {color:#0f599b;width:100%;display:block;background:#eee;font-weight:600;line-height:24px;}
#sitemap a.sname {margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline !important;background:0 0;font-size:14px;}
#sitemap a:hover {text-decoration:underline !important;}
#sitemap a.sname:hover {color:#0f599b;text-decoration:none !important;}
#sitemap p {margin:0 0 10px;line-height:22px;}
#sitemap .list_m {width:100%;height:auto;margin:10px 0;overflow:hidden;}
#sitemap .list_m a {width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px;}
#sitemap .list_m a:nth-child(2n + 1) {clear:both;}
#sitemap .list_m a:hover {color:#0f599b;}


.owl-carousel1{position: relative;}
.owl-carousel1 .owl-nav{display: none;}
.owl-carousel1.owl-theme .owl-dots{position: absolute;left: 0;bottom: 0;right: 0;}

/*float pop  */
.ETWfloatbox_list{background-color:rgba(255, 111, 0, 0.8) !important;}
#ETWfloatbox>ul>li>a:hover{color:#000!important;}
#ETWfloatbox>ul>li>a>.boxtext{ background-color:rgb(255, 111, 0) !important; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
#ETWfloatbox>ul>li>a>.boximg{ transform:translateY(-40%); -webkit-transform:translateY(-40%); -moz-transform:translateY(-40%); -ms-transform:translateY(-40%); -o-transform:translateY(-40%); }
.qr_wechat{width: 140px;height: 140px;}
.cot_wechat span{margin-right: 8px;}
#ETWfloatbox>ul>li>a:hover{opacity: 1;}
#ETWfloatbox>ul>li>a>.boxtext:hover{opacity: 0.8;}




@media (max-width:1550.98px) {
  .banner_02,.banner_03{top: 10%;}
}
@media (max-width:1400.98px) {
  .etw_products{padding-left:15px;padding-right:15px;}
}
@media (max-width:1300.98px) {
  #etw_content,.header_in,.etw_bottom,.content,.etw_title a, .etw_title span{padding-left:15px;padding-right:15px;}
  
  
}
@media (max-width:1299.98px) {

.top-nav {padding-left:0;}
.bx-controls-direction{display: none;}
.right_box ul li h4{padding:1rem .5rem;}
}
@media (max-width:1199.98px) {
.navbar-expand-lg .navbar-nav .nav-link{padding: .5rem .5rem;font-size: .95rem;}
.mainpro_box ul li h3{font-size: 5rem;}
.hover_content ul li img{max-width: 80px; max-height: 80px;}
.btn_inquiry{font-size: 1rem;}
.etw_product1 ul li ol li.product_con{font-size: 1rem;}
.navbar-nav .dropdown-menu1{min-width:1024px;left:-320px;padding:0.3rem 1.5rem;}
.inquiry_box a{display: block;}
}

@media (max-width:1025.98px){
  .navbar-expand-lg .navbar-nav .nav-link {padding:0.5rem .5rem;font-size:1rem;}
  #etw_logo img{width: 120px;}
  
}
@media (max-width:991.98px) {
  #header {position:inherit;min-height:inherit;display:block;padding-bottom:0;background-color:#000; border-bottom:1px solid #333 ;}
#container,#etw_content,.home_box {margin:0 auto;}
#header::before {height:2px;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,.banner_txt {display:none;}
#etw_sidebar {border:none;}
.top-nav .navbar {float:left;width:100%;}
.nav-item span.pro_icon {display:block;}
.navbar-light .navbar-toggler {color:#fff;font-size:2.5rem;border:none !important;padding:0.5rem 0.75rem;position:relative;z-index:1;}
.top-nav {width:100%;padding-left:0;margin-top:1rem;background-color:#eee;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0.6rem 0.5rem;border-right:none;font-size:1.2rem;border-bottom:1px solid #666;color:#333;text-transform:none;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .show .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before {display:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {font-size:1rem;}
.navbar {padding:0;}
.dropdown-item {white-space:normal;padding-top:0.5rem;font-size:14px;}
.dropdown-toggle::after {display:none;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link {border-radius:0;color:#fff;background-color:#000;}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {border-radius:0;color:#fff;background-color:#000;}
.navbar-nav .dropdown-menu1{min-width: inherit;}
.txt_inner{display: none;}
.etw_language {background:none;width:auto;padding-top:.7rem;}
.etw_language {display:block;float:right;height:auto;}
.etw_language > ul {position:relative;z-index:9;float:right;font-size:1rem;border-radius:8px;}
.etw_language > ul > li > a {display:block;color:#000;padding:0rem 1rem;}
.etw_language ul ul {display:none;position:absolute;top:100%;padding:0;background-color:#ffffff;min-width:100px;}
.etw_language ul ul a {display:block;text-align:left;float:left;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item {color:#333;padding:0.2rem 0 0 1.5rem;}
#etw_language .dropdown-item:hover {color:#8f99a5;}
.etw_language ul li:hover > ul {display:block;}
.etw_language .dropdown-item {min-width:100px;}
.etw_language #etw_language {float:none;margin-top:0;height:auto;}
.etw_language #etw_language a {line-height:1.5rem;width:100%;}
.etw_language #etw_language a:hover {color:#fff !important;}
#etw_language .dropdown-item::before {display:none;}
#etw_language .dropdown-item img {display:none;}
#menu-items {border-radius:0 !important;}
.etw_products ul>li{width: 32%; }
.etw_products ul>li:nth-child(4n){margin-right: 2%;}
.etw_products ul>li:nth-child(3n){margin-right: 0;}
.etw_product1 ul li ol{flex-wrap: wrap;}
.etw_product1 ul li ol li.product_img,.etw_product1 ul li ol li.product_con{width: 100%;}
.etw_product2 ul li ol li.product_con{padding: 0;margin-bottom: 10px;}
.etw_product2 ul li:nth-child(2n) ol li.product_con{order: 0;}
.etw_product1 ul li ol li.product_con{margin-top: 2rem;}
.etw_product1 ul li ol li.product_img p{font-size: 1.2rem;}
.brand_story_info{padding: 1rem;}
.brand_bgimg{padding: 2rem;}
.about_img{display: none;}
.main_spac ul li{width: 32%;}
.main_spac ul li:nth-child(4n){margin-right: 2%;}
.main_spac ul li:nth-child(3n){margin-right: 0;}
.main_spac ul li span{font-size: 1rem;}
.etw_product1 ul li ol li.product_con h3{font-size: 1.4rem;}
.table_bg,.pro_des{padding: 1rem;}
.navbar-nav .dropdown-menu1{min-width: inherit;}
.inquiry_box h4{font-size: 1.6rem;}
.brand_story_box ul li a h3{font-size: 1rem;}
.etw_products2 ul>li>ol{display: block;}
.etw_products2 ul>li>ol>li.product_img{width: 100%;margin-right: 0%;}
}
@media (max-width:768.98px) {

.etw_gallery4 ul li{width: 32%;}
.etw_gallery4 ul li:nth-child(4n){margin-right: 2%;}
.etw_gallery4 ul li:nth-child(3n){margin-right: 0;}
.etw_gallery5 ul li{width: 32%;}
.etw_gallery5 ul li:nth-child(3n){margin-right: 0;}
.img_box h4,.mainpro_box ul li h4.h4_name{font-size: 1.1rem;}
.txt_des{padding: 2rem; padding-left: 3rem;}
.txt_inner{max-width: 550px;}
.txt_inner h3{font-size: 1.6rem;}
#etw_logo img,.f_logo img{width: 80px;}
.main_spac ul li{width: 49%;}
.main_spac ul li:nth-child(3n){margin-right: 2%;}
.main_spac ul li:nth-child(2n){margin-right: 0%;}
.main_spac ul li:nth-child(4n){margin-right: 0%;}

.etw_gallery ul li img{width: 100%;display: block;}
.gallery_box ul li{width: 50%;}
.inquiry_bg .brief{display: none;}

}
@media (max-width:650.98px) {
  html {font-size:14px; }
.etw_gallery3 ul li,.etw_gallery4 ul li{width: 48%;}
.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(3n){margin-right: 2%;}
.etw_gallery3 ul li:nth-child(2n),.etw_gallery4 ul li:nth-child(4n){margin-right: 0;}
.txt_inner h3{font-size: 1.2rem;}
.etw_product4 ul>li{width: 48%;}
.etw_product4 ul>li:nth-child(3n){margin-right: 2%;}
.etw_product4 ul>li:nth-child(2n){margin-right: 0;}
.etw_product4 ul>li .product_img img{width: 100%;display: block;}
.txt_inner p{display: none;}
.txt_des{padding: 1rem 1.2rem;}
.txt_inner h3{margin-bottom: 0; }  
.brand_story_box ul li{width: 48%; margin-bottom: 1rem;}
.brand_story_box ul li:nth-child(2n){margin-right: 0;}
.webtitle{font-size: 1.6rem;}
.page_title{font-size: 1.2rem; line-height: 1.35;}
.brand_box{flex-wrap: wrap;}
.brand_box .brand_story_logo,.brand_box .brandstoryinfo{width: 100%; margin-bottom: 1rem;}
.etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li{width: 100%; margin-right: 0;}
.etw_products ul>li,.etw_product4 ul>li{width: 100%;  margin-right: 0;}
.etw_products ul>li:nth-child(4n){margin-right: 0%;}
}
@media (max-width:575.98px) {
  h2,.etw_hometitle {font-size:1.3rem;}
.etw_products2 ul > li > ol{flex-wrap: wrap;}
.etw_products2 ul > li > ol > li.product_img{width: 100%; margin: 0; margin-bottom: 1rem;}
.history_date-list{padding-left: 100px;}
.history_date-list li span{font-size: 1.1rem;width: 100px;left: -120px;}
.history_date-list li p{padding: .8rem; font-size: 1rem;}
.swiper-button-next,.swiper-button-prev{display: none;}
}
@media (max-width:480.98px) {
  .news_list ul > li > ol > li.product_img,.news_list ul > li > ol > li.product_con{width: 100%;}
}

@media (max-width:320.98px) {
  .navbar-light .navbar-toggler,.iconfont {font-size:1.55rem;}
}
