@charset "utf-8";
/* CSS Document */
body,p,table,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,input,form,option,select{ margin:0; padding:0;}
body{ font:normal 12px/22px simsun; color:#6c6c6c;}
ul,li,ol{ list-style:none;}
a{ color:#2779ac; text-decoration:none;}
a:hover{ text-decoration:underline;}
a img{ border:0;}
input,select{ font-size:12px;}
button{ cursor:pointer;}
.clearit{ clear:both;}


#header{ width:900px; height:74px; background:url(../images/header.jpg) no-repeat left top; margin:0 auto;}
#header .logo{ float:left; display:block; width:423px; height:64px;}
#header .language{ float:right; width:160px; height:18px; margin:34px 20px 0 0;}
#header .language a{float:left; display:block; width:73px; height:18px; background:url(../images/eng.jpg) no-repeat left top; margin-right:7px; font-family:arial; color:#d0d0d0; line-height:18px; text-align:center; text-decoration:none;} 
#header .language a:hover,#header .language a.current{ dispaly:block; background:url(../images/china.jpg) no-repeat left top;}

#nav{width:900px; height:31px; background:url(../images/nav_bg.jpg) repeat-x left top; line-height:31px; margin:0 auto; }
#nav table{ width:100%; border-collapse:collapse; border-spacing:0; border:0;}
#nav table td{ height:31px; line-height:31px; text-align:center;}
#nav table td a{ width:100%; font-weight:bold; font-size:14px; color:#fff;}
#nav table td.line{ display:block; width:1px; height:31px;}



#nav table td .subnav{position:relative; width:100%;}
#nav table td .subnav ul{position:absolute; left:0; top:30px; width:100%; display:none;s}
#nav table td .subnav ul li{ width:100%; height:31px; text-align:center;}
#nav table td.show .subnav ul li a{ display:block; width:100%; height:31px; line-height:31px; background:#DEF2FE; font-size:12px; font-weight:normal; color:#000; padding:0; border:0;}
#nav table td .subnav ul li a:hover{height:31px; line-height:31px; background:#8BA6E2; color:#fff; border:0;}

#nav table td.show .subnav ul{ display:block;}






#main{ width:900px; background:url(../images/main.jpg) no-repeat left top; margin:0 auto; overflow:hidden;}
#main .flash{float:left; width:503px; height:503px; margin:24px 0 0 30px;}
#main .bar{ float:left; width:280px; background:url(../images/right_bar.jpg) repeat-y left top; margin:24px 0 0 51px; overflow:hidden;}
#main dl{width:280px; overflow:hidden;}
#main dl dt{ height:37px; line-height:37px; background:url(../images/dl_title.jpg) no-repeat left top; text-indent:44px; font-size:14px; font-weight:bold; color:#2779ac;}
#main dl dd a{ display:block; height:36px; line-height:36px; background:url(../images/dd_bg.jpg) no-repeat left top; text-indent:67px; font-family:"微软雅黑"; color:#2a4f6c;}
#main dl dd a:hover{ display:block; background:url(../images/dd_hover.jpg) no-repeat left top; color:#842800;}
#main .showpic{ width:254px; height:92px; margin:61px auto 0; overflow:hidden;}
#main .mail{width:134px; height:56px; background:url(../images/mail.jpg) no-repeat left top; margin:39px auto 0; padding-left:66px; font-weight:bold; color:#2779ac; line-height:14px; padding-top:8px;}
#fotter{ width:873px; height:38px; background:url(../images/footer.jpg) repeat-x left top; margin:0 auto; padding:15px 0 0 27px;}
#fotter p{ float:right; width:520px; text-align:left; line-height:15px; font-family:arial;}



#container{ width:900px; background:url(../images/container_bg.jpg) repeat-y left top; margin:0 auto; overflow:hidden;}
#container .leftbar{ float:left; width:199px; margin-left:22px; overflow:heidden; display:inline;}
#container .leftbar h2{ height:40px; background:url(../images/h2_title.jpg) no-repeat left top; text-indent:40px; font-size:14px; color:#2779ac; line-height:47px; overflow:hidden;}
#container .leftbar ul{ width:193px; margin:0 auto; overflow:hidden;}
#container .leftbar ul li{ line-height:29px;}
#container .leftbar ul li ul{ width:155px; margin:10px auto; overflow:hidden;} 
#container .leftbar ul li ul li{ height:24px; line-height:24px; background:url(../images/three_bg.jpg) no-repeat left top; text-indent:22px;}
#container .leftbar ul li ul li a{ display:inline; background:none; line-height:24px;}
#container .leftbar ul li ul li a:hover{display:inline; background:none; line-height:24px; color:#266088;}
#container .leftbar ul li a{ display:block; background:url(../images/sun_bg.jpg) no-repeat left top; width:193px; line-height:32px; color:#12344f; text-indent:38px;}
#container .leftbar ul li a:hover,#container .leftbar ul li a.current{ background:url(../images/sun_hover.jpg) no-repeat left top; color:#fff; font-weight:bold; text-decoration:none;}
#container .leftbar .mail{ width:130px; height:46px; background:url(../images/mail.jpg) no-repeat left top; margin:0 auto; padding-left:61px; font-weight:bold; color:#2779ac; line-height:14px; padding-top:6px; margin-top:55px; font-family:Arial;}
#bottom_box{ width:900px; height:10px; background:url(../images/bottom.jpg) no-repeat left top; margin:0 auto;} 
#container .main{ float:left; width:650px; margin:5px 0 0 5px; overflow:hidden;}
#container .main .banner{ width:649px;}
#container .main .curmb{ width:639px; height:31px; line-height:31px; text-align:right; padding-right:10px;}
#container .txtmain{ width:649px; margin:0 auto; overflow:hidden;}
#container .txtmain h2{ width:649px; height:23px; line-height:23px; background:url(../images/h2_bg2.jpg) no-repeat left top; text-indent:12px; font-size:12px; color:#1a6ba3;}
#container .txtmain dl{ width:620px; margin:16px auto 0; border-bottom:1px dashed #CCC; padding-bottom:15px; overflow:hidden; }
#container .txtmain dl dt{ float:right; width:458px; color:#2779ac; font-weight:bold;}
#container .txtmain dl dd.txt{ float:right; width:458px; height:80px;}
#container .txtmain dl dd.pic{ float:left; width:162px; height:118px; background:url(../images/pic_bg.jpg) no-repeat left top;}
#container .txtmain dl dd.pic img{ width:150px; height:107px; margin:5px 0 0 5px;}
.more{ text-align:right;}
#container .txtmain .page{width:649px; height:auto; text-align:right; margin:15px 0;}
#container .txtmain .page a{display:inline-block; height:20px; line-height:20px; border:1px solid #cbcbcb; padding:0 8px; margin-right:4px; color:#666;} 
#container .txtmain .page a:hover,#container .txtmain .page a.current{ border:1px solid #a13533; background:#a13533; text-decoration:none; color:#fff;}

#container .txtmain .txt_box{ width:600px; line-height:30px; margin:20px auto;}



.showpic{ position:relative; width:252px; margin-left:40px;  overflow:hidden;}
.showpic ul,li{ list-style:none;}
.showpic ul{ width:252px; margin:0 auto; height:85px; overflow:hidden; padding:1px;}
.showpic li{ height:85px; float:left; overflow:hidden;}
.showpic li.current{ width:176px;}
.showpic li span{ cursor:pointer; display:block; float:right; height:85px; width:25px; overflow:hidden;}
.showpic li span.btn1{ float:left; width:25px; height:85px; background:url(../images/btn1.jpg) no-repeat left top;}
.showpic li span.btn2{ float:left; width:25px; height:85px; background:url(../images/btn2.jpg) no-repeat left top;}
.showpic li span.btn3{ float:left; width:25px; height:85px; background:url(../images/btn3.jpg) no-repeat left top;}
.showpic li span.btn4{ float:right; width:25px; height:85px; background:url(../images/btn4.jpg) no-repeat left top;}
.showpic li.current span.btn1{float:left; background:url(../images/btn1.jpg) no-repeat left top;}
.showpic li.current span.btn2{float:left; background:url(../images/btn2.jpg) no-repeat left top;}
.showpic li.current span.btn3{float:left; background:url(../images/btn3.jpg) no-repeat left top;}
.showpic li.current span.btn4{float:left; background:url(../images/btn4.jpg) no-repeat left top;}
.showpic li div{ float:left; width:225px; height:85px; background:#CC9; display:none; float:left; overflow:hidden;}