@charset "utf-8";
.hn_top_nav1{
	margin:0 auto;
	width:980px;
	clear:both;
	height:5px;
	background:#32517d;
	
}
.hn_top_nav{
	margin:0 auto;
	width:980px;
	clear:both;
	height:30px;
	background:#EEF5FD;
	line-height:30px;
	font-size:20px;
	text-align:center;
	font-family:"黑体"; 
}

/*页面结构*/
#Hheader { margin:0 auto; width:1200px; padding:10px 20px 10px 15px; background-color:#FFF; border-bottom:1px solid #e0e0e0; }
#Hcontent { margin:0 auto; width:980px;}
#contant_box{ width:100%; background-color:#f1f1f1;}
#Hfooter { margin:0 auto; width:980px; height:60px; clear:both; padding-top:15px; background-color:#FFF;}
#Hfooter p { text-align: center; line-height:22px;}

/**/
.Hlogo{float:left;margin-top: 9px; }
.Hlogo a{width:550px; height:50px; background:url(../images/logo.svg) no-repeat; display:block; cursor:pointer;}
.Htop_nav{ float:right; margin-top:20px;}
.Htop_nav a{ color:#333; text-decoration:none;}
.Htop_nav a:hover{ color:#666; text-decoration:underline;}
.Hbanner{ width:980px; margin:0px auto;}
.Hhome_picture{ float:left; background:url(../images/wuxi/banner_left.jpg) left top no-repeat; width:633px; height:280px;}
.Hlogin{ background:url(../images/wuxi/banner_right.jpg) left top no-repeat; width:300px; height:255px; float:left; padding-left:47px; padding-top:20px; padding-bottom:5px; position:relative;}
.Hlogin_bt{ background: url(../images/hainan/tubiao.jpg) no-repeat; height:25px; text-indent:30px; margin-left:5px; line-height:25px; font-size:14px; font-weight:bolder; color:#0066cc;}
.Hxian{ background:url(../images/hainan/login_xu.jpg) no-repeat; width:241px; height:5px; margin-top:3px; overflow:hidden;}
.Hdenglu{ width:265px;/* border:1px solid #b0b0b0;*/ overflow:hidden; margin-left:-10px;}
.Hdenglu span{ font-size:12px; float:left; line-height:25px; height:25px; width:70px; text-align:right;margin-right:3px;}
.Hdenglu li{ clear:both; line-height:32px; height:32px;}
.Hd_p input{ width:152px; height:22px; line-height:22px; padding-left:3px; border:1px solid #b0b0b0;}
.Hd_p02 input{ width:152px; height:22px; line-height:22px; padding-left:3px; border:1px solid #b0b0b0;}
.Hd_1 input{ width:55px; height:22px; line-height:22px; padding-left:3px; _margin-left:2px; border:1px solid #b0b0b0; float:left;}
.Hbutton_04 { height:25px; font-size:14px; font-weight:bolder; color:#003366; border:1px #87a3c1 solid; background:url(../images/hainan/button_bg02.gif); padding:0 17px 3px 17px; *padding:0 9px; cursor: pointer; }
.Hjianju{ margin-left:73px; _margin-left:75px; display:inline;}
.Hjianju2{ margin-left:75px; margin-top:5px;}
a.HBlue:link, a.HBlue:visited { color: #0066cc; text-decoration: underline;} 
a.HBlue:hover, a.HBlue:active { color: #ff0000; text-decoration: underline;} 
a.Hlanse:link, a.Hlanse:visited { color: #32507d; text-decoration: none;} 
a.Hlanse:hover, a.Hlanse:active { color: #ff0000; text-decoration: underline;} 
.Hclear_h10 { clear:both; height:10px; overflow:hidden; }
.Hclear_h15 { clear:both; height:15px; overflow:hidden; }
.Hclear_h5 { clear:both; height:5px; overflow:hidden; }
a.HGray:link, a.HGray:visited { color: #333; text-decoration: underline;} 
a.HGray:hover, a.HGray:active { color: #ff0000; text-decoration: underline;}
.Hcontane02{ width:980px; overflow:hidden; float:left;}
.HNotice{ float:left; width:575px;}
.HNotice_title{ width:575px; height:35px;/* float:left;*/}
.HNotice_nr{width:575px; overflow:hidden;/* float:left;*/ padding-top:6px;}
.HAnnouncement{ width:570px; border-bottom:1px dashed #b9b9b9; padding-bottom:3px; float:left; padding-left:5px;}
.HN_icon{color:#0066cc; font-size:14px; font-weight:bold; background: url(../images/hainan/icon01.gif) 0px 3px no-repeat; padding-left:12px; padding-bottom:5px; padding-top:5px;}
.HN_more{ float:right; margin-top:8px; padding-right:3px;}
.HNotice_nr ul{ margin-left:5px;}
/* .HNotice_nr ul li{ width:557px; float:left; background:url(../images/hainan/icon_d.gif) 0px 6px no-repeat; padding-left:10px; margin:5px 0px;} */
.HNotice_nr ul li{ width:557px; float:left; padding-left:10px; margin:5px 0px;}
.HNotice_nr ul li a{ color:#666; text-decoration:none; line-height:18px;}
.HNotice_nr ul li a:hover{ color:#666; text-decoration:underline; line-height:18px;}
.HNotice_nr ul li span{ float:right; color:#999999; padding-left:10px;}
.Hnew_point{ float:right; width:290px; margin-right:45px; display:inline;}
/*首页内容区新加样式*/
.home_bj01{ background-color:#FFF; border-bottom:1px solid #e0e0e0; padding:20px 0px 5px 20px; overflow:hidden;}
.fgx_img{ background:url(../images/guangzhou/fgx_img.gif) no-repeat; width:11px; height:200px; float:left; margin-left:15px; _margin-top:-15px;}
.noto_box{ background:url(../images/guangzhou/notice_title.gif) right top no-repeat; width:340px; float:right; margin-top:-20px;}
.note_title{border-bottom:1px dashed #b9b9b9; padding-bottom:8px; padding-left:5px; width:290px; margin-top:21px; padding-top:3px;}
.news_list{ margin-top:15px;}
.news_list p{ text-indent:2em; line-height:22px; color:#666666;}
.Hh10 { clear:both; height:10px; overflow:hidden; }
.Hh20 { clear:both; height:20px; overflow:hidden; }
/* --- channel --- */
#channel { height:75px;}  
#channel .bar { height:30px; background:url(../images/wuxi/channel_t2.gif) repeat-x;}  
#channel .bar .t_l{ float:left; height:30px; width:85px; padding-left:15px; background:url(../images/wuxi/channel_t1.gif) left; font-size: 14px; font-weight: bold; line-height:22px; color:#0066cc;}
#channel .bar .tab { float:left; color:#333; text-align:center; cursor:pointer; line-height:30px;}
#channel .bar .t_r { float:right; height:30px; width:5px; background:url(../images/hainan/channel_t3.gif) right no-repeat; font-size:1px;}
#channel .bar { height:30px; background:url(../images/hainan/channel_t2.gif) repeat-x;}  
#channel .box { height:40px; background:url(../images/hainan/channel_bg.gif) #f8fafd left no-repeat; border-right: solid #afc9e1 1px; }
#channel .feet { height:5px; background:url(../images/wuxi/channel_b2.gif) repeat-x bottom;}
#channel .feet .b_l{ float:left; height:5px; width:100px; background:url(../images/wuxi/channel_b1.gif) left no-repeat; font-size:1px;}
#channel .feet .b_r { float:right; height:5px; width:5px; background:url(../images/wuxi/channel_b3.gif) right no-repeat; font-size:1px;}
/* --- business --- */
#business{ height:auto;}
#business .bar .tab { float:left; color:#333; text-align:center; cursor:pointer; line-height:30px;  } 
#business .bar { height:30px; background:url(../images/wuxi/business_t2.gif) repeat-x;}  
#business .bar .t_l{ float:left; height:30px; width:70px; padding-left:15px; background:url(../images/wuxi/business_t1.gif) left; font-size: 14px; font-weight: bold; line-height:22px; color:#0066cc;}
#business .bar .t_r { float:right; height:30px; width:5px; background:url(../images/wuxi/business_t3.gif) right no-repeat; font-size:1px;}
/*#business .bar { height:30px; background:url(../images/hainan/business_t2.gif) repeat-x;} */ 
/*#business .box { height:180px; background:#f8fafd; border-left: solid #afc9e1 1px;  border-right: solid #afc9e1 1px; }*/
#business .box { background:#f8fafd; border-left: solid #a1c0dc 1px;  border-right: solid #a1c0dc 1px; overflow:hidden; height:auto; padding:15px;}
#business .feet { height:5px; background:url(../images/wuxi/business_b2.gif) repeat-x bottom;}
#business .feet .b_l{ float:left; height:5px; width:5px; background:url(../images/wuxi/business_b1.gif) left no-repeat; font-size:1px;}
#business .feet .b_r { float:right; height:5px; width:5px; background:url(../images/wuxi/business_b3.gif) right no-repeat; font-size:1px;}

/* ========== tab ========== */
#TabTab03Con1 { height:40px; line-height:14px; text-align:center;}
#TabTab03Con2 { height:40px; line-height:14px; text-align:center; }
#TabTab03Con3 { height:40px; line-height:14px; text-align:center; }
#TabTab03Con4 { height:40px; line-height:14px; text-align:center;}
#TabTab02Con1 { height:auto; }
#TabTab02Con2 { height:auto; }
.xixi1 { padding-left:8px; width:465px; height:30px; line-height:30px; background:url(../images/wuxi/tab_01.gif) no-repeat; cursor:pointer; }
.xixi2 { padding-left:8px; width:465px; height:30px; line-height:30px; background:url(../images/wuxi/tab_02.gif) no-repeat; cursor:pointer; }
.xixi3 { padding-left:8px; width:465px; height:30px; line-height:30px; background:url(../images/wuxi/tab_03.gif) no-repeat; cursor:pointer; }
.xixi4 { padding-left:8px; width:465px; height:30px; line-height:30px; background:url(../images/wuxi/tab_04.gif) no-repeat; cursor:pointer; }


.xixi5 { padding-left:6px; width:835px; height:30px; line-height:30px; background:url(../images/sx/tab01.gif) no-repeat; cursor:pointer; }
.xixi6 { padding-left:6px; width:835px; height:30px; line-height:30px; background:url(../images/sx/tab02.gif) no-repeat; cursor:pointer; }
.xixi7 { padding-left:6px; width:835px; height:30px; line-height:30px; background:url(../images/sx/tab03.gif) no-repeat; cursor:pointer; }
.xixi8 { padding-left:6px; width:835px; height:30px; line-height:30px; background:url(../images/sx/tab04.gif) no-repeat; cursor:pointer; }
.xixi9 { padding-left:6px; width:835px; height:30px; line-height:30px; background:url(../images/sx/tab05.gif) no-repeat; cursor:pointer; }

.xixi30 { padding-left:10px; width:745px; height:30px; line-height:30px; background:url(../images/sx/tab_30.gif) no-repeat; cursor:pointer;  }
.xixi31 { padding-left:10px; width:745px; height:30px; line-height:30px; background:url(../images/sx/tab_31.gif) no-repeat; cursor:pointer; }
.xixi32 { padding-left:10px; width:745px; height:30px; line-height:30px; background:url(../images/sx/tab_32.gif) no-repeat; cursor:pointer; }
.xixi33 { padding-left:10px; width:745px; height:30px; line-height:30px; background:url(../images/sx/tab_33.gif) no-repeat; cursor:pointer; }
.xixi34 { padding-left:10px; width:745px; height:30px; line-height:30px; background:url(../images/sx/tab_34.gif) no-repeat; cursor:pointer; }
.xixi35 { padding-left:10px; width:745px; height:30px; line-height:30px; background:url(../images/sx/tab_35.gif) no-repeat; cursor:pointer; }

.tab1 { width:118px; height:30px; float:left; }
.tab2 { width:108px; height:30px; float:left; }
.tab3 { width:112px; height:30px; float:left; }
.tab4 { width:112px; height:30px; float:left; }

.tab5 { width:118px; height:30px; float:left; }
.tab6 { width:108px; height:30px; float:left; }
.tab7 { width:118px; height:30px; float:left; }
.tab8 { width:108px; height:30px; float:left; }
.tab9 { width:118px; height:30px; float:left; }

.tab30 { width:110px; height:30px; float:left; }
.tab31 { width:135px; height:30px; float:left; }
.tab32 { width:115px; height:30px; float:left; }
.tab33 { width:130px; height:30px; float:left; }
.tab34 { width:110px; height:30px; float:left; }
.tab35 { width:130px; height:30px; float:left; }

/* ========== End tab ========== */
.Ht_css { padding:1px; text-align: center; font-family:Arial, Helvetica, "宋体";}
.Ht_css td { padding:0 10px;}
.Ht_css td img { padding:0 5px;}
.Ht_css th { height:30px; font-weight: bold; }
.Ht_css .Hli_1 { height:28px; background:#e8effd; }
.Ht_css .Hli_2 { height:28px;}

/*首页表格样式*/
.tablebox { border-collapse:collapse; line-height:16px;}
.tablebox td { border:#c1d3e3 solid 1px; padding:5px 3px; }
.tablebox th { background:#dbe7f3; border:#c1d3e3 solid 1px; padding:5px 3px; text-align: center; }
.tablebox img { border:0; }
.tablebox a { color:#32507d; text-decoration:none }
.tablebox a:hover { color:#06C; text-decoration:underline }
.bgs { background:#eff7ff; }
.uibtn { width:16px; height:16px; display:inline-block; cursor:pointer; }
.uibtn + .uibtn { margin-left:10px }
.pdf { background:url(../images/hainan/ico_pdf.gif) no-repeat; }
.word { background:url(../images/hainan/ico_word.gif) no-repeat;}
.guide { background:url(../images/hainan/ico_guide.gif) no-repeat; }

/*-----help-----*/
.Hhelp {padding-bottom:20px; height:59px; background: url(../images/hainan/home_help_bj3.gif) repeat-x; }
.Hhelp_left { float:left; padding-left:125px; height:59px; background: url(../images/hainan/home_help.gif) no-repeat; }
.Hhelp_left ul {font-size:14px; }
.Hhelp_left ul li { float:left; margin-left:28px; line-height:22px; padding-top:20px; height:37px; display:inline;}
.Hhelp_right { float:right; width:5px; height:59px; background: url(../images/hainan/home_help_bj2.gif) no-repeat; }
.ico_h01 { height:22px; padding-left:32px; background: url(../images/hainan/h01.gif) no-repeat 0 17px; }
.ico_h02 { height:22px; padding-left:32px; background: url(../images/hainan/h02.gif) no-repeat 0 20px; }
.ico_h03 { height:22px; padding-left:32px; background: url(../images/hainan/h03.gif) no-repeat 0 17px; }
.ico_h04 { height:22px; padding-left:32px; background: url(../images/hainan/h04.gif) no-repeat 0 17px; }
.ico_h05 { height:22px; padding-left:32px; background: url(../images/hainan/home_help_x.gif) no-repeat;}

.help_faq { margin-top:-12px; background:url(../images/hainan/questions_bottom01.gif) no-repeat; width:164px; height:41px; display:block;} 
.help_faq:hover { background:url(../images/hainan/questions_bottom02.gif) no-repeat; width:164px; height:41px; display:block;}
a.piece-item:hover .piece-item-hover {
    display: inline;
    position: absolute;
    left: 10;
    width: 30%;
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 0.1rem 0.75rem rgba(9,41,77,.15);
    opacity: .97;
    z-index: 99;
    word-break:normal;
    width:auto;
    display:block;
    white-space:pre-wrap;
    word-wrap : break-word ;
    overflow: hidden;
}
.piece-item-hover {
    margin-top: -100px;
	text-align: left;
    display: none;
    position: absolute;
    left: 10;
    width: 50%;
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 0.1rem 0.75rem rgba(9,41,77,.15);
    opacity: .97;
    z-index: 99;
}