@charset "utf-8";
body{ margin:0; padding:0; background:#FAFAFA;}
a{ color:#000; text-decoration:none;}
a:hover{ text-decoration:underline;}
#header{width:960px;margin:1px auto 0; padding:0;height:235px; position:relative;}
#top{ width:960px; margin:0; padding:0; height:30px; position:absolute; top:0; left:0; z-index:6;}
#nav{ width:600px; float:left; height:30px; overflow:hidden; margin:0 0 0 5px; padding:0;}
#nav a{ margin:0 20px 0 0; font:12px/30px Tahoma, "宋体"; color:#FFF;}
#top ul{ width:340px; height:30px; overflow:hidden; margin:0 5px 0 0; list-style:none; float:left; padding:0; }
#top li{ width:75px; height:30px; font:12px/32px Tahoma, "宋体"; float:left; color:#FFF; text-align:center;cursor:pointer; text-indent:25px; margin:0 0 0 5px;}
#cn{ background:url(../Images/cn.png) no-repeat 3px 2px;}
#big5{ background:url(../Images/big5.png) no-repeat 3px 2px;}
#en{ background:url(../Images/en.png) no-repeat 3px 2px;}
#jp{ background:url(../Images/jp.png) no-repeat 3px 2px;}
html>body #banner{background:url(../Images/banner.png) no-repeat;}
#banner{ width:960px; height:235px;overflow:hidden;padding:0; margin:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/banner.png);}
#banner h1{ margin:0; padding:0; display:none;}
#h_nav{ margin:0; height:235px; padding:0; width:100%;position:absolute; bottom:0; left:0; background:none; overflow:hidden; z-index:5;}
#content{ width:960px; position:relative; margin:0 auto; padding:0; min-height:700px; _height:700px;}
/*-----------------------------*/
#toolbar{ width:960px; margin:5px auto; padding:0; height:30px; position:relative; overflow:hidden;}
#onliservice{ position:absolute; background:#fff; min-width:380px; _width:380px; min-height:30px; _height:30px; margin:0; padding:0 5px 20px; top:5px; left:370px; z-index:555;opacity:0.9;filter:Alpha(opacity=90); border:1px solid #ccc; display:none;}
#onliservice ul{ margin:0; padding:0; width:100%;}
#onliservice li{ list-style:none; font:12px/30px "宋体"; height:30px; width:100%; white-space:nowrap;}
#onliservice li a{ color:#333;}
#onliservice li a:hover{ color:#C00;}
#onliservice #closeit{ bottom:5px;}
#c_msg{ width:360px; margin:0; padding:0 5px;height:30px;position:absolute; left:0; top:0;overflow:hidden;}
#c_msg h2{ width:60px; height:20px; font:bold 12px/20px Arial; float:left; margin:7px 0 0; padding:0; color:#333;}

#c_msg img{ margin:5px 0 0; padding:0; border:0; width:20px; height:20px; float:left;}
#c_msg a{ min-width:30px; _width:30px; float:left; display:block; margin:5px 5px 0 5px; height:20px; font:12px/20px Verdana; color:#06C;}
#c_msg a:hover{ color:#C00;}
#c_msg a#more{ margin:7px 0 0 5px;color:#999; white-space:nowrap;}
#c_msg a#more:hover{ color:#C00;}
#sildown{ width:20px; height:22px; background:url(../Images/down.png) no-repeat; margin:0; padding:0; position:absolute; left:710px; top:2px; cursor:pointer;}
#news{ width:330px;margin:0; padding:0 10px; height:30px; font:12px/30px Tahoma, "宋体"; color:#666; list-style:none; position:absolute;left:361px; top:0; }
#news li{width:330px;height:30px;margin:0;padding:0;}
#news li a{min-width:330px;_width:330px;display:block;white-space:nowrap; color:#666; overflow:hidden;text-overflow:ellipsis;}
html>body #seach{background:url(../Images/seach.png) no-repeat right 3px;}
#seach{ width:245px; margin:0; padding:0; position:absolute; right:5px; top:0;height:30px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/seach.png);}
#seachtxt{ width:115px; height:18px;border:0; position:absolute; top:6px!important;top:3px; right:60px; font:12px/18px Tahoma; color:#999; }
#seachbtn{ width:40px; height:18px; margin:0; padding:0; position:absolute; right:15px; top:5px!important;>top:2px; _top:3px; display:block; border:0; font:12px/18px Tahoma, "宋体"; background:none;}
/*-----------------------------*/
#left{ width:615px; min-height:700px; _height:700px; background:url(../Images/line.gif) no-repeat 0 right; position:relative; float:left; margin:0; padding:0 0 35px; _overflow-x:hidden;}
#left h1,#right h1,#urllink{ width:585px; height:30px; background:url(../Images/line_bg.gif) no-repeat 5px bottom; margin:10px 0 0; padding:0; font:bold 16px/30px "微软雅黑", Tahoma; text-indent:5px; position:relative; }
#left .more{ position:absolute; right:25px; top:5px; display:block; text-indent:27px; background:url(../Images/btn_more.gif) no-repeat; width:76px; height:27px; margin:0; padding:0; font:12px/27px Tahoma, "宋体"; color:#666; overflow:hidden;}
#left .more:hover{ text-decoration:none; color:#000;}
/*-----------------------------*/
#project{ width:580px; margin:15px 0 0 5px; padding:0;}
#project h3{ margin:20px auto 0; height:40px; min-width:180px; white-space:nowrap; _width:180px;  padding:0 0 0 30px; text-align:center; font:bold 20px/40px "微软雅黑", Arial; color:#666; background:url(../Images/tan.gif) no-repeat left center;}
.datas{ width:580px; margin:0 0 20px; padding:0; position:relative; }
.imgs{ margin:5px auto; width:535px; height:320px; padding:5px; border:1px solid #ccc; display:block;background:url(../Images/loading.gif) no-repeat center; cursor:pointer;}
.datas h2{ width:580px; height:30px; font:bold 16px/30px "微软雅黑", Tahoma; margin:0; padding:0; text-indent:20px;}
.datas h2 a{ color:#333;}
.time{ _width:200px; min-width:200px; height:30px; position:absolute; right:15px; top:340px;white-space:nowrap; font:12px/30px Tahoma; text-align:right; color:#666; display:block;}
.info{ width:550px; min-height:22px; _height:22px; margin:0 0 0 25px; font:12px/22px Tahoma, "宋体"; color:#666;padding:0; }
.toolmenu{width:550px; margin:0 auto; padding:0; height:22px; overflow:hidden;font:bold 12px/22px Tahoma, "宋体";}
.toolmenu span{ _width:30px; white-space:nowrap; height:22px; float:left; display:block; margin:0 10px 0 0; padding:0; }
.link{width:550px; margin:0 0 0 25px; padding:0; height:22px; overflow:hidden;font:bold 12px/22px Tahoma, "宋体"; display:block; color:#069;}
.link a{ color:#069;}
.link a:hover{ color:#F00;}
#photolist{ width:550px; margin:0 auto; padding:0; background:#000; height:100px; overflow:hidden;}
.open{ background:url(../Images/toolmenu.gif) no-repeat 0 5px; text-indent:20px; cursor:pointer; font-weight:normal;}
.reply{ background:url(../Images/toolmenu.gif) no-repeat 0 -30px; text-indent:20px; cursor:pointer; font-weight:normal;}
.share{ background:url(../Images/toolmenu.gif) no-repeat 0 -70px; text-indent:20px; cursor:pointer; font-weight:normal;}
/*-----------------------------*/
#left h1 span{ width:480px; margin:0; height:30px; padding:0; position:absolute; top:0; right:5px; display:block;}
#left h1 a{ margin:0 15px 0 5px; font:bold 14px/30px Tahoma; color:#666; text-decoration:none;}
#left h1 a:hover{ color:#000;}
#left #tags{ width:580px; margin:5px auto 10px; border:0;}

/*-----------------------------*/
#urllink{ font:12px/30px Tahoma; text-indent:20px;}
#pager{width:585px; min-height:30px; _height:30px; background:url(../Images/line_bg.gif) no-repeat 5px top; margin:15px 0 0; padding:0; font:bold 12px/30px Tahoma; text-indent:5px; position:absolute; bottom:0; left:0; text-align:right; color:#666;}
#gbook #pager{ bottom:280px; margin:10px 0; padding:10px 0 0;}
#pager a{ margin:0 5px 0 0; font:bold 12px/30px Tahoma; color:#666;}
#pager a:hover{ color:#000;}
#pager select{ height:18px; margin:0 5px;}
#pager strong{ color:#C00;margin:0 5px 0 0;}

#infotxt{ width:580px; margin:0; padding:0; min-height:500px; _height:500px; font:14px/24px Tahoma, "宋体"; color:#666; text-align:justify;}
#infotxt h1{ min-width:450px; _width:450px; white-space:nowrap; height:30px; margin:20px auto; padding:0; text-align:center; background:none; border-bottom:1px solid #CCC; font:bold 20px/30px "微软雅黑", Tahoma; color:#333;}
#infotxt p{ width:580px; margin:0; padding:0; text-align:justify;}
#linklist{ width:98%; margin:20px auto 0; padding:0;}
#linklist li{ float:left; margin:10px 10px 0; padding:0; width:88px; height:31px; list-style:none;}
#linklist li a{ width:88px; height:31px; display:block; margin:0; padding:0; text-align:center;}
#linklist li img{ width:88px; height:31px; display:block; margin:0; padding:0; border:0;}
#gblist{ width:580px; margin:0; padding:0; min-height:500px; _height:500px; font:14px/24px Tahoma, "宋体"; color:#666;}
#gblist ul{ width:570px; min-height:510px; _height:510px; margin:10px auto; padding:0; list-style:none;}
#gblist ul li{ width:570px; margin:0 0 10px; padding:0 0 10px; float:left; clear:both; background:url(../Images/line_2.gif) no-repeat center bottom;min-height:130px;_height:130px;}
.l{ width:140px; margin:0; position:relative; padding:0; float:left; background:url(../Images/photo_br.gif) no-repeat 20px 5px;}
.l img{ width:94px; height:94px;margin:9px 0 0 24px; padding:0;}
.l span{ width:120px; font:bold 14px/24px Tahoma, "宋体"; margin:10px auto; min-height:24px; _height:24px; display:block; text-align:center; color:#099;}
#faceinfo{ width:90px; margin:15px auto 0; padding:0; font:14px/24px Tahoma, "宋体"; color:#666; text-align:left; text-indent:10px; display:block; background:url(../Images/dlbg.gif) no-repeat; height:24px; overflow:hidden; cursor:pointer; }
#faceinfo.index{background:url(../Images/dlbg.gif) no-repeat left -26px; text-indent:12px;font:14px/22px Tahoma, "宋体"; color:#333; overflow:hidden;}
#facelist{ display:none; height:0; line-height:0;}
#facetig{ width:550px; margin:0; padding:0 0 5px; z-index:99; height:106px; position:absolute; top:2px; left:17px; background:#fff; border:1px solid #000;opacity:0.8;filter:Alpha(opacity=80); display:none;}

#facetig #closeit{ top:5px; margin:0; padding:0; right:5px; cursor:pointer;}
#facetig img{width:94px;height:94px;margin:5px 5px 0; padding:0; float:left; border:1px solid #333; cursor:pointer;}
.r{ width:430px; margin:0; padding:0; float:left;}
.username ul{ display:none;}
.username:hover ul{ display:block;}
.addtime,.addinfo,.addbtn{ width:420px; margin:0 auto; padding:0; height:24px; display:block; font:12px/24px Tahoma, "宋体"; color:#666;}
.txt{ width:420px; margin:0 auto; padding:0; min-height:105px; display:block; font:14px/24px Tahoma, "宋体"; color:#333;}
.hf{ width:90%; margin:0 auto; padding:0 5px; min-height:22px; _height:22px; display:block; font:12px/22px Tahoma; color:#C00; border:1px dashed #ccc; background:#FFC;}
.addtime{ border-bottom:1px dashed #999;}
.addinfo label{ width:40px; float:left; height:24px;display:block; overflow:hidden; margin:0; padding:0; font:14px/24px Tahoma, "宋体";}
.addinfo .tbx{ width:150px; height:18px; border:1px solid #CCC; float:left; margin:2px 5px 0 0; padding:0 3px; font:12px/18px Tahoma, "宋体"; background:#fafafa;}
.tbx_mul{ width:390px; margin:10px auto 0; padding:0 5px; height:175px; border:1px solid #999; font:12px/22px Tahoma, "宋体";opacity:0.65;filter:Alpha(opacity=65);}
.addbtn{ margin:10px 0 0; position:relative;}
.btn{ background:url(../Images/gb_post.gif) no-repeat; width:65px; height:24px; text-align:center; border:0; margin:0 10px; padding:0;}
#retxt{ width:100%;clear:both; margin:0; padding:70px 0 0;}



/*--RIGHT---------------------------*/
#right{ width:335px; margin:0 0 0 5px; min-height:500px; _height:500px; float:left;}
#right h1{ width:310px; margin:10px auto 0; background-position:-150px bottom;}
/*-----------------------------*/
#tags{ width:295px; margin:0 auto; padding:0; border-bottom:1px dashed #CCC;font:bold 12px/30px Tahoma, "宋体"; color:#999; }
#tags a{ font:12px/30px Tahoma, "宋体"; color:#777; margin:0 0 0 10px;}
#tags a:hover{ color:#C00;}
.webexp{ width:295px; margin:5px auto 10px; padding:0;}
.webexp h2{ width:295px; height:30px;font:bold 14px/30px Tahoma, "宋体"; color:#666; margin:0; padding:0;background:url(../Images/line_bg.gif) no-repeat -150px 28px;}
.webexp ul{ width:295px; list-style:none; font:12px/30px Tahoma, "宋体"; margin:0; padding:0;}
.webexp ul li{ width:295px; height:31px; overflow:hidden; clear:both;margin:0; padding:0; letter-spacing:1px; font:12px/30px Tahoma;}
.webexp ul li span{ width:213px; border-bottom:1px solid #999; border-right:1px solid #CCC; display:block; height:30px; overflow:hidden; margin:0; padding:0; float:left; text-align:left; }

.webexp ul li a{ min-width:80px; _width:80px; height:30px; border-bottom:1px solid #CCC; margin:0; padding:0; display:block; float:left; text-align:center; text-indent:30px; background:url(../Images/bt.gif) no-repeat 20px 5px;}
.webexp ul li span a{ background:none; min-width:80px; width:auto; white-space:nowrap; _width:80px; overflow:visible;text-indent:0; text-align:left;}
/*-----------------------------------*/
#pjlist{ width:295px; margin:0 auto; padding:0; list-style:none;}
#pjlist li{ width:295px; margin:5px 0 0; padding:0 0 5px; min-height:210px; _height:210px; clear:both; border-bottom:1px solid #CCC;}
#pjlist img{ width:280px; height:170px; margin:5px auto; padding:3px; border:1px solid #CCC; background:url(../Images/loading.gif) no-repeat center;}
#pjlist p{ width:295px; margin:0; padding:0; height:30px; position:relative; font:12px/30px Tahoma; color:#666;}
#pjlist p a{ text-decoration:none; font:bold 14px/30px "微软雅黑"; color:#333;}
#pjlist p span{ width:80px; display:block; position:absolute; top:0; right:0; height:30px; font:14px/30px Tahoma; color:#666;}
#link{ width:290px; min-height:35px; _height:35px; margin:0 auto; padding:10px 0 0; list-style:none;}
#link li{ width:145px; margin:5px 0 0; padding:0; float:left; height:40px; overflow:hidden;}
#link li a{ width:88px; height:31px; display:block; margin:4px auto 0; padding:0; font:12px/31px Tahoma; text-align:center; color:#333; text-decoration:none; }
#link li a img{ border:0; width:88px; height:31px; margin:0; display:block;}
/*-----------------------------------*/
#info_menu{ width:310px; margin:0 auto; padding:0;}
#info_menu h1{ width:310px; margin:0 auto; padding:0; background:url(../Images/langmu1.gif) no-repeat; height:45px; font:bold 16px/45px "微软雅黑", Arial; color:#333; height:45px; text-indent:30px; letter-spacing:8px;}
#info_menu a{ width:310px; margin:5px auto; padding:0; font:14px/30px Tahoma, "宋体"; color:#333; text-decoration:none; height:30px; display:block;text-indent:40px; overflow:hidden; border-bottom:1px solid #999;}
#info_menu a:hover{  color:#fff; background:#666;}
#info_menu a:active{ text-indent:44px; line-height:34px; background:#000;}
/*-----------------------------*/

#footer{ float:left; clear:both; width:100%; margin:5px 0 0; padding:0; height:95px;background:#F0F0F0;}
#copy{background:url(../Images/foot_mark.gif) no-repeat 0 0; width:960px; padding:20px 0 0; margin:0 auto; height:75px;color:#999;font:12px/30px Tahoma, "宋体"; list-style:none;}
#copy li{ width:700px; margin:0 0 0 200px; padding:0; height:30px; font:12px/30px Tahoma, "宋体"; color:#999; display:block;}
#footer a{ color:#999;font:12px/30px Tahoma, "宋体"; }
#footer a:hover{ color:#000;}

/*----------------------------------------------*/
#default,#product,#productdata,#info,#gbook{width:960px; margin:0 auto; padding:0; }
#default{background:url(../Images/right_bg.gif) no-repeat right 200px;}
#default #banner{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/banner.png);}
#default  #seach{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/seach.png);}
#product,#productdata{background:url(../Images/product_bg.gif) no-repeat  right top;}
#info{ background:url(../Images/about_bgr.gif) no-repeat right 201px;}
#info #content{ background:url(../Images/about_bgl.gif) no-repeat left bottom;}
#gbook{ background:url(../Images/gb_bgr.gif) no-repeat right 140px;}
#gbook #content{ background:url(../Images/gb_bgl.gif) no-repeat left bottom;}
#newbg{ width:100%; top:0; height:120px; left:0; margin:0; padding:0; position:absolute; z-index:998; background:#333;opacity:0.55;filter:Alpha(opacity=55); }
#newwindow{ width:600px; min-height:400px; _height:400px; padding:25px 0 15px; margin:-250px 0 0 -300px; position:absolute;left:50%;background:#fff; border:1px solid #ccc; z-index:999; display:none;}
#newwindow .datas{ width:600px; margin:0 auto;}
#newwindow .imgs{ cursor:default; margin:0 0 0 22px;}
#imglist,#photolist{ width:600px; margin:5px auto; overflow:hidden; height:120px;}
#imglist span,#photolist span{ display:block; width:25px; margin:0; padding:0; float:left; height:120px; cursor:pointer;}
#imglist span#al,#photolist span#al{ background:url(../Images/al.gif) no-repeat center; margin:0 0 0 2px;}
#imglist span#ar,#photolist span#ar{ background:url(../Images/ar.gif) no-repeat center;}
#photolist { width:550px; margin:0 0 0 -20px;}
#imgcontent{ width:530px; border-bottom:1px solid #fff; height:112px; margin:0 5px; padding:3px 0; float:left; overflow:hidden;}
#imgcontent div{ width:1000%; margin:0; padding:0;}
#imglist img{ width:166px; height:96px; margin:5px 5px 5px 0; display:block; float:left;padding:2px; cursor:pointer; border:1px solid #ccc;}
#newwindow .datas .time{ _width:200px; min-width:200px; height:30px; position:absolute; right:15px; top:467px;white-space:nowrap; font:12px/30px Tahoma; text-align:right; color:#666; display:block;}
#closeit{ position:absolute; width:15px; height:15px; display:block; overflow:hidden; border:0; top:8px; right:8px; background:url(../Images/btnclose.gif) no-repeat; cursor:pointer;}

#altmsg{ width:355px; height:149px; margin:-70px 0 0 -172px; padding:0; list-style:none;overflow:hidden;left:50%; position:absolute;z-index:10000; background:#FFF; border:1px solid #000; opacity:0.95; filter:Alpha(opacity=95);}

#opear{ margin:0; width:60px; height:25px;  display:block; border:1px solid #ccc; position:absolute; bottom:10px; left:42%; background:url(../Images/btn.gif) repeat-x; cursor:pointer;}
#altmsg  span{ width:95%;height:60px; display:block; margin:20px auto 0; padding:0; font:14px/60px "宋体"; text-align:center; text-align:center;}
#altmsg h1{ width:100%; color:#fff; height:30px; overflow:hidden; margin:0; padding:0; text-indent:20px; font:bold 14px/30px Arial; cursor:move; background:url(../Images/banner.png) no-repeat -10px -50px;}

#onliservice #closeit{ top:auto; bottom:5px;}