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


@font-face {
  font-family: '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;
}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.ttf?t=1622274305876') format('truetype');
}

.brief{ font-family: 'Opensans' ; font-size: .8rem; color:#666;}
.brief>.briefcaption{ font-size: 1rem;  color:#666; font-weight: bold; }
/*basic*/
.clearfix{clear:both;}
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;color: #555;font-size: 15px}
p{margin:0;padding:0 0 1rem}
a.links{ color:#4eaeff; }
a.links:hover{ text-decoration:underline; }
.fac_2 {padding-left: 35px;}  

body{font-family:"Times New Roman", Times, serif;color:#495057; font-weight: 300; font-size:0.875rem;  line-height:1.575rem; background:#929292}
hr{ border-top:1px #ddd dashed; margin:1rem 0}
table{margin:5px 0 0;width:100%;}
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} 
h2{ padding:0.5rem 0 1.25rem;font-size:1.5rem; color:#202020;font-weight:700; margin: 0;} 
h3{ font-size: 1.2rem; margin: 10px 0 5px 0; }

inquiry,u.inquiry{text-decoration: none; color:#666;}
u.inquiry:after{content:"INQUIRY"; display:inline-block;background:#e3e4e5; color:#666;text-align: center;line-height: 1;padding:4px 10px;font-size:12px;  float:left; width:60px}
u.inquiry:hover:after{ background:#285a92; color:#fff;} 
/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:100; margin:0 auto;background: #fff}
#headerin{width:100%; margin:0px auto; max-width:1140px;}
#etw_logo{ width:auto;float:left;margin-top: 0.8rem;margin-bottom: 0.8rem;display: none;}
.navbtn{ margin-top:1rem;}
#etw_language{float:right; height:25px; padding-top:0.25rem;  min-width:80px;text-align: right;width: 50%;margin-right: 1rem}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.875rem; padding:0rem 0.5rem 0.4rem;color:#999; font-weight:300;}
#etw_language .dropdown-item:hover{ color:#4eaeff; text-decoration:underline; background:none} 
.etw_language ul{margin-bottom: 0;}
.top-nav{ width:auto; float:left;padding-top: 7px;}
.navbar{ padding:0 1rem;}
.navbar-collapse{justify-content:center;}
.navbar-light .navbar-nav .nav-link{color:#555; font-size:1.2rem; padding:0 0.8rem 0.5rem 0.8rem; line-height:2rem; font-weight:400;}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{background-color:none;color:#2e0b05;}
.navbar-light .navbar-nav .show>.nav-link{color: #2e0b05}
.navbar-light .navbar-nav .dropdown-menu a:hover{color:#4eaeff;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:1rem; line-height:1.125rem}  
.navbar-light .navbar-nav .dropdown-item01{font-size: 0.875rem;display: block;padding-left: 16px;color: #555;position: relative;display: block;margin-left: 20px;}
.navbar-light .navbar-nav .dropdown-item01:before{position: absolute;content: "";width: 4px;height: 4px;background: #555;left: 6px;top: 10px;border-radius: 50%;}
.dropdown-item.active, .dropdown-item:active{background: #fff;color: #c7000b} 
.logo1{ width:auto; background:#fff;position:absolute; top:-100%; left:44%; }
.big-white-left{ padding-left:10rem}
.big-white-right{padding-right:8rem}
.img_icon{ width:100%; float:left}
.img_icon_pic{ width:60px; float:left;}
.img_icon_txt{ width:90%; float:right;}



/*首页附加样式*/
#etw_banner{width:100%; height:auto; position:relative; margin:0 auto; text-align:center;}
.banner_txt {position: absolute;width:100%;margin: 0 auto;left:0rem;top: 40%;right:0px;max-width: 1140px;transform: translateY(-50%);}
.banner_txt01 {position: absolute;width:100%;margin: 0 auto;left:0rem;bottom: 1rem;right:0px;max-width: 1140px;}
.bannerinfo{width: 750px;float:left; margin-top:1rem; color:#4eaeff; position:relative;text-align: left;margin-left: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0));padding: 1rem;} 
.banner_txt01 .bannerinfo{background: none;}
.banner_txt h1,.banner_txt h2,.h2_title{font-size:1.70rem; line-height:2rem; color:#fff;font-weight:700;text-align:left;padding: 0.5rem;padding-left: 1rem} 
.banner_txt h1{color: #063eab;font-size: 1.5rem;font-weight: 550;line-height: 2rem;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
.bannerinfo_hub{ background:none;width: 100%;margin-top: 8%;}
.bannerinfo_hub h1,.bannerinfo_hub   h2{ line-height:1.5rem;padding: 0;}
.banner_txt span.banner01{color: #fff;display: block;font-size: 1.1rem;} 
.banner_txt h1 span.banner02{color: #bae7ff;display: block;} 
.banner_txt h1 span.banner03{color: #fff;display: block;}  
.banner_txt01 h2{font-size:1.5rem; line-height:1.8rem; color:#fff;font-weight:700;text-align:left;padding-bottom: 0.5rem;}
.banner_txt01 span.banner02{color: #fff;display: block;font-size: 1rem;}
.banner_txt02{background: #eee;padding: 1rem;padding: 2.5rem 2rem;}
.banner_txt02 h1{font-size:1.7rem; line-height:2rem; color:#0c5d9a;text-align:left;font-weight: 500;}
.banner_txt02 span.banner01{font-size: 1.1rem;color: #333;display: block;line-height: 1.5rem;}


.etw_mainproducts{ width:100%; margin:0 auto;color: #fff;overflow: hidden;margin-bottom: 0.5rem;text-align: center;}  
.etw_mainproducts .etw_hometitle{text-align: center;color: #333;font-weight: 700;font-size: 1.5rem;text-transform: capitalize;margin-bottom: 1.25rem;display: inline-block;border: 3px solid #4eaeff;margin-top: 1rem}
.etw_mainproducts .etw_hometitle span{display: block;position: relative;padding: 0.8rem 1rem;margin:  -1.6rem 3rem 0.75rem;background: #fff;text-transform: uppercase;}
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap;float: left;}
.etw_mainproducts ul>li{ width:32%; margin:0 2% 1rem 0;  background:#4eaeff;}
.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_con{overflow: hidden;border-top: 0.25rem #fff solid;} 
.etw_mainproducts ul>li>ol>li.product_con>a{ display:block; text-align:center; font-size:1rem; font-weight:600; color:#fff; padding:1.2rem 0.25rem;position: relative;} 


.etw_mainproducts ul>li>ol>li.product_con>a:hover{color: #333;text-decoration: underline;}
.etw_mainproducts ul>li>ol>li.product_img{ width: 100%;text-align: center;transition: .3s} 
.etw_mainproducts ul>li>ol>li.product_img:hover{transition: .3s}  



#bg_color{ width:100%; max-width:1193px; background:#fff; margin:0 auto; overflow:hidden}
.etw_mainbody{width:100%;overflow: hidden;margin: 1.5rem 0 0.5rem 0;text-align: center;}  
.etw_mainbody .etw_hometitle{text-align: center;color: #333;font-weight: 700;font-size: 1.5rem;text-transform: capitalize;margin-bottom: 1.25rem;display: inline-block;border: 3px solid #4eaeff;margin-top: 1rem}
.etw_mainbody .etw_hometitle span{display: block;position: relative;padding: 0.8rem 1rem;margin:  -1.6rem 3rem 0.75rem;background: #fff;text-transform: uppercase;} 
.etw_mainbody ul{display: flex;flex-wrap: wrap;width: 100%;float: left;}
.etw_mainbody ul li{width: 32%;margin-right: 2%;float: left;position: relative;margin-bottom: 0.5rem}
.etw_mainbody ul li:nth-child(3n){margin-right: 0} 
.etw_mainbody ul li a span{font-size: 1rem;display:block;height: auto;line-height: 1.5rem;color: #fff;position:absolute;margin:auto;left:50%;top:50%;transform:translate(-50%, -50%);z-index: 2;text-align: center;font-weight: 500;width: 160px;text-transform: uppercase;padding: 0.4rem 0.4rem;background:rgb(135,203,114,.4);transition: .3s}
.etw_mainbody ul li a span:hover{background: #4eaeff}

.etw_mainpro{ width:100%; margin:0 auto;color: #fff;overflow: hidden;margin-bottom: 0.5rem;background: #fff;margin-top: 1.5rem}  
.etw_mainpro ul{ width:100%; display:flex; flex-wrap:wrap;float: left;}
.etw_mainpro ul>li{ width:23.5%; margin:0 2% 0 0;float: left;position: relative;transition: .3s}
.etw_mainpro ul>li:nth-child(4n){margin-right: 0}
.etw_mainpro ul>li a span{font-size: 1rem;font-weight: 700;text-transform: uppercase;display: block;text-align: center;padding: 0.5rem 0.2rem;color: #333}
.etw_mainpro ul>li:hover{opacity: .7}

.etw_company{width: 100%; margin:0 auto;background: url(../images/bg2.jpg) no-repeat center top;text-align: center;position: relative;}
.etw_company .etw_hometitle{text-align: center;color: #fff;font-weight: 700;font-size: 1.5rem;text-transform: capitalize;margin-bottom: 1.25rem;display: inline-block;border: 3px solid #fff;margin-top: 4rem;}
.etw_company .etw_hometitle span{display: block;position: relative;padding-top:2.5rem;margin:  -1.6rem 3rem 0.75rem;background: #4eaeff;text-transform: uppercase; width:120px; height:120px;border-radius:50%}
.company_left{width:72%;float: right;text-align: left;position: relative;color: #fff;font-size: 15px;margin-bottom: 6rem;margin-top: 1.5rem; padding-right:6%}
.abuot-img{ width:100%; max-width:1140px; margin:0 auto; margin-top:-6rem; margin-bottom:2rem; position:relative}


.etw_company1{width: 100%;float: left;margin:0 auto;margin-top: 1rem}
.etw_company1 ul{width: 100%;display: flex;flex-wrap: wrap;float: left;}
.etw_company1 ul li{width: 32%;margin-right: 2%;position: relative;float: left;}
.etw_company1 ul li:nth-child(3n){margin-right: 0}
.etw_company1 ul li a span{font-size: 1.25rem;display:block;height: auto;line-height: 1.5rem;color: #fff;position:absolute;margin:auto;text-align: center;font-weight: 500;width:180px;text-transform: uppercase;padding: 0.4rem 0;background: none;transition: .3s; }
.etw_company1 ul li:nth-child(1) a span{right: 2rem;}
.etw_company1 ul li a span:hover{background: #4eaeff}

#etw_bottom .etw_hometitle{ color:#fff; font-size:1.125rem; text-transform:uppercase; line-height:1.5rem; padding:0 0 0.25rem 0; margin:1rem 0 0.5rem 0;  display:block; text-align:left;font-weight: 700;text-transform: capitalize;}
#etw_bottom .etw_hometitle a{ color:#fff;}
#etw_bottom .etw_hometitle a:hover,#etw_bottom ul>li a:hover{color: #d20104;text-decoration: underline;}
#etw_bottom{ width:100%; margin:0 auto;overflow:hidden;position: relative;padding-top: 1.25rem;background: url(../images/bg1.jpg) no-repeat top #929292;} 
.etw_bottom1{margin-top: 1rem!important}
#etw_bottom ul,#etw_bottom ul>li>ol,#etw_bottom ul>li>ol>li{width: 100%;float: left;color: #fff}
#etw_bottom ul>li{width: 14%;float: left;margin-left: 8%;background-size: cover;} 
#etw_bottom ul>li:nth-child(3n){margin-right: 0;}
#etw_bottom ul>li:nth-child(3){width: 34%;}
#etw_bottom ul>li>ol>li{margin-bottom: 0.2rem}
#etw_bottom ul>li>ol>li>a{color: #fff;font-size: 0.875rem;line-height: 1.125rem;position: relative;padding-bottom: 0.3rem}  

.etw_productlists{ width:21%; float:left;}
.etw_productlists ul,.etw_productlists ul li,.etw_productlists ul li ol,.etw_productlists ul li ol li{ width:100%;}
.etw_productlists ul>li{margin-bottom:0.5rem}
.etw_productlists ul>li>a{ display:block; font-size:14px; color:#333; line-height:1rem; padding:0 0 0.5rem 1.125rem; position:relative}
.etw_productlists ul>li>a:before{ position:absolute; content:"\f0da"; font-size:14px; font-family:fontawesome; left:3px; bottom: 0.65rem; color:#4eaeff}
.etw_productlists ul li ol li{margin-left:1.7rem}
.etw_productlists ul>li>ol>li>a{ color:#555; line-height:1rem; padding:0 0 0.5rem 0; font-size:14px}
.etw_productlists ul li a:hover{ color:#4eaeff; text-decoration:underline} 

/*container*/
#container{margin-top:65px; } 
.content{ width:96%;  max-width:1140px; margin:0 auto;overflow: hidden;}
.content_home{ width:96%;  max-width:950px; margin:0 auto;overflow: hidden;}
.pro_text{ background:#4eaeff; width:80%; margin:0 auto; padding:.6rem  1.6rem 0 1.6rem; color:#fff; font-size:1.3rem; line-height:1.8rem;text-align:center; margin-bottom:1rem}
.pro_text_all{ width:100%; padding:.8rem; text-align:left; font-size: 0.975rem;line-height: 1.475rem;}
.pro_text_top{ width:100%; max-width:1193px; margin:0 auto;font-size: 0.975rem;line-height: 1.475rem; text-align:left}
.h2_title{ width:100%; padding-left:2%;max-width:1193px;background:url(../images/banner_hub_h2.jpg) no-repeat top; margin:0 auto; padding-top:1.6rem; padding-bottom:1rem;color:#fff}
.h2_title h2{ color:#fff}

#etw_right{ width:78%; float:right;} 

#etw_sidebar{ width:20%; float:left;margin-bottom: 1.5rem; background:#e9e9eb} 
#etw_sidebar .etw_hometitle{ display:block; color:#333; text-align:left; font-size:20px; font-weight:700;padding:0.75rem 0.5rem; position:relative; border-bottom:2px solid #4eb6ff}
#etw_productlist{width:100%;overflow:hidden;margin:0.5rem 0 0 0;padding-bottom: 0;padding: 1rem;padding-top: 1rem}
#etw_productlist ul{padding-left: 0.5rem}
#etw_productlist ul,#etw_productlist ul li,#etw_productlist ul li ol{display:block;width:100%}
#etw_productlist ul>li{margin-bottom: 0.5rem;border-bottom: 1px dashed #ccc;padding-bottom: 0.5rem;margin-top: 0.5rem}
#etw_productlist ul>li a{ display:block;line-height:1.2rem; position:relative;}
#etw_productlist ul>li>a{line-height:1.25rem;font-size:15px;color:#666;display:block;position:relative;margin-bottom: 0.5rem;} 
#etw_productlist ul>li>ol>li>a{display:block;font-size:13px;padding-bottom:0.85rem;line-height:1rem;color:#999;position:relative;padding-left: 0.3rem}
#etw_productlist ul>li a.dq,#etw_productlist ul>li a:hover{color: #4eaeff} 
.content_left{width: 45%;float: left;}
.content_right{width: 52%;float: right;}

.etw_other{width: 100%;float: left;margin-top: 0.75rem;border-top:1px solid #ccc;margin-bottom: 1rem; padding-top:1rem}
.etw_lother{width: 48%;float: left;}
.etw_rother{width: 48%;float: right;}
.etw_rother p{padding-top: 0.75rem}
.etw_other .img_center img{width: 100%;display: block;}
.contact_inqury p{text-align: center;}
.contact_inqury p a{ font-size:1rem;
border-radius:40px;
    display: inline-block;
    color: #fff;
    padding: 12px 50px; background:#4eaeff;
    border: 0 solid transparent;
    text-align: center;
    line-height: 1.2em;
    margin: 5px;
	text-decoration: none;
	transition: all .2s; text-transform:uppercase
}
.contact_inqury p a:hover{ background:#cf3b21; color:#fff
}



.about,.about1{ width:100%; height:auto; float:left; margin:10px auto;}
.about1{margin:0 auto;}
.about ul,.about1 ul{ width:100%; height:auto; float:left;}
.about ul li,.about1 ul li{ width:48%; float:left; padding-bottom:15px;}
.about1 ul li{ width:100%; padding-bottom:20px;}
.about ul li:nth-child(2n){ float:right; }
.about ul li:nth-child(2n+1){ clear:both;}
.about ul li img,.about1 ul li img{ width:50%; float:left; text-align:center; margin-top:8px;}
.about ul li img:hover,.about1 ul li img:hover{  opacity:.7}
.about ul li p,.about1 ul li p{ width:49%; float:right; color:#474747; font-size:14px; line-height:20px;}
.about ul li p strong,.about1 ul li p strong{ display:block; padding-bottom:8px; border-bottom:1px #959595 solid; margin-bottom:8px;}
.about1 ul li img{ width:45%;}
.about1 ul li p{ width:50%; line-height:22px; padding-top:10px; }
.about p.top{ padding-top:20px;}


/*快速导航*/
#etw_producttitle{margin:0px auto 0px; height:auto; color:#4eaeff; overflow:hidden; padding:0; font-size:0.875rem; width:100%; float:left;background: #eee}
#etw_producttitle .content01{padding-top: 1rem;}
#etw_producttitle ul{margin-bottom: 0.5rem}
#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:#333;content:"\f105"; font-size:0.875rem; font-family:fontawesome}
#etw_producttitle a:hover{color:#de0406; text-decoration:underline;} 

/*其他公用样式*/
.etw_title{font-size: 1rem; font-weight:bold;position: relative;margin-bottom: 0.5rem;margin-top: 0.5rem;color: #000;text-align: left;}  
ul.item{margin-left: 0.25rem}
ul.item li{list-style: disc;margin:4px 0 5px 20px; line-height:21px;}
ul.item1{margin-left: 0.25rem}
ul.item1 li{list-style: decimal;margin:4px 0 5px 20px; line-height:21px;}
.etw_video{margin-bottom: 1.5rem}
.othertitle{font-size: 1rem; font-weight:bold; padding-bottom: 0.5rem;position: relative;margin-bottom: 0.5rem}
.othertitle span{position:relative;font-size: 1.2rem;}
.othertitle:after{position:absolute;content:""; left: 0;bottom:0; width: 60px; height: 0.2rem; background: #4eaeff;}
.othertitle a{color: #333;font-size: 1.25rem;font-weight: 500}
.othertitle a:hover{color: #4eaeff}
.other_pro{width:100%;margin:1.5rem 0 0 0;overflow:hidden;}
.other_pro ul{ width:100%; display:flex; flex-wrap:wrap}
.other_pro ul>li{width:23.5%;margin:0 2% 0.875rem 0;overflow:hidden;float: left;}
.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:hover li.product_img img{border-color:#ccc}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center;}
.other_pro ul li ol li.product_con a{color:#333;display:block;line-height:16px;padding:0.4rem;font-size:13px}
.other_pro ul li ol:hover li.product_con a{color:#de0406;;text-decoration:underline} 
.etw_products{width:100%; height:auto; float:left;} 
.etw_products ul{ width:100%; display:flex; flex-flow: wrap;}
.etw_products ul>li{ width:23.5%; margin:0.8rem 2% 0.5rem 0; position:relative}
.etw_products ul>li:nth-child(4n){ margin-right:0}
.etw_products3 ul>li{ width:32%;}
.etw_products3 ul>li:nth-child(4n){ margin-right:2%}
.etw_products3 ul>li:nth-child(3n){ margin-right:0}
.etw_products5 ul>li{ width:18.4%;}
.etw_products5 ul>li:nth-child(4n){ margin-right:2%}
.etw_products5 ul>li:nth-child(5n){ margin-right:0}
.etw_products>ul>li>ol,.etw_products>ul>li>ol>li{ width:100%}
.etw_products>ul>li>ol>li.product_img{text-align:center;transition: .3s} 
.etw_products>ul>li>ol>li.product_img img{transition: .4s}
.etw_products>ul>li>ol>li.product_img:hover img{transform: scale(0.95);}
.etw_products>ul>li>ol>li.product_con{overflow: hidden;padding: 0.25rem 0rem} 
.etw_products>ul>li>ol>li.product_con>a{ display:block; text-align:center; font-size:.875rem; font-weight:600; color:#fff;  background:#4eaeff; padding:0.8rem 0.25rem;position: relative;}
.etw_products>ul>li>ol>li.product_con>a:hover{color: #333;text-decoration: underline;}  
.etw_products ul>li .more{position: absolute;right:0px;top:70%;}
.etw_products ul>li .more a{font-size: 0.875rem;color: #fff; background:#87cb72;position: relative;font-weight: 600; display: inline-block;text-align: center;line-height: 28px; padding:0rem 1rem; border-radius:3px}




.etw_protitle{width: 100%;float: left;position: relative;text-align: center; text-align:center} 
.etw_protitle a{display: inline-block;font-size: 1.375rem;line-height: 1.75rem;color: #000;position: relative;padding: 0 1rem;background:#fff;text-align: center;font-weight: 700;z-index: 2} 
.etw_protitle:after{position: absolute;content: "";width: 100%;height: 2px;background: #4eaeff;left: 0;bottom: 0.75rem;z-index: 1}
.etw_protitle a:hover{color: #4eaeff}   
.etw_protitle1{width: 100%;float: left;position: relative;text-align: center; text-align:center; text-transform:uppercase; font-size:1.5rem; line-height:1.6rem; padding-bottom:1rem}



/*tags*/
#tags_title{ display:block; color:#4eaeff; font-size:.85rem; font-weight: 500; line-height:28px; text-align:left; padding:10px 0 0 0;} 
#tags>a{ padding: 0 10px 0 0; margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; }
.etw_products_tags{ width:100%; height:auto; overflow:hidden;}
.etw_products_tags ul>li{ width:23%; margin:0 2.6% 2% 0;float:left;}
.etw_products_tags ul>li:nth-child(4n){ margin-right:0}
.etw_products_tags ul>li:nth-child(4n+1){ clear:both}
.etw_products_tags ul li ol,.etw_products_tags ul li ol li{ width:100%;}
.etw_products_tags ul li ol li.product_img,.etw_products_tags ul li ol li.product_con{ width:100%;}
.etw_products_tags ul li ol li.product_img{ text-align:center; transition:.3s; padding:3px; border:1px solid #eee; box-shadow:0 0 8px #ddd;} 
.etw_products_tags ul li:hover ol li.product_img{ border-color:#0c3b64;}
.etw_products_tags ul li ol li.product_img a img{height:150px}
.etw_products_tags ul li ol li.product_con a{ color:#888; line-height:18px; display:block; text-align:center; margin:12px 0; font-size:14px;}
.etw_products_tags ul li:hover ol li.product_con a{ color:#d2000d;}

        /*引用sitemap样式*/
#etw_map{width:100%;margin:0 auto}
#etw_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#etw_map a:hover{text-decoration:none}
#etw_map .name a{color:#1d3154;margin:0;font-weight:700;text-decoration:none}
#etw_map .name a:hover{text-decoration:underline}
#etw_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#etw_map .list_m a{ width:50%; display:block; float:left; color:#888; text-decoration:none; line-height:20px; padding:5px 0; padding-left:12px;}
#etw_map .list_m a:nth-child(2n+1){ clear:both}
#etw_map .list_m a:hover{text-decoration:underline; color:#0c3b64}
#etw_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;} 

.img_center{width:100%;clear:both;margin:0.3rem auto 1.25rem auto;text-align:center; }
.img_center img{ max-width:500px; text-align:center}
.img_center1{border:1px solid #eee;box-shadow: 2px 2px 5px #eee}
.img_left{width:40%;float:right; margin:5px 0 14px 4%; text-align:center;}
.img_right{width:46%;float:right; margin:5px 0 0.5rem 4%; text-align:center;}
.img_right .etw_photo{margin-bottom: 0}
.img_right .etw_photo ul li{margin-bottom: 0.2rem} 
.img_left{float:left;margin:0 3% 20px 0;} 
.img_left img,.img_right img{ display:block; width:100%;}  
.etw_photo .video_show{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}

.etw_photo{ margin:0.5rem 0;width:100%;height:auto;} 
.etw_photo ul{display:flex;width:100%;height:auto; flex-flow: wrap;}
.etw_photo ul li{display:block;margin:0 2% 15px 0;text-align:center;position: relative;}
.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;}
.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_pic4 ul li:nth-child(3){margin-right: 2%}
.etw_pic5 ul li:nth-child(4){margin-right: 2%}
.etw_pic3 ul li:nth-child(4){margin-right: 2%}
.etw_pic5 ul li{width:18.4%;font-size:12px;}
.etw_pic6 ul li{width:15%;font-size:12px;}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){ clear:both;}
figure{ margin:0 0 0.3rem 0}

#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 0 0 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%} 
 
/*底部*/
#footer{ width:100%;height:auto;padding-bottom: 1rem; background:#fff}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative;}
#etw_homefooter{height:auto;padding-top:1rem;  text-align:center; position:relative; width: 100%;padding-bottom: 1rem; }
#etw_homefooter .content{padding: 0}
#etw_homefooter a{padding:0 0.8rem 0 0.8rem;color:#333; margin:0px;position:relative;font-size:0.875rem; font-weight:700;}
#etw_homefooter a:hover{color:#c7000b; text-decoration:none;}
#etw_coper a{display:block;color:#333; margin-top:1rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto}
#otherlink a{color:#333; font-size:0.75rem; display:inline-block;padding:0.05rem 0.3rem; margin-right:0.875rem; border:1px #333 solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#c7000b;border:1px #c7000b solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out} 
@media (max-width: 1070px) { .big-white-left {padding-left: 10rem;} 
.banner_hub3{ max-width:1200px; float:left; overflow:hidden; background:#4eaeff; padding:2rem 0}
.banner_hub3 .banner_txt{ position:relative; background:#4eb6ff; }
.banner_hub3 .bannerinfo_hub{ width:96%; padding-left:2%;margin-top:0}
.banner_hub3 img{ display:none; background:url(../images/banner.jpg) 
  no-repeat center top }
  .bannerinfo{margin-top: 2rem;}

}

@media (max-width: 991.98px) { 
  .top-nav{width:100%; padding-top:0;margin-top: 0;background: #eee}
.navbar-toggler{ background: #ccc;}
.big-white-left,.big-white-right{ padding:0px;}
  .navbar{padding:0.05rem 0rem 0;}
  .navbtn{ margin:1.7rem 1rem 0 0}
  #etw_logo{ padding-left:1rem}
  #header{position: relative;}
  #container{margin-top:0;} 
#etw_sidebar,.logo1{display: none;}  
#etw_right,.company_left{width: 100%}  
.navbar-light .navbar-nav .nav-link{color: #333;display: block;border-bottom: 1px dashed #ccc}
.etw_company{background: #4eaeff}
.etw_company .etw_hometitle{margin-top: 1.5rem;margin-bottom: 1rem}
#etw_logo{display:block;}
.banner_txt h1{ text-transform:none; font-size:1rem; line-height:1.5rem;}
.bannerinfo{ width:auto;}
.fac_2{ padding: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_products ul > li,.etw_mainbody ul>li,.etw_mainproducts ul > li{ width:48%; margin-right:4%}
  .etw_products ul > li:nth-child(3n),.etw_mainbody ul>li:nth-child(3n),.etw_mainproducts ul > li:nth-child(3n){margin-right: 4%} 
  .etw_products ul > li:nth-child(2n),.etw_mainbody ul>li:nth-child(2n),.etw_mainproducts ul > li:nth-child(2n){ margin-right:0}
  #etw_bottom ul>li,.other_pro ul>li{width: 48%!important;margin-right: 2%!important}
  .other_pro ul>li:nth-child(2n){margin-right: 0}
  #etw_bottom ul>li:nth-child(2n+1){clear: both;}
  #etw_bottom .etw_hometitle{margin-top: 1rem}  
  #etw_bottom{margin-top: 1rem} 
  .etw_protitle a,.etw_mainbody ul li a span{font-size: 1rem}
  .etw_mainproducts ul{background: #fff;padding: 0}
  .etw_products_tags ul li{ width:49%; margin-right:2%}
.etw_products_tags ul li:nth-child(2n){margin-right:0}
.etw_products_tags ul li:nth-child(2n+1){clear:both} 
.about ul li img, .about1 ul li img,.about ul li p, .about1 ul li p{ width:100%; margin-bottom:10px}
#etw_bottom{ background:#5b6161; margin-top:0;}
.banner_hub3{ padding:1rem 0}


}

@media (max-width: 575.98px) {
  .top-nav{border-top:1px #ccc solid;} 
.img_left, .img_right,.content_left,.content_right{width:100%!important; margin-right:0;padding-left: 0} 
  .etw_pic3 ul li,.etw_pic4 ul li,.etw_pic5 ul li,.etw_pic6 ul li{width:49%;margin-right:2%;} 
  .etw_pic3 ul li:nth-child(3),.etw_pic5 ul li:nth-child(5){margin-right: 2%} 
  .etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n),.etw_pic6 ul li:nth-child(2n){margin-right:0;}
  #etw_bottom ul>li{width: 96%!important;margin-bottom: 1.5rem} 
  .etw_products ul > li,.etw_lother{width: 100%} 
  .etw_products ul > li,.etw_products1 ul>li{margin-right: 0!important} 
  #etw_bottom ul>li:nth-child(1),#etw_bottom ul>li:nth-child(2){display: none;} 
  #etw_bottom ul>li{margin-left:0px;} 

  .etw_company1 ul li a span{top: 0.5rem;padding: 0.2rem 0;width: 100px;font-size: 1rem}
  .etw_company1 ul li:nth-child(1) a span{right: 0.5rem}
  .etw_company1 ul li:nth-child(2) a span{left: 0.5rem}
  .etw_hometitle{border:none!important;font-size: 1.25rem!important;margin-bottom: 0!important}
  .etw_hometitle span{margin-top: 0!important;padding: 0!important}
  .etw_company .etw_hometitle{color: #fff!important}
  .etw_company .etw_hometitle span{ height:auto; width:auto; background:none}
  .etw_mainpro ul>li{width: 49%}
  .etw_mainpro ul>li:nth-child(2n){margin-right: 0}
  .etw_rother{display: none;}
  .etw_pic01 ul li{width: 100%}
  #etw_map .list_m a{width: 100%} 
  .etw_video{display: none;}
  .etw_company1 ul li a span{ display:none}
  .banner_txt h1{ display:none}
}
.spacing{padding-bottom: 4%}


/* .exhibition */
.exhibition {
  width: 295px;
  height: 208px;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  background: #fff url(../images/exhibition.jpg) no-repeat center;
  background-size: cover;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.575);
}
.exh_box {
  position: relative;
}
.exh_text {
  position: absolute;
  top: 16px;
  left: 30px;
  margin: 0 auto;
  width: 240px;
  float: left;
}
.exh_text p {
  padding-bottom: 10px;
  font-size: 16px;
  font-style: italic;
  line-height: 1.3;
}
.exh_title1 {
  font-size: 20px;
  float: left;
  margin-bottom: 10px;
  color: #333;
  display: block;
  clear: both;
}

.exh_close a:hover {
  text-decoration: none;
}
.exh_close a {
  color: red;
  font-weight: 400;
  text-align: left;
  display: block;
  font-size: 22px;position: relative;z-index: 10;
}
.exh_close {
  width: 24px;
  height: auto;
  position: absolute;
  right: 16px;
  top: 20px;
}
.btn-more {
  background-image: linear-gradient(to right, #eee, #ccc);
  color: #333;
  padding: 5px;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
}
.layui-layer-btn .layui-layer-btn0 {
  color: #fff !important;
  margin-bottom: 1rem;
}
.discount {
  color: #f00;
}
.etw_from1 #etw_form_title{overflow:hidden;padding-left:2%;background:#f2f2f2;text-align:left;font-weight:700;line-height:40px;font-size:16px;margin-bottom:12px;border-radius:5px 5px 0 0;border-bottom:1px solid #eee;}
.etw_from1 #etw_form_title .icon-envelope{margin-right: 10px;}
.etw_from1 #etw_set_feedback_form{overflow:hidden;height:auto;width:100%;float:left;border:1px #ededed solid;text-align:left;padding:0;margin:.5rem 0 1.2rem 0}
.etw_from1 #floatchatiframe2011{margin: 0px;padding: 0 100px;}
@media (max-width: 1280px) {
  .navbar-light .navbar-nav .nav-link{padding: 0 0.6rem;}
  .navbar-light .navbar-nav .nav-link{font-size: 1rem;}
}
@media (max-width: 981.98px) {
  .exhibition {
    display: none;
  }
  .etw_from1 #floatchatiframe2011{padding: 0;}
  .etw_language > ul {
    position: relative;
    float: right;
    margin: 0 1rem;
    border-radius: 0 0 8px 8px;
    z-index: 2;
    padding: 0rem 0.8rem;
    background-color: #ddbf32;
    }
    .etw_language > ul > li > a {
    display: block;
    color: #fff;
    padding: 0.2rem 1rem;
    font-size: 0.9rem;
    }
    .etw_language ul ul {
    display: none;
    position: absolute;
    top: 100%;
    padding: 0;
    background-color: #fff;
    min-width: 100px;
    border-radius: 4px;
    border: 1px solid #ccc;
    }
    #etw_language{float: none;height: auto;margin-right: 0;padding-top: 0;}  
    .etw_language ul ul a {
    display: block;
    text-align: center;
    padding: 0.3rem 1rem;
    color: #333;
    }
    .etw_language ul ul li a:hover {
    color: #ddbf32;
    }
    .etw_language ul li:hover > ul {
    display: block;
    }
    .etw_language .dropdown-item {
    min-width: 100px;
    }
    #etw_language .dropdown-item{display: block;font-size: 1rem;line-height: 1.2;}

  /*language*/
  .iconfont {
    font-family: "iconfont";
    font-size: 27px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgb(54, 54, 54);
    padding-top: 0.3rem;
  }
  .etw_language > ul {
    background: none;
	margin-top: 26px;
  float: right;
  }
  .etw_language ul li {
    position: relative;
  }
.etw_language ul ul li::before{display: none;}
  .etw_language ul li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #dbdbdb;
    top: 0.2rem;
    right: -0.5rem;
  }
  .etw_language text,
  .etw_language i {
    display: none;
  }
  .video-btn-item1{ right:15rem;}
}

@media (max-width: 560px) {
  .img_center img{width: 100%;}
}


/* 2023-10-2 */
#etw_productlist ul>li{border-bottom: 1px dashed #aaa;}
#etw_productlist ul>li>a{font-size: 18px;color: #333;}
#etw_productlist ul>li>ol>li>a{font-size: 14px;color: #555;}
#etw_productlist ul>li>ol>li dl{width: 100%;padding-left: 0.6rem;}
#etw_productlist ul>li>ol>li dl dt{width: 100%;margin-bottom: 0.85rem;}
#etw_productlist ul>li>ol>li dl dt a{display: block;font-size: 13px;line-height: 1rem;padding-left: 0.5rem;color: #999;position: relative;}
#etw_productlist ul>li>ol>li dl dt a:before{position: absolute;content: "";width: 4px;height: 4px;background: #999;border-radius: 50%;left: 0;top: 5px;}
#etw_productlist ul>li>a:hover,#etw_productlist ul>li>a.dq,#etw_productlist ul>li>ol>li>a:hover,#etw_productlist ul>li>ol>li>a.dq,#etw_productlist ul>li>ol>li dl dt a:hover,#etw_productlist ul>li>ol>li dl dt a.dq{color: #4eaeff;}
#etw_productlist ul>li>ol>li dl dt a:hover:before,#etw_productlist ul>li>ol>li dl dt a.dq:before{background: #4eaeff;}
.etw_products>ul>li>ol>li.product_con>a.dq{min-height: 76px;vertical-align: middle;}

.etw_products01{width: 100%;float: left;margin: 0 auto;margin-top: 1rem;}
.etw_products01 ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_products01 ul>li{width: 99%;margin-bottom: 1rem;box-shadow: 0 0 5px #ccc;}
.etw_products01 ul li ol{width: 100%}
.etw_products01 ul li ol li.product_img{width: 37%;float: left;}
.etw_products01 ul li ol li.product_con{width: 63%;float: right;padding: 1.5rem;}
.etw_products01 ul li ol li.product_con>a{display: block;font-size: 1rem;color: #151f48;font-weight: bold;padding-bottom:0.75rem;} 
.etw_products01 ul li ol li.product_con>a:hover{color: #4eaeff;text-decoration: underline;}
.etw_title span{display: inline-block;color: #016acf;text-decoration: underline;padding-right: 1rem;}
.etw_title u.inquiry{color: #000;}
.etw_title u.inquiry:after{float: right;width: 80px;margin-left: 16px;padding: 6px 10px;background: #4eaeff;color: #fff;border-radius: 5px;font-size: 14px;content: "Inquiry";}
.etw_title u.inquiry:hover:after{background: #000;}
.etw_title u.inquiry:hover{color: #4eaeff}
ul.item01{padding-left: 20px;}
ul.item01 li{width: 49%;float: left;margin-right: 2%;margin-left: 0;}
ul.item01 li:nth-child(2n){margin-right: 0;}
u.inquiry:after{width: 80px;}
.videoall{width: 100%;float: left;margin: 1rem auto;}
.videoall ul{width: 100%;display: flex;flex-wrap: wrap;}
.videoall ul li{width: 32%;float: left;margin-right: 2%;margin-bottom: 1rem;}
.videoall ul li:nth-child(3n){margin-right: 0;}
.videoall ul li a{display: block;text-align: center;padding: 10px;font-size: 1rem;color: #333;}
.videoall ul li a:hover{color: #4eaeff;text-decoration: underline;}


.pro_text01{position: relative;padding-right: 90px;}
.etw_top{width: 100%;}
.etw_top>span{display: inline-block;position: relative;padding-right: 90px;}
.video-btn-item {position:absolute;right:1rem; top: 50%; transform: translateY(-50%); z-index: 1;}

.video-btn-item1 {position:absolute;right:39%; top: 50%; transform: translateY(-50%); z-index: 1;}
.video-btn-item {display:-webkit-box;display:-ms-flexbox;display:flex;}
.video-btn-item .video-btn {z-index:4;display:block;text-align:center;position:relative;border-radius:50%;width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;background-color:#c8102e;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.video-btn-item .video-btn i {position:absolute;top:1px;left:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-size:30px;color:#fff;}
.video-btn-item .video-btn::after,.video-btn-item .video-btn::before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;border-radius:50%;background-color:#e90e0e;-webkit-animation:ripple 1.6s ease-out infinite;animation:ripple 1.6s ease-out infinite;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.video-btn-item .video-btn:hover:after,.video-btn-item .video-btn:hover:before{background: #000;}
.video_btn2{display:flex;flex-wrap:wrap;position:absolute;width:88px;height:88px;opacity:0.9;cursor:pointer;z-index:100;background:url(../images/video_btn.png) no-repeat;background-size:cover;}

@media (max-width: 767.98px) {
  ul.item01 li,.videoall ul li{width: 100%;margin-right: 0;}
}

@media (max-width: 575.98px) {
  .etw_products>ul>li>ol>li.product_con>a.dq{min-height: auto;}
  .etw_products01 ul li ol li.product_img,.etw_products01 ul li ol li.product_con{width: 100%}
}


/* 2025-2-19 */
.img_right01{width:46%;float:right; margin:5px 0 0.5rem 4%; text-align:center;} 
#image-container {overflow: hidden;}
.img_right01 img {width: 100%;height: auto;display: none;}
.img_right01 img.active {display: block;}
@media (max-width: 575.98px) {
  .img_right01{width: 100%;margin-left: 0;}
}
/*review*/
.review{font-size:18px;font-weight:bold;color:#F00;}
.layui-layer-btn .layui-layer-btn0{float:none;font-size:1.4rem;color:#fff !important;}
.layui-layer-btn{text-align:center !important;}
.layui-layer-btn a{padding:5px 15px !important;height:auto !important;}
.img_right01 .swiper-button-next, .swiper-button-prev{display: none;}