﻿@charset "utf-8";
/*body{display:none}
/*------------------------------------top---------*/
#top { width:1000px; height:100px;}
#top .logo { width:458px; height:100px; background:url(../images/logo.jpg) no-repeat left center; float:left; clear:right;}

/*------------------------------------banner-------*/
#banner { width:1000px; height:240px;}
/*------------------------------------menu---------*/
#menu { width:auto; margin:0px; padding:0px; text-align:center;}
#menu li { float:left; display:block; background:url(../images/menu_li_bg.jpg) no-repeat left center;}
#menu li a { width:140px; line-height:35px; color:#fff; display:block; text-decoration:none;}
#menu li a:hover { width:140px; line-height:35px; color:#000; display:block; text-decoration:underline; background:#349CD8;}

#menu li ul { margin:0px; padding:0px; position:absolute; visibility:hidden;}
#menu li ul li { float:none; display:inline;}
#menu li ul li a { width:140px; line-height:30px; color:#fff; background:#349CD8; text-decoration:none;}
#menu li ul li a:hover { width:140px; line-height:30px; color:#000; background:#349CD8; text-decoration:underline;}

/*------------------------------------dh---------*/
#dh { width:980px; height:35px; background:url(../images/dh_bg.jpg) repeat-x left top; font-size:14px; font-weight:bold; margin-top:1px; padding:0 10px;}

/*------------------------------------end---------*/
#end { width:1000px; height:auto; line-height:24px; background:#e4f3ff; border-top:#b0c6da solid 2px;}


#cen { width:980px; height:auto; text-align:left; margin:10px;}
/*------------------------------------cen---------*/
#cen .i { width:auto; height:auto;}
#cen .i .ialt { width:auto; height:auto; line-height:23px; font-size:14px; padding:0 10px; background:url(../images/alt_bg.jpg) no-repeat left center; border-bottom:#0F6293 solid 1px;}
#cen .i .icon { width:auto; height:auto; line-height:24px; padding:10px;}



#cen .L { width:222px; height:auto; float:left; clear:right; margin-right:10px;}
#cen .R { width:748px; height:auto; float:left; clear:right;}


#cen .L .Lalt { width:auto; line-height:24px; background:url(../images/alt_er_L_alt_bg.jpg) no-repeat left top; padding:0 30px; font-size:14px; color:#FFF;}
#cen .L .Lcon { width:auto; line-height:24px; background:url(../images/icontact.jpg) no-repeat right bottom; padding:10px; border-left:#4E95BA solid 1px; border-right:#4E95BA solid 1px;}
#cen .L .Lbot { width:auto; height:4px; font-size:0px; background:url(../images/alt_er_L_bot_bg.jpg) no-repeat center bottom;}


#cen .R .Ralt { width:auto; height:auto; line-height:23px; font-size:14px; padding:0 10px; background:url(../images/alt_bg.jpg) no-repeat left center; border-bottom:#0F6293 solid 1px;}
#cen .R .Ralt .url { width:auto; line-height:23px; float:right; font-size:12px;}
#cen .R .Rcon { width:auto; height:auto; line-height:24px; padding:10px;}

#cen .R .Rcon .news { width:auto; height:auto;}
#cen .R .Rcon .news li { width:auto; line-height:23px; border-bottom:#CCC dotted 1px; background:url(../images/li.jpg) no-repeat left center; padding-left:10px;}
#cen .R .Rcon .news li .date { width:auto; font-size:10px; color:#999; float:right;}


#cen .R .Rcon .Product { width:auto; height:auto;}
#cen .R .Rcon .Product li { width:162px; height:auto; float:left; text-align:center; padding:10px;}
#cen .R .Rcon .Product li ._pic { width:156px; height:156px; overflow:hidden; border:#dedede solid 1px; padding:2px;}
#cen .R .Rcon .Product li ._text { width:162px; line-height:20px; overflow:hidden;}



/*------------------------------------gundong---------*/
#cen .gundong { width:988px; height:auto; border:#521a41 solid 1px; background:#FFF; margin-bottom:10px;}

/*------------------------------------marquee---------*/
.marquee { width:984px; height:auto; overflow:hidden; zoom:1; padding:0 2px;}
.marquee .con { width:924px; float:left; overflow:hidden;}
.marquee .ScrWidth { width:9240000px; zoom:1;}

.marquee #List1_1, .marquee #List2_1 { float:left;}

.marquee .LeftButton { float:left; clear:right; width:10px; height:auto; padding:78px 10px; background:url(../images/LeftButton.png) no-repeat center center;}
.marquee .RightButton { float:left; clear:right; width:10px; height:auto; padding:78px 10px; background:url(../images/RightButton.png) no-repeat center center;}
.marquee .LeftButton:Hover { float:left; clear:right width:10px; height:auto; padding:78px 10px; background:url(../images/LeftButtonHover.png) no-repeat center center;}
.marquee .RightButton:Hover { float:left; clear:right; width:10px; height:auto; padding:78px 10px; background:url(../images/RightButtonHover.png) no-repeat center center;}

