*{margin:0;padding:0;box-sizing:border-box}html{background:#fff}body{font:12px/24px microsoft yahei,Microsoft YaHei,Helvetica,Tahoma,sans-serif;color:#444;text-align:center;background:#fff}h1,h2,h3,h4,ul,li{margin:0;padding:0;list-style-type:none;font:inherit}a{color:#333;text-decoration:none}a:hover{color:#666}a img{border:none}hr{height:1px;border:none;border-top:1px solid #313131}.top{position:fixed;top:0;width:100%;height:60px;background:#fff;z-index:3}.top .head{width:940px;height:60px;margin:0 auto;display:flex;align-items:center;text-align:left}.logo a{font-weight:700;font-size:13px;color:#848484;text-transform:uppercase}.logo a:hover{color:#666}.menu{margin-left:100px}.menu ul{display:flex}.menu li{padding:0 20px}.menu a{font-size:13px;color:#999;text-transform:uppercase}.menu a:hover,.menu a[aria-current=page]{color:#666}.language{margin-left:auto}.language a{font-size:11px;color:#999}.language a:hover{color:#666}.hero-slides{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:100vh;overflow:hidden}.hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.hero-slides img.active{opacity:1}.hero-dots{position:absolute;bottom:15px;left:0;right:0;z-index:4}.hero-dots .dots-inner{width:940px;margin:0 auto;display:flex;justify-content:flex-end;gap:6px}.hero-dots button{width:10px;height:10px;padding:0;border:none;border-radius:6px;background:#333;cursor:pointer;text-indent:-9999px}.hero-dots button.active{background:#666}.home-main{width:940px;margin:0 auto;padding:40px 0 90px;text-align:left}.footer{clear:both;position:fixed;bottom:0;width:100%;height:40px;background:#fff;color:#848484;font-size:11px;line-height:40px;z-index:3}.footer .copyright{width:940px;height:40px;margin:0 auto;text-align:left}.footer a{color:#848484;font-size:11px}.footer a:hover{color:#666}.footer .c-right{float:right}.main{clear:both;width:940px;margin:0 auto;padding:90px 0;font-size:12px;line-height:20px;text-align:left}.main:after{content:"";display:block;clear:both}.left{float:left;width:210px;margin:0 30px 30px 0}.right{float:left;width:600px}.right img{max-width:580px}.left ul.works li,.left ul.left_literature_list li{margin:0 0 5px}.left ul.works li.sidebar-title{color:#999}.left ul.works li a,.left ul.left_literature_list li a{color:#444}.left ul.works li a:hover,.left ul.left_literature_list li a:hover{color:#999}.left li a.active{color:#666;font-weight:700}ul.works_list{width:600px;display:flex;flex-wrap:wrap}.works_list li{width:280px;margin:0 10px}.works_list .photourl{width:280px;height:170px;background:#272727;display:flex;align-items:center;justify-content:center}.works_list .photourl img{max-width:280px;max-height:170px;display:block}.works_list .picname{text-align:left}.works_list .picname a{color:#999;padding-left:10px;line-height:40px}ul.literature_list{width:580px;text-align:left;padding:0 10px}.literature_list li{width:580px;margin:0 0 18px;line-height:20px}.literature_list hr{margin:0 0 18px;clear:both}.literature_list span{display:block;font-size:12px;line-height:20px}.literature_list span.Author{font-style:oblique;color:#444}.literature_list span.photourl{margin-top:15px}.literature_list span.photourl img{max-width:580px}.literature_list span.intro{color:#999;line-height:18px;margin-top:15px}.literature_list li a{color:#999}.literature_list li a:hover{color:#666}.works_contact{text-align:left;color:#999}.works_contact img{max-width:580px}.adddate{color:#444;font-style:oblique}.works_contact .body{margin-top:18px}.prev_next{clear:both;text-align:left;line-height:24px;margin-top:50px;display:flex;gap:18px}.goback{clear:both;text-align:left;margin-top:50px}.prev_next+.goback{margin-top:10px}.biography{text-align:left;color:#999}.empty-note{color:#999}@media(max-width:960px){.top .head,.footer .copyright,.hero-dots .dots-inner,.home-main,.main{width:auto;padding-left:12px;padding-right:12px}.menu{margin-left:20px}.menu li{padding:0 10px}}@media(max-width:767px){.top .head,.footer .copyright,.hero-dots .dots-inner,.home-main,.main{width:auto;padding-left:16px;padding-right:16px}.top{height:88px}.top .head{flex-wrap:wrap;height:88px;align-content:center;row-gap:4px}.logo{width:100%}.menu{margin-left:0}.menu li{padding:0 14px 0 0}.menu a,.language a{display:inline-flex;align-items:center;min-height:44px}.main{padding-top:118px}.footer{position:static;height:auto}.footer .copyright{height:auto;padding-top:12px;padding-bottom:12px;line-height:2}body,.main,.works_contact,.biography,.literature_list span{font-size:14px;line-height:1.7}.left{float:none;width:auto;margin:0 0 20px}.left ul.works li,.left ul.left_literature_list li{display:inline-block;margin:0 8px 8px 0}.left ul.works li.sidebar-title{display:block;margin-bottom:10px}.left ul.works li a,.left ul.left_literature_list li a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #ddd;border-radius:999px;box-sizing:border-box;line-height:1.4}.left li a.active{background:#444;border-color:#444;color:#fff;font-weight:400}.right{float:none;width:auto}.hero-slides{height:60vh;height:60dvh}.hero-dots .dots-inner{gap:12px}.hero-dots button{width:12px;height:12px}ul.works_list{width:auto;gap:12px}.works_list li{width:calc(50% - 6px);margin:0}.works_list .photourl{width:100%;height:auto;aspect-ratio:28 / 17}.works_list .photourl img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.works_list .picname a{display:block;padding:10px 0;font-size:12px;line-height:2}ul.literature_list,.literature_list li{width:auto;padding:0}.literature_list span.photourl img,.right img,.works_contact img{width:100%;max-width:100%;height:auto}.works_contact video{width:100%;max-width:100%}.goback a,.prev_next a{display:inline-flex;align-items:center;min-height:44px;padding-right:8px}}