.section_title {
    position: relative;
    margin: 1.5rem auto;
}
.section_title .title {
    text-align: center;
}
.section_title .title .cn {
    font-weight: bold;
    font-size: 3rem;
    color: #e71f1d;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.section_title .title .en{
    font-size: 5rem;
    color: #85858545;
    text-transform: uppercase;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1rem;
    font-family: "Swis721BlkCnBT";
    width: 100%;
    z-index: 0;
}
.section_title .intro {
    font-size: 1.2rem;
    line-height: 2rem;
}
.section_title .view_more {position: absolute;right:0;bottom:0;}
.view_more {
    width: 10rem;
    height:3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1rem;
    position: relative;
    border: 1px solid #e71f1d;
    background: #fff;
    color: #e71f1d;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view_more span {margin-right: 0.2rem;}
.view_more:hover {
    background: #e71f1d;
    color:#fff;
}


@media  screen and (max-width: 1000px){
    .section_title .title .cn {
        font-size: 2rem;
    }
    .section_title .title .en {
        font-size: 3rem;
        top:-1rem;
    }
    .section_title .intro {
        font-size: 1rem;
    }
    .section_title .view_more{
        display: none;
    }
}




.index_banner {
    width:100%;
    position: relative;
    overflow: hidden;
}
.index_banner .swiper-slide {
    width:100%;
    overflow: hidden;
}

.index_banner .swiper-slide img {
    width:100%;
}
.index_banner .swiper-pagination-bullet {
    width:1rem;
    height:1rem;
}
.index_banner .swiper-button-prev {
    left:5%
}
.index_banner .swiper-button-next {
    right:5%
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5%;
}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width:3rem;
    border-radius: 8px;
}

