@charset "utf-8";
/* CSS Document */
body{ font:12px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background:url(../image/bg.jpg) repeat-x #000; margin:0 auto;}
ul,li{ list-style:none;}
img { border:none;}
.clear{ clear:both;}
#etwframe{ width:998px; height:auto; margin:0 auto;  padding:0; background:none; }
.mleft{ width:20px; height:677px; float:left; background:url(../image/mleft.jpg) no-repeat;}
.mright{ width:20px; height:677px; float:right; background:url(../image/mright.jpg) no-repeat;}

#header{ float:left; height:106px; width:958px; background:url(../image/top.jpg) no-repeat;}
.logo{ width:227px; height:77px; background:none; float:left; margin:18px 0 0 25px!important;_margin:18px 0 0 15px;}

.conpany{color:#A4A4A4;line-height:40px;float:right;text-align:right;font-weight:bold;width:520px;padding-right:20px;}
#menu{ height:38px; width:625px; float:right; margin:11px 0px 0 0; padding:0 0px 0 0; }
#menu ul{ height:38px; width:625px; margin:3px 0px 0 0; float:left; padding:0;display:block; }
#menu ul li{ height:38px; width:111px; margin:0px; padding:0 ; float:left;display:block; }
#menu ul li a{ height:38px; width:auto;}
#menu ul li a:hover{ height:38px; width:auto;}
#menu ul li.b{ height:38px; width:140px; margin:0px; padding:0 ; float:left;display:block; }
#menu ul li.b a{ height:38px; width:auto;}
#menu ul li.b a:hover{ height:38px; width:auto;}
#menu ul li.c{ height:38px; width:131px; margin:0px; padding:0 ; float:left;display:block; }
#menu ul li.c a{ height:38px; width:auto;}
#menu ul li.c a:hover{ height:38px; width:auto;}


#etwmiddle{ float:left; height:auto; width:958px; background:#000;}
.cleft{ width:30px; height:507px; float:left; background:url(../image/cleft.jpg) no-repeat;}
.cright{ width:30px; height:507px; float:right; background:url(../image/cright.jpg) no-repeat;}

#etwcontent{ float:left; height:auto; padding-top:20px; width:898px; background:url(../image/topline.jpg) no-repeat top center;}
.left{ width:140px; float:left; height:auto; background:none;}
.left ul{ width:131px; margin:0 auto;height:120px; background:#000; display:block; padding:0; margin-bottom:10px;}
.left ul li.b{ width:131px; margin:0 auto;height:84px; background:url(../image/border.gif) no-repeat; display:block; padding:0;}
.left ul li.b a{ margin:0px auto; display:block; width:120px; padding-top:6px;}

.left ul li.f{ width:131px; color:#9B9B9B; margin:5px auto 0 auto;height:31px; background:url(../image/botton.jpg) no-repeat; display:block; padding:0; font-size:11px; overflow:hidden;}
.left ul li.f a{ margin:0px auto; display:block; width:120px; line-height:31px; color:#9B9B9B; text-decoration:underline; font-weight:normal; text-align:center;}
.left ul li.f a:hover{ text-decoration:none; color:#0066CC;}

.left_web{ width:140px;  float:left;color:#9B9B9B; font-weight:bold; font-size:13px; }
.left_web a{text-decoration:underline; width:140px; overflow:hidden; height:16px; font-weight:normal;display:block; font-size:11px;color:#9B9B9B;}
.left_web a:hover{ text-decoration:none; color:#0066CC;}

.left_web1{ width:90%; float:left;color:#9B9B9B; font-weight:bold; margin:15px 0 0 10px; font-size:13px;}
.left_web1 a{text-decoration:underline;width:100%; overflow:hidden; height:16px; font-weight:normal;display:block; font-size:11px;color:#9B9B9B;}
.left_web1 a:hover{ text-decoration:none; color:#0066CC;}

.center{width:618px; float:left; height:auto; background:#000;}
.zleft{ width:11px; height:733px; float:left; background:url(../image/zleft.jpg) no-repeat;}
.zright{ width:11px; height:733px; float:right; background:url(../image/zright.jpg) no-repeat;}

.about{ width:596px; float:left; height:auto;display:block; background:url(../image/aboutbg.jpg) no-repeat top right #fff; padding:24px 0 5px 0 ;}
.pic{ margin:0 auto; display:block;}
.about .videopic{ margin:0 auto; display:block; padding-left:3px;}
.about .videofeed{ margin:0 auto; display:block; padding-left:30px;}

.title{ width:596px; height:19px; padding-top:0px; float:left; background:url(../image/titlebg.jpg) no-repeat #fff;}

.cover{ width:596px; height:368px;  float:left; background:url(../image/contactbg1.jpg) repeat-x bottom #fff;}
.profile{width:534px;margin:0px auto;padding:16px 0 17px 0;display:block;color:#666666;line-height:16px;border-bottom:1px solid #ADADAD; font-size:11px;}
.profile h2{ color:#853333; margin:0 0 3px 0; padding:0; text-align:left; font-size:14px; font-weight:bold;}

.contactz{width:592px;height:252px; padding-top:18px;margin:0 auto;display:block;color:#000000;line-height:20px;background:url(../image/map1.jpg) no-repeat; font-size:11px;}
.contacts{width:534px;height:auto;margin:0 auto;display:block;color:#000000;line-height:20px; font-size:11px;}
.contacts h2{ color:#333333; margin:0 0 3px 0; padding:0; text-align:left; font-size:18px; font-weight:bold;}


#footer{ width:898px; height:35px; margin:0 auto; display:block; background:url(../image/bottom.jpg) no-repeat top center #000;}
.add{margin:0 auto;width:700px;height:25px;color:#999999;display:block;text-align:right;font-size:11px;padding-top:20px; float:left;}
.add a{color:#999999;text-decoration:none; margin:0 10px;}
.add a:hover{ color:#999999; text-decoration:underline;}
.footerlogo{ width:100px;height:auto; float:left; padding-top:21px;}
/*公司视频*/
.about_video{ float:left; width:600px; margin-left:10px!important;_margin-left:5px; height:auto; display:block; background:none; border:1px solid #333;}

.other_title{ height:30px; font-size:16px; font-weight:bold; color:#F1F1F1; padding:6px 0 0 6px;}
.other_title a{ color:#F1F1F1; text-decoration:none;}
.other_title a:hover{ text-decoration:underline;}
.other_video{float:right;width:265px;height:auto; margin-right:10px!important;_margin-right:5px;display:block;background:url(../image/other.jpg) repeat-x #000; font-size:11px;}
.other_video ul{width:110px; float:left;height:85px;display:block;padding:0;margin:5px 2px 5px 14px!important;_margin:5px 6px 5px 8px;}
.other_video ul li.b{ width:110px; margin:0 auto;height:71px; background:url(../image/border1.gif) no-repeat; display:block; padding:0;}
.other_video ul li.b a{ margin:0px auto; display:block; width:98px; padding-top:6px;}
.other_video ul li.f{text-align:center; height:15px; overflow:hidden;}
.other_video ul li.f a{ color:#ffffff;padding:0px;margin:0px;}
.other_video ul li.f a:hover{ text-decoration:none; color:#0066CC;}

.other_video ul li.b1{ width:110px; margin:0 auto;height:71px; background:url(../image/border2.jpg) no-repeat; display:block; padding:0;}
.other_video ul li.b1 a{ margin:0px auto; display:block; width:98px; padding-top:5px;}

.smallother{ margin:10px auto;height:auto; width:600px; background:none; display:block; background:url(../image/olall.jpg) repeat-y; overflow:hidden;}
.otherx{ width:580px; float:left; height:auto; background:url(../image/otherbg.jpg) repeat; border-top:4px #444444 solid; margin-left:10px!important;_margin-left:5px;}
.otherx ul{width:70px; float:left;height:65px;display:block;padding:0; margin:0px;text-align:center; overflow:hidden;}
.otherx ul li.b{ width:60px; float:left;height:25px; display:block; padding:0;}
.otherx ul li.b a{ margin:0px auto; display:block; width:60px;}
.otherx ul li.f{ width:60px; color:#9B9B9B; float:left;height:30px;display:block; padding:0; margin:0px; font-size:11px; background:none; overflow:hidden;}
.otherx ul li.f a{ margin:0px auto; display:block; width:60px; line-height:16px; color:#9B9B9B; text-decoration:underline; font-weight:normal; text-align:left; background:none; text-align:center;}
.otherx ul li.f a:hover{ text-decoration:none; color:#0066CC;}