@charset "utf-8";
/* CSS Document */
body {
	margin: 0px auto; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#B3B3B3; background-color:#000;
}

ul,li,form { margin: 0px; padding: 0px;}
li { list-style-type: none;}
img{ border:0}
a,area{behavior:url(css/blur.htc);} 

.dis{ display:block;}
.undis{	display:none;}
.clear{ clear:both;}

a {	color: #B3B3B3; text-decoration: none;}
a:hover {color: #fff000;}

a.gray{ color:#808080;}
a.gray:hover{ color:#fff000;}

.f_gray{  color:#808080;}
.f_black{ color:#000;}
.f_red{ color:#f00;}
.f_yellow{ color:#FFF000;}
.f_cur{ color:#FFF000}
.f_green{ color:#BEFF78;}
.f_bold{ font-weight:bold;	}
.l_height{ line-height:150%; }
.f_size{ font-size:14px; }
.t_right{ text-align:right; display: block}
.t_center{ text-align:center;}
.f_style1{ color:#BEFF78; font-weight:bold}
.re_height{ line-height:normal}
.float_l{ float:left;}

.index_body{ background:url(../images/bg.jpg) repeat-x top; background-color:#000}
.inpage_body{ background:url(../images/bg2.jpg) repeat-x top; background-color:#111111;}
.main_box{ width:1004px; margin:0 auto;}

/* top nav */
#top_nav{ width:1004px; height:69px; overflow:hidden; background:url(../images/top_nav_bg.jpg) no-repeat right top; float:left; overflow:hidden;}
#top_nav li{ float:left;}
#top_nav li a{ height:69px; display:block; float:left;}
#top_nav .logo a{ width:255px;}
#top_nav .l1 a{ width:102px;}
#top_nav li .cur, #top_nav li a:hover { background:url(../images/top_nav_bg.jpg) no-repeat left -69px;}
#top_nav .l1 a:hover, #top_nav .l1 .cur{ background-position:left -69px;}
#top_nav .l2 a{ width:87px; background-position:-87px top;}
#top_nav .l2 a:hover, #top_nav .l2 .cur{ background-position:-103px -69px;}
#top_nav .l3 a{ width:87px;}
#top_nav .l3 a:hover, #top_nav .l3 .cur{ background-position:-190px -69px;}
#top_nav .l4 a{ width:87px;}
#top_nav .l4 a:hover, #top_nav .l4 .cur{ background-position:-277px -69px;}
#top_nav .l5 a{ width:87px;}
#top_nav .l5 a:hover, #top_nav .l5 .cur{ background-position:-364px -69px;}
#top_nav .l6 a{ width:87px;}
#top_nav .l6 a:hover, #top_nav .l6 .cur{ background-position:-451px -69px;}
#top_nav .l7 a{ width:87px;}
#top_nav .l7 a:hover, #top_nav .l7 .cur{ background-position:-538px -69px;}
#top_nav .l8 a{ width:87px;}
#top_nav .l8 a:hover, #top_nav .l8 .cur{ background-position:-625px -69px;}

/* index left */
.index_left{ width:230px; height:382px; overflow:hidden; float:left; padding:0 23px 0px 27px; background:url(../images/index_left_bg.jpg) repeat-y;}

/**.index_left{ width:230px; float:left; padding-bottom:113px!important; padding:0 23px 111px 27px; background:url(../images/index_left_bg.jpg) repeat-y;}**/

.index_left img{ margin-top:3px;}
.index_left p{ margin:0; padding:0;}

.index_right{ float:left;}
.index_about{ width:470px; height:80px; padding:41px 200px 10px 18px ; line-height:180%; background:url(../images/index_07.jpg) no-repeat left top; overflow:hidden; text-overflow:ellipsis; }

.index_pro{ height:124px; overflow:hidden; margin-top:11px;}
/**.index_pro li{ float:left; width:207px; height:116px; padding:8px 8px 0 8px; overflow:hidden; background:url(../images/index_pro_bg.jpg) no-repeat left top; margin-right:8px;}**/
.index_pro li{ float:left; width:120px; height:116px; padding:8px 0 0 8px; overflow:hidden; background:url(../images/index_pro_bg.jpg) no-repeat left top; margin-right:10px;}
.index_pro li span{ font-weight:bold; display:block; width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"黑体"; font-size:13px; }
.index_pro li span a{ color:#BA4300;}
/**.index_pro li .img{ margin-right:5px; width:90px; height:110px;}**/
.index_pro li img{ width:110px; height:110px;}


.index_line{ width:688px; height:7px; overflow:hidden; background:url(../images/index_line.jpg) repeat-x; margin:8px 0 15px 0}
.index_foot{ text-align:center; line-height:150%; padding-bottom:3px;}
.index_foot .cop{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; }
.index_foot img{ margin-top:10px;}

.index_left ul{ width:230px; height:269px; background:url(../images/index_left_menu.jpg) no-repeat left top; }
.index_left ul a{ display:block; width:230px;}
.index_left .l1 a{ height:68px;}
.index_left .l1 a:hover{ background:url(../images/index_left_menu.jpg) no-repeat -230px top;}
.index_left .l2 a{ height:67px;}
.index_left .l2 a:hover{ background:url(../images/index_left_menu.jpg) no-repeat -230px -68px;}
.index_left .l3 a{ height:68px;}
.index_left .l3 a:hover{ background:url(../images/index_left_menu.jpg) no-repeat -230px -135px;}
.index_left .l4 a{ height:67px;}
.index_left .l4 a:hover{ background:url(../images/index_left_menu.jpg) no-repeat -230px -203px;}

/* about */
.left_box{ width:217px; float:left; overflow:hidden; background:url(../images/left_bg.jpg) repeat-y;}
.left_menu{ width:196px; float:right;}
.left_menu .bg{ width:196px; background:url(../images/left_menu_bg.jpg) repeat-y;}
.left_menu #menulist{ height:auto!important; height:208px; min-height:208px; background:url(../images/left_menu_bg2.jpg) no-repeat left top; }
.left_menu #menulist li{ /*height:35px;*/ line-height:35px; margin:0px 5px 3px 18px; background:url(../images/left_menu_libg.jpg) no-repeat left bottom; display:block}
.left_menu #menulist li a.cur, .left_menu #menulist li a:hover{ color:#fff000;}
.left_menu .footbg{ height:7px; background:url(../images/inpage_11.jpg) no-repeat left top; overflow:hidden;}
.hot_line{ width:196px; height:405px; background: url(../images/inpage_12.jpg) no-repeat top;}

.right_box{ width:787px; float:left; overflow:hidden; background:#111;}
.right_top_nav{ padding-right:45px; height:29px; background:url(../images/inpage_04.jpg) no-repeat left top; line-height:29px; text-align:right; font-family:Arial, Helvetica, sans-serif;}
.right_box .main_con{ width:700px; padding:10px 15px; margin:0 0 15px 23px; border:1px solid #4B4B4B; background:#282828; height:auto!important; height:600px; min-height:600px;}
.right_box .title{ padding:3px 0 15px 0;}

/** product **/
.right_box .main_con2{ width:700px; background:url(../images/pro_con_bg.jpg) repeat-x top; padding:10px 15px; margin:0 0 15px 23px; border:1px solid #4B4B4B; background-color:#282828; height:auto!important; height:600px; min-height:600px;}
.right_box .main_con2 .title{ position:absolute; top:288px;}
.right_box .main_con2 .list{ margin:50px 0 0 0;}
.right_box .main_con2 .list li{ float:left; margin:20px 30px 20px 35px;}
.right_box .main_con2 .list div{ width:255px; height:255px; background:url(../images/pro_bg.jpg) no-repeat left top; overflow:hidden;}
.right_box .main_con2 .list div img{ width:250px; height:250px; margin:3px 0 0 3px;}
.right_box .main_con2 .list span{ width:255px; text-align:center; display:block; overflow:hidden; text-overflow:ellipsis; line-height:25px; white-space:nowrap;}

/** product detail **/
.b_pro_bg{ width:347px; height:347px; background:url(../images/b_pro_bg.jpg) no-repeat left top; overflow:hidden; margin:0 15px;}
.b_pro_bg img{ margin:2px 0 0 2px; width:342px; height:342px;}
#tab_product{ margin-left:8px!important; margin:5px 0 0 0;}
#tab_product li{ float:left; margin-left:7px; width:112px; height:86px; background:url(../images/s_pro_bg.jpg) no-repeat left top;}
#tab_product li img{ width:105px; height:75px; margin:8px 0 0 4px}
#tab_product .cur{ background:url(../images/s_pro_cur_bg.jpg) no-repeat;}
.pro_line{ width:653px; height:7px; background:url(../images/pro_line.jpg) no-repeat left top; overflow:hidden; margin:10px 0 0 20px}
.pro_con{ padding:0px 20px 15px 20px; line-height:150%;}

/** news **/
.newslist{ margin:0 8px 0 0; line-height: normal;}
.newslist li{ margin-bottom:50px;}
.newslist li img{ margin-top:0px!important; margin:16px 20px 0 0; float:left; border:2px solid #B2BCB2;}
.newslist li .box{ line-height:150%}
.nline{ height:5px; background:url(../images/newsline.jpg) left top; overflow:hidden; margin:8px 0}
.newslist li .box .btn{ border:0; float:right;}
.ntitle2{ text-align:center; margin:20px 0 5px 0; font-size:14px; font-weight:bold; color:#FFF000;}

/** service **/
.input_s1{ width:310px!important; width:300px; height:18px!important; height:16px; background:url(../images/input_bg.jpg) no-repeat; padding:0px;}
.input_s1 input{ width:100%; height:16px; border:1px solid #333; background:none; color:#CCC;}
.textarea{  border:1px solid #333; background:none; padding:3px; color:#CCC;}
.btn{ border:1px inset #666; background:#333; color:#fff;}

#showOrder{ width:500px; top:350px; margin:-50px 0 0 450px; padding:10px; background:#2F2F2F; border:1px solid #B3B3B3;}

/* 分页样式 */
.PageControl {text-align:right; clear:both; margin:10px;}
.page_list {font:normal 11px Tahoma; }
.page_list a:link, .page_list a:visited {font:normal 9px Tahoma; padding:1px 0 2px 0; margin:0 3px 0 3px; text-align:center; text-decoration:none}
.page_list a:hover {text-decoration:none;}
.page_list .pageInfo {margin:0 3px}
.page_list .pageNum {padding:0 1px}
.page_list a.currBtn:link, .page_list a.currBtn:visited {}
.page_list a.currBtn span{ color:#fff000; font-size:12px}

.page_list a.pageBtn:hover {}
.page_list a.pageBtn:hover span{}

.page_list a.firstBtn:link, .page_list a.firstBtn:visited, .page_list a.lastBtn:link, .page_list a.lastBtn:visited { border:none; padding:0px}
.page_list a.firstBtn:hover, .page_list a.firstBtn:hover, .page_list a.lastBtn:hover, .page_list a.lastBtn:hover {text-decoration:none; background:none; }
.page_list img{ vertical-align:middle;}