/* CSS Document */
 body { margin:0px; padding:0px; background:url(../images/BJ.jpg) repeat-x #A5A9B0; font-size:12px; font-family:Verdana, Arial; color:#000; text-align:center;}
 a{ text-decoration:none;color:#FFFFFF;  blr:expression(this.onFocus=this.blur()); /*    IE Opera    */ outline:none;   /*    FF Opera    */}
 a:hover{ text-decoration:underline; color:#DC0404;}
 a:focus{ -moz-outline-style: none;   /*    FF    */}
 .BJ{ width:1002px; height:100%; margin:0px auto; background:url(../images/BJ_02.jpg) no-repeat 20px 672px; position:relative;}
 
 .head { width:965px; height:150px; margin:0px auto; text-align:left;}
 .head .logo{ width:500px; height:150px; float:left;}
 .head .search{ width:230px!important;width:293px; float:right; padding-right:29px!important;padding-right:38px; padding-top:63px!important; padding-top:70px; text-align:right;}
  ul{ list-style-type:none; margin:0px; padding:0px;}
 .search ul li{ width:200px; display:block; margin:0px;}
 .search ul .search_li_01{ padding-left:18px; height:30px; background:url(../images/serch_01.gif) no-repeat right; text-align:left;margin:0px;}
 .search ul .search_li_02{ padding-top:10px; padding-right:18px; color:#FFF;margin:0px;}
 .search ul .search_li_01 div{ float:right; height:30px; line-height:28px; width:150px; color:#7E7E7E; font-weight:bold; font-size:10px;}
 .search ul .search_li_01 .search_div{ width:30px; padding-top:5px; height:20px;}
 
 .DH{ width:889px; height:37px; background:url(../images/DH.gif) no-repeat; margin:0px auto; padding-left:76px; text-align:left;}
 .DH a{ margin:0px; padding:0px; position:relative; display:block; float:left; padding-top:1px}
 .DH a:hover{ background:url(../images/dh_bj.gif) no-repeat center;}
  
 #cu3er-container { outline:0; width:964px; height:349px; margin:0px auto;}/*banner flash css*/
 #cu3er-container02 { outline:0; width:965px; height:246px; margin:0px auto;}/*banner flash css*/
 
 .ind_list{ width:965px; position:relative; padding-left:18px;/*ff*/ *padding-left:4px!important;/*ie7*/  *padding-left:0px;/*ie6*/ z-index:99;}
 .ind_list div{ width:293px; height:358px; float:left; padding-left:15px;padding-right:12px; text-align:left; z-index:100;}
 .ind_list div li{ margin:0px; padding:0px; display:block;}
 #ind_list_container{ padding-top:18px; padding-left:5px; font-family:Verdana, Arial; font-size:12px; font-weight:bold; line-height:20px; color:#F1F0F0;}
 #ind_list_container_news{ padding-top:18px; padding-left:5px; font-family:Verdana, Arial; font-size:12px; line-height:20px; color:#F1F0F0;margin-top:90px!important;margin-top:0px;font-weight:bold;}
 
 .ind_list_two { height:320px; position:relative; padding-left:35px;}
 .ind_list_two div { float:left;  height:316px; text-align:left;}
 .ind_list_two div li{ margin:0px; padding:0px; display:block;}
 .prod{ margin-left:40px;}
 .prod li{ width:640px;}
 #prod_div_01{ width:640px; height:230px; position:relative; background:url(../images/prod_bj.jpg) no-repeat 0px 120px; margin-top:15px;}
 #prod_div_01 .Cont{ width:588px; height:150px; position:absolute; right:27px; top:8px; }
 #prod_div_01 .box{ width:194px; height:150px; padding:0px 1px; float:left;}
 #prod_div_01 .box li{ width:194px; text-align:right;}
 #prod_div_01 .LeftBotton{ position:absolute; width:27px; height:30px; top:77px; left:3px; z-index:100; cursor:pointer;}
 #prod_div_01 .RightBotton{ position:absolute; width:27px; height:30px; top:77px; left:610px; z-index:100; cursor:pointer;}
 
 .foot{ width:100%; height:172px; background:url(../images/foot_bj.gif) repeat-x #fff; position:relative; margin:auto;}
 .foot_div{ width:965px; height:172px; margin:0px auto; position:relative;}
 .foot_div div{ float:left; margin-top:25px; margin-left:20px!important;margin-left:10px;}
 #foot_font{ font-family:Arial; color:#B4B5B5; font-weight:bold; font-size:12px; padding-left:80px; padding-top:50px;}
 #foot_font a{ color:#B4B5B5; text-decoration:none;}
 #foot_font a:hover{ color:#DC0404;}
 
 dl { width:auto; }
 dl,dd { margin: 0px; padding:0px;}
 dt { padding: 0px; margin: 0px; }
 
 .about_list{ width:916px; margin:0px auto; position:relative; padding:30px 23px 120px 26px!important;padding:30px 23px 80px 26px;}
 .about_list #left{ float:left; width:202px; margin-left:0px;}
 .about_list #content{ float:right; width:668px; text-align:left;}
 #content li{ display:block;}
 #content .con_link{ font-size:10px; color:#FFF; text-align:right; height:50px; line-height:50px; text-transform:capitalize;}
 #content p{ line-height:24px; display:inline;}
 #left li{ display:block;}
 #left .img{ height:68px; background:url(../images/left_img.jpg) no-repeat center; position:relative;}
 #left .img #left_title_img{ position:absolute; top:-20px; left:-48px;}
 #left .img img{ position:absolute; top:23px; left:47px;}
 #left .img .designimg{ position:absolute; top:23px; left:47px!important; left:-20px;}
 #link .a{ display:block; width:169px; line-height:24px; background-color:#9A9DA4; margin-left:10px!important; margin-left:0px; margin-top:5px; text-align:left; padding-left:13px; text-transform:uppercase; font-size:11px; }
 #link span{ display:block;  height:22px; width:182px; background-color:#9A9DA4; margin-left:10px!important; margin-left:0px; margin-top:5px;}
 #link .a:hover{ background:url(../images/left_bj.jpg) ; text-decoration:none; font-weight:bold; color:#FF7800;line-height:22px; border-bottom:2px solid #91949B;}
 #left #link dd ul{ margin-bottom:20px;}
 #left #link dd ul li{ width:150px; text-align:left; padding-left:22px!important; padding-left:0px; padding-top:10px;}
 #left #link dd ul li a{ color:#000; font-size:11px; text-transform:uppercase;} 
 #left #link dd ul li a:hover{ color:#DC0404;}
 #left_vido { height:56px; background:url(../images/left_vido.jpg) no-repeat center; margin-top:40px;}
 #left_vido a{ display:block; height:56px;}
 
 #job{ height:auto;}
 #job div{ float:left; width:105px; text-align:right; font-weight:bold; text-transform:capitalize; color:#fff; line-height:24px; }
 #job #border{ display:block; width:666px; height:35px; background:url(../images/dian.gif) repeat-x bottom; margin-bottom:30px}
 #job .job_right{ float:right; width:550px; text-align:left; font-weight:normal; color:#000;}
 #job .job_right span{ display:block; float:right; margin:0; padding:0; border:0; color:#fff; font-size:10px;}
 #page{ display:block; width:666px; height:35px; text-align:right; font-weight:normal; color:#fff; font-size:10px; clear:both;}
 
 .design_list{ width:214px; height:198px; float:left;}
 .design_list #design_img{ height:151px; background:url(../images/design_01.jpg) no-repeat center; line-height:151px; text-align:center;}
 .design_list #design_img img{ margin-top:5px;}
 .design_list #design_tilte{ padding-top:12px; text-transform:capitalize; text-align:center;}
 .design_list #design_tilte a{ color:#000;}
 .design_list #design_tilte a:hover{ color:#DC0404; text-decoration:none; font-weight:bold;}
 #JG{ float:left; width:12px; height:198px;}
 #design_border{ clear:both; background:url(../images/dian.gif) repeat-x top; height:40px;}
 
 #fair{ height:190px; display:block; background:url(../images/dian.gif) repeat-x bottom; position:relative; color:#000;}
 #fair:hover{ background:url(../images/dian.gif) repeat-x bottom #91949B; text-decoration:none; color:#fff}
 #fair .fair_conter{ float:left; margin:30px 10px 0px 10px; width:395px;}
 #fair #fair_img{ margin-top:30px; margin-left:10px; width:220px; height:135px; float:left;}
 #fair h1{ font-size:12px; font-weight:bold; margin-bottom:10px;}
 #fair p{ line-height:18px;}
 #fair span{ font-size:10px;}
 #fair #fudonimg{ width:215px; height:130px; position:absolute; z-index:100; top:32px; left:12px!important;left:22px; float:left;}
 
 #prod{ height:190px; display:block; background:url(../images/dian_02_01.gif) bottom no-repeat; position:relative; color:#000;}
 #prod:hover{ background:url(../images/dian_02_02.gif)  bottom no-repeat #91949B; text-decoration:none;}
 #prod .prod_conter{ float:left; margin:30px 5px 0px 15px; width:290px!important; width:275px; height:105px;}
 #prod .prod_conter p{ font-weight:bold; color:#fff; text-transform:capitalize; display:block; margin:0px; padding:0px; border:0px; color:#000; line-height:19px;}
 #prod .prod_conter span{ color:#fff; font-weight:bold;}
 #prod .prod_conter font{ font-size:11px; font-weight:normal; text-transform:none; line-height:16px;}
 #prod #prod_img{ margin-top:30px; margin-left:10px; width:340px; height:135px; float:left;}
 #prod #prod_fudonimg{ width:333px; height:125px; position:absolute; z-index:100; top:34px; left:14px!important;left:24px; float:left;}
 #prod_show .prod_show_title{ font-weight:bold; text-transform:capitalize; text-align:center; height:50px; line-height:50px; background:url(../images/dian.gif) repeat-x bottom;}
 #prod_show .prod_show_title span{ color:#fff;}
 #prod_show .prod_show_lm{ font-weight:bold; text-transform:uppercase; height:30px; line-height:30px; padding:20px;}
 #prod_show .prod_show_conter{ padding:0px 20px; line-height:20px; width:628px; overflow:auto;scrollbar-face-color:#8B8E93; scrollbar-highlight-color: #9FA3A9; scrollbar-shadow-color: #777A7F; scrollbar-3dlight-color: #9FA3A9; scrollbar-arrow-color: #9FA3A9; scrollbar-track-color: #9FA3A9; scrollbar-darkshadow-color: #9FA3A9; z-index:1;text-align:left;}
 
 .vido_list{ width:228px; margin:0px 30px 30px 50px; float:left;}
 .vido_list .vido_list_title{ font-size:10px; font-weight:bold; padding-left:8px; padding-bottom:6px;}
 .vido_list .vido_list_link{ font-size:10px; color:#FFF; padding-top:6px; text-align:center;}
 .vido_list_01{ width:228px; height:140px; position:relative; background: #000;}
 .vido_list_02{ width:228px; height:140px; position:absolute; z-index:99;}
 .vido_list_00{ position:absolute; left:1px; width:228px; height:140px;}
 .vido_list_01 a{display:block; z-index:100; width:228px; height:140px; position:absolute;left:0px;}
 .vido_list_01 a div{ display:block;}
 .vido_list_01 a:hover div{ display:none;}
 
 .body_class{ background:url(../images/class_bj2.jpg) repeat-x #A5A9B0;}
 .BJ_class{ width:1002px; height:784px; margin:0px auto; background:url(../images/class_bj.jpg) no-repeat center; position:relative;}
 .class_conter{ width:965px; height:590px; margin:0px auto;}
 .class_conter #left{ width:202px; height:100px; position:absolute; left:0px; margin-left:30px; z-index:100;}
 .class_conter #left img{ position:relative; margin-top:50px;}
 .class_conter li{ display:block;}
 .class_conter .con_link{ font-size:10px; color:#FFF; text-align:right; height:50px; line-height:50px; text-transform:capitalize;}
 .class_conter p{ line-height:24px; display:inline;}
 .class_conter #left li{ display:block;}
 .class_conter #link a{ display:block; height:22px; width:169px; line-height:22px; background-color:#4A4B4E; margin-left:14px!important; margin-left:9px; margin-top:5px; text-align:left; padding-left:13px; text-transform:uppercase; font-size:11px;}
 .class_conter #link span{ display:block;  height:22px; width:182px; background-color:#4A4B4E; margin-left:14px!important; margin-left:9px; margin-top:5px;}
 .class_conter #link a:hover{ background:url(../images/left_bj.jpg) repeat-x; text-decoration:none; font-weight:bold; color:#FF7800;line-height:19px;}
 #diz{  font-size:10px; color:#FFF; text-align:right; height:50px; line-height:50px; text-transform:capitalize; padding-right:50px; padding-top:40px; z-index:99; position:absolute; right:0px;}
 #class_flash{ position:absolute; width:940px; height:500px; left:30px; top:200px;}
 
 #news_list_a #news_a{ display:block; height:15px; background:url(../images/dian.gif) repeat-x bottom; color:#000; padding:8px 10px 10px 8px;}
 #news_list_a #news_a:hover{ background:url(../images/dian.gif) repeat-x bottom #91949B; color:#DC0404; text-decoration:none;}
 #news_list_a h1{ display:block; float:left; margin:0px; font-size:12px; font-weight:bold;}
 #news_list_a span{ display:block; float:right; font-size:10px;}
 #news h1{ margin:0px; text-align:center; font-size:14px; margin-bottom:15px; margin-top:10px;}
 #news h2{ margin:0px; font-size:11px; text-transform:capitalize; margin-bottom:15px;}
 #news h4,#prod_show h4{ display:block; float:right; font-size:11px; font-weight:normal; color:#fff; margin-right:5px; margin-top:15px;}
 #news h4 a,#prod_show h4 a{ color:#fff;}
 #news h4 a:hover,#prod_show h4 a:hover{ color:#DC0404; text-decoration:none;}
 
 .online{ width:269px; padding-top:25px; padding-left:15px; height:210px;}
 #onlie_r{ width:109px; height:33px; float:left; position:relative; margin-bottom:4px;}
 #onlie_z_r{ display:block; position:absolute; top:8px; left:10px; font-size:10px; color:#fff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
 #onlie_z_r a{ color:#C1C9D2;}
 #onlie_z_r a:hover{ text-decoration:none; color:#DC0404;}
 #onlie_l{ width:112px; height:33px; float:left; position:relative; padding-left:35px; margin-bottom:4px;}
 #onlie_z_l{ display:block; position:absolute; top:8px; left:43px; font-size:10px; color:#fff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; width:110px;}
 #onlie_z_l a{ color:#C1C9D2;}
 #onlie_z_l a:hover{ text-decoration:none; color:#DC0404;}

 #clear{ margin:0; padding:0; border:0; clear:both;}
 
 #none{ display:none;}
 
 .inputKey { border: 1px solid #363637;width:145px; height:18px;background-color: #363637;margin-top:2px; color:#7E7E7E; font-weight:bold;float:right; line-height:18px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize;}