@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")}

/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*,figure{margin:0;padding:0}
li,ol,ul{list-style:none}
@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;
}


body{font-family:'Roboto','arial';color:#495057; line-height:2; font-size: 0.875rem; background-color:#edefef; }
hr.dashed{ border-top:1px #dee2e6 dashed; position: relative;}
hr.dashed:before{ content:""; position: absolute; width:10px; height: 10px; left: 0; top:-5px; border:1px #dee2e6  solid; border-radius: 50%; background: #fff;}
hr.dashed:after{ content:""; position: absolute; width:10px; height: 10px; right: 0; top:-5px; border:1px #dee2e6  solid; border-radius: 50%; background: #fff;}
table,td,tr{border:1px solid #dedede!important}
.table>tbody>tr:nth-of-type(odd){background-color:#eee;}
.table>tbody>tr:nth-of-type(odd):hover{background-color:#eee !important;}
.table .top{background:#005eb8!important;}
.table>tbody>tr.top:hover{background:#005eb8!important}
.table>tbody>tr.top>td,.table>tbody>tr.bg td{color: #fff;padding: 4px;}
.table>tbody>tr.bg{background:#005eb8!important;}
.table>tbody>tr.bg:hover{background:#005eb8!important}
.table>tbody>tr>td{vertical-align:middle;padding: .5rem 3px; font-size:12px; line-height:18px}
.table>tbody>tr{width: 100%;}
.table-responsive{ width:auto}
inquiry,u.inquiry{text-decoration: none; color:#666;}
u.inquiry:after{content:"Inquiry"; display:inline-block;background:#eee; color:#666;text-align: center;font-size:14px; margin:0 auto; width:80px;height: 26px;line-height: 26px;border-radius: 5px;opacity: .8;}
u.inquiry:hover:after{opacity: 1;} 
a{color:#005eb8;}
.red{font-weight:700;color:#005eb8; font-size: 1.2rem; margin-bottom: 0.3rem;}
.redcolor{color:#005eb8;}
.blue{color:#143361; font-style: italic;}
.font14{font-size:0.875rem;}
.big_title{ text-align: center; font-size: 1.575rem;  margin: .8rem auto .8rem;font-weight: 700;}
.big_title span{position: relative;}
.subtitle{text-align: center; font-size: 1rem; font-weight: 600; margin-top: -1rem; margin-bottom:0.5rem;color:#888;}
.big_left_title{margin: 0.5rem auto 0.5rem;font-weight: 700; position: relative; }


.big_title1{ text-align: center; font-size: 1.1rem;  margin: 0.5rem auto 0.5rem;font-weight: 700;position: relative;}
.big_title1 span{background-color:#fff; position: relative; z-index: 1; padding: 0 0.8rem;}

.readmore{display: inline-block;  font-size: 0.875rem;  color:#005eb8; position: relative; }
.readmore:after{content:"\f178"; font-family: fontawesome; margin-left: 0.3rem;  padding: 0 4px;}
.readmore:hover{color:#e74216; text-decoration: none;}
.biglink{color:#262626; font-weight: 700; margin-bottom: 0.5rem; display: inline-block;}
.biglink:hover{color:#e74216;}

.content{max-width:1100px; margin:0 auto;}
.js-gallery-wrap{}
#header{width:100%;background: #edefef;}
#top{ height: 4rem; line-height: 2.9rem; }
#headerin{margin:0px auto; background: #005eb8;}


#etw_logo{ margin:0; position: absolute; left:2%; top:-52%;}
#etw_logo .log_txt{float:right;font-size:1rem;font-weight:600;text-transform:uppercase;line-height:1.5rem;padding:.2rem .5rem;color:#00983f; display:none}

.navbtn{ margin-top:1rem;}
#etw_language{ float:right; text-align: right;}
#etw_language .dropdown-item{ display:inline-block;width:auto; font-size:0.8rem; padding:0 0.5rem;color:#262626; position: relative;}
#etw_language .dropdown-item:focus,#etw_language .dropdown-item:hover{color:#e74216;background-color: transparent;}

.top-nav{ width:100%; padding:0rem 0 4rem 16%; }
.navbar{ padding:0;}
.navbar-collapse{}
.navbar-light .navbar-nav .nav-link{color:#fff; padding: .5rem 2.5rem; font-size: 1rem; }

.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#93f0bb; background-color:transparent;}

.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.875rem;}
.navbar-light .dropdown-item:focus,.navbar-light .dropdown-item:hover{background-color:#005eb8;color:#fff;}

#container{background: #fff; max-width:1100px; padding:1rem; margin:0 auto; margin-top:-4rem; border-radius:10px;}
#etw_banner{ position: relative;overflow: hidden; padding:0px 0 0px 0;}
#etw_banner img{ float:left; margin:0; width:100%;}
#etw_banner .des{ max-width:350px; margin:0 auto; padding:0; position: absolute; top:20%; right:0%; }
#etw_banner .des h2{font-size:1.85rem; font-weight: 700; color:#fff; text-shadow: 0px 3px 4px rgb(0, 0, 0,.3);}
#etw_banner .des h3{color:#434343; font-size:2.2rem;}




.inner_banner{ position: relative;}
.inner_banner .des{ position: absolute; top:50%; left: 4%; color:#fff;}
.inner_banner .des h2{font-size:2rem; padding: 0rem 0 1rem 0rem; line-height: 1; border-bottom: 2px #000 solid; position: relative;}
.inner_banner .des h2:after{content:""; position: absolute;left:0;bottom:0;width: 3.98rem; height: 1px; border-top:2px #005eb8 solid}
.inner_banner .des h3{font-size:1.2rem;  padding:0.3rem 0 1rem 0rem;color:#fff; }
.inner_banner .des h3:before{ display:none}
.inner_banner .des1{ position: absolute; top:43%; right: 20%; color:#fff; width: 30%; text-align: right;}
.inner_banner .des1 h2{font-size:1.7rem;color:#005eb8; padding: 0rem; line-height: 1;}
.inner_banner .des1 h3{font-size:1.5rem;  padding:1rem 0 0 0;line-height: 1; text-transform: uppercase; }

.company{ padding: 2rem 1rem 1rem 1rem;font-size: 0.92rem; line-height:1.6rem}
.company .title{font-size:1.6rem; font-weight: bold; color:#005eb8; position: relative; margin-bottom: 0.8rem;text-align:center; line-height:2}
.company .title:after{ content:""; position: absolute; left: 0; bottom:0; width: 100%; height: 1px; border-top: 1px #eee solid;}
.company .title small{color:#999; text-transform: uppercase; margin-left: 0.5rem;}
.img_box img{box-shadow: 19px -19px 0px 0px #005eb8;}

.honor{margin:1.3rem 0; padding: 2rem 0; display: flex; border-top:1px #dedede solid; border-bottom:1px #dedede solid;}
.honor>li{ width: 33.3333%; text-align: center; position: relative;}
.honor>li:after{ content:""; position: absolute; right: 0; top: 20%; width: 1px; height:60%; border-left:1px #dedede solid;}
.honor>li:last-child:after{display:none;}
.honor>li .ht{font-weight: 700; font-size: 2rem;color:#005eb8;}

.mainpro{ }
.mainpro .title{font-size:1.6rem; font-weight: bold; color:#005eb8 ; position: relative; margin-bottom: 0.8rem; text-align:center}
.mainpro .title:after{ content:""; position: absolute; left: 0; bottom:0; width: 100%; height: 1px; border-top: 1px #eee solid;}
.mainpro .title small{color:#999; text-transform: uppercase; margin-left: 0.5rem;}
.mainpro p{ text-align:center; }
.mainpro ul,.mainpro ul>li>ol{display:flex; flex-flow: wrap; line-height: 1.8;}
.mainpro ul>li{width:32%; margin-right: 2%; margin-bottom: 2%; position: relative; text-align:center; background:#eee}
.mainpro ul>li:nth-child(3n){ margin-right:0;}

.mainpro2 ul>li{width:49%; margin-right: 2%; margin-bottom: 2%; position: relative;text-align: left; background: url(../images/mainprobg.jpg) repeat-y left top;}

.mainpro2 ul>li:nth-child(3n){ margin-right:2%;}
.mainpro2 ul>li:nth-child(2n){ margin-right:0;}
.mainpro2 ul>li .product_img{width: 40%;}
.mainpro2 ul>li .product_con{width:60%;text-align: left;}


.mainpro ul>li .product_img{ margin:0 auto; text-align:center}
.mainpro ul>li .product_img img{ max-width:100%; text-align: center;}
.mainpro ul>li .product_con{padding:1rem 1rem 1rem; position: relative;margin: 0 auto;}
.mainpro ul>li .product_con a{color:#2f2f2f; font-size:1rem; font-weight: 700; display: block; margin-bottom: 0.375rem; text-align:center}
.mainpro2 ul>li .product_con a{text-align:left}
.mainpro ul>li .product_con span{font-size:0.875rem; color:#656464; display: block;  margin-bottom: 0.5rem}
.mainpro ul>li .product_con a.readmore{color:#005eb8 ;font-size:0.875rem;}
.mainpro ul>li:hover img{opacity:0.7;}
.mainpro ul>li .product_con a:hover{color:#e74216; text-decoration: none;}

.eaxm{background:#f2f2f2; padding: 1rem;}
.eaxm .title{font-size:1.6rem; font-weight: bold; color:#005eb8; position: relative; margin-bottom: 0.8rem; text-align:center}
.eaxm .title:after{ content:""; position: absolute; left: 0;bottom:0; width: 100%; height: 1px; border-top: 1px #ddd solid; }
.eaxm .title span{position: relative;}
.eaxm .title small{color:#999; text-transform: uppercase; margin-left: 0.5rem;}
.eaxm p{ text-align:center}
.eaxm .infolist{display: flex; flex-flow: wrap;}
.eaxm .infolist a{display:block; width: 23.5%; margin-right: 2%; margin-bottom: 2%;position:relative;}
.eaxm .infolist a:nth-child(4n){margin-right: 0;}
.eaxm .infolist a .desc{position:absolute; left: 0; right:0; top:25%; text-align: center; width: 100%; max-width:200px; margin:0 auto; color:#fff; font-weight: 700; font-size: 1.225rem; line-height: 1.6rem; text-transform:uppercase;border:1px solid #000; padding:1rem;}


.eaxm .infolist a .desc .img{margin-bottom:0.3rem;}
.eaxm .infolist a:hover img{opacity:0.7;}
.eaxm .infolist a:hover .desc{color:#93f0bb;}
.eaxm .desc{ }



.service{background:url(../images/service.jpg) no-repeat left top; text-align: center; margin:2rem 0; padding: 2rem 13%;color:#fff; line-height: 1.8;}
.service .title{ font-size:1.5rem; font-weight: 700; }
.service .title span{ display:inline-block; padding: 1rem 4rem 1rem; border:1px #013ef1 solid; margin-bottom: 1.5rem; position: relative;}
.service .title span:before{content:""; position: absolute; width: 4rem; height: 3rem; background: url(../images/icon-service.png) no-repeat top center; top:-27%; left:35%;}
.service .readmore{ background-color: #ffae00; color:#fff; padding: 0.3rem 1.3rem; transition: 0.3s;}
.service .readmore:after{display:none;}
.service .readmore:hover{background-color:#e50011;}
.service p{ font-size:1.2rem}

/*video附加样式*/
.etw_video{width:100%;overflow:hidden;position:relative;margin:8px auto 15px auto;float:left;height:100%;background:url(../images/about-us_01.jpg) no-repeat center;background-size:cover; border:1px solid #ddd;}
.etw_video a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:0;margin:auto;text-align:center;text-transform:uppercase;}
.etw_video a span{padding:6px 0 0 6px;display:block;margin:0 auto 10px auto;border-radius:50%;border:4px solid #fff;width:48px;color:#fff;height:48px;font-size:26px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;  box-shadow:0 0 4px #000; text-shadow:0 0 4px #000;}
.etw_video img{max-width:150%}
.etw_video a:hover span{ color:#e4000d; border-color:#e4000d;}
.videoall{ width:100%; margin:0 auto; max-width:1200px;}
.videoall ul{display:flex;flex-flow: wrap;}
.videoall ul li{width:49%;float:left;margin:15px 2% 5px 0;}
.videoall ul li a{display:block;text-align:center; line-height:18px; font-size:14px;color: #555}
.videoall ul li:nth-child(2n){margin-right: 0}
.videoall ul li span{display:block;margin-bottom:10px; text-align:center; padding-top:5px;}

h2[itemprop=name]{ padding:0.5rem 0 0.875rem;font-size:1.8rem; color:#495057; margin-bottom: 0;}
h3{ font-size:1.1rem; color:#f86c05; position:relative; padding-left:1rem}
h3:before{ position:absolute; content:""; width:8px; height:8px; left:0; top:.5rem; background:#f86c05}
h3 strong{ font-size:1.4rem}
.etw_hometitle{padding:0.3rem 0 0.3rem;font-size:1.3rem; color:#005eb8; margin-bottom: 0; font-weight: 700;}

.pagebottom{background:#143361; padding: 1.5rem;color:#fff;}
.pagebottom .title{ padding-top: 0.8rem;}
.pagebottom .title a,.pagebottom .title span{display:inline-block; color:#fff;  font-size: 1.125rem;  margin-bottom: 1rem;  font-weight: 700;}

.pagebottom .info ul{ display: flex; flex-flow: wrap;}
.pagebottom .info ul li{ margin-right:1.8%; margin-bottom: 2%;}
.pagebottom .info ul li img{width:100%;}
.pagebottom .info ul li:nth-child(4n){margin-right:0;}
.pagebottom .info{font-size: 0.95rem; padding-right: 2.5rem; position: relative;}
.pagebottom .info:after{content:""; position: absolute; top:0; right:0; width: 1px; height:100%; border-left:1px #fff solid;}
.pagebottom .btcontact{color:#fff; margin-top: 0.5rem; }
.pagebottom .btcontact .address{ width:19px; height:19px; background: url(../images/icon-address.png) no-repeat; background-size: cover;display: inline-block; float: left; margin-right:0.8rem;}
.pagebottom .btcontact .phone{ width:19px; height:19px; background: url(../images/icon-phone.png) no-repeat; background-size: cover;display: inline-block; float: left; margin-right:0.8rem; margin-top:0;}
.pagebottom .btcontact .email{ width:19px; height:19px; background: url(../images/icon-email.png) no-repeat; background-size: cover;display: inline-block; float: left; margin-right:0.8rem; }
.pagebottom .btcontact a{color:#fff;}
.pagebottom .btcontact a:hover{color:#ffae00;}
.pagebottom p{ line-height:1.2rem;}
.pagebottom .pblist a{color:#fff; font-size:0.8rem; position: relative;}
.pagebottom .pblist a:hover{text-decoration:underline;color:#ffae00;}
.pagebottom .pblist ul{ margin-bottom: 0;}
.pagebottom .pblist ul>li{width:100%;}



#etw_producttitle{margin:0px auto 0px; height:auto; color:#444; padding:1rem 0; font-size:0.875rem; font-weight: 400;}
#etw_producttitle ul{margin-bottom:0;}
#etw_producttitle a{ color:#999; }
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 0.5rem 0 0.3rem;color:#999;content:">"}
#etw_producttitle a:hover{color:#e74216; text-decoration:underline;}


#etw_right{width:73%; }
#etw_sidebar{ width:24%; margin-right:3%; }

.etw_productlist{ padding:1rem 1rem;}
.etw_productlist .title{font-size: 1.2rem; background-color: #143361;color:#fff; padding:0.5rem 0 0.5rem 0.8rem;margin-bottom: 0.3rem;}
.etw_productlist ul li a{display:block;}
.etw_productlist ul>li{  margin-bottom: 1px;}
.etw_productlist ul>li:last-child{border-bottom:none;}
.etw_productlist ul>li>a{position:relative;display: block;background-color: #e0e0e0;padding:0.5rem 0 0.5rem 0.8rem; font-size:0.9rem;color:#333;}
.etw_productlist ul>li>a.dq,.etw_productlist ul>li>a:hover{ color:#fff; background-color: #005eb8; text-decoration:none;}
.etw_productlist ul>li>ol{ padding:0px; clear: both; float:none;}
.etw_productlist ul>li>ol>li a{ display:block; color:#666;padding:0.3rem 0.2rem 0.2rem 0.875rem;position:relative; font-size:0.8rem; font-weight: 400; line-height:1.2rem }
.etw_productlist ul>li>ol>li a:hover,.etw_productlist ul>li>ol>li a.dq{color:#f86c05; text-decoration:none;}

ul.item>li{ width:auto; margin:4px 0 6px 20px; list-style:decimal;  position: relative;}
ul.disc>li{list-style: none;}
ul.disc>li:before{content:""; position:absolute; left:-15px;top:10px; width:6px; height: 6px; background:#005eb8; border-radius: 50%; }
ul.square>li{list-style:none;}
ul.square>li:before{content:""; position:absolute; left:-15px;top:10px; width:6px; height: 6px; background:#005eb8; }
ul.circle>li{list-style:circle;}

ul.item_ok{ clear:both; width:100%; display:flex; flex-wrap:wrap}
ul.item_ok>li{position:relative; margin-bottom: 0.75rem; width:33%;}
ul.item_ok>li:before{content:"\f046"; font-family: 'fontawesome'; margin-right: 0.5rem;color:#005eb8;}

/*pro-lists*/
.pro_detail{width: 100%;}
.pro_detail .left_tu{width: 45%;float: right;margin: 0 0 1rem 3%;padding-bottom: 2rem;margin-bottom: 2rem;}



.protitle{ text-align: center; margin-bottom: 1.5rem;}
.protitle a{display: inline-block; color:#333; font-size: 1.4rem; padding:1rem 0; position: relative;}
.protitle a:before{content:""; position: absolute;left:25%; bottom:0.5rem; width:50%; height:1px; border-top:3px #e74216 solid; }
.protitle a:hover{text-decoration:none;color:#e74216;}

.pro_img_title{display:flex; flex-flow: wrap;}
.pro_img_title>li{width:32%; margin-right: 2%; margin-bottom: 2%;}
.pro_img_title>li:nth-child(3n){margin-right:0;}
.pro_img_title>li>ol{display:flex;justify-content: center;}
.pro_img_title>li>ol>li{}

.pro_img_title>li>ol>li.product_img{width:32%;margin-right:3%; border: 1px #ccc solid;}

.pro_img_title>li>ol>li.product_con{ width: 65%; font-size: 0.8rem; font-weight: 400;}
.pro_img_title>li>ol>li.product_con a{color:#315da5; display: block;}
.pro_img_title>li>ol>li.product_con a:hover{color:#f86c05; text-decoration: underline;}

.pro>ul{display:flex;flex-flow: wrap; margin-bottom: 0;}
.pro>ul>li{width:49%; margin-right: 2%; margin-bottom: 2%; border:1px #e8e8e8 solid; position:relative; }
.pro>ul>li:nth-child(2n){margin-right:0;}
.pro>ul>li:last-child{ margin-right:0;}
.pro>ul>li .product_img{ text-align: center; position:relative}
.pro>ul>li .product_img img{ max-width: 100%;}
.pro>ul>li .product_con{padding:0.875rem 1rem 0.5rem; text-align: center;}
.pro>ul>li .product_con span{ padding-bottom:2rem; display:block}
.pro>ul>li .product_img:before{content:""; position: absolute; width: 80%; height: 1px; left: 10%; bottom:0; border-top:1px #e8e8e8 solid;}
.pro>ul>li .product_con p{color:#666; font-size:0.9rem; margin: 0.5rem 0; line-height: 1.6;}
.pro>ul>li .product_con a{color:#555; font-weight: bold; display: block; margin-bottom: 0.2rem; line-height:1.2rem; padding-top:0.3rem;}
.pro>ul>li .product_con .more{color:#005eb8;font-size: 0.875rem; display: block; padding-top: 0.5rem; position:absolute; bottom:1rem; right:0; left:0;}
.pro>ul>li .product_con .more:after{content:"\f101"; font-family: 'fontawesome'; margin-left: 0.3rem;}
.pro>ul>li:hover img{opacity:0.7;}
.pro>ul>li:hover .product_con a{color:#005eb8;}

.pro_img_txt{}
.pro_img_txt ul li ol{display:flex; flex-flow: row; align-items: center; margin-bottom: 1.8rem; }
.pro_img_txt ul li ol .product_img{width:24.25%; margin-right:1rem; border:1px #e4eaf8 solid;}
.pro_img_txt ul li ol .product_con{ flex: 1;}
.pro_img_txt ul li ol .product_con a{color:#262626; font-size: 1rem; font-weight: 700; display: block; text-decoration: noen;  margin-bottom: 0.5rem;}
.pro_img_txt ul li ol .product_con a:hover{color:#005eb8; text-decoration: none;}

.pro3 ul>li{width:32%; }
.pro3 ul>li:nth-child(2n){margin-right:2%;}
.pro3 ul>li:nth-child(3n){margin-right:0;}
.pro3 ul>li .product_con a{ font-size:0.875rem;}
.pro3>ul>li:hover .product_con a{color:#005eb8;}

.pro4 ul>li{width:23.5%;}
.pro4 ul>li:nth-child(2n){margin-right:2%;}
.pro4 ul>li:nth-child(4n){margin-right:0;}
.pro4 ul>li .product_con{text-align: center;}
.pro4 ul>li .product_con a{ font-size:0.75rem; font-weight: 700;  color:#555; line-height: 1.6; display: block;}

.pro5 ul>li{width:18.4%;}
.pro5 ul>li:nth-child(2n){margin-right:2%;}
.pro5 ul>li:nth-child(5n){margin-right:0;}
.pro5 ul>li .product_con{text-align: center;}
.pro5 ul>li .product_con a{ font-size:0.75rem; font-weight: 700;  color:#555; display: block;}

.img_center{width:100%;clear:both;margin:0.3rem auto 0.6rem auto;text-align:center; }
.img_center img{box-shadow:2px 2px 4px #ccc; padding:3px;}
.img_left,.img_right{width:48%;float:right; margin:0 0 1rem 2%; padding: 0.5rem; text-align:center;position: relative;}

.img_left{float:left;margin:0 2% 1rem 0;}
.sswidth{ width:20%; min-width:150px;}
.swidth{ width:24.25%; min-width:150px;}
.smwidth{ width:31%; min-width:150px;}
.mswidth{ width:38%; min-width:150px;}
.mwidth{ width:40%; min-width:150px;}
.img_left img,.img_right img{ display:block; width:100%; transition:.3s; }
.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% 0.875rem 0;text-align:center;}
.etw_photo ul li img{display:block; width:100%; border-radius: 5px; padding: 4px; margin-bottom: 5px; position: relative;} 
.etw_photo.noshadow ul li img{box-shadow:none;}
.etw_photo ul li a{ color:#333;}
.etw_photo ul li span{ display:block; margin-bottom:3px; color:#ed6861;}
.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;}
.bg_color{ padding:.8rem; background:url(../images/mainprobg.jpg) repeat-y left top; margin-bottom:1.5rem;}


#etw_set_feedback_form{overflow:hidden;height:auto;width:100%;}
#etw_form_title,.contact_title a{text-align:left;color:#333;font-size:1.2rem;padding:0px;position: relative; font-weight: bold;}

#etw_form{width:100%}
.box{ background:#ddd; padding:1rem; border-radius:5px}
.othertitle{font-size: 1.2rem; font-weight:bold;color:#005eb8;}

/*sitemap*/
#etw_map{width:100%;margin:0 auto}
#etw_map .name{width:100%;color:#315da5;background:#f1f1f1;margin-top:6px;line-height:20px;display:block;margin-bottom:4px; text-decoration: none; padding: 4px 0 4px 10px; font-weight: 500; border-radius: 3px;}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin:8px 5px; padding-left: 15px;}
#etw_map a:hover{text-decoration:none;color:#ed6861;}
#etw_map .name:hover{text-decoration:underline;}
#etw_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#etw_map .list_m a{ width:45%; display:block; float:left; color:#888; text-decoration:none; padding:0px 10px 0px 20px;}
#etw_map .list_m a:nth-child(2n+1){ clear:both}
#etw_map .list_m a:hover{text-decoration:underline; color:#ed6861}

#footer{ width:100%;height:auto;background:#fff; }
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative; padding-bottom:1.2rem; }
#etw_homefooter{height:auto;padding:1rem 0 1rem 0; text-align:center; position:relative; width: 100%; margin-top:0.5rem;}
#etw_homefooter a{padding:0 1rem 0 1rem;color:#333; margin:0px;position:relative; font-size:0.875rem;}

#etw_homefooter a:after{content:""; position: absolute; right: 0;top:20%;width: 1px; height: 60%; border-left:1px #333 solid;}
#etw_homefooter a:last-child:after{display:none;}
#etw_homefooter a:hover{color:#ffae00; text-decoration:none;}
#etw_coper a{color:#333; margin-top:1rem;font-size:0.875rem;display:block;}
#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:#49b9bd;border:1px #49b9bd solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}

/*tags*/
#tags{ padding-bottom:1.5rem}
#tags_title{ display:block; color:#f1b601; font-size:.85rem; font-weight: 500; line-height:28px; text-align:left; padding:10px 0 0 0;} 
#tags>related>a{ padding: 0 10px 0 0; margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; }

@media (max-width: 1500px) { 
	#etw_banner .des .desinfo{width:33%;}
	#etw_banner .des h2,#etw_banner .des h3{font-size: 1rem;}
	.inner_banner .des h2{font-size:1rem;}
	.inner_banner .des1{right:10%; top:25%;}
}

@media (max-width: 1199.98px) {
	#etw_banner,.inner_banner{display:none;}
}

@media (max-width: 991.98px) {
	#top,.inner_banner .des,.eaxm ul:after,.pagebottom .info:after,.pro_img_title,.etw_pic6,.log_txt{ display:none;}
	#etw_logo{margin-bottom:0; margin-top: 0.5rem;}
	.navbtn{margin-top:1.8rem;}
	.top-nav{background:#fff;width:100%;margin-top:0rem; clear: both;padding:0.5rem 0 0 0;}
	.navbar{ border-top:1px #e8e8e8 solid;}
	#header{position: relative;}
	#container{margin-top:0;}
	
	.eaxm{padding-top:0rem;}
	.eaxm ul>li{width:23.5%; margin-right: 2%;}
	#headerin{background:#fff;}
	#etw_logo{position:relative; float: left;}
	.navbar-light .navbar-nav .nav-link{color:#333; padding: 0.5rem 0;}
	.service p{display:none;}
	.eaxm .infolist a .desc{ font-size:0.875rem; padding:0 0.2rem;}
	.eaxm .infolist a{ padding:0;}
	ul.item_ok>li{ width:50%}
  .etw_video{width:100%;max-width:768px;float:none}
}
@media (max-width: 800px) { 
	.eaxm .infolist a{width:48%; margin-right:4%;}
	.eaxm .infolist a:nth-child(3n){margin-right:4%;}
	.eaxm .infolist a:nth-child(2n){margin-right:0;}
	#etw_homefooter a{padding: 0 0.5rem 0 0.5rem;}
}
@media (max-width: 767.98px) { 
	#container{background:#fff;}
	.etw_content{padding:1rem 0;box-shadow:0 0 0 0 #fff;}
	.mainpro .title{padding:1rem;}
	#etw_homefooter a{font-size:0.875rem;}
	
	.eaxm ul>li,.pro4 ul>li,.etw_pic4 ul li,.etw_pic3 ul li{width:49%; margin-bottom: 2%;}
	.eaxm ul>li:nth-child(2n),.pro4 ul>li:nth-child(2n),.etw_pic4 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(2n){margin-right:0;}
	.eaxm ul>li .product_img img{width:100%;}
	.eaxm .infolist a .desc{ font-size:1rem;}
	#etw_sidebar,#etw_producttitle,.inner_banner{ display:none;}
	#etw_right{width:100%;}
	.etw_hometitle, h2[itemprop=name]{font-size:1.2rem; margin-top: 0.5rem;}
	.pro_detail .left_tu{width: 100%;}
	.pro_detail .left_tu .block-slider  li{text-align: center;}
	.pro_detail .left_tu .block-slider img{width: auto;}
	.pro_detail .left_tu .block-slider .bx-pager{display: block;}
	
	.mainpro ul > li{ background:none; width:49%;}
	.mainpro ul > li:nth-child(3n){ margin-right:2%;}
	.mainpro ul > li:nth-child(2n){ margin-right:0;}
	.mainpro ul > li .product_con span,.mainpro ul > li .product_con a.readmore{ display:none;}
	.mainpro ul > li .product_img,.mainpro ul > li .product_con{ width:100%; text-align:center;}
	.mainpro ul > li .product_img{ border:1px #eee solid;}
	
}

@media (max-width: 575.98px) {
	.pagebottom .info{ padding:0;}
	.pagebottom .title a, .pagebottom .title span{ margin-bottom:0.2rem;}
	.pagebottom .info:after,.company .company_left{display:none;}
	.top-nav{border-top:none;}
	#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
	.pro>ul>li,.number_txt5>li,.number2>li,.number3>li,.img_left, .img_right{width:100%; margin-right:0;}
	.smwidth,.company .company_right{width:100%;}
	.round_line:before{left:44%;}
	.pro_img_txt ul li ol .product_con span{display:none;}
	.eaxm .infolist a{ width:100%; margin-right:0;}
	.eaxm .infolist a>img{ width:100%}
	.eaxm .infolist a:nth-child(3n){ margin-right:0;}
	.service{ display:none;}
	ul.item_ok>li{ width:100%;}
}

@media (max-width: 460px) {
	.mainpro ul>li{ width:100%;}
}