@charset "utf-8";
/*css document*/
*{ padding:0; margin:0;}
body{ font:12px/22px "Arial"; text-align:left; background:#FFF; color:#000;}
h1,h2,h3,h4,h5,h6{ font-size:12px;}
ul,li{ list-style:none;}
a{ color:#686868; text-decoration:none;}
a:hover{ color:#df5004; text-decoration:underline;}
img{ border:0;}
a img,a:hover img{ border:0;}
input{ font-size:12px; color:#737373;}

/*other*/
.clearit{ clear:both;}
 
/**** Í·²¿ ****/ 
 #header{ width:1002px; height:131px; margin:0 auto; background:url(../images/headerbg.jpg) no-repeat;}
.top{ width:905px; height:96px; margin-left:48px;}
.top .logo{ width:345px; float:left; display:inline; margin:17px 0 0 11px;}
.top .hRight{ width:540px; float:right;}
.Version{ width:540px; height:22px; margin-top:16px; text-align:right;}
.Version a.en{ padding:0 15px 0 25px;  color:#525252; font-family:Arial, Helvetica, sans-serif;}
.Version a.cn{ color:#525252;  padding:0 5px 0 25px;}
.login{ width:540px; height:22px; margin-top:26px;}
.login .btn{ width:110px; height:18px; line-height:18px; padding:2px 0 0 7px; border:1px solid #9bb5c9;}

.mainNav{ width:905px; height:34px; margin-left:48px; background:url(../images/mainnavbg.jpg) left top repeat-x;}
.mainNav td{ height:34px;}
.mainNav td.line{ width:2px; background:url(../images/mainnav_line.jpg) center top no-repeat;}
.mainNav div{ height:34px; line-height:34px; position:relative;}
.mainNav div a{ display:block; text-align:center; color:#FFF; font-size:13px;}
.mainNav div a:hover{ color:#ffae00; text-decoration:none;}
.mainNav div ul{ width:100%; position:absolute; left:-1px; top:34px; background:#e9f1ff; border:1px solid #0a3fa0; border-bottom:none; border-top:none; display:none; overflow:hidden;} 
.mainNav div.show ul{ display:block;} 
.mainNav div.show ul li{ width:100%; float:left;}
.mainNav div.show ul li a{ display:block; line-height:18px; padding:4px 0; border-bottom:1px solid #0a3fa0; color:#1f489b; font-size:12px;}
.mainNav div.show ul li a:hover{ background:#638cd9; color:#FFF;} 
 
 
/**** β²¿ ****/  
#footer{ width:890px; height:85px; padding:6px 55px 0 57px; margin:0 auto; background:url(../images/footerbg.jpg) no-repeat; color:#FFF;}
.footleft{ width:600px; float:left;}
.footLogo{ width:280px; float:right;}
.footLogo .line{ width:15px; background:url(../images/footlogo_line.jpg) center top no-repeat;}
.footNav{ padding-top:6px;}
.footNav a{ color:#FFF; padding:0 5px;}
.footNav a:hover{ color:#FFF; text-decoration:underline;}
.copyright{ padding-left:5px;}


#banner{ width:1002px; margin:0 auto; height:201px;}
#banner .lefts{ width:48px; height:201px; background:url(../images/banner_left.jpg) left top no-repeat; vertical-align:top;}
#banner .rights{ width:49px; height:201px; background:url(../images/banner_right.jpg) left top no-repeat; vertical-align:top;}
#banner .flashs{ width:905px; height:201px; vertical-align:top;}

#wrapper{ width:1002px; margin:0 auto;}
#wrapper .lefts{ width:49px; height:488px; background:url(../images/wrapper_left.jpg) left top no-repeat; vertical-align:top;}
#wrapper .rights{ width:49px; height:488px; background:url(../images/wrapper_right.jpg) left top no-repeat; vertical-align:top;}
#wrapper .mians{ width:904px; height:488px; background:#FFF; vertical-align:top;}

.search{ width:902px; height:36px; margin:1px auto 0; background:#c2cfe7; position:relative;}
.search h3{ width:300px; float:left; padding-left:25px; line-height:36px; color:#5177bc;}
.search .btn{ width:160px; height:18px; padding:3px 0 0 6px; border:none; background:url(../images/search_btn_index.jpg) no-repeat; position:absolute; right:72px; top:8px; line-height:18px;}
.search .plc{ width:54px; height:21px; position:absolute; top:8px; right:18px;}

.leftBox{ width:474px; float:left; display:inline; margin:21px 0 0 10px;}
.rightBox{ width:411px; float:right; display:inline; margin:14px 6px 0 0;}

.news{ width:474px;}
.news h3{ width:474px; height:30px; background:url(../images/news_h3.jpg) no-repeat; overflow:hidden;}
.news h3 .name{ width:97px; height:26px; line-height:26px; color:#FFF; float:left; display:inline; margin:1px 0 0 13px; background:url(../images/news_name_bg.gif) no-repeat; text-align:center; font-size:14px;}
.news h3 .more{ float:right; display:inline; margin:4px 20px 0 0; font-weight:normal;}
.news h3 .more a{ color:#0a3fa0;}
.news h3 .more a:hover{ color:#0a3fa0; text-decoration:underline;}
.news .newsMain{ width:474px; height:190px; overflow:hidden; margin-top:9px;}
.news .newsMain .photo{ width:228px; float:left; display:inline; margin-left:2px;}
.news .newsMain .rightTxt{ width:230px; float:left; display:inline; margin-left:12px;}
.news .newsMain .rightTxt .text{ height:115px; width:230px;}
.news .newsMain .rightTxt .text .txt{ text-indent:2em;}
.news .newsMain .rightTxt .text .txt a,.news .newsMain .rightTxt .text .txt a:hover{ color:#0a3fa0;}
.news .newsMain .rightTxt .text .more{ text-align:right;}
.news .newsMain .rightTxt .text .more a,.news .newsMain .rightTxt .text .more a:hover{color:#0a3fa0;}
.news .newsMain .rightTxt ul{ width:230px; margin-top:5px; overflow:hidden;}
.news .newsMain .rightTxt ul li{ padding-left:20px; background:url(../images/hui_dot.jpg) 5px 48% no-repeat;}

.intro{ width:474px; margin-top:20px;}
.intro h3{ width:461px; padding-left:13px; height:30px; background:url(../images/news_h3.jpg) no-repeat; overflow:hidden;}
.intro h3 a{ display:block; text-align:center; float:left; width:97px; height:26px; line-height:26px; color:#0a3fa0;}
.intro h3 a.current,.intro h3 a:hover{ font-size:14px; color:#FFF; background:url(../images/news_name_bg.gif) no-repeat; text-decoration:none;}
.intro .introMain{ width:474px; height:122px; background:url(images/introMain.jpg) no-repeat; overflow:hidden;}
.intro .introMain .photo{ width:120px; float:left; display:inline; margin:6px 0 0 21px;} 
.intro .introMain .text{ width:300px; height:100px; float:left; display:inline; margin:12px 0 0 7px; line-height:20px;}
.intro .introMain .text a{ color:#0a3fa0;}
.intro .introMain .text a:hover{ color:#0a3fa0;}
.intro .introMain .excput{ background:url(../images/name.jpg) right bottom no-repeat;}


.Topics{ width:411px; height:236px; padding-top:12px; background:url(../images/Topics_bg.jpg) no-repeat;}
.Topics h3{ width:391px; height:30px; line-height:30px; margin:0 0 0 10px; background:url(../images/Topics_h3.jpg) no-repeat; overflow:hidden;}
.Topics h3 .name{ width:200px; float:left; font-size:14px; color:#FFF; padding-left:34px;}
.Topics h3 .more{ float:right; display:inline; margin-right:13px;}
.Topics h3 .more a{ font-weight:normal; color:#FFF;}
.Topics h3 .more a:hover{ color:#FFF;}
.Topics ul{ width:375px; margin:12px 0 0 19px; overflow:hidden;}
.Topics ul li{ width:375px; float:left; overflow:hidden;}
.Topics ul li .txt{ width:262px; padding-left:18px; float:left; background:url(../images/lv_dot.gif) left 48% no-repeat;}
.Topics ul li .txt a{ color:#000000;}
.Topics ul li .txt a:hover{ color:#000000;}
.Topics ul li .date{ float:right; color:#999999;}

.product{ width:411px; height:150px; padding-top:12px; background:url(../images/product_bg.jpg) no-repeat;}
.product h3{ width:391px; height:30px; line-height:30px; margin-left:10px; overflow:hidden;}
.product h3 .name{ width:200px; float:left; font-size:14px; color:#0a3fa0; padding-left:34px; background:url(../images/lan_dot.jpg) 10px center no-repeat;}
.product h3 .more{ float:right; display:inline; margin-right:13px;}
.product h3 .more a{ font-weight:normal; color:#0a3fa0;}
.product h3 .more a:hover{ color:#0a3fa0;}
.product ul{ width:390px; margin:12px 0 0 0; overflow:hidden;} 
.product ul li{ width:182px; float:left; display:inline; margin-left:13px; overflow:hidden;}
.product ul li .photo{ width:72px; float:left; padding:3px 0 0 0;}
.product ul li .text{ width:100px; float:left; display:inline; margin-left:10px;}
.product ul li .text h5{ font-weight:normal; color:#df5004;}
.product ul li .text .txt{ line-height:20px;}