/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2024年06月24日16:51
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author: 
*@modifyLog: what when who
*
*/

body{background: url(../images/xxgkzy_bg_01.jpg) no-repeat top center;}
/*头部*/
.xxgknb-head{padding: 80px 0 100px;}
.bbLogo{position: absolute;width: 300px;top: -60px;left: 20px;}
.bbLogo img{width: 100%;}
.m_headbg{display: block;position: relative;}
.m_headbg .bbHeadBg{display: block;margin: 0 auto;}
.m_headbg .nfbg{position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);}
/* 查看往年年报 */
.nbfr-links{height: 42px;position: absolute;right: 20px;top: 20px;z-index: 99;}
.nbfr-links h4{float: left;width: 130px;height: 42px;position: relative;border-radius: 4px;line-height: 42px;cursor: pointer;font-weight: normal;color: #fff;background-color: rgba(2,154,182,.6);}
.nbfr-links h4::after{content: '';width: 0;height: 0;border: 8px solid transparent;border-top-color: #eff2f5;position: absolute;right: 12px;top: 16px;}
.nbfr-links h4.on{background: #fff;}
.nbfr-links h4 span{display:block;text-align:center;font-size: 20px;padding-right: 21px;}
.nbfr-links h4.on span{color:#333;}
.nbfr-links h4.on::after{border-top-color:transparent;border-bottom-color:#666;top:6px;}
.nbfr-links h4 ul{position: absolute;left: 0;top:100%;overflow-y: auto;max-height: 254px;width: 100%;background: #fff;border: 1px solid #bfbfbf;font-size: 14px;display: none;z-index: 99;}
.nbfr-links h4 ul li{text-align: center;font-size: 20px;}
.nbfr-links h4 ul li:hover a{color: #355e92;}
/* 报表年份 */
.c-tt{margin-bottom: 90px;}
.c-tt a{height: 120px;background: #14153d;line-height: 120px;display: block;border-radius: 10px;}
.c-tt a:hover{background: #212479;}
.year{font-size: 34px;color: #ebbe45;margin-right: 37px;}
.nb-name{font-size: 34px;color: #97e3ff;}
/*中间部分*/
.zfgzbm-box{overflow:hidden;}
.zfgzbm-tt p{display: block;background-color: rgba(20,21,61,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F14153D,endColorstr=#7F14153D);text-align: center;height: 80px;line-height: 80px;color: #16c9f1;font-size: 28px;font-weight: bold;}
.zfgzbm-list{background: #FFF;margin: 40px 0;padding: 20px 60px;overflow:hidden;}
.zfgzbm-list ul li{float: left;width: 33.33%;}
.zfgzbm-list ul li a{display: block;height: 60px;line-height: 60px;font-size: 20px;color: #343434;text-align: left;background: url(../images/gbzy_jt_03.png) no-repeat left;padding-left: 36px;}
.zfgzbm-list ul li a:hover{color: #2b8ad9;}



@media screen and (max-width:1200px){
       body{background-size:100%;background-color: #0eacf3;}
       .xxgknb-head{padding: 80px 0 40px;}
       .m_headbg .bbHeadBg{width: 80%;}
       .m_headbg .nfbg{width: 40%;}
       .nbfr-links{top: -60px;right: 10px;}
}
@media screen and (max-width:800px){
       .xxgknb-head{padding-bottom: 30px;}
       .bbLogo{width: 40%;}
       .zfgzbm-list {padding: 20px 30px;}
       .zfgzbm-list ul li{width: 100%;}
       .c-tt {margin-bottom: 40px;}
       .c-tt a{height: auto;line-height: normal;}
       .year{width: 100%;display: block;height: 50px;line-height: 50px;}
       .nb-name{width: 100%;display: block;height: 50px;line-height: 50px;}
       .nbfr-links{z-index: 99;}
       .nbfr-links h4{width: 110px;}
}
@media screen and (max-width:650px){
       .year{font-size: 24px;}
       .nb-name{font-size: 22px;}
       .zfgzbm-tt p{font-size: 20px;}
       .xxgknb-head{padding-bottom: 20px;}
}