:root { --width:1920*100vw; }

body { min-width: auto; overflow-x: none; }

.content { background: url("/sw/ssyyj2023/images/bj.jpg") no-repeat center; height: calc(9975 / var(--width)); background-size: auto 100%; }

.hide { display: none; }

.Min1 { padding: calc(906 / var(--width)) 0 0; }

.Min1 .swiperbox { background: url("/sw/ssyyj2023/images/lunbox2.png") no-repeat center; width: calc(973 / var(--width)); height: calc(633 / var(--width)); background-size: 100% auto; margin: 0 auto; position: relative; }

.Min1 .swiperbox .swiper { width: calc(840 / var(--width)); height: calc(525 / var(--width)); display: block; overflow: hidden; position: absolute; top: calc(53 / var(--width)); left: calc(65 / var(--width)); }

.Min1 .swiperbox .img { width: calc(840 / var(--width)); height: calc(535 / var(--width)); display: block; }

.Min1 .swiperbox .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.Min1 .swiperbox .swiper-pagination-bullet { width: calc(20 / var(--width)); height: calc(20 / var(--width)); background: #fff; opacity: 1; margin: 0 calc(10 / var(--width)); }

.Min1 .swiperbox .swiper-pagination-bullet-active { background: #0041c9; }

.zt-title { margin: 0 auto; }

.zt-title img { display: block; margin: 0 auto; height: calc(215 / var(--width)); }

.zt_img_ { width: 90%; height: calc(218 / var(--width)); overflow: hidden; margin: 0 auto; display: block; position: relative; }

.zt_img_ img { max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.icon_shopcar { width: calc(67 / var(--width)); height: calc(67 / var(--width)); background-color: #f9891c; display: block; border-radius: 50%; position: relative; }

.icon_shopcar::before { display: block; width: calc(51 / var(--width)); height: calc(42 / var(--width)); background: url("/sw/ssyyj2023/images/carshop.png") no-repeat center; background-size: 100% auto; content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.Min2 { padding-top: calc(400 / var(--width)); }

.Min2 .zt-warp1 { background: url("/sw/ssyyj2023/images/box1.png") no-repeat center; width: calc(1226 / var(--width)); height: calc(981 / var(--width)); background-size: auto 100%; padding-top: calc(100 / var(--width)); margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.Min2 .zt-warp1 .list1 { width: calc(1003 / var(--width)); height: calc(412 / var(--width)); background-image: -webkit-gradient(linear, left bottom, left top, from(#0041c9), to(#2885f1)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); background-image: -o-linear-gradient(bottom, #0041c9 0%, #2885f1 100%), -o-linear-gradient(#ffffff, #ffffff); background-image: linear-gradient(0deg, #0041c9 0%, #2885f1 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; -webkit-box-shadow: 0px calc(9 / var(--width)) calc(5 / var(--width)) 0px rgba(73, 95, 186, 0.75); box-shadow: 0px calc(9 / var(--width)) calc(5 / var(--width)) 0px rgba(73, 95, 186, 0.75); border-radius: calc(20 / var(--width)); margin: 0 auto; }

.Min2 .zt-warp1 .list1 ul li { float: left; }

.Min2 .zt-warp1 .list1 ul li .box { width: calc(297 / var(--width)); height: calc(349 / var(--width)); background-color: #ffffff; -webkit-box-shadow: inset 0px calc(12 / var(--width)) calc(7 / var(--width)) 0px rgba(0, 82, 180, 0.35); box-shadow: inset 0px calc(12 / var(--width)) calc(7 / var(--width)) 0px rgba(0, 82, 180, 0.35); border-radius: calc(40 / var(--width)); border: solid calc(3 / var(--width)) #0f51d5; margin: calc(23 / var(--width)) calc(2 / var(--width)) 0 calc(26 / var(--width)); overflow: hidden; display: block; }

.Min2 .zt-warp1 .list1 ul li .box .bt { font-size: calc(35 / var(--width)); color: #124abf; text-align: center; padding-top: calc(25 / var(--width)); font-weight: bold; }

.Min2 .zt-warp1 .list1 ul li .box .bot { width: calc(280 / var(--width)); height: calc(45 / var(--width)); background-image: -webkit-gradient(linear, left bottom, left top, from(#ff7135), to(#ffa97c)), -webkit-gradient(linear, left top, left bottom, from(#fef23a), to(#fef23a)); background-image: -o-linear-gradient(bottom, #ff7135 0%, #ffa97c 100%), -o-linear-gradient(#fef23a, #fef23a); background-image: linear-gradient(0deg, #ff7135 0%, #ffa97c 100%), linear-gradient(#fef23a, #fef23a); background-blend-mode: normal,  normal; border-radius: calc(22 / var(--width)); margin: 0 auto; line-height: calc(50 / var(--width)); color: #1c2a6b; font-size: calc(16 / var(--width)); padding: 0 calc(7 / var(--width)) 0 calc(14 / var(--width)); -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: calc(-3 / var(--width)); }

.Min2 .zt-warp1 .list1 ul li .box .bot span { color: #ff2525; font-size: calc(30 / var(--width)); font-weight: bold; display: inline-block; vertical-align: middle; margin: calc(-5 / var(--width)) calc(5 / var(--width)) 0 calc(5 / var(--width)); }

.Min2 .zt-warp1 .list1 ul li .box .bot .btn { float: right; height: calc(35 / var(--width)); width: calc(118 / var(--width)); color: #fff; font-size: calc(18 / var(--width)); background-color: #f95a2b; margin-top: calc(5 / var(--width)); border-radius: calc(18 / var(--width)); line-height: calc(35 / var(--width)); letter-spacing: normal; display: -webkit-box; display: -ms-flexbox; display: flex; }

.Min2 .zt-warp1 .list1 ul li .box .bot .btn p { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.Min2 .zt-warp1 .list1 ul li .box .bot .btn .icon_shopcar { width: calc(33 / var(--width)); height: calc(33 / var(--width)); margin-right: calc(2 / var(--width)); }

.Min2 .zt-warp1 .list1 ul li .box .bot .btn .icon_shopcar::before { width: calc(25 / var(--width)); height: calc(20 / var(--width)); }

.Min2 .zt-warp1 .list2 { padding-left: calc(80 / var(--width)); }

.Min2 .zt-warp1 .list2 ul li { float: left; width: calc(230 / var(--width)); height: calc(321 / var(--width)); background-image: -webkit-gradient(linear, left bottom, left top, from(#0041c9), color-stop(88%, #2885f1), to(#dbffff)), -webkit-gradient(linear, left top, left bottom, from(#40bfec), to(#40bfec)); background-image: -o-linear-gradient(bottom, #0041c9 0%, #2885f1 88%, #dbffff 100%), -o-linear-gradient(#40bfec, #40bfec); background-image: linear-gradient(0deg, #0041c9 0%, #2885f1 88%, #dbffff 100%), linear-gradient(#40bfec, #40bfec); background-blend-mode: normal,  normal; -webkit-box-shadow: 0px calc(9 / var(--width)) calc(5 / var(--width)) 0px rgba(73, 95, 186, 0.75); box-shadow: 0px calc(9 / var(--width)) calc(5 / var(--width)) 0px rgba(73, 95, 186, 0.75); border-radius: calc(20 / var(--width)); margin: calc(40 / var(--width)) 0 0 calc(28 / var(--width)); padding-top: calc(30 / var(--width)); -webkit-box-sizing: border-box; box-sizing: border-box; }

.Min2 .zt-warp1 .list2 ul li .zt_img_ { height: calc(192 / var(--width)); }

.Min2 .zt-warp1 .list2 ul li .zt_img_ img { max-height: 90%; }

.Min2 .zt-warp1 .list2 ul li .btn { background: url("/sw/ssyyj2023/images/btn.png") no-repeat center; background-size: 100% auto; text-align: center; color: #1b2c98; width: calc(215 / var(--width)); height: calc(96 / var(--width)); margin: 0 auto; display: block; line-height: calc(96 / var(--width)); font-size: calc(23 / var(--width)); font-weight: bold; }

.Min2 .zt-warp2 .list li { background: url("/sw/ssyyj2023/images/box2.png") no-repeat center; width: calc(1226 / var(--width)); height: calc(717 / var(--width)); background-size: auto 100%; padding-top: calc(80 / var(--width)); margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.Min2 .zt-warp2 .list li:nth-child(even) .box .zt_img_ { float: right; }

.Min2 .zt-warp2 .list li:nth-child(even) .box .infor { padding-right: 0; padding-left: calc(35 / var(--width)); }

.Min2 .zt-warp2 .list .box { width: calc(1058 / var(--width)); height: calc(560 / var(--width)); margin: 0 auto; overflow: hidden; }

.Min2 .zt-warp2 .list .box .zt_img_ { width: calc(500 / var(--width)); margin: 0 calc(16 / var(--width)) 0 calc(17 / var(--width)); height: 100%; float: left; }

.Min2 .zt-warp2 .list .box .infor { float: right; padding-right: calc(35 / var(--width)); width: calc(490 / var(--width)); }

.Min2 .zt-warp2 .list .box .infor .name { display: block; font-size: calc(60 / var(--width)); height: calc(130 / var(--width)); line-height: calc(130 / var(--width)); color: #0c034e; font-weight: bold; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.Min2 .zt-warp2 .list .box .infor .text { width: calc(490 / var(--width)); height: calc(250 / var(--width)); background-image: -o-linear-gradient(1deg, #247dee 0%, #2747cd 100%), -o-linear-gradient(#515ec8, #515ec8); background-image: linear-gradient(89deg, #247dee 0%, #2747cd 100%), linear-gradient(#515ec8, #515ec8); background-blend-mode: normal,   normal; border-radius: calc(25 / var(--width)); color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: calc(42 / var(--width)); font-size: calc(30 / var(--width)); padding: calc(20 / var(--width)) calc(30 / var(--width)); padding-right: calc(20 / var(--width)); text-align: justify; }

.Min2 .zt-warp2 .list .box .infor .text p { padding-right: calc(10 / var(--width)); height: calc(210 / var(--width)); overflow-y: auto; word-break: break-all; }

.Min2 .zt-warp2 .list .box .infor .text p::-webkit-scrollbar { width: 6px; height: 6px; background: #dcdcdc; border-radius: 10px; }

.Min2 .zt-warp2 .list .box .infor .text p::-webkit-scrollbar-button { width: 0; height: 0; }

.Min2 .zt-warp2 .list .box .infor .text p::-webkit-scrollbar-corner { display: block; }

.Min2 .zt-warp2 .list .box .infor .text p::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #b1acac; border-radius: 10px; }

.Min2 .zt-warp2 .list .box .infor .bot { color: #1c2a6b; font-size: calc(27 / var(--width)); line-height: calc(65 / var(--width)); padding-top: calc(30 / var(--width)); }

.Min2 .zt-warp2 .list .box .infor .bot span { color: #ff2525; font-size: calc(72 / var(--width)); font-weight: bold; display: inline-block; vertical-align: middle; letter-spacing: calc(-3 / var(--width)); margin: calc(-30 / var(--width)) calc(20 / var(--width)) 0 calc(10 / var(--width)); }

.Min2 .zt-warp2 .list .box .infor .bot .btn { height: calc(51 / var(--width)); width: calc(277 / var(--width)); color: #fff; font-size: calc(30 / var(--width)); background-color: #f95a2b; border-radius: calc(51 / var(--width)); line-height: calc(51 / var(--width)); letter-spacing: calc(2 / var(--width)); display: -webkit-box; display: -ms-flexbox; display: flex; margin: calc(10 / var(--width)) 0 0 0; }

.Min2 .zt-warp2 .list .box .infor .bot .btn p { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.Min2 .zt-warp2 .list .box .infor .bot .btn .icon_shopcar { width: calc(47 / var(--width)); height: calc(47 / var(--width)); margin-right: calc(2 / var(--width)); }

.Min2 .zt-warp2 .list .box .infor .bot .btn .icon_shopcar::before { width: calc(36 / var(--width)); height: calc(29 / var(--width)); }

.Min3 .zt_warp { background: url("/sw/ssyyj2023/images/box3.png") no-repeat center; width: calc(1583 / var(--width)); height: calc(744 / var(--width)); background-size: auto 100%; padding-top: calc(65 / var(--width)); margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.Min3 .zt_warp ul { padding-left: calc(60 / var(--width)); }

.Min3 .zt_warp li { float: left; padding-left: calc(20 / var(--width)); }

.Min3 .zt_warp li:nth-of-type(1) .box .num { background-position: 0 0; }

.Min3 .zt_warp li:nth-of-type(2) .box .num { background-position: calc(-466 / var(--width)) 0; }

.Min3 .zt_warp li:nth-of-type(3) .box .num { background-position: calc(-938 / var(--width)) 0; }

.Min3 .zt_warp li .box { background: url("/sw/ssyyj2023/images/item2.png") no-repeat center; width: calc(460 / var(--width)); height: calc(605 / var(--width)); display: block; background-size: 100% auto; padding: calc(70 / var(--width)) calc(40 / var(--width)) 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.Min3 .zt_warp li .box .num { background: url("/sw/ssyyj2023/images/jp.png") no-repeat center; height: calc(120 / var(--width)); width: calc(120 / var(--width)); background-size: auto 100%; position: absolute; top: calc(-50 / var(--width)); left: 50%; margin-left: calc(-60 / var(--width)); }

.Min3 .zt_warp li .box .zt_img_ { height: calc(350 / var(--width)); }

.Min3 .zt_warp li .box .name { height: calc(62 / var(--width)); font-size: calc(44 / var(--width)); padding-top: calc(12 / var(--width)); color: #fff; font-weight: bold; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.Min3 .zt_warp li .box .bot { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: calc(22 / var(--width)); padding-top: calc(17 / var(--width)); }

.Min3 .zt_warp li .box .bot p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; line-height: calc(80 / var(--width)); }

.Min3 .zt_warp li .box .bot p span { font-size: calc(60 / var(--width)); font-weight: bold; display: inline-block; vertical-align: middle; margin: calc(-25 / var(--width)) calc(10 / var(--width)) 0 calc(5 / var(--width)); }

.Min3 .zt_warp li .box .bot .icon_shopcar { width: calc(58 / var(--width)); height: calc(58 / var(--width)); }

.Min3 .zt_warp li .box .bot .icon_shopcar::before { width: calc(43 / var(--width)); height: calc(37 / var(--width)); }

.Min4 .zt_warp { background: url("/sw/ssyyj2023/images/box4.png") no-repeat center; width: calc(1226 / var(--width)); height: calc(1549 / var(--width)); background-size: auto 100%; padding-top: calc(50 / var(--width)); margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.Min4 .zt_warp ul { padding-left: calc(50 / var(--width)); }

.Min4 .zt_warp li { float: left; padding-left: calc(16 / var(--width)); padding-top: calc(10 / var(--width)); }

.Min4 .zt_warp li .box { background: url("/sw/ssyyj2023/images/item3.png") no-repeat center; width: calc(538 / var(--width)); height: calc(708 / var(--width)); display: block; background-size: 100% auto; padding: calc(23 / var(--width)) calc(40 / var(--width)) 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.Min4 .zt_warp li .box .zt_img_ { height: calc(476 / var(--width)); }

.Min4 .zt_warp li .box .name { height: calc(62 / var(--width)); font-size: calc(44 / var(--width)); padding-top: calc(22 / var(--width)); color: #fff; font-weight: bold; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.Min4 .zt_warp li .box .bot { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: calc(25 / var(--width)); padding-top: calc(25 / var(--width)); }

.Min4 .zt_warp li .box .bot p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; line-height: calc(80 / var(--width)); }

.Min4 .zt_warp li .box .bot p span { font-size: calc(60 / var(--width)); font-weight: bold; display: inline-block; vertical-align: middle; margin: calc(-25 / var(--width)) calc(10 / var(--width)) 0 calc(5 / var(--width)); }

/*--- animation ---*/
.part01 .text-box, .part01 .nano-img { opacity: 0; }

.part01 .nano-box .swiper-slide-active .nano-img, .part01 .runner-box .swiper-slide-active .text-box { animation: moveRight .5s .3s linear forwards; -webkit-animation: moveRight .5s .3s linear forwards; }

.part01 .nano-box .swiper-slide-active .text-box, .part01 .runner-box .swiper-slide-active .nano-img { animation: moveLeft .5s .3s linear forwards; -webkit-animation: moveLeft .5s .3s linear forwards; }

.part01 .swiper-slide-active .nano-img { animation-delay: .5s; -webkit-animation-delay: .5s; }

@keyframes moveLeft { 0% { -webkit-transform: translateX(-0.5rem); transform: translateX(-0.5rem);
    opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes moveLeft { 0% { -webkit-transform: translateX(-0.5rem);
    opacity: 0; }
  100% { -webkit-transform: translateX(0);
    opacity: 1; } }

@keyframes moveRight { 0% { -webkit-transform: translateX(0.5rem); transform: translateX(0.5rem);
    opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes moveRight { 0% { -webkit-transform: translateX(0.5rem);
    opacity: 0; }
  100% { -webkit-transform: translateX(0);
    opacity: 1; } }

@keyframes moveBottom { 0% { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes moveBottom { 0% { -webkit-transform: translateY(0.5rem);
    opacity: 0; }
  100% { -webkit-transform: translateY(0);
    opacity: 1; } }