1523 lines
33 KiB
CSS
Executable File
1523 lines
33 KiB
CSS
Executable File
/*.body{*/
|
||
/* font-family:Montserrat-Regular !important;*/
|
||
/*}*/
|
||
|
||
@font-face {
|
||
font-family: 'Montserrat';
|
||
src: url('icon/Montserrat-Regular.ttf') format('truetype'),
|
||
src: url('icon/Montserrat-SemiBold.ttf') format('truetype');
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
}
|
||
.searchimg{
|
||
position: absolute;
|
||
top:50%;
|
||
margin-top: -10px;
|
||
}
|
||
#tuichu1 {
|
||
width: 30%;
|
||
}
|
||
|
||
.section-full{
|
||
padding-left: 4.25rem;
|
||
padding-right: 4.25rem;
|
||
padding-bottom: 3%;
|
||
}
|
||
|
||
.swiper-pagination1 .swiper-pagination-bullet {
|
||
z-index: 10;
|
||
margin-right: 27%!important;
|
||
width: 1.25rem;
|
||
height: 1.25rem;
|
||
border-radius: 50%;
|
||
background-color: #fff;
|
||
margin-bottom: 2.5rem;
|
||
cursor: pointer;
|
||
opacity: 1;
|
||
border: 1px solid #cccccc;
|
||
float:left;
|
||
}
|
||
.time1{
|
||
position: absolute;
|
||
top: 3.4375rem;
|
||
left: 0.2%;
|
||
height: 2px;
|
||
}
|
||
.time2{
|
||
position: absolute;
|
||
top: 3.4375rem;
|
||
left: 26.5%;
|
||
height: 2px;
|
||
}
|
||
.time3{
|
||
position: absolute;
|
||
top: 3.4375rem;
|
||
left: 52.5%;
|
||
height: 2px;
|
||
}
|
||
|
||
.docking2-1 {
|
||
align-items: flex-start;
|
||
width: 100%;
|
||
height: 26rem;
|
||
text-align: center;
|
||
}
|
||
|
||
.docking2 .title {
|
||
font-family:Montserrat !important;
|
||
font-size: 1.875rem;
|
||
text-align: center;
|
||
line-height: 2.3rem;
|
||
font-weight: 700;
|
||
max-height: 5.5rem;
|
||
z-index: 999;
|
||
overflow: hidden;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2; /* 显示两行 */
|
||
-webkit-box-orient: vertical; /* 文本在垂直方向排列 */
|
||
}
|
||
|
||
.docking2 .title p{
|
||
margin:0;
|
||
padding:0;
|
||
}
|
||
|
||
.nav .navfl .navul li .navlist{width:100%;position:absolute;left:0;right:0;display:block;z-index:999999;background-color: white;box-shadow: 0px 3px 8px rgba(0,0,0,0.1);}
|
||
|
||
.workshop_all .content{ width:53%; height: 30rem; z-index: 2;background-color:white; float:left;border-radius:26px 0 0 26px;}
|
||
.workshop_all .content12{ width:53%; height: 30rem; z-index: 2;background-color:white; float:left;}
|
||
|
||
@media screen and (max-width:1459px){
|
||
.workshop_all .content{ width:53%; height: 24.3rem; z-index: 2;background-color:white; float:left;border-radius:26px 0 0 26px;}
|
||
.workshop_all .content12{ width:53%; height: 24.3rem; z-index: 2;background-color:white; float:left;}
|
||
}
|
||
@media screen and (max-width:1239px){
|
||
.workshop_all .content{ width:53%; height: 21.3rem; z-index: 2;background-color:white; float:left;border-radius:26px 0 0 26px;}
|
||
.workshop_all .content12{ width:53%; height: 21.3rem; z-index: 2;background-color:white; float:left;}
|
||
}
|
||
.workshop_all .content_text{
|
||
width: 60%;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
overflow: hidden;
|
||
position: relative;
|
||
height: 150px;}
|
||
.workshop_all .title{
|
||
font-family:Montserrat !important;
|
||
font-size: 42px;
|
||
text-align: center;
|
||
font-weight: 600;
|
||
color: #202020;
|
||
max-height: 95px;
|
||
line-height: 45px;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2; /* 显示两行 */
|
||
-webkit-box-orient: vertical; /* 文本在垂直方向排列 */
|
||
}
|
||
.workshop_all .title p{
|
||
margin:0;
|
||
padding: 0;
|
||
}
|
||
.workshop_all .subtitle{
|
||
font-family: Montserrat !important;
|
||
font-size: 1.125rem;
|
||
font-weight: 600;
|
||
text-align: center;
|
||
color: #000000;
|
||
}
|
||
.workshop_all .subtitle:hover .tpicture{
|
||
background-position:0px 0px;padding-top:1rem;
|
||
}
|
||
|
||
.navItem dt{font-size: 14px; font-weight: 600; line-height: 16px; margin-inline-start:20px; font-weight: 600; border-bottom: 1px solid rgba(225,225,225,0.5);padding-bottom: 13px;padding-top:1rem;}
|
||
.navItem dt img{height: 16px; }
|
||
.navItem dd{font-size: 14px; line-height: 40px; padding-top:0vw; font-weight: 100; display: inline-block; margin-right:3%; margin-inline-start:40px;}
|
||
.navItem dd a, .two_nav_other a{font-size: 14px}
|
||
.navItem dd a:hover{color: #004BF9;font-weight: 600;}
|
||
.navItem dd img{margin-right: 10px; height: 40px; width:40px;}
|
||
|
||
.tpicture{
|
||
width: 22px;
|
||
height: 22px;
|
||
margin-left: 58%;
|
||
margin-top: -25px;
|
||
}
|
||
.subtitle img{
|
||
display: inline-block;
|
||
margin-bottom: 5px;
|
||
}
|
||
.backwhite{
|
||
background-color: white;
|
||
}
|
||
/* 轮播 */
|
||
.swiper-box {
|
||
position: relative;
|
||
}
|
||
|
||
.swiper-box>p{
|
||
font-family: Montserrat !important;
|
||
font-size: 2rem;
|
||
font-weight: 600;
|
||
line-height: 6rem;
|
||
margin-top: 42px;
|
||
margin-bottom: 14px;
|
||
}
|
||
|
||
.swiper-container {
|
||
width: 15%;
|
||
margin: 0 !important;
|
||
}
|
||
.swiper-container1{
|
||
width: 85%;
|
||
}
|
||
.swiper-container1 span{
|
||
font-family: Montserrat !important;
|
||
}
|
||
.slideshow-pag {
|
||
width: 90%;
|
||
}
|
||
|
||
.swiper-wrapper {
|
||
position: unset;
|
||
}
|
||
|
||
.slideshow-btn {
|
||
z-index: 9999;
|
||
width: 40px;
|
||
height: 40px !important;
|
||
}
|
||
.swiper-button-prev,
|
||
.swiper-rtl .swiper-button-next {
|
||
position: static !important;
|
||
margin-left:40px;
|
||
margin-top: -40px;
|
||
}
|
||
|
||
.swiper-button-next,
|
||
.swiper-rtl .swiper-button-prev {
|
||
margin-left: 95px;
|
||
margin-top: 22px;
|
||
position: static !important;
|
||
}
|
||
.swi1 .swiper-button-next,
|
||
.swiper-rtl .swiper-button-prev {
|
||
position: static !important;
|
||
margin-left: 95px;
|
||
margin-top: 24px;
|
||
}
|
||
.swi1 .swiper-button-prev,
|
||
.swiper-rtl .swiper-button-next {
|
||
position: static !important;
|
||
margin-left:40px;
|
||
margin-top: -40px;
|
||
}
|
||
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
|
||
background-image: none !important
|
||
}
|
||
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
|
||
background-image: none !important
|
||
}
|
||
|
||
.swiper {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
#swiper1{
|
||
width: 116%;
|
||
}
|
||
.swiper-slide {
|
||
text-align: center;
|
||
font-size: 18px;
|
||
background: #fff;
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: -webkit-flex;
|
||
display: flex;
|
||
-webkit-box-pack: center;
|
||
-ms-flex-pack: center;
|
||
-webkit-justify-content: center;
|
||
justify-content: center;
|
||
-webkit-box-align: center;
|
||
-ms-flex-align: center;
|
||
-webkit-align-items: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.swiper-slide img {
|
||
display: block;
|
||
width: 100%;
|
||
height: 90%;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.swiperasd {
|
||
display: flex;
|
||
width: 85%;
|
||
position: relative;
|
||
height: 6.25rem;
|
||
}
|
||
|
||
.swiperasd1 {
|
||
width: 100%;
|
||
position: relative;
|
||
height: 6.25rem;
|
||
}
|
||
.swiperasd2 {
|
||
width: 55%;
|
||
margin-left: 22.5% ;
|
||
position: relative;
|
||
height: 6rem;
|
||
}
|
||
.swiperasd2 .swiper-container{
|
||
position: absolute;
|
||
right: 0;
|
||
width: auto;
|
||
}
|
||
.swiperasd2 .swiper-button-prev,
|
||
.swiper-rtl .swiper-button-next {
|
||
position: static !important;
|
||
margin-left:28px;
|
||
margin-top: -40px;
|
||
}
|
||
|
||
.swiperasd2 .swiper-button-next,
|
||
.swiper-rtl .swiper-button-prev {
|
||
margin-left: 78px;
|
||
margin-top: 25px;
|
||
position: static !important;
|
||
}
|
||
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||
background-color: #555 !important;
|
||
margin-top: 0px;
|
||
height: 2px !important;
|
||
}
|
||
.slideshow-pag {
|
||
width: 86% !important;
|
||
position: absolute;
|
||
right: 3% !important;
|
||
top: 50% !important;
|
||
}
|
||
.swt1-Container{
|
||
background-color: white;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
}
|
||
.picture1{
|
||
display: block;
|
||
width: 350px !important;
|
||
height: 29.375rem !important;
|
||
background: #FFFFFF;
|
||
border-radius: 26px 26px 26px 26px;
|
||
text-align: center;
|
||
}
|
||
.picture1 img{
|
||
width: 13.5rem;
|
||
height: 12.875rem;
|
||
display: block;
|
||
|
||
}
|
||
.picture1 img:hover{
|
||
transform: scale(1.1);
|
||
}
|
||
.picture1-div {
|
||
width: 13.5rem;
|
||
height: 12.875rem;
|
||
display: block;
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 30%;
|
||
margin-left: -6.75rem;
|
||
margin-top: -6.4375rem;
|
||
background-repeat: no-repeat;
|
||
transition: transform .3s ease-in-out;
|
||
图片缩放过渡效果
|
||
background-size: 100% 100%;
|
||
}
|
||
.picture1-div img {
|
||
width: 13.5rem;
|
||
height: 12.875rem;
|
||
}
|
||
.picture1-div:hover {
|
||
/*transform: translateX(100%);*/
|
||
transform: scale(1.09);
|
||
}
|
||
.picture1 a{
|
||
font-size: 0.8rem;
|
||
font-weight: 600;
|
||
}
|
||
.picture1 .more{
|
||
font-family: Montserrat !important;
|
||
font-size: 0.8rem;
|
||
position: absolute;
|
||
bottom: 10%;
|
||
left: 50%;
|
||
margin-left: -40px;
|
||
}
|
||
.picture1 .title{font-size: 1.25rem;
|
||
font-family:Montserrat !important;
|
||
text-align: center;
|
||
line-height: 1.5rem;
|
||
font-weight: 700;
|
||
margin-top: 18rem;
|
||
padding: 0 30px;
|
||
max-height: 49px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2; /* 显示两行 */
|
||
-webkit-box-orient: vertical; /* 文本在垂直方向排列 */
|
||
}
|
||
|
||
.picture1 .title p{
|
||
margin:0;
|
||
padding: 0;
|
||
}
|
||
.picture1 .subtitle{font-size: 1em;
|
||
text-align: center;
|
||
margin-top: 1rem;
|
||
line-height: 1.125rem;
|
||
font-size: medium;
|
||
width: 80%;
|
||
margin: auto;
|
||
margin-bottom: auto;
|
||
margin-top: 1rem;
|
||
margin-bottom: 1.25rem;
|
||
max-height: 33px;
|
||
overflow: hidden;}
|
||
|
||
.da1{
|
||
width: 80%;
|
||
overflow: hidden;
|
||
margin: auto;
|
||
}
|
||
|
||
.col{
|
||
font-family: Montserrat !important;
|
||
width: 20%;
|
||
float: left;
|
||
height: 230px;
|
||
text-align: center;
|
||
font-size: 1rem;
|
||
font-weight: bold;
|
||
color: #000000;
|
||
padding-bottom: 3%;
|
||
padding-top: 2%;
|
||
}
|
||
.col img{
|
||
margin-top: 20%;
|
||
display: block;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
margin-bottom: 16px;
|
||
width: 75px;
|
||
max-width: 75px !important;
|
||
}
|
||
.col img:last-child{
|
||
margin-top: 20%;
|
||
display: block;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
height: 75px !important;
|
||
}
|
||
|
||
.docking1-1{
|
||
width: 50%;
|
||
text-align: center;
|
||
background-color: white;
|
||
}
|
||
.docking1-2{
|
||
width: 50%;
|
||
background-color: white !important;
|
||
}
|
||
.docking1-2 img{
|
||
margin-left: 10%;
|
||
}
|
||
.docking1-1 .title{font-size: 2.25rem;
|
||
font-family:Montserrat !important;
|
||
text-align: center;
|
||
line-height: 2.375rem;
|
||
font-weight: 700;
|
||
margin-top: 18rem;
|
||
overflow: hidden;}
|
||
.docking1-1 .subtitle{font-size: 1.25em;
|
||
text-align: center;
|
||
width: 55%;
|
||
margin-left: 23%;
|
||
margin-top: 10px;
|
||
margin-bottom: 10px;
|
||
line-height: 1.375rem;
|
||
|
||
}
|
||
|
||
.docking1-1 .title a{color:black;}
|
||
.docking2{
|
||
display: flex;
|
||
width: 100%;
|
||
opacity: 1;
|
||
padding-top:1%;
|
||
background-color: #fff;
|
||
}
|
||
.docking2:last-child{
|
||
padding-top:1% !important;
|
||
}
|
||
.docking2:first-child .docking2-1:first-child .title a{
|
||
color: black;
|
||
}
|
||
.docking2a:last-child {
|
||
margin-left: 1%;
|
||
color: white;
|
||
}
|
||
.docking2-1:last-child .title a{
|
||
color: white;
|
||
}
|
||
.docking2a{
|
||
overflow: hidden;
|
||
width: 49.5%;
|
||
/*height: 34rem;*/
|
||
display: block;
|
||
position: relative;
|
||
}
|
||
.docking2-1:hover{
|
||
transform: scale(1.09); /* 图片放大 */
|
||
/*background-size: auto 120% ;*/
|
||
|
||
}
|
||
.docking2a-text{
|
||
z-index: 9999;
|
||
position: absolute;
|
||
top: 10%;
|
||
width: 48%;
|
||
margin-left: 26%;
|
||
}
|
||
.docking2-1{
|
||
background-size: cover; /* 保持图片比例并填充容器 */
|
||
transition: transform 1s ease; /* 设置过渡效果：缩放持续时间为0.5秒，缓动函数为ease（平滑过渡） */
|
||
}
|
||
.docking2 .title a{
|
||
overflow: hidden; /* 隐藏超出部分的文本 */
|
||
text-overflow: ellipsis; /* 显示省略号 */
|
||
}
|
||
.docking2 .subtitle{
|
||
font-family: Montserrat !important;
|
||
font-size:1rem; text-align: center;line-height:1.4em;margin-top:5px;
|
||
max-height: 1.5rem;
|
||
overflow: hidden;
|
||
z-index: 999;
|
||
width: 140%;
|
||
margin-left: -20%;
|
||
overflow: hidden;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 1; /* 显示两行 */
|
||
-webkit-box-orient: vertical; /* 文本在垂直方向排列 */
|
||
}
|
||
|
||
.docking2 .subtitle p{
|
||
margin:0;
|
||
padding: 0;
|
||
}
|
||
.docking2 .more{
|
||
font-family: Montserrat !important;
|
||
text-align: center;
|
||
z-index: 999;
|
||
}
|
||
.title1{
|
||
color: white;
|
||
}
|
||
|
||
.more{
|
||
font-size:1.0rem ;
|
||
color: #004BFA;
|
||
}
|
||
.picture2{
|
||
display: flex;
|
||
width: 100% !important;
|
||
height: 43.75rem!important;
|
||
background: #FFFFFF;
|
||
border-radius: 26px 26px 26px 26px;
|
||
text-align: center;
|
||
}
|
||
.picture2>div{
|
||
width: 50%;
|
||
text-align: left;
|
||
/*overflow: hidden;*/
|
||
}
|
||
.item-img-div{
|
||
width: 100%;
|
||
height: 42.625rem;
|
||
display: block;
|
||
border-radius: 26px 26px 26px 26px;
|
||
/*overflow: hidden;*/
|
||
background-repeat: no-repeat;
|
||
transition: transform .3s ease-in-out;
|
||
/* 图片缩放过渡效果 */
|
||
background-size: 100% 100%;
|
||
}
|
||
.item-img-div img {
|
||
margin-left: 1%;
|
||
border-radius: 26px 26px 26px 26px;
|
||
width: 98%;
|
||
height: 41.625rem;
|
||
}
|
||
.item-img-div:hover {
|
||
transform: scale(1.02);
|
||
/* 图片放大 */
|
||
}
|
||
@media screen and (max-width:1459px){
|
||
.picture2 .item-img{
|
||
height: 37.625rem;
|
||
display: block;
|
||
border-radius: 26px 26px 26px 26px;
|
||
overflow: hidden;
|
||
}
|
||
}
|
||
|
||
/*.picture2 img{*/
|
||
/* width: 100%;*/
|
||
/* height: 100%;*/
|
||
/*}*/
|
||
|
||
.picture2 .title{font-family:Montserrat !important;font-size: 48px; text-align: left; line-height: 4rem;font-weight:600; width: 80%;
|
||
margin-left:10%;}
|
||
.picture2 .subtitle{font-size: 1.25rem;
|
||
font-family: Montserrat !important;
|
||
text-align: left;
|
||
|
||
line-height: 1.575rem;
|
||
width: 80%;
|
||
margin-left:10%;
|
||
margin-bottom: 5%;
|
||
margin-top: 20px;
|
||
}
|
||
.picture2 a{ text-align: left; width: 80%;
|
||
margin-left:10%;
|
||
font-family: Montserrat !important;
|
||
color:#004BFA}
|
||
.Container1{
|
||
background-color: white;
|
||
}
|
||
#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce,#shopify-section-template--19206104285484__before-after-image{
|
||
background-color: white;
|
||
}
|
||
.swiper-pagination1 {
|
||
position: absolute;
|
||
bottom: 3rem !important;
|
||
width: 86% !important;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.swiper-pagination1 .swiper-pagination-bullet-active {
|
||
background-color: #000;
|
||
}
|
||
#timeline{
|
||
position: relative;
|
||
}
|
||
hr{
|
||
z-index: -1;
|
||
width: 85%;
|
||
position: absolute;
|
||
top: 2.6875rem;
|
||
left: 1rem;
|
||
height: 2px;
|
||
background-color: #F5F5F5;
|
||
}
|
||
|
||
|
||
.number-con{
|
||
height: 17rem;
|
||
background-color: #004BF9;
|
||
}
|
||
.number-con>div{
|
||
text-align: center;
|
||
width: 33.3%;
|
||
height: 17rem;
|
||
float: left;
|
||
color: white;
|
||
}
|
||
|
||
.number-scroll {
|
||
font-family: Montserrat !important;
|
||
margin-top: 9.375rem;
|
||
font-size:3.125rem;
|
||
font-weight: bold;
|
||
animation: number-scroll 1s ease-in-out forwards;
|
||
}
|
||
.tex-scroll{
|
||
font-family: Montserrat !important;
|
||
font-size:1.25rem;
|
||
margin-top: -5.125rem;
|
||
}
|
||
.Container11{
|
||
display: flex;
|
||
background-color: #004BF9;
|
||
}
|
||
@keyframes number-scroll {
|
||
from {
|
||
transform: translateY(0);
|
||
}
|
||
to {
|
||
transform: translateY(-100%);
|
||
}
|
||
}
|
||
|
||
.picture3{
|
||
display: flex;
|
||
width: 31% !important;
|
||
height: 100%!important;
|
||
background: #FFFFFF;
|
||
border-radius: 26px 26px 26px 26px;
|
||
text-align: center;
|
||
position: relative;
|
||
overflow: hidden;
|
||
max-height: 700px;
|
||
|
||
}
|
||
.picture3-div{
|
||
background-repeat: no-repeat;
|
||
transition: transform .3s ease-in-out;
|
||
/* 图片缩放过渡效果 */
|
||
background-size: 100% 100%;
|
||
max-height: 300px;
|
||
}
|
||
.picture3-div img{
|
||
width: 100% !important;
|
||
height:100%!important;
|
||
display: block;
|
||
border-radius: 26px 26px 26px 26px;
|
||
}
|
||
|
||
.picture3-div:hover {
|
||
transform: scale(1.1);
|
||
/* 图片放大 */
|
||
}
|
||
.picture3 .title{
|
||
font-family:Montserrat !important;
|
||
font-size: 1.5rem;
|
||
position: absolute;
|
||
left: 5%;
|
||
bottom: 5%;
|
||
color: white;
|
||
width: 90%;
|
||
height: 77px;
|
||
font-weight: 600;
|
||
line-height: 1.5rem;
|
||
text-align: left;
|
||
overflow: hidden;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 2; /* 显示两行 */
|
||
-webkit-box-orient: vertical; /* 文本在垂直方向排列 */
|
||
}
|
||
.picture3 .title p{
|
||
margin:0;
|
||
padding: 0;
|
||
}
|
||
.mySwiper2{
|
||
margin-top: 3.5em;
|
||
}
|
||
|
||
.Container9{color: #000 !important;
|
||
margin-top: 4.5rem;
|
||
display: flex;
|
||
background-color: white;
|
||
border-radius: 25px;
|
||
box-shadow: 5px 5px 30px 5px #D6D6DE;
|
||
}
|
||
.divleft{
|
||
width: 40%;
|
||
}
|
||
.divleft .title{font-family:Montserrat !important;font-size: 3.5rem; text-align: left; font-weight:700;width:75%;margin-left:15%;margin-top:10%;overflow:hidden}
|
||
.divleft .subtitle{font-size: 1.5rem; text-align: left;width:75%;margin-left:15%;margin-top:1%;line-height: 1.7rem;
|
||
font-family: Montserrat !important;}
|
||
.divleft .subtitle1{font-size: 1rem; text-align: left;width:75%;margin-left:15%;margin-top:2%; margin-bottom:10%;line-height:1.5rem;
|
||
font-family: Montserrat !important;}
|
||
.divright{
|
||
width: 60%;
|
||
display: flex;
|
||
margin-bottom: 7%;
|
||
}
|
||
|
||
.accordion {
|
||
border-radius: 10px;
|
||
margin-top: 10%;
|
||
margin-bottom: auto;
|
||
margin-left: 3%;
|
||
width: 90%;
|
||
border: 1px solid #D6D6D6;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.accordion-item {
|
||
font-family: Montserrat !important;
|
||
margin-left: 5%;
|
||
margin-top: 1%;
|
||
width: 90%;
|
||
margin-bottom: 10px;
|
||
border-bottom: 1px solid #D6D6D6;
|
||
}
|
||
.accordion-item:last-child {
|
||
margin-left: 5%;
|
||
margin-top: 1%;
|
||
width: 90%;
|
||
margin-bottom: 3%;
|
||
border-bottom: 0;
|
||
}
|
||
.accordion-item:first-child {
|
||
margin-top: 3%;
|
||
}
|
||
.accordion-header {
|
||
font-size: 16px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 10px;
|
||
cursor: pointer;
|
||
overflow: hidden; /* 隐藏超出容器的内容 */
|
||
}
|
||
|
||
.accordion-header h3 {
|
||
margin: 0;
|
||
}
|
||
|
||
.text-hidden{
|
||
white-space: nowrap; /* 防止文字换行 */
|
||
text-overflow: ellipsis; /* 显示省略号 */
|
||
overflow: hidden; /* 隐藏溢出部分的文字 */
|
||
}
|
||
.accordion-header span {
|
||
/*width: 60px;*/
|
||
height: 30px;
|
||
text-align: center;
|
||
}
|
||
|
||
.accordion-content {
|
||
font-size: 1rem;
|
||
font-weight: 400;
|
||
padding: 10px;
|
||
display: none;
|
||
}
|
||
|
||
.accordion-icon {
|
||
width: 10px;
|
||
height: 10px;
|
||
border: 1px solid #000;
|
||
transform: rotate(0deg);
|
||
transition: transform 0.3s ease;
|
||
}
|
||
|
||
.accordion-item.active .accordion-icon {
|
||
transform: rotate(90deg);
|
||
}
|
||
.Container8{
|
||
display: flex; margin-top:3.5rem;margin-bottom: 3.5rem;
|
||
}
|
||
.Container8 .col1{
|
||
font-weight:400 !important ;
|
||
width: 50%;
|
||
}
|
||
.Container8 .col1 img{
|
||
width: 60px;
|
||
height: 60px;
|
||
margin-top:2%;
|
||
display: block;
|
||
margin-left: auto;
|
||
margin-right: auto;max-width: 100px;
|
||
}
|
||
.Container8 .titlea{font-family:Montserrat !important;font-size: 1.25rem; text-align: center; font-weight:600;line-height:2.5rem;}
|
||
.Container8 .subtitlea{font-size:13px; text-align: center;line-height:1rem; margin:auto;color: #000 !important;
|
||
font-family: Montserrat !important;}
|
||
/* 图片切换 */
|
||
/* Typography (heading) */
|
||
@font-face {
|
||
font-family:Montserrat !important;
|
||
font-weight: 400;
|
||
font-style: normal;
|
||
font-display: fallback;
|
||
}
|
||
|
||
/* Typography (body) */
|
||
@font-face {
|
||
font-family:Montserrat !important;
|
||
font-weight: 400;
|
||
font-style: normal;
|
||
font-display: fallback;
|
||
|
||
}
|
||
|
||
@font-face {
|
||
font-family:Montserrat !important;
|
||
font-weight: 700;
|
||
font-style: normal;
|
||
font-display: fallback;
|
||
|
||
}
|
||
|
||
:root {
|
||
/**
|
||
* ---------------------------------------------------------------------
|
||
* SPACING VARIABLES
|
||
*
|
||
* We are using a spacing inspired from frameworks like Tailwind CSS.
|
||
* ---------------------------------------------------------------------
|
||
*/
|
||
--spacing-0-5: 0.125rem;
|
||
/* 2px */
|
||
/*! --spacing-1: 0.25rem; */
|
||
/* 4px */
|
||
--spacing-1-5: 0.375rem;
|
||
/* 6px */
|
||
--spacing-2: 0.5rem;
|
||
/* 8px */
|
||
--spacing-2-5: 0.625rem;
|
||
/* 10px */
|
||
--spacing-3: 0.75rem;
|
||
/* 12px */
|
||
--spacing-3-5: 0.875rem;
|
||
/* 14px */
|
||
--spacing-4: 1rem;
|
||
/* 16px */
|
||
--spacing-4-5: 1.125rem;
|
||
/* 18px */
|
||
--spacing-5: 1.25rem;
|
||
/* 20px */
|
||
--spacing-5-5: 1.375rem;
|
||
/* 22px */
|
||
--spacing-6: 1.5rem;
|
||
/* 24px */
|
||
--spacing-6-5: 1.625rem;
|
||
/* 26px */
|
||
--spacing-7: 1.75rem;
|
||
/* 28px */
|
||
--spacing-7-5: 1.875rem;
|
||
/* 30px */
|
||
--spacing-8: 2rem;
|
||
/* 32px */
|
||
--spacing-8-5: 2.125rem;
|
||
/* 34px */
|
||
--spacing-9: 2.25rem;
|
||
/* 36px */
|
||
--spacing-9-5: 2.375rem;
|
||
/* 38px */
|
||
--spacing-10: 2.5rem;
|
||
/* 40px */
|
||
--spacing-11: 2.75rem;
|
||
/* 44px */
|
||
--spacing-12: 3rem;
|
||
/* 48px */
|
||
--spacing-14: 3.5rem;
|
||
/* 56px */
|
||
--spacing-16: 4rem;
|
||
/* 64px */
|
||
--spacing-18: 4.5rem;
|
||
/* 72px */
|
||
--spacing-20: 5rem;
|
||
/* 80px */
|
||
--spacing-24: 6rem;
|
||
/* 96px */
|
||
--spacing-28: 7rem;
|
||
/* 112px */
|
||
--spacing-32: 8rem;
|
||
/* 128px */
|
||
--spacing-36: 9rem;
|
||
/* 144px */
|
||
--spacing-40: 10rem;
|
||
/* 160px */
|
||
--spacing-44: 11rem;
|
||
/* 176px */
|
||
--spacing-48: 12rem;
|
||
/* 192px */
|
||
--spacing-52: 13rem;
|
||
/* 208px */
|
||
--spacing-56: 14rem;
|
||
/* 224px */
|
||
--spacing-60: 15rem;
|
||
/* 240px */
|
||
--spacing-64: 16rem;
|
||
/* 256px */
|
||
--spacing-72: 18rem;
|
||
/* 288px */
|
||
--spacing-80: 20rem;
|
||
/* 320px */
|
||
--spacing-96: 24rem;
|
||
/* 384px */
|
||
/* Container */
|
||
--container-max-width: 1300px;
|
||
--container-narrow-max-width: 1050px;
|
||
--container-gutter: var(--spacing-5);
|
||
--section-outer-spacing-block: var(--spacing-14);
|
||
--section-inner-max-spacing-block: var(--spacing-12);
|
||
--section-inner-spacing-inline: var(--container-gutter);
|
||
--section-stack-spacing-block: var(--spacing-10);
|
||
/* Grid gutter */
|
||
--grid-gutter: var(--spacing-5);
|
||
/* Product list settings */
|
||
--product-list-row-gap: var(--spacing-8);
|
||
--product-list-column-gap: var(--grid-gutter);
|
||
/* Form settings */
|
||
--input-gap: var(--spacing-2);
|
||
--input-height: 2.625rem;
|
||
--input-padding-inline: var(--spacing-4);
|
||
/* Other sizes */
|
||
--sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));
|
||
/* RTL support */
|
||
--transform-logical-flip: 1;
|
||
--transform-origin-start: left;
|
||
--transform-origin-end: right;
|
||
/**
|
||
* ---------------------------------------------------------------------
|
||
* TYPOGRAPHY
|
||
* ---------------------------------------------------------------------
|
||
*/
|
||
/* Font properties */
|
||
--heading- font-family:Montserrat !important;
|
||
--heading-font-weight: 400;
|
||
--heading-font-style: normal;
|
||
--heading-text-transform: normal;
|
||
--heading-letter-spacing: -0.02em;
|
||
--text- font-family:Montserrat !important;
|
||
--text-font-weight: 400;
|
||
--text-font-style: normal;
|
||
--text-letter-spacing: 0.0em;
|
||
/* Font sizes */
|
||
--text-h0: 2.75rem;
|
||
--text-h1: 2rem;
|
||
--text-h2: 1.75rem;
|
||
--text-h3: 1.375rem;
|
||
--text-h4: 1.125rem;
|
||
--text-h5: 1.125rem;
|
||
--text-h6: 1rem;
|
||
--text-xs: 0.6875rem;
|
||
--text-sm: 0.75rem;
|
||
--text-base: 0.875rem;
|
||
--text-lg: 1.125rem;
|
||
/**
|
||
* ---------------------------------------------------------------------
|
||
* COLORS
|
||
* ---------------------------------------------------------------------
|
||
*/
|
||
/* Color settings */
|
||
--accent: 230 230 233;
|
||
--text-primary: 26 26 26;
|
||
--background-primary: 242 242 242;
|
||
--dialog-background: 255 255 255;
|
||
--border-color: var(--text-color, var(--text-primary)) / 0.12;
|
||
/* Button colors */
|
||
--button-background-primary: 230 230 233;
|
||
--button-text-primary: 0 75 250;
|
||
--button-background-secondary: 0 75 250;
|
||
--button-text-secondary: 255 255 255;
|
||
/* Status colors */
|
||
--success-background: 224 233 254;
|
||
--success-text: 0 75 250;
|
||
--warning-background: 254 237 231;
|
||
--warning-text: 248 103 52;
|
||
--error-background: 254 231 231;
|
||
--error-text: 248 58 58;
|
||
/* Product colors */
|
||
--on-sale-text: 248 103 52;
|
||
--on-sale-badge-background: 248 103 52;
|
||
--on-sale-badge-text: 255 255 255;
|
||
--sold-out-badge-background: 0 0 0;
|
||
--sold-out-badge-text: 255 255 255;
|
||
--primary-badge-background: 128 60 238;
|
||
--primary-badge-text: 255 255 255;
|
||
--star-color: 255 183 74;
|
||
--product-card-background: 255 255 255;
|
||
--product-card-text: 26 26 26;
|
||
/* Header colors */
|
||
--header-background: 252 252 255;
|
||
--header-text: 26 26 26;
|
||
/* Footer colors */
|
||
--footer-background: 0 0 0;
|
||
--footer-text: 255 255 255;
|
||
/* Rounded variables (used for border radius) */
|
||
--rounded-xs: 0.25rem;
|
||
--rounded-sm: 0.375rem;
|
||
--rounded: 0.75rem;
|
||
--rounded-lg: 1.5rem;
|
||
--rounded-full: 9999px;
|
||
--rounded-button: 3.75rem;
|
||
--rounded-input: 0.5rem;
|
||
/* Box shadow */
|
||
--shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1);
|
||
--shadow: 0 5px 15px rgb(var(--text-primary) / 0.1);
|
||
--shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1);
|
||
--shadow-block: 2px 18px 50px rgb(var(--text-primary) / 0.1);
|
||
/**
|
||
* ---------------------------------------------------------------------
|
||
* OTHER
|
||
* ---------------------------------------------------------------------
|
||
*/
|
||
|
||
/* --cursor-close-svg-url: url(//cdn.shopifycdn.net/s/files/1/0745/7911/6332/t/15/assets/cursor-close.svg?v=147174565022153725511684750000);
|
||
--cursor-zoom-in-svg-url: url(//cdn.shopifycdn.net/s/files/1/0745/7911/6332/t/15/assets/cursor-zoom-in.svg?v=154953035094101115921684750000);
|
||
--cursor-zoom-out-svg-url: url(//cdn.shopifycdn.net/s/files/1/0745/7911/6332/t/15/assets/cursor-zoom-out.svg?v=16155520337305705181684750000);
|
||
--checkmark-svg-url: url(//cdn.shopifycdn.net/s/files/1/0745/7911/6332/t/15/assets/checkmark.svg?v=142580986663813899141685501699);*/
|
||
}
|
||
|
||
[dir="rtl"]:root {
|
||
/* RTL support */
|
||
--transform-logical-flip: -1;
|
||
--transform-origin-start: right;
|
||
--transform-origin-end: left;
|
||
}
|
||
|
||
@media screen and (min-width: 700px) {
|
||
:root {
|
||
/* Typography (font size) */
|
||
--text-h0: 3.5rem;
|
||
--text-h1: 2.5rem;
|
||
--text-h2: 2rem;
|
||
--text-h3: 1.625rem;
|
||
--text-h4: 1.375rem;
|
||
--text-h5: 1.125rem;
|
||
--text-h6: 1rem;
|
||
--text-xs: 0.6875rem;
|
||
--text-sm: 0.75rem;
|
||
--text-base: 0.875rem;
|
||
--text-lg: 1.125rem;
|
||
/* Spacing */
|
||
--container-gutter: 2rem;
|
||
--section-outer-spacing-block: var(--spacing-20);
|
||
--section-inner-max-spacing-block: var(--spacing-14);
|
||
--section-inner-spacing-inline: var(--spacing-14);
|
||
--section-stack-spacing-block: var(--spacing-12);
|
||
/* Grid gutter */
|
||
--grid-gutter: var(--spacing-6);
|
||
/* Product list settings */
|
||
--product-list-row-gap: var(--spacing-12);
|
||
/* Form settings */
|
||
--input-gap: 1rem;
|
||
--input-height: 3.125rem;
|
||
--input-padding-inline: var(--spacing-5);
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 1000px) {
|
||
:root {
|
||
/* Spacing settings */
|
||
--container-gutter: var(--spacing-12);
|
||
--section-outer-spacing-block: var(--spacing-20);
|
||
--section-inner-max-spacing-block: var(--spacing-18);
|
||
--section-inner-spacing-inline: var(--spacing-18);
|
||
--section-stack-spacing-block: var(--spacing-12);
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 1150px) {
|
||
:root {
|
||
/* Spacing settings */
|
||
--container-gutter: var(--spacing-12);
|
||
--section-outer-spacing-block: var(--spacing-24);
|
||
--section-inner-max-spacing-block: var(--spacing-18);
|
||
--section-inner-spacing-inline: var(--spacing-18);
|
||
--section-stack-spacing-block: var(--spacing-12);
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 1400px) {
|
||
:root {
|
||
/* Typography (font size) */
|
||
--text-h0: 4.5rem;
|
||
--text-h1: 3.5rem;
|
||
--text-h2: 2.75rem;
|
||
--text-h3: 2rem;
|
||
--text-h4: 1.75rem;
|
||
--text-h5: 1.375rem;
|
||
--text-h6: 1.25rem;
|
||
--section-outer-spacing-block: var(--spacing-28);
|
||
--section-inner-max-spacing-block: var(--spacing-20);
|
||
--section-inner-spacing-inline: var(--spacing-20);
|
||
}
|
||
}
|
||
|
||
@media screen and (min-width: 1600px) {
|
||
:root {
|
||
--section-outer-spacing-block: var(--spacing-32);
|
||
--section-inner-max-spacing-block: var(--spacing-24);
|
||
--section-inner-spacing-inline: var(--spacing-24);
|
||
}
|
||
}
|
||
|
||
body {
|
||
--background: var(--background-primary);
|
||
--text-color: var(--text-primary);
|
||
background: rgb(var(--background));
|
||
color: rgb(var(--text-color));
|
||
font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family);
|
||
letter-spacing: var(--text-letter-spacing);
|
||
margin: 0;
|
||
position: relative;
|
||
}
|
||
|
||
.section {
|
||
padding-block-start: calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start));
|
||
padding-block-end: var(--calculated-section-spacing-block-end);
|
||
}
|
||
|
||
[role="main"] .shopify-section:not(.contents) {
|
||
display: flow-root;
|
||
}
|
||
|
||
[role="main"] .shopify-section {
|
||
--section-is-first: 0;
|
||
--hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1));
|
||
--hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference));
|
||
/*--background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1));*/
|
||
background: rgb(var(--background));
|
||
position: relative;
|
||
padding-top:96px;
|
||
padding-bottom: 20px;
|
||
}
|
||
#shopify-section-template--19206104285484__before-after-image{
|
||
padding-top:0.1rem;
|
||
}
|
||
@media screen and (min-width: 1150px) {
|
||
.section-stack__main {
|
||
width: 50%;
|
||
}
|
||
|
||
.section-stack--center {
|
||
justify-items: center;
|
||
}
|
||
}
|
||
|
||
.justify-center {
|
||
justify-content: safe center;
|
||
}
|
||
|
||
.rich-text {
|
||
display: flex;
|
||
}
|
||
|
||
.rich-text__wrapper {
|
||
max-width: var(--rich-text-max-width);
|
||
}
|
||
|
||
.rich-text .prose,
|
||
.split-rich-text .prose {
|
||
font-family:Montserrat !important;
|
||
align-items: start;
|
||
display: grid;
|
||
}
|
||
.hyphenate{
|
||
|
||
}
|
||
|
||
.justify-items-center {
|
||
justify-items: safe center;
|
||
}
|
||
|
||
.text-center {
|
||
text-align: center;
|
||
}
|
||
|
||
.prose> :first-child,
|
||
.prose> :first-child :first-child {
|
||
font-family:Montserrat !important;
|
||
font-weight: 700;
|
||
margin-block-start: 0 !important;
|
||
}
|
||
|
||
.hyphenate {
|
||
-webkit-hyphens: auto;
|
||
hyphens: auto;
|
||
}
|
||
|
||
.h1,
|
||
.prose h1:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
|
||
font-size: var(--text-h1);
|
||
line-height: 1.1;
|
||
}
|
||
|
||
@media screen and (min-width: 1150px) {
|
||
.prose :is(.h0, .h1, .h2, h1, h2)+* {
|
||
margin-block-start: var(--spacing-8);
|
||
}
|
||
}
|
||
|
||
*,
|
||
::before,
|
||
::after {
|
||
box-sizing: border-box;
|
||
border-style: solid;
|
||
border-width: 0;
|
||
border-color: rgb(var(--text-color) / .12);
|
||
}
|
||
|
||
.section {
|
||
--context-section-spacing-block-start: var(--section-outer-spacing-block);
|
||
--context-section-spacing-block-end: var(--section-outer-spacing-block);
|
||
--context-section-spacing-inline: var(--container-gutter);
|
||
--calculated-section-spacing-block-start: var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start)));
|
||
--calculated-section-spacing-block-end: var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end)));
|
||
--calculated-section-spacing-inline: var(--section-spacing-inline, var(--context-section-spacing-inline));
|
||
--container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width));
|
||
--container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) / 2);
|
||
--section-stack-spacing-inline: var(--section-inner-spacing-inline, 0px);
|
||
padding-inline-start: max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width) / 2);
|
||
padding-inline-end: max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width) / 2);
|
||
}
|
||
|
||
.prose> :last-child,
|
||
.prose> :last-child :last-child {
|
||
margin-block-end: 0 !important;
|
||
color: #000 !important;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.prose> :last-child,
|
||
.prose> :last-child :last-child {
|
||
font-family:Montserrat !important;
|
||
font-size: 1.375rem;
|
||
margin-block-end: 0 !important;
|
||
font-weight: 400;
|
||
line-height: 1.5rem;
|
||
width: 85%;
|
||
margin-left: 7%;
|
||
height:3rem; overflow: hidden;
|
||
}
|
||
blockquote,
|
||
dl,
|
||
dd,
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6,
|
||
hr,
|
||
figure,
|
||
p,
|
||
pre {
|
||
margin: 0;
|
||
}
|
||
|
||
.heading,
|
||
.h0,
|
||
.h1,
|
||
.h2,
|
||
.h3,
|
||
.h4,
|
||
.h5,
|
||
.h6,
|
||
.prose :is(h1, h2, h3, h4, h5, h6) {
|
||
font-family: var(--heading-font-family);
|
||
font-weight: var(--heading-font-weight);
|
||
font-style: var(--heading-font-style);
|
||
letter-spacing: var(--heading-letter-spacing);
|
||
text-transform: var(--heading-text-transform);
|
||
overflow-wrap: anywhere;
|
||
}
|
||
|
||
.section-stack {
|
||
gap: var(--section-stack-spacing-block, 0px) var(--section-stack-spacing-inline, 0px);
|
||
grid-auto-columns: minmax(0, 1fr);
|
||
display: grid;
|
||
}
|
||
|
||
@media screen and (min-width: 1150px) {
|
||
.section-stack__main {
|
||
width: var(--section-stack-main, 50%);
|
||
}
|
||
}
|
||
|
||
.shadow {
|
||
filter: drop-shadow(var(--shadow));
|
||
}
|
||
|
||
.before-after__label {
|
||
position: absolute;
|
||
}
|
||
|
||
.before-after__cursor {
|
||
top: 50%;
|
||
}
|
||
|
||
|
||
.before-after__cursor:active {
|
||
cursor: grabbing;
|
||
}
|
||
|
||
.before-after__cursor {
|
||
cursor: grab;
|
||
}
|
||
|
||
.before-after__cursor {
|
||
height: 100%;
|
||
width: max-content;
|
||
touch-action: none;
|
||
transform: translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)), -50%);
|
||
cursor: grab;
|
||
filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
|
||
display: grid;
|
||
position: relative;
|
||
}
|
||
|
||
|
||
.ba-slider {
|
||
position: relative;
|
||
overflow: hidden;
|
||
height: 860px;
|
||
}
|
||
@media screen and (max-width:1459px){
|
||
.ba-slider {
|
||
position: relative;
|
||
overflow: hidden;
|
||
height: 720px;
|
||
}
|
||
}
|
||
@media screen and (max-width:1300px){
|
||
.ba-slider {
|
||
position: relative;
|
||
overflow: hidden;
|
||
height: 610px;
|
||
}
|
||
}
|
||
|
||
.ba-slider img {
|
||
width: 100%;
|
||
display: block;
|
||
max-width: none;
|
||
height: 100%;
|
||
position: absolute;
|
||
}
|
||
|
||
.ba-slider .resize {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
height: 100%;
|
||
width: 50%;
|
||
overflow: hidden
|
||
}
|
||
|
||
.ba-slider .handle {
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 0;
|
||
bottom: 0;
|
||
width: 4px;
|
||
margin-left: -2px;
|
||
display: block;
|
||
background: rgba(255, 255, 255, .5);
|
||
|
||
}
|
||
|
||
.ba-slider .handle.ba-draggable:after {
|
||
transform: scale(.8)
|
||
}
|
||
.qdwt1-Container{
|
||
margin-left: 5%;
|
||
width: 90% !important;
|
||
}
|
||
|
||
.section-full{
|
||
padding-left: 0 !important;
|
||
padding-right: 0 !important;
|
||
padding-bottom: 96px;
|
||
}
|
||
|
||
.section-designed{
|
||
/*width:75%;*/
|
||
height:12rem;
|
||
text-align: center;
|
||
overflow: hidden;
|
||
margin: 0 auto;
|
||
}
|
||
.ba-slider{
|
||
border-radius: 26px;
|
||
}
|
||
|
||
|
||
|
||
.down-nav{
|
||
height: 80px;
|
||
background-color: #333;
|
||
width: 100%;
|
||
position: fixed;
|
||
bottom: 0;
|
||
z-index: 9999;
|
||
color: white;
|
||
/*display: none;*/
|
||
display: flex;
|
||
font-family: Montserrat !important;
|
||
}
|
||
@media screen and (min-width: 1499px)and (max-width: 1750px){
|
||
.down-nav{
|
||
font-size: 16px;
|
||
}
|
||
}
|
||
@media screen and (max-width: 1490px){
|
||
.down-nav{
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
@media screen and (max-width: 1290px){
|
||
.down-nav{
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
.down-nav-p{
|
||
width: 80%;
|
||
}
|
||
.down-nav-button{
|
||
width: 10%;
|
||
}
|
||
.down-nav-span{
|
||
width: 10%;
|
||
}
|
||
.down-nav p{
|
||
line-height: 80px;
|
||
margin-left: 10%;
|
||
color: white;
|
||
/*display: none;*/
|
||
}
|
||
.down-nav button{
|
||
width: 150px;
|
||
height: 50px;
|
||
margin-top: 15px;
|
||
border: 1px solid grey;
|
||
border-radius: 25px;
|
||
color: white;
|
||
background-color: #333;
|
||
cursor: pointer;
|
||
/*display: none;*/
|
||
}
|
||
.down-nav button:hover{
|
||
color: black;
|
||
background-color: white;
|
||
cursor: pointer;
|
||
/*display: none;*/
|
||
}
|
||
.down-nav span{
|
||
margin-top: 25px;
|
||
margin-right: 50px;
|
||
color: white;
|
||
/*display: none;*/
|
||
}
|
||
|
||
.down-hidden{
|
||
position: fixed;
|
||
bottom: -80px;
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|