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

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../font/Roboto-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../font/Roboto-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/Roboto-Medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/Roboto-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Teko Medium';
  font-style: normal;
  font-weight: 500;
  src: local('Teko Medium'), local('Teko Medium'), url(../font/Teko-Medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{font-weight:700;}
p{margin:0;padding:0 0 1.25rem} 
a.links{color:#888; font-style:italic; text-decoration:underline;}
a.links:hover{text-decoration:none; color:#000}
.clear { clear:both;}
body{font-family: 'Roboto'; color:#474747; font-weight:400; font-size:0.9375rem;  line-height:1.4rem}
hr{ border-top:1px #dedede solid; margin:1rem 0}
table{margin:5px 0 0 0;width:100%;}
.table-responsive{margin-bottom:15px; width:auto !important}
table,td{border:1px solid #999!important}
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 tr:nth-of-type(1){background:#f2f2f2!important;}  
table>tbody>tr>td{vertical-align:middle;padding:8px;font-size:14px;line-height:18px} 
table>tbody>tr>td>img{ display:block; min-width:120px; margin:10px 0 5px 0}
.etw_hometitle,h2{ padding:0.6rem 0 1.25rem;font-size:2rem; line-height:2.1rem; color:#101010;font-weight:500; font-family: 'Teko Medium'; margin: 0;} 


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;} 
#etw_top{position:fixed;width:35px;height:35px;right:36px;bottom:150px;text-align:center; background:#999;z-index:100;cursor:pointer; color:#fff; font-weight:700; line-height:28px; border-radius:50%; padding-top:6px;}
#etw_top a{color:#fff;} 
#etw_top:hover{ transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;background:#0100fc; } 
.ys{ color:#c30004; font-size:1.875rem; display:inline-block; font-weight:500; font-family: 'Teko Medium';}
.imgs{ float:right; margin:0.5rem 0 1rem 0; width:65%}
.bottoms{ float:left; padding:10rem 0}
.theme-send-inquiry{ z-index:2}


/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:10; background:url(../images/banner_nei1.jpg) top center no-repeat #151515; margin:0 auto;} 
#headerin{width:100%; margin:0px auto; max-width:1280px; }  
#etw_logo{ width:91px; height:88px; float:left; } 
.navbtn{ margin-top:1rem;}
#etw_language{float:right; height:28px; min-width:84px; padding:0 1.25rem; width:auto; text-align:center; background:#c30004; border-radius:3px; overflow:hidden}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.8125rem; line-height:25px; padding:0 0 0 0.5rem; color:#fff; font-weight:400}
#etw_language .dropdown-item:hover{ color:#fff !important; text-decoration:underline !important; background:none} 

.top-nav{ width:auto; float:right; text-align:right; margin-top:1.75rem}
.navbar{ padding:0;}
.navbar-collapse{justify-content:flex-start;}
.navbar-light .navbar-nav a.nav-link{color:#fff; padding:0.4rem 1rem; margin:0 0.1rem 0 0; line-height:1.25rem; font-size:0.815rem; font-weight:500; background:#c30004}
.navbar-light .navbar-nav li.active a.nav-link,.navbar-light .navbar-nav li:hover a.nav-link{color:#fff; background:#0100fc}
.navbar-nav .dropdown-menu{background-color: rgba(0,0,0,.77); top: 96%; padding: 0; min-width:250px; max-height:400px; overflow-y:auto;}
.navbar-light .navbar-nav .dropdown-item{font-weight:400; font-size:0.875rem; line-height:1rem; border-bottom: 1px #fff solid; color:#fff; padding:0.6rem 1.5rem; white-space:normal} 
.dropdown-item:hover,.dropdown-item.active{color:#c30004 !important; background-color: rgba(0,0,0,.77);}


/*首页附加样式*/
#etw_banner{ position: relative; width:100%; margin:0 auto;}
#etw_banner img{width:100%; text-align:center; margin:0 auto;} 
#etw_banner .banner_txt{ width:100%; margin:0 auto; position: absolute; top:13%; max-width:1003px; left:0; right:0; text-align:left} 
#etw_banner .banner_txt h1{font-size:1.875rem; color:#c30004; width:80%; font-weight:700; line-height:2.2rem; padding:0; float:left; font-weight:500; font-family: 'Teko Medium';}   

#etw_banner .proitem{ width:42%}
#etw_banner .proitem li{ line-height:1.2rem; text-shadow:1px 1px 2px #fff}


.company{ width:100%;}   
.company p{color:#101010; line-height:1.375rem;  font-size:1rem; font-weight:400; padding:0.8rem 0 10px;}  
.company .more a{ display:inline-block; width:auto; color:#c30004; font-size:0.9375rem; text-transform:uppercase; position:relative;}
.company .more a:before{ position:absolute; content:"\f101"; color:#c30004; font-size:1rem; font-weight:700; top:-1px; right:-14px; font-family:fontawesome}
.video-pros{ width:54%; float:right; margin:1.4rem 0 1rem 3%}


.etw_mainproducts .etw_hometitle{ display:block; width:100%; margin:2.4rem 0 0 0; padding:0; color:#111111; font-size:1.875rem; text-align:left; position:relative; font-weight:500; font-family: 'Teko Medium';}
.etw_mainproducts .etw_hometitle span{ display:inline-block; width:auto; background:#fff; padding:0 0.4rem 0 0; z-index:1}
.etw_mainproducts .etw_hometitle:before{ position:absolute; content:""; width:100%; height:1px; right:0; top:45%; background:#e4e4e4; z-index:-1}
.etw_mainproducts .mainlink a{ display:block; text-align:center; color:#111; font-size:1rem; font-weight:700; padding:1.5rem 0 0.5rem 0}
.etw_mainproducts{ width:100%;  overflow:hidden;}
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap} 
.etw_mainproducts ul>li{ width:32%; margin:0.4rem 2% 0.5rem 0; background:#f0f0f0; padding:0.5rem 0.7rem}
.etw_mainproducts ul>li:nth-child(3n){ margin-right:0}
.etw_mainproducts ul>li>ol,.etw_mainproducts ul>li>ol>li{ width:100%;}
.etw_mainproducts ul>li>ol>li.product_img img{ width:100%; text-align:center}
.etw_mainproducts ul>li>ol>li.product_con{ text-align:center; }
.etw_mainproducts ul>li>ol>li.product_con a{ display:block; font-size:1rem; font-weight:400; line-height:1.25rem; text-align:left; color:#111; padding:1rem 0 0.5rem 0} 
.etw_mainproducts ul>li:hover{ background:#e5e5e5}
.etw_mainproducts ul>li>ol>li.product_con a:hover{ text-decoration:none;}  

  
#etw_bottom{ width:94%; margin:1px auto 0 auto; padding:3rem 2.125rem 2.5rem 2.125rem; background:#dbdce1; overflow:hidden; max-width:1003px;}  
#etw_bottom ul{ width:100%;} 
#etw_bottom ul>li,#etw_bottom ul>li>ol,#etw_bottom ul>li>ol>li{ width:100%;}
#etw_bottom ul>li>a,.bottom_title{ display:block; color:#111; font-size:1.5rem; font-weight:500; padding-bottom:1.2rem;font-family: 'Teko Medium';}
#etw_bottom ul>li>ol>li>a,#etw_bottom ul>li{ display:block;color:#111; font-size:0.875rem; font-weight:400; line-height:1.125rem; padding:0 0 0.4rem 0}
#etw_bottom ul.child>li>ol>li>a{ padding:0 20% 0.4rem 1.6rem; position:relative}
#etw_bottom ul.child>li>ol>li>a:before{ position:absolute; content:""; width:1.125rem; height:1px; background:#111; left:0; top:0.5rem}
#etw_bottom ul li a:hover,#etw_bottom ul>li .contacts:hover{ color:#c30004; text-decoration:underline}
#etw_bottom ul>li .contacts{ display:inline-block; color:#111;}
#etw_bottom ul>li p{ padding-bottom:0.3rem}  
#etw_bottom ul.proitem{ padding-top:0.3rem}
#etw_bottom ul.proitem li{ width:88% !important; padding:0.3rem 0 0.3rem 1.25rem; line-height:1.25rem; color:#474747}
#etw_bottom ul.proitem>li::before{ top:0.3rem}
#etw_bottom p{ padding-bottom:2.4rem}

.information{ width:100%; float:left; padding-top:1rem;  border-top:1px #ccc solid; margin-top:0.5rem}
.information ul{ width:100%;}
.information ul li{ width:95%; float:right; border-bottom:1px #dedede solid; margin-top:0.7rem; position:relative}
.information ul li:before{ position:absolute; content:"\f061"; color:#000; font-size:0.75rem; background:#f0f0f0; border:1px #ddd solid; border-radius:50%; left:-5%; top:2px; font-family:fontawesome; width:24px; height:24px; line-height:22px; text-align:center}
.information ul li a{ display:block; font-size:0.875rem; color:#161616; font-weight:500; line-height:1.125rem; padding:0.4rem 0.6rem 0.3rem 0.6rem; background:#f0f0f0}
.information ul li a:hover{ background:#eee}
.information ul li span{ display:block; font-size:0.875rem; color:#787878; line-height:1.45rem; padding:0.7rem 0 1.3rem 0.6rem;}

.fl { float:left;}
.fr { float:right;}
#ptoptit {height:30px; line-height:30px; overflow:hidden; border-top:solid 1px #e5e5e5; margin:10px 0px; padding-top:8px; /*font-size:1.15em; */float:right; width:95%;}
#ptsort {overflow:hidden; height:30px; font-size:12px;}
#ptsl {padding-left:5px; height:35px; line-height:35px;}
#ptsl a#list { padding-left:25px; margin-right:10px;}
#ptsl a#gal { padding-left:25px; margin-right:10px;}
#ptsl a.cur {color:#0056b3;}
#ptstitle { padding-left:5px; font-weight:bold;}
#ptsr {padding-right:5px;}
#ptsr select {border:solid 1px #d0d0d0; line-height:18px;}
.rcsort { width:35%; padding-left:3px; height:1.75em; line-height:1.75em;}
.rcsort b { font-weight:normal; font-style:normal; font-size:0.85em;}
#rpage a {padding:3px 5px;  margin:0px 2px; color:#555;}
#rpage a.cur {padding:3px 5px;color:#009140;}
#rpage a:hover { text-decoration:none;}
.botpad { padding-top:10px;}


/*container*/
#container{margin-top:147.2px; border-top:5px #c4c4c4 solid} 
.content{ width:94%;  max-width:1003px; margin:0 auto;}
.content1{ width:94%;  max-width:1003px; margin:0 auto; background:#dde1ed; margin-top:2.0625rem; border-bottom:1px #cfd0d3 solid;}
.etw_content{ width:94%;  max-width:1003px; margin:0 auto; background:#f4f4f4; overflow:hidden}
#etw_right{ width:78%; float:right; background:#fff; padding:0.6rem 0.5rem 2% 3%; position:relative; margin-top:-2.0625rem; background:url(../images/cbg.png) left top no-repeat #fcfcfc; z-index:1} 
#etw_sidebar{ width:22%; float:left;} 
#etw_sidebar .etw_hometitle{ display:block; color:#000; text-align:left; font-size:1.25rem; font-weight:700; padding:0.6rem 1.5rem 0.4rem 0; margin:0.5rem 0 ; position:relative} 

.etw_productlist{width:100%; float:left; }
.etw_productlist ul{width:100%; padding:1rem 0.5rem 0 1.25rem}
.etw_productlist ul,.etw_productlist ul>li,.etw_productlist ul>li>ol,.etw_productlist ul>li>ol>li{width:100%; float:left}
.etw_productlist ul>li{ border-bottom:1px #fff solid;}
.etw_productlist ul>li>a,.etw_productlist ul>li>span{display:block; font-size:1rem; color:#161616; line-height:1.125rem; padding:1.8rem 0 10px 0; font-weight:500; margin-bottom:0.2rem;} 
.etw_productlist ul>li>ol{ margin-bottom:1.5rem; border-left:1px #fff solid}
.etw_productlist ul>li>ol:last-child{ margin-bottom:0}
.etw_productlist ul>li>ol>li>a{font-size:0.875rem; display:block; line-height:1rem; color:#161616; padding:10px 0 10px 1.3rem; position:relative}
.etw_productlist ul>li>ol>li>a:before{ position:absolute; content:""; width:12px; height:12px; background:#dde1ed; border-radius:50%; border:1px #fff solid; left:-6px; top:10px;}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{ color:#c30004; text-decoration:none} 
.etw_productlist ul>li>ol>li>a:hover:before,.etw_productlist ul>li>ol>li>a.dq:before{ border:1px #c30004 solid}


.etw_cer{ width:100%; height:auto; float:left;}
.etw_cer ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_cer ul li{ width:33.3%; margin:8px 0 15px 0;padding:0px;}
.etw_cer ul li:nth-child(3n){ margin-right:0} 
.etw_cer ul.two li{ width:50%; margin:8px 0 15px 0;} 
.etw_cer ul li img{ width:100%; border:1px #999 solid} 
.etw_cer ul li .certitle{ width:100%; text-align:left; line-height:20px; padding:0.3rem 0 0 0; color:#202020; text-align:center} 
 #etw_right h1{padding: 0.6rem 0 1.25rem;
    font-size: 2rem;
    line-height: 2.1rem;
    color: #101010;
    font-weight: 500;
    font-family: 'Teko Medium';
    margin: 0;} 
 #etw_right h2{color: #202020;
    font-size: 1.375rem;
    line-height: 1.8rem;
    padding: 0.2rem 0 0.1rem;
    font-weight: 500;
    font-weight: 500;
    font-family: 'Teko Medium';} 
	 #etw_right h3{color: #000;
    font-size: 1rem;
    line-height: 1.125rem;
    padding: 0.6rem 0;
    font-style: italic;} 
/*快速导航*/
#etw_producttitle{margin:0px auto 0px; height:auto; color:#999; overflow:hidden; padding:0; font-size:0.875rem; width:auto; float:left}
#etw_producttitle a{ color:#333; 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.6rem;color:#999;content:"/"; font-size:0.875rem; font-family:fontawesome}
#etw_producttitle a:hover{color:#da4435; text-decoration:underline;} 



/*其他公用样式*/
.smalltitle{font-size:1.7rem; display: block; color: #000; line-height: 2.2rem; padding:10px 0; text-align:left; font-weight:700; position:relative; margin-bottom:1rem;}
.smalltitle:before{ position:absolute; content:""; width:80px; height:3px; left:0; bottom:0; background:#da4435;}
.smalltitle1{font-size:1.5rem; display: block; color: #202020; font-weight:700; text-align:left;  line-height: 1.125rem; margin:2rem 0 1rem 0;}  
b{color:#000; font-size:1rem; line-height:1.125rem; padding:0.6rem 0; font-style:italic}
.protitle,.protitle1{color:#202020; font-size:1.375rem; line-height:1.8rem; padding:0.2rem 0 0.1rem; font-weight:500; font-weight: 500; font-family: 'Teko Medium';}
.protitle1{ border-bottom:1px #dedede solid; margin-bottom:0.9rem}
.row h2 {color:#202020; font-size:1.375rem; line-height:1.8rem; padding:0.2rem 0 0.1rem; font-weight:500; font-weight: 500; font-family: 'Teko Medium'; border-bottom:1px #dedede solid; margin-bottom:0.9rem}

.about_right{ width:45%; float:right} 
.about_left{ width:46%; float:left}
.about_right1{ float:left} 
.about_left1{float:right}
.smalltitle1,.smalltitle2{font-size:2.2rem; color:#000; width:95%; font-weight:500; line-height:2.2rem; padding:2rem 0 1rem 0; margin:0 0 1rem 0; position:relative}   
.smalltitle1:before,.smalltitle2:before{ position:absolute; content:""; width:39px; height:5px; background:#0075c1; left:0; top:0} 
.smalltitle2{ font-size:1.4rem; padding:0.8rem 0 0 0; width:100%}
.smalltitle2 span{ display:block; position:relative} 
.smalltitle2 span:before{ position:absolute; content:""; right:0; bottom:12px; width:78%; height:1px; background:#dedede}
.about_right ul li{ width:100%; display:block; position:relative}
.about_right ul li img{ width:100%;}
.about_right ul li .pic_txt{ display:block; color:#fff; font-size:1.125rem; line-height:1.4rem; background:rgba(0,0,0,.77); left:0; bottom:0; text-align:center; padding:0.8rem 1rem; position:absolute; width:100%}


.item1{ width:100%; height:auto; float:none; padding:8px 0 15px 0} 
.item1 li{ width:auto; height:auto; float:none; padding-bottom:20px; display:block; color:#151f48; font-size:1rem; font-weight:400}
.item1 li ol{ text-align:left; padding:0 0 2px 38px; line-height:20px;  font-size:0.875rem;font-weight:400; color:#666; width:auto; float:none; }
.item1 li p{ color:#666; padding:10px 0 0 0; font-size:0.875rem;}
.item1 li img{ width:auto; margin-right:4px;} 

ul.item{width:97%; padding-bottom:18px; float:none;}
ul.item li{list-style: decimal;margin:4px 0 5px 20px; line-height:21px;width:97%; float:none} 
ul.item li.last{ margin-left:21px;} 
ul.item li ol{display:block; width:100%; margin:4px 0 3px 0; padding-left:0; color:#474747;  line-height:20px;}

.proitem{ float:none; width:auto; overflow:hidden}
.proitem>li,content li,#etw_right .description li{ width:100%; line-height:1.4rem; padding:0 0 10px 26px; position:relative; }
.proitem>li::before,content ul li::before,#etw_right .description li::before{ position:absolute; content:"\f058"; left:0; top:0; color:#c30004; font-family:fontawesome; font-size:0.875rem} 

.proitem>li ol,content li ol{ display:block; line-height:1.125rem; padding:0.3rem 0}
	content ul:last-child li::before{content:none;}
#simple h2{width:100%;}
#simple ul{width:45%; float:left;}
.etw_products{ width:100%; height:auto; float:left}
.etw_products>ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_products>ul>li{width:100%; float:left;  border-top:1px #dedede solid;}   
.etw_products>ul>li .product_img{ width:23%; float:left;} 
.etw_products>ul>li .product_img img,.etw_products1>ul>li>ol>li.product_img{width:100%}  
.etw_products>ul>li .product_con{width:75%; float:right; padding:0 0 0.5rem 0;} 
.etw_products>ul>li:last-child{border-bottom:1px #dedede solid}
.etw_products>ul>li .product_con a{color:#101010; font-size:1.125rem; line-height:1.6rem; display: block; padding:1.4rem 0 0.6rem 0; font-weight:700;}
.etw_products>ul>li .product_con a:hover{color:#171839; text-decoration:underline}  
.etw_products>ul>li .more a{ display:block; width:110px; line-height:1.8rem; text-align:center; font-size:0.875rem; font-weight:400; color:#6fbc38; text-transform:uppercase; border:1px #6fbc38 solid; border-radius:6px; padding:0}  
.etw_products>ul>li .more a:hover{background:#051628; color:#fff; text-decoration:none}  
.etw_products>ul>li .product_con span{ display:block; font-size:0.9375rem; line-height:1.4rem; color:#787878; padding-bottom:1rem} 


.etw_products1{width:100%; height:auto; float:left}
.etw_products1 ul{ width:100%; display:flex; flex-flow: wrap;}
.etw_products1 ul>li{ width:32%; margin:0 2% 0rem 0;}
.etw_products1 ul>li:nth-child(3n){ margin-right:0}  
.etw_products1 ul.four>li{ width:23.5%; margin:0 2% 0rem 0;}
.etw_products1 ul.four>li:nth-child(4n){ margin-right:0}  
.etw_products1>ul>li>ol,.etw_products1>ul>li>ol>li{ width:100%}
.etw_products1>ul>li>ol>li.product_img{text-align:center; border:1px #ccc solid}
.etw_products1>ul>li>ol>li.product_img img { max-width:100%; height: auto;} 
.etw_products1>ul>li>ol>li.product_con a{ display:block; text-align:left; font-size:0.875rem; line-height:1.125rem; font-weight:500; color:#333; padding:0.7rem 0 0.5rem 2.2rem; position:relative}
.etw_products1>ul>li>ol>li.product_con a:before{ position:absolute; content:"\f105"; left:1rem; top:0.8rem; background:#0100fc; font-family:fontawesome; font-size:0.875rem; font-size:0.8135rem; width:12px; height:12px; line-height:12px; text-align:center; color:#fff;} 
.etw_products1>ul>li:hover>ol>li.product_con a{text-decoration:underline; color:#0100fc}  
 

.img_center,.img_center1{width:100%;clear:both;margin:0.3rem auto 1.25rem auto;text-align:center; }
.img_center1{ width:72%;}
.img_center img{ border:1px #dedede solid}
.noborder img{ border:none}
.img_left,.img_right{width:50%;float:right; margin:0 0 14px 3%; text-align:center;}
.img_left{float:left;margin:0 3% 20px 0;width:45%}
.sswidth{ width:20%; min-width:150px;}
.swidth{ width:24.25%; min-width:150px;}
.smwidth{ width:31.3%; margin-top:5px}
.mswidth{ width:50%; margin-top:10px;}
.mwidth{ width:38%; min-width:150px;}
.img_left img,.img_right img{ display:block; width:100%; border:1px #dedede solid} 

.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.center{ padding:0 10%}
.etw_photo ul li{display:block;margin:0 2% 10px 0;text-align:center;}
.etw_photo ul li img{display:block; width:100%; border:1px #dedede solid; padding: 4px;position: relative;} 
.etw_photo ul.nopic li img{ border:none} 
.etw_photo ul li a{ color:#333;}
.etw_photo ul li span{ display:block; line-height:1.25rem; padding:0.5rem 0.8rem; font-size:0.875rem}
.etw_photo ul li p{ display:block;}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49%}
.etw_pic3 ul li{width:32%}
.etw_pic4 ul li{width:23.5%}
.etw_pic5 ul li{width:18.4%;font-size:12px;}
.etw_pic6 ul li{width:15%;font-size:12px;}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){ clear:both;}
figure{ margin:0 0 0.3rem 0}

.left_pic{width:100%; height:auto; float:left; margin:0 0 15px 0;}
.left_pics{width:87%; height:auto; float:left; } 
.left_pics img{width:100%; text-align:center;}
.left_pics a{cursor:default} 
.related_pic{width:10%; height:auto; float:right;  text-align:center}
.related_pic a{width:100%; height:auto; float:left; margin:0 0 0.8rem 0; display:block; text-align:center; color:#666; font-size:12px;} 
.related_pic a img{width:100%; } 
 

.etw_back{ width:40%; height:auto; float:right; text-align:right}
.etw_back a{ display:block; color:#0075c1; font-size:15px; line-height:24px; text-decoration:underline; font-weight:700; text-transform:uppercase}
.etw_back a:hover{ text-decoration:none; color:#000;}
.etw_back i{ display:inline-block; padding-right:10px;}

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%; padding:0 0 1rem 0}
#etw_form_title{text-align:left;color:#333;font-size:1.2rem;padding:0px;position: relative; font-weight: bold;}
#floatchatiframe2011{ margin: 0 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%}

.othertitle{ float:left;}
.othertitle span{ display:inline-block; width:auto; padding:0.5rem 2rem; color:#101010b92d; font-size:1.25rem; line-height:1.5rem; font-weight:700; text-align:center; border-radius:2px 2px 0 0; border:1px #ccc solid; border-bottom:none; border-top:4px #67b92d solid; margin-right:1rem}  
.othertitle p{ display:inline-block; padding-bottom:0}

.abouttxt{ width:100%; overflow:hidden; border:1px #ccc solid; border-radius:0 0 6px 6px;}
.abouttxt span{ display:block; font-size:1rem;  padding:1rem 0 0 8%}


.other_pro{width:100%;overflow:hidden; }
.other_pro ul{ width:100%; display:flex; flex-wrap:wrap}
.other_pro ul>li{width:32%;margin:0 2% 0 0;overflow:hidden}
.other_pro ul li:nth-child(3n){margin-right:0}
.other_pro ul li ol{width:100%}
.other_pro ul li ol li.product_img{width:100%}
.other_pro ul li ol li.product_img img{width:100%;border:1px solid #dedede} 
.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 2px;font-size:0.875rem}
.other_pro ul li ol:hover li.product_con a{color:#c30004;text-decoration:underline}


#etw_map{width:100%;margin:0 auto; padding-top:10px;}
#etw_map .name{width:100%;color:#da870c;background:#eee;margin-top:6px;height:auto;line-height:20px;display:block;margin-bottom:4px}
#etw_map a{color:#333;height:auto; padding:3px 0 3px 3px;text-decoration:underline;width:100%;display:block;margin-top:5px}
#etw_map a:hover{text-decoration:none}
#etw_map .name a{color:#da870c;margin:0;font-weight:700;text-decoration:none}
#etw_map .name a:hover{text-decoration:underline}
#etw_map>.list_m{width:100%;height:auto;float:left;padding-bottom:8px}
#etw_map>.list_m>a{width:49%;display:block;float:left;color:#888;line-height:16px;padding-top:6px;text-decoration:none} 
#etw_map>.list_m>a:hover{text-decoration:underline;color:#000} 


.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%;max-width:1154px;position:relative}
.owl-theme .owl-controls{width:100%;text-align:center}
.owl-theme .owl-controls .owl-buttons{display:none;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:45%;opacity:.3;filter:Alpha(Opacity=50);background:url(../images/owl-buttons.png) no-repeat}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:0;background-position:16px 0}
.owl-theme .owl-controls .owl-buttons div.owl-next{right:0;background-position:-26px 0}
.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;background:url(../images/AjaxLoader.gif) no-repeat center center}
.owl-pagination{display:none}
.owl-one .item{width:94%;margin:2rem auto 1rem;float:none;}
.owl-one .item a:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%; transition:all .3s;}
.owl-one .item a:hover:before{background:rgba(0,0,0,0.2)}
.owl-one .item ol li{ display:block; position:relative}
.owl-one .item ol li .app_title{ display:block; color:#000; font-size:1rem; font-weight:500; position:absolute; left:18px; bottom:20px;}
.about_title{font-size:18px;line-height:22px;font-weight:500;width:100%;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transition:all .3s;padding:0 15%;height:30%;color:#fff;text-shadow:2px 2px 2px #000}
.owl-one .item a:hover .about_title{color:#da251c;}
.owl-one .item img{display:block;width:100%;height:auto}
.owl-one .item .buttons a{padding:0}
.action{position:relative;overflow:hidden;height:auto;width:100%}

/*底部*/
#footer{ width:100%;height:auto;background:#c30004;  overflow:hidden; padding:1rem 0 1rem 0; margin-top:1.25rem}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative; color:#fff;}
#etw_homefooter{height:auto;padding:1rem 0 0.5rem 0;  text-align:center; position:relative; width: 100%;}
#etw_homefooter a{padding:0 1rem;color:#fff; margin:0px;position:relative;font-size:1rem; font-weight:400; }
#etw_homefooter a:hover{color:#0075c1; text-decoration:none;}
#etw_coper a{ color:#fff;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto}
#otherlink a{color:#fff; font-size:0.625rem; 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:#0075c1;border:1px #0075c1 solid; text-decoration: none;}
#otherlink a:hover span {opacity:1;top:-3px;transition:all .3s ease-in-out}

.form_wrap {
  padding-top: 15px;
}
.form-group{
	 margin-bottom:12px;
}
.form-control:focus {
  border-color: #ff0000;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.3);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.3);
}
label{font-weight:200}
.form-group{ position:relative;}
.form-group span{ color:#FF0000; font-size:18px; position:absolute; top:25%; left:3px;}
.textarea span{top:5px;}

.form-control{
  border-radius: 0px; height:34px; font-size:14px;
  background-color:#F2F2F2;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #555; opacity:1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #555;opacity:1;
}
.form-control:-ms-input-placeholder{
  color: #555;opacity:1;
}
.form-control::-webkit-input-placeholder{
  color: #555;opacity:1;
}
#sendmessagebutton{ background: #0100fc; min-width: 90px;}


.bmessbox {position:fixed;bottom:30px;right:15px;width:auto;text-align:center;font-family:Arial,Helvetica,sans-serif;line-height:30px}
.bmessbox a {text-decoration:none;font-size:14px;border:1px solid #666;float:left;margin-right:1px;padding:2px 8px;line-height:30px;width:auto;font-weight:700;background:#9a2434;color:#fff;transition:background linear .4s;-webkit-transition:background linear .4s;-moz-transition:background linear .4s;border-radius: .25rem;}
.bmessbox a:hover{background:#DC143C;color:#fff}

.messboxnr{ width:240px; height:auto; padding:35px 0 0 0; position:fixed; bottom:0; right:0; text-align:center; display:none; z-index:10001;background:#06873e; /*border-top-left-radius:3px; border-top-right-radius:3px;*/}
.messboxnr h5{ font-size:15px; color:#fff; position:absolute;top: 8px;left: 12px; font-weight: normal;}
.messboxnr span{ position:absolute; right:11px; top:10px; width:16px; height:16px; background: url(../images/messclo.png) no-repeat center center; display:inline-block; cursor:pointer;}
.messboxlist{ background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);border: 1px solid #eee; padding-top:10px;}
.messboxlist ul li { padding:0 10px; overflow:hidden; margin-bottom:10px;}
.messboxnr input { width:100%; margin:0 auto; padding:5px 0;background:#fff; border-radius:1px; border:solid 1px #ddd;color:#666; text-indent:5px; outline:none; box-shadow:none; line-height:20px;}
.messboxnr textarea{ width:100%; margin:0 auto; height:50px; background:#fff; border-radius:1px; padding:5px 0; border:solid 1px #ddd;color:#666; text-indent:5px; outline:none; box-shadow:none;}
.messboxnr input.btns{ width:100%; padding:5px 0;margin-top:10px; text-align:center; background:#00903e; border:none; border-radius:2px; color:#fff; cursor:pointer;line-height:24px; margin:0; float:left;}
.messboxnr input.btns:hover{ background:#06873e; color:#fff;}

.messboxnr .col-lg-6{ width:100%;}
.messboxnr .submit{ margin-right:15px; margin-top:10px;}

.cd-top {
  display: inline-block;
  height: 35px;
  width: 35px;-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  position: fixed;
  bottom: 100px;
  right: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../images/top.png) no-repeat center 9px #999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top:hover {background:url(../images/top.png) no-repeat center 9px #0100fc;}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

@media (max-width: 1500px) {    
.navbar-light .navbar-nav a.nav-link{/* font-size:1rem*/} 
#etw_banner .banner_txt{ top:45%}
#etw_banner .banner_txt h1{ width:100%}
#etw_banner .proitem{ display:none}
}
@media (max-width: 1280px) {    
.navbar-light .navbar-nav a.nav-link{padding: 0.4rem 1rem;} 
}
@media (max-width: 1170px) {    
.navbar-light .navbar-nav a.nav-link{padding: 0.4rem 0.65rem;} 
}
@media (max-width: 1199.98px) {  
.company_txt h1{ font-size:1.5rem; line-height:1.5rem}
.company_txt p{ font-size:0.875rem; line-height:1.25rem}
#etw_logo{ margin:0 0 0.6rem 1rem} 
#etw_banner .banner_txt h1{ display:none}
}

@media (max-width: 1024px) {    
.navbar-light .navbar-nav a.nav-link{padding: 0.4rem 0.5rem; font-size:0.85rem;} 
}
@media (max-width: 991.98px) { 
.etw_video{ margin:0 1rem}
#etw_language{ display:none}
.top-nav{ width:100%; margin-top:0; text-align:left}
.navbar{padding:0.05rem 0rem 0;}
.navbar-light .navbar-nav li.active a.nav-link:before,.navbar-light .navbar-nav>li>a.nav-link:hover:before{ background:none;}
.navbar-light .navbar-nav a.nav-link{ font-weight:400;font-size:1rem; border-bottom: 1px solid rgba(0,0,0,.1); margin:0px; padding:0.5rem 0 0.5rem 0.5rem;}
.dropdown-menu{ border:none;}
.navbar-light .navbar-toggler{ color:#004ea2; font-size:1.6rem; margin:0.5rem 0.5rem 0 0;}
.navbtn{ margin:1.4rem 1rem 0 0}
#header{position: relative;}
#container{margin-top:0;}    
#etw_sidebar,#etw_producttitle,.bottoms{ display:none}
#etw_right{width:100%; padding-left:0; background:#fff}  
.company_txt{ padding-bottom:1.5rem}
 .description { overflow-x:scroll; clear:both;}
 
}

@media (max-width: 767.98px) { 
#etw_banner{ display:none}
#etw_homefooter a{font-size:0.875rem;}   
.etw_hometitle, h2{font-size:1.2rem; margin-top: 0.5rem;} 
.etw_products1 ul > li,.etw_products1 ul.four > li{ width:48%; margin-right:4%}
.etw_products1 ul > li:nth-child(3n),.etw_products1 ul.four > li:nth-child(4n){ margin-right:4%}
.etw_products1 ul > li:nth-child(2n),.etw_products1 ul.four > li:nth-child(2n){ margin-right:0} 
#etw_producttitle{ padding-bottom:0.5rem} 
.etw_productlists,.etw_contactin{ width:100%}
.etw_contactin{ padding-bottom:40px;}    
.company_txt{ width:100%; padding:1.5rem}     
.othertitle p{ display:none}
.col-sm-3{ padding-right:15px}
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap} 
.etw_mainproducts ul>li{ width:48.5%; margin-right:2%}
.etw_mainproducts ul>li:nth-child(3n){ margin-right:2%}
.etw_mainproducts ul>li:nth-child(2n){ margin-right:0} 

}
@media (max-width: 575.98px) {
.table-responsive{width:100% !important}
.etw_homelink ul li ol .title_g,.company > img,.etw_products1 ul > li > ol > li.product_con span{ display:none;} 
#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
.etw_products ul>li,.img_left, .img_right,.left_pic,.etw_products > ul.three > li{width:100%; margin-right:0;}
.smwidth{width:100%;}   
.etw_products1 ul>li{ background:#fff}
.etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){margin-right:0;}
.etw_pic3 ul li,.etw_pic4 ul li,.etw_pic5 ul li{width:49%;margin-right:2%;}  
.etw_productlists ul > li{ width:100%; padding-bottom:15px;} 
.etw_products > ul > li .product_img,.etw_products > ul > li .product_con,.etw_productlists ul > li:nth-child(2){ width:100%; padding-left:0}
.etw_products > ul > li .more a{ margin:0.8rem 0 1rem 0} 
.etw_cer ul li,.etw_cer ul li img{ width:100%; margin-right:0;padding:0px;}  
.etw_application ul > li > ol > li.product_con{left:0.5rem; bottom:0.6rem}
.etw_application ul > li > ol > li.product_con a{ font-size:0.875rem}
.other_pro ul > li{ width:48.5%; margin:0 3% 1.125rem 0}
.other_pro ul > li:nth-child(4n){ margin-right:3%}
.other_pro ul > li:nth-child(2n){ margin-right:0} 
.etw_cer ul li{ margin:0 0 1rem 0; width:100% !important}
.video-pros{ width:100%}
.fl,.fl { float:none;}
.rcsort,#rpage { width:98%; display:block; padding:0 1%; float:none; text-align:center;}
#ptoptit { height:auto;}

}