/* CSS Document */

body{ font-family:Verdana, Arial, sans-serif; font-size:12px;background-color:#F7FAFF; background:url(../images/body_bg.jpg) repeat-x; }
*{ margin:0px; padding:0px; border:none;}

a{color:#626B7A; text-decoration:none;}
a:hover{ color:#6699FF;}



div.wrapper{ width:1002px; height:100%; margin-left:auto; margin-right:auto; }
div.header{ height:159px; background:url(../images/top_bg.jpg) repeat; position:relative;}
div.logo{ position:absolute; left:21px; top:0px;}
div.lang_menu{ position:absolute; top:20px; right:27px;}
div.lang_menu ul{ list-style:none;}
div.lang_menu ul li{ float:left; margin-left:10px;}
div.lang_menu ul li a{ color:#000; text-decoration:none;  height:14px; line-height:14px;}
div.lang_menu ul li a:hover{ color:#0066FF; text-decoration:none;}

div.channel_menu ul{ list-style:none;}
div.channel_menu ul li a{ display:block; position:absolute;}
a#index{ left:392px; top:88px; width:77px; height:26px;}
a#index:hover{ background:url(../images/shouye.jpg) no-repeat;}
#index_body a#index{background:url(../images/shouye.jpg) no-repeat;}

a#about{ left:485px; top:88px; width:87px; height:26px;}
a#about:hover{ background:url(../images/aboutus.jpg) no-repeat;}
#aboutus_body a#about{ background:url(../images/aboutus.jpg) no-repeat;}

a#product{ left:587px; top:88px; width:88px; height:26px;}
a#product:hover{ background:url(../images/product.jpg) no-repeat;}
#product_body a#product{background:url(../images/product.jpg) no-repeat;}

a#service{ left:689px; top:88px; width:88px; height:26px;}
a#service:hover{ background:url(../images/service.jpg) no-repeat;}
#service_body a#service{ background:url(../images/service.jpg) no-repeat;}

a#job{ left:792px; top:88px; width:88px; height:26px;}
a#job:hover{ background:url(../images/job.jpg) no-repeat;}
#job_body a#job{ background:url(../images/job.jpg) no-repeat;}

a#contact{ left:894px; top:88px; width:88px; height:26px;}
a#contact:hover{ background:url(../images/contact.jpg) no-repeat;}
#contact_body a#contact{background:url(../images/contact.jpg) no-repeat;}

.middle_container{ clear:both; height:100%;}
div#middle_index{ width:945px; margin-left:auto; margin-right:auto; text-align:left;}

div.flash_container{ margin:10px 0px; clear:both;}
div.news{ float:left;}
div.news_header{ width:260px; height:30px; background:url(../images/news_top.jpg) no-repeat;}
div.index_search_header{ width:260px; height:20px;margin-top:5px;line-height:20px; font-size:12px; }
div.news_body{ width:258px; height:128px; background-color:#EFF3F4; border-left:1px solid #D1D1D1; border-right:1px solid #D1D1D1; text-align:left;}
div.index_search_body{ width:258px;text-align:left;margin-top:15px!important; margin-top:5px;}
div.news_body ul li{ margin-top:9px; padding-left:20px; margin-left:5px; background:url(../images/arrow.gif) no-repeat;}
div.news_bottom{ width:260px; height:7px; background:url(../images/news_bottom.jpg) no-repeat;}

div.product_category{ margin-left:271px;}
div.p_header{width:671px; height:30px; background:url(../images/pro_top_index.jpg) no-repeat; text-indent:10px; line-height:30px; font-size:14px;}
div.flink_header{width:671px; height:20px; margin-top:5px; font-size:12px; line-height:20px;}
div.p_body{ width:669px; height:128px; background-color:#fcffff; border-left:1px solid #D1D1D1; border-right:1px solid #D1D1D1; background:url(../images/product_body_bg.jpg) repeat-y; position:relative;}
div.flink_body{ width:669px;position:relative; margin-top:15px!important; margin-top:5px;}
div.flink_body a{ color:gray;}
div.flink_body a:hover{ color:#000;}
div.flink_body li{ float:left; margin-right:5px; line-height:160%;}

.flink_title{ width:60px; height:30px; float:left;}


#yiliao_detail{top:0px; left:3px; width:220px;}
div.p_bottom{ width:671px; height:7px; background:url(../images/pro_bottom_index.jpg) no-repeat;}

div.footer{ width:945px; height:38px; background:url(../images/bottom.jpg) no-repeat; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:10px; line-height:34px; position:relative; text-align:left; text-indent:10px; clear:both;}
div.footer ul{ list-style:none; position:absolute; top:0px; left:720px;}
div.footer ul li{ float:left; margin-left:8px;}


/*#########################################

            ҳʽ

#########################################*/

.left_container{ width:200px; float:left; margin-top:10px;}
.right_container{ padding-left:211px; margin-top:10px;}

.left_menu .menu_top{ height:11px; width:200px; background:url(../images/left_top.jpg) no-repeat; font-size:5px;}
.left_menu .menu_bottom{ height:11px; width:200px; background:url(../images/left_bottom.jpg) no-repeat;}
.left_menu .menu_body{ width:198px;border-left:1px solid #DADADA; border-right:1px solid #DADADA; background-color:#FEFFFF; padding:20px 0px;}
.menu_body ul{ list-style:none;}
.menu_body ul li{ padding-left:16px; background:url(../images/arrow.jpg) no-repeat; margin-top:10px; margin-left:5px;}

.search_top{ height:11px; width:200px; background:url(../images/left_top.jpg) no-repeat;  margin-top:15px; font-size:5px;}
.search_body{ width:180px;border-left:1px solid #DADADA; border-right:1px solid #DADADA; background-color:#FEFFFF; padding-left:18px; padding-top:10px;}
.search_bottom{ height:11px; width:200px; background:url(../images/left_bottom.jpg) no-repeat;}

.right_top{ width:730px; height:30px; background:url(../images/right_top.jpg) no-repeat;}
.right_body{ width:700px; margin-top:10px; padding:5px 15px;}
.right_body p{ margin-top:12px; line-height:180%; color:#333;}
.location{ margin-left:40px; line-height:30px; color:#2981ED;}

/*#############################################

ҳģʽ

#############################################*/

#aboutus li{ margin-left:30px; padding-left:20px; }
#contactus li{ margin-left:10px; padding-left:20px; }
#contactus_body{ color:#4F5374; line-height:160%;}
#contactus_body h4{ font-size:12px; color:#2781EE;}
#service li{ margin-left:30px; padding-left:20px; }
#product{ height:500px;}
#jobinfo h5{color:#2781EE; margin-top:10px;}
#jobinfo p{color:#4F5374;}
.img_container li{ list-style:none; float:left; margin-left:60px; margin-top:30px;}
.img_container li img{ border:1px solid #999;}
.img_container li span{ display:block; width:220px; text-align:center; line-height:30px;}

.imgmarquee{overflow:hidden; width:700px; overflow:hidden; height:220px;}
.imgmarquee img { margin-left:10px;}
.pro_arr{ width:700px;}

/*########################################

ҳʼ

########################################*/
.msgbar{ margin-top:30px;}
.search{ margin-top:0px;}
.search_item{ margin-top:10px;}
.search_item h3{ background-color:#F3F7F8; font-size:14px; line-height:26px;}
.search_pages{ margin-top:20px; line-height:26px; background-color:#F3F7F8;}

/*   íµ¥Ê½  */
.ipt-txt{ height:16px; width:150px;}
.vdcode{ height:16px;width:50px;}
.fb{ margin-top:3px;}
.fb img{ position:absolute; top:2px; left:100px;}

/*    Ô°      */
.sp-title h4{ background-color:#F3F7F8; line-height:26px;}

.sp-page{line-height:160%;}

/*         */
.news-list{ position:relative; margin-top:10px;}
.news-date{ position:absolute; right:0px;}

/*     Ö¤    */

.ryzs img{margin-top: 20px; float: left; margin-left: 50px;}


/*      Ö°  */
.qzb{ margin-left:30px;}
.qzb td{ vertical-align:top; padding-top:18px; font-size:12px; line-height:200%;}
.qzb textarea{ width:86%;}
.qzb .table_title{ width:100px; color:#3399CC;}
.qzb .info{ color:#CCCCCC;}
.submitbut{ text-align:center;}