@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('Opensans'), local('Opensans-Regular'), url(../font/opensans-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: 'Opensans';
  font-style: normal;
  font-weight: 500;
  src: local('Opensans Semibold'), local('Opensans-Semibold'), url(../font/opensans-semibold.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('Opensans Bold'), local('Opensans-Bold'), url(../font/opensans-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;
}

/*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 1rem}
a.links{ color:#2d4a9a; }
a.links:hover{ text-decoration:underline; }

body{font-family: Opensans;color:#202020; font-weight:300; font-size:1rem;  line-height:1.75rem}
hr{margin:1rem 0 1.4rem 0; background:url(../images/topbg1.jpg) center repeat-x; height:10px}
table{margin:5px 0 20px;width:100% !important; border:1px #999 solid}
.table-responsive{margin-bottom:20px;}
table,td{border-bottom:1px solid #999!important}
tables,td{ border:1px #999 solid !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; font-weight:700 !important;}  
.tables>tbody>tr.top>td:nth-child(1){ font-weight:700 !important;} 
.table>tbody>tr>td{vertical-align:middle;padding:10px;} 
.table>tbody>tr>td:nth-child(1){ color:#000 !important; font-weight:700; padding-left:3rem; position:relative}
.table>tbody>tr>td:nth-child(1):before{ position:absolute; content:""; width:8px; height:8px; background:#000; border-radius:50%; left:1.5rem; top:40%}
.table>tbody>tr.nobefore>td:nth-child(1),.tables>tbody>tr>td:nth-child(1){ color:#202020 !important; font-weight:300; padding-left:10px;}
.table>tbody>tr.nobefore>td:nth-child(1):before,.tables>tbody>tr>td:nth-child(1):before{ content:normal}
.etw_hometitle,h2{ padding:0.5rem 0 1.25rem;font-size:1.8rem; color:#202020;font-weight:700; margin: 0;}
h2{ width:auto; display:inline-block; padding:0.6rem 1.125rem; background:#000; color:#fff; font-size:1.5rem; margin:0.5rem 0 1.5rem 2.5rem; position:relative}
h2:before{ position:absolute; content:""; width:22px; height:22px; background:#dfb933; border-radius:50%; left:-2.5rem; top:28%;}
.etw_hometitle{font-size:1.35rem; padding-bottom:1.125rem; 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; } 
.imgs{ width:46%; margin:0 2% 10px 0}


/*头部*/
.bgs{ width:100%; margin:0 auto; background:url(../images/bgs.jpg) top center no-repeat #000;}
#header.topbg{ background:#000}
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:10; background:none; margin:0 auto; padding-top:22px}
#header:before{ position:absolute; content:""; width:100%; height:22px; background:#242322; left:0; right:0; margin:0 auto; top:0}
#headerin{width:100%; margin:0px auto; max-width:1200px; padding:0.3rem 0 0.8rem 0} 
.headbg{ background:#000 !important;}
#etw_logo{ width:51px; height:49px; float:left;}
.companyname{ width:15%; float:left; font-size:0.8.35rem; color:#fe0000; line-height:1rem; padding:0.5rem 0 0 0.5rem}
.companynames{ width:auto; float:left; font-size:1.25rem; font-weight:700; text-transform:uppercase; line-height:1.25rem; padding:0.6rem 0 0.6rem 10%; color:#fff}
.navbtn{ margin-top:1rem;}
#etw_language{float:right; min-height:20px; width:100%; text-align:right; position:relative; margin-top:-24px;}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.75rem; padding:0 0 0 1.5rem; color:#fff; font-weight:300; background:none;}
#etw_language .dropdown-item:hover{ color:#da4435; text-decoration:underline; background:none} 

.top-nav{ width:100%; margin:0 auto; text-align:center;}
.navbar{ padding:0;}
.navbar-collapse{justify-content:center;}
.navbar-light .navbar-nav a.nav-link{color:#fff; padding:0; margin:0 1.5rem 0 1.5rem; line-height:1.125rem; font-size:1.125rem; font-weight:400; }
.navbar-light .navbar-nav li.active a.nav-link,.navbar-light .navbar-nav li:hover a.nav-link{color:#dfb933;}
.navbar-light .navbar-nav .dropdown-menu{ margin-top:0.5rem}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.875rem;}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{padding-right:0; margin-right:0px;} 
.dropdown-item.active{ background:none; color:#da4435;}
.dropdown-item:active{ background:#f8f9fa;}
.dropdown-item:hover{color:#da4435;}

/*首页附加样式*/
#etw_banner{width:100%; margin:0 auto; max-width:1470px; padding:2.325rem 0 3.125rem 0} 
#etw_banner .banner_txt{width:100%;} 
#etw_banner .banner_txt img{ width:44.4%; float:right}
#etw_banner .banner_txts{ width:46%; float:right; padding-top:4.5rem}
#etw_banner .banner_txt h1{font-size:2.4rem; color:#fff; width:100%; font-weight:700; line-height:3rem; font-family: 'Opensans';  text-transform:uppercase}   
#etw_banner .banner_txt h1 span{ background-image: -webkit-gradient(linear, 0 0, 0 top, from(rgba(255, 255, 255, 1)), to(rgba(223, 185, 51, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

#etw_banner1{ width:100%; margin:0 auto; position:relative}
#etw_banner1 img{ width:100%; text-align:center;}
#etw_banner1 .banner_txt{width:100%; position:absolute; max-width:1200px; left:0; right:0; top:12%; margin:0 auto;} 
#etw_banner1 .banner_txt h1{ color:#fff; font-size:3rem; line-height:3rem; font-weight:700; text-transform:uppercase; padding:0 0 0 2.5rem; position:relative}
#etw_banner1 .banner_txt h1:before{ position:absolute; content:""; width:22px; height:22px; background:#d5b44b; border-radius:50%; left:0; top:13px}

	

.mainproducts{ width:100%; padding:5.5rem 0 0 0}
.mainproducts ul{ width:100%; display:flex; flex-wrap:wrap} 
.mainproducts ul>li{ width:33%; text-align:center;} 
.mainproducts ul>li:ntch-child(3n){ margin-right:0}
.mainproducts ul>li>ol,.mainproducts ul>li>ol>li{ width:100%;} 
.mainproducts ul>li>ol>li.product_img img{ width:auto; display:block; text-align:center; margin:0 auto;}
.mainproducts ul>li>ol>li.product_con{ width:70%; float:right; text-align:left}
.mainproducts ul>li>ol>li.product_con a{ display:block; font-size:1.4rem; color:#fff; line-height:1.5rem; font-weight:700; padding:0.5rem 0 0 3.5rem; position:relative}
.mainproducts ul>li>ol>li.product_con a:before{ position:absolute; content:""; width:44px; height:29px; background:url(../images/icon01.png) no-repeat; left:0; top:0;}
.mainproducts ul>li:nth-child(2)>ol>li.product_con a:before{width:34px; height:31px; background:url(../images/icon02.png) no-repeat; left:10px; top:0;}
.mainproducts ul>li:nth-child(3)>ol>li.product_con a:before{width:35px; height:34px; background:url(../images/icon03.png) no-repeat; left:9px; top:0;}
.mainproducts ul>li>ol>li.product_con a:hover{ color:#fff;}


.company{ width:100%; background:url(../images/homepic.png) right 63px no-repeat; overflow:hidden}  
.company_txt{ width:50%; float:left} 
.company_txt p{color:#fff; line-height:1.6rem;  font-size:1.125rem; padding-bottom:1.25rem}
.company_txt .more{  width:120px; height:auto; float:right; margin:0.5rem 1rem 0 0}
.company_txt .more a{display:block; width:100%;  line-height:25px; border-radius:15px; background:#fff; color:#000; font-size:0.875rem; text-align:center; font-weight:400; padding:0 0 0.2rem 0;}
.company_txt .more a:hover{ background:#f00; text-decoration:none; color:#fff}  

.product_offered{ display:block; text-align:center; color:#fff; font-size:2.4375rem; line-height:2.5rem; padding:16rem 0 0 0; margin:0.3rem 0 0 0; font-weight:700; text-transform:uppercase}
.etw_mainproducts .etw_hometitle{ display:block; text-align:center; color:#fff; font-size:1.75rem; line-height:2rem; padding:0; margin:0 0 1rem 0; font-weight:700;}
.etw_mainproducts .etw_hometitle a{ color:#fff}
.etw_mainproducts{ width:100%; margin:0 auto; padding-top:25px;} 
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap;}
.etw_mainproducts ul>li{ width:23.875%; margin:0 1.5% 0 0;}
.etw_mainproducts ul>li:nth-child(4n){ margin-right:0}
.etw_mainproducts ul>li>ol,.etw_mainproducts ul>li>ol>li{ width:100%;}   
.etw_mainproducts ul>li>ol>li.product_img{ width:100%; display:block; position:relative; text-align:center}
.etw_mainproducts ul>li>ol>li.product_img img{ width:100%; margin:0 auto;}  
.etw_mainproducts ul>li>ol>li.product_con{ width:100%; }
.etw_mainproducts ul>li>ol>li.product_con a{ display:block; font-size:1.25rem; line-height:1.7rem; text-align:right; padding:0.5rem 0.2rem 0.5rem 0; color:#fff;} 
.etw_mainproducts ul>li:hover>ol>li.product_con a{ color:#f00; text-decoration:underline}
.etw_mainproducts ul>li>ol>li.product_con .more a{ display:block; width:110px; height:auto; float:right; line-height:25px; border-radius:12px; background:#dfb933; color:#fff; font-size:0.875rem; text-align:center; font-weight:700; text-transform:none; padding:0 0 0.2rem 0; margin-top:0.8rem}
.etw_mainproducts ul>li>ol>li.product_con .more a:hover{ background:#f00; text-decoration:none !important}
.etw_mainproducts ul>li:hover>ol>li.product_con .more a{ text-decoration:none}
.etw_mainproducts ul .mores{ width:210px; height:auto; margin:2rem auto 0.5rem; text-align:center;}
.etw_mainproducts ul .mores a{ display:block; color:#fff; font-size:1.8rem; font-weight:700; position:relative}
.etw_mainproducts ul .mores a:before{ position:absolute; content:"";  right:-2rem; top:6px; width:30px; height:15px; background:url(../images/bottom.png) no-repeat}
.etw_mainproducts ul .mores a:hover{ color:#dfb933; text-decoration:underline} 

.companytxt{ width:55%; float:left; margin:2rem 0 2rem 0; background:#000; padding:1.5rem 1rem 2rem 1.5rem; color:#fff; text-transform:uppercase; font-size:2.2rem; line-height:2.8rem; font-weight:700}


.etw_homelink .etw_hometitle{display:block; text-align:center; color:#fff; font-size:2.4375rem; line-height:2.5rem; padding:1rem 0 0 0; margin:0.3rem 0 1rem 0; font-weight:700; text-transform:uppercase}
.etw_homelink .etw_hometitle1{ color:#000; padding-top:0; margin-top:0}
.etw_homelink .etw_hometitle span{ width:auto; display:inline-block; text-align:center; padding:0 5rem; position:relative}
.etw_homelink .etw_hometitle span:before{ position:absolute; content:""; width:22px; height:30px; background:url(../images/left.png) no-repeat; left:0; top:6px;}
.etw_homelink .etw_hometitle span:after{ position:absolute; content:""; width:22px; height:30px; background:url(../images/right.png) no-repeat; right:0; top:6px;}
.etw_homelink{ width:100%; height:auto; margin:0 auto; padding:10px 0 0 0;}
.etw_homelink ul{ width:100%; display:flex; flex-wrap:wrap}
.etw_homelink ul>li{ width:19.2%; margin:1rem 1% 1rem 0;}
.etw_homelink ul>li:nth-child(5n){ margin-right:0} 
.etw_homelink ul>li img{text-align:center; width:100%; border:1px #eee solid} 
.etw_homelink ul>li .p_title{display:block; font-size:1.125rem; text-align:center;  line-height:1.4rem; color:#fff; background:#dfb933; border-radius:20px;  width:90%; margin:1rem auto 0 auto; padding:0.3rem 0.5rem 0.5rem 0.5rem}   
.etw_homelink ul>li:hover .p_title{ background:#fe0000}  
  
#etw_bottom{ width:100%; margin:0 auto; padding:1.5rem 0 0 0; background:#242322; overflow:hidden}  
.bottom_c,.company_add,.bottom_con{ width:100%;}
.company_add,.bottom_con .company_add{ display:block; color:#fff; font-size:1.125rem; line-height:1.4rem; text-transform:uppercase; font-weight:700; text-align:center; padding-bottom:2.5rem}
.bottom_con .company_add{ color:#000; text-align:left}
.bottom_c ul,.bottom_con ul{ width:100%; display:flex; flex-wrap:wrap}
.bottom_c ul  li,.bottom_con ul li{ width:25%; font-size:1rem; line-height:1.5rem; margin-bottom:2.5rem; color:#fff}
.bottom_c ul  li:nth-child(4n+1),.bottom_con ul  li:nth-child(4n+1){ clear:both}
.bottom_c ul  li a{ color:#fff;}
.bottom_c ul  li a:hover,.bottom_con ul  li a:hover{ color:#dfb933; text-decoration:underline;} 
.bottom_con ul li,.bottom_con ul  li a{ color:#000;}
.tel_left{ padding-left:95px;}

.brief{ width:100%; background:#fff; padding:1rem 0 1.5rem 0; font-size:1rem; line-height:1.75rem;}
.contact_con{ width:auto; display:inline-block; background:url(../images/contact.png) left bottom no-repeat #000; float:right; padding:0.3rem 1rem 0.4rem; margin:0.2rem 1.5rem 1rem 0}
.contact_con span{ display:block; color:#fff; font-size:1rem; padding:0 0 0 2.5rem; line-height:1.125rem}
.contact_con a{ display:block; font-size:1.25rem; color:#fff; font-weight:700; text-align:right;  padding:0.2rem 0 0 4rem; line-height:1.25rem}
.contact_con a:hover{ color:#dfb933}



/*container*/
#container{margin-top:106.6px;} 
#container.containerbg{ background:url(../images/topbg.jpg) top repeat-x; padding-top:22px} 
.content{ width:94%;  max-width:1200px; margin:0 auto;}  
.containerss{ width:100%; margin:0 auto; background:url(../images/probg.jpg) top center no-repeat #fff}
#etw_right{ width:72%; float:left;} 
#etw_sidebar{ width:26%; float:right; background:#000; padding-bottom:2rem} 
#etw_sidebar .etw_hometitle{ display:block; color:#fff; text-align:center; font-size:1.8rem; font-weight:400; padding:0.9rem 0 0.4rem 0; position:relative}
#etw_sidebar .etw_hometitle:before{ position:absolute; content:""; width:29px; height:19px; background:url(../images/lei.png) no-repeat; left:1.5rem; top:19px;}

.etw_productlist{ width:100%; float:left; background:#303030; padding:1rem 1.25rem 0 1.25rem}
.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{ background:#000; margin-bottom:10px;}
.etw_productlist>ul>li>a{ display:block; font-size:1.125rem; color:#fff; line-height:1.5rem; padding:14px 1rem 14px 2.5rem;  font-weight:500; position:relative} 
.etw_productlist>ul>li>a:before{ position:absolute; content:""; width:18px; height:18px; background:url(../images/biao.png) no-repeat; left:0.6rem; top:30%}
.etw_productlist>ul>li>a:after{ position:absolute; content:"\f107"; right:0.4rem; top:28%; color:#919191; font-size:1.25rem; font-family:fontawesome}
.etw_productlist>ul>li>ol{border-top:1px #919191 solid; float:left; padding-bottom:15px}
.etw_productlist>ul>li>ol>li>a{ font-size:0.875rem; color:#fff; line-height:1.25rem; padding:10px 1.5rem 0 2.5rem; display:block; font-weight:500; position:relative}
.etw_productlist>ul>li>ol>li>a:after{ position:absolute; content:"\f105"; right:0.6rem; top:28%; color:#919191; font-size:1.25rem; font-family:fontawesome}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{color:#dfb933;}
 

/*快速导航*/
#etw_producttitle{margin:0px auto 0px; height:auto; color:#000; overflow:hidden; padding:0; font-size:0.875rem; width:auto; float:left}
#etw_producttitle a{ color:#999; 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:#000;content:"/"; font-size:0.9375rem; font-family:fontawesome}
#etw_producttitle a:hover{color:#f00; text-decoration:underline;} 



/*其他公用样式*/
.protitle{ width:100%; height:auto; float:left; margin:1.5rem 0 1.8rem 0}
.protitle span{ display:inline-block; width:auto; float:left; color:#000; font-size:3.2rem; font-weight:700; text-transform:uppercase; padding:0.5rem 1.5rem 1.5rem  0}
.protitle a{ display:inline-block; width:auto; color:#fff; font-size:2rem; background:#000; line-height:2.5rem; padding:0.1rem 2rem 0.3rem 2rem}
.protitle a:hover{ background:#f00}

.protitle1{ width:100%; float:left; margin:0.5rem 0 1.8rem 0}
.protitle1 span{ display:inline-block; width:auto; float:left; color:#000; font-size:2.5rem; font-weight:700; text-transform:uppercase; padding:0.5rem 1.5rem 0 2.5rem; position:relative}
.protitle1 span:before{ position:absolute; content:""; width:22px; height:22px; background:#d5b44a; border-radius:50%; left:0; top:30%;}

.smalltitle{ display:block; color:#000; font-size:1.2rem; line-height:1.5rem; padding:0 0 1rem 2.5rem; font-weight:700; text-transform:uppercase}
.smalltitle1{ display:block; color:#000; font-size:1.5rem; line-height:1.5rem; padding:0.5rem 0 1rem 0; font-weight:700; text-transform:uppercase}
#etw_form .smalltitle1{ color:#fff; text-transform:none; font-size:1.25rem; padding:0}

.smalltitles {display: block; font-size: 1.125rem; line-height:1.25rem; padding:0.7rem 0 0.5rem 0; color: #000;  font-weight:700; }
.smalltitles a { color: #000;font-style: italic;}
.smalltitles a:hover{ color:#dfb933; text-decoration:underline}


.item1{ width:100%;  padding-left:1.5rem; position:relative; display:flex; flex-wrap:wrap; margin-bottom:1.75rem} 
.item1:before{ position:absolute; content:""; width:10px; height:100%; background:#000; left:0; top:0}
.item1 li{ width:49.5%; margin:0 1% 8px 0; font-size:1rem; font-weight:400; line-height:1.4rem; padding:1rem 1.25rem; background:#dfb933; color:#fff}
.item1 li:nth-child(2n){ margin-right:0}
.item1 li.last{ margin-bottom:0}
.photo_bg,.photo_bg1{ width:100%; background:#e6e7e9; padding:1rem 0}
.photo_bg1{ background:#fff; border-top:1px #eee solid}
.brief1{width:100%; background:#dfb933; padding:1rem 1.25rem 0.5rem}
.brief1 p{ font-size:1.125rem; line-height:1.8rem; color:#fff;} 


ul.item{width:97%;  float:none;}
ul.item li{list-style: decimal;margin:4px 0 5px 20px; line-height:25px;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{ padding:8px 0; float:none; width:auto; overflow:hidden}
.proitem>li{ width:100%; line-height:20px; padding:0 0 5px 12px; position:relative; }
.proitem>li::before{ position:absolute; content:"";  left:0; top:8px; width:5px; height:5px; background:#da4435; border-radius:50%;}
 

.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; margin-bottom:1rem}   
.etw_products>ul>li .product_img{ width:25%; 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:70%; float:right; padding:0 0 0.5rem 5%;  border-top:1px #dedede solid;}  
.etw_products>ul>li .product_con a{color:#101010; font-size:1.125rem; line-height:1.25rem; display: block; padding:1rem 0 0.7rem 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:300; 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:32.66%; margin:0 1% 0.8rem 0; background:#dfb934}
.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;}
.etw_products1>ul>li>ol>li.product_con a{ display:block; text-align:center; font-size:1.125rem; line-height:1.5rem; font-weight:500; color:#fff; padding:0.7rem 1rem; position:relative}
.etw_products1>ul>li>ol>li.product_con a:before{ position:absolute; content:"\f105"; color:#fff; font-size:1.8rem; top:29%; right:0.6rem; font-family:fontawesome}
.etw_products1>ul>li:hover{ background:#000} 
 

.img_center,.img_center1,.img_center2{width:100%;clear:both;margin:0.3rem auto 1.25rem auto;text-align:center;}
.img_center img{width:100%; border:1px #dedede solid}
.img_center1 img{ width:60%; margin:0 auto; text-align:center;}
.img_center2 img{ width:50%; margin:0 auto; text-align:center;}
.noborder img{ border:none}
.img_left{width:40%;float:right; margin:10px 0 14px 4%; text-align:center;}
.img_left{float:left;margin:0 3% 20px 0;}
.img_rights{width:35%;float:right; margin:15px 0 15px 4%; text-align:center;}
.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_rights 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.3rem 0.5rem; font-size:0.9375rem}
.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,.img_right{ width:46%; height:auto; float:right; margin:0 0 10px 0;}
.img_right{ width:40%}
.left_pics{ width:80%; height:auto; float:left; } 
.left_pics img{ width:100%; text-align:center;}
.left_pics a{ cursor:default} 
.related_pic{ width:20%; height:auto; float:right;  text-align:center}
.related_pic a{ width:100%; height:auto; float:left; margin:15px 0 0 0; display:block; text-align:center; color:#666; font-size:12px;}
.related_pic a img,.img_right img{ width:100%; } 

.right_con{ width:54%; float:left}

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%;}
#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%; background:#242322; padding:1rem}

.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));}

/*history*/
.history-box ul { position: relative; padding-top: 50px; }
.history-box ul:before { top: 0; content: ''; width: 4px; height: 100%; position: absolute; background: #dfb934; left: 180px; }
.history-box div>span { padding: 5px 20px; color: #dfb934; position: absolute; font-weight: bold; font-size: 24px; display: inline-block; vertical-align: top; left: 0; top: 0; border:2px #dfb934 solid;}
.history-box div>span:after { content: ''; position: absolute; width: 51px; height: 1px; background: #dfb934; top: 23px; left: 125px; }
.history-box div>span:before{content: "";position: absolute;top: 16px;right: -64px;width: 16px;height: 15px;background: #fff;border: 3px solid #dfb934;z-index: 1;
}
.history-box2 li>span { font-weight: bold; font-size: 30px; color: #dfb934; display: inline-block; margin-bottom: 20px; vertical-align: top; }
.history-box2 li { margin-bottom: 20px; }
.history-box div p>b { display: block; float: left; width: 12%; margin-top:0px; }
.history-box div p { font-size: 14px; line-height: 2; margin: 5px 0; }
.history-box div p:after { content: " "; clear: both; display: block; }
.history-box div p>span { display: block; float: right; width: 88%; }
.history-box li div { padding: 15px 20px; border: 1px solid #eee; }
.history-box li:nth-child(even) div p>b { display: block; float: left; width: 12%; }
.history-box li:before {position: absolute; content: ''; width: 0; z-index: 1; height: 0; left: 221px; top: 15px; border-style: solid; border-width: 8px 10px 8px 0px; display: block; border-color: transparent #fff transparent transparent; }
.history-box ul:after { content: ''; position: absolute; width: 20px; height: 20px; position: absolute; border-radius: 50%; background: #dfb934; top: -12px; border: 4px solid #fff; left: 172px; }
.history-box li:after { content: ''; position: absolute; left: 219px; top: 13px; border-style: solid; border-width: 10px 12px 10px 0; border-color: transparent #eee transparent transparent; }
.history-box li { margin-bottom: 30px; position: relative; padding-left: 230px; }
.honour-img span { height: 100%; display: inline-block; width: 0; vertical-align: middle; }
@media only screen and (max-width: 767.98px) {
.history-box ul{ padding-top:0;}
.history-box ul:before, .history-box ul:after, .history-box li:after, .history-box li:before, .history-box div>span:after,.history-box div>span:before { display: none; }
.history-box ul div { padding: 40px 15px 20px; margin-bottom: 30px; width: auto; text-align: left; margin-left: 0 !important; border-bottom: 1px dashed #ddd; }
.history-box div p>span { font-size: 14px; width: 90%; }
.history-box div p>b, .history-box li:nth-child(even) div p>b { float: left; width: auto }
.history-box div>span { line-height: normal; padding: 3px 15px; font-size: 16px; }
.history-box li { padding-left: 0; }
}

/*底部*/
#footer{ width:100%;height:auto; padding:0 0 1rem 0; background:#000}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative;}
#etw_homefooter{height:auto;padding:0.5rem 0 1.2rem 0;  text-align:center; position:relative; width: 100%;}
#etw_homefooter a{padding:0 0.8rem;color:#fff; margin:0px;position:relative;font-size:1.2rem; font-weight:700;}
#etw_homefooter a:hover{color:#dfb933; text-decoration:none;}
#etw_coper a{display:block;color:#fff; margin-top:1rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto; margin-top:1.5rem}
#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:#dfb933;border:1px #dfb933 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) {   
}

@media (max-width: 1199.98px) {   
#etw_logo{ margin:0 0 10px 1rem}
.qulicklink{ position:static}
#container{ margin-top:103px}
#etw_producttitle{ margin:15px 0 0 0; color:#666; clear:both}
#etw_producttitle a,#etw_producttitle li + li::before{ color:#666} 
#etw_banner .banner_txts{ padding-top:3rem; width:54%}

}

@media (max-width: 991.98px) { 
.top-nav{ width:100%; text-align:left}
.navbar{padding:0.05rem 0rem 0;}
.navbar-collapse{justify-content:flex-start;}
.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:0.5rem 0px; padding-left: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.8rem 1rem 0 0}
#header{position: relative;}
#container{margin-top:0;} 
.etw_mainproducts{ background:#000}
.product_offered{ padding-top:4rem;}    
#etw_sidebar,#etw_producttitle{ display:none}
#etw_right{width:100%; padding-left:0}
.companynames,#etw_banner .banner_txt img{ display:none}
#etw_banner .banner_txts,.company_txt{ width:96%;padding-top:2rem;}
.company{ background:none;}
	.companyname{ width:22%}
	.contact_con{ margin-bottom:1rem}
	.etw_products > ul > li .product_con{ padding-left:0}
	.etw_homelink ul > li .p_title{ font-size:0.875rem; line-height:1.125rem}
	.etw_pic5 ul li{width:32%;margin-right:2%;}
	.etw_pic5 ul li:nth-child(5n){margin-right:2%;}
	.etw_pic5 ul li:nth-child(3n){margin-right:0;}
		.containerss{ background:none;}
}

@media (max-width: 767.98px) { 
	#etw_homefooter a{font-size:0.9375rem;}  
    .compnay_txt,.companytxt{width:100%; padding-left:0}
	.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_products1 > ul > li > ol > li.product_img img{ width:100%}
	.etw_mainproducts ul > li{ width:48%; margin:0 4% 1rem 0}
	.etw_mainproducts ul > li:nth-child(4n){ margin-right:4%}
	.etw_mainproducts ul > li:nth-child(2n){ margin-right:0} 
	#etw_producttitle{ padding-bottom:0.5rem}
	.etw_homelink ul > li,.etw_homelink1 ul > li{ width:48.5%; margin-right:3%}
	.etw_homelink ul > li:nth-child(3n),.etw_homelink1 ul > li:nth-child(3n){margin-right:3%}
	.etw_homelink ul > li:nth-child(2n),.etw_homelink1 ul > li:nth-child(2n){ margin-right:0}
	.etw_homelink ul > li > ol > li.product_con a{ font-weight:300} 
	.bottom_c ul li, .bottom_con ul li{ width:50%}
	.bottom_c ul li:nth-child(2n+1), .bottom_con ul li:nth-child(2n+1){ clear:both}
	.navbtn{ margin:0.7rem 1rem 0 0}
	.companyname{ width:40%}
	.left_pic,.right_con,.img_center1 img,.img_center2 img{ width:100%; margin:0 0 1rem 0}
	.img_rights{ width:45%;}
	.protitle1 span{font-size:2rem; line-height:2.2rem;}
	.protitle span{ font-size:2.4rem; line-height:2.4rem; padding-top:0; padding-bottom:0.5rem;}
	.protitle a{ font-size:1.6rem; line-height:2rem;}
}

@media (max-width: 575.98px) {
	.bgs{ background:#000}
	#etw_banner,.mainproducts,#etw_homefooter{ display:none;}
	#etw_language{ display:none;}
	#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
.etw_products ul>li,.img_left, .img_right,.etw_products > ul.three > li,.etw_products1 ul > li{width:100%; margin-right:0;}
	.smwidth{width:100%;}    
	.etw_pic3 ul li,.etw_pic4 ul li,.etw_pic5 ul li{width:49%;margin-right:2%;}
	.etw_pic5 ul li:nth-child(3n){ margin-right:2%}
	.etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){margin-right:0;}
.etw_productlists,.company,.etw_contactin{ width:100%; padding-bottom:1rem; margin:0} 
	.etw_productlists ul > li{ width:100%; padding-bottom:15px;}
.etw_contactin{ padding-top:0px;}
.etw_products > ul > li .product_img,.etw_products > ul > li .product_con{ width:100%; padding-left:0}
.etw_products > ul > li .more a{ margin:0.8rem 0 1rem 0}
	.bottom_c ul li, .bottom_con ul li{ width:100%}
	.imgs{ width:100%; margin:0 0 1rem 0}
	.etw_homelink .etw_hometitle span{ padding:0}
	.etw_homelink .etw_hometitle span:before,.etw_homelink .etw_hometitle span:after{ content:normal}
	.img_rights{ width:100%; margin:0 auto 1rem 0}
	.img_rights img{ width:70%; margin:0 auto}
	.protitle1 span{font-size:1.6rem; line-height:2rem;}
}

 .c_font{
    font-size:1.4rem;
    font-weight:700;
    padding: 0 2.4rem;
    margin: 0px;
    position: relative;
}
#c_homefooter{
    height: auto;
    padding: 0.5rem 0 1.2rem 0;
    text-align: center;
    position: relative;
    width: 100%;
}
#c_homefooter a {
    padding: 0 2.4rem;
    color: #fff;
    margin: 0px;
    position: relative;
    font-size: 1.4rem;
    font-weight: 700;
}

.companyhome,.tel,.email,.people,.email,.mobile{ position:relative; padding-left:25px;  margin-bottom:8px; padding-top:0.2rem;}
.companyhome:before{content:'\f041';position:absolute; left:0px; top:0px; color:#fff;font-family:fontawesome; font-size:20px;}
.tel:before{content:"\f095";position:absolute; left:15px; top:4px; color:#fff;font-family:fontawesome; font-size:18px;}
.email:before{content:"\f0e0";position:absolute; left:10px; top:4px; color:#fff;font-family:fontawesome; font-size:16px;}
.people:before{content:"\f2be";position:absolute; left:0px; top:6px; color:#fff;font-family:fontawesome; font-size:16px;}
.mobile:before{content:"\f10b";position:absolute; left:3px; top:4px; font-family:fontawesome; font-size:20px;}



.review{ font-size:1rem; color:#F00;}

/*20251214*/
.text-left ul li{ text-align: left;}
.text-left ul li p{ padding: 0.5rem 1rem;}
.p-l img{ margin: 0.3rem;}
.layui-layer-btn a{color:#fff !important;margin-bottom:1rem !important;}
.layui-layer-btn .layui-layer-btn0{float:none;font-size:1.5rem;color:#fff !important;margin-bottom:28px;}
.layui-layer-btn{text-align:center !important;}
.layui-layer-btn a{padding:5px 15px !important;height:auto !important;}
u.inquiry::after{ display: none;}
b u.inquiry{ color: #fe0000;}
.b-block{ display: block; margin-top: 1rem;}
.table > tbody > tr.top1 > td:nth-child(1)::before{ display: none;}
.font-size-15{ font-size: 1.5rem;}
.layui-layer-setwin{ display:none}
#layui-layer1{ background-color:#999; padding:2rem}
.layui-layer-btn{background:#fff;padding:3rem;}
#layui-layer1 .layui-layer-btn .layui-layer-btn0{ background:#fff;color:#333 !important;border-color:#fff;}
.layui-layer-dialog .layui-layer-content{ display:none}
#layui-layer1 .layui-layer-btn a{margin:15px 5px 0 5px!important;}