@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:#3c5b7f; }
a.links:hover{ text-decoration:underline; }

body{font-family: Opensans;color:#495057; font-weight: 300; font-size:0.9375rem;  line-height:1.5rem; background:#fff}
hr{ border-top:1px #ddd dashed; margin:0.5rem 0 1rem 0}
table{margin:5px 0 0;width:100%;}
.table-responsive{margin-bottom:20px}
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} 
.etw_hometitle,h2{ padding:0.5rem 0 1.25rem;font-size:1.8rem; color:#202020;font-weight:300; margin: 0;}
.etw_hometitle{font-size:2rem; padding-bottom:1.5rem; color:#202020; text-align:center} 


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:#171839; font-size:1.4rem; display:inline-block; font-weight:500} 
.text-center1{ display:block; font-size:1rem; color:#666; line-height:1.6rem;}


/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:10; margin:0 auto;}
#headerin{width:100%; margin:0px auto; max-width:1370px; overflow:hidden} 
.headbg{ background:#58b1e4 !important;}
#etw_logo{ width:140px; height:55px; float:left; margin:1rem 0}
.companyname{ width:auto; float:left; padding:2.2rem 0 0 2rem; color:#333; font-size:1.4rem; font-weight:500}
.navbtn{ margin-top:1rem;}
#etw_language{float:right; min-height:35px; padding:2rem 0 0 0; width:auto; text-align:right}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.8125rem; padding:0 1rem 0 0; color:#333; font-weight:300}
#etw_language .dropdown-item:hover{ color:#da4435; text-decoration:underline; background:none} 

.top-nav1{ background:#58b1e4; width:100%;}
.top-nav2{ background:rgba(88,177,228,.8); width:100%;}
.top-nav{ width:100%; float: left; text-align:left; border-bottom:2px #fff solid; background:none; padding:1.5rem 0 0 0; margin-bottom:1.5rem} 
.navbar{ padding:0;}
.navbar-collapse{justify-content:flex-start}
.navbar-light .navbar-nav a.nav-link{color:#fff; display:block; width:auto; padding:0 0.8rem; margin: 1rem 0 0.5rem ; line-height:1rem; font-size:20px; font-weight:500; position:relative; text-align:center}
.navbar-light .navbar-nav a.nav-link:before{ position:absolute; content:""; width:1px; height:16px; background:#fff; top:2px; right:0}
.navbar-light .navbar-nav .nav_title{ display:block; font-size:0.75rem; text-align:center; font-weight:300; padding:0.6rem 0; color:#f6f6f6}
.navbar-light .navbar-nav li.active a.nav-link,.navbar-light .navbar-nav li:hover a.nav-link{color:#000;}
.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:before{ background:none} 
.navbar-light .navbar-nav li.nav-item:first-child a.nav-link{ padding-left:0; text-align:left} 
.dropdown-item.active{ background:none; color:#52b885;}
.dropdown-item:hover{color:#52b885;}
.dropdown-toggle::after{ content:normal}


.videoall,.videoall ul{ width:100%; float:left;}
.videoall ul>li{width:48%; margin:0 4% 20px 0; float:left;}
.videoall ul>li:nth-child(2n){ margin-right:0}
.videoall ul>li:nth-child(2n+1){ clear:both}


/*首页附加样式*/
#etw_banner1{ position: relative; width:100%; margin:0 auto;margin-top:87px; z-index:-1}
#etw_banner1 img,#etw_banner img{width:100%; text-align:center; margin:0 auto;} 
#etw_banner{width:100%; margin:-65px auto 0 auto;  position:relative; z-index:2; max-width:1200px}
#etw_banner .banner_txt{ width:100%; margin:0 auto; position:absolute; top:15%; left:3.5rem;} 
#etw_banner .banner_txt h1{font-size:2rem; color:#030000; width:100%; font-weight:400; line-height:2.2rem; font-family: 'Opensans';  text-transform:uppercase}  
#etw_banner .banner_txt p{ font-size:0.9375rem; color:#666; padding-top:0.5rem; line-height:1.6rem; display:block; width:55%}  
#etw_banner .botton{ width:100%; display:flex; flex-wrap:wrap; margin-top:1rem;}
#etw_banner .botton li{ width:25%; display:inline-block; margin-right:1rem}
#etw_banner .botton li a{ display:block; font-size:1.125rem; font-weight:300; text-align:center; background:#52b986; color:#fff; padding: 0.7rem 0 0.9rem 0; border-radius:16px;}
#etw_banner .botton li a:hover{ background:#0391d2}


.company{ width:100%; margin:0 auto; max-width:1200px;} 
.company h1{font-size:1.6rem; color:#202020; width:100%; font-weight:400; line-height:2.2rem; font-family: 'Opensans';  padding:0; margin:0.5rem 0 1rem 0}  
.company_txt{ width:50%; float:left} 
.company_txt p{color:#050101; line-height:1.6rem;  font-size:0.935rem;} 
.companyright{ width:48%; float:right}


.etw_mainproducts .etw_hometitle,.etw_homelink .etw_hometitle,.etw_homelink1 .etw_hometitle{ display:block; color:#050101; font-size:2.2rem; font-weight:300; text-align:center; padding:0; margin:0 0 2rem 0}
.etw_mainproducts{ width:100%; margin:0 auto;} 
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap;}
.etw_mainproducts ul>li{ width:23.5%; margin:0 2% 0 0;}
.etw_mainproducts ul>li:last-child{ 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 a{ display:block; color:#fff; font-size:1rem; text-align:center; line-height:1.125rem; padding:0.8rem 0; background:#52b986; border-radius:18px;}
.etw_mainproducts ul>li>ol>li.product_con a:hover{ background:#0391d2}

.etw_homelink{ width:100%; margin:0 auto;}
.etw_homelink p{ display:block; background:url(../images/bottom.jpg) top center no-repeat; padding:2rem 5rem; color:#fff; font-size:1.25rem; font-weight:300; line-height:1.8rem}

.etw_homelink1{ width:100%; margin:0 auto;}
.etw_homelink1 ul{ width:100%; display:flex; flex-wrap:wrap;}
.etw_homelink1 ul li{ width:32%; margin:0 2% 3rem 0; background:#52b986; color:#fff; font-size:1.25rem; text-align:center; border-radius:18px; display:block; line-height:1.4rem; padding:1.4rem 0}
.etw_homelink1 ul li:nth-child(3n){ margin-right:0}
.etw_homelink1 ul li:nth-child(1){ padding:0.8rem 0}
.etw_homelink1 ul li span{ display:block}  

#etw_bottom  .content{ position:relative} 
.feedback{ position:absolute; right:0; top:-180px;}
.feedback a{ display:block; width:300px; line-height:50px; text-align:center; color:#52b986; border:4px #52b986 solid; border-radius:18px; font-size:1.5rem; font-weight:500; position:relative}
.feedback a:before{ position:absolute; content:"\f086"; font-size:4.5rem; color:#52b986; left:-30px; top:-18px; font-family:fontawesome}
#etw_bottom{ width:100%; margin:0 auto; padding:14rem 0 2rem 0; background:url(../images/bottombg.jpg) top center no-repeat; margin-top:-225px;} 
.etw_productlists{ width:60%; 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{ width:50%; float:left} 
.etw_productlists ul>li>a,.etw_contactin .etw_hometitle{ display:block; font-size:1.4rem; color:#fff; line-height:1.7rem; padding:0 0 1rem 0; position:relative; font-weight:500; text-align:left} 
.etw_contactin .etw_hometitle{ padding-bottom:0.2rem}
.etw_productlists ul>li>ol>li>a{ color:#fff; line-height:1rem; padding:0.3rem 0 0.3rem 0; font-size:1.125rem; display:block; font-weight:400}
.etw_productlists ul li a:hover{ color:#fff; text-decoration:underline} 

.etw_contactin{ width:30%; float:right}
.etw_contact{ width:100%; color:#5e717c; line-height:1.25rem;  font-size:0.8125rem;}
.etw_contact ul,.etw_contact ul li{ width:100%; float:left}
.etw_contact ul li{color:#fff; line-height:1.5rem; font-size:1.25rem; padding:0.3rem 0 0.3rem 0; font-size:1rem; display:block; font-weight:500}
.etw_contact a {color:#fff;}
.etw_contact a:hover{color:#fff; text-decoration:underline}
 
 
/*history*/
.history_date-list{padding-left:130px;padding-bottom:20px; padding-top:20px; width:85%; margin:0 auto;}
.history_date-list li{border-left:1px solid #31708f;box-sizing:border-box;cursor:pointer;padding:25px 10px;position:relative;height:auto}
.history_date-list li:first-child:before{background-color:#1a9afb;content:"";display:block;position:absolute;top:0;left:-6px;height:1px;width:11px}
.history_date-list li:last-child:after{background-color:#1a9afb;content:"";display:block;position:absolute;bottom:0;left:-6px;height:1px;width:11px}
.history_date-list li strong{position:absolute;left:-220px;top:33%;display:block;width:200px;text-align:right;line-height:18px}
.history_date-list li span.bullet_point{background-color:#1a9afb;border-radius:5px;display:block;position:absolute;top:38%;left:-6px;height:11px;width:11px;transition:all .5s}
.history_date-list li:focus span.bullet_point,.history_date-list li:hover span.bullet_point{border-radius:10px;top:32%;left:-11px;height:21px;width:21px}
.history_date-list li p{position:relative;display:inline-block;transition:all .3s;padding-left:20px;}
.history_date-list li:hover p{position:relative;display:inline-block;padding-left:30px}
.history_date-list li span.image_wrap{border:2px solid #193441;display:block;position:absolute;top:-20px;left:-155px;transition:all .5s}
.history_date-list li:focus span.image_wrap,.history_date-list li:hover span.image_wrap{left:-170px}
.dl-horizontal a{text-decoration:underline !important}

.text-center{ padding-bottom:2rem}

.etw_homelinks,.etw_homelinkss{ width:100%; background:#ecf2fa; padding:2rem 0 2.5rem 0; overflow:hidden}
.etw_homelinks ul{ width:38%; float:left; margin-right:12%; background:#fff; border-radius:15px; padding:0 0 0 2px; box-shadow:2px 2px 5px #666; margin-top:0.4rem}
.etw_homelinks ul:nth-child(2){ margin-right:9%; margin-left:2%}
.etw_homelinks ul li{ display:block; color:#666; font-size:0.9375rem; line-height:1.125rem; padding:0.3rem 0; border-bottom:2px #abaaa9 solid; text-align:center; margin-bottom:0.4rem}
.etw_homelinks ul li:last-child{ border-bottom:none}


/*container*/
#container{width:100%; margin:205px 0 225px 0;} 
#container.etw_container{ margin-top:0; margin-bottom:160px;}
.content{ width:100%;  max-width:1200px; margin:0 auto;}
.content1{ width:100%; padding:0 10%}
#etw_right{ width:74%; float:right} 
#etw_sidebar{ width:22%; float:left; background:#ecf2fa; border-top:10px #52b886 solid; padding-bottom:1rem} 
#etw_sidebar .etw_hometitle{ display:block; color:#52b886; text-align:left; font-size:1.875rem; padding:1rem 0; margin:0.5rem 0;  text-align:center}

.etw_productlist{ width:100%; float:left;}
.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{ margin-bottom:1rem}
.etw_productlist>ul>li>a{ display:block; font-size:1.125rem; color:#000; line-height:1.025rem; padding:10px 10px 10px 1.25rem;  font-weight:300} 
.etw_productlist>ul>li>ol>li>a{ font-size:0.9375rem; color:#777; padding:5px 2rem 10px 2.5rem; display:block; line-height:1.125rem; position:relative}
.etw_productlist>ul>li>ol>li>a:before{ position:absolute; content:"\f0da"; color:#52b886; font-family:fontawesome; left:1.25rem; top:5px; font-size:1.4rem}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{color:#52b886; }
 

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



/*其他公用样式*/
.smalltitle{font-size:1.875rem; display: block; color: #030000; line-height: 3rem; padding:10px 0; text-align:left; font-weight:300;}
.smalltitle span{ display:inline-block; color:#52b283; font-weight:700; font-size:2.4rem;}
.article_title {
    line-height: 28px;
    font-size: 18px;
    color: #000;
    display:inline-block;
    margin: 8px 0 4px 0;
    padding: 0 0 0 60px;
    position: relative;
}
.article_title::before {
    position: absolute;    
	content:"";
    left: 0;
    top: 0px; width:50px; height:24px; background:url(../images/icon.jpg) left top no-repeat;
}
b{color:#52b886; font-size:1rem; font-weight:400; padding-top:0.6rem}
.protitle,.protitle1{ display:block; color:#fff; font-size:1.25rem; font-weight:400px; text-align:center; padding:1.5rem 0; background:#52b886; line-height:1.4rem; border-radius:28px;}
.protitle1{ padding:0.8rem 15%}
.smalltitle1{ width:50%; height:auto; margin:0 auto 1.5rem auto; color:#fff; font-size:1.75rem; font-weight:300; padding:1.3rem 0; text-align:center; background:#52b886; border-radius:20px;}
.smalltitle1 a{ color:#fff}
.smalltitle1:hover{ background:#1ca7db}
.protitle2 {
    line-height: 28px;
    font-size: 1.4rem;
    color: #000;
    display: block;
    margin: 1.125rem 0 0.5rem 0;
    padding:20px 0 0 125px;
    position: relative;
}
.protitle2::before {
    position: absolute;    
	content:"";
    left: 0;
    top: 0px; width:102px; height:42px; background:url(../images/icon2.jpg) left top no-repeat;
}


.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:300}
.item1 li ol{ text-align:left; padding:0 0 2px 38px; line-height:20px;  font-size:0.875rem;font-weight:300; 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:8px; float:none;}
ul.item li{list-style: decimal;margin:4px 0 10px 20px; line-height:22px;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 14px; position:relative; }
.proitem>li::before{ position:absolute; content:"";  left:0; top:6px; width:6px; height:6px; background:#666; 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; border-top:1px #dedede solid; padding:1rem 0}   
.etw_products>ul>li:last-child{ border-bottom:1px #dedede solid;}   
.etw_products>ul>li .product_img{ width:17%; float:left;}
.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:82%; float:right; padding:0 0 0.5rem 5%;} 
.etw_products>ul>li:last-child{border-bottom:1px #d6d6d6 solid}
.etw_products>ul>li .product_con a{color:#101010; font-size:1rem; line-height:1.4rem; display: block; padding:0 0 0.8rem 0; font-weight:500;}
.etw_products>ul>li .product_con a:hover{color:#171839; text-decoration:underline} 
.etw_products>ul>li .product_con span{ display:block; font-size:0.875rem; line-height:1.4rem; color:#787878; padding-right:1%} 


.etw_products1{width:100%; height:auto; float:left; margin-bottom:1rem}
.etw_products1 ul{ width:100%; display:flex; flex-flow: wrap;}
.etw_products1 ul>li{ width:23.5%; margin:0.8rem 2% 1rem 0; background:#52b886; border-radius:0 0 8px 8px}
.pro ul>li{ background:#fff}
.etw_products1 ul>li:nth-child(4n){ margin-right:0} 
.etw_products1>ul>li>ol,.etw_products1>ul>li>ol>li{ width:100%}
.etw_products1>ul>li>ol>li.product_img{text-align:center; width:100%; border:1px #eee solid}
.etw_products1>ul>li>ol>li.product_con a{ display:block; text-align:center; font-size:0.9375rem; line-height:1.25rem; font-weight:500; color:#fff; padding:0.6rem 1rem; background:#52b886; border-radius:0 0 8px 8px}
.etw_products1 ul>li:hover,.etw_products1 ul>li:hover>ol>li.product_con a{background:#00a1de;} 
.etw_products1>ul>li>ol>li.product_con1 a{ background:#fff; font-size:0.875rem; line-height:1.125rem; font-weight:300; color:#333}
.etw_products1>ul>li>ol>li.product_con1 a
 

.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:40%;float:right; margin:10px 0 14px 4%; text-align:center;}
.img_left{float:left;margin:0 3% 20px 0;}
.img_left p{ text-align:left}
.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}
.top{ padding-top:7rem}

.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.025rem; padding:0.3rem 0.5rem; font-size:0.8135rem}
.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:45%; height:auto; float:right; margin:0 0 20px 3%;}
.left_pics{ width:100%; height:auto; float:left; } 
.left_pics img{ width:100%; text-align:center;}
.left_pics a{ cursor:default} 
.related_pic{ width:100%; height:auto; text-align:center; display:flex; flex-wrap:wrap; }
.related_pic a{ width:20%; height:auto; float:left; margin:18px 4% 0 0; display:block; text-align:center; color:#666; font-size:12px;}
.related_pic a:nth-child(4n){ margin-right:0}
.related_pic a img{ width:100%; } 

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

.etw_project{ width:100%; float:left; background:#f5f5f5; padding:0 0.3rem 0 0; margin:0.8rem 0; position:relative;}
.etw_project:before{position:absolute; content:""; right:-3%; bottom:0; border-left:26px solid #dedede; border-bottom:26px solid transparent; border-right:26px solid transparent; background:#fff; border-radius:0}
.etw_project .img_center{ margin: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 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:75%}

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


/*底部*/
#footer{ width:100%;height:auto;background:#44ade1; padding:1rem 0 1rem 0;}
#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 0.8rem 0 0.8rem;color:#fff; margin:0px;position:relative;font-size:1rem; font-weight:700; text-transform:uppercase}
#etw_homefooter a:hover{color:#fff; 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:#fff;border:1px #fff solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}

.videoshow{ width:80%; margin:0 auto;}


@media (max-width: 1500px) {  
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{padding-right:0.5rem;}
.company{ top:auto; bottom:20px; width:96%}
.company_txt{ width:100%}
.company_txt .more a{ display:none} 
#etw_producttitle ul{ margin-bottom:0}
}

@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 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} 
.content{ width:94%; }
.etw_homelinks ul,.etw_homelinks ul:nth-child(2){ width:48%; margin-right:0} 
.navbar-light .navbar-nav a.nav-link{font-size:1rem; padding:0 2rem} 
.navbar-light .navbar-nav .nav_title{font-size:0.75rem;}
.companyname,#etw_language{ padding-top:1.2rem}
}

@media (max-width: 991.98px) { 
.top-nav,.top-nav1,.top-nav2{ width:100%; margin:0; padding:0; background:none}
.navbar{padding:0.05rem 0rem 0;}  
.navbar-collapse{justify-content:flex-start}
.navbar-light .navbar-nav a.nav-link{ color:#333; font-size:1.125rem; font-weight:400; border-bottom:1px #dedede solid; margin:0; padding:1rem 0; text-align:left} 
.dropdown-menu{ border:none;}
.navbar-light .navbar-toggler{ color:#004ea2; font-size:1.6rem; margin:0.5rem 0.5rem 0 0;} 
.navbar-light .navbar-nav .nav_title{ display:none; padding:0}
.navbtn{ margin:0.2rem 1rem 0.3rem 0}
#header{position: relative;}
#container{margin-top:0.6rem; padding-top:1rem; border-top:4px #58b1e4 solid} 
#etw_language{ width:auto; padding:1rem 0 0 1.5rem}   
.etw_productlists,.etw_contactin{ width:100%}
.etw_contactin{ padding-top:40px;}  
#etw_sidebar,#etw_producttitle{ display:none}
#etw_right{width:100%; padding-left:0} 
.etw_homelink p{ background:#4f87ae}
.companyname{ display:none}
#etw_banner1{ margin-top:0}
	.companyright,#etw_banner .botton{ display:none}
}

@media (max-width: 767.98px) { 
	#etw_homefooter a{font-size:0.875rem;}  
	#etw_banner{ display:none;}
    .compnay_txt{width:100%; padding-left:0}
	.etw_products1 ul > li{ width:48%; margin-right:4%}
	.etw_products1 ul > li:nth-child(4n){ margin-right:4%}
	.etw_products1 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} 
	#etw_bottom{ background:#44ade1; margin-top:2rem; padding-top:2rem}
	#container.etw_container,#container{ margin-bottom:0}
	.etw_homelinks ul,.etw_homelinks ul:nth-child(2){ width:100%; margin:0 0 30px 0} 
   dl-horizontal>.hd_dd{width:1000px !important;}
}

@media (max-width: 575.98px) {
	#etw_language{ display:none;}
	#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
.etw_products ul>li,.img_left, .img_right,.left_pic,.etw_products > ul.three > li{width:100%; margin-right:0;}
	.smwidth{width:100%;}   
	.etw_products1 ul>li{ background:#fff}
	.etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n){margin-right:0;}
	.etw_pic3 ul li,.etw_pic4 ul li{width:49%;margin-right:2%;}
.etw_productlists,.company,.etw_contactin{ width:100%; padding-bottom:1rem; margin:0} 
	.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_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}
.videoall ul>li{ width:100%; margin:0 0 25px 0}
}