@charset "utf-8";

.banner{
  height: 450px;
    overflow: hidden;
}

/* 头条 */

.headline {
    padding: 60px 0;
}

.headline .w1360 {
    display: flex;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(222, 83, 77, 0.15);
}

.headline_tit {
    width: 170px;
}

.headline_tit .tt {
    width: 130px;
    margin: -10px 20px 0;
    height: 143px;
    background: #D20A02;
    font-family: SourceHanSansCN;
    font-weight: 800;
    font-size: 40px;
    color: #FFFFFF;
    line-height: 143px;
    text-align: center;
    position: relative;
}

.headline_tit .tt::before,
.headline_tit .tt::after {
    position: absolute;
    width: 10px;
    height: 10px;
    content: "";
    top: 0;
}

.headline_tit .tt::before {
    background: url(../images/tt_zsj.png);
    left: -10px;
}

.headline_tit .tt::after {
    background: url(../images/tt_ysj.png);
    right: -10px;
}

.headline_cont {
    width: calc(100% - 170px);
    padding: 35px 25px;
}

.headline_cont div a {
    width: 90%;
    display: block;
    margin: 0 auto;
    font-family: Source Han Sans CN;
    font-weight: bold;
    text-align: center;
    font-size: 36px;
    line-height: 38px;
    color: #D20900;
}

.headline_cont ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

.headline_cont ul li {
    padding: 0 20px;
    width: 100%;
}

.headline_cont ul li:nth-child(2) {
    border-left: 1px solid #3C3B3B;
    border-right: 1px solid #3C3B3B;
}

.headline_cont ul li a {
    display: block;
    font-weight: 300;
    font-size: 17px;
    line-height: 17px;
    color: #3C3B3B;
}

/* 公司要闻 */

.news {
    padding-bottom: 60px;
}

.news .w1360 {
    display: flex;
    justify-content: space-between;
}

.news_banner_main {
    width: 51.5%;
    height: 422px;
}

.news_banner {
    width: 100%;
    height: 100%;
    display: none;
}

.news_banner.active {
    display: block;
}

.news_banner .image a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.news_banner .image a .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.news_banner .image a .img img,
.tmdj_l .image a .img img,
.hxjy_zgwy_tzgg .first a img,
.aqsc_jygl .first a .img img,
.fczs_main li a .img img,
.aqsc_main .first a .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}

.news_banner .image:hover a .img img,
.tmdj_l .image:hover a .img img,
.hxjy_zgwy_tzgg .first a:hover img,
.aqsc_jygl .first a:hover .img img,
.fczs_main li:hover a .img img,
.aqsc_main .first a:hover .img img {
    transform: scale(1.05);
}

