/*common css*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,div,tr,td,p{margin:0;padding:0; list-style:none;}
body{ position:relative;font-family:"microsoft yahei", Arial, Helvetica, sans-serif;font-size: 16px;}
a{ color:#333; text-decoration:none}
table{border-collapse:collapse;border-spacing:0;}
img{ border:none;max-width: 100%;}
.C{ clear:both}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}
.left{float:left}
.right{ float:right}
div:after,ul:after,li:after{
    content:'\20'; display:block; height:0; clear:both; 
}
a:hover, a:visited, a:link, a:active {
    text-decoration: none;
    color: none;
}
.slick-dots{
    bottom: 4%;
}
.slick-dots li{
    margin: 0 2px;
}
.slick-dots li button:before{
    font-size: 40px;
    color: #A0A0A0;
    opacity: 1;
}
.slick-dots li.slick-active button:before{
    color: #DD2828;
}
.section4 .responsive3 .slick-next:before,.section4 .responsive3 .slick-prev:before{
    display: none;
}
.page_box{
    text-align: center;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #262626;
    border-color: #262626;
}
.pagination > li > a, .pagination > li > span{
    color: #262626;
    background-color: #f0f0f0;
}
.pagination > li{
    float: left;
}
.pagination{
    margin: 50px 0 0;
}
@media (min-width: 1000px){
    .container {
        width: 1000px;
    }
}
@media (min-width: 1440px){
    .container {
        width: 1200px;
    }
}

@media(max-width:767px){
    .pagination > li > a, .pagination > li > span{
        padding: 3px 9px;
    }
}