.header_box .bg1{display: none;}
.header_box .bg2{display: block;}
/***** 角色模式 Start*****/
.jsmsbg{background: url(jsms_bg_r1_c1_s1.jpg) top center no-repeat; background-size: 100%;}
.zbanner img{width: 100%; height: auto;}
.jsms_l{float: left; background: url(ldzc_body_bg.png) center repeat; border-radius: 12px 12px 0 0; width: 246px; height: 74px; line-height: 74px; text-align: center; font-size: 25px; color: #1d69bd;}
.jsms_l i{display: inline-block; margin-right: 12px;}
.jsms_l i img{vertical-align: middle;}
.jsms_r{float: right; padding-bottom: 14px;}
.jsms_r li{width: 167px; margin-left: 20px; position: relative; float: left;}
.qhjs_nav1 ul{position: absolute; left: 0; top:-150px; display: none;}
.li1:hover .qhjs_nav2{background: #53b5f3; display: block; border-radius: 10px;}
/* .li1:hover .qhjs_nav2:after{	
    border-bottom:10px transparent solid;
	border-right:10px transparent solid;
	border-top:10px #53b5f3 solid;
	border-left:10px transparent solid;
    position:absolute; content:" "; left:50%; bottom: -5px; margin-top: -1px;  background: #53b5f3;
} */
.li1:hover .qhjs_nav2 li{margin: 0; height: 50px; line-height: 50px; text-decoration: none; color: #fff; text-align: center;}
.li1:hover .qhjs_nav2 li a{display: block; color: #fff;}
.li1:hover .qhjs_nav2 li:hover{background:#40a0f7; border-radius: 10px;}
/* 西关游客 */
.lwss_title{margin: 0 auto 30px;}
.lwss_l{width: 59.5%; float: left;}
.lwss_tab{position: relative; height: 376px;}
.lwss_tab .hd{position: absolute; top: 6px; left: 4px; z-index: 1; width: 128px;}
.lwss_tab .hd li{width: 50%; height: 64px; float: left; cursor: pointer;}
.lwss_tab .hd li span{display: inline-block; height: 64px; width: 100%;}
.lwss_tab .hd li span.sj01{background: url(jsms_sjqh_link01.png) top center no-repeat;}
.lwss_tab .hd li span.sj02{background: url(jsms_sjqh_link02.png) top center no-repeat;}
.lwss_tab .hd li span.sj03{background: url(jsms_sjqh_link03.png) top center no-repeat;}
.lwss_tab .hd li span.sj04{background: url(jsms_sjqh_link04.png) top center no-repeat;}
.lwss_tab .hd li.on span.sj01{background: url(jsms_sjqh_hover01.png) top center no-repeat;}
.lwss_tab .hd li.on span.sj02{background: url(jsms_sjqh_hover02.png) top center no-repeat;}
.lwss_tab .hd li.on span.sj03{background: url(jsms_sjqh_hover03.png) top center no-repeat;}
.lwss_tab .hd li.on span.sj04{background: url(jsms_sjqh_hover04.png) top center no-repeat;}
.lwss_tab .bd{padding: 0; margin: 0;}


.lwss_tpxw{width:100%; height:376px; overflow:hidden; position:relative; border:0;  border-radius: 10px;}
.lwss_tpxw .hdcon{ overflow:hidden; position:absolute; right:5px; bottom:20px; z-index:4; }
.lwss_tpxw .hdcon ul{ overflow:hidden; zoom:1; float:left;}
.lwss_tpxw .hdcon ul li{ float:left; margin:0 4px;  width:8px; height:8px; line-height:8px; border-radius:50%; background:#999; cursor:pointer; text-indent:99999em;}
.lwss_tpxw .hdcon ul li.on{ background:#DE4444; color:#fff; }
.lwss_tpxw .bdcon{position:absolute; top:0; left:0; width:678px; height:376px;}
.lwss_tpxw .bdcon ul{width:100%; height:100%;}
.lwss_tpxw .bdcon ul li{position:relative; height:376px;}
.lwss_tpxw .bdcon li img{width:100%;  height:376px;}
.lwss_tpxw .bdcon li b{ display:block; position:absolute; width:100%; height:45px; bottom:0;left:0; border-radius:0 0 12px 12px; background:#000; opacity:.7;filter:alpha(opacity=70); z-index:1;}
.lwss_tpxw .bdcon li span{ display:block; position:absolute;height:45px; width: 100%; color: #fff; font-size: 16px; bottom:0;left:0; z-index:2; line-height:45px; padding-left: 15px; padding-right: 90px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.lwss_tpxw .bdcon li span a{color:#FFF; display:block;  position:relative; z-index:3; font-size:16px; max-width:95%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.lwss_tpxw .bdcon li span a:hover{color:#fff;}

.lwss_r{width:38%; float: right;}
.lwss_r .weather{position: relative; box-shadow: 0 0 20px 0 #d2eafd;  border-radius: 10px;}
.lwss_r .weather .box1{position: absolute; top: 21px; left: 25px; width: 280px; font-size: 16px; z-index: 2;}
.lwss_r .weather .box1 .wd{font-size: 40px; float: left; color: #fff;}
.lwss_r .weather .box1 .kqzl{float: right; color: #fff; padding-top: 15px;}
.lwss_r .weather .box1 .kqzl span{display: initial; color: #fff;}
.lwss_r .weather .box1 .kqzl span.green{background: #90AA6C; display: initial; border-radius: 23px; line-height: 23px; padding: 0 10px; margin-bottom: 5px; color: #fff;}
.lwss_r .weather .box1 .qh{width: 100%; padding-top: 10px; clear: both; color: #fff;}
.lwss_r .weather .box1 .qh span{color: #fff;}
.lwss_r .weather .box2{position: absolute; top: 20px; right: 20px; font-weight: bold; font-size: 21px; z-index: 2; color: #fff;}
.lwss_r .weather .box3{position: absolute; bottom: 18px; right: 20px; font-size: 23px; z-index: 2; color: #fff;}

.lwss_r .weather img{display:block; width: 100%; height: auto;}
.lwss_box{background: #fff;box-shadow: 0 0 6px 0 #d9d9d9; border-radius: 12px; margin-top: 18px; *margin-top: 14px; padding: 15px; *border:1px #d9d9d9 solid}
.lwss_box li{width: 50%; *width: 49%; float: left;}
.lwss_box li a{font-size: 16px;}
.lwss_box li img{display: block; margin: 0 auto 12px;}
.lwss_box li .text{display: block; text-align: center;}

/* 日历 */
.calendar{margin: 20px 0;}
.calendar img{width: 100%; height: auto; border: 2px #F0F5FD solid; border-radius: 12px;}
.lwdt{position: relative;}

/* 荔湾街坊 */
.lwjf_l{width:49.8%; float: left;}
.lwjflb{width: 100%; overflow: hidden; position: relative; height: 320px;}
.lwjflb .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:8px; z-index:2; }
.lwjflb .hd ul{ overflow:hidden; zoom:1; float:left;}
.lwjflb .hd ul li{ float:left; margin-right:8px;  width:8px; height:8px; line-height:8px; border-radius:50%; background:#D3D3D3; cursor:pointer; text-indent:99999em;}
.lwjflb .hd ul li.on{ background:#DE4444; color:#fff; }
.lwjflb .bd{position:absolute; top:0; left:0; width:100%; height:100%;}
.lwjflb .bd .tempWrap{width: 568px; height: 320px;}
.lwjflb .bd ul{width:100%; height:100%;}
.lwjflb .bd ul li{position:relative;}
.lwjflb .bd li img{width:100%;  height:320px;}
.lwjflb .bd li b{display:block; position:absolute; width:100%; height:45px; bottom:0;left:0;background:#000; opacity:.6;filter:alpha(opacity=60); z-index:1;}
.lwjflb .bd li span{ display:block; position:absolute;width:82%;height:45px; bottom:0;left:0; z-index:2; line-height:45px;}
.lwjflb .bd li span a{color:#FFF; display:block; float:left; padding-left:15px; position:relative; z-index:3; font-size:16px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.lwjflb .bd li span a:hover{color:#fff;}

.lwjf_r{width: 47.9%; float: right;}
.lwzpzc li{margin: 33px 0; *margin: 26px 0;}
.lwzpzc li.xx3{margin-bottom: 0;}

.lwjf_box2_l{width: 70%; float: left;}
.lwjf_menu li{width: 23.5%; float: left; margin-right: 15px; *margin-right: 13px; margin-bottom: 10px; border-radius: 12px; height: 124px; background-color: #f3f6fa; border: 1px #f3f6fa solid; background-position: bottom center; background-repeat: no-repeat;}
.lwjf_menu li a{display: block; height: 100%;}
.lwjf_menu li.lm1{background-image: url(jsms_lwjf_icon01.png);}
.lwjf_menu li.lm2{background-image: url(jsms_lwjf_icon02.png);}
.lwjf_menu li.lm3{background-image: url(jsms_lwjf_icon03.png);}
.lwjf_menu li.lm4{background-image: url(jsms_lwjf_icon04.png);}
.lwjf_menu li.lm5{background-image: url(jsms_lwjf_icon05.png); margin-bottom: 0;}
.lwjf_menu li.lm6{background-image: url(jsms_lwjf_icon06.png); margin-bottom: 0;}
.lwjf_menu li.lm7{background-image: url(jsms_lwjf_icon07.png); margin-bottom: 0;}
.lwjf_menu li.lm8{background-image: url(jsms_lwjf_icon08.png); margin-bottom: 0;}
.lwjf_menu li.lm4, .lwjf_menu li.lm8{margin-right: 0; float: right;}
.lwjf_menu li .text{line-height: 56px; text-align: center; padding: 0 20px; font-size: 22px; display: block;}
.lwjf_menu li:hover{background-color: #C9E7FF; border: 1px #1B6FD3 solid;}
.lwjf_menu li:hover .text{color: #0c65d0;}

.lwjf_box2_r{width: 27.5%; float: right; background: url(jsms_lwjf_r3_c19_s1.png) top center no-repeat; background-size: 100%; padding: 13px 0 0; height: 257px;}
.bsxts_title{margin-bottom: 15px; font-size: 22px; color: #0c65d0; text-align: center;}
.lwjf_box2_r p{margin-bottom: 23px; font-size: 16px}
.lwjf_box2_r p a{font-size: 14px; color: #0c65d0; float: right;}

.lwjf_box3_l{width: 72%; float: left;}
.zjdc_list li{padding: 16px 0; line-height: 24px; padding-right: 100px; position: relative; overflow: hidden;}
.zjdc_list li .gjzt{width: 70px; text-align: center; border-radius: 6px; margin-right: 14px; float: left;}
.zjdc_list li .status{ background: #0C65D0; color: #fff}
.zjdc_list li .finished{background: #E3E3E3; color: #666;}
.zjdc_list li .title{float:left;  width: 88%; display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.zjdc_list li .time{position: absolute; top: 14px; right: 0;}
.zjdc_list li .time .end{display: none;}
.lwjf_box3_r{width: 25.5%; float: right;}
.zxft_pic img{display:block; width: 100%; height: auto;}
.zxft_text{text-align: center; margin-top: 10px; display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.lwjfScroll-top{ margin:0 auto; width:240px; overflow:hidden; position:relative; height: 232px;}
.lwjfScroll-top .hd{ overflow:hidden; }
.lwjfScroll-top .hd .prev,.lwjfScroll-top .hd .next{display:block;  width:100%; height:14px; *height:28px; overflow:hidden; cursor:pointer; position: absolute;}
.lwjfScroll-top .hd .prev{background: url(jsms_lwjf_prev.png) center no-repeat; top: 0; left: 0;}
.lwjfScroll-top .hd .next{background: url(jsms_lwjf_next.png) center no-repeat; bottom: 0; left: 0;}
.lwjfScroll-top .bd{ padding:20px 0;  *height:140px; *margin: 30px 0}
.lwjfScroll-top .bd ul{ overflow:hidden; zoom:1; }
.lwjfScroll-top .bd ul li{ text-align:center; zoom:1; margin-bottom: 7px;}
.lwjfScroll-top .bd ul li .lwjf{ text-align:center; }
.lwjfScroll-top .bd ul li .lwjf img{ width:100%; height:59px; display:block;}
.lwjfScroll-top .bd ul li .lwjf a:hover img{ border-color:#999;  }
.lwjfScroll-top .bd ul li .title{ line-height:24px;}

/* 营商企业 */
.ysqy_list{border: 1px #E2ECF7 solid; padding: 20px 16px 0; margin-top: 20px;}
.ysqy_list li{padding-bottom: 20px; border-bottom: 1px #E2ECF7 dashed; position: relative; padding-left: 14px; line-height: 1.5; margin-bottom: 19px; height: 63px; *padding-bottom:5px; *margin-bottom: 13px;}
.ysqy_list li:after{position:absolute; content:" "; left:0; top: 12px; margin-top: -1px; width: 4px; height: 4px; background: #CA0101;}
.ysqy_list li span.time{float: right; color: #999;}
.ysqy_list li:hover a{color: #0D75D6;}
.ysqy_list li:hover span{color: #0D75D6;}
.ysdt_list li.xx2{margin-bottom: 0}
.ysqy_list li.xx6{border: none; margin: 0;}
.sdpt_tab .hd li{margin-left: 15px; float: left; border-radius: 8px 8px 0 0;  line-height: 37px; font-weight: bold; text-align: center; width: 128px; line-height: 34px; border: 1px #C9E1FF solid; border-bottom: none; color: #3D84D9; font-size: 16px;}
.sdpt_tab .hd li a{display: block; font-size: 16px; color: #3D84D9;}
.sdpt_tab .hd li.on{
background: #0c66d0; /* Old browsers */
background: -moz-linear-gradient(left,  #0c66d0 0%, #1a92eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0c66d0 0%,#1a92eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0c66d0 0%,#1a92eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c66d0', endColorstr='#1a92eb',GradientType=1 ); /* IE6-9 */
font-size: 16px; color: #fff;
}
.sdpt_tab .hd li.on a{font-size: 16px; color: #fff;}
.sdpt_tab .bd{background: url(jsms_ysqy_bg_r2_c1_s1.png) left center no-repeat; padding: 30px 18px; height: 241px; background-size: 100%; *padding:0;}
.sdpt_tab .bd li{*padding: 30px 18px;}
.sdpt_tab .bd li .pic{width: 310px; float: left;}
.sdpt_tab .bd li .pic img{display: block; width: 100%; height: 174px;}
.sdpt_tab .bd li .xx_con{width: 39%; float: right;}
.sdpt_tab .bd li .xx_con .tit{font-size: 18px; font-weight: bold; color: #333; margin-bottom: 20px;}
.sdpt_tab .bd li .xx_con .tit a{font-size: 18px; color: #333;}
.sdpt_tab .bd li .xx_con .zy{font-size: 16px; line-height: 1.5; overflow: hidden; height: 132px;}

.ysqy_menu{background: #F8F8F8; padding: 10px 7px;}
.ysqy_menu li{width: 30.7%; background: #fff; float: left; margin: 7px; text-align: center; height: 142px; float: left;}
.ysqy_menu li a{display: block;}
.ysqy_menu li img{margin: 34px auto 12px; display: block;}
.ysqy_menu li .text{text-align: center; font-size: 16px;}
.ysqy_menu li:hover{background: url(jsms_ysqy_bg_r1_c3_s1.png) center no-repeat #fff;}

/***** 角色模式 End*****/

@media (max-width: 1280px) {
    jsmsbg{background-size: 1920px;}
}

@media (max-width: 1024px) {
    .header_box img{width: 100%;}
	.lwjf_menu li{width: 23.2%; height: 100px;}
    .lwjf_menu li .text{font-size: 18px;}
    .lwjf_box2_r{padding: 12px 20px 0; height: 207px;}
    .bsxts_title{margin-bottom: 10px;}
    .lwjf_box2_r p{margin-bottom: 13px;}
    .zjdc_list li{padding: 10px 0;}

    .ysqy_list{padding:16px;}
    .ysqy_list li{padding-bottom: 10px; margin-bottom: 10px;}
    .sdpt_tab .bd{height: 202px; padding: 25px 18px;}
    .sdpt_tab .bd li .pic{width: 220px;}
    .sdpt_tab .bd li .pic img{height: 140px;}
    .sdpt_tab .bd li .xx_con{width: 42%;}
    .ysqy_menu li{width: 29.9%;}
    .ysqy_menu li{height: 132px;}
    .ysqy_menu li img{margin: 15px auto 10px;}
    .lwjfScroll-top{width: 220px; height: 170px}
    .sdpt_tab .bd li .xx_con .zy{font-size: 13.8px;}
    .lwjflb, .lwjflb .bd ul li, .lwjflb .bd li img{height: 310px;}
    .lwjflb .bd li span a{width: 90%;}
    .lwtt_list li{margin: 10px 0 !important;}
    .ysqy_menu li{height: 120px;}
    .space40{height: 20px;}

    .zjdc_list li .title{width: 74%;}
}