/*固定头部*/


#page
{padding-top: 40px;}
#zgh_header
{position: fixed;top: 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index:999;
}


.mode_wapper{ width:auto;}
.wrapper{ width:980px; margin:0 auto;height:auto; overflow:hidden;}
body{ background-image:url(imagesbg.gif); background-repeat:repeat-x; background-position:top;}
/* top */
.clear{zoom:1;}
.clear:after{content:""; display:block;clear:both;}

.date {
    max-width: 970px;
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
    text-indent: 5px;
    font-size: 14px;
    line-height: 30px;
}
/* 导航 */
.zgh_logo {
    width: 100%;
    margin: 0 auto 65px;
    height: auto;
    overflow: hidden;
    display: block;
}

.zgh_logo ul {
    display: block;
    width: 100%;
    height: 71px;
}
.zgh_logo li {
    list-style: none;
    float: left;
}
.li_img {
    max-width: 500px;
    margin-right: 10px;
}
.nav01{ width:91px; display:block; margin-top:40px;}
.nav01 a{ width:63px; display:block; height:24px; font-size:14px; text-align:center; color:#454545; line-height:24px; padding-bottom:5px;}
.nav01 a:hover{ border-bottom:3px solid #ec5844; width:63px; display:block; height:24px; font-size:14px; text-align:center; color:#454545; line-height:24px; padding-bottom:5px;}
.nav02{ width:95px; display:block; margin-top:40px;}
.nav02 a{ width:78px; display:block; height:24px; font-size:14px; text-align:center; color:#454545; line-height:24px; padding-bottom:5px;}
.nav02 a:hover{ border-bottom:3px solid #ec5844; width:78px; display:block; height:24px; font-size:14px; text-align:center; color:#454545; line-height:24px; padding-bottom:5px;}
/* 移动端导航 */
#zgh_header i {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 10px;
}

.logo-ico {
    height: 26px;
    padding: 7px 0;
}
.logo-ico img {
    width: auto;
    height: 100%; margin-bottom: 1em;
}
.iconfont {
    color: #FF5A45;
}

/* 公告栏*/
.kuai01{ width:100%; float:left; height:365px; background-color:#fafafa; margin-bottom:25px;}
.kuai01 h1{ display:block; float:left; width:572px;}
.ggl{ float:left; width:334px; padding:0 32px; margin-top:15px;}
.title_01{ font-size:20px; font-weight:bold; color:#000000;     display: inline-block; text-align:center; line-height:50px; border-bottom:2px #34c8d9 solid; margin-bottom:15px;}
.title_02{ font-size:14px; font-weight:bold; color:#2c2c2c; text-align:left; line-height:24px; margin-bottom:25px; display:block;}
.title_02:hover{ color:#ec5844;}

.list{ width:100%; display:block; float:left;}
.list li{ list-style:none;}
.list a{ font-size:14px; line-height:28px;}
.list a:hover{ color:#ec5844;}
.list span{ font-size:14px;}

.btn_more{ background:#34C8D9; border-radius:4px; width:128px; height:35px; display:block; text-align:center; float:left; margin-top:15px; line-height:35px; color:#ffffff; font-weight:bold; font-size:14px;}
.img-response {
    display: block;
    max-width: 100%;
    height: auto;
}
.ggl-wrap{ background:#fafafa; margin-bottom:1em;}
.right_ggl{

        float: left;
    width: 375px;
    height: auto;
    overflow: hidden;

}
/* 工会动态 */

.kuai02{  width:100%; float:left; margin-bottom:20px;}
.left{ width:226px; border:1px #ececec solid; background-color:#f8f8f8;}

.search{ width:100%; float:left; height:62px; border-bottom:1px #ececec solid;}
.search div{ width:198px; height:32px; margin:0 auto; margin-top:13px; background-color:#ffffff; border:1px #cccccc solid; border-radius:5px;-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;}
.btn_search{ width:32px; display:block; float:left; border-left:1px #cccccc solid;}

.nav_link{ width:100%; display:block; float:left; height:42px; border-bottom:1px #ececec solid; line-height:42px; font-size:14px;}
.nav_link:hover{ background-color:#ffffff; height:42px; display:block; }

.right{ width:718px;}
.link_gzdt{ position:absolute;top:0; left:0; line-height:30px; height:30px; display:block;/*  float:left;  */ font-size:16px; font-weight:bold; color:#ec5844;padding-left:3px; margin-bottom:8px;}
.tw_bg{ width:87%; height:30px; background-image:url(imagesdt_bg.gif); background-position:center center; background-repeat:repeat-x; display:block; float:right; margin-bottom:8px;}
.gzdt h1{ width:317px; height:205px; display:block; float:left; padding-top:10px;}
.dt_left{width: 358px; padding:0 20px; float:left; margin-top:1em;}

.right_01{ width:317px; float:left;}
.title_03{ width:100%; float:left; height:37px; margin-top:30px;}
.title_03 h1{ display:block; float:left; width:125px; height:37px;}
.title_03 a{ display:block; float:right; width:12px; height:36px;}
.hlgh{ width:100%; float:left;}
.list_01{ display:block; width:317px; height:84px; float:left; margin-top:20px;}
.li_img01{ display:block; float:left; width:78px; margin-top:6px;}
.link_01{  width:225px; display:block; float:left;    padding-left: 10px;}
.link_01 a{ font-size:14px; line-height:22px;}
.link_01 a:hover{ color:#ec5844;}
.link_01 span{ font-size:12px; line-height:24px; color:#ff5741;}

.h_img{ display:block; float:left; width:100%; margin-top:25px; margin-bottom:12px;}

.right_02{ width:366px; float:right;}
.ty_list{ width:100%; float:left; margin-top:16px;}

.right_03{ width:100%; float:left; margin-top:20px;}
.link_xgjs{ width:12%; line-height:30px; height:30px; display:block; float:left; font-size:16px; font-weight:bold; color:#2d2d2d;padding-left:3px; margin-bottom:8px;}
.xgyw{ width:716px; float:left; margin-top:13px; background-color:#f2f2f2; border:1px #ececec solid; height:auto; border-radius:5px;-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px; font-size:14px; text-align:center; line-height:52px;}
.link_yw:hover{ color:#ec5844;}

.footer{ width:100%;min-height:122px;  background-color:#ec5844; color:#ffffff; font-weight:bold; font-size:16px;}
.btm{ width:980px; margin:0 auto; height:100%; }

.btm span{ font-size:12px; line-height:12px; font-weight:normal;  padding: 2px; display:inline-block;}
.tel,.addr{ float:left; height:auto;}
.tel{ padding-top:48px; padding-right:52px;}
.addr{ margin-top:37px; width:552px;}

/* 工会动态2 */
.menu{
	    background-color: #f8f8f8; float:left; border:1px solid #ccc; border-radius:8px;
	}
.nav a:hover{ border-bottom:3px solid #ec5844;}
.no-btm{ border-bottom:0;}
.menu li{ float:left; padding:10px;}
.side-menu{ display:none; float:left;}
.gzdt-wrap{
	float:left;width: 718px;  padding-left:20px;
	}
.gzdt{
	width:100%; position:relative;/* height:194px;*/
	}
.left {    width: 226px;
	float: left;
	height:918px;
}
.search div {
    width: 90%; position:relative;}
.search-ico{
	position:absolute;top:0; right:2px;
	}
	
.nav_link a{
	 padding-left:15px;
	}
.right_01{ border:none;}

#s{
	 background-color:#ffffff; color:#a59999; height:28px; width:80%; border:0px; margin-left:3px; display:block; float:left; 
	
	}
.list li { width:100%; height:30px; line-height:30px;}
.list a{ width:72%; display:block; float:left; height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list span{ width:28%; display:block; float:left; text-align:center;}
.left_hei{ height:auto;}
#pagesize table{ font-size:14px; }
.child_code {
    width: 600px;
    height: 31px;
    line-height: 31px;
    margin-top: 10px;
}
.child_code a {
    font-size: 14px;
    font-weight: bold;
}
.count{ display:none;}


@media (max-width: 768px){/*<=768的设备-平板竖版以下*/ 
.wrapper{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
body{ background-image: none;}
.zgh_logo {
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    display: none;
}
#zgh_header {
    background-image: url(imagesbg-phone.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 40px;
    height: 40px;
    padding: 0 50px;
}
.mode_content {
    margin-top: 1em auto;
}
/* 公告栏 */
.right_ggl {
    width: 100%;}
.kuai01 .ggl {
    width: 100%;
 }
 .ggl {
    float: left;
    width: 100%; 
    padding: 0 ;
    margin-bottom: 1em; 
}
/*.list li { width:100%; height:30px; line-height:30px;}

.list span{ width:28%; display:block; float:left; text-align:center;}*/
.list a{ width:92%;  height: auto;    white-space: normal;}
.left{ display:none;}
.gzdt-wrap{ padding:0; width:100%;}



/* 工会动态 */

.tw_bg{ width:74%;}
.dt_left {
    width: 100%;
     padding: 0;}
/* 活力工会 */
.right_01 {
    width: 100%;}
.title_03{
 margin-top:1em;
	}
.list_01{ margin-top:1em;}
/* 职工服务 */
.h_img{ margin:1em 0;}
/* 基层之声 */
.right_02 {
    width: 100%;}



/* 相关业务 */
.tw_bg {
    width: 74%;}
.link_xgjs{ width:25%;}
.xgyw{width: initial;}
.tel,.addr{ width:100%;}

/* 底部 */
.btm{ width:100%;}
.tel{ text-align:left; margin-left:1em;}
.addr{ margin:1em 10px; width:95%;}
.addr span{ display:block; padding:2px;}
.total,.trun{ display:none;}
/* 翻页 */

#pagesize .right{ display:none;}

.dt_left{margin-top:1em; }
.right_table{ display:none;}
#pagesize table{ width:100%;}
.left_table{ width:100%; text-align:center;}
.cont img {
    width: 100%;
}
/* tab */

.sec_child{ display:none;}
.gzdt{ height:auto;}
.list li span{ display:none; }
.title_02,.list li a{ font-size:1em;}
}