@charset "utf-8";
html,body{width: 100%;position: relative;}
html {font-size: 625%;/*100 梅 16 脳 100% = 62.5%*/}
body {font-size: 0.14rem;/*0.14 脳 100px = 14px */}

@font-face {font-family: "iconfont";
  src: url('font/iconfont.eot?t=1608559971216'); /* IE9 */
  src: url('font/iconfont.eot?t=1608559971216#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAV8AAsAAAAACrgAAAUvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDdAqHWIZhATYCJAMgCxIABCAFhG0HcRtkCVGUT06I7CuMW3iiY0YiQRCwBtUWB6MYwHbnAACAfoEIiO8FEMTD0xrr/Z1ZR7xBEo1Es0oiiiZKoHLesod2Id1VtAT+b06vG187YHvPB9rKISu0wX8JX97PL6mx01NmE5IUkNz/5JU/WJhH0Mm0XlBJnZnjijyCkxQ+1u++0zSATGEmcMiRHphbzAl95UDD0s/f79WfCZbnt32X+35lr5M2HQ9oQBFtRbaBlDBOZTgXuEmZuN9PoDNDU9nfPT5jIzI6LBB3UeCwEY9PTuCHxllFnJvFN5DSFA/oI8NX4+vjjRkjFMqEHnR8u+Oz9ceBF57uecrjdAV0dRHcdiVhFZNVr4+MfYBZtVX9uk8n7hQzIv5iP4/4Y/MR3t/2z3zxdz4wE7YoNA3/4jG1LCSlSkFUyDbAyNf1mkdc0Tl2B1gF7RnwCNi/wiPB/h9qSp6H1FS8yI9RgEazj4AeC/7vQKx1kVCIaJKN4eML9cnJWm1smr9Ku3oYNXUkTaid2UZPi7QystpFk5RmektLHTUhL9+i2Tam3YZwc3f0G08CCqOT6UI2pm0KQejpVa1dsQLH3WNZwe0tQZGarZ0ANWEpnNKeY5EHTywmLWmlRbWQ1nuHUBtpo7Oa6NBB2se1MoI4xFaXwUKU4OU4E3PrqtuNEGmRrZ2aLZpES+NZjJ6uS9jhHdk6qiAa1+E+JBeq2feCJta9fVps5NoevS/apXbqyixoX3BI+zLiaM1b48xWLYV2HY7zPeZEYv9dMekdyWYK2WuW5m5Ceq/E1O3lbdF0OHQeWFtvMCHPr9RBEoyehV6nr7e3b6d5fYYkrEbAw2b1TLWffnEH0Z42stJ/QVq4n3V6BtLoMoy2zzjGlXH1TNPtq3xL727s4gLrFkhzd6NAQOrLSPPQjJUbJVwtU1XZz6vfMM8T37u728N3cYm4fqJEAjvuSUkdeh2wXmdSEs6BDLO9k+4zegxMt/h32AjA/HbxOwuZdzWMT3OWR9S5DMMuPw/k0v8ya/cfheiv8yrXVVZbSQ3AqGGM+47NKnXx6XEP7skr2d2LjOWL6sBmo46TD2wreblsgj9FmfGlJlS0ja+ir/CngWElPmFIUhISBqRh6jQnJ6nzYfx64DaQahJVWRFpoirwqQhDq/r6qlAJccTNYV63QDXqWpWVvu1IvExxcLEM4u9Q+edfnULZ/e+P7Uf8I7aJn4yzCTGsMgqJZeYqc3nMcxuoluKbyAhGl1HDb3TN9f2cnZyd3+ipKUET0PWxCjQK8NcuMAIAoJ9QHoA/IOT9AN+EuhDgt81gwQAAPUF/nODfAzaq/D8Fa2L5v6lm8E/6r2dk3y9xViyg2Y/x4HTWZ1yWv0byN/k9P8UnqrIfuXRVWjqxhpM4NeaFOSYzDyQ0Jh0o1KYhacziM3kVSr01qDS2oLNi7+LeONQvcotl9xKEEQ9QGPIHkhFP+Ex+htKUP6iMRD90TmLmmr35iPgWgkPgC7cnIk/lUg4SNwefQNBKHXQbDcEFYBkVRcOo+5t7kANWcULZDppEUkhUmdiVHgZpqkSBKgaPjJCoWDRNGfVBhqcyxu1BwEGAT3D1CBGPkpPaxoQHPv8ECLSkHJgw60fzAkClaOtCg6GeAb9nyzPN2pWRpbZAE7GKJMjbQCUj7LIISEVNEYrovWLAQwxhgUphkclWk1ltRvOObE1vgg49o4kiUuQoo4o6mmh1F4iqo/vKcfkARRnwnmrFkZOTvs1AkTo9njmFjnZMAAdapbqsmhRtMAYA') format('woff2'),
  url('font/iconfont.woff?t=1608559971216') format('woff'),
  url('font/iconfont.ttf?t=1608559971216') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('font/iconfont.svg?t=1608559971216#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: "Century";
  src: url("font/Century.woff2") format("woff2"),
       url("font/Century.woff") format("woff"),
       url("font/Century.ttf") format("truetype"),
       url("font/Century.eot") format("embedded-opentype"),
       url("font/Century.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CenturyGothic";
  src: url("font/CenturyGothic.woff2") format("woff2"),
       url("font/CenturyGothic.woff") format("woff"),
       url("font/CenturyGothic.ttf") format("truetype"),
       url("font/CenturyGothic.eot") format("embedded-opentype"),
       url("font/CenturyGothic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FuturaBT_Bold";
  src: url("font/futurabt-bold.woff2") format("woff2"),
       url("font/futurabt-bold.woff") format("woff"),
       url("font/futurabt-bold.ttf") format("truetype"),
       url("font/futurabt-bold.eot") format("embedded-opentype"),
       url("font/futurabt-bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CALISTB";
  src: url("font/CALISTB.woff2") format("woff2"),
       url("font/CALISTB.woff") format("woff"),
       url("font/CALISTB.ttf") format("truetype"),
       url("font/CALISTB.eot") format("embedded-opentype"),
       url("font/CALISTB.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e665";
}

.icon-time:before {
  content: "\e90a";
}

.icon-youjiantou:before {
  content: "\e6e0";
}

.icon-play:before {
  content: "\e632";
}

.icon-map-marker:before {
  content: "\e6fe";
}

.icon-user:before {
  content: "\e8a2";
}

.icon-youjiantou1:before {
  content: "\e604";
}

@-webkit-keyframes hvr-wobble-vertical-mild{0%{-webkit-transform:translateY(2px);transform:translateY(2px)}33.3%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}49.95%{-webkit-transform:translateY(1px);transform:translateY(1px)}66.6%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}100%{-webkit-transform:translateY(2px);transform:translateY(2px)}}
@-webkit-keyframes opacityAnimate{0%{opacity:.5}50%{opacity:1}49.95%{opacity:.5}66.6%{opacity:1}100%{opacity:.5}}


.banner-panel{width:100%;position:relative;overflow:hidden;}
.banner-panel .banner-box{display:block; position: relative; width: 100%; padding: 0;padding-bottom: 36.46%;}
.banner-panel .banner-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
.banner-panel .banner-img img{width: 100%;height: 100%;}
.banner-panel .banner-img video{position: absolute;	width: 100%; left: 0px;	top: 50%;transform: translateY(-50%);object-fit: cover;}
.banner-panel .banner-title{position: absolute; display: block; overflow: hidden; width: 100%; height:1rem; bottom:0; left:0;}
.banner-panel .banner-title .con{width:6rem; padding-left:0.45rem; font-size:0.24rem; line-height:0.3rem; color:#fff;}

.banner-panel .swiper-container-horizontal>.swiper-pagination-bullets,.banner-panel .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0.4rem;left: auto; right:calc((100% - 12rem) / 2); width: auto;}
.banner-panel .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px; width:60px; height:3px; background:#c6a877;  opacity:1.0; border-radius:0; }
.banner-panel .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff; }
.banner-panel .swiper-num{position:absolute; bottom: 0.3rem; right:calc((100% - 12rem) / 2 + 0.5rem); font-size:0.22rem; color:#fff; z-index:11111;}

.banner-panel-m{display:none;}
.banner-panel-explore {display:none; font-size: 0.2rem;position: absolute; z-index: 1; bottom: 2em;left: 50%; -webkit-transform: translateX(-50%) perspective(0.1px); transform: translateX(-50%) perspective(0.1px); text-shadow: 0 0 0.4em #000;}
.banner-panel-explore .anchor {line-height: 1;display: block;-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);text-align: center;color: #fff;}
.banner-panel-explore .anchor-txt {margin-bottom: .3em; -webkit-animation: 2s hvr-wobble-vertical-mild infinite; animation: 2s hvr-wobble-vertical-mild infinite; letter-spacing: .04em;}
.banner-panel-explore .anchor-arrow {-webkit-animation: 2s hvr-wobble-vertical-mild infinite;animation: 2s hvr-wobble-vertical-mild infinite;}
.banner-panel-explore .anchor-arrow .path1{font-size:0.18rem;}
.banner-panel-explore .anchor-arrow .path2{margin-top:-12px;}
.banner-panel-explore .anchor-arrow .path1 .iconfont:before,.banner-panel-explore .anchor-arrow .path2 .iconfont:before{font-size:22px;}
.banner-panel-explore .anchor-arrow .path1 .iconfont:before{ -webkit-animation: 1s opacityAnimate .3s infinite; animation: 1s opacityAnimate .3s infinite}
.banner-panel-explore .anchor-arrow .path2 .iconfont:before{ -webkit-animation: 1s opacityAnimate .3s infinite; animation: 1s opacityAnimate .6s infinite}