.newsPic{
    position: relative;
    width: 100%;
    padding-bottom: 55px;
}
.newsPic .swiper {
    width: 100%;
    height: 100%;

   
}
.newsPic .swiper img{
    width: 100%;
}

.newsPic .swiper-pagination-bullet{ width:12px; height:12px; border-radius:12px; transition:all linear .2s;background:#ffffff;border: 1px solid #c6000b}

.newsPic .swiper-pagination-bullet-active{  background:#c6000b;}


.tit{
    display: inline-block;
    font-size: 22px;
    line-height: 2.5;
    background: #c6000b;
    color: #ffffff;
    position: relative;
    margin: 35px 0;
    padding: 0 35px  0  25px;
}
.tit::after{
    position: absolute;
    content: '';
    height: 50%;
    width: 2px;
    background: #ffffff;
    right: 15%;
    top: 25%;
}

.newsList ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.newsList ul li{
    width: 49.5%;
    margin-top: 15px;
}
.newsList ul li .title{
    position: relative;
    font-size: 16px;
    line-height: 2;
    margin-left: 4%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.newsList ul li .title::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #c6000b;
    left: 0px;
    top: 50%;
    margin-top: -5px;
}
.newsList ul li .box{width: 100%;display: flex;justify-content: space-between;background: #eeeeee;overflow: hidden;  max-height: 233px;}
.newsList ul li .desc{
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsList ul li .desc div{color: #787878;line-height: 2;overflow: hidden;height: 60%;width: 80%;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;}
.newsList ul li .pic{
    width: 50%;
    overflow: hidden;
    height: 100%;

}
.newsList ul li .pic img{
    width: 100%;
    height: 100%;
   display: block;
}
.page  ul{
    background: #eeeeee;
    width: 80%;
    margin: 0px auto;
    padding: 15px  10px;
    margin-top: 15px;
}
.page ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page ul li{
    margin: 0 10px;
}
.page ul li a{
    font-size: 15px;
    color: #595959;
}

.page ul li.active{
    border: 1px solid #c6000b;
    padding: 0  6px;
}


.rongYuPic{
    position: relative;
    width: 100%;
    padding-bottom:75px;
}
.rongYuPic .swiper {
    width: 100%;
    height: 100%;

   
}
.rongYuPic .swiper img{
    width: 100%;
}

.rongYuPic .swiper-slide{
    position: relative;
}
.rongYuPic .swiper-slide  .bt{
    position: absolute;
    font-size: 18px;
    color: #ffffff;
    line-height: 2;
    top: 15%;
    left: 10%;
    width: 70%;
}

.rongYuPic .swiper-slide  .date{
    position: absolute;
    bottom: 20%;
    right: 20%;
    font-size: 18px;
    color: #ffffff;
}

.rongYuPic .ico{
    width: 35px;
    height: 35px;
    background: #ffffff;
    border-radius: 100%;
    text-align: center;
    line-height: 35px;
    color: #c6000b;
    position: absolute;
    bottom: 10%;
    right: 20%;
    font-size: 18px;
}



.rongYuPic  .pf{
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;


}

.rongYuPic .swiper-pagination{
    position: static;
    width:auto;

}



.rongYuPic .swiper-pagination-bullet{ 
    width:12px; height:12px; border-radius:12px;
     transition:all linear .2s;
      background:#8b8b8b;

}

.rongYuPic .swiper-pagination-bullet-active{ 
    background:#c6000b; width:32px;
    margin-left: 15px;

}


.rongYuPic .swiper-button-next{
    background:url("../images/img4/left.jpg") center center no-repeat;
    width: 31px;
    height: 55px;
    position: static;
    margin: 0;
    margin: 0 15px;
}
   
   
   
.rongYuPic .swiper-button-prev{

    background:url("../images/img4/right.jpg") center center no-repeat;
    width: 31px;
    height: 55px;
    position: static;
    margin: 0;
    margin: 0 15px;
}


.appLun{
    background: #f1f1f1;
    overflow: hidden;
    padding: 100px 0;
}
.appLun ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 70%;
    margin: 10px auto;
}
.appLun ul li{
    width: 23%;
    background: #ffffff;
    border-radius: 5px;
    padding: 15px  0;
}
.appLun ul li .pic{
    width: 70px;
    height: 70px;
    border: 2px solid #848484;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    border-radius: 100%;

}
.appLun ul li .pic img{
    display: block;
    width: 60%;
}

.appLun ul li p{font-size: 22px; color: #848484;text-align: center;line-height: 3;}
.appLun ul li .pic .show{
    display: block;
}
.appLun ul li .pic .hide{
    display: none;
}

.appLun ul li:hover .show{
    display: none;
}
.appLun ul li:hover .hide{
    display: block;
}
.appLun ul li:hover{
    background: #c6000b;
}
.appLun ul li:hover p{
    color: #ffffff;
}
.appLun ul li:hover .pic{
    border: 2px solid #ffffff;
    background: #ffffff;
}


.howDos{
    background: url(../images/img4/bg2.jpg) center top no-repeat;
    background-size:cover;
    padding: 95px 0;
}

.howDoTit{
    display: flex;
    justify-content: center;
}
.howDoTit h1{
    position: relative;
    font-size: 35px;
    color: #c6000b;
    padding-bottom: 15px;
}
.howDoTit p{
    text-align: center;
    font-size: 18px;
    line-height: 3;
}

.howDos ul{
    width: 80%;
	max-width: 1360px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.howDos li{width: 48%;margin:120px 0;background: #ffffff;border-radius: 10px;}
.howDos li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.10);}
.howDos li a{
    padding: 15px;
    display: block;
}

.howDos li .title{color: #131212;font-size: 24px; font-weight: 600;line-height: 80px;}
.howDos li  .desc{font-size: 17px;color: #787878;line-height: 1.8;height: 88px;margin-top: 10px;}
.howDos li:hover .title{color: #c6000b;}

.xiTong{
    margin: 80px 0;
}
.xiTong  ul{
    width: 80%;
    margin: 10px auto;
}
.xiTong  ul  li{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    flex-wrap: wrap;
}
.xiTong  ul  li .col{
    padding: 10px 0;
}


.xiTong  ul  li .col:nth-child(1){
    background: #e8e8e8;
    border-radius: 5px 0 0 5px;
     display: flex;
    align-items: center;
    justify-content:center;
    width: 15%;
    font-size: 20px;
}

.xiTong  ul  li .col:nth-child(2){
    background: #e8e8e8;
     display: flex;
    align-items: center;
    justify-content:center;
    width: 50%;
    text-align: center;
}
.xiTong  ul  li .col:nth-child(2) p:nth-child(1){
    font-size: 22px;
    line-height: 2;
}

.xiTong  ul  li .col:nth-child(3){
    background: #e8e8e8;
    border-radius: 0px 5px 5px 0px;
    width: 34%;
    text-align: left;
    text-indent: 22px;
    line-height: 2;
    font-size: 15px;
}
.xiTong  ul  li:hover .col{
    background: #c6000b;
    color: #ffffff;
}


.zhenFeng{

    background: url(../images/img4/bg3.jpg) center top no-repeat;
    background-size:cover;
    padding: 95px 0;
}

.zhenFeng ul{
    display: flex;
    width: 70%;
    margin: 0px auto;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zhenFeng ul li{
    width: 45%;
    margin: 50px 0;
    background: #ffffff;
    border-radius: 10px;
    padding: 25px 0;
}
.zhenFeng ul li .title{
    width: 60%;
    margin-left: 10%;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #c6000b;
    padding-bottom: 10px;
}
.zhenFeng ul li .title p{font-size: 24px;font-weight: 600; margin-left: 10px;}

.zhenFeng ul li .show{
    display: block;
}
.zhenFeng ul li .hide{
    display: none;
}
.zhenFeng ul li .desc {
    width: 80%;
    margin-left: 10%;

    min-height: 58px;
    margin-top: 15px;
}

.zhenFeng ul li .desc p{
    line-height: 1.7;
    font-size: 18px;
    color: #787878;
}


.zhenFeng ul li:hover  .show{
    display: none;
}
.zhenFeng ul li:hover  .hide{
    display: block;
}
.zhenFeng ul li:hover  .title {
    color: #c6000b;
}

.newdetail{}
.newdetail .breadcrumb{display: inline-block; margin-top: 50px; padding: 20px 30px; background: #d61019; font-size: 1.25rem; color: #fff;  font-weight: 600;}
.newdetail .breadcrumb a{font-size: 1.25rem; color: #fff;  font-weight: 600;}

.newdetail .main{width: 70%; margin: 80px auto 60px;}
.newdetail .main h2{font-size: 1.875rem; font-weight: 600; width: 80%; margin: 0 auto;}
.newdetail .main .shijian {margin: 20px 0; font-size: 16px;color: #727272;line-height: 55px; text-align: center;}
.newdetail .main .shijian .one {background: url(../images/img4/wicon34.png) 0 center no-repeat;padding-left: 32px; margin-right: 50px;}
.newdetail .main .shijian .two {background: url(../images/img4/wicon35.png) 0 center no-repeat;padding-left: 32px;}
.newdetail .main .neirong{margin: 50px auto; font-size: 20px; line-height: 35px;}
.newdetail .main .neirong p{margin-bottom: 36px;}
.newdetail .main .neirong img{max-width: 100%; }
.newdetail .post-navigation {overflow: hidden;margin: 10px 0 0;padding: 20px 0;}
.newdetail .post-navigation div { max-width: 40%; padding: 8px 20px; background-color: #c4c4c4; color: #fff; position: relative;display: block; white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis; }
.newdetail .post-navigation div:hover {background-color: #dc253b;}
.newdetail .post-navigation div a {color: #fff;font-size: 18px; font-weight: 600;}
.newdetail .post-previous {float: left;text-align: left;}
.newdetail .post-next {float: right;text-align: right;}

.newdetail .fanhui{text-align: center; margin-top: 60px;}
.newdetail .fanhui a{padding: 10px 50px; background: #dc253b; font-size: 22px; color: #fff; font-weight: 600;}

@media screen and (max-width: 768px) {
    .tit{
        display: inline-block;
        font-size: 1rem;
        line-height: 2.5;
        background: #c6000b;
        color: #ffffff;
        position: relative;
        margin: 15px 0;
        padding: 0 35px  0  25px;
    }

    .newsPic{
        position: relative;
        width: 100%;
        padding-bottom: 35px;
    }

    .newsList ul li{
        width: 100%;
    }
    .newsList ul li .desc div {line-height: 22px;height: 60%;width: 85%; font-size: 12px;}
    .newsList ul li .box{
        width: 100%;
        display: flex;
        justify-content: space-between;
        background: #eeeeee;
        overflow: hidden;
        height: 105px;
    }

    .page  ul{
        background: #eeeeee;
        width: 100%;
        margin: 0px auto;
        padding: 5px  5px;
        margin-top: 15px;
    }
    .page ul{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page ul li{
        margin: 0 7px;
    }
    .page ul li a{
        font-size: .875rem;
        color: #595959;
    }
    
    .page ul li.on{
        border: 1px solid #c6000b;
        padding: 5px  5px;
    }
    

    .rongYuPic .swiper-slide  .bt{
        position: absolute;
        font-size: .875rem;
        color: #ffffff;
        line-height: 2;
        top: 15%;
        left: 10%;
        width: 70%;
    }
    
    .rongYuPic .ico{
        width: 25px;
        height: 25px;
        background: #ffffff;
        border-radius: 100%;
        text-align: center;
        line-height: 25px;
        color: #c6000b;
        position: absolute;
        bottom: 5%;
        right: 20%;
        font-size: 1rem;
    }
.rongYuPic {padding-bottom: 40px;}
.rongYuPic .swiper-button-prev {display: none;}
.rongYuPic .swiper-button-next {display: none;}



    .appLun{
        background: #f1f1f1;
        overflow: hidden;
        padding: 2rem 0;
    }
    .appLun ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        margin: .2rem auto;
    }
    .appLun ul li{
        width: 48%;
        background: #ffffff;
        border-radius: 5px;
        padding: 15px  0;
        margin: .325rem 0;
    }
    .appLun ul li .pic{
        width: 4.375rem;
        height: 4.375rem;
        border: 2px solid #848484;
        margin: 0.625rem auto;

    
    }
    .appLun ul li .pic img{
        display: block;
        width: 60%;
    }
    
    .appLun ul li p{
        font-size: .9375rem;
        color: #848484;
        text-align: center;
        line-height: 3;
    }










    .howDos{
        padding: 3rem 0;
    }

    .howDos ul{
        margin-top: 1rem;
    }

    .howDoTit h1{
        position: relative;
        font-size: 1rem;
        color: #c6000b;
        padding-bottom: .9375rem;
    }

    .howDos li{
        width: 100%;
        margin: .4375rem 0;
        background: #ffffff;
        border-radius: 10px;
    }
    
    .howDos li a{
        padding: .9375rem;
        display: block;
    }
    
    .howDos li .title{
        color: #131212;
        font-size: 1rem;
        line-height: 2;
    }
    
    .howDos li  .desc{
        font-size: .875rem;
        color: #787878;
        line-height: 1.8;
        height: auto;
        margin-top: 10px;
    }

    .howDoTit p{
        font-size: .8rem;
    }

.xiTong{
        margin: 0.9375rem 0;
    }
    .xiTong  ul{
        width: 100%;
        margin: .6rem auto;
    }
    .xiTong  ul  li{
        display: flex;
        justify-content: space-between;
        margin-top: .7rem
    }
    .xiTong  ul  li .col{
        padding: .65rem 0;
    }
    
    
    .xiTong  ul  li .col:nth-child(1){
    
        font-size: 0.875rem;
    
    }
    

    .xiTong  ul  li .col:nth-child(2) p:nth-child(1){
        font-size: 1.125rem;
        line-height: 2;
    }
    
    .xiTong  ul  li .col:nth-child(3){

        text-indent: 1rem;
        line-height: 2;
        font-size: .875rem;
    }


    .xiTong  ul  li .col:nth-child(1){
 
        width:25%;
       
    }
    
    .xiTong  ul  li .col:nth-child(2){
     
        width: 73%;
    
    }


    .xiTong  ul  li .col:nth-child(3){
     
        width: 100%;
        margin-top:.5rem
    
    }





    .zhenFeng{
        padding: 1rem 0;
    }
    
    .zhenFeng ul{
        width: 100%;
    }
    .zhenFeng ul li{
        width: 49%;
        margin: 1rem 0;
        background: #ffffff;
        border-radius: .625rem;
        padding: .5rem 0;
    }

    .zhenFeng ul li .title p{
        font-size: 1rem;
        margin-left: .625rem;
    }
    

    .zhenFeng ul li .desc {
        width: 80%;
        margin-left: 10%;
    
        min-height: 3.625rem;
        margin-top: .9rem;
    }
    
    .zhenFeng ul li .desc p{
        font-size: .875rem;
    }
    
.newdetail{}
.newdetail .breadcrumb{margin-top: 1.875rem;padding: 0.9375rem 1.25rem;font-size: 1rem;}
.newdetail .breadcrumb a{font-size: 1rem; color: #fff;  font-weight: 600;}

.newdetail .main{width: 95%; margin: 1.875rem auto 1.25rem;}
.newdetail .main h2{font-size: 1.25rem; font-weight: 600; text-align: left; width: 100%; margin: 0 auto;}
.newdetail .main .shijian {margin: 1.25rem 0; font-size: 0.875rem;line-height: 1.75rem; }
.newdetail .main .shijian .one {padding-left: 2rem; margin-right: 1.25rem;}
.newdetail .main .shijian .two {padding-left: 2rem;}
.newdetail .main .neirong{margin: 1.3rem auto;font-size: 14px;line-height: 1.8rem;}
.newdetail .main .neirong p {margin-bottom: 15px; }
.newdetail .main .neirong img{max-width: 100%;}
.newdetail .post-navigation {overflow: hidden;margin: 0.625rem 0 0;padding: 1.25rem 0;}
.newdetail .post-navigation div { max-width: 100%; padding: 0.5rem 1.25rem; margin: 5px 0;}
.newdetail .post-navigation div:hover {background-color: #dc253b;}
.newdetail .post-navigation div a {color: #fff;font-size: 14px; font-weight: 600;}
.newdetail .post-previous {float: left;text-align: left;}
.newdetail .post-next {float: left;text-align: left;}

.newdetail .fanhui{text-align: center; margin: 1.25rem 0;}
.newdetail .fanhui a{padding: 0.625rem 3.125rem; background: #dc253b; font-size: 1rem; }










    
}