@charset "gb2312";
/* CSS Document */
body{font-family: Helvetica, Arial, Sans-serif; font-size:11px; margin:0 auto; padding:0;background:#000;}
form,div,ul,li{ margin:0; padding:0;}
ul,li{ list-style:none;}
img{ border:0;}
a img{ border:0;}
.clear{ clear:both;}
a{ text-decoration:none; color:#CCC;}
/*
头部样式开始
*/
#head{ width:1000px; margin:0 auto; padding:0;}
#language{ position:absolute; right:20px; top:10px; height:20px; line-height:20px; z-index:2;}
#head .nav{ height:96px; background:url(../images/logo.jpg) no-repeat; font-size:9px;}
#head .nav ul{ height:90px; margin-left:250px;}
#head .nav ul li{ height:90px; font-weight:bold; float:left;}
#head .nav ul .ge{ width:10px; color:#999; padding:0 20px; height:27px; margin-top:18px; padding-top:20px; line-height:27px;}
#head .nav ul li a{ font-size:11px; font-weight:bold; padding:0 2px; float:left; display:block; height:27px; margin-top:18px; padding-top:20px; line-height:27px; color:#5e7e86; text-decoration:none;}
#head .nav ul li a:hover{}
/*
头部样式完成

首页主体样式开始
*/
#zhuti{ width:1000px; margin:0 auto;}
#ppt{ width:996px; height:335px; margin-top:5px; margin-left:2px;}
#search{ height:39px; width:1000px; background:url(../images/search_bg.jpg) repeat-x; }
#search .key_text{ border:0px; height:20px; line-height:20px; margin-top:5px; margin-left:750px; background:#CCC;}
#search .search_but{ border:0; background:url(../images/search_but.jpg) no-repeat; width:26px; height:27px; margin-left:10px; margin-top:5px;}

#scroll_content{ width:1000px; height:257px; padding:0px; margin-top:5px; background:url(../images/grey_gradiant.png) repeat-x;}
#scroll_content .left{ float:left;}
#scroll_content .left .content_item{ height:220px; width:290px; margin:15px 16px; background:url(../images/boxEmpty2.jpg) no-repeat; float:left;}}
#scroll_content .left .content_item .content_l{ color:#CCC; line-height:20px; text-indent:24px; padding:5px;}
#scroll_content .right{ float:left;}
#scroll_content .right .content_item{height:130px; width:290px; margin:15px 12px 17px 10px; background:url(../images/boxEmpty.jpg) no-repeat; float:left;}
#scroll_content .right .up_button{ width:30px; height:70px; float:left; margin-left:16px;}
#scroll_content .right .up_button img{ width:30px; height:70px;}
#scroll_content .right .down_button{ width:30px; height:70px; float:left;}
#scroll_content .right .down_button img{ width:30px; height:70px;}
#scroll_content .right .pic_list{ width:540px; height:70px; margin-left:5px; margin-right:5px; float:left;}
#scroll_content .content_item .head{ height:30px; width:100%; text-indent:15px; line-height:30px; color:#CCC;}
#scroll_content .content_item .content{ height:100px; width:290px; color:#CCC; padding:0px; line-height:20px; text-indent:15px;}
#scroll_content .content_item .content img{}
#new_item{ color:#FFF; line-height:15px; width:270px; padding-left:10px; margin:5px 0 5px 0; height:45px;}

/*首页主体样式结束*/
/*首页底部样式开始*/
#foot{ color:#FFF; padding:8px 2px 5px 2px; width:996px; height:115px; margin:5px auto;}
#foot .foot_pic{ width:645px; height:64px; margin-left:50px;}
#foot .foot_pic img{ width:645px; height:64px;}
#foot .foot_word{ width:990px; height:50px;}
#foot .foot_word .left_word{ height:30px; line-height:30px; width:500px; margin-left:150px; float:left; text-indent:30px;}
#foot .foot_word .right_word{ height:50px; float:left; margin-left:150px; position:relative; left:-80px;}
#foot .foot_word .right_word img{ height:50px;}
/*首页底部样式结束*/
/*内页底部样式开始*/
#foot2{ color:#FFF; padding:0 2px 5px 2px; width:996px; height:130px; margin:10px auto 0;}
#foot_nei2{ width:995px; padding-top:8px; height:115px; margin-top:5px; margin-left:1px;}
#foot_nei2 .line1{ width:995px; text-align:center; margin-top:20px; height:30px; line-height:30px;}
#foot_nei2 .line2{ width:995px; text-align:center; height:30px; line-height:30px;}
#foot_nei2 .line3{ width:995px; text-align:center; height:30px; line-height:30px;}
/*内页底部样式结束*/

/*内页样式开始*/
#zhuti_n{ width:1000px; margin:0 auto; color:#FFF;}
#zhuti_n .about_us{width:1000px; margin:0 auto; color:#FFF; background:url(../images/about_bg.jpg) center no-repeat; height:429px;}
#about_n{ width:600px; line-height:20px; margin-left:10px; margin-top:15px;}
#about_n .head{ height:25px; line-height:25px; font-weight:bold; font-size:14px; text-indent:24px;}
#about_n .content{ padding:5px; height:150px; width:500px; overflow-x:hidden; overflow-y:scroll; scrollbar-base-color:#666;}
#zhuti_n .news{width:1000px; margin:0 auto; color:#FFF; background:url(../images/products_bg.jpg) no-repeat; height:500px;}
#news_n{ width:630px; line-height:20px; margin-left:20px; margin-top:30px; }
#news_n a{ color:#CCC;}
#news_n .head{ height:35px; line-height:35px; font-weight:bold; font-size:14px; text-indent:24px;}
#news_n .content{ padding:5px 1px;height:350px; overflow:auto; scrollbar-base-color:#999;}
#new_item_n{ height:25px; width:480px; line-height:25px; color:#CCC; }
#new_item_n a{ color:#CCC;}
#new_item_n span{ display:block; height:25px;}
#new_item_n .title{ float:left; width:400px; margin-left:0px; overflow:hidden; height:25px; line-height:25px;}
#new_item_n .addtime{ float:right; width:70px; margin-right:0px;}
#news_show_item{ width:480px; margin-bottom:20px;}
#news_show_item li{ list-style:none;}
#news_show_item .title{ width:420px; font-weight:bold; font-size:14px; line-height:30px; color:#666; float:left;}
#news_show_item .content_info{ width:480px; float:left;}
#news_show_item .top{ width:50px; float:left;}
#zhuti_n .contact{width:1000px; margin:0 auto; color:#FFF; background:url(../images/contact_us.jpg) no-repeat;}
#zhuti_n .product_n{ background:url(../images/products_bg.jpg) no-repeat; width:1000px;}
#left_pic{ width:250px; float:left; padding:10px 10px 0 0;}
#left_pic img{ width:250px;}
#pro_list{ width:250px;}
#pro_list .glossymenu{ background:url(../images/menu_bg.gif) top repeat-x; width:200px; margin-left:40px; margin-top:20px; margin-bottom:15px;}
#pro_list .glossymenu li{ height:30px; line-height:30px; text-indent:10px; margin:0 0 2px 0;}
#pro_list .glossymenu li a{ color:#FFF; display:block; height:30px; width:180px; text-indent:24px;  color:#9a9a9a; text-decoration:underline; float:left;}
#pro_list .glossymenu li a:hover{text-decoration:none;}
#pro_item{ float:left; width:160px; height:130px; margin:10px 5px;}
#pro_item .pro_img{ width:114px; height:80px; margin-left:22px;}
#pro_item .pro_img img{}
#pro_item .pro_model{ width:150px; padding:5px 5px; line-height:15px; margin-top:5px; text-align:center;}
#contact_n{ width:500px; padding:10px 0; margin-top:20px;}
#contact_n .head{ height:30px; line-height:30px; font-size:14px; font-weight:bold; text-indent:50px;}
#contact_n .content{ margin-top:10px;}

#zhuti_n .product_n{width:1000px; margin:0 auto; color:#FFF;}

#right{ width:700px; float:left; margin-left:20px;}

#products_n{ width:700px; padding:10px 0;}
#products_n .head{ height:30px; line-height:30px; font-size:14px; font-weight:bold;}
#products_n .content{ width:700px;  padding:0; margin:0;}
#zhuti_n  .yanfa{ width:1000px; margin:0 auto; background:url(../images/yanfa_bg.jpg) no-repeat; height:400px;}

#yanfa_n{ width:600px; margin-left:10px; margin-top:30px; height:360px; margin-left:320px;}
#yanfa_n .content{ width:600px; line-height:20px; height:320px; margin-top:15PX;}

#event{ width:640px; margin-left:30px; margin-top:70px;background:#141414; padding-top:20px;}
#event .title{ height:40px; line-height:40px; text-align:center; width:640px; font-size:24px; font-weight:bold; color:#666666;}
#event .content{ width:600px; padding: 10px 20px; line-height:20px; color:#FFFFFF;text-indent:24px; margin-top:20px;}

#order_n{ width:640px; margin-left:30px; margin-top:70px; height:320px;color:#9a9a9a;background:#141414; padding-top:20px;}
#order_n .head{ height:30px; line-height:30px; text-indent:60px; font-size:16px; font-weight:bold;}
#order_n .content{ width:640px;   height:320px;}
#order_n .content ul{ width:500px; margin-left:40px; margin-top:20px; background:url(../images/contactus_bg.jpg) bottom repeat-x; height:260px;}
#order_n .content ul li{ list-style:none; width:500px; margin:10px 0;}
#order_n .content ul .name{ height:25px; line-height:25px;}
#order_n .content ul .e_mail{height:25px; line-height:25px;}
#order_n .content ul .phone{height:25px; line-height:25px;}
#order_n .content ul .content{ height:100px; line-height:18px; scrollbar-base-color:#4b4b4b;}
#order_n .content ul .submit{ height:30px;}
#order_n .content ul .submit .s_button{ width:92px; height:32px; float:left;}
#order_n .content ul li span{ display:block; width:100px; text-align:center; float:left; height:20px; line-height:20px;}
#order_n .content ul li .s_button_info{ width:200px; height:32px; line-height:32px;}
#order_n .content ul li .text{ border:1px solid #4b4b4b; background:#131313; height:18px; line-height:18px; color:#9a9a9a;}
#order_n .content ul li .textarea{ color:#9a9a9a;border:1px solid #4b4b4b; background:#131313;}
#products_n{ width:700px; margin-left:10px; margin-top:50px;}
#pros_right{ width:700px;}
#products_n 
#product_n{ width:700px; margin-left:10px; margin-top:50px;}
#product_n .head{ height:30px; line-height:30px; font-size:14px; font-weight:bold;}
#product_n .content{ width:650px;}
#product_n .content ul{ list-style:none;}
#product_n .content ul li{ list-style:none;}
#product_n .content ul li span{ display:block; text-align:right; width:100px; color:#F00; float:left; margin-right:20px;}
#product_n .content ul .pro_name{ height:30px; line-height:30px;}
#product_n .content ul .pro_price{ height:30px; line-height:30px;}
#product_n .content ul .pro_pic{}
#product_n .content ul .pro_pic img{ height:500px; width:500px; float:left;}
#product_n .content ul .pro_info{ line-height:20px;}
#product_n .content ul .pro_info span{ width:160px;}


/*滚动条效果css开始*/
#out{
 position:relative;
 width:500px;
 height:300px;
 margin-top:20px; margin-left:20px;
 
 overflow:hidden;
}
#content_1{
 width:500px; padding-right:20px;
 height:100%;
 overflow-y:auto;
  overflow-x:hidden;
 
}
#scrollBarBody,#scrollBarHandle,.scroll_bar_top,.scroll_bar_top_a,.scroll_bar_bottom,.scroll_bar_bottom_a { background:url(../images/scrollbar.gif)
}
#scrollBarBody{ background-repeat:repeat-y;
 background-position:-42px 0;position:absolute;
 top:20px;
 right:0;
 z-index:9;
 width:14px;
 height:260px;

 float:left;}