.news_banner .image a .cont {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 12px 30px 24px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.news_banner .image a .cont span {
    display: block;
    width: 100px;
    height: 40px;
    background: #DA251D;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

.news_banner .image a .cont p {
    font-size: 22px;
    color: #FFFFFF;
    line-height: 46px;
    margin-top: 12px;
    width: calc(100% - 100px);
}

.news_banner .slick-dots {
    display: flex;
    padding: 7px 8.5px;
    position: absolute;
    right: 17px;
    bottom: 30px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.news_banner .slick-dots li,
.tmdj_l .slick-dots li {
    width: 6px;
    height: 6px;
    margin: 0 3.5px;
    background: #FFFFFF;
    border-radius: 50%;
    opacity: 0.6;
}

.news_banner .slick-dots .slick-active,
.tmdj_l .slick-dots .slick-active {
    background: #DA251D;
}

.news_cont {
    width: calc(100% - 51.5% - 30px);
}

.news_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news_tit ul {
    display: flex;
    align-items: center;
}

.news_tit ul li {
    width: 147px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #F8F8F8;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: 19px;
    color: #222222;
    cursor: pointer;
}

.news_tit ul li.active {
    background: #D20900;
    color: #fff;
}

.news_tit ul li:nth-child(2) {
    margin: 0 13px;
}

.more_all {
    display: flex;
    align-items: center;
}

.more_all .more {
    display: none;
}

.more_all .active {
    display: flex;
}

.news_main {
    margin-top: 18px;
}

.news_main ul {
    display: none;
}

.news_main .active {
    display: block;
}

/* 媒体聚焦 */

.mtjj {
    background: #FBF9F9;
    padding: 60px 0 48px;
}

.mtjj .w1360 {
    display: flex;
    justify-content: space-between;
}

.mtjj_l {
    width: 48.5%;
}

.mtjj .list {
    margin-top: 12px;
}

.mtjj_r {
    width: calc(100% - 48.5% - 40px);
    overflow: hidden;
}

.yxtm_t {
    margin-top: 23px;
    width: 100%;
    height: 370px;
}

.yxtm_t a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.yxtm_t a .img {
    width: 100%;
    height: 100%;
}

.yxtm_t a .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.yxtm_t a .cont {
    display: flex;
    align-items: center;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    padding: 17px 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.yxtm_t a .cont span {
    display: block;
    width: 27px;
    height: 27px;
    background: url(../images/yxtm_bf.png);
    background-size: contain;
    background-position: center;
}

.yxtm_t a .cont p {
    margin-left: 12px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    width: calc(100% - 40px);
}

.yxtm_b {
    margin-top: 14px;
    width: calc(100% + 20px);
    margin-left: -10px;
    height: 125px;
}

.yxtm_b .image {
    margin: 0 10px;
}

.yxtm_b .image .img {
    height: 100%;
}

.yxtm_b .image .img img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.yxtm_b .slick-current .img {
    position: relative;
}

.yxtm_b .slick-current .img::before {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    border: 7px solid transparent;
    z-index: 3;
    top: 0;
    left: 0;
    border: 7px solid #DA251D;
}

/* 专题专栏 */

.ztzl {
    background: #fff;
    padding: 55px 0 60px;
}

.ztzl .w1360 {
    overflow: hidden;
}

.ztzl_main {
    margin-top: 28px;
    width: calc(100% + 28px);
    margin-left: -14px;
}

.ztzl_main .image {
    margin: 0 14px;
}

.ztzl_main .slick-arrow {
    width: 41px;
    height: 41px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    font-size: 0;
    border: none;
    position: absolute;
    top: calc(50% - 20.5px);
    z-index: 3;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.ztzl_main .slick-prev {
    left: 24px;
    background-image: url(../images/ztzl_zjt.png);
}

.ztzl_main .slick-next {
    right: 24px;
    background-image: url(../images/ztzl_yjt.png);
}

/* 铜煤党建 */

.tmdj {
    padding: 60px 0;
    background: #FBF9F9;
}

.tmdj .w1360 {
    display: flex;
    justify-content: space-between;
}

.tmdj_ {
    width: 72.5%;
}

.tmdj_main {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tmdj_l {
    width: 44%;
    height: 345px;
}

.tmdj_l .image a {
    display: block;
}

.tmdj_l .image a .img {
    width: 100%;
    height: 285px;
    overflow: hidden;
}


.tmdj_l .image a .cont {
    background: #D20A01;
    padding: 14px 25px;
}

.tmdj_l .slick-dots {
    display: flex;
    position: absolute;
    left: 26.5px;
    bottom: 80px;
}

.tmdj_l .image a .cont p {
    font-size: 16px;
    line-height: 32px;
    color: #FFFFFF;
}

.tmdj_r {
    width: calc(56% - 30px);
}


.tcmgk {
    width: calc(100% - 50% - 20px);
}



.tcmgk .title::before {
    width: calc(100% - 240px);
    left: 170px;
}

.tcmgk_main {
    width: 100%;
    height: 405px;
    background: url(../images/kgb_bg.png);
    background-size: cover;
    margin-top: 30px;
    position: relative;
}

.tcmgk_main ul {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.73);
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    padding: 20px 20px 10px;
}

.tcmgk_main ul li {
    width: calc((100% - 40px) / 3);
    margin-bottom: 12px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    margin-right: 20px;
}

.tcmgk_main ul li:nth-child(3n) {
    margin-right: 0;
}

.tcmgk_main ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 47px;
    background: #FFFFFF;
}

.tcmgk_main ul li a p {
    font-size: 16px;
    color: #D4090A;
    margin-left: 10px;
}

/* 安全生产 */

.aqsc_jygl {
    padding: 55px 0 45px;
}

.aqsc_jygl .w1360 {
    display: flex;
    justify-content: space-between;
}

.aqsc,
.jygl {
    width: calc(50% - 20px);
}

.aqsc_main,
.jygl_main {
    margin-top: 28px;
}

.aqsc_jygl .first,
.aqsc_main .first {
    margin-bottom: 14px;
}

.aqsc_jygl .first a,
.aqsc_main .first a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aqsc_jygl .first a .img,
.aqsc_main .first a .img {
    overflow: hidden;
    width: 325px;
    height: 200px;
}

.aqsc_jygl .first a .img img,
.aqsc_main .first a .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.aqsc_jygl .first a .txt,
.aqsc_main .first a .txt {
    width: calc(100% - 350px);
}

.aqsc_jygl .first a .txt span,
.aqsc_main .first a .txt span {
    display: block;
    font-weight: 400;
    font-size: 19px;
    color: #261816;
    line-height: 31px;
    max-height: 62px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.aqsc_jygl .first a:hover .txt span,
.aqsc_main .first a:hover .txt span {
    color: #D20900;
}

.aqsc_jygl .first a .txt .line-1,
.aqsc_main .first a .txt .line-1 {
    font-weight: 400;
    font-size: 15px;
    color: #999;
    line-height: 15px;
    margin-top: 12.5px;
    transition: all 0.3s ease-in-out;
}

.aqsc_jygl .first a .txt .line-3,
.aqsc_main .first a .txt .line-3 {
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    line-height: 28px;
    margin-top: 12.5px;
    max-height: 84px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.aqsc_jygl .first a:hover .txt p,
.aqsc_main .first a:hover .txt p {
    color: #313131;
}

/* 和谐家园/职工文苑/通知公告 */

.hxjy_zgwy_tzgg {
    padding: 50px 0 45px;
    background: #FBF9F9;
}

.hxjy_zgwy_tzgg .w1360 {
    display: flex;
    justify-content: space-between;
}

.hxjy_zgwy_tzgg .first {
    width: 100%;
    height: 260px;
    overflow: hidden;
    margin: 27px 0 12px;
}

.hxjy_zgwy_tzgg .first a {
    display: block;
    width: 100%;
    height: 100%;
}


.hxjy,
.zgwy,
.tzgg {
    width: 31%;
}

.tzgg_main {
    margin-top: 12px;
}

/* 风采展示 */

.fczs {
    padding: 52px 0 58px;
}

.fczs_main {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    width: calc(100% + 27px);
    margin-left: -13.5px;
}

.fczs_main li {
    margin: 0 13.5px;
}

.fczs_main li a .img {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.fczs_main li a .txt {
    padding: 14px 0;
}

.fczs_main li a .txt p {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
}

.fczs_main li:hover a .txt p {
    color: #D20900;
}

@media (max-width: 1500px) {

.banner{
  height: auto;}
    .headline {
        width: 100%;
        padding: 4vw 3%;
    }

    .news_banner_main {
        height: auto;
    }

    .news {
        padding-bottom: 4vw;
    }

    .ztzl,
    .tmdj {
        padding: 4vw 0;
    }

    .aqsc_jygl {
        padding: 4vw 0 3vw;
    }

    .hxjy_zgwy_tzgg {
        padding: 3.3vw 0 3vw;
    }

    .fczs {
        padding: 3.46vw 0 3.86vw;
    }

    .mtjj {
        padding: 4vw 0 3.2vw;
    }

    .headline .w1360 {
        width: 100%;
    }

    .news .w1360,
    .mtjj .w1360,
    .ztzl .w1360,
    .tmdj .w1360,
    .aqsc_jygl .w1360,
    .hxjy_zgwy_tzgg .w1360,
    .fczs .w1360 {
        width: 100%;
        padding: 0px 3%;
    }

    .news_tit ul li {
        width: 120px;
    }

    .fczs_main li a .img {
        height: calc(21.9vw/3*2);
    }

    .news_banner {
        width: 47.93vw;
        height: calc(47.93vw/5*3);
    }

    .list li a p,
    .list li a span {
        font-size: calc(1.133vw);
        line-height: calc(2.733vw);
    }

    .news_tit ul li {
        height: calc(3vw);
        font-size: calc(1.266vw);
        line-height: calc(3vw);
    }


    .yxtm_t {
        height: calc(45.26vw/66*37);
    }

    .yxtm_b {
        height: calc(45.26vw/132*23);
    }

    .tmdj_l .image a .cont {
        height: calc(29.73vw/29*4);
        padding: 0 25px;
    }


    .tmdj_l .image a .cont p {
        font-size: 16px;
        line-height: calc(29.73vw/29*4);
        height: 100%;
    }

    .tmdj_l {
        height: calc(29.73vw/29*23);
    }

    .tmdj_l .image a .img {
        height: calc(29.73vw/29*19);
    }

    .tcmgk_main {
        height: calc(45.65vw/66*40.5);
    }

    .hxjy_zgwy_tzgg .first {
        height: calc(28.87vw/21*12);
    }
}

@media (max-width: 1200px) {
    .headline {
        display: none;
    }

    .news {
        padding: 4vw 0 3vw;
    }

    .news_tit ul li {
        width: 110px;
        font-size: 18px;
    }

    .tmdj_ {
        width: 65%;
    }

    .tcmgk {
        /* width: calc(35% - 25px); */
    }

    .aqsc_jygl .first a .img,
    .aqsc_main .first a .img {
        width: 265px;
        height: 165px;
    }

    .aqsc_jygl .first a .txt,
    .aqsc_main .first a .txt {
        width: calc(100% - 290px);
    }

    .fczs_main li a .img {
        height: calc(29.15vw / 3 * 2);
    }


}

@media (max-width: 1024px) {

    .news .w1360,
    .mtjj .w1360 {
        display: block;
    }

    .news_banner,
    .yxtm_t {
        width: 100%;
        height: calc(92vw/5*3);
    }

    .news_cont,
    .mtjj_r,

    .tzgg {
        width: 100%;
        margin-top: 30px;
    }

    .aqsc,
    .jygl {
        width: 48.5%;
    }

    .mtjj_l,
    .tmdj_ {
        width: 100%;
    }

    .hxjy,
    .zgwy {
        width: 48.5%;
    }

    .hxjy_zgwy_tzgg .w1360,
    .fczs_main {
        flex-wrap: wrap;
    }



    .aqsc_jygl .first a .txt span,
    .aqsc_main .first a .txt span {
        font-size: 17px;
        line-height: 29px;
        max-height: 29px;
        white-space: nowrap;
    }

    .aqsc_jygl .first a .txt p {
        font-size: 13px;
        line-height: 26px;
        margin-top: 10px;
        max-height: 56px;
        -webkit-line-clamp: 2;
    }

    .aqsc_jygl .first a .img,
    .aqsc_main .first a .img {
        width: 190px;
        height: 120px;
    }

    .aqsc_jygl .first a .txt,
    .aqsc_main .first a .txt {
        width: calc(100% - 215px);
    }

    .hxjy_zgwy_tzgg .first {
        height: calc(45vw/21*13);
    }


    .list li a p {
        font-size: 17px;
        line-height: 41px;
        width: calc(100% - 85px);
    }

    .list li a span {
        font-size: 17px;
        line-height: 41px;
    }

    .news_tit ul li {
        height: 45px;
        line-height: 45px;
        font-size: 19px;
    }

    .tcmgk_main {
        height: 371px;
    }

    .yxtm_b {
        height: calc(92vw / 132 * 23);
    }

    .tmdj_l {
        width: 49%;
        height: calc(45.5vw/29*23);
    }

    .tmdj_r {
        width: calc(51% - 30px);
    }

    .tmdj_l .image a .img {
        height: calc(45.5vw / 29 * 19);
    }

    .tmdj_l .image a .cont {
        height: calc(45.5vw / 29 * 4);
    }

    .tmdj_l .image a .cont p {
        line-height: calc(45.5vw / 29 * 4);
    }

    .tmdj_r .list li a p,
    .tmdj_r .list li a span {
        font-size: 1.7vw;
        line-height: calc(4.06vw);
    }

    .news_banner_main {
        width: 100%;
    }

    .tcmgk_main ul li {
        width: calc((100% - 10px) / 3);
        margin-right: 5px;
    }

    .tcmgk_main ul {
        padding: 10px 10px;
    }

}

@media (max-width: 768px) {
    .tmdj_main {
        display: block;
    }

    .tmdj_l {
        width: 100%;
        height: auto;
        margin-top: 40px;
    }

    .tmdj_l .image a .img {
        width: 100%;
        height: calc(92vw/29*19);
    }

    .tmdj_r {
        width: 100%;
        margin-top: 20px;
    }

    .aqsc_jygl .first a,
    .aqsc_main .first a {
        display: block;
    }

    .aqsc_jygl .first a .img,
    .aqsc_main .first a .img {
        width: 100%;
        height: calc(90vw/19*12);
    }

    .aqsc_jygl .first a .txt,
    .aqsc_main .first a .txt {
        margin-top: 10px;
        width: 100%;
    }

    .list li a p,
    .list li a span,
    .tmdj_r .list li a p,
    .tmdj_r .list li a span {
        font-size: 16px;
        line-height: 38px;
    }

    .tmdj_l .image a .cont {
        padding: 14px 25px;
        height: auto;
    }

    .tmdj_l .image a .cont p {
        font-size: 16px;
        line-height: 32px;
    }

    .fczs_main li a .img {
        height: calc(42.5vw / 3 * 2);
    }

    .tmdj .w1360,
    .aqsc_jygl .w1360 {
        display: block;
    }

    .aqsc,
    .jygl,
    .tcmgk,
    .hxjy,
    .zgwy {
        width: 100%;
    }

    .zgwy,
    .jygl,
    .tcmgk {
        margin-top: 30px;
    }

    .hxjy_zgwy_tzgg .first {
        height: calc(90vw/21*13);
    }
}

@media (max-width: 576px) {}

@media (max-width: 480px) {
    .news_banner .image a .cont {
        padding: 10px 15px;
    }

    .news_banner .image a .cont p {
        font-size: 18px;
        line-height: 36px;
        margin-top: 10px;
        width: calc(100% - 100px);
    }

    .news_banner .slick-dots {
        right: 15px;
        bottom: 15px;
    }

    .news_tit ul li {
        width: 85px;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .news_tit ul li:nth-child(2) {
        margin: 0 10px;
    }

    .news {
        padding: 30px 0 20px;
    }

    .mtjj {
        padding: 20px 0;
    }

    .ztzl {
        padding: 20px 0;
    }

    .tmdj {
        padding: 20px 0;
    }

    .aqsc_jygl {
        padding: 20px 0;
    }

    .aqsc_jygl .w1360 {
        display: block;
    }

    .aqsc,
    .jygl {
        width: 100%;
    }

    .jygl {
        margin-top: 20px;
    }

    .aqsc_jygl .first a .img {
        height: calc(92vw / 19 * 12);
    }

    .hxjy_zgwy_tzgg .w1360 {
        display: block;
    }

    .hxjy,
    .zgwy {
        width: 100%;
    }

    .hxjy_zgwy_tzgg .first {
        height: calc(91vw / 21 * 13);
    }

    .zgwy {
        margin-top: 20px;
    }

    .hxjy_zgwy_tzgg {
        padding: 20px 0;
    }

    .fczs {
        padding: 20px 0;
    }

    .fczs_main li a .img {
        height: calc(85.4vw / 3 * 2);
    }

    .tcmgk .title::before {
        width: calc(100% - 200px);
        left: 130px;
    }

    .list li a p,
    .list li a span,
    .tmdj_r .list li a p,
    .tmdj_r .list li a span {
        font-size: 15px;
        line-height: 35px;
    }

    
    .tcmgk_main ul li {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
    }

    .tcmgk_main ul li:nth-child(3n) {
    margin-right: 20px;
}

    .tcmgk_main ul li:nth-child(2n) {
    margin-right: 0;
}
}