
/*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;}
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}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div:after,
ul:after,
dl:after {
    content: '';
    display: block;
    clear: both;
}
.slick-slider{
    margin-bottom: 0 !important;
}
.slick-dots{
    bottom: 15px;
    z-index: 1000;
}
.slick-dots li button:before{
    opacity: 0 !important;
}
.slick-dots li button{
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 0;
}
.slick-dots li{
    width: auto;
    height: auto;
}
.slick-dots li.slick-active button{
    background-color: #fff;
}
.pagination > li{
    float: left;
}
.pagination{
    display: inline-block;
    margin: 40px 0;
}
.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: #A19D9D;
    border-color: #A19D9D;
}
.pagination > li > a, .pagination > li > span{
    color: #A19D9D;
    background-color: #F0F0F0;
}

.container {
        width: 96%;
        max-width: 1600px;
}

