body { font-family: Arial, Helvetica, sans-serif; margin:0; margin:0px; font-size: 12px; color:#333333; background-color: #fff;}
img { border:0; }
ul { margin:0; padding:0; }
a:link, a:active, a:visited {  color:#333333; text-decoration:none; }
a:hover { font-size:12px; color:red; text-decoration:none; }
.hiddenWord { white-space:nowrap; text-overflow: ellipsis; overflow: hidden; }
.FloatL { float:left; }
.FloatR { float:right; }
.BlueFont { color:#4b91d6; }
.RedFont { color:#b60000; }
.OrangeFont { color:#FF9900; }
.Font18px { font-size: 18px; }
.Font16px { font-size: 16px; }
.Font14px { font-size: 14px; }
.Font12px { font-size: 12px; }
.Bold { font-weight: bold; }
.PaddingL20 { padding-left:20px; }
.Margin10 { margin:10px 0; }
.MarginB20px { margin:0 0 20px 0; }
.AutoHight { clear:both; margin:0; padding:0; font-size:1px; }
/*===========Headʼ============*/	
#Head { width:100%;  margin:0 auto; padding:0; background:#B7DAF8}
.Head_nr{ width:1000px; height:100px; margin:0 auto; padding:0; }
.head_kong{ width:1000px; height:47px; float:left;}
#Head span{ margin:45px 0 0 10px; float:left; color:#0f5f9c; font-size:32px; font-weight:bold; padding:0; margin-top:20px; }
#Head h3{margin:20px 0 0 10px; float:left; width:600px; color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-weight:bold; padding:0; }
#Title { float:left; margin:40px 0 0 10px; }
.Logo { float:left; padding:0 5px 0 30px; }
.shoucang{ width:180px; margin-top:20px;float:right; text-align:center; line-height:20px; font-size:12px; color:#333;}
.shoucang a{ color:#333;font-size:12px; }
.shoucang p{ font-size:12px; font-weight:bold;}
.Headlink { float:right; padding:0px 0 5 0; margin-top:15px; margin-right:35px; color:#fff; font-size:13px;}
.Headlink a:link, .Headlink a:active, .Headlink a:visited { font-size:12px; color:#fff; font-weight: normal; text-decoration:none; margin-bottom:10px;}
.Headlink a:hover { font-size:12px; color:#f00; font-weight: normal; text-decoration:none; margin-bottom:10px;} 

.menu{ width:100%; margin:0 auto; background:url(../images/nav_bg.jpg)}
.Daohang { width:1000px; margin:0 auto; padding:0; height:40px; text-align:center; background:url(../images/nav_bg.jpg) repeat-x; }
.Daohang a { display: inline-block; height:40px; line-height:40px; padding:0 30px; background:url(../images/bg_main_li.gif) right no-repeat; }
.Daohang a:link, .Daohang a:active, .Daohang a:visited { font-size:13px; color:white; font-weight:bold; text-decoration:none; }
.Daohang a:hover { font-size:13px; color:white; font-weight:bold; text-decoration:none; }
/*=====Bannerʼ========*/
.hd{ width:100%; margin:0 auto;}
.Banner { width:1000px; margin:0 auto; padding:0; height:400px; }
.LanmuBanner { width:1000px; margin:0 auto 10px auto; padding:0; height:200px; border-bottom:0px solid #bbbbbb; }
/*=====Banner========*/
/*===========Ҫֿʼ============*/	
#MainPanel { margin:0 auto; padding:0; width:1000px;  margin-top:10px; background:#fff;}
#MainPanel1 { margin:0 auto; padding:0; width:1000px; margin-top:10px;}
/*=========ಿֿʼ=========*/
.LeftPanel { float:left; margin:0; padding:0; width:225px; background:#FFFFFF }
.LeftPanel h3 { height:55px; line-height:45px; font-size:14px; font-weight:bold; color:white; padding: 0 0 0 20px; background:url(../images/cpdh.jpg) no-repeat; margin:0; }
.Leftlist { padding-left:6px; }
.Leftlist_jia { width:217px; border-left:#c5c5c5 1px solid; line-height:26px; border-right:#c5c5c5 1px solid; min-height:200px; float:left;}

.Leftlist_jia  a{ color:#128cd9}
.Leftcontact { line-height:22px; padding:0;padding-left:6px;}
.Leftcontact table{ margin:0 10px;}
.Leftcontact td{ word-break: break-all; word-wrap:break-word;}
.Current:link, .Current:active, .Current:visited { font-size:12px; color:red; text-decoration:none; }
.Current:hover { font-size:12px; color:#333333; text-decoration:none; }
/*=========ಿֽ=========*/
/*===========м䲿ֿʼ============*/	
/*===========м䲿ֿʼ============*/	
.CenterPanel { float: right; width:770px; padding:0; margin:0;}
.kuang{ width:770px; height:auto; float:left;overflow:hidden}
.lan{ width:380px; float:left; }
.news{ width:350px; float:left; height:25px;}
.news_t{ width:250px; height:25px; line-height:25px; float:left; background:url(../images/b.jpg) no-repeat left; padding-left:10px; }
.news_t a{ color:#333333}
.news_s{ width:80px; float:25px; line-height:25px; float:right; color:#999999;}
.more{ width:60px; height:30px; float:right;}
.more a{ color:#999; font-size:12px;}
.C { height:30px; width:344px; border-right:1px solid #CCCCCC; float:left; line-height:30px; background: url(../images/tiao1.gif) no-repeat ;color:white; font-size:14px; font-weight:bold; margin:0; padding:0 0 0 25px; }
.C h3 a { float:right; margin-right:20px; font-weight: normal; font-size:14px!important; }
.C h3 b { float:left; }
.C h3 a:link, .CenterPanel h3 a:active, .CenterPanel h3 a:visited { color:white; font-weight: normal; font-size:14px!important; text-decoration:none; }
.C h3 a:hover { color:#000000; font-weight: normal; font-size:14px; text-decoration:none; }
.AboutText { margin:0 0 10px 0; width:348px; padding:10px;line-height:22px; height:215px; overflow: hidden; font-size:12px; background-color:white; border:1px solid #ccc; border-top:none}
.AboutText p { margin:0; float:left; width:500px;}
.AboutImg { width: 140px; height:110px; border:1px solid; float: left; margin:0 10px 0 0; padding:0;}
.AboutImg img{ width: 140px; height:110px; margin:0; padding:0;}

.pr{ width:174px; min-height:200px; margin-left:10px; float:left; }
.pr span{ float:left;}
.pr_img{ width:170px; height:140px; float:left; padding:2px;border:#CCCCCC 1px solid;}
.pr_title{ width:174px; min-height:25px; line-height:25px; font-size:12px; line-height:22px; float:left; text-align:center; }
.pr_title{ font-size:12px}
/*=========ͼƬ=========*/
#demo1 { overflow:hidden; width: 740px; align:center; margin:0 auto; padding:0;}
#demo1 td { padding:0 10px 0 0; }
#demo1 td img { border: #ccc 1px solid; padding:2px; width:105px; height:80px; }
#demo1 td span{ width:150px; height:20px; line-height:20px; text-align:center;white-space:nowrap; text-overflow: ellipsis; overflow: hidden; display:block;}

#demo { overflow:hidden; width: 750px; align:center; margin:0 auto; padding:0;}
#demo td { padding:0 10px 0 0; }
#demo td img { border: #ccc 1px solid; width:160px; height:120px; padding:1px;}
#demo td span{ width:160px; height:20px; line-height:20px; text-align:center;white-space:nowrap; text-overflow: ellipsis; overflow: hidden; display:block;}

#MainPanel1 h3{ height:30px; line-height:30px; background-color:#276898;color:white; font-size:14px; font-weight:bold; margin:0; padding:0 0 0 25px; }
#MainPanel1 h3 a { float:right; margin-right:20px; font-weight: normal; font-size:14px!important; }
#MainPanel1 h3 b { float:left; }
#MainPanel1 h3 a:link, .CenterPanel h3 a:active, .CenterPanel h3 a:visited { color:white; font-weight: normal; font-size:14px!important; text-decoration:none; }
#MainPanel1 h3 a:hover { color:yellow; font-weight: normal; font-size:14px; text-decoration:none; }

.Pro_show { margin:0; padding:5px 0 0 0; height:128px; }
/*===========м䲿ֽ============*/	



.proclasslist {PADDING-LEFT: 5px; WIDTH: 204px; BACKGROUND: url(images/main_07.png) repeat-y left top}
.proclasslist UL {WIDTH: 204px}
.proclasslist UL LI {WIDTH: 180px; font-size:14px; list-style-type:none;COLOR: #333; overflow:hidden; line-height:25px; min-height:25px; float:left;}
.aa{BACKGROUND: url(../images/xiaolei.jpg) no-repeat left top; font-size:14px; padding-left:15px; float:left;}
.proclasslist UL LI A {LINE-HEIGHT: 30px; WIDTH: 204px; font-size:14px;  DISPLAY: block; HEIGHT:30px; COLOR: #333}
.proclasslist UL LI A:hover {COLOR: #fdab1b; overflow:hidden; line-height:30px;}
.proclasslist UL LI ul{ width:204px; color:#333333; font-size:14px;}
.proclasslist UL LI ul A{ width:204px; color:#333333; font-size:14px; DISPLAY: block; overflow:hidden;}
.proclasslist UL LI ul A:hover{ width:204px; color: #fdab1b; font-size:14px; overflow:hidden;}
.proclasslist UL LI ul li{ width:204px; color:#333333; font-size:14px;}
.proclasslist UL LI ul li A{ width:204px; color:#333333; font-size:14px; DISPLAY: block; overflow:hidden;}
.proclasslist UL LI ul li A:hover{ width:204px; color: #fdab1b; font-size:14px; overflow:hidden;}

/*======Ŀݿʼ======*/
.InnerPanel{float: right; width:770px; padding:0;  min-height:450px; margin:0 0 0 0; border:1px solid #0077AE;}
.InnerPanel h3 { height:30px; line-height:30px;background:url(../images/tiao.gif); background-color: #0077AE;color:#000000; font-size:14px; font-weight:bold; margin:0; padding:0 0 0 25px; }
.InnerPanel h3 b { float:left; color:#FFFFFF; font-weight:bold;  padding-right:10px; margin-top:2px; }
.InnerPanel h3 a:link, .InnerPanel h3 a:active, .InnerPanel h3 a:visited { color:#000; font-weight: normal; font-size:14px; text-decoration:none; }
.InnerPanel h3 a:hover { color:#000; font-weight: normal; font-size:14px;  text-decoration:none; }
.InnerPanel h3 span { float:right; font-size:12px; font-weight:normal; margin:0 20px 0 0; }

.InnerText { margin:0; padding:10px; background-color:white; min-height:500px;height:auto !important;overflow:visible; height:690px;position:relative; }
.InnerText h4 { font-size:14px; font-weight:bold; margin:10px 0; text-align:center; color:#444444; }
.InnerText p { margin:0; line-height:20px; line-height:20px; }
.InnerText ul { list-style:none inside none;}
.InnerText li { margin:0;  line-height:25px;}
.InnerText li a { float:left; width:700px; background:url(../images/b.jpg) no-repeat left; padding-left:10px; display:block; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; }
.InnerText li span { float:right; color:#bbbbbb; }


/*======Ʒʼ======*/
.Product_tab { text-align:center; }
.Product_tab img { width:170px; height:140px; border:1px solid #aaaaaa; margin:0 0 5px 0; }
.Product_tab span { width:160px; clear:both; display:block; margin:0 auto; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; }
.Proimg { width:300px; height:230px; border:1px solid #aaaaaa; margin:0 auto; }
.Proimg img{ width:300px; height:230px; }
/*======Ʒ======*/
/*====Ʒܿʼ=====*/
.NewPro { padding:10px; _height:80px; min-height:80px; }
.NewPro div { margin:0 0 10px 14px; padding:0; float:left; height:330px; width:130px; text-align:center; position:relative; }
.NewPro div img { width:130px; height:150px; clear:both; border:1px solid #cccccc; }
.NewPro div span { clear:both; display:block; width:120px; height:30px; line-height:15px; margin:0 auto; padding:0; overflow:hidden; word-wrap : break-word; word-break:break-all; color:#08a114; font-weight:bold; }
.New { width:35px; height:35px; position:absolute; top:0; left:0; margin:0; padding:0; }
.New img { width:35px !important; height:35px !important; border:none !important; }
.Smalllink { height:20px; line-height:20px; border-bottom:1px dashed #cccccc; text-align:right; padding-right:20px; }
.Pro_infor { float:none !important; height:135px !important; margin:0!important; padding:5px !important; width:120px !important; position:inherit!important; text-align:left!important; color: #777777 !important; line-height:20px; overflow:hidden; }
.ProText { margin:10px 0 0 0; padding:0 10px; text-indent:2em; line-height:20px; overflow: hidden; }
.ProText p { margin:0; }
.ProText table { text-indent:0 !important; padding:0px !important; }
/*====ҳʼ=====*/
.Page { height:25px; line-height:25px; margin-bottom:10px; text-align:center; }
.Page a { margin-right:10px; }
/*====ҳʼ=====*/
.Dalei { margin:0; padding:5px 10px; border:1px solid; }
.Dalei p { margin:0; padding:0; }
.Dalei img { width:150px; height:150px; border:1px solid #cccccc; }
.liuyan{ width:660px; float:left;}
.lm{ width:650px; min-height:30px; float:left;}
.lanmu{ width:200px; height:30px; line-height:30px; float:left;}
.lanmuk{ width:400px;  line-height:30px; float:left;}
/*====Ʒܽ=====*/
/*===========Footʼ============*/	
#Foot { width:100%; height:120px; border-top:#999 5px solid; margin:0 auto; padding:1px ; margin-top:5px; color:white; background-color:#276898; position:relative; }
#Foot p { margin:0 auto; height:40px; line-height:40px; text-align:center; }
#Foot span { position:absolute; right:42px; top:11px; }
#Foot a:link, #Foot a:active, #Foot a:visited { font-size:12px; color:white; text-decoration:none; }
#Foot a:hover { font-size:12px; color:red; text-decoration:none; }
/*===========Foot============*/	
/*=========ӿʼ=========*/
.FriendLink { width:920px; margin:0 auto; padding:10px 30px; text-align:center; }
/*=========ӽ=========*/
#test{ 
position:absolute; 
top:150px; 
right:10px; 
width:130px; 
min-height:180px; 
background:#555; 
color:#fff; 
font-size:13px;
background:url(../images/online.gif) no-repeat
} 


.bigclass{ height:28px; width:180px;line-height:28px; margin-left:5px;  font-size:14px; font-weight:bold; color:#000;}

.smallclass{  width:180px;text-align:left; }
.smallclass ul{ text-align:left; margin-left:5px; line-height:28px;}
.smallclass li{ list-style-type:none; height:28px; line-height:28px; color:#fff; font-size:13px; background:url(../images/xiaolei.jpg) no-repeat; padding-left:20px;}
.smallclass li a{ color:#000;}
.cpdi{ width:219px; height:45px; float:left; background:url(../images/cpdi.jpg) no-repeat;}