@charset "utf-8"; 
body{font-size:11px; color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0 auto; padding:0px; background:url(../images/bg.jpg) repeat-x #fff; min-width:1003px;}
 *{margin:0px; padding:0px}
a{color:#333}
img{border:none; margin:0 auto}
ol, ul, li{list-style:none}
a{text-decoration:none}
.clear{clear:both; font-size:0px}
p{ padding-bottom:12px;}
#form1{border:1px solid #ccc; border-top:none; width:500px; height:420px; margin-left:10px}
.table, .table01{width:98%; background:#CFCFCD; margin-bottom:10px}
.table01{width:60%}
.table tr, .table01 tr{background:#EFFBFE}
.table .top, .table01 .top{background:#F9F5B4}
.table td, .table01 td{padding-left:6px; padding-right:4px}

#etw_header_languages{color:#E7E5E5; font-size:9px; width:1003px; text-align:center; margin:0 auto; display:block; font-family:Arial,Helvetica,sans-serif; height:13px; margin-top:0px;}
#etw_header_languages a{color:#D1D1D1;  font-size:9px; line-height:13px;}
#etw_header_languages a:hover{color:#333;}
.ml-50{ margin-left: 44px;}
#header{width:1003px; height:63px; margin:0 auto;}
#etw_companyname{font-family:Geneva,Arial,Helvetica,sans-serif; font-weight:bold; width:375px; text-align:left; height:auto; float:left; color:#333; margin:20px 0px 0px 5px; font-size:15px}
#language{width:530px; float:right; padding-right:0px; text-align:right; margin-top:20px;}
#language a{margin-right:1px}
#language a img{margin-right:1px}
#logo{width:70px; height:63px; float:left; margin-left:20px!important; margin-left:7px; margin-top:0px}
#etw_banner{height:226px; border-top:1px solid #B5B3AF; text-align:center; width:1005px!important; width:1005px; margin:0 auto; }
.banner {width:1003px;height:226px;margin:0px auto;}

#etw_banner_img{width:1003px; height:226px; float:left; overflow:hidden}
#etw_banner_img img{width:1003px}
 #menu{position:relative; margin:0 auto; width:1003px; height:34px; margin-top:2px!important;margin-top:0px;}
#menu ul{width:100%; height:33px; float:left; text-align:left}

#menu li{position:relative;  float:left; line-height:34px; text-align:center}
#menu a{color:#fff; float:left; display:block; font-weight:normal; padding:0 3px; text-align:center; font-weight:bold}
#menu a.link, #menu a:hover{background:#F60}

#menu ul ul{visibility:hidden; position:absolute; left:-1px; top:34px; float:left; z-index:9}
 
#menu table{position:absolute; top:0; left:0}
 
#menu ul li:hover ul,  
#menu ul a:hover ul{visibility:visible}
 
#menu ul ul.menu1{width:200px}
 
#menu ul ul.menu2{width:108px}
 
#menu ul ul.menu3{width:240px}
 
#menu ul ul.menu4{width:172px}
 
#menu ul ul li{text-align:left; float:left; width:100%; display:block}
 
#menu ul ul li a{display:block; margin:0; border-bottom:1px solid #374955; color:#333; line-height:20px; width:99%; font-weight:normal; padding:0; padding-left:5px; padding-right:5px; float:left; text-align:left;  background:#eee; width:98%; border-left:1px solid #666; border-right:1px solid #666}
 
#menu ul ul li a:hover{border:0; background:#F7D2BA; border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666}
 
 #banner{height:227px; border-top:1px solid #B5B3AF; text-align:center; width:1005px!important; width:1003px; margin:0 auto;}
#container{margin-top:3px; width:1003px; height:auto; overflow:hidden; margin:0 auto;}
#container .product{width:100%; float:left; margin-bottom:10px; margin-left:6px; margin-top:5px;}
#container .product ul{width:100%; float:left; margin-top:8px; margin-left:6px; padding-bottom:0px;}
#container .product ul li{width:49%; float:left; height: auto; margin-bottom:6px;}
#container.product ul li ol{display:inline-block; float:left; width:100%;}
#container .product ul li ol li{background:none; width:30%; float:left;}
#container .product ul li.pro1{width:98%;}
#container .product ul li.pro1 ol li{width:20%;}
#container .product ul li.pro1 ol li.pro{width:78%;}
#container .product ul li img{padding:2px; border:1px solid #ccc;}
#container .product ul li ol li.pro{width:65%; float:left; line-height:17px; padding-left:0px; margin-left:2px;}
#container .product ul li ol li.pro a{font-weight:bold; color:#333; line-height:16px; padding-bottom:2px; float:none; display:block; margin-left:0px; padding-left:0px;}

 h2{font-size:20px; font-weight:normal; line-height:22px; padding-top:10px; text-align:center}
 
#etw_content{width:1003px; float:left}

#etw_left{margin-top:7px; float:left; padding-right:0px; width:728px; padding-bottom:10px; margin-left:7px!important; margin-left:5px}
.quicklink{line-height:18px; font-size:11px; float:left; width:96%; padding-left:5px; color:#0046FA; margin-bottom:6px}
.quicklink a{color:#666}
.quicklink a:hover{color:#333}
.title, .title1{height:20px; width:96%; background:url(../images/leftline.jpg) no-repeat left bottom; float:left; color:#333; font-size:14px; font-weight:bold; padding:3px 0px 0px 10px}
.title1{width:220px}
.title a{color:#06C}
 
.title2{background:url(../images/leftline.jpg) no-repeat right bottom; float:left; width:470px; height:23px}
.title3{background:url(../images/leftline1.jpg) no-repeat left bottom; width:100%; height:auto}
.title3 ul, .title2 ul{float:left; width:100%}
.title3 ul li, .title2 ul li{float:left; font-weight:bold; margin:0 2px}
.title3 ul li a, .title2 ul li a{background:#F60; display:block; font-size:11px; padding:5px 5px 5px 5px; color:#fff; text-align:center}
.title2 ul li a{background:#F60; display:block; font-size:11px; padding:3px 10px 5px 10px; color:#fff; text-align:center}
 .title3 ul li a{background:none; color:#333; border:1px solid #888; border-bottom:none}
 .title3 ul li a.a1{background:none; color:#333; padding:3px 10px 5px 10px; border:1px solid #888; border-bottom:none; margin-top:13px}
 .title3 ul li a.link, .title3 ul li a:hover{color:#F60;}
 .title2 ul li a.link, .title2 ul li a:hover{background:#333}
 .title3 ul li a.a2{color:#F60; margin-top:12px; padding:5px 10px 5px 10px; text-align:center}
 .about{float:left; height:auto; width:99%; line-height:21px; padding:10px 0px 0px 5px; margin-bottom:5px; text-align:left}
.about .title{height:20px; width:96%; background: none; float:left; color:#333; font-size:14px; font-weight:bold; padding:3px 0px 0px 10px;}
a.more{background:#eee; border:1px solid #DCDADA; width:98%; color:#06F; text-decoration:underline; padding-left:10px; font-weight:bold; float:left; margin-top:10px; height:22px; line-height:20px}

.about .first{color:#0046FA}
.about .first a{color:#0046FA}
 
.about img{border:1px solid #ccc; padding:2px; margin:4px 6px}
.about img.test{margin:3px 2px; padding:1px}
 #etw_left .pic-line{height:22px; width:95%; padding-left:10px; background:#eee; color:#333; float:left; font-weight:bold; margin-top:10px; border:1px solid #DCDADA}
 #etw_left  .about img.pic{float:left; margin:0 auto; border:none; display:block; margin-top:2px}
 #etw_left .about img.tu1{display:block; margin:0 auto; border:1px solid #ccc; padding:2px}
.about .pic1{
	width:340px;
	margin-right:5px;
	float:left;
	margin-top:2px
}
.about .pic1 img{margin:0 auto;border:1px solid #ccc;display:block;float:right;}
.about .pic2{
	float:left;
	width:280px;
	margin-left: 20px
}
 #etw_left  .about   img.tu2{float:left; margin:5px 6px 5px 2px; border:1px solid #ccc; padding:1px}
 #etw_left  .about   img.tu3{float:left; margin:5px 6px 5px 60px; border:1px solid #ccc; padding:1px}
 .ce{width:98%; margin:0 auto; height:auto; line-height:22px; padding:10px 0px 0px 0px; color:#333; margin-bottom:5px; float:left; margin-top:10px}
.ce ul{float:left; width:98%}
  .ce ul li{width:222px; margin:10px 10px 0 0; text-decoration:none; float:left; text-align:center; line-height:17px}
  .ce ul li img{border:1px solid #ccc; margin:0 auto; display:block}
 .ce ul li.ce1{width:202px; float:left; display:inline-block}
  .ce ul li.ce2{width:212px}

.consulting{
	float:right;
	width:500px;
	height:auto;
	text-align:left;
	display:block;
	margin-bottom:5px;
	margin-top:5px
}
.consulting img{margin:0; margin-right:40px; border:none; float:right;}
 
#etw_p{width:99%; height:auto; float:left; padding-bottom:10px; margin-top:5px}

#etw_p ul{width:100%; margin-top:10px; height:auto; margin-left:5px}
#etw_p ul li{width:200px; height:auto; float:left; margin:0px 15px 5px 15px;_margin:0px 7px 5px 7px; line-height:18px}
 #etw_p ul  li a.pic{width:181px; height:98px; background:url(../images/tubg.jpg) no-repeat}
  #etw_p ul  li img{margin-top:5px}
  #etw_p ul  li a.pic:hover{background:url(../images/tubghover.jpg) no-repeat}
#etw_p ul  li a{border:none; display:block; text-align:center; margin-bottom:2px; color:#06C; width:200px; height:auto; line-height:16px}
 #etw_p ul  li.picture{margin:0px 10px 5px 5px!important; margin:0px 10px 5px 3px; width:220px; text-align:center}
 #etw_p ul  li.picture img{border:1px solid #ccc; padding:1px}
 #etw_p ul  li.application{margin:0px 10px 5px 0px; width:20%}

 #etw_p ul  li.application a{width:auto; height:auto; background:none}
  #etw_p ul  li.application a:hover{background:none}
  #etw_p ul  li.application img{border:1px solid #ccc; padding:1px}
 #etw_left .product{width:98%; float:left; margin-bottom:0px; margin-left:6px; margin-top:5px}
 #etw_left .product ul{width:96%; float:left; margin-top:8px; margin-left:6px; padding-bottom:0px}
 #etw_left .product ul li{width:48%; float:left; margin-bottom:8px; margin-right:3px; height:100px}
 
 #etw_left .product ul li ol{display:inline-block; float:left; width:100%}
 #etw_left .product ul li ol li{background:none; width:145px; float:left}

 #etw_left .product ul li.pro1{width:98%}
 #etw_left .product ul li.pro1 ol li{width:22%}
  #etw_left .product ul li.pro1 ol li.pro{width:76%}
 #etw_left .product ul li img{padding:2px; border:1px solid #ccc}

 #etw_left .product ul li ol li.pro,  #etw_left .product ul li ol li.pro1{width:53%; float:left; line-height:17px; padding-left:0px; margin-left:0px; height:auto}
 #etw_left .product ul li ol li.pro a,  #etw_left .product ul li ol li.pro1 a{font-weight:bold; color:#333; line-height:16px; padding-bottom:3px; float:none; display:block; margin-left:0px; padding-left:0px}
 #etw_left .product ul li ol li.pro a.link{font-weight:normal; display:inline; padding:0}
 #etw_left .product ul li ol li.pro a:hover,  #etw_left .product ul li ol li.pro1 a:hover{text-decoration:underline}
.linetop{width:490px;  height:23px; line-height:23px; padding-left:5px; text-align:left; float:left; margin-left:0px; display:block; color:#333; font-weight:bold; font-size:14px; background:#E9F1FE}
#form1{width:515px; height:auto; border:none; margin-left:0px; margin-top:0px; float:left}
 #etw_left  ul.other{float:left; width:96%; margin-bottom:10px; margin-top:10px; padding-bottom:10px}
 #etw_left  ul.other li{float:left; margin-bottom:5px; margin-top:0px; margin-left:5px; width:45%}
 #etw_left  ul.other li.app{width:98%}
 #etw_left  ul.other li a, #etw_left  ul.other li.app a{background:url(../images/arrow.jpg) no-repeat 1px 5px;  line-height:20px; color:#333; display:block; padding-left:15px}
#etw_left ul.other li.app a{padding-left:5px; text-decoration:underline; color:#06F; background:none}
 #etw_left ul.other li a:hover{color:#333; text-decoration:underline}

 
#etw_right{float:right; margin-top:10px; padding-left:2px; width:250px; margin-bottom:5px}
#etw_right  ul{ text-align:left; width:100%; margin-top:0px; padding-bottom:5px; float:left; padding-top:5px}
#etw_right ul li{background:url(../images/rightline1.jpg) no-repeat bottom left; float:left; height:auto; width:100%}
#etw_right ul li a.new{background:url(../images/new.jpg) right top no-repeat;}
#etw_right ul li a, #etw_right ul li.bigpro a{ line-height:15px; display:block; padding:4px 0px;  float:left; color:#333; padding-left:15px;  display:block; width:93%}
#etw_right ul li.bigpro{margin-top:1px; height:25px; background:url(../images/rightline.jpg) no-repeat left center}
#etw_right ul li.bigpro a{font-weight:bold; padding:0px 0px 0px 10px; color:#333; line-height:25px; background:none; border:none; width:95%; float:left}
#etw_right ul li.bigpro1{margin-top:1px; background:url(../images/rightline2.jpg) no-repeat left  bottom}
#etw_right ul li.bigpro1 a{font-weight:bold; padding:2px 0px 5px 10px; color:#333; background:none; border:none; width:95%; float:left}
#etw_right ul li.bigpro1 a:visited, #etw_right ul li.bigpro1 a:hover, #etw_right ul li a:hover, #etw_right ul li a:visited{color:#06F; display:block}
 .con{background:url(../images/co.jpg) no-repeat right; width:220px; float:left; height:42px; margin-top:5px; margin-left:4px; line-height:20px; padding-left:20px; padding-top:20px; font-weight:bold; margin-bottom:5px}
 .con a{color:#F60; font-size:14px; text-decoration:underline}

 .etw-contact{width:90%; margin-left:3px; margin-right:0px; padding-left:10px; float:left; line-height:18px; height:auto; text-align:left; padding-top:5px; margin-top:0px}
.etw-contact span{color:#06C; font-weight:bold}
.etw-contact a{color:#333}
.etw-contact .cn{ color:#0046FA; text-decoration:none}
 
#etw_right .contop{font-size:14px; font-weight:bold; color:#C30; text-align:left; color:#F60; padding-left:11px; width:233px; padding-top:4px; height:21px; line-height:21px}
#etw_right .contop a{color:#F60}

#xfooter{font-size:11px; color:#666; border-top:1px #333 solid; width:100%; height:auto; padding-top:0px; float:left}
#footer{font-size:11px; color:#666; border-top:1px #333 solid; width:100%; height:auto; padding-top:0px; float:left}
 #menu1{margin:0 auto; width:993px; text-align:center; line-height:18px;  padding-left:10px!important; padding-left:15px}
 #menu1 a{padding:0 2px; color:#666}
 #menu1 a:hover{color:#333}
 .etw-address{margin:0 auto; width:1003px; text-align:center;}
 .etw-address a{height:25px; line-height:18px; margin:0 auto; text-align:center; color:#F60; text-decoration:underline}
  #otherlink{width:350px; height:23px; margin:0 auto; margin-top:2px; display:block; padding-left:150px;}
 #otherlink div{width:auto; height:20px; margin-right:10px; text-align:center; float:left}

.next{width:300px; float:right; margin-right:20px}
.next a{width:10px; display:block; padding:2px 4px; margin:0px 4px 3px 5px!important; margin:0px 3px 0px 4px; height:auto; float:right; line-height:16px; background:#726F73; font-size:11px; color:#fff; font-weight:bold; text-align:center; border:1px solid #333}
.next a:hover{background:#EA8A18; color:#fff}
.next a.next1{font-weight:bold; display:block; padding:2px 4px; height:auto; float:right; line-height:16px; background:#EA8A18; font-size:11px; color:#fff; border:1px solid #333}

#etw_map{width:98%; height:auto; float:left; overflow:hidden; margin-top:0px}
 #etw_map ul.pro{float:left; width:95%; margin-top:0px; margin-left:13px!important;margin-left:4px; margin-bottom:2px}
#etw_map ul.pro li{margin-bottom:0px; float:left; width:97%; margin-left:6px}
#etw_map ul.pro li a{color:#333; font-weight:bold; line-height:20px;  padding-left:5px}
#etw_map ul.pro li.bigpro{width:98%}
#etw_map ul.pro li.bigpro a{background:none; padding:0; padding-left:5px; line-height:22px}
#etw_map ul.pro li ol{float:left; width:100%}
#etw_map ul.pro li ol li{margin-left:5px; float:left; width:100%}

#etw_map ul.pro li ol li a{padding-left:8px; margin-left:3px; line-height:15px; font-weight:normal}
#etw_map ul.pro li a:hover{text-decoration:underline}
#etw_map .name{width:95%; font-weight:bold; height:25px; line-height:25px; color:#06C; padding-left:10px; float:left; font-size:13px; margin-top:5px; margin-left:0px}
#etw_map .name a{color:#06C}
#etw_map .name a:hover{text-decoration:underline}
.para-1{ float:left;}

#etw_map p{ display:block; padding-left:10px; width:95%; height:auto; float:left; line-height:16px;}

#etw_set_feedback_form{width:99%;height:auto;float:left;border:1px solid #CFD8E1;text-align:center;margin:2px auto; margin-left:2px;}
#etw_form_title{width:99%;line-height:22px;float:left;background:url(../images/addtit.jpg) repeat-x #EAEFF2;font-weight:bold;padding-left:5px;text-align:left}
#etw_set_feedback_form iframe{ width:500px; margin:0 auto;}

#chatbox{position: absolute; top: 681px; left: 707px; width: 260px; height: 240px; position:relative;float:left; background:#F2F2F2}
#chatbox #rechatboxtop{ position:absolute; left:0; top:0; z-index:800; background:#F2F2F2;}
#chatbox #chatmessage{position:absolute; left:0; top:0px; z-index:-20;}
#etw_producttitle{width:100%;margin:0 auto;height:auto;color:#333;line-height:18px;font-size:12px;border-bottom:1px solid #efefef;margin-bottom:20px}#etw_producttitle a{color:#000;font-size:12px;color:#666;padding-right:3px}#etw_producttitle li{display:inline-block}#etw_producttitle li+li::before{padding:0 1px;color:#ccc;content:"/\00a0"}#etw_producttitle a:hover{color:#ff0016}#etw_producttitle small{display:inline}.big_cate_format{width:100%;margin:0 auto;margin-bottom:20px}.about_format_sub a,.big_cate_format a{padding:5px;display:block;color:#333}.about_format_sub,.productsformat_sub{display:block;width:100%;margin:0 auto;padding:1.5%;float:left}.tab-pane{font-size:12px}#big_product{width:95%;padding-left:5%;margin-top:40px}#big_product ul li ol{width:46%;margin-right:2%;float:left;margin-bottom:4px}#big_product ul li ol li.etw_pro_img{width:100%;float:left}#big_product ul li ol li.etw_pro_img img{border:1px solid #ccc;padding:2px}#big_product ul li ol li.etw_pro_name{width:100%;float:right}#big_product ul li ol li.etw_pro_name p{display:none}#big_product ul li ol li.etw_pro_name a{color:#2769bd;height:40px;line-height:16px;display:block}#big_product ul li ol li.etw_pro_name a:hover{color:#f60}#big_product ul li ol{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);transition:all 1s ease 0s}#big_product ul li ol:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition:all 1s ease }
.about_format_sub ul ol{    width: 32%;
    margin-right: 1%;
    float: left;
    margin-bottom: 20px; }
    .about_format_sub ul ol li {
    width: 100%;
    text-align: center;
}

.about_format_sub ul ol li img {
    width: 100%;
}
.thumbnail {
    margin-bottom: 0;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.about_format_sub ul ol li img {
    width: 100%;
}

.etw_video{width:100%;overflow:hidden;position:relative;margin:8px auto 15px auto;height:120px;background:url(../images/video.jpg) no-repeat center;background-size:cover; border:1px solid #ddd;}
.etw_video a{top:30%;font-size:24px;color:#fff;position:absolute;left:0;right:0;margin:auto;text-align:center;text-transform:uppercase;text-decoration: none;}
.etw_video a span{padding: 6px 0 0 6px;display:block;margin:0 auto 10px auto;border-radius:50%;border:4px solid #fff;width: 38px;color:#fff;height: 38px;font-size: 30px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;box-shadow:0 0 4px #000;text-shadow:0 0 4px #000;}
.etw_video img{max-width:150%}
.etw_video a:hover span{ color:#fd020b; border-color:#fd020b;}