@charset "utf-8";
/* CSS Document */

/*home page*/
#home-fade{ float:left; position: relative; margin: 0 auto; overflow:hidden}
#home-fade ul{ width:100%; height:100%; display:block; margin:0 auto; padding:0}
#home-fade, #home-fade li {  width:100%; height:100%; display:block; margin:0 auto; padding:0;overflow: hidden;  top: 0; left: 0 ;}
#home-fade li a{ width:100%; height:100%;display:block;margin:0 auto; padding:0;}
/*#home .en,#home .en a{font-family: 'capsuula-webfont'; letter-spacing:3px}*/
#home .en .about-text{ font-family:Arial, Helvetica, sans-serif}

.nav-row{z-index: 100; width: 100%; position: absolute; left:0; bottom: 150px;}
.num-nav {margin:0 auto; width:1200px; text-align:left;}
	.num-nav a { display: inline-block; width: 13px; height: 12px; overflow: hidden; margin: 0 5px; background: url('../images/slide_bg1.png') no-repeat;}
	.num-nav a.activeSlide {background: url('../images/slide_bg1.png') no-repeat -12px 0}

#pre, #next { position: absolute; bottom: 50px; z-index: 100; width: 100px; height:120px;background: url('../images/blank.gif') no-repeat }
#pre { left: 0 }
#next { right: 0 }
#pre:hover { background: url('../images/fade_btn_pre.gif') no-repeat 90% 50% }
#next:hover { background: url('../images/fade_btn_next.gif') no-repeat 10% 50% }