.marquee li { width:134px; float:left; text-align:center; padding:10px;}
.marquee li a img { filter: ; display:block;}
.marquee li a:hover img { filter: gray; display:block;}
.marquee li .Mpic { width:134px; height:134px;}
.marquee li .Mtext { width:134px; line-height:20px;}







#cenEr { width:990px; height:auto; text-align:left; padding: 0 20px 10px 0; background:url(../images/cen_bg.jpg) repeat-y right top;}
/*------------------------------------cenEr---------*/
#cenEr .Ler { width:226px; height:auto; float:left; clear:right; border:#521a41 solid 1px; margin:0 0 10px 0; background:url(../images/2l.jpg) no-repeat left top;}
#cenEr .Rer { width:750px; height:auto; float:left; clear:right; border:#521a41 solid 1px; margin:0 0 10px 10px; background:url(../images/2r.jpg) no-repeat left top;}

.Eralt { width:auto; line-height:41px; padding:0 10px; font-size:14px; color:#FFF;}
.Eralt a { color:#FFF; text-decoration:none;}
.Eralt a:hover { color:#F63; text-decoration:none}

#cenEr .Ler .Ler_con { width:auto; height:auto; line-height:24px; padding:10px;}

#cenEr .Ler .Ler_con .Ler_con_list { width:auto; height:auto; line-height:24px;}
#cenEr .Ler .Ler_con .Ler_con_list li { width:auto; line-height:23px; border-bottom:#CCC dotted 1px; background:url(../images/li.jpg) no-repeat 50px center; padding-left:10px; text-indent:4em; display:block;}

/*-----------------------------------------------------------------------------------------------------------*/

#cenEr .Rer .Rer_con { width:auto; height:auto; line-height:24px;}
#cenEr .Rer .Rer_conGB { width:auto; height:auto; line-height:24px; padding:10px; color:#333333; background:url(../images/guestbook.jpg) no-repeat 80% center;}
#cenEr .Rer .Rer_conUS { width:auto; height:auto; line-height:24px; padding:10px; background:url(../images/contact.jpg) no-repeat 70% center;}

#cenEr .Rer .Rer_con .Rer_con_news { width:auto; height:auto; line-height:24px; padding:10px;}
#cenEr .Rer .Rer_con .Rer_con_news li { width:auto; line-height:23px; border-bottom:#CCC dotted 1px; background:url(../images/li.jpg) no-repeat left center; padding-left:10px;}
#cenEr .Rer .Rer_con .Rer_con_news li .date { width:auto; font-size:10px; color:#999; float:right;}

#cenEr .Rer .Rer_con .Rer_con_case { width:auto; height:auto; color:#333333;}
#cenEr .Rer .Rer_con .Rer_con_case li { width:130px; float:left; text-align:center; padding:10px;}
#cenEr .Rer .Rer_con .Rer_con_case li a img { filter: ; display:block;}
#cenEr .Rer .Rer_con .Rer_con_case li a:hover img { filter: gray; display:block;}
#cenEr .Rer .Rer_con .Rer_con_case li .case_pic { width:130px; height:130px;}
#cenEr .Rer .Rer_con .Rer_con_case li .case_text { width:130px; line-height:20px;}


#cenEr .Rer .Rer_con .Rer_con_tc { width:auto; height:auto; padding:0 1px;}
#cenEr .Rer .Rer_con .Rer_con_tc li { width:167px; height:146px; float:left; text-align:center; padding:10px 10px 8px 10px; background:url(../images/lrlibg.jpg) no-repeat center 140px;}
#cenEr .Rer .Rer_con .Rer_con_tc li a img { filter: ; display:block;}
#cenEr .Rer .Rer_con .Rer_con_tc li a:hover img { filter: gray; display:block;}

#cenEr .Rer .Rer_con .Rer_con_team { width:auto; height:auto;}
#cenEr .Rer .Rer_con .Rer_con_team li { width:730px; height:auto; float:left; text-align:left; padding:10px;}
#cenEr .Rer .Rer_con .Rer_con_team li .team_pic { width:130px; height:130px; float:left; clear:right; margin-right:10px;}
#cenEr .Rer .Rer_con .Rer_con_team li .team_text { width:590px; line-height:24px; float:left; clear:right; padding:5px 0;}



/*------------------------------------二级-浏览内容----------*/
.page { width:auto; line-height:30px; border-top:#666666 solid 1px; margin-top:10px;}
.title { width:auto; line-height:40px; font-size:16px; text-align:center;}
.datetime { width:auto; line-height:30px; border-top:#999999 solid 1px; border-bottom:#999999 solid 1px; background-color:#efefef; text-align:center;}
.content { width:auto; height:auto; padding:10px;}
.prevnext { width:auto; line-height:30px; padding:0 10px; border-top:#999999 solid 1px;}
.prevnext .prev { width:auto; float:left; clear:right;}
.prevnext .next { width:auto; float:right; clear:right;}