@charset "utf-8";

/* CSS Document */
body { background:#569928; font-family:Arial, Helvetica, sans-serif;   margin:auto; font-size:12px;}
.clear { clear:both; height:0px; font-size:0px;}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img{margin:0px; padding:0px; list-style:none;}
ol:after, ul:after { content:"."; display:block; font-size:0px; line-height:0px; height:0; clear:both; visibility:hidden; }
img { border:0px; }
a img { border:0px; }
a { color:#ffffff; outline:none; text-decoration:none; font-size:12px; font-weight:normal;}
ol, ul, dl, dt { list-style:none; }
.table1{margin:0 auo; padding:0;  color:#333; width:98%;border-collapse:collapse; }
.table1 tr{background-color:#fff;}

.table1 tr td {border:#CCCCCC 1px solid; padding-left:3px;}
 /*============== header ================*/
#size{ width:970px; margin:0 auto; height:auto; overflow:hidden; padding:0px 11px;  }
#size1{ width:970px; margin:0 auto; height:auto; overflow:hidden; padding:0px 11px;  }
#header{ width:992px; height:auto; margin:0 auto;}
#etw_header { color:#000; font-size:8px; width:100%;   	text-align:center; height:auto; padding-top:2px;}
#etw_header  h5 { color:#fff; font-size:9px; width:97%; margin:3px auto; padding:2px 5px; display:block; height:15px;}
#etw_header h5 a { color:#fff; font-size:11px; }
#top{ width:970px; height:20px; background:#fff; margin:0 auto; }
#top .lage{ width:150px; float:right; text-align:right; margin-top:5px; margin-right:10px;}
#top .lage a{ color:#333;}
#banner{ margin:0 auto; width:970px; height:80px; background:#fff;  }
#banner .logon{ width:259px; height:45px; float:left; background:url(../images/logo.jpg) no-repeat; margin-left:10px;   }
#banner h2{	width:630px; color:#ccc; font-size:22px; height:auto; margin-top:20px !important; margin-top:20px;text-align:center; font-style: italic; float:right; text-align:left;}
#menu{ margin:0 auto; width:970px; height:30px; background:url(../images/m_bg.gif) repeat-x;}
#menu .lanuage{width:100%; line-height:30px;  float:left; color :#fff;height:30px;height:30px;  font-weight:bold; font-size:13px;}
#menu .lanuage a{color:#fff;font-weight:bold; margin-left:20px; padding:0px 30px; float:left; 
display:block; background:url(../images/list_a2.gif) 13px center no-repeat; }
 
#menu .lanuage a:hover{color:#F8B626;}
 /*=================== container=============*/
 
#container{ margin:0 auto; width:970px; height:auto; background:#FFF; overflow:hidden; padding:10px 0px 0px 0px;}
#container .left{ width:220px; padding:0px 15px; margin:0; height:auto; float:left; font-size:12px; background:#FFF;}
#container .left .title{ font-size:18px; font-weight:bold; color:#333; line-height:30px; border-bottom:1px solid #CCC;}
#container .left ul{ width:100%; height:auto; margin:0; padding:0; overflow:hidden; }
#container .left ul li{ width:97%; line-height:22px; margin:0px; padding:0px; margin-left:10px;}
#container .left ul li.fint{ line-height:30px; border-bottom:1px #CCC solid; margin:0px; font-size:13px; color:#333;}
#container .left ul li a{ text-decoration:none; color:#333;}
#container .left ul li a strong{ color:#006400;}
#container .left ul li a:hover{ font-weight:bold;}
#container .right{ width:720px; height:auto; float:left;color:#333; background:#FFF;}
#container .right .product2{ background:url(../images/h2bghover.gif) left center no-repeat; line-height:25px; text-indent:20px;color:#3B76B0; font-weight:bold;}
#container .right .product2 a{ font-size:12px;  color:#3B76B0; font-weight:bold;}
#container .right .product{ background:url(../images/about.jpg) left center no-repeat; width:auto; height:31px;}
#container .right .product1{ background:url(../images/product.jpg) left center no-repeat; width:auto; height:31px;}
#container .right .company{ width:99%; height:auto; text-align:justify; line-height:21px; color:#333; display:block;}
#container .right .company .sytle{ float:left; width:450px; text-align:left;}
#container .right .company img{ border:none; margin:2px; padding:0px; float:left;}
#container .right .company a{ color:#006633;}
#container .right .company .lat{   width:60px; height:auto; line-height:20px; float:left; background:url(../images/arrow_199.gif) left center no-repeat; padding:0 12px; color:#FF9900; font-weight:bold;}
#container .right .company .lat:hover{ text-decoration:underline;}
#container .right .company .more1{ color:#FFCC00; float:right;}
#container .right .company .more1 a{color:#006633; font-weight:bold;}
#container .right ul { margin:6px 10px 0px 0px; text-align:left; width:620px; color:#666666;}
#container .right ul li { display:block; margin:0 0 5px 0; width:670px; height:auto; padding-bottom:8px;  border-bottom:1px #CCCCCC dashed; padding:0px ; float:left;}
#container .right ul li ol { width:100%; padding-bottom:5px; }
#container .right ul li ol li { display:inline; float:left; width:26%; border:none; margin-top:0px; margin-right:2px; margin-bottom:0px; margin-left:2px;}
#container .right ul li .etw_pinfo { width:70%; line-height:18px; margin-left:3px; margin-bottom:0px; text-align:justify;}
#container .right ul li .etw_pinfo strong{ color:#000000; display:block;}
#container .right ul li .etw_pinfo b { color:#000000; display:block;}
#container .right a { color:#515151; display:inline; height:auto; }
#container .right ul li img { margin-right:0px;float:left;padding:2px;}
#container .right ul.bigclass { width:680px; margin-left:4px; height:auto; float:left;}
#container .right ul.bigclass li ol li.cont .picture{ width:547px; height:auto;}

#container .right ul.bigclass li ol li.cont .picture img{float:left;padding:2px;margin:15px;}
#container .right ul.bigclass li ol li.cont .picture2{ width:547px; height:auto;}

#container .right ul.bigclass li ol li.cont .picture2 img{float:left;padding:2px;}
#container .right ul.bigclass li ol li.cont .picture1{ width:500px; height:auto;}

#container .right ul.bigclass li ol li.cont .picture1 img{float:left;padding:3px;margin-left:120px;}
#container .right ul.bigclass li { width:680px;   border:1px #CFCFCF solid; float:left; height:auto;}
#container .right ul.bigclass li img{padding:2px;margin:6px;border:1px #C0E0BB solid;}
#container .right ul.bigclass li ol { width:100%; border:none; height:auto; margin:0px;  }
#container .right ul.bigclass li ol li { width:98%; display:block; height:auto; background:none; border:none; float:left; margin:0px;}
#container .right ul.bigclass li ol li.title  { width:600px; color:#000000; border-bottom:1px #999999 dashed; font-weight:bold; background:none; float:left; margin:0px; margin-top:5px; font-size:12px; text-align:left; padding-left:3px;}
#container .right ul.bigclass li ol li.title h3{font-size:20px; font-family:"Times New Roman", Times, serif; }
#container .right ul.bigclass li ol li.title h2{font-size:20px; font-family:"Times New Roman", Times, serif; }
#container .right ul.bigclass li ol li.cont { width:640px; padding-left:8px; padding-right:3px; font-size:12px; line-height:23px; background:none; border:none; float:left; margin:0px;}
#container .right ul.bigclass li ol li.cont h2{font-size:18px;line-height:35px;}
#container .right ul.bigclass li ol li.cont span{font-weight:bold; }
#container .right ul.bigclass li ol li.cont a.pdf{margin:0; padding:0; color:#333; }
#container .right ul.bigclass li ol li.cont a.pdf img{border:none; margin:0 3px 0 0; padding:0;}


#container .right ul.bigclass li ol li.cont .picture{ width:547px; height:auto;}

#container .right ul.bigclass li ol li.cont .picture img{float:left;padding:2px;margin:15px;}
#container .right ul.bigclass li ol li.cont .picture2{ width:547px; height:auto;}

#container .right ul.bigclass li ol li.cont .picture2 img{float:left;padding:2px;}
#container .right ul.bigclass li ol li.cont .picture1{ width:500px; height:auto;}

#container .right ul.bigclass li ol li.cont .picture1 img{float:left;padding:3px;margin-left:120px;}
a.back { width:56px; text-align:center; background:#F8A04D; color:#000000; float:right; font-weight:bold; margin:5px; height:16px; line-height:16px; padding-top:4px; padding-bottom:4px; border:1px #666666 solid; line-height:10px;}
 a.back:hover { background:#42BB38;}
.otherpro {width:99%;float:left;}
.otherpro .pro{width:100%;height:auto;}
.otherpro .pro img{border:1px solid #ccc;padding:2px;}
#container .right .otherpro ul.otho { margin:6px 0px 0px 0px; float:left; width:99%; height:auto; text-align:left;   color:#666666;}
#container .right .otherpro ul.otho li { float:left; margin:5px 0; height:auto;width:23%; padding:0px; float:left; margin-left:7px; border:none;}
#container .right .otherpro ul.otho li ol{ width:40%; height:auto; float:left; margin-left:0px;*margin-left:0px;}
#container .right .otherpro ul.otho li ol li{ height:auto; display:inline; float:left; width:22%; padding:1px; margin-top:0; margin-right:2px; margin-bottom:0px; margin-left:2px; }
#container .right .otherpro ul.otho  li ol li.etw_pinfo { width:120px; float:left;}
#container .right .otherpro ul.otho  li ol li.etw_pinfo a{ width:120px; color:#808080; display:block; text-decoration:underline; margin-top:2px; font-weight:bold; text-align:center;}
#container .right .otherpro ul.otho  li ol li.etw_pinfo a:hover{color:#000099;}

#container .right .otherpro ul.otho  li ol li.etw_pinfo b:hover{color:#000099;}
#container .right .otherpro ul.otho li img { margin-right:0px;float:left;padding:2px;border:1px solid #ccc;}
.otherpro .tt{ margin:8px 0 5px 7px; font-size:12px; border-top:1px dotted #ccc; background-color:inherit; background:url(../images/h2bghover.gif) no-repeat center left; color:#000; padding:7px 0 5px 20px; font-size:12px; color:#3B76B0; font-weight:bold;}
.ta,.ta1,.ta2,.ta3,.ta4,.ta5,.ta6,.ta7,.ta8{ color:#000; display:block; float:left; text-align:center; font-size:12px; }
.ta{ width:120px; padding-left:20px; }
.ta1{ width:190px; }

.ta2{ width:500px;}
.ta3{ width:430px;}
.ta4{ width:250px; }
.ta6{ width:145px; }
.ta7{ width:130px; }
.ta8{ width:150px; }

/*============================ Foot =========================*/
#footer{ width:970px; clear:both;height:58px;margin:0 auto; background:#FFF; border-top:1px solid #CCC;  }
#footernav{width:100%; height:17px; float:left; color:#fff;text-align:center; color:#6c6c6c;}
#footernav a{color:#6c6c6c; padding:4px 2px 0 2px;height:17px;}
#footernav a:hover{color:#F8B626;}
#footer #address{ width:100%; height:20px; line-height:20px;   font-family:Arial, Helvetica, sans-serif; text-align:center; padding-top:3px; color:#6c6c6c;}
#footer #address a{ color:#FF9900; font-weight:bold;}
#footer #address a:hover{ text-decoration:underline;}
#footer #address span{font-weight:bold; margin-left:15px; }
#footer #ico { float:left; width:130px; margin-left:50px; margin-top:-20px;}
#footer #otherlink{ width:300px; margin:0 auto; margin-top:3px; text-align:center;}
#footer #otherlink div{ float:left; width:auto; height:12px; margin-left:10px; text-align:center; font-family:Arial, Helvetica, sans-serif;   line-height:12px;  }
#footer #otherlink div a img{ border:none;}
#footer #otherlink div a{ text-decoration:none; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
h2{font-size:20px;}