@charset "utf-8";
/*初始化全局样式开始*/
ul,li{list-style:none;}
table{border-collapse:collapse;}
img{border:0;}
a{text-decoration:none;}
/*初始化全局样式结束*/

/*WAP样式*/
/*网页整体颜色*/
body{background:#e4e5e4;}
/*网页最外层控制*/
.warpper{width:100%;float:left;position:relative;overflow:hidden;}
/*省略号控制*/
.sl_1h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*超过一行省略号 -----配合元素宽度使用(不局限于width)*/
.sl_2h{                                  /*超过两行省略号 -----配合元素宽度、高度使用(不局限于width、height)*/
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;              /*行数控制,2就等于两行*/
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/*header区域开始*/
.header{width:100%;float:left;position:relative;overflow:hidden;}
.header .header_bg{width:100%;float:left;}
.header .logo{width:100%;position:absolute;bottom:14%;left:0;text-align:center;}
.header .logo img{clear:both;margin:0 auto;width:50%;}


/*nav区域开始----------------多行与单行样式选其一*/
.nav{width:100%;float:left;position:relative;overflow:hidden;background:#015293;}
.nav ul{width:100%;float:left;border-top:1px solid #023b86;zoom:1;position:relative;}
.nav ul li{float:left;background:#015293;border-right:1px solid #023b86;border-bottom:1px solid #023b86;box-sizing:border-box;}
.nav ul li a{width:100%;height:50px;float:left;line-height:50px;text-align:center;font-size:17px;color:#fff;}

/*多行导航条-----------------多行导航适合较多栏目*/
/*.nav ul li{width:33.33%;}*/
/*.nav ul li:nth-child(3n){border-right:0;} !*n = 列数*!*/
/*一行导航条-----------------单行导航适合少量栏目*/
.nav ul{display:flex;display:-webkit-flex;}
.nav ul li{width:100%;}
.nav ul li:last-child{border-right:0;}


/*banner区域开始*/
.banner{width:100%;float:left;position:relative;overflow:hidden;}

/*图片新闻*/
.slideBox{width:100%;height:250px;position:relative;overflow:hidden;}
.slideBox .hd{height:35px;position:absolute;line-height:35px;bottom:0;right:10px;z-index:1;}
.slideBox .hd li{width:8px;height:8px;display:inline-block;-webkit-border-radius:8px; -moz-border-radius:8px;border-radius:8px;background:#fff;line-height:9999px;overflow:hidden;margin:0 6px;}
.slideBox .hd li.on{background:#cc0203;}
.slideBox .bd{position:relative;z-index:0;}
.slideBox .bd li{position:relative;}
.slideBox .bd li img{width:100%;height:250px;display:block;}
.slideBox .bd li a{width:100%;float:left;-webkit-tap-highlight-color:rgba(0,0,0,0); /* 取消链接高亮 */ }
.slideBox .bd li .tit{width:100%;font-size:15px;display:block;position:absolute;bottom:0;height:35px;line-height:35px;background:rgba(0,0,0,0.6);color:#fff;padding:0 100px 0 10px;box-sizing:border-box;}


/*content区域开始*/
.content{width:100%;float:left;padding:0 10px;box-sizing:border-box;}

.main_box{width:100%;float:left;margin-top:10px;background:#fff;padding-bottom:15px;}

/*页签样式一-----------只有栏目无页签切换*/
.tab_box1{width:100%;float:left;}
.tab_box1 .hd{width:100%;height:49px;float:left;background:#ccc;}
/*左侧栏目名区域*/
.tab_box1 .hd_l{float:left;font-size:18px;color:#015293;}
.tab_box1 .hd_l a{height:50px;float:left;padding:0 15px;line-height:50px;color:#015293;display:inline-block;border-top:3px solid #015293;background:#fff;box-sizing:border-box;margin-left:10px;}
/*预留右侧更多区域class命名;格式:<div class="hd_r"> <a href="#">[更多]</a></div>*/
.tab_box1 .hd_r{float:right;}/**/
.tab_box1 .hd_r a{float:left;color:#000;}
/*标题列表区域--注意每一个a标签的class是单行省略还是多行省略*/
.tab_box1 .bd{width:100%;float:left;}
.tab_box1 .bd ul{width:100%;float:left;padding:5px 10px;box-sizing:border-box;}
/*.tab_box1 .bd ul li{height:80px;} 代表的是两行高度，去掉多行省略时高度会被截取一部分*/
.tab_box1 .bd ul li{width:100%;height:80px;float:left;font-size:17px;color:#333;line-height:40px;border-bottom:1px dashed #e8e8e8;background:url(icon_001.png) no-repeat 0 14px;background-size:10px;display:flex;display:-webkit-flex;}
.tab_box1 .bd ul li a{color:#333;float:left;width:100%;padding-left:18px;}
.tab_box1 .bd ul li:last-child{border-bottom:0;}
/*查看更多区域*/
.tab_box1 .bd p{width:100%;float:left;padding:0 10px;box-sizing:border-box;}
.tab_box1 .bd p a{width:100%;height:40px;float:left;line-height:40px;text-align:center;background:#e4e5e4;border:1px solid #dedede;font-size:15px;color:#808080;border-radius:7px;}
.tab_box1 .bd p a table{width:100%;height:100%;float:left;}
/*预留标题时间 格式:2017-09-13 width:90px; 格式:09-13 width:50px; 三个宽度都要改*/
.tab_box1 .bd ul li > span{color:#999;font-size:15px;float:right;width:90px;max-width:90px;min-width:90px;text-align:right;}

/*页签样式二-----------有栏目有页签切换*/
.tab_box2{width:100%;float:left;}
.tab_box2 .hd{width:100%;height:49px;float:left;background:#ccc;overflow:hidden;}
/*左侧栏目名区域*/
.tab_box2 .hd_l{width:100%;float:left;font-size:18px;color:#015293;display:flex;display:-webkit-flex;padding:0 10px;box-sizing:border-box;}
.tab_box2 .hd_l > span{width:100%;height:50px;float:left;text-align:center;line-height:50px;color:#3d3d3d;display:inline-block;border-top:3px solid transparent;background:transparent;box-sizing:border-box;}
.tab_box2 .hd_l > span.on{border-top:3px solid #015293;background:#fff;color:#015293;}
/*标题列表区域--注意每一个a标签的class是单行省略还是多行省略*/
.tab_box2 .bd{width:100%;float:left;}
.tab_box2 .bd div{width:100%;float:left;display:none;}
.tab_box2 .bd div ul{width:100%;float:left;padding:5px 10px;box-sizing:border-box;}
/*.tab_box2 .bd ul li{height:80px;} 代表的是两行高度，去掉多行省略时高度会被截取一部分*/
.tab_box2 .bd div ul li{width:100%;height:80px;float:left;font-size:17px;color:#333;line-height:40px;border-bottom:1px dashed #e8e8e8;background:url(icon_001.png) no-repeat 0 14px;background-size:10px;display:flex;display:-webkit-flex;}
.tab_box2 .bd div ul li a{color:#333;float:left;width:100%;padding-left:18px;}
.tab_box2 .bd div ul li a table{width:100%;height:100%;float:left;}
.tab_box2 .bd div ul li:last-child{border-bottom:0;}
/*查看更多区域*/
.tab_box2 .bd div p{width:100%;float:left;padding:0 10px;box-sizing:border-box;}
.tab_box2 .bd div p a{width:100%;height:40px;float:left;line-height:40px;text-align:center;background:#e4e5e4;border:1px solid #dedede;font-size:15px;color:#808080;border-radius:7px;}
/*预留标题时间 格式:2017-09-13 width:90px; 格式:09-13 width:50px; 三个宽度都要改*/
.tab_box2 .bd div ul li > span{color:#999;font-size:15px;float:right;width:90px;max-width:90px;min-width:90px;text-align:right;}


/*页签样式三-----------有父级栏目有页签切换*/
.tab_box3{width:100%;float:left;}
.tab_box3 .hd{width:100%;height:49px;float:left;background:#ccc;}
/*左侧栏目名区域*/
.tab_box3 .hd_l{float:left;font-size:18px;color:#015293;}
.tab_box3 .hd_l a{height:50px;float:left;padding:0 15px;line-height:50px;color:#015293;display:inline-block;border-top:3px solid #015293;background:#fff;box-sizing:border-box;margin-left:10px;}
/*右侧子栏目名称*/
.tab_box3 .hd_r{float:left;line-height:50px;margin-left:5px;}/**/
.tab_box3 .hd_r > span{float:left;padding:0 5px;color:#3d3d3d;display:inline-block;}
.tab_box3 .hd_r > span.on{color:#015293;}
/*右侧子栏目中间分割块样式*/
/*使用的代码
<span class="on">提醒</span><i>|</i><span>财贸</span><i>|</i><span>计经</span><i>|</i><span>城建</span><i>|</i><span>人事</span> <i>|</i><span>科教</span>
*/
.tab_box3 .hd_r i{float:left;font-style:normal;}

/*标题列表区域--注意每一个a标签的class是单行省略还是多行省略*/
.tab_box3 .bd{width:100%;float:left;}
.tab_box3 .bd div{width:100%;float:left;display:none;}
.tab_box3 .bd div ul{width:100%;float:left;padding:5px 10px;box-sizing:border-box;}
/*.tab_box3 .bd ul li{height:80px;} 代表的是两行高度，去掉多行省略时高度会被截取一部分*/
.tab_box3 .bd div ul li{width:100%;height:80px;float:left;font-size:17px;color:#333;line-height:40px;border-bottom:1px dashed #e8e8e8;background:url(icon_001.png) no-repeat 0 14px;background-size:10px;display:flex;display:-webkit-flex;}
.tab_box3 .bd div ul li a{color:#333;float:left;width:100%;padding-left:18px;}
.tab_box3 .bd div ul li:last-child{border-bottom:0;}
/*查看更多区域*/
.tab_box3 .bd div p{width:100%;float:left;padding:0 10px;box-sizing:border-box;}
.tab_box3 .bd div p a{width:100%;height:40px;float:left;line-height:40px;text-align:center;background:#e4e5e4;border:1px solid #dedede;font-size:15px;color:#808080;border-radius:7px;}
.tab_box3 .bd div p a table{width:100%;height:100%;float:left;}
/*预留标题时间 格式:2017-09-13 width:90px; 格式:09-13 width:50px; 三个宽度都要改*/
.tab_box3 .bd div ul li > span{color:#999;font-size:15px;float:right;width:90px;max-width:90px;min-width:90px;text-align:right;}


/*footer区域开始------可以是多行 每行一个p标签*/
.footer{width:100%;min-height:50px;float:left;position:relative;overflow:hidden;background:#4d4d4d;padding:10px;box-sizing:border-box;margin-top:10px;}
.footer table{width:100%;height:100%;min-height:50px;float:left;font-size:17px;color:#fff;line-height:25px;}
.footer table p{color:#fff;text-align:center;}

/*细节调整--各个元素间距整合*/
/*.content,.tab_box1 .bd ul,.tab_box1 .bd p{padding-left:10px;padding-right:10px;}*/
/*.main_box1{margin-top:10px;padding-bottom:15px;}*/
/*.tab_box1 .hd_l a{margin-left:10px;}*/
/*.tab_box1 .bd ul{padding:5px 10px;}*/
/*.tab_box3 .hd_r{margin-left:5px;}!**!*/
/*.tab_box3 .hd_r a{padding:0 5px;}*/
/*.footer{padding-left:10px;padding-right:10px;margin-top:10px;}*/

/*!*栏目页*!*/
/*.lmy_content{margin-top:10px;}*/

/*针对本次设计图写的强制样式------可以删掉或修改*/

/*栏目页*/
.lmy_content{width:100%;float:left;min-height:500px;background:#fff;margin-top:10px;padding:5px 10px;box-sizing:border-box;}
.lmy_top{width:100%;height:40px;line-height:40px;border-bottom:1px solid #bababa;box-sizing:border-box;}
.lmy_top span{height:40px;line-height:40px;padding:0 8px;display:inline-block;float:left;font-size:17px;color:#015293;border-bottom:3px solid #015293;}
.lmy_main{width:100%;float:left;padding-bottom:20px;}
.lmy_main ul{width:100%;float:left;padding-bottom:20px;}
.lmy_main ul li{width:100%;float:left;border-bottom:1px dashed #e8e8e8;padding:5px 0 10px 0;}
.lmy_main ul li a{width:100%;height:80px;float:left;color:#333;line-height:40px;font-size:16px;}
.lmy_main ul li a table{width:100%;height:100%;float:left;}
.lmy_main ul li span{color:#999;font-size:15px;float:right;}

/*文章页*/
.wzy_content{width:100%;float:left;background:#fff;padding:10px;box-sizing:border-box;margin-top:10px;}
.wzy_title{width:100%;float:left;font-size:20px;color:#333;line-height:40px;text-align:center;padding:5px 0 10px 0;}
.wzy_data{width:100%;float:left;font-size:13px;color:#999;text-align:center;line-height:20px;}
.wzy_con{width:100%;float:left;color:#333;font-size:16px;line-height:26px;padding:10px 0 40px 0;}

/*针对中等屏幕宽度 480px*/
@media screen and (max-width: 360px){

}

/*针对中等屏幕宽度 360px*/
@media screen and (max-width: 360px){
    .slideBox{height:230px;}
    .slideBox .bd li img{height:230px;}

    .tab_box1 .hd_l a{padding:0 8px;}

    .tab_box2 .hd{position:relative;}
    .tab_box2 .hd_r span{padding:0 3px;}
    .tab_box2 .hd_l a{padding:0 8px;}

    .tab_box3 .hd{position:relative;}
    .tab_box3 .hd_r span{padding:0 3px;}
    .tab_box3 .hd_l a{padding:0 8px;}
}
/*针对中等屏幕宽度 320px*/

@media screen and (max-width: 320px){
    .content{padding:0 8px;}
    .nav ul li a{height:40px;line-height:40px;}
    .slideBox{height:200px;}
    .slideBox .bd li img{height:200px;}

    .tab_box1 .hd_l{font-size:15px;}
    .tab_box1 .hd_l a{padding:0 5px;}
    .tab_box1 .hd_r span{padding:0 2px;font-size:15px;}
    .tab_box1 .bd ul li{font-size:15px;}

    .tab_box2 .hd{position:relative;}
    .tab_box2 .hd_r span{padding:0 2px;font-size:15px;}
    .tab_box2 .hd_l{font-size:15px;padding:0 8px;}
    .tab_box2 .hd_l a{padding:0 5px;}
    .tab_box2 .bd div ul li{font-size:15px;}

    .tab_box3 .hd{position:relative;}
    .tab_box3 .hd_r span{padding:0 2px;font-size:15px;}
    .tab_box3 .hd_l{font-size:15px;}
    .tab_box3 .hd_l a{padding:0 5px;}
    .tab_box3 .bd div ul li{font-size:15px;}

    /*栏目页*/
    .lmy_content{margin-top:8px;padding:8px;}
    .lmy_main ul li a{font-size:15px;}
    .lmy_main ul li span{font-size:13px;}
    /*文章页*/
    .wzy_content{margin-top:8px;padding:8px;}
}

/**后期调整**/
    body #hanwebFontSize h1.moreFontSize {
        font-size: 26px !important;
    }
    
    body #hanwebFontSize h1.mastFontSize {
        font-size: 30px !important;
    }
     body #hanwebFontSize h1.mobileoldSize {
        font-size: 30px !important;
    }