.art_body_bg{
    width: 1200px;
    overflow: hidden;
    margin:20px auto;
}

.art_body_bg>div{
    width:50%; 
    height:500px; 
    float:left;
}

.art_top{
	text-align:center;
	min-height: 220px;
}

.art_top>div:first-child{
	padding-top:150px
}

.art_top .art_top_r1 {
    margin-top:65px
}
.art_top .art_top_r1 div{
    text-align: center;
    width: 150px;
    margin: auto;
    overflow: hidden;
}
.art_top .art_top_r1 div font{
    color: #000;
    text-align: center;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    float:left;
	
}

.art_top .art_top_r1>font{
    color: #000;
    text-align: center;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    width:100%
	
}
.art_top .art_top_r1 img{
    width:35px;
	float:left;
	margin-right:10px;
}

.art_top span{
	font-size:18px;
	
}

.art_content{
	width:100%;
    overflow: hidden;
	
}
.art_main{
	width:1200px;
	margin:auto;
	overflow: hidden;
}

.art_main_r1{
	width:100%;
	overflow: hidden;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:10px;
    padding: 10px 0 23px 0;
}
.art_content a:hover{
	color:#000;
	
}
.art_content a>div{
	width:100%;
	
}
.art_content div .art_content_r1{
    width: 120px;
    float: left;
    background: #000;
    border-radius: 10px;
    height: 120px;
    text-align: center;
    margin-right: 15px;
    overflow: hidden;
}
.art_content div .art_content_r1 img{
	width: 100%;
    object-fit: cover;
    height: 120px;
}

