/** * ######################################################################################################################## * ### 首页 * ######################################################################################################################## */ @media screen and (max-width: 1366px) { .public { width: 80%; } } @media screen and (max-width: 1024px) { .public { width: 85%!important; } } @media screen and (max-width: 860px) { .public { width: 90%!important; } } /* 全屏切换 */ .fullpage-wrapper, .swiper-container_fullpage, .swiper-slide_fullpage, .swiper-slide-content_fullpage { width: 100%; height: 100%; overflow: hidden; } .swiper-slide_fullpage { background-repeat: no-repeat; background-position: center; background-size: cover; } .fullpage-wrapper { position: fixed; top: 0; left: 0; z-index: 9; background-color: #000000; color: #ffffff; transition: top 1s; } .swiper-slide-content_fullpage { position: relative; } /* 分页器 */ .swiper-container_fullpage_pagination { display: block; position: fixed; left: 20px; top: 50%; z-index: 10; width: 4px; transform: translatey(-50%); } .swiper-container_fullpage_pagination .swiper-pagination-bullet { width: 6px; height: 6px; border-radius: 50%; background: #fff; cursor: pointer; margin: 10px 0; opacity: 1; position: relative; } .swiper-container_fullpage_pagination .swiper-pagination-bullet::after { content: ""; position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; border: 1px #fff solid; border-radius: 50%; opacity: 0; transition: all .4s; transform: translate(-50%, -50%); } .swiper-container_fullpage_pagination .swiper-pagination-bullet-active::after { opacity: 1; } .swiper-container_fullpage_pagination .swiper-pagination-bullet:hover::after { opacity: 1; } .swiper-container_fullpage_pagination.black .swiper-pagination-bullet { background: #011240; } .swiper-container_fullpage_pagination.black .swiper-pagination-bullet::after { border-color: #80899f; } @media screen and (max-width: 768px) { .swiper-container_fullpage_pagination .swiper-pagination-bullet::after { width: .4rem; height: .4rem; } } /* 遮罩 */ .swiper-slide-content_fullpage_mask { background: rgba(0,0,0,0); width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 0.9; transition: all 1s linear 1.2s; opacity: 0; } .swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_mask { background: rgba(0,0,0,0.5); opacity: 1; } /* 通用文本内容 */ /* 主标题 */ .swiper-slide-content_fullpage_title { transition: transform 0.6s linear 1.2s; transform: translatey(30px); text-align: center; } .swiper-slide-content_fullpage_title.en { font-size: 0.8rem; text-transform: uppercase; font-weight: normal; line-height: 0.9; } .swiper-slide-content_fullpage_title.cn { font-size: 0.5rem; font-weight: normal; margin-top: 44px; } /* 副标题 */ .swiper-slide-content_fullpage_subtitle { transition: transform 0.6s linear 1.35s; transform: translatey(30px); } .swiper-slide-content_fullpage_subtitle.cn { font-size: 0.6rem; font-weight: normal; } .swiper-slide-content_fullpage_subtitle.en { font-size: 0.3rem; font-weight: normal; text-transform: uppercase; margin-top: 16px; line-height: 1.2; } /* 更多 */ .swiper-slide-content_fullpage_link-btn { display: flex; align-items: center; justify-content: center; border: 1px solid #ffffff; border-radius: 48px; font-size: 0.24rem; padding: 16px 24px; margin-top: 52px; transition: transform 0.6s linear 1.5s, background-color 0.6s, border-color 0.6s; transform: translatey(30px); } .swiper-slide-content_fullpage_link-btn:hover { background-color: rgba(243,194,150,0.3); border-color: rgba(243,194,150,0.3); } /* 数据 */ .swiper-slide-content_fullpage_datas { display: flex; margin-top: 58px; transition: transform 0.6s linear 1.35s; transform: translatey(30px); } .swiper-slide-content_fullpage_datas .data-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 1.1rem; } .swiper-slide-content_fullpage_datas .value { font-size: 0.87rem; } .swiper-slide-content_fullpage_datas .label { font-size: 0.3rem; margin-top: 30px; } /* 滑动到时 */ .swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_title { transform: translatey(0); } .swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_subtitle { transform: translatey(0); } .swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_link-btn { transform: translatey(0); } .swiper-slide_fullpage.swiper-slide-active .swiper-slide-content_fullpage_datas { transform: translatey(0); } /* 控件 */ .swiper-slide-content_fullpage .control { position: absolute; width: 100%; top: 52%; left: 0; padding: 0 12%; z-index: 10; } .swiper-slide-content_fullpage .control .box { position: relative; display: inline-block; padding: 0 60px; font-size: 24px; font-family: 'dinpromedium'; } .swiper-slide-content_fullpage .control .count-box { font-size: .18rem; line-height: 1; color: #fff; } .swiper-slide-content_fullpage .control .count-num { font-size: .3rem; } .swiper-slide-content_fullpage .control .swiper-button-prev, .swiper-slide-content_fullpage .control .swiper-button-next { height: auto; background: none; font-size: 20px; transform: translatey(-50%); } .swiper-slide-content_fullpage .control .swiper-button-prev { left: 0; margin-top: 0; } .swiper-slide-content_fullpage .control .swiper-button-next { right: 0; margin-top: 0; } .swiper-slide-content_fullpage .control .play-video { position: relative; width: .5rem; height: .5rem; margin-top: .3rem; border-radius: 50%; background: #fff; cursor: pointer; } .swiper-slide-content_fullpage .control .play-video::after { content: ''; position: absolute; top: 50%; left: 50%; width: .64rem; height: .64rem; border-radius: 50%; border: 1px #fff dashed; transform: translate(-50%, -50%); } .swiper-slide-content_fullpage .control .play-video::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-bottom: .08rem solid transparent; border-top: .08rem solid transparent; border-left: .1rem solid #f79411; transform: translate(-50%, -50%); transition: all .3s; } .swiper-slide-content_fullpage .control .play-video:hover::before { border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-left: 14px solid #f79411; } .swiper-slide-content_fullpage .product-finder { position: absolute; bottom: .2rem; left: .34rem; z-index: 10; padding: .3rem .36rem; background: linear-gradient(-135deg, transparent .15rem, rgba(0,0,0,.5) 0); } .swiper-slide-content_fullpage .product-finder .head { display: flex; align-items: center; font-size: .18rem; color: #00c0c0; } .swiper-slide-content_fullpage .product-finder p { margin: .1rem 0 .2rem; font-size: .18rem; } .swiper-slide-content_fullpage .product-finder .btn { display: inline-block; padding: .1rem .3rem; font-size: .16rem; background: linear-gradient(to right, #00bdc0, #0092c0); } .swiper-slide-content_fullpage .product-finder .btn:hover { opacity: .8; } /* 媒体查询 */ @media screen and (max-width: 768px) { .swiper-slide-content_fullpage .product-finder { display: none; } .swiper-slide-content_fullpage .product-finder .head { font-size: .4rem; } .swiper-slide-content_fullpage .product-finder p { font-size: .34rem; } .swiper-slide-content_fullpage .product-finder .btn { padding: .2rem .4rem; font-size: .34rem; } .swiper-slide-content_fullpage .control .play-video { display: none!important; } .swiper-container_first-screen-video .txts-wrap.first-wrap .wrap-btn { margin-top: 3.5rem!important; } } /* 第一屏 */ .swiper-container_first-screen-video, .swiper-slide_first-screen-video, .swiper-slide_first-screen-video .video, .swiper-slide_first-screen-video .object { background: #000000; width: 100%; height: 100%; overflow: hidden; position: relative; } .swiper-slide_first-screen-video .video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; display: none; } .swiper-slide_first-screen-video [data-my-video] { width: 100%; height: 100%; } .swiper-slide_first-screen-video .video-banner-mo { width: 100%; height: 100%; display: none; } .swiper-slide_fullpage_first-screen .swiper-slide-graphics img { width: 100%; height: 100%; } .swiper-slide_fullpage_first-screen .swiper-slide-graphics.swiper-slide-banner-pc { display: block; } .swiper-slide_fullpage_first-screen .swiper-slide-graphics.swiper-slide-banner-mobile { display: none; } /* 媒体查询 */ @media screen and (max-width: 768px) { .swiper-slide_fullpage_first-screen .swiper-slide-graphics.swiper-slide-banner-pc { display: none; } .swiper-slide_fullpage_first-screen .swiper-slide-graphics.swiper-slide-banner-mobile { display: block; } } /* 播放控件 */ .swiper-container_first-screen-video .video-controls { position: absolute; z-index: 10; left: 30px; bottom: 30px; font-size: 24px; display: flex; } .swiper-container_first-screen-video .oper-box { cursor: pointer; width: 50px; height: 50px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 4px; transition: all 0.6s; } .swiper-container_first-screen-video .oper-box:hover { background: rgba(255, 255, 255, 0.3); } .swiper-container_first-screen-video .oper-box .iconfont { display: none; } .swiper-container_first-screen-video .oper-box .iconfont.show { display: inline-block; } /* 文字内容 */ .swiper-container_first-screen-video .txts-wrap.first-wrap .wrap-btn { margin-top: 2rem; } .swiper-container_first-screen-video .txts-wrap { display: flex; flex-direction: column; justify-content: center; position: absolute; z-index: 10; left: 0; top: 50%; width: 100%; padding: 0 12%; transform: translatey(-50%); transition: all 0.3s linear 2s, color 0.1s; } .swiper-container_first-screen-video .wrap-btn { width: 1.8rem; padding: 0.1rem 0.3rem; margin-top: 1.6rem; font-size: .16rem; text-align: center; background: linear-gradient(to right, #00bdc0, #0092c0); } /* .swiper-slide_first-screen-video.swiper-slide-active .txts-wrap { opacity: 0; top: 30px; } */ .swiper-container_first-screen-video .txts-wrap.first-wrap { display: none; } /* 媒体查询 */ @media screen and (max-width: 768px) { .swiper-container_first-screen-video .txts-wrap.first-wrap { display: block; } } /* 视频弹窗 */ .video-modal-container { position: fixed; z-index: 400; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; background: #000000; opacity: 0; -webkit-transform: scale(0); transform: scale(0); font-size: 20px; padding: 2em 0; z-index: 20; } .video-modal-container.transition { -webkit-transition: all 0.2s; transition: all 0.2s; } .video-modal-container.show { width: 100%; height: 100%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .swiper-slide_fullpage_first-screen .video-modal { width: 100%; height: 100%; } .swiper-slide_fullpage_first-screen .btn-close { font-size: inherit; width: 2em; height: 2em; color: #ffffff; position: fixed; z-index: 800; right: 0; top: 0; border-radius: 0 0 0 70%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; background: #242738; padding-left: 0.2em; padding-bottom: 0.2em; cursor: pointer; } .swiper-slide_fullpage_first-screen .btn-close:hover { opacity: 0.8; } /* 媒体查询 */ @media screen and (max-width: 768px) { .swiper-slide_first-screen-video .video { display: none !important; } .swiper-slide_first-screen-video .video-banner-mo { display: block; } .swiper-container_first-screen-video .video-controls { display: none; } .swiper-slide-content_fullpage_mask { line-height: 1; } .swiper-slide-content_fullpage_title.en { font-size: 0.68rem; } .swiper-slide-content_fullpage_title.cn { font-size: 0.52rem; } .swiper-slide-content_fullpage_subtitle.cn { font-size: 0.5rem; } .swiper-slide-content_fullpage_subtitle.en { font-size: 0.28rem; line-height: 1.4; } .swiper-slide-content_fullpage_datas .data-item { padding: 0 0.6rem; } .swiper-slide-content_fullpage_datas .value { font-size: 0.56rem; } .swiper-slide-content_fullpage_datas .label { font-size: 0.28rem; } .swiper-slide-content_fullpage_link-btn { font-size: 0.28rem; } } /* 第二屏 */ .swiper-slide_fullpage_second-screen { position: relative; }.swiper-slide_fullpage_second-screen .bg-img { position: relative; width: 100%; height: 100%; } .swiper-slide_fullpage_second-screen .second-screen-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .second-screen-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 2rem; padding-bottom: 82px; z-index: 10; } .second-screen-container .container { display: flex; flex-direction: column; height: 100%; } .second-screen-container .head { position: relative; } .second-screen-container .head .info { flex: 1; min-width: 0; } .second-screen-container .head .info-pc { display: block; } .second-screen-container .head .info-mobile { display: none; } .second-screen-container .head .tit { width: 70%; font-size: .46rem; color: #fff; } .second-screen-container .head .desc { margin: .4rem 0 .5rem; font-size: .18rem; line-height: 1.5; color: #fff; } .second-screen-container .head .btn { display: inline-block; padding: .1rem .3rem; font-size: .16rem; background: linear-gradient(to right, #00bdc0, #0092c0); } .second-screen-container .head .count { position: absolute; top: 0; right: 0; display: flex; align-items: flex-start; font-size: .36rem; font-family: 'dinpromedium'; color: rgba(255, 255, 255, 0.5); } .second-screen-container .head .current { margin-right: .2rem; font-size: .72rem; line-height: 1; color: #fff; transform: translatey(-5px); } .second-screen-container .head .total { margin-left: .2rem; } .second-screen-container .products-list { display: flex; flex-wrap: wrap; margin-top: auto; border-right: 1px rgba(255, 255, 255, .1) solid; border-bottom: 1px rgba(255, 255, 255, .1) solid;} .second-screen-container .products-list .item { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 16.6667%; padding: .3rem .1rem; border: 1px rgba(255, 255, 255, .1) solid; border-bottom: none; border-right: none;} .second-screen-container .products-list .item .icon-box { position: relative; width: .6rem; height: .6rem; } .second-screen-container .products-list .item .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; transition: all .4s; } .second-screen-container .products-list .item .icon-white { width: 0; height: 0; opacity: 0; } .second-screen-container .products-list .item .icon-color { opacity: 1; } .second-screen-container .products-list .item .label { width: 80%; margin-top: .2rem; font-size: .18rem; font-weight: normal; text-align: center; color: #fff; } .second-screen-container .products-list .item.active { background: linear-gradient(to right, #00bdc0, #0092c0); } .second-screen-container .products-list .item.active .icon-color { opacity: 0; } .second-screen-container .products-list .item.active .icon-white { width: 100%; height: 100%; opacity: 1; } @media screen and (max-width: 768px) { .second-screen-container .products-list .item { width: 25%; } .second-screen-container .head .info-pc { display: none; } .second-screen-container .head .info-mobile { display: block; } .second-screen-container .head .desc { font-size: .25rem; } .second-screen-container .head .btn { padding: 0.2rem 0.4rem; font-size: .3rem; } .second-screen-container .products-list .item .label { font-size: .23rem; } } /* 第三屏 */ .swiper-slide_fullpage_third-screen { background: #fff; } .swiper-slide_fullpage_third-screen .third-screen-container { height: 100%; background-image: url(/uploads/image/shimages/third-screen-bg.png); background-size: contain; background-position: center right; background-repeat: no-repeat; } .bg-imgs { position: relative; display: inline-block; height: 100%; } .swiper-slide_fullpage_third-screen .bg-1 { position: relative; z-index: 1; height: 100%; } .swiper-slide_fullpage_third-screen .bg-2 { position: absolute; top: 0; right: 0; height: 100%; } .swiper-slide_fullpage_third-screen .bg-3 { position: absolute; top: 0; right: 0; height: 100%; } .swiper-slide_fullpage_third-screen .text-content { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); padding-left: 48%; } .swiper-slide_fullpage_third-screen .text-content .en-tit { font-size: .36rem; font-family: 'dinpromedium'; color: #666; } .swiper-slide_fullpage_third-screen .text-content .en-tit span { color: var(--color); } .swiper-slide_fullpage_third-screen .text-content .tit { margin-top: .3rem; font-size: .48rem; color: #011240; } .swiper-slide_fullpage_third-screen .text-content .statistics { display: flex; margin-top: .8rem; } .swiper-slide_fullpage_third-screen .text-content .item { display: flex; align-items: center; flex-direction: column; width: 25%; } .swiper-slide_fullpage_third-screen .text-content .item .iconfont { font-size: .3rem; color: var(--color); } .swiper-slide_fullpage_third-screen .text-content .item .item-num { display: flex; align-items: center; } .swiper-slide_fullpage_third-screen .text-content .item-num { margin: .08rem 0 .05rem; font-size: .3rem; color: #011240; } .swiper-slide_fullpage_third-screen .text-content .item-num .number { font-family: 'dinpromedium'; } .swiper-slide_fullpage_third-screen .text-content .item-num .label { font-size: .16rem; } .swiper-slide_fullpage_third-screen .text-content .item .txt { font-size: .14rem; color: #011240; } .swiper-slide_fullpage_third-screen .text-content .desc { margin-top: .4rem; font-size: .18rem; line-height: 1.8; color: rgba(1,18,64,.6); } .swiper-slide_fullpage_third-screen .text-content .btn { display: inline-block; padding: .1rem .3rem; margin-top: .62rem; font-size: .16rem; background: linear-gradient(to right, #00bdc0, #0092c0); } @media screen and (max-width: 768px) { .swiper-slide_fullpage_third-screen .third-screen-container { background-position: center center; } .swiper-slide_fullpage_third-screen .bg-1 { width: 100%; } .swiper-slide_fullpage_third-screen .bg-2, .swiper-slide_fullpage_third-screen .bg-3 { display: none; } .swiper-slide_fullpage_third-screen .text-content { padding: .5rem; background: rgb(255 255 255 / 70%); } .swiper-slide_fullpage_third-screen .text-content .statistics { flex-wrap: wrap; margin-top: 0.3rem; } .swiper-slide_fullpage_third-screen .text-content .item { width: 50%; margin-top: .5rem; } .swiper-slide_fullpage_third-screen .text-content .item .iconfont { font-size: .5rem; } .swiper-slide_fullpage_third-screen .text-content .item .item-num, .swiper-slide_fullpage_third-screen .text-content .item .txt { font-size: .34rem; } .swiper-slide_fullpage_third-screen .text-content .desc { font-size: .3rem; } .swiper-slide_fullpage_third-screen .text-content .btn { padding: 0.2rem 0.4rem; font-size: .3rem; } } /* 第四屏 */ .swiper-slide_fullpage_four-screen { padding-top: 80px; background: #f0f2f4; } .swiper-slide_fullpage_four-screen .four-screen-container { position: relative; width: 100%; height: 100%; } .swiper-slide_fullpage_four-screen .container { position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%); z-index: 100; } .swiper-slide_fullpage_four-screen .container .title { font-size: .48rem; line-height: 1.5; color: #011240; } .swiper-slide_fullpage_four-screen .container .title span { color: #00979f; } .swiper-slide_fullpage_four-screen .container .partner { width: 56%; margin: .72rem 0 0; padding-bottom: .2rem; } .swiper-slide_fullpage_four-screen .container .partner-list { display: flex; flex-wrap: wrap; } .swiper-slide_fullpage_four-screen .container .partner-list .item { position: relative; display: flex; align-items: center; justify-content: center; width: calc(25% - .24rem); padding: 0 .1rem; height: 0; padding-bottom: 11.6%; margin-right: .12rem; margin-left: .12rem; margin-bottom: .24rem; background: #fff; overflow: hidden; } .swiper-slide_fullpage_four-screen .container .partner-list .item img { position: absolute; top: 50%; left: 50%; width: 96%; height: 100%; transform: translate(-50%, -50%); } .swiper-slide_fullpage_four-screen .four-screen-pic { position: absolute; top: 0; right: 0; width: 8.53rem; height: 100%; background: 100% 100% no-repeat; background-size: contain; } .swiper-slide_fullpage_four-screen .four-screen-pic .swiper-four-screen { height: 100%; } .swiper-slide_fullpage_four-screen .four-screen-pic .pic-img { height: 100%; } @media screen and (max-width: 768px) { .swiper-slide_fullpage_four-screen { padding-top: .8rem; } .swiper-slide_fullpage_four-screen .four-screen-pic { background-position: top left; background-size: cover; } .swiper-slide_fullpage_four-screen .four-screen-container { background-position: top center; } .swiper-slide_fullpage_four-screen .container { top: 50%; padding: 0.4rem; background: rgba(255,255,255,.2); } .swiper-slide_fullpage_four-screen .container .partner { width: 100%; } .swiper-slide_fullpage_four-screen .container .partner-list .item { width: calc(50% - 0.24rem); padding-bottom: 26%; } } /* 第五屏 */ .swiper-slide_fullpage_five-screen .canvas-test { position: relative; height: 100%; background: linear-gradient(-45deg, #0b223b, #198ea7); } .swiper-slide_fullpage_five-screen .canvas-test .vanta-canvas { opacity: .2; } .swiper-slide_fullpage_five-screen .five-screen-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .swiper-slide_fullpage_five-screen .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100;} .swiper-slide_fullpage_five-screen .container .title { font-size: .48rem; font-weight: normal; text-align: center; color: #fff; } .swiper-slide_fullpage_five-screen .container .industry { padding-bottom: .36rem; margin-top: .8rem; } .swiper-slide_fullpage_five-screen .container .swiper-slide { padding: 0 8px; } .swiper-slide_fullpage_five-screen .container .pic-img { position: relative; padding-bottom: 56%; overflow: hidden; } .swiper-slide_fullpage_five-screen .container .pic-img .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .5s; } .swiper-slide_fullpage_five-screen .container .pic-img .time { position: absolute; bottom: 0; left: 0; padding: .15rem .24rem; font-size: .16rem; font-family: 'dinpromedium'; line-height: 1; color: #fff; background: linear-gradient(to right,#00bfc0, #0092c0); } .swiper-slide_fullpage_five-screen .container .desc { height: 1.02rem; padding: .22rem .45rem; font-size: .18rem; line-height: 1.6; color: #fff; background: rgba(0,0,0,.4); } .swiper-slide_fullpage_five-screen .container .swiper-scrollbar { left: 50%; width: 78%; height: 3px; background: rgba(255, 255, 255, 0.3); transform: translatex(-50%); } .swiper-slide_fullpage_five-screen .container .swiper-scrollbar .swiper-scrollbar-drag { background: #fff; } .swiper-slide_fullpage_five-screen .container .swiper-slide:hover .img { transform: scale(1.1); } .swiper-slide_fullpage_five-screen .container .swiper-slide:hover .desc { color: #00c0c0; } .swiper-slide_fullpage_five-screen .container .btn-box { display: flex; align-items: center; justify-content: center; } .swiper-slide_fullpage_five-screen .container .btn { padding: .1rem .3rem; margin-top: .52rem; font-size: .16rem; background: linear-gradient(to right, #00bdc0, #0092c0); } @media screen and (max-width: 768px) { .swiper-slide_fullpage_five-screen .container .industry { padding-bottom: .5rem; } .swiper-slide_fullpage_five-screen .container .pic-img .time { padding: 0.2rem 0.3rem; font-size: .34rem; } .swiper-slide_fullpage_five-screen .container .desc { height: auto; font-size: .36rem; overflow: hidden; } .swiper-slide_fullpage_five-screen .container .btn { padding: 0.2rem 0.3rem; font-size: .34rem; } }