/*1569px*/ /*头部*/ @media screen and (min-width:1461px) and (max-width:1720px){ .swt-Container{width:1280px !important;} .swta-Container {width:100% !important;} .footer__wrapper{margin-left:12% !important} .workshop_all .content1 {height: 24rem !important;} .workshop_all .content {height: 24rem !important;} .workshop_all .content12 {height: 24rem !important;} .docking2-1 {height: 30rem !important;} .workshop_all .title{font-size: 38px;} .docking2 .title {font-size: 1.6rem;} .picture1 .title { font-size: 1.1rem;} .picture2 .title {font-size: 40px;} .picture3 .title {font-size: 1.9rem;} .mySwiperA .bd-subtitle{padding-top:0.1rem !important} .picture1{ display: block; width: 271px !important; height: 25.375rem !important; background: #FFFFFF; border-radius: 26px 26px 26px 26px; text-align: center; } /* .picture1:first-child{*/ /* margin-left: -10px;*/ /*}*/ .picture1 img{ width: 10.5rem; height: 9.875rem; display: block; } .picture1-div { width: 10.5rem; height: 9.875rem; display: block; position: absolute; left: 50%; top: 30%; margin-left: -4.75rem; margin-top: -4.9375rem; background-repeat: no-repeat; transition: transform .3s ease-in-out; /*图片缩放过渡效果 */ background-size: 100% 100%; } .picture1 .title{font-size: 1.25rem; font-family:Montserrat !important; text-align: center; line-height: 1.5rem; font-weight: 700; margin-top: 15rem; padding: 0 30px; max-height: 49px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 显示两行 */ -webkit-box-orient: vertical; /* 文本在垂直方向排列 */ } .ba-slider { position: relative; overflow: hidden; height: 725px; } .picture2 .item-img{ height: 39.625rem; display: block; border-radius: 26px 26px 26px 26px; overflow: hidden; } .tpicture{ margin-left: 61% !important; } .picture3{ max-height: 550px; } } /*头部*/ .swt-Container{margin-left:auto; margin-right: auto;} @media screen and (min-width:1460px){ .swt-Container{width:1620px; } .swiper-pagination1 .swiper-pagination-bullet { z-index: 10; margin-right: 28%!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: 25.5%; height: 2px; } .time3{ position: absolute; top: 3.4375rem; left: 51%; height: 2px; } .docking2-1 { align-items: flex-start; width: 100%; height: 34rem; text-align: center; } /* .nav-1 img{*/ /* margin-top:15px !important;*/ /*}*/ .Footer_icon_orico { /* height: 50px; padding-top: 20px; */ max-height: 100px; } .Subscribe_title_grid__40Kts { /*display: grid;*/ /*grid-template-columns: repeat(12,minmax(0,1fr));*/ /*gap: 1.25rem;*/ /* row-gap: 1.25rem;*/ /*row-gap: 0;*/ /*background-color: red;*/ width: 55%; height: 100%; margin-left: 11%; } } @media screen and (max-width:1459px){ .swt-Container{width:90% ;} .tpicture{ margin-left: 62% !important; } .section-full{ padding-left: 4.25rem; padding-right: 4.25rem; padding-bottom: 5%; } .booNavigation li.navItem{ font-size: 0.8rem !important; } .modal_1 div{ font-size: 0.9rem !important; } .modal_2 .title{ font-size: 0.8rem !important; } .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: 25%; height: 2px; } .time3{ position: absolute; top: 3.4375rem; left: 50.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.5rem!important; text-align: center; line-height: 1.9rem; font-weight: 700; max-height: 5.5rem; z-index: 999; overflow: hidden; } .docking2 .subtitle{ font-family: Montserrat !important; font-size: 1rem!important; text-align: center;line-height:1.4rem;margin-bottom:10px; max-height: 2.8em; overflow: hidden; z-index: 999; margin-bottom:.875rem; } .picture1{ display: block; width: 272px !important; height: 25.375rem !important; background: #FFFFFF; border-radius: 26px 26px 26px 26px; text-align: center; } .picture1-div { width: 10.5rem; height: 9.875rem; display: block; position: absolute; left: 50%; top: 30%; margin-left: -4.75rem; margin-top: -4.9375rem; background-repeat: no-repeat; transition: transform .3s ease-in-out; /*图片缩放过渡效果 */ background-size: 100% 100%; } .picture1 img{ width: 10.5rem; height: 9.875rem; display: block; } .picture1 .title{font-size: 1.25rem; font-family:Montserrat !important; text-align: center; line-height: 1.5rem; font-weight: 700; margin-top: 15rem; padding: 0 30px; max-height: 49px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 显示两行 */ -webkit-box-orient: vertical; /* 文本在垂直方向排列 */ } .picture1 .title{font-size: 1.1rem; } .picture2 .title{ font-family:Montserrat !important; font-size: 3.1rem; } .picture2 .subtitle{font-size: 1.15rem; } .number-scroll { font-family: Montserrat !important; margin-top: 8.4375rem; font-size:2.9rem; font-weight: bold; animation: number-scroll 1s ease-in-out forwards; } .tex-scroll{ font-family: Montserrat !important; font-size:1.1rem; margin-top: -5.125rem; } .divleft .title{font-size: 3.8rem;} .divleft .subtitle{font-size: 1.1rem;} .accordion-header h3 { margin: 0; font-size: 1rem; } .accordion-content { font-size: 0.9rem; padding: 10px; display: none; } .Container8 .titlea{font-size: 1.05rem;} .Container8 .subtitlea{font-size: 0.8em;} .workshop_all .title{ font-family:Montserrat !important; font-size: 1.825rem!important; } .mySwiperA .bd-title{ font-family:Montserrat- !important; font-size: 2.0rem !important; line-height: 3rem !important; } .mySwiperA .bd-subtitle{ font-family: Montserrat !important; font-size: 1.2rem !important; padding-top: 0.1rem !important; } .mySwiperA .bd-button{ font-family: Montserrat !important; font-size: 0.875rem!important; } .accordion-header h3 { font-size: 1rem; margin: 0; } .accordion-content { font-size: 1rem; margin: 0; white-space: nowrap; /* 防止文字换行 */ text-overflow: ellipsis; /* 显示省略号 */ overflow: hidden; /* 隐藏溢出部分的文字 */ } .modal-content { background-color: #fff; padding: 20px; border-radius: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); position: fixed !important; right: 2%; width: 40%!important; top: 5%; height: 90%; z-index: 9999; } .picture21-img{ width: 6.1875rem !important; height: 6.1875rem !important; margin-left: 10%; } .workshop_all .content_text{ margin-top: 9.3vw; width: 60%; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; height: 150px; } .picture2 .item-img{ height: 35rem !important; } .Footer_icon_orico { /* height: 50px; */ padding-top: 20px; max-height: 80px; } .top-logo{ margin-top:15px !important; } .Subscribe_title_grid__40Kts { /*display: grid;*/ /* grid-template-columns: repeat(12,minmax(0,1fr)); */ /*gap: 1.25rem;*/ /*row-gap: 1.25rem;*/ /*row-gap: 0;*/ /* width: 65%; */ width: 55%; height: 100%; margin-left: 5%; } .picture3{ max-height: 450px; } } @media screen and (max-width:1299px){ .picture1{ display: block; width: 240px !important; height: 24.375rem !important; background: #FFFFFF; border-radius: 26px 26px 26px 26px; text-align: center; } } @media screen and (max-width:1240px){ .picture1{ display: block; width: 222px !important; height: 24.375rem !important; background: #FFFFFF; border-radius: 26px 26px 26px 26px; text-align: center; } } @media screen and (max-width:1239px){ .Subscribe_title_grid__40Kts { /*display: grid;*/ /* grid-template-columns: repeat(12,minmax(0,1fr)); */ /*gap: 1.25rem;*/ /*row-gap: 1.25rem;*/ /*row-gap: 0;*/ /* width: 65%; */ width: 55%; height: 100%; margin-left: 3%; } @media screen and (max-width:990px){ .swt-Container{width:96%;} } .footer{position: relative; z-index: 2;; padding-bottom: 4.5rem;} /*底部1440*/ @media screen and (min-width:1480px){ .footer dl dt .arrow{display: none;} .footer{ padding-top:2.5rem; padding-bottom: 4.5rem;} .footer .footl{width:1100px;} .footer .footr{ text-align: left; width:300px;} } @media screen and (min-width:1200px) and (max-width:1479px){ .footer dl dt .arrow{display: none;} .footer{ padding-top:40px;} .footer .footl{width:80%;} .footer .footr{width:20%;} .footer dl{width:18.4%;} } @media screen and (min-width:769px) and (max-width:1199px){ .footer .footl{width:100%;} .footer .footr{width:100%;} }