@charset "utf-8";
/* CSS Document */
body{font-family:Microsoft YaHei; margin:0; padding:0;}
html{font-size:62.5%;}
html,body{ width:100%; overflow:hidden;}
@font-face {
	font-family: 'icomoon';
	src:url('../font/icomoon.eot?-wszqrc');
	src:url('../font/icomoon.eot?#iefix-wszqrc') format('embedded-opentype'),
		url('../font/icomoon.ttf?-wszqrc') format('truetype'),
		url('../font/icomoon.woff?-wszqrc') format('woff'),
		url('../font/icomoon.svg?-wszqrc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
img{ width:100%; border:0px; vertical-align:middle;}
a{  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
header{position:relative;}
/*.title{font-size:1.8rem; color:#000; text-align:center; padding:14px 0 14px 0;}*/
.tle_img{ position:fixed; top:3%; left:2%; z-index:9; width:5%;}
header ul.sidenav{position:absolute; left:-40%; background:#FFF; top:44px; z-index:11; width:40%;}
header ul.sidenav li{font-size:1.4rem; width:75%; border-bottom:1px solid #d1d1d1; margin:0 auto; padding:12px 0 12px 0;}
header ul.sidenav li .idn_lst{width:15%; float:left; margin-right:4%; font-size:1.6rem;}
header ul.sidenav li .icon-07,header ul.sidenav li .icon-13,header ul.sidenav li .icon-14{ font-size:1.2rem}
header ul.sidenav li a{ display: block;opacity: 0; transform: translateX(15px); transition: all 0.4s;}
header ul.sidenav li:nth-child(1) a {transition-delay: 0.04s;}
header ul.sidenav li:nth-child(2) a {transition-delay: 0.08s;}
header ul.sidenav li:nth-child(3) a {transition-delay: 0.12s;}
header ul.sidenav li:nth-child(4) a {transition-delay: 0.16s;}
header ul.sidenav li:nth-child(5) a {transition-delay: 0.20s;}
header ul.sidenav li:nth-child(6) a {transition-delay: 0.24s;}
header ul.sidenav li:nth-child(7) a {transition-delay: 0.28s;}
header ul.sidenav li:nth-child(8) a {transition-delay: 0.32s;}
header ul.sidenav li:nth-child(9) a {transition-delay: 0.36s;}
header ul.sidenav li:nth-child(10) a {transition-delay: 0.40s;}
header ul.sidenav li:nth-child(11) a {transition-delay: 0.44s;}
header ul.sidenav li:nth-child(12) a {transition-delay: 0.48s;}
header ul.sidenav li:nth-child(13) a {transition-delay: 0.52s;}
header ul.sidenav li:nth-child(14) a {transition-delay: 0.56s;}
.tle_img{position:absolute; left:5%; top:17px; width:5%;}

.swiper-slide{background:#FFF;}


.introduction{width:20%; float:left; margin-left:11%; margin-top:15%;}
.preface{width:20%; float:left; margin-left:11%; margin-top:15%;}
.curator{width:15%; float:left; margin-left:11%; margin-top:15%;}
.artist{width:42%; margin:15% auto 0 auto;}
.art_txt{width:89%; margin:5% auto 0 auto;}
.art_txt span{margin-right:5%; font-size:1.2rem; margin-top:5%; display:block; float:left;}
.work{width:42%; margin:11% auto 11% auto;}
.panoramic{width:42%; margin:11% auto 11% auto;}
.pan_txt{font-size:1.2rem; width:100%; text-align:center;}
.pan_txt a{text-decoration:underline; font-weight:bold; margin-left:10px;}


.map{width:42%; margin:15% auto 15% auto;}
.int_txt{text-align:center; font-size:1.6rem; text-decoration:underline; font-weight:bold; margin-top:10%;}

.art_tle{width:50%; margin:10px auto; text-align:center;background:#FFF;}
.art_tle h2{font-size:1.8rem; color:#000; margin-bottom:5px;}
.art_tle p{font-size:1.5rem; color:#666;}
.art_img{width:35px; height: 35px; text-align: center; line-height: 29px; border-radius: 50%; background: #ccc; position: fixed; bottom:6.5rem; right: 0.2rem;}
.art_img img{ width: 80%; }
.art_text{padding: 1% 4%;}
.art_text h2{font-size:1.8rem; padding-bottom:5%;}
.art_text p,.art_text div{font-size:1.4rem; line-height:22px; text-indent:24px;}

.videoShow{position:relative;}
.videoShow .vd_time{position:absolute; bottom:0; right:0; color:#FFF; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.8); font-size:1.2rem; padding:2px 6px;}
.vd_bx_bg{position:absolute; width:100%; left:0; top:0; background:#000; height:100%; opacity:0.6;}
.vd_a{position:absolute; left:0; top:0; width:100%; z-index:1;}
.vd_txt{padding:10px 4%; margin-bottom:10px; font-size:1.4rem; line-height:18px; color:#000; font-family:Microsoft YaHei;}

.btn_wz a{background:#000; display:block; color:#FFF; padding:14px 0; width:60%; text-align:center; margin:0 auto; font-size:1.8rem;}
.tel_txt{font-size:1.8rem; color:#000; text-align:center; width:100%; display:block; margin-top:25px;}
.m_avt{position:absolute; bottom:5%; left:0; width:100%;}

#arrow{ width:100px; height:auto; position:absolute; left:50%; margin-left:-50px; bottom:10px; z-index:7;}
#arrow div{ width:28px; height:16px; background:url(../images_slide/arr.png) no-repeat; margin:0 auto; -webkit-animation:1s infinite arrowTop; animation:1s infinite arrowTop;}
.art_bx,.art_box,.vd_box,.report_txt{    width: 100%;
    background: #f5f5f5;
    padding: 1% 0px;
    height: auto;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;}
/* NewsList */


#container{position:relative; overflow:hidden;}

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes zoomIn {
  0% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
		    -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){
}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:767px){
      
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
      
}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:321px){
	html{font-size:55%;}
	   header ul li{padding:8px 0 8px 0;}
      .work{width:45%; margin:5% auto 5% auto;}
	  .panoramic{width:45%; margin:5% auto 5% auto;}
	  .map{width:45%; margin:5% auto 5% auto;}
	  .art_text p,.art_text div{line-height:18px;}
}