@charset "utf-8";
/*基本样式*/
body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #333;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif; }
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: antialiased;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img,object{max-width:100%;width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:#333}
a:hover{text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
ul,ol,li{list-style:none outside none;}
header{width: 100%; /*height: 240px;*/ margin:0 auto;}
header img{width: 100%; height: 100%;}  
.content_0416{width: 1200px; height: auto; margin: 30px auto; }
/*头部*/
    .header {
        position: relative;
    }

    .header-title{width: 1160px;
        margin: 0 auto;
        margin-top: -102px;}

    .header .header-right {
        display: flex;
        flex-direction: column;
        align-items: end;
    }

    .header .header-right .header-text {
        display: flex;
        align-items: center;
        justify-content: end;
        margin-bottom: 18px;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
    }

    .header .header-right .header-text a {
        color: #fff;
    }

    .header .header-right .header-text img {
        margin-right: 10px;
    }

    .header .search {
        position: relative;
        width: 404px;
        height: 47px;
        /* border-top: 1px solid #107be2;
        border-left: 1px solid #107be2; */
        background: #fff;
    }

    .header .search input {
        width: 100%;
        height: 100%;
        padding-left: 18px;
        /* padding-right: 50px; */
        font-size: 16px;
        border: none;
        outline: 0;
    }

    .header .search .iconfont {
        position: absolute;
        right: 15px;
        top: 12px;
        font-size: 20px;
        color: #0051c0;
        cursor: pointer;
    }

/*头部*/
nav{width: 100%; height: 60px; margin-bottom: 30px; background: linear-gradient(to bottom, #E6EFFD, #ABCBED); text-align: center; display: flex; align-items: center; margin-top: 55px;}
nav ul{display: flex; margin: 0 auto;}
nav ul li{width: 185px; position: relative;}
nav ul li::after{position: absolute; content: ''; top: 0; right: 0; height: 100%; width: 2px; background: #333;}
nav ul li:last-child::after{display: none;}
nav ul li a{font-size: 20px; display: block; font-weight: 500;}
/* 本期目录 */
.bqml{width: 100%; height: 600px; background: url(bqml.png) no-repeat; background-size: 100%; border: 1px solid #EAF6FF;}
.bqml ul{padding: 30px; display: flex; justify-content: space-between;}
.bqml_1{width: 210px; height: 100%;}
.bqml_1 img{width: 170px; height: 230px;}
.bqml_1 p{font-size: 14px; line-height: 26px;}
.bqml_2{width: 560px; height: 100%;}
.bqml_2 .bt_cont{width: 100%; height: 40px; background: url(bqml_bt.png) no-repeat; display: flex; align-items: center; justify-content: flex-end; background-position: 0 61%; margin-bottom: 20px;}
.bqml_cont{width: 100%; overflow: hidden; height: 480px; overflow-y: auto;}
.bqml_cont::-webkit-scrollbar {width: 10px;}
.bqml_cont::-webkit-scrollbar-thumb {border-radius: 8px; background-color: #1C76FF;}
.bqml_cont::-webkit-scrollbar-track {border-radius: 8px; background-color: #EDEDED;}
.bqml_cont p{font-size: 14px;}
.bqml_3{width: 280px; height: 100%;} 
.bqml_beian{width: 100%; height: 170px; border: 1px solid #F1F1F1; margin-bottom:10px;}
.bqml_beian h2{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #1C76FF;}
.bqml_beian img{width: 100%; height: 130px;}
.bqml_3_cont{width: 100%; height: 350px; border: 1px solid #F1F1F1; overflow: hidden; overflow-y: auto;}
.bqml_3_cont h4{font-size: 16px; color: #333; padding: 20px; line-height: 26px; font-weight: bold; text-align:center;}
.bqml_3_cont p{font-size: 14px; color: #333; padding: 0 20px; line-height: 26px; text-indent: 2em; text-align: justify;}
.bqml_3_cont::-webkit-scrollbar {width: 0px;}
.bqml_3_cont::-webkit-scrollbar-thumb {border-radius: 8px; background-color: #1C76FF;}
.bqml_3_cont::-webkit-scrollbar-track {border-radius: 8px; background-color: #EDEDED;}
/* 过刊浏览 */
.gkll{overflow: hidden; width: 100%; height: auto; margin: 40px auto;}
.gkll .bt_cont{width: 100%; height: 50px; background: url(gkll.png) no-repeat; display: flex; align-items: center; justify-content: flex-end; background-position: 0 61%;}
.bt_cont a{font-size: 16px;}
/* .gkll ul{display: flex; justify-content: space-between; margin-top: 40px;} */
.gkll ul{display: grid; margin-top: 40px; grid-template-columns: repeat(5, 1fr); grid-column-gap: 55px;}
.gkll ul li{width: 196px;}
.gkll ul li a{width: 100%; display: block;}
.gkll ul li a img{width: 100%; height: 270px;}
.gkll ul li a h4{font-size: 16px; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500;}
/* 数字住建 */
.szzj{margin-bottom:40px;}
.szzj .bt_cont{width: 100%; height: 50px; background: url(szzj.png) no-repeat; display: flex; align-items: center; justify-content: flex-end; background-position: 0 61%;}
.szzj ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.szzj ul li{width: 588px; height: 65px; display: flex; align-items: center; border-bottom: 1px dashed #C8C8C8; position: relative;}
.szzj ul li::after{position: absolute; content: ''; top: 31px; left: 0; height: 6px; width: 6px; background: #AACAED; border-radius: 50%;}
.szzj ul li a{font-size: 16px; color: #333; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 22px;}
.szzj ul li a:hover{color: #bf2f28;}
/* 创建应用 */
.cjyy .bt_cont{width: 100%; height: 50px; background: url(cjyy.png) no-repeat; display: flex; align-items: center; justify-content: flex-end; background-position: 0 61%;}
/* 理事单位 */
.lsdw{margin-bottom:40px; background: linear-gradient(to bottom, #fff, #E7EEFC);}
.lsdw .bt_cont{width: 100%; height: 50px; background: url(lsdw.png) no-repeat; display: flex; align-items: center; justify-content: flex-end; background-position: 0 61%;}
/* .lsdw ul{display: flex; flex-wrap: wrap; justify-content: space-around; margin-top:30px; padding-bottom: 10px;} */
.lsdw ul{display: inline-grid; margin-top: 30px; padding-bottom: 10px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px 20px; padding-left: 30px;}



.lsdw ul li{width: 266px; height: 65px; display: flex; align-items: center; border: 1px solid #AACAED; position: relative; border-radius: 32px; margin-bottom: 20px;}
.lsdw ul li::after{position: absolute; content: ''; top: 23px; left: 26px; height: 20px; width: 20px; background: url(lsdw_ico.png) no-repeat; background-size: 100%;}
.lsdw ul li a{font-size: 16px; color: #333; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 60px;}
.lsdw ul li a:hover{color: #bf2f28;}
/* 友情链接 */
.yqlj .bt_cont{width: 100%; height: 50px; background: url(yqlj.png) no-repeat; display: flex; align-items: center; justify-content: flex-end; background-position: 0 61%;}
.yqlj ul{border: 1px solid #AACAED; display: flex; padding: 20px 0; margin-top: 30px;}
.yqlj ul li{display: flex; padding: 0 20px; position: relative;}
.yqlj ul li::after{position: absolute; content: ''; top: 0; right: 0; width: 2px; height: 100%; background-color: #000;}
.yqlj ul li:last-child::after{display: none;}
.yqlj ul li a:hover{color: #bf2f28;}
.yqlj ul li a{font-size: 16px; color: #333;}
.znlj{display: flex; justify-content: space-between; margin-top: 30px;}
.znlj img{width: 585px; height: 120px;}
/* 底部 */


/* 手机端 */
@media (max-width: 768px){

    /* 头部 */
    header{height: auto;}
    nav{height: auto;}
    nav ul{flex-wrap: wrap; justify-content: space-between;}
    nav ul li{width: 50%; margin: 15px 0;}
    nav ul li::after{display: none;}
    .content_0416{width: 96%;}
    .bqml{background-position: bottom; height: auto;}
    .bqml ul{flex-direction: column; padding: 16px;}
    .bqml_1{width: 100%;}
    .bqml_2{width: 100%; margin-bottom:30px;}
    .bqml_3{width: 100%;}
    .bqml_1 img{display: flex; margin:0 auto; margin-bottom: 10px;}
    .bqml_2 .bt_cont{background-size: 100%;}
    .gkll .bt_cont{background-size: 200%; align-items: flex-start; background-position: 59% 61%;}
    .gkll ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 3%; grid-column-gap: 0;}
    .gkll ul li{width: 49%;}
    .szzj .bt_cont{background-size: 200%; align-items: flex-start; background-position: 59% 61%;}
    .szzj ul li{width: 100%;}
    .lsdw .bt_cont{background-size: 200%; align-items: flex-start; background-position: 59% 61%;}
    .yqlj .bt_cont{background-size: 200%; align-items: flex-start; background-position: 59% 61%;}
    .yqlj ul{flex-wrap: wrap; justify-content: space-between;}
    .yqlj ul li{width: 45%; display: inline; text-align: center; padding: 0;}
    .yqlj ul li::after{display: none;}
    .znlj{flex-direction: column;}
    .znlj img{width: 100%; height: 100%;}
    .lsdw ul{display: flex; flex-direction: column;}
    .lsdw ul li{width: 90%;}
   
}