@charset "utf-8";
body{ background: url("/hntj/xhtml/hnstjj/images/bootm_bg_01.png") no-repeat center bottom; }
/* 新闻头条 */
.hotnews{ text-align: center; overflow: hidden; padding-top: 50px; margin-bottom:40px; position: relative; }
.hotnews .hotnewstitle{ padding: 0 45px; text-align: center; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color:#fcef94; }
.hotnews .hotnewstitle>a{ font-family: "华文中宋"; font-size:28px; color:#fcef94; }
.hotnews .hotnewstitle>a:hover{ color:#fedb64; }
.hotnews .hotnewssubtitle{ display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 10px; font-family: "华文中宋"; color:#fff; font-size:20px; }
.hotnews .hotnewssubtitle>*{ font-family: "华文中宋"; margin: 0 13px; color:#fff; font-size:20px; }
.hotnews .new-list{ display: flex;flex-wrap: wrap;justify-content: center;align-items: center; }
.hotnews .new-list a{font-family: "华文中宋";  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.hotnews .new-list span{ padding: 0 15px; }
.hotnews .new-list a,.hotnews .new-list span{ color:#fff; font-size:16px; }
.hotnews .hotnewssubtitle a:hover,
.hotnews .new-list a:hover{ color:#c6ecff; }
.hotnews .zwtt { display: block; position: absolute; left: 0; top: 36px; background: url("/hntj/xhtml/hnstjj/images/index_toutiao.png") no-repeat; width: 73px; height: 73px; }

/* 轮播 */
#slideBox{ overflow: hidden; height:410px;  }
#slideBox .item{ width: 100%; height:410px; overflow: hidden; }
#slideBox .item img{ min-width: 100%; height:410px; }
#slideBox .item p{ height:40px; line-height:40px; font-size:16px; color:#fff; background: url(/hntj/xhtml/hnstjj/images/index_lbbj.png); position:absolute; right: 0; left:0; bottom:0; z-index: 2; display: inline-block; cursor:pointer; padding:0 20px;}
#slideBox .item p a{ display:block; width:75%; height:40px;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; color:#fff; }
#slideBox .owl-pagination{ height:40px; line-height: 40px; overflow:hidden; position:absolute; right: 0; bottom:0px; z-index:1; }
#slideBox .owl-pagination .owl-page{ float:left; margin:14px 10px 0 0; border-radius: 50%; width:10px; height:10px; background: #fff; font-size: 0; cursor:pointer; overflow:hidden; }
#slideBox .owl-pagination .owl-page.active{ background: #ed1414; }
#slideBox .owl-prev,
#slideBox .owl-next{ display: none; width: 42px; height: 69px; position: absolute; top: 50%; margin-top: -35px; left: 0; z-index: 100; background: url(/hntj/xhtml/hnstjj/images/index_anniu.png) no-repeat; }
#slideBox .owl-next{ left: auto; right: 0; background-position: -42px 0;  }

/* 新闻标题tabs */
.tab_box{ text-align:left; }
.tab_hd{ height: 40px; border-bottom: 1px solid #d7d7d7;  overflow: hidden; }
.tab_hd ul li{ float:left; margin-right: 30px; }
.tab_hd ul li a { display: block; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #000000;}
.tab_hd .on a{ font-weight: bold; color: #245399; }
.tab_hd>ul>li>a>span{ font-size: 14px; color: #999999; line-height: 40px; margin-left: 10px; }
.tab_hd>span{ float: right; }
.tab_hd>span>a{ display: block; font-size: 14px; color: #666666; height: 40px; line-height: 40px; -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
.tab_hd>span>a:hover{ color: #245399; }


/* 新闻列表 */
.bd_new { padding-top: 10px; }
.bd_new ul{ zoom:1; }
.bd_new li{ height: 40px; line-height: 40px; position: relative;  }
.bd_new li a{ background: url("/hntj/xhtml/hnstjj/images/index_dian1.png") no-repeat left center; padding-left: 15px; font-size: 16px; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd_new li:hover a{ color: #245399; }
.bd_new li:hover span{ color: #245399; }
.bd_new li span{ display: block; font-size: 14px; color: #999999; text-align: right; float:right;  }
.bd_new.bd_a80 a{ margin-right: 60px; }

/* 布局 */
.gradient{ background: url("/hntj/xhtml/hnstjj/images/index_news_bj.png") no-repeat center top; }
.gradient-line{ position: absolute; left: 0; right: 0; top: 0; background: url("/hntj/xhtml/hnstjj/images/index_gradient_line.png") no-repeat center; height: 1px; }
.con1 .con1-left{ width: 615px; float: left; }
.con1 .con1-right{ width: 555px; float: right; }
.con2{ position: relative; margin-top: 40px; }
.con2 .con2-bg{ background: url("/hntj/xhtml/hnstjj/images/index_con2_bg.png") repeat-y center; position: absolute; left: 0; right: 0; top: 0; height: 474px; }
.con2 .layui-main{ position: relative; }
.tjsjyjd { position: relative; padding-top: 58px; width: 615px; z-index: 1; }
.tjsjyjd .title-line{ width: 500px; margin-bottom: 30px; }
.tjsjyjd .tjsjyjd-tabs{ padding: 24px 30px; background-color: #FFFFFF;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.24);height: 382px;}

/* 横幅 */
.indexBanner{ margin:20px auto; overflow:hidden; position:relative; }
.indexBanner .bd{ position:relative; z-index:0; }
.indexBanner .bd li{ position: absolute; zoom:1; vertical-align:middle; }
.indexBanner .bd img{ width: 100%; display:block;  }
.indexBanner .hd{ text-align: center; overflow:hidden; position:absolute; right: 8px; bottom: 5px; z-index:1; }
.indexBanner .hd ul li{ display: inline-block; margin:0 5px; border-radius: 10px; width:10px; height:10px; background: #fff; font-size: 0; cursor:pointer; overflow:hidden; }
.indexBanner .hd ul li.on{ background: #ed1414; }

/* 艺术线-大标题 */
.title-line{ text-align: center; margin-bottom: 20px; }
.title-line h2{ position: relative; display: inline-block; height: 32px; line-height: 32px; font-size: 30px; color: #2a589c; font-weight: bold; }
.title-line h2:before,
.title-line h2:after{ content: ""; position: absolute; top: 9px; left: -136px; display: block; background: url("/hntj/xhtml/hnstjj/images/index_h1_bj1.png") no-repeat; width: 128px; height: 14px; }
.title-line h2:after{ left: auto; right: -136px;background: url("/hntj/xhtml/hnstjj/images/index_h1_bj2.png") no-repeat; }
.title-line.title-line-bs h2{ color: #fff; }
.title-line.title-line-bs h2:before{ background: url("/hntj/xhtml/hnstjj/images/index_h1_bsbj1.png") no-repeat; }
.title-line.title-line-bs h2:after{ background: url("/hntj/xhtml/hnstjj/images/index_h1_bsbj2.png") no-repeat; }

.sjfbyywtj {background-color: #4789D9;position: absolute;right: 0;top: 40px;width: 696px;height: 435px;padding: 20px 20px 20px 130px;}
.sjfb{ padding-bottom: 16px; border-bottom: 1px solid #6ea2e1; }
.newsline-hd{ display: flex; justify-content: space-between; align-items: center; height: 34px;  }
.newsline-hd>span{ position: relative; display: block; padding-left: 24px; font-weight: bold; font-size: 18px; color: #ffffff; }
.newsline-hd>span:before{ content: ""; position: absolute; top: 50%; background: #fff; margin-top: -9px; left: 0; display: block; width: 5px; height: 18px;  }
.newsline-hd>a.more{ display: block; padding: 0 10px; font-size: 14px; color: #fff; height: 34px; line-height: 34px; -webkit-transition: all 0.5s ease-out; transition: all .5s ease-out; }
.newsline-hd>a.more:hover{ color: #f9f871; }
.newsline-bd ul{ overflow: hidden; }
.newsline-bd li{ float: left; width: calc(50% - 10px); }
.newsline-bd li:nth-child(2n){ margin-left: 20px; }
.newsline-bd li a{ color: #fff; background: url("/hntj/xhtml/hnstjj/images/index_dian2.png") no-repeat left center; }
.newsline-bd li:hover a{ color: #f9f871; }
.ywtj{ margin-top: 20px; }
.ywtj-list{ margin-top: 16px; }
.ywtj-list ul{ margin: -6px; }
.ywtj-list li{ float: left;  }
.ywtj-list li a{ display: block; color: #ffffff; margin: 6px; border: 1px solid #ADCFF7; background: #4789D9; height: 36px; line-height: 36px; text-align: center; }
.ywtj-list li a:hover{ color: #f9f871; }
.ywtj-list li.list-50p{ width: 50%; }
.ywtj-list li.list-img a{ height: auto; }
.ywtj-list li.list-img a img{ width: 100%; height: 130px; }
.ywtj-list li.list-25p{ width: 25%; }

/* 数据统计 */
.con2{ position: relative; margin-top: 20px; }
.dys_dataChannel * {box-sizing:border-box;margin:0;padding:0;list-style:none;font-family:"微软雅黑";}
.dys_dataChannel { margin:20px auto; }
.bignav0517 {width:100%;height:45px;line-height:45px;border-bottom:1px solid #eee;}
.bignav0517 li {cursor: pointer;display:inline-block;height:45px;line-height:45px;color:#000;font-weight:bold;font-size:18px;padding:0 5px;margin-right:10px;}
.bignav0517 .on {border-bottom:2px solid #245399;color:#245399;}
.hgsjnav li {cursor: pointer;margin-top:10px;float:left;width:16.666%;height:120px;padding:25px 0;line-height:40px;text-align:center;color:#7c84a9;font-family:"微软雅黑";font-size:16px;background:#f7f8fc;margin-bottom:30px;}
.hgsjnav li img {display:block;margin:0 auto;height:42px;}
.hgsjnav li.active {background:#245399;color:#fff;}
.rdsjnav { margin-top:10px;margin-bottom:30px; }
.rdsjnav li {cursor: pointer;float:left;width:16.666%;height:80px;padding:15px 0;line-height:35px;text-align:center;color:#7c84a9;font-family:"微软雅黑";font-size:14px;background:#f7f8fc;}
.rdsjnav img {display:block;margin:0 auto;height:30px;}
.rdsjnav li.active1 {background:#245399;color:#fff;}

/* 统计信息栏目 */
.con4{ margin-top: 30px; }
.con4 li a{ display: block; height: 80px; background-size: cover!important; border-radius: 6px; }
.con4 li a span{ display: inline-block; font-size: 18px; font-weight: bold; color: #0b2e59; padding-top: 16px; padding-left: 20px; }
.con4 li a.icon1{ background: url("/hntj/xhtml/hnstjj/images/index_tjxx1.png") no-repeat center; }
.con4 li a.icon2{ background: url("/hntj/xhtml/hnstjj/images/index_tjxx2.png") no-repeat center; }
.con4 li a.icon3{ background: url("/hntj/xhtml/hnstjj/images/index_tjxx3.png") no-repeat center; }
.con4 li a.icon4{ background: url("/hntj/xhtml/hnstjj/images/index_tjxx4.png") no-repeat center; }
.con4 li a.icon5{ background: url("/hntj/xhtml/hnstjj/images/index_tjxx5.png") no-repeat center; }
.con4 li a.icon6{ background: url("/hntj/xhtml/hnstjj/images/index_tjxx6.png") no-repeat center; }

/* 政务公开 */
.con5{ margin-top: 40px; }
.con5 .con5-left{ width: 615px; float: left; background-color: #4789d9; padding: 20px 25px; }
.con5 .con5-right{ width: 555px; padding-top: 20px; float: right; }
.zwgk-img img{ width: 100%; height: 90px; }
.zwgk-lm1{ margin-top: 20px; }
.zwgk-lm1 li a{ height: 100px; border: 1px solid #CCCCCC; font-size: 18px; background-color: #caddf4; display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;justify-content: center; }
.zwgk-lm1 li a span{ color: #194983; }
.zwgk-lm1 li:hover a{ background-color: #f5f9e1; }
.zwgk-lm1 .icon{ display: block; width: 35px; height: 35px; margin-bottom: 10px; background: url("/hntj/xhtml/hnstjj/images/index_zfxxgk_icon.png"); }
.zwgk-lm1 .icon1{background-position: 1px 0!important;}
.zwgk-lm1 .icon2{background-position: -189px 0 !important;}
.zwgk-lm1 .icon3{background-position: -382px 0!important;}
.zwgk-lm1 .icon4{ background-position: 0 177px!important; }
.zwgk-lm1 .icon5{background-position: -191px 178px!important;}
.zwgk-lm1 .icon6{background-position: -384px 177px!important;}
.zwgk-lm2{ margin-top: 20px; }
.zwgk-lm2 li a{ display: block; text-align: center; color: #ffffff; height: 38px; line-height: 38px; border: 1px solid #fff; font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.zwgk-lm2 li:hover a:hover{ color: #f9f871; }

/* 互动交流 */
.hdjl-1 .sub-link{ float: left; height: 40px; line-height: 40px; color: #245399; }
.hdjl-1 .sub-link a{ font-size: 14px; color: #245399; padding: 0 10px; }
.hdjl-1 .sub-link a:hover{ text-decoration: underline; }
.hdjl-2 .sub-link{ float: left; height: 40px; line-height: 40px; color: #245399; }
.hdjl-2 .sub-link a{ float:left; margin-right:30px; display: block; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #000000; }
.hdjl-2 .sub-link a:hover{ text-decoration: underline; }
.hdjl-table{ margin-top: 15px; }
.hdjl-table table{ width: 100%; }
.hdjl-table table th{ background-color: #4789d9; text-align: center; font-size: 14px; font-weight: 500; color: #ffffff; padding: 11px 0; }
.hdjl-table table th.border-lr{ border-left: 1px solid #fff; border-right: 1px solid #fff; }
.hdjl-table table tbody{ border:1px solid #d7d7d7; }
.hdjl-table table td{ font-size: 14px; color: #000; padding: 5px; text-align: center; }
.hdjl-table table td.align-left{ text-align: left; }
.hdjl-table table td.color-red{ color: #bd1818; }
.hdjl-table table td a{ display: block; width: 344px; font-size: 14px; color: #000; padding-left: 15px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.hdjl-table table td a:hover{ text-decoration: underline; color: #4789d9; }
.hdjl-table table tr:hover{ background-color: #f2f2f2; }
.hdjl-2{ margin-top: 10px; }
.hdjl-3{ margin-top: 20px; }
.hdjl-3 li a{ height: 88px; border: 1px solid #d7d7d7; display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;justify-content: center; }
.hdjl-3 li a span{ color: #000; }
.hdjl-3 li:hover a{ border: 1px solid #4387da; }
.hdjl-3 li:hover a span{ color: #4387da; }
.hdjl-3 .icon{ display: block; height: 26px; line-height: 26px; text-align: center; margin-bottom: 10px; }

/* 专题专栏-政务服务 */
.con6{ margin-top: 40px; }
.con6 .con6-left{ width: 615px; float: left; }
.con6 .con6-right{ width: 555px; float: right; }
.con6 .tab_hd{ padding-bottom: 8px; box-sizing: initial; }
.con6 .tab_hd .on a{ font-size: 30px; }
/* 专题专栏 */
#zyzl-box{ margin: 20px -7px 0; }
#zyzl .item{ margin: 0 7px; height: 180px; overflow: hidden; }
#zyzl .item img{ width: 100%; height: 180px; -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
#zyzl .item img:hover{ -webkit-transform: scale(1.1);  transform: scale(1.1); }
#zyzl .owl-prev,
#zyzl .owl-next{ display: block; width: 38px; height: 38px; position: absolute; top: 50%; margin-top: -19px; left: 7px; z-index: 100; background: url(/hntj/xhtml/hnstjj/images/index_ztzl_buttom.png) no-repeat; }
#zyzl .owl-next{ left: auto; right: 7px; background-position: -38px 0;  }
/* 政务服务 */
.zwfw-img{ margin-top: 20px; }
.zwfw-img img{ width: 100%; height: 180px; -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.zwfw-img img:hover{ box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.4); }



/* iPad pro 1024分辨率样式 */
@media only screen and (max-width: 1024px) {
    .con{ margin: 0 20px; }
    .indexBanner{ margin: 20px; width: auto; }
    .con1 .con1-left,
    .con1 .con1-right{ width: 100%; float: none; }
    .con1 .con1-right{ margin-top: 20px; }
    #slideBox,
    #slideBox .item,
    #slideBox .item img{ height: auto; }
    .con2 .con2-bg{ display: none; }
    .tjsjyjd{ width: 100%; padding-top: 20px; }
    .tjsjyjd .title-line{ width: 100%; }
    .sjfbyywtj{ width: 100%; height: auto; position: initial; padding: 20px; margin-top: 20px; }
    .con4{ margin-bottom: 20px; }
    .con4 li a span{ padding-left: 10px; padding-top: 10px; font-size: 16px; }
    .con5 .con5-left,
    .con5 .con5-right{ width: 100%; float: none; }
    .con5 .con5-right{ padding-top: 30px; }
    .zwgk-img img{ height: auto; }
    .con6 .con6-left,
    .con6 .con6-right{ width: 100%; float: none; margin-top: 20px; }
    .zwfw-img img{ height: auto; }
}

/* iPad 768分辨率样式 */
@media only screen and (max-width: 768px) {
    .hotnews{ padding-top: 20px; }
    .hotnews .zwtt{ display: none; }
    .hotnews .hotnewssubtitle a{ font-size: 12px; margin: 0 5px; }
    .hotnews .new-list a, .hotnews .new-list span{ font-size: 12px; }
    .hotnews .new-list span{ padding: 0 5px; }
    .bignav0517 li:nth-child(2),
    .bigqh:nth-child(3){ display: none; }
    .bigqh{ margin-top: 10px; }
    .hgsjnav li{ font-size: 14px; width: 33.333%; margin-bottom: 0; margin-top: 0; padding: 15px 0; height: 100px; }
    .con4 li a{ height: 100px; }
    .con4 li a span{ padding-left: 20px; padding-top: 20px; font-size: 20px; }
    .bd_new.bd_a80 a{ margin-right: 80px; }
}


/* phone 540分辨率样式 */
@media only screen and (max-width: 540px) {
    .title-line h2{ font-size: 24px; }
    .tab_hd ul li{ margin-right: 10px; }
    .tab_hd ul li a{ font-size: 16px; }
    .tab_hd>span>a{ font-size: 14px; }
    .bd_new li a{ font-size: 14px; }
    .gradient-line{ display: none; }
    .hotnews{ margin-bottom: 20px; padding-top: 10px; }
    .hotnews .hotnewssubtitle,
    .hotnews .new-list{ display: none; }
    .hotnews .hotnewstitle{ overflow: initial;text-overflow: initial;white-space: initial; padding: 0 10px; margin-bottom: 0; }
    .hotnews .hotnewstitle>a{ font-size: 18px; }
    .hdjl-table{ overflow-x: scroll; }
    .hdjl-table table{ width: 555px; }
    .indexBanner{ display: none!important; }
    .con{ margin: 0 10px; }
    #slideBox,
    #slideBox .item,
    #slideBox .item img{ height: 240px; }
    .con1 .con1-right{ margin-top: 10px; }
    .title-line{ overflow: hidden; }
    .tjsjyjd .title-line{ overflow: hidden; }
    .tjsjyjd .tjsjyjd-tabs{ padding: 0; height: auto; box-shadow:none; }
    .newsline-bd li{ width: 100%; }
    .newsline-bd li:nth-child(2n){ margin-left: 0; }
    .sjfbyywtj{padding: 10px; }
    .ywtj-list{ margin-top: 10px; }
    .ywtj-list li.list-50p{ width: 100%; }
    .ywtj-list li.list-img a{ height: 80px; overflow: hidden; border: 0; }
    .ywtj-list li.list-img a img{ width: 100%; height: auto; margin-top: -14%; }
    .ywtj-list li.list-25p{ width: 25%; }
    .hgsjnav{ margin-bottom: 10px; }
    .hgsjnav li{ height: 88px; }
    .hgsjnav li img{ height: 30px; }
    .con4{ overflow: hidden; }
    .con4 li a span{ font-size: 18px; }
    .con5{ margin-top: 20px; }
    .con5 .con5-left{ padding: 10px; overflow: hidden; }
    .con6 .con6-left{ overflow: hidden; }
    .con6 .tab_hd{ padding-bottom: 0; }
    .con6 .tab_hd .on a{ font-size: 18px; }
    #zyzl-box{ margin: 10px -7px 0; }
    .zwfw-img{ margin-top: 10px; }
    .zwgk-lm1 li a{ font-size: 16px; }
    .zwgk-lm2{ margin-top: 10px; }
    .zwgk-lm2 li a{ font-size: 14px; }
}
/* phone 375分辨率样式 */
@media only screen and (max-width: 375px) {
    .tab_hd ul li a{ font-size: 14px; }
    .tab_hd>span>a{ font-size: 12px; }
    .hdjl-1 .sub-link a{ padding: 0 4px; }
}