#scrollBar {
 position:absolute;
 top:0;
 right:0;
 z-index:9;
 width:14px;
 height:300px;

 float:left;
}
#scrollBarTop,#scrollBarHandle,#scrollBarBottom {
 position:absolute;
 left:0;
 
 cursor:default;
}
#scrollBarTop,#scrollBarBottom {
 width:100%;
 height:14px;
 color:#fff;
 text-align:center;
}
#scrollBarTop { top:0; }
#scrollBarBottom { bottom:0; }
#scrollBarHandle { width:100%; background-repeat:repeat-y; background-position:-28px 0;  top:14px;}
.scroll_bar_top { background-position:0 0; }
.scroll_bar_top_a { background-position:-14px 0; }
.scroll_bar_bottom { background-position:-56px 0; }
.scroll_bar_bottom_a { background-position:-70px 0; }

#out_about{
 position:relative;
 width:500px;
 height:150px;
 margin-top:20px; margin-left:20px;
 
 overflow:hidden;
}
#content_about{
 width:500px; padding-right:20px;
 height:100%;
 overflow-y:auto;
  overflow-x:hidden;
 
}
#scrollBarBody_about{ background:url(../images/scrollbar.gif)
}
#scrollBarBody_about{ background-repeat:repeat-y;
 background-position:-42px 0;position:absolute;
 top:20px;
 right:0;
 z-index:9;
 width:14px;
 height:110px;

 float:left;}
#scrollBar_about{
 position:absolute;
 top:0;
 right:0;
 z-index:9;
 width:14px;
 height:150px;

 float:left;
}
#out_news{
 position:relative;
 width:500px;
 height:350px;
 margin-top:20px; margin-left:20px;
 
 overflow:hidden;
}
#content_news{
 width:500px; padding-right:20px;
 height:100%;
 overflow-y:auto;
  overflow-x:hidden;
 
}
#scrollBarBody_news{ background:url(../images/scrollbar.gif)
}
#scrollBarBody_news{ background-repeat:repeat-y;
 background-position:-42px 0;position:absolute;
 top:30px;
 right:0;
 z-index:9;
 width:14px;
 height:290px;

 float:left;}
#scrollBar_news{
 position:absolute;
 top:0;
 right:0;
 z-index:9;
 width:14px;
 height:350px;

 float:left;
}

/*滚动条效果css结束*/
