.text-white{color:#fff}.home_product>.title{font-size:3.4rem;font-weight:700;text-align:center;margin-bottom:3%}.home_product{padding:5%;margin:0 auto}.product_list>a{display:inline-block;vertical-align:top;text-align:center;border:1px solid #bbb;width:45%;margin-bottom:5%;padding:2% 3%;-webkit-transition:all .5s;transition:all .5s;color:#555}.product_list>a:hover{background:#222}.product_list>a:hover span{color:#e50012}.product_list>a:nth-child(2n+1){margin-right:8%}.product_list img{opacity:1;margin:0 auto}.product_list div{height:75px;display:table;vertical-align:middle;margin:0 auto}.product_list span{display:table-cell;vertical-align:middle;font-size:1.8rem;font-weight:700}.pc1,.pc2,.pc3{position:absolute;width:33.3%;max-width:640px;height:100%;z-index:1}.pc1{left:0}.pc2{left:33.3%}.pc3{left:66.6%}.home-banner:hover>img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.home-banner:hover>.pc1{width:31.5%}.home-banner:hover>.pc2{width:36.8%;left:31.5%}.home-banner:hover>.pc3{width:31.5%;left:68.3%}@media(min-width:992px){.home_product{padding-left:1.5%;padding-right:1.5%}.product_list{text-align:center}.product_list>a{width:13%;padding-left:1%;padding-right:1%}.product_list>a,.product_list>a:nth-child(2n+1),.product_list>a:nth-child(4n){margin-right:1%}.product_list>a:nth-child(7n){margin-right:0}}@media(min-width:1200px){.home_product{padding-left:8%;padding-right:8%}}.slick-next,.slick-prev{line-height:0;position:absolute;top:50%;transform:translate(0,-50%);display:block;width:30px;height:40px;cursor:pointer;color:transparent;border:none;background:0 0;z-index:99;overflow:hidden}.slick-next:focus,.slick-prev:focus{outline:0}.slick-prev{left:5%}.slick-next{right:5%}.slick-next:before,.slick-prev:before{font-size:50px;color:#fff}.slick-prev:before{content:'\2039'}.slick-next:before{content:'\203a'}.slick-dots{position:absolute;bottom:5%;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{display:inline-block;margin:0 5px}.slick-dots button{font-size:0;width:11px;height:11px;background-color:#fff;box-shadow:0 0 3px #111;outline:0;color:transparent;border:none;border-radius:50%;padding:0}.slick-dots button:focus,.slick-dots button:hover{outline:0}.slick-active button{width:13px;height:13px;background-color:#e50012;padding:0}.section-slick{width:90%;margin:5% auto}img{max-width:100%;height:auto}.pc{display:none}.new-home{text-align:center;margin:0 auto;color:#555}.new-home a{color:#555}section{position:relative;overflow:hidden}.huge-title{font-size:3rem;margin:0 auto;font-weight:400;font-family:"Times New Roman",NotoSansCJKtc,sans-serif}.title{font-size:3rem}.description{font-size:2rem}.description,.tilte{padding:0 1rem}.innovation .mobile{background-image:url(./index_kv_innovation9_m.jpg);background-size:cover;background-position:center;padding:40% 5%}.innovation-word{margin:5% auto}.crafts{padding:50% 5%;text-align:center;background-image:url(./index_kv_persistence9_m.jpg);background-attachment:scroll;background-repeat:no-repeat;background-position:center;background-size:cover}.crafts h3{color:#fff;text-shadow:0 0 10px #111,0 0 10px #111,0 0 10px #111}.spirit{width:90%;margin:8% auto}.spirit-logo{width:50%;margin:auto;max-width:150px}.home-banner{width:90%;margin:5% auto}.home-black{color:#fff;background-color:#000}.home-103-icon{margin-top:-20%;max-width:70%}.home-a1-icon{max-width:40%;margin-top:2rem}.home-a1 span{color:#fff;text-shadow:0 0 5px #3372f9,0 0 10px #3372f9;font-size:2.6rem;margin:0 5px}.home-square{width:90%;margin:5% auto}.home-square>div:first-child{margin-bottom:5%}.section-yt{width:90%;height:0;padding-bottom:50.625%;position:relative;margin:5% auto}#ytplayer{width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:768px){.header{position:absolute;width:100%;background:rgba(250,250,250,.5);z-index:100}}@media (min-width:992px){.pc{display:block}.mobile{display:none}.huge-title{font-size:3.6vw}.detect_scroll img{opacity:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s}.home-banner>img{-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;transition:1s}.detect_scroll.scroll_active img{opacity:1}.detect_scroll .description,.detect_scroll .title{opacity:0;-webkit-transform:translate(0,80px);-moz-transform:translate(0,80px);-ms-transform:translate(0,80px);transform:translate(0,80px);-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;transition:1s}.detect_scroll.scroll_active .description,.detect_scroll.scroll_active .title{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.scroll_active .description{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}.hover-scale .pc img{-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;transition:1s}.hover-scale .pc:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.innovation .pc{background-image:url(./index_kv_innovation9.jpg);background-size:cover;background-position:center;position:relative;width:100%;height:100vh}.innovation-induce-1{position:absolute;top:0;left:0}.innovation-induce-2{position:absolute;top:101%;left:0}.innovation-show-1,.innovation-show-2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.innovation-show-1{opacity:0;transition:.4s}.innovation-show-2{opacity:0}.innovation-induce-1.in-view+.innovation-show-1{opacity:1;transition:.4s}.innovation-induce-2.in-view+.innovation-show-2{opacity:1;transition:.6s .4s}.crafts{background-image:url(./index_kv_persistence9.jpg);padding:20% 5%;background-attachment:fixed}.spirit{display:flex;justify-content:center;align-items:center;width:80%;max-width:1200px}.spirit-logo{max-width:200px;flex-basis:0;flex-grow:1}.spirit-content{margin-left:5%;flex-basis:0;flex-grow:3}.home-banner h3,.home-banner p{margin:0}.home-103 p{width:30%;position:absolute;top:45%;left:3%}.home-a1 p{width:30%;position:absolute;top:65%;left:36%}.home-crown p{width:100%;position:absolute;top:40%}.home-square{display:flex;flex-flow:row nowrap}.home-square>div{flex-basis:0;flex-grow:1}.home-square>div:first-child{margin-right:5%;margin-bottom:0}.home-square .move-element{opacity:0;-moz-transition:1s ease-in-out;-webkit-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out}.home-square .move-element-1{-moz-transform:translate(-100%,0);-webkit-transform:translate(-100%,0);-o-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%,0)}.home-square .move-element-2{-moz-transform:translate(100%,0);-webkit-transform:translate(100%,0);-o-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0)}.home-square .move-element.in-view{opacity:1;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@media (min-width:1200px){.title{font-size:3.4rem}.description{font-size:2.4rem}}
/*.dont_show_bg{
	position: inherit !important;
}*/
.banner_35th{
	position: relative;

    width: auto;
    height: 56.2vw;
    overflow: hidden;

}
.banner_35th .bg_35th{
  position: absolute;
  width: 100vw;
  height: 56.2vw;
  background-color: #dcdddd;
  z-index: -2;
}
/*-------------------dot-------------------*/
.banner_35th .dot_lt_1{
	position: absolute;
	width: 68%;
	left: -17%;
    top: -9%;
    opacity: 0;
	animation: dot_lt_bright 2s 1s linear infinite;
}
.banner_35th .dot_lt_2{
	position: absolute;
	width: 64%;
	top: -27%;
    left: -22%;
    opacity: 0;
	animation: dot_lt_bright 1.8s 1s linear infinite;
}
@keyframes dot_lt_bright {
  0%   {opacity: 0;}
  50%  {opacity: 1;}
  100% {opacity: 0;}
}


.banner_35th .dot_rb_1{
	position: absolute;
    width: 47%;
    bottom: -43%;
    right: -9%;
    opacity: 0;
    animation: dot_opacity_2 3s 1s linear infinite;
}
.banner_35th .dot_rb_2{
	position: absolute;
    width: 48%;
    bottom: -41%;
    right: -9%;
    opacity: 0;
    animation: dot_opacity_2 1.8s 2s linear infinite;
}
@keyframes dot_opacity_2 {
  0%   {opacity: 0;}
  50%  {opacity: 0.5;}
  100% {opacity: 0;}
}
/*-------------------//dot-------------------*/

/*-------------------line-------------------*/
.banner_35th .line_t{
	position: absolute;
	width: 150%;
    top: -6%;
    left: -25%;
    opacity: 0.4;
    animation: line_in .5s ease;
    max-width: inherit;
}
@keyframes line_in {
  0%   {left: -150%;}
  100% {left: -25%;}
}
/*-------------------//line-------------------*/

/*-------------------35-------------------*/
.banner_35th .num_w3_1{
	position: absolute;
    width: 63%;
    top: 29%;
    left: -100vw;
    animation: w3_1_in 1200000s 2.5s ease infinite;
}
@keyframes w3_1_in {
  0%   {left: -100vw;}
  0.0001% {left: -3.75%;}
  100% {left: -3.75%;}
}
.banner_35th .num_w3_2{
	position: absolute;
    width: 63%;
    top: 30.5%;
    left: -100vw;
    animation: w3_2_in 1200000s 2.5s ease infinite;
}
@keyframes w3_2_in {
  0%   {left: -100vw;}
  0.0001% {left: -5.75%;}
  100% {left: -5.75%;}
}
.banner_35th .num_w5_1{
	position: absolute;
    width: 42.3%;
    top: 37.8%;
    right: -100vw;
    animation: w5_1_in 1200000s 2.5s ease infinite;
}
@keyframes w5_1_in {
  0%   {right: -100vw;}
  0.0001% {right: -4.25%;}
  100% {right: -4.25%;}
}
.banner_35th .num_w5_2{
	position: absolute;
    width: 42.3%;
    top: 39.5%;
    right: -100vw;
    animation: w5_2_in 1200000s 2.5s ease infinite;
}
@keyframes w5_2_in {
  0%   {right: -100vw;}
  0.0001% {right: -5.5%;}
  100% {right: -5.5%;}
}
.banner_35th .num_w5_3{
	position: absolute;
    width: 42.3%;
    top: 41.2%;
    right: -100vw;
    animation: w5_3_in 1200000s 2.5s ease infinite;
}
@keyframes w5_3_in {
  0%   {right: -100vw;}
  0.0001% {right: -6.75%;}
  100% {right: -6.75%;}
}
.banner_35th .num_w5_4{
	position: absolute;
    width: 42.3%;
    top: 42.9%;
    right: -100vw;
    animation: w5_4_in 1200000s 2.5s ease infinite;
}
@keyframes w5_4_in {
  0%   {right: -100vw;}
  0.0001% {right: -8%;}
  100% {right: -8%;}
}
.banner_35th .num_g3{
	position: absolute;
    width: 62%;
    left: -100vw;
    top: 27%;
	animation: g3_in 1200000s 2.5s ease infinite;
}
@keyframes g3_in {
  0%   {left: -100vw;}
  0.0001% {left: -0.75%;}
  100% {left: -0.75%;}
}
.banner_35th .num_g5{
	position: absolute;
    width: 42.25%;
    top: 36%;
    right: -100vw;
    animation: g5_in 1200000s 2.5s ease infinite;
}
@keyframes g5_in {
  0%   {right: -100vw;}
  0.0001% {right: -3%;}
  100% {right: -3%;}
}
/*-------------------//35-------------------*/

.banner_35th .logo{
	position: absolute;
    width: 7%;
    top: 43.5%;
    left: 46.5%;
    /*transition: .8s;*/
    opacity: 0;
    animation: logo_in 1200000s 1s linear infinite;
}
@keyframes logo_in {
  0%   {opacity: 0;}
  0.0001% {opacity: 1;}
  100% {opacity: 1;}
}
.banner_35th .circle_group .circle{
	position: absolute;
    /*width: 278vw;
    height: 278vw;
    top: -408%;
    left: -65%;*/
    z-index: -1;
    border-radius: 100%;

    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(0deg,#dcdddd,#dcdddd),linear-gradient(90deg,#b3956e,#cfb15f,#e9e198,#bca37f,#d6c287);
   /* background-image: linear-gradient(0deg,#dcdddd,#dcdddd),linear-gradient(90deg,#9C27B0,#c6a6ff,#f44336,#E91E63,#F44336);*/
    border: 2px transparent solid;

    transform: rotate(0deg);
}
@keyframes animatedgradient {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(-270deg);
  }
}

.banner_35th .circle:nth-of-type(23){
	width: 278vw;
    height: 278vw;
    top: -408.5%;
    left: -66%;
    animation: circle_23_in .5s ease, animatedgradient 10s linear infinite;
}
@keyframes circle_23_in {
  0%   {left: -200%;}
  100% {left: -66%;}
}


@keyframes circle_0_in {
  0%   {left: -200%;}
  100% {left: -110%;}
}
@keyframes circle_21_in {
  0%   {left: -200%;}
  100% {left: -71.003%;}
}
@keyframes circle_20_in {
  0%   {left: -200%;}
  100% {left: -72.86%;}
}
@keyframes circle_19_in {
  0%   {left: -200%;}
  100% {left: -74.717%;}
}
@keyframes circle_18_in {
  0%   {left: -200%;}
  100% {left: -76.574%;}
}
@keyframes circle_17_in {
  0%   {left: -200%;}
  100% {left: -78.431%;}
}
@keyframes circle_16_in {
  0%   {left: -200%;}
  100% {left: -80.288%;}
}
@keyframes circle_15_in {
  0%   {left: -200%;}
  100% {left: -82.145%;}
}
@keyframes circle_14_in {
  0%   {left: -200%;}
  100% {left: -84.002%;}
}
@keyframes circle_13_in {
  0%   {left: -200%;}
  100% {left: -85.859%;}
}
@keyframes circle_12_in {
  0%   {left: -200%;}
  100% {left: -87.716%;}
}
@keyframes circle_11_in {
  0%   {left: -200%;}
  100% {left: -89.573%;}
}
@keyframes circle_10_in {
  0%   {left: -200%;}
  100% {left: -91.43%;}
}
@keyframes circle_9_in {
  0%   {left: -200%;}
  100% {left: -93.287%;}
}
@keyframes circle_8_in {
  0%   {left: -200%;}
  100% {left: -95.144%;}
}
@keyframes circle_7_in {
  0%   {left: -200%;}
  100% {left: -97.001%;}
}
@keyframes circle_6_in {
  0%   {left: -200%;}
  100% {left: -98.858%;}
}
@keyframes circle_5_in {
  0%   {left: -200%;}
  100% {left: -100.715%;}
}
@keyframes circle_4_in {
  0%   {left: -200%;}
  100% {left: -102.572%;}
}
@keyframes circle_3_in {
  0%   {left: -200%;}
  100% {left: -104.429%;}
}
@keyframes circle_2_in {
  0%   {left: -200%;}
  100% {left: -106.286%;}
}
@keyframes circle_1_in {
  0%   {left: -200%;}
  100% {left: -108.143%;}
}
@keyframes circle_0_in {
  0%   {left: -200%;}
  100% {left: -110%;}
}

/*slider_35th_card*/
.slider_35th_card{
      padding: 4% 0%;
    }
    .slider_35th_card .title{
      text-align: center;
      color: #A68130;
      padding: 0% 5%;
    }
    .slider_35th_card .title h2{
      font-size: 38px;
    }
    .slider_35th_card .title p{
      font-size: 24px;
    }
    .slider_35th_card .title a{
      color: #5f4102;
      text-decoration: none;
    }
    .slider_35th_card .title a:hover{
      color: #A68130;
    }
    .slider_35th_card .swiper-container {
      width: 100%;
      padding-top: 30px;
      padding-bottom: 50px;
      cursor: pointer;
    }
    .slider_35th_card .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 480px;
          height: 793.5px;
    }
    .slider_35th_card .swiper-slide img{
      width: 480px;
          height: 793.5px;
    }
    @media (max-width: 768px) {
      .slider_35th_card{
        padding: 10% 0%;
      }
      .slider_35th_card .title h2{
        margin-bottom: 5%;
        margin-top: 0%;
      }
      .slider_35th_card .title p{
        margin: 0;
      }
      .slider_35th_card .swiper-slide {
        width: 70vw;
            height: 115.687vw;
      }
      .slider_35th_card .swiper-slide img{
        width: 70vw;
            height: 115.687vw;
      }
    }
    :root .slider_35th_card .swiper-container .swiper-pagination {
        --swiper-theme-color: #A68130;
    }
    .slider_35th_card .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
      bottom: 0;
    }
/*//slider_35th_card*/