.art_content div .art_content_r2{
	width:80%;
	float:left;
      display: flex;
  flex-direction: column; /* 如果是水平排列，则不需要这行 */
  justify-content: center; /* 垂直居中 */
  align-items: center; /* 水平居中，如果你的标签是水平的，则不需要这行 */
  height: 120px; /* 容器的高度 */
}
.art_content div .art_content_r2 .art_content_r2_c1{
	width:100%;
	word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.art_content div .art_content_r2>p{
	width:100%;
	color:#000;
    margin-bottom: 5px;
}
.art_content div .art_content_r2 font{
	margin-right:20px;
    display: inline-block;
}

.detail_top{
	width:90%;
	margin:20px auto;
	overflow:hidden;
	height:900px;
    z-index: 9999;
	
}
.detail_top>div{
	width:100%;
	margin:20px auto;
	overflow:hidden
}
.detail_top_r1{
	width:50%;
	float:left;
	margin-top:3%;
	text-align: center;
}
.detail_top_r1 img{
	width: 400px;
}

.detail_top_r2{
	width:20%;
	float:left;
	margin-top: 20px;
}
.detail_top_r2>div{
	color:#fff;
	width:100%;
	display:inline-block;
	font-size: 18px;
	writing-mode: vertical-rl;
	width:20%;
	float:right;
}
.detail_top_r2>div:last-child{
	width:60%;
}
.detail_top_r2 font{
	color:#fff;
	display:inline-block;
	margin-bottom: 30px;
	
    
}
.detail_con_main{
	width:1200px;
	margin:0 auto;
}

.detail_con_r1{
	width:100%;
	
}
.detail_con_r1>div{
	width:90%;
	margin:20px auto;;
	
}

.dettail_con_title_r1{
	background: url(/public/images/artifact/font_ico_1.png) no-repeat 20px 50%;
    width: 100%;
    overflow: hidden;
    background-size: 120px;
    height: 40px;
}
.dettail_con_title_r1 span{
	display:block;
	width:5px;
	background:#C60000;
	height:30px;
	margin:5px 0
}

.dettail_con_r1_c1{
	width:100%;
	margin:20px 0
}
.dettail_con_r1_c2{
	width:100%;
	margin-bottom:10px
}

.detail_con_title_r2{
	background: url(/public/images/artifact/font_ico_2.png) no-repeat 20px 50%;
	background-size: 120px;
	
}
.detail_con_title_r3{
	background: url(/public/images/artifact/font_ico_3.png) no-repeat 20px 50%;
	background-size: 120px;
	
}
.detail_con_title_r4{
	background: url(/public/images/artifact/font_ico_4.png) no-repeat 20px 50%;
	background-size: 120px;
	
}

.dettail_con_title_r2{
	background: url(/public/images/artifact/font_ico_5.png) no-repeat 50%;
    width: 100%;
    overflow: hidden;
    background-size: 120px;
    height: 40px;
}

.detail_con_title_r6{
	background: url(/public/images/artifact/font_ico_8.png) no-repeat 20px 50%;
	background-size: 80px;
	
}

.detail_con_r3{
	width:100%;
	background:#fff;
    padding-top: 30px;
}

.dettail_con_r3_c1{
	margin:20px 0;
	overflow:hidden;
}


.dettail_con_r3_c1 ul{
	width:100%
}

.dettail_con_r3_c1 ul li{
	width:19%;
	float:left;
	margin-right:1%;
	margin-bottom:20px;
}
.dettail_con_r3_c1 ul li:nth-child(5n){
	float:right;
	margin-right:0;
}

.dettail_con_r3_c1 li img{
	width:100%;
	height:250px;
    object-fit: contain;
}

.dettail_con_r3_c2{
	width:100%;
	background:#F0F0F0;
	border-radius:10px;
	height:250px
}

.dettail_con_r3_c3{
	width :100%;
	margin:10px 0;
}

.dettail_con_r3_c3 p{
	width :100%;
	overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#000
}

.dettail_con_r3_c3 p font{
	color:#878787;
}

.artList_bottom{
	margin-top:30px;
	width:100%;
	margin-bottom: 20px;
}

.artList_bottom p{
	text-align:center;
	width:100%
}


.art_info_pg{
    width: 35%;
    float: right;
	
}
.art_info_pg div{
	width:40%;
	
}

.art_info_pg div img{
	width: 350px;
    height: 350px;
    object-fit: contain;
    opacity: 0.4;
	
}
.detail_con_main_bg{
	background: url(/public/images/artifact/artde_bg_2.png) no-repeat 95% 95%;
    width: 100%;
    background-size: 140px;
}

.art_list_bg{
	width:100%;
	background: url(/public/images/artifact/art_bg.png) no-repeat;
    background-size:100%;
    overflow:hidden
}

.a_zhpeo{
	    width: 500px;
    height: 500px;
    position: relative;
    padding: 14px 0;
    float: left;
    margin: 0 40px;
}
.a_zhpeoimg{
	width: 500px;
    z-index: 2;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 240px;
}


.slider, .slider .slider-img {
    overflow: hidden;
    height: 290px;
}
.slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #ECECEC;
}
.slider:hover .slider-btn {
    color: #fff;
    text-shadow: 0 0 5px #666;
}
.slider .slider-img {
    width: 12000px;
    position: relative;
}
.slider .slider-img .slider-img-ul {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.slider .slider-img .slider-img-ul li {
    float: left;
}
.slider .slider-img .slider-img-ul li img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

.slider-img-ul li a{
	position: relative;
}

.slider .slider-title{
    width: 100%; 
    background: #c2c2c2ba;
    position: absolute;
    bottom: 13px;
    left: 0px;
    color: #fff;
    height: 50px;
    line-height: 50px;
}
.slider .slider-title div{
    margin:auto;
    width:98%;
    font-size: 16px;
}

.slider .slider-dot ul  {
    position: absolute;
    right: 10px;
    bottom: 15px;
}
.slider .slider-dot ul li {
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: #ccc;
    border: 2px solid #fff;
    float: left;
    margin-left: 10px;
}
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover {
    background: #015E8D;
}
.slider .slider-btn {
    position: absolute;
    width: 50px;
    height: 100px;
    top: 50%;
    line-height: 100px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    font-family: '黑体';
    color: rgba(255, 255, 255, 0);
}
.slider .slider-btn:hover {
    background: rgba(125, 125, 125, .3);
}
.slider .slider-btn.slider-btn-left {
    left: 0;
    margin-top: -50px;
}
.slider .slider-btn.slider-btn-right {
    right: 0;
    margin-top: -50px;
}

.auction_banner_list{
	width:100%;
    margin-top: 30px;
    border-top: 1px solid #000;
}

.sector_title{
	height: 40px;
    line-height: 40px;
    border-bottom: 1px #000 dashed;
}

.sector_title div{
	width:98%;
	margin:auto;
    font-weight: bold;
    font-size: 16px;
    color: #000;
}

.sector_title div a{
	float:right;
	font-weight: normal;
}

.list_banner{
	width:100%;
	background: url(/public/images/artifact/detail_bg.png);
	min-height:250px;
	overflow:hidden;
}


.detail_info{
	width:100%;
    margin-top: 30px;
    border-top: 1px solid #000;
}



.sector_title div img{
	width:100px;
	height:20px;
	margin-top:10px;
}


.detail_info_r1{
	margin: 10px auto;
    width: 98%;
}


.art_main{
	width:1200px; 
	margin:20px auto;
}

.art_body_l1{
	width:78%; 
	float:left;
}

.art_body_r1{
	width:20%;
	float:right;
	background: url(/public/images/artifact/banner_bg.png);
	
}

.art_body_r1>div{
	width:90%;
	margin:auto
	
}

.art_body_r1_c1{
	width:100%;
	margin:20px 0;
}
.art_body_r1_c1 span{
	width:100%;
	margin: 20px 0;
}
.art_body_r1_c1 b{
	font-size:22px;
	width:100%;
	display: inline-block;
	color: #000;
	}


.art_body_r1_c1>div{
	width:100%;
}

.art_body_r1_c1>div img{
	width:100%;
	margin-top:20px;
}

.art_body_r1_c1  .art_info_r1{
	background:#fff;
	padding:10px 0;
	
}
.art_info_r1>div{
	width:90%;
	margin:auto;
}

.art_body_r1_c2 .art_info_title{
	height:30px;
	line-height:30px;
	
}
.art_body_r1_c2 .art_info_title div{
	font-weight: bold;
    color: #000;
    width:90%;
    margin:auto;
}

.art_body_r1_c2>div>img{
	width:100px;
}

.art_body_r1_c2>div a{
	float:right;
    font-weight: normal;
}

.art_info_r2{
	width:100%;
	background:#fff;
    overflow: hidden;
    margin-bottom:20px;
}

.art_info_r2>div{
	width:90%;
	margin:10px auto
}

	.slider-list {
       width: 92%;
       margin: 15px auto;
       background:#fff;
       padding: 15px;
   }
   
   .slider-list a:hover{
       color:#000
       
   }

   .slick-slide {
     margin-right:10px;
   }



   .slider-list .slick-prev:before,
   .slider-list .slick-next:before {
     color: black;
   }

.slider_info{
	width:100%;
	background:#fff;
	text-align:center;
}

.slider_info img{
	width: 100%;
    height: 230px;
    object-fit: contain;
    background: #F0F0F0;
}
.slider_info p{
	height:30px;
	line-height:30px;
	color:#000;
	margin-top:10px;
}


.entrance_art{
	
}
.entrance_art_r1{
	width:100%;
	height:300px;
	position: relative;
}

.entrance_art_r1 ul{
	width:100%;
	
}
.entrance_art_r1 ul li{
	float:left;
	
	
}
.entrance_art_r1 .li_styr1{
	width:100%;
	height:300px;
}

.entrance_art_r1 .li_styr1 img{
	width:100%;
	height:300px;
}

.entrance_art_r1 .li_styr1 >div{
	width:50%;
	background:#015E8D;
	color:#fff;
    position: absolute;
    top:0px;
    left:0px;
    height:300px;
    display: none;
}

.entrance_art_r1 .li_styr2{
	width:50%;
	height:150px;
}

.entrance_art_r1 .li_styr2 >div{
	width:50%;
	background:#015E8D;
	color:#fff;
    position: absolute;
    top:0px;
    left:0px;
    height:150px;
    display: none;
}

.entrance_art_r1 .li_styr2>div{
    top:0px;
    left:0px;
}

.entrance_art_r1 .li_styr2:nth-child(2)>div{
	 top:0px;
    left:50%;
}
.entrance_art_r1 .li_styr2:nth-child(3)>div{
	 top:50%;
    left:0px;
}
.entrance_art_r1 .li_styr2:nth-child(4)>div{
	 top:50%;
    left:50%;
}
.entrance_art_r1 .li_styr2 img{
	width:100%;
	height:150px;
	object-fit: cover;
}

.entrance_art_r1 .li_styr3{
	width:25%;
	height:150px;
}
.entrance_art_r1 .li_styr3>div{
	width:50%;
	background:#015E8D;
	color:#fff;
    position: absolute;
    top:0px;
    left:0px;
    height:150px;
    display: none;
}


.entrance_art_r1 .li_styr3 img{
	width:100%;
	height:150px;
}
.entrance_art_r1 .li_styr3 .art_info_r2{
	 top:0px;
    left:50%;
}
.entrance_art_r1 .li_styr3 .art_info_r3{
	 top:50%;
    left:0px;
}

.entrance_art_r1 .li_styr3 .art_info_r4{
	 top:50%;
    left:50%;
}

.entrance_art_r1 .art_info{
	
}
.entrance_art_r1 .art_info>div{
	width:80%;
	margin:auto;
}
.entrance_art_r1 .art_info>div:first-child{
	margin-top:5%;
	text-align:left;
}
.entrance_art_r1 .art_info>div:last-child{
	margin-top:25%;
	text-align:right;
}
.entrance_art_r2{
	width:100%;
	height:100px;
	background:#fff;
    overflow: hidden;
}

.entrance_art .entrance_art_r2>div{
	width:90%;
	margin:15px auto;
}

.entrance_art_r2 div p{
	text-align:left;
	color:#000;
    height: 35px;
    line-height: 35px;
}

.entrance_art_r2 div p:first-child{
	font-size:28px;
}