.new-list ul li span{
      
            float: right;}



  .roll-box {
            width: 100%;
            overflow: hidden;
            padding: 80px 0;
            max-width: 1400px;
            margin: 0 auto;
            cursor: pointer;}


        .roll-box img {
            display: block;
            height: 530px;
            width: auto;
            margin-left: 0;}
        .roll-tit h3{
            font-size: 24px;
            color: #b5282e;
            margin-bottom: 50px;
            padding-left: 20px;}


@media screen and (max-width: 1366px){
.s4-right>ul>li,.s4-right>ul>li a img{
height:304px !important ;}
}

@media screen and (max-width: 1200px){
    .s5-main ul li{
        width: 24%;
        margin: 0 5px;}
}
@media screen and (max-width: 1024px){

        .roll-tit h3{
         font-size: 20px;
            margin-bottom: 20px;}
        .roll-box{
            padding: 50px 0;}


    .ggtit-h2{
        line-height: 45px;}
    .ggtit-h2 span{
        font-size: 20px;}
    .ggtit-h22{
        line-height: 65px;}
       .new-switch{
    float: none;
    width: 100%;}
   .new-list{
    float: none;
    width: 100%;
    margin-top: 20px;}

    .new-switch .slideBox ul li a p{
        font-size: 14px;}
    .new-list ul li a{
        line-height: 40px;
        font-size: 14px;}
    .hot-new .new-list ul li a{
        line-height: 35px;
        font-size: 14px;}
    .dsll>ul li{
        width: 33%;
        margin: 10px 0;
        padding: 10px;}
    .dsll>h2{
        line-height: 45px;}
    .dsll>h2 span{
        font-size: 24px;}
    .dsll>h2>img{
        height: 45px;}
    .dsll>h2>a{
        font-size: 14px;}
    .s4-left ul li a{
        line-height: 32px;}

    .img-lists ul li{
        width: 30%;
        margin: 35px 1.5% 0 1.5%;
        min-height: 234px;}
    .img-lists ul li a>div p{
        font-size: 14px;}
    .img-lists ul li a>div img{
        height: 12px;}
    .img-lists ul li a>div span{
        font-size: 12px;}

    
    .cont-tit{
        padding: 0 0 15px 0;}
    .cont-tit h3{
        font-size: 20px;}

.s4-right>ul>li,.s4-right>ul>li a img{height: 210px !important;}
}
@media screen and (max-width: 768px){
        .roll-tit h3{
         font-size: 16px;
            margin-bottom: 20px;}
        .roll-box{
            padding: 30px 0;}
    .section{
        padding-left:  15px;
        padding-right: 15px;}
    .section2{
        padding-bottom: 40px;}
   .new-switch{
    float: none;
    width: 100%;}
   .new-list{
    float: none;
    width: 100%;
    margin-top: 20px;}
   .new-switch .slideBox ul li a p{
    font-size: 12px;
    padding-right: 100px;}
   .new-switch .slideBox .hd{
       bottom: 18px;
       right: 10px;}
   .new-switch .slideBox .hd ul li{
       width: 8px;
       height: 8px;
       margin: 0 3px;}
   .ggtit-h2 span{
       font-size: 16px;}
   .s2-top>div{
       float: none;
       width: auto;}
   .s2-top>div.s2-left{
       margin-top: 20px;}
   .dsll>ul li{
       width: 45%;
    margin: 5px 2.5%;
    box-shadow: 0 0 5px rgba(203, 28, 29, 0.2);}
.dsll>ul li a h3{
    font-size: 14px;}
.dsll>ul li a h3 span{
    font-size: 12px;}
.dsll>ul li a p{
    font-size: 12px;}
.dsll>ul li a>span{
    font-size: 12px;}
.dsll>h2{
    line-height: 35px;
    padding:20px 0;}
.dsll>h2>span{
    font-size: 20px;}
.dsll>h2>img{
    height: 35px;}

.section3{
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;}

.s4-main>div{
    float: none;
    width: auto;}
.section4 .dsll>h2{
    padding: 20px 0 20px 0;}
.s4-lbody{
    padding: 15px 15px 0 15px;}
.s4-lbody>div{
    margin-top: 0;}
.s4-lbody>div ul{
    padding: 15px 0;}
.s4-right>ul{
    padding: 15px;}
.s5-main{
    margin-top: 20px;}
.section5 h2{
    line-height: 20px;}
.s6-main{
    margin-top: 20px;}
.img-lists ul li{
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    min-height: auto;
    padding: 0 10px;
    margin: 10px 0;}
.img-lists ul li a>div p{
    font-size: 12px;}


.text-lists{
    padding: 30px 30px 0 30px;}
.text-lists .text-ul li a{
    font-size: 14px;}
.text-lists .text-ul li span{
    font-size: 14px;}


.art-content {
    padding: 30px 30px 0 30px;}
.cont-tit{
    padding: 0 0 10px 0;}
.cont-tit h3{
    font-size: 18px;}
.cont-tit p img{
    height: 14px;}
.cont-tit p span{
    font-size: 14px;}
.cont-body p{
    font-size: 14px;}



}
@media screen and (max-width: 568px){
.new-switch .slideBox ul li a img{
height:255px
;}
.s4-right>ul>li{width:46%;}
}
@media screen and (max-width: 480px){
    .hot-new{
        padding: 0;}
    .ggtit-h2{
        line-height: 35px;}
    .ggtit-h2 span{
        font-size: 14px;}
    .ggtit-h2 a{
        font-size: 12px;}
    .dsll>h2{
        line-height: 30px;
        padding:15px 0;}
    .dsll>h2>span{
        font-size: 16px;}
    .dsll>h2>img{
        height: 30px;}
    .dsll>h2>a{
        font-size: 12px;}
    .dsll>ul{
        padding: 15px 5px;}
    .section3{
        padding-bottom: 20px;}
    .s4-right>ul>li{
        width:100%;
        margin-left: 2%;
        margin-right: 2%;
        height:auto !important;
     }
.s4-right>ul>li a img{height:auto !important;}

    .text-lists{
        padding: 15px 15px 0 15px;}
    .text-lists .text-ul li a{
        font-size: 12px;}
    .text-lists .text-ul li span{
        width: 80px;
        font-size: 12px;}
    .text-lists .text-ul li span::after {
        height: 12px;}


    .art-content {
        padding: 30px 15px 0 15px;}
    .cont-tit{
        padding: 0 0 10px 0;}
    .cont-tit h3{
        font-size: 14px;}
    .cont-tit p img{
        height: 12px;}
    .cont-tit p span{
        font-size: 12px;}
    .cont-body p{
        font-size: 12px;
        line-height: 30px;
        margin: 10px 0;}
    .cont-tit p .liulan{
        margin-left: 20px;}

}