.index_banner .navigation .banner_prev{position:absolute;left:5%;top:50%;width:4rem;height:4rem;background:url(../images/banner_quan.png);background-size:100% 100%;z-index:9}
.index_banner .navigation .banner_prev_left{position:absolute;top:50%;left:5%;color:#fff;font-size: 1rem;margin-top:1.5rem;margin-left:1.5rem;background-size:100% 100%;z-index: 8;transform: rotate(180deg)}

.index_banner .navigation .banner_next{position:absolute;right:5%;top:50%;width:4rem;height:4rem;background:url(../images/banner_quan.png);;background-size:100% 100%;z-index:9}
.index_banner .navigation .banner_next_right{position:absolute;top:50%;right:5%;color:#fff;font-size: 1rem;margin-top:1.5rem;margin-right:1.5rem;z-index: 8;}

.index_banner .banner_prev:hover,.index_banner .banner_next:hover {
    animation: rotation 0.1s linear infinite;
    cursor:pointer
}
@keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}


.index_banner .mouse {
    position: absolute;
    left:5%;
    bottom:10%;
    z-index: 999;
    display: flex;
    align-items: center;
    color:#fff;
}
.index_banner .mouse .mouseOf {
    height: 28px;
    position: relative;
    width: 28px;
    display: block;
}
.index_banner .mouse .mouseOf svg {
    width:100%;
    height:100%;
    display: block;
}
.index_banner .mouse .mouseOf:after {
    -webkit-animation: scroll-down 1.5s ease-in-out infinite;
    animation: scroll-down 1.5s ease-in-out infinite;
    background-color: #fff;
    border-radius: 2px;
    content: "";
    height: 7px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px
}
@keyframes scroll-down {
    0% {
        opacity: 0;
        top: 2px
    }
    30%,70% {
        opacity: 1
    }
    to {
        opacity: 0;
        top: calc(100% - 9px)
    }
}



.index_banner .ban_txt {
    position: absolute;
    z-index: 99;
    color: #FFFFFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.index_banner .ban_txt .txt p {
    text-shadow: 2px 2px 4px #898989;
}

.index_banner .ban_txt .txt p:nth-child(1){
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    font-family: EUROSTILE-BOLDEXTENDEDTWO;
}
.index_banner .ban_txt .txt p:nth-child(2){
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 3rem;
    font-family: EUROSTILE-BOLDEXTENDEDTWO;

}
.index_banner .ban_txt .txt p:nth-child(3){
    font-size: 1.8rem;
    margin-bottom: 2rem;
}
.index_banner .ban_txt .txt p:nth-child(4){
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

@media  screen and (max-width: 1000px){
    .index_banner .ban_txt,
    .index_banner .mouse,
    .index_banner .navigation
    {display: none;}

    .index_banner .swiper-pagination-bullet {
        width:0.5rem;
        height:0.5rem
    }
}




.index_classify {padding:2rem 0;}
.classify_box{position: relative;width: 100%;}
.classify_box .classify_swiper .swiper-slide{max-width: 1200px;width:90%;opacity: 0.5;}
.classify_box .classify_swiper .swiper-slide-active{opacity: 1;}
.classify_box .classify_swiper .navigation {max-width: 1400px;width:90%;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);z-index: 2}
.classify_box .classify_swiper .btn{ transition: all .5s;width: 5rem;height: 3rem;background: #7b7b7b;cursor: pointer;line-height: 3rem;text-align: center;
position: absolute;top:50%;left:0;z-index: 3;
}
.classify_box .classify_swiper .btn i{display: block;width: 100%;font-size: 2rem;color:#fff;}
.classify_box .classify_swiper .btn.next {right:0;left:auto;}
.classify_box .classify_swiper .btn.prev i{transform: rotate(180deg)}
.classify_box .classify_swiper .btn:hover{background: #e71f1d;}


@media  screen and (min-width: 1000px){
    .classify_box ul{max-width: 1400px;width:90%;position: absolute;top: 50%;left:50%;transform: translateX(-50%);z-index: 3}
    .classify_box ul li{
        position:absolute;top:50%;left:10%;transform: translate(0,-50%);z-index: 2;
        padding: 2rem;text-align: justify;box-shadow:3px 4px 15px rgba(0, 0, 0, 0);width: 22rem;height: 18rem;border-radius:30px;
        background: #66666660;
        opacity:0;transition: 0.5s;}
    .classify_box ul li.act{opacity:1;z-index:3;}
    .classify_box ul li .tit{font-size: 2rem;margin-bottom: 1rem;color:#fff;}
    .classify_box ul li .desc{font-size: 1rem;line-height: 2rem;color:#fff;}
    .classify_box ul li .more{display: block;position: relative;color: #fff;margin-top: 1.5rem;}
    .classify_box ul li .more span{border-bottom: 2px solid #f1f1f1;padding-bottom: 0.5rem;}
    .classify_box ul:hover li {background: #fff;}
    .classify_box ul:hover li .tit{color: #e71f1d;}
    .classify_box ul:hover li .desc{color: #666;}
    .classify_box ul:hover li .more{color: #e71f1d;}
    .classify_box ul:hover li .more span {border-bottom: 2px solid #e71f1d;}
}


@media  screen and (max-width: 1000px){
    .classify_box .classify_swiper .swiper-slide {
        width:100%;
    }
    .classify_box .classify_swiper .swiper-slide img{
        display: block;
    }
    .classify_box .classify_swiper .btn {
        width:2.5rem;
        height:2rem;
        line-height: 2rem;
    }
    .classify_box .classify_swiper .btn i {font-size: 1rem;}
    .classify_box ul li{
        display: none;
        padding: 2rem 1rem;text-align: justify;box-shadow:3px 4px 15px rgba(0, 0, 0, 0);
        background: #c5c5c5;
        transition: 0.5s;}
    .classify_box ul li.act{display: block;}
    .classify_box ul li .tit{font-size: 1.5rem;margin-bottom: 1rem;color:#fff;}
    .classify_box ul li .desc{font-size: 1rem;line-height: 2rem;color:#fff;}
    .classify_box ul li .more{display: block;position: relative;color: #fff;margin-top: 1.5rem;}
    .classify_box ul li .more span{border-bottom: 2px solid #f1f1f1;padding-bottom: 0.5rem;}

    .classify_box .classify_swiper .navigation {
        width:95%;
    }
}






.index_products {width:100%;padding:0 0 2rem 0;background: #fff;position:relative;z-index: 9;overflow-x: hidden;}

.pro_list .product {
    width:100%;
    border: 1px solid #6969694f;
}
.pro_list .product:hover {
    box-shadow: 2px 2px 10px #909090;
}
.pro_list .product .pro_img {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.pro_list .product .pro_img img {
    width: 100%;
    display: block;
}
.pro_list .product p {
    transition: All 0.4s ease-in-out;
    font-size: 1rem;
    line-height: 2rem;
    height:2rem;
    color: #333;
    padding: 0 2%;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 1;
    overflow: hidden;
}

@media  screen and (min-width: 900px){
    .pro_box {
        display: flex;
        justify-content: space-between;
    }
    .pro_box .pro_left{
        width:18%;
    }
    .pro_box .pro_left{
        border-right: 1px solid #dedede;
    }
    .pro_box .pro_left ul li{
        position:relative;
        background: #f4f4f4;
        margin: 5px;
    }
    .pro_box .pro_left ul li:after{
        content:"";
        position:absolute;
        width:0;
        top:0;
        left:0;
        height:100%;
        background: linear-gradient(to right, #e71f1d, #e71f1d5c);
        transition:all .5s;

    }
    .pro_box .pro_left ul li.active:after{
        width:100%;
    }
    .pro_box .pro_left ul li.active .cate{
        color:#fff;
    }
    .pro_box .pro_left ul li .cate{
        position:relative;
        z-index:2;
        height:3.75rem;
        padding:0 1.2rem;
        color:#333;
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .pro_box .pro_left ul li .cate span{
        font-size: 1rem;
    }
    .pro_box .pro_left ul li i {
        font-size:1rem;
    }

    .pro_box .pro_right{
        width:81%;
        margin-left: 1%;
    }
}

@media  screen and (min-width: 1600px){
    .pro_list li {
        float: left;
        width:24.25%;
        margin-bottom: 1.6rem;
        margin-right: 1%;
    }
    .pro_list li:nth-child(4n) {
        margin-right: 0;
    }
    .pro_list li:nth-child(4n+1) {
        clear: both;
    }
}

@media  screen and (min-width: 1000px) and (max-width: 1600px){
    .pro_list li {
        float: left;
        width:32%;
        margin-bottom: 1.6rem;
        margin-right: 2%;
    }
    .pro_list li:nth-child(3n) {
        margin-right: 0;
    }
    .pro_list li:nth-child(3n+1) {
        clear: both;
    }
}

@media  screen and (min-width: 900px) and (max-width: 1000px){
    .pro_box .pro_left{
        width:22%;
    }
    .pro_box .pro_right{
        width:77%;
        margin-left: 1%;
    }
    .pro_list li {
        float: left;
        width:48%;
        margin-bottom: 1.6rem;
        margin-right: 4%;
    }
    .pro_list li:nth-child(2n) {
        margin-right: 0;
    }
    .pro_list li:nth-child(2n+1) {
        clear: both;
    }
}

@media  screen and (max-width: 900px){
    .pro_box {
    }
    .pro_box .pro_left{
    }
    .pro_box .pro_left ul li{
        width:48%;
        margin-right: 4%;
        position:relative;
        background: #f4f4f4;
        float: left;
        margin-bottom: 5px;
    }
    .pro_box .pro_left ul li:nth-child(2n){
        margin-right: 0;
    }
    .pro_box .pro_left ul li:after{
        content:"";
        position:absolute;
        width:0;
        top:0;
        left:0;
        height:100%;
        background: linear-gradient(to right, #e71f1d, #e71f1d00);
        transition:all .5s;
    }
    .pro_box .pro_left ul li.active:after{
        width:100%;
    }
    .pro_box .pro_left ul li.active .cate{
        color:#fff;
    }
    .pro_box .pro_left ul li .cate{
        position:relative;
        z-index:2;
        height:3rem;
        padding:0 0.5rem;
        color:#333;
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .pro_box .pro_left ul li .cate span{
        font-size:1rem;
    }
    .pro_box .pro_left ul li i {
        font-size:1rem;
    }

    .pro_box .pro_right{
        margin-top:0.5rem;
    }
    .pro_list li {
        float: left;
        width:48%;
        margin-bottom: 1rem;
        margin-right: 4%;
    }
    .pro_list li:nth-child(2n) {
        margin-right: 0;
    }
    .pro_list li:nth-child(2n+1) {
        clear: both;
    }
    .pro_list .product {
        width:100%;
        border: 1px solid #6969694f;
    }
    .pro_list .product:hover {
        box-shadow: 2px 2px 10px #909090;
    }
}





@media  screen and (min-width: 1000px){
    .index_about {
        position: relative;
        width:100%;
        z-index: 9;
        background: url('../images/index_about_bg.png');
        background-size:cover;
        margin: 2rem 0;
        overflow-x: hidden;
    }
    .index_about .title {
        margin-top: 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .index_about .title .cn {
        font-size: 3rem;
        font-weight: bold;
        color: #e71f1d;
        position: relative;
        z-index: 2
    }
    .index_about .title .en {
        color: transparent;
        -webkit-text-stroke-color: #c3c3c3;
        -webkit-text-stroke-width: 1px;
        font-size: 4rem;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
        opacity: .5
    }
    .index_about .desc {
        font-size: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 3rem;
        color: #9f9f9f;
    }

    .index_about .ab_box {
        display: flex;
        justify-content: space-between
    }

    .index_about .left {
        width:50%;
        padding-right: 2%;
    }
    .index_about .left .title {
        font-size: 2.5rem;
        color: #676767;
        font-weight: bold;
        border-bottom: 1px dashed #c1c1c1;
        line-height: 1;
        padding-bottom: 2rem
    }

    .index_about .left .content {
        margin-top: 2rem
    }
    .index_about .left .content p:nth-of-type(n+4) {
        display: none;
    }
    .index_about .left .content p {
        color: #666;
        font-size: 1rem;
        line-height: 2rem;
        text-align: justify;
        margin-bottom: 0.5rem;
    }

    .index_about .right {
        width:50%;
        padding-left:2%;
    }
    .index_about .right img{
        width:100%;
    }
    .index_about .more {
        margin-top: 2rem;
    }
}
@media  screen and (max-width: 1000px){
    .index_about {
        position: relative;
        width:100%;
        z-index: 9;
        background: url('../images/index_about_bg.png');
        background-size:cover;
        overflow-x: hidden;
    }
    .index_about .title {
        margin-top: 1rem;
    }
    .index_about .title .cn {
        font-size: 1.8rem;
        font-weight: bold;
        color: #e71f1d;
        position: relative;
        z-index: 2
    }
    .index_about .title .en {
        color: transparent;
        -webkit-text-stroke-color: #c3c3c3;
        -webkit-text-stroke-width: 1px;
        font-size: 2rem;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
        opacity: .5
    }
    .index_about .desc {
        font-size: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        color: #9f9f9f;
    }


    .index_about .left {
        width:100%;
    }
    .index_about .left .title {
        font-size: 1.2rem;
        color: #676767;
        font-weight: bold;
        border-bottom: 1px dashed #c1c1c1;
        line-height: 1;
        padding-bottom: 1rem
    }

    .index_about .left .content {
        margin-top: 1rem;
    }
    .index_about .left .content p:nth-of-type(n+4) {
        display: none;
    }
    .index_about .left .content p {
        color: #666;
        font-size: 1rem;
        line-height: 2rem;
        text-align: justify;
        margin-bottom: 0.5rem;
    }

    .index_about .right {
        display: none;
    }
    .index_about .more {
        margin: 2rem 0;
    }
}



@media  screen and (min-width: 1000px){
    .inside_banner {
        position: relative;
        width:100vw;
        overflow: hidden;
        height: 100vh;
        background: url(../images/index_fixed.jpg) center center / cover no-repeat;
        background-attachment: fixed;
        padding:5vh 0;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    .inside_banner:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
        background-color: #000;
        opacity: 0.5
    }
    .inside_banner .title {
        z-index: 5;
    }
    .inside_banner .tit {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        color:#fff;

    }
    .inside_banner .desc {
        margin-top: 2rem;
        font-size: 1.2rem;
        line-height: 2.4rem;
        color:#fff;
    }

    .inside_banner .ys_box {
        display: flex;
        align-items: center;
        z-index: 5;
    }
    .inside_banner .why_box2 {
        width: 32%;
        position: relative;
    }
    .inside_banner .why_box1,
    .inside_banner .why_box3 {
        width: 34%;
    }
    .inside_banner .why_img {
        margin: 0 auto 0;
        display: table;
        position: relative;
        border: 1px solid #e71f1d;
        border-radius: 50%;
        padding: 20px;
    }
    .inside_banner .why_img2 {
        animation: spin 5s linear infinite;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    @keyframes spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    .inside_banner .why_img img {
        border-radius: 50%;
        text-align: center;
        box-shadow: 0 0 40px #e71f1d;
        position: relative;
    }
    .inside_banner .why_box1 .why_ul li,
    .inside_banner .why_box3 .why_ul li {
        height:10rem;
    }
    .inside_banner .why_ul li:first-child{
        margin-bottom: 2rem;
    }
    .inside_banner .why_box1 .why_ul .fl:nth-child(1) {
        margin-right: 20px;
    }
    .inside_banner .why_box1 .why_ul .fl:nth-child(2) {
        width: 60%;
    }
    .inside_banner .why_box3 .why_ul li>div:nth-child(1) {
        margin-left: 20px;
    }
    .inside_banner .why_box3 .why_ul li>div:nth-child(2) {
        width: 60%;
        text-align: right;
    }
    .inside_banner .why_title {
        font-size: 1.5rem;
        line-height: 3.2rem;
        color: #ffffff;
    }
    .inside_banner .why_con {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #e3e3e3;
    }
    .inside_banner .why_ul li .img{
        width:100px;
        height:100px;
        border: 2px solid #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


@media  screen and (max-width: 1000px){
    .inside_banner {
        position: relative;
        width:100vw;
        overflow: hidden;
        background: url(../images/index_fixed.jpg) center center / cover no-repeat;
        background-attachment: fixed;
        padding:5vh 0;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    .inside_banner:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
        background-color: #000;
        opacity: 0.5
    }

    .inside_banner .title {
        z-index: 5;
    }
    .inside_banner .tit {
        font-size: 1.8rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        color:#fff;

    }
    .inside_banner .desc {
        margin: 1.5rem 0;
        font-size: 1rem;
        line-height: 2rem;
        color:#fff;
    }

    .inside_banner .ys_box {
        z-index: 5;
    }
    .inside_banner .ys_box .why_box1 .why_ul,.inside_banner .ys_box .why_box3 .why_ul{
        display: flex;
    }
    .inside_banner .ys_box .why_box2 {
        width:80%;
        margin: 0 auto;
        position: relative;
    }
    .inside_banner .why_img {
        margin: 0 auto 0;
        display: table;
        position: relative;
        border: 1px solid #e71f1d;
        border-radius: 50%;
        padding: 20px;
    }
    .inside_banner .why_img2 {
        animation: spin 5s linear infinite;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    @keyframes spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    .inside_banner .why_img img {
        border-radius: 50%;
        text-align: center;
        box-shadow: 0 0 40px #e71f1d;
        position: relative;
    }
    .inside_banner .why_box1 .why_ul li,
    .inside_banner .why_box3 .why_ul li {
        width:50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .inside_banner .why_title {
        font-size: 1.5rem;
        line-height: 3.2rem;
        color: #ffffff;
    }
    .inside_banner .why_con {
        width:90%;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #e3e3e3;
        margin: 0 auto;
    }
    .inside_banner .why_ul li .img{
        width:6rem;
        height:6rem;
        border: 2px solid #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .inside_banner .why_ul li .img img{
        width:3rem;
        height:3rem;
    }
}




@media  screen and (max-width: 1000px){

}


.index_case {
    position: relative;
    width:100%;
    padding:2rem 0;
    background: url(../images/case_bg.jpg);
    background-size:100% 100%;
    overflow: hidden;
}
.index_case .box{
    position: relative;
    padding: 3rem 0;
}
.index_case .case_list .column {
    position: absolute;
    overflow: hidden;
    box-shadow: 0 3px 1rem rgba(0, 0, 0, .1);
    background-color:#fff;
}
.index_case .case_list .column {
    width: 10rem;
    height: 10rem;
    border-radius: 5rem;
}
.index_case .case_list .column:hover {
    overflow: auto;
    width:20rem;
    height:20rem;
    border-radius: 10rem;
}
.index_case .case_list .column:hover:after {
    content: attr(data-tit);
    position: absolute;
    width:100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color:#e71f1d;
    font-size: 1.2rem;
    font-weight: 600;
}
.index_case .case_list .column img{
    height:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.index_case .case_list .column:hover img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

@media  screen and (max-width: 1000px){
    .index_case .case_list .column {
        width: 8rem;
        height: 8rem;
        border-radius: 4rem;
    }
    .index_case .case_list .column:hover {
        overflow: auto;
        width:16rem;
        height:16rem;
        border-radius: 8rem;
    }
}




.index_news{position: relative;width:100%;z-index: 9;background: #fff;padding: 2rem 0;overflow-x: hidden;}

@media  screen and (min-width: 768px){
    .index_news .box {display: flex;margin-top: 30px;}
    .index_news .news_item{width:25.25%;margin-right:1%;border-right:1px solid #e1e1e1;padding-right: 1%;}
    .index_news .news_item:last-child {
        margin-right: 0;
        padding-right: 0;
        border:0;
        width:24.25%;
    }
    .index_news .news_item .img{width: 100%;overflow: hidden;transition: all .3s;position:relative;}
    .index_news .news_item .img img{width: 100%;transition: all .3s;}
    .index_news .news_item .wz{position: relative;padding:1.25rem 0;}
    .index_news .news_item .wz h3{font-size: 1.2rem;line-height: 2.4rem;
        overflow: hidden; color: #000;margin-bottom: 1.25rem;transition: all .3s;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;

    }
    .index_news .news_item .wz .time{font-size: 1rem;color: #595353;margin-bottom: 1rem;}
    .index_news .news_item .wz p{font-size: 0.9rem;line-height: 1.8rem;height:3.6rem; overflow: hidden;color: #595353;margin-bottom: 1rem;transition: all .3s;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}


    .index_news .news_item:hover .wz h3{color: #e71f1d;}
    .index_news .news_item:hover .wz .time,.index_news .news_item:hover .wz p{color:#e71f1d;}
}

@media  screen and (max-width: 768px){
    .index_news .box {margin-top: 2rem;}
    .index_news .news_item {margin-bottom: 0.5rem;padding-bottom: 0.25rem;border-bottom:1px solid #e1e1e1;}
    .index_news .news_item a{display: flex;}
    .index_news .news_item .img{width: 45%;overflow: hidden;transition: all .3s;position:relative;padding-right: 2%;}
    .index_news .news_item .img img{width: 100%;transition: all .3s;}
    .index_news .news_item .wz{width: 55%;position: relative;}
    .index_news .news_item .wz h3{font-size: 1rem;
        overflow: hidden; color: #2f2f2f;margin-bottom: 0.3rem;transition: all .3s;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .index_news .news_item .wz .time{font-size: 0.9rem;color: #595353;margin-bottom: 0.5rem;}
    .index_news .news_item .wz p{font-size: 0.8rem;line-height: 1.6rem;height:3.2rem; overflow: hidden;color: #595353;margin-bottom: 0.3rem;transition: all .3s;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
}