#home-fade li a{ color:#fff}
#home-fade li a:hover{ color:#F44}
#home-fade li .slider-bg{width:100%; margin:0 auto ; position:absolute; left:0; top:30%; top:10%\9; z-index:1000}
#home-fade li .slider-bg .row{ width:1200px; margin:0 auto;}
#home-fade li .slider-bg .title{ font-size:24px; color:#fff; margin-bottom:40px}
.caption{ font-size:36px; color:#fff}
#home-fade li .slider-bg p.area{ margin-top:50px}
#home-fade li .slider-bg p.area a,#home-fade li .slider-bg p.area span{ float:left; width:auto; color:#fff; margin:0 25px 8px 0; display:block;}

#home-fade li .slider-bg p.area a:hover{ float:left; width:auto; color:#F44; margin:0 25px 8px 0; display:block;}

/*exhibition*/
.s1_exh{ letter-spacing:2px; color:#666;margin: 40px auto 30px;}
.s1_exh a{ color:#666; letter-spacing:2px}
.s1_exh a:hover{ color:#F44}

.exh-current{ float:left; position: relative; margin: 0 auto; width:400px; height:230px;}
.exh-current ul{ width:400px; height:100%; display:block; margin:0 auto; padding:0;position: relative;}
.exh-current li {  width:400px; height:100%; display:block; margin:0 auto; padding:0;overflow: hidden; position: absolute; top: 0; left: 0 }
.exh-current li a{margin:0 auto; padding:0}

.num-nav-two {margin:0 auto; text-align:left;position: absolute;bottom: 20px; left:-6px; z-index:100}
	.num-nav-two a { display: inline-block; width: 13px; height: 12px; overflow: hidden; margin: 0 5px; background: url('../images/slide_bg1.png') no-repeat;}
	.num-nav-two a.activeSlide {background: url('../images/slide_bg1.png') no-repeat -12px 0}
	
.exh-upcoming{ float:left; position: relative; margin: 0 auto; width:400px; height:230px;margin-left: 50px;}
.exh-upcoming ul{ width:400px; height:100%; display:block; margin:0 auto; padding:0;position: relative;}
.exh-upcoming li {  width:400px; height:100%; display:block; margin:0 auto; padding:0;overflow: hidden; position: absolute; top: 0; left: 0 }
.exh-upcoming li a{margin:0 auto; padding:0}

.num-nav-three {margin:0 auto; text-align:left;position: absolute;bottom: 20px; z-index:100; left:-6px}
	.num-nav-three a { display: inline-block; width: 13px; height: 12px; overflow: hidden; margin: 0 5px; background: url('../images/slide_bg1.png') no-repeat; text-indent: -1000em;}
	.num-nav-three a {zoom: 1;  font-size: 0; line-height: 0;}
	.num-nav-three a.activeSlide {background: url('../images/slide_bg1.png') no-repeat -12px 0}
	
	
.exh-pass{ width:300px; float:right}
.exh-pass ul{ margin-top:30px;}
.exh-pass li{ float:left; margin:0 25px 20px 0;}
.exh-pass li a{ color:#000; font-family:Arial, Helvetica, sans-serif}
.exh-pass li a:hover{ color:#F44}

.exh-current h2,.exh-upcoming h2{ margin-bottom:30px}
.exh-current a,.exh-upcoming a{ font-size:18px;}

.exh-current p.name,.exh-upcoming p.name{ margin-top:20px; width:380px;word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.exh-current p.date,.exh-upcoming p.date{ margin-top:6px; font-size:14px;}
.exh-current p.name a,.exh-upcoming p.name a{ margin-right:20px; font-size:14px}
.en .exh-current p.name a,.exh-upcoming p.name a{ font-size:14px}

/*works*/
.works-slider{ float:left; position: relative; margin: 0 auto; height:500px;}
.works-slider ul{ width:100%; height:100%; display:block; margin:0 auto; padding:0}
.works-slider li {  width:100%; height:100%; display:block; margin:0 auto; padding:0;overflow: hidden; position: absolute; top: 0; left: 0 }
.works-slider li a{ width:100%;display:block;margin:0 auto; padding:0}

 .works-slider .nav-row{z-index: 100; width: 100%; position: absolute; left:0; bottom: 180px;}
.num-nav-four {margin:0 auto; width:1200px; text-align:left;}
	.num-nav-four a { display: inline-block; width: 13px; height: 12px; overflow: hidden; margin: 0 5px; background: url('../images/slide_bg1.png') no-repeat; text-indent: -1000em;}
	.num-nav-four a {zoom: 1;  font-size: 0; line-height: 0;}
	.num-nav-four a.activeSlide {background: url('../images/slide_bg1.png') no-repeat -12px 0}

.works-slider li a{ color:#fff}
.works-slider li a:hover{ color:#F44}
.works-slider li .slider-bg,.store-slider li .slider-bg{width:100%; margin:0 auto ; position:absolute; left:0; top:30%; z-index:1000}
.works-slider li .slider-bg .row,.store-slider li .slider-bg .row{ width:1200px; margin:0 auto;}
.works-slider li .slider-bg .title,.store-slider li .slider-bg .title{ font-size:24px; color:#fff; margin-bottom:40px}
.caption{ font-size:18px; color:#fff; margin:10px 0 0}
.works-slider li .slider-bg p.area,.store-slider li .slider-bg p.area{ margin-top:20px}
.works-slider li .slider-bg p.area a,.store-slider li .slider-bg p.area a{ float:left; width:auto; margin-right:50px; color:#fff}

.work-focus-list{ margin-top:80px}
.work-area .works-slider{ float:none; clear:both;}
.works-slider .nav-row{ bottom:80px;}
.work-area .works-slider li .slider-bg{ top:30%}
.work-area .works-slider li .slider-bg p.area a{ width:auto; margin-bottom:20px; float:none; clear:both} 
.work-area .works-slider li .slider-bg p.area a:hover{ color:#F44}
.work-area .works-slider li .slider-bg p.caption{ margin:20px 0 40px}

.works-list-slider{ position: relative; margin: 50px auto 30px; height:550px;}
.works-list-slider ul{ width:100%; height:100%; display:block; margin:0 auto; padding:0}
.works-list-slider li { width:100%; height:100%; display:block; margin:0 auto; padding:0;overflow: hidden; position: absolute; top: 0; left: }
.works-list-slider li .work-li{ width:1200px; margin:0 auto; overflow:hidden; *height:500px;}
.works-list-slider li .work-li .work-ul{ width:1300px;}
.works-list-slider li .w-box{ width:274px; height:174px; float:left; margin:0 41px 81px 0;}
.works-list-slider li .w-box p{ margin-top:10px;letter-spacing: 2px;}

.works-list-slider .nav-row{z-index: 100; width: 100%; position: absolute; left:0; bottom: 20px; }
.num-nav-five {margin:0 auto; width:1200px; height:30px; text-align:center;}
	.num-nav-five a { display: inline-block; width: 13px; height: 12px; overflow: hidden; margin: 0 5px; background: url('../images/slide_bg1.png') no-repeat;}
	.num-nav-five a {zoom: 1;  font-size: 0; line-height: 0;}
	.num-nav-five a.activeSlide {background: url('../images/slide_bg1.png') no-repeat -12px 0}

.store{ height:690px; overflow:hidden}
.store-slider,.about-slider{ position:relative}
.store .nav-row{z-index: 100; width: 100%; position: absolute; left:0; bottom: 180px;}
.num-nav-six {margin:0 auto; width:1200px; text-align:left;}
	.num-nav-six a { display: inline-block; width: 13px; height: 12px; overflow: hidden; margin: 0 5px; background: url('../images/slide_bg1.png') no-repeat; text-indent: -1000em;}
	.num-nav-six a {zoom: 1;  font-size: 0; line-height: 0;}
	.num-nav-six a.activeSlide {background: url('../images/slide_bg1.png') no-repeat -12px 0}

.store-slider .nav-row{ bottom:50px}
.store-slider a.caption,.store-slider p.caption{font-size: 16px;line-height: 30px; color:#231F20}
.store-slider a.caption:hover{ color:#F44}
.store-slider p.caption{ color:}

.store-slider{ position: relative; margin: 0 auto; }
.store-slider ul{ width:100%; height:100%; display:block; margin:0 auto; padding:0}
.store-slider li {  width:100%; height:100%; display:block; margin:0 auto; padding:0;overflow: hidden; position: absolute; top: 0; left: 0 }
.store-slider li a{margin:0 auto; padding:0}

.about-slider{ height:690px; overflow:hidden}

/*exh page*/
.exh-slider-row{ width:1100px;height:420px; margin:0 0 60px;}
.exh-slider{ float:right;width:680px; height:450px;}
.exh-slider, .exh-slider li {}
	.exh-slider { position: relative; margin: 0 auto }
	.exh-slider li {overflow: hidden; position: absolute; top: 0; left: 0;}
	.exh-slider li img{ height:450px; max-width:680px;}
	.exh-slider ul.img-list{ height:420px;}
ul.img-list li{ text-align:center}

.num-nav-seven { position: absolute; left: -525px; bottom: 250px; z-index: 100; width: 300px; }
	.num-nav-seven a { display: inline-block; width: 13px; height: 12px; overflow: hidden; margin: 0 5px; background: url('../images/slide_bg1.png') no-repeat;}
	.num-nav-seven a { _display: inline; zoom: 1; _background-image: url('../images/slide_bg_ie.png.html'); font-size: 0; line-height: 0; _text-indent: 0 }
	.num-nav-seven a.activeSlide {background: url('../images/slide_bg1.png') no-repeat -12px 0}
	
.num-nav-eight { position: absolute; left:-525px; bottom: 80px; z-index: 100; width: 300px; }
	.num-nav-eight a { display: inline-block; width: 13px; height: 12px; overflow: hidden; margin: 0 5px; background: url('../images/slide_bg1.png') no-repeat; }
	.num-nav-eight a { _display: inline; zoom: 1; font-size: 0; line-height: 0; _text-indent: 0 }
	.num-nav-eight a.activeSlide {background: url('../images/slide_bg1.png') no-repeat -12px 0}
	

ul.text-list{ position:absolute; left:-520px; top:0; width:400px;}
ul.text-list dl{ width:360px;}
ul.text-list dl dt{ font-size:16px; margin-top:20px;line-height:150%;}
ul.text-list dl dd{ font-size:14px; margin-bottom:15px; line-height:180%;}
ul.text-list dl dd.date{font-size: 14px;line-height: 20px; margin:10px 0 15px;}
ul.text-list dl dd a{ margin-right:20px}

.en ul.text-list dl dt{ font-size:16px; margin-top:20px;  line-height:150%;}
.en ul.text-list dl dd{ font-size:12px; margin-bottom:15px; line-height:180%;}
.en ul.text-list dl dd.date{font-size: 14px;line-height: 20px; margin:10px 0 15px;}
.en ul.text-list dl dd a{ margin-right:20px}

#two ul.text-list{ top:-225px; border-top:1px solid #E7E7E8}
#two .num-nav-eight{ bottom:460px}
#two .img-list{ top:-450px}
#two ul.text-list p.tit{ margin-top:20px}
p.tit{ letter-spacing:2px; color:#231F20}


@media only screen and (max-width: 1001px) {
	.works-slider{margin:inherit;height: auto;}
	.works-slider li{height: auto;}
	.works-slider li .slider-bg .row, .store-slider li .slider-bg .row{width:90%;margin:0 auto;}
	.works-slider .nav-row{bottom:30px;}
	.num-nav-four{width:100%;text-align: center;}
	.works-list-slider li .work-li{width:100%;}
	.works-list-slider li .work-li .work-ul{width:100%;}
	.works-list-slider li .w-box{width:100%;margin:0;height: auto;float:none;}
	.works-list-slider li .w-box a{display: block;}
	.works-list-slider li .w-box a img{width:100%;height:auto;}
	.works-list-slider{height: auto;}.
	.works-list-slider li{height:auto;}
	.works-list-slider ul{height: auto;}
	.works-list-slider li .w-box p{margin:0;padding:10px;}	
	.work-focus-list{margin-top:0;}
	.works-list-slider{margin:10px 0 30px;}
	.num-nav-five{width:100%;}
	.works-list-slider .nav-row{bottom:-30px;}
	.s1_exh{width:100%;}
	.exh-current{float:none;width: auto;height: auto;padding:0 10px;}
	.exh-current ul{width: auto;height: auto;}
	.exh-current li{width: auto;height: auto;position: relative;}
	#home-fade li .slider-bg .row{width:90%;}
	.num-nav{text-align:center;width:100%;}
	.nav-row{bottom:30px;}
	.exh-upcoming{float:none;width:auto;height: auto;margin:40px auto 0;padding:0 10px;}
	.works-slider li a img{width:100%;height: auto;}
	.work-area .works-slider li .slider-bg p.caption{display: none;}
	.works-slider li .slider-bg p.area, .store-slider li .slider-bg p.area{display: none;}
	.works-slider li .slider-bg .title, .store-slider li .slider-bg .title{font-size:16px;margin-bottom:10px;color:#ffffff;text-shadow:1px 1px 1px #000;}
	.works-slider li a{font-size:12px;color:#ffffff;text-shadow:1px 1px 1px #000;}
	.works-slider ul{height:250px;}
	.section.s2{padding-top:0 ;}
	#home-fade li a img{width:100%;height:auto;}
	#home-fade, #home-fade li{height: auto;}
	.caption{display: none;}
	#home-fade li .slider-bg p.area{display: none;}
	#home-fade li .slider-bg .title{text-shadow: 1px 1px 1px #000;margin-bottom:10px;}
	#home-fade li a{text-shadow: 1px 1px 1px #000;}
	#home-fade ul{height:250px;}
	.exh-upcoming ul{width: auto;height: auto;}
	.s3{padding-top:0;}
	.store-slider li{height:auto;}
	.store-slider li .caption{display: block;text-shadow: 1px 1px 1px #000;color:#ffffff;}
	.store-slider li a img{width:100%;height:auto;}
	.store-slider ul{height:250px;}
	.exh-pass{width:auto;padding:0 10px;}
	.store{height: auto;}
	.about-slider{height:auto;}
	.about-slider ul li img{width:100%;height:auto;}
	.about-text{float:none;width: auto;padding:0 10px;}
	.about-weibo{float:none;}
	.about-weibo img{width:100%;height: auto;}
	/*.about-area{margin-top:0;}*/
	.exh-slider{float:none;width:100%;height: auto;}
	.num-nav-seven{position: relative;left:0;bottom:0;width:100%;}
	.exh-slider ul.img-list{height:auto;}
	.exh-slider li{position: relative;}
	.exh-slider li img{height: auto;max-width:100%;}
	ul.text-list{position: relative;left:0;top:0;width:auto;padding:10px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}