@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: 'OpenSans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/OpenSans-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: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/OpenSans-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: 'OpenSans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../font/OpenSans-600.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: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../font/OpenSans-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:Arial, Helvetica, sans-serif;; color:#474747; font-weight:400; font-size:0.9375rem;  line-height:1.55rem}
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; width: 100px;}
.table>tbody>tr>td{vertical-align:middle;padding:7px;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:20px; 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:#202020; font-size:1.4rem; display:block; font-weight:600; text-align:center; width:80%; padding:1.5rem 0; margin:0 auto; line-height:1.9rem}
.imgs{ float:left; margin:0.5rem 0 1rem 0}


/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:10; background:#fff; margin:0 auto;}
.header-top{ width:100%; height:auto; margin:0 auto; background:#0075c1}
#headerin{width:100%; margin:0px auto; max-width:1180px; }  
#etw_logo{ width:139px; height:90px; float:left;}
.navbtn{ margin-top:1rem;}
#etw_language{width:22%;float:right;text-align:right;margin:8px 0 0}
#etw_language a{color:#383838;line-height:12px;padding:0 15px 0 3px;font-size:12px;display:inline-block}
#etw_language a strong{font-size:12px}
#etw_language a:hover{color:#0075c1}

.top-nav{ width:auto; float: right;}
.navbar{ padding:0;}
.navbar-collapse{justify-content:flex-end;}
.navbar-light .navbar-nav a.nav-link{color:#1b1b1b; padding:1.3rem 0 1rem 0; margin:0 1rem; line-height:1.25rem; font-size:16.5px; font-weight:500; position:relative;}
.navbar-nav .dropdown-menu{background-color:#fff; top: 96%; padding: 0;}
.navbar-light .navbar-nav .dropdown-item{font-weight:400 !important; font-size:0.875rem; border-bottom: 1px #ccc solid; color:#383838; padding:0.5rem 1.5rem} 
.dropdown-item:hover,.dropdown-item.active{color:#0075c1 !important; background-color:#fff;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color:#1b1b1b !important}
.navbar-light .navbar-nav li.active a.nav-link:before,.navbar-light .navbar-nav>li>a.nav-link:hover:before{ position:absolute; content:""; width:100%; height:5px; background:#6fb92e; left:0;bottom:0;}

#menu-items{ width:100%; padding:1rem 2rem 1rem 2rem; min-width:990px; left:-390.65px;}
#menu-items>li{ width:32%; margin:0 2% 1rem 0;transition: all 0.3s;float:left; padding:0.5rem}
#menu-items>li:nth-child(3n){ margin-right:0;} 
#menu-items>li>a{color:#202020; display:block; font-size:0.9375rem; text-align:left; margin:0px; padding:0.5rem 1.5rem 0.5rem 0.5rem !important; font-weight:700 !important}
#menu-items>li>ol>li>a{ padding:0.3rem 1.5rem 0.3rem 0.5rem !important}
#menu-items>li a:hover,#menu-items>li a.active{}


/*首页附加样式*/
#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:42%; max-width:1180px; left:0; right:0; text-align:left} 
#etw_banner .banner_txt h1{font-size: 1.8rem; color: #fff; width: 50%; font-weight: 700; line-height: 2.4rem; padding: 2rem 1rem 2rem 1.5rem; background: rgba(0,0,0,.77);}  
#etw_banner .banner_txt p{ font-size:1.125rem; color:#fff; padding-top:0.2rem; font-weight:700; line-height:1.4rem}  
#etw_banner .banner_txt a:hover{ text-decoration:none}


.company{ width:100%; margin:0 auto; padding:3.4375rem 0 2.8125rem 0; background:url(../images/cbg.png) top right no-repeat; overflow:hidden} 
.company>img{ width:42.4%;float:left}
.company1>img{ width:45%; box-shadow:25px 25px 0px #e4eef5}
.company_txt{ width:54.6%; float:right}
.company1 .company_txt{ width:46%; float:right}
.company_txt h1{font-size:1.75rem; color:#000; width:95%; font-weight:600; line-height:2.2rem; padding:1rem 0 0 0; margin:0 0 1rem 0; position:relative}   
.company_txt h1:before{ position:absolute; content:""; width:39px; height:5px; background:#0075c1; left:0; top:0}
.company1 .company_txt h1{ font-size:1.6rem; padding:1rem 0 0.4rem 0; margin-bottom:0.7rem}
.company_txt p{color:#000; line-height:1.5rem;  font-size:0.9375rem;}
.company1 .company_txt p{ color:#383838;}
.more a{ display:block; width:128px; font-size:1.125rem; font-weight:400; color:#0075c1; position:relative} 
.more a:before{position:absolute; content:"\f178"; color:#0075c1; font-size:1.125rem; font-weight:700; top:2px; right:0; font-family:fontawesome}
.more1 a{ display:block; width:160px; font-size:1.125rem; font-weight:400; color:#0075c1; position:relative} 
.more1 a:before{position:absolute; content:"\f178"; color:#0075c1; font-size:1.125rem; font-weight:700; top:2px; right:0; font-family:fontawesome; margin-right:-25px;}
.more a:hover{ background:#051628}  
.more1 a:hover{ background:#051628}  

.etw_mainproducts .etw_hometitle{ display:block; margin:0; padding:4rem 0 1.5rem 0; color:#383838; font-size:1.75rem; text-transform:uppercase; text-align:center;} 
.etw_mainproducts p{ display:block; width:75%; line-height:1.25rem; margin:0 auto; text-align:center; padding-bottom:2rem}
.etw_mainproducts{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:url(../images/cbg.jpg) top repeat-x #fff}
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_mainproducts ul>li:nth-child(1){ width:23.5%; margin: 0 2% 0 0; position:relative}
.etw_mainproducts ul>li:nth-child(2){ width:74.5%;}
.etw_mainproducts ul li ol{ width:31.5%; float:left; margin:0 2.7% 3.4% 0}
.etw_mainproducts ul li ol:nth-child(3n){ margin-right:0} 
.etw_mainproducts ul li a img,.etw_mainproducts ul li ol a img{ width:100%; text-align:center;   display:block} 
.etw_mainproducts ul li .title_p,.etw_mainproducts ul li ol .title_p{ display:block; color:#383838; font-size:0.9375rem; line-height:1.25rem; margin:0 auto; font-weight:400; text-align:center; padding-top:0.6rem} 
.etw_mainproducts ul>li:nth-child(1) .title_p{ position:absolute; content:""; left:0; right:0; bottom:5rem}   
.etw_mainproducts ul>li .title_p:hover,.etw_mainproducts ul>li>ol .title_p:hover{ color:#0075c1; text-decoration:underline}


.etw_homelink .etw_hometitle{display:block; margin:0; padding:2rem 0 4rem 0; color:#383838; font-size:1.75rem; text-transform:uppercase; text-align:center;}  
.etw_homelink{ width:100%; height:auto; margin:0 auto; padding:3rem 2rem 0; background:#f5faff}
.etw_homelink ul{ width:100%; display:flex; flex-wrap:wrap}   
.etw_homelink ul li{ width:31.3%; margin:0 3% 0 0}
.etw_homelink ul li:nth-child(3n){ margin-right:0}
.etw_homelink ul li img{ width:100%}
.etw_homelink ul li ol{ width:100%; margin:0 0 10% 0; position:relative;}
.etw_homelink ul li ol .title_g{ display:block; width:100%; color:#fff; font-size:0.7375rem; line-height:1.25rem; padding:0.2rem 0.5rem 0.2rem 0.8rem; background:rgba(0,0,0,.77); position:absolute; left:0; bottom:0; height:50px;}
.etw_homelink ul.text li{ width:100%;}
.etw_homelink ul.text li p{ color:#383838; font-size:1.25rem; line-height:1.8rem;}
.etw_homelink ul.text  .more a{ width:170px} 
.etw_homelink ul.text li ol{ padding-top:4.8rem}
.etw_homelink ul.text li ol .title_g{ padding-top:0.8rem}
.etw_homelink ul li ol .title_g:hover{ background:#0075c1}



  
#etw_bottom{ width:100%; margin:0 auto; padding:3.5rem 0 4rem 0; background:#212529; overflow:hidden; border-bottom:1px #000 solid}  
.etw_productlists{ width:54%; float:right;}
.etw_productlists ul,.etw_productlists ul li,.etw_productlists ul li ol,.etw_productlists ul li ol li{ width:100%;}
.etw_productlists ul>li{ width:60%; float:left} 
.etw_productlists ul>li:nth-child(2){ width:40%}
.etw_productlists ul>li>a{ display:block; font-size:1.25rem; color:#fff; line-height:1.7rem; padding:0 0 1.25rem 0; font-weight:600} 
.etw_productlists ul>li>ol>li>a{ color:#fff; line-height:1rem; display:block; padding:0 0 0.8rem 1.25rem; font-size:0.9375rem; position:relative;}
.etw_productlists ul>li>ol>li>a:before{position:absolute; content:"\f105"; color:#eee; font-weight:700; left:0; top:0; font-size:1.125rem; font-family:fontawesome}
.etw_productlists ul li a:hover{ color:#fff; text-decoration:underline} 

.etw_contactin{ width:34%; float:left}
.etw_contact{ width:100%; color:#fff; line-height:1.3rem;  font-size:0.9375rem;}
.etw_contact ul{ width:100%; padding-top:1.25rem}
.etw_contact ul li{ width:100%; float:left; padding:0 0 0 2.25rem; position:relative}
.etw_contact ul li p{ padding-bottom:1.6rem}
.etw_contact a {color:#fff;}
.etw_contact a:hover{color:#0075c; text-decoration:underline}
.etw_contact ul li:before{ position:absolute; content:""; width:20px; height:19px; background:url(../images/loc.jpg) left no-repeat; left:0; top:6px}
.etw_contact ul li:nth-child(2):before{background:url(../images/tel.jpg) left no-repeat; left:0; top:4px}
 
.feedback{ width:100%; height:auto; margin:0 auto; max-width:1180px; padding:1.2rem 0 1.7rem 0; border-bottom:1px #38444a solid; text-align:center} 
.feedback p{ color:#fff; font-size:1.625rem; font-weight:700; text-align:center;}
.feedback a{ display:inline-block; width:auto; color:#fff; background:#da4435; font-size:1rem; text-transform:uppercase; text-align:center; padding:0.8rem 2rem; margin-left:1.5rem; border-radius:25px; font-weight:400}
.feedback a:hover{ background:#000;} 



/*container*/
#container{margin-top:90px;} 
.content{ width:94%;  max-width:1180px; margin:0 auto;}
.etw_content{ width:94%;  max-width:1180px; margin:0 auto; background:#f4f4f4}
#etw_right{ width:76%; float:right; background:#fff; padding:0 0 2% 3%; position:relative} 
#etw_right:before{ position:absolute; content:""; width:1px; height:100%; background:#ddd; left:0; top:0}
#etw_sidebar{ width:24%; float:left;} 
#etw_sidebar .etw_hometitle{ display:block; color:#000; text-align:left; font-size:18px; font-weight:700; padding:0 1.5rem 0.6rem 0; margin:0.5rem 0 ; position:relative}

.etw_productlist{width:100%; float:left; text-align:left}
.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:#383838; line-height:1.25rem; padding:12px 1.5rem 12px 0.8rem; border-top:1px #e3e3e3 solid; border-bottom:1px #e3e3e3 solid; font-weight:500;}
.etw_productlist ul.normal>li>a{ font-weight:400}
.etw_productlist ul>li>ol>li>a{font-size:0.75rem; display:block; line-height:1rem; color:#777; padding:8px 1.5rem 8px 0.8rem; border-bottom:1px #e3e3e3 solid;}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{ background:#f2f2f2; color:#0075c1; text-decoration:none} 


.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_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;}
.smalltitle2{font-size:1.1rem; display: block; color: #151f48; font-weight:600; line-height: 1.125rem; margin: 10px 0 5px 0;}
.etw_project .smalltitle2{ font-size:1rem; color:#000; margin:18px 0 0 0;}
b{color:#000; font-size:1rem; padding-top:0.6rem; font-style:italic}

.about_right{ width:45%; float:right} 
.about_left{ width:46%; float:left}
.about_right1{ float:left} 
.about_left1{float:right}
.smalltitle1,.smalltitle2{font-size:1.6rem; color:#000; width:95%; font-weight:500; line-height:2.2rem;  padding:1rem 0 0.4rem 0; margin-bottom:0.7rem; position:relative}
.smalltitle1:before,.smalltitle2:before{ position:absolute; content:""; width:39px; height:5px; background:#0075c1; left:0; top:0} 
.smalltitle2{ font-size:18px; margin:1.5rem 0 0 0; padding:0.5rem 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%}

.protitle{ width:100%; font-size:1.25rem; color:#202020; text-transform:uppercase; font-weight:600; padding:8px 0; margin-bottom:15px; border-bottom:1px #dedede solid}
.protitle a{ color:#202020}
.protitle a:hover{ color:#0075c1}


.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 20px; position:relative; }
.proitem>li::before{ position:absolute; content:"";      width:7px;     height:7px;  text-align: center;  -webkit-border-radius: 50%; border-radius: 50%;
 background:#41adfa; margin-right: 10px; left:0;   top: 7px;} 
 

.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;}   
.etw_products>ul>li .product_img{ width:30%; float:left; border-bottom:2px #fff solid}
.etw_products>ul>li:last-child .product_img{ border-bottom:none}
.etw_products>ul>li .product_img img,.etw_products1>ul>li>ol>li.product_img{width:100%}  
.etw_products>ul>li .product_con{width:70%; float:right; padding:0 0 0.5rem 5%;  border-top:1px #d6d6d6 solid;} 
.etw_products>ul>li:last-child{border-bottom:1px #d6d6d6 solid}
.etw_products>ul>li .product_con a{color:#101010; font-size:1.4rem; line-height:1.6rem; display: block; padding:1.8rem 0 0.8rem 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;  line-height:32px;  text-align:center; color:#fff;  font-weight:400; margin-top:1.8rem; font-size:0.875rem; padding:0; width:110px;} 
.etw_products>ul>li .more a:hover{color:#fff; text-decoration:none; background:#171839}  
.etw_products>ul>li .product_con span{ display:block; font-size:0.9375rem; line-height:1.4rem; color:#787878; padding-right:1%} 


.etw_products1{width:100%; height:auto; float:left}
.etw_products1 ul{ width:100%; display:flex; flex-flow: wrap;}
.etw_products1 ul>li{ width:31%; margin:0.8rem 3.5% 1.2rem 0;}
.etw_products1 ul>li:nth-child(3n){ 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{ padding-left:0.2rem}
.etw_products1>ul>li>ol>li.product_con a,.etw_products1>ul>li>ol>li.product_con1 a{ display:block; text-align:left; font-size:0.9375rem; line-height:1.25rem; font-weight:600; color:#202020; padding:0.7rem 0;}
.etw_products1>ul>li>ol>li.product_con1 a{ text-align:center; font-size:0.875rem; line-height:1.125rem; color:#666; padding:0.5rem 1rem 0 1rem; font-weight:400}
.etw_products1>ul>li:hover>ol>li.product_con a{text-decoration:underline; color:#0075c1} 
.etw_products1 ul>li>ol>li.product_con span{ color:#666; font-size:0.875rem; line-height:1.25rem !important; display:block}
 

.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_pic1 a{ width:14.1%}
.related_pic a:nth-child(5n){ margin-right:0}
.related_pic1 a:nth-child(6n){ margin-right:0}
.related_pic1 a:nth-child(5n){ margin-right:3%}
.related_pic a img{ width:100%; border:1px #ccc solid} 

.about_img{width:100%;overflow:hidden; float:left; margin:10px 0 15px 0}
.about_img ul{width:100%}
.about_img>ul>li{ float:left}
.about_img>ul>li:first-child{width:73%;margin:0 1% 3px 0}
.about_img>ul>li:last-child{width:26%}
.about_img>ul>li:last-child>ol{width:100%}
.about_img>ul>li:last-child>ol>li{width:100%;margin-bottom:7px}
.about_img ul li a img{width:100%; border:1px solid #dedede;padding:2px;}
.about_img ul li a:hover img{border-color:#2c3e50}

.right_con{ width:46%; float:left}
.right_con .smalltitle2{ margin-top:1rem}

.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%; border:1px #dedede solid; 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{font-size: 1.2rem; font-weight:bold; padding-bottom: 0.5rem;}
.othertitle span{position:relative;}
.othertitle span:after{position:absolute;content:""; left: 0;bottom:-0.5rem; width: 5rem; height: 0.2rem; background: linear-gradient(to right,rgba(20,87,160,0.8),rgba(47,47,47,0.1));}

.accordion{position:relative; padding:10px 0 18px 0}
.accordion span{ display:inline-block; font-size:20px; color:#202020; font-weight:600; padding-right:5px}
.accordionTitle{font-weight:400; font-size:0.9375rem; display:block; color:#232323 !important; padding:8px 15px 8px 20px; position:relative;}
.accordionTitle:before{position:absolute;content:"\f067";font-family:fontawesome; transition:.5s; top:9px; left:0; font-size:14px;}
.accordionTitle:hover{ color:#fa6161;}
.accordionTitle:hover:before{color:#fa6161; content: "\f068";}
.accordionTitle.is-expanded:before,.accordionTitleActive:before{color:#b62b29; content: "\f068"; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s}
.accordionItem{height:auto;overflow:hidden;max-height:50em;-webkit-transition:max-height 1s;transition:max-height 1s; border-bottom:1px #dedede solid}
.accordionItem.is-collapsed{max-height:0}
.no-js .accordionItem.is-collapsed{max-height:auto;}
.animateIn{-webkit-animation:accordionIn .45s normal ease-in-out both 1;animation:accordionIn .45s normal ease-in-out both 1}
.animateOut{-webkit-animation:accordionOut .45s alternate ease-in-out both 1;animation:accordionOut .45s alternate ease-in-out both 1}
.accordion p{ padding:15px 15px 15px  20px; color:#777; background:#f5f5f5}

/*底部*/
#footer{ width:100%;height:auto;background:#212529; padding:1rem 0 1rem 0; border-top:1px #40444a solid}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative;}
#etw_homefooter{height:auto;padding:1rem 0 1.2rem 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{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} 


#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}  


@media (max-width: 1500px) {   
#etw_banner .banner_txt { top:auto; bottom:8%}
#etw_banner .banner_txt h1{ width:70%}
.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}  
#etw_language{ width:auto}
#etw_banner .banner_txt h1,#menu-items>li>ol{ display:none}
#menu-items{ padding: 0; min-width:auto!important; left:0 !important}
#menu-items>li{ width:100% !important; margin-bottom:0;}
#menu-items>li>a{  font-weight:400 !important; padding:0 !important; color:#666}
}

@media (max-width: 991.98px) { 
#etw_language{ margin-top:25px;}
.top-nav{ 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:0.6rem 1rem 0 0}
#header{position: relative;}
#container{margin-top:0;}  
.etw_mainproducts ul > li{ width:100%; float:left; margin:0 0 1.2rem 0}
.etw_mainproducts ul > li > ol > li.product_img{ width:30%; float:left}
.etw_mainproducts ul > li > ol > li.product_con{ width:67%; float:right; padding:1.5rem 1rem 1rem 0}
.content1{ padding:2rem 0 1.5rem 0}
#etw_sidebar,#etw_producttitle{ display:none}
#etw_right{width:100%; padding-left:0}
#etw_right:before{ position:static; }
.smalltitle{ padding-top:0}
.etw_homelink ul li ol .title_g{ font-size:0.875rem}
.etw_cer ul li{ width:48%; margin-right:4%;}  
.etw_cer ul li:nth-child(4n){ margin-right:4%} 
.etw_cer ul li:nth-child(2n){ margin-right:0} 
}

@media (max-width: 767.98px) { 
	#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;}  
.etw_mainproducts ul > li:nth-child(1){ display:none}
.etw_mainproducts ul > li:nth-child(2){ width:100%}
.etw_mainproducts ul li .title_p, .etw_mainproducts ul li ol .title_p{ font-size:0.875rem}
.company1{padding-bottom:0 !important}
.company1 .company_txt,.about_right,.about_left{ width:100%; }
.company1 > img,.left_pic,.right_con{ display:block; width:100%;}
.right_con{ padding-top:2rem}
.smalltitle2 span::before{ position:static}
}
@media (max-width: 575.98px) {
.table-responsive{width:100% !important}
	#etw_language,.etw_homelink ul li ol .title_g,.company > img,.etw_products1 ul > li > ol > li.product_con span{ display:none;}
	.company_txt{ width:100%}
	#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_mainproducts ul > li{ width:48.5%; margin:0 3% 1.125rem 0}
	.etw_mainproducts ul > li:nth-child(3n){ margin-right:3%}
	.etw_mainproducts ul > li:nth-child(2n){ margin-right:0} 
	.etw_mainproducts ul > li > ol > li.product_img{ width:100%}
	.etw_mainproducts ul > li > ol > li.product_con{ display:none}
	.etw_mainproducts ul > li > ol > li.product_img .miantitle{ font-size:1rem}
	.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 ol{ width:48%; margin:0 4% 1rem 0;}
.etw_mainproducts ul li ol:nth-child(3n){ margin-right:4%;}
.etw_mainproducts ul li ol:nth-child(2n){ margin-right:0;}
.etw_cer ul li,.etw_cer ul li img{ width:100%; margin-right:0;}  
}