body{
    color:#333;
}
.newsbox{
    margin-top:50px;
}
.newsbox .title{
    line-height:30px;
    padding:10px 0;
}
.newsbox .title h2{
    font-size:24px;
    float:left;
}
.newsbox .title .more{
    float:right;
    font-size:14px;
    color:#666;
}
.newsbox .news {
    width: 660px;
    height: 430px;
    float: left;
    overflow:hidden;
}


.swiper-slide img{
    width:100%;
    height:100%;
}
.swiper-slide .textbox {
    background: rgba(0,0,0,.4);
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    color: #fff;
}

.news-wrapper .newslist{
    float:right;
    width:542px;
}
.news-wrapper .newslist li {
    line-height: 52px;
    border-bottom: 1px solid #f3f3f3;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.news-wrapper .newslist li a:hover {
    color: #007b3d;
}
.itembox{
    margin-top:50px;
}
.item {
    width: 380px;
}
.item a:hover{
    color:#007b3d !important;
}
.item .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 14px;
}
.item .title h3{
    font-size:24px;
    cursor:pointer;
}
.item .title h3.current{
    font-weight: bold;
}
.item .title a {
    font-size: 14px;
    color: #666;
}
.item li a{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

}
.pic-item .thumb {
    width: 380px;
    height: 190px;
    object-fit: cover;
}
.pic-item{
    margin-right:45px;
    float:left;
}
.pic-item ul {
    margin-top: 8px;
}
.pic-item ul li {
    line-height: 52px;
    border-bottom: 1px solid #f3f3f3;
}
.pic-item ul li a:hover{
    color:#007b3d;
}
.text-item{
    float:right;
}
.text-item li{
    box-shadow:0 0 5px rgba(0,0,0,.1);
    padding:15px 20px;
    box-sizing:border-box;
    margin-bottom:15px;
}
.text-item li p{
    font-size:14px;
    color:#888;
}
.text-item li a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-item li:hover {
    box-shadow: 0 0 5px rgba(0,123,61,.1);
}
.text-item li:hover a{
    color:#007b3d;
}
/*党的建设*/
.part1,.part2{
    width:590px;
}
.part1 li{
    height:52px;
    line-height:52px;
    border-bottom:1px solid #f3f3f3;
}
.part2 li {
    margin-bottom: 20px;
    display:flex;
    justify-content:space-between;
}
.part2 li .img {
    width: 250px;
    height: 140px;
    display: block;
    float: left;
}
.part2 li .img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.part2 li .text{
    width:330px;
    float:right;
}
.part2 li .text a {
    font-size: 16px;
    color: #333;
    width: 100%;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
}
.part2 li .text p{
    color:#888;
    font-size:14px;
    margin-top:20px;
}
.part3 {
    width: 100%;
    
}
.part3 ul {
    display: flex;
    justify-content: space-between;
}
.part3 ul li {
    width: 23%;
}

.part3 ul li a {
    display: block;
    height: 100%;
}

.part3 ul li img {
    width: 100%;
    height: 80%;
    object-fit: cover;
}
/*职业病防治*/
.introbox{
    margin-top:30px;
}
.introbox .title {
    font-size: 24px;
    padding-bottom:20px;
}
.intro .pic {
    width: 660px;
    height: 430px;
    float: left;
}
.intro .textbox {
    width: 540px;
    float: right;
}

.intro .textbox h2 {
    font-size: 26px;
    color: #333;
    padding: 8px 0;
    font-weight:bold;
}

.intro .textbox .text {
    line-height: 1.6;
}

.intro .textbox .more {
    background: #007b3d;
    border-radius: 15px;
    text-align: center;
    display: block;
    padding: 5px;
    width: 100px;
    color: #fff;
    font-size: 12px;
   
    margin-top: 10px;
}
/*-----------------屏幕适配-------------------*/
/*最大宽度1200px，即小于1200px的屏幕*/
@media only screen and (max-width: 1200px) {
    .newsbox{
        margin-top:30px;
    }
    .newsbox .news, .news-wrapper .newslist, .item {
        width: 100%;
        float: none;
    }
    .newsbox .title h2, .item .title h3 {
        font-size: 16px;
        font-weight: bold;
    }
    .newsbox .title .more, .item .title a, .text-item li p {
        font-size: 12px;
    }
    .swiper-slide .textbox, .pic-item ul li, .text-item li a {
        font-size: 14px;
    }
    .news-wrapper .newslist li, .pic-item ul li, .part1 li {
        font-size: 14px;
        line-height: 42px;
        height:42px;
    }
    .itembox {
        margin-top: 10px;
    }
    .item {
        margin: 15px 0;
    }
    .pic-item .thumb{
        width:100%;
        height:40vh;
    }
    .pic-item ul li {

    }

    /*党的建设*/
    .part2 li .img{
        width:33%;
    }
    .part2 li .text {
        width: 65%;
    }
    .part2 li .text a{
        font-size:14px;
    }
    .part2 li .text p{
        font-size:12px;
    }
    /*职业病防治*/
    .intro .pic{
        float:none;
        width:100%;
        height:auto;
    }
    .intro .textbox {
        float: none;
        width: 100%;
    }
    .intro .textbox h2{
        font-size:16px;
    }
    .intro .textbox .text{
        font-size:14px;
    }
}
@media only screen and (max-width: 760px) {
    .part3 ul {
        flex-wrap: wrap;
    }
    .part3 ul li {
        width: 49%;
    }

}