*{ margin:0px; padding:0px;}
html,body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; width:100%;}
ul{ list-style-type:none;}
a{ color:#333333; text-decoration:none;}
a:hover{  text-decoration:underline;}
img{ border:none;}
font{ font-size:12px;}
table{ border-color:#CCCCCC;}
table tr{ border-color:#CCCCCC;}
table td{ border-color:#CCCCCC;}
.content{ text-align:left; width:965px; margin:0px auto; }



/*---------------head-------------------------------------*/
.top{ width:100%; }
.leftlogo{ width:550px; float:left; /*height:80px;*/  overflow:hidden; }
.logo img{ padding:20px 0 0 30px;}

.righttime{ width:350px; float:right; text-align:right; padding-top:8px;  padding-right:10px; position:relative; overflow:hidden; }
.seo{ margin:16px 0px; }
.seo span{ display:block; font-size:14px; color:#31A856; font-weight:bold; }
.seo span em { color:#F00; font-size:18px; }
.sidebar{ margin-right:18px;  }
.sidebar span{ margin-left:40px; color:#25556b; }
.sidebar span a{padding:0 14px; font-weight:bold; color:#25556b; }
.language{ }


.index_login{ margin-top:0px; color:#333333; }
.index_login span.log1 input{ width:60px; background:#FFFFFF; border:1px solid #DCDCDC; }
.index_login span.log2 input{ width:30px; background:#FFFFFF; border:1px solid #DCDCDC; }
.index_login span.log2 img{ width:50px; height:17px; position:relative; bottom:1px; margin:0px 5px 0px 5px; bottom:2px\9;}
.index_login span.log3 input{ font-family:Arial; font-size:12px; *padding-top:3px;}
.index_login1{ width:37px; height:20px; color:#7B7B7B; cursor:pointer; background:none; border:none; background:url(../img.gif) no-repeat 0px -355px;}
.index_login1{ padding-top:4px\9; margin-right:5px; padding-right:1px;}
.index_login2{ width:42px; height:20px; color:#7B7B7B; cursor:pointer; background:none; border:none; color:#0099FF; margin-right:5px;}
.index_login span.log3 a{ text-decoration:underline; color:#FF6600;}


.nav{ clear:both; width:965px; height:35px; background:url(../navbg.jpg) no-repeat;  margin-top:14px;  position:relative; top:15px; *top:0px; _top:0px;}
.nav .now_Datetime { float:left; width:145px; height:35px; line-height:35px; color:#FFFFFF; padding:0 10px; overflow:hidden; }		/*å½?å??æ?¶é?´*/
.nav ul{ width:792px; height:35px; line-height:35px; margin-left:168px; *margin-left:165px; _margin-left:165px;  }
.nav ul li{ float:left; width:87px;}
.nav ul li a{ display:block; text-align:center; width:83px; font-weight:bold; color:#FFFFFF; } 
.nav ul li a:hover{ display:block; background:url(../navbg_hover.jpg) repeat-x;  text-decoration:none;}
.navdn{ background:url(../navbg_hover.jpg) repeat-x;}

.nav_flash{ width:100%; height:200px; margin:0px auto;  overflow:hidden;}


/*----------------------------------------------------------index----------------------------------------------------------------*/
.main{ width:100%; margin-top:4px; padding-bottom:10px;}
.main_left{ float:left; width:250px; margin-top:5px; margin-right:8px;overflow:hidden; }
.main_right{width:700px; margin-top:5px; overflow:hidden; }
.main_top{ height:25px; line-height:25px; position:relative; border:1px solid #efefef; width:999; padding:1px; margin-top:5px;}

/*----------index .more-------------*/
.more{ position:absolute; right:5px; bottom:0px;}
.more a{ display:block; width:40px; height:20px; font-family:Arial; font-weight:normal; background:url(../img.gif) no-repeat 0px -290px;}
.more a:hover{ text-decoration:none;}

/*-------------------index top------------------------*/
.main_top span{ background:#EBF6FC url(../g1.gif) no-repeat 10px 4px; display:block; padding-left:35px; height:25px; line-height:28px; color:#0099FF;}
.main_top span a{ color:#0099FF;}
.notice{ position:absolute; right:10px; bottom:0px; width:50%; height:25px; line-height:25px; }
.notice marquee{ width:100%; color:#000000;}
.notice marquee a{ color:#222222; margin:0px 20px; padding-left:10px; background:url(../li.gif) no-repeat 0px 5px;}
.notice marquee a:hover{ text-decoration:none !important; color:#FF0000;}


/*----------index left æ?°é?»å??è¡¨-------------*/
.news_title{ font-weight:bold; position:relative; width:215px; height:30px; line-height:30px; background:url(../lia.gif) repeat-x bottom left;}
.news_title{ margin:0px auto; margin-top:-10px;}
.news_title span{ font-size:14px; display:block; padding-left:35px; background:url(../img.gif) no-repeat 5px -160px;}

.index_newslist{ width:215px; margin:0px auto;}
.index_newslist li{ height:30px; line-height:30px; _height:10px; _line-height:15px;  padding-left:5px;   _padding:8px 0px;}
.index_newslist li{ background:url(../lia.gif) repeat-x bottom left;}
.more1{ text-align:right;}
.more1 a{ font-family:arial;}

.index_newslist li img{}
.index_newslist li a{ color:#555555;}
.index_newslist li a:hover{ text-decoration:underline; color:#0099FF;}


/*-------------------index main right------------------------*/
.main_left_topbox { width:250px; height:16px; float:left; background:url(../main_left_topbox.jpg) no-repeat top left; overflow:hidden; }
.main_left_bottombox { width:250px; height:auto !important; height:800px; min-height:800px;  background:url(../main_left_bottombox.jpg) no-repeat bottom left;}
.index_left_top{ height:30px; line-height:30px; margin-top:16px;*margin-top:0px; _margin-top:0px; }
.index_left_top span{display:block; height:30px; line-height:30px; margin:0px 13px 0px 13px; padding-left:45px;  font-weight:bold; color:#FFF; }
.index_left_bottombox{ height:auto !important; height:60px; min-height:60px;  margin-bottom:5px;}
.index_left_bottombox ul{ width:224px; margin:4px 13px 0px 13px; overflow:hidden; }
.index_left_bottombox ul li input{ background:#FFFFFF;}
.index_left_bottombox ul li select{ background:#FFFFFF;}

/*-------------product nav-----------------------
.jsmenu{ height:auto !important; height:60px; min-height:60px;  margin-bottom:5px;}
.jsmenu .collapsed{ width:224px; margin:4px 13px 0px 13px; overflow:hidden; }

.leftnav_pro .fath {height:30px; line-height:30px; margin-top:-2px;  border-top:none; background:#6ABADD url(../li_pro.jpg) no-repeat 20px 10px; }
.leftnav_pro .fath  a { display:block; font-weight:600; color:#25556b; padding-left:32px; }
.leftnav_pro .fath  a:hover { color:#0b76b4;  text-decoration:none;  }
*/

/*----------index å?¬å?¸ç®?ä»?-------------*/
.right_top {width:690px;  margin-top:10px; margin-bottom:10px; overflow:hidden; }
.abuto_title{ height:22px;  margin-top:3px; background:url(../index_abouttitle.jpg) no-repeat;}
.abuto_title span{  display:block; color:#FFFFFF; padding-left:44px; padding-top:6px; font-weight:bold;}
.aboto_content{  padding:8px; line-height:20px; color:#555555;}
.aboto_content img{ margin:0px 7px 5px 0px; _margin:0px 4px 2px 0px;}

/*----------index æ?¨è??äº§å??-------------*/
.index_probox{ width:690px; margin-left:5px; overflow:hidden;}
.index_protitle{ height:43px; line-height:43px; background:url(../index_protitle.jpg) no-repeat; margin-bottom:8px; margin-top:10px; position:relative;}
.index_protitle span{ display:block; padding-left:70px; color:#25556b; font-weight:bold; }

.index_prolist { float:left; width:330px; height:145px; background:url(../index_prolist.jpg) no-repeat; margin:0 5px; overflow:hidden;}
.index_proname { display:block; height:25px; padding-top:10px; padding-left:52px;}
.index_proname a {color:#25556b;  font-weight:bold; }

.index_prolist dt { float:left; margin:8px 10px 0px 15px;}
.index_prolist dt img {  width:80px; height:80px; border:1px #D2D2D2 solid; }
.index_prolist dd { float:left; width:185px; margin-top:8px;}
.productpara_text { display:block; color:#828282; line-height:18px;}
.productpara_text em { font-style:normal; color:#F00; }

/*----------index ä¸?è½½ç?®å½?-------------*/
.index_donwlist{ width:690px; margin-left:20px; overflow:hidden;}
.index_donwlist li { float:left; width:110px; padding:0 10px;}
.index_donwlist li a { color:#25556b;}
.index_donwlist li div { margin-top:8px;}
.index_donwlist li img { width:100px; height:105px; }

/*----------index æ?ªç?¥-------------*/
.img_title{ display:block; line-height:18px; overflow:hidden;}
.img_title a{ color:#0099FF;}
.img_title a:hover{  color:#555555; text-decoration:underline;}
.img_text{ color:#666666;}



/*-----------------------footer---------------------------*/
.footer{ width:100%; padding-top:10px; }
.footlink{ text-align:left; color:#FFFFFF; height:20px; padding-top:5px;border-bottom:2px solid #7BA3E5; background:url(../foot.gif) repeat-x 0px 0px;}
.footlink span{ font-weight:bold; font-size:14px; padding:0 20px; }
.footlink a{ color:#FFFFFF; padding:0 5px;}
.footlink a:hover{ color:#FFFFFF; text-decoration:underline;}
.foottext{ padding:5px 0px; text-align:left; color:#828282; line-height:18px;}
.foottext a{ color:#828282;}
.footlogo { float:left; width:150px; padding:0px 0px 0px 50px;}
.icp { padding:0 8px}

/*---------------------------------------------------------web------------------------------------------------------------*/

/*----------------------------****å·¦è¾¹å¯¼è?ªæ ·å¼?****-----------------------------------***/
.webleft{ float:left; width:250px; margin-top:5px;  margin-right:5px; overflow:hidden; }

/*å¯¼è?ªè??å??æ ?é¢?æ ·å¼?å??å®¹*/
.webtitle{width:250px; overflow:hidden; height:48px; line-height:48px; background:url(../leftnav_top.jpg) no-repeat top left;}
.webtitle span{display:block; height:30px; line-height:30px; margin:18px 13px 0px 13px; padding-left:45px;  font-weight:bold; color:#FFF; }

.left_alltitle span{ background:url(../webtitle_all.jpg) no-repeat top left; }  
.left_protitle span{ background:url(../webtitle_product.jpg) no-repeat top left; }  

/*å¯¼è?ªè??å??åº?å¤?æ¡?æ ·å¼?å??å®¹*/
.left_bottombox{ height:auto !important; height:30px; min-height:30px;  background:url(../leftnav_bottom.jpg) no-repeat bottom left;  margin-bottom:5px;}
.left_bottombox ul{ width:224px; margin:4px 13px 15px 13px; overflow:hidden; }
.left_bottombox ul li input{ background:#FFFFFF;}
.left_bottombox ul li select{ background:#FFFFFF;}

/*é??äº§å??å¯¼è?ªè??å??å??å®¹*/
.leftnav_all li{ height:30px; line-height:30px; margin-top:-2px;  border-top:none; background:#EAE9E9 url(../li_all.jpg) no-repeat 20px 10px; }
.leftnav_all li a { display:block; font-weight:600; color:#25556b; padding-left:32px; }
.leftnav_all li a:hover { background:#D2D2D2 url(../li_all_hover.jpg) no-repeat 20px 10px; color:#0b76b4;  text-decoration:none;  }

/*äº§å??å¯¼è?ªè??å??å??å®¹*/
.leftnav_pro li{height:30px; line-height:30px; margin-top:-2px;  border-top:none; background:#6ABADD url(../li_pro.jpg) no-repeat 20px 10px; }
.leftnav_pro li a { display:block; font-weight:600; color:#25556b; padding-left:32px; }
.leftnav_pro li a:hover { color:#0b76b4;  text-decoration:none;  }

/*å·¦ è??ç³»æ??ä»¬å??å®¹æ ·å¼?*/
.left_contactus { padding:8px;}

/*å·¦ å?¬å?¸è§?é¢?å??å®¹æ ·å¼?*/
.left_video {  }

/*äº?çº§å¯¼è?ªè??å??å??å®¹*/


.leftnav_pro span .nli { background:#6ABADD url(../li_pro2.jpg) no-repeat 35px 10px;  }	/*class2 nli style*/
.leftnav_pro span .nli a {  padding-left:45px; font-weight:500; }
.leftnav_pro span .nli a:hover { background:#6ABADD url(../li_pro2_hover.jpg) no-repeat 35px 10px; }

/*å?¨çº¿äº¤æµ?æ ·å¼?*/
.met_online{ height:30px; line-height:30px; background:url(../img.gif) no-repeat 0px -219px; margin-top:2px; padding-left:40px; font-weight:bold; color:#666666;}
.met_onlinelist{ background:#F4F4F4; padding:5px; border:1px solid #E6E6E6; border-top:none; margin-top:1px; color:#666666;}

/*----------------------------****ç»?æ??å·¦è¾¹å¯¼è?ªæ ·å¼?****-----------------------------------***/



/*----------------------------****å?³è¾¹å??å®¹æ ·å¼?****-------------------------------------------------------------***/
.webright{ width:705px; overflow:hidden;  margin-top:5px; border-left:1px #D2D2D2 solid;}

.web_title{ margin:0px auto; height:42px; width:100%; overflow:hidden; }
.web_title span{ display:block; text-align:left; width:100%; height:35px; line-height:35px; padding-left:35px; font-size:14px; font-weight:bold; color:#0B76B4; }
.web_title span{ background:url(../web_title_bg.jpg) no-repeat;}
.web_title span a{ color:#0B76B4;}
.web_title span a:hover{ color:#25556b; text-decoration:none;}

.web_dec { margin:0 auto; width:685px; height:auto !important; height:60px; min-height:60px;  margin-top:8px;  margin-bottom:8px; background:#DEE8EE;  border:1px #C7E4DF solid; text-align:center;}
.web_dec span { display:block; padding:10px; line-height:22px; color:#828282; text-align:left;}

.web{ width:100%; margin-bottom:10px; margin-top:4px; }
.webcontent{ width:100%; /*width:100%;*/ margin:0px auto; height:auto !important; height:520px; min-height:520px; padding:10px 10px 10px 10px; line-height:20px; color:#828282;}
.web_bottom{ height:30px; line-height:30px; text-align:center; color:#666666; margin-top:20px}

/*--------------å?¨ä½?å??ç??-------------------*/
#contentPad { margin:0px auto; width:680px; height:900px; }
#contentPad p { float:left;   padding-right:14px; margin-bottom:15px; }
#contentPad p img { width:250px; height:250px; border:1px #D2D2D2 dotted; margin:0 10px; }

/*--------------news-------------------------------------------------------------*/
.news_list{ width:95%; overflow:hidden;}
.news_list li{ height:30px; line-height:30px; padding-left:20px; position:relative; border-bottom:1px dashed #CCCCCC; background:url(../cion08.gif) no-repeat 5px 10px; _padding-top:9px; _padding-bottom:8px; _height:10px; _line-height:15px; }
.news_list li span{ position:absolute; right:0px; bottom:0px; _bottom:6px; }

.webcontent h1{ font-size:16px; text-align:center; margin:8px 0px;}
.hits{ border-top:2px solid #339be4; text-align:right; height:25px; line-height:25px; margin-top:10px;}
.hits a{ color:#FF3300;}


/*----------------product-----------------------------------------------------*/
.newpro_content { width:680px;}

.newpro_content li { float:left; width:170px; height:auto !important; height:220px; min-height:220px; margin-bottom:10px; border-bottom:1px #D2D2D2 dotted;  }
.newpro_content li img { width:150px; height:150px; margin:0px 9px;  border:1px #D2D2D2 solid; }
.newpro_content li span { display:block; width:100%;  height:auto !important; height:60px; min-height:60px; padding-top:2px; text-align:center; }
.newpro_content li span a { color:#3F92C2;}

.pro_content{ }
.pro_content ul li{ height:130px; margin:10px 0px; position:relative;}
.pro_content ul li img{ width:120px; height:120px; }
.pro_content ul li span{ display:block; }
.pro_content ul li span.info_img{ width:150px; text-align:center; float:left;}
.pro_content ul li span.info_title{ width:180px; text-align:center; height:80px; padding-top:50px; float:left; }
.pro_content ul li span.info_para1,.pro_content ul li span.info_para2,.pro_content ul li span.info_para3{ position:relative; top:25px;}
.pro_content ul li span.info_para1{}
.pro_content ul li span.info_para2{}
.pro_content ul li span.info_para3{ }
.pro_content ul li span.info_title a{ color:#0099FF;}
.pro_content ul li span.info_detail{ position:absolute; right:0px; top:0px; width:120px; height:80px; padding-top:50px; }
.pro_content ul li span.info_detail a{ color:#666666; font-size:12px; display:block; text-align:center; width:70px; height:25px; line-height:25px; background:url(../img.gif) no-repeat 0px -405px;}
.pcontent{ padding-left:20px; line-height:18px;}

.product_list{ text-align:center;}
.smallimg{ margin-top:15px;}
.product_list ul{ text-align:left;} 
.product_list .info_para1{ margin-top:10px;}
.product_list .info_feedback{ text-align:left; display:block;}
.product_list .info_feedback a{ display:block; width:100px; height:25px; padding-top:5px; *padding-top:6px; font-weight:bold; color:#FFFFFF; text-align:center; background:url(../img.gif) no-repeat 0px -325px;}
.product_list .info_feedback a:hover{ color:#FFFFFF;}


/*____________ä¸?è½½æ¨¡å??________________________________________________________*/
.download_list{ padding:10px 20px; border-bottom:1px dashed #CCCCCC; padding:5px; margin-bottom:10px;}
.download_list_title{ margin:5px 0px;}
.download_list_para{ padding-left:30px;}
.download_list_title a{color:#333333; font-weight:bold; font-size:14px;}
.download_list_detail2{ margin:3px 0px; text-align:right; padding-right:10px;}
.download_list_detail2 a{ background:url(../img.gif) no-repeat 0px -402px; padding:8px 25px 10px 25px;}
.download_list_detail2 a{ color:#666666; padding-left:8px; }
.download_list_detail2 a:hover{ text-decoration:none !important; color:#666666; }

.download_content{ padding-left:50px; line-height:18px; color:#666666; margin-bottom:10px;}
.download_url{ margin:5px 0px; margin-left:30px;}
.download_url a{color:#1a66b3; font-weight:bold; text-decoration:underline; font-size:14px;}


/*___________å?¾ç??æ¨¡å??___________________________________________________________________*/
.img_list{ float:left; width:154px; height:185px; text-align:center; margin-left:15px; margin-top:10px;}
.img_list_img a:hover img{ border:1px solid #FF6600;}
.img_list_img img{ width:150px; height:150px; border:1px solid #CCCCCC; padding:1px;} 
.img_list_title{ background:#f4f4f4;  margin-top:2px;}
.img_list_title span a{ color:#0099FF; display:block; font-weight:bold; border:1px solid #CCCCCC; height:25px; line-height:25px;}
.img_list_title span a:hover{ text-decoration:none; border:1px solid #0099FF; background:#C6F9FF;}
.img_list_title a:hover{ text-decoration:underline;}
.img_content{ padding:10px 20px; color:#666666;}
.img_list_detail{ text-align:right;}
.img_list_detail a{ color:#dc0000;}
.img_list_detail a:hover{ position:relative; top:1px; left:1px;}

.img_list12{ width:690px; overflow:hidden; }
.img_list12 ul{ }
.img_list12 ul li{ width:204px; height:105px; float:left; margin-left:12px; margin-top:10px; text-align:center;}
.img_list12 ul li img{ width:200px; height:80px; }
/*.img_list12 ul li span.info_img{ display:block;  width:200px; height:80px;}*/
.img_list12 ul li span.info_title{ display:block; margin-top:8px; }

.img_list12 ul li h1 {font-size:12px; font-weight:normal; text-align:center;  }  /*case_title*/
.case_title a{ display:block; font-weight:normal; font-size:12px;  } 

.imgcontent{ text-align:center;}

/*____________æ??è??ä¸­å¿?____________________________________________________________*/
.job_list{ padding:10px;}
.job_list_title{ margin:5px 0px; border-bottom:1px solid #CCCCCC;}
.job_list_title a{ color:#0099FF;}
.job_list_right{ text-align:left; margin:5px 0px;}
.job_list_right a{ background:url(../img.gif) no-repeat 0px -402px; padding:7px 27px 10px 27px; color:#666666; padding-left:8px; margin-right:10px;}
.job_list_right a:hvoer{ text-decoration:none !important; color:#666666;}
.cv{ text-align:right; font-size:14px; font-weight:bold; color:#0099FF;}
.cv a{ color:#0099FF; text-decoration:underline;}



/*_____________å??é¦?æ¨¡å??____________________________________________________________*/
.bottom_input input{*padding-top:3px;}/*ie*/
.table_feed{ margin:0px 0px 0px 0px; text-align:left; width:600px;  border:1px solid #e6e6e6;}
.table_feed{ width:100%; margin:0px auto;}
.table_feed td.form_text{ text-align:right; font-size:12px; width:20%; background:#F3F3F3; color:#333333; height:25px; line-height:25px; padding-right:3px;}
.table_feed td.form_input span{color:#FF6600; font-weight:600;}
.table_feed td.form_input{ padding-left:3px;}
.table_feed td.form_input input{ border:1px solid #E2E0E0;}
.table_feed td.form_input textarea{ background:#FFFFFF; border:1px solid #E2E0E0;}
.table_feed td.bottom_input{ padding-left:3px; width:80%; color:#333333;}
.table_feed td.bottom_input input{ margin-right:6px;}
.table_feed td.form_title{ text-align:center; height:25px; background:#F3F3F3; font-size:13px; font-weight:bold;}

.feedback_table{ margin:0px 0px 0px 0px; text-align:left; width:600px;  border:1px solid #e6e6e6;}
.feedback_table{ width:100%; margin:0px auto;}
.feedback_table{ padding-top:1px;  background:#FFFFFF;}
.feedback_table td.feedback_td1{ text-align:right; font-size:12px; width:20%; background:#F3F3F3; color:#333333; height:25px; line-height:25px; padding-right:3px;}
.feedback_table td.feedback_input span{color:#FF6600; font-weight:600;}
.feedback_table td.feedback_input{ padding-left:3px;}
.feedback_table td.feedback_input input{ border:1px solid #E2E0E0;}
.feedback_table td.feedback_input textarea{ background:#FFFFFF; border:1px solid #E2E0E0;}
.feedback_submit input{ *padding-top:5px;}

/*___________é«?çº§æ??ç´¢________________________________________________*/
.searchul{}
.searchul ul li{ border-bottom:1px dashed #CCCCCC; padding:5px 5px; margin:8px 0px;}
.search_title{ display:block;}
.search_title a{ color:#0066FF;}
.search_updatetime{ display:block;}
.selist ul li{ _padding-top:5px; _height:25px;}

/*______________å??æ??é?¾æ?¥__________________________________________________________________*/
.links_content{ padding:10px 20px;}
.index_link_img{padding:10px 20px;}
.index_link_text{padding:0px 20px;}
.message_line a{ color:#FF0000; font-weight:bold;}
.index_link_img img{ width:80px; height:31px;}
.links_content{ padding:5px 0px 10px 10px; border-bottom:1px dotted #CCCCCC;}
.form_titile{ color:#0066CC;}

/*________________å?¨çº¿ç??è¨?__________________________________________________________*/
.message_line{ padding-left:10px;}
.message_list{padding:10px;}
.message_content{ padding:5px;}
.message_list_reinfo{ padding:10px 0px; border-bottom:#CCCCCC 1px dashed; color:#3399FF;}



/*ç?¯ç®±æ??ä»¶*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*--*/
#carousel{margin:30px auto 10px;width:730px; height:102px;overflow:hidden;}
/* æ??é?® */
#carousel_btn_lastgroup,#carousel_btn_nextgroup{float:left;width:27px;height:74px;margin:14px 14px 14px 15px;display:inline;overflow:hidden;text-indent:-999px;}

#carousel_btn_lastgroup a.dis:link,#carousel_btn_lastgroup a.dis:visited,#carousel_btn_lastgroup a.dis:hover{background-position:0 -148px;}
#carousel_btn_nextgroup{float:right;margin:14px 15px 14px 14px;}

#carousel_btn_nextgroup a.dis:link,#carousel_btn_nextgroup a.dis:visited,#carousel_btn_nextgroup a.dis:hover{background-position:0 -222px;}
/* ç¼©ç?¥å?¾ */	
#carousel_container{position:relative;z-index:2;float:left;width:610px;height:102px;overflow:auto;}
#carousel_container ul{position:absolute;z-index:1;left:0;top:0;height:102px;overflow:hidden;}
#carousel_container li{float:left;width:112px;height:102px;display:inline;}
#carousel_container li a:link img,#carousel_container li a:visited img,#carousel_container li a:hover img{float:left;width:80px;height:80px;padding:10px;display:inline;margin:0 5px;border:1px solid #999;}
#carousel_container li a.current:link img,#carousel_container li a.current:visited img,#carousel_container li a.current:hover img{opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);border:1px solid #369;}
/* å¤§å?¾ç??å±?ç¤ºå?ºå??ã??å?¾ç??ä»?ç»?ã??loadingé?´å½±å±?ã??loading.gif */
#carousel_photo_container{position:relative;z-index:1;margin:20px auto; width:700px; overflow:hidden;clear:both;text-align:center;}

#carousel_photo_shardow{position:absolute;z-index:4;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}
img#carousel_photo_loading{position:absolute;z-index:5;left:50%; top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;}
/* ä¸?ä¸?å¼ ï¼?ä¸?ä¸?å¼  */
a.previous:link,a.previous:visited,a.previous:hover{position:absolute;z-index:3;top:0;left:0;text-indent:-999px;width:50%;height:100%;overflow:hidden;cursor:pointer;background-color:#FFF;opacity:.0;-moz-opacity:.0;filter:alpha(opacity=0);text-decoration:none;}
a.previous:hover{background:transparent url(../last-photo.png) 0 50% no-repeat;opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80);}
a.next:link,a.next:visited,a.next:hover{position:absolute;z-index:3;top:0;right:0;text-indent:-999px;width:50%;height:100%;overflow:hidden;cursor:pointer;background-color:#FFF;opacity:.0;-moz-opacity:.0;filter:alpha(opacity=0);text-decoration:none;}
a.next:hover{background:transparent url(../next-photo.gif) 100% 50% no-repeat;opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80);}
a.dis:link,a.dis:visited,a.dis:hover{background-image:none;}


/*------------------CV--------------------------------------*/
.table_cv{ margin:0px 0px 0px 0px; text-align:left; width:600px;  border:1px solid #e6e6e6;}
.table_cv{ width:100%; margin:0px auto;}
.table_cv td.cv_text{ text-align:right; font-size:12px; width:20%; background:#F3F3F3; color:#333333; height:25px; line-height:25px; padding-right:3px;}
.table_cv td.cv_input span{color:#FF6600; font-weight:600;}
.table_cv td.cv_input input{ border:1px solid #E2E0E0;}
.table_cv td.cv_input textarea{ background:#FFFFFF; border:1px solid #E2E0E0;}
.table_cv td.cv_submit{ padding-left:3px; width:80%; background:#FAFAFA; color:#333333;}
.table_cv td.cv_submit input{ margin-right:6px;}

input.baseline{   
	  width:50px;   
	  font-size:9pt;   
	  BORDER-BOTTOM:   1px   solid   black;   
	  BORDER-LEFT:0px solid;   
	  BORDER-RIGHT:0px  solid;   
	  BORDER-TOP:0px  solid;   
	  background-color:   transparent;   
  }   
  
/*订制产品*/
#dzcp ol li { padding-bottom:5px; font-size:12px; }
#dzcp { width:90%; float:left; padding:10px; }
#dzcp h4{ padding-left:25px; padding-bottom:15px; }

#dzcpall { width:335px; float:left; padding:10px; }
#dzcpall h4{ padding-left:25px; padding-bottom:15px; }

/*动作原理*/
#products_container {
	WIDTH: 100%; 
}
.product_small_pic_show {
	DISPLAY: none;
	POSITION: absolute; right: 50px; top: -90px;
	PADDING: 5px;
} 
.dzyl_box { FLOAT:left; POSITION:relative; WIDTH:210px; margin-bottom:10px;}
.dzyl_box span { display:block; text-align:center;}

.product_small_pic {
	WIDTH: 210px; HEIGHT: 210px;
	MARGIN: 15px 10px 0px 5px; 

}
.big_pic_box { WIDTH: 350px; HEIGHT: 350px; }


/*----------------------------------------------------------------*/
.mot1 { margin-bottom:1px;}
.jsmenu { WIDTH: 220px; margin:2px 0 0 15px;}
.jsmenu DIV { OVERFLOW: hidden; }
.jsmenu DIV.collapsed {	HEIGHT: 33px;  }
.jsmenu DIV .fath { DISPLAY: block; FONT-SIZE: 12px; font-weight:bold; padding-left:22px;  OVERFLOW: hidden; CURSOR: pointer;
height:30px; line-height:30px;  background:#6ABADD url(../li_pro.jpg) no-repeat 10px 10px; COLOR: #25556b; }

.jsmenu DIV .single {DISPLAY: block; height:30px; OVERFLOW: hidden; CURSOR: pointer;  background:#6ABADD url(../li_pro.jpg) no-repeat 10px 10px; }
.jsmenu DIV .single A {	FONT-SIZE: 12px; font-weight:bold; padding-left:22px;   }

.jsmenu DIV .single A.current {}
.jsmenu DIV.collapsed .fath {}
.jsmenu DIV .son  a { DISPLAY: block; background:#6ABADD url(../li_pro2.jpg) no-repeat 25px 10px; height:20px; line-height:20px; COLOR: #25556b;  TEXT-DECORATION: none; padding-left:36px; margin-top:1px;
}
.jsmenu DIV .son  a:hover { background:#6ABADD url(../li_pro2_hover.jpg) no-repeat 25px 10px;}


.jsmenu A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 28px; COLOR: #25556b; PADDING-TOP: 7px; TEXT-DECORATION: none
}
.jsmenu A:hover {
color:#0b76b4;  text-decoration:none; }


.jsmenu A.current {}
