@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}
html, body {height: 100%; margin: 0; padding: 0; overflow:hidden;background:#999;font-family: Arial, Helvetica, sans-serif, "cwTeXHei"}

/*state*/


/*--------------------------------------------------------------*/
/*  panorama
/*--------------------------------------------------------------*/

.threejs {position:fixed;top:0;left:0;pointer-events:none;}
.anieffect{z-index:999;position: fixed;top:0;left:0;width:100%;height: 100%;background:rgba(255,255,255,1);transition: opacity 1s;pointer-events:none}
.anieffect-fadeout{opacity:0;}
.anieffect-opactity0{opacity:0!important;}
.pano{display:none;}
.plane {z-index:99;}
.css2d {z-index:98; transition:opacity .5s}
.css3d {z-index:97;pointer-events:auto}
.css3dcover {z-index:96;width:100%;height:100%;pointer-events:none}
.webgl2 {z-index:95;opacity:1;}
.webgl1 {z-index:94;opacity:1;}
.webgl-zoomout{transform: scale(1.3,1.3);opacity:0;transition: transform .6s, opacity .9s}
.movearrow{pointer-events:none}
.linkarrow{opacity: .7!important}
.linkarrow-hold{opacity: 1!important}
.loading{z-index:999;display:none;position: fixed;top:50%;left:50%;border-radius:10px;padding:10px 20px;background:rgba(0,0,0,0.5);color:#fff;text-shadow:0 0 20px rgba(0,0,0,0.5);transform: translateX(-50%) translateY(-50%);}
video{object-fit:fill;}
.blackshadow{background:linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 20%);}

/*on playing*/
.playing .footer-toggle{display:none!important;}
.playing .guidemap-toggle{display:none!important;}
.playing .navbar{display:none!important;}
.playing .guidemap{display:none!important;}
.playing .movearrow{display:none!important;}
.playing .linkarrow{display:none!important;}


/*--------------------------------------------------------------*/
/*  navbar
/*--------------------------------------------------------------*/

.navbar{z-index:999;box-sizing: border-box; position: fixed; top:10px;left:10px;transition: 0.2s}
.navbar-collapse {position:relative;max-width: 300px;min-width:260px; }
.navbar-toggle-hold{color:#fff!important;}
.navbar-close{display:none!important;position:fixed;right:15px;top:15px;color:#fff;font-size:24px!important;}
.navbar-nav {position:absolute;top:7px;margin: 0;width:100%;padding: 0; list-style: none; background:rgba(0,0,0,.95);}
.navbar-nav:after{position:absolute; top:-14px; left:25px; content:""; border-top:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid rgba(0,0,0,.8); border-left:7px solid transparent; transform:translateX(-50%);}
.nn-list-item {box-sizing: border-box; position: relative;width:100%;cursor:pointer;transition: .2s}
.nn-list-item:hover {background:rgba(255,255,255,.2);color:#fff;}
.nn-list-item-hold .navbar-subnav{visibility: visible; display:block;opacity: 1;}
.nn-link{box-sizing: border-box;display:inline-block; width:100%;padding:10px 20px; color:#ccc;font-size:16px; text-decoration: none; transition: 0.2s }
.navbar-subnav{visibility: hidden;position: absolute; top: 0; left: 100%; margin: 0; width: 100%; padding: 0; list-style: none; background-color: rgba(0,0,0,.8); opacity:0;transition:opacity .2s;box-shadow: 3px 3px 10px rgba(0,0,0,.2)}
.ns-list-item:hover {background:rgba(255,255,255,.2);}
.ns-link{display:inline-block; padding:10px 20px; color:#ccc;font-size:16px; text-decoration: none; transition: 0.2s}
.ns-link:hover {color:#fff;}

@media (min-width: 1025px) {
  .nn-list-item:hover .navbar-subnav{visibility: visible; opacity: 1;}
  .nn-list-item:hover .nn-link{color:#fff;}
}

@media (max-width: 1024px) {
  .navbar{top:25px;left:25px;}
  .navbar-collapse{display:none;}
  .navbar-close{display:block!important;}
  .navbar-nav {overflow-y:scroll;position:fixed;left:0;top:0;width:100%;height:100%;padding:5px 0 ;text-align: center;}
  .nn-list-item {border-bottom:1px solid rgba(255,255,255,.15);padding:0;line-height:32px !important;}
  .nn-list-item .fa{line-height:32px !important;}
  .navbar-subnav{position: static; display:none;background:#333;}
  .ns-list-item {border-top:1px solid rgba(255,255,255,.15);padding:0;line-height:32px !important;}
  .navbar-subnav .ns-list-item:last-child{border-bottom:1px solid rgba(255,255,255,.15);}
}


/*--------------------------------------------------------------*/
/*  guidemap
/*--------------------------------------------------------------*/

.guidemap {z-index:996;overflow:hidden;position: absolute;right:30px;bottom:60px;width:600px;height:400px;background:rgba(33,33,33,.9);transform: scale(.5,.5);transform-origin:100% 100%;opacity:.5;transition: .2s}
.guidemap:hover {transform: scale(1,1);opacity:1;}
.guidemap:hover .marker{opacity:1;}
.guidemap-inner {position: relative;top:50%;left:50%;width:600px;height:400px;transform-origin:0 0;transform:translate(-50%,-50%);user-select: none; }
.guidemap-pic {z-index:997;position: absolute;left:0;bottom:0;width:100%;heighta:100%;pointer-events:none}
.guidemap-toggle{z-index:998;position:fixed;right:25px;bottom:25px;display:none!important;;color:#fff;font-size:24px !important;width:50px;height:50px;}
.guidemap-close{z-index:999;position:fixed;right:0;top:0;display:none!important;;width:50px;height:50px;line-height:50px!important;text-align:center;color:#fff;font-size:24px !important;}
.marker{z-index:997;position: absolute;width:18px;height:18px;border-radius: 15px;text-align: center;opacity:1;}
.viewer{z-index:998;position: absolute;width:58px;height:58px;background: url(../images/viewer.png);opacity:1;transform: translateX(-50%) translateY(-50%);pointer-events: none}
.marker .fa{line-height: 18px;color:#fff;opacity:0;}
.marker-checked {border:2px solid rgba(255,255,255,1) !important;}
.marker-checked .fa{opacity:1;}
.marker-info {border:2px solid rgba(255,255,255,0);background:#317cf0;}
.marker-photo {border:2px solid rgba(255,255,255,0);background:#ffc400;}
.marker-video {border:2px solid rgba(255,255,255,0);background:rgb(222, 67, 47);}
.marker-tip{margin-top:0px;border:0;border-radius:0;padding:5px 10px;font-size:16px;font-family: Arial, Helvetica, sans-serif, "cwTeXHei"}

@media (max-width: 767px) {
	.guidemap {z-index:999;position: fixed;left:0;bottom:0;display:none;width:100%;height:100%;transform: scale(1,1);opacity:1;}
	.guidemap:hover {transform: scale(1,1);opacity:1;}
	.guidemap-toggle{display:block!important;}
	.guidemap-close{display:block!important;}
}

/*guidemap list*/
.guidemap:hover .guidemap-item{transform: scale(1,1);}
.guidemap:hover .guidemap-list{opacity:1}
.guidemap-list{z-index:999;box-sizing: border-box;position:absolute;right:0;top:0;width:20%;height:100%;min-width:120px;padding:0px;opacity:0;transition:.2s;}
.guidemap-list-close{transform:translateX(100%);}
.guidemap-list-close .guidemap-list-toggle{background-color: rgba(255,255,255,.1)}
.guidemap-list-toggle{position: absolute;left:0;top:0px;color:#ccc;font-size:24px!important;width:40px;height: 40px;text-align: center;line-height: 40px!important;background-color: rgba(0,0,0,.9);cursor:pointer;transform: translateX(-100%)!important;transition: .2s}
.guidemap-list-toggle:hover{color:#fff;background-color: rgba(255,255,255,.2)}
.guidemap-list-inner{position:relative;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);}
.guidemap-item{box-sizing: border-box;padding:6px 10px;background-size: contain;background: no-repeat center;font-size: 13px;text-align: center;transition:.2s;transform: scale(.1,.1);cursor:pointer;user-select:none;}
.guidemap-item:hover{background-color:rgba(255,255,255,.2)}
.guidemap-item:hover .guidemap-item-text{color:#fff;}
.guidemap-item-hold{background-color:rgba(255,255,255,.2)}
.guidemap-item-hold .guidemap-item-text{color:#fff;}
.guidemap-item-pic{width:100%;}
.guidemap-item-text{margin-top:5px;color:#ccc;transition:.2s;}

@media (max-width: 767px) {
  .guidemap-item{transform: scale(1,1);}
  .guidemap-list{opacity:1;;}
  .guidemap-list-close{}
  .guidemap-list-close .guidemap-list-toggle{background-color: rgba(0,0,0,0)}
  .guidemap-list-toggle{top:auto;bottom:0;width:50px;height: 50px;line-height: 50px!important;color:#fff;font-size:30px!important;}
}


/*--------------------------------------------------------------*/
/*  script
/*--------------------------------------------------------------*/

.script{display:none;}

/*player*/
.player{z-index:999;box-sizing: border-box; position: fixed; top:10px;left:10px;}
.player-play{transition:.2s;}
.player-play-container{position:relative;}
.player-circle{box-sizing:border-box;position: absolute;top:50%;left:50%;border-radius:50%;background:transparent;transform:translate(-50%,-50%);animation-name: ani-flash; animation-duration: .5s;animation-direction:alternate;animation-iteration-count: infinite;}
.player-circle1{width:60px;height:60px;animation-delay:.2s;}
.player-circle2{width:68px;height:68px;opacity:.75;animation-delay:.4s;}
.player-circle3{width:76px;height:76px;opacity:.5;animation-delay:.6s;}
.player-toggle{position:relative;}
.player-collapse {position:relative;top:7px;max-width: 300px;min-width:260px; height:calc(100vh - 120px);background:rgba(0,0,0,.95)}
.player-collapse:after{position:absolute; top:-14px; left:25px; content:""; border-top:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid rgba(0,0,0,.8); border-left:7px solid transparent; transform:translateX(-50%);}
.player-collapse-inner {overflow-x: hidden;overflow-y: scroll;position:absolute;width:calc(100% - 4px);margin-top:4px;height:calc(100% - 96px);}
.player-collapse-inner::-webkit-scrollbar{width:8px;background-color:rgba(0,0,0,.95);}
.player-collapse-inner::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(255,255,255,.3);}
.player-close{display:none!important;position:fixed;right:15px;top:15px;color:#fff;font-size:24px!important;}
.player-list {display:flex;flex-wrap:wrap;margin: 0;width:100%;padding: 0; list-style: none; }
.player-list-item {box-sizing: border-box; position: relative;width:100%;cursor:pointer;transition: .2s}
.player-list-item:hover {background:rgba(255,255,255,.2);color:#fff;}
.player-item-hold {background:rgba(255,255,255,.2);color:#fff;}
.player-item-link{box-sizing: border-box;display:inline-block; width:100%;padding:10px 20px; color:#ccc;font-size:16px; text-decoration: none; transition: 0.2s;user-select: none;}
.player-header{position:relative;padding:10px 20px;font-size:16px;color:#fff;background:rgba(255,255,255,.15);}
.player-title{font-size: 16px;margin: 6px 0 10px 0}
.player-header-timebar{position:absolute;left:0;bottom:0;width:100%;height:3px;background:rgba(255,255,255,.1);}
.player-header-timecur{width:0%;height:100%;background:rgba(255,0,0,.5);}
.player-header .ui-icon{background:rgba(255,255,255,.2);}
.player-menu{color:#999;}
.player-exit {display:inline-block;cursor:pointer;color:rgba(255,255,255,.0);transition:.2s;}
.player-exit:hover{color:#fff;}
.player-exit:hover .ui-icon{color:#fff;}

@media (max-width: 1024px) {
  .player{top:25px;left:25px;}
  .player-collapse{position:fixed;top:0;left:0;width:100%;max-width: 100%;height:100%;display:none;}
  .player-close{display:block!important;}
  .player-list {padding:5px 0 ;text-align: center;}
  .player-list-item {border-bottom:1px solid rgba(255,255,255,.15);padding:0;line-height:32px !important;}
  .player-list-item .fa{line-height:32px !important;}
}

@keyframes ani-flash {
  from {border:2px solid rgba(255,255,255,0);box-shadow:0 0 10px rgba(255,255,255,0)}
  to {border:2px solid rgba(255,255,255,1);box-shadow:0 0 10px rgba(255,255,255,1)}
}


/*--------------------------------------------------------------*/
/*  area
/*--------------------------------------------------------------*/

.area{z-index:998;position:fixed;top:0;left:0;box-sizing:border-box;height:100%;min-width:200px;max-width:300px;padding:2px;background:rgba(0,0,0,.8);}
.area-close{position:absolute;top:0;right:0px;width:50px;height:50px;border-radius:50%;line-height:50px;text-align:center;color:#999;font-size:24px;transition:.2s;}
.area-close:hover{color:#fff;}
.area-title{padding:20px 30px 0 30px;color:#999;font-weight:normal;font-size:18px;}
.area-list{overflow-y:scroll;margin:0;height:calc(100% - 69px);padding: 10px 0 ;list-style: none;}
.area-list::-webkit-scrollbar{width:10px;background-color:rgba(0,0,0,0);}
.area-list::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(255,255,255,.0);transition:.2s;}
.area-list:hover::-webkit-scrollbar-thumb{background-color:rgba(200,200,200,.3);}
.area-item{padding:10px 30px;color:#ccc;cursor:pointer;transition:.2s;}
.area-item:hover{background:rgba(255,255,255,.2);color:#fff;}
.area-label{display:block;font-size:16px;}
.area-toggle{z-index:999;position:fixed;top:10px;left:10px;width:50px;height:50px;border-radius:50%;line-height:50px;text-align:center;background: #222;color:#999;font-size:24px;transition:.2s;}
.area-toggle:hover{color:#fff;}

@media (max-width: 767px) {
	.area-toggle{top:25px;left:25px;}
}


/*--------------------------------------------------------------*/
/*  share
/*--------------------------------------------------------------*/

.share{z-index:1000;position:fixed;top:0;left: 0;width:100%;height:calc(100% - 45px);background:rgba(25,25,25,0.9);color: #fff;pointer-events:auto}
.share-header{z-index:99;position:fixed;top:0;left: 0;width:100%;height:50px;}
.share-header-title{margin:0;text-align:center;line-height: 50px;font-weight:normal;color:#666;}
.share-close{float:right;display:inline-block;width:50px;height:50px;opacity:.5;cursor:pointer;transition:.2s;background:url(../images/icon-close.png)no-repeat center;}
.share-close:hover{opacity:1;}
.share-container{box-sizing:border-box;margin:0 auto;height:calc(100% - 50px);padding:60px 180px;}
.share-inner{margin:0 auto;max-width:1024px;}
.share-container strong{text-decoration: underline;}
.share-title {margin:36px 0;font-weight:normal;font-size:28px;text-align:center;text-transform:uppercase;}
.share-pic {display:block;margin:0 auto;width:80%;max-width:600px;border-radius:6px;}
.share-subtitle {margin:12px 0;font-weight:normal;font-size:18px;text-align:center;text-transform:uppercase;}
.share-text{margin:30px 130px 30px 130px;font-size:16px;line-height: 24px}
.share a{color:#fff;}
.share-list{margin:0;padding:0;list-style: none;text-align: center}
.share-item{display: inline-block;margin:0 6px;vertical-align: middle}
.share-item .fa{display:inline-block;border-radius:50%;width:50px;height: 50px;line-height: 50px;text-align: center;font-size:24px!important;}
.share-url{display: flex;flex-wrap:wrap;margin-top:20px;justify-content: center}
.share-input{border:1px solid rgba(255,255,255,.1);width:50%;max-width:400px;background-color:rgba(255,255,255,.05);padding:10px 20px;color:#999;font-size: 16px;}
.share-btn{margin-left:4px;padding:10px 16px;border:1px solid rgba(255,255,255,.1);background-color:rgba(255,255,255,.05);color:#999;font-size: 16px;}
.share-facebook{background: #3b5998}
.share-twitter{background: #1da1f2}
.share-google{background: #da4835}
.share-blogger{background: #00c300 url(../images/icon-blogger.png)no-repeat;background-size:cover;}
.share-line{background: #00c300 url(../images/icon-line.png)no-repeat;background-size:cover;}

@media (max-width: 1024px) {
  .share-container{padding:20px 30px;}
}

@media (max-width: 480px) {
  .share-item{margin:0 3px;}
  .share-item .fa{width:46px;height: 46px;line-height: 46px;}

}


/*--------------------------------------------------------------*/
/*  footer
/*--------------------------------------------------------------*/

.footer{z-index:999;box-sizing:border-box;position: fixed;bottom:0;width:100%;height:45px;padding:0 30px;background:#222;color:#999;font-family: Arial, Helvetica, sans-serif, "cwTeXHei";line-height:46px;transition: opacity .5s}
.footer-bg{z-index:998;position: fixed;bottom:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);transition: opacity .5s}
.footer-left{float:left;}
.footer-google{color:#fff !important;font-weight:bold;margin-right: 5px}
.footer-logo{padding-right:10px;line-height:46px;vertical-align: middle;}
.footer-right{float:right;}
.footer-socal{display:inline;}
.footer-right .fa{padding:0 10px;transition:color .2s;}
.footer-right .fa-volume-up{color:#fff;}
.footer-right .fa:hover{color:#fff;}
.footer a{text-decoration: none;color:#999;transition:.2s;}
.footer a:hover{color:#fff;}
.footer-toggle{display:none!important;z-index:998;position:fixed;right:25px;top:25px;display:none;color:#fff;font-size:52px !important;}
.footer-toggle-bg{display:none;background:rgba(0,0,0,.5);}

@media (max-width: 767px) {
	.footer{display:none;right:0;width:180px;height:100%;padding:0;line-height:46px;box-shadow:0 0 30px rgba(0,0,0,1);}
	.footer-left{position:fixed;bottom:0;float:none;padding:15px;line-height:30px;}
	.footer-right{float:none;}
	.footer-logo{width:150px;padding:15px;border-bottom:1px solid #333;}
	.footer-socal{display:flex;border-bottom:1px solid #333;}
	.footer-icon{display:inline-block !important;width:25%;text-align:center;font-size: 20px !important;}
	.footer-toggle{display:block!important;}
}

/*--------------------------------------------------------------*/
/*  hotspot
/*--------------------------------------------------------------*/

.hotspot{position:absolute;display: inline-block; color: #fff; text-align:center; cursor: pointer;}
.hotspot-inner{overflow:hidden;position: relative;height:50px;pointer-events:auto}
.hotspot .hotspot-icon{position:absolute;top:0;left:50%;line-height: 50px;opacity:1;transform:translateX(-50%);transition:opacity .2s .2s, transform .2s .2s}
.hotspot-label{overflow:hidden;display:inline-block;position:relative;width:50px;white-space:nowrap;transition:.2s}
.hotspot-labelinner{display:inline-block;padding:0 10px;line-height: 50px;white-space:nowrap;opacity:0;transform:translateY(50px);transition:transform .2s .0s;}
.hotspot:after{position:absolute; top:97%; left:50%; margin-left:-7px;content:""; border-top:7px solid rgb(222, 67, 47); border-right:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid transparent; }
.hotspot:hover .hotspot-icon{opacity:0;transform:translateX(-50%) translateY(-50px);transition:opacity .2s .0s, transform .2s .0s;}
.hotspot:hover .hotspot-label{width:100%;}
.hotspot:hover .hotspot-labelinner{opacity:1;transform: translateY(0);transition:transform .2s .2s;}
.hotspot-none .hotspot-icon{opacity:0;transform:translateX(-50%) translateY(-50px);transition:opacity .2s .0s, transform .2s .0s;}
.hotspot-none .hotspot-label{width:100%;}
.hotspot-none .hotspot-labelinner{opacity:1;transform: translateY(0);transition:transform .2s .2s;}
.hotspot-stand .hotspot-label{background:#00205b;}
.hotspot-stand:after{border-top:7px solid #00205b}
.hotspot-info .hotspot-label{background:#317cf0;}
.hotspot-info:after{border-top:7px solid #317cf0}
.hotspot-photo .hotspot-label{background:#ffc400;}
.hotspot-photo:after{border-top:7px solid #ffc400;}
.hotspot-video .hotspot-label{background:rgb(222, 67, 47);}
.hotspot-video:after{border-top:7px solid rgb(222, 67, 47);}


/*--------------------------------------------------------------*/
/*  content
/*--------------------------------------------------------------*/

.content{z-index:999;overflow-y:scroll;display:none;position:fixed;top:0;left: 0;width:100%;height:calc(100% - 45px);background:rgba(25,25,25,0.9);color: #fff;pointer-events:auto}
.content-header{z-index:99;position:fixed;top:0;left: 0;width:100%;height:50px;}
.content-header-title{margin:0;text-align:center;line-height: 50px;font-weight:normal;color:#666;}
.content-icon{display:inline-block;width:50px;height:50px;opacity:.5;cursor:pointer;transition:.2s;}
.content-close{float:right;background:url(../images/icon-close.png)no-repeat center;}
.content-close:hover{opacity:1;}
.content-share{float:left;background:url(../images/icon-share.png)no-repeat center;}
.content-share:hover{opacity:1;}
.content-container{box-sizing:border-box;margin:0 auto;height:calc(100% - 50px);padding:60px 180px;}
.content-inner{margin:0 auto;max-width:1024px;}
.content-container strong{text-decoration: underline;}
.content-title {margin:36px 0;font-weight:normal;font-size:28px;text-align:center;text-transform:uppercase;}
.content-subtitle {margin:36px 0;font-weight:normal;font-size:22px;text-align:center;text-transform:uppercase;}
.content-text{margin:30px 130px 30px 130px;font-size:16px;line-height: 24px}
.content-pic{margin:30px 80px 60px 80px;font-size:16px;line-height: 24px}
.content-pic-notes{margin:-5px 0 0 0;color:#999;font-size:14px;font-weight:normal;line-height: 24px}
.content-pic-info{margin:30px 50px 0 50px;font-size:16px;line-height: 24px}
.content-video{display:block;margin:30px auto 60px auto;width:700px;height:400px!important;}
.content-sound{margin:0 6px;display: inline-block}
.content-audio-icon{color:#ccc!important;font-size: 24px!important;cursor:pointer;transition: .2s}
.content-audio-icon .fa{animation-iteration-count: infinite!important; }
.content-audio-icon:hover{color:#fff!important;}
.content-link{margin:0;padding:0;list-style: none}
.content-link-item{}
.content-slideshow{overflow-y:hidden;position:fixed;margin:0;padding:0;top:50%;left:50%;height:auto;transform:translateX(-50%) translateY(-50%);text-align:center;}
.content-slideshow-title{clear:both;margin:0;padding:30px 0 0 0;line-height:30px;font-size:18px;}
.content-slideshow-info{float:left;width:700px;height:400px!important;}
.content-slideshow-info-square{float:left;width:400px;height:400px!important;}
.content a{color:#fff;}

@media (max-width: 1024px) {
	.content-container{padding:20px 30px;}
	.content-pic{margin:20px 70px 40px 70px;}
	.content-text{margin:20px 70px;}
	.content-slideshow-info{width:600px;height:360px!important;}
	.content-video{width:600px;height:360px!important;}
}

@media (max-width: 768px) {
	.content{height:100%;}
	.content-container{height:100%;}
	.content-title {margin:20px 0;font-size:24px;}
	.content-container{padding:15px 20px;}
	.content-pic{margin:20px 40px 30px 40px;}
	.content-text{margin:20px 40px;}
	.content-slideshow-info{width:540px;height:320px!important;}
	.content-slideshow-title{padding:20px 0 0 0;}
	.content-video{width:540px;height:320px!important;}
}

@media (max-width: 640px) {
	.content-title {font-size:20px;}
	.content-pic{margin:20px 30px 30px 30px;font-size:15px;}
	.content-pic-info{margin:20px 30px 0 30px;font-size:15px;}
	.content-text{margin:20px 30px;font-size:15px;}
	.content-slideshow-info{width:400px;height:280px!important;}
	.content-slideshow-title{padding:10px 0 0 0;}
	.content-video{width:400px;height:280px!important;}
}

@media (max-width: 480px) {
	.content-pic-info{margin:20px 0 0 0;}
	.content-slideshow-title{font-size:16px;}
	.content-slideshow-info{width:320px;height:200px!important;}
	.content-video{width:320px;height:200px!important;}
}

@media (max-height: 480px) {
	.content-fullscreen{width:100vw;height:100vh;}
	.content-fullscreen .content-container{padding:0;}
	.content-fullscreen .content-title{margin:10px 0;}
	.content-fullscreen .content-pic-info{margin:20px 0 0 0;}
	.content-fullscreen .content-slideshow{position:static;margin:0;padding:0;top:0;left:0;height:auto;transform:none;text-align:center;}
	.content-fullscreen .content-slideshow-title{position:fixed;left:0;right:0;bottom:10px;margin:0 auto;width:90%;font-size:15px;line-height:24px;}
	.content-fullscreen .content-slideshow-title br{display:none;}
	.content-fullscreen .content-slideshow-info-square{position:fixed;top:50%;left:50%;width:240px;height:240px!important;transform:translateX(-50%) translateY(-50%);}
}

.content-list{margin:0;padding: 0;list-style: none;display:flex;}
.content-list-item{box-sizing:border-box;width:33.333%;padding:0 20px;}
.content-list-item a{text-decoration: none;color:#fff;}
.content-list-item a:hover{text-decoration: underline;}
.content-item-title{font-weight: normal;;color:#fff;}
.content-item-text{line-height: 26px;color:#999;}
.content-item-pic{width:100%;height:300px;background:no-repeat center;background-size: cover}
.content-photo{margin:0;padding: 0;list-style: none;width:100%;display:inline-flex;
    flex-wrap:wrap;align-content:stretch;}
.content-photo-item{box-sizing:border-box;width:25%;padding:10px 10px;}
.content-photo-pic{width:100%;height:150px;background:no-repeat center;background-size: cover}

/*slideshow*/
.slideshow{position: relative;}
.slideshow-menu{z-index:999;position: absolute;top:50%;width:100%;}
.slideshow-icon{position: absolute;width:50px;height:50px;border-radius:50px;border:2px solid #fff;background:rgba(0,0,0,.5);text-align: center;opacity:.5;cursor:pointer;transform:translateY(-50%)!important;transition:.2s;}
.slideshow-icon:hover{opacity:1;}
.slideshow-next{right:20px;}
.slideshow-prev{left:20px;}


/*--------------------------------------------------------------*/
/*  ui
/*--------------------------------------------------------------*/

/*float align*/
.float-left{float:left;}
.float-right{float:right;}
.float-center{margin:0 auto;}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}

/*ui*/
.ui-icon{display:inline-block;width:50px;height:50px;border-radius:50%;line-height:50px;text-align:center;background: #222;color:#999;font-size:24px;}
.ui-icon-s{width:30px;height:30px;line-height:30px!important;font-size:16px!important;}
.ui-icon:focus {outline: none}
.ui-icon:hover{color:#fff;}
.ui-icon-hold{color:#fff;}
.ui-hover{color:#ccc;}
.ui-hover:focus {outline: none}
.ui-hover:hover{color:#fff;}
.ui-hide{opacity:0!important;pointer-events: none}