@charset "utf-8";@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Bold;src:url(//:) format("no404"),url(../font/Ubuntu-Bold.woff) format("woff"),url(../font/Ubuntu-Bold.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Medium;src:url(//:) format("no404"),url(../font/Ubuntu-Medium.woff) format("woff"),url(../font/Ubuntu-Medium.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Ubuntu Light;src:url(//:) format("no404"),url(../font/Ubuntu-Light.woff) format("woff"),url(../font/Ubuntu-Light.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Raleway Bold;src:url(//:) format("no404"),url(../font/Raleway-Bold.woff) format("woff"),url(../font/Raleway-Bold.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Raleway Light;src:url(//:) format("no404"),url(../font/Raleway-Light.woff) format("woff"),url(../font/Raleway-Light.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Raleway Medium;src:url(//:) format("no404"),url(../font/Raleway-Medium.woff) format("woff"),url(../font/Raleway-Medium.ttf) format("truetype")}
@font-face{font-weight:400;font-style:normal;font-family:Raleway Regular;src:url(//:) format("no404"),url(../font/Raleway-Regular.woff) format("woff"),url(../font/Raleway-Regular.ttf) format("truetype")}
@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")}

/*base*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
body{color:#000;font-size:15px;line-height:24px;clear:both;font-family:Arial,Helvetica,sans-serif;background:#fff}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{float:left;list-style:none}
a{color:#ec1a3a;blr:expression(this.onFocus=this.blur())}
a:hover{color:#ec1a3a}
a:focus{outline:0}
a,a:focus,a:hover{text-decoration:none!important;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}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
h2{display:block;margin:0;line-height:32px;padding:20px 0;font-size:26px;color:#555;font-weight:400;font-family:Ubuntu Bold}
h2 span{display:block;font-size:18px;color:#777}
h3{display:block;margin:0;padding:5px 0;font-size:20px;line-height:24px;color:#333}
b{font-size:18px;font-family:Ubuntu Bold;color:#555;line-height:26px;font-weight:400;border-bottom:1px dashed #ec1a3a;margin:8px 0;position:relative}
b a{color:#555}
strong{font-weight:400;font-size:17px;color:#555;font-family:Ubuntu Bold;line-height:26px}
.etw_hometitle{line-height:32px;padding:20px 0;font-size:26px;color:#555;font-family:Raleway Bold;}
.table{margin:5px 0 0 0;width:100%}
.table-responsive{margin-bottom:20px}
.table-responsive p{margin:5px 0 10px 0}
table,td{border:1px solid #ddd!important}
.table-striped>tbody>tr:nth-of-type(2n+1){background-color:#fff}
.table .top{background:#f1f1f1!important}
.table>tbody>tr>td{vertical-align:middle;padding:4px 8px;font-size:14px;line-height:22px}
.table img{display:block;margin:5px auto;min-width:60px;float:right}
p{padding:0;margin:0 0 20px}
p.bottom{margin:0 0 8px 0}
.brief,.relatednames{width:100%;margin:20px 0;overflow:hidden;color:#999;font-size:13px;line-height:22px}
#chatbox{padding:0!important;border:none!important}
hr{border-top:1px dashed #ccc;padding:1px 0;margin:20px 0;display:block;clear:both}
.half{display:block;width:48%;margin:0 2% 15px 0;float:left;font-size:14px;line-height:22px}
.half li{width:100%;display:block;position:relative;padding-left:15px}
.half li:before{position:absolute;content:'';width:5px;height:5px;background:#555;border-radius:50%;left:0;top:9px}
.three{ width:100%; padding:20px 0; overflow:hidden;}
.three ul{ width:100%;}
.three ul li{ width:32%; margin:0 2% 10px 0; position:relative; padding-left:12px;}
.three ul li:before{ position: absolute;
content: '';
background: #666;
width: 4px;
height: 4px;
border-radius: 50%;
left: 0;
top: 10px;}
.three ul li:nth-child(3n){ margin-right:0}
.three ul li:nth-child(3n+1){ clear:both;}
.inquiry{color:#333;position:relative;text-decoration:none!important}
.inquiry:after{content:"Inquiry";display:inline-block;background:#ec1a3a;border-radius:2px;color:#fff;text-align:center;padding:3px 12px;font-size:14px;white-space:nowrap;line-height:16px}
.inquiry:hover{color:#fff}
.inquiry:hover:after{background:#ff5248;color:#fff}
.img_center .inquiry{float:right;margin:-10px 0 10px 0}
.img_center .inquiry:after{padding:10px}
.img_right .inquiry{float:right;margin:10px 0}
.etw_photo .inquiry{float:left;margin:-10px 0 5px 0}
#etw_top{position:fixed;width:40px;height:40px;right:105px;bottom:100px;text-align:center;border-radius:5px;background:rgba(153,153,153,.6);z-index:100;cursor:pointer}
#etw_top i{font-size:30px;color:#fff;margin-top:3px;display:block;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_top:hover i{margin-top:-5px}
.num,.num1{float:none;margin-bottom:20px}
.num li,.num1 li{float:none;list-style:decimal;margin:3px 0 8px 18px;padding-left:2px;line-height:24px}
.num1 li{margin:3px 0 6px 24px}
.light{float:left;padding-bottom:20px;width:52%}
.light li{float:none;margin:3px 0 8px 0;padding:3px 0;border-bottom:1px dashed #ddd;font-size:13px}
.light li strong{font-family:Ubuntu Light;font-size:13px;color:#333;display:inline-block;width:65%}
.info{width:auto;margin:15px auto;overflow:hidden}
.info li{width:auto;display:inline-block;padding:2px 12px;border:1px solid #ec1a3a;color:#333;margin:0 18px 18px 0;position:relative;border-radius:4px;font-size:15px}
.info li:before{content:"\f061";position:absolute;font-family:FontAwesome;right:-16px;top:2px;color:#bbb;font-size:14px}
.info li:last-child:before{content:normal}
.link{position:relative;color:#ec1a3a;padding-left:24px; margin-bottom:20px;}
.link:before{content:"\f08e";position:absolute;left:2px;top:1px;font-family:FontAwesome;color:#ec1a3a;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}
.link:hover{ text-decoration:underline !important;}
.review{color:red;font-size:20px;margin-bottom:15px}
.pdf{width:100%;margin:10px 0 20px 0}
.pdf a{position:relative;width:100%;color:#ec1a3a;display:block;margin:5px 0;font-size:18px;border-bottom:1px dashed #ddd;padding:5px 0 5px 25px}
.pdf a:before{position:absolute;content:"\f1c1";font-family:fontawesome;left:0;top:6px}
.pdf a:hover{color:#ec1a3a}
.advisory{margin:-8px 0 30px 0}
.advisory span{font-family:Ubuntu Light;display:inline-block;margin-left:10px;color:red;font-size:13px;text-transform:capitalize}
.no_bd img{border:none!important}
.more1{display:inline-block;color:#113677;font-size:13px;line-height:13px;font-family:Raleway Regular;position:relative;width:105px;text-decoration:underline!important;letter-spacing:.8px;margin:0 0 0 5px}
.more1:after{content:"\f178";position:absolute;right:5px;top:0;font-family:FontAwesome;color:#113677;font-size:16px;transition:all ease-in-out .3s}
.more1:hover:after{right:0}

/*header*/
#header{width:100%;position:fixed;top:0;z-index:999;top:0;background:rgba(255,255,255,.96);}
#headerin{width:100%;max-width:1140px;margin:0 auto}
#etw_logo{width: 274px;
height: auto;
float: left;
margin: 20px 0;}
 #etw_language{width:55%;float:right;text-align:right;margin:22px 0 0 0;line-height:12px;position:relative}
#etw_language a{color:#555;line-height:13px;padding:0 0 0 3px;font-size:13px;display:inline-block}
#etw_language a strong{font-weight:400;font-size:13px;font-family:Ubuntu Bold;color:#555}
#etw_language a:hover{color:#ec1a3a}
.top-nav{width:100%;text-align:left; border-top:1px solid #ddd;}
.navbar,.navbar-default,.navbar-default .navbar-collapse,.navbar-header,.navbar-nav{background:0;border:0;min-height:inherit;padding:0;margin:0;width:100%}
.navbar-nav{font-size:5px}
.container-fluid{padding-right:0!important;padding-left:0!important}
.navbar,.navbar-default{max-width:1140px;margin:0 auto}
.navbar-default .navbar-nav li{width:auto;float:none;display:inline-block}
.navbar-default .dropdown-menu{z-index:1000;min-width:180px!important;padding:10px;top:99%;left:auto;background:rgba(255,255,255,.97)}
.navbar-nav>li:nth-child(4)>.dropdown-menu{min-width:310px!important;}
.navbar-nav>li:nth-child(5)>.dropdown-menu{min-width:200px!important}
.navbar-nav>li:nth-child(2)>.dropdown-menu{min-width:320px!important;padding:10px 10px 20px 10px}
.dropdown-menu>li>a{white-space:normal!important}
.navbar-default .dropdown-menu li a{font-size:14px;padding:5px 10px;color:#111;line-height:18px;display:block}
.navbar-default .navbar-nav .caret{margin:1px 0 0 2px}
.navbar-default .dropdown-menu li{width:100%;display:block;margin:0; float:left;}

.navbar-default .navbar-nav>li>a{color:#111;display:inline-block;padding:25px 40px 25px 0;line-height:16px;font-size:16px;position:relative}
.navbar-default .navbar-nav>li>a:before{position:absolute;content:'';width:0;height:1px;background:#fff;bottom:12px;left:0;right:0;margin:0 auto;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}
.navbar-default li.dropdown-submenu{overflow:hidden;width:100%;}
.navbar-default li.dropdown-submenu>a{width: 100%;

padding: 5px;

display: block;

font-size: 14px;

color: #333;

border-bottom: 1px dotted #ddd;

line-height: 22px;}
.navbar-default .dropdown-submenu ol{width:100%;padding:8px 0 0 0}
.navbar-default .dropdown-submenu ol li{width:49%;margin:0 2% 0 0;float:left}
.navbar-default .dropdown-submenu ol li:nth-child(2n){margin-right:0}
.navbar-default .dropdown-submenu ol li:nth-child(2n+1){clear:both}
.navbar-default .dropdown-submenu ol li a{font-size:13px;line-height:16px;padding:3px 0 3px 16px;position:relative;color:#333}
.navbar-default .dropdown-submenu ol li a:before{position:absolute;content:'';width:5px;height:3px;left:4px;top:10px;background:#666;border-radius:50%}
.navbar-default .navbar-nav li a.dq,.navbar-default .navbar-nav li a:hover,.navbar-default .navbar-nav>li>a:focus{color:#ec1a3a;background:0}
.navbar-default .dropdown-menu li a.dq,.navbar-default .dropdown-menu li a:hover{color:#ec1a3a;background:0;border-radius:0;border-bottom:none}
.navbar-default .dropdown-menu li ol li a.dq:before,.navbar-default .dropdown-menu li ol li a:hover:before{background:#ec1a3a}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#ec1a3a;background:0}
.navbar-default li.dropdown-submenu>a.dq,.navbar-default li.dropdown-submenu>a:hover{border-bottom:1px dashed #ec1a3a}
.navbar-default .navbar-nav>.open>a:before,.navbar-default .navbar-nav>.open>a:focus:before,.navbar-default .navbar-nav>.open>a:hover:before,.navbar-default .navbar-nav>li>a.dq:before,.navbar-default .navbar-nav>li>a:hover:before{width:100%}
.navbar-brand{display:none}

/*banner*/
#etw_banner{width:100%;height:auto;margin:0 auto;position:relative;}

.banner_txt{width:94%;margin:0 auto;text-align:center;position:absolute;top:36%;left:0;right:0;max-width:1140px; z-index:1;}
.banner_txt h2{font-size: 30px;
line-height: 36px;
color: #fff;
padding: 0 0 0 20px;
font-family: Raleway Bold;
width: 535px;
text-align: left;
display: block;
position: relative; text-shadow:1px 1px 3px #333;}
.banner_txt h2 span{font-family:Raleway Light;font-size:36px;line-height:42px; color:#fff;}
.banner_txt h2:before{ position:absolute; content:''; background:#ec1a3a; width:4px; height:76px; left:0; top:2px;}


/*index*/
#container{width:100%;margin:137px auto 0 auto}
#etw_container{width:100%;overflow:hidden;margin:0 auto}
#etw_content{width:94%;overflow:hidden;margin:0 auto;padding:20px 0;max-width:1140px}
.company{width: 100%;
margin: 0 auto;
padding: 60px 0 40px 0;
border-bottom: 1px solid #ebebeb;}
.company_txt{margin: 0 auto;
width: 94%;
max-width: 1140px;
position: relative;
overflow: hidden;}
.home_pic{ float:left; width: 34%;
margin: 3px 3% 20px 0;}
.company_txt p{color: #000;
font-size: 15px;
line-height: 24px;
margin: 10px 0;}
.company_txt a.more{display: block;
color: #333;
font-size: 12px;
line-height: 12px;
font-family: Raleway Regular;
position: relative;
width: 185px;
letter-spacing: .8px;
margin: 10px 0;
float: left;}
.company_txt a.more:after{content:"\f178";position:absolute;right:5px;top:0;font-family:FontAwesome;color:#ec1a3a;font-size:16px;transition:all ease-in-out .3s}
.company_txt a.more:hover{color:#ec1a3a}
.company_txt a.more:hover:after{right:0; }
#solutions_bg{ width:100%; background:#ebebeb; padding:60px 0 30px 0;}
#solutions{ width: 94%;
margin: 0 auto;
max-width: 1140px;
overflow: hidden; }
#solutions .etw_hometitle{ float: left;
width: 26%;
margin: 85px 4% 0 0;
position: relative;
padding: 0;}
#solutions .etw_hometitle:before{ position:absolute; content:''; background:#f3798b; width:4px; height:80px; left:0; top:3px;}
#solutions .etw_hometitle:after{ position: absolute;
content: '';
background: url(../images/icon1.png) no-repeat top;
top: -70px;
left: 20px;
width: 79px;
height: 44px; }
#solutions .etw_hometitle a{ color:#333; font-size:36px; line-height:42px; font-family:Raleway Light;margin: 0 0 30px 20px;
display: block;}
#solutions .etw_hometitle a span{font-family:Raleway Bold;font-size:36px;line-height:42px; color:#333; transition:all ease-in-out .3s;}
#solutions .etw_hometitle p{ font-size:14px; color:#111; line-height:22px;font-family: Arial,Helvetica,sans-serif;}
#solutions .etw_hometitle a.more{font-family:Raleway Bold; font-size:16px; line-height:22px; color:#ff5248; margin:0;}
#solutions .etw_hometitle a:hover,#solutions .etw_hometitle a:hover span{ color:#979797;}
#solutions ul{ width:70%; float:right;}
#solutions ul li{ width: 31%;
margin: 0 3.5% 28px 0; overflow:hidden;}
#solutions ul li:nth-child(3),#solutions ul li:nth-child(5){ margin-right:0}
#solutions ul li a{ width:100%; display:block; position:relative;}
#solutions ul li a:before{ position:absolute; content: "\f055";font-family:fontawesome; font-size:20px; left:8px; top:5px; color:#fff; transition:all ease-in-out .5s;}
#solutions ul li a span{ display:block; background:#ff5248; width:100%; padding:15px 25px; color:#fff; margin-top:1px; font-size:14px; line-height:18px;font-family:Raleway Medium; position:relative;transition:all ease-in-out .3s;}
#solutions ul li a span:before{ position: absolute;
content: '';
border-bottom: 16px solid #ff5248;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 9px;
width: 0;
height: 0;
left: 20px;
top: -14px;transition:all ease-in-out .3s;}
#solutions ul li a:hover span{ background:#ec1a3a;}
#solutions ul li a:hover:before{ color: #ec1a3a; transform: rotatey(180deg);}

#solutions ul li a:hover span:before{  border-bottom-color:#ec1a3a;}








#mainpro{width: 100%;
margin: 0 auto;
overflow: hidden; padding:60px 0 10px 0;}
#mainpro ul{width:94%;margin:0 auto;max-width:1140px;float:none}
#mainpro .etw_hometitle{font-size:36px;line-height:42px;padding:100px 0 30px 0;font-family:Raleway Light;width:100%;text-align:center; position:relative;}
#mainpro .etw_hometitle:before{ position:absolute; content:''; background:url(../images/icon2.png) no-repeat center; width:73px; height:68px; left:0; right:0; margin:0 auto; top:0;}
#mainpro .etw_hometitle span{border-bottom:4px solid #f26579;font-family:Raleway Bold;display:inline-block; }
#mainpro .etw_hometitle a{color:#333}
#mainpro .etw_hometitle a:hover{color:#979797}
#mainpro ul li{width:23.5%;margin:0 2% 30px 0;text-align:center;position:relative}

#mainpro ul li:nth-child(4n){margin-right:0}
#mainpro ul li a{display:block;width:100%;position:relative;font-size:14px;line-height:20px;color:#444;padding:10px 0}
#mainpro ul li a span{color:#000;display:block;font-family:Raleway Regular;font-size:14px;line-height:18px;padding:15px 0}
#mainpro ul li a img{display:block;margin:0 auto;transition:all ease-in-out .4s;box-shadow: 0px 11px 13px -15px #333;}
#mainpro ul li a:hover img{transform:translate(0,-5px)}
#mainpro ul li a:hover span{ color:#ec1a3a}
#other_bg{ width:100%; background:#ebebeb;}
#other_body{width: 94%;
margin: 0 auto;
overflow: hidden;
max-width: 1140px; padding:70px 0 30px 0;}
#other_body .etw_hometitle{ width:26%; margin:0 4% 0 0;font-size:36px;line-height:42px;padding:0;font-family:Raleway Light; float:left; position:relative}
#other_body .etw_hometitle:before{position:absolute; content:''; background:#f3798b; width:4px; height:80px; left:0; top:3px;}
#other_body .etw_hometitle a{color:#333;margin: 0 0 30px 20px;
display: block;}
#other_body .etw_hometitle a span{font-family:Raleway Bold;display:inline-block;}
#other_body .etw_hometitle a.more{font-family:Raleway Bold; font-size:16px; line-height:22px; color:#ff5248; margin:0;}

#other_body .etw_hometitle a:hover{color:#979797}
#other_body .etw_hometitle p{ font-size:14px; color:#111; line-height:22px;font-family: Arial,Helvetica,sans-serif;}

#other_body ul{width:70%;float:right; }
#other_body ul li{width:31%;margin:0 3.5% 30px 0}
#other_body ul li:nth-child(1){ width:100%; margin:0 0 30px 0;}
#other_body ul li:nth-child(4){margin-right:0}
#other_body ul li a{display:block;width:100%;overflow:hidden;position:relative}
#other_body ul li a span{font-size:16px;margin:auto;line-height:24px;color:#151515;display:block;padding:10px 0 10px 20px;transition:all ease-in-out .3s;font-family:Ubuntu Light; position:relative;}
#other_body ul li a span:before{ position:absolute; content:''; width:100%; height:300%; background-image:linear-gradient(to bottom, transparent 0%, #000 100%); top:-300%; left:0;  transition:all ease-in-out .4s;}
#other_body ul li p{font-size:14px;color:#666;line-height:22px;padding:10px 0;margin:0;text-align:left}
#other_body ul li a:hover span{ padding-left:10px;}
#other_body ul li a:hover span:before{ opacity:0;}

#home_bg{width:100%;overflow:hidden;background:#2a2c2b;padding:30px 0;position:relative}
#home_list{width:94%;margin:0 auto;max-width:1140px}
#home_list .etw_hometitle{font-size:16px;line-height:16px;padding:15px 0}
#home_list .etw_hometitle a{color:#fff}
#home_list .etw_hometitle a:hover{color:#ec1a3a}
#home_list #etw_productlist{width:65%;margin:0 5% 0 0; position:relative;}
#home_list #etw_productlist:before{ position:absolute; content:''; border-right:1px solid #ddd; width:1px; height:100%; right:-4%; top:0;}
#home_list #etw_productlist ul{ width:47%; margin-right:6%}
#home_list #etw_productlist ul:last-child{ margin-right:0}
#home_list #etw_productlist ul>li>a{color:#fff;font-size:14px;padding:3px 0}
#home_list #etw_productlist ul>li>ol>li>a{color:#ddd;font-size:13px; padding:3px 0 3px 15px;}
#home_list #etw_productlist ul>li>ol>li>a:before,#home_list #etw_productlist ul>li>ol>li>a:after{border-left:6px solid #fff; top:6px;}
#home_list #etw_productlist ul>li>ol>li>a:after{border-left:2px solid #2a2c2b}
#home_list #etw_productlist ul li a:hover{color:#ec1a3a}
#home_list #etw_productlist ul>li>ol>li>a.dq:before,#home_list #etw_productlist ul>li>ol>li>a:hover:before{border-left:6px solid #ec1a3a}
#home_list .etw_contactin{width:30%; margin:0;}
#home_list .etw_contact{color:#fff; font-size:13px; line-height:22px;}
#home_list .etw_contact p a{color:#fff}
#home_list .qrcode{background:#fff;padding:4px;width:140px}
#home_list #tags{width:30%;}
#home_list #tags_title{padding:15px 0;margin-bottom:0; border:none;font-size:16px;line-height:16px;color:#fff}
.img_servo_p {line-height:1.3em!important}
/*sidelist*/
#etw_right{width:72%;float:right}
#etw_sidebar{width:25%;float:left;position:relative}
#etw_sidebar .etw_hometitle{font-size:20px;line-height:20px;padding:10px 0;margin-bottom:15px;color:#333;border-bottom:1px solid #555}
#etw_sidebar .etw_hometitle a{color:#333;display:block}
#etw_sidebar .etw_hometitle a:hover{color:#ec1a3a}
#etw_productlist{width:100%;height:auto;float:left;margin:15px 0}
#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{border-bottom: 1px solid #ddd;padding:0 0 10px 0;
margin-bottom: 10px;}
#etw_productlist ul>li:last-child{ border:none;}
#etw_productlist ul>li>a{line-height:18px;font-size:14px;color:#000;padding:8px 5px 8px 0;display:block;}




#etw_productlist ul>li>ol>li>a{padding:6px 0 6px 15px;font-size:13px;display:block;line-height:16px;color:#111;position:relative}
#etw_productlist ul>li>ol>li>a:after,#etw_productlist ul>li>ol>li>a:before{position:absolute;content:"";left:1px;top:10px;border-left:6px solid #666;border-top:4px solid transparent;border-bottom:4px solid transparent}
#etw_productlist ul>li>ol>li>a:after{border-left:2px solid #fff}
#etw_productlist ul>li>ol>li>ol{padding:6px 0;border-bottom:1px dotted #ccc}
#etw_productlist ul>li>ol>li>ol>li>a{display:block;font-size:12px;padding:5px 5px 5px 20px;line-height:16px;color:#666;position:relative}
#etw_productlist ul>li>ol>li>ol>li>a:before{position:absolute;content:'';background:#777;border-radius:50%;width:4px;height:4px;left:11px;top:11px}
#etw_productlist ul li a.dq,#etw_productlist ul li a:hover{color:#ec1a3a}
#etw_productlist ul>li>ol>li>ol>li>a.dq:before,#etw_productlist ul>li>ol>li>ol>li>a:hover:before{color:#ec1a3a}
#etw_productlist ul>li>ol>li>a.dq:before,#etw_productlist ul>li>ol>li>a:hover:before{border-left:6px solid #ec1a3a}
.etw_contactin{width:100%;height:auto;float:left;margin:15px 0}
.etw_contact{width:100%;float:left;font-size:14px;line-height:24px;color:#333}
.etw_contact strong{color:#555;font-size:15px;line-height:24px}
.etw_contact p{margin-bottom:10px}
.etw_contact p a{color:#ec1a3a}
.etw_contact p a:hover{color:#ec1a3a}
.etw_contact .left{padding-left:49px}
.share{margin:10px 0;overflow:hidden;width:100%}
.share a{text-align:center;margin:0 6px 0 0;display:block;float:left;width:26px;height:26px;line-height:22px;color:#ff5248;font-size:12px;position:relative;cursor:pointer;background:#fff;border:2px solid #ff5248;border-radius:50%}
.share a:hover{background:#ff5248;color:#fff;}

/*video样式*/
.etw_tit{font-weight: 400; font-size: 17px; color: #555; font-family: Ubuntu Bold; line-height: 26px; padding-top: 20px}
.etw_videoshow{ display:none; width:100%;}
.videoflow{ overflow:hidden; max-height:200px; position:relative; cursor:pointer; width: 100%; margin-bottom: 1rem}
.videoflow:before{position:absolute;top:50%;left:50%; margin:0 auto;border-radius:50%;font-family:fontawesome;transform:translate(-50%,-50%);content:"\f04b";width:45px;height:45px;color:#c9161c; background:#fff; font-size:1.5rem;padding: 11px 0 0 17px;}
.videoflow:hover:before{background:#c9161c; color:#fff;}
.videoflow img{ width:100%;}
.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:15px 0px 5px;margin-right: 0}
.videoall ul li:nth-child(2n+1){clear: both;}
.videoall ul li .text-center{display:block;margin-bottom:10px; text-align:center; padding-top:5px;}
.plyr__poster{background-color: #fff}

/*tags*/
#tags{float:left;overflow:hidden;width:100%;margin:15px 0}
#tags_title{font-size:20px;line-height:20px;padding:10px 0;margin-bottom:15px;color:#555;font-family:Raleway Bold;position:relative;border-bottom:1px solid #555}
#tags a{display: inline-block;
margin: 0 5px 5px 0;
padding: 2px 10px 2px 10px;
color: #222;
background: #eee;
font-size: 12px;
line-height: 16px;
border: 1px solid #999;
text-transform: capitalize;}
#tags a:hover{background:#999;color:#fff}
.etw_tags{width:100%;margin:20px 0 5px 0;overflow:hidden}
.etw_tags ul>li{width:23.5%;margin:0 2% 20px 0;overflow:hidden}
.etw_tags ul li ol{width:100%}
.etw_tags ul li:nth-child(4n){margin-right:0}
.etw_tags ul li:nth-child(4n+1){clear:both}
.etw_tags ul li ol li.product_img{width:100%}
.etw_tags ul li ol li.product_img img{width:100%;border:1px solid #ddd}
.etw_tags ul li ol:hover li.product_img img{border-color:#ec1a3a}
.etw_tags ul li ol li.product_con{width:100%;margin:0 auto;text-align:center}
.etw_tags ul li ol li.product_con a{color:#333;display:block;line-height:18px;padding:6px 2px;font-size:15px}
.etw_tags ul li ol:hover li.product_con a{color:#ec1a3a;text-decoration:underline}

/*quick list*/
#etw_producttitle{margin:0 auto;height:auto;color:#1f1d29;line-height:16px;font-size:13px; background:#f2f2f2;}
#etw_producttitle ol{width:94%;max-width:1140px;margin:0 auto;float:none;overflow:hidden;padding:10px 0}
#etw_producttitle a{color:#999;padding-right:6px}
#etw_producttitle li{display:inline-block;padding:3px 0}
#etw_producttitle li+li::before{padding:0 5px;color:#ccc;content:"/\00a0"}
#etw_producttitle a:hover{color:#676664}
#etw_producttitle small{display:inline}

/*about*/
.qulicklink{width:100%;padding:20px 0; overflow:hidden;}
.qulicklink ul{width:100%;}
.qulicklink ul li{width:23.5%;margin:0 2% 7px 0; }
.qulicklink ul li:last-child{margin-right:0}
.qulicklink ul li a{display: block;

background: #aaa;

text-align: center;

position: relative;

padding-top: 80px;

border-radius: 10px;}

.qulicklink ul li a:before{position:absolute;content:"\f085";font-family:fontawesome;margin:0 auto;width:100%;color:#fff;font-size: 50px;

left: 0;

right: 0;

top: 30%;}
.qulicklink ul li:nth-child(2) a:before{content:"\f046"}
.qulicklink ul li:nth-child(3) a:before{content:"\f040"}
.qulicklink ul li:nth-child(4) a:before{content:"\f0c0"}
.qulicklink ul li a span{display: block;

color: #fff;

line-height: 20px;

font-size: 18px;

padding: 10px 10px 25px 10px;}
.qulicklink ul li a.dq,.qulicklink ul li a:hover{ background:#555}
.qulicklink ul li a:hover{ transform: translate(0,-6px);}
.aboutimg{width:100%;margin:20px 0;overflow:hidden}
.aboutimg ul{width:99%;margin:0 auto;float:none}
.aboutimg ul li{width:100%;margin:15px 0;padding-right:15px;box-shadow:1px 1px 4px #999;border-radius:0 6px 6px 0;border-right:4px solid #ec1a3a;transition:all ease-in-out .3s}
.aboutimg ul li a img{width:30%;float:left;margin-right:3%;padding:10px;transition:all ease-in-out .3s}
.aboutimg ul li a span{width:67%;float:right;display:block;font-size:16px;line-height:26px;padding:30px 0 10px 0;color:#ec1a3a;font-family:Ubuntu Bold}
.aboutimg ul li a span.add{padding:15px 0 5px 0}
.aboutimg ul li p{font-size:14px;margin-bottom:0;line-height:24px}
.aboutimg ul li:hover{transform:translate(0,-5px)}
.aboutimg ul li:hover img{opacity:.5}
.aboutimg ul li:hover a span{color:#ec1a3a;text-decoration:underline!important}
.about_title{font-size:17px;line-height:22px;width:100%;clear:both;text-transform:capitalize;color:#333;margin:20px 0 -1px 0;position:relative}
.about_title:before{content:"";position:absolute;width:0;height:0;border-right:40px solid #ec1a3a;border-top:0 solid transparent;border-bottom:20px solid transparent;left:0;bottom:-20px;z-index:-1}
.about_title a{color:#fff;position:relative;display:inline-block;background:#ec1a3a;padding:8px 30px 8px 15px}
.about_title a:after,.about_title a:before{position:absolute;content:'';background:#ec1a3a;width:12px;height:38px;top:0;right:-12px;transform:skew(20deg);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}
.about_title a:before{background:#fff;right:-3px}
.about_title a:hover{background:#ec1a3a}
.about_title a:hover:after{background:#ec1a3a}
.about_box{width:98%;float:right;border-top:1px solid #ddd;border-left:1px solid #ddd;padding:25px 0 20px 4%;background:#fff;margin:-1px 0 0 0}
.about_box p{margin:0 0 5px 0}
.left_img{width:50%;float:left;margin:0 3% 0 0}
.right_img{width:50%;float:right;margin:0 0 0 3%}
.left_img,.right_img{overflow:hidden}
.left_img img,.right_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}
.left_img img:hover,.right_img img:hover{opacity:.7;transform:scale(1.06);-moz-transform:scale(1.06);-webkit-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)}
.up{margin-top:3%}
.up1{margin-top:8%}

/*history*/
.row1{margin:10px 0 20px 0}
.history_date-list{padding-left:10px}
.history_date-list li{border-left:7px solid #ddd;box-sizing:border-box;cursor:pointer;padding:25px 10px;position:relative;width:100%;height:auto}
.history_date-list .etw_photo{padding-left:15px}
.history_date-list .etw_photo ul li{border:none;padding:0}
.history_date-list li strong{padding:5px 0 5px 15px;font-size:18px;top:33%;display:block;line-height:24px}
.history_date-list li span.bullet_point{border: 4px solid #ddd;

border-radius: 50%;

display: block;

position: absolute;

top: 36px;

left: -11px;

height: 15px;

width: 15px;

transition: all .5s;

background: #fff;}
.history_date-list li:focus span.bullet_point,.history_date-list li:hover span.bullet_point{height:20px;width:20px;left:-14px;top:32px;}
.history_date-list li p{position:relative;display:inline-block;margin-bottom:10px;padding-left:14px;font-size:16px}
.history_date-list li span.image_wrap{border:2px solid #193441;display:block;position:absolute;top:-20px;left:-155px;transition:all .5s}
.history_date-list li:focus span.image_wrap,.history_date-list li:hover span.image_wrap{left:-170px}



/*products*/
.protitle{margin:25px 0;padding-bottom:5px;color:#3e3e53;border-bottom:1px solid #d2d2d2;font-family:Ubuntu Light;font-weight:600;position:relative;line-height:26px;font-size:20px;width:96%;color:#555}
.protitle:after{border-bottom:1px solid #d2d2d2;content:"";display:block;left:4%;position:absolute;top:34px;width:100%}
.protitle a{color:#555}
.protitle1{font-size:18px;line-height:18px;padding:5px 0;width:100%;overflow:hidden;clear:both;text-transform:capitalize;color:#555;font-family:Ubuntu Bold;margin:10px 0}
.protitle1 a{color:#444;padding-left:25px;position:relative}
.protitle1 a:before{position:absolute;content:"\f090";font-family:FontAwesome;left:1px;top:2px;font-size:16px}
.protitle a:hover{color:#444}
.protitle1 a:hover,.protitle1 a:hover:before{color:#ec1a3a}
.protitle2{font-size: 20px;

line-height: 20px;

width: 100%;

clear: both;

color: #555;

margin: 20px 0 10px 0;

padding: 10px 0;

border-bottom: 4px solid #eee;

position: relative;

font-family: Ubuntu Bold;}
.protitle2 a{color:#333;display:block}
.protitle2 a:hover{color:#ec1a3a}





.etw_products{width:100%;overflow:hidden}
.etw_products ul{width:100%}
.etw_products ul li ol{width:100%}
.etw_products ul>li{width:32%;margin:0 2% 20px 0}
.etw_products ul>li:nth-child(3n){margin-right:0}
.etw_products ul>li:nth-child(3n+1){clear:both}
.etw_products ul li ol li.product_img{width:100%;overflow:hidden;border:3px double #ddd}
.etw_products ul li ol li.product_img img{width:auto;margin:0 auto;display:block;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}
.etw_products ul li ol li.product_con{width:100%}
.etw_products ul li ol li.product_con a{color:#111;display:block;text-align:center;line-height:20px;font-size:15px;padding:10px 5px;position:relative}
.etw_products ul li ol:hover li.product_con a{color:#ec1a3a}
.etw_products ul li ol:hover li.product_img img{opacity:.7;transform:scale(1.03);-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03)}
.etw_products1{width:100%;overflow:hidden}
.etw_products1 ul,.etw_products1 ul li ol{width:100%}
.etw_products1 ul>li{width:100%;height:auto;padding:0 0 20px 0}
.etw_products1 ul li ol li.product_img{width:28%;height:auto;border:3px double #ddd}
.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:70%;height:auto;float:right;text-align:left;color:#666;line-height:22px}
.etw_products1 ul li ol li.product_con a{color:#555;display:block;line-height:24px;font-size:15px;padding:5px 20px 5px 0;border-bottom:1px solid #666;margin-bottom:8px;overflow:hidden;position:relative;font-family:Ubuntu Bold}
.etw_products1 ul li ol li.product_con a:after{content:"\f18e";position:absolute;right:3px;bottom:-100%;font-family:FontAwesome;color:#ec1a3a;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:#ec1a3a}
.etw_products1 ul li ol li.product_con a:hover:after{bottom:5px}
.etw_products1 ul li ol li.product_con span{font-size:14px;display:block;line-height:22px;color:#444}
.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%}
.box{width:100%;padding:20px 0 30px 0; overflow:hidden;}
.protitle3{ width: 16%;

float: left;

margin: 0 3% 0 0;}
.protitle3 span{color: #fff;

font-size: 20px;

padding: 65px 0 20px 0;

position: relative;

font-family: Raleway Bold;

display: block;

text-align: center;

background-image: linear-gradient(to right bottom, #999, #ddd,#999);

text-shadow: 1px 1px 2px #333;

border-radius: 50%;}
.protitle3 span:before{position: absolute;

content: "\f02f";

font-family: FontAwesome;

left: 0;

right: 0;

margin: 0 auto;

top: 22px;

font-size: 40px;}
.protitle3 span.add:before{ content:"\f1b2";}
.protitle3 span.add1:before{ content:"\f278";}
.protitle3 span.add2:before{ content:"\f06d";}
.protitle3 span:after{position: absolute;

content: "\f175";

font-family: FontAwesome;

left: 0;

right: 0;

margin: 0 auto;

bottom: -120px;

font-size: 50px;

color: #ec1a3a;

text-shadow: none;}
.protitle3 span.add1:after{ content:normal;}
.etw_products2{width: 79%;

float: left;

padding: 2% 3%;

box-shadow: 5px 5px 12px #ddd;

background: #f2f2f2;

border-radius: 10px;

position: relative;margin-bottom: 30px;}
.etw_products2:before{ position:absolute; content:''; width:0; height:0; left:-26px; top:48px; border-right:26px solid #f2f2f2; border-top:6px solid transparent;border-bottom:6px solid transparent; }
.etw_products2 ul{width:100%}
.etw_products2 ul li ol{width:100%;position:relative}
.etw_products2 ul>li{width:48%;margin:0 4% 10px 0;position:relative}

.etw_products2 ul>li:nth-child(2n){ margin-right:0}
.etw_products2 ul li ol li.product_img{width:100%;overflow:hidden;box-shadow:0 16px 16px -16px #333}
.etw_products2 ul li ol li.product_img img{width:auto;margin:0 auto;display:block;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}
.etw_products2 ul li ol li.product_con{width:100%;position:absolute;top:0;left:0;height:100%}
.etw_products2 ul li ol li.product_con a{color:#fff;display:flex;text-align:center;line-height:20px;font-size:16px;padding:10px;position:relative;background:rgba(0,0,0,.4);height:100%;align-items:center;justify-content:center;text-shadow:1px 2px 3px #000}
.etw_products2 ul li ol:hover li.product_con a{ opacity:0;}
.etw_products2 ul li ol:hover li.product_img img{transform:scale(1.03);-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03)}
.relatedname{color:#999}
.img_products{width:40%;float:left;margin:5px 4% 20px 0;border:1px solid #ddd}
.img_products img{display:block;margin:0 auto;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}
.img_products img:hover{opacity:.7}
.img_icon{width:100%;clear:both;margin:5px 0 20px 0}
.etw_point{width:100%;overflow:hidden;position:relative;border:1px dotted #ec1a3a;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.8)}
.etw_point li,.etw_point li ol{width:100%}
.etw_point li a{width:100%;display:block;font-size:16px;line-height:24px;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_point li>a{padding:5px 10px 5px 22px;color:#333;position:relative}
.etw_point li>a:before{position:absolute;content:"\f096";font-family:FontAwesome;left:2px;top:6px;color:#333;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_point li a.dq,.etw_point li a:hover{color:#ec1a3a}
.etw_point li>a.dq:before,.etw_point li>a:hover:before{content:"\f046";color:#ec1a3a}
.dc{color:#333}
.etw_point1{width:100%;margin:30px 0 15px 0;position:relative}
.etw_point1 ol{width:100%;position:relative;float:none;display:block;overflow:hidden;margin-bottom:15px}
.etw_point1 ol:before{position:absolute;content:'';border-top:1px solid #333;left:0;top:54px;width:100%;z-index:-1}
.etw_point1 ol li{width:13.28%;margin:0 1% 0 0}
.etw_point1 ol li a{width:100%;display:block;font-size:12px;line-height:16px;padding:5px 0;color:#333;position:relative;text-align:center}
.etw_point1 ol li a img{display:block;width:70%;margin:0 auto 15% auto}
.etw_point1 ol li a:before{position:absolute;content:"";width:10px;height:10px;left:0;right:0;margin:0 auto;top:50px;background:#fff;border:1px #1b3051 solid;border-radius:50%}
.etw_point1 ol li a.dq,.etw_point1 ol li a:hover{color:#ec1a3a}
.etw_point1 ol li a.dq:before,.etw_point1 ol li a:hover:before{background:#ec1a3a;border-color:#ec1a3a}
.dangqian{color:#ec1a3a!important}

/*photo*/
.img_center{width:100%;clear:both;margin:10px auto 20px;text-align:center;font-size:15px;line-height:26px}
.img_center img{display:block;margin:0 auto;width:100%}
.img_center.whole{background:#fff;margin:10px auto 30px auto;border:1px solid #ddd}
.img_center.whole img{width:auto;padding:4px}
.img_center.none{background:#fff;margin:10px 0 25px 0}
.img_center.none img{width:auto;margin:0}
.img_center1{float:left;margin:0 0 20px 0;width:66%}
.img_left,.img_right{width:42%;float:right;margin:5px 0 10px 3%;text-align:center;font-size:13px}
.img_left{float:left;margin:5px 3% 10px 0;width:40%}
.img_left img,.img_right img{border:1px solid #eee;display:block;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}
.img_left img:hover,.img_right img:hover{opacity:.7;box-shadow:0 14px 16px -8px #999;-moz-box-shadow:0 14px 16px -8px #999;-webkit-box-shadow:0 14px 16px -8px #999;-ms-box-shadow:0 14px 16px -8px #999;-o-box-shadow:0 14px 16px -8px #999}
.img_right span{font-size:14px;line-height:16px;display:block;margin-top:5px}
.img_right.swidth{width:32%}
.img_right.bwidth{width:auto}
.img_right.bwidth img{width:100%}
.img_right.mwidth{width:23%;margin:5px 0 10px 3%}
.img_right.mwidth img{margin-bottom:8px}
.img_left.swidth{width:22%;margin:5px 3% 10px 0}
.etw_photo{float:left;margin:5px 0;width:100%;height:auto}
.etw_photo ul{display:block;width:100%;height:auto}
.etw_photo ul li{display:block;margin:0 2% 20px 0;text-align:center;line-height:20px;font-size:13px}
.etw_photo ul li span{text-align: center;

display: block;

line-height: 18px;

font-size: 14px;

margin-top: 12px;}
.etw_photo ul li a span{ color:#333; text-decoration: underline !important;}
.etw_photo ul li a:hover span{ color:#ec1a3a}
.etw_photo ul li p{text-align:left;margin:5px 0;line-height:20px;padding:0;font-size:14px}
.etw_photo ul li p strong{font-weight:400;font-family:Ubuntu Light;font-size:13px;line-height:20px}
.etw_photo ul li img{display:block;border:1px solid #ddd;width:99%;margin-bottom:5px;transition:all ease-in-out .3s;}
.etw_photo ul li img:hover{opacity:.7;box-shadow:0 14px 16px -8px #ccc;}
.img_title{color:#000;font-family:Roboto Light;font-size:15px;text-align:left;line-height:20px;border-left:1px solid #777;padding:1px 0 1px 10px;margin:10px 0 10px 5px;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}
.etw_photo ul li a:hover .img_title{margin-left:0;padding:1px 8px 1px 7px}
.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%}
.etw_pic6 ul li{width:15%}
.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_pic2 ul li.big_img{width:66.17%;margin:0 2% 10px 0}
.etw_pic2 ul li.small_img{width:31.83%;margin:0 0 10px 0;clear:none}
.etw_pic2 ul li.big_img img,.etw_pic2 ul li.small_img img{width:100%}
.left_pic{width:40%;float:left;margin:5px 4% 15px 0}
.left_pics{width:100%;float:left;position:relative;margin-bottom:10px}
.left_pics img{width:100%;text-align:center;border:1px #ccc solid;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}
.left_pics img:hover{opacity:.7}
.related_pic{width:100%;overflow:hidden}
.related_pic figure{display:inline}
.related_pic img{width:18%;display:inline-block;border:1px #ccc solid;margin:0 1% 10px 0;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}
.related_pic img:hover{opacity:.7}
.pic2 .left_pics{width:49.5%}
.pic2 .related_pic{width:49.5%}
.pic2 .related_pic img{width:48%;margin:0 1% 15px 1%}
.pic3 .left_pics{width:49%}
.pic3 .related_pic{width:49%}
.pic3 .related_pic img{width:30%;margin:0 1% 12px 1%}
#imgtitle{position:absolute;bottom:1px;right:1px;display:block;font-size:13px;padding:3px 5px 3px 35px;color:#fff;background-image:linear-gradient(to left,rgba(0,0,0,.9) 0,#fff 100%);text-align:right}
.etw_images{width:100%;overflow:hidden;position:relative;padding:20px 0}
.etw_images ul{width:100%}
.etw_images ul li.txt{position:absolute;top:30%;left:3%;width:55%}
.etw_images ul li.txt span{color:#555;font-size:14px;position:relative;display:block;line-height:22px}
.etw_images ul li.txt span:before{position:absolute;content:'';background:#777;width:130%;height:1px;left:-3%;top:34px}
.etw_images ul li.txt strong{display:block;padding:0 0 20px 0;font-size:18px;color:#000}
.etw_images ul li.txt i{font-size:14px;font-style:normal}
.etw_images ul li.img{width:32%;float:right}
.etw_images ul li.img img{display:block;border:1px solid #ddd;padding:3px;border-radius:2px;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_images ul li.img img:hover{border-color:#333}

/*contact us*/
#etw_contactin{width:54%;float:left;padding:15px 0 30px 0;font-size:15px;line-height:26px}
#etw_contactin p a{color:#ec1a3a}
#etw_contactin p a:hover{color:#ec1a3a;text-decoration:underline!important}
#etw_contactin p{margin-bottom:10px!important}
#etw_contactin .left{padding-left:53px}
#etw_contactin strong{font-weight:400;color:#555;}
.location{width:54%;height:auto;float:left}
#etw_set_feedback_form{overflow:hidden;margin:15px 0;height:auto;border:1px solid #ccc;background:#fff;text-align:center;width:42%;float:right}
#etw_form_title{overflow:hidden;background:#eee;text-align:left;line-height:34px;border-bottom:1px solid #ccc;margin-bottom:10px;color:#444;font-size:18px;padding:3px 0 3px 20px;font-family:Ubuntu Bold}
#etw_form_title span{padding-right:5px}
#floatchatiframe2011{height:500px}
#etw_form{width:100%}
#etw_form #etw_set_feedback_form{border-radius:5px;margin:10px 0;width:49%}
#etw_form .etw_contactin{width:49%;border:1px solid #ccc;margin:10px 2% 10px 0;height:550px;border-radius:5px;background:0;padding:0}
#etw_form .etw_hometitle{background:#eee;border-radius:5px 5px 0 0;text-align:left;line-height:34px;border-bottom:1px solid #ccc;margin-bottom:12px;color:#444;font-size:18px;padding:3px 0 3px 20px;font-family:Ubuntu Bold}
#etw_form .etw_hometitle span{padding-right:5px}
#etw_form .etw_hometitle a{color:#444}
#etw_form .etw_hometitle a:hover{color:#ec1a3a}
#etw_form .etw_contact{padding:10px 20px 0 20px;color:#333;border:none}

/*other_pro*/
.othertitle{margin:20px 0 15px 0;position:relative;width:100%;overflow:hidden}
.othertitle:after{position:absolute;content:"";background:#ec1a3a;height:5px;width:100%;right:5px;bottom:0;z-index:1;transform:skew(40deg)}
.othertitle strong{font-size:18px;background:#ec1a3a;display:inline-block;padding:5px 10px 5px 15px;color:#fff;position:relative;font-weight:400}
.othertitle strong:before{position:absolute;content:"";right:-28px;top:0;border-left:28px solid #ec1a3a;border-top:32px solid transparent}
.othertitle strong:after{position:absolute;content:"";top:0;background:#fff;width:10px;height:40px;transform:skew(40deg);right:-26px;z-index:3}
.other_pro{width:100%;margin:20px 0 5px 0;overflow:hidden}
.other_pro ul>li{width:23.5%;margin:0 2% 20px 0;overflow:hidden}
.other_pro ul li ol{width:100%}
.other_pro ul li:nth-child(4n){margin-right:0}
.other_pro ul li:nth-child(4n+1){clear:both}
.other_pro ul li ol li.product_img{width:100%}
.other_pro ul li ol li.product_img img{width:100%;border:1px solid #ddd}
.other_pro ul li ol:hover li.product_img img{border-color:#ec1a3a}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center}
.other_pro ul li ol li.product_con a{color:#333;display:block;line-height:16px;padding:10px 2px;font-size:13px}
.other_pro ul li ol:hover li.product_con a{color:#ec1a3a;text-decoration:underline}
.relatedpro{width:100%;overflow:hidden;margin:10px auto 20px auto}
.relatedtitle{width:100%;font-size:17px;padding:15px 0 3px 0;color:#666;font-family:Ubuntu Light;border-bottom:3px double #ddd;margin-bottom:15px}
.relatedpro ul{width:100%}
.relatedpro ul li a{padding:0 15px 2px 0;margin:10px 15px 10px 0;display:inline-block;font-family:Ubuntu Light;overflow:hidden;color:#333;position:relative;line-height:14px;font-size:15px; text-decoration:underline !important;}
.relatedpro ul li a:before{position:absolute;content:'';background:#999;width:1px;height:12px;right:0;top:1px}
.relatedpro ul li:last-child a:before{content:normal}
.relatedpro ul li a.dq,.relatedpro ul li a:hover{color:#ec1a3a;text-decoration:none!important}
.relatedpro1{width:100%;overflow:hidden;margin:0 auto;clear:both;padding:10px 0}
.relatedpro1 ul{width:100%}
.relatedpro1 ul li{width:48%;margin:0 4% 10px 0}
.relatedpro1 ul li:nth-child(2n){margin-right:0}
.relatedpro1 ul li:nth-child(2n+1){clear:both}
.relatedpro1 ul li a{display:block;color:#333;font-size:14px;line-height:18px;padding:0 0 5px 16px;position:relative}
.relatedpro1 ul li a:before{position:absolute;content:'';background:#eee;width:7px;height:7px;border-radius:50%;left:0;top:5px;box-shadow:inset 2px 2px 3px #666;-moz-box-shadow:inset 2px 2px 3px #666;-webkit-box-shadow:inset 2px 2px 3px #666;-ms-box-shadow:inset 2px 2px 3px #666;-o-box-shadow:inset 2px 2px 3px #666}
.relatedpro1 ul li a.dq,.relatedpro1 ul li a:hover{color:#ec1a3a}
.relatedpro1 ul li a.dq:before,.relatedpro1 ul li a:hover:before{box-shadow:inset 2px 2px 3px #ec1a3a;-moz-box-shadow:inset 2px 2px 3px #ec1a3a;-webkit-box-shadow:inset 2px 2px 3px #ec1a3a;-ms-box-shadow:inset 2px 2px 3px #ec1a3a;-o-box-shadow:inset 2px 2px 3px #ec1a3a}

/*footer*/
#footer{width:100%;height:auto;margin:0 auto;font-size:12px;background: #2a2c2b;}
#chatbox{z-index:999}
#etw_footin{margin:0 auto;width:100%;overflow:hidden;text-align:center;padding:0 0 20px 0}
#etw_homefooter{overflow:hidden;width:100%;height:auto;margin-bottom:20px;background:#ec1a3a;padding:25px 0}
#etw_homefooter a{padding: 0 20px;
color: #fff;
line-height: 14px;
position: relative;
font-size: 14px;
display: inline-block;}
#etw_homefooter a:before{position:absolute;content:'';width:1px;height:12px;background:#fff;top:1px;right:-2px}
#etw_homefooter a:hover{color:#979797}
#etw_homefooter a:last-child:before{content:normal}
#etw_coper{margin-top:10px;width:100%;line-height:22px}
#etw_coper a{display:block;color:#fff}
#otherlink{clear:both;width:100%;height:auto}
#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:#ec1a3a;border:1px solid #ec1a3a}
#otherlink a:hover span{top:-2px;transition:all .3s ease-in-out}

/*sitemap*/
#sitemap{width:100%;margin:20px auto;font-size:13px}
#sitemap .name{width:100%;font-size:15px;margin:10px 0;clear:both}
#sitemap a{color:#ec1a3a;width:100%;display:block;background:#eee;font-weight:600;line-height:24px}
#sitemap a.sname{margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline!important;background:0 0;font-size:14px}
#sitemap a:hover{text-decoration:underline!important}
#sitemap a.sname:hover{color:#ec1a3a;text-decoration:none!important}
#sitemap p{margin:0 0 10px;line-height:22px}
#sitemap .list_m{width:100%;height:auto;margin:10px 0;overflow:hidden}
#sitemap .list_m a{width:50%;display:block;float:left;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px}
#sitemap .list_m a:nth-child(2n+1){clear:both}
#sitemap .list_m a:hover{color:#ec1a3a}

/*news*/
#app_new_pro{display:none}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width:100%;margin-bottom:30px}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:0 0 10px;margin-bottom:10px;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;text-decoration:none!important}
.news_des{font-size:13px;line-height:20px;margin:0 0 5px}
.newstime{color:#ec1a3a}
.news_list ul>li>ol>li.product_con a:hover{color:#979797}
.etw_page{margin:0 auto;width:380px;overflow:hidden;float:right}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;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}
.etw_page li a:hover{color:#ec1a3a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}
.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin-bottom:20px}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:49%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:14px;line-height:20px;display:block}
.new_next a:hover,.new_prev a:hover{color:#999}
.news_related_li{width:24%;padding-right:1%;float:left}

/*responsive*/
@media screen and (max-width:1140px){#etw_logo{margin:20px 0 20px 10px}
.navbar-default .navbar-nav>li>a{font-size:14px;padding: 25px 18px;}
#etw_language a{padding:0 10px 0 3px}
#etw_productlist,#other_bg,#solutions_bg{display:none}
#custom_bg{border:none}
#etw_right,#etw_sidebar{width:100%;margin:0}
.etw_images ul li.txt{top:8%;left:0}
.etw_images ul li.txt span:before{content:normal}
.etw_images ul li.txt strong{padding:0 0 5px 0}
.etw_contactin{margin:10px auto}
#home_list #tags,#home_list .etw_contactin{width:100%;margin:10px 0}
.aboutimg ul li a img{width:35%}
.aboutimg ul li a span{width:62%}
.etw_video{width:100%;float:none;margin:0 auto 10px auto;height:140px}
}
@media screen and (max-width:980px){.company{margin:0 auto;padding:20px 0}
.company_txt{padding:0}
#etw_banner,.home_pic{width: 100%; padding-top: 1rem}
}
@media screen and (max-width:767px){#header{position:relative;border:none}

#container{margin-top:0}
#dropdownMenu1{font-size:14px;color:#333;background:0}
.top-nav{width:100%;margin:0!important;border:none}
.container-fluid,.dropdown-menu,.top-nav{padding:0}
.navbar,.navbar-default{background:#444}
.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:#ec1a3a}
.navbar-nav>li:nth-child(3)>.dropdown-menu{min-width:auto!important}
.navbar-default .navbar-nav li{display:block;width:100%;text-align:left;padding:0}
.navbar-default .navbar-nav li a{border:none;border-bottom:1px solid #676664;color:#333;background:#fff;font-size:15px;line-height:36px;padding:0 10px;display:block}
.navbar-default .navbar-nav>li>a::before{content:normal}
.navbar-default .navbar-nav .open .dropdown-menu li a,.navbar-default li.dropdown-submenu a{color:#333;background:#fff;font-size:13px;padding:6px 20px 6px 18px;line-height:18px;overflow:hidden;text-align:left}
.navbar-default li.dropdown-submenu a:hover{color:#ec1a3a;background:#eee}
.navbar-default .dropdown-menu,.navbar-nav>li:nth-child(2)>.dropdown-menu{padding:0!important;min-width:auto!important}
.navbar-default .navbar-nav .open .dropdown-menu li a.sechildren{color:#777;padding-left:40px}
.navbar-default li.dropdown-submenu{width:100%;display:block;margin:0;padding:0;float:none}
.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:#ec1a3a;background:#eee;border-bottom:1px solid #ec1a3a;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:#ec1a3a;border-top:none;border-bottom:1px solid #ec1a3a}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#ec1a3a!important;background:#eee!important}
.navbar-default .navbar-nav ul.dropdown-menu>li>a.dq{color:#ec1a3a}
.navbar-default li.dropdown-submenu>a.dq span,.navbar-default li.dropdown-submenu>a:hover span{padding-left:0}
.table-responsive{border:none}
#chatbox,#clienteditlogin,#etw_top,.etw_point,.etw_point1,.etw_products1 ul li ol li.product_con span,.location,.navbar-default .dropdown-submenu ol,.qrcode,.qulickpro,.xs,.etw_products ul > li.proinfo,.protitle3{display:none}
#mainpro ul li{ width:49%;}
#mainpro ul li:nth-child(2n){ margin-right:0;}
#mainpro ul li:nth-child(2n+1){ clear:both;}
.etw_products ul>li{width:48%}
.etw_products ul>li:nth-child(3n){margin-right:4%}
.etw_products ul>li:nth-child(3n+1){clear:none}
.etw_products ul>li:nth-child(2n){margin-right:0}
.etw_products ul>li:nth-child(2n+1){clear:both}
.etw_products1 ul>li{width:49%;margin:0 2% 20px 0;padding:0}
.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_products2{ width:100%;}
.left_pic{width:100%;margin:0 0 20px 0}
.etw_pic2 ul li.big_img{width:100%;margin:0 0 10px 0}
.etw_pic2 ul li.small_img{width:49%;margin-right:2%}
.etw_pic2 ul li.small_img:nth-child(3n){margin-right:0}
.img_right.mwidth{width:100%}
.img_right.mwidth img{width:48%;float:left;margin:0 1% 10px 0}
.img_right.mwidth .inquiry{float:left;clear:both}
.etw_images ul li.txt{width:100%;position:static;margin-bottom:12px}
.etw_images ul li.img{width:100%}
#etw_contactin{width:100%;float:none}
#sitemap .sname a{float:none;width:100%;margin-right:0}
#sitemap .list_m a{width:100%;float:none}
#etw_form #etw_set_feedback_form,#etw_form .etw_contactin,#etw_set_feedback_form{width:100%;margin:10px 0}
#etw_form .etw_contactin{height:auto}
.aboutimg ul li{border:none;border-bottom:1px dashed #ddd;padding:0 0 20px 0;border-radius:0;box-shadow:none}
.aboutimg ul li:last-child{border-bottom:none}
.aboutimg ul li:hover{transform:none}
.aboutimg ul li a img{width:auto;float:none}
.aboutimg ul li a span{width:100%}
.left_img,.right_img{width:100%;margin:8px 0}
}
@media screen and (max-width:650px){#etw_language{width:100%; margin-top:5px;}
.about_title a{padding:8px 15px}
.about_title a::after,.about_title a::before{content:normal}
#etw_producttitle{display:none}
.etw_tags ul>li,.other_pro ul>li{width:48%;margin:0 4% 20px 0}
.etw_tags ul>li:nth-child(2n),.other_pro ul>li:nth-child(2n){margin-right:0}
.etw_tags ul>li:nth-child(2n+1),.other_pro ul>li:nth-child(2n+1){clear:both}
.relatedpro ul li{width:100%}
.img_center1 img{width:100%}
.etw_pic4 ul li{width:49%;margin-right:2%}
.etw_pic4 ul li:nth-child(2n){margin-right:0}
.etw_pic4 ul li:nth-child(2n+1){clear:both}
.etw_pic5 ul li,.etw_pic6 ul li{width:32%}
.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:2%}
.etw_pic5 ul li:nth-child(3n),.etw_pic6 ul li:nth-child(3n){margin-right:0}
.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:none}
.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1){clear:both}
.left_pic{width:100%;margin:0 0 20px 0}
.add .left_pics,.add .related_pic,.left_pics,.pic2 .left_pics,.pic2 .related_pic,.pic3 .left_pics,.pic3 .related_pic,.related_pic{width:100%}
.pic2 .related_pic img,.pic3 .related_pic img,.related_pic img{width:18%;margin:12px 1% 0 1%}
.half{width:100%;padding-right:0;margin:0 0 15px}
.light{width:100%}
.news_list{margin:0 auto}
.new_next,.new_prev,.news_list ul>li>ol>li.product_con,.news_list ul>li>ol>li.product_img{width:100%}
.news_list ul>li>ol>li.product_img{height:auto}
.news_list ul>li>ol>li.product_con a{padding:10px 0}
	.videoall ul li{width: 100%; margin-right: 0}
}
@media screen and (max-width:480px){#mainpro ul li{ width:100%; margin:0 0 20px 0;}

.etw_products ul>li,.etw_products2 ul>li{width:100%;margin:0 0 30px 0}
.etw_products2 ul.details li ol li.product_con span{height:auto;padding:5px 10px 15px 10px}
.etw_products2 ul.details>li{width:100%;margin:0 0 30px 0}
.etw_pic2 ul li{width:100%}
.etw_pic3 ul li,.etw_pic3 ul li:nth-child(3n),.etw_pic5 ul li,.etw_pic6 ul li{width:49%;margin-right:2%}
.etw_pic3 ul li:nth-child(2n){margin-right:0}
.etw_pic3 ul li:nth-child(3n+1){clear:none}
.etw_pic3 ul li:nth-child(2n+1){clear:both}
.etw_pic5 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(3n){margin-right:2%}
.etw_pic5 ul li:nth-child(2n),.etw_pic6 ul li:nth-child(2n){margin-right:0}
.etw_pic5 ul li:nth-child(2n+1),.etw_pic6 ul li:nth-child(2n+1){clear:both}
.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1){clear:none}
.img_left,.img_left.swidth,.img_right,.img_right.bwidth,.img_right.swidth{width:100%;margin:10px 0}
	#etw_banner{display: none}
}
@media screen and (max-width:360px){
.etw_products,.etw_products1{margin-bottom:25px}
.etw_products1 ul>li,.etw_tags ul>li,.other_pro,.other_pro ul>li{width:100%;margin:10px 0}
.etw_pic3 ul li,.etw_pic3 ul li:nth-child(3n){width:100%;margin:0 0 20px 0}
.img_right.mwidth img{width:100%;margin:0 0 10px 0}
}