<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
@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: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: local('Oswald Medium'), local('Oswald-Medium'), url(../font/oswald-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../font/roboto-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../font/roboto-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/roboto-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/roboto-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{font-weight:700;}
p{margin:0;padding:0 0 1rem}
a.links{ color:#0359b0; }
a.links:hover{ text-decoration:underline; }
.more{margin: 0.5rem 0 1.3rem 0;}
.more a{font-size: 14px;font-weight: 400;background: #970001;line-height: 1rem;padding: 0.5rem 0.7rem;color: #fff;border-radius: 0.5rem}
.more a:hover{background: #004990;}

body{color:#333; font-family: 'Roboto'; font-size:0.875rem; background:#fff;}
.clearfix{clear:both;}
hr{ border-top:1px #ddd dashed; margin:1rem 0}
table{margin:5px 0 0;width:100%;}
.table-responsive{margin-bottom:20px}
table,td{border:1px solid #999!important}
.table&gt;tbody&gt;tr{background-color:#fff}
.table&gt;tbody&gt;tr:nth-of-type(odd){background-color:#fff}
.table-hover&gt;tbody&gt;tr:hover,.table&gt;tbody&gt;tr:nth-of-type(odd):hover{background-color:#fff}  
.table .top{background:#f2f2f2!important;}  
.table&gt;tbody&gt;tr&gt;td{vertical-align:middle;padding:8px;font-size:14px;line-height:18px} 
.etw_hometitle,h2{ padding:0.5rem 0 1.25rem;font-size:1.5rem; color:#202020;font-weight:700; margin: 0;}
.etw_hometitle{font-size:1.35rem; text-transform:uppercase; padding-bottom:1.125rem; color:#202020; margin-bottom:1rem}
.etw_hometitle span{ display:block; position:relative}
.etw_hometitle span:before{ width:60px; height:3px; background:#0359b0; left:0; bottom:-15px; position:absolute; content:"";}


inquiry,u.inquiry{text-decoration: none; color:#666;}
u.inquiry:after{content:"Запрос"; 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;} 

/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:10; background: #fff; margin:0 auto;}
#headerin{width:100%; margin:0px auto; max-width:1140px; }
#etw_logo{ width:100px;float:left;margin-top: 0.5rem;margin-bottom: 0.8rem}
.navbtn{ margin-top:1rem;}
#etw_language{float:right; height:40px; padding-right:1rem;width: 40%;text-align: right;}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.875rem; padding:2rem 1rem 0.4rem;color:#333; min-width:auto}
#etw_language .dropdown-item:hover{ color:#d62317; text-decoration:underline; background:none}


.top-nav{ width:100%; float:left;background: #004990;margin: 0 auto;}
.navbar{ padding:0 1rem;}
.navbar-collapse{justify-content:center;}
.navbar-light .navbar-nav .nav-link{color:#fff; font-size:1rem; padding:0.5rem 1.5rem; line-height:2rem; font-weight:400;}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{background-color:#0d6fb8;color: #fff}
.navbar-light .navbar-nav .dropdown-menu a:hover{color:#0d6fb8;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.8375rem; line-height:1.125rem} 
.navbar-light .navbar-nav .show &gt; .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: #fff;background: #0d6fb8
}
.dropdown-item{ white-space:normal; min-width:16rem;}
.dropdown-item.active, .dropdown-item:active{background: #fff;color: #0d6fb8}



/*首页附加样式*/

.company{width: 510px;position: relative;font-size: 1.1rem;line-height: 1.6rem;padding-bottom: 0.8rem;font-weight: 500;margin-top: 0.8rem}
.company:before{position: absolute;content: "";width: 540px;height: 2px;background: #e3e3e3;top: 2.1rem;right: 0;left: 0;bottom: 0}
.company:after{position: absolute;content: "";background: url(../images/bg1.jpg) no-repeat center;left: 0;bottom: -0.16rem;right: 0;height: 10px}
#etw_banner{width:100%; height:auto; position:relative; margin:0 auto; text-align:center;}
.banner_txt {position: absolute;width:100%; max-width:1140px; height:100%;margin: 0 auto;left:0rem;bottom: 0%;right:0px; top:0px;}
.bannerinfo{width:360px; float:right; margin:8% 0 0 0; color:#0359b0; position:relative;}
.banner_txt h1{font-size:2rem; line-height:3rem; color:#fff;font-family:Oswald; font-weight:500;text-align:left; padding:0.5rem;text-transform: uppercase;margin:-30px 5px; width:300px;}
.banner_txt h2{font-size:1.2rem; line-height:1.8rem; color:#0359b0;font-family:Oswald; font-weight:500;text-align:left; padding:0.5rem 0;}
.logo_txt{font-size: 1.2rem;font-weight: 500;color: #004990;padding-top: 2rem;font-family:Oswald;}

#mainproducts{width: 100%;background: #004990;position: relative;color: #fff;text-align: center;margin-top: 2rem}
#mainproducts .content{max-width: 510px;padding: 1rem}
#mainproducts p{font-size: 1.1rem;line-height: 1.6rem;color: #fff;text-align: center;padding-bottom: 0}
#mainproducts:after{position: absolute;content: "";width: 0;height: 0;border-width: 20px;border-style: solid;border-color: #004990 transparent transparent transparent;margin-top: -2px;left: 49%}

.etw_mainproducts{ width:100%; margin:0 auto;padding-bottom:2rem;margin-top: 2rem}
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap;}
.etw_mainproducts ul&gt;li{ width:32%; margin:0 2% 1rem 0;background: #f2f1f1;box-shadow: 2px 2px 3px #dedede;float: left;}
.etw_mainproducts ul&gt;li:nth-child(3n){ margin-right:0}
.etw_mainproducts ul&gt;li&gt;ol,.etw_mainproducts&gt;ul&gt;li&gt;ol&gt;li{ width:100%;} 
.etw_mainproducts ul&gt;li&gt;ol&gt;li.product_con{ padding:1rem 1.25rem 0 1.25rem;overflow: hidden;}
.etw_mainproducts ul&gt;li&gt;ol&gt;li.product_con&gt;a{ display:block; text-align:left; font-size:1rem; font-weight:500; color:#333; padding:0 0 0.5rem 0;line-height: 1.2rem}
.etw_mainproducts ul&gt;li&gt;ol&gt;li.product_con&gt;a:hover{color:#004990; }
.etw_mainproducts ul&gt;li&gt;ol&gt;li.product_con span{ display:block; color:#333; font-size:0.75rem; line-height:1rem}
.etw_mainproducts ul&gt;li&gt;ol&gt;li.product_img{ text-align:center;} 
.etw_mainproducts ul&gt;li&gt;ol&gt;li.product_img a{ display:block; position:relative}
.more1{margin: 1rem 0 1.3rem 0;}
.more1 a{font-size: 14px;font-weight: 400;background: #970001;line-height: 1rem;padding: 0.5rem 0.7rem;color: #fff;border-radius: 0.5rem}
.more1 a:hover{background: #004990;}


 
.etw_mainbody{ width:100%; margin:0 auto; background:url(../images/bg.jpg) repeat center #eef8f3; padding:1rem 0 1rem; overflow:hidden}  
.etw_mainbody .etw_hometitle{text-align: center;color: #333;font-weight: 500;font-size: 1.3rem;text-transform: capitalize;position: relative;padding-bottom: 0.8rem;position: relative;border-bottom: 2px solid #333} 
.etw_mainbody .etw_hometitle:after{position: absolute;content: "";background: url(../images/bg2.png) no-repeat center;left: 48%;bottom: -0.3rem;right: 0;height: 10px;background-color: #d9d9d9;width: 45px;text-align: center;}
.etw_mainbody ul{width: 100%;position: relative;float: left;}
.etw_mainbody ul&gt;li{ width:19.2%; margin:0 1% 1rem 0;background: #1f2549;box-shadow: 2px 2px 3px #dedede;float: left;}
.etw_mainbody ul&gt;li:nth-child(5n){ margin-right:0}
.etw_mainbody ul&gt;li&gt;ol,.etw_mainbody&gt;ul&gt;li&gt;ol&gt;li{ width:100%;} 
.etw_mainbody ul&gt;li&gt;ol&gt;li.product_con{ padding:0.5rem 0.5rem 0 0.5rem;overflow: hidden;height: auto}
.etw_mainbody ul&gt;li&gt;ol&gt;li.product_con&gt;a{ display:block; text-align:left; font-size:14px; font-weight:500; color:#fff; padding:0 0 0.5rem 0;line-height: 1.2rem}
.etw_mainbody ul&gt;li:hover{background:#004990; }
.etw_mainbody ul&gt;li&gt;ol&gt;li.product_img{ text-align:center;} 
.etw_mainbody ul&gt;li&gt;ol&gt;li.product_img a{ display:block; position:relative}



#etw_bottom .etw_hometitle{ color:#fff; font-size:1.2rem;line-height:1.5rem; padding:0 0 1rem 0; margin:0;  display:block; text-align:left;text-transform: capitalize;}
#etw_bottom .etw_hometitle a{ color:#333;}
#etw_bottom .etw_hometitle a:hover{ color:#0359b0;}
#etw_bottom .etw_hometitle .number{ display:block; font-size:1.875rem; color:#0359b0; line-height:2rem; padding:0 0 0.7rem 0; font-weight:700}
#etw_bottom{ width:100%; margin:0 auto;overflow:hidden;background: #1f2549;position: relative;padding: 2rem 0;border-bottom: 2px solid #0a0f2b} 

.etw_contactin{ width:26%; float:left;margin-right: 5%}
.etw_contact{ width:100%; color:#fff; line-height:1.25rem;  font-size:14px;}
.etw_contact a {color:#fff;}
.etw_contact a:hover{text-decoration:underline}
.etw_contact img{padding-right: 0.5rem}

.etw_productlists{ width:32%; float:left;margin-right: 4%;padding-left: 3%}
.etw_productlists ul,.etw_productlists ul li{ width:100%;float: left;}
.etw_productlists ul li a{ display:block; font-size:14px; color:#fff; line-height:1rem; padding:0 0 0.5rem 0.2rem; position:relative;float: left;margin-bottom: 0.3rem}
.etw_productlists ul li a:hover{ text-decoration:underline}

.etw_case{width: 32%;float: right;}
.etw_case ul,.etw_case ul li{ width:100%;float: left;}
.etw_case ul li a{ display:block; font-size:14px; color:#fff; line-height:1rem; padding:0 0 0.5rem 0.2rem; position:relative;float: left;margin-bottom: 0.3rem}
.etw_case ul li a:hover{text-decoration:underline}

p.center{ text-align:center}

 /*引用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;}

/*container*/
#container{margin-top:135px;} 
.content{ width:96%;  max-width:1140px; margin:0 auto;overflow: hidden;}
.etw_content{ width:94%;  max-width:1140px; margin:0 auto; background:#f4f4f4}
#etw_right{ width:76%; float:right; background:#fff; padding:0 0 2% 1rem;border-left: 1px solid #ccc;} 

#etw_sidebar{ width:22.5%; float:left;} 
#etw_sidebar .etw_hometitle{ display:block; color:#fff; text-align:left; font-size:1rem; font-weight:500; padding:0 0 0rem 0; margin:0 0 0.5rem 0; position:relative;padding: 0.6rem;background: #1f2549}
#etw_productlist{width:100%;overflow:hidden;margin:0.5rem 0 1rem 0;border-radius: 0.6rem;border: 1px solid #ccc;box-shadow: 2px 2px 2px #ebebeb}
#etw_productlist ul,#etw_productlist ul li{display:block;width:100%}
#etw_productlist ul{padding: 0.7rem}
#etw_productlist ul li a{ display:block;line-height:1.2rem; position:relative;}
#etw_productlist ul li a:before{ position:absolute; content:"\f105"; width:8px; height:8px; left:2px; top:0; font-family:fontawesome}
#etw_productlist ul li a{line-height:15px;font-size:13px;padding:0 15px 0.5rem 12px;display:block;position:relative;margin-bottom: 0.5rem;color: #333}
#etw_productlist ul li a:hover,#etw_productlist ul li a.dq{color: #0d6fb8}
.link{width: auto;position: relative;margin: 0 auto;text-align: center;}
.link a{color: #970001;position: relative;font-weight: 500}
.link a:after{content:"\f178";position:absolute;right:-1.8rem;font-family:FontAwesome;color:#970001;font-size:16px;transition:all ease-in-out .3s;margin-top: -1px}
.link a:hover:after{right:-2rem;color: #0d6fb8}
.link a:hover{color: #0d6fb8}

/*快速导航*/
#etw_producttitle{margin:12px auto 0px; height:auto; color:#a6a6a6; overflow:hidden; padding:0; font-size:0.875rem; 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:"\f105"; font-size:0.875rem; font-family:fontawesome}
#etw_producttitle a:hover{color:#0774bd; text-decoration:underline;} 



/*其他公用样式*/
.etw_title{ display:inline-block; color:#333; text-align:left; font-size:1rem; font-weight:500; padding:0 0 0.3rem 0; margin:0.5rem 0 0.3rem 0; position:relative;border-bottom: 3px double #0d6fb8}


ul.item{width:97%;float:none;}
ul.item li{list-style: decimal;margin:4px 0 5px 20px; line-height:21px;width:97%; float:none} 
ul.item li.last{ margin-left:21px;} 
ul.item li ol{display:block; width:100%; margin:4px 0 3px 0; padding-left:0; color:#474747;  line-height:20px;}

ul.item1{width:97%;float:none;}
ul.item1 li{list-style: disc;margin:4px 0 5px 20px; line-height:21px;width:97%; float:none} 
ul.item1 li ol{display:block; width:100%; margin:4px 0 3px 0; padding-left:0; color:#474747;  line-height:20px;}

.etw_products1{width:100%; height:auto; float:left}
.etw_products1 ul{ width:100%; display:flex; flex-flow: wrap;}
.etw_products1 ul&gt;li{ width:31%; margin:0.8rem 3.5% 0.5rem 0;background: #f2f1f1}
.etw_products1 ul&gt;li:nth-child(3n){ margin-right:0}
.etw_pro2 ul&gt;li{width: 48%;margin-right: 4%}
.etw_pro2 ul&gt;li:nth-child(2n){ margin-right:0}
.etw_pro2 ul&gt;li:nth-child(3){ margin-right:4%}

.videoall,.videoall ul{ width:100%; float:left;}
.videoall ul&gt;li{width:48%; margin:0 4% 20px 0; float:left;}
.videoall ul&gt;li:nth-child(2n){ margin-right:0}
.videoall ul&gt;li:nth-child(2n+1){ clear:both}
.videoall ul&gt;li .text-center{ display:block; font-size:0.9375rem; padding:0.5rem 0 1rem 0}

.etw_products1&gt;ul&gt;li&gt;ol,.etw_products1&gt;ul&gt;li&gt;ol&gt;li{ width:100%;overflow: hidden;}
.etw_products1&gt;ul&gt;li&gt;ol&gt;li.product_con&gt;a{ display:block;font-size:14px;font-weight:500; color:#333; padding:0.3rem 0 0 0;text-align: center;line-height: 1.2rem;margin-bottom: 0.1rem;}
.etw_products1&gt;ul&gt;li&gt;ol&gt;li.product_con{padding: 0.5rem 1rem}
.etw_products1&gt;ul&gt;li&gt;ol&gt;li.product_con a:hover{color: #0d6fb8;}
.more2{margin: 1rem 0 1.3rem 0;text-align: center;}
.more2 a{font-size: 14px;font-weight: 400;background: #970001;line-height: 1rem;padding: 0.5rem 0.7rem;color: #fff;border-radius: 0.5rem}
.more2 a:hover{background: #004990;color: #fff!important}

.etw_pro4 ul&gt;li{ width:23.5%; margin:0.8rem 2% 1rem 0;background: none;box-shadow: 2px 2px 2px #ccc}
.etw_pro4 ul&gt;li:nth-child(3n){ margin-right:2%;}
.etw_pro4 ul&gt;li:nth-child(4n){ margin-right:0;}
.etw_pro4&gt;ul&gt;li&gt;ol&gt;li.product_con&gt;a{font-weight: 400}

#etw_otherpro{background: #ebebeb;text-align: center;padding-top: 1rem}
 #etw_otherpro .etw_title{font-size: 1.2rem;line-height: 1.7rem;color: #004990}

.img_center{width:100%;clear:both;margin:0.3rem auto 1.25rem auto;text-align:center; }
.img_left{width:35%;float:right; margin:5px 0 14px 4%; text-align:center;}
.img_right{width:45%;float:right; margin:5px 0 0.1rem 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;}
.sswidth{ width:20%; min-width:150px;}
.swidth{ width:24.25%; min-width:150px;}
.smwidth{ width:31.3%; margin-top:5px}
.mswidth{ width:40%; margin-top:8px;}
.mwidth{ width:38%; min-width:150px;}
.img_left img,.img_right img{ display:block; width:100%; border:1px solid #eee;}

.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;}
.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_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:100%; height:auto; float:right; margin:0 0 20px 4%;}
.left_pics{ width:75%; height:auto; float:left; position:relative } 
.left_pics img{ width:100%; text-align:center;}
.left_pics a{ cursor:default} 
.related_pic{ width:23%; height:auto; float:right;  text-align:center}
.related_pic a{ width:74%; height:auto; float:left; margin:0 2% 10px 0; display:block; text-align:center; color:#666; font-size:12px;}
.related_pic1 a{width: 50%;}
.related_pic2 a{width: 49%;}
.related_pic2 a:nth-child(2n){margin-right: 0}
.related_pic a img{ width:100%; } 

.right_con{ width:auto; padding-top:2rem}

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

.othertitle{font-size: 1.2rem; font-weight:bold; padding-bottom: 0.5rem;border-bottom: 3px double #0359b0;position: relative;margin-bottom: 0.5rem}
.othertitle span{position:relative;}
.othertitle a{color: #333;font-size: 1.25rem;font-weight: 500}
.othertitle a:hover{color: #0359b0}

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

@media (max-width: 1500px) {
  .bannerinfo{width: 445px;margin-top: 5%}
  .banner_txt h1{font-size: 1.2rem;line-height: 2.5rem} }

@media (max-width: 991.98px) { 
  .top-nav{background:#f4fbff; width:100%; padding-top:0}
  .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_language{display: none;}
.etw_mainproducts ul &gt; li &gt; ol &gt; li.product_con span{ display:none}
.etw_company,#etw_banner{display: none;}
.navbar-light .navbar-nav .nav-link{color:#333}
#mainproducts:after{left: 47%}
.etw_mainbody ul&gt;li&gt;ol&gt;li.product_con{height: auto;}
.etw_mainbody ul&gt;li{width: 32%;margin-right: 2%}
.etw_mainbody ul&gt;li:nth-child(3n){margin-right: 0}
.etw_mainbody ul&gt;li&gt;ol&gt;li.product_con{height: 73px}

}

@media (max-width: 767.98px) { 
  #etw_homefooter a{font-size:0.875rem;}  
  #etw_sidebar,#etw_banner{ display:none;}
  #etw_right,.compnay_txt{width:100%; padding-left:0}
  .etw_hometitle, h2{font-size:1.2rem; margin-top: 0.5rem;} 
  .etw_products1 ul &gt; li{ width:48%; margin-right:4%}
  .etw_products1 ul &gt; li:nth-child(3n){ margin-right:4%}
  .etw_products1 ul &gt; li:nth-child(2n){ margin-right:0} 
  .etw_mainproducts ul &gt; li{ width:48.5%; margin:0 3% 1.125rem 0}
  .etw_mainproducts ul &gt; li:nth-child(3n){ margin-right:3%}
  .etw_mainproducts ul &gt; li:nth-child(2n){ margin-right:0} 
  #etw_producttitle{ padding-bottom:0.5rem}
  .etw_productlists, .etw_contactin{width: 45%}

.etw_case{width: 100%}
}

@media (max-width: 575.98px) {
  #etw_language{ display:none;}
  .top-nav{border-top:1px #ccc solid;}
  #etw_homefooter a,#etw_coper a{font-size:0.6rem;}
.etw_products ul&gt;li,.img_left, .img_right,.left_pic,.etw_products &gt; ul.three &gt; li{width:100%; margin-right:0;}
  .smwidth,.compnay_txt h2{width:100%;}  
  .etw_products1 ul&gt;li{ background:#ebebeb}
  .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_mainproducts ul &gt; li &gt; ol &gt; li.product_con{ height:auto; padding-bottom:0.5rem}
.etw_productlists,.company,.etw_contactin{ width:100%; padding-bottom:1rem; margin:0}
.etw_products1&gt;ul&gt;li&gt;ol&gt;li.product_con span,.more2{display: none;}
  .etw_mainbody ul&gt;li{width: 48%;margin-right: 4%}
  .etw_mainbody ul&gt;li:nth-child(2n){margin-right: 0%}
  .etw_mainbody ul&gt;li:nth-child(2n+1){clear: both}
.etw_mainbody ul&gt;li:nth-child(3n){margin-right: 4%} 
.etw_mainbody ul&gt;li&gt;ol&gt;li.product_con&gt;a{font-size:12px;font-weight: 400}
.etw_mainbody .etw_hometitle:after{left: 46%}
.logo_txt{display: none;}
.videoall ul&gt;li{width: 100%}
}
.video_btn{position:absolute;width:60px;height:60px;top:50%;left:50%;cursor:pointer;z-index:10;background:url(../images/video_btn.png) no-repeat center center;background-size:100% auto;border-radius:50%;transform:translate(-50%,-50%);transition:0.5s;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.video_btn:hover{opacity:0.7;} 
.video_bg{width:70px;height:70px;background-color:#004990;z-index: 3;}</pre></body></html>