*{
    margin: auto;
    padding: 0;
}

ul {
    margin: 0;
    list-style: none;
    padding-inline-start: 0;
}

a {
    color: black;
    text-decoration: none;
    font-family: "Microsoft Yahei","微软雅黑",Verdana;
}

a:hover {
    text-decoration: none;
}

body {
    background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media only screen and (min-width:0px) and (max-width:768px){
    #header-img{
        margin-top: 80px;
        height: 200px;
        width: 600px;   
        background-image: url("../images/bgTitle.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-bottom: 10px;
    }
   
}
@media only screen and (min-width:768px) and (max-width:992px){
    #header-img{
        margin-top: 80px;
        height: 300px;
        width: 760px;   
        background-image: url("../images/bgTitle.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width:992px) and (max-width:1400px){
    #header-img{
        margin-top: 80px;
        height: 360px;
        width: 1060px;   
        background-image: url("../images/bgTitle.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width:1400px){
    #header-img{
        margin-top: 80px;
        height: 450px;
        width: 1300px;   
        background-image: url("../images/bgTitle.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-bottom: 10px;
    }
}

/*导航*/
.nav{
    /*清除样式*/
    margin: auto;
    padding: 0;
    list-style-type: none;
    background: #c7210b;
    display: flex;
    height: 52px;
    line-height: 50px;
    text-align: center;
    width: 1080px;
}
.nav ul{
    width: 1080px;
    height: 52px;
    margin: 0 auto;
}
.nav ul span{
    font-size: 24px;
    color: #f2be45;
}
.nav li {
    display: inline-block; 
    margin: 0 13px 0 13px;  
}

.nav li a {
    color:#f2be45;
    font-size: 16px;
    cursor: pointer;
    display: block;
    padding: 0;
}

.nav li a:hover {
    font-weight: bold;
    text-decoration: none;
    background-color: #c7210b;
}
#content{
    margin-bottom: 40px;
}
/*要闻播报*/
.imp-news{
    width: 520px;
    height: 375px;
}
.imp-news .imp-news-title{
    width: 520px;
    height: 65px;
    background-image:linear-gradient(to right,#c7210b,#FAA9A2);
    position: relative;
}
.news-title-icon{
    background-image: url("../images/yaowenicon.png");
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 120px;
    top: 7px;
}
.news-title-content{
    font-size: 28px;
    letter-spacing: 4px;
    color: white;
    opacity: 0.9;
    position: absolute;
    left: 180px;
    top:12px;
}
.news-more{
    font-size: 16px;
    position: absolute;
    left: 440px;
    top: 32px;
}
.news-more a{
    text-decoration: none;
    color: black;
}
.news-more a:hover{
    color: black;
    text-decoration: none;
}
.imp-news-content{
    height: 280px;
}
.imp-news-content li{
    display: block;
    margin: 28px 0 0 0;
    overflow: hidden;
}
.imp-news-content li a{
    text-decoration: none;
    color: black;
    font-size: 16px;
}
.imp-news-content li a:hover{
    color:#2e4e7e;
}
.imp-news-content span{
    float:right;
    margin-right: 20px;
    color: #808080;
}

/*重要精神*/
.oneModel-Line{
    width: 1100px;
    height: 430px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 10px;
}
.normal{
    width: 520px;
    height: 420px;
}
.nor-title{
    height: 70px;
    position: relative;
}
.nor-title-icon{
    position: absolute;
    width: 30px;
    height: 30px;
    top:20px;
    left: 10px;
    background-image: url("../images/norIcon1.png");
    background-size: 100% 100%;
}
.nor-title-content{
    position: absolute;
    width: 150px;
    height: 70px;
    font-size: 26px;
    font-weight: bold;
    color: #9d2933;
    line-height: 70px;
    text-align: center;
    left: 35px;
}
.nor-title-more{
    position: absolute;
    width: 60px;
    font-size: 15px;
    left: 460px;
    top:35px;
}
.nor-title-more a{
    color: black;
    text-decoration: none;
}
.nor-title-more a:hover{
    color: black;
    text-decoration: none;
}
.nor-content{
    height: 340px;
    padding-top: 10px;
    /*background-color: rgba(128, 128, 128, 0.1);*/
    border: #808080 solid 0.5px;
}
.nor-content ul{
    height: 300px;;
}
.nor-content ul li{
    display: inline-block;
    width: 490px;
    height: 50px;
    line-height: 50px;
    border-bottom: #bcbcc0 solid 0.5px;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
}
.nor-content li a{
    text-decoration: none;
    display: inline-block;
    position: absolute;
    left: 40px;
    color: black;
}
.nor-content ul li a:hover{
    color:#2e4e7e;
}
.nor-con-icon{
    display: inline-block;
    width: 15px;
    height: 15px;
    top:16px;
    left:14px;
    position: absolute;
    background-image: url("../images/norIcon2.png");
    background-size: 100% 100%;
}
/*媒体矩阵*/
.mediAndPar{
    width: 1100px;
    height: 470px;
    position: relative;    
}
.mediaArea{
    width: 380px;
    height: 470px;  
    margin-left: 17px;
    background-color: rgba(128, 128, 128, 0.1);
    position: absolute;
    display: inline-block;
}
.mdi-title{
    width: 380px;
    height: 70px;
    margin-top: 20px;
    position: relative;
}
.mdi-tit-icon{
    width: 35px;
    height: 35px;
    background-image: url("../images/mediaIcon.png");
    background-size: 100% 100%;
    position: absolute;
    top: 13px;
    left: 15px;
}
.mdi-tit-content{
    position: absolute;
    font-size: 26px;
    font-weight: bold;
    color: #9d2933;
    left: 70px;
    top:14px;
}
.mdi-tit-more{
    text-decoration: none;
    color: #c7210b;
    position: absolute;
    font-size: 18px;
    left:300px;
    top:25px;
}
.mdi-tit-more a{
    text-decoration: none;
    color: #c7210b;
}
.mdi-tit-more a:hover{
    text-decoration: none;
    color: #c7210b;
}
.mdi-con-list{
    height: 85px;
    margin-top: 5px;
    position: relative;
}
.mdi-con-data{
    width: 70px;
    height: 75px;
    position: absolute;
    color: #c7210b;
    font-size: 19px;
    text-align: center;
    padding-top: 10px;
}
.mdi-con-con{
    width: 280px;
    height: 75px;
    position: absolute;
    left: 70px;
    margin-left: 10px;
    padding-top: 10px;
    font-size: 16px;   
    overflow: hidden; 
}
.mdi-con-con a{
    color: black;
    text-decoration: none;
}
.mdi-con-con a:hover{
    color: black;
    text-decoration: none;
}
/*党史故事*/
.partyStory{
    width: 660px;
    height: 470px;
    display: inline-block;
    margin-right: 30px;
    background-color: rgba(128, 128, 128, 0.1);
    position: absolute;
    left: 420px;
}
.par-con-one{
    display: inline-block;
    width: 190px;
}
.par-title{
    width: 200px;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 27px;
    text-align: center;
    line-height: 50px;   
    background-image: url("../images/par100Bak.png");
    background-size: 100% 100%;
}
.par-title a{
    color: ghostwhite;
    text-decoration: none;
}
.par-title a:hover{
    color: ghostwhite;
    text-decoration: none;
}
.par-one-pic img{
    width: 170px;
    height: 120px;
}
.par-content{
    text-align: center;
    margin-top: 5px;
}
.par-one-text{
    height: 70px;
    font-size: 15px;
    padding: 5px 10px 10px 10px;
    overflow: hidden;
}
.par-one-text a{
    color: black;
    text-decoration: none;
}
.par-one-text a:hover{
    text-decoration: none;
}
/*榜样在身边*/
.example{
    width: 1100px;
    height: 320px;
    margin-top: 40px;
}

.emp-title{
    height: 70px;  
    position: relative;
}
.emp-tit-icon{
    width: 10px;
    height: 50px;
    background-color: #9d2933;
    position: absolute;
    top: 10px;
    left: 20px;
}
.emp-tit-con{
    font-size: 26px;
    font-weight: bold;
    position: absolute;
    left: 45px;
    top:15px;
}
.emp-tit-con a{
    text-decoration: none;
    color: #9d2933;
}
.emp-tit-con a:hover{
    text-decoration: none;
    color: #9d2933;
}
.emp-con-one{
    display: inline-block;
    width: 260px;
    margin-left: 9px;
    margin-top: 8px;
}
.emp-one-pic{
    text-align: center;
}
.emp-one-pic img{
    width: 240px;
    height: 150px;
}
.emp-one-text{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
}
.emp-one-text a{
    color: black;
}
.emp-one-text a:hover{
    text-decoration: none;
}
#div1{
    overflow: hidden;
}
#div2,#div3{
    display: inline-block;
}
#div4{
    width: 200%;
}

/*党史学习库*/
.partyStudy{
    width: 1100px;
    height: 500px;
}
.parsdy-title{
    height: 130px;
    position: relative;
}
.parsdy-tit-text img{  
    position: absolute;
    left: 450px;
    top:30px;
    width: 180px;
    height: 45px;
}
.parsdy-tit-text a{
    z-index: 1;
}
.parsdy-tit-icon{
    width: 350px;
    height: 75px;
    position: absolute;
    top:43px;
    left: 380px;
    background-image: url("../images/parStuIcon.png");
    background-size: 100% 100%;
}
.parsdy-con-one{
    height: 180px;
    margin-left: 60px;
    display: inline-block;
}
.parsdy-con-one img{
    width: 460px;
    height: 160px;
}
/*注脚*/
.footer{
    height: 120px;
    line-height: 120px;
    color: white;
    font-size: 19px;
    text-align: center;
    background-color: #951b1c;
}