#pagination-input{ width:40px; height:24px; line-height:18px; margin:0 5px; padding:0; overflow:hidden; border:1px solid #ccc;}
#page_div .pagination-index,#page_div .pagination-num{color: #666666;border: 1px #b2b2b2 solid;padding:5px 12px;margin-right:6px;text-align:center;font-size:14px;}
#page_div .pagination-index a, #page_div .pagination-num a{padding:0px; margin:0px;text-align:center;  color:#666666; display:block; font-size:14px;  }
#page_div pagination-num:hover, #page_div{padding:0px; margin:0px;text-align:center; font-size:14px;}
#page_div .pagination_index_last{width:260px; float:right; text-align:right; margin:0 auto;}

#page_div a.hover{background-color: #257295;color:#fff;font-size:14px;}
#page_div a.hover a:hover{ color:#fff;}
.page_num{padding-top:25px; padding-bottom:20px;height:auto;overflow:hidden;width:96%;margin:auto;font-size:14px; clear: both;}
.newspage{/* height:30px; */color:#000;margin:0 auto;line-height: 30px;}

.newspage li{ color: #104c6e; 
margin-right:2px; float: left;text-align:center; font-size:12px;}
.newspage li a{padding:0px; margin:0px;text-align:center;  color:#666666; display:block; font-size:12px;padding:0px 8px; border: 1px #b2b2b2 solid; }
.newspage li a:hover{color:#cc0001; font-size:12px;}

#page_div div.page_loca{ background-color:#104c6e;}
#page_div div.page_loca a{ color:#fff; font-size:12px;}
#page_div div.page_loca a:hover{ color:#fff;}

#page_div .pagination_index_last{border: none; width: auto; float: left; text-align: left;}
#page_div .pagination_index_last .page_a_tz{ border: 1px #b2b2b2 solid; padding:3px 8px;}
#pagination_input{ width:20px; height:16px; line-height:16px; margin:0 8px; padding:0; overflow:hidden; border:1px solid #ccc;}
div.zxf_pagediv{
text-align: center;
color: #999999;
padding: 20px 20px 40px 0;
}
div.zxf_pagediv a{
text-decoration: none;

}
div.zxf_pagediv span,div.zxf_pagediv a{
display: inline-block;
box-sizing: border-box;
}
.current{
display: inline-block;
color: #ffffff;
background: #257295;
width: 40px;
height: 25px;
line-height: 25px;
border-radius: 3px;
}
.zxfPagenum{
display: inline-block;
color: #666;
background: #fff;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 5px;
border-radius: 3px;
}
.nextpage{
margin: 0 5px;
}
.nextbtn,.prebtn,span.disabled{
display: inline-block;
color: #666;
background: #fff;
width: 66px;
height: 25px;
line-height: 25px;
border-radius: 3px;
}
.zxfinput{
width: 50px;
height: 25px;
text-align: center;
box-sizing: border-box;
border: 1px solid #E6E6E6;
margin: 0 12px;
border-radius: 3px;
color: #666;
}
.zxfokbtn{
display: inline-block;
width: 48px;
height: 25px;
line-height: 25px;
border: 1px solid #E6E6E6;
margin-left: 10px;
cursor:pointer;
border-radius: 3px;
background: #fff;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]{
-moz-appearance: textfield;
}

.show_list li{
width: auto;
}
.show_list li dt{
padding-left: 16px;
}

.show_list li dt i{
display: none;
}



/* H5 */

@media screen and (max-width:1024px){
    .container {
        width: 100%;
    }
    .w700{
        width: 100%;
    }

    .title>a{
        margin: 30px 2%;
    }


    .listimg{
        height: auto;
        overflow: auto;
        }
    
        .listimg li{
        width: 49%;
        height: 23vh;
        margin: 10px 0.5%;
        margin-left: 0 !important;
        }
    
        .listimg li p{
        margin: 10px;
        }
    
        .listimg li a img{
        width: 100%;
        height: 18vh;
        }
    
        #boxshow{
        margin: 20px 0;
        }
    
        .toPage{
        width: auto;
        }
    
        .pagesbox{
        width: auto;
        }
    
        .page-elem-field-root{
        display: block;
        }


}





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

    .title>a{
        margin: 0;
        width: 110px;
    }
    .w700{
    width: 100%;
    }

    .listimg{
    height: auto;
    overflow: auto;
    }

    .listimg li{
    width: 100%;
    height: 38vh;
    margin-bottom: 10px;
    margin-left: 0 !important;
    }

    .listimg li p{
    margin: 10px;
    }

    .listimg li a img{
    width: 100%;
    height: 34vh;
    }

    #boxshow{
    margin: 20px 0;
    }

    .toPage{
    width: auto;
    }

    .pagesbox{
    width: auto;
    }

    .page-elem-field-root{
    display: block;
    }

}





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

    .title>a{
        margin: 0;
        width: 114px;
    }
    .w700{
    width: 100%;
    }

    .listimg{
    height: auto;
    overflow: auto;
    }

    .listimg li{
    width: 100%;
    height: 34vh;
    margin-bottom: 10px;
    margin-left: 0 !important;
    }

    .listimg li p{
    margin: 10px;
    }

    .listimg li a img{
    width: 100%;
    height: 25vh;
    }

    #boxshow{
    margin: 20px 0;
    }

    .toPage{
    width: auto;
    }

    .pagesbox{
    width: auto;
    }

    .page-elem-field-root{
    display: block;
    }

}




@media screen and (max-width:375px){
    .listimg{
    height: auto;
    overflow: auto;
    }

    .listimg li{
    width: 100%;
    height: 33vh;
    margin-bottom: 10px;
    margin-left: 0 !important;
    }

    .listimg li a img{
    width: 100%;
    height: 23vh;
    }

    .toPage{
    width: auto;
    }

    .pagesbox{
    width: auto;
    }


    .title>a{
        width: 110px;
    }

}



@media screen and (max-width:360px){
    .listimg{
    height: auto;
    overflow: auto;
    }

    .listimg li{
    width: 100%;
    height: 33vh;
    margin-bottom: 10px;
    margin-left: 0 !important;
    }

    .listimg li a img{
    width: 100%;
    height: 23vh;
    }

    .toPage{
    width: auto;
    }

    .pagesbox{
    width: auto;
    }


    .title>a{
        width: 100px;
    }

    .title>a.zc5{
        width: 110px;
    }
}




@media screen and (max-width:320px){
    .listimg{
    height: auto;
    overflow: auto;
    }

    .listimg li{
    width: 100%;
    height: 33vh;
    margin-bottom: 10px;
    margin-left: 0 !important;
    }

    .listimg li a img{
    width: 100%;
    height: 23vh;
    }

    .toPage{
    width: auto;
    }

    .pagesbox{
    width: auto;
    }


    .title>a{
        width: 95px;
    }

    .title>a.zc5{
        width: 110px;
    }

    .title>a.zc6{
        width: 83px;
    }
}
.pages{height: auto;}