@charset "utf-8"; 
img{-ms-interpolation-mode:bicubic}
body{line-height:20px; color:#333; font-family:Arial, Helvetica, sans-serif;  font-size:65%;background:#fff  ;text-align:left; }  
*{ margin:0px; padding:0px;} 
ul,li,ol{list-style:none; margin:0px; padding:0px;}
a{text-decoration:none;color:#333;} 
.clear{ clear:both;line-height:0;font-size:0;margin:0;padding:0;height:0; }
p{padding:8px 0;  } 
.big_content{font-size:1.1em; line-height:24px; margin:10px 0px;} 
small{ font-size:0.9em;}
h2{font-size:1.6em;  color:#333; font-family:"Times New Roman", Times, serif;  line-height:25px;padding:8px 0;    }
h2 small{ font-size:0.8em; color:#333; display:block;    }  
.etw_hometitle{ font-weight:bold;line-height:25px;  margin-top:5px;  padding:12px 0; font-size:1.6em;   color:#333; font-family:"Times New Roman", Times, serif; display:block; }

.tables{width:100%; float:left; overflow-x:scroll; overflow-y:hidden; margin-bottom:10px; }
li{list-style:none;float:left;}
ul{margin:0px;padding:0px;}
 
.etw_feedback{float:left; width:100%;}
#etw_set_feedback_form{width:99.5%;height:auto;float:left;display:block;border:1px solid #CFD8E1;text-align:center;margin:10px 0; overflow:hidden; background:#fff;}
#etw_form_title{width:98%;line-height:22px;float:left;background:#EAEFF2;font-weight:bold;
padding-left:2%;text-align:left;display:block; overflow:hidden; border-bottom:1px solid #CFD8E1;} 
#floatchatiframe2011{ width:80%; margin:0 auto;} 

img{border:none;}   
.clear{clear:both; line-height:0px; height:0px; font-size:0px;}
p{ margin:0px; padding:5px 0;}
.img01{ float:left; margin-right:10px; border:1px solid #ccc; padding:1px;}
.bottom{ width:50px; float:right; margin:15px 0 0 10px; padding-left:15px; background:url(../images/bot.jpg) no-repeat left center;}
.bottom a{ color:#009CCC; font-weight:bold;}
.top{ background:url(../images/top.jpg) no-repeat left center;width:100px; float:right; padding-left:15px; display:block; color:#008D84; font-weight:bold;}
.consulting{ width:480px; height:auto; float:right; text-align:right; margin-top:5px; padding-right:20px;}
.table01{width:99%;height:auto;background:#cccccc; border-top:1px solid #ccc; margin:0 0 5px 0;}
.table01 tr{background:#fff;}
.table01 tr td{padding:0 3px;}
.email{ color:#F00}
.email:hover{ color:#036c68; text-decoration:underline;}
 
.nav {position:relative;    } 
.nav ul li {display: inline-block;  } 
.nav ul li.start{ display:none;}

@media screen and (max-width:768px){
.nav {min-height:40px;position:relative; clear:both; z-index:9999  }	
.nav ul {width:100%; position:absolute; top:0;left:0;  background:#036c68;  }
.nav ul li {display:none; background:none; border-bottom:1px solid #f1f1f1;float:none }
.nav ul li.start {display: block; height:40px;  background:url(../images/menu.png) no-repeat right; }
.nav ul li a {display:block;padding:0px 5px 0px 32px;line-height:40px; font-size:1.4em; color:#eee; border-bottom:none;  } 
.nav ul li.Menu_214505 a{ line-height:18px; display:block; padding-top:11px; padding-bottom:11px;} 
.nav ul  li a:hover,.nav ul li a.dq{background:#036c68;color:#fff; border:none; }
.nav ul:hover { background:#036c68; }
.nav ul:hover li {display:block;} 
.nav ul:hover li a:hover,.nav ul:hover li a.dq{color:#000; background:#ffde00; border:none; } 
.focus{ display:none}
#etw_header_languages,.etw_right{ display:none}

.left,.product,.consulting{ display:none} 
.right{width:98%;float: none;display:block;height:auto; padding:0; margin:0 auto}
.footer{width:98%; padding-left:1%} 
 #chatbox{display:none;}

.product_list ul{ width:28%; }

/*footer*/ 
.link02{ display:none}
.link01{ display:none} 
.top{ display:none}

.about{ width:98%}
.relproduct{ display:none}
.pic10{ width:30%; }

.prolink ul li{ width:44%;}  
}
/*main*/
#container{width:100%;height:auto;overflow:hidden; padding-bottom:10px;margin:0 auto;}

.homebody{ width:100%;  height:auto; }
.homebody h2{ color:#028f8a; font-size:28px; line-height:1em; font-family:Impact;letter-spacing: 1px; text-transform:capitalize; font-weight: normal;border-top:1px solid #cccccc; margin-top:20px; padding:15px 0 5px 0;} 
.homebody p{ color:#666666; font-size:16px;  line-height:1.5em;   }  
 
.main_title{color:#000000; font-size:1.6em;font-weight: bold; height:30px; line-height:30px;margin-top:10px; padding-left:10px;background:#f2f4f4; }
.main_title a{ width:30px;height:30px; line-height:30px; background:#00a2ff; display:block; text-align:center; color:#fff; float:right; }
.main_title a:hover{ background:#028f8a; color:#fff; }
 


  
 



/*main right*/
.right{ height:auto; margin-top:10px; float:right; font-size:1.4em;}
 
.mainprotitle{width:760px; height:20px; line-height:20px; padding-top:10px;font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding-left:10px;}
.mainpro{ width:760px; margin:0 auto; height:auto;}
.mainpro ul{ width:758px;margin-bottom:10px; padding:8px 10px; background:url(../images/protxtbg.jpg) repeat-x bottom; height:auto;border:1px solid #D0D0D0;display:block; float:left;}
.mainpro ul li.mainpropic{ width:150px; height:100px;}
.mainpro ul li.mainpropic a{ width:140px; height:90px; border:1px solid #CCCCCC; display:block;}

.mainpro ul li.mainprotext{ width:538px; height:auto; line-height:16px;}
.mainpro ul li.mainprotext a{ display:block; color:#663333; text-decoration:underline; font-weight:bold;}
.mainpro ul li.mainprotext a:hover{text-decoration:none;}
 
/*footer*/
#footer,#xfooter{ width:100%; background:#e9e9e9;  height:auto; padding:15px 0; font-size:1.2em} 
.link{ width:100%;height:auto; color:#333333; padding:3px 0px; text-align:center;}
.link02{width:100%; height:auto; color:#333333;}
.link01{width:80%;height:auto; color:#333333; float:left;}
.link a,.link01 a,.link02 a{ color:#333333;}
.link a:hover,.link01 a:hover,.link02 a:hover{ color:#036c68; text-decoration:underline;}
#otherlink{width:350px;height:17px;text-align:center;margin:0 auto;clear:both;float:none;}
#otherlink div{margin:5px 5px 0 5px; float:left;color:#F6F6F6;}

/*导航页面   产品页*/
.title01{width:100%; height:auto; line-height:16px; padding:7px 0 7px 0px;font-size:12px;border-bottom:1px solid #ccc; margin-bottom:5px;}
.title01 a{ text-decoration:underline;}
.title01 a:hover{color:#000; text-decoration:none;}
.text{padding:8px 0;}

.product_list{ width:100%; margin:0 auto; height:auto; }
.protitle{ width:100%; height:26px; line-height:26px; border-bottom:1px solid #C5C1C2;padding-left:10px; font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:2px;}
.product_list ul{ padding:8px; height:auto;border:1px solid #D0D0D0;display:block;float:left;margin-bottom:10px; margin-right:10px;_margin-right:5px; overflow:hidden;background:#efefef;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
	background:-moz-linear-gradient(top,  #fff,  #efefef);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');}
.product_list ul:hover{	background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background:-moz-linear-gradient(top,  #ededed,  #fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');}
.product_list ul li{ text-align:center; display:block; float:none; margin:0 auto;}
.product_list ul li.propic{ width:142px; height:auto; margin-bottom:3px;}
.product_list ul li.propic a{ width:140px; height:auto; border:1px solid #cccccc; display:block;}
.product_list ul li.propic a:hover{ border:1px solid #036c68;}
.product_list ul li.protext{ width:170px; height:45px;}
.product_list ul li.protext a{ width:100%;display:block; color:#333333;  font-weight:bold; line-height:1.25em; padding-top:5px;overflow:hidden;font-size:12px;}
.product_list ul li.protext a:hover{text-decoration:underline; color:#036c68;}

.product_list ul:hover .propic a{ border:1px solid #036c68;}
.product_list ul:hover .protext a{text-decoration:underline;color:#036c68;}

.product{ width:760px; margin:0 auto; height:auto;}
.protitle{ width:760px; height:26px; line-height:26px; border-bottom:1px solid #C5C1C2;padding-left:10px; font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:2px;}
.product ul{ width:172px; padding:8px 4px; height:auto;border:1px solid #D0D0D0;display:block;float:left;margin-bottom:10px; margin-right:8px;_margin-right:5px; overflow:hidden;background:#efefef;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
	background:-moz-linear-gradient(top,  #fff,  #efefef);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');}
.product ul:hover{	background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background:-moz-linear-gradient(top,  #ededed,  #fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');}
.product ul li{ text-align:center; display:block; float:none; margin:0 auto;}
.product ul li.propic{ width:142px; height:auto; }
.product ul li.propic a{ width:140px; height:auto; border:1px solid #cccccc; display:block;}
.product ul li.propic a:hover{ border:1px solid #036c68;}
.product ul li.protext{ width:170px; height:45px;}
.product ul li.protext a{ width:100%;display:block; color:#333333;  font-weight:bold; line-height:1.25em; padding-top:5px;overflow:hidden;font-size:12px;}
.product ul li.protext a:hover{text-decoration:underline; color:#036c68;}

.product ul:hover .propic a{ border:1px solid #036c68;}
.product ul:hover .protext a{text-decoration:underline;color:#036c68;}
/*about*/
.about{  height:auto;margin-left:4px; float:left; font-size:1.4em;}
.title{width:100%; height:auto; line-height:16px; padding:7px 0 7px 0px;font-size:12px;border-bottom:1px solid #ccc; margin-bottom:5px;}
.title a{ text-decoration:underline;}
.title a:hover{color:#000; text-decoration:none;}
.about p{ padding:5px 0px;}
a.cursorbox{ cursor:pointer;*cursor:auto; _cursor:auto; cursor:url(zoomin.cur); text-align:center}
#allbox div a img{ cursor:auto; cursor:url(small.cur);}
/*about Other Products*/

.relprotitle{width:200px; font-size:14px; line-height:16px; padding-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }

.relproduct{  float:right; height:auto;}
.relproduct ul{margin-bottom:10px; padding:8px; height:auto;border:1px solid #D0D0D0;display:block;background:#efefef;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
	background:-moz-linear-gradient(top,  #fff,  #efefef);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');}
.relproduct ul:hover{	background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background:-moz-linear-gradient(top,  #ededed,  #fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');}
.relproduct ul li{display:block; float:none; margin:0 auto; text-align:center;}
.relproduct ul li.relpropic{ width:150px; height:auto;}
.relproduct ul li.relpropic a{ width:142px; height:auto; border:1px solid #CCCCCC; display:block;}
.relproduct ul li.relprotext{ width:150px; height:auto;line-height:16px;}
.relproduct ul li.relprotext a{ display:block; color:#333333;  font-weight: 100;font-size:14px;}
.relproduct ul:hover .relpropic a{ border:1px solid #036c68;}
.relproduct ul:hover .relprotext a{text-decoration:underline;color:#036c68;}
 
/*certificate*/
.cer{ width:600px; height:auto; margin:0 auto;}
.cer img{ float:left; width:260px; height:362px; border:1px solid #ccc;margin-right:35px; margin-top:25px;}
.network{ width:95%; height:auto; padding:20px 0 10px 0px;}
.network img{width:100%;border:1px solid #ccc; padding:1px;}
.contitle01{width:780px; height:30px; line-height:30px;font-size:14px; font-weight:bold; margin-bottom:2px;}
/*sitemap*/
.sitemap{ width:930px; margin-left:4px;height:auto;}
.title02{width:100%; height:auto;font-size:12px;border-bottom:1px solid #ccc;}
.title02 a{ text-decoration:underline;}
.title02 a:hover{color:#000; text-decoration:none;}
.sitemap ul{width:100%;}
.sitemap ul li.p1{ width:100%;}
.sitemap ul li.p2{ padding-left:8px;width:99%;}
.sitemap ul li.p2 span{color:#0000FF;font-weight:bold;}
.sitemap ul li.p3, .sitemap ul li.p4{ padding-left:15px;width:98%;}
.sitemap ul li.p4 ol{ float:left; margin:0px; padding:0px;}
.sitemap ul li.p4 ol li{ width:293px; float:left;}
.sitemap ul li.p4 ol li.smallpro{ width:220px;}
.sitemap ul li.p4 ol li.sitlong{ width:435px;}
.sitemap ul li.p4 ol li.sitlong1{ width:580px;}
.sitemap ul li a{ color:#0000ff; text-decoration:underline; display:block; line-height:25px;}
.sitemap ul li.p1 a, .sitemap ul li.p2 a{font-weight:bold;}

 
/*内页*/
.mainprotit{width:100%; height:26px; line-height:26px;font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding-left:10px;}
.proh2{ padding:15px 0 10px 0;}
 
.prolink{width:100%; height:auto; margin-top:3px; text-align:center; }
.prolink ul{ width:100%; height:auto;}
.prolink ul li{
	padding:5px 10px; margin:0 5px 5px 0; line-height:1.25em; color:#000;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2); 
	border:solid 1px #b7b7b7;
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background:-moz-linear-gradient(top,  #fff,  #ededed);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.prolink ul li:hover{
	background:#ededed;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background:-moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.prolink ul li a:hover,.prolink ul li a.dq1{color:#036c68;}
.prolink ul li a strong{ font-weight:normal;}
 

.pic1{  height:auto; text-align:center; display:block;margin:0 auto; margin-top:10px;}
.pic1 img{display:block; margin:0 auto; }
.pic2{ width:40%; height:auto; margin-top:5px; float:left; text-align:center;}
.pic2 img{ display:block; margin:0 auto;}
.pic10{ height:auto; display:block;margin:0 auto; margin-top:5px; padding:5px; float:left; text-align:center;}
.pic10 img{display:block; margin:0 auto;}

.pic7{ width:40%; height:auto; margin-top:5px; float:left; text-align:center; margin-left:8px;}
.pic7 img{ display:block; margin:0 auto; }

.pic6{ width:21%; height:auto; margin-top:5px; float:left; text-align:center;}
.pic6 img{ display:block; margin:0 auto;}
.pic4{ width:16%px; height:auto; margin-top:5px; float:left; text-align:center;}
.pic4 img{ display:block; margin:0 auto;}

.pic3{ width:100%; height:auto; margin-top:10px;}
.pic03{ width:auto; height:auto; margin-top:10px; float:left; text-align:center; padding:0 10px;}
.pic03 img{ display:block;}
.pic3 span{width:49%; display:block; float:left; text-align:center;}
.pic3 span img{ float:none; margin:0 auto; display:block;}
.pic3 img{ float:left;}
.pic3 img.img02{ margin-right:10px;}
.pdf{ background:url(../images/pdf.jpg) no-repeat left center; padding-left:25px;}
.pdf a{ text-decoration:underline; color:#DC0008;}

/*download*/
.download{width:100%; height:auto; font-size:14px;}
.download a{ display:block; color:#FF0000; line-height:1.5em; padding:5px 0; text-decoration:underline;}
.download a:hover{ color:#036c68; text-decoration:underline;}
/**/
.title1{font-weight:bold;width:100%;padding:10px 0;}
.fudong{width:100%; height:auto;}
.fudong img{float:left; margin-right:5px;border:1px solid #ccc;}
.mainpro01{ width:710px; margin:0 auto; height:auto;}
.mainpro01 ul{ width:145px;margin-bottom:10px; padding:0px 10px 5px 10px; float:left; height:auto;border:1px solid #D0D0D0;display:block; margin:10px 10px 10px 0;}
.mainpro01 ul li.mainpropic01{ width:145px; height:auto;}
.mainpro01 ul li.mainpropic01 a{ display:block;padding:5px 0 7px 0; text-decoration:underline; font-weight:bold; color:#008D84;}
.mainpro01 ul li.mainpropic01 a.long{line-height:15px;padding:0px;padding-bottom:2px;}
.mainpro01 ul li.mainpropic01 a:hover{ color:#663333;}
.mainpro01 ul li.mainprotext01{ width:145px; height:auto;}
.mainpro01 ul li.mainprotext01 a{display:block;border:1px solid #ccc; width:143px; text-align:center;}
.picture{width:100%; height:auto;}
.picture a{width:320px; text-align:center; float:left; display:block;padding:5px; font-weight:bold;color:#3399CC;}
.information{width:auto; height:auto;}
.information p{line-height:2em; font-size:14px;}

.about p.workshop{width:100%; height:auto; padding:0px;}
.workshop a {width:22.5%; border:1px solid #ccc; float:left; margin-right:10px; margin-bottom:10px}
.workshop a img{ width:100%}

.texth2{width:100%;height:auto;}
.texth2 h2{ font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif;  line-height:25px;padding:8px 0; float:left;}
.texth2 span{color:#333; font-family:"Times New Roman", Times, serif;  line-height:25px;padding:8px 0; float:left;text-align:left;  font-weight:bold;}

  
.review{ font-size:18px; color:#F00;}
.re1{width:80%; float:left; line-height:18px; padding:5px 0;}
.re1 a{color:#000; font-size:14px; font-weight:bold; }
.re1 a:hover{text-decoration:underline;}

/*trade*/
#etw_tradeindex{width:200px;height:auto;float:left; font-size:0px;line-height:0px;}
#etw_tradeindex ul{width:200px;height:auto;float:left;}
#etw_tradeindex ul li{width:200px;height:auto;float:left;color:#fff;line-height:18px;font-size:12px; }
#etw_tradeindex ul li a{width:190px;color:#5B5B5B;float:left;line-height:20px;}
#etw_tradeindex ul li a:hover{ text-decoration:underline;}
#etw_tradepro{width:100%;height:auto;float:left;margin:10px auto;}
#etw_tradepro ul{ width:100%; height:auto;float:left}
#etw_tradepro ul li{width:100%;height:auto; float:left;background:url(../images/probottombg.jpg) bottom repeat-x;}
#etw_tradepro ul li ol{width:100%; height:auto;float:left;margin:2px 0px 5px 0px;}
#etw_tradepro ul li ol li{width:82px;height:auto;display:inline; float:left;border:none;background:url(../images/probg.jpg) no-repeat;}
#etw_tradepro ul li ol li a{display:block;color:#BD910C;text-align:center;margin-top:4px;border:1px solid #ccc;}
#etw_tradepro ul li ol li a:hover{border:1px solid #296AAC;}
#etw_tradepro ul li .tradecontent{width:85%; float:left; height:auto; padding-left:3px; margin-left:5px; border:none; margin-top:0px; text-align:left;background:none;}
#etw_tradepro ul li .tradecontent a{text-align:left; color:#000; display:block; border:none;text-decoration:underline;margin:0px;}
#etw_tradepro ul li .tradecontent a:hover{color:#296AAC; text-decoration:underline;border:none}
.etw_page{ float:right;width:99%; text-align:center;margin-bottom:10px}
.etw_page a{background:#B2C223; color:#fff; padding:3px 8px; border:1px #ccc solid; line-height:25px; margin-right:3px;}
.etw_page a:hover{ background:#09F; color:#fff;   }
.etw_page a.dqpage{background:#fff;color:#F00; font-weight:bold;  }
.trade_detailspic{width:260px;height:260px;float:left;margin-top:10px;  border:1px #ccc solid; text-align:center;}
.trade_detailspic img{padding:5px;margin:0 auto; display:block; border:none;} 
.trade_describe{height:auto; float:left; margin-top:10px; margin-left:15px;}
#trade_relatedpro{width:90%;height:auto; float:left;} 
#trade_relatedpro img{ border:1px solid #ccc;float:left; margin-right:5px; margin-top:5px;}
.trade_detail_title{font-size:14px;width:90%;font-weight:bold;color:#000;line-height:30px;margin-top:5px;_margin-top:0px;float: left;} 
.trade_text{font-family:Verdana, Arial, Helvetica, sans-serif;float:left;border:1px  dashed #ccc;width: 96%;padding:10px 5px 10px 8px; margin-top:6px;}
.trade_form{float:left;width:94%;margin-top: 5px;}
.trade_formleft{float:left;width:60px;text-align: right;padding-right: 5px;}
.trade_formright{width:530px;float:left;}
.trade_form .trade_etwright input{height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; font-weight:bold; border:1px solid #7B9EBD; color:#990000;}
.trade_form .trade_etwright textarea{ width:530px; height:140px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; font-weight:normal;border:1px solid #7B9EBD; color:#990000; }
.trade_buttom{float:right;width:65%;margin-top:20px;}
#tradedetails_pro{width:99%;height:auto;float:right;margin:10px auto;}
#tradedetails_pro ul{ width:100%; height:auto;float:left}
#tradedetails_pro ul li{width:49%;height:auto; float:left; }
#tradedetails_pro ul li ol{width:100%; height:auto;float:left;margin:2px 0px 5px 0px;}
#tradedetails_pro ul li ol li{width:82px;height:auto;display:inline; float:left; } 
#tradedetails_pro ul li .detailscon{width:73%; float:left; height:auto; padding-left:3px; margin-left:5px;  }
#tradedetails_pro ul li .detailscon a{text-align:left; color:#000; display:block; border:none;text-decoration:underline;margin:0px;}
#tradedetails_pro ul li .detailscon a:hover{color:#296AAC; text-decoration:underline;border:none}
#tradedetails_pro ul li ol li img{ border:1px solid #ccc;}

.trade_picview { width:75%;text-align:center; height:auto; float:right; margin-bottom:20px; }
.trade_zoomrelated,.trade_zoompicview{width:100%;height:auto;margin:10px auto;text-align:center;float:left; }
.trade_zoomrelated img{border:1px #ccc solid; margin:0 5px; padding:2px;}
.trade_zoompicview img{ margin:0 auto;border:8px solid #D8D8D8; padding:2px;}
#trade_zoom{ float:left; width:200px; margin-top:80px;}
#trade_zoom ul{width:100px; float:left; padding:0px; margin:0px;padding-left:30px;}
#trade_zoom ul li{width:26px; height:26px; float:left; list-style:none;}
.trade_back{float:left;}
.trade_back a{text-decoration:underline; color:#81A6CC;}
.trade_back a:hover{ text-decoration:none;}
.trade_small{width:60%;height:auto; float:left; margin:5px 0px 0px 10px; }
.trade_small img{ padding-right:8px; margin-bottom:4px;}

.addthis li{
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 8px;
	background-image: url(../images/icon.gif);
	
}
.addthis li a{ width:100%; height:100%; display: block;}
.addthis li.addthis1{ background-position:0px -896px;}
.addthis li.addthis2{ background-position:0px -288px;}
.addthis li.addthis3{ background-position:0px -352px;}
.addthis li.addthis4{ background-position:0px -336px;}
.addthis li.addthis5{ background-position:0px -752px; }
.addthis li.addthis6{ background-position:0px -880px;}
.addthis li.addthis7{ background-position:0px -992px; }
.addthis li.addthis8{ background-position:0px -400px;}

.menu { position:relative;left:0px; top:8px; width:185px; height:24px; line-height:24px; float:left; z-index:9999 ;background:url(../images/drop-down.jpg) no-repeat left;}
.menu ul { width:158px; float:left;}
.menu ul li { position:relative; float:left; display:inline-block;}
.menu ul li a {width:158px;  color:#666; padding:0 10px; display:block;} 
.menu ul li a:hover { color:#069;  border: none; }
.menu ul ul { visibility:hidden; position:absolute; background:#fff;left:1px; top:-200px;border:1px solid #ccc; z-index:9999 } 
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }
.menu ul ul li { text-align:left; float:left; width:100%; border-bottom:1px solid #ccc;  }
.menu ul ul li a { display:block;  color:#666;  height:24px;line-height:24px; width:138px;  }
.menu ul ul li.m{border-bottom:none; }
 .menu ul ul.menu1 { width:158px; }  
.menu ul ul.menu1 a:hover {background:#036c68;color:#ffffff;  }  
.menu ul ul li a:hover { color:#237AB4; }
 
/* 移动设备*/ 
.logo{ width:100%; text-align:center;}
#qrcode{display:none;}
#chatbox{display:none;}
.etw_pic2 ul li{width:99%; }
.etw_pic2 ul li img,.etw_pic3 ul li img{ width:300px; margin:0 auto; text-align:center;border:1px solid #ccc;}
.etw_pic3 ul li{width:99%; }
#etw_products ul ol{ width:49%;}
#right img{width:91%}

@media only screen and (max-width:1000px){ 

.focus{ display:none}
.homebody{ width:98%; padding-left:1%}
/* hot_products */ 
 .ff-container{
	width: width:100%;
	margin: 10px auto 30px auto;
}
 
 
.ff-items{
	position: relative;
	margin: 0px auto;
	padding-top: 20px;
}

.ff-items a{
	display: block;
	position: relative;  
	width:100%;height:170px;
	text-align:center;
	 padding-top:15px; 
}
.ff-items a img{ height:138px;}
.ff-items a span{
	width:100%;height:0px;
	display: block;
	background:#036c68; 
	opacity: 0.7;	
	filter:alpha(opacity=70);
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 15px;
	left: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ff-items a span b{width:98%; display:block; line-height:1.25em;text-align:center;color:#FFFFFF;font-size:16px; background:url(../images/play.png) no-repeat center right;padding-right:4px; z-index:999; font-weight:bold;}

.ff-items a span b.long{width:98%; }
.ff-items a:hover span{
	height: 100px;
	padding-top:70px; 
	opacity: 0.7;	
}


.ff-items li{  
	width:46%;height:170px; border:1px solid #ccc; float:left; margin-left:2%;margin-bottom:18px;display:inline;position:relative;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}
.ff-items li.last{margin-left:2%;}
 
.ff-items li .hot{width:60px;height:60px; display:block; position:absolute;top:-20px; right:-20px; z-index:999}
 
.columns{ display:none}

/*footer*/
#footer,#xfooter{ width:100%; background:#e9e9e9;  height:auto; padding:15px 0; font-size:1.2em} 
.link{ width:100%;height:auto; color:#333333; padding:3px 0px; text-align:center;}
.link02{width:90%; padding-left:1%; height:auto; color:#333333;}
.link01{width:80%; padding-left:1%;height:auto; color:#333333; float:left;}
.link a,.link01 a,.link02 a{ color:#333333;}
.link a:hover,.link01 a:hover,.link02 a:hover{ color:#036c68; text-decoration:underline;}

}
 

@media only screen and (max-width:540px){ 
.product_list ul{ width:40%; }
.about p.workshop{width:100%; height:auto; padding:0px;}
.workshop a {width:45%; border:1px solid #ccc; float:left; margin-right:10px; margin-bottom:10px}
.workshop a img{ width:100%}
.img01{float: none; margin:10px auto; border:1px solid #ccc; padding:1px; width:90%}
.pic10{ width:40%; height:auto; display:block;margin:0 auto; margin-top:5px; padding:5px; float:left; text-align:center;}
.pic10 img{display:block; margin:0 auto;  width:100%}
} 
@media only screen and (max-width:480px){ 
.product_list ul{ width:90%; } 
 .pic2{ width:90%; height:auto; margin-top:5px; float:left; text-align:center;}
.pic2 img{ display:block; margin:0 auto;}


.pic7{ width:40%; height:auto; margin-top:5px; float:left; text-align:center; margin-left:8px;}
.pic7 img{ display:block; margin:0 auto; }

.pic6{ width:21%; height:auto; margin-top:5px; float:left; text-align:center;}
.pic6 img{ display:block; margin:0 auto;}
.pic4{ width:16%px; height:auto; margin-top:5px; float:left; text-align:center;}
.pic4 img{ display:block; margin:0 auto;}

/* hot_products */ 
 .ff-container{
	width: width:100%;
	margin: 10px auto 30px auto;
}
 
 
.ff-items{
	position: relative;
	margin: 0px auto;
	padding-top: 20px;
}

.ff-items a{
	display: block;
	position: relative;  
	width:100%;height:170px;
	text-align:center;
	 padding-top:15px; 
}
.ff-items a img{ height:138px;}
.ff-items a span{
	width:100%;height:0px;
	display: block;
	background:#036c68; 
	opacity: 0.7;	
	filter:alpha(opacity=70);
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 15px;
	left: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ff-items a span b{width:98%; display:block; line-height:1.25em;text-align:center;color:#FFFFFF;font-size:16px; background:url(../images/play.png) no-repeat center right;padding-right:4px; z-index:999; font-weight:bold;}

.ff-items a span b.long{width:98%; }
.ff-items a:hover span{
	height: 100px;
	padding-top:70px; 
	opacity: 0.7;	
}


.ff-items li{  
	width:92%;height:170px; border:1px solid #ccc; float:left; margin-left:2%;margin-bottom:18px;display:inline;position:relative;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}
.ff-items li.last{margin-left:2%;}
 
.ff-items li .hot{width:60px;height:60px; display:block; position:absolute;top:-20px; right:-20px; z-index:999}

.prolink ul li{ width:90%;}  

}
@media only screen and (max-width:350px){ 
#etw_set_feedback_form{width:90%}
.pic1{  height:auto; text-align:center; display:block;margin:0 auto; margin-top:10px;}
.pic1 img{display:block; margin:0 auto; width:99%}

.pic10{ width:90%; height:auto; display:block;margin:0 auto; margin-top:5px; padding:5px; float:left; text-align:center;}
.pic10 img{display:block; margin:0 auto;  width:100%}

.logo img{ width:90%}
.about p.workshop{width:100%; height:auto; padding:0px;}
.workshop a {width:90%; border:1px solid #ccc; float:left; margin-right:10px; margin-bottom:10px}
.workshop a img{ width:100%}
.cer img{ float:left; width:80%;  border:1px solid #ccc;margin-left:5%; margin-top:25px;}
}

@media only screen and (min-width:769px){ .tables{width:100%; float:left;  overflow:hidden; margin-bottom:10px; }
li{list-style:none;float:left;}
ul{margin:0px;padding:0px;}
#sitemap li ol{width:48%}
.xs{ display:inline;}
.feedback1{ width:52%;}
#qrcode{display:block;}
#chatbox{display:block;}  
.product_list ul{ width:28%; }


.pic10{ width:30%; height:auto; display:block;margin:0 auto; margin-top:5px; padding:5px; float:left; text-align:center;}
.pic10 img{display:block; margin:0 auto;}

.pic7{ width:40%; height:auto; margin-top:5px; float:left; text-align:center; margin-left:8px;}
.pic7 img{ display:block; margin:0 auto; }

.pic6{ width:21%; height:auto; margin-top:5px; float:left; text-align:center;}
.pic6 img{ display:block; margin:0 auto;}
.pic4{ width:16%px; height:auto; margin-top:5px; float:left; text-align:center;}
.pic4 img{ display:block; margin:0 auto;}
/*topjs*/
#etw_header_languages{width:100%;height:19px; line-height:19px;text-align:center;}
#etw_header_languages a{letter-spacing:-1px;}
.logo{ width:287px; height:77px; float:left; margin:0;}
.etw_right{ float:right;}
#search_right{ float:right;width:200px; display:block; height:25px; border:1px solid #ccc;  }   
.ETWsearchBox{ width:170px; height:24px; line-height:20px; float:left; padding-left:5px;  border:0;  color:#777;  background:#fff; } 
.ETWsearchButton{ width:25px;height:24px;cursor:pointer; float:left; background:url(../images/etw_search.jpg) no-repeat right center; border:0;    } 
.language{ width:360px;text-align:right; height:18px; line-height:15px; margin:8px 0 10px 10px;}
.language a{ margin-left:10px;font-size:12px;}
.language a img{ margin:3px 3px 0 0;}
.add{width:110px;height:19px;float:right;background:url(../images/shoucang.jpg) no-repeat left; margin:8px 8px 0 12px;}
.set{width:120px;height:19px;float:right;background:url(../images/home.jpg) no-repeat left; margin:8px 10px 0 0;}
.add a span,.set a span{background:url(../images/sc-ho-bg.jpg) repeat-x;height:19px;display:block;line-height:19px;margin:0 4px 0 17px;font-size:10px;padding:0 3px;}
.set a span{margin-left:20px;}
.add a, .set a{color:#643432;background:url(../images/sc-ho-right.jpg) no-repeat right;height:19px;display:block;line-height:19px; }
.company{ width:720px;height:auto;text-align:right;float:right;line-height:18px;margin:15px 10px 0 0;}
 /*header*/
#header{width:100%;margin:0 auto 10px auto;}
.head{width:100%;}
/*nav*/ 
.nav{width:100%;height:46px;background:#036c68;margin-top:5px;position:relative;}
.nav ul li{ background:url(../images/nav_line.jpg) no-repeat right;position:relative;}
.nav ul li.last{background:none;}
.nav ul li.new a{ color:#ffde00;}
.nav ul li a{color:#fff;height:46px; line-height:46px;padding:0 14px; font-size:1.2em; font-weight:bold; display:block;}
.nav ul li.last a{padding:0 14px;}
.nav ul li a.dq,.nav ul li a:hover{color:#000; background:#ffde00;} 
.nav ul li.start{ display:none;}

 
.left{  width:22%; border:1px solid #E5E5E5; height:auto; float:left; text-align:left; margin-top:15px;display:block;}
.right{ width:74%; height:auto; margin-top:10px; float:right;}
 
.left ul{ width:100%; margin-top:-5px;}
.left ul li{  width:100%; height:auto;margin-bottom:2px;border-top:1px dashed #E3E3E3;}
.left ul li a{color:#666666; padding:5px 5px 5px 10px; line-height:16px; display:block; font-size:14px; text-transform:none; }
.left ul li.biglist{ width:90%; margin:0px;  border:1px solid #E3E3E3;border-left:3px solid #036c68;  border-right:none; margin-top:2px;color:#666666; line-height:16px; padding:7px 8px;  font-size:14px; background:#f4f4f4;}
.left ul li.biglist a{ padding:0; text-decoration:underline; color:#333;  }
.left ul li a.dq01,.left ul li a:hover{ color:#036c68; text-decoration:underline;  } 
.left ul li.biglist a:hover,.left ul li.biglist a.dq01{ color:#036c68; text-decoration:underline;  }
.left ul li.biglist + li{border-top:none;} 
 
 
.contact{width:100%; height:auto; background:#f4f4f4; margin-top:15px;overflow:hidden;padding:10px 0; border-top:1px solid #ccc; }
.contitle{ width:99%; height:71px;}
.contact span{color:#008D84;}
.contact img{ }
.contact a{ text-decoration:underline;} 
 
 etw_set_feedback_form{width:98%;}

#container{width:100%;height:auto;overflow:hidden; padding-bottom:10px;margin:0 auto;}
.about{ width:73%;}

}
@media only screen and (min-width:840px)
{
	/*nav*/ 
.nav{width:100%;height:46px;background:#036c68;margin-top:5px;position:relative;}
.nav ul li{ background:url(../images/nav_line.jpg) no-repeat right;position:relative;}
.nav ul li.last{background:none;}
.nav ul li.new a{ color:#ffde00;}
.nav ul li a{color:#fff;height:46px; line-height:46px;padding:0 20px; font-size:1.2em; font-weight:bold; display:block;}
.nav ul li.last a{padding:0 14px;}
.nav ul li a.dq,.nav ul li a:hover{color:#000; background:#ffde00;} 
.nav ul li.start{ display:none;}
}

@media only screen and (min-width:1001px){
 #container{width:1000px;height:auto;overflow:hidden; padding-bottom:10px;margin:0 auto;}
 /*header*/
#header{width:1000px;margin:0 auto 10px auto;}
.head{width:100%;}
#etw_header_languages,.etw_right{ display: block} 

  
 /*footer*/ 
.footer{ width:1000px; overflow:hidden; height:auto; margin:0 auto;} 
/*nav*/ 
.nav{width:100%;height:46px;background:#036c68;margin-top:5px;position:relative;}
.nav ul li{ background:url(../images/nav_line.jpg) no-repeat right;position:relative;}
.nav ul li.last{background:none;}
.nav ul li.new a{ color:#ffde00;}
.nav ul li a{color:#fff;height:46px; line-height:46px;padding:0 21px; font-size:14px; font-weight:bold; display:block;}
.nav ul li.last a{padding:0 21px;}
.nav ul li a.dq,.nav ul li a:hover{color:#000; background:#ffde00;} 
.nav ul li.start{ display:none;}
/* hot_products */ 
 .ff-container{
	width: width:100%;
	margin: 10px auto 30px auto;
}
 
 
.ff-items{
	position: relative;
	margin: 0px auto;
	padding-top: 20px;
}

.ff-items a{
	display: block;
	position: relative;  
	width:210px;height:170px;
	text-align:center;
	 padding-top:15px; 
}
.ff-items a img{ height:138px;}
.ff-items a span{
	width:210px;height:0px;
	display: block;
	background:#036c68; 
	opacity: 0.7;	
	filter:alpha(opacity=70);
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 15px;
	left: 0px;
	overflow: hidden;
	opacity: 0;
	text-align: center;
	text-shadow: 1px 1px 1px #303857;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ff-items a span b{width:200px; display:block; line-height:1.25em;text-align:center;color:#FFFFFF;font-size:16px; background:url(../images/play.png) no-repeat center right;padding-right:4px; z-index:999; font-weight:bold;}

 
.ff-items a:hover span{
	height: 100px;
	padding-top:70px; 
	opacity: 0.7;	
}


.ff-items li{  
	width:210px;height:170px; border:1px solid #ccc; float:left;margin-right:48px;margin-bottom:48px;display:inline;position:relative;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}
.ff-items li.last{margin-right:0px;}
 
.ff-items li .hot{width:60px;height:60px; display:block; position:absolute;top:-20px; right:-20px; z-index:999}

.columns{ border:1px solid #ccc; padding:20px 0px; font-size:14px;}
.columns > li{ width:30%; float:left;}
.columns li.columns_pro{ width:40%; }
.columns li.columns_contact{ width:30%; } 
.columns .columns_tit { display:block;color:#000000; font-size:20px; padding-bottom:20px;}
.columns .columns_tit a:hover{ color:#036c68;text-decoration:underline;}
.columns li.columns_pro .columns_tit{ padding-left:20px;}
.columns li.columns_pro ul{width:98%; float:left; font-size:16px; }
.columns li.columns_pro ul li{ width:100%;background:url(../images/arrow_right.png) no-repeat 0 0;}
.columns li.columns_pro ul li a{display:block;padding:0 5px 0 20px;} 
.columns li.columns_pro ul li a:hover{background:url(../images/arrow_right.png) no-repeat 0 -24px; color:#036c68; text-decoration:underline;}

.columns_picture img{ float:left; margin:10px 10px 0 0; }

.left{ width:223px;  border:1px solid #E5E5E5; height:auto; float:left; text-align:left; margin-top:15px;}
.left ul{ width:100%; margin-top:-5px;}
.left ul li{  width:100%; height:auto;margin-bottom:2px;border-top:1px dashed #E3E3E3;}
.left ul li a{color:#666666; padding:5px 5px 5px 10px; line-height:16px; display:block; font-size:14px; text-transform:none; }
.left ul li.biglist{ width:200px; margin:0px;  border:1px solid #E3E3E3;border-left:3px solid #036c68;  border-right:none; margin-top:2px;color:#666666; line-height:16px; padding:7px 10px;  font-size:14px; background:#f4f4f4;}
.left ul li.biglist a{ padding:0; text-decoration:underline; color:#333;  }
.left ul li a.dq01,.left ul li a:hover{ color:#036c68; text-decoration:underline;  } 
.left ul li.biglist a:hover,.left ul li.biglist a.dq01{ color:#036c68; text-decoration:underline;  }
.left ul li.biglist + li{border-top:none;} 

.right{ width:760px; height:auto; margin-top:10px; float:right;}
 
.contact{width:223px; height:auto; background:#f4f4f4; margin-top:15px;overflow:hidden;padding:10px 0; border-top:1px solid #ccc; }
.contitle{ width:223px; height:71px; text-align:center;}
.contact span{color:#008D84;}
.contact a{ text-decoration:underline;}
.product ul{ width:160px; }
.product_list ul{ width:160px; }
.about{ width:790px;}
.about p.workshop{width:100%; height:auto; padding:0px;}
.workshop a {width:22.5%; border:1px solid #ccc; float:left; margin-right:10px; margin-bottom:10px}
.workshop a img{ width:100%}
.prolink ul li a{ font-size:0.86em;}
}
.share_etw a {
    background: #006BBE;
    border-radius: 30px;
    width: 32px !important;
    height: 32px !important;
    line-height: 36px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
	text-decoration:none;
}
.share_etw a i {
    color: #fff;
    font-size: 16px;
    line-height: 36px !important;
}
#chattop{    position: fixed;    bottom: 20px;    right: 30px; z-index:999}
#chatbox{ display:none;}
#chatboxtop{ background:#F0F0F0; width:260px;height:26px;   text-indent:10px;font-size:14px; line-height:26px; color:#CC0000; font-weight:bold;font-family:Arial;}
#chatboxtop .ab{ float:right; width:25px;padding-right:10px;}
#chatboxtop a{color:#F00; float:left;text-align:center; text-decoration:none;}
#chatboxtop .aa{ padding-left:20px;}
#chatmessage{ width:260px;  height:210px;  font-size:15px;float:left;  }
.main{ width:260px; height:210px; margin:0 auto; background: url(../images/aa6.jpg) no-repeat;  font-family:Arial;  }
.main ul{ width:100%; height:auto; padding:0; margin:0; padding-top:25px;float:left; }
.main ul li{ width:85%;float:left;height:auto; list-style:none; margin-left:20px; text-align:left; margin-bottom:15px; _margin-left:5px; line-height:1.5em; } 
 .main ul li a{ text-decoration:none;color:#000;}
  .main ul li a:hover{ text-decoration:underline; color:#CC0000;}
img{ border:none}
#closewindow{ width:500px; display:block; background:#eee; height:20px; line-height:20px; text-align:right; font-size:14px; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}