@charset "UTF-8";
html, body {
  position: relative;
  max-width: 100vw;
  color: #1C1C1C;
}
html{overflow-x: hidden;}
a {
  text-decoration: none;
  color: #313131;
  transition: 0.5s ease;
}

a:hover {
  color: #1E1D54;
}
.more{display: flex;text-align: center;justify-content: center;align-items: center;}
.more::after{
  display: inline-block;
  content: "\f0da";
  font-family: 'FontAwesome';
  margin-left: 50px;
}
.more:hover{color: #F78BAA;}

.loadmore{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 183px;
  height: 53px;
  padding: 0.5rem;
  text-align: center;
  color: #535353;
  margin: 2rem auto;
  font-family: 'CSong3HK';
  background-image: linear-gradient(to bottom left, #FFFAE1, #FFEEFA);
}
.loadmore:hover{
  background-image: linear-gradient(to bottom right, #FFFAE1, #FFEEFA);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.form-control::-webkit-input-placeholder {
  color: #B7B7B7;
}

.form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #B7B7B7;
}

.form-control:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #B7B7B7;
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #B7B7B7;
}
img {
  max-width: 100%;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

* {
  font-family: 'YuGothic';
}
.garydeep{color: #1C1C1C;font-weight: normal;}
.title,.page-banner .inner *,.font-cs{
  font-family: 'CSong3HK' !important;
}
.txt p,.txt *{font-family: 'Microsoft JhengHei';}
.icon {
  width: 1.6em;
  height: 1.6em;
  fill: currentColor;
  overflow: hidden;
  cursor: pointer;
}

.imgContainer {
  overflow: hidden;
}

.imgContainer img {
  width: 100%;
  transition: 2s ease;
}

.imgContainer img:hover {
  transform: scale(1.1);
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fs24 {
  font-size: 24px;
}

.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.fs48 {
  font-size: 48px;
}


.h1-title b {
  color: #42DEF3;
}

.grayText {
  color: #F2F6FF;
}

.greenText {
  color: #3fe58a;
}

.whiteText {
  color: #fff;
}

.redText {
  color: red;
}

.titleText {
  color: #1D1854;
}

.center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.nowrap {
  flex-wrap: nowrap;
}

.grayBackground {
  background-color: #F2F6FF;
}

.whiteBackground {
  background-color: #fff;
}

.bbGray {
  border-bottom: 1px solid #070404;
}

.whiteText {
  color: #fff;
}

.More {
  border: 1px solid #fff;
  padding: 8px 40px;
  color: #fff;
  font-size: 14px;
  transition: 0.5s ease;
  text-transform: uppercase;
  position: relative;
}

.More span {
  position: relative;
  z-index: 99;
  transition: 0.5s ease;
}

.More:hover {
  background: #fff;
}

.h1-title {
  font-size: 30px;
  text-transform: uppercase;
  color: #1D1854;
}

.center {
  text-align: center;
}

.rowList > *:last-child {
  margin-right: 0;
}

.columnList > *:last-child {
  margin-bottom: 0;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

header {
  width: 100%;
  z-index: 99999999999999;
  position: fixed;
  top: 0;
  background: #fff;
}
body{
  padding-top: 207px;
}
@media (max-width: 992px) {
  header {
    border-bottom: 1px solid transparent;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.35s;

  }
  header .logo img{
    height: 80px;
  }
  body{
    padding-top: 153px;
  }
}

header .topbar {
  width: 100%;
  height: auto;
  background-image: linear-gradient(to right, #FBB9B9 , #F6DAE4);
  font-size: 16px;
  color: #C55858;
  text-decoration: underline;
}

header .topmenu .left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 180px;
}

header .topmenu .left .burger {
  flex: 0 0 auto;
  display: block;
  width: 27px;
  height: 15px;
  position: relative;
  left: 0px;
  cursor: pointer;
  margin-right: 4rem;
  display: none;
}

@media (max-width: 992px) {
  header .topmenu .left .burger {
    display: block;
  }
}

header .topmenu .left .burger::before {
  top: 0;
}

header .topmenu .left .burger::after {
  bottom: 0;
}

header .topmenu .left .burger span {
  top: calc(50% - 0.5px);
  transition-delay: .05s;
  opacity: 1;
}

header .topmenu .left .burger::after, header .topmenu .left .burger::before {
  content: "";
}

header .topmenu .left .burger::after, header .topmenu .left .burger::before, header .topmenu .left .burger span {
  width: 27px;
  height: 1px;
  position: absolute;
  transform-origin: 0 0;
  left: 0;
  background: #231F20;
  transition: .15s ease-in-out .1s;
}

header .topmenu .right {
  width: calc(100% - 100px);
}
header .topmenu .right .toplinks{display: flex;align-items: center;justify-content: flex-end;}
header .topmenu .right .toplinks .search .form-group{margin-right: 1.5rem; display: flex;align-items: center;background: #EEEEEE;border-radius: 22px;width: 345px;}
header .topmenu .right .toplinks .search .form-group input{background: none;box-shadow: none;border: none;}
header .topmenu .right .cart {
  margin-left: 1.5rem;
  position: relative;
  padding-right: 1rem;
  cursor: pointer;
  
}

header .topmenu .right .cart .icon {
  width: 2em;
  height: 2em;
  vertical-align: -0.15em;
}

header .topmenu .right .cart em {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #FBB9B9;
  font-size: 12px;
  color: #C55858;
  border-radius: 50%;
  font-style: normal;
  position: absolute;
  right: -8px;
  top: -10px;
}
header .topmenu .right nav{margin-top: 2rem;}
header .topmenu .right nav ul{display: flex;align-items: center;justify-content: center;}
header .topmenu .right nav ul li{padding-left: 1rem;}
@media (max-width: 992px) {
  header .topmenu .logo {
    margin: 0 auto;
  }
  header .topmenu .logo img {

  }
}

@media (max-width: 768px) {
  header .topmenu nav {
    opacity: 0;
    top: -100%;
    position: absolute;
  }
}

header .menuBar {
  position: fixed;
  top: 0px;
  left: -200%;
  width: 0%;
  height: 100vh;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: 1.5s ease;
}

header .menuBar .menubg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 1s ease;
}

header .menuBar .menu {
  position: relative;
  background: #edeff8;
  width: 25vw;
  height: 100vh;
  box-sizing: border-box;
  padding-top: 3rem;
  padding-left: 5rem;
  padding-right: 5rem;
  z-index: 99;
}

@media (max-width: 1366px) {
  header .menuBar .menu {
    width: 70vw;
  }
}

@media (max-width: 768px) {
  header .menuBar .menu {
    width: 70vw;
  }
}

@media (max-width: 550px) {
  header .menuBar .menu {
    width: 90vw;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

header .menuBar .menu .close {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 20px;
}

header .menuBar .menu .close::after {
  content: '';
  transform: rotate(-45deg) scaleX(1.35);
  transition-delay: .1s;
  width: 17px;
  height: 1px;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  background: #1D1854;
}

header .menuBar .menu .close::before {
  content: '';
  transform: rotate(45deg) scaleX(1.35);
  transition-delay: .1s;
  width: 17px;
  height: 1px;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  background: #1D1854;
}

header .menuBar .menu #nav {
  border-bottom: 1px solid #e0e1e9;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

header .menuBar .menu #nav ul li .link {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-bottom: 1rem;
  cursor: pointer;
}

header .menuBar .menu #nav ul li .link i {
  content: '';
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 0px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-left: 0;
  border-top: 0;
  transform: rotate(-90deg);
}

header .menuBar .menu #nav ul li.opens {
  position: relative;
}

header .menuBar .menu #nav ul li.opens .link i {
  transform: rotate(0deg);
}

header .menuBar .menu #nav ul li .submenu {
  display: none;
}

header .menuBar .menu #nav ul li .submenu li {
  margin-bottom: 1rem;
}

header .menuBar .menu .whosell {
  border-bottom: 1px solid #e0e1e9;
  margin-top: 2rem;
  padding-bottom: 2rem;
}
header .menuBar .menu .whosell .search .form-group{display: flex;align-items: center;justify-content: space-between;background: #ced4da;}
header .menuBar .menu .whosell ul li .link {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

header .menuBar .menu .whosell ul li .link i {
  content: '';
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 0px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-left: 0;
  border-top: 0;
  transform: rotate(-90deg);
}

header .menuBar .menu .whosell ul li .lang {
  font-family: '微軟正黑體';
}

header .menuBar .menu .whosell ul li .lang::before {
  content: '\21C4';
  display: inline-block;
  margin-right: 1rem;
}

header .menuBar .menu .whosell ul li.opens {
  position: relative;
}

header .menuBar .menu .whosell ul li.opens .link i {
  transform: rotate(0deg);
}

header .menuBar .menu .whosell ul li .submenu {
  display: none;
}

header .menuBar .menu .whosell ul li .submenu li {
  margin-bottom: 1rem;
}

header .menuBar .menu .login {
  border-bottom: 1px solid #e0e1e9;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

header .menuBar .menu .login ul li {
  margin-bottom: 1.5rem;
}

header .menuBar .menu .login ul li .link {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-transform: uppercase;
}

header .menuBar .menu .login ul li .link i {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 2px solid #333;
  position: absolute;
  top: 8px;
  right: 0px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-left: 0;
  border-top: 0;
  transform: rotate(-45deg);
}

header .menuBar .menu .login ul li .submenu {
  display: none;
}

header .menuBar .menu .location {
  text-transform: uppercase;
  position: relative;
}

header .menuBar .menu .location::before {
  content: '';
  display: block;
  width: 25vw;
  background: #dcdce3;
  margin-left: -5rem;
  padding: 2rem 0;
  position: absolute;
  left: 0;
  z-index: 1;
}

@media (max-width: 1366px) {
  header .menuBar .menu .location::before {
    width: 40vw;
  }
}

@media (max-width: 768px) {
  header .menuBar .menu .location::before {
    width: 50vw;
  }
}

@media (max-width: 550px) {
  header .menuBar .menu .location::before {
    width: 90vw;
    margin-left: -2rem;
  }
}

header .menuBar .menu .location a {
  position: relative;
  z-index: 9;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.2rem;
}

header .search-page {
  position: fixed;
  z-index: 1199;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s ease;
}

header .search-page .search-page__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #4a473c;
}

header .search-page .search-page__wrapper {
  position: relative;
  width: 100%;
  padding-top: 10rem;
  height: 100vh;
}

header .search-page .search-page__wrapper .search-form {
  position: relative;
  width: 50vw;
  margin: 0 auto;
}

@media (max-width: 768px) {
  header .search-page .search-page__wrapper .search-form {
    width: 70vw;
  }
}

@media (max-width: 768px) and (max-width: 550px) {
  header .search-page .search-page__wrapper .search-form {
    width: 90vw;
  }
}

header .search-page .search-page__wrapper .search-form .close-search-form {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  padding: 1rem;
  cursor: pointer;
}

header .search-page .search-page__wrapper .search-form .close-search-form .img {
  width: 1rem;
}

header .search-page .search-page__wrapper .search-form .close-search-form .img .svg-close {
  fill: #fff;
}

header .search-page .search-page__wrapper .search-form .close-search-form .form__border {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 1rem);
  height: 1px;
}

header .search-page .search-page__wrapper .search-form .close-search-form .form__border .form__border__span {
  position: absolute;
  top: 0;
  width: 50%;
  height: 1px;
}

header .search-page .search-page__wrapper .search-form .close-search-form .form__border .form__border__span span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 0%;
  background-color: #fff;
  transition: 0.5s ease;
}

header .search-page .search-page__wrapper .search-form .close-search-form .form__border .form__border__span .left {
  right: 50%;
}

header .search-page .search-page__wrapper .search-form .close-search-form .form__border .form__border__span .left span {
  right: 0;
}

header .search-page .search-page__wrapper .search-form .close-search-form .form__border .form__border__span .right {
  left: 50%;
}

header .search-page .search-page__wrapper .search-form .close-search-form .form__border .form__border__span .right span {
  left: 0;
}

header .search-page .search-page__wrapper .search-form .row {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2.5rem;
}

header .search-page .search-page__wrapper .search-form .row .label {
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
}

header .search-page .search-page__wrapper .search-form .row .label label {
  color: #fff;
  font-size: 3.6rem;
}

header .search-page .search-page__wrapper .search-form .row .input {
  flex-basis: 100%;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .search-page .search-page__wrapper .search-form .row .input input {
  border: none;
  height: 100%;
  font-size: 1.8rem;
  color: #ffe;
  width: calc(100% - 1rem);
  background: none;
  box-shadow: none;
  outline: 0;
}

@media (max-width: 1366px) {
  header .search-page .search-page__wrapper .search-form .row .input input {
    font-size: 1.8rem;
  }
}

@media (max-width: 550px) {
  header .search-page .search-page__wrapper .search-form .row .input input {
    font-size: 1.8rem;
  }
}

header .search-page .search-page__wrapper .search-form .row .clean-button {
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  opacity: 1;
  visibility: inherit;
  cursor: pointer;
  width: 80px;
}

@media (max-width: 550px) {
  header .search-page .search-page__wrapper .search-form .row .clean-button {
    padding: 0rem;
    bottom: 0.5rem;
  }
}

header .search-page .search-page__wrapper .search-form .row .clean-button .txt {
  color: #fff;
}

header .show-search {
  opacity: 1;
  visibility: inherit;
}

header .show-search .form__border__span span {
  width: 100% !important;
}

header .cart-dark-backdrop {
  position: fixed !important;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  transition: 1s ease;
}

header .cart-dark-backdrop.in {
  opacity: 1;
  visibility: visible;
}

header .cart-right-wrapper {
  position: fixed !important;
  height: 100vh;
  width: 400px;
  right: -1000px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1000001;
  background: #fff;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

header .cart-right-wrapper .cart-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem;
  border-bottom: 1px solid #D2D2D2;
}

header .cart-right-wrapper .cart-header .cart-title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

header .cart-right-wrapper .cart-header .cart-number {
  color: #000;
  font-size: 14px;
}

header .cart-right-wrapper .button-a {
  display: block;
  background: #000;
  text-align: center;
  padding: 1rem 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1rem;
  transition: 0.5s ease;
  border: 2px solid transparent;
}

header .cart-open {
  right: 0;
  opacity: 1;
  visibility: visible;
}

header.open .menuBar {
  visibility: visible;
  opacity: 1;
  left: 0%;
  width: auto;
  transition: 0.5s ease;
}

header.open .menuBar .menubg {
  opacity: 1;
  visibility: visible;
}

main .head {
  padding-left: 3rem;
  padding-right: 3rem;
}

main .banner {
  position: relative;
  box-sizing: border-box;
  max-width: 92%;
  margin: 0 auto;
}

main .banner .swiper-button-next::after,main .banner .swiper-button-prev::after{
   color: #fff;
   font-size: 2em;
}
main .banner .swiper-pagination-bullet{width: 59px;height: 2px;background: #A1A1A1;border-radius: 0;}
main .banner .swiper-pagination-bullet-active{width: 59px;height: 2px; background: #fff;}
main .banner img {
  position: relative;
  width: 100%;
}

.mobileblock{display: none;}
@media (max-width: 550px) {
  .kingpp{position: relative;}
  .pcblock{display: none;}
  .mobileblock{display: block;margin-bottom: 3rem;}
  .mobileblock .swiper-wrapper{padding-bottom: 5rem;}
}
main .banner .Mobile {
  display: none;
}

@media (max-width: 550px) {
  main .banner .banner .Mobile {
    display: block;
    width: 100%;
  }
}

@media (max-width: 550px) {
  main .banner .banner .Desktop {
    display: none;
  }
}

main .banner .swiper-slide .mobile {
  display: none;
}

@media (max-width: 550px) {
  main .banner .swiper-slide .mobile {
    display: block;
  }
}

@media (max-width: 550px) {
  main .banner .swiper-slide .pc {
    display: none;
  }
}

main .banner .swiper-slide .inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
main .banner .swiper-slide .inner .bannerText{position: relative; max-width: 950px;float: right;display: flex;align-items: center;justify-content: space-between;}
main .banner .swiper-slide .inner .bannerText .h3-title{position: relative;font-size: 72px;text-shadow: 2px 4px 2px #E987A2;font-family: 'CSong3HK';}
main .banner .swiper-slide .inner .bannerText .h3-title i{display: inline-block; font-style: normal;transform: translate(-60px,60px);}
main .banner .swiper-slide .inner .bannerText .h3-title i:nth-last-child(1){display: inline-block; font-style: normal;transform: translate(60px,-60px);}
main .banner .swiper-slide .inner .bannerText img{width: auto;}
main .banner .swiper-slide .inner .bannerText .imgs{display: flex;flex-wrap: wrap;margin-left: 5rem;}
main .banner .swiper-slide .inner .bannerText .imgs img{border: 8px solid #fff;}
main .banner .swiper-slide .inner .bannerText .img1 img{}
main .banner .swiper-slide .inner .bannerText .img2 img{border-top: none;border-right: none;}
main .banner .swiper-slide .inner .bannerText .img3 img{border-top: none;}
main .banner .swiper-slide .inner .bannerText .video{text-align: center; background-image: linear-gradient(to bottom left, #E9C8CA, #FFB5B5); position: absolute;right: 10%;top: 30%;transform: translateY(-50%); width: 140px;height: 140px;border-radius: 50%;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);color: #fff;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;font-family: 'CSong3HK';}
main .banner .swiper-slide .inner .bannerText .video i{font-style: normal;display: block;text-align: center;width: 100%;margin-bottom: 1rem;}
main .banner .swiper-slide .inner .bannerText > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

main .banner .swiper-slide .inner .h3-title {
  font-size: 30px;
  color: #fff;
}

@media (max-width: 550px) {
  main .swiper-slide .inner .h3-title {
    font-size: 18px;
    margin-bottom: 0.5rem !important;
  }
}

main .banner .swiper-slide .swiper-pagination-bullet-active {
  background: #1D1854;
}

main .banner .swiper-slide-active .inner .bannerText > * {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

main .banner .swiper-slide-active .inner .bannerText > * .bannerText > *:nth-child(1) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

main .banner .swiper-slide-active .inner .bannerText > * .bannerText > *:nth-child(2) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}


.container-xl {
  max-width:92%;
  position: relative;
}

@media (max-width: 1366px) {
  main .catebar .container-xl {
    width: 90vw;
  }
}

main .catebar .container-xl .swiper-slide a {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  font-family: "Museo700-Regular";
}

main .catebar .container-xl .swiper-button-next {
  right: -1rem;
}

main .catebar .container-xl .swiper-button-prev {
  left: -1rem;
}
.first-block{
  position: relative;
  overflow: hidden;
  padding: 80px 0px;
}
.first-block .txt{max-width: 80%;margin: 10% auto 0;}
.first-block .row .col-md-4 a{display: block;width: 100%;height: 100%;position: relative;color: #313131;}
.first-block .row .col-md-4 a .boximg{
  position: relative;
  overflow: hidden;
  height: 100%;
}
.first-block .row .col-md-4 a .boximg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease 0s ;
  -moz-transition: all 0.5s ease 0s ;
  -ms-transition: all 0.5s ease 0s ;
  -o-transition: all 0.5s ease 0s ;
  transition: all 0.5s ease 0s ;

}
.first-block .row .col-md-4 a .hover{box-sizing: border-box;padding: 0; position: absolute;left: 0;top: 0;z-index: 9; width: 100%;height: 100%;display: flex;justify-content: space-between;flex-direction: column;flex-wrap: wrap;text-align: center;}
.first-block .row .col-md-4 a .hover .project-top{position: relative;}
.first-block .row .col-md-4 a .hover .project-top::after{
  content: '';
  display: block;
  width: 100%;
  height: 277px;
  background: url(../images/bk.png) no-repeat top center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.first-block .row .col-md-4 a .hover .project-top *{z-index: 9;}
.first-block .row .col-md-4 a .hover .project-top h2{padding-top: 8%;}
.first-block .row .col-md-4 a .hover .project-bottom{ border-top: 1px solid #FFFFFF;border-bottom: 1px solid #fff;box-sizing: border-box;padding: 1%;width: 80%;margin: 0 auto;background: url(../images/ct.png) no-repeat top center;height: 60px;margin-bottom: 6%;}
.first-block .row .col-md-4 a .hover .project-bottom .project-tit{margin-bottom: 0;}
.first-block .row .col-md-4 a .hover .project-bottom span{font-size: 14px;}
.first-block .row .col-md-4 a:hover .boximg img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.pink-title{font-size: 30px;color: #F78BAA;}
.first-block .Best .swiper{padding-bottom: 5rem;}
.first-block .Best .swiper-slide{position: relative;overflow: hidden;}
.first-block .Best .swiper-slide img{
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease 0s ;
  -moz-transition: all 0.5s ease 0s ;
  -ms-transition: all 0.5s ease 0s ;
  -o-transition: all 0.5s ease 0s ;
  transition: all 0.5s ease 0s ;
}
.first-block .Best .swiper-slide:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.first-block .piclist .towitems{display: flex;justify-content: space-between;flex-wrap: wrap;}
.first-block .piclist .towitems .items{width: 55%;display: flex;align-items: center;justify-content: center;}
.first-block .piclist .towitems .items img{width: 100%;height: 100%;object-fit: cover;}
.first-block .piclist .towitems .items:nth-last-child(1){width: 45%;}
.first-block .piclist .towitems:nth-child(2) .items{width: 45%;}
.first-block .piclist .towitems:nth-child(2) .items:nth-last-child(1){width: 55%;}
.first-block .piclist .towitems .items .txt{max-width: 65%;}
.first-block .king .swiper-slide .boximg{
  background: #C0DFEB;
  position: relative;
  overflow: hidden;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.first-block .king .swiper-slide .boximg img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;


}
.first-block .king .swiper-slide:hover .boximg img{
  -webkit-transform: scale(1.1) translate(-50%,-50%);
  -moz-transform: scale(1.1) translate(-50%,-50%);
  -ms-transform: scale(1.1) translate(-50%,-50%);
  -o-transform: scale(1.1) translate(-50%,-50%);
  transform: scale(1.1) translate(-50%,-50%);
}
.first-block .king .swiper-slide .project-title{margin-top: 30px;color: #2C2C2C;}
.first-block .king .swiper-slide p{margin: 0.5rem 0;color: #2C2C2C;}
.first-block .king .swiper-slide strong{font-size: 24px;font-weight: bold;}
.first-block .king .arrow {display: flex;align-items: center;justify-content: space-between; position: relative;width: 100px;}
.first-block .king .arrow .swiper-pagination{width: 30px; display: flex;align-items: center;justify-content: space-between;position: relative;bottom: auto;}
.first-block .king .arrow .swiper-button-prev{position: relative;top: auto;margin-top: 0;}
.first-block .king .arrow .swiper-button-next{position: relative;top: auto;margin-top: 0;}
.second-block{position: relative;}
.second-block .top-swi{display: flex;justify-content: center;align-items: center;margin: 4rem auto;}
.second-block .top-swi .tab{padding: 1rem 3rem;}
.second-block .top-swi .tab a{color: #888888;font-family: 'CSong3HK';}
.second-block .top-swi .tab a img{margin-right: 10px;}
.second-block .top-swi .tab.active{background: #F78BAA;}
.second-block .top-swi .tab.active a{color: #fff;}
.second-block .boxlist .items{display: none;}
.second-block .boxlist .items:nth-child(1){display: block;}
.second-block .bottom-swi{margin-bottom: 7rem;}
.second-block .bottom-swi .swiper-wrapper{padding-bottom: 5rem;}
.second-block .bottom-swi .swiper-slide .icos{height: 140px;display: flex;align-items: center;justify-content: center;}
.second-block .bottom-swi .swiper-slide h3{text-align: center;color: #535353;    white-space: nowrap;}
.second-block .bottom-swi li .icos{height: 140px;display: flex;align-items: center;justify-content: center;}
.second-block .bottom-swi li h3{text-align: center;color: #535353;}
.second-block .bottom-swi ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.second-block .bottom-swi li {
  flex: 1 0 auto;
  margin: 10px;
  text-align: center;
  line-height: 50px;
}

/* 默认为手机版布局，每行显示4个 */
@media (max-width: 767px) {
  .second-block .bottom-swi li {
    width: calc(25% - 20px); /* 减去margin的宽度 */
  }
}

/* ipad布局，每行显示6个 */
@media (min-width: 768px) and (max-width: 1024px) {
  .second-block .bottom-swi li {
    width: calc(16.66% - 20px);
  }
}

/* PC布局，每行显示10个 */
@media (min-width: 1025px) {
  .second-block .bottom-swi li {
    width: calc(10% - 20px);
  }
}
.second-block .bigimg{position: relative;background: whitesmoke;}
.second-block .bigimg img{width: 100%;height: 100%;object-fit: contain;}
.second-block .bigimg .hover{position: absolute;right: 5rem;top: 5rem;color: #CF5B7C;}
.second-block .bigimg .hover .xx{display: flex;align-items: center;justify-content: space-between;}
.second-block .bigimg .hover .xx img{width: auto;height: auto;}
.second-block .bigimg .hover .xx::before{
  content: '';
  display: inline-block;
  width: 48%;
  height: 1px;
  background: #CF5B7C;
}
.second-block .bigimg .hover .xx::after{
  content: '';
  display: inline-block;
  width: 48%;
  height: 1px;
  background: #CF5B7C;
}
.second-block .bigimg .hover h2{text-align: center;margin: 5px auto;}
.second-block .twoimgbox{display: flex;align-items: flex-end;position: relative;}
.second-block .twoimgbox .left{width: 60%;position: relative;z-index: 9;}
.second-block .twoimgbox .left img{width: 100%;}
.second-block .twoimgbox .right{width: 40%;position: relative;transform: translate(-25px,50px);}
.second-block .twoimgbox .items{border: 10px solid #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);}
.second-block .twoimgbox .box{color: #161616; max-width: 80%; position: absolute;text-align: center;box-sizing: border-box;padding: 3rem; left: 11%;top: -55%;background: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);}
.third-block{position: relative;overflow: hidden;padding-top: 120px;}
.third-block .kingtj .swiper-slide{
  position: relative;
}

.third-block .kingtj .swiper-slide{position: relative;overflow: hidden;}
.third-block .kingtj .swiper-slide img{
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease 0s ;
  -moz-transition: all 0.5s ease 0s ;
  -ms-transition: all 0.5s ease 0s ;
  -o-transition: all 0.5s ease 0s ;
  transition: all 0.5s ease 0s ;
}
.third-block .kingtj .swiper-slide:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.four-Block{overflow: hidden;position: relative;padding: 80px 0px;}
.four-Block .row .col-md-3 img{width: 100%;height: 100%;object-fit: cover;}
.four-Block .row .clients{display: block;width: 100%;height: 100%;background: #F7F7F7;}
.four-Block .row .clients .boximg{
  position: relative;
  overflow: hidden;
  height: 0;
  width: 100%;
  padding-bottom: 67.5%;
  position: relative;
}
.four-Block .row .clients .boximg img{
  object-fit: cover;
  transition: all 0.35s ease;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.four-Block .row .clients h3{text-align: center;margin: 2rem auto 1rem auto;color: #1E1E1E;}
.four-Block .row .clients .more{color: #1E1E1E; display: flex;align-items: center;justify-content: center; border: 1px solid #2E2E2E;max-width: 140px;padding: 0.6rem 1rem;margin: 0 auto;margin-bottom: 2rem;}
.four-Block .row .clients .more::after{display: none;}
.four-Block .row .clients .more:hover{background: #2E2E2E;color: #fff;}
.five-block{background: #FFFBF8;width: 100%;position: relative;overflow: hidden;}
.five-block::after{
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/tt.png) no-repeat top center;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
}
.five-block .container-xl{position: relative;z-index: 9;}
.five-block .pinpai{position: relative;padding: 60px 80px;}
.five-block .pinpai .swiper{padding-bottom: 5rem;}
.five-block .pinpai .swiper-slide{}
.five-block .pinpai .swiper-slide .boximg{position: relative;overflow: hidden;}
.five-block .pinpai .swiper-slide .boximg img{
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease 0s ;
  -moz-transition: all 0.5s ease 0s ;
  -ms-transition: all 0.5s ease 0s ;
  -o-transition: all 0.5s ease 0s ;
  transition: all 0.5s ease 0s ;
}
.five-block .pinpai .swiper-slide .boximg:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.five-block .pinpai .swiper-slide img{width: 100%;}
.five-block .pinpai .swiper-slide:hover h3{color: #F78BAA;}
.five-block .timgs{display: flex;justify-content: space-between;align-items: center;}
.five-block .timgs .imgs:nth-child(2) img{border: 10px solid #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);}
.five-block .pinpai .swiper-button-next{top: 40%;}
.five-block .pinpai .swiper-button-prev{top: 40%;}
.six-block{position: relative;overflow: hidden;padding: 80px 0px;}
.six-block .txt{max-width: 40%;margin: 0 auto;}
.six-block .txt p{color: #0C0C0C;line-height: 1.8;}
.six-block .swiper-slide{width: 20%;}
.six-block .swiper-slide .icos{height: 220px;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.six-block .swiper-slide .icos img{
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease 0s ;
  -moz-transition: all 0.5s ease 0s ;
  -ms-transition: all 0.5s ease 0s ;
  -o-transition: all 0.5s ease 0s ;
  transition: all 0.5s ease 0s ;
}
.six-block .swiper-slide a:hover h3{color: #F78BAA;}
.six-block .swiper-slide a:hover .icos img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.six-block .big-img1{position: relative;}
.six-block .big-img1 img{width: 100%;height: 100%;object-fit: cover;}
.six-block .big-img1 .con{position: absolute;right: 5%;top: 15%;}
.six-block .big-img1 .con h1{font-size: 42px;text-align: center;color: #fff;}
.six-block .big-img1 .con h2{text-align: center;font-size: 36px;color: #fff;}
.six-block .big-img1 .con .x{display: flex;align-items: center;justify-content: center;}
.six-block .big-img1 .con .x img{width: auto;height: auto;margin: 5px; }
.six-block .big-img1 .con .x::before{
  content: '';
  display: inline-block;
  width: 48%;
  height: 1px;
  background: #fff;
}

.six-block .big-img1 .con .x::after{
  content: '';
  display: inline-block;
  width: 48%;
  height: 1px;
  background: #fff;
}
.six-block .big-img1.one .con .x img{filter: invert(50%) brightness(300%) !important;}
.six-block .big-img1.two .con{right: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #939A36;}
.six-block .big-img1.two .con *{color: #939A36;}
.six-block .big-img1.two .con .x::before{background: #939A36;}
.six-block .big-img1.two .con .x::after{background: #939A36;}
.six-block .catebox .big-img1 .con{top: 3rem;}
.six-block .catebox .big-img1 .con .x img{filter: invert(50%) brightness(300%) !important;}
.six-block .catebox .big-img1 .con h2{font-size: 32px;}
.six-block .catebox .swiper-slide:nth-child(1) .con{left: 3rem;right: auto;}
.six-block .catebox .swiper-slide:nth-child(2) .con{left: 50%;transform: translateX(-50%); right: auto;}
.six-block .catebox .swiper-slide:nth-child(3) .con{}
.six-block .catebox .swiper-slide:nth-child(4) .con{left: 3rem;right: auto;}
.six-block .catebox .swiper-slide:nth-child(5) .con{left: 3rem;right: auto;}
.six-block .catebox .swiper-slide:nth-child(6) .con h2{color: #423F97;}
.six-block .catebox .swiper-slide:nth-child(6) .con .x::before,.six-block .catebox .swiper-slide:nth-child(6) .con .x::after{
  background: #423F97;
}
.six-block .catebox .swiper-slide:nth-child(6) .con .x img{filter: none !important;}

.six-block .catebox .swiper-slide:nth-child(7) .con h2{color: #1E678F;}
.six-block .catebox .swiper-slide:nth-child(7) .con .x::before,.six-block .catebox .swiper-slide:nth-child(7) .con .x::after{
  background: #1E678F;
}
.six-block .catebox .swiper-slide:nth-child(7) .con .x img{filter: none !important;}


.six-block .catebox .swiper-slide:nth-child(8) .con{left: 3rem;right: auto;}
.six-block .catebox .swiper-slide:nth-child(8) .con h2{color: #80609F;}
.six-block .catebox .swiper-slide:nth-child(8) .con .x::before,.six-block .catebox .swiper-slide:nth-child(8) .con .x::after{
  background: #80609F;
}
.six-block .catebox .swiper-slide:nth-child(8) .con .x img{filter: none !important;}

.seven-block{position: relative;overflow: hidden;}
.seven-block .pinpai{position: relative;padding: 0 80px;}
.seven-block .swiper-button-next,.seven-block .swiper-button-prev{top: 38%;}
.seven-block .pinpai .swiper .swiper-slide .pink{color: #FF7591;}
.seven-block .pinpai .swiper .swiper-slide .old_price{color: #CCCCCC;text-decoration: line-through;}
.seven-block .pinpai .swiper .swiper-slide .boximg{
  position: relative;
  overflow: hidden;
  height: 0;
  width: 100%;
  padding-bottom: 92.5%;
  position: relative;
}
.seven-block .pinpai .swiper .swiper-slide img{
  object-fit: cover;
  transition: all 0.35s ease;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.eight-block{position: relative;overflow: hidden;padding: 80px 0px;margin: 0 auto;}
.eight-block .container-xl{position: relative;z-index: 99;max-width: 80%;}
.eight-block::after{
  content: '';
  display: inline-block;
  width: 100vw;
  height: 100%;
  background: url(../images/tt.png) no-repeat top center;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
}
.eight-block  .feeling{position: relative;}
.eight-block  .feeling .swiper-wrapper{height: 750px;overflow: hidden;}
.eight-block  .feeling .swiper-wrapper .swiper-slide{height: 160px;}
.eight-block  .feeling .swiper-wrapper .swiper-slide:nth-child(even) img{transform: translateX(100px);}
.eight-block  .feeling .swiper-pagination{display: flex;justify-content: center; align-items: center;width: 100%;top: auto;bottom: -30px;}
.eight-block  .feeling .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;}
.reservation{z-index: 999; position: fixed;right: 0;top: 80%;background: #FFF1F1;padding: 1rem 2rem;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.reservation a{font-size: 26px;font-family: 'CSong3HK';color: #616161; display: inline-block;width: 100%;}
.whatsapps{z-index: 9999; position: fixed;right: 20px;bottom: 30px;width: 78px;height: 78px;border-radius: 50%;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);background: #4DC247;}
.whatsapps a{width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;color: #fff;}
.reservation a img{display: inline-block;margin-right: 10px;transform: rotate(-90deg);}
.swiper-button-prev{left: 2%;}
.swiper-button-next{right: 2%;}
.nav-link{color: #000000;font-size: 18px;}
.nav-link:hover{color: #F78BAA;}
.pr-5{padding-right: 5rem;display: flex;justify-content: space-between;width: 100%;}
.dropdown{position: static;}
.dropdown-menu{min-width:80%;left: auto;right: 0;width: 70%; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);box-sizing: border-box;padding: 3rem;border: none;}
.dropdown-menu .col-sm-12:nth-child(1){}
.dropdown-menu .col-sm-12 .items .tit{border-bottom: 1px solid #FAD6E0;padding-bottom: 5px;}
.dropdown-menu .col-sm-12 .items dl{margin-right: 2rem;}
.dropdown-menu .col-sm-12 .items dl dd a{display: flex;align-items: center;font-family: 'CSong3HK' !important;}
.dropdown-menu .col-sm-12 .items dl dd a img{margin-right: 10px;max-width: 20px;}
.dropdown-menu .col-sm-12 .items dl dd a:hover{color: #F78BAA;}
.dropdown-menu .col-sm-12 .items .protit a{display: block;}
.dropdown-menu .col-sm-12 .items .protit a:hover{color: #F78BAA;}
.dropdown-menu .col-sm-12 .border{width: 25%;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.dropdown-menu .col-sm-12 .border:nth-child(1){border-bottom: none !important;border-left: none !important;}
.dropdown-menu .col-sm-12 .border:nth-child(2){border-bottom: none !important;}
.dropdown-menu .col-sm-12 .border:nth-child(3){border-bottom: none !important;}
.dropdown-menu .col-sm-12 .border:nth-child(4){border-bottom: none !important;border-right: none !important;}
.dropdown-menu .col-sm-12 .border:nth-child(5){border-left: none !important;}
.dropdown-menu .col-sm-12 .border:nth-last-child(1){border-right: none !important;}
.dropdown-menu .col-sm-12 .border img{
  -webkit-transition: all 0.5s ease 0s ;
  -moz-transition: all 0.5s ease 0s ;
  -ms-transition: all 0.5s ease 0s ;
  -o-transition: all 0.5s ease 0s ;
  transition: all 0.5s ease 0s ;
}
.dropdown-menu .col-sm-12 .border:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.dropdown-menu .col-md-2 .icos{position: relative;overflow: hidden;}
.dropdown-menu .col-md-2 .icos img{
  -webkit-transition: all 0.5s ease 0s ;
  -moz-transition: all 0.5s ease 0s ;
  -ms-transition: all 0.5s ease 0s ;
  -o-transition: all 0.5s ease 0s ;
  transition: all 0.5s ease 0s ;
}
.dropdown-menu .col-md-2 a:hover .icos img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.dropdown-menu .col-md-2 a:hover p{color: #F78BAA;}
.allpro{display: block;border: 1px solid #2E2E2E;color: #2E2E2E;max-width: 150px;padding: 0.4rem;text-align: center;margin: 1rem auto;font-size: 14px;font-family: 'CSong3HK';}
.allpro:hover{background: #2E2E2E;color: #fff;}
.dropdown-menu .imgs{display: flex;flex-wrap: wrap;}
.dropdown-menu .imgs .img{width: 25%;position: relative;overflow: hidden;}
.dropdown-menu .imgs2 .img{width: 33.333%;box-sizing: border-box;border: 2px solid #fff;}
.dropdown-menu .imgs .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease 0s ;
  -moz-transition: all 0.5s ease 0s ;
  -ms-transition: all 0.5s ease 0s ;
  -o-transition: all 0.5s ease 0s ;
  transition: all 0.5s ease 0s ;
}
.dropdown-menu .imgs .img:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.open>.dropdown-menu{display: block;}
.knowmore{font-family: 'CSong3HK'; display: inline-block;width: 135px;height: 46px;border: 1px solid #707070;display: flex;align-items: center;justify-content: center;margin: 2rem auto;}
.knowmore:hover{background: #707070;color: #fff;}
.pink{color: #F78BAA;}
.page-banner{position: relative;overflow: hidden;}
.page-banner .inner{position: absolute;left: 6%;top: 50%;transform: translateY(-50%); width: 50%;}
.page-banner .inner .h1-tit{color: #8E7140;}
.page-banner .inner h2{color: #8E7140;margin: 10px 0px;padding-bottom: 10px;}
.page-banner .inner .white{color: #fff;}
.page-banner .inner .banner-text{color: #7B7B7B;max-width: 50%;margin-bottom: 0;}
main .Product-block {
  position: relative;
}
main .Product-block .row .col-md-2 img{display: block;margin: 0 auto;
  -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
main .Product-block .row .col-md-2 a i{position: relative;overflow: hidden;display: block;}
main .Product-block .row .col-md-2 a:hover h4,main .Product-block .row .col-md-2 a.active h4{color: #F78BAA;}
main .Product-block .row .col-md-2 a:hover img,main .Product-block .row .col-md-2 a.active img{
  -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
main .Product-block .tag a{display: inline-block;background: #F1F1F1;padding: 10px 20px;margin-right: 20px;}
main .Product-block .tag a:hover{background: #F78BAA;color: #fff;}
main .Product-block form .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  position: relative;
  font-size: 14px;
  width: 100px;
  margin-right: 4rem;
}

main .Product-block form .form-group .form-control {
  border: none;
  box-shadow: none;
  padding-left: 0;
  padding: 0.7rem 0rem;
}

.form-group .ii {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid #2B2B2B;
  float: right;
  transform: rotate(45deg);
  border-left: none;
  border-top: none;
  top: 50%;
  margin-top: -4px;
  right: 0;
}

main .Product-block form .catenav ul li {
  border-bottom: 1px solid #707070;
  margin-bottom: 1rem;
}

main .Product-block form .catenav .liT {
  margin-bottom: 1rem;
  margin-top: 1rem;
  position: relative;
  font-size: 22px;
}

@media (max-width: 768px) {
  main .Product-block form .catenav .liT {
    font-size: 20px;
    cursor: pointer;
  }
}

main .Product-block form .catenav .liT .sp1 {
  font-family: 'Museo700-Regular';
  color: #1D1854;
}

main .Product-block form .catenav .liT .sp3 {
  position: relative;
  margin-top: 1rem;
  position: absolute;
  right: 0;
  top: -5px;
}

main .Product-block form .catenav .liT .sp3 .down {
  display: none;
  width: 12px;
  height: 12px;
  border: 1px solid #1D1854;
  float: right;
  transform: rotate(45deg);
  border-left: none;
  border-top: none;
}

main .Product-block form .catenav .liT .sp3 .right {
  width: 12px;
  height: 12px;
  border: 1px solid #1D1854;
  float: right;
  transform: rotate(-45deg);
  border-left: none;
  border-top: none;
}

main .Product-block form .catenav .liB {
  display: none;
}

main .Product-block form .catenav .liB dl > dd {
  display: flex;
  font-size: 20px;
}

@media (max-width: 768px) {
  main .Product-block form .catenav .liB dl > dd {
    font-size: 18px;
  }
}

main .Product-block form .catenav .liB .checkbox {
  position: relative;
  cursor: pointer;
}

main .Product-block form .catenav .liB .checkbox input {
  opacity: 0;
  position: relative;
  z-index: 99;
  cursor: pointer;
  zoom: 1.5;
}

main .Product-block form .catenav .liB .checkbox .checkmark {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 5px;
  margin-right: 1rem;
  -webkit-transition: .5s;
  transition: .5s;
  border: 1px solid #707070;
  cursor: pointer;
  border-radius: 50%;
}

main .Product-block form .catenav .liB .checkbox .checkmark::after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #1D1854;
  position: absolute;
  left: 8px;
  top: 8px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
  -webkit-transition: .2s;
  transition: .2s;
}

main .Product-block form .catenav .liB .checkbox a {
  opacity: 0.45;
  margin-left: 1.5rem;
}

@media (max-width: 768px) {
  main .Product-block form .catenav .liB .checkbox a {
    margin-left: 0.5rem;
  }
}

main .Product-block form .catenav .liB .checkbox input:checked ~ {
  position: relative;
}

main .Product-block form .catenav .liB .checkbox input:checked ~ .checkmark::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
  -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
  transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
}

main .Product-block form .catenav .liB .checkbox input:checked ~ a {
  opacity: 1;
}

main .Product-block form button {
  display: block;
  height: auto;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  border: none;
  background: none;
}

main .Product-block form button:nth-last-child(2) {
  background: #1D1854;
  color: #fff;
}

main .Product-block .title {
  color: #1C1C1C;
}

main .Product-block .border-tops {
  border-top: 1px solid #707070;
  border-bottom: none;
  padding-top: 1.5rem;
  box-sizing: border-box;
  margin-left: 0;
  margin-top: 3rem;
}

main .Product-block .prolist {
  margin-left: 0;
  overflow: hidden;
}
main .Product-block .prolist .swiper-wrapper{padding-bottom: 5rem;}
main .Product-block .prolist .proitems {
  position: relative;
}
main .Product-block .prolist .proitems .boximg{
  position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}
main .Product-block .prolist .proitems .boximg img{
  object-fit: cover;
  transition: all 0.35s ease;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
main .Product-block .prolist .proitems .boximg .prh{display: none;}
main .Product-block .prolist .proitems:hover .boximg .pr{display: none;}
main .Product-block .prolist .proitems:hover .boximg .prh{display: block;}
@media (max-width: 768px) {
  main .Product-block .prolist .proitems {
    width: 50%;
  }
}

main .Product-block .prolist .proitems a {
  display: block;
  color: #1C1C1C;
}

main .Product-block .prolist .proitems a .boximg {
  overflow: hidden;
  position: relative;
}

main .Product-block .prolist .proitems a .boximg img {
  transition: 0.5s ease;
}

main .Product-block .prolist .proitems a .boximg .heart {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

main .Product-block .prolist .proitems a .boximg:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

main .Product-block .prolist .proitems a .txt {
  padding: 2rem 2.2rem;
}

@media (max-width: 768px) {
  main .Product-block .prolist .proitems a .txt {
    padding: 2rem 0;
  }
}

main .Product-block .prolist .proitems a .txt .desinfo {
  font-size: 16px;
  color: #1D1854;
  margin-bottom: 0;
}

main .Product-block .prolist .proitems a .txt .price {
  color: #1D1854;
  font-family: "Museo700-Regular";
}

main .Product-block .prolist .proitems .cart {
  width: 100%;
  height: auto;
  border: 1px solid #1D1854;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding: 0.5rem;
}

main .Product-block .prolist .proitems .cart a {
  text-align: center;
}

main .Product-block .prolist .proitems .cart a img {
  width: 16px;
  height: 20px;
  margin-right: 0.5rem;
}

main .Product-block .prolist .proitems .cart:hover {
  background: #1D1854;
  color: #fff;
}

main .Product-block .prolist .proitems .sold {
  border-color: #FF0707;
  color: #FF0707;
}

main .Product-block .prolist .proitems .sold:hover {
  border-color: #FF0707;
  color: #FF0707;
  background: none;
}
main .Product-block  .border-bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
main .Product-block  .border-bottom .left{display: flex;align-items: center;}
main .Product-block  .border-bottom .left form{display: flex;align-items: center;}
main .Product-block  .border-bottom .left form .form-group{border-bottom: 2px solid #2B2B2B;}
main .Product-block  .border-bottom .right{display: flex;align-items: center;justify-content: flex-end;}
main .Product-block  .border-bottom .right form{display: flex;align-items: center;}
main .Product-block  .border-bottom .right form .form-group{border-bottom: 1px solid #AEAEAE;}
main .Product-block  .border-bottom .right form .form-group:nth-last-child(1){margin-right: 0;border: none;}
main .Product-block .page ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2rem;
  margin-left: 0;
  margin: 3rem auto;
}

main .Product-block .page ul a {
  font-size: 20px;
  margin-right: 2rem;
  color: #1D1854;

}
main .Product-block .page ul .active{
  color: #F78BAA;
}
main .product-detail {
  position: relative;
  margin-bottom: 3rem;
}

main .product-detail .breadcrumb {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

main .product-detail .breadcrumb a, main .product-detail .breadcrumb span {
  color: #6A6A6A;
  margin-right: 5px;
  font-size: 18px;
}

main .product-detail .proone .pics {
  position: relative;
}

main .product-detail .proone .pics .sticky {
  position: sticky;
  top: 0;
}

@media (max-width: 550px) {
  main .product-detail .proone .pics .sticky {
    position: relative !important;
  }
}

main .product-detail .proone .pics .abs {
  position: sticky;
  top: 0;
}

@media (max-width: 550px) {
  main .product-detail .proone .pics .abs {
    position: relative !important;
  }
}

main .product-detail .proone .pics .imgbox {
  width: 123px;
  position: relative;
}
main .product-detail .proone .pics .imgbox .swiper-button-prev{margin-top: 0; height: 27px;margin-bottom: 10px; position: relative;left: 0;top: 0;width: 100%;background: #F6F6F6;}
main .product-detail .proone .pics .imgbox .swiper-button-prev::after{
  transform: rotate(90deg);
  
}
main .product-detail .proone .pics .imgbox .swiper-button-next{margin-top: 0px; height: 27px;margin-bottom: 0px; position: relative;left: 0;top: 0;width: 100%;background: #F6F6F6;}
main .product-detail .proone .pics .imgbox .swiper-button-next::after{
  transform: rotate(-270deg);
  
}
@media (max-width: 767px) {
  main .product-detail .proone .pics .imgbox {
    display: none;
  }
}



main .product-detail .proone .pics .imgbox .gallery-thumbs .swiper-slide {
  border: 1px solid #EBEBEB;
  height: max-content !important;
}
main .product-detail .proone .pics .imgbox .gallery-thumbs .swiper-slide-thumb-active{
  border-color: #F3668F;
} 
main .product-detail .proone .pics .imgbox .gallery-thumbs .swiper-slide img {
  display: block;
  margin: 0 auto;
  max-height: 123px;
  object-fit: cover;
}
main .product-detail .proone .pics .floating-div{display: flex;justify-content: space-between;height: 100%;}
main .product-detail .proone .prodetail #product .price-bz{border: 1.5px solid #B49633;border-radius: 30px;color: #B49633;display: inline-block;background: #fff;padding: 5px 10px;}
main .product-detail .proone .prodetail #product .price-bz img{margin-left: 10px;}
main .product-detail .proone .prodetail #product{height: 100%; background: #F9F9F9;box-sizing: border-box;padding: 3rem;}
main .product-detail .proone .prodetail #product form .form-group{padding: 0.6rem; max-width: 558px; margin-top: 20px; border: 1px solid #C9C9C9;background: #fff;border-radius: 5px;}
main .product-detail .proone .prodetail #product form .form-group .form-control{border: none;box-shadow: none;outline: none;padding: 0.2rem;}
main .product-detail .proone .prodetail #product .desinfolist .col-md-6{display: flex;justify-content: space-between;color: #313131;margin-top: 1rem;}
main .product-detail .proone .prodetail #product .desinfolist .col-md-6 span:nth-child(1){width: 120px;}
main .product-detail .proone .prodetail #product .desinfolist .col-md-6 span:nth-child(2){width: calc(100% - 120px);}

main .product-detail .proone .prodetail #product .go-cart-box{border-top: 1px solid #E1E1E1;margin-top: 2rem; display: flex;justify-content: space-between;align-items: center;}
main .product-detail .proone .prodetail #product .go-cart-box a{width: 23%;border-radius: 5px;box-sizing: border-box;padding: 1rem 0.5rem;background: #FFA1A1;display: flex;align-items: center;justify-content: center;}
main .product-detail .proone .prodetail #product .go-cart-box a img{margin-right: 10px;}
main .product-detail .proone .prodetail #product .go-cart-box a.multicolour{background-image: linear-gradient(to bottom left, #FFFAE1, #FFEEFA);}
main .product-detail .proone .prodetail #product .go-cart-box a:nth-last-child(1){background: #256CBE;color: #fff;}
main .product-detail .proone .prodetail #product .go-cart-box a:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);}
main .product-detail .proone .pics .bigbox {
  width: calc(100% - 150px);
  position: relative;
  border: 1px solid #EBEBEB;
}
main .product-detail .desinfobox .items{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DFDFDF;
  flex-wrap: wrap;

}
main .product-detail .desinfobox .items.border-none{border: none;}
main .product-detail .desinfobox .items p{width: 100px;padding-top: 1rem;}
main .product-detail .desinfobox .items p:nth-last-child(1){width: calc(100% - 120px);}
@media (max-width: 1024px) {
  .page-banner .inner .banner-text{max-width: 100%;}
}

@media (max-width: 768px) {

}

@media (max-width: 550px) {
  main .product-detail .proone .pics .bigbox {
    width: 100%;
    position: relative !important;
    top: 0 !important;
  }
}

@media (max-width: 767px) {
  main .product-detail .proone .pics .bigbox {
    width: 100%;
  }
}

main .product-detail .proone .pics .bigbox .swiper-container {
  height: 100%;
}

@media (max-width: 550px) {
  main .product-detail .proone .pics .bigbox .swiper-container {
  }
}

main .product-detail .proone .pics .bigbox .swiper-slide {
  position: relative;
}
main .product-detail .proone .pics .bigbox .swiper-slide a{width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;}
main .product-detail .proone .pics .bigbox .swiper-slide p{color: #A5A5A5; position: absolute;left: 0;bottom: 20px;width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;}
main .product-detail .proone .pics .bigbox .swiper-slide p img{max-width: auto; width: auto;margin: 0;margin-right: 10px;}
main .product-detail .proone .pics .bigbox .swiper-slide img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

main .product-detail .proone .pics .bigbox .swiper-slide .large {
  width: 180px;
  height: 180px;
}

main .product-detail .proone .pics .bigbox .swiper-pagination {
  transform: translate3d(0px, -50%, 0);
  top: 50%;
  left: 10px;
}

main .product-detail .proone .pics .bigbox .swiper-pagination .swiper-pagination-bullet {
  display: block;
  margin: 10px 0;
  background: #1D1854;
  border: 1px solid #1D1854;
  opacity: 1;
}

main .product-detail .proone .pics .bigbox .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

main .product-detail .proone .pics .bigbox .swiper-button-next {
  top: 95%;
  right: 50%;
  transform: rotate(90deg);
}

main .product-detail .proone .pics .bigbox .swiper-button-next::after {
  font-size: 28px;
}

main .product-detail .proone .prodetail .p_title {
  font-family: 'Museo700-Regular';
  font-size: 36px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (max-width: 550px) {
  main .product-detail .proone .prodetail .p_title {
    font-size: 30px;
    margin-top: 3rem;
  }
}

main .product-detail .proone .prodetail .js {
  font-size: 28px;
  margin-top: 0.5rem;
  line-height: 1.2;
  margin-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 20px;
}

main .product-detail .proone .prodetail .go-cart {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}

main .product-detail .proone .prodetail .go-cart a {
  display: inline-block;
  color: #fff;
  background: #256CBE;
  padding: 0.8rem 2rem;
  border: 1px solid #256CBE;
  
}
main .product-detail .proone .prodetail .go-cart a:hover{background: none;color: #256CBE;}
main .product-detail .proone .prodetail .go-cart a:nth-last-child(1){margin-left: 1.5rem; border: 1px solid #BFBFBF;background: none;color: #616161;}
main .product-detail .proone .prodetail .go-cart a:nth-last-child(1) img{margin-right: 10px;}
main .product-detail .proone .prodetail .go-cart a:nth-last-child(1):hover{background: #BFBFBF;color: #fff;}
main .product-detail .proone .prodetail .go-cart a:nth-last-child(1):hover img{filter: invert(50%) brightness(300%) !important;}
main .product-detail .proone .prodetail .reach{display: flex;align-items: center;}

.swiper-pagination-bullet-active{background: #F37F94;}


main .product-detail .proone .prodetail .col-md-6,main .product-detail .proone .prodetail .col-md-12{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form-control{-webkit-appearance: icon; -moz-appearance: icon;appearance: icon;}
main .product-detail .proone .prodetail .col-xs-12 .text-b{margin-bottom: 0;width: 40px;}
main .product-detail .proone .prodetail .col-xs-12 .textbox{width: calc(100% - 45px);}
main .product-detail .proone .prodetail .col-xs-12 .textbox .downpdf{display: inline-block; border-radius: 5px;border: 1px solid #F78BAA;color: #F78BAA;background: #fff;padding: 0.7rem 1rem;}
main .product-detail .proone .prodetail .col-xs-12 .textbox .downpdf:hover{background: #F78BAA;color: #fff;}
main .product-detail .proone .prodetail .col-xs-12 .textbox span img{margin-right: 15px;}
main .product-detail .proone .prodetail .col-xs-12 .textbox span:nth-last-child(1) img{margin-right: 0;}
main .product-detail .proone .online{border-radius: 10px;overflow: hidden;display: flex;align-items: center; justify-content: space-between;flex-wrap: wrap;}
main .product-detail .proone .online .boximg{width: 394px;}
main .product-detail .proone .online .boximg img{width: 100%;height: 100%;object-fit: cover;}
main .product-detail .proone .online form{width: calc(100% - 400px);box-sizing: border-box;padding-right: 1.5rem;}
main .product-detail .proone .online form .form-group{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
main .product-detail .proone .online form .form-group label{width: 100px;text-align: right;font-weight: bold;color: #000000;}
main .product-detail .proone .online form .form-group .relative{width: calc(100% - 110px);position: relative;}
main .product-detail .proone .online form .form-group .relative.arrow::after{
  content: "\f107";
  font-family: 'FontAwesome';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;


}
main .product-detail .proone .online form button{display: inline-block;border: none;box-shadow: none;max-width: 183px;text-align: center; padding: 1rem;margin: 1rem auto; background-image: linear-gradient(to bottom left, #FFFAE1, #FFEEFA);}
main .product-detail .proone .online form button:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom right, #FFFAE1, #FFEEFA);}
main .product-detail .proone .prodetail .size {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 10px;
  border: 1px solid #000000;
  position: relative;
  overflow: hidden;
}
main .product-detail .proone .prodetail .size .flex{border-right: 1px solid #000000;width: 25%; }
main .product-detail .proone .prodetail .size .flex:nth-last-child(1){border-right: none;}
main .product-detail .proone .prodetail .size input {
  position: absolute;
  opacity: 0;
}

main .product-detail .proone .prodetail .size label {
  text-align: center;
  font-size: 13px;
  color: #1D1854;
  position: relative;
  width: auto;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
 
}

@media (max-width: 768px) {
  
}
.garyback{background: #F9F9F9;border-radius: 10px;box-sizing: border-box;padding: 2rem;}
main .product-detail .proone .prodetail .size input:checked + label {
  background: #FFA1A1;
}
main .product-detail .proone .prodetail .description .catenav{background: #FCFCFC;padding: 1.5rem;}
main .product-detail .proone .prodetail .description .catenav .its {
  border-bottom: 1px solid #E3E3E3;
}



main .product-detail .proone .prodetail .description .catenav .its .liTT {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  cursor: pointer;
}

main .product-detail .proone .prodetail .description .catenav .its .liTT .sp1 {
  display: flex;
  align-items: center;
}
main .product-detail .proone .prodetail .description .catenav .its .liTT .sp1 img{margin-right: 15px;}
main .product-detail .proone .prodetail .description .catenav .its .liTT .sp3 {
  position: relative;
}

main .product-detail .proone .prodetail .description .catenav .its .liTT .sp3 .plus {
  position: relative;
}

main .product-detail .proone .prodetail .description .catenav .its .liTT .sp3 .plus::after {
  content: '';
  display: block;
  width: 2px;
  height: 1rem;
  background: #1D1854;
}

main .product-detail .proone .prodetail .description .catenav .its .liTT .sp3 .plus::before {
  content: '';
  display: block;
  width: 1rem;
  height: 2px;
  background: #1D1854;
  position: absolute;
  right: -7px;
  top: 7px;
}

main .product-detail .proone .prodetail .description .catenav .its .liTT .sp3 .minus {
  position: relative;
  display: none;
}

main .product-detail .proone .prodetail .description .catenav .its .liTT .sp3 .minus::after {
  content: '';
  display: block;
  width: 1rem;
  height: 2px;
  background: #1D1854;
  position: absolute;
  right: -7px;
  top: 7px;
}









main .product-detail .proone .prodetail .description .catenav .its .liTT .sp3 .fa-sort-down {
  position: relative;
}
main .product-detail .proone .prodetail .description .catenav .its .liTT .sp3 .fa-sort-up {
  position: relative;
  display: none;
}







main .product-detail .proone .prodetail .description .catenav .its .liTT .liBB {
  display: none;
  font-size: 20px;
}

main .product-detail .proone .prodetail .description .catenav .its .liTT .liBB ol > li {
  list-style: disc;
  font-size: 20px;
  margin-top: 1rem;
}

main .product-detail .proone .prodetail .description .catenav .its .liTT .liBB p {
  margin-bottom: 0;
  margin-top: 1rem;
}

main .product-detail .proone .prodetail .description .catenav .its .liBB {
  padding-bottom: 20px;
  display: none;
  font-size: 15px;
  
}

main .product-detail .proone .prodetail .description .catenav .its .liBB ul {
  padding-left: 20px;
}

main .product-detail .proone .prodetail .description .catenav .its .liBB ul li {
  list-style: disc;
}

main .product-detail .proone .prodetail .description .catenav .its .liBB p {
  margin-bottom: 0;
}
main .product-detail .proone .prodetail .description .Diamondbox{background: none;padding: 0;background: #FCFCFC;}
main .product-detail .proone .prodetail .description .Diamondbox .its{border: none !important;margin-bottom: 10px;}
main .product-detail .proone .prodetail .description .Diamondbox .its:nth-child(1) .liBB{display: block;}
main .product-detail .proone .prodetail .description .Diamondbox .its:nth-child(1) .liTT .sp3 .fa-sort-up{display:inline;}
main .product-detail .proone .prodetail .description .Diamondbox .its:nth-child(1) .liTT .sp3 .fa-sort-down{display:none;}
main .product-detail .proone .prodetail .description .Diamondbox .its .liTT{
  background: #FAEFD5;
  box-sizing: border-box;
  padding: 10px;
}
main .product-detail .proone .prodetail .description .Diamondbox .its .liTT .sp1 i{font-style: normal;width: 30px;}
main .product-detail .proone .prodetail .description .Diamondbox .its .liTT .sp1 em{font-style: normal;width: calc(100% - 30px);}
main .product-detail .proone .prodetail .description .Diamondbox .its .liBB{padding: 10px;}
main .product-detail .proone .prodetail .description .Diamondbox .its .liBB p{display: flex;justify-content: space-between;}
main .product-detail .proone .prodetail .description .Diamondbox .its .liBB p span:nth-child(1){width: 30px;}
main .product-detail .proone .prodetail .description .Diamondbox .its .liBB p span:nth-child(2){width: calc(100% - 30px);}
main .product-detail .telbox{border-top: 1px solid #CFCFCF;margin-top: 1.5rem;}
main .product-detail .telbox .tel{display: flex;align-items: center;} 
main .product-detail .telbox .tel p{margin-right: 30px;margin-bottom: 0;}
main .product-detail .telbox .tel .more2{
  background-image: linear-gradient(to bottom left, #FFFAE1, #FFEEFA);
    border: none;
    padding: 0.8rem 1.5rem;
    max-width: 128px;
    color: #616161;
    margin: 2rem auto;
}
main .product-detail .telbox .tel .more2:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom right, #FFFAE1, #FFEEFA);}
main .product-detail .telbox .sort{display: flex;justify-content: flex-end;align-items: center;}
main .product-detail .telbox .sortbox a{display: inline-block;padding: 0.8rem 1.5rem;border: 1px solid #FFC9C9; background: #FFC9C9;margin-left: 30px;}
main .product-detail .telbox .sortbox a:hover{}
main .product-detail .telbox .sortbox a:nth-last-child(1){background: none;border: 1px solid #2E2E2E;}
main .product-detail .telbox .sortbox a img{margin-right: 15px;}
main .product-detail .telbox .sortbox a i{margin-left: 40px;}
main .product-detail .telbox .sortbox a:nth-last-child(1):hover{}
main .product-detail .table{border: 1px solid #E1E1E1;color: #313131;}
main .product-detail .table thead th{font-family: 'CSong3HK'; background: #FAEFD5;padding: 1rem;vertical-align: middle;text-align: center;border-bottom: none;}
main .product-detail .table tbody{border-top: none;}
main .product-detail .table tbody{padding: 1rem;vertical-align: middle;text-align: center;}
main .product-detail .table tbody span{ float: right; margin: 0 auto;margin-right: 1rem;vertical-align: middle;}
main .product-detail .table tbody span img{float: left;vertical-align: middle;padding-top: 15px;}
main .product-detail .table tbody span .order{font-family: 'CSong3HK';float: left; display: flex;align-items: center;justify-content: center; width: 88px;height: 60px;background-image: linear-gradient(to bottom left, #FFFAE1, #FFEEFA);margin-left: 1rem;}
main .product-detail .table tbody span .order:hover{background-image: linear-gradient(to bottom right, #FFFAE1, #FFEEFA);}
main .product-detail .table tbody span .order-has{font-family: 'CSong3HK';float: left; display: flex;align-items: center;justify-content: center; width: 88px;height: 60px;background: #F6F6F6;margin-left: 1rem;}
main .product-detail .table tbody span .order-has:hover{background: #FFC9C9;}
main .product-detail .table tbody p{padding-left: 25px; position: relative; margin-bottom: 0;display: flex;align-items: center;justify-content: center; }
main .product-detail .table tbody p.compare::before{position: absolute;left: 30px;top: 4px; content: '';border-radius: 50%;width: 17px;height: 17px;border: 1px solid #DBDBDB;}
main .product-detail .table tbody p.compare .has{
  display: inline-block;
  width: 11px;
  height: 11px;
  background: #FFA1A1;
  border-radius: 50%;
  position: absolute;
  left: 33px;
  top: 7px;
}




@media (max-width: 768px) {
  
  main .product-detail .proone .prodetail .reach i {
    width: 66px;
  }
}

@media (max-width: 767px) {
  main .product-detail .proone .prodetail .reach i {
    width: 30px;
  }
}



main .product-detail .proone .prodetail .reach p {
  margin-bottom: 0;
  margin-left: 0.5rem;
}


main .product-detail .proone .prodetail .reach p a {
  text-decoration: underline;
  cursor: pointer;
}

main .product-detail .proone .prodetail .grading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999999999;
  display: none;
  transition: 0.5s ease;
}

main .product-detail .proone .prodetail .grading .content {
  width: 50%;
  height: auto;
  background: #FFFFFF;
  border-radius: 20px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 3rem;
  margin-top: 6%;
}

@media (max-width: 768px) {
  main .product-detail .proone .prodetail .grading .content {
    width: 80%;
  }
}

@media (max-width: 550px) {
  main .product-detail .proone .prodetail .grading .content {
    width: 90%;
    padding: 1.5rem;
  }
}

main .product-detail .proone .prodetail .grading .content .close {
  text-align: right;
  margin-bottom: 2rem;
  cursor: pointer;
}

main .product-detail .proone .prodetail .grading .content .grad_title {
  font-family: 'Museo700-Regular';
  font-size: 30px;
  color: #1D1854;
  margin-bottom: 2rem;
}

main .product-detail .proone .prodetail .grading .content .grads-s {
  overflow: scroll;
}

main .product-detail .proone .prodetail .grading .content .grading_txt {
  height: 600px;
  font-size: 24px;
  margin-bottom: 3rem;
}

@media (max-width: 768px) {
  main .product-detail .proone .prodetail .grading .content .grading_txt {
    height: 650px;
  }
}

@media (max-width: 550px) {
  main .product-detail .proone .prodetail .grading .content .grading_txt {
    height: 550px;
  }
}

main .product-detail .proone .prodetail .grading .content .grading_txt span {
  display: block;
  font-size: 22px;
  color: #C69D50;
}

main .product-detail .proone .prodetail .grading .content .grading_txt em {
  display: block;
  font-size: 18px;
  font-style: normal;
  margin-bottom: 2rem;
}

main .product-detail .proone .prodetail .social ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 1rem;
}

main .product-detail .proone .prodetail .social ul a {
  margin-left: 1rem;
}

main .product-detail .proone .prodetail .social ul a:hover {
  opacity: 0.6;
}

/*.modal.fade {*/
/*  background: rgba(0, 0, 0, 0.5) !important;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  opacity: 1;*/
/*}*/

.modal.fade .modal-dialog {
  /*box-shadow: 5px 5px #a6d0f4;*/
  max-width: 700px;
}

.modal.fade .modal-dialog .modal-header {
  position: relative;
  border: none;
}

.modal.fade .modal-dialog .modal-header img {
  margin-right: 15px;
}

.modal.fade .modal-dialog .modal-header .close {
  position: absolute;
  right: 0px;
  top: 0px;
  font-style: normal;
}

.modal.fade .modal-dialog .modal-header .modal-content {
  padding: 30px;
}

.modal.fade .modal-dialog .modal-header .modal-content label {
  color: #999999;
  font-size: 16px;
  margin-bottom: 50px;
}

.modal.fade .modal-dialog .modal-header .modal-content input {
  border-radius: 10px;
  border: 1px solid #D5D5D5;
  padding: 6px 10px;
  width: 100%;
  height: 48px;
  border-color: #EEEFF0;
}

.modal.fade .modal-dialog .modal-header .modal-content button {
  width: 190px;
  height: 48px;
  background: #231F20;
  color: #fff;
  border-radius: 5px;
  border: none;
  display: block;
  text-align: center;
  margin-top: 30px;
}


.Contact-block{box-sizing: border-box;position: relative;overflow: hidden;width: 88%;margin: 3rem auto;}
.Contact-block .address{margin: 2rem 0;}
.Contact-block .address dd{display: flex;justify-content: space-between;}
.Contact-block .address dd span{width: 180px;color: #464646;font-weight: bold;}
.Contact-block .address dd span:nth-child(1){display: flex;align-items: baseline;justify-content: space-between;}
.Contact-block .address dd span i{width: 20px;color: #F78BAA;display: inline-block;font-style: normal;}
.Contact-block .address dd span em{display: inline-block; font-style: normal;width: calc(100% - 20px);}
.Contact-block .address dd span:nth-child(2){width: calc(100% - 200px);color: #8B8B8B;font-weight: normal;}
.Contact-block .links a{margin-right: 20px;display: inline-block;}
.Contact-block .links a:hover{border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);}
.Contact-block form .form-control{padding: 0.6rem;border: 1px solid #C9C9C9;}
.Contact-block form button{background-image: linear-gradient(to bottom left, #FFFAE1, #FFEEFA);border: none;padding: 0.9rem; max-width: 183px;color: #616161;margin: 2rem auto;}
.Contact-block form button:hover{background-image: linear-gradient(to bottom right, #FFFAE1, #FFEEFA);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);}
.Contact-block .topbox h3{margin-bottom: 0;width: 30%;}
.Contact-block .topbox p {margin-bottom: 0;width: calc(100% - 30%);color: #8B8B8B;}
.Contact-block .map img,.Contact-block .map iframe{width: 100%;}

.faq-block{box-sizing: border-box;position: relative;overflow: hidden;width: 88%;margin: 3rem auto;}
.faq-block  .its{margin-bottom: 20px;}
.faq-block .liT{color: #505050; display: flex;align-items: center;justify-content: space-between; box-sizing: border-box;padding: 30px;width: 100%;background: url(../images/fbg1.png) no-repeat top center;background-size: cover;}
.faq-block  .its:nth-child(2) .liTT{background: url(../images/fbg2.png) no-repeat top center;background-size: cover;}
.faq-block  .its:nth-child(3) .liTT{background: url(../images/fbg3.png) no-repeat top center;background-size: cover;}
.faq-block  .its:nth-child(4) .liTT{background: url(../images/fbg4.png) no-repeat top center;background-size: cover;}
.faq-block  .its:nth-child(5) .liTT{background: url(../images/fbg5.png) no-repeat top center;background-size: cover;}
.faq-block  .its:nth-child(6) .liTT{background: url(../images/fbg6.png) no-repeat top center;background-size: cover;}
.faq-block .liT .sp3{width: 37px;height: 37px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.faq-block .liT .sp3 i{color: #F78BAA;}
.faq-block .liT .sp3 .minus{display: none;}

.faq-block .liT .sp3 .plus {
  position: relative;
}

.faq-block .liT .sp3 .plus::after {
  content: '';
  display: block;
  width: 2px;
  height: 1rem;
  background: #F78BAA;
}

.faq-block .liT .sp3 .plus::before {
  content: '';
  display: block;
  width: 1rem;
  height: 2px;
  background: #F78BAA;
  position: absolute;
  right: -7px;
  top: 7px;
}

.faq-block .liT .sp3 .minus {
  position: relative;
  display: none;
}

.faq-block .liT .sp3 .minus::after {
  content: '';
  display: block;
  width: 1rem;
  height: 2px;
  background: #F78BAA;
  position: absolute;
  right: -7px;
  top: 0px;
}






.faq-block .liB{color: #8B8B8B; display: none; border: 1px solid #E8E8E8;box-sizing: border-box;padding: 30px;color: #8B8B8B;}
.faq-block .liB .txt p{margin-bottom: 30px;}
.faq-block .liB .txt img{display: block;margin: 2rem auto;}



.Product-block .tit{position: relative;max-width: 557px;margin: 0 auto;line-height: 1.6;}
.Product-block .tit::before{
   content: 'CATHYPAUL';
   display: inline-block;
   position: absolute;
   left: 20px;
   top: 0px;
   color: #F8F2ED;
   font-size: 63px;
   z-index: -1;
   font-family: 'AntroVectra';
}

.pink-title-en{position: relative;max-width: 768px;margin: 0 auto;line-height: 1.6;z-index: 9;}
.pink-title-en::before{
   content: 'CATHYPAUL';
   display: inline-block;
   position: absolute;
   left: 20px;
   top: 0px;
   color: #F8F2ED;
   font-size: 80px;
   z-index: -1;
   font-family: 'AntroVectra';
}


.About-block{position: relative;padding: 120px 0px;}
.About-block .title{position: relative;max-width: 768px;margin: 0 auto;line-height: 1.6;}
.About-block .title::before{
   content: 'CATHYPAUL';
   display: inline-block;
   position: absolute;
   left: 20px;
   top: -60px;
   color: #F8F2ED;
   font-size: 80px;
   z-index: -1;
   font-family: 'AntroVectra';
}
.About-block .txt:nth-child(2){max-width: 632px;margin: 3rem auto;}
.About-block::after{
  content: '';
  display: inline-block;
  width: 100%;
  height: 300px;
  background: url(../images/bgg.png) no-repeat top center;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.About-block::before{
  content: '';
  display: inline-block;
  width: 100%;
  height: 300px;
  background-image: linear-gradient(to right, rgba(255,255,255,1) , rgba(255,255,255,0.8));
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.About-block .container-xl{position: relative;z-index: 9;}
.About-block .col-md-3 img{width: 100%;height: 100%;object-fit: cover;}
.About-block .col-md-6 .video img{
  width: 100%;

}
.About-block .txt:nth-last-child(1){max-width: 1266px;margin: 0 auto;}
footer {
  position: relative;
  z-index: 99;
  border-top: 3px solid #F78BAA;
}
.page-banner .inner .green{color: #287484;}
@media (max-width: 768px) {
  footer {
    text-align: center;
  }
  .About-block .col-md-6{width: 100%;text-align: center;}
}

footer .footerTop .menu_one a{margin-left: 3rem;font-family: 'CSong3HK';color: #464646;}
footer .footerTop .menu_one a:hover{color: #F78BAA;}


footer .footerTop .logo {
  width: 20%;
}

@media (max-width: 768px) {
  footer .footerTop .logo {
    width: 100%;
    margin-bottom: 2rem;
  }
}

footer .footerBottom .footernav {
  width: 100%;

}

@media (max-width: 768px) {
  footer .footerBottom .footernav {
    width: 100%;
    text-align: center;
  }
}

footer .footerBottom .footernav span {
  font-size: 18px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #F37F94;
  color: #616161;
}

@media (max-width: 767px) {
  footer .footerBottom .footernav span {
   
  }
}

@media (max-width: 550px) {
  footer .footerBottom .footernav span {
    justify-content: flex-start;
  }
}

footer .footerBottom .footernav span .fa-angle-down {
  display: none;
}

@media (max-width: 550px) {
  footer .footerBottom .footernav span .fa-angle-down {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    border-left: 0;
    border-top: 0;
    transition: 0.5s ease;
  }
}

footer .footerBottom .footernav span .fa-angle-down.active {
  transform: rotate(180deg);
}
footer .footerTop .Adress p{margin-bottom: 0;font-size: 14px;color: #616161;}
footer .footerTop .links a{color: #F78BAA;margin-right: 15px;display: inline-block;}
footer .footerTop .links a:hover{transform: scale(1.1);}
footer .footerTop .coybox:nth-child(2){margin-left: 2rem;}
@media (max-width: 550px) {
  footer .footerBottom .footernav .footerlist {
    display: none;
  }
}

footer .footerBottom .footernav .footerlist a {
  display: block;
  margin-top: 0.5rem;
  transition: 0.5s ease;
  text-align: left;
  color: #616161;
}

@media (max-width: 550px) {
  footer .footerBottom .footernav .footerlist a {
    text-align: left;
  }
}

footer .footerBottom .footernav .footerlist a:hover {
  color: #F78BAA;
}

footer .footerBottom .copyright{
  text-align: center;
  background: #F5F5F5;
  margin-bottom: 0;
  padding: 1rem;
  font-size: 14px;
  color: rgba(41,41,41,0.79);
}

footer .container-xl {
  flex-wrap: wrap;
  max-width: 82%;
}

footer .footerBottom .cys {
  position: relative;
}

@media (max-width: 768px) {
  footer .footerBottom .cys {
    width: 100%;
  }
}

footer .footerBottom .cys .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  margin-bottom: 1rem;
}

footer .footerBottom .cys .form-group .form-control {
  background: none;
  border-radius: 0;
  border: none;
}

footer .footerBottom .cys .form-group button {
  width: 120px;
  height: 40px;
  border-radius: 0;
  border: none;
  background: #DCDCE3;
  font-weight: bold;
}

footer .footerBottom .copy {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  footer .footerBottom .right {
    width: 100%;
  }
}

footer .footerBottom .right .footer_icos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

footer .footerBottom .right .footer_icos:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  footer .footerBottom .right .footer_icos {
    justify-content: center;
  }
}

footer .footerBottom .right .footer_icos span {
  margin-right: 1rem;
  width: 100px;
  width: 80px;
}

footer .footerBottom .right .footer_icos .footerSocialIcon a {
  margin-right: 10px;
}

@media (max-width: 550px) {
  footer .footerBottom .right .footer_icos .footerSocialIcon a {
    margin-right: 3px;
  }
}

@media (max-width: 320px) {
  footer .footerBottom .right .footer_icos .footerSocialIcon a img {
    width: 30px;
  }
}

footer .footerBottom .right .footer_icos .footerSocialIcon a:hover {
  opacity: 0.8;
}
@media (max-width: 1765px) {
  header .topmenu .right{width: calc(100% - 300px );}
}
@media (max-width: 1680px) {
  main .product-detail .proone .prodetail #product .go-cart-box{flex-wrap: wrap;}
  main .product-detail .proone .prodetail #product .go-cart-box a{width: 48%;margin-bottom: 1rem;}
  .eight-block .feeling .swiper-wrapper .swiper-slide:nth-child(even) img{transform: translateX(50px);}
  header .topmenu .right{width: calc(100% - 200px );}
  .nav-link{font-size: 16px;padding: 0.5rem;}
  main .product-detail .table tbody p{padding-left: 40px;}
  .pr-5{padding-right: 2rem;}
  .dropdown-menu{width: 85%;min-width: 85%;}
}
@media (max-width: 1440px) {
  header .topmenu .right{width: calc(100% - 200px);}
  main .product-detail .proone .online form .form-group label{width: 100%;text-align: left;margin-bottom: 5px;}
  main .product-detail .proone .online form .form-group .relative{width: 100%;}
  main .banner .swiper-slide .inner .bannerText .h3-title{font-size: 70px;}
  .eight-block .feeling .swiper-wrapper .swiper-slide:nth-child(even) img{transform: translateX(0px);}
  main .banner .swiper-slide .inner .bannerText .imgs{transform: scale(0.5);}
  main .banner{height: 768px;}
  main .banner .swiper-container{height: 100%;}
  main .banner .swiper-container .boximg{height: 100%;}
  main .banner .swiper-container .boximg img{width: 100%;height: 100%;object-fit: cover;}

  .second-block .twoimgbox{flex-wrap: wrap;}
  .second-block .twoimgbox .left,.second-block .twoimgbox .right{width: 100%;}
  .second-block .twoimgbox .box{position: relative;max-width: 100%;left: auto;}
  .second-block .twoimgbox .right{display: flex;align-content: center;transform: translate(0, 50px);flex-direction:row-reverse;}
  .second-block .twoimgbox .right>div{width: 50%}
}
@media (max-width: 1366px) {
  main .product-detail .proone .prodetail .col-xs-12{margin-bottom: 1rem !important;}
  main .product-detail .proone .prodetail .col-xs-12 .text-b{width: 100%;margin-bottom: 5px;}
  main .product-detail .proone .prodetail .col-xs-12 .textbox{width: 100%;}
  main .product-detail .table tbody p{padding-left: 50px;}
  .dropdown-menu .col-sm-12 .items dl dd a{font-size: 14px;}
}
@media (max-width: 1280px) {
  .garyback{padding: 1rem;}
  main .product-detail .proone .online .boximg{}
  main .product-detail .proone .online form{}
  .eight-block .feeling .swiper-wrapper{height: 650px;}
  main .product-detail .proone .prodetail .size label{font-size: 12px;}
  .dropdown-menu {
    padding: 1.5rem;
    width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 1210px) {
  header .topmenu .right{width: calc(100% - 100px);}
  header .topmenu{padding-left: 0 !important;padding-right: 0 !important;}
  header .topmenu .container-xl{max-width: 100%;}
  .pr-5{padding-right: 1rem;}
}
@media (max-width: 1024px) {
  .page-banner{height: 200px;}
  .page-banner .boximg{height: 200px;}
  .page-banner .boximg img{width: 100%;height: 100%;object-fit: cover;}
  .Contact-block .links a{margin-right: 1rem;}
  .Contact-block .topbox h3{width: 22%;}
  .Contact-block .topbox p{width: calc(100% - 22%);}
  .page-banner .inner h2{margin-bottom: 0;}
  main .Product-block .border-bottom .left{justify-content: space-between;width: 100%;}
  main .Product-block form .form-group{margin-right: 1.5rem;width: 200px;}
  .page-banner .inner{width: 60%;}
  footer .container-xl{max-width: 92%;}
  header .topmenu .right{width: calc(100% - 0px);}
  header .topmenu{}
  main .product-detail .proone2 .pics{width: 100%;}
  main .product-detail .proone2 .prodetail{width: 100%;}
  main .product-detail .proone2 .desinfobox{width: 100%;margin-top: 30px;}
  .first-block .piclist .towitems .items .txt{max-width: 90%;}
  .second-block .twoimgbox .left{width: 100%;}
  .second-block .twoimgbox .right{width: 100%;transform: none;margin-top: 1rem;}
  .second-block .twoimgbox .right img{width: 100%;}
  .second-block .twoimgbox{flex-wrap: wrap;}
  .second-block .twoimgbox .right{flex-wrap:wrap;flex-direction:column-reverse;}
  .second-block .twoimgbox .right>div{width: 100%}
  .second-block .twoimgbox .right img{width: 100%}

  .dropdown-menu .col-md-4 .items dl dd a{font-size: 14px;}
  main .product-detail .proone .pics{width: 100%;}
  main .product-detail .proone .prodetail{width: 100%;}
  main .product-detail .proone .desinfobox{width: 100%;margin-top: 30px;}
  main .product-detail .table thead th{white-space:nowrap}
  main .product-detail .table tbody td{white-space:nowrap}
  main .product-detail .table tbody span .order{}
  main .product-detail .table tbody span{display: flex;justify-content: flex-end;align-items: center;}
  
}
@media (max-width: 992px) {
  header .topmenu{padding-top: 1rem !important;padding-bottom: 1rem !important;}
  .container-xl{max-width: 98%;}
  .page-banner{margin-top: 30px;}
  .Contact-block .col-md-5{width: 100%;}
  .Contact-block .links{margin-bottom: 50px;}
  .Contact-block .topbox{flex-wrap: wrap;}
  .Contact-block .topbox h3{width: 100%;}
  .Contact-block .topbox p{width: calc(100%);margin-top: 20px;}
  .Contact-block,.faq-block{width: 100%;}
  main .Product-block form .form-group{margin-right: 1.5rem;width: 150px;}
  main .product-detail .proone .pics{width: 100%;}
  main .product-detail .proone .prodetail{width: 100%;}
  main .product-detail .proone .desinfobox{width: 100%;margin-top: 30px;}
  footer .footerTop .links a i{font-size: 1.4em;}
  footer .footerBottom .footernav .col-md-2{width: 25%;}
  header .topmenu .right nav{display: none;}
  header .topmenu .right .toplinks .search{display: none;}
  header .topmenu .left{width: calc(100% - 100px);}
  header .topmenu .right{width: 100px;}
  .eight-block .feeling .swiper-wrapper{height: 450px;}
  .six-block .txt,.first-block .txt{max-width: 70%;}
  .first-block .piclist .towitems .items .txt{margin-top: 2rem;}
  main .banner .swiper-slide .inner .bannerText .imgs .img1{width: 65%;}
  main .banner .swiper-slide .inner .bannerText .imgs .img2{width: 55%;}
  main .banner .swiper-slide .inner .bannerText .imgs .img3{width: 33%;}
  main .banner .swiper-slide .inner .bannerText .h3-title{font-size: 50px;}
  main .banner .swiper-slide .inner .bannerText{max-width: 650px;}
  main .banner .swiper-slide .inner .bannerText .video{width: 120px;height: 120px;}
  main .product-detail .telbox .sortbox a{padding: 0.5rem 1rem;}
  .About-block .title{font-size: 28px;}

}
@media (max-width: 768px) {
  main .Product-block form .form-group{width: 120px;}
  main .Product-block .row .col-md-2{width: 33.3333%;}
  footer .container-xl{justify-content: center !important;}
  footer .footerTop .menu_one a{margin: 0 2rem;}
  footer .footerTop .Adress p{text-align: left;}
  footer .footerTop .fallow p{text-align: left;}
  .six-block .catebox .big-img1 .con h2{font-size: 28px;}
  .six-block .big-img1 .con h1{font-size: 36px;}
  main .product-detail .telbox .sortbox a i{margin-left: 10px;}
  main .product-detail .telbox .tel .more2{padding: 0.5rem 1rem;}
  main .product-detail .telbox .sortbox a{margin-left: 10px;}
  .whatsapps{
    left: 10px;
    right: initial;
  }
  .reservation{
    bottom: 30px;
    top: initial;
  }

}
@media (max-width: 767px) {
  .fs28{font-size: 24px;}
  .fs20{font-size: 18px;}
  .fs24{font-size: 20px;}
  .fs18{font-size: 16px;}
  .About-block{padding: 70px 0px;}
  .About-block .title::before{font-size: 40px;top: -20px;}
  header .topmenu .right .toplinks .search{display: none;}
  header .topmenu .left{width: calc(100% - 100px);}
  header .topmenu .right{width: 100px;}
  .faq-block .liT{padding: 1rem;}
  .faq-block .liB{padding: 1rem;padding-top: 2rem;}
  .faq-block{margin: 1rem auto;}
  main .Product-block .row .col-md-2{width: 50%;}
  .page-banner .inner{width: 70%;}
  main .Product-block .border-bottom .left{flex-wrap: wrap;flex-direction: column-reverse;}
  main .Product-block .tag a{margin-right: 10px;}
  main .Product-block .border-bottom .right{width: 100%;justify-content: space-between;}
  main .Product-block form .form-group{width: 48%;}
  main .Product-block .border-bottom .right form{width: 100%;}
  main .Product-block .border-bottom .left form{width: 100%;}
  main .Product-block .border-bottom .left form .form-group:nth-last-child(1){margin-right: 0;}
  main .Product-block .tag{width: 100%;}
  main .product-detail .proone .prodetail #product{padding: 1.5rem;}
  main .product-detail .proone .prodetail .go-cart a{padding: 0.8rem 1.5rem;}
  .Product-block .tit::before{font-size: 24px;top: 30px;left: 30px;}
  .Product-block .tit{max-width: 80%;}
  footer .footerBottom .footernav .col-md-2{width: 100%;}
  footer .container-xl{max-width: 98%;}
  footer .footerTop .coybox:nth-child(1){margin-top: 3rem;}
  footer .footerBottom .footernav .col-md-2{margin-bottom: 0 !important;}
  footer .footerBottom .footernav span{margin-bottom: 0;}
  footer .footerBottom .footernav .footerlist{margin-top: 1rem;}
  main .product-detail .proone .prodetail #product .desinfolist .col-md-6{margin-bottom: 0 !important;}
  main .product-detail .proone .online .boximg{width: 100%;}
  main .product-detail .proone .online form{width: 100%;padding-top: 2rem;padding-bottom: 2rem; padding-left: 1.5rem;padding-right: 0;}
  main .banner .swiper-slide .inner .bannerText{max-width: auto;flex-wrap: wrap;}
  main .banner .swiper-slide .inner .bannerText .h3-title{display: flex;}
  main .banner .swiper-slide .inner .bannerText .h3-title br{display: none;}
  main .banner .swiper-slide .inner .bannerText .h3-title i{transform: none !important;}
  main .banner .swiper-slide .inner .bannerText .imgs{margin-left: 0;}
  main .banner .swiper-slide .inner .bannerText .video{top: 110%}
  .six-block .txt, .first-block .txt{max-width: 100%;}
  .pink-title-en::before{font-size: 40px;top: 20px;}
  main .banner .swiper-slide .inner .bannerText .imgs .img3{width: 34%;}
  .first-block .piclist .towitems .items{flex-wrap: wrap;}
  .first-block .piclist .towitems:nth-child(2) .items,.first-block .piclist .towitems .items:nth-last-child(1){width: 100%;}
  .first-block .piclist .towitems:nth-child(2) .items:nth-last-child(1){width: 100%;}
  .first-block .piclist .towitems .items{width: 100%;margin-bottom: 20px;}
  .second-block .bigimg{height: 300px;}
  .second-block .bigimg .hover{right: 1.5rem;}
  .second-block .twoimgbox .box{position: relative;max-width: 100%;left: auto;}
  .third-block{padding-top: 0;}
  .five-block .timgs{flex-wrap: wrap;}
  .six-block .swiper-slide{width: 50%;}
  .six-block .big-img1 .con h1{font-size: 28px;}
  .six-block .big-img1 .con h2{font-size: 24px;}
  .six-block .big-img1.two .con{width: 90%;}
  .six-block .big-img1{padding-top: 0 !important;}
  .seven-block .pinpai{padding: 0 40px;}
  .eight-block .container-xl{max-width: 98%;}
  .eight-block .feeling .swiper-wrapper{height: 600px;}
  footer .footerTop .Adress p{text-align: center;}
  footer .footerTop .fallow p{text-align: center;}
  main .product-detail .telbox{flex-wrap: wrap;}

  main .product-detail .telbox .tel{width: 100%;}
  main .product-detail .telbox .tel .more2{margin: 1rem 0;}
  main .product-detail .telbox .sortbox{margin-bottom: 1rem;}
  main .product-detail .telbox .sortbox a{margin-left: 0;margin-right: 1rem;}
  .five-block .pinpai{padding: 40px;}
  main .banner{height: 600px;}
  main .banner .swiper-slide .inner{height: 70%;}
  main .banner .swiper-slide .inner .bannerText .h3-title{font-size: 40px;}
  .first-block .king .swiper-slide strong{font-size: 20px;}
}