@charset "utf-8";
/* CSS Document */
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: local('Oswald Medium'), local('Oswald-Medium'), url(../font/oswald-500.woff2) format('woff2');
  font-display: swap;
  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: 'Opensans';
  font-style: normal;
  font-weight: 300;
  src: local('Opensans'), local('Opensans-Regular'), url(../font/opensans-regular.woff2) format('woff2');
  font-display: swap;
  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: 'Opensans';
  font-style: normal;
  font-weight: 500;
  src: local('Opensans Semibold'), local('Opensans-Semibold'), url(../font/opensans-semibold.woff2) format('woff2');
  font-display: swap;
  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: 'Opensans';
  font-style: normal;
  font-weight: 700;
  src: local('Opensans Bold'), local('Opensans-Bold'), url(../font/opensans-bold.woff2) format('woff2');
  font-display: swap;
  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: 'Ubuntu';
  font-style: normal;
  font-weight: 200;
  src: local('Ubuntu Light'), local('Ubuntu-Light'), url(../font/Ubuntu-200.woff2) format('woff2');
  font-display: swap;
  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: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: local('Opensans Regular'), local('Ubuntu-Regular'), url(../font/Ubuntu-300.woff2) format('woff2');
  font-display: swap;
  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: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(../font/Ubuntu-500.woff2) format('woff2');
  font-display: swap;
  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*/
