@charset "utf-8";
/* CSS Document */
#header, #content, #footer { width:962px; margin:0 auto; }
body.index { background:url(body_bg.jpg) repeat-x; height:1071px; overflow:hidden; }
.Container { _height:820px; min-height:820px; background:url(container_bg.jpg) repeat-x top; }
a { font-family:Arial; font-size:12px; color:#232323;}

#header .header_logo { height:88px; width:962px; overflow:hidden; }
#header .header_logo .logo { padding:13px 0 0 15px; float:left; }
#header .header_logo .top_info { float:right; padding:15px 0 0 0; }
#header .nav { height:54px; overflow:hidden; margin:0 auto; padding:11px 0 0 2px;}
#header .nav ul {  margin:0 auto; }
#header .nav ul li { float:left; width:96px; height:33px; text-align:center; line-height:35px; margin-right:10px; }
#header .nav ul li a { display:block; width:96px; height:33px; font-size:14px; font-weight:bold; text-decoration:none; }
#header .nav ul li a:hover, #header .nav ul li a.current { background:url(current_bg.jpg) no-repeat; width:96px; height:33px; color:#fff; }
#header .banner { height:224px; padding-top:10px; }
#header .menu { background:url(menu_bg.jpg) no-repeat; width:961px; height:43px; overflow:hidden; margin-top:2px; line-height:43px; }
#header .menu ul { margin:17px 0 0 16px; }
#header .menu ul li { float:left; margin-right:38px; line-height:23px; display:inline-block; height:20px; }
#header .menu ul li .ico_menu { background:url(ico_menu.jpg) no-repeat; height:19px; width:15px; margin-right:7px; float:left;}

#content { min-height:418px; _height:418px; margin-top:17px; overflow:hidden!important; overflow:visible; }
#content .con_left { width:252px; overflow:hidden; float:left; }
#content .con_left .news {}
#content .con_left .news .news_title { margin:16px 0 10px 8px; }
#content .con_left .news .news_con { }
#content .con_left .news .news_con ul { zoom:1; padding:0; margin:0; list-style:none; }
#content .con_left .news .news_con ul li {width:230px;background:url(bottom_line.jpg) bottom repeat-x;float:left;display:inline;padding:0 0 0 17px;height:30px;}
*#content .con_left .news .news_con ul li a {margin-top:10px;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#content .con_left .news .news_con ul li .ico_news { background:url(ico_phone.jpg) no-repeat 0 11px; width:15px; height:26px; float:left; }
#content .con_line { width:45px; height:412px; background:url(line_2.jpg) center repeat-y; float:left;}
#content .con_main { width:662px; height:430; overflow:hidden; float:right;}
#content .con_main .main_about { width:640px; height:244px; background:#f5fafd;  padding:19px 0 0 22px; }
#content .con_main .main_about .about_title { width:626px; height:30px; background:url(bottom_line.jpg) bottom repeat-x; clear:both; padding:0;}
#content .con_main .main_about .about_title img { float:left; }
#content .con_main .main_about .txt { width:386px; height:195px; margin-top:12px; overflow:hidden; line-height:28px; float:left; }
#content .con_main .main_about .txt p { text-indent:2em;}
#content .con_main .main_about .pic { float:right; margin-top:12px; width:243px; height:195px; padding-left:10px;}
#content .con_main .main_bottom { width:662px; height:129px; margin-top:18px; }

#content .sub_left { width:216px; float:left; overflow:hidden; }
#content .sub_line { width:39px; background:url(line_2.jpg) center repeat-y; float:left; margin-bottom:-10000px; padding-bottom:10000px; overflow:hidden; }
#content .sub_main { width:704px; float:right; overflow:hidden;}
#content .sub_left .products_pannel { width:216px; _height:190px; min-height:190px; float:left; }
#content .sub_left .products_pannel .products_title { margin-bottom:10px; width:216px; }
#content .sub_left .products_pannel .products_list {}
#content .sub_left .products_pannel .products_list ul { zoom:1; padding:0; margin:0; list-style:none; }
#content .sub_left .products_pannel .products_list ul li { width:199px; overflow:hidden; background:url(bottom_line.jpg) bottom repeat-x; float:left; display:inline; padding:0 0 0 17px; height:30px; }
*#content .sub_left .products_pannel .products_list ul li a { margin-top:10px; display:block;}
#content .sub_left .products_pannel .products_list ul li .ico_news { background:url(ico_phone.jpg) no-repeat 0 11px; width:15px; height:26px; float:left; margin-right:5px; }
#content .sub_left .contact_pannel { float:left; width:216px; margin:10px 0 10px 0; _height:190px; min-height:190px; }
#content .sub_left .contact_pannel .contact_img { margin:10px 0 10px 0;}
#content .sub_left .contact_pannel .contact_list ul { zoom:1; padding:0; margin:0; list-style:none; }
#content .sub_left .contact_pannel .contact_list ul li { width:199px; overflow:hidden; background:url(bottom_line.jpg) bottom repeat-x; float:left; display:inline; padding:0 0 0 17px; height:20px; padding-top:10px; }
#content .sub_left .order_pannel { float:left; margin:10px 0 10px 0; width:216px; _height:60px; min-height:60px; }
#content .sub_main .second_nav { width:704px; overflow:hidden; height:21px; text-align:right; }
#content .sub_main .main_title { margin:6px 0 28px 0;}
#content .sub_main .sub_main_con { padding:0 0 0 14px; width:690px; }
#content .sub_main .sub_main_con .left { width:412px; float:left; }
#content .sub_main .sub_main_con .right { width:241px; float:right; }
#content .sub_main .sub_main_con .left .products_key { margin:60px 0 0 0;}
#content .sub_main .sub_main_con .left .products_key ul { margin:20px 0 0 20px;}
#content .sub_main .sub_main_con .left .products_key ul li { float:left; margin:0 100px 20px 0; background:url(ico_menu.jpg) no-repeat 0 0px; padding:0 0 0 18px; height:15px; overflow:hidden; }
#content .sub_main .sub_main_con .left .products_key ul li a { font-weight:bold; display:block; width:40px; *margin-top:1px; }
#content .sub_main .sub_main_con .product_list { margin:0 40px 20px 40px!important; margin:0 30px 20px 40px; float:left; width:136px; _height:120px; min-height:120px; display:inline; }
#content .sub_main .sub_main_con .product_list .pic { width:160px; height:140px; }
#content .sub_main .sub_main_con .product_list .txt { width:150px; _height:24px; min-height:24px; text-align:center; }
#content .sub_main .sub_main_con .news_list { width:690px; _height:480px; min-height:480px; }
#content .sub_main .sub_main_con .news_list ul { zoom:1; padding:0; margin:0; list-style:none;}
#content .sub_main .sub_main_con .news_list ul li { width:660px; background:url(bottom_line.jpg) bottom repeat-x; float:left; display:inline; padding:0 0 0 17px; height:20px; padding-top:10px;}
#content .sub_main .sub_main_con .news_list ul li .ico_news { background:url(ico_phone.jpg) no-repeat 0 3px;; width:15px; height:26px; float:left; margin-right:5px; }
#content .sub_main .sub_main_con .contact_con { width:600px; padding-left:40px;}

#content .sub_main .sub_main_con .product_piclist { width:680px; height:150px; background:url(bottom_line.jpg) bottom repeat-x; margin:20px 0; }
#content .sub_main .sub_main_con .product_piclist .pic { float:left; width:160px; height:140px; }
#content .sub_main .sub_main_con .product_piclist .txt { float:left; margin:10px 0 0 20px; display:inline; width:500px; height:150px;}
#content .sub_main .sub_main_con .product_piclist .txt .title { width:500px; overflow:hidden;}
#content .sub_main .sub_main_con .product_piclist .txt .title a { font-size:16px; font-weight:bold; font-family:Arial; color:#000; }
#content .sub_main .sub_main_con .product_piclist .txt .introduct { width:500px; height:90px; overflow:hidden;}
#content .sub_main .sub_main_con .product_piclist .txt .introduct p { color:#666; text-indent:2em; }

#content .sub_main .sub_main_con p { letter-spacing:1px; line-height:24px;}

.date { float:right; }
.page { margin:30px 0 0 0; width:690px; overflow:hidden; clear:both; }
.page .total { float:left; width:50px; }
.page .page_pannel { float:left; width:640px; text-align:center; }
.page .page_pannel a { margin:0 10px 0 0; text-decoration:none; }
.page .page_pannel .disabled { cursor:default; color:#ccc;}
.page .page_pannel a.disabled:hover { cursor:default; color:#ccc;text-decoration:none;}
.page .page_pannel a:hover { color:red; text-decoration:underline; }
.page .page_pannel a.current { color:red; text-decoration:underline; font-weight:bold; }

/*form*/
.inputbox { margin:0px auto; line-height:26px; width:580px; }
.inputbox p{ text-align:left; clear:both; }
.ibl { width:90px; text-align:right; top:3px; float:left; margin:8px 0; }
.ibr { width:475px; text-align:left; float:left; margin:8px 0; }
.inputTxt { height:18px; padding:0; margin:0; }
.inputbox .btnSubmit { background:url(btnSubmit.gif) no-repeat center; width:43px; height:20px; overflow:hidden; border:0px; margin-right:10px; cursor:pointer; }
.inputbox .btnReset { background:url(btnReset.gif) no-repeat center; width:43px; height:20px; overflow:hidden; border:0px; cursor:pointer; }

#footer { height:93px; overflow:hidden; text-align:center; line-height:25px; margin-top:30px; }
.footer { background:url(body_bg.jpg) repeat-x 0 -878px; }
.footer p.top { margin-top:30px;}

.more { float:right; height:30px; line-height:30px;}
.more a { color:#366403;}
.returnBack { position:absolute; bottom:20px; right:160px; }
.returnBack a { color:#DD7C26;}