body {
    width: 1005;
    height: 100vh;
    background: #F5F5F5;
    border-radius: 0px 0px 0px 0px;
}
a{
    color:#333;
}
.head {
    width: 100%;
    height: 110px;
    background: #165BA0;
    border-radius: 0px;
}

.head .headbox {
    width: 1300px;
    height: 110px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head .headbox .headinfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head .headbox .logo {
    width: 18rem;
    margin-right: 20px;
}

.head .headbox .xiaoxun {
    width: 14rem;
}

.head .headbox span {
    width: 0px;
    height: 38px;
    border: 1px solid #A1B1C4;
    display: block;
    margin: 0 32px;
}

.head .headbox .headtitle {
    height: 40px;
    font-family: STZhongsong, STZhongsong;
    font-weight: 400;
    font-size: 35px;
    color: #8FA2B8;
    line-height: 40px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.head .headbox .ipt {
    width: 284px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 8px;
    opacity: 0.8;
    position: relative;
    cursor: pointer;
}

.head .headbox .ipt input {
    width: 284px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 8px;
    border: none;
    padding-left: 20px;
    box-sizing: border-box;
}

.head .headbox .ipt .iptbtn {
    width: 46px;
    height: 36px;
    background: #012D5F;
    border-radius: 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.head .headbox .ipt .iptbtn img {
    width: 18px;
    height: 18px;
}

.head .headbox .ipt:hover {
    opacity: 1;
    transition: all 2s;
}

.headline {
    width: 100%;
    height: 10px;
    background: #E0B072;
    border-radius: 0px 0px 0px 0px;
}

.nav {
    width: 100%;
    height: 66px;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px 1px rgba(10, 69, 135, 0.1);
    border-radius: 0px 0px 0px 0px;
}

.navbox {
    width: 1300px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.navbox a {
    height: 28px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-right: 64px;
}

.content {
    margin-top: 45px;
}

.content .contentbox {
    width: 1300px;
    margin: 0 auto;
    display: flex;
}

.content .contentbox .left {
    width: 64px;
    height: 238px;
    background: #FFFFFF;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.content .contentbox .left img {
    width: 40px;
    height: 40px;
}

.content .contentbox .center {
    width: 1108px;
    background: #FFFFFF;
    border-radius: 0;
    margin: 0 32px 0 24px;
    padding: 32px 64px;
    box-sizing: border-box;
}

.content .contentbox .center .local {
    display: flex;
    align-items: center;
}

.content .contentbox .center .local .localimg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.content .contentbox .center .local .localinfo {
    display: flex;
    align-items: center;
    height: 21px;
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    text-align: center;
}

.content .contentbox .center .local .localinfo span {
    margin: 0 5px;
}

.content .contentbox .center .title {
    width: 100%;
    /*height: 31px;*/
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: bold;
    font-size: 30px;
    color: #165BA0;
    line-height: 35px;
    text-align: center;
    margin: 32px 0;
}

.content .contentbox .center .headlinetitle {
    margin: 20px 0 0 0;
    font-size: 25px;
}

.content .contentbox .center .subtitle {
    margin: 0 0 20px 0;
    font-size: 25px;
}

.content .contentbox .center .view {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.content .contentbox .center .view .info {
    display: flex;
}

.content .contentbox .center .view .info span {
    height: 17px;
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 13px;
    color: #666666;
    line-height: 17px;
    text-align: left;
    margin-right: 16px;
}

.content .contentbox .center .view .look {
    display: flex;
    align-items: center;
}

.content .contentbox .center .view .look img {
    width: 25px;
    height: 20px;
}

.content .contentbox .center .view .look .viewnum {
    height: 17px;
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 13px;
    color: #666666;
    line-height: 17px;
    text-align: left;
    margin-left: 9px;
}

.content .contentbox .center .line {
    width: 100%;
    margin-top: 16px;
    height: 0;
    border: 1px solid #EEEEEE;
    margin-bottom: 31px;
}

.content .contentbox .center .centerinfo {
    font-size: 20px;
    line-height: 35px;
}

.content .contentbox .center .centerinfo img,
.content .contentbox .center .centerinfo video{
     max-width: 100%;
    /* width: 100%; */
    height: auto;
    max-height: 70vh;
}



.content .contentbox .right {
    width: 300px;
}

.content .contentbox .right .newhead {
    width: 100%;
    height: 44px;
    background: #165BA0;
    border-radius: 0;
    display: flex;
    align-items: center;
    padding-left: 24px;
    box-sizing: border-box;
}

.content .contentbox .right .newhead img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.content .contentbox .right .newhead span {
    height: 24px;
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: left;
}

.content .contentbox .right .new {
    width: 300px;
    background: #FFFFFF;
    border-radius: 0;
    margin-bottom: 32px;
}

.content .contentbox .right .new .rlist {
    padding: 40px 24px;
    box-sizing: border-box;
}

.content .contentbox .right .new .rlist .rlista {
    display: flex;
    margin-bottom: 24px;
}

.content .contentbox .right .new .rlist .rlista span {
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 13px;
    color: #666666;
    line-height: 20px;
    text-align: left;
    margin-right: 8px;
}

.content .contentbox .right .new .rlist .rlista div {
    width: 200px;
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    text-align: left;
}

.content .contentbox .right .new .rlist .rlista:last-child {
    margin-bottom: 0;
}

.content .contentbox .right .impnews {
    width: 300px;
    background: #FFFFFF;
    border-radius: 0;
    padding: 24px;
    box-sizing: border-box;
}

.content .contentbox .right .impnews .impnewshead {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.content .contentbox .right .impnews .impnewshead .impname {
    height: 24px;
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 18px;
    color: #165BA0;
    line-height: 24px;
    text-align: left;
    position: relative;
}

.content .contentbox .right .impnews .impnewshead .impname::before {
    content: '';
    width: 4px;
    height: 10px;
    background: #165BA0;
    position: absolute;
    left: -24px;
    top: 8px;
}

.content .contentbox .right .impnews .impnewshead .more {
    height: 24px;
    font-family: "MicrosoftYaHei", "MicrosoftYaHei";
    font-weight: normal;
    font-size: 13px;
    color: #999999;
    line-height: 24px;
    text-align: left;
}

.content .contentbox .right .impnews .impa {
    padding: 16px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    width: 100%;
    display: block;
}

.content .contentbox .right .impnews .impa .impainfo {
    width: 100%;
    font-family: "MicrosoftYaHei", "MicrosoftYaHei";
    font-weight: normal;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    text-align: left;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.content .contentbox .right .impnews .impa:hover .impainfo {
    color: #165BA0;
}

.content .contentbox .right .notice {
    width: 300px;
    background: #FFFFFF;
    border-radius: 0;
    padding: 24px;
    box-sizing: border-box;
}

.content .contentbox .right .notice .impnewshead {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.content .contentbox .right .notice .impnewshead .impname {
    height: 24px;
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 18px;
    color: #165BA0;
    line-height: 24px;
    text-align: left;
    position: relative;
}

.content .contentbox .right .notice .impnewshead .impname::before {
    content: '';
    width: 4px;
    height: 10px;
    background: #165BA0;
    position: absolute;
    left: -24px;
    top: 8px;
}

.content .contentbox .right .notice .impnewshead .more {
    height: 24px;
    font-family: "MicrosoftYaHei", "MicrosoftYaHei";
    font-weight: normal;
    font-size: 13px;
    color: #999999;
    line-height: 24px;
    text-align: left;
}

.content .contentbox .right .notice .impa {
    padding: 16px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    width: 100%;
    display: flex;
}

.content .contentbox .right .notice .impa .date {
    width: 30%;
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 13px;
    color: #666666;
    line-height: 17px;
    text-align: left;
    margin-right: 16px;
}

.content .contentbox .right .notice .impa .impainfo {
    width: 68%;
    font-family: "Microsoft YaHei", "Microsoft YaHei";
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    text-align: left;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.content .contentbox .right .notice .impa:hover .impainfo,
.content .contentbox .right .notice .impa:hover .date {
    color: #165BA0;
}
        
        
.weixin {
    position: relative;
}

.weixin:hover .imgCode {
    display: block;
}

.imgCode {
    display: none;
    position: absolute;
    top: -57px;
    left: 90px;
    width: 180px;
    height: 230px;
    font-size: 12px;
    -webkit-box-shadow: 0 2px 10px #aaa;
    box-shadow: 0 2px 10px #aaa;
    text-align: center;
    background-color: #fff;
    z-index: 99;
}

.weixin .imgCode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
    margin-bottom: 5px;
}

.weixin .imgCode .qrcode {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.weixin .imgCode .qrcode canvas {
    margin-top: 10px;
}

.weixin .imgCode .help {
    margin-top: 20px;
    padding: 0 15px;
}

.textList p {
    font-size: 18px;
    font-family: PingFang-SC-Regular, PingFang-SC;
    font-weight: 400;
    color: #212121;

    line-height: 2.2;
    margin-bottom: 15px;
}

.textList p img {
    max-width: 100%;
}

.shares p {
    width: 90px;
    text-align: center;
    font-size: 20px;
    color: #8d8d8d;
    font-weight: 700;
}

.qrcode img {
    width: 108px !important;
    height: 108px !important;
}

.help p {
    text-indent: 0;
    padding: 0;
    line-height: normal;
}
.content .contentbox .center .centerinfo .attach_file{
    width:20px  !important;
}
footer {
    width: 100%;
    /* height: 585px; */
    /*background-color: #165BA0;*/
    background-image: url("https://www.bjhwxy.org.cn/Public/newList/assets/footbgimg.png");
    background-size: 100% 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
}

footer .b-bg {
    width: 100%;
    background-image: url("https://www.bjhwxy.org.cn/Public/newList/assets/bottom-bg.png");
    
    height: 180px;
    background-size: 100%;
    position: absolute;
    top: 40px;
    position: absolute;
    left: 0;
}
footer .container {
    width: 150rem;
    max-width: 94%;
    /* height: 100%; */
    position: relative;
    padding: 30px 0 0px;
    box-sizing: border-box;
    z-index: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}
footer .container .box {
    width: 100%;
    display: flex;
    /*align-items: center;*/
    gap: 50px;
    padding-bottom: 18px;
    border-bottom: 1px solid #d8d8d83b;
}
footer .container .box .frend-links img {
    width: 60%;
    margin-left: 20%;
    margin-top: 20px;
}
footer .container .box .frend-links {
    width: 40%;
}
footer .container .box .frend-links .title {
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    font-family: "light";
}
footer .container .box .frend-links .links {
    margin-top: 23px;
    width: 100%;
    display: grid;
    grid-template-rows: repeat(4, minmax(24px, max-content));
    grid-template-columns: repeat(3, 1fr);
    row-gap: 10px;
}
footer .container .box .frend-links .links span a{
    font-size: 14px;
    color: #ffffff;
    /* line-height: 2; */
    opacity: 0.6;
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
}

footer .container .box .frend-links .links-us {
    margin-top: 15px;
    width: 100%;
    /*display: grid;*/
    /*grid-template-columns: repeat(2, 1fr);*/
    row-gap: 20px;
}
footer .container .box .frend-links .links-us span {
    font-size: 14px;
    color: #ffffff;
    /* line-height: 2; */
    opacity: 0.6;
    margin-right: 20px;
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
}

footer .container .bah {
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin: 1.5rem 0;
    text-align: center;
}
footer .container .bah span {
    margin-right: 5px;
    opacity: 0.6;
}