body{font-family: Opensans;color:#495057; font-weight: 300; font-size:0.875rem;  line-height:1.5rem}
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{font-weight:700;color: #333;}
p{margin:0 0 1rem;} 
a{color: #333; transition:.3s all ease-in-out;blr:expression(this.onFocus=this.blur())}
a:hover{color: #0323b2;}
.etw-shield-box-class{ max-width:380px;}
hr{ border-top:1px #ddd dashed; margin:1rem 0}
table{margin:5px 0 0;width:100%;}
.table-responsive{margin-bottom:1rem;} 
.table>tbody>tr{background-color:#fff}
.table>tbody>tr:nth-of-type(odd){background-color:#fff}
.table-hover>tbody>tr:hover,.table>tbody>tr:nth-of-type(odd):hover{background-color:#fff}  
.table .top{background:#fdf4dd!important;font-weight: 500;}   
.table>tbody>tr>td{vertical-align:middle;padding:8px;font-size:14px;line-height:18px;border: 1px solid #ccc;}    
.etw_hometitle,h2{    padding: 0.5rem 0 1rem;
    font-size: 1.6rem;
    color: #202020;
    font-weight: 300;
    margin: 0;}
.etw_hometitle{font-size:1.35rem; padding-bottom:1.125rem; color:#202020; margin-bottom:1rem}  
.clearfix{clear: both;}
a.link{font-style: italic;color: #d73530;text-decoration: underline;}
a.link:hover{color: #e60013;text-decoration: none;}
h3{text-align: left;color: #e60013;font-size: 1.125rem;padding-bottom: 0.5rem;position: relative;line-height: 1.375rem;font-style: italic;} 
p.first-info{font-size: 1rem;
line-height: 1.8rem;
font-family: Ubuntu;
color: #222;
font-weight: 200;}

@media (max-width: 767.98px) { 

  .etw_hometitle, h2{font-size: 1.4rem;
clear: both;} 
  .pr-5{padding-right: 0!important}
}
@media (max-width: 575.98px) {   .row{margin-right: 0!important;margin-left: 0!important;}
}
/*å¤´éƒ¨*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:999; background: #fff; margin:0 auto;border-top: 2px solid #ccc;}   
#headerin{width:96%; margin:0px auto; max-width:1200px;position: relative;} 
#etw_logo{ width:100%;float:left;margin-top: 0.5rem;margin-bottom: 0.5rem;text-align: center;}
#etw_logo img{max-width: 150px;}
.navbtn{ margin-top:1rem;}   
#etw_language{float:right;text-align: right;height: 35px;position: absolute;width: auto;right: 0;top: 0.5rem;} 
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.875rem; padding:0.4rem 0.7rem 0.4rem;color:#333; font-weight:300;background: none;}
#etw_language .dropdown-item:hover,.etw_contact a:hover,.etw_contact ul li a:hover{ color:#0323b2; text-decoration:underline; background:none} 

.top-nav{ width:auto; float:right;margin-top: 0.25rem;width: 100%;text-align: center;background: #0323b2;}
.navbar{ padding:0;width: 96%;max-width: 1200px;margin: 0 auto;}
.navbar-collapse{justify-content:center;} 
.navbar-light .navbar-nav .nav-link{color:#fff; font-size:1rem; padding:0.4rem 0.5rem; line-height:2rem; font-weight:200;border-left: 1px solid #3252e0;font-family: Ubuntu;}
.navbar-light .navbar-nav .show>.nav-link{color: #fff;}
.navbar-light .navbar-nav .nav-link1{border-right: 1px solid #3252e0;}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#e6615e;}
.navbar-light .navbar-nav .dropdown-menu a:hover{color:#cd201a;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.9rem; line-height:1.3rem;position: relative;font-family: Ubuntu;}  
ul.dropdown-menu1 .dropdown-item:after{position: absolute;content: "";width: 100px;height: 1px;background: #cd201a;left: 1.5rem;bottom: 0;}
.dropdown-item.active, .dropdown-item:active{background: #fff;color: #cd201a} 
ul.dropdown-menu1 .dropdown-item{margin-bottom: 0.4rem;font-size: 1rem;}
ul.dropdown-menu1{min-width: 980px!important;background: #fff;left: -260px;padding: 1rem 1rem 1rem 0;}
ul.dropdown-menu1 li>ol{width: 100%;padding-left: 1.5rem;}
ul.dropdown-menu1 li>ol>li{width: 100%;float: left;margin-bottom: 0.25rem;}
ul.dropdown-menu1 li>ol.thisitem>li{width: 49%;margin-right: 2%;float: left;}
ul.dropdown-menu1 li>ol.thisitem>li:nth-child(2n){margin-right: 0;}
ul.dropdown-menu1 li>ol>li>a{display: block;
font-size: 0.8rem;
padding: 0 0 0.3rem 1.25rem;
position: relative;
color: #444;
line-height: 1rem;
font-family: Ubuntu;}
ul.dropdown-menu1 li>ol>li>a:before{position: absolute;content: "";width: 4px;height: 4px;background: #666;border-radius: 50%;left: 0.5rem;top:0.38rem;}
ul.dropdown-menu1 li>ol>li>a:hover,ul.dropdown-menu1 li>ol>li>a.dq{color: #cd201a;}

@media (max-width: 1200px) { 
  #header{background: #fff;} 
  .navbar-light .navbar-nav .nav-link{padding: 0.36rem 1rem; font-size:0.875rem}    
}

@media (max-width: 991.98px) { 
 #header{position: relative;}
  #etw_logo{width: 150px;}
  #etw_language{display: none;}  
	 .top-nav{width:100%; padding-top:0;margin-top: 0;}
  .navbar{padding:0.05rem 0rem 0;}
  .navbtn{ margin:0.8rem 0 0 0}
	.navbar-light .navbar-toggler{border-color:#0323b2;}
	.navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	.navbar-light .navbar-nav .dropdown-item{white-space: normal;}
 
  .navbar-light .navbar-nav .nav-link{text-align: left;border-left: none;border-bottom: 1px solid #3f5eda;}
  .navbar-light .navbar-nav .nav-link1{border-right: none;}
   ul.dropdown-menu1{min-width: 100%!important;left: 0!important;}
}






/*banneræ ·å¼*/
#etw_banner{width:100%; height:auto; position:relative; margin:0 auto;} 
.banner_txt{position: absolute;left:6%;top: 8%;max-width: 1200px;width: 100%;}   
.bannerinfo{width: 50%;float:left; position:relative;padding: 0.5rem;text-align: left;padding-left: 2%;} 
.bannerinfo0{top: 28%;}
.banner_txt h1{font-size:2rem; color:#0323b2;line-height:2.4rem;text-transform: uppercase; font-weight: bold;display: block;position: relative;padding-bottom: 0.8rem;;font-family: Oswald;}
.banner_txt h1:before{position: absolute;content: "";width: 5px;height: 5px;background: #0323b2;border-radius: 50%;left: 0;bottom:-2px;}
.banner_txt h1:after{position: absolute;content: "";width: 200px;height: 1px;background: #000;left: 5px;bottom: 0;}

.banner_txt span{    display: flex;
    font-size: 1rem;
    margin-top: 0.8rem;
    font-weight: 300;
    line-height: 1.5rem;
    color: #000;
    font-family: Ubuntu;}
.txt1{top: 10%;}


.txt2{text-align: center;
left: 0;
right: 0;top: 15%;
margin: 0 auto;}
.txt2 .bannerinfo{float: none; text-align: center;margin: 5rem auto 0 auto;width: 75%;padding: 0.5rem;}
.txt2 span{color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 1.8rem;
line-height: 2.2rem;
font-weight: 500;}
.mobile_info{display: none;}
@media (max-width: 1200px) {
.bannerinfo{background: rgba(208,225,241,.6);width: 60%;} 
	
	 .banner_txt h1{font-size:1.6rem;line-height: 2rem;padding-bottom: 0.5rem;}
	.banner_txt{top: 5%;}
	.txt1 span{font-size:0.9rem;line-height: 1.2rem;}
	.txt2 span{font-size: 1.4rem;
line-height: 1.8rem;}
	.txt2 .bannerinfo{margin: 2rem auto 0 auto;}
}

@media (max-width: 991.98px) { #etw_banner{background: url("../images/banner1.jpg") no-repeat center;background-size: cover;min-height: 260px;} 
	.mobile_info{display: block; text-align: center;padding-top: 5rem;}
	.mobile_info h1{font-size:1.8rem; line-height:2.4rem;color:#333;font-weight: bold;font-family: Oswald;background: rgba(255,255,255,0.6);
padding: 1rem 0;}
}
@media (max-width: 575.98px) { 
}

/*é¦–é¡µé™„åŠ æ ·å¼*/
.etw_related{width: 100%;float: left;margin: 0 auto;margin-top: 2rem;}
.etw_related .etw_hometitle{width: 100%;text-align: center;color: #333;position: relative;padding-bottom: 0.75rem;margin-bottom: 2rem;font-size: 1.75rem;line-height: 2.25rem;font-family: Oswald;}
.etw_related .etw_hometitle:after{position: absolute;content: "";width: 180px;height: 2px;background: #0323b2;left: 0;right: 0;margin: 0 auto;bottom: 0;}
#myTabs{width: 100%;float: left;margin: 0 auto;display: flex;flex-wrap: wrap;border-bottom: none!important;}
#myTabs li{width: 31%;margin-right: 3.5%;float: left;margin-bottom: 1rem;}
#myTabs li:nth-child(3n){margin-right: 0;}
#myTabs li:nth-child(4){margin-left: 17%;}
#myTabs li a{display: block;text-align: center;color: #333;font-size: 1rem;background: #eee;padding: 0.75rem;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom: 2px solid #121c46;font-family: Ubuntu;box-shadow: 2px 3px 8px #ccc;} 
#myTabs li a.active,#myTabs li a:hover{background: #3f5eda;color: #fff;box-shadow:2px 3px 8px #666;;}
.etw_mainproducts{ width:100%;float: left;background: #eee;padding: 2rem 0 1rem 0;}   
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap;margin-bottom: 0;border-radius: 5px;}
.etw_mainproducts ul li.item{float: left;background: #fff;margin-bottom: 1rem;position: relative;padding-bottom: 3rem;text-align: center;min-height: 344px;}  
.etw_mainproducts1 ul>li{width: 33.33%!important}
.etw_mainproducts ul li.item:nth-child(4n){margin-right: 0;}  
.etw_mainproducts1 ul>li:nth-child(2n){border-right: 1px solid #dfdfdf!important;}
.etw_mainproducts ul li.item>ol,.etw_mainproducts>ul>li>ol>li{ width:100%;} 
.etw_mainproducts ul li.item>ol>li.product_img{position: relative;margin: 0 auto;text-align: center;transition: .3s;background: #fff;} 
.etw_mainproducts ul li.item>ol>li.product_img:hover{opacity: .7;}
.etw_mainproducts ul li.item>ol>li.product_con{color: #555;width: 100%;padding: 1rem 0.5rem;} 
.etw_mainproducts ul li.item>ol>li.product_con>a{display:block; text-align:center; font-size:0.95rem; line-height: 1.25rem; color:#333; position: relative;padding-bottom: 0.5rem;font-family: Ubuntu;}  
.etw_mainproducts ul li.item>ol>li.product_con>a:hover{color: #e60013;} 
.pro_more{position: absolute;left: 0;right: 0;text-align: center;margin: 0 auto;bottom: 1rem;}
.pro_more a{display: inline-block;background: #3f5eda;padding: 0.2rem 1.25rem;font-size: 0.8rem; color: #fff;text-align: center;text-transform: uppercase;border-radius: 15px;}
.pro_more a:hover{background: #0323b2;}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;clear:both}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.grabbing{cursor:url(../images/grabbing.png) 8 8,move} 
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-one{float:none;margin:0 auto;width:100%;position:relative;display: flex;flex-wrap: wrap;}
.owl-theme .owl-controls{width:100%;text-align:center}
.owl-theme .owl-controls .owl-buttons{display:block;width:100%;height:100%}
.owl-theme .owl-controls .owl-buttons div{position:absolute;display:inline-block;display:block;width:45px;height:45px;color:#fff;font-size:0;zoom:1;top:33%; filter:Alpha(Opacity=50);}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-8px;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:before{position: absolute;content: "";width: 30px;height: 30px;background: url(../images/prev.png) no-repeat;left: 0;top: 10%}
.owl-theme .owl-controls .owl-buttons div.owl-next{right:-8px;}
.owl-theme .owl-controls .owl-buttons div.owl-next:before{position: absolute;content: "";width: 30px;height: 30px;background: url(../images/next.png) no-repeat;right: 0;top: 10%}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none;opacity:.6;filter:Alpha(Opacity=100)}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;margin:5px 7px;width:12px;height:12px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;opacity:.5;filter:Alpha(Opacity=50)}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1;filter:Alpha(Opacity=100)}
.owl-theme .owl-controls .owl-page span.owl-numbers{padding:2px 10px;width:auto;height:auto;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:#FFF;font-size:12px}
.owl-item.loading{min-height:150px;}
.owl-pagination{display:none}
.owl-one .item{width:100%;margin:3px auto 3px;float:none;max-width: 94%;background: #fff;}  
.owl-one .item .buttons a{padding:0}
.action{position:relative;overflow:hidden;height:auto;width:100%}
.owl-one .item img:hover{opacity: .7}
.block-slider img{width: auto!important;}


.etw_mainbody{width:100%;margin: 0 auto;margin-top: 3em;} 
.main_bg{background-image: url(../images/line_bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding: 3rem 0;}
.etw_mainbody .etw_hometitle{text-align: center;
font-size: 1.75rem;
margin: 0;
position: relative;
line-height: 2.25rem;
width: 100%;
font-family: Oswald;
padding: 0;}   
.etw_mainbody .etw_hometitle a{color: #fff;position: relative;}
.etw_mainbody .etw_hometitle a:before{position: absolute;content: '';width: 180px;height: 2px;background: #fff;left: 0;right: 0; margin: 0 auto;bottom: -12px;}
.etw_mainbody .etw_hometitle a:hover{color: #999;}
.etw_mainbody ul{width: 100%;
display: flex;
flex-wrap: wrap;
margin: 2rem 0;}  
.etw_mainbody ul>li{width: 31.66%;
margin-right: 2.5%;
float: left;
margin-bottom: 2rem;
position: relative;
box-shadow: 0 5px 15px 0 rgba(0,0,0,.3);}
.etw_mainbody ul>li:nth-child(3n){margin-right: 0;}

.etw_mainbody ul>li>ol,.etw_mainbody ul>li>ol>li{width: 100%;position: relative;}
.etw_mainbody ul>li>a{width: 100%;display: block;position: relative;overflow: hidden;}




.etw_mainbody ul li ol li.product_con{width: 100%;
text-align: left;
padding: 1.5rem;
position: absolute;
left: 0;
bottom: 0;color: #111;
background-color: hsla(45,15%,95%,.85);
font-family: Ubuntu;
font-size: 1.1rem;transition: .5s all ease-in-out;}
.etw_mainbody ul li ol li.product_info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(63,94,218,.8); transform: translateX(-100%);transition: .5s all ease-in-out;font-family: Ubuntu;}
.etw_mainbody ul li ol li.product_info span{font-size: 0.95rem;
padding: 2rem 1rem 1rem 1rem;width: 100%;display: block;color: #fff;position: relative;}
.etw_mainbody ul li ol li.product_info span:before{position: absolute;content: '';background:#cd201a ;width: 100px;height: 3px;left: 1.5rem;
bottom: 6px;}
.etw_mainbody ul li ol li.product_info p{padding: 0.5rem 1rem;
color: #fff;
font-size: 0.8rem;}
.etw_mainbody ul>li>a:hover{color: #333;}
.etw_mainbody ul>li>a:hover ol li.product_info{transform: translateX(0);}
.etw_mainbody ul>li>a:hover ol li.product_con{transform: translateX(100%);}
.etw_about{width: 100%;float: left;margin: 0 auto;padding-bottom: 2rem;}


.etw_about .etw_hometitle{width: 100%;
text-align: left;
color: #333;
position: relative;
padding: 0;
font-size: 1.6rem;
line-height: 2.25rem;
font-family: Oswald;
font-weight: 300;}
.etw_about .etw_hometitle:before,.etw_about .etw_hometitle:after{position: absolute;content: "";width: 80px;height: 3px;background: #cd201a;left: 0;bottom: -5px;}
.etw_about .etw_hometitle:after{width: 55px;background: #0323b2;}
.etw_about .etw_hometitle a:hover{color: #999;}
.etw_about .content{background: #efefef;overflow: hidden;}
.company_right{width:50%;float: right;}
.company_right img{width: 100%;}
.company_left{width: 50%;float: left;padding:1rem 2rem;}

.company_left p{font-size: 0.85rem;
line-height: 1.4rem;font-family: Ubuntu;margin-bottom: 0.8rem;}

.company_left a.more{font-family: Ubuntu;
border: 1px solid #333;
padding: 0.2rem 0.8rem;}
.company_left a.more:hover{background: #0323b2;color: #fff;border-color:#0323b2; }
.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_tel,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:3px;padding-top:.2rem}
.cot_add:before{content:'\f041';position:absolute;left:0;top:4px;color:#333;font-family:fontawesome;font-size:18px}
.cot_tel:before{content:"\f095";position:absolute;left:0;top:0;color:#333;font-family:fontawesome;font-size:18px}
.cot_email:before{content:"\f0e0";position:absolute;left:0;top:4px;color:#333;font-family:fontawesome;font-size:14px}
.cot_people:before{content:"\f2be";position:absolute;left:0;top:1px;color:#333;font-family:fontawesome;font-size:16px}
.cot_mobile:before{content:"\f10b";position:absolute;left:3px;top:4px;color:#333;font-family:fontawesome;font-size:22px}
.cot_fax:before{content:"\f1ac";position:absolute;left:0;top:2px;color:#333;font-family:fontawesome;font-size:16px}
.cot_whatsapp:before{content:"\f232";position:absolute;left:0;top:0;color:#333;font-family:fontawesome;font-size:18px}

#etw_bottom{ width:100%;margin:0 auto;padding-bottom: 0.5rem;float: left;background: #197ac7;padding-top: 2rem;}  
.etw_bottom1{margin-top: 2rem!important;} 
#etw_bottom ul{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 0;}
#etw_bottom ul>li{width: 100%;float: left;margin-right: 2%;margin-bottom: 1rem;color: #fff;} 
#etw_bottom ul>li>a{display: block;
font-size: 1rem;
text-align: left;
color: #fff;
padding-bottom: 0.5rem;
line-height: 1.4rem;
font-family: Oswald;}    
#etw_bottom ul>li .etw_hometitle{display: block;font-size: 1rem;font-weight: 500;text-align: center;text-transform: uppercase;color: #fff;padding-bottom: 0;}     
#etw_bottom ul>li ol,#etw_bottom ul>li ol>li{width: 100%;color: #fff;} 
#etw_bottom ul>li ol>li{margin-bottom: 0.25rem;color: #d7d7d7}  
#etw_bottom ul>li>ol>li>a{color: #fff;display: block;
position: relative;
padding: 0 0 0.5rem 0.75rem;
font-size: 0.8rem;
line-height: 1rem;font-family: Ubuntu;
font-weight: 200;}  
#etw_bottom ul>li ol>li>a:before{position: absolute;content: "\f105";font-family: fontawesome;left: 0;top: 0;}    
#etw_bottom ul>li a:hover{color: #8e9fea!important;background: none;}

@media (max-width: 1200px) { 
.etw_mainbody ul>li{ width:48.5%; margin-right:3%;}
.etw_mainbody ul>li:nth-child(3n){margin-right: 3%;}
.etw_mainbody ul>li:nth-child(2n){ margin-right:0}  

}
@media (max-width: 991.98px) { 

.etw_company{margin-top: 1.5rem;}
.company_right,.company_left{width: 100%;}
	.company_left{padding: 1rem;}
}


@media (max-width: 767.98px) { .etw_mainbody .etw_hometitle,.etw_related .etw_hometitle{font-size: 1.4rem;}
.main_bg{padding: 2rem 0;}
.etw_mainproducts ul li.item{min-height: 320px;}
#myTabs li{ width:49%; margin-right:2%;}
#myTabs li:nth-child(3n){margin-right: 2%;}
#myTabs li:nth-child(2n){ margin-right:0}   
#myTabs li:nth-child(4){margin-left: 0;}

	.etw_mainbody ul li ol li.product_info p{display: none;}
	
	.etw_bottom1 {margin-top: 1rem !important;}
}
@media (max-width: 575.98px) {
.etw_related{margin-top: 1rem;}
  .more{margin-bottom: 1rem;}	
	.etw_mainbody ul>li{width: 100%;margin-right: 0;}	
	.etw_mainbody ul>li:nth-child(3n){margin-right: 0;}
  .etw_mainbody ul{padding: 1rem 1rem 0;}

.etw_mainbody ul li ol li.product_info p{display: block;}
	  .etw_about{padding: 2rem 1rem 0;}

.etw_mainproducts ul>li.item,#etw_bottom ul>li,.company_right,.company_left,#myTabs li,.etw_about ul>li{width:100%!important;margin-right:0!important;margin-left: 0!important;} 	
	.company_left ol > li{width: 100%;margin-right: 0;}
}

/*container*/
#container{margin-top:116px;}  
.content{ width:92%;  max-width:1200px; margin:0 auto;} 
#etw_right{ width:74%; float:right;} 
#etw_sidebar{ width:23%; float:left; margin-top:0.5rem} 
#etw_sidebar .etw_hometitle{line-height: 1.25rem;
font-size: 1rem;
color: #fff;
display: block;
position: relative;
margin-bottom: 0;
background: #444;
border-top: 3px solid #e60819;
padding: .5rem 1rem;
font-family: Oswald;}    
#etw_productlist{width:100%;overflow:hidden;} 
#etw_productlist ul{border: 1px solid #ddd;
overflow: hidden;border-top: none;}
#etw_productlist ul,#etw_productlist ul li{display:block;width:100%}
#etw_productlist ul>li{
overflow: hidden;
width: 100%;
display: block;}  
#etw_productlist ul>li>a{display: block;
font-size: 0.9rem;
line-height: 1rem;
color: #333;
position: relative;
padding: .8rem 1rem;
font-family: Ubuntu;
border-top: 1px solid #eee;
background: #f8f8f8;}

#etw_productlist ul>li a.dq,#etw_productlist ul>li a:hover{color:#cd201a;}
#etw_productlist ul>li>ol{width: 100%;float: left;padding: 0.5rem 0;}
#etw_productlist ul>li>ol>li{width: 100%;}
#etw_productlist ul>li>ol>li>a{display: block;
color: #555;
text-align: left;
font-size: 0.8rem;
line-height: 1rem;
position: relative;
padding: 0.4rem 0.5rem 0.4rem 1.7rem;}
#etw_productlist ul>li>ol>li>a:before{position: absolute;
content: "";
width: 4px;
height: 4px;
background: #cd201a;
left: 17px;
top: 13px;
border-radius: 50%;} 
#etw_productlist ul>li>ol>li>a.dq,#etw_productlist ul>li>ol>li>a:hover,#etw_productlist ul>li>ol>li>ol>li>a.dq,#etw_productlist ul>li>ol>li>ol>li>a:hover{color:#e60819} 


@media (max-width: 991.98px) { 
  #container{margin-top:0;}   
#etw_sidebar{display: none;}  
#etw_right{width:100%; padding-left:0}  
}
 
/*å¿«é€Ÿå¯¼èˆª*/
#etw_producttitle{margin:0 auto; height:auto; color:#111; overflow:hidden; padding:0; font-size:0.8rem; width:100%; float:left;}
#etw_producttitle ul{margin-bottom: 0.75rem}
#etw_producttitle a{ color:#777; padding-right:0.2rem; }
#etw_producttitle li{display:inline-block}
#etw_producttitle ol{ margin-bottom:0}
#etw_producttitle li+li::before{padding:0 1rem 0 0.75rem;color:#333;content:"\f105"; font-size:0.875rem; font-family:fontawesome}
#etw_producttitle a:hover{color:#0323b2; text-decoration:underline;} 


/*hubæ ·å¼*/
.etw_products{width:100%; height:auto; float:left;margin-top: 1.5rem;} 
.etw_products ul{width:100%; display:flex; flex-flow: wrap;margin-bottom: 0;}
.etw_products ul>li{ width: 31%;
float: left;
margin-right: 3.5%;
position: relative;
margin-bottom: 2rem;
box-shadow: 1px 3px 10px #ccc;background: #f8f8f8;}  
.etw_products ul>li:nth-child(3n){margin-right: 0;}
.etw_products ul>li>ol,.etw_products ul>li>ol>li{ width:100%;position: relative;text-align: center;}
.etw_products ul>li>ol>li.product_img{width: 100%;}  
.etw_products ul>li>ol>li.product_img img{width: 100%;transition: .3s all ease-in-out;}
.etw_products ul>li>ol>li.product_img img:hover{opacity: .7;} 
.etw_products ul>li>ol>li.product_con{width: 100%;color: #0323b2;} 
.etw_products ul>li>ol>li.product_con>a{display: block;
text-align: left;
font-size: 1.1rem;
line-height: 1.3rem;
color: #333;
padding: 1rem;
font-weight: 300;
font-family: Oswald;}   
.etw_products ul>li>ol>li.product_con>a:hover{color: #0323b2;}  
.etw_products ul>li>ol>li.product_txt{text-align: left;
font-size: 0.8rem;
line-height: 1.2rem;
display: block;
width: 100%;
padding:0 1rem 0.5rem 1rem;
color: #111;overflow: hidden;}
.etw_products ul>li>ol>li.product_txt ol li{float: left;width:100%;margin: 0 0 0.5rem 0;position: relative;padding-left: 0.6rem;}
.etw_products ul>li>ol>li.product_txt ol li:before{position: absolute;
content: '';
background: #0323b2;
width: 4px;
height: 4px;
transform: rotate(45deg);
left: 0;
top: 8px;border-radius: 50%}
.etw_products ul>li>ol>li.product_txt ol li:nth-child(2n){margin-right: 0;}

.etw_products1{width:100%; height:auto; float:left;margin-top: 1rem;} 
.etw_products1 ul{width:100%; display:flex; flex-flow: wrap;margin-bottom: 0;}
.etw_products1 ul>li{ width: 32%;margin-right: 2%;float: left;padding: 1rem;margin-bottom: 1rem;box-shadow: 0 0 5px #ccc;}  
.etw_products1 ul>li:nth-child(3n){margin-right: 0;}
.etw_products1 ul>li>ol,.etw_products1 ul>li>ol>li{width: 100%;position: relative;}
.etw_products1 ul>li>ol>li.product_img{width: 100%;position: relative;text-align: center;}
.etw_products1 ul>li>ol>li.product_img img{border-radius:20%;position: relative;border: 1px solid #ccc;} 
.etw_products1 ul>li>ol>li.product_con{width: 100%;margin-top: 1rem;}
.etw_products1 ul>li>ol>li.product_con a{display: block;color: #333;text-align: center;padding-bottom: 0.5rem;font-size: 1rem;font-weight: 500;}
.etw_products1 ul>li>ol>li.product_con a:hover{color: #0323b2;}
.etw_products1 ul>li>ol>li.product_con span{ display:block; position:relative; padding:2px 0 2px 15px; color:#777; font-style:normal; font-size:1rem; line-height:1.7rem; margin-bottom:.5rem}

@media (max-width: 991.98px) { 
	.etw_products ul>li{width: 49%;margin-right: 2%;}
.etw_products ul>li:nth-child(3n){margin-right: 2%;}	
.etw_products ul>li:nth-child(2n){margin-right: 0;}	
	
}
@media (max-width: 767.98px) { 
.etw_products1 ul>li{ width:49%; margin-right:2%;}
.etw_products1 ul>li:nth-child(3n){margin-right: 2%;}
  .etw_products1 ul>li:nth-child(2n){ margin-right:0} 

}

@media (max-width: 575.98px) { 
.etw_products ul > li,.etw_products ul>li>ol>li.product_img,.etw_products ul>li>ol>li.product_con{width:100%!important;margin-right:0!important;margin-left: 0!important;} 
	
.etw_products ul>li>ol>li.product_con span{display: none;}	
}

/*å…¶ä»–å…¬ç”¨æ ·å¼*/
.etw_title{font-size: 1.3rem;
position: relative;
margin: 0.5rem 0;
    margin-top: 0.5rem;
margin-top: 0.5rem;
color: #333;
width: 100%;
font-family: Oswald;} 


.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;display: block;} 
.etw_list ul li:before{position: absolute;content: "\f192";font-family: fontawesome;left: 0.25rem;top: 0.25rem;color: #f38101;}  

.etw_other{background: #f7f7f7;padding: 1rem 0;border-top: 1px dashed #ccc;} 

.etw_more1{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 1rem;text-align: center;}
.etw_more1 a{display: inline-block;background: #222;color: #fff;padding: 0.25rem 1.25rem;border-radius: 10px;}
.etw_more1 a:hover{background: #e60013;}
.color1{background: #f7e9ce;padding: 1rem 1rem 0;}


.etw_advantages .etw_hometitle{ padding-top:2rem; text-align:center; position:relative; margin-bottom:2rem}
.etw_advantages .etw_hometitle:before{ position:absolute; content:''; width:100px; height:3px; left:0; right:0; margin:0 auto; bottom:4px; background:#2c2c2c}

.etw_advantages{width:100%; height:auto; float:left;}
.etw_advantages ul{ width:100%; display:flex; flex-flow: wrap;}
.etw_advantages ul>li{width: 100%;
margin: 0.5rem 0 1rem 0;
border-bottom: 1px solid #eee;
padding-bottom: 5.5rem; } 
.etw_advantages1 ul>li{padding-bottom: 1.5rem;}
.etw_advantages ul>li:last-child{ border:none;}
.etw_advantages ul>li>ol,.etw_advantages>ul>li>ol>li{ width:100%}
.etw_advantages ul>li>ol>li.product_img{width:38%; float:left; text-align:center;}
.etw_advantages ul>li:nth-child(2n)>ol>li.product_img{ float:right;}
.etw_advantages ul>li>ol>li.product_img{display: inline-block; position: relative;}
.etw_advantages ul>li>ol>li.product_img:after {content: '';position: absolute;top: 50px;left: 50px; width: 100%;height: 100%;border-style: solid;border-width: 5px; border-color: #0323b2;z-index: 0;-webkit-transition:0.5s all ease;transition:0.5s all ease;}
.etw_advantages ul>li>ol>li.product_img:hover:after{border-color: #fd0100;}
.etw_advantages ul>li>ol>li.product_img img{ z-index:1; position:relative}
.etw_advantages ul>li>ol>li.product_img img{ width:100%;} 
.etw_advantages ul>li>ol>li.product_con{ width:52%; float:right; color:#787878;margin-top: 1.5rem;}
.etw_advantages ul>li:nth-child(2n)>ol>li.product_con{ float:left;width: 54%;}
.etw_advantages ul>li>ol>li.product_con a{ display:block; text-align:left; font-size:1.4rem; line-height:1.525rem; color:#2c2c2c;  padding:1rem 0 1.5rem 0; font-family: Oswald;} 
.etw_advantages ul>li>ol>li.product_con a:hover{ color:#0323b2;  text-decoration:underline}  
.etw_advantages ul li.product_con .etw_more a{ display:block; color:#fff; background:#ef0607; text-align:center; font-size:1rem; line-height:30px; width:160px; margin-top:1.25rem; padding:.8rem;-webkit-transition:0.5s all ease;transition:0.5s all ease;border-radius:8px; }
.etw_advantages ul li.product_con .etw_more a:hover{ color:#fff; text-decoration:none;background:#29a7e1; }
.etw_advantages ul>li>ol>li.product_con span{ padding-left:0}

.etw_profile{width: 100%;float: left;mask: 0 auto}
.etw_profile ul{width: 100%}
.etw_profile ul li{width: 100%;position: relative;padding-bottom: 4rem;text-align: center;}
.etw_profile ul li img{border: 1px solid #ccc;}
.etw_profile ul li:after{position: absolute;content: "\f063";font-family: fontawesome;left: 0;right: 0;margin: 0 auto;bottom: 1.25rem;font-weight: bold;font-size: 3rem;color: #e60013;}
.etw_profile ul li:nth-child(2){padding-bottom: 0;}
.etw_profile ul li:nth-child(2):after{display: none;}

.etw_service1{width: 100%;float: left;mask: 0 auto;}
.etw_service1 ul{width: 100%;position: relative;padding-left: 6rem;}
.etw_service1 ul:before{position: absolute;content: "";width: 80px;height: 68px;background: url(../about/service.jpg) no-repeat; left: 0;top: 0;}
.etw_service1 ul li{width: 100%;position: relative;padding-left: 1rem;float: left;margin-bottom: 1rem;font-size: 15px;}
.etw_service1 ul li:before{position: absolute;content: "";width: 5px;height: 5px;background: #0323b2;border-radius: 50%;left: 0;top: 6px;}

.etw_prolist{width: 100%;
float: left;
margin:0 auto 1rem auto;
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);border: 1px solid #f2f2f2;}
.etw_prolist ul{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 0;}
.etw_prolist ul>li{width: 20%;float: left;text-align: center;border-right: 1px solid #f2f2f2;}
.etw_prolist ul>li:nth-child(5){border-right: none;}

.etw_prolist ul>li a{    display: block;
    text-align: center;
    padding:2rem 1rem;
    font-size: 1rem;
    font-family: Oswald;
    color: #333;
    line-height: 1.2rem;
    width: 100%;height: 100%;}
.etw_prolist ul>li img{width: auto;
margin:0 auto 0.5rem auto;
display: block;}
.etw_prolist ul>li a:hover{transform: translateY(-1rem);box-shadow: 0 15px 15px -10px #ccc;}


.showpro{ display:none; width:100%;}
.shoemore{ position:relative; text-align:left; cursor:pointer;padding-left: 1rem;margin-top: 0;margin-bottom: 1.25rem;float: left;}
.shoemore .icon{ position: relative;
color: #555;
padding: 0.2rem 0.5rem;
border-radius: 2px;
width: 100%;
height: 100%;
background: #fff;
font-size: 1.2rem;
transition: .3s all ease-in-out;
box-shadow: 1px 1px 2px #666;} 

.shoemore .icon:hover{background: #889aec;color: #fff;} 


.etw_protitle{width: 100%;margin: 0 auto;margin-top: 1rem;position: relative;border-bottom: 1px solid #ccc;padding-bottom: 0.5rem;font-family: Oswald;}
.etw_protitle:before{position: absolute;content: "";width: 200px;height: 1px;background: #0323b2;left: 0;bottom:-1px;} 
.etw_protitle a{color: #4a4a4a;font-size: 1.4rem;line-height: 2rem;}

.etw_protitle a:hover{color:#0323b2;}



ul.item{margin: 0 0 1rem 0.1rem;width: 100%;}
ul.item li{padding: 0 0 0.5rem 0.8rem;;
position: relative;}
ul.item li:before{position: absolute;content: '';width: 5px;height: 5px;background: #333;left: 0;top: 10px;border-radius: 50%;}


ul.discitem{display:flex;flex-flow:wrap;margin-bottom:1rem;}
ul.discitem>li{width:50%;display:block;position:relative;font-size: 0.8rem;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background: #f2f2f2;}
ul.discitem>li:nth-child(2n){margin-right:0}
ul.discitem>li:nth-child(2n+1){clear:both}
ul.discitem>li:before{position:absolute;content:"\f003";font-family: FontAwesome;left:1rem;top:9px;color:#fff;z-index: 100;content: none;}
ul.discitem .sendinquiry1{float: none;color: #333;display:inline-block;text-align: left;margin: 0;transition: .3s all ease-in-out;font-size:0.85rem;cursor: pointer;position: relative;width: 100%;padding: 0.5rem 1rem;background: #ddd;}
ul.discitem .sendinquiry1 span{position: relative;padding-right: 1.5rem;text-decoration: underline;}
ul.discitem .sendinquiry1 span:after{position: absolute;content: "\f0a5";font-family: fontawesome;right: 0;top: 0;color: #0323b2;transition: .3s all ease-in-out;display: none;}
ul.discitem .sendinquiry1:hover,ul.discitem .sendinquiry1 span:hover:after{color:#fe0201} 
ul.discitem>li>ol{width: 100%;float: left;padding: 0.5rem 1rem;}
ul.discitem>li>ol li{width: 100%;float: left;position: relative;padding-left: 0.75rem;}
ul.discitem>li>ol li:before{position: absolute;content: "";width: 4px;height: 4px;background: #0323b2;left: 0;top: 10px;border-radius: 50%;}
ul.discitem>li.dq{width: 100%!important}
ul.discitem1>li{width: 33.33%;}
ul.discitem>li:nth-child(2n+1){clear:none}
ul.discitem>li:nth-child(3n+1){clear:both}

@media (max-width: 991.98px) { ul.discitem1>li{width: 50%}

ul.discitem>li:nth-child(3n+1){clear:none}
		ul.discitem>li:nth-child(2n+1){clear:both}
	.etw_advantages ul>li{padding-bottom: 2.5rem;}
.etw_advantages1 ul>li{padding-bottom: 1.5rem;}
}

@media (max-width: 767.98px) { 


  .etw_prolist,.etw_advantages ul>li>ol>li.product_img:after{display: none;}
	.etw_advantages ul > li{padding-bottom: 1.5rem;}
	.etw_advantages ul>li>ol>li.product_con span,.etw_advantages ul li.product_con .etw_more{display: none;}
  ul.discitem>li{width: 100%;}

}
@media (max-width: 575.98px) { 

.etw_advantages ul>li>ol>li.product_img,.etw_advantages ul>li>ol>li.product_con{width:100%!important;margin-right:0!important;margin-left: 0!important;} 	
.etw_advantages ul > li > ol > li.product_con{margin-top: 0;}

.etw_advantages ul>li>ol>li.product_con a{font-size: 1rem;display: block;text-align: center;}
  .etw_advantages ul>li{padding-bottom: 1rem;}
	  ul.discitem .sendinquiry1{background: none;color: #000;}
  ul.discitem>li:before{color: #000;}
  ul.discitem>li>ol{padding-top: 0;padding-left: 2.5rem;}
}

/*å›¾ç‰‡*/
.img_center{width:100%;clear:both;margin:0.3rem auto 1.25rem auto;text-align:center;}
.img_center img{width: 100%;}
.img_left{width:38%;float:right; margin:5px 0 14px 3%; text-align:center;}
.img_right{width:38%;float:right; margin:0.75rem 0 0.75rem 3%;position: relative; text-align:center;} 
.img_left{float:left;margin:0 3% 20px 0;} 
.img_left img,.img_right img{ display:block; width:100%;z-index: 3;position: relative;}
.swidth{width: 30%;}   
figure{margin: 0 auto;position: relative;}  

.etw_pic{width: 100%;background: #eee;padding: 1rem;margin-bottom: 1rem;}
.etw_pic img{border: 1px solid #ccc;}
.etw_pic ul li{margin-top: 1rem;}
.etw_pic ul li:nth-child(1){margin-top: 0}

.left_pic{width: 38%;
height: auto;
float: right;
margin: 0.75rem 0 0.75rem 3%;
z-index: 100;
position: relative;}
.left_pics{width:100%; height:auto; float:left; } 
.left_pics img{width:auto; margin:0 auto;z-index: 100;}
.left_pics a{cursor:pointer} 
.related_pic{width:100%; height:auto; float:right;  text-align:center}
.related_pic li a{width:18.2%; height:auto; float:left; margin:0.5rem 2% 0.5rem 0; display:block; text-align:center; color:#666; font-size:12px; border:1px #eee solid}
.related_pic li:nth-child(5n) a{margin-right:0}
.related_pic a img{width:100%; z-index: 100;}   
.right_pic{float: right;margin: 0.75rem 0 0.75rem 2%;}
.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.5rem 0;text-align:center;position: relative;}
.etw_photo ul li img{display:block; width:100%; position: relative;margin-bottom: 0.5rem;border: 1px solid #ddd;transition: .3s all ease-in-out;}  
.etw_photo ul li a{ color:#333;}
.etw_photo ul li span{ display:block;color: #111;line-height: 1.2rem;
font-size: 0.85rem;}
.etw_photo ul li img:hover{border: 1px solid #111;}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{position: relative; width:49%}
.etw_pic3 ul li{width:32%}
.etw_pic4 ul li{width:23.5%}
.etw_pic4 ul li:nth-child(3){margin-right: 2%}
.etw_pic5 ul li:nth-child(4){margin-right: 2%}
.etw_pic3 ul li:nth-child(4){margin-right: 2%}
.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_photo0{width: 100%;float: left;margin: 0 auto;}
.etw_photo0 ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_photo0 ul>li{width: 24%;float: left;margin-right: 2%;padding-top: 10%;}
.etw_photo0 ul>li:nth-child(3n){margin-right: 0;}
.etw_photo0 ul>li:nth-child(1){width: 48%;padding-top: 0;}
.etw_photo0 ul li{padding: 0.5rem;box-shadow: 0 0 5px #ccc;}
.pic_show{display: block;}
	.pic_none{display: none;}
@media (max-width: 767.98px) { 
	.left_pic{width: 100%;margin: 0.75rem 0;}
  .row .img_center{background: #fff;}
  .row .img_center img{width: auto!important;}
	.img_left, .img_right{width:100%!important;margin-right:0!important;margin-left: 0!important;} 	
}
@media (max-width: 575.98px) {
.etw_pic ul li:nth-child(1){margin-top: 1rem;}
  .etw_pic img{width: 100%;}
  .etw_pic3 ul li,.etw_pic4 ul li,.etw_pic5 ul li{width:49%;margin-right:2%;}
  .etw_pic3 ul li:nth-child(3),.etw_pic5 ul li:nth-child(5){margin-right: 2%} 
  .etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){margin-right:0;}
	.pic_none{display: block;}
	.pic_show{display: none;}
	  
}
/*å…¶ä»–äº§å“*/
.othertitle{margin:10px 0 1.5rem 0;position:relative;width:100%;overflow:hidden;margin-top: 2rem;}
.othertitle:after{position:absolute;content:"";background:#0323b2;height:5px;width:100%;right:5px;bottom:0;z-index:1;transform:skew(40deg)}
.othertitle span{font-size:1.2rem;background:#0323b2;display:inline-block;padding:5px 10px 5px 20px;color:#fff;position:relative;font-family: Oswald;}
.othertitle span:before{position:absolute;content:"";right:-27px;top:0;border-left:28px solid #0323b2;border-top:32px solid transparent}
.othertitle span:after{position:absolute;content:"";top:0;background:#f7f7f7;width:10px;height:40px;transform:skew(40deg);right:-26px;z-index:3}
.other_pro{width:100%;margin:0;float: left;} 
.other_pro ul{ width:100%; display:flex; flex-wrap:wrap;margin-bottom: 0}
.other_pro ul>li{width:23.5%;margin-right: 2%;float: left;margin-bottom: 0.75rem}
.other_pro ul li:nth-child(4n){margin-right:0}   
.other_pro1 ul>li{width:48%;margin-right: 4%}
.other_pro1 ul li:nth-child(4n){margin-right:4%} 
.other_pro1 ul li:nth-child(2n){margin-right:0} 
.other_pro ul li ol{width:100%}
.other_pro ul li ol li.product_img{width:100%;transition: .3s}
.other_pro ul li ol li.product_img:hover{opacity: .7}
.other_pro ul li ol li.product_img img{width:100%;border:1px solid #dedede}
.other_pro ul li ol:hover li.product_img img{border-color:#ccc}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center;}
.other_pro ul li ol li.product_con a{color:#333;display:block;line-height:16px;padding:8px;font-size:13px}
.other_pro ul li ol:hover li.product_con a{color:#e60013;text-decoration:underline} 

.relatedproducts{width:100%;height:auto;margin: 2rem 0;}
.relatednames{font-size: 1.2rem;
color: #313947;
padding: 0 0 .5rem 0;
position: relative;
font-family: Oswald;}
.relatednames::before{content: "";
color: #e50029;
position: absolute;
left: 0;
border-bottom: 1px dashed #111;
width: 126px;
bottom: 3px;}
.relatedproducts ul{width:100%;height:auto;display:flex;flex-wrap:wrap;padding-top:.6rem}
.relatedproducts li{width:49%;margin:0 2% 0 0;position:relative}
.relatedproducts li:nth-child(2n){margin-right:0}
.relatedproducts li:nth-child(2n+1){clear:both}
.relatedproducts li a{display:block;padding:.4rem .5rem .4rem 1rem;color:#474747;line-height: 1.2rem;font-size: 0.8rem;text-decoration: underline;}
.relatedproducts li a::before{content: "";
position: absolute;
width: 5px;
height: 5px;
left: 3px;
font-family: fontawesome;
background: #333;
border-radius: 50%;
top: 14px;}
.relatedproducts li a.dq,.relatedproducts li a:hover{color:#e50029;}


@media (max-width: 767.98px) { 
.other_pro ul>li{ width:49%; margin-right:2%;}
.other_pro ul>li:nth-child(2n){ margin-right:0}   
.relatedproducts{margin:2rem 0 1rem 0;}
.relatedproducts li{width: 100%;margin-right: 0;}
}

/*contact us*/
.etw_contactus{width: 100%;float: left;margin-top: 1rem;background: #f0f6fb;padding:1.5rem 0;}
.etw_contactus .etw_hometitle{font-family: Oswald;margin-bottom: 0;font-size: 1.5rem;font-weight: 300;}
.etw_contactus ul{width: 100%;float: left;display: flex;flex-wrap: wrap;}
.etw_contactus ul>li{width: 100%;float: left;margin: 0 auto;position: relative;font-size: 0.95rem;margin-bottom: 0.5rem;}

.etw_contactus ul>li a{color: #0323b2;text-decoration: underline;}
.etw_contactus ul>li a:hover{color: #000;text-decoration: none;}

.etw_contactus1{width: 100%;float: left;font-size: 0.95rem;}


.etw_contactus1 a{color: #0323b2;text-decoration: underline;}
.etw_contactus1 a:hover{color: #000;text-decoration: none;}

/*è¯¢ç›˜*/
#etw_set_feedback_form{overflow:hidden;height:auto;width:100%;} 
#etw_form_title{text-align:left;color:#333;font-size:1.4rem;padding:0px;position: relative; font-family: Oswald;}
#floatchatiframe2011{ margin: 0 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%}
.feedbacks{margin-bottom: 1rem;float: left;}
.feedbacks p{ color:#666; margin-top:1rem;border-top:1px #dedeed solid; padding-top:0.5rem} 
.sendinquiry{ max-width:240px;cursor:pointer; border:1px #0f70bd solid; background:#0f70bd;margin-top:1rem;text-align:center;transition: .3s; float:right;position:relative; z-index:2; }
.sendinquiry span{ width:100%;font-size:0.875rem; padding:0.75rem 1.5rem;text-align:center; color:#fff;text-transform : uppercase; display:inline-block;}
.sendinquiry:hover{ background:none;}
.sendinquiry:hover span{ color:#0081AF;}
.inquiryL{ float:left;}
.indent{padding-left: 59px;}
.feedback1{ width:100%; height:auto; margin:0 auto;padding:1.2rem 0 1.7rem 0; border-bottom:1px #eee solid; text-align:center;background: #f6f6f6;margin-top: 2rem} 
.feedback1 p{ color:#333; font-size:1.625rem; font-weight:700; text-align:center;padding-bottom: 0}
.feedback1 a{ display:inline-block; width:auto; color:#fff; background:#0323b2; font-size:1rem; text-transform:uppercase; text-align:center; padding:0.8rem 2rem; margin-left:1.5rem; border-radius:25px; font-weight:300;margin-top: 0.5rem}
.feedback1 a:hover{ background:#000;} 
inquiry,u.inquiry{text-decoration: none; color:#666;}
u.inquiry:after{content:"INQUIRY"; display:inline-block;background:#e3e4e5; color:#666;text-align: center;line-height: 1;padding:4px 10px;font-size:12px;  float:left; width:88px}
u.inquiry:hover:after{ background:#285a92; color:#fff;} 





/*tags*/
#tags{ width:100%; float:left; margin-bottom: 1rem}
#tags_title{ display:block; color:#81a8d2; font-size:1rem; font-weight: 500; line-height:28px; text-align:left; padding:0;} 
#tags a{margin:0 10px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; } 
.brief{     font-size: .8rem;
    color: #999;
    padding: 1rem 0;}

/*sitemap*/
#etw_map{width:100%;margin:0 auto;margin-bottom: 2rem}
#etw_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#etw_map a:hover{text-decoration:none}
#etw_map .name a{color:#1d3154;margin:0;font-weight:700;text-decoration:none}
#etw_map .name a:hover{text-decoration:underline}
#etw_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#etw_map .list_m a{ width:50%; display:block; float:left; color:#888; text-decoration:none; line-height:20px; padding:5px 0; padding-left:12px;}
#etw_map .list_m a:nth-child(2n+1){ clear:both}
#etw_map .list_m a:hover{text-decoration:underline; color:#0c3b64}
#etw_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;} 

@media (max-width: 575.98px) { 
#etw_map .list_m a{width:100%!important;margin-right:0!important;margin-left: 0!important;} 
}

/*åº•éƒ¨*/
#footer{ width:100%;height:auto;background:#2676b5; padding-top:1rem;padding-bottom: 1rem;}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative;margin-top: 0.5rem}
#etw_homefooter{height:auto; text-align:center; position:relative; width: 100%;padding: 0.5rem;float: left;}
#etw_homefooter a{padding: 0.25rem 1.5rem;
color: #fff;
margin: 0px;
position: relative;
font-size: 0.9rem;
display: inline-block;
font-family: Ubuntu;}
#etw_homefooter a:hover{color:#e60013; 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.7rem; 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:#e60013;border:1px #e60013 solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}  
@media (max-width: 575.98px) { 
#etw_homefooter a{padding: 0.25rem 1rem;font-size: 0.8rem;} 
}



/* 20211203 */
.etw_photo ul li span.icon-play {
  color: #fff;
  line-height: 48px;
  font-size: 28px;
}


span.icon-play {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 7px 0 0 6px;
  display: block;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-size: 28px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #1b447c;
  line-height: 48px;
  opacity: 1;
  font-family:fontawesome;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;z-index: 10;
}

span.icon-play:hover{
  opacity: 0.9;
}

.left_pics,.etw_pic2 { position: relative;}

.videoall ul{display:flex;flex-flow: wrap;}
.videoall ul li a{display:block;text-align:center; line-height:1.2rem; font-size:1rem;text-decoration: underline; color: #555;-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.videoall ul li span{display:block;margin-bottom:10px; text-align:center; padding-top:5px;}
.videoall ul li a:hover{text-decoration: none;color: #154a92;transform: translateX(-20px);}
.videoall{width: 100%;float: left;margin: 0 auto;}
.videoall ul{width: 100%;display: flex;flex-wrap: wrap;margin: 0 -10px;}
.videoall ul li{width:33.33%;padding: 0 10px; text-align: center;}
.videoall ul li:nth-child(2n){margin-right: 0;}
.videoall ul li span{display: block;padding-top: 0.5rem;}
.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));}
@media (max-width:991.98px) {
  .videoall ul li{width: 50%;}
}
@media (max-width:767.98px) {
  .videoall ul li{width: 100%;padding: 0;}
  .videoall ul{display: block;margin: 0;}
}


  /* 2023/4/16 */
  ul.discitem .sendinquiry01{float: none;color: #333;display:inline-block;text-align: left;margin: 0;transition: .3s all ease-in-out;font-size:0.85rem;position: relative;width: 100%;padding: 0.5rem 1rem;background: #ddd;}
ul.discitem .sendinquiry01 span{font-weight: 400;} 

.sendinquiry02{ width:100%;cursor:pointer; margin-top:0.25rem;text-align:left;transition: .3s; position:relative; z-index:2;margin-bottom: 1rem;float: left;padding-left: 1.75rem;}
.sendinquiry02 span{font-size:0.875rem; padding:0.1rem 1.25rem;text-align:center; color:#fff;display:inline-block;border:1px #0f70bd solid; background:#0f70bd;border-radius: 15px;box-shadow: 0 2px 3px #ccc;} 
.sendinquiry02 span:hover{ background: #333;}
.sendinquiry03{ width:60%; float:left}
.video_btn{ width:40%;cursor:pointer; margin-top:0.25rem;text-align:left;transition: .3s; position:relative; z-index:2;margin-bottom: 1rem;float: left;padding-left: 1.75rem; float:left}
.video_btn span{font-size:0.875rem; padding:0.1rem 1.25rem;text-align:center; color:#fff;display:inline-block;border:1px #0f70bd solid; background:#0f70bd;border-radius: 15px;box-shadow: 0 2px 3px #ccc;} 
.video_btn span:hover{ background: #333;}

