.artist-nav{position: fixed;min-width:1640px;z-index: 110;left: 0;top:110px;right: 0;text-align: center;background: #fff;border-bottom:1px solid #BEC1C6;}
.art-nav-ul{overflow: hidden;list-style: none;}
.art-nav-ul li{display:inline-block;padding:0 30px;}
.art-nav-ul a{display: block;font-size: 14px;color:#6F7379;line-height: 50px;padding:0 20px;position: relative;}
.art-nav-ul a:before{content: '';position: absolute;z-index: 1;width: 6px;height: 6px;border-radius:5px;background:#BEC1C6;left:6px;margin: auto;top:0;bottom: 0;}
.art-nav-ul li.active a,.art-nav-ul li:hover a{color: #000;}
.art-nav-ul li.active a:before,.art-nav-ul li:hover a:before{content: '';position: absolute;z-index: 1;width: 6px;height: 6px;border-radius:5px;background:#000;left:6px;margin: auto;top:0;bottom: 0;}
.nav-blank{display: block;height: 51px;}

.page-main{min-width: 1640px;position: relative;}
.panel-item{float: right;width:740px;padding:75px 0;}
.adv-part{display: block;overflow: hidden;padding: 95px 0 95px;text-align: left;}
.artist-thumb{display: block;overflow: hidden;width:520px;}
.artist-thumb img{display: block;width: 100%;}
.artist-info{display: block;overflow: hidden;padding:10px 0;font-size: 14px;width: 520px;}
.artist-address{float: left;line-height: 20px;color:#373D46; }
.artist-date{float: right;color: #373D46;line-height: 20px;}
.artist-intro-part{margin-left: 165px;display: block;overflow:hidden;}
.artist-name{font-size: 20px;color: #000;}
.intro-box{display: block;overflow: hidden;padding-top: 20px;}
.intro-content{display: block;font-size: 14px;color: #000;line-height:32px;}

.public-main{display: block;width: 882px;margin: 0 auto;overflow: hidden;padding:50px 0;}

.publish-list{display: block;overflow: hidden;}
.publish-item{display:block;margin-bottom:40px;}
.pub-title{display: block;font-size:20px;line-height: 30px;color: #000;padding:0 7px;font-weight: bolder;}
.pub-gallery{display: block;padding:10px 7px 0;overflow: hidden;overflow-x: auto;margin-top:10px;}
.gallery-scroll{display: block;height:140px;-webkit-overflow-scrolling: touch;box-sizing: border-box;white-space: nowrap;position: relative;}
.gallery-item{position: relative;overflow: hidden;height:140px;width:140px;margin-right:16px;float: left;margin-bottom: 23px;}
.gallery-item:nth-child(4n){margin-right: 0;}
.gallery-item img{display: block;height: 100%;width: 100%;object-fit: cover;}
/*.gallery-item:hover,.gallery-item.active{box-shadow: 0 0 6px #888;}*/

.publish-thumb{width:680px;text-align: center;}
.publish-thumb img{max-height:2520px;width:100%;display: inline-block;vertical-align: middle;}
.pub-content{display: block;overflow: hidden;font-size: 14px;line-height: 28px;color: #333;}

.video-part{clear: both;border-top:1px solid #E4E6EA;width:1640px;margin:0 auto;}
.video-list{display: block;position: relative;padding:40px 0;}
/*
.video-item{display: block;width:100%;overflow: hidden;margin-bottom: 60px;}
.video-item:last-child{margin-bottom: 0;}
.video-info{display: block;width: 100%;overflow: hidden;background: #000;height: 550px;position: relative;}
.video-one{width: 100%;height: 100%;object-fit: contain;background: #000;}
.video-title{display: block;font-size: 16px;line-height: 20px;color: #000;margin-top:20px;font-weight: bold;}
.video-desc{display: block;color:#373D46;font-size: 14px;line-height: 20px;padding-top:5px;}
.video-cover{position: absolute;z-index: 1;left: 0;right: 0;top:0;bottom: 0;text-align: center;}
.video-play{position: absolute;z-index: 1;width: 72px;height:72px;background: url("../images/play.png") no-repeat center;background-size: auto;cursor: pointer;left: 0;bottom: 0;right: 0;top:0;margin: auto;}
*/
.a-link{position: relative;}
.grid-item{float: left;margin-bottom:30px;box-sizing: border-box;cursor: pointer; }
.grid-sizer, .grid-item {width: 380px;}
.grid-thumb{display: block;border-radius:2px;position: relative;overflow:hidden;}
.grid-thumb img{display: block;width: 100%;}
.grid-item:hover .grid-thumb{box-shadow:0 2px 12px #6F7379;}
.grid-item .a-link{overflow: visible;}
/*.grid-name{display: block;line-height: 22px;color:#000000;font-size: 16px;padding-top:10px;}*/
.grid-date{display: block;color: #6F7379;line-height: 18px;font-size: 12px;}
.fall-box{display: block;position: relative;}
.grid:after {content: '';display: block;clear: both;}
.grid-item--width2 { width:1640px;height: 100px;}
.grid-name{position: absolute;z-index: 1;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.4);color: #fff;line-height:32px;padding:0 10px; }
.grid-item:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;top:0;z-index: 111;margin:auto;width: 50px;height:50px;background: url(../images/play.png) no-repeat center;background-size: auto 98%;}
.grid-item:hover:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;top:0;z-index: 110;background: rgba(0,0,0,0.3);}

.album-list{display: block;width: 1640px;margin: 0 auto;padding:60px 0;}
.album-list:after{content: '';clear: both;display: block;}
.album-item{width: 398px;float: left;margin-right: 16px;margin-bottom:30px;}
.album-item:nth-child(4n){margin-right:-48px;}
.album-thumb{display: block;overflow: hidden;}
.album-thumb img{display: block;width: 100%;height: 226px;object-fit: cover;}
.album-title{display: block;font-size: 14px;line-height: 28px;height:56px;color: #373D46;padding-top:8px;overflow:hidden;text-overflow:ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}

.fixed-video{display: none;justify-content:center;align-items:center;position: fixed;z-index: 1111;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.68);}
.fixed-video.active{display: flex;}
.fixed-main{width: 960px;height:600px;background:#000;position: absolute;z-index: 1;left: 0;top:0;right: 0;bottom: 0;margin: auto;border-radius: 6px; overflow: hidden;}
.fixed-close-btn{position: absolute;top:00px;right:00px;cursor: pointer; z-index: 1;width:32px;height:40px;background:url("../images/close2.png") no-repeat center;background-size: auto 40%;}
.player-info{display: block;overflow: hidden;height:560px;position: relative;}
.video-one{width: 100%;height: 100%;object-fit: contain;background: #000;}
.video-cover{position: absolute;z-index: 1;left: 0;right: 0;top:0;bottom: 0;text-align: center;}
.video-play{position: absolute;z-index: 1;width: 72px;height:72px;background: url("../images/play.png") no-repeat center;background-size: auto;cursor: pointer;left: 0;bottom: 0;right: 0;top:0;margin: auto;}

.fixed-head{display:block;height:40px;padding:0 10px;background:#f2f2f2;position:relative;}
.fixed-title{float:left;line-height:40px;font-size:15px;color:#000;font-weight: 600;}

.pub-main{position: absolute;left: 0;right: 0;bottom:90px;top:161px;overflow: hidden;min-width: 1640px;}
.pub-main .half-part{height: 100%;overflow: auto;}

.work-year-list{display: block;overflow: hidden;}
.work-year-item{position: relative;overflow: hidden;margin-bottom:52px;}
.work-year-item:last-child{margin-bottom:0;}
.work-year-title{display: block;font-size:20px;font-weight: bolder;color: #000;line-height: 40px;}
.work-year-desc{display: block;overflow: hidden;color:#000;font-size: 14px;line-height: 28px;padding: 10px 0;}
.work-thumb-item{float: left;width: 520px;margin-bottom: 50px;}
.work-thumb-item:last-child{margin-bottom: 0;}
.work-thumb-item img{display: block;width: 100%;}
.work-thumb-address{display: block;font-size: 14px;line-height: 28px;color: #373D46;margin-top:5px;}

.works-bg{position: absolute;left: 0;top:0;width: 50%;bottom: 0;z-index: 1;background:#F2F2F2;}
.works-list{display: block;width:1480px;margin: 0 auto;overflow: hidden;position: relative;z-index: 2;}
.works-art-item{display: block;overflow: hidden;padding: 50px 0 0;}



.video-intro{display: block;overflow: hidden;text-align: center;}
.intro-content{display: block;width: 880px;overflow: hidden;margin: 0 auto;padding: 50px 0 35px;text-align: left;color: #000;}


.js-link{color: #0f73ef;text-decoration: underline;}