@charset "utf-8";

/* CSS Document */

body {
    font-family: "微软雅黑", "黑体", "宋体";
    font-size: 15px;
    line-height: 32px;
    color: #666;
}

.banner {
    width: 100%;
    height: 160px;
    padding-top: 260px;
    background-image: url(/images/10855/banner.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 15px;
}

.yjs_sreach {
    width: 634px;
    margin: 0 auto;
    padding-bottom: 26px;
}

.searchbox {
    float: left;
}

.searchbox input {
    width: 460px;
    height: 42px;
    line-height: 40px;
    border: 0;
    outline: none;
    padding-left: 10px;
}

.searchbut {
    width: 160px;
    height: 43px;
    background-color: #01b7f6;
    color: #fff;
    border: 0;
    font-size: 18px;
    outline: none;
}

.nave {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
}

.nave a {
    line-height: 60px;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
}

.nave a:hover {
    color: #FF0;
}

.position {
    width: 1175px;
    height: 26px;
    background-image: url(/images/10855/1905231133377058872.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    line-height: 26px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.position a {
    line-height: 26px;
}

.list {
    width: 1200px;
    margin: 10px auto;
}

.list_l {
    width: 258px;
    float: left;
}

.list_r {
    width: 920px;
    background: #FFFFFF;
    float: right;
}

.list_l_tit {
    width: 100%;
    height: 56px;
    line-height: 56px;
    background: #2962AA;
    text-align: center;
    color: #FFFFFF;
    font-weight: 800;
    font-size: 22px;
    text-shadow: 0px 1px 2px rgb(0 0 0 / 40%);
}

.list_btn {
    background-image: url(/images/10855/list_li_bc.jpg);
    width: 220px;
    height: 51px;
    margin: 0 auto;
    padding-left: 20px;
}

.list_btn a {
    line-height: 51px;
    font-size: 16px;
}

.list_r_tit {
    background-image: url(/images/10855/info-1.png);
    width: 100%;
    height: 46px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #CCC;
    margin-bottom: 15px;
}

.more a {
    color: #F00;
}

.more a:hover {
    color: #2962aa;
}

.list_r_txt {
    padding-left: 15px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}

.list_r_li {
    background-image: url(/images/10855/dian.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: 1px dashed #CCC;
    padding-left: 15px;
    margin-bottom: 10px;
}

.detail {
    width: 1000px;
    margin: 20px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 500px;
    padding-top: 40px;
}

.detail img {
    max-width: 1000px;
    height: auto;
}


/* 底部 */



.bt-left {
    float: left;
}

.bt-right {
    float: right;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    display: block;
    content: "\200B";
    clear: both;
    height: 0;
}


/* 文章页 */

.container-box {
    padding: 34px 100px 29px;
    background: #FFFFFF;
    min-height: 500px;
}

.article-title {
    text-align: center;
    color: #262626;
    font-weight: 500;
    font-size: 32px;
    line-height: normal;
}

.article-relevant {
    /* display: flex; */
    margin: 15px 0 0;
    text-align: center;
    line-height: 36px;
}

.article-relevant-source {
    width: 30%;
    color: #999999;
    font-size: 14px;
    float: left;
}

.article-relevant-count {
    width: 20%;
    color: #999999;
    font-size: 14px;
    float: left;
}

.article-line {
    width: 100%;
    height: 8px;
}

.article-line img {
    width: 100%;
    height: 100%;
}

.article-list {
    margin-top: 100px;
}

.article-list p {
    font-size: 18px;
    text-indent: 28px;
    color: #262626;
    line-height: 32px;
    margin-bottom: 32px;
}

.article-operation {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 30px 0 22px 0;
    background: #F2F2F2;
}


/* .article-operation ul {
	display: flex;
} */

.article-operation li {
    cursor: pointer;
    float: left;
}

.article-operation img {
    width: 18px;
    height: 13px;
    padding-right: 5px;
}

.article-operation li span {
    padding-right: 37px;
}

.article-link {
    /* display: flex; */
    width: 100%;
}

.article-link .article-next {
    width: 50%;
    color: #20242A;
    font-size: 14px;
    float: left;
}

.article-link .article-next a {
    color: #20242A;
}

.article-link .article-next a:hover {
    color: #2962AA;
}

.dqwz {
    width: 1200px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    margin-top: 16px;
    background: url(http://www.weihai.gov.cn/picture/2301//images/10855/1905231133377058872.png) no-repeat left;
    padding-left: 22px;
}

.dqwz a {
    color: #20242A
}
.searchbox input {
    width: 440px;
}
.nave ul{
    text-align: center;
}
.nave ul li{
    display: inline-block;
    padding: 0 0.6%;
}
.nave a {
    line-height: 60px;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
}

.nave a:hover {
    color: #FF0;
}
.sqnav{background: url(/images/10855/sqnav.png) no-repeat center;width: 48px;height: 48px;display: none;}
.sjimg{display: none;width: 100%;}
@media (max-width:1200px){
	/* 搜索 */
    .nave{width: 100%;height: auto}
    .yjs_sreach{width: 50%;margin-top: -13%;z-index: 1;}
    .searchbox input{width: 98%;}
    .searchbox{width: 70%;}
    .searchbut{width: 30%;}
    /* 头 */
    .banner{background-image: none;padding-top: 0;height: auto;}
    .sjimg{display: block;}
    .nate{display: grid;}
	.nave ul{background-color: #2962aa;}
    .nave ul li{width: 15%;}
    .list_btn{box-sizing: border-box; background-size: 100% 100%;width: 100%;}
    .list_l{width: 22%;}
    .list_r{width: 74%;}
    .list_r_tit{width: 100%;}
    .list{width: 100%;padding: 0 20px; box-sizing: border-box;}
    /* 当前位置 */
    .position{width: 100%;box-sizing: border-box;}
    .toolbar{max-width: 1200px !important;width: 100% !important;}
  }
   
  @media (max-width:1000px){
     /* 文章页 */
     .detail{width: 100%; padding: 20px 10px; box-sizing: border-box;}
  }
  @media (max-width:840px){
    .sqnav{display: block;position: absolute;top: 10px;right: 10px;}
    .sjimg{position: relative;}
	.nave ul{z-index: 2; display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; width: 40%;position: absolute;top: 60px;right: 0;display: none;}
    .nave ul li{width: 100%;}
    .list_l{float: none;width: 100%;display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;margin: 10px 0;}
        .list_btn{width: auto;background-image:none;padding-left:0;}
        .list_l_tit{width: 20%;}
    .list_r{float: none;width: 100%;}
	.toolbar .wza_btn{position: initial !important;border-radius: 0px !important;}
    /* 文章页 */
    .article-relevant-count{display: none;}
    .article-relevant-source{width: 50%;}
}
@media (max-width:600px){
	/* 搜索 */
    .nave{width: 100%;}
    .yjs_sreach{width: 95%;}
    .list_l{float: none;width: 100%;display: block;}
        .list_btn{width: 100%;padding-left:20px;background-image: url(/images/10855/list_li_bc.jpg);}
        .list_l_tit{width: 100%;}
    .list_l{float: none;width: 100%;}
    .list_r{float: none;width: 100%;}
	.list{padding: 0 10px;}
.list_r_li1 ul li a{width: 78% !important;}
}
@media (max-width:470px){
	/* 搜索 */
    .nave{width: 100%;}
    .yjs_sreach{width: 95%;padding-bottom:0;}
	.searchbut{height: 35px;font-size: 16px;}
    .searchbox input{height: 35px; line-height: 36px;}
    /* 无二级列表页 */
    .list_r_li1 ul li a{width: 67% !important;;}
    /* 文章页 */
    .article-link .article-next{width: 100%;}



}