@charset "utf-8";
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype")}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../font/roboto-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../font/roboto-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/roboto-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/roboto-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/*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:#2d4a9a; }
a.links:hover{ text-decoration:underline; }

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;width:100%;}
.table-responsive{margin-bottom:20px; 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 .top{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 0 1.25rem;font-size:1.6rem; color:#202020;font-weight:700; margin: 0;}
.etw_hometitle{font-size:1.6rem; padding-bottom:0.8rem; color:#202020; margin-bottom:1rem} 


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:55px;bottom:150px;text-align:center; background:#f35d0b;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 .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:#174277; } 
.ys{ color:#333; font-size:1.125rem; display:block; font-weight:500; text-align:center; width:90%; padding:1.2rem 0 1.5rem 0; margin:0 auto; line-height:1.6rem}
.imgs{ float:left; margin:0.5rem 0 1rem 0}
.clearfix{clear:both;}


/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:10; background:#00325b; margin:0 auto;} 
#headerin{width:100%; margin:0px auto; max-width:1140px; }  
#etw_logo{ width:62px; height:84px; float:left;}
.etw_video{ width:88px; height:84px; background:#68b92e; float:right; position:relative}
.etw_video:before{ position:absolute; content:""; width:91px; height:43px; background:url(../images/icon1.png) bottom center no-repeat; left:-1px; right:0; bottom:-38px}
.etw_video a{ display:block; color:#fff; font-size:1.125rem; text-align:center; line-height:84px; font-weight:700}
.etw_video a:hover{ text-decoration:none}
.navbtn{ margin-top:1rem;}
#etw_language{float:right; min-height:38px; padding:0 7rem 0 0; width:auto; text-align:right; margin-top:1.6rem}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.8125rem; padding:0 0 0.4rem 2rem; color:#fff; font-weight:400}
#etw_language .dropdown-item:hover{ color:#68b92e; text-decoration:underline; background:none} 

.top-nav{ width:100%; margin:0 auto; text-align:left; background:#fff;}
.navbar{ padding:0;}
.navbar-collapse{justify-content:flex-start;}
.navbar-light .navbar-nav a.nav-link{color:#303030; padding:1rem 1.25rem; margin:0; line-height:1.25rem; font-size:1rem; font-weight:500;}
.navbar-light .navbar-nav li.active a.nav-link,.navbar-light .navbar-nav li:hover a.nav-link{color:#fff; background:#00325b}
.navbar-nav .dropdown-menu{background-color: rgba(0,0,0,.77); top: 96%; padding: 0;}
.navbar-light .navbar-nav .dropdown-item{font-weight:400; font-size:0.875rem; border-bottom: 1px #fff solid; color:#fff; padding:0.5rem 1.5rem} 
.dropdown-item:hover,.dropdown-item.active{color:#0075c1 !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:22%; max-width:1140px; left:0; right:0; text-align:left} 
#etw_banner .banner_txt h1{font-size:2rem; color:#00325b; width:43%; font-weight:700; line-height:2.4rem; padding:0; float:right}  
#etw_banner .banner_txt2 h1{font-size:1.5rem; color:#00325b; width:38%; font-weight:500; line-height:2.2rem; padding:0; float:right}  
#etw_banner .banner_txt p{ font-size:1.125rem; color:#fff; padding-top:0.2rem; font-weight:700; line-height:1.4rem}  


.company{ width:100%; margin:0 auto;overflow:hidden; margin-top:-3rem; background:#fff; position:relative; z-index:1; border-radius:5px; box-shadow:6px 10px 25px 0 #f0f0f0} 
.company>img{ width:28.5%;float:left} 
.company_txt{ width:68.5%; float:right; padding:1.5rem 2rem 0 0}  
.company_txt p{color:#5d5d5d; line-height:1.25rem;  font-size:0.875rem;} 
.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;}  
.more a:hover{ background:#051628} 


.etw_mainproducts .etw_hometitle,.etw_homelink .etw_hometitle{ display:block; width:auto; margin:3rem 0 0 0; padding:0; color:#5d5d5d; font-size:1.25rem; text-align:left;  border-bottom:1px #ccc solid;}
.etw_mainproducts .etw_hometitle span,.etw_homelink .etw_hometitle span{ display:inline-block; position:relative; width:auto; padding:0 0 0.6rem 0;}
.etw_mainproducts .etw_hometitle span:before,.etw_homelink .etw_hometitle span:before{ position:absolute; content:""; width:19px; height:30px; margin:0 auto;  right:-2rem; top:-0.2rem; background:url(../images/icon.png) top center no-repeat}
.etw_mainproducts{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap} 
.etw_mainproducts ul>li{ width:32%; margin:0 2% 3rem 0}
.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:0.9375rem; font-weight:700; line-height:1.25rem; text-align:center; color:#00325b; padding:0.4rem 0 1rem 0}
.etw_mainproducts ul>li>ol>li.product_con span{ display:block; font-size:0.875rem; font-weight:400; line-height:1.25rem; color:#292929; padding:0 4%}
.etw_mainproducts ul>li>ol>li.product_con .more a{ display:block; width:105px; line-height:33px; color:#fff; background:#00325b; border-radius:5px; text-align:center; font-weight:500; text-transform:uppercase; font-size:0.875rem;; margin:1.8rem auto 0 auto; padding:0; border:none}
.etw_mainproducts ul>li>ol>li.product_con .more a:hover{ background:#68b92e; text-decoration:none}

 .etw_homelink .etw_hometitle{ margin-top:1rem}
.etw_homelink{ width:100%; height:auto; margin:0 auto; padding-bottom:2rem} 
.etw_homelink ul{ width:100%; display:flex; flex-wrap:wrap} 

  
#etw_bottom{ width:100%; margin:0 auto; padding:3.5rem 0 2rem 0; background:#00325b; overflow:hidden;}  
#etw_bottom ul{ width:100%; display:flex; padding-top:1rem; border-top:1px #fff solid}
#etw_bottom ul>li,#etw_bottom ul>li>ol,#etw_bottom ul>li>ol>li{ width:100%;}
#etw_bottom ul>li>a{ display:block; color:#fff; font-size:1.125rem; font-weight:700; padding-bottom:1rem}
#etw_bottom ul>li>ol>li>a,#etw_bottom ul>li{ display:block;color:#fff; font-size:0.9375rem; font-weight:400; line-height:1.3rem; padding:0 0 0.1rem 0}
#etw_bottom ul li a:hover,#etw_bottom ul>li .contacts:hover{ color:#68b92e; text-decoration:underline}
#etw_bottom ul>li .contacts{ display:inline-block; color:#fff;}
#etw_bottom ul>li p{ padding-bottom:0.2rem} 

#etw_bottom1{padding:2.5rem 0 2rem 0;  background: url(../images/index.png) bottom right/auto 100% no-repeat #103e64; overflow:hidden} 
.feedback{ width:94%; height:auto; margin:0 auto; max-width:1040px;}
.feedback .etw_hometitle{ text-align:left; color:#fff; font-size:2rem; position:relative; margin-bottom:1.2rem}
.feedback .etw_hometitle:before{ position:absolute; content:""; width:60px; height:4px; background:#68b92e; left:0; bottom:-4px}
.feedback p{ float:left; padding-top:0.5rem; font-size:1.25rem; color:#fff}
.feedback a{ display:inline-block; width:auto; padding:0.8rem 1.2rem; border:1px #fff solid; background:#68b92e; color:#fff; text-transform:uppercase}
.feedback a:hover{ background:#000}


.col-sm-3{ padding-right:40px;} 

.call_con{ width:200px; height:auto; margin:1rem auto;}
.call_con a{ display:block; color:#fff; font-size:1.25rem; line-height:1.5rem; padding:0.5rem 0; font-weight:700; text-align:center; background:#67b92d; border-radius:5px; border:1px #3d810d solid}
.call_con a:hover{ background:#00325b; border:1px #01223d solid; text-decoration:none}

.about{ width:100%; overflow:hidden; padding-bottom:1.25rem}
.about ul{ width:100%; display:flex; flex-wrap:wrap;}
.about ul li{ width:48.5%; margin:0 3% 0 0}
.about ul li:last-child{ margin-right:0; position:relative}
.about ul li:last-child p{ position:absolute; left:0; bottom:0; border-bottom:1px #00325b solid}


/*container*/
#container{margin-top:136px;} 
.content{ width:94%;  max-width:1140px; margin:0 auto;}
.etw_content{ width:94%;  max-width:1140px; margin:0 auto; background:#f4f4f4; overflow:hidden;}
#etw_right{ width:79%; float:left; background:#fff; padding:0 3% 2% 0;} 
#etw_sidebar{ width:21%; float:right;} 
#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; padding:0 1.2rem}
.etw_productlist ul{ margin:0}
.etw_productlist ul,.etw_productlist ul li,.etw_productlist ul li ol li,.etw_productlist ul li ol li{width:100%; float:left}
.etw_productlist ul>li>a{display:block; font-size:0.9375rem; color:#292929; line-height:1.125rem; padding:10px 0.5rem 10px 1.3rem; border-top:1px #e3e3e3 solid; position:relative}  
.etw_productlist ul>li>a:before{position: absolute; content: "\f105"; color: #fff; background: #999; border-radius: 50%; width: 12px; height: 12px; line-height: 12px; text-align: center; font-size: 0.8135rem; font-family: fontawesome; padding-left: 1px; left: 0; top: 13px;}
.etw_productlist ul>li>ol>li>a{font-size:0.75rem; display:block; line-height:1rem; color:#474747; padding:8px 0 8px 1.3rem; border-bottom:1px #e3e3e3 solid;}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{ color:#68b92e; text-decoration:none} 
.etw_productlist ul>li>a:hover:before,.etw_productlist ul>li>a.dq:before{ background:#68b92e}


.etw_cer{ width:100%; height:auto; float:left;}
.etw_cer ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_cer ul li{ width:23.5%; margin:5px 2% 20px 0; padding:12px; background:#f4f4f4}
.etw_cer ul li:nth-child(4n){ margin-right:0} 
.etw_cer ul li .certitle{ width:100%; text-align:left; line-height:20px; padding:0.8rem 0; color:#43555f; font-weight:700; text-align:center}
.etw_cer ul li:hover .certitle{ color:#ed1848}

.etw_application{ width:100%; }
.etw_application ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_application ul>li{ width:32%; margin:0 2% 1rem 0}
.etw_application ul>li:nth-child(3n){ margin-right:0}
.etw_application ul>li>ol,.etw_application ul>li>ol>li{ width:100%;}
.etw_application ul>li>ol>li.product_img img{ width:100%; text-align:center;}
.etw_application ul>li{ position:relative}
.etw_application ul>li>ol>li.product_con{ position:absolute; content:""; left:1rem; bottom:1.3rem}
.etw_application ul>li>ol>li.product_con a{ display:block; color:#333; font-size:1rem; line-height:1.25rem; font-weight:500}
.etw_application ul>li>ol>li.product_con:hover a{ color:#68b92e; text-decoration:underline}

.videoall,.videoall ul{ width:100%; float:left;}
.videoall ul>li{width:48%; margin:0 4% 20px 0; float:left;}
.videoall ul>li:nth-child(2n){ margin-right:0}
.videoall ul>li:nth-child(2n+1){ clear:both}
 

/*快速导航*/
#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{color:#000; font-size:1.4rem; line-height:1.8rem; padding:0 0 1.25rem; font-weight:500;}

.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{ width:100%; line-height:1.4rem; padding:0 0 10px 26px; position:relative; }
.proitem>li::before{ position:absolute; content:"\f058"; left:0; top:0; color:#41adfa; font-family:fontawesome; font-size:0.875rem} 
.proitem>li ol{ display:block; line-height:1.125rem; padding:0.3rem 0}
 

.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:23.5%; margin:0.8rem 2% 0 0;}
.etw_products1 ul>li:nth-child(4n){ margin-right:0} 
.etw_products1 ul.five>li{ width:18.4%; margin:0.8rem 2% 0 0;}
.etw_products1 ul.five>li:nth-child(4n){ margin-right:2%} 
.etw_products1 ul.five>li:nth-child(5n){ 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{ width:100%;} 
.etw_products1>ul>li>ol>li.product_con a{ display:block; text-align:center; font-size:0.875rem; line-height:1.125rem; font-weight:500; color:#333; padding:0.7rem 3% 0.5rem 3%;}
.etw_products1>ul>li:hover>ol>li.product_con a{text-decoration:underline; color:#68b92e}  
 

.img_center{width:100%;clear:both;margin:0.3rem auto 1.25rem auto;text-align:center; }
.img_center img{ border:1px #dedede solid}
.noborder img{ border:none}
.img_left,.img_right{width:45%;float:right; margin:10px 0 14px 5%; text-align:center;}
.img_left{float:left;margin:0 3% 20px 0;}
.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}
.img_right img{box-shadow:-25px 25px 0px #e4eef5}

.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:50%; height:auto; float:right; margin:8px 0 0 0;}
.left_pics{ width:100%; height:auto; float:left; } 
.left_pics img{ width:100%; text-align:center; border:1px #ccc solid}
.left_pics a{ cursor:default} 
.related_pic{ width:100%; height:auto; float:right;  text-align:center}
.related_pic a{ width:18%; height:auto; float:left; margin:12px 3% 0 0; display:block; text-align:center; color:#666; font-size:12px;}
.related_pic a:nth-child(5n){ margin-right:0}
.related_pic a img{ width:100%; border:1px #ccc solid}  
 

.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: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; padding:1.5rem 1rem 1rem 1rem}
.other_pro ul{ width:100%; display:flex; flex-wrap:wrap}
.other_pro ul>li{width:23.5%;margin:0 2% 0 0;overflow:hidden}
.other_pro ul li:nth-child(4n){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:13px}
.other_pro ul li ol:hover li.product_con a{color:#67b92d;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:#00325b;  overflow:hidden; padding:1rem 0 1rem 0;}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative; border-top:1px #000 solid; }
#etw_homefooter{height:auto;padding:2rem 0 1.2rem 0;  text-align:center; position:relative; width: 100%; border-top:1px #398cd1 solid;}
#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{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.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}


@media (max-width: 1500px) {    
.navbar-light .navbar-nav a.nav-link{ font-size:1rem}
.etw_homelink ul.text li ol{ padding-top:8%}
}

@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 1rem} 
#container{ margin-top:103px} 
#etw_banner .banner_txt h1{ display:none}
}

@media (max-width: 991.98px) { 
.etw_video{ margin:0 1rem}
#etw_language{ display:none}
.top-nav .content{ width:100%;}
.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;}   
.content1{ padding:2rem 0 1.5rem 0}
#etw_sidebar,#etw_producttitle{ display:none}
#etw_right{width:100%; padding-right:0}  
.company_txt{ padding-bottom:1.5rem}
 
}

@media (max-width: 767.98px) { 
.company > img{ display:none}
	#etw_homefooter a{font-size:0.875rem;}   
	.etw_hometitle, h2{font-size:1.2rem; margin-top: 0.5rem;} 
	.etw_products1 ul > li{ width:48%; margin-right:4%}
	.etw_products1 ul > li:nth-child(3n){ margin-right:4%}
	.etw_products1 ul > 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}   
.etw_mainproducts ul > li,.etw_products1 ul.five>li{ width:48.5%; margin:0 3% 1.125rem 0}
.etw_mainproducts ul > li:nth-child(3n),.etw_products1 ul.five>li:nth-child(5n){ margin-right:3%}
.etw_mainproducts ul > li:nth-child(2n),.etw_products1 ul.five>li:nth-child(2n){ margin-right:0} 
.etw_application ul > li{ width:48.5%; margin:0 3% 1.125rem 0}
.etw_application ul > li:nth-child(3n){ margin-right:3%}
.etw_application ul > li:nth-child(2n){ margin-right:0} 
.about{ padding-bottom:0}
.about ul li{ width:100%}
.about ul li:last-child p{ position:static; padding-top:1rem}
.othertitle p{ display:none}
.col-sm-3{ padding-right:15px}
	
}
@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_mainproducts ul > li{ width:100%; margin:0 0 1.25rem 0}
.etw_cer ul li,.etw_cer ul li img{ width:100%; margin-right:0;}  
.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} 
.videoall ul>li{ width:100%; margin:0 0 20px 0}
}