#header { height:180px; width:100%; margin:0 auto; overflow:hidden; background:url(imagesheader_bg.png) center no-repeat;}
#header .header { height:100%; width:980px; margin:0 auto; overflow:hidden;}
#header .header .logo { height:140px; width:100%; float:left;}
#header .header .logo img { margin-top:40px;}
#header .header .nav { height:40px; width:100%; float:left; background:url(imagesnav_bg.png) center no-repeat;}
#header .header .nav ul { height:100%; width:100%; float:left; font-size:14px;}
#header .header .nav ul li { height:22px; width:80px; float:left; text-align:center; margin:11px 0; background:url(imagesnav_line.png) right no-repeat;}
#header .header .nav ul li a { display:block; color:#fff300; font-weight:600;}
#header .header .nav ul li.on a,#header .header .nav ul li:hover a { color:#fff;}
#header .header .nav ul li.other { background:none;}



#main { height:auto; width:100%; margin:0 auto; background:url(imagesmain_bg.png);}
#main .main { height:auto; width:980px; margin:0 auto; overflow:hidden; background:#fff;}
#main .main .mainBox { height:auto; width:98%; margin:0 auto; padding-bottom:10px;}

.common { border:1px #ddd solid; float:left; padding:1px;}
.common .title { height:33px; width:100%; float:left; background:url(imagescommon_title_bg.png) repeat-x; line-height:33px;}
.titleX2 { font-size:14px; font-weight:bold;color:#FFF; height:33px; width:100%; float:left; background:url(imagescommon_title_bg.png) repeat-x; line-height:33px; padding-left:10px;}
.common .title span { height:100%; width:50%; float:left; color:#fff; background:url(imagescommon_title_icon.png) 8px 10px no-repeat; text-indent:20px; font-size:14px; font-weight:600;} 
.common .title b { height:100%; width:100px; float:right; text-align:right; margin-right:10px;}
.common .title b a { color:#fff;}
.common .content { height:100%; width:100%; float:left;}
.common .content ul { float:right; height:100%; width:96%; margin:10px 8px 0 0;}
.common .content ul li { height:25px; width:100%; float:left; text-indent:12px; border-bottom:1px #ccc dashed; padding-top:5px;}
.common .content ul li span { height:100%; width:75%; float:left;}
.common .content ul li b { width:25%;float:right; font-weight:400; text-indent:36px;}
.common .content ul.red_dot li { background:url(imagesred_dot.png) 0 12px no-repeat;}
.common .content ul.gray_dot li { background:url(imagesgray_dot.png) 2px 12px no-repeat;}
.common .img_list { height:auto; width:100%; float:left;}
.common .img_list .image { height:82px; width:128px; float:left; margin:18px 0 0 0;}
.common .img_list .image img { height:80px; width:120px; float:right;}
.common .img_list ul { height:auto; width:186px; float:right; padding-top:10px;}
.common .img_list ul li { height:30px; width:93px; float:left; line-height:30px; text-indent:15px;}
.common .img_list ul.pink_icon li { background:url(imagespink_icon.png) 0 10px no-repeat;}
.common .img_list ul li a { color:#ee4918;}

#main .main .mainBox .main_up { height:auto; width:100%; float:left; margin-top:8px;}
#main .main .mainBox .main_up .main_left { height:auto; width:680px; float:left;}
#main .main .mainBox .main_up .main_left .login_notice { height:280px; width:100%; float:left;}
#main .main .mainBox .main_up .main_left .login { height:100%; width:280px; float:left;}
#main .main .mainBox .main_up .main_left .login .system { height:auto; width:240px; float:left; margin:18px 0 0 10px; text-align:center; font-size:14px;font-weight:600;}
#main .main .mainBox .main_up .main_left .login .system a { display:block; color:#fff;}
#main .main .mainBox .main_up .main_left .login .system .xinxi_system { height:60px; width:100%; float:left; background:url(imagesxinxi_system.png) no-repeat; line-height:60px;}
#main .main .mainBox .main_up .main_left .login .system .ceping_system { height:50px; width:100%; float:left; background:url(imagesceping_system.png) no-repeat; margin-top:15px; padding-top:10px;}
#main .main .mainBox .main_up .main_left .login .system .kaoshi_system { height:60px; width:100%; float:left; background:url(imageskaoshi_system.png) no-repeat; margin-top:15px; line-height:60px;}
#main .main .mainBox .main_up .main_left .notice { height:100%; width:400px; float:right;}
#main .main .mainBox .main_up .main_left .work_dangjian { height:284px; width:684px; float:left; margin-top:10px;}
#main .main .mainBox .main_up .main_left .work_dangjian .work { height:280px; width:333px; float:left;}
#main .main .mainBox .main_up .main_left .work_dangjian .dangjian { height:280px; width:333px; float:right;}
#main .main .mainBox .main_up .main_left .adv { height:88px; width:100%; float:left;  margin-top:8px; margin-left:2px;}
#main .main .mainBox .main_up .main_left .adv img { height:88px; width:680px; float:right; }

#main .main .mainBox .main_up .main_right { height:auto; width:265px; float:right; margin-top:2px;}
#main .main .mainBox .main_up .main_right .internet { height:80px; width:100%; float:left; margin-top:10px;}
#main .main .mainBox .main_up .main_right .img_notice { height:282px; width:100%; float:left; background:#f5f5f5; margin-bottom:11px;}
#main .main .mainBox .main_up .main_right .img_notice .notice_title { height:40px; width:100%; float:left; background:url(imagestitle_bg.png) no-repeat; line-height:32px;}
#main .main .mainBox .main_up .main_right .img_notice .notice_title b { height:100%; width:50%; float:left; font-size:14px; color:#ee4918; text-indent:10px;}
#main .main .mainBox .main_up .main_right .img_notice .notice_title span { height:100%; width:50px; float:right;}
#main .main .mainBox .main_up .main_right .img_notice img { height:220px; width:255px; float:left; margin:10px 0 0 5px;}
#main .main .mainBox .main_up .main_right .process { height:auto; width:265px; float:left; border:none;}
#main .main .mainBox .main_up .main_right .process .pro_title { height:35px; width:265px; float:left; line-height:35px; font-size:14px; text-indent:26px; background:url(imagespro_title_bg.png) no-repeat; color:#ed4818;}
#main .main .mainBox .main_up .main_right .process .pro_title b { height:100%; width:160px; float:left; background:url(imagespro_icon.png) 10px 13px no-repeat;}
#main .main .mainBox .main_up .main_right .process .pro_title span { height:100%; width:90px; float:left;}
#main .main .mainBox .main_up .main_right .process .pro_title span a { color:#ccc;}

#main .main .mainBox .main_up .main_right .process .content { height:250px; width:263px; float:left; border:1px #ddd solid; border-top:none; border-bottom:none;}

#main .main .mainBox .main_up .main_right .process .content ul { height:100%; width:253px; margin:5px; float:left; background:#fafafa; padding:10px 0;}
#main .main .mainBox .main_up .main_right .process .content ul li { margin-left:10px; border-bottom:none;}
#main .main .mainBox .main_up .main_right .download { height:auto; margin-top:-2px; float:left;}
#main .main .mainBox .main_up .main_right .download .content { height:250px; width:263px; float:left; border:1px #ddd solid; border-top:none;}
#main .main .mainBox .link { height:112px; width:100%; float:left; border:1px #ddd solid; margin:10px 0;}
#main .main .mainBox .link .link_box { height:106px; width:955px; float:left; margin:3px;}
#main .main .mainBox .link .link_box .link_title { height:40px; width:100%; float:left; background:url(imageslink_title_bg.png) no-repeat; line-height:34px;}
#main .main .mainBox .link .link_box .link_title b { height:100%; width:50%; float:left; font-size:14px; color:#ee4918; text-indent:8px;}
#main .main .mainBox .link .link_box ul li { height:66px; width:158px; float:left; margin-top:10px;}




#main .main .mainBox .site { height:40px; width:100%; line-height:40px; color:#000; float:left;}
#main .main .mainBox .site a { color:#666;}
#main .main .mainBox .list_box { height:auto; width:100%; float:left; margin-bottom:10px;}
#main .main .mainBox .list_box .side { height:auto; width:220px; float:left; border-top:none;}
#main .main .mainBox .list_box .side .side_title { height:37px; width:100%; float:left; line-height:37px; font-size:14px;  color:#ed4818; text-indent:12px; background:url(imagesside_bg.png) no-repeat;}
#main .main .mainBox .list_box .side .common { border-top:none;}
#main .main .mainBox .list_box .side .common .content { height:215px; width:215px; float:left;}
#main .main .mainBox .list_box .side ul { width:213px; float:left; margin:0 1px 1px 1px; background:#fafafa;}
#main .main .mainBox .list_box .side ul li { width:200px; float:right; border:none;}
#main .main .mainBox .list_box .side ul li a { color:#ed4818;}
#main .main .mainBox .list_box .list { height:auto; width:729px; float:right; border:1px #ddd solid;}
#main .main .mainBox .list_box .list ul { height:100%; width:100%; float:left; margin:0;}
#main .main .mainBox .list_box .list ul.dot li { background:url(imagesdot.png) 10px 16px no-repeat;}
#main .main .mainBox .list_box .list ul li { text-indent:24px; border-bottom:1px #ddd dashed; line-height:36px;}
#main .main .mainBox .list_box .list ul li span { width:100px; float:right;}

.page { width:100%; display:block;clear:both; height:50px; text-align:center;line-height:50px; color:#00558c; font-size:14px; margin:10px 0px 0px 0px; float:left;}
.page a{ padding:4px 10px; margin:0px 4px; color:#999;}
.page a:hover{ text-decoration:none;background:#eee; color:#000;}



.article_box { height:auto; width:729px; float:right; border:1px #ddd solid; overflow:hidden;}
.article { height:auto; width:100%; float:right;}
.article .article_title{ width:100%; height:50px; width:100%; text-align:center; line-height:50px; font-family:"微软雅黑"; font-size:20px; padding:0px 0px 10px 0px; color:#ed4818;}
.article .author{ width:100%; text-align:center; color:#222;}
.article .cut-line{ width:100%; height:10px; float:left; border-bottom:1px solid #eee;}
.article .content{ width:100%; line-height:28px; color:#222; font-size:14px; margin-top:20px;  overflow:hidden;}
.article .content p { padding:10px; float:left;}


#footer { height:80px; width:100%; margin:0 auto; overflow:hidden; background: url(imagesfooter_bg.png) repeat-x;}
#footer .footer { height:100%; width:980px; margin:0 auto; overflow:hidden; color:#fff; text-align:center; line-height:24px; margin-top:15px;}