@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;}
h2 span{font-size:22px;display:block;line-height:1.5;} 
.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:#c3191e;border-radius:2px;color:#fff;text-align:center;line-height:1;padding:5px;font-size:12px;float:right;}
u.inquiry:hover:after{background:#f20000;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 #ccc!important;color:#333;}
.table>tbody>tr{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;}
.table-striped > tbody > tr:nth-of-type(2n+1){background:#eee;}
.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.styleone{height:1px;background-image:linear-gradient(to right, #ccc, #333, #ccc);border:0}
#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:50px;display:block;}

/*header*/
#header{width:100%; margin:0 auto;position:fixed;z-index:999;background:#fff;border-bottom:2px solid #dce0e8;}
.headerin{margin:0 auto;max-width:1140px;padding:10px 0px;}
#etw_logo{float:left;margin-right:15px;width:80px;}
#etw_logo img{margin-right:5px;}
#etw_language{float:right;text-align:right;margin:0px auto;margin-top:15px;}
#etw_language a{color:#333;line-height:12px;padding:0 15px 0 0px;font-size:14px;display:inline-block;}
#etw_language a:hover{color:#2e8ff1}
#etw_language img{vertical-align:baseline;}
#menu{border-top:1px solid #ccc;}
.top-nav{max-width:1140px;margin:0px auto;}
.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:1140px;margin:0 auto;}
.nav > li{position:static;}
.navbar,.navbar-default{max-width:1040px;margin:0 auto;text-align:center;} /*Add*/
.navbar-default .navbar-nav li{width:auto;float:none;display:inline-block;padding:12px 10px;}
.navbar-default .dropdown-menu{z-index:1000;width:400px;padding:10px 20px;margin-top:-1px !important;background:rgba(255,255,255,.97)}
.dropdown-menu>li>a{white-space:normal!important;}
.navbar-default .navbar-nav ul.dropdown-menu li{width:100%;padding:0;}
.navbar-default .navbar-nav>li>a{color:#333;display:inline-block ;padding:4px 0px;}

.navbar-default .dropdown-menu li img{border:1px solid #ccc;width:15%;float:left;}
.navbar-default .dropdown-menu li a{padding:5px;}
.navbar-default .dropdown-menu li a span{ float:left;display:block;padding:8px 2px 8px 10px;color:#333; transition:.3s;border-bottom:3px double #ccc;display:inline-block;width:83%;}
.navbar-default .dropdown-menu li:nth-child(5) a span{ padding-top:3px}
.navbar-default .dropdown-menu li a:hover span,.navbar-default .dropdown-menu li a.dq span{ color:#2e8ff1;}
.navbar-default .dropdown-menu li ol{ width:100%; display:block;margin-left:16px;}
.navbar-default .dropdown-menu li ol a{color:#333; 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{ width:100%; display:block;margin-left:16px;}
.navbar-default .dropdown-menu li ol a{color:#333; 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 .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:#2e8ff1;}
.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:#2e8ff1;}
.navbar-default .dropdown-menu li a.dq,.navbar-default .dropdown-menu li a:hover{color:#2e8ff1;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:#2e8ff1;background:none;}
.navbar-brand{display:none}
.nav>li.dropdown-narrow{position:relative}
.navbar-default .dropdown-narrow .dropdown-menu{padding:5px 0;}

/*banner*/
#etw_banner{width:100%;height:auto;margin-bottom:20px;background-size:cover;position:relative;}
.banner_txt{max-width:1140px;margin:0px auto;text-align:left;position:absolute;left:21%;top:10%;width:100%;}
.banner_txt h2{width:40%;display:inline-block;font-family:Ubuntu Bold;font-size:28px;color:#fff;margin-top:5%;line-height:1.3;}  
.banner_txt h2 span{ display:block;font-family:Ubuntu Light;}
.banner_txt a.more{background:#236fc3;color:#fff;padding:3px 8px;}
.item_one{background:url(../images/banner.jpg) no-repeat;padding-top:21.71%;background-size:cover;}
.item_two{background:url(../images/banner2.jpg) no-repeat;padding-top:21.71%;background-size:cover;}

/*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:#fff;font-size:26px;border-radius:50%;background:#f00;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:#f00;background:#fff;}
.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{width:30%;height:230px;margin-top:0px;margin-right:25px;}
.pro_video{margin: 30px 0 10px 2%; float:right; width:21%;}
.video1{background:url(../images/video1.jpg) no-repeat center;background-size:contain}
.video2{background:url(../images/video2.jpg) no-repeat center;background-size:contain}
.video3{background:url(../images/video3.jpg) no-repeat center;background-size:contain}
.video4{background:url(../images/video4.jpg) no-repeat center;background-size:contain}
.video5{background:url(../images/video5.jpg) no-repeat center;background-size:contain}
.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:contain}
.home_video,.etw_video{display:none;}
/*index*/
.main_pro{margin:0px auto;margin-bottom:20px;}
.main_pro ul{display:flex;flex-wrap:wrap;}
.main_pro ul li{width:25%;float:left;padding:0 3% 3% 0;}
.main_pro ul li .pic{display:block;background:#fff;position:relative;}
.main_pro ul li a .pic{border-bottom:3px solid #083a6b;text-align:center;}
.main_pro ul li .pic:after{content:"\f138";font-family:fontawesome;position:absolute;bottom:10px;left:0;font-size:24px;}
.main_pro ul li a:hover .pic{border-bottom:3px solid #2e8ff1;transition:.5s;color:#2e8ff1;}
.main_pro ul li span.proname{line-height:1.2;display:block;margin-bottom:10px;margin-top:10px;}
.main_pro ul li a{color:#083a6b;font-weight:bold;}
.main_pro ul li p{color:#333;text-align:left;font-size:14px;}
.main_pro ul li:nth-child(4n+1){clear:left;}
.mainpro_title{text-align:center;color:#083a6c;font-size:22px;margin-bottom:15px;font-weight:bold;}
.guide ul li{width:33%;}
.guide ul li .pic:after{left:5px;}
#example{background:#ebebeb;padding:40px 0;position:relative;}
#example:after{content:"";border-top:20px solid #fff;border-left:20px solid transparent;border-right:20px solid transparent;position:absolute;top:0;left:50%;transform:translateX(-50%);width:20px;height:20px;}
#example ul{max-width:1140px;margin:0px auto;display:flex;flex-wrap:wrap;}
#example ul li{float:left;width:30%;margin-right:19px;color:#083a6b;text-align:center;margin-right:3%;background:#fff;}
#example ul li a{color:#083a6b;display:block;padding:20px;}
#example ul li a .exam_title{border-bottom:1px solid #ccc;display:block;font-weight:700;padding:10px 0;}
#example ul li p{padding:10px 20px 0;}
#example ul li:hover{background:#083a6b;}
#example ul li a:hover{color:#fff;transition:.5s;}
.company{max-width:1140px;margin:0px 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:#2e8ff1;transition:.5s;font-size:13px;padding:4px 10px;margin:0px 0 10px 20px;border-radius:2px;display:inline-block;}
a.more:after{font-family:fontawesome;content:"\f178";margin-left:5px;}
a.more:hover{ background:#2e8ff1;color:#fff;}
.contitle a{display:block;color:#333;font-size:20px;}
.qrcode{width:140px;}
.share{width:100%;margin:10px 0;overflow:hidden}
.share a{border:2px solid #083a6b;text-align:center;margin:0 4px 5px 0;width:30px;display:block;float:left;height:30px;line-height:1.8;color:#083a6b;font-size:14px;position:relative;cursor:pointer;border-radius:50px;}
.share a:hover{background:#083a6b;color:#fff}  
.home_productlist{width:30%;padding-bottom:40px;float:left;} 
.home_productlist ul{float:left;}
.home_productlist ul>li{margin-bottom:15px;}
.home_productlist ul>li>a{display:block;line-height:18px; padding:4px 16px 6px 0; color:#fff;position:relative;border-bottom:1px solid #fff;font-weight:700;margin-bottom:15px;}
.home_productlist ul>li>a:after{position:absolute;content:""; top:10px; right:0; color:#868686; font-size:20px; font-family:fontawesome; font-weight:bold;border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.home_productlist ul li ol a{color:#fff;position:relative;font-size:14px;padding:0 10px 0px 18px;display:block;margin-top:10px;}
.home_productlist ul li ol a:before{width:10px;height:1px;background:#fff;content:"";position:absolute;left:0;top:12px;font-weight:700}
.home_productlist ul li a:hover{color:#ffc954;}
.home_productlist ul li ol a:hover:before{background:#ffc954;}
.home_productlist ul>li>a:hover:after{border-left:5px solid #ffc954;}
.home_contact{float:left;width:30%;margin:0 7% 1%;color:#fff;}
.home_contact a{color:#fff;}
.home_contact a:hover{color:#ffc954;}
.home_title,#tagshome>#tags_title{margin:15px 0;position:relative;padding-bottom:5px;color:#fff;font-size:24px;font-weight:700}
#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;}
.home_title a:hover{color:#ffc954;}
#etw_bottom{background:#0552a0;}
#etw_bottom .share a{ color:#ffc954!important;border:2px solid #ffc954;}
#etw_bottom .share a:hover{ text-decoration:none!important;color:#000 !important;background:#ffc954;}
.etw_main{margin-top:20px;padding-top:32px;background:#f8f8f8;}
.etw_homecon{max-width:1140px;margin:0px auto;padding:0 20px;}
#container{width:100%;margin:0 auto;margin-top:133px;}
#etw_content{width:94%;max-width:1140px;margin:0 auto;padding:20px 0;}
#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;}
#etw_productlist .etw_hometitle a{padding:10px 0;color:#083a6b;display:block;line-height:20px;border-bottom:1px solid #083a6b;}
#etw_productlist .etw_hometitle a:hover{color:#2e8ff1;border-bottom:1px solid #2e8ff1;}
#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:#515151;display:block;font-size:18px;border-bottom:1px solid #083a6b;color:#083a6b;}
.etw_contact .etw_hometitle a:hover{color:#2e8ff1;border-bottom:1px solid #2e8ff1;}

#etw_productlist{width:100%;height:auto;margin-bottom:20px}
#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{margin-bottom:10px;}
#etw_productlist ul>li>a{line-height:18px;color:#333;padding:8px 10px 10px 0;display:block;position:relative;border-bottom:1px solid #ccc;font-weight:700}
#etw_productlist ul>li>a.spe{font-weight:400;}
#etw_productlist ul>li>a:after{position:absolute;content:"";right:0;top:12px;border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;}
#etw_productlist ul li a.dq,#etw_productlist ul li a:hover{color:#2e8ff1}
#etw_productlist ul>li>a:hover:after{border-left:5px solid #2e8ff1;}
#etw_productlist ul>li>ol{margin:5px 0 10px}
#etw_productlist ul>li>ol>a{position:relative;display:block;padding-left:16px;color:#333;}
#etw_productlist ul>li>ol>a:before{width:10px;height:1px;content:"";position:absolute;left:0;top:12px;font-weight:700;background:#333}
#etw_productlist ul li a:hover{color:#2e8ff1;}
#etw_productlist ul>li>ol>a:hover:before,#etw_productlist ul>li>ol>a.dq:before{background:#2e8ff1}
#etw_productlist ul>li>ol>li{margin-bottom:2px;background:#f5f5f5;}
#etw_productlist ul>li>ol>li>a{padding:1px 5px 1px 16px;font-size:14px;display:block;color:#383838;}

.etw_contactin{width:100%;height:auto;}
.etw_contact_text{font-size:15px;padding:10px 20px;}
.etw_contact p a{color:#083a6b;}
.etw_contact p a:hover{color:#2e8ff1;} 
.etw_contact p a.home{color:#fa6161;}
.etw_contact p a.home:hover{color:#000;} 
.etw_contact_text p a{color:#444;}
.etw_contact_text p a:hover{color:#f20000;} 

/*Quick list*/
#etw_producttitle{margin:0 auto; height:auto; color:#333; line-height:18px; font-size:13px; background:#f2f2f2;}
#etw_producttitle ol{max-width:1140px;margin:0 auto;float:none;width:94%}
#etw_producttitle a{color:#999;padding-right: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 5px 0;position:relative;} 
.protitle span{background:#fff;display:inline-block;color:#083a6b;z-index:1;padding-right:10px;font-family:Ubuntu Bold;font-size:18px;}
.protitle:before{position: absolute; content:""; background:#919191; width:98%; height:1px; left:5px; top:58%;z-index:-1;}  
.protitle:after{position: absolute; content:""; background:#919191; width:93%; height:1px; left:5px; top:45%;z-index:-1;} 
.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:#083a6b; transform: skew(-20deg); -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); z-index:-1}
.protitle a:hover:before{ background:#2e8ff1} 

.titlename{position:relative;text-align:left;padding-left:15px;font-family:Ubuntu Bold;margin:10px 0;font-size:18px;line-height:1.3}
.titlename:before{width:6px;content:"";position:absolute;left:0;top:0;height:calc(100%);
background:-moz-linear-gradient(top, #083A6C 0%, #083A6C 75%, #2e8ff1 75%, #2e8ff1 100%); /*Firefox*/
	background:-webkit-linear-gradient(top, #083A6C 0%, #083A6C 75%, #2e8ff1 75%, #2e8ff1 100%); /*Chorme*/
	background:linear-gradient(top, #083A6C 0%, #083A6C 75%, #2e8ff1 75%, #2e8ff1 100%); /*normal*/
	}
.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;display:inline-block; width:auto; margin:0 0 15px 0;border-bottom:1px #e70012 solid; position:relative;font-weight:bold;}  
.protitles:before{ position:absolute; content:""; left:0;width:10px; height:10px; background:#000; 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 5px 10px;width: 97%;}
ul.item1>li img{display:block;}
ul.item1 li.last{ margin-left:22px;}
ul.lower-roman{margin-left:30px;}
ul.lower-roman li{list-style:lower-roman;}
.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;}
.strucure{width:100%;margin:5px 0 15px;}
.strucure_img{width:50%;float:left;}
.strucure_img img{border:1px solid #ccc;}
.strucure_con{width:40%;float:left;padding:5% 0 2% 5%;border-bottom:1px solid #ccc;}
 
/*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:#083a6b;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:#2e8ff1; 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;margin-bottom:20px;}
.etw_products1 ul li ol li.product_img{width:31%;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:66%;height:auto;float:right;text-align:left;font-size:15px;}
.etw_products1 ul li ol li.product_con a{color:#083a6b;display:block;line-height:24px;padding:0 20px 5px 0;border-bottom:1px solid #999;margin-bottom:8px;overflow:hidden;position:relative;font-size:16px;font-weight:bold;}
.etw_products1 ul li ol li.product_con a:after{content:"\f18e";position:absolute;right:3px;bottom:-100%;font-family:FontAwesome;color:#2e8ff1;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:#2e8ff1}
.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_products2{width:100%;margin:20px 0}
.etw_products2 ul{width:100%;display:flex;flex-wrap:wrap;}
.etw_products2 ul li ol{width:100%;}
.etw_products2 ul>li{float:left;width:48%;margin:0 4% 30px 0;position:relative;background:#b1d5f3;}
.etw_products2 ul>li:nth-child(2n){margin-right:0}
.etw_products2 ul li ol li.product_img{width:100%;overflow:hidden;}
.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_img a{display:block;width:100%;position:relative;}
.etw_products2 ul li ol li.product_img span{position:absolute;width:100%;height:auto;padding:10px;background:rgba(0,0,0,.6);bottom:0;margin:0 auto;color:#fff;display:flex;align-items:center;text-align:center;text-shadow:1px 1px 1px #000;justify-content:center;transition:all ease-in-out .3s}
.etw_products2 ul li ol li.product_con{width:100%;overflow:hidden}
.etw_products2 ul li ol li.product_con p{color:#000;line-height:22px;padding:20px;margin:0}
.etw_products2 ul li ol:hover li.product_img img{transform:scale(1.03)}
.etw_products2 ul li ol:hover li.product_img span{background:rgba(0,0,0,.8)}
.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:#333; font-weight:700; font-size:18px; padding:6px 0 6px 15px; position:relative}
.article_title:before{ position:absolute; content:"";  width:5px; height:18px; background:#e70012; left:0; top:11px}
.article_title:after{ position:absolute; content:"\f0da"; color:#e70012; left:4px; top:8px; font-size:14px; font-family:fontawesome}
.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:25%;} 
.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;}
.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;line-height:20px; color:#333;overflow:hidden;float:left;font-size:14px;text-align:center;}
.etw_photo ul li span{margin-top:10px;display:block;}
.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%;}

/*Contact us*/
#etw_contactin{width:54%;float:left;padding-top:15px}
#etw_contactin p a{color:#083a6b}
#etw_contactin p a:hover{color:#2e8ff1}
#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:580px;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:#2e8ff1}
.videoall ul li:nth-child(2n+1) {
    clear: both;
}
.videoall ul li:nth-child(2n) {
    margin: 15px 0px 5px;
    
    margin-right: 0;
}
.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 a span {
    border: 1px solid #999;
    display: block;
    position: relative;
    color: #fff;
    font-size: 26px;
    margin-bottom: 10px;
}
.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: 16px 0 0 7px;
    color: #fff;
    background: #083a6b;
}
#tags{margin:15px 0;}
#tags_title{font-size:18px;margin-bottom:10px;line-height:36px; letter-spacing:1px; display:block;border-bottom:1px solid #083a6b;color:#083a6b;font-family:Ubuntu Bold,Verdana,Geneva,Tahoma,sans-serif;}
#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:#ccc;}
.hometags{width:25%;float:right;}
.hometags #tags{padding:10px;margin:0}
.hometags #tags_title{border:none;font-size:24px;color:#fff;margin-bottom:23px;}
.tagslist{width:100%;overflow:hidden}
.tagslist ul{width:100%;margin-top:10px}
.tagslist ul li{float:left;}
.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:#444;display:inline-block;padding:5px 10px 5px 15px;color:#fff;position:relative;font-weight:400}
.othertitle span:before{position:absolute;content:"";right:-34px;top:0;border-left:34px solid #444;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% 2% 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:#dfeffb}
.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:#083a6b;line-height:1.4;font-size:14px;}
.other_pro ul li ol li.product_con a:hover{color:#2e8ff1;}
.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;position:relative;}
.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;left:50%;}
.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:#083a6c;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 15px;line-height:13px;margin:6px 5px;font-size:15px;display:inline-block;position:relative;}
#etw_homefooter a:nth-child(8){display:none;}
#etw_homefooter a:hover{color:#2e8ff1;}
#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:#2e8ff1;border:1px solid #2e8ff1}
#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{margin:0 0 0 15px;}
#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:#083a6b;}
#sitemap ul li ol li a{position:relative;}
#sitemap ul 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:0;left:10%;}
}
@media screen and (max-width:1200px){ 
.banner_txt{left:5%;}
.banner_txt h2{margin-top:4%;font-size:22px;}
}
@media screen and (max-width:1050px){ 
.headerin{position:static;}
.top-nav{position:relative;}
.navbar-default .navbar-nav li{padding:5px;}
.navbar-nav>li>a{font-size:15px;}
.banner_txt{width:90%;right:5%;top:5%;}
.banner_txt h2{width:70%;font-size:22px;}
}
@media screen and (max-width:980px){ 
.main_pro ul li p,#bottom .text{display:none;}
.main_pro ul li{height:auto;}
#header{position:static;}
#container{margin-top:0;}
#headerin{padding:5px 0;}
.navbar-default .dropdown-menu{min-width:650px!important;}
.navbar-default .navbar-nav li{margin:0;}
#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%;}

.navbar-default .dropdown-menu{min-width:500px!important;}
.navbar-default .navbar-nav li{margin:0;padding:0px 5px;}
.navbar-nav > li > a{font-size:14px}
.home_contact,.hometags{width:42%;margin:1%;}
}

@media screen and (max-width:767px){
.headerin{padding:0;}
.navbar-default .dropdown-menu li ol{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}
.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;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:#083a6c;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:#083a6c;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{width:100%;}
.home_contact{width:100%;margin:0;}
.hometags{width:100%;float:left;}
.mar_bottom{margin-bottom:0;}
#example ul li{width:100%;margin:1%;}
.main_pro ul li{width:49%;}
.hometags #tags_title{margin-bottom:5px;}
.hometags{margin-bottom:10px;}
.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){
.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;}
.text_left{width:49%;}
#relatedpro ul li{width:100%}
.col-xxs-12{ float:none; width:100% }
}
@media screen and (max-width:480px){
.strucure_img,.strucure_con{width:100%;}
.allpro ul li{width:98%;}
.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%}
.main_pro ul li:first-child,.main_pro ul li,.text_left{width:100%;}
.main_pro ul li span.proname{text-align:center;}
.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}
}
@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%;} 
}
#floatchatiframe2011 iframe {
  height: 505px !important;
}