@charset "UTF-8";
/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,textarea,a {margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: transparent;}
body {}
input,textarea,button{padding: 0;font-family: Verdana, Arial;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img {border:0;width:100%;}
input[type=submit],input[type=text] {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius:0;
}
input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}
input,select,textarea {
    vertical-align:middle;
    outline:none;
    -webkit-tap-highlight-color: transparent;
}
a {
    color:#333;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}
.layouts {
    padding:1rem;
    margin:0 auto;
    position:relative;
}
.layouts:after,.layouts:before {
    content:"";
    display:table;
}
.layouts:after {clear:both;}
.clear {clear:both;}
.fl{float: left;}
.fr{float: right;}
.absolute { position: absolute;}
.pors{position: relative;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.hide {opacity:0;}
header li,.index-banner li,.item-list li {list-style-type:none;}
.picture {display:block;overflow:hidden;}
.picture img {transition:all .4s;}
a:active .picture img {transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
li a {display:block;}
li img {display:block;width:100%;}
.green {color:#4bb13f;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color: #ccc;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: #ccc;
}
/*header*/
header {margin-bottom:1rem;}
.top-header {
    position:relative;
    height:6rem;
    border-bottom:1px solid #c5bc79;
}
header .logo {
    display:block;
    width:7rem;
    height:7.2rem;
    padding-top:.75rem;
    margin:0 auto;
    text-align:center;
    background:#fff;
    border:1px solid #ececec;
    border-top:0;
    border-bottom-left-radius:1rem;
    -moz-border-bottom-left-radius:1rem;
    -webkit-border-bottom-left-radius:1rem;
    border-bottom-right-radius:1rem;
    -moz-border-bottom-right-radius:1rem;
    -webkit-border-bottom-right-radius:1rem;
    box-shadow:.25rem .25rem .25rem rgba(0,0,0,.05);
}
header .logo img {

    width:4.5rem;
    height:5.75rem;
}
header .total {
    position:absolute;
    left:1rem;
    top:2.25rem;
    display:block;
    width:2rem;
    height:1.5rem;
    background:url(../images/total.png) no-repeat center center;
    background-size:100% 100%;
}
header .language {
    position:absolute;
    right:1rem;
    top:2.25rem;
    display:block;
    width:2.5rem;
    height:2.5rem;
    font-size:1.3rem;
    color:#c5bc79;
    line-height:2.25rem;
    text-align:center;
    border:1px solid #c5bc79;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
nav {
    display:none;
    margin-top:1rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.2);
}
nav li {
    padding:0 1rem;
    border-bottom:1px solid #dedede;
}
nav li a {
    display:block;
    height:5rem;
    line-height:5rem;
}
nav li a strong {
    font-weight:normal;
    font-size:1.4rem;
    color:#000;
}
/*banner*/
.index-banner img {
    display:block;
}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev {display:none;}
.index-banner .swiper-pagination-bullet,.artwork-show-wrap .swiper-pagination-bullet {
    width:2rem;
    height:.15rem;
    background:#fff;
}
/*服务*/
.index-service {margin:-1rem 0 1rem;}
.index-service ul {margin-left:-3.33%;}
.index-service li {
    float:left;
    width:30%;
    margin-left:3.33%;
}
.index-service li a {
    position:relative;
    display:block;
}
.index-service .dt-title {
    position:absolute;
    left:.8rem;
    top:.9rem;
    writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
}
.index-service .dt-title strong {
    z-index:1;
    position:relative;
    font-weight:normal;
    font-size:1.5rem;
    color:#fff;
    line-height:1;
}
.index-service .dt-title .square {
    position:absolute;
    left:0;
    top:.25rem;
    display:block;
    width:2rem;
    height:9rem;
    background:#c1aa57;
}
/*专题报导*/
.index-wrap {border-top:1px solid #b5a769;}
.index-wrap .layouts {
    padding:0 1rem 1rem;
}
.index-title {
    padding:.75rem 0;
    font-size:1.7rem;
    color:#a5955c;
}
.index-special .title-w {
    position:relative;
    padding-bottom:.5rem;
    border-bottom:1px solid #ddd;
}
.index-special .title-w .more{
    position:absolute;
    top:.5rem;
    right:0;
    font-size:1rem;
    color:#939393;
    text-transform:uppercase;
}
.index-special .title-w .more .icon {
    display:inline-block;
    width:.4rem;
    height:.7rem;
    margin-left:.5rem;
    background:url(../images/right-cont.png) no-repeat center center;
    background-size:100% 100%;
}
.index-special .title {
   font-size:1.7rem;
    color:#000;
}
.index-special li {
    padding:1rem 0;
    border-top:1px dashed #e0dfdf;
}
.index-special li:first-child {border-top:0;}
.index-special li .picture {
    position:relative;
    float:left;
    width:40%;
}
.index-special li .mask {
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    width:3.6rem;
    height:3.6rem;
    margin-left:-1.8rem;
    background:url(../images/video.png) no-repeat center center;
    background-size:100% 100%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.index-special li .text-w {
    float:right;
    width:55%;
    padding:1rem 0;
}
.index-special li .report-title {
    height:3rem;
    margin-bottom:.5rem;
    font-size:1.4rem;
    color:#000;
    line-height:1.5rem;
    overflow:hidden;
}
/*最新拍卖信息*/
.index-hotest ul,.index-cooparation ul,.artwork-list2 ul,.parner-list ul {
    margin-left:-3%;
}
.index-hotest li,.index-cooparation li,.artwork-list2 li,.parner-list li {
    float:left;
    width:47%;
    margin:0 0 3% 3%;
}
.index-hotest li .text-w,.artwork-list2 li .text-wrap {
    padding:.5rem 0;
}
li .title,.index_show .gallery-thumbs .title  {
    font-size:1.4rem;
    color:#000;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.index-hotest li .line,.artwork-list2 li .line {
    display:block;
    width:3.5rem;
    height:1px;
    margin:.5rem 0;
    background:#dbdbdb;
}
.index-hotest li .from,.artwork-list2 li .from {
    font-size:1.1rem;
    color:#999;
}
/*艺术品展会*/
.index_show .gallery-thumbs {
    margin:-25% auto 0;
}
.index_show .gallery-thumbs .text-w {

    padding:1rem;
}
.index_show .gallery-thumbs .text {
    display:block;
    padding:1.5rem;
    font-size:1.2rem;
    color:#999;
    line-height:1.5;
    background:#fff;
    box-shadow:.25rem .25rem .25rem rgba(0,0,0,.05);
}
.index_show .gallery-thumbs .detail-m {
    padding:.5rem 0;
}
.index_show .gallery-thumbs .more {
    display:block;
    text-align:right;
}
/*首页news*/
.index-news li {margin-top:1rem;}
.index-news li:first-child {margin-top:0;}
.index-news li a {
    position:relative;
    display:block;
}
.index-news li .text-w {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:1rem 1.5rem 1.25rem;
    font-size:1rem;
    color:#dadada;
    background:rgba(0,0,0,.7);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.index-news li .text-w .title {margin-bottom:.5rem;color:#fff;}
.index-news li .text-w .des {
    height:2.4rem;
    line-height:1.2rem;
    overflow:hidden;
}
/*首页合作伙伴*/
.index-cooparation li a,.parner-list li a {
    display:block;
    border:1px solid #eee;
}
/*footer*/
footer {
    background:#f8f7f7;
}
footer .search-box {
    margin:1rem;
    border:0;
}
footer .search-box .search-inner {
    height:4.5rem;
    background:#fff;
    border:1px solid #e9e9e9;
}
footer .search-box .text-w {
    margin-right:4.5rem;
    padding:0 1rem;
    box-sizing:border-box;
}
footer .search-box .input-text {
    width:100%;
    height:4.25rem;
    font-size:1.2rem;
    font-style:italic;
    border:1px solid transparent;
}
footer .search-box .submit-w {
    float:right;
    width:4.5rem;
    height:4.5rem;
}
footer .search-box .input-search {
    width:4.5rem;
    height:4.4rem;
    background:#b5a769 url(../images/search.png) no-repeat center center;
    background-size:2rem 2rem;
    border:1px solid #b5a769;
}
footer .each {
    overflow:hidden;
    border-top:1px dashed #ddd;
}
footer .dt-title {
    z-index:1;
    position:relative;
    height:5rem;
    font-size:1.4rem;
    line-height:5rem;
    background:#f8f7f7;
}
footer .dt-title .icon {
    position:absolute;
    right:0;
    top:0;
    width:4rem;
    height:5rem;
}
footer .dt-title .line1 {
    position:absolute;
    right:0;
    top:2.4rem;
    display:block;
    width:1.75rem;
    height:.1rem;
    background:#cfcfcf;
}
footer .dt-title .line2 {
    position:absolute;
    right:.825rem;
    top:1.625rem;
    display:block;
    width:.1rem;
    height:1.75rem;
    background:#cfcfcf;
    transition:all .4s;
}
footer .on .dt-title .line2 {
    transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}
footer .dd-cont {
    display:none;
}
footer .dd-cont .item a {
    display:block;
    height:4rem;
    font-size:1.4rem;
    color:#000;
    line-height:2.5rem;
}
footer .copyright {
    padding:.5rem 1rem;
    font-size:1rem;
    color:#ababab;
    text-align:center;
    background:#efefef;
}
footer .copyright a {color:#ababab;}
/*内页通用*/
.inner-main {padding-bottom:3rem;}
.inner-title-top .big-title {
    position:relative;
    padding:0 1rem;
    white-space: nowrap;
}
.inner-title-top .big-title strong {
    position:relative;
    font-weight:normal;
    font-size:2rem;
    color:#c5bc79;
}
.inner-title-top .big-title i {
    display:inline-block;
    margin-left:-7rem;
    font-size:3.4rem;
    color:rgba(248,238,198,.5);
}
.inner-tab {padding:1rem;background:#f5f5f5;}
.inner-tab .dt-title {
    border-radius:.5rem;
    -moz-border-radius:.5rem;
    -webkit-border-radius:.5rem;
}
.inner-tab .dt-title,.inner-tab ul li a {
    position:relative;
    height:5rem;
    padding:0 1rem;
    font-size:1.5rem;
    color:#000;
    line-height:5rem;
    background:#fff;
}
.inner-tab .dt-title .icon,.inner-tab .on .icon {
    position:absolute;
    right:1rem;
    top:2.15rem;
    display:block;
    width:1.5rem;
    height:.75rem;
    background:url(../images/down.png) no-repeat center center;
    background-size:100% 100%;
}
.inner-tab-dialog {
    z-index:9;
    position:fixed;
    left:0;
    top:0;
    display:none;
    width:100%;
    height:100%;
}
.inner-tab-dialog .mask {
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.2);
}
.inner-tab-dialog-content {
    padding:12rem 1rem 0;
}
.inner-tab ul li:first-child a {
    border-top-left-radius:.5rem;
    -moz-border-top-left-radius:.5rem;
    -webkit-border-top-left-radius:.5rem;
    border-top-right-radius:.5rem;
    -moz-border-top-right-radius:.5rem;
    -webkit-border-top-right-radius:.5rem;
}
.inner-tab ul li:last-child a {
    border-bottom-left-radius:.5rem;
    -moz-border-bottom-left-radius:.5rem;
    -webkit-border-bottom-left-radius:.5rem;
    border-bottom-right-radius:.5rem;
    -moz-border-bottom-right-radius:.5rem;
    -webkit-border-bottom-right-radius:.5rem;
}
article {
    font-size:1.3rem;
    color:#666;
    line-height:2.25;
}
article img {max-width:100%;}
.show-more {padding-top:2rem;}
.show-more-btn {
    display:block;
    font-size:1.3rem;
    color:#baad73;
    text-align:center;
}
.back-wrap {
    margin-top:3rem;
    padding:3rem 0 1rem;
    text-align:center;
    border-top:1px solid #e5e5e5;
}
.back-wrap a {
    font-size:1.3rem;
    color:#666;
}
/*关于我们*/
.about-us .left-picture {
    position:relative;
    width:26.5rem;
    height:22rem;
    margin:0 auto 2rem;
    padding:1rem 3.5rem 1rem 2rem;
}
.about-us .left-picture .picture-wrap {
    z-index:1;
    position:relative;
}
.about-us .left-picture .square {
    position:absolute;
    top:2.5rem;
    left:3.5rem;
    display:block;
    width:21rem;
    height:20rem;
    border:.15rem solid #e4e4e4;
}
.about-us .right-content .company {
    margin-bottom:.75rem;
    font-size:1.7rem;
    color:#a5955c;
    text-align:center;
}
.about-us article {color:#000;}
/*拍卖机构和办事处*/
.about-sell-list li,.news-list li,.artwork-list1 li,.artwork-list3 li {
    position:relative;
    margin-bottom:1rem;
}
.about-sell-list .text-wrap,.news-list li .text-wrap,.artwork-list1 li .text-wrap,.artwork-list3 li .text-wrap {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:1rem 1.5rem;
    font-size:1.1rem;
    color:#fff;
    background:rgba(0,0,0,.58);
}
.about-sell-list li .title,.news-list li .title {
    padding-right:5rem;
    color:#fff;
}
.about-sell-list li .place {
    position:absolute;
    right:1.5rem;
    display:block;
    padding-left:2rem;
    background:url(../images/place.png) no-repeat left center;
    background-size:1.25rem 1.5rem;
}
.sell-company-name {
    margin-bottom:1.5rem;
    font-size:1.8rem;
    color:#000;
    text-align:center;
}
.about-sell article {
    padding:1rem 0;
    color:#999;
}
.about-sell-contact {
    border-top:1px solid #e5e5e5;
}
.about-sell-contact .contact-title {
    font-size:1.5rem;
    color:#000;
}
/*联系我们*/
.contact-us .each {
    padding:1rem;
    border-top:1px solid #e6e6e6;
}
.contact-us .each:first-child {border-top:0;}
.contact-us .each .icon {
    float:left;
    width:3.25rem;
}
.contact-us .each .right-side {
    min-height:3.25rem;
    margin-left:4.5rem;
    font-size:1.4rem;
    color:#666;
}
.contact-us .each .right-side h3 {
    font-size:1.4rem;
    color:#000;
}
/*新闻及影片*/
.news-list li .date {
    font-size:1.1rem;
    color:#ccc;
}
.news-detail .title-wrap,.artwork-detail2 .title-w {
    padding:1rem 0;
    margin-bottom:1rem;
    font-size:1rem;
    color:#999;
    text-align:center;
}
.news-detail .title-wrap {border-bottom:1px dashed #cecece;}
.news-detail .title-wrap h1,.artwork-detail2 h1 {
    margin-bottom:.5rem;
    font-size:1.9rem;
    color:#000;
}
.artwork-detail2 h1 {margin-bottom:1.5rem;}
.artwork-detail2 .title-w span {display:block;margin-top:.5rem;}
.artwork-detail2 .title-w .place {font-size:1.2rem;}
.news-detail .title-wrap .author span {
    display:inline-block;
    margin:0 .5rem;
}
.news-detail .title-wrap .author .time {
    display:inline-block;
    height:1.5rem;
    padding-left:2rem;
    background:url(../images/artwork-icon1-1.png) no-repeat left center;
    background-size:1.5rem 1.5rem;
}
.news-detail .title-wrap .author strong {font-weight:normal;}
.video-list li {
    margin-bottom:1rem;
}
.video-list li .picture {
    position:relative;
}
.video-list li .video {
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    width:5rem;
    height:5rem;
    margin:-2.5rem 0 0 -2.5rem;
    background:url(../images/video.png) no-repeat center center;
    background-size:100% 100%;
}
.video-list li .title {
    padding-top:1rem;
    text-align:center;
}
.artwork-list1 li .title {
    padding-bottom:1rem;
    color:#fff;
}
.artwork-list1 li .time {
    height:1.75rem;
    padding-left:2rem;
    font-size:1.2rem;
    background:url(../images/time4.png) no-repeat left center;
    background-size:1.75rem 1.75rem;
}
.artwork-show-wrap .more {
    display:inline-block;
    height:1.5rem;
    padding-left:2rem;
    color:#b5a769;
    line-height:1.5rem;
    background:url(../images/down1-1.png) no-repeat left center;
    background-size:1.5rem 1.5rem;
}
.artwork-contact {
    margin-top:1rem;
    padding:1rem 0;
    border-top:1px solid #e5e5e5;
}
.artwork-contact .title {
    font-size:1.3rem;
    color:#000;
}
.artwork-list3 li .title {
    padding-bottom:1rem;
    margin-bottom:.5rem;
    color:#fff;
    border-bottom:1px solid #747080;
}
.artwork-list3 li .other span {
    display:block;
    height:2rem;
    padding-left:2rem;
    line-height:2rem;
}
.artwork-list3 li .date {
    background:url(../images/artwork-icon1-1.png) no-repeat left center;
    background-size:1.25rem 1.25rem;
}
.artwork-list3 li .host {
    background:url(../images/artwork-icon1-2.png) no-repeat left center;
    background-size:1.25rem 1.25rem;
}
.artwork-list3 li .place {
    background:url(../images/artwork-icon1-3.png) no-repeat left center;
    background-size:1.25rem 1.25rem;
}
.artwork-detail3 h1 {
    margin-bottom:2rem;
    text-align:center;
}
.artwork-detail3 .message-wrap {
    margin-bottom:1rem;
    padding:1rem;
    background:#fafafa;
}
.artwork-detail3 .message-wrap .each {
    display:block;
    height:2.25rem;
    padding-left:2rem;
    font-size:1.2rem;
    color:#333;
    line-height:2.25rem;

}
.artwork-detail3 .message-wrap .each1 {
    background:url(../images/artwork-icon1-1.png) no-repeat left center;
    background-size:1.35rem 1.35rem;
}
.artwork-detail3 .message-wrap .each2 {
    background:url(../images/artwork-icon1-2.png) no-repeat left center;
    background-size:1.35rem 1.35rem;
}
.artwork-detail3 .message-wrap .each3 {
    background:url(../images/artwork-icon1-3.png) no-repeat left center;
    background-size:1.35rem 1.35rem;
}
/*常见问题*/
.question-list li {
    border-bottom:1px dashed #dedede;
}
.question-list .dt-title {
    position:relative;
}
.question-list .dt-title .right-cont {
    position:absolute;
    right:0;
    top:0;
    width:3rem;
    height:4.5rem;
    font-size:1.5rem;
    line-height:4.5rem;
    text-align:center;
}
.question-list .dt-title .right-cont span,.question-list .on .dt-title .right-cont span:first-child {
    display:none;
}
.question-list .dt-title .right-cont span:first-child,.question-list .on .dt-title .right-cont span {
    display:block;
}
.question-list .dt-title .question {
    margin-right:3rem;
    padding:1.5rem 0;
    font-size:1.3rem;
    line-height:1.5rem;
}
.question-list .dd-cont {
    display:none;
    padding-bottom:1rem;
    font-size:1.3rem;
    color:#999;
    line-height:2;
}
.search-box {
    position:relative;
    height:5rem;
    border:1px solid #d2d2d2;
    border-radius:.5rem;
}
.search-box .input-text {
    width:100%;
    height:4.8rem;
    padding:0 1rem;
    margin-right:5rem;
    font-size:1.2rem;
    border-radius:.5rem;
}
.search-box .input-submit {
    position:absolute;
    right:0;
    top:0;
    width:5rem;
    height:5rem;
    font-size:0;
    background:url(../images/search1.png) no-repeat center center;
    background-size:2rem 2rem;
}
.search-list .result {
    display:block;
    margin-bottom:1rem;
    font-size:1.2rem;
    color:#666;
}
.search-list li {
    padding:1rem 0;
    border-bottom:1px solid #eee;
}
.search-list li .descrition {
    margin:.5rem 0;
    font-size:1.2rem;
    color:#999;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.search-list li .from {
    font-size:1rem;
    color:#bbb;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
