.xy_banner{ max-width:640px; margin:0 auto; padding-top:44px;}
/* focus css 焦点图*/
.slideBox { position:relative; overflow:hidden; width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd {position:absolute; width:100px; right:0; bottom:15px; margin-left:-50px; text-align:center; z-index:1; }
.slideBox .hd li { display:inline-block; width:13px; height:13px;  border-radius:20px; background:rgba(255,255,255,0.9);text-indent:-9999px;
 overflow:hidden; margin:0 3px; }
.slideBox .hd li.on { background:#ca1414;}
.slideBox .bd { position:relative; z-index:0; }
.slideBox .bd li { position:relative; text-align:center;}
.slideBox .bd li img {background:url(images/loading.gif) center center no-repeat;vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */ }
.slideBox .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }  /* 去掉链接触摸高亮 */
.slideBox .bd li a>span{ position: absolute; bottom:0;left:0; padding:10px;z-index: 555; color: #fff; font-size:18px;background-color:rgba(0,0,0,0.3); display:inline-block;width:100%;}
.slideBox .bd li .tit { display:block; width:100%; position:absolute; bottom:0; 
text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; 
color:#fff; text-align:left;}
/*公告通知css*/
.radio{ width: 100%; padding:15px 0;}
.radio .gg_img{ width:25% font-size: 15px; font-weight: bold; padding-left: 5px;}
.radio .gg_img>img{ max-width: 18px;}
.radio .gg_txt{ width: 72%;}
.radio .gg_txt > p{ font-size: 15px; padding-left: 5px;}
/*快捷菜单*/
.xy_nav{width:100%;max-width:640px;margin: 0 auto; border-bottom: 8px solid #f5f5f5; background: #fff; margin-bottom:15px; border-bottom: 1px solid #e5e5e5;}
.xy_nav > ul{ width: 100%; background: #fff; clear: both;}
.xy_nav > ul > li{ width: 25%;float: left; margin:4% auto;}
.xy_nav > ul > li > a{display: block;font-size:16px;text-align: center; width: 100%; padding:0 5%;}
.xy_nav > ul > li > a > img{max-width:100px; width:80%;display: block;margin:0 auto; margin-bottom:5px;}
/*专题css*/
.zt_bg{ width:100%; margin:0 auto; background: #fff; margin-bottom: 15px;}
.zt_img{clear: both;padding:10px 0; padding-left: 1%;}
.zt_img >a{ width:50%;float:left;}
.zt_img>a >img{width:100%;max-width:300px; padding:1%; display: block;}
/*工会要闻css*/
.news_yw{ width: 100%;max-width: 640px; background: #fff; margin-bottom:15px;}
.yw_title{ width:100%; height:40px; line-height:40px;margin: 0 auto; clear: both; border-top:1px solid #e5e5e5;background: url(../img/tbg.png) left top repeat-x;}
.yw_title .tit_img{ float: left; width: 60%; font-size: 18px; font-weight: bold; color: #da2021;}
.yw_title .tit_img >img{ width:100%;max-width: 20px; vertical-align: middle; margin-left:8px;margin-right:5px;}
.yw_title .a_more{ float:right; width: 30%; text-align: right; margin-right:5px;}
.yw_content{ width: 100%; margin: 0 auto; background: #fff;}
.yw_content { width: 98%; margin: 0 auto; background: #fff;}
.yw_content .news_box{ padding:10px 5px;clear: both; display: block; border-bottom: 1px solid #e5e5e5;}
.yw_content .news_box .news_li{ width: 75%; background: url(../img/nlicon.png) left 10px no-repeat; padding-left:15px;}
.yw_content .news_box .news_li >a{ display:block;height: 32px; line-height: 32px; font-size:16px;overflow: hidden;}
.yw_content .news_box .news_li >p{ font-size: 13px; color: #888;}
.yw_content .news_box .news_time{ width:22%; text-align: right;}
.yw_content .news_box .news_time>span{ display: block; color: #999; text-align: center; border-left: 1px solid #e5e5e5;}
.yw_content .news_box .news_time>span:first-child{ font-size: 17px; color: #666;}
.yw_content .news_box .news_time>span:last-child{ font-size: 13px;}
/*图文资讯css*/
.tw_news{ width: 100%;max-width: 640px;background: #fff; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.tw_content{ padding:10px 15px; margin: 0 auto;}
.tw_content .tw_pic { width: 100%;margin:0 auto; padding:12px 0; border-bottom: 1px dotted #e5e5e5;}
.tw_content .tw_pic:last-child{ border: none;}
.tw_pic .img_lf{ width: 40%; float:left;}
.tw_pic .img_lf >a{ display: block; border: 1px solid #e5e5e5; padding: 1px;}
.tw_pic .img_lf >a>img{ width: 100%; max-width:240px; display: block;}
.tw_pic .img_rtxt{ width:58%;}
.tw_pic .img_rtxt>h3 .n_title{ font-size:18px; height:48px; line-height:24px; overflow: hidden;display:block; margin:1% auto; margin-bottom:3%;}
.tw_pic .img_rtxt .n_info{ font-size: 14px; color: #666;line-height:18px; height:36px; overflow:hidden; text-indent: 2em;}
.tw_pic .img_rtxt .n_time{ color: #aaa; text-align:right;font-size:14px; margin-top:5%;}
.tw_pic .img_rtxt .n_time > img{ width:100%;max-width:16px;vertical-align: middle;margin-right:3px;}
.tw_none { clear: both;}
.tw_none > .img_rtxt{ width: 100%; clear:both;}
/*法律援助/医疗健康css*/
.fl_yl{ width: 100%; max-width: 640px; margin: 0 auto; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.fl_title{ background: url(../img/tbg1.png) left top repeat-x; clear: both; width: 100%;}
.fl_title>a{ display: block; width: 50%; float: left; height:40px;line-height:40px;text-align: center;}
.fl_title>a.aon{ background: url(../img/tbg.png) left top repeat-x; font-weight: bold;}
.fy_content{width:100%;max-width: 640px; margin:0 auto; background: #fff;}
.content_fl{padding:15px 20px;margin:0 auto;clear: both; padding-left: 25px; padding-bottom:15px;}
.content_fl .cnt1{ width:48%;float:left;border:1px solid #e5e5e5;margin-bottom:5px; margin-top:15px;}
.content_fl .cnt1:nth-child(2n+1){margin-right:3%;}
.content_fl .cnt1 .timg1{float:left;width:35%;}
.content_fl .cnt1 .timg1>a{ display:block;padding:1px;}
.content_fl .cnt1 .timg1>a>img{ width:100%;max-width:150px;display: block;}
.content_fl .cnt1 .ttxt{ float:right;width:62%; padding:4%;}
.content_fl .cnt1 .ttxt .p_name{font-size:15px; padding-top:2%;}
.content_fl .cnt1 .ttxt .p_info{font-size:13px; margin:3% auto;line-height:18px; height: 36px; overflow: hidden;}
.content_fl .cnt1 .ttxt .p_detil{text-align: right;}
.content_fl .cnt1 .ttxt .p_detil>a{ padding:1px 2px; border-radius:3px;background: #DA2021; color:#fff;font-size: 12px;}
/*底部版权信息css*/
.footer{ width: 100%;height:50px; max-width: 640px; margin:15px auto; text-align: center;font-size: 14px; color: #999; margin-bottom: 50px;}
.footer>p{ line-height:20px;}

/*工行要闻列表/内容页面样式*/
.p_main{ width:100%; max-width: 640px; margin: 0 auto; padding-top: 50px;}
.page_content{ width: 100%; margin: 10px auto;}
.title_txt{ padding:15px 10px;text-align: center; background: #fff; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.title_txt .tit_h3{margin-bottom:12px;line-height:28px;}
.title_txt .tit_info{ color: #888; font-size: 14px;}
.chapter_content{ padding:20px; background: #fff; font-size: 15px; color: #666;}
.chapter_content>img{ width:100%;max-width: 640px; display: block; margin-bottom: 5px;}
.chapter_content >p{ line-height:28px; text-indent: 2em; margin-bottom:5px;}
.chapter_content .pre_btn,
.chapter_content .next_btn{ display: block;font-size: 13px; margin-top: 5px;}
.chapter_content .pre_btn{ margin-top:15px; padding-top: 15px; border-top: 1px solid #DA2021;}
.chapter_content >p{ line-height:28px; text-indent: 0em; margin-bottom:5px;}
.chapter_content img{ max-width:640px; width:100%;} 
.chapter_content{ line-height:26px;}
/*机构设置*/
.set_content{ padding: 10px; margin:15px auto; background: #fff;}
.set_content .set_li{ border-bottom:none;}
.set_content .set_li li a{ display: block; background: url(../img/rback.png) right center no-repeat; background-size: 2%;}
.set_content .set_li li{background: url(../img/nlicon.png) 6px center no-repeat;border-top:1px dashed #e5e5e5; padding-left:25px; height:42px; line-height:42px; margin-bottom: 5px;}
.set_content .set_li li:first-child{ border: none;}

/*领导简介*/
.set_content .lead>li{ font-size: 15px; font-weight:bold;}
.set_content .lead>li>a{ border:1px dotted #e5e5e5; font-weight: normal; text-align:center;float: right; display:block; width:24%; font-size: 15px; color:#111; background:none;}

/*领导简介页面css*/
.lead_img{padding-top:4%;width: 100%;}
.lead_dl{ width:30%;float:left;display:inline;margin-bottom:3%; margin-left:2.5%;border:1px solid #e5e5e5; text-align:center; padding:2px;}
.lead_dl dt.d_img{ width: 100%; margin: 0 auto;}
.lead_dl dt.d_img> a{ width: 100%; margin: 0 auto;}
.lead_dl dt.d_img> a >img{width: 100%;max-width:180px; max-height:240px; min-height:130px;}
.lead_dl .d_name,
.lead_dl .d_sc{ line-height:22px; max-height:42px;color:#666; font-size: 14px;}
.lead_dl .d_name{ font-size:15px; font-weight:bold; color:#444;}
.lead_dl:hover{ border:1px solid #da2020}

/*在线留言页面css*/
.message_content{ padding: 10px; background: #fff; margin: 20px auto; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.message{ margin:0 auto; width: 100%;}
.msg_div{ border-radius:6px;padding-bottom:15px; padding-top:10px;}
.form_ground{padding:10px 0; margin: 0 auto;}
.form_ground .label_t{ font-size:14px; width:25%; text-align:right;float:left; padding:5px 0; padding-right:6px;font-weight:bold;height:32px; line-height:32px;}
.form_ground .i_txt{float:left;padding:5px; color:#444;font-size:13px; border:1px solid #ccc;width:72%; max-width: 420px; border-radius:2px; max-height:40px;line-height:28px;font-family:"微软雅黑"; }
.form_ground .area_txt{font-family:"微软雅黑";float:left;padding:8px 5px; color:#666;font-size:14px; width:72%; max-width: 420px;border:1px solid #ccc;border-radius:2px;}
.form_ground .radio1{ width: 72%; font-size: 14px; padding-top: 10px;}
.form_ground .radio1 >input{ width: 10px; height: 10px; border:1px solid #666; margin-left: 10px; margin-right: 3px;}
.sub_div{ margin:0 auto;padding:15px 0; width: 100%; text-align: center;}
.sub_div .tbtn{ width:100px; height:32px; line-height:32px; text-align:center;font-size:16px; color:#fff; font-family:"微软雅黑"; border-radius:2px; cursor:pointer;}
.sub_div .sub_btn{ border:1px solid #eb2020; background:#eb2020; margin-right:20px;}
.sub_div .qx_btn{ border:1px solid #989898; background:#bbb;}
.red{color: #DA2021;}

/*回复留言页面css*/
.f_w .i_txt{ width:60%;}
.sub_div .check_btn{ border:1px solid #eb2020; background:#eb2020; margin-right:20px; width:150px;}
.reply_main{ width:96%; margin:20px auto; margin-bottom:0;}
.reply_box{ width:100%;box-shadow:0 0 6px #FF9C9C;border-radius:3px; padding: 5px;}
.reply_m { padding:10px 5px; border-bottom: 1px dotted #e5e5e5;}
.reply_m:last-child{ border: none;}
.reply_m >span{display: block; float: left; font-size: 14px;}
.reply_m >span.tname{ width: 30%; color: #333;text-align: right;}
.reply_m >span.t_cnt{ width: 70%; color: #777; padding-left:5px;}


@media screen and (min-width:320px) and (max-width:480px){       
      .ty_nav > ul > li > a{display:block;font-size:14px;text-align:center; width: 100%; padding:0 5%;}
      .radio .gg_img{font-size:13px;}
      .radio .gg_txt > p{font-size:13px;}
      .slideBox .bd li a>span{font-size:16px;}
}
@media screen and (max-width:320px){
	.radio .gg_img{ font-size: 12px;}
    .radio .gg_txt > p{ font-size: 12px;}
    .slideBox .bd li a>span{ font-size: 12px;}
    .xy_nav > ul > li > a{ font-size: 14px;}
    .tw_pic .img_rtxt>h3 .n_title{ font-size: 14px; line-height:18px; height:36px;}
    .tw_pic .img_rtxt .n_info{ font-size:13px;}
    .tw_pic .img_rtxt .n_time{ font-size:13px;}
    .tw_pic .img_rtxt .n_time > img{max-width:14px;}    
    .set_content .lead>li>a{ background-size:16%;}
    .form_ground .label_t{ font-size: 14px; width: 30%;}
    .form_ground .i_txt{ width: 70%;}
    .form_ground .area_txt{ width: 70%;}
    .sub_div .tbtn{ width:30%;}
    
}
.main{ width: 100%; background: #f5f5f5; padding-bottom:32px;}