@charset "utf-8";

.performance .y_poster {display: none;}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-height: 800px) {
  .investment-text {
    padding-top: 30px;
  }
  .investment-text strong {
    margin-bottom: 30px;
  }
  .investment-text p {
    line-height: 2;
    font-size: 14px;
  }
}
@media screen and (max-height: 700px) {
  .investment-text strong {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .investment-text img {
    margin-top: 18px;
  }
}
@media screen and (max-width: 1600px) {
  .footer-navs-item {
    margin-left: 45px;
  }
  .investment {
    width: 90%;
    margin-left: -45%;
  }
}
@media screen and (max-width: 1450px) {
  .b-products {
    right: 130px;
  }
  .b-product-item {
    margin-left: 80px;
  }
  .b-products1 {
    right: 0;
  }
  .menu-list > li > a {
    font-size: 28px;
  }
  .menu-list > li > a span {
    font-size: 16px;
  }
  .leval-menu li {
    margin-bottom: 10px;
  }
  .navs-address {
    bottom: 0;
  }
  .screen-one-text strong {
    font-size: 26px;
    margin-bottom: 40px;
  }
  .screen-one-text small {
    font-size: 80px;
  }
  .section-right {
    right: 60px;
  }
  .screen-btn span {
    margin-bottom: 10px;
  }
  .screen-title .screen-one-text .screen-bg strong {
    margin-bottom: 0;
    font-size: 32px;
  }
  .screen-title {
    top: 110px;
  }
  .screen-tow-list {
    bottom: 50px;
  }
  .screen-two-item {
    margin-left: 80px;
  }
  .topcoat:nth-child(2n+2) {
    margin-top: 40px;
  }
  .topcoat p {
    font-size: 14px;
  }
  .series-texts {
    padding-top: 30px;
    bottom: 40px;
  }
  .series-texts small img {
    height: 80px;
  }
  .series-texts strong {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .introduct-text strong {
    display: inline-block;
  }
  .series-texts p {
    font-size: 16px;
  }
  .programme-title strong {
    font-size: 28px;
  }
  .programme-title {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .programme-title .pro-en {
    height: 38px;
    left: 20px;
  }
  .programme-list li {
    margin-top: 40px;
  }
  .intimate-title {
    padding-top: 40px;
    padding-bottom: 36px;
  }
  .intimate-title strong {
    font-size: 28px;
  }
  .intimate-title img,
  .esthetics-texts img {
    height: 80px;
  }
  .videobtn-item strong {
    font-size: 18px;
  }
  .videobtn-item p {
    font-size: 14px;
    letter-spacing: 3px;
  }
  .video-titles {
    padding-top: 80px;
    margin-bottom: 30px;
  }
  .video-titles strong {
    font-size: 28px;
  }
  .video-prev.prev {
    left: 0;
  }
  .video-prev.next {
    right: 0;
  }
  .esthetics-texts {
    padding-top: 36px;
    bottom: 60px;
  }
  .esthetics-texts strong {
    font-size: 34px;
  }
  .videobtn-list1 {
    margin-top: 0;
  }
  .configure strong {
    font-size: 38px;
  }
  .introduct-content {
    padding-top: 100px;
  }
  .introduct-title {
    padding-top: 60px;
  }
  .introduct-title small {
    font-size: 100px;
  }
  .introduct-title strong {
    font-size: 36px;
  }
  .about-navs {
    margin: 40px 0;
  }
  .about-navs li {
    margin-bottom: 18px;
  }
  .about-navs li a {
    font-size: 16px;
  }
  .introduct-img {
    margin-right: 40px;
  }
  .about-navs1 {
    margin: 0;
    margin-top: 20px;
    margin-right: 5%;
  }
  .about-menu-wrap .about-logo {
    margin-left: 5%;
  }
  .history-content {
    padding-top: 100px;
  }
  .history-content .year {
    font-size: 9vw;
  }
  .history-info p {
    font-size: 16px;
  }
  .history-item {
    padding-left: 60px;
  }
  .history-years {
    padding: 0 60px;
  }
  .future-text {
    top: 80px;
  }
  .future-text img {
    height: 60px;
  }
  .future-text strong {
    font-size: 40px;
  }
  .future-text p {
    font-size: 20px;
  }
  .honors {
    padding: 100px 60px 200px;
  }
  .honor-title {
    margin-bottom: 40px;
  }
  .honor-title img {
    height: 60px;
  }
  .honor-title strong {
    font-size: 40px;
  }
  .honor-data {
    margin-bottom: 50px;
  }
  .honor-data-item {
    margin-left: 100px;
  }
  .honor-data-item em {
    font-size: 14px;
  }
  .honor-data-item span i {
    font-size: 14px;
    right: -12px;
  }
  .honor-data-item span strong {
    font-size: 40px;
  }
  .honor-data-item span strong[data-counterupto*="N"] {
    max-width: 46px;
  }
  .honor-data-item p {
    font-size: 15px;
    margin-top: 5px;
  }
  .ptext strong {
    font-size: 38px;
    margin-bottom: 26px;
  }
  .ptext strong div {
    padding: 0 20px;
  }
  .ptext small {
    font-size: 20px;
    margin-bottom: 34px;
  }
  .ptext small div {
    padding: 0 6px;
  }
  .honor-data-item span strong[data-counterupto*="N"] {
    max-width: 38px;
  }
  .case-menu {
    width: 420px;
  }
  .container {
    margin-left: 420px;
  }
  .case-li li a {
    padding: 32px 4%;
  }
  .case-content {
    padding-top: 0;
  }
  .case-content strong {
    margin-bottom: 32px;
  }
  .case-content time {
    margin-bottom: 32px;
  }
  .case-content i {
    margin-top: 40px;
  }
  .footer-navs-item {
    margin-left: 30px;
  }
  .footer-address p {
    font-size: 14px;
  }
  .store-title small,
  .store-title strong {
    font-size: 24px;
  }
  .service-title strong {
    font-size: 20px;
  }
  .service-title {
    margin-bottom: 20px;
  }
  .navs-address1 {
    padding-top: 50px;
  }
  .policy-wrap strong {
    font-size: 20px;
  }
  .policy-wrap {
    padding: 50px 20px 26px;
  }
  .policy-item {
    width: 30%;
    margin-right: 5%;
  }
  .policy-wrap p {
    font-size: 14px;
  }
  .ptext p {
    font-size: 16px;
    line-height: 2;
  }
  .swiper-menu {
    right: 30px;
  }
  .support {
    left: 8%;
  }
  .support li {
    margin-bottom: 24px;
  }
  .support-li b {
    font-size: 22px;
  }
  .support-li span {
    font-size: 16px;
  }
  .tem-list {
    bottom: 30px;
  }
  .tem-item {
    padding: 20px 0;
  }
  .tem-item b {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 36px;
  }
  .tem-item strong {
    margin-top: 12px;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .tem-tab-wrap {
    top: 55%;
  }
  .series-menu-list > li > a {
    font-size: 16px;
  }
  .series-menu-list > li {
    margin-left: 60px;
  }
  .programme-wraps {
    right: 13%;
  }
}
@media screen and (max-width: 1350px) {
  .screen-title .screen-one-text .screen-bg strong {
    font-size: 28px;
  }
  .performance-item {
    margin-left: 60px;
  }
  .door {
    width: 80%;
  }
  .door-list {
    margin-top: 50px;
  }
  .tem-tab-wrap .tem-prev.prev {
    left: -80px;
  }
  .tem-tab-wrap .tem-prev.next {
    right: -80px;
  }
  .investment-text {
    padding-top: 20px;
  }
  .series-info strong {
    font-size: 16px;
  }
  .series-info p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1280px) {
  .screen-two-item {
    margin-left: 50px;
  }
  .intimate-content {
    width: 44%;
    right: 10%;
  }
  .pop-videos-li {
    width: 90%;
    margin-left: -45%;
  }
  .chage-item {
    margin-right: 20px;
  }
  .chage-item img {
    width: 40px;
  }
  .color-change .programme-wraps {
    left: 10%;
  }
  .configure-swiper {
    width: 90%;
    margin-left: -45%;
  }
  .history-content {
    padding-top: 80px;
  }
  .history {
    padding-top: 50px;
    padding-right: 60px;
  }
  .history {
    padding-bottom: 60px;
  }
  .honor-item figure {
    margin: 0 20px;
  }
  .honor-swiper {
    padding: 0 40px;
  }
  .case-more {
    margin-top: 60px;
  }
  .case-title strong {
    font-size: 18px;
  }
  .case-content strong {
    font-size: 20px;
  }
  .case-content p {
    font-size: 14px;
  }
  .case-wrap {
    padding-top: 50px;
    padding-left: 4%;
  }
  .footer-logo {
    margin-bottom: 50px;
  }
  .footer-top {
    padding: 40px 4%;
  }
  .footer-eq img {
    width: 120px;
  }
  .service-contat {
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .footer-navs-item {
    margin-left: 20px;
  }
  .footer-navs-item dt a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .b-products {
    right: 8%;
    left: 8%;
    top: 20%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .b-products:after {
    display: none;
  }
  .b-product-info p {
    padding-left: 40px;
    text-align: center;
  }
  .b-product-item b {
    width: 34px;
    height: 34px;
  }
  .b-product-item b img {
    max-height: 100%;
  }
  .b-product-text small {
    font-size: 12px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  }
  .b-product-text span,
  .b-product-info p div {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  }
  .logo img{
    height: 36px;top: 2px;
  }
  .menu-content-info {
    width: 90%;
    margin-left: -45%;
  }
  .navs-address {
    display: none;
  }
  .menu-list > li {
    width: 50%;
  }
  .screen-one-text strong {
    font-size: 24px;
    margin-bottom: 22px;
  }
  .screen-numble i {
    margin: 0 5px;
  }
  .screen-numble b {
    font-size: 30px;
  }
  .screen-numble span {
    font-size: 16px;
  }
  .screen-btn {
    margin-right: 14px;
    margin-top: -10px;
  }
  .section-right {
    right: 5%;
  }
  .screen-title .screen-one-text .screen-bg strong {
    font-size: 24px;
  }
  .screen-tow-list {
    bottom: 30px;
    width: 90%;
    left: 5%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .screen-two-item {
    margin-left: 0;
    text-align: center;
  }
  .screen-two-item b {
    float: none;
    margin: auto;
    width: 40px;
    height: 40px;
  }
  .screen-two-item b img {
    max-width: 100%;
    max-height: 100%;
    transform: scale(0.7);
  }
  .screen-texts {
    width: 100%;
    margin-left: 0;
    text-align: center;
    margin-top: 12px;
  }
  .screen-texts p {
    font-size: 14px;
    line-height: 1.8;
  }
  .screen-texts p {
    margin-right: 0;
  }
  .topcoat {
    display: none !important;
  }
  .strip-text strong,
  .strip-text p {
    font-size: 14px;
  }
  .strip-wrap {
    position: relative;
    margin: auto;
    padding-bottom: 40px;
    margin-top: 50px;
    width: 90%;
  }
  .strip {
    padding-left: 20px;
    padding-bottom: 15px;
    position: static;
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    padding: 0;
    padding-bottom: 20px;
    width: 46%;
    float: left;
    background-image: none !important;
  }
  .strip:nth-child(2n+2) {
    float: right;
  }
  .strip.strip3 {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  .strip-text {
    padding-left: 10px;
    position: relative;
  }
  .strip-text:before {
    content: "";
    width: 22px;
    height: 22px;
    background: rgba(232, 215, 133, 0.3);
    border-radius: 50%;
    position: absolute;
    left: -22px;
    bottom: -11px;
  }
  .strip-text:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #dece7f;
    position: absolute;
    left: -16px;
    bottom: -5px;
    border-radius: 50%;
  }
  .strip.strip3 .strip-text {
    padding-right: 0;
  }
  .performance-list {
    width: 90%;
    left: 5%;
    bottom: 40px;
  }
  .performance-item {
    width: 33.3333%;
    margin-bottom: 20px;
    margin-left: 0;
    float: left;
  }
  .series-texts small img,
  .intimate-title img,
  .esthetics-texts img {
    height: 60px;
  }
  .series-texts strong {
    font-size: 30px;
  }
  .series-video {
    margin-top: 10px;
  }
  .series-texts {
    bottom: 30px;
  }
  .section-wrap {
    background: none !important;
  }
  .performance,.performance-info {
    height:auto !important;
    /* width: 100% !important; */
  }
  /* .performance .slick-track {
    width: 100% !important;
  } */
  .performance-list {
    position: relative; 
    bottom: 0 !important; 
    left: 0 !important;
    width: 100% !important;
    padding-top: 25px;
    padding-bottom: 10px;
  }

  .performance-list:after {
    content:"";clear:both;display: table;
  }
  .performance .y_poster {
    display: block;
    width: 100%;
    /* height: 100%; */
    background-color: #aaa;
    padding-bottom: 62.5%;
    position: relative;
  }
  .performance .y_poster img{
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit:cover;
  }
  .performance .video {
    display: none;
    clip-path: none;
    -webkit-clip-path: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
  }

/*   .performance-list .performance-item.active b {
  border-color: #fff;
  background: #fff;
}
.performance-list .performance-item.active b:before {
  background: url(../images/play3.png) center no-repeat;
}
.performance-list .performance-item b {
  border-color: #fff;
}
.performance-list .performance-item b:before {
  background: url(../images/play2.png) center no-repeat;
}
.performance-list .performance-item .perform-text span,
.performance-list .performance-item .perform-text i {
  color: #fff;
} */
  .home-box {
    position: relative;
  }
  .home {
    position: relative;
    height: auto;
  }
  .series-contents .series-close {
    top: 0;
    right: -60px;
  }
  .product-swiper {
    height: auto;
    overflow: auto;
  }
  .product-swiper > .swiper-wrapper {
    display: block;
    height: auto !important;
    transform: none !important;
  }
  .product-slide {
    transform: none !important;
    -webkit-transform: none !important;
  }
  .programme-img {
    width: 100%;
    height: auto;
    padding-bottom: 79.8%;
  }
  .product-swiper {
    background: none;
  }
  .product-slide {
    height: auto !important;
    background: url(../img/product.jpg) center no-repeat;
    background-size: cover;
  }
  .programme-contents {
    position: relative;
    width: 100%;
    height: auto;
  }
  .programme-wraps {
    position: relative;
    width: 90%;
    left: auto;
    right: auto;
    margin: auto;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    padding: 80px 0;
  }
  .product-slide:first-child {
    height: auto !important;
  }
  .series-img {
    height: 70vh;
    box-sizing: content-box;
  }
  .series-texts strong,
  .series-texts p {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
  .video-btns {
    bottom: 60px;
  }
  .intimate-img {
    width: 90%;
    float: none;
    margin: auto;
    text-align: center;
  }
  .intimate-content {
    position: relative;
    width: 90%;
    margin: auto;
    right: auto;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  .intimate {
    padding: 80px 0;
  }
  .videobtn-list {
    margin-top: 60px;
  }
  .video-prev {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    margin-top: -17px;
  }
  .video-titles {
    padding-top: 90px;
  }
  .video-titles strong {
    font-size: 24px;
  }
  .esthetics-texts strong {
    font-size: 28px;
  }
  .esthetics-slide {
    pointer-events: visible !important;
  }
  .esthetics-list li {
    margin-left: 100px;
  }
  .esthetics-list li b {
    width: 48px;
    height: 30px;
  }
  .esthetics-list li span {
    font-size: 18px;
  }
  .seeking-img {
    width: 90%;
    margin: auto;
    float: none;
    padding-top: 80px;
    text-align: center;
  }
  .seeking {
    padding-bottom: 80px;
  }
  .videobtn-list1 {
    margin-top: 0;
  }
  .door {
    width: 90%;
  }
  .door-img {
    width: 100%;
    float: none;
    text-align: center;
    height: 80vh;
  }
  .door-img img {
    margin: auto;
  }
  .door {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .door-list {
    width: 100%;
    margin-top: 0;
  }
  .color-change .programme-wraps {
    left: 0;
  }
  .colorlist {
    width: 100%;
  }
  .colorlist .programme-img {
    padding-bottom: 79.8vw;
    height: auto;
  }
  .configure {
    position: relative;
    height: 100vh;
  }
  .configure strong {
    font-size: 30px;
  }
  .configure-item strong {
    font-size: 18px;
  }
  .esthetics-bg {
    clip-path: none;
    -webkit-clip-path: none;
  }
  .esthetics-slide:first-child {
    display: none;
  }
  .esthetics-contents {
    opacity: 1;
    visibility: visible;
  }
  .introduct-img {
    width: 100%;
    margin-right: 0;
    float: none;
    position: relative;
  }
  .introduct-content {
    background: #fff;
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    box-sizing: border-box;
    margin-right: 0;
    padding-top: 50px;
  }
  .introduct-title {
    padding-top: 40px;
    display: none;
  }
  .about-navs {
    display: none;
  }
  .about-menus {
    display: none;
  }
  .header {
    padding: 16px 5%;
  }
  .history {
    padding-top: 0;
    padding-right: 5%;
    padding-left: 5%;
  }
  .history-item {
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .introducts {
    padding-bottom: 40px;
  }
  .history-years {
    padding: 0;
    margin-top: 30px;
  }
  .history-content .year {
    font-size: 80px;
  }
  .history-content {
    padding-top: 50px;
  }
  .history-time strong {
    font-size: 20px;
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  .history-time span {
    line-height: 72px;
  }
  .history-time i {
    margin-top: 37px;
  }
  .introduct-text strong {
    display: block;
  }
  .history-prev {
    width: 40px;
    height: 40px;
    margin-top: -21px;
  }
  .history-prev:hover:before {
    right: 12px;
  }
  .history-prev:before {
    width: 60px;
    height: 10px;
    background-size: auto 100%;
    right: 12px;
    margin-top: -5px;
  }
  .future-text img {
    height: 50px;
  }
  .future-text strong {
    font-size: 30px;
    margin-bottom: 18px;
  }
  .future-text p {
    font-size: 18px;
  }
  .honor-title {
    padding-top: 20px;
  }
  .honor-title img {
    height: 40px;
  }
  .honor-title strong {
    font-size: 30px;
  }
  .honor-data {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .honors {
    padding: 60px 5% 160px;
  }
  .honor-data-item span strong {
    font-size: 30px;
  }
  .honor-data-item span strong i {
    font-size: 14px;
  }
  .honor-data-item {
    margin-left: 50px;
  }
  .honor-data-item span {
    font-size: 14px;
  }
  .ptext strong {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .ptext strong div {
    padding: - 12px;
  }
  .ptext small {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .ptext p {
    padding-top: 50px;
    font-size: 16px;
    letter-spacing: 8px;
  }
  .ptext p:before {
    height: 40px;
  }
  .case-menu {
    width: 100%;
    top: 0;
    float: none;
    position: relative;
    padding-top: 0;
  }
  .container {
    margin-left: 0;
  }
  .case-menu-item {
    display: none;
  }
  .case-more {
    margin-top: 0;
  }
  .case-more-btn {
    display: none;
  }
  .case-list {
    padding: 23px 0;
    display: block;
    margin-top: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .case-list li {
    margin-bottom: 0;
    margin-left: 20px;
  }
  .case-list li:first-child {
    margin-left: 0;
  }
  .case-wrap {
    padding: 0;
  }
  .case-li li a {
    padding: 34px 5%;
  }
  .loadmores {
    padding: 40px 0;
  }
  .footer-navs {
    display: none;
  }
  .case-view {
    width: 90%;
    margin-left: 5%;
    padding-top: 50px;
  }
  .case-titles {
    margin-bottom: 32px;
  }
  .case-titles strong {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .view-banner {
    margin-top: 40px;
  }
  .news-list li:nth-child(2) {
    margin-top: 160px;
  }
  .news-list li strong {
    font-size: 18px;
  }
  .news-list li {
    margin-bottom: 80px;
  }
  .news-view {
    width: 90%;
  }
  .news-title {
    padding-top: 50px;
  }
  .news-title strong {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .store-posite p {
    font-size: 16px;
  }
  .contact {
    padding: 60px 5%;
  }
  .map {
    height: 400px;
  }
  .navs-address1 {
    display: block;
  }
  .policy-list {
    width: 90%;
    top: 60%;
    right: 5%;
    margin-top: -141px;
  }
  .policy {
    width: 100%;
    left: 0;
    top: 80px;
    text-align: center;
  }
  .swiper-menu {
    display: none !important;
  }
  .policy-item {
    margin: 20px 5% 20px 0;
  }
  .support {
    left: 5%;
    width: 90%;
    top: auto;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    bottom: 40px;
  }
  .tem-tab-wrap {
    width: 90%;
    margin-left: -45%;
  }
  .tem-tab-wrap .tem-prev.prev {
    left: -34px;
  }
  .tem-tab-wrap .tem-prev.next {
    right: -34px;
  }
  .tem-item p {
    font-size: 14px;
    height: auto;
  }
  .tem-wrap .video-prev.prev {
    left: -34px;
  }
  .tem-wrap .video-prev.next {
    right: -34px;
  }
  .tem-wrap .video-prev {
    margin-top: -7px;
  }
  .tem-info span {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .tem-info b {
    width: 38px;
    height: 38px;
  }
  .tem-info b:after {
    background-size: cover;
  }
  .tem-wrap:before {
    top: 41px;
  }
  .investment-main {
    padding-left: 0;
  }
  .investment-en {
    font-size: 10vw;
  }
  .investment-main {
    height: 250px;
  }
  .investment-left {
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
    top: auto;
  }
  .investment-left .screen-btn {
    vertical-align: middle;
    margin-left: 20px;
    padding-top: 4px;
  }
  .investment-left .screen-btn span {
    font-size: 22px;
    display: inline-block !important;
    margin-bottom: 0;
  }
  .investment-left .screen-btn span.prev {
    transform: rotate(-90deg);
  }
  .investment-left .screen-btn span.next {
    transform: rotate(-90deg);
  }
  .investment-text p {
    line-height: 1.8;
    font-size: 13px;
  }
  .investment-text strong {
    font-size: 20px;
    margin-bottom: 14px;
  }
  .investment-left {
    width: 100%;
  }
  .product-swiper {
    position: relative;
  }
  .loader-logo {
    width: 340px;
    background-size: 340px auto;
  }
  .loader-logo i {
    background-size: 340px auto;
  }
  .loader-font p {
    font-size: 18px;
    letter-spacing: 8px;
    padding-left: 0;
    padding-right: 0;
    margin-left: -.2em;
  }
  .product-slide {
    opacity: 1;
    transform: scale(1);
  }
  .fohse-preview .section {
    position: relative;
  }
  .intro {
    position: relative;
  }
  .main-box .swiper-wrapper {
    display: block;
  }
  .fohse-preview {
    height: auto;
    display: block;
  }
  .intro .poster {
    opacity: 1;
    visibility: visible !important;
  }
  .intro video {
    opacity: 1;
    visibility: visible;
    display: none;
  }
  .screen {
    bottom: 40px;
  }
  .screen-one-text small {
    opacity: 0.1;
    visibility: visible;
  }
  .screen-one-text strong,
  .screen-arrow,
  .screen-two-item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  .screen-arrow small {
    margin-bottom: 12px;
  }
  .videobtns {
      display: block;
      cursor: pointer;
      width: 44px;
      height: 44px;
      background: #fff;
      position: relative;
      left: 50%;
      /* top: 50%; */
      margin-left: -22px;
      margin-top: 10px;
      margin-bottom: -50px;
      border-radius: 50%;
      /* margin: 0 auto; */
    }
  .videobtns:before {
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -8px;
    content: "";
    border-left: 11px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }
  .screen-title {
    position: relative;
    top: auto;
    margin-top: 50px;
  }
  .section {
    margin-bottom: 40px;
  }
  .section:last-child {
    margin-bottom: 0;
  }
  .section:nth-child(n+2) {
    height: auto !important;
  }
  .section:nth-child(n+2) .section-wrap {
    position: relative;
    top: 0;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    padding-bottom: 20px;
  }
  .section:nth-child(n+2) .screen-tow-list {
    padding-bottom: 50px;
    position: relative;
    bottom: auto;
    margin-top: 32px;
  }
  .screen-tow-list1 .screen-two-item {
    margin-bottom: 0;
  }
  .b-products1 {
    position: relative;
    left: 5%;
    right: 5%;
    top: auto;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    width: 90%;
    margin-top: 120px;
  }
  .b-products1 .b-product-item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  .b-products1 .b-product-item b img.hide {
    display: block;
  }
  .b-products1 .b-product-item b img.show {
    display: none;
  }
  .b-products1 .b-product-item .b-product-text small,
  .b-products1 .b-product-item .b-product-text span {
    color: #fff;
  }
  .product-slide.default-menu {
    height: 100vh !important;
  }
  .screen-title {
    left: 0;
  }
  .screen-title1 strong {
    text-align: center;
    white-space: nowrap;
  }
  .loader-font p:before,
  .loader-font p:after {
    display: none;
  }
}
@media screen and (max-width: 861px) {
  .header-language,
  .header-tel {
    margin-right: 15px;
  }
  .history-img {
    width: 100%;
  }
  .history-content {
    width: 100%;
    margin-top: 30px;
  }
  .history-years {
    margin-top: 0;
  }
  .history-prev {
    display: none !important;
  }
  .honor-data {
    overflow: hidden;
  }
  .honor-data-item {
    margin-left: 0;
    width: 33.3333%;
    float: left;
    margin-top: 30px;
  }
  .honor-data {
    margin-top: 0;
  }
  .store-query,
  .service-contat {
    width: 100%;
  }
  .service-contat {
    margin-bottom: 30px;
  }
  .store-title small,
  .store-title strong {
    font-size: 20px;
  }
  .store-title {
    margin-bottom: 30px;
  }
  .mall-menu .menu-list {
    display: none;
  }
  .mall {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    top: -82px;
  }
  .navs-address1 {
    position: relative;
    width: 100%;
  }
  .mall-eq {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 641px) {
  .b-product-item {
    margin-left: 0;
  }
  .b-product-text span {
    font-size: 15px;
  }
  .b-product-info {
    padding-top: 30px;
  }
  .b-product-info p {
    font-size: 20px;
    letter-spacing: 10px;
  }
  .b-products {
    left: 5%;
    right: 5%;
  }
  .b-product-item b {
    width: 30px;
    height: 30px;
  }
  .header-tel {
    display: none;
  }
  .header {
    padding: 12px 5%;
  }
  .header-language,
  .header-tel {
    margin-right: 16px;
  }
  .header-menu p {
    font-size: 14px;
    margin-right: 16px;
  }
  .logo img{
    height: 32px;top: 4px;
  }
  .menu-list {
    width: 100%;
  }
  .screen-one-text small {
    font-size: 60px;
    top: -20px;
  }
  .screen-title .screen-one-text .screen-bg strong {
    font-size: 22px;
  }
  .screen-btn {
    float: none;
    margin-right: 0;
    margin-bottom: 6px;
    text-align: center;
  }
  .screen-btn span {
    margin-bottom: 0;
  }
  .screen-btn span.next {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
  }
  .screen-texts p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .performance-list {
    bottom: 20px;
  }
  .performance-item {
    text-align: center;
  }
  .performance-item b {
    float: none;
    margin: auto;
  }
  .perform-text {
    float: none;
    margin-left: 0;
    text-align: center;
    margin-top: 10px;
  }
  .perform-text span {
    font-size: 12px;
  }
  .perform-text i {
    font-size: 13px;
  }
  .b-products1 {
    top: 50%;
    margin-top: 40px;
  }
  .series-contents {
    height: 50vh;
    margin-top: 25vh;
    width: 90vw;
  }
  .series-contents .series-close {
    right: auto;
    left: 50%;
    margin-left: -20px;
    top: -60px;
  }
  .series-texts {
    padding-top: 20px;
  }
  .series-texts small img,
  .esthetics-texts img {
    height: 40px;
  }
  .series-texts strong {
    font-size: 24px;
  }
  .series-texts p {
    font-size: 15px;
    letter-spacing: 5px;
  }
  .video-con {
    height: auto;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  }
  .video-con video {
    height: auto;
  }
  .pop-video {
    position: fixed;
    height: 100%;
  }
  .video-info {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: stretch;
  }
  .join-slide .pop-video {
    position: absolute;
  }
  .video-wraps {
    height: 100%;
  }
  .video-wraps .slick-track {
    height: 100%;
  }
  .video-info {
    height: 100%;
  }
  .video-titles {
    width: 100%;
  }
  .video-btns {
    position: relative;
    bottom: 0;
  }
  .video-titles {
    margin-bottom: 0;
  }
  .programme-title strong,
  .intimate-title strong {
    font-size: 22px;
  }
  .programme-wraps {
    padding: 50px 0;
  }
  .programme-title {
    padding-top: 30px;
  }
  .programme-title .pro-en {
    height: 30px;
    top: 20px;
  }
  .programme-title:after {
    font-size: 50px;
  }
  .programme-list li {
    width: 50%;
  }
  .programme-list li strong {
    font-size: 17px;
  }
  .programme-list li p {
    font-size: 14px;
  }
  .series-video {
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    padding-top: 6px;
  }
  .series-video:before {
    background-size: cover;
  }
  .series-video span {
    width: 30px;
    height: 30px;
  }
  .intimate-img figure {
    height: 50vh;
  }
  .intimate-title {
    padding-top: 30px;
  }
  .videobtn-list {
    margin-top: 0;
    display: block;
    overflow: hidden;
  }
  .videobtn-item {
    width: 50%;
    float: left;
    margin-top: 30px;
  }
  .video-titles strong {
    font-size: 22px;
  }
  .video-prev.prev {
    left: -16px;
  }
  .video-prev.next {
    right: -16px;
  }
  .esthetics-contents {
    width: 90%;
    left: 5%;
    bottom: 40px;
  }
  .esthetics-info strong {
    font-size: 16px;
    letter-spacing: 3px;
  }
  .esthetics-list {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .esthetics-list:after {
    display: none;
  }
  .esthetics-list li {
    margin-left: 0;
  }
  .esthetics-list li span {
    font-size: 16px;
  }
  .esthetics-texts strong {
    font-size: 24px;
  }
  .seeking-img {
    height: 50vh;
  }
  .seeking-img {
    padding-top: 60px;
  }
  .seeking {
    padding-bottom: 60px;
  }
  .videobtn-item strong {
    line-height: 1.3;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .videobtn-list1 .videobtn-item {
    margin-top: 30px;
    width: 50%;
  }
  .videobtn-list1 .videobtn-item:nth-child(2n+2) {
    width: 50%;
  }
  .standard {
    margin-top: 40px;
  }
  .standard-tt {
    margin-bottom: 50px;
  }
  .standard-tt-item strong {
    font-size: 18px;
  }
  .door-list .videobtn-item {
    margin-top: 0;
  }
  .door-img {
    height: 50vh;
  }
  .door {
    padding: 60px 0;
  }
  .video-more span {
    font-size: 16px;
  }
  .door-list .videobtn-item {
    display: block;
    margin-bottom: 30px;
    width: 48%;
  }
  .door-list .videobtn-item:nth-child(2n+2) {
    float: right;
    width: 48%;
  }
  .videobtn-item p,
  .door-list .videobtn-item p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: none;
  }
  .color-items strong {
    font-size: 18px;
  }
  .color-items p {
    font-size: 14px;
  }
  .colorchanges {
    margin-top: 40px;
  }
  .configure strong {
    padding-top: 60px;
    font-size: 26px;
  }
  .configure-img {
    height: 60%;
  }
  .configure {
    height: auto;
  }
  .configure-item strong {
    font-size: 15px;
    width: 80%;
    margin: auto;
  }
  .configure-swiper {
    width: 80%;
    margin: auto;
    margin-left: -40%;
  }
  .configure-img {
    position: relative;
    height: 60vh;
    margin-top: 40px;
    margin-bottom: 50px;
  }
  .introduct-info {
    margin-top: 26px;
  }
  .introduct-info p {
    font-size: 14px;
  }
  .history-time {
    padding-bottom: 0;
  }
  .history-info p {
    font-size: 14px;
  }
  .year-items.slick-current strong b {
    font-size: 32px;
  }
  .year-items:before {
    right: 0;
    left: 180px;
  }
  .history-content .year {
    font-size: 60px;
  }
  .history {
    padding-bottom: 40px;
  }
  .future {
    padding-bottom: 400px;
  }
  .future-text {
    top: 40px;
    padding-top: 16px;
  }
  .future-text img {
    height: 40px;
  }
  .future-text p {
    font-size: 16px;
  }
  .honor-swiper {
    padding: 0;
  }
  .honor-title {
    margin-bottom: 10px;
  }
  .honor-title img {
    height: 40px;
  }
  .honor-title strong,
  .future-text strong {
    font-size: 24px;
  }
  .honors {
    padding-top: 40px;
  }
  .honor-data-item p {
    font-size: 13px;
  }
  .ptext p {
    padding-top: 0;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 5px;
  }
  .ptext p:before {
    display: none;
  }
  .ptext small {
    margin-bottom: 0;
    font-size: 16px;
  }
  .ptext strong {
    font-size: 24px;
  }
  .ptext strong div {
    padding: 0 8px;
  }
  .case-li li a figure {
    width: 100%;
  }
  .case-content {
    width: 100%;
    margin-top: 30px;
  }
  .loadmores {
    padding-top: 0;
  }
  .loadmores a {
    font-size: 14px;
    padding-top: 30px;
  }
  .loadmores a:before {
    width: 20px;
    height: 20px;
    background-size: cover;
  }
  .case-detail {
    font-size: 14px;
  }
  .detail-page {
    padding: 35px 0 50px;
  }
  .detail-page a {
    font-size: 14px;
    margin-right: 20px;
    width: 130px;
    height: 42px;
    line-height: 42px;
  }
  .detail-page a i {
    vertical-align: middle;
    margin-top: 0;
    position: relative;
    top: -2px;
  }
  .detail-page a:last-child {
    margin-right: 0;
  }
  .news-list li {
    padding: 0;
    margin-bottom: 50px;
    width: 100%;
  }
  .news-list:before {
    display: none;
  }
  .news-list li i {
    display: none;
  }
  .news-list li time {
    text-align: left;
  }
  .news {
    padding-top: 50px;
  }
  .news-list li:nth-child(2n+2) {
    padding-left: 0;
    margin-top: 0;
  }
  .news-title p span {
    margin-left: 30px;
  }
  .news-title strong {
    font-size: 22px;
  }
  .view-detail {
    font-size: 14px;
  }
  .contact {
    padding: 50px 5%;
  }
  .recent-store {
    margin-bottom: 30px;
  }
  .map-layer {
    width: 100%;
    padding-left: 0;
  }
  .BMap_bubble_pop {
    width: 300px !important;
  }
  .BMap_bubble_center,
  .BMap_bubble_content {
    height: 160px !important;
    width: 100% !important;
  }
  .layer-top h3 {
    font-size: 16px;
  }
  .layer-text p {
    font-size: 13px;
    line-height: 1.8;
  }
  .contact {
    padding: 44px 0 0;
  }
  .recent-store {
    width: 90%;
    margin: auto;
  }
  .layer-top a {
    width: 80px;
  }
  .map {
    height: 340px;
  }
  .store-query {
    padding-bottom: 30px;
    overflow: hidden;
  }
  .navs-address1 {
    padding-top: 30px;
  }
  .mall-eq img {
    width: 110px;
    margin: auto;
  }
  .policy-list {
    top: auto;
    margin-top: 0;
    bottom: 20px;
  }
  .policy-wrap p {
    display: block !important;
  }
  .policy-item {
    width: 48%;
    margin-right: 4%;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .policy-item:nth-child(3n+3) {
    margin-right: 4%;
  }
  .policy-item:nth-child(2n+2) {
    margin-right: 0;
  }
  .policy-wrap {
    padding: 20px 14px 20px;
  }
  .policy-wrap i {
    display: none;
  }
  .policy-wrap strong {
    font-size: 18px;
  }
  .policy-wrap p {
    font-size: 12px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .policy-wrap:before {
    margin-right: 0;
  }
  .policy-wrap:after {
    margin-left: 0;
  }
  .policy-list {
    bottom: 10px;
  }
  .policy small {
    font-size: 55px;
  }
  .policy strong {
    font-size: 30px;
  }
  .policy {
    top: 80px;
  }
  .support li i {
    width: 32px;
    height: 32px;
    background-size: cover;
  }
  .support-li {
    margin-left: 45px;
  }
  .support-li b {
    font-size: 20px;
    line-height: 22px;
  }
  .support-li span {
    font-size: 14px;
    line-height: 22px;
  }
  .tem-tab-wrap .tem-prev {
    display: none !important;
  }
  .investment-left .screen-btn span {
    position: relative;
    top: 0;
    width: auto;
  }
  .investment-item figure {
    width: 38%;
  }
  .investment-item figure img {
    height: auto;
    width: 100%;
  }
  .investment-main {
    height: 220px;
  }
  .investment-text img {
    width: 60px;
  }
  .loader-logo {
    width: 220px;
    background-size: 220px auto;
  }
  .loader-logo i {
    background-size: 220px auto;
  }
  .loader-font {
    margin-top: 0;
  }
  .loader-font p {
    font-size: 15px;
    letter-spacing: 2px;
    
  }
  .BMap_bubble_pop {
    display: block !important;
  }
  .screen-wraps {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .screen-tow-list {
    display: inline-flex;
    min-width: 90%;
    width: auto;
  }
  .screen-two-item {
    width: 40vw;
    margin-bottom: 0;
  }
  .screen-wraps::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block !important;
  }
  .screen-wraps::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 4px;
  }
  .screen-wraps::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .map-layer {
    padding-bottom: 0;
  }
  .map-hidden {
    overflow: hidden;
    height: 340px;
    position: relative;
  }
  .map-hidden .map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .screen-left-arrow {
    display: block;
    position: absolute;
    right: 5%;
    bottom: 5px;
  }
  .screen-left-arrow i {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-size: 23px;
    font-style: normal;
  }
  .series-menu-list > li {
    margin-left: 14px;
  }
  .series-info {
    bottom: 12%;
  }
  .series-menu-list > li > a {
    font-size: 14px;
  }
  .leval-series li a {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }
  .b-product-text small {
    display: none;
  }
  .b-product-text span {
    opacity: 1;
    visibility: visible;
  }
  .b-product-text span i {
    width: 54px;
    margin-left: -27px;
  }
  .b-product-text span i:before {
    width: 9px;
    margin-left: -4px;
  }
}
@media screen and (max-width: 520px) {
  .menu-list > li {
    width: 60%;
  }
  .mall {
    left: 70%;
  }
  .mall-eq {
    margin-bottom: 30px;
    width: 110px;
  }
  .mall-eq strong {
    font-size: 14px;
  }
  .mall-link a {
    font-size: 14px;
    margin-left: 4px;
  }
  .menu-list > li > a span {
    font-size: 15px;
  }
}
@media screen and (max-width: 481px) {
  .b-product-info p {
    font-size: 18px;
    padding-left: 0;
  }
  .b-product-text small {
    height: 45px;
  }
  .header-language a,
  .header-language b {
    font-size: 14px;
  }
  .header-menu p {
    display: none;
  }
  .menu-list > li > a {
    font-size: 22px;
  }
  .leval-menu {
    padding-top: 0;
  }
  .leval-menu li a {
    font-size: 14px;
  }
  .menu-list > li > a span {
    margin-left: 12px;
    bottom: 16px;
  }
  .copyright {
    width: 90%;
    left: 5%;
  }
  .copyright a {
    margin-left: 0;
    font-size: 13px;
  }
  .copyright a:last-child {
    margin-left: 10px;
  }
  .screen-one-text strong {
    font-size: 20px;
  }
  .screen-texts p {
    font-size: 13px;
    line-height: 1.6;
    padding: 0 6px;
  }
  .future {
    padding-bottom: 320px;
  }
  .ptext strong {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .ptext strong div {
    padding: 0 6px;
  }
  .pbanner figure {
    padding-bottom: 300px;
  }
  .pbanner figure img {
    width: auto;
    height: 300px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .footer-logo img {
    height: 28px;
  }
  .footer-top {
    padding: 30px 5%;
  }
  .footer-eq {
    margin-left: 10px;
  }
  .case-content strong {
    font-size: 18px;
  }
  .case-content i {
    margin-top: 30px;
  }
  .view-banner .video-prev.prev {
    left: 20px;
  }
  .view-banner .video-prev.next {
    right: 20px;
  }
  .news-title p {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .news-title p span {
    margin-left: 5px;
  }
  .case-list li a {
    font-size: 16px;
  }
  .store-posite p {
    font-size: 14px;
    line-height: 1.8;
  }
  .tem-list {
    padding: 0 40px;
  }
  .tem-item b {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
  }
  .tem-item strong {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .policy strong {
    font-size: 24px;
  }
  .policy small {
    font-size: 46px;
  }
  .investment-text strong {
    font-size: 18px;
  }
  .investment-video {
    width: 16%;
  }
  .investment-video:before {
    display: none;
  }
  .investment-item figure {
    width: 100%;
  }
  .investment-item figure img {
    width: 60%;
    left: 25%;
  }
  .investment-text {
    position: absolute;
    left: 0;
    top: 0;
  }
  .ptext p {
    letter-spacing: 3px;
  }
  .loader-font p { 
    font-size: 14px;
    letter-spacing: 3px;
  }
  .screen-two-item {
    width: auto;
    max-width: 60vw;
  }
  .screen-one-text small {
    font-size: 40px;
  }
  .strip {
    width: 100%;
    padding-bottom: 40px;
  }
  .strip-text {
    padding-left: 0;
  }
  .strip.strip3 {
    padding-top: 0;
  }
  .strip-text:before {
    left: 0;
    top: 0;
    display: none;
  }
  .strip-text:after {
    left: 6px;
    bottom: auto;
    top: 6px;
    display: none;
  }
  .policy-item {
    margin-bottom: 20px;
  }
  .policy-wrap {
    padding: 12px;
  }
  .series-info {
    bottom: 20px;
  }
  .series-info strong {
    margin-bottom: 5px;
  }
  .series-info p {
    height: 44px;
    max-width: 90%;
    margin: auto;
  }
  .series-item figure {
    height: 50vh;
  }
  .series-item a:hover figure img {
    transform: scale(1);
  }
}
@media screen and (max-width: 400px) {
  .BMap_bubble_pop {
    width: 260px !important;
  }
  .mall {
    left: 80%;
  }
}


.yhideA {position: absolute;z-index: -9;visibility: hidden;opacity: 0;}

body.compensate-for-scrollbar{overflow:hidden;}.fancybox-active{height:auto;}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden;}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992;}.fancybox-container *{box-sizing:border-box;}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0;}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto;}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71);}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1);}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997;}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible;}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.fancybox-toolbar{right:0;top:0;}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994;}.fancybox-is-open .fancybox-stage{overflow:hidden;}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994;}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0;}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block;}.fancybox-slide--image{overflow:hidden;padding:44px 0;}.fancybox-slide--image:before{display:none;}.fancybox-slide--html{padding:6px;}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle;}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995;}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out;}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in;}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab;}.fancybox-is-grabbing .fancybox-content{cursor:grabbing;}.fancybox-container [data-selectable=true]{cursor:text;}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;}.fancybox-spaceball{z-index:1;}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%;}.fancybox-slide--video .fancybox-content{background:#000;}.fancybox-slide--map .fancybox-content{background:#e5e3df;}.fancybox-slide--iframe .fancybox-content{background:#fff;}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%;}.fancybox-iframe{left:0;position:absolute;top:0;}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%;}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0;}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px;}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc;}.fancybox-button:hover{color:#fff;}.fancybox-button:focus{outline:none;}.fancybox-button.fancybox-focus{outline:1px dotted;}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none;cursor: not-allowed; opacity: .5 !important;}.fancybox-button div{height:100%;}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%;}.fancybox-button svg path{fill:currentColor;stroke-width:0;}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none;}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998;}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401;}.fancybox-close-small:hover{color:#fff;opacity:1;}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0;}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden;}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none;}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:~'calc(50% - 50px)';width:70px;}.fancybox-navigation .fancybox-button div{padding:7px;}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px;}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right);}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996;}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left));}}.fancybox-caption--separate{margin-top:-50px;}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all;}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none;}.fancybox-caption a:hover{color:#fff;text-decoration:underline;}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999;}@keyframes a{to{transform:rotate(1turn);}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1);}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0);}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0);}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0);}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1);}.fancybox-fx-fade.fancybox-slide--current{opacity:1;}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5);}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5);}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1);}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn);}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn);}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg);}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0);}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0);}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0);}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg);}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1);}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px;}.fancybox-slide--image{padding:6px 0;}.fancybox-close-small{right:-6px;}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px;}.fancybox-caption{padding-left:12px;padding-right:12px;}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center;}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px;}.fancybox-share p{margin:0;padding:0;}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff;}.fancybox-share__button:hover{text-decoration:none;}.fancybox-share__button--fb{background:#3b5998;}.fancybox-share__button--fb:hover{background:#344e86;}.fancybox-share__button--pt{background:#bd081d;}.fancybox-share__button--pt:hover{background:#aa0719;}.fancybox-share__button--tw{background:#1da1f2;}.fancybox-share__button--tw:hover{background:#0d95e8;}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px;}.fancybox-share__button svg path{fill:#fff;}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%;}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995;}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden;}.fancybox-show-thumbs .fancybox-thumbs{display:block;}.fancybox-show-thumbs .fancybox-inner{right:212px;}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%;}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden;}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px;}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px;}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:~'calc(100% - 8px)';max-width:~'calc(50% - 4px)';outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px;}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991;}.fancybox-thumbs__list a:focus:before{opacity:.5;}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1;}@media (max-width:576px){.fancybox-thumbs{width:110px;}.fancybox-show-thumbs .fancybox-inner{right:110px;}.fancybox-thumbs__list a{max-width:~'calc(100% - 10px)';}}

[data-fancybox-close]:hover svg {.tf(rotate(360deg));.tsm();}