@charset "utf-8";
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Light;src:url(//:) format("no404"),url(../fonts/Ubuntu-Light.woff) format("woff"),url(../fonts/Ubuntu-Light.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Bold;src:url(//:) format("no404"),url(../fonts/Ubuntu-Bold.woff) format("woff"),url(../fonts/Ubuntu-Bold.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Regular;src:url(//:) format("no404"),url(../fonts/Ubuntu-Regular.woff) format("woff"),url(../fonts/Ubuntu-Regular.ttf) format("truetype")}
@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:'Open Sans';font-style:normal;font-weight:400;src:url(../fonts/open-sans-v15-latin-regular.eot);src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../fonts/open-sans-v15-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v15-latin-regular.woff2) format('woff2'),url(../fonts/open-sans-v15-latin-regular.woff) format('woff'),url(../fonts/open-sans-v15-latin-regular.ttf) format('truetype'),url(../fonts/open-sans-v15-latin-regular.svg#OpenSans) format('svg')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(../fonts/open-sans-v15-latin-700.eot);src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../fonts/open-sans-v15-latin-700.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-v15-latin-700.woff2) format('woff2'),url(../fonts/open-sans-v15-latin-700.woff) format('woff'),url(../fonts/open-sans-v15-latin-700.ttf) format('truetype'),url(../fonts/open-sans-v15-latin-700.svg#OpenSans) format('svg')}

/*base*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
body{color:#202020;font-size:16px;line-height:1.6;clear:both;font-family:Open Sans, Arial, Helvetica, sans-serif;background:#fff}
h1,h2,h3,h4,h5,h6{font-family:Ubuntu Light,Verdana,Geneva,Tahoma,sans-serif}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
a{color:#291d5a;blr:expression(this.onFocus=this.blur())}
a:hover{color:#291d5a}
a:focus{outline:0}
a,a:focus,a:hover{text-decoration:none}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
h2,.etw_hometitle{font-size: 24px;color:#333; font-family:Ubuntu Bold,Verdana,Geneva,Tahoma,sans-serif;} 
.sencond_title{color:#606060;font-size:22px;}
h2.pro_name{font-size:20px;border-bottom:3px double #ccc;padding-bottom:5px;}
.etw_hometitle{margin-bottom:15px;}
.etw_title_b{font-size: 22px;color:#999; font-family:Ubuntu Bold,Verdana,Geneva,Tahoma,sans-serif;} 
h3{display:block;margin:0;padding:7px 0;font-size:18px;line-height:20px;color:#101010;font-family:Arial, Helvetica, sans-serif;} 
.o-sm-gutter{margin-left:-5px;margin-right:-5px}
.o-sm-gutter>.col,.o-sm-gutter>[class*=col-]{padding-left:5px;padding-right:5px}
inquiry,u.inquiry{text-decoration:none;display:block;}
u.inquiry:after{content:"INQUIRY";background:#0e54b7;border-radius:2px;color:#fff;text-align:center;line-height:1;padding:5px;font-size:12px;float:left;}
u.inquiry:hover:after{background:#2a1a72;color:#fff}
.brief,.relatednames{width:100%;margin:20px 0;overflow:hidden;color:#999;font-size:15px;}
.table{margin:5px 0 0;width:100%; color:#222}
.table-responsive{margin-bottom:20px}
.table-responsive p{margin:5px 0}
table,td{border:1px solid #333!important;color:#333;}
.table>tbody>tr{background-color:#fff}
.table>tbody>tr.top{background-color:#E2E2E2!important}
.table>tbody>tr:nth-of-type(odd){background-color:#fff} 
.table>tbody>tr>td{vertical-align:middle;padding:5px 3px 5px 10px;}
.table1>tbody>tr>td{vertical-align:middle;padding:5px 3px 5px 5px;font-size:14px;background:#fff;}
table1,.table1 td{border:1px solid #5e5e5e!important;color:#000;}
.table1>tbody>tr.top>td{background:#fe0000;color:#fff;}
.table img{display:block;margin:0 auto;}
p{padding:0;margin:0 0 15px}
#chatbox{padding:0!important;border:none!important}
hr{border-top:1px dashed #ccc;margin:0 0 15px;display:block;clear:both}
hr.style-one {border: 0;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #333, #ccc);margin-top:20px;}
#etw_top{position:fixed;right:150px;bottom:120px;z-index:999;text-align:center; display:none}
#etw_top,#etw_top a{width:40px;height:40px;line-height:46px;border-radius:50%; color:#fff; background:#fe0000;}
#etw_top a{display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s}
#etw_top a:hover{cursor:pointer;line-height:32px; background:#b71120;}
.review{font-size:16px;color:#291d5a}
.top{ padding-top:20px;}
.tops{ padding-top:40px;}
.brief{width:100%;padding:0 20px 5px 0;margin:20px 0;overflow:hidden}
.brief p{color:#999;font-size:13px;line-height:22px}   
.imgbor{border:1px solid fe0000;}
.bor{border-bottom:1px solid #ccc;padding-top:20px;}
.guidejs_text{color:rgb(107, 107, 107);font-style:italic;margin-bottom:50px;}
.indent{text-indent:47px;display:block;}

/*header*/
#header{width:100%; margin:0 auto;position:fixed;z-index:999;background:#fff;border-bottom:2px solid #385a8a;}
.headerin{margin:0 auto;max-width:1160px;padding:12px 0px;position:relative;}
#etw_logo{float:left;margin-right:15px;}
#etw_logo img{margin-right:5px;}
.etw_langbg{background:#e4e4e4; min-height:38px;}
#etw_language{max-width:1160px;background:#e4e4e4;text-align:right;margin:0px auto;padding:6px 0;}
#etw_language a{color:#333;line-height:12px;padding:0 15px 0 0px;font-size:14px;display:inline-block;}
#etw_language a:hover{color:#c82229}
#etw_language img{vertical-align:baseline;}
.top-nav{float:right;text-align:left;}
.navbar{position:static;}
.navbar,.navbar-default,.navbar-default .navbar-collapse,.navbar-header,.navbar-nav{background:0;border:0;min-height:inherit;padding:0;margin:0;width:100%}
.container-fluid{padding-right:0!important;padding-left:0!important}
.navbar,.navbar-default{max-width:1160px;margin:0 auto;text-align:center;}
.nav > li{position:static;}
.navbar-default .navbar-nav li{width:auto;float:none;display:inline-block;padding:8px 25px;}
.navbar-default .dropdown-menu{z-index:1000;padding:10px 0 20px;margin-top:-1px !important;background:rgba(255,255,255,.97)}
.dropdown-menu>li>a{white-space:normal!important;}
.navbar-default .dropdown-menu{padding:10px 20px;}
.navbar-default .dropdown-menu li{width:20%;float:left;padding:10px 0;}
.navbar-default .dropdown-menu li:nth-child(5n+1){clear:left;}
.navbar-default .navbar-nav>li>a{color:#3a587c;display:inline-block ;padding:4px 0px;}
.navbar-default .dropdown-menu li img{border:1px solid #ccc;}
.navbar-default .dropdown-menu li a{padding:5px;display:block;}
.navbar-default .dropdown-menu li a span{ padding:4px 2px 8px 10px;display:block; color:#333; transition:.3s;}
.navbar-default .dropdown-menu li a:hover span,.navbar-default .dropdown-menu li a.dq span{ color:#2a1a72;}
.navbar-default .dropdown-menu li ol{ width:100%; display:block;margin-left:86px;}
.navbar-default .dropdown-menu li ol a{color:#3a587c; line-height:16px; padding:8px 10px 2px 14px; width:96%; position:relative; display:block; border-left:1px solid #ddd; float:right;}
.navbar-default .dropdown-menu li ol a:before{ content:""; position:absolute; left:-5px; top:11px; width:9px; height:9px; border-radius:50%; border:1px solid #ccc; background:#fff;}
.navbar-default .dropdown-menu li ol a:hover:before,.navbar-default .dropdown-menu li ol a.dq:before{ background:#d60000;}
.navbar-default .dropdown-placeholder{position:relative;}
.navbar-default .dropdown-placeholder .dropdown-menu{min-width:300px !important;}
.navbar-default .dropdown-placeholder .dropdown-menu li{padding:2px 0;}
.navbar-default .navbar-nav>li>a.dq,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#2a1a72;}
.navbar-default .dropdown-menu li a.dq,.navbar-default .dropdown-menu li a:hover{color:#0066f7;background:0;border-radius:0}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#2a1a72;background:none;}
.navbar-brand{display:none}
.nav>li.dropdown-narrow{position:relative}
.navbar-default .dropdown-narrow .dropdown-menu{padding:5px 0;}
@media screen and (min-width:768px){
.top-nav .navbar-default .row{position:absolute;background:#f8f8f8;border-top:1px #d9d9d9 solid;padding:20px 0 0 10px;box-shadow:none;max-width:1160px;}
.top-nav .navleft{padding-left:20px;width:30%;max-width:268px;float:left;padding-right:10px}
.top-nav .navclassname{display:block;color:#000;font-size:20px;padding-bottom:20px;text-transform:uppercase}
.top-nav .navbar-default .row .navleft li{width:100%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;clear:both;}
.top-nav .navbar-default .row .navleft li.lidq,.top-nav .navbar-default .row .navleft li a{font-size:14px;display:block;border-left:5px #fff solid;padding-left:10px}
.top-nav .navbar-default .row .navleft li.lidq{font-size:14px;display:block;padding-left:10px;border-right:none;border-left:5px #2a1a72 solid;}
.top-nav .navbar-default .row .navleft li.lidq a{border:none;color:#2a1a72;}
.top-nav .navbar-default .row .navleft li.lidq a.dq{color:#0066f7;}
.top-nav .navbar-default .row .navleft li a:hover{border-left:5px #2a1a72 solid;color:#0066f7;}
.top-nav .navbar-default .row .navleft li.lidq a:hover{border:none;color:#0066f7;}
.top-nav .navbar-default .navright{width:70%;padding-left:10px;float:left;}
.top-nav .navbar-default .navright ul{width:100%;display:none}
.top-nav .navbar-default .navright ul.shownavpro{display:block}
.top-nav .navbar-default .navright ul li:nth-child(5n+1){clear:both}
.top-nav .navbar-default .navright ul>li{width:18%;padding:0 1%;float:left;margin-bottom:10px;clear:inherit;}
.top-nav .navbar-default .navright ul li ol{width:100%}
.top-nav .navbar-default .navright ul li ol li.product_img {width: 100%;text-align: center; padding:0px;}
.top-nav .navbar-default .navright ul li ol li.product_img a{ padding-left:0px;}
.top-nav .navbar-default .navright ul li ol li.product_img img {width: 100%;border: 1px #ccc solid;}
.top-nav .navbar-default .navright ul li ol li.product_img img:hover {border: 1px #999 solid;}
.top-nav .navbar-default .navright ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center;padding:0px;}
.top-nav .navbar-default .navright ul li ol li.product_con a{color:#666;display:block;line-height:16px;padding:10px 2px;font-size:12px;}
.top-nav .navbar-default .navright ul li ol li.product_con a:hover,.top-nav .navbar-default .navright ul li.lidq ol li.product_con a{color:#d7050e}
}

/*banner*/
#etw_banner{width:100%;height:auto;background-size:cover;position:relative;}
.banner_txt{max-width:1160px;margin:0px auto;text-align: center;position:absolute;left:55%;top:40%;transform:translateX(-50%);}
.banner_txt h2{display:inline-block;font-family:Ubuntu Bold;font-size:38px;color:#fff;}  

/*video*/
.video-pro{margin:10px 0 10px 35px;}
.etw_video{width:25%;overflow:hidden;position:relative;margin:10px auto 0px;float:left;height:120px;background:url(../images/videohome.jpg) no-repeat center;background-size:cover;border:1px solid #999;}
.etw_video a{top:-5px;font-size:18px;position:absolute;left:0;right:0;margin:auto;text-align:center;width:45px;height:45px;bottom:0;}
.etw_video a span{line-height:1;display:block;text-align:center;margin:0 auto;color:#2a1a72;font-size:26px;border-radius:50%;background:#fff;width:100%;height:100%;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;text-shadow:2px 2px 2px #000;padding:9px 0 0 5px;}
.etw_video img{max-width:150%}
.etw_video a:hover span{color:#fff;background:#2a1a72;}
.etw_video:hover:before{width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);border-color:transparent;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}
.home_video{height:180px;margin-top:0px;margin-right:15px;float:left;border:1px solid #3c5888;border-radius:10px;}
.pro_video{margin: 30px 0 10px 2%; float:right; width:21%;}
.video1{background:url(../images/video1.jpg) no-repeat center;background-size:cover}
.video2{background:url(../images/video2.jpg) no-repeat center;background-size:cover}
.video3{background:url(../images/video3.jpg) no-repeat center;background-size:cover}
.video4{background:url(../images/video4.jpg) no-repeat center;background-size:cover}
.video5{background:url(../images/video5.jpg) no-repeat center;background-size:cover}
.video6{background:url(../images/video6.jpg) no-repeat center;background-size:cover}
.video7{background:url(../images/video7.jpg) no-repeat center;background-size:cover}
.video8{background:url(../images/video8.jpg) no-repeat center;background-size:cover}
.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: #333;}
.videoall ul li:nth-child(2n){margin-right: 0}
.videoall ul li:nth-child(2n+1){clear: both;}
.videoall ul li a span{display:block;margin-bottom:10px;}
.videoall ul li a span{border:1px solid #999;display:block;position:relative;color:#fff;font-size:26px;}
.videoall ul li a span:before{border-radius:50%;font-family:fontawesome;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;content:"\f04b";width:50px;height:50px;padding:15px 0 0 7px; color:#2a1a72; background:#fff}
.videoall ul li a span:hover:before{background:#2a1a72;color:#fff;}
 
/*index*/
.home_categ{background:#f0f4f7;padding:30px 0;}
.home_categ ul{max-width:1160px;margin:0px auto;}
.home_categ ul li{width:12.5%;float:left;text-align:center;}
.home_categ ul li a{color:#385988;font-size:13px;display:block;}
.home_categ ul li a:hover {color:#2a1a72;}
.home_categ ul li a img:hover{-webkit-filter:contrast(2);filter:contrast(2);-webkit-filter:drop-shadow(5px 5px 5px #ccc);filter:drop-shadow(2px 2px 5px #282e3a);}
.home_categ span{display:block;}
.samples_title{border-top:1px solid #ccc;text-align:center;margin-top:50px;}
.samples_title span{background:#fff;position:relative;top:-20px;display:inline-block;padding:0 15px;}
.samples_title a{color:#355a86;font-weight:700;font-size:24px;}
.samples_title a:hover{color:#2a1a72;}
#main_pro{margin:0px auto;margin-bottom:20px;}
#main_pro ul{display:flex;flex-wrap:wrap;}
#main_pro ul li{width:22%;float:left;text-align:center;margin:0 4% 3% 0;}
@media(min-width:651px){#main_pro ul li:nth-child(4n){margin:0 0 3% 0}}
#main_pro ul li .pic{display:block;background:#fff;box-shadow:2px 4px 12px #a5a5a5;}
#main_pro ul li .pic img{border-radius:5px;transition:.5s; -webkit-transition:.5s; -moz-transition:.5s;}
#main_pro ul li a:hover .pic img{background:#ccc;transition:.5s;transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
#main_pro ul li span.proname{color:#fff;line-height:1.2;display:block;margin-bottom:10px;margin-top:10px;font-size:14px;font-weight:700;}
#main_pro ul li span.proname a{color:#fff;display:block;background:#395988;padding:10px;}
#main_pro ul li span.proname a:hover{background:#2a1a72;}
#main_pro ul li .pic:hover:before,#main_pro ul li .pic:hover:after{border:1px solid #ff0000;color:#ff0000;}
#main_pro ul li span.proname:hover{color:#AC0000;}
#main_pro ul li a{color:#464646;}
#main_pro ul li p{color:#333;text-align:left;font-size:14px;margin:10px 0;}
#mainpro_title{color:#385988;font-size:22px;margin-bottom:15px;}
#mainpro_title:after{width:30%;height:16px;background:repeating-linear-gradient(-45deg,#ccc,#ccc 1px,#f3dfdf 0,#fff 5px);content:"";display:block;}
.custom{background:url(../images/home_mirror_bg1.png) no-repeat top left #e4e4e4;}
.custom_title{max-width:1160px;margin:0px auto;text-align:center;padding:15px 0 5px;}
.custom_title a{color:#355a86;font-size:24px;font-weight:700;}
.custom_title a:hover{color:#2a1a72;}
.custom ul{max-width:1160px;margin:0px auto;padding-top:20px;}
.custom ul li{width:25%;float:left;padding:0px 10px;}
.custom ul li img{border:2px solid #355a86;padding:10px;}
.custom ul li span{margin-left:10px;}
.custom ul li a{color:#355a86;}
.custom ul li a:hover{color:#2a1a72;}
.custom ul li img:hover{border:2px solid #2a1a72;}
.custom_more{text-align:center;}
.custom_more a{background:#355a86;color:#fff;padding:3px 20px;display:inline-block;margin:40px auto;}
.custom_more a:hover{background:#2a1a72;}
.home_bottom{background:url(../images/home_mirror_bg2.png) no-repeat right bottom;}
.home_bottom_content{max-width:1160px;margin:0px auto;}
.gallery p{width:90%;margin:0px auto;text-align:center;}
.gallery ul{margin:10px 0 30px;}
.gallery ul li{width:20%;float:left;}

.company{max-width:1160px;margin:20px auto;padding:10px 20px;}
.company h2{margin:0 0 10px;font-size:22px; line-height:1; font-family:Ubuntu Bold,Verdana,Geneva,Tahoma,sans-serif; font-weight:700; letter-spacing:1px}
.company img{border:1px solid #707070;}
a.more{color:#385988;transition:.5s;font-size:14px;padding:4px 10px;border-radius:2px;display:inline-block;}
a.more:after{font-family:fontawesome;content:"\f178";margin-left:5px;}
a.more:hover{ color:#2a1a72;}
.contitle a{display:block;color:#333;font-size:20px;}
.etw_contact{padding:5px 10px;}
.qrcode{width:140px;}
.homeqr{float:right;margin-left:20px;}
.share{width:100%;margin:10px 0;overflow:hidden}
.share a{border:2px solid #385988;text-align:center;margin:0 4px 5px 0;width:30px;display:block;float:left;height:30px;line-height:1.8;color:#385988;font-size:14px;position:relative;cursor:pointer;border-radius:50px;}
.share a:hover{background:#385988;color:#fff}  
.home_productlist{padding-bottom:40px;} 
.home_productlist ul{float:left;}
.home_productlist ul li a{ display:block; line-height:18px; padding:4px 0 6px 16px; color:#fff;position:relative}
.home_productlist ul li a:before{position:absolute; content:"\f105"; width:12px; height:10px; top:4px; left:0; color:#868686; font-size:20px; font-family:fontawesome; font-weight:bold}
.home_productlist ul li a:hover{color:#b71120;}
.home_contact a{color:#fff;}
.home_contact a:hover{color:#b71120;}
.home_title,#tagshome>#tags_title{margin:15px 0;position:relative;padding-bottom:5px;}
#tagshome>#tags_title{font-weight:400;padding:0;color:#fff;font-family:Open Sans, Arial, Helvetica, sans-serif;}
#tagshome a{border:1px solid #f5f5f5;color:#fff;margin-right:8px;font-size:13px;margin-bottom:8px;padding:5px;display:inline-block;line-height:1.2;}
#tagshome a:hover{color:#236fc3;}
.home_title a{color:#fff;font-size:16px;}
.home_title:after,#tagshome>#tags_title:after{content:"";position:absolute;width:15%;height:2px;background:#fff;left:0;bottom:0;}
.etw_main{margin-top:20px;padding:32px 0;background:#f7f2f2;}
.etw_homecon{max-width:1160px;margin:0px auto;padding:0 20px;}
#container{width:100%;margin:0 auto;margin-top:107px;}
#etw_content{width:90%;max-width:1160px;margin:0 auto;}
#mainbody{ width:100%; margin:0 auto; border-top:1px #dadce0 solid;}
#etw_right{width:72%;float:right;}
#etw_right h2{font-family:Ubuntu Bold,Verdana,Geneva,Tahoma,sans-serif;}
#etw_sidebar{width:25%;float:left;position:relative;margin-top:10px;}
#etw_productlist .etw_hometitle{font-size:18px;line-height:18px;padding-bottom:10px;margin-bottom:10px;background:linear-gradient(to right,#0e54b7 0,#fff 100%);padding:5px 10px;}
#etw_productlist .etw_hometitle a{color:#fff;display:block;line-height:20px;}
#etw_productlist .etw_hometitle a:hover{color:#2a1a72;}
#etw_sidebar .etw_contactin_pro{padding:20px;}
#etw_sidebar .etw_contact{width:100%;float:left;color:#333; font-size:15px;} 
.etw_contact .etw_hometitle a{color:#333;border-bottom:1px solid #303030;color:#303030;display:block;font-size:18px;}

#etw_productlist{height:auto;float:left;}
#etw_productlist ul,#etw_productlist ul li,#etw_productlist ul>li>ol,#etw_productlist ul>li>ol>li,#etw_productlist ul>li>ol>li>ol{width:100%}

#etw_productlist ul li:first-child{margin-right:35px;}
#etw_productlist ul li a{color:#4e4e4e;font-size:14px;display:block;line-height:1.2;margin:4px 0;}
#etw_productlist ul>li>ol{margin-bottom:5px;float:left;}
#etw_productlist ul>li>ol>a{font-weight:bold;color:#424242;position:relative;padding:9px 10px 0px 14px;line-height:1.2;display:block;margin-bottom:10px;}
#etw_productlist ul>li.custom>ol>a{font-weight:normal;}
#etw_productlist ul>li.custom>ol{margin-bottom:0}
#etw_productlist ul>li>ol>a:before{position:absolute;content:"\f105";font-family:fontAwesome;left:5px;top:8px;}
#etw_productlist ul>li>ol>li{padding:0 0 0px 14px;border-bottom:3px double #eee;margin-bottom:6px;}
#etw_productlist ul li a.dq,#etw_productlist ul li a:hover{color:#2a1a72}
.home_comtact{width:50%;float:left;}
.bottom {padding:35px 0;}
.bottom #etw_productlist .etw_hometitle{background:none;}
.bottom #etw_productlist .etw_hometitle a{color:#333;border-bottom:1px solid #000;padding-bottom:10px}
.bottom #etw_productlist{float:left;width:60%;}
.bottom>#etw_productlist>ul>li{width:45%;float:left;}
.bottom>#etw_productlist ul>li>ol>li{border:none;}
.bottom .etw_contact{width:35%;float:right;color:#424242;font-size:16px;}
.bottom #tags{padding:20px 0}
.etw_contactin{width:100%;height:auto;}
.etw_contact_text{font-size:15px;padding:10px 20px;}
.etw_contact p a{color:#fe0000;}
.etw_contact p a:hover{color:#000;} 
.etw_contact p a.home{color:#385988;}
.etw_contact p a.home:hover{color:#000;} 
.etw_contact_text p a{color:#444;}
.etw_contact_text p a:hover{color:#f20000;} 
.etw_bottom{background:#eee;}
.bottom{max-width:1160px;margin:0px auto;width:92%;}
.garybottom{background:#363636;}

/*Quick list*/
#etw_producttitle{margin:0 auto;height:auto;color:#333;line-height:18px;font-size:13px;background:#f5f5f5;overflow:hidden;}
#etw_producttitle ol{max-width:1160px;margin:0 auto;float:none;}
#etw_producttitle a{color:#333;padding-left:6px}
#etw_producttitle li{display:inline-block;padding:8px 0}
#etw_producttitle li+li::before{padding:0 5px;color:#ccc;content:"/\00a0"}
#etw_producttitle a:hover{color:#676664}

.left_pic{ width:100%; height:auto; float:left; margin:5px 0 25px 0;}
.left_pics{ width:81%; height:auto; float:left;} 
.left_pics img{ width:100%; text-align:center; border:1px #ccc solid}
.left_pics img:hover{border:1px #999 solid}
.related_pic{ width:18%; height:auto; float:right;  text-align:center}
.related_pic img{ width:96%; height:auto; float:left; border:1px #ccc solid; margin:0 2% 8px 2%}
.related_pic img:hover{ border:1px #000 solid}
.related_pic1{width:12%;}

/*about*/
.about{margin-bottom:30px;}
.about a{background:#EBF0F8;display:block;padding:20px;color:#333;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.3);-moz-box-shadow:0 5px 10px rgba(0,0,0,.3);box-shadow:0 5px 10px rgba(0,0,0,.3);transition:.2s;}
.abouttitle{font-weight:bold;line-height:1.3;margin-bottom:10px;height:35px;}
.abouttext{font-size:14px;height:155px;}
.about a .learn_more{border-top:1px solid #236fc3;text-align:center;display:block;margin-top:15px;padding-top:10px;color:#236fc3;}
.about a:hover{background:#236fc3;color:#fff;}
.about a:hover .learn_more{border-top:1px solid #fff;color:#fff;}

.etw_link{ width:100%; height:auto; float:right; text-align:right; margin:20px 0 10px 0;}
.etw_link a{ display:block; width:30px; height:30px; color: #c7000a; border:1px #c7000a solid;  float:right; margin-left:8px; text-align:center; line-height:30px;}
.etw_link a:hover,.etw_link a.dq{ background: #c7000a; color:#fff}

/*Products*/
.protitle{font-size:14px;color:#fff;margin:15px 0 20px 0; line-height:24px; position:relative; width:100%; padding-left:5px; overflow:hidden}  
.protitle:before{position: absolute; content:""; background:#fe0000; width:98%; height:1px; left:5px; top:58%;}  
.protitle:after{position: absolute; content:""; background:#fe0000; width:93%; height:1px; left:5px; top:45%;} 
.protitle a{ display:inline-block; width:auto; padding:2px 15px; position:relative; color:#fff; z-index:1}
.protitle a:before{ position:absolute; content:""; width:100%; height:100%; left:0; top:0; background:#fe0000; transform: skew(-20deg); -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); z-index:-1}
.protitle a:hover:before{ background:#888} 

.titlename{position:relative;margin:10px 0;}
.titlename a{color:#ed695a;}
.titlename span{background:#f5f5f5;display:inline-block;padding-right:10px;font-family:Ubuntu Bold;font-size:18px;}
.titlename:before{position:absolute;content:"";width:100%;height:1px;background:#ed695a;left:0;top:12px;z-index:-1;}
.titlename:after{position:absolute;content:"";width:90%;height:1px;background:#ed695a;top:16px;left:0;z-index:-1;}
.titlename a:hover{color:#AE4437;}
.titlename_sub{border-bottom:3px double #999;display:inline-block;font-weight:bold;}
.process{padding-bottom:160px;}
.process ul{list-style-type: none;position: relative;padding:0;}
.process ul:before{content:"";position: absolute;background: #ccc;width:100%;height:5px;border-radius: 5px;top:70px;left:0;}
.process ul li{width:15%;float: left;padding:0;margin-right:2%;text-align: center;position:relative;}
.process ul li span{position: absolute;top: 90px;width:100%;left:0;font-size:14px;line-height:1.2;}
.process ul li:before{position: absolute;content: "";background:#2D777C;width:10px;height:10px;top:67px;border-radius: 50%;left:50%;transform:translateX(-50%)}
.process ul li:last-child{margin-right:0;}
.process ul li a img{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}
.process ul li a img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}

.icon-circle-arrow-right{ color:#c7000a} 
.protitles{font-size:18px; color:#444; padding:10px 32px 10px 0;margin:0;width:auto; margin:0 0 15px 0;border-bottom:1px #999 solid; position:relative;font-weight:bold;}  
.protitlesbig{font-size:30px;margin-top:20px;}
.protitles:before{ position:absolute; content:""; left:0;width:10px; height:10px; background:#999; bottom:-5px;border-radius:50%;}
.protitlesmall{font-size:16px;margin-top:20px;}
.factory_text{color:#3a3a3a;margin-top:5px;display:block;}
.blue{color:#fe0000;}
 
ul.item1{width:100%;margin-bottom:25px;padding-left:25px;}
ul.item1>li{list-style: decimal;margin:10px 0 0 10px;width: 97%;}
ul.item1 li.last{ margin-left:22px;}
.subtext{margin-left:25px;}
ul.circle{width:100%;padding-left:25px;margin-bottom:25px;}
ul.circle li{list-style:disc;margin:5px 0 0 18px;width:97%;}
ul.circle li a{color:#21759b;}
ul.circle li a:hover{color:fe0000;}
ul.information{width:100%; padding-bottom:10px;}
ul.information>li{width:100%;  line-height:22px; padding:8px 0 15px 0; color:#313947; font-size:16px; font-family:Source Sans Pro Regular}
ul.information>li:first-letter{ font-size:22px;font-family:Arial, Helvetica, sans-serif}
ul.information>li>span{ padding:6px 0 0 0; display:block; color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif} 
.etw_product{width:100%;overflow:hidden}
.etw_product ul{width:100%;}
.etw_product ul li ol{width:100%}
.etw_product ul>li{width:31%;margin:0 3% 30px 0}
.etw_product ul>li:nth-child(3n){margin-right:0}
.etw_product ul>li:nth-child(3n+1){clear:both}
.etw_product ul li ol li.product_img{width:100%; background:#e1e1e1; text-align:center}
.etw_product ul li ol li.product_img:hover{ background:#ccc}
.etw_product ul li ol li.product_img img{width:100%;}
.etw_product ul li ol li.product_con{width:100%; text-align:left}
.etw_product ul li ol li.product_con a{color:gray;font-family: Montserrat,Verdana,Geneva,Tahoma,sans-serif; line-height:20px; font-size: 14px;font-weight: 700;letter-spacing:1px; display:block;  padding-top:8px;}
.etw_product ul li ol:hover li.product_con a{ text-decoration:underline}
.recomm_link{margin-left:25px;}
.recomm_link a{display:block;margin-bottom:2px;color:#236fc3}
.recomm_link a.title{font-weight:bold;}
.recomm_link a:after{content:"\f178";font-family:fontawesome;margin-left:10px;}
.recomm_link a:hover{color:#f20000;}
.etw_point{width:100%;float:left; margin:15px 0;}
.etw_point ul{ width:100%; position:relative; margin-bottom:15px;}
.etw_point ul:before{position:absolute;content:'';border-top:1px solid #666;left:0;top:75px;width:100%}
.etw_point li{width:6%; margin:0 1.5% 0 0;float:left;}
.etw_point li:last-child{ margin-right:0}
.etw_point li a{width:100%;display:block;font-size:14px;line-height:18px;padding:5px 0;color:#666;position:relative;text-align:center;cursor:pointer;}
.etw_point li a img{display:block;width:100%; margin:0 auto 30px auto}
.etw_point li a:before{position:absolute;content:"";width:10px;height:10px;left:0;right:0;margin:0 auto;top:71px;background:#fff;border:1px #666 solid;border-radius:50%}
.etw_point li a.dq,.etw_point li a:hover{color:#2a1a72}
.etw_point li a.dq:before,.etw_point li a:hover:before{background:#2a1a72;border-color:#2a1a72}
.etw_point1 ul:before{top:100px;}
.etw_point1 li{width:10%;}
.etw_point1 li a:before{top:95px;}
.etw_point2 ul:before{top:119px;}
.etw_point2 li{width:11%;}
.etw_point2 li a:before{top:115px;}
.etw_point3 li a{ font-size:13px;}
.etw_point3 li a img{ margin-bottom:20px;}
.etw_point3 li a::before{ top:50px;}
.etw_point3 ul:before{top:55px;}
.etw_point4 li{width:9%;}
.etw_point4 li a::before{ top:70px;}
.etw_point4 ul:before{top:75px;}
/*products*/
.etw_products{width:100%;}
.etw_products .product_con{margin-bottom:25px;text-align:center;line-height:1.2}
.etw_photo img,.etw_products .product_con img{border:1px solid #ddd;display:block;margin:0 auto;}
.etw_products .product_con img:hover{border:1px solid #fe0000}
.etw_products .product_con a{color:#333;text-decoration:underline;font-size:14px;}
.etw_products .product_con a:hover{color:#fe0000}
.etw_products .product_con:nth-child(3n+1){clear:left}
.etw_products ul{width:100%;margin-top:5px}
.etw_products ul li ol{width:100%}
.etw_products ul>li{width:23.5%;margin:0 2% 20px 0;float:left;}
.etw_products ul>li:nth-child(4n){margin-right:0}
.etw_products ul>li:nth-child(4n+1){clear:both}
.etw_products ul li ol li.product_img{width:100%;border:1px solid #bbb}
.etw_products ul li ol li.product_img img{width:100%}
.etw_products ul li ol li.product_con{width:100%;text-align:left}

.etw_products ul li ol li.product_con a{color:#237b9f;display:block;line-height:18px;font-size:14px;padding:10px 0 5px 0;text-decoration:underline;}
.etw_products ul li ol li.product_con span{ display:block; line-height:18px;color:#237b9f; font-size:13px;}
.etw_products ul li ol:hover li.product_con a,.etw_products ul li ol:hover li.product_con span{color:#f08300; text-decoration:none;}
.etw_products ul li ol:hover li.product_img{border:1px solid #666; opacity:0.7}
.etw_products1{width:100%;margin:20px 0;}
.etw_products1 ul,.etw_products1 ul li ol{width:100%}
.etw_products1 ul>li{width:100%;height:auto;padding:0 0 20px 0;float:left;}
.etw_products1 ul li ol li.product_img{width:25%;height:auto;border:3px double #ddd;padding:3px;float:left;}
.etw_products1 ul li ol li.product_img img{width:100%;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}
.etw_products1 ul li ol li.product_img img:hover{opacity:.7}
.etw_products1 ul li ol li.product_con{width:72%;height:auto;float:right;text-align:left;color:#666;}
.etw_products1 ul li ol li.product_con a{color:#000;display:block;line-height:24px;padding:0 20px 5px 0;border-bottom:1px solid #333;margin-bottom:8px;overflow:hidden;position:relative}
.etw_products1 ul li ol li.product_con a:after{content:"\f18e";position:absolute;right:3px;bottom:-100%;font-family:FontAwesome;color:#ad0000;font-size:16px;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}
.etw_products1 ul li ol li.product_con a:hover{color:#ad0000}
.etw_products1 ul li ol li.product_con a:hover:after{bottom:3px}
.etw_products1 ul li ol li.product_con span{display:block;line-height:1.5;color:#555}
.etw_products1 ul li ol li ol.small_list{width:100%;margin:20px 0}
.etw_products1 ul li ol li ol.small_list li a{font-size:12px;background:#f2f2f2;border:1px solid #ddd;color:#333;padding:3px 12px;margin:0 6px 6px 0;border-radius:4px;}
.etw_products1 ul li ol li ol.small_list li a:hover{background:#f8f8f8;color:#979797}
.etw_products1 ul li ol li.nopic{width:100%}
.etw_pro_hub ul{display:flex;flex-wrap:wrap;}
.etw_pro_hub ul li{width:30%;float:left;position:relative;margin:0 3% 0 0;}
.etw_pro_hub ul li ol li.pro_hub_img,.etw_pro_hub ul li ol li.pro_hubpic_list,.etw_pro_hub ul li ol li.pro_hubtitle,.etw_pro_hub ul li ol li.pro_hubcon{width:100%;}
.etw_pro_hub ul li ol li.pro_hubcon{font-size:14px;margin-bottom:25px;color:#4e4e4e;line-height:1.6;}
.etw_pro_hub ul li ol li.pro_hub_img{position:relative;overflow:hidden;text-align:center;}
.etw_pro_hub ul li ol li.pro_hub_img span{position:absolute;background:rgba(0, 0, 0, 0.65);bottom:0;display:block;width:100%;padding:5px 10px;text-align:center;}
.etw_pro_hub ul li ol li.pro_hub_img a{color:#fff;}
.etw_pro_hub ul li ol li.pro_hubpic_list img{width:48%;border:1px solid #ccc;margin:0 0 10px;}
.etw_pro_hub ul li ol li.pro_hub_img a img{transition:.5s; -webkit-transition:.5s; -moz-transition:.5s;}
.etw_pro_hub ul li:hover ol li.pro_hub_img a img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.etw_pro_hub ul li ol li.pro_hubpic_list img:last-child{float:right;}

.recommpro ul{width:100%;height:auto;float:left;display:flex;flex-wrap:wrap;}
.recommpro ul>li{width:22.5%;height:auto;float:left; margin:0 2% 30px 0;background:#eee; border:5px solid #eee; position:relative; transition:.3s;box-shadow:0 4px 8px rgba(0,0,0,.4);}
.recommpro ul li ol{width:100%}
.recommpro ul li ol li{width:100%;height:auto;float:left;text-align:center;}
.recommpro ul li ol li.product_con a{text-align:center;color:#444;display:block; background:#eee; font-size:14px; line-height:20px; padding:10px 5px; transition:.3s;min-height:80px;} 
.recommpro ul li:nth-child(5) ol li.product_con a{ padding:10px 20px;}
.recommpro ul li:hover{ border-color:#fe0000;}
.recommpro1 ul>li{width:18%;}
.recommpro1 ul li ol li.product_con a{font-size:13px;line-height:1.2;}
.subtitle{font-size:18px;color:#000}
.article_title{ display:inline-block; color:#0e54b7; font-size:18px; padding:6px 0 6px 15px; position:relative;margin-bottom:10px;}
.article_title:before{ position:absolute; content:"";  width:5px; height:18px; background:#0e54b7; left:0; top:11px}
.article_title:after{ position:absolute; content:"\f0da"; color:#0e54b7; left:4px; top:8px; font-size:14px; font-family:fontawesome}
.article_title2{ display:block; line-height:22px;}
.article_title2:before{ top:18px;}
.article_title2:after{ top:18px;}
.para_title{display:block;color:#e70012;margin-top:30px;}
.para_title1{margin-top:0}
.para_title a{color:#e70012;font-weight:600}
.quicklink{border-left:1px solid #21759b;margin-left:25px;}
.quicklink ul li{}
.quicklink ul li a{position:relative;padding-left:10px;color:#21759b;}
.quicklink ul li a:before{position:absolute;content:"";width:10px;height:10px;border-radius:50%;left:-5px;top:6px;border:1px #21759b solid;background:#fff;}
.quicklink ul li a:hover{color:#0F6AB1;}
.quicklink ul li a:hover:before{background:#0F6AB1;}
 
/*etw_photo*/
.img_center{width:100%;clear:both;margin:5px auto 20px;text-align:center;font-size:15px;line-height:26px;}
.img_center img{display:block;margin:0 auto}
.img_center.whole{border:none} 
.img_center span{ display:inline-block; padding:10px 3%;}
.img_left,.img_right{width:39%;float:right;margin:5px 0 10px 0;text-align:center;font-size:13px}
.img_left{float:left;margin:10px 4% 25px 0;text-align:center}
.img_right{margin:0px 0 10px 20px;}
.img_left img,.img_right img{display:block; text-align:center;} 
.img_right span{font-size:14px;line-height:16px;display:block;margin-top:5px}
.img_right.swidth,.img_left.swidth{width:32.5%;} 
.img_rightsma{width:10%;border:1px solid #ccc;margin-left:10px;} 
.img_effe{-moz-box-shadow:0px 5px 20px #595959; -webkit-box-shadow:0px 5px 20px #595959; box-shadow:0px 5px 20px #595959;border-radius:0 60px 0 60px;}
.img_effe img{border-radius:0 60px 0 60px;}

.details p{border-bottom:1px solid #ccc;padding:20px;}
.details_in{margin:10px 0 30px 20px;}
.details_in ul li{float:left;margin-bottom:5px;width:100%;}
.details_in ul li{list-style:disc;}
.aboutimg_right{box-shadow:0px 5px 5px #ccc;}
.shape{width:70%;margin:0px auto;}
.shape .etw_photo img{border:none;}
.etw_photo{float:left;margin:5px 0 25px;width:100%;height:auto}
.etw_photo ul{display:block;width:100%;height:auto}
.etw_photo ul li{display:block;margin:5px 1% 15px 0;text-align:left;color:#333;overflow:hidden;float:left;font-size:14px;text-align:center;}
.etw_photo ul li a{text-decoration:underline;}
.etw_photo ul li a:hover{color:#385988;}
.etw_photo ul li span{margin-top:10px;display:block;}
.bigfont span{font-size:18px;}
.bigfont ul li{margin-bottom:40px;}
.etw_photo ul li p{text-align:left;margin:0 0 5px;padding:0 10px;}
.etw_photo ul li img{display:block;width:99%;}
.etw_photo ul li a .imghome{overflow:hidden;display:block;text-align:left;}
.etw_photo ul li a .imghome img{width:100%;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}
.etw_photo ul li a .imghome img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49.5%}
.etw_pic3 ul li{width:32.66%}
.etw_pic4 ul li{width:24.25%}
.etw_pic5 ul li{width:19.2%}
.etw_pic6 ul li{width:15.66%}
.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}
#etw_about .img_right{ width:35%; margin-top:0}
#etw_about .img_right img{border:none}

.text_left{float:left;width:58%;}
.picbs{width:30%;float:right;margin:10px 0 10px 2%;display:block;overflow:hidden}
.picbs1{ width:36%;}
.picbs2 {width: 47%;float: left;margin: 10px 3% 10px 0;}
.main_pic{ width:100%; float:right; text-align:center; box-shadow:0 0 4px 2px inset #999; padding:5px;  margin-bottom:4%;}

.main_pic img{ transition:.3s}
.main_pic img:hover{ opacity:.8}
.related_pic{width:100%; display:block; float:right; margin-bottom:10px;}
.related_pic figure{ display:inline}
.related_pic img{float:left;display:inline-block; box-shadow:0 15px 15px -16px #666; width:31%; margin:0 2% 2% 0}
.related_pic figure:nth-child(3n) img{ margin-right:0}
.related_pic1 img{width:12.5%;}
.related_pic1 figure:nth-child(3n) img{ margin-right:2%;}
.related_pic1 figure:nth-child(7n) img{margin-right:0;}

/*Kontakt*/
#etw_contactin{width:54%;float:left;padding-top:15px}
#etw_contactin p a{color:#385988}
#etw_contactin p a:hover{color:#000}
#etw_contactin p{margin-bottom:10px!important;line-height:26px} 
.location{width: 100%;height: auto;overflow:hidden;margin:10px 0;}
#etw_set_feedback_form{overflow:hidden;margin:15px 0;height:auto; background:#fff;text-align:center; width:42%; float:right;border:1px solid #ccc;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%; overflow:hidden;margin-top:50px;}
#etw_form #etw_set_feedback_form{border-radius:5px;margin:0 0 10px 3%;width:47%;padding-bottom:10px;}
#etw_form .etw_contact{padding:0 20px;color:#666;}
#etw_form .etw_contactin{width:50%; margin:0;height:539px;border:1px solid #ccc;border-radius:5px;}
#etw_form #tagsin #tags_title{font-size:16px; line-height:36px; color:#333; font-family:Ubuntu Bold,Verdana,Geneva,Tahoma,sans-serif;padding:0 0 15px  0!important; letter-spacing:2px; text-align:left;}
#etw_form .etw_contactin .etw_hometitle,#etw_set_feedback_form #etw_form_title{background:#f5f5f5;padding:5px 0 5px 20px;font-size:18px;color:#333; font-family:Ubuntu Bold,Verdana,Geneva,Tahoma,sans-serif;text-align:left;margin-bottom:15px;border-bottom:1px #ddd solid;}
#etw_form .etw_hometitle span{padding-right:5px}
#etw_form .etw_hometitle a{color:#333}
#etw_form .etw_hometitle a:hover{color:#999} 
.bottom #etw_set_feedback_form{background:none;width:35%;float:right;border:none;}
.bottom #etw_set_feedback_form #etw_form_title{background:none;border-bottom:1px solid #333;}
#tags{padding:20px 10px;margin:15px 0;}
#tags_title{font-size:18px;margin-bottom:10px;line-height:36px; color:#333;letter-spacing:1px; display:block;border-bottom:1px solid #303030;}
#tags a{padding:6px 10px;margin:6px 3px 0 0;color:#333;display:inline-block;line-height:1;font-size:13px;background:#ddd;}
#tags a:hover{color:#000;background:#d1d1d1;}
.hometags{width:30%;float:left;margin-left:50px;padding:0 10px;}
.hometags #tags{padding:0;margin:0}
.tagslist{width:100%;overflow:hidden}
.tagslist ul{width:100%;margin-top:10px}
.tagslist ul li ol{width:100%}
.tagslist ul>li{width:23.5%;margin:0 2% 20px 0;float:left;}
.tagslist ul>li:nth-child(4n){margin-right:0}
.tagslist ul>li:nth-child(4n+1){clear:both}
.tagslist ul li ol li.product_img{width:100%;border:1px solid #ddd}
.tagslist ul li ol li.product_img img{width:100%}
.tagslist ul li ol li.product_con{width:100%;text-align:center}
.tagslist ul li ol li.product_con a{color:#666;display:block;line-height:16px;font-size:13px;padding:5px 0;}
.tagslist ul li ol:hover li.product_con a{color:#2c338b}
/*other_pro*/
.othertitle{font-size:16px;margin:20px 0 15px 0;position:relative;width:100%;overflow:hidden}
.othertitle:after{position:absolute;content:"";background:#444;height:5px;width:100%;right:5px;bottom:0;z-index:1;transform:skew(40deg)}
.othertitle span{background:#ccc;display:inline-block;padding:5px 10px 5px 15px;color:#000;position:relative;font-weight:400}
.othertitle span:before{position:absolute;content:"";right:-34px;top:0;border-left:34px solid #ccc;border-top:34px solid transparent}
.other_pro{width:100%;margin:10px 0 35px 0;overflow:hidden}
.other_pro ul{ width:100%;}
.other_pro ul>li{width:23.5%;margin:0 2% 0px 0;float:left;}
.other_pro ul li ol{width:100%}
.other_pro ul li:nth-child(4n){margin-right:0}
.other_pro ul li ol li.product_img{width:100%;border:1px solid #ccc;text-align:center;overflow:hidden}
.other_pro ul li ol li.product_img:hover{ background:#ccc}
.other_pro ul li ol li.product_con{width:100%; text-align:left}
.other_pro ul li ol li.product_con a{display:block;padding-top:8px;text-align:center;color:#333;line-height:1.4;font-size:14px;}
.other_pro ul li ol li.product_con a:hover{color:#f20000;}
.other_pro ul li ol li.product_img a img{border:none;margin:0 auto;width:100%;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}
.other_pro ul li ol li.product_img a img:hover{transform:scale(.95);-webkit-transform:scale(.95);-moz-transform:scale(.95)}
.etw_related_title{border-bottom:1px solid #ccc;margin-top:15px;}
#relatedpro{margin:50px auto 25px auto;border-bottom:1px solid #fe0000;}
#relatedpro .related_title{font-weight:bold;margin-bottom:8px;}
#relatedpro ul{ padding:12px 0;background:#EBEBEB;}
#relatedpro ul li{width:50%;float:left;}
#relatedpro ul li:nth-child(2n+1){clear:left;}
#relatedpro ul li a{padding:6px 10px 6px 25px;display:block;color:#474747;font-size:14px;position:relative;} 
#relatedpro ul li a:before{content:"\f105";font-family:fontawesome;position:absolute;left:15px;}
#relatedpro ul li a.dq,#relatedpro ul li a:hover{color:#c7000a; text-decoration:underline;} 
.xl-links-wrap .xl-link{color:#fe0000;line-height:1.2;display:block;margin-bottom:10px;margin-top:20px;font-size:14px;font-weight:700}
.xl-links-wrap .xl-link img{border:1px solid #ddd;margin-bottom:5px}
.xl-links-wrap .xl-description{font-size:14px;}
.img-bordered{border:1px solid #ddd}
.mtsmall{margin-top:10px}
.mb1{margin-bottom:15px}
.lh12{line-height:1.2}
.fig-caption{color:#fe0000;line-height:1.2}
/*exbition*/
#layui-layer1{z-index:1000 !important;}
.layui-layer{border:1px solid #ccc !important;}
.layui-layer-dialog .layui-layer-content{word-break:keep-all !important;}
.layui-layer-title{color:#991e1c !important;font-size:18px !important;font-weight:700 !important;}
#myExhibition.layui-layer-content{padding:10px;}
.layui-layer-content img{margin-bottom:8px;}
.list-unstyled a{text-decoration:underline;color:#fe0000;}
.allpro{margin-bottom:20px;}
.allpro ul li{width:48%;float:left;text-align:center;}
.allpro ul li:first-child{margin-right:2%;}
.allpro ul li a{background:#ccc;display:block;padding:5px 20px;font-size:22px;border:3px outset #ddd;}
.allpro ul li a:before{font-family:fontawesome;content:"\f0a9";color:#000;margin-right:10px;}
.allpro ul li a span{color:#000;}
.allpro ul li a.dq,.allpro ul li a:hover{background:#ddd;}
.allpro ul li.dq a:before,.allpro ul li.dq a span,.allpro ul li a:hover:before,.allpro ul li a:hover span{color:#AC0000;}
.allpro ul li:after a:hover{position:absolute;content:"";border-top:9px solid #818181;border-left:9px solid transparent;border-right:9px solid transparent;width:0;height:0;}
.allpro ul li.dq:after{position:absolute;content:"";border-top:9px solid #818181;border-left:9px solid transparent;border-right:9px solid transparent;width:0;height:0;}
.allpro_title{margin-top:50px;border-top:1px dotted #ccc;text-align:center;}
.allpro_title span{position:relative;background:#fff;top:-15px;padding:0 10px;font-weight:bold;}

/*footer*/
#footer{width:100%;height:auto;margin:0 auto;font-size:13px;background:#385988;padding-bottom:10px;}
#chatbox{z-index:999}
#etw_footin{margin:0 auto;text-align:center;}
#etw_homefooter{overflow:hidden;width:100%;height:auto;padding:12px 0 0px 0;}
#etw_homefooter a{color:#fff;padding:0 5px;line-height:13px;margin:6px 12px;font-size:15px;display:inline-block;position:relative;}
#etw_homefooter a:after{position:absolute;content:"";left:-5px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#fff;}
#etw_homefooter a:first-child:after{content:"";}
#etw_homefooter a:hover{color:#000}
#etw_coper{width:100%;line-height:22px}
#etw_coper a{display:block;color:#fff;font-size:14px;}
#otherlink{clear:both;width:100%;height:auto;margin:10px 0;}
#otherlink a{color:#fff;display:inline-block;padding:3px;font-size:12px;line-height:12px;margin:4px 5px 0;border:1px solid #fff}
#otherlink a span{position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#000;border:1px solid #000}
#otherlink a:hover span{top:-2px;transition:all .3s ease-in-out}
#sitemap ul li{margin:12px 0;}
#sitemap ul li a{background:#e1e1e1;display:block;color:#333;padding:5px 10px;font-weight:700;}
#sitemap ul li ol{width:100%;}
#sitemap ul li ol li{width:45%;margin-right:4%;float:left;margin:0;}
#sitemap ul li ol li strong{margin-top:10px;display:block;}
#sitemap ul li ol li:nth-child(2n+1){clear:left;}
#sitemap ul li ol li a{background:none;font-size:14px;color:#555;font-weight:400;padding:2px 10px;}
#sitemap ul li a:hover{color:#2a1a72;}
#sitemap ul li ol li ol li{padding-left:30px;width:100%;}
#sitemap ul li ol li ol li a{position:relative;}
#sitemap ul li ol li ol li a:before{content:"\f105";font-family:fontawesome;left:0;position:absolute;}

.links{width:100%; float:left; clear:both;}
.links ul,.links ul li{width:100%; float:left;}
.links ul li a{display: block; line-height: 18px; color: #31393f;position: relative;padding:8px 0;font-size: 15px;border-bottom: 1px #ccc dashed;font-weight:bold}
.links ul li a:before{position: absolute;content: "\f08b";color: #2771cc;width: 15px;height: 12px;font-family: fontawesome;font-size: 12px;right: 0;top: 8px;} 
.links ul li a:hover{ color:#36a0da; text-decoration:underline;}
.links ul li a:hover:before{ color:#36a0da;} 
.links ul>p{ font-size:14px; color:#555; line-height:20px; padding-top:8px; display:block}

.mar_bot{margin-bottom:20px !important;}
.mar_top{margin-top:40px;}
.des_top{margin-top:60px;}
.mar_left{margin-left:25px;}
.mar_left1{margin-left:16px;}
.mar_bottom{margin-bottom:20px;}
@media screen and(min-width:768px){
.mar_botnav{margin-bottom:20px;}
}
ul.protable{ width:100%;margin:5px 0 30px 0;padding-left:25px;}
ul.protable li{ width:100%; border-bottom:1px dotted #ddd; padding:3px 0;}
ul.protable li span{ width:30%; display:inline-block; font-weight:100;}
ul.protable1 li span{ width:43%;}
/*responsive*/
@media screen and (max-width:1700px){ 
.banner_txt{right:10%;top:5%;}
}
@media screen and (max-width:1050px){ 
.navbar-default .navbar-nav li{padding:6px;}
.banner_txt{width:90%;right:5%;top:5%;}
.banner_txt h2{width:70%;font-size:22px;}
}
@media screen and (max-width:980px){ 
.bottom .etw_contact{width:100%;}
#main_pro ul li p,#bottom .text,.etw_point{display:none;}
#main_pro ul li{height:auto;}
#header{position:static;}
#container{margin-top:0;}
#headerin{padding:5px 0;}

.navbar-default .navbar-nav li{margin:0;}
.navbar-nav > li > a{font-size:14px}
#etw_productlist,.home_productlist{display:none}
#etw_right,#etw_sidebar{width:100%;margin:0}
.etw_contactin{margin:10px auto;} 
.relatedProducts ul li{width:50%}
.relatedProducts ul li:nth-child(3n+1){clear:none}
.relatedProducts ul li:nth-child(2n+1){clear:both}
.product_video{width:35%;max-width:none;margin:0 3% 10px 0;height:170px;float:left;}
#contactin_body{width:100%;float:none}
#contactin_form{width:100%;float:none}  
#tagsin{ margin-top:15px;}
.etw_video{width:100%;}
.item_one,.item_two,.item_three{height:260px;}
}

@media screen and (max-width:767px){
.protitlesbig{font-size:22px}
.headerin{padding:0;}
.navbar-default .dropdown-menu li ol,.home_categ{display:none;}
.recommpro ul>li{width:31%;}
.partsbg a:after{content:"";}
#etw_logo{margin-bottom:10px;}
.abouttitle{height:auto;}
.abouttext{height:auto;} 
.mar_top{margin-top:15px}
.etw_products .product_con:nth-child(3n+1){clear:none;}
.etw_products .product_con:nth-child(2n+1){clear:left;}
#dropdownMenu1{font-size:14px;color:#333;background:0}
.navleft{display:none;}
.top-nav{width:100%;margin:0!important;border:none}
.container-fluid,.dropdown-menu,.top-nav{padding:0}
.navbar-default .dropdown-menu > li{ margin-bottom:0; padding-bottom:0; border-bottom:none;}
.navbar-default .dropdown-menu li a{ overflow:hidden;}
.navbar-default .dropdown-menu li a img{display:none;}
.navbar-default .dropdown-menu{width:100% !important; padding:0; left:0 !important;}
.navbar,.navbar-default{background:#222323}
.navbar-default .dropdown-menu li a span{width:100%; float:left; padding:0;box-shadow:none; border:none; margin:0; display:block; background:none; color:#666; font-weight:100;}
.navbar-default .dropdown-placeholder .dropdown-menu li{padding:0}
.navbar-default .dropdown-menu li a span{border:none;}
.navbar-toggle{width:40px;line-height:40px;font-size:20px;color:#fff;padding:0;margin:0;border-radius:0;border:0;background:0}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:0;color:#999}
.navbar-default .navbar-nav li{display:block;width:100%;text-align:left;padding:0;margin:0}
.navbar-default .navbar-nav li a{border:none;border-bottom:1px solid #999;color:#555;background:#fff;font-size:14px;line-height:36px;padding:0 10px;display:block}
.navbar-default .navbar-nav .open .dropdown-menu li a{color:#777;background:#f8f8f8;font-size:14px;padding:5px 20px 5px 18px;line-height:22px;float:none;}
.navbar-default .navbar-nav .open .dropdown-menu li a.sechildren{color:#777;padding-left:40px}
.navbar-default .navbar-nav li a.dq,.navbar-default .navbar-nav li a:focus,.navbar-default .navbar-nav li a:hover{border-radius:0;color:#236fc3;background:#eee;border-top:none}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background:#eee;color:#236fc3;border-top:none;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background:#fff;}
.navbar-default .navbar-nav ul.dropdown-menu>li>a.dq{color:#236fc3}
.table-responsive{border:none; width:auto}
#chatbox,#clienteditlogin,#etw_banner,#etw_top,.location,.qrcode,.qulickpro,.xs,.etw_prolist,.etw_products1 ul li ol li.product_con span{display:none} 
.etw_products ul>li,.etw_products1 ul>li,.etw_products2 ul>li{width:49%;margin:0 2% 20px 0;padding:0}
.etw_products ul>li:nth-child(3n+1),.etw_products2 ul>li:nth-child(3n+1){clear:none}
.etw_products ul>li:nth-child(2n+1),.etw_products1 ul li:nth-child(2n+1),.etw_products2 ul li:nth-child(2n+1){clear:both}
.etw_products ul>li:nth-child(3n),.etw_products2 ul>li:nth-child(3n){margin-right:2%} 
.etw_products ul>li:nth-child(2n),.etw_products1 ul li:nth-child(2n),.etw_products2 ul li:nth-child(2n){margin-right:0}
.etw_products1 ul>li{width:48%;margin:0 2% 20px 0;padding:0;float:left;}
.etw_products1 ul li:nth-child(2n+1){clear:both}
.etw_products1 ul li:nth-child(2n){margin-right:0}
.etw_products1 ul li ol li.product_con,.etw_products1 ul li ol li.product_img{width:100%}
.etw_products1 ul li ol li.product_con a{text-align:center;padding:5px;font-size:14px;line-height:20px;border:none}
.etw_products1 ul li ol li.product_con a:after{content:normal}
#etw_contactin{ width:100%; float:none;}
#etw_set_feedback_form{ float:none; width:100%; margin:20px 0;}
#etw_form #etw_set_feedback_form,#etw_form .etw_contactin{ width:100%; margin: 10px 0;}
.home_video,.product_video{margin:10px auto;width:100%;float:none;height:140px} 
#etw_form .etw_contactin{ border-top:1px #dedede solid;height:auto;}
#sitemap ul li ol li{width:100%;margin-right:0;float:none;}
.details_in ul li .details_in_pic{width:40%;}
.details_in ul li .details_in_text{width:50%;}
.details_in ul li .details_in_text1,.home_comtact,.hometags{width:100%;}
.hometags{margin:0}
.mar_bottom{margin-bottom:0;}
.tagslist ul>li{width:49%;margin:0 2% 20px 0;padding:0}
.tagslist ul>li:nth-child(5n+1){clear:none}
.tagslist ul>li:nth-child(2n+1){clear:both}
.tagslist ul>li:nth-child(5n){margin-right:2%}
.tagslist ul>li:nth-child(2n){margin-right:0}

}
@media screen and (max-width:650px){
.picbs{ width:100%;}
.allpro{margin-top:20px;}
#recommpro ul li{width:47%}
ul.protable li span{width:50%;}
#main_pro ul li span{font-weight:400}
#etw_producttitle{display:none}
.other_pro{border:0;width:100%}
.other_pro ul li{width:49%}
.other_pro ul li:nth-child(2n){margin-right:0;}
.other_pro ul li:nth-child(2n+1){clear:both}
.other_pro ul li ol{padding:0 1%;width:98%}
.relatedpro ul li{width:100%}
.etw_pic4 ul li{width:49%}
.etw_pic4 ul li:nth-child(2n+1){clear:both}
.etw_pic4 ul li:nth-child(4n+1){margin-bottom:10px}
.etw_pic5 ul li,.etw_pic5 ul li:nth-child(5n){width:32%;margin-right:2%}
.etw_pic5 ul li:nth-child(5n+1){clear:none}
.etw_pic5 ul li:nth-child(3n){margin-right:0}
.etw_pic5 ul li:nth-child(3n+1){clear:both}
.whole img,.etw_contact{width:100%}  
.process{padding-bottom:20px;}
.process ul:before{width:5px;height:100%;top:0;left:2%;}
.process ul li{float:none;width:auto;margin:0px 0px 4% 2%;text-align:left;}
.process ul li:before{left:2px;}
.process ul li span{width:auto;left:30px;background:rgba(0,0,0,0.5);color:#fff;padding:8px;display:block;top:60px;font-size:16px;}
.process ul li a img{margin-left:30px;}
.process ul li a img:hover{transform:none}
.left_pics,.related_pic{width:100%;}
.related_pic img{width:23%;margin:2% 2% 8px 0;}
#main_pro ul li:first-child,#main_pro ul li,.text_left{width:46%;}
#relatedpro ul li{width:100%}
.col-xxs-12{ float:none; width:100% }
.etw_pro_hub ul li{width:47%;}
}
@media screen and (max-width:480px){
.recommpro ul > li{width:47%;margin:0 3% 30px 0;}
ul.protable li span{width:auto;}
.etw_pic2 ul li{width:100%}
.etw_pic3 ul li,.etw_pic3 ul li:nth-child(3n){width:49%;margin-right:1%}
.etw_pic3 ul li:nth-child(3n+1){clear:none}
.etw_pic3 ul li:nth-child(2n){margin-right:0}
.etw_pic3 ul li:nth-child(2n+1){clear:both}
.etw_pic4 ul li,.etw_pic5 ul li,.etw_pic5 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(5n){width:49%;margin-right:1%}
.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){width:49%}
.etw_pic4 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1){clear:both}
.etw_pic5 ul li:nth-child(3n+1){clear:none}
.img_left,.img_left.swidth,.img_right,.img_right.swidth{width:90%;float:none;margin:10px auto;}
.other_pro ul li{margin-bottom:10px;}
.table-responsive{width:100%}
.protitle a:before{background:none; border:none}  
#main_pro ul li:first-child,#main_pro ul li,.text_left,.etw_pro_hub ul li{width:100%;}
#main_pro ul li .pic{box-shadow:none;}
#main_pro ul li span.proname{text-align:center;}
}
@media screen and (max-width:360px){
	
.etw_products ul>li{width:100%;margin:10px 0}  
.etw_pic3 ul li,.etw_pic3 ul li:nth-child(3n){width:100%;margin-right:0}
.etw_pic4 ul li,.etw_pic5 ul li,.etw_pic5 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(5n){width:100%;margin-right:0}
.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){width:100%}
.img_left,.img_left.swidth,.img_right,.img_right.swidth{width:100%;margin:10px 0}
.details_in ul li .details_in_pic{width:100%;}
.details_in ul li .details_in_text{width:100%;}
.videoall ul li{width: 100%} 
}
#floatchatiframe2011 iframe {
  height: 470px !important;
}